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

/* CONTENT CONTAINERS  */
#parentSection {position:relative; width:100%; margin: 0px 0px 0px 0px; clear:both; padding-top:1px;}
	#parentSection div.mainColumn {position:relative; width:454px; float:left; margin:5px 0px 0px 0px; padding:0px; overflow:show; }
	#parentSection div.mainColumnFull {position:relative; width:100%; float:left; margin:5px 0px 0px 0px; overflow:show;}
	#parentSection div.sidebar {position:relative; width:172px; float:right; margin:5px 0px 0px 0px; overflow:show; padding:0px; margin-right:0px; }
#titlePanel {position:relative; width:100%; height:30px; margin:0px; padding:0px; float:left; overflow:show; }
#userControlPanel {position:relative; width:100%; margin: 0px 0px 0px 0px; }
	#userControlPanel div.accountPanel {position:relative; width:454px; height:42px; margin:0px; padding:0px; float:left; background:#99ccff;}
	#userControlPanel div.userPanel {position:relative; text-align:left top; width:172px; height:42px; float:right; margin:0px; background:#99ccff;}
		#userControlPanel div.userPanel p {margin:0px; padding:5px; line-height:.9em; font-weight:normal; color:black;}
			#userControlPanel div.userPanel p span.username { font-size:.8em;}
			#userControlPanel div.userPanel p span.links { font-size:.6em;}

div.currentBalance {position:relative; width:455px; }
div.Holder {padding:0px; margin:0px; margin-bottom:2px; border:solid 1px #394a8c; text-align:left;}
	div.Holder ol{background-color:white; margin: 10px 10px 10px 30px; padding:5px; clear:both; font-size:.7em; font-weight:normal; color:black;}
div.menuTop {font-size: .75em; font-weight:bold; position:relative; text-align:left; margin:0px 0px 5px 3px; }
div.moduleheader {margin:10px 0px 0px 0px; padding:0px; clear:both;}
div.payButton {text-align:right; margin:3px 0px 15px 0px; width:100%; position:relative;}
	div.payButton input {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}
div.sidebarheader {margin:5px 0px 0px 0px; padding:0px;}


/* IMAGES */ 
img.colorkey {background-color:#99ccff; width:12px; height:12px; margin-right:4px;} 

/* ERROR AND SUCCESS MESSAGES */
.successmsg { border: 1px solid #339933; padding: 3px; background-color:#ccffcc; font-size:.7em; }
.errormsg { border: 1px solid #ff3333; padding: 3px; background-color:#ffcccc; font-size:.7em;}


/* IFRAMES  */
.header {margin-top:14px; background:white; border:0px; overflow:hidden;}
.footer {margin-top:14px; background:white; border:0px; overflow:hidden;}
.contextLinks {width:174px; border:0px; height:335px; margin:0px 0px 5px 0px; overflow:hide;}

/*TABLES */
table.controlTable {font-size:.8em;}
	tr.formLabel td {font-size:.8em; font-weight:normal; color:#394a8c; padding:3px 3px 1px 3px;}
	tr.formLabelBelow td {padding:0px 3px 3px 3px;}
	td.nicknameTitle {padding:0px 3px; font-size:1.1em; font-weight:bold;}
	
table.currentBalance {font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; width:100%; }
	table.currentBalance tr.currentBalance td.item {padding:4px; font-size:.75em; }
	table.currentBalance tr.currentBalance td.buttons {text-align:right; margin:0px; padding:4px; font-size:.75em; font-weight:bold;  }
		
table.sidebarTable {border: solid 1px #394a8c; }
	table.sidebarTable tr.tableHeaders td {font-size:.65em; font-weight:normal; color:#394a8c; padding:5px 3px 1px 3px; background-color:#99ccff;}
	table.sidebarTable tr.tableData td {font-size:.7em; font-weight:normal; color:black; padding:3px 3px 1px 3px; margin:0px; border-bottom: solid 1px #e7e7ef;}
	
table.dataTable {font-size:.7em; border: solid 1px #394a8c; clear:both; margin-bottom:2px;}
	table.dataTable tr.tableHeaders td {font-size:1em; font-weight:normal; color:#394a8c; padding:5px 3px 1px 3px; background-color:#99ccff;} 
	table.dataTable tr.tableHeaders td.holder {padding:0px; width:230px;}
	table.dataTable tr.tableData td {vertical-align:top; font-size:1em; font-weight:normal; padding:5px 3px 1px 3px; border-bottom: solid 1px #e7e7ef; }
		table.dataTable tr.tableData td.sectionHeader {font-weight:bold; vertical-align:top; }
		table.dataTable tr.tableData td.sectionHeader p {padding:0px; margin:0px; }
		table.dataTable tr.tableData td.sectionHeader span {font-weight:normal;}
		table.dataTable tr.tableData td.sectionData {font-weight:normal; padding:0px; }
		table.dataTable tr.tableData td.reading {padding:0px; }
	table.dataTable tr.tableDataDefault td {font-size:1em; font-weight:normal; padding:5px 3px 1px 3px; border-bottom: solid 1px #e7e7ef; background-color:#99ccff;}	
	table.dataTable tr.tableDataTotal td {vertical-align:top; font-size:1.1em; font-weight:normal; color:black; padding:5px 3px 1px 3px; background-color:white;}
	
table.dataTableNoBorder {font-size:.7em; clear:right; margin:0px;} 
        table.dataTableNoBorder tr.tableHeaders td {font-size:1em; font-weight:normal; color:#394a8c; padding:5px 3px 1px 3px; background-color:#99ccff;} 
        table.dataTableNoBorder tr.tableData td {font-size:1em; font-weight:normal; padding:5px 3px 1px 3px; border-bottom: solid 1px #e7e7ef; } 
                table.dataTableNoBorder tr.tableData td.checkbox {padding:0px;} 
        table.dataTableNoBorder tr.tableDataTotal td {font-size:1em; font-weight:normal; color:black; padding:5px 3px 1px 3px; background-color:white;} 
        table.dataTableNoBorder tr.tableDataDefault td {font-size:1em; font-weight:normal; padding:5px 3px 1px 3px; border-bottom: solid 1px #e7e7ef; background-color:#99ccff;} 
        
div.moduleheaderKwh {margin:10px 0px 0px 0px; padding:0px; width:49%; float:left; clear:both;} 
div.moduleheaderKwhRight {margin:10px 0px 0px 0px; padding:0px; width:49%; float:right; } 	
table.kwhTable {font-size:.7em; border:solid 1px #394a8c; width:100%; clear:both; }
	table.kwhTable tr.tableHeaders td {font-size:1em; font-weight:normal; color:#394a8c; padding:5px 3px 1px 3px; background-color:#99ccff;}
	table.kwhTable tr.tableHeaders td.holder {padding:0px;}
	table.kwhTable tr.tableData td {font-size:1em; font-weight:normal; padding:5px 3px 1px 3px; border-bottom: solid 1px #e7e7ef; }
	
table.dataTableInset {font-size:1em; clear:both; border:0px; width:500px;}
	table.dataTableInset tr.tableData td {vertical-align:top; font-size:1em; font-weight:normal; color:black; padding:5px 3px 1px 0px; border-bottom: solid 1px #e7e7ef; background-color:white; text-align:right;}
		table.dataTableInset tr.tableData td.header {font-weight:bold; text-align:left; padding:8px 0px 1px 0px; border:0px;}
		table.dataTableInset tr.tableData td.lineItem {text-align:left; width:215px;}
		table.dataTableInset tr.tableData td.chargeType {text-align:left; width:85px;}
		table.dataTableInset tr.tableData td.multiplier {width:35px;}
		table.dataTableInset tr.tableData td.times {width:50px;}
		table.dataTableInset tr.tableData td.units {width:40px;}
		table.dataTableInset tr.tableData td.amount {padding:5px 2px 1px 3px; width:75px;}
		table.dataTableInset tr.tableData td.rate {text-align:left; border:0px;}

	table.dataTableInset tr.tableDataSubset td {vertical-align:top; font-size:1em; font-weight:normal; color:black; padding:5px 3px 1px 0px; border-bottom: solid 1px #e7e7ef; background-color:white; text-align:right;}
		table.dataTableInset tr.tableDataSubset td.lineItem {text-align:left; width:215px; padding-left:8px;}
		table.dataTableInset tr.tableDataSubset td.chargeType {text-align:left; width:85px;}
		table.dataTableInset tr.tableDataSubset td.multiplier {width:35px;}
		table.dataTableInset tr.tableDataSubset td.times {width:50px;}
		table.dataTableInset tr.tableDataSubset td.units {width:40px;}
		table.dataTableInset tr.tableDataSubset td.amount {padding:5px 0px 1px 3px; width:75px;}
	table.dataTableInset tr.tableDataTotal td {font-size:1em; font-weight:bold; color:black; padding:8px 0px 12px 0px; background-color:white; border:0px;}
	
table.dataTableReading {text-align:right; font-size:1em; clear:both; border:0px; width:230px; }
		table.dataTableReading tr.tableData td.date {text-align:left; border:0px; vertical-align:top; padding:5px 2px 1px 2px; width:110px; }
		table.dataTableReading tr.tableData td.type {text-align:left; border:0px; width:60px; vertical-align:top; padding:5px 2px 1px 2px; }
		table.dataTableReading tr.tableData td.reading {border:0px; width:60px; vertical-align:top; padding:5px 2px 1px 2px; }
	
table.dataTableHeader {text-align:right; font-size:1em; clear:both; border:0px; width:230px; }
		table.dataTableHeader tr.tableData td.date {text-align:left; border:0px; vertical-align:bottom; padding:5px 2px 1px 2px; width:110px;}
		table.dataTableHeader tr.tableData td.type {text-align:left; border:0px; width:60px; vertical-align:bottom; padding:5px 2px 1px 2px; }
		table.dataTableHeader tr.tableData td.reading {border:0px; width:60px; vertical-align:bottom; padding:5px 2px 1px 2px; }
		
table.pageTitle td {text-align:center; font-family:Gill Sans MT Condensed, Arial Narrow; font-size:22px; color:black; line-height:26px; padding:0px 10px 10px 10px; height:100px;}
td.amount {text-align:right;}

/* FORMS */
form { margin:0px; padding:0px; }
.formcomment { color: #666666; font-size:.65em;}
	fieldset {background-color:#99ccff; padding:10px 0px 10px 0px; border: 0px; margin:0px 0px 0px 0px; font-family:Arial,Helvetica, sans-serif; font-size:.6em; clear:both;}

div.modFormBox { color:#000;}
		div.formItemBox {border:solid 1px #99ccff; clear:both; padding:0px;}
			div.formItemBox label {color:black; padding:0px 10px 0px 0px; margin-bottom:5px; font-size:1.1em; display:block; width:30%; float:left; text-align:right; font-weight:bold; line-height:22px; }
				div.formItemBox label span {}	
				div.formItemBox label span.astrx {color:#C60000;}	
				div.formItemBox div formItemCheckfree{ font-family:Arial;float:left; padding:5px 5px 5px 0px; width:100%; font-size:.9em; line-height:22px; font-weight:normal; }	
			div.formItemContent { float:left; padding:0px 0px 5px 0px; width:65%; font-size:1.15em; line-height:22px; font-weight:normal; }
				div.formItemContent span.formcomment { color: #666666; font-size:.9em;}
				div.formItemContent label {display:inline; width:auto; text-align:left; padding:0px; float:none;}
				
div.formItemHeader {background-color:#4098b1; width:100%;}
	div.formItemHeader label {background-color:#4098b1; color:#FFFFFF; display:block; width:25%; float:left; text-align:right; padding:2px 7px;}
	div.formItemHeader label span {color:#4199b2;}	
div.formButtonRow {text-align:right; font-size:.9em;}

input.checkbox {padding:0px; margin:0px;} 
input.radio {padding:0px; margin:0px;}  
.formbutton {font-family:Arial, Helvetica, sans-serif; font-size:.85em; font-weight:bold; cursor: hand;}
.recalc {font-family:Arial, Helvetica, sans-serif; font-size:1em; height:1.8em; font-weight:bold; cursor: hand;}
.setFieldHeight {font-size:1em; height:1.1em;}
.maxlength5 {width:5em; font-size:1em; height:1.1em;} 
.maxlength10 {width:9em; font-size:1em; height:1.1em;} 
.maxlength20 {width:15em; font-size:1em;  height:1.1em;} 
div.formItemContent input.maxlength40 {width:30em; font-size:1em; height:1.1em;} 
select.dropdown {font-size:11px; line-height:11px; width:120px;}
select.dropdown_payaccount{font-size:11px; line-height:11px; width:180px;}
select.dropdown_nickname {font-size:11px; line-height:11px; width:300px;}
select.dropdown_small {font-size:11px; line-height:11px}
select.dropdown_small option{font-size:11px;}

/* PARAGRAPHS */
p.billMessages {font-size:.8em; padding:3px; margin:0px; clear:both;}
p.defaultFootnote {float:left; text-align:left; font-weight:normal; margin:0px; padding:3px 5px; font-size:.6em;} 
p.historySelect {margin:0px; clear:both; text-align:right; padding:10px 0px 5px 0px; font-size:.6em; font-weight:normal; }
p.leftlinks {float:left; text-align:left; font-weight:normal; margin:0px; padding:0px }
p.loginOptions {float:left; text-align:left; font-weight:normal; margin:0px; padding:3px 0px; color:black; font-size:1.4em;}
	p.loginOptions span.links {font-size:.55em;}
p.meterSelect {background-color:#99ccff; margin:0px; text-align:right; padding:2px 5px 2px 5px; font-size:1em; font-weight:normal; height:1.2em;}
	p.meterSelect span{font-size:.6em; color:#394a8c; }
	p.meterSelect input.radioButton {margin:0px; padding:0px; margin-bottom:-2px;}
	p.meterSelect span.displayLabel {color:black;}
p.moduleheader {margin:0; text-align:right; padding:2px 7px 2px 7px; font-size:.7em; }
p.required {float:left; text-align:left; font-weight:normal; margin:0px; padding:3px 5px; font-size:.7em; color:#C60000;}
p.sidebarheader {margin:0; text-align:right; padding:4px; font-size:.6em; }
p.sidebarLinkContainer {font-size:1em; margin:0px 0px 5px 0px; padding:3px; background:#99ccff; border-right:solid 1px #cdffff;}
p.separator {height:5px; background-color:white; font-size:2px; border-bottom:solid 1px #e7e7ef; padding:0px; margin:0px;} 
p.terms {font-size:.7em; font-weight:normal; border:solid 1px #394a8c; text-align:left; padding:3px 3px 5px 3px; margin:0px; margin-bottom:5px; clear:both;}

p.centered {font-size:.7em; font-weight:normal; text-align:center;}

/* PARAGRAPHS MESSAGES */
p.contentDescription {background-color:white; padding:0px; margin:7px 0px; clear:both; font-size:.7em; font-weight:normal; color:black;}
p.buttonDescription {background-color:white; padding:0px; margin:3px 0px; clear:both; font-size:.7em; font-weight:normal; color:black; text-align:right;}
p.message2 {background-color: #ffcf00; padding: 3px; margin:0px; color:black; clear:both; border-bottom:solid 1px white;} 
p.message3 {background-color:#99ccff; padding:3px; margin:0px; color:black; clear:both; border-bottom:solid 1px white;} 
p.message1 {background-color:#99ccff; padding:3px; margin:0px; color:black; clear:both; border-bottom:solid 1px white;} 
p.message1 a {text-decoration: underline; color: #C60000}
.moduleredcopy { color:#ff0000; }
p span.modulehelpcopy {font-size:.7em; font-weight:normal; }
p.moduleHelperText { margin:0px; padding:7px; background-color:#99ccff; border:solid 1px #394a8c;clear:both; font-size:.7em; font-weight:normal; color:black;}

/* LINKS  */
a.links10pt {font-size:.7em; color:#C60000; text-decoration:none;}
	a.links10pt:hover { text-decoration:underline;}
a.moduleHeaderLink {color:#C60000; margin:0px; text-decoration:none; }
	a.moduleHeaderLink:hover {text-decoration:underline;}	
a.NSTARlinks {text-align:left; display:block; font-weight:normal; font-size:0.7em; color:#C60000; margin: 5px 3px; text-decoration:none;}
	a.NSTARlinks:hover {text-decoration:underline;}
a.sidebarModLink {text-align:right; display:block; font-weight:normal; font-size:0.7em; color:#C60000; width;auto; margin:3px; text-decoration:none; }
	a.sidebarModLink:hover {text-decoration:underline;}
a.subnavTabsHolder {color:#C60000; text-align:left; font-size:0.7em; margin:0px 0px 4px 7px; display:block; text-decoration:none;}
	a.subnavTabsHolder:hover {text-decoration:underline;}
a.subnavTabsHolderSel {color:black; text-align:left; font-size:0.7em; margin:0px 0px 4px 7px; display:block; text-decoration:none;}

a.genLink {color:#C60000; text-decoration:none;}
a.genLink:hover {text-decoration:underline;}
a.genLinkDead {color:#cccccc; text-decoration:none;}
a.genLinkPaperLess {color:#CC3300; text-decoration:none;}

a.formTextLink {color:#C60000; text-decoration:none; font-size:.75em;}
span.formTextSpacer {color:black; font-size:.75em;}
a.formTextLink:hover {text-decoration:underline;}

a.dashboardTop, a.dashboardTop:visited, a.dashboardTop:active {color:#C60000;}
a.dashboardTop1, a.dashboardTop:visited, a.dashboardTop:active {color:#CC3300;}

/* HEADER TAGS */
h2 {margin:0px; padding:0px;}
	h2.moduleheader {background-color:#394a8c; float:left; padding:2px 10px 2px 5px; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:.75em; align: bottom; border:0px; color:white; margin:0px;}
	h2.sidebarcontent {background-color:white; clear:both; font-size:1em; margin-bottom:5px; padding:0px; }
	h2.sidebarheader {background-color:#394a8c; float:left; padding:1px 7px 1px 7px; text-align:center; font-size:11px; font-weight:normal; border:0px; color:white;}	

/* IMAGES */
.caret {margin:0px 3px; border:0px;}