#form1\:inputText_date, #form1\:inputText_bulkWorkingDay, #form1\:selectOneMenu_SlotStart, #form1\:selectOneMenu_SlotEnd{
    margin: 5px 5px 0 0;
}

label {
    width: 140px;
}
.timeTable {
    border-collapse : collapse ;
    border-spacing: 0px;
    border-style: outset;
    border-color: #a6a8ab;
    border-style: solid;
    border-width: 2px;
    width: 99%;
    margin: 0.3em 0.1em;
    float:left;
}

.timeTable th {
    border-width: 2px;
    padding: 1px;
    border-style: solid;
    border-color: #a6a8ab;
    color: #BCD43C;
    text-align:center;
}
.timeTable th input {
    border-style:outset;
    border-width:1px;
    padding:1px;
}

.timeTable tfoot tr a {
    text-align: center;
    display: inline-block;
    width: 100%;
    color: #D33CBC;
    font-weight: bold;
    font-size: 0.8em;
}

.timeTable tfoot tr a:hover {
    text-shadow:1px 1px 2px #999999;
}


.timeTable_time {
    text-align: center;
    vertical-align: middle;
    border-style: solid;
    border-width: 2px;
    border-color: #a6a8ab;
    width: 3%;
    color: #D33CBC;
}

.timeTable_normal, .timeTable_locked {
    text-align: left;
    vertical-align: top;
    border-style: solid;
    border-width: 2px;
    border-color: #a6a8ab;
    padding: 1px 1px 1px 1px;
    background-color: inherit;
    vertical-align:middle;
    width: 13.7%;
}

.timeTable_locked {
    max-width:100px;
    padding:-100px
}

.lockedText, .lockedTextIE{
    color: #ffffff;
    text-align: center;
}

.lockedText {
    margin: 0 -150px;
    width: 500px;
    -moz-transform: rotate(-90deg);  /* FF3.5+ */
    -o-transform: rotate(-90deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-90deg);  /* Saf3.1+, Chrome */
    zoom: 1;
}

.lockedTextIE {
    max-width:100px;
    display: inline;
}

.lockedText span, .lockedTextIE span{
    text-align: center;
    width: 100%;
}


.timeTable_1stHalf {
    text-align: left;
    vertical-align: top;
    border-style: solid;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 0px;
    border-left-width: 2px;
    border-color: #D33C49;
    padding: 0px;
    background-color: inherit;
}

.timeTable_2ndHalf {
    text-align: left;
    vertical-align: top;
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-color: #D33C49;
    padding: 0px;
    background-color: inherit;
}

.timeTable thead th {
    border-style: none;
    border-spacing: 0px;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}

.timeTable thead th span {
    text-align: center;
    white-space:nowrap;
}

.helpTable {
    background-color: #eee;
    border-color: black;
    border-style: solid;
    border-width: 1px;
    font-size:smaller;
    font-weight:bold;
    display: none;
}
.helpTable td {
    text-align:left;
    vertical-align:top;
}

.cellHighlighted {
    width: 100%;
    border-collapse: collapse;
    border-style: none;
    border-spacing: 0px;
    margin: 0;
    padding: 0;
    background-color: yellow;
}
.cellHighlighted td{
    border-collapse: collapse;
    border-style: none;
    border-spacing: 0px;
    margin: 0;
    padding: 0;
    background-color: yellow;
}

.cellNormal {
    width: 100%;
    border-collapse: collapse;
    border-style: none;
    border-spacing: 0px;
    margin: 0;
    padding: 0;
}
.cellNormal td{
    border-collapse: collapse;
    border-style: none;
    border-spacing: 0px;
    margin: 0;
    padding: 0;
}

.slotGroupInfo {
    border-style: solid;
    border-width: 2px;
    text-decoration: none;
    background-color: white;
    display: inline-block !important;
    padding: 0.0em 0.2em !important;
    margin: 0.1em !important;
    font-weight: bold !important;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    font-size: 0.7em;
    border-color: #6699ff;
    color:#3CBBD3 !important;
    cursor:help;
}
.buttonGreenTimeTable, .buttonRedTimeTable, .buttonRedTimeTableAlert {
    border-style: solid;
    border-width: 2px;
    text-decoration: none;
    display: inline-block;
    padding: 1px 5px !important;
    margin: 1px !important;
    font-weight: bold !important;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    width:88%;
    text-align:center;
    font-size: 11px;

}

.buttonGreenTimeTable:active, .buttonRedTimeTable:active, .buttonRedTimeTableAlert:active {
    
}


.buttonGreenTimeTable {
    background-color: inherit;
    border-color: white;
    color:#e6e6e6 !important;
}

.buttonGreenTimeTable:hover {
    text-decoration: none;
    border-color: #7A8B1E;
    background-color:#BCD43C;
    color: white !important;
    text-shadow:1px 1px 1px #555555;
}

.buttonRedTimeTable, .buttonRedTimeTableAlert {
    background-color: white;
    border-color: Tomato ;
    color:#D33C49 !important;
    
}

.buttonRedTimeTable:hover, .buttonRedTimeTableAlert:hover {
    text-decoration: none;
    border-color: Tomato ;
    background-color:#D33C49;
    color: white !important;
}

.highlightCell {
    background-color: #e0efc4;
}

.highlightCellShade {
    background-color: #d2d3d5;
}

.highlightCellAlert {
    background-color: Tomato;
}