/*
	Client Customization CSS file

	NetBenefits 3.0

	TEMPLATE VARIABLES:

	id: 1196;
	profile_id: 1183;
	client_id: 000716161;
	// utility stuff
	utilityBackgroundColor: #000;
	utilityTextColor: #ffffff;
	utilityLinkColor:  #ffffff;
	// body stuff
	bodyBackgroundType: image;
	bodyBackgroundColor: #000000;
	bodyBackgroundGradientTop: #ffffff;
	bodyBackgroundGradientBottom: #295200;
	bodyBackgroundImage: ../../../../../../../../uploads/000716161/1183/000716161_bg.png;
	bodyBackgroundPosition: 50% 0;
	bodyBackgroundRepeat: repeat-x;
	bodyBackgroundAttachment: scroll;
	bodyBackgroundImageColor: #000000;
	// masthead
	mastheadBackgroundType: color;
	mastheadBackgroundColor: transparent;
	mastheadBackgroundGradientTop: #ffffff;
	mastheadBackgroundGradientBottom: #295200;
	mastheadBackgroundImage: none;
	mastheadBackgroundPosition: 0 0;
	mastheadBackgroundRepeat: no-repeat;
	mastheadBackgroundImageColor: #ffffff;
	// logo images (non-css)
	mastheadPrimaryLogoImage: ../../../../../../../../uploads/000716161/1183/000716161.jpg;
	mastheadSecondaryLogoImage: img/powered-by.png;
	mastheadMessage: Employee Benefits;
	mastheadMessageColor: dark;
	mastheadMessageTextColor: #666666;
	mastheadMessageTextShadowColor: #ffffff;
	// toc menu (base)
	menuBaseColor: #007496;
	menuBaseBottomColor: #005975;
	menuBaseTextColor: #ffffff;
	menuBaseTextShadowColor: #000000;
	// toc menu (selected)
	menuSelectedColor: #ffcd04;
	menuSelectedBottomColor: #cda504;
	menuSelectedTextColor: #ffffff;
	menuSelectedTextShadowColor: #000000;
	// toc menu (hover)
	menuHoverColor: #80a14d;
	menuHoverBottomColor: #667f3d;
	menuHoverTextColor: #ffffff;
	menuHoverTextShadowColor: #000000;
	// toc menu borders
	menuBorderTopColor: #eee;
	menuBorderRightColor: #999;
	menuBorderBottomColor: #333;
	menuBorderLeftColor: #999;
	// base
	menuBaseBorderRightColor: #999;
	menuBaseBorderLeftColor: #ffcd04;
	// hover
	menuHoverBorderRightColor: #ffcd04;
	menuHoverBorderLeftColor: #ffcd04;
	// selected
	menuSelectedBorderRightColor: #007496;
	menuSelectedBorderLeftColor: #007496;
	// heading color
	contentHeading2Color: #007496;
	// 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: #000000;
	// Mobile content
	mobileWelcomeMessage: Access your account information anytime, anywhere.;
	// Mobile high-res logo
	highresMobileLogo: ;
	// Mobile header color override
	mobileHeaderColor: ;
	mobileHeaderBottomColor: ;
	mobileHeaderTextColor: ;
	mobileHeaderTextShadowColor: ;
	// Mobile highlight/top border override
	mobileHighlightColor: ;
	//
	tileBaseColor: #007496;
	tileBaseTextColor: #ffffff;
	tileBaseTextShadowColor: #000000;
	tileBaseBorderColor: #ffffff;

	tileHoverColor: #0787ac;
	tileHoverTextColor: #ffffff;
	tileHoverTextShadowColor: #000000;
	tileHoverBorderColor: #ffffff;

	tileActiveColor: #0787ac;
	tileActiveTextColor: #ffffff;
	tileActiveTextShadowColor: #000000;
	tileActiveBorderColor: #ffffff;

	htocSelectedColor: #ffcd04;
	htocSelectedTextColor: #ffffff;

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

*/


/* ===================================================================
	BEGIN Section B: Wallpaper/Background Color
=================================================================== */

/*
	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)
*/
body {
	background-color: #000000;
	background-image: url('../../images/css/000716161_bg.png');
	background-position: 50% 0 !important;
	background-repeat: repeat-x !important;
	background-attachment: scroll;
}

/* ===================================================================
	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: #ffffff !important;
text-shadow: 0 -1px #000000;
}

#layout-toc li a:link,
#layout-toc li a:visited { /* Button link color rules */
    color: #ffffff !important;
    text-shadow: 0 -1px #000000;
    background-color: #007496;
    background: -o-linear-gradient(to bottom, #007496 50%,#005975 100%);
    background: -ms-linear-gradient(to bottom, #007496 50%,#005975 100%);
    background: -moz-linear-gradient(to bottom, #007496 50%,#005975 100%);
    background: -webkit-gradient(to bottom, #007496 50%,#005975 100%);
    background: -webkit-linear-gradient(top, #007496 0%, #007496 50%,#005975 100%);
    background: linear-gradient(to bottom, #007496 50%,#005975 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#007496",endColorstr="#005975",GradientType=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#007496",endColorstr="#005975",GradientType=0);
}
#layout-toc li a:focus,
#layout-toc li a:hover { /* Button hover color rules */
    color: #ffffff !important;
    text-shadow: 0 -1px #000000;
    background-color: #80a14d;
    background: -o-linear-gradient(to bottom, #80a14d 50%,#667f3d 100%);
    background: -ms-linear-gradient(to bottom, #80a14d 50%,#667f3d 100%);
    background: -moz-linear-gradient(to bottom, #80a14d 50%,#667f3d 100%);
    background: -webkit-gradient(to bottom, #80a14d 50%,#667f3d 100%);
    background: -webkit-linear-gradient(top, #80a14d 0%, #80a14d 50%,#667f3d 100%);
    background: linear-gradient(to bottom, #80a14d 50%,#667f3d 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#80a14d",endColorstr="#667f3d",GradientType=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#80a14d",endColorstr="#667f3d",GradientType=0);
}
#layout-toc li a:active,
#layout-toc li.selected a { /* Button active color rules */
    color: #ffffff !important;
    text-shadow: 0 -1px #000000;
    background-color: #ffcd04;
    background: -o-linear-gradient(to bottom, #ffcd04 50%,#cda504 100%);
    background: -ms-linear-gradient(to bottom, #ffcd04 50%,#cda504 100%);
    background: -moz-linear-gradient(to bottom, #ffcd04 50%,#cda504 100%);
    background: -webkit-gradient(to bottom, #ffcd04 50%,#cda504 100%);
    background: -webkit-linear-gradient(top, #ffcd04 0%, #ffcd04 50%,#cda504 100%);
    background: linear-gradient(to bottom, #ffcd04 50%,#cda504 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#ffcd04",endColorstr="#cda504",GradientType=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#ffcd04",endColorstr="#cda504",GradientType=0);
}

/*
	Home Icon image position
 */
#layout-toc a.home span {
    background-position:0 -18px; /* white */
}

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

#layout-toc a.home:active span,
#layout-toc li.selected a.home span {
    background-position:0 -18px; /* white */
}

/*
	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: #ffcd04;
	border-left-color: #ffcd04;
}

#layout-toc li a:focus,
#layout-toc li a:active,
#layout-toc li.selected a {
	border-right-color:#007496;
	border-left-color:#007496;
}
/* 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: #007496 !important;
	color: #ffffff !important;
}

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

@media screen and (min-width : 320px) and (max-width : 759px) {
	.responsive .client-bg-only-color{
		background-color: #007496 !important;
		color: #ffffff !important;
	}
	.responsive .tocHeader.client-sec-bg-only{
		background-color: #ffcd04 !important;
		color: #ffffff !important;
	}
	.responsive .tocContent .client-sec-bg-only{
		background-color: #ffcd04 !important;
		color: #ffffff !important;
	}
}

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

/**
 *  BASE COLOR: rgb(0,116,150); */

.client-brand-fade {
	background: -moz-linear-gradient(left, rgba(0,116,150,0) 0%, rgba(0,116,150,0.8) 20%, rgba(0,116,150,1)100%);
	background: -webkit-linear-gradient(left, rgba(0,116,150,0) 0%, rgba(0,116,150,0.8) 20%, rgba(0,116,150,1)100%);
	background: -o-linear-gradient(left, rgba(0,116,150,0) 0%, rgba(0,116,150,0.8) 20%, rgba(0,116,150,1)100%);
	background: -ms-linear-gradient(left, rgba(0,116,150,0) 0%, rgba(0,116,150,0.8) 20%, rgba(0,116,150,1)100%);
	background: linear-gradient(left, rgba(0,116,150,0) 0%, rgba(0,116,150,0.8) 20%, rgba(0,116,150,1)100%);
	filter: progid:DXImageTransform.Microsoft.gradient(  GradientType=1, startColorstr='#00007496', endColorstr='#007496');
}

/* ===================================================================
	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: #007496  !important;}
.base-bottom-bg {background-color: #005975 !important;}
.base-bg:hover{ background-color: #80a14d !important; }
.base-bottom-bg:hover{background-color: #667f3d !important;}
.base-text-color {color: #ffffff !important;}
.base-bottom-text-color  { color: #000000 !important; }
.base-border { border : 1px solid #999 !important;}
.base-bottom-border  {border : 1px solid #333;}

.selected-bg   {background-color: #ffcd04  !important; }
.selected-bottom-bg  {background-color: #cda504 !important;}
.selected-text-color  {color: #ffffff !important;}
.selected-bottom-text  {color: #000000 !important;}
.selected-border  {border: 1px solid #007496 !important;}
.selected-bottom-border  {border : 1px solid #333;}

.hover-bg {background-color: #80a14d !important; }
.hover-bottom-bg  {background-color: #667f3d !important; }
.hover-text {color: #ffffff !important;}
.hover-bottom-text  {color: #000000 !important;}
.hover-border{ border : 1px solid #ffcd04 !important;}
.hover-bottom-border { border-color : 1px solid #333 !important;}

/* Only two colors for text , border , border arrow  either white or grey */
.contrast-text  {color : #ffffff !important;}
.contrast-border  {border : 1px solid #ffffff !important;}
.text-shadow {text-shadow : 0 1px #000000 !important;}
.border-arrow {border-color: #ffffff transparent transparent !important;}
.border-arrow:hover {border-color: #ffffff 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: #007496 !important; color: #ffffff !important;}
.client-bg-hover:hover, .client-bg-hover:focus{ background-color: #0787ac !important; color: #ffffff !important;}
.client-bg-hover:active { background-color: #005975 !important; color: #ffffff !important;}
.client-bg-active{ background-color: #005975 !important}

/* if no hover treatment needed for base background color */
.client-bg-only-color{ background-color: #007496 !important; color: #ffffff !important;}
.client-text {color: #007496 !important;}
/* Horizontal TOC */
.client-sec-bg-only{ background-color: #ffcd04 !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: #ffcd04 !important; color: #ffffff !important;}
.client-sec-bg-hover{ background-color: #80a14d !important; color: #ffffff !important;}
.client-sec-bg-hover:hover, .client-sec-bg-hover:focus{ background-color: #80a14d !important; color: #ffffff !important;}

.client-only-hover:hover,.client-only-hover:focus {background-color: #80a14d !important; color: #ffffff !important;}
.client-only-hover:active {background-color: #005975 !important; color: #ffffff !important;}

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

/* 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: #ffcd04 !important; color: #ffffff !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
=================================================================== */

;