/**
 * 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;
}