body { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: black; background-color:#fff; }
table {border-spacing: 0; }

h1, h2, h3 {font-weight: bold; font-size: 18px; color: maroon;}
h2 { font-size: 16px; text-align: center; }
h3 { font-size: 14px;}


h4, h5 { font-weight: bold; font-size: 12px; color: navy; letter-spacing: 0.1em; }
h5 { font-size: 10px;}

tr { font-weight: normal; font-size: 8pt; }
th { font-weight: bold; font-size: 11px; color: #fff; background-color: #226132; }

ul, ol { font-size: 10px; }

a { font-weight: bold; color: #444444; text-decoration: underline; }
    a:hover { font-weight: bold; color: maroon; text-decoration: none; }
.button { font-size: 10px; font-weight: normal; }
.inputtext { font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; background-color: #ececec; }
.topmenu { font-size: 10px; font-weight: bold; text-decoration: none; letter-spacing: 0.1em; color: white; }
    .topmenu:hover { font-weight: bold; color: #ffcc33; }
.statementmessage { font-size: 12px; font-weight: bold; letter-spacing: 0.5em; color: #000; }
.sectionheading { font-size: 14px; font-weight: bold; color: #000; }
.digitalinsertheading { font-size: 9px; font-weight: bold; letter-spacing: 0.3em; color: black; }
.digitalinsertitems { font-size: 9px; font-weight: normal; }
.digitalinsertbutton { font-size: 10px; font-weight: normal; background-color: #cccccc; color: navy; }
.pagetitle { font-size: 16px; font-weight: bold; color: #226132; }
.logininfo { font-size: 11px; font-weight: bold; color: black; }
.TranDetail { font-size: 9px; }

.Arial12 { font-family: helvetica, arial, verdana; font-size: 12px; color: black; }
.Arial11 { font-family: helvetica, arial, verdana; font-size: 12px; color: black; }

.SmallText { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #666; }
.MortgageHeadings { font-family: Verdana, Arial, Verdana, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #fff; background-color: #226132; }
.VisaHeadingsLg { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #666; background-color: #DFE1E3; }
.VisaHeadings { font-family: Verdana, Arial, Verdana, Helvetica, sans-serif; font-size: 8px; font-weight: bold; color: #444444; background-color: #C1CDCD; }
.VisaHeadingsSm { font-family: Verdana, Arial, Verdana, Helvetica, sans-serif; font-size: 8px; color: #333333; background-color: #C1CDCD; }
.VisaAddress { font-family: "Times New Roman", Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #000; }
.VisaTitle { font-family: "Times New Roman", Arial, Verdana, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #000; }
.VisaText { font-family: Courier, Verdana, Arial, Helvetica, sans-serif; font-size: 8px; }

td.RightAlign { text-align: right; display: block; }

.VisaTable { border: 1px solid #666; background-color: #F6F6F6; margin-top: 20px; padding: 0px 8px; }
.VisaHeading {
    color: white;
    background-color: #226132;
    padding: .15rem !important;
    font-size: 110%;
    font-weight: bold;
}
.WarningSection { font-weight: normal; font-size: 95%; padding: 3px 0px; }

aOld { font-weight: bold; color: navy; text-decoration: none; }
thOld { font-weight: bold; font-size: 11px; color: navy; background-color: #ffcc33; }
.buttonOld { font-size: 10px; font-weight: normal; background-color: #000066; color: #fff; }
.sectionheadingOld { font-size: 14px; font-weight: bold; letter-spacing: 0.1em; color: navy; }
.statementmessageOld { font-size: 12px; font-weight: bold; letter-spacing: 0.5em; color: navy; }
.pagetitleOld { font-size: 16px; font-weight: bold; color: maroon; }
.logininfoOld { font-size: 11px; font-weight: bold; color: navy; }

#container { position: relative; overflow: hidden; margin: 0 auto; }
#MonthlyPreference, #VisaPreference { width: 40%; }
#MonthlyPreference { float: left; margin-left: 40px; }
#VisaPreference { float: right; }

.prefHeader { font-weight: bold; font-size: 13px; color: maroon; text-align: left; }
.options { text-align: left; margin-left: 15px; }

#submitbutton { margin-left: 45%; margin-top: 20px; }
.clear { clear: both; }
#totalDividends { text-align: right; padding-left: 50px; padding-right: 3px; }


/*RECENTLY ADDED ---------------------------------------------------*/
/*RECENTLY ADDED ---------------------------------------------------*/
/*RECENTLY ADDED ---------------------------------------------------*/

/*ALL PAGES---------------------------------------------------*/
a img { border: 0; }

/*--titles*/
h2, .st-tbl th { text-align: center; font-family: verdana, arial; font-size: 9px; line-height: 11px; text-transform: uppercase; padding: 2px 0 3px; }
h2 { background-color: #ccc; letter-spacing: 4px; color: black; font-size: 11px; line-height: 18px; }

.err { font-size: 18px; text-align: center; font-weight: bold; text-decoration: underline; color: red; }
.right { float: right; }
.left { float: left; }
.td-money { text-align: right; }
.st-tbl td { padding: 3px; }
table.st-tbl { margin: 6px 0 10px; border: 1px solid #000; }

#pg-content { 
}
/*-----------------------------------------------------------*/

/*Statement Pages--------------------------------------------*/
#date-select { margin: auto; }
    #date-select td form { width: 100%; text-align: center; padding:10px; }
#hlp-pop-hist img { padding: 3px; }
#return-btn { margin: 12px auto 24px;  }
#summary-tbl { width: 100%; table-layout: fixed; }
    #summary-tbl td { border-right: 1px solid; text-align: center; width: 100%; }
        #summary-tbl td:last-of-type { border-right: 0; }
#addr-info-wrap { float:left; }
div#cust-addr { float: left; }
#addr-text { margin: 20px 0 30px 60px; text-align:left; }
#sum-info { float:right; margin-bottom: 30px;  }
    #sum-info table tr td { padding: 5px 0; }
#expl-amnt-due, #past-pmnts { display: inline; }
#past-pmnts { margin-left: 16px; }
#tbl-pmnts, #tbl-expl, #tbl-activity { line-height: 9px; width: 100%; }
    #tbl-activity tr:first-of-type { font-weight: bold; }
#delinq-notc, #trns-act, #imp-msgs { width: 100%; margin-bottom: 12px; }
.expl-td { }
.expl-td-Strong, .past-pymnt-td-Strong { font-weight:bold; text-transform: uppercase; text-indent:20px; line-height:16px; vertical-align:top; padding:0; }
.past-pymnt-td-Strong {text-indent:0px; line-height:10px; }
.td-money.expl-td-Strong { border-top:1px solid #000; width:40px; }
#tbl-activity { line-height: 11px; }
/*-----------------------------------------------------------*/

/*Default Grids----------------------------------------------*/
.default-grid { border:1px solid silver; border-spacing:0;}
    .default-grid td, .default-grid th { border: 1px solid silver; font-size:9px; padding:1px 5px; margin:0; border-spacing:0;}
    .default-grid tr { background-color:#fff; }
    .default-grid tr:nth-child(odd)	{ background-color:#ddd; }
    .center { text-align:center; }
    .default-grid td a{margin:1px 5px;}
/*-----------------------------------------------------------*/

table { 
    border-spacing: 0px;
    border-collapse: separate;
}
td { 
    padding: 0px;
}