/* CSS Document */
html{
overflow:-moz-scrollbars-vertical;
}


body{
background-image:url(/OEB/_images/OEB+System/oeb_bgbody.gif);
background-position:center;
font-size:0.8em;
}


/* LAYOUT STYLES -------------------------------------------------------------*/
#wrapper{
/*display:table;*/
margin-left:auto;
margin-right:auto;
width:950px;
background-color:#FFFFFF;
border-right:1px solid #000000;
border-left:1px solid #000000;
font-family:Arial, Helvetica, sans-serif;
}


#header{
position:relative;
background-image:url(/OEB/_images/OEB+System/oeb_header_bg.gif);
height:110px;
}


#logo{
float:left;
}


#headermenu{
position:relative;
float:right;
width:350px;
text-align:right;
right:184px;
color:#FFFFFF;
}



#navigation{
position:relative;
background-color:#A8B6BE;
height:24px;
}


#handheldnav{
display:none;
}


#handheldsub{
display:none;
}


#leftnavigation{
float:left;
width:171px;
vertical-align:top;
height:100%;
}

#leftnavigation-border{
vertical-align:top;
float:left;
border-right:1px solid #CCCCCC;
background-image:url(/OEB/_images/OEB+System/leftnavdiv_rightbg2.gif);
background-repeat:repeat-y;
background-position:right;
}

#leftnavigation-bottom {
float:left;
background-image:url(/OEB/_images/OEB+System/leftnavigation_bottom.gif);
background-repeat:no-repeat;
background-position:top;
width:171px;
height:22px;
vertical-align:top;
}

#handheldcontentjump{
display:none;
}

#content{
float:left;
width:580px;
border-right:1px solid #E8E8E8;
padding-left:15px;
padding-right:10px;
padding-bottom:15px;
vertical-align:top;
height:100%;
}


#relatedinfo{
float:left;
width:151px;
height:100%;
vertical-align:top;
padding-left:5px;
padding-right:5px;
}


#relatedinfo a{
font-size:.9em;
}


#footer{
position:relative;
text-align:center;
border-top:1px solid #E8E8E8;
background-color:#E8E8E8;
padding-top:5px;
padding-bottom:3px;
clear:both;
font-size:.7em;
}


#breadcrumb{
border-bottom:1px solid #E8E8E8;
padding-top:8px;
padding-bottom:8px;
}


#choosefontsize{
padding-right:25px;
text-align:right;
padding-top:8px;
}


p{
font-family:Arial, Helvetica, sans-serif;
/*color:#000000;
*/
font-size:inherit;
}



table, td{
font-size:1em;
}



#whatsnewtable{
width:97%;
}



#whatsnewtable th{
border:none;
}


#whatsnewtable td{
border-bottom:1px solid #E8E8E8;
padding:4px;
font-size:.85em;
}


#whatsnewtable a{
color:#2B637F;
font-size:inherit;
}


#whatsnewtable a:hover{
color:#91ADC2;
text-decoration:none;
}


#whatsnewarchive{
width:95%;
}


#whatsnewarchive td{
border-bottom:1px solid #E8E8E8;
padding:8px;
font-size:.85em;
}


#whatsnewarchive a{
color:#2B637F;
font-size:inherit;
}


#whatsnewarchive a:visited{
color:#91ADC2;
text-decoration:none;
}


#whatsnewarchive a:hover{
color:#91ADC2;
text-decoration:none;
}




/* ====NEW LEFT NAV STYLES ===== */
#leftnav a {
display:block;
width:100%;
border-bottom:1px solid #CCCCCC;
width:151px;
padding-right:4px;
padding-left:16px;
padding-top:6px;
padding-bottom:6px;
text-decoration:none;
color:#003366;
font-size:0.85em;
}

#leftnav a:hover {
background-color:#D47019;
color:#FFFFFF;
}


#leftnavactive a {
display:block;
width:100%;
border-top:1px solid #1A2D3A;
width:151px;
padding-right:4px;
padding-left:16px;
padding-top:6px;
padding-bottom:6px;
background-image:url(/OEB/_images/OEB+System/leftnavactive.gif);
background-position:bottom left;
background-repeat:repeat-x;
background-color:#2C4D63;
color:#FFFFFF;
text-decoration:none;
font-size:0.85em;
}

#leftnavviewmore a {
display:block;
width:100%;
/*border-bottom:2px solid #CCCCCC;*/
width:151px;
padding-right:4px;
padding-left:16px;
padding-top:6px;
padding-bottom:6px;
background-image:url(/OEB/_images/OEB+System/plus.gif);
background-position:center left;
background-repeat:no-repeat;
text-decoration:none;
color:#003366;
font-size:0.85em;
font-weight:bold;
}

#leftnavviewmore a:hover {
background-color:#D47019;
color:#FFFFFF;
}

/* ==== END TEST LEFT NAV STYLES ===== */


#leftnavheader{
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:bold;
color:#D47019;
padding-left:16px;
padding-bottom:3px;
border-bottom:1px solid #CCCCCC;
}


#sidebarprices {
width:153px;
height:156px;
background-image:url(/OEB/_images/OEB+System/home_sidebar_prices.jpg);
}

#sidebarpricesinner {
color:#FFFFFF;
padding-left:9px;
padding-top:30px;
padding-right:3px;
font-size:11px;
}

#sidebarpricesinner a {
color:#D47019;
font-weight:bold;
text-decoration:none;
font-size:12px;
}

#sidebarpricesinner a:hover {
color:#FFFFFF;
}

/* LINK STYLES -------------------------------------------------------------*/

a{
font-family:Arial, Helvetica, sans-serif;
/*color:#11527E;*/
color:#006699;
text-decoration:none;
font-size:inherit;
}


a:visited{
color:#7896AC;
/*color:#666699;*/
}


a:hover{
color:#D47019;
text-decoration:underline;
}


a.headermenu{
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
text-decoration:none;
font-size:.85em;
}


a.headermenu:visited{
color:#FFFFFF;
text-decoration:none;
}


a.headermenu:hover{
text-decoration:underline;
color:#FFFFFF;
}



/*
a.leftnav{
font-family:Arial, Helvetica, sans-serif;
color:#11527E;
text-decoration:none;
}


a.leftnav:visited{
color:#91ADC2;
}


a.leftnav:hover{
color:#D47019;
text-decoration:underline;
}

#leftnavactive a{
color:#11527E;
}
*/

a.breadcrumb{
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
color:#2B637F;
text-decoration:none;
}


a.breadcrumb:hover{
color:#D47019;
}




a.buttonimg:hover{
background-color:#E8E8E8;
}






/* TEXT STYLES -------------------------------------------------------------*/

/*.leftnavheader{
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:bold;
color:#D47019;
padding-left:16px;
}

*/
.relatedinfoheader{
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:bold;
color:#D47019;
}


h1{
color:#2C4D63;
font-size:2em;
text-indent:14px;
background-image:url(/OEB/_images/OEB+System/h1_bg.gif);
background-repeat:no-repeat;
}


h2{
color:#A8B6BE;
font-size:1.6em;
}


h3{
color:#2C4D63;
font-size:1.4em;
}


h4{
color:#2C4D63;
font-size:1.2em;
}


h5{
color:#2C4D63;
font-size:1.2em;
background-color:#E8E8E8;
width:100%;
}


h6{
color:#2C4D63;
font-size:1em;
}


.imgrightpadding{
padding-right:10px;
padding-bottom:10px;
}


.disclaimer{
font-size:.85em;
}


.small{
font-size:.85em;
}





/* ELEMENT STYLES -------------------------------------------------------------*/
input.text{
border-top:1px solid #70818B;
border-left:1px solid #70818B;
border-right:1px solid #E1EBF1;
border-bottom:1px solid #E1EBF1;
background-image:url(/OEB/_images/OEB+System/input_text_bg.gif);
margin-right:5px;
}


input.button{
border-top:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-right:1px solid #5C6E7A;
border-bottom:1px solid #5C6E7A;
background-image:url(/OEB/_images/OEB+System/input_button_bg.gif);
color:#2C4D63;
font-weight:bold;
font-size:.9em;
height:20px;
}


.select{
border:1px solid #999999;
background-color:#EEEEEE;
width:585px;
}


.select option{
border-bottom:1px dotted #EEEEEE;
color:#000000;
background-color:#FFFFFF;
}



hr{
background-color:#A8B6BE;
color:#A8B6BE;
size:1px;
height:1px;
border:1px solid #A8B6BE;
}




ul{
margin-left:15px;
padding-left:15px;
line-height:1.4;
list-style-type:none;
}


ul li{
padding-left:12px;
background:transparent url(/OEB/_images/OEB+System/li_bullet.gif) no-repeat;
background-position:0 8px;
}


ul ul{
font-size:.9em;
list-style-type:none;
}


ul ul li{
padding-left:12px;
background:transparent url(/OEB/_images/OEB+System/li_li_bullet.gif) no-repeat;
background-position:0 6px;
}


ul ul ul{
font-size:0.95em;
}


ul.smalllist {
margin-left:0px;
padding-left:0px;
font-size.9em;
}

ul.smalllist li {
margin-left:0px;
font-size.8em;
}

/* LAYOUT STYLES FOR SPECIFIC PAGES -------------------------------------------------------------*/
table.ratecomparison{
border-collapse:collapse;
border:none;
font-size:.9em;
width:96%;
}


table.ratecomparison td{
border:none;
padding:5px;
}


table.ratecomparison th{
background-color:#CCCCCC;
padding:3px;
vertical-align:top;
text-align:left;
}


table.ratecomparisonnew{
border-collapse:collapse;
border:1px solid #666666;
font-size:.9em;
width:96%;
}


table.ratecomparisonnew td{
border:1px solid #666666;
padding:5px;
}


table.ratecomparisonnew td.highlight{
background-color:#EEEEEE;
}


table.ratecomparisonnew th{
background-color:#CCCCCC;
padding:3px;
border:1px solid #666666;
vertical-align:top;
text-align:left;
}



table.info{
font-family:Arial, Helvetica, sans-serif;
border-collapse:collapse;
border:2px solid #CCCCCC;
width:95%;
}


table.info th{
background-color:#DDDDDD;
font-size:1em;
text-align:left;
padding-left:8px;
border:1px solid #DDDDDD;
color:#000000;
}


table.info td{
padding:4px;
padding-top:4px;
border:1px solid #CCCCCC;
background-image:url(/OEB/_images/OEB+System/table_td_bg.gif);
background-repeat:no-repeat;
background-position:bottom left;
background-color:#E8E8E8;
}



table.data{
font-family:Arial, Helvetica, sans-serif;
border-collapse:collapse;
width:96%;
}


table.data th{
background-color:#E0E0E0;
font-size:1em;
text-align:left;
padding-left:8px;
border-bottom:1px solid #BBBBBB;
border-right:1px solid #BBBBBB;
color:#000000;
}


table.data td{
padding:8px;
padding-top:6px;
background-image:url(/OEB/_images/OEB+System/table_td_bg_white.gif);
background-repeat:no-repeat;
background-position:bottom left;
background-color:#FFFFFF;
border:1px solid #E0E0E0;
}


table.datasmall{
font-family:Arial, Helvetica, sans-serif;
border-collapse:collapse;
width:96%;
font-size:.85em;
}


table.datasmall th{
background-color:#E0E0E0;
text-align:left;
padding-left:4px;
border-bottom:1px solid #BBBBBB;
border-right:1px solid #BBBBBB;
color:#000000;
}


table.datasmall td{
padding:4px;
padding-top:6px;
background-image:url(/OEB/_images/OEB+System/table_td_bg_white.gif);
background-repeat:no-repeat;
background-position:bottom left;
background-color:#FFFFFF;
border:1px solid #E8E8E8;
}


/* ------------------EXPANDABLE CONTENT ------------------ */

h1.h1expand {
background-image:none;
padding-left:0;
margin:4px 0 0 0;
font-size:12px;
font-weight:normal;
}

a.dsphead, a.dsphead:visited {
  text-decoration:none;
   padding:2px 0 2px 4px;
   display:block;
   background-color:#0CF;
   color:#000;
   font-family:Verdana, Geneva, sans-serif;
background-image:none;
}
a.dsphead:hover{
   text-decoration:underline;
color:#000}

a.dsphead span.dspchar{
   /*font-family:monospace;
   font-weight:normal;*/}

.dspcont{
   display:none;
}


/* ------------------ TABLE SORT STYLES -------------- */

table.datasmallsort { 
  width:100%;
  border-collapse:collapse;
  font-size:.85em;
}

table.datasmallsort td {
  padding: 2px 0.5em;
  border:1px solid #333333;
}

table.datasmallsort th {
  padding: 2px 0.5em;
  border:1px solid #000000;
  background:#1D262B url(/OEB/_images/OEB+System/sorttable_th_bg.gif) repeat-x top left;
  color:#FFF;
  font-size:1.1em;

}

table.datasmallsort th p {
margin:1em 0 1em 0;
font-family:Verdana, Geneva, sans-serif;
}

table.datasmallsort td.numeric {
  text-align: right;
}

table.datasmallsort th a, table.datasmallsort th a:visited {
	color:#FFF;
	text-decoration:underline;
font-family:Verdana, Geneva, sans-serif;
}

table.datasmallsort th a:hover {
	text-decoration:none;
}

table.datasmallsort th.mainHeader {
  background-color: #808080;
  color: #ffffff;
  text-align: left;
}

table.datasmallsort tr.alternateRow {
  background-color: #EEEEEE;
}

table.datasmallsort td.sortedColumn {
  background-color: #f0f0f0;
}

table.datasmallsort th.sortedColumn {
  background:#354354 url(/OEB/_images/OEB+System/sorttable_th_bg_on.gif) repeat-x top left;
}

table.datasmallsort tr.alternateRow td.sortedColumn {
  background-color: #d0d0d0;
}




table.relatedinfotable{
border:1px solid #DDDDDD;
border-collapse:collapse;
}


table.relatedinfotable th{
background-color:#DDDDDD;
border-top:1px solid #CCCCCC;
font-size:.95em;
text-align:left;
padding:3px;
}


table.relatedinfotable td{
background-color:#E8E8E8;
padding:3px;
padding-top:5px;
padding-bottom:5px;
font-size:.95em;
background-image:url(/OEB/_images/OEB+System/table_td_bg.gif);
background-repeat:no-repeat;
background-position:bottom left;
}

#con-div {
background-image:url(/OEB/_images/OEB+System/consumers_div_bg.jpg);
background-repeat:no-repeat;
background-position:top left;
width:263px;
height:174px;
padding:10px;
float:left;
}

#con-div h4, #con-learn h4 {
margin-top:0;
padding-top:0;
}


#con-learn {
background-image:url(/OEB/_images/OEB+System/consumers_div_links.jpg);
background-repeat:no-repeat;
background-position:top left;
width:550px;
height:113px;
padding:10px;
}

#con-learn ul {
padding-top:0;
margin-top:0;
}


.hsmall {
font-size:.8em;
font-weight:normal;
color:#999999;
}

.searchheader {
	font-size:1.0em;
	letter-spacing:-1px;
}


.searchtable {
	border:2px solid #E8E8E8;
	border-collapse:collapse;
}

.searchtable td {
	padding:15px;
	border-bottom:1px solid #E8E8E8;
	background-image:url(/OEB/_images/OEB+System/search_table_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

.searchtable th {
	padding:15px;
	color:#2C4D63;
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
	padding-bottom:5px;
}


#defelectricity, #deflineloss, #defdrc, #defdelivery, #defregulatory {
	position:absolute;
	display:none;
	z-index:100;
	overflow:none;
	border:2px solid #2C4D63; 
	color:#000000; 
	padding:8px; 
	padding-top:4px;
	font-size:11px;
	background-color:#FFFFFF;
	background-image:url(/OEB/_images/OEB+System/def_header.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:300px;
}

.defheader {
color:#FFFFFF;
margin-left:20px;
font-weight:bold;
}


/* GREEN ENERGY INITIATIVES -------------------*/
h1.greenenergycdm {
background-image:url(/OEB/_images/Graphics/greenenergy_h1_cdm.gif);
background-repeat:no-repeat;
padding-left:70px;
padding-top:10px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
height:34px;
text-indent:0;
}

h1.greenenergyinfra {
background-image:url(/OEB/_images/Graphics/greenenergy_h1_infrastructure.gif);
background-repeat:no-repeat;
padding-left:70px;
padding-top:10px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
height:34px;
text-indent:0;
}

h1.greenenergysmartgrid {
background-image:url(/OEB/_images/Graphics/greenenergy_h1_smartgrid.gif);
background-repeat:no-repeat;
padding-left:70px;
padding-top:10px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
height:34px;
text-indent:0;
}

h1.greenenergyimplement {
background-image:url(/OEB/_images/Graphics/greenenergy_h1_implementation.gif);
background-repeat:no-repeat;
padding-left:70px;
padding-top:10px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
height:34px;
text-indent:0;
}



a.greenenergy {
color:#006633;
font-weight:bold;
text-decoration:underline;
}

a.greenenergy:hover {
color:#009933;
}

a.greenenergy:visited {
color:#006633;
}

a.greenenergysm {
color:#006633;
}

a.greenenergysm:hover {
color:#009933;
}

a.greenenergysm:visited {
color:#006633;
}

h3.greenenergy {
color:#009933;
font-size:1.2em;
}

/* PRINT NO-DISPLAY STYLES -------------------------------------------------------------*/
.printdisplay{
display:none;
border:1px solid #000000;
}

 
/*WCM Added Styles ----------------------------------------------------------------------*/
.globalspacer{
padding-left:10px;
padding-right:10px;
}


/* RESOURCEGUIDE 2009 STYLES ------------------------------------------------------*/
#resourceguideshade {
background-image:url(/OEB/_images/Common/resourceguideshade_bg.jpg);
background-repeat:no-repeat;
background-position:top;
color:#000000;
width:520px;
font-size:12px;
padding:25px;
margin-bottom:20px;
}

#resourceguideshade a, #resourceguideshade a:visited {
color:#FF6600;
text-decoration:none;
font-weight:bold;
}

#resourceguideshade a:hover {
color:#FF6600;
text-decoration:underline;
}

#resourceguideshade h3 {
font-size:18px;
font-weight:bold;
color:#000000;
}


/* TOP NAVIGATION
*******************************************************************************/
#cim_top-nav {
	clear: both;
	background-color: #999999;
	/*background-image: url(/lib/css/main/images/menu_top_bg.gif);*/
	background-repeat: repeat-x;
	background-position: 0 0;
	border-bottom : 1px solid #A8B6BE;
	font-family:Arial, Helvetica, sans-serif;
	font-size : 11px;
	position : relative;
                padding-left:4px;
	z-index : 10;
}
#cim_top-nav ul {
	padding : 0; 
	margin : 0; 
	list-style-type: none;
}
#cim_top-nav ul li {
	float : left;
	position : relative;
	padding : 0;
	margin : 0;
	z-index : 3;
}
#cim_top-nav li a,
#cim_top-nav li a:visited {
	display : block;
	margin : 0;
	/*background-image: url(/lib/css/main/images/menu_top_bg.gif);*/
	background-repeat: repeat-x;
	background-color: #A8B6BE;
	color: #FFFFFF;
	text-decoration : none;
	text-align: center;
}
#cim_top-nav li a:hover,
#cim_top-nav li a:focus {cursor: pointer;}

#cim_top-nav li a span {
	display: block;
	position: relative;
	overflow: hidden;
	/*background-image: url(/lib/css/main/images/white_1x1.gif);*/
	background-position: left bottom;
	background-repeat: no-repeat;
}
#cim_top-nav li a span span {
	background-position: right bottom;
	/*padding: 7px 2.5em 7px 2.5em;*/
	text-align: center;
	width: 12em;
	padding: 4px 0 4px 0;
	border-right: 1px solid #BEC7CC;
	white-space: nowrap;
}
* html #cim_top-nav li a span span {/*background-position: 99% bottom;*/}

/* --- start sectional colours --- */
#cim_top-nav li.menu-item-section a:hover,
#cim_top-nav li.menu-item-section a:focus,
#cim_top-nav li.menu-item-section a.highlight {
	background-color : #A8B6BE;
	background-image: url(/OEB/_images/OEB+System/bg_nav_on.gif);}
#cim_top-nav li.menu-item-section a.highlight {font-weight: bold;}
/* --- end sectional colours  --- */


#cim_top-nav ul ul {
	display : none;
	position : absolute;
	top : 2.1em;
	left : 0;
	overflow: hidden;
	width: 12em;
                font-size:11px;
	border: 1px solid #000; /* overides below */
}

#cim_top-nav ul li.menu-item-section ul {border-color: #BEC7CC;}


#cim_top-nav ul li li {
	/*width: 5em;*/
	border : none;
	font-size : 1em;
	display : block;
	float : none;
	border-bottom: 1px solid #000; /* overides below */
}

#cim_top-nav ul li.menu-item-section li {border-color: #BEC7CC;}


#cim_top-nav li li a,
#cim_top-nav li li a:visited {
	display : block;
	text-align: left;
	background: none;
	background-color: #000; /* overides below */
	/*padding : 6px 11px 6px 11px;*/
	padding : 6px 4px 6px 4px;
}
* html #cim_top-nav li li a, #cim_top-nav li li a:visited {height: 1%;	overflow: hidden;}
*:first-child+html #cim_top-nav li li a, #cim_top-nav li li a:visited {height: 1%;	overflow: hidden;}
	

#cim_top-nav ul li.menu-item-section li a,
#cim_top-nav ul li.menu-item-section li a:visited {color:#2C4D63;background-color: #E8E8E8;}


#cim_top-nav li li a:hover,
#cim_top-nav li li a:focus {
	color : white !important;
	font-weight : normal;
	background-image: none !important;
	background-color : #000 !important; /* overides below */
}

#cim_top-nav ul li.menu-item-section li a:hover,
#cim_top-nav ul li.menu-item-section li a:focus {background-color: #2C4D63 !important;}


/* top-nav variable width classes
over-rides set fixed width for drop-downs */
#cim_top-nav li li {
	/*width: 171px !important;*/
}
#cim_top-nav li li a,
#cim_top-nav li li a:visited {
	/*width : 160px !important;*/
}