/* #theLayer { display: none; } */
html, body{ margin:0 auto; padding:0; display:inline; font-size: 100%; } 

/* Global
----------------------------------------------- */
body { font: 11px Verdana, Helvetica, sans-serif; color:#4D4D4D; line-height:1.5em; margin: 0px auto; padding:0; display:inline;} 
p {font-size: 1em; }
ul p { font-size: 1.02em; }
p em { margin: 0; }
a { color:#4D4D4D; text-decoration:underline; }
a:hover { color:#B3B3B3; text-decoration:underline;}
ul {list-style: none;
}

/*Added as part of FAQ Update by TCS APR 2020-Start*/
#tblDesc li:before {
    content: '✔';
    margin-left: -1em;
    margin-right: .100em;
}

#tblDesc ol li:before {
    content: none !important;
}

#tblDesc ul {
    padding-left: 30px;
    text-indent: 2px;
    list-style: none;
    list-style-position: outside;
}

#tblDesc li {
    text-align: left !important;
}

#tblDesc ol {
    list-style-type: lower-alpha !important;
}
.headingStyle {
    font-size: 1.672em !important;
    font-family: "Open Sans Condensed", Arial, sans-serif !important;
}

/*Added as part of FAQ Update by TCS APR 2020-End*/ 
/* Lists
----------------------------------------------- */
ul.list li, ol.listroman li {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 1em;
    color: #4D4D4D;
}
ul.list{list-style-type: none;padding: 0;margin-left: 1em;}
.list li, .list ul li { background-image: url(images/bullet.gif);background-repeat: no-repeat;background-position: 0 .45em;padding-left: 1.5em;margin: 1em 0;}
ul.list li ul, ol.listroman li ol {margin:0; padding:0;}
ol.listroman li { list-style-type:upper-roman;}
ol.listroman ol li { list-style-type:lower-alpha; }
ol.listroman li ul.list li, ul.list li ul li, ul.list ul li {list-style-type: none; background-image: url(images/bulletdash.gif);background-repeat: no-repeat;background-position: 0 .45em;padding-left: 1.5em;margin: 1em 0;}



/* Tables
----------------------------------------------- */
table.data{border-collapse:collapse;}
table.data th{background-color:#E9EBEB;}
table.data tr.light{background-color:#F2F2F2;}
table.data tr.lite{background-color:#FFFFFF;}
table.data tr.dark{background-color:#E4EEF2;}
table.data th, table.data td {border:1px solid #007DC3;}
table.data th{border-bottom:2px solid #007DC3;}
table.data td{padding: 0px 5px 0px 5px; vertical-align:top;}
table.data .secondheader {background-color:#E9EBEB; color: #333333; font-weight:bold;}
table.data .colHead{color: #333333;}
table.data .blueHeader{color: #007DC3;}
table.data .plathdr{color: #999999;}
table.data .colHead, table.data .blueHeader, table.data .plathdr {text-align: center;font-family: Verdana;font-weight: bold;font-size: 0.909em; padding: 5px 5px 5px 5px;}

/* Headings
----------------------------------------------- */

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
H1, H1 a  { font-family: "Helvetica Condensed", Helvetica, Verdana, sans-serif; font-size: 1.272em;font-weight: bold;text-transform:uppercase;color: #007dc3;border-bottom: dashed 1px #bcbec0; text-decoration:none;}
H2, H3, H2 a, H3 a {font-family:Verdana, Helvetica, Arial, sans-serif ;color:#4d4d4d; text-decoration:none;}
#Content H1 {margin-bottom:15px;}
H2 { font-size: 1.09em;}
H3 { font-size: 1em; }
hr { margin: 10px; border: dashed 1px #bcbec0;}

/* Structure

------------------------------------------------------*/
.faqHeader{
    text-transform:none !important;
    }
.faqSecondHeading {
    text-transform: none !important;
    font-size: 1.572em !important;
}
#Page { width:100%; height:100%; text-align:center; background-color:#FFFFFF;}
#Container {background-image:url(images/container_bg.gif);background-repeat: repeat-y; width:980px;text-align:left; margin: 0 auto; height:inherit;}
#Header {width:980px; position:relative;}
	#top { background-color:#fff; position: relative; }
#Left {width: 230px; height: auto; clear: left; top: 229px; float: left; z-index: 100; }
	#SideNavigation {height:100%;}
#MainContainer { background-color:#fff;float:right;position:relative;}
#Menu, #Breadcrumbs {width:750px; float:left; position:relative;}
#Menu{z-index: 1000;background-image:url(images/menu.jpg);background-repeat: repeat-x; width: 750px; height: 38px; margin-left:0px; float: right;}
#Breadcrumbs{background-color:#f1f1f2;}
*html #Breadcrumbs {margin-top:38px;}
#Right { background-color: #ececed; width: 180px; height: auto; margin: 15px 10px 10px 0; float:right; padding:8px;}
#langBox {padding-left:5px; margin-left:5px; margin-bottom:5px;}
*html #Right {margin: 55px 10px 10px 0; }
#T2Right {width: 180px; height: auto; margin: 5px 10px 0 0; float:right;}
#BottomRight { word-wrap: break-word; } 
#Footer {background-color:#fff; width:980px; text-align:center; clear:both;} 
#Content, #T1Content {width: 500px; height: auto; margin:20px;}
#T1Content { float: left; padding-top: 3px; }
#Content {padding-top:50px; line-height:1.5em; }

*html #Content {padding-top:5px; }
*+html #Content {padding-top:0px;}
*html #T1Content { padding-left: 0px; margin-left: 10px; padding-top: 40px; }

.clear:after, #top:after, #Menu:after, #MainContainer:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear, #top,#Menu, #MainContainer{display: inline-block;}


/* Hides from IE-mac \*/

* html .clear,* html #top,* html #Menu,* html #MainContainer {height: 1%;}
.clear,#top,#Menu,#MainContainer {display: block;}
#top { margin: 0;padding: 0; }

/* Promo Boxes
---------------------------------------------- */
#PromoBoxes {width:730px; text-align:center; margin-left:20px; padding-bottom: 20px; vertical-align:baseline;}
#PromoBoxes .left, #PromoBoxes .middle, #PromoBoxes .right { width:232px; height:105px; border: solid 1px #f2f2f2; float:left; position:relative; margin: 3px;}
#PromoBoxes .middle {margin:3px 5px}

/* Top Tabs
----------------------------------------------- */

#top ul {margin: 0; padding: 0;	list-style-type: none;}
ul#section_nav li {	float: left; margin-right: 0;	}
ul#section_nav { bottom: -6px; left: 0px; text-indent: -9999px; width: 231px;	}
			ul#section_nav li a {display: block;float:right; position: relative;overflow: hidden;}
			.home, .home_selected, .home_es, .home_selected_es,ul#section_nav li#for_home,	ul#section_nav  a {width: 127px; height: 28px;}
				.home ul#section_nav a, .home ul#section_nav li#for_home a {background: url(Images/home_dark_gray.jpg) 0 100% no-repeat;}
				.home_selected ul#section_nav a, .home_selected ul#section_nav li#for_home a {background: url(Images/home.jpg) 0 100% no-repeat;}
			.business, .business_selected, .business_es, .business_selected_es, ul#section_nav li#for_business,	ul#section_nav  a {width: 104px; height: 28px;}
				.business ul#section_nav a, .business ul#section_nav li#for_business a {background: url(Images/business.jpg) 0 100% no-repeat;}
				.business_selected ul#section_nav a, .business_selected ul#section_nav li#for_business a {background: url(Images/business_light_gray.jpg) 0 100% no-repeat;}
.home{	background-color: #ffffff;background-image:url(Images/home_dark_gray.jpg);width: 127px;	height: 28px;}
.business{background-color: #ffffff;width: 104px;height: 28px;background-image:url(Images/business.jpg);}
.home_selected {background-image:url(Images/home.jpg);}
.business_selected{	background-image:url(Images/business_light_gray.jpg);}

.home_es { background-color: #ffffff;background-image:url(Images/home_unselected_spanish.jpg);width: 127px;	height: 28px;}
.business_es {background-color: #ffffff;width: 104px;height: 28px;background-image:url(Images/business_unselected_spanish.jpg);}
.home_selected_es {background-image:url(Images/home_selected_spanish.jpg);}
.business_selected_es {	background-image:url(Images/business_selected_spanish.jpg);}
.go_es { padding-top: 4px; }

/* Banner
----------------------------------------------- */
#Logo, .T1Logo, .T2Logo { background-repeat: no-repeat; background-color: #ececed; width: 230px; float: left;}
.T2Logo {background-image:url(Images/clpLogo.gif); height: 147px; }
.T1Logo {background-image:url(Images/T1clpLogo.gif); height: 187px;} 
#banner, .top_banner_home, .top_banner_business, .top_banner_home_es, .top_banner_business_es { width: 750px; position: relative; }
#Header1_banner { background-image:url(Images/top_banner_sub.jpg); height: 147px; }
.top_banner_home, .top_banner_business, .top_banner_unknown, top_banner_controls, .top_banner_home_short_es, .top_banner_home_es, .top_banner_business_short_es, .top_banner_business_es,
.top_banner_example, .top_banner_aboutclp, .top_banner_affiliates, .top_banner_community, .top_banner_customerservice, .top_banner_economicdevelopment, .top_banner_generatorinter,.top_banner_generatorinter, .top_banner_safety, .top_banner_saveenergy, .top_banner_stormcenter, .top_banner_outage, .top_banner_esuppliers, .top_banner_siteinfo, .top_banner_404, .top_banner_faq, .top_banner_forms, .top_banner_press, .top_banner_rates, .top_banner_billinsert, .top_banner_map, .top_banner_datafeed
, .top_banner_home_short, .top_banner_business_short, .top_banner_unknown_short { background-repeat: no-repeat; background-color: #ececed; width: 750px; float:right; background-image:url(Images/top_banner_sub.jpg); height: 147px; }
.top_banner_business_short { background-image:url(Images/top_banner_business_short.jpg);}
.top_banner_home { background-image:url(Images/top_banner_home.jpg); height: 187px; }
.top_banner_business{ background-image:url(Images/top_banner_business.jpg); height: 187px; }
.top_banner_home_short_es { background-image:url(Images/top_banner_home_short_es.jpg); }
.top_banner_home_es { background-image:url(Images/top_banner_home_Spanish.jpg); height: 187px; }
.top_banner_business_short_es { background-image:url(Images/top_banner_business_short_es.jpg); }
.top_banner_business_es { background-image:url(Images/top_banner_business_Spanish.jpg); height: 187px; }
#banner .content ul { list-style-type: none; margin: 0; }
#banner h1 {margin: 0; padding: 0;}
#banner .content {}
#banner .content a {position: absolute;	top: 0; left: 0;z-index: 1;	width: 980px;	}
.replace { margin: 0; padding: 0; line-height:1; text-indent: -9999px; width:220px; background-repeat: no-repeat; border:none;}
.replace a { display: block; overflow: hidden; border:none; position: absolute; top: 60px; left:5px; width: 220px; height: 95px;z-index: 2;}

 /* Breadcrumbs
----------------------------------------------- */
.Breadcrumb {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #007ec3; text-decoration: none; padding-left:13px; float:left;}
a.Breadcrumb, a:visited.Breadcrumb, #Breadcrumbs a  {color:#007dc3; text-decoration: none;}
a:hover.Breadcrumb, a:active.Breadcrumb, #Breadcrumbs a:hover, .Breadcrumb a:hover {text-decoration: underline;}
#Breadcrumbs .Root { text-transform:uppercase; color:#007dc3; text-decoration:none; }
.breadcrumbLogin{ text-align:right;  padding-right:10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; margin:0;}

/* Sidebar Navigation
----------------------------------------------- */

.fade{ background-image:  url(images/fade.jpg);	background-repeat: repeat-x;background-color: #007ec3; padding:5px 15px;}
.fade H1, .fade, .fade a { color:#fff; text-decoration:none;}
.fade #YourAccount { position: relative; }
.fade #YourAccount .register { vertical-align:middle;width:100%;text-align:left; padding-top:5px; font-size:9px;}
.fade #YourAccount .go { position: absolute; right: 0px; }
.fade #YourAccount .loginbox { font-size:9pt;}
.fade #ContactUs H1.ContactUs, .fade #YourAccount H1.YourAccount  { font-size: 14px; border-bottom: dashed 1px #bcbec0; line-height: 18px;}
.fade a:hover, .BottomLeftPane #ContactUs a:hover { text-decoration:none; color:#B3B3B3; }
.fade #ContactUs li.mail, .fade #ContactUs li.phone, .BottomLeftPane #ContactUs li.mail,.BottomLeftPane #ContactUs li.phone {list-style:none;background-repeat:no-repeat; background-position:left; white-space:nowrap; padding:5px 0 5px 25px; line-height: 16px;} 
.fade #ContactUs li.mail, .fade #ContactUs li.phone {font-size:9px;} 
.fade #ContactUs li.mail { background-image:url(images/mail_dark.gif);  }
.fade #ContactUs li.phone { background-image:url(images/phone_dark.gif); }

.LeftPane {	font-family: Verdana, Helvetica, sans-serif;color: #4D4D4D;	line-height: 16px;	margin-left: 18px;}
.BottomLeftPane {font-family: Verdana, Helvetica, sans-serif; background-color: #ffffff;line-height: 14px;margin:15px 7px; padding: 10px 0; border:solid 1px #bcbec0; }
H1.ContactUs, H1.YourAccount {border:none; margin:5px;}
.BottomLeftPane #ContactUs li.mail { background-image:url(images/mail_light.gif);}
.BottomLeftPane #ContactUs li.phone { background-image:url(images/phone_light.gif); padding-bottom:5px; }
.BottomLeftPane #ContactUs li.mail, .BottomLeftPane #ContactUs li.phone {margin-left:5px; font-size:9px; height:100%;}
.BottomLeftPane #ContactUs a { color:#4d4d4d; text-decoration:none;}

/*Hack for IE 6 */
*html .fade #ContactUs li.mail, *html .fade #ContactUs li.phone {padding:5px 0 5px 10px;}
*html .BottomLeftPane {margin:15px 7px; padding:0;}
*html .BottomLeftPane H1 {margin-left:5px;}
*html .BottomLeftPane #ContactUs li.mail, *html .BottomLeftPane #ContactUs li.phone {margin: 0 0 0 -10px; padding:5px 0 5px 25px;}
*html .BottomLeftPane #ContactUs li.mail { background:url(images/mail_light.gif) no-repeat left;}
*html .BottomLeftPane #ContactUs li.phone { background:url(images/phone_light.gif) no-repeat left;}

*html .fade #YourAccount a:hover { background-color: Transparent; background-image: none;}
*html .fade #YourAccount .register { width: 150px; }
*html .fade { padding-left: 15px; padding-right: 5px; margin-left: 0px; margin-right: 0px; }
*html .fade #YourAccount .go { right: 10px; }

/*Hack for IE 7 */
*+html .BottomLeftPane #ContactUs li.mail, *+html .BottomLeftPane #ContactUs li.phone {margin: 0 0 0 -10px; padding:5px 0 5px 25px;}
*+html .fade #ContactUs li.mail, *+html .fade #ContactUs li.phone {padding:5px 0 5px 10px;}
#YourAccount li { list-style:none; margin:0; padding:0 0 0 5px; }
*html .fade #YourAccount li, *+html .fade #YourAccount li { margin:0; padding:0;}
*+html .fade #YourAccount .register{width:150px;}
.userName { font-size: 1.09em; font-weight:bold; }

/* Footer
----------------------------------------------- */
#Footer {background-image:url(images/footerbg.jpg); background-repeat: no-repeat; width: 980px; height: 70px; padding-top: 15px; }
	#footer ul {padding-top:5px; font-size: 10px;}
	#footer ul li {padding-right: 6px; }
#Footer ul.content_list, #Footer ul.inline_nav {margin: 0; padding:0; list-style-type: none;}
#Footer ul.inline_nav {}
#Footer ul.inline_nav li, #Footer ul.inline_nav li {margin: 1px; padding-left: 6px; display: inline; background-color: transparent; border-left:solid 1px #007dc3;}
#Footer ul.inline_nav li.first, #Footer ul.inline_nav li.first{ border:0; } 
#Footer .BottomPane , #Footer .BottomPaneSm, #Footer a {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #007ec3; line-height: 12px; text-align:center; text-decoration:none;}
#Footer a:hover {text-decoration:underline;}
#Footer .BottomPane { font-weight: bold; }
#Footer .BottomPaneSm { margin-top:10px; }
 
 /* *** Float containers fix: */ 
.clearfix:after { content: ".";  display: block; height: 0;  clear: both;  visibility: hidden; } 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


/* Collapsable Item styles */
.Collapsable {cursor:pointer;}
.CollapsableText {font-weight: bold;color: #007ec3;}
div#CollapsablePanel { padding-bottom: 10px; }
div#CollapsablePanel .ItemTemplate { padding-left: 17px; }
.collapseHeader { text-align: left; vertical-align: middle; }

/* Site Tools box */
div#SiteTools { background-color: #ececed; padding:10px; margin-bottom:15px; font-size:11px; }
div#SiteTools ul { display:block; list-style:none; width: 160px;border-bottom: dashed 1px #bcbec0; padding:0; margin:0;}
div#SiteTools ul li.Header { font-family: "Helvetica Condensed", Helvetica, Verdana, sans-serif; font-size: 14px;font-weight: bold;text-transform:uppercase;color: #007dc3;border-bottom: dashed 1px #bcbec0; margin-bottom: 6px;}
div#SiteTools ul li { padding-top: 6px; line-height: 13px; }
div#SiteTools ul li.Rss{ display: none;} /* Rss not enabled on all pages */
div#SiteTools ul li.TextSize .ToolText { position: relative; top: -2px; }
div#SiteTools, div#SiteTools a {text-transform:uppercase; color:#007dc3; text-decoration:none; }
div#SiteTools a:hover {color:#B3B3B3; }
div#SiteTools .search {margin-top:5px; padding-top:5px;}
div#SiteTools ul li.Share { padding-bottom: 8px; vertical-align: middle; }
div#SiteTools div#ShareText { float: left; padding-top: 6px; padding-right: 2px; }
div#SiteTools div#Bookmarks { float: left; width: 115px; }
div#SiteTools img.bookmark { border: none; padding: 3px;}
div#toolfix { clear:both; #clear:none; }

/* FAQ Styles */
div#FAQ ul, div#FAQ ul li { display:block; list-style:none; padding:0; margin:0; }

/* News Styles */
div#NewsRelease H1 { margin-bottom:10px;}
div#NewsRelease img#RssIcon { border:none; float:right;}
div#NewsRelease { padding-bottom: 5px; }
div#NewsRelease ul, div#NewsRelease ul li { display:block; list-style:none; padding:0; margin:0; }
div#NewsRelease ul li a, div#NewsRelease #Readall a { text-decoration: none; }
div#NewsRelease ul li {line-height: 13px; padding-bottom: 6px;}
div#NewsRelease #Readall {float:right;}

/* Search Box Under News Feed */
#Right .search {border-top:dashed 1px #bcbec0; text-transform:uppercase; color:#007dc3; padding-top:5px; margin-top:15px;}

/* Twitter Link on Homepage */
.twitterImg {margin:1em ; border:0;}

/* Outage Map */
div#OutageMap { _overflow: hidden;_width: 511px; }
.OutageHeading {font-size: 1.09em; font-weight: bold; }
*html div#OutageMapLinks { margin-left: 15px; }
img#Outages { position: relative; left: -18px;border: none; }


/* Misc styles To DO */
.showhide {}
.filesize { font-size:9px;}
.watermark { color:#B3B3B3;}
.wmPassword {background-image:url('images/txtPassword.png');}
.wmUserName {background-image:url('images/txtUserName.png');}
.wmPassword, .wmUserName { background-repeat:no-repeat; background-position:left; color:#fff; }
.caption {font-size:9px;display:block;}
.video { padding-bottom: 10px; z-index: -1; }
div.blue{background-color:#E4EEF2;}

/* For Search */
#SearchContent {width: 100%; height: auto; margin:20px; padding: 0 10px;}
#SearchContent .search {font-family:Verdana, Helvetica, Arial, sans-serif; color:#4d4d4d;}
#SearchContent td {font-size:11px;}
#SearchContent .title, #SearchContent .score, #SearchContent .bar, #SearchContent .rightbar, #SearchContent .leftbar, #SearchContent .label {font-size:11px}
#SearchContent .description, #SearchContent .date {font-size:10px;}
#SearchContent .url, #SearchContent .size {font-size:9px;}
#SearchContent .collections { display:none;}
#SearchContent .highlight { background-color:Yellow; }
#SearchContent .subtopics {}
#SearchContent .related-topics {}
#SearchContent .navbar { background-color:#E9EBEB; }
#SearchContent .result-count, #SearchContent .search-options {}

/* Inline Images */
.imgright {float:right;margin:10px 10px 10px 10px;font-weight: bold;text-align : center;}
.imgleft {float:left;margin: 10px 10px 10px 10px;font-weight: bold;text-align : center;}
.wideimgleft {float:left;margin: 10px 0px 10px 0px;font-weight: bold;text-align : center;}

/* Data Calendar */
div#Calendar .title { color: #ffffff; background-color: #007dc6; }
div#Calendar .day, div#Calendar .today { font-weight: bold; height: 50px; text-align: left; vertical-align: top;}
div#Calendar .dayEvent { font-weight: bold; text-align: left; vertical-align: top; }
div#Calendar .dayHeader { color: #007dc6; background-color: #f7f3f7; font-weight: normal; }
div#Calendar .nextPrev a { font-weight: bold; color: #ffffff; text-decoration: none; }
div#Calendar .otherMonth { color: #cccccc; height: 50px; text-align: left; vertical-align: top; }
div#Calendar .today { }
div#Calendar .eventTitle {display: block; color: #007dc3; line-height: 12px; padding-bottom: 4px; font-weight: normal; }
div#Event h3 { padding-top: 10px; }

div#T2Right div#langBox { width: 170px; background-color: #ececed; padding: 0px 0px 10px 10px; margin: 0px 0px 15px 0px; position: relative; top: -15px; } 
div#langBox ul { list-style-image: url(images/bullet.gif); margin: 0px 0px 0px 0px; padding-left: 20px; }

.caps { text-transform: uppercase; }
.note { font-weight: bold; color: #ff0000; }

/*Styles for Popup Pages - START*/
.opcoMainContent {padding :10px;text-align:left;}
.opcoMainContent .validatorRow{margin-bottom:10px;}
/*Styles for Popup Pages - END*/