/******************************************************************************
 eTool Wrapper CSS
  Last Updated: 08/26/2011 - LB - Added new shipyard eTool styles v. 05.23.2011 LB 
 Last Updated: 05/23/2011 - LB - Added no underline style v. 05.23.2011 LB
 Last Updated: 05/17/2010 - LB - Added blue_fade class - v.02.09.2010 KSDD 
 Last Updated: 03/01/2010 - KSDD - updated menu classes - v.02.09.2010 KSDD       
 Last Updated: 02/09/2010 - KSDD - created stylesheet - v.02.09.2010 KSDD      
/******************************************************************************/

.eToolcontainer {
width: 96%;
margin: 0px 0px 0px 0px;
padding: 0px;
text-align:center;
}  
 /************* Split eTool Banner *********/ 

.border_header_left	{ background-image: url('/SLTC/etools/images/iface_border_top_left.gif');
width: 60px;
height: 21px; }

.border_header_middle	{ background-image: url('/SLTC/etools/images/iface_border_top_middle.gif');
height: 21px; }

.border_header_right	{ background-image: url('/SLTC/etools/images/iface_border_top_right.gif');
width: 20px;
height: 21px; }

.border_footer_left	{ background-image: url('/SLTC/etools/images/iface_border_bottom_left.gif');
width: 16px;
height: 16px; }
	
.border_footer_middle	{ background-image: url('/SLTC/etools/images/iface_border_bottom_middle.gif');
height: 16px; }
	
.border_footer_right	{ background-image: url('/SLTC/etools/images/iface_border_bottom_right.gif');
width: 16px;
height: 16px; }

 /************* eTool Banner *********/ 
.borderHeader {	background-color: #ECEFF8;
width: 740px;
height: 20px;
margin: 0px 0px 0px 0px; }
.top_border	{ background-image: url('http://www.osha.gov/SLTC/etools/images/iface_border_top.gif');
width: 740px;
height: 21px; }
	
.top_borderLeft	{ background-image: url('http://www.osha.gov/SLTC/etools/images/iface_border_header_left.gif') ;
text-align:left;
clear:right;
left:0px;
width:5px;
height: 20px; 	}
	
.top_borderRight	{ background-image: url('http://www.osha.gov/SLTC/etools/images/iface_border_header_right.gif') ;
text-align:right;
clear:left;
right:0px;
width:5px;
height: 20px;  }
  
.borderLeft  { background: url('http://www.osha.gov/SLTC/etools/images/iface_border_left.gif') repeat-y; 
text-align:left;
clear:right;
left:0px;
width:5px;  }

.borderRight { background: url('http://www.osha.gov/SLTC/etools/images/iface_border_right.gif') repeat-y;
text-align:right;
clear:left;
right:0px;
width:5px;  }



.bottom_border	{ background-image: url('http://www.osha.gov/SLTC/etools/images/iface_border_bottom.gif');
width: 740px;
height: 16px; 	}

.bottom_borderLeft	{ background-image: url('http://www.osha.gov/SLTC/etools/images/iface_border_footer_left.gif');
text-align:left;
clear:right;
left:0px;
width:5px;
height: 20px; 	}

.bottom_borderRight	{ background-image: url('http://www.osha.gov/SLTC/etools/images/iface_border_footer_right.gif');
text-align:right;
clear:left;
right:0px;
width:5px;
height: 20px;  }


.borderText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #7185B5;
	text-decoration: none;
	margin: 2px;
	padding: 5px; }
	
.borderTextOn { 
color: #7185b5; 
font-weight: normal; 
font-size: 11px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-decoration: none; 
	margin: 2px;
	padding: 0px;  }


.borderText a { color: #7185b5; text-decoration: none }
.borderText a:hover { text-decoration: underline }
.borderTextOn a { color: #183c80; text-decoration: none }
.borderTextOn a:hover { text-decoration: underline }

/**************Shipyard eTool menu style******************/

.nounderline {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
font-weight: bold;
color: #FFFFFF;
text-decoration: none; 
margin-right:20px;}

/************* Horizontal Menu *********/
.droplinebar{
overflow: hidden;
}

.droplinebar ul{
margin: 0;
padding: 0;
float: left;
width: 100%;
font: bold 11px Verdana;
background: #223488 center center repeat-x; /*default background of menu bar*/
}

.droplinebar ul li{
display: inline;
}

.droplinebar ul li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
}

.droplinebar ul li a:visited{
color: white;
}

.droplinebar ul li a:hover, .droplinebar ul li .current{ /*background of main menu bar links onMouseover*/
color: white;
background: transparent center center repeat-x;
}

/* Sub level menus*/
.droplinebar ul li ul{
position: absolute;
z-index: 100;
left: 0;
top: 0;
background: #5789CE; /*sub menu background color */
visibility: hidden;
}

/* Sub level menu links style */
.droplinebar ul li ul li a{
font: normal 11px Verdana;
padding: 6px;
padding-right: 8px;
margin: 0;
border-bottom: 1px solid navy;
}

.droplinebar ul li ul li a:hover{ /*sub menu links' background color onMouseover */
background: #242c54;
}


/************* Tan One-line Horizontal Menu *********/
.droplinebar_tan{
overflow: hidden;
}

.droplinebar_tan ul{
margin: 0;
padding: 0;
float: left;
width: 100%;
font: bold 11px Verdana;
background: #ECCC9C center center repeat-x; /*default background of menu bar*/
}

.droplinebar_tan ul li{
display: inline;
}

.droplinebar_tan ul li a{
float: left;
color: #000000;
padding: 9px 11px;
text-decoration: none;
}

.droplinebar_tan ul li a:visited{
color: #000000;
}

.droplinebar_tan ul li a:hover, .droplinebar_tan ul li .current{ /*background of main menu bar links onMouseover*/
color: white;
background: #784836 center center repeat-x;
}

/* Sub level menus*/
.droplinebar_tan ul li ul{
position: absolute;
z-index: 100;
left: 0;
top: 0;
background: #5789CE; /*sub menu background color */
visibility: hidden;
}

/* Sub level menu links style */
.droplinebar_tan ul li ul li a{
font: normal 11px Verdana;
padding: 6px;
padding-right: 8px;
margin: 0;
border-bottom: 1px solid #000000;
}

.droplinebar_tan ul li ul li a:hover{ /*sub menu links' background color onMouseover */
background: #242c54;
}


/******** Vertical Menu *********/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.glossymenu{
list-style-type: none;
margin: 0px 0;
padding: 0px;
width: 150px;
}

.glossymenu li a{
list-style-type: none;
background: transparent url(/SLTC/styles/glossyback_blue.gif) 100% 0;
margin: 0px;
color: white;
display: block;
width: auto;
padding: 4px 2px 4px 2px;
text-decoration: none;
}

* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 150px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(/SLTC/styles/glossyback_blue2.gif);
}



/******** Vertical Menu *********/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.glossymenu_nh{
list-style-type: none;
margin: 0px 0;
padding: 0px;
width: 140px;
}

.glossymenu_nh li a{
list-style-type: none;
background: transparent url(/SLTC/styles/glossyback_nh1.gif) 100% 0;
margin: 0px;
color: white;
display: block;
width: auto;
padding: 4px 2px 4px 2px;
text-decoration: none;
}


* html .glossymenu_nh li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 140px;
}

.glossymenu_nh li a:visited, .glossymenu_nh li a:active{
color: white;
}

.glossymenu_nh li a:hover{
background-image: url(/SLTC/styles/glossyback_nh2.gif);
}


/********** Backgound Color for eTool Table Headers **************/

.blue_fade	{ background-color:#213188
			}
			
th		   { font-size: 80%; 
		   font-family: Verdana, Arial, Helvetica, Sans-Serif;
		   color : #FFFFFF;
		   font-weight: bold; } 
.border_purplebox {
	margin: 0 0 5px 0;
	font-family: Tahoma, Verdana, Geneva, Arial, sans-serif;
	font-size: 12px;
	border: 3px solid #666699;
	  padding: 10px;
} 

.mhs-photocaption{
  font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:78%;
  color:#003399;

}

.mhs-photocaptionbold{
  font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:78%;
  color:#003399;
  font-weight:bold;

}