/* INVENTORY
Grid & Layout
Global Elements
Buttons
Splash Pages
Datepicker
Footer
Responsive Tables
Transfers
Schedule
Account Detail Tabs
Statements
Cleaned code for message center
Cleaned code for My Profile
Cleaned code for Alerts
Customer Service
My Profile
Alerts
Customer Serviced
SBO login
Citibank
Cash Flow Tracker
Forms
Image Zoom
Select Wrappers js
Citibank
Forms
Retina-ize icons
@media screen and (max-width: 960px)
@media screen and (max-width: 920px)
@media screen and (max-width: 930px) and (min-width: 690px), screen and (max-width: 430px)
@media screen and (max-width: 860px) and (min-width: 690px), screen and (max-width: 430px)
@media screen and (max-width: 860px) and (min-width: 800px), screen and (max-width: 590px)
@media screen and (max-width: 860px)
@media screen and (max-width: 800px)
@media screen and (max-width: 740px)
@media screen and (max-width: 785px)
@media screen and (max-width: 697px)
@media screen and (max-width: 690px)
@media screen and (max-width: 590px)
@media screen and (max-width: 490px)
@media screen and (max-width: 430px)
@media screen and (max-width: 600px)
Non-semantic Helper Classes
Print styles
*/
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

/*--------------------neat grid styles begins------------------------*/
.outer-container {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto; }
  .outer-container::after {
    clear: both;
    content: "";
    display: table; }

.neatcol1 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 6.1721527019%; }
  .neatcol1:last-child {
    margin-right: 0; }

.neatcol2 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 14.7019570017%; }
  .neatcol2:last-child {
    margin-right: 0; }

.neatcol3 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%; }
  .neatcol3:last-child {
    margin-right: 0; }

.neatcol4 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%; }
  .neatcol4:last-child {
    margin-right: 0; }

.neatcol5 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 40.2913699012%; }
  .neatcol5:last-child {
    margin-right: 0; }

.neatcol6 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 48.821174201%; }
  .neatcol6:last-child {
    margin-right: 0; }

.neatcol7 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 57.3509785009%; }
  .neatcol7:last-child {
    margin-right: 0; }

.neatcol8 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 65.8807828007%; }
  .neatcol8:last-child {
    margin-right: 0; }

.neatcol9 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 74.4105871005%; }
  .neatcol9:last-child {
    margin-right: 0; }

.neatcol10 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 82.9403914003%; }
  .neatcol10:last-child {
    margin-right: 0; }

.neatcol11 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 91.4701957002%; }
  .neatcol11:last-child {
    margin-right: 0; }

.neatcol12 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%; }
  .neatcol12:last-child {
    margin-right: 0; }

@media screen and (max-width: 920px) {
  .neatcol4, .neatcol5, .neatcol6, .neatcol7, .neatcol8, .neatcol9, .neatcol10, .neatcol11, .neatcol12 {
    width: 100%;
    float: none; } }

/*--------------------neat grid styles end------------------------*/
/*------------- Fontello Icons ------------------*/
/* Basic Fontello styles */
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "olb_icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-checkmark:before {
  content: '\e800';
  font-size: .9375rem;
  line-height: 1.35rem; }

.icon-large-close:before {
  content: '\e802';
  font-size: .9375rem;
  line-height: 1.35rem; }

/* remember to highlight inserts somehow! */
/* This break is hidden in mobile view. Use to break sentence in full-width, but not for smaller widths*/
br.mobile {
  display: block; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

.caps {
  text-transform: uppercase; }

.half {
  width: 45%; }

.align-right {
  text-align: right; }

.align-left {
  text-align: left; }

.no-bottom-margin {
  margin-bottom: 0 !important; }

.add-top-margin {
  display: block;
  margin-top: 10px; }

.temp-pw-move {
  padding-top: 10px; }

.add-bottom-margin {
  display: block;
  margin-bottom: 10px; }

.add-left-margin-20px {
  display: block;
  margin-left: 20px; }

.add-left-margin-40px {
  display: block;
  margin-left: 40px; }

.add-right-padding-40px {
  padding-right: 40px; }

.add-right-padding-3px {
  padding-right: 3px; }

.add-bottom-padding-12px {
  padding-bottom: 12px; }

.button-wrapper {
  margin-top: 15px;
  margin-bottom: 15px; }

.big-bold {
  font-size: 18px;
  font-family: 'source_sans_prosemibold';
  display: inline-block; }

.small-text {
  font-size: .875em; }

.input-example {
  font-size: .875em;
  float: left;
  width: 100%; }

.design-note {
  padding: 15px;
  background: #fbf5c5; }

.word-break {
  /* force long words to break */
  -ms-word-break: break-all;
  word-break: break-all;
  /* Non standard for webkit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

sup {
  font-size: 0.8em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.25em; }

sup.topspace {
  top: .75em; }

h2 sup,
h3 sup {
  font-size: 1em;
  top: -.1em; }

.credit-promo h2 sup {
  font-size: .5em;
  top: -1em; }

.ua-firefox sup {
  top: 0; }

sub {
  top: 0.4em; }

address {
  font-style: normal; }

#iwanttolist a,
#next-steps p a,
.table-footer p a,
p.return-to-ao a,
.active .daychoice a,
.inactive .daychoice a,
a.submit-link,
a.cancel-button,
a.btn-grey,
a.btn-yellow,
a.btn-blue,
a.btn-green,
a.btn-ltblue,
a.btn-teal,
ul li a:link {
  text-decoration: none; }

.top-content .current-statement p a,
table th a {
  text-decoration: underline !important; }

strong {
  font-family: 'source_sans_prosemibold'; }

th {
  font-weight: 400; }

h4 {
  font: normal 1.2em/120% 'source_sans_prosemibold', verdana, sans-serif;
  color: #31383e; }

h5 {
  font: normal 1em/120% 'source_sans_prosemibold', verdana, sans-serif;
  color: #31383e; }

.disabled {
  cursor: pointer;
  opacity: 0.5; }

.inline-block-bold {
  display: inline-block;
  font-family: 'source_sans_prosemibold'; }

.inline-block {
  display: inline-block; }

.top-half, .cf:after {
  clear: both;
  float: none;
  content: "";
  /* need "." for Firefox 3.5 older */
  display: block; }

.hide {
  display: none; }

/* Technique to center anything from CSS-Tricks */
/* This parent can be any width and height */
.perfectly-centered-wrapper {
  text-align: center; }

/* The ghost, nudged to maintain perfect centering */
.perfectly-centered:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */ }

/* The element to be centered, can
   also be of any width and height */
.perfectly-centered {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 0;
  margin: 0; }

p.radio-description {
  margin-left: 23px;
  padding-top: 0;
  padding-bottom: 0; }

.non-sup-asterisk {
  position: relative;
  top: 7px;
  font-size: 1.4em; }

.blue-box {
  padding: 10px 15px;
  border: 1px solid #ccc;
  background: #E5ECFA; }

.gen-message .single-button {
  margin: 20px 15px 0 0; }

.gen-message .blue-box {
  margin-top: 15px; }

.gen-message .emphasize {
  font-family: 'source_sans_prosemibold';
  font-size: 17px;
  display: block; }

/*--------------global ends------------------------------------*/
/*--------------------grid & layout begins------------------------*/
/*1 /2 and 1/2 layout for Payments &Transfers */
#transfers .column-one,
#message-center .column-one {
  float: left;
  width: 48.7%;
  margin-bottom: 30px; }

#transfers .column-two,
#message-center .column-two {
  float: right;
  width: 48.7%; }

/* 2/3 and 1/3 layout for Account Detail, Statements, Alerts, My Profile and Customer Service */
/*  #outside-accounts??  */
#statements .column-one,
#acct-details .column-one,
#acct-details2 .column-one,
#alerts .column-one,
#my-profile .column-one,
#customer-svc .column-one,
#sbo-login .business-svc .column-one,
#outside-accounts .column-one,
#transfers.payment-list-view .column-one {
  width: 70.145%;
  float: left;
  margin-bottom: 30px; }

#statements .column-two,
#acct-details .column-two,
#acct-details2 .column-two,
#alerts .column-two,
#my-profile .column-two,
#customer-svc .column-two,
#sbo-login .business-svc .column-two,
#outside-accounts .column-one,
#transfers.payment-list-view .column-two {
  width: 26.94%;
  float: left;
  margin-left: 2.6%;
  margin-bottom: 30px; }

#statement-accts .column-two,
#acct-details .column-two {
  margin-top: -72px; }

#acct-details.citi .column-two {
  margin-top: 0; }

/*other type of layout*/
.retail-login .column-one,
#customer-svc.sixty-fourty .column-one {
  width: 60.145%;
  float: left;
  margin-bottom: 30px; }

.retail-login .column-two,
#customer-svc.sixty-fourty .column-two {
  width: 36.94%;
  float: left;
  margin-left: 2.6%; }

#outside-progress .column-one {
  width: 65%;
  float: left; }

#outside-progress .column-two {
  width: 32%;
  float: left;
  margin-left: 2.6%; }

/*full width column*/
.column-wide,
.one-column,
.column-one-a {
  width: 100%;
  float: left;
  margin-bottom: 15px; }

/*--------------------grid & layout ends------------------------*/
/*-------------------- global elements setting --------------------*/
/*module*/
#transfers .module {
  padding-bottom: 0; }

#make-transfer {
  border-radius: 0; }

#make-transfer .mod-footer,
#outside-progress .mod-footer {
  margin: 0; }

#transfers .tabcontent .mod-content,
#account-services .mod-content,
#acct-details2 .mod-content {
  padding: 0; }

#acct-details2 .module .mod-content {
  border: 0; }

#account-services {
  clear: both;
  padding: 0; }

.tabcontent .mod-content {
  padding: 15px;
  margin: 0;
  border: 0; }
  .tabcontent .mod-content p {
    padding: 10px 15px; }

.module .tab-bar .mod-content {
  padding-left: 10px;
  border-left: 1px solid #c3c1c1;
  border-right: 1px solid #c3c1c1; }

#statement-accts .module {
  padding: 0;
  border: none;
  border-bottom: 1px solid #c3c1c1;
  border-radius: 0; }

.optional-text {
  padding-top: 10px;
  font-size: .875em; }

/* Paul's new version of module */
#transfers .module.move-money {
  /*border: 0;*/
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  background: #fff;
  margin-bottom: 25px;
  padding: 15px; }

#transfers .module .mod-content, .transfer .module .mod-content, #sbo-login .module .mod-content {
  /* border-left: 1px solid #c3c1c1;
        border-right: 1px solid #c3c1c1;
        padding: 15px;*/
  border: 0;
  padding: 0; }

.module-horiz-padding {
  padding-left: 15px;
  padding-right: 15px; }

.transfer .module .mod-footer, #transfers .module .mod-footer {
  border-bottom: 0; }

.transfer .column-one footer.mod-footer {
  display: none; }

#transfers .module {
  border-bottom: 3px solid #ebb32c; }

#transfers.verify-transaction .column-one .module {
  border-bottom: 0; }

/*-------------------- global elements setting ends ------------------*/
#sched-payments .table-wrapper,
#sched-transfers .table-wrapper,
#upcoming-ach .table-wrapper,
#upcoming-wire .table-wrapper {
  margin: 0; }

.table-wrapper form {
  margin: 0; }

.table-footer {
  border-top: 0;
  border-bottom: 1px solid #ccc;
  padding: 8px 5px 8px 0; }

.table-footer span {
  margin-left: 10px; }

.transfer .mod-content .table-footer p {
  padding: 0 0 0 10px; }

th.rowchoice1,
th.rowheader {
  border: none;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  color: #222; }

#transfers th.rowheader {
  font-weight: normal;
  vertical-align: middle; }

td {
  border: none;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  color: #222;
  vertical-align: middle; }

#transfers #pt-table,
#transfers .showpayments,
#transfers .showtransfers,
#transfers .showwire,
#transfers .showach {
  display: none; }

.editpayments #pt-table {
  display: block; }

.verify-transaction #pt-table {
  display: block; }

.verify-transaction .showpayments,
.verify-transaction .showtransfers {
  display: inline; }

.header-add-another {
  background-color: #e0e0e0;
  padding: 10px 10px 10px 35px;
  position: relative;
  margin: 25px 0;
  cursor: pointer; }

.header-add-another:before {
  background: url(../images/olb-sprites.png) -180px -20px;
  content: "";
  position: absolute;
  left: 10px;
  top: 10px;
  width: 20px;
  height: 20px; }

.header-add-another h2.move-new-trans {
  color: #2f2f2f;
  font-size: 1.25em;
  padding: 0;
  margin: 0; }

#sched-payments thead th,
#sched-transfers thead th,
#pt-table thead th,
#upcoming-wire thead th,
#upcoming-ach thead th,
.payment-list-view-table thead tr th {
  background: #f0f0f0;
  box-shadow: 0 2px 0 #e8e8e9;
  color: #2f2f2f;
  text-align: left;
  border-bottom: 1px solid #dbdada;
  border-right: 1px solid #dbdada;
  border-top: 1px solid #dbdada;
  border-left: none;
  font-family: 'source_sans_prosemibold'; }

#sched-payments th:last-child,
#sched-payments td:last-child,
#sched-transfers th:last-child,
#sched-transfers td:last-child,
#pt-table th:last-child,
#pt-table td:last-child,
#payments-transfers th:last-child,
#upcoming-wire th:last-child,
#upcoming-ach th:last-child {
  border-right: none; }

#sched-payments td,
#sched-transfers td,
#pt-table td,
#upcoming-wire td,
#upcoming-ach th {
  border-right: 1px solid #e6e5e5; }

#sched-payments th.rowheader,
#sched-transfers th.rowheader,
#pt-table th.rowheader,
#upcoming-wire th.rowheader,
#upcoming-ach th.rowheader {
  border-right: 1px solid #dbdada; }

#sched-payments .overflowing th.rowheader,
#sched-transfers .overflowing th.rowheader,
#pt-table .overflowing th.rowheader,
#upcoming-wire .overflowing th.rowheader,
#upcoming-ach .overflowing th.rowheader,
#sched-payments .overflowing td,
#sched-transfers .overflowing td,
#pt-table .overflowing td,
#upcoming-wire .overflowing td,
#upcoming-ach .overflowing td {
  border-right: 0; }

#pt-table .tabcontents .table-wrapper {
  margin: 0; }

.securitytitles {
  font-family: 'source_sans_probold'; }

.oneliner {
  display: block; }

#account-services.collapsed .mod-footer {
  padding-bottom: 10px; }

#account-services button {
  width: 100%;
  margin-bottom: 10px;
  text-align: left;
  padding: 10px; }

#account-services button .btn-arrow {
  margin-right: 2%;
  padding-right: 5px;
  color: #111; }

#credit-card-loans .right-column button {
  margin-bottom: 5px; }

.bank-info .mod-content p.bottom-rt-link {
  text-align: left;
  padding-bottom: 0; }

.bank-info .mod-content p {
  padding: 5px 0 10px 0; }

.ua-ie-10 .manage-hide-accounts table thead th {
  border-width: 1px; }

.ua-ie-8 table.email a.subject-sort.down,
.ua-ie-8 table.email a.subject-sort.up {
  background-position: 58px 5px; }

.ua-ie-8 table.email a.date-sort,
.ua-ie-8 table.email a.date-sort.down,
.ua-ie-8 table.email a.date-sort.up {
  background-position: 37px 5px; }

table.email thead tr td:first-child {
  border-right: none;
  border-bottom: 1px solid #ccc; }

/* Clearfix Hack */
.wrapper:after,
#content-wrapper:before,
#content-wrapper:after,
#page-header:before,
#page-header:after,
.module header:after,
.module .mod-content:before,
.module:after,
.form-col-2:after,
.module.service-box .mod-content:after,
#account-services .mod-content:after,
.service-box .button-row:after,
.connect-info:after,
.export-dates:after,
.alt-table:after,
.row-odd:after,
.row-even:after,
.question-rows:after,
.mod-content dl:after,
#edit-makepayment dl:after,
.window .content:after,
.mod-content .window dl:after,
dl.checkcard-user-info:after,
.merchant-header:after,
.merchant-list:after,
.filter:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both; }

.first-line {
  width: 50%;
  border-left: 1px dotted #999;
  border-bottom: 1px dotted #999;
  margin: 0 0 0 50%;
  padding: 0 0 10%;
  height: 50%; }

.lines {
  width: 50%;
  border-left: 1px dotted #999;
  border-bottom: 1px dotted #999;
  margin: 0 0 0 50%;
  padding: 0 0 10%;
  min-height: 60px; }

a.action-msg {
  text-align: left;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  padding-left: 3px;
  font-family: 'source_sans_prosemibold';
  font-size: 1.1em; }

.open-account .module {
  border-bottom: none;
  background: none; }

.service-box .button-row {
  border-bottom: 1px solid #d0d0d0; }

ul li.hcheck {
  float: left;
  padding-right: 5px;
  width: 7%; }

ul li.checktext {
  float: left;
  width: 85%; }

.verify-transaction #make-transfer .mod-content {
  border-left: none;
  border-right: none; }

#transfers .confirm .mod-content {
  padding: 15px 0;
  border: 1px solid #c3c1c1; }

.bus-svc {
  margin-bottom: 25px;
  border: 1px solid #c3c1c1;
  padding: 15px;
  background: #fff; }

#sbo-login .business-svc .bus-svc dl {
  float: none;
  margin-top: 0; }

#sbo-login .bus-svc dt {
  font-family: 'source_sans_prosemibold';
  display: block;
  width: 100%;
  font-size: 1.1em;
  margin: 0; }

#sbo-login .bus-svc dd {
  display: block;
  width: 100%;
  margin: 0 0 10px; }

#sbo-login .bus-svc dt a {
  text-decoration: none; }

#sbo-login .bus-svc dt a:hover {
  text-decoration: underline; }

.confirm .account-totals {
  margin: 25px 10px 15px;
  width: 38%; }

.confirm .account-totals dt {
  width: 70%;
  float: left;
  margin-bottom: 15px;
  margin-left: 0; }

.payment-details dd {
  margin: 0 0 15px 0; }

.confirm dl.account-totals dd {
  width: 30%;
  float: left;
  text-align: right; }

.manage-recipients .module,
.upcoming-completed .module {
  border: 1px solid #c3c1c1;
  padding-bottom: 10px;
  border-bottom: 4px solid #ebb32c; }

.manage-recipients .module .mod-content,
.upcoming-completed .module .mod-content {
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #c3c1c1;
  padding: 0; }

.upcoming-completed #error-summary,
.manage-recipients #error-summary {
  margin: 15px 0;
  width: auto; }

.upcoming-completed #error-summary p,
.upcoming-completed #error-summary span .manage-recipients #error-summary p,
.manage-recipients #error-summary span {
  color: #990000; }

.add-recipient-list .mod-content {
  padding: 0;
  border: 0; }

.column-two .module h2 {
  position: relative;
  float: none; }

.service-box .mod-footer {
  border-radius: 0; }

.module footer.twobutton {
  border-left: none;
  border-right: none; }

.verify-transaction .twobutton {
  margin: 30px auto;
  text-align: center;
  width: auto;
  float: none;
  padding: 0 15px; }

.collapsed.module footer,
.precollapse.module footer {
  padding-top: 5px; }

.mod-footer .left-column {
  padding-top: 0;
  padding-bottom: 0; }

.mod-footer .right-column {
  padding-top: 0;
  padding-bottom: 0; }

.button-row:last-child,
.column-two .button-row:last-child {
  border-bottom: 0; }

.no-border .left-column,
.mod-footer .left-column {
  border-right: none; }

.row.no-border .right-column {
  margin-top: 5px; }

.ua-ie9 .right-column {
  line-height: 1.25em; }

.equity-line .left-column a.button,
.equity-line .right-column a.button {
  margin-bottom: 10px; }

/*----------------------- buttons-------------------------------------*/
.module .mod-content .button .btn-arrow {
  background-color: transparent;
  padding: 8px 30px 8px 15px;
  display: table-cell;
  vertical-align: middle;
  line-height: 1.25em; }

#transfers .module .mod-content .button .btn-arrow {
  padding-right: 35px;
  position: relative; }

#account-services .mod-content .button .btn-arrow span {
  color: #2f2f2f;
  background-size: 30px;
  display: block;
  line-height: 125%;
  height: 40px;
  display: table-cell;
  vertical-align: middle; }

.alert-cell {
  background-color: #ffffbb;
  padding-top: 10px;
  padding-bottom: 25px;
  position: relative; }

.alert-cell-details {
  background-color: #ffffbb; }

.alert-cell:before {
  background: url(../images/olb-sprites.png) -60px -20px;
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -10px;
  bottom: 3px;
  width: 20px;
  height: 20px; }

.date-alert-cell {
  background-color: #ffffbb;
  height: 60px;
  vertical-align: top;
  width: 85px; }

.date-alert-cell.responsive {
  width: auto; }

.date-passed {
  color: #990000;
  font-family: 'source_sans_probold';
  display: block;
  padding-top: 25px;
  position: relative; }

.date-passed:before {
  background: url(../images/olb-sprites.png) -60px -20px;
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -10px;
  top: 6px;
  width: 20px;
  height: 20px; }

.dd-details {
  display: block; }

.btn-grey,
.btn-yellow,
.btn-blue,
.btn-green,
.btn-ltblue,
.btn-teal {
  cursor: pointer;
  overflow: visible;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 3px;
  font-family: 'source_sans_prosemibold';
  text-decoration: none;
  white-space: nowrap;
  z-index: 0;
  padding: 3px 11px;
  margin: 0 0 2px;
  display: inline-block;
  box-shadow: 0 2px 0 #d1d1d1; }

.btn-grey,
a.btn-grey {
  background: #a8a8a5;
  color: #333; }

.btn-grey:hover {
  background: #8a8a88;
  color: #333; }

.btn-yellow {
  color: #951A2D !important;
  background: #ecba0a;
  /* Old browsers */ }

.btn-yellow:hover {
  background: #FCCC20; }

.btn-teal {
  color: #fff !important;
  background: #11a299;
  /* Old browsers */ }

.btn-teal:hover {
  background: #19b9b0; }

a.btn-blue {
  background-color: #31383e;
  /* Old browsers */
  color: #fff;
  font-family: 'source_sans_prosemibold';
  border-radius: 3px;
  padding: 8px 12px;
  border: 0; }

a.btn-blue:hover {
  background-color: #3B4B59;
  /* Old browsers */ }

.column-two .bank-info .mod-content a.btn-blue,
.column-two .bank-info .mod-content a:link.btn-blue {
  text-decoration: none;
  color: #fff; }

a.btn-blue:active {
  position: relative;
  top: 1px; }

a.btn-ltblue {
  background: #285bb1;
  color: #fff;
  font-family: 'source_sans_prosemibold';
  padding: 5px 8px; }

a.btn-ltblue:hover {
  background-color: #4275cc;
  /* Old browsers */ }

a.btn-green {
  background: #3BA030;
  border: 1px solid #168f13;
  color: #fff;
  font-family: 'source_sans_prosemibold';
  padding: 5px 8px; }

a.btn-green:hover {
  background: #42B536; }

a.yellow-alt {
  float: right;
  border-radius: 3px;
  padding: 2px 5px;
  font-size: .875em;
  cursor: pointer !important; }

.btn-yellow.logoff-label {
  box-shadow: none; }

/*--------------------------------SPLASH PAGE--------------------------------*/
.centerbutton {
  text-align: center; }

.centerbutton .submit-link {
  margin: 15px auto; }

/*--------------------------------DATEPICKER BEGINS--------------------------------*/
table.ui-datepicker-calendar td a {
  text-decoration: none !important; }

#ui-datepicker-div {
  /*width: 275px;*/
  width: 292px;
  display: none;
  z-index: 1000; }

.ui-datepicker {
  height: auto;
  margin: 5px auto 0;
  border: 10px solid #31383e;
  border-radius: 3px;
  background-color: #fff; }

.ui-datepicker a {
  text-decoration: none; }

/* DatePicker Table */
.ui-datepicker table, .ui-datepicker table th {
  width: 100%;
  margin: 0 auto;
  background: #fff; }

.ui-datepicker-header {
  font-size: 1em;
  color: #fff;
  line-height: 35px;
  border-bottom: 1px solid #9b9999;
  background: #7b7d7f; }

.ui-datepicker-title {
  text-align: center; }

.ui-datepicker-title span {
  color: #fff;
  font-size: 1.15em; }

.ui-datepicker-prev, .ui-datepicker-next {
  width: 35px;
  height: 35px;
  text-align: center;
  cursor: pointer;
  line-height: 600%;
  overflow: hidden; }

.ui-datepicker-prev {
  float: left;
  position: relative; }

.ui-datepicker-prev:before {
  background: url(../images/olb-sprites.png) -80px -60px;
  content: "";
  position: absolute;
  left: 10px;
  top: 10px;
  width: 20px;
  height: 20px; }

.ui-datepicker-next {
  float: right;
  position: relative; }

.ui-datepicker-next:before {
  background: url(../images/olb-sprites.png) -80px -40px;
  content: "";
  position: absolute;
  right: 10px;
  top: 10px;
  width: 20px;
  height: 20px; }

.ui-datepicker th {
  font-size: .75em;
  padding: 3px 0;
  color: #202020;
  border-bottom: 1px solid #9b9999;
  border-right: 1px solid #e4e4e4;
  border-top: none;
  border-left: none;
  text-align: center; }

.ui-datepicker th:last-child {
  border-bottom: 1px solid #9b9999;
  border-right: none; }

.ui-datepicker th:first-child span {
  background-image: none; }

.ui-datepicker tbody td {
  padding: 0; }

.ui-datepicker tbody td:last-child {
  border-right: 0; }

.ui-datepicker tbody tr {
  background: #fff; }

.ui-datepicker tbody tr:hover td {
  background: #fff; }

.ui-datepicker td span,
.ui-datepicker td a {
  display: inline-block;
  font-family: 'source_sans_prosemibold';
  text-align: center;
  width: 38px;
  height: 36px;
  line-height: 36px;
  color: #2f2f2f;
  font-size: 1.15em; }

.ui-datepicker-calendar .ui-state-hover {
  background: #3d444a;
  color: #fff; }

.ui-widget-content .ui-state-highlight {
  background: #eee; }

.ui-datepicker-today .ui-state-highlight,
.ui-datepicker-today {
  background: #eee;
  color: #363636; }

.ui-state-highlight:hover {
  background: #eee; }

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  background-image: none; }

.ui-datepicker-unselectable .ui-state-default {
  color: #999; }

.ui-datepicker-calendar td:first-child .ui-state-active {
  width: 38px;
  margin-left: 0; }

.ui-datepicker-calendar td:last-child .ui-state-active {
  width: 38px;
  margin-right: 0; }

.ui-datepicker-calendar tr:last-child .ui-state-active {
  height: 38px;
  margin-bottom: 0; }

.ui-datepicker-buttonpane {
  border-top: 1px solid #9b9999;
  height: 30px; }

.ui-datepicker-current {
  display: none; }

.ui-datepicker-buttonpane input[type="button"] {
  background: none !important;
  padding: 0;
  margin: 0; }

.ui-datepicker-close {
  background-color: transparent;
  background: transparent;
  width: 100%;
  padding: 6px 0;
  color: #555555;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  font-weight: normal;
  box-shadow: none;
  text-shadow: none;
  border: none;
  font-size: .875em;
  margin: 0; }

.ui-datepicker-close:hover {
  background: none;
  color: #2f2f2f;
  border: none; }

.ui-datepicker-trigger,
.bill-pay-picker {
  margin: 0 0 0 5px;
  cursor: pointer;
  vertical-align: middle; }

.frequency-choice .ui-datepicker-trigger {
  margin-bottom: -5px; }

.date-ranger {
  position: absolute;
  padding: 15px;
  background: #fff;
  border: 1px solid #333;
  z-index: 1001; }

.date-ranger .range-calendar .ui-datepicker {
  width: 547px !important;
  position: relative;
  z-index: 1000; }

.date-ranger .range-calendar .ui-datepicker:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.date-ranger .range-calendar .ui-datepicker .ui-datepicker-group {
  width: 50%;
  float: left; }

.date-ranger .range-calendar .ui-datepicker .ui-datepicker-group-first {
  border-right: 1px #333 solid;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.date-ranger .range-calendar .dp-calendar tr td.proj,
.date-ranger .range-calendar .ui-datepicker td a.ui-state-active {
  background: #2f2f2f;
  color: #fff; }

.date-ranger {
  display: none; }

#containerCal .month {
  float: left; }

.ua-ie-8 #containerCal .month {
  float: left;
  width: 48.5%; }

.ua-ie-8 #containerCal .month table {
  width: 99%; }

#containerCal {
  box-shadow: 0px 0px 6px black;
  position: absolute;
  z-index: 2000; }

.calendar-wrapper {
  background: #fff;
  border: 1px solid #c3c1c1;
  padding: 15px;
  position: relative;
  width: 495px; }

.number-of-days,
.calendar-wrapper table tbody tr:first-child {
  display: none; }

.calendar-wrapper:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.calendar-wrapper table tr th {
  text-align: center;
  padding: 4px 8px;
  font-size: .75em; }

.calendar-wrapper table tr th.month-year {
  font-size: 1.15em; }

.calendar-wrapper table.days-of-week tr th {
  padding: 4px 8px 4px 0px; }

.calendar-wrapper table tr th span {
  color: #fff; }

.calendar-wrapper .left-table {
  margin-right: 10px; }

.calendar-wrapper table .arrow {
  width: 20%; }

.calendar-wrapper table .month-year {
  width: 80%; }

.calendar-wrapper table tbody td {
  text-align: center;
  cursor: pointer;
  padding: 8px; }

#transfers .calendar-wrapper tr td:first-child {
  border-left: 1px solid #e4e4e4; }

.calendar-wrapper tr td:last-child {
  border-right: 1px solid #e4e4e4; }

.calendar-wrapper .previous-select {
  width: 20px;
  height: 20px;
  display: block;
  background: url(../images/olb-sprites.png) no-repeat -80px -60px;
  margin: 0 auto; }

.calendar-wrapper .next-select {
  width: 20px;
  height: 20px;
  display: block;
  background: url(../images/olb-sprites.png) no-repeat -80px -40px;
  margin: 0 auto; }

.calendar-wrapper th.v-align-middle {
  vertical-align: middle; }

.in-table-send-date,
.in-table-interval-date,
.in-table-deliver-on {
  background: #dff4e3;
  border-bottom: 2px solid #2fc049; }

.calendar-wrapper table tbody td.blackout {
  color: #c6c6c6;
  cursor: default; }

.calendar-wrapper tr:nth-child(even) {
  background: none; }

.calendar-wrapper table tbody .current-day {
  background: #ffee88; }

.calendar-wrapper p {
  margin: 0 !important; }

.delivery-information {
  clear: both;
  overflow: hidden; }

.delivery-information1 {
  padding: 0; }

.delivery-information1 p {
  padding: 0; }

.delivery-information p {
  float: left;
  width: 60%;
  position: relative; }

.delivery-information .cal-close {
  width: 100%;
  text-align: right;
  position: absolute;
  top: 25px;
  right: 15px; }

.delivery-information .btn-ltblue {
  padding: 5px 20px; }

.delivery-information p {
  padding: 0;
  margin: 0; }

.in-table-send-date {
  color: #fff;
  background: #2d53ff; }

.in-table-deliver-on {
  background: #30c049;
  color: #fff; }

.legend-info {
  float: left;
  width: 50%; }

.legend {
  display: inline-block;
  width: 11px;
  height: 11px; }

.legend.current {
  background: #ffee88;
  border: 1px solid #d0c270; }

.legend.send {
  background: #2d53ff;
  border: 1px solid #395b2b; }

.legend.deliver-on {
  background: #30c049;
  border: 1px solid #30c049; }

/*--------------------------------DATEPICKER ENDS--------------------------------*/
/*--------------------------------FOOTER BEGINS--------------------------------*/
#footer {
  /*border-top: 1px solid #ffb600;*/
  text-align: center;
  padding: 37px 0 50px;
  margin: 0;
  background: #d8d8d8;
  width: 100%; }

.lt-ie9 #footer {
  min-width: 960px; }

#footer .wrapper p {
  padding-bottom: 15px; }

#footer .footer-links a {
  color: #333;
  text-decoration: none;
  padding-right: 3px;
  padding-left: 3px; }

#footer .footer-links a:hover {
  color: #333;
  text-decoration: underline; }

/*--------------------------------FOOTER ENDS--------------------------------*/
/*--------------------------------RESPONSIVE TABLES BEGINS--------------------------------*/
.fixed-column {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  border-right: 1px solid #ccc; }

.fixed-column table {
  width: auto;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  background: #fff;
  box-shadow: 2px 0 2px 0 #ADADAD;
  border-left: 1px solid #ccc; }

.fixed-column table tr {
  border-bottom: 0;
  border-right: 0; }

.overflow-wrap {
  box-sizing: border-box; }

.overflow-wrap.overflowing {
  position: relative;
  margin: 10px 10px 0 10px; }

.overflow-wrap.overflowing .table-wrapper {
  width: 100%;
  margin: 0;
  overflow: auto;
  box-shadow: inset 0px 0px 4px #666;
  box-sizing: border-box; }

.overflow-wrap .fixed-column {
  display: none; }

.table-footer.overflowing {
  box-sizing: border-box; }

.table-footer.overflowing {
  position: relative; }

.table-footer.overflowing .swipe {
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: block;
  background: #9f9f9f;
  margin-bottom: 5px; }

/*--------------------------------RESPONSIVE TABLES ENDS--------------------------------*/
/*-----------------------------------TRANSFERS BEGINS-----------------------------------*/
.header-move-new {
  background: #8f1931;
  padding: 10px 10px 10px 15px;
  border-radius: 3px 3px 0 0;
  position: relative; }

.header-move-address {
  background: #31383e;
  padding: 10px 10px 10px 15px;
  border-radius: 3px 3px 0 0;
  position: relative; }

.editpayments .header-move-new {
  background: #31383e; }

.header-add-payment {
  background: #31383e;
  padding: 10px 10px 10px 15px;
  position: relative; }

.add-new-payment {
  display: none;
  margin-top: 15px; }

#add-makepayment {
  padding-bottom: 40px; }

#transfers .module.move-money#make-transfer #trans-direct-deposit p.optional-text {
  float: none;
  padding-top: 10px;
  font-size: .875em;
  padding-bottom: 0; }

#transfers .transaction-selection .form-col-1,
#transfers .transaction-selection .form-col-2 {
  padding-bottom: 0px; }

hr {
  display: block;
  padding: 0;
  margin: 0 15px 15px;
  border-top: 1px solid #c4c4c4;
  border-right: none;
  border-bottom: none;
  border-left: none;
  height: 1px; }

#transfers fieldset {
  padding: 5px 0 10px; }

.verify-transaction .column-wide .table-wrapper {
  margin-left: -15px;
  margin-right: -15px;
  clear: both; }

.verify-transaction .transfer fieldset {
  padding: 0; }

.verify-transaction .column-one {
  border: 1px solid #c3c1c1;
  background: #fff; }

.transfer .column-two .module {
  padding: 0; }

.ua-ie-8 .module:after {
  left: 0;
  width: 100%; }

.transfer .module header,
#retail-login .column-two .module header,
#sbo-login .column-two .module header,
#acct-details2 .column-two .module header {
  cursor: default;
  background: none;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px; }

.ua-ie-7 .transfer .module header {
  width: 100%; }

.header-move-new h2.business,
.header-move-new h2.person,
.header-move-new h2.another-bank,
.header-move-new h2.billpay-business,
.header-move-new h2.billpay-person,
.header-move-new h2.ach-business,
.header-move-new h2.ach-person,
.header-move-new h2.domestic-wire,
.header-move-new h2.intl-wire,
.save-recipient,
.addl-questions,
.level1-question,
.loan-non-acct,
.memo-field {
  display: none; }

.header-add-payment h2.title-add-payments,
.header-move-new h2.move-new-trans,
.header-move-address h2.business,
.header-move-new h2.business,
.header-move-new h2.person,
.header-move-new h2.another-bank,
.header-move-new h2.billpay-business,
.header-move-new h2.billpay-person,
.header-move-new h2.ach-business,
.header-move-new h2.ach-person,
.header-move-new h2.domestic-wire,
.header-move-new h2.intl-wire,
.transfer .module .header-move-new h2.move-new-trans,
.verify-transaction .header-move-verify h2.move-new-trans {
  color: #FFF;
  padding: 0;
  margin: 0; }

.title-make-payments,
.title-transfer-money,
.title-direct-deposit {
  color: #FFF;
  padding: 0;
  margin: 0;
  display: none; }

.transfer .module header:hover h2,
#retail-login .module header:hover h2,
#sbo-login .module header:hover h2 {
  background: #FFF; }

.module header a.hdr-msg {
  float: right;
  display: inline;
  padding: 15px 12px 6px 15px;
  margin: 0 0 10px 0; }

dd a.hdr-mdg {
  margin-bottom: 10px; }

.module header p {
  position: relative;
  background: #FFF;
  margin: 0;
  display: block;
  width: auto;
  padding: 12px 12px 15px; }

/*.module header .confirmed {
    border-top: 1px solid #b3c5b0;
    border-bottom: 1px solid #b3c5b0;
    padding: 20px 12px 20px 70px;
    background-color: #DDF2DA;
    color: #004800 !important;
    font-family: 'source_sans_prosemibold';
    clear: both;
    position: relative;
    margin: 15px -15px;
}*/
.ref {
  font-weight: bold;
  display: block;
  padding-top: 5px; }

.checkmark {
  position: relative;
  left: -54px;
  top: -5px; }

.checkmark:before {
  background: url(../images/olb-sprites.png) -300px 0;
  content: "";
  position: absolute;
  left: -10px;
  top: -13px;
  height: 60px;
  width: 60px; }

.confoutsideacct .checkmark {
  left: 15px;
  top: -12px; }

form .mod-content p {
  padding-bottom: 15px;
  line-height: 1.2em; }

#verify-transfer header p {
  padding: 20px 15px; }

#edittransfer {
  padding-bottom: 25px; }

.beginon {
  display: none; }

.transfer .collapsed.module footer {
  padding-top: 5px; }

#next-steps {
  padding: 15px;
  background: none;
  border: none;
  color: #951a2d; }

#next-steps .mod-content {
  border: 0;
  padding: 0 !important; }

#transfers .ad-placeholder {
  margin-top: 30px;
  text-align: right;
  float: right;
  max-width: 556px; }

#next-steps h2,
#acct-details2 #next-steps h2 {
  color: #590F27; }

.transfer .module .mod-footer p {
  margin: 0;
  padding: 0 15px; }

.tab-letters {
  margin-left: 15px; }

.tab-letters li a {
  padding: 5px 0;
  border: 1px solid #c6c6c6;
  background: #E0E0E0;
  border-radius: 3px 3px 0 0;
  color: #2f2f2f;
  font-family: 'source_sans_prosemibold';
  text-align: center;
  display: block;
  width: 27px;
  z-index: 100;
  position: relative;
  bottom: -6px; }

.tab-letters li a.current-tab {
  background: #fff;
  padding-bottom: 3px;
  bottom: -6px;
  border-bottom: none;
  z-index: 200;
  padding-top: 5px; }

.tab-letters li.current-tab1 {
  margin-bottom: -1px; }

.tab-letters li {
  float: left;
  margin: 0 2px 2px;
  width: 27px;
  background: #fff;
  position: relative; }

.merchant-content {
  border: 1px solid #c6c6c6;
  border-radius: 3px;
  padding: 15px;
  margin-bottom: 40px;
  position: relative;
  z-index: 150;
  background: #fff;
  overflow: hidden; }

.merchant-content .merchants {
  display: none; }

.merchant-leftspan {
  float: left;
  margin: 10px 0 15px; }

.merchant-rightspan {
  float: right;
  margin: 10px 0 15px; }

.letter-nav {
  margin-left: 15px; }

.merchant-rightspan span a {
  border-right: 1px solid #2f2f2f;
  padding: 0 10px; }

.merchant-rightspan span a.last {
  border-right: none; }

.merchantlist {
  width: 30%;
  float: left;
  margin: 10px 0 10px 15px; }

.merchantlist:first-child {
  margin-left: 0; }

.merchant-nav {
  float: left;
  width: 100%; }

.merchantlist li {
  margin-bottom: 10px;
  line-height: 1.1em; }

#make-transfer .dd-total dt.form-col-1 {
  margin-bottom: 15px;
  width: 30%; }

#make-transfer .dd-total dd.form-col-2 {
  width: 60%; }

.mod-content dl.dd-acct-info {
  width: 75%;
  margin-top: 15px; }

#sched-transfers .mod-content,
#account-services .mod-content {
  border-radius: 0;
  height: auto;
  border-left: 1px solid #c3c1c1;
  border-right: 1px solid #c3c1c1;
  margin-right: 0;
  margin-left: 0; }

#account-services2.module .mod-content {
  border-radius: 0;
  height: auto;
  border: none;
  margin-right: 10px;
  margin-left: 10px;
  padding-bottom: 0; }

#account-services2 .mod-content .button {
  margin-bottom: 10px; }

#account-services2.module .mod-content .button .btn-arrow {
  padding: 21px 10% 21px 15px;
  color: #111;
  text-align: left; }

.upsell-msg {
  display: block;
  padding: 15px;
  margin-bottom: 20px;
  background: #E5ECFA;
  border: 1px solid #C5D0E8;
  line-height: 1.3em; }

.upsell-msg p {
  margin-top: 5px; }

/*.ua-mobile .upsell-msg {
    margin-bottom: 0;
}*/
.infobox {
  float: left;
  padding: 15px 0;
  margin-bottom: 20px;
  background: #E5ECFA;
  border-top: 1px solid #C5D0E8;
  border-bottom: 1px solid #C5D0E8;
  line-height: 1.3em;
  width: 100%; }

#transfers.verify-transaction #make-transfer #edit-makepayment .upsell-msg {
  display: block;
  padding: 8px 15px;
  margin-bottom: 20px;
  background: #E5ECFA;
  border: 1px solid #C5D0E8;
  line-height: 1.3em;
  width: 87.5%;
  display: none; }

#transfers.verify-transaction .module.move-money {
  margin-bottom: 0;
  padding-bottom: 0; }

#transfers.verify-transaction .upsell-msg {
  margin: 0 -15px 15px -15px;
  border-left: none;
  border-right: none; }

.verify-transaction .column-one .module {
  margin-bottom: 0;
  border-radius: 0;
  border: none;
  padding: 0; }

.verify-transaction .column-one .edit-payment .module,
.verify-transaction .column-one .add-new-payment .module,
.verify-transaction .column-one .edit-transfer .module {
  padding: 15px; }

.verify-transaction .column-one .edit-payment .module .mod-footer,
.edit-payment #make-transfer .mod-footer,
.add-new-payment #make-transfer .mod-footer {
  margin: 0;
  border: 0; }

.verify-transaction .paragraph {
  margin: 0 15px 15px; }

.verify-transaction .column-one > h2 {
  margin: 15px; }

#transfers .upsell-msg h3 {
  font-size: 1.25em;
  margin-bottom: 5px;
  margin-top: 0;
  color: #8f1931; }

.upsell-msg input[type="checkbox"] {
  margin-bottom: 0; }

.submit-content {
  text-align: center;
  margin: 15px 15px; }

.submit-content .account-totals {
  text-align: left; }

.submit-content .account-totals dt {
  width: 70%;
  float: left;
  margin-left: 0; }

.submit-content .account-totals dd {
  width: 25%;
  float: left;
  text-align: right; }

.upsell-msg input[type="checkbox"] {
  margin-top: 10px; }

.clear {
  clear: both; }

#verify-transfer .mod-content,
#confirm-transfer .mod-content {
  margin: 0; }

#outside-progress .mod-content dl {
  margin: 15px 0; }

.ua-ie-7 #verify-transfer .mod-content .row-highlight dl,
.ua-ie-7 #confirm-transfer .mod-content .row-highlight dl {
  padding: 0 15px; }

.verify label {
  font-family: 'source_sans_prosemibold'; }

.row-highlight {
  background: #e5ecfa;
  border-top: 1px solid #C6CEDD;
  border-bottom: 1px solid #C6CEDD;
  padding-top: 10px;
  margin-bottom: 10px; }

.row-highlight {
  clear: both; }

.promo-highlight,
.module form p.promo-highlight {
  background: #e5ecfa;
  border: 1px solid #C6CEDD;
  padding: 10px 15px;
  margin-bottom: 10px;
  clear: both;
  width: 70%; }

#transfers .promo-highlight p {
  padding-bottom: 10px; }

#delivery-options .promo-highlight h4 {
  font-size: 1em;
  margin-bottom: 5px; }

#delivery-options .setup-button,
.submit-content .setup-button {
  width: 50%;
  margin: 25px auto; }

a.are-you-sure {
  display: block; }

.row-highlight span {
  display: block;
  margin-bottom: 5px; }

.date-highlight {
  background: #e5ecfa;
  border: 1px solid #C6CEDD;
  padding: 10px;
  margin: 5px 30px 15px;
  float: left; }

.ua-ie-7 .date-highlight {
  width: 90%;
  margin: 15px 0; }

.date-alert {
  color: #F00;
  clear: right; }

#transfers #account-services2 {
  display: none; }

.red-text {
  color: #C00; }

.ref .red-text {
  padding-left: 20px; }

#transfer-deadlines .mod-content {
  padding-bottom: 25px; }

.fee-text {
  clear: both;
  margin: 0;
  padding-bottom: 0 !important;
  line-height: 1.5em; }

.fee-text1 {
  clear: both;
  margin: 0 0 5px;
  padding-bottom: 0 !important;
  line-height: 1.5em; }

.row-times {
  float: left;
  width: 100%;
  margin-top: 5px; }

.transfer dl dt.deadline-1 {
  width: 220px;
  float: left;
  line-height: 1.750em; }

.transfer dl dd.deadline-2 {
  width: 100px;
  float: left;
  font-family: 'source_sans_prosemibold';
  line-height: 1.750em; }

#outside-accounts #verify-outside form-col-1 {
  margin-bottom: 5px; }

#outside-progress .column-two p {
  padding: 0 0 15px;
  line-height: 1.2em; }

#outside-accounts .transfer .module .mod-content {
  margin: 0 0 10px; }

#outside-accounts #manage-outside {
  padding-bottom: 15px; }

#outside-accts .progress-submit {
  float: right;
  width: 60%;
  margin-bottom: 20px; }

.step-2 #outside-accts .progress-submit,
#outside-accts-auth .progress-submit,
.banklogin .threebutton,
.securityquestion .threebutton,
#trans-rxp .footer-submit {
  margin: 5px auto 25px;
  width: auto;
  text-align: center;
  float: none; }

.threebutton {
  float: right;
  width: 97%;
  margin-bottom: 5px; }

.verifyext {
  width: 77%; }

.verifyint {
  width: 91%; }

.ua-ie .verifyint {
  width: 92.5%; }

.twobutton {
  float: right;
  width: 72%;
  margin-top: 10px;
  margin-bottom: 10px; }

.fleximage {
  max-width: 100%; }

.extended {
  margin-bottom: 20px; }

.columnContainer {
  width: 100%;
  display: table;
  margin: 10px 0 25px;
  table-layout: fixed; }

.columnContainer input[type="radio"] {
  margin-right: 5px; }

.columnContainer label,
.columnContainer input {
  margin-bottom: 10px;
  margin-top: 5px; }

.viacontent {
  padding: 15px; }

.columnContainer label {
  color: #2f2f2f;
  font-size: 1.25em; }

.columnContainer .cancel-button {
  float: none !important; }

.transfer .mod-content .columnContainer p {
  padding: 5px 0;
  clear: both; }

.transfer .mod-content .columnContainer .window p {
  margin: 10px 0 0;
  padding: 0; }

.ua-ie-7 .eqheightbox {
  width: 48%;
  float: left; }

.eqheightboxL {
  background: #e6e6e6;
  border: 1px solid #c3c1c1;
  display: table-cell; }

.eqheightboxR {
  background: #e6e6e6;
  border: 1px solid #c3c1c1;
  display: table-cell; }

.viagap {
  display: table-cell;
  width: 11%;
  padding: 0;
  text-align: center;
  vertical-align: middle; }

.viagap span {
  display: block;
  font-size: 1.8em; }

.transfer .via-footer a.submit-link {
  width: 90%; }

.trialcontent {
  display: block;
  background: #e3e3e3;
  border: 1px solid #C3C1C1;
  margin: 0 0 20px;
  padding: 10px; }

.trial-footer {
  text-align: center;
  margin: 15px auto 25px; }

#outside-progress #trial-deposit .banklogin {
  width: 94%;
  padding-bottom: 15px;
  margin: 0 15px 40px 15px; }

#outside-progress #trial-deposit .form-col-1 {
  padding-top: 10px; }

#outside-progress .module,
#outside-accounts .module {
  border-top: 1px solid #c3c1c1;
  border-right: 1px solid #c3c1c1;
  border-left: 1px solid #c3c1c1;
  border-bottom: 3px solid #ebb32c;
  padding: 15px 15px 0; }

#outside-accts-auth .mod-content {
  border: none; }

#outside-accts-auth #trial-deposit .banklogin .trial-footer {
  float: left;
  margin-left: 33%; }

.trial-deposit-content {
  display: none; }

.changed-mind {
  margin-bottom: 40px; }

.changed-mind a {
  margin: 0;
  cursor: pointer; }

.trial-deposit-content {
  margin-top: 15px; }

.trial-deposit-footer {
  width: 100%;
  text-align: center; }

.trial-deposit-footer .setup-button {
  clear: both;
  margin: 25px auto 0;
  float: none;
  display: block; }

.auth-footer,
.centering {
  width: 100%;
  text-align: center; }

#outside-progress .auth-footer .cancel-button {
  float: none;
  display: block;
  width: 250px;
  margin: 25px auto; }

.ua-ie-7 .auth-footer {
  margin: 0 auto 15px; }

.authinfo {
  margin: 0 15px 0 0;
  padding-bottom: 10px; }

.authinfo dd,
.authinfo dt {
  width: 100%; }

/* I want to... list */
#iwanttolist {
  clear: both;
  margin-bottom: 20px; }

#iwanttolist .mod-content {
  position: relative;
  padding: 5px 15px;
  border-left: 1px solid #D1D1D1;
  border-bottom: 1px solid #D1D1D1;
  border-right: 1px solid #D1D1D1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #fff; }

#iwanttolist .mod-content:after {
  position: absolute;
  bottom: -4px;
  left: -1px;
  background: #8f1931;
  border-width: 0 1px 0 1px;
  border-color: #8f1931;
  border-style: solid;
  width: 100%;
  height: 4px;
  display: block;
  content: ' ';
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

#iwanttolist .header {
  border-top: 2px solid #D1D1D1; }

.firsttable {
  margin-bottom: 15px;
  height: 10px; }

#iwanttolist span {
  display: block;
  margin: 10px 0 15px;
  padding: 0;
  line-height: 1.15em; }

#iwanttolist header h2 {
  position: relative;
  background-color: #8f1931;
  padding: 8px 8px 8px 15px;
  margin: 0;
  color: #fff;
  display: block;
  width: auto;
  border-radius: 3px 3px 0 0;
  -webkit-font-smoothing: antialiased; }

.smallbusiness #iwanttolist header h2 {
  background-color: #39607f; }

/* I want to... list ends */
.right-rail-ad img {
  width: 100%;
  height: auto; }

.right-rail-ad-local img {
  display: block;
  border: 1px solid #b8b8b8;
  width: 100%;
  height: auto;
  max-width: 257px; }

#outside-progress .form-col-1 {
  width: 40%;
  float: left;
  margin-bottom: 20px;
  margin-top: 0;
  padding: 11px 0 0; }

.ua-ie-7 #outside-progress .form-col-1,
.ua-ie-7 #outside-progress .form-col-2 {
  margin-bottom: 15px; }

#outside-progress .form-col-2 {
  width: 60%;
  float: left;
  margin-bottom: 20px;
  margin-top: 0;
  padding: 0; }

#outside-progress .form-col-2 .select-background,
#outside-progress .form-col-2 input,
#outside-progress .form-col-2 .error-wrapper input {
  width: 100%; }

#outside-progress .verify .form-col-1 {
  font-family: 'source_sans_prosemibold'; }

.ua-ie-7 #verify-transfer .verify .form-col-2 {
  margin-bottom: 15px; }

#outside-progress .row-highlight {
  padding: 15px 0 0; }

#outside-progress .row-highlight .form-col-1 {
  font-family: 'source_sans_prosemibold';
  margin: 0 0 10px 0;
  line-height: 1.5em;
  width: 35%;
  padding: 0; }

#pre-highlight {
  padding-bottom: 0; }

#edittransfer .text-only,
.hideform .text-only {
  margin-top: 12px; }

#edit-makepayment .hideform {
  padding: 0 15px; }

#outside-progress .row-highlight .form-col-2 {
  line-height: 1.5em; }

.topparagraph {
  margin-top: 10px; }

.banklogin,
.verify-trial {
  margin: 20px 0;
  padding: 15px;
  width: 75%;
  background: #e5e5e5;
  border: 1px solid #C3C1C1; }

#outside-progress .banklogin .form-col-1 {
  width: 30%;
  padding-top: 5px; }

#outside-progress .banklogin .form-col-2 {
  width: 70%; }

#outside-progress .verify-trial .form-col-2 input {
  width: 100px; }

.securityquestion {
  display: block;
  margin: 20px 0;
  padding: 20px;
  background: #f9f9f9;
  border: 1px solid #C3C1C1; }

#outside-progress .securityquestion .form-col-1 {
  width: 45%;
  margin-bottom: 15px;
  padding-top: 10px; }

#outside-progress .securityquestion .form-col-2 {
  width: 55%;
  margin-bottom: 25px; }

#outside-progress .securityquestion .form-col-2 p {
  padding: 0; }

.banklogin h3,
.securityquestion h3,
.verify-trial h3 {
  font-weight: normal;
  color: #590F27; }

.verify-trial .threebutton {
  margin: 0 0 15px 0;
  width: 89%; }

.acctconf {
  margin-top: 20px; }

.editable .edit-input {
  display: none; }

.manage-outside-account .editable {
  text-align: left; }

.manage-outside-account .edit-text,
.manage-outside-account .edit-control .save-cancel {
  float: left; }

.edit-control .edit {
  cursor: pointer;
  color: #003399;
  text-decoration: underline; }

.overflowing .edit-control .edit {
  margin-left: 10px; }

.edit-control .save-cancel {
  display: none;
  text-align: left;
  text-decoration: underline; }

.edit-control .save-cancel a {
  cursor: pointer;
  padding: 5px 5px 5px 2px;
  color: #003399; }

.manage-outside-account .edit-control .edit,
.zero-dollar {
  float: right; }

.accept-check {
  margin: 0 0 -3px 5px; }

td.edit-control {
  padding: 13px 5px 13px 0; }

/* ------ progress ------ */
.progress {
  width: 100%;
  /* 728/960 */
  position: relative; }

.progress ul,
.progress ul li {
  margin: 0;
  padding: 0;
  list-style: none; }

.progress ul {
  border-radius: 3px;
  height: 53px; }

.progress ul li {
  float: left;
  display: table;
  width: 25%;
  /* 182 / 728 */
  height: 100%;
  position: relative;
  background: #dedede;
  -webkitbox-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0 2px 2px #dbdbdb;
  border-top: 1px solid #adacac;
  border-bottom: 1px solid #adacac;
  border-right: 1px solid #adacac; }

.ua-ie-7 .progress ul li {
  /*width: 238px;*/
  width: 24.75%; }

.progress ul li:first-child {
  border-radius: 3px 0 0 3px;
  border-left: 1px solid #caa203; }

.progress ul li:last-child {
  border-radius: 0 3px 3px 0;
  border-right: 1px solid #adacac; }

.progress ul li.active {
  background: #ffcc00;
  border-right: 1px solid #caa203;
  border-top: 1px solid #caa203;
  border-bottom: 1px solid #caa203; }

.progress ul li.is-complete {
  background: #ffb600;
  border-top: 1px solid #caa203;
  border-right: 1px solid #caa203;
  border-bottom: 1px solid #caa203; }

.ua-ie .progress ul li {
  border-top: .0625em solid #adacac;
  border-bottom: .0625em solid #adacac;
  border-right: .0625em solid #adacac; }

.ua-ie .progress ul li.active {
  background: #ffcc00;
  border-right: .0625em solid #caa203;
  border-top: .0625em solid #caa203;
  border-bottom: .0625em solid #caa203; }

.ua-ie .progress ul li.is-complete {
  background: #ffb600;
  border-top: .0625em solid #caa203;
  border-right: .0625em solid #caa203;
  border-bottom: .0625em solid #caa203; }

.progress ul li .section-text {
  font-family: 'source_sans_prosemibold';
  color: #ab515f;
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: .85em;
  padding-bottom: 3px;
  line-height: 1.1em; }

.ua-ie .progress ul li .section-text {
  padding-bottom: 5px;
  height: 90%; }

.progress ul li .min-section-text {
  display: none; }

.progress ul li span.section-number {
  text-shadow: 0 1px 1px #ffe592;
  position: absolute;
  top: 4px;
  left: 4.3956043956043956043956043956044%;
  color: #951a2d;
  -webkit-transition: color .3s, linear .3s;
  -moz-transition: color .3s, linear .3s;
  transition: color .3s, linear .3s; }

.progress ul li:hover span.section-number {
  color: #db1818; }

.progress ul li span.section-text.multi-line {
  top: 12px; }

.progress-wrapper {
  height: 25px;
  position: relative;
  top: -25px; }

.progress-indicator {
  width: 75%;
  /* 565/728 */
  height: 16px;
  margin: 0 auto;
  position: relative;
  top: 20px;
  background: url(../images/indicator-intermediary.png) repeat-x; }

.progress-indicator .indicator {
  width: 25%;
  /* 4 / 565 */
  float: left;
  display: block;
  text-indent: -9999999px; }

.progress-indicator .progress-bar {
  position: absolute;
  background: url(../images/progress-bar.png) repeat-x;
  height: 7px;
  display: block;
  top: 3px;
  z-index: 1; }

.progress-indicator .indicator.step-1 {
  background: url(../images/olb-sprites.png) no-repeat 0 -106px;
  width: 23px;
  height: 26px;
  position: absolute;
  left: -14px;
  top: -7px;
  display: block;
  z-index: 2; }

.progress-indicator .indicator.step-2,
.progress-indicator .indicator.step-3 {
  background: url(../images/olb-sprites.png) no-repeat -26px -106px;
  width: 23px;
  height: 26px;
  position: absolute;
  left: 32%;
  top: -7px;
  display: block;
  z-index: 2; }

.progress-indicator .indicator.step-3 {
  left: 65%; }

.progress-indicator .indicator.step-4 {
  background: url(../images/olb-sprites.png) no-repeat -52px -106px;
  width: 25px;
  height: 26px;
  position: absolute;
  top: -7px;
  display: block;
  z-index: 2;
  left: 98%; }

.progress-indicator .indicator.step-1 .complete-icon {
  background: url(../images/olb-sprites.png) no-repeat 3px -131px;
  width: 24px;
  height: 30px;
  display: block;
  position: absolute;
  top: 1px;
  left: -1px;
  z-index: 4; }

.progress-indicator .indicator.step-2 .complete-icon,
.progress-indicator .indicator.step-3 .complete-icon,
.progress-indicator .indicator.step-4 .complete-icon,
.progress-indicator .indicator.step-5 .complete-icon {
  background: url(../images/olb-sprites.png) no-repeat -22px -132px;
  width: 25px;
  height: 22px;
  display: block;
  position: absolute;
  top: 2px;
  left: -1px;
  z-index: 4; }

.progress-indicator .indicator.step-4 .complete-icon {
  background: url(../images/olb-sprites.png) no-repeat -21px -79px;
  width: 26px;
  height: 26px;
  right: -17px;
  top: 0;
  position: absolute;
  z-index: 10; }

.progress-indicator .indicator .active-icon {
  background: url(../images/olb-sprites.png) no-repeat -49px -80px;
  width: 30px;
  height: 26px;
  display: block;
  position: absolute;
  top: 0;
  left: -1px;
  z-index: 4; }

.progress-indicator .indicator .active-icon {
  left: 0px; }

#sbo-login .business-login-no-owner .progress ul li {
  width: 25%; }

#sbo-login .retail-login .progress ul li {
  width: 20%; }

.gethelp {
  display: block;
  margin-left: 15px; }

/*--------------------------------SCHEDULE BEGINS--------------------------------*/
.view-schedule {
  float: right;
  padding: 7px 3px 10px 0; }

#schedule #page-header {
  margin-bottom: 5px; }

#schedule .transfer-accounts-from,
#schedule .transfer-accounts-to {
  width: 40%;
  float: left;
  margin-top: 15px; }

#schedule .history-accounts-from,
#schedule .history-accounts-to {
  float: left;
  width: 38%;
  min-width: 325px;
  margin-top: 15px; }

#schedule .swap-box .search-arrow-acct {
  margin: 50px 20px 0 28px; }

#acct-details .history-accounts-from,
#acct-details .history-accounts-to {
  float: left;
  width: 38%;
  min-width: 350px;
  margin-top: 15px; }

.history-dates-to,
.history-dates-from {
  float: left;
  margin-top: 5px; }

.transaction-search label {
  display: block; }

#payments-transfers .completed-date-range .small-input,
#payments-transfers .completed-amount-range .small-input,
#acct-details2 .completed-date-range .small-input,
#acct-details2 .completed-amount-range .small-input {
  width: 125px; }

.transaction-search .search-arrow {
  margin: 35px 20px 0 0; }

.transaction-search .completed-amount-range .search-arrow {
  margin: 35px 30px 0 0; }

.completed-amount-range,
.completed-date-range {
  float: left;
  width: auto; }

#payments-transfers .history-dates-from,
#acct-details2 .history-dates-from {
  float: left;
  margin-left: 15px;
  width: 175px; }

#payments-transfers .completed-amount-range .history-dates-from,
#payments-transfers .completed-amount-range .history-dates-to,
#payments-transfers .completed-date-range .history-dates-from,
#payments-transfers .completed-date-range .history-dates-to {
  width: auto;
  margin-right: 15px;
  margin-top: 0; }

.history-dates-from .error-wrapper > label,
.history-dates-to .error-wrapper > label {
  margin-left: 25px; }

#acct-details2 .history-amount-to {
  width: 150px;
  float: left; }

#acct-details2 .history-amount-from {
  width: 150px;
  float: left;
  margin-left: 30px; }

#acct-details #debitamount .small-input,
#acct-details #checknumber .small-input {
  width: 89%; }

#acct-details #creditamount .small-input,
#acct-details #debitamount .small-input {
  width: 75%;
  max-width: 125px; }

#acct-details .tabcontent .mod-content {
  border: 0; }

#creditamount .e-dollar,
#debitamount .e-dollar {
  top: 12px; }

.history-description {
  margin-top: 20px;
  margin-left: 45px;
  float: left;
  width: 355px; }

.search-arrow {
  float: left;
  width: 5px;
  height: 10px;
  margin: 48px 20px 0; }

.search-arrow-acct {
  float: left;
  width: 10px;
  height: 10px;
  margin: 50px 10px 0 15px; }

.arrow-right {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #ccc;
  display: block; }

.swap-box span,
.swap-box label,
#advancedsearch label {
  display: block;
  margin-bottom: 5px; }

.search-selection {
  float: left; }

.trans-desc {
  width: 335px; }

.searchbutton {
  margin: 30px 0 0 20px;
  width: 125px; }

.swap-box .searchbutton {
  margin-top: 48px; }

.searchbutton input[type="submit"] {
  padding: 8px 15px; }

#outside-accounts .swap-box .searchbutton {
  margin-top: 36px; }

.standard-search {
  float: right;
  padding: 55px 0 0 27px;
  display: table;
  height: 25px;
  margin-right: 25px; }

.standard-search a {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 125px; }

#outside-accounts .standard-search {
  padding-top: 45px; }

.swap-box h4 {
  margin: 15px 0 0 0;
  font-weight: normal; }

.day-buttons {
  float: left;
  display: block;
  margin: 5px 10px 0 0; }

.swap-box .day-buttons:last-child {
  margin-right: 0; }

.ua-ie-7 .day-buttons {
  width: 90px;
  text-align: center; }

.active .daychoice {
  background: #1d41a7;
  -webkit-box-shadow: 0 2px 0 0 rgba(3, 3, 3, 0.3);
  -moz-box-shadow: 0 2px 0 0 rgba(3, 3, 3, 0.3);
  box-shadow: 0 2px 0 0 rgba(3, 3, 3, 0.3);
  margin: 0;
  color: #fff;
  text-shadow: 0 -1px 1px #000;
  display: block;
  width: auto;
  border: 1px solid #2751c9;
  border-radius: 3px;
  padding: 2px 5px; }

.active .daychoice a {
  cursor: default;
  color: #fff; }

.inactive .daychoice {
  background: #666666;
  -webkit-box-shadow: 0 2px 0 0 rgba(3, 3, 3, 0.3);
  -moz-box-shadow: 0 2px 0 0 rgba(3, 3, 3, 0.3);
  box-shadow: 0 2px 0 0 rgba(3, 3, 3, 0.3);
  margin: 0;
  color: #fff;
  text-shadow: 0 -1px 1px #000;
  display: block;
  border: 1px solid #666666;
  border-radius: 3px;
  padding: 2px 0; }

.inactive .daychoice a {
  padding: 4px 5px 4px 6px;
  color: #fff; }

.inactive .daychoice a:hover {
  background: #7c7c7c;
  border-color: #7c7c7c; }

.button-downarrow {
  margin: -1px 41% 0;
  float: left;
  width: 7px;
  height: 7px; }

.blue-downarrow {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #1d41a7;
  float: left; }

.inactive .button-downarrow {
  display: none; }

.as-link {
  padding: 3px 0 0 5px; }

.scheduled,
.paragraph {
  margin-top: 15px; }

.inprocess {
  background: #f4f3f3; }

.line2detail label {
  font-family: 'source_sans_prosemibold'; }

.currency {
  position: relative; }

.e-dollar {
  position: absolute;
  left: -12px;
  top: -1px; }

.error-wrapper .e-dollar {
  left: 10px;
  top: 0; }

/*is this needed?*/
#message-center .section-footer:after,
#my-profile .section-footer:after {
  position: relative;
  bottom: 6px;
  left: 5px;
  background: #bbbaba;
  width: 98.5%;
  height: 2px;
  display: block;
  content: ' ';
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px; }

#my-profile #security-questions .section-footer:after {
  bottom: 0px; }

.title-security-question {
  display: block;
  margin-top: 5px; }

#acct-details .column-one .section-footer:after,
.detail-loans .column-wide-promo .section-footer:after {
  position: absolute;
  bottom: -4px;
  left: .8%;
  background: #bbbaba;
  width: 98.5%;
  height: 3px;
  display: block;
  content: ' ';
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px; }

.page-footer {
  position: relative; }

/*is this needed?*/
.column-wide .section-footer:after,
#message-center #tabbed .section-footer:after {
  position: absolute;
  bottom: -3px;
  left: .4%;
  background: #fff;
  width: 99.2%;
  height: 2px;
  display: block;
  content: ' ';
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border: 1px solid #b8b8b8;
  border-radius: 0 0 3px 3px; }

/*is this needed?*/
.column-wide .section-footer2:after,
#message-center #tabbed .section-footer2:after {
  position: absolute;
  bottom: -6px;
  left: .8%;
  background: #fff;
  width: 98.5%;
  height: 2px;
  display: block;
  content: ' ';
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border: 1px solid #b8b8b8;
  border-radius: 0 0 3px 3px; }

/* section-footer / page-footer? */
.statement-choice select {
  width: 450px;
  float: left; }

.top-content {
  background-color: #FFF;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  padding-right: 15px;
  padding-top: 15px;
  border-bottom: 1px solid #cdcdcd; }

#acct-details .top-content,
#customer-svc .top-content {
  border: 1px solid #cdcdcd; }

#my-profile .statement-notice {
  margin: 0 0 15px 0; }

.alert-notice {
  background-color: #f2f2f2;
  border: 1px solid #d5d3d3;
  -webkit-box-shadow: inset 0 1px 1px #FFFFFF, 0 2px 0 0 #ededed;
  -moz-box-shadow: inset 0 1px 1px #FFFFFF, 0 2px 0 0 #ededed;
  box-shadow: inset 0 1px 1px #FFFFFF, 0 2px 0 0 #ededed;
  margin: 0;
  padding: 10px; }

.alert-notice .payment-button {
  margin: 0; }

.alert-notice .swap-box {
  margin-top: 10px; }

.alert-notice .swap-box p {
  padding: 0 0 10px; }

.alert-notice .form-col-1 {
  padding-top: 5px; }

.alert-notice .form-col-2 {
  margin-bottom: 15px; }

.alert-notice .form-col-2 .small-input {
  width: 220px; }

.email-notice {
  margin: 10px 10px 15px; }

.email-notice .swap-box {
  display: inline;
  float: none;
  margin: 0; }

.emailbuttons {
  margin-left: 30%; }

.alert-notice form .submit-button,
.alert-notice form .cancel-button {
  float: left;
  margin-right: 20px; }

#my-profile .hide-accounts th {
  font-weight: normal;
  vertical-align: middle; }

#statements table th.rowchoice1 {
  font-weight: normal;
  vertical-align: top;
  padding: 10px 15px; }

#my-profile .hide-accounts td,
#statements table td {
  vertical-align: top;
  padding: 10px 15px; }

#statements .window h2,
#delivery-options .manage-hideshow h2 {
  margin: 0 0 15px; }

#delivery-options h2 {
  margin: 25px 0 15px; }

.sbo #delivery-options #manage-hideshow .module h2,
.sbo #delivery-options #manage-hideshow .module:hover h2 {
  margin: 0 0 15px 0;
  background: none; }

#statements #delivery-options #iwanttolist header h2 {
  padding: 8px 8px 11px 15px;
  margin: 0; }

#delivery-options .mod-content h3 {
  margin-bottom: 15px;
  padding-bottom: 0; }

#delivery-options .section-footer:after {
  bottom: 0; }

#statements .table-wrapper {
  border-right: none; }

#statements .column-one header {
  background: #f2f2f2;
  border-left: 5px solid #1a2095;
  margin-left: -5px; }

#security-questions header {
  margin: 15px -15px 0 -20px;
  border: none;
  border-left: 5px solid #1a2095;
  border-radius: 0;
  background: #f2f2f2;
  cursor: pointer; }

.non-collapse-content {
  padding: 15px;
  border: 1px solid #c3c1c1; }

.non-collapse-content header {
  border: none;
  border-radius: 0;
  background: #f2f2f2;
  cursor: pointer;
  margin: -15px -15px 15px;
  cursor: default; }

.non-collapse-content .table-wrapper {
  margin: 0 -15px;
  clear: both; }

#payments-transfers .manage-recipients header,
#payments-transfers .upcoming-completed header,
#acct-details.citi .citi-move header {
  border: none;
  border-radius: 0;
  background: #f2f2f2;
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid #C9C9C9; }

.upcoming-completed .mod-content p {
  margin-bottom: 0;
  margin-left: 10px; }

.manage-recipients p {
  margin-bottom: 15px; }

.delivery-help {
  margin-left: 15px; }

#transfers .form-col-1.longline,
#transfers.addnewrecipient .form-col-1.longline,
#transfers.addnewrecipient .form-col-1.longline2 {
  width: 96%;
  padding-bottom: 0;
  margin-bottom: 5px; }

#payments-transfers #other-accounts.manage-recipients header,
#payments-transfers {
  border-top: none; }

#make-transfer dl.wire-transfer dt.form-col-1 {
  padding-top: 0;
  margin-bottom: 5px; }

.payment-delivery ul li,
.ach-payment-type ul li,
.wire-transfer-type ul li {
  margin-bottom: 15px; }

#make-transfer .ach-payment-type dt.form-col-1 {
  padding-top: 0; }

#make-transfer dt.form-col-1.dd-class {
  width: 75px; }

#make-transfer dd.transaction-type.dd-class {
  width: 350px; }

#make-transfer .deletebox fieldset {
  margin: 0;
  padding: 0; }

#make-transfer .form-col-1 {
  width: 23%;
  float: left;
  margin-bottom: 25px;
  margin-top: 0;
  padding: 11px 5px 0 0; }

#make-transfer .form-col-1.fees-link {
  margin-bottom: 10px; }

#make-transfer .form-col-2.fees-link {
  text-align: right; }

#make-transfer .form-col-1.transaction-select {
  padding-top: 0;
  margin-bottom: 5px; }

#transfers.smallbusiness .form-col-1.transaction-select {
  padding-top: 11px; }

#make-transfer dd.transaction-type {
  padding-top: 0;
  margin-bottom: 5px;
  float: left;
  width: 75%; }

#make-transfer dd.transaction-type span {
  float: left;
  margin-bottom: 10px; }

#make-transfer dd.transaction-type span input[type="radio"] {
  float: left;
  top: 5px; }

.ua-desktop-macintosh #make-transfer dd.transaction-type span input[type="radio"] {
  top: 2px; }

#transfers .column-one.dd-class {
  width: 100%; }

form#payments-transfers {
  margin-left: 0; }

.ach-payment-group .recipient-input {
  width: 100%; }

.module form p.listborder {
  border-bottom: 1px solid #c3c1c1;
  margin-right: 15px;
  margin-bottom: 30px;
  padding: 0;
  display: none; }

.process-time {
  float: right;
  margin: 15px 10px; }

.new-recip,
.add-user {
  margin: 15px 0;
  padding-left: 25px;
  float: left;
  position: relative; }

.use-collapse .new-recip {
  margin-left: 10px; }

.new-recip:before,
.add-user:before {
  background: url(../images/olb-sprites.png) -180px -20px;
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 20px;
  height: 20px; }

.payment-history-head {
  padding: 10px 0;
  border-top: 1px solid #c2c0c0;
  clear: both;
  overflow: hidden; }

.payment-history-head span {
  margin-right: 15px; }

.history-link {
  float: right;
  margin-right: 15px; }

#payment2 {
  display: none; }

.recipient-search {
  float: right;
  width: 280px;
  display: block;
  margin: 10px 0; }

.recipient-search .small-input {
  width: 70%;
  padding: 5px; }

.recipient-search .submit-button {
  padding: 2px 5px 0px;
  float: right;
  margin-right: 10px; }

.manage-recipients fieldset,
.upcoming-completed fieldset {
  clear: both; }

.billpay-alerts,
.make-a-payment {
  float: left;
  margin: 15px 0 15px 40px; }

#statements .column-one header.del-confirmation {
  margin-left: 0;
  border-left: none;
  background: none; }

.module header.del-confirmation .confirmed {
  border: 1px solid #B3C5B0; }

#statements .module h3,
#my-profile #security-questions h3,
#sbo-login #security-questions h3,
#acct-details.citi .module h3 {
  position: relative;
  font-weight: normal;
  padding: 10px 8px 10px 30px;
  margin: 0;
  display: block;
  width: auto;
  border-radius: 3px 3px 0 0;
  color: #2f2f2f;
  font-size: 1.5em;
  border-top: 1px solid #C9C9C9;
  border-bottom: 1px solid #C9C9C9; }

#acct-details.citi .module h3 {
  border: none; }

.non-collapse-content h3 {
  position: relative;
  font-weight: normal;
  padding: 10px 15px;
  margin: 0;
  display: block;
  width: auto;
  color: #2f2f2f;
  font-size: 1.25em;
  border-bottom: 1px solid #C9C9C9; }

#payments-transfers .manage-recipients h3,
#payments-transfers .upcoming-completed h3,
#acct-details.citi .column-wide h3 {
  position: relative;
  font-weight: normal;
  padding: 10px 8px 10px 30px;
  margin: 0;
  display: block;
  width: auto;
  border-radius: 0;
  color: #2f2f2f;
  font-size: 1.25em; }

#payments-transfers .upcoming-completed tbody tr,
#payments-transfers .upcoming-completed thead tr {
  font-size: .95em; }

#payments-transfers .upcoming-completed tbody tr td {
  word-break: normal; }

#payments-transfers .upcoming-completed tbody tr div.window {
  font-size: 1.05em; }

#statements .hide-show,
#my-profile .hide-show,
#payments-transfers .hide-show,
#sbo-login .hide-show,
#acct-details.citi .hide-show {
  background: url(../images/olb-sprites.png) -100px -40px;
  top: 11px;
  left: 8px; }

.no-recipient {
  margin: 15px;
  float: left;
  clear: both; }

#statements .collapsed .hide-show,
#my-profile .collapsed .hide-show,
#sbo-login .collapsed .hide-show,
#payments-transfers .collapsed .hide-show,
#acct-details.citi .collapsed .hide-show {
  background-position: -120px -40px; }

#btn-slide {
  margin: 5px 0 0 15px;
  display: block; }

#statements .annualstmnt {
  margin: 0 0 0 -5px;
  width: 100%;
  float: left;
  padding: 15px 0 0 15px;
  border-left: 5px solid #1a2095; }

p.return-to-ao {
  padding-left: 15px; }

.annualstmnt-title {
  font-size: .75em;
  float: right;
  color: #2f2f2f;
  margin-right: 15px; }

.statement-col-one p {
  float: left;
  width: 100%; }

#statements .table-break {
  background-color: #f2f2f2;
  padding: 7px !important;
  text-align: left; }

#statements .table-break p {
  font-family: 'source_sans_prosemibold';
  padding: 10px 0; }

#statement-no-acct {
  border-bottom: none;
  padding-bottom: 15px; }

.delivery-footer {
  margin: 25px auto;
  text-align: center; }

.confirm-footer {
  margin: 25px auto 0 auto; }

.module .delivery-footer p {
  font-family: 'source_sans_prosemibold';
  line-height: .5em;
  padding: 0;
  text-align: left;
  margin: 0; }

.delivery-footer p input[type="checkbox"],
.delivery-footer .error-wrapper input[type="checkbox"] {
  margin-left: 2px;
  float: left; }

.delivery-footer .error-wrapper input[type="checkbox"] {
  top: 2px; }

.delivery-footer p label,
.delivery-footer .error-wrapper label {
  display: block;
  margin-left: 25px;
  line-height: 1.1em; }

.delivery-footer .error-wrapper li label {
  margin-left: 0;
  line-height: 1.5em; }

.ua-ie .delivery-footer p input[type="checkbox"] {
  top: 2px; }

.delivery-list td input[type="checkbox"] {
  top: -1px; }

.delivery-list td.paperless span {
  font-weight: bold; }

.delivery-list td {
  text-align: left; }

.delivery-header1 {
  width: 30%; }

.delivery-header2 {
  width: 26%; }

.delivery-header3 {
  width: 24%; }

.delivery-header4 {
  width: 40%; }

.delivery-footer label a {
  display: inline-block;
  margin-bottom: 2px; }

ul.statement-del-choice li {
  margin-bottom: 10px; }

ul.statement-del-choice li:last-child {
  margin-bottom: 0px; }

.windowbuttons {
  margin: 25px 0 20px 25%; }

#to-logoff {
  margin-left: 15px; }

#areyousure-edit .windowbuttons {
  width: 55%;
  margin: 25px 27% 20px; }

#twodaywindow .windowbuttons {
  margin: 30px auto 10px;
  text-align: center; }

#no-contact .windowbuttons {
  margin: 25px auto 0;
  text-align: center; }

#no-contact .windowbuttons a.submit-link {
  padding: 12px 50px;
  margin-bottom: 15px;
  float: none; }

.windowbuttons a.payment-button {
  margin: 0 10px; }

.rowchoice2 {
  vertical-align: middle;
  position: relative;
  cursor: pointer; }

.stopmail-arrow {
  width: 20px;
  height: 45px;
  background: url(../images/olb-sprites.png) -320px -60px no-repeat;
  position: absolute;
  top: -1px;
  left: -20px; }

.delivery-sign {
  float: left;
  font-family: 'source_sans_prosemibold';
  text-align: left;
  background: #cde3f8;
  background-clip: padding-box;
  padding: 7px 10px;
  margin: 4px 0 0 25px;
  display: inline-block;
  border: 1px solid #a0bedb;
  border-radius: 1px;
  position: relative;
  width: auto;
  max-width: 70%;
  height: auto; }

.delivery-list .searchHeader th {
  cursor: default;
  padding: 10px; }

.delivery-list .alert-title {
  margin: 0 0 5px;
  padding: 0;
  line-height: 1.25em; }

.delivery-list .delivery-alert {
  font-size: .875em;
  line-height: 1em;
  padding: 0;
  margin-left: 0; }

.delivery-alert .help,
.delivery-list td .delivery-alert span {
  padding: 0;
  margin: 0; }

.delivery-list td .delivery-alert span.tooltip {
  padding: 10px; }

.send-notice {
  font-size: .875em;
  display: none; }

#statements td.delivery-options2 {
  text-align: left;
  vertical-align: middle;
  border-top: 1px solid #e4e4e4;
  padding: 10px 15px; }

.accthideshow {
  margin: 0 25px 0 5px; }

.ua-ie .accthideshow {
  position: relative; }

.hide-center {
  width: 95%;
  margin: 0 auto; }

.overflowing .hide-center {
  margin: 0; }

.delivery-online label,
.delivery-mail label,
.accthideshow label {
  cursor: pointer; }

.delivery-online label span,
.delivery-mail label span,
.accthideshow label span {
  cursor: pointer;
  margin-left: 5px; }

/*--------------------------------ACCT DETAIL TABS--------------------------------*/
.ua-ie-8 .tab-bar {
  padding-bottom: 5px; }

ul.tabs {
  height: 46px;
  padding: 0;
  font-size: 1em;
  line-height: 1.3em;
  margin: 0;
  list-style-type: none;
  text-align: left;
  /*set to left, center, or right to align the tabs as desired*/
  border-radius: 3px 3px 0 0;
  background: #E0E0E0;
  border: 1px solid #c6c6c6; }

#transfers ul.tabs {
  height: 45px;
  border: none;
  border-bottom: 1px solid #c6c6c6; }

ul.tabs li {
  float: left;
  margin: 0; }

ul.tabs li a {
  font-style: normal;
  text-decoration: none;
  position: relative;
  z-index: 1;
  border-right: 1px solid #c6c6c6;
  color: #333;
  padding: 12px 20px;
  cursor: pointer;
  display: block; }

ul.tabs li.selected {
  position: relative;
  z-index: 2; }

ul.tabs li.selected a {
  cursor: default;
  color: #5d061b; }

ul.tabs li.firsttab a.selected {
  border-radius: 3px 0 0 0;
  border-left: 1px solid #b8b8b8;
  border-right: none; }

li.firsttab.selected span, li.firsttab span {
  color: #2f2f2f; }

ul.tabs li.secondtab a {
  -webkit-box-shadow: 1px 0px 1px #e5e5e5;
  -moz-box-shadow: 1px 0px 1px #e5e5e5;
  -o-box-shadow: 1px 0px 1px #e5e5e5;
  box-shadow: 1px 0px 0px #e5e5e5; }

ul.tabs li.secondtab.selected a {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none; }

ul.tabs li a:visited {
  color: #590F27; }

/*selected tab style */
ul.tabs li.selected a {
  position: relative;
  top: -3px;
  background: white;
  border-radius: 3px 3px 0 0;
  border-top: 1px solid #c6c6c6;
  border-right: 1px solid #c6c6c6;
  border-left: 1px solid #c6c6c6;
  padding: 14px 16px 13px; }

ul.tabs li.selected.firsttab a {
  border-left: 0; }

ul.tabs li.selected a:hover {
  text-decoration: none; }

.stack .tab-bar {
  display: none; }

.stack .tabcontent {
  display: block !important;
  margin-bottom: 40px; }

.stack .tabcontent:last-child {
  margin-bottom: 0; }

.stack .tabcontent h3 {
  display: block; }

.stack .tabcontent .mod-content {
  display: none; }

.stack .tabcontent.open {
  display: block; }

.ua-ie #transaction-history {
  width: 100%; }

.ua-ie table tbody tr {
  border-bottom: 1px solid #CECECE; }

.ua-ie .no-styles tbody tr {
  border-bottom: 0; }

#transfer-history tr td:first-child {
  border: none; }

#transaction-history .searchHeader th.nonsort {
  cursor: default; }

.searchHeader th a {
  position: relative;
  white-space: nowrap; }

th.headerSortUp a,
th.headerSortDown a,
th.defaultsearch a {
  position: relative;
  padding-right: 15px; }

th.headerSortUp a:before {
  background: url(../images/olb-sprites.png) 0 -40px;
  content: "";
  position: absolute;
  right: -5px;
  bottom: 0;
  width: 20px;
  height: 20px; }

th.headerSortDown a:before,
th.defaultsearch a:before {
  background: url(../images/olb-sprites.png) 0 -20px;
  content: "";
  position: absolute;
  right: -5px;
  bottom: 0;
  width: 20px;
  height: 20px; }

.ua-firefox th.headerSortUp a:before,
.ua-firefox th.headerSortDown a:before,
.ua-firefox th.defaultsearch a:before {
  left: 92%; }

#transaction-history th,
#bill-pay-checks th {
  cursor: pointer;
  font-family: 'source_sans_prosemibold'; }

#transaction-history th.leftheader,
#bill-pay-checks th.leftheader {
  text-align: left;
  padding-left: 10px; }

.rightheader,
#transaction-history th.rightheader,
#bill-pay-checks th.rightheader {
  text-align: right;
  padding-right: 10px; }

td.leftdetails {
  text-align: left;
  padding: 8px 5px 8px 10px; }

td.rightdetails {
  text-align: right;
  padding: 8px 10px 8px 5px; }

th.rightdetails {
  text-align: right;
  padding-right: 10px; }

td.nowrap {
  white-space: nowrap; }

.advancedsearchfields {
  margin-bottom: 10px;
  overflow: hidden; }

.swap-box .select-wrapper select {
  width: 130%;
  color: #2f2f2f;
  padding-top: 8px; }

.ua-ie .swap-box .select-wrapper select {
  padding: 10px 15px 4px 10px;
  width: 130%; }

.history-search-by {
  float: left;
  margin-top: 10px;
  width: 160px; }

.history-search-type {
  float: left;
  width: 160px;
  margin-top: 20px; }

#daterange,
#debitamount,
#creditamount,
#checknumber {
  width: 80%;
  margin-top: 2px;
  float: left; }

.selectranges {
  width: 75%;
  float: left; }

.detail-loans .selectranges {
  width: 100%; }

.detail-loans .swap-box .searchbutton {
  margin-top: 34px; }

#acct-details2 .selectranges,
#acct-details2 #daterange,
#acct-details2 #debitamount,
#acct-details2 #creditamount,
#acct-details2 #checknumber {
  margin-top: 0px; }

#acct-details2 .transaction-table .history-dates-from {
  width: auto; }

#acct-details2 .transaction-table .history-dates-from,
#acct-details2 .transaction-table .history-dates-to {
  margin-left: 0px;
  margin-top: 10px; }

.swap-box .search-arrow-acct {
  margin: 48px 15px 0 20px; }

.pending-transact td,
.pending-transact th.leftdetails,
.pending-transact th.rowheader {
  background-color: #fff7d2;
  border-bottom: 1px solid #E0D9BC;
  border-right: 1px solid #E0D9BC; }

.pending-transact td:last-child {
  border-right: 0; }

.overflowing .pending-transact td,
.overflowing .pending-transact th.leftdetails,
.overflowing .pending-transact th.rowheader {
  border-right: 0;
  text-align: left; }

.overflowing .pending-transact {
  background-color: #fff7d2;
  border-top: 1px solid #E0D9BC; }

.overflowing .pending-transact .label-pending {
  float: right; }

.overflowing tbody .pending-transact th {
  border-bottom: 0; }

.overflowing tbody tr {
  border-top: 1px solid #cfcfcf; }

.transact-notes {
  font-size: .875em;
  padding-top: 10px; }

.details-column-one {
  float: left;
  width: 50%;
  margin: 15px 0; }

.detail-title {
  font-family: 'source_sans_prosemibold';
  display: block;
  margin-bottom: 15px; }

.detail-title2 {
  font-family: 'source_sans_prosemibold';
  display: block;
  width: 80%;
  float: left;
  margin: 20px 0 15px; }

.details-column-two {
  float: right;
  width: 48%;
  margin: 15px 0; }

.details-column-one .form-col-1,
.details-column-two .form-col-1 {
  width: 55%;
  margin-bottom: 15px;
  float: left; }

.details-column-one .form-col-2,
.details-column-two .form-col-2 {
  width: 40%;
  margin-bottom: 15px;
  float: left; }

.balance-info a.payment-button {
  margin: 10px 0; }

.stop-mail {
  float: left;
  width: 25%;
  display: block;
  cursor: pointer;
  padding: 10px 0;
  color: #FBFBFB;
  text-align: center;
  font-size: 1.25em;
  font-weight: normal;
  text-decoration: none;
  text-shadow: 0 1px 1px #00001e;
  border: 1px solid #116e1e;
  border-radius: 2px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-box-shadow: 0 2px 0 0 #d6d6d6, inset 0 1px 0 #bbe9c2;
  -moz-box-shadow: 0 2px 0 0 #d6d6d6, inset 0 1px 0 #bbe9c2;
  box-shadow: 0 2px 0 0 #d6d6d6, inset 0 1px 0 #bbe9c2;
  background-color: #1c9227;
  background-image: linear-gradient(-90deg, #63cb73, #1c9227);
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, from(#63cb73), to(#1c9227));
  background-image: -moz-linear-gradient(-90deg, #63cb73, #1c9227); }

.stop-mail:hover {
  color: #FFF;
  background-color: #21af2e;
  background-image: linear-gradient(-90deg, #6ee07f, #168e27);
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, from(#6ee07f), to(#168e27));
  background-image: -moz-linear-gradient(-90deg, #6ee07f, #168e27); }

.footnote {
  font-size: 0.875em !important;
  margin-top: 20px;
  line-height: 1.25em; }

.column-wide-promo .top-content dl {
  margin-bottom: 10px;
  /*  overflow: hidden;*/ }

.column-wide-promo .top-content dt {
  width: 25.5%; }

.column-wide-promo .top-content p {
  clear: both; }

.mortgage-pay {
  clear: both; }

.mortgage-pay2 {
  clear: both;
  text-align: center; }

.mod-content table.checkcards {
  margin-bottom: 15px;
  border-right: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4; }

#acct-details2 th {
  text-align: center; }

#acct-details2 .acct-services th,
#acct-details2 table.overflowing th,
#acct-details2 .confirmation th {
  text-align: left; }

#acct-details2 thead th {
  border-left: 1px solid #31383e; }

.mod-content .transaction-table {
  width: 85%;
  margin-bottom: 15px; }

.mod-content .transaction-table.full-width {
  width: 100%;
  margin-bottom: 15px; }

.mod-content .transaction-table table {
  border-right: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4; }

.transaction-table .submit-button,
.transaction-table .button-search-field {
  margin-right: 0;
  float: right; }

.callout .transaction-table table {
  background: #fff; }

.bank-contact {
  margin: 15px 15px 15px 45px;
  float: left; }

#acct-details2 .bank-contact h4 {
  margin: 0 0 10px; }

dl.payment-svcs-info.nonbbt-account,
dl.payment-svcs-info.bbt-account {
  margin-top: 0px; }

.warning-notice {
  margin-top: 15px;
  clear: both;
  float: left; }

.error-wrapper .routing-lightbox {
  margin: 10px 0 0 0;
  float: left;
  width: 100%; }

.routing-lightbox {
  display: block;
  float: left;
  width: 200px;
  margin-left: 15px;
  line-height: 1.2em; }

#routing-number {
  float: left; }

#acct-details2 .checkcard-user-info dt {
  font-family: 'source_sans_prosemibold'; }

#acct-details2 dl {
  margin-top: 10px; }

#acct-details2 dt {
  float: left;
  width: 25%;
  margin-bottom: 20px;
  padding-top: 12px; }

#acct-details2 dt.text-only {
  padding-top: 0; }

#acct-details2 dd {
  float: left;
  width: 75%;
  margin-bottom: 20px; }

#acct-details2 dt.longline,
#acct-details2 .acct-svcs-info dt.longline {
  width: 100%;
  margin-right: 0; }

#acct-details2 .payment-svcs-info dt.radio-fields,
#acct-details2 .payment-svcs-info dd.radio-fields {
  margin-bottom: 0; }

#acct-details2 .payment-svcs-info dt.radio-fields.separate-form-item,
#acct-details2 .payment-svcs-info dd.radio-fields.separate-form-item {
  margin-bottom: 25px; }

.acct-services .payment-svcs-info dd.form-col-2.radio-fields {
  margin-top: 10px; }

.acct-services .payment-svcs-info dd.form-col-2.radio-fields label {
  margin-right: 25px; }

#acct-details2 .small-input {
  max-width: 150px; }

#acct-details2 .form-col-2 .single-line-field {
  padding-top: 12px; }

.acct-selector li {
  display: inline; }

#acct-details2 .form-col-2 dt {
  width: 40%;
  padding: 0; }

#acct-details2 .form-col-2 dd {
  width: 40%; }

#acct-details2 .nonbbt-account .form-col-2 dt,
#acct-details2 .bbt-account .form-col-2 dt {
  width: 50%; }

.checkcard-user-info input[type="text"],
.checkcard-user-info .select-background,
.checkcard-user-info input[type="tel"].phone {
  max-width: 300px; }

.acct-services .payment-svcs-info .select-background,
.acct-services .payment-svcs-info .recipient-input {
  width: 60%; }

.acct-services .acct-svcs-info dd .small-input {
  width: 45%; }

dt.float-tooltip label {
  float: left; }

dt.float-tooltip .help {
  float: left;
  margin-left: 15px; }

.acct-services .twobutton {
  margin-top: 25px;
  width: 75%; }

.acct-services .form-buttons {
  margin-top: 15px; }

.separator {
  margin: 0 15px 30px;
  padding: 0;
  border-bottom: 1px solid #ccc; }

#acct-details2 .q-a dt,
#acct-details2 .q-a dd {
  display: block;
  float: none;
  width: auto;
  padding-top: 0; }

#acct-details2 .q-a dt {
  font-family: 'source_sans_prosemibold';
  margin-bottom: 0; }

#acct-details2 .acct-services .checkcard-user-info dd,
#acct-details2 .acct-svcs-info dd {
  width: 58%; }

#acct-details2 .acct-services .checkcard-user-info dt {
  font-family: 'source_sans_proregular';
  width: 50%; }

#acct-details2 .acct-services .checkcard-user-info dd {
  width: 45%; }

#acct-details2 .acct-services .acct-svcs-info dt.form-col-1 {
  width: 43%;
  padding-right: 5px; }

#acct-details2 .acct-services .acct-svcs-info dd,
#acct-details2 .acct-services .payment-svcs-info .select-background,
#acct-details2 .acct-services .payment-svcs-info .recipient-input {
  width: 55%; }

#acct-details2 .acct-services .checkcard-user-info dd {
  width: 45%; }

#acct-details2 .acct-services .checkcard-user-info dt,
#acct-details2 .acct-svcs-info dt.line2 {
  padding-top: 0; }

.checkcard-user-info dd.form-col-2 .optional,
.acct-services .payment-svcs-info dd.form-col-2 .optional {
  margin: 10px 0 0 5px; }

.case-info {
  float: left;
  width: 100%;
  margin-bottom: 15px; }

.notice-link {
  float: right;
  margin: 0 15px 0 0; }

#acct-details2 .alt-table {
  border: 1px solid #c0c0c0;
  width: 82.5%;
  margin-top: 15px; }

#acct-details2 .alt-table-full-width {
  border: 1px solid #c0c0c0;
  width: 100%;
  padding: 20px;
  margin-top: 15px;
  height: 100%; }

.level1-question {
  margin-left: 25px;
  clear: both; }

.leve1-question .emboldface {
  float: left;
  margin: 0 15px 15px; }

#acct-details2 .alt-table li {
  display: inline;
  margin: 10px 0; }

#acct-details2 .alt-table ul.vertical-list li {
  display: block; }

#acct-details2 .alt-table-leftcol {
  width: 65%; }

#acct-details2 .alt-table-rightcol {
  width: 35%; }

.small-input.date-box,
.small-input.date-past,
.small-input.date-future,
.small-input.date-future-ach,
.small-input.date-future-wire,
.small-input.edit-date-past,
.small-input.edit-date-future,
.small-input.billpay,
input[type="text"].date-box {
  width: 125px; }

#acct-details2 .alt-table-leftcol p {
  margin-top: 10px; }

#acct-details2 .alt-table-leftcol p.leftcol-datelabel {
  margin-top: 15px; }

.text-area-question {
  margin-top: 10px; }

#acct-details2 dl.level2-questions dt,
#acct-details2 .alt-table-singlecol dl dt {
  width: 45%;
  padding-top: 0; }

#acct-details2 dl.level2-questions dd,
#acct-details2 .alt-table-singlecol dl dd {
  width: 50%;
  float: left;
  margin: 0 0 15px 15px;
  padding: 1px 0 2px; }

.alt-table-singlecol dl dt.line2,
.alt-table-singlecol dl dd.line2 {
  margin-top: 15px; }

.count-down {
  font-size: .875em; }

.alt-table-singlecol .count-down {
  margin: 0; }

.count-down .readOnly {
  box-shadow: none;
  border: none;
  width: 50px;
  padding: 0;
  margin: 5px 0 0 5px; }

.text-response {
  height: 100px; }

/*--------------------------------CUSTOMER SERVICE--------------------------------*/
#confirmation .module {
  padding: 15px 0; }

#confirmation .service-content {
  padding: 0 15px 15px; }

#confirmation .service-content p {
  width: 100%;
  float: left;
  margin-top: 20px; }

#acct-requests .order-checks-acct dd {
  clear: both; }

/*#acct-requests dd .submit-button {
    margin-top: 20px;
}*/
ul.acct-services {
  margin-bottom: 25px;
  margin-top: 10px; }

ul.acct-services li {
  margin: 0 0 10px 10px; }

dd.optional {
  width: 60%; }

.optional .statement-wrapper {
  float: left; }

.optional span {
  margin: 5px 0 0; }

#overdraft-protect .optional span {
  margin: 10px 0 0 10px;
  float: left; }

.editbox .footer-submit {
  margin: 25px 4.2% 25px 30%; }

.check-info {
  width: 50%; }

.credit-promo .bulleted-list li {
  margin-left: 10px; }

.callout .bulleted-list {
  margin: 15px 0; }

#my-profile .callout .bulleted-list li {
  margin-left: 40px; }

.checkrange {
  padding: 0 5px; }

.buttons-full {
  width: 100%;
  margin: 15px 0; }

table.dispute-table {
  width: 60%;
  border-right: 1px solid #ccc;
  margin: 15px 0 15px 15px; }

.text-disabled {
  color: #A8A8A8; }

table.dispute-table td input[type="radio"] {
  margin: 0 0 5px 12px; }

#overdraft-protect dd.checkamount {
  width: 70%; }

#acct-requests .statement-wrapper,
#stop-payment .check-info {
  max-width: 400px;
  width: 100%; }

#stop-payment dd.checknumber2 .check-info {
  width: 70%; }

#acct-requests .submit-button {
  margin-top: 15px;
  margin-bottom: 15px; }

/*#stop-payment dd .currency {
    float: left;
    width: 100%;
}*/
#stop-payment dd.checkamount .e-dollar {
  top: 0; }

.checknumber2 {
  display: none;
  float: left; }

.midtext {
  padding: 0 10px;
  float: left;
  margin-top: 8px; }

.password-rules ul {
  list-style: disc;
  margin-bottom: 5px; }

.password-rules ul li,
.profile-col-2 .password-rules ul li {
  margin: 0 15px 10px; }

.highlight-box {
  display: block;
  margin: 20px 0 20px 0;
  padding: 15px 15px;
  background: #e3e3e3;
  border: 1px solid #C3C1C1; }

.service-content .form-col-1 {
  width: 35%;
  margin-top: 8px; }

#confirmation .form-col-1 {
  width: 35%;
  font-family: 'source_sans_prosemibold';
  margin-top: 10px; }

#confirmation .lastnotbold {
  font-weight: normal; }

#confirmation .form-col-2 {
  width: 45%;
  margin-top: 10px; }

.confirmation-text {
  display: block;
  font-weight: normal; }

/*--------------------------------CLEANED GLOBAL--------------------------------*/
/*errors*/
#error-summary,
.error-summary,
.warning-summary,
.info-summary {
  padding: 6px 0;
  background-color: #ffffbb;
  border-top: 1px solid #e5c31e;
  border-bottom: 1px solid #e5c31e;
  position: relative;
  min-height: 75px;
  /*display: table;*/ }

.window .content #error-summary img {
  margin-top: 0; }

.info-summary {
  background-color: #e4ecfa;
  border: 1px solid #c5d0e8; }

#error-summary,
section .warning-summary,
section .info-summary {
  margin: 0 -15px 25px;
  padding: 10px 15px 20px; }

/* Warning message in table rows */
table .warning-summary-row .warning-summary {
  margin-top: 0;
  margin-bottom: 0;
  border: 0; }

table .warning-summary-row td,
table .warning-summary-row th,
.alerttable table tr.warning-summary-row td,
.alerttable table tr.warning-summary-row th,
table.overflowing tr.warning-summary-row,
table.overflowing tr.warning-summary-row td {
  padding: 0; }

section table .warning-summary {
  margin: 0; }

table.overflowing tr.warning-summary-row td {
  margin-top: 0;
  margin-bottom: 0; }

#error-summary-in-table {
  margin: 10px 10px 25px 0;
  padding: 10px 15px 20px;
  width: 95%;
  background-color: #ffffbb;
  border: 1px solid #e5c31e;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.column-two .tabcontents #error-summary,
.column-two .tabcontents .warning-summary,
.column-two .tabcontents .info-summary {
  margin: 5px 0 15px; }

.column-two .tabcontents #error-summary p.default-message {
  padding: 15px; }

.column-two .tabcontents #error-summary p.addl-message,
.column-two .tabcontents .warning-summary p.addl-message {
  padding: 0 15px; }

.divcollapse .warning-summary,
.divcollapse .info-summary {
  margin: 0 0 15px;
  padding: 10px 15px; }

#acct-details .citi-move .divcollapse .warning-summary {
  margin: 0 -15px 25px; }

.error-wrapper {
  background-color: #FFFFBB;
  border: 1px solid #E5C31E;
  padding: 15px;
  margin: 0;
  border-radius: 3px;
  display: inline-block;
  text-align: left;
  width: auto; }

.primary-email .error-wrapper {
  width: 55%; }

/*confirmation*/
.confirmed,
.window .content p.confirmed {
  border-top: 1px solid #b3c5b0;
  border-bottom: 1px solid #b3c5b0;
  padding: 20px 12px 20px 70px;
  background-color: #DDF2DA;
  color: #004800 !important;
  font-family: 'source_sans_prosemibold';
  clear: both;
  position: relative;
  margin: 0 -15px; }

.confirmed .big-bold {
  display: inline-block; }

.window .content p.confirmed {
  margin: 0;
  border: 1px solid #b3c5b0; }

.window .content .warning-summary .alert-img {
  margin: 0; }

.wrapper > .send-confirmation .confirmed {
  border: 1px solid #b3c5b0;
  margin: 0; }

.full-width-border > .send-confirmation .confirmed {
  border: 1px solid #b3c5b0;
  margin-right: 0;
  margin-left: 0; }

.send-confirmation {
  margin-bottom: 15px; }

.confirm-message {
  margin: 15px 0 0; }

/*--------------------------------CLEANED CODE FOR LOGIN--------------------------------*/
#retail-login dt.text-only,
#retail-login dt.line2,
#acct-requests dt.line2 {
  padding-top: 0;
  line-height: 1.25em; }

#sbo-login .add-a-user dt,
#retail-login .add-a-user dt {
  width: 15%;
  margin-right: 3%; }

#sbo-login .add-a-user dd,
#retail-login .add-a-user dd {
  width: 80%; }

#sbo-login .add-a-user dd .error-wrapper,
#retail-login .add-a-user dd .error-wrapper,
#sbo-login .user-id dd .error-wrapper,
#retail-login .user-id .error-wrapper {
  float: left;
  width: 85%; }

#sbo-login .add-a-user dd .error-wrapper input,
#retail-login .add-a-user dd .error-wrapper input {
  width: 100%; }

#retail-login .security-links {
  border-top: 1px solid #c3c1c1;
  padding-top: 15px; }

.security-links a {
  margin: 0 10px; }

.hidden-account-notify.ghosted {
  display: none; }

.maintenance,
.info-notification {
  padding: 15px;
  margin-bottom: 20px;
  background: #E5ECFA;
  border: 1px solid #C5D0E8;
  line-height: 1.3em; }

.info-notification {
  position: relative; }

span.close-this {
  position: absolute;
  top: 3px;
  right: 3px;
  width: 12px;
  height: 12px;
  display: block;
  font-size: 1.3rem;
  cursor: pointer; }

.clear-cookies {
  display: none;
  cursor: pointer;
  opacity: .2; }

.security-verify .optional {
  display: block;
  margin-top: 12px;
  margin-bottom: 10px; }

#retail-login .security-verify dd {
  width: 100%; }

#retail-login .security-verify dd input[type="text"].recipient-input {
  width: 62%; }

#retail-login .security-verify dd .error-wrapper input[type="text"].recipient-input {
  width: 100%; }

#retail-login .security-verify .remember-browser label {
  font-family: 'source_sans_prosemibold'; }

#retail-login .security-verify .remember-browser p.radio-description {
  padding-bottom: 10px; }
  #retail-login .security-verify .remember-browser p.radio-description:last-child {
    padding-bottom: 0; }

.kba-passcode .kba-question-wrapper,
.kba-passcode .passcode-question-wrapper {
  margin-left: 20px; }

.kba-passcode .kba-question-wrapper .blue-box {
  margin-top: 15px; }

.kba-passcode .passcode-question-wrapper {
  margin-top: 20px;
  margin-bottom: 20px; }
  .kba-passcode .passcode-question-wrapper .passcode-verify {
    display: none; }
    .kba-passcode .passcode-question-wrapper .passcode-verify .passcode-contact {
      margin-top: 15px;
      margin-bottom: 15px; }
      .kba-passcode .passcode-question-wrapper .passcode-verify .passcode-contact .contact-item {
        margin-bottom: 7px; }
        .kba-passcode .passcode-question-wrapper .passcode-verify .passcode-contact .contact-item .passcode-contact-label {
          display: inline-block;
          width: 50px; }

.kba-passcode .security-verify .blue-box {
  font-size: 15px; }

.kba-passcode .security-verify, .kba-passcode .passcode-verify {
  background: #f8f8f8;
  padding: 15px;
  margin-left: 24px;
  border: 1px solid #e5e5e5;
  padding-top: 0;
  margin-top: 10px; }

#retail-login .kba-passcode .security-verify dd {
  margin-bottom: 0; }

.mod-content p.radio-description {
  padding-bottom: 0; }

/*-----------------------------------------PASSWORD RESET-----------------------------------------*/
.soft-attention {
  float: left;
  padding: 10px; }
  .soft-attention .neatcol2 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 10.70196%; }
  .soft-attention .neatcol10 {
    float: left;
    display: block;
    width: 86.94039%; }
  .soft-attention .icon img {
    width: 100%;
    max-width: 53px; }
  .soft-attention p:first-child {
    padding-top: 0; }
  .soft-attention .button-wrapper {
    margin-top: 25px; }

.retail-login .radio-list-wrapper {
  margin-bottom: 30px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .retail-login .radio-list-wrapper .radio-intro {
    margin: 0;
    padding: 0; }
  .retail-login .radio-list-wrapper .radio-list {
    margin-top: 15px;
    margin-bottom: 15px; }
  .retail-login .radio-list-wrapper .radio-item {
    margin-bottom: 7px;
    white-space: nowrap;
    display: block;
    width: auto; }
    .retail-login .radio-list-wrapper .radio-item .passcode-contact-label {
      padding-right: 10px; }
    .retail-login .radio-list-wrapper .radio-item .passcode-contact-detail {
      white-space: normal;
      word-wrap: break-word; }
  .retail-login .radio-list-wrapper .button-wrapper {
    margin-top: 20px; }
  .retail-login .radio-list-wrapper .neatcol5 {
    margin-right: 0;
    float: right; }

/*--------------------------------CLEANED CODE FOR ACCOUNT DETAILS--------------------------------*/
.top-content {
  background-color: #FFF;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  padding: 15px;
  border: 1px solid #cdcdcd; }

/*--------------------------------------ACCOUNT DETAILS BEGIN-------------------------------------*/
#acct-details .account-perks,
#acct-details .multi-debit {
  width: 47%;
  float: left;
  margin-left: 3%;
  padding-top: 30px; }

.rewards {
  margin: 20px 0; }

.rewards p {
  font-size: .9em;
  line-height: 1.15em; }

.rewards p.rewards-title,
.rewards a.setuprewards {
  font-size: 1.15em;
  font-family: 'source_sans_prosemibold'; }

.rewards .footnote {
  margin-bottom: 25px; }

.rewards p span {
  margin-left: 10px; }

.statement-balance {
  float: right;
  margin: 2px 0 0 0;
  font-size: 1.25em;
  color: #590F28; }

h3.statement-balance {
  font-size: 1.22em;
  font-family: 'source_sans_prosemibold', verdana, sans-serif; }

/*
.large {
    float: left;
    clear: both;
    margin: 5px 0 0 20px;
}*/
#acct-details .mid-content {
  border-left: 1px solid #cdcdcd;
  border-right: 1px solid #cdcdcd; }

.package1 {
  border-right: 1px solid #b3d3bb;
  width: 50.75%;
  margin-left: -5px;
  padding-left: 20px;
  float: left;
  -moz-box-shadow: 1px 0px 0px #fff;
  -webkit-box-shadow: 1px 0px 0px #fff;
  box-shadow: 1px 0px 0px #fff; }

.package2 {
  margin-left: 20px;
  width: 43%;
  float: left; }

#acct-details table td {
  text-align: right; }

#acct-details table.overflowing tr td {
  text-align: left; }

#acct-details table td.leftdetails {
  text-align: left; }

#acct-details .showtext {
  margin-top: 0px; }

.balance-info {
  border-right: 1px solid #b8b8b8;
  margin: 0 0 15px;
  padding-right: 15px; }

.balance-info fieldset,
.balance-info form {
  padding: 0; }

.balance-info-list2 {
  margin-top: 20px;
  float: left;
  width: 100%;
  padding: 0; }

.balance-info-payment {
  margin-top: 15px; }

.balance-info-payment fieldset {
  clear: both; }

dl.routinginfo {
  font-size: .875em; }

.balance-info .form-col-1,
.balance-info-list2 .form-col-1 {
  width: 50%;
  float: left;
  margin-bottom: 2px;
  margin-bottom: 10px;
  line-height: 1.25em; }

#acct-details2 .debit-card-activation dt.form-col-1 {
  width: 9%; }

#acct-details2 .debit-card-activation .cvv-wrapper {
  position: relative; }

#acct-details2 .debit-card-activation dd input#cvv {
  width: 100px; }

#acct-details2 .debit-card-activation .cvv-img img {
  width: 100%;
  max-width: 239px; }

#acct-details2 .debit-card-activation .cvv-img-d {
  position: absolute;
  margin-left: 20px;
  margin-top: -4px; }

#acct-details2 .debit-card-activation .cvv-img-m {
  display: none; }

#acct-details2 .debit-card-activation .debit-card-activate-error .cvv-img-d {
  display: none; }

#acct-details2 .debit-card-activation .debit-card-activate-error .cvv-img-m {
  display: block; }

#acct-details2 .balance-info dt.form-col-1,
#acct-details2 .balance-info-right dt.form-col-1 {
  width: 60%;
  float: left;
  padding: 0;
  margin-bottom: 2px; }

.balance-info .form-col-2,
.balance-info-list2 .form-col-2 {
  width: 50%;
  float: right;
  margin-bottom: 2px;
  text-align: right; }

#acct-details2 .balance-info dd.form-col-2,
#acct-details2 .balance-info-right dd.form-col-2 {
  width: 40%;
  float: right;
  margin-bottom: 2px;
  text-align: right; }

#acct-details2 section .warning-summary,
#acct-details2 section .info-summary {
  min-height: 40px; }

#acct-details2.check-card-details .card-perso-status {
  margin-top: 20px; }

#acct-details2.check-card-details .card-perso-status .warning-summary,
#acct-details2.check-card-details .card-perso-status .info-summary {
  margin-bottom: 0; }

#acct-details2.check-card-details .card-perso {
  margin: 30px 0 0 0; }

#acct-details2.check-card-details .card-perso .column-one {
  width: 58%;
  margin-bottom: 5px;
  margin-right: 2.6%; }

#acct-details2.check-card-details .card-perso .column-one p {
  padding-top: 0;
  margin-top: -5px;
  display: block; }

#acct-details2.check-card-details .card-perso .column-two {
  width: 39.4%;
  float: left;
  margin-left: 0;
  margin-bottom: 0; }

#acct-details2.check-card-details .card-perso img.example {
  width: 100%;
  max-width: 120px;
  max-height: 80px;
  /* for IE8 */ }

#acct-details2 .card-perso-confirm img.order-card {
  width: 100%;
  max-width: 348px;
  max-height: 237px;
  /* for IE8 */ }

#acct-details2.order-card .option-questions img.example {
  width: 100%;
  max-width: 251px;
  max-height: 169px;
  /* for IE8 */
  margin-left: 21px; }

#acct-details2 .option-questions {
  margin-bottom: 40px; }

#acct-details2 .option-questions ul li {
  list-style: none;
  margin-left: 0; }

#acct-details2 .option-questions ul li:first-child {
  margin-bottom: 15px; }

#acct-details2 .option-questions .help {
  margin-left: 10px; }

/* SBO order Debit Card */
.smallbusiness .acct-services .order-card address {
  margin-top: 13px; }
  .smallbusiness .acct-services .order-card address p.small-text {
    margin-top: 10px; }

.smallbusiness .acct-services .order-card .cc-textarea-wrapper p.small-text {
  padding: 0; }

.smallbusiness .acct-services .order-card .cc-textarea-wrapper dd .error-wrapper {
  width: auto; }

.smallbusiness .acct-services .order-card .cc-textarea-wrapper textarea.character-count {
  padding: 7px;
  height: 35px;
  margin-top: 15px;
  text-transform: uppercase;
  width: 330px;
  resize: none;
  overflow: hidden; }

.smallbusiness .acct-services .order-card .cc-textarea-wrapper .count-down .readOnly {
  margin-bottom: 0 !important; }

.smallbusiness .acct-services .order-card table.access-levels {
  margin: 35px 0 40px 0;
  border-right: 1px solid #e4e4e4;
  width: 75%; }

.smallbusiness .acct-services .order-card .atm-transactions-box {
  padding: 10px 15px;
  border: 1px solid #cfcfcf;
  background: #faf9fb;
  margin-top: 5px;
  width: 55%;
  display: none; }
  .smallbusiness .acct-services .order-card .atm-transactions-box h2 {
    font: 100%/1.5em 'source_sans_prosemibold', verdana, sans-serif; }

#acct-details2 .cc-textarea-wrapper dd {
  margin-bottom: 10px; }

/* End SBO order Debit Card */
#fixed-option-loan .balance-info-list2 .form-col-1 {
  width: 65%; }

#fixed-option-loan .balance-info-list2 .form-col-2 {
  width: 60px; }

#heloc .balance-info .form-col-2,
#savings .balance-info .form-col-2 {
  width: 100px; }

.col5 {
  width: 5%; }

.col10 {
  width: 10%; }

.col15 {
  width: 15%; }

.col20 {
  width: 20%; }

.col25 {
  width: 25%; }

.col30 {
  width: 30%; }

.col35 {
  width: 35%; }

.col40 {
  width: 40%; }

.col45 {
  width: 45%; }

.col50 {
  width: 50%; }

.col55 {
  width: 55%; }

.col60 {
  width: 60%; }

#iecol30 {
  width: 38.5%; }

#iecol40 {
  width: 51.5%; }

.account-perks fieldset {
  margin-bottom: 25px; }

.account-perks .form-col-1 {
  width: 60%;
  margin-bottom: 15px; }

.account-perks .form-col-2 {
  width: 30%;
  margin-bottom: 15px; }

.account-perks .form-col-2.half,
.account-perks .form-col-1.half {
  width: 45%; }

.form-col-1.money-acct {
  width: 70%; }

.form-col-2.money-acct {
  width: 30%; }

#credit-line .account-perks .form-col-1 {
  width: 65%;
  margin-bottom: 0; }

#credit-line .account-perks .form-col-2 {
  width: 35%;
  margin-bottom: 0;
  text-align: right; }

#business-acct .account-perks .form-col-1,
#business-acct .account-perks .form-col-2 {
  width: 100%;
  clear: both;
  margin-bottom: 5px; }

.column-wide-promo {
  float: left;
  width: 100%;
  margin-bottom: 30px; }

.column-wide-promo .module {
  margin-bottom: 0;
  background: none;
  padding: 0;
  border: none; }

#acct-details .column-wide-promo .module .top-content {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

#acct-details .column-wide-promo .module .promo-content {
  padding: 0 0 15px 0;
  height: auto;
  border-top: 1px solid #D1D1D1;
  border-left: 1px solid #C3C1C1;
  border-right: 1px solid #C3C1C1; }

.tabcontents {
  background: #fff;
  border-right: 1px solid #b8b8b8;
  border-bottom: 1px solid #b8b8b8;
  border-left: 1px solid #b8b8b8;
  border-radius: 0; }

ua-ie .tabcontents {
  clear: both; }

#pt-table .tabcontents {
  border: none;
  padding-bottom: 0;
  border-radius: 0;
  padding-top: 0; }

#pt-table .table-footer {
  border-bottom: 0; }

.tabcontents .table-wrapper {
  margin: 15px -15px; }

.transact-leftcolumn {
  float: left;
  overflow: hidden; }

.transact-rtcolumn {
  position: absolute;
  bottom: 0;
  right: 0; }

.mod-content .transact-rtcolumn p {
  padding-bottom: 0px; }

.mod-content .transact-rtcolumn p.advancedsearch {
  margin-top: 7px; }

.transact-detail-links {
  float: right;
  overflow: hidden; }

.viewstatements,
.exportlink {
  float: left;
  margin-left: 15px; }

#advancedsearch .advancedsearchlink {
  position: absolute;
  bottom: 5px;
  right: 0; }

.transfer .swap-box .advancedsearchlink {
  position: absolute;
  bottom: 8px;
  right: 20px; }

.callout,
.callout-full {
  background: #e4ecfa;
  padding: 15px 15px 10px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #c6cedd; }

.callout-full {
  border-left: 0;
  border-right: 0;
  margin: 0 -15px 25px; }

.callout .select-background {
  margin-bottom: 15px; }

.callout p .help.boldface .tooltip {
  font-family: 'source_sans_proregular'; }

.check-card-details .balance-info-right {
  width: 46.5%;
  float: left;
  margin: 0 0 0 3%; }

.check-card-details .balance-info {
  width: 47%;
  padding-right: 3%;
  float: left; }

.check-card-details .balance-info dl,
.check-card-details .balance-info-right dl {
  float: left;
  margin-bottom: 20px;
  width: 100%; }

.check-card-details .balance-info-right .form-col-1 {
  width: 60%;
  float: left;
  font-family: 'source_sans_prosemibold'; }

.check-card-details .balance-info-right .form-col-2 {
  width: 40%;
  float: left; }

.check-card-details .balance-info .form-col-1,
.check-card-details .balance-info-list-r .form-col-1 {
  width: 60%;
  float: left;
  font-family: 'source_sans_prosemibold'; }

.check-card-details .balance-info .form-col-2,
.check-card-details .balance-info-list-r .form-col-2 {
  width: 40%;
  float: left; }

.check-card-details .balance-info .form-col-1.subcat {
  font-family: 'source_sans_proregular'; }

ul.list {
  margin: 15px 0 15px 15px; }

ul.list li {
  margin-left: 18px;
  list-style-type: disc; }

#acct-details2 .sign-me-up {
  font-size: 1.1rem;
  margin-left: 10px; }

#acct-details2 .callout p,
#acct-details2 form .mod-content .callout p {
  margin-left: 10px;
  padding: 5px 0 15px; }

.atm-transaction {
  margin-bottom: 25px; }

.atm-transaction .small-input {
  margin-right: 5px; }

.atm-transaction ul {
  margin-top: 15px; }

.atm-transaction li {
  margin: 0 0 15px 25px; }

.atm-transaction .currency {
  margin-left: 15px; }

.swap-box {
  margin: 0 0 15px;
  position: relative;
  overflow: hidden;
  width: 100%; }

#checkcard-questions .row-odd,
#checkcard-questions .row-even {
  padding: 0 15px; }

/*-------------------------------------STATEMENTS---------------------------------------*/
#statement-accts .column-one {
  background-color: #fff;
  border: 1px solid #c3c1c1;
  border-radius: 3px;
  position: relative; }

#statements .top-content {
  border: none; }

.mid-content {
  padding: 15px;
  background: #f9f9f9;
  text-align: left;
  -webkit-box-shadow: inset 0 2px 0 0 #e5e5e6;
  -moz-box-shadow: inset 0 2px 0 0 #e5e5e6;
  box-shadow: inset 0 2px 0 0 #e5e5e6; }

#statement-accts .disclaimer {
  margin: 0 15px 20px;
  font-size: .875em; }

.module table th.rowheader,
table th.leftdetails {
  vertical-align: middle;
  font-weight: normal;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4; }

#transaction-history th.leftdetails,
#bill-pay-checks th.leftdetails {
  font-weight: normal; }

/* section-footer / page-footer? */
.section-footer,
.page-footer {
  display: none; }

#statements .section-footer:after {
  position: relative;
  bottom: -4px;
  left: 5px;
  background: #bbbaba;
  width: 98.5%;
  height: 3px;
  display: block;
  content: ' ';
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px; }

.delivery-method {
  padding: 20px 0 10px; }

.datacontent {
  padding: 15px;
  border-left: 5px solid #1a2095;
  overflow: hidden;
  margin-left: -5px; }

.statement-col-one {
  width: 49%;
  float: left; }

.statement-col-two {
  margin-left: 2%;
  width: 49%;
  float: left; }

.statement-date-header,
.statement-pdf-header {
  width: 43.7%;
  float: left;
  margin-bottom: 15px;
  font-family: 'source_sans_prosemibold'; }

.statement-date {
  width: 35%;
  float: left;
  margin-bottom: 15px; }

.c-date {
  font-size: 1.125em;
  color: #900;
  float: left;
  margin: 0 15px 0 5px; }

.statement-pdf {
  width: 43.7%;
  float: left;
  margin-bottom: 15px; }

.current-statement .statement-pdf {
  margin-bottom: 0; }

.statement-pdf a {
  margin: 0 5px;
  padding: 5px 10px; }

.acct-type {
  line-height: 1.15em; }

.acct-info {
  display: block;
  font-size: .875em;
  padding: 0;
  margin: 0; }

.acct-info label {
  font-family: 'source_sans_prosemibold'; }

#statements .module:after {
  border-radius: 0; }

.acct-list,
.current-balance {
  width: 41.5%;
  margin-left: 3.75%;
  background: #f2eff0;
  border: 1px solid #cfcfcf;
  -webkit-box-shadow: inset 0 1px 1px #FFFFFF, 0 2px 0 0 #ededed;
  -moz-box-shadow: inset 0 1px 1px #FFFFFF, 0 2px 0 0 #ededed;
  box-shadow: inset 0 1px 1px #FFFFFF, 0 2px 0 0 #ededed;
  padding: 10px 2%;
  float: left; }

.acct-list div {
  margin-bottom: 2px; }

.current-balance div {
  margin-bottom: 10px; }

.acct-list span {
  display: block;
  margin: 0 0 5px;
  font-family: 'source_sans_prosemibold'; }

.acct-list .shown-text {
  font-weight: normal;
  margin-left: 0; }

#btn-slide {
  margin: 10px 0 -5px;
  display: block; }

a.payment-button {
  display: block;
  cursor: pointer;
  padding: 8px 5px;
  font-family: 'source_sans_prosemibold';
  text-align: center;
  /*font-size: .875em;*/
  text-decoration: none;
  border-radius: 3px;
  background: #7a7a7a;
  border: 1px solid #7a7a7a;
  color: #fff;
  min-width: 125px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

a.payment-button:hover {
  background: #8C8C8C;
  border: 1px solid #8C8C8C; }

.current-statement {
  background: #e4ecfa;
  border: 1px solid #C6CEDD;
  -webkit-box-shadow: inset 0 1px 1px #FFFFFF, 0 2px 0 0 #ededed;
  -moz-box-shadow: inset 0 1px 1px #FFFFFF, 0 2px 0 0 #ededed;
  box-shadow: inset 0 1px 1px #FFFFFF, 0 2px 0 0 #ededed;
  margin-left: -20px;
  padding: 10px 15px 10px 20px;
  margin-bottom: 15px; }

.current-statement:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.current-statement h3.available-balance,
.current-statement div.available-balance {
  float: left;
  display: inline-block;
  color: #590f28;
  margin: 2px 5px  0 0;
  font-size: 1.25em; }

.current-statement div.available-balance {
  font: normal 1.25em/120% 'source_sans_proregular', verdana, sans-serif; }

.statement-choice {
  width: 250px; }

.statement-choice select {
  width: 450px;
  float: left; }

.statement-info {
  width: 50%;
  float: left; }

#statements .current-statement h2 {
  margin: 0 0 10px;
  color: #590F28;
  font-size: 1.50em; }

.no-statement {
  width: 70%; }

.current-statement .available-balance a {
  color: #590f28; }

.current-balance label,
.delivery-method label {
  font-family: 'source_sans_prosemibold';
  margin-right: 5px; }

.annualstmnt {
  overflow: hidden; }

.annualstmnt .statement-date {
  width: 30%; }

#statement-no-acct .upsell-msg {
  margin: 0;
  padding: 15px; }

.delivery-options {
  margin-top: 20px; }

.delivery-stop {
  margin: 25px auto; }

#statements .table-wrapper {
  margin: 15px -15px; }

.delivery-footer .error-wrapper {
  float: left; }

/*---cleaned code for message-center---*/
/*overwrite*/
#message-center .tabcontents {
  padding: 0; }

#message-center #content-wrapper {
  padding-bottom: 35px; }

#message-center .column-wide {
  width: 73.9583%; }

.h3-subtitle {
  margin: -10px 0 20px;
  display: block; }

#message-center .limit span,
.secure {
  font-size: .875em;
  color: #777; }

/*overwrite*/
#message-center #next-steps p {
  margin: 0; }

#message-center h2.emailsubject {
  float: left;
  width: 70%; }

.go-to-inbox {
  float: right; }

#message-center dl {
  overflow: hidden;
  clear: both;
  margin-bottom: 15px; }

#message-center dt {
  width: 20%;
  float: left;
  font-family: 'source_sans_prosemibold';
  margin: 0 0 10px;
  padding: 0; }

#message-center .column-wide dt {
  max-width: 80px; }

#message-center dd {
  width: 80%;
  float: left;
  margin: 0 0 10px;
  padding: 0; }

#message-center dd.email-message {
  width: 100%;
  margin-top: 10px; }

#message-center .form-col-1 {
  width: 20%;
  margin-bottom: 5px;
  float: none; }

#message-center .form-col-2 {
  width: 99.5%;
  margin-bottom: 25px;
  float: none; }

#message-center .form-col-1-text {
  width: 15%;
  display: inline; }

#message-center .form-col-2.text-only {
  width: 85%;
  margin-bottom: 10px; }

#message-center textarea {
  min-height: 250px;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 100%;
  padding: 10px; }

#email-reply {
  margin: 0 0 15px; }

.iframe {
  width: 100%;
  height: 100%;
  min-height: 600px;
  border: 0; }

.iframe body {
  padding: 0;
  margin: 0; }

.iframe p {
  padding: 0;
  font-family: 'source_sans_proregular'; }

#message-center .upsell-msg {
  padding: 15px;
  margin-bottom: 0;
  margin-top: 15px; }

#message-center .alertspan {
  font-size: 1.2em;
  color: #9a1b34; }

#message-center .highlight dl {
  margin-bottom: -10px; }

#message-center .highlight dt {
  float: left;
  width: 225px; }

#message-center .highlight dd {
  float: left;
  width: 125px; }

#message-center .error-wrapper {
  width: 90%; }

/*email table*/
.email-table {
  margin: 10px -15px; }

.email-table label {
  margin-left: 10px; }

.email label {
  margin: 0; }

table.email {
  border-width: 1px 0px; }

table.email tr:hover td:first-child {
  background: url(../images/inbox-hover.jpg) repeat-y;
  -webkit-transition: border-left .5s ease;
  -moz-transition: border-left .5s ease;
  -ms-transition: border-left .5s ease;
  transition: border-left .5s ease; }

table.email td {
  box-sizing: border-box; }

/*table.email td a {
    font-size: 1.15em!important;
}
*/
table.email td a {
  font-weight: normal; }

table.email td {
  padding: 16px 10px;
  text-align: left;
  vertical-align: middle;
  border-width: 0px 0px 1px 0px; }

table.email td:first-child {
  padding-right: 0; }

table.email thead th {
  padding: 5px 5px 5px 10px;
  text-align: left;
  vertical-align: middle;
  height: 36px;
  border-width: 1px 0 1px 0; }

table.email thead th:last-child {
  border-width: 1px 0 1px 0; }

.ua-ie-8 .mod-content table.email tr th {
  border-width: 0; }

table.email th a {
  vertical-align: middle;
  border-radius: 3px;
  font-weight: normal;
  color: #fff; }

table.email th a.sort-select {
  background-color: lightgrey; }

.email-table input[type="checkbox"] {
  margin-left: 15px;
  margin-bottom: 0; }

.email-table table.email input[type="checkbox"] {
  margin-left: 5px; }

.show-emails {
  cursor: pointer;
  color: #003399;
  display: block;
  margin: 10px 0px 0px 15px;
  font-family: 'source_sans_prosemibold'; }

.show-emails:hover {
  text-decoration: underline; }

/*buttons*/
.html-email-delete {
  margin: 10px 0 5px;
  width: 100%;
  overflow: hidden; }

#message-center .twobutton {
  width: 99.75%;
  margin: 0 0 20px;
  float: none; }

/*overwrite*/
#message-center .windowbuttons {
  margin: 20px auto 10px;
  text-align: center; }

a.delete-select, a.reply, a.compose {
  cursor: pointer;
  float: left;
  border-radius: 3px;
  font-weight: normal;
  width: auto;
  height: auto;
  text-align: right;
  vertical-align: middle;
  background-repeat: no-repeat;
  border: 1px solid #a8a8a5;
  text-shadow: 0 1px 1px #dededd;
  font-size: 1em;
  color: #2f2f2f;
  box-shadow: 0 2px 0 #dbdbdb;
  position: relative;
  padding: 7px 9px 7px 35px;
  text-decoration: none; }

a.delete-select {
  position: relative; }

a.delete-select:before {
  background: url(../images/olb-sprites.png) -100px -60px;
  content: "";
  position: absolute;
  left: 10px;
  top: 7px;
  width: 20px;
  height: 20px; }

a.delete-select.enabled:hover,
a.delete-select:hover,
a.reply:hover {
  background-color: #d1d1d1; }

a.reply {
  margin-right: 15px;
  position: relative; }

a.reply:before {
  background: url(../images/olb-sprites.png) -120px 0;
  content: "";
  position: absolute;
  left: 10px;
  top: 10px;
  width: 20px;
  height: 20px; }

.email-table a.delete-select {
  float: right;
  overflow: hidden;
  margin: -10px 15px 15px; }

a.delete-select.disabled {
  color: #757575;
  box-shadow: none;
  cursor: default; }

.disablelink {
  cursor: default; }

a.delete-select.enabled {
  color: #2f2f2f;
  position: relative; }

a.delete-select.disabled:before {
  background: url(../images/olb-sprites.png) -120px -60px;
  content: "";
  position: absolute;
  left: 10px;
  top: 7px;
  width: 20px;
  height: 20px; }

a.delete-select.enabled:before {
  background: url(../images/olb-sprites.png) -100px -60px;
  content: "";
  position: absolute;
  left: 10px;
  top: 7px;
  width: 20px;
  height: 20px; }

/*other*/
#message-center .window {
  max-width: 500px; }

td .check-remove {
  width: 14px;
  height: 14px;
  border: 0;
  margin-top: 5px; }

.checked {
  background-color: #f2f2f2; }

.original-email {
  margin-top: 15px; }

.original-email p {
  color: #777; }

/*-----cleaned code for message-center ends-----*/
/* is this needed?*/
#message-center .column-two .select-wrapper select {
  width: 110%; }

/* is this needed?*/
#message-center .reply.inactive {
  color: #888; }

/* is this needed?*/
#message-center .reply.inactive {
  color: #aaa;
  cursor: default; }

/*---------cleaned code for my-profile----------*/
.settings-list {
  list-style-type: disc;
  margin-left: 18px;
  margin-bottom: 15px; }

#my-profile li {
  margin-bottom: 10px; }

#my-profile .warning-summary ul {
  margin-top: 10px; }

#my-profile .warning-summary li {
  margin-left: 25px; }

#my-profile .acct-type {
  margin-top: 30px; }

/*edit my profile page layout*/
#my-profile .column,
#my-profile .column-right,
#my-profile .column.forty-gap {
  margin-top: 20px;
  margin-bottom: 20px; }

#my-profile #edit-profile .one-half {
  width: 43%;
  margin-left: 5%; }

.forty-gap {
  width: 48%;
  margin: 0;
  margin-left: 4%; }

.check-password .mod-content {
  margin-bottom: 10px; }

.check-password .column-right.one-half {
  width: 48%;
  margin-top: 20px; }

.check-password .column.one-half {
  width: 48%;
  margin-top: 20px; }

#sbo-login .check-password .column.one-half dt {
  width: 37%; }

#sbo-login .check-password .column.one-half dd {
  width: 63%; }

#my-profile .check-password .column.one-half {
  margin-top: 5px; }

#my-profile .check-password dt {
  width: 31%; }

#my-profile .check-password dd {
  width: 64%; }

.table-info {
  float: left;
  margin-bottom: 10px; }

.add-alert-contact {
  float: right;
  padding-left: 20px;
  position: relative; }

.add-alert-contact:before {
  background: url(../images/olb-sprites.png) -182px -21px;
  content: "";
  position: absolute;
  left: 0px;
  top: 2px;
  width: 16px;
  height: 18px; }

.mobile-faq {
  float: left;
  clear: left;
  margin-bottom: 10px; }

/*table*/
#my-profile .column-one .table-wrapper {
  margin: 0 -15px; }

#my-profile dl {
  margin-top: 15px; }

#my-profile dt,
#retail-login dt {
  width: 25%;
  float: left;
  margin: 0 3% 10px 0;
  padding: 11px 0 0; }

#my-profile dt.text-only,
#retail-login dt.text-only {
  padding-top: 0; }

#my-profile dd,
#retail-login dd {
  width: 62%;
  float: left;
  margin: 0 0 20px; }

#my-profile dd.alert-language {
  margin-bottom: 45px; }

#my-profile dd.dd-fullwidth {
  width: 95%; }

#my-profile .replace-email {
  margin-left: 24px;
  margin-top: 15px; }

.manage-hide-accounts h3 {
  margin-top: 20px; }

/*buttons*/
#my-profile .twobutton {
  width: 70%;
  margin: 20px 0 10px; }

/*other*/
#security-questions-verify .twobutton {
  margin: 15px 0 25px;
  width: auto;
  float: none; }

.acct-number {
  display: block;
  clear: both;
  color: #999; }

#my-profile .edit-text,
#my-profile .edit-input {
  margin-bottom: 5px;
  text-align: left; }

#my-profile .edit-control .save-cancel a {
  padding: 5px 0; }

#my-profile a.cancel {
  margin-left: 5px; }

#my-profile .editable .edit-input {
  width: 100%; }

.edit-control a.save {
  padding-right: 10px; }

#my-profile .editable {
  float: left;
  width: 70%; }

#my-profile .edit-control {
  float: left;
  width: 28%;
  text-align: right; }

#my-profile .alert-contact {
  margin-bottom: 10px; }

#my-profile .overflowing .alert-contact {
  display: inline-block; }

#my-profile .two-thirds {
  width: 60%; }

#my-profile .mobilenum .custom-alerts {
  clear: both;
  border: 1px solid #c3c1c1;
  padding: 15px 15px 30px;
  margin-bottom: 30px; }
  #my-profile .mobilenum .custom-alerts .receive-alert-type {
    margin-top: 10px; }
    #my-profile .mobilenum .custom-alerts .receive-alert-type .error-wrapper {
      width: auto; }
    #my-profile .mobilenum .custom-alerts .receive-alert-type dt.receive-alert-type-title {
      width: 25%;
      padding-top: 0; }
      #my-profile .mobilenum .custom-alerts .receive-alert-type dt.receive-alert-type-title span {
        display: block;
        max-width: 145px; }
    #my-profile .mobilenum .custom-alerts .receive-alert-type dd {
      margin-bottom: 5px; }

#my-profile .mobilenum .mobilenum-next-step {
  margin: 20px auto; }
  #my-profile .mobilenum .mobilenum-next-step li {
    margin: 2px 0 0 18px; }

#my-profile .table-info {
  width: 100%; }
  #my-profile .table-info p {
    padding: 2px 0; }

#my-profile .add-alert-contact {
  margin-bottom: 10px;
  margin-top: 10px; }

/*---------cleaned code for my-profile ends----------*/
/*---------cleaned code for alerts starts----------*/
/*form .alerttable {
    margin: 0 0 25px;
}*/
#alerts .alt-table,
form .alerttable {
  margin: 0 -15px 25px; }

form .alerttable {
  border-left: none;
  border-right: none; }

.alerttable td {
  word-break: normal;
  word-wrap: normal;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  hyphens: none; }

/*#alerts .error-wrapper {
    margin-top: 10px;
}*/
ul.suspend-info {
  list-style-type: disc;
  margin: 15px 15px 30px; }

ul.suspend-info li {
  margin-bottom: 10px; }

.suspend-list-dd {
  display: none;
  width: 100%;
  margin-top: 10px; }

.suspend-list-dd li input[type="text"] {
  margin-top: 5px;
  width: 125px; }

.suspend-list-dd li {
  margin-left: 20px; }

#alerts .suspend-list ul li > label {
  /*display: block;*/
  margin-left: 0;
  cursor: pointer; }

.suspend-notice {
  padding: 5px 10px;
  background-color: #ffffbb;
  border: 1px solid #e5c31e;
  margin: 10px 10px 5px 0; }

.suspend-notice a {
  font-family: 'source_sans_prosemibold'; }

/*button*/
.alerts-footer {
  text-align: center;
  margin: 35px auto 30px; }

.table-maintitle {
  background: #31383e;
  padding: 10px 15px;
  text-align: left;
  display: block; }

.table-maintitle span {
  font-family: 'source_sans_prosemibold';
  color: #fff;
  font-size: 1.15em; }

.alt-table-send1,
.alt-table-desc1 {
  background: #fff;
  display: block;
  text-align: left;
  margin-bottom: 10px;
  padding: 5px 15px;
  border-bottom: 1px solid #c0c0c0; }

.alt-table-send,
.alt-table-desc {
  background: #fff;
  display: block;
  text-align: left;
  margin-bottom: 10px;
  padding: 5px 15px;
  display: none; }

.alt-table-leftcol {
  float: left;
  width: 55%; }

.alt-table-rightcol {
  float: left;
  width: 45%; }

.alt-table-singlecol {
  float: left;
  width: 100%; }

.alt-table-leftcol div,
.alt-table-rightcol div,
.alt-table-full div {
  margin: 10px 15px; }

.alt-table-leftcol div.select-background,
.alt-table-rightcol div.select-background,
.alt-table-leftcol div.select-background div,
.alt-table-rightcol div.select-background div,
.alt-table-leftcol div.error-wrapper,
.alt-table-rightcol div.error-wrapper {
  margin: 0px; }

.alt-table-leftcol div.error-wrapper,
.alt-table-rightcol div.error-wrapper {
  float: left; }

.business-alert-type .alt-table-rightcol div {
  margin-top: 42px; }

.alt-table-leftcol h4 {
  margin-bottom: 10px; }

.alt-table-leftcol input[type="checkbox"] {
  float: left;
  top: 1px; }

.ua-ie .alt-table-leftcol input[type="checkbox"] {
  margin: 3px 5px 0 0; }

.ua-mac_os_x .alt-table-leftcol input[type="checkbox"] {
  margin: 3px 5px 0 0; }

#update_alerts-business .alt-table-leftcol label {
  display: block;
  margin-left: 15px;
  line-height: 1.15em; }

.alt-table-singlecol div {
  margin: 15px 0; }

.alt-table-singlecol div.questions {
  margin-bottom: 0;
  margin-top: 0; }

.alerttable table {
  border: 1px solid #e4e4e4;
  margin: 15px 0 0; }

.suspend-alerts .alerttable table {
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.suspend-alerts .alerttable table tr td:first-child {
  border-top: 1px solid #e4e4e4; }

.alertsummary table.overflowing {
  border: 0; }

.alt-table-send1 span,
.alt-table-desc1 span,
.alt-table-send span,
.alt-table-desc span {
  font-family: 'source_sans_prosemibold'; }

.alerttable table td,
.alerttable table th {
  text-align: left;
  vertical-align: top;
  padding: 10px 15px; }

#alerts form .alt-table:not(.warning-summary) p {
  margin-left: 20px; }

#alerts form .alt-table .warning-summary p {
  margin-left: 15px; }

#alerts .promo-highlight {
  margin: 25px 0 10px;
  width: auto; }

/* give promo-highlight margin when it has none */
#alerts .promo-highlight.stand-alone {
  margin: 15px; }

#alerts .recipient-select #recipient-list {
  width: 90%;
  margin: 0 10px 10px 5px;
  float: left;
  font-size: 1em; }

#alerts #recipient-list dt {
  width: 25px;
  float: left; }

#alerts #recipient-list dd {
  float: left;
  margin-top: 10px;
  margin-bottom: 0;
  width: 80%; }

#select_recipients p {
  font-family: 'source_sans_prosemibold'; }

#alerts .recipient-select .content p.selectall {
  margin-top: 15px; }

#alerts .recipient-select .selectall label {
  font-weight: normal; }

#alerts .recipient-select .twobutton {
  width: auto;
  float: none;
  margin: 20px 0 0; }

#alerts .recipient-drawer,
#alerts .show-hide-selection {
  float: left;
  display: none;
  margin-top: 0; }
  #alerts .recipient-drawer p.divider,
  #alerts .show-hide-selection p.divider {
    border-top: 1px dashed #ccc;
    padding-top: 10px; }

#alerts .recipient-drawer table.overflowing td {
  width: 80%;
  float: left;
  margin: 0; }

#alerts .recipient-drawer table.overflowing td.col5 {
  width: 5%;
  padding: 0 5px; }

.alerts-topleft {
  width: 100%;
  padding-top: 5px;
  margin-bottom: 15px; }

#alerts .alerts-topleft dt {
  width: 110px;
  padding-top: 10px;
  margin: 0 10px 0 0; }

#alerts .alerts-topleft dt.alert-view {
  padding-top: 12px; }

#alerts .alerts-topleft dd {
  width: 70%;
  float: left;
  margin-bottom: 15px; }

#alerts .alerts-topleft dd.alert-view-select {
  margin-bottom: 5px; }

#alerts dl h4 {
  margin-bottom: 25px;
  margin-left: 0;
  padding: 0; }

/*---------cleaned code for alerts ends----------*/
/*------------------------------CUSTOMER SERVICE STARTS-------------------------------*/
#customer-svc .module .mod-footer {
  border-left: none;
  border-right: none; }

ul.bulleted-list {
  list-style: disc;
  margin: 0 0 15px; }

ol.numbered-list {
  list-style: decimal; }

ul.bulleted-list li,
ol.numbered-list li {
  margin-left: 25px;
  line-height: 150%; }

#acct-requests dl {
  margin: 25px 0 0; }

#acct-requests dt {
  float: left;
  width: 20%;
  margin-right: 2%;
  padding: 11px 0 0;
  margin-bottom: 25px; }

#acct-requests dd {
  float: left;
  width: 78%;
  padding: 0;
  margin-bottom: 25px; }

#acct-requests dl.confirm-list dt {
  padding-top: 0; }

#acct-requests #stop-payment dd.checknumber2.checknote {
  width: 100%; }

/* Password Checker */
.rules {
  background: #e3e3e3;
  border: 1px solid #C3C1C1;
  padding: 20px;
  vertical-align: middle;
  width: 35%; }
  .rules ul {
    margin: 0;
    padding: 0; }
    .rules ul li {
      position: relative;
      padding-left: 27px; }
      .rules ul li i.icon-rule-checker:before {
        content: '\e800';
        color: grey;
        margin-right: 5px; }
      .rules ul li.complete i.icon-rule-checker:before {
        color: #3fb34f; }
      .rules ul li.incomplete i.icon-rule-checker:before {
        content: '\e804';
        color: red; }
  .rules i {
    color: #adadad;
    position: absolute;
    left: 0; }
  .rules .static {
    color: #000000; }

.pword-rules {
  background: #ECECEC;
  border: 1px solid #C3C1C1;
  padding: 20px;
  vertical-align: middle;
  width: 100%; }

.text-banking table td div {
  display: inline; }

#customer-svc.text-banking .send-confirmation p {
  margin-top: 0; }

.text-banking #next-steps {
  display: block;
  width: 100%;
  clear: both; }

.mobile-numbers h3 {
  font-size: 1.2em;
  margin-bottom: 5px;
  padding: 5px 0; }

.multi-button {
  margin: 25px 0 10px; }

/*service-box*/
.service-box.module header {
  cursor: pointer;
  background: #F2F2F2;
  border-bottom: 1px solid #C9C9C9;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0; }

.service-box header:hover h2 {
  background: #FFFFFF; }

.service-box .hide-show {
  background: url(../images/olb-sprites.png) -100px -40px;
  top: 11px;
  left: 7px; }

.service-box.collapsed .hide-show,
.service-box.precollapse .hide-show {
  background: url(../images/olb-sprites.png) -120px -40px; }

.service-box .button-row {
  border-bottom: 1px solid #d0d0d0; }

.telephone-number {
  float: right;
  font-family: 'source_sans_prosemibold';
  display: inline-block;
  width: 40%;
  text-align: right; }

.connect-info {
  padding: 15px; }

.connect-info .one-half {
  width: 45.938%; }

.connect-info .full {
  float: none;
  overflow: hidden; }

/*.connect-info .full .telephone-number {

}*/
.connect-info .full ul {
  width: 60%;
  display: inline-block;
  float: left; }

.connect-info .column li {
  margin-bottom: 10px; }

.connect-info .column li:last-child {
  margin-bottom: 0; }

.connect-info .number-header,
.connect-info .number-header1,
.connect-info .number-header2 {
  display: block;
  margin-bottom: 6px;
  padding-bottom: 6px;
  font-size: 1.2em;
  border-bottom: 1px solid #D3D3D3;
  overflow: hidden; }

.number-header2 .telephone-number,
.number-header1 .telephone-number,
.number-header .telephone-number {
  font-size: .875em;
  clear: both; }

/*bank info box*/
.bank-info {
  background: #fff;
  height: auto;
  width: auto;
  margin-bottom: 25px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding-bottom: 5px;
  border: 1px solid #ccc;
  box-shadow: 0 3px 0 #D3D3D3; }

.bank-info .mod-content {
  padding: 15px; }

.bank-info .answer-text {
  display: none;
  margin: -10px 0 0 15px;
  padding: 0; }

.bank-info h3 {
  color: #590F27;
  font-size: 1.4em; }

.bus-svc h3 {
  color: #590F27;
  font-size: 1.4em;
  margin-bottom: 10px; }

.bank-info .telephone-number {
  float: none;
  display: block;
  text-align: left;
  width: auto; }

.bank-info .answer-text ul {
  list-style-type: disc; }

.bank-info .answer-text ul li {
  margin-left: 17px;
  margin-bottom: 10px; }

.bank-info .answer-text .routingnumber dt {
  width: 45%;
  margin: 0 15px 5px 0;
  float: left; }

.bank-info .answer-text .routingnumber dd {
  width: 30%;
  float: left; }

#acct-requests #stop-payment dd.checknumber {
  width: 28%; }

#acct-requests #stop-payment dd.checknumber2 {
  width: 40%; }

.bank-info .btn-blue {
  display: inline-block;
  margin-top: 5px; }

.bank-info a.btn-blue.email {
  padding-left: 35px;
  position: relative; }

.bank-info a.btn-blue.email:before {
  background: url(../images/olb-sprites.png) -20px -60px;
  content: "";
  position: absolute;
  left: 8px;
  top: 8px;
  width: 20px;
  height: 20px; }

.btn-blue.locator {
  padding-left: 25px;
  position: relative; }

.btn-blue.locator:before {
  background: url(../images/olb-sprites.png) 0px -60px;
  content: "";
  position: absolute;
  left: 3px;
  top: 8px;
  width: 18px;
  height: 20px; }

.bank-info .btn-blue.plus {
  padding-left: 25px;
  position: relative; }

.bank-info .mod-content .btn-blue.plus:before {
  background: url(../images/olb-sprites.png) -40px -60px;
  content: "";
  position: absolute;
  left: 3px;
  top: 8px;
  width: 20px;
  height: 20px; }

.answer-slide-down {
  color: #003399;
  margin: 10px 0 15px 0;
  padding: 0 0 0 15px;
  display: block;
  cursor: pointer;
  text-decoration: none;
  position: relative; }

.answer-slide-down:before {
  background: url(../images/olb-sprites.png) -164px -42px;
  content: "";
  position: absolute;
  left: -2px;
  top: 4px;
  width: 15px;
  height: 15px; }

.answer-slide-down.shown:before {
  background: url(../images/olb-sprites.png) -144px -42px;
  width: 18px; }

/*open account*/
#customer-svc .open-account .module {
  border: none;
  border-radius: 0; }

.open-account {
  border-radius: 0; }

.open-account h2 {
  padding: 0 0 15px 0;
  margin: 0;
  color: #990033;
  font-size: 1.7em; }

.open-account p {
  margin-bottom: 20px; }

.open-account .module {
  padding: 0;
  border-radius: 0;
  margin-top: 10px;
  margin-bottom: 0;
  background: transparent; }

.open-account .promo {
  background: url(../images/svg/icons-left.svg) no-repeat bottom left, url(../images/svg/icons-right.svg) no-repeat bottom right;
  background-color: #7d061a;
  background-size: 30%;
  border-left: 1px solid #6D0D1B;
  border-right: 1px solid #6D0D1B;
  border-top: 4px solid #660212;
  box-shadow: none;
  text-align: center;
  border-radius: 0;
  padding: 35px 0 20px;
  margin-bottom: 40px;
  margin-top: 0; }

.open-account .promo header {
  background: none; }

.open-account .promo header:hover {
  cursor: default; }

#customer-svc .open-account .promo h2 {
  color: #fff;
  font-size: 1.9em;
  text-align: center;
  background: #7d061a;
  display: inline-block;
  margin: 0 auto 5px auto;
  border-radius: 0;
  padding: 0 20px;
  position: relative;
  top: -12px;
  cursor: default; }

.open-account .promo header:hover h2 {
  background: #7d061a; }

.open-account .promo h3 {
  font-size: 1.4em;
  font-weight: normal;
  color: #edbb00; }

.open-account .promo p,
.open-account .promo a {
  color: #fff;
  margin-bottom: 15px; }

.open-account .promo a:hover {
  text-decoration: none; }

.open-account .promo img {
  width: 40%;
  padding: 7px;
  box-sizing: border-box; }

.open-account .promo a.btn-yellow {
  box-shadow: 0 2px 0 #77091A;
  font-size: 1.5em;
  font-weight: normal;
  padding: 10px 40px;
  margin-bottom: 10px;
  text-decoration: none; }

.open-account .mortgages {
  background: none; }

.open-account section .wrapper {
  position: relative; }

.open-account .more-options-link {
  position: absolute;
  top: 10px;
  right: 0; }

/*--------------------------------CUSTOMER SERVICE ENDS--------------------------------*/
#splash-pages .column-wide .module {
  border: 1px solid #c3c1c1;
  border-radius: 3px;
  padding: 15px;
  margin-bottom: 5px; }

#splash-pages .column-wide .module {
  padding: 15px 15px 25px 15px; }

#my-profile .mod-content h3 {
  margin-bottom: 10px;
  color: #590F27; }

.change-confirm-img {
  display: none;
  margin-top: 3px;
  float: right; }

.ua-ie .change-confirm-img {
  top: 2px; }

.editable .change-confirm-img {
  float: left;
  margin: 2px 0 0 5px; }

#payments-transfers .editable .change-confirm-img {
  float: none;
  margin: 0 0 0 5px; }

#payments-transfers .editable {
  float: left;
  padding-right: 10px; }

#payments-transfers .edit-control .edit {
  float: right; }

#payments-transfers .save-cancel {
  float: left;
  margin-top: 10px; }

.upcoming-completed p {
  margin-bottom: 15px; }

.upcoming-completed .mod-content.divcollapse .window p {
  margin: 0; }

.text-banking.editable .change-confirm-img {
  float: left;
  margin: 0 0 0 -21px;
  padding-right: 5px; }

.save-anim {
  display: none;
  float: left; }

.transaction-confirm .module {
  border: 1px solid #c3c1c1; }

.transaction-confirm .module .mod-content {
  border: 0; }

#transfers .confirm .confirmed {
  border: 1px solid #b3c5b0;
  margin: 0 0 15px; }

#transfers #next-steps {
  margin-top: 25px; }

#alerts .column-wide p.confirmed {
  margin-top: 0px; }

a.messagectr-link {
  float: left;
  margin-top: 5px;
  margin-right: 15px; }

a.messagectr-link:hover {
  cursor: default; }

tr.hidden {
  display: none; }

/*--------------------------------MY PROFILE--------------------------------*/
.profile-col-1 {
  margin: 0 0 25px;
  float: left; }

.profile-col-2 {
  margin: 0 5px 25px 0;
  float: left; }

.profile-col-2 ul li {
  margin-left: 0;
  margin-bottom: 5px; }

#payments-transfers .column-wide .module h2,
.transfer .module h2,
#statements .module h2,
#alerts .module h2,
#acct-requests .module h2,
#sbo-login h2,
#retail-login h2,
#acct-details2 h2,
#splash-pages h2 {
  color: #2f2f2f; }

#payments-transfers .module .window h2,
#my-profile .module .window h2,
#sbo-login .window h2,
#customer-svc .column-one .window h2 {
  padding: 0; }

#customer-svc .module h2 {
  color: #2f2f2f;
  text-shadow: none;
  box-shadow: none; }

#customer-svc .module header h2 {
  padding: 10px 30px; }

.service-box.module header:hover h2 {
  background: #FFFFFF; }

#security-questions h2 {
  padding: 0;
  margin-bottom: 15px;
  color: #31383e; }

.profile-col-2 h4 {
  margin-top: 15px; }

#my-profile .window li {
  margin: 0 0 5px 20px; }

.check-card-details .rules {
  float: right;
  margin-right: 0; }

#acct-details2 .check-card-details .rules h4,
#acct-details2 .direct-deposit .rules h4 {
  margin: 0; }

#sbo-login .two-thirds fieldset {
  margin-top: 20px; }

.rules h4 {
  margin-bottom: 15px; }

.rules .bulleted-list {
  margin: 0 0 15px; }

.rules .bulleted-list {
  padding-left: 20px; }

.rules .bulleted-list li,
#my-profile .bulleted-list li {
  margin: 0 0 5px 0px; }

.direct-deposit .rules {
  width: 40%;
  float: right;
  margin-top: 0; }

.direct-deposit .content-interior {
  width: 55%;
  float: left; }

#acct-details2 form .mod-content .rules p {
  margin-bottom: 0; }

.dd-acct-select {
  width: 73%;
  margin: 5px 0 40px 0; }

#my-profile form input[type="text"] {
  width: 95%; }

.mobile-setting {
  margin: 0 0 10px 0;
  padding: 0 0 20px 0;
  clear: both; }

.email-display {
  width: 85%;
  float: left; }

.edit-setting {
  width: 10%;
  float: right;
  margin-right: 15px; }

#alerts dt {
  width: 25%;
  float: left;
  margin: 10px 0 5px; }

#alerts dd {
  width: 70%;
  float: left;
  margin: 0 0 30px; }

#alerts .dd-fullwidth {
  width: 90%; }

#alerts dl.mobile-numbers dd {
  width: 20%; }

.alert-language span input[type="radio"],
.quiet-time span input[type="radio"] {
  top: 3px; }

.ua-desktop-macintosh .alert-language span input[type="radio"],
.ua-desktop-macintosh .quiet-time span input[type="radio"] {
  top: 0; }

#alerts dt.text-only {
  margin-top: 1px; }

#transfers dt.text-only,
.acct-services .payment-svcs-info dt.form-col-1.text-only {
  padding: 0; }

#transfers .window dt.text-only {
  margin-left: 0;
  margin-top: 0; }

#transfers dt.text-only.edit-acct {
  padding-top: 10px; }

#transfers dd.edit-acct {
  margin-bottom: 20px;
  width: 50%; }

#my-profile form input[type="text"],
#sbo-login #security-questions form input[type="text"],
#my-profile .column-wide form input.password-input,
#sbo-login .column-wide form .error-wrapper input.profile-input {
  width: 80%; }

#my-profile .column-wide form .error-wrapper {
  width: 75%; }

#my-profile .column-wide form .error-wrapper input.profile-input {
  width: 100%; }

.ua-ie #my-profile .hide-center input {
  width: 60%; }

.confirm-message {
  margin: 25px 0 5px; }

#alerts .column-wide form input.profile-input,
#retail-login form .column-wide input.profile-input {
  width: 50%; }

#alerts .column-wide form .error-wrapper input.profile-input {
  width: 80%; }

.password-input {
  width: 70%; }

#my-profile .profile-col-1 .error-wrapper,
#my-profile .two-thirds .error-wrapper {
  margin: 0; }

#security-questions {
  margin-bottom: 25px; }

#security-questions .module {
  padding: 15px;
  margin-bottom: 0;
  border-radius: 0;
  border: 1px solid #c3c1c1; }

#security-questions .module:first-child {
  border-radius: 3px 3px 0 0; }

.sec-content {
  margin: 0 -15px 0 -20px;
  padding: 15px 15px 25px;
  border-left: 5px solid #1a2095;
  border-bottom: 1px solid #c3c1c1;
  -webkit-box-shadow: 0 2px 0 0 #d6d6d6;
  -moz-box-shadow: 0 2px 0 0 #d6d6d6;
  box-shadow: 0 2px 0 0 #d6d6d6; }

#security-questions .security1group {
  border-bottom: none; }

#security-questions .security2group {
  border-top: none;
  border-bottom: none; }

#security-questions .security3group {
  border-top: none; }

#my-profile #security-questions .error-wrapper,
#sbo-login #security-questions .error-wrapper {
  margin: 10px 0 0;
  width: 95%;
  padding: 15px; }

#my-profile #security-questions .error-wrapper ul,
#sbo-login #security-questions .error-wrapper ul {
  margin: 0; }

#my-profile #security-questions h3,
#sbo-login #security-questions h3 {
  padding-left: 30px; }

#security-questions .small-input,
#security-questions .small-input {
  width: 50%; }

#security-questions .twobutton {
  width: auto;
  float: none;
  margin-top: 40px; }

#sbo-login #security-questions ul.security-question-list {
  margin: 20px 0 25px;
  padding: 0; }

#my-profile #security-questions ul.security-question-list li,
#sbo-login #security-questions ul.security-question-list li {
  width: 100%;
  margin: 10px 0 20px 0; }

#my-profile #security-questions ul.security-question-list li label,
#sbo-login #security-questions ul.security-question-list li label,
#acct-details2 .dispute-questions dd li label,
#acct-details2 .dispute-questions dd label,
.statement-del-choice li label,
.payment-delivery li label {
  display: block;
  margin-left: 25px;
  cursor: pointer;
  line-height: 1.2em; }

.statement-del-choice li input[type="radio"],
#my-profile #security-questions ul.security-question-list li input[type="radio"],
#sbo-login #security-questions ul.security-question-list li input[type="radio"],
#acct-details2 .dispute-questions dd input[type="radio"],
#acct-details2 .dispute-questions dd li input[type="radio"],
.payment-delivery li input[type="radio"] {
  float: left;
  cursor: pointer;
  /*  width: auto;*/ }

.ua-desktop-windows #statements li input[type="radio"] {
  top: 2px; }

#my-profile #security-questions .error-wrapper ul.security-question-list,
#sbo-login #security-questions .error-wrapper ul.security-question-list {
  margin: 0px; }

#my-profile #security-questions .error-wrapper input,
#sbo-login #security-questions .error-wrapper input {
  margin-right: 5px;
  /*  min-width: 400px;*/ }

.securitytitles {
  font-family: 'source_sans_prosemibold'; }

#my-profile #security-questions fieldset:last-child {
  border-bottom: none; }

.sec-answer-title {
  font-family: 'source_sans_prosemibold';
  margin-right: 10px;
  margin-left: 0;
  padding-bottom: 15px; }

#my-profile #security-questions-verify dd,
#sbo-login #security-questions-verify dd,
#acct-details2 .dispute-questions dd {
  width: 97.5%;
  margin-bottom: 25px; }

#my-profile #security-questions-verify dt,
#sbo-login #security-questions-verify dt {
  width: 97.5%;
  margin-bottom: 5px;
  font-family: 'source_sans_prosemibold'; }

#acct-details2 .dispute-questions dt {
  width: 97.5%;
  margin-bottom: 10px;
  font-family: 'source_sans_prosemibold'; }

#acct-details2 .dispute-questions {
  margin-top: 0px; }

#acct-details2 .dispute-questions dd li {
  margin-bottom: 15px;
  margin-right: 15px; }

.security-question-header {
  margin-left: -5px;
  border: none;
  border-left: 5px solid #1a2095;
  border-radius: 0; }

#my-profile #manage-hideshow .cc-accounts {
  width: 70%; }

#my-profile .hide-accounts td:first-child {
  text-align: left; }

.acct-number {
  float: left;
  clear: both;
  color: #999; }

#my-profile .edit-text,
#my-profile .edit-input {
  float: left;
  margin-bottom: 5px;
  text-align: left; }

#my-profile .edit-control .save-cancel a {
  padding: 5px 0; }

#my-profile a.cancel {
  margin-left: 5px; }

#my-profile .edit-control {
  float: right; }

.hide-cs-accounts,
.hide-cc-accounts {
  margin: 0;
  border: 1px solid #e4e4e4; }

.hide-cs-accounts tr td:first-child,
.hide-cc-accounts tr td:first-child {
  border-left: none; }

.column-wide .quiet-time label,
.column-wide .alert-language label,
dd.transaction-type label {
  margin: 0 25px 0 0; }

/*--------------------------------ALERTS--------------------------------*/
#alerts .column-wide .mod-content,
#customer-svc .one-column #next-steps .mod-content {
  border: none; }

.alerts-topleft > .statement-wrapper {
  width: 80%;
  margin: 10px 0 0 10px; }

.alert-quiettimes .select-background {
  width: 100px; }

.alert-quiettimes span {
  display: inline-block;
  margin-right: 10px;
  padding-top: 11px; }

.alert-quiettimes .select-background {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top; }

.radio-long span {
  margin-right: 20px; }

#alerts .alerts-topleft dd .statement-wrapper {
  margin: 0;
  width: 80%; }

.ua-mac_os_x-10 .recipient-select input {
  top: -1px; }

.recipient-select input.check-all {
  margin-right: 5px; }

.select-recipientlist {
  height: 200px;
  overflow-y: scroll; }

.borderclass {
  border: 1px solid #c2c0c0;
  -webkit-box-shadow: inset 0 2px 0 0 #dddddd;
  -moz-box-shadow: inset 0 2px 0 0 #dddddd;
  box-shadow: inset 0 2px 0 0 #dddddd; }

.select-recipientlist #recipient-list thead,
.select-recipientlist table thead {
  display: none; }

.select-recipientlist table thead {
  display: none; }

.shared-email {
  margin-top: 10px;
  margin-bottom: 5px; }

.mobile-input {
  max-width: 150px; }

.window .mobile-input,
input[type="tel"].mobile-input {
  max-width: 100%; }

#alerts .mobilenum .twobutton {
  margin-bottom: 35px; }

#alerts .alertemail .twobutton {
  width: 74.5%;
  margin-top: 15px; }

#alerts .suspend-list .twobutton {
  width: 75.5%;
  margin-top: 15px; }

#update_alerts table .searchheader th {
  text-align: left;
  padding-left: 10px; }

.row-odd, .row-even {
  background: #f0f0f0;
  border-bottom: 1px solid #c0c0c0; }

.row-even {
  background: #fff; }

.module .question-rows p {
  padding: 10px 15px; }

.module .level1-question .emboldface {
  padding: 0;
  margin: 10px 15px 15px 15px;
  display: block; }

.module .level1-question .emboldface .tooltip {
  font-family: 'source_sans_proregular'; }

.alt-table-singlecol .have-interacted {
  float: left; }

#acct-details2 .alt-table .alt-table-singlecol p input,
.acct-services .payment-svcs-info dd.form-col-2 dl dt input,
.paperless-select li input {
  float: left;
  top: 2px; }

.alt-table-singlecol p label,
.acct-services .payment-svcs-info dd.form-col-2 dl dt label,
.paperless-select li label {
  display: block;
  margin-left: 25px; }

.acct-services .payment-svcs-info dd.form-col-2 dl dt.float-tooltip label {
  margin-left: 5px; }

.acct-services .payment-svcs-info dd.form-col-2 dl dt label .help {
  top: 0;
  margin-left: 15px; }

#sbo-login .alt-table-leftcol {
  float: left;
  width: 65%; }

#sbo-login .alt-table-rightcol {
  float: left;
  width: 35%; }

.alerttable table th.rowchoice1,
.alerttable table th.rowchoice1 li label {
  font-weight: normal; }

.alerttable table th.rowchoice1-yellow,
.alerttable table th.rowchoice1 li label {
  font-weight: normal;
  background-color: #FFFFBB;
  border-right: #E4E4E4 solid 1px;
  border-bottom: #E4E4E4 solid 1px; }

.alerttable table th.rowchoice1 > ul {
  margin: 5px 0 0 20px; }

.alerttable table th.rowchoice1 label {
  display: block;
  padding-left: 20px;
  font-family: 'source_sans_prosemibold'; }

.alerttable table th p {
  font-weight: normal;
  margin: 15px 0 0 15px;
  padding: 0 5px 0px; }

.alerttable td ul,
.alt-table ul {
  list-style-type: disc;
  margin-left: 15px; }

.alerttable td fieldset ul,
.alt-table fieldset ul {
  list-style-type: none;
  margin-left: 0; }

.window ul.bulleted-list {
  margin-bottom: 25px; }

.custom-alerts {
  clear: both;
  border: 1px solid #c3c1c1;
  padding: 15px 15px 0;
  margin-bottom: 15px; }

#alerts .custom-alerts dl {
  margin-left: 5px; }

.mod-content dl.dd-total {
  margin-top: 15px; }

dl.dd-total input[type="checkbox"] {
  float: left; }

/*dl.dd-total .checkbox-title {
    margin-left: 25px;
    display: block;
    width: 85%;
}*/
dl.dd-total .help {
  margin-left: 25px;
  float: left;
  margin-top: -2px; }

dl.dd-total .template-label,
dl.edit-template .template-label {
  float: left;
  margin-right: 25px; }

dl.dd-total .template-label label,
dl.edit-template .template-label label {
  display: block; }

dl.dd-total .template-label .small-input {
  width: 200px; }

.edit-template .template-label .small-input {
  width: 225px; }

/*.no-dd .payments-footer {
    text-align: center;
    margin: 20px auto;
    clear: both;
}*/
.module p.fee-lines {
  margin-top: 15px;
  padding: 0;
  /*float: left;*/ }

.authorize-info {
  margin: 15px 0;
  border-top: 1px solid #c3c1c1;
  border-bottom: 1px solid #c3c1c1;
  padding: 15px 0; }

.authorize-info dl {
  margin: 5px 0 0; }

.authorize-info dl dt {
  margin-bottom: 5px;
  width: 22%;
  padding-right: 15px; }

.authorize-acct-info {
  font-family: 'source_sans_prosemibold'; }

dt.routingnum,
dd.routingnum {
  margin-top: 15px; }

.mod-content table.recipient-table,
.mod-content table.payment-choice {
  border: 1px solid #e4e4e4; }

.recipient-table span {
  display: block;
  margin-bottom: 5px; }

dl.add-recipient-confirm dt {
  margin-bottom: 10px;
  font-family: 'source_sans_prosemibold';
  width: 25%; }

dl.add-recipient-confirm dd {
  margin-bottom: 10px;
  margin-left: 2%; }

dl.add-recipient-confirm dt.edit-recipient-btn {
  margin-top: 5px;
  margin-bottom: 10px;
  width: 100%; }

.row-add {
  margin: 15px 0 15px 15px;
  display: block; }

.recipient-table input[type="checkbox"] {
  margin-right: 5px;
  top: 0; }

.check-box {
  margin-right: 10px;
  top: 0; }

.master-save {
  margin-right: 5px;
  float: left;
  top: 4px; }

.master-save2 {
  margin-right: 5px;
  float: left;
  top: 2px; }

.master-save + .checkbox-title,
.master-save2 + .checkbox-title {
  margin-left: 20px;
  display: block; }

#ach-tax-payment .checkbox-title {
  margin-bottom: 25px;
  display: block;
  margin-left: 15px; }

.window .content p.selectall {
  margin-left: 8px; }

.window .content p.selectall input[type="checkbox"] {
  top: 0;
  margin-right: 5px; }

.rowadding {
  display: none; }

.module form .dd-recipient-buttons p {
  padding: 0;
  margin: 15px 0 10px;
  text-align: left; }

.dd-recipient-choice {
  width: 25%;
  margin: 0 15px 0 0;
  float: left;
  min-width: 200px; }

.dd-recipient-buttons {
  margin-bottom: 30px;
  overflow: hidden; }

.dd-table table {
  border: 1px solid #e4e4e4; }

#direct-deposits-demoA,
#direct-deposits-demoB,
#direct-deposits-demoC {
  display: none; }

.verify-transaction .dd-table table {
  background-color: #fff;
  margin-top: 15px;
  float: left; }

.counting-message {
  margin-right: 15px;
  margin-top: -34px;
  color: #2f2f2f;
  float: right; }

.nickname {
  display: block; }

.dd-recipient-choice .btn-ltblue {
  width: 210px;
  display: block;
  text-align: center; }

.dd-table table td .currency {
  margin-left: 10px; }

.dd-table .optional,
th .optional {
  color: #fff; }

table.overflowing tr td span.optional {
  color: #2f2f2f; }

.cashbox {
  padding: 5px 10px; }

.nodata {
  text-align: center; }

.overflowing .nodata {
  text-align: left; }

.alerttable td ul li {
  margin-bottom: 5px; }

.alerttable td fieldset ul li,
.alt-table fieldset ul li {
  margin-bottom: 15px; }

table tr.alertrowheader td {
  text-align: center;
  font-family: 'source_sans_prosemibold';
  padding: 3px 10px; }

#acct-details2 .alt-table input[type="checkbox"],
#acct-details2 .alt-table input[type="radio"] {
  float: none; }

#acct-details2 .alt-table ul label {
  margin-right: 15px; }

#acct-details2 .alt-table ul.suspects label {
  margin-right: 0; }

.ua-firefox .alt-table input[type="checkbox"],
.ua-firefox .alt-table input[type="radio"] {
  top: 0px;
  margin-right: 5px; }

.alt-table input[type="radio"] {
  top: 0px; }

.alt-table .currency {
  margin-left: 10px;
  display: inline-block; }

.alt-table .e-dollar,
.alt-table .e-dollar {
  top: 9px;
  left: -10px; }

.alt-table .currency input.small-input {
  width: 100px; }

.alt-table .level2-questions .currency input.small-input {
  width: 125px; }

ul.balance_alert_increment {
  margin: 10px 0 0 20px;
  list-style: none; }

ul.primary-select {
  margin: 10px 0 25px 20px;
  list-style: none; }

ul.balance_alert_increment li,
ul.primary-select li {
  margin-bottom: 10px;
  font-weight: normal; }

#alerts .statement-wrapper {
  margin: 10px 0 15px;
  width: 55%; }

#alerts .delivery-footer .setup-button {
  width: 200px;
  margin: 0 auto;
  font-size: 1.25em; }

.payments-footer {
  text-align: center;
  margin: 20px auto; }

.ghosted {
  color: #ccc !important;
  cursor: default !important; }

a.ghosted {
  text-decoration: none; }

.recommended {
  color: #004800;
  font-family: 'source_sans_prosemibold';
  padding-left: 27px !important;
  position: relative; }

.recommended:before {
  background: url(../images/olb-sprites.png) -100px 0;
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 20px;
  height: 20px; }

#alerts-history td {
  text-align: left;
  vertical-align: top; }

#alerts-history th.rowheader {
  vertical-align: top; }

a.alert-slide-down,
a.alert-slide-up {
  margin-left: 10px;
  font-family: 'source_sans_prosemibold';
  text-decoration: underline; }

.alerttable .tooltip {
  font-size: 1em; }

.promo-highlight input {
  margin-top: 3px;
  float: left; }

.promo-highlight label {
  display: block;
  margin-left: 20px; }

#suspend-email-settings .alert-contact,
#suspend-mobile-settings .alert-contact {
  width: 50%;
  float: left; }

#suspend-email-settings .suspend-list,
#suspend-mobile-settings .suspend-list {
  width: 50%;
  float: left; }

#suspend-email-settings .suspend-list-disabled,
#suspend-mobile-settings .suspend-list-disabled {
  width: 50%;
  float: left;
  color: gray; }

.alerttable td .suspend-list ul {
  list-style-type: none;
  float: left;
  width: 100%; }

.alerttable td .suspend-list ul li label,
.suspend-list li > label {
  padding-left: 0; }

.alerttable td .suspend-list ul li ul li {
  width: 100%; }

.alerttable tr.alertrow td .suspend-list ul li ul li {
  width: 95%; }

.alerttable .profile-input {
  width: 90%; }

.mod-content table .alertrow {
  background-color: #ffffbb; }

.mod-content table .alertrow-white {
  background-color: #ffffff; }

.mod-content table .alertrow-yellow {
  background-color: #ffffbb; }

.alerttable td ul.selected-alerts {
  margin-left: 0; }

ul.selected-alerts li {
  margin-left: 0;
  list-style-type: none;
  padding-left: 25px;
  position: relative; }

ul.selected-alerts li:before {
  background: url(../images/olb-sprites.png) -100px 0;
  content: "";
  position: absolute;
  left: 0;
  top: -2px;
  width: 20px;
  height: 20px; }

.suspend-list-dd li {
  margin-left: 24px; }

.suspend-list ul li dl.replace-email {
  margin-top: 25px; }

.alerttable td .suspend-list ul.suspend-list-dd li label {
  display: block;
  margin-left: 5px; }

#alerts .replace-email dt {
  width: 20%; }

.alert-text {
  margin-bottom: 0 !important; }

.alertemail .mod-content p.alert-text {
  padding: 5px 0 20px; }

.alertemail h4 {
  padding-top: 15px;
  font-size: 1.15em; }

/*--------------------------------CUSTOMER SERVICE--------------------------------*/
.modulefooterlink {
  padding: 10px 15px;
  display: block;
  clear: both; }

a.change-location {
  margin-top: 15px;
  display: block; }

.account-box {
  width: 30%;
  margin: 0 0 30px 5%;
  float: left;
  display: inline-block;
  background: #EFEFEF;
  border: 1px solid #ccc;
  padding: 20px;
  position: relative;
  border-radius: 3px;
  box-shadow: 0 3px 0 #D3D3D3;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.lt-ie9 .account-box {
  width: 30%; }

.account-box-50-left,
.account-box-50-right {
  width: 48%;
  margin: 0 0 30px 0%;
  float: left;
  display: inline-block;
  background: #EFEFEF;
  border: 1px solid #ccc;
  padding: 20px;
  position: relative;
  border-radius: 3px;
  box-shadow: 0 3px 0 #D3D3D3;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.account-box-50-right {
  float: right; }

.lt-ie9-left .account-box {
  width: 48%; }

.lt-ie9-right .account-box {
  width: 48%; }

.account-box:first-child {
  margin-left: 0; }

.account-box:last-child {
  margin-right: 0; }

.account-box p {
  padding: 0; }

.open-account h3,
.overdraft-box h3 {
  font-weight: normal;
  font-size: 1.1em;
  color: #990033;
  font-family: 'source_sans_prosemibold'; }

p.btm-button {
  display: block;
  box-sizing: border-box;
  margin-bottom: 0; }

.open-account a.yellow-alt {
  float: none;
  padding: 5px 8px;
  font-size: 1em; }

#overdraft-protect .box-container {
  width: auto;
  margin: 25px auto 0;
  text-align: center; }

.overdraft-box {
  width: 42%;
  margin: 0 2.5% 30px 2.5%;
  display: inline-block;
  background: #EFEFEF;
  border: 1px solid #ccc;
  padding: 20px;
  position: relative;
  border-radius: 3px;
  text-align: left;
  box-shadow: 0 3px 0 #D3D3D3;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

p.btm-button a,
p.btm-button a.yellow-alt {
  display: block;
  text-align: center;
  padding: 10px 15px;
  box-sizing: border-box; }

.overdraft-box p.btm-button a.yellow-alt {
  width: 200px;
  margin: 15px auto;
  float: none;
  font-size: 1.15em; }

#confirmation .module {
  padding: 15px 0; }

#confirmation .service-content {
  padding: 0 15px 15px; }

#confirmation .service-content p {
  width: 100%;
  float: left;
  margin-top: 20px; }

.bank-info h2 {
  color: #2f2f2f; }

.app-promo {
  background: #111 url(../images/city.jpg) 0 100% no-repeat;
  background-size: 100%;
  text-align: center;
  margin-bottom: 25px;
  padding-bottom: 15px; }

.lt-ie9 .app-promo {
  background: #111; }

.app-promo .wrapper {
  padding: 20px 0 0 0;
  background-size: 50%; }

.app-promo .wrapper .wrapper {
  margin: 0;
  width: 100%; }

.app-promo header h2 {
  font-size: 1.75em;
  margin-bottom: 25px; }

.app-promo h3 {
  margin-bottom: 15px; }

.app-promo h2,
.app-promo h3,
.app-promo a,
.app-promo p,
.app-promo small,
.app-promo ul li,
.app-promo ul ol {
  color: #fff;
  font-family: 'Rambla', verdana, sans-serif; }

.app-promo .logos {
  margin-bottom: 15px; }

.app-promo .logos img {
  height: 25px;
  margin: 0 10px; }

.app-promo .ad-copy {
  padding: 6px 20px 28px 28px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 5px 5px 0 0; }

.app-promo .list-features ul li {
  text-align: left;
  font-size: 1em;
  margin-bottom: 15px;
  font-family: 'source_sans_proitalic';
  color: #F9C854;
  padding-left: 20px;
  position: relative; }

.app-promo .list-features ul li:before {
  background: url(../images/olb-sprites.png) -140px -60px;
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px; }

.app-promo .skip-branch {
  padding: 0 0 10px 30px;
  background: rgba(0, 0, 0, 0.5);
  background-size: 100%;
  box-sizing: border-box;
  text-align: left;
  border-radius: 5px 5px 0 0; }

.app-promo .skip-branch .wrap {
  padding: 15px 0 0 0;
  box-sizing: border-box;
  position: relative; }

.app-promo .skip-branch .wrap .badge-new {
  position: absolute;
  top: -35px;
  right: -35px;
  background: #F9C854;
  color: #111;
  padding: 25px 14px;
  border-radius: 50px;
  font-family: 'source_sans_prosemibold';
  font-size: 1em;
  font-family: "RamblaBold", verdana, sans-serif;
  -webkit-transform: rotate(15deg); }

.lt-ie9 .app-promo .skip-branch .wrap .badge-new {
  padding: 15px 14px; }

.app-promo .skip-branch h3 {
  /*padding-top: 30px;*/
  font-size: 1.2em;
  margin-bottom: 10px; }

.app-promo .skip-branch li {
  margin-bottom: 15px;
  font-size: .875em; }

.app-promo .skip-branch p {
  padding: 0;
  box-sizing: border-box;
  margin-bottom: 15px;
  font-size: 1em;
  line-height: 150%; }

.app-promo .ad-copy h2 {
  padding: 0 0 0 20px;
  font-size: 2.1em; }

.app-promo .badges {
  text-align: center;
  padding: 55px 10px 38px 10px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 5px 5px 0 0; }

.app-promo .badges img {
  width: 150px;
  margin: 0 auto 25px auto; }

/*section.secondary {
    padding: 30px 0 40px 0;
    border-top: 3px #C6C6C6;
}*/
section.secondary h2 {
  font-size: 2.1em;
  color: #7f001e;
  margin-bottom: 18px; }

section.secondary p {
  margin-bottom: 15px; }

section.secondary h4 {
  font-size: 1.15em; }

section.secondary h4.centering {
  font-size: 1.35em; }

section.secondary .column {
  background: #fff;
  width: 49%;
  margin-left: 2%;
  box-sizing: border-box;
  padding: 20px;
  border-radius: 3px;
  border: 1px solid #CECECE;
  box-shadow: 0 3px 0 #D3D3D3; }

section.secondary .column:first-child {
  margin-left: 0; }

section.secondary .column h3 {
  padding-top: 5px;
  color: #7f001e; }

section.secondary.business-landing .column h3 {
  padding-top: 0px;
  color: #7f001e;
  font-size: 1.35em; }

section.secondary.business-landing .column h3.phone-number {
  color: #31383e; }

section.secondary h2 sup,
section.secondary h3 sup,
section.secondary h4 sup {
  font-size: 1em;
  top: -.15em; }

section.secondary .column ul {
  margin-bottom: 15px; }

section.secondary .column ul li {
  list-style-type: disc;
  margin-left: 18px;
  padding-bottom: 4px; }

section.secondary .column .btn-blue {
  display: inline-block;
  text-decoration: none;
  margin-top: 15px; }

.add-new-number {
  background: #e3ebfa;
  padding: 15px 15px 20px 15px;
  border: 1px solid #D0D7E5;
  margin-bottom: 20px; }

.add-new-number p {
  margin-bottom: 15px; }

.add-new-number .btn-yellow {
  padding: 8px 12px; }

.mobile-numbers h3 {
  font-size: 1.2em;
  margin-bottom: 5px; }

.codes h4 {
  margin-bottom: 0; }

.text-banking .introduction .codes .small {
  font-size: .875em; }

.text-banking .introduction .codes.mobile-numbers p {
  background: #deedff;
  padding: 15px;
  display: block;
  margin: 0 0 10px 0; }

.text-banking .introduction .codes.mobile-numbers .pending {
  background: #FFEA96;
  padding: 15px;
  border-radius: 3px; }

.text-banking .introduction .codes.mobile-numbers .pending p {
  background: transparent;
  padding: 0;
  border-radius: 0;
  margin: 0; }

.pending a {
  display: block; }

.text-banking .introduction .codes.header-descrip {
  background: #eee;
  box-sizing: border-box;
  padding: 10px;
  margin: 20px 0; }

.text-banking table {
  width: 100%;
  margin: 0; }

.text-banking .table-wrapper {
  box-sizing: border-box;
  margin: 0; }

.text-banking table th,
.text-banking table td {
  text-align: left;
  padding: 10px;
  vertical-align: middle;
  border: 1px solid #ccc; }

.text-banking table td div {
  display: inline; }

#customer-svc.text-banking .send-confirmation p {
  margin-top: 0; }

.text-banking #next-steps {
  display: block;
  width: 100%;
  clear: both; }

.window .setbutton {
  padding: 14px 50px 12px; }

.transaction-details {
  display: block;
  clear: both; }

.update-recipients,
.edit-success {
  font-family: 'source_sans_prosemibold';
  margin-top: 5px;
  margin-left: 10px;
  display: none; }

.update-templates {
  display: inline;
  margin-left: 10px;
  display: none; }

.module p.no-templates {
  float: left;
  margin: 25px 0;
  padding: 0;
  clear: both; }

.left-acct {
  margin: 5px 0 0 10px; }

.left-acct .update-recipients {
  margin: 1px 0 0 0;
  float: left; }

.left-acct .recipient-details {
  float: left;
  margin-right: 10px; }

/*--------------------------------SBO LOGIN--------------------------------*/
#splash-pages dl {
  margin: 15px 15px 0;
  float: left;
  width: 95%; }

#sbo-login dt,
#splash-pages dt {
  width: 40%;
  float: left;
  margin: 10px 0 5px; }

#sbo-login dt.text-only {
  margin: 5px 0 0; }

#sbo-login .phone-registration.ach-update,
#sbo-login .phone-registration.ach-add {
  margin-top: 15px; }

#sbo-login .phone-registration.ach-update dt.text-only,
#sbo-login .phone-registration.ach-update dd.text-only {
  margin: 0; }

#sbo-login .phone-registration.ach-update dt.text-only {
  font-family: 'source_sans_prosemibold'; }

#sbo-login .phone-registration.ach-update .add-alert-contact {
  float: none; }

.ach-number,
.ach-extension {
  display: block;
  float: left;
  margin-right: 15px; }

.authorization-call {
  margin: 25px 0; }

.authorization-call .authorization-num {
  width: 200px;
  margin-left: 35.5%; }

.authorization-call .center-buttons {
  margin: 25px auto;
  width: 275px;
  float: none; }

#sbo-login dd,
#splash-pages dd {
  width: 55%;
  float: left;
  margin: 0 0 15px; }

.primary-email {
  margin-top: 20px; }

#sbo-login .primary-email dt {
  width: 25%; }

#sbo-login .primary-email dd {
  width: 74%; }

#sbo-login .primary-email dd.alert-language {
  margin-top: 5px; }

#sbo-login .primary-email dd .profile-input {
  width: 50%; }

#sbo-login .phone-registration dt {
  width: 25%; }

#sbo-login .phone-registration dd {
  width: 75%; }

#sbo-login .phone-registration dd.country-code {
  max-width: 450px; }

#sbo-login .phone-registration.ach-update dt {
  width: 35%; }

#sbo-login .phone-registration.ach-update dd {
  width: 30%;
  min-width: 175px; }

#sbo-login .phone-registration.ach-update dd.ach-wire-phone-edit {
  width: 35%; }

dd.ach-wire-phone-edit a {
  display: block;
  float: left; }

dd.ach-wire-phone-edit .ach-delete-number {
  margin-left: 60px; }

#sbo-login .non-collapse-content dl {
  margin-top: 15px; }

#sbo-login .non-collapse-content dt {
  width: 20%;
  margin-right: 0;
  margin-bottom: 25px; }

#sbo-login .non-collapse-content dd {
  width: 70%;
  margin-bottom: 25px; }

#sbo-login .non-collapse-content input[type="text"],
#sbo-login .non-collapse-content input[type="password"],
#sbo-login .non-collapse-content .select-background {
  max-width: 300px; }

#sbo-login .section-content-top dt {
  width: 15%; }

#sbo-login .section-content-top dd {
  width: 40%; }

.phone-registration {
  border-top: 1px solid #c3c1c1;
  border-right: 1px solid #c3c1c1;
  border-left: 1px solid #c3c1c1;
  margin-bottom: 15px; }

.phone-registration .row-odd,
.phone-registration .row-even {
  padding: 15px; }

.phone-registration.ach-update .row-odd,
.phone-registration.ach-update .row-even {
  padding: 25px 15px; }

.phone-registration label {
  margin-left: 0; }

/* #sbo-login form input[type="text"],
 #sbo-login form input.password-input {
    width: 100%;
 }*/
#sbo-login input.phone {
  max-width: 200px;
  float: left; }

#sbo-login input.extension,
#acct-details2 .acct-services .payment-svcs-info .recipient-input.extension {
  width: 100px;
  /*  float: left;*/ }

.add-opt {
  float: left; }

.ext-num {
  float: left;
  margin-left: 15px;
  /*text-align: right;*/ }

.ext-num-add {
  margin-left: 15px; }

#sbo-login .middle-init input[type="text"],
#sbo-login .ext-num input[type="text"] {
  max-width: 100px; }

.ext-num label {
  float: left;
  margin-top: 10px;
  margin-right: 10px; }

/*.ext-num input {
    margin-left: 10px;
}*/
.exceptions .loginnav {
  width: 65.3%; }

.security-tips li {
  list-style: none;
  margin: 0 0 10px 35px; }

.scrollbox {
  overflow-y: scroll;
  height: 200px;
  float: none;
  clear: both;
  padding: 15px;
  border: 1px solid #c3c1c1;
  margin-bottom: 10px;
  background: #f6f6f6; }

.section-content-bottom h3,
.section-content-top h3 {
  font-size: 1.25em;
  color: #2f2f2f;
  float: left; }

.login-finished h3 {
  float: none; }

.section-content-top {
  padding-bottom: 15px;
  border-bottom: 1px solid #c3c1c1;
  width: 85%; }

.section-content-bottom {
  margin-top: 40px;
  width: 85%; }

.module p.security-links {
  padding-bottom: 0;
  border-top: 1px solid #c3c1c1;
  padding: 20px 0 0;
  margin-top: 15px; }

.security-links a {
  margin: 0 10px; }

.left-buttons {
  margin: 15px 0 25px; }

a.secure-link {
  padding-left: 25px;
  margin-left: 0;
  position: relative; }

a.secure-link:before {
  background: url(../images/olb-sprites.png) -180px -60px;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px; }

#sbo-login ul.paperless-list,
#splash-pages ul.paperless-list {
  margin: 15px 0 25px 15px; }

#sbo-login .paperless-list li.check,
#splash-pages .paperless-list li.check {
  width: 95%;
  font-family: 'source_sans_prosemibold';
  font-size: 1.25em;
  padding-left: 30px;
  margin-bottom: 10px;
  position: relative; }

#sbo-login .paperless-list li.check:before,
#splash-pages .paperless-list li.check:before {
  background: url(../images/olb-sprites.png) -80px -82px;
  content: "";
  position: absolute;
  left: 0;
  top: -5px;
  width: 25px;
  height: 30px; }

.block-element {
  display: block;
  margin-top: 40px; }

.paperless-choice {
  width: 65%;
  margin: 0 0 25px; }

.paperless-choice table {
  border: 1px solid #c3c1c1; }

.paperless-select li {
  margin: 5px 10px 5px 0;
  display: block;
  float: left;
  padding: 10px 25px;
  border-radius: 3px; }

.paperless-select li span {
  margin: 0; }

.paperless {
  background: #9cd6ba; }

.companyname {
  font-size: .75em; }

.module p.thankyou {
  padding: 15px 0 25px 60px;
  position: relative; }

.noted-text,
form .mod-content p.noted-text {
  font-size: .875em;
  line-height: 1.25em; }

.no-disc-list-elements li {
  margin-bottom: 10px; }

tbody th.cart-totals {
  text-align: right; }

table.business-services-select {
  border: 1px solid #e4e4e4; }

table.overflowing.business-services-select td:last-child .label {
  display: none; }

table.overflowing.business-services-select td .bundle-link,
table.overflowing.business-services-select td .bus-svc-fee {
  display: inline-block;
  margin-right: 10px; }

table.business-services-select td li {
  margin-bottom: 10px; }

.business-login table.business-services-select {
  width: 85%; }

.business-services-select .rowchoice1 .emface {
  font-size: .875em;
  display: block; }

.business-services-select td {
  vertical-align: top; }

.module form .business-services-select th p,
.learn-more {
  margin: 10px 0 0 0;
  display: block; }

.pmt-svc-confirm {
  font-size: 1.25em;
  margin: 10px 15px; }

tr.bus-srv-select {
  background: #e5ecfa; }

tr.bus-srv-select .svc-selected {
  display: block; }

.business-services-select .btn-ltblue {
  margin-top: 5px;
  padding: 8px 10px;
  display: block;
  text-align: center; }

.discount {
  color: #2ca325;
  font-family: 'source_sans_probold_italic'; }

.discount-bundles th.leftdetails {
  padding-top: 0; }

.discount-bundles .discount {
  text-align: right; }

.discount-bundles td {
  vertical-align: bottom;
  text-align: right; }

.window .content .discount-bundles ul {
  margin-left: -5px; }

.mod-content table.discount-bundles {
  border: 1px solid #e4e4e4;
  margin-top: 20px; }

.final-cost {
  color: #2ca325;
  font-family: 'source_sans_probold'; }

.fee-list {
  display: block; }

.fee-list2 {
  display: block;
  margin-right: 5px; }

.fee-total {
  display: block;
  text-align: right;
  border-top: 1px solid #ccc; }

.bus-svc-fee {
  text-align: center;
  margin-bottom: 15px;
  display: none; }

.confirm .bus-svc-fee {
  display: block; }

.svc-selected {
  margin-left: 10px; }

.confirm .svc-selected {
  display: block; }

.service-total .submit-button {
  padding: 20px 15px;
  margin: 20px 0; }

.svc-confirm {
  padding-left: 20px;
  position: relative; }

.svc-confirm:before {
  background: url(../images/olb-sprites.png) -100px 0;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px; }

a.svc-remove {
  margin-top: 15px;
  display: block;
  color: #9d1f26;
  padding-left: 20px;
  cursor: pointer;
  position: relative; }

a.svc-remove:before {
  background: url(../images/olb-sprites.png) -160px -60px;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px; }

table.overflowing tbody tr.service-total th .label,
table.overflowing tbody tr.service-total td .label {
  display: none; }

table.overflowing.payment-history-table tbody tr td:last-child .label,
table.overflowing.payment-history-billpay-table tbody tr td:last-child .label {
  display: inline; }

.service-total td,
.bundle-link {
  text-align: center; }

.bus-srv-select ul li a:link {
  text-decoration: underline; }

.overflowing .service-total td,
.overflowing .bundle-link,
.overflowing .bus-svc-fee {
  text-align: left; }

.overflowing .svc-selected {
  margin-left: 0; }

.pmt-svc-confirm a span {
  color: #003399; }

.pmt-svc-confirm a:hover span {
  color: #990033; }

.call2,
.call3,
.call-success,
.svc-selected,
.custom-selection {
  display: none; }

#sbo-login .alt-table-rightcol div.test-call,
#sbo-login .alt-table-rightcol div.call-success,
#sbo-login .alt-table-rightcol div.box-blue {
  background: #e8f2ff;
  border: 1px solid #d1d8e5;
  border-radius: 3px;
  padding: 15px;
  margin-left: 15px; }

#sbo-login .alt-table-rightcol div.send-confirmation {
  margin: 40px 0 43px; }

.call-now {
  margin-top: 10px !important; }

.call-now a.submit-link {
  padding: 10px 30px; }

#sbo-login .alt-table-leftcol .window .content,
.sbo-login .alt-table-rightcol .window .content,
#sbo-login .alt-table-rightcol div {
  margin: 0; }

#sbo-login .phone-registration .window .content h2 {
  padding: 0;
  margin-bottom: 25px; }

#sbo-login .phone-registration .confirmed {
  border: none;
  background: #e8f2ff; }

.confirmed span {
  display: block;
  font-family: 'source_sans_prosemibold';
  color: #004800; }

.confirmed span.boldface {
  display: inline;
  font-family: 'source_sans_prosemibold'; }

.confirmed .confirm-text {
  font-family: 'source_sans_proregular';
  margin-top: 15px; }

.id-rules {
  margin-bottom: 25px; }

.add-a-user .optional {
  margin-top: 10px;
  margin-left: 10px; }

#sbo-login .add-a-user dt.text-only,
#retail-login .add-a-user dt.text-only {
  padding-top: 0;
  margin: 0 3% 0 0; }

#sbo-login .add-a-user input,
#retail-login .add-a-user input {
  width: 40%;
  margin-right: 10px; }

.forgot-item {
  margin-left: 15px; }

#retail-login .add-a-user dd .cancel-button,
#sbo-login.no-auth .add-a-user dd .submit-button,
#sbo-login.no-auth .add-a-user dd .cancel-button {
  margin-top: 15px; }

.marketing-banner dt,
#sbo-login .marketing-banner dt {
  float: left;
  width: 25%;
  margin: 0; }

.marketing-banner dd,
#sbo-login .marketing-banner dd {
  float: left;
  width: 65%;
  margin: 0 0 0 10px; }

#retail-login .suspend-list p {
  margin: 15px 0 0 0; }

.view-demo {
  float: right; }

#sbo-login .user-id dt.text-only,
#sbo-login .user-id dd.text-only {
  margin-top: 0; }

.user-id dd.text-only span {
  margin-right: 25px; }

.uam-mgmt h2 {
  float: left; }

#sbo-login.uam-mgmt .non-collapse-content .user-id {
  margin-bottom: 0; }

#retail-login .security-verify dt,
#sbo-login .security-verify dt {
  width: 90%;
  margin-bottom: 5px; }

.window dd .optional {
  margin-left: 10px; }

.security-help .bar-separator {
  margin: 0 10px; }

.exceptions p .submit-link {
  margin: 15px 0; }

.exceptions .column-two .mod-content .boldface {
  display: block; }

dl.reset-password dt {
  width: 35%;
  margin-bottom: 20px;
  float: left;
  padding-top: 10px; }

dl.reset-password dd {
  width: 65%;
  float: left;
  margin-bottom: 20px; }

dl.reset-password dd input {
  width: 270px; }

.label-wrap {
  /*on password reset page*/
  display: block;
  position: Relative;
  margin-top: -11px; }

.form-required-label {
  font-size: 0.85em;
  font-weight: bolder; }

.captcha-form .recipient-input {
  width: 182px; }

.captcha-form .captcha-button {
  margin: 15px 0 45px; }

.captcha-form .captcha-button a {
  margin-top: 15px;
  display: block; }

.credit-promo {
  background-color: #7d061a;
  background-repeat: no-repeat;
  text-align: left;
  padding: 20px 0; }

.credit-promo .one-half {
  text-align: center; }

.credit-promo .column img.promo-border {
  margin-top: 0px;
  border: 4px solid #fff;
  width: 60%; }

.credit-promo .column img.promo-border-lg {
  margin-top: 0px;
  border: 4px solid #fff;
  width: 85%; }

.lt-ie9 .credit {
  background: #111; }

.credit-promo .wrapper {
  padding: 20px 0 0 0;
  background-size: 50%;
  max-width: 960px; }

.credit-promo .wrapper .wrapper {
  margin: 0;
  width: 100%; }

.credit-promo header {
  margin-bottom: 25px; }

.credit-promo h3 {
  margin-bottom: 15px;
  font-size: 1.3em; }

.credit-promo .btn-yellow {
  box-shadow: none;
  padding: 14px 35px;
  font-weight: bold; }

.credit-promo h2,
.credit-promo h3,
.credit-promo h4,
.credit-promo a,
.credit-promo p,
.credit-promo small,
.credit-promo ul li,
.credit-promo ul ol {
  color: #fff;
  font-family: 'Rambla', verdana, sans-serif;
  text-align: left;
  margin-left: 40px; }

.credit-promo a {
  margin-left: 0; }

.credit-promo h4 {
  margin-bottom: 20px;
  margin-right: 25px;
  line-height: 1.5em;
  text-align: left;
  margin: 0 15px 15px 40px; }

.credit-promo h4 span {
  font-size: .75em;
  display: block;
  font-style: normal; }

.credit-promo .bulleted-list {
  margin-bottom: 15px;
  margin-left: 50px;
  font-size: .875em; }

.credit-promo .btn-ltblue {
  margin-right: 25px;
  padding: 14px 35px;
  box-shadow: none; }

.plus-acct-select {
  width: 40%;
  margin: 15px 15px 25px; }

p.two-button {
  margin-top: 25px; }

ul.pluspkg {
  margin: 5px 5px 15px; }

.payroll-columns h4 span {
  font-size: .75em;
  display: block;
  font-style: normal;
  color: #31383e; }

.credit-promo .column p {
  margin-bottom: 30px;
  margin-right: 25px;
  text-align: left;
  margin: 0 15px 10px 40px; }

.secondary.business-landing .payroll-columns .column h3 {
  color: #31383e; }

.credit-promo span {
  color: #fff;
  font-family: 'Rambla', verdana, sans-serif;
  font-style: italic; }

#sbo-login .credit-promo h2 {
  color: #edbb00;
  padding-left: 0; }

#sbo-login section.secondary .column {
  text-align: center; }

section.secondary .column.one-third {
  width: 32%;
  margin-left: 2%;
  padding: 15px; }

section.secondary .column.one-third:first-child {
  margin-left: 0; }

#sbo-login dl.access-level-options {
  width: 60%;
  float: left;
  margin-top: 0; }

#sbo-login dl.access-level-options dt {
  width: 100%;
  font-size: 1.25em;
  font-family: 'source_sans_prosemibold';
  margin-bottom: 0; }

#sbo-login dl.access-level-options dt input[type="radio"] {
  top: -2px;
  margin-right: 10px; }

#sbo-login dl.access-level-options dd {
  width: auto;
  margin-left: 25px; }

dl.access-level-options dd .warning-summary {
  border: 1px solid #e5c31e;
  margin: 10px 0 0;
  padding: 10px; }

dd.alert-language .callout {
  margin: 30px 0 0;
  padding: 10px; }

dd.alert-language .callout p.default-message {
  margin-top: 0; }

dl.access-level-options dd .warning-summary div,
.access-rightcol .warning-summary div {
  padding: 0;
  margin: 0;
  min-height: auto;
  overflow: visible;
  display: block;
  width: auto; }

.access-rightcol .warning-summary {
  border: 1px solid #e5c31e;
  padding: 10px;
  margin: 15px 0;
  width: auto; }

dl.access-level-options dd .warning-summary p {
  margin-left: 70px; }

.access-rightcol {
  float: right;
  width: 35%; }

.access-rightcol h4 {
  color: #2f2f2f;
  margin: 5px 10px 5px 75px; }

.column-one .warning-summary h4 {
  color: #2f2f2f;
  margin: 10px 10px 5px 75px; }

.column-one .warning-summary .default-message,
.warning-summary-row .default-message,
.column-one .info-summary .default-message {
  margin-left: 15px; }

.default-message.single-line {
  position: absolute;
  top: 50%;
  margin-top: -14px; }

.user-custom-selections {
  display: none;
  margin-left: 25px;
  padding: 15px;
  background: #efefef;
  border-radius: 3px;
  clear: both; }

.non-collapse-content .user-custom-selections h3 {
  border-bottom: none;
  padding: 0;
  margin-bottom: 15px; }

#sbo-login .non-collapse-content .custom-services {
  margin-bottom: 25px;
  border-bottom: 1px solid #ccc; }

#sbo-login .non-collapse-content .custom-services dt {
  float: none;
  width: 100%;
  margin: 0;
  font-family: 'source_sans_prosemibold'; }

#sbo-login .non-collapse-content .custom-services dd {
  float: none;
  width: 95%;
  margin-left: 25px; }

.user-custom-selections input[type="checkbox"] {
  top: 0;
  margin-right: 10px;
  float: left; }

.user-custom-selections input[type="radio"] {
  margin-right: 10px; }

.mod-content table.access-personal-accts {
  border: 1px solid #e4e4e4;
  background: #fff;
  margin-bottom: 25px; }

/*
.access-personal-accts ul {
    float: left;
    width: 95%;
    margin-left: 15px;
}*/
.access-personal-accts ul li {
  float: left;
  display: block;
  margin-right: 30px;
  padding: 10px; }

.access-select-tab {
  border-radius: 3px 3px 0 0;
  background: #E5ECFA;
  border-top: 1px solid #C5D0E8;
  border-left: 1px solid #C5D0E8;
  border-right: 1px solid #C5D0E8;
  position: relative;
  z-index: 1000; }

.custom-selection {
  margin: -2px 0 0;
  float: left;
  width: 100%;
  border-radius: 3px;
  background: #E5ECFA;
  border: 1px solid #C5D0E8;
  position: relative;
  z-index: 100; }

.custom-details .noted-text {
  margin-left: 25px; }

.sidestack-container {
  width: 100%;
  float: left;
  margin-bottom: 25px; }

.sidestack-boxes {
  width: 250px;
  float: left; }

.noted-text.pluspkg {
  border-top: 1px solid #c3c1c1;
  margin: 25px 0 0;
  padding-top: 25px; }

.noted-text.pluspkg div {
  margin-top: 15px; }

.pluspkg .section-content-top {
  border-top: 1px solid #c3c1c1;
  margin: 25px 0;
  padding-top: 25px;
  border-bottom: none; }

.list-agreement {
  margin-bottom: 15px; }

.list-agreement li {
  margin-bottom: 5px; }

.pluspkg .section-content-top h3,
.pluspkg .section-content-bottom h3,
.pluspkg .section-content-bottom .scrollbox {
  margin-left: 0; }

.section-content-top ul {
  clear: both; }

.pluspkg .section-content-bottom {
  border-top: 1px solid #c3c1c1;
  margin: 25px 0;
  padding-top: 25px;
  border-bottom: none; }

#acct-details2 form .mod-content .noted-text.pluspkg p {
  padding: 0 15px 10px 0; }

#sbo-login .non-collapse-content .custom-selection dd {
  width: 100%; }

#sbo-login .non-collapse-content .custom-selection dt {
  border-bottom: 1px solid #c3c1c1;
  margin: 0 0 10px 0;
  width: 100%;
  padding: 0 0 10px; }

.center-buttons {
  float: right;
  width: 62%; }

.center-buttons.long-titles {
  float: right;
  width: 55%; }

.singlebutton {
  text-align: center; }

.selection-title1 {
  font-family: 'source_sans_prosemibold';
  float: left;
  width: 65%;
  margin-left: 10px; }

.selection-title2 {
  font-family: 'source_sans_prosemibold';
  width: 25%; }

.access-selection1 {
  float: left;
  width: 65%;
  float: left;
  padding: 10px 0;
  margin-left: 10px; }

.access-selection1 label {
  margin-left: 20px;
  display: block; }

.access-selection2 {
  width: 30%;
  float: left; }

section.secondary .payroll-columns {
  margin-top: 20px; }

section.secondary .icon-sprite {
  background: url(../images/olb-sprites.png) no-repeat;
  margin: 0 auto 20px auto;
  width: 40px;
  height: 40px; }

section.secondary .icon-sprite.phone-icon {
  background-position: -80px -120px; }

section.secondary .icon-sprite.email-icon {
  background-position: -120px -120px; }

section.secondary .icon-sprite.document-icon {
  background-position: -160px -120px; }

section.secondary .column .icon-sprite {
  display: block; }

/*----------------------- Conversions ------------------------------*/
.citi-move .module {
  border: 1px solid #c3c1c1;
  padding: 0 0 10px;
  border-bottom: 4px solid #ebb32c; }

.citi-move .mod-content {
  padding: 15px; }
  .citi-move .mod-content .task {
    margin-bottom: 20px; }
  .citi-move .mod-content ul a {
    text-decoration: underline; }

.citi-move th.rightdetails {
  text-align: right; }

.citi-move td.rightdetails {
  /* align left in .citi pages b/c all th's are left */
  text-align: left; }

.bok .mod-content {
  padding: 20px;
  background: #003466;
  color: #ffffff; }
  .bok .mod-content a {
    color: #ffffff; }

.new-account-info, .take-action {
  margin: 15px 0 25px; }

#acct-details.citi table td {
  text-align: left; }

/*#acct-details.citi table td.rightdetails {
    text-align: right;
}*/
#acct-details.citi .top-content table td,
#acct-details.citi table.overflowing td.rightdetails {
  text-align: left; }

.citi tr td:last-child {
  border-right: 1px solid #e4e4e4; }

.citi-export {
  text-align: right;
  margin: 15px 0 10px; }
  .citi-export a {
    margin-right: 35px; }
    .citi-export a.last {
      margin-right: 10px; }

.citi table.overflowing {
  border-right: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4; }
  .citi table.overflowing tr td:last-child {
    border: none; }

#acct-details.susq td.rightdetails {
  text-align: right; }

.susq .citi-export {
  text-align: right;
  width: auto;
  float: right; }
  .susq .citi-export a:last-child {
    margin-right: 0; }

.susq .citi-move .mod-content .task:first-child h4 {
  float: left;
  width: auto;
  margin-top: 1em;
  margin-bottom: 1em; }

.susq .citi-move .mod-content table {
  margin-bottom: 1em; }

/* ---- mask input hint --- */
.hint {
  display: none;
  width: 125px;
  white-space: nowrap;
  position: absolute;
  color: #fff;
  padding: 5px 25px 5px 5px;
  top: 120%;
  right: -17px;
  z-index: 100;
  background: rgba(80, 80, 80, 0.95);
  zoom: 1;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.hint label {
  display: block;
  margin: 0;
  padding: 0; }

.hint:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: -10px;
  margin-top: -10px;
  border-top: 10px solid transparent;
  border-bottom: 0;
  border-right: 10px solid #565656; }

.small-input .hint {
  width: 103px;
  top: 100%;
  left: 15px;
  padding: 10px 5px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px; }

.small-input .hint:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 10px;
  margin-top: -16px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid #565656;
  border-right: 11px solid transparent;
  border-left: 10px solid transparent; }

/*--------------------------------Cash Flow Tracker--------------------------------*/
section.chart {
  margin: 30px 0; }

/*------------------------FORMS------------------------------*/
optgroup {
  font-family: 'source_sans_prosemibold'; }

.transfer dl dd p {
  margin: 5px; }

.authinfo dt {
  font-family: 'source_sans_prosemibold';
  margin: 0; }

.authinfo dl dd {
  padding: 0;
  margin: 0 0 15px 0; }

#alerts .alerts-topleft dd form,
.column-one-a form {
  margin-left: 0; }

#security-questions form,
form#emails-inbox,
#transfers form,
.manage-recipients form,
.upcoming-completed form {
  margin: 0; }

fieldset {
  border: none; }

.fieldtables {
  margin-top: 25px; }

.form-col-1 {
  width: 30%;
  float: left;
  padding: 0;
  margin: 0; }

.form-col-2 {
  width: 65%;
  float: left;
  padding: 0;
  margin: 0; }

.ua-desktop .memo-field,
.ua-desktop .remaining-field {
  display: block;
  margin-top: 5px; }

.export-history {
  margin: 15px 10px;
  display: block;
  width: 125px; }

#acct-requests #export-history dd {
  width: 100%; }

#acct-requests .export-dates li label {
  float: left;
  width: 100%;
  margin-bottom: 5px; }

#acct-requests input[type="text"].export-history {
  width: 125px;
  float: left; }

#acct-requests .export-dates li .arrow-right {
  float: right;
  margin: 10px 35px 0 0; }

#acct-requests .export-dates > li {
  float: left; }

#acct-requests .export-dates .error-wrapper label {
  float: left;
  max-width: 225px; }

.export-dates li input {
  margin: 0; }

.transaction-search {
  overflow: hidden;
  margin: 15px 10px; }

.transaction-table .transaction-search {
  padding: 15px 0; }

.trans-search-fields {
  width: 30%;
  margin: 0 1.5% 10px 0;
  float: left;
  display: block;
  height: 66px; }

.trans-search-fields .select-background {
  width: auto; }

.duration-search-fields {
  width: 25%;
  margin: 0 1.5% 10px 0;
  float: left;
  display: block;
  height: 66px; }

.duration-search-fields .select-background {
  width: auto; }

.sorted-account-totals td {
  border-right: none;
  background: #E5ECFA;
  font-family: 'source_sans_prosemibold'; }

.button-search-field {
  float: left;
  width: 15.5%;
  text-align: right; }

.button-search-field .submit-button {
  padding: 8px 35px 5px;
  margin-top: 23px; }

#trans-makepayment,
#trans-maketransfer,
#trans-sbopayment,
#trans-sbotransfer {
  width: 100%; }

dl.payment-delivery,
.delivery-date-transfer,
#trans-maketransfer .upsell-msg,
#trans-sbotransfer .upsell-msg,
#trans-maketransfer .delivery-date,
.edit-payment,
.edit-transfer,
.add-new-payment,
#trans-maketransfer,
#trans-makepayment,
#trans-rxp,
#trans-sbotransfer,
.payment-type,
#trans-direct-deposit,
.tax-1,
.tax-3 {
  display: none; }

#standard-billpay {
  margin-top: 20px; }

#trans-sbotransfer,
#trans-sbopayment {
  margin-top: 10px; }

.editpayments .edit-payment {
  display: block; }

.add-ach {
  position: relative; }

#add-wire {
  background-color: #20952b;
  border-radius: 5px;
  position: absolute;
  width: 0;
  height: 0;
  text-align: center;
  top: 75px;
  display: none;
  text-decoration: none;
  line-height: 1em; }

#add-wire:hover {
  background-color: #269d37; }

#add-wire span {
  margin-top: 8px;
  color: #fff;
  display: block;
  font-size: 1.15em;
  line-height: 1.15em; }

#trans-maketransfer .upsell-msg,
#trans-sbotransfer .upsell-msg {
  margin: 10px 0 0; }

#trans-maketransfer .upsell-msg input[type="checkbox"],
#trans-sbotransfer .upsell-msg input[type="checkbox"] {
  margin-top: 0; }

.verify-transaction #make-transfer .upsell-msg {
  border-left: none;
  border-right: none; }

.header-move-verify {
  background-color: #31383e;
  padding: 10px 10px 10px 15px;
  border-radius: 0;
  position: relative;
  margin: 0 -15px 15px; }

#make-transfer #edit-makepayment .bill-details,
#edit-makepayment .field-text,
#edit-makepayment .delivery-date {
  display: block; }

.mod-content dl.wire-transfer-type,
.mod-content dl.ach-payment-type {
  margin-bottom: 0;
  margin-top: 15px; }

#make-transfer .mod-content dl.wire-transfer-type .form-col-1,
#make-transfer .mod-content dl.ach-payment-type .form-col-1 {
  padding-top: 0; }

#make-transfer dl.payment-delivery .form-col-2 {
  margin-bottom: 0; }

#make-transfer dl.wire-transfer-type .form-col-2,
#make-transfer dl.ach-payment-type .form-col-2 {
  margin-bottom: 10px; }

.trans-to-from {
  float: left;
  width: 65%; }

.transaction-entity {
  display: block;
  font-family: 'source_sans_prosemibold'; }

.trans-amount {
  float: right;
  text-align: right;
  width: 25%; }

.trans-content {
  margin-bottom: 25px; }

.trans-endcontent {
  margin: 15px 0;
  float: left; }

.trans-money {
  float: right;
  width: 100%;
  font-family: 'source_sans_prosemibold'; }

.trans-details {
  float: left;
  clear: both;
  margin: 10px 0 5px; }

#wire-recipient {
  margin-top: 20px; }

.trans-description {
  float: left;
  width: 85%; }

.trans-details span {
  font-size: .9em;
  line-height: 1em;
  margin-top: .5em; }

.trans-details span.trans-title {
  font-size: 1em;
  float: left; }

.non-bbt .trans-details .trans-amount {
  font-size: 1em; }

.trans-deliver {
  margin-left: 40px; }

.waiting-anim {
  margin-left: 15px; }

.trans-edit {
  float: left;
  width: 97%;
  margin: 15px 15px 0 0;
  text-align: right; }

.authorize-info .trans-edit {
  float: none;
  margin: 15px 0;
  text-align: left; }

.upsell-msg .trans-edit {
  float: left;
  width: 97%;
  text-align: right;
  margin: 15px 10px 0; }

.mod-content dl.phone-number-select {
  max-width: 400px;
  padding-bottom: 15px; }

.mod-content dl.phone-number-select dt,
.alt-table-singlecol dl dt.fieldlabel {
  padding-top: 12px; }

.remove-transaction {
  margin-left: 15px; }

.transfer .window dl.cutoff-times h4 {
  margin-bottom: 10px; }

#make-transfer .form-col-1.bill-details {
  display: none;
  padding: 0; }

#make-transfer .form-col-2.bill-details {
  display: none;
  margin-top: -25px;
  margin-bottom: 15px; }

.delivery-date {
  display: none;
  margin: 10px 0; }

.deliver-by-date1 {
  margin-right: 25px; }

.ua-mobile .delivery-date .duration-text {
  display: block; }

dl dd p.field-text {
  display: none;
  margin: 5px 0 0 0; }

p.field-text strong {
  margin-right: 5px; }

.payment-date {
  margin-left: 15px; }

#transfers .window .lbform-col-2 .select-background {
  width: 100%; }

#make-transfer .window .lbform-col-1,
.transaction-confirm .window .lbform-col-1,
.smallbusiness .window .lbform-col-1 {
  width: 25%;
  padding-top: 10px; }

.upcoming-completed .window .lbform-col-1 {
  width: 25%;
  margin: 0 0 15px 15px;
  padding-top: 10px;
  float: left; }

#make-transfer .window .lbform-col-1.line2,
.transaction-confirm .window .lbform-col-1.line2,
.smallbusiness .window .lbform-col-1.line2 {
  padding-top: 0;
  line-height: 1.25em; }

#transfers.addnewrecipient .form-col-1.text-only {
  margin-bottom: 0; }

#make-transfer .window .lbform-col-2.recipient-name,
.transaction-confirm .window .lbform-col-2.recipient-name,
.smallbusiness .window .lbform-col-2.recipient-name,
.upcoming-completed .window .lbform-col-2.recipient-name,
.window .lbform-col-2.radio-buttons,
form dd.plain-text {
  padding-top: 10px; }

#make-transfer .window .footer-submit,
.transaction-confirm .window .footer-submit,
.smallbusiness .window .footer-submit {
  float: right;
  width: 70%;
  margin: 10px 0; }

#transfers .window fieldset {
  padding: 0; }

.upcoming-completed .window .footer-submit {
  float: right;
  width: 69%;
  margin-bottom: 25px; }

.window.edit-templates dt.lbform-col-1 {
  width: 25%; }

.window.edit-templates dd.lbform-col-2 {
  width: 50%; }

.smallbusiness .window.edit-templates .footer-submit {
  width: 72%; }

.smallbusiness #call-authorization.window .footer-submit {
  float: right;
  width: 66%;
  margin-top: 15px;
  margin-bottom: 25px; }

/*#make-transfer .window .footer-submit .submit-link,
.transaction-confirm .window .footer-submit .submit-link,
.smallbusiness .window .footer-submit .submit-link {
    float: left;
}*/
#make-transfer .window .lbform-col-2,
.transaction-confirm .window .lbform-col-2,
.smallbusiness .window .lbform-col-2,
.upcoming-completed .window .lbform-col-2 {
  width: 70%;
  margin-bottom: 20px;
  float: left; }

#make-transfer .form-col-1.nofields {
  margin-bottom: 0; }

#make-transfer .form-col-1.topnofields {
  margin-bottom: 15px; }

#make-transfer .form-col-2 {
  width: 75%;
  float: left;
  margin-bottom: 25px;
  padding: 0; }

#transfers.addnewrecipient #new-recipient .select-background {
  width: 100%; }

.address-correct {
  display: block;
  font-family: 'source_sans_probold', verdana, sans-serif; }

#transfers.addnewrecipient .form-col-1 {
  width: 33%;
  padding-right: 2%; }

.module.payment-list-view-select {
  padding-left: 0;
  padding-right: 0; }

#transfers.addnewrecipient .fieldsetMM {
  margin-top: 5px; }

/* use to position something next to filter */
.filter .sidecar {
  width: 25%;
  float: left;
  text-align: left;
  position: relative;
  margin-left: 15px; }

.filter .sidecar a {
  background: none;
  padding: 0;
  display: block;
  width: 100%;
  float: left;
  text-align: left;
  text-decoration: underline; }

.filter .sidecar .new-callout {
  color: #3BA030;
  display: block;
  width: 100%;
  float: left; }

.filter .sidecar .show-tips {
  text-decoration: underline;
  color: #003399;
  cursor: pointer;
  display: block; }

/* Payment List View */
.module.payment-list-view-select .transaction-selection,
.module.payment-list-view-select footer.mod-footer {
  padding-left: 15px;
  padding-right: 15px; }

.payment-list-view #error-summary {
  margin: 5px 0 15px 0; }

.payment-list-view .error-wrapper {
  margin-bottom: 5px; }

.payment-list-view .error-wrapper .currency input {
  margin-left: 0; }

/* this is gross, but needed the specificity to overwrite another style-EH */
.module.payment-list-view-select#make-transfer footer.mod-footer {
  margin: 0; }

.payment-list-view-table .calendar-wrapper thead tr th {
  background: #31383e; }

.payment-list-view-table thead tr th:last-child {
  border-right: none; }

table.payment-list-view-table {
  font-size: .95em;
  margin-top: 15px; }

table.payment-list-view-table tr td {
  padding: 10px; }

table.payment-list-view-table .calendar-wrapper tr td {
  padding: 8px; }

table.payment-list-view-table tr td table {
  padding: none; }

#transfers .move-money #trans-makepayment .filter {
  /* retail single view */
  margin-top: 0px;
  margin-bottom: 20px; }

#transfers.move-money.payment-list-view #payments-form article.filter {
  /* retail list view */
  margin-bottom: 0;
  margin-top: 5px; }

#transfers .move-money #standard-billpay .filter {
  /* sbo single view */
  margin-top: 0;
  margin-bottom: 20px; }

.module.payment-list-view-select .filter a {
  max-width: 111px; }

#payments-form footer.twobutton {
  margin-top: 40px;
  margin-bottom: 30px; }

table.payment-list-view-table td {
  vertical-align: top; }

table.payment-list-view-table tbody tr:hover {
  background: #e5ecfa; }

table.payment-list-view-table .calendar-wrapper tbody tr:hover {
  background: none; }

table.payment-list-view-table tbody tr.input-populated {
  /*background: #ffffbb;*/
  background: #e5ecfa; }

table.payment-list-view-table p {
  padding-bottom: 8px;
  padding-top: 0; }

table.payment-list-view-table p.pay-from-account,
table.payment-list-view-table p.recipient-details {
  padding-bottom: 0; }

table.payment-list-view-table p.account-number {
  padding-top: 0; }

table.payment-list-view-table p.account-number,
table.payment-list-view-table p.recipient-updated,
table.payment-list-view-table p.available-balance {
  display: block;
  color: #7a7a7a; }

table.payment-list-view-table p.add-memo,
table.payment-list-view-table p.make-repeating {
  margin-bottom: 0;
  padding-bottom: 0; }

table.payment-list-view-table .last-payment,
table.payment-list-view-table p.deliver-by {
  margin-top: 10px; }

table.payment-list-view-table .last-payment {
  width: 100%;
  margin-bottom: 10px; }

table.payment-list-view-table p.deliver-by {
  margin-bottom: 20px; }

table.payment-list-view-table p.last-payment-title {
  padding-bottom: 0;
  margin-bottom: 0;
  margin-bottom: -2px; }

table.payment-list-view-table p.last-payment-date {
  float: left;
  padding-bottom: 0;
  margin-right: 10px; }

table.payment-list-view-table p.last-payment-amount {
  padding-bottom: 0;
  float: left;
  display: block; }

table.payment-list-view-table th.amount {
  min-width: 120px; }

table.payment-list-view-table th.send-on {
  min-width: 180px; }

table.payment-list-view-table th.options {
  min-width: 105px; }

table.payment-list-view-table .e-dollar {
  position: relative;
  top: 0;
  left: 0; }

table.payment-list-view-table .currency input[type="text"],
table.payment-list-view-table .currency input[type="number"] {
  width: 105px;
  padding: 4px; }

table.payment-list-view-table .small-input {
  width: 105px;
  padding: 4px; }

.payment-list-view-table.overflowing tr td {
  padding: 0;
  padding-left: 10px;
  margin: 25px 0; }
  .payment-list-view-table.overflowing tr td .label {
    display: block;
    width: 25%;
    float: left;
    margin-right: 4%;
    font-family: 'source_sans_prosemibold'; }
  .payment-list-view-table.overflowing tr td .recipient-details,
  .payment-list-view-table.overflowing tr td .pay-from-account,
  .payment-list-view-table.overflowing tr td .deliver-by span,
  .payment-list-view-table.overflowing tr td .account-number,
  .payment-list-view-table.overflowing tr td .available-balance,
  .payment-list-view-table.overflowing tr td .last-payment,
  .payment-list-view-table.overflowing tr td .make-repeating,
  .payment-list-view-table.overflowing tr td .add-memo,
  .payment-list-view-table.overflowing tr td .recipient-updated {
    margin-left: 29%;
    width: 50%;
    padding-left: 10px; }
  .payment-list-view-table.overflowing tr td .last-payment .last-payment-title {
    padding-bottom: 2px; }
    .payment-list-view-table.overflowing tr td .last-payment .last-payment-title .boldface {
      font-family: 'source_sans_prosemibold'; }
  .payment-list-view-table.overflowing tr td .date-box {
    margin-left: 10px; }
  .payment-list-view-table.overflowing tr td .deliver-by {
    margin-bottom: 0; }
  .payment-list-view-table.overflowing tr td .currency input[type="text"],
  .payment-list-view-table.overflowing tr td .currency input[type="number"] {
    margin-top: -5px; }
  .payment-list-view-table.overflowing tr td .date-box {
    margin-top: -5px; }

.payment-list-view .window .frequency-choice {
  margin: 10px 0 0 2%;
  width: 100%;
  padding-bottom: 0; }

#payment-list-view-upcoming-payments h2.move-new-trans {
  float: left; }

#payment-list-view-upcoming-payments .mod-content {
  position: relative;
  border-left: 1px solid #D1D1D1;
  border-bottom: 1px solid #D1D1D1;
  border-right: 1px solid #D1D1D1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #fff;
  -webkit-box-shadow: inset 0 2px 0 0 #b8b8b8;
  -moz-box-shadow: inset  0 2px 0 0 #b8b8b8;
  box-shadow: inset 0 2px 0 0 #b8b8b8;
  font-size: .875em;
  line-height: 1.25em; }
  #payment-list-view-upcoming-payments .mod-content:after {
    position: absolute;
    bottom: -4px;
    left: -1px;
    background: #8f1931;
    border-width: 0 1px 0 1px;
    border-color: #8f1931;
    border-style: solid;
    width: 100%;
    height: 4px;
    display: block;
    content: ' ';
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
  #payment-list-view-upcoming-payments .mod-content td {
    border: 0; }
  #payment-list-view-upcoming-payments .mod-content .repeat-icon {
    margin-left: 0; }
  #payment-list-view-upcoming-payments .mod-content .amount {
    text-align: right; }
  #payment-list-view-upcoming-payments .mod-content .total {
    margin-right: 0;
    font-size: 1em;
    background: #e5ecfa;
    text-align: left; }
    #payment-list-view-upcoming-payments .mod-content .total td {
      border-right: 0; }
      #payment-list-view-upcoming-payments .mod-content .total td:first-child {
        border-right: 0; }
      #payment-list-view-upcoming-payments .mod-content .total td.word-break {
        padding-left: 50px; }
  #payment-list-view-upcoming-payments .mod-content .table-footer {
    background: #fff;
    padding: 10px 15px 10px 10px; }

#payment-list-view-upcoming-payments table.overflowing .row .repeat-icon {
  float: left; }

#payment-list-view-upcoming-payments table.overflowing .row td.word-break, #payment-list-view-upcoming-payments table.overflowing .row td.amount {
  padding-left: 50px; }

#payment-list-view-upcoming-payments table.overflowing .row td.amount {
  float: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0; }
  #payment-list-view-upcoming-payments table.overflowing .row td.amount .date {
    float: left;
    width: auto; }
  #payment-list-view-upcoming-payments table.overflowing .row td.amount .boldface {
    float: right;
    width: auto; }

#payment-list-view-upcoming-payments table.overflowing .row.total .total-label {
  float: left;
  width: 100%;
  margin-bottom: 3px; }

#payment-list-view-upcoming-payments table.overflowing .row.total .boldface {
  float: left;
  width: auto; }

#payment-list-view-upcoming-payments table.overflowing .row.total .amount {
  float: right;
  width: auto; }

/* end Payment List View */
#make-transfer .form-col-1.line2,
.exceptions .form-col-1.line2 {
  padding-top: 0;
  line-height: 1.25em; }

#transfers.addnewrecipient .form-col-2 {
  width: 65%; }

#transfers.addnewrecipient .form-col-2.notification-type {
  width: 90%; }

.mod-content dl.payment-memos {
  padding: 5px 0 15px;
  margin: 15px 0;
  border-top: 1px solid #c0c1c1;
  border-bottom: 1px solid #c0c1c1; }

.mod-content dl.beneficiary-info,
.mod-content dl.intl-beneficiary-info {
  padding: 0;
  margin-bottom: 30px;
  border-bottom: 1px solid #c0c1c1;
  width: 100%;
  display: none; }

.mod-content dl.beneficiary-info-demo,
.mod-content dl.intl-beneficiary-info-demo {
  padding: 15px 0 0;
  margin-bottom: 30px;
  border-bottom: 1px solid #c0c1c1;
  display: none; }

#make-transfer dt.form-col-1.memo-tip {
  margin-bottom: 10px; }

#memo-display span {
  color: #003399; }

.memo-line-travel {
  float: left;
  display: block;
  margin-bottom: 10px; }

.memo-line-tip {
  float: right;
  margin-right: 15px;
  display: block;
  margin-bottom: 10px; }

.sbo-form-bottom .form-col-2 .cancel-button,
.sbo-form-bottom .form-col-2 .submit-button {
  margin-top: 40px; }

.opt-label {
  display: block; }

#make-transfer .form-col-1.address2-title {
  margin-bottom: 0; }

#make-transfer .form-col-2.address2 {
  margin-bottom: 30px; }

#transfers.addnewrecipient .ach-business .form-col-2.account-show,
#transfers.addnewrecipient .ach-person .form-col-2.account-show {
  margin-top: 13px; }

#transfers .ach-payment-group .form-col-2.account-show {
  margin-top: 3px; }

#transfers .ach-payment-group .form-col-1.account-show {
  margin-bottom: 10px;
  padding-top: 0; }

#transfers.addnewrecipient .form-col-1.zipcode {
  margin-bottom: 5px; }

#transfers.smallbusiness .domestic-wire .form-col-1.zipcode {
  margin-bottom: 30px; }

#transfers.addnewrecipient .form-col-2.account-show span,
#transfers.addnewrecipient .form-col-2.receive-notification span,
#transfers .ach-payment-group .form-col-2.account-show span,
.window .lbform-col-2.radio-buttons span {
  padding-right: 15px; }

.zipcode-result .incorrect-add,
.address-result .incorrect-add {
  display: none;
  margin-top: 15px; }

.zipcode-result .incorrect-add a,
.address-result .incorrect-add a {
  margin-bottom: 10px; }

.typeahead .select-wrapper,
.typeahead .select-background,
#maketransfer,
.divs div,
#div1,
.zipcode-result,
.strong-payee,
.notification-type,
.ach-b2b-recipient-details,
.ach-b2c-recipient-details,
.listborder {
  display: none; }

#transfers.addnewrecipient .twobutton {
  width: 65%; }

.acct-address,
.transfer #edit-makepayment dl dd p.field-text,
.bill-details,
#make-transfer #edit-makepayment .delivery-date,
.app-promo .wrapper.clearfix,
.account-box a.learn-more,
.acct-type,
#transfers.addnewrecipient .form-col-2.notification-type span,
.alert-notice span,
#schedule .table-wrapper,
.fixed-column table th,
.fixed-column table td,
.overflow-wrap.overflowing .fixed-column,
.asappears,
#schedule .table-footer {
  display: block; }

.group,
.ach-payment-group {
  display: none;
  width: 100%;
  float: none; }

#wire-transfer p,
.ach-payment-group p {
  margin-bottom: 15px; }

.acct-type-select {
  clear: both; }

.another-bank h3 {
  margin-left: 15px;
  font-size: 1.5em; }

.another-bank p {
  margin-bottom: 15px; }

#transfers.addnewrecipient .another-bank .twobutton {
  text-align: center;
  width: auto;
  float: none; }

a.entermanually {
  text-decoration: underline;
  display: block; }

.full-address {
  display: none;
  width: 100%; }

.r-address {
  float: left;
  width: 90%; }

.zipcode-result,
.address-result {
  float: left;
  margin: -25px 15px 25px 35%;
  background: #ccc;
  border: 1px solid #aaa;
  padding: 0 5px 5px;
  width: 62%;
  display: none; }

.zipcode-result .rightaddress-add,
.address-result .rightaddress-add {
  margin: 15px 0 10px; }

.ziplist,
.addresslist {
  height: 125px;
  overflow: auto;
  background: #fff;
  border: 1px solid #2f2f2f;
  padding-left: 5px; }

.ziplist ul,
.addresslist ul {
  margin: 5px; }

.single-address {
  height: auto;
  background: #ccc;
  border: none; }

#make-transfer .form-col-1.enter-zip,
#make-transfer .form-col-1.enter-address,
#make-transfer .form-col-2.enter-zip,
#make-transfer .form-col-2.enter-address {
  margin-bottom: 0;
  padding-bottom: 25px; }

#recipient-address-search {
  background: url(../images/down-arrow.png) no-repeat 96% 50%; }

.zipcode-result strong,
.enter-address {
  font-family: 'source_sans_prosemibold';
  display: block; }

.zipcode-result strong.strong-payee,
.address-result strong.strong-payee {
  margin: 10px 0 0 0; }

.zipcode-result span,
.address-result span {
  display: block;
  line-height: 1em; }

.zipcode-result ul,
.address-result ul {
  margin-left: 0; }

.zipcode-result li,
.address-result li {
  margin-bottom: 10px;
  float: left; }

.same_group span {
  margin-left: 25px; }

.same_group.business_address span {
  margin-left: 0px; }

.divs {
  margin-top: 10px; }

.divs li {
  margin-bottom: 10px; }

.divs li .recipient-input {
  margin: 5px 0 5px 20px;
  width: 93%; }

.divs .optional {
  margin-left: 20px; }

.ua-chrome.ua-mac_os_x-10 .zipcode-result input[type="radio"],
.ua-firefox.ua-mac_os_x-10 .zipcode-result input[type="radio"],
.ua-chrome.ua-mac_os_x-10 .addresslist input[type="radio"],
.ua-firefox.ua-mac_os_x-10 .addresslist input[type="radio"] {
  float: left;
  top: 2px;
  margin-left: 2px; }

.zipcode-result input[type="radio"],
.addresslist input[type="radio"] {
  float: left;
  top: 2px;
  margin-left: 5px; }

.fieldsetMM ::-webkit-scrollbar {
  width: 17px;
  /* for vertical scrollbars */
  height: 12px;
  /* for horizontal scrollbars */ }

.fieldsetMM ::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.75);
  border-left: 1px solid #2f2f2f; }

.fieldsetMM ::-webkit-scrollbar-thumb {
  background: #959595;
  /* Old browsers */
  border-radius: 10px;
  border-top: 1px solid #2f2f2f;
  border-bottom: 1px solid #2f2f2f;
  border-left: 1px solid #2f2f2f;
  min-height: 30px; }

.fieldsetMM ::-webkit-scrollbar-thumb:hover {
  background: #c8c8c8;
  /* Old browsers */ }

#make-transfer .submit-button,
.securityquestions {
  float: left; }

#makepayment {
  position: relative; }

.frequency-choice,
.frequency-choice2,
.frequency-choice3,
.frequency-choice4 {
  position: relative;
  top: -15px;
  width: 100%;
  margin-left: 10px;
  float: left;
  display: none; }

.frequency-choice input[type="text"],
.frequency-choice2 input[type="text"],
.frequency-choice3 input[type="text"],
.frequency-choice4 input[type="text"] {
  width: 75px;
  margin-left: 5px; }

#my-profile .profile-col-1 dt {
  width: 99.75%;
  padding: 0;
  margin: 0 0 5px 0;
  float: none; }

#my-profile .profile-col-1 dd {
  width: 99.75%;
  padding: 0;
  margin: 0 0 15px 0;
  float: none; }

.mod-content p.excerpt {
  padding: 0px;
  color: #667;
  display: none; }

.ua-ie-7 #make-transfer .form-col-2 {
  margin-bottom: 25px; }

.ua-ie-7 .frequency-choice .form-col-1 {
  display: none; }

.ua-ie-7 .frequency-choice .form-col-2,
.ua-ie-7 #transfer-form {
  width: 100%; }

#make-transfer .deletebox dl .form-col-2 {
  float: left;
  width: 55%; }

.column-two label {
  font-family: 'source_sans_prosemibold'; }

#message-inbox {
  border-bottom: 1px solid #c2c0c0; }

table.email td + input.check-remove:checked {
  background-color: #f2f2f2; }

.subject.unread {
  font-family: 'source_sans_prosemibold'; }

.excerpt::after {
  content: "..."; }

.footnote {
  clear: both;
  font-size: .75em;
  width: 100%; }

.verify-transaction .column-one .module .footnote {
  padding: 0 15px 15px;
  width: auto; }

input[type="text"].memo {
  width: 100%; }

#confirm-transfer .form-col-1 {
  width: 50%;
  float: left;
  font-family: 'source_sans_prosemibold';
  padding: 0 0 10px;
  margin: 0 0 7px;
  line-height: 1.5em; }

#confirm-transfer .form-col-2 {
  width: 50%;
  /* 100 - col-1 width */
  float: left;
  padding: 0 0 10px;
  margin: 0;
  line-height: 1.5em; }

.ua-ie-7 #confirm-transfer .form-col-2,
.ua-ie-7 #verify-transfer .form-col-2 {
  font-weight: normal; }

#verify-transfer .form-col-1 {
  width: 30%;
  float: left;
  padding: 0 0 10px;
  font-family: 'source_sans_prosemibold';
  margin: 0 0 7px;
  line-height: 1.5em; }

#verify-transfer .form-col-2 {
  width: 45%;
  /* 100 - col-1 width */
  float: left;
  padding: 0 0 10px;
  margin: 0;
  line-height: 1.5em; }

#verify-transfer .verify-out .form-col-1 {
  width: 45%; }

#verify-transfer .verify-out .form-col-2 {
  width: 45%;
  /* 100 - col-1 width */
  float: left;
  padding: 0 0 10px;
  margin: 0;
  line-height: 1.5em; }

.twoline {
  line-height: 1.1em;
  padding-right: 10px; }

/* IE7 */
.calendar {
  position: absolute;
  bottom: 2px;
  padding-left: 5px; }

dt {
  clear: both; }

/* Indicate that 'label' will shift focus to the associated form element */
.transfer label {
  position: relative; }

.transfer label.frequency-label {
  position: static; }

.transfer label.frequency-label a {
  text-decoration: underline; }

label.optional {
  float: none;
  display: inline;
  margin: 0; }

button, input, select, textarea {
  margin: 0;
  vertical-align: baseline; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */
input {
  padding: 10px;
  position: relative; }

input[type="text"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="email"],
textarea {
  width: 100%;
  background: #fff;
  border: 1px solid #C6C6C6;
  border-radius: 3px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px 10px 10px;
  box-shadow: inset 0 2px 0 #DDDDDD;
  font-size: 1em;
  font-family: 'source_sans_proregular';
  cursor: auto; }

/* Turn off num input type spinner for FF */
input[type="number"].no-spinner {
  -moz-appearance: textfield; }

/* Turn off num input type spinner for Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type="tel"],
.currency input[type="text"],
.currency input[type="number"] {
  width: 150px; }

.window input[type="tel"] {
  width: 100%; }

select {
  color: #464646;
  border: 1px solid #b7b6b6;
  padding: 4px;
  -moz-box-shadow: inset 0 0 20px #eee;
  -webkit-box-shadow: inset 0 0 20px #eee;
  box-shadow: inset 0 0 20px #eee;
  width: 100%; }

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
  width: 92.5%;
  padding: 4px;
  height: 56px; }

.placeholder {
  color: #aaa; }

input[type="text"].shortbox {
  width: 100px; }

.question-highlight {
  background: #E5ECFA;
  border-top: 1px solid #C5D0E8;
  border-bottom: 1px solid #C5D0E8; }

.addl-questions {
  margin: 5px 15px 15px;
  background: #E5ECFA;
  border: 1px solid #C5D0E8;
  clear: both;
  padding: 15px; }

.alt-table-singlecol .addl-questions {
  margin: 0;
  background: none;
  border: none;
  clear: both;
  padding: 0; }

.addl-questions1 {
  margin: 0 15px 15px;
  clear: both;
  padding: 0 15px; }

.addl-questions .longname,
.addl-questions1 .longname,
.vertical-list .longname {
  width: 50%;
  margin-left: 10px; }

.acct-services .payment-svcs-info dd.form-col-2 dl dt.longname {
  margin-bottom: 30px;
  width: 90%; }

.acct-services dd .error-wrapper {
  width: 65%; }

#acct-details2 .acct-services .payment-svcs-info .error-wrapper .select-background {
  width: 90%; }

.acct-services .payment-svcs-info dd.form-col-2 p {
  margin-top: 15px; }

.acct-services .payment-svcs-info dd.form-col-2 p.acct-select-notice {
  margin: 15px 0 0 144px; }

.addl-questions ul,
.addl-questions1 ul {
  padding-bottom: 20px;
  margin: 0; }

.alt-table-singlecol .addl-questions ul {
  padding-bottom: 0; }

.addl-questions li,
.addl-questions1 li {
  display: inline;
  width: 45%; }

ul.lastentry {
  padding-bottom: 0; }

.secondlabel {
  margin-left: 15px; }

.addl-questions .shortname,
.addl-questions1 .shortname {
  width: 40%;
  margin-left: 10px; }

.addl-questions .shortername,
.addl-questions1 .shortername {
  width: 25%;
  margin-left: 10px; }

#payment-svc table {
  margin: 15px;
  /*  width: 95%;*/
  border: none; }

#payment-svc table th {
  vertical-align: middle;
  font-size: 1.5em;
  font-family: 'source_sans_prosemibold'; }

#payment-svc table tr.row1,
#payment-svc table tr.row2 {
  background: none; }

#payment-svc table,
#payment-svc thead th,
#payment-svc td,
#payment-svc th,
#payment-svc table tr:last-child,
#payment-svc table tr:nth-child(even) {
  border: none; }

#acct-details.check-card-details .column-two {
  margin-top: 0; }

#acct-details2 .callout h2,
#acct-details2 .check-card-details .callout h2 {
  font-size: 1.25em;
  padding-left: 0;
  margin-bottom: 0;
  margin-left: 10px; }

.callout.credit-info {
  margin: 25px 15px;
  font-size: .875em; }

#acct-details2 .callout ul,
#my-profile .callout ul {
  margin-top: 10px; }

#acct-details2 .callout li {
  margin-bottom: 10px;
  position: relative;
  padding-left: 25px; }

#my-profile .callout li {
  margin-bottom: 10px;
  position: relative;
  margin-left: 25px; }

#acct-details2 .callout li:before {
  background: url(../images/olb-sprites.png) -140px -80px;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  z-index: 1100; }

/*  version 2  */
#acct-details2 .callout dl {
  margin: 0 10px; }

#acct-details2 .callout dt {
  width: 95%;
  margin-bottom: 0;
  padding: 0;
  font-family: 'source_sans_prosemibold'; }

#acct-details2 .callout dd {
  width: 95%;
  margin-bottom: 10px; }

/* version 2  */
.check-card-details .align-right {
  text-align: right; }

.checking-account {
  margin-left: 25px; }

.check-card-details .border-bottom {
  border-bottom: 1px solid #cdcdcd; }

.red {
  color: #990000; }

.check-card-details .module .mod-content {
  border: 0; }

.check-card-details.replace-card .noted-text {
  display: block;
  margin-top: 10px; }

.mod-content .content-interior p,
#acct-details2 form .mod-content .content-interior p {
  padding: 0;
  margin-bottom: 20px; }

#acct-details2 form .mod-content .content-interior .rules p {
  margin: 0; }

#acct-details2 form .mod-content .content-interior #error-summary p {
  margin: 10px 15px; }

.mod-content .content-interior ul {
  list-style-type: disc;
  margin-bottom: 20px; }

.mod-content .content-interior ul li {
  margin-left: 20px;
  margin-bottom: 10px; }

/*.label-right {
    margin-left: 15px;
}*/
.mod-content .content-interior input[type="checkbox"] {
  top: 0; }

/*--------------------------IMAGE ZOOM---------------------------*/
.zoom {
  position: relative;
  width: 100%;
  margin: 15px 0 10px;
  border: 2px solid #2f2f2f;
  clear: both;
  cursor: pointer; }

.image-zoom h3 {
  font-size: 1.25em;
  float: left; }

/* magnifying glass icon */
.zoom:after {
  content: '';
  display: block;
  width: 40px;
  height: 35px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../images/olb-sprites.png) -140px 0; }

.ua-mobile .zoom:after {
  display: none; }

.zoom img {
  display: block; }

.zoom-image {
  width: 100%;
  text-align: center;
  margin-bottom: 25px; }

.ua-mobile .zoom-image.boldface {
  display: none; }

.zoom-image.boldface.mobile {
  display: none; }

.ua-mobile .zoom-image.boldface.mobile {
  display: block; }

.save-image {
  position: absolute;
  right: 10px;
  top: 10px; }

.zoom img::selection {
  background-color: transparent; }

.mod-content table.deposit-images {
  width: 100%;
  border-right: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4; }

.check-title {
  margin-top: 25px;
  margin-bottom: 25px;
  padding-left: 5px;
  width: 100%;
  position: relative; }

.email-address {
  display: inline-block;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/*----------------------------SELECT WRAPPERS JS--------------------------------*/
.select-background {
  width: 100%;
  overflow: hidden;
  background: #fefefe;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNGU0ZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #fefefe 0%, #e4e4e4 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #e4e4e4));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fefefe 0%, #e4e4e4 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fefefe 0%, #e4e4e4 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fefefe 0%, #e4e4e4 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fefefe 0%, #e4e4e4 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e4e4e4',GradientType=0 );
  /* IE6-8 */
  border: 1px solid #b7b6b6; }

#transfers .select-background {
  width: 99%; }

.ua-ie-8 .select-wrapper {
  width: 99.5%; }

.select-wrapper {
  position: relative; }

.ua-ie-8 .select-wrapper {
  background: url(../images/down-arrow.png) 97% 12px no-repeat; }

.select-wrapper select {
  width: 135%;
  padding: 10px 3px 10px 10px;
  margin: 0;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: field;
  border: none;
  font-size: 1em;
  overflow: hidden;
  cursor: pointer;
  font-family: 'source_sans_proregular'; }

.ua-mac_os_x.ua-chrome .dd.alert-quiettimes .select-wrapper select {
  padding: 7px 0 7px 10px; }

.select-arrow {
  position: absolute;
  pointer-events: none;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
  z-index: 1;
  background: #fefefe;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNGU0ZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #fefefe 0%, #e4e4e4 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #e4e4e4));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fefefe 0%, #e4e4e4 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fefefe 0%, #e4e4e4 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fefefe 0%, #e4e4e4 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fefefe 0%, #e4e4e4 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e4e4e4',GradientType=0 );
  /* IE6-8 */
  zoom: 1;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.ua-ie-8 .select-arrow {
  display: none; }

.select-arrow:after {
  content: "";
  position: absolute;
  pointer-events: none;
  top: 6px;
  bottom: 6px;
  left: 0;
  width: 40px;
  padding-left: 12px;
  /*height: 100%;*/
  background: url(../images/down-arrow.png) 15px 6px no-repeat;
  border-left: 1px solid #b7b6b6; }

.mod-content .select-wrapper select {
  color: #464646; }

#statements .statement-wrapper {
  max-width: 330px; }

#acct-details .statement-wrapper {
  max-width: 450px; }

/*  FORM ELEMENTS AND BUTTONS  */
/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */
a.submit-button,
button.submit-button,
input[type="submit"],
input[type="button"],
.email-send-buttons button.submit,
a.submit-link {
  background: #ffc12d;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzEyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGFlMjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ffc12d 0%, #e8ae25 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffc12d), color-stop(100%, #e8ae25));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffc12d 0%, #e8ae25 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffc12d 0%, #e8ae25 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffc12d 0%, #e8ae25 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffc12d 0%, #e8ae25 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc12d', endColorstr='#e8ae25',GradientType=0 );
  /* IE6-8 */
  color: #5f0518;
  text-align: center;
  border-radius: 3px;
  box-shadow: 0 1px 0 #bababa, inset 0 1px 0 #FCD57B;
  border: 1px solid #ebad1b;
  font: normal 1.1em/150% 'source_sans_probold', verdana, sans-serif;
  /*margin-right: 15px;*/
  padding: 14px 32px 12px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  /*float: left;*/ }

/*
.ua-firefox a.submit-button,
.ua-firefox button.submit-button,
.ua-firefox input[type="submit"],
.ua-firefox .email-send-buttons button.submit,
.ua-firefox a.submit-link {
    padding: 11px 32px 5px;
}*/
button.submit-button:hover,
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="button"]:hover,
input[type="button"]:active,
a.submit-link:hover,
.setup-button:hover {
  background: #ffcc56;
  /* Old browsers */
  color: #5f0518;
  border: 1px solid #ebad1b;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmY2M1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWIwMzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ffcc56 0%, #e5b034 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcc56), color-stop(100%, #e5b034));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffcc56 0%, #e5b034 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffcc56 0%, #e5b034 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffcc56 0%, #e5b034 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffcc56 0%, #e5b034 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc56', endColorstr='#e5b034',GradientType=0 );
  /* IE6-8 */ }

button.submit-button.disabled,
p.btm-button a.disabled,
.open-account .promo a.btn-yellow.disabled,
a.btn-ltblue.disabled,
a.cancel-button.disabled,
.setup-button.disabled {
  background: #ccc;
  border: none;
  color: #777 !important;
  text-shadow: none;
  box-shadow: none;
  filter: none;
  cursor: default !important;
  pointer-events: none; }

.ua-ie-8 button.submit-button.disabled {
  color: #2f2f2f !important; }

.edit-payment .submit-button {
  padding: 14px 20px; }

.cancel-button,
.edit-button {
  margin-left: 15px; }

.cancel-button.buttons-full {
  margin-left: 0; }

.threebutton .back-button {
  margin-left: 15px; }

button,
.standard-button,
.pword-form input[name="submit"],
input[type="button"] {
  border-right: 15px; }

.cancel-button:hover,
.footer-submit .close {
  background: #3C474F;
  border: 1px solid #3C474F;
  color: #fff; }

a.back-button,
a:link.back-button {
  background: #b3b3b3;
  border: 1px solid #b3b3b3;
  text-decoration: none;
  color: #333333; }

a.back-button:hover {
  background: #bdbdbd;
  border: 1px solid #bdbdbd; }

input[type="radio"] {
  width: 15px;
  height: 15px;
  position: relative;
  margin-right: 5px;
  /*  border: none !important;*/ }

.ua-ie-8 #customer-svc input[type="radio"] {
  top: 3px; }

.ua-ie-8 #my-profile input[type="radio"] {
  margin-bottom: -7px; }

#frequency-date {
  margin-top: 5px; }

.sub-radio .frequency-number {
  width: 60px;
  margin: 0 5px; }

.sub-radio input[type="radio"] {
  margin-right: 10px; }

.transfer .sub-radio .small-input.date-future {
  margin-left: 25px;
  margin-top: 5px; }

.frequency-choice2 .freq-option input[type="text"].frequency-number {
  width: 50px;
  margin-right: 5px; }

a.standard-button {
  border-radius: 3px;
  text-decoration: none; }

.transfer input[type="date"] {
  border: 1px solid #b7b6b6;
  height: 20px;
  padding: 4px;
  -moz-box-shadow: inset 0 0 20px #eee;
  -webkit-box-shadow: inset 0 0 20px #eee;
  box-shadow: inset 0 0 20px #eee;
  color: #464646; }

a.delete-select.disabled:hover {
  background-color: #ededed;
  box-shadow: none; }

a.delete-select:active, a.reply:active, a.compose:active {
  top: 1px;
  box-shadow: 0 0 0 #dbdbdb; }

a.delete-select.disabled:active,
a.reply.disabled:active {
  top: 0;
  box-shadow: none; }

/*
 * Re-set default cursor for disabled elements
 */
button[disabled], input[disabled] {
  cursor: default; }

/*
 * Consistent box sizing and appearance
 */
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  border: none;
  /*  top: 2px;*/ }

input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0; }

/*
#frequency-option_2 {
    top: 11px;
}*/
/*.email-table input[type="checkbox"].checkall {
    margin: 20px 0 10px 14px;
    float: left;
}*/
/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

#auth-outside-account-form .cancel-button {
  margin-right: 0; }

.form-col-2 .setup-button,
.form-col-2 .cancel-button,
.form-col-2 .submit-button,
.form-col-2 .submit-link {
  margin-top: 15px; }

.form-col-2 .window .setup-button,
.form-col-2 .window .cancel-button,
.form-col-2 .window .submit-button,
.form-col-2 .window .submit-link {
  margin-top: 0; }

#verify-transfer .mod-footer {
  padding-bottom: 20px; }

.outsidedisclaimer li {
  margin-left: 15px;
  list-style-type: circle; }

/* ------ errors ------ */
.wrapper > #error-summary,
.wrapper > .warning-summary,
.wrapper > .info-summary {
  border: 1px solid #e5c31e;
  margin: 0 0 15px;
  padding: 6px 0;
  width: 100%; }

#error-summary h2 {
  margin-bottom: 0;
  font-size: 1.2em; }

.upsell-msg .warning-summary {
  border: 1px solid #e5c31e;
  margin: 0 0 15px;
  width: 100%;
  float: left; }

.wrapper > .warning-summary p.default-message,
.wrapper > .info-summary p.default-message {
  padding: 15px 0 15px; }

.upsell-msg .warning-summary .alert-img {
  margin-left: 15px; }

.wrapper > #error-summary .error-img,
.wrapper > .warning-summary .alert-img,
.wrapper > .info-summary .alert-img {
  margin-left: 10px; }

.top-article #error-summary,
.top-article .warning-summary,
.top-article .info-summary,
#paymentstransfers #error-summary,
#paymentstransfers #warning-summary {
  border: 1px solid #e5c31e;
  margin: 15px 0;
  width: auto; }

.top-article .info-summary {
  border: 1px solid #c5d0e8; }

.error-go-to {
  margin-left: 10px; }

.error-img {
  float: left; }

.error-cell {
  background-color: #ffffbb;
  color: #990000;
  font-family: 'source_sans_prosemibold'; }

.alert-img {
  float: left; }

#error-summary div,
.warning-summary div,
.info-summary div {
  padding-left: 10px;
  margin-right: 0px;
  min-height: 50px;
  display: table-cell;
  vertical-align: middle;
  width: 100%; }

#error-summary p.default-message {
  color: #990000;
  text-align: left;
  padding: 5px 0;
  line-height: 1.25em;
  display: block;
  margin-top: 7px;
  font-family: 'source_sans_prosemibold'; }

#error-summary p.addl-message {
  color: #990000;
  text-align: left;
  padding: 5px 0;
  line-height: 1.25em;
  display: block; }

#error-summary p.addl-message span {
  color: #990000; }

#error-summary p.default-message li {
  color: #990000;
  list-style-type: none; }

#error-summary .alert-img {
  padding: 6px 0; }

#error-summary button.submit-button {
  margin-bottom: 5px;
  margin-top: 0;
  padding: 5px 10px;
  float: none; }

/*.warning-summary p.default-message,*/
#error-summary p.default-message,
.error-wrapper li label {
  font-family: 'source_sans_prosemibold'; }

.error-wrapper p.default-message span {
  color: #990000; }

.warning-summary p.default-message,
.info-summary p.default-message {
  color: #2f2f2f;
  line-height: 1.25em; }

/*.warning-summary p.default-message span {
    color: #000;
    line-height: 1.25em;
}

.default-message span.boldface {
    display: block;
}*/
.warning-summary .default-message span.boldface {
  display: inline; }

#error-summary p.first-field {
  text-align: right;
  float: right;
  margin: 6px 10px 6px 6px;
  padding: 0; }

#error-summary a {
  color: #003399; }

#error-summary a:hover, #error-summary a:focus {
  text-decoration: none; }

#error-summary ul {
  margin: 0 0 15px 30px;
  list-style-type: disc;
  color: #990000; }

#transfers .error-wrapper .select-background {
  margin-left: 25px;
  width: 90%; }

.selectranges .error-wrapper {
  width: 25%;
  margin-top: 5px; }

.selectranges .error-wrapper ul:first-child li {
  padding-bottom: 0; }

.selectranges .error-wrapper li label {
  margin-bottom: 0; }

.error-wrapper-cell {
  background-color: #FFFFBB;
  border-left: 1px solid #E5C31E;
  padding: 10px;
  text-align: left; }

.error-wrapper-cell span {
  position: relative;
  padding-left: 25px;
  line-height: 1.5em;
  font-size: .875em;
  color: #990000;
  margin: 0 !important;
  display: block; }

.error-wrapper-cell span:before {
  background: url(../images/olb-sprites.png) -60px -20px;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px; }

.error-wrapper .opt-label {
  margin-left: 12px; }

.setup-acct .error-wrapper {
  background-color: #FFFFBB;
  border: 1px solid #E5C31E;
  padding: 6px;
  margin: 0px 0 15px;
  border-radius: 3px;
  display: block;
  width: 202px; }

.alert-notice .error-wrapper,
.search-row .error-wrapper,
#daterange .error-wrapper,
#debitamount .error-wrapper,
#creditamount .error-wrapper,
#checknumber .error-wrapper {
  background-color: #FFB;
  border: 1px solid #E5C31E;
  padding: 6px;
  margin: 0 10px 0 0;
  border-radius: 3px;
  float: left; }

#acct-details .error-wrapper .history-dates-from,
#schedule .error-wrapper .history-dates-to,
#acct-details .error-wrapper .history-dates-to,
#schedule .error-wrapper .histor-dates-from {
  width: 185px;
  margin-top: 0; }

.alert-notice .error-wrapper {
  margin-bottom: 15px; }

.search-row .error-wrapper {
  margin-top: 15px;
  width: 185px; }

.sub-radio .error-wrapper label {
  margin-bottom: 0; }

.error-wrapper ul:first-child {
  list-style-type: none !important;
  margin: 0;
  padding: 0; }

.error-wrapper ul:first-child li {
  padding-left: 25px;
  padding-bottom: 10px;
  line-height: 1.5em;
  color: #990000;
  margin: 0 !important;
  position: relative; }

.error-wrapper .boldface,
#error-summary .boldface {
  color: #990000; }

.error-wrapper ul:first-child li:before {
  background: url(../images/olb-sprites.png) -60px 0;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px; }

.setup-acct .error-wrapper li,
#outside-accounts .search-row .error-wrapper li {
  padding-bottom: 2px; }

#schedule .error-wrapper .history-dates-from,
#acct-details .error-wrapper .history-dates-from,
#acct-details .error-wrapper .history-dates-to {
  margin-top: 0;
  width: 100%; }

.error-wrapper .currency input,
.error-wrapper p.field-text {
  margin-left: 25px; }

#alerts .error-wrapper .currency input {
  margin-left: 0; }

#schedule .error-wrapper .small-input,
#acct-details .error-wrapper .small-input {
  width: 105px; }

.error-wrapper .date-past {
  margin-bottom: 4px; }

.error-wrapper .freq-option input {
  margin: 0 0 0 5px; }

.error-wrapper .freq-option input[type="radio"] {
  margin-right: 5px; }

#change-password .error-wrapper {
  margin: 0;
  width: 71%; }

#my-profile .column-wide form .error-wrapper input.password-input,
#my-profile .column-wide form .error-wrapper input.profile-input {
  width: 95%; }

.error-wrapper .freq-option {
  padding-left: 0; }

.sub-radio .error-wrapper {
  margin-top: 0;
  margin-bottom: 15px; }

/* ------ lightboxes ------ */
.window.payment-history {
  max-width: 800px; }

.window.payment-history dl {
  width: 100%; }

.window.payment-history dt {
  font-family: 'source_sans_prosemibold'; }

#make-transfer .window.deletebox dl .form-col-1 {
  width: 25%;
  float: left;
  margin: 0 15px 10px 0;
  padding: 0;
  margin-right: 15px;
  font-family: 'source_sans_prosemibold'; }

#transfers .window.deletebox .delete-acct-submit {
  margin-top: 20px;
  float: right;
  width: 88%; }

.fees,
.password-rules {
  width: 500px; }

.detail-address {
  display: block;
  margin-top: 10px; }

.detail-address1 {
  display: block; }

.security {
  width: 650px; }

.transfer .module header:hover .window h2 {
  background: none; }

.window h4 {
  color: #590f28;
  margin: 10px 0;
  font-size: 1em; }

.window.long-window {
  max-width: 600px; }

.window .content h3 {
  margin: 0 0 15px;
  font-size: 1.25em;
  color: #590f28; }

.window .row,
.window .row-alt {
  padding: 0 0 20px;
  margin: 20px 0 0; }

#payments-transfers .manage-recipients .window .content #a {
  color: #590f28; }

#fees-limits-ach.window .content p,
#fees-limits-wire.window .content p {
  margin-bottom: 15px; }

.password-rules .row span {
  font-family: 'source_sans_prosemibold'; }

.limits {
  margin-top: 10px; }

.window .content p.q-accounts {
  font-family: 'source_sans_prosemibold';
  margin: 0 0 0 10px; }

#twodaywindow.window a.close {
  top: -53px;
  left: 103%; }

.ua-firefox #twodaywindow.window a.close {
  top: -33px;
  left: 97%; }

.window a.close.last {
  position: relative;
  width: auto;
  display: inline-block;
  /*	float: left;*/
  margin: 20px 0 5px;
  background: none;
  height: auto;
  top: 0;
  left: 0; }

.window a.close.last:before {
  background-image: none; }

.window a.close.last .access {
  position: static; }

.window input[type="radio"] {
  margin-right: 5px; }

.window input.close {
  position: static; }

.window .content .securityfooter {
  margin-top: 30px;
  color: #666;
  font-size: .875em; }

.window .content .securityfooter p {
  padding: 0;
  margin: 0; }

.window p.window-subtitle {
  font-family: 'source_sans_probold';
  padding: 0; }

#sbo-login .password-rules .content h2 {
  padding: 15px 0 0 0; }

/* tooltips */
.help {
  border-bottom: 1px dashed #405EBE;
  text-decoration: none;
  position: relative;
  cursor: pointer;
  outline: none;
  color: #003399; }

label .help {
  top: -4px; }

.longline label .help {
  top: 0; }

.help.static {
  position: static; }

.form-col-2 .help {
  margin-left: 5px; }

.tooltip {
  text-align: left;
  color: #2f2f2f;
  position: absolute;
  padding: 15px;
  background: #ffffff;
  z-index: 999;
  width: 240px;
  margin: 0 auto;
  display: none;
  cursor: text;
  outline: none;
  font-size: .95em;
  line-height: 1.35em;
  border: 1px solid #B7B7B7;
  border-radius: 3px;
  box-shadow: 0 2px 0 #D3D3D3;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'source_sans_proregular'; }

dl.routinginfo .tooltip {
  font-size: 1.1em !important;
  width: 150px; }

.available-balance span .tooltip {
  font-size: .75em;
  line-height: 1.25em; }

.longline .tooltip {
  left: 50%; }

.routinginfo span .tooltip {
  font-size: 1em; }

.tooltip h5,
.accttooltip h5 {
  font-family: 'source_sans_prosemibold';
  margin: 0 0 5px 0;
  width: 180px;
  font-size: 1em; }

.tooltip.on-top {
  bottom: 150%; }

.tooltip.on-bottom {
  top: 150%; }

.tooltip a {
  color: #003399; }

.tooltip span.tooltip-title {
  font-family: 'source_sans_prosemibold';
  display: block;
  margin-bottom: 5px;
  font-size: 1.2em; }

.tooltip-arrow {
  position: absolute;
  left: 30px;
  bottom: 0; }

.tooltip-arrow:after {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  content: '';
  position: absolute;
  left: 1px;
  right: auto; }

.tooltip-arrow:before {
  width: 0;
  height: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 11px solid #B7B7B7;
  content: '';
  position: absolute;
  left: 0;
  right: auto; }

.on-bottom .tooltip-arrow {
  top: -10px;
  bottom: auto; }

.on-bottom .tooltip-arrow:after {
  top: 1px;
  bottom: auto;
  left: auto;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  border-top: 0; }

.on-bottom .tooltip-arrow:before {
  top: 0;
  bottom: auto;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #B7B7B7;
  border-top: 0; }

.tooltip span.exit {
  z-index: 1000;
  text-align: center;
  right: -7px;
  top: -7px;
  cursor: pointer;
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  color: #3b434d;
  text-align: center;
  background: #3b434d url(../images/olb-sprites.png) -140px -100px; }

.tooltip span.exit img {
  max-width: 50%;
  border: 0;
  margin: 0 auto;
  box-shadow: none;
  position: relative;
  bottom: 1px;
  padding: 5px; }

.lt-ie9 .tooltip span.exit {
  right: 2px;
  top: 2px; }

.ua-ie-9 .tooltip span.exit {
  filter: none; }

.tooltip span.exit:hover {
  color: #fff;
  text-shadow: 0 -1px 3px #2f2f2f; }

.tooltip.fixed-tip {
  position: absolute; }

.tooltip.on-top.fixed-tip,
.tooltip.on-bottom.fixed-tip {
  bottom: auto;
  top: auto; }

.tooltip.on-top.fixed-tip:after,
.tooltip.on-bottom.fixed-tip:after,
.tooltip.on-top.fixed-tip:before,
.tooltip.on-bottom.fixed-tip:before {
  border-right: none;
  border-top: none;
  border-left: none;
  border-bottom: none; }

.tooltip.fixedTip:after {
  border-right: none;
  border-top: none; }

.text-highlight {
  color: #FF0;
  font-family: 'source_sans_prosemibold'; }

/* ----------SELECT2 CSS FOR TYPEAHEAD DROPDOWN ---------- */
/*
Version: 3.3.2 Timestamp: Mon Mar 25 12:14:18 PDT 2013
*/
.select2-container {
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  background: #fff; }

.select2-container,
.select2-drop,
.select2-search {
  width: 99%; }

.select2-search input {
  width: 96%; }

.newrecipient .select2-container,
.newrecipient .select2-drop,
.newrecipient .select2-search {
  width: 100% !important; }

.newrecipient .select2-search input {
  width: 96%; }

.select2-container .select2-choice {
  background: url(../images/down-arrow.png) no-repeat 96% 50%;
  /* display: block;*/
  display: table;
  width: 98%;
  height: 42px;
  vertical-align: middle;
  padding: 0 0 0 8px;
  overflow: hidden;
  position: relative;
  margin-right: -2px;
  border: 1px solid #aaa;
  /*white-space: nowrap;*/
  line-height: 26px;
  color: #444;
  font-size: 1em;
  text-decoration: none;
  height: 40px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.newrecipient .select2-container .select2-choice {
  background: none; }

.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #aaa;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px; }

.select2-container .select2-choice span {
  margin-right: 26px;
  /*    padding-top: 7px;*/
  /*   display: block;*/
  overflow: hidden;
  line-height: 1em;
  /* white-space: nowrap;*/
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  /* updated */
  line-height: 1em;
  display: table-cell;
  vertical-align: middle;
  width: 90%; }

.select2-container .select2-choice abbr {
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 26px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  cursor: pointer;
  outline: 0; }

.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer; }

.select2-drop-mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9998;
  background-color: #fff;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* works in IE 8 */
  filter: "alpha(opacity=0)";
  /* expected to work in IE 8 */
  filter: alpha(opacity=0);
  /* IE 4-7 */ }

.select2-drop {
  /* width: 23.5%!important;*/
  /*margin-top: -35px;*/
  position: absolute;
  z-index: 9999;
  top: 100%;
  padding-right: 1px;
  background: #fff;
  color: #2f2f2f;
  border: 1px solid #5897fb;
  border-top: 0;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); }

.addnewrecipient .select2-drop,
.addnewrecipient .select2-drop-with-searchbox,
.addnewrecipient .select2-drop-active {
  margin-top: -30px; }

.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); }

.select2-container .select2-choice div {
  display: block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0; }

.select2-container .select2-choice div b {
  display: block;
  width: 100%;
  height: 100%; }

.select2-search {
  display: inline-block;
  width: 113%;
  min-height: 26px;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  z-index: 10000;
  white-space: nowrap; }

.select2-search-hidden {
  display: block;
  position: absolute;
  left: -10000px; }

.select2-search input {
  width: 80%;
  height: auto !important;
  min-height: 26px;
  padding: 4px 20px 0 5px;
  margin: 0;
  outline: 0;
  font-size: 1em;
  border: 1px solid #aaa;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px; }

.select2-search input.select2-active {
  background: #fff url("select2-spinner.gif") no-repeat 100%;
  background: url("select2-spinner.gif") no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
  background: url("select2-spinner.gif") no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url("select2-spinner.gif") no-repeat 100%, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url("select2-spinner.gif") no-repeat 100%, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
  background: url("select2-spinner.gif") no-repeat 100%, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
  background: url("select2-spinner.gif") no-repeat 100%, linear-gradient(top, #ffffff 85%, #eeeeee 99%); }

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  -moz-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  background-color: #ffffff; }

.select2-dropdown-open .select2-choice div {
  background: transparent;
  border-left: none;
  filter: none; }

/*.select2-dropdown-open .select2-choice div b {
    background-position: -18px 1px;
}*/
/* results */
.select2-results {
  max-height: 300px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: transparent; }

/*.select2-results li.option-transfers,
.select2-results li.recipient-group {
    margin-bottom: 10px;
}*/
.select2-results ul.select2-result-sub {
  margin: 0; }

.select2-results ul.select2-result-sub > li .select2-result-label {
  padding-left: 20px; }

.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 40px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 60px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 80px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 100px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 110px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 120px; }

.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none; }

.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold;
  margin-top: 10px; }

.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0 0 10px;
  cursor: pointer;
  font-size: 1em;
  min-height: 1em;
  line-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.select2-results .select2-highlighted {
  background: #3875d7;
  color: #fff; }

.select2-results li em {
  background: #feffde;
  font-style: normal; }

.select2-results .select2-highlighted em {
  background: transparent; }

.select2-results .select2-highlighted ul {
  background: white;
  color: #2f2f2f; }

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  display: list-item;
  color: #888;
  font-size: 1.00em; }

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default; }

.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default; }

.select2-results .select2-selected {
  display: none; }

.select2-more-results.select2-active {
  background: #f4f4f4 url("../images/select2-spinner.gif") no-repeat 100%; }

.select2-more-results {
  background: #f4f4f4;
  display: list-item; }

/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default; }

.select2-container.select2-container-disabled .select2-choice div {
  background-color: #ffffff;
  background-image: none;
  border-left: 0; }

.select2-container.select2-container-disabled .select2-choice abbr {
  display: none; }

.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline; }

.select2-offscreen {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

a.select2-choice.select2-default {
  width: 100% !important; }

/* Retina-ize icons */
@media screen and (max-width: 600px) {
  .select2-container, .select2-drop, .select2-search {
    width: 99%; } }

/* ------ cleaned responsive code starts------- */
/* ------------- special adjustment ----------- */
@media screen and (max-width: 960px) {
  .access-personal-accts ul li {
    float: none; }
  .custom-details .noted-text {
    margin-left: 10px; } }

/* ------------- special adjustment ----------- */
@media screen and (max-width: 920px) {
  /* --------- Account Details ---------- */
  #advancedsearch .advancedsearchlink {
    position: relative;
    bottom: auto;
    right: auto;
    padding-top: 10px; }
  .check-card-details .rules {
    width: 80%;
    float: none;
    margin-bottom: 15px; }
  #acct-details2 .form-col-2 dt {
    width: 55%; }
  #acct-details2 .form-col-2 dd {
    width: 45%; }
  #acct-details2 .nonbbt-account .form-col-2 dt,
  #acct-details2 .bbt-account .form-col-2 dt {
    width: 70%; }
  #acct-details2 .nonbbt-account .form-col-2 dd,
  #acct-details2 .bbt-account .form-col-2 dd {
    width: 30%; }
  /* --------- Messages ---------- */
  #message-center h2.emailsubject {
    float: none;
    width: 100%; }
  .go-to-inbox {
    float: left;
    margin: 0 0 25px;
    clear: both; }
  /* --------- My Profiles ---------- */
  .mobile-faq {
    float: left;
    clear: both;
    margin: 0 0 10px; }
  /* --------- Customer Service ---------- */
  #acct-requests dt {
    width: 30%; }
  #acct-requests dd {
    width: 68%; }
  /*promo */
  .account-box {
    margin-left: 2%;
    width: 32%; }
  /* --------- Payments & Transfers ---------- */
  .banklogin,
  .verify-trial {
    width: auto; }
  .eqheightboxL,
  .eqheightboxR {
    display: block; }
  .viagap {
    display: block;
    width: 100%;
    margin: 15px auto; }
  .viacontent {
    height: auto !important; }
  .trans-search-fields {
    width: 49%;
    margin-left: 2%;
    margin-right: 0; }
  .trans-search-fields:first-child {
    margin-left: 0; }
  .duration-search-fields {
    width: 40%;
    margin-right: 2%; }
  .button-search-field {
    width: 58%; }
  .upcoming-completed.ach-wire .button-search-field {
    text-align: left;
    clear: both; }
  .confirm .account-totals {
    width: 50%; }
  /*  .loginnav .center-buttons {
        text-align: right;
        width: auto;
    }*/
  /*  .loginnav .center-buttons .submit-link,
    .loginnav .center-buttons .cancel-button {
        width: 300px;
    }*/
  /* --------- Password Reset ---------- */
  .soft-attention .neatcol2 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 10.70196%; }
  .soft-attention .neatcol10 {
    float: left;
    display: block;
    width: 86.94039%; }
  /* _________ SBO _______________*/
  #sbo-login .alt-table-rightcol div.test-call,
  #sbo-login .alt-table-rightcol div.call-success,
  #sbo-login .alt-table-rightcol div.box-blue {
    margin-left: 0; }
  /* --------- SBO Log On ---------- */
  #sbo-login .non-collapse-content dt {
    width: 30%; }
  #sbo-login .non-collapse-content dd {
    width: 70%; }
  /*promo*/
  .credit-promo h2,
  .credit-promo h3,
  .credit-promo h4,
  .credit-promo .column p {
    margin-left: 0;
    margin-right: 0; }
  .credit-promo .bulleted-list {
    margin-left: 10px; }
  .credit-promo .column img.promo-border {
    width: 85%; }
  .ext-num {
    display: block;
    margin: 10px 0 0;
    clear: both; }
  .alt-table-leftcol .ext-num,
  .neatcol7 .ext-num {
    display: inline-block;
    clear: none;
    margin: 0 0 0 15px; }
  #sbo-login .alt-table-leftcol,
  #sbo-login .alt-table-rightcol {
    width: auto;
    float: none; } }

@media screen and (max-width: 930px) and (min-width: 690px), screen and (max-width: 430px) {
  ul.tabs {
    height: 57px; }
  ul.tabs li a {
    max-width: 100px;
    padding: 6px 10px 10px;
    height: 40px;
    display: table-cell;
    vertical-align: middle; }
  ul.tabs li.selected a {
    top: -6px;
    padding: 11px 10px 12px;
    display: block; }
  /* Tab titles that wrap to 2 lines */
  #acct-details ul.tabs,
  #message-center ul.tabs,
  #transfers ul.tabs {
    height: 58px; }
  #acct-details ul.tabs li a,
  #message-center ul.tabs li a,
  #transfers ul.tabs li a {
    height: 56px; }
  #acct-details ul.tabs li.selected a,
  #message-center ul.tabs li.selected a,
  #transfers ul.tabs li.selected a {
    height: 64px; }
  #acct-details ul.tabs {
    height: 59px; }
  /* Tab titles that wrap to 3 lines */
  #transfers.ach-payment ul.tabs,
  #transfers.wire-transfer ul.tabs {
    height: 76px; }
  #transfers.ach-payment ul.tabs li a,
  #transfers.wire-transfer ul.tabs li a {
    height: 56px; }
  #transfers.ach-payment ul.tabs li.selected a,
  #transfers.wire-transfer ul.tabs li.selected a {
    height: 82px; } }

/* stack within columns */
@media screen and (max-width: 860px) and (min-width: 690px), screen and (max-width: 430px) {
  /* --------- Payments & Transfers ---------- */
  #transfers .column-one dt,
  #transfers.addnewrecipient .form-col-1,
  #outside-progress .form-col-1,
  #outside-progress .securityquestion .form-col-1 {
    width: 100%;
    margin-bottom: 0;
    padding: 0;
    font-family: 'source_sans_prosemibold'; }
  #transfers .column-one dd,
  #transfers.addnewrecipient .form-col-2,
  #outside-progress .form-col-2,
  #outside-progress .securityquestion .form-col-2 {
    width: 100%;
    text-align: left; }
  #outside-progress #trial-deposit .form-col-1 {
    width: 40%; }
  #outside-progress #trial-deposit .form-col-2 {
    width: 60%; }
  .transaction-type span {
    display: block;
    float: none;
    margin: 10px 0; }
  #transfers.addnewrecipient .twobutton {
    width: auto;
    float: none; }
  #outside-accts .progress-submit {
    width: auto;
    float: none;
    text-align: center; } }

/* stack within columns */
@media screen and (max-width: 860px) and (min-width: 800px), screen and (max-width: 590px) {
  /* --------- Account Details ---------- */
  #acct-details .statement-info,
  #acct-details #heloc .account-perks {
    width: 100%;
    float: none;
    text-align: left; }
  #acct-details .account-perks,
  #acct-details .multi-debit {
    width: 100%;
    float: none;
    padding-top: 0;
    margin-left: 0; }
  .balance-info {
    border-right: none;
    padding-right: 0;
    margin-bottom: 0; }
  .check-card-details .balance-info,
  .check-card-details .balance-info-right {
    width: auto;
    float: none;
    margin-left: 0;
    padding-right: 0; }
  .check-card-details .balance-info dl,
  .check-card-details .balance-info-right dl {
    margin-bottom: 0; }
  #acct-details .account-perks dd,
  #acct-details .multi-debit dd {
    width: 35%;
    float: right;
    text-align: right; }
  #acct-details2 .account-perks .form-col-2,
  #acct-details2 .account-perks .form-col-1,
  #acct-details .account-perks .form-col-2,
  #acct-details .account-perks .form-col-1,
  #acct-details2 .payment-svcs-info dt.radio-fields.separate-form-item,
  #acct-details2 .payment-svcs-info dd.radio-fields.separate-form-item {
    margin-bottom: 5px; }
  /* --------- Statements ---------- */
  .statement-info,
  .acct-list,
  .current-balance {
    width: auto;
    float: none; }
  .acct-list,
  .current-balance {
    margin-left: 0;
    margin-top: 10px;
    padding: 10px; }
  .delivery-stop {
    text-align: center;
    margin: 15px auto; }
  .delivery-sign,
  .stop-mail {
    float: none;
    margin: 10px auto; }
  .stop-mail {
    width: 100%;
    max-width: 300px; }
  .stopmail-arrow {
    background: url(../images/olb-sprites.png) -320px -120px no-repeat;
    left: 47%;
    top: -13px;
    width: 20px;
    height: 20px; }
  /* --------- Logon ---------- */
  #retail-login .column-one dt,
  #retail-login .column-one dd,
  #sbo-login .column-one dt,
  #sbo-login .column-one dd {
    float: none;
    width: auto; }
  .label-wrap {
    display: inline-block;
    position: relative;
    top: -4px;
    margin-top: 0; }
  #retail-login .column-one dt,
  #sbo-login .column-one dt {
    margin-bottom: 0;
    font-family: 'source_sans_prosemibold'; }
  .help,
  dt .help {
    display: inline-block; } }

/* ------------- 860 and under ------------------*/
@media screen and (max-width: 860px) {
  .payment-list-view-select #payments-form .one-half {
    width: 100%;
    text-align: left; }
  .check-password .column-right.one-half {
    width: 35%;
    margin: 0; }
  .check-password .column.one-half {
    width: 62%; } }

/* ------------- 800 for tablet portrait view ----------- */
@media screen and (max-width: 800px) {
  /* --------- Layout ---------- */
  /* 2/3 1/3 layouts start to stack */
  #statements .column-one,
  #acct-details .column-one,
  #acct-details2 .column-one,
  #alerts .column-one,
  #my-profile .column-one,
  #customer-svc .column-one,
  .retail-login .column-one,
  #sbo-login .business-svc .column-one,
  #outside-accounts .column-one,
  #message-center .column-wide,
  #transfers.payment-list-view .column-one {
    float: none;
    width: 100%; }
  #statements .column-two,
  #acct-details .column-two,
  #acct-details2 .column-two,
  #alerts .column-two,
  #my-profile .column-two,
  #customer-svc .column-two,
  .retail-login .column-two,
  #sbo-login .business-svc .column-two,
  #outside-accounts .column-two,
  #transfers.payment-list-view .column-two {
    float: none;
    width: 100%;
    margin: 0 auto 30px; }
  .column-one-a {
    float: none; }
  .right-rail-ad img {
    width: auto;
    max-width: 100%;
    height: auto; }
  /* --------- My Profiles ---------- */
  #my-profile .two-thirds {
    width: 100%;
    float: none; }
  .module .mod-content button .btn-arrow {
    margin-right: 5%;
    margin-left: 5px;
    vertical-align: middle; }
  .mod-content table.checkcards,
  .mod-content .transaction-table {
    width: 100%; }
  .section-content-top,
  .section-content-bottom,
  .mod-content table.deposit-images,
  .check-title,
  .zoom {
    width: 100%; }
  #my-profile .edit-control {
    float: none; }
  .accthideshow {
    display: block; }
  /* --------- Payments & Transfers ---------- */
  dl.add-recipient-confirm dt {
    width: 45%; }
  dl.add-recipient-confirm dd {
    width: 53%; }
  .merchant-rightspan,
  .merchant-leftspan {
    float: none; }
  .merchant-rightspan {
    margin-bottom: 25px; }
  .payment-history-head a {
    display: block;
    float: none;
    margin: 10px 0; }
  /* --------- Log On ---------- */
  #sbo-login .primary-email dt {
    width: 35%; }
  #sbo-login .primary-email dd {
    width: 65%; }
  #sbo-login .primary-email dd .profile-input {
    width: 70%; }
  .paperless-choice {
    width: auto; }
  /* --------- SBO Log On ---------- */
  .access-rightcol,
  #sbo-login dl.access-level-options {
    float: none;
    width: auto; }
  #sbo-login .security-verify dd {
    width: 80%; }
  .one-third.rules-column,
  .two-thirds.rules-column {
    width: 100%;
    float: left; }
  .business-login table.business-services-select {
    width: 100%; }
  /* --------- Account Detail 2 ---------- */
  #acct-details2 .alt-table {
    width: 100%; }
  .direct-deposit .rules,
  .direct-deposit .content-interior {
    width: auto;
    float: none; }
  .direct-deposit .rules {
    margin-top: 50px; }
  #acct-details2 .checkcard-user-info dt {
    width: 35%; }
  #acct-details2 .checkcard-user-info dd {
    width: 65%; }
  #acct-details2 .check-card-details .card-perso .column-two {
    margin-bottom: 0; }
  #my-profile .check-password .column-right.one-half,
  #my-profile .check-password .column.one-half,
  #my-profile .check-password dt,
  #my-profile .check-password dd,
  #sbo-login .check-password .column-right.one-half,
  #sbo-login .check-password .column.one-half,
  #sbo-login .check-password dt,
  #sbo-login .check-password dd,
  .check-password .column-right.one-half,
  .check-password .column.one-half,
  .check-password dt,
  .check-password dd {
    width: 100%; }
  #sbo-login .check-password .column.one-half dt, #sbo-login .check-password .column.one-half dd {
    width: 100%; }
  .password-rule-d {
    display: block; }
  /* SBO order Debit Card */
  .smallbusiness .acct-services .order-card address {
    margin-top: 0; }
  .smallbusiness .acct-services .order-card p.small-text {
    padding: 0 0 10px 0; }
  .smallbusiness .acct-services .order-card .cc-textarea-wrapper p.small-text {
    padding-bottom: 5px; }
    .smallbusiness .acct-services .order-card .cc-textarea-wrapper p.small-text br {
      display: none; }
  .smallbusiness .acct-services .order-card .cc-textarea-wrapper textarea.character-count {
    margin-top: 0; }
  .smallbusiness .acct-services .order-card table.access-levels {
    width: 100%;
    border-left: 1px solid #e4e4e4; }
    .smallbusiness .acct-services .order-card table.access-levels.overflowing tbody .label {
      width: 172px; }
  .smallbusiness .acct-services .order-card .atm-transactions-box {
    width: auto; }
  #acct-details2 .cc-textarea-wrapper dd {
    margin-bottom: 10px; } }

/* ------------- special adjustment ----------- */
@media screen and (max-width: 740px) {
  /* ------------- Account Details ----------- */
  .transact-detail-links,
  .viewstatements,
  .exportlink,
  .transact-leftcolumn,
  .transact-rtcolumn {
    float: none;
    position: relative;
    margin: 0; }
  .tabcontent .mod-content p {
    padding: 10px 0 0; }
  .tabcontent .mod-content p.table-info {
    padding-left: 15px; }
  .swap-box .searchbutton {
    margin-top: 15px;
    margin-left: 0;
    float: none; }
  .swap-box .search-arrow-acct {
    display: none; }
  .history-search-by,
  .history-search-type {
    width: 320px; }
  .swap-box .search-arrow-acct {
    display: none; }
  .search-row .error-wrapper {
    margin-top: 15px !important;
    width: 343px; }
  #acct-details .history-dates-to,
  #acct-details .history-dates-from {
    margin-top: 10px;
    width: 430px; }
  #acct-details.detail-loans .history-dates-to,
  #acct-details.detail-loans .history-dates-from,
  #acct-details .detail-loans .history-dates-to,
  #acct-details .detail-loans .history-dates-from {
    margin-top: 0;
    width: auto;
    margin-right: 15px;
    clear: none; }
  .detail-loans .swap-box .searchbutton {
    margin: 28px 0 0 15px; }
  .detail-loans #daterange {
    width: 100%; }
  #searchboxes2 .selectranges {
    width: 100%;
    float: none;
    overflow: hidden; }
  #acct-details #debitamount .small-input,
  #acct-details #creditamount .small-input,
  #acct-details #checknumber .small-input {
    width: 70%; }
  .history-description {
    margin: 0;
    clear: both;
    float: none; }
  .history-search-type {
    margin-bottom: 20px; }
  .search-arrow {
    display: none; }
  .transaction-search .search-arrow {
    display: block; }
  .history-dates-to,
  .history-dates-to {
    clear: both; } }

@media screen and (max-width: 785px) {
  /* --------- Global ------------*/
  /* removes break in mobile view */
  br.mobile {
    display: none; }
  /* --------- Payments & Transfers --------*/
  .ua-desktop .memo-field,
  .ua-desktop .remaining-field {
    margin-top: 10px; }
  .ua-desktop .memo-field .boldface,
  .ua-desktop .remaining-field .boldface {
    font-family: 'source_sans_prosemibold';
    display: inline-block;
    margin-right: 20px; }
  /* --------- Payments & Transfers ---------- */
  .recipient-search {
    float: left;
    clear: both;
    margin: 0 0 20px 10px; }
  .authorize-info dl dt {
    width: 35%;
    padding-right: 2%; }
  .authorize-info dl dd {
    width: 63%; }
  .dd-recipient-choice {
    float: none;
    margin: 10px 0; }
  .completed-amount-range,
  .completed-date-range {
    width: 100%; }
  #payments-transfers .history-dates-from,
  #payments-transfers .history-dates-to {
    float: left;
    margin-left: 0;
    clear: none; }
  .counting-message {
    float: none;
    display: block;
    margin: 0 0 15px 32px; }
  /* ------ Customer Service --- promo ----- */
  .account-box,
  .overdraft-box,
  .account-box-50-left,
  .account-box-50-right {
    width: 100%;
    margin: 0 0 30px; }
  #acct-requests #stop-payment dd.checknumber2 {
    clear: both;
    margin-left: 32%;
    margin-top: -15px;
    margin-bottom: 25px; }
  .midtext {
    display: block;
    float: none; }
  .susq .citi-export {
    text-align: left;
    width: 100%;
    float: left; }
  .susq .citi-move .mod-content .task:first-child h4 {
    float: left;
    width: 100%;
    margin-top: 1em;
    margin-bottom: 0; } }

/* ------------- 697 ----------- */
@media screen and (max-width: 697px) {
  .routing-lightbox {
    margin: 10px 0 0 0;
    float: left;
    width: 100%; } }

/* ------------- 690 for small tablet view ----------- */
@media screen and (max-width: 690px) {
  /* --------- Layout ---------- */
  /* half-half and sixty-fourty start to stack */
  #transfers .column-one,
  #message-center .column-one,
  #outside-progress .column-one,
  #customer-svc.sixty-fourty .column-one {
    width: 100%;
    float: none; }
  #transfers .column-two,
  #message-center .column-two,
  #outside-progress .column-two,
  #customer-svc.sixty-fourty .column-two {
    width: 100%;
    float: none;
    margin: 0 auto; }
  /* --------- Payments & Transfers ---------- */
  .confirm .account-totals {
    width: auto; }
  /* --------- Account Details ---------- */
  .details-column-one .form-col-1,
  .details-column-two .form-col-1 {
    width: 62%; }
  .details-column-one .form-col-2,
  .details-column-two .form-col-2 {
    width: 38%; }
  #acct-details2 .alt-table-leftcol,
  #acct-details2 .alt-table-rightcol {
    width: 100%; }
  .check-card-details .rules {
    width: auto; }
  #acct-details2 .debit-card-activation .cvv-img-d {
    display: none; }
  #acct-details2 .debit-card-activation .cvv-img-m {
    display: block;
    max-width: 200px;
    margin-bottom: 0; }
  /* --------- My Profiles ---------- */
  #my-profile #change-user-id .one-third,
  #my-profile #change-password .one-third {
    width: auto; }
  .check-password .column.one-half, .check-password .column-right.one-half {
    width: 100%; }
  #my-profile #security-questions .error-wrapper {
    display: block; }
  #my-profile #manage-hideshow .cc-accounts {
    width: auto; }
  .hide-cc-accounts th.col30 {
    width: 25%; }
  .hide-cc-accounts th.col40 {
    width: 50%; }
  #my-profile .mobilenum .custom-alerts .receive-alert-type dt.receive-alert-type-title {
    width: 100%; }
    #my-profile .mobilenum .custom-alerts .receive-alert-type dt.receive-alert-type-title span {
      max-width: none; }
  /* --------- Customer Service ---------- */
  #order-checks dt {
    width: 25%; }
  .mobile-numbers {
    margin: 15px 0; }
  /*promo*/
  .open-account .more-options-link {
    position: static;
    display: block;
    margin-bottom: 15px; }
  .open-account .promo {
    background-image: none; }
  .open-account .promo {
    padding: 20px 10px; }
  #customer-svc .open-account .promo h2 {
    top: 0;
    font-size: 1.5em; }
  .open-account .promo p,
  .open-account .promo a {
    margin-bottom: 0; }
  .open-account .promo a.btn-yellow {
    margin-top: 20px;
    margin-bottom: 0; }
  /* --------- app promo ----------- */
  .app-promo header h2 {
    margin-bottom: 0;
    font-size: 1.5em; }
  .app-promo {
    background: #333;
    padding-bottom: 0; }
  .app-promo .one-third {
    float: none;
    width: 100%;
    text-align: center;
    padding: 0;
    margin-bottom: 30px;
    background: none; }
  .app-promo .one-third.ad-copy {
    background: none; }
  .app-promo .one-third.ad-copy ul {
    margin: 0 auto; }
  .app-promo .one-third.ad-copy ul li {
    text-align: center;
    display: inline;
    line-height: 150%;
    background: none; }
  .app-promo .one-third.ad-copy ul li:after {
    content: ", "; }
  .app-promo .one-third.ad-copy ul li:last-child:after {
    content: ""; }
  .app-promo .badges {
    background: none; }
  .app-promo .badges img {
    margin-bottom: 0;
    display: block;
    margin-bottom: 20px; }
  .app-promo .skip-branch .wrap .badge-new {
    display: none; }
  .app-promo .skip-branch.gutter-left {
    margin-left: 0;
    padding-bottom: 45px; }
  .secondary .column.one-half,
  section.secondary .column.one-third {
    float: none;
    width: 100%;
    margin: 0 0 30px; }
  .secondary .column.one-half a.btn-blue {
    width: 94%;
    text-align: center; }
  .credit-promo .column img {
    display: none; }
  /* --------- SBO Log On ---------- */
  #sbo-login .non-collapse-content dt {
    width: 35%; }
  #sbo-login .non-collapse-content dd {
    width: 65%; }
  .credit-promo h2,
  .credit-promo h3,
  .credit-promo h4 {
    text-align: center; }
  .credit-promo .column p {
    margin: 0 10px;
    text-align: center; }
  .credit-promo .wrapper {
    padding: 0; }
  .credit-promo h4 span {
    margin-top: 10px; }
  #sbo-login .phone-registration.ach-update dd.ach-wire-phone-edit {
    width: 100%;
    margin-top: 15px; }
  /* --------- Progress Bar ---------- */
  .progress-indicator .indicator.step-2 {
    left: 30%; }
  .progress-indicator .indicator.step-3 {
    left: 63%; }
  .progress ul li .min-section-text {
    font-family: 'source_sans_prosemibold';
    color: #ab515f;
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 1em;
    padding-bottom: 8px;
    line-height: .85em; }
  .ua-ie-7 .progress ul li .min-section-text,
  .checking-account {
    display: block;
    margin-top: 10px; }
  .ua-ie .progress ul li .min-section-text {
    padding-bottom: 5px;
    height: 90%; }
  .progress ul li .section-text {
    display: none; }
  /* --------- global ---------- */
  .one-half,
  .two-thirds,
  .one-third {
    width: 100%;
    float: none; }
  #transfers .ad-placeholder {
    width: 100%;
    float: none;
    margin-top: 20px; }
  .one-half,
  .one-half.gutter-right,
  .two-thirds.gutter-right,
  .one-third.gutter-right {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px; }
  .one-half.gutter-right {
    width: 47.5%;
    margin-right: 2.5%; }
  .one-half.gutter-left {
    width: 47.5%;
    margin-left: 2.5%; }
  table,
  .row .column:last-child {
    border-bottom: none; }
  .table-head {
    position: absolute;
    /* Hides table head but not using display none */
    top: -1000em;
    left: -1000em; }
  .row .column:nth-child(1) {
    /* first column of the row */
    border-left: none; }
  .row .column:last-child {
    /* last column of the row */
    border-right: none; }
  .row:last-child .column {
    /* Column in the last row and column */
    border-bottom: 1px solid #eeeeee; }
  .column:before {
    /* prints the value of data-label attribute before the column data */
    font-weight: bold;
    padding-right: 20px;
    font-size: 12px; }
  /*-------------------------------- Conversions -----------------------------*/
  .citi-export a {
    margin: 0 0 15px;
    display: block;
    text-align: left; } }

@media screen and (max-width: 590px) {
  /*------------------------------password reset-------------------------*/
  dl.reset-password dd input {
    width: 100%; }
  #make-transfer .window .lbform-col-1,
  .transaction-confirm .window .lbform-col-1,
  .smallbusiness .window .lbform-col-1 {
    width: 100%; }
    #make-transfer .window .lbform-col-1 dt .help,
    .transaction-confirm .window .lbform-col-1 dt .help,
    .smallbusiness .window .lbform-col-1 dt .help {
      display: inline-block; }
  /*--------------------------------ACCOUNT DETAILS--------------------------------*/
  .details-column-one,
  .details-column-two {
    width: 100%;
    float: none; }
  #daterange,
  #acct-details .history-dates-to,
  #acct-details .history-dates-from {
    width: 100%;
    margin-top: 10px; }
  #transfers.verify-transaction #account-services {
    display: none; }
  .selectranges .error-wrapper {
    width: 95%; }
  .suspend-list .replace-email {
    margin-top: 10px; }
  .acct-services .twobutton {
    width: auto;
    float: none; }
  .checking-account {
    display: block;
    margin: 10px 0 0; }
  #acct-details2 dt.form-col-1,
  #acct-details2 dd.form-col-2,
  #acct-details2 .acct-services .checkcard-user-info dd,
  #acct-details2 .acct-services .checkcard-user-info dt {
    width: auto;
    float: none; }
  #acct-details2 .acct-services .acct-svcs-info dd,
  #acct-details2 .acct-services .payment-svcs-info .select-background,
  #acct-details2 .acct-services .payment-svcs-info .recipient-input {
    width: 100%; }
  #acct-details2 dt.form-col-1,
  #acct-details2 .acct-services .checkcard-user-info dt {
    margin-bottom: 0; }
  .acct-services .payment-svcs-info dd.form-col-2 dl dt {
    width: 70%; }
  #searchboxes2 .search-selection {
    float: none; }
  .detail-loans #searchboxes2 .search-selection {
    float: left; }
  #searchboxes2 .searchbutton,
  .editbox .footer-submit {
    margin: 25px 0 0; }
  #acct-details2 .acct-services .checkcard-user-info dd,
  #acct-details2 .acct-svcs-info dd,
  #acct-details2 .acct-services .checkcard-user-info dt,
  #acct-details2 .acct-services .checkcard-user-info dd,
  #acct-details2 .acct-services .acct-svcs-info dt.form-col-1,
  #acct-details2 .acct-services .acct-svcs-info dd {
    width: 95%;
    padding-right: 5px; }
  /*--------------------------------MY PROFILE--------------------------------*/
  #my-profile .column-one .table-wrapper,
  #my-profile .table-wrapper {
    margin: 0 -15px; }
  #my-profile .editable,
  #my-profile .edit-control {
    float: none;
    width: 100%;
    text-align: left; }
  .accthideshow {
    width: 100%;
    display: block;
    margin: 5px 0; }
  #my-profile dt,
  #my-profile dd,
  .smallbusiness #alerts dt,
  .smallbusiness #alerts dd,
  .alertemail dd,
  .alertemail dt,
  #alerts dd,
  #alerts dt {
    width: 100%;
    float: none; }
  #my-profile dt,
  .smallbusiness #alerts dt {
    margin: 0; }
  #my-profile dd,
  .smallbusiness #alerts dd {
    margin: 5px 0 20px; }
  #my-profile .column-wide form input.profile-input,
  #my-profile .column-wide form input.password-input {
    width: 100%; }
  #my-profile .column-wide form .error-wrapper {
    width: 93%; }
  #my-profile .twobutton {
    width: auto;
    text-align: center;
    float: none;
    margin: 20px 0 10px; }
  .alert-quiettimes span {
    display: block;
    margin: 10px 0; }
  #alerts .column-wide form input.profile-input,
  #retail-login form .column-wide input.profile-input,
  #my-profile form input[type="text"],
  .smallbusiness #alerts input[type="text"],
  #change-password .error-wrapper {
    width: 100%; }
  /*--------------------------------ALERTS--------------------------------*/
  .alerttable {
    margin: 0 -15px; }
  #alerts .alerts-topleft .statement-wrapper,
  #alerts .alerts-topleft dd .statement-wrapper {
    width: 100%;
    float: none; }
  .alt-table-leftcol,
  .alt-table-rightcol {
    width: 100%; }
  .row-odd .alt-table-send1,
  .row-odd .alt-table-desc1,
  .row-odd .alt-table-send,
  .row-odd .alt-table-desc {
    background: #f0f0f0;
    border-bottom: none; }
  .alt-table-desc1,
  .alt-table-desc {
    display: block;
    margin: 15px;
    padding: 0; }
  .alt-table-send1,
  .alt-table-send {
    display: block;
    margin: 10px 15px 15px;
    padding: 0; }
  .business-alert-type .alt-table-rightcol div {
    margin-top: 10px; }
  #alerts .alerts-topleft dt,
  #alerts .alerts-topleft dd {
    width: 100%;
    float: none; }
  #alerts .alert-contact {
    width: 100%;
    float: none;
    margin-top: 10px; }
  #alerts .suspend-list {
    width: 100%;
    float: none;
    margin-top: 15px; }
  .suspend-list li {
    margin-left: 0; }
  #error-summary-in-table {
    width: 100%;
    margin-bottom: 0; }
  /*--------------------------------CUSTOMER SERVICE--------------------------------*/
  #acct-requests dt,
  #acct-requests dd {
    width: 100%;
    float: none;
    padding: 0; }
  #acct-requests dt {
    margin: 0; }
  /*dt .help {
        display: block;
        margin-bottom: 5px;
    }*/
  #stop-payment dd.checknumber2 .check-info {
    width: 100%; }
  #acct-requests #stop-payment dd.checknumber2 {
    width: 100%;
    margin-left: 0;
    margin-top: 15px; }
  #acct-requests #stop-payment dd.checknumber {
    width: 100%; }
  .midtext {
    padding-left: 0;
    float: none; }
  .checking-account {
    margin: 15px 0 0 0; }
  #acct-requests .export-dates li {
    float: none; }
  #acct-requests .export-dates li .arrow-right {
    display: none; }
  /*--------------------------------CALENDAR--------------------------------*/
  #containerCal {
    width: 95% !important;
    max-width: 340px;
    left: 2.5% !important;
    margin: 0 auto; }
  .calendar-wrapper {
    width: auto !important; }
  .calendar-wrapper .month {
    width: 100%; }
  .calendar-wrapper .left-table {
    border-right: 0;
    margin-bottom: 15px; }
  .delivery-information p {
    float: none;
    width: 100%; }
  .delivery-information .cal-close {
    width: auto;
    text-align: center;
    position: static;
    padding: 0 0 5px; }
  .delivery-information .btn-ltblue {
    display: block; }
  /*--------------------------------PAYMENTS & TRANSFERS--------------------------------*/
  .merchantlist {
    width: 100%;
    margin: 0; }
  .authorize-info dl dt {
    width: 45%;
    padding-right: 2%; }
  .authorize-info dl dd {
    width: 53%; }
  .billpay-alerts,
  .new-recip,
  .make-a-payment {
    float: left;
    width: 100%;
    margin: 10px 0; }
  .use-collapse .billpay-alerts,
  .use-collapse .new-recip,
  .use-collapse .make-a-payment {
    margin-left: 10px; }
  dl.edit-template .template-label {
    margin: 0;
    float: none; }
  .edit-template .template-label:first-child .small-input {
    margin-bottom: 15px; }
  #make-transfer .dd-total dt.form-col-1 {
    margin-bottom: 0;
    float: none; }
  #make-transfer .dd-total dd.form-col-2 {
    width: auto;
    float: none;
    margin-bottom: 15px; }
  .confirm dl.account-totals dd,
  .confirm dl.account-totals dt {
    float: none;
    width: 100%;
    text-align: left; }
  .payments-footer .submit-link,
  .payments-footer .cancel-button {
    width: 100%;
    margin: 0 0 15px; }
  #payments-transfers .window .footer-submit.buttons-full {
    float: none; }
  #make-transfer .window .footer-submit {
    float: left;
    width: 100%;
    text-align: left; }
  /*--------------------------------RETAIL LOGIN--------------------------------*/
  .forgot-item {
    display: block;
    margin-left: 0; }
  #sbo-login .add-a-user input,
  #retail-login .add-a-user input {
    width: 100%; }
  #retail-login .column-wide dt,
  #retail-login .column-wide dd {
    float: none;
    width: auto; }
  .column-wide .twobutton {
    float: none;
    width: auto; }
  /* --------- Log On ---------- */
  #sbo-login .primary-email dt,
  #sbo-login .primary-email dd,
  #sbo-login .security-verify dt,
  #sbo-login .security-verify dd,
  #sbo-login .phone-registration dt,
  #sbo-login .phone-registration dd {
    width: auto;
    float: none; }
  #sbo-login .primary-email dd .profile-input,
  #sbo-login #security-questions form input[type="text"] {
    width: 100%; }
  .non-collapse-content {
    margin: 0 -15px;
    border-left: none;
    border-right: none; }
  .alt-table-leftcol .ext-num {
    display: block;
    margin: 0 0 10px;
    clear: both;
    text-align: left; }
  .ext-num label {
    width: 100%; }
  .ext-num input {
    margin: 0; }
  #sbo-login .rules-column dt,
  #sbo-login .rules-column dd {
    width: auto;
    float: none; }
  .user-custom-selections {
    margin: 0 -15px; }
  #sbo-login .phone-registration.ach-update dt,
  #sbo-login .phone-registration.ach-update dd {
    width: 100%; } }

/*--------------------------------SPECIAL ADJUSTMENT--------------------------------*/
@media screen and (max-width: 490px) {
  /*----------login------------------*/
  .loginnav .center-buttons {
    width: 100%; }
  /* --------- Statements ---------- */
  .statement-col-one,
  .statement-col-two,
  .tri-button .center-buttons {
    width: 100%;
    float: none;
    margin: 0; }
  .statement-col-two .statement-date-header,
  .statement-col-two .statement-pdf-header {
    display: none; }
  /* --------- Customer Services ---------- */
  #acct-requests .export-dates li:first-child {
    margin-bottom: 20px;
    display: block; }
  /* --------- Payments & Transfers ---------- */
  .securityquestion .threebutton .submit-button,
  .securityquestion .threebutton .back-button,
  .securityquestion .threebutton .cancel-button,
  .loginnav .center-buttons .submit-link,
  .loginnav .center-buttons .cancel-button,
  .loginnav.tri-button .back-button {
    width: 100%;
    margin: 0 0 15px; }
  .dd-recipient-choice .btn-ltblue {
    width: 100%;
    padding: 10px 8px;
    margin-bottom: 15px; }
  .dd-recipient-choice {
    width: 100%; }
  #payments-transfers .history-dates-from,
  #payments-transfers .history-dates-to {
    clear: both;
    margin-bottom: 15px; }
  .arrow-right {
    display: none; }
  .duration-search-fields {
    width: 75%; }
  #add-wire {
    position: static;
    display: block;
    display: none;
    padding-top: 1px; }
  /*----------Account Details -------------*/
  .column-wide-promo .top-content .form-col-2 {
    width: 45%;
    float: right;
    text-align: right;
    margin: 10px 0; } }

/* ------------- 430 for mobile view ----------- */
@media screen and (max-width: 430px) {
  /* -------- buttons -------- */
  #alerts .delivery-footer .setup-button,
  #delivery-options .setup-button,
  .center-buttons {
    width: 100%; }
  .cancel-button, .edit-button {
    margin-left: 0; }
  .verify-transaction .submit-content .setup-button {
    margin: 0 auto 15px; }
  /* --------- Account Details ---------- */
  .history-search-by,
  .history-search-type {
    width: 99%; }
  .history-description {
    width: 100%; }
  .swap-box .searchbutton {
    width: 100%; }
  .day-buttons {
    font-size: .8em; }
  .history-dates-from,
  .history-dates-to {
    float: none; }
  .statement-balance {
    float: left;
    clear: both;
    margin-top: 10px; }
  .search-arrow {
    display: none; }
  .detail-loans #searchboxes2 .search-selection {
    float: none; }
  .acct-services .payment-svcs-info .select-background,
  .dd-acct-select,
  #alerts dt,
  #alerts dd,
  #alerts dl.mobile-numbers dd {
    width: 100%; }
  #acct-details2 .form-col-2 dt,
  #acct-details2 .nonbbt-account .form-col-2 dt,
  #acct-details2 .bbt-account .form-col-2 dt {
    width: auto;
    float: none;
    margin-bottom: 5px;
    float: left; }
  #acct-details2 .form-col-2 dd,
  #acct-details2 .nonbbt-account .form-col-2 dd,
  #acct-details2 .bbt-account .form-col-2 dd {
    float: none;
    margin-left: 25px; }
  .mortgage-pay2 {
    text-align: left; }
  .acct-services .payment-svcs-info dd.form-col-2 p.acct-select-notice {
    margin: 0; }
  dt.float-tooltip .help {
    margin-left: 25px; }
  .acct-selector li {
    display: block;
    margin-bottom: 15px; }
  .access-selection1 {
    width: 95%; }
  .column-wide-promo .top-content dt {
    width: 50%; }
  #acct-details2 dl.level2-questions dt,
  #acct-details2 .alt-table-singlecol dl dt,
  #acct-details2 .small-input.longname {
    width: 100%;
    max-width: 195px;
    padding-top: 0;
    margin-bottom: 5px; }
  #acct-details2 dl.level2-questions dd,
  #acct-details2 .alt-table-singlecol dl dd {
    width: 100%;
    margin: 0 0 10px 0; }
  .viewstatements,
  .advancedsearchlink {
    margin: 15px 0; }
  /* SBO order Debit Card */
  .smallbusiness .acct-services .order-card .cc-textarea-wrapper textarea.character-count {
    margin-top: 0;
    height: auto;
    width: auto;
    overflow: auto; }
  /* --------- Statements ---------- */
  .annualstmnt-title {
    display: block;
    float: none; }
  #statements .annualstmnt .statement-date {
    width: 35%; }
  /* --------- My Profiles ---------- */
  #my-profile #manage-hideshow .table-wrapper {
    margin: 0 -15px 25px; }
  .add-alert-contact {
    float: left;
    clear: both; }
  .hide-center {
    width: 35%; }
  /* --------- Customer Service ---------- */
  #stop-payment .checknumber input[type="text"],
  dd.checkamount .check-info {
    width: 100%; }
  #acct-requests .statement-wrapper {
    width: 99%; }
  .connect-info .full ul,
  .telephone-number {
    width: 100%;
    float: none;
    text-align: left; }
  .connect-info .full ul {
    margin-top: 20px;
    margin-bottom: 10px; }
  .connect-info .full:first-child ul {
    margin-top: 0; }
  .connect-info .column li {
    margin-bottom: 5px; }
  #acct-requests .export-dates li .arrow-right {
    display: none; }
  .bank-info .answer-text .routingnumber dt {
    width: 100%;
    margin-bottom: 0;
    font-family: 'source_sans_prosemibold'; }
  .bank-info .answer-text .routingnumber dd {
    width: 100%;
    margin-bottom: 15px; }
  /* --------- Payments & Transfers ---------- */
  dl.add-recipient-confirm dt,
  .mod-content dl.dd-acct-info,
  dl.dd-total .checkbox-title {
    width: 100%;
    margin-bottom: 0; }
  dl.add-recipient-confirm dd {
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px; }
  .recipient-search {
    float: none;
    width: auto;
    margin: 0 10px 20px; }
  .recipient-search .small-input {
    width: 100%;
    margin: 15px 0; }
  .recipient-search .submit-button {
    float: none;
    margin: 0; }
  .trans-search-fields,
  .duration-search-fields,
  .button-search-field {
    width: 100%;
    margin-left: 0;
    margin-right: 0; }
  .merchant-rightspan span,
  .merchant-leftspan a {
    margin-left: 0px;
    display: block; }
  .merchant-rightspan span a.first {
    padding-left: 0px; }
  .authorize-info dl dt {
    width: 100%;
    padding-right: 0;
    margin-bottom: 0; }
  .authorize-info dl dd,
  #make-transfer dd.transaction-type.dd-class {
    width: 100%;
    margin-bottom: 15px; }
  .payment-list-view-select .twobutton {
    text-align: center;
    width: 94%;
    margin-left: 3%;
    margin-right: 3%; }
  td.nowrap {
    white-space: normal; }
  /* --------- Retail Login---------- */
  #retail-login .add-a-user dt,
  #retail-login .add-a-user dd {
    width: 100%; }
  .progress-indicator .indicator.step-2,
  .progress-indicator .indicator.step-3 {
    left: 30%; }
  .progress-indicator .indicator.step-3 {
    left: 63%; }
  .progress-indicator .indicator.step-4 {
    left: 98.25%; }
  .progress-indicator .indicator.step-4 {
    left: 96%; }
  .progress-indicator .indicator.step-1 .complete-icon {
    left: -1px; }
  #outside-progress .progress-indicator .indicator.step-4 .complete-icon {
    right: -17px; }
  .security-verify .help {
    display: table; }
    .security-verify .help:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }
  #retail-login .kba-question-wrapper .security-verify dd input[type="text"].recipient-input {
    width: 100%; }
  /*promo*/
  .credit-promo .btn-ltblue,
  section.secondary .column .btn-blue,
  .credit-promo .btn-yellow {
    display: block;
    float: none;
    margin: 0;
    text-align: center; }
  .credit-promo .btn-ltblue {
    margin-bottom: 15px; }
  /* --------- Password Reset ---------- */
  .soft-attention .neatcol10 {
    width: 100%;
    float: none; }
  /* --------- SBO Logon---------- */
  #sbo-login .non-collapse-content dt,
  #sbo-login .non-collapse-content dd,
  .selection-title1 {
    width: 100%;
    float: none; }
  #sbo-login .non-collapse-content dt {
    margin-bottom: 0; }
  .selection-title2 {
    display: none; }
  .access-selection2 {
    width: 50%;
    margin-left: 45px;
    margin-bottom: 10px; }
  .authorization-call .authorization-num {
    margin-left: 0%; }
  .authorization-call .center-buttons {
    width: 100%; } }

@media screen and (max-width: 860px) and (min-width: 800px) {
  /* --------- P&T List View ------------ */
  #payment-list-view-upcoming-payments table.overflowing .row.total .amount {
    float: left; } }

@media screen and (max-width: 600px) {
  /* --------- Messages window---------- */
  #message-center .windowbuttons {
    margin-bottom: 0; }
  #message-center .window {
    width: 80%;
    max-width: 320px; }
  .card-perso img.small {
    display: none; }
  #acct-details2.check-card-details .card-perso .column-one {
    width: auto; } }

@media (-webkit-min-device-pixel-ratio: 2) {
  .skip-navigation, #skip-nav {
    display: none; } }

.ua-firefox table {
  border-collapse: separate;
  clear: both; }

@media (-webkit-min-device-pixel-ratio: 2) {
  .skip-navigation, #skip-nav {
    display: none; }
  .module .mod-content .button .btn-arrow:before {
    background: url(../images/overview@2x.png) no-repeat 0 0;
    background-size: 220px; }
  .window a.first.close:before {
    background: url(../images/overview@2x.png) no-repeat -64px 0;
    background-size: 220px; }
  .warning-icon:before {
    background: url(../images/overview@2x.png) no-repeat -55px -60px;
    background-size: 220px; }
  #toTopHover {
    background: url(../images/overview@2x.png) no-repeat 0px -132px;
    background-size: 220px; }
  #toTop {
    background: url(../images/overview@2x.png) no-repeat 0 -80px;
    background-size: 220px; }
  .repeat-icon {
    background: url(../images/overview@2x.png) no-repeat -20px -43px;
    background-size: 220px;
    height: 13px; }
  .service-box.collapsed .hide-show,
  .service-box.precollapse .hide-show,
  .precollapse .hide-show,
  #statements .collapsed .hide-show,
  #my-profile .collapsed .hide-show,
  #sbo-login .collapsed .hide-show,
  #payments-transfers .collapsed .hide-show {
    background: url(../images/overview@2x.png) no-repeat -201px 0;
    background-size: 220px; }
  #statements .hide-show,
  #my-profile .hide-show,
  #payments-transfers .hide-show,
  #sbo-login .hide-show,
  .service-box .hide-show {
    background: url(../images/overview@2x.png) no-repeat -20px 0;
    background-size: 220px; }
  .module .table-footer .repeating:before {
    background: url(../images/overview@2x.png) no-repeat -20px -40px;
    background-size: 220px; }
  #print-link:before {
    background: url(../images/overview@2x.png) no-repeat 0 -40px;
    background-size: 220px; }
  #help-link:before {
    background: url(../images/overview@2x.png) no-repeat -40px -40px;
    background-size: 220px; }
  .logoff a.logoff-label:before {
    background: url(../images/overview@2x.png) no-repeat 0 -20px;
    background-size: 220px; }
  .top-menu-label:before,
  .hide-dropdown .top-menu-label:before {
    background: url(../images/overview@2x.png) no-repeat -20px -20px;
    background-size: 220px; }
  .menu-label:before,
  .hide-dropdown .menu-label:before {
    background: url(../images/overview@2x.png) no-repeat -20px 0;
    background-size: 220px; }
  .communication-attention a:before {
    background: url(../images/overview@2x.png) -80px -120px;
    background-size: 220px; }
  .communication-general a:before {
    background: url(../images/overview@2x.png) -60px -120px;
    background-size: 220px; } }

@media screen and (max-width: 800px) and (-webkit-min-device-pixel-ratio: 2) {
  .top-menu-label:before,
  .hide-dropdown .top-menu-label:before {
    background: url(../images/overview@2x.png) -20px 0;
    background-size: 220px; } }

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
/* For image replacement */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr; }

.ir br {
  display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
  display: none !important;
  visibility: hidden; }

.hide {
  display: none; }

.right {
  float: right; }

.left {
  float: left; }

.margin-top {
  margin-top: 20px; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

/* .clearfix { display: inline-table; } */
.margin-bottom {
  margin-bottom: 20px; }

.margin-bottom-10 {
  margin-bottom: 10px; }

.margin-bottom-5 {
  margin-bottom: 10px; }

.date-indent {
  margin: 0px 0px 15px 62px; }

.cursor-pointer {
  cursor: pointer; }

.cursor-default {
  cursor: default; }

/* ==|== Password Enforcement ===============================================
   //
   //
   ========================================================================== */
.nested-two-thirds {
  width: 100%;
  padding: 15px 15px 0; }

.password-rule-wrapper {
  margin-top: 15px; }

.pword-form__button-group .pword-form__input {
  float: left; }

.pword-form__button-group, .pword-form__display-group {
  padding-left: 15px; }

.pword-form__form-group {
  line-height: 24px;
  margin-bottom: 15px; }
  .pword-form__form-group::after {
    clear: both;
    content: "";
    display: table; }

.pword-form__input-wrapper {
  transition: border-color 0.5s ease, background-color 0.5s ease;
  width: 100%;
  display: inline-block;
  padding: 15px 15px 0;
  border: 1px solid transparent; }
  .pword-form__input-wrapper::after {
    clear: both;
    content: "";
    display: table; }
  .pword-form__input-wrapper .pword-form__input {
    width: 100%; }

.pword-form .icon-error {
  position: relative;
  left: -30px; }
  .pword-form .icon-error:before {
    content: '';
    background: url(../images/olb-sprites.png) -60px 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 20px;
    width: 20px; }

.pword-form .pword-form__label {
  width: 100%;
  float: left;
  padding: 0px 15px 0; }

.pword-rules__error-message {
  animation: textFadeOut 0.4s ease;
  line-height: 20px;
  display: none;
  margin-bottom: 10px;
  position: relative;
  padding-left: 30px;
  color: #990000;
  opacity: 0; }
  .pword-rules__error-message.is-incomplete {
    animation: textFadeIn 0.4s ease;
    display: block;
    opacity: 1; }

.pword-rules__requirements-list > .pword-rules__list-item--icon:before {
  font-family: "olb_icons";
  content: '\e805';
  font-size: 15px;
  font-style: normal;
  font-weight: normal;
  speak: none;
  margin-right: 10px;
  color: #BFBFBF; }

.pword-rules__requirements-list > .pword-rules__list-item--icon.is-complete {
  color: #0C683D; }
  .pword-rules__requirements-list > .pword-rules__list-item--icon.is-complete:before {
    color: #0C683D; }

.pword-rules__requirements-list > .pword-rules__sub-rules {
  margin: 5px 0 10px; }
  .pword-rules__requirements-list > .pword-rules__sub-rules .pword-rules__list-item {
    padding-left: 25px;
    position: relative;
    line-height: 28px; }
    .pword-rules__requirements-list > .pword-rules__sub-rules .pword-rules__list-item:before {
      content: '';
      border-left: 4px solid #BFBFBF;
      display: inline-block;
      height: 100%;
      position: absolute;
      left: 0;
      margin-left: 6px; }
    .pword-rules__requirements-list > .pword-rules__sub-rules .pword-rules__list-item.is-complete {
      color: #0C683D; }
      .pword-rules__requirements-list > .pword-rules__sub-rules .pword-rules__list-item.is-complete:before {
        border-left: 4px solid #0C683D; }

.pword-rules__subwrapper {
  margin-bottom: 10px; }

.pword-rules hr {
  margin: 15px 0; }

.input__inline-message-blk {
  margin: 10px 0; }

.pword-form__input-wrapper {
  position: relative; }

.form__row--error label {
  color: #990000;
  transition: color 0.3s ease; }

.form__row--error .pword-form__input {
  margin: 0; }

.form__row--error .pword-form__input-wrapper {
  position: relative;
  transition: border-color 0.3s ease, background-color 0.5s ease;
  background-color: #FFFFBB;
  border-color: #E5C31E;
  margin: 0;
  border-radius: 3px;
  text-align: left; }

.capslock-indicator {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: -19px;
  right: 16px;
  background: white;
  padding: 0 6px;
  border-radius: 3px;
  z-index: 1;
  border: 1px solid #ececec;
  line-height: 29px;
  box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.5); }
  @media screen and (min-width: 520px) {
    .capslock-indicator {
      margin-left: 0; } }
  .capslock-indicator:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    content: '';
    position: absolute;
    display: block;
    left: 50%;
    bottom: -5px;
    width: 10px;
    height: 10px;
    background: #FFF;
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec; }
  .capslock-indicator.is-capslockon {
    visibility: visible;
    opacity: 1; }

.capslock-indicator__subwrapper {
  color: green;
  font-size: 14px; }

.grid-hide-small {
  display: none; }

.grid-small-only {
  display: block; }

/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  /* Black prints faster: h5bp.com/s */
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  /* Don't show links for images, or javascript/internal links */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2, h3 {
    page-break-after: avoid; } }
