.calendertxt 
{
    font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#404040;
}
.cal-icon{background:url(../images/ic_cal.gif) left center no-repeat; width:16px; height:15px; border:none; cursor:pointer;}

.claender{padding-left:118px; }

.claender li{float:left;}

.date-cale{ width:75px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-align:center;}


#calendarDiv SPAN {
	FLOAT: left
}
#calendarDiv IMG {
	FLOAT: left
}
#calendarDiv .selectBox {
	PADDING-RIGHT: 1px; PADDING-LEFT: 2px; PADDING-BOTTOM: 1px; CURSOR: pointer; LINE-HEIGHT: 12px; PADDING-TOP: 1px
}
#calendarDiv .selectBoxOver {
	PADDING-RIGHT: 1px; PADDING-LEFT: 2px; PADDING-BOTTOM: 1px; CURSOR: pointer; LINE-HEIGHT: 12px; PADDING-TOP: 1px
}
#calendarDiv .selectBoxTime {
	PADDING-RIGHT: 1px; PADDING-LEFT: 2px; PADDING-BOTTOM: 1px; CURSOR: pointer; LINE-HEIGHT: 12px; PADDING-TOP: 1px
}
#calendarDiv .selectBoxTimeOver {
	PADDING-RIGHT: 1px; PADDING-LEFT: 2px; PADDING-BOTTOM: 1px; CURSOR: pointer; LINE-HEIGHT: 12px; PADDING-TOP: 1px
}
#calendarDiv TD {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 10px; PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 3px;
	font-family:Arial;
}
#calendarDiv .selectBox {
	BORDER-RIGHT: #F1F1F1 1px solid; BORDER-TOP: #D5D9EA 1px solid; BORDER-LEFT: #F1F1F1 1px solid; COLOR: #F1F1F1; BORDER-BOTTOM: #F1F1F1 1px solid; POSITION: relative
}
#calendarDiv .selectBoxOver {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BORDER-LEFT: #fff 1px solid; COLOR: #fff; BORDER-BOTTOM: #fff 1px solid; POSITION: relative; BACKGROUND-COLOR: #376B9D
}
#calendarDiv .selectBoxTime {
	BORDER-RIGHT: #376B9D 1px solid; BORDER-TOP: #376B9D 1px solid; BORDER-LEFT: #376B9D 1px solid; COLOR: #376B9D; BORDER-BOTTOM: #376B9D 1px solid; POSITION: relative
}
#calendarDiv .selectBoxTimeOver {
	BORDER-RIGHT: #216072 1px solid; BORDER-TOP: #216072 1px solid; BORDER-LEFT: #216072 1px solid; COLOR: #216072; BORDER-BOTTOM: #216072 1px solid; POSITION: relative
}



#calendarDiv .timeBar {
	RIGHT: 0px; WIDTH: 72px; COLOR: #fff; LINE-HEIGHT: 17px; POSITION: absolute; HEIGHT: 17px; BACKGROUND-COLOR: #F1F1F1
}
#calendarDiv .timeBar DIV {
	FLOAT: left; MARGIN-RIGHT: 1px
}

#calendarDiv TD {
	CURSOR: pointer; TEXT-ALIGN: right
}
#calendarDiv .topBar IMG {
	CURSOR: pointer
}
#calendarDiv .topBar DIV {
	FLOAT: left; MARGIN-RIGHT: 1px
}



#calendarDiv 
{	
	border: #376B9D 1px solid;
	PADDING-RIGHT: 1px; 
	PADDING-LEFT: 1px; PADDING-TOP: 1px; PADDING-BOTTOM: 20px; 
	WIDTH: 205px; FONT-SIZE: 10px; VISIBILITY: hidden; 
	FONT-FAMILY: arial; POSITION: absolute; 
	BACKGROUND-COLOR: #fff;
}
.calendar_week_column
{
    background:#F1F1F1;
}
#calendarDiv .todaysDate 
{
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 2px; 
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px; POSITION: absolute; HEIGHT: 17px; 
	WIDTH: 201px; BOTTOM: 0px; LINE-HEIGHT: 17px; 
	BACKGROUND-COLOR: #F1F1F1; 
	TEXT-ALIGN: center
}
#calendarDiv .todaysDate DIV {
	FLOAT: left
}
#calendarDiv .topBar 
{
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 2px; 
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px; HEIGHT: 16px; 
	BACKGROUND-COLOR: #376B9D
}
#calendarDiv .activeDay {
	COLOR: #ff0000
}
#calendarDiv .monthYearPicker {
	BORDER-RIGHT: #aaaaaa 1px solid; 
	BORDER-TOP: #aaaaaa 1px solid; 
	DISPLAY: none; Z-INDEX: 1000; 
	LEFT: 0px; BORDER-LEFT: #aaaaaa 1px solid; COLOR: #376B9D; BORDER-BOTTOM: #aaaaaa 1px solid; 
	POSITION: absolute; TOP: 15px; 
	BACKGROUND-COLOR: #F1F1F1
}
#calendarDiv #monthSelect {
	WIDTH: 70px
}
#calendarDiv .monthYearPicker DIV {
	CLEAR: both; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FLOAT: none; PADDING-BOTTOM: 1px; MARGIN: 1px; CURSOR: pointer; PADDING-TOP: 1px
}
#calendarDiv .monthYearActive {
	COLOR: #F1F1F1; BACKGROUND-COLOR: #376B9D
}