/*********************** *** Body ***********************/ fieldset {margin: 0; padding: 0;} fieldset legend {color: #000; font-size: 15px; line-height: 19px; font-weight: bold; margin: 0 0 0 -2px; padding: 0 2px;} .dataBox {border: 1px #cfc6e3 solid; background: #f6f4f2 url(/res/img/gfx/dataBoxBg.png) left top repeat; padding: 3px 6px; margin: 0 10px 8px 0;} .dashed {border: 1px #cfc6e3 dashed!important;} .dashed.air {padding: 3px 6px!important;} .dashed td.dataBox {border: 0!important; margin: 0!important; padding: 4px 8px!important;} .fit .dataBox {margin-right: 0!important;} .dataBox input.form, .dataBox textarea.form {border: 1px solid #bdd729;} .dataBox .form.disabled {color: #666; background: #fff url(/res/img/gfx/disabledInputBg.png) top left repeat; cursor: default;} .dataBox .box3 {width: 232px; padding: 3px 5px; float: left;} .dataBox.schema {padding: 0!important;} .dataBox.schema legend {margin-left: 6px!important;} .dataBox.bgWhite {background: #fff!important;} 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: 340px; float: right; margin: 17px 0 20px 30px;} .gradientBar {font: 14px arial, verdana, helvetica, sans-serif; font-style: italic; padding: 4px 10px; background: url(/res/img/gfx/gradientBar620.png) right top repeat-y;} .gradientBar.air {margin: 12px 0;} .gradientBar .logo {float: right; margin-top: -4px;} .gradientBar.purple620 {color: #fff; background-color: #7e64a4;} .columnContainer2 {width: 740px; background: url(/res/img/gfx/columnContainer2Dash.gif) top center repeat-y;} .columnContainer2 .column {width: 360px;} .columnContainer3 {width: 759px; margin-right: -19px; background: url(/res/img/gfx/columnContainer3Dash.gif) top left repeat-y;} .columnContainer3 .column {width: 234px; float: left; margin: 0 19px 0 0;} .columnContainer3 .column.smallTxt {line-height: 18px!important;} .form {border: 1px solid #ddd; font-size: 11px;} select.form {border: 1px solid #bdd729; font-family: arial, verdana; font-size: 11px;} input.form.mark, select.mark {border: 2px solid #d00!important; margin: -1px!important;} .button {border: 1px solid #7e64a4; background: #ddd;} .buttonStd {border: 1px solid #7e64a4; background: #ddd; width: 35px; height: 17px; padding: 0 2px 2px; font: 11px verdana, arial, sans-serif; margin: 0; cursor: pointer; text-align: center;} .stdButtonTurquoise {background: #bdd729 url(/res/img/gfx/buttonGradient.png) left bottom repeat-x; color: #fff;} .stdButtonTurquoise.fR {margin-left: 5px;} .stdButtonTurquoise a {background: #bdd729 url(/res/img/gfx/buttonGradient.png) left bottom repeat-x; color: #fff; padding: 2px 6px 3px 8px; font-size: 15px!important; display: block;} .stdButtonTurquoise a:hover {background: #bdd729; text-decoration: none;} .stdButtonPurple {background: #7e64a4 url(/res/img/gfx/buttonGradient.png) left bottom repeat-x; color: #fff;} .stdButtonPurple.fR {margin-left: 5px;} .stdButtonPurple a {background: #7e64a4 url(/res/img/gfx/buttonGradient.png) left bottom repeat-x; color: #fff; padding: 2px 6px 3px 8px; font-size: 15px!important; display: block;} .stdButtonPurple a:hover {background: #7e64a4; text-decoration: 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: #7e64a4;} .pricelist .txt {width: 626px; float: left;} .pricelist .txt2 {width: 526px; float: left;} .pricelist .txt4 {width: 326px; float: left;} .pricelist .price {width: 100px; float: left; text-align: right;} .pricelist.schema .schemaRow {padding: 2px 0; border-bottom: 2px solid #fff; background: url(/res/img/gfx/schemaMobilePriceZones.png) left top repeat-y;} .pricelist.schema2 .schemaRow {padding: 2px 0; border-bottom: 2px solid #fff; background: url(/res/img/gfx/schemaMobilePriceZones2.png) left top repeat-y;} .pricelist.schema .txt4 {padding: 0 4px 0 6px; float: left!important; width: 94px;} .pricelist.schema .price {padding: 0 4px 0 6px; float: left!important; width: 148px; text-align: left;} .pricelist.schema2 .txt4 {padding: 0 4px 0 6px; float: left!important; width: 66px;} .pricelist.schema2 .price {padding: 0 4px 0 6px; float: left!important; width: 155px; text-align: left;} /*** Product specific ***/ .productBox {width: 180px; float: left; margin: 0 22px; padding: 0 10px 10px; border: 1px solid #d3c3e4; background: #e5dcf1 url(/res/img/gfx/productBoxBg.png) left bottom repeat-x; overflow: visible; font-size: 11px; line-height: 15px;} .productBox img.productSplash {width: 230px; margin: 0 -25px -5px;} .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: 692px; margin: 0 0 0 22px; background: #9db2d7 url(/res/img/gfx/productPandaRecommendBoxH65.png) left top repeat-x; border: 1px solid #0d4b88;} .bannerEshop176 {float: left; width: 178px; text-align: center;} .bannerEshop176.mobileTelephonyTopAir {margin-top: 8px!important;} .bannerEshop176 img {margin-top: 3px;} /*** Registration specific ***/ .registrationFrontpage.fR {width: 340px; padding: 0 10px 0 0;} .registrationFrontpage .order {font-size: 12px; line-height: 18px; margin: 4px 1px 4px;} .registrationFrontpage .order .aquo {font-size: 16px;} .registrationFrontpageMap {width: 400px;} .registrationFrontpageMap .stdButtonTurquoise {width: 200px; margin: 2px auto 0; padding: 0 0 1px 0; font-size: 11px!important; font-weight: bold; display: block; text-align: center; cursor: default;} .registrationProductSplash6MonthsFreeCMP_2mb6mdr09 {background: #bed62f; width: 160px; float: right; margin: 0 10px 0 20px;} .registrationProductSplash6MonthsFreeCMP_kv6mdr09 {background: #ffce06; width: 160px; float: right; margin: 0 10px 0 20px;} .registrationProductPriceStamp {float: right; margin: -10px 30px 5px 10px;} #registrationDataBox {width: 166px; float: left; margin: 0 0 0 10px; line-height: 15px; font-size: 11px;} #registrationDataBox legend {font-size: 13px!important;} #registrationDataBox a.head {display: block; padding: 2px 0 0 15px; color: #000; background: url(/res/img/gfx/menuPlus.gif) top left no-repeat; text-decoration: none; font-weight: bold;} #registrationDataBox a.head:hover {background-image: url(/res/img/gfx/menuPlusHover.gif); text-decoration: none;} #registrationDataBox a.head.toggled {background-image: url(/res/img/gfx/menuMinus.gif)!important;} #registrationDataBox a.head.toggled:hover {background-image: url(/res/img/gfx/menuMinusHover.gif)!important;} #registrationDataBox .data {display: none; border-bottom: 1px solid #fff; padding: 0 0 3px 15px; font-size: 11px; line-height: 14px;} .dataMoreLess {display: none; margin: 0; padding: 0 0 5px;} a.showMoreLess {font-weight: normal;} .registrationProduct .speed {width: 480px; float: left; text-align: right; margin: 0 10px 0 0;} .registrationProduct .speed .data {padding: 0 5px 0 0; float: left;} .registrationProduct .speed select {border: 1px solid #bdd729; font-family: arial, verdana; font-size: 11px;} .registrationProduct .speed input {margin: 0 2px 0 0;} .registrationProduct .fixedLine {width: 126px; float: left;} .registrationProduct .fixedLine input {margin: -2px 0 0;} .registrationProduct .period {width: 110px; float: left;} .registrationProduct .chkMark {width: 26px; float: left; margin: 0 5px 3px 0; text-align: center;} .registrationProduct .txt {width: 600px; float: left; margin: 0 10px 3px 0;} .registrationProduct .txtFull {width: 685px; float: left; margin: 0 10px 3px 0;} .registrationProduct .currency {width: 25px; float: left; margin: 0 0 3px 0;} .registrationProduct .amount {width: 60px; 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 {float: right;} .registrationMobileProduct .txtFull {width: 685px; float: left; margin: 0 10px 3px 0;} .registrationMobileProduct .chkMark {width: 26px; float: left; margin: 0 5px 3px 0; text-align: center;} .registrationMobileProduct .dataMoreLess {display: none; margin: 0; padding: 0 0 5px;} .registrationMobileProduct a.showMoreLess {font-weight: normal;} .registrationInstallation .chkMark {width: 26px; float: left; margin: 0 5px 3px 0; text-align: center;} .registrationInstallation .txt {width: 600px; float: left; margin: 0 10px 3px 0;} .registrationInstallation .currency {width: 25px; float: left; margin: 0 0 3px 0;} .registrationInstallation .amount {width: 60px; 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: 200px; float: left;} .registrationInstallationMail .input {width: 526px; float: left;} .registrationInstallationMail .input input.form {width: 150px;} .registrationTelephony .chkMark {width: 26px; float: left; margin: 0 5px 3px 0; text-align: center;} .registrationTelephony .txt {width: 600px; float: left; margin: 0 10px 3px 0;} .registrationTelephony .currency {width: 25px; float: left; margin: 0 0 3px 0;} .registrationTelephony .amount {width: 60px; float: left; margin: 0 0 3px 0; text-align: right;} .registrationTelephony .label {width: 180px; float: left; margin: 0 0 3px 0;} .registrationTelephony .data {width: 546px; float: left; margin: 0 0 3px 0;} .registrationTelephony .data select {border: 1px solid #bdd729; 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: 26px; float: left; margin: 0 5px 3px 0; text-align: center;} .registrationPersonalData .label {width: 180px; float: left; margin: 0 0 3px 0;} .registrationPersonalData .data {width: 546px; float: left; margin: 0 0 3px 0;} .registrationPersonalData .label.chk {width: 149px;} .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;} #billingAddBox, #deliveryAddBox {display: none;} #billingAddBox.toggled, #deliveryAddBox.toggled {display: block;} .registrationPersonalData select.form {margin: 0 0 0 3px!important;} .registrationPersonalData input {color: #aaa;} .registrationPersonalData input.dataFilled {color: #000;} .registrationPersonalData .cpr1 {width: 42px;} .registrationPersonalData .cpr2 {width: 30px;} #registrationCheckCprStatus {color: #888; width: 347px; float: right; display: block;} #registrationCheckNameStatus, #registrationCheckCprStatus.fault, #registrationAddOwnerAddressWarn, #registrationAddBillingAddressWarn, #registrationAddDeliveryAddressWarn, #registrationAddOwnerFixedLineWarn, #registrationAddOwnerCellPhoneWarn, #registrationAddOwnerEmailWarn, #getOwnerAddBoxData, #getBillingAddBoxData, #getDeliveryAddBoxData, #registrationAddBillingFirstnameWarn, #registrationAddBillingLastnameWarn, #registrationAddDeliveryFirstnameWarn, #registrationAddDeliveryLastnameWarn, #registrationAddDeliveryFixedLineWarn, #registrationAddOwnerSearchWarn, #registrationAddBillingSearchWarn, #registrationAddDeliverySearchWarn, .dataMoreLess .mark, #registrationTermsOfAgreementWarn, #registrationReceiptEmailWarn, #registrationMarketingHeardOfWarn, #registrationMarketingHeardOfAkodeWarn {color: #d00!important;} #registrationCheckCprStatus.correct {color: #0b0!important;} .registrationInstallationMail #emailWarn, .registrationTelephony #newTelephoneNumberWarn, .registrationTelephony #newTelephoneGoldNumberWarn, .registrationTelephony #simCardNumberWarn, .registrationTelephony #portTelephoneNumberWarn, .registrationTelephony #portTelecompanyWarn {color: #d00;} .registrationConfirmation #technologyImg {margin: 2px 5px 0 0; float: left; height: 55px; width: 37px; cursor: pointer; border: 1px solid #000;} .registrationConfirmation .box3 {width: 237px; padding: 0 5px 0 0; float: left;} .registrationConfirmation .txt {width: 631px; float: left; margin: 0 10px 3px 0;} .registrationConfirmation .currency {width: 25px; float: left; margin: 0 0 3px 0;} .registrationConfirmation .amount {width: 60px; float: left; margin: 0 0 3px 0; text-align: right;} .registrationConfirmation .chkMark {width: 26px; float: left; margin: 0 5px 3px 0; text-align: center;} .registrationConfirmation .data {width: 695px; float: left; margin: 0 0 3px 0;} fieldset.dataBox .label, .registrationConfirmation .label {width: 180px; float: left; margin: 0 0 3px 0;} fieldset.dataBox .labelData, .registrationConfirmation .labelData {width: 546px; 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: 57px; width: 327px; font: 12px/14px arial, helvetica, verdana, sans-serif;} #registrationMarketingHeardOf {width: 175px;} #registrationMarketingHeardOfAkodeBox {display: none;} .registrationConfirmation .cpr1 {width: 42px;} .registrationConfirmation .cpr2 {width: 30px;} .registrationConfirmation .label.cpr {width: 80px; margin: -3px 0 3px;} .registrationConfirmation .data.cpr {width: 646px; margin: -3px 0 3px;} .registrationConfirmation .showMoreLess.smallTxt.installationTechnology {display: none;} #mobileBroadbandReceiptEmailTrue {display: none;} .registrationConfirmation input {color: #aaa;} .registrationConfirmation input.dataFilled {color: #000;} .registrationConfirmation .ownerAddressData span.mark, #registrationDataBox span.mark {color: #d00;} .registrationMobileTelephonyPrices {width: 530px; padding: 5px 10px 3px; float: left;} .registrationMobileTelephonyPrices .label {width: 185px; padding: 0 0 5px; float: left;} .registrationMobileTelephonyPrices .data {width: 115px; padding: 0 0 5px; float: left; text-align: right;} .registrationMobileTelephonySupportAndLinks {width: 156px; padding: 5px 10px 3px; float: left; border: 1px dashed #cfc6e3;} .dataBox.tv {background-color: #e9f2b0;} .tv.dashed {border-color: #3c3c3c!important;} .dataBox.tv.dashed img.registrationConfirmTvRobert {margin: -5px 20px 2px 2px;} .registrationReceiptTv {float: right; width: 425px; font-weight: bold; margin: 30px 10px 0 0;} .registrationReceiptTv .stdButtonTurquoise {margin-top: -2px;} /*** Support specific ***/ #contactReasonWarn, #contactTextWarn, #customerNameWarn, #fixedLineWarn, #cellPhoneWarn, #emailWarn, #registrationAddBillingCustomerIdWarn, #moveDateWarn {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: 352px; float: left;} .supportMobileTelephonyTeleAccountWrapper .data .content {height: 136px; margin: 2px;} .supportMobileTelephonyTeleAccountWrapper .data .form {border: 1px solid #bdd729;} .supportMobileTelephonyTeleAccountWrapper .data .button {border: 1px solid #bdd729; text-transform: uppercase; background: #bdd729; color: #fff; font-size: 11px; font-weight: bold;} #supportTelephoneBillExplainPopupBox {position:absolute; display: none; z-index:200; width: 150px; padding: 2px 4px; color: #fff; font-size: 11px; line-height: 14px; background: #a50332;} table.sla td {padding: 1px 4px; white-space: nowrap;} table.sla tr.header td {background: #7e64a4; color: #fff; font-weight: bold;} tr.zebra td {background: #f3f3f3;} /*** Login specific ***/ .loginBox {color: #444; font: 11px arial, verdana, sans-serif; margin: 20px 0 20px 245px; padding: 17px 20px 20px 20px; background: #f0eeec; border: 1px solid #cccccc; width: 200px;} .loginBox input {color: #444; margin: 3px 0 0 0; border: 1px solid #686868; height: 16px; padding: 0 0 0 1px; width: 200px;} .loginBox input.stdButton {width: auto;} .loginBox input.checkbox {border: 0!important;} .loginBox .loaderImg {margin: 0 0 0 3px;} .loginBox .boldRed {color: #d00;} .loginBox #remember {width: auto!important;} .logoutButton .loaderImg {margin: 0 0 0 5px;} .mySkylineAccountListItem a {margin: 0 5px 0 0;} .mySkylineAccountListItemData {display: none; margin: -8px 0 0 18px; color: #555;} fieldset.dataBox .borderBottomAir {border-bottom: 1px solid #cfc6e3; padding-bottom: 5px;} div.invoiceTitleBar, div.invoiceBar {padding: 2px 0 2px 6px; height: 18px;} div.invoiceTitleBar .title, div.invoiceBar .title {border-bottom:0!important; font-size:12px!important; height:18px!important; margin:0!important; overflow:display!important; width: 252px; float: left;} div.invoiceBar .title {padding:0!important;} div.invoiceTitleBar .title {font-weight: bold; padding: 0 0 0 17px!important;} div.invoiceTitleBar .date {font-weight: bold;} div.invoiceTitleBar .date, div.invoiceBar .date {width: 180px; float: left;} div.invoiceTitleBar .amount {font-weight: bold;} div.invoiceTitleBar .amount, div.invoiceBar .amount {float: right; text-align: right; padding-right: 5px;} div.invoiceBar {color: #666;} div.invoiceBar.toggled {background: #e6e6e6;} div.invoiceBar:hover {cursor: pointer; background: #ccc;} div.invoiceBar:hover {color: #000;} div.invoiceBar.toggled:hover {background: #ccc;} div.invoiceBar img {margin: 3px 5px 5px 0; float: left;} div.invoiceDetails {color: #666; display: none; margin: 0 0 5px; border-left: 1px solid #ddd; padding: 5px 0 0 5px;} div.invoiceDetailsDetail.zebra {background: #f3f3f3;} div.invoiceDetailsDetail:hover {color: #000; background: #ccc; cursor: default;} div.invoiceDetailsDetail.title {color: #000; font-weight: bold; background: transparent; font-size: 12px!important;} div.invoiceDetailsDetail.title {width: 100%!important; border-bottom:0!important; font-size:12px!important; margin:0!important; overflow:display!important; width: 252px; float: left;} div.invoiceDetailsDetail .date {float: left; width: 235px; padding: 2px 5px;} div.invoiceDetailsDetail .txt {float: left; width: 445px; padding: 2px 5px;} div.invoiceDetailsDetail .duration {float: left; width: 70px; padding: 2px 5px; text-align: right;} div.invoiceDetailsDetail .price {float: right; padding: 2px 5px; text-align: right;} div.invoiceDetailsDetail.call .txt {width: 240px;} div.invoiceDetailsDetail.data { border:0!important; margin: 0!important; padding:0!important; width:100%; } div.invoiceDetails .invoiceTitleBar .amount, div.invoiceDetails .invoiceBar .amount, div.invoiceDetails .invoiceDetailsDetail .price {padding-right: 50px;} div.invoiceDetails .invoiceDetails .invoiceTitleBar .amount, div.invoiceDetails .invoiceDetails .invoiceBar .amount, div.invoiceDetails .invoiceDetails .invoiceDetailsDetail .price {padding-right: 100px;} div.invoiceDetails .invoiceDetails .invoiceDetails .invoiceTitleBar .amount, div.invoiceDetails .invoiceDetails .invoiceDetails .invoiceBar .amount, div.invoiceDetails .invoiceDetails .invoiceDetails .invoiceDetailsDetail .price {padding-right: 150px;} div.invoiceDetails .invoiceDetails .invoiceDetails .invoiceDetails .invoiceTitleBar .amount, div.invoiceDetails .invoiceDetails .invoiceDetails .invoiceDetails .invoiceBar .amount, div.invoiceDetails .invoiceDetails .invoiceDetails .invoiceDetails .invoiceDetailsDetail .price {padding-right: 200px;} /*********************** *** /Body ***********************/