﻿.epcor-cssbase .epcor_sprite {padding: 5px 0 5px 45px;}

.epcor-cssbase a.epcor_sprite { display: block; min-height: 30px; color: #77777b; text-decoration:none; }
.epcor-cssbase a.epcor_sprite:hover { color: #77777b; text-decoration:none; }
.epcor-cssbase a.epcor_sprite:visited { color: #77777b; text-decoration:none; }


.epcor-cssbase .epcor_sprite.main_manage { background: url('/PublishingImages/main_manage.png') no-repeat 0 5px;}

.epcor-cssbase .epcor_sprite.autopay { background: url('/PublishingImages/autopay.png') no-repeat 0 0px;}
.epcor-cssbase .epcor_sprite.autopay:hover { background-position: 0 -70px;}

.epcor-cssbase .epcor_sprite.checkfree { background: url('/PublishingImages/checkfree.png') no-repeat 0 0px;}
.epcor-cssbase .epcor_sprite.checkfree:hover { background-position: 0 -70px;}

.epcor-cssbase .epcor_sprite.payment { background: url('/PublishingImages/payment.png') no-repeat 0 0px;}
.epcor-cssbase .epcor_sprite.payment:hover { background-position: 0 -70px;}

.epcor-cssbase .epcor_sprite.readbill { background: url('/PublishingImages/readbill.png') no-repeat 0 0px;}
.epcor-cssbase .epcor_sprite.readbill:hover { background-position: 0 -70px;}

.epcor-cssbase .epcor_sprite.startup { background: url('/PublishingImages/startup.png') no-repeat 0 0px;}
.epcor-cssbase .epcor_sprite.startup:hover { background-position: 0 -70px;}

.epcor-cssbase .epcor_sprite.viewbill { background: url('/PublishingImages/veiwbill.png') no-repeat 0 0px;}
.epcor-cssbase .epcor_sprite.viewbill:hover { background-position: 0 -70px;}

.epcor-cssbase .epcor_sprite.waterdrop { background: url('/PublishingImages/waterdrop.png') no-repeat 0 0px;}
.epcor-cssbase .epcor_sprite.waterdrop:hover { background-position: 0 -70px;}

.epcor-cssbase .epcor_sprite.signin { background: url('/PublishingImages/sign-in-button.png') no-repeat -2.5px 0px;}
.epcor-cssbase .epcor_sprite.signin:hover { background-position: -2.5px -76px;}

.epcor-cssbase .epcor_sprite.toilet { background: url('/PublishingImages/toilet.png') no-repeat 0 0px;}
.epcor-cssbase .epcor_sprite.toilet:hover { background-position: 0 -70px;}

.epcor-cssbase .epcor_sprite.webcam { background: url('/PublishingImages/web-cam.png') no-repeat 0 0px;}
.epcor-cssbase .epcor_sprite.webcam:hover { background-position: 0 -70px;}

.epcor-cssbase .epcor_sprite.signup { background: url('/PublishingImages/sign-up-button.png') no-repeat -2.5px 0px;}
.epcor-cssbase .epcor_sprite.signup:hover { background-position: -2.5px -76px;}

.epcor-cssbase .epcor_sprite.signin-wide { background: url('/PublishingImages/sign_in_sprite.png') no-repeat 0 0px;}
.epcor-cssbase .epcor_sprite.signin-wide:hover { background-position: 0 -70px;}

.epcor-cssbase .epcor_sprite.signup-wide { background: url('/PublishingImages/sign_up_sprite.png') no-repeat 0 0px;}
.epcor-cssbase .epcor_sprite.signup-wide:hover { background-position: 0 -70px;}

.epcor-cssbase .services-wrapper .service { overflow: hidden; }
.epcor-cssbase a.services-icon { padding: 10px 0 0 0; display: block; min-height: 35px; color: #77777b; text-decoration:none; }
.epcor-cssbase a.services-icon:hover { color: #77777b; text-decoration:none; }
.epcor-cssbase a.services-icon:visited { color: #77777b; text-decoration:none; }

.epcor-cssbase .services-icon.icon-water { background: url('/PublishingImages/services_water_cleardrop.png') no-repeat 0 0; background-position: 0 -22px; padding-left: 40px;}
.epcor-cssbase .services-icon.icon-water:hover { background-position: 0 -222px;}
.epcor-cssbase .services-icon.icon-billing { background: url('/PublishingImages/services_billing_green.png') no-repeat 0 0; background-position: 0 -15px; padding-left: 50px;}
.epcor-cssbase .services-icon.icon-billing:hover {  background-position: 0 -215px;}
.epcor-cssbase .services-icon.icon-plans { background: url('/PublishingImages/services_energy_encor.png') no-repeat 0 0; background-position: 0 -15px; padding-left: 40px;}
.epcor-cssbase .services-icon.icon-plans:hover {  background-position: 0 -215px;}
.epcor-cssbase .services-icon.icon-power { background: url('/PublishingImages/services_power.png') no-repeat 0 0; background-position: 0 -24px; padding-left: 40px;}
.epcor-cssbase .services-icon.icon-power:hover { background-position: 0 -224px;}
.epcor-cssbase .services-icon.icon-wastewater { background: url('/PublishingImages/services_wastewater_darkblue.png') no-repeat 0 0; background-position: 0 -22px; padding-left: 40px;}
.epcor-cssbase .services-icon.icon-wastewater:hover { background-position: 0 -222px;}



.epcor-outages .header h2 { font-family: Helvetica, Arial, sans-serif; font-size: 1.333em; line-height: 1; margin: 0 0 10px 10px; color: #ffffff; }
.epcor-outages .outage { margin: 0 0 0 0; padding: 0 5px 0 5px; display: inline-block; vertical-align: top; }
.epcor-outages div.power { min-height: 37px; width: 125px;}
.epcor-outages .outage a { text-indent: -9999px; min-height: 37px; width: 170px; display: block;}
.epcor-outages .outage.power a { background: url('/PublishingImages/outages_power_2015.png') no-repeat 0 0; background-position: 0 0; }
.epcor-outages .outage.power a:hover { background-position: 0 -70px; }
.epcor-outages .outage.water a { background: url('/PublishingImages/outages_water_2015.png') no-repeat 0 0; background-position: 0 0; }
.epcor-outages .outage.water a:hover { background-position: 0 -70px; }
.epcor-outages .outage.uswater a { background: url('/PublishingImages/outages_water_ewus.png') no-repeat 0 0; background-position: 0 0; }
.epcor-outages .outage.uswater a:hover { background-position: 0 -70px; }