/**************************************************/
/*                    WebFonts                    */
/**************************************************/

@font-face {
font-family:'Arimo_Regular';
src: url('/pbi_pbi1151/files/fonts/Arimo/Arimo_Regular.eot');
src: url('/pbi_pbi1151/files/fonts/Arimo/Arimo_Regular.eot?#iefix') format('embedded-opentype'),
url('/pbi_pbi1151/files/fonts/Arimo/Arimo_Regular.woff2') format('woff2'),
url('/pbi_pbi1151/files/fonts/Arimo/Arimo_Regular.woff') format('woff'),
url('/pbi_pbi1151/files/fonts/Arimo/Arimo_Regular.svg#Arimo_Regular') format('svg');
}

/**************************************************/
/*                     Layout                     */
/**************************************************/
body {
	background:url('hdr.png') repeat-x 0 10px;
	border-bottom:250px solid #3a6d8f;
}

/*Contains all elements within the body*/
.wrapper {
	/*Fix for iPhones width */min-width:initial;
	/* Never make webpage less than 1100px wide */
	max-width:1200px;
	padding:0 1em;
}

main {margin-bottom:22px;}

/*Contain all data area items other than Transactions on Account Page*/
main > .grid {

}

/*Contain all Transactions items, if needed copy the same styles from 'main' here*/
section div#transactions {

}

/*Contains the Utility Navigation, Banner, and Primary Navigation*/
header {
height:115px; margin-bottom:44px !important;
}

/*Banner*/
header div.grid__unit ~ div.grid__unit:nth-child(2) {

}

/*Define Logo Here*/
.bank-branding {
	background:url('logo-new.png') no-repeat; height:68px;
}

/*Used around data areas*/
.content--block{
    background-color:#ffffff;
	color:#515151;
}

/*Additional Selectors For Data Tables*/
.content--block, #table--transactions, .checkfree-widget-container{

}
div[data-bind*="hasFinishedProcessing"], #tranLegend {

}
#transfer .content--block, #download .content--block, div.dropdown  .content--block{

}
div.dropdown h1 button span {color:#194665;}
div.dropdown  .content--block {
	background:#3a6d8f; 
}
div.dropdown ul li a, div#filterMenu ul li label {color:#FFF; text-decoration:none;}
div.dropdown ul li:hover  { background:#194665;}


/*Padding For Checkfree Widget*/
.checkfree-widget-container {
	margin:0px;
	padding: 10px 0px 5px 0px;
}

/*Home Page Advertisement*/
.ad-container iframe{
	display:none;
}
.ad-container {
	width:100%;
	height:;
	background-image:;
	background-repeat:no-repeat;
	background-size:contain;
}

/**************************************************/
/*                     Font                       */
/**************************************************/
/*Fonts should only be defined as pixels on the html element. Other elements should use REM units.*/
html {
	font-size:14px;
}
body {
	font-family: 'Arimo_Regular', sans-serif;
	font-size:1rem;
}

/*Link colors. To target data section only add main in front of the selector*/
a, a:visited {
	color:#14496d; text-decoration:underline;
}
a:hover, a:active {
	color:#14496d;
}
p {
    color:#515151;
}
a.btn--acctCreate {
	font-size:1rem;
	color:#14496d;
}

/*Negative Account Balance*/
.neg--balance {
	color:#ff0000;
}

/*Action Buttons*/
.btn--default {
	background-color:#FFF; border:3px solid #99cccc; color:#3a6d8f;
}
.btn--default:hover {
	background-color:#194665; border:3px solid #194665;
	color:#ffffff;
}
.btn--link {
	color:#2b2b2b;
}
.btn--link:hover {
	color:#2b2b2b;
}
.btn--primary, a.btn--primary {
	background-color:#FFF; border:3px solid #99cccc; color:#3a6d8f;
}
.btn--primary:hover, a.btn--primary:hover {
	background-color:#194665; border:3px solid #194665;
	color:#ffffff;
}
.btn--thead, .header--non-sortable, .table--underlined th {
	color:#ffffff;
}

/*Alerts*/
.badge {
	background:#007ec2;
	color:#ffffff;
}

/*MFA*/
.mfa-divider {
	background:#dfdfdf;
}
.mfa-divider:before {
	background:#ffffff;
}

/*Data Tables*/
.text--plain {
	color:#515151;
}
.slat {
	border-color:#dfdfdf;
}
.table--underlined>thead>tr>th, .table--underlined>tbody>tr>th, .table--underlined>tbody>tr>td {
	border-bottom:1px solid #dfdfdf;
}
.table--underlined>thead tr:last-child th {
	border-bottom-width:2px;
}
.table--underlined>tbody tr:last-child td, .table--underlined .no-border {
	border-bottom-width:0;
}
.table--underlined>tfoot td {
	border-top:1px solid #dfdfdf;
}
thead th {
	background: #194665;
}

/*Data Table Odd/Even Row Background Colors*/
#table--transactions tbody tr:nth-child(odd), .table--trans-recent tbody tr:nth-child(odd), #scheduled-transfers .table--underlined tbody tr:nth-child(odd), #stopPaymentList .table--underlined tbody tr:nth-child(odd), .table--underlined tbody tr:nth-child(odd) {
	background:#FFF;
}
#table--transactions tbody tr:nth-child(even), .table--trans-recent tbody tr:nth-child(even), #scheduled-transfers .table--underlined tbody tr:nth-child(even), #stopPaymentList .table--underlined tbody tr:nth-child(even), .table--underlined tbody tr:nth-child(even) {
	background:#D4E0E2;
}
/*Home Page Odd/Even Row Background Colors*/
form#accountsForm > div.singleAccount:nth-child(odd) {background:#D4E0E2;}



.arrow {
	border-color:#dfdfdf;
}
.arrow--top-right:after {
	border-bottom-color:#dfdfdf;
}

/*OPTIONAL FONTS*/
/*Data Area Header Dropdown - Account page*/
main div.grid:nth-child(1)  div.grid__unit:nth-child(1) div.dropdown ul li , main div.grid:nth-child(1)  div.grid__unit:nth-child(1) div.dropdown ul li a {

}
main div.grid:nth-child(1)  div.grid__unit:nth-child(1) div.dropdown ul li , main div.grid:nth-child(1)  div.grid__unit:nth-child(1) div.dropdown ul li a:hover {

}
main div.grid:nth-child(1)  div.grid__unit:nth-child(1) div.dropdown ul li {

}
main div.grid:nth-child(1)  div.grid__unit:nth-child(1) div.dropdown ul li:hover {

}
main div.grid:nth-child(1)  div.grid__unit:nth-child(1) div.dropdown ul li:hover a{

}
input, select {

}
h1, h2, h3, .h1, .h2, .h3 {

}
h4, h5, h6, .h4, .h5, .h6 {

}
h1, .h1 {
	font-size:1.71rem;
}
h2, .h2 {
	font-size:1.43rem;
}
h3, .h3 {
	font-size:1.28rem;
}
h4, .h4 {
	font-size:1.14rem;
}
h5, .h5 {
	font-size:1rem;
}
h6, .h6 {
	font-size:.86rem;
}
h1 {color:#14496d;}
h2 {color:#14496d;}
h3 {color:#515151;}

/*Various alerts messages */
.alert--error {
	background:#fbeae9;
	border-color:#f7d6d3;
	color:#ad3123;
}
.alert--info {
	background:#d9edf7;
	border-color:#bce8f1;
	color:#2e6a87;
}
.alert--success {
	background:#dff0d8;
	border-color:#d6e9c6;
	color:#3a703c;
}
.alert--warning {
	background:#fffdd5;
	border-color:#ffe89e;
	color:#8c6b33;
}
.text--error {
	color:#ad3123;
}
.text--info {
	color:#2e6a87;
}
.text--muted {
	color:#999;
}
.text--success {
	color:#3a703c;
}
.text--warning {
	color:#8c6b33;
}

/***** use this section when you need to target the eStatement Terms and Conditions link *****/
section a[href*="ElectronicStatements"] {}


/**************************************************/
/*            Utility Navigation                  */
/**************************************************/
/*Position of Utility Section*/
header div.grid:nth-child(1)  div.grid__unit:nth-child(1) {

}

/*Welcome Message*/
.message--welcome {
	padding-top:5px;
}
.message--welcome p {
	color:#444;
}

/*Utility Navigation Buttons*/
.nav--utility {

}
.nav--utility li {

}
.nav--utility a{
	color:#336699; font-weight:bold;
}
.nav--utility a:hover {
	color:#444; text-decoration:underline;
}

/**************************************************/
/*            Primary Navigation                  */
/**************************************************/
/*Primary Navigation Positioning*/
header div.grid__unit ~ div.grid__unit:nth-child(3) {

}
.nav--primary {background:url('nav2.png') no-repeat; background-position:left 41px; height:75px;}
.nav--primary ul {height:40px;}
/*Navigation Buttons*/
.nav--primary li {

}
.nav--primary li a{
	color:#FFF; text-transform:uppercase; font-weight:bold; line-height:28px; font-size:1.1rem; 
}
.nav--primary li.is--selected a{

}
.nav--primary li a:hover {
	color:#f7ef9d; text-decoration:underline;
}

/**************************************************/
/*            Account Navigation                  */
/**************************************************/
.nav--account {

}
.nav--account li a {
	background:#14496d; color:#FFF;
}
.nav--account li a:hover {
	color:#f7ef9d;
}
.nav--account li.is--selected a {

}

/**************************************************/
/*                   Footer                       */
/**************************************************/
.page--footer {
	height:0; padding-bottom:0 !important; 
}
footer nav{
	background:url('ftr.png'), url('fdic.png');
	background-repeat:no-repeat, no-repeat;
	background-position:center -2px, right 28px;
	height:226px; 
	padding-top:40px;
	padding-right:380px;
}
footer p {
	color:#FFF; font-size:.85rem;
}
footer p:first-child {display:none;}
footer p:last-child {float:left !important;}
footer a, footer a:visited {
	color:#FFF; font-size:1.2rem;
}
footer a:hover {text-decoration:underline; color:#FFF;}


/**************************************************/
/*                Media Queries                   */
/**************************************************/
@media screen and (max-width: 869px) {
	body {background-position:center 20px;}
	div#utilitySection {width:100%; float:none; height:53px;}
	.message--welcome {width:100%; float:none; padding:5px 5px 0 5px;}
	.message--welcome p {font-size:.9rem;}
	.message--welcome p:first-child {float:left !important;}
	.message--welcome p:last-child {float:right !important;}
	.nav--utility {width:100%; text-align:right;}
	.nav--utility li a {font-size:.9rem;}
	.bank-branding {margin-top:3px;}
	.nav--primary {}
	.nav--primary li a {padding:6px 12px !important; font-size:1rem}
	footer nav {padding-right:280px;}
}
@media screen and (max-width: 689px) {
	.nav--primary li a {font-size:.9rem; padding:6px 10px !important;}
}
@media screen and (max-width: 599px) {
	html {
		font-size:12px;
	}
	body {background:none; border-bottom:none;}
	div#utilitySection {height:auto;}
	/*Add "mobile" logo here*/
	.bank-branding {
		background-position:center;
	}
	.wrapper {
		min-width:90%;
		padding:0px;
	}
	main {
		padding:10px;
	}
	
	.nav--primary, .nav--primary ul {height:auto; background:none;}
	.nav--primary li {
		border-bottom: 1px solid #ffffff; background:#3a6d8f; text-align:center;
	}
	.nav--primary li a {font-size:1.1rem;}
	.page--footer {background:#3a6d8f; height:auto;}
	footer nav{
		background:none, url('ftr-logo.png');
		background-repeat:no-repeat, no-repeat;
		background-position:0 0, center 28px;
		padding-right:0;
		padding-top:120px;
		height:auto;
	}
	footer li {width:100%;}
	footer a {text-align:center;}
	div#footerText {background-color:#3a6d8f;}
	footer p:last-child {background:url('ftr-fdic.png') no-repeat; background-position:center; height:110px; width:100%; text-align:center; padding:90px 0 0 0 !important;}

}
@media screen and (max-width: 360px) {
	html {
		font-size:10px;
	}
	thead th, td {
		padding: 0px 2px;
		font-size: 1rem;
	}
}