/*
	Client Customization CSS file

	NetBenefits 3.0

	TEMPLATE VARIABLES:

	profile_id: ;
	client_id: 000700036;
	// utility stuff
	utilityBackgroundColor: #000
	utilityTextColor: #fff
	utilityLinkColor: #fff
	// body stuff
	bodyBackgroundType: gradient
	bodyBackgroundColor: #336600
	bodyBackgroundGradientTop: #ffffff
	bodyBackgroundGradientBottom: #7A0019
	bodyBackgroundImage: img/000000000_bg.png
	bodyBackgroundPosition: 50% 0
	bodyBackgroundRepeat: no-repeat
	bodyBackgroundAttachment: scroll
	bodyBackgroundImageColor: #666
	// masthead
	mastheadBackgroundType: color
	mastheadBackgroundColor: transparent
	mastheadBackgroundGradientTop: #ffffff
	mastheadBackgroundGradientBottom: #295200
	mastheadBackgroundImage: none
	mastheadBackgroundPosition: 0 0
	mastheadBackgroundRepeat: no-repeat
	mastheadBackgroundImageColor: #ffffff
	// logo images (non-css)
	mastheadPrimaryLogoImage: data:image/gif;base64,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
	mastheadSecondaryLogoImage: img/powered-by.png
	mastheadMessage: Employee Benefits
	mastheadMessageColor: dark
	mastheadMessageTextColor: #666666
	mastheadMessageTextShadowColor: #ffffff
	// toc menu (base)
	menuBaseColor: #7A0019
	menuBaseBottomColor: #610014
	menuBaseTextColor: white
	menuBaseTextShadowColor: #000000
	// toc menu (selected)
	menuSelectedColor: #FFCC33
	menuSelectedBottomColor: #cca328
	menuSelectedTextColor: black
	menuSelectedTextShadowColor: #000000
	// toc menu (hover)
	menuHoverColor: #bd6626
	menuHoverBottomColor: #98521f
	menuHoverTextColor: white
	menuHoverTextShadowColor: #000000
	// toc menu borders
	menuBorderTopColor: #eee
	menuBorderRightColor: #999
	menuBorderBottomColor: #999
	menuBorderLeftColor: #999
	// base
	menuBaseBorderRightColor: #999
	menuBaseBorderLeftColor: #FFCC33
	// hover
	menuHoverBorderRightColor: #FFCC33
	menuHoverBorderLeftColor: #FFCC33
	// selected
	menuSelectedBorderRightColor: #7A0019
	menuSelectedBorderLeftColor: #7A0019
	// heading color
	contentHeading2Color: #7A0019
	// Mobile Icons
	mobileMenuIcon: static/images/menu_small.png
	mobileMenuIconDark: static/images/menu_dark_small.png
	mobileBackArrowIcon: static/images/back_small.png
	mobileBackArrowIconDark: static/images/back_small_dark.png
	// Mobile button borders
	mobileBtnBorderColorDark: rgba(0,0,0,0.5)
	mobileBtnBorderColorLight: rgba(200,200,200,0.5)
	// Mobile button shading
	mobileBtnBoxShadowLight: 0 1px rgba(200,200,200,0.5)
	// Mobile Text Colors
	mobileWelcomeMsgColor: #000
	// Mobile content
	mobileWelcomeMessage: Access your account information anytime, anywhere.
	// Mobile high-res logo
	highresMobileLogo: 
	// Mobile header color override
	mobileHeaderColor: #7A0019
	mobileHeaderBottomColor: 
	mobileHeaderTextColor: 
	mobileHeaderTextShadowColor: 
	// Mobile highlight/top border override
	mobileHighlightColor: 
	//
	tileBaseColor: #7A0019
	tileBaseTextColor: #FFF
	tileBaseTextShadowColor: #000
	tileBaseBorderColor: #FFF

	tileHoverColor: #5b8e10
	tileHoverTextColor: #FFF
	tileHoverTextShadowColor: #000
	tileHoverBorderColor: #FFF

	tileActiveColor: #295200
	tileActiveTextColor: #FFF
	tileActiveTextShadowColor: #000
	tileActiveBorderColor: #FFF

	htocSelectedColor: #FFCC33
	htocSelectedTextColor: #ffffff

	engagerBackgroundColor: #6088AA
	engagerTextColor: #ffffff
	engagerCallToActionColor: #ffffff


/*
The customization options are:
  Background COLOR
  Background IMAGE
  Background POSITION (default origin point: Immediately below the utility bar: 63px)
  Background REPEAT
  Background ATTACHMENT (default: Scrolls with content; option is FIXED)
*/


/* ===================================================================
  BEGIN Section B: Wallpaper/Background Color
=================================================================== */
    
    body {
    background-color: #ffffff;
  	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ffffff;), color-stop(100%, #7A0019));
  	background-image: -webkit-linear-gradient(top, #ffffff 10%, #7A0019 100%);
  	background-image: -moz-linear-gradient(to bottom, #ffffff 10%, #7A0019 100%);
  	background-image: -o-linear-gradient(to bottom, #ffffff 10%, #7A0019 100%);
  	background-image: -ms-linear-gradient(to bottom, #ffffff 10%, #7A0019 100%);
  	background-image: linear-gradient(to bottom, #ffffff 10%, #7A0019 100%);
  	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#ffffff",endColorstr="#7A0019",GradientType=0);
  	-ms-filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#ffffff",endColorstr="#7A0019",GradientType=0);
  	background-position: 0 0 !important;
    }
/* ===================================================================
	END Section B: Wallpaper/Background Color
=================================================================== */
/* ===================================================================
	BEGIN Section C: Masthead
=================================================================== */

/*
	The customization options for the Masthead Background are:
		Background COLOR
		Background IMAGE
		Background POSITION
		Background REPEAT
*/

#container-masthead {
	background-color: transparent;
	background-image: none;
	background-position: 0 0;
	background-repeat: no-repeat;
}
/*
	The customization options for the title text are:
		Text color
		Text shadow (light or dark)
*/

#container-masthead .text {
  color: #666;
  text-shadow: 0 1px 0 #fff;
      
};
/*
	The customization options for masthead element positions are managed by a menu outlined in documentation. Below are the editable parameters for positioning elements.
*/

#container-masthead {
	padding-left: 28px;
	padding-right: 28px;
}
#container-masthead .layout-primary-logo {
	float: left;
	margin: 0 48px 0 0;
}
#container-masthead .text {
	display: block;
	float: left;
}
#container-masthead .layout-secondary-logo {
    display: block;
	float: right;
}
/* ===================================================================
	END Section C: Masthead
=================================================================== */


/* ===================================================================
BEGIN Section D: Nav Bar
=================================================================== */

/*
	Menu tab background and foreground colors
	See the following page to generate CSS properties:
	http://contentbos1.fmr.com:12690/archived/templates/Next_Generation_HTML_Template/NetBenefits-3_0/homepage/demo/menu-tab-color.shtml
*/
#layout-toc li a{
    color: white !important;
    text-shadow: 0 -1px #000000;
}

#layout-toc li a:link,
#layout-toc li a:visited { /* Button link color rules */
    color: white !important;
    text-shadow: 0 -1px #000000;
    background-color: #7A0019;
    background: -o-linear-gradient(to bottom, #7A0019 50%, #610014 100%);
    background: -ms-linear-gradient(to bottom, #7A0019 50%, #610014 100%);
    background: -moz-linear-gradient(to bottom, #7A0019 50%, #610014 100%);
    background: -webkit-gradient(to bottom, #7A0019 50%, #610014 100%);
    background: -webkit-linear-gradient(top, #7A0019 0%, #7A0019 50%, #610014 100%);
    background: linear-gradient(to bottom, #7A0019 50%, #610014 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#7A0019",endColorstr="#610014",GradientType=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#7A0019",endColorstr="#610014",GradientType=0);
}
#layout-toc li a:focus,
#layout-toc li a:hover { /* Button hover color rules */
    color: white !important;
    text-shadow: 0 -1px #000000;
    background-color: #bd6626;
    background: -o-linear-gradient(to bottom, #bd6626 50%, #98521f 100%);
    background: -ms-linear-gradient(to bottom, #bd6626 50%, #98521f 100%);
    background: -moz-linear-gradient(to bottom, #bd6626 50%, #98521f 100%);
    background: -webkit-gradient(to bottom, #bd6626 50%, #98521f 100%);
    background: -webkit-linear-gradient(top, #bd6626 0%,  #bd6626 50%, #98521f 100%);
    background: linear-gradient(to bottom, #bd6626 50%, #98521f 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#bd6626",endColorstr="#98521f",GradientType=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#bd6626",endColorstr="#98521f",GradientType=0);
}
#layout-toc li a:active,
#layout-toc li.selected a { /* Button active color rules */
    color: black !important;
    text-shadow: 0 -1px #000000;
    background-color: #FFCC33;
    background: -o-linear-gradient(to bottom, #FFCC33 50%, #cca328 100%);
    background: -ms-linear-gradient(to bottom, #FFCC33 50%, #cca328 100%);
    background: -moz-linear-gradient(to bottom, #FFCC33 50%, #cca328 100%);
    background: -webkit-gradient(to bottom, #FFCC33 50%, #cca328 100%);
    background: -webkit-linear-gradient(top, #FFCC33 0%, #FFCC33 50%, #cca328 100%);
    background: linear-gradient(to bottom, #FFCC33 50%, #cca328 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#FFCC33",endColorstr="#cca328",GradientType=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#FFCC33",endColorstr="#cca328",GradientType=0);
}
  

/*
Home Icon image position
*/

#layout-toc a.home span {
 background-position: 0 -18px;
}
#layout-toc a.home:hover span,
#layout-toc a.home:focus span {
  background-position: 0 -18px ;
}

#layout-toc a.home:active span,
#layout-toc li.selected a.home span {
  background-position: 0 -18px;
}
/*
	Menu borders
	The only customizable value is color.
*/
#layout-toc {
	border-top-color:#eee;
	border-right-color:#999;
	border-bottom-color: #999;
	border-left-color:#999;
}
#layout-toc  a, #layout-toc a:link,
#layout-toc a:visited,#layout-toc a:hover,
#layout-toc a:focus,#layout-toc a:active,
#layout-toc li.selected a {
	border-bottom-color: #999;
}

/*
	Menu tab borders
	The only customizable value is color.
*/
#layout-toc li a,
#layout-toc li a:link,
#layout-toc li a:visited {
	border-right-color: #FFCC33;
	border-left-color: #FFCC33;
}

#layout-toc li a:focus,
#layout-toc li a:active,
#layout-toc li.selected a {
	border-right-color: #7A0019;
	border-left-color: #7A0019;
}
/* The HOME tab does not have a left border. The following rule must not be edited. */
#layout-toc li a.home:link,
#layout-toc li a.home:visited,
#layout-toc li a.home:hover,
#layout-toc li a.home:focus,
#layout-toc li a.home:active,
#layout-toc li.selected a.home {
	border-left:none;
}

/* Modal Navbar - text color*/
#navbar-modal #layout-toc .modal{
  color: #666666;
}

.navbar .client-bg-only-color{
	background-color: #7A0019 !important;
	color: white !important;
}

.navbar .client-sec-bg-only{
	background-color: #FFCC33 !important;
	color: black !important;
}

@media screen and (min-width : 320px) and (max-width : 759px) {
	.responsive .client-bg-only-color{
		background-color: #7A0019 !important;
		color: white !important;
	}
	.responsive .tocHeader.client-sec-bg-only{
		background-color: #FFCC33 !important;
		color: black !important;
	}
	.responsive .tocContent .client-sec-bg-only{
		background-color: #FFCC33!important;
		color: black!important;
	}
}

.box:hover:after {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.65);
  opacity: 0.65;
  border-radius: 2px;
}

.client-brand-fade {
	 background: -moz-linear-gradient(left, rgba(122,0,25,0) 0%, rgba(122,0,25,0.8) 20%, rgba(122,0,25,1)100%);
	 background: -webkit-linear-gradient(left, rgba(122,0,25,0) 0%, rgba(122,0,25,0.8) 20%, rgba(122,0,25,1)100%);
	 background: -o-linear-gradient(left, rgba(122,0,25,0) 0%, rgba(122,0,25,0.8) 20%, rgba(122,0,25,1)100%);
	 background: -ms-linear-gradient(left, rgba(122,0,25,0) 0%, rgba(122,0,25,0.8) 20%, rgba(122,0,25,1)100%);
	 background: linear-gradient(left, rgba(122,0,25,0) 0%, rgba(122,0,25,0.8) 20%, rgba(122,0,25,1)100%);
	 filter: progid:DXImageTransform.Microsoft.gradient( GradientType=1, startColorstr="#007A0019", endColorstr="#7A0019");
}

/* ===================================================================
	END Section D: Nav Bar
=================================================================== */

/* ===================================================================
	BEGIN Section E: Content Area
=================================================================== */

/*
	Current option:
		Header color
*/
#outer-region-wrapper h1 {
	color:#000;
}

/* ===================================================================
	END Section E: Content Area
=================================================================== */

/* ===================================================================
	BEGIN Section F: TOC - Imported from 2.0
	TOC Header Background color
	TOC sub heading background color, color
	TOC componeent- border.
=================================================================== */

/*Customizable - (L) TOC Header  Element-Name:	Color (Hex value))*/
.toc-component .top-left-curve {background-color: #333333;}

/*Customizable - (M) Category Header Element-Name:	Color(Hex value))*/
.toc-component .sub-heading {background-color: #888888; color:#ffffff;}

/*Customizable - (N) Border Color Element-Name: Color(Hex value)) (or) (GIF file)*/
.toc-component .toc-wrapper {border-left: 1px solid #CCC8C5; border-right: 1px solid #CCC8C5;}
.toc-component .sub-heading {border-bottom: 1px solid #CCC8C5; border-top: 1px solid #CCC8C5;}


/* ===================================================================
	END Section F: TOC
=================================================================== */

/*===============================================================================
	BEGIN Section G:
	Page alignment options - Left Align
							 Center Align
	Default is center aligned - If the client needs left align pages
	and remove centering Enable below sections to have undo center rules
============================================================================ */
/*
#center-content-wrapper{
	margin-left: 4px;
	margin-right: 0px;
}
#layout-utility {
	margin-left: 4px;
	margin-right: 0px;
}
#container-masthead,#layout-toc {
	margin-left: 4px;
	margin-right: 0px;
}
*/
/* ===================================================================
	END Section G: Undo Centering
=================================================================== */


/* ======================================================================
	START : Reusable Utility Classes for branding based on template colors
=========================================================================*/

.base-bg{ background-color: #7A0019 !important;}
.base-bottom-bg {background-color: #610014 !important;}
.base-bg:hover{ background-color: #bd6626 !important; }
.base-bottom-bg:hover{background-color: #98521f !important;}
.base-text-color {color: white !important;}
.base-bottom-text-color  { color: #000000 !important; }
.base-border { border : 1px solid  undefined !important;}
.base-bottom-border {border : 1px solid #999;}

.selected-bg {background-color: #FFCC33 !important; }
.selected-bottom-bg  {background-color: #cca328 !important;}
.selected-text-color  {color: black !important;}
.selected-bottom-text  {color: #000000 !important;}
.selected-border  {border: 1px solid #7A0019 !important;}
.selected-bottom-border  {border: 1px solid #999;}

.hover-bg {background-color: #bd6626 !important; }
.hover-bottom-bg  {background-color: #98521f !important; }
.hover-text {color: white !important;}
.hover-bottom-text  {color: #000000 !important;}
.hover-border{ border : 1px solid #FFCC33 !important;}
.hover-bottom-border { border-color : 1px solid #999 !important;}

/* Only two colors for text , border , border arrow  either white or grey */
.contrast-text  {color: #FFF !important;}
.contrast-border  {border: #FFF !important;}
.text-shadow {text-shadow: #000 !important;}
.border-arrow {border-color: #FFF transparent transparent !important;}
.border-arrow:hover {border-color: #FFF transparent transparent !important;}

/* Available overrides if the client base background color is too dark or client-base-text color is too light */
.client-bg-hover{ background-color: #7A0019 !important; color: #FFF !important;}
.client-bg-hover:hover, .client-bg-hover:focus{ background-color: #5b8e10 !important; color: #FFF !important;}
.client-bg-hover:active { background-color: #295200 !important; color: #FFF !important;}
.client-bg-active{ background-color: #295200 !important}

/* if no hover treatment needed for base background color */
.client-bg-only-color{ background-color: #7A0019 !important; color: #FFF !important;}
.client-text {color: #7A0019 !important;}
/* Horizontal TOC */
.client-sec-bg-only{ background-color: #FFCC33 !important; color: #ffffff !important;}
a.client-sec-bg-only, a.client-sec-bg-hover:link, a.client-sec-bg-hover:hover, a.client-sec-bg-hover:visited{ background-color: #FFCC33 !important; color: #ffffff !important;}
.client-sec-bg-hover{ background-color: #bd6626 !important; color: white !important;}
.client-sec-bg-hover:hover, .client-sec-bg-hover:focus{ background-color: #bd6626 !important; color: white !important;}

.client-only-hover:hover,.client-only-hover:focus {background-color: #bd6626 !important; color: white !important;}
.client-only-hover:active {background-color: #295200 !important; color: #FFF !important;}

/* h2 client color */
h2.client-heading { color: #7A0019; }

/* Need this for deframed pages to override legacy code styles */
#horz_region1 a.client-sec-bg-only,
#horz_region1 a.client-sec-bg-hover:link,
#horz_region1 a.client-sec-bg-hover:hover,
#horz_region1 a.client-sec-bg-hover:visited{ background-color: #FFCC33 !important; color: #ffffff !important;}

.list-close-x {background-position: 0 0 !important;}

/* Engager Background */
#nbt-engager .nbt-engager-color-blue { background-color: #6088AA }
/* Engager Text */
#nbt-engager .nbt-engager-interior h2,
#nbt-engager .nbt-engager-interior p,
#nbt-engager .nbt-engager-interior a { color: #ffffff !important }
/* Engager Call to Action */
#nbt-engager a.nbt-engager-button:link,
#nbt-engager a.nbt-engager-button:focus {color: #ffffff; border-color: #ffffff}
#nbt-engager a.nbt-engager-button:hover {color: #ffffff; border-color: #ffffff}

/* ======================================================================
	END : Reusable Utility Classes for branding
=========================================================================*/

/* ===================================================================
	END NB3PO Template
=================================================================== */