/* CSS Document */
.caltitle {font-family:Arial, Helvetica, sans-serif;}
.calendar {color: #000000; background: #002F5D; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
.today { color: #000000; background: #ffffff; height: 70px; width:78px;}
.monthdays { color: #000000; background: #FFFFFF; height: 70px; width:78px; }
.nonmonthdays { color: #000000; background: #ffffff; height: 70px; width:78px;}
.weeklables td{ font-size:12px; color:#FFFFFF; font-weight:bold;}

.calendar a:link, .calendar a:active{
text-decoration:none;
color:#586C2D;
}

.calendar a:visited{
text-decoration:none;
color:#586C2D;
}
.calendar a:hover{
text-decoration:none;
color:#000000;
}

.caltitle .title{
	font-weight:bold;
	color:#586C2D;
}

.cal a:link, .cal a:active, .cal a:visited{
	font-size:12px;
	font-weight:bold;
	color:#685281;
	text-decoration:none;
}
.cal a:hover{
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#8A7C9F;
}



/* styles to make the popup layer */
.eventLayer{
	position:absolute;
	z-index:2;
	background-color:#ffffff;
	border:1px solid #000000;
	display:none;
	width:200px;
	padding:2px 2px 2px 2px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
a:focus .eventLayer, a:hover .eventLayer, a:focus .eventLayer a:focus, a:hover .eventLayer a:hover{
	display:block;
}


/* transparent div styles for indocating current day*/
.curDay{
	position:absolute; z-index:105; width:75px; height:70px; background-color:#002F5D; filter:alpha(opacity=10); opacity: 0.10; -moz-opacity:0.10; cursor:pointer;
}

.otherDays{
	position:absolute; z-index:106; width:75px; height:70px; background-color:#002F5D; filter:alpha(opacity=0); opacity: 0.0; -moz-opacity:0.0; cursor:pointer;
}
a:hover .otherDays ,a:focus .otherDays {
	position:absolute; z-index:106; width:75px; height:70px; background-color:#002F5D; filter:alpha(opacity=10); opacity: 0.10; -moz-opacity:0.10; cursor:pointer;
}