/*******************************************
GLOBAL STYLES
*******************************************/
html {/* Stops flickering of background images in IE6*/
  filter: expression(document.execCommand("BackgroundImageCache", false, true));}

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: "Trebuchet MS", Helvetica, sans-serif; 
    font-size: 16px;
    color: #333;} 

body {
    background-color: #ddd;
    padding-bottom: 18px;}    

body, p, div, td {line-height: 18px;}

ul,
ol,
dl {margin: 0 18px 18px 18px;}

p {margin-bottom: 18px;}

h1, h2, h3, h4, h5, h6 {
    line-height: 18px;
    margin-bottom: 18px;}

h1 {
    font-size: 150%;}
h2 {
    font-size: 140%;
    line-height: 27px;}
h3 {font-size: 130%;}
h4 {font-size: 120%;}
h5 {font-size: 110%;}
h6 {font-size: 100%;}

a:link {
    color: #039;
    text-decoration: none;}
a:visited {
    color: #039;
    text-decoration: none;}
a:hover {
    color: #69c;
    text-decoration: none;}
a:active {
    color: #69c;
    text-decoration: none;}
    
a img {border: 0;}    

#skipper {position: absolute; left: -900px;}

/*******************************************
CONTAINER
*******************************************/
div#container {
    width: 960px;
    margin: 18px auto 36px auto;
    background-color: #fff;
    border: 6px outset #bbb;}
    
/*******************************************
HEADER
*******************************************/    
div#header {
    margin: 18px;}
        
    div#header img {margin-bottom: 18px;}    
        
    #ie7only div#header img,
    #ie6only div#header img {margin-bottom: 0;}
    
    div#header img#sblogo {float: left;}
    div#header img#cplogo {float: right;}

    /*******************************************
    TOP NAVIGATION
    *******************************************/
    div#topNavigation {
        height: 36px;
        clear: both;
        margin: 18px 0;
        color: #fff;}
        
        div#topNavigation div#corners {
            background: url(../images/header_corners.gif) top left no-repeat;
            height: 36px;}
            
        #ie6only div#topNavigation  div#corners {height: 35px;}
    
        div#topNavigation span {
            float: left;
            color: #fff;
            font-size: 150%;
            font-weight: bold;
            line-height: 36px;
            margin: 0 18px;}
            
        div#topNavigation a.buttons {
            margin: 4px 9px;
            float: right;
            width: 194px;
            height: 27px;
            color: #333;
            font-size: 80%;
            text-align: center;
            line-height: 27px;
            background: url(../images/buttonbg.gif) top left no-repeat;
            border: 0 none;}  
            
        div#topNavigation a.buttons:hover {font-weight: bold;}      
    
    body#default    div#topNavigation,
    body#forms      div#topNavigation {background: url(../images/g_default.jpg) top left repeat-x #039; }
    body#insurance  div#topNavigation {background: url(../images/g_insurance.jpg) top left repeat-x #906;}
    body#workers    div#topNavigation {background: url(../images/g_workers.jpg) top left repeat-x #f73;}
    body#risk       div#topNavigation {background: url(../images/g_risk.jpg) top left repeat-x #69c;}
/*******************************************
CONTENT
*******************************************/
div#content {
    float: right;
    width: 685px;
    min-height: 385px;
    margin: 5px 27px 18px 0 ;
    display: inline;}
    
#ie6only div#content {
    height: 385px;}    
    
    div#content p,
    div#content td,
    div#content div,
    div#content li,
    div#content a {font-size: 14px;}
    
    div#content img {margin: 4px;}

/*******************************************
NAVIGATION
*******************************************/
div#navigation {
    float: left;
    width: 194px;
    margin: 0 0 18px 18px;
    display: inline;}
    
    /*******************************************
    SEARCH BOX
    *******************************************/ 
    #searchForm {
        position: relative;
    	left: 0;
    	top: 0;
    	width: 194px;}
        
    #searchTitle {
    	position: relative;
    	left: 0;
    	top: 20px;
    	color: #888;}
    
    .searchField {
    	position: relative;
    	left: 55px;
    	top: 0;
    	width: 100px;
        border: 1px solid #ccc;}
    
    .searchButton {
    	/*background-image:url(../images/searchButton2.gif);*/
        /*background-repeat:no-repeat;*/
        background-color: #ccc;
        font-size: 11px;
        width: 23px;
      	height: 21px;
     	margin: 0;
    	padding: 0;
    	/*border: 0;*/
      	position:relative;
        color: #333;
    	left:65px;
    	top: 0;}
    
/*******************************************
EXTRA
*******************************************/
div#extra {
    clear: both;
    margin: 0 auto;
    width: 92%;
    position: relative;
    left: 8px;
    font-size: 16px;}
    
    div.breakoutBox {
        width: 208px;
        margin: 9px 9px 9px 0;
        float: left;
        background: url(../images/breakout_top_corners.gif) top left no-repeat;}
        
        div.breadkoutBox img {float: right;}
        
        div.breakoutBox h2 {
            height: 36px;
            vertical-align: center;
            padding: 3px;
            margin-bottom: 0;
            line-height: 18px;
            font-size: 80%;
            vertical-align: center;
            text-align: center;
            color: #fff;
            background: url(../images/breakout_top_corners.gif) top left no-repeat;}
        
        div.breakoutBox p {
            font-size: 70%;
            padding: 8px;
            margin-bottom: 0;
            background: url(../images/breakout_bottom_corners.gif) bottom left no-repeat;}
        
        div.breakoutBox img {
            float: right;
            margin: 3px;}
            
        div.breakoutBox a {font-size: 100%;}            
        
        div#start {background: url(../images/g_default.jpg) top left repeat-x #039;}
            div#start h2 {line-height: 36px;}
            div#start p {background-color: #eef;}
        
        div#covered {background: url(../images/g_insurance.jpg) top left repeat-x #906;}   
            div#covered h2 {line-height: 36px;}    
            div#covered p {background-color: #fee;}
        
        div#workersComp  {background: url(../images/g_workers.jpg) top left repeat-x #f73;}
            div#workersComp p {background-color: #ffe;}
        
        div#riskCompliance  {background: url(../images/g_risk.jpg) top left repeat-x #69c;}
            div#riskCompliance p {background-color: #eff;}
            
/*******************************************
FOOTER
*******************************************/
div#footer {
    clear: both;
    position: relative;
    top: 18px;
    margin: 0 auto;
    width: 864px;
    height: 24px;
    background-color: #999;
    border: 3px outset #bbb;
    text-align: center;}
    
    
/*******************************************
FORMS
*******************************************/    
div#content tr.formLabelStyle td.formLabelStyle  {font-weight: bold; font-size: 18px;}

div#content tr.formLabelStyle td#label_field_38717 {font-size: 24px;line-height: 20px;padding-bottom: 5px;}

div#content span.formErrorStyle {color: red; font-weight: bold;}

.dataSave {
	width:200px;
	background-color:#97C088;
	border:1px solid #165401;
	padding:2px 2px;
	margin:auto;
	font-weight:bold;
	color:#165401;
	text-align:center;}		
	
.dataWarn {
	width:400px;
	background-color:#ff6666;
	border:1px solid #660000;
	padding:2px 2px;
	margin:auto;
	font-weight:bold;
	color:#660000;
	text-align:center;}