body {margin-top:50px;background-color:#B1E7C0;color:#000;font:bold 0.8em Arial;}
h1 {margin:1% auto;font-size:1.35em;font-weight:normal;color:#6C6C6C;}
h2 {display:none;}
h3 {background:url(http://www.calcxml.com/images/whitebar2.png) repeat-x left bottom; color:gray;font-size:1em;font-weight:normal;padding:6px 3px;text-align:left;border-top:1px solid #DEDEDE;}
p {margin:1% auto;}
hr {display:none;}
img {max-width:100%;}
form {margin-top:-10px;}
input {vertical-align:middle;}
#page {margin:1px auto;width:100%;}
#chartContainer {width:100%;max-width:600px;max-height:400px;}
.main {width:100%;}
.logoImage{border:0;}
.btnImage{float:right;padding:0.5%;cursor:pointer;vertical-align:top;border:0;}
.stdImage{border:0;}
.errorImage{border:0;}
.errorSection{color:red;}
.sectionTitle {float:left;width:100%;background-color:#B1E7C0;font-weight:bold;font-size:1em;padding:0px;margin-bottom:0.25%;}
.sectionTitle2 {float:left;width:100%;background-color:#646473;color:#FFF;padding:1% 0;margin-bottom:0.5%;}
.inputLine {width:100%;clear:both;padding-bottom:10px;}
.inputFullLine {width:100%;clear:both;padding-bottom:10px;}
.inputLabel {width:50%;float:left;text-align:right;}
.inputLabel label {padding-right:6px;}
.inputField {width:50%;float:left;white-space:nowrap;}
.helpImg{border:0;vertical-align:middle;padding:2px;}
.helpimg{border:0;vertical-align:middle;padding:2px;}
.validRange{display:none;}
.btnLine{width:100%;clear:both;padding-top:2px;padding-bottom:5px;}
.submitBtn {background-color:#31A2EF;color:#FFF;border:1px solid #299AEF;font-weight:bold;padding:0.4%;margin-left:50%;cursor:pointer;vertical-align:top;}
.resetEditBtn {float:right;background-color:#4F4F4F;color:#FFF;border:1px solid #373737;text-transform:uppercase;font-size:0.6em;font-weight:bold;padding:0.5%;cursor:pointer;vertical-align:top;margin-left:1%;}
.btn {float:right;background-color:#4F4F4F;color:#FFF;border:1px solid #373737;text-transform:uppercase;font-size:0.6em;font-weight:bold;padding:0.5%;cursor:pointer;vertical-align:top;margin-left:1%;}
.disclaimer {clear:both;display:block;margin-left:auto;margin-right:auto;}
}
.poweredBy{margin-top:1%;}
.poweredByImg{display:none;}
.poweredbylink a,.poweredByLink a:link,.poweredByLink a:visited,.poweredByLink a:active{display:none;}
.resultText{}
.resultChart{}
.resultDisplayTable{}
.resultDataTable{}
.resultRelatedStuff{}
.resultRecommendations{}
.dataTable, .simpletable{width:100%;border-collapse:collapse;border-bottom:1px solid #C6E36A;}
/* Had to use px here. IE would not work correctly with percentage. The right-aligned text would bleed out past the table width. */
.dataTable th, .simpletable th {font-size:0.75em;background-color:#B1E7C0;border-right:1px solid #E3F1B8;color:#FFF;text-align:right;padding:3px 1px 3px 0;}
.dataTable tr, .simpletable tr {border-left:1px solid #C6E36A;}
.dataTable td, .simpletable td {font-size:0.75em;border-right:1px solid #C6E36A;text-align:right;padding:0 1px 0 1px;}
.displayTable{width:100%;border-collapse:collapse;border:0;}
.displayTable th {font-size:1em;text-align:right;background-color:#B1E7C0;border-right:1px solid #E3F1B8;color:#FFF;padding:3px 1px 3px 0;}
.displayTable tr {border:0;}
.displayTable td {font-size:1em;text-align:left;border:0;padding:3px 0;}
.displayTable td.row1 {}
.displayTable td.row2 {font-size:8em;text-align:center;background-color:#31A2EF;color:#FFF}
.displayTable td.row3 {text-align:center;background-color:#31A2EF;color:#FFF;padding:0px 0px 8px 0px;}
.miniDisplayTable{width:50%;border-collapse:collapse;border-bottom:1px solid #C6E36A;}
.miniDisplayTable th {font-size:1em;text-align:center;background-color:#B1E7C0;color:#FFF;padding:3px 1px 3px 0;}
.miniDisplayTable tr {border-left:1px solid #C6E36A;}
.miniDisplayTable td {font-size:1em;text-align:center;border-right:1px solid #C6E36A;padding:0 1px 0 1px;}
/*This needs to be the same color as the background-color of displayTable th in order to hide it. It is here for ADA compliance purposes.*/
.hiddenHeader {color:#B1E7C0 !important;} 
.inputTable {clear:both;width:100%;}
.inputTableHeader {font-size:0.9em;line-height:0.9em;padding:2px;text-align:left;}
.inputTableLabel {}
.inputTableField {}
.inputTable2 {clear:both;width:100%;max-width:600px;}
.inputTable2Header {font-size:0.9em;line-height:0.9em;padding:2px;text-align:left;}
.inputTable2Label {width:65%;}
.inputTable2Field {width:35%;}
.eodText{}
.eodContainer{clear:both;margin-top:3%;}
.leadGen{padding-top:4%;}
.leadGenHeader{width:100%;background-color:#B1E7C0;color:#FFF;padding:1% 0;margin-bottom:0.5%;}
.leadGenIntro{}
.leadGenFinal{clear:both;font-size:0.8em;}
@media screen and (min-width: 650px) {
	.dataTable th {font-size:1em}
	.dataTable td {font-size:1em}
}
@media screen and (max-width: 400px) {
	.displayTable th {font-size:0.75em}
	.displayTable td {font-size:0.75em}
	.dataTable th {font:normal 0.6em Tahoma;}
	.dataTable td {font:normal 0.6em Tahoma;}
	h3 {font-size:0.85em;padding:3px 1.5px;}
}