/*********************** *** Global ***********************/ body {margin: 0; font: 12px/18px arial, helvetica, verdana, sans-serif; text-align: left;} a {color: #999; text-decoration: underline; font-weight: bold;} form {margin: 0; padding: 0;} p {margin: 8px 0;} hr {border: 0px; border-top: 1px solid #999; border-bottom: 1px solid #fff;} img {border: 0px;} #wrapper {width: 100%; margin: 8px 0 0 0; text-align: left; background: #fff;} .aL {text-align: left!important;} .aC {text-align: center!important;} .aR {text-align: right!important;} .fL {float: left!important;} .fR {float: right!important;} img.cl {clear: left; height: 1px; margin: 0 0 -1px;} img.cr {clear: right; height: 1px; margin: 0 0 -1px;} img.cb {clear: both; height: 1px; margin: 0 0 -1px;} .br0 {line-height: 0px; clear: both;} .noprint, .noPrint {display: none!important;} /*********************** *** /Global ***********************/ /*********************** *** Header ***********************/ #top {display: none;} /*********************** *** /Header ***********************/ /*********************** *** Body ***********************/ #body {margin: 9px 0 0; padding: 0 0 9px;} #body .menu {display: none;} #body .content {width: 100%; float: left; margin: 0} #body .content .fit {width: 100%; float: left;} #mySkylineUser {display: none;} p.header {color: #333; font: 26px/28px arial, helvetica, verdana, sans-serif; margin-top: 8px;} p.bold {margin: 0 0 -8px; font-weight: bold;} .dn {display: none!important;} fieldset {margin: 0; padding: 0;} fieldset legend {color: #333; font-size: 16px; line-height: 19px; font-weight: bold; margin: 0; padding: 0;} .dataBox {border: 1px #999 solid; padding: 3px 6px; margin: 0 0 8px 0;} .dataBox input.form, .dataBox textarea.form {border: 1px solid #666;} .dataBox .form.disabled {color: #666; background: #fff;} img.stdPage {float: right; margin: 0 0 0 10px;} img.stdPage.fL {margin: 0 10px 0 0;} blockquote {font: 16px/18px arial,helvetica,sans-serif; font-weight: bold; font-style: italic; color: #222; margin: 20px 0; text-align: center;} blockquote.stdPage {width: 50%; float: right; margin: 17px 0 20px 30px;} .columnContainer2 {width: 100%;} .columnContainer2 .column {width: 48%;} .form {border: 1px solid #ddd; font-size: 11px;} select.form {border: 1px solid #666; font-family: arial, verdana; font-size: 11px;} input.form.mark, select.mark {border: 1px solid #d00!important; margin: -1px!important;} .button {border: 1px solid #777; background: #ddd;} .buttonStd {border: 1px solid #777; background: #ddd; width: 30px; height: 17px; padding: 0 0 2px 2px; font: 11px verdana, arial, sans-serif; margin: 0; cursor: pointer; text-align: center;} .stdButtonTurquoise {background: #666; color: #fff;} .stdButtonTurquoise.fR {margin-left: 5px;} .stdButtonTurquoise a {background: #666; color: #fff; padding: 2px 6px 3px 8px; font-size: 15px!important; display: block;} .stdButtonTurquoise a:hover {background: #666; text-decoration: none;} .stdButtonTurquoise a img {display: none;} .stdButtonPurple {background: #777; color: #fff;} .stdButtonPurple.fR {margin-left: 5px;} .stdButtonPurple a {background: #777; color: #fff; padding: 2px 6px 3px 8px; font-size: 15px!important; display: block;} .stdButtonPurple a:hover {background: #777; text-decoration: none;} .stdButtonPurple a img {display: none;} .stdButtonTurquoise .aquo, .stdButtonPurple .aquo {font-size: 18px!important;} .rC5, .rC15 {position: relative; display: inline;} img.tL {position: absolute; top: 0; left: 0;} img.tR {position: absolute; top: 0; right: 0;} img.bL {position: absolute; bottom: 0; left: 0;} img.bR {position: absolute; bottom: 0; right: 0;} .purpleTxt {color: #777;} .liteTxt {color: #aaa;} .smallTxt {font-size: 11px; line-height: 15px;} #bodyFooter {display: none;} #globalMsg {margin: 0 10px 10px 0!important; padding: 3px 6px; border: 1px solid #555; display: none; background: #eee;} #globalMsg.ok {border-color: #999;} #globalMsg.warn {border-color: #d00;} #globalMsg.warn b.warn {font-weight: bold;} #noJavascript {color: #000; border: 1px #d00 solid; background: #eee; padding: 3px 6px; margin: 0 0 8px 0;} /*** Frontpage specific ***/ .frontpageMainOffer {width: 100%} .frontpageButton {margin: 0 1% 0 0; width: 15%; text-align: center; float: left;} .frontpageButton img {width: 100%;} .frontpageButton a {display: block; width: 100%; height: 78px;} .frontpageButtonType1 a {background-color: #eee;} .frontpageButtonType1 a:hover {background-color: #fff;} .frontpageButtonType2 a {background-color: #eee;} .frontpageButtonType2 a:hover {background-color: #eee;} .frontpageButtonType3 a {background-color: #777;} .frontpageButtonType3 a:hover {background-color: #999;} .frontpageDisclaimer {font-size: 12px; font-style: italic; margin: 5px 0 0; color: #999;} /*** Product specific ***/ .productBox {width: 26%; float: left; margin: 0 1%; padding: 0 2% 2%; border: 1px solid #ddd; background: #eee; overflow: display; font-size: 11px; line-height: 15px;} .productBox img.productSplash {width: 100%; margin: 0;} .productBox .order {float: right; font-size: 12px; line-height: 18px;} .productBox .order .aquo {font-size: 16px; line-height: 18px;} .productBox .order a {color: #000;} .pandaRecommendBox {width: 98%; margin: 0; border: 1px solid #555;} .pandaRecommendBox img {width: 100%;} /*** Registration specific ***/ #orderBasket {display: none!important;} .list, .info-list{ width: 100%; padding:0; overflow:hidden; margin:0; list-style:none; } .list li, .info-list li{ float:left; width:100%; padding:0 0 1%; margin: 0; } .list dl{ width: 100%; margin: 0; padding: 0; } .list dt, .info-list strong{ float:left; width:26%; padding:0 2%; font-weight: bold; margin: 0; } .list dd, .info-list .text{ float:right; width:70%; margin: 0; } .list p, .info-list p{ margin:0;} .info-list address{ font-style:normal;} .info-list p a{ color:#000;} .info-list p a:hover{ color:#000; text-decoration:underline; } #registrationStatusBar {width: 100%; margin: 0 0 2%; border-bottom: 1px solid #999;} #registrationStatusBar a {color: #999; font-weight: normal;} #registrationStatusBar .status {width: 19%; color: #999; padding: 0 0 2%; float: left; text-align: center; line-height: 15px;} #registrationStatusBar .status.activeTxt a {font-weight: bold; color: #000;} #registrationStatusBar .status.disabled {color: #ccc;} #registrationStatusBar .bar {display: none;} .registrationFrontpage.fR {width: 48%; padding: 0 2% 0 0;} .registrationFrontpage .order {font-size: 12px; line-height: 18px; margin: 4px 1px 4px;} .registrationFrontpage .order .aquo {font-size: 16px;} .registrationFrontpageMap {width: 48%;} .registrationFrontpageMap img {width: 100%;} .registrationFrontpageMap .stdButtonTurquoise {width: 100%; color: #000; margin: 2px auto 0; padding: 0 0 1px 0; font-size: 11px!important; font-weight: bold; display: block; text-align: center; cursor: default;} .registrationFrontpageMap .stdButtonTurquoise img {width: auto!important;} .registrationProductSplash6MonthsFreeCMP_2mb6mdr09, .registrationProductSplash6MonthsFreeCMP_kv6mdr09 {background: #eee; width: 160px; float: right; margin: 0 10px 0 20px;} #registrationDataBox {display: none;} .registrationProduct .speed {width: 46%; float: left; text-align: right; margin: 0 1% 0 0; height: 40px; overflow: hidden;} .registrationProduct .speed .data {padding: 0 1% 0 0; float: left;} .registrationProduct .speed select {font-family: arial, verdana; font-size: 11px;} .registrationProduct .speed input {margin: 0 2px 0 0;} .registrationProduct .fixedLine {width: 19%; float: left; height: 40px; overflow: hidden;} .registrationProduct .fixedLine input {margin: -2px 0 0;} .registrationProduct .period {width: 17%; float: left; height: 40px; overflow: hidden;} .registrationProduct .chkMark {width: 4%; float: left; margin: 0 1% 3px 0; text-align: center;} .registrationProduct .txt {width: 78%; float: left; margin: 0 2% 3px 0;} .registrationProduct .currency {width: 5%; float: left; margin: 0 0 3px 0;} .registrationProduct .amount {width: 10%; float: left; margin: 0 0 3px 0; text-align: right;} .registrationProduct .dataMoreLess {display: none; margin: 0; padding: 0 0 5px;} .registrationProduct a.showMoreLess {font-weight: normal;} .registrationProduct .dots {display: none;} .registrationInstallation .chkMark {width: 4%; float: left; margin: 0 1% 3px 0; text-align: center;} .registrationInstallation .txt {width: 78%; float: left; margin: 0 2% 3px 0;} .registrationInstallation .currency {width: 5%; float: left; margin: 0 0 3px 0;} .registrationInstallation .amount {width: 10%; float: left; margin: 0 0 3px 0; text-align: right;} .registrationInstallation .dataMoreLess {display: none; margin: 0; padding: 0 0 5px;} .registrationInstallation a.showMoreLess {font-weight: normal;} .registrationInstallation #technologyImg {margin: 3px 8px 3px 0; float: left; height: 64px; width: 43px; cursor: pointer; border: 1px solid #000;} .registrationInstallation .registrationTechnologyInstallationsGuide {width: 107px; height: 100px; border: 1px solid #000; float: right; margin: 0 0 0 5px;} .registrationInstallationMail {display: none;} .registrationInstallationMail.toggled {display: block;} .registrationInstallationMail .txt {width: 30%; float: left;} .registrationInstallationMail .input {width: 70%; float: left;} .registrationInstallationMail .input input.form {width: 150px;} .registrationTelephony .chkMark {width: 4%; float: left; margin: 0 1% 3px 0; text-align: center;} .registrationTelephony .txt {width: 78%; float: left; margin: 0 2% 3px 0;} .registrationTelephony .currency {width: 5%; float: left; margin: 0 0 3px 0;} .registrationTelephony .amount {width: 10%; float: left; margin: 0 0 3px 0; text-align: right;} .registrationTelephony .label {width: 30%; float: left; margin: 0 0 3px 0;} .registrationTelephony .data {width: 70%; float: left; margin: 0 0 3px 0;} .registrationTelephony .data select {font-family: arial, verdana; font-size: 11px;} .registrationTelephony .dataMoreLess {display: none; margin: 0; padding: 0 0 5px;} .registrationTelephony a.showMoreLess {font-weight: normal;} .registrationTelephony.tel, .registrationTelephony .tdc {display: none;} .registrationTelephony.tel.toggled, .registrationTelephony .tdc.toggled {display: block;} .registrationPersonalData .chkMark {width: 4%; float: left; margin: 0 1% 3px 0; text-align: center;} .registrationPersonalData .label {width: 22%; float: left; margin: 0 0 3px 0;} .registrationPersonalData .data {width: 78%; float: left; margin: 0 0 3px 0;} .registrationPersonalData .label.chk {width: 26%;} .registrationPersonalData #registrationAddOwnerStreetNumber, .registrationPersonalData #registrationAddOwnerPostalCode, .registrationPersonalData #registrationAddOwnerStreetFloor, .registrationPersonalData #registrationAddOwnerStreetDoor, .registrationPersonalData #registrationAddOwnerStreetLetter, .registrationPersonalData #registrationAddBillingStreetNumber, .registrationPersonalData #registrationAddBillingPostalCode, .registrationPersonalData #registrationAddBillingStreetFloor, .registrationPersonalData #registrationAddBillingStreetDoor, .registrationPersonalData #registrationAddBillingStreetLetter, .registrationPersonalData #registrationAddDeliveryStreetNumber, .registrationPersonalData #registrationAddDeliveryPostalCode, .registrationPersonalData #registrationAddDeliveryStreetFloor, .registrationPersonalData #registrationAddDeliveryStreetDoor, .registrationPersonalData #registrationAddDeliveryStreetLetter {width: 40px;} .registrationPersonalData #ownerAddBox {display: none;} .registrationPersonalData #billingAddBox, .registrationPersonalData #deliveryAddBox {display: none;} .registrationPersonalData #billingAddBox.toggled, .registrationPersonalData #deliveryAddBox.toggled {display: block;} .registrationPersonalData select.form {margin: 0 0 0 3px!important;} .registrationPersonalData input {color: #fff!important;} .registrationPersonalData input.dataFilled {color: #000;} .registrationPersonalData .cpr1 {width: 15%;} .registrationPersonalData .cpr2 {width: 10%;} #registrationCheckCprStatus {color: #888; width: 50%; float: right; display: block;} #registrationCheckCprStatus.fault, #registrationAddOwnerAddressWarn, #registrationAddBillingAddressWarn, #registrationAddDeliveryAddressWarn, #registrationAddOwnerFixedLineWarn, #registrationAddOwnerCellPhoneWarn, #registrationAddOwnerEmailWarn, #getOwnerAddBoxData, #getBillingAddBoxData, #getDeliveryAddBoxData, #registrationAddBillingFirstnameWarn, #registrationAddBillingLastnameWarn, #registrationAddDeliveryFirstnameWarn, #registrationAddDeliveryLastnameWarn, #registrationAddBillingSearchWarn, #registrationAddDeliverySearchWarn, #registrationTermsOfAgreementWarn, #registrationReceiptEmailWarn, #registrationMarketingHeardOfWarn, #registrationMarketingHeardOfAkodeWarn {color: #d00!important;} #registrationCheckCprStatus.correct {color: #0b0!important;} #registrationCprCheckButton {margin: 0 0 0 5px!important; width: 98px; padding: 0; height: 17px; font-size: 11px; color: #000!important; border: 1px solid #666!important;} .registrationInstallationMail #emailWarn, .registrationTelephony #newTelephoneNumberWarn, .registrationTelephony #portTelephoneNumberWarn, .registrationTelephony #telecompanyWarn {color: #d00;} .registrationConfirmation #technologyImg {margin: 2px 5px 0 0; float: left; height: 55px; width: 37px; cursor: pointer; border: 1px solid #000;} .registrationConfirmation .box3 {width: 32%; padding: 0 1% 0 0; float: left;} .registrationConfirmation .txt {width: 83%; float: left; margin: 0 2% 3px 0;} .registrationConfirmation .currency {width: 5%; float: left; margin: 0 0 3px 0;} .registrationConfirmation .amount {width: 10%; float: left; margin: 0 0 3px 0; text-align: right;} .registrationConfirmation .chkMark {width: 4%; float: left; margin: 0 1% 3px 0; text-align: center;} .registrationConfirmation .data {width: 75%; float: left; margin: 0 0 3px 0;} fieldset.dataBox .label, .registrationConfirmation .label {width: 30%; float: left; margin: 0 0 3px 0;} fieldset.dataBox .labelData, .registrationConfirmation .labelData {width: 70%; float: left; margin: 0 0 3px 0;} .registrationConfirmation .result {border-top: 1px solid #555; border-bottom: 3px double #555; margin-top: -2px; padding-top: 2px;} .registrationConfirmation .dataMoreLess {display: none; margin: 0; padding: 0 0 5px;} .registrationConfirmation a.showMoreLess {font-weight: normal;} .registrationConfirmation textarea {height: 60px; width: 327px; font: 12px/14px arial, helvetica, verdana, sans-serif;} #registrationMarketingHeardOfAkodeBox {display: none;} /*** Support specific ***/ #contactReasonWarn, #contactTextWarn, #customerNameWarn, #fixedLineWarn, #cellPhoneWarn, #emailWarn {color: #d00!important;} textarea.contactForm {height: 170px; width: 544px; font: 12px/14px arial, helvetica, verdana, sans-serif;} #companyNameWarn, #companyContactWarn {color: #d00!important;} .supportMobileTelephonyTeleAccountWrapper {width: 500px; margin: 20px auto 12px;} .supportMobileTelephonyTeleAccountWrapper .label {border: 1px solid #7e64a4; height: 140px; width: 140px; margin: 0 3px 0 0; float: left;} .supportMobileTelephonyTeleAccountWrapper .label .content {text-align: center; height: 136px; line-height: 136px; margin: 2px; background: #7e64a4;} .supportMobileTelephonyTeleAccountWrapper .label .content img {vertical-align: middle;} .supportMobileTelephonyTeleAccountWrapper .data {border: 1px solid #7e64a4; height: 140px; width: 350px; float: left;} .supportMobileTelephonyTeleAccountWrapper .data .content {height: 136px; margin: 2px;} .supportMobileTelephonyTeleAccountWrapper .data .form {border: 1px solid #67c1c9;} .supportMobileTelephonyTeleAccountWrapper .data .button {border: 1px solid #67c1c9; text-transform: uppercase; background: #67c1c9; color: #fff; font-size: 11px; font-weight: bold;} /*** Login specific ***/ fieldset.dataBox .borderBottomAir {border-bottom: 1px solid #999; padding-bottom: 5px;} div.invoiceTitleBar, div.invoiceBar {padding: 2px 0; height: 18px;} div.invoiceTitleBar .title {font-weight: bold; padding: 0 0 0 17px;} div.invoiceTitleBar .title, div.invoiceBar .title {width: 40%; float: left;} div.invoiceTitleBar .date {font-weight: bold;} div.invoiceTitleBar .date, div.invoiceBar .date {width: 25%; float: left;} div.invoiceTitleBar .amount {font-weight: bold;} div.invoiceTitleBar .amount, div.invoiceBar .amount {float: right; text-align: right;} div.invoiceBar img {margin: 0 5px 0 0; float: left;} div.invoiceDetails {display: none; margin: 0 0 1% 1%; padding: 0 0 0 2%; border-left: 1px solid #bbb;} div.invoiceDetailsDetail.title {font-weight: bold;} div.invoiceDetailsDetail .date {float: left; width: 33%;} div.invoiceDetailsDetail .txt {float: left; width: 68%;} div.invoiceDetailsDetail .duration {float: left; width: 23%; text-align: right;} div.invoiceDetailsDetail .price {float: right; text-align: right;} div.invoiceDetailsDetail.call .txt {float: left; width: 29%!important;} div.invoiceDetails .invoiceTitleBar .amount, div.invoiceDetails .invoiceBar .amount, div.invoiceDetails .invoiceDetailsDetail .price {padding-right: 2%;} div.invoiceDetails .invoiceDetails .invoiceTitleBar .amount, div.invoiceDetails .invoiceDetails .invoiceBar .amount, div.invoiceDetails .invoiceDetails .invoiceDetailsDetail .price {padding-right: 4%;} div.invoiceDetails .invoiceDetails .invoiceDetails .invoiceTitleBar .amount, div.invoiceDetails .invoiceDetails .invoiceDetails .invoiceBar .amount, div.invoiceDetails .invoiceDetails .invoiceDetails .invoiceDetailsDetail .price {padding-right: 6%;} div.invoiceDetails .invoiceDetails .invoiceDetails .invoiceDetails .invoiceTitleBar .amount, div.invoiceDetails .invoiceDetails .invoiceDetails .invoiceDetails .invoiceBar .amount, div.invoiceDetails .invoiceDetails .invoiceDetails .invoiceDetails .invoiceDetailsDetail .price {padding-right: 8%;} /*********************** *** /Body ***********************/ /*********************** *** Footer ***********************/ #footer {color: #444; margin: 3px 0 8px; text-align: center; border-top: 1px solid #999; padding: 5px 0 0;} #footer a {color: #444; font-weight: normal; text-decoration: underline;} .stats {display: none;} /*********************** *** /Footer ***********************/ /*********************** *** Autocomplete ***********************/ #registrationAddBillingSearch, #registrationAddDeliverySearch {width: 200px;} #registrationAddBillingSearchResults, #registrationAddDeliverySearchResults {display: none!important;} #registrationAddBillingSearchResults div, #registrationAddDeliverySearchResults div {border-bottom: 1px solid #666; padding: 1px 0 2px 3px; text-align: left; cursor: default; font: 10px/13px arial, helvetica, verdana, sans-serif;} #registrationAddBillingSearchResults div:last, #registrationAddDeliverySearchResults div:last {border: 0!important;} #registrationAddBillingSearchResults .selected, #registrationAddDeliverySearchResults .selected {background-color: #666; color: #fff;} #registrationAddBillingSearchResults .unselected, #registrationAddDeliverySearchResults .unselected {background-color: #fff; color: #000;} #registrationAddBillingSearchResults .noData, #registrationAddDeliverySearchResults .noData {background-color: #fff; color: #999;} #temp {display: none;} /*********************** *** Conditions ***********************/ #conditionsWrapper {margin: 10px; background: #fff;} #conditionsWrapper img.top {width: 100%;} #conditionsWrapper #body {margin: 10px; text-align: left;} #conditionsWrapper .termDate {font-weight: bold; margin: 8px 0 -8px} #conditionsWrapper .termHead {font-weight: bold; margin: 16px 0 -8px;} #conditionsWrapper .stdButtonTurquoise {margin-bottom: 10px!important;} /*********************** *** /Conditions ***********************/ /*********************** *** Facebox ***********************/ #facebox .body { width: 100%!important; } #facebox .popup .content { overflow-y: display!important; width: auto!important; height: auto!important; font-size: 10pt!important; } /*********************** *** /Facebox ***********************/