/* body */

html, body { height: 100%; }
body { font: normal 12px/20px Arial, Helvetica, Sans-serif; background-color: #fff; text-align: center; color: #666; margin: 0; }
td { font: normal 12px/20px Arial, Helvetica, Sans-serif; color: #666; }
img { border: 0; }
form { margin: 0; padding: 0; }
input, select { font-size: 18px; width: auto; padding: 3px 5px; margin: 0; color: #000; } 
h1, h2, h3, h4 { color: #000; margin: 0 0 10px 0; }
h1 { font-size: 26px; } h2 { font-size: 22px; } h3 { font-size: 18px; }
h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 12px; }
h2 { color: #333; }
input.search { margin: 7px 0 25px 0; width: auto; border: none; }

/* skype patch */

span.skype_pnh_container { display:none !important; }
span.skype_pnh_print_container { display:inline !important; }

/* layout */

#wrap { text-align: left; margin: 0 auto 40px auto; }
#header { background: url(/images/bknd/topbg.gif) top left repeat-x; }
#body { margin: 0 auto; width: 850px; } 
#contenthead { background: url(/images/bknd/contenthead.png) top left no-repeat; height: 16px; width: 850px; margin: 0; position: relative; z-index: 1000; }
#content { background: url(/images/bknd/contentbg.png) top left repeat-y; padding: 0 10px; width: 830px; }
#contentfoot { background: url(/images/bknd/contentfoot.png) top left no-repeat; height: 16px; width: 850px; margin: 0; }
#body.default #container, #body.expired #container { background-color: #FFD; }
#body.results #container { background: #FFD url(/images/bknd/contentbg2.png) top left repeat-y; }
#body.checkout #container { background: #FFD url(/images/bknd/contentbg3.png) top left repeat-y; }
#body.text #container { background: #FFF url(/images/bknd/contentbg4.png) top left repeat-x; }
#body.myhome #container { background: #FFF url(/images/bknd/contentbg5.png) top left repeat-x; }
#body.login #container { background: url(/images/bknd/contentbg6.png) top left repeat-y; }
#body.report #container { background: url(/images/bknd/contentbg7.png) top left repeat-y; }
#body.help #container { background:#F2F5F9 url(/images/bknd/contentbg8.png) top left no-repeat; }
#body.pass #container { background:#FFF url(/images/bknd/contentbg9.png) top left no-repeat; } 
#body.pass #container .texthead { padding: 20px 0 20px 10px; } 
#body.unsubx #container { background:#FFF url(/images/bknd/unsubscribe-x.png) top left no-repeat; }
#body.unsubo #container { background:#FFF url(/images/bknd/unsubscribe-o.png) top left no-repeat; }
#footer { background: url(/images/bknd/footerbg.png) top left repeat-x; text-align: left; height: 335px; clear: both; }
#footer p { padding: 15px 0 5px 0; } #footer span { color: #777; }

/* classes */

.wrap { text-align: left; margin: 0 auto; width: 850px; }
.drkblue { background-color: #39C; padding: 10px; }
.threenav { background: url(/images/bknd/mainav.png) bottom center no-repeat; margin-top: 17px; }
.threenav td { text-align:center; width: 33%; }
.vmid { vertical-align: middle; }
.asterix { background: url(/images/icons/asterix.png) center left no-repeat; display: inline-block; vertical-align: top; height: 32px; width: 16px; }
#footer .wrap { text-align: center; }
#header .helper { background: url(/images/bknd/helpernav.png) top left no-repeat; padding: 2px 15px 4px 0; text-align: right; font-size: 13px; color: #CCC; }
#header .helper a, #footer a { margin: 0 6px; }
#header .helper span { color: #999; padding-right: 5px; }
.mlogo { margin: -10px 0 0 80px; position: relative; }
.topnav { text-align: right; vertical-align: bottom; }

.floatr { float: right; }
.floatl { float: left; }
.clear  { clear: both; }

.label { text-align: right; padding-right: 10px; }
.label.active { color: #333; font-size: 13px; font-weight: bold; }
.label.required { color: #900; font-size: 13px; font-weight: bold; }

.searchagain p { margin: 0 0 10px 17px; }
.searchagain input { width: 160px; }

.dataheader, .dataheader2 { background: url(/images/bknd/dataheader1.png) center left no-repeat; padding-left: 25px; }
.dataheader h3, .dataheader2 h3 { font: normal 18px/24px Arial; vertical-align: middle; margin: 20px 0 14px 0; color: #999; }
.dataheader strong, .dataheader2 strong { color: #000; color:#86B300; } 
.dataheader .orange, .dataheader2 .orange { color: #C60; font-size: 24px; }
.dataheader .shift { display: inline-block; margin-left: 90px; }
.dataheader2 { background: url(/images/bknd/dataheader2.png) center left no-repeat; border-bottom: solid 1px #DDD; }
.dataheader2 h3 { padding-left: 170px; }
.datahead th { border-bottom: solid 1px #CCC; border-top: solid 1px #CCC; background-color:#F7F7F7; font-weight: normal; line-height: 16px; text-align: left; font-size: 11px; color: #999; padding: 0; }

.record td { border-bottom: solid 1px #DDD; background-color: #FFF; padding:  10px 0 10px 0; vertical-align: top; line-height: 15px; font-size: 11px; color: #333; }
.record td a { font-size: 14px; font-weight: bold; }
.record td.age { color: #333; font-size: 14px; }
.record td b   { color: #999; font-size: 12px;  }

/* member classes */

.yellowbox { background-color: #FFD; padding: 25px 0; color:#666; }
.whitebox { background-color: #FFF; padding: 25px 0; color: #666; }
.whitebox b { font-size: 14px; }

.stripe { background: url(/images/bknd/myhomestripe.png) top left no-repeat; border-bottom: solid 1px #CCC; height: 140px; }
.stripe2 { background: url(/images/bknd/myhomestripe2.png) top left no-repeat; border-bottom: solid 1px #CCC; height: 140px; }
.stripe3 { background: url(/images/bknd/myhomebg.png) top left no-repeat; border-bottom: solid 1px #CCC; height: 140px; }
.stripe td { color: #333; }

.controlbox     { border: solid 1px #DDD; background-color:#F2F5F9; padding-bottom: 10px; }
.controlbox h5  { border: solid 1px #FFF; background-color:#369; color: #FFF; margin: 0; padding: 4px 0 4px 15px; }
.controlbox h6  { font-weight: normal; color: #333; margin: 10px 0 5px 15px; }
.controlbox div { border: solid 1px #FFF; background-color:#F2F5F9; padding: 5px; }  
.controlbox ul  { margin: 0 0 10px 20px; padding: 0 0 0 20px; }

.reportlist .record td { vertical-align: middle; padding: 15px 0; /*padding: 5px 0;*/ }

.rnavtop { background: url(/images/nav/reportnav.png) top right no-repeat; }
.emailed { background: url(/images/nav/reportnav1.png) top right no-repeat; }
.recent  { background: url(/images/nav/reportnav2.png) top right no-repeat; }

.rnavtop strong, .emailed strong, .recent strong { font-size: 14px; color: #333; }
.emailed span, .recent span { float: right; }
.emailed a, .recent a { padding: 0 0 4px 0; margin-right: 10px; text-align: center; display: block; width: 118px; float: left; }

.emailed a.x { color: #333; font-weight: bold; }
.recent a.x  { color: #333; font-weight: bold; }
.whatisthis {  border: solid 1px #CCC; text-align: left; line-height: 18px; padding: 12px; width: 445px; color: #666; }

.texthead { padding: 35px 0; color:#666; }
.texthead h1 { color: #000; margin: 0 0 0 30px; font-size: 18px; }
.graybox { background-color: #F2F5F9; padding: 15px 0; color:#333; float: left; width:529px; }
.graybox td { line-height: 18px; }

.countnav { position: relative; width: 279px; }
.countnav tr { position: relative; }
.countnav tr td { background: url(/images/nav/reportcount1.png) -30px 0 no-repeat; }
.countnav tr td.last { padding: 8px; }
.countnav tr td.num { background: url(/images/nav/reportcount1.png) top left no-repeat; text-align: right; color: #999; }
.countnav tr#selected td { background: url(/images/nav/reportcount2.png) -30px 0 no-repeat; }
.countnav tr#selected td.num { background: url(/images/nav/reportcount2.png) top left no-repeat; color: #fff; }
.countnav a { width: 225px; display: inline-block; }
.countnav a:link, .countnav a:visited { text-decoration: none; font-weight: normal; }
.countnav a:hover, .countnav a:active { text-decoration: none; font-weight: bold; background: url(/images/icons/ra1.png) center right no-repeat; }
.countnav tr#selected a { font-weight: bold; color: #333; } 
.countnav tr#selected a:hover { background: none; }

.redborder   { border: solid 1px #CC0101 !important; }
.redcheckbox { outline: 2px solid red; }
.redlabel    { color: #CC0101; }

#drawer { background: url(/images/bknd/drawer.png) bottom right no-repeat; overflow: hidden; margin-top: -1px; position: relative; height: 27px; }
#drawer .handle { background: url(/images/icons/ra3.png) right center no-repeat; padding: 3px 25px 3px 0; text-align: right; overflow: hidden; float: right; width: 190px; height: 27px; margin: 0; }
#historical td { color: #333; line-height: 16px; }

.error { background: #FFF url(/images/icons/error.png) 10px 8px no-repeat; padding: 12px 5px 8px 55px; font: normal 13px/16px Arial; border: solid 1px #CCC; margin: 0 0 17px 0; width: 275px; height: 35px; color: #D00; }

#framed { background: url(/images/icons/nophoto.png) center center no-repeat; margin: 0 10px 20px 0; height: 60px; width: 60px; float: left; }
#comprehensive { background-color: #FFF; border-right: solid 1px #CCC; border-left: solid 1px #CCC; border-bottom: solid 1px #CCC; padding: 15px 20px; color: #333; }
#comprehensive td { color: #333; }
#comprehensive td.reported { text-align: right; color: #999; }

#thankyou, #thankyou2 { text-align: left; font-size: 14px; width: 520px; height: 371px; color: #FFF; } 
#thankyou  { background: url(/images/bknd/thankyoubg.png) bottom left no-repeat; }
#thankyou2 { background: url(/images/bknd/thankyoubg2.png) bottom left no-repeat; }  

#monthlyfreq, #annualfreq { background: url(/images/bknd/frequencybg.png) top left no-repeat; padding: 2px 20px 2px 10px; width: 280px; }
 
#monthlyfreq label, #annualfreq label { display: inline-block; padding: 8px 10px 8px 0; cursor: pointer; width: 240px; }

#monthlyfreq input, #annualfreq input { vertical-align: middle; }
#monthlyfreq.active, #annualfreq.active { background: url(/images/bknd/frequencybg-on.png) top left no-repeat; }

.skipnav { border: solid 1px #DCE4EF; background-color: #F2F5F9; text-align: right; margin: 0 0 20px 0; clear: both; padding: 7px; color: #666; }
.skipnav select { font-size: 12px; margin-left: 5px; }

.subhead { border-bottom: solid 1px #999; color: #333; margin: 0 0 15px 0; padding-bottom: 3px; }
.subhead a.floatr { padding: 0 0 0 15px; background: url(/images/icons/ra4.png) center left no-repeat; }
.subhead h3 { font-size: 16px; margin: 0; color: #333; display: inline-block; margin-right: 10px; }
.navbox { background-color: #FFF; } .navbox td { border-bottom: solid 1px #DDD; }

/* pseudo classes */

a:link, a:visited { color: #39C; text-decoration: none; }
a:hover, a:active { color: #39C; text-decoration: underline; }
.record td a:link, .record td a:visited { color: #369; text-decoration: underline; }
.record td a:hover, .record td a:active { color: #369; text-decoration: none; }
#footer a:link, #footer a:visited { color: #39C; text-decoration: none; }
#footer a:hover, #footer a:active { color: #39C; text-decoration: underline; }

/* error messaging */

#successMessage, #warningMessage, #errorMessage { padding: 12px 5px 8px 55px; font: normal 13px/16px Arial; border: solid 1px #CCC; margin: 0 0 30px 0; width: 275px; }

#successMessage { color: green; }
#warningMessage { color: orange; }
#errorMessage   { background: #FFF url(/images/icons/error.png) 10px 8px no-repeat; color: #D00;  }