@charset "utf-8";
/* CSS Document */


/* global footer */

#global-footer {
    width: 100%;
    padding: 20px 0;
    font-family: "Proxima Nova", Arial, sans-serif;
}

#global-footer h1.agency-name {
    margin-top: 0;
    text-align: left;
    display: inline-block;
}

#global-footer h1.agency-name a {
    font-family: "D Sari", Arial, sans-serif;
    font-size: 1.375rem;
    color: #101820;
    padding: 0;
    margin: 0 0 0.9375rem 0;
    letter-spacing: 0;
    text-transform: none;
}

#global-footer .footer-header {
    text-transform: uppercase;
    font-family: "Proxima Nova", Arial, sans-serif;
    font-size: 0.875rem;
    margin: 0.46875rem 0;
    font-weight: 600;
}

#global-footer ul.footer-list {
    margin-bottom: 0.9375rem;
}

#global-footer a {
    font-size: 0.875rem;
    color: #454748;
    font-family: "Proxima Nova", Arial, sans-serif;
    font-weight: 600;
}

#global-footer a:hover {
    text-decoration: underline;
}

#global-footer .footer-column-adjust {
    padding-left: 0;
    padding-right: 0;
}

#global-footer {
    background-color: #e5eeee;
}

#global-footer li {
    line-height: 1.6rem;
}

#global-footer .footer-fancy-header li {
    display: inline-block;
    border-bottom: 1px solid #101820;
    text-align: center;
    width: 100%;
}

#global-footer .footer-fancy-header li span.text {
    display: inline-block;
    text-transform: uppercase;
    font-size: 0.875rem;
    letter-spacing: 0.15rem;
    background-color: #e5eeee;
    position: relative;
    top: 0.875rem;
    padding: 0 2rem;
    color: #101820;
}

#global-footer .footer-connect-icons {
    text-align: center;
}

#global-footer .footer-connect-icons li {
    display: inline-block;
    padding: 0.9375rem 0 0 0;
    width: 25%;
}

#global-footer .footer-connect-icons li a {
    display: inline-block;
    font-size: 2.5rem;
    color: #101820;
    transition: color 300ms ease-out;
}

#global-footer .footer-connect-icons li a:hover {
    text-decoration: none;
}

#global-footer .footer-connect-icons li a span.text {
    display: inline-block;
    font-size: 0.875rem;
    color: #101820;
    font-family: "Proxima Nova", Arial, sans-serif;
    padding-left: 0.5rem;
    position: relative;
    top: -0.625rem;
    transition: color 300ms ease-out;
    line-height: 1.6rem;
    font-weight: 600;
}

#global-footer .footer-connect-icons li a:hover span.text {
    color: #101820;
    transition: color 300ms ease-out;
}

/* icon colors */

#global-footer .footer-connect-icons li a.fi-rss:hover, #global-footer .footer-connect-icons li a.fi-social-facebook:hover, #global-footer .footer-connect-icons li a.fi-social-twitter:hover, #global-footer .footer-connect-icons li a.fi-social-youtube:hover {
    transition: color 300ms ease-out;
}

#global-footer .footer-connect-icons li a.fi-rss:hover {
    color: #ee802f;
}

#global-footer .footer-connect-icons li a.fi-social-facebook:hover {
    color: #3b5998;
}

#global-footer .footer-connect-icons li a.fi-social-twitter:hover {
    color: #4099ff;
}

#global-footer .footer-connect-icons li a.fi-social-youtube:hover {
    color: #e52d27;
}

#global-footer .footer-connect-icons li a.fi-tablet-portrait:hover {
    color: #007681;
}

#global-footer .footer-connect-icons li a.fi-mobile:hover {
    color: #007681;
}

/* END icon colors */

#global-footer .f_row {
    max-width: 85%;  
}

@media only screen and (max-width: 1160px) {
    #global-footer .f_row {
        max-width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    #global-footer .footer-connect-icons li a span.text {
        display: block;
        padding-left: 0;
        top: 0;
    }
}

@media only screen and (max-width: 640px) {
    #global-footer .footer-connect-icons li a span.text {
        display: none;
    }
}

/* END global footer */


/* framework */

/*  commented out - VP trying to restrict class to global nav

.row {
    max-width: 1248px;   
}
*/


.f_row {
    max-width: 100%;  
}

/* column fix for firefox */
*, *:before, *:after {
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}

/* END framework */


/* misc */

a:hover {
    text-decoration: underline;
}

a:visited {
    text-decoration: underline;
}

.clearfix {
    clear: both;
}

ul.no-bullets {
    margin: 0.46875rem 0;
    padding: 0;
    list-style: none;
}

span.note {
    font-size: 80%;
    font-style: italic;
}

span.bold {
    font-weight: bold;
}

/* END misc */


/* alert box */

.alert {
    background-color: #F2A900;
	/*margin-top:-4px;*/
}

.alert.hidden {
    display: none;
}

.alert p {
    margin: 0.46875rem 0;
    color: black;
    font-family: "Proxima Nova", Arial, sans-serif;
    font-weight: 600;
}

.alert a {
    color: blue;
}

/* END alert box */


/* news slider */

#news {
    height: auto;
    display: block;
    background-color: #B5CFCF;
    width: 100%;
    padding: 0.9375em;
    margin: 0 0 0.9375em 0;
    overflow: hidden;
}

#news ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#news a {
    color: #101820;
    font-family: "Proxima Nova", Arial, sans-serif;
    font-weight: 600;    
}

/* END news slider */


/* home page */

.pageBody-home-fix {
    min-width: 0;
}

.home-page-sections {
    border: 2px solid #ccc;
    margin-bottom: 0.9375em;
}

.home-page-section {
    border-top: 2px solid #ccc;
    margin-bottom: 0.46875em;
    padding: 0 0.9375em;
}

.home-page-section-top-first {
    border-top: 0;
}

.home-page-section-top-second {
    border-top: 0;
}

.home-page-section a.home-page-header {
    color: #101820;
    display: inline-block;
}

.home-page-section a.home-page-section-image {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0.46875rem 0;
}

.home-page-section a.home-page-section-image img {
    display: block;
    width: 100%;
    max-width: 100px;
}

.home-page-section h2 {
    font-size: 150%;
    margin: .375em 0 .125em 0;
    text-align: left;
}

.home-shadow-border-left {
    box-shadow: 0 0 0 2px #ccc;
}

.home-border-right {
    border-right: 2px solid #ccc;
}

@media only screen and (max-width: 1160px) {
    .pageBody-home-fix {
        min-width: 100%;
    }
}

@media only screen and (max-width: 639px) {
    .home-page-section-top-second {
        border-top: 2px solid #ccc;
    }
    
    .home-shadow-border-left {
        box-shadow: none;
    }
    
    .home-border-right {
        border-right: 0;
    }
    
    .home-page-section a.home-page-section-image {
        display: none;
    }
}

/* color-coded sections */

.home-page-section a.workers, .home-page-section a.workers h2 {
    color: #000099;
}

.home-page-section a.employers-businesses, .home-page-section a.employers-businesses h2 {
    color: #006600;
}

.home-page-section a.insurance-carriers, .home-page-section a.insurance-carriers h2 {
    color: #CC0000;
}

.home-page-section a.self-insured-employers, .home-page-section a.self-insured-employers h2 {
    color: #6666FF;
}

.home-page-section a.health-care, .home-page-section a.health-care h2 {
    color: #6600CC;
}

.home-page-section a.representatives, .home-page-section a.representatives h2 {
    color: #330000;
}

.home-page-section a.third-party, .home-page-section a.third-party h2 {
    color: #007681;
}

/* END color-coded sections */

.home-page-footer {
    border: 2px solid #003399;
    margin-bottom: 0.9375em;
}

/* END home page */


/* home-apps */

.home-apps ul li {
    text-align: center;
    background-color: transparent;
    width: 100%;
    padding: 0.46875em 0;
}

.home-apps ul li a {
    display: inline-block;
}

.home-apps ul li a img {
    width: 100%;
    max-width: 157px;
}

@media only screen and (min-width: 1024px) {
	.tighten-column-spacing {
		padding-left: 0;
	}
}

@media only screen and (max-width: 1023px) {
    .home-apps ul li {
        display: inline-block;
        width: 33.33%;
        padding: 0.46875em;
    }
    
    .home-apps ul li a img {
        vertical-align: middle;
    }
	
	.tighten-column-spacing {
		padding-left: 0.9375rem;
	}
}

@media only screen and (max-width: 767px) {
    .home-apps ul li {
        display: inline-block;
        width: 50%;
        padding: 0.46875em;
    }
	
	.home-apps ul li a img {
		/*max-width: 100%;*/
	}
}

@media only screen and (max-width: 320px) {
    .home-apps ul li {
        display: block;
        width: 100%;
        padding: 0.46875em 0;
    }
}

/* END home-apps */


/* search-banner */

#searchForm {
    width: 100%;
}

.pageBody-home-fix .search-container {
    padding: 0.9375em;
    background-color: transparent;
}

.search-container {
    padding: 0.9375em 0;
    background-color: transparent;
}

.search-field-padding, .search-button-padding {
    padding: 0;
}

input.search-field {
    margin: 0;
    height: auto;
    padding: 0.4375em 0.4375em 0.4375em 2em;
    font-size: 11px;
    width: 100%;
}

.search-icon {
    position: absolute;
    top: 4px;
    left: 6px;
    color: #cacaca;
}

@media only screen and (max-width: 640px) {
    input.search-field {
        padding: 0.4375em 0.4375em 0.4375em 1.875em;
        margin-bottom: 0.9375em;
        font-size: 1em;
    }
    
    .search-icon {
        position: absolute;
        top: 9px;
        left: 10px;
    }
}

/* END search-banner */


/* home-login */

.login-field-padding {
    padding-left: 0;
    padding-right: 1%;
}

.login-button-padding {
    padding-left: 0;
    padding-right: 0;
}

.home-login select {
    height: auto;
    padding: 1px;
    border: 1px solid #101820;
    border-radius: 0;
    margin: 0;
    color: #101820;
    background-color: #fff;
    width: 100%;
    font-size: 11px;
    display: inline-block;
}

.home-login .home-button {
    font-size: 11px;
    padding: 2px;
    background-color: #63666A;
    width: 100%;
    margin: 0;
    display: inline-block;
    transition: none;
    transition: background-color 300ms ease-out;
}

.home-login .home-button:hover, .home-login .home-button:focus {
    background-color: #888B8D;
    transition: background-color 300ms ease-out;
}

@media only screen and (max-width: 1023px) {
    .home-login select { 
        font-size: 1rem;
        padding: 2px;
    }
    
    .home-login .home-button {
        font-size: 1rem;
        padding: 3px;
    }
}

/* END home-login */


/* landing pages */

img.landing-page-section-image {
    width: 100%;
    max-width: 150px;
}

/* END landing pages */


/* legacy styles */

.linkExternal {
    margin-left: 5px;
}

.f_row #translation {
    padding: 0;
	line-height: 1.6;
	background-color: #E5EEEE;
	border-radius: 10px;
}

#translation {
	padding: 0.2375em 0 0 0;
}

#languageTranslate {
    height: auto;
	font-size: 100%;
}

table.map tbody tr:nth-child(even) {
    background-color: #fff;
}

/* END legacy styles */

/* language assistance area */

.language-assistance-box {
	/*background-color: #E5EEEE;*/
	display: inline-block;
	padding: 8px 16px;
	color: #000;
}

#languageTranslate .language-assistance-box a {
	
}

#languageTranslate .language-assistance-box a,
#languageTranslate .language-assistance-box a:visited,
#languageTranslate .language-assistance-box a:link {
	color: #000;
}

#languageTranslate .language-assistance-box a:hover {
	color: #000;
	text-decoration: underline;
}

.language-assistance-box-left {
	font-weight: 600;
}

#languageTranslate .language-assistance-box a.language-assistance-box-left-link {
	color: #0B5D66;
}

.language-assistance-box-right {
}

.language-assistance-box-spacer {
	color: #B5CFCF;
	margin: 0 5px;
	font-weight: 600;
}

a.lang-help-link {
	background-color: #eee;
	border-radius: 0.5em;
	border: 0px solid #ccc;
	color: #000;
	display: inline-block;
	font-size: 75%;
	font-weight: bold;
	padding: 0.75em;
}

/* END language assistance area */