/***
	This is a custom CSS Style sheet that can be used to swap out colors for branding purposes.
	This is the list of main colors to be used throughout the site
	
	1. Green - #c0d113
	2. Light Blue - #3497db
	3. Medium Light Blue - #2980b8 -- 297fb8
	4. Blue - #466280
	5. Dark Blue #2c3d50
	6. Black - #2e2e2e
	7. White - #ffffff
	8. Light Grey - #d2dadd
	9. Medium Grey - #a6b7bf
	
	The above colors will be used for navigation, headers, headlines, body copy and other HTML components.	
***/

body { background: #929699; }
section.content { background: #fff; }
/* Headline and Font Styles */	
	h1 { color: #7b7f82; }
	h2 { color: #2C3D50; }
	h3 { color: #2e2e2e; }
	h4 { color: #6c7f89; }
	h5 { color: #2e2e2e; }
	h6 { color: #2e2e2e; }
	
	p { color: #000;  }
	.main-content a, aside a { color: #466280; }
	
	h2 a:hover { text-decoration: none !important; color: #6C7F89; !important; }
	
/* Header styles */
	header { border-top: 8px solid #7b7f82; }
	.logo { height: 80px; width: 250px; display: block; }
	header p a { color: #466280; }
	
	header .login-wrapper .logged-in ul li.name { color: #000; }
	header .login-wrapper .logged-in ul li.link-wrapper { background: #929699; color: #fff; line-height: 14px; padding: 4px; }
	header .login-wrapper .logged-in ul li a { color: #fff; text-decoration: none; }
	header .login-wrapper .logged-in ul li a:hover { text-decoration: underline; }
	header .login-wrapper .dist-co-tab ul { background: #466280; color: #fff; }
	header .login-wrapper .dist-co-tab ul li:not( :last-child ) { border-bottom: 1px solid #5a7490; }	

	/* Custom Nav Styles*/
	#nav li a { color: #fff; }
	#nav li a:active,
	#nav li a:hover { background: #929699 !important; }
	#nav span:after { border-top-color: #fff; }
	
	/* first level */
	#nav > ul { background: #929699 !important; }
	/*#nav > ul > li:not( :last-child ) > a { border-right: 1px solid #fff; }*/
	#nav > ul > li > a { border-right: 1px solid #fff;}
	#nav > ul > li.last > a { border: none; }
    #nav > ul > li:last-child > a { border: none; }
	#nav > ul > li:hover > a,
	#nav > ul > li.active > a { background: #7b7f82 !important; }
	
	/* second level */
	#nav li ul { background: #adb0b3; }
	/*#nav li:hover ul li:not( :last-child ) > a { border-bottom: 1px solid #fff; color: #fff; }*/
	#nav li:hover ul li > a { border-bottom: 1px solid #fff; color: #fff; }
	#nav li ul li.last a {border:none;}
	#nav li ul li a:hover,
	#nav li ul li.active a { background: #929699 !important; }
/* End Header Styles*/

/* Content Styles */
	.landing-wrapper { background: #d2dadd; border-top: 12px solid #a6b7bf; border-bottom: 12px solid #a6b7bf; }
	.landing-wrapper .lw-inner-wrapper {  border-top: 1px solid #fff; border-bottom: 1px solid #fff;  }
	
    .landing-wrapper .lw-inner-wrapper  .message-box { background: #f6f5df; font-size: 15px; font-weight: bold; padding: 15px 20px; margin: 40px 0 0 0; }
    
	.landing-wrapper .lw-inner-wrapper  .message-box { font-size: 16px !important; margin: 0 0 15px 0; }
	.landing-wrapper .lw-inner-wrapper  .message-box { display: inline-block; }

	.landing-wrapper .lw-inner-wrapper .intro-blue.investment-providers { background: url(../Images/ico-investment_providers.png) no-repeat right; height: 165px; }
	.landing-link { background: url(../Images/ico-more.png) no-repeat right; }

	.content .main-content .table-header { background: #466280; color: #fff; }
	
	/* Message Styles */
	.content .main-content .message-wrapper { border: 1px solid #d8d8d8;}
	.content .main-content .message-wrapper a:hover { background: #2c3d50 !important; color: #fff; }
	
	/* Inner Page Nav */
	.content .main-content .table-header { background: #466280; color: #fff; }	
	.content ul.inner-nav { border-bottom: 1px solid #d3dadd;  }
	.content ul.inner-nav li a:hover,
	.content ul.inner-nav li.active a { background: #d3dadd; color: #3b3b3b !important; }
	.content ul.inner-nav li.active div { background: url(../Images/bg-inner-nav-active.png) no-repeat; }
	.content ul.inner-nav li:not( :last-child ) a { border-right: 1px solid #d3dadd; }
	
	/* Planning Section Styles */
	.content .main-content .planning .articles h2 { background:url(../images/bg_planning_icos.png) 0 0 no-repeat; }
	.content .main-content .planning .calculators h2 { background:url(../images/bg_planning_icos.png) 0 -48px no-repeat; }
	.content .main-content .planning .icharts h2 { background:url(../images/bg_planning_icos.png) 0 -96px no-repeat; }
	.content .main-content .planning .videos h2 { background:url(../images/bg_planning_icos.png) 0 -144px no-repeat; }
	
	.content .main-content .related-content { border-bottom: 4px solid #2980b8; }
	.content .main-content .related-content .rc-container { background: #eee; border: 1px solid #d8d8d8; }
	
	/* Button Styles */
	.button-link, .button-link-pag { background: #466280; color: #fff !important; text-decoration: none !important; }
	.button-link:hover { background: #6c7f89; text-decoration: none !important; cursor: pointer; }
	/* Aside Styles - Right Column*/
		.content aside { background: #f6f6f6; border: 1px solid #ebebeb; }
		.content aside .section { border-bottom: 3px solid #d8d8d8; }
		.content aside .section div { background: #fff; border-top: 3px solid #d8d8d8; }
		.content aside h3 span { width: 95%; }
		.content aside h4 { color: #2c3d50; }
		.content aside .account-summary-totals { color: #2c3d50; }
		.content aside .divider { background: #fff; }
		.content ul.account-summary .positive { color: #598527 !important; }
		.content ul.account-summary .negative { color: #de5412 !important; }
		
	/* End Aside Styles - Right Column*/
	
	/* Quicklink Styles */
	.links ul li { border-left: 2px solid #fff; background: #eee; }
	.links ul li:hover .stand { background: #ddd; }
	.links ul li:hover .stand h3 { color: #2c3d50 !important; }
	.links ul li .detail-panel .inner-detail { background: #ccc; color: #fff; }
	.links ul li .detail-panel .inner-detail .ql-content h3,
	.links ul li .detail-panel .inner-detail .ql-content h3 a,
    .links ul li .detail-panel .inner-detail .ql-content p,
	.links ul li .detail-panel .inner-detail .ql-content p a { color: #333 !important; }
	.links ul li .detail-panel .inner-detail .ql-content h3 a img { padding: 0 0 0 5px; height: 10px; width: 10px; }
    .links ul li .detail-panel .close { background: url(../images/ico-close.png) no-repeat; height: 15px; width: 15px; } 
	.links .controls .pager-next,
	.links .controls .pager-prev { background: #ddd; }
	.links .controls .pager-next:hover,
	.links .controls .pager-prev:hover { background: #ddd; }
	
	.links .controls.disabled span a:hover,
	.links .controls .pager-next.disabled:hover,
	.links .controls .pager-prev.disabled:hover { background: #ddd !important; }
	.links .controls .pager-next span { background: url(../images/bg-quicklinks-arrows.png) 0 -24px no-repeat; }
	.links .controls .pager-prev span { background: url(../images/bg-quicklinks-arrows.png) 0 0 no-repeat; }
	
	/* Quicklink Icons */
	.links ul li .stand .transaction,
	.links ul li .inner-detail .transaction { background: url(../images/quicklinks_icons.png) no-repeat 0 0; }
	.links ul li .stand .plan-articles,
	.links ul li .inner-detail .plan-articles { background: url(../images/quicklinks_icons.png) no-repeat 0 -56px; }	
	.links ul li .stand .contribution-rate,
	.links ul li .inner-detail .contribution-rate { background: url(../images/quicklinks_icons.png) no-repeat 0 -112px; }
	.links ul li .stand .distributions,
	.links ul li .inner-detail .distributions { background: url(../images/quicklinks_icons.png) no-repeat 0 -168px; }
	.links ul li .stand .document-library,
	.links ul li .inner-detail .document-library { background: url(../images/quicklinks_icons.png) no-repeat 0 -224px; }
	.links ul li .stand .future-elections,
	.links ul li .inner-detail .future-elections { background: url(../images/quicklinks_icons.png) no-repeat 0 -280px; }	
	.links ul li .stand .ptp-transfers,
	.links ul li .inner-detail .ptp-transfers { background: url(../images/quicklinks_icons.png) no-repeat 0 -336px; }	
	.links ul li .stand .investing,
	.links ul li .inner-detail .investing { background: url(../images/quicklinks_icons.png) no-repeat 0 -392px; }
	.links ul li .stand .loans,
	.links ul li .inner-detail .loans { background: url(../images/quicklinks_icons.png) no-repeat 0 -448px; }
	.links ul li .stand .planning,
	.links ul li .inner-detail .planning { background: url(../images/quicklinks_icons.png) no-repeat 0 -504px; }
	.links ul li .stand .my-profile,
	.links ul li .inner-detail .my-profile { background: url(../images/quicklinks_icons.png) no-repeat 0 -560px; }
	.links ul li .stand .reallocation,
	.links ul li .inner-detail .reallocation { background: url(../images/quicklinks_icons.png) no-repeat 0 -616px; }
	.links ul li .stand .rebalance,
	.links ul li .inner-detail .rebalance { background: url(../images/quicklinks_icons.png) no-repeat 0 -672px; }
	.links ul li .stand .transfers,
	.links ul li .inner-detail .transfers { background: url(../images/quicklinks_icons.png) no-repeat 0 -840px; }
	.links ul li .stand .statements,
	.links ul li .inner-detail .statements { background: url(../images/quicklinks_icons.png) no-repeat 0 -784px; }
	
	/* Home page tabs styles */
	.tabs-container { border: 1px solid #d8d8d8; }

    .tabs-menu { background: #eee; }
    .tabs-menu li { border-right: 1px solid #d8d8d8; }
    .tabs-menu li.active,
    .tabs-menu li:hover { background-color: #fff; }
    .tabs-menu li a { color: #5e5e5e; }
    .tabs-wrapper { background: #fff; }

    .tabs-content { width: 95%; padding: 15px; display: none; }
	
	/* Balances Bar Chart */
	.balances-bar { display: block; background: #7a9548; border: 1px solid #5f8024; height: 10px;  }
	
	/* Form Styles */
	.form .row .fields input[type=text],
	.form .row .fields textarea { border: 1px solid #d8d8d8; }
	
	/* Login Specific Styles */
	header.login { overflow: hidden; }
	header.login .time-out,
	.content .main-content .message-box { background: #f6f5df; font-size: 15px; font-weight: bold; padding: 15px 20px; margin: 40px 0 0 0; }

	.content .main-content .message-box { font-size: 13px !important; margin: 0 0 15px 0; }
	.content .main-content .message-box { display: inline-block; }
	.content .main-content .message-box p:last-child { margin-bottom: 0 !important; }
	.landing-wrapper.login .wrapper a { color: #466280; }
	
	.landing-wrapper.login .container { background: #fff; border-bottom: 4px solid #2980b8; }
	.landing-wrapper.login .container p.login { color: #6c7f89; }
	.landing-wrapper.login .container label { color: #505050; }
	.landing-wrapper.login .container input.text { background: #f8f8f8; border: 1px solid #d8d8d8; }
	
	.landing-wrapper .error { color: #981b1e !important; font-weight: bold; }
	.landing-wrapper.login .login-info p { color: #333 !important; }
	.landing-wrapper.login .login-info .warning { background: url(../images/bg-login.png) no-repeat 0 0; height: 21px;  }
	.landing-wrapper.login .login-info .lock { background: url(../images/bg-login.png) no-repeat 0 -41px; height: 20px; line-height: 22px; }
	.landing-wrapper.login .login-info .one { background: url(../images/bg-login.png) no-repeat 0 -81px; }
	.landing-wrapper.login .login-info .two { background: url(../images/bg-login.png) no-repeat 0 -117px; }
	.landing-wrapper.login .login-info .three { background: url(../images/bg-login.png) no-repeat 0 -153px; }
	.landing-wrapper.login .login-info .question { color: #2e2e2e; }

	footer.login { background: #fff !important; color: #466280; text-align: center;}
	footer.login p { color: #466280 !important; }
	footer.login ul li a { color: #466280; }
	footer.login ul li:not( :last-child ) { border-right: 1px solid #466280; }	
	
	/* Table Styles */
	.datatable tr td a { color: #333 !important; }
	
/* End Content Styles*/
	
	/* Footer Syles */
	footer { background: #929699; }
	footer h3 { color: #fff; border-bottom: 1px solid #fff; }
	footer p { color: #fff; }
	footer a { color: #fff; }
	footer ul li:not( :last-child ) { border-right: 1px solid #fff; }	
	
	footer.login a { color: #466280 !important; text-decoration: none; }
	/* Misc Styles */
	
	#tvwCarrierBalance img { background: #000 !important; }
    .margLftFieldLabel{margin-left: 190px !important; display:block;}


.rowBg{ background-color:#f4f5f7; padding:20px 5px 10px 5px; border-bottom:1px solid #e2dfdf;}
.rowAltBg{ background-color:#ffffff; padding:20px 5px 10px 5px; border-bottom:1px solid #e2dfdf;}

.rowBg span.label, .rowAltBg span.label{font-size:13px !important;}
.rowBg input[type=text], .rowAltBg input[type=text]{font-size:13px !important;}

.instruction{font-size:12px;color:#0a548b;text-align:center;display:block;}

.password_ins{display: block; line-height: 30px; padding: 0px 0px 5px; font-style: italic; font-size:13px; text-align: center;}

.passwdField{border:1px solid #d8d8d8;padding:5px;width:30%;}

.margBtm10Txt{margin-bottom:20px; display:block;}
.flxTxtGap{margin:30px 0px 20px;}
.enterPasswdTxt{font-size: 13px; font-style: italic; padding-right: 10px; font-weight:bold}
.asterixred{color:#ff0000;font-weight:bold;font-size:15px}


/*----- Custom accordion -----*/
.accordion, .accordion * {
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}
 
.accordion {
    overflow:hidden;
    background:#ffffff;
    margin-bottom:5px;
}
 
.accordion-section-title {
    width:100%;
    padding:12px;
    display:inline-block;
    background:#f6f6f6;
    transition:all linear 0.15s;
    font-size:13px;
    color:#fff;
    margin-bottom:2px;
    text-decoration:none !important;
    font-weight:bold;
}
 
.accordion-section-title.active, .accordion-section-title:hover {
    background:#d8d8d8;
}

.accordion-section:last-child .accordion-section-title {
    border-bottom:none;
}

.accordion-section-content {
    padding:15px;
    display:none;
    border: 1px solid #d8d8d8;
}

.accordion-panel-show-hide {
    text-align:right;
    margin: 15px 0px;
}

.accordion-button-show-hide {
    margin:0px;
    font-size:8px !important;
    padding:8px 8px;
}

/*** div for list of errors ***/
.div-errors { 
    border: solid 1px darkred;
    margin:10px 0;
}
.div-errors-title {
    border-bottom: solid 1px darkred;
    padding:10px;
    font-weight:bold;
    font-size:13px;
    background:darkred;
    color:#ffffff;
}
.div-errors-title-badge {
	color: darkred; 
    width: 50px; 
    background-color: #FFFFFF; 
    float: right; 
    text-align: center; 
    border-radius: 15px; 
    padding: 2px;
}
.div-errors ul {
	color:darkred !important;
    padding:10px 0 0 25px !important;
}