/* CSS Document */

/************************************************************ header font styles ***/
.tblCalendar th {
	/* intended for the date headers */
	height:4.16666em;
	padding-left:.9em;
}
.tblCalendar td.header{
	padding-left:0.2em;
}
.tblCalendar th, .tblCalendar td.header {
	/* used for dates and month output */
	font-size:2.4em;	/* this will be our pivot, now that the font size differs from 10px; */
	font-weight:bold;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*********************************************************** calendar event styles ***/
.tblCalendar td.left, .tblCalendar td.right, .tblCalendar th.left, .tblCalendar th.right{
	/* left side */
	border-left:solid 0.01em #5E8EB8;
}
.tblCalendar td div.event {
	/* event container */
	/*padding:1em 2em;*/
	background:url('/resource/images/bg_repeating_calendar_graygradient.jpg') 3em 2em repeat-x;
}
.tblCalendar td.left, .tblCalendar td.right{
	/* so our internal div wont hide our border */
	padding:0.1em;
}
.tblCalendar td.eventDetails span{
	font-weight:bold;
	margin-bottom:1em;
}
/****************************************************************** define our text/header colors once ***/
.tblCalendar th.left, .tblCalendar td.left td.header, .tblCalendar td.right td.eventDetails span, .tblCalendar td.right td.eventDetails span a, #calendar_title{
	/* pink */
	color:#CE1141;
}
.tblCalendar th.right, .tblCalendar td.right td.header, .tblCalendar td.left td.eventDetails span, .tblCalendar td.left td.eventDetails span a, #calendar_time {
	/* blue-ish */
	color:#2B4158;
}
.tblEvent td.blueline {
	border-bottom:solid 0.1em #5E8EB8;
}


/******************************************************* breadcrumb drop down ********/
.tblDropdown select {
	width:18em;
	color:#304C71;
}
.tblDropdown img {
	cursor:pointer;
}





/******************************************popup*********************************************/
#calendar_popup {
	height:48em;
	width:64em;
	overflow:hidden;
	text-align:left;
	padding:1em;
}
#calendar_title, #calendar_time{
	font-weight:bold;
	margin:0 0 0.5em 0;
}
#calendar_title{
	font-size:2em;
}
#calendar_time{
	font-size:0.80em;	/*	relevant to 2em (2em on title = 20px * 0.5 = 10px) */
}