/**
 * Styles for DatePicker
*/
.datepicker{
    width: 100px;
    background: url("images/calendar.png") no-repeat scroll right center rgb(255, 255, 255);
    padding-right: 20px;
}

.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 #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;
}