/* ******************************************************** */
/* Global Styles are applicable to all products.            */
/* Used together with product specific stylesheet           */
/* ******************************************************** */

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

BODY, BODY.Help, BODY.Error, BODY.Splash  {
	padding: 0;
	background: #FFF url('') left top no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px; 
}

BODY.Help, BODY.Error, BODY.Splash {
	background: #F9F9E8;
}

TD {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

SELECT, INPUT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	vertical-align: middle;
}

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

IMG {
	vertical-align: middle;
}

ul, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	margin-left: 0.5em; margin-top: 0px; margin-bottom: 0px;
	text-indent: -1.3em;
	padding-left: 0.5em; padding-right: 0.5em; padding-bottom: 0.4em;
	list-style: circle url('') inside;
}

/* ****************************** */
/*   Global navigation elements   */
/*   GlobalNav: IBP across product navigation   */
/*   NavOne: top tabs - refer to tabs for styles in navOne     */
/*   NavTwo: 2nd level navigation         */

/* Don't use DIVs or TABLEs preceeding the class --                       */
/* Firefox renders TABLE.GlobalNav while IE renders DIV.GlobalNav         */

.GlobalNav iframe, .GlobalNav {
	padding: 0;
	margin: 0;
}

.GlobalNav .NavOne {
	background-color: #FFF;
	border-bottom: 4px solid #5285AB;
}

.GlobalNav .NavOne .LeftOff IMG, .GlobalNav .NavOne .RightOff IMG, 
.GlobalNav .NavOne .LeftOn IMG, .GlobalNav .NavOne .RightOn IMG {
	vertical-align: top;
}

/*   fix spacing issue for tab notches     */

.GlobalNav .NavOne .LeftOff, .GlobalNav .NavOne .LeftOn, 
.GlobalNav .NavOne .RightOff, .GlobalNav .NavOne .RightOn  {
	width: 8px;
}

/*Global Nav is not controled with A Hrefs, styles for links are controlled below*/

.GlobalNav .NavOne TD.TabOff, .GlobalNav .NavOne TD.LeftOff, .GlobalNav .NavOne TD.RightOff {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	white-space: nowrap;
	font-weight: normal;
	background-color: #BBD0DD; 
	border-bottom: 1px solid #FFF;
	padding: 0; margin: 0;
}

.GlobalNav .NavOne TD.TabOn, .GlobalNav .NavOne TD.LeftOn, .GlobalNav .NavOne TD.RightOn  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCFFFF;
	font-weight: bold;
	background-color: #5285AB; 
	border-bottom: 1px solid #5285AB;
	font-size: 11px; 
	white-space: nowrap;
	padding: 0; margin: 0;
}

.GlobalNav .NavOne TD.none {
	width: 80%;
}

.GlobalNav .NavTwo TD.none {
	width: 50%;
}

/* Level 2 -  level under tabs    */

.GlobalNav .NavTwo {
	padding: 0;
	margin: 0;
	background-color: #5285AB;
	border-bottom: 5px solid #BBD0DD;
}

.GlobalNav .NavTwo TD {
		padding: 3px 12px 5px 12px;
		width: auto;
}

.GlobalNav .NavTwo TD.NavOff, .GlobalNav TD.NavReport, .GlobalNav TD.NavDisable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 11px;
	text-decoration: underline;
	vertical-align: middle;
}

.GlobalNav .NavTwo TD.NavOn, .GlobalNav TD.NavReportOn {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	color: #CCFFFF;
	text-decoration: underline;
	vertical-align: middle;
	background-color: #5285AB;
}

.GlobalNav .NavTwo TD.NavReport, .GlobalNav .NavTwo TD.NavReportOn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	padding-right: 5px;
}

.GlobalNav .NavTwo TD.NavOff A, .GlobalNav .NavTwo TD.NavOn A:link, 
.GlobalNav .NavTwo TD.NavOff A:visited, .GlobalNav .NavTwo TD.NavOff A:active, 
.GlobalNav .NavTwo TD.NavOff {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px; 
	font-weight: normal;
	color: #FFF; 
	text-decoration: underline;
	vertical-align: middle;
}

.GlobalNav .NavTwo TD.NavOn A, .GlobalNav .NavTwo TD.NavOn A:link, 
.GlobalNav .NavTwo TD.NavOn A:visited, .GlobalNav .NavTwo TD.NavOn A:active, 
.GlobalNav .NavTwo TD.NavOn {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px; 
	font-weight: bold;
	color: #FFFFCC; 
	text-decoration: none;
	vertical-align: middle;
	letter-spacing:-.04em;
	*letter-spacing:normal;
}

.GlobalNav .NavTwo TD.NavOff A:hover {
		color: #CCFFFF;
}

/* Disables any button on the NavTwo */
.GlobalNav .NavTwo TD.NavDisabled {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	color: #6699CC;
	font-weight: normal;
	text-align: right;
	padding-right: 5px;
	text-decoration: none;
}










/* ****************************** */
/* Breadcrumb navigation          */

.NavBreadcrumb {	
	background: #EEE;
	text-align: left;
	vertical-align: top;
	padding-bottom: 3px;
}

.Breadcrumb A.NavOff  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	text-decoration: normal;
	font-weight: normal;
}

.Breadcrumb A.NavOn,  .Breadcrumb SPAN.NavOn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	text-decoration: none;
	font-weight: bold;
}

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

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

.NavWiz {	
	background-color: #EEE;
	color: #000000;
	padding: 0px;
	margin-top: 30px;
	margin-bottom: 5px;
}

.NavWiz TD {
	padding: 5px;
	margin-top: 10px;
	vertical-align: middle;
}

/* A.NavWizLeft is for the Back button - BA workaround */

TD.NavWizLeft, A.NavWizLeft {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 70%;
	white-space: nowrap;
	text-align: left;
}

TD.NavWizRight {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 70%;
	white-space: nowrap;
	text-align: right;
	width: 10%;
}

.NavWizRight A:link, .NavWizLeft A:link, 
.NavWizRight A:active, .NavWizLeft A:active, 
.NavWizRight A:visited, .NavWizLeft A:visited {	
	padding: 1px 4px 2px 4px;
	vertical-align: top;
}

.NavWizRight A:hover, .NavWizLeft A:hover {	
	text-decoration: none;
}

TD.WizRightBody {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 70%;
	white-space: normal;
	text-align: right;
	padding: 1px 8px 2px 4px;
}

TD.WizLeftBody {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 70%;
	white-space: normal;
	text-align: left;
	padding: 1px 4px 2px 8px;
}

.NavWiz TD.NavWizRight A.PageButton, .NavFooter TD.NavWizRight A {	
	margin-right: 10px;
}

/* ***************************************** */
/*   Secondary tasks below main content area */
/*   Separate from Next, Previous navigation */
/*   Common vertically stacked pattern in BA */

.NavFooter {	
	margin-top: 30px;
}

.NavFooterHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
}

.NavFooterSubheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	vertical-align: middle;
}

.NavFooterSubheader A, .NavFooterSubheader A:link, 
.NavFooterSubheader A:visited,  .NavFooterSubheader A:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	text-decoration: none;
	font-weight: bold;
}

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

.NavFooterBody {
	font-size: 11px;
	vertical-align: middle;
}

.NavFooterImg {
	padding: 5px 4px 5px 8px;
}

.NavFooterImg IMG{
	vertical-align: middle;
}

.NavFooterSubheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	vertical-align: middle;
}

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



/* Process Steps Nav */


.StepNav {
	background-color: #fff;
	margin-top: 25px;
	height: 33px;
	width: 550px;
	padding: 2px;
	
}

.StepNav ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

.StepNav ul li {
	display: block;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
}

.StepNav ul li.stepon, .StepNav ul li.stepoff  {
	padding-left: 5px;
} 

 /* Mozilla ignores crazy MS image filters, so it will skip the following */
.StepNav .StepOn {
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/selected.png", sizingMethod="none");
	width: 24px;
	height: 29px;
	margin-left: 0px;
	color:#fff;
	display:block;
	font-size: 13px;
	padding-top: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}


/* IE ignores styles with [attributes], so it will skip the following. */
.StepNav .StepOn[class] {
	background-image:url(images/selected.png);
	background-repeat:no-repeat;
	width: 45px;
	height: 29px;
	margin-left: 10px;
	color:#fff;
	display:block;
	font-size: 13px;
	padding-top: 6px;
	padding-left: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}


 /* Mozilla ignores crazy MS image filters, so it will skip the following */
.StepNav .StepOff {
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/unselected.png", sizingMethod="none");
	width: 23px;
	height: 29px;
	margin-left: 0px;
	color:#fff;
	display:block;
	font-size: 13px;
	padding-top: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/* IE ignores styles with [attributes], so it will skip the following. */
.StepNav .StepOff[class] {
	background-image:url(images/unselected.png);
	background-repeat:no-repeat;
	width: 45px;
	height: 29px;
	margin-left: 10px;
	color:#fff;
	display:block;
	font-size: 13px;
	padding-top: 6px;
	padding-left: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
	
 /* Mozilla ignores crazy MS image filters, so it will skip the following */
.StepNav .StepDisabled {
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/disabled.png", sizingMethod="none");
	width: 45px;
	height: 29px;
}

/* IE ignores styles with [attributes], so it will skip the following. */
.StepNav .StepDisabled[class]{
	background-image:url(images/disabled.png);
	background-repeat:no-repeat;
	width: 45px;
	height: 29px;
	}

.StepNav .StepOnTxt {
	font:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-size: 11px;
	font-weight: bold;
	padding-top: 6px;
	margin-right: 20px;
}

.StepNav .StepOffTxt {
	font:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-size: 11px;
	padding-top: 6px;
	margin-right: 20px;
}



/**** stepNav Used for Payment Arrangements "ONLY"  DO NOT DELETE!!! ****/

.paymentContainer .programStepNav {
	margin: 25px 0px;
	font-size: 12px;
	border-collapse: collapse;
	position:relative;
	top:-130px; 
	left:-18px;
	*top:0px;
	*left:-18px; 
}

 /* Mozilla ignores crazy MS image filters, so it will skip the following */
.paymentContainer .stepOnNum {
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/stepOn.png", sizingMethod="none");
	width: 45px;
	height: 29px;
	color:#fff;
	display:block;
	font-size: 13px;
	padding-top: 4px;
	padding-left: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/* IE ignores styles with [attributes], so it will skip the following. */
.paymentContainer .stepOnNum[class] {
	background-image:url(images/stepOn.png);
	background-repeat: no-repeat;
	background-position: left;
	color:#FFFFFF;
	text-align: center;
	padding-top: 19px;
	padding-bottom: 8px;
	padding-left: 21px;
	font-weight: bold;
	width: 30px;
}


 /* Mozilla ignores crazy MS image filters, so it will skip the following */
.paymentContainer .stepOffNum {
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/stepOff.png", sizingMethod="none");
	background-repeat: no-repeat;
	background-position: left;
	color:#fff;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 8px;
	padding-left: 6px;
	font-weight: bold;
	width: 30px;
}

.paymentContainer .stepOffNum[class] {
	background-image:url(images/stepOff.png);
	background-repeat: no-repeat;
	background-position: left;
	color:#FFFFFF;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 8px;
	padding-left: 16px;
	padding-right: 20px;
	font-weight: bold;
	width: 30px;
}

.paymentContainer .stepOnTxt {
	font:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-size: 11px;
	font-weight: bold;
	padding-top: 6px;
	margin-right: 20px;
}

.paymentContainer .StepOffTxt {
	font:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-size: 11px;
	padding-top: 6px;
}

/* -------------------  */
/* Vertical Nav            */
/* -------------------  */


 /* Mozilla ignores crazy MS image filters, so it will skip the following */
.navLeftContainer {
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/vert_nav.png", sizingMethod="scale");
	DISPLAY:inline; 
	WIDTH: 180px; 
	POSITION: absolute; 
	HEIGHT: 100px; 
	voice-family: inherit; 
	property: value; 
	float:left; 
	margin-top: -7px;
	margin-left: -200px;
}


/* IE ignores styles with [attributes], so it will skip the following. */
.navLeftContainer[class] {
	background-image:url(images/vert_nav_fox.png);
	background-repeat:no-repeat;
	width: 200px;
	height: 160px;
	float: right;
	margin-top: -3px;
	margin-left: 0px;
	position:relative;
	left:-400px;
	top:-5px;
}


/* Nav Left */

DIV.navlistLeft {
	width:200px; 
	float:left;
	line-height:11px;
	z-index: 100;
}

ul.navlistLeft li  { 
	margin: 0 0 0 -27px;
	padding: 0 0 5px 8px;
	list-style-type: none;	
	text-indent: 0em;
}

ul.navlistLeft li .navon { 
	font-weight: bold;
	color:#000;
}		

.navlistLeft a, .navlistLeft a:visited, .navlistLeft a:active {
	text-transform: normal;
	display: block;
	padding: 0px 2px 0px 10px;
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;	
}

ul.navlistLeft a:hover {
	color: #000;
	text-decoration:underline;
}

ul.navlistLeft A.navon {
	text-decoration:none;
	color: #000;
	text-decoration:underline;
	font-weight: bold;
}

.navlistLeft {
	DISPLAY: block; 
	POSITION: relative;
	top:-3px;
	*top:0;
	left:2px;
	*left:-3px;
}


/* Nav Right */

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

.navcontainer li, .navcontainer ul  { 
	margin: 0 0 0px -30px;
	padding: 0 0 0px 20px;
	list-style-type: none;	
	text-indent: 0em;	
}	
	
.navcontainer ul li, .navcontainer ul ul { 
	margin: 0 0 0px 0px;
	padding: 0 0 0px 0px;
	list-style-type: none;	
	text-indent: 0em;
}		

.navcontainer a, .navcontainer a:visited, .navcontainer a:active,
.navcontainer ul span, DIV.navContainer ul.navlist li DIV.nolink {
	display: block;
	padding: 3px 2px 3px 3px;
	margin: 0px;
	width: 150px;
	color: #666;
	background-color: #E5E5C9;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
  	border-collapse: collapse;
}

.navcontainer a:hover {
	color: #fff;
	background-color: #666;
	text-decoration: none;
}

DIV.navcontainer ul.navlist A.navon {
	background-color: #F6F3CA;
	border-bottom: 1px solid #666;
	color: #663300;
	font-weight: bold;
}

DIV.navcontainer ul.navlist a:hover {
	color: #000;
	background-color: #F6F3CA;
	text-decoration: none;
}

.navcontainer ul ul a, .navcontainer ul ul a:visited, .navcontainer ul ul a:active {
	display: block;
	padding: 4px 2px 4px 6px;
	color: #663300;
	background-color: #FEFEF2;
	margin-bottom: 0px;
	text-decoration: none;
	text-transform: none;
	font-weight: normal;
	font-size: 1em;
}

DIV.navcontainer ul.navlist ul.subnavlist A.navon {
	background-color: #F6F3CA;
	border-bottom: 1px solid #666;
	color: #663300;
	font-weight: bold;
}

.navcontainer ul a:hover {
	color: #666;
	background-color: #E5E5C9;
	text-decoration: none;
}

.navcontainer ul ul a:hover {
	color: #000;
	background-color: #E5E5C9;
	text-decoration: none;
}

.navContainer .subnavlist .navon a, .navContainer .subnavlist .navon a:visited, 
.navContainer .subnavlist .navon a:active {
	background-color: #F6F3CA;
	border-bottom: 1px solid #666;
	color: #663300;
	font-weight: bold;
}



/* ******************************************************** */
/*   Page Header                                            */
/*   Cols are used in Measures Detail pages, Home pages,    */
/*   BA Measures, Business Budget Calc                      */

TABLE.Header TD {
	font-size: 80%;
	font-weight: normal;
}

div.ComparisonCalculator table.Header td.tblSummaryLeft {
	font-size:100%;
}

table.Header td.tblSummaryLeft {
	vertical-align:top;
}

table.Header td.tblSummaryLeft img.TitleImg {
	padding:12px 8px 20px 0;
	*margin:12px 8px 20px 0;
}

div.ComparisonCalculator table.Header td.tblSummaryLeft {
	font-size:100%;
}

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

.TopText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
}
/*   Facility Name is specific to BA, Header ColTwo context */

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

/*   repeat of page level buttons but in the header table */

.Header .NavWizRight A {
	margin-right: 15px;
}

.Header TD.NavWizRight {
	width: 20%;
	vertical-align: bottom;
	padding: 5px;
}

.Header p, .SectionHeader p, .BusHeader p {
	color: #333333;
	vertical-align: top;
	margin-top: 0;
	padding: 2px 5px 8px 5px;
}

.Header TD .TitleImg, .BusHeader TD .TitleImg {
	float: left;
}

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

TR.PanelHeader TD, TD.PanelHeader {
	white-space: nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: normal;
	color: #333;
	padding: 5px 5px;
}

.PanelHeaderTab {
	white-space: nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: normal;
	color: #333;
	border-bottom: 1px solid #FFF;
	padding: 5px 5px 0 5px;
	background-color: #EEE;
}

TR.PanelSubheader TD, TD.PanelSubheader  {
	white-space: nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	padding: 5px 5px;
}

.PanelFooter {
	color: #333333;
	background-color: #B0C4DE;
	border-top: 1px solid #FFF;
	font-size: 70%;
	font-weight: normal;
	padding: 5px 5px;
}

.PanelBody {
	font-size: 70%;
	background-color: #FFF;
	padding: 5px 3px;
	text-align: left;
	vertical-align: top;
}

.PanelBodyImg {
	font-size: 70%;
	vertical-align: top;
	text-align: center;	
	padding: 5px;
}

TR.PanelBody .Label, TR.PanelBody .LabelField, 
TR.PanelBody .LabelFieldNum  {
	font-size: 100%;
}

.PanelBody A, .PanelBody A:visited, .PanelBody A:link, .PanelBody A:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;
	color: #003399;
}

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

.PanelBodyButton {
	text-align: right;	
	padding: 5px 3px 2px 0px;
	background-color: #EEE;
	border: 1px solid #FFF;
}

.PanelView {
	text-align: center;
	padding: 3px 5px 2px 0px;
	font-weight: bold;
	font-size: 70%;
}

TR.PanelHighlight TD, TD.PanelHighlight  {
	font-size: 70%;
	padding: 5px 5px;
	vertical-align: top;
}

p.PanelHelp {
	font-size: 100%;
	text-align: left;
	padding: 0px 5px 0px 5px;
	margin:0;
	margin-bottom: 5px;
}

.PanelBody p {
	font-size: 100%;
	padding: 5px 5px 0px 5px;
}

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

.TabOff, TD.LeftOff, TD.RightOff   {
	font-size: 75%; 
	color: #000000; 
	background-color: #B0C4DE;
	border-bottom: 1px solid #FFF;
	text-align: center;
}

.TabOn, TD.LeftOn, TD.RightOn  {
	font-size: 75%; 
	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;
}

.TabOn A {
	font-weight: bold;
}

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

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

/* **************************************************** */
/*   Panel & List TABS                                  */
/*   LIST tabs are currently application specific since */
/*   implementation could be different                  */

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

.PanelTab A, .PanelTab A:link, .PanelTab A:visited, .PanelTab A:active, 
.ListTab A, .ListTab A:link, .ListTab A:visited, .ListTab A:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%; 
	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;
	text-align: right;
	background-color:#CCC;
}

.PanelTab TD.RightOn {
	border-bottom: 1px solid #FFF;
	background-color:#FFF;
}

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

/* *************************** */
/*   GLOBAL Questions pattern */

.QuestionBody {
	padding: 10px 0;
	margin-bottom: 30px;
	font-weight: normal;
}

TABLE.QuestionHeader {
	padding: 5px 5px;
}

.QuestionHeader TD {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
}

.Question  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: normal;
	color: #000;
	padding: 5px 5px;
}

.QuestionHeader TD.QuestionImg {
	width: 10%;
	text-align: center;
	background-color: #FFF;
	padding: 0;
	border-right: 1px solid #CCC;
}

.QuestionSubheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	padding: 1px 5px 0 0;
}

.QuestionSubheaderHelp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding: 0px 5px 8px 0;
	vertical-align: top;
}

/*   for additional information or links after a question section */

.QuestionFooter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px;
	margin-bottom: 30px;
}

DIV.QuestionSubquestion {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #333;
	padding: 1px 0 5px 21px;
}

.QuestionHeader .QuestionHelp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #333;
}

.QuestionOptions {
	background-color: #FFF;
	border-top: 0;
	margin-left: 20px;
	vertical-align: top;
	padding: 0;
}

TD.QuestionCol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #333;
	text-align: left;
	vertical-align: top;
	padding: 5px 2px 20px 2px;
}

TD.QuestionRow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #333;
	text-align: left;
	vertical-align: middle;
	padding: 5px 10px 20px 2px;
}

TD.QuestionMultiRow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #333;
	text-align: left;
	vertical-align: middle;
	padding: 2px 10px 2px 2px;
}

TD.QuestionImg {
	text-align: left;
	vertical-align: top;
	padding: 0;
}

TABLE.QuestionBody TD.Label, TABLE.QuestionBody .LabelField {
	font-size: 70%;
}

TD.QHelpButton {
	text-align: right;
	vertical-align: top;
	width: 60px;
}

.QhelpButton A:visited, .QhelpButton A:link, .QhelpButton A:active, .QhelpButton A, .QhelpButton A:hover {
	white-space: nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 90%;
	text-decoration: none;
	text-align: right;
	padding: 2px 4px 4px 15px;
	vertical-align: middle;
}

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

.ListTitle {
	margin-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #333;
	font-weight: bold;
}

DIV.ListTitle {
	margin-left: 0;
	margin-top: 0;
	padding-bottom: 5px;
}

.ListSubTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 105%;
	font-weight: normal;
}

.ListHelp, .ListFooterTxt {
	font-size: 100%;
	color: #333333;
	padding: 3px 5px;
	font-weight: normal;
}

/*   If button styles are not used for links in the listFooter, but need visual distiction from plain text,  */
/*   use the following instead */

.ListHelp A:link, .ListHelp A:visited, .ListHelp A:active  {
	text-decoration: underline;
	font-weight: bold;
}

/*   ListHdrLabel is used for multi-line column header text that need to be visually distinct */

.ListHdrLabel {
	font-size: 100%;
	padding: 3px 5px;
	font-weight: normal;
}

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

.ListHdrTab {
	border-bottom: 0px 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%;
}

.ListFooterButton {
	width: 90%;
}

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

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

.ListFooterButton A:link, .ListFooterButton A:visited, .ListFooterButton A:active, .ListFooterButton 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: #EEE;
	text-decoration: none;
}

/*   List column headers  */

TH, .RowHeader, TH.ListHdrTop, .ListHdrForm, .ListHdrNum, .ListHdrTxt, .ListHdrImg {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 82%;
	padding: 3px 5px 3px 5px;
	vertical-align: bottom;
	font-weight: bold;
}

/*   Use ColHeader for horizontally aligned list tables - Self-serve: BillComparison table */

TD.ColHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 70%;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	vertical-align: bottom;
}

.RowOdd {
	background-color: #EEE;
}

.RowEven {
	background-color: #FFF;
}

.RowHighlight TD {
	font-weight: bold;
}

/*   for borders and font settings, explicitly mention the TD if class is assigned to the TR */
.RowTotal TD {
	font-weight: bold;
}

.RowTotal TD.ColHeader {
	text-align: right;
}

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

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

/*   List column data  */

 .ListColForm, .ListColNum, .ListColTxt, .ListColImg, .ListColAction, .changenone {
	color: #333;
}

 .ListColForm, .ListColNum, .ListColTxt, .ListColImg, .ListColNumInc, .ListColNumDec, .ListColAction, .changenone {
	font-size: 70%;
	/*color: #333;*/
	padding: 3px 5px 3px 5px;
	border-right: 1px dotted #EEE;
	border-bottom:  1px dotted #CCC;
	vertical-align: middle;
}

/*   List columns that have increase, decrease impacts that needs to be visually different  */

.ListColNumInc   {
	color: #CC3300;
}

.ListColNumDec {
	color: #336699;
}

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

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

.ListColNum, .ListColNumInc, .ListColNumDec, .ListHdrNum, .changenone {
	text-align: right;
}

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

.ListHdrImg {
	text-align: left;
}

.ListColImg {
	white-space: nowrap;
}

.ListColTotal {
	text-align: right;
	font-size: 70%;
	font-weight: bold;
	margin: 0;
}

/* Used in Actions column */

.ListColAction A:link, .ListColAction A:active, .ListColAction A:visited, .ListColAction A {
	font-size: 11px;
	color: #336699;
	text-decoration: underline;
	font-weight: bold;
	white-space: nowrap;
	font-size: 10px;
	padding: 4px;
}


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

.ListEmp, DIV.ListEmp, SPAN.emp, A.emp {
	font-weight: bold;
}

/*  For error handling of empty list tables */

TR.rowempty TD {
	color: #CC3300;
	font-weight: bold;
	padding: 10px;
}

.AcctSelectBody .RowEmpty TD {
	color: #CC3300;
	font-weight: bold;
	padding: 10px;
}

/* *************************************** */
/*   Global list button look and feel here */

A.UpdButton, A.UpdButton:visited, A.UpdButton:active,
A.ListButton, A.ListButton:visited, A.ListButton:active,
A.GlobalButton, A.GlobalButton:visited, A.GlobalButton:active,
A.PageButton, A.PageButton:visited, A.PageButton:active  {
	white-space: nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	padding: 2px 5px;
}

/*   for toggle buttons, used in conjunction with PageButton */
A.PageButtonOn, A:visited.PageButtonOn,  A:active.PageButtonOn {
	white-space: nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	color: #333;
	border: 1px solid #EEE;
	border-top: 2px solid #FC6;
	border-left: 1px solid #FC6;
	text-align: right;
	padding: 2px 5px 2px 15px;
	vertical-align: middle;
	background: #FEF5CC url("") left top no-repeat;
}

A.PanelButton,  .PanelFooter A.SectionTitle, .CalcPanel A.PanelButton {
	white-space: nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	color: #036;
	border: 1px solid #EEE;
	border-right: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
	text-align: right;
	padding: 2px 4px 2px 15px;
	vertical-align: middle;
	/* background: #FFF url("images/button_rightarrow.gif") left top no-repeat; */
	background:#ffffff;
}

.PanelFooter A.SectionTitle {
	border: 1px solid #D7E7FE;
	border-right: 2px solid #336699;
	border-bottom: 1px solid #336699;
	background-color: #B0C4DE;
	font-size: 100%;
}

A:hover.PanelButton, A:hover.PageButton, A:hover.GlobalButton, A:hover.ListButton, A:hover.UpdButton, .PanelFooter A:hover.SectionTitle  {
	text-decoration: none;
}

DIV.rtpHeader {
	text-align:left;
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px dashed #666;
	font: bold 11px;
	color:#333;
}

DIV.rtpFooter {
	text-align:center;
	line-height: 1.5em;
}

DIV.rtpBody {
	padding: 5px 0px 5px 0px;
	line-height: 1.5em;
}

DIV.ToggleButtons {
	white-space: nowrap;
	text-align: left;
	padding: 5px 5px 10px 10px;
}

/*   to override fontsize - investigate later */
A.GlobalButton {
	font-size: 90%;
}

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

.Label {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
}

.SubLabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color: #333;
	font-size: 100%;
	font-weight: normal;
	padding: 5px;
}

.LabelField {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	font-weight: normal;
	padding: 5px 5px 5px 0px;
}

.LabelNormal {
	font-weight: normal;
	padding-right: 5px;
}

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

/*   Use DIV versions for vertically aligned fields */

DIV.Label {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color: #333;
	font-size: 100%;
	font-weight: bold;
	padding: 5px 0px 0px 5px;
}

DIV.LabelField {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 100%;
	font-weight: normal;
	padding: 5px 0px 0px 5px;
}

.LabelEmp {
	font-weight: bold;
}

DIV.error, .Warning {
	font-size: 90%;
	color: #CC3300;
	font-weight: normal;
}

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

H1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 130%;
	font-weight: bold;
	padding: 10px 0px 0px 5px;
	margin: 0;
}

H2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 120%;
	font-weight: bold;
	padding: 10px 0px 0px 5px;
	margin: 0;
}

H3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 110%;
	padding: 0;
	padding: 5px 0px 0px 3px;
	font-weight: bold;
	border-bottom: 1px dashed #B0C4DE;
	margin: 2px;
}

H4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 100%;
	font-weight: bold;
	padding: 0px 0px 5px 10px;
	margin: 0;
}

.SubTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 120%;
	padding: 0;
	padding: 0px 0px 0px 5px;
	font-weight: bold;
}

.SectionTitle, A.SectionTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
}

p {
	font-size: 85%;
	line-height: 120%;
	padding: 5px 10px 5px;
}

BODY.Splash div.container {
	margin: 30px 50px 90px 50px;
	padding: 10px 50px 50px 50px;
	font-size: 1em;
	background: #EEE;
	border: 1px dotted #CCC;
	text-align: center;
	}


.required {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;	
	font-weight: bold;
	color: #CC0000;
}

.highlight {
	font-size: 70%;
	font-weight: bold;
	padding: 5px;
}

BODY.Error p {
	color: #660000;
	line-height: 150%;
	font-size: 110%;
}

BODY.Error A, BODY.Error A:link, BODY.Error A:visited, BODY.Error A:active {
	text-decoration: underline;
}

BODY.Error H1 {
	border-top: 3px dotted #993333;
	border-bottom: 3px dotted #993333;
	margin-top: 30px;
	line-height: 150%;
}

/* *********************************** */
/* Expand, collapse DHTML type content */
/* Used in CCSS: Bill Choose */

.ExpandHeader {	
	margin-top: 10px;
}

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

.ExpandHeader IMG {	
	vertical-align: middle;
}

.ExpandBody {	
	padding: 0px 8px 2px 8px;
}

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


/* **************** */
/*   Pagination row */

TABLE.Pagination {
	padding: 8px 5px 8px 5px;
}

TABLE.Pagination TD.PanelOptions {
	text-align: left;
}

TABLE.Pagination TD.PanelOptions DIV.label {
	text-align: left;
	font-size: 11px;
	padding-left: 0px;
}


TABLE.Pagination TD.PaginationLinks {
	vertical-align: bottom;
	text-align: right;
	font-weight: bold;
	font-size: 11px;
}

TABLE.Pagination TD.PaginationLinks A, TABLE.Pagination TD.PaginationLinks A:link,
TABLE.Pagination TD.PaginationLinks A:visited, TABLE.Pagination TD.PaginationLinks A:active {
	text-decoration: underline;
	font-weight: bold;
	font-size: 10px;
	padding: 3px;
}

TABLE.Pagination TD.PaginationLinks span {
	font-weight: bold;
	font-size: 11px;
	padding: 3px;
}

TABLE.Pagination TD.PaginationLinks span.selected A, TABLE.Pagination TD.PaginationLinks span.selected A:link,
TABLE.Pagination TD.PaginationLinks span.selected A:visited, TABLE.Pagination TD.PaginationLinks span.selected A:active {
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
	padding: 1px;
}


/* ************************** */
/* ToolTip                   */
/* DIV.ToolTipContainer      */

DIV.ToolTipContainer {
  width: 300px;
}

DIV.ToolTip {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background-color: #fff4cd;
  padding-left: 3px;
  padding-right: 3px;
}

.rtop, .rbottom {
	display: block;
}
.rtop *, .rbottom * {
	display: block; 
	height: 1px; 
	overflow: hidden;
	background: #fff4cd
}

.r1 {
	margin: 0 5px;
}
.r2 {
	margin: 0 3px;
}
.r3 {
	margin: 0 2px;
}
.r4 {
	margin: 0 1px; 
	height: 2px;
}



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

.FooterLinks, DIV.FooterLinks {
	text-align: center;
	color: #333333;
	margin-top: 50px;
	font-size: 11px;
	vertical-align:bottom;
}

.FooterEmp, DIV.FooterEmp {
	font-weight: bold;
}

.FooterLinks A, .FooterLinks A:visited, .FooterLinks A:active,
DIV.FooterLinks A, DIV.FooterLinks A:visited, DIV.FooterLinks A:active {
	font-size: 100%;
	text-decoration: underline;
	color: #336699;
	font-weight: normal;
}

.FooterLinks A:hover, DIV.FooterLinks A:hover {
		color: #003399;
		text-decoration: underline;
}

.FooterCopyright, DIV.FooterCopyright {
	text-align: center;
	font-weight: normal;
	font-size: 10px;
	color: #333333;
	height: 50px;
}

.FooterImg {
	text-align: center;
	margin-top: 10px;
}
			

/**** paymentContainer ****/

 /* Mozilla ignores crazy MS image filters, so it will skip the following.  This filter is for padding reasons.*/
.paymentOptionsContainer {
	padding: 0px;
	margin: 0px;
	display:block;
	font-size: 12px;
	padding-left: 10px;
	width: 400px;
}

.paymentContainer {
	padding: 0px;
	margin: 0px;
	*position:relative;
	*left:-8px;
	display:block;
	font-size: 12px;
	width: 400px;
}

.paymentContainer[class] {
	padding: 0px;
	margin: 0px;
	display:block;
	font-size: 12px;
	padding-left: 200px;
	width: 300px;
	position:relative;
}

.eBillContainer {
	padding: 0px;
	margin: 0px;
	*position:relative;
	*left:-8px;
	display:block;
	font-size: 12px;
	width: 400px;
}

.eBillContainer[class] {
	padding: 0px;
	margin: 0px;
	display:block;
	font-size: 12px;
	padding-left: 200px;
	width: 300px;
	position:relative;
}


.paymentContainer .contentDetail {
	font-size: 13px;
}

.paymentContainer .header {
	position:relative;
	width:300px;
	top:-150px;
	*top:0px;
}

.paymentContainer .header h3 {
	border-bottom-width: 0px;
	color: #000000;
}

.paymentContainer .header p {
	font-size: 12px !important;
	width: 380px;
}

.paymentContainer h1 {
	font-size: 16px;
	width:300px;
	padding-left:0;
}

.paymentContainer h2 {
	font-size: 14px;
	margin: 0px;
	margin-top: 5px;
}

.paymentContainer .header p{
	font-size: 12px !important;
}

.paymentContainer .headerPA p{
	font-size: 12px !important;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
}

.paymentContainer i {
	font-size: 12px;
}

.paymentContainer .scrollBar {
	overflow: auto;
	height: 120px;
	border: 1px solid #CCCCCC;
}


.contentDetail h3 {
	border-bottom-width: 0px;
	padding: 0px;
	margin-left: 0px;
}


/**** payment Header ****/

.paymentContainer .header h3 {
	font-size: 14px;
}

.paymentContainer .header p {
	font-size: 11px;	
}
				
			
/****navFooter****/	

.wizLeftBody {
	color: #000000;
	font-weight: normal;
	vertical-align: bottom;
}

.paymentContainer .navFooter .navWizLeft{
	width: 500px;
	vertical-align: bottom;
}

.paymentContainer .navFooter .navWizLeft2{
	width: 60px;
	vertical-align: bottom;
}

.paymentContainer .navFooter .navWizText {
	font-size: 11px;
}


/**** paymentArrangement H2 ****/
.paymentArrangement H2 {
	font-size: 14px;
}

/**** payOptions ****/

.payOptions {
	width: 400px;
	border-collapse: collapse;
}

.colHeadTxt{
	font-size: 12px;
	text-align: left;
	border: 0px;
	background-color: #FFFFFF;
	color: #000000;
	font-weight: bold;
}

.payOptions .hdrBillingTxt{
	font-size: 11px;
	text-align: left;
	border: 0px;
	background-color: #FFFFFF;
	border-bottom: 1px dotted #EEEEEE;
	color: #000000;
}

.payOptions .hdrImg {
	border: 0px;
	background-color: #FFFFFF;
	padding-left: 20px;
}

.payOptions .hdrBillingTxt{
	font-size: 11px;
	text-align: left;
	border: 0px;
	background-color: #FFFFFF;
	border-right: 1px dotted #ccc;
}

.payOptions .hdrBillingImg {
	border: 0px;
	background-color: #fff;
	border-left: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
	padding-left: 30px;
}

.payOptions .listColTxt {
	vertical-align: top;
	border-bottom: 0px;
	font-size: 12px;
	padding: 0 5px 0 5px;
}

.payOptions .listColTxt .header {
	font-weight: bold;
	margin-top: 15px;
	font-size: 13px;
	width: 200px;
}

.payOptions .listColTxt {
	border: 0px;
}

.payOptions .listColTxt li {
	list-style-type: disc;
	font-size: 12px;
}

.payOptions .listColTxt ul {
	margin-top: 15px;
}

.payOptions .listBillingColTxt {
	vertical-align: top;
	border-bottom: 0px;
	border-left: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
	padding: 0 5px 0 5px;
	
}

.payOptions .listBillingColTxt .header {
	font-weight: bold;
	margin-top: 15px;
	font-size: 13px;
	width: 196px;
}


.payOptions .listBillingColTxt li {
	list-style-type: disc;
	font-size: 12px;
}

.payOptions .listBillingColTxt ul {
	list-style-type: disc;
}

.payOptions a:link, .payOptions a:active, .payOptions a:visited {
	text-decoration: underline;
}

/**** preferencesPanel ****/

.paymentOptions {
	background-color: #fff;
	width: 400px;
	margin-top: 15px;
}

.paymentOptions .subList {
	padding-left: 3px;
	font-size: 11px;
}

.paymentOptions H3{
	border-bottom-width: 0px;
	color: #000000;
	margin: 0px;
	font-size: 14px;
}

.promoTable H3 {
	border-bottom-width: 0px;
	margin: 0px;
	padding: 5px 0 0 10px;
	font-size: 11px;
}

.preferencesPanel {
	padding: 2px;
	margin: 5px;
	background-color: #CBDEDE;
}

.preferencesPanel .panelHeader .imgHolder {
	float: left;
	margin: 0px;
	padding: 0px;
}

.preferencesPanel td.panelHeader{
	color: #000000;
	border: 1px solid #FFFFFF;
	width: 490px;
}

.preferencesPanel td.panelHeader a:link, .preferencesPanel td.panelHeader a:active, .preferencesPanel td.panelHeader a:visited {
	text-decoration: underline;
}

.preferenceButton a.panelButton:link, .preferenceButton a.panelButton:active, .preferenceButton a.panelButton:visited {
	text-decoration: none !important;
	font-size: 11px !important;
}

.panelBody .preferenceButton a.panelButton:hover {
	text-decoration: underline !important;
	font-size: 11px !important;
}

.preferencesPanel .panelBody {
	background-color: #CBDEDE;
	float: left;
	padding-left: 5px;
	padding-bottom: 5px;
	font-weight: normal;
	font-size: 11px;
	width: 380px;
}

.preferencesPanel .panelBody DIV.panelTxt {
	width: 380px !important;
	white-space: -moz-pre-wrap;
}

.preferencesPanel .panelBody .panelButton {
	background-color: #FFEA97;
	text-align: left;
	color: #000000;
	padding: 0px 10px;
	width: auto;
}

.preferencesPanel .preferenceButton {
	margin-top: 15px;
}

.preferenceButton a.panelButton:hover {
	font-size: 8px !important;
}

/**** header list ****/

.header .list {
	list-style-type: disc;
	font-size: 12px;
}

.listPayment {
	list-style-type: decimal;
	font-size: 12px;
}

/**** paymentArrangement ****/
				
table.paymentArrangement {
	font-family: Arial;
	width: 450px;
	border-collapse: collapse;
}

table.paymentArrangement .rowheader {
	border: 0px;
}

table.paymentArrangement .rowHeader .listHdrTxt, table.paymentArrangement .rowHeader .listHdrNum, table.paymentArrangement .rowHeader .listHdrStatus {
	color: #666666;
	background-color: #FFFFFF;
	border: 0px;
}

table.paymentArrangement p.subHeader {
	font-family: Arial;
	font-size: 12px;
	margin: 0px;
	padding: 0px 0px 15px 4px;
}

table.paymentArrangement tr.rowHighlight td {
	border: 0px;
	font-family: Arial;
	font-size: 12px;
	background-color: #CBDEDE;
	border-bottom: 1px solid #CBDEDE;
}

table.paymentArrangement .listHdrNum, table.paymentArrangement .ListColNum, table.paymentArrangement .listHdrStatus  {
	text-align: left;
}

table.paymentArrangement tr.rowHighlight .ListColHighlightNum, table.paymentArrangement .rowHeader .listHdrNum {
	border-left: 1px dotted #CCCCCC;
	border-right: 1px dotted #CCCCCC;
	padding-left: 5px;
}

table.paymentArrangement .rowOdd {
	background-color: #FFFFFF;
}

table.paymentArrangement .ListColAction, table.paymentArrangement .listHdrStatus {
	border-right: 0px;
}

table.paymentArrangement .ListColTxt, table.paymentArrangement .ListColNum, table.paymentArrangement .ListColAction, table.paymentArrangement .listHdrNumAction {
	border-top: 1px dotted #CCCCCC;
}

table.paymentArrangement .listHdrNumAction {
	background-color: #FFFFFF;
	color: #666666;
	border-bottom: 1px dotted #CCCCCC;
	border-left: 1px dotted #CCCCCC;
	border-top: 0px;
	border-right: 0px;
	text-align: left;
}

table.paymentArrangement tr td {
	border-color: #CCCCCC;
}


/**** pageButton ****/
		
a.pageFooterButton:link, a.pageFooterButton:active, a.pageFooterButton:visited  {
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 2px solid #000000;
	border-right: 2px solid #000000;
	text-align: left;
	background-color: #FFEA97;
	width:auto;
	color: #000000;
	font-weight: bold;
	font-size: 11px;
	margin-left: 5px;
	padding: 2px 16px;
	height: 1px;
	text-decoration: none;
}
		
/**** Nav pageButton ****/	
		
.paymentContainer a.pageButton:link, .paymentContainer a.pageButton:active, .paymentContainer a.pageButton:visited {
	background-color: #DCE9E8;
	height: 16px;
	border-color: #000000;
	text-decoration: none;
	color: #000000;
}
				
/**** listFooterButton ****/

a.listFooterButton:link, a.listFooterButton:active, a.listFooterButton:visited {
	color: #000000;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial;
	border: 1px solid #000000;
	border-right-width: 2px;
	border-bottom-width: 2px;
	background-color: #FFEA97;
	text-decoration: none;
	width: auto;
	height: 12px;
	padding: 2px 5px;
	margin-top: 8px;
	margin-bottom: 5px;
}

.paymentArrangement .ListFooter {
	background-color: #BBD0DD;
	height: 30px;
}

html > body .paymentContainer .navFooter {
	margin-bottom: 55px;
}

.navFooter a.listButton:link, .navFooter a.listButton:active, .navFooter  a.listButton:visited{
	height: 20px !important;
	margin-right: 13px;
	margin-top: 2px;
	background-color: #FFEA97;
	border-color: #000000;
	color: #000000;
	text-decoration: none;
}

.navFooter a.listButton:hover {
	border-color: #000000;
}

.preferencesPanel .panelBody a.panelButton:link, .preferencesPanel .panelBody a.panelButton:active, .preferencesPanel .panelBody a.panelButton:visited {
	font-weight: bold;
	color: #000000;
	margin-right: 10px;
	padding: 2px 5px;
}

.preferencesPanel .panelBody a.panelButton:hover {
	font-weight: bold;
	font-size: 12px;
}

table.paymentArrangement .rowHighlight a.listButton:link, table.paymentArrangement .rowHighlight a.listButton:active, table.paymentArrangement .rowHighlight a.listButton:visited {
	background-color: #FFEA97;
	padding: 2px 5px;
	height: 15px;
}

table.paymentArrangement a.listButton:link, table.paymentArrangement a.listButton:active, table.paymentArrangement a.listButton:visited {
	padding: 0px;
	margin: 0px;
	height: 10px;
	text-decoration: none;
	font-family: Arial;
	border-color: #000000;
	vertical-align: top;
}

table.paymentArrangement a.listButton:hover {
	border-color: #000000;
}

.statusTxt {
	color: #65659A;
	font-style: italic;
}

.SkipProfileLinkButton
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
}

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

/* My Report RGreen 08/01/08 */

.ReportBody .printReport {
	width:165px;
}

.ReportBody .printReport a {
	text-decoration:none;
}

/* end My Report RGreen 08/01/08 */

/* PTS 367 Equipment bar RGreen 08/13/08 */

table.StepNav td.RightOff {
	width:12px !important;
}

table.StepNav td.RightOn {
	width:12px !important;
}


TABLE.StepNav td {
	width: auto !important;
	vertical-align:baseline;
	text-align:left !important;
	_vertical-align:middle;
	_text-align:left !important;

}

.StepNav .StepOn[class] {
	background-image: none;
	height: 29px;
	margin-left: 0px;
	margin-left: 0px;
	padding-left: 6px;
	padding-top: 6px; 
}
.StepNav .StepOff[class] {
	background-image: none;
	color: #FFFFFF;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	height: 29px;
	margin-left: 0px;
	padding-left: 6px;
	padding-top: 6px;
}

/* end PTS 371 Equipment bar RGreen 08/13/08 */

/* Program Opts */

td.maincontent table.ProgramOpts {
	position:relative;
	top:-181px;
	left:157px;
	*top:-23px;
	*left:-46px;
}

.ProgramOptsContent {
clear:left;
float:left;
font-size:11px;
padding:0;
width:420px;
position:relative;
left:12px;
}

/* pts 1085 3/19/2009 */

div.ComparisonCalculator div.StepNav li.StepOn,
body.HeatCalcTop div.StepNav li.StepOn {
	background-image:url(images/selected.png);
}

div.ComparisonCalculator div.StepNav li.StepOff,
body.HeatCalcTop div.StepNav li.StepOff {
	background-image:url(images/unselected.png);
}

DIV#divHelp{
	margin-left: 10px;
	
}

DIV#divHelp P{
	margin-bottom: 0px;
    margin-left: 0px;
    margin-top: 0px;
    }