h1 { color: #F60; }

h3.line { padding-bottom: 10px; border-bottom: 1px solid #999; }

blockquote { text-align: justify; margin-left: 1em; margin-right: 1em; padding-left: 26px; background: transparent url(/img/quoteleft.png) no-repeat top left; }
blockquote div.bqbod { padding-right: 26px; background: transparent url(/img/quoteright.png) no-repeat bottom right; }
var { color: #333; font: 14px Courier, monospace; text-decoration: none; font-style: normal; }

.header-fix { margin-top:80px; }

acronym { cursor: default; }
table.datatable { margin: 0.5em 0 1em 0; }
table.datatable th { padding: 7px; background: #f5efea; border-bottom: 2px solid #ddd4cb; }
table.datatable td { padding: 7px; border-bottom: 1px dotted #666; vertical-align: middle; }
table.datatable img { padding: 7px 10px; }

table.formtable th { text-align: right; font-weight: normal; padding: 2px 7px 2px 2px; border-right: 3px solid #DDD4CB; }
table.formtable td { padding: 2px 2px 2px 7px; }

#signaturetbl { border: none; }
#signaturetbl .wrap { border: 1px solid #ddd4cb; }
#signaturetbl .sig { width: 200px; height: 200px; vertical-align: middle;
                     text-align: center; padding: 0px; background:#FFFFFF;}
#signaturetbl .sig a { display: block; }

/* special indications */

.clear { clear: both; }
.center { text-align: center; }
.heavy { font-size: 1.2em; font-weight: bold; text-decoration: underline; }
.halfzware { font-size: 1.0em; font-weight: bold; }
p.sidebox { padding: 1em; margin: 1em; border-left: 3px solid #d60; border-right: 3px solid #d60; }
p.errorbox { font-weight: bold; color: red; }
p.successbox { font-weight: bold; color: green; }
p.notice { background: #afa; width: 60%; border: 2px ridge;
           padding: 10px; font-family: sans-serif; font-size: small; }

.attention { font-size: small; color: red; font-weight: bold; }
span.label {  }
span.labelerror { font-weight: bold; color: red; }
span.note { color: #666; font-size: small; }
p.footnote { color: #666; font-size: small; width: 60%; }

.voided { background: #fbb; }
.refunded { background: #bfb; }

/* letter bar */

#letterbar { background: #f5efea; border-bottom: 2px solid #ddd4cb; vertical-align: middle; text-align: center;
             padding: 3px 2px 5px 2px; }
#letterbar span { line-height:45px; font-size: 25px; font-weight: bold; height:30px;}
#letterbar a { font-size:25px; background: #FFF; padding: 4px 4px 4px 4px;
               border: 1px solid #ddd4cb;line-height:45px; }
#letterbar a:visited { line-height:45px; }
#letterbar a:active { border: 1px solid red; line-height:45px;}
#letterbar a:hover { background-color: #ddd4cb; border: 1px solid #605348;line-height:45px; }

/* pagination bar */

.pagebar { width: 100%; padding: 0px; letter-spacing: -1px; line-height:45px;}
.pagebar td.right { text-align: right; }
.pretext { line-height:45px; font-size: 24px; font-weight: bold; cursor: default; letter-spacing: -1.5px; }
.pagesel { line-height:45px; font-size: 24px; font-weight: bold; background: #ff9900;
           color: white; padding: 2px 6px 2px 6px; border: 2px solid black;
           cursor: default; }
a.pagenum { line-height:45px; font-size: 24px; background: #c2b5a7; font-weight: bold; color: #1f1409;
            padding: 3px 6px 3px 6px; border: 1px solid #796755; cursor: pointer;
            text-decoration: none; }
a.pagenum:hover { line-height:45px; color: #000; border: 1px solid #000; background-color:#ddd4cb}
a.pagefirst, a.pagelast, a.pageprev,
a.pagenext { line-height:45px; color: #000; font-size: 24px; background-color: #c2b5a7; font-weight: bold; padding: 3px 3px 3px 3px; border: 1px solid #796755; cursor: pointer;text-decoration: none; /*no-repeat middle left;*/}
a.pageprev:hover, a.pagenext:hover, a.pagefirst:hover,
a.pagelast:hover { line-height:45px;color: #000; border: 1px solid #000; background-color:#ddd4cb}


/* background: white url(/img/bottom.gif) */
.columnRheading {font-family: Georgia, "Times New Roman", Times, serif; color: #726559; font-weight: bold; letter-spacing: 1px; border-bottom: 1px dashed;}
.columnRtext {font-family: Georgia, "Times New Roman", Times, serif;}

.pagText { font-family: Arial; font-size: 12px; font-weight: bold; color: #2a2016; }

/* buy page */

#paymentselect p { display: inline; }
#paymentselect input, #paymentselect img { vertical-align: middle; }

/* #accountselect { margin: 1em 0; } */
/* #accountselect div { display: inline; padding: 0.5em; margin-right: 0.5em; border: 1px solid #ddd; background: #f6f6f6; } */
/* #accountselect * { cursor: pointer; } */

.tabs { width: auto; display: table-cell; }
.tabs .bar .tab { display: table-cell; background: #eee; padding: 10px; border-right: 1px solid #ccc;
                  border-bottom: 1px solid #ccc; }
.tabs .bar .checked { background: #f6f6f6; border-bottom: none; }
.tabs .bar .last { display: table-cell; padding: 10px; }
.tabs .content { background: #f6f6f6;padding: 1em 0; width: auto; }
.tabs .content table { width: auto; }
.tabs .bar .tab, .tabs .bar .tab * { cursor: pointer; }
.tabs .bar .checked, .tabs .bar .checked * { cursor: default; }

.protable { margin: 1em; padding-right: 2em; }
.protable td { border-bottom: 1px dotted #bbb; vertical-align: middle; padding: 0.5em; }
.protable a { background: #f60; padding: 0.3em 0.5em; border: 2px solid #888; color: white; line-height: 2; }

@media print {
  .noprint { display: none; }
  #contentwrap { border-top: none; }
  #loginbar { display: none; }
  #all { margin: 0; }
  #nav { display: none; }
  #leftedge { display: none; }
  #rightedge { display: none; }
  #content { border: none; }
  a.button { display: none; }
  h1 { height: auto; margin: 0; margin-top: 11px; padding: 0; font: normal 1.8em georgia, serif; background: none; }
}
@media (max-width: 480px) { 

h1 { font-size:35px; }
h2 { font-size:30px; }

.header-fix { margin-top:0px; }
.footer-fix { border-bottom:3px solid #232323;padding-bottom:10px;margin-bottom:10px;}

}

@media (max-width: 1200px) { 

.navbar-fix { display:none; }
.drop-button { display:none; }
}

@media (min-width: 1200px) { 
.kill-button {display: none; }
}

#overlay { width:100%; height:100%; position:fixed;  _position:absolute; top:0; left:0; z-index:1001; background-color:#000000; overflow: hidden;  }
#popup { display: none; position:absolute; width:550px; height:170px; z-index:1002;  border: 1px solid #000; background-color: #9dc4ff; color: #000; font-family: Tahoma,sans-serif;font-size: 14px; }
#baner_close { color: #cc0000; }