@charset "utf-8";
/* CSS Document */

#calendar{
	/*background-color:#DAFBFE;*/
	/*border:1px solid #0B93A6;*/
}

h2{
	font-family:helvetica; 
	width:546px;
	text-align:center;
	}

#cal_title{
	clear:both;
	display:block;
	width:546px;
	list-style:none;
}

#cal_title ul{
	width:546px;
}
	
#calendar ul{
	width:546px;
	list-style:none;
	font-family:georgia;
	font-size:12px;
	/*text-align:center;*/
	margin:0px;
	padding:0px;
	background-color:#DAFBFE;
	}
	
#calendar ul li{
	background-color:#DAFBFE;
	border:1px solid #0B93A6;
	width:68px;
	float:left;
	height:65px;
	background:#eee;
	margin:2px;
	padding:2px;
	font-family:georgia;
	}

#calendar ul li.blank{
	background-color:#0B93A6;
	border:1px solid #0B93A6;
	width:68px;
	float:left;
	height:65px;
	background:#0B93A6;
	margin:2px;
	padding:2px;
	font-family:georgia;
	}
	
#calendar ul li.noSchedule{
	background-color:#DAFBFE;
	border:1px solid #0B93A6;
	width:68px;
	float:left;
	height:65px;
	background:#eee;
	margin:2px;
	padding:2px;
	font-family:georgia;
	}
#calendar ul li.noScheudle_sat{
	background-color:#DAFBFE;
	border:1px solid #0B93A6;
	width:68px;
	float:left;
	height:65px;
	background:#66CCFF;
	margin:2px;
	padding:2px;
	font-family:georgia;
	}
#calendar ul li.noSchedule_sun{
	background-color:#DAFBFE;
	border:1px solid #0B93A6;
	width:68px;
	float:left;
	height:65px;
	background:#FFCCCC;
	margin:2px;
	padding:2px;
	font-family:georgia;
	}

#calendar ul li.hvSchedule{
	background-color:#DAFBFE;
	border:1px solid #0B93A6;
	width:68px;
	float:left;
	height:65px;
	background:#999;
	margin:2px;
	padding:2px;
	font-family:georgia;
	}
#calendar ul li.hvSchedule_sat{
	background-color:#DAFBFE;
	border:1px solid #0B93A6;
	width:68px;
	float:left;
	height:65px;
	background:#999;
	margin:2px;
	padding:2px;
	font-family:georgia;
	}
#calendar ul li.hvSchedule_sun{
	background-color:#DAFBFE;
	border:1px solid #0B93A6;
	width:68px;
	float:left;
	height:65px;
	background:#999;
	margin:2px;
	padding:2px;
	font-family:georgia;
	}

#calendar ul li.hvSchedule a{
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	}
#calendar ul li.hvSchedule a:hover{
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	}

#calendar ul li.hdSchedule{
	background-color:#DAFBFE;
	border:1px solid #0B93A6;
	width:68px;
	float:left;
	height:65px;
	background:#ddd;
	margin:2px;
	padding:2px;
	font-family:georgia;
	}

.hvSchedule span{
	height:12px;
}

#calendar ul li.day{
	margin:2px;
	padding:2px;
	border:1px solid #CCC;
	font-variant:small-caps;
	font-size:13px;
	background:#FFF4F4;
	height:16px;
	font-family:helvetica,arial;
	text-align:center;
	}
#calendar ul li.sunday{
	margin:2px;
	padding:2px;
	border:1px solid #CCC;
	font-variant:small-caps;
	font-size:13px;
	background:#FFCCCC;
	height:16px;
	font-family:helvetica,arial;
	text-align:center;
	}
#calendar ul li.saturday{
	margin:2px;
	padding:2px;
	border:1px solid #CCC;
	font-variant:small-caps;
	font-size:13px;
	background:#66CCFF;
	height:16px;
	font-family:helvetica,arial;
	text-align:center;
	}
	
#calendar ul li span{
	font-size:11px;
	dispay:block;
	color:#666;
	padding:2px 2px 2px 0px;
	}

.day{display:block;}

#ballon{
	height:2px;
}

.balloonstyle{
position:absolute;
/*position:relative;*/
top: 100px;
margin-top:20px;
margin-left:10px;
padding: 5px;
visibility: hidden;
border:1px solid black;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color:#FFFFCC;
width: 200px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}

.course_color{
	width:9px;
	line-height:7px;
	font-size:px;
	padding:2px 2px 2px 0px;
}

.textDate {
	padding-bottom:5px;
}