/* CSS Document */


/*Controls the information table header in the ADA category */

.categoryTable {
border: 1px solid #2157b1;
}

.categoryTable td{
padding: 10px 20px;
}

.categoryHeader {
width: 100%;
background-color: #2157b1;
font-size: 16px;
color: #ffffff;
padding: 0px;
}

.categorysubHeader {
font-size: 14px;
}

body, div, p, th, td, li, dd    {
    /* redundant selectors to help NS4 remember */
    font-family:  Arial,
Helvetica, sans-serif;
    font-size: 12px;
	line-height: 20px;
	color: #393d44;
    }

/* controls the styles for the Homepage */

td.home_header {
font-size: 14px;
color: #ffffff;
font-weight: bold;
display: block;
padding: 10px 0px;
background-color: #2157b1;
}

table.home_table {
float: left;
margin-bottom:20px;
display:inline;
background: #f2f2f4;
}

.home_table ul{
list-style: none;
padding:10px 20px 0px 15px;	
}

.home_table li{
padding:6px 0 7px 0;
line-height:12px;
font-size:11px;
border-bottom:1px dashed #808080;
}


/*controls the styles for the state shortcut tables */

table.state_shortcut {
background-color: #eff2f9;
border: 1px solid #ced0d7;
border-collapse: collapse;
}

td.state_shortcut {
background-color: #f2f2f4;
border: 1px solid #ced0d7;
}

	
/* controls the styles for the Online Harassment Landing Page - online_harassment_training.php */
	
#wrapper {
overflow: hidden;
width: 970px;
margin: 0 auto;
text-align: left;
}

#leftCol {
margin-top: 35px;
padding: 10px;
float: left;
width: 595px;
background-color: #f9fafd;
border: 1px solid #d7deee;
}

	#leftCol h1{
	font-family: arial, sans-serif;
	font-size: 20px;
	padding: 0px 0px 0px 0px;
	}
	
#howitworks {
	background: url(http://www.osha4less.com/images/osha4less/online_harassment/online_harassment_bg.gif) repeat-x top left #ebeff9;
	padding: 0px 25px;
	padding-bottom: 25px;
	border: 1px solid #d7deee;
	}
	
	#howitworks h2{
	padding: 0px;
	font-weight: normal;
	font-size: 20px;
	color: #ffffff;
	text-decoration: none;
	padding-bottom: 25px;
	}
	
	#howitworks ul {
	list-style: none;
	margin-left: none;
	padding: 0px;
	}
	
	#howitworks li {
	padding: 0px;
	line-height: 22px;
	font-size: 13px;
	}

#rightCol {
/*border: 1px solid #6c728b;
background-color: #f1f6fc;*/
margin-top: 35px;
padding: 0px;
float: right;
width: 225px;
}

#rightCol ul {
list-style: none;
margin-left: 0px;
padding:0px 0px 0px 0px;	
}

#rightCol li {
font-style: italic;
padding:6px 0 7px 0;
line-height:16px;
color: #6e6e6e;
}

.list  ul{
list-style: none;
padding: 10px 20px 0px 15px;	
}

.list  li{
text-align: left;
padding: 6px 0 7px 0;
line-height: 12px;
border-bottom: 1px dashed #808080;

}
	
#OHheader {
width: 970px;
text-align: center;
overflow: hidden;
margin: 0 auto;
margin: auto;
 }
	
table.OHtable {
	border-collapse: collapse;
	background-color: white;
	border: 1px solid #d7deee;
	text-align: left;
	}
	
table.OHtable  td{
	padding: 5px;
	border: 1px solid #d7deee;
	background-color: white;
	text-align: left;
	}
	
table.OHtable td.header {
	background: url(http://www.osha4less.com/images/osha4less/online_harassment/online_harassment_bg.gif) repeat-x top left #ebeff9;
	padding: 5px;
	color: #ffffff;
	font-weight: bold;
	}
	
table.OHtable td.header  a{
	color: #ffffff;
	}
	
table.OHtable td.row2 {
	background-color: f1eeee;
	}

h1 {
	font-family: arial, sans-serif;
	font-size: 20px;
	}

#videos {
background: url(http://www.osha4less.com/images/osha4less/online_harassment/online_harassment_bg.gif) repeat-x top left #e1e3e8;
border: 1 px solid #d7deee;
padding: 1px 25px;
padding-bottom: 25px;
}
	#videos h2{
	font-weight: normal;
	font-size: 20px;
	color: #ffffff;
	text-decoration: none;
	padding-bottom: 25px;;
	}

#videos2 {
padding: 0px 25px;
background-color: #eff2f9;
border: 1px solid #ced0d7;
}

#OH_offer  a{
font-weight: bold;
font-family: arial, sans-serif;
font-size: 14px;
color: #2c8355;
}

/* online sexual harassment stylesheets end here */
	
.submit {
width: 150px;
height: 25px;
background-color: #2157b1;
color: #ffffff;
font-weight: bold;
border: 0px;
cursor: hand;
}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 375px;
border: 1px solid black;
padding: 5px;
font-family: arial, sans-serif;
font-size: 12px;
line-height: 18px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

h2 {
font-family: arial, sans-serif;
font-weight: bold;
font-size: 16px;
color: #285093;
text-decoration: none;
}

h3 {
font-family: arial, sans-serif;
font-weight: bold;
font-size: 14px;
color: #393d44;
text-decoration: none;
border-bottom: 1px solid #bbbbbb;
}

h2.products_spec_title{
font-family: arial, sans-serif;
font-weight: bold;
font-size: 16px;
color: #285093;
text-decoration: none;
}

h2.postingstitle{
font-family: arial, sans-serif;
font-weight: bold;
font-size: 16px;
color: #285093;
text-decoration: none;
}

.background {background-image: url(https://www.osha4less.com/images/osha4less/h001.jpg); background-repeat: none;}
span.heading1 {font-family: arial; font-size: 30px; color: #c01612; font-weight: bold; text-decoration: none;}
span.title1 {font-family: arial; font-size: 23px; color: #c01612; font-weight: bold; text-decoration: none;}
span.title2 {font-family: arial; font-size: 15px; color: #c01612; font-weight: bold; text-decoration: none;}
span.title3 {font-family: arial; font-size: 12px; color: #bb0501; font-weight: bold; text-decoration: normal;}
span.title4 {font-weight: bold; font-size: 16px; color: #2157b1; font-family: arial; text-decoration: none;}
span.title5 {font-family: arial; font-size: 18px; color: #bb0501; font-weight: bold; text-decoration: normal;}
span.title6 {font-family: arial black; font-size: 12px; color: #ffffff; font-weight: normal; text-decoration: normal;}
span.title7 {font-family: arial; font-size: 20px; color: #ffffff; font-weight: normal; text-decoration: normal;}

span.postingsTitle {
font-family: arial, sans-serif;
font-weight: bold;
font-size: 16px;
color: #285093;
text-decoration: none;
padding: 3px 0px 3px 0px;
width: 100%;
display: block;
}

span.highlight {
color: #bb0501;
font-weight: bold;
}


span.freeshipping {font-family: arial black; font-size: 12px; font-weight: normal; color: #000000;}

span.description {font-family: arial; font-size: 14px; color: #003794; font-weight: normal; text-decoration: normal;}

span.standard {font-family: arial; font-size: 11px; color: #000000; font-weight: normal; text-decoration: none;}
span.standard2 {font-family: arial; font-size: 12px; color: #333331; font-weight: normal; line-height: 16px; text-decoration: none;}
span.standard3 {font-family: arial; font-size: 13px; color: #000000; font-weight: bold; text-decoration: none;}
span.standard4 {font-family: arial; font-size: 12px; color: #004fa3; font-weight: bold; text-decoration: none;}
span.standard5 {font-family: arial; font-size: 14px; color: #000000; font-weight: normal; text-decoration: none;}
.titletable {padding-top: 10px;}
span.subHeadings {font-family: arial; font-size: 11px; font-weight: bold; text-decoration: none; color: #ffffff;}

span.iippHeader {font-family: arial; font-size: 14px; font-weight: bold;}

.iippSamples td{
border-width: 1px;
border-style; solid;
font-family: arial;
font-size: 12px;
}

ul {
list-style-type: square;
}

/* controls the layout of the table within updates.php */

table.updatesTable {
	border-width: 1px;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
}

table.updatesTable td {
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: gray;
	vertical-align: middle;
}

/* Controls the bullet points within product descriptions */

.infoLists {font-family: arial; font-size: 12px; color: #333331; font-weight: normal; text-decoration: none;}

.contentsGlanceHeading {
color: #ffffff;
font-size: 12px;
}

table.contentsGlance {
	border-width: 1px;
	border-spacing: ;
	border-style: outset;
	border-color: #E9EAF8;
	border-collapse: separate;
	background-color: white;
	font-family: arial;
	color: #333331;
	font-size: 11px;
	padding: 5px;
	
}
table.contentsGlance th {
	border-width: 1px;
	padding: 2px;
	border-style: none;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}
table.contentsGlance td {
	padding-left: 3px;
	background-color: #E9EAF8;
	-moz-border-radius: ;
}

table.contentsGlance a{
	font-size: 12px;
}

table.contentsGlance a:hover{
	font-size: 12px;
}

table.contentsGlance a:active{
	font-size: 12px;
}

table.contentsGlance a:selected{
	font-size: 12px;
}

table.sample {border-width: 1px; border-spacing: ; border-style: solid; border-color: gray; border-collapse: collapse;}
table.sample th {border-width: 1px; padding: 0px; border-style: solid; border-color: gray; -moz-border-radius: ;}
table.sample td {border-width: 1px; padding: 0px; border-style: solid; border-color: gray; -moz-border-radius: ;
}

table.noborder {border-width: 0px; border-spacing: ; border-style: solid; border-color: gray; border-collapse: collapse;}
table.noborder th {border-width: 0px; padding-left: 5px; padding-right: 5px; border-style: solid; border-color: gray; -moz-border-radius: ;}
table.noborder td {border-width: 0px; padding-left: 5px; padding-right: 5px; border-style: solid; border-color: gray; -moz-border-radius: ;}

.subHeadings:Link {font-family: arial; font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none;}
.subHeadings:Visited {font-family: arial; font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none;}
.subHeadings:Active {font-family: arial; font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none;}
.subHeadings:Hover {font-family: arial; font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: underline;}

.mainBox {
padding: 25 40 0 40;
}

table.info {
	padding-left: 25px;
	border-width: 0px;
	border-spacing: ;
	border-style: solid;
	border-color: white;
	border-collapse: separate;
	background-color: white;
}
table.info th {
	padding-left: 25px;
	border-width: 0px;
	padding: 5px;
	border-style: solid;
	border-color: white;
	background-color: #E9EAF8;
	-moz-border-radius: ;
}
table.info td {
	padding-left: 25px;
	border-width: 0px;
	padding: 5px;
	border-style: solid;
	border-color: white;
	background-color: #E9EAF8;
	-moz-border-radius: ;
}

table.info2 {
	padding-left: 25px;
	border-width: 0px;
	border-spacing: ;
	border-style: solid;
	border-color: white;
	border-collapse: separate;
	background-color: #cbdeff;
}
table.info2 th {
	border-width: 0px;
	padding-left: 25px;
	padding: 5px;
	border-style: solid;
	border-color: white;
	background-color: #cbdeff;
	-moz-border-radius: ;
}
table.info2 td {
	border-width: 0px;
	padding-left: 25px;
	padding: 5px;
	border-style: solid;
	border-color: white;
	background-color: #cbdeff;
	-moz-border-radius: ;
}

table.box4 {
	border-width: 1px;
	border-spacing: ;
	border-style: outset;
	border-color: #444343;
	border-collapse: collapse;
	background-color: #fffafa;
}
table.box4 th {
	border-width: 1px;
	padding: 2px;
	border-style: inset;
	border-color: #444343;
	background-color: #fffafa;
	-moz-border-radius: ;
}
table.box4 td {
	border-width: 1px;
	padding: 2px;
	border-style: inset;
	border-color: #444343;
	
}

td.box1 {border-width: 0px; padding: 10px;}


table.info3 {
	border-width: 0px;
	border-spacing: ;
	border-style: solid;
	border-color: white;
	border-collapse: separate;
	background-color: #feed00;
}
table.info3 th {
	border-width: 0px;
	padding: 5px;
	border-style: solid;
	border-color: white;
	background-color: #feed00;
	-moz-border-radius: ;
}
table.info3 td {
	border-width: 0px;
	padding: 5px;
	border-style: solid;
	border-color: white;
	background-color: #feed00;
	-moz-border-radius: ;
}

table.fed1 {
	border-width: 1px;
	border-spacing: ;
	border-style: solid;
	border-color: #6d6d6d;
	border-collapse: separate;
	
}
table.fed1 th {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #6d6d6d;
	
	-moz-border-radius: ;
}
table.fed1 td {
	border-width: 0px;
	padding: 5px;
	border-style: solid;
	border-color: #6d6d6d;
	
}

table.fed2 td {
	border-width: 0px;
	padding: 5px;
	border-style: solid;
	border-color: #6d6d6d;
	
}

table.boxA {
	border-width:0px;
	border-spacing: ;
	border-style: solid;
	border-color: #6d6d6d;
	border-collapse: separate;
	
}
table.boxA th {
	border-width: 0px;
	padding: 5px;
	border-style: solid;
	border-color: #6d6d6d;
	
	-moz-border-radius: ;
}
table.boxA td {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #6d6d6d;
	
}


/* controls the main heading on the homepage */

.homeHeading {
font-family: arial;
font-size: 16px;
color: #ffffff;
font-weight: bold;
}

/* controls the rounded corners in the information boxes e.g. E-verify information on product 155362 */

.roundcont {
	width: 100%;
	background-color: #ddeaf3;
	color: #000000;
	
}

.roundcont p {
	margin: 0px 10px 10px 10px;
}

.roundtop { 
	background: url(https://www.osha4less.com/images/osha4less/look/tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(https://www.osha4less.com/images/osha4less/look/br.gif) no-repeat bottom right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}