/* content-ie7.css */
.print-only,
.printonly {
  display:inline;
}
.screen-only,
.screenonly {
  display:block;
}
body {
  background-color:transparent;
}
#wrapper {
  margin:0 auto;
  width:90%;
}
#wrapper2 {
  margin:0;
}
#section1,
#masthead .search,
#masthead .utility,
#masthead div.nav, 
.breadcrumbs,
#footer div.nav,
#main-content h2 select{
  /* display:none; */
}

body.has-sidebar .main-content #section1{
	width: 970px;
}
#masthead {
  margin:.25in 0 .5in;
}
#masthead {
  background-image:none;
  height:auto;
  overflow:auto;
}
#footer { 
	display:none;
} 
#masthead .logo {
  left:0;
  position:relative;
  top:0;
}
.tabs {
	display:none;
}
#section2 {
  width:100%;
}
/* main-content ***** */
#main-content {
  padding:0;
}
#main-content form {
    margin:0 0 1em;
    padding:1em;
}
.main-content .column,
.main-content .columns {
	float: none;
}

/* dashboard ***** */
.dashboard #main-content .column {
  margin:0 1% 0 0;
  width:47%;
}

/* background-color ***** */
body,
#wrapper,
#wrapper2,
#main-content table.horizontal th,
#main-content tr.even,
#main-content .even td,
#main-content button.btn,
#main-content a.btn,
#main-content li.btn,
#main-content a.submit,
#main-content li.default-action,
#main-content li.submit,
#main-content a.btn-disabled,
#main-content li.btn-disabled,
#main-content form,
.dashboard #main-content .make-payment form,
.account-detail #main-content .container,
.account-detail #main-content th,
#main-content .account-selector,
#main-content .account-selector .account,
#main-content .btn-rewards,
.account-detail #main-content .container-mydeals,
.account-detail #main-content .container-mydeals .container,
.dashboard #main-content div.make-payment,
.dashboard #main-content h2 form {
  background-color:transparent;
}

.main-content .btn {
	display:none;
}

/* color ***** */
#main-content table.horizontal th,
#main-content th a,
#main-content button.btn,
#main-content a.btn,
#main-content li.btn,
#main-content li.btn input.btn,
.account-detail #main-content th,
#main-content .account-selector h3,
#main-content .btn-rewards {
  color:#000;
}

/* font-size ***** */
#main-content table.horizontal th {
  font-size:x-small;
}

/* font-weight ***** */
#main-content table.horizontal th {
  font-weight:bold;
}

#main-content a.more,
.dashboard #main-content div.make-payment,
#main-content .instructions, 
.dashboard #main-content .make-payment form,
.dashboard #main-content .make-payment form *,
.account-detail #main-content th,
#main-content .disclosures,
#main-content .disclosures a,
#main-content .pfm,
.dashboard #main-content .column > div.pfm,
#main-content .statement-overview,
#main-content .statement-overview td,
#main-content .statement-overview th,
#main-content .transaction-list dt,
.dashboard #main-content .account-list table,
.dashboard #main-content div.make-payment,
.dashboard .statement-detail td {
  font-size:small;
}

/* borders ***** */
.dashboard .statement-detail td,
.dashboard .statement-detail th {
  border:1pt solid #bdbdbd;
}
.dashboard #main-content div.make-payment,
#main-content .rewards,
.dashboard .statement-detail th {
  border:2pt solid #000;
}
#main-content .rewards .rewards {
  border:none;
}
.tax-summary td,
.tax-summary th {
   border:1pt solid #bdbdbd;
}

/* View Check Images ***** */
.main-content .instrumentImageContainer,
.main-content .instrument-image {
	height: auto;
	width: 100% !important;
}
.zoomImg, .zoomIcon {
	display: none;
}
.main-content #flip-side.hide {
	display: block;
}

/* OMC ***** */
#online-message-center #header{
	height:40px;
}

#online-message-center #section2,
#online-message-center #footer .wrapper,
#online-message-center .main-content,
#online-message-center .main-content #smcinbxright{
	width:860px !important;
}
#online-message-center #section2 .main-content {
	border-bottom:1px solid #000;
	margin-top:40px;
}
.progressbar,
#navigation,
#idm_header,
#header .nav,
#header .utility-nav,
#breadcrumbs,
#smcDiv h1 #smcPageSpan,
#smcDiv #smcinbxleft,
#smcDiv #actions,
#smcDiv #convHeader #send {
	display:none;
}
#smcDiv  #convHeader,
#smcDiv #currentConv {
	font-size:15px;
}
.main-content #smcinbxright #currentConv {
	border-bottom:1px solid #FFF !important;
}

/* Print Agreements ***** */
/* The following two rules fixes 
   the numbered and alpha list so
   they show in both IE and Firefox */
   
.main-content #print-agreement li{
    margin-left:20px;
}
 
.main-content #print-agreement ol.numbered li{
    list-style-type:decimal;
}
/* Hide help tab */
#slide-out-div {
	display:none;
}
/*Fix to display notification icons on print outs */
.main-content .notification-ref.star,
.main-content .notification.star,
.main-content .notification-ref.double-cross,
.main-content .notification.double-cross,
.main-content .notification-ref.star.white,
.main-content .notification-ref.cross,
.main-content .notification-ref.section-symbol,
.main-content .notification.section-symbol,
.main-content .notification-ref.two-crosses,
.main-content .notification.two-crosses,
.main-content .notification.cross {
	display: list-item;
	list-style-position: inside;
}
.main-content .notification-ref.star,
.main-content .notification.star {
	list-style-image: url(../img/notification-asterisk.gif)
}
.main-content .notification-ref.cross,
.main-content .notification.cross {
	list-style-image: url(../img/notification-cross.gif);
}
.main-content .notification-ref.star.white{
	list-style-image: url(../img/notification-asterisk-white.gif);
}
.main-content .notification-ref.double-cross,
.main-content .notification.double-cross{
	list-style-image: url(../img/notification-double-cross.png);
}
/* Notification with section symbol */
.main-content .notification-ref.section-symbol,
.main-content .notification.section-symbol{
	list-style-image: url(../img/notification-section.png);
}
/* Notification with two crosses */
.main-content .notification-ref.two-crosses,
.main-content .notification.two-crosses{
	list-style-image: url(../img/notification-two-cross.png);
}
/* Mobile Responsive */
#content .wrapper {
	padding: 20px;
	width: 100%;
	overflow: visible;
	max-width: none;
	font-size: 18px;
	color: black;
}
.wrapper .signature-panel {
	border: 2px solid #00634a;
    padding: 10px;
}
.main-content,
.main-content a,
.main-content .btn.brand,
.main-content table.branded thead {
	color: black;
	background: #ffffff;
}