/*~~~~~~~~~~~~~~~~~start calender~~~~~~~~~~~~~~~~~*/
div.calenderContainer{
	width: 960px;
	margin:auto;
	background-color: #002D64;
	padding: 4px;
}



div.calenderShell{
	font-family:Arial, Helvetica, sans-serif ;
	margin:0px;
	padding: 0;
	background:#FFF;
	
}

div.cal_daytitle{
	font-family:Arial, Helvetica, sans-serif ;
	width: 133px;
	margin: 0 1px 0 0px;
	padding: 8px 0 0 0;
	height: 25px;
	font-size:12px;
	float:left;
	display:block;
	text-align:center;
	background:#F5F5F5;
	color:#666;
	border:1px solid #DDD;


}
/* shows regular day */
div.cal_day{
	width: 133px;
	margin: 1px 1px 0 0;
 	border:1px solid #CCC;
	padding: 0px;
	height: 135px;
	font-size:10px;
	float:left;
	display:block;
	text-align:left;
	background:#FFFFFF;
	overflow:hidden;
	z-index:1;

}
/* shows regular day off calender */
div.cal_dayOut{
	width: 133px;
	margin: 1px 1px 0 0;
 	border:1px solid #CCC;
	padding: 0px;
	height: 135px;
	font-size:10px;
	float:left;
	display:block;
	text-align:left;
	background:#FFF;
	overflow:hidden;
	z-index:1;
}
/* shows active regular day calender */
div.cal_dayOn
{
	width: 133px;
	margin: 1px 1px 0 0;
	border: 1px solid #002D64;
	padding: 0px;
	height: 135px;
	font-size: 10px;
	float: left;
	display: block;
	text-align: left;
	background: #FFF;
	overflow: hidden;
	z-index: 1;
}
div.cal_content 
{
	overflow:hidden;
	height: 105px;
	width: 133px;
}
div.calenderShell ul {
margin:0;
padding:0;
border:0;
}
div.calenderShell li {
	list-style:none;
	margin: 0;
	padding: 3px 5px 5px;
	color:#666;
	height:12px;
	overflow:hidden;

}

div.calenderShell li.normal {
	background-color:#FFF;
	color:#AE2630;
	font-size:12px;
}
div.calenderShell li.junior {
	background-color:#FCF5CF;
	color:#AE2630;
	font-size:12px;
}
div.calenderShell li.middle {
	background-color:#EEE6FB;
	color:#AE2630;	
	font-size:12px;	
}
div.calenderShell li.senior {
	background-color:#E4F3FF;
	color:#AE2630;	
	font-size:12px;	
}
div.calenderShell li.seniorCollege{
	background-color: #CEF1EE;
	color:#AE2630;	
	font-size:12px;	
}
div.calenderShell li.college{
	background-color: #DFD7FF;
	color: #AE2630;
	font-size: 12px;
}
div.calenderShell li.intermediate{
	background-color: #FFE680;
	color: #AE2630;
	font-size: 12px;
}
div.calenderShell li.primary{
	background-color: #FFCCE6;
	color: #AE2630;
	font-size: 12px;
}

div.calenderShell li.all{
	background-color: #DDD;
	color: #AE2630;
	font-size: 12px;
}

div.cal_day:hover, div.cal_dayOut:hover, div.cal_dayOn:hover{
	border: 1px solid #002D64;
}

/* shows date */
span.cal_date{
 	height:21px;
	background:url(../images/UI/calender_datebg2.jpg) repeat-x top left;
	display:block;
	padding: 4px 8px 0 5px;
	margin:0;
	border-bottom:1px solid #D1D1D1;
	text-align:left;
	color:#002D64;
	font-weight:bold;
	font-size:15px;
	position:relative;
}

div.cal_dayOut span.cal_date{
	color:#999999;
}

div.cal_dayOut span.cal_date span{
	font-weight:normal;
}

span.cal_date div{
	position:absolute;
	top:8px;
	right:5px;
	font-size:10px;
	font-weight:normal;
	color:#999999;
}

/* shows active date */
span.cal_dateOn{
 	height:21px;
	background:url(../images/UI/calender_datebgon2.jpg) repeat-x top right #DDDDDD;
	display:block;
	padding: 4px 5px 0 5px;
	margin:0;
	border-bottom:1px solid #B8CBE0;
	text-align:left;
	color:#002D64;
		font-weight:bold;
	font-size:15px;
}
span.cal_time{
 /* margin:0 0 0 -5px; */
 padding:0;
 color:#002D64;
 font-weight:bold;
}
/*this stuff is for the special pop div*/
#preview {
	z-index:0;
	width:173px;
	position: absolute;
	border:1px solid #AE2630;
	text-align:left;
	font-size:12px;
	color:#AE2630;
	background:#FFFFFF;
	padding: 0px;
	display:block;
	font-family:Arial, Helvetica, sans-serif ;
	color:#AE2630;
}


#preview div.cal_content 
{
	overflow:auto;
	width: 173px;
		height: auto;
}

#preview ul{	
	margin:0;
	padding:0;
	border:0;
}
#preview li{
	list-style:none;
	margin: 0;
	padding: 3px 5px 5px;
	color:#666;	
	font-family:Arial, Helvetica, sans-serif ;
	color:#AE2630;
	font-weight:bold;
}

#preview li.normal {
	background-color:#FFF;
}

#preview li.junior {
	background-color:#FCF5CF;
}

#preview li.middle {
	background-color:#EEE6FB;
}

#preview li.senior {
	background-color:#E4F3FF;
}

#preview a span.cal_time{
 color:#00498E;
 margin:0; 
 padding:0;
 font-weight:bold;
}

.cal_closeLink{
margin: 10px 0 0 0;
float:left;
}

div.monthContainer{
	height:38px;
	width:949px;
	/*background:url(../images/UI/calender_monthselbg.jpg) repeat-x top right;*/
	border:1px solid #CCC;	
	font-size:14px;
	color:#666;
	margin-bottom:4px;
}

.monthSelector{

	margin-left:auto;
	margin-right:auto;
	width:500px;
	text-align:center;
}

.monthSelector a{
	font-family:Arial, Helvetica, sans-serif ;
	display:inline-block;
 	margin:13px 0px 0px 0px;
	padding:0px;
	font-size:14px;
	color:#666;
	text-decoration:none;
}

.monthSelector a:hover{
	color:#AE2630;
}

.monthSelector h4{
	font-family:Arial, Helvetica, sans-serif ;
	display:inline;
  	margin:8px 25px 0px 25px;
	padding:0px;
	color:#AE2630;
	font-weight:bold;
	font-size:18px;
	clear:none;

	
}

div.header{
	font-family:Arial, Helvetica, sans-serif ;
  	padding:8px 8px 0px 12px;
	margin:0px;
	margin-bottom:4px;	
	color:#FFFFFF;
	font-size:18px;
	background:#002D64;
	width:931px;
	height:30px;
	position:relative;
}

div.header img{
	border:0px;
	margin-left:126px;
}

div.header a{
	background:url(../images/UI/close-bg.jpg) no-repeat 0px 0px;
	width:61px;
	height:23px;
	text-decoration:none;
	position:absolute;
	top:8px;
	right:12px;
	display:none;
}

div.header a:hover{
	background-position:0px -23px;
}

.clearer{
	clear: both;
	line-height: 0px;
}

div.whiteBG{
	background-color: White;	
	padding: 4px;
}
/*~~~~~~~~~~~~~~~~~end calender~~~~~~~~~~~~~~~~~*/