/*
IF YOU DON'T UNDERSTAND .CSS, PLEASE DON'T MODIFY THE CODE
CSS INFORMATION CAN BE FOUND ON THE W3SCHOOL SITE:
http://www.w3schools.com/css
*/

/*Set's border, padding and margin to 0 for all values.
The CSS padding properties define the space between the element border and the element content. Negative values are not allowed.
The CSS margin properties define the space around elements.
The CSS border properties define the borders around an element.*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	/*padding: 0px;*/
	border: 0;
	outline: 0px;
	font-size: 100%;
	/*background: transparent;*/
	font-family: "Arial", Helvetica, sans-serif;	 /*** Sets the font family and font type(serif) in the body ***/
}

body {
position:relative;
padding-top: 2%;		 	/*** The space is 2% from the top border of the body to the content within it***/
font-size: .83em;			/*** Font size is declared to set THE size of the text in the body of the page; ems is used because that's the standard and it's easier to page zoom***/
line-height: 160%;
text-align:center;
color: #333333;						/*** Text color of the body and html document is the hex value of the color dark gray ***/
background-color: #fff;	 /*** Background color of the body and html document is the hex value of the color white ***/
}

ul{
list-style-type: disc;
color: #333333;	
}

a {text-decoration: none; color:#0066ff;}

a:hover{text-decoration: underline;}

b {color:#000000;}

.small{font-variant: small-caps;}

/*** Headings 1 to 5 is bold and has 0% space between the left margin of <h1>-<h5> and its content***/
h1, h2, h3, h4, h5, h6 {	padding-left:0%; font-weight: bold;}


/*** Heading 1 is set to dark red with a font size of 1.10em; this is used whenever h1 is in the page***/
.h1red{	font-size: 1.4em; color: #990000; padding-bottom:10px;}

/*** Heading 2 is set to dark red with a font size of 1.4em; this is used whenever h2 is in the page***/
.h2red {font-size: 1.1em; color: #990000;}


p {font-size:12px; line-height:160%; margin-top:10px;}


/*
	UTILITY STYLES
*/				  				  
					  				  
.floatLeft {clear: both; /* width:95%; */display: block;} /*create a left column only with another are of code defined with floatRight class*/

.floatRight {clear: both; display: block; float:left;} /**/

.clear {clear: both;} /*when the content is named with this class, nothing will be to the right and left of this content; useful in header, navigation and footer*/

/*
	PAGE STRUCTURE
*/

#mainContainer { 
width: 95%; /*** This sets the width of the site; can be found in all pages ***/
margin: 0 auto; /*** Centers the design ***/
min-height: 27.27em;/*** This sets the minimum height of the page ***/
text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
/**overflow:hidden;**/
}


#coll{width:100%; clear: both;} /*left column to have 48% width*/

#colr{width:100%; clear: both;} /*right column to have 48% width*/

#collt{width:100%; clear: both;} /*left column to have 48% width*/

#colrt{width:100%; clear: both;} /*right column to have 48% width*/

#footer{
display: none;

padding-top:2em;
text-align:center;
margin:0 auto;
clear:both;
font-size:.9em;
width:100%;
}

#footer a{color: #4E8BC3;}

#copyright{padding-top:1em; font-size:1em;} /*copyright notice at footer*/

/**************************
MAIN NAVIGATION TABLE; Can be found in the headers files
**************************/
#main_navigation {
display: block;
	height: 40px;
	position: absolute;
	top: 17px;
	left: 80%;
	width: 150px;}

#main_navigation .button {
	font-weight: bold;
	position: absolute;
}
#main_navigation .button span {
    display: inline-block;
	padding: 0;
	width: 10px;
	height: 18px;
}

#main_navigation_links {
	display: none;
	position: absolute;
	top: 40px;
	right: 90px;
	width: 180px;
	z-index: 10;
	font-size: 1em;
	background: #efefef;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 5px 0;
	cursor: pointer;
	text-shadow: 0 1px 0 #fff;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
}
#main_navigation_links li {
	margin: 0;
	padding: 0 0 0 0px;
	list-style: none;
}
#main_navigation_links a {
	color: #333;
	text-transform: uppercase;
	display: block;
	border-bottom: 1px solid #d7d7d7;
	border-top: 1px solid #fff;
	padding: 4px 10px;
}
#main_navigation_links li:first-child a {
	border-top: none;
}
#main_navigation_links li:last-child a {
	border-bottom: none;
}

.calc{clear:both; width:100%; list-style-type:none;}
.calcw{clear:both; width: 100%;}

.ref_nav {
display: block;
}

.ref_nav .button {
	font-weight: bold;
}

.rev_nav_links {
	display: none;
	
}
.rev_nav_links li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.rev_nav_links a {
	color: #333;
	display: block;
	border-bottom: 1px solid #d7d7d7;
	border-top: 1px solid #fff;
	text-indent: none;
	
}
.rev_nav_links li:first-child a {
	border-top: none;
}
.rev_nav_links li:last-child a {
	border-bottom: none;
}

.button {
	font-size: 0.9em;
	display: inline-block;
	background: #efefef;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 7px 10px;
	color: #222;
	cursor: pointer;
	text-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
}

table.nvgtb{
display: none;
width:100%;
border-top: .1em solid #999999;
border-bottom: .1em solid #999999;
}

.nvgtb select {
  display: inline-block;
}

/* .nvgtb a:first-child{display:none;} */

.nvgtb a:hover {text-decoration:underline; color: #990000;}



/**************************
END MAIN NAVIGATION TABLE; Can be found in the headers files
**************************/

#header{
width: 95%; /*** This sets the width of the site; can be found in all pages ***/
margin: 0 auto; /*** Centers the design ***/
text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}

#logo img{width:60%; margin: 0em auto; text-align:center;}

#log{width:95%; display: none;}
#logpublic{width:80%; text-align: left;clear: both;} /*Login area for the public side; if not a member*/

.ip{display: none;}

form.myform legend{
clear: both;
font-size: 1em;
font-weight: normal;
color: #990000;
/* text-align: center; */
margin-bottom:.55em;
}

.ref{clear:both; width:100%;}

form.myform legend span a{color:blue; text-decoration:none;}

form.myform legend span a:hover{text-decoration:underline;}

form.myform .logingr {
    border: solid 1px #85b1de;
    background: url('http://www.workcompresearch.com/images/formbg.gif') repeat-x;
    background-position: top;
/*     height: 2em; */
    width: 80%;
    text-align: left;
}


form.myformfgt legend{
font-size: 1em;
font-weight: normal;
color: #990000;
text-align:left;
}

form.myform label {
text-align:left;
display: block;
font-size: 1.3em;
margin: 1em 0em;
}

form.myform input{
font-size: 1em;
clear: both;
}

			
#page-wrap, #tagline , #page-wrapnotmember, .active-thumb, #slideshow .wcrmain, #slideshow1 img, .panel, .slider-wrap,.stripViewer .panelContainer, .panel ul, .stripViewer, .stripViewer .panelContainer, .stripViewer .panelContainer .panel, .stripNavL, .stripNavR, .stripNav, .nav-thumb, .nav-thumbpublic, #movers-row, #movers-row div, #movers-row div a.cross-link, .photo-meta-data, .cross-link, drawers-wrapper, .drawer, .drawers, .drawer li, UL.drawers, .drawer-handle , .drawer-handle.open , .drawer UL , .drawer-content UL , .drawer-content LI A , .alldownloads li, .alldownloads li img, .alldownloads li 
{display: none;}

.white.tgwidth{ clear:both; width:100%;}
.white.tgwidthr img{ clear:both; }
.wcrmain {font-size:1.5em; font-weight:bold; padding-bottom:5px; color:#000000;}
.white {color:#FFFFFF;}



table#sitemap td{width:100%;padding-right:20%;}

/**For tables that need borders**/
table.border{
border-width:1px;
border-color:black;
border-style:solid;
border-spacing:0px;
border-collapse:collapse;
}

table.border tr{
border-width:1px;
border-color:black;
border-style:solid;
border-spacing:0px;
border-collapse:collapse;
}

table.border td{
border-width:1px;
border-color:black;
border-style:solid;
border-spacing:0px;
border-collapse:collapse;
}


/**Table for compliance-state-drop-down.htm**/

table.comply{border: 1px inset #666666;padding:10px;width:100%;text-align:center;}

/** List for tutorial1.php **/
#custom-gentut1 ul
{
  	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	padding-bottom:1em;
}

#custom-gentut1 ul li:before 
{	content: "\00BB \0020"; }

/*create an outline around an object */
.box{
border: 1px solid #990000;
padding-top:.5em;
padding-bottom:.5em;
text-align:center;
margin-bottom:2em;
}

/*create a width for a return to previous button*/
.returncalculator{width:100%;}

hr{border: 0;
height: 1px;
color: #999999;
background-color: #999999;
margin-top:15px; margin-bottom:15px;}

ul.none{list-style-type:none;}

.backlinks{font-size:.98em; height:2.3em; margin-top:5px; margin-bottom:5px;}

.backlinks a {height:2.3em; color:#777777;}

.backlinks a:hover{color:#444444;}

/*list format found in terms of service page*/
ul#tos{list-style:decimal;}

ul#tos li{padding-top:10px; padding-bottom:10px;}


/*CSS for link that shows hint onmouseover*/
.hintanchor{ 
font-weight: bold; color: navy; margin: 3px 8px; }

/*CSS for Simple Tree Menu*/
.treeview ul{ margin: 0;padding: 0;}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background: #fff url('http://www.workcompresearch.com/images/list.gif') no-repeat left center;
list-style-type: none; padding-left: 20px; margin-bottom: 3px;
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background: #fff url('http://www.workcompresearch.com/images/closed.gif') no-repeat left 1px;
cursor: pointer !important;
}

/*Style for ULs that are children of LIs (submenu) */
.treeview li.submenu ul{ display: none; /*Hide them by default. Don't delete. */ }

/*Style for LIs of ULs that are children of LIs (submenu) */
.treeview .submenu ul li{ cursor: default;}