/*
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: "Lucida Grande", 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: .73em;			/*** 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: #FFFFFF;	 /*** 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 {float: left;} /*create a left column only with another are of code defined with floatRight class*/

.floatRight {float: right;} /**/

.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: 64em; /*** 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:48%; float: left;} /*left column to have 48% width*/

#colr{width:48%; float: right;} /*right column to have 48% width*/

#collt{width:45%; float: left;} /*left column to have 48% width*/

#colrt{width:48%; float: right;} /*right column to have 48% width*/

#footer{
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
**************************/

table.nvgtb{
width:100%;
height: .8em;
border-top: .1em solid #999999;
border-bottom: .1em solid #999999;
text-align:center;
margin-top:10px;
clear:both
}

.nvgtb a{
font-size: 1em;
line-height:24px;
font-weight:bold;
text-decoration:none;
margin-left:1.1em;
margin-right:1.1em;
color: #4E8BC3;		/*** The color of the link is set to the hex value of blue***/
}

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



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

#header{
width: 64em; /*** 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 {display:inline; float:left; width:328px;}

#log{display:inline; float:right; /*padding-left:13em;  IE 7 Win */ width:23em;}

#logpublic{display:inline; float:right; width:auto;} /*Login area for the public side; if not a member*/

form.myform legend{
font-size: 1.1em;
font-weight: normal;
color: #990000;
text-align:left;
margin-bottom:.55em;
margin-left: -8px; /* IE 7 Win */
}


form.myform legend span a{margin-left:74px; clear:left; 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;
}


form.myformfgt{display:inline;float:left;}

form.myformfgt legend{
font-size: 1.1em;
font-weight: normal;
color: #990000;
text-align:left;
margin-bottom:.55em;
margin-left: -8px; /* IE 7 Win */
}

#loginpswd{margin-left:10px;}

form#fgt{
		position:relative;
		display:inline;
		float:right;
		margin-top:2.5em !important;
		margin-top:2em;
}

			
/*	Slider Container */
#page-wrap 									{ width: 308px;  position: relative; min-height: 254px; height:254px; overflow:hidden;
											        background: url(http://www.workcompresearch.com/images/bg1.png) top center no-repeat; overflow:hidden;}
												
#page-wrapnotmember					{ width: 308px;  position: relative; min-height: 254px; height:254px; overflow:hidden;
											        background: url(http://www.workcompresearch.com/images/bgnotmember.png) top center no-repeat; }
.slider-wrap								{ width: 280px; position: relative; top: 35px; left: 15px; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; min-height:175px; height:175px; overflow:hidden;}
.stripViewer								{ position: relative; overflow: hidden; width: 280px; height: 175px; list-style-type: none;}
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 280px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
/** Thumbnails for the wcr_slideshow**/
.nav-thumb 									{ display:inline; border: 2px solid #FFFFFF; margin-right: 8px; width:39px; margin-top:3px; }
.nav-thumbpublic 							{ display:inline; margin-right: 8px; width:39px; margin-top:-5px;}
#movers-row									{  width:100%; text-align:center;}
#movers-row div								{ display:inline;}
#movers-row div a.cross-link 	{ display:inline; border-style: none;}
/** Photo caption for the wcr_slideshow**/
.photo-meta-data							{ background: url(http://www.workcompresearch.com/images/transpBlack.png); padding-top: 5px; padding-bottom:20px; padding-left:10px; padding-right:10px; height: 20px; 
											  			  margin-top: -60px; position: relative; z-index: 10; color: #FFFFFF; font-weight:normal;}
.cross-link									{ display: block; margin-top: -14px; 
											  position: relative; z-index: 10; }
/** White arrow in the wcr_slideshow **/
.active-thumb 					{ background: transparent url(http://www.workcompresearch.com/images/icon-uparrowsmallwhite.png) top center no-repeat; padding-top:8px; z-index: 20;}

#slideshow .wcrmain {padding-top:0em;}
#slideshow1 img { display:block; margin-left:55px;}
.panel a{text-decoration:none;}

/*	END Slider Container */


/**START DRAWERS**/
drawers-wrapper {
            position: relative;
            width: 170px;
			      border:none;
        }

        .drawer {
            color:#76797C;
            line-height:1.3em;
        }

        .drawers {
            margin-bottom:15px;
            color:#76797C;
            line-height: 18px;
			      margin-left:0;
						margin-right:0;
        }
/**
        .drawers A {
            font-size: 1.4em; color: #990000;  text-decoration:none;
        }
**/
        .drawer li {
           border-bottom:1px solid #E5E5E5;
           line-height:16px;
           /** padding:6px 0pt; **/
	   list-style-type: none;
        }

        UL.drawers {
				margin: 0;
				padding:0;
				list-style-type: none;
        }

        .drawer-handle {
         background:#990000 url("http://www.workcompresearch.com/images/gs.gif") no-repeat 10px;
			   color:#FFFFFF;
			   font-size:1.3em;
         cursor:default;
         line-height:25px;
				 padding-top:3px;
				 padding-bottom:3px;
         margin-bottom:0pt;
				 padding-left:20px;
         text-indent:15px;
         width:100%;
        }

        .drawer-handle.open {
		        font-size:1.3em;
            background:#990000 url("http://www.workcompresearch.com/images/gscheck.gif") no-repeat 10px;
						padding-left:20px;
            color:#FFFFFF;
        }

        .drawer UL {
            padding: 0 12px;
            padding-bottom:0pt;
	    list-style-type: none;
        }

        .drawer-content UL {
            padding-top: 7px;
	    list-style-type: none;
        }

        .drawer-content LI A {
            display:block;
            overflow:hidden;
	    list-style-type: none;
        }

        .alldownloads li {
            border:0pt none;
            line-height:18px;
            padding-top:10px;
	    padding-bottom:10px;
	    list-style-type: none;
        }
				
	.alldownloads li img{
	float: left;
	padding-left: 5px;
	padding-right:5px;
	background: #ddd;
	border: 1px solid #ccc;
	margin: 10px 15px 10px 0;
	list-style-type: none;
			}
	.alldownloads li{
	padding-left: 5px;
	list-style-type: none;
	}
        -->
/**END DRAWERS**/


#tagline { margin-left:300px; margin-top: -245px; min-height:239px; background: transparent url(http://www.workcompresearch.com/images/usingwcr.png) top repeat-x; padding-left:20px; padding-top:1px;}
.white.tgwidth{ float:left; width:70%;}
.white.tgwidthr img{ float:right; }
.wcrmain {font-size:1.5em; font-weight:bold; padding-bottom:5px; color:#000000;}
.white {color:#FFFFFF;}



table#sitemap td{width:35%;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:30%;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:30%;}

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;}


/* ICONS */

.iKon_doc {	padding: 5px 20px 5px 0; background: transparent url(http://www.workcompresearch.com/images/icon_doc.gif) no-repeat center right;}
.iKon_txt{ padding: 5px 20px 5px 0; background: transparent url(http://www.workcompresearch.com/images/icon_txt.gif) no-repeat center right;}
.iKon_xls {	padding: 5px 20px 5px 0; background: transparent url(http://www.workcompresearch.com/images/icon_xls.gif) no-repeat center right;}
.iKon_feed{ 	padding: 5px 20px 5px 0; background: transparent url(http://www.workcompresearch.com/images/icon_feed.gif) no-repeat center right;}
.iKon_pdf{ 	padding: 5px 20px 5px 0;	background: transparent url(http://www.workcompresearch.com/images/icon_pdf.gif) no-repeat center right;}
.iKon_flash { 	padding: 5px 20px 5px 0; background: transparent url(http://www.workcompresearch.com/images/icon_flash.gif) no-repeat center right;}
a.pdf { 	padding: 5px 20px 5px 0;	background: transparent url(http://www.workcompresearch.com/images/icon_pdf.gif) no-repeat center right;}




/* -------------------------------------------- */
/* ------------- Pagination: Flickr -----------	*/
/*
	
#pagination-flickr li          { border:0; margin:0; padding:0; font-size:11px; display:inline; list-style:none;  float:left; }

#pagination-flickr a           { border:solid 1px #DDDDDD; margin-right:2px; }

#pagination-flickr .previous-off,

#pagination-flickr .next-off   { color:#666666; display:block; float:left; font-weight:bold; padding:3px 4px; }

#pagination-flickr .next a,

#pagination-flickr .previous a { font-weight:bold; border:solid 1px #FFFFFF; }	

#pagination-flickr .active     { color:#ff0084; font-weight:bold; float:left; padding:4px 6px; }

#pagination-flickr a:link, 

#pagination-flickr a:visited   { color:#0063e3; float:left; padding:3px 6px; text-decoration:none; }

#pagination-flickr a:hover     { border:solid 1px #666666; }

*/


#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

/*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;}



/*State dropdown*/
ul#statenav {
	margin: 0; padding: 0;
	float:left;
	list-style: none;
}
ul#statenav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#statenav li a {
	float: left; 
}
ul#statenav li:hover a, ul#statenav li a:hover { background-position: left bottom; }

ul#statenav a.states {
	width: 200px; 
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
}

ul#statenav li .pickstate {
	position: absolute;
	top: 17px; left: 0;
	padding: 10px 10px 10px;
	border: 1px solid #E8E8E8;
	background-color: #ffffff;
	float: left;
	/*--Top right rounded corner--*/
	-moz-border-radius-topright: 10px;
	-khtml-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	display: none;
}
ul#statenav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#statenav li .pickstate ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 120px;
	float: left;
}
ul#statenav .pickstate ul li {
	width: 100%;
	color: #fff;
}

ul#statenav .pickstate ul li a {
	font-size: 11px;
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	padding: 5px 5px 5px 15px;
	display: block;
	text-decoration: none;
	color: #29506F;
	font-family: Arial;
}
ul#statenav .pickstate ul li a:hover {color: #4784BF; background-position: 5px 12px;}

ul#statenav .pickstate ul li a:active {position: relative; top:1px;}