#tzBaseGrid {
    font-size: 1.0em;
    border: 1px solid var(--TimeZoneBaseGridBorder);
    background-color: var(--TimeZoneBackground);
}

    #tzBaseGrid tr {
        vertical-align: middle;
    }

    #tzBaseGrid th {
        margin: 0;
        border: 1px solid var(--TimeZoneBaseGridBorder);
        font-size: 0.9em;
    }

    #tzBaseGrid td {
        padding: 0;
        margin: 0;
        border-left: 1px dotted var(--TimeZoneBaseGridBorder);
        border-bottom: 1px solid var(--TimeZoneBaseGridBorder);
        border-right: 1px dotted var(--TimeZoneBaseGridBorder);
        border-top: 1px solid var(--TimeZoneBaseGridBorder);
        height: 2.8em;
    }

#tzDisplayGrid {
    font-size: 1.0em;
    border: 1px solid var(--TimeZoneDisplayGridBorder);
    position: absolute;
    z-index: 0;
    background-color: var(--TimeZoneDisplayGridBackground);
}

    #tzDisplayGrid tr {
        vertical-align: middle;
    }

    #tzDisplayGrid th {
        color: var(--TimeZoneDisplayGridForeground);
        margin: 0;
        border: 1px solid var(--TimeZoneDisplayGridBorder);
        font-size: 0.9em;
    }

    #tzDisplayGrid td {
        padding: 0;
        margin: 0;
        border: 1px solid var(--TimeZoneDisplayGridBorder);
        overflow: hidden;
        height: 2.8em;
    }

#tzAddGrid {
    border: 1px solid var(--TimeZoneDisplayGridBorder);
    position: absolute;
    z-index: 1;
}

    #tzAddGrid tr {
        vertical-align: middle;
    }

    #tzAddGrid th {
        color: var(--TimeZoneDisplayGridForeground);
        margin: 0;
        border-right: 1px solid var(--TimeZoneDisplayGridBorder);
        border-top: 1px solid var(--TimeZoneDisplayGridBorder);
        font-size: 0.9em;
    }

    #tzAddGrid td {
        padding: 0;
        margin: 0;
        border-right: 1px solid var(--TimeZoneDisplayGridBorder);
        border-top: 1px solid var(--TimeZoneDisplayGridBorder);
        overflow: hidden;
        height: 2.8em;
    }

.displayText {
    position: absolute;
}

.normalBlock {
}

.editableTimeBlock, .timeBlock {
    margin: 0;
    padding: 0;
    text-align: center;
    height: 2em;
    overflow: hidden;
    display: block;
    border: 1px solid var(--TimeBlockBorder);
    background-color: var(--TimeBlockBackground);
    cursor: pointer;
}

.timeBlock {
    cursor: default;
}

.editableHolidayTimeBlock, .holidayTimeBlock {
    margin: 0;
    padding: 0;
    text-align: center;
    height: 2em;
    overflow: hidden;
    display: block;
    border: 1px solid var(--TimeBlockHolidayBorder);
    background-color: var(--TimeBlockHolidayBackground);
    cursor: pointer;
}

.holidayTimeBlock {
    cursor: default;
}

#tzBaseGrid .holidayTH {
    margin: 0;
    border: 1px solid var(--TimeZoneHolidayHeaderBoarder);
}

#tzBaseGrid .holidayTD {
    margin: 0;
    border-left: 1px dotted var(--TimeZoneHolidayBorder);
    border-bottom: 1px solid var(--TimeZoneHolidayBorder);
    border-right: 1px dotted var(--TimeZoneHolidayBorder);
    border-top: 1px solid var(--TimeZoneHolidayBorder);
    padding: 0;
    overflow: hidden;
}

#editTP {
    display: none;
    height: auto;
    padding-bottom: 0.5em;
    width: 31em;
    background-color: var(--TimeZoneEditBlockBackground);
    border: 1px solid var(--TimeZoneEditBlockBorder);
}

#editTPInner {
    width: 30em;
    margin: 0 auto;
    margin-top: 1em;
}

.veticalHeader {
}

.offTimePeriod {
    float: left;
    width: 7.5em;
    margin: 3px;
}

.offTimePeriodContent {
    clear: both;
    text-align: left;
    margin: 1em;
    height: 7em;
    overflow: auto;
}

.holidayGroupBoxHeader {
    /* fallback */
    color: var(--HeaderColor);
    background-color: var(--TimeZoneHolidayHeaderBackgroundStop); /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(var(--TimeZoneHolidayHeaderBackgroundStart)), to(var(--TimeZoneHolidayHeaderBackgroundStop))); /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, var(--TimeZoneHolidayHeaderBackgroundStart), var(--TimeZoneHolidayHeaderBackgroundStop)); /* IE 10 */
    background: -moz-linear-gradient(top, var(--TimeZoneHolidayHeaderBackgroundStart), var(--TimeZoneHolidayHeaderBackgroundStop)); /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, var(--TimeZoneHolidayHeaderBackgroundStart), var(--TimeZoneHolidayHeaderBackgroundStop)); /* Opera 11.10+ */
    background: -o-linear-gradient(top, var(--TimeZoneHolidayHeaderBackgroundStart), var(--TimeZoneHolidayHeaderBackgroundStop));
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(var(--TimeZoneHolidayHeaderBackgroundStart)), to(var(--TimeZoneHolidayHeaderBackgroundStop)));
    background-image: -webkit-linear-gradient(top, var(--TimeZoneHolidayHeaderBackgroundStart), var(--TimeZoneHolidayHeaderBackgroundStop));
    background-image: -moz-linear-gradient(top, var(--TimeZoneHolidayHeaderBackgroundStart), var(--TimeZoneHolidayHeaderBackgroundStop));
    background-image: -o-linear-gradient(top, var(--TimeZoneHolidayHeaderBackgroundStart), var(--TimeZoneHolidayHeaderBackgroundStop));
    background-image: linear-gradient(to bottom, var(--TimeZoneHolidayHeaderBackgroundStart), var(--TimeZoneHolidayHeaderBackgroundStop)); /*IE 8*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--TimeZoneHolidayHeaderBackgroundStart)', EndColorStr='var(--TimeZoneHolidayHeaderBackgroundStop)');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--TimeZoneHolidayHeaderBackgroundStart)', EndColorStr='var(--TimeZoneHolidayHeaderBackgroundStop)');";
    zoom: 1;
    border-radius: 8px 8px 0 0;
    text-align: center;
    line-height: 2em;
}

.holidayGroupboxContainer {
    border: 1px var(--TimeZoneHolidayHolidayContainerBorder) solid;
    border-radius: 8px;
}

.ui-widget {
    font-family: Verdana, Arial, sans-serif !important;
}


#scheduleTabs .outter-tab {
    width: 100% !important;
    border: 0.1em var(--TimeZoneOutterTabBorder) solid;
/*    border-top: 0px var(--TimeZoneOutterTabBorder) solid;
*/    background-color: var(--WindowBackground);
}


#outterTab {
    width: 98% !important;
    overflow: auto;
    position: relative;
}

#scheduleTabs {
    /*overflow: auto;*/
    position: relative;
}