.datePicker {
    width: 180px;
    cursor: default;
    -moz-user-focus: normal;
}

.datePicker td {
    font: smallcaption;
    font: small-caption;
    text-align: center;
    cursor: default;
    font-weight: normal !important;
    -moz-user-select: none;
    padding: 0;
}

.datePicker td.red {
    color: red;
}

.datePicker .header {
    padding: 3px;
    border-bottom: 1px solid WindowText;
}

.datePicker .headerTable {
    width: 100%;
}

.datePicker .footer {
    padding: 3px;
}

.datePicker .footerTable {
    width: 100%;
}

.datePicker .grid {
    padding: 3px;
}

.datePicker .gridTable {
    width: 100%;
}

.datePicker .gridTable td {
    width: 14.3%;
}

.datePicker .gridTable .daysRow td {
    font-weight: bold !important;
    border-bottom: 1px solid ThreeDDarkShadow;
}

.datePicker .grid .gridTable .upperLine {
    width: 100%;
    height: 2px;
    overflow: hidden;
    background: transparent;
}

.datePicker td.today {
    font-weight: bold !important;
}

.datePicker td.selected {
    background: Highlight;
    color: HighlightText !important;
}

.datePicker td.labelContainer {
    width: 100%;
}

.datePicker td .topLabel {
    color: CaptionText;
    display: block;
    font-weight: bold !important;
    width: 100%;
    text-decoration: none;

}

.datePicker td.filler {
    width: 100%;
}

.datePicker .labelPopup {
    position: absolute;
    min-width: 130px;
    background: white;
    border: 1px solid WindowText;
    padding: 1px;
}

.datePicker .labelPopup a {
    width: 100%;
    display: block;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
}

.datePicker .labelPopup a:hover {
    background: Highlight;
    color: HighlightText;
}

.datePicker .labelPopup a.selected {
    font-weight: bold;
}