/* 
	Ratchet - Digital Leverage (http://www.ratchet.com)
	Project: Employers 
	Created: 5/13/09 1:53pm
	Description: css styles for site layout
*/

/* *********************** BROWSER RESET ********************** */
* { margin:0px; padding:0px; line-height:1.2em; outline:0px;}

/* ********************** GENERIC STYLES ********************** */
.clear { clear:both; }
.clear-right { clear:right; }
.clear-left { clear:left; }
.right { float:right; }
.left { float:left; }
.text-center { text-align:center; }
.text-right { text-align:right; }
.text-left { text-align:left; }
.reflection-wrap { float:left; }
.reflection { padding:3px 0px 17px 0px; }
.bg-gray { padding:5px 0px 5px 0px; }


/* form inputs */
.short-input { width:75px; vertical-align:middle; }
.normal-input { width:140px; vertical-align:middle; }
.long-input { width:220px; vertical-align:middle; }

/* *********************** BASE LAYOUT ************************ */
.site-wrap { width:100%; height:100%; }
.page-wrap { width:960px; margin:0 auto; }
.content-wrap { width:960px; min-height:545px; padding:30px 0px 0px 0px; }
.content-wrap-nopad { width:960px; padding:0px 0px 0px 0px; }

/* HEADER */
.header { width:945px; padding:16px 15px 0px 0px; position: relative; }
.header .l_side, .header .r_side { display: block; position: absolute; height: 113px; width: 1px; top: 7px; }
.header .l_side { left: 0; }
.header .r_side { right: 0; }
.header h3 { padding-bottom: 2px; line-height: 1; } 
.header ul { list-style:none; }
.header ul li { display:inline; }
.header ul li a, .header ul li a:visited, .header ul li a:hover { text-decoration:underline !important; }
.header .logo { float:left; margin-left: 45px; margin-top: 20px; }
.header-info { float:right; text-align:right; }
.search { vertical-align:middle; padding:15px 0px 10px 0px; float:right; }
.search-btn { padding:0; float:left; }
.search-input { width:170px; height:16px; float:left; position: relative; right: -1px; }

/* HEADER IMAGE AREA */
.header-image { width:960px; height:360px; } /* header container */

/* INTERIOR TITLE HEADER */
.interior-title-header { width:690px; height:58px; padding:0px 0px 0px 270px; }
.interior-title-header .pagination { width:690px; padding:10px 0px 0px 0px; float:left; }
.interior-title-header .pagination li { display:inline; padding:0px 10px 0px 0px; }
.interior-title-header .pagination li a img { margin:0px 0px 1px 0px; }
.interior-title-header .pagination h3 { padding:10px 0px 0px 0px; }

/* located on interior pages, agents, products */
.grid-info-link-wrap { width:420px; padding:0px 0px 27px 0px; float:left; }
.grid-info { width:244px; padding:0px 5px 0px 0px; float:left; }
.grid-link { width:160px; padding:0px 0px 0px 10px; float:right; }
.grid-link p { padding:0px 0px 0px 0px !important; }


/* FLASH CONTAINERS */
.map-flash { width:658px; height:437px; }


/* TOP NAVIGATION - included color styles */
/* tab nav */
.top-nav { width:952px; height:27px; padding-right: 8px; margin-top: -5px; background:url(../images/bg_nav_rptr.jpg) repeat-x; background-position:bottom; }
.top-nav ul { float:right; }
.top-nav ul li { float:left; margin:0px 3px 0px 0px; }
.top-nav li a, .top-nav li span, .top-nav li.current a { width:180px; height:22px; background:url(../images/OFF-tab.gif) no-repeat; padding:7px 0px 0px 0px; text-align:center; font-weight:bold; text-decoration:none; color:#fff; font-size:13px; float:left; }
.top-nav li a:hover, .top-nav li span, .top-nav li.current a {width:180px; height:22px; background:url(../images/ON-tab.gif) no-repeat; text-decoration:none; }
.top-nav li a:hover { text-decoration: none; font-size: 14px; color: #fff; font-family: Arial; }


/* SUB NAVIGATION */
/* rounded bottom blue subnav tab */
.sub-tab-wrap { width:200px; position:relative;  } /* anchor positioning div for sub tab */
.sub-tab { width:200px; height:94px; position:absolute; top:-90px; left:29px; padding:22px 0px 0px 0px; }
.sub-tab p a { padding:10px 0px 0px 0px; }
.sub-tab p img { padding:10px 0px 0px 0px; }

/* rounded top blue subnav tab */
.sub-tab-top-wrap { }
.sub-tab-top { width:210px; height:77px; position:absolute; top:-78px; left:25px; padding:10px 0px 0px 0px; }
.sub-tab-top p a { padding:10px 0px 0px 0px; }
.sub-tab-top p img { padding:10px 0px 0px 0px; }

/* special positioning for subnav with out top tab */
.notab-subnav-wrap { width:200px; position:relative; float:left; margin-left:30px; }
.notab-subnav-wrap .sub-nav-wrap { width:200px; position:absolute; top:-64px; left:0px; }
.notab-subnav-wrap .sub-nav-wrap .sub-nav {padding:12px 0px 60px 0px;} 
/* ******************* expandable tab styles **************************** */
/*.sub-tab-expand { width:200px; height84px; } */
/*.sub-tab-bott { width:200px; height:12px; }*/
/* ********************************************************************** */

/* SIDE/SUB NAVIGATION GENERAL STYLES */
.sidenav { margin-left: 0px; }
.sub-nav { padding: 28px 0 30px; }
.sub-nav p { padding: 0 10px 10px; }

.sub-nav ul { margin: 0; padding-left: 11px; }
.sub-nav ul li { position: relative; display: block; clear: both; padding: 0 10px 7px 12px; min-height: 20px; }
.sub-nav ul li a, .sub-nav ul li span { display: block; padding-bottom: 5px; }

/* SIDE/SUB NAVIGATION FLYOUT MENU */
.sub-nav ul li ul { display: none; padding: 0; position: absolute; left: 187px; top: -10px; width: 275px; }
.sub-nav ul li ul li { padding: 6px 0 6px 10px; height: auto; font-weight: bold; min-height: 0; }
.sub-nav ul li ul li a { padding: 0; }
.sub-nav ul li:hover ul { display: block; }


/* FOOTER */
.footer { width:950px; height:178px; padding:25px 5px 0px 5px; }
.footer ul { list-style-type:none; padding:7px 0px 7px 0px; }
.footer ul li { display:inline; }
.footer .legal-info { width:780px; float:left; }
.footer .foot-logo { float:right; }
.footer .foot-logo img { padding:0px 0px 0px 10px; float:left; }


/* ********************************************************************************** */
/* *********************************** FMA STYLES *********************************** */
/* ********************************************************************************** */

/* FMA wraps - used for wrapping FMA columns */
.fma-200-wrap { width:200px; float:left; }
.fma-230-wrap { width:230px; padding:30px 0px 10px 0px; float:right; }
.fma-305-wrap { width:305px; float:left; }

/* ***************** FMA-305 ******************** */
.fma-305 { width:303px; float:right; } /* large fma right side of page */
.fma-cra { padding:3px 0px 0px 0px; }/* california restaurant association fma */
.fma-cra h2 { padding:3px 0px 3px 0px; } 
.fma-eaccess { padding:20px 20px 15px 20px; } /* eaccess fma */
.fma-newsletter { } /* newsletter signup fma */
.fma-sub-305 .reflection { width:305px; padding:0px 0px 0px 0px; } /* reflection for bottom of fma */
/* ********************************************** */

/* ***************** FMA-230 ******************** */
.fma-230 { width:230px; } /* */
.fma-230-cra { padding:0px 0px 0px 0px; }/* sub-nav california restaurant association */
.fma-230-cra h2 { padding:0px 0px 0px 0px; } 
.fma-230-eaccess { padding:10px 0px 10px 15px; } /* sub-nav eaccess */
.fma-230-news-blog { padding:12px 9px 9px 13px; } /* sub-nav newsletter signup */
.fma-230-news-blog a img { margin:0px 0px 2px 0px; }
.fma-230 .reflection { width:230px; padding:10px 0px 0px 0px; float:left; }/* reflection for bottom of fma */
.fma-230-generic { padding:9px 0px 13px 0px; } /* for text fma's */
.fma-230-generic ul { margin:0px 0px 0px 30px; }
.fma-230-generic p { padding:10px 0px 10px 0px; }
/* agents page fma's */
.fma-contact-agent { width:228px; height:125px; }
.fma-contact-agent a { display:block; width:230px; height:125px; }
.agent-loss-fma { width:228px; height:52px;  padding:28px 0px 0px 0px; }
.agent-services-fma { width:228px; height:29px; padding:16px 0px 0px 0px;  }
/* pdf resouce fma */
.fma-resource { width:218px; padding:9px 0px 9px 10px; }
.fma-resource .pdf-title-icon-wrap { width:80px; float:left; }
.fma-resource .pdf-title-icon-wrap p {padding:0px 0px 3px 0px; }
.fma-resource .info { width:122px; padding:0px 0px 5px 5px; float:right; }
.fma-resource .info p { padding:0px 0px 3px 0px; }
/* preview testimonial fma */
.fma-testimonial { width:209px; padding:18px 5px 16px 16px; }
.fma-testimonial img { padding:13px 13px 0px 0px; float:left; }
/* healthcare locator fma */
.fma-locator { width:200px; padding:14px; }
.fma-locator p { padding:6px 0px 6px 0px; }
.fma-locator-reflect-text { padding:8px 16px 8px 16px; }
/* worker report a claim fma */
.fma-report-claim { width:228px; margin:9px 0px 0px 0px; padding:0px 0px 14px 0px;}
.fma-report-claim .claim-title { width:230px; height:48px; padding:12px 0px 0px 0px;  text-align:center; float:left; }
.fma-report-claim p { padding:18px 18px 0px 18px;  }
.fma-report-claim select { margin:15px 0px 0px 18px;  }
.fma-report-claim .contact-info { padding:12px 0px 0px 18px; }
.fma-report-claim .contact-info h3 {  padding:0px 0px 2px 0px; }
.fma-report-claim .contact-info .phone-tag { padding:0px; }
.fma-report-claim .contact-info .phone { padding:0px; }
/* hotline fma */
.fma-hotline { width:228px; }
/* offices fma */
.fma-offices { width:228px; }
/* ********************************************** */

/* ***************** FMA-200 ******************** */ 
.fma-200 { width:198px; } /* subnav fma */
.fma-sub-wrap { padding:0px 0px 0px 30px; }
.fma-sub-cra { padding:0px 0px 0px 0px; }/* sub-nav california restaurant association */
.fma-sub-cra h2 { padding:0px 0px 0px 0px; } 
.fma-sub-eaccess { padding:10px 0px 10px 15px; } /* sub-nav eaccess */
.fma-sub-newsletter { width:186px; padding:6px 0px 7px 5px; } /* sub-nav newsletter signup */
.fma-sub-newsletter img { float:left; padding:0px 7px 0px 0px; }
.fma-sub-newsletter h3 { padding:0px; line-height:1em; float:left;}
.fma-sub-newsletter h4 { padding:0px 0px 4px 0px; float:left; }
.fma-sub-200 .reflection { width:200px; padding:10px 0px 0px 0px; float:left; }/* reflection for bottom of fma */
/* ********************************************** */

/* learn more fma tag */
.reflection .learn-more-tag { width:75px; height:8px; padding:3px 5px 5px 7px; float:right; }
.reflection .learn-more-tag { background:url(../images/bg_learn_more_tag.gif) no-repeat; }
.reflection .learn-more-tag span { font-size:9px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
.reflection .learn-more-tag img { float:right; padding:2px 0px 0px 0px; }
/* ********************************************************************************** */
/* ****************************** END FMA's ***************************************** */
/* ********************************************************************************** */



/* ********************************* RESOURCES ************************************* */
.content-resources { width:420px; padding:30px 50px 30px 0px; float:right; }
.content-resources h3 { padding:0px 0px 15px 0px; }
.content-resources .result-pagination .pages { padding:2px 0px 5px 0px; float:right; }
.content-resources .result-pagination .arrow-buttons { width:43px; padding:0px 0px 0px 3px; float:right; }
.content-resources .resource-result { width:420px; padding:7px 0px 9px 0px; margin:0px 0px 11px 0px; float:left; }
.content-resources .resource-icon { width:64px; height:64px; padding:0px 10px 0px 0px; overflow:hidden; float:left; }
.content-resources .resource-info { padding:3px 0px 0px 0px; }
.content-resources .resource-info h3 { padding:0px 0px 2px 0px; }
/* explore library section */
.explore-lib { width:216px; padding:14px 0px 13px 14px; }
.explore-lib h3 { padding:0px 0px 5px 0px; }
.explore-lib h4 { padding:0px 0px 6px 0px; }
.explore-lib-reflect { padding:8px 0px 0px 0px; }

/* Investors */
.lside-content { width:690px; height:auto; min-height:280px; padding:25px 20px 20px 260px; }
.lside-content table { padding-top:15px; }

/* Error Message */
.errorMessage { font-size:24px; font-weight:bold; padding: 20px 0 0 150px; }