/*** THESE STYLES RELATE TO THE POPUP CALENDAR FROM THE CalendarPopup.js SCRIPTS ***/

div#select_calendar{
	position:absolute;
	background-color:#173239;
	font-family:Verdana, Geneva, sans-serif;
}
table.cpBorder{
	border:#000000 solid 1px;
	width:200px;
}
table.cpCalHeader{
	text-align:center;
	background-color:#173239;
	border:#FFFFFF solid 1px;
	width:100%;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}
div#select_calendar a.cpMonthNavigation{
	text-decoration:none;
	color:#BBC5C7;
	font-family:Arial, Helvetica, sans-serif;
}
table.cpCalDays{
	width:100%;
	text-align:center;
	background-color:#FFFFFF;
}
tr.cpDayNames{
	background-color:#E9E4CB;
	font-size:11px;
	font-weight:bold;
	height:20px;
}
tr.cpDays{
	background-color:#E0E0E0;
	font-size:9px;
	height:20px;
}
div#select_calendar tr.cpDays a{
	color:#000000;
	font-weight:normal;
}
td.cpWeekend{background-color:#D0D0D0;}
td.cpOtherMonthDate{background-color:#EEEEEE;}
td.cpOtherMonthDate a{visibility:hidden;}
td.[class = "cpOtherMonthDate cpWeekend"]{background-color:#D0D0D0;}
td.cpCurrentDate{background-color:#004286;}

div#select_calendar tr.cpDays td.cpCurrentDate a{
	color:#FFFFFF;
	font-weight:bold;
}