﻿h1 { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: small; color: #333333;font-weight: bold;}
h2 { background-color: #336666 /*#9c9a63*/; width: 100%; font-size: small; color: White; margin-bottom: 10px; }
.inputField { background-color: #eeeeee; border: 1px solid #000000; }
.highlightField { background-color: #ffffff; border: 1px solid #000000; }
#step1 label {width: 250px; float: left; }
#step1 p { clear: left; width: 450px; margin: 4px 0 0 0; }
.pageTitle { font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; font-size: 13px; }
div.inputform label { width: 100px; float: left; }
div.inputform label.short { width: auto; float: left; padding-left: 3px; padding-right: 3px; }
div.inputform .inputField {width: 75px;}
div.inputform .highlightField {width: 75px;}
div.inputform .formhead { font-weight: bold; }
div.inputform p {padding-left: 25px; margin: 2px 0 0 0; clear: left; width: 450px; }
div.inputform select { background-color: #ffffff; border: 1px solid #000000; }
p#buttons { padding-left: 25px; padding-top: 10px; padding-bottom: 10px; }
div#homeHeating a:hover{ color: #0000ff; }
h3 { color: #333333; }
ul.summary { width: 235px; padding-left: 15px; margin: 0 0 5px 0; }
ul.summary li { list-style: none; }
li.alt { background-color: #eeeeee; }
ul.summary label { width: 110px; float: left; font-weight: bold; }
.energyUse { font-weight: bold; }
div#errorText { color: #ff0000; clear: both; padding-left: 25px; }
.printBody { font-family: Arial,Helvetica,Verdana,sans-serif; font-size: small; }
div.result { border: solid 1px #000000; background-color: #eeeeee; margin-bottom: 10px; }
div.result h1 { background-color: #336666; width: 100%; text-align: center; color: #ffffff; margin-top: 0px; font-size: medium; padding-top: 3px; padding-bottom: 3px; } 
div.result h2 { background-color: #336666; color: #ffffff; margin-top: 0px; }
.leftBox { width: 270px; float: left; padding-left: 10px; }
.rightBox { width: 270px; float: right; padding-right: 10px; }
.center { text-align: center; }
.scoreText { font-weight: bold; padding-bottom: 5px; display: block; }
div.radiobtn label, .radiobtn label { width: auto; float: none; }
div.radiobtn { padding-left: 25px; }
ul#improve { padding-right: 4px; }
div#printresults, div.address { display: none; }
div#printresults .header { font-weight: bold; }
#checklist { margin-left: 15px; }
#checklist td { vertical-align: top; }
#checklist img { padding-top: 3px; }
.opcompany { padding-top: 4px; padding-bottom: 8px; }
.legend {text-align: left;border: 1px solid #000000; background-color: #ffffff;}
.legendhead {font-weight: bold; text-align: center;}
.clearfix { clear: both;}
.small { font-size: smaller; }
.iepad { #padding-bottom: 5px; } /* hack for ie 6 & 7 spacing */
.ieheight { _margin-top: 8px; #margin-top: 8px; }
#pie { width: 200px; height: 200px; }
@media print 
{
	div.address, div#printresults { display: block;}
	ol#audit, ul#improve { display:none; }
	li.edit { display: none; }
	#img1, #img2, #img3 { display: none; }
	div#content { position: absolute; top: 75px; left: 0px; width: 580px; }
	img#logo { position: absolute; top: 0px; left: 0px; }
	.pageTitle { position: absolute; top: 60px; left: 0px; }
}