


* { margin: 0px; padding: 0px; font-family: Arial, Helvetica, Sans-Serif; }
html, body { width: 100%; height: 100%; font-size: 12px; color: #333; background: #FFFFFF !important; background-image: none !important; }

.s1, .s2, .s3, .s4, .s5, .s6, .s7, .s8, .s9, .s10, .s11, .s12, .s13, .s14, .s15, .s16, .s17, .s18, .s19, .s20, .s21, .s22, .s23, .s24, .s25, .s26, .s27, .s28, .s29, .s30, .s31, .s32, .nowrap { display: block; float: left; height: auto; margin: 0px 5px 5px 0px; padding: 0px; vertical-align: top; }
.s1, .t1, .nowrap { width: 20px; } .s2, .t2 { width: 45px; } .s3, .t3 { width: 70px; } .s4, .t4 { width: 95px; } .s5, .t5 { width: 120px; } .s6, .t6 { width: 145px; } .s7, .t7 { width: 170px; } .s8, .t8 { width: 195px; } .s9, .t9 { width: 220px; } .s10, .t10 { width: 245px; } .s11, .t11 { width: 270px; } .s12, .t12 { width: 295px; } .s13, .t13 { width: 320px; } .s14, .t14 { width: 345px; } .s15, .t15 { width: 370px; } .s16, .t16 { width: 395px; } .s17, .t17 { width: 420px; } .s18, .t18 { width: 445px; } .s19, .t19 { width: 470px; } .s20, .t20 { width: 495px; } .s21, .t21 { width: 520px; } .s22, .t22 { width: 545px; } .s23, .t23 { width: 570px; } .s24, .t24 { width: 595px; } .s25, .t25 { width: 620px; } .s26, .t26 { width: 645px; } .s27, .t27 { width: 670px; } .s28, .t28 { width: 695px; } .s29, .t29 { width: 720px; } .s30, .t30 { width: 745px; } .s31, .t31 { width: 770px; } .s32, .t32 { width: 795px; }
.p1 { margin-left: 25px; } .p2 { margin-left: 50px; } .p3 { margin-left: 75px; } .p4 { margin-left: 100px; } .p5 { margin-left: 125px; } .p6 { margin-left: 150px; } .p7 { margin-left: 175px; } .p8 { margin-left: 200px; } .p9 { margin-left: 225px; } .p10 { margin-left: 250px; } .p11 { margin-left: 275px; } .p12 { margin-left: 300px; } .p13 { margin-left: 325px; } .p14 { margin-left: 350px; } .p15 { margin-left: 375px; } .p16 { margin-left: 400px; } .p17 { margin-left: 425px; } .p18 { margin-left: 450px; } .p19 { margin-left: 475px; } .p20 { margin-left: 500px; } .p21 { margin-left: 525px; } .p22 { margin-left: 550px; } .p23 { margin-left: 575px; } .p24 { margin-left: 600px; } .p25 { margin-left: 625px; } .p26 { margin-left: 650px; } .p27 { margin-left: 675px; } .p28 { margin-left: 700px; } .p29 { margin-left: 725px; } .p30 { margin-left: 750px; } .p31 { margin-left: 775px; }
.sbg { background: #666666; height: 20px; line-height: 20px; color: #FFFFFF; }

.wrapper { position: relative; width: 100%; min-height: 100%; height: auto !important; height: 100%; margin: 0px auto -60px; }
.push { height: 60px; clear: both; }
#header, #main #sidenav, #main #tabs, .footer, #footer, #footerWrapper, #tabs, #business_sidenav, #tabs_navigation, #secondary, #utility, #utilityWrapper { display: none !important; width: 0 !important; height: 0 !important; }
#main { position: relative; display: block; float: left; width: 100%; background: #FFFFFF !important; background-image: none !important; }
#main #content { position: relative; display: block; float: left; min-height: 100%; height: 100%; height: auto !important; padding: 0px; margin: 0px 0px 0px 15px;}
#main #content_container { position: relative; display: block; float: left; min-height: 100%; height: 100%; height: auto !important; padding: 0px; margin: 0px; }

div { position: relative; display: block; }
span { display: inline; }
img { margin: 0px; border: 0px; padding: 0px; }
img.border { border: 1px #003a6f solid; }
br { }
.middle { vertical-align: middle; }
hr { display: block; margin: 10px 0px 10px 0px; width: 100%; height: 1px; border: 0px; border-bottom: solid 1px #a12830; clear: both; }
hr.blue { border-bottom: solid 1px #003a6f; }
.collapse { visibility: collapse; }
.clear { margin: 0px; padding: 0px; border: 0px; height: 0px; clear: both; }
.noclear { clear: none; }
.none { display: none; } .floatleft { float: left; } .floatright { float: right; } .block { display: block; }
.auto { margin: 0px auto; }
.reset { margin: 0px; border: 0px; padding: 0px; height: auto; width: auto; background: none; }  
.scroll { overflow-x: hidden; overflow-y: scroll; }

input.s1, input.s2, input.s3, input.s4, input.s5, input.s6, input.s7, input.s8, input.s9, input.s10, input.s11, input.s12, input.s13, input.s14, input.s15, input.s16, input.s17, input.s18, input.s19, input.s20, input.s21, input.s22, input.s23, input.s24, input.s25, input.s26, input.s27, input.s28, input.s29, input.s30, input.s31, input.s32, .nowrap { display: block; float: left; height: auto; margin: 0px 5px 0px 0px; padding: 0px; vertical-align: top; }
input.text, input.hint { border: 1px #7F9DB9 solid; color: #333; padding: 1px; }
input.hint { text-align: center; color: #333; }
label.default { font-weight: bold; font-size: 12px; text-align: right; }
span.amount { display: block; position: absolute; left: 5px; top: 2px; line-height: 14px; }
input.amount { display: block; padding-left: 11px; }
input.amount-cents { padding-left: 20px; font-size: 12px; }
select { color: #333; }

a, a:visited, a:active { color: #a12830; text-decoration: underline; }
a:hover { color: #a12830; text-decoration: underline; }
a.noul, a.noul:visited, a.noul:active { text-decoration: none; }
a.noul:hover { text-decoration: underline; }
a.graybg:hover { background: #E0E0E0; }

h1 { font-size: 16px; } h2 { font-size: 15px; } h3 { font-size: 14px; } h4 { font-size: 13px; } h5 { font-size: 12px; } h6 { font-size: 11px; }
p { display: block; width: 100%; clear: both; padding: 0px 0px 0px 0px; }
small, .s { font-size: 11px; }
b, .b { font-weight: bold; }
.normal { font-weight: normal; }
em, .em, i, .i { font-style: italic; }
.u { text-decoration: underline; }
.up { text-transform: uppercase; }

.f10 { font-size: 10px; } .f11 { font-size: 11px; } .f12 { font-size: 12px; } .f13 { font-size: 13px; } .f14 { font-size: 14px; } .f15 { font-size: 15px; } .f16 { font-size: 16px; } .f17 { font-size: 17px; } .f18 { font-size: 18px; } .f19 { font-size: 19px; } .f20 { font-size: 20px; } .f21 { font-size: 21px; } .f22 { font-size: 22px; } .f23 { font-size: 23px; } .f24 { font-size: 24px; }
.lh10 { line-height: 10px; } .lh11 { line-height: 11px; } .lh12 { line-height: 12px; } .lh13 { line-height: 13px; } .lh14 { line-height: 14px; } .lh15 { line-height: 15px; } .lh16 { line-height: 16px; } .lh20 { line-height: 20px; } .lh25 { line-height: 25px; } .lh50 { line-height: 50px; } .lh60 { line-height: 60px }
.left { text-align: left; } .right { text-align: right; } .center { text-align: center; }
.orange { } .light-orange { } .white { color: #FFFFFF; } .black { color: #000000; } .gray { color: #333333; } .med-gray {color:#666666} .light-gray { color: #999999; } .blue, a.blue { color: #1155cc; } .light-secondary { color: #5d97fd; } .red { color: #a12830; }
.bg-none { background: none; } .bg-light-orange { background: #FFF7F0; } .bg-light-blue { color: #C2D2E5; }

ul { list-style-position: outside; margin: 10px 0px 15px 0px;}
ul.inside { list-style-position: inside; margin: 10px 0px 15px 0px; }
li { margin: 0px 0px 5px 0px; }

table { border: 0px; }
caption { font-size: 14px; font-weight: bold; }
td, th, caption { text-align: left; padding-right: 5px; }
th { font-weight: bold; }

.ba { border: 1px solid #003a6f; } .bb, .bb td { border-bottom: 1px solid #003a6f; } .bt { border-top: 1px solid #003a6f; } .bl { border-left: 1px solid #003a6f; } .br { border-right: 1px solid #003a6f; }
.ba2, .bw2 { border: 2px solid #003a6f; } .bb2, .bb2 td { border-bottom: 2px solid #003a6f; } .bt2 { border-top: 2px solid #003a6f; } .bl2 { border-left: 2px solid #003a6f; } .br2 { border-right: 2px solid #003a6f; }
.b2o { border-top: 2px solid #a12830; border-bottom: 2px solid #a12830; }
.bord-rnd-20 { -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius:20px}
.nobord { border: none; }
.bc { border-collapse: collapse; }
.b-med-gray { border-color: #666666; } .b-light-orange { border-color: #ccc; } .b-light-gray { border-color: #ccc; } .b-gray { border-color: #E2E2E2; } .b-light-blue { color: #C2D2E5; }
.ledger, .ledger td { background: #E8ECFF; } .ledger-gray, .ledger-gray td { background: #EEEEEE; }

.h5 { height: 5px; } .h10 { height: 10px; } .h15 { height: 15px; } .h20 { height: 20px; } .h25 { height: 25px; } .h50 { height: 50px; } .h75 { height: 75px; } .h100 { height: 100px; } .h125 { height: 125px; } .h150 { height: 150px; } .h175 { height: 175px; } .h200 { height: 200px; } .h225 { height: 225px; } .h250 { height: 250px; } .h275 { height: 275px; } .h300 { height: 300px; } .h325 { height: 325px; } .h350 { height: 350px; } .h375 { height: 375px; } .h400 { height: 400px; }
.pt0 { padding-top: 0px; } .pt5 { padding-top: 5px; } .pt10 { padding-top: 10px; } .pt15 { padding-top: 15px; } .pt20 { padding-top: 20px; } .pt25 { padding-top: 25px; } .pt30 { padding-top: 30px; }
.pb0 { padding-bottom: 0px; } .pb5 { padding-bottom: 5px; } .pb10 { padding-bottom: 10px; } .pb15 { padding-bottom: 15px; } .pb20 { padding-bottom: 20px; } .pb25 { padding-bottom: 25px; } .pt30 { padding-bottom: 30px; }
.pr0 { padding-right: 0px; } .pr5 { padding-right: 5px; } .pr10 { padding-right: 10px !important; } .pr15 { padding-right: 15px; } .pr20 { padding-right: 20px; } .pr25 { padding-right: 25px; } .pr30 { padding-right: 30px; }
.pl0 { padding-left: 0px; } .pl5 { padding-left: 5px; } .pl10 { padding-left: 10px !important; } .pl15 { padding-left: 15px; } .pl20 { padding-left: 20px; } .pl25 { padding-left: 25px; } .pl30 { padding-left: 30px; }
.mt0 { margin-top: 0px; } .mt5 { margin-top: 5px; } .mt10 { margin-top: 10px; } .mt15 { margin-top: 15px; } .mt20 { margin-top: 20px; } .mt25 { margin-top: 25px; } .mt30 { margin-top: 30px; } .mt60 { margin-top: 60px; }
.mb0 { margin-bottom: 0px; } .mb5 { margin-bottom: 5px; } .mb10 { margin-bottom: 10px; } .mb15 { margin-bottom: 15px; } .mb20 { margin-bottom: 20px; } .mb25 { margin-bottom: 25px; } .mb30 { margin-bottom: 30px; }
.mr0 { margin-right: 0px; } .mr5 { margin-right: 5px; } .mr10 { margin-right: 10px; } .mr15 { margin-right: 15px; } .mr20 { margin-right: 20px; } .mr25 { margin-right: 25px; } .mr30 { margin-right: 30px; }
.ml0 { margin-left: 0px !important; } .ml5 { margin-left: 5px; } .ml10 { margin-left: 10px; } .ml15 { margin-left: 15px; } .ml20 { margin-left: 20px; } .ml25 { margin-left: 25px; } .ml30 { margin-left: 30px; }
.nomargin { margin: 0px; }
.nopadding { padding: 0px; }

span.bluebutton { display: block; width: auto !important; font-size: 16px; background: url("https://images.capitalone360.com/images/secure/globals/blue_button_background.gif") repeat-x top left; height: 28px; line-height: 28px; cursor: pointer; padding: 0px 20px 0px 20px; margin: 0px 0px 0px 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
span.bluebutton a, span.bluebutton a:visited, span.bluebutton a:active, span.bluebutton a:hover { color: #FFFFFF; font-weight: bold; text-decoration: none; text-shadow: -1px -1px #000033; }
span.orangebutton { display: block; width: auto !important; font-size: 16px; background: url("https://images.capitalone360.com/images/secure/globals/tmbutton_background.gif") repeat-x top left; height: 29px; line-height: 29px; cursor: pointer; padding: 0px 20px 0px 20px; margin: 0px 0px 0px 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
span.orangebutton a, span.orangebutton a:visited, span.orangebutton a:active, span.orangebutton a:hover { color: #FFFFFF; font-weight: bold; text-decoration: none; text-shadow: -1px -1px #CC6600; }

.alert { border: 2px solid #CCCCCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 13px 13px 13px 45px; margin-bottom: 15px; }
.info { border-color: #4848B8; background: url("https://images.capitalone360.com/images/secure/globals/alert-info.gif") no-repeat top left; }
.stop{ border-color: #FF0000; background: url("https://images.capitalone360.com/images/secure/globals/alert-stop.gif") no-repeat top left; }
.go { border-color: #488808; background: url("https://images.capitalone360.com/images/secure/globals/alert-go.gif") no-repeat top left; }
.caution { border-color: #F8B808; background: url("https://images.capitalone360.com/images/secure/globals/alert-caution.gif") no-repeat top left; }

.fieldset:after, .last:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .fieldset { zoom: 1; } * html .last { zoom: 1; } *:first-child+html .fieldset { zoom: 1; } *:first-child+html .last { zoom: 1; }

.hasTip { }

div.progress { display: block; height: 29px; padding-left: 5px; background: #003a6f url("https://images.capitalone360.com/images/secure/globals/white.png") top right no-repeat; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; text-align: center; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; line-height: 29px; font-weight: bold; color: #333333; text-align: center; margin-bottom: 30px; }
div.progress span { display: block; float: left; width: 180px; background: #DDDDDD url("https://images.capitalone360.com/images/secure/globals/arrow.png") top right no-repeat; overflow: hidden; }
div.progress-five span { width: 145px; }
div.progress span.first { background: #003a6f; color: #FFFFFF; }
div.progress span.here { background: #003a6f url("https://images.capitalone360.com/images/secure/globals/arrow-here.gif") top right no-repeat; color: #FFFFFF; }
div.progress span.done { background: #003a6f url("https://images.capitalone360.com/images/secure/globals/arrow-done.gif") top right no-repeat; color: #FFFFFF; }
div.progress span.last { background-image: none; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
div.progress span p { display: block; margin-left: -10px; }

.invalidDynamicTotalu { padding: 1px 5px; border: 1px solid #FF0000; color: #FF0000; display: inline-block; margin-top: 5px; }
.field_with_errors .field_error_indicator{ padding: 1px; border: 1px solid #FF0000; display: inline-block; }
.field_error_msg { color: #FF0000; font-size: 11px; line-height: 14px !important; padding: 0px 0px 5px 2px; }
.field_with_errors span.amount { display: block; position: absolute; left: 7px; top: 4px; line-height: 14px; }
.field_with_errors input.amount { display: block; padding-left: 11px; }
.field_with_errors input.amount-cents { padding-left: 20px; }

.faq { background: url("https://images.capitalone360.com/images/secure/globals/right_nav_grad.gif") no-repeat; }
.faq ul { list-style-type: none; margin: 0px; }
.faq li { background: url("https://images.capitalone360.com/images/secure/globals/triangle_bullet.gif") no-repeat 0px 5px; padding-left: 10px; padding-bottom: 10px; line-height: 16px; margin: 0px; }

.check { display: block; height: 225px; margin: 20px 0px 10px 0px; padding: 5px 0px 5px 0px; border: 1px solid #B2C7CF; background: url("https://images.capitalone360.com/css/backgrounds/gfx_back.gif") repeat scroll left top transparent; }
.envelope { display: block; height: 240px; margin: 0px; padding: 5px 0px 5px 0px; border: 1px solid #7F7F66; background: #FFFFCC; }
.paper_envelope { background: #FFFFCC url("https://images.capitalone360.com/css/backgrounds/envelope_via_mail.gif") no-repeat top right; }

#not_production_warning { background-color: #FFFFFF; color: #FF0000; font-size: 25pt; font-weight: bold; height: 40px; left: 400px; position: absolute; text-align: center; top: 10px; width: 400px; }


table.PrintAccountHistory { width:100%; }
table.PrintAccountHistory { border-collapse: collapse; }
table.PrintAccountHistory thead th { border-bottom: 4px solid #000066; border-top: 4px solid #000066; }
table.PrintAccountHistory thead th, .PrintAccountHistory td { height: auto; vertical-align: top; font-weight: bold; background: transparent; color: #000 !important; text-align: left; padding: 5px 0; } 
table.PrintAccountHistory thead th.numerical, td.numerical { text-align: right; }
table.PrintAccountHistory.FilterType thead th { width: 10.5%; }
table.PrintAccountHistory.FilterType thead .desc { width: 41%; }
table.PrintAccountHistory.FilterType thead .balance { width: 13.5%; }
table.PrintAccountHistory.Loan thead th { width: 10%; } 
table.PrintAccountHistory.Loan thead .desc { width: 41%; } 
table.PrintAccountHistory.Loan thead .balance { width: 20.5%!important; } 
