body {border: 0; padding: 0; margin: 0; text-align: left; font-family: Arial, Helvetica, Sans-Serif, Verdana; color: #666666;}
img {border: 0;}
hr {color: Black; border-style: solid; height: 2px;}
div.calcpagenomenu {position: relative; padding: 10px; font-size: 0.8em; background-color: #9FBCD7; text-align: left; border: 0;}
div.calcmenu {margin: 0; padding: 0; border: 0; height: 23px;}
div.calcpage {position: relative; padding: 30px; font-size: 0.8em; background-color: #FFFFFF; text-align: left; border: 0; height: 870px;}
#textchange {text-align: center; padding: 0 5px 0 5px; font-size: 18px;}
#minicredits {text-align: center; padding: 0; margin: 0; font-size: 11px;}
div.footerbar {position: relative; width: 100%; clear: both;}
#copyright {float: left; text-align: left; padding: 5px; font-size: 11px;}
#credit {float: right; text-align: right; padding: 5px; font-size: 11px;}
#integrate {text-align: center; padding: 5px; font-size: 11px;}

#mainpic {padding: 0 20px 0 0; display: none;}

span.co2 {font-size: 0.7em;}

p  {border: 0; margin: 0 0 0.5em 0; padding: 0;}
h2 {border: 0; margin: 0 0 0.5em 0; padding: 0; font-size: 1.6em; font-weight: bold; color: #003399;} /* not used, unless by Resources */
h3 {border: 0; margin: 0 0 20px 0; padding: 0; font-size: 2em; font-weight: normal; color: #003399; line-height: 1em;}
h3 span {font-size: 0.7em;}
h4 {border: 0; margin: 0 0 0.5em 0; padding: 0; font-size: 1.1em; font-weight: bold;}

a:link, a:visited {color: #003399; text-decoration: none;}
a:active, a:hover {color: #003399; text-decoration: underline;}

p.error {color: #CC0000; font-weight: bold;}
p.footnote {font-size: 0.8em;}
ul {margin-left: 16px;}
ul.footnote {padding: 0 0 5px 0; margin: 0 0 0.5em 16px;}
li.footnote {font-size: 0.8em; margin: 0; padding: 0;}
p.footnotespacer {padding: 5px 0 5px 0;}

input.cfp {background: #E7EDF5 url('dbbtnbg.gif') repeat-x; color: #003399; border: solid 1px #CED9EA; font-size: 0.9em; padding: 1px 10px 3px 10px; margin: 0; height: 1.8em; font-weight: bold; text-align: center;}
input.cfp:hover {border: solid 1px #003399;}
input.cfplight {background: #E7EDF5 url('dbbtnbg.gif') repeat-x; color: #003399; border: solid 1px #CED9EA; font-size: 0.9em; padding: 1px 10px 3px 10px; margin: 0; height: 1.8em; font-weight: bold; text-align: center;}
input.cfplight:hover {border: solid 1px #003399;}
input.linkbutton {background-color: Transparent; color: #003399; font-size: 1em; text-decoration: none; border-width: 0; padding: 0; margin: 0;}
input.linkbutton:hover {color: #003399; text-decoration: underline;}
a.buttonlink, a.buttonlink:visited {background: #E7EDF5 url('dbbtnbg.gif') repeat-x; color: #003399; border: solid 1px #CED9EA; font-size: 0.9em; font-weight: bold; text-align: center; padding: 2px 10px 2px 10px; text-decoration: none; display: block;}
a.buttonlink:hover, a.buttonlink:active {border: solid 1px #003399; text-decoration: none;}
a.buttonlinklight, a.buttonlinklight:visited {background: #E7EDF5 url('dbbtnbg.gif') repeat-x; color: #003399; border: solid 1px #CED9EA; font-size: 0.9em; font-weight: bold; text-align: center; padding: 2px 10px 2px 10px; text-decoration: none; display: block;}
a.buttonlinklight:hover, a.buttonlinklight:active {border: solid 1px #003399; text-decoration: none;}
table.layouttable {border-collapse: collapse; border: 0; padding: 0; margin: 0;}
.topleft {vertical-align: top; text-align: left;}
.middleleft {vertical-align: middle; text-align: left;}
.bottomleft {vertical-align: bottom; text-align: left;}
.topright {vertical-align: top; text-align: right;}
.middleright {vertical-align: middle; text-align: right;}
.fullwidth {width: 100%;}
table.gentable {border-collapse: collapse; border: 0; padding: 0; text-align: left;}
div.welcomecontrols table.gentable {margin: 0;}
table.periodexplain {width: 390px;}
.welcomeheading {width: 310px;}
div.househeading {width: 290px;}
div.flightheading {width: 290px;}
div.carheading {width: 270px;}
div.motorbikeheading {width: 360px;}
div.busheading {width: 300px;}
div.secondaryheading {width: 320px;}
p.houseexplain {width: 350px;}
.verticalspaced {margin: 10px 0 10px 0;}
td.gencell {padding: 3px 6px 3px 0;}
td.gencellright {padding: 3px; text-align: right;}
table.offsetlink {background: #D75600 url('dbtotal.gif') repeat-x; border-collapse: collapse; border-bottom: solid 2px #000000; border-top: solid 2px #F0F0F0; border-right: solid 2px #000000; border-left: solid 2px #F0F0F0; margin: 10px 0 30px 0;}
td.offsetlinkcell {padding: 2px 0 2px 10px;} 
table.footprints {border-collapse: collapse; margin: 20px 0 20px 0;}
div.calcbutton {margin: 10px 0 15px 0; text-align: left; width: 100%;}
td.leftbutton {text-align: left; vertical-align: bottom; width: 15%; white-space: nowrap;}
td.rightbutton {text-align: right; vertical-align: bottom; width: 15%; white-space: nowrap;}
td.middlebutton {text-align: center; vertical-align:bottom; width: 70%}
.nowrapping {}
.nomargin {margin: 0;}
.nospace {border-collapse: collapse; border: 0; padding: 0; margin: 0;}
h3.nomargin {color: #FFFFFF; font-size: 1.6em;}
div.clearboth {}
img.keyblock {border: solid 1px #FFFFFF;}

.narrowbox {width: 3em; font-size: 1em; color: #666666;}
.numberbox {width: 6em; font-size: 1em; color: #666666;}
.mediumbox {width: 8em; font-size: 1em; color: #666666;}
.choosebox {width: 12em; font-size: 1em; color: #666666;}
.dropbox {width: 23em; font-size: 1em; color: #666666;}
.widebox {width: 300px; font-size: 1em; color: #666666;}
input.radEnabledCss_Default, input.rcbInput {color: #666666;}
p.calcquestion {text-align: left; font-style: italic; margin: 5px 0 2px 0;}
p.calcanswer {text-align: left; margin: 0 0 10px 0;}
.calcanswerdropdown {width: 34em; font-size: 0.85em; color: #666666;}
div.calcgraph {padding: 75px 0 0 0; position: absolute;}
table.calcgraph {border: 0; text-align: left; padding: 0; margin: 0; border-collapse: collapse;}
tr.calcgraph {vertical-align: bottom;}
th.calcgraph {border: 0; padding: 2; margin: 0; vertical-align: bottom; text-align: center; font-size: 11px;}
td.calcgraph {border: 0; padding: 0; margin: 0; vertical-align: bottom; width: 75px; text-align: center; font-size: 36px; border: 0;}
table.graphsolid {border: 0; text-align: center; padding: 0; margin: auto; border-collapse: collapse; background-color: #D5D5D5;}
tr.graphsolid {vertical-align: bottom;}
td.graphsolid {border: 0; padding: 0; margin: 0; vertical-align: bottom; width: 29px; height: 129px; text-align: center; font-size: 28px; background: #D4D4D4 url('graph.gif') no-repeat center;}
img.graphsolid {padding-bottom: 3px; text-align: center;}
div.resultspic {float: left; padding: 0 20px 5px 0; position: relative; display: none;}
div.resultspie {padding: 20px 0 0 280px;}
div.resultssummary {padding: 10px 0 20px 270px;}
table.resultsnotes {margin: 0;}
ul.resultsbullets {padding: 0; margin: 0 0 20px 16px;}
li.resultsbullets {margin: 0; padding: 0;}
table.resultslinks {margin: 0 0 20px 0;}
div.approvepic {text-align: center; padding: 5px 0 5px 0;}


div.tabWelcome { background: #FFFFFF url('dbtabwelcome.jpg') no-repeat top left; }
div.tabHouse { background: #FFFFFF url('dbtabhouse.jpg') no-repeat top left; }
div.tabFlight { background: #FFFFFF url('dbtabflight.jpg') no-repeat top left; }
div.tabCar { background: #FFFFFF url('dbtabcar.jpg') no-repeat top left; }
div.tabMotorbike { background: #FFFFFF url('dbtabmotorbike.jpg') no-repeat top left; }
div.tabBus { background: #FFFFFF url('dbtabbus.jpg') no-repeat top left; }
div.tabSecondary { background: #FFFFFF url('dbtabsecondary.jpg') no-repeat top left; }
div.tabResults { background: #FFFFFF url('dbtabresults.jpg') no-repeat top left; }