/* text formatting */
UL {
        FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
}
LI {
	COLOR: black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 9pt
}
H2 {
	COLOR: #666666;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 16pt;
}
H3 {
	COLOR: #666666;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12pt;
}
H4 {
	COLOR: #000000; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 10pt;
}
H5 {
	COLOR: #000000; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 8pt;
}
P { 
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
}
PRE {
	COLOR: #999999;
	FONT-FAMILY: 'Times New Roman';
	FONT-SIZE : xx-small;
}

A:link {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	COLOR: #0066cc;
	FONT-SIZE: 10pt;
}
A:visited {
	COLOR: #0066cc;
	FONT-SIZE: 10pt;
}
A:active {
	COLOR: #444444;
	FONT-SIZE: 10pt;
}

/* Form formatting */ 
 
OPTION {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 10pt;
}

/* Table formatting */
TH {
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
}
TD {
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
}

/* ********** Classes ************ */

/* These are specifically used for links within navigation component */

A.NavBarTop:link {
	COLOR: #003366;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 12px;
	text-decoration : none;
}
A.NavBarTop:active {
	COLOR: #003366;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 12px;
	text-decoration : none;
}
A.NavBarTop:visited {
	COLOR: #003366;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 12px;
	text-decoration : none;
}
A.NavBarTop:hover {
	COLOR: #666699;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 12px;
	text-decoration : none;
}
.NavCellDefaultTop  {
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 12px;
	background : #C9C9C9;
}
.NavCellActiveTop  {
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 12px;
	background : #ffffff;
}
A.NavBarLow:link {
	COLOR: #003366;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 11px;
	text-decoration : none;
}
A.NavBarLow:active {
	COLOR: #003366;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 11px;
	text-decoration : none;
}
A.NavBarLow:visited {
	COLOR: #003366;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 11px;
	text-decoration : none;
}
A.NavBarLow:hover {
	COLOR: #666699;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 11px;
	text-decoration : none;
}
.NavCellDefaultLow  {
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 11px;
	background : #C9C9C9;
}
.NavCellActiveLow  {
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 11px;
	background : #ffffff;
}

/* This one is specifically for formatting the text in the copyright footer to be small */
.QuestionBox{
   background-color : #EEEEEE; 
   layer-background-color :#EEEEEE;
   border-style : solid;
   width : 550px;
   border-color : #cccccc;
   border-width : 1px;
   padding : 0px;
   margin : 0px;
}
.saformbox {
	background: #EDEDED;
}
TD.cellCustom { 
	text-align: center; 
}
.copyright {
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 8pt;
}

/*This class is for links in measures table */
A.MLink:active {
	COLOR: #003399;
	text-decoration: none;
}
A.MLink:visited {
	COLOR: #003399;
	text-decoration: none;
}
A.MLink:hover {
	COLOR: #003399;
	text-decoration: underline;
}
A.MLink:link {
	COLOR: #003399;
	text-decoration: none;
}

/* classes from 2020 css sheet */

.pullquote {
    COLOR: #2f85cc;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bold
}
.2020header1 {
    COLOR: #454545;
    FONT-SIZE: 11pt;
    FONT-WEIGHT: bold
}
.basicsQ {
    FONT-WEIGHT: bold
}
.2020head {
    BACKGROUND-COLOR: #2f85cc;
    COLOR: white;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold
}
.2020Numbers {
    COLOR: #ff6347;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 18px;
    FONT-WEIGHT: bold
}
.psehead1 {
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold
}
A.footer {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt
}
.price {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 10pt
}
.rebatecolor {
    COLOR: #cc3300;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold
}
.yourprice {
    COLOR: #2f85cc;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bolder
}
.HomeWhite {
    COLOR: white;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 10pt
}
.9pt {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}
TABLE.BlueBorder {
    BORDER-BOTTOM: #2f85cc;
    BORDER-LEFT: #2f85cc;
    BORDER-RIGHT: #2f85cc;
    BORDER-TOP: #2f85cc
}
P.rebates {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    MARGIN-BOTTOM: 11pt;
    MARGIN-TOP: 11pt
}
P.SmallMargin {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    MARGIN-BOTTOM: 2pt;
    MARGIN-TOP: 2pt
}
HR.LightGreyLine {
    COLOR: #cccccc
}
.location {
    COLOR: white;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    TEXT-DECORATION: none
}
A.location {
    COLOR: white;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt
}
.header {
    COLOR: #f5f5f5;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    MARGIN-BOTTOM: 1pt;
    MARGIN-TOP: 1pt;
    TEXT-DECORATION: none
}
.inheader {
    COLOR: #ffcc33;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    MARGIN-BOTTOM: 0pt;
    MARGIN-TOP: 1pt;
    PADDING-BOTTOM: 0pt;
    PADDING-LEFT: 1pt;
    TEXT-DECORATION: none
}
TABLE.Offers {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt
}
TD.Offers {
    BORDER-BOTTOM: #cccccc 1px solid;
    BORDER-LEFT: #cccccc 1px solid;
    BORDER-RIGHT: #cccccc 1px solid;
    BORDER-TOP: #cccccc 1px solid;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt
}
TD.FormLabel {
    TEXT-ALIGN: right;
    VERTICAL-ALIGN: top
}
TD.FormLabelRequired {
    COLOR: red;
    TEXT-ALIGN: right;
    VERTICAL-ALIGN: top
}
STRONG.Box {
    COLOR: white
}
P.NoBorder {
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 10pt;
    MARGIN-BOTTOM: 0px;
    MARGIN-TOP: 0px
}
TH.FormLabel {
    FONT-WEIGHT: bold;
    TEXT-ALIGN: right
}
H4.NoBreak {
    MARGIN-BOTTOM: 0pt;
    PADDING-BOTTOM: 0px
}
TH.FormLabelLeft {
    FONT-WEIGHT: bold;
    TEXT-ALIGN: left
}
.medium {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: medium;
    FONT-WEIGHT: bold
}
TH.lightlable {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-ALIGN: right
}
.vsmall {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt
}
.small {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 10pt
}
.getcon {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 11pt;
    FONT-WEIGHT: bolder
}
A.topnav:active {
    COLOR: gray;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt
}
.rchead {
    COLOR: white;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold
}
.fprod {
    COLOR: #2f85cc;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.bold11 {
    COLOR: #2f85cc;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 11pt;
    FONT-WEIGHT: bold
}
td.calc {
		font-size: 9pt;
		font-family: Arial, Helvetica, sans-serif;
		color: #ffffff;
}
.borderDIV {
	background-color : #E8E8E8; 
	layer-background-color :#E8E8E8;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	border-style : solid; 
	border-color : #bebebe;
	border-width : 1px;
	padding: 3px;
	width : 500px; 
}
.GreyBox{
   background-color : #F2F2F2; 
   layer-background-color :#F2F2F2;
   border-style : solid;
   border-color : #000099;
   border-width : 1px;
   padding : 3px;
}
.BlueBox{
   background-color : #0066cc; 
   layer-background-color :#0066cc;
   border-style : solid;
   border-color : #000000;
   border-width : 1px;
   padding : 3px;
}
.BottomBenchMarkNav{
   border-style : solid;
   border-width : 1px;
   padding : 3px;
   margin-top: 12px;
   background-color:#E9F1FE;
   width:390;
}
.BlankBox{
   border-style : solid;
   border-color : #000099;
   border-width : 1px;
   padding : 3px;
}
.BoldBlueText {
	color : #000099 ;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
}
.SmallText {
    FONT-SIZE: 11px;
}
.BlueCellWhiteBoldText {
    BACKGROUND-COLOR: #2f85cc;
    COLOR: white;
    FONT-SIZE: 11px;
}
.unFramedTextInput {
	border: #0FF;
	text-align: right;
}
.rightTextInput {
	text-align: right;
}

/* ******************************************************************* */
/* Current styles below affect new Measures pages only - Aug 2003      */
/* To be used in conjunction with and to override sbestyle.css.        */
/* Navigation styles has not been globalized,                          */
/* so will not affect existing navigational look as of Aug 2003        */
/* ******************************************************************* */

/* Global variables -- width, font size, colors             */

BODY {
	margin: 10px;
	padding: 0;
	background-color: #FFFFFF; 
}

TD {
    font: 12px/18px arial, verdana, helvetica, sans-serif;
}

SELECT, INPUT {
    font: 12px arial, verdana, helvetica, sans-serif;
	vertical-align: middle;
}

A.qhelp:link {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	COLOR: #0066cc;
	FONT-SIZE: 10pt;
	text-decoration: underline;
}
A.qhelp:visited {
	COLOR: #0066cc;
	FONT-SIZE: 10pt;
	text-decoration: underline;
}
A.qhelp:active {
	COLOR: #444444;
	FONT-SIZE: 10pt;
	text-decoration: underline;
}

/*
A:link, A:active, A:visited {
	color: #039;
	text-decoration: none;
}

A:hover {
	text-decoration: underline;
}


/* ****************************** */
/*   Top navigation               */

.NavOne {
	width: 500px;
	padding: 0;
	background: #D6E2F2;
	border: 1px solid #B0C4DE;
	margin-bottom: 0px;
}

.NavOne TD.NavOff {
	text-align: center;
	color: #ffffff;
	border-right: 1px solid #FFFFFF;
}

/*   To support Netscape 4x     */
A.mOff:link, A.mOff:visited, A.mOff:active {
	font-size: 12px; 
	text-align: center;
	color: #036; 
	text-decoration: none;
}

/*   To support Netscape 4x     */
A.mOff:hover {
	color: #933; 
	text-decoration: none;
}

.NavOne TD.NavOn {
	text-align: center;
	background: #ffffff; 
	color: #000000; 
	font-weight: bold;
	border-bottom: 1px solid #FFFFFF;
}

/*   To support Netscape 4x     */
.mOn {
	font-size: 12px; 
	text-align: center;
	font-weight: bold;
	color: #000; 
}

.NavTwo {
	width: 500px;
	text-align: center;
	border-top: 1px solid #ffffff;
}

.NavTwo TD.NavOff {
	text-align: center;
	background: #B0C4DE; 
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #369;
}

/*   To support Netscape 4x     */
A.submOff:link, A.submOff:visited, A.submOff:active {
	font-size: 11px; 
	text-align: center;
	color: #003; 
	text-decoration: none;
}

/*   To support Netscape 4x     */
A.submOff:hover {
	color: #933; 
	text-decoration: none;
}

.NavTwo TD.NavOn {
	text-align: center;
	font-weight: bold;
	font-size: 11px; 
	background: #ffffff; 
	color: #000000; 
	border-bottom: 1px solid #FFFFFF;
}

/*   To support Netscape 4x     */
.submOn {
	font-size: 11px; 
	font-weight: bold;
	text-align: center;
	color: #003366; 
	border-right: 1px solid #FFFFFF;
}




/* ****************************** */
/* Next, previous type navigation */

 .NavWiz {	
	width: 500px;
	background-color: #EEE;
}

 .NavWiz IMG {
	vertical-align: middle;
}

.NavWiz A, .NavWiz A:visited {	
}

.NavWiz TD {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding: 5px;
	vertical-align: middle;
}

.NavWizLeft {	
	font-weight: bold;
	font-size: 11px;
	white-space: nowrap;
	text-align: left;
	border: 1px solid #FFF;
	border-right: 0;
	text-decoration: none;	
}

TD.NavWizRight {	
	font-weight: bold;
	font-size: 11px;
	white-space: nowrap;
	text-align: right;
	border: 1px solid #FFF;
	border-left: 0;
	width: 10%;
	text-decoration: none;
}


.NavWizRight A, .NavWizLeft A {	
	color: #036;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
	border: 1px solid #B0C4DE;
	border-right: 2px solid #B0C4DE;
	border-bottom: 2px solid #B0C4DE;
	padding: 1px 4px 2px 4px;
	vertical-align: top;
	background-color: #FFF;
}


.NavWizRight A:hover, .NavWizLeft A:hover {	
	text-decoration: none;
	border-right: 2px solid #369;
	border-bottom: 2px solid #369;
}


TD.WizRightBody {	
	font-weight: normal;
	font-size: 11px;
	text-align: right;
	white-space: normal;
	border: 1px solid #FFF;
	border-right: 0;
	padding: 1px 8px 2px 4px;
	color: #333;
}

.WizLeftBody {	
	font-weight: normal;
	font-size: 11px;
	text-align: left;
	white-space: normal;
	border: 1px solid #FFF;
	border-left: 0;
	padding: 1px 4px 2px 8px;
	color: #333;
}

/* ***************************************** */
/*   Secondary tasks below main content area */


.NavFooter{	
	width: 500px;
	background-color: #CCCCCC;
	border: 1px solid #CCCCCC;
	color: #000000;
	margin-top: 30px;
}


.NavFooterHeader {
    font:   11px/18px verdana, arial, helvetica, sans-serif;
	font-weight: bold;
}

.NavFooterSubheader {
	background-color: #EEEEEE;
	color: #333333;
	border-bottom: 1px solid #CCCCCC;
	vertical-align: middle;
}

.NavFooterBody {
	font-size: 11px; 
	background-color: #EEEEEE;
	color: #333333;
	border-bottom: 1px solid #CCCCCC;
	vertical-align: middle;
}


.NavFooterImg {
	background-color: #EEEEEE;
	border-bottom: 1px solid #CCCCCC;
	padding: 5px 4px 5px 8px;
}


.NavFooterImg IMG{
	vertical-align: middle;
}


.NavFooterSubheader A, .NavFooterSubheader A:visited {
	white-space: nowrap;
	color: #003399;
	font-weight: bold;
	text-decoration: none;
	font-size: 90%;
}


.NavFooterImg A:hover {
	text-decoration: underline;
}


/* ************* */
/*   Page Header */

.Header {
	background-color: #FFFFFF;
	width: 500px;
	padding: 0;
	font-weight: normal;
}

.Header TD.ColOne {
	text-align: left;
	vertical-align: top;
	padding-top: 5px;
}

.Header TD.ColTwo {
	text-align: left;
	vertical-align: top;
	padding-top: 20px;
}

.Header p {
	background-color: #FFFFFF;
	vertical-align: top;
	margin-top: 0;
}

.FacilityName {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #003366;
	padding: 0px 0px 5px 0px;
}



/* ******** */
/*   Panels */


.PanelHeader {
	white-space: nowrap;
	color: #000;
	background-color: #B0C4DE;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 5px;
}

.PanelBody, .PanelBodyImg {
	font: normal 11px Arial, Verdana, Helvetica, sans-serif;
	background-color: #FFF;
	border-bottom: 1px solid #B0C4DE;
	padding: 3px 3px;

}

.PanelBody {
	text-align: left;
	vertical-align: top;
}

.PanelBodyImg {
	width: 20%;
	text-align: center;	
}

TR.PanelBody .Label, TR.PanelBody .LabelField, TR.PanelBody .LabelFieldNum {
	border-bottom: 1px dashed #CCC;
}

.PanelBody A, .PanelBody A:visited {
	text-decoration: none;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003399;
}

.PanelBody A:hover {
	text-decoration: underline;
}

.PanelHighlight {
	color: #333;
	background-color: #F6E8AE;
	font-size: 11px;
	border: 1px solid #FFF;
	vertical-align: top;
	padding: 2px 3px 2px 5px;

}


/* ******************** */
/*   Panel specifics    */
/*   Measures Summary and Details, Billing Info pages */

.MeasuresPanel, .PlanPanel, .BillPanel, .BudgetPanel {
	border: 1px solid #B0C4DE;
	width: 200px;
	margin: 0px 0px 3px 0px;
}



/* ****************************** */
/* Global TABS */

.TabOff, TD.LeftOff, TD.RightOff   {
	color: #000000; 
	background-color: #B0C4DE; 
	border-bottom: 1px solid #FFF;
}

.TabOn, TD.LeftOn, TD.RightOn  {
	text-align: center;
	color: #000000; 
	background-color: #EEEEEE; 
	border-bottom: 1px solid #EEEEEE;
}

.LeftOff, TD.LeftOn  {
	vertical-align: top;
	text-align: left;
}

.RightOff, TD.RightOn {
	vertical-align: top;
	text-align: right;
	border-right: 1px solid #FFFFFF;
}

TD.TabOn A {

}

.TabOff A:hover {
	color: #FFFFFF; 
	text-decoration: none;
}

.TabOn A:hover {
	color: #600; 
	text-decoration: none;
}

/* ******************** */
/* Panel & List TABS */

.PanelTab IMG, .ListTab IMG {
	vertical-align: top;
}

.PanelTab A:link, .PanelTab A:visited, .PanelTab A:active, 
.ListTab A:link, .ListTab A:visited, .ListTab A:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:  11px;
	color: #000; 
	text-decoration: none;
}

.PanelTab .TabOff {
	color: #000000; 
	background-color: #CCC; 
	border-bottom: 2px solid #e8e8e8;
	padding-left: 5px;
}

.PanelTab .TabOn {
	background-color: #FFF; 
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding-left: 5px;
}

.PanelTab TD.RightOff  {
	border-bottom: 2px solid #e8e8e8;
	background: #CCC url("images/tabpanelBg_notch_right.gif") right top;
	text-align: right;

}

.PanelTab TD.RightOn {
	border-bottom: 1px solid #FFF;
	background: #FFF url("images/tabpanelBg_notch_right.gif") right top;
}

.PanelTab .RightOff, .PanelTab .RightOn,
.ListTab .RightOff, .ListTab .RightOn {
	vertical-align: top;
	border-right: 1px solid #EEE;
}

/*   LIST tabs only */

.ListTab {
	border-bottom: 5px solid #F6E8AE;
}

.ListTab .TabOn {
	background-color: #F6E8AE; 
	border-bottom: 1px solid #F6E8AE;
	border-top: 1px solid #CCC;
	border-left: 0px solid #CCC;
	border-right: 0;
	font-weight: bold;
}

.ListTab TD.RightOn {
	border-bottom: 1px solid #EEE;
	border-right: 0;
	background: #F6E8AE url("images/tablistBg_notch_right.gif") right bottom;
}

.ListTab TD.LeftOn  {
	border-bottom: 1px solid #EEE;
	background-color: #EEE;
	background: #F6E8AE url("images/tablistBg_notch_left.gif") left bottom;
}


.ListTab .TabOff {
	color: #000000; 
	background-color: #CCC; 
	border-bottom: 1px solid #FFF;
	font-weight: normal;

}

.ListTab TD.RightOff   {
	border-bottom: 1px solid #FFF;
	border-right: 0;
	background: #CCC url("images/tablistBg_notch_right.gif") right bottom;
}

.ListTab TD.LeftOff   {
	border-bottom: 1px solid #FFF;
	background: #CCC url("images/tablistBg_notch_left.gif") left bottom;
	color: #000000; 
	vertical-align: top;
}


/* *************************** */
/*   GLOBAL List table pattern */

.ListTitle {
	margin-top: 5px;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;	
}

.ListSubTitle {
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;	
}

.ListHelp, .ListFooterTxt {
	font: normal 11px Arial, Verdana, Helvetica, sans-serif;	
	color: #333333;
	padding: 5px 5px;
}

.ListHdr,  .ListHdrTab {
	padding: 2px 0 0 0;
	font-size: 70%;
	text-align: left;
	vertical-align: bottom;
}

.ListHdrTab {
	border-bottom: 1px solid #FFF;
	padding: 10px 0 0 0;
	background-color: #FFF;
}

.ListFooter {
	padding: 0;
	font-size: 70%;
	text-align: left;
}

.ListFooter IMG {
	vertical-align: middle;
}

TD.ListHdrButton {
	width: 25%;
}

TD.ListFooterButton {
	width: 10%;
}

/*   Buttons to replace images and where user action affects list table items */

TD.ListHdrButton, .ListFooterButton  {
	white-space: nowrap;
	padding: 6px;
	text-align: right;
	vertical-align: bottom;
}

.ListFooterButton A:link, .ListFooterButton A:visited, {
	color: #036;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
	border: 1px solid #B0C4DE;
	border-right: 2px solid #B0C4DE;
	border-bottom: 2px solid #B0C4DE;
	padding: 1px 4px 2px 4px;
	vertical-align: top;
	background-color: #FFF;
}

.ListFooterButton A:hover {	
	background-color: #FFF;
	text-decoration: none;
	border-right: 2px solid #369;
	border-bottom: 2px solid #369;
}

DIV.ListHdrButton  {
	white-space: nowrap;
	padding: 0px;
	text-align: right;
	vertical-align: bottom;
}



/*   List column headers  */

TH, .RowHeader, TH.ListHdrTop, .ListHdrForm, .ListHdrNum, .ListHdrTxt, .ListHdrImg   {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;	
	padding: 3px 3px 3px 3px;
	vertical-align: bottom;
	background-color: #B0C4DE;
	border-right: 1px solid #FFFFFF;
}

.RowOdd {
	background-color: #FFFFFF;
}
.RowEven {
	background-color: #EEEEEE;
}
.RowTotal {
	background-color: #F6E8AE;
}

/*   For double list headers, this is the top list column header row */

TH.ListHdrTop{
	border-bottom: 0px;
}

/*   List column data  */

 .ListColForm, .ListColNum, .ListColTxt, .ListColImg   {
	font: 12px Arial, Verdana, Helvetica, sans-serif;	
	padding: 2px 5px 2px 5px;
	border-right: 1px solid #FFFFFF;
	vertical-align: middle;
}


/*   For checkboxes, radio buttons that need to be centered in a column */

.ListHdrForm, .ListColForm {
	text-align: center;
}

.ListHdrNum {
	text-align: center;
}

.ListColNum {
	white-space: nowrap;
	text-align: right;
	padding-right: 10px;
}

.ListHdrTxt, .ListColTxt {
	text-align: left;
}

.ListHdrImg {
	text-align: left;
}

.ListColImg {
	white-space: nowrap;
}

.ListColTotal {
	white-space: nowrap;
	text-align: right;
	font-weight: bold;
	color: #333333;
	border-top: 1px solid #FFFFFF;
	margin: 0;
}

/*   Use ListEmp instead of hardcoding bold tags in the HTML */

.ListEmp {
	font-weight: bold;
}

.MlinkEmp {
	font-weight: bold;
	color: #666;

}

/*   Global button look and feel here */

A.ListButton, A:visited.ListButton, .MeasuresHeader A.ListButton, .BillFooter A.ListButton,
A.PageButton,  {
	white-space: nowrap;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;	
	text-decoration: none;
	color: #FFFFFF;
	background-color: #0066CC;
	border: 1px solid #333333;
	border-right: 2px solid #333333;
	border-bottom: 2px solid #333333;
	text-align: center;
	vertical-align: middle;
	padding: 2px 5px;
	line-height: 200%;
}

TABLE.BudgetFooter A.PageButton {
	white-space: nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 95%;
	font-weight: bold;
	text-decoration: none;
	color: #036;
	background-color: #FFF;
	border: 1px solid #B0C4DE;
	border-right: 2px solid #B0C4DE;
	border-bottom: 2px solid #B0C4DE;
	text-align: center;
	vertical-align: middle;
	padding: 3px 5px;
}

A.QhelpButton, A:visited.QhelpButton {
	white-space: nowrap;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #039;
	text-align: right;
	padding: 2px 4px 4px 18px;
	vertical-align: middle;
	background: #FFF url("images/icon_button_help.gif") left top no-repeat;
}

/* ************************** */
/*   List table specifics  */
/*   PAGES: Measures Summary, Project Plan, Bill Info    */

.MeasuresHeader, .BillHeader, .BudgetHeader {
	width: 500px;
	border-top: 0px solid #CCC;
	border-bottom: 1px solid #FFF;
	background-color: #EEE;
}

.MeasuresBody, .BillBody, .BudgetBody {
	width: 500px;
	border: 1px solid #CCC;
}

.BudgetBody {
	width: 500px;
	border: 1px solid #D6E2F2;
}

.MeasuresFooter, .BillFooter, .BudgetFooter {
	width: 500px;
	background-color: #D6E2F2;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #369;
}

TABLE.BudgetHeader TD.ListHdr {
	background-color: #D6E2F2;

}

TABLE.BudgetFooter TD.ListFooter {
	padding: 10px 5px 5px 5px;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	vertical-align: top;
}

TABLE.BudgetFooter TD.ListFooterButton  {
	white-space: normal;
	padding: 6px;
	text-align: left;
	vertical-align: top;
	border-right: 1px dotted #FFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}


/*   Project Assistance table in Measures Detail   */

.MeasuresProject {
	width: 500px;
	border: 1px solid #CCCCCC;
	border-bottom: 5px solid #CCCCCC;
	background-color: #EEEEEE;
	color: #003366;	
}

.MeasuresProject H4 {
	border: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background-color: #D6E2F2;
	color: #333333;
	padding: 5px;
	vertical-align: middle;
}

/*   mLink is the savings opportunity list items and specialized for this table */





/* ************************* */
/*   GLOBAL Dialog pattern   */

.Label {
	font-size: 100%;
	font-weight: bold;
	padding: 5px;
}

.SubLabel {
	color: #333;
	font-size: 100%;
	font-weight: normal;
	padding: 0;
}

.LabelField {
	font-size: 100%;
	font-weight: normal;
	padding: 5px 5px 5px 0px;
}

.LabelEmp {
	font-weight: bold;
}

.LabelFieldNum {
	text-align: right;
	vertical-align: middle;
	padding-right: 10px;
}


/* ******************************* */
/*   GLOBAL Content detail pattern */

H1 {
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;	
	color: #666;
	padding: 10px 0px 0px 5px;
	margin: 0;
}

H2 {
	font: bold 17px Verdana, Arial, Helvetica, sans-serif;	
	color: #666;
	padding: 20px 0px 0px 10px;
	margin: 0;
}

.SubTitle {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;	
	padding: 0;
	margin: 0px 10px 5px 10px;
	font-weight: bold;
	border-bottom: 1px dotted #B0C4DE;
}


H4 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;	
	padding: 0px 0px 5px 10px;
	margin: 0;
}

p {
	font: normal 12px  Arial, Verdana, Helvetica, sans-serif;	
	line-height: 120%;
	padding: 5px 10px 5px;
}


.highlight {
	font-weight: normal;
	padding: 3px;
	color: #000000;
	background-color: #F6E8AE;
}


/* *********************************** */
/* Expand, collapse DHTML type content */

.ExpandHeader {	
	width: 500px;
	border: 1px solid #CCC;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #ccc;
	background-color: #F6E8AE;
	margin-top: 1px;
}

.ExpandHeader A, .ExpandHeader A:link, .ExpandHeader A:visited {	
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color: #660000;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
}

.ExpandHeader IMG {	
	vertical-align: middle;
}

.ExpandBody {	
	width: 500px;
	border-top: 0;
	background-color: #EEEEEE;
	padding: 0px 8px 2px 8px;
	border-left: 5px solid #FFFFFF;
	border-right: 5px solid #FFFFFF;
	border-bottom: 3px solid #CCCCCC;
}

.ExpandBody DIV.listHelp {	
	font-size: 95%;
	margin: 0;
	padding: 3px;
}


/* ****************** */
/*   Expand Specifics */
/*   Pages: Billing Info    */

.MonthlyBill {
	border: 1px solid #B0C4DE;
	border-top: 1px solid #FFFFFF;
}

/*   To keep the months from wrapping in the cell  */

.MonthlyBill TD.ListColTxt {
	white-space: nowrap;
	padding: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 65%;
	font-weight: bold;
	color: #333333;
}


/* ********************* */
/*   Page footer pattern */

.FooterLinks {
	width: 500px;
	text-align: center;
	color: #333333;
	margin-top: 50px;
	font-size: 10px;
}


.FooterEmp {
	font-weight: bold;
}

.FooterLinks A:hover{
	text-decoration: underline;
}

.FooterCopyright {
	display: block;
	width: 500px;
	text-align: center;
	font-weight: normal;
	font-size: 10px;
	color: #333333;
}

/***********Styles for Benchmark Table***************************/

DIV.ListTabContainer {
	width: 500px;
	padding: 0px;
	padding-right: 5px;
	border-bottom: 3px solid #5285AB;
}

.ListTab {
	width: 100%;
}

TD.TabOn {
	background-color: #5285AB;
	padding-left: 5px;
	padding-right: 5px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #5285AB;
}

TD.LeftOn, TD.RightOn {
	background-color: #5285AB;
	border-bottom: 1px solid #5285AB;
	padding: 0px;
}

TD.TabOff {
	color: #000;
	font: bold 11px Arial, Helvetica, Geneva;
	background-color: #FED083;
	padding-left: 5px;
	padding-right: 5px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #FFF;
}

TD.LeftOff, TD.RightOff {
	background-color: #FED083;
	border-bottom: 1px solid #FFF;
	padding: 0px;
}

TD.LeftOn, TD.LeftOff {
	background-image:  url("images/tablistBg_notch_left.gif") right bottom;
}

TD.RightOn, TD.RightOff {
	background-image:  url("images/tablistBg_notch_right.gif") right bottom;
}

TD.TabOn A, TD.TabOn A:link, TD.TabOn A:active, TD.TabOn A:visited, TD.TabOn A:hover {
	color: #FFF;
	font: bold 11px Arial, Helvetica, Geneva;
	text-decoration: none;
}

TD.TabOff A, TD.TabOff A:link, TD.TabOff A:active, TD.TabOff A:visited, TD.TabOff A:hover {
	color: #000;
	font: normal 11px Arial, Helvetica, Geneva;
	text-decoration: none;
}
/*************************************************************************/

DIV.SummaryResultsContainer {
	width: 500px;
	border: 2px solid #5285AB;
	border-top: 0px;
	margin-bottom: 10px;
}

TABLE.SummaryResultsBody {
	border-bottom: 2px solid #CCC;
}

TABLE.SummaryResultsBody TD {
	padding: 8px;
}

TABLE.SummaryResultsBody A, TABLE.SummaryResultsBody A:link, TABLE.SummaryResultsBody A:active, TABLE.SummaryResultsBody A:visited {
	color: #000;
	font: bold 11px Arial, Helvetica, Geneva;
	background-color: #FFF4CD;
	border: 1px solid #FEF5CC;
	border-bottom: 2px solid #FFCC66;
	border-right: 2px solid #FFCC66;
	padding: 2px 5px 2px 5px;
	text-decoration: none;
}

TABLE.SummaryResultsBody A:hover {
	color: #000;
	font: bold 11px Arial, Helvetica, Geneva;
	background-color: #F5F5F5;
	border: 1px solid #BBD0DD;
	border-bottom: 2px solid #5285AB;
	border-right: 2px solid #5285AB;
	padding: 2px 5px 2px 5px;
	text-decoration: none;
}
	
TABLE.SummaryResultsBody .RowHeader TD {
	color: #FFF;
	font: bold 11px Arial, Helvetica, Geneva;
	background-color: #5285AB;
	text-align: center;
	width: 50%;
}

TABLE.SummaryResultsBody TR.RowOdd TD {
	background-color: #EEE;
}

TABLE.SummaryResultsBody TR.RowEven TD {
	background-color: #FFF;
}

TABLE.SummaryResultsBody .RowEven TD, TABLE.SummaryResultsBody TR.RowOdd TD {
	color: #000;
	font: normal 11px Arial, Helvetica, Geneva;
	border-bottom: 1px solid #CCC;
	width: 50%;
} 

TABLE.SummaryResultsBody .RowEven TD.Left,  TABLE.SummaryResultsBody .RowOdd TD.Left{
	color: #036;
	font: bold 11px Arial, Helvetica, Geneva;
	border-right: 1px dotted #CCC;
}

/************************************/
TABLE.SummaryResultsFooter {
	width: 100%;
	background-color: #E6F5FC;
}

TABLE.SummaryResultsFooter TD {
	padding: 8px;
}

.TABLE.SummaryResultsFooter A .TABLE.SummaryResultsFooter A:link, .TABLE.SummaryResultsFooter A:active, .TABLE.SummaryResultsFooter A:visited {
	color: #036;
	font: bold 11px Arial, Helvetica, Geneva;
	text-decoration: underline;
	padding: 0px;
}

TABLE.SummaryResultsFooter IMG {
	vertical-align: middle;
	padding-right: 3px;
}