.timeDefault {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(/img/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    color: #555555;
    font-weight: normal;
    padding: 8px;
    cursor: pointer;
}

.timeDisabled {
    opacity: 0.35;
    background-image: none;
    cursor: not-allowed;
}

.timeSelected {
    border: 1px solid #aaaaaa;
    background: #ffffff url(/img/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    color: #212121;
}

.timeDefault:hover:not(.timeDisabled):not(.timeSelected) {
    border: 1px solid #999999;
    background: #dadada url(/img/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
    color: #212121;
}

.timeHeader {
    border: 1px solid #aaaaaa;
    background: #cccccc url(/img/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
    color: #222222;
    font-weight: bold;
}

.timeArrow {
    text-align: center;
    padding: 10px;
    border: 1px solid transparent;
}

.timeArrow:hover:not(.timeDisabled) {
    border: 1px solid #999999;
    background: #dadada url(/img/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
    cursor: pointer;
}

.timeTitle {
    font-size: 1.4em;
    font-weight: bold;
    padding: 7px;
}