/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,del,dfn,em,font,img,ins,kbd,q,s,samp,acronym,address,big,cite,code,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { font-size:100%; font-family:inherit; vertical-align:baseline; border:0; outline:0; font-weight:inherit; font-style:inherit; margin:0; padding:0; }
caption,th,td { text-align:left; font-weight:400; }
table { border-collapse:separate; border-spacing:0; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
* { margin:0; padding:0; }
/* END RESET */

/* CSS Document */
.skip { height:1px; left:-10000px; overflow:hidden; position:absolute; width:1px; }

html {margin:0; padding:0; height:100%;}

.bodyhome {margin:0; padding:0; height:100%; background-image:url(/images/wcg/bg.jpg); background-repeat:repeat-x; background-color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:1.5em;}

.bodysec {margin:0; padding:0; height:100%; background-image:url(/images/wcg/bg_secondary.jpg); background-repeat:repeat-x; background-color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:1.5em;}

div#container {position:relative; margin:0 auto; padding:0 5px; width:760px; height:auto; background-image:url(/images/wcg/bg_container.png);}

a:link {color:#0066CC;}

a:visited {color:#0066CC;}

a:hover {}

a:active {}



hr {margin:1em 0; padding:0; color:#c90; background-color:#c90; height:1px;}

div#headerhome {position:relative; margin:0 0px -3px 0; padding:10px 21px 0 0; width:736px; height:auto; text-align:right; background-image:url(/images/wcg/headerhome_bg.jpg); background-repeat:no-repeat;}

div#headerhome img {padding:0px; margin:0 1px 0 0; border-top:#0089d0 solid 5px;}

div#header {position:relative; margin:0 0 -3px 0; padding:0 21px 0 0; width:736px; height:auto; text-align:right;}

div#header img {padding:0px; margin:0 1px 0 0; border-top:#0089d0 solid 5px;}

div#logohome {margin:0; padding:0; position:absolute; left:5px; top:140px; width:228px; height:93px; z-index:10;}

div#logo {

	margin:0;

	padding:0;

	position:absolute;

	left:5px;

	top:30px;

	width:228px;

	height:93px;

	z-index:10;

}

div#bar {position:relative; margin:0; padding:0; width:760px; height:43px; background-image:url(/images/wcg/bg_bar.gif);}

div#contenthome {position:relative; margin:0; padding:0; width:760px; height:100%; background:url(/images/wcg/bg_content.gif) repeat-y;}

div#content {position:relative; margin:0; padding:0; width:760px; height:100%; background-color:#FFF;}

div#nav {position:relative; margin:0 0 0 52px; _margin:0 0 0 25px; padding:33px 0 0 0; float:left; width:150px; height:auto; z-index:5;}

div#subnav {position:relative; margin:0 0 0 227px; padding:0; width:auto; height:33px;}

div#subnav ul {margin:0; padding:0;}

div#subnav li {float:left; margin:0 3px 0 0; padding:0; list-style:none; text-indent:-9999px;}

div#subnav a {width:125px; height:33px; display:block;}

div#subnav a:hover, div#subnav a:active, div#subnav a:focus {background-position: left bottom;}

#sn1 {background-image:url(/images/wcg/nav_home.gif); background-repeat:no-repeat;}

#sn2 {background-image:url(/images/wcg/nav_selection.gif); background-repeat:no-repeat;}

#sn3 {background-image:url(/images/wcg/nav_media.gif); background-repeat:no-repeat;}

#sn4 {background-image:url(/images/wcg/nav_faqs.gif); background-repeat:no-repeat;}

div#contentmainhome {position:relative; margin:0 0 0 228px; padding:33px 0 0 0; width:362px; min-height:300px;}

div#contentmain {position:relative; margin:0 0 0 228px; padding:33px 0 0 0; width:507px; min-height:300px;}

div#contentmainhome h1{margin:0 0 0.75em 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1.35em; text-transform:uppercase; color:#036; border-bottom:dotted 1px #036; font-weight:bold}

div#contentmain h1{margin:0 0 0.15em 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1.35em; text-transform:uppercase; color:#036; border-bottom:dotted 1px #036; font-weight:bold}

div#contentmainhome h2{margin:0 0 0.75em 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1.15em; text-transform:uppercase; color:#960; font-weight:bold;}

div#contentmain h2{margin:0 0 0.75em 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1.15em; text-transform:uppercase; color:#960; font-weight:bold;}

div#contentmainhome h3{margin:1em 0 0 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:bold;}

div#contentmain h3{margin:1em 0 0 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:bold;}

div#contentmainhome p {padding-bottom:1.5em;}

div#contentmain p {padding-bottom:1.5em;}

div#contentmainhome ul {padding-left:30px;}

div#contentmain ul {padding-left:30px;}

div#contentmainhome strong {font-weight:bold}

div#contentmain strong {font-weight:bold}

div#sidebar {position:relative; margin:-10px 0 0 0; padding:45px 25px 0 25px; float:right; width:112px; height:100%; line-height:1.25em; background-image:url(/images/wcg/top_sidebar.gif); background-position: top right; background-repeat:no-repeat;}

div#sidebar h1 {margin:0; padding:0; text-transform:uppercase; color:#960; font-size:1em; font-weight:bold;}

.clear {clear:both;}

div#footer {position: relative; width:760px; height:90px; margin:0; padding:0; background-image:url(/images/wcg/bg_footer.gif); background-repeat:repeat-x;}

div#footer img {float:right;}

div#footer p {position:relative; margin:0; padding-left:228px; padding-top:60px; font-size: 0.85em;}

/* TABLES & RAD GRIDS */
.dataTable, #pageContent table.rgMasterTable { width: 100%; }
.dataTable tr, #pageContent table.rgMasterTable tr {  }
.dataTable th, #pageContent table.rgMasterTable th { border-bottom: solid 2px #bfbfbf; color:#02486d; font-weight:bold; font-size:1.2em; line-height:1.8em; text-transform:uppercase; white-space:nowrap; margin-bottom:1px; }
.dataTable td, #pageContent table.rgMasterTable td { padding: 5px 5px 5px 0; border-bottom: dotted 1px #bfbfbf;}

.RadGrid .rgAltRow td, #pageContent tab tr.alt td { background: #F2FAFE; }
tr.rgCommandRow td { border-top: none !important; text-align: right; }
tr.rgCommandRow table { width: auto !important; float: right !important; }
tr.rgCommandRow table { width: auto !important; }
tr.rgGroupHeader, tr.rgGroupHeader td, tr.rgGroupHeader p { font-weight: bold; color: #003D79; font-size: 1.05em; }
tr.rgGroupHeader td p { margin-bottom: 0 !important; }
tr.rgFilterRow input.search_input { color: #808080; border: solid 1px #dfdfdf; background-image: none !important; width: 100px; height: 18px; padding: 5px 5px 0 5px; font: normal 11px/13px Arial, Helvetica, sans-serif; }

/* Overrides for validator extender tables */
table.ajax__validatorcallout_callout_table td, td.ajax__validatorcallout_callout_cell { padding:8px 0px 0px 0px !important; }
table.ajax__validatorcallout_callout_table td, td.ajax__validatorcallout_error_message_cell { vertical-align:top !important; }
.ajax__validatorcallout_icon_cell { padding: 5px !important; }
/* End overrides */
/* END TABLES & RAD GRIDS */

/* modal pop-ups */
.overlay {
        position: fixed;
        z-index: 1000;
        top: 0px;
        left: 0px;
        background-color:Black;
        width: 100%;
        height: 100%;
        filter: Alpha(Opacity=60);
        opacity: 0.60;
        -moz-opacity: 0.60;
    }
    * html .overlay {
        position: absolute;
        height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
        width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
    }
    .loader {
        z-index: 1001;
        position: fixed;
        width: 15%;
		height: 51px;
        margin-left: -60px;
        top: 50%;
        left: 50%;
        background-color:#FFFFFF;
    }
    * html .loader {
        position: absolute;
        margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
    }

/* End modal pop-ups  */

.CSSForm { width: 520px; }
.CSSForm label { width: 250px; padding-top:2px; font-weight: bold; float: left; margin-right: 5px; }
.CSSForm input.text, .CSSForm textarea { width: 240px; margin-right: 5px; }
.CSSForm select { width: 250px; }
.CSSForm p { border-bottom: dotted 1px #bfbfbf; padding-bottom: 5px !important; margin-bottom: 5px; float: left; width: 100%; }
.CSSForm .btnGreen, .CSSForm .btnYellow, .CSSForm .btnRed, .CSSForm .button { margin-bottom: 1em; margin-top: 1em; }
.CSSForm div.info, .CSSForm div.warning, .CSSForm div.alert, .CSSForm div.success, .CSSForm div.notice { float: left; display: inline; width: 500px; }
.CSSForm .telerikContainer { border-bottom: solid 1px #dfdfdf; padding-bottom: 5px; margin-bottom: 5px; float: left; width: 100%; }
.CSSForm fieldset { float: left; }
.CSSForm fieldset .column span { width: 200px !important; }

/* These buttons are Blue, not Green on WCG site.  Using same class name for compatibility */
.btnGreen { border: none; font: normal 11px/13px Arial, Helvetica, sans-serif; color: #FFFFFF !important; text-decoration: none !important; padding: 4px 12px; background: #0089d0; text-transform: uppercase; }
.btnGreen:hover, .btnGreenHover { background: #74bee9; cursor: hand; }

div.info, p.infoBox { border:1px solid #E0E0E0; background:#f5f5f5; color:#1A1A1A; margin-bottom:10px; padding:10px 10px 10px 30px; background-image: url(/images/icons/16x16/icon_tools_safetytips16x16.gif); background-repeat: no-repeat; background-position: 10px 10px; }
div.info_more , p.info_moreBox{ border-top: solid 1px #e0e0e0; border-bottom: solid 1px #e0e0e0; }
div.warning, p.warningBox { border: solid 1px #CC4E1C; background: #faede8; padding: 10px; margin-bottom: 10px; }
div.alert, p.alertBox { border: solid 1px #FAAF40; background: #fef7ec; padding: 10px; margin-bottom: 10px; }
div.success, p.successBox { border: solid 1px #6CB33F; background: #f0f7eb; padding: 10px; margin-bottom: 10px; }
div.notice, p.noticeBox { border:1px solid #E0E0E0; background:#F2FAFE; color:#1A1A1A; margin-bottom:10px; padding:10px; }
div.warning strong, p.warningBox strong, div.alert strong, p.alertBox strong, div.success strong, p.successBox strong, div.notice strong, p.noticeBox strong { color: #003d79; }
div.warning a, p.warningBox a, div.alert a, p.alertBox a, div.success a, p.successBox a, div.notice a, p.noticeBox a { color:#0093D0; font-style:italic; }
div.warning p, p.warningBox p, div.alert p, p.alertBox p, div.success p, p.successBox p, div.notice p, p.noticeBox p { color:#0093D0; font-style:italic; }

p.warning, span.warning { color: #CC4E1C; font-style: italic; }
p.alert, span.alert { color: #f2a13a; font-style: italic; }
p.success, span.success { color: #6CB33F; font-style: italic; }

/* ICONS */
.icon, a.icon, p.icon, span.icon, div.icon { display:inline-block; min-height:16px; padding:0 0 0 24px !important; background-repeat: no-repeat; background-position: center left; }
.icon-32, a.icon-32, p.icon-32, span.icon-32, div.icon-32 { display: block !important; min-height:32px; padding:0 0 0 40px !important; background-repeat: no-repeat; background-position: center left; }
a.icon, a:visited.icon, a.icon-32, a:visited.icon-32 { color: #0093d0; }
.serviceoptions-16 { background-image: url(/images/icons/16x16/icon_tools_serviceoptions16x16.gif); }
.safetytips-16 { background-image: url(/images/icons/16x16/icon_tools_safetytips16x16.gif); }
.accountoptions-16 { background-image: url(/images/icons/16x16/icon_tools_accountoptions16x16.gif); }
.businesslinks-16 { background-image: url(/images/icons/16x16/icon_tools_businesslinks16x16.gif); }
.reportpayment-16 { background-image: url(/images/icons/16x16/icon_pay_reportpayment16x16.gif); }
.phone-16 { background-image: url(/images/icons/16x16/icon_pay_phone16x16.gif); }
.findstation-16 { background-image: url(/images/icons/16x16/icon_pay_findstation16x16.gif); }
.creditcard-16 { background-image: url(/images/icons/16x16/icon_pay_creditcard16x16.gif); }
.check-16 { background-image: url(/images/icons/16x16/icon_pay_check16x16.gif); }
.avgplan-16 { background-image: url(/images/icons/16x16/icon_pay_avgplan16x16.gif); }
.autodraft-16 { background-image: url(/images/icons/16x16/icon_pay_autodraft16x16.gif); }
.arrangements-16 { background-image: url(/images/icons/16x16/icon_pay_arrangements16x16.gif); }
.phone-16 { background-image: url(/images/icons/16x16/icon_custserv_phone_16x16.gif); }
.email-16 { background-image: url(/images/icons/16x16/icon_custserv_email_16x16.gif); }
.eightoneone-16 { background-image: url(/images/icons/16x16/icon_custserv_811_16x16.gif); }
.switchaccount-16 { background-image: url(/images/icons/16x16/icon_switchuser_16x16.gif); }
.gas-16 { background-image: url(/images/icons/16x16/icon_gas16x16.gif); }
.investors-16 { background-image: url(/images/icons/16x16/icon_investors16x16.gif); }
.financialnews-16 { background-image: url(/images/icons/16x16/icon_financialnews16x16.gif); }
.careers-16 { background-image: url(/images/icons/16x16/icon_careers16x16.gif); }
.account-help-16 { background-image: url(/images/icons/16x16/icon_account-help_16x16.gif ); }
.bill-history-16 { background-image: url(/images/icons/16x16/icon_bill-history_16x16.gif ); }
.bill-inserts-16 { background-image: url(/images/icons/16x16/icon_bill-inserts_16x16.gif ); }
.customer-service-16 { background-image: url(/images/icons/16x16/icon_customer-service_16x16.gif ); }
.financial-info-16 { background-image: url(/images/icons/16x16/icon_financial-info_16x16.gif ); }
.forward-looking-statement-16 { background-image: url(/images/icons/16x16/icon_forward-looking-statement_16x16.gif ); }
.industrial-services-16 { background-image: url(/images/icons/16x16/icon_industrial-services_16x16.gif ); }
.meter-reading-16 { background-image: url(/images/icons/16x16/icon_meter-reading_16x16.gif ); }
.moving-16 { background-image: url(/images/icons/16x16/icon_moving_16x16.gif ); }
.news-16 { background-image: url(/images/icons/16x16/icon_news_16x16.gif ); }
.newsletter-16 { background-image: url(/images/icons/16x16/icon_newsletter_16x16.gif ); }
.pay-history-16 { background-image: url(/images/icons/16x16/icon_pay-history_16x16.gif ); }
.pay-stations-16 { background-image: url(/images/icons/16x16/icon_pay-stations_16x16.gif ); }
.shareholder-services-16 { background-image: url(/images/icons/16x16/icon_shareholder-services_16x16.gif ); }
.statement-16 { background-image: url(/images/icons/16x16/icon_statement_16x16.gif ); }
.stock-info-16 { background-image: url(/images/icons/16x16/icon_stock-info_16x16.gif ); }
.your-bill-16 { background-image: url(/images/icons/16x16/icon_your-bill_16x16.gif ); }
.plus-16 { background-image: url(/images/icons/16x16/icon_plus16x16.gif ); }
.refresh-16 { background-image: url(/images/icons/16x16/icon_refresh_16x16.gif ); }
.arrow-16 { background-image: url(/images/icons/16x16/icon_arrow_16x16.gif ); }
.print-16 { background-image: url(/images/icons/16x16/icon_print_16.gif ); }
.audio-16 { background-image: url(/images/icons/16x16/icon_audio_16.gif ); }
.audio-16 { background-image: url(/images/icons/16x16/icon_audio_16.gif ); }
.doc-16 { background-image: url(/images/icons/16x16/icon_doc_16.gif ); }
.gendownload-16 { background-image: url(/images/icons/16x16/icon_gendownload_16.gif ); }
.html-16 { background-image: url(/images/icons/16x16/icon_html_16.gif ); }
.movie-16 { background-image: url(/images/icons/16x16/icon_movie_16.gif ); }
.pdf-16 { background-image: url(/images/icons/16x16/icon_pdf_16.gif ); }
.photo-16 { background-image: url(/images/icons/16x16/icon_photo_16.gif ); }
.ppt-16 { background-image: url(/images/icons/16x16/icon_ppt_16.gif ); }
.print-16 { background-image: url(/images/icons/16x16/icon_print_16.gif ); }
.xls-16 { background-image: url(/images/icons/16x16/icon_xls_16.gif ); }
.zip-16 { background-image: url(/images/icons/16x16/icon_zip_16.gif ); }

.serviceoptions-32 { background-image: url(/images/icons/32x32/icon_tools_serviceoptions32x32.gif); }
.safetytips-32 { background-image: url(/images/icons/32x32/icon_tools_safetytips32x32.gif); }
.accountoptions-32 { background-image: url(/images/icons/32x32/icon_tools_accountoptions32x32.gif); }
.businesslinks-32 { background-image: url(/images/icons/32x32/icon_tools_businesslinks32x32.gif); }
.reportpayment-32 { background-image: url(/images/icons/32x32/icon_pay_reportpayment32x32.gif); }
.phone-32 { background-image: url(/images/icons/32x32/icon_pay_phone32x32.gif); }
.findstation-32 { background-image: url(/images/icons/32x32/icon_pay_findstation32x32.gif); }
.creditcard-32 { background-image: url(/images/icons/32x32/icon_pay_creditcard32x32.gif); }
.check-32 { background-image: url(/images/icons/32x32/icon_pay_check32x32.gif); }
.avgplan-32 { background-image: url(/images/icons/32x32/icon_pay_avgplan32x32.gif); }
.autodraft-32 { background-image: url(/images/icons/32x32/icon_pay_autodraft32x32.gif); }
.arrangements-32 { background-image: url(/images/icons/32x32/icon_pay_arrangements32x32.gif); }
.phone-32 { background-image: url(/images/icons/32x32/icon_custserv_phone_32x32.gif); }
.email-32 { background-image: url(/images/icons/32x32/icon_custserv_email_32x32.gif); }
.eightoneone-32 { background-image: url(/images/icons/32x32/icon_custserv_811_32x32.gif); }
.gas-32 { background-image: url(/images/icons/32x32/icon_gas32x32.gif); }
.investors-32 { background-image: url(/images/icons/32x32/icon_investors32x32.gif); }
.financialnews-32 { background-image: url(/images/icons/32x32/icon_financialnews32x32.gif); }
.careers-32 { background-image: url(/images/icons/32x32/icon_careers32x32.gif); }
.account-help-32 { background-image: url(/images/icons/32x32/icon_account-help_32x32.gif ); }
.bill-history-32 { background-image: url(/images/icons/32x32/icon_bill-history_32x32.gif ); }
.bill-inserts-32 { background-image: url(/images/icons/32x32/icon_bill-inserts_32x32.gif ); }
.customer-service-32 { background-image: url(/images/icons/32x32/icon_customer-service_32x32.gif ); }
.financial-info-32 { background-image: url(/images/icons/32x32/icon_financial-info_32x32.gif ); }
.forward-looking-statement-32 { background-image: url(/images/icons/32x32/icon_forward-looking-statement_32x32.gif ); }
.industrial-services-32 { background-image: url(/images/icons/32x32/icon_industrial-services_32x32.gif ); }
.meter-reading-32 { background-image: url(/images/icons/32x32/icon_meter-reading_32x32.gif ); }
.moving-32 { background-image: url(/images/icons/32x32/icon_moving_32x32.gif ); }
.news-32 { background-image: url(/images/icons/32x32/icon_news_32x32.gif ); }
.newsletter-32 { background-image: url(/images/icons/32x32/icon_newsletter_32x32.gif ); }
.pay-history-32 { background-image: url(/images/icons/32x32/icon_pay-history_32x32.gif ); }
.pay-stations-32 { background-image: url(/images/icons/32x32/icon_pay-stations_32x32.gif ); }
.shareholder-services-32 { background-image: url(/images/icons/32x32/icon_shareholder-services_32x32.gif ); }
.statement-32 { background-image: url(/images/icons/32x32/icon_statement_32x32.gif ); }
.stock-info-32 { background-image: url(/images/icons/32x32/icon_stock-info_32x32.gif ); }
.your-bill-32 { background-image: url(/images/icons/32x32/icon_your-bill_32x32.gif ); }
.plus-32 { background-image: url(/images/icons/32x32/icon_plus32x32.gif ); }
.refresh-32 { background-image: url(/images/icons/32x32/icon_refresh_32x32.gif ); }
.arrow-32 { background-image: url(/images/icons/32x32/icon_arrow_32x32.gif ); }
.audio-32 { background-image: url(/images/icons/32x32/icon_audio_32.gif ); }
.audio-32 { background-image: url(/images/icons/32x32/icon_audio_32.gif ); }
.doc-32 { background-image: url(/images/icons/32x32/icon_doc_32.gif ); }
.gendownload-32 { background-image: url(/images/icons/32x32/icon_gendownload_32.gif ); }
.html-32 { background-image: url(/images/icons/32x32/icon_html_32.gif ); }
.movie-32 { background-image: url(/images/icons/32x32/icon_movie_32.gif ); }
.pdf-32 { background-image: url(/images/icons/32x32/icon_pdf_32.gif ); }
.photo-32 { background-image: url(/images/icons/32x32/icon_photo_32.gif ); }
.ppt-32 { background-image: url(/images/icons/32x32/icon_ppt_32.gif ); }
.print-32 { background-image: url(/images/icons/32x32/icon_print_32.gif ); }
.xls-32 { background-image: url(/images/icons/32x32/icon_xls_32.gif ); }
.zip-32 { background-image: url(/images/icons/32x32/icon_zip_32.gif ); }
/* END ICONS */

