﻿body 
{  
    background: url("") no-repeat scroll left top #FFFFFF !important;
}

TD
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #545f5e;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.intro
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
TD.QuestionPage
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #000066;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
TD.WhiteUnderline
{
    FONT-SIZE: 13px;
    COLOR: white;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline
}
TD.underline
{
    FONT-SIZE: 13px;
    COLOR: blue;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline
}
.savings
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.savingsHighLight
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffff99;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.HighLightUnderline
{
    FONT-SIZE: 13px;
    COLOR: #ffff99;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline
}
.savingsUL
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline
}
P
{
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.ModelResults
{
    FONT-SIZE: 10px;
    COLOR: #000066;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
A
{
    FONT-SIZE: 13px;
    COLOR: blue;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
A.Underline
{
    FONT-SIZE: 13px;
    COLOR: blue;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline
}
A.WhiteUnderline
{
    FONT-SIZE: 13px;
    COLOR: white;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline
}

A.form
{
    FONT-SIZE: 13px;
    COLOR: #fffbeb;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.QuestionText
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #0060bf;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline
}

.QuestionTextNU
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #0060bf;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

.BlueText
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: #0060bf;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.BlueTextUnderline
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: #0060bf;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline
}
.GrayBold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #545f5e;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.BodyText
{
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
TD.intro
{
    FONT-SIZE: 10pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.GrayBoldSmall
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #545f5e;
    FONT-FAMILY: Arial, Helvetica, 'sans serif';
    FONT-VARIANT: normal
}
.medheader2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: #222a95;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.back4
{
    BACKGROUND-COLOR: #ffffff
}
.meddata1
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
A
{
    COLOR: #0066cb;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline
}
.back5
{
    BACKGROUND-COLOR: #0066ca
}
.smalldatabold3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    HEIGHT: 14px
}
.smalldata1
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    HEIGHT: 14px
}
.smalldata2
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #222a95;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    HEIGHT: 14px
}
.smalldata
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    HEIGHT: 14px
}
.smalldatabold1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #222a95;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    HEIGHT: 14px;
    TEXT-DECORATION: none
}
.smalldatabold2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #999999;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    HEIGHT: 14px
}
.exlargehead1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    COLOR: #222a95;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    HEIGHT: 14px
}
.back1
{
    BACKGROUND-COLOR: #222a95
}
.back3
{
    BACKGROUND-COLOR: #f0f0f0;
    padding: 5px;
}
.back2
{
    BACKGROUND-COLOR: #cccccc
}
.medheader1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.medheader2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: #222a95;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.medheader3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.back4
{
    BACKGROUND-COLOR: #ffffff
}
.meddata1
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
A
{
    COLOR: #0066cb;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline
}
.back5
{
    BACKGROUND-COLOR: #0066ca
}
.smalldatabold3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    HEIGHT: 14px
}
.smalldata1
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    HEIGHT: 14px
}
.smalldata2
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #222a95;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    HEIGHT: 14px
}

/* styles for the footer table in calc results  */

A.pageButton {
	width: 90px;
	white-space: nowrap;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #0066CC;
	background-color: #CEE7FF;
	border: 1px solid #3399FF;
	border-right: 2px solid #3399FF;
	border-bottom: 2px solid #3399FF;
	text-align: center;
	vertical-align: middle;
	padding: 2px 5px 2px 5px;
}

A:hover.pageButton {
	background-color: #FFCC00;
	border: 1px solid #FF6600;
	border-right: 2px solid #FF6600;
	border-bottom: 2px solid #FF6600;
	color: #993300;
	text-decoration: none;

}

TABLE.footer {
	BACKGROUND-COLOR: #f0f0f0;
	border: 1px solid #222a95;
}

TABLE.footer TD {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;
	font-weight: normal;
	color: #000;
	padding: 5px;
	vertical-align: middle;

}
/* the following only applies if an image is used in the button  */

A.pageButton IMG {
	vertical-align: middle;
	text-align: left;
}

/* fixes for general user */

/* water heater calculate button */

table#Table1 {
	width:500px !important;
}

table.ApplCalc td input {
	text-align:right;
}

/* fixes for Appliance Calc borders */

table.ApplCalc, table.ApplCalc tr td {
	border: 0px;
}

.lightCalc P {
	padding-left: 0px;
}

.backTable5 {
	width: 530px;
}
hr
{
	border: none; border-bottom: 1px solid GrayText  ;
	
}
