/* VERSIONS
/* 4_5: Initial css version, with most recent production improvements
/* 4_6: Added base styles to main calendar view and block view, and added portal calendar styles

/* CALENDAR STYLES
***************************************************************************** */

/* CALENDAR EVENT LIST
----------------------------------------------------------------------------- */
.pc .calendar-list { margin: 0 16px; }
.pc .calendar-list h2 { margin-left: 4px; }
.pc .calendar-list h3 { margin-left: 4px; }
.pc .calendar-list h4 { margin-left: 6px; }
.pc .calendar-list p { margin-left: 4px; }
.pc .calendar-list div.tab-row ul.tabs { margin: 0 20px 10px 4px; }
.calendar-list dl.calendar-day {
	margin-bottom: 5px;
	border-bottom: 1px solid #CAC9C5;
	}
.calendar-list dl.calendar-day:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.calendar-list dl.calendar-day {display: inline-block;}
/* Hides from IE-mac \*/
* html .calendar-list dl.calendar-day {height: 1%;}
.calendar-list dl.calendar-day {display: block;}
/* End hide from IE-mac */		
	
.calendar-list dl.calendar-day dt {
	padding: 0;
	margin: 7px 0 5px 6px;
	color: #FFF;
	width: 30px;
	float: left;
	}
.sc .calendar-list dl.calendar-day dt {
	margin-top: 2px;
	}	
.calendar-list dl.calendar-day dt img {	display: block;	}
.calendar-list dl.calendar-day dt img.weekday {	margin-bottom: 3px;	}
.calendar-list dl.calendar-day dt img.month { margin-bottom: 4px; }
.calendar-list dl.calendar-day dt img.day {	}
.calendar-list dl.calendar-day dd { margin: 0 0 12px 37px; padding: 5px; }
.calendar-list dl.calendar-day dd.alt { /* background-color: #F0EFEA; */ }
.calendar-list dl.calendar-day dd * {
	margin: 0;
	font-size: 1em;
	font-weight: normal;
	}
.calendar-list dl.calendar-day dd h5,
.calendar-list dl.calendar-day dd h6 {
	font-size: 1em;
	display: inline;
	padding-right: 0;
	}
.calendar-list dl.calendar-day dd h4 span {	display: none; }
.calendar-list dl.calendar-day dd h5,
.calendar-list dl.calendar-day dd h6 {
	font-weight: normal;
	font-size: 0.92em;
	color: #000;
	margin: 0;
	padding: 0;
	}	
.calendar-list dl.calendar-day dd h4, 
.calendar-list dl.calendar-day dd h4 a {
	margin: 0 0 2px 0 !important;
	padding: 0 !important;
	font-weight: bold !important;
	font-size: 1.0em !important;
	}	
.calendar-list dl.calendar-day dd h5,
.calendar-list dl.calendar-day dd span.thru,
.calendar-list dl.calendar-day dd span.time{ margin-right: 10px; }
.calendar-list dl.calendar-day dd h5 span { margin-right: 10px; }
.calendar-list dl.calendar-day dd h5 a.url { margin-left: 10px; }
.calendar-list dl.calendar-day dd a { font-weight: bold; padding: 0 2px; margin: 0 0 0 6px; font-size: .9em; } /* events registration - not classed */
.calendar-list dl.calendar-day dd a.readmore { font-weight: bold; padding: 2px 0 2px 16px; margin: 0 0 0 6px; font-size: .90em; background: url(/images/common/bg-more-events.gif) left center no-repeat; }
.sc .calendar-list dl.calendar-day dd .readmore { padding: 2px 0 2px 20px; display: block; }

.calendar-list a.edit { }

.sc .calendar-list dl.calendar-day {
	padding-top: 15px;
	margin-left: 7px;
	margin-bottom: 0;
	}
.sc .calendar-list dl.calendar-day dd { padding: 0; }
	
.calendar-list-more p {
	margin: 0;
	}

/* Class Test Calendar
----------------------------------------------------------------------------- */
dl.calendar-day dd.Upper { background: url(/images/calendars/bg-upper_school.gif) right bottom no-repeat; }
dl.calendar-day dd.Middle { background: url(/images/calendars/bg-middle_school.gif) right bottom no-repeat; }
dl.calendar-day dd.Lower { background: url(/images/calendars/bg-lower_school.gif) right bottom no-repeat; }
.calendar-block dl.calendar-day dd.Upper { padding-bottom: 20px; background-color: #FFD259; }
.calendar-block dl.calendar-day dd.Middle { padding-bottom: 20px; background-color: #FCE669; }
.calendar-block dl.calendar-day dd.Lower { padding-bottom: 20px; background-color: #FFF697; }

/* CALENDAR DETAIL
----------------------------------------------------------------------------- */
.calendar-detail {
	position: relative;
	padding: 0;
	}
.calendar-detail h1 { font-size: 2em; }	
.calendar-detail h1 span { display: none; }
.calendar-detail h2 {
	font-size: 1.0em;
	line-height: 1.1em;
	font-weight: bold;
	color: #000;
	}
.calendar-detail h2,	
.calendar-detail h3,
.calendar-detail h4,
.calendar-detail h5,
.calendar-detail h6 {
	display: block;
	margin: 0 0 3px 20px;
	font-size: 1.0em;
	}
.calendar-detail h3 span {
	display: block;
	margin-top: 3px;
	margin-bottom: 3px;
	}
.calendar-detail h3 em {
	display: block;
	margin-bottom: 3px;
	}
.calendar-detail h6 {
	margin-bottom: 15px;
	}
.calendar-detail a.url { margin-left: 20px; }	

/* CALENDAR WIDGET
----------------------------------------------------------------------------- */
#calendar-widget {
	}

/* CALENDAR MINI
----------------------------------------------------------------------------- */
.sc .calendar-mini { margin: 0 0 25px 0; padding: 0; }
.sc .calendar-mini strong { font-size: 2em; margin-bottom: 10px; }

.sc .calendar-mini .calendar-prevnext { position: relative; height: 20px; margin: 10px 0; }
.sc .calendar-prevnext a { display: block; float: left; }
.sc .calendar-prevnext a.prev { padding-left: 20px; background: url(/images/common/bg-arrow-left.gif) left center no-repeat; }	
.sc .calendar-prevnext a.next { padding-right: 20px; float: right; background: url(/images/common/bg-arrow-right.gif) right center no-repeat; }	

.sc .calendar-mini form { margin: 0 0 10px 0; padding: 0; }
.sc .calendar-mini form span { margin: 0; padding: 0; }
.sc .calendar-mini form select { margin: 0; padding: 0; width: 100%; }
.sc .calendar-mini span { margin: 0; padding: 0; }
.sc .calendar-mini span.first-child { padding-left: 0; }
.sc .calendar-mini span.last-child { background: none; }

.sc .calendar-mini .calendar-view { height: 18px; margin-bottom: 15px; }

.sc .calendar-mini .calendar-view a.block { float: left; }
.sc .calendar-mini .calendar-view a.week { float: right; }

.sc .calendar-mini .table-container {
	margin: 0 0 5px 0;
	padding: 5px 0 5px 0;
	clear: both;
	background:  #FF9900 url(/images/common/bg-sc-mini-cal.gif) left top no-repeat;
	}
.sc .calendar-mini .table-container table {
	margin: 0 0 0 2px !important;	
	margin: 0 0 0 2px;	
	padding: 0 0 15px 0;
	width: 192px !important;
	width: 193px;
	background: none;
	}
.sc .calendar-mini table th {
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #FFF; 
	text-align: center;
	background-color: #FF9900;
	}
.sc .calendar-mini td {
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	width: 14.28%;
	/**/height: 25px;/**/
	}
.sc .calendar-mini td {
	border: 1px solid #CAC9C5;
	}	
.sc .calendar-mini tr td span {
	background: none;
	}	
.sc .calendar-mini td.today { background-color: #FF9900; color: #FFF; }
.sc .calendar-mini td.today a { color: #FFF; }
.sc .calendar-mini td a {
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	color: #FF9900;
	text-decoration: none;
	}
.sc .calendar-mini td a:hover {	text-decoration: underline;	}	

/* CALENDAR CUSTOMIZE
----------------------------------------------------------------------------- */
form#customize  {
	margin: 0; 
	}
form#customize h3 {	margin-left: 0; }
form#customize ul.calendar-formlist {
	margin: 5px 0 10px 10px;
	padding: 0;
	list-style: none;
	}
form#customize ul.calendar-formlist li {
	margin: 0 0 5px 0;
	padding: 0;
	background: none;
	}
form#customize ul.calendar-formlist li label {  }	
form#customize div { margin-left: 10px; }
form#customize div input {}
form#customize div a {}	

/* CALENDAR KEY
----------------------------------------------------------------------------- */
dl.key { }
dl.key dt { font-weight: bold; }
dl.key ul { list-style: none; }
dl.key ul li { padding-left: 0; background: none; }

/* CALENDAR WIDGET
----------------------------------------------------------------------------- */
.calendar-block .calendar-widgets { margin-left: 20px; }
.calendar-block .calendar-widgets a { margin-right: 15px; }
.calendar-block .calendar-widgets form select {
	width: 160px;
	font-size: .92em;
	}

/* BLOCK/WEEK CALENDAR
----------------------------------------------------------------------------- */
.calendar-block .table-container {
	margin: 0 0 0 20px;
	padding: 0;
	}
.calendar-block .table-container table {
	margin: 0;
	padding: 0;
	width: 99%;
	}
.calendar-block .table-container th {
	background-color: #FF9900;
	border-left: 1px solid #FF9900;
	border-right: 1px solid #FF9900;
	color: #FFF;
	padding: 5px;
	text-align: left;
	}
.calendar-block .table-container th abbr {
	border: none;
	}
.pc .calendar-block td {
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	width: 16%;
	margin: 0;
	padding: 0;
	background-color: #F6F5F0;
	}
.calendar-block td.first-child {
	border-left: 1px solid #CCC;
	}
.calendar-block td.only-child,
.calendar-block td.last-child {
	border-right: 1px solid #CCC;
	}
.calendar-block-week td.last-child {
	border-bottom: 1px solid #CCC;
	}
.calendar-block dl.calendar-day {
	padding: 0;
	margin: 0;
	}	
.calendar-block dl.calendar-day dt {
	font-weight: bold;
	background-color: #EEE;
	border-bottom: 1px solid #CCC;
	padding: 3px 5px;
	margin: 0;
	}
.calendar-block table td dl.calendar-day dd {
	margin: 0 ;
	padding: 5px;
	}
.calendar-block dl.calendar-day dd * {
	margin: 0;
	font-size: 1em;
	font-weight: normal;
	}
.calendar-block dl.calendar-day dd h5,
.calendar-block dl.calendar-day dd h6 {
	font-size: 1em;
	display: inline;
	padding-right: 0;
	}
.calendar-block dl.calendar-day dd h4 span, /* Category */ 
.calendar-block dl.calendar-day dd h5,
.calendar-block dl.calendar-day dd h6 {
	font-weight: normal;
	font-size: 0.92em;
	color: #666;
	}
.calendar-block dl.calendar-day dd h4 { margin-bottom: 2px;	}
.calendar-block dl.calendar-day dd h4 a { margin-bottom: 2px;	}
.calendar-block dl.calendar-day dd h4 span { display: none; }
.calendar-block-week .table-container {
	margin-top: 20px;
	}
.calendar-block-week .table-container tr.last-child td {
	border-top: 1px solid #CCC;
	}
.calendar-block dl.calendar-day a.readmore,
.calendar-block-week dl.calendar-day a.readmore { display: block; }

/* CUSTOMIZE FORM
----------------------------------------------------------------------------- */
.calendar-block #customize {
	display: none;
	}
.calendar-block #customize.active {
	width: 180px;
	padding: 8px;
	border: 4px solid #DDD;
	background-color: #FFF;
	display: block;
	}
.calendar-block #customize.active {
	position: absolute;
	left: 90px;
	top: 68px;
	}
.calendar-block .calendar-customize,
.calendar-block .calendar-prevnext,
.calendar-block .calendar-views{
	float: left;
	}
.calendar-block .month-select{
	display: inline;
	}
.calendar-block-week #customize.active { left: 171px; }
	
.calendar-block #customize.active h3 { margin: 0 0 5px 0; padding: 0; }
#customize-toggle.active {}
.calendar-block #customize.active ul.calendar-formlist { margin: 0 0 10px 0; padding: 0; list-style: none; font-size: .92em; }
.calendar-block #customize.active ul.calendar-formlist li { padding: 0; background: none; }
.calendar-block #customize.active div input {}
.calendar-block #customize.active div a { margin-right: 5px; }

/* PORTAL CALENDAR STYLES
*******************************************************************************

PORTAL CALENDAR EVENT LIST
----------------------------------------------------------------------------- */
.portal-calendar-list dl.calendar-day dt {
	font-weight: bold;
	background-color: #EEE;
	border-bottom: 1px solid #CCC;
	padding: 0.4em;
	margin-bottom: 0.6em;
	}
.portal-calendar-list dl.calendar-day dd {
	margin-bottom: 0.6em;
	}
.portal-calendar-list dl.calendar-day dd * {
	margin: 0;
	font-size: 1em;
	font-weight: normal;
	}
.portal-calendar-list dl.calendar-day dd h5,
.portal-calendar-list dl.calendar-day dd h6 {
	font-size: 1em;
	display: inline;
	padding-right: 0.4em;
	}
.portal-calendar-list dl.calendar-day dd h4 span, /* Category */ 
.portal-calendar-list dl.calendar-day dd h5,
.portal-calendar-list dl.calendar-day dd h6 {
	font-weight: normal;
	font-size: 0.91em;
	color: #666;
	}
.portal-calendar-list dl.calendar-day dd .readmore {
	}
.portal-calendar-list a.edit {
	}	
	
/* CLASS WEEK CALENDAR
----------------------------------------------------------------------------- */
#week .calendar-block-week {
	margin: 0;
	padding: 10px 0 0 0;
	}
#week .calendar-block-week .calendar-widgets {
	padding: 0;
	margin: 0;
	}
#week .calendar-block-week .calendar-widgets h2 {
	font-size: 1.08em;
	color: #4D417F;
	margin: 0;
	padding: 0;
	}
#week .calendar-block-week .calendar-widgets a {
	margin-right: 5px;
	}
#week .calendar-block-week .table-container {
	margin: 5px 0 0 0;
	padding: 0;
	}	
	
.ical{
	margin-left: 8px;
	}