@import url("stylesCommon.css");

body{
background: #fff url(/StaffPage/images/headerBG.gif) repeat-x;
font-family: Arial, sans-serif;
font-size: 100%;
line-height: 140%;
margin: 0;
text-align: center;
color: #333;
}

.login {
    padding:18px;
}

#wrapper {
font-size: 0.875em;
text-align: left;
margin-left: auto;
margin-right: auto;
max-width:706px;
width:100%;
}

a, a:visited{
color: #042F62;
text-decoration: none;
}

a:hover{
color: #4388d8;
text-decoration: underline;
}

a:active{
color: #F7B811;
text-decoration: underline;
}

.contents a, .contents a:visited{
text-decoration: underline;
}

th a, th a:visited{
color: #F7B811;
text-decoration: none;
}

th a:hover{
color: #4388d8;
text-decoration: underline;
}

th a:active{
color: #fff;
text-decoration: underline;
}


p{
margin-bottom: .5em;
}

h1{
border-bottom: 1px solid #e6e6e6;
font-family: Georgia, 'Times New Roman', serif;
font-size: 130%;
font-weight: bold;
margin: 10px 23px;
}

h2{
font-size: 115%;
font-weight: bold;
}

h3{
font-size: 112%;
font-weight: bold;
}

h4{
font-size: 102%;
font-weight: bold;
padding-top: 5px;
}

th{
background: #042F62;
color: #fff;
font-weight: bold;
text-align: center;
}


td{
padding: 0 2px;
}
td select {
 width:100%;
}
td select.nosize {
    width:auto;
}
.hr{
background: #042F62;
height: 2px; 
margin: 5px 0;
overflow: hidden;
}

.green{
color: #388000;
}
.red{
color: #ff0000;
}
.orange{
color: #fea500;
}
.num{
font-family: Georgia, 'Times New Roman', serif;
font-size: 110%;
}

#header{
background: #002E62 url(/StaffPage/images/headerBG.gif) repeat-x;
height: 82px;
}

#header ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
}

#header li { /* all list items */
float: left;
position: relative;
width: 6.25em;
}

#header li a.topLevel, #header li a.topLevel:visited{
background: none;
color: #fff;
display: block;
text-align: center;
text-decoration: none;
width: 50%;
}

#header li a.topLevel:hover{
background: url(/images/topLevelNavBG.gif) repeat-x;
display: block;
-moz-border-radius: 6px 6px 0px 0px;
-webkit-border-radius: 6px 6px 0px 0px;
border-radius: 6px 6px 0px 0px;
text-decoration: none;
}

#header li a.topLevel:active{
background: #fff;
color: #002e62;
text-decoration: none;
}

#header ul li ul{
background: #f6b511 url(/images/subLevelNavBG.gif) repeat-x;
border: 1px solid #f6b511;
border-top: 0px;
-moz-border-radius: 0px 6px 6px 6px;
-webkit-border-radius: 0px 6px 6px 6px;
border-radius: 0px 6px 6px 6px;
}

#header ul li ul li a, #header ul li ul li a:visited{
color: #002e62;
display: block;
padding: 2px 4px;
text-decoration: none;
width: 100%;
}

#header ul li ul li a:hover{
background: #002e62;
color: #f6b511;
text-decoration: none;
width: 100%;
}
#header ul li ul li a:active{
background: #fff;
color: #002e62;
text-decoration: none;
width: 100%;
}

#header li ul { /* second-level lists */
display: none;
position: absolute;
top: 1em;
left: 0;
}
 

#header li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

#header li:hover ul, #header  li.over ul { /* lists nested under hovered list items */
display: block;
}


#header ul, #header li{
margin: 0px!important;
padding: 0px!important;
}

#logo{
float: left;
margin: 5px 0 0 0 ;
}

#nav{
float: left;
margin: 12px 0 0 6px;
}
.activeNav{
background: #f6b511 url(/images/topLevelNavBG.gif) repeat-x!important;
color: #002e62!important;
font-weight: bold!important;
-moz-border-radius: 6px 6px 0px 0px;
-webkit-border-radius: 6px 6px 0px 0px;
border-radius: 6px 6px 0px 0px;
}

#leftCol, #midCol, #rightCol{
float: left;
width: 30%;
}

#midCol{
margin: 0 10px;
}

#smallLeftCol{
width: 17%; 
margin: 1%;
float: left;
}

.subLink{
margin: 0 0 0 10px;
}

#bigRightCol{
border: 1px solid #e6e6e6;
float: left;
width: 77%;
margin: 1%;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding:0px;
}
@media (max-width: 767px) {
    
    #bigRightCol { 
        width:98%;
    }
    #smallLeftCol{
        width: 98%; 
        float: left;
    }
    #rightCol{
        width :100%
    }
    #bigRightCol .contents {
        padding: 0 0% 0% 0%;
    }
    #leftCol{
        width :100%
    }
    #midCol{
        width :100%
    }
    #header{ 
        height: 118px;
    }
}


#bigRightCol h2{
background: #e6e6e6 url(/StaffPage/images/gray-grad.png) repeat-x;
padding: 0 5px;
}

#bigRightCol .contents{
padding: 0 0% 0% 0%;
}

.contentBox {
border: 1px solid #e6e6e6;
float: left;
margin: 0 5px 10px 5px;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
border-radius: 6px;
width: 98%;
}

.alert, .success{
-moz-border-radius:6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #FFF3AF;
margin: 15px auto;
}
.success{
border: 1px solid #AFECFF;
}

.contentBox .contents{
padding: 0 10px 10px 10px;
}

.contentBox h3{
background: #e6e6e6 url(/StaffPage/images/gray-grad.png) repeat-x;
padding: 0 5px;
}
#timeClock img{
margin: 0 5px;
}
#benchReport a{
font-size: 75%;
text-align: center;
margin: 0 auto;
}

#benchReport  .lessthan1, #benchReport .count, #benchReport .between1and2 , #benchReport .over2weeks{
font-family: Georgia, 'Times New Roman', serif;
font-size: 110%;
}

#benchReport .lessthan1 {
color: #388000;
}

#benchReport .between1and2 {
color: #fea500;
}

#benchReport .over2weeks{
color: #ff0000;
}

#footer{
border-top: 1px solid #e6e6e6;
color: #777;
margin: 10px 0;
padding: 0 10px;
}

#cursorMessageDiv {
position: absolute;
z-index: 99999;
border: solid 1px #CCC;
background: #EEE;
padding: 2px;
margin: 0px;
display: none;
}
#tooltip{
background:#e6e6e6;
border:1px solid #666;
color:#444;
display:none;
max-width: 300px;
padding:8px;
position:absolute;
z-index: 100; 
}	

.ac_input {
	width: 277px;
}
.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	border-bottom: 1px solid #444;
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
	text-align: left;
}
.ac_loading {
	background : url('/jquery/img/indicator.gif') right center no-repeat;
}
.ac_over {
	background-color: Highlight;
	color: HighlightText;
}

.staffStatusOut{
color: #C00000;
font-size: 12px; 
font-weight:900;
}

.staffStatusIn{
color: #00C000;
font-size: 12px; 
font-weight:900;
}

.staffStatusName{
color: #002E62; 
font-size: 12px; 
font-weight: 900;
}
#nameer {
  font-size: 13px;
width:250px;
}