/* ====================================================================
GENERAL STYLING
-------------------------------------------------------------------- */

.clear {
clear: both;
}

html {
min-width: 773px;
margin: 0px;
padding: 0px;
}

body {
min-width: 773px;
margin: 0px;
padding: 0px;
color: #000;
background: transparent;
font: 12pt/13pt Times, serif;
}

a {
color: #497777;
background: transparent;
text-decoration: none;
}

h1, h2, h3, h4 {
color: #497777;
background: transparent;
margin: 0;
padding: 2pt 0 1pt 0;
font-family: Times, serif;
line-height: 17pt;
}

h1 {
font-size: 15pt;
text-transform: uppercase;
}

h2 {
font-size: 14pt;
}

h3 {
font-size: 13pt;
}

h4 {
font-size: 12pt;
}

p {
margin: 0;
padding: 0 0 4pt 0;
}

.warning {
color: #8f0000;
}

.note {
font-size: 10pt;
}

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

ul, ol {
margin: 10px 0 0 18pt;
padding: 0 0 4pt 0;
}

li {
margin-left: 18pt;
padding: 0 0 6pt 0;
line-height: 13pt;
}

dl {
margin: 0;
padding: 0;
}

dt {
margin: 0;
padding: 6pt 0 0 0;
font-weight: bold;
}

dd {
margin: 0 0 0 16pt;
padding: 0 0 6pt 0;
}

img {
border: 0;
}

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

sub {
font-size: 8pt;
vertical-align: -15%;
}

.center {
text-align: center;
}

.left {
text-align: left;
}

.right {
text-align: right;
}

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

table {
margin: 0 0 10px 0;
padding: 0;
width: 100%;
font-size: 11pt;
}

table caption {
color: #000;
background: transparent;
font-size: 14pt;
font-weight: bold;
margin: 0;
padding: 0;
}

td {
margin: 0;
padding: 2pt;
vertical-align: top;
}

th {
padding-top: 6pt;
color: #497777;
background: transparent;
vertical-align: middle;
line-height: 12pt;
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: 16pt;
}

.clear {
clear: both;
}

.box-wrap {
width: 100%;
margin: 0;
padding: 0;
background: transparent url(/public/consumer/images/print/hes-layout-middle.png) 0 0 repeat-y;
}

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

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

#columns-float {
float: left;
width: 100%;
margin: 0;
padding: 0;
background: transparent url(/public/consumer/images/print/content-top.png) 0 0 no-repeat;
}

#main {
width: 739px;
margin: 0 18px 0 18px;
}

#left-col {
display: none;
}




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

#header {
margin: 0;
padding: 0;
width: 773px;
height: 75px;
}

/* 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 {
display: none;
}

#header-nav {
display: none;
}

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


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

#tabs {
display: none;
}


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

#tab-secondary {
display: none;
}


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

#main-content {
margin: 0 0 8pt 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;
}

#learn #main-content, #static #main-content {
min-height: 200px;
}

img.helptext {
display: none;
}

h1 img.helptext {
display: none;
}

.print {
display: none;
}

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

.form-group, .form-group-horizontal {
margin: 6pt 0 1pt 0;
padding: 0;
width: 100%;
clear: both;
}

.form-group h2, .form-group-horizontal h2 {
color: #047391;
background: transparent;
}

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

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

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

.form-label .note, .form-element .note {
color: #000;
font-size: 11pt;
font-weight: normal;
line-height: 14pt;
}

.form-element {
position: relative;
margin: 0 0 0 41%;
padding: 0 2pt;
}

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

.form-group-horizontal .form-label {
float: none;
width: 100%;
margin: 0;
padding: 0 0 1pt 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: 2pt 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: 3pt;
width: 150px;
height: 15px;
border: 1px solid #8c8c8c;
}

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

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

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

.text-box-sm-label {
position: absolute;
top: 3px;
left: 65px;
width: 100%;
font-size: 10pt;
}

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

.drop-down select {
margin: 3pt 0;
padding: 0;
}

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

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

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

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

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

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

.w47 {
width: 51%;
}

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

.text-box-inline input {
margin: 0 0 2px 2px;
padding: 3pt;
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: #000;
background: transparent;
width: 50%;
}

.tariff select, .tariff input {
margin-bottom: 12pt;
}

/* 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;
clear: both;
}

.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: 3pt;
}

/* 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: 142px;
right: 72px;
z-index: 0;
}

.house-dimensions .shape-back-s-3 {
position: absolute;
bottom: 64px;
right: 150px;
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: 120px;
left: 91px;
z-index: 0;
}

.house-dimensions .shape-back-s-6 {
position: absolute;
top: 92px;
left: 173px;
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: #000;
background: transparent;
border: 1px solid #bdd9d9;
}

.no-schedule h2, .schedule h2 {
font-size: 12pt;
padding-top: 0;
}

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

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

.no-schedule table td {
height: 30px;
}

.no-schedule table .box-label, .schedule table .box-label {
position: relative;
font-size: 10pt;
}

.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;
font-size: 10pt;
}

.schedule table {
width: 85%;
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;
}

.schedule table td .drop-down-sm {
margin-left: 5px;
}

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

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

.lighting-details {
float: left;
width: 95%;
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: 100px;
}

.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: 85%;
color: #000;
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: #000;
background: transparent;
}

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

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

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

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

table.appliances select {
margin: 3pt 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: 90px;
}

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

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

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: 100%;
margin: 10px 0 5px 0;
padding: 0;
color: #497777;
background: transparent;
text-align: right;
font-weight: bold;
}

.finished-section input {
margin: 0 0 0 2pt;
}

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

.actions {
margin: 5px 0 10px 25%;
padding: 0;
text-align: right;
}

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


.gradient-box-outer {
width: 100%;
margin: 0 0 10px 0;
padding: 0;
background: transparent;
}

.gradient-box-inner {
margin: 0;
padding: 0;
background: transparent;
}


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

/* Use the following code to hide the text above and below the charts and tables on the Compare pages only */

#compare p {
display: none;
}

/* Use in conjunction with the above rule.  */

#compare p.key,			/* Allows the key to be viewed on Compare-1 page. */
#compare .col400 p {	/* Allows the chart explanations to be shown on Compare-Monthly. */
display: block;
}



.savings {
font-weight: bold;
}

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

#chart p {
display: none;
}

/* 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: #000;
background: transparent;
text-align: left;
}

#chart table.comparison th {
width: 150px;
padding: 2pt;
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: #000;
background: transparent;
}

p.key img {
margin: 0 3pt 0 9pt;
}

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


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

table.compare-summary {
width: 739px;
margin: 0 0 15px 0;
padding: 0;
color: #000;
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: 2pt;
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: 16pt;
}

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

table.compare-summary tr td.savings {
padding-right: 16pt;
}

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 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: 6pt;
padding-left: 6pt;
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: #000;
text-align: right;
}

table.drilldown th {
padding-top: 2pt;
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: #000;
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: 739px;
}

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

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: 20%;
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: 100%;
margin: 0 0 15px 0;
padding: 0;
background: transparent;
}

.rounded-box-inner {
margin: 0;
padding: 10px 18px 20px 10px;
background: transparent;
}

/* H1 on all UPGRADE pages */

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

/* Horizontal rules on all UPGRADE pages */

#upgrade hr {
clear: both;
margin: 6pt 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: 2pt;
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: #000;
background: transparent;
}

table.upgrades tr {
}

table.upgrades th, table.upgrades td {
padding: 2pt;
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: 218px;
}

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: #000;
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: 100%;
margin: 0 0 5px 0;
padding: 0;
background: transparent;
border-top: 1px solid #cee3e3;
}

.rounded-box-header {
margin: 0;
padding: 0 0 10px 0;
background: transparent;
}

.rounded-box-header h2 {
color: #000;
background: transparent;
margin: 5px 0 0 0;
padding: 0;
font-size: 14pt;
font-weight: bold;
}

.rounded-box-header p.note {
display: none;
}

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

.new-upgrade-detail h3 {
margin: 0;
padding: 6pt 0 1pt 0;
}

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

#upgrade .schedule table {
width: 60%;
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: 6pt 0 12pt 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 {
display: none;
}

/* No-Regrets Remodeling */

p.nrr {
clear: both;
margin-top: 16pt;
}

td.indent {
padding-left: 16pt;
}

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 1pt 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 1pt 0;
}

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

.case-study-info span.title {
color: #497777;
background: transparent;
margin: 0;
padding: 0 0 1pt 0;
font-size: 12pt;
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 1pt 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: #000;
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(/public/consumer/images/poll-bottom.png) 0 100% no-repeat;
}

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

.poll-content {
margin: 20px 10px 0 20px;
padding: 0;
}

.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 2pt 0 0;
}

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

/* Hall of Shame */

#learn #main-content .clear {
clear: none;
}

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

/* User's Guide */

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

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

.five-steps .column-holder {
position: absolute;
top: 55px;
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 {
width: 739px;
margin: 0 18px;
}

#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;
}

.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(/public/consumer/images/report-page.png) 0 0 no-repeat;
text-align: center;
position: relative;
font-size: 10pt;
}

.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(/public/consumer/images/report-pages-2.png) 0 0 no-repeat;
}

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

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

.report-actions {
margin: 0 0 0 230px;
padding: 0;
width: 510px;
text-align: right;
font-size: 10pt;
}

.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: 74px;
margin: 3px 5px 0 0;
padding: 0;
}

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

#session {
margin: 0 0 15px 0;
padding: 0;
font: normal 10pt/14pt Arial, Verdana, Helvetica, sans-serif;
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: 14pt;
}

#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(/public/consumer/images/gradient-nav-box-bot.png) 0 100% no-repeat;
font: normal 10pt/14pt Arial, Verdana, Helvetica, sans-serif;
}

.potential-savings-inner {
min-height: 246px;
margin: 0;
padding: 7px 14px 7px 7px;
background: transparent url(/public/consumer/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: 3pt;
font-size: 13pt;
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: 6pt;
}

/* For compare-1.html only */

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

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

.back-to-results {
text-align: center;
}

.emissions {
margin: 0 0 15px 0;
padding: 6pt 3pt;
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 10pt/14pt 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: 6pt 3pt;
font: normal 10pt/14pt Arial, Verdana, Helvetica, sans-serif;
border: 1px solid #047391;
}

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

#nav {
display: none;
}



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

/* Contact page */

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



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

.img-caption {
margin: 0;
padding: 6pt 0 0 0;
font-size: 10pt;
line-height: 16pt;
}

.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: 400px;
}

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

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

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



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

#footer {
display: none;
}