    .gwt-DatePicker {
      border: 1px solid #00CCFF;
      cursor: default;
    }

    .gwt-DatePicker td,
    .datePickerMonthSelector td:focus {
      outline: none
    }

    .datePickerMonthSelector td:focus {
      outline: none
    }

    .datePickerDays {
      width: 100%;
      background: #4d4d4d;
    }

    .datePickerDay,
    .datePickerWeekdayLabel,
    .datePickerWeekendLabel {
      font-size: 75%;
      text-align: center;
      padding: 4px;
      outline: none;
      color: #dddddd;
    }

    .datePickerWeekdayLabel,
    .datePickerWeekendLabel {
      background: #222222;
      padding: 0px 4px 2px;
      cursor: default;
    }

    .datePickerDay {
      padding: 4px;
      cursor: hand;
      cursor: pointer;
    }

    .datePickerDayIsToday {
      border: 1px solid #00CCFF;
      padding: 3px;
    }

    .datePickerDayIsWeekend {
      background: #333333;
    }

    .datePickerDayIsFiller {
      color: #959595;
    }

    .datePickerDayIsValue {
      background: #1C1C1C;
      color: #00CCFF;
    }

    .datePickerDayIsDisabled {
      color: #AAAAAA;
      font-style: italic;
    }

    .datePickerDayIsHighlighted {
      background: #00CCFF;
      color: #1C1C1C;
    }

    .datePickerDayIsValueAndHighlighted {
      background: #1C1C77;
      color: #00CCFF;
    }

    .datePickerMonthSelector {
      background: #222222;
      width: 100%;
    }

    .datePickerPreviousButton,
    .datePickerNextButton {
      font-size: 120%;
      line-height: 1em;
      cursor: hand;
      cursor: pointer;
      padding: 0px 4px;
      color: #dddddd;
    }

    td.datePickerMonth {
      text-align: center;
      vertical-align: center;
      white-space: nowrap;
      font-size: 70%;
      font-weight: bold;
      color: #dddddd;
    }

    .gwt-DateBox input {
      width: 8em;
    }

    .dateBoxFormatError {
      background: #a8eeff;
      color: red;
    }

    .dateBoxPopup {
    }