/* Retail Brand CSS, contents
	Border Colors
	Background Colors
	Background Images
	Gradients	
	Text Colors
*/

/* Brand Scheme */
/* Brand Scheme */
/* Brand Scheme */

/* 
This section is a collection of all colors used to brand the tran application. 
The classes below provide a visual color guide on the Brand Scheme reference page here:  

	"/ConsumerWeb/brandfolder/schema/view/schema" 

Please update the Brand Scheme reference page if new colors are added. 
*/
	.brand-main 			{background:#4AAA42;}
	.brand-secondary 		{background:#C1D82F;}
	.brand-shade1 			{background:#063;}
	.brand-shade2 			{background:#004D26;}
	.brand-shade3 			{background:#00351A;}
	.brand-compliment	 	{background:#D28E00;}
	.brand-compliment-dark 	{background:#836119;}
	.brand-tertiary 		{background:#0A6496;}
	.brand-tertiary-dark	{background:#19465A;}
	.text-on-dark			{background-color:#FFF;} 			
	
/* End, Brand Scheme */

/* Branded colors for text/font color */

.brand-main-text 			{color:#4AAA42;}
.brand-secondary-text 		{color:#C1D82F;}
.brand-shade1-text 			{color:#063;}
.brand-shade2-text 			{color:#004D26;}
.brand-shade3-text 			{color:#00351A;}
.brand-compliment-text	 	{color:#D28E00;}
.brand-compliment-dark-text {color:#836119;}
.brand-tertiary-text 		{color:#0A6496;}
.brand-tertiary-dark-text	{color:#19465A;}
.text-on-dark-text			{color:#FFF;}


/* Background Color */
/* Background Color */
/* Background Color */

#section1 .logged-in .btn-login span.btn,
.main-content .account-list-tab.brand td,
.main-content thead.brand td,
.main-content thead.brand th,
.main-content .btn.brand,
.main-content span.btn.brand input,
.main-content #smc #calendarDiv,
.main-content #smc #calendar tr#controlRow td,
.main-content #smc #calendar td#selectedDay{
	background-color: #0D723C;
}


#section1 #login .btn-login span.btn{
	background-color: #0D723C;
}

.main-content .icons.brand img,
.main-content ul.icons.brand li,
.main-content td .icon.brand,
.icon.expand,
.icon.collapse,
.account-selector .jcarousel-next, 
.account-selector .jcarousel-prev,
.info-box.notifications li.UPDATE_INFORMATION .icon,
.info-box.notifications li.CARD_ACTIVATION .icon,
.info-box.notifications li.SMC_MSG_WAITING .icon,
.info-box.notifications li.CARD_OVERLIMIT .icon,
.info-box.notifications li.PAYMENT_DUE .icon,
.info-box.notifications li.UPDATE_INCOME .icon {
	background-color: #8C8D8E;
}

.interstitial h1.title,
.main-content h1.page-title img,
.main-content td.tab-info.right .account-balance,
.main-content table.call-out th,
.main-content table.call-out.colored,
.main-content table.call-out.colored td,
.tooltip {
	background-color: #7D9AAA;	
}
#section1 .logged-in h2{
	background-color: #0D723C;
}
.main-content .account-selector h3 {
	background-color: #6B6B6B;
}
#section1 .info-box h3,
.main-content .progressbar table td.current {
	background-color: #0D723C;
}
.main-content .btn.add {
	background-color: #7D9AAA;
}
.main-content #analytics-trans-ledger-bal-header .icon,
.main-content #balance-tooltip .icon  {
	background-color: #6B6B6B
}

/* End, Background colors */

/* Background Images */
/* Background Images */
/* Background Images */
#section1 .static-links li.security-center a {
	background-image: url(../img/security-center-icon.png);
}
.main-content li,
.pop-up.form-style .agreement-scroller ul li,
.detailSection td.notification div.disclosureBullet {
	background-image: url(../img/bullet-first-level-li.png);
}
.main-content .marketing-banner.custom span {
	background-image: url(../img/custom-banner-bg.png);
}
/* End, Background Images */

/* Borders */
/* Borders */
/* Borders */

#section1 .cross-sell .ad,
#header .wrapper,
.detailSection .offerRow td div {
	border-color: #8C8D8E;
}
.main-content .tab-panes .pane, 
.main-content .tab-panes .pane.nopadding {
	border-top-color: #8C8D8E;
}
#header {
	background-color: #C0C0C0;
	border-color: #C1D82F;
}
.main-content table.branded th,
.main-content .transaction-list th {
	border-color:#6B6B6B;
}
.main-content table.litebranded th {
	border-color:#BDBDBD; 
}
#section1 .logged-in .btn-login span.btn,
#section1 #login .btn-login span.btn,
.main-content .btn.brand,
.main-content span.btn.brand input,
.callout-window {
	border-color: #6B6B6B;
}
.main-content .btn.add {
	border-color: #836119;
}
.tooltip {
	border-color: #6B6B6B;
}
/* End, Borders */

/* Gradients */
/* Gradients */
/* Gradients */

.main-content .tab-panes .tabs a.current {
	background: #8C8D8E;
}
#header .nav li.here {
	background-color: #8C8D8E;
}
.main-content .marketing-banner.custom,
.main-content table.branded th,
.main-content .transaction-list th {
	background:#6B6B6B;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%) #6B6B6B; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5))) #6B6B6B; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%) #6B6B6B; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%) #6B6B6B; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%) #6B6B6B; /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%) #6B6B6B; /* W3C */
	
}
#section1 .info-box.notification h3 {
	background: #D28E00;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%) #d28e00; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5))) #d28e00; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%) #d28e00; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%) #d28e00; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%) #d28e00; /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%) #d28e00; /* W3C */	
}
.main-content .marketing-banner.custom.banknews {
	background: #e6e6e6; /* Old browsers */
	background: -moz-linear-gradient(top, rgba(230,230,230,0.65) 0%, rgba(230,230,230,0.64) 1%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,230,230,0.65)), color-stop(1%,rgba(230,230,230,0.64)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(230,230,230,0.65) 0%,rgba(230,230,230,0.64) 1%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(230,230,230,0.65) 0%,rgba(230,230,230,0.64) 1%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(230,230,230,0.65) 0%,rgba(230,230,230,0.64) 1%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(230,230,230,0.65) 0%,rgba(230,230,230,0.64) 1%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6e6e6e6', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
/* Gradient - Borders */

	/* for Brand main */
	.main-content .marketing-banner.custom {
		border-color: #004D26; /* mid range of gradient */
	}
	/* for Brand tertiary */
	.main-content .marketing-banner.custom.banknews {
		border-color: #c2c2c2; /* mid range of gradient */
	}

/* End, Gradients */

/* Text Color */
/* Text Color */
/* Text Color */
.main-content h1,
.main-content h1 a,
.main-content h1 a:hover,
#section2 .text-promo a,
.main-content a:hover,
.main-content .widget a,
.main-content .toggle-trigger,
#section1 .static-links li a,
.main-content ul.product-spotlight a.link,
.smc-main-content a#expand,
.smc-main-content a#collapse {
	color: #000000;
}

#section1 .nav li a.here,
#header .nav li a,
.account-selector li.here .account-name a,
.main-content .page-header-text h1,
.main-content h1.page-title,
.main-content #smc .sub-page-label,
.main-content h2,
.main-content h2 a,
.main-content .tab-panes .tabs a {
	color: #6B6B6B;
}
.main-content .marketing-banner.custom p {
	color: #C1D82F;
}
#section1 .nav li a:hover,
#header .nav li a:hover,
#section1 .static-links li a:hover,
.main-content h1 a:hover,
.main-content a:hover,
.main-content ul.product-spotlight a:hover,
.main-content .smc-utility-nav li.here a {
	/*color: #D28E00;*/
}
#section1 .info-box h3,
#section1 .logged-in h2,
.main-content .header-banner,
#header .nav li.here a,
.main-content .marketing-banner.custom h2,
.main-content table.branded th,
.main-content .transaction-list th,
.main-content .account-list-tab.brand td,
.main-content td.tab-info.right .account-balance,
.main-content thead.brand td,
.main-content thead.brand th,
.main-content #smc #calendarDiv,
.main-content #smc #calendar tr#controlRow td,
.main-content #smc #calendar td#selectedDay,
.main-content .account-list-tab.brand td a,
.tooltip {
	color: #FFF;
}
/* End, Text Color */ 

/* Review Email Interstitial */

.quickhelp-white.branded {
	background-color: #063;
}

#arrow_box {
	background: #ffffff;
	border: 2px solid #063;
	display:none;
	left: 520px;
	padding: 10px;
	position: absolute;
	top:22px;
	width: 345px;
}

#arrow_box ul li{
	background-image: url("../img/bullet-first-level-li.png");
	background-position: 0 6px;
    background-repeat: no-repeat;
	list-style-type: none;
    margin-left: 0;
    padding-left: 13px;
    float:left;
}

#arrow_box #close {
	margin-top: -20px;
	margin-right: -25px;
	float:right;
	font-size:x-small;
	font-weight:bold;
	padding-left:18px;
	line-height:16px;
}

#arrow_box #main_content {
	text-align:left;
}

#arrow_box #left_col {
	padding-top:10px;
	width: 340px; 
	float: left;
}

#arrow_box #left_col ul {
	padding-left: 5px;
	margin: 0;
}

.interstitial-button {
	background-color: #063;	
}

/* Manage alerts page branding */
.ma-header { background-color: #0d723c; }
.section-header { background-color: #0d723c; }
.mobile-section button:hover { background-color: #0d723c; }
.cancel-section p { color: #0d723c; }
.cancel-section button { background-color: #0d723c; }
.tnc-header { background-color: #0d723c; }	
.cat-accordion { background-color: #0d723c; }
.cat-accordion:hover { background-color: #004d26; }
.main-content h1.page-title img { background-color: #0d723c !important; }
#manageAlertsForm { margin-left: 1px !important; }
.check-icon-color { fill: #0d723c; }
.primary-bgc { background-color: #0d723c; }
/* Manage alerts page branding */
/* Customer profile page branding */
.page-section-header { background-color: #0d723c; }
.link { color: #0d723c; }
.mobile-section button:hover { background-color: #0d723c; }
.cancel-section p { color: #0d723c; }
.cancel-section button { background-color: #0d723c; }
.profile-accordion { background-color: #0d723c; }
.tnc-header { background-color: #0d723c; }
.primary-color { color: #0d723c !important; }
.add-email-btn { background-color: #0d723c; color: #fff; border-color: #0d723c; }
/* Customer profile page branding */
/* End */