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

.clsOuterFrame {
	background-color : #315580;
}

.clsInnerFrame {
	background-color : #678CCF;
}

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

.clsBottomPartNavpanel{
	background-color : #4A71B1;
	height: 3px;
}

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


.clsWeekDay{
	background-color: #B0BAC5;
	font: bold 9px Verdana, Arial Narrow, sans-serif;
	color: #ffffff;
	width : 15px;
	text-align: center;
}

.clsSelectedDayCell{
	background-color: #FFEB58;
	text-align: center;
}
.clsWorkDayCell{
	background-color: #FFFFFF;
	text-align: center;
	width : 15px;
}
.clsHoliDayCell{
	background-color: #DCE6F0;
	text-align: center;
	width : 15px;
}
.clsOtherMonthDayCell{
	background-color: #FFFFFF; 
	font: 9px Verdana, Arial Narrow, sans-serif;
	color: #848E99;
	text-decoration : none;
	text-align: center;
	width : 15px;
}
.clsOtherMonthHolCell{
	background-color: #DCE6F0; 
	font: 9px Verdana, Arial Narrow, sans-serif;
	color: #848E99;
	text-decoration : none;
	text-align: center;
	width : 15px;
}


.clsSelectedDay{
	font: 9px Verdana, Arial Narrow, sans-serif;
	color: #FFFFFF;
	text-decoration : none;
}
.clsWorkDay{
	font:  9px Verdana, Arial Narrow, sans-serif; 
	color: #002F92;
	text-decoration : none;
}
.clsHoliDay{
	font:  9px Verdana, Arial Narrow, sans-serif; 
	color: #002F92;
	text-decoration : none;
}


.clsInfoTitle{
	font: 9px Verdana, Arial Narrow, sans-serif; 
	color: #FFFFFF;
	text-align: center;
}

.availableDay{
	font:  9px Verdana, Arial Narrow, sans-serif; 
	color: #002F92;
	text-decoration : none;
}

.none{
	background-color: white;
	text-align: center;
	width : 15px;
}

.loSea{
	background-color: #99BCFF;
	text-align: center;
	width : 15px;
}

.midSea{
	background-color: #FFF081;
	text-align: center;
	width : 15px;
}

.hiSea{
	background-color: #FFAA11;
	text-align: center;
	width : 15px;
}

.pkSea{
	background-color: #EA75D6;
	text-align: center;
	width : 15px;
}