/*
	Client Customization CSS file

	NetBenefits 3.0

	TEMPLATE VARIABLES:

	id: 717;
	profile_id: 704;
	client_id: 000723649;
	// utility stuff
	utilityBackgroundColor: #000;
	utilityTextColor: #ffffff;
	utilityLinkColor:  #ffffff;
	// body stuff
	bodyBackgroundType: image;
	bodyBackgroundColor: #000;
	bodyBackgroundGradientTop: #ffffff;
	bodyBackgroundGradientBottom: #295200;
	bodyBackgroundImage: ../../../uploads/000723649/704/000723649_bg.png;
	bodyBackgroundPosition: 0 63px;
	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/000723649/704/000723649.gif;
	mastheadSecondaryLogoImage: img/powered-by.png;
	mastheadMessage: Employee Benefits;
	mastheadMessageColor: dark;
	mastheadMessageTextColor: #666666;
	mastheadMessageTextShadowColor: #ffffff;
	// toc menu (base)
	menuBaseColor: #368F3F;
	menuBaseBottomColor: #2b7334;
	menuBaseTextColor: #ffffff;
	menuBaseTextShadowColor: #000000;
	// toc menu (selected)
	menuSelectedColor: #1b6170;
	menuSelectedBottomColor: #164d5a;
	menuSelectedTextColor: #ffffff;
	menuSelectedTextShadowColor: #000000;
	// toc menu (hover)
	menuHoverColor: #0032A0;
	menuHoverBottomColor: #002985;
	menuHoverTextColor: #ffffff;
	menuHoverTextShadowColor: #000000;
	// toc menu borders
	menuBorderTopColor: #eee;
	menuBorderRightColor: #999;
	menuBorderBottomColor: #333;
	menuBorderLeftColor: #999;
	// base
	menuBaseBorderRightColor: #999;
	menuBaseBorderLeftColor: #1b6170;
	// hover
	menuHoverBorderRightColor: #1b6170;
	menuHoverBorderLeftColor: #1b6170;
	// selected
	menuSelectedBorderRightColor: #368F3F;
	menuSelectedBorderLeftColor: #368F3F;
	// heading color
	contentHeading2Color: #368F3F;
	// 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: #368F3F;
	tileBaseTextColor: #ffffff;
	tileBaseTextShadowColor: #000000;
	tileBaseBorderColor: #ffffff;

	tileHoverColor: #0032A0;
	tileHoverTextColor: #ffffff;
	tileHoverTextShadowColor: #000000;
	tileHoverBorderColor: #ffffff;

	tileActiveColor: #0032A0;
	tileActiveTextColor: #ffffff;
	tileActiveTextShadowColor: #000000;
	tileActiveBorderColor: #ffffff;

	htocSelectedColor: #1b6170;
	htocSelectedTextColor: #ffffff;

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


/* ===================================================================
	BEGIN Section A: Utility Nav
=================================================================== */

/* background of bar */
#container-utility,#layout-utility { background-color: #000; }
/* multi client label color */
#layout-utility .collapsed-client-selector label{color:#ffffff;}
/* linked text active color */
#navbar-tabs a:active{ color: #ffffff !important; }
#navbar-tabs a:focus{ color: #ffffff !important; }
/* unlinked text color */
#layout-utility .left,
#layout-utility .right { color:#ffffff; }
/* linked text color */
#layout-utility .right li a:link,
#layout-utility .right li a:visited { color: #ffffff; }
/* background color for li */
#layout-utility .right li { background-color: #000; }

/* ===================================================================
	END Section A: Utility Nav
=================================================================== */

/* ===================================================================
	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,#navbar-tabs,#navbar-modal {
	background-color: #000000;
	background-image: url('../../images/css/000723649_bg.png');
	background-position: 0 63px;
	background-repeat: repeat-x;
	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: #368F3F;
    background: -o-linear-gradient(to bottom, #368F3F 50%,#2b7334 100%);
    background: -ms-linear-gradient(to bottom, #368F3F 50%,#2b7334 100%);
    background: -moz-linear-gradient(to bottom, #368F3F 50%,#2b7334 100%);
    background: -webkit-gradient(to bottom, #368F3F 50%,#2b7334 100%);
    background: -webkit-linear-gradient(top, #368F3F 0%, #368F3F 50%,#2b7334 100%);
    background: linear-gradient(to bottom, #368F3F 50%,#2b7334 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#368F3F",endColorstr="#2b7334",GradientType=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#368F3F",endColorstr="#2b7334",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: #0032A0;
    background: -o-linear-gradient(to bottom, #0032A0 50%,#002985 100%);
    background: -ms-linear-gradient(to bottom, #0032A0 50%,#002985 100%);
    background: -moz-linear-gradient(to bottom, #0032A0 50%,#002985 100%);
    background: -webkit-gradient(to bottom, #0032A0 50%,#002985 100%);
    background: -webkit-linear-gradient(top, #0032A0 0%, #0032A0 50%,#002985 100%);
    background: linear-gradient(to bottom, #0032A0 50%,#002985 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#0032A0",endColorstr="#002985",GradientType=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#0032A0",endColorstr="#002985",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: #1b6170;
    background: -o-linear-gradient(to bottom, #1b6170 50%,#164d5a 100%);
    background: -ms-linear-gradient(to bottom, #1b6170 50%,#164d5a 100%);
    background: -moz-linear-gradient(to bottom, #1b6170 50%,#164d5a 100%);
    background: -webkit-gradient(to bottom, #1b6170 50%,#164d5a 100%);
    background: -webkit-linear-gradient(top, #1b6170 0%, #1b6170 50%,#164d5a 100%);
    background: linear-gradient(to bottom, #1b6170 50%,#164d5a 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#1b6170",endColorstr="#164d5a",GradientType=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#1b6170",endColorstr="#164d5a",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: #1b6170;
	border-left-color: #1b6170;
}

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

/* ===================================================================
	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: #368F3F  !important;}
.base-bottom-bg {background-color: #2b7334 !important;}
.base-bg:hover{ background-color: #0032A0 !important; }
.base-bottom-bg:hover{background-color: #002985 !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: #1b6170  !important; }
.selected-bottom-bg  {background-color: #164d5a !important;}
.selected-text-color  {color: #ffffff !important;}
.selected-bottom-text  {color: #000000 !important;}
.selected-border  {border: 1px solid #368F3F !important;}
.selected-bottom-border  {border : 1px solid #333;}

.hover-bg {background-color: #0032A0 !important; }
.hover-bottom-bg  {background-color: #002985 !important; }
.hover-text {color: #ffffff !important;}
.hover-bottom-text  {color: #000000 !important;}
.hover-border{ border : 1px solid #1b6170 !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 $stylesheet->tileBaseTextShadowColor; !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: #368F3F !important; color: #ffffff !important;}
.client-bg-hover:hover, .client-bg-hover:focus{ background-color: #0032A0 !important; color: #ffffff !important;}
.client-bg-hover:active { background-color: #1b6170 !important; color: #ffffff !important;}
.client-bg-active{ background-color: #1b6170 !important}

/* if no hover treatment needed for base background color */
.client-bg-only-color{ background-color: #368F3F !important; color: #ffffff !important;}
.client-text {color: #368F3F !important;}
/* Horizontal TOC */
.client-sec-bg-only{ background-color: #1b6170 !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: #1b6170 !important; color: #ffffff !important;}
.client-sec-bg-hover{ background-color: #0032A0 !important; color: #ffffff !important;}
.client-sec-bg-hover:hover, .client-sec-bg-hover:focus{ background-color: #0032A0 !important; color: #ffffff !important;}

.client-only-hover:hover,.client-only-hover:focus {background-color: #0032A0 !important; color: #ffffff !important;}
.client-only-hover:active {background-color: #1b6170 !important; color: #ffffff !important;}

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

/* 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: #1b6170 !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
=================================================================== */

;