body {border: 0; padding: 0; margin: 0; text-align: left; font-family: Arial, Helvetica, Sans-Serif, Verdana;}
img {border: 0;}
hr {color: Black; border-style: solid; height: 2px;}
div.calcpagenomenu {position: relative; padding: 10px; font-size: 0.8em; background-color: #FFFFFF; text-align: center; border: solid 1px #1CA941;}
div.calcmenu {margin: 0; padding: 0; border: 0; height: 26px; background: url('../bluegreen.gif') repeat-x bottom;}
div.calcpage {position: relative; padding: 10px; font-size: 0.8em; background-color: #FFFFFF; text-align: center; border-left: solid 1px #1CA941; border-right: solid 1px #1CA941; border-bottom: solid 1px #1CA941;}
#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;}
#mainpic span.fa-solid {font-size: 65px; width: 75px; height: 75px; text-align: center; color: #0F9309;}

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: #1CA941;} /* not used, unless by Resources */
h3 {border: 0; margin: 0 0 0.5em 0; padding: 0; font-size: 1.3em; font-weight: bold; color: #1CA941;}
h4 {border: 0; margin: 0 0 0.5em 0; padding: 0; font-size: 1.1em; font-weight: bold;}

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

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

input.cfp {background-color: #0F9309; color: #FFFFFF; border-color: #0F9309; border-width: 1px; font-size: 1.2em; padding: 1px 10px 3px 10px; margin: 0; height: 1.6em; font-weight: bold; text-align:center;}
input.cfp:hover {background-color: #F5F5F5; color: #262626;}
input.cfplight {background-color: #0F9309; color: #FFFFFF; border-color: #0F9309; border-width: 1px; font-size: 1.2em; padding: 1px 10px 3px 10px; margin: 0; height: 1.6em; font-weight: bold; text-align:center;}
input.cfplight:hover {background-color: #F5F5F5; color: #262626;}
input.linkbutton {background-color: Transparent; color: #1CA941; font-size: 1em; border-width: 0; padding: 0; margin: 0; text-decoration: underline;}
input.linkbutton:hover {color: #1CA941; text-decoration: none; cursor: hand;}
a.buttonlink, a.buttonlink:visited {background-color: #0F9309; color: #FFFFFF; border: solid 1px #0F9309; font-size: 1.2em; font-weight: bold; text-align:center; padding: 2px 10px 2px 10px; text-decoration: none; display: block;}
a.buttonlink:hover, a.buttonlink:active {background-color: #F5F5F5; color: #262626; text-decoration: none;}
a.buttonlinklight, a.buttonlinklight:visited {background-color: #0F9309; color: #FFFFFF; border: solid 1px #0F9309; font-size: 1.2em; font-weight: bold; text-align:center; padding: 2px 10px 2px 10px; text-decoration: none; display: block;}
a.buttonlinklight:hover, a.buttonlinklight:active {background-color: #F5F5F5; color: #262626; text-decoration: none;}
input.cfp:disabled, a.aspNetDisabled.buttonlink, a.aspNetDisabled.buttonlinklight {background-color: #F8F8F8; color: #CDCDCD; border: 1px solid #CDCDCD;}
input.linkbutton:disabled {color: #CDCDCD; 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; margin: auto; text-align: left;}
.verticalspaced {margin: 10px 0 10px 0;}
td.gencell {padding: 3px;}
td.gencellright {padding: 3px; text-align: right;}
table.offsetlink {border-collapse: collapse; border: solid 1px #1CA941; margin: 10px auto;}
td.offsetlinkcell {padding: 5px;}
table.footprints {border-collapse: collapse; margin: auto;}
div.calcbutton {margin: 10px 0 15px 0;}
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 {white-space: nowrap;}
.nomargin {margin: 0;}
div.clearboth {clear: both;}
.narrowbox {width: 3em; font-size: 1em;}
.numberbox {width: 6em; font-size: 1em;}
.mediumbox {width: 8em; font-size: 1em;}
.choosebox {width: 12em; font-size: 1em;}
.dropbox {width: 23em; font-size: 1em;}
.widebox {width: 300px; font-size: 1em;}
p.calcquestion {text-align: left; font-style: italic; margin: 5px 0 2px 0;}
p.calcanswer {text-align: left; margin: 0 0 10px 15px;}
.calcanswerdropdown {width: 34em; font-size: 0.85em;}
div.calcgraph {float: right; padding: 0 0 10px 10px; position: relative;}
table.calcgraph {border: solid 1px #1CA941; text-align: center; padding: 0; margin: 0; border-collapse: collapse;}
tr.calcgraph {vertical-align: bottom;}
th.calcgraph {border: solid 1px #1CA941; padding: 2; margin: 0; vertical-align: bottom; text-align: center; font-size: 14px;}
td.calcgraph {border: solid 1px #1CA941; padding: 0; margin: 0; vertical-align: bottom; width: 105px; text-align: center; font-size: 48px;}
div.resultspic {float: left; padding: 0 20px 5px 0; position: relative;}
div.approvepic {text-align: center; padding: 5px 0 5px 0;}
div.monthlypie {float: left;}
div.monthlybar {float: right;}
div.monthlytable {padding: 10px 0 10px 0;}
table.multicalctable td {text-align: right; padding: 2px 5px 2px 5px;}
table.multicalctable th {background-color: #CCFFCC; padding: 2px 5px 2px 5px;}
table.multicalctable td.monthlyrowfirst {background-color: #CCFFCC; font-weight: bold; text-align: left; white-space: nowrap;}
table.multicalctable tr.monthlytotal {font-weight: bold; background-color: #99CC00;}
table.multicalctable tr.monthlytotal td.monthlyrowfirst {background-color: #99CC00;}

#textsize {position: absolute; right: 4px; top: 0; padding: 0 0 5px 5px; font-size: 18px;}
div.multicalcheader {margin-bottom: 20px;}
div.multicalcsummary {text-align: center;}
table.multicalctable {margin: auto;}

div.chromefix div.footprintwrapper {margin-right: 329px;}

a.reducelink { margin-left: 20px; }

div.resultspie { width: 147px; margin: auto; }