/* Questionnaire */
#pageBanner h1 { width: 400px; }
#pageBanner h2 { width: 350px;  }
#hhForm { float: left; width: 100%; }
#hhForm h4 { float: left; width: 515px; font-size: 12px; font-weight: normal; color: #999999; text-transform: uppercase; margin: 0 0 2px; }
#hhForm .set { float: left; margin: 15px 0 0; }
#hhForm .set .field { float: left; width: 515px; }
#hhForm .set .field label { float: left; width: 479px; }
#hhForm .set .field label.name { float: left; width: 90px; }
#hhForm .set .field label.age,
#hhForm .set .field label.gender { width: 57px; margin: 0 0 0 33px; }
#hhForm .set .field label.doctor { width: auto; margin: 0 6px 0 33px; }
#hhForm .set .field .sidenote { color: #999999; font-style: italic; }
#hhForm .set .field input { float: left; margin: 0; padding: 3px 0 3px 3px; border: 1px solid #8EAAC5; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
#hhForm .set .field input#hhName { width: 147px; color: #004B8D; font-weight: bold; margin: -2px 0 0; }
#hhForm .set .field input#hhBloodPressure1a,
#hhForm .set .field input#hhBloodPressure1b { float: none; width: 30px; margin-top: -2px; }
/*#hhForm .set .field .slash { float: left; margin: 0 2px; }*/
#hhForm .set .field input.checkbox { float: left; margin: 2px 20px 0 0; padding: 0; border: none; }
#hhForm .set .field select { float: left; width: 198px; height: 23px; margin: 2px 0 0; padding: 3px 2px 2px 0; border: 1px solid #8EAAC5; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
#hhForm .set .field select#hhAge, 
#hhForm .set .field select#hhGender,
#hhForm .set .field select#hhDoctor { width: 200px; margin: -4px 0 6px; }
/*
#hhForm input#hhSubmit { float: left; width: 181px; height: 34px; margin: 35px 0 3px; background: url(../images/healthadvisor/hearthealth/hh-rate.gif) no-repeat; border: none; cursor: pointer; }
*/

#hhForm input#hhSubmit { float: left; width: 204px; height: 34px; margin: 35px 0 3px; background: url(../images/healthadvisor/hearthealth/hh-rate.gif) no-repeat 0 0; border: none; cursor: pointer; }
#hhForm input#hhSubmit:hover { background: url(../images/healthadvisor/hearthealth/hh-rate.gif) no-repeat 0 -34px; }

#hhForm a#hhClear { float: left; width: 77px; height: 26px; margin: 0 2px 0 0; background: url(../images/healthadvisor/hearthealth/hh-clear.gif) no-repeat; }
#hhForm a#hhPrint { float: left; width: 50px; height: 26px; margin: 0; background: url(../images/healthadvisor/hearthealth/hh-print.gif) no-repeat; }

/* Results */
#hhResults { float: left; width: 100%; }
#hhResults h3 .name { color: #0E79D4; }
#hhResults h4 { float: left; width: 515px; font-size: 12px; font-weight: normal; color: #999999; text-transform: uppercase; margin: 0 0 2px; }

#hhResults #riskLevel { float: left; width: 100%; }
#hhResults #riskLevel img { float: left; width: 83px; }
#hhResults #riskLevel #info { float: left; width: 432px; }
#hhResults #riskLevel h2 { float: left; width: 100%; font-size: 18px; color: #FF790E; margin: 0; padding: 0; }
#hhResults #riskLevel h4 { float: left; width: 100%; font-size: 12px; color: #004B8D; margin: 0 0 4px; padding: 0; font-weight: bold; text-transform: none; }

#hhResults #riskLegend { float: left; width: 100%; margin: 30px 0 0; }
#hhResults #riskLegend .item { float: left; width: 145px; font-size: 12px; font-style: italic; color: #666666; }
#hhResults #riskLegend img { margin: 0 0 0 5px; padding: 0 0 4px; vertical-align: middle; }

#hhResults .resultSet { float: left; width: 100%; margin: 30px 0 0; }
#hhResults ul { list-style: none; float: left; width: 515px; margin: 0; padding: 5px 0 0; }
#hhResults ul li { float: left; width: 511px; height: auto; background: #FFFFFF; margin: 0 0 3px; padding: 4px 0 0 3px; cursor: pointer; }
#hhResults ul li h5 { float: left; font-size: 12px; color: #333333; background: url(../images/healthadvisor/hearthealth/arrow-blue.gif) no-repeat left center; padding: 0 0 0 16px; margin: 0 0 0 5px; }
#hhResults ul li:hover h5 { background: url(../images/healthadvisor/hearthealth/arrow-blue-down.gif) no-repeat -1px center; padding: 0 0 0 16px; }
#hhResults ul li.selected { background: #F0F0F0; }
#hhResults ul li.selected h5 { color: #004785; background: url(../images/healthadvisor/hearthealth/arrow-blue-down.gif) no-repeat -1px center; padding: 0 0 0 16px; }
#hhResults ul li .icon { float: right; padding: 0 5px 0 0; }
#hhResults ul li .icon img.heart { padding-top: 1px; }
#hhResults ul li.resultContent { display: none; float: left; width: 515px; height: auto; background: #FFFFFF; margin: 0 0 10px; padding: 8px 0 10px; cursor: auto; border-bottom: 1px solid #CCCCCC; }
#hhResults ul li.resultContent p { width: 450px; }
#hhResults ul li.resultContent ul.tips { list-style: none; float: left; padding: 0 0 10px; }
#hhResults ul li.resultContent ul.tips li { float: left; width: 430px; background: url(../images/healthadvisor/hearthealth/arrow-orange-sm.gif) no-repeat left 5px; margin: 0 0 10px 3px; padding: 0 0 0 20px; }
#hhResults ul li.resultContent ul.tips li.inner { width: 406px; margin: 0 0 10px 24px; }

#hhResults #tools { float: left; width: 100%; margin: 10px 0 0; padding: 10px 0 0; border-top: 1px solid #336C9D; }
#hhResults #tools img { float: left; margin: 0 3px 0 0; }
#hhResults #emailResults { display: none; float: left; width: 100%; padding: 15px 0 0; }
#hhResults #emailResults label { float: left; width: 80px; margin: 0 0 0 201px; }
#hhResults #emailResults input#hhEmailTo { float: left; width: 197px; margin: 0; padding: 3px 0 3px 3px; border: 1px solid #8EAAC5; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
#hhResults #emailResults a#hhEmailSubmit { float: left; width: 60px; height: 25px; margin: 8px 0 0 425px; background: url(../images/healthadvisor/hearthealth/hh-submit.gif) no-repeat; }
#hhResults #emailResults #emailMsg,
#hhResults #emailResults #emailError { display: none; }

#hhResults p.fine { float: left; width: 100%; margin: 35px 0 0; font-size: 10px; color: #999999; font-style: italic; }
#hhResults #emailContent { display: none; }

/* IE6 Hacks */
#hhForm .set .field label { _width: 475px; }
#hhForm .set .field label.name { _margin-top: 4px; }
#hhForm .set .field label.gender { _margin: 3px 0 0 33px; }
#hhForm .set .field label.doctor { _margin: 3px 6px 0 33px; }
#hhForm .set .field input#hhName { _margin: 0; }
#hhForm .set .field input#hhBloodPressure1a,
#hhForm .set .field input#hhBloodPressure1b { _margin-top: 0; }
#hhForm .set .field input#hhBloodPressure1 { _margin-top: 4px; }
#hhForm .set .field input.checkbox { _margin: -2px 20px 0 0; }
#hhForm .set .field select { _margin: 2px 0 0 0; }
#hhForm .set .field select#hhAge, 
#hhForm .set .field select#hhGender,
#hhForm .set .field select#hhDoctor { _margin: 0 0 6px; }