/* Retail, Content */

/* Main Content General */
/* Main Content General */
/* Main Content General */
.main-content {
	height: auto;
	width: 700px;
}

.main-content img.bottom-margin {
	margin-bottom: 10px;
}

/* Text */

.main-content h1 {
	clear: both;
	font-size: x-large;
	font-weight: normal;
	margin: 0 0 .5em;
}

.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 h3 span {
	font-weight: normal;
	display: block;
	font-size: 13px;
	line-height: 16px;
}

.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 h2 span.show-hide-link a{
	text-transform: none;
	font-weight:normal;
}

.main-content h3 a {
	text-decoration: none;
}

.main-content #remove-account-verification h3.alert a {
	text-decoration: underline;
}

.main-content #remove-account-verification h3.alert {
	font-size: 13px;
}

.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 table.call-out.ten-transaction {
	margin-bottom: 0;
}

.main-content .call-out.last-ten-transactions {
	height: 240px;
	overflow: auto;
}

.main-content #payeeDetail.payee-detail-make-payment {
	height: 371px;
}

.main-content #payeeDetail .payee-detail {
	height: 310px;
	overflow: auto;
}

.main-content table.call-out th {
	padding-top: 4px;
	border-bottom: none;
}

.main-content table.call-out th h2 {
	color: #ffffff;
}

.main-content table.call-out.colored {
	color: #ffffff;
}

.main-content table.call-out.colored td {
	color: #ffffff;
	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 th p.bold {
	font-size: 1.2em;
	font-weight: bold;
}

.main-content table.call-out.colored td.large {
	font-size: 1.2em;
}

.main-content ul,.main-content ol {
	margin: 0 0 15px 0;
	padding-left: 5px;
}

.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 li li {
	background-image: url(../img/bullet-second-level-li.png);
}

.main-content ul.no-bullets li,.main-content ul li.no-bullet {
	background-image: none;
}

.main-content a {
	text-decoration: underline;
}

.main-content a.right {
	text-align: right;
	display: block;
}

/* Numbered / Alpha Lists */
.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 {
	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.numbered>li,
.pop-up.form-style .agreement-scroller ol.numbered>li,
.main-content ol.alpha>li,
.pop-up.form-style .agreement-scroller ol.alpha>li {
	background-image: none;
	padding: 0;
	margin-bottom: 10px;
}

/* Numbered list inside toggles */
.main-content .toggle ol {
	margin-left: 15px;
}

/* Inline images */
.main-content .image {
	margin-bottom: 10px;
	overflow: auto;
}

.main-content .image img {
	float: left;
	margin-right: 10px;
}

/* Alert titles and messages */
.main-content h3.success,.main-content h3.failed,.main-content h3.alert
	{
	line-height: 18px;
	min-height: 22px;
	padding-top: 4px;
	padding-left: 30px;
}

.main-content h3.success,.main-content h3.failed,.main-content h3.alert,.main-content p.alert
	{
	background-repeat: no-repeat;
}

.main-content h3.success {
	background-image: url(../img/icon-checkmark.png);
}

.main-content h3.failed {
	background-image: url(../img/icon-stop.png);
}

.main-content h3.alert,.main-content p.alert {
	background-image: url(../img/icon-alert.png);
}

.main-content p.alert {
	background-color: #FFEB8F;
	background-position: 10px 5px;
	border: 2px solid #EFD24A;
	padding: 10px 10px 10px 40px;
}

.main-content div.bankruptcy-message {
	background-color: #FFEB8F;
	background-position: 10px 5px;
	border: 2px solid #EFD24A;
	padding: 10px;
	margin-bottom: 20px;
}

.main-content div.bankruptcy-message img{
	float: left;
	padding: 0 10px 10px;
}

/* Adobe Reader Message */
.main-content .adobe-reader {
	overflow: auto;
	margin-top: 10px;
}

.main-content .adobe-reader img {
	background-image: url(../img/adobe-reader.gif);
	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;
}
/* stoppay icon */

.main-content table.branded span.stoppay {
	padding-left: 25px;
	line-height: 16px;
	min-height: 20px;
	display: block;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url(../img/icon-field-error.png);
}

/* Cleared icon */

.main-content table.branded span.cleared {
	padding-left: 25px;
	line-height: 16px;
	min-height: 20px;
	display: block;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url(../img/icon-checkmarksmall.png);
}
/* 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;
	background-image: url(../img/icon-pdf.png);
}

.main-content ul.pdf li {
	list-style-type: none;
}

.fa-info-circle {
	color: #B5902A;
	font-size: 22px;
}

/* Organized Payee Promo */
.main-content .agreement-scroller .organized-payee-promo p{
	margin: 10px;
}

.main-content .agreement-scroller .organized-payee-promo p.italic {
	font-style:italic;
}

/* Agreement Scroller */
.main-content .agreement-scroller {
	background-color: #FFF;
	border: 1px #000 solid;
	height: 400px;
	margin: 10px;
	overflow: auto;
	padding: 10px;
}

.pop-up.form-style .agreement-scroller,.main-content form .agreement-scroller
	{
	margin-bottom: 0;
	margin-top: 0;
}

.pop-up.form-style .agreement-scroller h2,.main-content form .agreement-scroller h2
	{
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

.main-content .agreement-scroller p,.main-content .agreement-scroller p
	{
	margin: 0 0 15px 0;
}

.pop-up.form-style ul.form-style {
	margin-bottom: 0;
}

.pop-up.form-style .agreement-scroller p,.main-content form .agreement-scroller p
	{
	margin-left: 0;
}

.pop-up.form-style .agreement-scroller ul,
.main-content form .agreement-scroller ul {
	margin-bottom: 15px;
}

.main-content form .agreement-scroller ol {
	margin-left: 20px;
}

.pop-up.form-style .agreement-scroller ul ul li,
.main-content form .agreement-scroller ul ul li {
	padding-top: 0;
	margin-left: 10px;
}

.pop-up.form-style .agreement-scroller li,.main-content form .agreement-scroller li
	{
	padding-top: 0;
	padding-bottom: 0;
}

.pop-up.form-style .agreement-scroller li li,
.main-content form .agreement-scroller li li
	{
	background-image: url(../img/bullet-form-static-control-list.png);
	background-position: 0 6px;
	padding-left: 15px;
	margin-left: 15px;
}

.pop-up.form-style .agreement-scroller div.static li,
.main-content form .agreement-scroller div.static li,
.main-content form .agreement-scroller.static li {
	width: auto;
	float: none;
}

.pop-up.form-style .agreement-scroller li .column,
.main-content form .agreement-scroller li .column {
	width: 240px;
}

/* Online Agreement Overide Form */
.online-agreement div.agreement-scroller li,
.online-agreement div.agreement-scroller div.notification {
	float:none !important;
}

/* Agreement Box */
.main-content .agreement-box {
	border: 1px solid #CCC;
	background-color: #EFEFEF;
	padding: 10px 5px 10px 10px;
	margin-bottom: 10px;
	overflow: auto; /* for buttons */
}

.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;
}
/* Bank Address */
.bank-address.inline span:after {
	content:","
}
.bank-address.inline span.last:after {
	content:none;
}
.main-content .bank-address.indent{
	margin-left:15px;
}
.main-content form .bank-address.indent{
	margin-left:0;
}
.main-content .bank-address.block {
	margin-bottom:10px;
}
.main-content .bank-address.block span {
	display:block;
}



/* Main Content EM Font Sizes */
.main-content .accounts td.account ul.links,
.main-content .total-bar,
.main-content .action-bar,.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: 11px;
}
/*

/* 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 .payments-dashboard-right-column .widget{
	float: right;
	clear: right;
}

.main-content h4 {
	font-weight: bold;
}

.main-content ol.fix-vertical-alignment li a{
	vertical-align: middle;
}

.main-content h4 .detail {
	font-weight: normal;
}

.main-content h4 .detail:before {
	content: " - ";
}

.main-content .responsive{
	display: inline-block;
}

.hide {
	display: none;
}
/* End of Main Content General *****/

/* H1, Page Title */
/* H1, Page Title */
/* H1, Page Title */
.main-content h1.page-title {
	border: 1px solid #DDD;
	height: 40px;
	line-height: 40px;
	padding-left: 60px;
	position: relative;
	font-weight: bold;
	background: #E8E8E8; /* Old browsers */
	background: -moz-linear-gradient(top, #e0e0e0 0%, #ffffff 38%, #ffffff 59%, #e0e0e0
		100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0e0e0),
		color-stop(38%, #ffffff), color-stop(59%, #ffffff),
		color-stop(100%, #e0e0e0) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e0e0e0 0%, #ffffff 38%, #ffffff 59%,
		#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e0e0e0 0%, #ffffff 38%, #ffffff 59%, #e0e0e0
		100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e0e0e0 0%, #ffffff 38%, #ffffff 59%, #e0e0e0
		100%); /* IE10+ */
	background: linear-gradient(to bottom, #e0e0e0 0%, #ffffff 38%, #ffffff 59%, #e0e0e0
		100%); /* W3C */
}

.main-content h1.page-title img {
	background-image: url(../img/page-title-img-bg.png);
	background-repeat: no-repeat;
	border-right: 6px solid #FFF;
	height: 40px;
	left: -1px;
	position: absolute;
	padding: 1px;
	top: -1px;
	width: 40px;
}
/* H1, Page Title *****/
/* Notifications */
/* Notifications */
/* Notifications */

/* Basic Notification */
.main-content .notification {
	font-size: 11px;
	line-height: 1.2em;
	margin-bottom: .8em;
}

.main-content .notification:before {
	margin-right:1px;
}

/* .main-content .notification-ref:after {
	margin-left: 2px;
} */

.main-content .notification,.main-content .notification-ref {
	background-repeat: no-repeat;
}

.main-content form .notification {
	margin-bottom: .5em;
}

/* Notification with start and double star */
.main-content .notification-ref.star:after,
.main-content .notification.star:before {
	content: "*";
}
.main-content .notification-ref.star2:after,
.main-content .notification.star2:before {
	content: "**"
}
.main-content .notification ul li{
	background-position:0 3px;
}
.main-content form ul.notification li {
	margin-bottom: 3px;
	border-bottom: none;
}

/* Notification Ref with white star */
.main-content .notification-ref.star.white:before {
	/* background-image: url(../img/notification-asterisk-white.gif); */
	color: #FFF;
}
/* .main-content .notification-ref.star.white {
	background-position: right 3px;
	margin-right: 8px;
} */

/* Notification with cross (dagger) and double dagger */
.main-content .notification-ref.cross:after,.main-content .notification.cross:before
	{
	content: "\2020"
}

.main-content .notification-ref.double-dagger:after,.main-content .notification.double-dagger:before
	{
	content: "\2021"
}

.main-content .notification-ref.double-dagger.disabled {
	background-image: url(../img/notification-double-dagger-gray.gif);
}

.main-content .notification-ref.cross.disabled,.main-content .notification-ref.double-dagger.disabled
	{
	color: #999;
}

.main-content .notification.double-dagger.white {
	background-image: url(../img/notification-double-dagger-white.gif);
}

/* Notification Error text */
.main-content .notification.error {
	color: #CC0000;
}

/* Stacked notifications */
.main-content .remove-online-account .notification {
	padding-bottom: 5px;
}
/* End of Notifications *****/

/* Descriptions */
/* Descriptions */
/* Descriptions */
.main-content .description {
	font-size: 11px;
}

.main-content form .description,.main-content ul.description li,.main-content .widget form ul.description li
	{
	list-style-type: none;
	line-height: 1.2em;
	padding-bottom: 0;
	margin: 0;
}

.main-content table td .description {
	display: block;
}
/* Breadcrumbs */
/* Breadcrumbs */
/* Breadcrumbs */
#breadcrumbs {
	color: #6B6B6B;
	font-size: x-small;
	list-style: none;
	padding: 8px 0;
	width: 400px;
	float: left;
}

ul#breadcrumbs {
	margin-bottom: 0;
}

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

/* End of Breadcrumbs */
/* --------------------------------------------------------------------- */

/* Toggles */
/* Toggles */
/* Toggles */
.main-content .toggle,.main-content .toggle-less,#section1 .toggle,#section1 .toggle-less
	{
	display: none;
}

.main-content .toggle.start-open,#section1 .toggle.start-open {
	display: block;
}

.main-content .toggle-less.start-open,#section1 .toggle-less.start-open
	{
	display: inline;
}

.main-content .toggle-panel {
	margin-bottom: 15px;
}

.main-content .toggle-trigger {
	cursor: pointer;
	font-size: 11px;
	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 {
	border-bottom: none;
	margin-bottom: -1px;
}

.main-content .toggle-panel .toggle {
	padding: 10px;
	overflow: auto;
	border: 1px solid #CCC;
}

.main-content .toggle-panel .toggle-trigger.expand {
	background-color: #EFEFEF;
	border-bottom: 1px solid;
	color: #666;
}

.main-content .toggle-trigger:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.main-content .toggle-panel .toggle-trigger.collapse,.main-content .toggle-panel .toggle-trigger:hover
	{
	background-color: #E6E7E8;
}
/* Toggle trigger icons */
.main-content .toggle-panel .toggle-trigger .icon {
	background-image: url(../img/icon-expand-gray-cover.png);
}

.main-content .toggle-panel .toggle-trigger.collapse .icon,.main-content .toggle-panel .toggle-trigger:hover .icon
	{
	background-image: url(../img/icon-expand-gray2-cover.png);
}

.main-content a.toggle-panel,.main-content .toggle-panel .toggle {
	border: 1px solid #CCC;
	border-top: none;
	border-bottom: none;
}

.main-content .toggle-trigger.collapse:last-of-type,.main-content div.toggle-trigger:nth-last-of-type(2)
	{
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.main-content .toggle:last-child,.main-content div.toggle-trigger:nth-last-of-type(2)
	{
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: 1px solid #ccc;
}

.main-content .toggle-panel .toggle-trigger,.main-content .toggle-panel .toggle-trigger.expand
	{
	border: 1px solid #CCC;
}

/* Toggle triggers for tables */
.main-content table .toggle-trigger {
	margin: 0;
}

/* Fix height calculation for toggles with tables within tables: */
.main-content table.toggle {
	width: 100%;
}

.main-content table .toggle {
	margin: 0 -10px;
	padding: 5px 10px 0;
}

/* End of Toggles *****/

/* Text Promotion */
/* Text Promotion */
/* Text Promotion */
#section2 .text-promo {
	clear: right;
	float: right;
	font-weight: bold;
	margin-right: 10px;
	padding: 5px 0;
	text-align: right;
	width: 300px;
}

/*
#section2 .text-promo a {
	color: #006633;
}
*/


/* End of Text Promotion *****/

/* Tables */
/* Tables */
/* Tables */

.main-content table,
/* For tables within forms inside agreements */
.main-content .static form table,
.main-content .static form table.branded {
	margin-bottom: 10px;
	text-align: left;
	width: 100%;
}

.main-content table.borders-on {
	border: 1px solid #CCC;
	border-collapse: separate;
}

.main-content table.branded,.main-content table.litebranded {
	border: 1px solid #CCC;
	border-collapse: separate;
}

.tab-pane .main-content table.branded {
	border: 0px;
}

.main-content td,.main-content th { /* background-color: #FFF; */
	border-bottom: 1px solid #CCC;
	vertical-align: middle;
}

.main-content td {
	padding: 5px 10px;
}

.main-content th {
	padding: 0 5px;
}
/* .main-content tr:last-child td{
	border-bottom:none;
} */

.main-content tr.clear-styles,
.main-content table.clear-styles th,
.main-content table.clear-styles td {
	background: transparent;
	background-color: transparent;
	border-bottom: none;
	padding: 10px 0 0;
}

/* Table header */
.main-content thead.light td,.main-content thead.light th {
	font-weight: bold;
}

.main-content thead tr.tabs th {
	background-color: #DFDFDF;
	border: 1px solid #CCC;
	-webkit-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
	background-image: none;
}

.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 td.clear-styles,.main-content thead .clear-styles {
	background-color: transparent !important;
	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,.main-content table.litebranded th {
	height: 30px;
	border-right-width: 2px;
	border-style: solid;
	padding: 0 5px;
	text-transform: uppercase;
	vertical-align: middle;
	font-weight: bold;
}

.main-content table.branded th.last,.main-content table.litebranded th.last
	{
	border-right: none;
}

.main-content table.branded tr td,.main-content table.litebranded tr td
	{
	background-color: #f6f6f6;
}

.main-content table.branded tr th a,.main-content table.litebranded tr th a
	{
	color: #f6f6f6;
}

.main-content table.branded tr.even td,.main-content table.litebranded tr.even td
	{
	background-color: #ffffff;
}

.main-content ul.odd-even li.even {
	background-color: #ffffff;
}

.main-content table.odd-even tr.even td {
	background-color: #ffffff;
}

.main-content table.odd-even tr td {
	background-color: #f6f6f6;
}

.main-content table.branded tr th.apply,.main-content table.litebranded 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;
}

/* .main-content thead.brand th {
	border-right: 1px solid #ccc;
	font-size: 13px;
	padding: 10px 5px;
	text-align: center;
	text-transform: uppercase;
} */
.main-content thead.brand th.last {
	border-right-style: none;
}

/* Custom column styles */
/* We can consolidate these later on */

/* Text align left */
.main-content th.date,.main-content td.date {
	text-align: left;
}

.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.edit,.main-content td.edit,.main-content th.remove,.main-content td.remove,.main-content th.amount,.main-content th.ledger-balance,.main-content th.frequency,.main-content td.frequency,.main-content td.time
	{
	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: 16%;
}

.main-content th.payment-breakdown,.main-content td.payment-breakdown,.main-content th.account
	{
	width: 20%;
}

.main-content th.confirmation {
	width: 50%;
}

.main-content th.payee,
.main-content td.payee,
.main-content th.primary,
.main-content td.primary {
	width: 25%;
}

.main-content th.email,
.main-content td.email,
.main-content th.name,
.main-content td.name {
	width: 30%;
}

/* PX Widths */
.main-content td.checkbox,.main-content td.checkbox input {
	width: 15px;
	padding-right: 0;
	margin-right: 0;
}

.main-content th.alerts,.main-content td.alerts {
	text-align: center;
	width: 10px;
}

.main-content th.paperless-statements,.main-content td.paperless-statements,.main-content th.security-profile {
	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 td {
	border-right: 1px solid #CCC;
}

.main-content table.vborders th.last,.main-content table.vborders td.last,.main-content table.branded td.last,.main-content table.litebranded td.last
	{
	border-right: none;
}
/*.main-content table.branded th.last,*/
.main-content table.litebranded th.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 {
	background-color: #DFDFDF;
}

.main-content td.tab-info .date {
	display: block;
}

.main-content td.tab-info.right .account-balance {
	padding: 5px;
}

.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 tr.last td,.main-content li.no-bottom-border,.main-content .billpay-container-content table td.no-bottom-borders
	{
	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 .widget.column table td.label-value {
	width: 120px;
}

.main-content table td.label-value.long {
	width: 300px;
}

/* Alert */
.main-content table td.alert {
	background-image: url(../img/icon-alert.png);
	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;
}

/* End of Tables *****/

/* Buttons ***** */
/* Buttons ***** */
/* Buttons ***** */
#section1 a.btn,#section1 li.btn-login .btn,.main-content a.btn,.main-content button.btn,.main-content span.btn input
	{ /* box-shadow: 0 2px 5px #888; */
	-webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .4);
	box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .4);
	display: inline-block;
}
#section1 a.btn,#section1 span.btn,
.main-content a.btn,
.main-content a.btn:hover,
.main-content .widget a.btn,
.main-content button.btn,
.main-content span.btn input {
	color: #fff;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	inherit: none;
	line-height: 1.2;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	vertical-align: top;
	width: auto;
}

#section1 a.btn,
#section1 span.btn,
.main-content a.btn,
.main-content button.btn,
.main-content span.btn input {
	background-color: #B3B3B3;
	background-repeat: repeat-x;
	background-image: url(../img/bg-button.png);
	border: 1px solid #4D5953;
}

#section1 a.btn span,
#section1 span.btn input,
.main-content a.btn span,
.main-content button.btn span,
.main-content span.btn input {
	padding: 2px 5px;
}

#section1 a.btn,
#section1 span.btn input,
#section1 a:link.btn,
.main-content a.btn,
.main-content a:link.btn,
.main-content button.btn,
.main-content span.btn input {
	text-decoration: none;
}

.main-content a.btn,.main-content button.btn,.main-content span.btn input
	{
	margin-bottom: 10px;
}



/* form buttons */
/* form buttons */
/* form buttons */

/* Used to align buttons on form confirm delete window. JLS, 09/26/2012 */
.pop-up.form-style.confirm .main-content ul.btn {
	float: none;
	margin: auto;
	width: 165px;
	padding-left: 15px;
}

.pop-up.form-style.confirm .main-content h2 {
	margin: 20px 0 -10px 0;
	text-align: center;
}

/* Backup for floating single buttons right.
Currently not being used, but is here in case we find a need to use it on static pages. TR, 3/20/12 */
.main-content a.btn.right,.main-content button.btn.right,.main-content span.btn.right input
	{
	float: right;
	clear: right;
}

#section1 a.btn span,.main-content a.btn span,.main-content button.btn span
	{
	display: block;
}

#section1 a.btn:hover,#section1 span.btn:hover,.main-content a.btn:hover,.main-content span.btn input:hover,.main-content button.btn:hover
	{
	background-image: none;
}

.main-content .btn.disabled,.main-content span.btn.disabled input,.main-content .btn.add.disabled
	{
	background-color: #EFEFEF;
	background-image: none;
	background-position: 0 12px;
	border-color: #AFAFAF;
	color: #999;
	cursor: default;
}

/* Small Buttons */
.main-content a.btn.small,.main-content button.btn.small,.main-content span.btn.small input
	{
	font-weight: normal;
	font-size: 10px;
	padding-bottom: 2px;
}

.main-content button.btn.small,.main-content span.btn.small input {
	height: 22px;
}

.main-content a.btn.small {
	height: 20px;
}

.main-content a.btn.small span,.main-content button.btn.small span,.main-content span.btn.small input
	{
	line-height: 20px;
}

/* Button lists */
.main-content ul.btn,.main-content form ul.btn,.main-content .form-style ul.btn
	{
	float: right;
	margin: 0 0 10px 0;
	padding: 0;
	width: auto;
	overflow: auto;
}

.main-content ul.btn li,.main-content form ul.btn li,.main-content .form-style ul.btn li
	{
	background-image: none !important;
	float: left;
	list-style-type: none;
	padding: 0 10px 6px 0;
	overflow: none;
	width: auto;
}

.main-content form.update-account-name ul.btn li {
	padding-right: 10px;
}

.main-content li a.btn,
.main-content li button.btn,
.main-content li span.btn input {
	margin-bottom: 0;
}

/* Small button lists */
.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;
}

/* Add Another Payment */
.main-content .btn.add span {
	background: url(../img/icon-add-payment-plus.png) 98% center no-repeat;
	padding-right: 20px;
}

/* End of Buttons */
/* --------------------------------------------------------------------- */

/* Pop-ups */
/* Pop-ups */
/* Pop-ups */
body.pop-up {
	min-height: 100%;
	margin-bottom: 0;
}

body.pop-up.card-exit-disclosure ul.btn{
	margin-bottom:0;
}
/* For branch locator iframe */
#top_up iframe {
	background-color: #fff;
	-webkit-box-shadow: 2px 2px 15px 1px rgba(0, 0, 0, .4);
	box-shadow: 2px 2px 15px 1px rgba(0, 0, 0, .4);
}

.pop-up {
	background-color: #fff;
	padding: 10px;
}
/* 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 */
.pop-up .main-content {
	width: 100%;
}

.confirm .main-content h2 {
	padding-bottom: 3em;
}

/* Callout pop-ups */
.callout-window {
	background-color: #EFEFEF;
	border-width: 6px;
	border-style: solid;
	font-size: x-small;
	height: 100%;
	padding: 0px;
}

/* This style HAS to come after callout-window
   do NOT move it above the callout-window styling */
.callout-window-recent {
	height: 317px;
}

.callout-window .main-content {
	background-color: #EFEFEF;
	height: 95%;
	width: 100%;
	float: none;
}

.callout-window-White {
	background-color: #ffffff;
	font-size: 10pt;
	height: 100%;
	padding: 8px;
}

.callout-window-White .main-content {
	height: 95%;
	width: 100%;
	float: none;
}

/* Agreement Popup Buttons */
.pop-up.form-style .main-content li.agreement ul.btn {
	padding-left:10px;
}

/* End of Pop-ups */
/* --------------------------------------------------------------------- */

/* Tooltips */
/* Tooltips */
/* Tooltips */
.tooltip {
	border: 3px 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;
}

/* End of Tooltips */
/* --------------------------------------------------------------------- */

/* App Icons */
/* App Icons */
/* App Icons */
.main-content .icon {
	display: inline;
}

.main-content .icons {
	margin-left: 3px;
	float: left;
}

.main-content .icons a {
	text-decoration: none;
}

.main-content .icons img,.main-content .icon {
	background-image: url(../img/dashboard-icons-white-cover.png);
	background-repeat: no-repeat;
	height: 14px;
	margin-right: -1px;
	width: 14px;
}

.main-content .overdraft-settings .icon,.main-content #emailAddressTable th{
	height: 0;
	padding: 5px;
}

.main-content .overdraft-settings .icon,.main-content #emailAddressTable .icon,
.main-content #analytics-trans-ledger-bal-header .icon {
	background-image: url(../img/dashboard-icons-transparent-cover.png);
	background-repeat: no-repeat;
	height: 14px;
	margin-right: -1px;
	width: 14px;
}

.main-content #balance-tooltip .icon {
	background-image: url(../img/dashboard-icons-gray-cover_v2.png);
	background-repeat: no-repeat;
	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-image: url(../img/dashboard-icons-white-cover.png);
	background-repeat: no-repeat;
}

.main-content .icons img,.main-content .errorIcon,.main-content .icon {
	display: inline-block;
}

.main-content .icons.gray img, /* color all icons in a set */
	.main-content .icon.gray {
	background-color: #353537;
}

.main-content .icon.quickhelp,.main-content .icons.brand img.disabled {
	background-color: #BBB;
}

.main-content .overdraft-settings .icon.quickhelp,.main-content #emailAddressTable .icon.quickhelp {
	background-color: transparent;
}

.main-content .icons .check .main-content .icon.check {
	background-position: 0 0;
}

.main-content .icons .electronic,
.main-content .icon.electronic {
	background-position: -14px 0;
}

.main-content .icons .recurring,.main-content .icon.recurring {
	background-position: -28px 0;
}

.main-content .icons .paper,.main-content .icon.paper {
	background-position: -14px -14px;
}

.main-content .icon.edit,.main-content .icons .edit {
	background-position: -42px 0;
	cursor: pointer;
}

.main-content .icons .hide,.main-content .icon.hide {
	background-position: -56px 0;
	cursor: pointer;
}

.main-content .icon.error {
	width: 16px;
	height: 16px;
}

.main-content .icon.error.right {
	float: right;
	padding-left: 5px;
}
/* .main-content .icon.hide{
	margin-left:3px;
} */
.main-content .icon.checkmark {
	background-position: -56px -14px;
}

.main-content .icon.quickhelp {
	background-position: 0 -14px;
}

.main-content .icon.expand,.main-content .icon.collapse {
	background-image: url(../img/icon-expand-white-cover.png);
	background-repeat: no-repeat;
	margin-right: 5px;
}

/* Show gray around icons on gray background */
.main-content .odd .icon.expand,.main-content .odd .icon.collapse {
	background-image: url(../img/icon-expand-gray-cover.png);
}

.main-content .icon.collapse {
	background-position: -14px 0;
}
/* End of App Icons */
/* --------------------------------------------------------------------- */

/* Tab Panes */
/* Tab Panes */
/* Tab Panes */
.main-content .tab-panes {
	/* Why did we put this rule back in? It was creating extraneous scrollbars. IMS 5-7-12 */
	/* Applied this rule back to allow for padding and margin on the bottom of profile tab-pane. TR 5-7-12 */
	overflow: auto;
	padding-bottom: 10px;
}

.main-content .tab-panes .tabs,.main-content .tab-panes .panes {
	float: left;
	width: 100%;
}

.main-content .tab-panes .tabs { /*border-bottom: 1px solid #CCC;*/
	height: auto;
	margin: 0;
	padding: 0;
}

.main-content .tab-panes .panes .tabs {
	float: none;
}

.main-content .tab-panes .tabs li {
	background-image: none;
	float: left;
	font-weight: bold;
	height: auto;
	list-style-type: none;
	margin: 0 3px 0 0;
	padding: 0 0 1px;
	text-transform: uppercase;
}

.main-content .tab-panes .tabs a {
	background-color: #FFF;
	border: 1px solid #CCC;
	border-bottom: 0;
	display: block;
	/* height:13px; */
	padding: 6px 15px;
	text-decoration: none;
	position: relative;
	top: 1px;
}

.main-content .tab-panes .tabs a:hover {
	background-color: #ffffff;
	border: 1px solid #CCC;
	border-bottom: 0;
}

.main-content .tab-panes .tabs a.current {
	background-color: #006341;
	background-position: 0 -8px;
	background-repeat: repeat-x;
	border-color: transparent;
	color: #fff;
	cursor: default;
}
/* .main-content .tab-panes .pane.nopadding {
	padding:0px;
	border:none;
	border-top-width: 4px;
	border-top-style: solid;
} */
.main-content .tab-panes .pane {
	display: none;
	min-height: 100px;
	padding: 0 10px 0;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-top-width: 4px;
	border-top-style: solid;
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(229, 229, 229, 1) 100% ); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,
		255, 255, 1) ), color-stop(100%, rgba(229, 229, 229, 1) ) );
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(229, 229, 229, 1) 100% ); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(229, 229, 229, 1) 100% ); /* Opera 11.10+ */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%,
		rgba(229, 229, 229, 1) 100% ); /* W3C */
}

.main-content .tab-panes .pane .static-content {
	margin-top:10px;
}
.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;
}

/* End of Tab Panes *****/

/* Total Bar (bar that shows total on widgets) */
/* Total Bar (bar that shows total on widgets) */
/* Total Bar (bar that shows total on widgets) */
.main-content .total-bar .show-all,.main-content .total-bar .total-label,.main-content .total-bar .total
	{
	height: auto;
	display: block;
}

.main-content .total-bar .show-all,.main-content .total-bar .total-label
	{
	float: left;
	width: 40%;
}

.main-content .total-bar .total-label,.main-content .total-bar .total {
	font-weight: bold;
}

.main-content .total-bar .total-label {
	text-transform: uppercase;
}

.main-content li.total-bar .total-label {
	margin-left: 350px;
}

.main-content .total-bar .total {
	float: right;
	margin-right: 0;
	text-align: right;
	width: auto;
	font-size: small;
}
/* End of Total Bar */
/* --------------------------------------------------------------------- */

/* Option Selector */
/* Option Selector */
/* Option Selector */
.main-content .option-selector {
	background: #EFEFEF url(../img/nav-gradient-bg.png) 0 20px repeat-x;
	border: 1px solid #CCC;
	overflow: auto;
	padding: 10px 0;
	/* width: 700px; */
	width: 100%;
}

.main-content .option-selector .icon {
	float: left;
	width: 58px;
	height: 58px;
	margin-left: 10px;
	background-image: url(../img/icon-small-sprite.png);
	background-position: -130px -10px;
}

.main-content .option-selector .content {
	float: left;
	width: 250px;
	margin-left: 5px;
}

.main-content .option-selector li {
	background-image: none;
	list-style-type: none;
	padding-left: 0;
	position: relative;
}

.main-content .option-selector label {
	display: inline-block;
	font-weight: bold;
	padding: 0 10px;
}

.main-content .option-selector label,.main-content .option-selector .label-content
	{
	float: left;
	line-height: 22px;
	/* vertical-align:middle; */
}

.main-content .option-selector .btn {
	float: right;
	margin: 0 10px 0 0;
}

.main-content .option-selector.account-option-selector label {
	padding-right: 0;
	width: 200px;
}

/* Calculator */
.main-content .option-selector.calculator {
	background-image: url(../img/list-gradient-bg.png);
	background-position: 0 bottom;
	background-repeat: repeat-x;
	border: none;
	margin-bottom: 10px;
}

.main-content .option-selector.calculator .label-content {
	display: inline-block;
	float: right;
	margin-right: 10px;
}

.main-content .option-selector.calculator .label-content select {
	clear: right;
	float: right;
}

.main-content .option-selector.calculator .label-content .btn {
	clear: right;
	margin-right: 0;
}

.main-content .option-selector.calculator.hide-calc {
	display: none;
}

/* Product Banner */
/* Product Banner */
/* Product Banner */
.main-content .product-banner {
	border-bottom: 1px solid #DFDFDF;
	margin-bottom: 10px;
	padding-bottom: 15px;
	overflow: auto;
}

.main-content .product-banner p {
	line-height: 1.6em;
}

.main-content .product-banner .content ul.btn {
	margin-bottom: 0;
}
/* Image left */
.main-content .product-banner.image-left img {
	/* display:inline-block; */
	float: left;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/* Half */
.main-content .product-banner.half .content {
	width: 50%;
	float: right;
}

/* Third */
.main-content .product-banner.third .content {
	border-left: 1px solid #DFDFDF;
	float: left;
	margin-left: -1px;
	padding-left: 10px;
	width: 25%;
}

.main-content .product-banner.third img {
	border-right: 1px solid #DFDFDF;
	padding-right: 10px;
}

.main-content .product-banner.tax-info h1{
	font-size: 30px;
}

/* Product Art
.main-content .product-header.tax-info {
	background-image: url(../img/header-tax-info.jpg);
} */

/* End of Product Banner */
/* --------------------------------------------------------------------- */

/* Marketing Banners */
/* Marketing Banners */
/* Marketing Banners */
.main-content .marketing-banner {
	background-color: #EFEFEF;
	background-repeat: no-repeat;
	border: 1px solid #CCC;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
}

.main-content .marketing-banner,.main-content .marketing-banner img {
	-webkit-border-radius: 6px;
	border-radius: 6px;
	height: 86px;
}

.main-content .marketing-banner h2 {
	text-transform: none;
	font-weight: normal;
	font-size: 22px;
}

.main-content .marketing-banner h2 span {
	display: block;
	color: #006341;
}

/* Large Marketing Banner */
.main-content .marketing-banner.large {
	height: 204px;
	padding-top: 20px;
}

.main-content .marketing-banner .content-half-right {
	padding-left: 50%;
	padding-right: 20px;
}
/* Banner Button */
.main-content .marketing-banner a.btn {
	bottom: 5px;
	box-shadow: none;
	margin-bottom: 0;
	position: absolute;
	right: 5px;
}

/* Billpay banner */
.main-content .marketing-banner.billpay-apply,.main-content .marketing-banner.billpay-enroll
	{
	height: 210px;
	background-image: url(../img/marketing-banner-billpay-apply.jpg);
}

/* Billpay banner loader (shows during banner 3 second delay) */
.main-content .loader.billpay-banner {
	padding-left: 40px;
	width: 300px;
	color: #4C5A52;
	line-height: 30px;
	background-position: 0 0;
}

/* Custom Message Banner */
.main-content .marketing-banner.custom {
	background-position: right center;
	background-repeat: no-repeat;
	border-style: solid;
	border-width: 1px;
	padding: 0 160px 0 20px;
	width: 518px;
}

.main-content .marketing-banner.custom h2 {
	font-size: x-large;
	margin: 15px 0 0 0;
	text-transform: capitalize;
}

.main-content .marketing-banner.custom p {
	font-size: medium;
	font-weight: bold;
}

.main-content .marketing-banner.custom img {
	-webkit-border-radius: 0;
	border-radius: 0;
}

.main-content .marketing-banner.custom span {
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	height: 100%;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 130px;
	-webkit-border-radius: 0px 6px 6px 0px;
	border-radius: 0px 6px 6px 0px;
}

/* Custom Bank News Message Banner (special day) */
.main-content .marketing-banner.custom.banknews h2 {
	color: #006F53;
	font-size: xx-large;
	font-weight: bold;
	height: 35px;
	margin-top: 5px;
}

.main-content .marketing-banner.custom.banknews p {
	color: #000000;
	font-size: 15px;
	font-weight: normal;
	margin: 0;
}

.main-content .marketing-banner.custom.banknews span.welcomeBannerForbes {
	width: 100%;
}

.main-content .marketing-banner.custom.banknews .banknews-copyright {
	float: right;
	font-size: .7em;
	margin: -5px;
}

/* Custom Birthay Message banner */
.main-content .marketing-banner.custom.birthday span {
	background-image: url(../img/custom-banner-bg-birthday.png);
	background-position: center 0;
	width: 150px;
}

/* Custom Welcome Banner 1*/
.main-content .marketing-banner.custom.welcome-banner-1 span{
	/*background-image: url(../../default/img/welcome-banner-thanksgiving.jpg);*/
	background-position: center 0;
	width:100%;
}
.main-content .marketing-banner.custom.welcome-banner-1 span h2,
.main-content .marketing-banner.custom.welcome-banner-1 span p{
	color: #ad3b23;
	left: 10px;
	margin: 5px 0 0;
	position: relative;
}
.main-content .marketing-banner.custom.welcome-banner-1 span p{
	color:#FFFFFF;
}
.main-content .marketing-banner.custom.welcome-banner-1 span p{
    font-size: large;
    font-weight: normal;
    letter-spacing: 1px;
}
.main-content .marketing-banner.custom.welcome-banner-1 span h2{
	font-weight: bold;
	padding-top: 10px;
}

/* Custom Welcome Banner 2*/
.main-content .marketing-banner.custom.welcome-banner-2 span{
	width:100%;
}

/* Custom Welcome Banner 3*/
.main-content .marketing-banner.custom.welcome-banner-3 span{
	background-position: center 0;
	width:100%;
}
.main-content .marketing-banner.custom.welcome-banner-3 span h2,
.main-content .marketing-banner.custom.welcome-banner-3 span p{
	color:#F6C371;
	left: 15px;
	position: relative;
}
.main-content .marketing-banner.custom.welcome-banner-3 span p{
	color:#FFFFFF;
}
.main-content .marketing-banner.custom.welcome-banner-3 span p{
	font-size: large;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 5px 0 0;
}
.main-content .marketing-banner.custom.welcome-banner-3 span h2{
	font-size: xx-large;
	font-weight: bold;
	margin: 9px 0 0;
}

/* Banners that toggle (not used much) */
.main-content .toggle-banner .toggle,.main-content .toggle-banner span.toggle-trigger
	{
	border: none;
}

/* End of Marketing Banner */

/* Start header banner */
.main-content .header-banner {
	background-image: url(../img/icon-dashboard-header.png);
	background-repeat: no-repeat;
	float: left;
	height: 42px;
	margin-bottom: 20px;
	width: 42px;
}

.main-content div.page-header-text {
	float: right;
	height: 42px;
	margin-bottom: 20px;
	width: 653px;
	border-radius: 5px;
	-webkit-border-radius: 4px;
	background: #E8E8E8; /* Old browsers */
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%,
		rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.1) 100% );
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0
		, 0, 0.1) ), color-stop(35%, rgba(0, 0, 0, 0) ),
		color-stop(65%, rgba(0, 0, 0, 0) ),
		color-stop(100%, rgba(0, 0, 0, 0.1) ) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%,
		rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.1) 100% );
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%,
		rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.1) 100% );
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%,
		rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.1) 100% );
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%,
		rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.1) 100% );
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#1a000000',
		endColorstr='#1a000000', GradientType=0 ); /* IE6-9 */
}

/* Product Spotlight */
/* Product Spotlight */
/* Product Spotlight */
.main-content ul.product-spotlight {
	list-style-type: none;
	margin-bottom: 15px;
	overflow: auto;
	padding: 0;
	font-size: 12px;
}

.main-content ul.product-spotlight .link {
	display: list-item;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

.main-content ul.product-spotlight li {
	background-image: none;
	float: left;
	padding: 20px 10px 20px 85px;
	position: relative;
	margin-bottom: 0;
	margin-top: -1px;
	overflow: auto;
	width: 240px; /* Padding subtracted from actual width */
}

.main-content ul.product-spotlight li.no-icon {
	padding-left: 20px;
}

.main-content ul.product-spotlight.borders li {
	border-bottom: 1px solid #DFDFDF;
}

.main-content ul.product-spotlight li.odd {
	border-right: 1px solid #DFDFDF;
}

.main-content ul.product-spotlight.borders li.no-border {
	border-bottom: none;
}

.main-content ul.product-spotlight.tall li {
	height: 122px;
}

.main-content ul.product-spotlight a.link {
	text-decoration: underline;
}

.main-content ul.product-spotlight a:hover {
	text-decoration: none;
}
/* Product Spotlight Icons and Logos */
.main-content ul.product-spotlight .icon {
	background-image: url(../img/icon-sprite.png);
	height: 58px;
	left: 17px;
	top: 24px;
	width: 58px;
}

.main-content ul.product-spotlight .logo {
	left: 10px;
	top: 30px;
	width: 70px;
}

.main-content ul.product-spotlight .icon,.main-content ul.product-spotlight .logo
	{
	background-repeat: no-repeat;
	display: block;
	position: absolute;
}

.main-content ul.product-spotlight .view-fico-score .icon {
	background-position: -250px -70px;
}

.main-content ul.product-spotlight .lock-unlock-card .icon {
	background-position: -310px -70px;
}

.main-content ul.product-spotlight .stop-payment .icon {
	background-position: -250px -130px;
}

.main-content ul.product-spotlight .close-account .icon {
	background-position: -250px -130px;
}

.main-content ul.product-spotlight .online-message-center .icon {
	background-position: -490px -130px;
}

.main-content ul.product-spotlight .debit-account .icon {
	background-position: -130px -130px;
}

.main-content ul.product-spotlight .check-recorder .icon {
	background-position: -10px -130px;
}

.main-content ul.product-spotlight .design-your-card .icon {
	background-position: -190px -70px;
}

.main-content ul.product-spotlight .lost-or-stolen-card .icon {
	background-position: -70px -130px;
}

.main-content ul.product-spotlight .view-reward .icon {
	background-position: -310px -130px;
}

.main-content ul.product-spotlight .get-personalized-quote .icon {
	background-position: -10px -70px;
}

.main-content ul.product-spotlight .rate-watch .icon {
	background-position: -130px -70px;
}

.main-content ul.product-spotlight .direct-tv .logo {
	background-image: url(../img/direct-tv-logo-70.png);
	height: 55px;
}

.main-content ul.product-spotlight .my-deals .logo {
	background-image: url(../img/my-deals-logo-70.png);
	height: 25px;
}

/* End of Product Spotlight */
/* --------------------------------------------------------------------- */

/* promo blocks ***** */
/* promo blocks ***** */
/* promo blocks ***** */

/* doing boxes this way allows for colored dividers between them, gradients (background image), dividers shorter than the boxes, or no dividers */
.main-content .boxes { /* background-color:#e6e7e8; */
	/*
		background-color is used to provide colored dividers between the boxes.
	    This was done instead of using border- properties because a background image
	    could be used instead to allow for a gradient or divider that is not as
	    tall as the boxes.
	*/
	margin: 0 auto 30px;
	overflow: auto;
	position: relative;
	width: 700px;
}

.main-content .boxes.group {
	border: 1px solid #CCC;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 10px 0;
}

.main-content .boxes .box {
	background-color: #fff;
	background-repeat: no-repeat;
	border-left: 9px solid #fff;
	/* width + borders + margin = total width (320 per box, 700 total) */
	border-right: 9px solid #fff;
	display: inline;
	float: left;
	min-height: 140px;
	height: auto;
	margin: 0 1px;
	overflow: auto;
	position: relative;
}

.main-content .boxes.layout-100 .box {
	/* layout-100 = one full-width box */
	width: 700px;
}

.main-content .boxes.layout-50-50 .box {
	/* layout-50-50 = two equal-width boxes */
	width: 340px;
}

.main-content .boxes.layout-33-33-33 .box {
	/* layout-1-1-1 = three equal-width boxes */
	width: 220px;
}

.main-content .boxes.layout-66-33 .box.first,
.main-content .boxes.layout-33-66 .box.last
	{ /* layout-2-1 = three equal-width boxes */
	width: 460px;
}

.main-content .boxes.layout-66-33 .box.last,
.main-content .boxes.layout-33-66 .box.first
	{ /* layout-2-1 = three equal-width boxes */
	width: 220px;
}
/* BEGIN border/margin overrides because the boxes aren't the same width */
/* overrides for ALL first boxes */
.main-content .boxes .box.first {
	border-left: none;
	border-right: 10px solid #fff;
	margin-left: 0;
	margin-right: 0;
}
/* overrides for ALL last boxes */
.main-content .boxes .box.last {
	border-left-width: 9px;
	border-right: none;
	margin-left: 1px;
	margin-right: 0;
}
/* overrides for layouts with more than 2 boxes */
.main-content .boxes.layout-33-33-33 .box.last {
	border-left: 10px solid #fff;
	margin-left: 0;
}
/* overrides for 100% layout ONLY */
.main-content .boxes.layout-100 .box.first {
	border: none;
	margin-left: 0;
	margin-right: 0;
}

/* END overrides because the boxes aren't the same width */
.main-content .boxes .box .content {
	/* a content div eliminates worry about what tags are inside.  don't want to put
	padding on div.box and then have to pull the images out with a negative margin */
	font-size: .9em;
	padding-left:10px;
}
.main-content .boxes .box .call-to-action {
	bottom: 0;
	margin: 0; /* override the margin set on the .btn class */
	position: absolute;
	right: 10px;
	bottom: 5px;
}

.main-content .boxes .box a.call-to-action span {
	font-size: .85em !important;
	font-weight: bold;
}
/* box backgrounds */
.main-content .boxes .bg-blank {
	background-image: url(../img/bg-promo-blank.png);
}

.main-content .boxes .bg-promo1 {
	background-color: #9f9;
	background-image: url(../img/bg-gradient-tall-dark-bottom2.png);
	background-repeat: repeat-x;
}

.main-content .boxes .bg-promo2 {
	background-color: #9ff;
	background-image: url(../img/bg-gradient-tall-dark-bottom2.png);
	background-repeat: repeat-x;
}

/* Promo Blocks ***** */
/* -------------------------------------------------------------- */
/* Rewards */
/* Rewards */
/* Rewards */
.main-content .rewards {
	height:67px;
	margin-bottom: 10px;
	overflow: hidden;
	position: relative;
}

.main-content .rewards.tall {
	height:225px;
}
.main-content .rewards #detailSection p {
	padding-top: 40px;
}
.main-content .rewards.branded {
	background-position: 240px 0;
}

.main-content .rewards .brand-logo {
	height: 70px;
}

.main-content .rewards .detail {
	float: right;
	margin-left: 40px;
	position: absolute;
	right: 0;
	top: 15px;
	width: 275px;
}
.main-content .rewards .detail .rewardsBalance {
	float:right;
	width: 300px;
}
.main-content .rewards .detail.orvis {
	right: 60px;
}

.main-content .rewards .detail h2{
	color: #4C5A52;
	font-size: medium;
	font-weight: bold;
}

.main-content .rewards h2 {
	color: #6B6B6B;
	font-size: 1.2em;
	font-weight: normal;
	padding: 0;
}

.main-content .rewards .btn {
	position: absolute;
	right: 20px;
	top: 0;
}

.main-content .rewards .rewards .rewardsBalance {
  float:right;
  width:300px;
}

.main-content .rewards1 #selectedAccount {
	width: auto;
}

.main-content .rewards1 .message {
	margin-top: 75px;
}

.main-content .rewards1 .special-message,
.main-content .rewards1 .generic-rewards-message {
	top: 25px;
}

.main-content .rewards1 .special-message .header,
.main-content .rewards1 .special-message .amount,
.main-content .rewards1 .generic-rewards-message .header,
.main-content .rewards1 .generic-rewards-message .amount  {
	display: inline-block;
}

.main-content .rewards1 .generic-rewards-message .amount {
	float: right;
}

.main-content .rewards1 .generic-rewards-message .header,
.main-content .rewards1 .generic-rewards-message .amount {
	padding: 10px 0;
}

.main-content td.reward-type {
	width: 90px;
}

.main-content th.reward-points-header {
	border: none;
}

.main-content p.rewards-button {
	float: right;
}

.main-content .rewards1 .rewards #view-button {
	top: 15px;
}

#agent-branding-view div.rewards {
	border: solid 1px;
}
/* End of Rewards */
/* --------------------------------------------------------------------- */

/*Contact Us Page*/
/*Contact Us Page*/
/*Contact Us Page*/
.main-content .contact h2 {
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
}

.main-content .contact .phone-list {
	overflow: auto;
}

.main-content .contact .phone-list li {
	background-image: none;
	list-style-type: none;
	overflow: auto;
}

.main-content .contact .phone-list li span.name {
	width: 50%;
}

.main-content .contact .phone-list li span.name:after {
	content: ":"
}

.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 */
/* --------------------------------------------------------------------- */

/* Account List */
/* Account List */
/* Account List */
.main-content ul.account-list {
	background-color: #EFEFEF;
	list-style-type: none;
	margin-bottom: 10px;
	padding: 0;
}

.main-content ul.account-list.border {
	background-color: #EFEFEF;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(229, 229, 229, 1) 100% ); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,
		255, 255, 1) ), color-stop(100%, rgba(229, 229, 229, 1) ) );
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(229, 229, 229, 1) 100% ); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(229, 229, 229, 1) 100% ); /* Opera 11.10+ */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%,
		rgba(229, 229, 229, 1) 100% ); /* W3C */
	border: 1px solid #CCC;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	list-style-type: none;
	margin-bottom: 10px;
	padding: 0;
}

.main-content .account-list li {
	background-image: none;
	border-bottom: 1px solid #CCC;
	margin-bottom: 0;
	padding: 10px;
	width: 680px;
	overflow: auto;
}

.main-content .account-list li div {
	vertical-align: middle;
	line-height: 25px;
}

.main-content .account-list li ul.btn {
	margin-bottom: 0;
}

.main-content .account-list li ul.btn li {
	border-bottom: none;
}

.main-content .account-list .name,.main-content .account-list .number {
	display: inline;
	margin-right: 5px;
}

.main-content .account-list .name {
	font-weight: bold;
}

.main-content .account-list .acctname {
	font-weight: normal;
	margin: 0;
	padding: 0;
	padding-right: 5px;
	float: left;
	clear: left;
}

.main-content .account-list .number {
	font-weight: normal;
}

/* End of Account List */
/* --------------------------------------------------------------------- */

/* Account Alerts */
/* Account Alerts */
/* Account Alerts */
.main-content .account-alerts h2 .account-number {
	text-transform: none;
}

.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;
	background-color: #ffffff;
}

.main-content .account-alerts .alert-list .checkbox li,
.main-content .account-alerts .alert-list.summary li	{
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(229, 229, 229, 1) 100% ); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,
		255, 255, 1) ), color-stop(100%, rgba(229, 229, 229, 1) ) );
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(229, 229, 229, 1) 100% ); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(229, 229, 229, 1) 100% ); /* Opera 11.10+ */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%,
		rgba(229, 229, 229, 1) 100% ); /* W3C */
	border: 1px solid #CCC;
}

.main-content .account-alerts form {
	background: transparent;
	border: none;
}

.main-content .account-alerts  ul.checkbox li {
	border-bottom: none;
	width: 698px;
}

.main-content .account-alerts .alert-list.summary li,.main-content .account-alerts  ul.checkbox li
	{
	margin-bottom: 10px;
}

.main-content .account-alerts .alert-list.summary li {
	padding: 10px;
}

.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 .account-alerts .alert-list li.no-shad,.main-content .account-alerts .alert-list li li
	{
	background-image: none;
}

.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 li.checks-list {
	border: none;
	background: transparent;
	width: 600px
}

.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 .alert-list .column.right select {
	float: right;
	margin-right: 10px;
}

.main-content .alert-list .column {
	width: 500px;
}

.main-content .account-alerts .alert-list .column.right {
	width: 195px;
}

/* End of Account Alerts */
/* --------------------------------------------------------------------- */

/* Manage Overdraft Options */
/* Manage Overdraft Options */
/* Manage Overdraft Options */

#overdraft-protection-account-selection .odp-content-section,
#overdraft-service-selection .odp-content-section{
	padding: 10px;
}

.odp-content-section sup,
.odp-notification sup{
	vertical-align: baseline;
	position: relative;
	top: -0.4em;
	font-size: .6em;
}

#odp-savings-acct-button div{
	width: 180px;
}

/* End of Manage Overdraft Options */
/* --------------------------------------------------------------------- */

/* Manage Overdraft Options Service Settings*/
/* Manage Overdraft Options Service Settings*/
/* Manage Overdraft Options Service Settings*/

#overdraft-service-submit #no-change-heading,
#overdraft-service-submit #standard-overdraft-heading,
#overdraft-service-submit #return-overdraft-heading {
	width: 15%;
}

#overdraft-service-submit #debit-overdraft-heading {
	width: 21%
}

.overdraft-settings-list table button.btn {
	font-size: 10px;
}

.main-content .overdraft-settings form {
	background: transparent;
	border: none;
}

.main-content .overdraft-settings .overdraft-settings-list li.no-shad {
	background-image: none;
	margin-top: 10px;
}

.main-content .overdraft-settings .overdraft-settings-list table.overdraft thead tr th.account {
	width: 35%;
}
/* End of Manage Overdraft Options Service Settings*/
/* --------------------------------------------------------------------- */

/* Overdraft Protection Account Selection*/
/* Overdraft Protection Account Selection*/
/* Overdraft Protection Account Selection*/

#overdraft-protection-account-submit #accounts-col{
	width: 33%;
}

#overdraft-protection-account-submit #no-change-heading{
	width: 11%;
}

#overdraft-protection-account-submit #none-heading{
	width: 12%;
}

#overdraft-protection-account-submit #loc-apply-heading{
	width: 15%;
}

#overdraft-protection-account-submit #savings-link-apply-heading{
	width: 29%;
}

/* End of Overdraft Protection Account Selection*/
/* --------------------------------------------------------------------- */

/* Overdraft Success*/
/* Overdraft Success*/
/* Overdraft Success*/

.overdraft-box {
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	border: solid 1px;
	border-radius: 10px;
	display: block;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 10px;
	moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-top: 10px;
}

.overdraft-success-notification {
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	border: solid 1px;
	border-radius: 10px;
	display: block;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-top: 20px;
	padding: 10px;
	text-align: center;
	width: 520px;
}

.overdraft-success-notification p{
	margin: 0;
}

/* End of Overdraft Success*/
/* --------------------------------------------------------------------- */

/* Progress Bar */
/* Progress Bar */
/* Progress Bar */
.main-content .progressbar {
	position: relative;
	margin-bottom: 10px;
	margin-top: 5px;
}

.main-content .progressbar .cover {
	position: absolute;
	background: url(../img/progressbar-bg2.png) 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;
	border-right: 3px solid #FFF;
}

.main-content .progressbar table td.title,.main-content .progressbar table td.current
	{
	color: #FFF;
	text-shadow: 1px 1px #6B6B6B;
}

.main-content .progressbar table td.remaining {
	color: #222222;
	background-color: #CCC;
	text-shadow: 1px 1px #efefef;
}

.main-content .progressbar table td.done {
	color: #999999;
	background-color: #CCC;
}

.main-content .progressbar table td.title {
	text-align: left;
	color: #FFF;
	width: 100px;
}

.main-content .progressbar table td.current {
	color: #ffffff;
}

.main-content .stacked-table h4 {
	padding-top: 15px;
}

/* End of Progress Bar */
/* --------------------------------------------------------------------- */

/* General Widgets */
/* General Widgets */
/* General Widgets */
.main-content .widget {
	margin-bottom: 35px;
}

/* These styles make widgets look like originally approved styles. Otherwise disable */
/* .main-content .widget a{
	text-decoration:none;
}

.main-content .widget a:hover{
	text-decoration:underline;
} */

/* Widget Loader */
.loader {
	background-image: url(../img/ajax-loader.gif);
	background-position: 50% 0;
	background-repeat: no-repeat;
	margin-top: 20px;
	min-height: 40px;
}

.widget-loader {
	background-color: #000000;
	height: 100%;
	position: relative;
	top: 0px;
	z-index: 1000;
}

.widget-loader,.loader {
	opacity: .3;
	width: 100%;
}

.widget-loader img {
	position: absolute;
	padding: 20px 0;
	margin: auto;
}

/* Action bar */
.main-content .action-bar,
.main-content .widget form ul li.action-bar,
.main-content table tr.action-bar td {
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(229, 229, 229, 1) 100% ); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,
		255, 255, 1) ), color-stop(100%, rgba(229, 229, 229, 1) ) );
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(229, 229, 229, 1) 100% ); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(229, 229, 229, 1) 100% ); /* Opera 11.10+ */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%,
		rgba(229, 229, 229, 1) 100% ); /* W3C */
	padding: 10px 0;
}

.main-content .action-bar.last {
	border-bottom: 1px solid #CCC;
}

.main-content .action-bar .title {
	color: #6b6b6b;
	font-weight: bold;
	float: left;
	font-size: small;
	margin-left: 10px;
}

.main-content .action-bar .links {
	float: right;
	margin: 0 10px 0 0;
	width: auto;
}

.main-content .action-bar .links,.main-content .action-bar span.pdf {
	line-height: 14px;
}

.main-content .action-bar .links li {
	background-image: none;
	border-right: 1px solid #BDBDBD;
	float: left;
	list-style-type: none;
	padding: 0;
	width: auto;
}

.main-content .action-bar .links li.last {
	border-right: none;
}

.main-content .action-bar .links li a {
	display: block;
	padding: 0 5px;
}

.main-content .action-bar .links li.last a {
	padding-right: 0;
}

.main-content .action-bar ul.btn,.main-content .transfer-funds form ul.btn
	{
	clear: right;
	float: right;
	width: auto;
	margin: 0 5px 0 0;
}

.main-content .action-bar span.pdf {
	background-image: none; /*Overrides global PDF span style*/
	min-height: 0px; /*Overrides global PDF span style*/
	padding-left:0px;
}

/* Widget Buttons */
.main-content .widget ul.btn li {
	width: auto;
}

/* End of General Widgets */
/* --------------------------------------------------------------------- */

/* Account Widget */
/* Account Widget */
/* Account Widget */
.main-content .accounts .account ul {
	list-style-type: none;
}

.main-content .accounts .account .name,.main-content .accounts .phone {
	font-weight: bold;
}

.main-content .accounts .account .name a {

}

.main-content .accounts .account .detail {
	padding-left: 5px;
}

.main-content .accounts .account .name,.main-content .accounts .account .detail,.main-content .accounts .account ul.links
	{
	float: left;
}

.main-content .accounts .account ul.links {
	clear: both;
	margin: 5px 0 0;
	padding: 0;
}

.main-content .accounts .account ul.links li {
	background-image: none;
	border-right: 1px solid #CCC;
	display: inline;
	list-style-type: none;
	padding: 0 5px;
}

.main-content .accounts td.account li.first {
	padding-left: 0;
}

.main-content .accounts td.account li.last {
	border: none;
}

/* Edit Accounts Section */
.main-content td.account.editaccount .detail {
	margin-top: 4px;
}

/* Move arrows */
.main-content table.accounts td.move {
	padding: 0;
	height: auto;
	width: 20px;
	border-left: 1px solid #CCC;
	background-color: #FFF;
	background-image: url(../img/dashboard-move-arrows-bg.png);
	background-repeat: repeat-x;
}

.main-content table.accounts td.move .arrows {
	display: block;
}

.main-content table.accounts td.move span.up,.main-content table.accounts td.move span.down
	{
	background: url(../img/dashboard-move-arrows2.png) no-repeat;
	height: 20px;
	width: 20px;
	display: inline-block;
}

.main-content table.accounts td.move span.up {
	top: 3px;
	background-position: 0 0;
	border-bottom: 1px solid #CCC;
}

.main-content table.accounts td.move span.up:hover {
	background-position: 0 -40px;
}

.main-content table.accounts td.move span.up.inactive,.main-content table.accounts td.move span.up.inactive:hover
	{
	background-position: 0 -80px;
}

.main-content table.accounts td.move span.down {
	bottom: 3px;
	background-position: 0 -20px;
	border-top: 1px solid #EFEFEF;
}

.main-content table.accounts td.move span.down:hover {
	background-position: 0 -60px;
}

.main-content table.accounts td.move span.down.inactive,.main-content table.accounts td.move span.down.inactive:hover
	{
	background-position: 0 -100px;
}

.main-content table.accounts.dashboard .total-bar .total {
	margin-right: 20px;
}

.main-content table.accounts.dashboard .total-bar {
	border-bottom: 0;
}

/* End of Accounts Widget */
/* --------------------------------------------------------------------- */

/* Update Profile Widget */
/* Update Profile Widget */
/* Update Profile Widget */
.main-content .update-profile .tab-panes .pane {
	margin-bottom: 0;
	padding: 0;
}

.main-content .update-profile .remove-disabled {
	color: #999;
}

#address-phone-Maintenance table,#address-phone-Maintenance form {
	margin-bottom: 0;
}

#mobile-alt-factor,
#sms-alt-factor,
#voice-alt-factor,
#email-alt-factor,
#question-alt-factor {
	height: 70px;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	padding-left: 30px;
}

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

#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-footer {
	padding: 45px;
}

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

.factor-border {
	border-left: solid 1px #2C445E;
}

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

#reset-factors-form .factor-content-div {
	margin-top: 6px;
	height: 14px;
	color: rgb(0, 0, 0);
	font-size: 13px;
	/*font-family: ArialMT;*/
	letter-spacing: 0.19px;
	white-space:nowrap;
	display:inline-block;
}

.factor-info {
	padding: 8px 14px;
}
#sms-alt-factor-content {
	width: max-content;
}
#reset-factors-form div#sms-alt-factor-content .factor-content-div-status-active {
	display: inline-block;
	margin-top: 6px;
	width: 34px;
	height: 14px;
	color: #6cb043;
	font-size: 13px;
	letter-spacing: 0.19px;
	padding-left: 10px;
}

#reset-factors-form .factor-content-div-status-inactive {
	display: inline-block;
	margin-top: 6px;
	width: 34px;
	height: 14px;
	font-size: 13px;
	letter-spacing: 0.19px;
    color: #696969;
}

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

#reset-factors-form td.mobile-alt-factor-td {
	overflow: visible;
}

#reset-factors-form td.sms-alt-factor-td {
    overflow: visible;
	vertical-align: text-top;
	border-bottom: none;
	max-width: 500px;
	width: 500px;
}

#reset-factors-form td.sms-alt-factor-tr {
	height: 100px;
}

#question-alt-factor-td {
	height: 70px;
	vertical-align: text-top;
	max-width: max-content;
}
/* Update Account List */
.main-content form ul.static-list {
	padding-left: 20px;
}

.main-content form ul.static-list li {
	list-style-type: disc;
	width: auto;
	float: none;
	padding: 2px 0;
}

/* Email Address Pane */
.main-content #emailMaintenance #contactsDiv {
	padding: 10px 0;
}

.main-content #emailMaintenance td.remove .notification-ref.disabled,.main-content #emailMaintenance td.edit .disabled
	{
	color: #999;
}

.main-content #emailMaintenance .even .icons img,.main-content #emailMaintenance .even .icon
	{
	background-image: url(../img/dashboard-icons.png);
}

.main-content #emailMaintenance p,.main-content #emailMaintenance .notification
	{
	margin-left: 10px;
}

.main-content #emailMaintenance .error-message{
	margin: 0 10px;
}

/* End of Update Profile Widget*/
/* --------------------------------------------------------------------- */

/* BillPay (Make Payments) */
/* BillPay (Make Payments) */
/* BillPay (Make Payments) */
.main-content .billpay-container .show-detail,.main-content .billpay-container .icons
	{
	float: left;
	margin-top: 3px;
}

.main-content .billpay-container .total-bar .total {
	padding-right: 10px;
}

/* Payment List */
.main-content .billpay-container li.payment {
	background: url(../img/list-gradient-bg.png) 0 bottom repeat-x;
	border-bottom: none;
}

.main-content .billpay-container .payment .column {
	width: 320px;
}

.main-content .billpay-container .payment .column.right {
	background: url(../img/make-payments-payee-sep.png) 0 50% no-repeat;
	padding-left: 15px;
	width: 360px;
}

/* Remove payment (the "X" button) */
.main-content .billpay-container .remove {
	height: 25px;
	position: absolute;
	line-height: 25px;
	top: 5px;
	right: 10px;
	font-size: 11px;
}

.main-content .billpay-container .remove:hover {
	background-position: 0 -25px;
}

.main-content .billpay-container .remove a {
	display: block;
	padding-left: 25px;
}

/* Remove all payments */
.main-content .billpay-container .remove-all,.main-content .billpay-container .billpay-agreement
	{
	margin: 5px 0 0 10px;
	float: left;
}

.main-content .billpay-container .remove-all a {
	color: #C00; /* Same as error borders for consistancy */
}

.main-content .billpay-container .update-trigger {
	background: url(../img/icon-update-total-arrow.png) no-repeat;
	margin-right: 2px;
	font-size: 11px;
	display: inline-block;
}

.main-content .billpay-container .update-trigger a {
	padding-left: 20px;
}

/* Add account (Billpay External Funding) */
.main-content .billpay-container .payment .billpay-external-funding {
	font-size: .846em;
}

/* End of BillPay (Make Payments) */
/* --------------------------------------------------------------------- */

/* Manage Payees */
/* Manage Payees */
/* Manage Payees */
.main-content #payees .date {
	font-size: x-small;
}

.main-content table.manage-payees td.account-number,
.main-content table.manage-payees td.account-number div {
	width: 110px;
}

.main-content table.manage-payees td.recurring-payment,
.main-content table.manage-payees td.recurring-payment div {
	/*width: 110x;*/
}

.main-content table.manage-payees td.recurring-payment span {
	font-size: .8em
}

/* End of Manage Payees */
/* --------------------------------------------------------------------- */

/* Transfer Funds */
/* Transfer Funds */
/* Transfer Funds */
.main-content .transfer-funds td.label-value {
	font-weight: bold;
	width: 100px;
}

/* End of Transfer Funds */
/* --------------------------------------------------------------------- */

/* Scheduled Payments and Transfers */
/* Scheduled Payments and Transfers */
/* Scheduled Payments and Transfers */

.main-content .sched-pay-and-trans th {
	padding: 5px 10px;
	border-right:1px solid #CCC;
}
.main-content .sched-pay-and-trans th.last {
	border-right:none;
}
.main-content .sched-pay-and-trans th.date {
	text-align:center;
}
.main-content .sched-pay-and-trans td {
	font-size: 11px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.main-content .sched-pay-and-trans th.payee,
.main-content .sched-pay-and-trans td.payee {
	width:auto;
}
.main-content .sched-pay-and-trans #scheduledStartPane .date {
	width: 41%;
}
.main-content .sched-pay-and-trans #recent-paymentsPane .date {
	width: 35%;
}
.main-content .sched-pay-and-trans td.date {
	padding-right: 0;
}
.main-content .sched-pay-and-trans .date ul.btn {
	float: left;
	margin: 2px 0 0 0;
}
.main-content .sched-pay-and-trans .date ul.btn {
	float: left;
	margin: 2px 0 0 0;
}
.main-content .sched-pay-and-trans .merchant {
	text-align: left;
	padding-right: 0;
	/* width: 30%; */
}
.main-content .sched-pay-and-trans .merchant .name {
	font-weight: bold;
	display: block;
}
.main-content .sched-pay-and-trans .merch-name,
.main-content .sched-pay-and-trans td.balance span {
	display: block;
}
.main-content .sched-pay-and-trans .icons {
	margin-top: 3px;
	float: none;
}
.main-content .sched-pay-and-trans tbody td.amount .icons {
	text-align: center;
}
.main-content .sched-pay-and-trans td .total-label,
.main-content .sched-pay-and-trans td .show-all {
	width: 40%;
	margin-left: 10px;
}
.main-content .sched-pay-and-trans td .total-label {
	margin-bottom: 5px;
}
.main-content .sched-pay-and-trans td .total {
	margin-right: 0;
}
.main-content .sched-pay-and-trans .alert {
	margin-top: 5px;
}

/* Pay and Trans - No Tabs */
.main-content .sched-pay-and-trans .no-tabs table thead th.first {
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
}
.main-content .sched-pay-and-trans .no-tabs table thead th.last {
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
}
.main-content .sched-pay-and-trans .no-tabs table td.first {
	border-left:1px solid #CCC;
}
.main-content .sched-pay-and-trans .no-tabs table td.last {
	border-right:1px solid #CCC;
}
.main-content .sched-pay-and-trans .no-tabs table tr.action-bar td.last {
	padding-right:10px;
}

/* Pay and Trans - With Tabs */
.main-content .sched-pay-and-trans .pane table{
	border: none;
	border-radius: 0;
	margin: 0 -10px;
	width: auto;
}
.main-content .sched-pay-and-trans table th {
	font-weight: bold;
	padding:7px;
}
.main-content .sched-pay-and-trans .pane table tr.action-bar td{
	border-bottom: none;
}
.main-content .sched-pay-and-trans .pane table tr.action-bar td{
	padding-left: 10px;
	padding-right:10px;
}

/* End of Scheduled Payments and Transfers */
/* --------------------------------------------------------------------- */



/* Balance Transfers */
/* Balance Transfers */
/* Balance Transfers */
.main-content .bt-success ol.numbered>li,.main-content .bt-pending ol.numbered>li{
	list-style-type: decimal;
}

.main-content .confirmation-number {
	margin:10px;
}

.main-content #expected-arrival-date-data {
	padding-left:160px;
}

#btAcctNumToPayCol2 {
	display: inline;
	position:absolute;
	width: 450px;
}

#btAcctNumToPayCol2 span {
	display: inline;
}

#btAcctNumToPayCol2 span#btChngDetails{
	float: right;
}

.main-content #details-address-submit .details-change {
	padding-left: 150px;
}

.main-content .bt-additional-trans .btn.add span {
	background: none;
	padding: 2px 5px;
}

.main-content form .agreement-scroller.balance-transfer-terms{
	border: 1px solid #CCC;
	height: auto;
}

#availBalTran {
		padding: 30px 0 0 210px;
}

table.detailSection {
	border: 1px solid #CCC;
	border-collapse: separate;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.detailSection td {
	border: none;
}

.detailSection tr.offerRow{
	height: 70px;
}

.detailSection tr.offerRow a.btn{
	float: right;
	width: 70px;
}

.detailSection td.offerCol span,
.detailSection td.goto {
	font-size: large;
	font-weight: bold;
}

.detailSection td.offerCol,
.detailSection td.goto,
.detailSection td.fee {
	margin: 0;
	padding: 0;
}

.detailSection td.fee {
	width: 300px;
}

.detailSection td.offerCol div,
.detailSection td.goto div
{
    border-right: 2px solid #063;
    vertical-align: middle;
    padding: 0 10px;
}

.detailSection td span.rateDisp,
.detailSection td span.rateType
{
	display: block;

}

.detailSection td span.rateType
{
	font-size: 12px;
}

.offerFee {
	display: block;
	text-align: left;
	padding: 0 20px;
}

.detailSection td.notification div.disclosureBullet {
	background-position: 0 3px;
    background-repeat: no-repeat;
    float: left;
    height: 12px;
    width: 11px;
}

.detailSection td.notification div.offerDisclosure {
	padding-left:11px;
}

.detailSection tr.last .offerDisclosure {
	padding-bottom: 20px;
}

/*Overriding the default form width*/
.main-content form li li.disclosure {
	width: auto;
}

#step2 {
	padding-top: 30px;
}

#balanceTransferStatus {
	font-size: 11px;
}

#balanceTransferStatus #btStatus{
	width: 125px;
}

#btOffersPane div {
	padding: 10px;
}
/* End of Balance Transfers */
/* --------------------------------------------------------------------- */

/* Design Youre Card */
/* Design Youre Card */
/* Design Youre Card */

body#design-your-card .main-content #agreementScrollArea {
	height: auto;
}

/* End of Design Youre Card */
/* --------------------------------------------------------------------- */

/* Transfer Credit Card Balance */
/* Transfer Credit Card Balance */
/* Transfer Credit Card Balance */
.main-content #account-selected li .label-content #selectedAccount {
	width: 400px;
}

/* End of Transfer Credit Card Balance */
/* --------------------------------------------------------------------- */

/* Account Alerts Enrollment */
/* Account Alerts Enrollment */
/* Account Alerts Enrollment */
.main-content #alerts-agreement .checkbox input#userAcceptsAgreement {
	width: 13px;
	min-height: 0px;
}

.alerts-success .main-content .notification a {
	white-space: nowrap;
}
/* Account Alerts Enrollment *****/

/* Account Detail */
/* Account Detail */
/* Account Detail */
.main-content span.toggle-trigger,.main-content table td div.toggle,.main-content table td div.toggle:last-child
	{
	border: 0;
}

.main-content table.account-detail td {
	vertical-align: top;
}

.main-content #account-preferences-trigger {
	display: block;
}

.main-content #manageSettingsDiv table {
	margin-bottom: 0;
}

/* Account Transaction Search */
.transaction-search label {
	width: auto;
}

.transaction-search label.currency:after {
	content: " $";
}

.transaction-search .transaction-list {
	border-top: 1px solid #CCC;
	height: 246px;
	margin-right: -1px;
	overflow: scroll;
	overflow-x: hidden;
	width: 100%;
}

.transaction-search .transaction-list table {
	width: 705px; /* hide right border in scroll window */
}

.transaction-search .transaction-list td.last {
	padding-right: 30px; /* put space between text and scrollbar */
}

.transaction-search .transaction-list .date {
	padding-left: 10px; /* so its not so close to edge of pop-up */
}

@media print {
	.transaction-search .transaction-list {
		height: 100%;
	}
}
/*
I removed this rule from the search page, because it was causing some scrollbars.
It didnt really seem like it was needed, but lets touch base if it is. TR, 6-12-12
.transaction-search .specificSearchFields li {
	margin: 0px 0px 0px 10px;
	float: left;
	clear: none;
} */

/* Account Lists */
.main-content .deposit-account-list {
	padding-top: 10px;
}

.main-content .deposit-account-list .initiallyHidden {
	display: none;
}

.main-content .deposit-account-list .expandCollapseTrigger {
	font-size: smaller;
	text-align: center;
	cursor: pointer;
	padding-bottom: 15px;
}

.main-content .lending-account-list {
	padding-top: 10px;
}

.main-content .lending-account-list .initiallyHidden {
	display: none;
}

.main-content .lending-account-list .expandCollapseTrigger {
	font-size: smaller;
	text-align: center;
	cursor: pointer;
	padding-bottom: 15px;
}

.main-content .credit-account-list {
	padding-top: 10px;
}

.main-content .credit-account-list .initiallyHidden {
	display: none;
}

.main-content .credit-account-list .expandCollapseTrigger {
	font-size: smaller;
	text-align: center;
	cursor: pointer;
	padding-bottom: 15px;
}
/* Account Check Image */
.main-content .checkImageSection {
	padding-left: 0;
}

.checkImageContainer .zoomIcon {
	width: 33px;
	height: 33px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../img/zoom/icon.png);
}

.checkImageContainer img {
	margin: 0;
	width: 500px;
}

.checkImageContainer img:hover {
	cursor: grab;
}

.checkImageContainer img:active {
	cursor: grabbing;
}

.main-content .checkImageContainer {
	border: 2px inset #bbb;
	height: 220px;
	margin: auto;
	width: 500px;
}

.checkImageContainer.back {
	display: none;
}

.form-style .main-content .checkImageControls {
	height: 40px;
	padding-right: 5px;
}

.main-content .checkImageLoading {
	margin-top: 70px;
	text-align: center;
}

/* --------------------------------------------------------------------- */
/* CheckImage */
/* CheckImage */
/* CheckImage */
.main-content .instrumentImageSection {
	padding-left: 0;
}
.instrumentImageContainer .zoomIcon {
	width: 33px;
	height: 33px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../img/zoom/icon.png);
}
.instrumentImageContainer img {
	margin: 0;
	width: 500px;
}
.instrumentImageContainer img:hover {
	cursor: grab;
}
.instrumentImageContainer img:active {
	cursor: grabbing;
}
.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;
}

.main-content .instrumentImageSection .btn.last {
	height: 24px;
}
/* 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;
}

/* Account Data (module with Pie Chart) */
.main-content .account-data {
	background: url(../img/pie-chart-shad-bg.png) 0 85px no-repeat;
	font-size: 11px;
	overflow: auto;
	padding-bottom: 15px;
}

.main-content .account-data .pie-chart {
	float: left;
}

.main-content .account-data ul {
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 200px;
}

.main-content .account-data li {
	background-image: none;
	line-height: 1.5em;
	padding-left: 0;
}

.main-content .account-data .pie-chart img {
	height: 115px;
	margin-bottom: 5px;
	width: 115px;
}

.main-content .account-data ul .slice {
	display: inline-block;
	height: 10px;
	margin: 3px 4px 0 0;
	width: 10px;
}

.main-content .deposit-agreement-link {
	float:right;
	font-weight:bold;
	margin-bottom:10px;
}

.main-content .pending-transaction-text {
	float:right;
	font-size: 11px;
	line-height: 1.2em;
	margin-bottom: .8em;
}

#account-detail-balance {
	vertical-align: baseline;
}

/* End of Account Detail *****/

/* Transaction List */
/* Transaction List */
/* Transaction List */
.main-content .trans-filter {
	float: right;
}

.main-content .transaction-list {
	font-size: 11px;
	text-transform: uppercase;
}

.main-content .transaction-list td {
	vertical-align: top;
	border-right: 1px solid #CCC;
}

.main-content .transaction-list th a,.main-content .transaction-list th a:hover
	{
	text-decoration: none;
}

.main-content .transaction-list tr.even td {
	background-color: #f6f6f6;
}

.main-content .transaction-list th.last,.main-content .transaction-list td.last
	{
	border-right: none;
}

/* Transaction Toggle Trigger Cell */
.main-content .transaction-list th.trigger-col,.main-content .transaction-list td.trigger-col
	{
	padding-right: 0;
	padding-left: 0;
	text-align: center;
	width: 25px;
}

.main-content .transaction-list td.trigger-col .toggle-trigger {
	margin-left: 5px;
}

/* Transaction column settings */
.main-content .transaction-list th.date {
	width: 9%;
}

.main-content .transaction-list .post-date {
	width: 14%;
}

.main-content .transaction-list th.description {
	width: 240px;
}

.main-content .transaction-list .category {
	text-transform: none;
	width: 23%;
}

.main-content .transaction-list th.amount {
	text-align: center;
	width: auto;
}

/* Transaction Ascending, Descending */
.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 .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);
}

/* Transaction Description Toggles */
.main-content .transaction-list .toggle,.main-content .transaction-list .toggle-trigger,.main-content .transaction-list .toggle-trigger:last-child
	{
	border-bottom: none;
}

.main-content .transaction-list .toggle-trigger,.main-content .transaction-list .toggle
	{
	margin: 0;
	padding: 0;
}

/* Transaction Description Detail */
.main-content .transaction-list ul.detail {
	margin: 5px 0 0 0;
	padding-right: 0;
	text-transform: none;
}

.main-content .transaction-list ul.detail li {
	font-weight: bold;
	list-style-type: none;
	margin-bottom: 5px;
}

.main-content .transaction-list ul.detail li span {
	font-weight: normal;
	display: block;
}

/* Account Preferences */
.main-content .account-preferences form li.preference-order {
	padding: 0;
}

.main-content .account-preferences.toggle form {
	width: 698px;
	margin-bottom: 10px;
}

.main-content .widget .account-preferences form label {
	font-weight: normal;
	margin: 0;
	padding: 5px 0;
	float: none;
	display: inline-block;
	width: 98%;
}

.main-content .account-preferences input.radio {
	display: block;
	margin: auto;
}

.main-content .account-preferences td:hover {
	background-color: #e3e3e3;
}

.main-content .account-preferences td {
	padding: 0;
	width: 25%;
}

.main-content .transaction-list .color-block {
	display: inline-block;
	height: 10px;
	margin: 2px 2px 0 0;
	width: 10px;
}
/* End of Transaction List */
/* --------------------------------------------------------------------- */
/* Start of Enrollment*/
/* Start of Enrollment*/
/* Start of Enrollment*/
.main-content .enroll h2 {
	padding: 0 10px 5px 10px;
}

.main-content .enroll li.account {
	padding: 0 0px 0 20px;
	border-bottom: none;
}

/* End of Enrollment */
/* --------------------------------------------------------------------- */

/* Start Hide Market Banners*/
/* Start Hide Market Banners*/
/* Start Hide Market Banners*/
.main-content .toggle-trigger.banner-right {
	display: block;
	margin-top: 10px;
	text-align: right;
}

/* End Hide Market Banners *****/

/* View Account Numbers Interstitial page*/
/* View Account Numbers Interstitial page*/
/* View Account Numbers Interstitial page*/
.main-content .view-account-numbers .bold {
	font-weight: bold;
}

/* End View Account Numbers Interstitial page *****/

.main-content p.disclosure {
	padding: 0 10px;
}

.main-content .pointer {
	cursor: pointer;
}

.pop-up .agreement-scroller p.indent {
	margin-left: 10px;
}

.main-content .indent {
	margin-left: 10px;
	margin-top: 5px;
}

.space {
	padding-left:5px;
}

/*panes*/
.pane-content.confirm {
	margin: 10px;
}

/* Print */
/* visible print styles defined in print.css. Styles below are to turn them off */
.print-only {
	display: none;
}

/* Security Statement */
/* Security Statement */
/* Security Statement */
.main-content ul.form-style #security-statement-credit-report-links {
	float: none;
}

/* Security Statement */

.main-content .section-to-edit {
	background-color: white;
}
.main-content form .section-to-edit .label-title {
	width: 198px;
}
.main-content form .section-to-edit .label-title.above {
	width: 95%;
}

/* Video Carousel Showcase*/
/* Video Carousel Showcase*/
/* Video Carousel Showcase*/

/* Container when content is shown in slider */
.video-showcase .showcase {
	margin:0;
	padding:0;
	border:0;
	position: relative;
	margin: auto;
}
/* Thumbnails */
.video-showcase .showcase-thumbnail-container /* Used for backgrounds, no other styling!!! */ {
	background-color: #efefef;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}
.video-showcase  .showcase-thumbnail-wrapper {
	overflow: hidden;
}
.video-showcase  .showcase-thumbnail {
	width: 150px;
	height: 112px;
	cursor: pointer;
	border: solid 1px #333;
	position: relative;
}
.video-showcase .showcase-thumbnail-caption {
	position: absolute;
	bottom: 0px;
	padding-left: 0px;
	padding-bottom: 2px;
	padding-top: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #006633;
	z-index:1000;
	text-transform: uppercase;
	text-align:center;
	background-color: #efefef;
	width: 100%;
	left: 0px;
}
.video-showcase .showcase-thumbnail-content {
	text-align: center;
	padding-top: 45px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.video-showcase .showcase-thumbnail-cover {
	background-image: url(/common/shared_tip/images/video-showcase/black-opacity-10.png);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.video-showcase .showcase-thumbnail:hover {
	border: solid 1px #999;
}
.video-showcase .showcase-thumbnail:hover .showcase-thumbnail-cover {
	display: none;
}
.video-showcase .showcase-thumbnail.active {
	border: solid 1px #999;
}
.video-showcase .showcase-thumbnail.active .showcase-thumbnail-cover {
	/* display: none; */
}
.video-showcase .showcase-thumbnail-wrapper-horizontal {
	padding: 14px 10px 10px 10px;
}
.video-showcase .showcase-thumbnail-wrapper-horizontal .showcase-thumbnail {
	margin-right: 10px;
	width: 145px;
}
.video-showcase .showcase-thumbnail-wrapper-vertical {
	padding: 10px;
}
.video-showcase .showcase-thumbnail-wrapper-vertical .showcase-thumbnail {
	margin-bottom: 10px;
}
.video-showcase .showcase-thumbnail-button-backward,  .video-showcase .showcase-thumbnail-button-forward {
	padding: 7px;
	cursor: pointer;
}
.video-showcase .showcase-thumbnail-button-backward {
	padding-bottom: 0px;
	padding-right: 0px;
}
.video-showcase .showcase-thumbnail-button-backward .showcase-thumbnail-vertical, .video-showcase .showcase-thumbnail-button-forward .showcase-thumbnail-vertical, .video-showcase .showcase-thumbnail-button-forward .showcase-thumbnail-horizontal, .video-showcase .showcase-thumbnail-button-backward .showcase-thumbnail-horizontal {
	background-image: url(/common/shared_tip/images/video-showcase/arrows-small.png);
	background-repeat: no-repeat;
	display: block;
	width: 17px;
	height: 17px;
}
.video-showcase .showcase-thumbnail-button-backward .showcase-thumbnail-vertical {
	background-position: 0 -51px;
	margin-left: 55px;
}
.video-showcase .showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical {
	background-position: -17px -51px;
}
.video-showcase .showcase-thumbnail-button-forward .showcase-thumbnail-vertical {
	background-position: 0 -34px;
	margin-left: 55px;
}
.video-showcase .showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical {
	background-position: -17px -34px;
}
.video-showcase .showcase-thumbnail-button-backward .showcase-thumbnail-horizontal {
	background-position: 0 -17px;
	margin-top: 55px;
	margin-bottom: 55px;
}
.video-showcase .showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal {
	background-position: -17px -17px;
}
.video-showcase .showcase-thumbnail-button-forward .showcase-thumbnail-horizontal {
	background-position: 0 0;
	margin-top: 55px;
	margin-bottom: 55px;
}
.video-showcase .showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal {
	background-position: -17px 0;
}
/* Hide button text */
.video-showcase .showcase-thumbnail-button-forward span span,  .showcase-thumbnail-button-backward span span {
	display: none;
}
/* Clear (used for horizontal thumbnails)
-------------------------------------------*/

.video-showcase .clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	float: none;
}
/* End Video Carousel Showcase*/

/* FICO */
.main-content #ficoKnowledgeCenter {
	margin-top: 10px;
}

/* Rates & Products Dashboard */
/* Rates & Products Dashboard */
/* Rates & Products Dashboard */

.rates-promo {
	position: relative;
}

.savings-apy {
    color: #02578d;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 135px;
	font-weight: 600;
   	left: 21px;
	position: absolute;
    top: 24px;
}

body.ratesProductsContainer #section2 {
	overflow: unset;
}

body.ratesProductsContainer .rates-container {
	text-align: center;
	width: 100%;
}

body.ratesProductsContainer .rates-container .block div {
	display: inline-block;
}

body.ratesProductsContainer .rates-container .block .content-block {
	padding: 5px;
}

body.ratesProductsContainer .rates-container a img {
	width: 24em;
}

/* End Rates & Products Dashboard */

/* Annual Spend Tracker */
.annual-spend-tracker .column tr td {
	border-bottom: none;
}

.annual-spend-tracker .container {
	margin:	20px auto;
	width: 300px;
	text-align:	center;
}

.annual-spend-tracker .container .progress {
	margin: 0 auto;
	width: 200px;
}

.annual-spend-tracker .progress {
	padding: 4px;
	background: rgba(0, 0, 0, 0.25);
	border-radius: 6px;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
}

.annual-spend-tracker .progress-bar {
	height: 16px;
	border-radius: 4px;
	/*background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
	transition: 0.4s linear;
	transition-property: width, background-color;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1);*/
	background-color: #E1351D;
}

.annual-spend-tracker .radio {
	display: none;
}

.annual-spend-tracker .label-value {
	display: inline-block;
	margin: 0 5px 5px;
	padding: 0px 8px;
	color: #aaa;
	text-shadow: 0 1px black;
	border-radius: 3px;
	cursor: pointer;
}
.annual-spend-tracker .label-value.min {
	padding-right:140px;
}
/* End Annual Spend Tracker */

/* Rewards */
#analytics-account-detail-col1-row1 table tr td span {
	vertical-align:baseline;
}

.reward-box {
	background-color: #E6E7E8;
	border: 1px solid #CCC;
}

.reward-text {
	font-weight: bold;
	font-size: medium;
}

.main-content .funding-bar{
    background-color: #add8e66b;
    height: 35px;
    background-position: 98% center;
    border: none;
    color: #006341;
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    margin-bottom: 13px;
    font-size: 13px;
}

.main-content .funding-bar .funding-image{
	float: left;
	padding: 2px 10px 2px 5px;
}

.main-content .funding-bar .funding-text{
    height: 35px;
    line-height: 35px;
}

.main-content .funding-bar .funding-text span{
	font-weight: bold;
}

.funding-account-info td {
	border: none;
}

#external-funding-accounts li {
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
	clear: both;
	width: 575px;
	margin: 0px 5px 10px 0px;
	padding: 20px 10px 20px 10px;
}

.sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.external-transfer-confirm-text {
	 padding-left: 17px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* BDC Widget*/
#paymaker-image-container div {
	padding: 10px;
}
#paymaker-widget a {
	text-decoration: none;
}
#paymaker-widget #explore-paymaker-link {
	text-decoration: underline;
}
#paymaker-widget .paymaker-left-image-container {
	display: inline-block;
	padding: 20px 50px 10px 50px;
}
#paymaker-widget .paymaker-left-image-container img {
	width: 180px;
}
#paymaker-widget .paymaker-button-container {
	height: 53px;
	text-align: center;
}
#paymaker-widget .paymaker-button-container a {
	display: inline-block;
	color: white;
	padding: 10px 0;
}
#paymaker-widget .paymaker-button-container div {
	display: inline-block;
	font-size: 9px;
	font-weight: bold;
	width: 98px;
	margin: 5px;
	border: 0;
	text-align: center;
	text-transform: uppercase;
}
#paymaker-widget .paymaker-button-container.enrolled div {
	width: 140px;
}
#paymaker-widget .paymaker-button-container.enrolled {
	display: inline-block;
	padding-top: 25px;
}
#paymaker-widget #paymaker-image-container #paymaker-logo,
#paymaker-widget #paymaker-image-container .paymaker-cards {
	display: table-cell;
}
#paymaker-widget #paymaker-image-container #paymaker-logo {
	vertical-align: middle;
}
#paymaker-widget #paymaker-image-container #paymaker-logo img {
	width: 188px;
}
#paymaker-widget #paymaker-image-container .paymaker-cards img {
	float: left;
	width: 100px;
}
#paymaker-widget #paymaker-logo {
/*	display: table-cell;
    vertical-align: middle;*/
}
#explore-paymaker-button {
	background-color: #ff6600;
    border: 1px solid #ff6600;
    width: 142px;
}
#paymaker-enroll-button {
    background-color: #00b1a9;
    border: 1px solid #00b1a9;
    width: 142px;
}
#explore-paymaker-button,
#paymaker-enroll-button {
	border-radius: 4px;
    box-shadow: -2px 3px 5px 0px #75787B;
    margin: 5px;
    padding: 1px 25px;
    text-align: center;
}
#explore-paymaker-button a,
#paymaker-enroll-button a {
	color: #FFFFFF;
    font-size: 1em;
    text-decoration: none;
}
.tabs a#paymaker #paymaker-new {
	font-style: italic;
    color: red;
}
#paymaker-widget #explore-paymaker-link {
	text-align: center;
	text-transform: uppercase;
	padding: 10px;
	font-size: 11px;
	font-weight: bold;
}
#paymaker-widget #launch-paymaker-button {
	background-color: #ff6600;
}
#paymaker-widget #paymaker-settings-button {
	background-color: #00b1a9;
}
#paymaker-widget #paymaker-settings-button,
#paymaker-widget #launch-paymaker-button {
    border-radius: 4px;
    box-shadow: -2px 3px 5px 0px #75787B;
}
/* End BDC Widget */

/* 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 {
	width: 100%;
	margin: 0;
	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;
    margin-bottom: 15px;
}

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

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

.main-content.mobile-responsive .launchBillDotCom #launchBillDotCom {
	color: white;
}
/* 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 #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: 97%;
}

.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 .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 .dynamicPaymentOptionsRow td label {
	float: left;
	width: 100%
}

.main-content.mobile-responsive .bdcMaintenancePhoneNumber label {
	display: block;
}

/* END BDC Maintenance */

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

.bdc-paymaker-logo {
	max-height: 46px;
    padding-bottom: 15px;
   	margin: 0 auto;
}
/* End BDC Confirm */

/* BDC Explore */

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

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

.bdc-small-logo span {
    line-height: 2em;
}

.bdc-small-logo-text {
	line-height: 2em;
}

.bdc-enroll-paymaker-logo{
	max-height: 70px;
    padding: 10px 170px;
}

.bdc-explore-form {
	color:   #353537;
	overflow: hidden;
}

.bdc-flex-container {
	display: flex;
	justify-content: space-between;
	padding: 10px;
}

.bdc-flex-container .bdc-main-div {
	line-height: 20px;
	text-align: center;
}

.bdc-flex-container .bdc-explore-table {
	width: 320px;
}

.bdc-product-detail-container {
	border: 1px solid #75787B;
	box-shadow: -2px 3px 5px 0px #75787B;
}

.bdc-product-detail-container.advanced {
	background-color: #f0f0f0;
}

div.bdc-list-items ul.bdc-list-check {
	font-size: 13px;
    padding-left: 36px;
}

div.bdc-list-items ul.bdc-list-check li {
	margin-left: 15px;
}

.bdc-button-div {
	margin: 10px auto;
    width: 127px;
}

.bdc-heading {
	color: #00b1a9;
	font-size: 32px;
	font-weight: bold;
	padding: 15px;
	text-align: center;
}

.bdc-main-div .bdc-price-div {
	font-size: 30px;
	line-height: 30px;
	margin: 15px;
}

.bdc-main-div .bdc-price-div-with-image {
	margin: 5px;
}

.bdc-main-div .bdc-price-div-with-image img {
	margin: 0 auto;
	width: 180px;
}

.bdc-pricing-details-div {
	padding: 10px 15px;
}

span.bdc-list-value {
	float: right;
}

.bdc-pricing-details-div .bdc-info-div {
	color: #75787B;
	font-size: 13px;
    font-weight: bold;
	line-height: 17px;
	margin: 15px 10px;
	text-align: center;
}

.bdc-list-items {
	text-align: left;
    height: 128px;
    width: 245px;
}

div .bdc-list-items .list-items-header {
	font-size: 19px;
    font-weight: bold;
    margin: 5px 0;
    padding-left: 30px;
    width: 160px;
}

.bdc-free-trial-div {
	color:#448ccb;
	font-size: 14px;
	font-weight: bold;
	height: 15px;
	margin-top: 15px;
    text-align: center;
}

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

.bdc-icon {
    float: left;
    margin: 0 20px;
}

.bdc-icon img {
    width: 133px;
    margin-top: .5em;
}

.bdc-background-band {
    background-color: #acaeaf;
    height: 50px;
    margin-top: -196px;
    margin-bottom: 20px;
}

.main-content .bdc-explore-price-compare-table {
	font-size: 12px;
	width: 100%;
}

.bdc-explore-price-compare-table th {
	background-color: #00b1a9;
	color: white;
	padding-bottom: 12px;
	padding-top: 12px;
}

.bdc-explore-price-compare-table th.first {
	width: 202px;
}

.bdc-explore-price-compare-table td,
.bdc-explore-price-compare-table th {
	padding: 8px;
	border: none;
}

.bdc-explore-price-compare-table .td-text {
	text-align: center;
}

.main-content .bdc-explore-table .btn.brand,
.main-content .bdc-explore-table .bdc-call-for-inquiry span{
	background-color: #00b1a9;
	background-image: unset;
	border-color: #00b1a9;
	border-radius: 4px;
    box-shadow: -2px 3px 5px 0px #75787B;
	margin: 0;
    padding: 5px 10px;
}

.main-content .bdc-explore-table .bdc-call-for-inquiry span {
    background-color: #FFFFFF;
    border-color: #00b1a9;
    color: #000000 !important;
}

.main-content .bdc-explore-table .bdc-call-for-inquiry {
	width: 159px;
    margin-top: 20px;
    margin-bottom: 15px;
}

.main-content .bdc-explore-buttons {
	height: 27px;
	width: 418px;
    margin: 25px auto 15px;
}

.main-content .bdc-explore-left-button,
.main-content .bdc-explore-right-button {
	border-radius: 4px;
	box-shadow: -2px 3px 5px 0px #75787B;
    margin: 5px;
    padding: 8px 20px;
    text-align: center;
}

#content a.bdc-explore-button {
	color: #FFFFFF;
	font-size: 1em;
    text-decoration: none;
}

.main-content .bdc-explore-left-button {
	background-color: #ff6600;
    border: 1px solid #ff6600;
	float: left;
	width: 142px;
}

.main-content .bdc-explore-right-button {
	background-color: #00b1a9;
    border: 1px solid #00b1a9;
	float: right;
	width: 142px;
}

.main-content .bdc-explore-table .bdc-call-for-inquiry .btn {
	padding: 7px 15px;
}

.bdc-main-div .bdc-other-details {
	margin-bottom: 1.5em;
    height: 35px;
    margin-top: -1em;
}

.bdc-main-div .bdc-other-details .bdc-configuration-fee {
	background-color: #8dc63f;
	color: #FFFFFF;
    font-weight: 700;
}

.bdc-price-detail-header {
	height: 25px;
    background-color: #00b1a9;
    color: white;
    padding-top: 10px;
    text-align: center;
    font-size: 17px;
}

.explore-price-compare-table-div{
	padding: 25px 10px;
}

.bdc-dagger {
	font-size: 9px;
    line-height: 1;
}

.bdc-explore-price-compare-table td.bdc-plan-comparison {
	color: #00b1a9;
	font-size: 30px;
    font-weight: 500;
    padding-bottom: 20px;
}

.trial-div{
	height: 35px;
    width: 150px;
    border: black 1px solid;
    text-align: center;
    color: #35353799;
    padding-top: 3px;
}

.trial-span{
	font-size: 20px;
}

.day-span{
	font-size: 15px;
    border: 1px solid #94cc38c2;
    background: #94cc38c2;
    color: #ffffff;
    padding: 3px 10px;
}

.day-div{
	padding-right: 130px;
}

.bdc-monthly-plan-div{
	color: #00b1a9;
    font-size: 11px;
    margin: 0 auto;
    padding-bottom: 20px;
    width: 70px;
}

.bdc-monthly-plan-details {
    padding-left: 40px;
    height: 80px;
    font-size: 11px;
    width: 210px;
}

.bdc-monthly-plan-fee-per-user-per-month {
	margin: 15px auto;
    text-align: center;
}

.bdc-monthly-plan-fee {
	font-weight: bold;
    font-size: 30px;
}

.bdc-monthly-plan-per-user-per-month {
	line-height: 2em;
}

.bdc-title-div{
	text-align: center;
    font-size: 25px;
    color: #353537;
    padding-top: 15px;
    height: 278px;
    margin: 0 auto;
}

.bdc-title-div span{
	 color: #00b1a9;
	 font-weight: bold;
}

.bdc-offer-disclosures {
	font-size: 12px;
	margin-top: 20px;
}

.bdcMaintenanceAddUserForm {
	overflow: none;
}

.bdc-free-trans-div {
	text-align:center;
	margin-bottom:20px;
}

.billDotComSmallLogo {
	width: 47%;
}
/* End BDC Explore */
/* BDC Maintenance */
#bdcAddCompany {
	float: right;
}
.bdcMaintenanceCompanyContainer {
	padding: 10px 0;
	width: 70%;
}
.bdcMaintenancePaymentContainer {
	padding: 10px 0;
}
#bdcMaintenanceAccountsEnrolledForm {
	padding: 10px 0;
}
#bdcMaintenanceCompanySelectForm a.btn {
	margin: 0;
}
.main-content .btn.bdcButtonFloatRight {
	float: right;
	margin-left: 10px;
}
#bdcAccountsEnrolledTable {
	margin: 10px 0;
}
/* End BDC Maintenance */

/* Duplicate check order page */
.duplicate-check-box {
	position: absolute;
	right: 10px;
	width: 300px;
	padding: 3px;
	border: 1px solid black;
	display: block;
}
.duplicate-check-box-hide {
	display: none;
}
/* End Duplicate check order page */