#tzBaseGrid
{
    font-size: 1.0em; 
    border: 1px solid #2a4b70; 
    background-color: black;
}
#tzBaseGrid tr
{
    vertical-align: middle;
}
#tzBaseGrid th
{
    margin: 0;
    border: 1px solid #2a4b70;
    font-size: 0.9em;
}
#tzBaseGrid td
{
    padding: 0;
    margin: 0;
    border-left: 1px dotted #0f1b29;
    border-bottom: 1px solid #0f1b29;
    border-right: 1px dotted #0f1b29;
    border-top: 1px solid #0f1b29;
    height: 2.8em;
}
#tzDisplayGrid
{
    font-size: 1.0em; 
    border: 1px solid transparent; 
    position: absolute;
    z-index: 0;
    background-color: transparent;
}
#tzDisplayGrid tr
{
    vertical-align: middle;
}
#tzDisplayGrid th
{
    color: transparent;
    margin: 0;
    border: 1px solid transparent;
    font-size: 0.9em;
}
#tzDisplayGrid td
{
    padding: 0;
    margin: 0;
    border: 1px solid transparent;
    overflow: hidden;
    height: 2.8em;
}
#tzAddGrid
{
    border: 1px solid transparent; 
    position: absolute;
    z-index: 1;
}
#tzAddGrid tr
{
    vertical-align: middle;
}
#tzAddGrid th
{
    color: transparent;
    margin: 0;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    font-size: 0.9em;
}
#tzAddGrid td
{
    padding: 0;
    margin: 0;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    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 #88b7e0;
    background-color: #10151c;
    cursor: pointer;
}
.timeBlock
{
    cursor: default;
   
}
.editableHolidayTimeBlock, .holidayTimeBlock
{
    margin: 0;
    padding: 0;
    text-align: center;
    height: 2em;
    overflow: hidden;
    display: block;
    border: 1px solid #3a762c;
    background-color: #060c04;
    cursor: pointer;
}
.holidayTimeBlock
{
    cursor: default;
}
#tzBaseGrid .holidayTH
{
    margin: 0;
    border: 1px solid #2b5821;
}
#tzBaseGrid .holidayTD
{
    margin: 0;
    border-left: 1px dotted #14290f;
    border-bottom: 1px solid #14290f;
    border-right: 1px dotted #14290f;
    border-top: 1px solid #14290f;
    padding: 0;
    overflow: hidden;
}
#editTP
{
    display: none;
    height: auto;
    padding-bottom: 0.5em;
    width: 31em;
    background-color: black;
    border: 1px solid White;
}
#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 */
    background-color: #14290f; /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2b5821), to(#14290f)); /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #2b5821, #14290f); /* IE 10 */
    background: -moz-linear-gradient(top, #2b5821, #14290f); /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #2b5821, #14290f); /* Opera 11.10+ */
    background: -o-linear-gradient(top, #2b5821, #14290f);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2b5821), to(#14290f));
    background-image: -webkit-linear-gradient(top, #2b5821, #14290f);
    background-image: -moz-linear-gradient(top, #2b5821, #14290f);
    background-image: -o-linear-gradient(top, #2b5821, #14290f);
    background-image: linear-gradient(to bottom, #2b5821, #14290f); /*IE 8*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2b5821', EndColorStr='#14290f');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#2b5821', EndColorStr='#14290f');";
    zoom: 1;
    border-radius: 8px 8px 0 0;
    text-align: center;
    line-height: 2em;
}
.holidayGroupboxContainer
{
    border: 1px #2b5821 solid;
    border-radius: 8px;
}

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

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