/**
 * Styles for DatePicker
 */

.datepickerControl {
border:1px solid #999999;
background-color:#EEEEEE;
padding:5px;
}

.datepickerControl td {
text-align:center;
font-family:sans-serif;
font-size:11px;
padding:1px;
}

.datepickerControl tr.monthLabel td {
background-color:#FFFFFF;
border:1px solid #999999;
font-weight:bold;
}

.datepickerControl tr.navigation td {
cursor:pointer;
}

.datepickerControl tr.navigation td:hover {
text-decoration:underline;
}

.datepickerControl tr.dayLabel td {
/*
border:1px solid #C0D8EA;
background-color:#C0D8EA;
*/
border:1px solid #003366;
background-color:#003366;
color:white;
font-weight:bold;
}

.datepickerControl td.day, .datepickerControl td.dayothermonth {
cursor:pointer;
background-color:#FFFFFF;
border:1px solid #EEEEEE;
width:2em;
}

.datepickerControl td.dayothermonth {
color:#999999;
font-style:italic;
}

.datepickerControl td.day:hover {
background-color:#EBE4C0;
} 

.datepickerControl td.weekend {
background-color:#CCCCCC;
font-style:italic;
}

.datepickerControl td.today {
font-weight:bold;
}

.datepickerControl td.hour {
cursor:pointer;
background-color:#FFFFFF;
border:1px solid #EEEEEE;
width:2em;
}

.datepickerControl td.minute {
cursor:pointer;
background-color:#FFFFFF;
border:1px solid #EEEEEE;
width:2em;
}

.datepickerControl td input,
.datepickerControl td button {
font-size:11px;
padding:0;
border:1px solid #999999;
text-align:center;
}

.datepickerControl td.ampm {
cursor:pointer;
background-color:#CCCCCC;
border:1px solid #EEEEEE;
width:2em;
}

.datepickerControl td.current {
font-weight:bold;
background-color:#EBC2C0;
}

.datepickerControl input.current {
background-color:#EBC2C0;
}

.datepickerControl td.current:hover {
background-color:#EBC2C0;
}