/* mobile.css
   should be pulled through on both Level 3 & Webkit Phones */

html {
	height: 100%;
	-webkit-text-size-adjust: none; /* prevent font scaling in landscape */
} 

body {
	background-color: #CDD7E7;
	color: #0A1D40;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}

/*  REDEFINE HTML
------------------------------ */

/* headings */
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 10px;
	padding: 0;
}

h1 {
	color: #fff;
	font-size: 20px;
	padding: 8px 0;
	text-shadow: rgba(255,255,255, 1) 0px 1px 0px;
}

h1 span.amount {
	float: right;
	font-weight: normal;
	font-size: 18px;
}

h2 {
	font-size: 18px;
	padding: 8px 0;
}

/* links */
a {
	color: #0A1D40;
	font-weight: bold;
}

a.ext-link {
	background: url(../img/bullet-chevron.png) no-repeat 0 50%;
	font-size: 12px;
	padding-left: 13px;
	text-decoration: none;
}

a.ext-link-no-image {
	font-size: 12px;
	padding-left: 13px;
	text-decoration: none;
}

/* formatting */
p, ul {
	font-size: 16px;
	margin: 0;
	padding: 10px 0 0;
}

img {border: 0;}

.page ul {
	list-style: disc;
	list-style-type: disc;
	margin: 0 20px;
	padding: 0 20px;
}

/*  PAGE STRUCTURE
------------------------------ */
.landing-page #header { 
	background: url(../img/bg-header-lrg.png) repeat-x bottom left;
	min-height: 88px;
}

#content-inner {clear: both; padding: 0 8px 8px; overflow: hidden;} 
#content .page {text-align: left;}
	


/*  LANDING PAGE
------------------------------ */
.mib-landing-page {
	background-color: #071A3F;
	height: 100%;
	text-align: left;
}

.mib-landing-page .mib-inner {	
	background-image: -webkit-gradient(radial, center center, 0, center center, 340, from(#082E62), to(#071A3F)); height: 100%;
}

.mib-landing-page a {
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}

.mib-landing-page img.logo {margin: 18px;}

.mib-landing-page ul {
	margin: 0;
	padding: 0;
}

.mib-landing-page ul li {
	border-top: 1px solid #1D3054;
	border-bottom: 1px solid #06204A;
	color: #D8E1EB;
	font-size: 15px;
}

.mib-landing-page li a {
	color: #D8E1EB;
	display: block;
	font-weight: bold;
	padding: 25px 18px;	
	padding-left: 70px;
	text-decoration: none;
}

.mib-landing-page .full-site {
   	background:  url(../img/icon-chevron.png) no-repeat 0 0px;
	font-size: 13px;
	margin: 0 0 0;
	padding: 0 0 0 15px;
}

.mib-landing-page .mib-login {background: url(../img/icon-key.png) no-repeat 18px 50%;}
.mib-landing-page .mib-contact {background: url(../img/icon-phone-contact.png) no-repeat 18px 50%;}

.social-media {
	border-top: 1px solid #1D3054;
	border-bottom: 1px solid #06204A;
	padding: 10px 14px 5px;
	margin-bottom: 15px;
}

.social-media img {margin-right: 8px;}
	
/*  HEADER
------------------------------ */
#header img {margin:6px 0px 0px 10px;}

.landing-page #header img {	
	float: left;
	margin: 20px 10px 0;
}

.landing-page #header span {
	color: #fff;
	float: right;
	font-weight: bold;
	font-size: 16px;
	margin: 45px 10px 0;
}

#header .netguard-logo {margin: 17px 17px 0;}

/*  APP LINK
------------------------------ */
.applink {
	display: none;
	background-color: #FCF7BB;
	border-radius: 6px;
	font-size: 12px;
	font-weight: normal;
	line-height: 30px;
	text-align: left;
	padding: 0 8px;
	margin: 10px 0 0;
}

.applink a {text-decoration: none;}
.applink img {margin-top: 11px;}

/*  FORMS
------------------------------ */
.fieldcontain {
	border-bottom: 1px solid #CDD7E7;
	overflow: hidden;
	padding: 12px;
	text-align: left;
}

.fieldcontain:last-child {border-bottom: 0;}

label {
	display: inline-block;
	float: left;
	font-size: 15px;
	font-weight: bold;
	padding: 0;
}

.fieldcontain label {width: 45%;}

.fieldcontain label.wide {width: 65%;}

.fieldcontain input {
	border: 0;
	float: right;
	font-size: 15px;
	margin: 0;
	padding: 0;
	text-align: right;
	width: 55%;
}

.fieldcontain input.narrow {width: 35%;}

input.last-child {border: 0;}

input[type="submit"] {
   	background-color: #61A300;
    border: 1px solid #6BA21F;
    border-bottom: 1px solid #528E00;
    color: #fff;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 17px;
	font-weight: bold;
    margin: 8px 0 0;
    min-height: 44px;
    padding: 9px 0;
    width: 100%;
    text-shadow: rgba(0,0,0, 0.5) 0px -1px 0px;
}

input.cancel[type="submit"] {
	background-color: #ADBED8;
	border: 1px solid #9BB0CF;
	border-bottom: 1px solid #8696B3;
	color: #0A1D40;
	text-shadow: rgba(255,255,255, 0.5) 0px 1px 0px;
}

input.bypass[type="submit"] {
	background: none;
	border: 0;
	font-weight: normal;
	font-size: 16px;
	margin: 0;
	padding: 0;
	min-height: 0;
	text-decoration: underline;
	text-shadow: none;
	width: auto;
}

.button-delete[type="submit"] {
	border: 1px solid #621111;
	border-radius:6px;
	font-size: 12px;
	width: auto;
	min-height: 0;
	padding: 5px 8px;
	margin: -3px 0 0;
	background-color: #AD3232;
    background: -webkit-gradient(linear, center top, center bottom, from(#AD3232), to(#990000));
}

.confirm-delete[type="submit"] {
	border: 1px solid #621111;
	background-color: #AD3232;
    background: -webkit-gradient(linear, center top, center bottom, from(#AD3232), to(#990000));
    -webkit-box-shadow: rgba(0,0,0,0.6) 0px 1px 0px, 0px 1px 0px rgba(255,255,255,0.35) inset;
}

.legend {
	background-color: #B9C7DE;
	display: block;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	width: 100%;
	padding: 4px 0 3px;
}

textarea {
	border:0;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 17px;
	height: 35px;	
	width: 100%;
}

select {
	font-size: 14px;
	width: 100%;
}

.lbl-display {
	background-color: #fff;
	display: inline;	
	font-size: 15px;
	text-align: left;
}

.link-btn {
	border: 1px solid #9BB0CF;
	border-bottom: 1px solid #8696B3;
	text-shadow: rgba(255,255,255, 0.5) 0px 1px 0px;
	background: -webkit-gradient(linear, center top, center bottom, from(#C9D3E5), to(#B0C1DA));
    -webkit-box-shadow: rgba(255,255,255,0.6) 0px 1px 0px, 0px 1px 0px rgba(255,255,255,0.35) inset;
	color: #0A1D41;
	display: block;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin: 8px 0 0; 
	padding: 11px 0;
	width: 100%;
}

.link-btn-half {
	border: 1px solid #A8BAD5;
	font-size: 12px;
	padding: 5px;
	margin: 10px 0 15px;
	text-shadow: #fff 0px 1px 0px;
	width: 45%;
}

.store-link {
	height: 80px;
	width: 210px;
}

/* netguard screen */
.netguard {
	background-color: #B9C7DE;
	border: 0;
	overflow: hidden;
}

.netguard .coordinates,
.netguard .values {
	background-color: #B9C7DE;
	margin: 0 -1px;
	overflow: hidden;
}

.netguard .values {background-color: #fff;}
.netguard .coordinates label {padding: 4px 0;}

.netguard .coordinates label,
.netguard .values input {
	width: 33%;
	text-align: center;
}

.netguard .values input {
	border: 0;
	border-right: 1px solid #CDD7E7;
	float: left;
	font-size: 15px;
	margin: 0;
	min-height: 44px;
	padding: 0;
}

.netguard .values input:last-child {
	border: 0;
	width: 33.3%;
}

.netguard-bypass {background-color: #64A700; border-bottom: 1px solid #4B7D00;}

/* tabbed navigation */
.tabbed-nav, .tabbed-nav li {
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.tabbed-nav {
	margin: -10px -10px 0;
	overflow: hidden;
}

.tabbed-nav li {
	border-top: 1px solid #1E4172;
	float: left;
	font-size: 14px;
	width: 33.3%;
}

.tabbed-nav li.last {
	border-right: 0px;
	width: 33.3%;
}

.tabbed-nav li a {
	background-color: #082E61;
	border-right: 1px solid #071C3E;
	color: #fff;
	display: block;
	line-height: 20px;
	padding: 12px 0 12px;
	text-decoration: none;
}

.tabbed-nav .current, .tabbed-nav .last a {border: 0;}

.tabbed-nav .current a {
	background-color: #070D26;
	border: 0;
	padding-bottom: 13px;
}

.heading-bar {
	border-bottom: 1px solid #8EA1BE;
	font-size: 12px;
	font-weight: bold;
	margin: 0 -10px;
	padding: 5px 12px 4px;
	overflow: hidden;
}

/* ACCOUNT BALANCES
---------------------------------------- */
.account-balances {
	margin:0 -10px 0;
	padding: 0;
	text-align: left;
}

.account-balances dt {
	border-bottom: 1px solid #8EA1BE;
	font-size: 12px;
	font-weight: bold;
	margin: 0 -10px;
	padding: 5px 22px 4px;
	overflow: hidden;
    background: -webkit-gradient(linear, center top, center bottom, from(#C0CEE1), to(#A4B7D3));
}

.account-balances dt div {
	float: left;
	text-align: left;
}

.account-balances dt div.account {width: 60%;}

.landscape .account-balances dt div.account {width: 40%;}

.account-balances dt div.current {
	float: right;
	padding-right: 20px;
}

.landscape .account-balances dt div.current {
	float: left;
	width: 30%;
	text-align: right;
	padding-right: 0;
}

.account-balances dt div.available {display: none;}

.landscape .account-balances dt div.available {
	display: block;
	float: right;
	padding-right: 20px;
}

.account-balances dd, .submenu li {
	margin: 0;
	padding: 0;
	background-color: #CDD7E7;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #AEC0D9;
	color: #0A1D40;
	font-size: 15px;
	overflow: hidden;
	text-shadow: rgba(255,255,255, 0.5) 0px 1px 0px;
   	background: -webkit-gradient(linear, center top, center bottom, from(#DAE0ED), to(#CDD7E7));
}

.account-balances dd a, .submenu li a {
	display: block;
	min-height: 25px;
	padding: 21px 12px 20px;
	position: relative;	
	text-decoration: none;
}

.submenu li a {
	padding: 15px 12px 10px;
	text-align: left;
}

.submenu li a span {
	background: url(../img/bullet-chevron-blue.png) no-repeat 100% 50%; 
	display: block;
	width: 100%;
}

.account-balances dd span.title {
	display: inline-block;
	float: left;
	margin-bottom: 18px;
	width: 58%;
}

.landscape .account-balances dd span.title {width: 40%;}

.account-balances dd span.amount {
	background: url(../img/bullet-chevron-blue.png) no-repeat 100% 50%; 
	display: inline-block;
	float: right;
	font-weight: normal;
	text-align: right;
	top: 15px;
	padding-right: 20px;
}

.landscape .account-balances dd span.amount {
	float: left;
	text-align: right;
	width: 30%;
	background: none; 
	padding-right: 0;
}

.account-balances dd span.funds {display: none;}

.landscape .account-balances dd span.funds {
	background: url(../img/bullet-chevron-blue.png) no-repeat 100% 50%; 
	display: block;
	font-weight: normal;
	float: right;
	top: 15px;
	padding-right: 20px;
	min-height: 20px;
}

.account-balances dd span.no-background {background:none;}
.landscape .account-balances dd span.no-background {background:none;}

/* Transaction History - Account Filter 
---------------------------------------- */

/* account-info head */
.account-info {
	background-color: #CDD7E7;
	border-top: 1px solid #F2F4F9;
	border-bottom: 1px solid #ADBED7;
	margin: 0 -10px;
	padding: 22px 12px 8px;
	text-align: left;
	overflow: hidden;
}

.account-info  h1, .account-info h2 {
	color: #0A1D3F;
	margin: 0;
	padding: 0;
	text-shadow: rgba(255,255,0.5) 0px 1px 0px;
}

.account-info  h1 {
	font-size: 20px;
	line-height: 20px;
	margin: 0 0 5px;
}

.account-info h2 {
	font-size: 12px;
	font-weight: normal;
	line-height: 12px;
	margin: 0 0 5px;
}

/* account toogle */
.account-toggle  {
	margin: 20px 0 5px;
 	width: 100%;
 	overflow: hidden;

}

.contact-toggle {
	margin: 10px 0 0;
}

.account-toggle a {
	border: 1px solid #B9C8DE;
	color: #0A1D3F;
	display: block;
	float: left;
	font-size: 14px;
	padding: 6px 0;
	width: 49%;
	text-align: center;
	text-decoration: none;
	text-shadow: rgba(255,255,255, 0.5) 0px 1px 0px;
	background-color: #BFCCE1;
    background: -webkit-gradient(linear, center top, center bottom, from(#D8E0ED), to(#BFCCE1));
}

.account-toggle a:first-child {
	border-right: 0;
	border-radius: 6px 0 0 6px;
}

.account-toggle a:last-child {
	border-left: 0;
	border-radius: 0 6px 6px 0;
	width: 50%;
}

.account-toggle a.active {
   	color: #fff;
   	text-shadow: rgba(0,0,0, 0.5) 0px -1px 0px;
   	background-color: #4C6390;
   	background: -webkit-gradient(linear, center top, center bottom, from(#4C6390), to(#778EBA));
}

/* transaction filter */
ul.transaction-filter, ul.transaction-filter li {
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.transaction-filter {
	display: none;
	margin: 0 -10px;
	overflow: hidden;
}

ul.transaction-filter li {
	background-color: #D8E0ED;
	border-bottom: 1px solid #ADBED7;		
	color: #0A1D3F;
	float: left;
	font-size: 14px;
	font-weight: 700;
	width: 33.33%;
}

ul.transaction-filter li div {
	border-right: 1px solid #ADBED7;
	padding: 7px 0;
	text-shadow: rgba(255,255,255, 0.5) 0px 1px 0px;
}

ul.transaction-filter li:last-child div {border: 0;}

ul.transaction-filter li.active {
	background-color: #4C6390;
	border: 0;
	color: #fff;
}

ul.transaction-filter li.active div {
	text-shadow: #0A1D40 0 -1px 0;
	padding-bottom: 8px;
}

/* GENERIC LIST
----------------------------------------------------------- */
.generic-list {padding: 0;}
.contact-list { border-top:1px solid #A8BAD6; border-bottom:1px solid #A8BAD6;}

.generic-list a {text-decoration: none; color: #131313}

.generic-list li {
	border-bottom: 1px solid #CDD7E7;
	font-size: 15px;
	font-weight: bold;
	padding:8px 12px;
	overflow: hidden;
}

.contact-list li {
	padding: 12px;
}

.contact-list li:last-child {
	border-bottom: 0;
}

.generic-list li span {
	font-weight: normal;
	float: right;
	text-align: right;
}

.pending-text-section {
	text-align: right;
	margin-left: 30%;
}

.action-sheet .pending-text-section p {
	color: gray;
	font-weight: normal;
	padding: 0;
	font-size: 15px;
	padding-top:10px;
}

.pending-icon {
	position: relative;
	top: 4px;
	left: 7px;
}
.pending-text-section a.link {
	font-weight: normal;
	color: #0e61bd;
	text-decoration: underline;
}

.generic-list li span.block {
	display: block ;
	float: none;
	text-align: left;
}

.contact-list li span.block {
	font-size: 12px;
	margin-top: 3px;
	width: 55%;
}

.generic-list li span span {
	font-size: 12px;
	display: inline-block;
	margin-bottom: 0;
	line-height:22px;
}

.generic-list li:last-child {border: 0;}

.generic-list li .text-left {
	text-align: left;
	float: left;
	font-weight: bold;
}

.generic-list li input {
	border: 0;
	float: left;
	font-size: 17px;
	padding: 0;
}

/* ACCOUNTS LIST
----------------------------------------------------------- */
.accounts-list {
	font-size: 15px;
	margin: 0 -10px 0;
	padding: 0;
	text-align: left;	
}

.accounts-list h2 {
	background: url(../img/bg-divider-32bit.png) repeat-x;
	border-bottom: 1px solid #B4C4DB;
	display: none;
	color: #0A1D40;
	font-size: 12px;
	margin: 0;
	padding: 3px 12px;
}

.grouped-list h2 {display: block;}

.accounts-list ul {
	margin: 0;
	padding: 0;
}

.accounts-list li a {
	display: block;
	min-height: 25px;
	padding: 21px 12px 20px;
	position: relative;	
	text-decoration: none;
}

.accounts-list li li {
	background-color: #CDD7E7;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #AEC0D9;
	color: #0A1D40;
	font-size: 15px;
	overflow: hidden;
	text-shadow: rgba(255,255,255, 0.5) 0px 1px 0px; /* move to webkit css */
}

.accounts-list li li span.title {
	display: inline-block;
	font-size: 15px;
	line-height: 15px;
	width: 60%;
	text-transform: capitalize;
}

.accounts-list li li span.amount {
	float: right;
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
}

.accounts-list li li span span {
	float: none;
	margin: 0;
	position: static;
}

/*  GROUPED LIST
------------------------------ */
.grouped-list {margin: 0 -10px -10px;}

.grouped-list h2 {
	background: #D8E0ED;
	border-bottom: 1px solid #C1CDE1;	
	font-size: 15px;
	font-weight: bold;
	padding: 3px 12px 2px;
}

.grouped-list h2 span.amount {float: right; padding-right: 20px;}

.grouped-list li li {
	font-size: 15px;
	background: #fff;
	border: 0;
	border-bottom: 1px solid #CED8E8;	
}

.grouped-list li li span.amount {
	font-size: 15px;
	font-weight: normal;
	top: 15px;
	background: url(../img/bullet-chevron-blue.png) no-repeat 100% 50%; 
	padding-right: 20px;
}



.grouped-list li li span.amount.debit {color: #000;}
.grouped-list li li span.title {max-width: 230px;}

.grouped-list li a {
	display: block;
	padding: 15px 12px 12px;
	text-decoration: none;
}

/*  ACTION SHEET
------------------------------ */
.action-sheet {
	background-color: #fff;
	margin: 10px 0 0;
	text-align: left;
	overflow: hidden;
	text-align: left;
	border-radius: 8px;
}

.action-sheet-alt {margin: 8px 0;}

.action-sheet p {
	font-weight: bold;
	padding: 12px;
}

.action-sheet p span {
	float: right;
	font-weight: normal;
}

.numerical {
	margin: 0;
	overflow: hidden;
}

.numerical label, .numerical input {
	padding: 10px;
	margin: 0;
}

.numerical label {
	background: none;
	display: block;	
	float: left;
	padding-left: 12px;
}

.numerical input {
	border: 0;
	float: right;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 17px;
	width: 60%;
	text-align: right;
}

.available-balance {
	display: none;
	float: right;
	line-height: 13px;
	width: 100px;	
	text-align: right;
}

.available-balance span, .unavailable {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

.unavailable-alt {
	color: #666;
	padding: 3px 0 0;
	font-weight: bold;
}

/*  MODALBOX
------------------------------ */
.confirm-screen {background-color: #0A1D41;}

.modalbox {
	min-height:100%;
	width: 100%;
}

.modalbox-content {
	color: #fff;
	font-size: 16px;
	margin: 30px 0 0;
	padding: 8px;
}

.modalbox-content p,
.modalbox-content input {
	margin: 0 0 8px;
}

.modalbox-content .amount.credit, 
.modalbox-content .amount.zerovalue,
.modalbox-content .amount.debit {
	color: #FFF;
}

.landscape .modalbox-content {
	margin: 5px 0 0;
	min-height: 100%;
}

/* UPCOMING PAYMENTS
------------------------------ */
.upcoming-payment-list {
	background: #fff;
	list-style: none;
	list-style-type: none;	
	margin: 0 -10px;
	padding: 0;
	/* -webkit-box-shadow: 0px 8px 1px #000; */
}

.upcoming-payment-list li {
	border-bottom: 1px solid #CED8E8;
	list-style: none;
	list-style-type: none;
	overflow: hidden;
	width: 100%;
	position: relative;	
}

.upcoming-payment-list a {
	display: block;
	background: url(../img/bullet-chevron-blue.png) no-repeat 96% 50%; 
	text-decoration: none;
	overflow: hidden;
}

.landscape .upcoming-payment-list a  {
	background: url(../img/bullet-chevron-blue.png) no-repeat 98% 50%; 
}

.payment-date {
    background: -webkit-gradient(linear, center top, center bottom, from(#DAE0ED), to(#CDD7E7));
	background-color: #DAE0ED;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #ADBED7;
	border-right: 1px solid #CED8E8;
	text-align: center;
	padding: 8px 0;
	width: 44px;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	text-shadow: rgba(255,255,255, 1) 0px 1px 0px;
}

.payment-day, .payment-month {
	display: block;
}

.payment-day {
	font-size: 19px;
	line-height: 19px;
}

.payment-month  {
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
}

.payment-item {
	float: left;
	padding: 12px 0;
	text-align: left;
	display: block;
	width:100%;
	overflow: hidden;
}

.payment-title {
	display: block;
	float: left;
	margin-left: 54px;
	max-width: 75%;
}

.payment-amount {
	float: right;
	font-weight: normal;
	margin-right: 35px;
}

/* NOTIFICATIONS
------------------------------ */
.notifications {
	color: #fff;
	clear: both;
	margin: 0 0 10px;
	padding: 10px 0;
	text-align: center;
}

#content-inner .notifications {margin: 0 -10px;}
.error-msg {background-color: #C90E2C;}

.action-sheet .error-msg {
	color: #fff;
	font-weight: bold;	
	padding: 2px;
	text-align: center;
}

.successful-msg {background-color: #64A700; border-bottom: 1px solid #4B7D00;}

.notifications h2, .notifications p {
	color: #fff;
	margin: 0;
	padding: 0;
}

.notifications h2 {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
}

.successful-msg h2 {
	background: url(../img/icon-successful-msg.png) no-repeat 0 2px;
	padding-left: 25px;
}

.notifications p {font-size: 16px;}

.notifications a {
	color: #fff;
	font-weight: normal;
}

.appstore {
	font-weight: bold;
	padding-left: 19px;
	text-align: left;
}

.appstore a {font-weight: bold;}
.appstore div {margin-top: -11px;}

/*  HELPERS
------------------------------ */
.account-number {color: #7E817F;}
.amount.credit {color: #0A1D40;}
.amount.zerovalue {color: #000;}
.amount.debit {color: #990000;}
.currencycode {font-size: 10px; font-weight: bold;}
.clear {clear: both;}
.float-left { float: left; }
.float-right { float: right; }
.footnote {font-size: 16px; padding: 0 20px 20px;}
.footnote-sm {font-size: 12px;text-shadow: rgba(255,255,255, 1) 0px 1px 0px;} 
.legal {font-size: 12px; text-align: left; padding: 15px 5px;}
.legal p {font-size: 12px; text-align: left;}
.no-border {border: 0;}
.sn {font-size: 14px}
.tc {font-size: 12px; text-align: center; padding: 10px 0;}
.tc a {font-weight: normal;}
.wrap {width: 50%;}
select.small {width: 25%;}
select.large {width: 70%;}
.bg-colour-alt {background-color: #071A3F;}
.no-border-radius {
	border-radius: 0;
	margin: 10px -10px 0;
}

input.half {
	width: 49%;
}
.nowrap {white-space:nowrap;}
.width-70 {width:70%;}
.width-90 {width:90%;}

/*  ICONS
------------------------------ */
.icon {
	display: inline-block;
	height: 20px;
	width: 20px;
	position: relative;	
}

.edit {
	background: url(../img/icon-edit.png) no-repeat;
	top: 3px;
}

/* ------------------------------ */
.tba {
	color: #fff;
	font-size: 16px;
	padding: 10px 18px;
}

.payment-type {
	text-align: left;
	overflow: hidden;
}

.payment-type li li a {
	background: url(../img/bullet-chevron-blue.png) no-repeat 95% 50%;
}

.payment-type li li:last-child {border-bottom: 1px solid #ADBED7;}

.information {
	margin-bottom: 10px;
	overflow: hidden;
	padding: 10px 0;
	width: 100%;
}

.truncate {	
	display: inline-block;
	width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.landscape .truncate {
	width: 75%;
} 

/***** NEW HEADER + NAV STYLES *******/

.statement-details {
	background-color: #ADBED8;	
	border-top: 0px solid #A2B6D3;
	border-bottom: 1px solid #A2B6D3;
	color: #0A1D3F;
	font-size: 14px;
	font-weight: bold;
	text-shadow: rgba(255,255,255, 1) 0px 1px 0px;
	padding: 4px 10px;
    background: -webkit-gradient(linear, center top, center bottom, from(#CBD5E6), to(#ADBED8));
    -webkit-box-shadow: rgba(255,255,255,0.6) 0px 1px 0px, 0px 1px 0px rgba(255,255,255,0.35) inset;
}


.statement-details span {
	background: transparent url(../img/icons-blue-8x8.png) no-repeat 0 3px;
	display: block;
	line-height: 14px;
	padding-left: 10px;
}

.details-expanded span {
	background: transparent url(../img/icons-blue-8x8.png) no-repeat 0 -28px;
	padding-left: 10px;
	line-height: 14px;
	display: block;
}


.details-wrap {
	-webkit-transition:height .25s ease-in-out;
}

/*  GLOBAL NAV
------------------------------ */
.globalnav {
	background-color: #0A1D41;
	clear:both; /* added clear:both to fix weird layout issue on motorola with keyboard */	
	overflow:hidden;
	text-align: left;
	width: 100%;
	-webkit-transition:height .25s ease-in-out;
}

.globalnav a {
	display: block;
	color: #D8E1EB;
	padding: 18px 0 18px 67px;
	text-decoration: none;
}

.globalnav ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
}

.globalnav ul li {
	border-top: 1px solid #1D365F;
	border-bottom: 1px solid #071F49;
}

/* HEADER
------------------------------ */
#header {
	background-color: #082E62;
    background: -webkit-gradient(linear, center top, center bottom, from(#082E62), to(#07214C));
	border-top: 1px solid #254878;
	float: left;
	min-height: 42px;
	padding: 0;
	width: 100%;
}

/* title */
.main-title {
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	padding: 13px 0 9px;
}

.main-title a {
	color: #fff;
	text-decoration: none;
}

/* menu button */
.menu {
	border-left: 1px solid #041637;
	color: #fff;
	font-size: 11px;
	min-height: 44px;
	padding: 0;
	float: right;
}

.menu a {
	background: url(../img/bg-menu-icon.png) no-repeat 11px 16px;
	border-left: 1px solid #25426F;
	color: #fff;
	display: block;
	padding: 16px 11px 16px 36px;
	text-decoration: none;
}

.pressed {
    background: -webkit-gradient(linear, center top, center bottom, from(#071A3F), to(#082451));
    margin-top: -1px;
}

.pressed a {border-left: 0px solid #041637;}

/* icons */
.icon-32 {padding-left: 67px;}
.icon-20 {padding-left: 44px;}
.icon-16 {padding-left: 36px;}
.icon-13 {padding-left: 30px;}

.icon-20-back {background: url(../img/bg-icon-back.png) no-repeat 13px 4px;}

.icon-32-accounts {background: url(../img/bg-globalnav-sprite.png) no-repeat 17px 13px;}
.icon-20-accounts {background: url(../img/icon-20-accounts.png) no-repeat 13px 12px;}

.icon-20-transfer {background: url(../img/icon-20-transfer.png) no-repeat 13px 13px;}
.icon-32-transfer {background: url(../img/bg-globalnav-sprite.png) no-repeat 17px -55px;}


.icon-20-payments {background: url(../img/icon-20-payments.png) no-repeat 13px 12px;}
.icon-32-payments {background: url(../img/bg-globalnav-sprite.png) no-repeat 17px -123px;}

.icon-32-pilot {background: url(../img/bg-globalnav-sprite.png) no-repeat 17px -458px;}

.icon-20-upcoming {background: url(../img/icon-20-upcoming.png) no-repeat 13px 12px;}
.icon-32-up-cominig {background: url(../img/bg-globalnav-sprite.png) no-repeat 17px -263px;}

.icon-20-payees {background: url(../img/icon-20-payee.png) no-repeat 13px 10px;}
.icon-32-payees {background: url(../img/bg-globalnav-sprite.png) no-repeat 17px -331px;}

.icon-32-login {background: url(../img/sprite-contact-menu.png) no-repeat 17px 16px;}

.icon-20-contact {background: url(../img/icon-20-contact.png) no-repeat 13px 13px;}
.icon-32-contact {background: url(../img/sprite-contact-menu.png) no-repeat 17px -37px;}

.icon-32-logout {background: url(../img/bg-globalnav-sprite.png) no-repeat 17px -400x;}

input.icon-32-logout[type="submit"] {
	background: url(../img/bg-globalnav-sprite.png) no-repeat 17px -397px;
	border: 0 !important;
	font-weight: bold;
	font-size: 16px;
	margin: 0;
	min-height: 0;
	text-shadow: none;	
	display: block;
	color: #D8E1EB;
	padding: 18px 0 18px 67px;
	text-decoration: none;
	text-align: left;
	cursor: pointer;
	-webkit-border-radius: 0;
}

.icon-arrow-right {background: #fff url(../img/icon-arrow-right.png) no-repeat 50%;}

/* status messages */
.amount .status, .status {
	display: inline-block;
	color: #fff;
	float: left;
	font-weight: bold;
	line-height: 10px;
	text-transform: uppercase;
	font-size: 10px;
	margin: 3px 6px 0;
	padding: 2px;
	border-radius: 3px;
	min-height: 10px;
}

.payment-amount .status {margin-top: 4px;}
.processed {background-color: #65A800;}
.insuff.funds {background-color: #990000;}
.declined {background-color: #990000;}
.failed {background-color: #990000;}
.retrying {background-color: #E18F2D;}
.pending {background-color: #E18F2D;}

/*  CONTACT US
------------------------------ */
.contact-list .block {line-height: 1;}

.contact-list .block strong {
	display: inline-block;
	width: 68px;
}

/* new buttons */
.link-btn-49 {
	border: 1px solid #9BB0CF;
	border-bottom: 1px solid #8696B3;
	font-size: 15px;
	text-shadow: rgba(255,255,255, 0.5) 0px 1px 0px;
	padding: 12px 0 10px;
    margin: 8px 0;
    background: -webkit-gradient(linear, center top, center bottom,from(#C9D3E5), to(#B0C1DA));
  	-webkit-box-shadow: rgba(255,255,255,0.6) 0px 1px 0px, 0px 1px 0pxrgba(255,255,255,0.35) inset;
 	width: 49%;
}

.width-49 {
	min-height: 20px;
	width: 49%;	 
}

/*  WEBKIT ONLY STYLES
------------------------------ */
@media screen and (-webkit-min-device-pixel-ratio:0){		
    

    .available-balance {display: block;}
    .link-btn {-webkit-border-radius: 8px;}

    
    /* forms */
    input {
    	-webkit-appearance: none;
    	-webkit-border-radius: 0;
    	margin: 0;
    	padding: 10px 0;
    }
    
    input::-webkit-input-placeholder {color: #545454;}

    input.first-child {-webkit-border-radius: 8px 8px 0 0;}
    input.last-child {-webkit-border-radius: 0 0 8px 8px;}
    
    input[type="submit"] {
    	background: -webkit-gradient(linear, center top, center bottom, from(#7AC900), to(#61A300));
    	-webkit-appearance: none;
    	-webkit-border-radius: 8px;
    	-webkit-box-shadow: rgba(255,255,255,0.6) 0px 1px 0px, 0px 1px 0px rgba(255,255,255,0.35) inset;
    }
    
    input.cancel[type="submit"], .link-btn, .link-btn-half {
    	background: -webkit-gradient(linear, center top, center bottom, from(#C9D3E5), to(#B0C1DA));
    	-webkit-box-shadow: rgba(255,255,255,0.6) 0px 1px 0px, 0px 1px 0px rgba(255,255,255,0.35) inset;
    }
    	
	input.icon-32-logout[type="submit"] {
		-webkit-box-shadow: none;
	}    	
    	
    #header .logout, input.bypass[type="submit"] {
		-webkit-box-shadow: none;
	}
    
    select.half {width: 175px;}
    textarea {-webkit-appearance: none;}	
    
    /* tabbed-navs */
    .tabbed-nav {
    	background: -webkit-gradient(linear, center top, center bottom, from(#082E62), to(#071A3F));
    }
    
    .tabbed-nav li a {
    	background: -webkit-gradient(linear, center top, center bottom, from(#082E61), to(#071B40));
    }
    	
    .tabbed-nav .current a {
    	background: -webkit-gradient(linear, center top, center bottom, from(#070D26), to(#071A3F));
    }
    
    ul.transaction-filter {
    	background: -webkit-gradient(linear, center top, center bottom, from(#D8E0ED), to(#BFCCE1));
    }
    
    ul.transaction-filter li {
    	background: -webkit-gradient(linear, center top, center bottom, from(#D8E0ED), to(#BFCCE1));
    }
    
    ul.transaction-filter li.active {
    	background: -webkit-gradient(linear, center top, center bottom, from(#4C6390), to(#778EBA));
    }
    
    .account-info {
    	background: -webkit-gradient(linear, center top, center bottom, from(#DAE0ED), to(#CDD7E7));
    }
    
    /* netguard */
    .netguard  {
    	-webkit-border-radius: 5px;
    	padding: 0px 1px;
    }
    
    /* account balances and grouped lists */
    .heading-bar {
    	background: -webkit-gradient(linear, center top, center bottom, from(#C0CEE1), to(#A4B7D3));
    }	
    
    .accounts-list li li {
    	background: -webkit-gradient(linear, center top, center bottom, from(#DAE0ED), to(#CDD7E7));
    }
    
    .grouped-list li li {background: #fff;}			
}