.dateSelector {
	float: left;
}

.dateSelector select {
	margin-right: 5px;
	font-size: 11px;
	float:left;
}


.dateSelector option.disabled {
    color: #bbb;
}
.timeSelector {
    
}

.timeSelector select {
	margin-right: 3px;
	font-size: 11px;
}
.timeSelector .hour {
	margin-left: 5px;
}


.timeSelector option.disabled {
    color: #bbb;
}


.calendar {
	clear: left;
	width: 218px;
	background-color: white;
	position: absolute;
	overflow: hidden;
	z-index: 10000;
}
.calendar h1 {
	font-size: 10px;
	text-align: center;
	vertical-align: middle;
    height: 26px;
	clear: left;
}

.calendar td {		
	color: #a2afbc;	
	cursor: default;
    width: 30px;
    font-size: 10px;
    text-align: center;
	vertical-align: middle;
    height: 26px;
	font-weight: bold;
}
.calendar td.empty {
	background-image:url(../Images/calendar_noday.gif);
}
.calendar td.normal {
	background-image: url(../Images/calendarDatesNormal.gif);
	cursor: pointer;
	color: #768d9e
}
.calendar td.normalHover {
	background-image: url(../Images/calendarDatesNormal-hover.gif);
	cursor: pointer;
}
.calendar td.disabled {
	background-image:url(../Images/calendar_noday-gray.gif);
	color: #b8c8da;
}
.calendar th {
	font-family:  "Tahoma", Arial, Helvetica, Helv, Sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
	vertical-align: middle;	
	text-align: center;
	background-image: url(../Images/calendar_days.gif);
    height: 23px;
    cursor: default;
}
.calendar td.current {
	color: #ffffff;	
	background-image: url(../Images/calendarDatesCurrent.gif);
	/*background-color: #669933;*/
}

.calendar td.monthAndYear {
	background-image: url(../Images/calendar_monthAndYear.gif);
	color:#FFFFFF;
	font-size: 10px;
	vertical-align: middle;
	height: 29px;	
	padding-left: 10px;
}

.calendar td.monthAndYear select{
	font-size: 10px;
	margin-bottom: 2px;
}

.calendar td.monthAndYear option.disabled {
    color: #bbb;
}

.calendar td.nextAndBack{
	background-image: url(../Images/calendar_monthAndYear.gif);
	color:#FFFFFF;
	font-size: 10px;
	text-align: center;
	vertical-align: middle;
	height: 21px;
	cursor: pointer;
}


.calendar tr.controls td.disabled {
	color: #b8c8da;
	cursor: default;
}