div.datepicker a,
.datepickerDays span {
    color: #666;
    text-decoration: none;
    cursor: pointer;
    outline: none;
}
div.datepicker a:hover,
.datepickerViewDays td:hover {
    background-color: #eee;
}
div.datepicker table td {
    text-align: center;
    margin: 0;
    padding: 0;
}
div.datepicker th {
    text-align: center;
    color: #999;
    font-weight: 400;
    padding: 0.6em 0;
}
div.datepicker th.datepickerMonth {
    font-weight: bold;
}
div.datepicker .datepickerDoW th {
    padding-bottom: 5px;
    text-align: center;
}
.datepickerDoW th span {
    color: #555;
    font-weight: 700;
}
tbody.datepickerDays td.datepickerSelected {
    background: #666;
}
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
    background: #555;
}
tbody.datepickerYears td.datepickerSelected,
tbody.datepickerMonths td.datepickerSelected {
    background: #17384d;
}
div.datepicker tbody a,
.datepickerDays span {
    display: block;
}
.datepickerHidden,
table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears,
table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW,
table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW {
    display: none;
}
td.datepickerNotInMonth span,
div.datepicker td.datepickerNotInMonth a:hover div.datepicker td.datepickerNotInMonth span:hover {
    color: #bbb;
}
tbody.datepickerDays td.datepickerSelected span,
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected span,
.hl span {
    color: #fff;
}
td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a,
td.datepickerDisabled a:hover {
    color: #333;
}
td.datepickerSpecial a {
    background: #700;
}
td.datepickerSpecial.datepickerSelected a {
    background: #a00;
}
.hl {
    background-color: #666;
}
div.datepicker table td {
    padding: 0.3em 0;
}