/* 
	The purpose of this file is to make future style edits easier by
	adding only the relevant styles and adding appropriate comments.
	- CoryH 2009-08-18
*/

/* Main calendar table, not including the nav bars. */
.calendarTable {
	border-right:1px solid #384563;
	border-bottom:1px solid #384563;
}
/* Top/bottom nav bars - tables, with select boxes. */
.calendarNavTable {
	border: 0;
}
/* tds in the calendar nav table. */
.calendarNav {
	background-color: #597da1;
	padding: 10px;
}
/* Select boxes. */
.calendarSelectBoxes {
	border: 0;
}
/* Condensed calendar table. */
.miniCalendarTable {
	border: 0;
}
/* Condensed calendar nav. */
 .miniCalendarNav, .miniCalendarNav a {
 	color: #fff;
	padding: 5px 0px;
	font-family:tahoma;
	font-size:10px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
 }
 .miniCalendarNav {
 	background: #3c6282 url('/images/template/calendar-top-bg.gif') repeat-x top left;
 }
 
 
 /* Condensed calendar day blocks that have an event. */
 .miniCalendarDayClass {
 	background-color: #7c1418;
	border-top: 1px solid #9c191e;
	border-right: 1px solid #600f13;
	border-bottom: 1px solid #600f13;
	border-left: 1px solid #9c191e;
 }
 .miniCalendarDayClass a {
 	color: #fff;
 	font-family:tahoma;
	font-size:10px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
 }
 
 /* Event detail listing in the condensed view. */
 #miniCalendarDetailTable a {
 	color: #597da1;
 }
/* Sun-Sat headers. */
.eventDayName {
	color:#fff;
	background-color:#3B4D5D;
	border-left:1px solid #475867;
	border-right:1px solid #384563;
	font-family:tahoma;
	font-size:10px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	height: 20px;
}
/* Calendar block headers. */
.eventDayHeader {
	width: 33px;
	height: 20px;
	background-color: #25394b;
	color: #fff;
	font-family:tahoma;
	font-size:10px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	border-top: 1px solid #324556;
	border-left: 1px solid #324556;
	border-bottom: 1px solid #21313f;
	border-right: 1px solid #21313f;
}
/* Calendar blocks. */
.eventDay {
	border-left:1px solid #475867;
	border-bottom:1px solid #475867;
	background-color: #25394b;
}
/* The event times in the week list view. */
.weeklisttimes {
	background-color: #3b4d5d;
	color: #fff;
}
/* The date headers in the week list view. */
.weeklistday {
	background-color: #25394b;
	color: #fff;
	padding-left: 5px;
}
/* The description bars in the day view. */
.weeklistdescription {
	width: 660px;
}
/* Days in the calendar that are blank. */
.calendarBlankDay {
	background-color: #21313f;
	height: 100%;
	width: 100%;
	border: 0;
}
/* Buttons such as 'current week'. */
.calendarButtons {
	color: #fff;
	font-weight: bold;
	background-color: #25394b;
	border: 1px solid #3b4d5d;
	padding: 2px;
}
/* Popup div that shows the teaser. */
.calendarTooltip, .calendarTooltipSub {
	color: #fff;
	font-family:tahoma;
	font-size:10px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	background-color: #597da1;
	border: 1px solid #21313b;
}
/* Bottom half of the teaser popup. */
.calendarTooltipSub {
	background-color: #3b4d5d;
	border-top: 0;
}
/* Event title in the event details page. */
.calendarTitle {
	font-size: 18px;
	color: #fff;
}
/* The div in the event details page that contains all of the event details. */
.miniCalendarEventDisplay{
	color: #fff;	
}
.miniCalendarEventDisplay a {
	color: #597da1;
}


/* Entire event calendar. */
.miniCalendarTable {
	width: 225px;
	border: 0;
	margin-bottom: 10px;
}
/* Every block in the calendar - custom. */
.calendarDayBlock {
	
	height: 20px;
	background-color: #25394b;
	color: #fff;
	font-family:tahoma;
	font-size:10px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight: normal;
	border-top: 1px solid #324556;
	border-left: 1px solid #324556;
	border-bottom: 1px solid #21313f;
	border-right: 1px solid #21313f;
}
/* Nav at the top of the calendar. */
.miniCalendarNav, .miniCalendarNav a {
	color: #fff;
	height: 22px;
	font-family:tahoma;
	font-size:10px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
}
/* Day headers in the calendar. */
.eventDayName {
	background-color: #3b4d5d;
	border-left: 1px solid #475867;
	border-right: 1px solid #384563;
	font-family:tahoma;
	font-size:10px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight: bold;
}
/* Days in the calendar that have an event. */
.calendarEventDay {
	background-color: #7c1418;
	border-top: 1px solid #9c191e;
	border-right: 1px solid #600f13;
	border-bottom: 1px solid #600f13;
	border-left: 1px solid #9c191e;
	padding-bottom: 5px;
	padding-top: 5px;
}
.calendarEventDay a {
	color: #fff;
	font-family:tahoma;
	font-size:10px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
}
/* Days in the calendar that are blank. */
.calendarBlankDay {
	height: 20px;
	background-color: #21313f;
}
/* Month/Year display for printouts. */
.calendarDate {
	display: none;
	font-family:verdana;
	font-size:12px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:23px;
	color: #000;
}
@media print {
	.calendarNav {
		display: none;
	}
	.calendarTable {
		width: 630px;
	}
	.eventDayName {
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	}
	.eventdiv {
		border: 0px;
	}
	.calendarBlankDay {
		border-left: 1px solid #000;
	}
	.calendarDate {
		display: block;
	}
}