/*[fmt]1A00-0A0A-3*/
@import url(reset.css);
@import url(shift.css);
html {
height:100%;
}
body {
text-align:center;
background:url(../images/layout/bg_body.png);
margin:0px;
height:100%;
}
#header {
width:950px;
text-align:left;
margin:auto;
height:54px;
padding:0px;
}
#header ul {
border:0px solid #FFFF00;
height:47px;
padding-top:8px;
padding-left:108px;
}
#header li {
float:left;
display:block;
}
#header li a {
color:#FFFFFF;
font:18px verdana;
padding:11px 0px 14px 59px;
text-decoration:none;
display:block;
}
#home {
background:url(../images/icons/icon_home.png) no-repeat 23px 0px;
}
#home:hover {
background:url(../images/icons/icon_home.png) no-repeat 23px -48px;
}
#about {
background:url(../images/icons/icon_about.png) no-repeat 28px 0px;
}
#about:hover {
background:url(../images/icons/icon_about.png) no-repeat 28px -48px;
}
#carriersupport {
background:url(../images/icons/icon_carriersupport.png) no-repeat 28px 0px;
}
#carriersupport:hover {
background:url(../images/icons/icon_carriersupport.png) no-repeat 28px -48px;
}
#agentpartnerships {
background:url(../images/icons/icon_agentpartnerships.png) no-repeat 20px 0px;
}
#agentpartnerships:hover {
background:url(../images/icons/icon_agentpartnerships.png) no-repeat 20px -48px;
}
#contactus {
background:url(../images/icons/icon_contact.png) no-repeat 20px 0px;
}
#contactus:hover {
background:url(../images/icons/icon_contact.png) no-repeat 20px -48px;
}
#container {
width:950px;
text-align:left;
margin:auto;
min-height:100%;
position:relative;
}
#container a {
text-decoration:none;
}
.cpanel p a {
color:#73B6E8;
}
.cpanel p a:hover {
color:#175B84;
}
#row1 {
background:url(../images/logos/logo_aci.png) no-repeat 0px 3px;
height:410px;
position:relative;
}
#cpanel0 {
font:12px arial;
color:#464551;
float:left;
width:228px;
height:206px;
margin:184px 0px 0;
}
#cpanel0 p#carrierLogo a {
display:block;
height:0px;
padding-top:102px;
width:171px;
margin-top:6px;
font:18px arial;
color:#002C41;
/*[disabled]border:5px solid #B4DBF7;*/
}
a.nuvox {
background:url(../images/logos/logo_nuvox.png) no-repeat;
}
#cpanel0 h1 {
font:24px arial;
color:#B4DBF7;
}
.cpanel {
background:url(../images/layout/bg_panel.png) no-repeat 0px 0px;
width:228px;
height:287px;
float:left;
margin:107px 0 0px 12px;
}
.cpanel hr {
width:200px;
color:#53515E;
height:1px;
background:#53515E;
border:none;
}
.cpanel h2 {
font:bold 12px arial;
color:#53515E;
margin-left:16px;
margin-top:1px;
}
.cpanel p {
font:12px arial;
color:#464551;
padding:3px 18px;
}
.cpanel h1 {
font:18px arial;
color:#73B6E8;
padding:3px 12px 3px 14px;
}
a.btn {
background:url(../images/btn/btn_link.png) no-repeat;
font:bold 12px Arial;
margin-left:90px;
color:#53515E;
display:block;
width:106px;
height:17px;
padding:1px 0px 0px 18px;
letter-spacing:-0.3px;
border:1px solid #BEBEC0;
margin-top:5px;
}
#footer {
margin:auto;
background:url(../images/layout/bg_footer.png);
height:142px;
position:relative;
margin-top:10px;
}
#quoteBtn {
display:block;
width:241px;
height:78px;
position:absolute;
left:751px;
top:27px;
background:url(../images/btn/btn_quote.png) no-repeat;
font:12px arial;
padding:10px 11px;
color:#464551;
}
#quoteBtn span {
font:bold 17px verdana;
letter-spacing:-1px;
}
#aciLogo {
display:block;
width:247px;
padding:152px 0px 0px;
overflow:hidden;
height:0px;
position:absolute;
left:0px;
top:0px;
}
#row2 {
}
#row2 #nav_carriers {
float:left;
width:224px;
}
#nav_carriers li a:hover {
padding-left:24px;
font:bold 12px arial;
color:#FFFFFF;
display:block;
padding-top:3px;
padding-bottom:3px;
background:url(../images/bullets/blt_navcarriers.gif) no-repeat 9px -13px;
}
#nav_carriers li a {
padding-left:24px;
font:bold 12px arial;
color:#002236;
display:block;
padding-top:3px;
padding-bottom:3px;
background:url(../images/bullets/blt_navcarriers.gif) no-repeat 9px 5px;
}
#row2 h1 {
font:24px arial;
color:#B4DBF7;
background:url(../images/titles/bg_row2title.png);
width:226px;
padding-bottom:23px;
margin-bottom:22px;
padding-left:3px;
}
ul#carrierboxes {
height:300px;
padding:0px;
margin:0px 0px 90px -9px;
border:0px solid #FF0000 !important;
}
#carrierboxes li {
display:block;
height:101px;
width:181px;
float:left;
background:#B4DBF7;
padding:0px;
margin:0px 0px 29px 10px;
}
#carrierboxes li a {
display:block;
height:0px;
padding-top:91px;
overflow:hidden;
width:171px;
margin-top:5px;
margin-left:5px;
}
#carrierboxes li:hover {
background:#454551;
}
a.paetec {
background:#FFF url(../images/logos/logo_paetec.png) no-repeat;
}
a.deltacom {
background:url(../images/logos/logo_deltacom.png) no-repeat;
}
a.accesspoint {
background:url(../images/logos/logo_accesspoint.png) no-repeat;
}
a.timewarner {
background:url(../images/logos/logo_timewarner.png) no-repeat;
}
a.nuvio {
background:url(../images/logos/logo_nuvio.png) no-repeat;
}
a.charter {
background:url(../images/logos/logo_charter.png) no-repeat;
}
a.newedge {
background:url(../images/logos/logo_newedge.png) no-repeat;
}
a.consolidated {
background:url(../images/logos/logo_consolidated.png) no-repeat;
}
a.cavalier {
background:url(../images/logos/logo_cavalier.png) no-repeat;
}
a.btn {
letter-spacing:-1px;
}
#test {
}
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
a.btn {letter-spacing: -1px;}
}*/
#formbox {
height:404px;
width:712px;
margin-left:236px;
position:relative;
background:url(../images/layout/bg_form.png) no-repeat 0px 0px;
}
#formLeftColumn {
float:left;
height:404px;
width:250px;
}
#formLeftColumn p {
margin-top:21px;
padding:14px;
font:12px arial;
color:#7BBAE9;
}
#contactForm {
float:left;
margin-top:-7px;
}
/*forms*/
textarea {
width:410px;
background:#73B6E8;
height:129px;
}
fieldset {
margin-left:16px;
margin-top:5px;
width:350px;
padding:5px;
}
legend {
font:bold 14px verdana;
}
/**html legend*/
#INVALID-RULE {
margin-left:-9px;
}
input {
width:410px;
height:28px;
background:#73B6E8;
}
input.submit {
margin-top:10px;
cursor:hand;
cursor:pointer;
background:url(../images/btn/btn_SendNow.jpg) no-repeat;
width:72px;
height:0px;
padding:18px 0 0;
overflow:hidden;
display:block;
border:none;
}
input.submit:hover {
background:url(../images/btn/btn_SendNow.jpg) no-repeat 0px -18px;
}
/**html input.submit*/
#INVALID-RULE {
width:72px;
height:18px;
}
input, textarea {
font:20px verdana;
padding:0px;
border:1px solid #73B6E8;
}
label {
display:block;
margin-top:10px;
margin-bottom:5px;
font:14px arial;
color:#9BCEF5;
}
.messageBtn {
width:162px;
margin-top:12px;
margin-left:0px;
height:24px;
font:12px arial;
color:#7BBAE9;
background:url(../images/btn/btn_sendmessage.png) no-repeat;
border:0px solid #FF0000;
padding-left:26px;
padding-bottom:4px;
cursor:pointer;
}
/*
* SimpleModal Contact Form
* http://www.ericmmartin.com/projects/simplemodal/
* http://code.google.com/p/simplemodal/
*
* Copyright (c) 2008 Eric Martin - http://ericmmartin.com
*
* Licensed under the MIT license:
*   http://www.opensource.org/licenses/mit-license.php
*
* Revision: $Id: contact.css 132 2008-05-23 16:05:17Z emartin24 $
*

Overlay*/
#contact-overlay {
background-color:#000;
cursor:wait;
}
/*Container*/
option {
font-size:18px;
padding:2px;
width:350px;
background:#73B6E8;
}
select {
font-size:18px;
padding:2px 2px 2px 18px;
width:250px;
background:#73B6E8;
}
#contact-container {
width:600px;
left:45%;
top:10%;
margin-left:-228px;
font-family:"Trebuchet MS", Verdana, Arial;
font-size:16px;
text-align:left;
border:1px solid #000000;
}
#contact-container .contact-content {
background-color:#175B84;
color:#DDD;
height:40px;
}
#contact-container h1 {
color:#B4DBF7;
margin:0 0 18px;
padding:0 0 6px 12px;
font-size:1.2em;
text-align:left;
background:#002C41;
}
#contact-container .contact-loading {
position:absolute;
background:url(../images/layout/loading.gif) no-repeat;
z-index:8000;
height:55px;
width:54px;
margin:-14px 0 0 300px;
padding:0;
}
#contact-container .contact-message {
text-align:center;
}
#contact-container .contact-error {
width:92%;
font-size:0.8em;
background:#002C41;
border:2px solid #00C3FF;
font-size:0.8em;
font-weight:bold;
margin:0 auto;
padding:2px;
}
#selection {
font:16px verdana;
float:none;
padding:2px;
margin:2px;
background:#EEE;
width:354px;
border:0px solid #0000FF;
}
#contact-container br {
clear:both;
}
#contact-container form {
padding:0;
margin:0;
}
#contact-container label {
clear:left;
display:block;
width:172px;
float:left;
text-align:right;
padding-right:4px;
font-weight:bold;
}
#contact-container .contact-input {
font-family:Verdana;
float:left;
padding:2px;
margin:8px 2px;
background:#EEE;
width:353px;
background:#73B6E8;
}
#contact-container textarea {
height:117px;
}
#contact-container .contact-top {
height:13px;
background:url(../images/layout/form_top.gif) no-repeat;
padding:0;
margin:0;
}
#contact-container .contact-bottom {
height:13px;
background:url(../images/layout/form_bottom.gif) no-repeat;
font-size:0.7em;
text-align:center;
}
#contact-container .contact-bottom a, #contact-container .contact-bottom a:link, #contact-container .contact-bottom a:active, #contact-container .contact-bottom a:visited {
position:relative;
top:-4px;
text-decoration:none;
color:#666;
}
#contact-container .contact-bottom a:hover {
color:#888;
}
#contact-container .contact-button {
margin:4px 0 0 4px;
cursor:pointer;
height:24px;
border:0;
font-size:1em;
font-weight:bold;
color:#B4DBF7;
vertical-align:middle;
}
#contact-container .contact-send {
width:92px;
background:url(../images/layout/send.png) no-repeat;
padding:0px 0px 0px 19px;
}
#contact-container .contact-cancel {
width:92px;
background:url(../images/layout/cancel.png) no-repeat;
padding:0px 0px 0px 11px;
}
#contact-container a.modalCloseX, #contact-container a.modalCloseX:link, #contact-container a.modalCloseX:active, #contact-container a.modalCloseX:visited {
text-decoration:none;
font-weight:bold;
font-size:1.2em;
position:absolute;
top:4px;
left:576px;
color:#999;
display:block;
width:19px;
height:0px;
background:url(../images/layout/close.png) 0px 0px;
padding:19px 0 0;
overflow:hidden;
}
#contact-container a.modalCloseX:hover {
color:#9BB3B3;
background:url(../images/layout/close.png) 0px -19px;
}
#formLeftColumn h1 {
background:none;
height:9px;
margin-top:37px;
margin-left:9px;
margin-bottom:-22px;
}
