/* 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
/* 4_7: Re-organized the css, added missing elements, and cleaned up defaults [Author: Landon Durnan]
/* 5_0: Standardized tables (mini-block, month, week), updated detail, fixed customize, better defaults [Author: Landon Durnan]

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

/* 
-----------------------------------------------------------------------------
 =GENERAL CALENDAR STYLES
----------------------------------------------------------------------------- */

dl.calendar-day dd span.time,
dl.calendar-day dd span.thru,
dl.calendar-day dd span.location,
dl.calendar-day dd span.url, 
dl.calendar-day dd span.readmore{
	display: block;
	margin: 0;
	padding: 0;
	}
	dl.calendar-day dd span.time em,
	dl.calendar-day dd span.thru em,
	dl.calendar-day dd span.location em{
		font-style: normal;
		}

/* 
-----------------------------------------------------------------------------
 =BUTTONS
----------------------------------------------------------------------------- */	
.calendar-prevnext { display: inline; float: right; }
	.calendar-prevnext a.prev,
	.calendar-prevnext a.prev-day  { float: left; display: block; margin-right: 4px; }	
	.calendar-prevnext a.next,
	.calendar-prevnext a.next-day { float: left; display: block; }

.calendar-customize { display: inline;}
.sc .calendar-customize { display: block;}

.calendar-views { display: inline;}
	.calendar-views span.view-label {}
	.calendar-views a { float: left; margin-right: 4px; display: block; }
		.calendar-views a.view-list {}
		.calendar-views a.view-month {}	
		.calendar-views a.view-week {}
		.calendar-views a.view-oneweek {}
		.calendar-views a.view-twoweek {}
		.calendar-views a.view-print {}

/* 
-----------------------------------------------------------------------------
 =CALENDAR-LIST
----------------------------------------------------------------------------- */
.calendar-list{}
	.calendar-list dl.calendar-day {
		clear: both; 
		float: none; 
		margin-bottom: 19px;	 
		min-height: 64px;
		}
	.calendar-list dl.calendar-day:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		}
		.calendar-list dl.calendar-day dt {
			width: 58px;
			height: 64px;
			display: block;
			float: left;
			position: relative;
			padding: 0;
			margin: 0; 
			}
			.calendar-list dl.calendar-day dt img { position: absolute; }
			.calendar-list dl.calendar-day dt img.month { top: 0; left: 0; }
			.calendar-list dl.calendar-day dt img.day { top: 23px; left: 0; }
		.calendar-list dl.calendar-day dd {
			margin: 0 0 20px 70px; 
			padding: 0 0 0 0; 
			/*border-bottom: 1px solid #999;*/
			}
			.calendar-list dl.calendar-day dd:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;	}
		.calendar-list dl.calendar-day dd.only-child {
			margin-bottom: 0;
			}
		.calendar-list dl.calendar-day dd.last-child {
			margin-bottom: 0;
			}
		.calendar-list dl.calendar-day dd * {
			margin: 0;
			font-weight: normal;
			}
			.calendar-list dl.calendar-day dd h4,
			.calendar-list dl.calendar-day dd h5,
			.calendar-list dl.calendar-day dd h6 {
				line-height: normal;
				display: block;
				}
			.calendar-list dl.calendar-day dd h4 span, /* Category */ 
			.calendar-list dl.calendar-day dd h5,
			.calendar-list dl.calendar-day dd h6 {
				font-weight: normal;
				font-size: 90%;
				color: #747474;
				}
			.calendar-list dl.calendar-day dd .thumb { float: left; margin: 3px .8em .8em 0; }
				.sc .calendar-list dl.calendar-day dd .thumb, 
				.tc .calendar-list dl.calendar-day dd .thumb { float: none; width: 100px; }
	.calendar-list a.edit {
		}
	.calendar-list .calendar-list-more,
	.calendar-list .paging { text-align: right; }
		.calendar-list .calendar-list-more a,
		.calendar-list .paging a {
			border: 1px solid #C0C0C0;
			-moz-border-radius: 16px;
			-khtml-border-radius: 16px;
			-webkit-border-radius: 16px;
			border-radius: 16px;
			color: #666;
			background: #FFF url(/images/common/button-bg.gif) repeat-x left bottom;
			text-decoration: none;
			padding: 4px 12px;
			font-size: 11px;
			}
		.calendar-list .calendar-list-more a:hover,
		.calendar-list .paging a:hover {
			color: #762123; 
			text-decoration: none;
			}
	.pc .calendar-list .calendar-prevnext { display: block; float: none; }
	
/* 
-----------------------------------------------------------------------------
 =DETAIL
----------------------------------------------------------------------------- */
.calendar-detail { }
/*	.calendar-detail h1 { }
	.calendar-detail h2 { }*/
	.calendar-detail h3 { } /* Title */
		.calendar-detail h3 .athletic-location {}
		.calendar-detail h3 .category{}
		.calendar-detail h3 .contesttype{}
	.calendar-detail h4{}
	.calendar-detail h4.date{} 
	.calendar-detail h4.result{}
	.calendar-detail h4.submodule{ font-weight: normal; }
	.calendar-detail h5{ font-weight: normal; }
		.calendar-detail h5 span{}
	.calendar-detail h5.time{}
	.calendar-detail h5.location{}
	.calendar-detail h5.dismissal{}
	.calendar-detail h5.return{}
	.calendar-detail h5.transportation{}
	.calendar-detail p.memo{ margin-top: 1em; }
	.calendar-detail a.url{}
	.calendar-detail dl.directions{}
		.calendar-detail dl.directions dt{}
		.calendar-detail dl.directions dd{}
			.calendar-detail dl.directions dd address{}
			.calendar-detail dl.directions dd .directions-container{}
				.calendar-detail dl.directions dd .directions-container .travel-time{}
	.calendar-detail a.back{}
	
/* 
-----------------------------------------------------------------------------
 =CALENDAR-TABLES Mini-block, Block, Week
 
 Available Classes:
 table.month#
 table th.first-child / last-child
 table tr.first-child / last-child / week#
 table td.first-child / last-child / other-month / other-month-day# / day# / today
 table dl dd.first-child / last-child / only-child / alt
 
 Colors:
 Table Borders: #CCC
 Table Heading: #999
 Table TD: #FFF
 Other Month TD: #EFEFEF
 Today: #DFDFDF
 Event: #E4DED2
 DT: #E1E1E1
----------------------------------------------------------------------------- */
.table-container{ margin-bottom: .75em; clear: both; padding-top: 1em; }
	.table-container table {
		border-collapse: collapse;
		border: 1px solid #B0B0B0;  
		border-right: 0;
		width: 100%;
		}
		.table-container table th{
			background-color: #3A3A3A;
			border-bottom: 1px solid #B0B0B0; 
			border-right: 1px solid #B0B0B0;
			color: #FEFFFF; 
			font-weight: normal;
			text-align: center;
			}
		.table-container table tr{
			}
		.table-container table td{
			background-color: #FFF;
			border: 1px solid #B0B0B0; 
			border-left: 0;
			vertical-align: top;
			width: 12%;
			}
		.table-container table td.first-child{
			}
		.table-container table td.last-child{
			}
		.table-container table td.other-month{
			background-color: #DEDEDE;
			}
		.table-container table td.today{
			}
		.table-container table td.event{
			}
			.table-container table td span{ /* other month */
				}
			.table-container table td a{
				}
			.table-container table td.today a{
				}
			.table-container table td.event a{
				}
		.table-container table td dl.calendar-day{
			}
			.table-container table td dl.calendar-day dt{
				}
			.table-container table td.other-month dl.calendar-day dt{
				/*background-color: #E1E1E1;*/
				}
			.table-container table td dl.calendar-day dd{
				margin-bottom: 0.8em;
				}
				.table-container table td dl.calendar-day dd h4,
				.table-container table td dl.calendar-day dd h5{
					display: block;
					line-height: normal;
					margin: 0;
					}
				.table-container table td dl.calendar-day dd h4{
					}
				.table-container table td dl.calendar-day dd h5{
					font-weight: normal;
					}
					.table-container table td dl.calendar-day dd span.time em, /* time/location labels for month/week/print views */
					.table-container table td dl.calendar-day dd span.location em{
						display: none;
						}

/* 
-----------------------------------------------------------------------------
 =CALENDAR-MINI
----------------------------------------------------------------------------- */
.calendar-mini { position: relative; }
.sc .calendar-mini { padding-left: 9px!important; padding-right: 9px!important; }
.tc .calendar-mini { padding-left: 0!important; padding-right: 0!important; }
	.calendar-mini h2 {  }
	.calendar-mini select {
		margin: 6px auto;
		font-size: .92em;
		}
	.sc .calendar-mini select,
	.tc .calendar-mini select { width: 100%; }
	.calendar-mini table { 
		background: url(/images/calendars/mini-block.gif) left top no-repeat; 
		padding: 0; 
		margin: 0 auto;
		width: 214px;
		}
	.pc .calendar-mini table { margin: 0; }
	.calendar-mini table,
	.calendar-mini table *  { border: 0 !important; }
		.calendar-mini table th{ 
			background: none; 
			text-indent: -3000px; 
			height: 35px;
			}
		.calendar-mini table tr{}
		.calendar-mini table td{
			text-align: center;  
			background-image: url(/images/calendars/mini-block.gif);
			background-position: -274px 0px;
			background-repeat: no-repeat;
			background-color: transparent !important;
			height: 25px; 
			padding-top: 3px;
			color: #5c5c5c;
			}
		.calendar-mini table td.first-child{}
		.calendar-mini table td.last-child{}
		.calendar-mini table td.other-month{ background-position: -304px 0px; color: #999; }
		.calendar-mini table td.event{ background-position: -244px 0px; }
		.calendar-mini table td.event a{ color: #FFF; }
		.calendar-mini table td.today{ background-position: -214px 0px; }
		.calendar-mini table td.today a { color: #991119 !important; }
			.calendar-mini table td span{}
			.calendar-mini table td a { text-decoration: none!important; }
			.calendar-mini table td a:hover { text-decoration: none; background-color: transparent!important; }
		.calendar-mini table td dl.calendar-day{}
			.calendar-mini table td dl.calendar-day dt{}
			.calendar-mini table td dl.calendar-day dd{}
				.calendar-mini table td dl.calendar-day dd h4{}
				.calendar-mini table td dl.calendar-day dd h5{}
				
	.calendar-mini .calendar-prevnext {
		float: none; 
		clear: both; 
		padding: 0 0 10px 0; 
		display: none;
		}
		.calendar-mini .calendar-prevnext a {
			display: block;
			/* text-indent: -3000px; 
			text-decoration: none;
			background-color: transparent;
			padding: 0;
			border: 0; */
			}
		.calendar-mini .calendar-views a.button { padding: 2px 8px!important; float: none; display: inline; }
		


/* 
-----------------------------------------------------------------------------
 =CUSTOMIZE
----------------------------------------------------------------------------- */
.calendar-customize {}

form#customize  { margin: 0;}
	form#customize.active {
		width: 200px;
		padding: 8px 12px 20px 12px;
		border: 1px solid #D6D6D6;
		border-top: 4px solid #C4A006;
		background-color: #FCFCFC;
		position: absolute;
		top: 40px;
		left: 13px;
		display: block;
		}
	.calendar-customize h3 { margin: 0 0 .5em 0; line-height: normal; font-size: 1.4em; }
	.calendar-customize ul.calendar-formlist {
		margin: 0 0 16px 0;
		padding: 0;
		list-style: none;
		list-style-image: none; 
		}
		.calendar-customize ul.calendar-formlist li {
			margin: 0 0 5px 0;
			padding: 0;
			background: none;
			}
		.calendar-customize ul.calendar-formlist li a { margin-left: 5px; }
			
	.calendar-customize .check-links{ margin: 0 0 6px 0; }
		.calendar-customize .check-links a{ text-decoration: none;}
		.calendar-customize .refresh{ margin-right: 10px; text-decoration: none!important; } 
		.calendar-customize .check{ 
			background: url(/images/common/checkall.gif) 0 3px no-repeat; 
			padding-left: 12px; 
			margin-right: 10px;
			text-decoration: none!important;
			}
		.calendar-customize .uncheck{ 
			background: url(/images/common/uncheckall.gif) 0 3px no-repeat; 
			padding-left: 12px;
			text-decoration: none!important;
			}
		.calendar-customize a.refresh:hover, .calendar-customize a.check:hover, .calendar-customize a.uncheck:hover,
		.calendar-customize a.refresh:visited, .calendar-customize a.check:visited, .calendar-customize a.uncheck:visited,
		.calendar-customize a.refresh:active, .calendar-customize a.check:active, .calendar-customize a.uncheck:active,
		.calendar-customize a.refresh:focus, .calendar-customize a.check:focus, .calendar-customize a.uncheck:focus { color: #3A3A3A; background-color: transparent; text-decoration: none; }

/* 
-----------------------------------------------------------------------------
 =KEY
----------------------------------------------------------------------------- */
dl.key { display: none; }
	dl.key dt { font-weight: bold; }
	dl.key ul { list-style: none; list-style-image: none;  }
		dl.key ul li { padding-left: 0; background: none; }
			dl.key ul li span{ width: 20px; height: 20px; display: block; float: left; margin: -2px 8px 0 0;}
			dl.key ul li.noevent span{ background-color: #E9F7FF; }
			dl.key ul li.today span{ background-color: #8DD3FF; }
			dl.key ul li.event span{ background-color: #CAE9FC; }

/* 
-----------------------------------------------------------------------------
 =WIDGET BUTTONS
----------------------------------------------------------------------------- */
.calendar-widgets{ float: left; width: 100%; }
	.calendar-widgets a{ position: relative; } /* this fixes a display issue in IE */

	.calendar-widgets .calendar-customize{ margin-right: 3em; float: left; }
		.calendar-widgets .calendar-customize a { float: left; display: block; }

	.calendar-widgets .calendar-prevnext{ float: right; }
		.calendar-widgets .calendar-prevnext a.prev, 
		.calendar-widgets .calendar-prevnext a.next{ float: left; display: block; margin-left: 4px; }

/* 
-----------------------------------------------------------------------------
 =MONTH/WEEK CALENDAR
----------------------------------------------------------------------------- */
.calendar-month{ margin-bottom: .75em }
	.calendar-month .month-select{ 
		position: absolute; 
		top: 31px;
		right: 0;
		}
		.calendar-month .month-select select{ width: 160px; }
	.calendar-month table {
		width: 100%;
		}
		.calendar-month table th{
			padding: 0.4em;
			text-align: center;
			font-size: 11px;
			}
		.calendar-month table tr{}
		.calendar-month table td{
			width: 10%;
			}
		.calendar-month table td.first-child{}
		.calendar-month table td.last-child{}
		.calendar-month table td.other-month{}
		.calendar-month table td.today{}
		.calendar-month table td.event{}
			.calendar-month table td span{}
			.calendar-month table td a{}
			.calendar-month table td.today a{}
			.calendar-month table td.event a{}
		.calendar-month table td dl.calendar-day{}
			.calendar-month table td dl.calendar-day dt{
				font-weight: bold;
				padding: 0.4em;
				margin-bottom: 0.6em;
				font-size: .9em;
				}
		    .calendar-month table td.today dl.calendar-day dt{
    		    background-color: #C4A006;
				color: #FFF; 
		        }
			.calendar-month table td dl.calendar-day dd{
				padding: 0 0.4em;
				font-size: 11px;
				}
				.calendar-month table td dl.calendar-day dd h4{ font-weight: normal; color: #3A3A3A; line-height: 1.3em; }
					.calendar-month table td dl.calendar-day dd h4 a{ }
					.calendar-month table td dl.calendar-day dd h4 a:hover,
					.calendar-month table td dl.calendar-day dd h4 a:visited,
					.calendar-month table td dl.calendar-day dd h4 a:active,
					.calendar-month table td dl.calendar-day dd h4 a:focus{ background-color: transparent!important; color: #3A3A3A; text-decoration: underline; }
				.calendar-month table td dl.calendar-day dd h5{ color: #3A3A3A; }
	

/* 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
----------------------------------------------------------------------------- */
#above-content .calendar-block-week {
	margin: 0;
	padding: 10px 0 0 0;
	}
#above-content .calendar-block-week .calendar-widgets {
	padding: 0;
	margin: 0;
	}
#above-content .calendar-block-week .calendar-widgets h2 {
	font-size: 1.08em;
	color: #4D417F;
	margin: 0;
	padding: 0;
	}
#above-content .calendar-block-week .calendar-widgets a {
	margin-right: 5px;
	}
#above-content .calendar-block-week .table-container {
	margin: 5px 0 0 0;
	padding: 0;
	}
	
p.back-button { margin-top: 18px; }

	
/* CALENDAR SEARCH
----------------------------------------------------------------------------- */
#calendars .sc form.search { margin-bottom: 1.5em; }
	.sc form.search input.button { margin-top: 10px; }