.dt-widget * {
    position: relative;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font: 8pt Arial;
}
.dt-calendar-header * {
    font-size: 10pt;
}
.dt-widget {
    border: 1px solid black;
    background-color: #ffffff;
}
.dt-noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/** DT Calendar **/
.dt-widget .dt-calendar {
    border: 2px solid black;
    padding: 2px 2px 2px 2px;
    background-color: white;
    width: 169px;
}
.dt-calendar .dt-calendar-header {
    width: 100%;
    text-align: center;
    background-color: #527DB9;
    color: white;
    height: 25px;
    border: 1px solid black;
}
.dt-calendar-header table {
    width: 100%;
    height: 100%;
}
.dt-calendar-header table td {
    vertical-align: middle;
    text-align: center;
    line-height: 25px;
}
.dt-calender .dt-calendar-header {
    vertical-align: middle;
}
.dt-calendar-header .dt-calendar-month {
    width: 4.5em;
}
.dt-calendar-header .dt-calendar-prevMonth, .dt-calendar-header .dt-calendar-nextMonth {
    width: 12px;
    border: 1px black solid;
    cursor: pointer;
    color: #ffffff;
    vertical-align: middle;
}
.dt-calendar-header .dt-calendar-year {
    vertical-align: middle;
    width: 4em;
    text-align: center;
}
.dt-calendar-header .dt-calendar-prevYear, .dt-calendar-header .dt-calendar-nextYear {
    width: 12px;
    height: 0.7em;
    border: 1px black solid;
    cursor: pointer;
    color: #ffffff;
}
.dt-calendar-header .dt-calendar-prevMonth img, .dt-calendar-header .dt-calendar-nextMonth img, .dt-calendar-header .dt-calendar-prevYear img, .dt-calendar-header .dt-calendar-nextYear img {
    width: 12px;
    vertical-align: middle;
}
.dt-calendar .dt-calendar-days {
    margin: 0 auto;
}
.dt-calendar-days .dt-calendar-days-header th {
    font-weight: normal;
}
.dt-calendar-days .dt-calendar-days-divider {
    margin: 0 auto;
    width: 90%;
    border-bottom: 1px solid black;
}
.dt-calendar-days .dt-calendar-today, .dt-calendar-days .dt-calendar-activeday, .dt-calendar-days .dt-calendar-day {
    cursor: pointer;
    padding: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-weight: bold;
}
.dt-calendar-days .dt-calendar-today {
    border: 1px solid red;
}
.dt-calendar-days .dt-calendar-activeday {
    background-color: #dddddd;
}

/** DT Clock **/
.dt-widget .dt-clock {
    padding: 2px 5px 2px 5px;
    width: 120px;
}
.dt-clock table, .dt-clock div, .dt-clock .ui-slider {
    width: 100%;
}
.dt-clock table, .dt-clock > div {
    padding: 5px 0px 5px 0px;
}
.dt-clock .dt-clock-hours {
}
.dt-clock .dt-clock-minutes {
}
.dt-clock-hours .dt-clock-value, .dt-clock-minutes .dt-clock-value {
    text-align: right;
}
.dt-clock .dt-clock-ampm {
}
.dt-clock .dt-clock-nowbutton {
    float: left;
}
.dt-widget .dt-widget-okaybutton {
    position: absolute;
    right: 3px;
    bottom: 3px;
}