@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	height:100%; /* Important */
	overflow:hidden;
	background-color: #E6E6E6;
	font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
	font-size: 12px; 
}

/* header and footer broad settings */
#header{
   width:100%;
   background-color:#6a89ba;
   height:18px;
   padding-top: 1px;
   clear:both;
   border-bottom: 1px solid #1b1284;
   color: #bdceea; 
}

#footer{
   width:100%;
   height:18px;
   position:absolute;
   bottom:0px; /* This ensures that the footer stays at the bottom of the page */
}

/* header and footer link and component settings (might be over-tidied) */
#header a { color: #bdceea; }
#header a:hover { color: #fff; }
#headerTabDiv, #headerLinkDiv, #footerLinkDiv { position: absolute; }

#headerTabDiv { left: 15px; }
#headerLinkDiv { right: 15px; }

#footerLinkDiv { color: #6A89BA; right: 5px; font-size:11px; }
#footerLinkDiv a { color: #6A89BA; }
#footerLinkDiv a:hover { color: #000; }

ul.marginLinks { text-align: right; margin: 0; list-style-type: none; padding: 0px 0px 3px 0px; }
ul.marginLinks li { display: inline; line-height: normal; margin-left: 20px; }
ul.marginLinks li a:hover { text-decoration: none; }
    ul.marginLinks li a:visited {
        color: white;
        text-decoration: none;
    }
        ul.marginLinks li a {
        color: white;
        text-decoration: none;
    }
/* container, housing left and right main panels */
#container{ height:100%;}
#sidebar, #column {
   background-color:#FFF;
   position:absolute;
   top:20px;
   bottom:10px;
}
#sidebar{
   width:260px;
   float:left;
}
#column{
   left: 260px;
   float:right;
   clear:right;
   right:0; /* This ensures that the content stays at the right side of the page */
}

#companyDropdown {
	font-size:0.9em;
	font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
	font-weight:bold;
}

/* please wait overlay div */
#waitingDiv { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:1000; background-image: url(/hrp/images/shaded_background.gif); background-repeat:repeat; display: none; }
#waitingDiv div { position: relative; width: 150px; padding: 25px; left: 50%; margin-left: -75px; top: 40%; text-align:center; }

/* shadow styles */
.sT, .sB, .sL, .sR, .sTL, .sTR, .sBL, .sBR { position: absolute; }
.sT, .sB { left: 0px; width: 100%; height: 25px; background-repeat:repeat-x; }
.sT { top: 0px; background-image: url("/hrp/images/newShadow/top.jpg"); }
.sB { bottom: 0px; background-image: url("/hrp/images/newShadow/bottom.jpg"); }
.sL, .sR { top: 0px; height: 100%; width: 25px; background-repeat:repeat-y; }
.sL { left: 0px; background-image: url("/hrp/images/newShadow/left.jpg"); }
.sR { right: 0px;background-image: url("/hrp/images/newShadow/right.jpg"); }
.sTL, .sTR, .sBL, .sBR { width: 25px; height: 25px; }
.sTL, .sTR { top: 0px; }
.sTL { left: 0px; background-image: url("/hrp/images/newShadow/tl.jpg"); }
.sTR { right: 0px; background-image: url("/hrp/images/newShadow/tr.jpg"); }
.sBL, .sBR { bottom: 0px; }
.sBL { left: 0px; background-image: url("/hrp/images/newShadow/bl.jpg"); }
.sBR { right: 0px; background-image: url("/hrp/images/newShadow/br.jpg"); }

/* you only need this for older browsers.  To reset, remove these divs from the system and edit contentDiv */
.contentDivWrapper { position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; }
/* div to overlay shadows on both sides - put iframes into this div */
.contentDiv { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* css tabs (header) */
/* copied from Maggie - severely cut down, so refer back there for more settings */
/* Hacked around a lot now, since different browsers behave differently */
ul#headerTabs { /* general settings */
text-align: left; /* set to left, right or center */
margin: 0; /* set margins as desired */
border-bottom: 1px solid #1b1284; /* set border COLOR as desired */
list-style-type: none;
display: inline;
padding: 0px 0px 4px 0px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#headerTabs li { /* do not change */
display: inline;
line-height: normal;
}

ul#headerTabs li.selected li { /* settings for selected tab */
border-bottom: 1px solid #E6E6E6; /* set border color to page background color */
background-color: #E6E6E6; /* set background color to match above border color */
}

ul#headerTabs li.selected a { /* settings for selected tab link */
background-color: #E6E6E6; /* set selected tab background color as desired */
color: #1b1284; /* set selected tab link color as desired */
padding-top: 4px; /* must change with respect to padding (X) above and below */
border: 1px solid #1b1284; /* set border COLOR as desired; usually matches border color specified in #headerTabs */
border-bottom: 1px solid #E6E6E6; /* set border color to page background color */
}
ul#headerTabs li a { /* settings for all tab links */
padding: 4px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #6a89ba; /* set border COLOR as desired; usually matches border color specified in #headerTabs */
/* background-color: #1b1284; /* set unselected tab background color as desired */
color: #fff; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
margin-left: 3px;
text-decoration: none;
position: relative;
}

ul#headerTabs a:hover { /* settings for hover effect */
border: 1px solid #1b1284; /* set border COLOR as desired; usually matches border color specified in #headerTabs */
border-bottom: 1px solid #E6E6E6; /* set border color to page background color */
background: #bdceea; /* set desired hover color */
}
/* end css tabs */