/* Custom CSS file for Cab Approval System */
#local-app
{
    float: left;
    width: 300px;
    height: 70px;
}
#local-app h1
{
    color: #FFFFFF;
    font-weight: bold;
    font-size: 24px;
    padding: 15px 0 0 10px;
}
#local-app .version
{
    color: #FFF;
    font-weight: bold;
    font-size: 12px;
    padding-left: 52px;
}
.local-days-on-leave
{
    width: 20px;
    height: 12px;
    border: 1px solid #000;
    background-color: #c69;
}
.local-company-holiday
{
    width: 20px;
    height: 12px;
    border: 1px solid #000;
    background-color: #39f;
}
.local-holiday
{
    color: #f00;
    width: 20px;
    height: 12px;
    border: 1px solid #000;
    background-color: #FFF4F4;
}
.local-current-date
{
    width: 20px;
    height: 12px;
    border: 1px solid #000;
    background-color: #f93;
    font-weight: bold;
}
.local-restricted-holiday
{
    width: 20px;
    height: 12px;
    border: 1px solid #000;
    background-color: #0f0;
}
.local-Green
{
    color: #090;
    font-weight: bold;
}


.local-dataTbl
{
    border-collapse: collapse;
    text-align: left;
}
.local-dataTbl a:link
{
    text-decoration: underline;
    color: #000;
    font-weight: bold;
}
.local-dataTbl a:visited
{
    text-decoration: underline;
    color: #000;
    font-weight: bold;
}
.local-dataTbl a:hover
{
    text-decoration: none;
    color: #000;
    font-weight: bold;
}
.local-dataTbl TH
{
    /* display data grid header*/
    background-color: #D9ECFF;
    font-weight: bold;
    text-align: center;
    padding: 2px;
    border: 0px solid #bac7fe;
}
.local-dataTbl TD
{
    /* display data grid*/
    border: 0px solid #EAEEFF;
}

.local-dataTbl TD table td
{
    /* display data grid*/
    padding: 2px;
    border: 1px solid #E8F3FF;
    font-size: 105%;
    font-weight: bold;
    color: #060;
    background-color: #e3e6e9;
    text-align: left;
    width: 35px;
}

legend
{
    font-weight: bold;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 5px;
    color: #00599f;
}

fieldset
{
    border: 1px solid #bac7fe;
    padding: 3px;
    background-image: url(../images/bg-repeater.png);
    background-repeat: repeat-x;
    background-position: left bottom;
}
.local-error
{
    font-size: 11px;
    font-weight: normal;
    color: Red;
}
.local-dataTbl
{
    border-collapse: collapse;
    text-align: left;
}
.local-dataTbl a:link
{
    text-decoration: underline;
    color: #000;
    font-weight: bold;
}
.local-dataTbl a:visited
{
    text-decoration: underline;
    color: #000;
    font-weight: bold;
}
.local-dataTbl a:hover
{
    text-decoration: none;
    color: #000;
    font-weight: bold;
}
.local-dataTbl TH
{
    /* display data grid header*/
    background-color: #D9ECFF;
    font-weight: bold;
    text-align: center;
    padding: 2px;
    border: 1px solid #bac7fe;
}
.local-dataTbl TD
{
    /* display data grid*/
    border: 1px solid #bac7fe;
    padding: 2px;
}

.local-filterTbl
{
    /* to define table search criteria */
    border-collapse: collapse;
    text-align: left;
}
.local-filterTbl a:link
{
    text-decoration: underline;
    color: #000000;
    font-weight: bold;
}
.local-filterTbl a:visited
{
    text-decoration: underline;
    color: #000;
    font-weight: bold;
}
.local-filterTbl a:hover
{
    text-decoration: none;
    color: #000;
    font-weight: bold;
}
.local-filterTbl TD
{
    border: 1px solid #bac7fe;
    padding: 2px;
}

/*
.local-filterTbl TD TABLE TD
{
	border: 0px;
	padding: 0px;
}
*/

.local-filterTbl2
{
    /* to define table search criteria */
    border-collapse: collapse;
    text-align: left;
}
.local-filterTbl2 a:link
{
    text-decoration: underline;
    color: #000000;
    font-weight: bold;
}
.local-filterTbl2 a:visited
{
    text-decoration: underline;
    color: #000;
    font-weight: bold;
}
.local-filterTbl2 a:hover
{
    text-decoration: none;
    color: #000;
    font-weight: bold;
}
.local-filterTbl2 TD
{
    border: 1px solid #bac7fe;
    padding: 2px;
}

.local-filterTbl2 TD TABLE TD
{
    border: 0px;
    padding: 0px;
}


.CollapsiblePanel
{
    margin: 0px 0px 10px 0px;
    padding: 0px; /*border-left: solid 1px #CCC;border-right: solid 1px #999;border-top: solid 1px #999;border-bottom: solid 1px #CCC;*/
}
.CollapsiblePanelTab
{
    background-color: #c4e1ff;
    border: solid 1px #bac7fe;
    margin: 0px;
    padding: 2px;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    background-image: url(../images/plus.gif);
    background-repeat: no-repeat;
    background-position: right center;
    font-weight: bold;
}
.CollapsiblePanelContent
{
    margin: 0px;
    padding: 2px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #bac7fe;
    border-bottom-color: #bac7fe;
    border-left-color: #bac7fe;
}
.CollapsiblePanelTab a
{
    color: black;
    text-decoration: none;
}
.CollapsiblePanelOpen .CollapsiblePanelTab
{
    background-color: #c4e1ff;
    background-image: url(../images/minus.gif);
    background-repeat: no-repeat;
    background-position: right center;
    font-weight: bold;
    border: 1px solid #bac7fe;
}
.CollapsiblePanelClosed .CollapsiblePanelTab
{
    /* background-color: #EFEFEF */
}
.CollapsiblePanelTabHover, .CollapsiblePanelOpen .CollapsiblePanelTabHover
{
    background-color: #a4cdf8;
}
.CollapsiblePanelFocused .CollapsiblePanelTab
{
    background-color: #c4e1ff;
}
.local-clearTbl
{
}
.local-clearTbl TD
{
    border: 0px;
}

#local-popupmaincontent
{
    /* Main Container */
    color: #000000;
    background-color: #FFFFFF;
    font-size: 0.68em;
}
.h1-Head
{
    font-size: 190%;
    font-weight: normal;
    color: #000;
}

.h2-Head
{
    font-size: 170%;
    font-weight: normal;
    color: #000;
}
.locallistTag
{
    margin: 10px;
    padding: 10px;
    list-style-position: outside;
}

.locallistTag li ul li
{
    margin: 10px;
    list-style-position: outside;
    padding-top: 1px;
    padding-right: 0px;
    padding-bottom: 1px;
    padding-left: 5px;
}
.navtext
{
    width: 235px;
    font-size: 8pt;
    font-family: verdana;
    border-width: 2px;
    border-style: outset;
    border-color: #006BAE;
    layer-background-color: #FFF6D9;
    background-color: #FFF6D9;
    color: black;
}
#hintbox
{
    z-index: 100;
    border-bottom: black 3px solid;
    position: absolute;
    border-left: black 1px solid;
    padding-bottom: 3px;
    background-color: lightyellow;
    padding-left: 3px;
    width: 150px;
    padding-right: 3px;
    font: 11px/18px Verdana;
    visibility: hidden;
    border-top: black 1px solid;
    top: 0px;
    border-right: black 3px solid;
    padding-top: 3px;
}
.hintanchor
{
    margin: 3px 8px;
    color: navy;
    font-weight: bold;
}