@charset "UTF-8";
/*====================================*\
    Milestone Styles
\*====================================*/
.td_tabactive{ 
    background-color: #FE7F54
}
.td_tabalt{ 
    background-color: #7E7EFE
}


/*====================================*\
   $Login Page
\*====================================*/

body.login-page #languageSelectionDiv {
  margin-top: 10px;
}
body.login-page #banner {
  background: #f5f5f5 url(https://secure.bswift.com/images/documentImage/60015_502446.jpg) no-repeat left top;
  height: 500px;
}
body.login-page #login-main {
  background: url(https://lh5.googleusercontent.com/-A92KsoVm9Yk/UqZ1DPHVBvI/AAAAAAAAAYg/SeioBis3NVA/s10-no/blk-75.png);
  border: 1px solid #222;
  left: 40px;
  top: 100px;
  position: relative;
  right: 0px;
}
#login fieldset span.field-title,
#login-container h4,
#login-container li a {
  color: #fff;
}
#login-container li a:active,
#login-container li a:hover {
  color: #bb2a1e ;
}

/*--this section hides default image on homepage--*/
body.login-page .slideshow-wrapper { 
  background: none;
  border: none;
  display: none;
  position: absolute;
  width: 100%;
}
body.login-page .slideshow-wrapper img {
  display: none;
}

/* JD COMMENT - temporary style due to portlet header override */
body.login-page .panel-style-1 .portlet-header h5, 
body.login-page .panel-style-2 .portlet-header h5, 
body.login-page .panel-style-3 .portlet-header h5 {
	padding: 10px;
}

/*------------------------------------*\
    Login Page - Responsive
\*------------------------------------*/
@media (min-width: 571px) and (max-width: 959px) {
  body.login-page #portlet-container {
    width: 100% !important;
  }
  body.login-page #banner {
	background-size: 100%; /*not supported in IE8 and below*/
	background-position: left top;
	max-height: 950px;
  }
  body.login-page #login-main {
	left: 0px;
    margin-top: 70% !important;
  }
}
@media (max-width: 570px) {
  body.login-page #portlet-container {
    width: 100% !important;
  }
  body.login-page #banner {
	background-size: 100%; /*not supported in IE8 and below*/
	background-position: left top;
	height: 100%;
  }
  body.login-page #login-main {
	height: 100% !important;
	left: 0px;
    margin-top: 80% !important;
	position: relative;
	top: 1px;
  }
}


/*====================================*\
    $EE/ADMIN Home Page Panel Headers
	JD COMMENT - not recommended
\*====================================*/
.portlet-header {
    background: #BEBEBE !important;
    border-left: 6px solid #002467 !important;
    box-shadow: 0px 1px 2px rgba(0,0,0,.7) !important;
}

.portlet-header h5 {
    color: #666666 !important;
    font-weight: bold !important;
}


/*====================================*\
    $NAVIGATION
\*====================================*/
/*------------------------------------*\
    $TOP NAVIGATION
\*------------------------------------*/

/* Utility Navigation */
#nav-top .nav-top-link, 
#nav-top .nav-utility #nav-top-link-wrapper a, 
#chat-tools .chat-tools-phone, 
#chat-tools .chat-tools-phone:before, 
#chat-tools .chat-tools-intro a, 
#chat-tools .chat-tools-chat a {
	color: #666;
}
#nav-top .nav-top-link:hover, 
#nav-top .nav-utility #nav-top-link-wrapper a:hover, 
#chat-tools .chat-tools-phone:hover, 
#chat-tools .chat-tools-phone:hover:before,
#chat-tools .chat-tools-intro a:hover, 
#chat-tools .chat-tools-chat a:hover, 
#nav-top .nav-top-link:active, 
#nav-top .nav-utility #nav-top-link-wrapper a:active, 
#chat-tools .chat-tools-phone:active, 
#chat-tools .chat-tools-phone:active:before,
#chat-tools .chat-tools-intro a:active, 
#chat-tools .chat-tools-chat a:active, 
#nav-top .nav-top-link:focus, 
#nav-top .nav-utility #nav-top-link-wrapper a:focus, 
#chat-tools .chat-tools-phone:focus, 
#chat-tools .chat-tools-phone:focus:before,
#chat-tools .chat-tools-intro a:focus, 
#chat-tools .chat-tools-chat a:focus {
	color: #333;
}

/*------------------------------------*\
    $Main Navigation
\*------------------------------------*/
/* [Primary Color] - Color of navigation background */
#top-header:after,
#nav-mainNav, 
#responsive-nav .links-top-nav-responsive > li > a {
	background-color: #BEBEBE;
}
/* Font color of navigation tab */
#nav-mainNav a {
	color: #666;
}
/* Font color of active navigation tab */
#nav-mainNav a.current {
	color: #fff;
}
/* client specific, change carret color */
#nav-mainNav > ul li a[href="javascript:void(0);"] span:after, 
#responsive-nav .links-top-nav-responsive li a[href="javascript:void(0);"] span:after {
	color: #666;
}

/* [Secondary Color] - Hover and active background color of primary navigation tab */
#nav-mainNav > ul li a:hover, 
#nav-mainNav > ul li a.current, 
#nav-mainNav > ul li a.active {
	background-color: #666;
	color: #fff; /*client specific - change text color */
}
/* client specific, change carret color */
#nav-mainNav > ul li a[href="javascript:void(0);"]:hover span:after, 
#responsive-nav .links-top-nav-responsive li a[href="javascript:void(0);"]:hover span:after,
#nav-mainNav > ul li a[href="javascript:void(0);"].current span:after, 
#responsive-nav .links-top-nav-responsive li a[href="javascript:void(0);"].current span:after {
	color: #fff;
}
/* Background Color of secondary navigation items */
#nav-mainNav > ul li > ul li a, 
#responsive-nav .links-top-nav-responsive li ul li a {
	background-color: #BEBEBE;
	border-bottom: 1px solid #BEBEBE;
	color: #666; /*client specific - change text color */
}
/* Color of borders between each navigation tabs */
#nav-mainNav > ul li a {
	border-right: 1px solid #BEBEBE;
}
/* Far left border */
#nav-mainNav > ul > li:first-child > a {
	border-left: 1px solid #BEBEBE;
}

/* [Tertiary Color] - Hover color of secondary navigation items */
#nav-mainNav > ul li > ul li a:hover, 
#nav-mainNav > ul li > ul li a.active {
	background-color: #666;
}

/*------------------------------------*\
    $Help/Nav Button
\*------------------------------------*/
#help #trigger-overlay {
    background-color: #BEBEBE;
    border-left-color: #BEBEBE;
    border-right-color: #BEBEBE;
}
#help #trigger-overlay:hover {
    background-color: #666;
}


/*====================================*\
    $LEFT NAVIGATION - ADMIN
\*====================================*/
    
/* Selected Color */
#nav-tertiary li.selected a {
    background-color: #666;
    border-left-color: #002467;
    color: #fff;
}



/*------------------------------------*\
    $BUTTONS: Tiny MCE Buttons - Seen in Library Content Source Code View
\*------------------------------------*/
.mce-foot .mce-primary button {
    background-color: #002467 !important;
    border-bottom-color: #040939 !important;
}
.mce-foot .mce-primary button:hover {
    background-color: #001b4e !important;
}

/*------------------------------------*\
    $BUTTONS: Add Button
\*------------------------------------*/  
.btn-add,
a.btn-add,
input[type="submit"].btn-add,
input[type="button"].btn-add {
    background-color: #002467;
    border-bottom-color: #040939; /*match the border bottom of the primary button */
}
.btn-add:hover,
a.btn-add:hover,
input[type="submit"].btn-add:hover,
input[type="button"].btn-add:hover,
.btn-add:active,
a.btn-add:active,
input[type="submit"].btn-add:active,
input[type="button"].btn-add:active {
    background-color: #001b4e;
}

/*------------------------------------*\
    $BUTTONS: Arrow & Continue Button
\*------------------------------------*/  
.btn-arrow,
a.btn-arrow,
input[type="submit"].btn-arrow,
input[type="button"].btn-arrow {
    background-color: #002467;
    border-bottom-color: #040939; /*match the border bottom of the primary button */
}
.btn-arrow:hover,
a.btn-arrow:hover,
input[type="submit"].btn-arrow:hover,
input[type="button"].btn-arrow:hover,
.btn-arrow:active,
a.btn-arrow:active,
input[type="submit"].btn-arrow:active,
input[type="button"].btn-arrow:active {
    background-color: #001b4e;
}

/*------------------------------------*\
    $BUTTONS: Back Button
\*------------------------------------*/  
.btn-back,
a.btn-back,
input[type="submit"].btn-back,
input[type="button"].btn-back {
    background-color: #002467;
    border-bottom-color: #040939; /*match the border bottom of the primary button */
}
.btn-back:hover,
a.btn-back:hover,
input[type="submit"].btn-back:hover,
input[type="button"].btn-back:hover,
.btn-back:active,
a.btn-back:active,
input[type="submit"].btn-back:active,
input[type="button"].btn-back:active {
    background-color: #001b4e;
}

/*------------------------------------*\
    $BUTTONS: Simple Add - need this to override btn-add background color
\*------------------------------------*/
.btn-add.btn-simple,
a.btn-add.btn-simple,
input[type="submit"].btn-add.btn-simple,
input[type="button"].btn-add.btn-simple,
.btn-add.btn-simple:hover,
a.btn-add.btn-simple:hover,
input[type="submit"].btn-add.btn-simple:hover,
input[type="button"].btn-add.btn-simple:hover
.btn-add.btn-simple:active,
a.btn-add.btn-simple:active,
input[type="submit"].btn-add.btn-simple:active,
input[type="button"].btn-add.btn-simple:active {
    background-color: transparent;
    border-bottom-color: transparent;
}

/*====================================*\
    $SUB NAVIGATION, ENROLLMENT
\*====================================*/

/* change navigation background */
#nav-subnavWrapper {
    background-color: #BEBEBE;
}
/* change tab dividers to match navigation background */
.topNav_selection_tab a:after, 
.topNav_selection_tab span:after {
    border-left-color: #BEBEBE;
}

/* tab color */
.topNav_selection_tab div,
.topNav_selection_tab a, 
.topNav_selection_tab span {
    background-color: #666;
    color: #fff; /*optional*/
}
.topNav_selection_tab a:before, 
.topNav_selection_tab span:before {
    border-left-color: #666;
}

/* tab hover color */
.topNav_selection_tab a:hover, 
.topNav_selection_tab span:hover {
    background-color: #002467;
}
.topNav_selection_tab a:hover:before, 
.topNav_selection_tab span:hover:before {
    border-left-color: #002467;
}

/* selected tab color */
.topNav_selection_tab a#selected-step, 
.topNav_selection_tab span#selected-step {
    background-color: #002467;   
    color: #fefefe; /*optional*/ 
}
.topNav_selection_tab a#selected-step:before, 
.topNav_selection_tab span#selected-step:before {
    border-left-color: #002467;
}

/*------------------------------------*\
   $Sub Navigation Enrollment Cart
\*------------------------------------*/
#nav-subnav .enroll-cost-label,
#nav-subnav .enroll-cost-total {
	color: #002467; /*client specific - change text color on light gray background */
}
/* light rule on both sides of the cart icon  - must match hover & active state on the cart icon*/
#enrollment-summary-cart-wrap {
    border-left-color: #666;
    border-right-color: #666;
}
#enrollment-summary-cart {
	background-color: #666;
}
/* hover & active state on the cart icon and cart flyout background */
#enrollment-summary-cart:hover,
#enrollment-summary-cart.active,
#enrollment-cost-summary-dropdown {
    background-color: #002467;
}


/*------------------------------------*\
   Hide Plan Details Links
\*------------------------------------*/
#benefittype-55 .view-plan-details-link,
#benefittype-8 .view-plan-details-link,
#benefittype-73 .view-plan-details-link,
#benefittype-74 .view-plan-details-link,
#benefittype-117 .view-plan-details-link,
#benefittype-12 .view-plan-details-link{
	display:none!important;
}