/* Commercial Primary Style Sheet */
/****************************************************************
Table of Contents

I. Main General Content
	Text
	Tables
	List Styles
	Link Styles
	Borders
	Images

II. Buttons

III. Icons
	Action Icons
	Payment Method Icons
	App Icons
	Tooltips
	Icon Tooltips
	Notifications

IV. Megamenu

V. Tables
	Datatables General
	Datatables Controls
	Datatables Head
	Headers
	Branded Table
	Custom Column Styles
	Vborders
	Table Features
	Nested Tables
	Labels
	Alerts
	Table Buttons
	Balance Transfer Table
	Account Summary Table
	Custom Table Elements
	Dashboard Settings Table

VI. Navigation & Special Functions
	Pop-ups
	Tab Panes
	Toggles
	Widget Loader
	Action/Progess Bar
	Breadcrumbs
	Vertical Space
	Check Image
	JS Scrollbar
	Confirmation Titles, Messages, and Alerts
	Adobe PDF Reader

VII. Page & Widget Level Content
	Agreement Scroller
	Agreement Box
	Account Alerts
	Account Settings
	Bank Messages
	Special Messages
	Contact Us
	Contact Information
	Secure Message Utility
	Statement & Check Requests
	Transaction Search
	Account Download
	Transaction-download-options-popup
	User Legend
	View Single User
	4 Panel Signature Block
	User List Container
	Add Account Group - Needs review
	Add Product - Needs review
	Remember Me
	Help tab pull out
	Manage Users
	Bill Payment
	Payment History
	Manage Single User
	Enrollment
	BDC Enrollment
	BDC Maintenance
	BDC Add USer
VIII. Colors

IX. Commercial Card

****************************************************************/
/****************************************************************
 I. Main General Content
****************************************************************/
/* Text */
.main-content h1 {
  clear: both;
  font-size: x-large;
  font-weight: normal;
  margin: 0 0 .5em;
}
#underConstruction,
.main-content h1,
.main-content h1 a,
.main-content h1 a:hover {
  /* color defined in brand */

  text-decoration: none;
}
.main-content h2,
.main-content h3,
.main-content h4 {
  margin-bottom: 5px;
  font-weight: bold;
}
.main-content h4.confirm {
  padding: 8px 0;
}
.main-content h2,
.main-content h2 a {
  font-size: medium;
  text-transform: uppercase;
}
.main-content h2.lowercase {
  text-transform: none;
}
.main-content h2 span.account-name {
  text-transform: none;
}
.main-content h3 a {
  text-decoration: none;
}
.main-content h3 a:hover {
  text-decoration: underline !important;
}
.main-content p {
  line-height: 1.3em;
  margin: 0 0 1.2em;
}
.main-content p.indent {
  margin-left: 23px;
}
.main-content li p.indent,
.main-content li span.indent {
  margin-left: 15px;
  margin-top: 10px;
}
.main-content li span.indent {
  display: block;
}
.main-content li p > span.indent {
  margin-bottom: 10px;
}
.main-content p.call-out {
  font-size: large;
  margin-bottom: 5px;
}
.main-content .all-caps {
  text-transform: uppercase;
}
.main-content .lowercase {
  text-transform: lowercase;
}
.main-content #call-out {
  padding: 5px 5px;
}
.main-content .extra-margin {
  margin: 15px 8px 8px 8px;
}
/* Main Content EM Font Sizes */
.main-content .accounts td.account ul.links,
.main-content thead,
.main-content .tabs,
.main-content .tab,
.main-content .accounts .tab-info .date,
.main-content .account-detail .small-font,
.main-content .disclosures,
.main-content .notification1,
.main-content p.small {
  font-size: .846em;
}
.bold {
	font-weight:bold;
}
/*Tables General*/
.main-content table {
  margin-bottom: 10px;
  text-align: left;
  width: 100%;
}
.main-content td {
  padding: 5px 10px;
}
.main-content th {
  vertical-align: middle;
  padding: 0 5px;
}
.main-content td {
  vertical-align: middle;
}
.main-content table.clear-styles th,
.main-content table.clear-styles td {
  border-bottom: none;
  padding: 10px 0 0;
}
.main-content table.call-out.ten-transaction {
  margin-bottom: 0;
}
.main-content table.call-out th {
  padding-top: 4px;
  border-bottom: none;
}
.main-content table.call-out.colored td {
  border-bottom: none;
  padding: 2px 10px;
}
.main-content table.call-out.colored td.bold {
  font-size: 1.2em;
  font-weight: bold;
}
.main-content table.call-out.colored td.large {
  font-size: 1.2em;
}
/* Columns */
.main-content .column {
  width: 340px;
}
.main-content table td .column {
  width: 330px;
}
.main-content,
.main-content .column {
  float: left;
}
.main-content .column.right {
  float: right;
}
.main-content h4 {
  font-weight: bold;
}
.main-content h4 .detail {
  font-weight: normal;
}
.main-content h4 .detail:before {
  content: " - ";
}
.hide {
  display: none;
}
.main-content li.nobullet {
  background-image: none;
}
/*List Styles / Numbered / Alpha Lists */
.main-content ul,
.main-content ol {
  margin: 0 0 15px 0;
  padding-left: 10px;
}
.main-content li,
.pop-up.form-style .agreement-scroller li {
  background-position: 0 6px;
  background-repeat: no-repeat;
  margin-bottom: 3px;
  padding-left: 13px;
  list-style-type: none;
}
.main-content ul.no-bullets li,
.main-content ul li.no-bullet {
  background-image: none;
}
.main-content ol.numbered,
.pop-up.form-style .agreement-scroller ol.numbered>li,
.main-content ol.alpha,
.pop-up.form-style .agreement-scroller ol.alpha>li,
.main-content ol.lower-alpha,
.pop-up.form-style .agreement-scroller ol.lower-alpha>li,
.main-content ol.upper-roman,
.pop-up.form-style .agreement-scroller ol.upper-roman>li,
.main-content ol.lower-roman,
.pop-up.form-style .agreement-scroller ol.lower-roman>li {
  margin-left: 15px;
}
.main-content ol.numbered>li,
.pop-up.form-style .agreement-scroller ol.numbered>li {
  list-style-type: decimal;
}
.main-content ol.alpha>li,
.pop-up.form-style .agreement-scroller ol.alpha>li {
  list-style-type: upper-alpha;
}
.main-content ol.upper-roman>li,
.pop-up.form-style .agreement-scroller ol.upper-roman>li {
  list-style-type: upper-roman;
}
.main-content ol.lower-alpha,
.main-content ol.lower-alpha>li,
.pop-up.form-style .agreement-scroller ol.lower-alpha>li {
  list-style-type: lower-alpha;
}
.main-content ol.lower-roman,
.main-content ol.lower-roman>li,
.pop-up.form-style .agreement-scroller ol.lower-roman>li {
  list-style-type: lower-roman;
}
.main-content ol.numbered>li,
.main-content form .agreement-scroller ol.numbered>li,
.main-content form .agreement-scroller ol.alpha>li,
.main-content form .agreement-scroller ol.lower-roman>li,
.main-content form .agreement-scroller ol.lower-alpha>li,
.pop-up.form-style .agreement-scroller ol.numbered>li,
.main-content ol.alpha>li,
.pop-up.form-style .agreement-scroller ol.alpha>li,
.main-content ol.lower-alpha,
.pop-up.form-style .agreement-scroller ol.lower-alpha>li,
.main-content ol.upper-roman li,
.pop-up.form-style .agreement-scroller ol.upper-roman>li,
.main-content ol.lower-roman,
.pop-up.form-style .agreement-scroller ol.lower-roman>li {
  background-image: none;
  padding: 0;
  margin-bottom: 10px;
}
.main-content ol.numbered>li,
.main-content ol.alpha>li,
.main-content ol.upper-roman>li,
.main-content ol.lower-alpha>li,
.main-content ol.lower-roman>li {
	width:100%
}
/*Link Styles*/
.main-content a {
  text-decoration: underline;
  cursor:pointer;
}
.main-content a.account-name {
  text-decoration: underline;
  font-weight: bold;
}
.main-content a.right {
  text-align: right;
  display: block;
}
/* The :link pseudo-selector is needed to avoid underlining named-anchors like:
 <a name="named_anchor">Named Anchor</a>
 Additionally, the appropriate changes were made to button styles to keep this
 rule from overriding those rules. */
.main-content a:link:hover {
  text-decoration: none;
}
/* Borders */
.main-content.banner {
  margin-bottom: 10px;
  position: relative;
}
/* Images */
.main-content .image {
  margin-bottom: 10px;
  overflow: auto;
}
.main-content .image img {
  float: left;
  margin-right: 10px;
}
.main-content img.bottom-margin {
  margin-bottom: 10px;
}

/* Shadows */
.main-content .progressbar table td.title,
.main-content .progressbar table td.current {
  text-shadow: 1px 1px #666666;
}
.main-content .progressbar table td.remaining {
  text-shadow: 1px 1px #efefef;
}
/* End Shadows */

/* Border Colors */
#account-list1,
#account-list2,
#settings-table-deposit_wrapper thead,
#settings-table-loan_wrapper thead,
.contact-information-left,
.email-user-table-wrapper,
.main-content #history table.account-detail,
.main-content #history table.account-detail .column.payment-history.left-side,
.main-content .account-alerts .alert-list.summary li,
.main-content .account-detail-more tr,
.main-content .account-summary,
.main-content .add-full-border,
.main-content .alert-list.summary.view-all-alerts-list,
.main-content .alert-list.summary.view-all-alerts-list li,
.main-content .agreement-scroller,
.main-content .agreement-box,
.main-content .bank-message,
.main-content .billpay-container table,
.main-content .column.bill-pay-amount,
.main-content .contact h2,
.main-content .copy-alert-list li,
.main-content .dataTables_wrapper,
.main-content .form-page-style,
.main-content .instrumentImagecontainer,
.main-content .no-account-bank-message,
.main-content .pane .dataTables_wrapper,
.main-content .tab-panes .pane,
.main-content .tab-panes .tabs a,
.main-content .user-list-container,
.main-content form,
.main-content form .agreement-scroller h2,
.main-content li.payment,
.main-content table.add-product td.monthly-fee,
.main-content td,
.main-content th,
.main-content ul.signature-panel li,
.main-content ul.signature-panel li.even,
.pop-up.form-style .agreement-scroller h2 {
  border-color: #dedede !important;
}
.main-content form input.disabled,
.main-content form select.disabled,
.main-content table.vborders th,
.main-content table.vborders td,
.main-content table.branded tr td {
  border-color: #cccccc !important;
}
.form-style .main-content li,
.main-content .account-alerts .alert-list.summary li,
.main-content .add-bottom-border,
.main-content .form-style li,
.main-content .sched-pay-and-trans form,
.main-content form li {
  border-bottom-color: #cccccc !important;
}
.main-content .alert-list.summary.view-all-alerts-list {
  border-left-color: #cccccc !important;
  border-right-color: #cccccc !important;
}
#slide-out-div,
.main-content .btn.add.disabled,
.main-content .btn.disabled,
.main-content .btn input.disabled,
.main-content a.btn-disabled,
.main-content a.btn-disabled span,
.main-content button.btn-disabled,
.main-content button.btn-disabled span,
.main-content span.btn-disabled,
.main-content span.btn.disabled input,
.main-content span.btn-disabled input.btn,
.main-content span.btn input.btn.disabled {
  border-color: #999999 !important;
}
#settings-table-deposit_wrapper tr,
#settings-table-loan_wrapper tr,
.main-content table.branded.email-user-table th {
  border-color: #666666 !important;
}
.utility-nav li {
  border-right-color: #666666 !important;
}
ul#megamenu li.mm-item {
  border-color: #e6e7e8 !important;
}
.main-content .form-style fieldset,
.main-content .toggle-panel .toggle,
.main-content .toggle-panel .toggle-trigger,
.main-content .toggle-panel .toggle-trigger.expand,
.main-content a.toggle-panel,
.main-content form fieldset {
  border-color: #b3b3b3 !important;
}
.main-content form .action-links li {
  border-right-color: #b3b3b3 !important;
}
/****************************************************************
 END OF MAIN GENERAL CONTENT
****************************************************************/
/***************************************************************
II. Buttons
***************************************************************/
#convHeader input,
#div-buttons input,
.main-content .btn,
#login .btn {
  text-transform: uppercase;
}
.main-content ul.btn li,
.main-content form ul.btn li,
.main-content .form-style ul.btn li,
.main-content li.btn {
  background-image: none;
  clear: none;
  display: inline;
  float: left;
  padding: 0 0 6px 0;
  list-style-type: none;
  width: auto;
}
.main-content ul.btn li,
.main-content li.btn,
.main-content a.btn,
.main-content button.btn,
.main-content span.btn,
#login a.btn,
#login span.btn {
  line-height: 1.2;
}
.login {
  padding: 80px 0 0px 0;
  font-size: .9em;
}
.main-content ul.btn,
.main-content form ul.btn,
.main-content .form-style ul.btn {
  float: right;
  margin: 0 0 10px 0;
  padding: 0 10px 0 0;
  width: auto;
  overflow: hidden;
}
.main-content li a.btn,
.main-content li button.btn,
.main-content li span.btn input,
#header #login li a.btn,
#header #login li span.btn,
#header #login li span.btn input {
  margin-bottom: 0;
}
#convHeader input,
#div-buttons input,
.action-bar input,
#section1 a.btn,
#section1 span.btn,
.main-content a.btn,
.main-content button.btn,
.main-content span.btn,
#header #login a.btn,
#header #login span.btn,
#header #login span.btn input {
  background-position: top;
  background-repeat: repeat-x;
  cursor: pointer;
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  font-weight: bold!important;
  margin: 0 10px 6px 0;
  overflow: visible;
  padding: 0;
  text-decoration: none;
}
/* Buttons requiring no border */
.main-content .btn a#a-delete-group,
.main-content .btn a#a-rename-group {
  border: none;
}
#header #login a.btn,
#header #login span.btn {
  margin: 5px 0 10px 0;
}
#section1 a.btn:hover,
.action-bar input:hover,
#section1 span.btn:hover,
.main-content a.btn:hover,
.main-content button.btn:hover,
.main-content span.btn:hover,
#header #login a.btn:hover,
#header #login span.btn:hover {
  background-image: none;
}
.main-content button::-moz-focus-inner,
.main-content input.btn::-moz-focus-inner,
#header #login input.btn::-moz-focus-inner {
  border: none;
  margin: 0;
  padding: 0;
}
#convHeader input,
.main-content .btn.disabled,
.main-content span.btn.disabled input,
.main-content .btn.add.disabled,
.main-content a.btn-disabled,
.main-content a.btn-disabled span,
.main-content button.btn-disabled,
.main-content button.btn-disabled span,
.main-content span.btn-disabled,
.main-content span.btn-disabled input.btn {
  background-image: none;
  background-position: 0 12px;
  cursor: default;
}
#convHeader input,
#div-buttons input,
.main-content a.btn span,
.main-content button.btn span,
.main-content span.btn input.btn,
#header #login a.btn span,
#header #login span.btn input.btn {
  cursor: pointer;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  font-weight: bold !important;
  margin: 0;
  overflow: visible;
  padding: 2px 5px;
  text-align: center;
}
.main-content span.btn li.btn {
  margin-bottom: 0;
}
.main-content a.btn.small,
.main-content a.btn.small span,
.main-content button.btn.small,
.main-content button.btn.small span,
.main-content span.btn.small,
.main-content span.btn.small input.btn {
  font-size: x-small;
}
div.btn,
p.btn {
  text-align: right;
}
.main-content a.btn,
.main-content button.btn,
.main-content span.btn input,
#header #login a.btn,
#header #login span.btn input {
  margin-bottom: 10px;
}
.main-content a.btn.right,
.main-content button.btn.right,
.main-content span.btn.right input {
  float: right;
  clear: right;
}
.main-content ul.btn.small li,
.main-content form ul.btn.small li,
.main-content .form-style ul.btn.small li {
  padding: 0 0 6px 0;
}
.main-content .column.right button.btn {
  float: right;
  margin-right: 10px;
}
.main-content ul.alerts-buttons li {
  border-bottom: none !important;
}
/***************************************************************
  END OF BUTTONS
***************************************************************/
/***************************************************************
  III. ICONS, TOOLTIPS AND NOTICATIONS
***************************************************************/
/*Refer to brand.css for icon sprite references*/
.main-content .action-icons-message {
  padding-left: 20px;
}
/*Alert Icon*/
.main-content .icon-alert:before {
  background-position: 0 -16px;
  content: '';
  position: absolute;
  z-index: -1;
}
.main-content .icon-alert:hover:before {
  background-position: 0 0px;
  content: '';
  position: absolute;
  z-index: -1;
}
/*Billpay Icon*/
.main-content .icon-billpay:before {
  background-position: -16px -16px;
  content: '';
  position: absolute;
  z-index: -1;
}
.main-content .icon-billpay:hover:before {
  background-position: -16px 0px;
  content: '';
  position: absolute;
  z-index: -1;
}
/*Download Icon*/
.main-content .icon-download-table {
  background-position: -32px -16px;
  position: absolute;
}
.main-content .icon-download:before {
  background-position: -32px -16px;
  content: '';
  position: absolute;
  z-index: -1;
}
.main-content .icon-download-table:hover {
  background-position: -32px 0px;
}
.main-content .icon-download:hover:before {
  background-position: -32px 0px;
  content: '';
  position: absolute;
  z-index: -1;
}
/* Flag Icon*/
.main-content .icon-flag:before {
  background-position: -48px -16px;
  content: '';
  position: absolute;
  z-index: -1;
}
.main-content .icon-flag:hover:before {
  background-position: -48px 0px;
  content: '';
  position: absolute;
  z-index: -1;
}
/*Mail Icon*/
.main-content .icon-mail:before {
  background-position: -64px -16px;
  content: '';
  position: absolute;
  z-index: -1;
}
.main-content .icon-mail:hover:before {
  background-position: -64px 0px;
  content: '';
  position: absolute;
  z-index: -1;
}
/*Search Icon*/
.main-content .icon-search-table {
  background-position: -80px -16px;
  position: absolute;
  margin-left: 47px;
}
.main-content .icon-search:before {
  background-position: -80px -16px;
  content: '';
  position: absolute;
  z-index: -1;
}
.main-content .icon-search-table:hover {
  background-position: -80px 0px;
}
.main-content .icon-search:hover:before {
  background-position: -80px 0px;
  content: '';
  position: absolute;
  z-index: -1;
}
/*Settings Icon*/
.main-content .icon-settings:before {
  background-position: -96px -16px;
  content: '';
  position: absolute;
  z-index: -1;
}
.main-content .icon-settings:hover:before {
  background-position: -96px 0px;
  content: '';
  position: absolute;
  z-index: -1;
}
/*Statements Icon*/
.main-content .icon-statements-table {
  background-position: -112px -16px;
  position: absolute;
  margin-left: 24px;
}
.main-content .icon-statements:before {
  background-position: -112px -16px;
  content: '';
  position: absolute;
  z-index: -1;
}
.main-content .icon-statements:hover:before {
  background-position: -112px 0px;
  content: '';
  position: absolute;
  z-index: -1;
}
.main-content .icon-statements-table:hover {
  background-position: -112px 0px;
}
/*Transactions Icon*/
.main-content .icon-transactions-table {
  background-position: -128px -16px;
  position: absolute;
  margin-left: 67px;
}
.main-content .icon-transactions:before {
  background-position: -128px -16px;
  content: '';
  position: absolute;
  z-index: -1;
}
.main-content .icon-transactions:hover:before {
  background-position: -128px 0px;
  content: '';
  position: absolute;
  z-index: -1;
}
.main-content .icon-transactions-table:hover {
  background-position: -128px 0px;
}
/*Delete Icon*/
.main-content .icon-delete-table {
  background-position: -144px -16px;
  position: absolute;
  margin-left: 23px;
}
.main-content .icon-delete-table:hover {
  background-position: -144px 0px;
}
/*Edit Icon*/
.main-content .icon-edit-table {
  background-position: -160px -16px;
  position: absolute;
}
.main-content .icon-edit-table:hover {
  background-position: -160px 0px;
}
/*Renew Icon*/
.main-content .icon-renew-table {
  background-position: -176px -16px;
  position: absolute;
  display: inline;
}
.main-content .icon-renew-table:hover {
  background-position: -176px 0px;
}
/*Renew Icon*/
/*PDF Icon*/
.main-content .account-summary .account-detail-pdf {
    background-image: url("../img/icon-pdf.png");
    background-repeat: no-repeat;
    display: block;
    min-height: 20px;
    padding-left: 22px;
}
div.transaction-list .account-detail-pdf {
    background-image: url("../img/icon-pdf.png");
    background-repeat: no-repeat;
    display: block;
    min-height: 20px;
    padding-left: 22px;
}
/*PDF Icon*/
.main-content .icon-renew-table {
  background-position: -176px -16px;
  position: absolute;
  display: inline;
}
.main-content .icon-renew-table:hover {
  background-position: -176px 0px;
}
#account-detail-download-container,
.main-content .account-summary .account-detail-pdf-container {
  float: right;
  margin-right: 10px;
}
.main-content .banking-enroll .action-icons-table.icon-delete-table {
  margin-top: -8px;
}
.action-icon-table-container {
  margin: 0 auto;
  padding: 0;
}
.action-icon-container {
  display: inline-block;
  height: auto;
  margin: 0;
  position: relative;
  width: auto;
}
a.action-icon {
  text-decoration: none;
}
.action-icon.stand-alone,
.action-icon.text-before:after,
.action-icon.text-after:before {
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 16px;
  padding: 0;
  position: relative;
  margin: 0;
  width: 16px;
}
a.action-icon.text-before .action-icon-message,
a.action-icon.text-after .action-icon-message {
  text-decoration: underline;
}
a.action-icon.text-before:hover .action-icon-message,
a.action-icon.text-after:hover .action-icon-message {
  text-decoration: none;
}
.action-icon.stand-alone.icon-tooltip .action-icon-message {
  display: none;
  visibility: hidden;
}
.action-icon.stand-alone.icon-tooltip:hover .action-icon-message {
  display: block;
  visibility: visible;
}
.action-icon.text-before .action-icon-message,
.action-icon.text-after .action-icon-message {
  display: inline;
  line-height: 16px;
}
.action-icon.stand-alone.action-icon-alert,
.action-icon.text-before.action-icon-alert:after,
.action-icon.text-after.action-icon-alert:before {
  background-position: 0px -16px;
}
.action-icon.disabled.stand-alone.action-icon-alert,
.action-icon.disabled.text-before.action-icon-alert:after,
.action-icon.disabled.text-after.action-icon-alert:before {
  background-position: 0px -48px;
}
.action-icon.branded.stand-alone.action-icon-alert,
.action-icon.branded.text-before.action-icon-alert:after,
.action-icon.branded.text-after.action-icon-alert:before {
  background-position: 0px 0px;
}
a.action-icon.stand-alone.action-icon-alert:hover,
a.action-icon.text-before.action-icon-alert:hover:after,
a.action-icon.text-after.action-icon-alert:hover:before {
  background-position: 0px -32px;
}
.action-icon.stand-alone.action-icon-billpay,
.action-icon.text-before.action-icon-billpay:after,
.action-icon.text-after.action-icon-billpay:before {
  background-position: -16px -16px;
}
.action-icon.disabled.stand-alone.action-icon-billpay,
.action-icon.disabled.text-before.action-icon-billpay:after,
.action-icon.disabled.text-after.action-icon-billpay:before {
  background-position: -16px -48px;
}
.action-icon.branded.stand-alone.action-icon-billpay,
.action-icon.branded.text-before.action-icon-billpay:after,
.action-icon.branded.text-after.action-icon-billpay:before {
  background-position: -16px 0px;
}
a.action-icon.stand-alone.action-icon-billpay:hover,
a.action-icon.text-before.action-icon-billpay:hover:after,
a.action-icon.text-after.action-icon-billpay:hover:before {
  background-position: -16px -32px;
}
.action-icon.stand-alone.action-icon-download,
.action-icon.text-before.action-icon-download:after,
.action-icon.text-after.action-icon-download:before {
  background-position: -32px -16px;
}
.action-icon.disabled.stand-alone.action-icon-download,
.action-icon.disabled.text-before.action-icon-download:after,
.action-icon.disabled.text-after.action-icon-download:before {
  background-position: -32px -48px;
}
.action-icon.branded.stand-alone.action-icon-download,
.action-icon.branded.text-before.action-icon-download:after,
.action-icon.branded.text-after.action-icon-download:before {
  background-position: -32px 0px;
}
a.action-icon.stand-alone.action-icon-download:hover,
a.action-icon.text-before.action-icon-download:hover:after,
a.action-icon.text-after.action-icon-download:hover:before {
  background-position: -32px -32px;
}
.action-icon.stand-alone.action-icon-flag,
.action-icon.text-before.action-icon-flag:after,
.action-icon.text-after.action-icon-flag:before {
  background-position: -48px -16px;
}
.action-icon.disabled.stand-alone.action-icon-flag,
.action-icon.disabled.text-before.action-icon-flag:after,
.action-icon.disabled.text-after.action-icon-flag:before {
  background-position: -48px -48px;
}
.action-icon.branded.stand-alone.action-icon-flag,
.action-icon.branded.text-before.action-icon-flag:after,
.action-icon.branded.text-after.action-icon-flag:before {
  background-position: -48px 0px;
}
a.action-icon.stand-alone.action-icon-flag:hover,
a.action-icon.text-before.action-icon-flag:hover:after,
a.action-icon.text-after.action-icon-flag:hover:before {
  background-position: -48px -32px;
}
.action-icon.stand-alone.action-icon-mail,
.action-icon.text-before.action-icon-mail:after,
.action-icon.text-after.action-icon-mail:before {
  background-position: -64px -16px;
}
.action-icon.disabled.stand-alone.action-icon-mail,
.action-icon.disabled.text-before.action-icon-mail:after,
.action-icon.disabled.text-after.action-icon-mail:before {
  background-position: -64px -48px;
}
.action-icon.branded.stand-alone.action-icon-mail,
.action-icon.branded.text-before.action-icon-mail:after,
.action-icon.branded.text-after.action-icon-mail:before {
  background-position: -64px 0px;
}
a.action-icon.stand-alone.action-icon-mail:hover,
a.action-icon.text-before.action-icon-mail:hover:after,
a.action-icon.text-after.action-icon-mail:hover:before {
  background-position: -64px -32px;
}
.action-icon.stand-alone.action-icon-search,
.action-icon.text-before.action-icon-search:after,
.action-icon.text-after.action-icon-search:before {
  background-position: -80px -16px;
}
.action-icon.disabled.stand-alone.action-icon-search,
.action-icon.disabled.text-before.action-icon-search:after,
.action-icon.disabled.text-after.action-icon-search:before {
  background-position: -80px -48px;
}
.action-icon.branded.stand-alone.action-icon-search,
.action-icon.branded.text-before.action-icon-search:after,
.action-icon.branded.text-after.action-icon-search:before {
  background-position: -80px 0px;
}
a.action-icon.stand-alone.action-icon-search:hover,
a.action-icon.text-before.action-icon-search:hover:after,
a.action-icon.text-after.action-icon-search:hover:before {
  background-position: -80px -32px;
}
.action-icon.stand-alone.action-icon-settings,
.action-icon.text-before.action-icon-settings:after,
.action-icon.text-after.action-icon-settings:before {
  background-position: -96px -16px;
}
.action-icon.disabled.stand-alone.action-icon-settings,
.action-icon.disabled.text-before.action-icon-settings:after,
.action-icon.disabled.text-after.action-icon-settings:before {
  background-position: -96px -48px;
}
.action-icon.branded.stand-alone.action-icon-settings,
.action-icon.branded.text-before.action-icon-settings:after,
.action-icon.branded.text-after.action-icon-settings:before {
  background-position: -96px 0px;
}
a.action-icon.stand-alone.action-icon-settings:hover,
a.action-icon.text-before.action-icon-settings:hover:after,
a.action-icon.text-after.action-icon-settings:hover:before {
  background-position: -96px -32px;
}
.action-icon.stand-alone.action-icon-statements,
.action-icon.text-before.action-icon-statements:after,
.action-icon.text-after.action-icon-statements:before {
  background-position: -112px -16px;
}
.action-icon.disabled.stand-alone.action-icon-statements,
.action-icon.disabled.text-before.action-icon-statements:after,
.action-icon.disabled.text-after.action-icon-statements:before {
  background-position: -112px -48px;
}
.action-icon.branded.stand-alone.action-icon-statements,
.action-icon.branded.text-before.action-icon-statements:after,
.action-icon.branded.text-after.action-icon-statements:before {
  background-position: -112px 0px;
}
a.action-icon.stand-alone.action-icon-statements:hover,
a.action-icon.text-before.action-icon-statements:hover:after,
a.action-icon.text-after.action-icon-statements:hover:before {
  background-position: -112px -32px;
}
.action-icon.stand-alone.action-icon-transfers,
.action-icon.text-before.action-icon-transfers:after,
.action-icon.text-after.action-icon-transfers:before {
  background-position: -128px -16px;
}
.action-icon.disabled.stand-alone.action-icon-transfers,
.action-icon.disabled.text-before.action-icon-transfers:after,
.action-icon.disabled.text-after.action-icon-transfers:before {
  background-position: -128px -48px;
}
.action-icon.branded.stand-alone.action-icon-transfers,
.action-icon.branded.text-before.action-icon-transfers:after,
.action-icon.branded.text-after.action-icon-transfers:before {
  background-position: -128px 0px;
}
a.action-icon.stand-alone.action-icon-transfers:hover,
a.action-icon.text-before.action-icon-transfers:hover:after,
a.action-icon.text-after.action-icon-transfers:hover:before {
  background-position: -128px -32px;
}
.action-icon.stand-alone.action-icon-delete,
.action-icon.text-before.action-icon-delete:after,
.action-icon.text-after.action-icon-delete:before {
  background-position: -144px -16px;
}
.action-icon.disabled.stand-alone.action-icon-delete,
.action-icon.disabled.text-before.action-icon-delete:after,
.action-icon.disabled.text-after.action-icon-delete:before {
  background-position: -144px -48px;
}
.action-icon.branded.stand-alone.action-icon-delete,
.action-icon.branded.text-before.action-icon-delete:after,
.action-icon.branded.text-after.action-icon-delete:before {
  background-position: -144px 0px;
}
a.action-icon.stand-alone.action-icon-delete:hover,
a.action-icon.text-before.action-icon-delete:hover:after,
a.action-icon.text-after.action-icon-delete:hover:before {
  background-position: -144px -32px;
}
.action-icon.stand-alone.action-icon-edit,
.action-icon.text-before.action-icon-edit:after,
.action-icon.text-after.action-icon-edit:before {
  background-position: -160px -16px;
}
.action-icon.disabled.stand-alone.action-icon-edit,
.action-icon.disabled.text-before.action-icon-edit:after,
.action-icon.disabled.text-after.action-icon-edit:before {
  background-position: -160px -48px;
}
.action-icon.branded.stand-alone.action-icon-edit,
.action-icon.branded.text-before.action-icon-edit:after,
.action-icon.branded.text-after.action-icon-edit:before {
  background-position: -160px 0px;
}
a.action-icon.stand-alone.action-icon-edit:hover,
a.action-icon.text-before.action-icon-edit:hover:after,
a.action-icon.text-after.action-icon-edit:hover:before {
  background-position: -160px -32px;
}
.action-icon.stand-alone.action-icon-refresh,
.action-icon.text-before.action-icon-refresh:after,
.action-icon.text-after.action-icon-refresh:before {
  background-position: -176px -16px;
}
.action-icon.disabled.stand-alone.action-icon-refresh,
.action-icon.disabled.text-before.action-icon-refresh:after,
.action-icon.disabled.text-after.action-icon-refresh:before {
  background-position: -176px -48px;
}
.action-icon.branded.stand-alone.action-icon-refresh,
.action-icon.branded.text-before.action-icon-refresh:after,
.action-icon.branded.text-after.action-icon-refresh:before {
  background-position: -176px 0px;
}
a.action-icon.stand-alone.action-icon-refresh:hover,
a.action-icon.text-before.action-icon-refresh:hover:after,
a.action-icon.text-after.action-icon-refresh:hover:before {
  background-position: -176px -32px;
}
.action-icon.stand-alone.action-icon-thick-check,
.action-icon.text-before.action-icon-thick-check:after,
.action-icon.text-after.action-icon-thick-check:before {
  background-position: -192px -16px;
}
.action-icon.disabled.stand-alone.action-icon-thick-check,
.action-icon.disabled.text-before.action-icon-thick-check:after,
.action-icon.disabled.text-after.action-icon-thick-check:before {
  background-position: -192px -48px;
}
.action-icon.branded.stand-alone.action-icon-thick-check,
.action-icon.branded.text-before.action-icon-thick-check:after,
.action-icon.branded.text-after.action-icon-thick-check:before {
  background-position: -192px 0px;
}
a.action-icon.stand-alone.action-icon-thick-check:hover,
a.action-icon.text-before.action-icon-thick-check:hover:after,
a.action-icon.text-after.action-icon-thick-check:hover:before {
  background-position: -192px -32px;
}
.action-icon.stand-alone.action-icon-lock,
.action-icon.text-before.action-icon-lock:after,
.action-icon.text-after.action-icon-lock:before {
  background-position: -208px -16px;
}
.action-icon.disabled.stand-alone.action-icon-lock,
.action-icon.disabled.text-before.action-icon-lock:after,
.action-icon.disabled.text-after.action-icon-lock:before {
  background-position: -208px -48px;
}
.action-icon.branded.stand-alone.action-icon-lock,
.action-icon.branded.text-before.action-icon-lock:after,
.action-icon.branded.text-after.action-icon-lock:before {
  background-position: -208px 0px;
}
a.action-icon.stand-alone.action-icon-lock:hover,
a.action-icon.text-before.action-icon-lock:hover:after,
a.action-icon.text-after.action-icon-lock:hover:before {
  background-position: -208px -32px;
}
.action-icon.stand-alone.action-icon-thin-check,
.action-icon.text-before.action-icon-thin-check:after,
.action-icon.text-after.action-icon-thin-check:before {
  background-position: -224px -16px;
}
.action-icon.disabled.stand-alone.action-icon-thin-check,
.action-icon.disabled.text-before.action-icon-thin-check:after,
.action-icon.disabled.text-after.action-icon-thin-check:before {
  background-position: -224px -48px;
}
.action-icon.branded.stand-alone.action-icon-thin-check,
.action-icon.branded.text-before.action-icon-thin-check:after,
.action-icon.branded.text-after.action-icon-thin-check:before {
  background-position: -224px 0px;
}
a.action-icon.stand-alone.action-icon-thin-check:hover,
a.action-icon.text-before.action-icon-thin-check:hover:after,
a.action-icon.text-after.action-icon-thin-check:hover:before {
  background-position: -224px -32px;
}
/* 07/29/2013 BWB - Added Commercial Card Icons */
.action-icon.stand-alone.action-icon-house,
.action-icon.text-before.action-icon-house:after,
.action-icon.text-after.action-icon-house:before {
	background-position: -240px -16px;
}
.action-icon.disabled.stand-alone.action-icon-house,
.action-icon.disabled.text-before.action-icon-house:after,
.action-icon.disabled.text-after.action-icon-house:before{
  background-position: -240px -48px;
}
.action-icon.branded.stand-alone.action-icon-house,
.action-icon.branded.text-before.action-icon-house:after,
.action-icon.branded.text-after.action-icon-house:before{
  background-position: -240px 0px;
}
a.action-icon.stand-alone.action-icon-house:hover,
a.action-icon.text-before.action-icon-house:hover:after,
a.action-icon.text-after.action-icon-house:hover:before {
  background-position: -240px -32px;
}
.action-icon.stand-alone.action-icon-group,
.action-icon.text-before.action-icon-group:after,
.action-icon.text-after.action-icon-group:before{
	background-position: -256px -16px;
}
.action-icon.disabled.stand-alone.action-icon-group,
.action-icon.disabled.text-before.action-icon-group:after,
.action-icon.disabled.text-after.action-icon-group:before{
  background-position: -256px -48px;
}
.action-icon.branded.stand-alone.action-icon-group,
.action-icon.branded.text-before.action-icon-group:after,
.action-icon.branded.text-after.action-icon-group:before{
  background-position: -256px 0px;
}
a.action-icon.stand-alone.action-icon-group:hover,
a.action-icon.text-before.action-icon-group:hover:after,
a.action-icon.text-after.action-icon-group:hover:before{
  background-position: -256px -32px;
}
.action-icon.stand-alone.action-icon-card,
.action-icon.text-before.action-icon-card:after,
.action-icon.text-after.action-icon-card:before{
	background-position: -272px -16px;
}
.action-icon.disabled.stand-alone.action-icon-card,
.action-icon.disabled.text-before.action-icon-card:after,
.action-icon.disabled.text-after.action-icon-card:before{
  background-position: -272px -48px;
}
.action-icon.branded.stand-alone.action-icon-card,
.action-icon.branded.text-before.action-icon-card:after,
.action-icon.branded.text-after.action-icon-card:before{
  background-position: -272px 0px;
}
a.action-icon.stand-alone.action-icon-card:hover,
a.action-icon.text-before.action-icon-card:hover:after,
a.action-icon.text-after.action-icon-card:hover:before{
  background-position: -272px -32px;
}
.action-icon.stand-alone.action-icon-user,
.action-icon.text-before.action-icon-user:after,
.action-icon.text-after.action-icon-user:before{
	background-position: -288px -16px;
}
.action-icon.disabled.stand-alone.action-icon-user,
.action-icon.disabled.text-before.action-icon-user:after,
.action-icon.disabled.text-after.action-icon-user:before{
  background-position: -288px -48px;
}
.action-icon.branded.stand-alone.action-icon-user,
.action-icon.branded.text-before.action-icon-user:after,
.action-icon.branded.text-after.action-icon-user:before{
  background-position: -288px 0px;
}
a.action-icon.stand-alone.action-icon-user:hover,
a.action-icon.text-before.action-icon-user:hover:after,
a.action-icon.text-after.action-icon-user:hover:before{
  background-position: -288px -32px;
}
.action-icon.stand-alone.action-icon-exit,
.action-icon.text-before.action-icon-exit:after,
.action-icon.text-after.action-icon-exit:before{
	background-position: -304px -16px;
}
.action-icon.disabled.stand-alone.action-icon-exit,
.action-icon.disabled.text-before.action-icon-exit:after,
.action-icon.disabled.text-after.action-icon-exit:before{
  background-position: -304px -48px;
}
.action-icon.branded.stand-alone.action-icon-exit,
.action-icon.branded.text-before.action-icon-exit:after,
.action-icon.branded.text-after.action-icon-exit:before{
  background-position: -304px 0px;
}
a.action-icon.stand-alone.action-icon-exit:hover,
a.action-icon.text-before.action-icon-exit:hover:after,
a.action-icon.text-after.action-icon-exit:hover:before{
  background-position: -304px -32px;
}
.action-icon.stand-alone.action-icon-field-error,
.action-icon.text-before.action-icon-field-error:after,
.action-icon.text-after.action-icon-field-error:before {
  background-position: -320px -16px;
}
.action-icon.disabled.stand-alone.action-icon-field-error,
.action-icon.disabled.text-before.action-icon-field-error:after,
.action-icon.disabled.text-after.action-icon-field-error:before {
  background-position: -320px -48px;
}
.action-icon.branded.stand-alone.action-icon-field-error,
.action-icon.branded.text-before.action-icon-field-error:after,
.action-icon.branded.text-after.action-icon-field-error:before {
  background-position: -320px 0px;
}
a.action-icon.stand-alone.action-icon-field-error:hover,
a.action-icon.text-before.action-icon-field-error:hover:after,
a.action-icon.text-after.action-icon-field-error:hover:before {
  background-position: -320px -32px;
}
/* END ACTION ICONS */
/*  PAYMENT METHOD ICONS */
.icon-electronic-payment,
.icon-check-payment,
.icon-black-checkmark {
  background-repeat: no-repeat;
  background-position: center center;
  height: 15px;
  width: 15px;
  text-indent: -9999px;
}
.icon-payment-method{
	background-image: url("../img/dashboard-icons.png");
	background-repeat: no-repeat;
	height: 14px;
	width: 14px;
	display: inline-block;
}
tr.even .icon-payment-method{
	background-image: url("../img/dashboard-icons-F6F6F6.png");
}
tr.odd .icon-payment-method{
	background-image: url("../img/dashboard-icons-E6E7E8.png");
}
.icon-payment-method.check-payment{
	background-position: 0 0;
}
.icon-payment-method.electronic-payment{
	background-position: -14px 0;
}
.icon-payment-method.recurring-payment{
	background-position: -28px 0;
}
/* END PAYMENT METHOD ICONS */

/* Sorting Icons */
.dataTables_wrapper .branded .ascending .ui-icon,
.main-content table.branded thead tr .headerSortUp,
.main-content table.account-summary thead tr .ascending {
  background-image: url("../img/asc.png");
}
.dataTables_wrapper .branded .descending .ui-icon,
.main-content table.branded thead tr .headerSortDown,
.main-content table.account-summary thead tr .descending {
  background-image: url("../img/desc.png");
}
.main-content .transaction-list th.ascending-order {
  background-image: url("../img/icon-ascending-order.png");
}
.main-content .transaction-list th.descending-order {
  background-image: url("../img/icon-descending-order.png");
}
.main-content table.branded thead tr .header,
.main-content table.account-summary thead tr .unsorted-sort {
  background-image: url("../img/nosort.png");
}
.main-content .handle-icon {
  background-image: url("../img/handle-two-arrow-icon.png");
}
/* End Sorting Icons */

/* Notification Icons */
.main-content .notification-ref.star,
.main-content .notification.star {
  background-image: url("../img/notification-asterisk.gif");
}
.main-content .notification-ref.cross,
.main-content .notification.cross {
  background-image: url("../img/notification-cross.gif");
}
.main-content .notification-ref.double-cross,
.main-content .notification.double-cross {
  background-image: url("../img/notification-double-cross.png");
}
.main-content .notification-ref.section-symbol,
.main-content .notification.section-symbol {
  background-image: url("../img/notification-section.png");
}
.main-content .notification-ref.two-crosses,
.main-content .notification.two-crosses {
  background-image: url("../img/notification-two-cross.png");
}
.main-content .notification-ref.two-double-crosses,
.main-content .notification.two-double-crosses {
  background-image: url("../img/notification-two-double-cross.png");
}
/* End Notification Icons */

a#handle {
  background-image: url("../img/help-tab-questionmark.png");
}
.main-content h3.success {
  background-image: url("../img/icon-checkmark.png");
}
.main-content .contact-info-confirm h3.error {
  background-image: url("../img/icon-field-error.png");
  background-position: left;
  background-repeat: no-repeat;
  line-height: 25px;
  padding-left: 30px;
  color: #ff0000;
}
.main-content .profile-icon {
  background-image: url("../img/sm-check-green.png");
}

/* ------------------------------------------------------------------------*/
/* App Icons */
/* App Icons */
/* App Icons */
.main-content .icon {
  display: inline;
}
.main-content .icons {
  margin-left: 3px;
  float: left;
}
.main-content .icons img,
.main-content .icon {
  height: 14px;
  margin-right: -1px;
  width: 14px;
}
.main-content .icons.brand img.disabled {
  cursor: default;
}
.main-content .even .icons img,
.main-content .even .icon {
  background-repeat: no-repeat;
}
.main-content .icons img,
.main-content .errorIcon,
.main-content .icon {
  display: inline-block;
}
.main-content .icon.expand,
.main-content .icon.collapse {
  background-repeat: no-repeat;
  margin-right: 5px;
}
.main-content .icon.collapse {
  background-position: -14px 0;
}
.main-content .icons img,
.main-content .icon {
  height: 14px;
  margin-right: -1px;
  width: 14px;
}

.main-content .icon-user-check {
  display: block;
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
}
.main-content .icon-user-lock {
  display: block;
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
}
.main-content .icon-user-x {
  display: block;
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
}
.main-content .icon.quickhelp {
  margin-left: 4px;
}
/* End of App Icons */
/* --------------------------------------------------------------------- */

/* Bank Address */
/* Bank Address */
/* Bank Address */
.bank-address.inline span:after{
	content:",";
}
.bank-address.inline span.last:after{
	content:none;
}
/* End, Bank Address */
/* --------------------------------------------------------------------- */

/* Tooltips */

/* Tooltips */
/* Tooltips */
/* Tooltips */
.tooltip {
  border: 2px solid;
  display: none;
  font-size: 11px;
  padding: 5px;
  max-width: 200px;
  z-index: 2001;
  min-height: 10px;
  /* The PX value on this line MUST match the PX value in the HEIGHT two lines down!  If you change one, change both. */

  height: auto !important;
  /* DO NOT CHANGE THE ORDER OF THIS BLOCK OF CODE */

  height: 10px;
}
#sig-panel-tooltip {
  width: 265px;
  max-width: none;
}
/*Icon Tooltips*/
/* to be used when a tooltip is neccesary but you don't want to display the tooltip icon itself*/
.icon-tooltip {
  position: relative;
}
.icon-tooltip span,
.icon-tooltip:hover .action-icon-message {
  display: none;
  left: 0;
  position: absolute;
  top: 18px;
  visiblity: hidden;
  z-index: -1;
  border: 2px solid;
  font-size: 11px;
  padding: 5px;
  max-width: 200px;
  min-height: 10px;
  /* The PX value on this line MUST match the PX value in the HEIGHT two lines down!  If you change one, change both. */

  height: auto !important;
  /* DO NOT CHANGE THE ORDER OF THIS BLOCK OF CODE */

  height: 10px;
}
.icon-tooltip:hover span,
.icon-tooltip:hover .action-icon-message {
  position: absolute;
  display: block;
  visibility: visible;
  z-index: 3001;
}
/* END ICON TOOLTIPS */
/* -------------------------------------------------------------------- */
/* Notifications */
/* Basic Notification */
.main-content .notification {
  font-size: 11px;
  line-height: 1.2em;
  margin-bottom: .8em;
}
.main-content form .notification {
  margin-bottom: .5em;
}
/* Notification with star */
.main-content .notification-ref.star,
.main-content .notification.star {
  background-repeat: no-repeat;
}
.main-content .notification-ref.star {
  background-position: right 3px;
  padding-right: 6px;
}
.main-content .notification.star {
  /* The actual notification */

  background-position: 0 3px;
  clear: left;
  padding-left: 7px;
}
.main-content form ul.notification li {
  margin-bottom: 3px;
  border-bottom: none;
}

/* Notification with White star */
.main-content .notification-ref.star.white {
  background-repeat: no-repeat;
}
.main-content .notification-ref.star.white {
  background-position: right 3px;
  padding-right: 8px;
}
/* Notification with cross */
.main-content .notification-ref.cross,
.main-content .notification.cross {
  background-repeat: no-repeat;
}
.main-content .notification-ref.cross {
  background-position: right 2px;
  padding-right: 6px;
}
.main-content .notification.cross {
  background-position: left 1px;
  padding-left: 7px;
}
.main-content .notification.cross.table {
	margin-left:10px;
}

/* Notification with double cross */
.main-content .notification-ref.double-cross,
.main-content .notification.double-cross {
  background-repeat: no-repeat;
}
.main-content .notification-ref.double-cross {
  background-position: right 2px;
  padding-right: 8px;
}
.main-content .notification.double-cross {
  background-position: left 1px;
  padding-left: 7px;
}
/* Notification with section symbol */
.main-content .notification-ref.section-symbol,
.main-content .notification.section-symbol {
  background-repeat: no-repeat;
}
.main-content .notification-ref.section-symbol {
  background-position: right 2px;
  padding-right: 8px;
}
.main-content .notification.section-symbol {
  background-position: left 1px;
  padding-left: 7px;
}
/* Notification with two crosses */
.main-content .notification-ref.two-crosses,
.main-content .notification.two-crosses {
  background-repeat: no-repeat;
}
.main-content .notification-ref.two-crosses {
  background-position: right 2px;
  padding-right: 14px;
}
.main-content .notification.two-crosses {
  background-position: left 1px;
  padding-left: 13px;
}
/* Notification with two double crosses */
.main-content .notification-ref.two-double-crosses,
.main-content .notification.two-double-crosses {
  background-repeat: no-repeat;
}
.main-content .notification-ref.two-double-crosses {
  background-position: right 2px;
  padding-right: 14px;
}
.main-content .notification.two-double-crosses {
  background-position: left 1px;
  padding-left: 13px;
}
/* Stacked notifications */
.main-content .remove-online-account .notification {
  padding-bottom: 5px;
}

/* alerts compare */
.main-content .alerts-compare-checkmark {
  display:inline;
}
/** end alerts compare**/
/* End of Notifications */
/******************************************************************************
  END OF ICONS, TOOLTIPS AND NOTICATIONS
*******************************************************************************/
/******************************************************************************
  IV. Megamenu
*******************************************************************************/
/* jQuery MegaMenu Plugin - Author: GeekTantra - Author URI: http://www.geektantra.com*/
ul#megamenu {
  display: none;
  list-style: none;
  margin: 0px auto;
  padding: 0;
  line-height: 18px;
  width: 960px;
}
ul#megamenu li {
  margin: 0px;
  padding: 0px;
}
ul#megamenu li.clear-fix {
  clear: both;
  float: none;
  font-size: 0px;
  line-height: 0px;
  height: 0px;
  margin: 0px;
  padding: 0px;
}
ul#megamenu a.mm-item-link:link,
ul#megamenu a.mm-item-link:visited {
  display: inline-block;
  position: relative;
  text-decoration: none;
  z-index: 10;
}
ul#megamenu .mm-carrot {
  background-position: center 3px;
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  min-width: 0px;
}
ul#megamenu .mm-item:hover .mm-carrot,
ul#megamenu .mm-item:hover .mm-carrot {
  z-index: 500;
}
ul#megamenu div.mm-item-content {
  padding: 0px;
  position: absolute;
  z-index: 9;
  display: none;
}
ul#megamenu .mm-content-base {
  border-top: 2px solid;
  position: relative;
  z-index: 11;
}
ul#megamenu .mm-js-shadow {
  position: absolute;
  z-index: 10;
}
ul#megamenu .mm-new {
  color: red;
  font-style: italic;
}
/* Megamenu Navigation ***** */
/* top level links ***** */
.nav ul.category {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.nav .category li.category {
  display: inline;
  float: left;
  font-size: medium;
  margin: 0 3px 0 0 !important;
}
.nav .category li.category:hover {
  background-position: 0 30px;
}
.nav .category li.category > a {
  display: block;
  font-size: .9em;
  font-weight: bold;
  padding: 5px 15px;
  text-decoration: none;
}
.nav .category li.category > div {
  background-position: 0px -137px;
  background-repeat: repeat-x;
  display: inline-block;
  font-size: small;
  margin-top: 2px;
  margin-left: -1px;
  min-width: 180px;
  position: absolute;
  z-index: 900;
}
.nav .category .background2 {
  /*----------- 06/26/2013 BWB - Updated to use css gradients -------------*/
  padding: 15px 5px 1px 10px;
  background: #efefef;
  background: -moz-linear-gradient(top,  #ffffff 0%, #e6e7e8 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e7e8)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e7e8 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#e6e7e8 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#e6e7e8 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffffff 0%,#e6e7e8 100%); /* W3C */
}
.nav .category .background2 .col1 {
  /*width: 165px; --------- 07/10/2013 BWB - Removed to keep nav items from having line breaks ------ */
  padding: 0 10px 0 0;
}
.nav .category .nav .here {
  font-weight: bold;
}
#megamenu table.layout {
  margin: 0 10px 15px;
}
#megamenu h3 {
  font-size: small;
  font-weight: bold;
  margin: 0 0 .25em;
  text-align: left;
}
#megamenu ul.nav,
#megamenu ul.nav li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#megamenu ul.nav {
  margin-bottom: 1em;
}
#megamenu ul.nav li {
  margin-bottom: .25em;
}
#megamenu ul.nav a {
  text-decoration: none;
}
/****************************************************************
	END MEGAMENU
****************************************************************/
/*************************************************************
   V. Tables
*************************************************************/
/* Data Tables */
/* Data Tables */
/* Data Tables */
.main-content th.ui-state-default.ascending,
.main-content th.ui-state-default.descending,
.main-content th.ui-state-default.sortable {
  cursor: pointer;
}
.main-content .dataTables_wrapper {
  clear: both;
  width: auto;
  height: 100%;
  padding: 10px 0;
  margin: 20px 0;
}
.main-content .dataTables_wrapper table.dataTable {
  margin: 10px 0;
}
.main-content .dataTables_wrapper .dataTables_scrollHead {
  margin: 10px 0 0 0;
}
.main-content .dataTables_wrapper .dataTables_scrollHead table.dataTable {
  margin: 10px 0 0 0;
}
.main-content .dataTables_wrapper .dataTables_scrollBody table.dataTable {
  margin: 0px;
}
.main-content .dataTables_wrapper h2.dataTables_title {
  padding: 8px 0px 2px 8px;
  border: 0;
}
.main-content .dataTables_wrapper .ui-widget-header {
  background: none;
  border: none;
}

.main-content div.datatable-scrollable-wrapper {
  max-height: 500px;
  overflow: auto;
}

.main-content .dataTables_wrapper .branded tr + tr .ui-state-default {
	border-color: #cccccc !important;
}

.main-content .dataTables_wrapper .branded tr + tr .ui-state-default a {
	text-decoration: underline;
}

.main-content .dataTables_wrapper div.DataTables_sort_wrapper {
  font-size: 11px;
}
.main-content .dataTables_wrapper .ui-buttonset .ui-button {
  padding: 0 5px;
}
.dataTable .edit-remove-icons-holder {
  margin: 0 auto;
  height: 16px;
  width: 38px;
}
.dataTable .center img,
.dataTable .center div {
  margin: 0 auto;
}
/* Data Tables Controls */
/* Data Tables Controls */
/* Data Tables Controls */
.main-content .dataTables_wrapper .dataTables_length,
.main-content .dataTables_wrapper .dataTables_info {
  float: left;
  clear: left;
}
.main-content .dataTables_wrapper .dataTables_filter,
.main-content .dataTables_wrapper .dataTables_paginate {
  float: right;
  clear: right;
}
.main-content .dataTables_wrapper .dataTables_length,
.main-content .dataTables_wrapper .dataTables_info,
.main-content .dataTables_wrapper .dataTables_filter,
.main-content .dataTables_wrapper .dataTables_paginate {
  margin: 5px 10px;
}
.main-content .dataTables_wrapper .dataTables_paginate a {
  text-decoration: none;
}
.main-content .dataTables_wrapper a.ui-state-default div {
  border: none;
  height: 13px;
  width: 12px;
  display: block;
}
.main-content .dataTables_wrapper .ui-state-default,
.dataTables_wrapper .ui-widget-content .ui-state-default,
.dataTables_wrapper .ui-widget-header .ui-state-default {
  border: none;
}
.main-content .dataTables_wrapper .ui-state-disabled,
.dataTables_wrapper .ui-widget-content .ui-state-disabled,
.dataTables_wrapper .ui-widget-header .ui-state-disabled {
  border: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
}
#stoppaymentlist p.ui-state-disabled {
  display: none;
}
.main-content  a.ui-state-disabled:hover{
  color:#555555;
}
/* End of Data Table Controls */
/* --------------------------------------------------------------- */
/* Datatable Table Head */
/* Datatable Table Head */
/* Datatable Table Head */
.dataTables_wrapper .branded .ui-icon {
  background-position: center center;
  margin: 0 0 0 -16px;
  float: right;
}
.dataTables_wrapper .branded .sortable .ui-icon {
  background-image: none;
}
.dataTables_wrapper .branded .ui-state-default {
  padding: 3px;
  border-right: 1px solid;
}
/*  Headers */
/*  Headers */
/*  Headers */
.main-content thead td,
.main-content thead th {
  padding: 5px 10px;
  text-align: center;
  text-transform: uppercase;
}
.main-content thead {
  text-transform: uppercase;
}
.main-content thead .clear-styles {
  padding: 0;
  text-align: left;
  width: auto;
}
.main-content table.header {
  margin-bottom: 10px;
}
.main-content table.header th {
  border: none;
  padding: 0 5px;
}
.main-content table.branded th {
  border: none;
  background-repeat: repeat-x;
  background-position: 0 top;
  height: 30px;
  border-right: 1px solid;
  padding: 0 5px;
  text-transform: uppercase;
  vertical-align: middle;
}
.main-content .user-list-container table.branded th {
  border-right: 1px solid;
  text-transform: uppercase;
  vertical-align: middle;
}
/*Branded Table*/
/*Branded Table*/
/*Branded Table*/
.main-content table.branded tr th,
.main-content table.branded tr th a {
  text-decoration: none;
}
.main-content table.branded tr th.apply,
.main-content table td.apply {
  width: 65px;
}
.main-content table.branded tr th.learn-more,
.main-content table td.learn-more {
  width: 115px;
}
.main-content table.branded tr th.redeem {
  width: 70px;
}
/*branded table elements for table sort*/
.main-content table.branded thead tr .header {
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}
.main-content thead.brand th.last {
  border-right-style: none !important;
}
/* Custom column styles */
/* We can consolidate these later on */
/* Text align left */
.main-content th.date,
.main-content td.date,
.main-content th.primary,
.main-content td.primary,
.main-content th.email,
.main-content td.email,
.main-content th.name,
.main-content td.name {
  text-align: center;
}
/* Text align right */
.main-content td.amount,
.main-content th.tax-amount,
.main-content th.percentage,
.main-content td.percentage,
.main-content td.ledger-balance,
.main-content td.payment-breakdown {
  text-align: right;
}
/* Text align center */
.main-content th.ledger-balance,
.main-content th.description,
.main-content th.trans-type,
.main-content th.edit,
.main-content td.edit,
.main-content th.remove,
.main-content td.remove,
.main-content th.amount,
.main-content th.frequency,
.main-content td.frequency {
  text-align: center;
}
/* Percantage (%) widths */
.main-content th.date,
.main-content td.date,
.main-content th.edit,
.main-content td.edit,
.main-content th.remove,
.main-content td.remove {
  width: 11%;
  /* 10% is too narrow in IE */

}
.main-content th.amount,
.main-content td.amount {
  width: 12%;
}
.main-content th.frequency,
.main-content td.frequency {
  width: 15%;
}
.main-content th.ledger-balance,
.main-content td.ledger-balance {
  width: 15%;
}
.main-content th.payment-breakdown,
.main-content td.payment-breakdown,
.main-content th.account {
  width: 30%;
}
.main-content th.payee,
.main-content td.payee,
.main-content th.primary,
.main-content td.primary {
  width: 25%;
}
/* PX Widths */
.main-content table.branded col.order {
  width: 45px;
}
.main-content table.branded col.accountName {
  width: 145px;
}
.main-content .paperless-settings table.branded col.accountName {
  width: 135px;
}
.main-content table.branded col.displayName {
  width: 160px;
}
.main-content .paperless-settings table.branded col.displayName {
  width: 155px;
}
.main-content table.branded col.showHide {
  width: 50px;
}
.main-content table.branded col.sortOrder {
  width: 80px;
}
.main-content table.branded col.dashboard {
  width: 75px;
}
.main-content table.branded col.paperless {
  width: 70px;
}
.main-content table.branded col.lastModifiedBy {
  width: 100px;
}
.main-content table.branded col.lastModifiedDate {
  width: 90px;
}
.main-content .widget .paperless-settings .displayName.long {
  width: 100%;
}
.main-content th.email,
.main-content td.email,
.main-content th.name,
.main-content td.name {
  width: 30%;
}
.main-content td.checkbox,
.main-content td.checkbox input {
  width: 15px;
  margin-right: 0;
  text-align: center;
}
.main-content .paperless-settings td.checkbox,
.main-content .paperless-settings td.checkbox input {
  width: 15px;
  margin-right: 0;
  text-align: left;
}
.main-content td.checkbox li {
  background-image: none;
}
.main-content th.alerts,
.main-content td.alerts {
  text-align: center;
  width: 10px;
}
/* Table cell horizontal positioning */
.main-content tr.right th,
.main-content tr.right td,
.main-content th.right,
.main-content td.right {
  text-align: right;
}
.main-content tr.center th,
.main-content tr.center td,
.main-content td.center {
  text-align: center;
}
.main-content tr.left th,
.main-content th.left,
.main-content tr.left td,
.main-content td.left {
  text-align: left;
}
/* Table cell vertical positioning */
.main-content tr.top td {
  vertical-align: top;
}
/* vborders */
.main-content table.vborders th.last,
.main-content table.vborders td.last,
.main-content table.branded th.last,
.main-content table.branded td.last {
  border-right: none;
}
/* table features */
.main-content td.top-align {
  vertical-align: top;
}
.main-content .stacked-tables table {
  margin-bottom: 10px;
}
.main-content td.tab-info .date {
  display: block;
}
.main-content td.spacer,
.main-content th.spacer {
  padding: 0;
  width: 4px;
}
.main-content table.no-bottom-borders td,
.main-content tr.no-bottom-borders td,
.main-content li.no-bottom-border,
.main-content ul.no-bottom-border {
  border-bottom: none;
}
/* Nested tables within columns */
.main-content table table {
  margin-bottom: 0;
}
.main-content table table.column {
  width: 330px;
}
/* Label */
.main-content table td.label-value {
  width: 200px;
  font-weight: bold;
}
.main-content table td.label-value.long {
  width: 300px;
}
/* Alert */
.main-content table td.alert {
  background-repeat: no-repeat;
  background-position: 10px 50%;
  padding-left: 22px;
}
/* Buttons in tables */
.main-content table th .btn,
.main-content table td .btn {
  margin-bottom: 0;
}
/* Balance Transfer Priority */
.main-content .balance-transfer-priority th.payee,
.main-content .balance-transfer-priority td.payee {
  width: auto;
}
.main-content .balance-transfer-priority th.order-count,
.main-content .balance-transfer-priority td.order-count {
  width: 55px;
  text-align: center;
}
/*Row Highlighting*/
.main-content .wwFormTable tr.highlight {
  border-bottom: 2px solid;
  border-top: 2px solid;
}
/*Account Summary Dashboard Style*/
/*Account Summary Dashboard Style*/
/*Account Summary Dashboard Style*/
.main-content .account-summary-container {
  padding: 5px 0 25px 0;
}
.main-content .account-summary h2 {
  padding: 8px 0px 2px 8px;
}
.main-content .account-summary table {
  margin-bottom: 0;
  border: none;
}
.main-content .account-summary-form {
  padding: 10px;
}
.main-content table.account-summary th {
  border: none;
  background-repeat: repeat-x;
  background-position: 0 bottom;
  border-right: 1px solid;
  padding: 3px 5px 3px 0;
  text-transform: uppercase;
  vertical-align: middle;
}
.main-content table.branded tr.totals,
.main-content table.branded td.totals,
.main-content table.account-summary tr.totals,
.main-content table.account-summary td.totals {
  background-repeat: repeat-x;
  background-position: 0 bottom;
  font-weight: bold;
  text-transform: uppercase;
  vertical-align: middle;
  height: auto;
}
.main-content table.account-summary tr th.apply,
.main-content table td.apply {
  width: 65px;
}
.main-content table.account-summary tr th.learn-more,
.main-content table td.learn-more {
  width: 115px;
}
.main-content table.account-summary tr th.redeem {
  width: 70px;
}
/* Account Detail  Ajax targeted Div */
.main-content .account-detail-transactions {
  margin-top: 20px;
}
.main-content #accountDetailSummaryForm .account-name {
	min-width:330px;
}
/* Size defined in wrapper.css */
.main-content .account-summary-list th {
  background-repeat: repeat-x;
  background-postion: 0 top;
  padding: 5px 10px;
  height: 60px;
}
/*branded table elements for table sort*/
.main-content table.account-summary thead tr .unsorted-sort {
  background-repeat: no-repeat;
  background-position: center right;
}
.main-content table.account-summary thead tr .ascending {
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}
.main-content table.account-summary thead tr .descending {
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}
/*Underscores used on column classes below because they are also referenced in Java - do not change - AK */
.main-content table.account-summary thead tr .field-currentBalance,
.main-content table.account-summary thead tr .field-accountName,
.main-content table.account-summary thead tr .field-currentBalance,
.main-content table.account-summary thead tr .field-availableBalance {
  cursor: pointer;
}
.main-content table.account-summary thead tr .account-group,
.main-content table.account-summary thead tr .field-nextPaymentAmount,
.main-content table.account-summary thead tr .field-accountNumber,
.main-content table.account-summary thead tr .field-accountGroup,
.main-content table.account-summary thead tr .field-nextPaymentDueDate,
.main-content table.account-summary thead tr .field-interestRate,
.main-content table.account-summary thead tr .field-availableBalance,
.main-content table.account-summary thead tr .field-principleBalance {
  cursor: pointer;
  padding: 4px 14px 4px 3px;
}
.main-content .account-summary .ledger-balance,
.main-content .account-summary .amount,
.main-content .account-summary .date,
.main-content .account-summary .ledger-balance,
.main-content .account-summary .amount,
.main-content .account-summary .date {
  width: auto;
}
/*Custom Table Elements*/
/*Custom Table Elements*/
/*Custom Table Elements*/
.main-content .account-summary-head-elements {
  padding: 0 0 0 10px;
}
.main-content .account-summary-footer-elements {
  padding: 10px 0 10px 10px;
}
.main-content .standalone-sidebar {
  border-left: 1px solid;
  font-size: 1.05em;
  line-height: 21px;
  padding-left: 10px;
  margin-left: 10px;
  width: 220px;
  min-height: 125px;
  float: right;
  border-bottom: 0;
  vertical-align: top;
}
.main-content table.transaction-list th {
  height: 32px;
  background-repeat: repeat-x;
  border-right: 1px solid;
  padding: 0 3px 0 0;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
}
.main-content #transaction-list-table_wrapper .datatable-col1,
.main-content #transaction-list-table_wrapper .datatable-col3,
.main-content #transaction-list-table_wrapper .datatable-col4,
.main-content #transaction-list-table_wrapper .datatable-col5 {
  width: 15%;
}
.main-content #transaction-list-table_wrapper .datatable-col2 {
  width: 40%;
}
.main-content th.payment-breakdown,
.main-content th.trans-type,
.main-content th.ledger-balance {
  cursor: no-drop;
  font-size: .846em;
}
.main-content .transaction-list th.ascending-order,
.main-content .transaction-list th.descending-order {
  background-repeat: no-repeat;
  background-position: right center;
}
.main-content .transaction-list th a {
  display: block;
}
.main-content #stoppay-table {
  table-layout: fixed;
}
.main-content #transfer-schedulePane {
  overflow: hidden;
}
/*Account Detail Style*/
.main-content #accountDetailSummary {
  width: 700px;
}
.main-content .account-detail .float-left {
  float: left;
}
.main-content .account-detail .float-right {
  float: right;
}
.main-content .account-detail-more .last {
  border-bottom: none !important;
}
.main-content table.email-user-table {
  margin-bottom: 10px;
  text-align: left;
  width: 50%;
}
.main-content table.account-summary td.viewuser-select-all {
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  vertical-align: middle;
  height: auto;
  text-align: right;
}
.main-content table.clear-styles th,
.main-content table.clear-styles td {
  border-bottom: none;
  padding: 10px 0 0;
}
.main-content thead .clear-styles {
  padding: 0;
  text-align: left;
  width: auto;
}
/*Dashboard Settings Table */
/*Dashboard Settings Table */
/*Dashboard Settings Table */
.paperless-settings .tab-panes .pane form,
.dashboard-group-settings .tab-panes .pane form {
  margin: 0px !important;
}
.main-content #settings-table-deposit,
.main-content #settings-table-loan {
  border-collapse: collapse;
  table-layout: fixed;
}
#settings-table-deposit_wrapper,
#settings-table-loan_wrapper {
  width: 940px;
  border: 0px;
  margin: -22px 0px -22px -2px;
  display: inline-block;
}
#settings-table-deposit_wrapper tr,
#settings-table-loan_wrapper tr {
  height: 35px;
}
.dashboard-settings .toggle-panel .toggle {
  margin: 0px !important;
  padding: 1px !important;
}
.paperless-settings .toggle-panel .toggle {
  padding:0px !important;
}
#settings-table-deposit_wrapper .branded .ascending .ui-icon,
#settings-table-loan_wrapper .branded .ascending .ui-icon {
  background-image: none;
}
#settings-table-deposit_wrapper .icon,
#settings-table-loan_wrapper .icon {
  margin-top: -20px;
  margin-left: 5px;
}
.main-content .banking-enroll {
  width: 675px;
  margin-left: 13px;
  margin-bottom: 10px;
}
.main-content .enrollstep2-container {
  width: 660px;
  margin: 190px 0 10px 10px;
  padding: 10px;
}
th.account-group-head {
  height: 3px !important;
}
/**************************************************************************
 END TABLES
**************************************************************************/
/**************************************************************************
 VI. Navigation & Special Functions
**************************************************************************/
/* Pop-ups */
/* Pop-ups */
/* Pop-ups */
body.no-wrapper {
  min-height: 100%;
  margin-bottom: 0;
  padding: 0;
}
.pop-up.form-style form {
  background: none;
}
/* For branch locator iframe */
/* This is needed for non-scrolling pop-ups that are narrower than 700px, such as confirmation pop-ups,
 so that the content shrinks to all be visible within the pop-up. IMS 2012-05-21 */
.no-wrapper .main-content {
  width: 100%;
}
.confirm .main-content h2 {
  padding-bottom: 3em;
}
/* Callout pop-ups */
.payee-detail {
  font-size: 13px;
}
.callout-window {
  border-width: 6px;
  border-style: solid;
  font-size: x-small;
  height: 100%;
  padding: 0px;
}
.callout-window .main-content {
  height: 95%;
  width: 100%;
  float: none;
}
.callout-window-White {
  font-size: 10pt;
  height: 100%;
  padding: 8px;
}
.callout-window-White .main-content {
  height: 95%;
  width: 100%;
  float: none;
}
.small-popup {
  padding: 10px;
}
/* End of Pop-ups */
/* --------------------------------------------------------------------- */
/* Tab Panes */
/* Tab Panes */
/* Tab Panes */
.main-content .tab-panes {
  overflow-x: hidden;
  overflow: auto;
  padding-bottom: 10px;
}
.main-content .tab-panes .tabs,
.main-content .tab-panes .panes {
  float: left;
  width: 100%;
}
.main-content .tab-panes .tabs {
  height: auto;
  margin: 0;
  padding: 0;
}
.main-content .tab-panes .panes .tabs {
  float: none;
}
.main-content .tab-panes .tabs li {
  padding: 0;
  background-image: none;
  float: left;
  height: auto;
  font-weight: bold;
  list-style-type: none;
  margin-bottom: 0;
  text-transform: uppercase;
}
.main-content .pane iframe {
  width: 100%;
}
.main-content .tab-panes .pane.for-ajax {
  display: block;
}
.main-content .tab-panes tr.last td {
  border-bottom: none;
}
.main-content .tab-panes #payment-table tr.last td {
  border-bottom: 1px solid #E6E7E8;
}
/* End of Tab Panes */
/* --------------------------------------------------------------------- */
/* Toggles */
/* Toggles */
/* Toggles */
.main-content .toggle,
.main-content .toggle-less {
	display: none;
}
.main-content .toggle.start-open {
	display: block;
}
.main-content .toggle-less.start-open {
	display: inline;
}
.main-content .toggle-panel {
  margin-bottom: 15px;
}
.main-content .toggle-trigger {
  cursor: pointer;
  font-size: 13px;
  margin-bottom: 5px;
}
.main-content table .toggle-trigger {
  margin-left: 10px;
}
.main-content a.toggle-panel {
  border: 1px solid;
  border-bottom: none;
}
.main-content .toggle-panel .toggle-trigger {
  display: block;
  font-weight: bold;
  padding: 8px 15px 5px;
  margin: 0;
  font-size: 13px;
}
.main-content .toggle-panel .toggle-trigger,
.main-content .toggle-panel .toggle {
  border: 1px solid;
}
.main-content .toggle-panel .toggle-trigger {
  margin-bottom: -1px;
}
.main-content .toggle-panel .toggle {
  padding: 10px;
  overflow: auto;
  margin-bottom: 5px;
}
.main-content .toggle-panel .toggle-trigger.expand {
  border-bottom: 1px solid;
}
.main-content div.toggle-in-tabs form#banking-permissions,
.main-content div.toggle-in-tabs form#User-Banking,
.main-content div.toggle-in-tabs form#User-Billpay,
.main-content div.toggle-in-tabs form#User-CashManage,
.main-content div.toggle-in-tabs form#User-RemoteCapture,
.main-content div.toggle-in-tabs form#User-LockArchive,
.main-content div.toggle-in-tabs form#User-exception,
.main-content div.toggle-in-tabs form#User-LetterofCredit,
.main-content div.toggle-in-tabs form#User-ForeignExchange,
.main-content div.toggle-in-tabs form#User-CommCard {
  margin: 0;
}
.main-content .remote-deposit-container,
.main-content .lockbox-container {
  margin: 190px 10px 10px 10px;
  height: 170px;
}
.main-content .tab-panes .panes .pane .toggle-panel .toggle-in-tabs form {
  margin: 0;
}
/* For tables */
.main-content table .toggle-trigger {
  margin: 0;
}
.main-content table.toggle {
  width: 100%;
}
.main-content table .toggle {
  margin: 0 -10px;
  padding: 5px 10px 0;
}
/* End of Toggles */
/* --------------------------------------------------------------------- */
/* Widget Loader */
.widget-loader {
  height: 100%;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 1999;
  left: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.widget-loader img {
  position: absolute;
  padding: 20px 0;
  margin: auto;
}
.widget-loader-container {
  position: relative;
}
/* End of Widget Loader */
/* --------------------------------------------------------------------- */
/* Action/Progress bar */
/* Action/Progress bar */
/* Action/Progress bar */
.main-content .action-bar {
  padding: 10px 0;
}
/* Progress Bar */
.main-content .progressbar {
  position: relative;
  margin-bottom: 10px;
  margin-top: 5px;
  background-repeat: no-repeat;
}
.main-content .progressbar .cover {
  position: absolute;
  background-repeat: no-repeat;
  height: 34px;
  width: 700px;
  top: 0;
  left: 0;
}
.main-content .progressbar table {
  margin: 0;
}
.main-content .progressbar table td {
  background: none;
  border-bottom: none;
  text-align: center;
  line-height: 34px;
  padding: 0;
}
.main-content .progressbar table td.title {
  text-align: left;
  width: 100px;
}
.main-content .stacked-table h4 {
  padding-top: 15px;
}
/* End of Progress Bar */
/* Breadcrumbs */
/* Breadcrumbs */
/* Breadcrumbs */
#breadcrumbs {
  margin: 0;
  font-size: x-small;
  list-style: none;
  padding: 0 0 8px 8px;
  width: 400px;
  float: left;
}
#breadcrumbs li {
  display: inline;
  padding: 0 .75em 0 0;
  margin: 0;
}
#breadcrumbs li:after {
  content: ">";
  padding: 0 0 0 .75em;
}
#breadcrumbs li.last:after {
  content: none;
}
#breadcrumbs a {
  text-decoration: underline;
}
ul#breadcrumbs {
  margin-bottom: 0px;
}
/* End of Breadcrumbs */
/* --------------------------------------------------------------------- */
/* Vertical Space */
/* Vertical Space */
/* Vertical Space */
.vs10 {
  margin-top: 10px;
  border: none;
}
.vs20 {
  margin-top: 20px;
  border: none;
}
.vs30 {
  margin-top: 30px;
  border: none;
}
/* --------------------------------------------------------------------- */
/* CheckImage */
/* CheckImage */
/* CheckImage */
.main-content .instrumentImageSection {
  padding-left: 0;
}
.instrumentImageContainer .zoomIcon {
  width: 33px;
  height: 33px;
  position: absolute;
  top: 0;
  right: 0;
}
.instrumentImageContainer img {
  margin: 0;
  width: 500px;
}
.instrumentImageContainer img:hover {
  cursor: url("../img/zoom/grab.cur"), default;
}
.instrumentImageContainer img:active {
  cursor: url("../img/zoom/grabbed.cur"), default;
}
.main-content .instrumentImageContainer {
  height: 220px;
  margin: auto;
  width: 500px;
}
.form-style .main-content .instrumentImageControls {
  height: 40px;
  padding-right: 5px;
}
.main-content .instrumentImageSection .instrument-image-list {
  padding: 10px 10px 10px 10px;
}
.main-content .instrumentImageSection .instrument-image-list > div {
  padding: 0;
  margin: 0;
}
.main-content .instrumentImageSection .instrument-image-list > div span {
  margin-bottom: 3px;
}
.prev-trigger,
.next-trigger {
  background-repeat: no-repeat;
  height: 28px;
  margin-top: -130px;
  width: 20px;
  z-index: 100;
}
.prev-set-trigger,
.next-set-trigger {
  background-repeat: no-repeat;
  height: 28px;
  margin-top: -130px;
  width: 29px;
  z-index: 100;
}
.prev-trigger {
  float: left;
  margin-left: 8px;
}
.next-trigger {
  float: right;
  margin-right: 8px;
}
.prev-set-trigger {
  float: left;
  margin-left: 5px;
}
.next-set-trigger {
  float: right;
  margin-right: 5px;
}
.instrument-image-list {
  padding: 0 10px 0px 10px;
}
.main-content .instrument-image-list .dataTables_wrapper {
  margin: 0;
}
.main-content .instrument-image-viewer-finish-loading {
  margin-top: 200px;
  text-align: center;
}
.main-content .instrument-image-viewer-finish-loading img {
  margin: 0 auto;
}
/* End of CheckImage */
/* --------------------------------------------------------------------- */
/*JS Scrollbar */
#scrollbar1 {
  clear: both;
  margin: 20px 0 10px;
}

#scrollbar1 .disable {
  display: none;
}
#scrollbar1 .viewport {
  height: 275px;
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
}
#scrollbar1 .overview {
  position: inherit;
  left: 0;
  top: 0;
}
/* Confirmation titles and messages */
.main-content h3.success,
.main-content h3.verify,
.main-content h3.failed,
.main-content h3.alert {
  line-height: 25px;
}
.main-content h3.success,
.main-content h3.verify,
.main-content h3.failed,
.main-content h3.alert {
  padding-left: 30px;
}
.main-content h3.success,
.main-content h3.verify,
.main-content h3.failed,
.main-content h3.alert,
.main-content p.alert {
  background-repeat: no-repeat;
}
.main-content form div.error-message.alert,
.main-content p.alert {
  background-position: 10px 5px;
  padding: 10px 10px 10px 40px;
}
.main-content form div.error-message.alert,
.main-content form p.alert {
  float: left;
  margin: 10px;
  margin-bottom: 0;
}
.main-content form p.alert {
  float: left;
  margin: 10px;
  margin-bottom: 0;
}
.main-content form div.error-message.alert {
  float: left;
  margin: 7px;
  margin-bottom: 0;
}
/* Adobe Reader Message */
.main-content .adobe-reader {
  overflow: auto;
  margin-top: 10px;
}
.main-content .adobe-reader a.adobe-link {
  margin-right: 10px;
  background-repeat: no-repeat;
  float: left;
  height: 33px;
  width: 112px;
}
.main-content .adobe-reader a img {
  border-style: none;
}
.main-content .adobe-reader img,
.main-content .adobe-reader p {
  float: left;
}
.main-content .adobe-reader p {
  margin-left: 10px;
}
/* PDF icon */
.main-content ul.pdf {
  margin-left: 0;
  padding: 0;
}
.main-content ul.pdf li,
.main-content span.pdf {
  padding-left: 22px;
  line-height: 20px;
  min-height: 20px;
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.main-content ul.pdf li {
  list-style-type: none;
}
.no-wrapper.form-style .main-content ul.btn {
  margin-right: 0;
}
/****************************************************************
 END NAVIGATION & SPECIAL FEATURES
****************************************************************/
/****************************************************************
 VII. Page & Widget Level Content
****************************************************************/
/* Agreement Scroller */
/* Agreement Scroller */
/* Agreement Scroller */

ul.form-style li.agreement-no-wrapper{
	margin: 0;
	padding: 0;
}
.agreement-no-wrapper div.agreement-scroller{
	height: 100%;
	margin: 0;
}
.main-content form .agreement-scroller,
.pop-up.form-style .agreement-scroller {
  margin-bottom: 0;
  margin-top: 0;
}
.main-content form .agreement-scroller p,
.pop-up.form-style .agreement-scroller p {
  margin-left: 0;
}
.main-content form .agreement-scroller ul ul li,
.pop-up.form-style .agreement-scroller ul ul li {
  padding-top: 0;
  margin-left: 10px;
}
.main-content form .agreement-scroller li,
.pop-up.form-style .agreement-scroller li {
  padding-top: 0;
  padding-bottom: 0;
}
.main-content form .agreement-scroller li li,
.pop-up.form-style .agreement-scroller li li {
  background-position: 0 6px;
  padding-left: 15px;
  margin-left: 15px;
}
.main-content form .agreement-scroller div.static li,
.pop-up.form-style .agreement-scroller div.static li {
  width: auto;
  float: none;
}
.main-content form .agreement-scroller li .column,
.pop-up.form-style .agreement-scroller li .column {
  width: 240px;
}
.pop-up.form-style .agreement-scroller ul {
  margin-bottom: 15px;
}
.main-content form .agreement-scroller h2,
.pop-up.form-style .agreement-scroller h2 {
  margin-bottom: 10px;
  padding-bottom: 5px;
}
.main-content .agreement-scroller {
  height: 400px;
  margin: 10px;
  overflow: auto;
  padding: 10px;
}
.main-content .agreement-scroller p {
  margin: 0 0 15px 0;
}
.main-content form .agreement-scroller ul,
.pop-up.form-style .agreement-scroller ul {
  margin-bottom: 15px;
}
.main-content form .agreement-scroller ol,
.pop-up.form-style .agreement-scroller ol {
  margin-left: 20px;
}
.no-wrapper.form-style ul.form-style {
  margin-bottom: 0;
}
/*Advance Transfers*/
.main-content .widget .advance-transfer-review .label-title + .label-content,
.main-content .widget .advance-transfer-success .label-title + .label-content {
  width: 300px;
}
/* Agreement Box */
.main-content .agreement-box {
  padding: 10px 5px 10px 10px;
  margin-bottom: 10px;
  overflow: auto;
}
.main-content .agreement-box ul.btn,
.main-content .agreement-box ul.btn li {
  margin-bottom: 0;
}
.main-content .agreement-box input {
  vertical-align: middle;
}
.main-content .agreement-box .checkbox input {
  width: 20px;
}
/* Account Alerts */
/* Account Alerts */
/* Account Alerts */
.main-content h2 .account-number {
  text-transform: none;
}
.main-content form#copyAlertsFrom h2 {
  margin-left: 5px;
  margin-top: 10px;
}
.main-content h2.manage-alerts-heading {
  margin-top: 20px;
  margin-bottom: -10px;
}
.main-content .account-alerts h2 .account-number:before {
  content: " ";
}
.main-content .account-alerts .alert-list {
  list-style-type: none;
  padding: 0;
  margin: 0 0 10px 0;
}
.main-content .copy-alert-list {
  padding: 0;
  margin: 0;
}
.main-content .copy-alert-list li {
  list-style-type: none;
  margin-top: 10px;
  background-image: none;
}
.main-content ul.alerts-buttons li ul.btn li {
  border-bottom: none;
}
.main-content .account-alerts .alert-list.summary li p {
  margin-bottom: 5px;
}
.main-content .account-alerts .alert-list li p strong:after {
  content: " ";
}
.main-content .alert-list li,
.main-content .account-alerts .alert-list li.no-shad,
.main-content .account-alerts .alert-list li li {
  background-image: none;
}
.main-content .account-alerts .alert-list {
  list-style-type: none;
  padding: 0;
  margin: 0 0 10px 0;
}
.main-content .account-alerts .alert-list.summary li {
  padding: 10px;
  border-bottom: 1px solid;
  background: none;
}
.main-content .alert-list.summary.view-all-alerts-list {
  width: 680px;
  margin-left: 8px;
  border-left: 1px solid;
  border-right: 1px solid;
}
.main-content .account-alerts .alert-list input.short {
  /* to fix width of check numbers under "Checks Presented for Payment" */

  width: 70px;
}
.main-content .account-alerts .alert-list .x-short {
  width: 45px;
}
.main-content .account-alerts .alert-list .label-content input {
  min-height: 16px;
}
.main-content .account-alerts .alert-list .label-content .field-detail {
  margin-top: 0;
  margin-bottom: 5px;
}
.main-content .account-alerts .alert-list .column.right select {
  float: right;
  margin-right: 10px;
}
.main-content .account-alerts .alert-list .column {
  width: 425px;
}
.main-content .account-alerts .alert-list .column.right {
  width: 270px;
}
.main-content .copy-alert-detail {
  margin-top: 10px;
}
.main-content .loader.dead-center {
  position: absolute;
  top: 45%;
  left: 49%;
}
.main-content .copy-alert-detail {
  margin-top: 10px;
}
.main-content .pane#view-all-alertsPane {
  padding: 0;
}
.main-content h2.alert-accounts {
  margin-top: 3px;
}
.main-content .alert-success-top {
  margin-left: 10px;
}
.main-content div.alert-call-out {
  padding: 5px;
  position: relative;
  left: 8px;
  width: 672px;
}
.main-content div.alerts-success {
  padding: 10px 10px 5px 10px;
}
.main-content .account-alerts-confirm {
  margin-top: 10px;
}
/* End of Account Alerts */
/* Account Settings */
/* Account Settings */
/* Account Settings */
.main-content .dashboard-settings .toggle-panel .btn {
  margin: 0;
  position: relative;
  top: 2px;
}
/* Allow auto-scrolling on drag to re-arrange accounts */
.main-content .paperless-settings .toggle-panel .toggle,
.main-content .dashboard-group-settings .tab-panes,
.main-content .dashboard-settings .toggle-panel .toggle,
.main-content form.dashboard-settings {
  overflow: hidden;
}
.main-content .group-settings table.branded {
  margin-bottom: 10px;
}
/* End of Account Settings */
/* Bank Message */
/* Bank Message */
/* Bank Message */
.main-content .bank-message,
.main-content .no-account-bank-message {
  display: block;
  height: auto;
  margin-bottom: 15px;
}
.main-content .bank-message .main-message {
  background: none;
  height: auto;
  padding: 12px;
}
.main-content .bank-message p {
  padding: 0 0 5px 0;
  margin: 0;
}
.main-content .bank-message h2,
.main-content .no-account-bank-message h2 {
  padding: 8px 0 2px 8px;
}
/* Special Message */
/* Special Message */
/* Special Message */
.main-content .special-message {
  display: block;
  height: auto;
  padding: 10px;
  margin-bottom: 15px;
}
/*Contact Us Page*/
/*Contact Us Page*/
/*Contact Us Page*/
.main-content .contact h2 {
  margin-bottom: 10px;
}
.main-content .contact .phone-list {
  overflow: auto;
}
.main-content .contact .phone-list li {
  background-image: none;
  list-style-type: none;
}
.main-content .contact .phone-list li span.name {
  width: 50%;
}
.main-content .contact .phone-list li span.number {
  width: 30%;
}
.main-content .contact .phone-list li span.name,
.main-content .contact .phone-list li span.number {
  float: left;
}
/* End of Contact Us Page */
/*Contact Information*/
/*Contact Information*/
/*Contact Information*/
.main-content .update-profile .tab-panes .pane {
  margin-bottom: 0;
  padding: 0 0 4px;
}
.main-content .emailProfile .notification,
.main-content .emailProfile p,
.main-content .contact-info-review h1,
.main-content .pane-content h3,
.main-content .pane-content p {
  margin-left: 10px;
}
.main-content .contactsProfile {
  padding-top: 10px;
}
.main-content .contactsProfile .email-delete {
  padding: 0;
  margin: 0;
}
.main-content .emailProfileTable form {
  margin-bottom: 0;
}
.main-content .emailProfileTable .icon-delete-table.action-icons-table {
  margin: -10px 0 0 -15px;
}
.main-content .emailProfileTable .action-icons-table.icon-edit-table {
  margin: -10px 0 0 -5px;
}
.main-content .emailProfileTable td.remove,
.main-content .emailProfileTable th.remove {
  position: relative;
  top: 0;
  z-index: inherit;
}
.main-content .emailProfileTable .remove .action-icon-container {
  margin-left: -20px;
}
.main-content .emailProfileTable .edit .action-icon-container {
  margin-left: 20px;
}
.main-content .emailProfileTable .save {
  margin-left: 28px;
}
.main-content .emailProfileTable .add {
  margin: 6px 0 0 0;
}
.main-content .emailProfileTable thead.light .email {
  width: 35%;
}
.main-content .emailProfileTable thead.light .primary-email,
.main-content .emailProfileTable thead.light .alerts {
  width: 15%;
}
.main-content .emailProfileTable thead.light .edit,
.main-content .emailProfileTable thead.light .remove {
  width: 5%;
}
.main-content .emailProfile table {
  margin: 20px 0 0;
}
.main-content .emailProfile table tr td {
  padding: 8px 0 8px 10px;
}
.main-content .emailProfile table tr.last {
  border-bottom: none;
}
.main-content .emailProfile table tr.last td {
  padding: 0;
}
.main-content .update-profile table tr.last ul.btn {
  margin: 12px 0 0 0;
}
.main-content .emailProfile .email-change {
  padding-top: 20px;
}
.main-content .emailProfile input {
  min-height: 13px;
  margin-left: 10px;
}
.main-content .emailProfile h3.alert {
  line-height: 15px;
}
.main-content .contact-info-review {
  padding-top: 5px;
}
.main-content .contact-info-review .alert {
  margin: 0;
}
.main-content .contact-info-review .name-first-last .label-content.static span,
.main-content .contact-info-confirm .name-first-last .label-content.static span {
  display: inline;
}
.main-content .confirm-contact {
  margin-top: 20px;
}
.main-content .email-update li {
  border-bottom: none;
}
.main-content .disabled-delete-icon {
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
  position: absolute;
  background-position: -144px -16px;
  margin: -10px 0 0 -15px;
}
.main-content .handle-icon {
  background-repeat: no-repeat;
  background-position: center;
  cursor: move;
  font-size: 0em;
  width: 26px;
}

.main-content .security-profile-label {
  margin-left: 15px;
}

#security-informationPane {
  padding: 0;
  overflow: hidden;
}

#security-profile-group {
  padding-left: 11px;
}

#security-profile-group .control-block.security-profile-subheading h2 {
  padding: 8px 14px;
  margin: 0;
}

#security-profile-group .control-block.password-requirements p {
  padding: 8px 14px;
  margin: 0;
}

#security-profile-group .control-block.password-input-row label {
  margin-left: 15px;
}


#security-profile-group .control-block.password-input-row img {
  height: 13px;
  display: inline;
  margin-top: 6px;
  padding: 0 0 15px 10px;
}

#security-profile-group .password-requirements {
  padding-bottom: 10px;
}

.main-content .update-profile .tab-panes {
  overflow: unset;
}

#security-profile-group .control-block.reset-factors-instructions p {
    padding: 8px 14px;
    margin: 0;
}

#mobile-alt-factor,
#sms-alt-factor,
#voice-alt-factor,
#email-alt-factor,
#question-alt-factor {
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
}
#profile-factor-parent-div td.factor-icon {
    padding-right: 0;
    height: 20px;
    background-repeat: no-repeat;
    vertical-align: top;
}

#mobile-alt-factor {
    background-image: url("../img/mobile-alt.svg");
}

#sms-alt-factor {
    background-image: url("../img/comment-dots.svg");
}

#voice-alt-factor {
    background-image: url("../img/phone-alt.svg");
}

#email-alt-factor {
  background-image: url("../img/email-alt.svg");
}

#question-alt-factor {
  background-image: url("../img/question-alt.svg");
}

.factor-tr-clear td {
  padding: 0px;
  margin: 0px;
  padding-left: 10px;
}

.factor-tr2-padding td {
  padding-bottom: 30px;
}

#reset-factors-form .bold {
    font-weight: bold;
    white-space: nowrap;
}

.main-content td.factor-border {
    border-right: solid 1px #2C445E;
    padding-right: 30px;
}

.factor-button {
  font-weight:bold;
  text-decoration:none;
  float: right;
  padding: 2px 25px;
  margin-right: 1.25em;
  display: inline-flex;
  align-items: center;
}

#security-profile-group .factor-content-div {
  margin-top: 6px;
  color: rgb(0, 0, 0);
  font-size: 13px;
  letter-spacing: 0.19px;
  white-space:nowrap;
  display:inline-block;
}

.factor-content-td {
  margin-top: 6px;
  font-size: 13px;
  letter-spacing: 0.19px;
  white-space:nowrap;
  display:inline-block;
}

.factor-info {
  padding: 8px 14px;
}
#sms-alt-factor-content {
  width: max-content;
}

#security-profile-group .factor-content-question {
    white-space: normal;
}

#security-profile-group .factor-content-div-status-active {
  display: inline-block;
  /*  margin-top: 6px;*/
    width: 34px;
    height: 14px;
    color: #6cb043;
    font-size: 13px;
    /*font-family: ArialMT;*/
    letter-spacing: 0.19px;
  padding-left: 10px;
}

#security-profile-group .factor-content-div-status-inactive {
  display: inline-block;
  /*  margin-top: 6px;*/
    width: 34px;
    height: 14px;
    color: black;
    font-size: 13px;
    /*font-family: ArialMT;*/
    letter-spacing: 0.19px;
    color: #696969;
}

#factorTable {
  width:95%;
  margin-left:10px;
  margin-right:auto;
  margin-top:10px;
}

#security-profile-group td.sms-alt-factor-tr {
  height: 100px;
}

#security-profile-group td.mobile-alt-factor-td {
    overflow: visible;
    white-space: nowrap;
    vertical-align: text-top;
    border-bottom: none;
}

#question-alt-factor-td {
  height: 70px;
  vertical-align: text-top;
  max-width: max-content;
}

#profile-factor-parent-div .factor-detail {
    padding-left: 20px;
    vertical-align: text-top;
    overflow: visible;
    white-space: nowrap;
}

#security-informationPane ul > li.control-block {
    border-bottom: 0;
}

/* End of Contact Information Page */
/* Secure Message Utility */
/* Secure Message Utility */
/* Secure Message Utility */
.main-content .secure-message-utility {
  clear: both;
  margin-bottom: 15px;
  font-size: 1.05em;
}
.main-content .secure-message-utility-right {
  float: right;
}
.main-content .secure-message-utility ul,
.main-content .secure-message-utility li {
  padding: 0;
  margin: 0;
}
.main-content .secure-message-utility ul {
  display: block;
}
.main-content .secure-message-utility li {
  background-image: none;
  margin-right: 15px;
}
.main-content .secure-message-utility li,
.main-content .secure-message-utility .secure-util-icon {
  display: inline-block;
  height: 17px;
}
.main-content .secure-message-utility li a {
  text-decoration: none;
}
.main-content .secure-message-utility li a.action-icon.text-after .action-icon-message {
  text-decoration: none;
}
.main-content .secure-message-utility .secure-util-icon {
  height: 14px;
  width: 14px;
}
/* Statement & Check Requests */
/* Statement & Check Requests */
/* Statement & Check Requests */
.main-content .statement-check-request .statement,
.main-content .statement-check-request .check {
  display: none;
}
.main-content .statement-check-request .statement {
  padding-top: 10px;
}
.main-content td.checkbox.view-user-account-name {
  text-align: left;
}
.main-content .signature-cross {
  font-size: 12px;
}
/* Transaction search */
/* Transaction search */
/* Transaction search */
.main-content .transaction-content {
  padding: 0 5px 0px 1px;
  margin-bottom: 30px;
}
.main-content form .trans-type {
  padding-bottom: 10px;
  border-bottom: 0;
}
.main-content form .transaction-row {
  margin: 0;
  padding-bottom: 25px;
}
.main-content .check-range-stacked .label-content {
  padding-bottom: 8px;
}
.main-content form .transaction-row label {
  width: 55px;
}
.main-content form .transaction-row .col1,
.main-content form .transaction-row .col2,
.main-content form .transaction-row .col3,
.main-content form .transaction-account .col1,
.main-content form .transaction-account .col2 {
  float: left;
}
.main-content form .transaction-row .col1 {
  width: 209px;
  padding-right: 0;
}
.main-content form .transaction-row .col1-tall {
  float: left;
  height: 95px;
  margin-left: 10px;
  padding-left: 10px;
  width: 200px;
}
.main-content form .transaction-row .col1 > div + div {
  padding-left: 30px;
}
.main-content form .transaction-row .col1 > div + div label {
  margin-left: -15px;
  margin-right: 0;
  width: 20px;
  visibility: hidden;
}
.main-content form .transaction-row .col1 > div + div label span {
  visibility: visible;
}
.main-content form .transaction-row .col1 > div + div .field-symbol {
  left: 5px;
}
.main-content form .transaction-row .col1 > div + div .label-content {
  padding-left: 0;
  margin-left: -5px;
}
.main-content form .transaction-row .col2 {
  margin: 30px 15px 0 15px;
}
.main-content form .transaction-row .col2 span {
  padding: 0;
}
.main-content form .transaction-row .col3 {
  width: 390px;
}
.main-content form .transaction-row .col3-narrow {
  float: left;
  width: 350px;
}
.main-content form .transaction-row .col3-nopad-narrow {
  float: left;
  width: 350px;
}
.main-content form .transaction-row .col3 > div + div {
  padding-left: 20px;
}
.main-content form .transaction-row .col3 > div + div > span .label-content {
  width: 130px;
}
.main-content form .transaction-row .col3 > div + div > span + span .label-content {
  margin-left: -15px;
}
.main-content form .transaction-row .col3 > div + div .field-symbol {
  position: relative;
  left: 10px;
  top: -2px;
}
.main-content form .transaction-row .col3 > div + div label {
  margin-left: 4px;
}
.main-content form .transaction-row .col1 > div + div label,
.main-content form .transaction-row .col3 > div + div label {
  top: 2px;
}
.main-content .transaction-list {
  width: 100%;
  padding-top: 20px;
  border: none;
}
.main-content .transaction-list .dataTables_wrapper {
  width: 100%;
}
.main-content .transaction-list .btn {
  margin: 0;
  padding: 0;
  display: none;
}
.main-content .transaction-list .free-label {
  position: relative;
  bottom: 15px;
}
/* End of Transaction search */
/* --------------------------------------------------------------------- */
/* Account download */
/* Account download */
/* Account download */
.main-content .account-download .statement-period-date-range {
  padding: 0;
  height: 165px;
}
.main-content .account-download .date-range .col-range {
  width: 540px;
  padding: 10px 0;
}
.main-content .account-download .date-range .col-range-label {
  width: auto;
}
.main-content .account-download .date-range .col-range-label span {
  width: 189px;
  margin: 0;
}
.main-content .account-download .date-range .col-range-label li {
  padding: 0;
  margin-left: 10px;
}
.main-content .account-download .date-range .col-range-label .label-title {
  font-weight: bold;
}
.main-content .account-download .statement-period {
  margin-top: 5px;
}
.main-content .account-download .statement-period-date-range .col-from label {
  margin-left: 0px;
}
.main-content .account-download .date-range .col-from label {
  width: 40px;
  font-weight: normal;
}
.main-content .account-download .date-range .col-to label {
  width: 25px;
  font-weight: normal;
}
.main-content .account-download .no-bottom-border .btn {
  margin-top: 10px;
}
/* End of Account-detail-download */
/* --------------------------------------------------------------------- */
/* Transaction-download-options-popup */
/* Transaction-download-options-popup */
/* Transaction-download-options-popup */
.main-content .transaction-download-options {
  padding-top: 100px;
  padding-left: 20px;
}
.main-content .transaction-download-options li {
  border-bottom: none;
  margin-bottom: 15px;
}
.main-content .transaction-download-options h3 {
  padding-bottom: 10px;
}
/* End of Transaction-download-options-popup */
/* --------------------------------------------------------------------- */
/*User Legend*/
/*User Legend*/
/*User Legend*/
.main-content .legend-box {
  margin-top: 10px;
}
.main-content .legend-box .add {
  display: inline-block;
  vertical-align: top;
}
.main-content #legend-title,
.main-content .legend-user {
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
}
.main-content #legend-title:after {
  content: ":";
}
.main-content .legend-user li {
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
  list-style-type: none;
}
.main-content .legend-user .icon-legend-image-active {
  background-repeat: no-repeat;
  background-position: top left;
  height: 14px;
}
.main-content .legend-user .icon-legend-image-active span:before {
  content: ":";
  margin: 5px;
}
.main-content .legend-user .icon-legend-image-locked {
  background-repeat: no-repeat;
  background-position: top left;
  height: 14px;
}
.main-content .legend-user .icon-legend-image-locked span:before {
  content: ":";
  margin: 5px;
}
.main-content .legend-user .icon-legend-image-disabled {
  background-repeat: no-repeat;
  background-position: top left;
  height: 14px;
}
.main-content .legend-user .icon-legend-image-disabled span:before {
  content: ":";
  margin: 5px;
}
/* End of Legend-User*/
/* --------------------------------------------------------------------- */
/* View Single User */
/* View Single User */
/* View Single User */
.main-content .account-summary .icon-black-check {
  margin-left: 30px;
}
.main-content .email-user-table .icon-black-check {
  margin-left: 35px;
}
.main-content h3.view-single-user {
  margin-top: 10px;
}
.main-content div.toggle table.account-summary td.viewuser-select-all .label-content {
  float: left;
  margin-bottom: 5px;
  padding-left: 140px;
  width: 18px;
}
.main-content div#banking-section tr.highlight td {
  font-weight: bold;
}
/* View Single User */
/* --------------------------------------------------------------------- */
/* 4 Panel Signature Block */
.main-content ul.signature-panel {
  list-style-type: none;
  margin-bottom: 15px;
  overflow: auto;
  padding: 0;
  font-size: 12px;
}
.main-content ul.signature-panel .link {
  display: list-item;
  text-transform: uppercase;
}
.main-content ul.signature-panel li {
  background-image: none;
  border-top: 1px solid;
  float: left;
  padding: 20px 20px 20px 20px;
  position: relative;
  margin-bottom: 0;
  margin-top: -1px;
  overflow: auto;
  width: 280px;
}
.main-content ul.signature-panel.tall li {
  height: 120px;
}
.main-content ul.signature-panel li.even {
  border-left: 1px solid;
}
.main-content ul.signature-panel li h4,
.main-content ul.signature-panel li.even h4 {
  text-align: justify;
  margin-bottom: 30px;
  width: 78%;
}
.main-content ul.signature-panel li.textLine,
.main-content ul.signature-panel li.even.textLine {
  margin-top: 30px;
}
.main-content ul.signature-panel li span.textLine:after,
.main-content ul.signature-panel li.even.textLine:after {
  content: "____________________________________";
}
/* End of 4 Panel Signature Block  */
/* --------------------------------------------------------------------- */
/* User List Container */
/* User List Container*/
/* User List Container*/
.main-content .user-list-container {
  clear: both;
  width: 960px;
  height: 100%;
}
.main-content h2.manage-users {
  padding: 8px 0px 2px 8px;
  border: 0;
}
.main-content .user-list-container .th {
  height: 35px;
  vertical-align: middle;
}
.main-content .user-list-container .icon-image-locked {
  margin: auto;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  text-align: center;
}
.main-content .user-list-container .icon-image-locked a.icon-link-locked {
  display: block;
  width: 100%;
  height: 13px;
  margin: 0 auto;
}
.main-content .user-list-container .icon-image-checked {
  margin: auto;
  background-repeat: no-repeat;
  background-position: center;
}
.main-content .user-list-container .icon-image-disabled {
  margin: auto;
  background-repeat: no-repeat;
  background-position: center;
}
.main-content p.order-checks {
  margin-top: 40px;
}
.main-content p.order-checks-second {
  margin-bottom: 40px;
}
.main-content ul.order-checks li {
  background-position: 0 6px;
  background-repeat: no-repeat;
  margin-left: 0;
  padding-left: 13px;
  list-style-type: none;
}
.main-content li.order-checks {
  line-height: 1.4;
  margin-bottom: .5em;
  list-style-type: none;
}
.main-content p.view-single-user-notes {
  float: left;
  margin-bottom: -5px;
  margin-left: 10px;
  margin-top: 10px;
}
.main-content #statements-results {
  margin-top: 10px;
  float: left;
  width: 700px;
}
.main-content div.groupbox {
  margin: 30px 0;
}
/*Add Account Group*/
/*Add Account Group*/
/*Add Account Group*/
.main-content .account-group-container {
  height: 146px;
  padding: 7px;
  width: 295px;
}
.main-content .edit-group-container {
  height: 147px;
  padding: 7px;
  width: 295px;
  margin-top: 20px;
}
.account-group {
  padding: 5px;
  padding-bottom: 0px;
  margin: auto;
}
.main-content .account-group form label {
  margin-left: 0px;
  margin-bottom: 5px;
  margin-top: -5px;
}
.main-content .account-group label.radio {
  font-size: 16px;
  font-weight: bold;
}
#account-settings_update-account-group {
  height: 350px;
}
.account-group-name {
  padding-bottom: 20px;
  width: 290px;
  display: inline-block;
  float: left;
  margin-right: 40px;
  margin-left: 5px;
}
.account-group-name label-content {
  width: 100px;
}
#account-group-name h4,
#account-group-name p {
  margin: 5px;
}
#account-assigned,
#account-unassigned {
  width: 240px;
  height: 25px;
  padding-top: 10px;
  text-align: center;
  font-size: 0.846em;
  text-transform: uppercase;
}
#account-list1,
#account-list2 {
  width: 240px;
  height: 310px;
  margin-bottom: -15px;
  padding: 10px 10px 1px 10px;
}
#add-one,
#remove-one,
#add-all,
#remove-all {
  margin: 8px;
  width: 95px;
  height: 20px;
}
#buttons {
  margin-top: 50px;
  margin-right: 15px;
  width: 95px;
  height: 195px;
}
.boxes {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.boxes .errorIcon {
  position: absolute;
  top: 10px;
  left: 10px;
}
.rename-group-modal {
  margin-top: -5px;
  margin-bottom: 10px;
}
.main-content #accountGroups.toggle-panel {
  margin-left: 10px;
  margin-right: 10px;
}
/*End of Add Account Group*/
/*Add Product */
/*Add Product */
/*Add Product */
.main-content form#add-product li label.checkbox {
  width: auto;
  margin-right: 5px;
}
.main-content input#optionWithErroradd-product.radio {
  height: 13px;
  vertical-align: bottom;
  width: 13px;
  margin-right: 3px;
}
.main-content table.add-product ul.control-list li {
  background-image: none;
  margin-top: 5px;
}
.main-content table.add-product td.monthly-fee {
  text-align: center;
}
.main-content form#add-product span.description {
  width: 640px;
}
.main-content form#updateForm label.checkbox {
  width: auto;
  float: right;
  margin-right: 160px;
}
.main-content label.address-zip {
  left: 250px !important;
}
.main-content label.address-state {
  left: 185px !important;
}
.main-content div.faxNumber-prefix {
  left: 45px !important;
}
.main-content div.faxNumber-suffix {
  left: 88px !important;
}
.main-content div.phoneNumber-prefix {
  left: 45px !important;
}
.main-content div.phoneNumber-suffix {
  left: 88px !important;
}
.main-content .profile-icon {
  background-repeat: no-repeat;
  height: 14px;
  margin-right: -1px;
  width: 14px;
  display: inline-block;
}
.main-content ul.stop-payment-fee {
  margin-top: 10px;
  padding-left: 10px;
  float: left;
  display: inline-table;
}
.main-content .account-detail-message-btn {
  float: right;
  width: auto;
}
.main-content .select-email-account {
  margin-top: 10px;
}
.main-content .botton-left {
  float: left;
}
.main-content .btn.copy-user-buttons {
  margin: 10px;
}
/* Remember Me Style */
/* Remember Me Style */
/* Remember Me Style */
#remembered-div {
  display: none;
  position: absolute;
  z-index: 999;
  padding: 8px;
}
#remembered-div table#remembered-table {
  width: 150px;
  margin-bottom: 0;
  font-size: 12px;
}
#remembered-div table#remembered-table tr.title td {
  background: none;
}
#remembered-div table#remembered-table td,
#remembered-div table#remembered-table th {
  border-bottom: none;
  vertical-align: middle;
}
#remembered-div th {
  text-align: left;
}
#remembered-div td.right {
  text-align: right;
}
/* END OF REMEMBER ME STYLE */

/*Help Pull Out Tab*/
/*Help Pull Out Tab*/
/*Help Pull Out Tab*/
.slide-out-div-load {
  /*Hides help area while page loads*/

  display: none;
}
#slide-out-div {
  height: 460px;
  padding: 20px 20px 5px 20px;
  position: fixed !important;
  width: 800px;
  z-index: 3000;
}
a#handle {
  background-repeat: no-repeat;
  background-position: 8px 4px;
  bottom: 0;
  display: block;
  font-size: 12px;
  font-weight: bold;
  height: 15px;
  margin-top: 18px;
  opacity: 0.8;
  padding: 29px 5px 0px 2px;
  text-transform: uppercase;
  left: -41px !important;
  position: relative;
}
a#handle:hover {
  opacity: 1.0;
}
a#handle.close-handle {
  opacity: 1.0;
}
.nested-slide-content {
  height: 400px;
  overflow: hidden;
  position: relative;
}
/*Help Section within Pullout-tab*/.slider-holder {
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
.slider-holder li {
  display: block;
  float: left;
  list-style: none;
  margin: 0;
  padding: 10px;
}
.slider-holder ul ul {
  height: auto;
  padding-left: 15px;
}
.slider-holder li li {
  display: list-item;
  float: none;
  height: auto;
  margin: 0;
  padding: 0;
  width: auto;
}
#slide-out-div {
	height: 457px !important;
}
.s-active {
  left: 0;
  position: relative;
  top: 0;
}
#help-container {
  height: 440px;
  position: relative;
  width: 800px;
}
#help-container .slider-wrapper {
  height: 440px;
  overflow: hidden;
  position: relative;
  width: 800px;
}
#help-container .slider-holder {
  height: 440px;
  width: 580px;
}
#help-container .slider-holder li.slide {
  height: 407px;
  margin-top:10px;
  overflow-x: auto;
  padding-left: 210px;
  width: 580px;
}
#help-container .left-nav {
  background-repeat: repeat-y;
  background-position: 190px;
  float: left;
  list-style-type: none;
  margin: 0;
  min-height: 460px;
  padding: 0px 10px 0px 0px;
  position: absolute;
  top: 0;
  width: 190px;
  z-index: 1000;
}
#help-container .left-nav li {
  background-image: none;
  display: block;
  font-weight: bold;
  list-style-type: none;
  padding: 5px;
  text-transform: uppercase;
}
#help-container .left-nav li ul li {
  padding: 3px;
}
#help-container .left-nav-category {
  margin: 4px 0 8px 3px;
}
#help-container .left-nav li a {
  text-decoration: none;
}
.search-container {
  margin-bottom: 5px;
}
.search-container label {
  font-size: 12px;
  font-weight: bold;
  height: 14px;
  text-transform: uppercase;
}
#help-container .search-terms {
  font-size: 0em;
}
#help-container .left-nav li ul {
  display: none;
}
#help-container ul {
  margin: 3px 0 0 0 !important;
  padding-left: 1px;
}
#help-container .left-nav li ul li a {
  font-weight: normal;
  margin: 3px 0 0 0;
  padding: 2px 0px 2px 0;
  text-transform: none;
}
#help-container .help-swap-content {
	line-height:1.4;
	list-style:none;
}
#help-container .help-swap-content li {
	background-image:none;
}
#help-container #help-secondary-nav {
	background-color:#dedede;
	border:1px solid #ccc;
	font-size:13px;
	font-weight:bold;
	margin-bottom: 12px;
	padding:8px;
	text-transform:uppercase;
	width:545px;
}
#help-container #help-secondary-nav ol {
	margin:0 0 0 10px;
}
#help-container #help-secondary-nav li {
	background-image:none;
	line-height:1.5;
	list-style-type:circle;
}
#help-container ul.help-list {
	margin-bottom:20px !important;
}
#help-container .help-list li {
	list-style-type:square;
	margin-left:25px;
}
#help-container .help-list-nested  {
	padding:3px 0 10px 0;
}
#help-container .help-list-nested li {
	list-style-type:circle;
	margin-left:45px;
}
#smc-pseudo-btn {
	width:20px;
	height:20px;
	background-color:red;
}
/* END HELP TAB PULLOUT */
/* -------------------------------------------------------------------- */

/* MANAGE USERS */
/* MANAGE USERS */
/* MANAGE USERS */
.main-content #manage-users_wrapper #manage-users .th {
  height: 35px;
  vertical-align: middle;
}
.main-content #manage-users_wrapper #manage-users .icon-image-locked {
  margin: auto;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  text-align: center;
}
.main-content #manage-users_wrapper #manage-users .icon-image-locked a.icon-link-locked {
  display: block;
  width: 100%;
  height: 13px;
  margin: 0 auto;
}
.main-content #manage-users_wrapper #manage-users .icon-image-checked {
  margin: auto;
  background-repeat: no-repeat;
  background-position: center;
}
.main-content #manage-users_wrapper #manage-users .icon-image-disabled {
  margin: auto;
  background-repeat: no-repeat;
  background-position: center;
}
/* END MANAGE USERS */
/* -------------------------------------------------------------------- */

/* MANAGE SINGLE USER */
/* MANAGE SINGLE USER */
/* MANAGE SINGLE USER */
.main-content #lockbox-archive-section .form-button-right-layout {
	float: right;
	text-transform: none;
}
.main-content #lockbox-archive-section .r360-submit-li {
	width: auto;
	float: right;
	padding-top: 0px;
}
.main-content #lockbox-archive-section .r360-user-groups {
	padding-bottom: 20px;
}
.main-content #lockbox-archive-section .r360-group-parent-li {
	border-bottom: none;
	white-space: nowrap;
}
.main-content #lockbox-archive-section .lockbox-group {
	overflow-x: auto;
}
.main-content #lockbox-archive-section .lockbox-group .r360-group-div {
	width: 225px;
	display: inline-block;
}
.main-content #lockbox-archive-section .lockbox-group .r360-group-div li {
	padding-bottom: 5px;
}
/* END MANAGE SINGLE USER */
/* -------------------------------------------------------------------- */

/* MANAGE PAYEES removed - placed column widths on page level BWB */
/* Bill Payment */
/* Bill Payment */
/* Bill Payment */
.main-content #payeeAccount {
  display: inline-block;
  vertical-align: middle;
}
.main-content .selected-payee-account #payeeDetails {
  text-decoration: underline;
  cursor: pointer;
  margin-left: 10px;
}
.main-content .selected-payee-account {
  width: 140px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center right;
}
.main-content .bill-pay-warnings {
  margin-top: -8px;
  margin-bottom: -8px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: justify;
  font-size: 0.862em;
}
.main-content #payment-history-table_wrapper {
  margin-top: 20px;
}
.main-content li.payment {
  margin: 15px;
  width: 94%;
  padding: 10px;
}
.main-content .widget form li.payment {
  width: 905px;
}
.main-content .column.to-payee {
  padding-right: 80px;
  position: relative;
}
.main-content .column.bill-pay-amount {
  padding-left: 80px;
  position: relative;
  width: 400px;
}
.main-content .column.bill-pay-amount.last {
  border-bottom: none;
}
.main-content .column.to-payee .gray.icon {
  float: left;
  margin-top: -30px;
  margin-left: 125px;
}
.main-content .remove-new {
  position: absolute;
  right: 15px;
  top: 10px;
  z-index: 1;
}
.main-content li.total-bar {
  margin-top: -10px;
}
.main-content li.total-bar .total-label {
  float: right;
  margin-right: 10px;
  font-weight: bold;
}
.main-content .billpay-container .nested-buttons {
  float: right;
  margin-right: 36px;
  padding-top: 10px;
}
.main-content li.total-bar div {
  float: right;
  margin-right: 20px;
}
.main-content li.total-bar .billpay-update {
  margin-right: 10px;
}
h1.bill-payment-header {
  line-height: 1em;
}
.main-content .bp-learn-more {
    border: solid 1px lightblue;
    padding: 10px 10px 30px 10px;
    background-color: #d9edec;
	-webkit-box-shadow: 1px 5px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 1px 5px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 1px 5px 5px 0px rgba(0,0,0,0.4);
	margin-bottom: 2em;
}
.main-content .bp-learn-more h1 {
	color: #00857e;
}
.main-content .bp-learn-more ul.btn .btn {
	background-color: #00857e;
}
/* End Bill Payment */
/* PAYMENT HISTORY */
/* PAYMENT HISTORY */
/* PAYMENT HISTORY */
.main-content #history table.account-detail {
  padding: 10px;
  font-size: 14px;
  margin-top: 15px;
  width: 935px;
}
.main-content #history table.account-detail .column.payment-history.left-side {
  padding-right: 75px;
}
/* END PAYMENT HISTORY */
/* ------------------------------------------------------ */
.main-content .account-statement-results li {
  margin-left: 10px;
}
.main-content span.user-enroll-id {
  margin-left: -25px;
}
.main-content span.label-title.user-id-label-enroll {
  margin-left: 0;
}
.main-content .page-breaker {
  page-break-after: always;
  page-break-inside: avoid;
}
.main-content .widget select.transaction-date-sort {
  width: 100px;
}
.main-content a.btn.small.view-statement {
  margin-left: 30px;
}
.main-content #viewAlerts {
  margin-top: 20px;
}
.main-content table.add-product ul.control-list li {
  border-bottom: none;
}
.contact-information-left {
  float: left;
  width: 575px;
  padding: 0 22px 0 0;
  margin: 0 0 10px 0;
}
.contact-information-right {
  float: right;
  width: 325px;
  padding: 0;
  margin: 10px 5px;
}
.email-user-table-wrapper {
  width: 100%;
  margin-top: 10px;
  padding: 2px;
}
.contact-information {
  padding: 0;
  margin: 0;
  height: auto;
}
div.center-check {
  margin: 0 auto;
}
.main-content table.email-user-table {
  width: 100%;
  margin: 0;
  padding: 0;
}
.main-content table.email-user-table .email {
  width: 70%;
}
.main-content table.email-user-table .primary,
.main-content table.email-user-table .alerts {
  width: 15%;
}
.main-content table.branded.email-user-table th {
  text-align: center;
}
.main-content table.email-user-table td {
  text-align: left;
}

/* Commercial Banker Enrollment */
/* Commercial Banker Enrollment */
/* Commercial Banker Enrollment */
.main-content form .cc-enroll-use-same-address label.checkbox {
	width: 100%;
}

/* Commericial Banker Brand LESS */
/* Commericial Banker Brand LESS */
/* Commericial Banker Brand LESS */
#header .nav li.here .submenu a:hover,
#header .nav li .submenu a:hover {
  text-decoration: underline;
}
.main-content .icon-image-locked .icon.quickhelp {
  position: relative;
  top: 0px;
  left: 120px;
}
/*pagination arrows*/
.main-content .dataTables_wrapper a.first div {
  background-repeat: no-repeat;
}
.main-content .dataTables_wrapper a.last div {
  background-repeat: no-repeat;
}
.main-content .dataTables_wrapper a.previous div {
  background-repeat: no-repeat;
}
.main-content .dataTables_wrapper a.next div {
  background-repeat: no-repeat;
}
/*Branded Action Icons*/
/*Branded Action Icons*/
/*Branded Action Icons*/
.main-content .action-icons-table {
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
}
.main-content .action-icons:before {
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
}

/* END BRANDED ACTION ICONS */
/* --------------------------------------------------------------*/

/*BDC Enrollment */
.main-content #bdcEnrolledUserForm {
	overflow: unset;
}

.main-content.mobile-responsive .removeAccount {
	float: right;
	color: #006633;
}

.main-content.mobile-responsive .bdcAddAccount {
	float: right;
}

.main-content.mobile-responsive .bdc-account-list tbody tr,
.main-content.mobile-responsive #bdcPaymentOptionsTable tbody tr,
.main-content.mobile-responsive #bdcAccountsEnrolledTable tbody tr {
	height: 45px;
}

.main-content.mobile-responsive .bdcAddAccount {
	margin-top: 10px;
}

.main-content.mobile-responsive table.bdc-account-list.odd-even tr td {
	background-color: #efefef;
	font-weight: bold;
}

.main-content table.bdc-account-list.odd-even tr.odd td {
	background-color: white;
}

.main-content.mobile-responsive #bdcAddAccountsFake {
	background-color: grey;
}

.main-content.mobile-responsive body {
	background-color: white;
}

.main-content.mobile-responsive #bdcSelectedPlan td,
.main-content.mobile-responsive #bdcPaymentOptionsTable td,
.main-content.mobile-responsive #bdcUsersToEnrollTable td {
	border: none;

}

.main-content.mobile-responsive #bdcAgreeSubmit {
	float: right;
}

.main-content.mobile-responsive .bdcSelect,
.main-content.mobile-responsive .bdc-account-list {
	margin-top: 10px;
	font-size: 13px;
}

.main-content.mobile-responsive .launchBillDotCom,
.main-content.mobile-responsive .cancelBillDotComContainer {
	text-align: center;
}

.main-content.mobile-responsive .launchBillDotCom a,
.main-content.mobile-responsive .cancelBillDotComContainer a {
	padding: 10px;
    color: black;
}

.main-content.mobile-responsive .launchBillDotCom .bdc-mailDisplay,
.main-content.mobile-responsive .launchBillDotCom .bdc-mailDisplay a {
	color: grey;
}

.main-content.mobile-responsive #bdcAccountListToUse,
.main-content.mobile-responsive #bdcSelectedPlan,
.main-content.mobile-responsive #bdcPaymentOptionsTable,
.main-content.mobile-responsive #bdcAccountsEnrolledTable,
.main-content.mobile-responsive #bdcUsersToEnrollTable {
    border: 1px solid #cccccc;
}

.main-content.mobile-responsive #bdcSelectedPlan .selectedPlanCost {
	PADDING-LEFT: 30PX;
}

.main-content.mobile-responsive .bdcSelect {
	border-color: #cccccc;
}

.main-content.mobile-responsive #cancelAccountsPopupButton {
	margin-top: 13px;
}

.main-content.mobile-responsive #addAccountsPopupButton {
	margin-left: 25px;
}

.main-content.mobile-responsive #launchBillDotCom {
	padding: 2px;
}

.main-content.mobile-responsive select::-ms-expand {
    display: none;
}

.main-content.mobile-responsive .bdcBrand {
	color: #006341;
}

/* END BDC Enrollment */


/*BDC Maintenance */
.main-content.mobile-responsive .bdcMaintenanceCompanyContainer {
	display: flex;
	flex-wrap: wrap;
}

.main-content.mobile-responsive .bdcMaintenanceCompanyContainer label.bdcSelect {
	width: 100%;
}
.main-content.mobile-responsive .bdcMaintenanceCompanyContainer select.bdcSelect {
	width: 320px;
}

.main-content.mobile-responsive .bdcMaintenanceCompanyContainer #bdcAddCompany {
	margin-top: 16px;
    margin-left: 10px;
}

.main-content.mobile-responsive h2 {
	text-transform: none;
}

.main-content.mobile-responsive .bdcMaintenancePaymentContainer,
.main-content.mobile-responsive .bdcMaintenanceAccountsEnrolledContainer {
	padding-top: 20px;
}

.main-content.mobile-responsive .bdcMaintenanceButtonWidth {
	width: 125px;
}

.main-content.mobile-responsive .bdcButtonFloatRight {
	float: right;
}

.main-content.mobile-responsive #bdcPaymentOptionsTable tbody tr td {
	width: 50%;
}

.main-content.mobile-responsive #bdcPaymentOptionsTable select {
	width: 80%;
}

.main-content.mobile-responsive .cancelPaymentOptionsUpdate {
	display: none;
}

.main-content.mobile-responsive .bdcCancelBillDotComMembership {
	color: red;
}

.main-content.mobile-responsive .cancelBillDotComContainer {
	padding-top: 40px;
}
.main-content.mobile-responsive .bdcMaintenanceForm table {
	margin-bottom: 10px;
}

.main-content.mobile-responsive .bdcMaintenanceForm .label-value {
	float: left;
}

.main-content.mobile-responsive .bdcMaintenanceForm .label-content {
	display: inline;
}

.main-content form div.bdc-error-message {
	margin-bottom: 5px;
}

.main-content.mobile-responsive #bdcEnrolledUserTable th {
	border: none;
    color: #006633;
    font-weight: bold;
}

.main-content.mobile-responsive #bdcEnrolledUserTable .bdcUserTableHeader {
	height: 20px;
}

.main-content.mobile-responsive #bdcEnrolledUserTable .bdcUserRow {
	border: 1px solid #cccccc;
}

.main-content.mobile-responsive #bdcEnrolledUserTable td {
	border: none;
}

.main-content.mobile-responsive .bdcTextAlignCenter {
	text-align: center;
}

.main-content.mobile-responsive .bdc-maintenance-add-user-form {
	     overflow: hidden;
}

.main-content.mobile-responsive .bdc-maintenance-add-user-form div {
	padding-top: 10px;
}

.main-content.mobile-responsive .bdcMaintenancePhoneNumber  div.stay-together div {
	float: left;
    padding-right: 6px;
    padding-top: 10px;
}

.main-content.mobile-responsive td.bdcMaintenancePhoneNumber label {
	margin-bottom: 10px;
}

.main-content.mobile-responsive .dynamicPaymentOptionsRow td label {
	float: left;
	width: 100%
}

/* END BDC Maintenance */

/* BDC Confirm */
#bdc-confirm {
	text-align: center;
}

.bdc-paymaker-logo {
	max-height: 46px;
    padding-bottom: 15px;
    padding-left: 365px;
}

/* END BDC Confirm */
/* END BDC Confirm */

/* Add Users*/
/* Add Users*/
.main-content.mobile-responsive .user-permissions-div,
.main-content.mobile-responsive .user-permissions-div span,
.main-content.mobile-responsive .user-permissions-div div {
	font-weight: bolder;
	    font-size: 18px;
}

.main-content.mobile-responsive .user-permissions-div div.main-instructions {
	font-weight: bold;
	font-size: 15px;
	padding-left: 25px;
}

.main-content.mobile-responsive .bdc-instructions-list {
	line-height: 20px;
}

.main-content.mobile-responsive ul.bdc-instructions-list li {
	list-style-type: disc;
    padding: 0;
    font-size: 15px;
}

.main-content.mobile-responsive ul.bdc-instructions-list li.empty-li {
	list-style-type: none;
    height: 15px;
}

.main-content.mobile-responsive .user-permissions-div .instructions-table td {
    width: 380px;
    font-size: 15px;
    font-weight: bold;
    padding-right: 85px;
    border-bottom: none;
}
.main-content.mobile-responsive #bdcAddAccountsTable .bdcUserTableHeader th {
	 border-right: none;
}

.main-content.mobile-responsive #bdcAddAccountsTable.bdc-account-list.odd-even tr {
    border-right: none;
	border-left: none;
}

.main-content.mobile-responsive #bdcAddAccountsTable.bdc-account-list.odd-even tr td {
    background-color: #efefef;
    font-weight: bold;
    border-right: 0;
	border-bottom: 0;
}

.main-content #bdcAddAccountsTable.bdc-account-list.odd-even tr.odd td {
	background-color: white;
}

.main-content.mobile-responsive #bdcUsersToEnrollTable {
    border: none;
    border-bottom: 1px solid #cccccc;
    width: 99%;
}

.main-content.mobile-responsive #bdcUsersToEnrollTable .bdcUserRow {
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.main-content.mobile-responsive div.bdc-user-tables {
	padding-top: 25px;
}

.main-content.mobile-responsive #bdcUsersToEnrollTable th {
	border-right: none;
}


.main-content.mobile-responsive .bdcChangeUserPermission {
	width: 80%;
}

.main-content.mobile-responsive .addUserCheckbox,
.main-content .bdcEditUserPopUp form input.checkbox {
	width: 30px;
}

.main-content.mobile-responsive .bdcSelectAccountParagraph {
	padding-top: 10px;
}

/* End Add Users*/

/* BDC Edit Users */

.main-content .bdcEditUserPopUp {
	margin: 20px;
}

.main-content .bdcEditUserPopUp h2 {
	padding-bottom: 15px;
}

.main-content .bdcEditUserPopUp form label {
	margin-left: 0;
	margin-right: 5px;
	width: auto;
}

.main-content .bdcEditUserPopUp form li {
	border: none;
}

.main-content .bdcEditUserPopUp .label-title {
	margin-left: 0;
}

body.billDotComPopup,
.main-content .bdcEditUserPopUp form {
	background-color: #fff !important;
}

.billDotComPopup .main-content {
	overflow-y: scroll;
    height: 400px;

}

/* End BDC Edit Users*/

/* BDC Explore */

.bdc-small-logo {
	height: 26px;
	text-align: center;
}

.bdc-small-logo img {
	display: inline;
}

.bdc-small-logo-text {
	line-height: 2em;
}
/* End BDC Explore */

/* BDC Accept Terms and Conditions */
.bdcAcceptTermsAndConditions {
	padding: 20px;
	margin-top: 23px;
	text-align: center;
}

.bdcAcceptTermsAndConditions h1 {
	font-size: xx-large;
}

.bdcAcceptTermsAndConditions div.instructions {
	font-size: large;
	padding-bottom: 30px;
}

.bdcAcceptTermsAndConditions li.bdcTermsAndConditionsCheckBox {
	background-image: none;
    float: left;
    margin-left: 70px;
    width: 0px;
}

.bdcTermsAndConditionsCheckBox #acceptedAgreement {
	min-height: 30px;
	width: 26px;
}

.bdcAcceptTermsAndConditions .bdcTermsAndConditionsCheckBox label {
	font-size: large;
}

.bdcAcceptTermsAndConditions .checkboxLabel {
	font-size: large;
    height: 73px;
    padding-top: 15px;
    width: 97%;
}

.bdcCancelTandCAccept {
	margin-left: 100px;
}

/* End BDC Accept Terms and Conditions */

/* BDC Message (Enroll, Explore, Maintenace) */

#bdc-message-box {
  background-color:#d9edec;
  border:1px solid #b2dae7;
  box-shadow: -2px 3px 5px 0px #75787B;
  padding: 10px;
  margin-bottom: 10px;
}

#bdc-message-box .bdc-message-box-title {
  color:#00b1a9;
  font-size: 1.2em;
  padding-bottom: 5px;
}

#bdc-message-box .bdc-message-box-content {
  padding-bottom: 5px;
}

#bdc-message-box .bdc-message-box-reference {
  font-size: .7em
}

/* End BDC Message (Enroll, Explore, Maintenace) */

/* --------------------------------------------------------------*/

/*Tab Colors*/
/*Tab Colors*/
/*Tab Colors*/
.main-content .tab-panes .tabs a {
  display: block;
  margin: 0 2px 0 0;
  padding: 6px 15px;
  position: relative;
  text-decoration: none;
}
.main-content .tab-panes .tabs a.current {
  cursor: default;
}
.main-content .tab-panes .pane {
  display: none;
  min-height: 100px;
  padding: 10px 10px;
}
/* End Tab Colors */
/* --------------------------------------------------------------*/
ul#megamenu li.mm-item {
  border-top: 1px solid;
}
.main-content .account-summary-list th {
  border-right: 2px solid;
}
.main-content table.vborders th,
.main-content table.vborders td,
.main-content table.branded tr td,
.contact-information-left,
.main-content #history table.account-detail .column.payment-history.left-side,
.main-content .billpay-container table,
.main-content .alert-list.summary.view-all-alerts-list,
ul#megamenu li.mm-item {
  border-right: 1px solid;
}
.main-content .progressbar table td {
  border-right: 3px solid;
}
.main-content .account-summary-list th {
  border-left: 2px solid;
}
.main-content .billpay-container table,
.main-content .alert-list.summary.view-all-alerts-list,
.main-content .column.bill-pay-amount,
.main-content table.add-product td.monthly-fee,
ul#megamenu li.mm-item {
  border-left: 1px solid;
}
.main-content .billpay-container table,
.pop-up.form-style .agreement-scroller h2,
.main-content form .agreement-scroller h2,
.main-content .copy-alert-list li,
.main-content .account-alerts .alert-list.summary li,
.main-content .alert-list.summary.view-all-alerts-list li,
.main-content .contact h2,
.main-content .column.bill-pay-amount,
.main-content th,
.main-content td,
.main-content .account-detail-more tr {
  border-bottom: 1px solid;
}
#settings-table-deposit_wrapper tr,
#settings-table-loan_wrapper tr {
  border: 1px dashed;
}
#settings-table-deposit_wrapper thead,
#settings-table-loan_wrapper thead,
.main-content .toggle-panel .toggle,
.main-content .agreement-scroller,
.main-content .agreement-box,
.main-content .add-full-border,
#account-list1,
#account-list2,
.main-content .account-summary,
.main-content .bank-message,
.main-content .tab-panes .pane,
.main-content .dataTables_wrapper,
.main-content .tab-panes .tabs a,
.main-content .form-page-style,
.main-content .no-account-bank-message,
.main-content .user-list-container,
.main-content form,
.main-content .agreement-scroller,
.main-content .pane .dataTables_wrapper,
.main-content .dataTables_wrapper,
.main-content #history table.account-detail,
.main-content li.payment,
.email-user-table-wrapper,
.main-content .instrumentImageSection .instrument-image-list > div,
#slide-out-div,
.action-bar input,
#section1 a.btn,
#section1 span.btn,
.main-content a.btn,
.main-content button.btn,
.main-content span.btn,
#header #login a.btn,
#header #login span.btn,
#header #login span.btn input {
  border: 1px solid;
}
.main-content form div.error-message.alert,
.main-content p.alert {
  border: 2px solid;
}
.main-content .instrumentImagecontainer {
  border: 2px inset;
}
.search-container {
  margin-bottom: 5px;
}
.main-content table.branded.email-user-table th {
  text-align: center;
}
#header .nav li.here .submenu a:hover,
#header .nav li .submenu a:hover {
  text-decoration: underline;
}
.nav .category li.category.here,
a.close-handle,
a#handle {
  border-left: 1px solid;
}
.nav .category li.category.here {
  border-right: 1px solid;
}
.main-content .special-message {
  border: 2px solid;
}
.main-content div.alert-call-out {
  border-bottom: 2px solid;
}
a.close-handle,
a#handle {
  border-bottom: 1px solid;
}
.nav .category li.category.here,
a.close-handle,
a#handle {
  border-top: 1px solid;
}
.main-content .bank-message .main-message {
  border-top: 5px solid;
}
.main-content .tab-panes .pane {
  border-top-width: 4px;
  border-top-style: solid;
}
.main-content .tab-panes .tabs a {
  border: 1px solid;
  border-bottom: 0;
}
/* ------------------------------------------------------- */
/* Default Background Images */
/* -------------------------------------------------- */
/* Gradients & Shadows */
#convHeader input,
#div-buttons input,
.action-bar input,
#section1 a.btn,
#section1 span.btn,
.main-content a.btn,
.main-content button.btn,
.main-content span.btn,
#header #login a.btn,
#header #login span.btn,
#header #login span.btn input {
  background-image: url("../img/bg-button.png");
}
.nav .category li.category > div {
  background-image: url("../img/bg-masthead.png");
}
.main-content .account-summary-list th {
  background-image: url("../img/gradient-bg.png");
}
.main-content table.branded tr.totals,
.main-content table.branded td.totals,
.main-content table.account-summary tr.totals,
.main-content table.account-summary td.totals {
  background-image: url("../img/list-gradient-bg.png");
}
.main-content .progressbar,
.main-content .progressbar .cover {
  background-image: url("../img/progressbar-bg2.png");
}
.dataTables_wrapper .branded .ui-state-default,
.main-content table.branded th,
.main-content table.account-summary th,
.main-content table.transaction-list th {
  background-image: url("../img/sidebar-info-box-h3-bg.png");
}
#help-container .left-nav {
  background-image: url("../img/vertical-gradient-bg.png");
}
/* End Gradients & Shadows */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* Icons */
/* --------------------------------------------- */
/* Content Icons */
.main-content .adobe-reader a.adobe-link {
  background-image: url("../img/adobe-reader.gif");
}
.widget-loader {
  background-image: url("../img/ajax-loader.gif");
}
.main-content form .agreement-scroller li li,
.pop-up.form-style .agreement-scroller li li,
.main-content form ul.static-control-list li,
.main-content .form-style ul.static-control-list li {
  background-image: url("../img/bullet-form-static-control-list.png");
}
.main-content table td.alert,
.main-content h3.alert,
.main-content form div.error-message.alert,
.main-content p.alert {
  background-image: url("../img/icon-alert.png");
}
.icon-black-checkmark {
  background-image: url("../img/icon-blackcheck-sm.png");
}
.main-content form input.date-picker,
.main-content form input.date-time-picker {
  background-image: url("../img/icon-date-picker.png");
}
.main-content .icon.expand,
.main-content .icon.collapse {
  background-image: url("../img/icon-expand-gray-cover.png");
}
.main-content form div.error-message {
  background-image: url("../img/icon-field-error.png");
  background-repeat: no-repeat;
}
.main-content ul.pdf li,
.main-content span.pdf,
.main-content ul.account-statement-results li {
  background-image: url("../img/icon-pdf.png");
}
.main-content #manage-users_wrapper #manage-users .icon-image-checked,
.main-content .legend-user .icon-legend-image-active,
.main-content .user-list-container .icon-image-checked,
.main-content .icon-user-check {
  background-image: url("../img/icon-user-check.png");
}
.main-content #manage-users_wrapper #manage-users .icon-image-locked,
.main-content .legend-user .icon-legend-image-locked,
.main-content .user-list-container .icon-image-locked,
.main-content .icon-user-lock {
  background-image: url("../img/icon-user-lock.png");
}
.main-content #manage-users_wrapper #manage-users .icon-image-disabled,
.main-content .legend-user .icon-legend-image-disabled,
.main-content .user-list-container .icon-image-disabled,
.main-content .icon-user-x {
  background-image: url("../img/icon-user-x.png");
}
.main-content h3.failed {
  background-image: url("../img/icon-stop.png");
}
.main-content form input.time-picker {
  background-image: url("../img/icon-time-picker.png");
}
.main-content h3.verify {
  background-image: url("../img/icon-verify.png");
}
.instrumentImageContainer .zoomIcon {
  background-image: url("../img/zoom/icon.png");
}
/* End Content Icons */
/* --------------------------------------------- */
/* --------------------------------------------- */
/* Pagination Icons */
.prev-trigger {
  background-image: url("../img/medium-back-arrow.png");
}
.next-trigger {
  background-image: url("../img/medium-forward-arrow.png");
}
.prev-set-trigger {
  background-image: url("../img/medium-double-back-arrow.png");
}
.next-set-trigger {
  background-image: url("../img/medium-double-forward-arrow.png");
}
/* End Pagination Icons */
/* --------------------------------------------- */
/* --------------------------------------------- */
/* Notification Icons */
.main-content .notification-ref.star.white {
  background-image: url("../img/notification-asterisk-white.gif");
}
/* End Notification Icons */
/* End Icons */
/* No Background Image */
.main-content .btn.disabled,
.main-content span.btn.disabled input,
.main-content .btn.add.disabled,
.main-content a.btn-disabled,
.main-content a.btn-disabled span,
.main-content button.btn-disabled,
.main-content .btn input.disabled,
.main-content button.btn-disabled span,
.main-content span.btn-disabled,
.main-content span.btn-disabled input.btn {
  background-image: none !important;
}
body.no-wrapper.group-settings,
body.group-settings .main-content form,
body.group-settings .form-page-style,
body.group-settings .account-group,
.main-content .form-page-style form,
.main-content .form-style li,
.main-content .form-style ul,
.main-content .tab-panes form,
.main-content form li,
.main-content form ul,
body.form-page-style form,
body.form-page-style form fieldset legend,
.main-content form li,
.main-content .form-style li,
.form-style .main-content li,
.main-content ul.account-statement-results li.no-statement-results,
.main-content form ul.static-control-list li.no-bullet,
.main-content .form-style ul.static-control-list li.no-bullet,
.main-content li.inline-radio ul.control-list li,
.main-content .branded tr td ul.control-list li,
.ui-tpicker-grid-label {
  background-image: none;
}
/* End No Background Image */
/* Background Colors */
#header #login a.btn span,
#header #login span.btn input.btn,
#header .nav li.here .submenu a,
.action-icon.stand-alone,
.action-icon.text-before:after,
.action-icon.text-after:before,
.main-content .form-style.clear-styles,
.main-content form.clear-styles,
.main-content a.btn span,
.main-content button.btn span,
.main-content span.btn input.btn,
body.form-page-style table.odd-even tr td,
body.form-page-style table.odd-even tr th,
body.group-settings .account-group,
body.group-settings .form-page-style,
body.group-settings .main-content form,
body.no-wrapper.group-settings,
ul .dashboard-settings,
ul#megamenu .mm-carrot {
  background-color: transparent;
}
.main-content thead .clear-styles {
  background-color: transparent !important;
}
#remembered-div,
#top_up iframe,
.callout-window-White,
.email-user-table-wrapper,
.main-content #accountGroups .toggle,
.main-content .special-message,
.main-content .account-group-container,
.main-content .agreement-scroller,
.main-content .alert-list.summary.view-all-alerts-list,
.main-content .bank-message,
.main-content .dataTables_wrapper,
.main-content .edit-group-container,
.main-content .instrumentImageSection .instrument-image-list .image-triggers,
.main-content .no-account-bank-message,
.main-content .tab-panes .tabs a,
.main-content .toggle-in-tabs,
.main-content .transaction-download-options,
.main-content form div.error-message,
.main-content form input.date-picker,
.main-content form input.date-time-picker,
.main-content form input.errorField,
.main-content form input.time-picker,
.main-content form li.error span,
.main-content form select.errorField,
.main-content form textarea.errorField,
.main-content table.clear-styles th,
.main-content table.clear-styles td,
.nav .category li.category > div {
  background-color: #ffffff;
}
.main-content ul.odd-even li.even .main-content table.add-product tr.even td,
.main-content table.branded tr.even td,
.main-content table.odd-even tr.even td {
  background-color: #f6f6f6;
}
.main-content .wwFormTable table.odd-even tr.highlight.even td,
.main-content .wwFormTable table.odd-even tr.highlight td {
  background-color: #ffeb8f;
}
#convHeader input,
#header .security-tab,
#help-container .left-nav,
#slide-out-div,
.callout-window,
.callout-window .main-content,
.form-page-style,
.form-style,
.main-content .agreement-box,
.main-content .btn.add.disabled,
.main-content .btn.disabled,
.main-content .copy-alert-list,
.main-content .form-page-style,
.main-content .form-style fieldset legend,
.main-content .tab-panes .pane,
.main-content .toggle-panel .toggle-trigger.expand,
.main-content .user-list-container,
.main-content a.btn-disabled,
.main-content a.btn-disabled span,
.main-content button.btn-disabled,
.main-content button.btn-disabled span,
.main-content form,
.main-content form fieldset legend,
.main-content span.btn-disabled,
.main-content span.btn.disabled input,
.main-content span.btn-disabled input.btn,
.main-content span.btn input.btn.disabled,
.main-content table.odd-even tr td,
.main-content thead.light td,
.main-content thead.light th,
.nested-slide-content,
.small-popup,
.widget-loader,
body.form-page-style,
body.no-wrapper {
  background-color: #efefef;
}
#help-container .left-nav-category,
.main-content .icons.brand img.disabled,
.main-content .progressbar table td.done,
.main-content .progressbar table td.remaining,
.main-content .secure-message-utility .secure-util-icon,
.main-content table.branded.email-user-table th {
  background-color: #dedede;
}

.main-content .icon.quickhelp {
	background-color: #bbb;
}
#help-container .left-nav-category:hover,
#settings-table-deposit_wrapper tr,
#settings-table-loan_wrapper tr,
.main-content .toggle-panel .toggle-trigger.collapse,
.main-content .toggle-panel .toggle-trigger:hover .main-content form input.date-picker.disabled,
.main-content form input.disabled,
.main-content form input.no-edit,
.main-content form select.disabled,
.main-content form select.no-edit,
.main-content table.account-summary tr.totals,
.main-content table.account-summary td.totals,
.main-content table.branded tr td,
.main-content td.tab-info,
.main-content thead td,
.main-content thead th {
  background-color: #e6e7e8;
}

/*
.main-content form#ir-confirm input.disabled{
	background-color: #efefef;
	font-weight: bold;
}
.main-content form#ir-confirm label{
	background-color: #efefef;
	font-weight: bold;
}
*/

.main-content form#ir-confirm .amount.disabled#foreignTransferAmount,
.main-content form#ir-confirm .amount.disabled#otherFees,
.main-content form#ir-confirm .amount.disabled#otherTaxes,
.main-content form#ir-confirm .amount.disabled#totalToRecipient{
	background-color: #ffeb8f;
	font-weight: bold;
	border-color: #000000 !important;
	width: 172px;
}
.main-content form#ir-confirm .amount.disabled#transferAmount,
.main-content form#ir-confirm .amount.disabled#transferTotal,
.main-content form#ir-confirm .amount{
	width: 172px;
}

.main-content form#ir-confirm #dateToRecipient{
	background-color: #ffeb8f;
	text-align:center;
}
.main-content .amountField, .main-content .amount
.main-content form#ir-confirm .amount.disabled#totalToRecipient{
	background-color: #ffeb8f;
	font-weight: bold;
	border-color: #000000 !important;
}

.main-content form#ir-submit input#transferAmount.amount.medium,
.main-content form#ir-submit input#exchangeRate.amount.exchange-rate{
	text-align:left;
}

#header #login a.btn,
#header #login span.btn,
.main-content .action-bar a.btn,
.main-content .action-bar button.btn,
.main-content .action-bar span.btn,
.main-content a.btn,
.main-content button.btn,
.main-content span.btn input {
  background-color: #b3b3b3;
}
.main-content .tab-panes .tabs a.current,
.nav .category li.category.here {
  border-color: transparent !important;
}
.icon-tooltip:hover span,
.main-content .progressbar table td,
.tooltip {
  border-color: #ffffff !important;
}
.main-content .instrumentImageSection .instrument-image-list > div {
  border-color: #efefef !important;
}

/* End Default Background Images */
/* Text Colors */
.icon-black-checkmark,
.icon-check-payment,
.icon-electronic-payment {
  color: transparent;
}
#account-assigned,
#account-unassigned,
#header .nav li.here a,
#header .nav li.here a:hover,
#section1 .info-box h3,
#section1 .logged-in h2,
.icon-tooltip:hover span,
.main-content #smc #calendarDiv,
.main-content #smc #calendar tr#controlRow td,
.main-content #smc #calendar td#selectedDay,
.main-content .account-list-tab.brand td,
.main-content .account-list-tab.brand td a,
.main-content .account-summary-list th,
.main-content .progressbar table td.title,
.main-content .progressbar table td.current,
.main-content .tab-panes .tabs a.current,
.main-content .tab-panes .tabs a.current:hover,
.main-content .transaction-list th.ascending-order,
.main-content .transaction-list th.descending-order,
.main-content table.branded th,
.main-content table.account-summary th,
.main-content table.branded tr th,
.main-content table.branded tr th a,
.main-content table.call-out.colored,
.main-content table.call-out.colored td,
.main-content thead.brand td,
.main-content thead.brand th,
.tooltip,
a#handle {
  color: #ffffff;
}
#header #login a.btn,
#header #login span.btn,
#header #login span.btn input,
#section1 a.btn,
#section1 span.btn,
.action-bar input,
.main-content a.btn,
.main-content button.btn,
.main-content span.btn {
  color: #ffffff !important;
}
.main-content .standalone-sidebar {
  color: #dedede;
}
.main-content .progressbar table td.done {
  color: #999999;
}
.main-content .btn.add.disabled,
.main-content .btn.disabled,
.main-content .btn input.disabled,
.main-content a.btn-disabled,
.main-content a.btn-disabled span,
.main-content button.btn-disabled,
.main-content button.btn-disabled span,
.main-content span.btn-disabled,
.main-content span.btn.disabled input,
.main-content span.btn-disabled input.btn,
.main-content span.btn input.btn.disabled {
  color: #999999 !important;
}
#breadcrumbs,
#footer,
#footer a,
#remembered-div #remembered-table a.remove-userlink,
.main-content .toggle-panel .toggle-trigger.expand,
.main-content form#add-product span.description,
.main-content form .example,
.main-content table.account-summary td.viewuser-select-all {
  color: #666666;
}
#account-list1,
#account-list2,
#account-group-name h4,
#account-group-name p,
.main-content .billpay-container .field-symbol,
.main-content .progressbar table td.remaining,
.main-content .tab-panes .tabs a:hover,
.main-content a.account-name,
.main-content a.action-icons,
.main-content h3 a,
body {
  color: #333333;
}
#remembered-div a#hide-uid-link,
.main-content .form-style fieldset legend,
.main-content form fieldset legend,
.main-content table.branded.email-user-table th,
.slider-holder li {
  color: #000000;
}
.main-content #stoppay-table_wrapper .ui-corner-right:after {
  color: #b3b3b3;
}

/****************************************************************
 IX. Start of Commercial Card Styles
****************************************************************/
/* ------------------ Start Hacks and Workarounds ----------------- */

.main-content .widget .widget-override .label-title + .label-content,
.main-content .widget form.widget-override label.checkbox{
	width: auto;
}
.main-content .tab-panes.show-overflow,
.main-content form.show-overflow{
	overflow: visible;
}
.main-content .tab-panes .dataTable tr.last td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.main-content form li.cc-account-selector li label,
.main-content form li.cc-account-selector li .label-title{
	font-weight: bold;
}
.main-content form li li.cc-account-selector li label,
.main-content form li li.cc-account-selector li .label-title{
	font-weight: normal;
}
.main-content form .label-content.static span.display-inline{
	display: inline;
}

/* ------------------ End Hacks and Workarounds ----------------- */
/* ------------------ Site wide styles ------------------ */

/* ------------------ Start Self-clearing styles ------------------ */

.clear-after:after{
	clear: both;
	content: "";
	display: block;
}
.clear-this{
	clear: both;
}

/* ------------------ End Self-clearing styles ------------------ */
/* ------------------ Start Nav styles ------------------- */

#header .nav li.here .submenu a.action-icon,
#header .nav li .submenu a.action-icon,
#header .nav li.here .submenu a.action-icon:hover,
#header .nav li .submenu a.action-icon:hover,
#header .nav li.here .submenu a.action-icon .action-icon-message,
#header .nav li .submenu a.action-icon .action-icon-message{
	text-decoration: none;
}
#header .nav li.here .submenu a.action-icon:hover .action-icon-message,
#header .nav li .submenu a.action-icon:hover .action-icon-message{
	text-decoration: underline;
}
.submenu li ul{
	padding-left: 15px;
}

/* ------------------ End Nav styles ------------------- */
/* ------------------ Start Grid Styles ------------------ */

[class*="-grid"]{
	clear: both;
	margin: 0 auto;
	postion: relative;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.table-grid{
	display: table;
	table-layout: fixed;
}
.block-grid{
	display: block;
}
.grid-group{
	clear: both;
	position: relative;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.table-grid > .grid-group{
	display: table-row;
}
.block-grid > .grid-group{
	display: block;
}
[class*="-grid"]:after,
.grid-group:after,
[class*="grid-col-"]:after{
	content: "";
	display: block;
	clear: both;
}
[class*="grid-col-"]{
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.table-grid > .grid-group > [class*="grid-col-"]{
	display: table-cell;
}
.block-grid > .grid-group > [class*="grid-col-"]{
	display: block;
	float: left;
}
.grid-spacer{
	display: block;
	padding: 5px;
	width: auto;
}
.grid-col-1of1{
	width: 100%;
}
.grid-col-1of2{
	width: 50%;
}
.grid-col-1of3{
	width: 33%;
}
.grid-col-1of3.grid-last-col{
	width: 34%;
}
.grid-col-2of3{
	width: 66%;
}
.grid-col-2of3.grid-last-col{
	width: 67%;
}
.grid-col-1of4{
	width: 25%;
}
.grid-col-3of4{
	width: 75%;
}
.grid-col-1of5{
	width: 20%;
}
.grid-col-2of5{
	width: 40%;
}
.grid-col-3of5{
	width: 60%;
}
.grid-col-4of5{
	width: 80%;
}
.grid-col-1of6{
	width: 16%;
}
.grid-col-1of6.grid-last-col{
	width: 17%;
}
.grid-col-5of6{
	width: 83%;
}
.grid-col-5of6.grid-last-col{
	width: 84%;
}
.grid-col-1of8{
	width: 12.5%
}
.grid-col-3of8{
	width: 37.5%;
}
.grid-col-5of8{
	width: 62.5%;
}
.grid-col-7of8{
	width: 87.5%;
}
.grid-col-1of9{
	width: 11%;
}
.grid-col-1of9.grid-last-col{
	width: 12%;
}
.grid-col-2of9{
	width: 22%;
}
.grid-col-2of9.grid-last-col{
	width: 23%;
}
.grid-col-4of9{
	width: 44%;
}
.grid-col-4of9.grid-last-col{
	width: 45%;
}
.grid-col-5of9{
	width: 55%;
}
.grid-col-5of9.grid-last-col{
	width: 56%;
}
.grid-col-7of9{
	width: 77%;
}
.grid-col-7of9.grid-last-col{
	width: 78%;
}
.grid-col-8of9{
	width: 88%;
}
.grid-col-8of9.grid-last-col{
	width: 89%;
}
.grid-col-1of10{
	width: 10%;
}
.grid-col-3of10{
	width: 30%;
}
.grid-col-7of10{
	width: 70%;
}
.grid-col-9of10{
	width: 90%;
}
.grid-col-1of12{
	width: 8%;
}
.grid-col-1of12.grid-last-col{
	width: 9%;
}
.grid-col-5of12{
	width: 41%;
}
.grid-col-5of12.grid-last-col{
	width: 42%;
}
.grid-col-7of12{
	width: 58%;
}
.grid-col-7of12.grid-last-col{
	width: 59%;
}
.grid-col-11of12{
	width: 91%;
}
.grid-col-11of12.grid-last-col{
	width: 92%;
}

/* ------------------ End Grid Styles ------------------ */
/* ------------------ Start Custom Select Widget Styles ------------------ */

.main-content .custom-select{
	display: block;
	float: left;
	overflow: visible;
	position: relative;
}
.main-content .custom-select input.custom-select-box{
	background-image: url("../img/drop-down.png");
	background-repeat: no-repeat;
	background-position: 99.99% center;
	cursor: default;
}
.main-content .custom-select input.disabled{
	background-image: url("../img/drop-down-disabled.png");
}
.main-content .custom-select-list{
	display: block;
	max-height: 300px;
	height: auto !important;
	height: 300px;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #ffffff;
	position: absolute;
	z-index: 10;
	border: 1px solid #000000;
	cursor: default;
	min-width: 350px;
	width: auto !important;
	width: 350px;
	top: 100%;
}
.main-content .custom-select-list .grid-group.selected-option,
.main-content .custom-select-list:hover .grid-group.selected-option:hover,
.main-content .custom-select-list .grid-group:hover{
	background-color: #e6e7e8;
}
.main-content .custom-select-list:hover .grid-group.selected-option{
	background-color: inherit;
}
.main-content .custom-select-list .remove .action-icon-message{
	text-decoration: underline;
}
.main-content .custom-select-list .remove:hover .action-icon-message{
	text-decoration: none;
}

/* ------------------ End Custom Select Widget Styles ------------------ */
/* ------------------ Start Data Table styles ------------------- */

.main-content form .dataTables_wrapper{
	margin: 20px 10px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}
.dataTables_paginate .page-numbers,
.dataTables_paginate .page-number{
	padding: 0 5px;
}

/* ------------------ End Data Table styles ------------------- */
/* ------------------ Start Account Selector widget styles ------------------ */

.main-content form li.cc-account-selector-breadcrumb,
.main-content .form-style li.cc-account-selector-breadcrumb,
.main-content .widget form li.cc-account-selector-breadcrumb,
.main-content .widget .form-style li.cc-account-selector-breadcrumb,
.main-content form li.cc-account-selector-subgroups,
.main-content .form-style li.cc-account-selector-subgroups,
.main-content .widget form li.cc-account-selector-subgroups,
.main-content .widget .form-style li.cc-account-selector-subgroups{
	width: 100%;
}
.main-content .cc-group-breadcrumbs,
.main-content .widget .cc-group-breadcrumbs{
	margin: 0;
	list-style: none;
	padding: 0 0 8px 10px;
	float: left;
	display: block;
	width: 95%;
	line-height: 1.5em;
	font-size: smaller;
	font-weight: bold;
}
.main-content .cc-group-breadcrumbs:after,
.main-content .cc-group-breadcrumbs:before{
	clear: both;
	content: none;
	display: block;
}
.main-content .cc-group-breadcrumbs li,
.main-content .widget .cc-group-breadcrumbs li{
	display: inline;
	padding: 0 .75em 0 0;
	margin: 0;
	background-image: none;
	width: auto;
}
.main-content .cc-group-breadcrumbs li:after{
	content: ">";
	padding: 0 0 0 .75em;
}
.main-content .cc-group-breadcrumbs li.last:after{
	content: none;
}
.main-content .cc-group-breadcrumbs a,
.main-content .widget .cc-group-breadcrumbs a{
	text-decoration: underline;
}
.group-option,
.account-option{
	overflow: hidden;
	padding: 1px 5px 0 2px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* ------------------ End Account Selector Widget Styles ------------------ */

/* ------------------ End site wide styles ------------------ */
/* ------------------ Start Search by Last Name styles ------------------- */

.main-content .search form{
	background-color: white;
	border-color: #7F9DB9 !important;
	width: auto;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.main-content .search form .search-box{
	position: relative;
}
.main-content .search form .search-box input{
	border: none;
	width: 90%;
	margin: 0;
}
.main-content .search form .search-box .action-icon-container{
	position: absolute;
	top: 2px;
	right: 2px;
}

/* ------------------ End Search by Last Name styles ------------------- */
/* ------------------ Start Account Detail styles ------------------ */

.main-content .account-detail-summary,
.main-content .account-detail-summary .info-block.even{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e6e7e8;
}
.main-content .account-detail-summary .info-block{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e6e7e8;
	padding: 5px 10px;
}
.main-content .account-detail-quick-links .action-icon-container{
	display: block;
	margin: 10px 0 0 10px;
}
.agent-section{
	background-image: url("../img/bg-rewards.png");
	background-position: 400px center;
	background-repeat: no-repeat;
	margin: 10px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e6e7e8;
}
.agent-logo{
	padding: 10px 0;
}
.agent-logo-img{
	max-width: 163px;
}
.reward-box {
	background-color: #E6E7E8;
	border: 1px solid #CCC;
	text-align: center;
	width: 70%;
	margin-left: 40px;
}
.rewards{
	padding: 10px 0;
	vertical-align: middle;
}
.rewards-text{
	padding: 5px 0;
	font-size: medium;
}
.rewards-text-strong{
	padding: 5px 0;
	font-size: medium;
	font-weight: bold;
}
.rewards h2{
	margin: 6px 0 10px 0;
}
.rewards .rewards-value{
	font-weight: bold;
	font-size: 1.3em;
}
.main-content .rewards .btn,
.main-content #section1 .rewards .btn{
	margin: 5px 0 0;
}
.main-content  #section1 a.rewards-button {
	margin: 0 auto 10px auto;
}

.guideToBenefitsLink {
	margin-left: 10px;
}
/* ------------------ End Account Detail Styles ------------------ */
/* ------------------ Start Make One-time Payment styles ------------------ */

.main-content .make-payment-col-1,
.main-content .make-payment-col-2{
	border-bottom-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
}
.main-content li.payment-list{
	padding: 0;
}
.main-content form li.payment-list li{
	width: 100%;
}
.main-content form li.payment-list li.cc-account-selector-breadcrumb li{
	width: auto;
}
.main-content .make-payment-col-1{
	border-right-width: 1px;
}
.main-content .make-payment-col-1 li.cc-account-selector{
	border-bottom: none;
}
.main-content .make-payment-col-1 .field-detail span{
	margin: 0 10px;
}
.main-content .total-payment{
	float: right;
	margin: 0 20px 0 0;
}
.main-content form .make-payment-form li.payment-type li{
	width: 50%;
	float: left;
}

/* ------------------ End Make One-time Payment Styles ------------------ */
/* ------------------ Begin Commercial Card alerts ------------------ */

.main-content .cc-alerts-list .alert-list.summary.view-all-alerts-list{
	margin: 0;
	width: 100%;
	border-top: 1px solid;
}
.main-content .account-alert-quicklinks{
	float:right;
	margin-right:10px;
}
.main-content .cc-alerts-list .account-name{
	display: inline;
}
.main-content .pagination-links{
	display: block;
	float: right;
	padding: 0 10px;
}
.main-content .pagination-links a.pagination-link{
	color: #555555;
	text-decoration: none;
}
.main-content form li.cc-alerts{
	padding:0 0 10px;
}
.main-content .alert-bulk-buttons{
	padding: 0 10px;
}
.main-content form .label-content.static .account-list .action-icon.text-after span{
	display: inline;
}
.main-content .update-email-link{
	text-align: right;
}
.main-content form ul.copy-cc-alerts .toggleAlertsContainer{
	padding: 0 10px;
}
.main-content .copy-cc-alerts .account-alerts .alert-list.summary li{
	padding: 10px 0;
}

/* ------------------ End Commercial Card alerts ------------------ */
/* ------------------ Begin Commercial Card Group Profile ------------------ */

.main-content .address-compare{
	border: 1px solid #CCCCCC;
	margin: 0 10px;
	padding: 10px;
	padding-top: 0px;
}

/* ------------------ End Commercial Card Group Profile ------------------ */
/* ------------------ Start Enrollment interstitial pages ------------------ */

.interstitial{
	text-align: center;
}

/* ------------------ End Enrollment Interstitial Pages ------------------ */
/* ------------------ Start Card Permissions ------------------ */

.main-content .indent{
	margin: 0 0 0 22px;
}
.main-content #treeDiv .toggle-trigger,
.main-content #treeDiv .toggle{
	border: 0px;
	border-bottom: 0px;
	background-color: transparent;
	padding: 1px 20px;
}
.main-content #treeDiv .toggle [class^="cc-perm-indent"]{
	padding: 1px 43px;
}

/* ------------------ End Card Permissions ------------------ */
/* ------------------ Start Comm Mobile Page ------------------ */
.commercial-mobile img,
.small-business-mobile img{
	float: right;
	padding-left: 15px;
}

.commercial-mobile h1,
.small-business-mobile h1{
	clear: none;
}

.apple-button{
	float: left;
	padding: 10px;
}

.google-button{
	float: left;
	padding: 10px;
}
/* ------------------ End Comm Mobile Page ------------------ */
/****************************************************************
 IX. End of Commercial Card Styles
****************************************************************/

/* Begin sso error*/
.sso-error{
	border: 1px solid #ff0000;
    text-align: center;
    margin-top: 30px;
    color: #ff0000;
    font-size: 18px;
    padding: 10px;
    border-radius: 10px 10px 10px 10px;
}
/*  End sso error*/