.report-sent{
    float: left;
    width: 590px;
    text-align: center;
    font-weight: bold;
}

.hidden{
	visibility: hidden; /* We want to hide the text, but keep the empty space */
}

div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0.0 ;
	filter:alpha(opacity: 0);
	opacity: 0.0;
	z-index: 2;
}

#use-logo {
 width: 120px;
}

#browse-logo {
cursor: pointer;
}

#reportSubmitBtn {
cursor: pointer;
}






/* ====================================================================
GENERAL STYLING
-------------------------------------------------------------------- */
.clear {
clear: both;
}

html {
/*min-width: 1020px;*/
margin: 0px;
padding: 0px;
}

body {
margin: 5px 10px;
padding: 0px;
color: #8c8c8c;
background: #fff;
font: .8em/1.45em Arial, Verdana, Helvetica, sans-serif;
}

a:link {
color: #0060b6;
background: transparent;
text-decoration: underline;
}

a:visited {
color: #0060b6;
background: transparent;
text-decoration: none;
}

a:hover {
color: #3f97e3;
background: transparent;
text-decoration: underline;
}

/* Removes the dotted line around links when they are clicked on. Not ADA compliant. Only works in Firefox. */

a {
outline: none;
}

h1, h2, h3, h4 {
color: #497777;
background: transparent;
margin: 0;
padding: 1.0em 0 .05em 0;
font-family: Arial, Verdana, Helvetica, sans-serif;
line-height: 1.35em;
}

h1 {
font-size: 1.25em;
text-transform: uppercase;
}

h2 {
font-size: 1.25em;
}

h3 {
font-size: 1.15em;
}

h4 {
font-size: 1.0em;
}

p {
margin: 0;
padding: 0 0 .5em 0;
}

.warning {
color: #8f0000;
}

.note {
font-size: .9em;
}

.coding-explanation {
color: orange;
}

hr {
clear: both;
margin: .5em 0;
height: 1px;
color: #cee3e3;
background-color: #cee3e3;
border: 0;
}

hr.input {
clear: both;
margin: .5em 0;
height: 1px;
color: #cee3e3;
background-color: #cee3e3;
border: 0;
}

ul, ol {
margin: 10px 0 0 1.5em;
padding: 0 0 .35em 0;
}

li {
margin-left: 1.5em;
padding: 0 0 .5em 0;
line-height: 1.35em;
}

dl {
margin: 0;
padding: 0;
}

dt {
margin: 0;
padding: .5em 0 0 0;
font-weight: bold;
}

dd {
margin: 0 0 0 1.5em;
padding: 0 0 .5em 0;
}

img {
border: 0;
}

sup {
font-size: .8em;
vertical-align: super;
}

sub {
vertical-align: -15%;
}

.center {
text-align: center;
}

.left {
text-align: left;
}

.right {
text-align: right;
}

.placeholder {
margin: 0 0 250px 0;
}

/* ====================================================================
TABLE FORMATTING
-------------------------------------------------------------------- */

table {
margin: 0 0 10px 0;
padding: 0;
width: 100%;
}

table caption {
color: #497777;
background: transparent;
font-size: 1.15em;
font-weight: bold;
margin: 0;
padding: 0;
}

td {
margin: 0;
padding: .25em;
vertical-align: top;
}

th {
padding-top: .5em;
color: #497777;
background: transparent;
vertical-align: middle;
line-height: 1.25em;
border-bottom: 1px solid #bdd9d9;
}

.w5 {
width: 5%;
}

.w10 {
width: 10%;
}

.w15 {
width: 15%;
}

.w20 {
width: 20%;
}

.w25 {
width: 25%;
}

.w30 {
width: 30%;
}

.w35 {
width: 35%;
}

.w40 {
width: 40%;
}

.w45 {
width: 45%;
}

.w50 {
width: 50%;
}

.w60 {
width: 60%;
}

.w65 {
width: 65%;
}

.w70 {
width: 70%;
}

.w75 {
width: 75%;
}

.w50px {
width: 50px;
}

/* ====================================================================
WRAPPERS
-------------------------------------------------------------------- */

div {
margin: 0px;
padding: 0px;
}

div.extra {
margin-top: 1.5em;
}

.clear {
clear: both;
}

.box-wrap {
width: 1050px;
margin: 0;
padding: 0;
background: transparent url(../images/hes-layout-middle.png) 0 0 repeat-y;
}

.box-inner-wrap {
width: 1050px;
margin: 0;
padding: 0;
border: 0;
background: transparent url(../images/hes-layout-bottom.png) 0 100% no-repeat;
}

/* ====================================================================
COLUMNS LAYOUT
-------------------------------------------------------------------- */

#columns-float {
float: left;
width: 1050px;
margin: 0;
padding: 0;
background: transparent url(../images/content-top.png) 0 0 no-repeat;
}

#main {
float: right;
width: 843px;
margin: 0 18px 0 0;
}

#left-col {
float: left;
width: 164px;
margin: 0 0 0 18px;
}




/* ====================================================================
HEADER (Title & Navigation)
-------------------------------------------------------------------- */

#header {
height: 159px;
margin: 0;
padding-left: 0;
padding-right: 0;
padding-top: 1px;
}

/* Transparent image used to enable the user to click on the title and return to the home page. The actual title is a background image so an image map would not work. */

#header img {
margin: 0 0 0 3px;
}

#header-nav {
margin: -3px 0 0 0;
padding: 0;
text-align: right;
}

#header-nav a.current {
font-weight: bold;
}

#describe #header {
background: transparent url(../images/header-describe.png) 0 0 no-repeat;
}

#compare #header {
background: transparent url(../images/header-compare.png) 0 0 no-repeat;
}

#compare-1 #header {
background: transparent url(../images/header-compare-1.png) 0 0 no-repeat;
}

#upgrade #header {
background: transparent url(../images/header-upgrade.png) 0 0 no-repeat;
}

#learn #header {
background: transparent url(../images/header-learn.png) 0 0 no-repeat;
}

#static #header {
background: transparent url(../images/header.png) 0 0 no-repeat;
}


#learn #main-content {
margin: 0 20px 0 20px;
}

/* For Carbon Footprint Map only: scripting for the map requires an ID in the body --  this overrides the original body ID which called the proper header and position of the secondary-tabs. */


#tab1 .compare #header, #tab2 .compare #header {
background: transparent url(../images/header-compare.png) 0 0 no-repeat;
}

#tab1 .learn #header, #tab2 .learn #header {
background: transparent url(../images/header-learn.png) 0 0 no-repeat;
}



/* ====================================================================
TABS
-------------------------------------------------------------------- */

#tabs {
position: absolute;
top: 100px;
left: 19px;
width: 1030px;
height: 31px;
text-align: center;
}

#tabs ul {
margin: 0;
padding: 0;
list-style: none;
}

#tabs ul li {
float: left;
width: 206px;
margin: 0;
padding: 3px 0 0 0;
font-weight: bold;
text-transform: uppercase;
}

#tabs a:link, #tabs a:visited, #tabs a:hover {
color: #74b1e3;
text-decoration: none;
display: block;
}

#tabs a:hover {
color: #047391;
}

#tabs a.current {
color: #047391;
font-weight: bold;
font-size: 1.25em;
}



/* ====================================================================
TAB SECONDARY
-------------------------------------------------------------------- */

#tab-secondary {
position: absolute;
top: 132px;
height: 23px;
margin: 0;
padding: 0;
font-size: .9em;
text-transform: uppercase;
}

#tab-secondary a:link, #tab-secondary a:visited, #tab-secondary a:hover {
color: #3F97E3;
text-decoration: none;
}

#tab-secondary a:hover {
color: #047391;
}

#tab-secondary a.current {
color: #047391;
font-weight: bold;
}

#tab-secondary div {
display: inline;
margin: 0;
padding: 0;
}

#describe #tab-secondary {
left: 263px;
width: 786px;
padding-left: 35px;
}

#compare #tab-secondary {
left: 470px;
width: 579px;
padding-left: 35px;
}

#compare-1 #tab-secondary {
display: none;
}

#upgrade #tab-secondary {
left: 675px;
width: 375px;
padding-left: 35px;
}

#static #tab-secondary {
display: none;
}

#learn #tab-secondary {
left: 19px;
width: 942px;
text-align: right;
}

/* For Carbon Footprint Map only: scripting for the map requires an ID in the body --  this overrides the original body ID which called the proper header and position of the secondary-tabs. */

#tab1 .compare #tab-secondary, #tab2 .compare #tab-secondary {
left: 470px;
width: 579px;
padding-left: 35px;
}

#tab1 .learn #tab-secondary, #tab2 .learn #tab-secondary {
left: 19px;
width: 942px;
text-align: right;
}


/* ====================================================================
MAIN CONTENT - COMMON ELEMENTS
-------------------------------------------------------------------- */

#main-content {
margin: 0 0 10px 0;
padding: 0;
}

.main-content-left-col {
float: left;
margin: 0 10px 10px 0;
padding: 0;
}

.main-content-right-col {
float: right;
margin: 0 0 10px 10px;
padding: 0;
}

img.helptext {
margin: 0 0 1px 2px;
padding: 0;
vertical-align: text-bottom;
}

h1 img.helptext {
margin: 2px 0 0 2px;
padding: 0;
vertical-align: text-top;
}

.print {
margin: 0 5px 5px 50%;
padding: 0;
text-align: right;
}

/* ====================================================================
INPUT (DESCRIBE) PAGES
-------------------------------------------------------------------- */

.form-group, .form-group-horizontal {
/*margin: .5em 0 .05em 0;*/
padding: 0;
width: 100%;
clear: both;
}
/*
border: 1px solid red;
*/

.odd .form-label, .odd .form-element {
background: #ecf1f1;
}

.form-label {
float: left;
width: 40%;
margin: 0;
padding: .25em;
text-align: left;
}

.form-label h2, .form-element h2 {
font-size: 1.0em;
padding-top: 0;
}

.form-label .note, .form-element .note {
color: #497777;
font-size: .9em;
font-weight: normal;
line-height: 1.15em;
}

.form-element {
position: relative;
margin: 0 0 0 41%;
padding: 0 .25em;
}

.odd .form-element {
background: #fff;
}

.form-group-horizontal .form-label {
float: none;
width: 100%;
margin: 0;
padding: 0 0 .05em 0;
text-align: left;
border-bottom: 1px solid #bdd9d9;
}

.form-group-horizontal .form-element {
margin: 0;
padding: 0 0 0 15px;
}

.form-group-horizontal .form-element h2 {
padding-top: 3px;
}

.row {
padding: .25em 0;
}

.col {
float: left;
position: relative;
margin: 0;
padding: 0;
}

.text-box {
position: relative;
width: 175px;
}

.text-box input {
margin: 2px 0 0 0;
padding: .15em;
width: 150px;
height: 15px;
border: 1px solid #8c8c8c;
}

.text-box-label {
position: absolute;
top: 3px;
left: 160px;
}

.text-box-sm {
position: relative;
width: 55px;
}

.text-box-sm input {
margin: 2px 0 0 0;
padding: .15em;
width: 50px;
height: 15px;
border: 1px solid #8c8c8c;
}

.text-box-sm-label {
position: absolute;
top: 3px;
left: 60px;
width: 100%;
}

.drop-down {
position: relative;
margin: 0;
padding: 0;
}

.drop-down select {
margin: .15em 0;
padding: 0;
}

.drop-down-sm {
position: relative;
margin: 0;
padding: 0;
width: 78px;
}

.drop-down-sm select {
margin: .15em 0;
padding: 0;
width: 60px;
}

.drop-down-sm-label {
position: absolute;
top: 0;
left: 63px;
}

.radio-buttons {
position: relative;
margin: 0;
padding: 0;
}

.reset-button {
margin-top: 2px;
padding: .15em;
width: 75px;
border: 1px solid #8c8c8c;
font-size: .8em;
}

/* Formatting for inline text box associated with the radio button Other on Quick and Detailed Input: General pages. */

.w47 {
width: 46%;
}

.text-box-inline {
float: right;
width: 165px;
margin: 0;
}

.text-box-inline input {
margin: 0 0 2px 2px;
padding: .15em;
width: 150px;
height: 15px;
border: 1px solid #8c8c8c;
}

/* Formatting for Tariff selection under Energy Prices input on Quick and Detailed Input: General pages. */

.tariff {
float: left;
position: relative;
margin: 0 0 0 10px;
padding: 0;
color: #497777;
background: transparent;
width: 50%;
}

.tariff select, .tariff input {
margin-bottom: 1em;
}

/* Formatting for Windows input on Quick Input: Building Design page. */

table.windows {
text-align: center;
}

table.windows th {
border-bottom: none;
}

table.windows .drop-down {
width: 275px;
}

table.windows .drop-down select {
width: 270px;
}

table.windows .text-box-sm input {
width: 70px;
}

/* Formatting for House shape input on Detailed Input: House Shape and Size page. */

.house-shapes {
float: left;
width: 325px;
margin-right: 10px;
}

table.house-shape {
width: 325px;
}

table.house-shape td {
vertical-align: bottom;
text-align: center;
}

h2.house-shape {
padding-top: 0;
}

.house-dimensions {
position: relative;
float: left;
width: 475px;
}

.house-dimensions img {
z-index: 1000;
}

/* Positions radio buttons associated with "Front door is on this side" */

.house-dimensions input.top {
position: absolute;
top: -4px;
left: 295px;
z-index: 500;
}

.house-dimensions input.right {
position: absolute;
top: 67px;
right: 6px;
z-index: 500;
}

.house-dimensions input.bottom {
position: absolute;
bottom: -2px;
left: 295px;
z-index: 500;
}

.house-dimensions input.left {
position: absolute;
top: 67px;
left: -6px;
z-index: 500;
}

/* Defines the appearance of all the text inputs */

.house-dimensions .dimension input {
width: 42px;
height: 10px;
padding: .15em;
}

/* Positions the text inputs over the house image. Input boxes are numbered clockwise, starting at the top. */

.house-dimensions .rectangle-1 {
position: absolute;
top: 97px;
left: 193px;
z-index: 0;
}

.house-dimensions .rectangle-2 {
position: absolute;
top: 164px;
left: 288px;
z-index: 0;
}

.house-dimensions .shape-l-1 {
position: absolute;
top: 48px;
left: 153px;
z-index: 0;
}

.house-dimensions .shape-l-2 {
position: absolute;
top: 203px;
right: 115px;
z-index: 0;
}

.house-dimensions .shape-l-3 {
position: absolute;
bottom: 50px;
left: 159px;
z-index: 0;
}

.house-dimensions .shape-l-4 {
position: absolute;
top: 152px;
left: 85px;
z-index: 0;
}

.house-dimensions .shape-front-s-1 {
position: absolute;
top: 46px;
left: 156px;
z-index: 0;
}

.house-dimensions .shape-front-s-2 {
position: absolute;
top: 92px;
left: 244px;
z-index: 0;
}

.house-dimensions .shape-front-s-3 {
position: absolute;
bottom: 119px;
right: 96px;
z-index: 0;
}

.house-dimensions .shape-front-s-4 {
position: absolute;
bottom: 64px;
right: 186px;
z-index: 0;
}

.house-dimensions .shape-front-s-5 {
position: absolute;
bottom: 64px;
left: 140px;
z-index: 0;
}

.house-dimensions .shape-front-s-6 {
position: absolute;
top: 142px;
left: 67px;
z-index: 0;
}

.house-dimensions .shape-back-s-1 {
position: absolute;
top: 44px;
right: 160px;
z-index: 0;
}

.house-dimensions .shape-back-s-2 {
position: absolute;
top: 92px;
left: 173px;
z-index: 0;
}

.house-dimensions .shape-back-s-3 {
position: absolute;
bottom: 120px;
left: 91px;
z-index: 0;
}

.house-dimensions .shape-back-s-4 {
position: absolute;
bottom: 64px;
left: 178px;
z-index: 0;
}

.house-dimensions .shape-back-s-5 {
position: absolute;
bottom: 64px;
right: 150px;
z-index: 0;
}

.house-dimensions .shape-back-s-6 {
position: absolute;
top: 142px;
right: 72px;
z-index: 0;
}

.house-dimensions .shape-t-1 {
position: absolute;
top: 67px;
left: 237px;
z-index: 0;
}

.house-dimensions .shape-t-2 {
position: absolute;
top: 119px;
right: 79px;
z-index: 0;
}

.house-dimensions .shape-t-3 {
position: absolute;
bottom: 129px;
right: 155px;
z-index: 0;
}

.house-dimensions .shape-t-4 {
position: absolute;
bottom: 129px;
left: 163px;
z-index: 0;
}

.house-dimensions .shape-t-5 {
position: absolute;
bottom: 106px;
left: 83px;
z-index: 0;
}

.house-dimensions .shape-t-6 {
position: absolute;
top: 118px;
left: 84px;
z-index: 0;
}

.house-dimensions .shape-u-1 {
position: absolute;
top: 69px;
left: 162px;
z-index: 0;
}

.house-dimensions .shape-u-2 {
position: absolute;
top: 69px;
right: 164px;
z-index: 0;
}

.house-dimensions .shape-u-3 {
position: absolute;
top: 138px;
right: 93px;
z-index: 0;
}

.house-dimensions .shape-u-4 {
position: absolute;
bottom: 53px;
left: 174px;
z-index: 0;
}

.house-dimensions .shape-u-5 {
position: absolute;
bottom: 98px;
left: 85px;
z-index: 0;
}

.house-dimensions .shape-u-6 {
position: absolute;
top: 122px;
left: 92px;
z-index: 0;
}

.house-dimensions .shape-split-1 {
position: absolute;
top: 59px;
left: 171px;
z-index: 0;
}

.house-dimensions .shape-split-2 {
position: absolute;
top: 122px;
right: 182px;
z-index: 0;
}

.house-dimensions .shape-split-3 {
position: absolute;
bottom: 60px;
left: 165px;
z-index: 0;
}

.house-dimensions .shape-split-4 {
position: absolute;
top: 149px;
left: 82px;
z-index: 0;
}

.house-dimensions .townhouse-left {
position: absolute;
top: 194px;
left: 69px;
z-index: 0;
}

.house-dimensions .townhouse-middle {
position: absolute;
top: 108px;
left: 103px;
z-index: 0;
}

.house-dimensions .townhouse-right {
position: absolute;
top: 194px;
left: 136px;
z-index: 0;
}

.house-dimensions .shape-townhouse-1 {
position: absolute;
top: 74px;
right: 93px;
z-index: 0;
}

.house-dimensions .shape-townhouse-2 {
position: absolute;
top: 155px;
right: 174px;
z-index: 0;
}




/* Formatting for Orientation Labels on Detailed Input: 
Exterior Shading page. */

.orientation {
color: #497777;
font-weight: bold;
width: 25%;
}

/* Formatting for Detailed Input: Thermostat page. */

.no-schedule, .schedule {
margin: 39px 0 0 0;
padding: 5px;
color: #497777;
background: transparent;
border: 1px solid #bdd9d9;
}

.no-schedule h2, .schedule h2 {
font-size: 1.0em;
padding-top: 0;
}

.no-schedule table {
width: 25%;
margin: 0 0 5px 95px;
}

.no-schedule table th {
border-bottom: none;
}

.no-schedule table .box-label, .schedule table .box-label {
position: relative;
}

.no-schedule table .box-label input, .schedule table .box-label input {
position: absolute;
left: 0;
}

.no-schedule table .box-label .text-box-sm-label, .schedule table .box-label .text-box-sm-label {
position: absolute;
right: 0;
}

.schedule table {
width: 75%;
margin: 0 0 5px 95px;
}

.schedule table th {
text-align: left;
}

.schedule table th.no-border {
vertical-align: top;
border-bottom: none;
}

.schedule table td.odd {
background: #ecf1f1;
}



/* Formatting for Detailed Input: Lighting page. */

.form-group-horizontal .form-element-lighting {
margin: 0;
padding: 0;
}

.lighting-details {
float: left;
width: 560px;
position: relative;
margin: 39px 0 0 10px;
padding: 5px;
color: #497777;
background: transparent;
border: 1px solid #bdd9d9;
}

.lighting-details .appliances tr td {
border-bottom: 1px solid #bdd9d9;
}

.lighting-details .appliances {
margin: 10px 0 20px 0;
}

.lighting-details .appliances th.w95 {
width: 85px;
}

.lighting-details .appliances .text-box-sm {
margin-left: 15px;
}

.lighting-details .appliances select {
width: 50px;
}

/* Formatting for all pages with multiple radio options. */

table.radio {
margin: 0 0 30px 100px;
width: 75%;
color: #497777;
text-align: center;
}

table.radio tr.bottom-border td {
border-bottom: 1px solid #bdd9d9;
}

/* Formatting for all Major and Small Appliances input pages, Energy Prices on the General input pages and Lighting input page. */

.form-group-horizontal .form-element-no-subheadings {
margin: 0;
padding: 0;
}

table.appliances {
margin: 0;
padding: 0;
border-collapse: collapse;
color: #497777;
background: transparent;
}

table.appliances th {
font-weight: normal;
}

table.appliances td.appliance {
width: 245px;
}

table.appliances td.number {
text-align: center;
}

table.appliances td.estar {
width: 210px;
}

table.appliances select {
margin: .15em 0;
}

/* Formatting for Energy Prices on the General input pages. */

table.appliances td.odd {
background: #ecf1f1;
}

/* Formatting for text input boxes and corrresponding labels on Laundry page. */

table.appliances .w125 {
width: 125px;
}

table.appliances .box-label {
position: relative;
}

table.appliances .box-label input {
position: absolute;
left: 0;
}

table.appliances .box-label .text-box-sm-label {
position: absolute;
right: 0;
}

table.appliances td.h30 {
height: 33px;
}

/* Formatting for "Enter Your Own Appliance" on the Other Appliances page. */

table.appliances td.item {
width: 85px;
}

table.appliances td.own, table.appliances td.own .text-box {
width: 300px;
}

table.appliances td.own input {
width: 295px;
}

table.appliances td.used {
text-align: right;
}

table.appliances td.watts, table.appliances td.watts .text-box-sm {
width: 55px;
}

table.appliances td.watts .text-box-sm input {
width: 50px;
}

/* Last question on all the input pages */

.finished-section {
clear: both;
float: right;
width: 50%;
margin: 18px 0 5px 0;/* 10px 0 5px 0*/
padding: 0;
color: #497777;
background: transparent;
text-align: right;
font-weight: bold;
}

.finished-section input {
margin: 0 0 0 .25em;
}

/* Controls buttons at the bottom of all the input pages */

.actions {
float: right;
width: 50%;
margin: 5px 0 10px 10px;/* 5px 0 10px 50%*/
padding: 0;
text-align: right;
}

/* ====================================================================
GRADIENT BOXES FOR BOTH COMPARE AND UPGRADE PAGES
-------------------------------------------------------------------- */


.gradient-box-outer {
width: 843px;
min-height: 250px;
margin: 0 0 15px 0;
padding: 0;
background: transparent url(../images/gradient-ctr-box-bot.png) 0 100% no-repeat;
}

.gradient-box-inner {
min-height: 274px;
margin: 0;
padding: 10px 18px 20px 10px;
background: transparent url(../images/gradient-ctr-box-top.png) 0 0 no-repeat;
}


/* ====================================================================
COMPARE PAGES
-------------------------------------------------------------------- */

.savings {
font-weight: bold;
}

#chart {
clear: both;
margin: 0 0 15px 0;
padding: 5px;
border-top: 1px solid #cee3e3;
border-bottom: 1px solid #cee3e3;
}

/* Comparisons with color coded bar graphs found on Compare pages */

#chart table.comparison {
width: 100%;
margin: 20px 0 5px 0;
padding: 0;
border-collapse: collapse;
color: #497777;
background: transparent;
font-size: 1.25em;
text-align: left;
}

#chart table.comparison th {
width: 150px;
padding: .25em;
border: 0;
vertical-align: middle;
}

#chart table.comparison td.savings {
text-align: right;
font-weight: bold;
width: 10%;
padding: 0;
vertical-align: middle;
}

#chart table.comparison td.chart-container {
padding: 5px 0 5px 10px;
height: 20px;
overflow: hidden;
vertical-align: middle;
}

/* Key for color coded bar graphs found on initial Compare page. */

p.key {
margin: 0 0 10px 0;
color: #497777;
background: transparent;
}

p.key img {
margin: 0 .15em 0 .75em;
}

p.key img.first {
margin-left: 0;
}


/* Yearly energy cost summary table found on Compare pages. */

table.compare-summary {
width: 100%;
margin: 0 0 15px 0;
padding: 0;
color: #497777;
background: transparent;
border-collapse: collapse;
text-align: right;
}

table.compare-summary tr th, table.compare-summary tr td {
border-bottom: 1px solid #497777;
}

table.compare-summary th {
padding: .25em;
text-align: left;
}

table.compare-summary tr.category th {
text-align: center;
border-bottom: 0;
}

table.compare-summary tr.category th.total {
width: 14%;
text-align: right;
padding-right: 1.5em;
}

/* Padding aligns these cells with the 'Total' heading. */

table.compare-summary tr td.savings {
padding-right: 1.5em;
}

table.compare-summary tr.category th.heat {
width: 12%;
border-bottom: 6px solid #d96847;
}

table.compare-summary tr.category th.cooling {
width: 12%;
border-bottom: 6px solid #81dedc;
}

table.compare-summary tr.category th.hot-water {
width: 12%;
border-bottom: 6px solid #ffb600;
}

table.compare-summary tr.category th.lg-appliances {
width: 12%;
border-bottom: 6px solid #2b9579;
}

table.compare-summary tr.category th.sm-appliances {
width: 12%;
border-bottom: 6px solid #b8e16d;
}

table.compare-summary tr.category th.lighting {
width: 12%;
border-bottom: 6px solid #ffeb79;
}

table.compare-summary tr.savings th, table.compare-summary tr.savings td {
color: #000;
background: #9fe1bd;
border-bottom: 1px solid #cee3e3;
}

/* Compare details page */

table.compare-details {
width: 100%;
margin: 0 0 5px 0;
padding: 0;
border: 1px solid #bdd9d9;
border-collapse: collapse;
}

table.compare-details th {
border: 0;
}

table.compare-details tr.top-border th, table.compare-details tr.top-border td {
border-top: 3px solid #8c8c8c;
}

table.compare-details th.category, table.compare-details td {
border-top: 1px solid #bdd9d9;
}

table.compare-details th.category {
color: #000;
vertical-align: middle;
border-right: 1px solid #bdd9d9;
}

table.compare-details tr.whole-house {
color: #000;
font-weight: bold;
}

table.compare-details th.whole {
width: 6px;
background: #fff;
border-top: 1px solid #8c8c8c;
border-right: 1px solid #8c8c8c;
border-bottom: 1px solid #8c8c8c;
}

table.compare-details th.heat {
width: 6px;
background: #d96847;
}

table.compare-details th.cooling {
width: 6px;
background: #81dedc;
}

table.compare-details th.hot-water {
width: 6px;
background: #ffb600;
}

table.compare-details th.lg-appliances {
width: 6px;
background: #2b9579;
}

table.compare-details th.sm-appliances {
width: 6px;
background: #b8e16d;
}

table.compare-details th.lighting {
width: 6px;
background: #ffeb79;
}

table.compare-details td.sub-category {
font-weight: bold;
}

table.compare-details td.savings {
padding-right: .5em;
padding-left: .5em;
color: #000;
background: #9fe1bd;
font-weight: bold;
}


/* Drill Down Results pages under COMPARE */

table.drilldown {
width: 60%;
margin: 0 0 15px 0;
padding: 0;
color: #497777;
text-align: right;
}

table.drilldown th {
padding-top: .25em;
text-align: center;
}

table.drilldown th.left {
text-align: left;
}

table.drilldown tr.category th, table.drilldown tr.category td {
background: #ecf1f1;
border: 0;
}

table.drilldown tr.category-odd th, table.drilldown tr.category-odd td {
background: #fff;
border: 0;
}

table.drilldown tr.subcategory th, table.drilldown tr.subcategory td {
border: none;
}

table.drilldown tr.category td.total, table.drilldown tr.category-odd td.total, table.drilldown tr.subcategory td.total {
font-weight: bold;
color: #000;
background: #ecf1f1;
}

table.drilldown tr td.total {
color: #497777;
background: #ecf1f1;
}

table.drilldown tr.subcategory th.left-indent {
text-align: left;
padding-left: 15px;
}

table.drilldown tr td.left-indent {
text-align: left;
padding-left: 15px;
}

/* Heating & Cooling Drill Down Results pages under COMPARE */

table.hc {
width: 650px;
}

table.hc-sum {
width: 320px;
}

table.hc .col1, table.hc-sum .col1 {
width: 155px;
}

table.hc .col2, table.hc-sum .col2, table.hc-sum .col2 {
width: 165px;
}

table.hc .col3 {
width: 110px;
}

table.hc .col4 {
width: 110px;
}

table.hc .col5 {
width: 110px;
}

table.hc tr.subcategory th, table.hc tr.subcategory td {
border-bottom: 1px solid #bdd9d9;
}

/* Large Appliances Drill Down Results pages under COMPARE */

table.lg-app {
width: 840px;
}

table.lg-app-sum {
width: 230px;
}

table.lg-app th.left, table.lg-app-sum th.left {
border: 0;
}

table.lg-app th.left-header, table.lg-app-sum th.left-header {
border-bottom: 1px solid #bdd9d9;
text-align: left;
}

table.lg-app .col1, table.lg-app-sum .col1 {
width: 180px;
}

table.lg-app .col2, table.lg-app-sum .col2 {
width: 50px;
}

/*
table.lg-app .col3 {
width: px;
}

table.lg-app .col4 {
width: px;
}

table.lg-app .col5 {
width: px;
}

table.lg-app .col6 {
width: px;
}

table.lg-app .col7 {
width: px;
}

table.lg-app .col8 {
width: px;
}
*/

table.lg-app tr td.total, table.lg-app-sum tr td.total {
color: #000;
font-weight: bold;
}

/* Monthly Results under COMPARE */

.col400 {
float: left;
width: 400px;
margin: 0 10px 15px 0;
padding: 5px;
vertical-align: top;
}

.col400 img {
margin: 10px 0;
}

table.monthly {
width: 100%;
margin: 0 0 15px 0;
padding: 0;
text-align: center;
}

table.monthly th.left {
width: 15%;
border: none;
}

table.monthly tr.total th, table.monthly tr.total td {
color: #000;
background: #f2e3de;
font-weight: bold;
}

/* ====================================================================
UPGRADE PAGES
-------------------------------------------------------------------- */

/* Rounded Boxes For Upgrade Summary and Details Pages */


.rounded-box-outer {
width: 843px;
min-height: 350px;
margin: 0 0 15px 0;
padding: 0;
background: transparent url(../images/rounded-box-bot.png) 0 100% no-repeat;
}

.rounded-box-inner {
min-height: 350px;
margin: 0;
padding: 10px 18px 20px 10px;
background: transparent url(../images/rounded-box-top.png) 0 0 no-repeat;
}

/* H1 on all UPGRADE pages */

#upgrade h1 {
border-bottom: 1px solid #cee3e3;
}

/* Horizontal rules on all UPGRADE pages */

#upgrade hr {
clear: both;
margin: .5em 0;
height: 1px;
color: #cee3e3;
background-color: #cee3e3;
border: 0;
}


/* Tables on Upgrade Summary and Recommendations pages */

table.upgrade-summary, table.upgrades {
width: 100%;
margin: 0 0 15px 0;
padding: 0;
border-collapse: collapse;
text-align: right;
}

/* Table on Upgrade Summary page */

table.upgrade-summary th {
padding: .25em;
text-align: center;
border: 0;
}

table.upgrade-summary tr.total th, table.upgrade-summary tr.total td {
color: #000;
background: #9fe1bd;
font-weight: bold;
vertical-align: middle;
}

table.upgrade-summary tr.total th {
width: 15%;
text-align: left;
}

table.upgrade-summary tr.total td {
width: 10%;
}

/* Table on Upgrade Recommendations page */

table.upgrades {
color: #497777;
background: transparent;
}

table.upgrades tr {
}

table.upgrades th, table.upgrades td {
padding: .25em;
border: 1px solid #8c8c8c;
}

table.upgrades th {
font-weight: normal;
text-align: center;
}

table.upgrades tr.total td {
background: #9fe1bd;
vertical-align: middle;
color: #000;
font-weight: bold;
}

table.upgrades tr.total td.check {
background: transparent;
color: #497777;
font-weight: normal;
border-top: 1px solid #8c8c8c;
}

table.upgrades td.item {
text-align: left;
}

/* Greyed out rows */

table.upgrades tr.not-in-package td {
background: #cecece;
}

table.upgrades tr.not-in-package input {
background: #cecece;
}

/* Column widths */

table.upgrades .w20 {
width: 20px;
}

table.upgrades .w50 {
width: 50px;
}

table.upgrades .w60 {
width: 60px;
}

table.upgrades .w70 {
width: 70px;
}

table.upgrades .w90 {
width: 90px;
}

table.upgrades .w120 {
width: 135px;
}

/* Upgrade Choice & Description formatting */

table.upgrades .choice {
text-align: left;
width: 225px;
}

table.upgrades .choice select {
width: 200px;
}

/* Help icons formatting */

table.upgrades .help {
position: relative;
text-align: left;
margin: 0 0 2px 0;
padding: 0;
}

table.upgrades .help select {
position: absolute;
left: 0;
}

table.upgrades .help input {
position: absolute;
top: 0;
left: 10px;
width: 35px;
text-align: right;
}

table.upgrades .help img.helptext {
position: absolute;
top: 2px;
right: 0;
}

/* Additional formatting for Upgrade Recommendations page */

div.recalculate {
clear: both;
width: 100%;
margin: 0;
padding: 10px 0 0 0;
}

div.recalculate img {
float: left;
width: 100px;
margin: 0;
padding: 12px 5px 0 0;
}





/* Formatting for Detailed Upgrade Recommendations Report */

/* Upgrade package summary table */

.upgrades-summary {
margin: 0;
padding: 10px 0;
border-bottom: 1px solid #cee3e3;
}

.upgrades-summary p {
color: #000;
font-weight: bold;
}

table.upgrade-package {
width: 360px;
margin: 0;
padding: 0;
color: #497777;
background: transparent;
}

table.upgrade-package th {
text-align: left;
border: 0;
}

table.upgrade-package td.total {
width: 100px;
color: #000;
background: #9fe1bd;
font-weight: bold;
text-align: right;
}

table.upgrade-package td.help {
width: 17px;
}

/* Upgrade package details */

/* Rounded Boxes For Upgrade Summary and Details Pages */


.rounded-box-outer {
width: 843px;
min-height: 350px;
margin: 0 0 15px 0;
padding: 0;
background: transparent url(../images/rounded-box-bot.png) 0 100% no-repeat;
}

.rounded-box-header {
min-height: 350px;
margin: 0;
padding: 10px 18px 20px 10px;
background: transparent url(../images/rounded-box-header.png) 0 0 no-repeat;
}

.rounded-box-header h2 {
color: #fff;
background: transparent;
margin: 5px 0 0 0;
padding: 0;
font-size: 12pt;
font-weight: normal;
}

.rounded-box-header p.note {
text-align: right;
}

.new-upgrade-detail {
margin: 10px 0 0 0;
padding: 0;
border-top: 1px solid #cee3e3;
}

.new-upgrade-detail h3 {
margin: 0;
padding: .5em 0 .05em 0;
}

#upgrade .schedule {
margin: 0;
padding: 5px;
color: #497777;
background: transparent;
border: 0;
}

#upgrade .schedule table {
width: 50%;
margin: 0 0 5px 0;
}

/* ====================================================================
LEARN CONTENT
-------------------------------------------------------------------- */

/* Tables within the LEARN tab */

#learn .odd th, #learn .odd td {
background: #ecf1f1;
}

/* Quotes found on tesimonials.html */

.testimonials dl {
margin: .5em 0 1.0em 0;
padding: 0;
}

.testimonials dt {
margin: 0 0 0 40px;
padding: 0;
font-weight: normal;
}

.testimonials dd {
margin: 0 0 0 57px;
padding: 0;
}

/* Frequently Asked Questions */

p.faq {
font-weight: bold;
}

p.return {
text-align: right;
}

/* No-Regrets Remodeling */

p.nrr {
margin-top: 1.5em;
}

td.indent {
padding-left: 1.5em;
}

th.no-border {
border: 0;
}

/* Case-Studies */

.case-studies h2, .case-studies h3, .case-studies-input h2, .case-studies-input h3 {
margin: 0;
padding: 0 0 .05em 0;
}

.case-studies a.current, .case-studies-input a.current {
color: #497777;
background: transparent;
font-weight: bold;
text-decoration: none;
}

.case-studies-search select.state-drop-down  {
width: 85px;
margin: 0 5px 0 0;
}

.case-studies-search input  {
width: 50px;
margin: 0 5px 0 0;
}

.case-study-info, .case-study-images, .case-study-actions, .case-study-summary {
margin: 0 0 10px 0;
padding: 5px;
border: 1px solid #8c8c8c;
}

.case-studies-list {
margin: 0 0 10px 0;
padding: 5px;
border: 1px solid #8c8c8c;
overflow-x: hidden;
}


.case-studies-list h3 {
float: left;
width: 65px;
}

.case-studies-list ul {
margin: 0 0 0 70px;
padding: 0;
list-style: none;
}

.case-studies-list li {
display: inline;
margin: 0;
padding: 0 0 .05em 0;
}

.case-study-info p {
margin: 0;
padding: 0;
}

.case-study-info span.title {
color: #497777;
background: transparent;
margin: 0;
padding: 0 0 .05em 0;
font-size: 1.25em;
font-weight: bold;
}

.case-study-info p.google {
float: right;
width: 26%;
text-align: right;
}

.case-study-info p.captcha {
float: right;
width: 20%;
text-align: right;
}


.case-study-info a.help-text {
float: right;
width: 15px;
margin: 3px 15px 0 0;
}

.case-study-images {
min-height: 185px;
}

.case-study-images .horizontal-image, .case-study-images .vertical-image {
float: left;
margin: 0 10px 0 0;
padding: 0;
}

.case-study-images .horizontal-image {
width: 195px;
}

.case-study-images .vertical-image {
width: 113px;
}

.case-study-actions {
float: left;
width: 150px;
}

.case-study-actions input {
margin: 0;
padding: 0;
}

.case-study-summary {
margin-left: 170px;
}

/* Case Studies Input page */

.case-studies-input .case-study-images {
min-height: 210px;
}

.case-studies-input .case-study-images img {
border: 1px solid #8c8c8c;
}

.case-studies-input .case-study-images input {
margin-top: 4px;
}

.case-studies-input .case-study-summary textarea {
margin: 0;
padding: 5px;
text-align: left;
}

.case-study-submit {
text-align: right;
}

/* Poll Results */

.poll h2, .poll h3 {
margin: 0;
padding: 0 0 .05em 0;
}

/* Left column */

.poll-questions {
float: left;
width: 305px;
margin: 0;
padding: 0;
}

/* Individual boxes */

.poll-list, .current-poll, .poll-question, .poll-chart {
margin: 0 0 10px 0;
padding: 5px;
border: 1px solid #8c8c8c;
}

.poll-list p {
margin-left: 20px;
text-indent: -20px;
}

.poll-list p.current {
color: #497777;
font-weight: bold;
}

.poll-list input {
margin: 0 5px 0 0;
padding: 0;
}

.current-poll {

}

/* Poll frame */

.poll-outer {
width: 275px;
margin: 0;
padding: 0;
background: transparent url(../images/poll-content.png) 0 0 repeat-y;
}

.poll-inner {
min-height: 145px;
margin: 0;
padding: 0 0 22px 0;
background: transparent url(../images/poll-bottom.png) 0 100% no-repeat;
border-top: 1px solid #fff;
}

.poll-content {
margin: 0;
padding: 20px 10px 0 20px;
background: transparent url(../images/poll-top.png) 0 0 no-repeat;
}

.poll-content p {
font-size: 8pt;
}

.poll-content h3 {
padding-top: 0;
}

.poll-content input.submit {
margin: 0;
padding: 0;
}

.poll-content p.results {
float: right;
width: 50%;
}

/* Right column */

.poll-results {
margin: 0 0 10px 315px;
padding: 0;
}


table.poll-results {
width: 60%;
margin: 0;
padding: 0;
}

table.poll-results td.right {
text-align: right;
color: #000;
font-weight: bold;
}

.poll-chart {
text-align: center;
}

/* Carbon Footprint Map */

#tabnav {
margin: 0;
padding: 0;
list-style: none;
}

#tabnav li {
float: left;
margin: 0;
padding: 0 .25em 0 0;
}

#tabnav li a.current {
color: #047391;
background: transparent;
font-weight: bold;
text-decoration: none;
}




/* ====================================================================
STATIC CONTENT - pages not found within the five tabs
-------------------------------------------------------------------- */

/* User's Guide */

.five-steps {
margin: 0;
padding: 0;
width: 752px;
position: relative;
}

.five-steps img {
z-index: 100;
}

.five-steps .column-holder {
position: absolute;
top: 63px;
left: 0;
}

.screenshot, .step {
float: left;
width: 140px;
margin: 0;
padding: 5px;
}

.screenshot {
text-align: center;
}

.step {
width: 135px;
margin: 0;
padding: 5px 5px 0 10px;
}

/* Report Center */

#report #main {
float: right;
width: 1012px;
margin: 0 18px;
}

#error-main {
float: left;
width: 1003px;
margin: 0 18px;
}

#error-main h2 {
text-transform: none;
}

#report #left-col {
display: none;
}

.cover {
float: left;
width: 240px;
margin: 0 10px 0 0;
padding: 0;
position: relative;
z-index: 100;
}

.customization {
position: absolute;
top: 198px;
left: 0;
width: 195px;
margin: 0;
padding: 5px 15px;
color: #0060b6;
z-index: 1000;
}

.prepared-by input {
width: 192px;
height: 45px;
margin: 0 0 5px 0;
}

.prepared-by textarea {
width: 192px;
height: 45px;
margin: 0 0 5px 0;
}

.logo input {
width: 192px;
margin: 0 0 5px 0;
}

.submit-button {
text-align: right;
}

.select-pages {
margin: 0 0 10px 245px;
padding: 0;
}

.page {
float: left;
width: 194px;
height: 173px;
margin: 0 13px 3px 0;
padding: 0;
background: transparent url(../images/report-page.png) 0 0 no-repeat;
text-align: center;
position: relative;
}

.page p {
margin: 50px 15px 0 0;
}

.page input {
position: absolute;
left: 79px;
bottom: 17px;
}

.page-2 input {
position: absolute;
left: 79px;
bottom: 11px;
}

.page-4 input {
position: absolute;
left: 79px;
bottom: 3px;
}

.page-2 {
background: transparent url(../images/report-pages-2.png) 0 0 no-repeat;
}

.page-4 {
background: transparent url(../images/report-pages-4.png) 0 0 no-repeat;
}

.disclaimer {
background: transparent url(../images/report-disclaimer.png) 0 0 no-repeat;
}

.report-actions {
margin: 10px 0 0 0;
width: 510px;
text-align: right;
float: left;
}

.report-actions .buttons-left {
float: left;
width: 150px;
margin: 0;
padding: 0;
}

.report-actions .buttons-right {
float: right;
width: 50px;
margin: 0;
padding: 0;
}

.report-actions input.email {
width: 100px;
}

/* Next steps page; links from Report Center */

#static .share {
float: left;
width: 60px;
margin: 3px 5px 0 0;
padding: 0;
}

/* ====================================================================
LEFT-COL CONTENT
-------------------------------------------------------------------- */

#session {
margin: 0 0 15px 0;
padding: 0;
border-collapse: collapse;
}

#session table, .potential-savings table {
width: 100%;
margin: 0;
padding: 0;
color: #8c8c8c;
background: transparent;
}

#session th {
color: #000;
background: transparent;
padding: 0 0 3px 0;
text-align: left;
vertical-align: top;
border: 0;
width: 58px;
font-weight: normal;
line-height: 1.15em;
}

#session td {
padding: 0 0 3px 3px;
vertical-align: top;
}

#session td.w10 {
width: 10px;
padding: 1px 0 0 0;
vertical-align: top;
}

/* For all COMPARE pages */

.potential-savings-outer {
min-height: 278px;
margin: 0 0 15px 0;
padding: 0;
background: transparent url(../images/gradient-nav-box-bot.png) 0 100% no-repeat;
font: normal .8em/1.15em Arial, Verdana, Helvetica, sans-serif;
}

.potential-savings-inner {
min-height: 246px;
margin: 0;
padding: 7px 14px 7px 7px;
background: transparent url(../images/gradient-nav-box-top.png) 0 0 no-repeat;
}

.potential-savings-inner table {
margin: 0 0 5px 0;
padding: 0;
color: #497777;
background: transparent;
}

.potential-savings-inner table th {
padding-bottom: .15em;
font-size: 1.1em;
border: none;
}

.potential-savings-inner table td {
}

.potential-savings-inner table td.savings {
width: 60%;
color: #000;
background: #9fe1bd;
font-weight: bold;
}

.potential-savings-inner p {
padding-top: .5em;
}

/* For compare-1.html only */

.fixed-box-outer {
min-height: 125px;
margin: 0 0 15px 0;
padding: 0;
background: transparent;
font: normal .8em/1.15em Arial, Verdana, Helvetica, sans-serif;
}

.fixed-box-inner {
min-height: 150px;
margin: 0;
padding: 7px 14px 7px 7px;
background: transparent url(../images/gradient-nav-box-sm.png) 0 0 no-repeat;
}

.emissions {
margin: 0 0 15px 0;
padding: .5em .15em;
color: #497777;
background: transparent;
border-top: 1px solid #497777;
border-bottom: 1px solid #497777;
}

.emissions #cars img {
margin: 0;
padding: 0;
}

.visits {
margin: 0 0 15px 0;
padding: 0;
font: normal .8em/1.15em Arial, Verdana, Helvetica, sans-serif;
}

.visits img {
float: left;
margin: 1px 3px 0 0;
padding: 0;
}

.visits p {
margin-left: 12px;
}

.nav-other {
margin: 0 0 10px 0;
padding: .5em .15em;
font: normal .8em/1.15em Arial, Verdana, Helvetica, sans-serif;
border: 1px solid #047391;
}

/* ====================================================================
NAVIGATION
-------------------------------------------------------------------- */

#nav {
margin: 0 0 10px 0;
padding: 0;
background: transparent;
font: normal .8em/1.15em Arial, Verdana, Helvetica, sans-serif;
letter-spacing: .1em;
}

#nav #quick {
margin: 0;
padding: .5em 2px;
background: transparent url(../images/nav-bottom.png) left bottom no-repeat;
}

#nav #detailed {
margin: 0;
padding: .5em 2px;
background: transparent url(../images/nav-bottom.png) left bottom no-repeat;
}

#nav h2 {
margin: 0 0 0 10px;
padding: .5em 0;
font-weight: normal;
text-transform: uppercase;
}

#nav a:link, #nav a:visited, #nav a:hover {
color: #3F97E3;
background: transparent;
text-decoration: none;
}

#nav a:hover {
color: #047391;
background: transparent;
}

#nav .current {
color: #047391;
background: transparent;
font-weight: bold;
}

#nav a.current {
color: #047391;
background: transparent;
}

/* Old Navigation for Quick Input pages */
/*
#nav #quick ul {
margin: 0 0 0 10px;
padding: 0;
list-style: none;
}

#nav #quick ul li {
margin: 0;
padding: 5px 0;
border-top: 1px solid #cecece;
}

#nav #quick ul li a {
display: block;
}
*/

/* New Navigation for Quick Input pages */


#nav #quick ul {
margin: 0;
padding: 0 2px;
list-style: none;
}

#nav #quick ul li {
margin: 0;
padding: 0 0 5px 0;
line-height: 1.5em;
margin-left: 13px;
}


#nav #quick a.visited, #nav #quick li.no-sub a.visited {
background: transparent url(../images/nav-open-dot10.png) 0 2px no-repeat;
padding: 0 0 0 13px;
}

#nav #quick a.modified, #nav #quick li.no-sub a.modified {
background: transparent url(../images/nav-half-dot10.png) 0 2px no-repeat;
padding: 0 0 0 13px;
}

#nav #quick a.finished, #nav #quick li.no-sub a.finished {
background: transparent url(../images/nav-solid-dot10.png) 0 2px no-repeat;
padding: 0 0 0 13px;
}


/* Navigation for Detailed Input pages */

#nav #detailed ul {
margin: 0;
padding: 0 2px;
list-style: none;
}

#nav #detailed ul li {
margin: 0;
padding: 0 0 5px 0;
line-height: 1.5em;
}

#nav #detailed ul li.category {
margin-left: 13px;
padding: 5px 0;
color: #3F97E3;
background: transparent;
border-top: 1px solid #cecece;
/*font-weight: bold;*/
}

/* Keeps submenu items from inheriting bold. */

#nav #detailed ul li li {
margin: 0;
padding: 0 0 5px 0;
text-transform: lowercase;
font-weight: normal;
}

/* Water Heater and Lighting have a different margin than the rest of the categories so a bottom border needs to be placed in the previous category. */

#nav #detailed ul li.bottom-border {
border-bottom: 1px solid #cecece;
}

#nav #detailed ul li.border-only {
margin: 0 0 0 12px;
padding: 0;
line-height: .25em;
border-bottom: 1px solid #cecece;
}

#nav #detailed li a, #nav #detailed li li a  {
margin: 0;
padding: 0 0 0 13px;
display: block;
}

/* Since Water Heating and Lighting have no sub-items they need to have a specific class attached to it. This way the 'navigational' keys will work without affecting the sub-items of other categories. */

#nav #detailed li.no-sub {
padding: 5px 0;
}

#nav #detailed li li a.visited, #nav #detailed li.no-sub a.visited {
background: transparent url(../images/nav-open-dot10.png) 0 2px no-repeat;
}

#nav #detailed li li a.modified, #nav #detailed li.no-sub a.modified {
background: transparent url(../images/nav-half-dot10.png) 0 2px no-repeat;
}

#nav #detailed li li a.finished, #nav #detailed li.no-sub a.finished {
background: transparent url(../images/nav-solid-dot10.png) 0 2px no-repeat;
}

/* Navigation for Learn, Static & Carbon Map pages */

#learn #nav ul, #static #nav ul, #tab1 #nav ul, #tab2 #nav ul {
margin: 0 0 0 10px;
padding: 0;
list-style: none;
}

#learn #nav ul li, #static #nav ul li, #tab1 #nav ul li, #tab2 #nav ul li {
margin: 0;
padding: 5px 0;
border-top: 1px solid #cecece;
}

#learn #nav ul li.last, #static #nav ul li.last, #tab1 #nav ul li.last, #tab2 #nav ul li.last {
border-bottom: none;
}

#learn #nav ul li a, #static #nav ul li a, #tab1 #nav ul li a, #tab2 #nav ul li a {
display: block;
}

#learn #nav ul li li, #static #nav ul li li, #tab1 #nav ul li li, #tab2 #nav ul li li {
margin: 0;
padding: 5px 0;
border: none;
}


/* ====================================================================
HELP PAGES
-------------------------------------------------------------------- */

/* Contact page */

#contact .buttons input {
margin: 10px 5px 0 0;
padding: 0;
}

/* Eliminates the need for horizontal scrolling within the help pop-up boxes. Added by Sondra Jarvis 11/16/11. */

#help {
width: 625px;
}


/* ====================================================================
IMAGES
-------------------------------------------------------------------- */

.img-caption {
margin: 0;
padding: .5em 0 0 0;
font-size: .8em;
line-height: 1.5em;
}

.l45, .l75, .l100, .l110, .l125, .l145, .l150, .l175,
.l200, .l220, .l225, .l250, .l275,
.l300, .l325, .l350, .l375,
.l400, .l425, .l450, .l466,
.l500, .l600 {
margin: 0 10px 5px 0;
padding: 5px;
}

.r45, .r75, .r100, .r110, .r125, .r150, .r175,
.r200, .r220, .r225, .r250, .r275,
.r300, .r325, .r350, .r375,
.r400, .r425, .r450,
.r500, .r600 {
margin: 0 0 5px 10px;
padding: 5px;
}


.l75 {
float: left;
width: 75px;
}

.l100 {
float: left;
width: 100px;
}

.r110 {
float: right;
width: 110px;
}

.l125 {
float: left;
width: 125px;
}

.r125 {
float: right;
width: 125px;
}

.l145 {
float: left;
width: 145px;
}

.l150 {
float: left;
width: 150px;
}

.r150 {
float: right;
width: 150px;
}

.r175 {
float: right;
width: 175px;
}

.l200 {
float: left;
width: 200px;
}

.r200 {
float: right;
width: 200px;
}

.l225 {
float: left;
width: 225px;
}

.l250 {
float: left;
width: 250px;
}

.r250 {
float: right;
width: 250px;
}

.l275 {
float: left;
width: 275px;
}

.l300 {
float: left;
width: 300px;
}

.r300 {
float: right;
width: 300px;
}

.l325 {
float: left;
width: 325px;
}

.r325 {
float: right;
width: 325px;
}

.l350 {
float: left;
width: 350px;
}

.r350 {
float: right;
width: 350px;
}

.l375 {
float: left;
width: 375px;
}

.r375 {
float: right;
width: 375px;
}

.l400 {
float: left;
width: 400px;
}

.r400 {
float: right;
width: 400px;
}

.l425 {
float: left;
width: 425px;
}

.r425 {
float: right;
width: 425px;
}

.l450 {
float: left;
width: 450px;
}

.r450 {
float: right;
width: 450px;
}

.l500 {
float: left;
width: 500px;
}

.r500 {
float: right;
width: 500px;
}



/* ====================================================================
FOOTER
-------------------------------------------------------------------- */

#footer {
clear: both;
width: 1050px;
margin: 0;
padding: 10px 0 0 0;
font: .8em/1.5em Arial, Verdana, Helvetica, sans-serif;
color: #000;
background: #fff;
text-align: center;
}

#footer p {
margin: 0 0 .25em 0;
padding: 0;
}

#footer img.lab-logo {
float: left;
width: 67px;
margin: 0 5px 0 50px;
padding: 0;
}

#footer .links {
float: left;
width: 260px;
margin: 0;
padding: 0;
}

#footer img.doe-logo {
float: left;
width: 159px;
margin: 0 0 0 5px;
padding: 0;
}

#footer #logos {
float: right;
margin: 0 50px 0 0;
padding: 5px 0;
text-align: center;
}

#footer #logos img {
margin: 0;
padding: 0 4px;
vertical-align: middle;
}
/* ====================================================================
POPUP IMPORT SESSION DIALOG
-------------------------------------------------------------------- */
#errors {
    font-size: 20;
    color: red;
}