/*-- Comporium Apr 2010 | Yperez --*/


/*-- Global Styles --*/
 
h1 { font-family:Tahoma;font-size:22px;font-weight:normal;color: #062a54; width: 100%; border-bottom: 3px solid #fbc739; padding-bottom:10px; margin: 20px 0 10px 0;}
h2 { font-family:Tahoma;font-size:16px;font-weight:normal;color: #000000; width: 100%; padding-bottom:10px;}
h3 { color: #d78400; font-weight: bold; font-size: 12px; line-height: normal;}
h4 { color: #d78400; font-weight: bold; font-size: 16px; line-height: normal;}
h5 { font-family:Tahoma;font-size:22px;font-weight:normal;color: #062a54; width: 100%; border-bottom: 3px solid #fbc739; padding-bottom:10px; margin: 20px 0 10px 0;}
 
a { color: #1692ff; text-decoration: none;}
a:hover { color: #e79214; text-decoration: underline;}
a.triangle { text-decoration: none; background: url('/images/bullet-arrow.gif') left no-repeat; padding-left: 10px; font-weight: normal;}
a.triangle:hover { text-decoration: underline;}

ul { list-style:none outside none; margin-bottom: 10px; clear: both; }
ul li { background-image:url("/images/bullet.gif"); background-position:0 5px; background-repeat:no-repeat; list-style-image:none; padding-left:9px;}
ul li ul { list-style:none outside none; margin-bottom: 5px; }
ul li ul li{ background-image:url("/images/bullet.gif"); background-position:0 5px; background-repeat:no-repeat; list-style-image:none; padding-left:9px;}
ol li { list-style: decimal; margin: 0 0 5px 20px; padding: 0;}

p { margin: 0; padding: 0 0 15px 0;}
p img {padding: 5px;}

label {color: #1991ff;}
label span {color: Red;}

.header { font-size: 20px; font-weight: bold; color:#062a54;}
.subheader { font-size: 16px; font-weight: normal; color:#ffaf2b;}
.hidden { display: none;}
.date { font-size: 11px; color: #9a9a9a;}
.yellow { color: #fcba0a; font-weight: bold;}
.darkblue{ color: #15304e; font-weight: bold;}

hr { height: 1px; border: 0; color: #ccc; background-color:#ccc;}

.success { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background: #d5ffce url('/images/structure/tick_circle.png'); border:1px solid #9adf8f !important; color: #556652; }
.error { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#ffe8e8 url('/images/structure/cross_circle.png') repeat scroll 0 0; border:1px solid #DF8F8F !important; color:#dd0000 !important; }
.notification { background-position:10px 11px !important; background-repeat:no-repeat !important; border:1px solid #DF8F8F; font-size:13px; margin:0 0 15px; padding:0; position:relative; width:99.8%; }
.notification.add { background-position:10px 11px !important; background-repeat:no-repeat !important; border:1px solid #DF8F8F; font-size:13px; margin:0 0 15px -10px !important; padding:0; position:relative; width: 250px;}
.notification .close { color:#990000; font-size:9px; position:absolute; right:5px; top:5px; }
.notification div { display:block; font-style:normal; line-height:1.5em; padding:10px 10px 10px 36px; }

.accountDelinquent { background-color:#ffe8e8; color:#dd0000; }

/* -- Main Navigation -- */
#mainNav { width: 570px; height: 38px; float: right; margin-top: 14px;}
#mainNav ul { margin-top: 0; padding: 0; list-style: none; display: inline; overflow: hidden; float:right;}
#mainNav ul li { margin:0; padding:0; list-style: none; display: inline;}
#mainNav a { float: left; padding: 38px 0 0 0; overflow: hidden; height: 0px; color: #ffffff; }
#mainNav a:hover { background-position: 0 -38px;}
#mainNav .selected{ background-position: 0 -38px;}

#myc a { width: 120px; background: url(/images/buttons/nav-my.png) top left no-repeat;}
#residential a { width: 112px; background: url(/images/buttons/nav-residential.png) top left no-repeat;}
#business a { width: 92px; background: url(/images/buttons/nav-business.png) top left no-repeat;}
#industry a { width: 87px; background: url(/images/buttons/nav-industry.png) top left no-repeat;}
#support a { width: 88px; background: url(/images/buttons/nav-support.png) top left no-repeat;}
#about a { width: 71px; background: url(/images/buttons/nav-about.png) top left no-repeat;}

/* -- Layout / Formatting -- */
body{ background: #010101; color: #000000; font-size: 14px; font-family: Arial, Helvetica, sans-serif; line-height: 18px;}

#hd, #content, #ft, #searchbar, #marketingpanel { float: left; width: 100%; clear: both; z-index: 25; }

.container{ width: 940px; margin: 0 auto;}

#hd { background: #000 url(/images/structure/pattern-hd.jpg) top left repeat-x; height: 90px; z-index: 100;}
#hd, #hd .container {z-index: 100;}
#hd .container p { float: left; width: 315px; height: 54px; background: url('/images/structure/main-logo.png') top left no-repeat; margin-top: 20px; border-bottom: none;}
#hd .container p a {width: 315px; height: 54px; display: block; text-indent: -9999em;}
#hd .container #topNav { float: right; width: 600px; text-align: right; color: #fff; font-size: 11px; margin: 20px 10px 0 0;}
#hd .container #topNav a{ color: #fff;}
#hd .container #topNav a:hover {color: #febe10;}

#searchbar{ height: 50px; background: url(/images/structure/pattern-bar.jpg) top left repeat-x; z-index: 100;}
#searchbar .container{z-index: 100;}
#searchbar .search{width: 445px; float: left;}
#searchbar .radiobuttons label {font-weight: normal; color: #fff; margin-right: 5px; font-size: 10px;}
/*#searchbar .search .espn3{margin: 0 0 -5px 15px;}*/
#searchbar .myaccount{width: 485px; float: left; background: url(/images/structure/pattern-account.jpg) top left repeat-x; height: 40px; padding: 10px 0 0 10px;}
#searchbar .myaccount .text{ width: 80px; float: left; margin-right: 8px;}
#searchbar .myaccount .logininfo{ width: 150px; float: left; margin-right: 10px; text-align: right;}
#searchbar .myaccount .loggedin{ width: 150px; float: left; margin-right: 10px; text-align: right;}
#searchbar .myaccount .logininfo .textfield{ width: 140px;}
#searchbar .myaccount .logininfo a{ color: #fff; font-size: 9px;}
#searchbar .myaccount .logininfo a:hover{ color: #fff;}
#searchbar .myaccount .login{ width: 67px; float: left;}

#searchbar .myaccount .loggedin-display { width: 390px; float: left; color: #fff; margin-top: 2px;}
#searchbar .myaccount .loggedin-display .text {width: 260px; float: left;}
#searchbar .myaccount .loggedin-display .text .lightblue {color: #5abcfb;}
#searchbar .myaccount .loggedin-display .logoutbutton {width: 120px; float: left;}

#searchbar .container #MasterBody_divOutsideLocation { width: 380px; float: left; background: url(/images/left-border.gif) top left repeat-y; color: #fff; margin-top: 2px; text-align: left; padding-left: 10px;}

#searchbar .container #MasterBody_divSetLocation { width: 380px; float: left; background: url(/images/left-border.gif) top left repeat-y; color: #fff; margin-top: 2px; text-align: left; padding-left: 10px;}
#searchbar .container #MasterBody_divSetLocation a { color: #febe10; text-decoration: none;}
#searchbar .container #MasterBody_divSetLocation a:hover { color: #9acfff; text-decoration: underline;}

#marketingpanel{ height: 228px; background: url(/images/structure/pattern-marketing.jpg) top left repeat-x;}
#marketingpanel .container{ position: relative;}
#marketingpanel .paneloverlay{width: 710px; height: 228px; display: block; position: absolute; left: 0; top: 0;}
#marketingpanel .paneloverlay .leftcorner{ width: 50px; height: 228px; display: block; background: url(/images/structure/panel-overlay-left.png) top left no-repeat; position: absolute; z-index: 100; left: 0; top: 0;}
#marketingpanel .paneloverlay .rightcorner{ width: 65px; height: 228px; display: block; background: url(/images/structure/panel-overlay-right.png) top left no-repeat; position: absolute; z-index: 100; right: 0; top: 0;}
/*#marketingpanel .panel{width: 715px; float: left; height:228px; overflow: hidden;} */
#marketingpanel .localsearch{ width: 210px; height: 220px; float: left; /*background: url(/images/structure/local-search-bg.jpg) top left no-repeat;*/ font-size: 12px; font-weight: bold; color: #fff; padding: 19px 0 0 8px; position: relative;}
#marketingpanel .localsearch .searchrow {width: 200px; margin-bottom: 5px;}
#marketingpanel .localsearch .searchrow .textfield{width: 185px;}
#marketingpanel .localsearch .social {float:left; position:relative; width:210px; height:80px; margin-top:15px; background:url(/images/structure/social.png) 0 0 no-repeat;}
#marketingpanel .localsearch .social a {float:right; width:32px; height:32px; margin:9px 11px 0 0; text-indent:-9999em;}
#marketingpanel .localsearch .social .fblike {position:absolute; bottom:10px; right:7px; width:121px; height:auto; z-index:100; overflow:hidden;}

#content{ padding-bottom: 10px; background: #fff url(/images/structure/pattern-container.jpg) top left repeat-x;}
#content .homecontainer{ width: 940px; margin: 0 auto; background: #fff url(/images/structure/pattern-content.jpg) top left repeat-x;}
#content .homecontainer .promorow{padding: 12px 0 0 10px; float: left; width: 930;}
#content .homecontainer .promorow .right{margin-right: 6px;}
#content .homecontainer #ctarow{margin: 30px 0; width: 940px; float: left; height: 121px; display: block;}
#content .homecontainer #ctarow ul{ float: left; display: inline; margin: 0; padding: 0; list-style: none; }
#content .homecontainer #ctarow ul li { float: left; display: inline; padding-left: 0; margin: 0; list-style: none; }
#content .homecontainer #ctarow ul li a { display: block; padding: 0; }

#ctarow ul li, #ctarow ul li h3, #ctarow ul li a { margin: 0; height: 121px; width: 313px;  text-indent: -9000em; }
#ctarow ul li#explore-residential, #ctarow ul li#explore-residential a { background: url(/uploads/homepage/sp_residential-services.gif) no-repeat 0 0; }
#ctarow ul li#explore-business, #ctarow ul li#explore-business a { background: url(/uploads/homepage/sp_business-services.gif) no-repeat 0 0; }
#ctarow ul li#explore-industry, #ctarow ul li#explore-industry a { background: url(/uploads/homepage/sp_industry-services.gif) no-repeat 0 0; }
#content .homecontainer #ctarow ul li a:hover { background-position: 0 -121px; }

#content .homecontainer .linksrow{width: 940px; float: left; margin-bottom: 30px;}
#content .homecontainer .linksrow .linkcolumn{width: 305px; float: left; margin-right: 10px; position: relative;}
#content .homecontainer .linksrow .linkcolumn.noright{ margin-right: 0;}
#content .homecontainer .linksrow .linkcolumn .header{ width: 260px; height: 26px; color: #3c3c3c; font-size: 18px; padding: 8px 0 0 45px;}
#content .homecontainer .linksrow .linkcolumn .header.blue{ background: url(/images/structure/blue-header.gif) top left no-repeat;}
#content .homecontainer .linksrow .linkcolumn .header.orange{ background: url(/images/structure/orange-header.gif) top left no-repeat;}
#content .homecontainer .linksrow .linkcolumn .header.purple{ background: url(/images/structure/purple-header.gif) top left no-repeat;}

#content .homecontainer .linksrow .linkcolumn .links{width: 260px; margin-left: 10px;}

.entry { width: 650px; float: left; border-bottom: #fbc739 2px solid; margin-bottom: 20px; padding-bottom: 5px;}
.entry .videothumb{ width: 120px; float: left;}
.entry .videothumb img{ border: #31a9e1 1px solid;}
.entry .videotitle{ width: 550px; float: left;}

/* -- Graphic Buttons -- */
a.livehelp{ width: 153px; height: 26px; overflow: hidden; background: url('/images/buttons/live-help.jpg') top left no-repeat; text-indent: -9999em; display: block; float: right; margin-right: 13px;}
a.livehelp:hover { background-position: 0 -26px;}
a.espn3 {float:left; margin:0; width:205px; height:34px;}
a.webmail{ float:left; margin-top:16px; width: 210px; height: 50px; overflow: hidden; background: url('/images/buttons/webmail.png') top left no-repeat; text-indent: -9999em; display: block;  }
a.webmail:hover { background-position: 0 -50px;}
a.expand{ width: 19px; height: 19px; overflow: hidden; background: url('/images/buttons/expand.gif') top left no-repeat; text-indent: -9999em; display: block; position: absolute; top: 0; right: 0; }
a.expand:hover { background-position: 0 -19px;}
a.expand.selected { background-position: 0 -19px;}
a.learnmore{ width: 100px; margin-bottom:5px; height: 23px; background: url('/images/buttons/learnmore.gif') top left no-repeat; text-indent: -9999em; display: block; margin-top: 5px; clear: both; }
a.learnmore:hover { background-position: 0 -23px;}
a.usplans{ width: 150px; float: left; height: 23px; overflow: hidden; background: url('/images/buttons/more-usplans.gif') top left no-repeat; text-indent: -9999em; display: block; margin-right: 20px;}
a.usplans:hover { background-position: 0 -23px;}
a.international{ width: 210px; float: left; height: 23px; overflow: hidden; background: url('/images/buttons/more-international.gif') top left no-repeat; text-indent: -9999em; display: block;}
a.international:hover { background-position: 0 -23px;}
a.morefeatures{ width: 150px; float: left; height: 23px; overflow: hidden; background: url('/images/buttons/more-features.gif') top left no-repeat; text-indent: -9999em; display: block; margin-right: 20px;}
a.morefeatures:hover { background-position: 0 -23px;}
a.moreplans{ width: 150px; float: left; height: 23px; overflow: hidden; background: url('/images/buttons/more-plans.gif') top left no-repeat; text-indent: -9999em; display: block;}
a.moreplans:hover { background-position: 0 -23px;}
a.morebundles{ width: 150px; float: left; height: 23px; overflow: hidden; background: url('/images/buttons/more-bundles.gif') top left no-repeat; text-indent: -9999em; display: block;}
a.morebundles:hover { background-position: 0 -23px;}
a.morephones{ width: 150px; float: left; height: 23px; overflow: hidden; background: url('/images/buttons/more-phones.gif') top left no-repeat; text-indent: -9999em; display: block;}
a.morephones:hover { background-position: 0 -23px;}

.backbutton{float: right; width: 70px;}

/* -- Layout / Form -- */
.form{ padding: 5px; width: 620px; float: left;}
.formRow{ width: 620px; margin-top: 10px; float: left; }

.formItem { width: 310px; float: left;}
.formItem .textfield{ width: 290px;}
.formItem .textfield-small{ width: 50px;}
.formItem .dropdown{ height: 23px;}

.formItemSmall{ width: 40px; float: left;}
.formItemSmall .textfield{ width: 30px;}

.formItemLong { width: 620px; float: left;}
.formItemLong .textfield{ width: 600px;}
.formItemLong .textarea { width: 450px;}
.formItemLong .dropdown{ height: 23px;}

.city{ width: 210px; float: left;}
.city .textfield{ width: 200px;}

.state{ width: 60px; float: left;}
.state .dropdown{ height: 23px;}

.zipcode{ width: 50px; float: left; margin-left:10px;}
.zipcode .textfield{ width: 50px;}

.phone{ width: 310px; float: left;}
.phone .textfield{ width: 30px;}
.phone .textfield2{ width: 35px;}
	
.more_info { float: right; width: 100px; clear: both;}
/*.more_info { position: absolute !important; bottom: 0; right: 0; }*/
/* 
 * Layout / Footer
 */

#ft{  background: #010101 url('/images/structure/pattern-ft.jpg') top left repeat-x; padding-left: 0; color: #ffffff; font-size: 11px; width: 100%; line-height: normal; min-height: 110px; }
#ft .container {padding-top: 40px;}
#ft .container ul li{ list-style-image: url('/images/footer-bullet.png'); margin-bottom: 15px; background-image: none;}
#ft .container a{ color: #ffffff; text-decoration:none; }
#ft .container a:hover{ color: #fdb913; text-decoration:none; }
#ft .container .column01{width: 130px; float: left; color: #7e8083;}
#ft .container .column01 a{color: #7e8083; text-decoration: none;}
#ft .container .column01 a:hover{color: #fdb913; text-decoration: none;}
#ft .container .column02{width: 130px; float: left;}
#ft .container .column03{width: 195px; float: left;}
#ft .container .column04{width: 170px; float: left;}
#ft .container .column05{width: 170px; float: left;}
#ft .container .column06{width: 135px; float: right; color: #febe10; font-size: 12px; text-align: right;}

/*
 * Tab Controls
 */
#tabs{margin: 10px 0 0 0; padding: 0; }
#tabs li{display: inline; margin-right: 10px; list-style:none;}


/*
 * Accordion Controls
 */
#accordion{margin: 0; padding: 0;}

div.overlay {
	background:url(/images/overlay/white.png) no-repeat;
	padding:40px;	
	width:576px;  
	display:none;
	z-index:10000;
}

div.overlay div.close {
	background:url(/images/close.png) no-repeat;
	position:absolute;
	top:2px;
	right:5px; 
	width:35px;
	height:35px;
	cursor:pointer;
}

/*
 * Ebpp Section
 */
 
 .whatthis{display: none;}
 
.loginbox { padding: 10px; font-size: 14px; color: #3077bf; font-weight: bold; background: url(/images/logo-logout.png) top center no-repeat; min-height: 177px;}
.loginbox span {font-weight: normal; color: #fff; font-size: 16px; }
.removebutton { background: url(/images/structure/cross_circle.png) bottom left no-repeat; padding-left: 20px; font-size: 12px;}
.editbutton { background: url(/images/structure/edit-icon.png) bottom left no-repeat; padding-left: 20px; font-size: 12px;}

#TelFeatures ul li { background-image: none; }

.accountusage { width:520px; height:300px; }

.accountinformation{ padding:10px; margin-bottom:10px; background-color:#eeeeee;}
.accountinformation h2{ color: #062A54; font-size: 18px; border-bottom: 1px solid #ccc; font-weight: normal; width: 100%; padding-bottom: 5px; margin-bottom: 5px;}

.accountlogin { width: 280px; height: 220px; padding: 80px 0 0 30px; background: url(/images/structure/account-login.gif) top left no-repeat; margin: 0 auto; color: #9b9b9b;}
.accountlogin.rename{ background: url(/images/structure/rename.gif) top left no-repeat; }
.accountlogin.remove{ background: url(/images/structure/remove.gif) top left no-repeat; }

.accountlogin .label {color: #9b9b9b; font-weight: normal;}
.accountlogin .textfield {width: 230px;}

.accountlogintitle {width: 280px; height: 38px; margin: 0 0 0 95px;}
.accountloginadd{  width: 280px; padding: 20px 0 20px 30px; background: url(/images/structure/body-login.gif) bottom left no-repeat; overflow: hidden; margin: 0 auto; color: #9b9b9b; }

.accountloginadd .label {color: #9b9b9b; font-weight: normal;}
.accountloginadd .textfield {width: 230px;}

.addaccount { width: 280px; height: 220px; padding: 80px 0 0 30px; background: url(/images/structure/add-account.gif) top left no-repeat; margin: 0 auto;}

.addaccount .label {color: #9b9b9b;}
.addaccount .textfield {width: 230px;}

.registeraccount { width: 280px; height: 220px; padding: 80px 0 0 30px; background: url(/images/structure/account-register.gif) top left no-repeat; margin: 0 auto; color: #9b9b9b;}
.registeraccount .label {color: #9b9b9b; font-weight: normal;}
.registeraccount .textfield {width: 230px;}

.blue {color: #1991FF; font-weight: bold;}

.checkminutes {background: url(/images/structure/icon-minutes.gif) top left no-repeat; padding-left: 20px; }
.managelist {background: url(/images/structure/icon-manage-a.gif) top left no-repeat; padding-left: 20px; }
.addfeature {background: url(/images/structure/icon-add.gif) top left no-repeat; padding-left: 20px; }

.backbutton {background: url(/images/structure/icon-back.gif) top left no-repeat; padding-left: 20px; }
.billstub {background: url(/images/structure/icon-stub.gif) top left no-repeat; padding-left: 20px; }
.question {background: url(/images/structure/icon-question.gif) top left no-repeat; padding-left: 15px; }
.paybill {background: url(/images/structure/icon-paybill.gif) top left no-repeat; padding-left: 15px; }

.ebpptabs #tab-summary { padding: 10px; background: url(/images/structure/bg-tabs.gif) top left repeat-x; }
.ebpptabs #tab-summary h2 { font-weight: normal; font-size: 18px; color: #2f9af8; padding-bottom: 10px; font-family: Arial; }
.ebpptabs .ui-tabs-panel { border: thin solid #d6d6d6;}

.ebpptabs #tab-charges { padding: 10px; background: url(/images/structure/bg-tabs.gif) top left repeat-x; }
.ebpptabs #tab-charges h2 { font-weight: normal; font-size: 18px; color: #2f9af8; padding-bottom: 10px; font-family: Arial;}

.ebpptabs #tab-calls { padding: 10px; background: url(/images/structure/bg-tabs.gif) top left repeat-x; }
.ebpptabs #tab-calls h2 {font-weight: normal; font-size: 18px; color: #2f9af8; padding-bottom: 10px; font-family: Arial;}

.bcol1 { float:left; width: 440px; background: #e5e5e5; padding: 5px; border-bottom: #fff 1px solid;}
.bcol2 { float:left; width: 80px; background: #eaf3fc; padding: 5px; text-align:right; border-bottom: #fff 1px solid; color: #758d99; font-weight: bold; }
.bcol3 { float:left; width: 60px; background: #c3d0dd; color: #758d99; height: 18px; padding: 5px;}
.bcol1 h2 { font-weight: normal; font-size: 18px; color: #2f9af8; padding-bottom: 0 !important; font-family: Arial; }

.submitquestion label{ font-weight: normal; color: #666; }
.submitquestion .textarea {width: 485px;}

.billblock{width: 675px; padding: 5px; border: #ccc 1px solid; margin-bottom: 10px; color: #758d99;}
.billblock span{ color: #667d95; font-weight: bold;}
.billblock h2 { font-weight: normal; font-size: 18px; color: #2f9af8; padding-bottom: 0 !important; font-family: Arial; }