#calendarBox {
	position: absolute;
	width: 280px;
	height: 163px;
	background: url(/img/calendar/bg.gif) no-repeat;
	color: #3c3c3c;
	visibility: hidden;
}

#calendarDiv {
	position: absolute;
	left: 27px;
	top: 3px;
	width: 248px;
	height: 157px;
	padding: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	visibility: hidden;
}

#calendarDiv span, #calendarDiv img {
	float: left;
}

#calendarDiv .selectBox, #calendarDiv .selectBoxOver {
	line-height: 12px;
	padding: 1px;
	cursor: pointer;
	padding-left: 2px;
}

#calendarDiv .selectBoxTime, #calendarDiv .selectBoxTimeOver {
	line-height: 12px;
	padding: 1px;
	cursor: pointer;
	padding-left: 2px;
}

#calendarDiv td {
	padding: 2px 3px;
	margin: 0;
	font-size: 10px;
}

#calendarDiv .selectBox {
	border:1px solid #ffffff;		
	color: #ffffff;
	position:relative;
}

#calendarDiv .selectBoxOver{
	border:1px solid #FFF;
	background-color: #0c519c;
	color: #FFF;
	position:relative;
}

#calendarDiv .selectBoxTime{
	border:1px solid #0c519c;
	color: #0c519c;
	position:relative;
}

#calendarDiv .selectBoxTimeOver{
	border:1px solid #0c519c;
	color: #0c519c;
	position:relative;
}

#calendarDiv .topBar{
	height:16px;
	padding:2px;
	background-color: #0c519c;
}

#calendarDiv .activeDay{	/* Active day in the calendar */
	color: #0c519c;
	font-weight: bold;
}

#calendarDiv .todaysDate{
	height:17px;
	line-height:17px;
	padding:2px;
	text-align:center;
	position:absolute;
	bottom:0px;
	width:244px;
}

#calendarDiv .todaysDate div{
	float:left;
}
	
#calendarDiv .timeBar{
	height:17px;
	line-height:17px;
	background-color: #ffffff;
	width:72px;
	color:#FFF;
	position:absolute;
	right:0px;
}

#calendarDiv .timeBar div{
	float:left;
	margin-right:1px;
}

#calendarDiv .monthYearPicker{
	background-color: #f1f5fb;
	border:1px solid #0c519c;
	position:absolute;
	color: #3c3c3c;
	left:0px;
	top:15px;
	z-index:1000;
	display:none;

}

#calendarDiv #monthSelect{
	width:70px;
}

#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;	
	padding:1px;
	margin:1px;	
	cursor:pointer;
}

#calendarDiv .monthYearActive{
	background-color:#0c519c;
	color: #ffffff;
}

#calendarDiv td{
	text-align: right;
	cursor: pointer;
}

#calendarDiv td.WeekEnds{
	color: red;
}

#calendarDiv .topBar img {
	cursor: pointer;
}

#calendarDiv .topBar div {
	float: left;
	margin-right: 1px;
}