.clsDataArea{
	width:160;
	background : #F4F4F4;
}

.clsOuterFrame {
	background-color : #3F738D;
}

.clsInnerFrame {
	background-color : #7BA1B1;
}

.clsTopPartNavpanel {
	background-color : #C7DCDE;
	height: 3px;
}

.clsBottomPartNavpanel{
	background-color : #59879D;
	height: 3px;
}

.clsNavpanel {
	background-color : #7BA1B1;
	
}
.clsDateGrid{
	background-color : #3F738D;
	
}


.clsWeekDay{
	background-color: #ECECF1;
	font: bold 11px Verdana, Arrial Narrow, sans-serif;
	width : 15px;
	text-align: center;
}


.clsSelectedDayCell{
	background-color: #CC0000;
	text-align: center;
	font-weight: 500;
}

.clsWorkDayCell{
	background-color: #FFFFFF;
	text-align: center;
	width : 15px;
	font-weight: 500;
}

.clsHoliDayCell{
	background-color: #DCE6F0;
	text-align: center;
	width : 15px;
	font-weight: 500;
}
.clsOtherMonthDayCell{
	background-color: #FFFFFF; 
	text-align: center;
	width : 15px;
	font-weight: 500;
}
.clsOverDayCell{
	background-color: #ECECF1;
	font: 11px Verdana, Arrial Narrow, sans-serif;
	color: #3F738D;  
	width : 15px;
	text-align: center;
	font-weight: 500;
}




.clsOtherMonthDay{
	font: 11px Verdana, Arrial Narrow, sans-serif;
	color: Silver;
	text-decoration : none;
	font-weight: 500;
}

.clsCurrentMonthDay{
	font:  11px Verdana, Arrial Narrow, sans-serif; 
	/*color: #3F738D;*/
        color: #000000;
	text-decoration : none;
	font-weight: 500;
}
.clsSelectedDay{
	font: 11px Verdana, Arrial Narrow, sans-serif;
	color: #FFFFFF;
	text-decoration : none;
	font-weight: 500;
}

.clsInfoTitle{
	font: 11px Verdana, Arrial Narrow, sans-serif; 
	color: #FFFFFF;
	text-align: center;
	font-weight: 500;
}





a.clsOverDayCell{
	background-color: #ECECF1;
	font: 11px Verdana, Arrial Narrow, sans-serif;
	color: #3F738D;
	width : 15px;
	text-align: center;
	font-weight: 500;
}

a.clsOtherMonthDay{
	font: 11px Verdana, Arrial Narrow, sans-serif;
	color: Silver;
	text-decoration : none;
	font-weight: 500;
}

a.clsCurrentMonthDay{
	font:  11px Verdana, Arrial Narrow, sans-serif; 
	/*color: #3F738D;*/
        color: #000000;
	text-decoration : none;
	font-weight: 500;
}
a.clsSelectedDay{
	font: 11px Verdana, Arrial Narrow, sans-serif;
	color: #FFFFFF;
	text-decoration : none;
	font-weight: 500;
}

a.clsInfoTitle{
	font: 11px Verdana, Arrial Narrow, sans-serif; 
	color: #FFFFFF;
	text-align: center;
	font-weight: 500;
}




a.clsOverDayCell:hover{
	background-color: #ECECF1;
	font: 11px Verdana, Arrial Narrow, sans-serif;
	color: #3F738D;
	width : 15px;
	text-align: center;
	font-weight: 500;
}
a.clsOtherMonthDay:hover{
	font: 11px Verdana, Arrial Narrow, sans-serif;
	color: Silver;
	text-decoration : none;
	font-weight: 500;
}

a.clsCurrentMonthDay:hover{
	font:  11px Verdana, Arrial Narrow, sans-serif; 
	/*color: #3F738D;*/
        color: #000000;
	text-decoration : none;
	font-weight: 500;
}
a.clsSelectedDay:hover{
	font: 11px Verdana, Arrial Narrow, sans-serif;
	color: #FFFFFF;
	text-decoration : none;
	font-weight: 500;
}

a.clsInfoTitle:hover{
	font: 11px Verdana, Arrial Narrow, sans-serif; 
	color: #FFFFFF;
	text-align: center;
	font-weight: 500;
}




a.clsOverDayCell:active{
	background-color: #ECECF1;
	font: 11px Verdana, Arrial Narrow, sans-serif;
	color: #3F738D;
	width : 15px;
	text-align: center;
	font-weight: 500;
}
a.clsOtherMonthDay:active{
	font: 11px Verdana, Arrial Narrow, sans-serif;
	color: Silver;
	text-decoration : none;
	font-weight: 500;
}

a.clsCurrentMonthDay:active{
	font:  11px Verdana, Arrial Narrow, sans-serif; 
	/*color: #3F738D;*/
        color: #000000;
	text-decoration : none;
	font-weight: 500;
}
a.clsSelectedDay:active{
	font: 11px Verdana, Arrial Narrow, sans-serif;
	color: #FFFFFF;
	text-decoration : none;
	font-weight: 500;
}

a.clsInfoTitle:active{
	font: 11px Verdana, Arrial Narrow, sans-serif; 
	color: #FFFFFF;
	text-align: center;
	font-weight: 500;
}





a.clsOverDayCell:visited{
	background-color: #ECECF1;
	font: 11px Verdana, Arrial Narrow, sans-serif;
	color: #3F738D;
	width : 15px;
	text-align: center;
	font-weight: 500;
}

a.clsOtherMonthDay:visited{
	font: 11px Verdana, Arrial Narrow, sans-serif;
	color: Silver;
	text-decoration : none;
	font-weight: 500;
}


a.clsCurrentMonthDay:visited{
	font:  11px Verdana, Arrial Narrow, sans-serif; 
	/*color: #3F738D;*/
        color: #000000;
	text-decoration : none;
	font-weight: 500;
}
a.clsSelectedDay:visited{
	font: 11px Verdana, Arrial Narrow, sans-serif;
	color: #FFFFFF;
	text-decoration : none;
	font-weight: 500;
}

a.clsInfoTitle:visited{
	font: 11px Verdana, Arrial Narrow, sans-serif; 
	color: #FFFFFF;
	text-align: center;
	font-weight: 500;
}



a.clsOverDayCell:link{
	background-color: #ECECF1;
	font: 11px Verdana, Arrial Narrow, sans-serif;
	color: #3F738D;
	width : 15px;
	text-align: center;
	font-weight: 500;
}
a.clsOtherMonthDay:link{
	font: 11px Verdana, Arrial Narrow, sans-serif;
	color: Silver;
	text-decoration : none;
	font-weight: 500;
}


a.clsCurrentMonthDay:link{
	font:  11px Verdana, Arrial Narrow, sans-serif; 
	/*color: #3F738D;*/
        color: #000000;
	text-decoration : none;
	font-weight: 500;
}
a.clsSelectedDay:link{
	font: 11px Verdana, Arrial Narrow, sans-serif;
	color: #FFFFFF;
	text-decoration : none;
	font-weight: 500;
}

a.clsInfoTitle:link{
	font: 11px Verdana, Arrial Narrow, sans-serif; 
	color: #FFFFFF;
	text-align: center;
	font-weight: 500;
}