/* 
	Ratchet - Digital Leverage (http://www.ratchet.com)
	Project: Employers 
	Created: 5/13/09 1:53pm
	Description: css styles for color, images, typography and other purrtty stuff
*/

/*
	**************************** COLOR STYLE GUIDE ***************************
	Normal Text - #666666
	Blue Text 	- #024882
	Blue Link - #02439d
	Borders - #999999
*/

/* BASE COLOR STYLES */
* { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#666; outline:0px; }
h1 {}
h2 { font-family: Georgia, Times, serif; font-size: 17px; font-weight: bold; font-style: normal !important; color: #024882; }
h3 { font-size: 14px; font-style: italic; font-weight: bold; color: #024882; }
h4 { font-size: 14px; font-weight: bold; }
ul  { list-style: none; }
img { border: 0px; }
strong, b { font-weight: bold; }
a, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }

/* GENERIC STYLES */
.italic { font-style:italic; }
.bold { font-weight:bold; }
.tiny { font-size:9px; }
.tiny a {  font-size:9px; color:#02439d; text-decoration:underline; }
.small { font-size:11px; }
.normal { font-size:12px; }
.large { font-size:14px; }
.huge { font-size:18px; }
.noborder { border:0px !important; }

/* REFLECTION STYLES */
.reflection-wrap { } /* holds reflection div for placement below content */
.reflection { background: url(/assets/images/bg_drop_shad.gif) repeat-x; } /* insert div underneath div/content to add reflection */
.reflection a { color: #02439d; text-decoration: underline; }
.bg-gray { background: #e2e2e2; } /* gray background for fma */

/* HEADER */
.header .l_side, .header .r_side { background: url(/assets/images/header_sides.jpg) no-repeat; }
.search-input { background:url(/assets/images/bg_input.gif) repeat-x; border:1px solid #c2c2c2; border-right: none; }
.header_treatment { border-bottom:3px solid #999; }

/* INTERIOR TITLE HEADER */
.title {  }
.title a, .title a:visited, .title a:hover { text-decoration:none; color:#666666 !important;  }
.title h2 { font-family: Georgia, Times, serif; font-size: 20px; font-style: italic !important; font-weight: bold; color: #024882; clear: both; }

/* MAIN NAVIGATION */
.menu-wrap { border-bottom: 3px solid #999; }
.top-nav { list-style: none; }

/* MAIN SUB NAVIGATION */
.sidenav { border-top: solid 3px #999; }
.sub-nav { background: url(/assets/images/bg_subnav.jpg) no-repeat; list-style: none; }
.sub-nav p { font-family: Georgia, Times, serif; font-weight: bold; font-style: normal; font-size: 16px; color: #666; line-height: 1.4; }

.sub-nav ul li { font-weight: bold; color: #666; font-size: 12px; }
.sub-nav ul li a, .sub-nav ul li a:visited, .sub-nav ul li span { font-weight: bold; text-decoration: underline; color: #666; font-size: 12px; }
.sub-nav ul li:hover a, .sub-nav ul li.current span, .sub-nav ul li.current a { color: #02439d; }
.sub-nav ul li ul li.current a, .sub-nav ul li ul li.current a:link, .sub-nav ul li ul li.current a:visited, .sub-nav ul li ul li.current a:hover, .sub-nav ul li ul li.current a:active { color: #ffffff; }

.sub-nav ul li:hover, .sub-nav ul li.current:hover { background: url(/assets/images/bg_flyout_sub_hover.gif) no-repeat left 1px; }
.sub-nav ul li.current { background: url(/assets/images/current-bg.gif) no-repeat left 1px; cursor: default; }

.sub-nav ul li ul { background: #f1f3f4; border: 1px solid #024882; }
.sub-nav ul li ul li a { text-decoration: none !important; font-weight: bold; color: #666; }
.sub-nav ul li ul li:hover, .sub-nav ul li ul li.current, .sub-nav ul li ul li.current:hover { color: #fff; background: #02439d; }
.sub-nav ul li ul li:hover a, .sub-nav ul li ul li:hover a:visited { color: #fff; }

/* SECONDARY NAVIGATION */
ul.secondary-nav { list-style-type: disc; list-style-position: inside; text-indent: 17px; }
ul.secondary-nav li { color: #02439d; }

/* TERTIARY NAVIGATION */
.tertiary-nav { border-left: solid 1px #999999; }
.tertiary-nav ul li span { font-size: 12px; color: #999999; }
.tertiary-nav ul li a, .tertiary-nav ul li a:visited { color: #999999 !important; }
.tertiary-nav h4 { font-family: Georgia, Times, Serif; color: #02439d; text-transform: uppercase; font-style: oblique; font-size: 12px; }

/* SUB NAV TAB - ROUNDED TOP */
.left-col > .tab div { background: url(/assets/images/bg_top_tab-trans.png) no-repeat; } /* tab up */
.left-col .sidenav .tab {background: #eee url(/assets/images/bg_sub_tab.gif) no-repeat; } /* tab down */
.left-col .tab div p { font-size: 18px; font-family: Georgia, Times, serif; font-size: 18px; font-weight: bold; font-style: normal; color: #fff; }
.left-col .tab div p a, .sidenav .tab div p a:visited { display: block; }
.left-col .tab div a span { text-decoration: none; font-size: 14px; color: #fff; font-family: Arial; }
.left-col .tab div a:hover span { text-decoration: none; font-size: 14px; color: #fff; font-family: Arial; }

/* */
.page-wrap > .content { background: url(/assets/images/bg_content_grad.jpg) no-repeat; }
.content-nopad { /* nothing */}

/* CENTER COLUMN */
.center-col p { line-height:1.4em; }
.center-col a, .center-col a:visited, .center-col a:hover  { color: #02439d; text-decoration: underline; } 

/* RIGHT COLUMN */
.right-col .tab {  }
.right-col .tab div {background: url(/assets/images/bg_tab_230.gif) no-repeat; }
.right-col .tab span { font-size: 15px; color: #fff; }
.right-col .tab a:hover { text-decoration: none; }
.right-col .tab a p { font-family: Georgia, Times, serif; font-size: 20px; font-weight: bold; line-height: 1.1em; color: #fff; }

/* LEFT COLUMN */
.left-col .fma .fma-content { border: 1px solid #999999; }
.left-col .tab a { text-decoration:none; }
.left-col .sidenav .tab { text-decoration:none; }

/* FOOTER */
.footer {  background: url(/assets/images/bg_footer_rptr.gif) repeat-x; }
.footer h4 { font-size: 11px; font-weight: normal; }
.footer li a { font-size: 11px; color:#666666 !important;  }
.footer p, .footer p em, .footer p strong, .footer p i, .footer p b { font-size: 9px; }
.footer p a { font-size: 9px; text-decoration: underline; color:#666666 !important; }

/* FMA LAYOUT */
.fma-border { border: solid 1px gray; }
.fma-html .fma-content { border: solid 1px gray; border-left: none; border-right: none; }
.fma-html .no-borders { border:none; }
.login img { cursor: pointer; }
/* locator fma */
.fma-locator { background:transparent url(../images/bg_locator_fma.jpg) repeat scroll 0 0; border:1px solid #999999; }
.fma-locator h3 { color:#024882; font-family:Georgia,Times,serif; font-size:17px; font-style:normal; font-weight:bold; }
.fma-locator p { font-size:12px; }
.fma-locator h3.provider-state, .fma-report-claim h3.provider-state { font-size: 14px; margin-top:10px; }
.fma-locator select option { padding-left:5px; }
.locator-reflection, .locator-reflection a, .locator-reflection a:visited { font-size: 10px; color: #999999; }
.learn_more { background: url(/assets/images/bg_learn_more_tag.gif) no-repeat; }
.learn_more a:link, .learn_more a:visited, .learn_more a:hover, learn_more a:active { font-size: 8px; text-transform: uppercase; font-weight: bold; color: #999999; text-decoration: none; background: url(/assets/images/sml_arrow.gif) no-repeat right 50%; }
/* eaccess fmas */
.fma-eaccess-login .fma-border .login a, .fma-eaccess-login .fma-border .login a:visited { color: #02439d; text-decoration: underline; line-height: 1.4; }
.eaccess-connect { font-weight: bold; font-size: 12px; margin: 2px 0; }
/* worker report a claim fma */
.fma-report-claim { background:url(../images/bg_claim.jpg) repeat-y; border:1px solid #999; }
.fma-report-claim .claim-title { background:url(../images/bg_claim_title.jpg) no-repeat; border-bottom:1px solid #999; }
.fma-report-claim p { font-size: 12px; }
.fma-report-claim .phone-tag { font-size: 14px; color: #024882; }
.fma-report-claim .phone { font-size: 16px; font-weight: bold; color: #024882; } 
.fma-report-claim h3 { font-family: Georgia, Times, serif;  font-size: 17px; color: #024882; font-style: normal; font-weight: bold; }
.fma-report-claim select option { padding-left:5px; }
/* sign up for newsletter fma */
.fma-email-signup .bg-gray .tiny, .fma-email-signup .reflection p { color: #333333; }
/* login fmas */
.fma-employers-login .fma-border { background: #f1f3f4; text-align: center; }
.fma-employers-login .fma-content { margin: 20px; }
.left-col .fma-employers-login .fma-content { margin: 10px 0; text-align: center; }
.left-col .login_access, .left-col .login_access_para { display: none; }
.login_access { text-align: center; float: right; width: 127px; height: 17px; padding-top: 2px; }
.login_access_para { clear: both; text-align: right; padding-top: 5px; }
.login_access { background: url(/assets/images/bg_access.gif) no-repeat; }
.login_access a, .login_access a:visited { color: #999999; font-size: 10px; text-transform: uppercase; font-style: oblique; font-weight: bold; text-decoration: none; }
.login_access_para { font-size: 10px; color: #999999; }
.login-loss { width:202px; }
.login-loss ul { margin:0; }
.login-loss ul li { list-style:none; }
.login-loss ul li span { font-size:10pt;font-family:Arial,Helvetica;color:#000000; }
.login-loss ul li hr { width:100%; border-style:solid; border-width:thin; border-color:#ccc; margin-bottom:10px; }
.login-loss label  { width: 70px; float: left; clear: left; text-align: right; margin-top: 4px; }
.login-loss span input[type="text"],.login-loss span input[type="password"] { height:15px; margin-left:5px; margin-right:5px; padding:2px; width:114px; }
.login-loss span input[type="submit"] { width:80px; margin-top: 10px; margin-left:95px; }

/* CONTROLS */
newsletter-border { border:solid 1px gray; }

/* ***************************************************************************************************************************************************************************************/
/* ****************************************************************************** PAGE SPECIFIC ******************************************************************************************/
/* ***************************************************************************************************************************************************************************************/
/* HOME PAGE */
.home .header-image{ border-bottom: 3px solid #999; } /* home header container */
/* blog featured articles */
.home .news-blog-tab, .business .news-blog-tab, .agents .news-blog-tab { text-transform:uppercase; font-style: oblique; font-weight: bold; font-size:11px; color:#999; background:url(/assets/images/tab_news_blog.gif) no-repeat; margin:15px 0px 0px 0px; }
.home .news-blog-wrap, .business .news-blog-wrap, .agents .news-blog-wrap { background:#f1f3f4; border:1px solid #999; }
.home .news-blog-article div:first-child { border:1px; }
.home .news-blog-article p.title a, .business .news-blog-article p.blog-title a, .agents .news-blog-article p.blog-title a, .news-blog-article p.title a:visited { font-weight:bold; color:#02439d; text-decoration:underline; }
.home .news-blog-article a, .news-blog-article a:visited { font-weight:bold; color:#666; text-decoration:underline; }
.home h2 { font-family:Georgia, Times, serif; font-size:16px; font-weight:bold; font-style:normal; color:#024882; }
.home .mission { font-size:14px; line-height:1.6em; }

/* LANDING */
.landing .header-image, .agents .header-image {background:url(/assets/images/flash_smallbiz.jpg) no-repeat; border-bottom:3px solid #999;}
.landing .right-col .fma-news-blog{ background:#f1f3f4; }
.landing .center-col h3 { font-family:Georgia, Times, serif; font-size:17px; font-weight:bold; font-style:normal; color:#024882; }
.landing .center-col h4 { font-size:13px; font-weight:bold; }
.landing .center-col p.mission { font-size:14px; }
.landing .center-col .small-testimonial { border-top:1px solid #999; border-bottom:1px solid #999; background:#f1f3f4; font-style:italic; }

/* PRODUCTS AND SERVICES */
.products .center-col h3 { font-style: normal; }
.products .center-col h4 { font-size: 12px; }
.products .center-col ul { list-style-image: url(/assets/images/icon_dot_list.jpg); }

/* TESTIMONIAL */
.mainarea .center-col h3 { color: #666; font-size: 13px; font-style: normal; font-weight: bold; }
.mainarea .center-col a { color: #02439d; font-size: 12px; font-style: normal; font-weight: normal; }
.testimonial { border-top: 1px solid #999; border-bottom: 1px solid #999; background: #f1f3f4; font-style: italic; }
.testimonial .quote p { font-size: 12px !important; line-height: 2; }
.testimonial .client-name p { font-size: 10px; line-height: 1.4; }
.reflection a { font-size: 11px; }

/*  ONLINE ACCESS */
.lside-content a { text-decoration: underline; color: #054A83; font-weight: bold; font-size: 1.2em; }
.lside-content h3 { font-family: Georgia, Times, serif; font-style: italic; font-weight: bold; }
.eaccess-login { background-image: url(/assets/images/login_eaccess_btn.jpg); }
.employers-login { background-image: url(/assets/images/login_employers_btn.jpg); }

/*  CONTACT US  */
.employers-contact-info { border: solid 1px #666; border-left: none; border-right: none; }
.employers-contact-info p, .employers-contact-info a { font-size: 12px; }
.employers-contact-info h3, .office-search h3 { color:#666666; font-size: 13px; }
.employers-contact-info a, .employers-contact-info a:visited { color: #02439D; text-decoration: underline; }

.office-search { background-color:#F1F3F4; }
.office-search * { font-size: 12px; }
.office-search a, .office-search a:visited { color: #02439D; text-decoration: underline; }

label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
.rside-info { border-top:solid 1px #999; border-bottom:solid 1px #999; }
.form-info h3{ color:#666666; font-style:normal; }

/*  RESULTS  */
.gs-snippet b { font-weight:bold; color:Black; } /* color */
.gs-title b { font-weight:bold; } /* color */


/* ************************************ MAP **************************************** */
.content-map-tab { background: url(/assets/images/bg_map_tab.gif) no-repeat; }
.content-map-tab h3 { font-family: Georgia, Times, serif; font-size: 18px; font-weight: bold; font-style: normal; color: #024882; }
.content-map-tab h4 { font-size: 16px; font-weight: bold; color: #024882; font-style: normal; }
.content-map-tab p { font-size: 14px; color: #024882; font-style: normal; }
.content-map-tab a { font-size: 14px; }

.thank_you .content-map-tab { background-image: url(/assets/images/bg_tab_230.gif); }
.thank_you .content-map-tab h3 { color: #ffffff; }
.thank_you .content-map-tab h4 { font-family: Georgia, Times, Serif; font-size: 18px; color: #ffffff; }
.thank_you .content-map-tab p, .thank_you .content-map-tab p a, .thank_you .content-map-tab p a:visited { color: #ffffff; font-size: 13px; }
.thank_you .content-map-tab a:link, .thank_you .content-map-tab a:visited { text-decoration: underline; }
.thank_you .content-map-tab a:hover, .thank_you .content-map-tab a:active { text-decoration: none; }


/* ********************************* RESOURCES ************************************* */
.content-resources h3 { font-family:Georgia, Times, serif; font-size:17px; font-weight:bold; font-style:normal;  }
.content-resources .result-pagination { color:#666; }
.content-resources .resource-result  { border-top:1px solid #999; border-bottom:1px solid #999; }
.content-resources .resource-info h3 { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; font-style:italic; color:#666; }
.content-resources .resource-info p { font-size:11px; color:#333; }
.content-resources .resource-info p a, .content-resources .resource-info p a:visited { font-size:11px; color:#02439d; text-decoration:underline; }
.content-resources .resource-info p a:hover { font-size:11px; color:#02439d; text-decoration:underline; }
/* explore resource library tab */
.explore-lib { border:1px solid #999; background:#f1f3f4; }
.explore-lib * { font-size: 12px; }
.explore-lib h3 { font-family:Georgia, Times, serif; font-size:17px; font-weight:bold; font-style:normal;  }
.explore-lib h4 { font-family:Arial; font-size:13px; }
a.exp-resource-cat:hover, a.exp-resource-cat:active { text-decoration: none; }
.explore-lib-reflect p { font-size:9px; color:#999; }
.explore-lib-reflect p a, .explore-lib-reflect p a:visited, .explore-lib-reflect p a:hover, .explore-lib-reflect p a:active { font-size:9px; color:#999 !important; }
.explore-lib-reflect p a:hover { font-size:9px; color:#02439d }

/* *********************************** GET STARTED ***************************************** */
.get-started-header { background:url(../images/bg_get_started.jpg) no-repeat; border-top:0px; border-bottom: 3px solid #999; }
.get-started-header .tagline h2 { font-family:Georgia, Times, serif; font-size:18px; font-weight:bold; color:#fff;  }
.content-get-started h3 { font-family:Georgia, Times, serif; font-style:normal; font-size:16px; }
.content-get-started h4 { font-size:13px; color:#666; font-weight:bold; }
.content-get-started p { color:#333; }
.content-get-started a, .content-get-started a:visited { color:#02439d; text-decoration:underline; }
.content-get-started a:hover { color:#02439d; text-decoration:underline; }

.get-started-form-wrap { color:#000; } 
.get-started-form-wrap h3 { color:#000; font-style:normal; }
.get-started-form-wrap p { color:#000; }
.get-started-form { background:url(../images/bg_get_started_form.jpg) no-repeat; }
.get-started-form .form-info h3, .get-started-form .form-info p { color: #000; }
.get-started-form fieldset { border:0; }
.get-started-form label { color:#000;  }
.get-started-form input {  color:#000; }
.get-started-form select { color:#000; }

.get-started-form .about-business h5 { color: #000; }

.resource-title { font-size: 13px; font-weight: bold; text-align: center; padding-bottom: 8px; }
.left-resource { width: 80px; padding-right: 5px; float: left;}
.left-resource h4 { padding-bottom: 8px; font-size: 13px; font-style: italic; }
.side-resource { float: left; width: 140px; }
.resource-info a { font-size: 11px; color: #0b4e86; text-decoration: underline; }
.resource-info p { font-size: 11px; }
.resource-copy { padding-top: 5px; }
.resource-result { float: left; border-top: 1px solid #999999; border-bottom: 1px solid #999999; padding-top: 8px; padding-bottom: 8px; margin-bottom: 20px; }

.right-col .news-blog-article a{ color:#666666 !important; }