.ui-button { 
   outline: 0; 
   margin:0 4px 0 0; 
   padding: .4em 2.2em; 
   text-decoration:none !important; 
   cursor:pointer; 
   position: relative; 
   text-align: center; 
   zoom: 1; 
   }

.ui-button-mhl {padding-left:3em !important;}
.ui-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 1.2em; margin-left: -8px; }

.ui-icon-mhl {width: 25px; height: 18px; background-image: url('/images-hydro/icons/mhl.png') !important; background-position: 0;}


	
.alerttable {
width:100%;
border:1px solid silver;
}

legend {
color:#00688f;
font-size:16pt;

}

fieldset {
border:0px;
border-top:2px solid #eeeeee;
}



#container {
width:900px;
margin-left:1em;
margin-right:1em;
}


  #wardlist{
list-style-type:none;
}

table th,#plannedwork table th{
border-right:1px solid #0089bd;
padding:0;
margin:0;
}
table th, #plannedwork table th {
background:#00688f;
color:#ffffff;
padding:8px;
font: 10pt Arial;
font-weight:bold;
}

#currentoutages table td, #plannedwork table td
{
padding:5px;
}


.title {
color:#00688f;
}

.alerttable a{
color:#00688f;
text-decoration:underline;
}


.success {
border:1px solid green;
padding:0.5em;
color:green;
font-size:10pt;
background-color:#edf7de;
background-image: url('/images-hydro/icons/checkgreen.gif');
background-repeat:no-repeat;
background-position:15px 50%;
padding-left:38px;
margin-bottom:1em;
}


/* =FEATUREBOX
----------------------------------------------- */
#featurebox {
width:200px;
display:block;
float:right;
background-color:#deebf1;
border-right:2px solid #f5f9fb;
border-bottom:2px solid #f5f9fb;
clear:right;
}

#featurebox ul li{
list-style-image: url('/images-hydro/box_sm_blue.gif');
}
#featurebox ul {
margin-left:2em;
margin-top:0.6em;
padding:0;
}
.fbtop {
background:#00688f url('/images-hydro/round_tl.gif') no-repeat;
font-weight:bold;
font-size:10pt;
color:#fff;
padding:3px;
padding-left:15px;
}

.fptop a{
background: url('/images-hydro/box_med.gif') no-repeat;
}

 hr {
  border: 0;
  height:1px;
  width: 100%;
  color: #deebf1;
  background-color: #deebf1;
}


.relatedpubs {
padding:0;
margin:0;
margin-left:1em;
}

.relatedpubs li{
padding-left: 1.5em;
list-style-type:none;
background: url('/images-hydro/page_red.png') no-repeat;
background-position: 0 .4em;
line-height:1.8em;
}


.consbox {
background:#dfe488;
padding:0.4em;
border:1px solid #b0b465;
color:#767944;
padding-left:2.5em;
background-image: url('/images-hydro/icons/help.gif');
background-repeat:no-repeat;
background-position:15px 50%;
margin-left:-5px;
margin-top:10px;
}

.consbox-pale {
background:#f0f8f2;
padding:0.4em;
border:1px solid #ddf0e0;
color:#2ca241;
padding-left:2.5em;
background-image: url('/images-hydro/peaksaver_thermo.jpg');
background-repeat:no-repeat;
background-position:10px 50%;
margin-left:-5px;
margin-top:10px;
padding-left:100px;
width:90%;
}

.consbox a {
color:#35361e;
}

.consbox-pale a {
color:#037162;
}

.HOtable .tableheading {
background-color:#00688f;
}
.HOtable th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	color: #6D929B;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #e5f0f4 url(images/bg_header.jpg) no-repeat;
}

.HOtable th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

.HOtable td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #6D929B;
}


.HOtable td.alt {
	background: #F5FAFA;
	color: #B4AA9D;
}

/* Publications */
.bluehead {
display:block;
padding-top:1em;
padding-bottom:0.5em;
color:#0099d3;
font-size:120%;
border-bottom:1px solid #0099d3;
}



/* RSS Feeds */
.feed-sub {
height:25px;
width:113px;
text-align:center;
}

.feed-sub img{
vertical-align:middle;
}

.feed-sub a{
text-decoration:none;
vertical-align:middle;
color:#ff7a37;
background-image:url('/images-hydro/sub_button.gif');
padding:0.3em;
display:block;
}

.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 0px solid #f5f5f5;
	border-left: 0px solid #f5f5f5;
	background-image:url('/images-hydro/mhl_bgtab.gif');
	font-size: 11px;
	font-weight: normal;
	font-family: 'Andale Mono', sans-serif;
}
 
.element {
	font-family:verdana;
	font-size:10pt;
}
 
.element p {
	margin: 0;
	padding: 4px;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}
 
blockquote {
	text-style:italic;
	padding:5px 0 5px 30px;
}

.conservtable {
   max-width:671px;
   height:auto !important;
}




#outagetable {
 width:100%;
border:1px solid white;
}

#outagetable tr.header td{
background-color:#c2d9df;
font-weight:bold;
}

#outagetable td{
font-size:8pt;
text-align:center;
width:110px;
padding:0.4em;
background-color:#f2f8fd;
border:0.1px solid white;
}




.row1 td {
background-color:#e6f0f4  !important;
}


#outagetable td.wardselect {
text-align:left;
padding-left:2em;
background-color:#4a9ade;
color:#fff;
font-weight:bold;
}

#outagetable form {
margin:0;
padding:0;
float:left;
}

#outagetable td.cause {
text-align:left;
width:30%;
}


ul.hoverlist {
margin-left:0;
list-style-type:none;
}

ul.hoverlist li {
margin-left:0;
width:70%;
vertical-algin:middle;
padding:0.5em;
padding-left:30px;
background-image: url('/images-hydro/icons/sqbullet.gif');
background-repeat:no-repeat;
background-position:0 9px;
}



/* Peaksaver */

#peaknav {
display:block;
height:40px;
background-color:#fdf4dd;
padding-top:1em;
padding-left:1em;
margin:0;

}
#peaknav a {
font-weight:bold;
color:#4aa747;
}

#peaknav a.active {
font-weight:bold;
color:#a3cd92;
text-decoration:none;
}

#peaknav ul li{
float:left;
list-style:none;
}

#peaktop {
display:block;
padding:0;
margin:0;
background-color:#4aa747;
height:85px;
}





#spotlight,#testimonials {
  width:244px;
  padding:8px;
  display:block;
  background: #f7f9fa url('/images-hydro/res_spot_bt.gif') no-repeat 0 bottom;
}

#spotlight td,#testimonials td {
  width:244px;
  padding:8px;

}

#testimonials {
background-color:#fdf4dd;
background: #fdf4dd url('/images-hydro/test_bt.gif') no-repeat 0 bottom;
}

#testimonials a {
color:#cc9600;
}

#spotlight td,#testimonials td { position: relative; }

#spot-top {
 background: #fff url('/images-hydro/res_top_e.gif') no-repeat 0 top;
 height:52px;
}

#test-top {
 background: #fff url('/images-hydro/res_test_e.gif') no-repeat 0 top;
 height:52px;
}


/* 3 Column CSS */

.columnar, .columnar a {
width:100%;
color:#93bbca;
text-decoration:none;
}

.columnar li a {
background-image:url('/images-hydro/yellowbox_on.gif');
background-repeat:no-repeat;
background-position:2px 4px;
padding-left:1.5em;
color:#93bbca !important;
}

.columnar a:hover {
color:#607d96 !important;
//text-decoration:underline;
background-image:url('/images-hydro/yellowbox_off.gif');
}


.columnar h3 {
font-size:100%;
color:#518597;
padding-bottom:0;
margin-bottom:2px;
margin-top:3px;
}

#col1,#col2,#col3,#col4 {
float:left;
padding-left:0;
}

#col1 {
padding:0;
margin0;
}
#col1 ul,#col2 ul,#col3 ul,#col4 ul{
margin:0;
padding-left:0;
list-style:none;
}


.columnar li{
padding-left:0; 
}


.photocaptioned {
width:328;
border:1px solid #e4f4ff;
}
.photocaptioned td {
font-size:7pt;
}

.caption {
background-color:#e4f4ff;
padding:5px;
}


#main {
	overflow:hidden;
	margin-left:2em;
}

h1 {font-size:16pt !important;border:0 !important;margin-left:1em !important;padding:0;}
td h1 .heading {font-size:70% !important;margin-left:5px;}
.pullquote {color:rgb(128,128,128)!important; font-size:14pt !important;}