@charset "utf-8";
span.calendarContainer img {
     margin-bottom: -5px;
 }

 button#viewStatement {
     display: block;
     float: right;
     margin-top: -6px;
     margin-right: 50px;
     width:130px;
 }

.statement div.info {
    background: #f5f4f1;
    font-size: 1.2em;
    margin-bottom: 8px;
    padding: 20px 40px;
}

.statement tr {
    height: 28px;
    vertical-align: middle;
}

.statement th, .statement td {
    font-size:1.2em;
    padding: 5px 30px;
    color: #6e6d6b;
    vertical-align: middle;
}

.statement th.emptycell, .statement td.emptycell {
    padding:0px;
}

.statement th.colDescription, .statement td.colDescription {
    padding-left:20px;
}

.statement th.balanceAsOf {
    color: #666;
    text-align: right;
}

.statement .denomination {
    margin-right: 0;
    padding-right: 0;
    color: #666;
    text-align: right;
    white-space: nowrap;
}

.statement .thisRowAmount {
    text-align: right; 
    width: 125px;
    padding: 5px;
    padding-left:10px;
    padding-right:20px;
}
.statement th.denomination span {
    background:#000;

    display: block;
    height: 10px;
    width: 50px;
}
.statement tr.even {
    background:#f2f2f0;
}

.headerRow {
    background:#e8e7e3;
    color: #74706c;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight:bold;
    text-align:left;
    padding-left:20px;
}

.statement th {
    background:#e8e7e3;
    color: #74706c;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight:bold;
    text-align:left;
    padding-left:20px;
}

.statement tr.footer {
    background:#e8e7e3;
    color: #74706c;
    font-size: 1.2em;
    font-weight:bold;
    text-align:left;
}
.statement tr.footer.first td {
    border-top: 10px solid #FFF;
}
.statement tr.footer:hover {
    background:#e8e7e3;
    cursor:auto;
}
.statement tr.footer td {
    text-align:right;
    padding-right: 35px;
}
.statement tr.footer td.label {
    font-family: Arial, Helvetica, sans-serif;
    padding-right: 0;
}

.statement dl {
    font-size: 1.1em;
}
.statement dt {
    clear: left;
    display: block;
    float: left;
    font-weight:bold;
    padding: 0;
    text-align:right;
    width: 130px;
    border: 1px solid red;
}
.statement dd {
    display: block;
    padding: 0;
    float: left;
    border: 1px solid red;
}
#buttons {
    border-top: 2px solid #e8e7e3;
    margin-top: 25px;
    padding-top: 10px;
}
#cancel {
    float: left;
}
#next, #back {
    float: right;
    margin-left: 10px;
}
.statement img.magLeft {
    margin-right: 20px;
    vertical-align: bottom;
}
.statement select#dateRangeSelectId {
    width: 163px;
    margin: 0 10px 0 10px;
}
.statement input.dateField {
    width: 85px;
    margin: 0 5px 0 0;
}
.statement img.calendar {
    margin-bottom: -6px;
}
.statement span.to {
    margin: 0 15px 0 15px;
}
.statement th.balanceAsOf span {
    float: right;
    clear:none;
    display: block;
    width: 20px;
    height: 1px;
}
.statement button#viewStatement img {
    margin: 0px 0px -6px 0px;    
}
.statement tr.secondaryTotals th {
    background: #fff;
}
.statement div.info {
    margin: 10px 0 20px 0;
}
.statement div#selectAYear{
    color: #6e6d6b;
    padding: 10px 0px 0 0px;
    text-indent: 20px;
    font-size: 1.2em;
}

.statement div#selectAYear select{
    width: auto;
}

.statement div#statementTabs{
    display: block;
    margin: 0px;
    padding: 0 0 2px 0;
    position: relative;
    width: 99%;
    border-bottom: 1px dotted #0c8fcd;
}

.statement div#statementTabs ul li {
    background: url(../images/online-statement/bkg_tab.gif) right top no-repeat;
    display: block;
    float: left;
    height: 23px;
    margin: 1px 1px 0 1px;
    margin-bottom: -4px;
}

.statement div#statementTabs ul li.on {
    background: url(../images/online-statement/bkg_tabOn.gif) right top no-repeat;
    color: #fff;
    font-weight: #fff;
}

.statement div#statementTabs ul li.on a {
    color: #fff;
    font-weight: 900;
}

.statement div#statementTabs ul li span {
    background:url(../images/online-statement/bkg_tabLeft.gif) left top;
    display: block;
    float: left;
    font-size: 1.2em;
    font-weight: 900;
    height: 23px;
    width: 10px;
}

.statement div#statementTabs ul li.on span {
    background:url(../images/online-statement/bkg_tabLeftOn.gif) left top;
}

.statement div#statementTabs ul li a {
    color: #000;
    display: block;
    font-size: 1.1em;
    height: 23px;
    margin: 4px 17px 0px 17px;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    _width: 10px;
}

.statement table.mainTable {
    margin-top: 10px;
    margin-bottom: 10px;
}

.statement tr.hover {
    cursor: hand;
    cursor: pointer;
}

.statement tr.secondaryTotals:hover {
    background: #fff;
}

.statement div.noShow {
    display: none;
}

.statement div.tabStop {
    display: block;
    height: 20px;
    width: 900px;
    float: none;
    clear: both;
}

.statement .spacerLeft {
	margin-left: 15px;
}

.statement .redText {
	color: darkRed;
}

.statement .bold {
	font-weight: 800;
}