/*@charset "UTF-8";*/
/* Diversenet */
/* Phoenix Contact */
/* Copyright (c) 2008 Stanza Systems */
/* Stylesheet by Kevin at Brough Communicaitons */
/* For Screen */

/************** Colors Used **************
Light Green: EFF2D3
Medium Green: CBD37E
Dark Green: B2BB1E
Dark Teal: 005367
Light Teal: 12798C
Gray: F777
*/
html { margin:0; padding:0; }
body { margin:0; padding:0; color:#777; background:#fff; 
    font:7.5pt Tahoma,Arial,Helvetica,sans-serif; }
#container { margin:40px 50px 0; padding:0; min-width:800px; max-width:1200px; }
* html .minwidth {
	border-left:800px solid #fff;
}
* html .display {
	margin-left:-800px; position:relative;
}
/*\*/
* html .minwidth, * html .display {
	height: 1px;
}
/**/


/************** Headings **************/
h1 { margin:0 0 0 25px; padding:0; float:left; font-size:175%; text-transform:uppercase; 
    letter-spacing:0.35em; }
h2 { margin: 0; padding:0; font-size:150%; color:#B2BB1E; }
p + h2 { margin-top:0px; }
h3 { margin:0; padding:0; font-size:150%; }
h4 { margin:0; padding:0; font-size:150%; }
h5 { margin:0; padding:5px; border-bottom:4px solid #fff; background:#EFF2D3; 
    font-size:110%; font-weight:bold; text-align:center; }
h6 { margin:0; padding:0; font-size:90%; text-transform:lowercase; }
#product h3 { margin:0; padding:3px; font-size:100%; text-align:center; font-weight:bold}
#product {margin-top:2px}
/************** Links **************/
a:link { color:#005367; }
a:visited { color:#005367; }
a:hover, a:focus { color:#f00; }
a:active {  }
a img { border:0 none; }

/************** Standard Elements **************/
code { font-size:110%; }
small { font-size:90%; }
sup, sub { font-size:90%; }
acronym { cursor:help; }
ol { margin:0; padding:5px 0 5px 20px; list-style:decimal; }
hr { margin:0; padding:0; clear:both; visibility:hidden; }

table { width: 100%; margin:0; padding:0; border-collapse:collapse; }
table td, table th { margin:0; padding:0; border:1px solid #BABAB7; }
table thead { color:#fff; background:#12798C; text-align:center; }
table tbody { background:#F6F7E3; }

table.empty { width: 95%; margin: 0 auto; }
table.empty td, table.empty th { border: 0; }
table.empty thead { color: #777; background: none; }
table.empty tbody { background: none; vertical-align: top; }

table.clear { width: auto; margin: 0 auto; }
table.clear TD, table.clear tbody { border: 0px; background-color: transparent; font-size: 9pt; }
.form-text { padding:1px 2px; border:1px solid #777; color: #333a; }
.form-button { padding:1px 5px; border:1px solid #777; border-width:1px 2px 2px 1px; color:#777; background:#fff; font-size:100%; font-weight:bold; }
.tinytext {font-size: 7pt; margin-left: 3%;}

/************** Page Layout **************/
#login { width:220px; margin:0; padding:0; float:right; }
#login .AspNet-Login { float: right; text-align: right }
#login h2 { display:none; }
#login div { float:left; padding:0; }
#login p { margin:0 0 5px 0; text-align:right; }
#login p.button { float:right; }
#login .form-text { width:8em; }
#login table {width: 100%; margin:0; padding:0; border-collapse:collapse; }
#login table td { margin:0; padding:0px; border:0px solid #BABAB7; }
#login table tbody { background: transparent; }

#utility { margin:2px 0 2px; padding:0; list-style:none; float:right; clear:right; text-align:center; 
    text-transform:lowercase; letter-spacing:0.05em; }
#utility li { display:inline; margin-right:5px; padding-left:10px; border-left:1px solid; }
#utility li.first { border-left:0 none; }
#utility a { color:#777; }

#nav { position:relative; width:75%; min-height:25px; margin:0; padding:0; border-bottom:4px solid #fff; 
    float:right; list-style:none; text-align:center; text-transform:lowercase; font-size:120%; 
    font-weight:bold; background:#C3C95A url("../img/decor/nav_bg.gif") 0 0 repeat-x; }
#nav li { display:inline; }
#nav a { display:block; padding:5px 15px 6px; border:1px solid #fff; border-width:0 1px; color:#fff; 
    float:left; text-decoration:none; }
#nav a:hover { color:#fff; background:#679FB0 url("../img/decor/nav_hover.gif") 0 0 repeat-x; }
#nav .end { position:absolute; display:block; top:0; right:0; width:6px; height:4px; 
    background:url("../img/decor/corner_top_right_green.gif") 100% 0 no-repeat; }
#nav-services a { width:59px; border-left:0; }
#nav-plans a { width:59px; }
#nav-coverage a { width:56px; }
#nav-support a { width:60px; }
#nav-about a { width:auto; border-right:0; }

#content { position:relative; width:74%; min-height:350px; margin:0 0 15px; padding:0 0 0 1%; float:right; 
    background:url("../img/decor/content_bg.gif") 0 100% repeat-x; overflow:hidden; }
#content p { margin:10px 0 0 20px; padding:0; line-height:1.5; font-size: 9pt; }
#content #primary-content, #content #secondary-content { width:48%; margin:0; 
    padding:10px 2% 10px 0; float:left; clear:right; }
#content #secondary-content table { width: 250px; }

#supplementary { position:relative; float:left; width:25%; margin:-30px 0 0 -4px; padding:30px 0 0; 
    border-right:4px solid #fff; background:#777 url("../img/decor/photos/sat_round.jpg") 0 0 no-repeat; vertical-align: top; }
#supplementary.account { background:#12798C; }
#supplementary ul { position:absolute; width:100%; bottom:0; margin:0; padding:0; list-style:none; vertical-align: top; }
#supplementary li { display:block; margin:0; padding:0; border-top:4px solid #fff; background:#CBD37E; }
#supplementary li a { display:block; padding:10px 25px 10px 5px; color:#777; font-weight:bold; 
    font-size:110%; text-decoration:none; }
#supplementary li a:hover { color:#005367; }
#supplementary li#activate a { background:url("../img/decor/icons/activate.gif") 98% 50% no-repeat; }
#supplementary li#activate a:hover { background-image:url("../img/decor/icons/activate_hover.gif"); }
#supplementary li#services a { background:url("../img/decor/icons/stanza.gif") 98% 50% no-repeat; }
#supplementary li#services a:hover { background-image:url("../img/decor/icons/stanza_hover.gif"); }
#supplementary li#products a { background:url("../img/decor/icons/modem.gif") 98% 50% no-repeat; }
#supplementary li#products a:hover { background-image:url("../img/decor/icons/modem_hover.gif"); }
#supplementary li.last { 
    background:#CBD37E url("../img/decor/corner_bottom_left_green.gif") 0 100% no-repeat; }

ul#subnav { top:0; padding:15px 0 0 0; 
    background:#12798C url("../img/decor/corner_top_left_teal.gif") 0 0 no-repeat; }
#subnav li { display:block; margin:7px 0; padding:0; border-top:0 none; background:transparent; }
#subnav li a { display:block; margin:0 10px; padding:5px 0px 5px 20px; color:#fff; 
    background:url("../img/decor/subnav_arrow.gif") 5px 50% no-repeat; font-weight:bold; font-size:120%; border: 1px solid #12798C; 
    text-decoration:none; text-transform:lowercase; }
/*#subnav li a:hover { color:#005367; background:#fff url("../img/decor/subnav_active.gif") 0 100% repeat-x; }*/
#subnav li a:hover { color:#fff; border: 1px solid #fff }

#footer { margin:15px 0; padding:0 0 30px 0; list-style:none; clear:both; text-align:center; 
    letter-spacing:0.20em; text-transform:lowercase; font-size: 8pt; 
    background:url("../img/decor/footer_logo.gif") 50% 100% no-repeat; }
#footer li { display:inline; margin-right:10px; padding-left:15px; border-left:1px solid; }
#footer li.first { border-left:0 none; }
#footer a { color:#777; }

/************** Home Page Adjustments **************/
.page-home #container { margin:40px auto 0; padding:0; width:930px; }
.page-home #nav { width:566px; }
#home-content { width:100%; padding:0; background:url("../img/decor/content_bg.jpg") 55% 20px no-repeat; 
    overflow:hidden; }
#home-content p { margin:10px 0 0 20px; padding:0; font-size:120%; line-height:1.6; }
#home-content #feature { margin:0; padding:0; float:left; vertical-align: top; }
#home-content #text { position:relative; width:273px; height:225px; margin:0; 
    padding:0 10px 15px; float:right; clear:right; 
    background:#fff url("../img/decor/content_bg.gif") 0 100% repeat-x; overflow:hidden; }
#home-content #text .more { position:absolute; right:0; bottom:0; left:0; padding:4px 10px; 
    background:#fff url("../img/decor/content_bg.gif") 0 100% repeat-x; }
#home-supplementary { margin:5px 0; clear:both; overflow:hidden; }

.page-home #activate { width:361px; }
.page-home #services { width:269px; }
.page-home #products { width:292px; }

.more { text-align:right; }
.more a:after { content:" \00BB"; }

.item { width:306px; border-right:4px solid #fff; float:left; background:#CBD37E; }
#home-supplementary .item.first { 
    background:#CBD37E url("../img/decor/corner_bottom_left_green.gif") 0 100% no-repeat; }
#home-supplementary .item.last { border-right:0 none; 
    background:#CBD37E url("../img/decor/corner_bottom_right_green.gif") 100% 100% no-repeat; }
.item p { margin:10px 10px 10px 110px; padding:0; }
.item p.float { width:90px; margin:15px 10px; float:left; text-align:center; }
.item p.link { margin:25px 0 0; text-align:center; }
.item p.link a { display:block; margin:10px; padding-bottom:60px; font-size:140%; font-weight:bold; 
    text-align:center; text-decoration:none; color:#777; 
    background:url("../img/decor/activate_lg.gif") 50% 100% no-repeat; }
.item p.link a:hover { color:#005367; background-image:url("../img/decor/activate_lg_hover.gif"); }

/************** Wizard Layout **************/
#account { width:75%; margin:0 0 15px 0; padding:0; float:right; }
#account h2 { margin:0; padding:2px 5px; color:#fff; 
    background:#12798C url("../img/decor/corner_top_right_teal.gif") 100% 0 no-repeat; 
    font-size:140%; text-align:center; }
#wizard p { margin:10px 0 0 20px; padding:0; }
#wizard #primary-content { width:74%; margin:0; padding:0 10px 0 1%; float:right; }
#wizard #secondary-content { position:relative; width:25%; min-height:320px; margin:0; padding:0; 
    color:#fff; background:#12798C url("../img/decor/photos/gprs.jpg") 0 0 no-repeat; }
#wizard #secondary-content .steps { position:absolute; left:0; right:0; bottom:0; padding:5px; 
    background:#12798C; }

div.wizard { width: 100%; background:#EFF2D3 url("../img/decor/corner_bottom_right_ltgreen.gif") 100% 100% no-repeat; 
    line-height:1.5; }
div.wizard .header h2 { margin:0; padding:2px 5px; color:#fff; 
    background:#12798C url("../img/decor/corner_top_right_teal.gif") 100% 0 no-repeat; 
    font-size:140%; text-align:center; font-weight: bold; }
div.wizard p { margin:10px 0 0 20px; padding:0; }
div.wizard .sidebar { position:relative; width:33%; min-height:320px; margin:0; padding:0;
    color:#fff; background:#12798C url("../img/decor/photos/gprs.jpg") 0 0 no-repeat; }
* html div.wizard .sidebar { height: 320px; width: 185px }
div.wizard .sidebar .sideSteps { position:absolute; left:0; right:0; bottom:0; padding:5px; background:#12798C; width:175px}   
div.wizard .sidebar a { margin: 4px; display:block; text-decoration: none; color: White; }
div.wizard .sidebar a.active { font-weight:bold; }
div.wizard .step {  width:60%; margin:0; padding: 0 10px 0 1%; float:right; }
div.wizard .navwiz { width: 50%; float: right; text-align:right; vertical-align:bottom;   }
div.wizard .navwiz input[type="submit"]{ padding:1px 5px; border:1px solid #777; border-width:1px 2px 2px 1px; color:#777; background:#fff; font-size:100%; font-weight:bold; }
.regWizard {width:550px; }
div.regWizard .wizard .step {width:500px; background: #EFF2D3; margin:10px; padding: 10px; border:solid 1px #aaa}


#ctl00_PrimaryContent_CreateUserWizard1 { width:auto; background:transparent; }
#ctl00_PrimaryContent_CreateUserWizard1 .step { width:auto; margin: none; padding:none; float:left; }
#ctl00_PrimaryContent_CreateUserWizard1 .step table tbody {background:transparent;}
#ctl00_PrimaryContent_CreateUserWizard1 .step table td {border:none;}
/******************* Data Styles *******************/
.AspNet-GridView TD { padding: 5px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.AspNet-GridView TH { padding: 5px; background: #888; color: White; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.AspNet-GridView TH A:link, .AspNet-GridView TH A:visited, .AspNet-GridView TH A:hover { color: White; display: block; }
.AspNet-GridView-Alternate { background: #fff; }
.AspNet-GridView Table { font-size: 8pt; border-top: 1px solid #ccc; border-left: 1px solid #ccc; width: 100%; }
.AspNet-GridView {  }

.AspNet-GridView-Pagination { width: 95%; margin: 0 auto; background: #888; color: #fff; padding: 3px 0}
.AspNet-GridView-Pagination span { padding: 3px; }
.AspNet-GridView-Pagination a:link, .AspNet-GridView-Pagination a:visited, .AspNet-GridView-Pagination a:hover { color: #fff; padding: 3px;}

.AspNet-GridView Table.big { width: 95%; margin: 15px auto 0 auto; }

/****************** Calendar Styles **********************/
.calendar .ajax__calendar_container { border:1px solid #646464; background:#fff}
div.calendar table td {padding: 1px;}
/******************  Account Styles ***********************/
.accountHolder { background:#EFF2D3 url("../img/decor/corner_bottom_right_ltgreen.gif") 100% 100% no-repeat; 
    line-height:1.5; padding-bottom: 15px;}
    
.accountTitle { width: 95%; margin: 0 auto; font: 9pt bold; color: #005367; font-family: Tahoma, Verdana, Arial; }
.accountTitle .left { width: 48%; float: left; text-align: right; display: inline; }
.accountTitle .center { width: 4%; float: left; text-align: center; display: inline; }
.accountTitle .right { width: 48%; float: left; display: inline; }

.accountTable { margin-left: 4px; border-collapse:collapse; border: 0; font-size: 8pt; color: #777; }
.accountTable td, table th { margin:0; padding:4px; border:0px solid #BABAB7; vertical-align: top; }
.accountTable thead { color:#fff; background:#12798C; text-align:center; }
.accountTable tbody { background:#F6F7E3; text-align: left; }
.accountTable td { padding: 4px 10px;}
.accountTable td.heading { font-weight: bold;  }
.accountTable a:link, .accountTable a:visited { color: #005367 }

.tableHeading { margin: 0 auto; }
    .tableHeading div {
        background: transparent url('../img/decor/tableHeading_right.gif') no-repeat scroll top right;
        color: #fff; font: bold 9pt arial, sans-serif; padding-right: 10px; text-decoration: none; text-align: center; display: block; }
    .tableHeading div span { background: transparent url('../img/decor/tableHeading_left.gif') no-repeat; 
        display: block; padding: 4px 0 4px 0; }
    
    .tableBody { margin: 0 auto; }
    .tableBody div.containLeft { background: transparent url('../img/decor/tableBody_right.gif') no-repeat scroll bottom right; 
        padding-right: 10px; display: block; }
    .tableBody div.containLeft span.containRight { background: transparent url('../img/decor/tableBody_left.gif') no-repeat scroll bottom left; 
        display: block; padding: 6px 0 15px 10px; }
	
Table.coolFixed td, Table.coolFixed th { padding: 4px; }
Table.coolFixed thead { border: 0; }
Table.coolFixed thead th.left { background: #fff url('../img/decor/tableHeading_left.gif') no-repeat; }
Table.coolFixed thead th.right { background: #fff url('../img/decor/tableHeading_right_big.gif') no-repeat scroll top right; }
Table coolFixed tbody td { border-bottom: 0px; border-top: 1px; }
Table.coolFixed tbody td.left { background: #fff url('../img/decor/tableBody_left.gif') no-repeat; border: 0; border-top: 1px;}
Table.coolFixed tbody td.botLeft { background: #fff url('../img/decor/tableBody_left.gif') no-repeat bottom left; border: 0;}
Table.coolFixed tbody td.right { background: #fff url('../img/decor/tableBody_right_big.gif') no-repeat scroll bottom right; border: 0; }

table.clearTable { width: 100%; margin:0; padding:0; border-collapse:collapse; border: none; font-size: 8pt; color: #777; background: transparent;}
table.clearTable td, table th { margin:0; border: none; }
table.clearTable thead { color:#fff; background: transparent; text-align:center; }
table.clearTable tbody { background: transparent; text-align: left; }
table.clearTable td.heading { font-weight: bold;  }

table.regTable { width: auto;  border-collapse:collapse; border: none; font-size: 8pt; color: #777; background: transparent;}
table.regTable td, table th {margin:0px; padding:3px;  border: none; }
table.regTable thead { color:#fff; background: transparent; text-align:center; }
table.regTable tbody { background: transparent; text-align: left; }
table.regTable td.heading { font-weight: bold;  }

table.supportTable { width: 100%; margin:0; padding:0; border-collapse:collapse; border: none; font-size: 8pt; color: #777; background: transparent;}
table.supportTable td, table th { margin:0; border: none; padding: 5px; }
table.supportTable thead { color:#fff; background: transparent; text-align:center; }
table.supportTable tbody { background: transparent; text-align: left; }

.activate { width: 250px; margin: 0 auto;}
.activate p.link a { border-top: 1px solid #777; border-bottom: 1px solid #777; display:block; margin:10px; 
	padding-bottom:30px; font-size:140%; font-weight:bold; 
    text-align:center; text-decoration:none; color:#777; 
    background:url("../img/decor/icons/activate.gif") 50% 25px no-repeat; }
.activate p.link a:hover { color:#005367; background-image:url("../img/decor/icons/activate_hover.gif"); }

.WizardButton {	padding: 3px 3px 2px 3px; background: url('../img/decor/btn_left.gif') repeat ;
	color: #fff; font: bold 9pt arial, sans-serif; border: none;}
.WizardButtonHover{	padding: 3px 3px 2px 3px; background-color: #2b9bb0; color: #fff; 
    font: bold 9pt arial, sans-serif; border: none;}

a.newbutton { background: transparent url('../img/decor/btn_right.gif') no-repeat scroll top right;
    color: #fff; display: block; float: right; font: bold 9pt arial, sans-serif; height: 23px;
    margin-right: 6px; padding-right: 8px; text-decoration: none;}
a.newbutton span { background: transparent url('../img/decor/btn_left.gif') no-repeat; display: block;
    line-height: 14px; padding: 5px 3px 4px 11px; color: #fff;}
a.newbutton:hover { background-position: right -23px; }
a.newbutton:hover span { background-position: left -23px; }

table.plans {width: 100%; margin:0; padding:0; border-collapse:collapse;}
table.plans td, table.plans th { padding:3px; border:1px solid #BABAB7;}
table.plans thead { color:#fff; background:#12798C; text-align:center; }
table.plans tbody {background:#F6F7E3;}

.billDetailDescCol {width: 150px; text-align: left}
.billDetailNotesCol {width: 200px}