/* Styles for Screen Display */

/*------------- Divisions -------------*/

#theForm {
  height: 100%;
  margin: 0px;
  }

#wrapper {
 border-left: 1px solid #fff;
 border-right: 1px solid #fff;
 background: #fff;
 }
 
#main {
  width: 443px;
  margin: 0px;
  padding-left: 20px;
  padding-top: 15px;
  padding-right: 20px;
  padding-bottom: 20px;
  } 

#mainleft {
  padding-left: 18px;
  padding-top: 15px;
  padding-right: 10px;
  padding-bottom: 20px;
  }
  
#mainright {
  text-align: right;
  padding-left: 15px;
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 20px;
  }  
  
#mainwide {
  width: 593px;
  margin: 0px;
  padding-left: 20px;
  padding-top: 15px;
  padding-right: 20px;
  padding-bottom: 20px;
  }
  
#floatright {
  position: relative;
  float: right;
  margin-top: -15px;
  margin-right: -20px;
  display: inline;  
  }
  
div.constrain 
 {
	width: 403px;
}

/*------------- HTML elements -------------*/

body {
  font-family: Arial, Helvetica, sans-serif;
  background: #423d85 url('../images/rb-blue_back.gif') repeat-x left top;
  height: 100%;
  margin: 0px;
  padding: 0px;
  }
  
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 120%;
	font-weight: bold;
	font-style: italic;
	margin: -2px 0 0 0;
}

td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 80%;   
  color: #036;
  }

ul {
  list-style-type: disc;
  }

strong {
  color: #036;
  font-weight: bold;
  }
  
sup {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  }
  
hr {
	height: 1px;
	border: 1px solid #CBE0EA;
	}  
  
/*------------- Custom table styles -------------*/ 

table.tabulardata {
  background: #CBE0EA;
  }
  
th.tabulardata {
  font-size: 75%;
  font-weight: normal;
  font-style: italic;
  color: #036;  
  background: #CBE0EA;
  }
  
td.tabulardata {
  font-size: 75%;
  background: #FFF;
  }

p.tabulardata {
  font-size: 75%;
  }
  
ul.tabulardata {
  font-size: 75%;
  } 

li.tabulardata {
  font-size: 75%;
  }

ol.tabulardata {
  font-size: 75%;
  } 
  
table.accountdata {
  background: #CBE0EA;
  }
  
th.accountdata {
  font-size: 70%;
  font-weight: normal;
  font-style: italic;
  color: #036;  
  background: #CBE0EA;
  }
  
td.accountdata {
  font-size: 70%;
  background: #FFF;
  }  

td.accountdatablue {
  font-size: 70%;
  background: #E2EDF2;
  }

/*------------- Link styles -------------*/  
  
a:link {
  color: #036;
  text-decoration: underline;
  }

a:visited {
  color: #036;
  text-decoration: underline;
  }

a:hover {
  color: #036;
  text-decoration: underline;
  }

a:active {
  color: #036;
  text-decoration: underline;
  }

/*------------- Left Nav styles -------------*/

.flyoutnav {
  font-size: 8pt;
  }

a.flyoutnav:link {
  color: #036;
  text-decoration: none;
  }

a.flyoutnav:visited {
  color: #036;
  text-decoration: none;
  }

a.flyoutnav:hover {
  color: #036;
  text-decoration: underline;
  }

a.flyoutnav:active {
  color: #036;
  text-decoration: underline;
  }

/*------------- Right Nav styles -------------*/

.rightnav {
  font-size: 8pt;
  }

a.rightnav:link {
  color: #036;
  text-decoration: none;
  }

a.rightnav:visited {
  color: #036;
  text-decoration: none;
  }

a.rightnav:hover {
  color: #036;
  text-decoration: underline;
  }

a.rightnav:active {
  color: #036;
  text-decoration: underline;
  }

/*------------- Form styles -------------*/

input, textarea {
	font-family:  arial, helvetica, sans-serif;
	color: #036;
	}

input.meterread {
  height: 18px;
  font-size: 8pt;
  }

/*------------- Classes -------------*/

.subheader {
  font-weight: bold;
  }
  
.formheader {
  font-weight: bold;
  border-bottom: 1px solid #BBD6E3;
  }

.newslistitem {
  font-size: 8.5pt;
  } 
  
.homeintrotext {
  font-size: 8.5pt;
  }   

.imagecaption {
  font-size: 8.5pt;
  font-style: italic;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  }
  
.small {
  font-size: 8pt;
  }

.tiny {
  font-size: 8pt;
  }

.footnote {
  font-size: 8pt;
  }
  
.faq {
  margin-top: 0px;
  margin-bottom: 7px;
  }

.error {
  font-size: 9pt;
  color: #f00;
  }
  
.alert {
  border: 1px solid #CBE0EA;
  background: #ffd;
  }
  
.message {
  border: 1px solid #CBE0EA;
  background: #ECF4F7;
  }

.hintsClass {
  width: 200;
  }
  
/*
.error {
  border: 1px solid #CBE0EA;
  background: #fee;
  font-size: 8pt;
  }

.errorinline {
  border: 1px solid #CBE0EA;
  background: #fee;
  display:inline;
  font-size: 8pt;
  }
   
.error td {
  color: #d00;
  } 

.errorinline td {
  color: #d00;
  }
*/

/* Energy Efficiency */

#checklist table {
  border:1px solid #CBDFE9;
  border-collapse:collapse;
  }

#checklist td {
  border-bottom:1px solid #CBDFE9;
  background-color:#EEF5F8;
  padding:5px 6px 4px 6px;
  }
  
#checklist .subheader {
  padding-left:10px;
  font-size:12px;
  }
  
#checklist .tabulardata {
  padding-left:4px;
  }
  
#checklist .bullet {
  padding-left:16px;
  vertical-align:top;
  }
  
#checklist .checkbox {
  width:20px;
  text-align:right;
  }
  
#savinghints table {
  border:1px solid #CBDFE9;
  border-collapse:collapse;
  }
  
#savinghints td {
  border-bottom:1px solid #CBDFE9;
  background-color:#EEF5F8;
  padding:5px 6px 4px 6px;
  }
  
#savinghints .subheader {
  padding-left:10px;
  font-size:12px;
  }
  
#savinghints .tabulardata {
  padding-left:4px;
  }
  
#savinghints .bullet {
  padding-left:16px;
  vertical-align:top;
  }
  
#tips table {
  border:1px solid #CBDFE9;
  border-collapse:collapse;
  }

#tips td {
  border-bottom:1px solid #CBDFE9;
  background-color:#EEF5F8;
  padding:5px 6px 4px 6px;
  }
  
#tips .subheader {
  padding-left:10px;
  font-size:12px;
  }

#tips .tabulardata {
  padding-left:4px;
  }
	
#tips .bullet {
  padding-left:16px;
  vertical-align:top;
  }
  
#tips .saving {
  width:46px;
  text-align:center;
  border-left:1px solid #CBDFE9;
  }      

/*------------- Move Online Forms ----------------------*/

table .formhelp {
	margin-top: 10px;
	background: #F3F8FA;
	border: 1px solid #CBDFE9;
	}
	
table .formbox {
	background: #F3F8FA;
	}
	
td .formbox-tl {
	width: 9px;
	height: 9px;
	background-image: url('../images/box/tl.gif');
	background-position:  left top;
	background-repeat: no-repeat
	}   

td .formbox-tr {
	width: 9px;
	height: 9px;
	background-image: url('../images/box/tr.gif');
	background-position:  right top;
	background-repeat: no-repeat
	}    

td .formbox-bl {
	width: 9px;
	height: 9px;
	background-image: url('../images/box/bl.gif');
	background-position:  left bottom;
	background-repeat: no-repeat
	}   

td .formbox-br {
	width: 9px;
	height: 9px;
	background-image: url('../images/box/br.gif');
	background-position:  right bottom;
	background-repeat: no-repeat
	}
	
td .formbox-t {
	height: 9px;
	border-top: 1px solid #bdcdef;
	}   

td .formbox-l {
	width: 9px;
	border-left: 1px solid #bdcdef;
	}    

td .formbox-r {
	width: 9px;
	border-right: 1px solid #bdcdef;
	}   

td .formbox-b {
	height: 9px;
	border-bottom: 1px solid #bdcdef;
	}  
   
.textbox {
	border: 1px solid #bdcdef;
	}
	
.textarea {
	border: 1px solid #bdcdef;
	}	
	
.radio {
	border: none;
	margin-left: 10px;	
	}  
	
.checkbox {
	border: none;
	margin-left: 10px;
	} 	
	
.hr-dashed {
	border: 1px dashed #bdcdef;
	height: 1px;
	}

.select-small {
	font-family: tahoma;
	font-size: 8pt;
	}
	
.textbox-small {
	border: 1px solid #bdcdef;
	font-family: tahoma;
	font-size: 8pt;	
	}	

.progress-movejoin {
	margin-top: -6px;
	margin-bottom: -8px;
	}

.progress-gas {
	margin-top: 15px; 
	}
	
.screencode {
	float: left;
	margin-top: 5px;
	margin-left: 13px;
	font-size: 9px;
	}

/*------------- Jacinda Kirk - Simpl - Added for Datagrid -------------*/
  
.DataTable {
  background: #CBE0EA;
  width: 100%;	
  border:1px solid #DBE1E4;
  }

TD.DataHeader { 
  border: 0px;
  font-size: 75%;
  color: #036;  
  background: #CBE0EA;
  padding-left: 5px; 
  padding-right: 5px;
 }

TD.DataHeaderLight { 
  border: 0px;
  font-size: 75%;
  color: #036;  
  background: #E2EDF2;
  padding-left: 5px; 
  padding-right: 5px;
 }

TD.DataHeaderSmall { 
  border: 0px;
  font-size: 70%;
  color: #036;  
  background: #CBE0EA;
  padding-left: 5px; 
  padding-right: 5px;
  }
 
TD.Data {
  font-size: 75%;
  border: 0px;
  padding-left: 5px; 
  padding-right: 5px;
 } 

TD.DataSmall {
  font-size: 70%;
  border: 0px;
  padding-left: 5px; 
  padding-right: 5px;
 } 
 TD.DataImage {
  font-size: 70%;
  border: 0px;
  padding-left: 0px; 
  padding-right: 0px;
 } 
  
TR.DataRow {
  background: #FFF;
  padding-left: 5px; 
  padding-right: 5px;
  }

TR.DataRowWarning {
  background-color: #FFC;
  padding-left: 5px; 
  padding-right: 5px;
  } 

TR.DataRowInvalid {
  background-color: #FFDBCA;
  padding-left: 5px; 
  padding-right: 5px;
  } 

TR.BillDataRowDue {
  background-color: #FFD;
  padding-left: 5px; 
  padding-right: 5px;
  }

TR.BillDataRowPaid {
  background-color: #DFD;  
  padding-left: 5px; 
  padding-right: 5px;
  }

TR.BillDataRowPartiallyPaid {
  background-color: #DDF;  
  padding-left: 5px; 
  padding-right: 5px;
  }

TR.BillDataRowReversed {
  background-color: #EEE;  
  padding-left: 5px; 
  padding-right: 5px;
  }

TR.BillDataRowOverdue {
  background-color: #FDD;  
  padding-left: 5px; 
  padding-right: 5px;
  }
  
TR.Bill {
  background-color: #e3f1f8;  
  padding-left: 5px; 
  padding-right: 5px;
  }
  
TR.Payment {
  background-color: #fff;  
  padding-left: 5px; 
  padding-right: 5px;
  }
  
TR.DataRowAlt {
  background: #fff;
  padding-left: 5px; 
  padding-right: 5px;
  }

TD.DataWide {
  font-size: 70%;
  border: 0px;
  padding-left: 5px; 
  padding-right:5px;
  padding-top: 6px;
  padding-bottom: 6px;
  } 

.Invisible {
  display: none;
  } 

.mono {
  font-family: monospace;
  }

/*------------- Jacinda Kirk - Simpl - Added for Datagrid - End Add -------------*/

/*------------- Price Plan Calculator Styles -------------*/

#calc {
	background: #EEF5F8;
	}

#calc_tl {
	width:6;
	height:29;
	background-image: url('../images/calculator/calc_tl.gif');
	background-position: top left;
	background-repeat: no-repeat;
	}
	
#calc_t {
	width:100%;
	height:29;
	background-image: url('../images/calculator/calc_t.gif');
	background-position: top left;
	background-repeat: repeat-x;
	}	
	
#calc_tr {
	width:6;
	height:29;
	background-image: url('../images/calculator/calc_tr.gif');
	background-position: top right;
	background-repeat: no-repeat;
	}
	
#calc_l {
	width:6;
	background-image: url('../images/calculator/calc_l.gif');
	background-position: top left;
	background-repeat: repeat-y;
	}
	
#calc_m {
	width:100%;
	}	
	
#calc_r {
	width:6;
	background-image: url('../images/calculator/calc_r.gif');
	background-position: top right;
	background-repeat: repeat-y;
	}
	
#calc_bl {
	width:6;
	height:6;
	background-image: url('../images/calculator/calc_bl.gif');
	background-position: top left;
	background-repeat: no-repeat;
	}
	
#calc_b {
	width:100%;
	height:6;
	background-image: url('../images/calculator/calc_b.gif');
	background-position: top left;
	background-repeat: repeat-x;
	}	
	
#calc_br {
	width:6;
	height:6;
	background-image: url('../images/calculator/calc_br.gif');
	background-position: top right;
	background-repeat: no-repeat;
	}
	
/* Energy Update Rounded Boxes - White Background */
  
.box-eu {
    background: #eaf5fa;
    }
    
.box-eu-title, .box-eu-title a, .box-eu-title a:visited {
	text-decoration: none;
    position: relative; 
    float: left;
   	color: #fff;    
    font-size: 9pt;
	font-weight: bold;
	line-height: 12pt;
    margin-left: 5px;
    margin-top: 1px;	
	}
	
.box-eu-title a:hover {
	text-decoration: underline;
    position: relative; 
    float: left;
   	color: #fff;    
    font-size: 9pt;
	font-weight: bold;
	line-height: 12pt;
    margin-left: 5px;
    margin-top: 1px;
	} 	    

.box-eu .box-top {
    background: url(../images/box-eu/tl.gif) no-repeat left top;
    height: 25px;
    line-height: 0px; 
    font-size: 0px;
    }
    
.box-eu .box-top .box-right {
    float: right;
    background: url(../images/box-eu/tr.gif) no-repeat right top;
    width: 10px;
    height: 25px;
    }
    
.box-eu .box-body {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 0px;
    }
    
.box-eu .box-body .box-right {
    position: relative;
    float: right;
    width: 11px;
    }
    
.box-eu .box-bottom {
    height: 10px;
    background: url(../images/box-eu/bl.gif) no-repeat left top;
    font-size: 0px;
    line-height: 0px;
    }
    
.box-eu .box-bottom .box-right {
    float: right;
    background: url(../images/box-eu/br.gif) no-repeat right top;
    width: 10px;
    height: 10px;
    }
    
/* alternate tabular rows */

td.tabulardataalternaterow {
  font-size: 75%;
  background: #ebeffa;
  }