/* Common Calculator styles */
.calc, .article .calc {float:left; padding:10px; background-color:#e6e6e6;}
.calc h3, .article .calc h3 {padding:0 5px 10px; margin:0; font-size:30px; color:#333;}
.calc p, .article .calc p {color:#333;}
.calc ul, .article .calc ul {margin:0; zoom:1;}
.calc ul:after, .article .calc ul:after {content:'.'; display:block; clear:both; height:0; visibility:hidden;}
.calc .calc-content, .article .calc  .calc-content {padding:10px; background-color:#fff;}
.calc form, .article .calc form {display:block; padding:15px 25px 25px;}
.calc form li, .article .calc form li {float:left; width:190px; padding:0; background:none; zoom:1;}
.calc form li:after, .article .calc form li:after {content:'.'; display:block; clear:both; height:0; visibility:hidden;}
.calc form li input[type="text"], .article .calc form li input[type="text"],
#pagewrapper .calc form li input[type="text"] {width:100px; height:30px; font-size:25px; text-align:right; -webkit-box-shadow:inset 2px 2px 6px #c5c6c7; -moz-box-shadow:inset 2px 2px 6px #c5c6c7; box-shadow:inset 2px 2px 6px #c5c6c7;}
.calc form label, .article .calc form label {cursor:pointer;}
.calc form li label, .article .calc form li label {display:block; padding:0 0 5px; font-weight:bold; font-size:1.1em;}
.calc form li label span, .article .calc form li label span {font-weight:normal; font-size:.9em;}
.calc form li abbr, .article .calc form li abbr {font-size:25px;}
.calc form li.calc-gender, .article .calc form li.calc-gender {width:auto;}
.calc form li.calc-gender label.calc-radio-label, .article .calc form li.calc-gender label.calc-radio-label {display:inline-block; *display:inline; padding:0 0 0 10px; margin:0 90px 0 0; font-size:1.2em; color:#333; cursor:pointer; zoom:1;}
.calc form li.calc-calculate, .article .calc form li.calc-calculate {clear:both; width:auto; padding:15px 0 0;}
.calc form li.calc-calculate .calc-button, .article .calc form li.calc-calculate .calc-button,
.calc .calc-results form .calc-button, .article .calc .calc-results form .calc-button {width:150px;}
.calc .calc-results, .article .calc .calc-results {clear:both; padding:10px; background:#ffffff url('../images/calculators/calc-bdr-grey.gif') repeat-x 0 0;}
.calc .calc-results span, .article .calc .calc-results span {font-weight:bold;}
.calc .error, .article .calc .error {margin:0; padding:10px 0 0; color:#d81e05;}
.calc .calc-feedback, .article .calc .calc-feedback {border:1px solid #b5b6b8; background-color:#fff;}
.calc .calc-feedback h4, .article .calc .calc-feedback h4 {min-height:40px;}
.calc .calc-feedback h4, .article .calc .calc-feedback h4,
.calc .calc-feedback .response, .article .calc .calc-feedback .response {padding:25px 20px 15px; margin:0;}
.calc .calc-feedback h4, .article .calc .calc-feedback h4 {position:relative; padding:20px 20px 0; font-size:25px; font-weight:normal;}
.calc .calc-feedback h4 span, .article .calc .calc-feedback h4 span {position:absolute; top:12px; right:20px; float:right; font-size:25px; font-weight:bold;}
.calc .calc-feedback .response, .article .calc .calc-feedback .response {line-height:normal; background:#fff url('../images/calculators/calc-gradient.png') repeat-x 0 0;}
.calc .calc-button, .article .calc .calc-button {display:inline-block; *display:inline; width:auto; height:35px; padding:0 30px 0 10px; margin:0 10px 0 0; color:#fff; font-weight:normal; font-size:1.1em; line-height:35px; vertical-align:middle; text-align:left; text-transform:uppercase; border:none; background:transparent url('../images/calc-button.png') no-repeat right 0; cursor:pointer; /*-moz-box-shadow:3px 3px 4px #c5c6c7; -webkit-box-shadow:3px 3px 4px #c5c6c7; box-shadow:3px 3px 4px #c5c6c7;*/ zoom:1;}
.calc .calc-button:hover, .article .calc .calc-button:hover,
.calc .calc-button:focus, .article .calc .calc-button:focus {background-position:right -35px;}
.calc .calc-button:active, .article .calc .calc-button:active {background-position:right -70px;}
.calc .calc-button[disabled="disabled"]:hover, .article .calc .calc-button[disabled="disabled"]:hover,
.calc .calc-button[disabled="disabled"]:focus, .article .calc .calc-button[disabled="disabled"]:focus {background-position:right 0;}
.calc form button[disabled="disabled"], .article .calc form button[disabled="disabled"] {opacity:.50; filter:opacity(alpha=50);}
/* Aside Elements */
.calc-help {float:left; width:300px; padding:0 0 0 35px;}
.calc-help .modulewrapper {padding:0;}
.calc-help .modulewrapper ul.calc-basic-list {margin-left:15px; font-weight:bold;}
.calc-help .modulewrapper ul.calc-basic-list li {padding-left:0; margin-left:0; list-style:disc outside; background:none;}
.calc-help .list-text li a {color:#409bd6;}
.calc-help h2 {padding:0 0 11px; margin-bottom:8px; font-size:1.8em; color:#333;}
.calc-help .list-pointer h2 {padding-bottom:16px; background:transparent url('../images/calculators/calc-bdr-blue.gif') repeat-x 0 bottom;}
.calc-help .list-pointer li {border:none; margin-bottom:8px; padding:1px 1px 0 15px !important; background:transparent url('../images/calculators/calc-chevron-blue.png') no-repeat 0 center !important;}
/* BMI Calculator */
.calc#calc-bmi .calc-range ul {list-style:none; padding:15px 0 4px 45px;}
.calc#calc-bmi .calc-range ul li {float:left; width:99px; padding:0 0 6px; margin:0; font-weight:bold; text-align:center; background:transparent url('../images/calculators/calc-indicator.gif') no-repeat center bottom;}
.calc#calc-bmi .calc-range p {padding:0 105px 0 0; margin:0;}
.calc#calc-bmi .calc-range .calc-bar-chart {width:74px; height:40px; padding:14px 282px 0 120px; margin:0 -5px 10px; text-align:center; line-height:15px; color:#fff; border:5px solid #ebecec; background:#ebecec url('../images/calculators/calc-bg-range.png') repeat-y 0 0;}
/* Calorie Converter */
.calc#calc-cc form {padding-top:5px; padding-bottom:0;}
.calc#calc-cc form ul {background:#fff url('../images/calculators/calc-reverse.png') no-repeat 190px 60px;}
.calc#calc-cc form li {width:140px; padding:0 0 30px; background-color:#ffffff;}
.calc#calc-cc form li:first-child {margin-right:150px;}
.calc#calc-cc form li label {padding:0 0 8px 8px; background-color:#fff;}
.calc#calc-cc form li input[type="text"] {margin:8px 15px 10px;}
.calc#calc-cc form li abbr {margin:0 15px;}
/* Ideal Weight */
.calc#calc-ideal-weight form li {width:auto;}
.calc#calc-ideal-weight li.calc-calculate .calc-button {width:215px;}
.calc#calc-ideal-weight .calc-feedback h4 {padding-bottom:5px; font-size:1.5em;}
.calc#calc-ideal-weight .calc-feedback .response {padding-top:15px; padding-bottom:15px; font-size:1.8em; text-align:center;}
.calc#calc-ideal-weight .calc-feedback .response > span {display:inline-block; *display:inline; width:170px; font-weight:normal; zoom:1;}
.calc#calc-ideal-weight .calc-feedback .response span span {font-weight:bold; font-size:1.6em;}
/* Cost of Smoking */
.calc#calc-cos .calc-content {font-size:1.1em;}
.calc#calc-cos form li {width:100%; margin-bottom:10px;}
.calc#calc-cos form li label {float:left; font-weight:normal;}
.calc#calc-cos form li input, .calc#calc-cos form li abbr {float:right;}
.calc#calc-cos form li label, .calc#calc-cos form li abbr {padding:5px 10px 5px 0; line-height:30px;}
.calc#calc-cos form li abbr {color:#333;}
.calc#calc-cos form li.calc-gender label {float:none; cursor:text;}
.calc#calc-cos form li.calc-gender input {float:none; cursor:pointer;}
.calc#calc-cos form li.calc-gender label.calc-radio-label {padding:0 0 0 10px; font-weight:bold; cursor:pointer;}
.calc#calc-cos .calc-results ul#calc-tally {margin:14px 0 0; padding:19px 0 0; background:transparent url('../images/calculators/calc-bdr-grey.gif') repeat-x 0 0;}
.calc#calc-cos .calc-results li {display:inline-block; *display:inline; overflow:hidden; width:140px; height:80px; padding:4px 0 0; margin:0 0 0 10px; font-size:1.2em; line-height:30px; text-align:center; background:#fff none; border:1px solid #b5b6b8; zoom:1;}
.calc#calc-cos .calc-results li:first-child {margin:0;}
.calc#calc-cos .calc-results li span {display:block; height:45px; padding:5px 8px 0; font-weight:bold; line-height:45px; text-align:right; color:#333; background:#fff url('../images/calculators/calc-gradient.png') repeat-x 0 0;}
.calc#calc-cos p.calc-disclaimer {margin:15px 5px 5px; font-size:.8em;}
/* Target Heart Rate */
.calc#calc-thr .calc-results h4 {padding:20px 10px 0; font-size:1.5em;}
.calc#calc-thr .calc-results p {font-size:1.5em; line-height:40px; vertical-align:top;}
.calc#calc-thr .calc-results p.response {padding-top:20px;}
.calc#calc-thr .calc-results p.calc-seperated {height:50px; padding:3px 20px 3px; margin:4px 0 0; line-height:50px; border:1px solid #b5b6b8; background-color:#fff;}
.calc#calc-thr .calc-results p span {margin:0 10px; font-size:1.5em;}
.calc#calc-thr .calc-results p span#calc-start-range {margin-left:0;}
.calc#calc-thr .calc-results select {margin:0 5px 1px; height:40px; vertical-align:top; cursor:pointer;}
.calc#calc-thr .calc-results select:focus {margin:0 4px;}
/* Waist to Hip Ratio */
.calc#calc-whr form li.calc-gender {padding-top:15px; margin:0;}
.calc#calc-whr form li.calc-gender label:first-child {padding-bottom:10px; font-weight:normal;}
.calc#calc-whr .calc-results h4 {display:inline-block; *display:inline; padding-right:10px; font-size:1.5em; zoom:1;}
.calc#calc-whr .calc-results h4#calc-risk span {font-weight:normal;}
.calc#calc-whr .calc-results h4 span {position:static; top:auto; right:auto; float:none;}
.calc#calc-whr .calc-results h4#calc-risk {padding-left:20px; padding-right:0;}
.calc#calc-whr .calc-results h4#calc-risk span {font-weight:normal;}
.calc#calc-whr .calc-results h4#calc-risk span.calc-high {color:#e25644;}
.calc#calc-whr .calc-results h4#calc-risk span.calc-mod {color:#ef8900;}
.calc#calc-whr .calc-results h4#calc-risk span.calc-low {color:#007a3d;}
.calc#calc-whr .calc-results p.response {height:auto; min-height:40px;}
/* Burning Calories */
.calc#calc-bc form li.calc-bc-activity {width:100%; margin-bottom:20px;}
.calc#calc-bc form li.calc-bc-activity select {width:300px; cursor:pointer;}
.calc#calc-bc form li.calc-calculate .calc-button {width:300px;}
.calc#calc-bc .calc-feedback h4 {font-size:1.5em;}
.calc#calc-bc .calc-feedback .response {position:relative; min-height:40px; padding:20px 20px 10px; font-size:1.5em; font-weight:normal; text-align:center;}
.calc#calc-bc .calc-feedback .response > span {display:inline-block; *display:inline; width:210px; font-weight:bold; font-size:1.8em; zoom:1;}
/* Presenstation purposes only -- to be removed for integration as it will clash */
#pagewrapper {/*width:880px;*/ padding:20px 0; margin:0 auto; zoom:1;}
#pagewrapper:after {content:'.'; display:block; clear:both; height:0; visibility:hidden;}