/* Stylesheet used by the public site and the extranet.  There are also styles, listed at the end of this document, that are used for Dynamic HTML.  They are programmatic hooks for the Javascript rollover menus*/
@media screen {
/* CoolMenus 4 - default styles - do not edit */
.clCMEvent{position:absolute; width:99%; height:99%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:visible}
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */
.clT,.clTover,.clS,.clSover,.clR,.clRover {position:absolute; cursor:pointer;}
.clT,.clTover{padding:7px 4px 4px 4px;  font : normal bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF;}
.clT{background-color:#002F74; layer-background-color:#002F74;}   
.clTover{layer-background-color:#6493D8; background-color:#6493D8;}
.clS,.clSover{padding:2px; font : bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#FFFFFF; }
.clS {background-color:#002F74; layer-background-color:#002F74;}
.clSover {layer-background-color:#6493D8; background-color:#6493D8;}
.clS2,.clS2over{padding:2px; font : bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#FFFFFF; }
.clS2 {background-color:#002F74; layer-background-color:#002F74;}
.clS2over {layer-background-color:#6493D8; background-color:#6493D8;}
.clB{background-color:#FFFFFF; layer-background-color:#FFFFFF;position:absolute; visibility:hidden; z-index:500;}
.clBar{position:absolute; visibility:hidden}
}

body {margin: 0; background : #666666; color : #000000;}

strong {font-weight:bold;}
legend {font-weight:bold;}
abbr {border-bottom : 1px dotted #CC6633; cursor : help; }
th {font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif; text-align:left; font-weight: bold;}

ul {padding: .5em;}
h2 {font-size: 1.2em;}
h3 {font-size: 1.1em; text-decoration:underline;}



div#employeenav ul {
	margin-left : 15px;
	padding: 0px;
}

div#employeenav ul li {
	margin-left : 2px;
}

div#employeenav A.buttonlink {
	background-color : #A9A9A9;
	border-bottom : 1px outset Black;
	border-left : 1px solid White;
	border-right : 1px outset Black;
	border-top : 1px ridge White;
	font : bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding : 2px 3px 2px 3px;
	color : Black;
	text-decoration : none;
	width:100%;
}

div#employeenav A.buttonlink:hover {
	text-decoration:none;
	background-color : Navy;
	border-bottom : 1px solid Black;
	border-left : 1px inset White;
	border-right : 1px solid Black;
	border-top : 1px inset White;
	font : bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding : 2px 3px 2px 3px;
	color : White;
}

#breadcrumbs, #breadcrumbs A,  #breadcrumbs A:visited {font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none; color: #002F74; margin-top: 0px; margin-bottom: -15px;}	
	#breadcrumbs A:hover {color: #6493D8;}
	
#footer, #footer A,  #footer A:visited {font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none; color: #002F74; text-align:center;}	
	#footer A:hover {color: #6493D8;}

/* left column in main table  - used in extranet and public */	
#left {background:#F0F1F1; width: 192px; height: 120%; margin-bottom: 30px; margin-right:0; float:left; }
/* added below for seaport-e pages by Shelly Kent April 3 2006 */
#right {background:#F0F1F1; width: 192px; margin-bottom: 30px; margin-right:0; float:right; }
.leftside {border-right: 1px solid #666666;}
.rightside {border-left: 1px solid #666666;}


/* ? */
#content {background: #FFFFFF;  padding: 3px 10px 10px 10px; }	
	#content p,li,td {font : 11px Verdana, Geneva, Arial, Helvetica, sans-serif; text-align:left;}
	#content h4 {font-family : Arial, Helvetica, sans-serif;font-size:1.6em;font-weight:bold; color:#333333; font-style:italic;}
	#content table {width: 75%;}
	#content .employeenav {width: 150px; text-align: left;}
	#content .employeenav A, #content .employeenav A:visited {text-decoration:none; border-bottom: 1px dotted #E6E6E6; color: #002F74;}
	#content .employeenav A:hover {text-decoration:none; border-bottom: 1px solid #E6E6E6; color: #6493D8;}	
	#content input {margin-top: 6px; margin-bottom : 6px;}
	#content h1 {font-size: 1.5em;}
	#content h2 {font-size: 1.3em;}

/* added below for the login section to accommodate content in a two column table */
#tablecontent {background: #FFFFFF; padding: 3px 10px 10px 10px;}	
	#tablecontent p,li,td {font : 11px Verdana, Geneva, Arial, Helvetica, sans-serif; text-align:left;}
	#tablecontent h4 {font-family : Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;}
/*	#tablecontent table {width: 75%;}
	#tablecontent .employeenav {width: 130px; text-align: left;} */
	#tablecontent .employeenav A, #content .employeenav A:visited {text-decoration:none; border-bottom: 1px dotted #E6E6E6; color: #002F74;}
	#tablecontent .employeenav A:hover {text-decoration:none; border-bottom: 1px solid #E6E6E6; color: #6493D8;}	
	#tablecontent .whatsnew caption {font-family : Arial, Helvetica, sans-serif; font-size: .9em; font-weight: bold; text-align:left; text-decoration: underline; padding:15px 0 5px 0; }
	#tablecontent .whatsnew th {background-color: #CCCCCC; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; text-align:left; font-weight: bold;}
		#tablecontent .whatsnew th span.smallhead {font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; text-align:left; font-weight: normal;}
	#tablecontent .whatsnew td {background-color: #F2F2F2; padding-bottom: 10px; padding-left: 3px;}
/* added above for the login section to accommodate content in a two column table */


#copyright {font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #CCCCCC; text-align: center; margin-top: 20px; margin-bottom: 10px; padding-bottom:10px;}	
	#copyright A, #copyright A:visited {text-decoration:none; border-bottom : 1px dotted #FFFFFF; color: #E6E6E6;}	#copyright A:hover {text-decoration:none; border-bottom : 1px solid #FFFFFF; color: #99CCFF;}


/* The stretchcell will not show up in browser when using this file - /scripts/osi.css (outside of site root) */
.stretchcell {background: url(../images/logo_bg.gif);}
/* added for seaport e */
.stretchcell-se {background: url(../images/logo_bg.gif); background-color:white;}
/* above style class added for seaport-e pages */

/* Added below for Seaport Enhanced web pages for better text and layout formatting*/
table.seaport-qa {margin-left:10%; margin-right: 0; border-right: 1px solid #cccccc;}
	/*table.seaport-qa tr td {width:33%;}*/
	table.seaport-qa tr.headerrow {background-color:#006699; color:#FFFFFF;padding: 2px; vertical-align:bottom;}
	table.seaport-qa tr.headerrow td {font-weight:bold; font-size:1em; text-align:center; border-left: 1px solid #003366; border-top: 1px solid #003366; border-bottom: 1px solid #003366;} 
	table.seaport-qa tr.r1 td {padding: 4px; background-color:#FFFFFF; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;}
	table.seaport-qa tr.r2 td {padding: 4px; background-color:#CCCCCC; border-left: 1px solid #999999;}
/* Added above for Seaport Enhanced web pages for better text and layout formatting*/
	table.seaport-qa ul li {margin-left: 10%;}
        ul.seaport {margin-left: 10%;}


	

.blackbg {background-color: #000000;}
.mylist {margin-right: 15%;	margin-left: 40px;}
.mylistline {margin-right: 15%; height: 3px;}


#menu {text-align:center; font-weight:bold; font-size: 1.2em; color:#0066FF; padding-top: 2em;}
#menu a{color:#0066FF; font-weight:bold; text-decoration: none;}
#menu a:hover {color:#660000;font-weight:bold; text-decoration: none;}
/* added above for seaport-e pages */

/* report table */
.report {
	border-bottom: 1px solid #000000;
	width: 40px;
}
.evenrow {
	background-color:#EFEFEF;
	border:#CCCCCC;
}
/* training certificates */
#certificate {border: 3px double #000000; margin-left: 80px; margin-right: 80px; padding: 15px; text-align:justify;}
/* training certificates */

/* EXTRANET DOCUMENT LIST STYLES - ADDED BY SHELLY KENT 12/20/06 */

#tablecontent .doclist {background-color: #F2F2F2;  border: 1px solid #FFFFFF;}
#tablecontent .doclistheader {background-color: #CCCCCC; font-weight:bold; font-size: 1.2em; text-align: center; }
#tablecontent .doclist th {background-color: #CCCCCC; font-weight:bold; width: 760px; margin-top: 20px; }
.td1{width: 450px;}
.td2{ width: 100px;}
.td3 { width: 200px;}


@media print {
.clCMEvent, .clCMAbs, .clT, .clTover, .clS, .clSover, .clR, .clRover, .clT, .clS, .clSover, .clS2, .clS2over, .clB, .clBar {display:none;}
.NotPrint {display:none;}
#tablecontent {position:absolute; left: 0px; top: 0px; width: 7in;}
}