/* Machine Guarding eTool PAGES STYLE SHEET     	    				*/
/* AUTHOR: Christie Stewart                            					*/
/*         USDOL OSHA Salt Lake Technical Center    					*/
/* LAST REVISED: 03/25/2011	by KSDD             	 			     	*/
/* LAST REVISED: 01/13/2003	by RC               	 			        */
/************************************************************************/
	
.title	{  font-size: 100%;
		   font-family: Verdana, Arial, Helvetica, Sans-Serif;
		   color: #FFFFFF;
		   text-decoration: none;
		   font-weight: bold; } 
		   
.title2	{  font-size: 100%;
		   font-family: Verdana, Arial, Helvetica, Sans-Serif;
		   color: #FF9600;
		   text-decoration: none;
		   font-weight: bold; } 		   
	   
.high 	{ font-size: 80%;
		   font-family: Verdana, Arial, Helvetica, Sans-Serif;
		   color : #FF9600;
		   text-decoration: none;
		   font-weight: bold; }
		   
.highover 	{ font-size: 80%;
		   font-family: Verdana, Arial, Helvetica, Sans-Serif;
		   color : #003399;
		   text-decoration: none;
		   font-weight: bold; }	
		   
.nav1 	{  font-size: 70%;
		   font-family: Verdana, Arial, Helvetica, Sans-Serif;
		   color : #FF9600;
		   text-decoration: none;
		   font-weight: bold; } 
		   
.nav3 	{  font-size: 70%;
		   font-family: Verdana, Arial, Helvetica, Sans-Serif;
		   color : #324268;
		   text-decoration: none;
		   font-weight: bold; } 

.nav1unavail 	{  font-size: 70%;
		   font-family: Verdana, Arial, Helvetica, Sans-Serif;
		   color : #324268;
		   text-decoration: none;
		   font-weight: bold; } 
		   
.nav1over 	{  font-size: 70%;
		   font-family: Verdana, Arial, Helvetica, Sans-Serif;
		   color : #FFFFFF;
		   text-decoration: none;
		   font-weight: bold; } 
		   
.navside{  font-size: 70%;
		   font-family: Verdana, Arial, Helvetica, Sans-Serif;
		   color : #FF9600;
		   text-decoration: none; }  
		   
.navsideover{  font-size: 70%;
		   font-family: Verdana, Arial, Helvetica, Sans-Serif;
		   color : #FFFFFF;
		   text-decoration: none; } 
 		   
.nav2 		{ 	font-size: 65%;
		   		font-family: Verdana, Arial, Helvetica, Sans-Serif;
		   		color : #FFFFFF; 
		   		text-decoration: none; }
		   		
.white2 	{ font-size: 70%;
		   font-family: Verdana, Arial, Helvetica, Sans-Serif;
		   color : #FFFFFF;
		   text-decoration: none; }
		   
.unavail	{  font-size: 70%;
		   font-family: Verdana, Arial, Helvetica, Sans-Serif;
		   color : #666666;
		   text-decoration: none;
		   } 
		   
.leftnav_bg {  background-color:#324268; }  
		   
.black_bg {  background-color:#000; }  
		   		   
.topnav_bg   { background-color: #000 }  

.gray_bg { background-color:#666666 }

.blue_bg { background-color:#324268 }

.white_bg { background-color:#FFFFFF }

.drkblue_bg { background-color:#232E4A }

.ltblue_bg { background-color:#C0C0C0 }

.ltgray_bg { background-color:#999999 }		   


/* ######### Main Menu Bar CSS ######### */

.mg_menu ul{
margin: 0;
padding: 0;
list-style-type: none;
background: #232E4A;
overflow: hidden;
width: 100%;
}

.mg_menu li{
display: inline;
margin: 0;
}

.mg_menu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 4px 23px 4px 21px; /*padding inside each tab*/
color: white;
font-weight:bold;
background: #232E4A;
}

.mg_menu li a:visited{
color: white;
}

.mg_menu li a:hover{
background: black; /*background of tabs for hover state */
color: white;
}

.mg_menu a.selected{
background: #232E4A; /*background of tab with "selected" class assigned to its LI */
}

/* ######### Drop Down ULs CSS ######### */


.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid black;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}

.ddsubmenustyle li a{
display: block;
width: 180px; /*width of menu (not including side paddings)*/
font-size:80%;
color:#000000;
background-color: #F3F3F3;
text-decoration: none;
text-align:left;
padding: 4px 5px;
border-bottom: 1px solid black;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 180px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
background-color: black;
color: white;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

/* ######### Marker List Vertical Menu ######### */

.markermenu{
width: 175px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/

}

.markermenu ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
border: 1px solid #9A9A9A;
}

.markermenu ul li a{
background: #F2F2F2 url(http://www.osha.gov/SLTC/etools/styles/images/bulletlist.gif) no-repeat 3px center; /*light gray background*/
color: #00014e;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
}

* html .markermenu ul li a{ /*IE6 hack*/
width: 155px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #00014e;
}

.markermenu ul li a:hover, .markermenu ul li a.selected{
color: white;
background-color: black;
}

/* ######### Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) ######### */

.blackwhite li a{
background: white;
}

.blackwhite li a:hover{
background: black;
color: white;
}