@import url('/library/css/ratethis.css');
@import url('/library/css/buttons.css');

/* commented backslash hack v2 \*/ 
html, body {height:100%;} 
/* end hack */ 

body {padding:0; margin:0;	background-color:#fff;	color:#000; font-family:'Arial Unicode MS',arial,helvetica,sans-serif; width:100%;}
img {border:0;}
div, p {margin-top:0} /* clear top margin for mozilla */
.bold {font-weight:bold;}
.quicklinks {color:#f0b40e; font-weight:bold; font-size:13px; text-align:right; padding:7px;}
#ftr a:link, #ftr a:visited {color:#666;}
#ftr a:hover, #ftr a:active {color:#666; text-decoration:none;}
a {color:#069;}

/* general structure */
#outer {height:92%;	min-height:92%;	min-width:770px; margin-left:1%;	margin-right:1%;	background:#fff;	margin-bottom:-36px;}
html>body #outer, html>body #main, html>body #mainhm {height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#left {
  position:relative; /*ie needs this to show float */
  width:1%;
  float:left;
  margin-left:-1%;
}
* html #left {margin-right:-3px;} /*fix gap in ie next to float and clear footer because we've moved float too far left*/
#right {position:relative;	width:1%;	float:right;	background:#fff url(/images-hydro//bg_tpnv.gif) repeat-x; margin-right:-1%;	padding-top:5%;}
#ftr {width:100%;	clear:both;	background-color: #e5e9ea;	color:#666;	font-size:10px; padding:0; position:relative;}
* html #ftr {/*only ie gets this style*/
  height:16px;/* for ie5 */
  height:14px;/* for ie6 */
}
#clearhmftr {clear:both; height:26px;} /*needed to make room for home page footer*/
* > html #clearhmftr {float:left; width:100%;} /* ie mac styles */
#clearftr {clear:both; height:6px; background:#fff; font-size:4px; margin-top:10px;} /*needed to make room for sub page footer*/
* > html #clearftr {float:left; width:100%;} /* ie mac styles */
* html #centrecontent {height:1%; margin-bottom:12px} /* combat IE's 3 pixel jog */
html>body #minHeight {float:left; width:0; height:100%; margin-bottom:-16px;} /* safari wrapper */
* html #minHeight {margin-bottom:-14px;}
#middle {position:relative;}
#tpnv {background-color:#00688f; font-size:9px; text-align:right; padding:4px 0 3px 0; margin-left:31%; margin-right:-1px;}
#tpnv a:link, #tpnv a:visited {color:#fff; text-decoration:none; margin:0 1% 0 0;}
#tpnv a:hover, #tpnv a:active {color:#fc0;}
#leftnv {float:left; background-color:#e5f0f4; width:210px; border-right:1px solid #fff; clear:none;}
#mainhm {background-color:#fff; height:1%; clear:both;}
#main {background:#fff url(/images-hydro/bg_section_hdr.gif) repeat-x top; margin-left:210px; height:1%;}
/* the fix for the 3px gap in IE */
/* hide from MacIE \*/
* html #leftnv {margin-right:-3px;}
* html #main {margin-left:0;}
/* end hide + end fix */

/* section highlighting */
body#hm a#home {color:#fc0;}
body#res dt.res {background: url(/images-hydro/bg_lnv_res_on.gif) no-repeat;}
body#bus dt.bus {background: url(/images-hydro/bg_lnv_bus_on.gif) no-repeat;}
body#cons dt.cons {background: url(/images-hydro/bg_lnv_cons_on.gif) no-repeat;}
body#corp dt.corp {background: url(/images-hydro/bg_lnv_corp_on.gif) no-repeat;}
body#cont dt.cont {background: url(/images-hydro/bg_lnv_cont_on.gif) no-repeat;}
body#news dt.new {background: url(/images-hydro/bg_lnv_news_on.gif) no-repeat;}

/* subsection highlighting */
body#resBill a#yourbill dd.lnv {background-color:#b7d5e0; color:#000;}
body#resBill dt.res {color:#00688f;}

/* left navigation */
dl.menu {margin-top:0; color:#000; font-size:12px;}
dl.menu div.n1_in {color:#00688f; width:211px; height:24px; padding:1px 0;}
dl.menu div.n1_out {color:#000; width:211px; height:24px;}
dl.menu div.n1_active {background-color:#89bacc; color:#fff; margin-left:0; height:24px;font-weight:bold;}
dl.menu div.n2_in {padding-left:35px;margin-left:0px; color:#00688f; font-weight:bold; font-size:11px; line-height:11px;padding-top:4px; padding-bottom:4px;}
dl.menu div.n2_out {padding-left:35px;margin-left:0px; color:#000; font-weight:bold; font-size:11px; line-height:11px;padding-top:4px; padding-bottom:4px;}
dl.menu div.n2_active {padding-left:35px;background-color:#89bacc; margin-left:0px; color:#fff; font-weight:bold; font-size:11px;padding-top:3px; padding-bottom:3px;}
dl.menu div.n3_in {margin-left:45px; color:#036; font-size:11px; padding:2px 0; line-height:11px;}
dl.menu div.n3_out {margin-left:45px; color:#000; font-size:11px;}
dl.menu div.n3_active {background-color:#b7d5e0; margin-left:45px; color:#000; font-size:11px;}
dl.menu div.n4_in {margin-left:55px; color:#036; font-size:11px; padding:2px 0; line-height:11px;}
dl.menu div.n4_out {margin-left:55px; color:#000; font-size:11px;}
dl.menu div.n4_active {background-color:#b7d5e0; margin-left:55px; color:#000; font-size:11px;}
dl.menu div.n5_in {margin-left:65px; color:#036; font-size:11px; padding:2px 0; line-height:11px;}
dl.menu div.n5_out {margin-left:65px; color:#000; font-size:11px;}
dl.menu div.n5_active {background-color:#b7d5e0; margin-left:65px; color:#000; font-size:11px;}
dl.menu div.n6_in {margin-left:75px; color:#036; font-size:11px; padding:2px 0; line-height:11px;}
dl.menu div.n6_out {margin-left:75px; color:#000;  font-size:11px;}
dl.menu div.n6_active {background-color:#b7d5e0; margin-left:75px; color:#000; font-size:11px;}
dl.menu div.n7_in {margin-left:85px; color:#036; font-size:11px; padding:2px 0; line-height:11px;}
dl.menu div.n7_out {margin-left:85px; color:#000; font-size:11px;}
dl.menu div.n7_active {background-color:#b7d5e0; margin-left:85px; color:#000; font-size:11px;}
dl.menu div.n8_in {margin-left:95px; color:#036; font-size:11px; padding:2px 0; line-height:11px;}
dl.menu div.n8_out {margin-left:95px; color:#000; font-size:11px;}
dl.menu div.n8_active {background-color:#b7d5e0; margin-left:95px; color:#000; font-size:11px;}
dl.menu div.n9_in {margin-left:105px; color:#036; font-size:11px; padding:2px 0; line-height:11px;}
dl.menu div.n9_out {margin-left:105px; color:#000; font-size:11px;}
dl.menu div.n9_active {background-color:#b7d5e0; margin-left:105px; color:#000; font-size:11px;}
dl.menu span.expand {display:none; overflow:visible; z-index:1; margin-left:13px;}

dl.menu a:link, dl a:visited {color:#000; text-decoration:none;}
dl.menu a:hover, dl a:active {color:#000; text-decoration:none; cursor:pointer;}
/*
dl.menu a:link div.2_in , dl.menu a:visited div.2_in {color:#00688f; font-weight:bold; font-size:11px; text-decoration:none; margin-left:0;}
dl.menu a:hover div.2_in, dl.menu a:active div.2_in {color:#000; background-color:#b7d5e0;}
*/
dl.menu a:hover div.n1_in {background-color:#b7d5e0; color:#000; margin-left:0;}
dl.menu a:hover div.n2_in, dl.menu a:hover div.n3_in, dl.menu a:hover div.n4_in, dl.menu a:hover div.n5_in, dl.menu a:hover div.n6_in, dl.menu a:hover div.n7_in, dl.menu a:hover div.n8_in, dl.menu a:hover div.n9_in {background-color:#b7d5e0; color:#000;}

dl.menu a:hover div.n1_out {background-color:#b7d5e0; color:#000;}
dl.menu a:hover div.n2_out {background-color:#b7d5e0; color:#000;}
dl.menu a:hover div.n3_out {background-color:#b7d5e0; color:#000;}
dl.menu a:hover div.n4_out {background-color:#b7d5e0; color:#000;}
dl.menu a:hover div.n5_out {background-color:#b7d5e0; color:#000;}
dl.menu a:hover div.n6_out {background-color:#b7d5e0; color:#000;}
dl.menu a:hover div.n7_out {background-color:#b7d5e0; color:#000;}
dl.menu a:hover div.n8_out {background-color:#b7d5e0; color:#000;}
dl.menu a:hover div.n9_out {background-color:#b7d5e0; color:#000;}

/*dt .nvbold {font-weight:bold; margin-left:25px;}
dt .expand{display: none;overflow: visible; z-index: 1;	margin-left: 13px;}

#leftnv a:link dd.lnv , #leftnv a:visited dd.lnv {color:#00688f; font-weight:bold; font-size:11px; text-decoration:none; margin-left:0;}
#leftnv a:hover dd.lnv, #leftnv a:active dd.lnv {color:#000; background-color:#b7d5e0;}
#leftnv a:link dd.subnv , #leftnv a:visited dd.subnv {color:#00688f; font-size:11px; text-decoration:none; margin-left:0;}
#leftnv a:hover dd.subnv, #leftnv a:active dd.subnv {color:#000; background-color:#b7d5e0;}

dd.lnv span {margin-left:35px; }
dd.subnv span {margin-left:45px; height:10px;}*/


/* home */
.lgohome {margin:0 0 20px 20px;}
table.imgbar {background-color:#fff; margin:0 auto;}
table.imgbar td.hmmessage {color:#333; font-size:13px; margin-top:10px;height:314px;}
td.hmmessage p {padding-left:32px; margin-top:0; padding-right:42px;}
td.hminterestlinks {background:#fff url(/images-hydro//bg_hm_interest.gif) no-repeat top left;}
td.hminterestlinks ul {margin-top:27px;}
td.hminterestlinks ul li {list-style:none; margin-left:-28px; width:93%; padding:4px 0;}
td.hminterestlinks ul a.ofinterest {color:#900; font-size:13px;}
td.hminterestlinks_f {background:#fff url(/images-hydro//bg_hm_interest_F.gif) no-repeat top left;}
td.hminterestlinks_f ul {margin-top:27px;}
td.hminterestlinks_f ul li {list-style:none; margin-left:-28px; width:93%; padding:4px 0;}
td.hminterestlinks_f ul a.ofinterest {color:#900; font-size:13px;}
td.col1 {background:#fff url(/images-hydro/img_hm_res.jpg) no-repeat top left; font-size:17px;}
td.col2 {background:#fff url(/images-hydro/img_hm_bus.jpg) no-repeat top left;}
td.col3 {background:#fff url(/images-hydro/img_hm_cons.jpg) no-repeat top left;}
td.col1 h1, td.col2 h1, td.col3 h1 {font-size:15px; font-weight:normal; text-align:left; margin:2px 0 0 28px; width:216px;}
td.col1 h1 span, td.col2 h1 span, td.col3 h1 span {font-weight:bold;}
td.col1 a.heading:link, td.col1 a.heading:visited, td.col2 a.heading:link, td.col2 a.heading:visited, td.col3 a.heading:link, td.col3 a.heading:visited {color:#000; text-decoration:none;}
td.col1 a.heading:hover, td.col1 a.heading:active, td.col2 a.heading:hover, td.col2 a.heading:active, td.col3 a.heading:hover, td.col3 a.heading:active {color:#00688f;}
td.gap {background-color:#fff; width:1%;}
table.imgbar td.blue {background:#fff url(/images-hydro/bg_hm_col.gif) repeat-y; padding:12px; padding-top:7px;}
td.blue a {color:#036; font-size:13px;}
a.red:link, a.red:visited {color:#900; font-size:10px; text-decoration:none;}
a.red:hover, a.red:active {color:#900; font-size:10px; text-decoration:underline;}

/* sub */
.lgosub {margin:10px 0 0 10px; float:left;}
.reshdr_e {background:#cce1e9 url(/images-hydro/bg_res_hdr.gif) no-repeat bottom right;}
.bushdr_e {background:#cce1e9 url(/images-hydro/bg_bus_hdr.gif) no-repeat bottom right;}
.conshdr_e {background:#cce1e9 url(/images-hydro/bg_cons_hdr.gif) no-repeat bottom right;}
.corphdr_e {background:#cce1e9 url(/images-hydro/bg_corp_hdr.gif) no-repeat bottom right;}
.conthdr_e {background:#cce1e9 url(/images-hydro/bg_cont_hdr.gif) no-repeat bottom right;}
.custhdr_e {background:#cce1e9 url(/images-hydro/bg_cust_hdr.gif) no-repeat bottom right;}
.newshdr_e {background:#cce1e9 url(/images-hydro/bg_news_hdr.gif) no-repeat bottom right;}
.smarthdr_e {background:#cce1e9 url(/images-hydro/bg_tou_hdr_en.jpg) no-repeat bottom right;}
.smarthdr_f {background:#cce1e9 url(/images-hydro/bg_smart_hdr_F.gif) no-repeat bottom right;}
.genhdr_e {background:#cce1e9 url(/images-hydro/bg_gen_hdr.gif) no-repeat bottom right;}
.genhdr_f {background:#cce1e9 url(/images-hydro/bg_gen_hdr_f.gif) no-repeat bottom right;}
.reshdr_f {background:#cce1e9 url(/images-hydro/bg_res_hdr_F.gif) no-repeat bottom right;}
.bushdr_f {background:#cce1e9 url(/images-hydro/bg_bus_hdr_F.gif) no-repeat bottom right;}
.conshdr_f {background:#cce1e9 url(/images-hydro/bg_cons_hdr.gif) no-repeat bottom right;}
.corphdr_f {background:#cce1e9 url(/images-hydro/bg_corp_hdr_F.gif) no-repeat bottom right;}
.conthdr_f {background:#cce1e9 url(/images-hydro/bg_cont_hdr_F.gif) no-repeat bottom right;}
.newshdr_f {background:#cce1e9 url(/images-hydro/bg_news_hdr_F.gif) no-repeat bottom right;}
.title {margin:7px;}
h1.subsection {width:98%; height:53px; color:#00688f; font-weight:bold; font-size:17px; margin:20px 2%; border-top:1px solid #036; border-bottom:1px solid #036; display:block;}
h1.subsection img {float:right; margin-top:0;}
h1.subsection1 {width:100%; height:43px; color:#00688f; font-weight:bold; font-size:17px; margin:10px 0; border-top:1px solid #036; border-bottom:1px solid #036; display:block; padding-top:8px;}
h1.subsection1 img {float:right; margin-top:0;}
.content {margin:20px; overflow:visible; width:95%;}
.content p {font-size:13px;}
.content td {font-size:13px;}
.content LI {font-size:13px;}
h1 {margin-bottom:0; font-size:17px; color:#00688f;}
h2 {margin-bottom:0; font-size:14px; margin-top:13px;}
.snavnews {margin:20px; font-size:12px; color:#000;}
.snavnews a:link, .snavnews a:visited {font-size:12px; color:#069;}
.snavnews a:hover, .snavnews a:active {font-size:12px; color:#000; text-decoration:none;}
table {font-size:12px;}

/* footer */
#ftr div {width:98%; background-color: #e5e9ea; height:30px; margin-left:1%;}

/* table headings */
.headingrow {
color:#00688F;
background-color:#B7D5E0;
text-align:left;
font-weight:bold;
}

.headingrow td{
vertical-align:middle;
background-color:#B7D5E0;
}


li.pdf {
background-image:url('/images-hydro/pdf.png');
list-style-type:none;
background-repeat:no-repeat;
margin-left:-20px !important;
padding-left:20px;
}

#page {
width:100%;
}



#ratetable {
  border:1px solid silver;
  border-collapse:collapse;
}

#ratetable td{
	border:1px solid silver;
	padding:5px;
}

#ftr {
padding-top:2em;
margin-left:1.3em;
width:98.8%;
}


.media_container td{
padding-right:1em;
padding-bottom:1em;
}


.callout {
width:300px;
background-color:#f8fbfc;
padding:0.8em;
color:#81b6ca;
float:right;
font-weight:bold;
font-size:12pt;
font-family:arial;
}

.lastupdated {
width:100%;
display:block;
text-align:left;
color:gray;
font-size:7pt;
padding-top:2em;
}


/* Search Box */
#search_form {
	margin: 0px;
}
.search_box {
	text-align: right; 
	padding-top: 6px;
	padding-bottom: 6px;
}
.search_box input#search_input {
	border: 1px solid silver;
	width:150px;
	background: #fcfcfc url('/images-hydro/bg_srch.png') no-repeat;
	height: 20px;
	padding-left:24px;
	color: #cfcfcf;
}
.search_box button#search_button {
	border:0;
	padding:0;
	width: 24px;
	height: 22px;
	cursor: pointer;
	text-indent: -9999px;
	background: url('/images-hydro/btn_search.png') no-repeat top right;
}
.search_box button#search_button:hover {
	background-position: 0 -22px;
}


#opa_games a{display:block;padding-top:7em;padding-left:2em;width:200px;font-size:11pt !important;}

#split_container {width:100%;}
#pp_container {width:48%;display:block;overflow:hidden;float:left;}
#unplug_container {width:46%; display:block;overflow:hidden;float:left;}
h4 {font-family:'Helvetica', 'Lucida Sans Unicode', 'Lucida Sans', Arial, sans-serif;}