/*
 * $Id$
 *
 *
 *
 * Copyright(c) 2000 - 2013 by Benefitfocus.com, Inc., All Rights Reserved
 */
/* TODO remove/cleanup !important ... probably overkill here due to how the Stylish plugin works */
@import url("../../../static/styles/iconkeysets/mercericons.css");

/*----------------------------------*/
/*      ELEMENTS
/*----------------------------------*/
body.member {
    color: #000;
    font-size: 12px;
    line-height: 1.8em;
}
body.member,
.member div.header,
.member strong,
.member .my-benefits-header .header,
.member #homePageWelcomeInstructions h1,
.member .primaryRegion .regionHeader h1,
.member .my-benefits .offer .header h1,
.member h1,
.member h2,
.member h2.title,
.member h2.title .message,
.member h3,
.member h4,
.member h5,
.member h6,
.member .benefit-offering-summary .benefit-element dl dd,
.member dt,
.member dd,
.member .stepped-progress,
.member .table th,
.member .table td,
.supportsAdvancedUI form > fieldset:first-of-type legend,
.supportsAdvancedUI form > fieldset legend,
.product .plan-listing-main .product-attributes,
.product .plan-listing-main .product-attributes th,
.product .plan-listing-main .product-attributes td,
.product .plan-listing-cap .rate table tr th,
.product .plan-listing-cap .rate table tr td,
.member #brandFooter p,
.member .navbar .brand,
.member .navbar-form label,
.member input, .member button, .member select, .member textarea,
.member #costTrackerLabel *,
.member .product .plan-listing-cap .rate .rate-description,
.member .product .plan-listing-cap .rate .btn,
.dropdown-menu > li > a {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.member div.header,
.member .my-benefits-header .header,
.member #homePageWelcomeInstructions h1,
.member .primaryRegion .regionHeader h1,
.member h1,
.member h2,
.member h2.title,
.member h2.title .message,
.member h3,
.member h4,
.member h5,
.member h6,
.supportsAdvancedUI form > fieldset:first-of-type legend,
.supportsAdvancedUI form > fieldset legend {
    color: #006D9E;
}
    .member div.header,
    .member .my-benefits-header .header,
    .member #homePageWelcomeInstructions h1,
    .member .primaryRegion .regionHeader h1,
    .member h1,
    .member h2,
    .member h2.title,
    .member .rate .table th,
    .product .plan-listing-main .product-attributes th,
    .product .plan-listing-main .product-attributes td {
        font-weight: normal;
    }

    .member h2,
    .member h3,
    .member h3.supplementalTitle,
    .member h4,
    .member h5,
    .member h6 { color: #000; }

.member div.header,
.member .primaryRegion .regionHeader h1,
.member .my-benefits-header .header,
.member #homePageWelcomeInstructions h1,
.member h1,
.member h2.title,
.supportsAdvancedUI form > fieldset:first-of-type legend,/* primary legend (usually page header)*/
.supportsAdvancedUI form > fieldset > legend /* primary legend (usually page header)*/
{
    font-size: 1.8em;/* ~22px */
    padding: 10px 0 0;
}

.member .alert-success .alert-message-banner header h1 { padding: 0; }

.member h2.title + div form > fieldset > legend,
.member h2,
.member .regionHeader h3,
.member h3.supplementalTitle,
.member h2.regionSupplementalHeader {
    font-size: 1.2em;/* ~24px */
    font-weight: bold;
    color: #000;
}

.member #costTrackerLabel strong,
.member .navbar .brand,
.member .stepped-progress,
.member strong,
.member .table th { font-weight: bold; }

.member #costTrackerLabel em,
.member .navbar .brand { font-style: italic; }

/* secondary legends */
.supportsAdvancedUI .accordion .subfield > legend,
.supportsAdvancedUI form > fieldset ~ fieldset > legend,
.supportsAdvancedUI form > fieldset .subfield > legend {
    font-size: 1em;
    color: #000;
    padding: 0;
}

.supportsAdvancedUI form[name="medicare"] > fieldset > legend,
.supportsAdvancedUI #policyHolderName legend {
    margin: 0;
    padding-top: 10px;
    font-size: 1.3em;
    font-weight: bold;
    color: #000;
}
.supportsAdvancedUI .subfield + .subfield legend {
    padding-top: 0;
    font-size: 1em;
}

.supportsAdvancedUI .widget-body .subfield + .subfield legend {
    color: #666;
}

   .member .benefit-offering-summary .benefit-element .header h1,
   .member .my-benefits .offer .header h1 { padding: 0 150px 0 0; color: #000; }
   .member .my-benefits .offer .header h1 + br { display: none; }

    .supportsAdvancedUI .accordion .accordion-inner > fieldset > legend {
        font-size: 1.2em;
        padding: 0;
    }
    .supportsAdvancedUI .accordion .accordion-inner > fieldset ~ fieldset > legend {
        border-top: 1px solid #CCC;
        padding-top: 0.5em;
    }

.supportsAdvancedUI form > fieldset legend ~ fieldset .title,
.supportsAdvancedUI form > fieldset .page-header h1,
.supportsAdvancedUI form > fieldset fieldset h3,
.supportsLegacyUI #costTracker .costSummary .bd .total,
.member .benefit-offering-summary .benefit-element .header h1,
.member #sectionProgressRegion h2,
.member .my-benefits-header .largeBold,
.member .widgetHeader h1 {
    font-size: 14px;/* legacy CSS does not allow for this to be an EM/% easily in this area */
    font-style: normal;
    color: #000 !important;
    font-weight: bold;
}
    .supportsAdvancedUI form > fieldset .subfield > legend,
    .supportsAdvancedUI form > fieldset legend ~ fieldset .title .message { color: #000; }

.supportsAdvancedUI form > fieldset .page-header p,
.member .benefit-offering-summary-header p,
.member .benefit-offering-summary,
.supportsAdvancedUI label,
.supportsAdvancedUI input,
.supportsAdvancedUI select,
.supportsAdvancedUI textarea,
.member .widget .hsaCurrent,
.member .widget .hsaMax  { font-size: 12px; /* font-size: 1em; //CHANGED to non-relative sizing per WR-174440 */ }

.member a,
.member a.accordion-toggle:hover, .member a.accordion-toggle:focus,
.member a.accordion-toggle:hover .message, .member a.accordion-toggle:focus .message,
.supportsAdvancedUI [class*=" icon-"] {
    color:#006D9E;
}
.member a { text-decoration:underline; }
    .supportsAdvancedUI .dropdown-menu a,
    .member a.buttonInnerLink,
    .member .progress-step a { text-decoration:none; }

.member a:hover,
.member a:focus {
    text-decoration:none;
}

.member .carousel-control:hover,
.member .carousel.video .carousel-control:focus { text-decoration: none !important; }

/* PER WR-174371: changed "margin" to "padding" to get the spacing to work properly for form-actions in IE8 */
.member fieldset > .form-actions{ padding: 40px 0 20px; margin: 0; }

.member small { font-size: 0.80em; }
.member .media .media-body small { font-size: 1em; }

div.signature span,
div.signature ul {
    display: none;
}

.member .prcc .primaryRegionContent {
    margin: 0;
}

.member .larger,
.member .largerLink {
    font-size: 1.1em;
}
    .member .largerBold,
    .member .larger .largerLink { font-size: 1em; }

/*----------------------------------*/
/*      HEADER
/*----------------------------------*/
.member #brandHeader {
    background-color: #fff;
}


/*----------------------------------*/
/*      NAVIGATION/TABS
/*----------------------------------*/
.member .tabs {
    margin: 0;
}

.member #applicationHeader .tabSet {
    height: 41px;
    /*border: 1px solid #404040;*/
   background-color: #404040;
   color: #FFF;
    border: 0;
    padding: 0px;
    margin: 0;
}

    .member #applicationHeader .tabSet .tabSetContainer,
    .member #applicationHeader .tabSet .tabSupplement {
        background: none transparent;
        border: 0;
        padding: 0;
    }

    .member #applicationHeader .tabSet .tabSetContainer { padding-left: 0; }

.member .tab .cl {
    background: none;
    border: 0;
}

.member .tab .cr {
    background: none;
    border: 0;
}

.member .tabSet .tab .cc {
    border-color: #CCC;
}

.member .tabs  .tabSpacer {
    border-left: 0;
}
    /*.member .tabs  .tabSpacer+.tabSpacer { border-left: 0; }*/

.member .tabs .tab a.buttonInnerLink {
    border: 0;
    padding: 0 20px;
    height: 41px;
    line-height: 41px;
    color:#fff;
    text-shadow: 0 1px 0 #000;
    text-transform: uppercase;
    text-decoration:none;
}
    .member .tabs .tab a.buttonInnerLink:hover {
        text-decoration:underline;
    }

/*.member .tabSet .tabCurrent .cc a {
    background: #07618c;
}*/
.member #costTrackerTotal,
.member #costTrackerLabel {
    line-height: 32px;
}

.supportsLegacyUI #costTracker .costSummary .bd { font-size: 1em; }

.member #costTrackerTotal .bf-icon { margin-top: 6px; }

.member #costTrackerTotal .ui-icon {
    background-image: url('//cdns.benefitfocus.com/netstorage/platform/static/img/ui-icons/ui-icons_888888_256x240.png') !important;
}
/*----------------------------------*/
/*      Plan Selection (v1 and latest)
/*----------------------------------*/

.product .plan-listing-main .product-attributes { font-size: 1.1em; }
.product .plan-listing-cap .rate th { font-size: 11px; }

/*----------------------------------*/
/*      FOOTER
/*----------------------------------*/
.member #brandFooter p {
    color: #333;
    font-size: 1.1em;
    line-height: 18px;
}

/*----------------------------------*/
/*      SMART WELCOME
/*----------------------------------*/

.member .banner_note .message h2 {
    color: #000;
    font-size: 1.6em;
    margin-bottom: 0.4em;
}
    .member .banner_note .ui-button .ui-button-text { text-shadow: none; }


.member div.describedButtonMessage { margin: 0; }
.member div.describedButtonMessage a {
    font-size: 0.9em;
    font-weight: bold;
}
.member .homePageEntryPointCommands div.describedButtonMessage a { font-size: 0.75em; }
.member div.describedButtonSupplementalDescription { font-size: 0.9em; }

.member .describedButton .cc span { display: block; }




/*----------------------------------*/
/*    REMAINING FUSION LAB STYLES
/*----------------------------------*/
#homePageWelcomeInstructions.widget.homePageWelcomeInstructions_infoWithBannerNote .widgetBody p {
    /*font-size: 14px;*/
    color: #006D9E;
    font-style: normal;
}

.homePageWelcomeInstructions_infoWithBannerNote .widgetBody li {
    /*font-size: 11px;*/
    color: inherit;
}