/*---
    This style sheet contains company-specific styles. The centralized style sheet is located in
    /Sitemaps/Style/
    
Here is the way the style sheet is grouped. Please add the new style to the corresponding grouping...
 - RESET STYLES
 - FONT STYLES
 - MAIN STYLES
 - LINK STYLES
 - HEADER STYLES
 - TABLE STYLES
 - MAIN COLUMN STYLES
 - SIDEBAR COLUMN STYLES
 - LOADING STYLES
 - FORM STYLES
 - FOOTER STYLES
 - RESPONSIVE STYLES
 - PRINT SPECIFIC STYLES
 ---*/

/* ---------- HEADER STYLES ---------- */
.logo a {
    display: block;
    width: 144px;
    height: 20px;
    overflow: hidden;
}
.logo img {
    max-width: 9em;
}

/* ---------- FORM STYLES ---------- */
#featuredPromoContainer .btn-secondary, #mainContent .btn-secondary, .siteButton, .styledButton {
    background: #6395bc;
}
#featuredPromoContainer .btn-secondary:hover, #mainContent .btn-secondary:hover, .siteButton:hover, .styledButton:hover {
	background: #00549f;
}
#featuredPromoContainer .btn-primary, #mainContent .btn-primary, .continueButton, .primaryButton, .selectAccountButton, .ui-EmulationUserStatus a.selectDifferent, .languageSwitcher a {
    background: #00549f;
}
#featuredPromoContainer .btn-primary:hover, #mainContent .btn-primary:hover, .continueButton:hover, .primaryButton:hover, .ui-EmulationUserStatus a:hover, .languageSwitcher a:hover, .ui-EmulationUserStatus a.closeSession:hover {
	background: #6395bc;
}

/* ---------- FOOTER STYLES ---------- */
#footerLogo img {
    width: 190px;
}

/* ---------- RESPONSIVE STYLES ---------- */
/* for 700px or greater */
@media screen and (min-width: 700px) {
    .logo a {
        display: inline;
        width: auto;
        height: auto;
        overflow: auto;
    }
    .logo img {
        max-width: 248px;
    }
    .scrolled .logo a {
	    display: block;
        width: 190px;
        height: 30px;
        overflow: hidden;
    }
    .scrolled .logo img {
	    min-width: 190px;
    }
    #siteTopNav li a:hover, #siteTopNav li.selectedNavTab a:hover {
	    color: #00549F;
        border-bottom: 3px solid #6395BC;
    }
    #siteTopNav li.selectedNavTab a {
	    color: #00549F;
    }
}
/* for 1000px or greater */
@media screen and (min-width: 1000px) {
    .logo img {
        max-width: 14em;
    }
    .scrolled .logo, .scrolled .logoLink {
        padding: 22px 0 0;
    }
}