@charset "UTF-8";
html {
  box-sizing: border-box; }

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

html {
  margin: 0 auto;
  padding: 0;
  vertical-align: baseline; }

body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, button, footer, header, hgroup, menu, nav, section {
  display: block; }

header, nav, section, article, aside, footer {
  display: block; }

button {
  margin: 0;
  padding: 0; }

body {
  font: 100%/1.5em 'source_sans_proregular', verdana, sans-serif;
  margin: 0; }

.ua-ie-8 body {
  font-size: 16px; }

/* --- type --- */
/************************************************************************
 File for custom mixins
************************************************************************/
@keyframes expandWrapper {
  0% {
    padding: 0;
    background-color: transparent; }
  100% {
    padding: 15px 15px 0;
    background-color: #FFFFBB; } }

@keyframes decreaseMargin {
  0% {
    margin: 15px 0 0; }
  100% {
    margin: 0; } }

@keyframes textFadeIn {
  0% {
    display: none;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }

@keyframes textFadeout {
  0% {
    display: block;
    opacity: 1; }
  100% {
    display: none;
    opacity: 0; } }

@font-face {
  font-family: 'source_sans_proregular';
  src: url("fonts/sourcesanspro-regular-webfont.eot");
  src: url("fonts/sourcesanspro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/sourcesanspro-regular-webfont.woff") format("woff"), url("fonts/sourcesanspro-regular-webfont.ttf") format("truetype"), url("fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular") format("svg");
  font-weight: normal; }

@font-face {
  font-family: 'source_sans_proitalic';
  src: url("fonts/sourcesanspro-it-webfont.eot");
  src: url("fonts/sourcesanspro-it-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/sourcesanspro-it-webfont.woff") format("woff"), url("fonts/sourcesanspro-it-webfont.ttf") format("truetype"), url("fonts/sourcesanspro-it-webfont.svg#source_sans_proitalic") format("svg");
  font-weight: normal; }

@font-face {
  font-family: 'source_sans_prosemibold';
  src: url("fonts/sourcesanspro-semibold-webfont.eot");
  src: url("fonts/sourcesanspro-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/sourcesanspro-semibold-webfont.woff") format("woff"), url("fonts/sourcesanspro-semibold-webfont.ttf") format("truetype"), url("fonts/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold") format("svg");
  font-weight: normal; }

@font-face {
  font-family: 'source_sans_probold';
  src: url("fonts/sourcesanspro-bold-webfont.eot");
  src: url("fonts/sourcesanspro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/sourcesanspro-bold-webfont.woff") format("woff"), url("fonts/sourcesanspro-bold-webfont.ttf") format("truetype"), url("fonts/sourcesanspro-bold-webfont.svg#source_sans_probold") format("svg");
  font-weight: normal; }

@font-face {
  font-family: 'source_sans_probold_italic';
  src: url("fonts/sourcesanspro-boldit-webfont.eot");
  src: url("fonts/sourcesanspro-boldit-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/sourcesanspro-boldit-webfont.woff") format("woff"), url("fonts/sourcesanspro-boldit-webfont.ttf") format("truetype"), url("fonts/sourcesanspro-boldit-webfont.svg#source_sans_probold_italic") format("svg");
  font-weight: 700; }

@font-face {
  font-family: 'olb_icons';
  src: url("fonts/olb_icons.eot?32184220");
  src: url("fonts/olb_icons.eot?32184220#iefix") format("embedded-opentype"), url("fonts/olb_icons.woff?32184220") format("woff"), url("fonts/olb_icons.ttf?32184220") format("truetype"), url("fonts/olb_icons.svg?32184220#olb_icons") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'olb_icons';
    src: url('../font/olb_icons.svg?32184220#olb_icons') format('svg');
  }
}
*/
[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;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-checkmark-confirm:before {
  content: '\e800'; }

/* 'î €' */
.icon-printer:before {
  content: '\e801'; }

/* 'î ' */
.icon-large-close:before {
  content: '\e802'; }

/* 'î ‚' */
.icon-info:before {
  content: '\e803'; }

/* 'î ƒ' */
.icon-solid-check:before {
  content: '\e805'; }

/* 'î …' */
/* 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,
.filter:after,
div.row:after,
div.row-alt:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

label, input {
  cursor: pointer; }

label.text-right {
  padding: 10px 20px 0 0;
  display: inline-block; }

input#show-hidden {
  margin: 2px 0 0 0;
  top: 0; }

input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
  width: 14px;
  height: 14px;
  border: 0;
  margin-right: 5px; }

input[type="text"],
input[type="tel"] {
  cursor: text; }

.clear {
  clear: both; }

fieldset {
  border: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

a, a:link, a:visited, a:active {
  text-decoration: underline;
  color: #003399; }

p, address, span {
  color: #2f2f2f; }

a img {
  border: 0; }

p {
  padding: 5px 0;
  margin: 0; }

header, nav, section, article, aside, footer {
  display: block; }

a:hover,
.overview .module .mod-content .left-column .button:hover .btn-arrow h3 {
  color: #990033;
  text-decoration: none; }

*:focus {
  outline: none; }

a:focus,
input:focus {
  outline: 1px dotted #2f2f2f; }

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

.emface {
  font-family: 'source_sans_proitalic'; }

.emline {
  font-family: 'source_sans_probold_italic';
  text-decoration: underline; }

.emboldface {
  font-family: 'source_sans_probold_italic'; }

.boldface-red {
  font-family: 'source_sans_probold';
  color: #ff0000; }

.emphasistext {
  font-family: 'source_sans_probold_italic';
  text-decoration: underline; }

/* 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; }

h1, h2, h3, h4 {
  margin: 0 0 15px 0; }

h1 {
  font: normal 2.25em/120% 'source_sans_prosemibold', verdana, sans-serif;
  color: #7e0321; }

h2 {
  font: normal 1.5em/120% 'source_sans_proregular', verdana, sans-serif;
  color: #31383e; }

h3 {
  font: normal 1.7em/120% 'source_sans_proregular', verdana, sans-serif;
  color: #31383e; }

.overview h3 {
  font-size: 1.22em;
  font-family: 'source_sans_prosemibold', verdana, sans-serif;
  padding-bottom: 0;
  margin: 3px 0; }

.wrapper {
  max-width: 1024px;
  margin: 0 auto;
  width: 98%; }

.float-rt {
  float: right; }

.float-left {
  float: left; }

.access {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

#to-titlebar h2 img {
  margin-bottom: -15px; }

/* --- quickgrid --- */
.column {
  float: left;
  box-sizing: border-box; }

.full-width {
  width: 100%; }

.column-right {
  float: right;
  box-sizing: border-box; }

.one-half {
  width: 50%; }

.one-half.gutter-right {
  width: 47.5%;
  margin-right: 2.5%; }

.one-half.gutter-left {
  width: 47.5%;
  margin-left: 2.5%; }

.one-third {
  width: 33.33333333333333%; }

.one-third.gutter-left {
  width: 30.33333333333333%;
  margin-left: 3%; }

.one-third.gutter-right {
  width: 30.33333333333333%;
  margin-right: 3%; }

.two-thirds {
  width: 66.66666666666666%; }

.two-thirds.gutter-right {
  width: 63.66666666666666%;
  margin-right: 3%; }

.ua-firefox .two-thirds {
  width: 63.66666666666666%; }

.one-quarter {
  width: 25%; }

.two-quarters {
  width: 50%; }

.three-quarters {
  width: 75%; }

.one-sixth {
  width: 16.66666666666667%; }

.five-sixths {
  width: 83.33333333333333%; }

/* --- quickgrid ends--- */
.timeout-warning {
  margin-top: 20px;
  clear: both;
  margin-left: 20%; }

.email-continue {
  margin-top: 20px;
  clear: both;
  margin-left: 26%; }

#add-email .email-continue {
  margin-left: 20%; }

#date-adjusted footer {
  margin-top: 20px;
  clear: both;
  margin-left: 23%; }

#duplicate .timeout-warning,
#transfer-date-adjusted .timeout-warning {
  clear: both;
  margin: 20px auto 0;
  width: 300px; }

.warning-icon {
  display: block;
  margin-top: 15px;
  position: relative; }

.warning-icon:before {
  background: url(../images/overview.png) -60px -60px;
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 65px;
  height: 60px; }

.column .warning-icon:before {
  top: -25px; }

.hide {
  display: none; }

/* 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; }

a.submit-button,
button.submit-button,
input[type="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;*/ }

button.submit-button:hover,
input[type="submit"]:hover,
input[type="submit"]:active,
a.submit-link: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 */ }

.standard-button,
.cancel-button,
.back-button,
input[type="button"],
a.cancel-button {
  font: normal 1.1em/150% 'source_sans_prosemibold', verdana, sans-serif;
  background: #2f373d;
  padding: 15px 12px 12px;
  border-radius: 3px;
  border: 1px solid #2f373d;
  /*background: #7a7a7a;*/
  color: #fff;
  text-decoration: none;
  min-width: 100px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  /*margin: 0 15px 0 0;*/
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

a.alt-background {
  background: #b9b7b8;
  color: #333; }

/*-------------------MEGA MENU begins------------------------------*/
.menu-wrapper {
  /*max-width: 960px;*/
  margin: 0;
  width: 100%; }

.cf {
  clear: both; }

#menu {
  list-style: none;
  height: 32px;
  padding: 10px 0 0;
  width: 100%;
  margin: 0;
  z-index: 1000;
  position: relative;
  float: right;
  text-align: right; }

.sbo-mainmenu {
  width: 67% !important; }

.mobile-menu {
  display: none; }

/*  Menu Headlines  */
.menu-head {
  display: inline-block;
  text-align: center;
  position: relative;
  padding: 0;
  margin-right: 0;
  margin-bottom: 0;
  height: 31px; }

.menu-label,
.hide-dropdown .menu-label {
  color: #0c406d;
  text-decoration: none;
  position: relative;
  top: 0;
  left: 0;
  z-index: 1001;
  padding: 10px 25px 8px 13px;
  border-radius: 3px 3px 0 0;
  /*    background: #fff;*/
  cursor: pointer; }

.menu-label:before,
.hide-dropdown .menu-label:before {
  background: url(../images/overview.png) -20px 0px;
  content: "";
  position: absolute;
  right: 3px;
  top: 10px;
  width: 20px;
  height: 20px; }

.ua-desktop .menu-head:hover .menu-label,
.menu-head.show-dropdown .menu-label {
  z-index: 1003;
  border-bottom: none;
  cursor: default;
  background: #31373e;
  color: #fff;
  position: relative; }

/*for desktop, when hover, remain the arrow icon */
.ua-desktop .menu-head:hover .menu-label:before {
  background-position: -20px -20px; }

/*for mobile, change to X icon when dropdown is open*/
.menu-head.show-dropdown .menu-label:before {
  background-position: -40px -20px;
  right: 3px; }

.ua-ie .menu-head:hover .menu-label {
  padding-bottom: 8px;
  padding-top: 7px;
  border-top: 1px solid #c9c9c9; }

/*  Dropdown  */
.dropdown {
  position: absolute;
  left: -999em;
  top: 29px;
  text-align: left;
  margin: 0;
  padding: 0;
  background: #31373e;
  z-index: 1002;
  overflow: hidden; }

/*.smallbusiness .dropdown{
    border-bottom: 4px solid #39607f;
}*/
.ua-ie-8 .dropdown {
  z-index: 1000; }

.ua-desktop .menu-head:hover .dropdown,
.menu-head.show-dropdown .dropdown {
  left: auto;
  right: 0; }

.col-1 {
  display: block;
  position: relative;
  margin: 0; }

.dropdown-1col .col-1 {
  width: 100%; }

/*  where is h2?  */
#menu h2,
#menu h3,
.dropdown p {
  line-height: .875em;
  font-size: .875em;
  text-align: left; }

.dropdown h3 {
  margin: 0;
  border-bottom: 1px solid #5f5f5f;
  color: #fff;
  font-family: 'source_sans_prosemibold';
  background: #31373e; }

#plan-analyze-top-menu .dropdown h3 {
  border-bottom: none; }

.dropdown p {
  line-height: 18px;
  margin: 0 0 10px 0; }

.dropdown a {
  color: #fff;
  padding: 15px 8%;
  display: block;
  text-decoration: none;
  border: none; }

.inbox-mm.dropdown a {
  padding: 10px 10px 10px 7%; }

.dropdown a:focus,
.dropdown a:hover {
  background: #4a535e; }

.dropdown .menu-indent a.inactive {
  background: #31373e;
  cursor: default; }

.dropdown li {
  font-size: .875em;
  line-height: 1.25em;
  position: relative;
  margin: 0;
  float: none;
  text-align: left;
  display: block;
  clear: both; }

.dropdown .inactive {
  color: #898989; }

/*.mobilenav .mobile-sub a{
    font-family: 'source_sans_proregular';
    margin-left: 15px; 
    width: 100%;
    display: block;
    padding: 10px 0;
}*/
.mobilenav.dropdown li {
  font-size: 1em; }

.nav-email-date {
  padding-right: 10px;
  color: #fff; }

/*  Separator  */
.dropdown .menu-separator {
  border-top: 1px solid #5f5f5f;
  /*padding: 20px 25px 15px;*/
  /*  margin-top: 10px;*/ }

.mobilnav .dropdown .menu-separator {
  margin-top: 0; }

.dropdown .menu-indent a {
  padding: 5px 10px 5px 35px; }

/*  Accounts  */
.acct-mm {
  width: 250px; }

.transfers-mm {
  width: 250px; }

.smallbusiness .transfers-mm {
  width: 297px; }

.business-serv-mm {
  width: 272px; }

/*  Customer Service  */
.cust-serv-mm {
  width: 250px; }

/*  Wrapper for Inbox and logoff  */
.top-menu-wrapper {
  position: absolute;
  top: -50px;
  right: 0; }

.top-menu {
  float: left;
  width: 90px;
  height: 34px;
  position: relative; }

.top-menu-label,
.hide-dropdown .top-menu-label,
.top-menu-btn {
  width: 100%;
  height: 100%;
  text-align: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  position: relative;
  text-decoration: none;
  border-radius: 3px;
  font-size: 1em;
  line-height: 34px;
  cursor: pointer; }

/*  Inbox  */
.inbox-mm {
  width: 310px; }

.ua-ie-8 .inbox-mm {
  z-index: 1000; }

.top-menu .dropdown {
  top: 33px; }

.ua-desktop .top-menu:hover .dropdown,
.top-menu.show-dropdown .dropdown {
  left: auto;
  right: 0; }

.inbox h3 {
  font-size: 1em;
  font-family: 'source_sans_prosemibold';
  margin-bottom: 0; }

.top-menu a {
  font-family: 'source_sans_prosemibold';
  color: #fff;
  text-decoration: none; }

.inbox li a {
  font-weight: normal;
  font-size: .9em; }

.new-email {
  color: #fee301;
  float: left;
  margin: 5px 5px 0 7%;
  display: block;
  height: 15px;
  padding: 10px 5px 10px 0; }

.inbox {
  margin-left: 20px; }

.top-menu-label,
.hide-dropdown .top-menu-label {
  padding-right: 20%;
  background-color: #31383e;
  border: 1px solid #30373e;
  color: #fff;
  position: relative; }

.top-menu-label:before,
.hide-dropdown .top-menu-label:before {
  background: url(../images/overview.png) -20px -20px;
  content: "";
  position: absolute;
  right: 10px;
  top: 8px;
  width: 20px;
  height: 20px; }

.ua-desktop .top-menu:hover .top-menu-label,
.top-menu.show-dropdown .top-menu-label {
  z-index: 1003;
  color: #fff;
  border-bottom: 0;
  box-shadow: none;
  border-radius: 3px 3px 0 0;
  cursor: default;
  background: #31373e;
  position: relative;
  border: 1px solid #31373e; }

/*.ua-desktop .top-menu:hover .top-menu-label:before {
    background-position: -104px -102px;
}*/
/*X button for touch device*/
.top-menu.show-dropdown .top-menu-label:before {
  background-position: -40px -20px; }

.inbox .indicator {
  padding: 4px 10px 9px 0;
  width: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: absolute;
  left: 80px;
  top: -4px;
  z-index: 1001; }

.inbox .message-number {
  color: #fff;
  background: #b23e3e;
  padding: 1px 4px;
  border-radius: 4px; }

/*  Log Off  */
.logoff {
  margin-left: 25px; }

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

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

.logoff-label.btn-yellow {
  padding-left: 30%;
  display: inline-block;
  padding: 1px 0 0 15px; }

.logoff a.logoff-label:before {
  background: url(../images/overview.png) 0px -20px;
  content: "";
  position: absolute;
  left: 6px;
  top: 6px;
  width: 20px;
  height: 20px; }

.hide-dropdown .dropdown {
  display: none; }

.show-dropdown .dropdown {
  display: block; }

.ua-desktop .close-dropdown {
  display: none; }

/*   Inbox Messages   */
.inbox-messages {
  position: absolute;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  top: 0;
  left: -175px;
  width: auto;
  height: 34px;
  background: #5a5a5a;
  zoom: 1;
  margin: 0;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  font-family: 'source_sans_prosemibold';
  border-radius: 3px;
  padding: 6px 5px 0 15px;
  font-size: .9em;
  display: none;
  -moz-animation-duration: .75s;
  -webkit-animation-duration: .75s;
  -moz-animation-name: slidein;
  -webkit-animation-name: slidein;
  z-index: 3000; }

@-moz-keyframes slidein {
  from {
    margin-left: 25px; }
  to {
    margin-left: 0; } }

@-webkit-keyframes slidein {
  from {
    margin-left: 25px; }
  to {
    margin-left: 0; } }

.tip-message-number {
  padding: 1px 5px 0 4px;
  border-radius: 3px;
  background-color: #b23e3e;
  color: #fff; }

.ua-ie-8 .tip-message-number {
  border: 0; }

.inbox-messages a {
  color: #fff; }

.inbox-messages:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.5px 0 7.5px 10px;
  border-color: transparent transparent transparent #5a5a5a;
  content: '';
  position: absolute;
  right: -10px;
  bottom: 28%; }

.ua-ie-8 .inbox-messages:after {
  right: 44px; }

.inbox-messages span.msg-exit {
  z-index: 1000;
  text-align: center;
  left: -10px;
  top: 7px;
  cursor: pointer;
  position: absolute;
  display: block;
  width: 17px;
  height: 17px;
  border: 1px solid #2f2f2f;
  border-radius: 10px;
  color: #fff;
  font-size: .75em;
  font-family: 'source_sans_prosemibold';
  padding: 0px 1px 1px 1px;
  line-height: 180%;
  background: #333;
  /* Old browsers */ }

.ua-ie-8 .inbox-messages span.msg-exit {
  border: 0;
  top: 9px; }

.ua-ie-9 .inbox-messages span.msg-exit {
  filter: none;
  left: -10px;
  padding-left: 0; }

/*-------------------MEGA MENU ENDS ------------------------*/
/*--------------------header styles begins------------------------*/
.skip-navigation {
  position: absolute;
  left: -9999999px; }

#header {
  margin: 0;
  padding: 0;
  width: 100%;
  /*float: left;*/
  position: relative;
  background: #fff;
  border-top: 3px solid #ebb32c; }

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

#header .wrapper {
  position: relative; }

.no-auth #header {
  border-bottom: 3px solid #dedcdc; }

.pageTitle {
  float: left;
  margin: 14px 0 0 105px;
  color: #590F27;
  font-size: 1.65em;
  line-height: 1em;
  width: 45%; }

.printpage .pageTitle {
  margin: 30px 0 0 15px;
  font-size: 2.25em; }

#main-nav {
  height: 84px;
  margin: 12px 0 0;
  padding: 0;
  line-height: 1em;
  position: relative; }

#main-nav .wrapper {
  margin-top: -3px; }

#close-link {
  padding: 1px 0 1px 25px;
  margin-right: 3px;
  margin-left: 0;
  float: right;
  display: block;
  width: auto;
  position: relative; }

#close-link:before {
  background: url(../images/overview.png) -40px -60px;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px; }

#help-link {
  padding: 1px 0 1px 25px;
  margin-right: 3px;
  margin-left: 0;
  float: right;
  display: block;
  width: auto;
  position: relative; }

#help-link:before {
  background: url(../images/overview.png) -40px -40px;
  content: "";
  position: absolute;
  left: 3px;
  top: 2px;
  width: 20px;
  height: 20px; }

#print-link {
  padding: 1px 0 1px 24px;
  margin-right: 15px;
  margin-left: 0;
  float: left;
  display: block;
  width: auto;
  position: relative; }

.printable {
  float: right;
  margin-bottom: 15px;
  padding: 1px 0 0 25px;
  position: relative; }

#print-link:before,
.printable:before {
  background: url(../images/overview.png) 0 -40px;
  content: "";
  position: absolute;
  left: 1px;
  top: 1px;
  width: 20px;
  height: 20px; }

.non-collapse-content .printable {
  margin-bottom: 10px; }

#logo {
  height: 80px;
  width: 80px;
  margin-top: 0;
  position: absolute;
  left: 0;
  top: -12px;
  z-index: 2000; }

#logo a img {
  border: 0;
  width: 100%; }

#page-header {
  padding: 25px 0;
  margin: 0 0 0;
  width: 100%; }

#page-header h1 {
  width: auto;
  float: left;
  margin: 0;
  padding: 0; }

h1 .emface {
  font-size: .6em;
  color: #7e0321; }

h2 .emface {
  font-size: .75em;
  color: #590f28; }

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

#page-links {
  float: right;
  width: auto;
  text-align: right;
  padding-right: 0;
  padding-top: 4px; }

#skip-nav {
  position: absolute;
  left: -9999em; }

#skip-nav:focus {
  position: absolute;
  left: 75px; }

#sub-nav {
  height: 44px;
  border-bottom: 3px solid #dedcdc;
  background: #fff;
  overflow: visible;
  z-index: 900;
  margin-top: -31px; }

#sub-hdr-section {
  padding: 7px 0;
  background: #ebebeb;
  border-bottom: 1px solid #fdfdfd; }

.welcome-text,
.profile-info {
  float: left;
  margin: 0;
  line-height: 1.75em;
  padding: 0;
  width: auto;
  display: block; }

.welcome-text .person-name {
  display: inline;
  text-transform: uppercase;
  font-family: 'source_sans_prosemibold'; }

.profile-info {
  margin-left: 20px; }

.profile-info .username {
  color: #3b3b3b;
  font-size: 0.85em; }

.profile-info .username a {
  font-family: 'source_sans_prosemibold'; }

.edit-profile {
  margin-left: 10px;
  font-size: 0.85em;
  font-family: 'source_sans_prosemibold'; }

/*a.edit-profile{
    color: #111;
}*/
.log-info {
  float: right;
  color: #666;
  margin: 0;
  padding: 0;
  text-align: right;
  line-height: 1.75em;
  width: auto;
  display: block;
  font-size: .875em; }

/*--------------------header styles ends ------------------------*/
/*---------------------communication banner begins---------------------*/
.communication-banner {
  text-align: center;
  margin-top: 30px;
  padding: 5px 10px 4px; }

.communication-attention {
  background: #ffffbb;
  border: 1px solid #ebb32c; }

.communication-general {
  background: #e5ecfa;
  border: 1px solid #c5d0e8; }

.communication-msg a {
  color: #2f2f2f;
  text-decoration: underline;
  font-size: .9em;
  padding-left: 27px;
  font-weight: bold;
  position: relative;
  display: inline-block;
  text-align: left; }

.communication-msg a:hover {
  color: #951a2d;
  text-decoration: none; }

.communication-msg a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px; }

.communication-attention a:before {
  background: url(../images/overview.png) -80px -120px; }

.communication-general a:before {
  background: url(../images/overview.png) -60px -120px; }

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

/*---------------------communication banner ends---------------------*/
/*--------------------grid & layout begins------------------------*/
#acct-overview .column-one {
  float: left;
  width: 48.7%;
  margin-bottom: 30px; }

#acct-overview .column-two {
  float: right;
  width: 48.7%; }

/*--------------------grid & layout ends------------------------*/
/*-------------------- global elements setting --------------------*/
#content-wrapper {
  margin: 0 auto;
  width: 100%;
  background: #f9f9f9;
  padding-bottom: 40px; }

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

dl dt {
  float: left;
  margin: 0;
  padding: 0; }

dl dd {
  display: block;
  margin: 0;
  padding: 0; }

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

/* --- tables --- */
.table-wrapper {
  margin: 10px 0 0 0; }

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0; }

th {
  font-family: 'source_sans_prosemibold'; }

tbody th {
  font-family: 'source_sans_proregular';
  text-align: left; }

th, td, .tooltip {
  padding: 10px 6px;
  word-wrap: break-word;
  font-size: .9rem; }

thead th {
  background: #31383e;
  color: #fff;
  text-align: left;
  border-right: 1px solid #6c7b88;
  border-bottom: 1px solid #31383e;
  border-left: 1px solid #31383e;
  border-top: 1px solid #31383e; }

thead th.fixed {
  border-left: none; }

table thead th a:link,
table thead th a:visited,
table thead th a:active {
  color: #fff; }

.delivery-list thead th:last-child {
  border-right: 1px solid #31383e; }

th.center {
  text-align: center; }

th.right {
  text-align: right; }

tr:last-child {
  border-bottom: 1px solid #e4e4e4; }

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

/* Begin tables in modal windows */
.window table.modal-table {
  border-right: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  margin-top: 20px; }

.window table.modal-table td {
  border: none;
  border-right: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf; }

.window table.modal-table th.leftdetails {
  border-right: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf; }

.window table.modal-table.overflowing tr td,
.window table.modal-table.overflowing th.leftdetails {
  border: none; }

.window table.modal-table.overflowing tr:last-child {
  border-bottom: 1px solid #cfcfcf; }

/* End tables in modal windows */
#transfers tr td:first-child,
#payments-transfers tr td:first-child {
  border-left: none; }

tr td:last-child {
  border: none;
  border-bottom: 1px solid #e4e4e4; }

tr:nth-child(even) th {
  background: #faf9fb; }

tr:nth-child(4n+1),
tr:nth-child(4n+4) {
  background-color: #fff; }

tr:nth-child(4n+2),
tr:nth-child(4n+3) {
  background-color: #faf9fb; }

thead tr:nth-child(even),
thead tr:nth-child(even) th {
  background: #31383e; }

.no-styles tr:nth-child(even) {
  background: transparent; }

.no-styles tr:last-child {
  border-bottom: 0; }

.no-styles tr td {
  border: 0;
  padding: 0; }

.window tr:nth-child(even),
.window tr:nth-child(even) th {
  background: #fff; }

tr.bus-srv-select:nth-child(even) th,
tr th.transparent,
tr td.transparent,
.window tr:nth-child(even) th.transparent {
  background: none; }

.window a.first.close:before {
  background: url(../images/olb-sprites.png) no-repeat -263px -65px;
  position: absolute;
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  top: -29px;
  right: -27px; }

.mod-content table {
  margin: 0;
  width: 100%;
  border: none;
  line-height: 1.25em; }

caption,
td legend,
form legend {
  position: absolute;
  left: -9999em; }

#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: 5px; }

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

.module table th.rowheader,
table th.leftdetails {
  vertical-align: middle;
  font-weight: normal;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4; }

td {
  border: none;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  color: #222;
  vertical-align: middle;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto; }

table tbody td .label,
table tbody th .label {
  display: none; }

table.overflowing,
table.overflowing tbody {
  display: block;
  clear: both; }

table.overflowing tbody .label {
  display: inline-block;
  font-family: 'source_sans_prosemibold';
  margin-right: 20px;
  width: 72px;
  /*    word-break: break-all;*/ }

table.overflowing tbody td br {
  display: none; }

table.overflowing tbody td .deliver-by-field span {
  width: 70px;
  margin-top: 10px;
  margin-right: 16px;
  display: inline-block; }

table.overflowing tbody .label div,
table.overflowing tbody .label .tablesorter-header-inner {
  display: inline-block; }

table.overflowing thead th {
  position: absolute;
  left: -999999em;
  border: 0;
  clear: both; }

table.overflowing thead tr:last-child {
  border-bottom: none; }

table.overflowing tbody tr {
  display: block;
  clear: both;
  border-right: 0;
  padding: 10px 0; }

table.overflowing tbody tr:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

table.overflowing tr td,
table.overflowing tbody tr th,
.mod-content table.overflowing th.rowheader,
#statements table.overflowing td,
#statements table.overflowing th.rowchoice1 {
  display: block;
  border: none;
  text-align: left;
  padding: 0 15px;
  margin: 10px 0;
  float: none;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

table.overflowing tr td .date-passed {
  width: 100px; }

table.overflowing tr td .date-passed:before {
  left: 32px; }

table.overflowing .date-alert-cell {
  height: auto;
  padding-bottom: 5px; }

table.overflowing fieldset {
  margin-top: 10px; }

table.overflowing .rowheader fieldset {
  margin: 0;
  padding-bottom: 10px; }

#sched-payments thead th,
#sched-transfers thead th,
#pt-table thead th,
#upcoming-wire thead th,
#upcoming-ach thead 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';
  font-weight: normal; }

#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,
#upcoming-wire th:last-child,
#upcoming-ach th:last-child {
  border-right: none; }

#sched-payments table.overflowing td,
#sched-transfers table.overflowing td,
#pt-table table.overflowing td,
#upcoming-wire table.overflowing td,
#upcoming-ach table.overflowing th {
  max-width: 100%; }

.col25 {
  width: 25%; }

.filter {
  width: 100%;
  margin-bottom: 30px; }

.filter a {
  width: 33.33333333%;
  float: left;
  text-align: center;
  position: relative;
  color: #333;
  background: #dedcdc;
  text-decoration: none;
  padding: 10px 0; }

.filter a:first-child {
  border-radius: 3px 0 0 3px; }

.filter a:last-child {
  border-radius: 0 3px 3px 0; }

.filter a:hover {
  text-decoration: none;
  background: #d5d2d4; }

.filter a.active {
  background: #b9b7b8;
  color: #000; }

.filter a.active:hover {
  background: #b9b7b8; }

.filter a.active:after {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.filter a.active:after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #b9b7b8;
  border-width: 10px;
  left: 50%;
  margin-left: -10px; }

/* --------------- table ends ---------------- */
/*-----------------Overview Printable ------------*/
.printpage #content-wrapper {
  background: #fff; }

.printpage h1 {
  color: #2f2f2f; }

.printpage table {
  border-collapse: collapse;
  border: 1px solid #2f2f2f;
  margin-bottom: 25px; }

.printpage table td, .printpage table th {
  border: 1px solid #2f2f2f;
  text-align: center;
  padding: 5px;
  background: #fff; }

/* ----------------module begins ------------ */
/*old version of module */
.module {
  border: 1px solid #c3c1c1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #fff;
  padding: 15px;
  margin-bottom: 25px; }

.mod-content {
  border-left: 0;
  border-right: 0;
  padding: 0; }

#transfers .module.move-money .full-mod-content {
  border-left: 1px solid #c3c1c1;
  border-right: 1px solid #c3c1c1;
  padding-top: 15px; }

#transfers .module.move-money .mod-footer p {
  padding: 10px; }

#transfers .module.move-money footer p {
  margin: 0; }

#acct-overview .module .mod-footer,
#acct-overview .mod-content {
  border-left: 1px solid #c3c1c1;
  border-right: 1px solid #c3c1c1; }

#acct-overview .mod-content {
  padding: 0; }

.module .mod-footer,
.top-article .mod-footer {
  text-align: left;
  margin: 0;
  padding: 0;
  position: relative;
  border-bottom: 4px solid #ebb32c; }

.mod-footer p {
  padding: 15px; }

#acct-overview .module {
  font-size: .875em;
  border: none; }

.use-collapse .module {
  padding: 0;
  border-bottom: 0; }

.module header,
.transfer.money-transfer .module header {
  cursor: pointer;
  background: #95172b;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0; }

.smallbusiness .header-move-new,
.smallbusiness .module header {
  background: #39607f; }

.use-collapse .module h2 {
  position: relative;
  font-weight: normal;
  padding: 15px 8px 15px 33px;
  margin: 0;
  color: #fff;
  display: block;
  width: auto;
  border-radius: 3px 3px 0 0; }

.left-column {
  float: left;
  width: 50%;
  /*clear: both;*/
  border-right: 1px solid #d0d0d0; }

.left-column-no-border {
  float: left;
  width: 50%; }

.right-column {
  float: right;
  width: 49%;
  text-align: right;
  line-height: 1em;
  position: relative; }

/*1207 Code*/
.acct-overview-column {
  width: 100%;
  margin: 0px 0px -9px 0px;
  display: inline-block; }

#acct-overview .attention {
  background: #ffffbb; }

.acct-overview-column-highlighted {
  width: 100%;
  margin-bottom: -10px;
  display: inline-block;
  border-bottom: solid 1px #c3c1c1;
  background-color: #E5ECFA;
  padding: 5px; }

.acct-overview-left-column-highlighted {
  float: left;
  text-align: left;
  padding-left: 30px; }

.acct-overview-right-column-highlighted {
  float: right;
  text-align: right;
  padding-right: 30px; }

/*Hover effect on rollover*/
.hoverTable {
  width: 100%;
  border-collapse: collapse; }

.hoverTable tr {
  background: #ffffff; }

.hoverTable tr:hover {
  background: #f0f0f0; }

.hoverTable td a {
  display: block; }

/*END Hover effect*/
.acct-overview-column p.note {
  padding: 5px 35px 5px 30px; }

.acct-overview-column p.note a {
  display: inline; }

.as-of-text-color {
  color: #666666; }

.as-of-text-color-pfm {
  color: #666666;
  padding-left: 48px; }

.acct-overview-left-column {
  float: left;
  text-align: left;
  padding: 5px 0px 5px 30px; }

.acct-overview-left-column-attn {
  float: left;
  text-align: left;
  padding: 5px 0px 5px 20px; }

.acct-overview-right-column {
  float: right;
  text-align: right;
  padding: 5px 26px 5px 0px; }

.acct-overview-right-column-provided-by {
  float: right;
  padding: 5px 26px 5px 0px; }

.acct-overview-column .icon-wrapper {
  display: inline-block;
  width: 46px;
  float: left; }

.logo-pfm {
  float: left;
  margin-right: 10px;
  margin-top: 3px; }

.h3-pfm {
  display: inline;
  margin-right: 10px; }

.action-msg-pfm-left {
  float: left;
  padding: 10px 0px;
  padding-left: 3px;
  font-family: 'source_sans_prosemibold';
  font-size: 1.1em; }

.action-msg-pfm-right {
  float: right;
  padding: 10px 35px 10px 0px;
  padding-left: 3px;
  font-family: 'source_sans_prosemibold';
  font-size: 1.1em; }

.mod-footer-1 {
  margin: 0;
  padding: 10px 0px 10px 35px;
  position: relative;
  border-bottom: 4px solid #ebb32c; }

.mod-footer-1-multi-links {
  margin: 0;
  padding: 10px 0px 50px 35px;
  position: relative;
  border-bottom: 4px solid #ebb32c; }

#error-cell-needs-attention {
  margin: 10px 10px 0px 10px;
  padding: 10px 64px; }

#error-cell-needs-attention img {
  margin-right: 10px; }

/*1207 Code END*/
.ama-title-1 {
  position: relative;
  text-align: left;
  display: block;
  line-height: 1.15em; }

.nested-accounts .left-column {
  width: 50%; }

.nested-wrapper {
  position: relative; }

.nested-wrapper1 {
  position: relative;
  border-bottom: 1px solid #d0d0d0; }

.nested-wrapper1 .row,
.nested-wrapper1 .row-alt {
  border-bottom: none; }

.nested-wrapper .nested-guides,
.nested-wrapper1 .nested-guides {
  float: left;
  height: 100%;
  width: 50px;
  background-color: #eeeded; }

.nested-wrapper .nested-guides:before {
  position: absolute;
  background: #eeeded url(../images/overview.png) no-repeat -125px -5px;
  content: "";
  left: 0;
  top: 0;
  width: 50px;
  height: 100%;
  z-index: 1000;
  border-right: 1px solid #d0d0d0; }

.nested-wrapper1 .nested-guides:before {
  position: absolute;
  background: #eeeded url(../images/overview.png) no-repeat -162px -63px;
  content: "";
  left: 0;
  top: 0;
  width: 50px;
  height: 100%;
  z-index: 1000;
  border-right: 1px solid #d0d0d0; }

input#show-hidden {
  margin: 2px 0 0 0;
  top: 0; }

.ua-ie input#show-hidden {
  margin-top: 4px; }

.ie9 input#show-hidden {
  margin-top: 0px;
  margin-bottom: 5px; }

dl.ovw-hide-show {
  margin-top: 1px; }

dl.ovw-hide-show label {
  padding-left: 5px; }

.ua-ie8 dl.ovw-hide-show {
  margin-top: -7px; }

dl.ovw-hide-show dt {
  width: 15px; }

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

.row.no-border {
  padding: 10px 30px 10px 35px; }

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

.row,
.row-alt {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #d0d0d0; }

.row.no-border form {
  margin-left: 0; }

.row-alt:before,
.row-alt:after,
.row:before,
.row:after {
  display: none; }

/*----------------------- buttons-------------------------------------*/
.button-row {
  border-bottom: 1px solid #d0d0d0; }

.btn-left {
  border-right: 1px solid #ccc;
  width: 50%; }

.module .mod-content .left-column .button {
  width: 100%; }

.module .mod-content .left-column .button.inactive:hover,
.overview .module .mod-content .left-column .button.inactive .btn-arrow h3,
.overview .module .mod-content .left-column .button.inactive .btn-arrow h3:hover {
  text-decoration: none;
  color: #2f2f2f; }

.module .mod-content .left-column .button.inactive .btn-arrow:before {
  background: none; }

.module .mod-content .button {
  line-height: 18px;
  width: 49.786325%;
  text-align: right;
  margin: 0;
  overflow: visible;
  display: table;
  cursor: pointer;
  vertical-align: middle;
  float: left;
  text-decoration: none;
  position: relative; }

#account-services.module .mod-content .button,
.button {
  height: 70px; }

.left-column .button {
  height: 86px; }

#acct-overview .column-one .mod-content .button .btn-arrow {
  text-align: right;
  font-family: 'source_sans_prosemibold';
  padding: 8px 35px 8px 15px;
  font-size: 1.15em; }

#account-services.module .mod-content .button .btn-arrow,
.mod-content .button .btn-arrow {
  color: #111;
  text-align: left; }

#acct-overview #account-services.module .mod-content .button .btn-arrow {
  border-right: none;
  text-align: left;
  font-size: 1.15em; }

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

#acct-overview .column-one .mod-content .nested-accounts .button .btn-arrow {
  padding-left: 50px; }

.module .mod-content .button.inactive {
  cursor: default;
  background: transparent;
  text-decoration: none; }

.module .mod-content .button.inactive .btn-arrow,
.module .mod-content .button.inactive .btn-arrow:hover {
  background: none;
  color: #111;
  cursor: default; }

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

.module .mod-content .button .btn-arrow:before {
  background: url(../images/overview.png) 0 0;
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px; }

.overview .module .mod-content .left-column .button .btn-arrow h3 {
  color: #003366;
  text-decoration: underline;
  margin: 7px 0 0 0; }

#acct-overview .mod-content .button .btn-arrow span {
  font-weight: normal;
  font-size: .875em;
  margin-top: 5px;
  display: block; }

.module .mod-content a.button:hover {
  text-decoration: underline; }

.acct-msg {
  width: 45%;
  min-height: 55px;
  display: table;
  vertical-align: middle;
  margin-right: 10px; }

.acct-msg a {
  display: block;
  margin-top: 8px; }

.link-underline {
  text-decoration: underline; }

.alert-msg {
  display: block;
  padding: 8px 10px;
  background: #e5ecfa;
  border-top: 1px solid #c6cedd;
  border-bottom: 1px solid #c6cedd;
  box-shadow: inset 0 1px 1px #fff;
  border-radius: 3px;
  margin-bottom: 15px;
  line-height: 1.5em;
  border: 1px solid #C5D0E8; }

.alert-msg p {
  padding-bottom: 5px; }

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

.acct-msg span {
  display: table-cell;
  vertical-align: middle;
  text-align: right; }

.acct-msg a {
  display: block;
  margin-top: 8px; }

.ama-msg {
  margin: 5px 10px 0 0;
  float: right;
  width: 40%;
  text-align: left; }

.ama-title {
  padding-left: 20px;
  position: relative;
  text-align: left;
  display: block;
  line-height: 1.15em; }

.ama-title img {
  float: left;
  margin: 3px 5px 5px; }

.neg-balance {
  color: #ff0000 !important; }

/*  ----- iframe ----- */
iframe {
  display: block;
  width: 100% !important; }

.openx img {
  width: 100% !important;
  height: 100% !important; }

.did-you-know {
  width: auto;
  margin-bottom: 20px; }

.did-you-know img {
  width: 100% !important;
  height: 100% !important; }

.did-you-know .btn-blue {
  padding: 6px;
  font-size: .875em; }

/*iframe ends*/
.use-collapse .module h2 {
  position: relative;
  font-weight: normal;
  padding: 15px 8px 15px 33px;
  margin: 0;
  color: #fff;
  display: block;
  width: auto;
  border-radius: 3px 3px 0 0; }

.service-box h2 {
  position: relative;
  font-weight: normal;
  padding: 13px 8px 13px 33px;
  margin: 0;
  color: #590F27;
  display: block;
  width: auto;
  border-radius: 3px 3px 0 0; }

.module header h2 {
  font-size: 1.25em; }

.module header:hover h2 {
  background: #5e0423; }

.smallbusiness .module header:hover h2 {
  background: #263f54; }

.sbo .module h2 {
  background: #39607f; }

.sbo .manage-hideshow .module h2,
.sbo .manage-hideshow .module:hover h2 {
  background: none; }

.sbo .module:hover h2 {
  background: #4879a0; }

#acct-overview .module h2:focus {
  outline: 2px dotted #2f2f2f; }

.show-accounts {
  margin-bottom: 10px; }

.show-accounts > label {
  display: inline;
  margin-left: 10px;
  margin-right: 5px; }

.show-accounts li {
  display: inline;
  margin-right: 15px; }

.show-accounts ul {
  display: inline; }

.notice {
  line-height: 1.25em;
  float: right;
  margin-top: 5px;
  padding: 10px; }

.module header .date {
  position: absolute;
  top: 13px;
  right: 12px;
  display: inline;
  font-family: 'source_sans_proitalic'; }

#acct-overview .module header .date {
  font-size: .7em; }

.module .table-footer .repeating {
  float: right;
  font-family: 'source_sans_proitalic';
  padding-left: 22px;
  position: relative; }

.module .table-footer .repeating:before {
  background: url(../images/overview.png) -20px -40px;
  content: "";
  position: absolute;
  left: 0px;
  top: 2px;
  width: 20px;
  height: 20px; }

.module .mod-footer .no-border {
  border: none; }

.module .mod-footer .no-border span a {
  font-family: 'source_sans_prosemibold';
  font-size: 1.1em; }

.repeat-icon {
  background: url(../images/overview.png) -20px -40px;
  margin: 0 auto;
  display: block;
  width: 20px;
  height: 20px; }

table.overflowing .repeat-icon {
  display: inline-block;
  margin-left: 5px; }

.trans-amount .repeat-icon {
  margin: 0 15px;
  display: inline-block; }

.total {
  font-size: 1.3em;
  width: auto;
  margin: 0 23px 0 0;
  text-align: right;
  line-height: 1.25em;
  padding: 10px; }

.hide-show {
  position: absolute;
  background: url(../images/overview.png) 0 -60px;
  top: 15px;
  left: 10px;
  display: inline-block;
  height: 20px;
  width: 20px; }

.collapsed .hide-show,
.precollapse .hide-show {
  top: 15px;
  background: url(../images/overview.png) -20px -60px; }

.ua-ie-8 .overview .mod-content {
  overflow: visible !important; }

#acct-overview .highlight,
#acct-overview .mod-footer .highlight {
  background: #e8f2ff; }

#acct-overview .column-two .highlight,
#acct-overview .mod-footer .mod-footer .highlight {
  background: none;
  border-bottom: none;
  box-shadow: none; }

#acct-overview .highlight h3 {
  font-size: 1.1em;
  font-family: 'source_sans_prosemibold'; }

.ua-ie-8 .overview .mod-content {
  overflow: visible !important; }

.highlight span {
  display: block; }

.no-activity {
  margin: 15px 0 0;
  padding: 15px; }

.module .mod-footer .row {
  padding-bottom: 10px;
  border: none; }

/*--------------------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; }

#acct-overview #footer {
  font-size: 1em; }

#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; }

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

/*--------------------footer ends------------------------------*/
/*--------------------UX Tour Tooltips------------------------------*/
.modal-tour {
  display: none; }

.tour-active .modal-tour {
  display: block; }

.tour-active #content-wrapper .wrapper {
  position: relative;
  overflow-y: hidden; }

.tour-bar {
  width: 96%;
  padding: 2%;
  background: #31383e;
  z-index: 100000;
  position: relative;
  display: none; }

.tour-bar h3 {
  color: white; }

.tour-bar .submit-button {
  display: none; }

.tour-bar a.cancel-button {
  margin-left: 0; }

.close-tour {
  float: right;
  cursor: pointer;
  color: white; }

.tips .tip {
  width: 300px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 10000;
  /*temp*/ }

.tips .tip span {
  padding: 20px;
  display: block;
  background: white; }

.tips .tip span.tour-action {
  color: #003399; }

.tips .tip span.title {
  background: #a51d33;
  color: white;
  font-size: 1.19rem;
  padding: 10px 10px;
  border-radius: 6px 6px 0 0;
  position: relative;
  text-align: center; }

.tips .tip span.next-tip {
  padding: 0 10px 10px 10px;
  text-decoration: underline;
  cursor: pointer; }

.tips .tip span.next-tip:last-child {
  border-radius: 0 0 6px 6px; }

.tips .tip span.title:after {
  bottom: 100%;
  left: 49.5%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(165, 29, 51, 0);
  border-bottom-color: #a51d33;
  border-width: 15px;
  margin-left: -15px; }

/*--------------------UX Tour Tooltips ends------------------------------*/
/* Account Details Tooltip */
a.accttooltip {
  outline: none;
  text-decoration: none; }

a.accttooltip strong {
  line-height: 10px; }

a.accttooltip:hover,
a.accttooltip:active {
  text-decoration: none; }

a.accttooltip span {
  z-index: 10;
  display: none;
  padding: 10px;
  margin-top: -80px;
  margin-left: -20px;
  width: 150px;
  line-height: 16px; }

a.accttooltip:hover span,
a.accttooltip:active span {
  display: inline;
  position: absolute;
  color: #2f2f2f;
  border: 1px solid #2f2f2f;
  background: #fff; }

/*CSS3 extras*/
a.accttooltip span {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

/*--------------------move to top -----------------------*/
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  overflow: hidden;
  width: 51px;
  height: 51px;
  border: none;
  text-indent: 100%;
  background: url(../images/overview.png) no-repeat 0 -80px;
  z-index: 1000; }

#toTopHover {
  background: url(../images/overview.png) no-repeat 0px -132px;
  width: 51px;
  height: 51px;
  display: block;
  overflow: hidden;
  float: left;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0); }

#toTop:active, #toTop:focus {
  outline: none; }

/*-------------------move to top ends ----------------------*/
/* ------ lightboxes ------ */
.modal-mask {
  position: absolute;
  z-index: 9998;
  background-color: #2f2f2f;
  display: none;
  opacity: .5;
  top: 0;
  width: 100%;
  height: 100%; }

.ua-ie .modal-mask {
  background-color: #2f2f2f; }

.ua-ie-8 .modal-mask {
  background-color: #2f2f2f;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

.window {
  position: absolute;
  width: 600px;
  z-index: 9999;
  margin: 0 auto 15px auto;
  display: none;
  border: 5px solid #fff;
  border-radius: 5px;
  text-align: left;
  background: #f0f0f0; }

#acct-overview .window {
  font-size: 1.15em; }

.window .content {
  /*width: 100%;*/
  height: 100%;
  display: block;
  box-sizing: border-box;
  padding: 20px; }

.window .content h2,
.transfer .module .window .content h2 {
  font-weight: normal;
  color: #590f28;
  padding: 0;
  margin: 0;
  margin-bottom: 15px;
  border-radius: 0;
  text-align: left;
  float: none;
  box-shadow: none;
  text-shadow: none;
  /*width: 90%;*/
  background: none;
  font-size: 1.75em; }

.window .content p {
  margin: 10px 0 0;
  padding: 0;
  background: none; }

.form-col-1,
.form-col-2 {
  margin: 0; }

.window dl {
  margin: 0; }

.deletebox fieldset {
  margin-top: 20px; }

.cancel-button, .edit-button {
  margin-left: 15px; }

.window dt,
#transfers .column-one dt .window dt {
  margin-bottom: 15px;
  margin-left: 0;
  padding: 0;
  float: left;
  width: 25%;
  font-family: 'source_sans_proregular', verdana, sans-serif; }

.window dl dd,
#transfers .column-one dt .window dd {
  margin-left: 5%;
  margin-bottom: 15px;
  padding: 0;
  float: left;
  width: 70%;
  font-family: 'source_sans_proregular', verdana, sans-serif; }

.delete-acct-submit,
.deletebox .progress-submit {
  float: none;
  width: 100%;
  text-align: center;
  margin: 10px 0; }

.window .content img,
.window .content video,
.window .content iframe {
  max-width: 100%; }

.window .content img {
  float: left;
  margin: -10px 15px 0 0; }

#to-container {
  width: auto !important;
  height: auto !important;
  padding-bottom: 15px; }

#to-titlebar h2 {
  position: relative;
  padding: 5px 0 0 75px !important; }

#to-titlebar h2 img {
  position: absolute;
  top: 0;
  left: 0; }

#to-container-ctrl div {
  margin: 25px 15px 15px;
  padding: 0 !important;
  text-align: center; }

#to-container-body p strong {
  font-family: 'source_sans_prosemibold'; }

#to-container-body p br {
  display: none; }

#to-container-ctrl div span {
  font-size: 1em !important; }

/*-------------------------fisrt time welcome message begins--------------------*/
.first-time-wrapper {
  text-align: center;
  padding: 0;
  background: #ebebeb;
  margin-top: -2px;
  position: relative;
  overflow: hidden;
  z-index: 0; }

.lt-ie9 .first-time-wrapper {
  min-width: 960px; }

.first-time-wrapper .wrapper {
  padding: 45px 0 15px;
  display: none; }

.first-time-wrapper a.btn {
  padding: 8px 20px;
  font: 100%/1.5em 'source_sans_proregular', verdana, sans-serif;
  box-shadow: none; }

.first-time-wrapper .btn {
  margin-right: 15px; }

.first-time-wrapper h2,
.first-time-wrapper p {
  margin: 0;
  color: #fff; }

.welcome-msg {
  margin: 20px;
  font-size: 1.2em; }

.first-time-wrapper .btn-blue {
  background-color: #31383e;
  color: #fff;
  border-radius: 3px;
  padding: 8px 12px;
  border: 1px solid #31383e;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  display: inline-block; }

.first-time-wrapper .btn-blue:hover {
  background-color: #3B4B59;
  border: 1px solid #3B4B59; }

.first-time-wrapper.u-promo {
  text-align: left;
  color: #fff;
  background: rgba(0, 0, 0, 0.8) url(../images/u-bg-tile-masthead.png) repeat;
  position: relative; }
  .first-time-wrapper.u-promo .wrapper {
    padding-bottom: 0;
    position: relative; }
  .first-time-wrapper.u-promo .welcome-img {
    margin: 0 auto;
    width: 100%;
    max-width: 304px; }
  .first-time-wrapper.u-promo .welcome-msg {
    font: 100%/1.5em 'source_sans_proregular', verdana, sans-serif;
    text-align: left;
    margin-top: 6px;
    margin-left: 0; }
    .first-time-wrapper.u-promo .welcome-msg h2 {
      font: 1.5em/120% 'source_sans_proregular', verdana, sans-serif;
      margin-bottom: 10px; }
    .first-time-wrapper.u-promo .welcome-msg li {
      line-height: 1.4em;
      margin-top: 8px;
      margin-bottom: 8px; }
    .first-time-wrapper.u-promo .welcome-msg .boldface {
      font-family: 'source_sans_prosemibold', verdana, sans-serif;
      color: #ffffff;
      padding: 3px; }
  .first-time-wrapper.u-promo .btn-wrapper {
    margin-top: 15px; }
  .first-time-wrapper.u-promo .btn-blue,
  .first-time-wrapper.u-promo .btn.submit-link {
    transition-property: background, color;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    transition-duration: 200ms; }
  .first-time-wrapper.u-promo .btn-blue {
    box-shadow: none;
    background: #2b96dc;
    font-family: 'source_sans_proregular', verdana, sans-serif; }
    .first-time-wrapper.u-promo .btn-blue:hover {
      background: #18689c; }
  .first-time-wrapper.u-promo .btn.submit-link {
    background: #ffc12e;
    color: #31383e;
    border: none; }
    .first-time-wrapper.u-promo .btn.submit-link:hover {
      background: #b48808;
      color: #ffffff; }
  .first-time-wrapper.u-promo .top-close .close-welcome {
    position: absolute;
    display: block;
    top: 15px;
    right: 0px;
    cursor: pointer; }
    .first-time-wrapper.u-promo .top-close .close-welcome .icon-large-close:before {
      -webkit-transition: all .2s ease;
      -moz-transition: all .2s ease;
      -o-transition: all .2s ease;
      transition: all .2s ease;
      width: 34px;
      height: 34px; }
    .first-time-wrapper.u-promo .top-close .close-welcome .icon-large-close:hover:before {
      font-size: 1.35rem; }
  .first-time-wrapper.u-promo .close-bar .open-welcome,
  .first-time-wrapper.u-promo .close-bar .close-welcome {
    padding: 5px 0; }
  .first-time-wrapper.u-promo .close-bar .close-welcome:before {
    top: 8px;
    background: none; }

.close-link {
  color: #dcdcdc;
  text-decoration: underline; }

.close-link:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.close-bar {
  height: 38px;
  text-align: center;
  position: relative;
  width: 100%;
  border-bottom: 5px solid #ebebeb; }

.close-bar .close:before {
  background: url(../images/overview.png) -60px -140px;
  width: 25px;
  height: 20px;
  position: absolute;
  top: 1px;
  left: 17px;
  content: ""; }

.close-bar .close:hover:before {
  background: url(../images/overview.png) -100px -140px; }

.close-bar .close {
  position: absolute;
  display: block;
  width: 60px;
  height: 20px;
  background-color: #ebebeb;
  top: auto;
  bottom: 0;
  right: 50%;
  margin-right: -30px;
  border-radius: 3px 3px 0 0;
  cursor: pointer; }

.closed-bar {
  height: 38px; }

.closed-bar .close {
  top: 8px;
  height: 30px; }

.closed-bar .close:before {
  background: url(../images/overview.png) -60px -160px;
  top: 7px; }

.closed-bar .close:hover:before {
  background: url(../images/overview.png) -100px -160px; }

.close-wrapper {
  max-width: 960px;
  margin: 0 auto;
  width: 93.75%;
  position: relative; }

.cta-text {
  color: #fff;
  padding: 9px 0;
  text-align: left;
  margin-right: 40px;
  display: none; }

.close-btn {
  display: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: -20px;
  width: 60px;
  height: 40px; }

.close-btn:before {
  background: url(../images/overview.png) -40px 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 10px;
  right: 20px;
  content: ""; }

.close-btn:hover:before {
  background: url(../images/overview.png) -40px -20px; }

.closed-bar .cta-text,
.closed-bar .close-btn {
  display: block; }

.closed-bar .cta-text:hover {
  text-decoration: underline;
  cursor: pointer; }

.bg-image {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: -3; }

.lt-ie9 .bg-image {
  width: auto;
  min-width: 100%;
  height: 380px; }

@media screen and (max-width: 1280px) {
  .bg-image {
    width: auto;
    height: 100%;
    min-height: 380px; } }

@media screen and (max-width: 920px) {
  .first-time-wrapper.u-promo .wrapper {
    text-align: center;
    padding: 0 10px; }
    .first-time-wrapper.u-promo .wrapper:before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle;
      margin-right: -0.25em; }
    .first-time-wrapper.u-promo .wrapper .welcome-img {
      text-align: center; }
    .first-time-wrapper.u-promo .wrapper .welcome-msg {
      display: inline-block;
      vertical-align: middle;
      width: auto;
      margin: 0; } }

@media screen and (max-width: 740px) {
  .closed-bar .close {
    display: none; }
  .bg-image {
    width: 100%; } }

@media screen and (max-width: 430px) {
  .cta-text {
    margin-right: 25px;
    font-size: .8em; }
  .close-btn {
    width: 50px; }
  .close-btn:before {
    right: 15px; }
  .first-time-wrapper .btn-blue {
    display: block;
    width: auto;
    margin: 0;
    margin-bottom: 15px; }
  .first-time-wrapper.u-promo .wrapper {
    padding-top: 15px; }
  .first-time-wrapper .wrapper {
    padding: 45px 0 5px; }
  .bg-image {
    width: 100%; }
  .tips .tip {
    width: 250px; } }

/*-------------------------fisrt time welcome message ends--------------------*/
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

/* ------------- special adjustment ----------- */
@media screen and (max-width: 920px) {
  /* --------- Mega Menu ---------- */
  .log-info {
    margin: 0;
    padding: 0 5px 0 0;
    text-align: right;
    width: auto;
    float: left;
    clear: both; } }

@media screen and (min-width: 768px) and (max-width: 800px) {
  .password-form .column.two-thirds,
  .password-form .column.one-third {
    width: 48% !important; }
  .password-form .pword-form__label,
  .password-form .pword-form__input-wrapper,
  .password-form .pword-form__display-group,
  .password-form .pword-form__button-group {
    width: 100% !important;
    margin-left: 0 !important; } }

@media only screen and (min-width: 650px), print and (min-width: 1em) {
  .pword-form .pword-form__label {
    width: 35% !important;
    padding: 0 2% 0 0 !important;
    margin-top: 24px; }
  .pword-form .pword-form__input-wrapper {
    width: 65%; }
  .pword-form__button-group,
  .pword-form__display-group {
    margin-left: 35%; }
  .nested-two-thirds {
    width: 65% !important;
    float: right; } }

@media only screen and (min-width: 800px), print and (min-width: 1em) {
  .pword-form__form-group {
    line-height: 42px !important; }
  .pword-form .pword-form__label {
    margin-top: 15px !important; }
  .grid-hide-small {
    display: block !important; }
  .grid-small-only {
    display: none !important; } }

/* stack within columns */
@media screen and (max-width: 860px) and (min-width: 690px), screen and (max-width: 430px) {
  .module .mod-content .button {
    width: 100%; }
  /*
    .module .mod-content .nested-accounts .button{
        width: 85%;
        margin-left: 53px;
    }*/
  .module .mod-content .button.btn-left {
    border-right: none;
    border-bottom: 1px solid #ccc; }
  .row, .row-alt {
    padding: 10px; }
  /* --------- Account Overview ---------- */
  .left-column,
  .right-column,
  .nested-accounts .left-column {
    width: 100%;
    float: none;
    border-right: none; }
  .no-border .right-column {
    text-align: left; }
  #account-services .mod-content .btn-left {
    border-bottom: 1px solid #d0d0d0;
    border-right: none; }
  #acct-overview .mod-content .button .btn-arrow {
    border-right: none; }
  .acct-msg,
  .ama-msg {
    height: auto;
    min-height: 0;
    padding: 0;
    margin: 0 25px 0 0;
    width: 90%;
    float: right; }
  .ama-msg {
    width: 90%;
    margin: 10px 25px 0 0; }
  .acct-msg a, .acct-msg span {
    text-align: right;
    padding-top: 10px;
    font-size: 1.15em; }
  #acct-overview a.action-msg {
    font-size: 1.15em;
    text-align: left; }
  .row, .row-alt {
    padding: 10px; }
  #acct-overview .column-one .mod-content .button .btn-arrow {
    padding: 0 25px 0 0;
    background-position: right center; }
  #acct-overview .column-one .mod-content .button .btn-arrow:before {
    right: 0; }
  .total {
    margin-right: 13px;
    padding-bottom: 0; }
  .notice {
    margin-right: 13px; }
  dl.ovw-hide-show {
    margin: 10px 0 15px; } }

@media screen and (max-width: 800px) {
  /* --------- Menu ---------- */
  #menu {
    display: none; }
  .top-menu-wrapper {
    top: -42px; }
  .smallbusiness #sub-nav {
    margin-top: 0; }
  .smallbusiness .top-menu-wrapper {
    top: auto;
    right: auto;
    left: 0;
    width: 100%; }
  .ua-desktop .smallbusiness .top-menu:hover .dropdown,
  .smallbusiness .top-menu.show-dropdown .dropdown {
    left: 0; }
  .mobile-menu {
    display: block; }
  .top-menu-label,
  .hide-dropdown .top-menu-label {
    padding-right: 20%;
    background-color: #d8d8d8;
    border: 1px solid #adadad;
    color: #2f2f2f;
    position: relative; }
  .top-menu-label:before,
  .hide-dropdown .top-menu-label:before {
    background: url(../images/overview.png) -20px 0px; }
  /*X icon when dropdown is open for mobile*/
  .top-menu.show-dropdown .top-menu-label:before {
    background-position: -40px -20px; }
  /*arrow icon for desktop*/
  .ua-desktop .top-menu:hover .top-menu-label:before {
    background-position: -20px -20px; }
  .mobilenav {
    width: 181px; }
  .inbox-messages {
    display: none !important; } }

@media screen and (max-width: 690px) {
  /* --------- Layout ---------- */
  /* half-half and sixty-fourty start to stack */
  #acct-overview .column-one {
    width: 100%;
    float: none; }
  #acct-overview .column-two {
    width: 100%;
    float: none;
    margin: 0 auto; }
  /* --------- Menu ---------- */
  #sub-nav {
    margin-top: 0; }
  .top-menu-wrapper {
    top: auto;
    right: auto;
    left: 0;
    width: 100%; }
  .top-menu {
    width: 30%; }
  .inbox,
  .logoff {
    margin-left: 5%; }
  .ua-desktop .inbox:hover .dropdown,
  .inbox.show-dropdown .dropdown,
  .ua-desktop .smallbusiness .inbox:hover .dropdown,
  .smallbusiness .inbox.show-dropdown .dropdown {
    left: -116.5%; }
  .inbox-mm,
  .mobilenav {
    width: 333%; }
  .ua-desktop .mobile-menu:hover .dropdown,
  .mobile-menu.show-dropdown .dropdown {
    left: 0; }
  .logoff-label.btn-yellow {
    padding-left: 31%;
    display: inline-block; }
  .logoff a.logoff-label {
    background-position: 12% center; }
  .top-menu-label,
  .ua-desktop .top-menu:hover .top-menu-label {
    position: static; }
  .inbox {
    position: relative; }
  .inbox .indicator {
    left: 95%; } }

@media screen and (max-width: 590px) {
  /* -------- global elements -------- */
  .wrapper {
    max-width: 590px;
    margin: 0 auto;
    width: 95%; }
  h1 {
    font-size: 1.75em; }
  #page-links {
    clear: both;
    float: left;
    margin-left: 5px; }
  .promo-highlight {
    width: auto; }
  #logo {
    height: 60px;
    width: 60px; }
  #main-nav {
    height: 64px; }
  .pageTitle {
    margin: 11px 0 0 68px;
    font-size: 1.1em; } }

/* ------------- 500 for mobile view ----------- */
@media screen and (max-width: 500px) {
  #transfer-date-adjusted .timeout-warning,
  #duplicate .timeout-warning,
  #add-email .email-continue {
    margin-top: 20px;
    clear: both;
    width: 100%;
    margin-left: 0; }
  .email-continue {
    margin-left: 0;
    width: 100%; }
  .timeout-warning .submit-button,
  .timeout-warning .cancel-button {
    width: 100%;
    float: none;
    margin: 15px 0 0; }
  .tips .tip {
    width: 300px;
    display: block;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 10000;
    /*temp*/ } }

/* ------------- 430 for mobile view ----------- */
@media screen and (max-width: 430px) {
  /* -------- Mega Menu -------- */
  .inbox .indicator {
    display: inline !important;
    left: 89%; }
  .welcome-text,
  .profile-info,
  .log-info {
    float: none;
    width: 100%;
    text-align: left;
    padding: 0;
    padding-left: 9px;
    margin: 0;
    line-height: 1.5em; }
  .module .table-footer .repeating {
    float: none; }
  .transfer .module .window .content h2 {
    margin-bottom: 25px; }
  /* -------- buttons -------- */
  .edit-button,
  .back-button,
  .submit-button,
  .cancel-button,
  .setup-button,
  a.submit-link,
  .windowbuttons button,
  .submit-content .setup-button,
  .threebutton .back-button {
    margin-left: 0;
    margin-bottom: 15px;
    margin-right: 0;
    float: none;
    width: 100%; }
  .tour-bar h3 {
    font-size: 1.2rem; }
  .tour-bar .submit-button {
    display: inline-block; }
  /*------------- acct overview mobile 430 ------------*/
  .acct-overview-column {
    width: 100%;
    margin: 0px 0px -9px 0px;
    display: block; }
  .acct-overview-left-column-highlighted,
  .acct-overview-right-column-highlighted {
    float: left;
    text-align: left;
    width: 100%;
    padding-left: 20px; }
  .acct-overview-left-column {
    width: 100%;
    float: left;
    text-align: left;
    padding: 5px 0px 5px 10px; }
  .acct-overview-right-column {
    float: left;
    text-align: left;
    padding: 5px 0px 5px 10px; }
  .action-msg-pfm-left {
    float: left;
    padding: 10px 35px 10px 0px;
    padding-left: 3px;
    font-family: 'source_sans_prosemibold';
    font-size: 1.1em; }
  .action-msg-pfm-right {
    float: left;
    padding: 10px 35px 10px 0px;
    padding-left: 3px;
    font-family: 'source_sans_prosemibold';
    font-size: 1.1em; }
  .mod-footer-1-multi-links {
    margin: 0;
    padding: 10px 0px 100px 20px;
    position: relative;
    border-bottom: 4px solid #ebb32c; } }

/*--------- media queries for lightboxes ------*/
@media only screen and (max-width: 853px) {
  .one-sixth {
    width: 100%;
    float: none; }
  .five-sixths {
    width: 100%;
    float: none; } }

@media only screen and (max-width: 768px) {
  .window {
    width: 500px; }
  .window.long-window {
    width: 400px; }
  .no-js .secondtab,
  .no-js .thirdtab {
    display: none; }
  .mod-content .details-column-two fieldset dl {
    float: left;
    width: 100%; } }

@media only screen and (max-width: 590px) {
  /* Style adjustments for viewports that meet the condition */
  .window {
    width: 80%;
    position: absolute; }
  .window a.close {
    top: -23px;
    right: 29px; }
  .window dt,
  .transaction-confirm .window .lbform-col-1,
  #make-transfer .window .lbform-col-1,
  #transfers .column-one .window dt,
  .smallbusiness .window .lbform-col-1,
  .upcoming-completed .window .lbform-col-1 {
    width: 100%;
    float: none;
    margin: 0;
    font-family: 'source_sans_prosemibold'; }
  .window dl dd,
  .transaction-confirm .window .lbform-col-2,
  #make-transfer .window .lbform-col-2,
  #transfers .column-one .window dd,
  .smallbusiness .window .lbform-col-2,
  .upcoming-completed .window .lbform-col-2 {
    margin-left: 0;
    width: 100%;
    float: none;
    margin-bottom: 15px; }
  .window .content {
    padding: 15px; }
  .windowbuttons {
    margin-left: 0 !important; }
  .window.fixed {
    position: fixed;
    top: 25px !important; }
  .window .actions.active {
    width: 90%;
    border-top: 2px solid #ccc;
    margin: 0 auto;
    background: #fff;
    bottom: 0;
    left: 0;
    padding: 25px 0;
    text-align: center;
    position: fixed; }
  .transaction-confirm .window .footer-submit,
  .editbox .footer-submit,
  #make-transfer .window .footer-submit,
  .smallbusiness .window .footer-submit {
    margin-left: 0;
    margin-right: 0;
    width: auto;
    float: none;
    text-align: center; }
  #timeoutwindow .one-sixth {
    width: 30%; }
  #timeoutwindow .five-sixths {
    width: 70%; }
  #timeoutwindow .timeout-warning,
  #date-adjusted footer {
    margin-left: 0; }
  #timeoutwindow .submit-button,
  #timeoutwindow .cancel-button,
  #date-adjusted .submit-button,
  #date-adjusted .cancel-button {
    margin-left: 0;
    margin-bottom: 15px;
    margin-right: 0;
    float: none;
    width: 100%; } }

@media only screen and (max-width: 430px) {
  .window {
    width: 85% !important;
    margin-left: -2%; }
  .window .content {
    padding: 10px; }
  .window .content img {
    margin-top: 0px; } }

/*--------- end media queries for lightboxes ------*/
@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 -20px 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 0 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; } }

/* helpers */
.text-right {
  text-align: right; }
