/* ~ minimal base styles 
----------------------------------------------- */
/* always force a scrollbar in non-IE */ 
html { overflow-y: scroll; background:#ddd url('../images/bgBodyGradient.jpg') center top repeat-y; display:block; width:100%; } 
body { height:100%; background:transparent url('../images/blueGlow.png') center top no-repeat; width:100%;}

body, select, input, textarea { 
	color: #444; /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
	font-weight: normal;
	font-size: 100%; /* 100% = 16px */
	line-height: 1.125em; /* 1.125em = 18px */
	font-family: 'Muli',sans-serif; 
	outline:none;
	}
#tabspecifier, #subtabspecifier
{
	display:none;
}	
input[type=text], input[type=password] 
{
	background: url("../images/leadGenInput.gif") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 27px;
    margin-bottom: 10px;
    padding: 0 8px;
    width: 217px;
}

input.send
{
    background: url("../images/btnLeadGenSubmit.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    color: #FFFFFF;
    float: left;
    font-family: 'Rokkitt',serif;
    font-size: 1em;
    height: 23px;
    width: 85px;
}
td.send a
{
	background: url("../images/btnLeadGenSubmit.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    color: #FFFFFF;
    float: left;
    font-family: 'Rokkitt',serif;
    font-size: 1em;
    height: 20px;
    width: 85px;
    padding-left:17px;
    padding-top:3px;
	text-decoration:none;
}

input.sendlarge
{
    background: url("../images/btnLeadGenSubmitLarge.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    color: #FFFFFF;
    float: left;
    font-family: 'Rokkitt',serif;
    font-size: 1em;
    height: 23px;
    width: 170px;
}

input[type=submit], input[type=submit]:hover, input[type=submit]:focus, a.btn_sm, a.btn_sm:hover, a.btn_sm:focus
{
	text-decoration: none;
	text-shadow: none;
	-webkit-transition: text-shadow 500ms;
	-moz-transition: text-shadow 500ms;
	-o-transition: text-shadow 500ms;
	transition: text-shadow 500ms;
	outline: 0 none;
}
input[type=submit]:hover, input[type=submit]:focus, a.btn_sm:hover, a.btn_sm:focus, td.send a:hover
{
	color: #fff;
	text-shadow: -1px 1px 8px #ffc, 1px -1px 8px #fff;
}

label
{
	margin-top: 10px;
    width: 100%;
    color: #879196;
    cursor: default;
    float: left;
    font-size: 14px;
    width: 80px;
}
.label
{
	color: #879196;
	font-size: 14px;
}

h1,h2,h3,h4,h5,h6	{ font-weight: normal; }
h1 { font-family: 'Rokkitt', serif; color:#0079c2; font-size:2.5em; line-height:1em; }
h2 { font-family: 'Rokkitt', serif; color:#0079c2; font-size:1.625em; line-height:1em; }
h3 { font-family: 'Rokkitt', serif; color:#888989; font-size:1.3125em; line-height:1em; }
h4 { font-family: 'Muli', sans-serif; color:#363737; font-size:0.9375em; line-height:1em; }
.ld_bundles h3 { font-size:1.25em; color:#444444; }


p {font-family: 'Muli', sans-serif; font-size:0.9375em; color:#656565; font-weight:400;}

a:link		{ text-decoration:none; font-family: 'Muli', sans-serif; outline:none;}
a:active	{}
a:visited	{}
a:hover 	{ text-decoration:underline; }

sup 	{ vertical-align: top; font-size: smaller; position: relative; top: -3px; }
.head_signUp sup {top:-1em;}
.box_rates sup {top: 1em;}
sup.tm { font-size: 15px; top: 0; vertical-align: super; }
sup.reg {font-size:8px; top:0; vertical-align:super;}
sup.add_rate { top: -1em; vertical-align: baseline; font-size: 17px; }

li a {font-family: 'Muli', sans-serif;color:#363737;font-size:0.875em;}
li a.ff_mac {font-size:13px;}
aside { padding:0;margin:0; }


/* ~ layout 
----------------------------------------------- */
/* header */
header { height:100px; background-color:#fff; }

a.logoff
{
	background: url("../images/btnMyAcct.gif") no-repeat scroll 0 0 transparent;
    clear: right;
    color: #737373;
    float: right;
    font-family: 'Rokkitt',serif;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    margin-right: 20px;
    text-decoration: none;
    width: 128px;
    margin-top:20px;
}
a.logoff:hover
{
	background-position: 0 -38px;
	color:#737373;
}

a.logoff span
{
    font-size: 20px;
    padding-left: 23px;
}

body.logon a.logoff
{
	display:none;
}

/* tabbed interface */
#tabbed, #content {clear:left;width:700px;position:relative;overflow:hidden;float:left;}
#product_tabs {margin:0 0 40px 0;}
#tabbed .txt_before_tabs { margin:20px 0; }
nav {display:block;overflow:hidden;}

/* legal tabs */

.tabNavigation ul { display:block; float:left;  margin:30px 0 0 0; background:transparent url('../images/tabLine.jpg') 0 28px no-repeat;width:100%; }
.tabNavigation ul li { display:block; float:left; background:transparent url('../images/tabLeftCorner.gif') 0 -31px no-repeat; padding:0 0 0 12px; } 
.tabNavigation ul li:hover { background-position:0 -31px; color:#363733; }

.tabNavigation ul li a { background:transparent url('../images/tabRightCorner.gif') 100% -31px no-repeat; display:block; padding-right:12px; margin-right:10px; line-height:30px; height:30px; color: #ff8800; text-decoration:none; }
.tabNavigation ul li:hover a { background-position:100% -31px; color:#363733; text-decoration:none;}

.tabNavigation ul li.tab_on { background: transparent url('../images/tabLeftCorner.gif') left top no-repeat; color:#363733; cursor:default; }
.tabNavigation ul li.tab_on a { background: transparent url('../images/tabRightCorner.gif') right top no-repeat; color:#363733; cursor:default; }

.tab {display:none; padding:20px 10px 0 0;}
.tab p { font-size:0.75em; margin:0 0 10px 0; overflow:hidden; }
.tab p a {color:#ff8800; text-decoration:none;}
.tab p a:hover { text-decoration:underline;}

.tab
{
	-moz-border-radius: 3px 3px 3px 3px;
    -moz-box-shadow: 0 4px 10px -1px rgba(200, 200, 200, 0.7);
    -webkit-border-radius: 3px 3px 3px 3px;
    -webkit-box-shadow: 0 4px 10px -1px rgba(200, 200, 200, 0.7);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 4px 10px -1px rgba(200, 200, 200, 0.7);
    border-right: 1px solid #E5E5E5;
    margin-right:15px;
    min-height:500px;
}

.terms p
{
	margin:0px;
}

/* regular lists */
.tab ul.plain_list, ul.plain_list {list-style:disc;}
.tab ul.plain_list li, ul.plain_list li { float:none; background:none; font-size:0.75em; color:#656565; font-weight:400; list-style:disc; margin-left:16px; padding-left:0; }
.tab ul.plain_list li li, ul.plain_list li li { font-size:1em; list-style:circle; }
.tab ul.list_spaced li, ul.list_spaced li {padding-bottom: 12px;}

.accordion {margin-left:5px;}
.accordion_on {background: url('../images/tabBackground.png') center top repeat-y; float:left; width:100%;}
.accordion h3 {font-size:1.25em; color:#0079c2; font-family:'Rokkitt',serif; cursor:pointer; background:transparent url('../images/btnOpenClose.png') 0 2px no-repeat; padding-left:27px; display:block; height:21px; width:660px; position:relative; overflow:hidden; margin:10px 0 7px 0;}
.accordion h3.close {background-position: 0 -17px;} 
.accordion p {font-size:0.75em;margin-left:28px;}
.accordion ul {list-style:disc inside none;margin-left:/*48*/27px;}
.accordion ul li {float:none;color:#656565;font-family: 'Muli', san-serif; font-size:0.75em; background:none;}
.accordion h3+div img {position:absolute;bottom:0;left:0;}
.accordion p a {font-family: 'Muli', san-serif;}
.divider {margin:0; float:left;}

#sidebar {float:left; overflow:hidden; width:210px; margin:60px 0 0 0;}
#sidebar h3 {margin:0 0 20px 0;}
#sidebar a.selected {font-weight:bold;}
#sidebar p { font-size:0.75em; position:relative;}
#sidebar p span { position:absolute; left:110px;}
#sidebar ul {border-top: solid 1px #CCC; margin:30px 0 0 0;}
#sidebar ul li {border-bottom: solid 1px #CCC; padding:5px 0 5px 0;}
#sidebar ul li a {color:#ff8800; text-decoration:none;}
#sidebar ul li a:hover {color:#363737; text-decoration:none;}

/* ~ buttons 
----------------------------------------------- */
a.btn_learn_more {background:transparent url('../images/learnMore.gif') 0 0 no-repeat;height:35px;width:150px;text-indent:-9999px;margin-right:21px;display:block;clear:left;}
a.btn_learn_more:hover {background-position:0 -35px;display:block;overflow:hidden;}

a.btn_view_plans {background:transparent url('../images/viewPlans.gif') 0 0 no-repeat;height:27px;width:109px;text-indent:-9999px;margin:10px 0 10px 20px;display:block;overflow:hidden;}
a.btn_view_plans:hover {background-position:0 -27px;}

a.btn_sign_up {background:transparent url('../images/btnSignUp.png') 0 0 no-repeat;height:27px;width:139px;text-indent:-9999px;margin:0 0 15px 0;display:block;}
a.btn_sign_up:hover {background-position:0 -27px;display:block;overflow:hidden;}

a.btn_findOutMore {clear:left;background:transparent url('../images/findOutMore.png') 0 0 no-repeat;height:25px;width:116px;text-indent:-9999px;display:block;}
a.btn_findOutMore:hover {background-position:0 -25px;display:block;overflow:hidden;}

a.btn_sidebarLearnMore {clear:left;background:transparent url('../images/btn_SidebarLearnMore.png') 0 0 no-repeat;height:25px;width:116px;text-indent:-9999px;display:block;}
a.btn_sidebarLearnMore:hover {background-position:0 -25px;display:block;overflow:hidden;}

/* sliding door */
a.btn_sm span { background:transparent url('../images/btnLeftSideSm.gif') 0 0 no-repeat; display:block; line-height:25px; color: #fff; clear:left; padding-left:20px; }
a.btn_sm { background:transparent url('../images/btnRightSideSm.gif') top right no-repeat; display:block; float:left; height:25px; padding-right:20px; font-family:'Rokkitt', serif; text-align:center; text-decoration:none; }
.pod_btn { margin:10px 0 10px 20px; }
.pod_btn_left { margin:10px 0 10px 10px; }
.select_btn { position:absolute; bottom:0; left:0; margin: 0 0 10px 10px; }
.banner_pod_btn { margin:10px 0 15px 0;} 
a.banner_pod_btn { padding-right:/*10px*/15px; margin-right: 5px;}
a.banner_pod_btn span {padding-left:/*10px*/15px;}
.box_btn { clear:left; }
a.btn_sm:hover span { background-position: 0 -25px; }
a.btn_sm:hover { background-position: right -25px; text-decoration:none; }
.second_btn {margin-left:10px;}
a.wide_btn {margin-right: 24px; padding-right: 20px;}
a.wide_btn span {padding: 0 12px 0 32px;}

/* ~ non-semantic helper classes 
----------------------------------------------- */
.inside { width:950px; margin:0 auto; position:relative; display:block; }
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.blue {color:#0079c2 !important;}

.width400 {width:400px;}

.alignleft {float:left;}
.alignright {float:right;}
.aligncenter {margin: 0 auto;}

.textleft {text-align:left;}
.textright {text-align:right;}
.textcenter {text-align:center;}

.clear {overflow:hidden;}

#errors
{
	color: red;
    font-size: 13px;
    padding-bottom: 10px;
    text-align: center;
}

/* ~ popups 
----------------------------------------------- */

.invalidfield
{
	background-color:#FFDDDD;
	background: url("../images/leadGenInputInvalid.gif") no-repeat scroll 0 0 transparent    !important;
}
#errorpopup
{
	display:none;
	position:absolute;
	top: 150px;
	left: 420px;
	width:300px;
	-moz-border-radius: 10px 10px 10px 10px;
	-moz-box-shadow: 0 4px 10px -1px rgba(200, 200, 200, 0.7);
	-webkit-border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 0 4px 10px -1px rgba(200, 200, 200, 0.7);
	border-radius: 10px 10px 10px 10px;
	box-shadow: 0 4px 10px -1px rgba(200, 200, 200, 0.7);
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #E5E5E5;
	padding:20px;
	padding-top:0px;
}
#errorpopup div.contents
{
	color:red;
	clear:both;
	font-family: Arial;
	font-size:12px;
}
#errorpopup div.contents li
{
	line-height: 22px;
	list-style-type: none;
}
#errorpopup img.close
{
	padding-top:10px;
	float:right;
	position:relative;
	right:0px;
	cursor:pointer;
}
.popup
{
	cursor:move;
	z-index:1;
}

/* ~ logon 
----------------------------------------------- */

body.logon #content
{
	width:950px;
}
#logonborder
{
	width:500px;
	margin-left:auto;
	margin-right:auto;
	height:170px;
	-moz-border-radius: 3px 3px 3px 3px;
    -moz-box-shadow: 0 4px 10px -1px rgba(200, 200, 200, 0.7);
    -webkit-border-radius: 3px 3px 3px 3px;
    -webkit-box-shadow: 0 4px 10px -1px rgba(200, 200, 200, 0.7);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 4px 10px -1px rgba(200, 200, 200, 0.7);
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E5E5E5;
    padding: 26px 24px 46px;
	position:relative;
}
.border
{
	-moz-border-radius: 3px 3px 3px 3px;
    -moz-box-shadow: 0 4px 10px -1px rgba(200, 200, 200, 0.7);
    -webkit-border-radius: 3px 3px 3px 3px;
    -webkit-box-shadow: 0 4px 10px -1px rgba(200, 200, 200, 0.7);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 4px 10px -1px rgba(200, 200, 200, 0.7);
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E5E5E5;
    padding:50px;
    padding-top:0px;
    width:550px;
}
.border h2
{
	padding-top:30px;
	padding-bottom:20px;
}

#logonborder div.fields
{
	width:220px;
}

#logonform label
{
	text-align:left;
	padding:0px;
}

#logoncont
{
	padding-top:100px;
}
#signinbutton
{
	position:relative;
	width:105px;
	left:61px;
}
div.submitbutton
{
	width: 105px;
	position:absolute;
	left:490px;
}
div.submitbuttonofficeupdate911, div.submitbuttonindividualupdate911
{
	width: 105px;
	float:right;
}
body.logon #errorpopup
{
	left: 303px;
	top: 38px;
}

form label
{
	text-align:right;
	padding-right:10px;
}

body.logon label
{
	text-align:left;
	padding-right:0px;
}

/* ~ 9-1-1 form
----------------------------------------------- */
body.hostedpbx #tab2
{
	/*min-height:650px;*/
	padding-bottom:30px;
}
#linenineoneoneborder
{
	padding-bottom:20px;
	margin-bottom:20px;
}
#linenineoneoneborder div.accordion
{
	float:none;
	background:transparent;
	padding-top:20px;
}
#nineoneoneformofficeupdate label, #nineoneoneformindividualupdate label
{
	width:115px;
}
#chngpasswordform label
{
	width:130px;
}
body.groupaccountprofile #errorpopup
{
	top: 171px;
	left: 438px;
}

table#indivnineoneone
{
	width:100%;
	margin-left:0px;	
}
table#indivnineoneone p
{
	color:inherit;
}
table#indivnineoneone tr:hover
{
	color:#FF56FF;
}
table#indivnineoneone td
{
	vertical-align: middle;
	height:30px;	
}
table#indivnineoneone td p
{
	margin-bottom:0px;
}
table#indivnineoneone input
{
	font-size:16px;
}

#nineoneoneformofficeupdate_applyChanges
{
	margin-left:126px;
	margin-top:20px;
}
#individualsameasbuilding
{
	margin-left:126px;
	margin-bottom:20px;
}

/* ~ contact us form
----------------------------------------------- */

.cs h4
{
    font-family: 'Rokkitt',serif;
    font-size: 1.25em;
}

/* ~ downloads
----------------------------------------------- */

.downloadtab
{
	min-height:700px;
}
.download table
{
	width:480px;
	margin-left:20px;
    border-collapse: collapse;
}
.phoneguide table
{
	width:535px;
}
.download table td
{
	vertical-align:middle;
	padding:5px;
}

span.col2
{
	left:190px;
	position:absolute;
}
div.infoblock p
{
	margin-bottom:0px;
	width:120px;
	text-align:right;
	font-size:13px;
}

/* ~ group account profile tab
----------------------------------------------- */

.groupaccountprofiletab .infoblock
{
	position:relative;
	left:10px;
}

.groupaccountprofiletab .infoblock p
{
	width: 150px;
	text-align:left;
	padding-bottom:5px;
}
.groupaccountprofiletab .infoblock p span.col2
{
	left:160px;
}

.hpbxprofiletab .infoblock
{
	position:relative;
	left:10px;
}

.hpbxprofiletab .infoblock p
{
	width: 150px;
	text-align:left;
	padding-bottom:5px;
}
.hpbxprofiletab .infoblock p span.col2
{
	left:160px;
}

#loginlogo
{
	position: absolute;
    left: 297px;
    top: 40px;
}