body { margin: 0; padding: 0 0 40px; font-size: 12px; font-family: Arial, Tahoma, Verdana, sans-serif; line-height: 1.3em; background: #666; color: #666; } body:before { content: ""; position: fixed; top: -10px; left: -10px; width: 110%; height: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, .6); z-index: 9998; } h1, h2, h3, h4, h5, h6 { line-height: normal; margin: 0; } img { border: 0; } a { color: #666; } a:hover { text-decoration: none; } ul { margin: 0; padding: 0; list-style: none; } form { margin: 0; padding: 0; } p { margin: 0 0 10px; line-height: 17px; } table { border-collapse: collapse; } table tr th, table tr td { margin: 0; padding: 0; } input, textarea, select { font: 400 12px Arial, Tahoma, Verdana, sans-serif; margin: 0; padding: 0; } input:focus, textarea:focus, select:focus { outline: none; } .clr { clear: both; height: 0; line-height: 0; font-size: 0; } .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } header, nav, section, article, hgroup, figure, figcaption, footer { display: block; } .vatPriceElement, .vatNoticeText { font-style: normal; } /* ADD THIS */ .addthis_default_style .at300b { height: 20px; margin: 0 6px 0 0; padding: 0; outline: none; } .addthis_button_tweet { width: 58px; } .addthis_button_google_plusone { width: 32px; } .addthis_counter.addthis_pill_style { width: 50px; } /*****/ /* EXTENDED CLASSES */ /* Paddings */ .p0 { padding: 0 !important; } .pt0 { padding-top: 0 !important; } .pb0 { padding-bottom: 0 !important; } .p9 { padding: 9px; border: 1px solid #c9c9c9; border-top: none; } .p19 { padding: 19px; border: 1px solid #c9c9c9; border-top: none; } .pt10 { padding: 10px 0 0 !important; } /* Floats */ .fleft { float: left !important; } .fright { float: right !important; } .nfloat { float: none !important; } /* Aligns */ .acenter { text-align: center !important; } .aleft { text-align: left !important; } .aright { text-align: right !important; } /* Caps */ .uppercase { text-transform: uppercase; } /* Positions */ .positionrelative { position: relative; } /* Titles */ .maintitle { font: 400 18px Arial, Tahoma, sans-serif; color: #444; padding: 0 0 6px; margin: 0 0 10px; border-bottom: 1px solid #ccc; } /* Font Sizes */ .fs0 { font-size: 0 !important; } .fs10 { font-size: 10px !important; } .fs11 { font-size: 11px !important; } .fs12 { font-size: 12px !important; } .fs13 { font-size: 13px !important; } .fs14 { font-size: 14px !important; } .fs16 { font-size: 16px !important; } .fs18 { font-size: 18px !important; } .fs20 { font-size: 20px !important; } /* Margins */ .m0 { margin: 0 !important; } .m0auto { margin: 0 auto !important; } .mt0 { margin-top: 0 !important; } .mt10 { margin-top: 10px !important; } .mt20 { margin-top: 20px !important; } .mr10 { margin-right: 10px !important; } .mr20 { margin-right: 20px !important; } .mr40 { margin-right: 40px !important; } .mr80 { margin-right: 80px !important; } .mb0 { margin-bottom: 0 !important; } .mb10 { margin-bottom: 10px !important; } .mb20 { margin-bottom: 20px !important; } .mb30 { margin-bottom: 30px !important; } .ml0 { margin-left: 0 !important; } .ml10 { margin-left: 10px !important; } .ml20 { margin-left: 20px !important; } /* Bolds & Italics */ .bold { font-weight: 700 !important; } .unbold { font-weight: 400 !important; } .italic { font-style: italic !important; } .unitalic { font-style: normal !important; } /* Labels */ .standardformlabel { float: left; font-weight: 700; height: 24px; line-height: 24px; width: 124px; cursor: pointer; } /* Positioned on the left side of the input. */ .topformlabel { display: block; margin: 0 0 4px; font-weight: 700; width: 124px; cursor: pointer; } /* Positioned on top of the input. */ /* Promo Labels */ .label { display: inline-block; margin: 0 0 0 10px; padding: 0 8px; font-size: 10px; color: #fff; text-align: center; text-transform: uppercase; } .label.blue { background: #64a5cb; } .label.green { background: #88c841; } /* Bars */ .infobar { width: 100%; overflow: hidden; height: 30px; background: #cef8ff; } .infobar > div { width: 880px; margin: 0 auto; } .infobar > div p { line-height: 30px; margin: 0; padding: 0 0 0 20px; background: url(/img/icons/info_16x16_c.png) no-repeat left center; color: #39636a; } .infobar > div p a { color: #39636a; } .infobar > div p img { margin: 7px 5px 0 0; } /* Loaders */ #page_loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9998; background: rgba(0, 0, 0, .5); } #page_loader img { position: absolute; top: 50%; left: 50%; padding: 30px; margin: -46px 0 0 -46px; background: #fff; border-radius: 10px; box-shadow: 0 0 30px rgba(0, 0, 0, .4); } .page_loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9998; background: rgba(0, 0, 0, .5); } .page_loader .card { position: absolute; top: 50%; left: 50%; padding: 30px; margin: -200px 0 0 -250px; width: 500px; background: #fff; border-radius: 10px; box-shadow: 0 0 30px rgba(0, 0, 0, .4); } /* Popups */ .popup a.close { overflow: hidden; position: absolute; top: -30px; right: -30px; width: 32px; height: 32px; background: url(/img/close.png) left top; margin: 0; text-indent: -9999px; } .popup a.close:hover { background: url(/img/close.png) left bottom; } .popup232 { background: none repeat scroll 0 0 #FFFFFF; background: #fff; border-radius: 10px; box-shadow: 0 0 50px rgba(0, 0, 0, 0.75); left: 50%; margin: -190px 0 0 -190px; padding: 20px; position: fixed; text-align: center; top: 50%; z-index: 9999; } /* Inputs */ .input { height: 14px; line-height: 14px; padding: 4px; background: #fff; border: 1px solid #ddd; color: #666; } .input.lined { background: transparent; border-top: none; border-left: none; border-right: none;} .selectbox, .select-box-error { position: relative; display: inline-block; height: 22px; background: #fff url(/img/selectbox_arrow.png) no-repeat right top; border: 1px solid #ddd; font-size: 12px; text-align: left; cursor: pointer; /* IE7 Hack */ *display: inline; zoom: 1; /**/} .selectbox:hover { background-position: right bottom; } .selectbox .focused, .selectbox-error .focused { overflow: hidden; position: absolute; top: 0; left: 6px; height: 22px; line-height: 22px; color: #888; white-space: nowrap; } .selectbox:hover .focused { color: #555; } .selectbox select, .selectbox-error select { position: absolute; top: 0; left: -1px; height: 22px; opacity: 0; filter: alpha(opacity=0); z-index: 20; font: 400 12px Arial, Tahoma, sans-serif; color: #888; cursor: pointer; } .w60 { width: 58px; } .w60 .focused { width: 30px; } .w60 select { width: 60px; } .w70 { width: 68px; } .w70 .focused { width: 40px; } .w70 select { width: 70px; } .w80 { width: 78px; } .w80 .focused { width: 50px; } .w80 select { width: 80px; } .w90 { width: 88px; } .w90 .focused { width: 50px; } .w90 select { width: 90px; } .w100 { width: 98px; } .w100 .focused { width: 60px; } .w100 select { width: 100px; } .w120 { width: 118px; } .w120 .focused { width: 80px; } .w120 select { width: 120px; } .w140 { width: 138px; } .w140 .focused { width: 110px; } .w140 select { width: 140px; } .w150 { width: 148px; } .w150 .focused { width: 110px; } .w150 select { width: 150px; } .w160 { width: 158px; } .w160 .focused { width: 120px; } .w160 select { width: 160px; } .w170 { width: 168px; } .w170 .focused { width: 130px; } .w170 select { width: 170px; } .w180 { width: 178px; } .w180 .focused { width: 140px; } .w180 select { width: 180px; } .w190 { width: 188px; } .w190 .focused { width: 150px; } .w190 select { width: 190px; } .w200 { width: 198px; } .w200 .focused { width: 160px; } .w200 select { width: 200px; } .w210 { width: 208px; } .w210 .focused { width: 170px; } .w210 select { width: 210px; } .w260 { width: 258px; } .w260 .focused { width: 220px; } .w260 select { width: 260px; } .w290 { width: 288px; } .w290 .focused { width: 250px; } .w290 select { width: 290px; } .w320 { width: 318px; } .w320 .focused { width: 280px; } .w320 select { width: 320px; } .wfull { width: 100%;} /*****/ /* Colors */ .cgreen { color: #7bbb3b !important; } .cdarkgreen { color: #69942e !important; } .cmediumgreen { color: #43943C !important; } .clightgrey { color: #999 !important; } .cnormalgrey { color: #666 !important; } .cblue { color: #56acd4 !important; } .cred { color: #d14c22 !important; } /* Databoxes */ .databox { overflow: hidden; margin: 10px 0; padding: 9px; background: #f8f8f8; border: 1px solid #ddd; } .databox.green { background: #eff5ec; } .databox.blue { background: #edf5fa; } /* Tables */ .defaulttable { width: 100%; border: 1px solid #ddd; } .defaulttable tr td, .defaulttable tr th { border-bottom: 1px solid #e6e6e6; padding: 6px; line-height: 21px; text-align: center; } .defaulttable tr td { background: #fff; vertical-align: top; } .defaulttable tr.odd td { background: #f6f6f6; } .defaulttable tr.cancelled td { background: #fff5f5; } .defaulttable tr th { padding: 10px 6px; background: #edf5fa; } .defaulttable tr:hover td, .defaulttable tr.blue td { background: #f9f9f9; } .defaulttable tr td a { color: #666; } .defaulttable tr td a:hover { text-decoration: none; } .defaulttable tr td span { padding: 0 0 0 16px; text-align: left; cursor: default; } .defaulttable tr td span.pending { color: #ff8a00; background: url(/img/icons/statuspending_11x11_c.gif) no-repeat left center; } .defaulttable tr td span.extended { color: #349cde; background: url(/img/icons/statusextended_11x11_c.gif) no-repeat left center; } .defaulttable tr td span.paid { color: #569f1c; background: url(/img/icons/statuspaid_11x11_c.gif) no-repeat left center; } .defaulttable tr td span.cancelled { color: #c54c4c; background: url(/img/icons/statuscancelled_11x11_c.gif) no-repeat left center; } .defaulttable tr td span.forwarded { color: #ab79af; background: url(/img/icons/statusforwarded_11x11_c.gif) no-repeat left center; } .defaulttable tr td span.open { background: url(/img/icons/statusopen_11x11_c.gif) no-repeat left center; } .defaulttable tr td .dotred { float: left; width: 14px; height: 14px; margin: 3px 6px 0 0; border-radius: 50%; background: #f03d0d; } .defaulttable tr td .dotgreen { float: left; width: 14px; height: 14px; margin: 3px 6px 0 0; border-radius: 50%; background: #33b921; } .multileveltableheading { overflow: hidden; height: 40px; line-height: 40px; background: #666; padding: 0 20px; } .multileveltableheading div { float: left; color: #fff; font-weight: bold; } .multileveltableheading div input { margin: 14px 0 0; } .multileveltable { width: 100%; margin: 20px 0 0; border: 1px solid #ddd; border-bottom: none; } .multileveltable:first-child { margin: 0; } .multileveltable tr th { padding: 8px 0; background: #efefef; border-top: 3px solid #bebebe; border-bottom: 1px solid #ddd; font-weight: 400; text-align: left; } .multileveltable tr th:first-child { background: #efefef url(/img/icons/package_16x14_c.png) no-repeat 8px center; font-weight: 700; padding: 4px 0 4px 30px; } .multileveltable tr.main-product { background: #efefef url(/img/icons/package_16x14_c.png) no-repeat 8px center; font-weight: 700; padding: 4px 0 4px 30px; } .multileveltable tr.odd td { background: #f6f6f6; } .multileveltable tr td { padding: 4px 0; border-bottom: 1px solid #ddd; } .multileveltable tr td:first-child { background: url(/img/icons/arrowsimple_8x10_bw.gif) no-repeat 12px 11px; padding: 4px 0 4px 30px; } .multileveltable tr.odd td:first-child { background: #f6f6f6 url(/img/icons/arrowsimple_8x10_bw.gif) no-repeat 12px 11px; } .multileveltable tr th div.selectbox > div.disabled { opacity: .5; } .multileveltable tr th div.selectbox select:disabled {cursor: default;} .multileveltable tr th div.selectbox.w100.disabled { opacity: .5 ;} .multileveltable tr th div.selectbox.w100.disabled:hover { background-position: right top ;} #billingsettingspreloader { height: 42px; margin: 0 0 10px; position: relative;} #billingsettingspreloader img {position: absolute; left: 50%; transform: translate( -50%, 5px);} .multileveltable .noborder {border-left: 1px solid white !important; border-right: 1px solid white !important;} /* Lists */ ul.default { margin: 0 0 10px 10px; } ul.default li { margin: 8px 0; padding: 0 0 0 10px; background: url(/img/icons/arrowgrey_5x9_bw.gif) no-repeat left 2px; } ul.zebralist { border: 1px solid #e4e4e4; border-top: none; } ul.zebralist > li { overflow: hidden; padding: 9px; border-top: 1px solid #e4e4e4; background: #fff; } ul.zebralist > li.odd { background: #fafafa; } ul.zebralist > li > div:first-child input { float: left; margin: 0 6px 0 0; } ul.zebralist > li .moreinfo { margin: 10px 0 0 20px; } ul.defaultzebra > li { overflow: hidden; padding: 5px 0 5px 25px; line-height: 22px; border-bottom: 1px solid #e4e4e4; background: #fff url(/img/icons/thumb_16x16_c.png) no-repeat left center; font-weight: 700; } ul.defaultzebra > li:first-child { border-top: 1px solid #e4e4e4; } ul.defaultzebra > li.odd { background: #fafafa url(/img/icons/thumb_16x16_c.png) no-repeat left center; } /* Widths */ .wid48 { width: 48px !important; } .wid50 { width: 50px !important; } .wid60 { width: 60px !important; } .wid70 { width: 70px !important; } .wid80 { width: 80px !important; } .wid90 { width: 90px !important; } .wid100 { width: 100px !important; } .wid110 { width: 110px !important; } .wid120 { width: 120px !important; } .wid130 { width: 130px !important; } .wid140 { width: 140px !important; } .wid135 { width: 135px !important; } .wid150 { width: 150px !important; } .wid160 { width: 160px !important; } .wid170 { width: 170px !important; } .wid180 { width: 180px !important; } .wid190 { width: 190px !important; } .wid200 { width: 200px !important; } .wid220 { width: 220px !important; } .wid230 { width: 230px !important; } .wid240 { width: 240px !important; } .wid250 { width: 250px !important; } .wid270 { width: 270px !important; } .wid300 { width: 300px !important; } .wid330 { width: 330px !important; } .wid350 { width: 350px !important; } .wid400 { width: 400px !important; } .wid405 { width: 405px !important; } .wid430 { width: 430px !important; } .wid450 { width: 450px !important; } .wid500 { width: 500px !important; } .wid515 { width: 515px !important; } /* Notes */ .nb { border-top: 1px solid #ddd; color: #999; font: italic 11px Arial, Tahoma, sans-serif; margin: 10px 0 0; padding: 4px 0 0; text-align: left; } .nb a { color: #666; } .nb a:hover { text-decoration: none; } /* Fonts */ @font-face { font-family: 'bebas_neueregular'; src: url('/fonts/bebasneue.eot'); } @font-face { font-family: 'bebas_neueregular'; src: url(data:application/x-font-woff;charset=utf-8;base64,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) format('woff'), url('/fonts/bebasneue.ttf') format('truetype'), url('/fonts/bebasneue.svg#bebas_neueregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FrancoisOneRegular'; src: url('/fonts/francoisone-webfont.eot'); src: url('/fonts/francoisone-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/francoisone-webfont.woff') format('woff'), url('/fonts/francoisone-webfont.ttf') format('truetype'), url('/fonts/francoisone-webfont.svg#FrancoisOneRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'KomikaDisplay'; src: url('/fonts/KomikaDisplay.eot'); src: url('/fonts/KomikaDisplay.eot?#iefix') format('embedded-opentype'), url('/fonts/KomikaDisplay.woff') format('woff'), url('/fonts/KomikaDisplay.ttf') format('truetype'), url('/fonts/KomikaDisplay.svg#KomikaDisplay') format('svg'); font-weight: normal; font-style: normal; } /* Tooltips */ .tooltip { width: 400px; background: #fff; margin: 0 0 5px 10px; padding: 10px; border: 1px solid #ccc; border-radius: 10px; z-index: 1000; box-shadow: 0 0 10px rgba(0, 0, 0, .2); text-align: center; } /* jQuery Tooltips (like outside UA)*/ .tooltipjq:after {border-bottom: 5px solid #FFFFFF;border-left: 5px solid transparent;border-right: 5px solid transparent;content: "";left: 21px;position: absolute;top: -5px;} .tooltipjq:before {border-bottom: 6px solid #D1D1D1;border-left: 6px solid transparent;border-right: 6px solid transparent;content: "";left: 20px;position: absolute;top: -7px;} .upsell .tooltipjq {width: 450px;} .upsell div {margin: 10px 0 0;} .tooltipjq {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #D1D1D1;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);display: none;padding: 14px;position: absolute;z-index: 5;} /* Other */ .field { overflow: hidden; } .invisible { height: 0; left: -9999px; position: absolute; top: -9999px; width: 0; } .noborder { border: none !important; } /*****/ /* BUTTONS */ /* Small Buttons */ a.small_button { display: inline-block; height: 18px; line-height: 18px; padding: 0 14px; color: #555; font-weight: 700; font-size: 11px; border-radius: 3px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3); text-align: center; text-decoration: none; } a.small_button.grey { border: 1px solid #dedede; background: #fefefe; background: -moz-linear-gradient(top, #fefefe 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#eeeeee)); background: -webkit-linear-gradient(top, #fefefe 0%,#eeeeee 100%); background: -o-linear-gradient(top, #fefefe 0%,#eeeeee 100%); background: -ms-linear-gradient(top, #fefefe 0%,#eeeeee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#eeeeee',GradientType=0 ); background: linear-gradient(top, #fefefe 0%,#eeeeee 100%); } a.small_button.grey:hover { background: #eeeeee; background: -moz-linear-gradient(top, #eeeeee 0%, #fefefe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#fefefe)); background: -webkit-linear-gradient(top, #eeeeee 0%,#fefefe 100%); background: -o-linear-gradient(top, #eeeeee 0%,#fefefe 100%); background: -ms-linear-gradient(top, #eeeeee 0%,#fefefe 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#fefefe',GradientType=0 ); background: linear-gradient(top, #eeeeee 0%,#fefefe 100%); } a.small_button.green { color: #fff !important; border: 1px solid #69a333; background: #88c841; background: -moz-linear-gradient(top, #88c841 0%, #73b339 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88c841), color-stop(100%,#73b339)); background: -webkit-linear-gradient(top, #88c841 0%,#73b339 100%); background: -o-linear-gradient(top, #88c841 0%,#73b339 100%); background: -ms-linear-gradient(top, #88c841 0%,#73b339 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88c841', endColorstr='#73b339',GradientType=0 ); background: linear-gradient(top, #88c841 0%,#73b339 100%); } a.small_button.green:hover { background: #73b339; background: -moz-linear-gradient(top, #73b339 0%, #88c841 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#73b339), color-stop(100%,#88c841)); background: -webkit-linear-gradient(top, #73b339 0%,#88c841 100%); background: -o-linear-gradient(top, #73b339 0%,#88c841 100%); background: -ms-linear-gradient(top, #73b339 0%,#88c841 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73b339', endColorstr='#88c841',GradientType=0 ); background: linear-gradient(top, #73b339 0%,#88c841 100%); } a.small_button.blue { color: #fff !important; border: 1px solid #108ccc; background: #2f9ad2; /* Old browsers */ background: -moz-linear-gradient(top, #2f9ad2 0%, #108ccc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f9ad2), color-stop(100%,#108ccc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2f9ad2 0%,#108ccc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2f9ad2 0%,#108ccc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2f9ad2 0%,#108ccc 100%); /* IE10+ */ background: linear-gradient(to bottom, #2f9ad2 0%,#108ccc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f9ad2', endColorstr='#108ccc',GradientType=0 ); /* IE6-9 */ } a.small_button.blue:hover { background: #108ccc; /* Old browsers */ background: -moz-linear-gradient(top, #108ccc 0%, #2094ce 59%, #2494d0 65%, #2898d0 82%, #2d98d2 88%, #2f9ad2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#108ccc), color-stop(59%,#2094ce), color-stop(65%,#2494d0), color-stop(82%,#2898d0), color-stop(88%,#2d98d2), color-stop(100%,#2f9ad2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #108ccc 0%,#2094ce 59%,#2494d0 65%,#2898d0 82%,#2d98d2 88%,#2f9ad2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #108ccc 0%,#2094ce 59%,#2494d0 65%,#2898d0 82%,#2d98d2 88%,#2f9ad2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #108ccc 0%,#2094ce 59%,#2494d0 65%,#2898d0 82%,#2d98d2 88%,#2f9ad2 100%); /* IE10+ */ background: linear-gradient(to bottom, #108ccc 0%,#2094ce 59%,#2494d0 65%,#2898d0 82%,#2d98d2 88%,#2f9ad2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#108ccc', endColorstr='#2f9ad2',GradientType=0 ); /* IE6-9 */ } a.small_button.red { color: #fff; border: 1px solid #a82f14; background: #e05721; background: -moz-linear-gradient(top, #e05721 0%, #bf3e23 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e05721), color-stop(100%,#bf3e23)); background: -webkit-linear-gradient(top, #e05721 0%,#bf3e23 100%); background: -o-linear-gradient(top, #e05721 0%,#bf3e23 100%); background: -ms-linear-gradient(top, #e05721 0%,#bf3e23 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e05721', endColorstr='#bf3e23',GradientType=0 ); background: linear-gradient(top, #e05721 0%,#bf3e23 100%); } a.small_button.red:hover { background: #bf3e23; background: -moz-linear-gradient(top, #bf3e23 0%, #e05721 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bf3e23), color-stop(100%,#e05721)); background: -webkit-linear-gradient(top, #bf3e23 0%,#e05721 100%); background: -o-linear-gradient(top, #bf3e23 0%,#e05721 100%); background: -ms-linear-gradient(top, #bf3e23 0%,#e05721 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf3e23', endColorstr='#e05721',GradientType=0 ); background: linear-gradient(top, #bf3e23 0%,#e05721 100%); } a.small_button.dark { color: #fff !important; border: 1px solid #555; background: #6d6d6d; background: -moz-linear-gradient(top, #6d6d6d 0%, #555555 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d6d6d), color-stop(100%,#555555)); background: -webkit-linear-gradient(top, #6d6d6d 0%,#555555 100%); background: -o-linear-gradient(top, #6d6d6d 0%,#555555 100%); background: -ms-linear-gradient(top, #6d6d6d 0%,#555555 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#555555',GradientType=0 ); background: linear-gradient(top, #6d6d6d 0%,#555555 100%); } a.small_button.dark:hover { color: #fff; background: #555555; background: -moz-linear-gradient(top, #555555 0%, #6d6d6d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#6d6d6d)); background: -webkit-linear-gradient(top, #555555 0%,#6d6d6d 100%); background: -o-linear-gradient(top, #555555 0%,#6d6d6d 100%); background: -ms-linear-gradient(top, #555555 0%,#6d6d6d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#6d6d6d',GradientType=0 ); background: linear-gradient(top, #555555 0%,#6d6d6d 100%); } /*****/ /* Big Buttons */ a.big_button, .big_button { display: inline-block; height: 34px; line-height: 34px; padding: 0 16px; color: #fff !important; font-weight: 700; font-size: 14px; border-radius: 4px; box-shadow: 0 1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .45); text-align: center; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); text-decoration: none; } a.big_button.green, .big_button.green { border: 1px solid #679a1b; background: #a2c623; background: -moz-linear-gradient(top, #a2c623 0%, #77b21d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a2c623), color-stop(100%,#77b21d)); background: -webkit-linear-gradient(top, #a2c623 0%,#77b21d 100%); background: -o-linear-gradient(top, #a2c623 0%,#77b21d 100%); background: -ms-linear-gradient(top, #a2c623 0%,#77b21d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2c623', endColorstr='#77b21d',GradientType=0 ); background: linear-gradient(top, #a2c623 0%,#77b21d 100%); } a.big_button.green:hover, .big_button.green:hover { background: #77b21d; background: -moz-linear-gradient(top, #77b21d 0%, #a2c623 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#77b21d), color-stop(100%,#a2c623)); background: -webkit-linear-gradient(top, #77b21d 0%,#a2c623 100%); background: -o-linear-gradient(top, #77b21d 0%,#a2c623 100%); background: -ms-linear-gradient(top, #77b21d 0%,#a2c623 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77b21d', endColorstr='#a2c623',GradientType=0 ); background: linear-gradient(top, #77b21d 0%,#a2c623 100%); } a.big_button.lightblue { border: 1px solid #489bc2; background: #88c9e8; background: -moz-linear-gradient(top, #88c9e8 0%, #58add5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88c9e8), color-stop(100%,#58add5)); background: -webkit-linear-gradient(top, #88c9e8 0%,#58add5 100%); background: -o-linear-gradient(top, #88c9e8 0%,#58add5 100%); background: -ms-linear-gradient(top, #88c9e8 0%,#58add5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88c9e8', endColorstr='#58add5',GradientType=0 ); background: linear-gradient(top, #88c9e8 0%,#58add5 100%); } a.big_button.lightblue:hover { background: #58add5; background: -moz-linear-gradient(top, #58add5 0%, #88c9e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#58add5), color-stop(100%,#88c9e8)); background: -webkit-linear-gradient(top, #58add5 0%,#88c9e8 100%); background: -o-linear-gradient(top, #58add5 0%,#88c9e8 100%); background: -ms-linear-gradient(top, #58add5 0%,#88c9e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58add5', endColorstr='#88c9e8',GradientType=0 ); background: linear-gradient(top, #58add5 0%,#88c9e8 100%); } a.big_button.red { border: 1px solid #9f2d13; background: #e05721; background: -moz-linear-gradient(top, #e05721 0%, #bf3e23 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e05721), color-stop(100%,#bf3e23)); background: -webkit-linear-gradient(top, #e05721 0%,#bf3e23 100%); background: -o-linear-gradient(top, #e05721 0%,#bf3e23 100%); background: -ms-linear-gradient(top, #e05721 0%,#bf3e23 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e05721', endColorstr='#bf3e23',GradientType=0 ); background: linear-gradient(top, #e05721 0%,#bf3e23 100%); } a.big_button.red:hover { background: #bf3e23; background: -moz-linear-gradient(top, #bf3e23 0%, #e05721 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bf3e23), color-stop(100%,#e05721)); background: -webkit-linear-gradient(top, #bf3e23 0%,#e05721 100%); background: -o-linear-gradient(top, #bf3e23 0%,#e05721 100%); background: -ms-linear-gradient(top, #bf3e23 0%,#e05721 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf3e23', endColorstr='#e05721',GradientType=0 ); background: linear-gradient(top, #bf3e23 0%,#e05721 100%); } a.big_button.grey { border: 1px solid #666; background: #969ea0; background: -moz-linear-gradient(top, #969ea0 0%, #83878a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#969ea0), color-stop(100%,#83878a)); background: -webkit-linear-gradient(top, #969ea0 0%,#83878a 100%); background: -o-linear-gradient(top, #969ea0 0%,#83878a 100%); background: -ms-linear-gradient(top, #969ea0 0%,#83878a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969ea0', endColorstr='#83878a',GradientType=0 ); background: linear-gradient(top, #969ea0 0%,#83878a 100%); } a.big_button.grey:hover { background: #83878a; background: -moz-linear-gradient(top, #83878a 0%, #969ea0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#83878a), color-stop(100%,#969ea0)); background: -webkit-linear-gradient(top, #83878a 0%,#969ea0 100%); background: -o-linear-gradient(top, #83878a 0%,#969ea0 100%); background: -ms-linear-gradient(top, #83878a 0%,#969ea0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83878a', endColorstr='#969ea0',GradientType=0 ); background: linear-gradient(top, #83878a 0%,#969ea0 100%); } a.big_button.dark { border: 1px solid #555; background: #6d6d6d; background: -moz-linear-gradient(top, #6d6d6d 0%, #555555 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d6d6d), color-stop(100%,#555555)); background: -webkit-linear-gradient(top, #6d6d6d 0%,#555555 100%); background: -o-linear-gradient(top, #6d6d6d 0%,#555555 100%); background: -ms-linear-gradient(top, #6d6d6d 0%,#555555 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#555555',GradientType=0 ); background: linear-gradient(top, #6d6d6d 0%,#555555 100%); } a.big_button.darkinactive { border: 1px solid #555; background: #6d6d6d; background: -moz-linear-gradient(top, #6d6d6d 0%, #555555 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d6d6d), color-stop(100%,#555555)); background: -webkit-linear-gradient(top, #6d6d6d 0%,#555555 100%); background: -o-linear-gradient(top, #6d6d6d 0%,#555555 100%); background: -ms-linear-gradient(top, #6d6d6d 0%,#555555 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#555555',GradientType=0 ); background: linear-gradient(top, #6d6d6d 0%,#555555 100%); cursor: default; } a.big_button.dark:hover { background: #555555; background: -moz-linear-gradient(top, #555555 0%, #6d6d6d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#6d6d6d)); background: -webkit-linear-gradient(top, #555555 0%,#6d6d6d 100%); background: -o-linear-gradient(top, #555555 0%,#6d6d6d 100%); background: -ms-linear-gradient(top, #555555 0%,#6d6d6d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#6d6d6d',GradientType=0 ); background: linear-gradient(top, #555555 0%,#6d6d6d 100%); } a.big_button.pink { border: 1px solid #c09ecd; background: #dbc7e4; background: -moz-linear-gradient(top, #dbc7e4 0%, #c09ecd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbc7e4), color-stop(100%,#c09ecd)); background: -webkit-linear-gradient(top, #dbc7e4 0%,#c09ecd 100%); background: -o-linear-gradient(top, #dbc7e4 0%,#c09ecd 100%); background: -ms-linear-gradient(top, #dbc7e4 0%,#c09ecd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbc7e4', endColorstr='#c09ecd',GradientType=0 ); background: linear-gradient(top, #dbc7e4 0%,#c09ecd 100%); } a.big_button.pink:hover { background: #c09ecd; background: -moz-linear-gradient(top, #c09ecd 0%, #dbc7e4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c09ecd), color-stop(100%,#dbc7e4)); background: -webkit-linear-gradient(top, #c09ecd 0%,#dbc7e4 100%); background: -o-linear-gradient(top, #c09ecd 0%,#dbc7e4 100%); background: -ms-linear-gradient(top, #c09ecd 0%,#dbc7e4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c09ecd', endColorstr='#dbc7e4',GradientType=0 ); background: linear-gradient(top, #c09ecd 0%,#dbc7e4 100%); } /*****/ /*****/ /* MESSAGES */ .message { margin: 0 0 10px; border-radius: 4px; min-width: 400px; text-align: left; } .message div { border-top: 1px solid #fff; border-radius: 4px; } .message.red div { color: #d54d4d; background: url(/img/icons/crossred_22x24_c.png) no-repeat 10px 8px; } .message.green div { color: #6f9944; background: url(/img/icons/checkgreen_22x22_c.png) no-repeat 10px 9px; } .message.yellow div { color: #707346; background: url(/img/icons/warningyellow_24x22_c.png) no-repeat 10px 7px; } .message.blue div { color: #3e87ba; background: url(/img/icons/infoblue_22x24_c.png) no-repeat 10px 7px; } .message p { padding: 10px 10px 10px 50px; font-weight: 700; margin: 0; line-height: 19px; overflow-wrap: break-word;} .message.green { border: 1px solid #c4e5a4; background: #ecfedb; background: -moz-linear-gradient(top, #ecfedb 0%, #d7eec0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ecfedb), color-stop(100%,#d7eec0)); background: -webkit-linear-gradient(top, #ecfedb 0%,#d7eec0 100%); background: -o-linear-gradient(top, #ecfedb 0%,#d7eec0 100%); background: -ms-linear-gradient(top, #ecfedb 0%,#d7eec0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecfedb', endColorstr='#d7eec0',GradientType=0 ); background: linear-gradient(top, #ecfedb 0%,#d7eec0 100%); } .message.red { border: 1px solid #f8c0c0; background: #ffeaea; background: -moz-linear-gradient(top, #ffeaea 0%, #fad1d1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffeaea), color-stop(100%,#fad1d1)); background: -webkit-linear-gradient(top, #ffeaea 0%,#fad1d1 100%); background: -o-linear-gradient(top, #ffeaea 0%,#fad1d1 100%); background: -ms-linear-gradient(top, #ffeaea 0%,#fad1d1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeaea', endColorstr='#fad1d1',GradientType=0 ); background: linear-gradient(top, #ffeaea 0%,#fad1d1 100%); } .message.yellow { border: 1px solid #d7dd87; background: #fafcd4; background: -moz-linear-gradient(top, #fafcd4 0%, #f2f7aa 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafcd4), color-stop(100%,#f2f7aa)); background: -webkit-linear-gradient(top, #fafcd4 0%,#f2f7aa 100%); background: -o-linear-gradient(top, #fafcd4 0%,#f2f7aa 100%); background: -ms-linear-gradient(top, #fafcd4 0%,#f2f7aa 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafcd4', endColorstr='#f2f7aa',GradientType=0 ); background: linear-gradient(top, #fafcd4 0%,#f2f7aa 100%); } .message.blue { border: 1px solid #b7dffb; background: #e9f6fe; background: -moz-linear-gradient(top, #e9f6fe 0%, #cceaff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9f6fe), color-stop(100%,#cceaff)); background: -webkit-linear-gradient(top, #e9f6fe 0%,#cceaff 100%); background: -o-linear-gradient(top, #e9f6fe 0%,#cceaff 100%); background: -ms-linear-gradient(top, #e9f6fe 0%,#cceaff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f6fe', endColorstr='#cceaff',GradientType=0 ); background: linear-gradient(top, #e9f6fe 0%,#cceaff 100%); } /*****/ /* NOTICES */ .boxed_notices { background: #edf7fe url(/img/icons/info_50x50_c.png) no-repeat 14px center; border: 1px solid #b7dffb; padding: 10px 10px 10px 80px; color: #3e87ba; line-height: 16px; } .boxed_notices h5 { font-size: 13px; margin: 0 0 4px; } .notice h4 { height: 40px; line-height: 40px; padding: 0 10px 0 38px; font-size: 16px; font-weight: 700; } .notice .container { padding: 9px; } .notice ul { list-style-type: disc; list-style-position: inside; } .notice ul li { margin: 5px 0 0; } .notice ul li:first-child { margin: 0; } .notice.blue { background: #edf4f8; border: 1px solid #d6e2ea; } .notice.blue h4 { background: #e4eef5 url(/img/icons/info_16x16_c.png) no-repeat 12px center; border-bottom: 1px solid #d6e2ea; color: #2e556e; } .notice.green { background: #e7ffcd; border: 1px solid #d0e7b2; } .notice.green h4 { background: #ddf7c1 url(/img/icons/checkgreen_16x15_c.png) no-repeat 12px center; border-bottom: 1px solid #d0e7b2; color: #567c2d; } .notice.yellow { background: #fffdfa; border: 1px solid #efe8d9; } .notice.yellow h4 { background: #fbf8f2 url(/img/icons/warningyellow_16x16_c.png) no-repeat 12px center; border-bottom: 1px solid #efe8d9; text-align: left; } /*****/ /* SLIDER */ .slidenav ul { float: left; margin: 6px 8px 0 0; } .slidenav ul li { float: left; margin: 0 0 0 8px; } .slidenav ul li a { float: left; background: #fff; border: 1px solid #c2c2c2; width: 7px; height: 7px; padding: 2px; border-radius: 10px; box-shadow: inset 0 1px 4px rgba(0, 0, 0, .2); cursor: pointer; outline: none; } .slidenav ul li a span { display: block; width: 7px; height: 7px; background: #333; border-radius: 10px; opacity: 0; } .slidenav ul li.current a span { opacity: 1; } .slidenav .prev, .slidenav .next { float: left; background: #333; width: 25px; height: 25px; border-radius: 20px; text-align: center; line-height: 27px; } .slidenav .next span, .slidenav .prev span { display: block; width: 25px; height: 25px; background: url(/img/icons/arrowwhiteright_5x9_bw.gif) no-repeat 11px center; cursor: pointer; } .slidenav .prev span { background: url(/img/icons/arrowwhiteleft_5x9_bw.gif) no-repeat 9px center; } .allslidesmask { overflow: hidden; position: relative; width: 800px; height: 450px; } .allslidesmask .slidecontainer { position: relative; height: 450px; left: -800px; width: 2400px; } .allslidesmask .slidecontainer .slide { position: relative; float: left; width: 800px; height: 450px; } .allslidesmask .slidecontainer .slide > div { position: relative; width: 800px; height: 450px; } .allslidesmask .slidecontainer .slide > div.index { background: url(/img/whatsnew_screen1.png) no-repeat center 10px; } .allslidesmask .slidecontainer .slide > div.myaccounts { background: url(/img/whatsnew_screen2.png) no-repeat center 10px; } .allslidesmask .slidecontainer .slide > div.support { background: url(/img/whatsnew_screen3.png) no-repeat center 10px; } .allslidesmask .slidecontainer .slide > div.referraldeals { background: url(/img/whatsnew_screen4.png) no-repeat center 10px; } .allslidesmask .slidecontainer .slide > div.resources { background: url(/img/whatsnew_screen5.png) no-repeat center 10px; } .allslidesmask .slidecontainer .slide > div.cpanel { background: url(/img/whatsnew_screen6.png) no-repeat center 10px; } .allslidesmask .slidecontainer .slide > div > div { position: absolute; } .allslidesmask .slidecontainer .slide > div > div h6 { font-size: 14px; font-weight: 700; color: #444; margin: 0 0 10px; } .allslidesmask .slidecontainer .slide > div > div p { margin: 0; } .allslidesmask .slidecontainer .slide > div > div a { display: inline-block; margin: 6px 0 0; color: #688caa; text-decoration: none; } .allslidesmask .slidecontainer .slide > div > div a:hover { color: #5e8db4; text-decoration: underline; } .allslidesmask .slidecontainer .slide > div > div > div { position: absolute; } .allslidesmask .slidecontainer .slide > div.indexrs { background: url(/img/whatsnew1.png) no-repeat center 10px; } .allslidesmask .slidecontainer .slide > div.myaccountsrs { background: url(/img/whatsnew2.png) no-repeat center 10px; } .allslidesmask .slidecontainer .slide > div.supportrs { background: url(/img/whatsnew3.png) no-repeat center 10px; } .allslidesmask .slidecontainer .slide > div.billingrs { background: url(/img/whatsnew4.png) no-repeat center 10px; } .allslidesmask .slidecontainer .slide > div.resourcesrs { background: url(/img/whatsnew5.png) no-repeat center 10px; } /* Slide Elements */ .topborder { border-top: 1px solid #777 !important; padding: 10px 0 0; } .leftborder { border-left: 1px solid #777 !important; padding: 0 0 0 10px; } /*****/ /* POPUP */ #popup_fader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.5; filter: alpha(opacity=30); z-index: 9996; background: #000; } .popup { position: fixed; top: 50%; left: 50%; padding: 20px; z-index: 9999; background: #fff; border: 4px solid #c9c9c9; box-shadow: 0 0 50px rgba(0, 0, 0, .75); } .popup h2.maintitle { text-align: center; } .popup a.close { position: absolute; top: -20px; right: -20px; width: 32px; height: 32px; background: url(/img/close.png) left top; margin: 0; text-indent: -9999px; } .popup a.close:hover { background: url(/img/close.png) left bottom; } .adding_new_extra .selectbox { margin: 6px 0 0; } .adding_new_extra .row { overflow: hidden; line-height: 24px; background: url(/img/dots.gif) repeat-x left 16px; font-size: 13px; text-align: right; } .adding_new_extra .row label { float: left; padding: 0 2px 0 10px; background: #f8f8f8 url(/img/icons/arrowgrey_5x9_bw.gif) no-repeat left 8px; } .adding_new_extra .row span { float: right; background: #f8f8f8; padding: 0 0 0 2px; } .adding_new_extra p.terms { margin: 14px 0; } .adding_new_extra p.terms input { margin: 0 5px 0 0; vertical-align: middle; } .adding_new_extra p.terms a { color: #666; text-decoration: underline; } .generate_ssh_key .row { overflow: hidden; margin: 10px 0 0; } .generate_ssh_key .row:first-child { margin: 0; } .generate_ssh_key label { float: left; height: 24px; line-height: 24px; } .generate_ssh_key .left { float: left; width: 230px; } .generate_ssh_key .left label { width: 80px; } .generate_ssh_key .right { float: right; width: 242px; } .generate_ssh_key .right label { width: 112px; } .add_firewall_ip label { float: left; height: 24px; line-height: 24px; width: 110px; } .add_firewall_ip .acenter { margin: 10px 0 0; } .exceptionalrating h3 { font-size: 19px; font-weight: 400; margin: 0 0 10px; } .exceptionalrating .databox.blue { background: #edf5fa url(/img/popup_smiley_bg.png) no-repeat right center; } .exceptionalrating .databox.blue p { color: #6da5c7; font-weight: 700; } .exceptionalrating ul li { background: url(/img/icons/arrowgrey_5x9_bw.gif) no-repeat left center; margin: 4px 0 0; padding: 0 0 0 14px; } .exceptionalrating ul li:first-child { margin: 0; } .popup.cpanel { width: 500px; height: 176px; margin: -112px 0 0 -274px; } .popup.affiliateprogram { width: 580px; height: 200px; margin: -124px 0 0 -314px; } .popup.affiliateprogram .row span { line-height: 24px; margin: 0 0 0 8px; } .popup.howcoolisthat { position: absolute; width: 700px; margin: 0 0 0 -374px; } .popup.howcoolisthat > img { display: block; } .popup.howcoolisthat .share { border: 1px solid #ddd; } .popup.howcoolisthat h3 { float: left; margin: 7px 10px 0 0; color: #de5621; } .popup.howcoolisthat ul li { float: left; margin: 0 0 0 10px; } .popup.howcoolisthat ul li img { display: block; } .popup.howcoolisthat textarea { border: 1px solid #c6c5c5; background: #f1f1f1; border-radius: 4px; width: 100%; height: 80px; padding: 9px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; resize: none; } .popup.howcoolisthat .url { float: left; width: 540px; border: 1px solid #c6c5c5; background: #f1f1f1; border-radius: 4px; padding: 10px 9px; margin: 0 10px 0 0; } .popup.howcoolisthat .url span { color: #333; } .popup.howcoolisthat .url input { background: transparent; border: none; width: 500px; color: #333; } .popup.geekysoftware { position: absolute; width: 700px; margin: 0 0 0 -374px; } /*****/ /* LOGIN */ body.login-page { height: 20%; padding: 0; background: url(../images/coas.png) no-repeat; background-attachment:fixed; color:#333;} .login { position: absolute; width: 400px; top: 20%; left: 50%; text-align: center; font: 16px 'Open Sans', Helvetica, Arial, sans-serif; -webkit-transform: translate(-50%,-20%); -moz-transform: translate(-50%,-20%); -ms-transform: translate(-50%,-20%); -o-transform: translate(-50%,-20%); transform: translate(-50%,-20%); box-sizing: border-box; -moz-box-sizing: border-box; } .login * { box-sizing: border-box; -moz-box-sizing: border-box; } .login .message, .login .error { max-width: 400px; min-width: 0; font-size: 14px; font-weight: 400; } .login > div { margin: 0 0 20px; } .login > div h3 { background: #ffffff; border-radius: 10px 10px 0 0; } .login > div h3 a { position: relative; display: block; padding: 14px 0; } .login > div h3 a:after { position: absolute; bottom: 4px; left: 50%; content: ""; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #2c2c2c; -webkit-transform: translate(-50%,-20%); -moz-transform: translate(-50%,-20%); -ms-transform: translate(-50%,-20%); -o-transform: translate(-50%,-20%); transform: translate(-50%,-20%);} .login > div h3 a svg { display: block; width: 150px; margin: 0 auto; } .login > div .form-content { padding: 30px 35px; background: #eff0f0; border-radius: 0 0 5px 5px; box-shadow: 0 4px 6px rgba(0,0,0,.1); } .login > div .form-content > p, .login > div .form-content > label { font-size: 14px; line-height: 20px; } .login > div .form-content .fields { margin: 0 0 15px; border-radius: 5px; box-shadow: 0 1px 0 #fff, inset 0 2px 3px rgba(0,0,0,.1); background: #fff; } .login > div .form-content .fields .row { height: 49px; border: 1px solid #c0c0c0; border-radius: 0 0 5px 5px; } .login > div .form-content .fields .row:first-of-type { border-bottom: none; border-radius: 5px 5px 0 0; } .login > div .form-content .fields .row .icon { float: left; width: 15%; height: 47px; background: #f3f3f3 url(../images/password.png) no-repeat center center; box-shadow: inset -1px 0 0 #c0c0c0; border-radius: 0 0 0 5px; } .login > div .form-content .fields .row .icon svg { display: block; margin: 16px auto 0; } .login > div .form-content .fields .row .icon svg path { fill: #bababa; } .login > div .form-content .fields .row:first-of-type .icon { background: #f3f3f3 url(../images/message.png) no-repeat center center; border-radius: 5px 0 0 0; } .login > div .form-content .fields .row > input { height: 47px; border: none; padding: 0 15px; width: 85%; font-size: 16px; background: transparent; } .login > div .form-content .fields .row > input.long { width: 100%; } .login > div .form-content .fields .row > input::-webkit-input-placeholder { font-size: 16px; color: #b7b7b7; } .login > div .form-content .fields .row > input:-moz-placeholder { font-size: 16px; color: #b7b7b7; opacity: 1; } .login > div .form-content .fields .row > input::-moz-placeholder { font-size: 16px; color: #b7b7b7; opacity: 1; } .login > div .form-content .fields .row > input:-ms-input-placeholder { font-size: 16px; color: #b7b7b7; } .login > div .form-content .fields .row > input:-webkit-autofill { box-shadow: 0 0 0 100px #fff inset; border-radius: 5px; } .login > div .form-content .fields .row:first-of-type > input { height: 48px; color: #666; } .login > div .form-content .fields.pass-lookup .row .icon { padding: 0 10px; width: 30%; line-height: 48px; font-size: 14px; text-align: left; } .login > div .form-content .fields.pass-lookup .row .icon input { float: left; margin: 18px 6px 0 0; color: #666; } .login > div .form-content .fields.pass-lookup .row > input { width: 70%; } .login > div .form-content .fields.two-factor .row:first-of-type { border-bottom: 1px solid #c0c0c0; border-radius: 5px; } .login > div .form-content .fields.two-factor .row:first-of-type .icon { box-shadow: inset -1px 0 0 #c0c0c0, inset 0 -1px 0 #c0c0c0; border-radius: 5px 0 0 5px; } .login > div .form-content .forgot-pass { display: inline-block; margin: 0 0 30px; padding: 0 0 1px; border-bottom: 1px solid #eff0f0; text-decoration: none; font-size: 13px; color: #878787; } .login > div .form-content .forgot-pass:hover { border-bottom: 1px solid #878787; } .login > div .form-content .large_button { position: relative; display: block; background:url(../images/login.png) #4b99d0; background-repeat:no-repeat; background-position:right; color: #000 !important; height: 44px; padding: 0 25px; color: #000 !important; font: 700 16px/42px 'Source Sans Pro', Arial, Helvetica, Tahoma, sans-serif; border-radius: 3px; text-align: center; text-transform: uppercase; overflow: hidden; @include transition(all, .15s, linear); text-decoration: none; transition: all .15s linear; -moz-transition: all .15s linear; -webkit-transition: all .15s linear; -o-transition: all .15s linear; } .login > div .form-content .large_button:hover { color: #fff !important; text-decoration: none !important; background: #66addf; } .login > div .form-content .large_button:active { background: #66addf; } .login ul { text-align: center; } .login ul li { position: relative; display: inline; padding: 0 0 0 12px; margin: 0 0 0 8px; } .login ul li:before { position: absolute; top: 12px; left: 0; width: 2px; height: 2px; background: #d3d3d3; content: ""; border-radius: 50%; } .login ul li:first-child:before { content: none; } .login ul li a { padding: 0 0 1px; font-size: 12px; color: #d3d3d3; text-decoration: none; } .login ul li a:hover { color: #ddd; border-bottom: 1px solid #ddd; } .login > p { margin: 10px 0 0; color: #b1b1b1; font-size: 12px; } /*****/ /* HEADER */ #header { height: 68px; padding: 10px 0 0; position: relative; } #header #logo { float: left; margin: 8px 0 0; } #header #logo img { display: block; } #profile_compact { float: right; background: #f8f8f8; padding: 4px; font-weight: 700; border-radius: 4px; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4); } #profile_compact > a { float: left; margin: 0 6px 0 0; background: #fff; border-radius: 4px; } #profile_compact > a img { display: block; border-radius: 4px; } #profile_compact #profile_nav { float: left; } #profile_compact #profile_nav > ul > li { float: left; padding: 0 0 0 10px; margin: 0 9px 0 0; line-height: 20px; background: url(/img/separator_1x12_bw.gif) no-repeat left 5px; color: #999; } #profile_compact #profile_nav > ul > li:first-child { background: none; padding: 0; } #profile_compact #profile_nav > ul > li a { display: block; color: #666; } #profile_compact #profile_nav > ul > li.messages { z-index: 9999; } #profile_compact #profile_nav > ul > li.messages > a { position: relative; padding: 0 0 0 18px; text-decoration: none; } #profile_compact #profile_nav > ul > li.messages > a:before { content: "!"; position: absolute; top: 4px; left: 0; width: 13px; height: 13px; line-height: 13px; border-radius: 4px; background: #D14C22; font-size: 10px; font-weight: 700; color: #fff; text-align: center; } #profile_compact #profile_nav > ul > li.messages > a:hover:before { background: #f6a924; } #profile_compact #profile_nav > ul > li.messages.have > a { color: #d14c22; } #profile_compact #profile_nav > ul > li.messages.have > a:hover { color: #f6a924; } #profile_compact #profile_nav > ul > li:hover .importantmsg { display: block; } #profile_compact #profile_nav ul li .importantmsg { display: none; position: absolute; background: #fff; padding: 9px; top: 30px; right: -5px; z-index: 9999; width: auto; font-weight: 400; border-radius: 5px; box-shadow: 0 2px 6px rgba(0, 0, 0, .2); } #profile_compact #profile_nav ul li .importantmsg h4 { font-size: 13px; color: #e7663d; margin: 0 0 10px; } #profile_compact #profile_nav ul li .importantmsg ul li { overflow: hidden; display: block; padding: 0 10px 0 18px; background: url(/img/icons/arrowgrey_4x7_bw.png) no-repeat 6px 9px #f2f2f2; height: 25px; line-height: 25px; } #profile_compact #profile_nav ul li .importantmsg ul li.odd { background: url(/img/icons/arrowgrey_4x7_bw.png) no-repeat 6px 9px #fff; } #profile_compact #profile_nav ul li .importantmsg ul li a { display: block; text-decoration: none; } #profile_compact #profile_nav ul li .importantmsg ul li a:hover { color: #e7663d; text-decoration: underline; } /*****/ /* MAIN MENU */ #mainmenu { height: 38px; } #mainmenu table { width: 100%; } #mainmenu table tr td { padding: 0 0 0 3px; } #mainmenu table tr td:first-child { padding: 0; } #mainmenu table tr td a { display: block; background: #717171; background: -moz-linear-gradient(top, #717171 0%, #535353 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#717171), color-stop(100%,#535353)); background: -webkit-linear-gradient(top, #717171 0%,#535353 100%); background: -o-linear-gradient(top, #717171 0%,#535353 100%); background: -ms-linear-gradient(top, #717171 0%,#535353 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#717171', endColorstr='#535353',GradientType=0 ); background: linear-gradient(top, #717171 0%,#535353 100%); padding: 0 10px; height: 38px; line-height: 37px; color: #fff; font-weight: 700; text-align: center; text-decoration: none; border-top-left-radius: 4px; border-top-right-radius: 4px; text-shadow: 0 -1px 0 rgba(0, 0, 0, .4); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2); font-size: 14px; } #mainmenu table tr td a:hover, #mainmenu table tr td a.current { text-shadow: none; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f2f2f2',GradientType=0 ); background: #f2f2f2; color: #666; } /*****/ /* LAYOUT */ #background { position: absolute; top: 0; left: 0; width: 100%; height: 156px; border-bottom: 1px solid #7c7c7c; background: #393939; box-shadow: inset 0 -10px 20px rgba(0, 0, 0, .4); z-index: -1; } #wrapper { width: 880px; margin: 0 auto; } #holder { width: 880px; box-shadow: 0 10px 20px rgba(0, 0, 0, .5); border-radius: 4px; } #content { width: 840px; padding: 20px; background: #f2f2f2; } #holder.nonav #content { padding: 40px 20px 30px; border-radius: 4px; } #maincol.wcol { float: left; width: 576px; } #maincol.wocol { float: left; width: 840px; } #rightcol { float: right; width: 244px; } .promomanager { position: fixed; bottom: 0; right: 50px; padding: 10px 20px; background: #eee; font-size: 12px; text-align: center; border-radius: 5px 5px 0 0; box-shadow: 2px 4px 0 rgba(0,0,0,.1); z-index: 10000; } .promomanager > a { font-size: 14px; font-weight: 700; color: #333; cursor: pointer; } .promomanager > a:hover { text-decoration: none; } .promomanager > div { display: none; bottom: 0; right: 200px; width: 300px; margin: 10px 0 0; text-align: left; } .promomanager > div label { color: #333; float: left; width: auto; margin: 0 10px 0 0; font-weight: 700; } .promomanager > div .input { width: 100%; height: 28px; margin: 0 0 2px; box-sizing: border-box; -moz-box-sizing: border-box; } .promomanager > div form > div { border-top: 1px solid #d3d3d3; margin: 15px 0 0; } .promomanager > div form > div > div { margin: 10px 0 0; } /*****/ /* BOXES */ .box, .columnbox { margin: 0 0 20px; background: #fff; } .box h3, .columnbox h3 { padding: 0 10px; height: 30px; line-height: 30px; background: #666; color: #fff; border-bottom: 2px solid #bbb; text-transform: uppercase; font-size: 14px; } .box_gradiented { border: 1px solid #ddd; background: #fff url(/img/box_gradiented_bg.gif) repeat-x left top; padding: 14px 10px; margin: 0 0 20px; } /*****/ /* FOOTER */ #footer { overflow: hidden; height: 30px; line-height: 30px; padding: 0 20px; background: #444; border-top: 3px solid #888; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; font-size: 11px; color: #ccc; } #footer p { float: left; margin: 0; font-weight: 700; line-height: 30px; } #footer > ul { padding: 0 0 0 10px;} #footer > ul li { float: left; padding: 0 10px; background: url(/img/separator_1x12_bw.gif) no-repeat left center; } #footer ul li a { color: #ccc; text-decoration: none; } #footer ul li a:hover { color: #eee; text-decoration: underline; } #footer ul li.social { background: none; padding: 0; margin: 5px 0 0 5px; } #footer ul li.social a { float: left; opacity: 0.7; filter: alpha(opacity=70); } #footer ul li.social a:hover { opacity: 1; filter: alpha(opacity=100); } #footer ul li.social a img { display: block; } #footer .vatandpeyments ul{ position: relative; padding: 5px 0 0 0 ;} #footer .vatandpeyments ul li{ display: inline-block; width: 32px; height: 20px; } #footer .vatandpeyments ul li.visa{ background: url(/img/icons/icon-visa32x20.jpg) no-repeat; } #footer .vatandpeyments ul li.mastercard{ background: url(/img/icons/icon-mastercard32x20.jpg) no-repeat; } #footer .vatandpeyments ul li.discover{ background: url(/img/icons/icon-discover32x20.png) no-repeat; } #footer .vatandpeyments ul li.amex{ background: url(/img/icons/icon-amex32x20.png) no-repeat; } #footer .vatandpeyments ul li.ideal{ background: url(/img/icons/icon-ideal32x20.jpg) no-repeat; } #footer .vatandpeyments p { background: url(/img/separator_1x12_bw.gif) no-repeat left center; padding: 0 0 0 10px; margin: 0 0 0 10px;} #footer .vatandpeyments a { color: inherit; } /*****/ /* INDEX */ /* Important Messages */ .important_messages { border: 1px solid #e9e9e9; } .important_messages .row { overflow: hidden; padding: 5px; line-height: 19px; color: #d14c22; font-weight: 700; } .important_messages .row:nth-child(2n) { background: #f8f8f8; } .important_messages p { float: left; width: 450px; margin: 0; line-height: 20px; } /*****/ /* Stats & Reports */ .stats_reports { overflow: hidden; } .stats_reports .box_gradiented { float: left; display: inline; width: 251px; padding: 10px; } .stats_reports .box_gradiented img { float: left; margin: 0 12px 0 0; } .stats_reports .box_gradiented p { font-size: 14px; font-weight: 700; margin: 0; padding: 2px 0 10px; } .stats_reports .box_gradiented p span { color: #569f1c; } .joomlaonlyclients .box_gradiented { width: 146px; text-align: center; } .joomlaonlyclients #view-joomlatuts { display: block; text-align: center; background: #fff; border: 1px solid #dddddd; text-align: center; margin: 0 0 10px 0 ; text-decoration: none; height: 30px; line-height: 30px; } .joomlaonlyclients #view-joomlatuts span { position: relative; margin: 0 0 0 10px; } .joomlaonlyclients .box_gradiented p { font-weight: bold; } .uaindex .promotions .promo.joomlaonlyclients .offer { padding: 15px 15px 0; } .uaindex .promotions .promo.joomlaonlyclients { margin: 0 0 10px 0; } .joomlaonlyclients .offer a.bluelink { font-size: 16px; color: #5eacc9; font-weight: 700; } .uaindex .stats_reports.p9 { border-bottom: none; } .download-commissions { position: relative; padding: 15px 0 5px 0 ;} .allert-download { background: #fafafa url(/img/icons/warningyellow_16x16_c.png) no-repeat 10px center; border: 1px solid #ddd; margin: 10px 0 0; padding: 10px;} .allert-download p { margin: 0 0 0 25px; } /*CONVERSION REPORT */ .defaulttable td.expandable a { padding: 0 0 0 15px; margin: 0 0 0 -15px; } .defaulttable td.expandable a.plus { background: url(/img/icons/plus_7x7.png) no-repeat left 3px; } .defaulttable td.expandable a.minus { background: url(/img/icons/minus_7x1.png) no-repeat left 6px; } .defaulttable tr.expandet td { padding: 3px 6px; background: #e6e6e6; } /*Joomla Sleep */ .sleepjoomla.box_gradiented { width: 534px;} .sleepjoomla.box_gradiented p { margin: 0 0 10px; line-height: 17px; font-size:12px; font-weight: 500; padding: 0;} .sleepjoomla.box_gradiented h4 { font-weight: bold; font-size: 14px; padding: 0 0 10px 0; } .sleepjoomla.box_gradiented .left, .sleepjoomla .left { padding: 0 0 0 62px; background: url(/img/icons/allert34x28.png) no-repeat 7px center; } .sleepjoomla.box_gradiented .left .fleft, .sleepjoomla .left .fleft { float: none !important;} .accountinfo .loading-joomla { width: 797px; } .loading-joomla .jloader { float:left; width: 62px; } .loading-joomla .loader-text { float: left;} .loading-joomla.box_content .loader-text { padding: 8px 0 0;} .loading-joomla.box_content .joomla-loader { margin: 0 15px 0 0;} .loading-joomla .loader-text p { margin: 0;} .joomla-loader { width: 24px; height: 24px; float: left; vertical-align: middle; position: relative; margin: 8px 15px 0 0; } .loader-quart { border-radius: 24px; border: 5px solid rgba(145, 196, 107, 0.6); } .loader-quart:after { content: ''; position: absolute; top: -5px; left: -5px; bottom: -4px; right: -5px; border-radius: 24px; border: 5px solid transparent; border-top-color: #80be28; -webkit-animation: spin 1s linear infinite; -moz-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } /*Loader Animations */ @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @keyframes spin { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /*****/ /* Success Tips */ .successtips_compact { background: url(/img/thumb.png) no-repeat right bottom; } .successtips_compact h4 { margin: 15px 0 0; line-height: 20px; font-size: 18px; } .successtips_compact p a { color: #6aaf32; } /*****/ /*****/ /* BILLING SETTINGS */ .billingsettings .databox { margin: 0 0 10px; overflow: visible; } .billingsettings .databox .left { float: left; width: 380px; } .billingsettings .databox .right { float: right; width: 380px; } .billingsettings .databox .row { height: 24px; line-height: 24px; margin: 10px 0 0; position: relative;} .billingsettings .databox .row:first-child { margin: 0; } .billingsettings .databox .row.big { height: auto; } .billingsettings .databox .row label { float: left; width: 120px; font-weight: 700; cursor: pointer; } .billingsettings .databox .row input[type="text"] { float: left; width: 250px; } .billingsettings .databox .row input[type="radio"] { top: 5px; position: relative;} .billingsettings .databox .row span.tooltiphelp { position: relative; margin: 0 0 0 10px;} .billingsettings .databox .row span.tooltiphelp .shortinfo { display: none; position: absolute; top: 10px; left: 10px; z-index: 8000; width: 200px; background: #fff; padding: 10px; border-radius: 6px; border: 1px solid #ccc; box-shadow: 0 0 10px rgba(0, 0, 0, .2); font: 400 11px Arial, Tahoma, sans-serif; color: #666; text-align: left; cursor: default; } .billingsettings .databox .row span.tooltiphelp:hover .shortinfo { display: block; } .billingsettings .ownerdetails { margin: 0 0 10px; overflow: visible; padding:4px 10px 14px 97px; position: relative;} .billingsettings .ownerdetails.large { margin: 0 0 10px; overflow: visible; padding:14px 10px 14px 10px; position: relative;} .billingsettings .ownerdetails .back { position: absolute; left: 10px; top: 20px;} .billingsettings .ownerdetails .row { min-height: 24px; line-height: 24px; margin: 10px 0 0; position: relative;} .billingsettings .ownerdetails .row:first-child { margin: 0; } .billingsettings .ownerdetails .row.big { height: auto; } .billingsettings .ownerdetails .row label { float: left; width: 120px; font-weight: 700; cursor: pointer; } .billingsettings .ownerdetails.large .row label { width: 180px; } .billingsettings .ownerdetails.large .row h2 { font-size: 16px;} .billingsettings .ownerdetails .row label.tooltiphelp span { border-bottom: 1px dotted #666666; position: relative } .billingsettings .ownerdetails .row label.tooltiphelp .shortinfo { display: none; position: absolute; top: 20px; left: 10px; z-index: 8000; width: 200px; background: #fff; padding: 10px; border-radius: 6px; border: 1px solid #ccc; box-shadow: 0 0 10px rgba(0, 0, 0, .2); font: 400 11px Arial, Tahoma, sans-serif; color: #666; text-align: left; cursor: default; } .billingsettings .ownerdetails .row label.tooltiphelp span:hover + .shortinfo { display: block;} .billingsettings .ownerdetails .row input[type="text"] { float: left; width: 200px; } .billingsettings .ownerdetails .row input[type="radio"] { top: 5px; position: relative;} .billingsettings .paymentoptions img { float: left; margin: 0 20px 0 0; } .billingsettings .paymentoptions .box_gradiented .row { overflow: hidden; height: 24px; line-height: 24px; margin: 0 0 10px; } .billingsettings .paymentoptions .box_gradiented #wire_box, .billingsettings .paymentoptions .box_gradiented #paypal_box { border-top: 1px solid #eee; margin: 15px 0 0; padding: 14px 0 0 0; } .billingsettings .paymentoptions .box_gradiented #wire_box > div { width: 355px; } .billingsettings .paymentoptions .box_gradiented #wire_box .standardformlabel { width: 170px; } .billingsettings .paymentoptions .box_gradiented #wire_box .row.big { width: auto; height: auto; } .billingsettings .paymentoptions .box_gradiented #wire_box .row textarea { float: left; width: 700px; height: 60px; } .billingsettings .paymentoptions .box_gradiented { position: relative; padding: 14px 10px 14px 97px} .billingsettings .paymentoptions .box_gradiented img { position: absolute; left: 10px;} .billingsettings .paymentamount img { float: left; margin: 0 30px 0 0; } .domain-settings { width: 100%; text-align: left; } .domain-settings .status { background: #666; color: white; font-weight: bold; text-align: center; } .domain-settings .status td:nth-child(1) {width: 174px; padding-left: 20px;} .domain-settings .status td:nth-child(2) {width: 171px; padding-left: 20px;} .domain-settings .status td:nth-child(3) {width: 93px;} .domain-settings .status td:nth-child(4) {width: 128px;} .domain-settings .status td { padding: 10px; } .domain-settings tr {border-bottom: 1px solid #ddd; background: #f6f6f6;} .domain-settings tr td { padding: 5px;} .domain-settings .rows:nth-child(odd) { } .domain-settings .main-title { background: #efefef url(/img/icons/package_16x14_c.png) no-repeat 8px center; padding-left: 10px; border-top: 3px solid #bebebe;} .domain-settings .main-title h2 { padding: 20px; font-size: 15px; text-align: left;} .domain-settings .product-plan { font-weight: bold; padding-left: 18px; background: url(/img/icons/arrowsimple_8x10_bw.gif) no-repeat 8px 11px;} .domain-settings select {position: absolute; top: 0; left: -1px; height: 22px; opacity: 0; filter: alpha(opacity=0); z-index: 20; font: 400 12px Arial, Tahoma, sans-serif; color: #888; cursor: pointer;} .domain-settings .selectbox {width: 100px;} .savestng-btn { margin-top: 10px;} .border-grey {border: 1px solid #c9c9c9;} .domain-settings tr.border-none {border-bottom: none;} .domain-settings .p10 {padding: 10px; background: white;} /* Switch Button */ .cmn-toggle { position: absolute; margin-left: -9999px; visibility: hidden; } .cmn-toggle + label { display: block; position: relative; cursor: pointer; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } input.cmn-toggle-round-flat + label { padding: 2px; width: 40px; height: 18px; background-color: #dddddd; -webkit-border-radius: 18px; -moz-border-radius: 18px; -ms-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; } input.cmn-toggle-round-flat + label:before, input.cmn-toggle-round-flat + label:after { display: block; position: absolute; content: ""; } input.cmn-toggle-round-flat + label:before { top: 2px; left: 2px; bottom: 2px; right: 2px; background-color: #fff; -webkit-border-radius: 18px; -moz-border-radius: 20px; -ms-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; } input.cmn-toggle-round-flat + label:after { top: 4px; left: 4px; bottom: 4px; width: 14px; background-color: #dddddd; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px; border-radius: 22px; -webkit-transition: margin 0.4s, background 0.4s; -moz-transition: margin 0.4s, background 0.4s; -o-transition: margin 0.4s, background 0.4s; transition: margin 0.4s, background 0.4s; } input.cmn-toggle-round-flat:checked + label { background-color: #88c841; } input.cmn-toggle-round-flat:checked + label:after { margin-left: 22px; background-color: #88c841; } /*****/ /* STATS & REPORTS */ .compTootlip { position: absolute; left: 106px; top: 10px; padding: 10px; background: #F9F9F9; border: 1px solid #ccc; border-radius: 10px; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); z-index: 100; white-space: nowrap; } /*****/ /* SUCCESS Tools */ .successtools .tip { overflow: hidden; margin: 15px 0 0; } .successtools .tip:first-child { margin: 0; } .successtools .tip div { float: left; width: 476px; } .successtools .tip h4 { background: url(/img/icons/arrowgreen_5x9_c.gif) no-repeat left center; margin: 0 0 10px; padding: 0 0 0 12px; font: 700 14px/18px Arial, Tahoma, sans-serif; color: #7bbb3b; } .successtools .tip img { float: left; margin: 0 15px 0 0; } /*****/ /* SUCCESS TIPS */ .successtips .tip { overflow: hidden; margin: 15px 0 0; } .successtips .tip:first-child { margin: 0; } .successtips .tip div { float: left; width: 476px; } .successtips .tip h4 { background: url(/img/icons/arrowgreen_5x9_c.gif) no-repeat left center; margin: 0 0 10px; padding: 0 0 0 12px; font: 700 14px/18px Arial, Tahoma, sans-serif; color: #7bbb3b; } .successtips.guide .tip h4 { font-size: 15px; line-height: 20px; background: transparent; color: #5b4646; padding: 0; } .successtips.guide .tip h4:first-of-type { text-transform: uppercase; } .successtips .tip img { float: left; margin: 0 15px 0 0; } .successtips .tip h2 { font-weight: 600; margin: 0 0 10px 0; font-size: 14px;} .successtips .tip ul {margin: 0 0 10px 0;} .successtips .tip ul li{ list-style-type: disc; line-height: 22px; list-style-position:inside; } /*****/ /* SUCCESS Content */ .successtips .tip { overflow: hidden; margin: 15px 0 0; } .successtips .tip:first-child { margin: 0; } .successtips .tip div { float: left; width: 476px; } .successtips .tip h4 { background: url(/img/icons/arrowgreen_5x9_c.gif) no-repeat left center; margin: 0 0 10px; padding: 0 0 0 12px; font: 700 14px/18px Arial, Tahoma, sans-serif; color: #7bbb3b; } .successtips .tip img { float: left; margin: 0 15px 0 0; } /*****/ /* MY DETAILS */ .mydetails .databox { margin: 0 0 10px; } .mydetails .databox .left { float: left; width: 380px; } .mydetails .databox .userdetails { position: relative; padding: 0; min-height: 100px; width: 800px; } .mydetails .databox .userdetails .viewavatar { width: 65px; height: 65px; margin: 0 40px 70px 0; } .mydetails .databox .userdetails .row label { margin: 0 10px 0 0; width: 130px; } .mydetails .databox .viewavatar em { display: block; font-size: 11px; line-height: normal; text-align:center; width:70px; } .mydetails .databox .passwordandtwo .small_button { min-width: 60px; margin: 0 10px 0 0;} .mydetails .databox .currentpass { float: left; width: 420px;} .mydetails .databox .notice { float: right; width:380px;} .mydetails .databox .right { float: right; width: 380px; } .mydetails .databox .row { overflow: hidden; height: 24px; line-height: 24px; margin: 10px 0 0; } .mydetails .databox .row:first-child { margin: 0; } .mydetails .databox .row.big { height: auto; } .mydetails .databox .row label { float: left; width: 120px; font-weight: 700; cursor: pointer; } .mydetails .databox .row input { float: left; width: 250px; } .mydetails .databox .row.big > a { margin: 0 10px 0 0; padding: 3px; border: 1px solid #ccc; background: #fff; outline: none; } .mydetails .databox .row.big > img { float: left; margin: 0 10px 0 0; } .mydetails .databox .row.big > a img { display: block; } .mydetails .databox .row.big form { float: left; position: relative; width: 120px; } .mydetails .databox .row.big form .fakeinput { overflow: hidden; width: 67px; height: 21px; margin: 0 0 6px; cursor: pointer; } .mydetails .databox .row.big form .fakeinput:hover a.small_button { background: #fefefe; background: -moz-linear-gradient(top, #eeeeee 0%, #fefefe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#fefefe)); background: -webkit-linear-gradient(top, #eeeeee 0%,#fefefe 100%); background: -o-linear-gradient(top, #eeeeee 0%,#fefefe 100%); background: -ms-linear-gradient(top, #eeeeee 0%,#fefefe 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#fefefe',GradientType=0 ); background: linear-gradient(top, #eeeeee 0%,#fefefe 100%); } .mydetails .databox .row.big form .fakeinput input { opacity: 0; filter: alpha(opacity=0); position: relative; height: 22px; margin: 0 0 0 -36px; z-index: 15; cursor: pointer; } .mydetails .databox .row.big form .fakeinput a.small_button { position: absolute; top: 0; left: 0; z-index: 10; } .mydetails .databox .row.big form em { display: block; font-size: 11px; line-height: normal; } /*****/ /* SETTINGS */ .settings label { cursor: text; } .settings label.shorter, .mydetails label.shorter { line-height: normal; height: auto; } .settings .field { margin: 10px 0 0; } .settings .field:first-child { margin: 0; } .settings .field input { margin: 0 4px 0 0; } .settings .field .column { float: left; overflow: hidden; width: 300px; } .settings .field .column * { float: left; } .settings .field .column input { margin: 5px 0 0; } .settings .field .column label { margin: 0 5px; } .settings .field .column a { margin: 2px 0 0 6px; } /*****/ /* CONTACT US & REPORT A BUG */ .contactus textarea, .reportabug textarea { display: block; width: 100%; height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .reportabug input { width: 100%; height: 24px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*****/ /* ORDER HOSTING */ .orderhosting .trialaccountbanner { position: relative; height: 126px; background: url(/img/internal-banners/affiliatetrialaccount.jpg) no-repeat left top; } .orderhosting .trialaccountbanner .fleft { margin: 12px 0 0 125px; } .orderhosting .trialaccountbanner .fleft hgroup h1 { font-size: 24px; letter-spacing: -1px; color: #9bb74b; } .orderhosting .trialaccountbanner.justbanner-es .fleft hgroup h1 { font-size: 18px; width: 420px; } /*FOR ES SITE ONLY*/ .orderhosting .trialaccountbanner .fleft hgroup h2 { font-weight: 400; letter-spacing: -1px; color: #999; } .orderhosting .trialaccountbanner.justbanner-es .fleft hgroup h2 { font-size: 16px;} /*FOR ES SITE ONLY*/ .orderhosting .trialaccountbanner .fleft ul li { float: left; width: 230px; margin: 0 0 6px; padding: 0 0 0 20px; background: url(/img/icons/checkgreen_14x14_c.png) no-repeat left top; } .orderhosting .trialaccountbanner .fright { position: absolute; top: 12px; right: 25px; width: 140px; text-align: center; } .orderhosting .trialaccountbanner .fright p { font: 36px/36px bebas_neueregular; text-shadow: 4px 4px 2px rgba(0, 0, 0, .15); color: #fff; } .orderhosting .trialaccountbanner.justbanner-es .fright p { font: 28px/28px bebas_neueregular; padding: 15px 0 0 0;} /*FOR ES SITE ONLY*/ .orderhosting .trialaccountbanner .fright span { display: block; margin: 0 0 4px; font: 26px/26px bebas_neueregular; text-shadow: 4px 4px 2px rgba(0, 0, 0, .15); color: #551026; } .orderhosting .trialaccountbanner.justbanner-es .fright span { margin: 0 0 4px; font: 18px/22px bebas_neueregular; } /*FOR ES SITE ONLY*/ .orderhosting h4 { font: 700 24px Arial, Tahoma, sans-serif; color: #999; padding: 0 0 6px; margin: 0 0 10px; border-bottom: 1px solid #e6e6e6; text-align: right; } .orderhosting .webhostingplan, .orderhosting .hostingplusplan { position: relative; } .orderhosting .webhostingplan .features { width: 666px; background: #f4faff; border: 1px solid #dceff8; padding: 10px 20px 4px 60px;; margin: 0 0 0 50px; } .orderhosting .webhostingplan .features .stamp { position: absolute; top: 0; left: 0; width: 90px; height: 90px; background: url(/img/stamp_30off.png) no-repeat left top; } .orderhosting .webhostingplan .features ul { overflow: hidden; float: left; width: 580px; } .orderhosting .webhostingplan .features ul li { float: left; width: 150px; background: url(/img/icons/checkblue_16x15_c.png) no-repeat left 1px; padding: 0 0 6px 20px; font-weight: 700; } .orderhosting .webhostingplan .features ul li.bgnone, .orderhosting .hostingplusplan .features ul li.bgnone { background: none; padding: 0; } .orderhosting .webhostingplan .features a.big_button, .orderhosting .hostingplusplan .features a.big_button { margin: 12px 0 0; } .orderhosting .hostingplusplan .features { width: 666px; background: #f6ffec; border: 1px solid #d6edbc; padding: 10px 20px 4px 60px; margin: 0 0 0 50px; } .orderhosting .hostingplusplan .features .stamp { position: absolute; top: 0; left: 0; width: 90px; height: 90px; background: url(/img/stamp_bonus.png) no-repeat left top; } .orderhosting .hostingplusplan .features span { float: left; font: 700 14px/58px Arial, Tahoma, sans-serif; color: #7bbb3b; } .orderhosting .hostingplusplan .features ul { overflow: hidden; float: left; width: 400px; margin: 0 0 0 15px; } .orderhosting .hostingplusplan .features ul li { float: left; width: 150px; background: url(/img/icons/checkgreen_16x15_c.png) no-repeat left center; padding: 0 0 0 20px; margin: 0 0 6px; font-weight: 700; } .regnewdomain div > label { float: left; width: 136px; height: 25px; line-height: 25px; font-size: 14px; font-weight: 700; cursor: pointer; } .regnewdomain a.small_button { margin: 2px 0 0; } .orderhosting .othertypes .package { float: left; width: 500px; } .orderhosting .othertypes .package img { float: left; margin: 0 10px 0 0; } .orderhosting .othertypes .package h5 { margin: 0 0 6px; font-size: 14px; font-weight: 700; } .orderhosting .othertypes .package p { margin: 0; } .orderhosting .othertypes > span { float: left; width: 145px; margin: 14px 0 0; font-size: 18px; color: #999; text-align: right; } .orderhosting .othertypes .big_button { margin: 2px 0 0; } /*****/ .custom-select { position: relative; z-index: 80;} .customdropdown { width: 110px; } .customdropdown > div:first-child {; border: 1px solid #ddd; background: #fff; height: 22px; padding: 6px; ; position: relative; z-index: 99; background: #fff; font: 12px/22px Arial, Helvetica, sans-serif; text-indent: 10px; color: #333; cursor: pointer; padding: 0 22px 0 0;} .customdropdown > div:first-child:after { border-left: 5px solid transparent; border-right:5px solid transparent; border-top: 5px solid #bdc3c7; content: ""; position: absolute; right: 7px; top: 10px; width: 0; } .customdropdown > div:first-child:hover:after { border-top: 5px solid #999; } .customdropdown > div:first-child.active { height: 40px; border-bottom: none; } .customdropdown .domainslist { position: absolute; top: 40px; left: -9px; width: 802px; padding: 18px; border-radius: 5px; background: #fff; box-shadow: 0 2px 3px rgba(0,0,0,.2), 0 2px 20px rgba(0,0,0,.2); font: 16px/24px OpenSansRegular, Arial, Helvetica, sans-serif;} .customdropdown .domainslist dt { font-size: 14px; color: #333; border-bottom: 1px solid #ddd; padding: 0 0 4px; margin: 0 0 6px; } .customdropdown .domainslist dd { float: left; width: 79px; line-height: 14px; padding: 5px 5px 6px; border-radius: 5px; font-size: 13px; cursor: pointer; font-family: Arial; margin:0;} .customdropdown .domainslist dd:hover { background: #508cd0; color: #fff; } .customdropdown .domainslist dl { margin: 0;} .promo .customdropdown .domainslist { width: 520px; left: -16px; } .domaintransfer .customdropdown .domainslist { width: 662px;} #choose_domain { position: relative; z-index: 1001;} #choose_domain .customdropdown .domainslist { width: 664px; } /* CUSTOM SELECT FOR DOMAINS */ /*****/ /* BANNERS & LINKS */ .banners .box .box { margin: 20px 0 0; } .banners .box .box h3 { margin: 0 0 10px; } .banners table { margin: 0 auto; } .banners table img { display: block; } .banners table tr td { padding: 0 0 0 16px; text-align: center; } .banners #banners_468x60 table tr td { padding: 0 0 6px 16px; text-align: center; } .banners #banners_250x250 table tr td { padding: 0 8px 20px 8px; text-align: center; } .banners table tr td:first-child { padding: 0; } .banners #banners_468x60 table tr td:first-child { padding: 0 0 6px; } .banners #select_theme option { padding: 0 0 0 14px; } .banners #select_theme option.optgroup { padding: 0; font-weight: 700; color: #666; } /*****/ /* RIGHT COL MODULES */ /* To Do List */ .todolist .p9 { padding-bottom: 20px; } .todolist ul { padding: 6px 0 0; } .todolist ul li { position: relative; margin: 20px 0 0; z-index: 1; } .todolist ul li:first-child { margin: 0; } .todolist ul li > span { position: absolute; top: -5px; left: 50%; width: 50px; height: 10px; margin: 0 0 0 -26px; background: rgba(255, 255, 255, .6); border: 1px solid rgba(0, 0, 0, .08); border-radius: 2px; z-index: 2; } .todolist ul li a { position: relative; display: block; width: 198px; line-height: 19px; padding: 10px 12px; background: #fff3b4; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9); border: 1px solid #cfba4c; border-radius: 6px; color: #444; font-size: 14px; font-weight: 700; text-decoration: none; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background-color 0.2s linear; transition: background 0.2s linear; outline: none; } .todolist ul li a:hover { background: #f7e9a2; } .todolist ul li a:before, .todolist ul li a:after { -moz-transition: -moz-transform 0.2s linear; position: absolute; top: 0; left: 10px; bottom: 20px; z-index: -1; content: ""; width: 202px; box-shadow: 0 15px 10px rgba(0, 0, 0, .7); -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } .todolist ul li a:after { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } .todolist ul li a span { float: right; width: 20px; height: 20px; line-height: 19px; border-radius: 11px; background: #d6c77b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2); font-size: 15px; font-weight: 700; text-align: center; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, .3); } /*****/ /* Blog Feed */ .blogfeed .databox { overflow: hidden; border-radius: 6px; } .blogfeed .databox span { line-height: 32px; } .blogfeed .databox a { margin: 0 0 0 10px; } .blogfeed .databox a:hover { opacity: 0.8; filter: alpha(opacity=80); } .blogfeed .databox a img { display: block; } .blogfeed .blogpost { font-size: 11px; margin: 0 0 10px; padding: 0 0 9px; border-bottom: 1px solid #e6e6e6; color: #999; } .blogfeed .blogpost h4 { font-size: 12px; color: #666; } .blogfeed .blogpost h4 img { margin: 0 4px 0 0; } /*****/ /* Quick Navigation */ .quick_navigation ul li { width: 220px; margin: 4px 0 0; padding: 1px; border: 1px solid #dfdfdf; background: #fefefe; background: -moz-linear-gradient(top, #fefefe 0%, #f4f4f4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f4f4f4)); background: -webkit-linear-gradient(top, #fefefe 0%,#f4f4f4 100%); background: -o-linear-gradient(top, #fefefe 0%,#f4f4f4 100%); background: -ms-linear-gradient(top, #fefefe 0%,#f4f4f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f4f4f4',GradientType=0 ); background: linear-gradient(top, #fefefe 0%,#f4f4f4 100%); } .quick_navigation ul li:hover { background: #fefefe; background: -moz-linear-gradient(top, #f4f4f4 0%, #fefefe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#fefefe)); background: -webkit-linear-gradient(top, #f4f4f4 0%,#fefefe 100%); background: -o-linear-gradient(top, #f4f4f4 0%,#fefefe 100%); background: -ms-linear-gradient(top, #f4f4f4 0%,#fefefe 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#fefefe',GradientType=0 ); background: linear-gradient(top, #f4f4f4 0%,#fefefe 100%); } .quick_navigation ul li:first-child { margin: 0; } .quick_navigation ul li a { display: block; height: 40px; line-height: 40px; padding: 0 0 0 46px; font-weight: 700; font-size: 14px; text-decoration: none; } .quick_navigation ul li.home a { background: url(/img/icons/house_34x28_c.png) no-repeat 5px 7px; } .quick_navigation ul li.bannersign a { background: url(/img/icons/bannersign_24x30_c.png) no-repeat 10px 5px; } .quick_navigation ul li.statsreports a { background: url(/img/icons/graph_30x30_c.png) no-repeat 7px 7px; } .quick_navigation ul li.billingwallet a { background: url(/img/icons/wallet_34x28_c.png) no-repeat 6px 7px; } .quick_navigation ul li.ordhosting a { background: url(/img/icons/basket_34x26_c.png) no-repeat 5px 7px; } .quick_navigation ul li.viewtickets a { background: url(/img/icons/inbox_36x25_c.png) no-repeat 5px 7px; } .quick_navigation ul li.accountusage a { position: relative; background: url(/img/icons/accountusage_23x24_c.png) no-repeat 11px 9px; } .quick_navigation ul li.accountusage a span { border-radius: 3px; position: absolute; top: 2px; left: 22px; padding: 2px 3px; line-height: normal; font-size: 10px; background: #d14c22; color: #fff; } .quick_navigation ul li.openticket a { background: url(/img/icons/notes_30x22_c.png) no-repeat 8px 9px; } .quick_navigation ul li.arrow a { background: url(/img/icons/arrowgreen_14x14_c.png) no-repeat 8px 14px; padding: 0 0 0 30px; } /*****/ /* PDF Links */ .quick_navigation ul li.affpro a { background: url(/img/icons/money_34x28_c.png) no-repeat 5px 7px; font-size: 12px; } .quick_navigation ul li.hostserv a { background: url(/img/icons/server_34x28_c.png) no-repeat 5px 7px; font-size: 12px; } .quick_navigation ul li.jooho a { background: url(/img/icons/joomla_34x28_c.png) no-repeat 5px 7px; font-size: 12px; } .quick_navigation ul li.wordho a { background: url(/img/icons/wordpress_34x28_c.png) no-repeat 5px 7px; font-size: 12px; } /*****/ /* nav comparison */ .quick_navigation ul li.nav_speed a { background: url(/img/icons/nav-speed-34x30.png) no-repeat 5px 7px; font-size: 12px; } .quick_navigation ul li.nav_security a { background: url(/img/icons/nav-security-34x30.png) no-repeat 5px 5px; font-size: 12px; } .quick_navigation ul li.nav_support a { background: url(/img/icons/nav-support-34x30.png) no-repeat 5px 7px; font-size: 12px; } /*****/ /* Subnav */ .subnav ul li { margin: 4px 0 0; } .subnav ul li:first-child { margin: 0; } .subnav ul li a { display: block; background: #edf5fa url(/img/icons/arrowgreen_14x10_c.png) no-repeat 8px center; border: 1px solid #dfdfdf; padding: 8px 8px 8px 30px; color: #666; font-weight: 700; text-decoration: none; } .subnav ul li a:hover, .subnav ul li.current a { background: #e0f0fa url(/img/icons/arrowgreen_14x10_c.png) no-repeat 8px center; border: 1px solid #92b8d0; } .subnav ul li a.missing { border-color: #da6868; position: relative; background-color: #fce4e4;} .subnav ul li a.missing strong{ background: #da6868; position: absolute; right: 5px; top:5px; padding: 4px 6px; border-radius: 2px; font-weight: 600; color: #fff; font-size: 11px; line-height: 12px; text-transform: uppercase;} /*****/ /* Your Commission */ .my_commission { width: 244px; } .my_commission li { background: url(/img/icons/arrowgreen_5x9_c.gif) no-repeat left 8px; border-top: 1px dotted #e2e2e2; margin: 5px 0 0; padding: 5px 0 0 12px; font-weight: 700; text-align: right; color: #569f1c; } .my_commission li:first-child { border: none; margin: 0; padding: 0 0 0 12px; background-position: left 4px; } .my_commission li span { float: left; color: #666; } /*****/ /* My Wallet */ .my_wallet .databox { margin: 0 0 10px; padding: 9px 9px 9px 70px; background: #f8f8f8 url(/img/icons/wallet_50x50_c.png) no-repeat 8px center; } .my_wallet .databox p { line-height: 22px; font-size: 18px; } /*****/ /* Customer Support (or Questions) & Live Chat */ .customersupport p { margin: 10px 0 0; } .customersupport p:first-child { margin: 0; } .customersupport p img { float: left; margin: 2px 4px 0 0; } .customersupport a.saleschat, .customersupport a.livechat { display: block; width: 222px; margin: 10px 0 0; border: 1px solid #c9c9c9; background: #fff; background: -moz-linear-gradient(top, #ffffff 0%, #edf4fd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#edf4fd)); background: -webkit-linear-gradient(top, #ffffff 0%,#edf4fd 100%); background: -o-linear-gradient(top, #ffffff 0%,#edf4fd 100%); background: -ms-linear-gradient(top, #ffffff 0%,#edf4fd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edf4fd',GradientType=0 ); background: linear-gradient(top, #ffffff 0%,#edf4fd 100%); text-decoration: none; } .customersupport a.saleschat:hover, .customersupport a.livechat:hover { background: #edf4fd; background: -moz-linear-gradient(top, #edf4fd 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edf4fd), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #edf4fd 0%,#ffffff 100%); background: -o-linear-gradient(top, #edf4fd 0%,#ffffff 100%); background: -ms-linear-gradient(top, #edf4fd 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf4fd', endColorstr='#ffffff',GradientType=0 ); background: linear-gradient(top, #edf4fd 0%,#ffffff 100%); } .customersupport a.saleschat > span, .customersupport a.livechat > span { overflow: hidden; display: block; padding: 0 8px 0 0; background: url(/img/rightcol/customersupport_woman.png) no-repeat 10px top; } .customersupport a.livechat > span { background: url(/img/icons/headphones_50x40_bw.png) no-repeat 12px center; } .customersupport a.saleschat > span span, .customersupport a.livechat > span span { float: right; width: 142px; height: 46px; padding: 8px 0 0; text-align: center; cursor: pointer; } .customersupport a.saleschat > span span p, .customersupport a.livechat > span span p { margin: 0 0 4px; font-size: 14px; font-weight: 700; color: #999; } .customersupport a.saleschat > span span strong, .customersupport a.livechat > span span strong { font-size: 17px; color: #666; text-transform: uppercase; } /* Server Status Update */ .serverstatusupdate .p9 > div { position: relative; height: 120px; margin: 0 0 16px; border: 1px solid #c9c9c9; background: #fefefe; background: -moz-linear-gradient(top, #fefefe 0%, #f4f4f4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f4f4f4)); background: -webkit-linear-gradient(top, #fefefe 0%,#f4f4f4 100%); background: -o-linear-gradient(top, #fefefe 0%,#f4f4f4 100%); background: -ms-linear-gradient(top, #fefefe 0%,#f4f4f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f4f4f4',GradientType=0 ); background: linear-gradient(top, #fefefe 0%,#f4f4f4 100%); } .serverstatusupdate .p9 > div div.problem { height: 98px; background: url(/img/rightcol/serverstatusupdate_problem.png) no-repeat center center; } .serverstatusupdate .p9 > div div.maintenance { height: 98px; background: url(/img/rightcol/serverstatusupdate_maintenance.png) no-repeat center center; } .serverstatusupdate .p9 > div div.ok { height: 98px; background: url(/img/rightcol/serverstatusupdate_ok.png) no-repeat center center; } .serverstatusupdate .p9 > div span { position: absolute; bottom: 10px; left: 50%; width: 160px; margin: 0 0 0 -90px; padding: 2px 15px 4px; border-radius: 6px; font-weight: 700; text-align: center; color: #fff; cursor: default; } .serverstatusupdate .p9 > div span a { color: #fff; } .serverstatusupdate .p9 > div div.problem span { background: #da5d5d; } .serverstatusupdate .p9 > div div.maintenance span { background: #C6BC6B; } .serverstatusupdate .p9 > div div.ok span { background: #77AA6D; } .serverstatusupdate ul li { overflow: hidden; padding: 6px 0 6px 25px; border-top: 1px dotted #bfbfbf; background: #fff url(/img/icons/chartgreen_16x16_c.png) no-repeat left center; } .serverstatusupdate ul li:first-child { border: none; } /*****/ /* Affiliate Banners */ /* Not Client */ .affbanner.notclient { display: block; height: 92px; padding: 4px; background: url(/img/internal-banners/affbanner_notclient.png) no-repeat center center; color: #fff; text-decoration: none; text-align: center; } .affbanner.notclient h5 { font: 400 30px/30px bebas_neueregular, sans-serif; } .affbanner.notclient h6 { font: 400 22px/22px bebas_neueregular, sans-serif; margin: 0 0 13px; } /* Client */ .affbanner.client { display: block; height: 86px; padding: 12px 10px; background: url(/img/internal-banners/affbanner_client.png) no-repeat top center; text-decoration: none; } .affbanner.client:hover { background-position: bottom center; } .affbanner.client h5 { font: 400 24px/24px bebas_neueregular, sans-serif; } .affbanner.client h6 { font: 400 28px/28px bebas_neueregular, sans-serif; margin: 0 0 18px; } .affbanner.client p { color: #fff; text-align: center; font-size: 14px; } /*****/ /* Banner Get Your New Website */ .getnewsite { display: block; height: 86px; padding: 12px 10px; background: url(/img/internal-banners/banner_getwebsite_244x110.jpg) no-repeat top center; text-decoration: none; } .getnewsite:hover { background-position: bottom center; } .getnewsite h5 { font: 400 24px/24px bebas_neueregular, sans-serif; } .getnewsite h6 { font: 400 28px/28px bebas_neueregular, sans-serif; margin: 0 0 18px; } .getnewsite p { color: #fff; text-align: center; font-size: 14px; } /*****/ /* Why Recommend Us? */ .whyrecommendus ul li { margin: 10px 0 0; padding: 9px 0 0; border-top: 1px dotted #ccc; } .whyrecommendus ul li:first-child { margin: 0; padding: 0; border: none; } .whyrecommendus ul li img { float: left; margin: 0 10px 6px 0; } .whyrecommendus ul li strong { color: #555; } /* Freebies */ .freebies ul li { margin: 10px 0 0; } .freebies ul li:first-child { margin: 0; } .freebies ul li a, .freebies ul li a img { display: block; margin: 0 auto; } /*****/ /* TOP & BOTTOM BARS */ .topbar, .bottombar { overflow: hidden; background: #fafafa; border: 1px solid #ddd; margin: 10px 0 0; padding: 5px 10px; } .topbar { margin: 0 0 10px; } .topbar label, .bottombar label { float: left; height: 24px; line-height: 24px; margin: 0 10px 0 14px; font-weight: 700; } .topbar label:first-child, .bottombar label:first-child { margin: 0 10px 0 0; } .topbar img { float: left; margin: 4px 0 0 5px; cursor: pointer; } .topbar input { float: left; } .topbar .small_button { margin: 2px 0 0 7px; } /*****/ /* PAGING */ .paging { float: right; margin: 1px 0 0; font-size: 11px; } .paging span { float: left; height: 22px; line-height: 22px; padding: 0 6px 0 0; } .paging a { float: left; display: inline; margin: 0 1px; padding: 2px 4px; background: #fff; border: 1px solid #d6d6d6; color: #999; text-decoration: none; } .paging a:hover, .paging a.current { background: #7bbb3b; border: 1px solid #7bbb3b; color: #fff; } /*****/ /* RENEWALS */ .renewals { width: 700px; margin: 0 auto 20px; } .renewals .box h3 span { float: right; } .renewals .box .p9 .box { margin: 0; } /*****/ /* Exclusive offer */ #maincol .exclusive_offer { position: relative; width: 658px; padding: 20px 10px 10px; background: #f7ffeb; border: 1px solid #cae8a2; color: #669b1e; line-height: 18px; } #maincol .exclusive_offer div { width: 600px; height: 28px; top: -4px; left: 5px; background: url(/img/greenbox_line.gif) no-repeat left top; } #maincol .exclusive_offer div h4 { position: relative; height: 28px; top: -10px; left: -10px; padding: 0 0 0 14px; background: url(/img/greenbox_left.png) no-repeat left top; z-index: 100; } #maincol .exclusive_offer div h4 span { display: block; height: 28px; line-height: 24px; background: url(/img/greenbox_right.png) no-repeat right top; font-size: 14px; font-weight: 700; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15); } #maincol .exclusive_offer p { margin: 0; } #maincol .exclusive_offer p a { color: #91be58; font-weight: bold; text-decoration: underline; } /*****/ /* Exclusive offer */ #maincol .explanation_table { margin: 20px 0 0; border-bottom: 1px solid #eaeaea; } #maincol .explanation_table tr { background: url(/img/dots.gif) repeat-x left bottom; } #maincol .explanation_table tr th { border: 1px solid #eaeaea; background: #f7f7f7; padding: 6px; font-size: 12px; line-height: 22px; } #maincol .explanation_table tr td { border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; padding: 10px; text-align: center; vertical-align: middle; } #maincol .explanation_table tr td.hosting_features { font-weight: bold; text-align: left; } #maincol .explanation_table tr td.lightred { background: #fdf6f6 url(/img/dots.gif) repeat-x left bottom; } #maincol .explanation_table tr td.lightgreen { background: #f6fbf0 url(/img/dots.gif) repeat-x left bottom; } #maincol .explanation_table tr td img { vertical-align: bottom; } #maincol .explanation_table tr td input { float: left; margin: 1px 5px 0 0; } #maincol .explanation_table tr td .boostertype { padding: 4px 3px 3px; } #maincol .explanation_table tr td span.helptooltip { cursor: help; } #maincol .explanation_table tr td span.helptooltip .shortinfo { display: none; position: absolute; top: 12px; left: 10px; width: 200px; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); padding: 10px; border-radius: 6px; border: 1px solid #dadada; } #maincol .explanation_table tr td span.helptooltip:hover .shortinfo { display: block; z-index: 9900; } #maincol .explanation_table tr td span.helptooltip strong { margin: 0 0 5px; display: block; color: #000; } #maincol .explanation_table tr td span.helptooltip span { margin: 0 0 0 2px; color: #666; } #maincol .explanation_table tr td span.helptooltip ul { margin: 10px 0 0; padding: 6px 0 0; border-top: 1px solid #ccc; } #maincol .explanation_table tr td span.helptooltip ul li { margin: 6px 0; padding: 0 0 0 20px; background: url(/img/icons/checkgreen_16x15_c.png) no-repeat 0 0; } #maincol .explanation_table tr td span.helptooltip ul li strong { display: inline; border-bottom: 1px dotted #AE6A21; color: #AE6A21; cursor: help; } /*****/ /* Choosen plan */ #maincol .chooseplan { width: 100%; } #maincol .chooseplan tr td { padding: 0 10px 10px 0; } #maincol .chooseplan tr td div { float: left; background: #eee; line-height: 22px; padding: 0 6px; } #maincol .chooseplan tr td input { margin: 0 0 3px; vertical-align: middle; } #maincol .chooseplan tr td span.prmo { float: left; background: #82bd32; line-height: 22px; padding: 0 6px; color: #fff; font-size: 11px; font-weight: bold; } /*****/ /* TOTAL SUMMARY BOX */ .totalsummary div div { padding: 15px 10px; font-size: 14px; } .totalsummary div div:first-of-type { padding: 5px 10px; } .totalsummary div div span { float: right; font-weight: bold;} .totalsummary div div:last-of-type { background: #f7ffeb; border: 1px solid #cae8a2; padding:15px 10px; font-size: 16px;} /******/ /* PAYMENT INFORMATION FORM */ #payment_information .wallet { width: 578px; border: 1px solid #eaeaea; background: #f9f9f9 url(/img/icons/wallet_50x50_c.png) no-repeat 14px center; padding: 12px 10px 12px 90px; } #payment_information .wallet .lwallet, .wallet .rwallet { float: left; width: 288px; } #payment_information .wallet .lwallet p, .wallet .rwallet p { margin: 0; } #payment_information .wallet .lwallet input { float: left; display: inline; margin: 6px 6px 0 0; } #payment_information .wallet .lwallet label { float: left; line-height: 26px; font-size: 16px; font-weight: 700; cursor: pointer; } #payment_information .wallet .rwallet { text-align: right; } #payment_information .wallet .rwallet img { margin: 6px 0 0 2px; vertical-align: top; cursor: pointer; } #payment_information .wallet .rwallet p { margin: 2px 0 0; } #payment_information .bill-details { border: 1px solid #eaeaea; margin: 0 0 10px 0;} #payment_information .bill-details .row { line-height: 34px; font-size: 13px; padding: 0 10px; background: #fff; clear:both;} #payment_information .bill-details .row.total { background: #e6f3fe !important; font-size: 14px; font-weight: 600; text-transform: uppercase; } #payment_information .bill-details .row.grey { background: #eaeaea; } #payment_information .bill-details .row span { float: right; margin: 0 0 0 4px; } #payment_information .bill-details .row span:nth-of-type(1) { float:left; margin: 0; } #payment_information .cc_payment { border: 1px solid #eaeaea; padding: 10px; } #payment_information .cc_payment .pay_with_cc { overflow: hidden; height: 36px; padding: 14px 0 0 80px; background: url(/img/icons/creditcard_64x40_c.png) no-repeat left 4px; } #payment_information .cc_payment .pay_with_cc h6 { float: left; width: 280px; font-size: 16px; line-height: 24px; } #payment_information .cc_payment .pay_with_cc h6 span { color: #50971c; } #payment_information .cc_payment #newcreditcard { border-top: 1px solid #eaeaea; padding: 14px 0 0; } #payment_information .cc_payment #iDealMessage { border-top: 1px solid #eaeaea; padding: 14px 0 0; } #payment_information .cc_payment .field { overflow: hidden; float: left; width: 368px; margin: 0 0 10px; } #payment_information .cc_payment .field label { float: left; width: 124px; height: 24px; line-height: 24px; font-weight: 700; } #payment_information .cc_payment .field .cctype { float: left; margin: 3px 0 0 6px; } #payment_information .cc_payment .field.right { width: 290px; } #payment_information .cc_payment .field #cvv { float: left; margin: 5px 0 0 4px; cursor: pointer; } #payment_information .cc_payment p { margin: 0 0 2px; } #payment_information .cc_payment p input { vertical-align: middle; margin: 0 6px 0 0; } #payment_information .cc_payment p label { font-size: 11px; } #payment_information .cc_payment #moreinfo { margin: 15px 0 0; } #payment_information .cc_payment #moreinfo .field.right label { width: 80px; } #payment_information .joomla-contact .field { overflow: hidden; float: left; margin: 0 0 10px; } #payment_information .joomla-contact .field label { float: left; width: 110px; height: 24px; line-height: 24px; font-weight: 700; } #payment_information .joomla-contact .left { float: left; width: 340px;} #payment_information .joomla-contact .right { float: left; width: 340px;} #payment_information.wocol .wallet { width: 454px; } #payment_information.wocol .wallet .lwallet, #payment_information.wocol .wallet .rwallet { float: left; width: 227px; } #payment_information.wocol .cc_payment .pay_with_cc h6 { width: 250px; } #payment_information.wocol .cc_payment .field { width: 280px; } #payment_information.wocol .cc_payment .field.right { float: right; width: 248px; } #payment_information.wocol .cc_payment .field label { width: 114px; } #payment_information.wocol .cc_payment #moreinfo .field.right label { width: 88px; } .alternativebox .field { overflow: hidden; float: left; width: 380px; margin: 0 0 10px; } .alternativebox .field label { float: left; width: 124px; height: 24px; line-height: 24px; font-weight: 700; } .alternativebox .field .cctype { float: left; margin: 3px 0 0 6px; } .alternativebox .field.right { width: 290px; } .alternativebox .field #cvv { float: left; margin: 5px 0 0 4px; cursor: pointer; } /*****/ /* ORDER */ .order.step2 { margin: 0 auto 20px; width: 700px; } .order.step2 h2 { text-align: center; } .order.step2 .box h3 span { float: right; } .order.step2 .box .domaintype tr td { padding: 0 5px 10px 0; font-weight: 700; } .order.step2 .box .domaintype tr td input { vertical-align: top; } .order.step2 .box .domainchoose { font-weight: 700; } .order.step2 .box .domainchoose label, .order.step2 .box .ca_legal label { float: left; width: 120px; height: 24px; line-height: 24px; font-weight: 700; color: #B5B6B8; } .order.step2 .box .domainchoose span { float: left; margin: 0 10px 0 0; height: 24px; line-height: 24px; } .order.step2 .box .domainchoose input { margin: 0 10px 0 0; } .order.step2 .box .ca_legal { margin: 14px 0 0; padding: 14px 0 0; border-top: 1px solid #c9c9c9; } .order .box #domain_suggestions { width: 100%; font-weight: 700; margin: 0; } .order .box #domain_suggestions tr td { padding: 3px 4px 3px 0; } .order .box #domain_suggestions tr td input { float: left; } .order .box .databox { margin: 10px 0 0; } .order.step2 .box .hosting_plan .exclusive_offer { position: relative; width: 658px; padding: 20px 10px 10px; background: #f7ffeb; border: 1px solid #cae8a2; color: #669b1e; line-height: 18px; } .order.step2 .box .hosting_plan .exclusive_offer div { position: absolute; width: 600px; height: 28px; top: -4px; left: 5px; background: url(/img/greenbox_line.gif) no-repeat left top; } .order.step2 .box .hosting_plan .exclusive_offer div h4 { position: relative; height: 28px; top: -10px; left: -10px; padding: 0 0 0 14px; background: url(/img/greenbox_left.png) no-repeat left top; } .order.step2 .box .hosting_plan .exclusive_offer div h4 span { display: block; height: 28px; line-height: 24px; background: url(/img/greenbox_right.png) no-repeat right top; font-size: 14px; font-weight: 700; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15); } .order.step2 .box .hosting_plan .exclusive_offer p { margin: 0; } .order.step2 .box .hosting_plan .exclusive_offer p a { color: #91be58; font-weight: bold; text-decoration: underline; } /* Plan Package */ .order.step2 .box .packageplan.sections #purchase_info { overflow: hidden; } .order.step2 .box .packageplan.sections #savings_section, .order.step2 .box .packageplan.sections #domain_section, .order.step2 .box .packageplan.sections #extras_section { margin: 0 0 10px; } .order.step2 .box .packageplan.sections #purchase_info { padding: 0 12px;} .order.step2 .box .packageplan.sections #savings_table { margin-top: 10px; } .order.step2 .box .packageplan.sections label { float: left; height: 24px; line-height: 24px; width: 30.5%; cursor: text; } .order.step2 .box .packageplan.sections .note { font-size: 11px; line-height: 22px; border-top: 1px solid #d3d3d3; padding: 10px 12px 0; margin: 10px 0 0 ;} .order.step2 .box .packageplan.sections p.srvs { float: left; height: 24px; line-height: 24px; margin: 0 0 6px; font-weight: bold; } .order.step2 .box .packageplan.sections h4 { border: 1px solid #eaeaea; background: #fffadb; color: #777; font-weight: 700; font-size: 14px; text-transform: uppercase; padding: 4px 10px 4px 36px; margin: 0 0 10px; } .order.step2 .box .packageplan.sections h4.savings { background: #fffadb url(/img/icons/money_16x15_c.png) no-repeat 10px 6px; } .order.step2 .box .packageplan.sections h4.domainserv { background: #fffadb url(/img/icons/planethand_16x14_c.png) no-repeat 10px 6px; } .order.step2 .box .packageplan.sections h4.extraserv { background: #fffadb url(/img/icons/star_16x16_c.png) no-repeat 10px 4px; } .order.step2 .box .packageplan.sections h4.hostingservices { background: #fffadb url(/img/icons/server_14x16_c.png) no-repeat 10px 5px; } .order.step2 .box .packageplan.sections .features { width: 660px; margin: 0 auto; } .order.step2 .box .packageplan.sections .features tr td { vertical-align: top; padding: 3px; color: #636363; } .order.step2 .box .packageplan.sections .features tr td .relative { position: relative; } .order.step2 .box .packageplan.sections .features tr td p { font-size: 12px; line-height: 18px; padding: 5px 0;} .order.step2 .box .packageplan.sections .features tr td span { color: #a1a1a1; } .order.step2 .box .packageplan.sections .features tr td span.icon { width: 26px; height: 30px; display: block; left: 50%; top: 30px; position: absolute; margin-left: -13px; } .order.step2 .box .packageplan.sections .features tr td span.icon svg { display: block; width: 100%; height: 100%; } .order.step2 .box .packageplan.sections .features tr td span.icon svg path { fill: #918f8f; } .order.step2 .box .packageplan.sections .features tr td strong { color: #43943c; } .order.step2 .box .packageplan.sections .features tr td img, .order.step2 .box .packageplan.sections .features tr td input { vertical-align: middle; } .order.step2 .box .packageplan.sections .features tr td label { width: auto; height: auto; line-height: normal; color: #666; } .order.step2 .box .packageplan.sections .features .green { color: #43943c; font-weight: 700; } .order.step2 .box .packageplan.sections .features .blue { color: #5689C9; } .order.step2 .box .packageplan.sections .features .gray { color: #a1a1a1; } .order.step2 .box .packageplan.sections .features .helper { float: left; margin: 0 0 0 4px; cursor: pointer; } .order.step2 .box .packageplan.sections .features .prmo { background: #82bd32; color: #fff; font-size: 11px; font-weight: bold; line-height: 22px; padding: 3px 6px; } .purchase_tooltip { position: relative; z-index: 5000; padding: 14px; border: 1px solid #d1d1d1; background: #fff; -moz-box-shadow: 5px 5px 5px rgba(0,0,0,.15); -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.15); box-shadow: 5px 5px 5px rgba(0,0,0,.15); } .purchase_tooltip h5 { font-size: 16px; color: #5689c9; margin: 0 0 8px; } .purchase_tooltip p { line-height: 18px; padding: 0 0 0 70px; } .tooltipjq { position: absolute; display: none; border: 1px solid #d1d1d1; box-shadow: 5px 5px 5px rgba(0,0,0,.15); padding: 14px; z-index: 5; background: #fff; width: 450px; z-index: 10; } .tooltipjq:before { position: absolute; top: -7px; left: 20px; content: ""; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #d1d1d1; } .tooltipjq:after { position: absolute; top: -5px; left: 21px; content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #fff; } .tooltipjq strong { display: block; margin: 0 0 10px; padding: 0 0 5px; font-size: 14px; border-bottom: 1px solid #d3d3d3; color: #333; } /* Plan Package */ .order.step2 .sslrequestor .left, .order.step2 .company_info .left { float: left; width: 330px; } .order.step2 .sslrequestor .right, .order.step2 .company_info .right { float: right; width: 310px; } .order.step2 .sslrequestor .row, .order.step2 .company_info .row { overflow: hidden; height: 24px; line-height: 24px; margin: 10px 0 0; } .order.step2 .sslrequestor .row:first-child, .order.step2 .company_info .row:first-child { margin: 0; } .order.step2 .sslrequestor .row label, .order.step2 .company_info .row label { float: left; width: 120px; font-weight: 700; cursor: pointer; } .order.step2 .sslrequestor .row input, .order.step2 .company_info .row input { float: left; width: 170px; } .order.step2 .company_info .databox { margin: 0; } .order.step2 .company_info .databox:first-child { margin: 0 0 10px; } .order.step2 .company_info .databox table { margin: 0 auto; } .order.step2 .company_info .databox table tr td { padding: 6px 0 0; } .order.step2 .company_info .databox table tr:first-child td { padding: 0; } .order.step2 .company_info .databox table tr td input { margin: 0 4px 0 5px; } .order.step2 .company_info .databox table tr td input:first-child { margin: 0 4px 0 0; } .order.step2 p.terms { margin: 0 0 20px; text-align: center; } .order.step2 p.terms input { margin: 0 5px 0 0; vertical-align: middle; } .order.step2 p.terms a { text-decoration: underline; } .domainchecker { float: right; height: 24px; line-height: 24px; text-align: center; width: 110px; } /*****/ /* ORDER INDEX */ .order .orderhosting_boxes.p19 { padding: 19px 10px 10px 10px;; } .order .orderhosting_boxes .planbox { border: 1px solid lightgrey; margin: 0 0 0 10px; height: 290px; width: 264px; background: #fff; color: #333; } .order .orderhosting_boxes .planbox:first-child { margin: 0; } .order .orderhosting_boxes .planbox hgroup { border-bottom: 1px solid #ccc; border-radius: 5px 5px 0 0; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); padding: 10px 10px 0px; background: #f4f4f4; } .order .orderhosting_boxes .planbox hgroup h2 { padding: 2px 0 0; text-shadow: 0 1px 0 white; z-index: 10; font-size: 22px; line-height: 26px; } .order .orderhosting_boxes .planbox hgroup h2 img { vertical-align: middle; } .order .orderhosting_boxes .planbox hgroup h3 { background: none; border: 0; font-size: 11px; color: #333333; } .order .orderhosting_boxes .planbox .planfeatures { padding: 10px 19px 10px 19px; height: 191px; } .order .orderhosting_boxes .planbox .planfeatures strong { margin: 0 0 5px; display: block; } .order .orderhosting_boxes .planbox .planfeatures span { /*margin: 0 0 0 2px;*/ color: #666; } .order .orderhosting_boxes .planbox .planfeatures ul { padding: 0 10px 0; } .order .orderhosting_boxes .planbox .planfeatures ul li { margin: 6px 0; padding: 0 0 0 20px; background: url(/img/icons/checkgreen_16x15_c.png) no-repeat 0 0; } .order .orderhosting_boxes .planbox .planfeatures ul li strong { display: inline; border-bottom: 1px dotted #AE6A21; color: #AE6A21; cursor: help; } .order .orderhosting_boxes .planbox .planfeatures ul li .tooltip { background: #FFF; border: 1px solid #CCC; border-radius: 6px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); color: #666666; cursor: default; display: none; font: 400 11px Arial,Tahoma,sans-serif; left: 10px; padding: 10px; position: absolute; text-align: left; top: 15px; width: 200px; z-index: 8000; } .order .orderhosting_boxes .planbox .planfeatures ul li .tooltip strong { border-bottom: 0; color: #000; } .order .orderhosting_boxes .planbox .planfeatures ul li .tooltip ul { margin: 10px 0 0; padding: 6px 0 0; border-top: 1px solid #ccc; } .order .orderhosting_boxes .planbox .planfeatures ul li .tooltip ul li { padding: 0 0 5px 20px; } .order .orderhosting_boxes .planbox .planfeatures ul li:hover .tooltip { display: block; } .order .orderhosting_boxes .planbox .planprice { position: absolute; bottom: 15px; left: 0; width: 264px; } .order .orderhosting_boxes .planbox .planprice .fs12 { display: block; } .order .orderhosting_boxes .planbox .planprice .vat-order > span { display:block; color: #a5a5a5; padding: 0 0 5px;} .order .orderhosting_boxes .planbox .planprice .vat-order > span span { text-decoration: line-through; color: #a5a5a5; } .order .orderhosting_boxes .planbox .planprice .vat-order > strong { display: inline-block; font-size: 16px; } .order .orderhosting_boxes .planbox .planprice .vat-order em { font-style: normal; color: #a5a5a5; font-size: 12px; /*padding: 0 3px; */ text-transform: uppercase; } /* Order Domain */ #hosting_details .order_choosedomain_plan:first-child { width: 175px; } .order_choosedomain_plan { width: 167px; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; } .order_choosedomain_plan li:first-child { line-height: 33px; border-right: 1px solid #eaeaea; border-top: 0; background: #f7f7f7; } .order_choosedomain_plan li:first-child img { margin: 0 5px 0 0; } .order_choosedomain_plan li { line-height: 22px; padding: 6px 0 6px 6px; border-right: 1px solid #eaeaea; border-top: 1px dotted #b8b8b8; } .order_choosedomain_plan li.lightgreen { background: #F6FBF0; } .order_choosedomain_plan li.lightred { background: #FDF6F6; } .order_choosedomain_plan li:last-child { background: #f8f8f8; padding: 9px; line-height: 30px; } .order_choosedomain_plan li img { vertical-align: middle; } .order_choosedomain_plan li input { vertical-align: middle; margin: 0 5px 0 0; } .order_choosedomain_plan li span.helptooltip { cursor: help; } .order_choosedomain_plan li span.helptooltip .shortinfo { display: none; position: absolute; top: 12px; left: 10px; width: 200px; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); padding: 10px; border-radius: 6px; border: 1px solid #dadada; } .order_choosedomain_plan li span.helptooltip:hover .shortinfo { display: block; z-index: 9900; } .order_choosedomain_plan li span.helptooltip .shortinfo strong { display: block; border-bottom: 1px solid #ccc; padding: 0 0 10px; color: #000; line-height: normal; } .order_choosedomain_plan li span.helptooltip .shortinfo ul { padding: 8px 0 0; } .order_choosedomain_plan li span.helptooltip .shortinfo ul li { margin: 6px 0 0; padding: 0 0 0 20px; border: 0; background: url(/img/icons/checkgreen_16x15_c.png) no-repeat 0 0; line-height: normal; } .order_choosedomain_plan.active_plan { position: relative; border: 1px solid #c4e5a4; box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); z-index: 1000; } .order_choosedomain_plan.active_plan li { background: #f7ffeb!important; border-right: 0; } .order_choosedomain_plan.active_plan li:first-child + li { border-top: 1px solid #b3d980; } .order_choosedomain_plan.bl1 { border-left: 1px solid #eaeaea; } .order_choosedomain_threecolumns .order_choosedomain_plan { width: 225px; } .order_choosedomain_threecolumns .current_plan li { background: #f8f8f8!important; } .order_choosedomain_threecolumns .current_plan li .fs11 { line-height: 10px; } #maincol .explanation_table tr th.active_plan { background: #f6fbf0!important; border-top: 1px solid #b8b8b8; border-bottom: 1px dotted #b8b8b8; } /* Order Domain */ .order.index .orderhosting_boxes .box_gradiented, .order.index .additional_services .row .box_gradiented { width: 382px; margin: 0 0 0 10px; } .order.index .orderhosting_boxes .box_gradiented:first-child, .order.index .additional_services .row:first-child, .order.index .additional_services .row .box_gradiented:first-child { margin: 0; } .order.index .orderhosting_boxes .box_gradiented img { float: left; margin: 0 10px 0 0; } .order.index .orderhosting_boxes .box_gradiented h4 { font-size: 16px; margin: 0 0 5px; } .order.index .orderhosting_boxes .box_gradiented div { overflow: hidden; line-height: 20px; } .order.index .orderhosting_boxes .box_gradiented span { font-size: 16px; color: #77b73a; font-weight: 700; } .order.index .orderhosting_boxes .box_gradiented a { color: #7d9b9d; } .order.index .orderhosting_boxes .box_gradiented a.small_button { margin: 0 0 0 10px; } .order.index .more_hosting_options .defaulttable td { text-align: left; vertical-align: middle; } .order.index .more_hosting_options .defaulttable td:first-child { font-size: 14px; } .order.index .more_hosting_options .defaulttable td img { float: left; margin: 5px 6px 0 0; } .order.index .more_hosting_options .defaulttable tr:hover td { background: none; } .order.index .more_hosting_options .defaulttable tr.grey td { background: #f8f8f8; } .order.index .more_hosting_options .defaulttable tr.grey:hover td { background: #f8f8f8; } .order.index .additional_services .box_content { overflow: hidden; padding: 9px 0 0 9px; } .order.index .additional_services .box_gradiented { float: left; width: 383px; margin: 0 9px 9px 0; padding: 10px; line-height: 30px; } .order.index .additional_services .box_gradiented h4 { float: left; padding: 0 0 0 24px; line-height: 30px; font-size: 14px; background: url(/img/icons/arrowgreen_14x14_c.png) no-repeat 0 9px; } .order.index .additional_services .box_gradiented a { color: #7d9b9d; } .order.index .additional_services .box_gradiented a.small_button { margin: 6px 0 0 8px; } /*****/ /* ORDER 2 */ .order.step2 .box .explanation_table { width: 100%; } .order.step2 .box .productinfo .choose { width: 100%; } .order.step2 .box .productinfo .choose tr td { padding: 0 50px 10px 0; font-weight: 700; } .order.step2 .box .productinfo .hosting_plan .explanation_table tr { background: none; } .order.step2 .box .productinfo .hosting_plan .explanation_table tr th img { margin: 0 5px 2px 0; vertical-align: middle; } .order.step2 .box .productinfo .hosting_plan .explanation_table tr td { font-size: 14px; font-weight: 700; } .order.step2 .box .productinfo .choose .domainchoose .customdropdown .domainslist { left: -225px; } .order.step2 .box .sslinforeq .samplekey { float: left; font-size: 11px; width: 350px; color: #999; } .order.step2 .box .sslinforeq .samplekey p { margin: 10px 0 0; } .order.step2 .box .sslinforeq .samplekey p:first-child { margin: 0; } .order.step2 .box .sslinforeq > p { border-top: 1px solid #ddd; margin: 20px 0 10px; padding: 16px 0 0; } .order.step2 .box .sslinforeq > p:first-child { border: none; margin: 0 0 10px; padding: 0; } .order.step2 .box .sslinforeq textarea { float: left; width: 300px; margin: 0 20px 0 0; height: 166px; font-weight: 400; } .order.step2 #domain_info.box .eppcode label { float: left; width: 220px; height: 24px; line-height: 24px; font-size: 14px; font-weight: 700; cursor: pointer; } .order.step2 #domain_info.box .eppcode p { padding: 10px 0 0; margin: 0; } .order.step2 #domain_info.box .domainadmemail { border-top: 1px solid #ddd; margin: 10px 0 0; padding: 6px 0 0; } .order.step2 #domain_info.box .domainadmemail p:first-child { margin: 0 0 4px; line-height: 24px; font-size: 14px; font-weight: 700; } .order.step2 #domain_info.box .domainadmemail p:first-child span { padding: 0 0 0 8px; color: #999; } .order.step2 #domain_info.box .domainadmemail p { margin: 10px 0 0; } .order.step2 #domain_info.box .domainadmemail span { padding: 0 30px 0 0; } .order.step2 #domain_ownership.box .databox .left, .order.step2 #domain_ownership.box .databox .right { width: 310px; } .order.step2 #domain_ownership.box .databox .row { height: 24px; line-height: 24px; margin: 10px 0 0; overflow: hidden; } .order.step2 #domain_ownership.box .databox .row:first-child { margin: 0; } .order.step2 #domain_ownership.box .databox .row label { cursor: pointer; float: left; font-weight: 700; width: 120px; } .order.step2 #domain_ownership.box .databox .row input { float: left; width: 180px; } /*****/ /* UA INDEX */ .uaindex .promotions .promo { margin: 10px 0 0; } .uaindex .promotions .promo .offer { padding: 15px; border: 1px solid #ddd; background: #fafafa; } .uaindex .promotions .promo.friends .offer { background: #fafafa url(/img/promooffer_friends.png) no-repeat right bottom; } .uaindex .promotions .promo.newdomains .offer { background: #fafafa url(/img/pormooffer_new_domains.png) no-repeat 353px 68px; } .uaindex .promotions .promo.newdomains .offer p { padding: 10px 0; width: 315px;} .uaindex .promotions .promo.verisign-promo .offer { background: #fafafa url(/img/verisign_ua_bg.jpg) no-repeat top} .uaindex .promotions .promo.turns10blog .offer { background: #fafafa url(/img/sitegroundturns_10_banner.jpg) no-repeat left bottom; } .uaindex .promotions .promo.verisign-promo .offer h4 {color: #fff; text-shadow: #032346 1px 1px 1px;} .uaindex .promotions .promo.verisign-promo .offer p {color: #fff; text-shadow: #032346 1px 1px 1px; width: 250px; margin-bottom: 20px;} .uaindex .promotions .promo.verisign-promo .offer a {color: #fff; text-shadow: none; font-size: 10px; } .uaindex .promotions .promo.turns10blog .offer a { width: 100%; height: 220px; display: block; position: relative; } .uaindex .promotions .promo.austria .offer { background: #fafafa url(/img/promooffer_austriaspecial.png) no-repeat right 38px; } .uaindex .promotions .promo.australia .offer { background: #fafafa url(/img/promooffer_australiaspecial.png) no-repeat right 20px; } .uaindex .promotions .promo.belgium .offer { background: #fafafa url(/img/promooffer_belgiumspecial.png) no-repeat right 20px; } .uaindex .promotions .promo.europe .offer { background: #fafafa url(/img/promooffer_europespecial.png) no-repeat right 34px; } .uaindex .promotions .promo.france .offer { background: #fafafa url(/img/promooffer_francespecial.png) no-repeat right 20px; } .uaindex .promotions .promo.germany .offer { background: #fafafa url(/img/promooffer_germanyspecial.png) no-repeat right 20px; } .uaindex .promotions .promo.greece .offer { background: #fafafa url(/img/promooffer_greecespecial.png) no-repeat right 20px; } .uaindex .promotions .promo.italy .offer { background: #fafafa url(/img/promooffer_italyspecial.png) no-repeat right 20px; } .uaindex .promotions .promo.poland .offer { background: #fafafa url(/img/promooffer_polandspecial.png) no-repeat right 20px; } .uaindex .promotions .promo.spain .offer { background: #fafafa url(/img/promooffer_spainspecial.png) no-repeat right 20px; } .uaindex .promotions .promo.uk .offer { background: #fafafa url(/img/promooffer_ukspecial.png) no-repeat right 20px; } .uaindex .promotions .promo.booster .offer { background: #fafafa url(/img/promooffer_booster.png) no-repeat 388px 72px; } .uaindex .promotions .promo.plus .offer { background: #fafafa url(/img/promooffer_laptop.png) no-repeat right bottom; } .uaindex .promotions .promo.morepower .offer { background: #fafafa url(/img/promooffer_monitor.png) no-repeat right bottom; } .uaindex .promotions .promo.surveyoct12 .offer { background: #fafafa url(/img/promooffer_surveyoct12.png) no-repeat right bottom; } .uaindex .promotions .promo.howcoolisthat .offer { background: #fae79f url(/img/winretina.png) no-repeat right bottom; } .uaindex .promotions .promo.survey2013 .offer { background: url(/img/survey2013.jpg) no-repeat right bottom; height: 200px; } .uaindex .promotions .promo.freetransfer .offer { background: #ebf6dc url(/img/thanksgiving_freetransfer2013.jpg) no-repeat right bottom; } .uaindex .promotions .promo .offer hgroup { margin: 0 0 8px; } .uaindex .promotions .promo .offer h4 { font: 38px/38px bebas_neueregular, sans-serif; color: #555; } .uaindex .promotions .promo .offer h4 span { color: #da5221; } .uaindex .promotions .promo.survey2013 .offer h4 { color: #fff; margin: 3px 0 5px; } .uaindex .promotions .promo.survey2013 .offer h5 { color: #b0e175; font-family: KomikaDisplay, sans-serif; font-size: 27px; text-transform: none; margin: 0 0 40px; } .uaindex .promotions .promo.survey2013 .offer p { width: 384px; } .uaindex .promotions .promo.howcoolisthat .offer h4 span { color: #ff6138; } .uaindex .promotions .promo .offer h5 { font: 18px/18px FrancoisOneRegular, sans-serif; color: #888; text-transform: uppercase; } .uaindex .promotions .promo.howcoolisthat .offer h5 { color: #4e4d4d; } .uaindex .promotions .promo.howcoolisthat .offer h5 span { color: #ff6138; } .uaindex .promotions .promo.howcoolisthat .offer h5 span:first-child { color: #00ada7; } .uaindex .promotions .promo .offer p { width: 330px; } .uaindex .promotions .promo.joomlaonlyclients .offer p { width: 100%; } .uaindex .promotions .promo.howcoolisthat .offer p { width: 380px; } .uaindex .promotions .promo .offer > ul { margin: 0 0 14px; } .uaindex .promotions .promo .offer > ul li { margin: 6px 0 0; padding: 0 0 0 14px; background: url(/img/icons/arrowgrey_5x9_bw.gif) no-repeat left center; } .uaindex .promotions .promo .offer > ul li:first-child { margin: 0; } .uaindex .promotions .promo .offer nav ul { overflow: hidden; height: 37px; } .uaindex .promotions .promo .offer nav ul li { float: left; margin: 0 10px 0 0; } .uaindex .promotions .promo .offer nav ul li p.pricenext { height: 36px; line-height: 36px; margin: 0 0 0 120px; position: relative; font-weight: bold; font-size: 12px;} .uaindex .promotions .promo .share { padding: 8px 15px; border: 1px solid #ddd; background: #ebebeb; } .uaindex .promotions .promo.promomoreextras ul { width: 520px; background: #fff; border: 1px solid #ccc; } .uaindex .promotions .promo.promomoreextras ul li { margin: 0; padding: 10px 10px 0 10px; overflow: hidden; border-bottom: 1px solid #ccc; background: url(/img/icons/star_16x16_c.png) 10px 9px no-repeat; } .uaindex .promotions .promo.promomoreextras ul li:last-child { border-bottom: 0; } .uaindex .promotions .promo.promomoreextras .promomoreextrastitle { padding: 0 0 0 25px; font-weight: 700; color: #4d8d41; text-decoration: none; } .uaindex .promotions .promo.promomoreextras .promomoreextrastitle:hover { text-decoration: underline; } .uaindex .promotions .promo.promomoreextras p { width: auto; } .uaindex .promotions .promo.upgradenextlevel .offer { background: #3a536a url(/img/promooffer_xmas2013.jpg) no-repeat 25px top; } .uaindex .promotions .promo.upgradenextlevel .offer .termsy { color: #ccc; } .uaindex .promotions .promo.upgradenextlevel h4 { color: #fff; } .uaindex .promotions .promo.upgradenextlevel table { border: 1px solid #ccc; text-align: center; margin: 0 0 6px; } .uaindex .promotions .promo.upgradenextlevel table tr td, .uaindex .promotions .promo.upgradenextlevel table tr th { border: 1px solid #ccc; padding: 10px 5px; background: #fff; } .uaindex .promotions .promo.upgradenextlevel table tr td { padding: 10px; } .uaindex .promotions .promo.upgradenextlevel table tr th { background: #fafafa; background: -webkit-linear-gradient(top, #fafafa 0%, #ededed 100%); background: linear-gradient(to bottom, #fafafa 0%, #ededed 100%); } .uaindex .promotions .promo.upgradenextlevel table tr td span { display: block; color: #4d8d41; font-weight: 700; } .uaindex .promotions .promo.upgradenextlevel table tr td span.fs14 { margin: 0 0 2px; } .uaindex .promotions .promo.recommend .offer { background: #f2f2f2 url(/img/promooffer_recommend.png) 0 0 no-repeat; } .uaindex .promotions .promo.recommend .offer hgroup { text-align: right; padding: 0 0 0 200px; } .uaindex .promotions .promo.recommend .offer h4 { font: 44px/44px bebas_neueregular, sans-serif; color: #1264a5; } .uaindex .promotions .promo.recommend .offer p { width: auto; padding: 0 0 0 180px; text-align: right; } .uaindex .promotions .promo.recommend .offer p a { color: #ef5865; } .uaindex .promotions .promo.recommend .share { margin: 0 0 10px; padding: 9px; background: #fafafa; border: 1px solid #ddd; border-top: 0; } .uaindex .promotions .promo.recommend .share label { float: left; width: 150px; font-weight: 700; cursor: text; color: #4b4b4b; } .uaindex .promotions .promo.recommend .share input { float: left; width: 356px; } .uaindex .promotions .promo.migration .offer { padding: 0; position: relative; background: #f2f2f2 url(/img/promooffer_migration.jpg) 0 0 no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .uaindex .promotions .promo.migration .offer .land { padding: 15px 15px 30px; background: url(/img/promooffer_migration_land.png) bottom right no-repeat; } .uaindex .promotions .promo.migration .offer .land > ul { margin: 0 0 14px; } .uaindex .promotions .promo.migration .offer .land > ul li { margin: 6px 0 0; padding: 0 0 0 14px; background: url(/img/icons/arrowgrey_5x9_bw.gif) no-repeat left center; } .uaindex .promotions .promo.migration .offer .land > ul li:first-child { margin: 0; } .uaindex .promotions .promo.migration .offer .terms { position: absolute; bottom: 12px; right: 14px; color: #fff; font-size: 10px; } .uaindex .promotions .promo.migration .share { margin: 0 0 10px; padding: 9px; background: #fafafa; border: 1px solid #ddd; border-top: 0; } .uaindex .promotions .promo.migration .share a { color: #d34c22; } .uaindex .promotions .promo.migration .share label { float: left; width: 150px; font-weight: 700; cursor: text; color: #4b4b4b; } .uaindex .promotions .promo.migration .share input { float: left; width: 356px; } .uaindex .promotions .promo.recommendblackfriday .offer { background: url(/img/referral_blackfriday2015_bg.jpg) 0 0 no-repeat; } .uaindex .promotions .promo.recommendblackfriday .offer hgroup { text-align: right; padding: 0 0 0 225px; } .uaindex .promotions .promo.recommendblackfriday .offer h4 { font: 40px/40px bebas_neueregular, sans-serif; color: #fcc996; } .uaindex .promotions .promo.recommendblackfriday .offer p { width: auto; padding: 0 0 0 215px; text-align: right; color: #fff; line-height: 16px; } .uaindex .promotions .promo.recommendblackfriday .offer p a { color: #ef5865; } .uaindex .promotions .promo.recommendblackfriday .share { margin: 0 0 10px; padding: 9px; background: #fafafa; border: 1px solid #ddd; border-top: 0; } .uaindex .promotions .promo.recommendblackfriday .share label { float: left; width: 150px; font-weight: 700; cursor: text; color: #4b4b4b; } .uaindex .promotions .promo.recommendblackfriday .share input { float: left; width: 356px; } /*Recommend program iPad win*/ .uaindex .promotions .promo.recommend.ipad .offer { background: url(/img/promo/referprogram-background.jpg) 0 0 repeat; position: relative; min-height: 180px;} .uaindex .promotions .promo.recommend.ipad .offer:after { width: 171px; height: 180px; background: url(/img/promo/ipadpromo.png) 0 0 no-repeat; position: absolute; content: ''; top: 18px; right: 25px;} .uaindex .promotions .promo.recommend.ipad .offer hgroup { padding: 0 150px 0 0px; text-align: left;} .uaindex .promotions .promo.recommend.ipad .offer h4 { font: 40px/44px bebas_neueregular, sans-serif; color: #e9785a; } .uaindex .promotions .promo.recommend.ipad .offer p { width: auto; padding: 0 170px 0 0;; text-align: left; } .uaindex .promotions .promo.recommend.ipad .share { background: #F9F6EB; } .programs.recommendprograms h5 span { color: #1264a5; } .programs.recommendprograms .databox.sharelink { background:#f8f8f8 url(/img/recommendpage_origami.png) right 15px no-repeat; } /* Comparison Table Recommend Promo */ .programs.recommendprograms .databox .comparison_table { position: relative; margin: 10px 0 0; } .programs.recommendprograms .databox .comparison_table > ul { position: relative; float: left; border: 1px solid #c8c8c8; border-top: none; background: #fafafa; padding: 45px 8px 0; margin: 0 0 0 5px; } .programs.recommendprograms .databox .comparison_table > ul > li { height: 31px; line-height: 31px; border-top: 1px dotted #c8c8c8; } .programs.recommendprograms .databox .comparison_table > ul > li:first-child { position: absolute; top: 0; left: -8px; height: 46px; line-height: 46px; padding: 0 5px; background: #444; color: #f6f6f6; font-size: 14px; font-weight: 700; border: none; z-index: 1;} .programs.recommendprograms .databox .comparison_table > ul:first-child > li:first-child { left: -1px; padding: 0 8px; background: #de5621 url(/img/sales/product_privatessl_sslcompare_orangeheading.png) no-repeat right center; z-index: 10; } .programs.recommendprograms .databox .comparison_table > ul > li img { vertical-align: middle; } .programs.recommendprograms .databox .comparison_table ul li.ssl_order_button { position: absolute; bottom: -2px; left: -1px; height: 46px; line-height: 46px; padding: 0 5px; background: #fff; border-top: 1px solid #c8c8c8; } .programs.recommendprograms .comparison_table > ul, .programs.recommendprograms .comparison_table > ul:first-child > li:first-child { width: 245px; } .programs.recommendprograms .comparison_table > ul > li:first-child { width: 260px; } /* Second Level Lists */ .programs.recommendprograms .databox .comparison_table ul li ul { margin: 5px 0 0; } .programs.recommendprograms .databox .comparison_table ul li ul li { padding: 4px 0 0; } .programs.recommendprograms .databox .comparison_table ul li ul li:first-child { padding: 0; } /*****/ .programs.rd_index .databox.recommendeddeal { background:#f8f8f8 url(/img/recommendpage_origami.png) right 15px no-repeat; } .programs.rd_index .databox.recommendeddeal h5 span { color: #69B7E9; } .programs.rd_index .databox.recommendeddeal > p { width: auto; padding: 20px 200px 20px 0; } .programs.rd_index .databox.recommendeddeal > p a { color: #ef5865; } /*.com .net POROMO*/ .uaindex .promotions .promo.comnet .offer { background: #f2f2f2 url(/img/comnet-promotion1.png) no-repeat top right; height: 158px; padding-bottom: 0px !important; } .uaindex .promotions .promo.comnet .offer p { padding: 0; width: 250px; } /*.uaindex .promotions .promo.comnet .offer { background: #f2f2f2 url(/img/comnet-promotion.png) no-repeat top right; height: 168px; padding-bottom: 0px !important; } .uaindex .promotions .promo.comnet .offer p { padding: 0; width: 275px;}*/ .uaindex .promotions .promo.comnet .offer p a { color: #ef5865;} .uaindex .promotions .promo.comnet .regnewdomain { padding: 15px; background: #fafafa; border: 1px solid #ddd; border-top: none;} .uaindex .promotions .promo.comnet .regnewdomain .customdropdown { position: relative; } .uaindex .promotions .promo.comnet .regnewdomain .cgreen { display:none;} .uaindex .promotions .promo.comnet .regnewdomain .domainslist { width: 98px; left: 0px; border-radius: 0; top: 23px; z-index: 230; border: 1px solid #ddd; padding: 0 5px; box-shadow: 0 0 0 rgba(0, 0, 0, .0); } .uaindex .promotions .promo.comnet .regnewdomain .domainslist .mb20 { margin:0px !important;} .uaindex .promotions .promo.comnet .customdropdown > div:first-child.active { height: auto; } /* MY ACCOUNTS SECTION */ /* Shared Parts */ .myaccounts .accountinfo .p9 { border: 1px solid #ddd; } .myaccounts ul.info li { float: left; padding: 0 0 0 10px; margin: 0 0 0 9px; color: #999; background: url(/img/separator_1x12_bw.gif) no-repeat left 2px; } .myaccounts ul.info li:first-child { margin: 0; padding: 0; background: none; } .myaccounts ul.info li strong { color: #666; } .myaccounts ul.info li img.help { position: relative; top: 2px; cursor: pointer; } .myaccounts ul.navigation li { float: left; margin: 0 0 0 10px; } .myaccounts ul.navigation li:first-child { margin: 0; } .myaccounts .accordeon > a { display: block; height: 29px; padding: 0 0 0 25px; line-height: 29px; border: 1px solid #d5d4d4; border-top: none; background: #e5e5e5 url(/img/icons/arrowgrey_9x5_bw.gif) no-repeat 9px center; text-decoration: none; outline: none; } .myaccounts .accordeon > a.current { background: #e5e5e5 url(/img/icons/arrowgrey_5x9_bw.gif) no-repeat 10px center; } .myaccounts .accordeon { margin: 10px 0 0; } .myaccounts .accordeon span.clearfix { display: block; border-bottom: 1px solid #d5d4d4; } .myaccounts .accordeon span.clearfix > a { float: left; height: 35px; margin: 0 0 0 6px; padding: 0 25px; line-height: 35px; background: #e5e5e5 url(/img/icons/arrowgrey_5x9_bw.gif) no-repeat 10px center; text-decoration: none; outline: none; border: 1px solid #d5d4d4; border-radius: 4px 4px 0 0 ; position: relative; bottom: -1px; } .myaccounts .accordeon span.clearfix.tabs2 > a { width: 355px; } .myaccounts .accordeon span.clearfix.tabs3 > a { width: 217px; } .myaccounts .accordeon span.clearfix.tabs3 > a:last-child { width: 218px; } .myaccounts .accordeon span.clearfix.tabs4 > a { width: 149px; } .myaccounts .accordeon span.clearfix.tabs4 > a:last-child { width: 147px; } .myaccounts .accordeon span > a.current { background: #fafafa url(/img/icons/arrowgrey_9x5_bw.gif) no-repeat 9px center; border-bottom: 1px solid #fafafa; } .myaccounts .accordeon span.clearfix a:first-of-type { margin: 0; } .myaccounts .accordeon .tabdet { background: #fafafa; border: 1px solid #ddd; border-top: none; } .myaccounts ul.extras { overflow: hidden; } .myaccounts ul.extras > li { overflow: hidden; float: left; width: 800px; padding: 9px; border: 1px solid #ddd; border-top: none; background: #fafafa; line-height: 20px; } .myaccounts ul.extras > li:first-child { border-top: none; } .myaccounts ul.extras h6 { font-size: 12px; padding: 0 0 0 20px; background: url(/img/icons/powergreen_14x16_c.png) no-repeat left -1px; margin: 0 0 6px; } .myaccounts ul.extras h6.inactive { background: url(/img/icons/powergrey_14x16_bw.png) no-repeat left -1px; } .myaccounts ul.extras ul.navigation { float: right; margin: 8px 0 0; } .myaccounts ul.extras > li p.imp-notice { margin: 0; } .myaccounts ul.extras > li p.imp-notice strong { color:#d14c22; clear:both; font-size:13px; } /*Lets Encrypt Certificates specific accordion*/ .myaccounts ul.extras .ssl-stack { padding: 0; width: 818px;} .myaccounts ul.extras .ssl-stack .main-sll { padding: 9px;} .myaccounts ul.extras .ssl-stack .main-sll .fleft > h6 { margin: 3px 0 0; } .myaccounts ul.extras .ssl-stack .main-sll > ul.navigation { float: right; margin: 0; } .myaccounts ul.extras .ssl-stack #ssl-accordion {display: none;} .myaccounts ul.extras .ssl-stack #ssl-accordion .extras > li { border: none; border-top: 1px solid #ddd; } .myaccounts ul.extras .ssl-stack #ssl-accordion .extras > li h6 { background: none; padding: 0;} .myaccounts ul.extras .ssl-stack.active { background: #fff;} .myaccounts ul.extras .ssl-stack.active #ssl-accordion {display: block;} .myaccounts ul.extras .ssl-stack.active #ssl-accordion li {background: #fff;} .myaccounts ul.details { border: 1px solid #ddd; border-bottom: none; border-top: none; } .myaccounts ul.details > li { overflow: hidden; border-bottom: 1px solid #ddd; padding: 6px 10px; background: #fafafa; } .myaccounts ul.details li.title { line-height: 20px; font-weight: 700; border: none; } .myaccounts ul.details li label { float: left; width: 134px; line-height: 19px; font-weight: 700; } .myaccounts ul.details li label strong { padding: 0 6px 0 0; font-size: 15px; } .myaccounts ul.details li div { overflow: hidden; line-height: 20px; zoom: 1; } .myaccounts ul.details li div:before, .myaccounts ul.details li div:after { content: ""; display: table; } .myaccounts ul.details li div:after { clear: both; } .myaccounts ul.details ul.navigation { float: right; margin: 8px 0 0; line-height: 20px; } .myaccounts ul.live_app_joomla > li, .myaccounts ul.live_app_joomla h6, .myaccounts ul.live_app_wp > li, .myaccounts ul.live_app_wp h6 { line-height: 20px; } .myaccounts ul h6.joomla { background: url(/img/icons/joomla_16x16.png) no-repeat left 1px; } .myaccounts ul h6.wp { background: url(/img/icons/wordpress_16x16.png) no-repeat left 1px; } .myaccounts ul h6.drupal { background: url(/img/icons/drupal_14x16.png) no-repeat left 1px; } .custom-plan .accordeon > a { display: block; height: 29px; padding: 0 0 0 25px; line-height: 29px; border: 1px solid #d5d4d4; border-top: none; background: #e5e5e5 url(/img/icons/arrowgrey_9x5_bw.gif) no-repeat 9px center; text-decoration: none; outline: none; } .custom-plan .accordeon > a.current { background: #e5e5e5 url(/img/icons/arrowgrey_5x9_bw.gif) no-repeat 10px center; } .custom-plan .accordeon { margin: 10px 0 0; } .custom-plan .accordeon span.clearfix { display: block; border-bottom: 1px solid #d5d4d4; } .custom-plan .accordeon span.clearfix > a { float: left; width: 139px; height: 35px; margin: 0 0 0 5px; padding: 0 0 0 25px; line-height: 35px; background: #e5e5e5 url(/img/icons/arrowgrey_5x9_bw.gif) no-repeat 10px center; text-decoration: none; outline: none; border: 1px solid #d5d4d4; border-radius: 4px 4px 0 0 ; position: relative; bottom: -1px; } .custom-plan .accordeon span.clearfix > a:last-child { width: 140px; } .custom-plan .accordeon span.clearfix > a.inactive { background: #efefef; color: #BDBDBD; } .custom-plan .accordeon span.clearfix.tabs2 > a { width: 48.5%; } .custom-plan .accordeon span.clearfix.tabs3 > a { width: 31.33%; } .custom-plan .accordeon span.clearfix.tabs4 > a { width: 22.75%; } .custom-plan .accordeon span > a.current { background: #fafafa url(/img/icons/arrowgrey_9x5_bw.gif) no-repeat 9px center; border-bottom: 1px solid #fafafa; } .custom-plan .accordeon span.clearfix a:first-of-type { margin: 0; } .custom-plan .accordeon .tabdet { background: #fafafa; border: 1px solid #ddd; border-top: none; } .order.step2 .box .productinfo .cloudchoose tr td { padding-right: 0; } .custom-plan h4 { font-size: 14px; padding: 20px 0; } .sliderholder { padding: 20px 12px 40px; background:#fafafa; border:1px solid #dedede; border-top: none; margin: 0 0 15px; } .sliderholder p.nb { margin-top: 30px; } .sliderholder .row { margin: 30px 0 0; position: relative; } .sliderholder .row:first-child { margin: 0; } .sliderholder .row > span { display: block; margin: 0 0 10px; font: 600 15px/20px Arial, sans-serif; text-transform: uppercase; } .sliderholder .row > span span { font: 400 12px/14px Arial, sans-serif; color: #c0ced9; } .sliderholder .row > .custom-slider { position: relative; height: 10px; background: #efefef; border-radius: 10px; } .sliderholder .row > .custom-slider:after { position: absolute; top: 0; width: 100%; height: 10px; content: ""; box-shadow: 0 1px 0 rgba(255,255,255,.75), inset 0 1px 1px rgba(0,0,0,.2); border-radius: 10px; } .sliderholder .row > .custom-slider .scaling-meter { position: absolute; top: 0; left: 0; width: 100%; } .sliderholder .row > .custom-slider .scaling-meter span { position: absolute; top: 17px; text-align: center; } .sliderholder .row > .custom-slider .scaling-meter span.min { color: rgba(95,111,137,.3); } .sliderholder .row > .custom-slider .scaling-meter span.max { right: 0; top: -25px; color: gba(95,111,137,.3); } .sliderholder .row > .custom-slider .scaling-meter span.active { color: #5f6f89; } .sliderholder .row > .custom-slider .minitooltip { top: -26px; } .sliderholder .row .ui-slider-range { position: relative; height: 10px; border-radius: 10px 0 0 10px; background: #a1d42f; } .sliderholder .row .ui-slider-handle { position: absolute; top: -4px; display: block; width: 17px; height: 17px; margin: 0 0 0 -14px; box-shadow: 0 1px 3px rgba(0,0,0,.4); border-radius: 50%; z-index: 10; outline: none; background: #f0f0f0; color: #5f6f89; text-decoration: none; cursor: -webkit-grab; cursor: -moz-grab; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .sliderholder .row .ui-slider-handle:active { cursor: -webkit-grabbing; cursor: -moz-grabbing; } .sliderholder .row .ui-slider-handle:after { position: absolute; top: 50%; left: 50%; width: 7px; height: 7px; margin-top: -3.5px; margin-left: -3.5px; content: ""; background: #84b517; box-shadow: 0 1px 1px rgba(255,255,255,.8), inset 0 2px 1px rgba(0,0,0,.15); border-radius: 50%; } .sliderholder .row .ui-slider-handle .mid { position: absolute; left: 50%; top: 21px; width: 100px; margin-left: -50.5px; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .autoscaletable { border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; } .autoscaletable th { position: relative; background: #666666; height: 35px; color: #fff; } .autoscaletable th span { border-bottom: 1px dotted #ccc; padding: 0 0 2px; cursor: help; } .autoscaletable th span + div { display: none; position: absolute; z-index: 20; left: 10px; top: 30px; padding: 10px; border: 1px solid #ccc; width: 200px; background: #fff; box-shadow: 2px 2px 0 rgba(0,0,0,.2); color: #666; font-weight: 400; text-align: left; } .autoscaletable th span:hover + div { display: block; } .autoscaletable td { text-align: center; padding: 10px; border-bottom: 1px solid #dddddd; color: #666;} .autoscaletable td:last-child { text-align: right;} .slider_onoff { display: inline-block; position: relative; width: 50px; height: 20px; border-radius: 2px; line-height: 20px; text-transform: uppercase; font-size: 10px; font-weight: bold; border: 1px solid #dedede; cursor: pointer; cursor: hand; } .slider_onoff span, .slider_onoff i { display: block; position: absolute; width: 50%; color: #606060; text-align: center; font-style: normal; } .slider_onoff span { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3); width: 45%; border-radius: 2px; } .slider_onoff.autorenew_on span { left: -1px; top:-1px; height: 20px; background: #88c841; background: -moz-linear-gradient(top, #88c841 0%, #73b339 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88c841), color-stop(100%,#73b339)); background: -webkit-linear-gradient(top, #88c841 0%,#73b339 100%); background: -o-linear-gradient(top, #88c841 0%,#73b339 100%); background: -ms-linear-gradient(top, #88c841 0%,#73b339 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88c841', endColorstr='#73b339',GradientType=0 ); background: linear-gradient(top, #88c841 0%,#73b339 100%); border: 1px solid #75b43b; } .slider_onoff.autorenew_on i { line-height: 20px; right: 0; top:0; color: #67b61d;} .slider_onoff.autorenew_off span { right: -1px; top:-1px; height: 20px; background: #fefefe; background: -moz-linear-gradient(top, #fefefe 0%, #E8E7E7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#E8E7E7)); background: -webkit-linear-gradient(top, #fefefe 0%,#E8E7E7 100%); background: -o-linear-gradient(top, #fefefe 0%,#E8E7E7 100%); background: -ms-linear-gradient(top, #fefefe 0%,#E8E7E7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#E8E7E7',GradientType=0 ); background: linear-gradient(top, #fefefe 0%,#E8E7E7 100%); border: 1px solid #dedede; } /*****/ /* Reseller Accounts */ .myreselleraccounts .box_content .account:first-child { margin: 10px 0 0; } /* My Accounts */ .accounts .account { margin: 20px 0 0; } .myaccounts .accounts .accountinfo .p9 { border: 1px solid #ddd; border-top: none; } .accounts .account > h4 { height: 40px; line-height: 38px; padding: 0 12px; background: #666666; background: -moz-linear-gradient(top, #666666 0%, #444444 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#444444)); background: -webkit-linear-gradient(top, #666666 0%,#444444 100%); background: -o-linear-gradient(top, #666666 0%,#444444 100%); background: -ms-linear-gradient(top, #666666 0%,#444444 100%); background: linear-gradient(top, #666666 0%,#444444 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#444444',GradientType=0 ); border-top: 2px solid #efae97; font-size: 20px; font-weight: 400; color: #fbfbfb; } .accounts ul.extras li p { margin: 0; } #tab_extras a.viewmore { display: block; padding: 6px 0 4px; box-shadow: inset 0 7px 4px -3px rgba(0, 0, 0, .1); border: 1px solid #ddd; border-top: none; font-size: 11px; color: #888; background: #f6f6f6; text-align: center; text-decoration: none; } #tab_extras a.viewmore:hover { background: #f0f0f0; } .installationsTab a.viewmore { display: block; padding: 6px 0 4px; box-shadow: inset 0 7px 4px -3px rgba(0, 0, 0, .1); border: 1px solid #ddd; border-top: none; font-size: 11px; color: #888; background: #f6f6f6; text-align: center; text-decoration: none; } .installationsTab a.viewmore:hover { background: #f0f0f0; } .myaccounts .domains h5, .myaccounts .accounts h5 { overflow: hidden; font-size: 16px; font-weight: 400; color: #444; padding: 0 0 6px; margin: 0 0 10px; border-bottom: 1px solid #e6e6e6; } .myaccounts .domains h5 > img, .myaccounts .accounts h5 > img { float: left; margin: 2px 5px 0 0; } .accounts .databox { background: #fcfcfc; } /*****/ /* Account Details */ .accountdetails .accordeon > .databox { border-top: none; } .accountdetails ul.details li > p { margin: 0 0 0 134px; } .accountdetails ul.details li a.textlink { color: #7d9b9d; font-weight: 700; margin: 0 0 0 4px; } .accountdetails ul.details li span { margin: 0 0 0 68px; } .accountdetails ul.details li span:first-child { margin: 0; } .accountdetails ul.details li #change_password_fields { margin: 0 0 0 134px; } .accountdetails ul.details li form { margin: 8px 0 0; } .accountdetails ul.details li form div { padding: 0 0 6px; overflow: inherit; } .accountdetails ul.details li form .domainchoose div { padding: 0; overflow: hidden; } .show_dropdown {overflow: visible !important;} .accountdetails ul.details li form .domainchoose ~ ul { list-style: none; } .accountdetails ul.details li form .domainchoose .domainslist { padding: 18px 18px 0; width: 100%; left: -40px; } .accountdetails ul.details li form div label { width: 122px; height: 24px; line-height: 24px; } .accountdetails ul.details li .simpletable { margin: 0 0 0 18px; } .accountdetails ul.details li .simpletable tr td { padding: 8px 12px 0 0; font-weight: 700; } .accountdetails .defaulttable tr th, .accountdetails .defaulttable tr td { text-align: left; } .accountdetails ul.details li p.pleasenote { font-size: 11px; margin: 10px 0 0 146px; line-height: 16px; } .myaccounts ul.details li div form ul { list-style:disc; margin: 5px 0 0; } .myaccounts ul.details li div form ul li {line-height: 14px; border: none; font-size: 11px; padding: 0; margin: 0; } /*****/ /*HackAlert Report*/ .hackalert .account > header { padding: 4px 0 13px;} .hackalert .account > header h5 { font-size: 16px; font-weight: 400; color: #444; line-height: 20px; margin: 0 10px 0 0 ;} .hackalert .account > header h5 > img { float: left; margin: 2px 5px 0 0; } .hackalert .account > header .navigation li { margin: 0 0 0 10px; float: left;} .hackalert .account > header .navigation li .green {position: relative} .hackalert .account > header .navigation li .green .tooltiphelp { float:right; margin: 3px -7px 0 7px; width: 12px; height: 12px; background: url(/img/icons/question_white_12x12.png) no-repeat center center;} .hackalert .account > header .navigation li .green .shortinfo { display: none; position: absolute; top: 20px; left: 10px; z-index: 8000; width: 200px; background: #fff; padding: 10px; border-radius: 6px; border: 1px solid #ccc; box-shadow: 0 0 10px rgba(0, 0, 0, .2); font: 400 11px Arial, Tahoma, sans-serif; color: #666; text-align: left; cursor: default; } .hackalert .account > header .navigation li .green .tooltiphelp:hover + .shortinfo { display: block; } .hackalert .account .scans h6{ display: block; background: #e6e6e6; font-size: 14px; color: #666666; line-height: 40px; padding: 0 10px; } .hackalert .account .scans .single-scan{ display: block; background: #fcfcfc; border: 1px solid #e6e6e6; border-top:none; padding: 0 10px;} .hackalert .account .scans .single-scan > header{ display: block; padding: 10px 0; font-size: 12px; line-height: 20px;} .hackalert .account .scans .single-scan > header .date { display: block; padding: 0 0 0 20px; float: left; ; color: #666666; background: url(/img/icons/icon_clock_12x12.png) no-repeat left center; min-width: 160px; } .hackalert .account .scans .single-scan > header .trigger {float: right; width: 20px; height: 20px; border-radius: 2px; border: 1px solid #c4c4c4; background: #fff url(/img/icons/icon_arrowdown_11x8.png) no-repeat center center; } .hackalert .account .scans .single-scan > header .trigger:hover { background-color:#e6e6e6; } .hackalert .account .scans .single-scan.clean-scan > header .trigger { display: none; } .hackalert .account .scans .single-scan.clean-scan > header strong { color: #69a333; } .hackalert .account .scans .single-scan.incident-scan > header strong { color: #d04b22; } .hackalert .account .scans .single-scan .content{ display: none;} .hackalert .account .scans .single-scan.expanded > header .trigger { background: #fff url(/img/icons/icon_arrowup_11x8.png) no-repeat center center;} .hackalert .account .scans .single-scan.expanded .content{ display: block;} .hackalert .account .scans .single-scan .content .malware { display: block; border: 1px solid #e6e6e6; padding: 0 10px; margin: 0 0 10px 0; background: #fff; } .hackalert .account .scans .single-scan .content .malware h5 { font-size: 12px; font-weight: 600; color: #d04b22; line-height: 14px; padding: 10px 0; border-bottom: 1px solid #e6e6e6; } .hackalert .account .scans .single-scan .content .malware > div {padding: 10px 100px 0 0 ; position: relative;} .hackalert .account .scans .single-scan .content .malware > div .viewmore { position: absolute; height: 14px; line-height: 14px; font-weight: 600; color: #d04b22; right: 0; top: 50%; margin-top: -3px;} .hackalert .account .scans .single-scan .content .blacklist { display: block; border: 1px solid #e6e6e6; padding: 0 10px; background: #fff; border-top: none; } .hackalert .account .scans .single-scan .content .blacklist:first-of-type {border-top: 1px solid #e6e6e6; } .hackalert .account .scans .single-scan .content .blacklist > div {padding: 10px 100px 0 0 ; position: relative;} .hackalert .account .scans .single-scan .content .blacklist > div .viewmore { position: absolute; height: 14px; line-height: 14px; font-weight: 600; color: #d04b22; right: 0; top: 50%; margin-top: -3px;} .hackalert .account .scans .single-scan .content .blacklist > div.blacked p {color: #d04b22; font-weight: 600;} .hackalert .account .scans .single-scan .content .blacklist > div.notblacked p {color: #69a333; font-weight: 600;} .hackalert .account .scans .single-scan .content .blacklist > div.notblacked .viewmore {color: #69a333; font-weight: 600;} /* Manage Domain */ .managedomain ul.details li label { width: 146px; } .managedomain ul.details li span.currentdns { margin: 0 115px 0 0 } .managedomain ul.details li form { overflow: hidden; } .managedomain ul.details li form > div { float: left; display: inline; width: 330px; padding: 3px 0 3px 17px; } .managedomain ul.details li form.dns { overflow: hidden; margin: 8px 0 0; } .managedomain ul.details li form.dns > input { margin: 0 10px 4px 0; } .managedomain ul.details li form.dns div { float: left; display: inline; margin: 0 0 0 28px; padding: 0; } .managedomain ul.details li form.dns div:first-child { display: inline; width: auto; margin: 0 0 0 146px; padding: 0; } .managedomain ul.details li form div label { width: 110px; } .managedomain ul.details li p.pleasenote { width: 530px; font-size: 11px; margin: 10px 0 0 146px; line-height: 13px; } /*****/ /* cPanel */ .cpanel ul.details { border-top: 1px solid #ddd; } .cpanel #change_password_fields { margin: 5px 0 0 134px; } .cpanel #change_password_fields div { margin: 5px 0 0; } /* Daily Backup Restore */ .daily_backup_restore .databox label { font-weight: 700; height: 24px; line-height: 24px; margin: 0 10px 0 0; } .daily_backup_restore .acenter { margin: 10px 0 0; } /*****/ /*****/ /* BILLING SECTION */ /* Billing Index */ .billingindex .defaulttable { margin: 0 0 10px; } .billingindex .defaulttable tr td { text-align: left; padding: 6px 8px; } .billingindex .defaulttable tr th { line-height: 18px; padding: 10px 8px; font-size: 18px; font-weight: 700; background: #f4f4f4; } .billingindex .defaulttable tr th img { float: left; margin: 2px 10px 0 0; } .billingindex .defaulttable tr td img { margin: 0 10px 0 0; } .billingindex .defaulttable tr td ul.info li { float: left; padding: 0 0 0 10px; margin: 0 0 0 9px; color: #999; background: url(/img/separator_1x12_bw.gif) no-repeat left 5px; } .billingindex .defaulttable tr td ul.info li:first-child { margin: 0; padding: 0; background: none; } .billingindex .defaulttable tr td ul.info li strong { color: #666; } .managepaymentdetails h5 { font-size: 16px; font-weight: 400; color: #444; padding: 0 0 6px; margin: 0 0 10px; border-bottom: 1px solid #e6e6e6; text-align: left; } .managepaymentdetails h5 > img { float: left; margin: 1px 5px 0 0; } .managepaymentdetails h5 ul.navigation { overflow: hidden; float: right; } .managepaymentdetails h5 ul.navigation li { float: left; margin: 0 0 0 10px; } .managepaymentdetails ul.info { overflow: hidden; } .managepaymentdetails ul.info li { float: left; padding: 0 0 0 10px; margin: 0 0 0 9px; color: #999; font-weight: 700; background: url(/img/separator_1x12_bw.gif) no-repeat left 2px; } .managepaymentdetails ul.info li:first-child { margin: 0; padding:0; background: none; } .managepaymentdetails ul.info li strong { color: #666; font-weight: 700; } .managepaymentdetails .field { float: left; margin: 0 0 10px; width: 300px; } .managepaymentdetails .field.right { width: 230px; margin: 0 0 0 5px; } .managepaymentdetails .field label { float: left; font-weight: 700; height: 24px; line-height: 24px; width: 90px; cursor: pointer; } .managepaymentdetails .field img { margin: 3px 0 0 5px; } .managepaymentdetails .field.right label { width: 70px; } .managepaymentdetails .field.right .selectbox { margin: 0 5px 0 0; } .managepaymentdetails .field.right img { margin: 6px 0 0 5px; cursor: pointer; } .managepaymentdetails #moreinfo { margin: 15px 0 0; padding: 0 0 23px; } .managepaymentdetails #moreinfo .field.right input { width: 146px; } .managepaymentdetails .cardoptions { padding: 0 0 15px 0; } .managepaymentdetails .cardoptions input { vertical-align: middle; margin: 0 2px 0 0; } .managepaymentdetails .cardoptions p { margin: 0; } .managepaymentdetails .cardoptions span { position: absolute; right: 0; bottom: 0; color: #666; font-weight: 700; } /* Billing Wallet */ .billingwallet .databox p { background: url(/img/icons/wallet_50x50_c.png) no-repeat 0 center; font-size: 20px; line-height: 20px; padding: 3px 0 0 60px; } .billingwallet .databox p span:first-child { display: block; } /* Get Invoice Popup */ .invoice .donotprint { overflow: hidden; width: 600px; margin: 0 auto 20px; } .invoice .donotprint * { float: right; } .invoice .print { width: 600px; margin: 0 auto; } .invoice .print table { width: 100%; } .invoice .print > table { margin: 0 0 20px; } .invoice .print > table:first-child { border-bottom: 1px solid #ccc; } .invoice .print > table + table th { border: 1px solid #ccc; padding: 10px; } .invoice .print > table + table + table { padding: 10px 5px; } .invoice .print > table + table + table th { padding: 10px 5px; border: 1px solid #ccc; } .invoice .print > table + table + table td { padding: 6px 5px; border: 1px solid #ccc; } .invoice .print > table + table + table + table { float: right; width: auto; border: none; } .invoice .print > table + table + table + table td { border: none; } .invoice .print > table:first-child td { padding: 2px; } .invoice .print table td { font-size: 14px; vertical-align: top; padding: 5px; } .invoice .print table th { padding: 10px; font-size: 14px; color: #666; text-align: center; } .invoice .print p.ty { font-size: 16px; color: #ccc; } /*****/ /* CANCELLATION */ .cancellation ul.zebralist { margin: 0 0 10px; border-top: 2px solid #e4e4e4; } .cancellation ul.zebralist h6 { font-size: 14px; margin: 0 0 10px; } /* Step 1*/ .cancellation.step1 img { margin: 0 auto 10px; } .cancellation.step1 .whygobanner { position: relative; height: 100px; margin: 0 0 10px; background: url(/img/internal-banners/cancellation_step1_stopbanner.jpg) no-repeat left center; } .cancellation.step1 .whygobanner span:first-child { position: absolute; top: 22px; left: 24px; } .cancellation.step1 .whygobanner span { position: absolute; top: 33px; left: 92px; font: 32px/32px bebas_neueregular, sans-serif; color: #fff; text-shadow: -1px -1px 0 rgba(0, 0, 0, .25); } .cancellation.step1 .whygobanner p { position: absolute; top: 5px; left: 170px; font: 24px/24px bebas_neueregular, sans-serif; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, .2); } .cancellation.step1 .whygobanner ul { position: absolute; top: 50px; left: 170px; overflow: hidden; } .cancellation.step1 .whygobanner ul li { float: left; padding: 0 0 0 15px; margin: 0 0 5px; background: url(/img/icons/dotblue_6x6_c.png) no-repeat left 3px; } .cancellation.step1 textarea { float: right; height: 100px; width: 402px; resize:vertical; } /* Step 3 */ #maincol .cancellation.step2 .exclusive_offer { position: relative; width: 534px; margin: 30px 0 15px; padding: 20px 10px 10px; background: #f7ffeb; border: 1px solid #cae8a2; color: #669b1e; line-height: 18px; } #maincol .cancellation.step2 .exclusive_offer div { position: absolute; width: 500px; height: 28px; top: -4px; left: 5px; background: url(/img/greenbox_line.gif) no-repeat -100px top; } #maincol .cancellation.step2 .exclusive_offer div h4 { position: relative; display: inline-block; height: 28px; top: -10px; left: -10px; padding: 0 0 0 14px; background: url(/img/greenbox_left.png) no-repeat left top; } #maincol .cancellation.step2 .exclusive_offer div h4 span { display: inline-block; height: 28px; padding: 0 14px 0 0; line-height: 24px; background: url(/img/greenbox_right.png) no-repeat right top; font-size: 14px; font-weight: 700; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15); } #maincol .cancellation.step2 .exclusive_offer ul { overflow: hidden; } #maincol .cancellation.step2 .exclusive_offer ul li { float: left; width: 250px; padding: 0 0 0 16px; background: url(/img/icons/star_12x12_c.png) no-repeat left center; } #maincol .cancellation.step2 .exclusive_offer a { position: absolute; top: 22px; right: 10px; } .cancellation.step2 .needhelp { margin: 20px 0 15px; background: url(/img/internal-banners/cancellation_step2_supportbanner.png) no-repeat left top; } .cancellation.step2 .needhelp h5 { text-shadow: 0 1px 0 #fff; margin: 0 0 10px; } .cancellation.step2 p a, .cancellation.step2 .acenter a, .cancellation.step3 .acenter a { color: #6aaf32; } .cancellation.step2 .acenter a, .cancellation.step3 .acenter a { margin: 0 5px; } .cancellation.step2 .big_button.lightblue.phone { position: relative; padding: 0 16px 0 32px; } .cancellation.step2 .big_button.lightblue.phone:before { position: absolute; top: 5px; left: 5px; content: ""; width: 21px; height: 21px; padding-left: 0 0 40px; background: url(/img/icons/phone_21x21_c.png) no-repeat; } .cancellation.step2 .box_content{ min-height: 218px; position: relative;} .cancellation.step2 .box_content .acenter{} .cancellation.step2 .big_button.pink.chat { position: relative; padding: 0 16px 0 32px; } .cancellation.step2 .big_button.pink.chat:before { position: absolute; top: 5px; left: 7px; content: ""; width: 24px; height: 21px; padding-left: 0 0 40px; background: url(/img/icons/chat_24x21_c.png) no-repeat; } .cancellation .contacts-cnl h5 { font-size: 14px; margin-bottom: 6px;} .cancellation .contacts-cnl .tel, .cancellation .contacts-cnl .chat { float: left; margin-right: 20px; } .cancellation .contacts-cnl .tel a, .cancellation .contacts-cnl .chat a {display: block; height: 25px; font-weight: 900; padding-left: 38px; line-height: 25px; text-decoration: none;} .cancellation .contacts-cnl .chat a {background: url("../img/icons/comment_35x25.png") no-repeat left;} .cancellation .contacts-cnl .tel a {background: url("../img/icons/phoneicon_25x25.png") no-repeat left;} /* Step 4 */ .cancellation.step4 .databox h5 { font-size: 14px; margin: 0 0 10px; } /*****/ /* THANK YOU */ .thankyou { width: 700px; margin: 0 auto; } .thankyou img { display: block; margin: 0 auto; padding: 10px 0; } .thankyou h4 { margin: 0 0 10px; font-size: 18px; text-align: center; } .thankyou .databox { margin: 0; } .thankyou .thankurating { width:536px; height:136px; background: url(/img/thanku_banner_bg.png) no-repeat left top; margin: 0 auto; padding: 90px 0 0 0; text-align: center; } .thankyou .thankurating img { margin: 0 auto; padding: 0;} .thankyou .thankurating .share { padding: 26px 0 0 0; margin: 0 auto; display: inline-block;} .thankyou .thankurating .share h4 {font-size: 18px; font-weight: bold;} /*.thankyou .thankurating .share ul { margin: 0 auto; display: inline;} .thankyou .thankurating .share ul li { margin: 0 0 0 8px; float: left;} .thankyou .thankurating .share ul li:first-child { margin: 0; } .thankyou .thankurating .share ul li a { width:165px; height: 42px; display: block;} .thankyou .thankurating .share ul li a.shareontwitter {background: url(/img/but_share_sprite.png) no-repeat left top;} .thankyou .thankurating .share ul li a:hover.shareontwitter {background: url(/img/but_share_sprite.png) no-repeat left bottom;} .thankyou .thankurating .share ul li a.shareonfacebook {background: url(/img/but_share_sprite.png) no-repeat center top;} .thankyou .thankurating .share ul li a:hover.shareonfacebook {background: url(/img/but_share_sprite.png) no-repeat center bottom;} .thankyou .thankurating .share ul li a.shareareview {background: url(/img/but_share_sprite.png) no-repeat right top;} .thankyou .thankurating .share ul li a:hover.shareareview {background: url(/img/but_share_sprite.png) no-repeat right bottom;}*/ /*****/ /* PROCEED TO 2CHECKOUT / 2CO */ .proceedto2co { width: 700px; margin: 0 auto; } .proceedto2co img { display: block; margin: 0 auto; padding: 10px 0 20px; } .proceedto2co a { color: #666; } .proceedto2co h4 { margin: 0 0 10px; font-size: 14px; } .proceedto2co .acenter { margin: 0 0 10px; } /*****/ /* RESOURCES */ .resources .box { margin: 20px 0 0; } .resources .box:first-child { margin: 0; } .resources #favorites { overflow: hidden; border: none;} .resources ul.favtuts li { position: relative; float: left; height: 130px; } .resources ul.favtuts li a { float: left; width: 108px; border: 1px solid #fff; text-align: center; font-weight: 700; } .resources ul.favtuts li a:hover { border: 1px solid #e4e4e4; } .resources ul.favtuts li a .removetut { position: absolute; top: -9px; right: -12px; width: 28px; height: 28px; padding: 0; background: url(/img/icons/crossred_28x28_c.png) no-repeat left top; z-index: 9999; } .resources ul.favtuts li a div.imageholder { position: relative; padding: 10%; } .resources ul.favtuts li a div.imageholder span { position: absolute; top: 10%; left: 10%; width: 80%; height: 80%; } .resources ul.favtuts li a div.imageholder span.gallery { background: url(/img/icons/photos_36x35_c.png) no-repeat right bottom; } .resources ul.favtuts li a div.imageholder span.tutorial { background: url(/img/icons/book_30x35_c.png) no-repeat right bottom; } .resources ul.favtuts li a img { display: block; margin: 0 auto; } .resources ul.favtuts li a p { margin: 0; padding: 0 4px 10px; } .resources ul.normaltuts, .resources ul.normaltuts li ul { overflow: hidden; } .resources ul.normaltuts { padding: 1px 0 0; background: url(/img/dots.gif) repeat-x left top; } .resources ul.normaltuts > li { padding: 6px; background: url(/img/dots.gif) repeat-x left bottom; } .resources ul.normaltuts > li.grey { background: #f8f8f8 url(/img/dots.gif) repeat-x left bottom; } .resources ul.normaltuts li p { padding: 0 0 0 22px; margin: 0; background: url(/img/icons/notes_16x16_c.png) no-repeat left center; line-height: 30px; color: #3495d1; font-size: 14px; font-weight: 700; } .resources ul.normaltuts li ul li { overflow: hidden; float: left; width: 180px; line-height: 24px; } .resources ul.normaltuts li ul li span { float: left; width: 8px; height: 9px; margin: 8px 6px 0 0; background: url(/img/icons/heart_8x9_bw.png) no-repeat left center; cursor: pointer; } .resources ul.normaltuts li ul li span.faved { background: url(/img/icons/heart_8x9_c.png) no-repeat left center; } .resources ul.normaltuts li ul li a { float: left; color: #666; text-decoration: none; } .resources ul.normaltuts li ul li a:hover { color: #444; text-decoration: underline; } .resources ul.normaltuts li ul li a.small_button { margin: 2px 0 0 6px; padding: 0 4px; font-size: 16px; } .resources .showall { position: relative; text-align: center; } .resources .showall a { height: 35px; line-height: 35px; font-size: 14px; text-decoration: none; margin: 0 20px; border-top: 1px solid #c9c9c9; display:block; text-transform: uppercase; font-weight: 600;} .resources .showall a.active { border-color: transparent; background: #eaeaea; margin: 0 0 20px;} .resources {border: 1px solid #c9c9c9;} #hidden-perks {} #hidden-perks .box { padding:0 20px 20px 20px;} #hidden-perks .box h3 { color: #666; background: transparent; margin: 0 0 -1px 0;} #resourcesperks { margin: 20px 0 0 0;} #resourcesperks ul { position:relative; margin: 0 0 0 -36px; width: 880px;} #resourcesperks ul li { float: left; margin: 10px 36px 5px 36px;} #resourcesperks .newfeebie { border-bottom: 1px solid #c9c9c9; margin: 0 0 15px 0; padding: 0 0 15px;} #resourcesperks .newfeebie .left { float: left; width: 219px; margin: 0 20px 0 0;} #resourcesperks .newfeebie .right { float: right; width: 560px;} /*****/ /* REFERRAL DEALS */ /* Index a.k.a. Affiliate / Referral Program */ .programs.rd_index .databox ul { margin: 0 0 10px; } .programs.rd_index .databox ul li { margin: 6px 0 0; font-weight: 700; background: url(/img/icons/checkgreen_14x13_c.png) no-repeat left center; padding: 0 0 0 24px; } .programs.rd_index .databox.affiliate { position: relative; background: #F8F8F8 url(/img/freehosting_pileofmoney.jpg) no-repeat right bottom; } .programs.rd_index .databox.affiliate > p { width: 450px; } .programs.rd_index .databox.affiliate > div { position: absolute; width: 74px; height: 74px; top: 54px; right: 12px; padding: 12px 0 0; text-align: center; text-transform: uppercase; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.3); } .programs.rd_index .databox.affiliate > div span { display: block; font-size: 9px; margin: 1px 0; } .programs.rd_index .databox.affiliate > div span + span { font-size: 20px; font-weight: 700; } .programs.rd_index .databox.affiliate > div span + span + span { font-size: 9px; font-weight: 400; } .programs.rd_index .databox.alreadyaffiliate { background: #F8F8F8 url(/img/thumb.png) no-repeat right bottom; } .programs.rd_index .databox.oneyr h5 span { color: #69b7e9; } .programs.rd_index .databox.oneyr > p { width: 300px; } .programs.rd_index .sharebox { border-top: none; background: #fafafa; } /**/ /* Affiliate Black Friday Cyber Monday 2016 Promo*/ .box.fridaymonday{ padding:20px; background: url(/img/promo/blackfriday/blackfriday_background.jpg) no-repeat left top; text-align: center; color: #fff;} .box.fridaymonday h2{ display: block; height: 36px; line-height: 36px; color: #fff; font-size: 18px; background: url(/img/promo/blackfriday/blackfriday_heading.png) no-repeat center center;} .box.fridaymonday h2 + p { font-size: 14px; line-height: 18px ; padding: 20px 0; } .box.fridaymonday .columns > div{ float: left; width: 30%; padding: 0 1.5%;} .box.fridaymonday .columns > div .icon{ width: 75px; line-height: 75px; height: 75px; border-radius: 50%; background: #d0554b; display: block; margin: 0px auto; position: relative;} .box.fridaymonday .columns > div .icon img{ padding: 18px 0 0 0;} .box.fridaymonday .columns > div h4 {font-size: 18px; line-height: 20px; display: block; padding: 15px 0;} .box.fridaymonday .columns > div p { color: #cdcdcd;} .box.fridaymonday .columns > div a { color: #d0554b;} .socialbannerpreview > div{ float: left;} .socialbannerpreview > div:first-child{ margin: 0 10px 0 0;} .socialbannerpreview > div p { margin:5px 0 0 0; font-weight: bold;} .socialbannerpreview > div p a { color: #d0554b; margin: 0 0 0 0 ; text-decoration: none; font-weight: 400;} /* Affiliate Black Friday Cyber Monday 2016 Promo ORDER*/ .blacfridayorder .maintitle{ border: none; text-transform: uppercase; font-weight: 600; font-size: 20px; margin-bottom: 0;} .blacfridayorder .maintitle span{ display: inline-block; position: relative; width: 17px; height: 17px; background: url(/img/icons/icon_red_star_16x16.png) no-repeat center center; padding: 0 10px; } .blacfridayorder .subtitle { text-align: center; font-size: 18px; font-weight: 400; padding: 0 0 20px 0;} /* Clients Black Friday Cyber Monday 2016 Promo*/ /*Black Friday Deals*/ .promotions.blackfriday { padding:20px; background: url(/img/promo/blackfriday/blackfriday_index_promo_background.jpg) no-repeat left top; text-align: center; color: #fff;} .promotions.blackfriday h1 { display: block; height: 66px; font: 38px/66px bebas_neueregular, sans-serif; background: url(/img/promo/blackfriday/blackfriday_ribbon.png) no-repeat center center; margin: 20px 0 40px;} .promotions.blackfriday .deal { position: relative; display: block; padding: 25px 20px; background-color: rgba(0, 0, 0, 0.6); border: 2px dashed #545454; margin: 20px 0 0; text-align: left;} .promotions.blackfriday .deal h2 { padding: 0 0 0 30px; font-weight: 500; color: #8f8f8f; position: relative; display: block; font-size: 20px; line-height: 22px;} .promotions.blackfriday .deal h2:before { position: absolute; width: 16px; height: 16px; background: url(/img/promo/blackfriday/icon_white_star16x15.png) no-repeat center center; left: 0; top: 1px; content: ''; } .promotions.blackfriday .deal p { margin: 0; font-weight: 500; padding: 5px 0 0 30px; color: #fff; position: relative; display: block; font-size: 20px; line-height: 22px;} .promotions.blackfriday .deal .calltoaction { position: absolute; right: 20px; height: 30px; line-height: 30px; font-size: 12px; text-transform: uppercase; border-radius: 2px; background: #d0554b; top:50%; margin-top: -15px; color: #fff; text-decoration: none; padding: 0 10px; min-width: 90px; text-align: center; } .promotions.blackfriday .deal span.calltoaction, .promotions.blackfriday .deal .gotit {background: #605f5e;} .promotions.blackfriday .deal a.calltoaction:hover {background: #fd5c51;} /*Cyber Monday Deals*/ .promotions.cybermonday { padding:20px; background: url(/img/promo/blackfriday/cybermonday_index_promo_background.jpg) no-repeat left top; text-align: center; color: #fff;} .promotions.cybermonday h1 { display: block; height: 69px; font: 38px/62px bebas_neueregular, sans-serif; background: url(/img/promo/blackfriday/cybermonday_ribbon.png) no-repeat center center; margin: 20px 0 40px;} .promotions.cybermonday .deal { position: relative; display: block; padding: 25px 20px; background-color: rgba(255, 255, 255, 0.6); border: 2px dashed #172329; margin: 20px 0 0; text-align: left;} .promotions.cybermonday .deal h2 { padding: 0 0 0 30px; font-weight: 500; color: #072231; position: relative; display: block; font-size: 20px; line-height: 22px;} .promotions.cybermonday .deal h2:before { position: absolute; width: 16px; height: 16px; background: url(/img/promo/blackfriday/star_darkblue16x15.png) no-repeat center center; left: 0; top: 1px; content: ''; } .promotions.cybermonday .deal p { margin: 0; font-weight: 500; padding: 5px 0 0 30px; color: #0b667b; position: relative; display: block; font-size: 20px; line-height: 22px;} .promotions.cybermonday .deal .calltoaction { position: absolute; right: 20px; height: 30px; line-height: 30px; font-size: 12px; text-transform: uppercase; border-radius: 2px; background: #0c97b6; top:50%; margin-top: -15px; color: #fff; text-decoration: none; padding: 0 10px; min-width: 90px; text-align: center; box-shadow: 0px 3px 0px 0px #98a1a5; } .promotions.cybermonday .deal span.calltoaction, .promotions.blackfriday .deal .gotit {background: #8fc8d5;} .promotions.cybermonday .deal a.calltoaction:hover {background: #0ea8cc;} /* Affiliate Support, Speed, Security **/ .accordeon .tabdet .supportype { padding: 30px 0; border-bottom: 1px solid #ddd; } .accordeon .tabdet .supportype:last-of-type { border: 0; } .accordeon .tabdet .supportype div:first-child { float: left; display:inline-block; width: 42%; padding: 30px 0 0 0; color: #666; font-size: 25px; font-weight: bold; line-height: 50px; text-align: center; } .accordeon .tabdet .speedtype div:first-child { padding: 0; font-size: 22px;} .accordeon .tabdet .supportype div:first-child span { display:inline-block; height: 50px; padding: 0 0 0 65px; } .accordeon .tabdet .speedtype div:first-child span { padding: 55px 0 0 0 ; } .accordeon .tabdet .supportype div:first-child span.chatsupport { background: url(/img/icons/chaticon.png) 0 0 no-repeat; } .accordeon .tabdet .supportype div:first-child span.ticketsupport { background: url(/img/icons/ticketicon.png) 0 0 no-repeat; } .accordeon .tabdet .supportype div:first-child span.phonesupport { background: url(/img/icons/phoneicon.png) 0 0 no-repeat; } .accordeon .tabdet .supportype div:first-child span.loadingspeed { background: url(/img/icons/loadingspeedicon.png) center 0 no-repeat; } .accordeon .tabdet .supportype div:first-child span.performancespeed { background: url(/img/icons/performancespeedicon.png) center 0 no-repeat; } .accordeon .tabdet .supportype div:first-child span.security { background: url(/img/icons/securityicon.png) center 0 no-repeat; } .accordeon .tabdet .supportype div:first-child span.securityisolation { background: url(/img/icons/isolationicon.png) center 0 no-repeat; } .accordeon .tabdet .supportype div:nth-child(2) { display:inline-block; width: 58%; } .accordeon .tabdet .supportype ul li { background: url(/img/icons/checkgreen_16x15_c.png) no-repeat 0 0; margin: 6px 0; padding: 0 0 0 20px; } .accordeon .tabdet .supportype ul li strong { color: #75ab2c; } .accordeon .tabdet .supportype img.diagram { margin: 20px 0; border: 1px solid #dbdbdb; } .supporttable { border-right: 1px solid #d5d4d4; border-bottom: 1px solid #d5d4d4; margin: 30px 0 0 0; } .supporttable tr:nth-of-type(2) { background: #e0f4cc; } .supporttable tr:nth-of-type(3), .supporttable tr:nth-of-type(4), .supporttable tr:nth-of-type(5), .supporttable tr:nth-of-type(6) { background: #e1f0f9; } .supporttable tr:nth-of-type(7), .supporttable tr:nth-of-type(8), .supporttable tr:nth-of-type(9), .supporttable tr:nth-of-type(10) { background: #fcf8d5; } .supporttable tr:nth-of-type(11), .supporttable tr:nth-of-type(12), .supporttable tr:nth-of-type(13), .supporttable tr:nth-of-type(14) { background: #ffdfdf; } .supporttable th { background: #666666; font-size: 14px; color: #fff;} .supporttable th:first-of-type { background: 0; border: 0; padding: 10px 0; } .supporttable th, .supporttable td { width: 20%; border-left: 1px solid #d5d4d4; border-top: 1px solid #d5d4d4; } .supporttable td { text-align: center; padding: 10px; font-size: 14px; } .supporttable td:first-of-type { text-align: left; color: #231f20; } .speedtype .supporttable tr{ background: none; } /* Banner Request */ .rd_bannerrequest .field a { padding: 3px 0 0 10px; } .rd_bannerrequest textarea { width: 526px; height: 100px; } /*****/ /* SALES PAGES */ .salespages .product_presentation { width: 554px; border: 1px dotted #888; } .salespages .product_presentation .gradient { width: 554px; background: #fff url(/img/sales/product_presentation_bg.png) repeat-y center top; } .salespages .product_presentation .arrow_bg { position: relative; width: 534px; padding: 10px; background: url(/img/sales/product_presentation_arrow_bg.png) no-repeat left bottom; } .salespages .product_presentation .promo_label { overflow: hidden; margin: 0 0 2px; font: 14px/22px bebas_neueregular, sans-serif; background: url(/img/sales/promo_label_linebg.gif) repeat-x left 12px; color: #b8a58a; } .salespages .product_presentation .promo_label div { float: left; padding: 0 6px 0 0; background: #fefdfc url(/img/sales/promo_label_gradientbg.png) repeat-y left top; } .salespages .product_presentation .promo_label img { float: left; margin: 0 4px 0 0; } .salespages .product_presentation h4 { font: 28px bebas_neueregular, sans-serif; color: #e37043; border-bottom: 1px solid #e9e3da; padding: 0 0 5px; } .salespages .product_presentation h4 span { color: #786761; } .salespages .product_presentation p { margin: 10px 0 0; } .salespages .product_presentation .product_features { padding: 14px 0; } .salespages .product_presentation .product_features li { position: relative; margin: 6px 0 0; padding: 0 0 0 24px; background: url(/img/icons/checkgreen_16x14_c.png) no-repeat left center; } .salespages .product_presentation .product_features li:first-child { margin: 0; } .salespages .product_bigimage { position: relative; width: 516px; margin: 10px 0 0; padding: 20px; } .salespages .product_price { overflow: hidden; width: 554px; height: 70px; margin: 10px 0 0; background: url(/img/sales/product_price_bg.png) repeat-x left top; border: 1px solid #cbc4ae; } .salespages .product_price .pointer_bg { float: left; width: 270px; padding: 0 35px 0 0; background: url(/img/sales/product_price_pointing.png) no-repeat right center; } .salespages .product_price .specials { padding: 6px 0 0; height: 64px; background: #efece3; } .salespages .product_price .specials table { width: 266px; height: 88%; } .salespages .product_price .specials table td { padding: 3px 0; text-align: center; } .salespages .product_price .specials table .normaldark { font-size: 16px; font-weight: 700; text-transform: uppercase; } .salespages .product_price .specials table .bigred { font-size: 22px; font-weight: 700; color: #de5621; text-transform: uppercase; } .salespages .product_price .specials table .smallred { font-size: 16px; font-weight: 700; color: #de5621; text-transform: uppercase; } .salespages .product_price .specials table .littlegrey { font-size: 10px; font-weight: 700; font-style: italic; color: #b8b8b8; } .salespages .product_price a.big_button { max-width: 210px; border-radius: 6px; margin: 16px 0 0; text-transform: uppercase; white-space: nowrap; } /* Comparison Table Shared Parts */ .salespages .comparison_table { position: relative; margin: 10px 0 0; } .salespages .comparison_table > ul { position: relative; float: left; border: 1px solid #c8c8c8; border-top: none; background: #fafafa; margin: 0 0 0 5px; padding: 45px 8px; } .salespages .comparison_table > ul > li { height: 31px; line-height: 31px; border-top: 1px dotted #c8c8c8; } .salespages .comparison_table > ul > li:first-child { position: absolute; top: 0; left: -6px; height: 46px; line-height: 46px; padding: 0 5px; background: #444; color: #f6f6f6; font-size: 14px; font-weight: 700; border: none; } .salespages .comparison_table > ul:first-child > li:first-child { left: -1px; padding: 0 8px; background: #de5621 url(/img/sales/product_privatessl_sslcompare_orangeheading.png) no-repeat right center; } .salespages .comparison_table > ul > li img { vertical-align: middle; } .salespages .comparison_table ul li.ssl_order_button { position: absolute; bottom: -2px; left: -1px; height: 46px; line-height: 46px; padding: 0 5px; background: #fff; border-top: 1px solid #c8c8c8; } /* Second Level Lists */ .salespages .comparison_table ul li ul { margin: 5px 0 0; } .salespages .comparison_table ul li ul li { padding: 4px 0 0; } .salespages .comparison_table ul li ul li:first-child { padding: 0; } /* Additional HDD */ .salespages.additionalhdd .product_presentation .product_features { background: url(/img/sales/product_additionalhdd_icon.png) no-repeat 430px center; } /* Additional RAM */ .salespages.additionalram .product_presentation .product_features { background: url(/img/sales/product_additionalram_icon.png) no-repeat 410px center; } /* Backup for Dedicated Server */ .salespages.backupfords .product_presentation .product_features { background: url(/img/sales/product_backupfords_icon.png) no-repeat 410px center; } /* Daily Backup */ .salespages.dailybackup .product_presentation .product_features { background: url(/img/sales/product_dailybackup_icon.png) no-repeat 410px center; } .salespages.dailybackup .product_bigimage { height: 160px; background: url(/img/sales/product_dailybackup_bigimage.jpg) no-repeat left top; } .salespages.dailybackup .product_bigimage p { font: 22px FrancoisOneRegular, sans-serif; text-align: center; } .salespages.dailybackup .comparison_table > ul { width: 171px; } .salespages.dailybackup .comparison_table > ul:first-child { width: 150px; margin: 0; padding-bottom: 0; } .salespages.dailybackup .comparison_table > ul > li:first-child { width: 189px; } .salespages.dailybackup .comparison_table > ul:first-child > li:first-child { width: 152px; } .salespages.dailybackup .comparison_table > ul > li:first-child + li + li + li + li + li { height: auto; line-height: 40px; font-size: 24px; } /* All 13th LI's */ .salespages.dailybackup .comparison_table > ul:first-child > li:first-child + li + li + li + li + li { font-size: 18px; } /* First table 13th LI only */ .salespages.dailybackup .comparison_table > ul > li.strike { position: relative; } .salespages.dailybackup .comparison_table > ul > li.strike span { position: absolute; top: 20px; left: 15px; display: block; width: 140px; height: 3px; background: #D14C22; } .salespages.dailybackup .comparison_table ul li.ssl_order_button { width: 179px; } /* CloudFlare CDN */ .salespages.cloudflare .product_presentation .product_features { background: url(/img/sales/CloudFlareOrder.png) no-repeat 370px center; } .salespages.cloudflare .product_bigimage { height: 160px; background: url(/img/sales/product_dailybackup_bigimage.jpg) no-repeat left top; } .salespages.cloudflare .product_bigimage p { font: 22px FrancoisOneRegular, sans-serif; text-align: center; } .salespages.cloudflare .comparison_table > ul { width: 171px; } .salespages.cloudflare .comparison_table > ul:first-child { width: 136px; margin: 0; padding-bottom: 0; } .salespages.cloudflare .comparison_table > ul:first-child li span { position: relative; float: right; margin: 10px 0 0; cursor: pointer; } .salespages.cloudflare .comparison_table > ul:first-child li span img { display: block; opacity: 0.5; } .salespages.cloudflare .comparison_table > ul:first-child li span:hover img { opacity: 1; } .salespages.cloudflare .comparison_table > ul:first-child li span .shortinfo { display: none; position: absolute; top: 10px; left: 10px; z-index: 8000; width: 200px; background: #fff; padding: 10px; border-radius: 6px; border: 1px solid #ccc; box-shadow: 0 0 10px rgba(0, 0, 0, .2); font: 400 11px Arial, Tahoma, sans-serif; color: #666; text-align: left; cursor: default; } .salespages.cloudflare .comparison_table > ul:first-child li span:hover .shortinfo { display: block; } .salespages.cloudflare .comparison_table > ul:first-child li ul li span { margin: 2px 0 0; } .salespages.cloudflare .comparison_table > ul:first-child { width: 150px; margin: 0; padding-bottom: 0; } .salespages.cloudflare .comparison_table > ul > li:first-child { width: 189px; } .salespages.cloudflare .comparison_table > ul:first-child > li:first-child { width: 152px; } .salespages.cloudflare .comparison_table > ul > li:first-child + li + li + li + li + li + li + li + li + li + li { height: auto; line-height: 40px; font-size: 24px; } /* All 13th LI's */ .salespages.cloudflare .comparison_table > ul:first-child > li:first-child + li + li + li + li + li + li + li + li + li + li { font-size: 18px; } /* First table 13th LI only */ .salespages.cloudflare .comparison_table > ul > li.strike { position: relative; } .salespages.cloudflare .comparison_table > ul > li.strike span { position: absolute; top: 20px; left: 15px; display: block; width: 140px; height: 3px; background: #D14C22; } .salespages.cloudflare .comparison_table ul li.ssl_order_button { width: 179px; } /* .salespages.cloudflare.sh404sef .comparison_table > ul > li:first-child + li + li + li + li + li + li + li + li + li + li { height: auto; line-height: 31px; font-size: 24px; font-size: 12px; } /* All 13th LI's */ /* Test Clouder */ .salespages.clouder .product_presentation .product_features { background: #f9f9f9 url(/img/sales/clouder_icon_90x62.png) no-repeat 410px 70px; padding: 20px 15px; border: 1px dotted #C8C8C8; margin: 20px 0 5px 0; font-weight: 700;} .salespages.clouder .product_bigimage { height: 160px; background: url(/img/sales/product_dailybackup_bigimage.jpg) no-repeat left top; } .salespages.clouder .product_bigimage p { font: 22px FrancoisOneRegular, sans-serif; text-align: center; } .salespages.clouder .comparison_table > ul { width: 317px; padding: 45px 8px 0 8px; margin: 0 0 10px 5;} .salespages.clouder .comparison_table > ul:first-child { width: 136px; margin: 0; padding-bottom: 0; } .salespages.clouder .comparison_table > ul:first-child li span { position: relative; float: right; margin: 10px 0 0; cursor: pointer; } .salespages.clouder .comparison_table > ul:first-child li span img { display: block; opacity: 0.5; } .salespages.clouder .comparison_table > ul:first-child li span:hover img { opacity: 1; } .salespages.clouder .comparison_table > ul:first-child li span .shortinfo { display: none; position: absolute; top: 10px; left: 10px; z-index: 8000; width: 200px; background: #fff; padding: 10px; border-radius: 6px; border: 1px solid #ccc; box-shadow: 0 0 10px rgba(0, 0, 0, .2); font: 400 11px Arial, Tahoma, sans-serif; color: #666; text-align: left; cursor: default; } .salespages.clouder .comparison_table > ul:first-child li span:hover .shortinfo { display: block; } .salespages.clouder .comparison_table > ul:first-child li ul li span { margin: 2px 0 0; } .salespages.clouder .comparison_table > ul:first-child { width: 176px; margin: 0; padding-bottom: 0; } .salespages.clouder .comparison_table > ul > li:first-child { width: 330px; } .salespages.clouder .comparison_table > ul:first-child > li:first-child { width: 178px; } .salespages.clouder .comparison_table > ul > li.strike { position: relative; } .salespages.clouder .comparison_table > ul > li.strike strong { font-weight: 600; color: #666; } .salespages.clouder .comparison_table > ul > li.strike span { position: absolute; top: 20px; left: 15px; display: block; width: 140px; height: 3px; background: #D14C22; } .salespages.clouder .comparison_table ul li.ssl_order_button { width: 179px; } .salespages.clouder .product_presentation { border: none; } .salespages.clouder .product_presentation h5 {font-size:22px; padding: 15px 0 10px;} .salespages.clouder .product_presentation .arrow_bg { background: transparent; } .salespages.clouder .acenter a { margin:20px 0 0 ;} /* Dedicated IP */ .salespages.dedicatedip .product_presentation .product_features { background: url(/img/sales/product_dedicatedip_icon.png) no-repeat 410px center; } /* Domain Privacy */ .salespages.domainprivacy .product_presentation .product_features { background: url(/img/sales/product_domainprivacy_icon.png) no-repeat 370px 6px; } .salespages.domainprivacy .product_bigimage { overflow: hidden; width: 534px; padding: 10px; border: 1px solid #c8c8c8; background: #fff url(/img/sales/product_domainprivacy_bigimage.png) no-repeat left top; } .salespages.domainprivacy .product_bigimage div { float: left; display: inline; width: 245px; margin: 0 0 0 8px; padding: 6px; border: 1px solid #b0b0b0; background: #fff;} .salespages.domainprivacy .product_bigimage div:first-child { margin: 0 8px 0 0; } .salespages.domainprivacy .product_bigimage div hgroup { border-bottom: 1px solid #b0b0b0; padding: 7px 0 7px 40px; background: #f7f6f2 url(/img/sales/product_domainprivacy_manbw.png) no-repeat left bottom; font-size: 14px; text-align: center; } .salespages.domainprivacy .product_bigimage div:first-child hgroup { background: #f7f6f2 url(/img/sales/product_domainprivacy_manc.png) no-repeat left bottom; } .salespages.domainprivacy .product_bigimage div hgroup h5 { font-size: 10px; } .salespages.domainprivacy .product_bigimage div ul li { overflow: hidden; height: 30px; line-height: 30px; background: url(/img/dots.gif) repeat-x left top; color: #999; } .salespages.domainprivacy .product_bigimage div ul li:first-child { background: none; } .salespages.domainprivacy .product_bigimage div ul li span { display: inline-block; width: 74px; padding: 0 0 0 14px; background: url(/img/sales/product_domainprivacy_bullet.png) no-repeat 2px 13px; color: #666; } /* Domain Transfer */ .salespages.domaintransfer .product_presentation .product_features { background: url(/img/sales/product_domaintransfer_icon.png) no-repeat 412px center; } /* External SSL */ .salespages.externalssl .product_presentation .product_features { background: url(/img/sales/product_externalssl_icon.png) no-repeat 420px 6px; } /* GoMobi */ .salespages.gomobi .product_presentation .arrow_bg { overflow: hidden; } .salespages.gomobi .product_presentation .product_features { float: left; width: 312px; } .salespages.gomobi .product_presentation a#watchNow { overflow: hidden; float: left; width: 220px; height: 120px; margin: 10px 0 0; background: url(/img/sales/product_gomobi_icon.png) no-repeat left top; text-indent: -9999px; } .salespages.gomobi .product_presentation a#watchNow:hover { background: url(/img/sales/product_gomobi_icon.png) no-repeat left bottom; } .salespages.gomobi #gomobi_video { position: absolute; margin: -185px 0 0 -320px; left: 50%; top: 50%; height: 360px; width: 640px; border: 10px solid #444; box-shadow: 0 0 20px rgba(0, 0, 0, .3); z-index: 9999; } .salespages.gomobi a.close { position: absolute; top: -30px; right: -30px; width: 32px; height: 32px; background: url(/img/close.png) left top; margin: 0; text-indent: -9999px; } .salespages.gomobi a.close:hover { background: url(/img/close.png) left bottom; } /* Backup Buddy */ .salespages.backupbuddy .product_presentation .arrow_bg { overflow: hidden; } .salespages.backupbuddy .product_presentation p { margin: 10px 0 15px 0; } .salespages.backupbuddy .product_presentation .product_features { width: 312px; background: url(/img/sales/product_backup_buddy_90x107.png) no-repeat 380px 10px; padding: 0 220px 0 0; } .salespages.backupbuddy p.pleasenote { width: 530px; font-size: 11px; line-height: 13px; font-weight: 600;} /* HackAlert */ .salespages.hackalert .product_presentation .product_features { background: url(/img/sales/product_hackalert_icon.png) no-repeat 410px 10px; } .salespages.hackalert .product_bigimage { width: 556px; height: 186px; padding: 20px 0; background: url(/img/sales/product_hackalert_bigimage.png) no-repeat left top; } .salespages.hackalert .product_bigimage.es { background: url(/img/sales/product_hackalert_bigimage_es.png) no-repeat left top; } .salespages.hackalert .product_bigimage div { float: left; width: 278px; text-align: center; font-size: 18px; line-height: 20px; } /* Relocate */ .salespages.relocate .product_presentation .product_features { background: url(/img/sales/product_relocate_icon.png) no-repeat 420px 20px; } .salespages.relocate .product_bigimage { width: 556px; height: 268px; padding: 16px 0 0; background: url(/img/sales/product_relocation_bigimage.png) no-repeat left top; font-size: 16px; font-weight: 700; text-align: center; } .salespages.relocate .product_bigimage .map { position: relative; } .salespages.relocate .product_bigimage .map > div { position: absolute; height: 20px; font: 700 16px Arial, Tahoma, sans-serif; color: #111; text-shadow: 0 0 2px #fff; cursor: pointer; } .salespages.relocate .product_bigimage .map > div .shortinfo { display: none; position: absolute; z-index: 8000; width: 200px; top: 30px; left: -80px; background: #fff; padding: 10px; border-radius: 6px; border: 1px solid #ccc; box-shadow: 0 0 10px rgba(0, 0, 0, .2); font: 400 11px Arial, Tahoma, sans-serif; color: #666; text-align: left; cursor: default; } .salespages.relocate .product_bigimage .map > div .shortinfo ul li { background: url(/img/icons/dot_3x3_bw.png) no-repeat left center; padding: 0 0 0 8px; } .salespages.relocate .product_bigimage .map > div:hover .shortinfo { display: block; } .salespages.relocate .product_bigimage .map > div.chicago { top: 70px; left: 138px; } .salespages.relocate .product_bigimage .map > div.amsterdam { top: 76px; left: 276px; } .salespages.relocate .product_bigimage .map > div.london { top: 58px; left: 226px; } .salespages.relocate .product_bigimage .map > div.singapore { top: 124px; left: 330px; } /*Two Factor login */ .salespages.twofactorlogin .product_presentation .product_features { background: url(/img/sales/product_qr.png) no-repeat 420px 0px; } .salespages.twofactorlogin .product_presentation .product_features li { width: 350px;} .salespages.twofactorlogin .product_presentation .twofactorhowto p { position: relative; padding: 10px 0 10px 40px; } .salespages.twofactorlogin .product_presentation .twofactorhowto p:before { position:absolute; display: block; left: 0; top: 0; content: ''; width: 32px; height: 32px; border-radius: 16px; background-color: #95c021; background-position: center center; background-repeat: no-repeat; } .salespages.twofactorlogin .product_presentation .twofactorhowto p.download:before { background-image: url(/img/icons/download_app_16x14.png) } .salespages.twofactorlogin .product_presentation .twofactorhowto p.scan:before { background-image: url(/img/icons/qr_code_16x15.png) } .salespages.twofactorlogin .product_presentation .twofactorhowto p.confirm:before { background-image: url(/img/icons/confirm_16x14.png) } .salespages.twofactorlogin .product_presentation .twofactorhowto p.phone:before { background-image: url(/img/icons/phone_11x16.png) } .salespages.twofactorlogin .product_presentation .twofactorhowto p.backup:before { background-image: url(/img/icons/backup_16x14.png) } /* Premium Support */ .salespages.premiumsupport .product_presentation .product_features { background: url(/img/sales/product_premiumsupport_icon.png) no-repeat 420px 6px; } .salespages.premiumsupport .product_bigimage { width: 556px; height: 180px; padding: 20px 0; background: url(/img/sales/product_premiumsupport_bigimage.png) no-repeat left top; } .salespages.premiumsupport .product_bigimage.es { background: url(/img/sales/product_premiumsupport_bigimage_es.png) no-repeat left top; } .salespages.premiumsupport .product_bigimage div { float: left; width: 278px; text-align: center; font-size: 18px; line-height: 20px; } /* Private DNS */ .salespages.privatedns .product_presentation .product_features { background: url(/img/sales/product_privatedns_icon.png) no-repeat 420px 6px; } .salespages.privatedns .product_bigimage { width: 556px; height: 115px; padding: 20px 0; background: url(/img/sales/product_privatedns_bigimage.png) no-repeat left top; } .salespages.privatedns .product_bigimage div { float: left; width: 278px; text-align: center; font-size: 18px; line-height: 20px; } /* Private SSL */ .salespages.privatessl .product_presentation .product_features { background: url(/img/sales/product_privatessl_icon.png) no-repeat 420px center; } .salespages.privatessl .comparison_table > ul { width: 103px; } .salespages.privatessl .comparison_table > ul:first-child { width: 159px; margin: 0; padding-bottom: 0; } .salespages.privatessl .comparison_table > ul:first-child li span { position: relative; float: right; margin: 10px 0 0; cursor: pointer; } .salespages.privatessl .comparison_table > ul:first-child li span img { display: block; opacity: 0.5; } .salespages.privatessl .comparison_table > ul:first-child li span:hover img { opacity: 1; } .salespages.privatessl .comparison_table > ul:first-child li span .shortinfo { display: none; position: absolute; top: 10px; left: 10px; z-index: 8000; width: 200px; background: #fff; padding: 10px; border-radius: 6px; border: 1px solid #ccc; box-shadow: 0 0 10px rgba(0, 0, 0, .2); font: 400 11px Arial, Tahoma, sans-serif; color: #666; text-align: left; cursor: default; } .salespages.privatessl .comparison_table > ul:first-child li span:hover .shortinfo { display: block; } .salespages.privatessl .comparison_table > ul:first-child li ul li span { margin: 2px 0 0; } .salespages.privatessl .comparison_table > ul > li:first-child { width: 118px; font-size: 13px;} .salespages.privatessl .comparison_table > ul:first-child > li:first-child { width: 161px; } .salespages.privatessl .comparison_table > ul > li:first-child + li { padding: 7px 0 8px; height: auto; line-height: 17px; } /* All 2nd LI's */ .salespages.privatessl .comparison_table > ul:first-child > li:first-child + li { height: 34px; line-height: 34px; } /* First table 2nd LI only */ .salespages.privatessl .comparison_table > ul > li:first-child + li + li + li + li + li + li + li + li + li + li + li { height: auto; line-height: 25px; padding: 7px 0; font-size: 14px; } /* All 11th LI's */ .salespages.privatessl .comparison_table ul li.ssl_order_button { width: 118px; } .salespages.privatessl .comparison_table > ul:first-child > li:first-child + li + li + li + li + li + li + li + li + li + li + li { font-size: 18px; } .salespages.privatessl .comparison_table > ul > li:first-child + li + li + li + li + li + li + li + li + li + li + li { height: auto; line-height: 40px; font-size: 24px; } /* SSH */ .salespages.ssh .product_presentation .product_features { background: url(/img/sales/product_ssh_icon.png) no-repeat 420px center; } /* SiteBuilder */ .salespages.weebly-sitebuilder .comparison_table > ul { width: 69px; padding: 45px 8px 0; margin: 0 0 0 3px; } .salespages.weebly-sitebuilder .comparison_table > ul:first-child li:last-child, .salespages.weebly-sitebuilder .comparison_table > ul li:last-child{ height: 50px; } .salespages.weebly-sitebuilder .comparison_table > ul:first-child { width: 178px; margin: 0; } .salespages.weebly-sitebuilder .comparison_table > ul:first-child li span { position: relative; float: right; margin: 10px 0 0; cursor: pointer; } .salespages.weebly-sitebuilder .comparison_table > ul:first-child li span img { display: block; opacity: 0.5; } .salespages.weebly-sitebuilder .comparison_table > ul:first-child li span .shortinfo { display: none; position: absolute; top: 10px; left: 10px; z-index: 8000; width: 200px; background: #fff; padding: 10px; border-radius: 6px; border: 1px solid #ccc; box-shadow: 0 0 10px rgba(0, 0, 0, .2); font: 400 11px Arial, Tahoma, sans-serif; color: #666; text-align: left; cursor: default; } .salespages.weebly-sitebuilder .comparison_table > ul:first-child li span:hover .shortinfo { display: block; } .salespages.weebly-sitebuilder .comparison_table > ul:first-child > li:first-child { left: -1px; padding: 0 8px; background: #de5621 url(/img/sales/product_privatessl_sslcompare_orangeheading.png) no-repeat right center; width: 178px; } .salespages.weebly-sitebuilder .comparison_table > ul:first-child > li:first-child + li { height: 31px; line-height: 31px; padding: 0; } .salespages.weebly-sitebuilder .comparison_table > ul > li:first-child { width: 83px; } .salespages.weebly-sitebuilder .comparison_table > ul > li:first-child + li + li + li + li + li + li + li + li + li { padding: 0; height: 31px; line-height: 31px; } .salespages.weebly-sitebuilder .comparison_table > ul:first-child > li:first-child + li + li + li + li + li + li + li + li + li + li { font-size: 12px; height: 31px; line-height: 31px; } .salespages.weebly-sitebuilder .comparison_table > ul > li:first-child + li + li + li + li + li + li + li + li + li + li { height: 31px; line-height: 31px; font-size: 12px; } /* Website Wizard */ .salespages.websitewizard .product_presentation .product_features { background: url(/img/sales/product_websitewizard_icon.png) no-repeat 374px center; } .salespages.websitewizard .comparison_table > ul { width: 171px; } .salespages.websitewizard .comparison_table > ul:first-child { width: 150px; margin: 0; padding-bottom: 0; } .salespages.websitewizard .comparison_table > ul > li:first-child { width: 189px; } .salespages.websitewizard .comparison_table > ul:first-child > li:first-child { width: 152px; } .salespages.websitewizard .comparison_table > ul > li:first-child + li + li + li + li + li + li + li + li + li + li + li + li { height: auto; line-height: 40px; font-size: 24px; } /* All 13th LI's */ .salespages.websitewizard .comparison_table > ul:first-child > li:first-child + li + li + li + li + li + li + li + li + li + li + li + li { font-size: 18px; } /* First table 13th LI only */ .salespages.websitewizard .comparison_table > ul > li.strike { position: relative; } .salespages.websitewizard .comparison_table > ul > li.strike span { position: absolute; top: 20px; left: 15px; display: block; width: 140px; height: 3px; background: #D14C22; } .salespages.websitewizard .comparison_table ul li.ssl_order_button { width: 179px; } /* Upgrade to Hosting PLUS */ .salespages.hostingplus .product_presentation .product_features { background: url(/img/sales/product_hostingplus_icon.png) no-repeat 410px center; } .salespages.hostingplus .comparison_table > ul { width: 171px; } .salespages.hostingplus .comparison_table > ul:first-child { width: 150px; margin: 0; padding-bottom: 0; } .salespages.hostingplus .comparison_table > ul:first-child + ul, .salespages.hostingplus .comparison_table > ul:first-child + ul + ul { padding-bottom: 0; } .salespages.hostingplus .comparison_table > ul > li:first-child { width: 189px; } .salespages.hostingplus .comparison_table > ul:first-child > li:first-child { width: 152px; } .salespages.hostingplus .comparison_table > ul > li:first-child + li + li + li + li + li + li + li + li { height: auto; padding: 7px 0 8px; font-size: 24px; } /* All 9th LI's */ .salespages.hostingplus .comparison_table > ul > li:first-child + li + li + li + li + li + li + li + li span { display: block; font-size: 12px; font-weight: 400; line-height: normal; color: #666; } .salespages.hostingplus .comparison_table > ul:first-child > li:first-child + li + li + li + li + li + li + li + li { font-size: 18px; line-height: 46px; } /* First table 9th LI only */ /* Domain Filtering Spam */ .salespages.domainfilteringspam .product_presentation .product_features { background: url(/img/sales/product_domain_filtering_spam_icon.png) no-repeat 430px center; } /* Domain Addon Slot */ .salespages.domainaddonslot .product_presentation .product_features { background: url(/img/sales/product_domainaddong_slot_icon.png) no-repeat 420px center; } /* Dedicated Geeky Features */ .salespages.dedicated_geeky_features .product_presentation .product_features { background: url(/img/sales/dedicated_geeky_features_106x100_c.png) no-repeat 410px center; } .salespages.dedicated_geeky_features .product_presentation .product_features li { padding: 0 0 0 24px; } /* Performace Booster */ .salespages.performance_booster .product_presentation .product_features li { background-position: top left; font-weight: 700; } .performancebooster li { background:#FFF; border: 1px solid #CCC; border-radius: 5px; float: left; width: 113px; margin: 0 0 5px 8px; padding: 9px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08), inset 0 0 60px rgba(169, 124, 56, 0.12); text-align: center; color: #999; } .performancebooster li:first-child { margin: 0; } .performancebooster li > div { width: 50px; height: 50px; margin: 0 auto 5px; } .performancebooster li strong { display: block; margin: 0 0 15px; font-size: 12px; line-height: 22px; color: #474846; } .performancebooster li p { margin: 0; } .performancebooster li .joomla { background: url(/img/icons/joomla_50x50_c.png) no-repeat; } .performancebooster li .wordpress { background: url(/img/icons/wordpress_50x50_c.png) no-repeat; } .performancebooster li .magento { background: url(/img/icons/magento_50x50_c.png) no-repeat; } .performancebooster li .generalbooster { background: url(/img/icons/general_booster_50x50_c.png) no-repeat; } /*****/ /* FREEBIES */ .freebies ul.benefits li { padding: 15px 10px 15px 80px; background: url(/img/icons/check_50x54_c.png) no-repeat 10px center; border-bottom: 1px dotted #ccc; margin: 0; } .freebies ul.benefits li:first-child { padding: 10px 10px 15px 80px; } .freebies ul.benefits li.odd { background: #f9f9f9 url(/img/icons/check_50x54_c.png) no-repeat 10px center;; } .freebies ul.benefits li h5 { font-size: 14px; font-weight: 700; margin: 0 0 4px; background: none; padding: 0; } /* Bidvertiser */ .freebies.bidvertiser .productintro { overflow: hidden; background: url(/img/bidvertiser_hands.png) no-repeat center bottom; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 20px; margin: 0 0 20px; } .freebies.bidvertiser .productintro > img { display: block; margin: 0 0 0 6px; } .freebies.bidvertiser .productintro div p { margin: 0; font: 40px/30px bebas_neueregular, sans-serif; color: #b82828; text-align: left; } .freebies.bidvertiser .productintro div span { font-size: 26px; display: block; color: #666; } /* 2CO */ .freebies.twoco .productintro { overflow: hidden; background: url(/img/twoco_bg.png) no-repeat right bottom; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 15px 20px 5px; margin: 0 0 20px; } .freebies.twoco .productintro > img { display: block; } .freebies.twoco .productintro > div:first-child { float: left; width: 176px; text-align: center; } .freebies.twoco .productintro > div { float: right; width: 316px; margin: 10px 0 0 0; text-align: center; } .freebies.twoco .productintro div p { font: 38px/40px bebas_neueregular, sans-serif; color: #0098c7; } .freebies.twoco .productintro div span { display: block; font: 20px bebas_neueregular, sans-serif; color: #999; } .freebies.twoco .productintro .promocode { background: transparent; border: none; } .freebies.twoco .promocode { width: 300px; margin: 0 auto; border: 1px solid #c7e6f6; padding: 4px 0; background: #f1f7fc; text-align: center; color: #009bc9; } /* Shopping Carts */ .shoppingcarts ul { position: relative; float: left; width: 130px; margin: 0 0 0 4px; background: #f8f8f8; border: 1px solid #e1e1e1; border-radius: 5px; text-align: center; } .shoppingcarts ul.recommended { border: 1px solid #5ab741; } .shoppingcarts ul.recommended li:first-child p { position: absolute; top: -8px; left: 50%; width: 120px; height: 28px; margin: 0 0 0 -60px; background: url(/img/sticker_yellow.png) no-repeat left top; font: 16px/21px bebas_neueregular, sans-serif; color: #222; } .shoppingcarts ul.features { width: 146px; margin: 0; background: #edf2f5; border: 1px solid #d9dde0; border-radius: 5px; text-align: left; } .shoppingcarts ul.features li { padding: 12px 2px 12px 8px; } .shoppingcarts ul.features li span { position: relative; float: right; margin: 3px 4px 0 0; cursor: pointer; } .shoppingcarts ul.features li span img { display: block; opacity: 0.5; } .shoppingcarts ul.features li span:hover img { opacity: 1; } .shoppingcarts ul.features li span .shortinfo { display: none; position: absolute; top: 10px; left: 10px; z-index: 8000; width: 200px; background: #fff; padding: 10px; border-radius: 6px; border: 1px solid #ccc; box-shadow: 0 0 10px rgba(0, 0, 0, .2); font: 400 11px Arial, Tahoma, sans-serif; color: #666; text-align: left; cursor: default; } .shoppingcarts ul.features li span:hover .shortinfo { display: block; } .shoppingcarts ul.features li.odd { background: #d9dde0; } .shoppingcarts ul.features li:first-child { font-size: 17px; font-weight: 700; } .shoppingcarts ul.features li:first-child + li { height: 98px; } .shoppingcarts ul li:first-child { height: 36px; line-height: 36px; } .shoppingcarts ul li:first-child img { display: inline; vertical-align: middle; } .shoppingcarts ul li { padding: 12px 2px; line-height: 16px; } .shoppingcarts ul li .suitable { display: inline-block; margin: 0 0 8px; border-radius: 3px; padding: 2px 6px; box-shadow: 0 1px 2px rgba(0, 0, 0, .2); font: 16px/17px bebas_neueregular, sans-serif; color: #fff; } .shoppingcarts ul li .suitable.beginners { background: #3dabff; } .shoppingcarts ul li .suitable.experienced { background: #5ab741; } .shoppingcarts ul li .suitable.advanced { background: #f47a1f; } .shoppingcarts ul li img { display: block; margin: 0 auto; } .shoppingcarts ul li.odd { background: #ececec; } /*****/ /* ideal transtion*/ .idealtransition h1 { font-size: 22px; line-heigth: 28px; text-align: center; } .icon_ideal { display: block; height: 63px; width: 73px; margin: 20px auto; background: url(/img/icons/ideal_logo_73x63.png) no-repeat 0px 0px; } /* REFERRAL PROGRAMS */ .programs h5 { font: 28px/28px bebas_neueregular, sans-serif; color: #666; } .programs h5 span { color: #E37043; } .programs .sharebox { margin: 0 ; padding: 9px; background: #fff; border: 1px solid #ddd; } .programs .sharebox label { float: left; width: 150px; font-weight: 700; cursor: text; } .programs .sharebox input { float: left; width: 356px; } .programs.recommendprograms .databox { margin: 0;} /* Friends Program */ .programs .databox.oneyr { background: #F8F8F8 url(/img/promooffer_friends.png) no-repeat right bottom; } .programs .databox.oneyr p { width: 380px; margin: 0 0 15px; } .programs .databox.oneyr a { margin: 0 0 8px; } .programs .databox.sharelink { background: #F8F8F8 url(/img/whispering_girls.png) no-repeat right 50px; } .programs .databox.sharelink form .left, .programs .databox.sharelink form .right { float: left; width: 262px; } .programs .databox.sharelink form input { width: 128px; } .programs .databox.sharelink form textarea { float: left; height: 100px; width: 402px; resize:vertical; } .programs .databox.sharelink form a { margin: 10px 0 0 124px; } /**/ /*Win iPad recommend */ .programs .databox.winipad { background: #f0ecd9 url(/img/promo/ipadpromo-smallbanner.png) no-repeat 360px 56px; min-height: 180px; } .programs .databox.winipad p { max-width: 320px; } .programs .databox.winipad .sharebox { background: #F9F6EB; } .programs.recommendprograms .databox.winipad h5 span { color: #e9785a;} /*****/ /* AFFILIATE PROGRAM */ .affiliateprogram p { line-height: 18px; } .affiliateprogram .box_gradiented { margin: 0 0 10px; } .affiliateprogram .banner { position: relative; height: 176px; margin: 0 0 10px; padding: 10px 20px; background: url(/img/internal-banners/affiliateprogram_banner.png) no-repeat left top; } .affiliateprogram .banner hgroup { width: 620px; text-align: center; } .affiliateprogram .banner hgroup * { text-shadow: 0 1px 1px rgba(255, 255, 255, .8); } .affiliateprogram .banner hgroup h1 { font: 50px/56px bebas_neueregular, sans-serif; } .affiliateprogram .banner hgroup h1 span { color: #e37043; } .affiliateprogram .banner hgroup h2 { font-size: 18px; font-weight: 400; } .affiliateprogram .banner ul { position: absolute; bottom: 30px; left: 32px; } .affiliateprogram .banner a.big_button { position: absolute; bottom: 35px; right: 180px; } .affiliateprogram .banner ul li { float: left; width: 350px; margin: 15px 0 0; padding: 0 0 0 22px; background: url(/img/icons/checkred_16x15_c.png) no-repeat left top; font-size: 15px; color: #000; } .affiliateprogram .banner .ribbon { position: absolute; top: 10px; right: 110px; width: 82px; height: 82px; background: url(/img/stamp_affprog_commissions.png) no-repeat left top; } .affiliateprogram .banner .ribbon p { margin: 0; padding: 11px 0 0; font-size: 11px; text-align: center; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, .3); } .affiliateprogram .banner .ribbon p span { display: block; font-size: 21px; font-weight: 700; } .affiliateprogram .commissions li { position: relative; margin: 10px 0 0 20px; padding: 10px 10px 10px 30px; background: #fbfbfb; border-top: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 15px; font-weight: 700; } .affiliateprogram .commissions li span { position: absolute; top: -1px; left: -20px; width: 38px; height: 38px; line-height: 38px; background: #7bbb3b; border-radius: 20px; color: #fff; font-size: 20px; text-align: center; } .affiliateprogram .commissions li strong { color: #5CA03A; } .affiliateprogram form#signup_form textarea { height: 100px; width: 402px; resize: vertical; } .affiliateprogram .row.check {padding: 10px 0; border-top: 1px solid #c7c7c7;} .affiliateprogram .box_content.aff-form input[type="text"]{ width: 152px;} /*****/ /* UA SUPPORT */ /* Support Index */ .supportindex .important_messages p { width: 240px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .supportindex .databox.green { position: relative; background: #eff5ec; border: none; border-radius: 6px; padding: 0 9px 0; } .supportindex .databox.green * { border-radius: 6px; } .supportindex .databox.green #quicksearch { position: relative; top: 0; left: -9px; width: 536px; background: #eff5ec; border: 1px solid #c5d9ba; box-shadow: inset 0 0 50px rgba(188, 221, 180, .7); } .supportindex .databox.green #quicksearch > div { padding: 0 0 0 40px; background: #fff url(/img/icons/magnifier_22x22_bw.png) no-repeat 8px center; border: 1px solid #c5d9ba; } .supportindex .databox.green #quicksearch > div input { float: left; width: 380px; height: 24px; padding: 8px 0; border: none; background: none; color: #444; font-size: 18px; } .supportindex .databox.green #quicksearch > div a { float: right; position: relative; height: 32px; line-height: 32px; margin: 4px 4px 0 0; padding: 0 18px; background: #77aa6d; font-size: 15px; font-weight: 700; color: #fff; text-decoration: none; } .supportindex .databox.green #quicksearch > div a:before { content: ""; position: absolute; top: 9px; left: -1px; background: #77aa6d; width: 14px; height: 14px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .supportindex .databox.green #quicksearch > div a:hover, .supportindex .databox.green #quicksearch > div a:hover:before { background: #88b87e; } .supportindex .databox.green #search_results .totalresults { margin: 10px 0; } .supportindex .databox.green #search_results .result { background: #fcfffb; border: none; padding: 10px; margin: 10px 0; } .supportindex .databox.green #search_results .result a { display: block; background: url(/img/icons/arrowgrey_5x9_bw.gif) no-repeat left center; margin: 0 0 2px; padding: 0 0 0 12px; font-size: 13px; font-weight: 700; } .supportindex .databox.green #search_results .result a:hover { color: #333; } .supportindex .databox.green #search_results .result a b { background: #f6f77c; font-weight: 700; } .supportindex .databox.green #search_results .result a:hover b { color: #333; } .supportindex .databox.green #search_results .result p { margin: 0 0 4px; } .supportindex .databox.green #search_results .result span { color: #666; font-style: italic; } .supportindex .databox.green .popularsearches > p { margin: 0; font-weight: 700; color: #77aa6d; } .supportindex .databox.green .popularsearches ul li { float: left; width: 268px; margin: 6px 0 0; } .supportindex .databox.green .popularsearches ul li a { text-decoration: none; } .supportindex .databox.green .popularsearches ul li a:hover { color: #444; text-decoration: underline; } .supportindex div.fleft { width: 344px; height: 144px; border: 1px solid #dfdfdf; background: #fff url(/img/internal-banners/supportindex_newatwebhosting.jpg) no-repeat left bottom; text-align: center; } .supportindex div.fleft h4 { margin: 6px 0 10px; font-size: 26px; text-transform: uppercase; color: #407287; } .supportindex div.fleft ul { width: 320px; margin: 0 auto 10px; background: url(/img/icons/user_65x56_c.png) no-repeat right center; text-align: left; } .supportindex div.fleft ul li { background: url(/img/icons/checkgreen_16x15_c.png) no-repeat left center; padding: 0 0 0 20px; margin: 6px 0 0; } .supportindex div.fleft ul li:first-child { margin: 0; } .supportindex ul.fright li { width: 200px; margin: 4px 0 0; border: 1px solid #dfdfdf; background: #fefefe; background: -moz-linear-gradient(top, #fefefe 0%, #f4f4f4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f4f4f4)); background: -webkit-linear-gradient(top, #fefefe 0%,#f4f4f4 100%); background: -o-linear-gradient(top, #fefefe 0%,#f4f4f4 100%); background: -ms-linear-gradient(top, #fefefe 0%,#f4f4f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f4f4f4',GradientType=0 ); background: linear-gradient(top, #fefefe 0%,#f4f4f4 100%); } .supportindex ul.fright li:hover { background: #fefefe; background: -moz-linear-gradient(top, #f4f4f4 0%, #fefefe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#fefefe)); background: -webkit-linear-gradient(top, #f4f4f4 0%,#fefefe 100%); background: -o-linear-gradient(top, #f4f4f4 0%,#fefefe 100%); background: -ms-linear-gradient(top, #f4f4f4 0%,#fefefe 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#fefefe',GradientType=0 ); background: linear-gradient(top, #f4f4f4 0%,#fefefe 100%); } .supportindex ul.fright li:first-child { margin: 0; } .supportindex ul.fright li a { display: block; height: 44px; line-height: 44px; padding: 0 0 0 50px; font-weight: 700; font-size: 14px; color: #555; text-decoration: none; } .supportindex ul.fright li.websitetransfer a { background: url(/img/icons/arrows_30x27_c.png) no-repeat 10px 10px; } .supportindex ul.fright li.scriptinstall a { background: url(/img/icons/cd_35x25_c.png) no-repeat 7px 10px; } .supportindex ul.fright li.templateinstall a { background: url(/img/icons/brush_40x25_c.png) no-repeat 5px 10px; } ul.useful_tutorials > li { float: left; margin: 0 10px 10px 0;} ul.useful_tutorials > li:nth-child(even) { margin: 0; } ul.useful_tutorials > li a { display: block; width: 224px; padding: 10px 10px 10px 35px; background: url(/img/icons/tutorial_icon.png) no-repeat 10px 10px; border: 1px solid #d0d5c7; border-radius: 3px; box-shadow: inset 0 0 25px rgba(0,0,0,.1); text-decoration: none; color: #666666; font-weight: 600; min-height: 30px; } ul.useful_tutorials > li a:hover { text-decoration: underline; background-color: #f3f6ed; box-shadow: none; } .maincategory { background: #f6f6f6; border: 1px solid #ececec; margin: 0 0 10px 0; } .maincategory.getstarted { border-top: 2px solid #50b3c8; } .maincategory.techassistance { border-top: 2px solid #95c021; } .maincategory.techservices { border-top: 2px solid #f3ce1f; } .maincategory.billingassistance { border-top: 2px solid #e05721; } .maincategory > div:nth-child(1) { float: left; width: 28%; padding: 40px 20px; text-align: center; } .maincategory > div:nth-child(1) h4 { margin: 10px 0 0 0; font: normal 24px "bebas_neueregular", Arial, Helvetica, sans-serif; color: #272727; } .maincategory > div:nth-child(2) { float: left; width: 64.7%; background: #fff; } .maincategory > div:nth-child(2) ul li a { display: block; padding: 12px 20px; text-decoration: none; border-top: 1px solid #ececec; border-left: 1px solid #ececec; color: #666; } .maincategory > div:nth-child(2) ul li a:hover { background: #f8f7f7; } .maincategory > div:nth-child(2) ul li.haschildren:hover a { background: #f8f7f7 url(/img/icons/arrowgrey_9x5_bw.gif) 95% center no-repeat; } .maincategory > div:nth-child(2) ul li:first-child a { border-bottom: 0; } .maincategory > div:nth-child(2) ul li ul.children { display: block; padding: 10px; border-left: 1px solid #ececec; } .maincategory > div:nth-child(2) ul li ul li { position: relative; float: left; margin: 0 10px; padding: 0 0 0 12px; } .maincategory > div:nth-child(2) ul li ul li:before { position: absolute; left: 0; top: 4px; content: ""; width: 4px; height: 4px; border-radius: 50%; background: #999; } .maincategory > div:nth-child(2) ul li ul li a { display: inline; border: 0; padding: 0; color: #919191; } .maincategory > div:nth-child(2) ul li ul li a:hover { text-decoration: underline; } .maincategory > div:nth-child(2) ul li.haschildren:hover ul li a { background: none; } .supportpopup h4, .supportpopup p { text-align: center; } .supportpopup h4 { padding: 0 0 20px 0; margin: 0 0 20px 0; text-transform: uppercase; font-weight: 600; } .supportpopup h4 ~ p { font-size: 14px; margin: 0 0 30px 0; } .supportpopup ul.categories.channels { overflow: visible; margin: 20px 0 0 0; } .supportpopup ul.categories { overflow: hidden; } .supportpopup ul.categories li { float: left; width: 172px; margin: 0 0 16px 16px; border: 1px solid #ccc; border-radius: 10px; } .supportpopup ul.categories.channels li { width: 300px; } .supportpopup ul.categories li a { display: block; padding: 10px; background: #fefefe; border-radius: 10px; box-shadow: inset 0 0 25px rgba(0,0,0,.1); text-align: center; font-weight: 700; text-decoration: none; } .supportpopup ul.categories.channels li { position: relative; } .supportpopup ul.categories.channels li.item_disabled a:hover { opacity: 1; cursor: not-allowed; background: #fefefe; } .supportpopup ul.categories.channels li.item_disabled { opacity: 0.5;} .supportpopup ul.categories.channels li.dimmed { opacity: 0.5; } .supportpopup ul.categories li a:hover { background: #f5f5f5; } .supportpopup ul.categories li a div { height: 60px; padding: 6px 0 0; } .supportpopup ul.categories li a img { display: block; margin: 0 auto; } .supportpopup ul.categories.channels li a img { margin: 10px auto 0; } .supportpopup ul.categories li a p { margin: 0 0 6px; } .supportpopup ul.categories.channels li a p { font: normal 24px "bebas_neueregular", Arial, Helvetica, sans-serif; color: #272727; } .supportpopup ul.categories li a span { color: #999; font-weight: 400; font-style: italic; } .supportpopup ul.categories.channels li a span { font-style: normal; } .supportpopup ul.categories.channels + p { font-size: 14px; text-align: center; } .supportpopup ul.categories.channels li a span.recommended { display: inline-block; position: absolute; top: -13px; left: calc(50% - 50px); padding: 5px 10px; background: #fd6832; color: #fff; text-transform: uppercase; font-size: 10px; font-style: normal; border-radius: 3px; } .supportpopup.threeboxpopup ul.categories.channels li { width: 31.6%; } .popup a.close_btn { width: 30px; height: 30px; display: block; position: absolute; right: -20px; top: -20px; background: white; border-radius: 50%; } .popup a.close_btn svg { width: 30px; height: 30px; fill: #555;} .supportsucuri .maintitle { padding: 0 0 15px; margin: 0 0 20px; } .supportsucuri span { float: right; font-size:20px; margin: 0px 0; } .supportsucuri img { float: left; height: 100px; margin: 0px 20px 20px 0; } /* Account Usage History */ .accountusagehistorylist { border-spacing:0; border-collapse:separate; } .accountusagehistoryinner p { background: #fff; } .accountusagehistorydomain .account h4 { height: 40px; line-height: 38px; padding: 0 12px; background: #666666; background: -moz-linear-gradient(top, #666666 0%, #444444 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#444444)); background: -webkit-linear-gradient(top, #666666 0%,#444444 100%); background: -o-linear-gradient(top, #666666 0%,#444444 100%); background: -ms-linear-gradient(top, #666666 0%,#444444 100%); background: linear-gradient(top, #666666 0%,#444444 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#444444',GradientType=0 ); border-top: 2px solid #efae97; font-size: 20px; font-weight: 400; color: #fbfbfb; } .accountusagehistorydomain input { margin: 5px 0 0; } .accountusagehistorydomain .account a.viewmore { display: block; padding: 6px 0 4px; box-shadow: inset 0 7px 4px -3px rgba(0, 0, 0, .1); border: 1px solid #ddd; border-top: none; font-size: 11px; color: #888; background: #f6f6f6; text-align: center; text-decoration: none; } .accountusagehistorydomain . a.viewmore:hover { background: #f0f0f0; } .accountusagehistorydomain .defaulttable tr th { padding: 7px 0 7px 6px; vertical-align: middle; background: #f4f4f4; } .accountusagehistorydomain .defaulttable tr th img { vertical-align: middle; } .accountusagehistorydomain .defaulttable tr td { border: 0; } .accountusagehistorydomain .defaulttable .accountusagebordertr td { border-top: 1px solid #E6E6E6; background: #f9f9f9; } .accountusagehistorydomain .defaulttable .accountusagebordertd { border-bottom: 1px solid #E6E6E6; background: #f9f9f9; } /* Compare Plans */ .defaulttable.compareplans { border-top: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; } .defaulttable.compareplans .vat-order span { color: #a5a5a5; font-size:11px;} .defaulttable.compareplans .vat-order > span { display:block; color: #a5a5a5; padding: 5px 0 0;} .defaulttable.compareplans .vat-order > span span { text-decoration: line-through; color: #a5a5a5; } .defaulttable.compareplans .vat-order > strong { display: inline-block; font-size: 14px; } .defaulttable.compareplans .vat-order em { font-style: normal; color: #a5a5a5; font-size: 9px; padding: 0 1px; text-transform: uppercase; } .defaulttable.compareplans th { background: #666; vertical-align: top; color: #f0f0f0; } .defaulttable.compareplans th a { color: #95cff0; font-size: 12px; } .defaulttable.compareplans th i { display: block; font-style: normal; font-weight: 400; line-height: 14px; margin: 2px 0; color: #ccc; } .defaulttable.compareplans th .fs11 { color: #999; } .defaulttable.compareplans tr img { vertical-align: middle; } .defaulttable.compareplans th.currentplan, .defaulttable.compareplans td.currentplan { background: #f9f9f9; color: #666666; } .defaulttable.compareplans th td.currentplan i { color: #666666; } .defaulttable.compareplans tr td.compareplanstitle { background: #f4f4f4; } .defaulttable.compareplans th, .defaulttable.compareplans tr td { border-right: 1px solid #E6E6E6; vertical-align: middle; } .defaulttable.compareplans tr td.recommendplanshade, .defaulttable.compareplans tr th.recommendplanshade { padding: 0; } .defaulttable.compareplans tr td span.helptooltip { cursor: help; } .defaulttable.compareplans tr td span.helptooltip .shortinfo { display: none; position: absolute; top: 12px; left: 10px; width: 400px; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); padding: 10px; border-radius: 6px; border: 1px solid #dadada; z-index: 9990; } .defaulttable.compareplans tr td span.helptooltip:hover .shortinfo { display: block; } .defaulttable.compareplans tr td span.helptooltip .helpy { display: inline; text-align: center; border-bottom: 1px dotted #bbb; cursor: help;} .defaulttable.compareplans tr td span.helptooltip .shortinfo ul li { list-style-type: disc; position: relative; text-align: left; margin: 5px 0 0 15px } .defaulttable.compareplans tr th.recommendplanshade div { padding: 19px 0; } .defaulttable.compareplans tr .recommendplanshade div { position: relative; padding: 10px 0; width: 100%; height: 100%; } .defaulttable.compareplans tr .recommendplanshade div span.recommendyeallowpad { position: absolute; top: -5px; min-width: 70%; left: 13%; padding: 0 4px; background: #fee344; color: #bc9800; font-size: 10px; } .defaulttable.compareplans tr .recommendplanshade div:before { position: absolute; top: 0; left: -12px; content: ""; height: 100%; width: 12px; background: url(/img/compareplans_shade.png) left repeat-y; } .defaulttable.compareplans tr .recommendplanshade div:after { position: absolute; top: 0; right: -12px; content: ""; height: 100%; width: 12px; background: url(/img/compareplans_shade.png) right repeat-y; } .defaulttable.compareplans tr .recommendplanshade div div:before, .defaulttable.compareplans tr .recommendplanshade div div:after { background: none; } .defaulttable.compareplans tr.compareplansprices td { background: #f4f4f4; border-right: 0; } .defaulttable.compareplans tr.compareplansbuttons td { border: 0; border-bottom: 1px solid #E6E6E6; } /* Open Ticket */ .opennewticket .databox label { width: 276px; } .opennewticket .databox .field { margin: 10px 0 0; line-height: 24px; } .opennewticket .databox .field:first-child { margin: 0; } /* View Ticket */ .viewticket .ticketinfo h5 { font-size: 16px; font-weight: 400; color: #444; padding: 0 0 6px; margin: 0 0 10px; border-bottom: 1px solid #e6e6e6; } .viewticket .ticketinfo h5 > img { float: left; margin: 2px 5px 0 0; } .viewticket .ticketinfo h5 a.small_button { padding: 0 10px 0 8px; } .viewticket .ticketinfo h5 a.small_button img { float: left; margin: 3px 4px 0 0; } .viewticket .ticketinfo ul.info { overflow: hidden; } .viewticket .ticketinfo ul.info li { float: left; padding: 0 0 0 10px; margin: 0 0 0 9px; color: #999; background: url(/img/separator_1x12_bw.gif) no-repeat left 2px; } .viewticket .ticketinfo ul.info li:first-child { margin: 0; padding: 0; background: none; } .viewticket .ticketinfo ul.info li strong { color: #666; } .viewticket .databox.blue h5 { background: url(/img/icons/balloon_22x22_bw.png) no-repeat left center; padding: 0 0 0 30px; margin: 0 0 10px; line-height: 20px; font-size: 18px; font-weight: 400; } .viewticket .databox.blue h5 a { font-size: 12px; } .viewticket .databox.blue .comment { position: relative; overflow: hidden; margin: 10px 0 0; background: #fff; border: 1px solid #e6e6e6; } .viewticket .databox.blue .comment:first-child { margin: 0; } .viewticket .databox.blue .comment .comment_content { float: left; width: 494px; padding: 9px; } .viewticket .databox.blue .comment .meta > a { float: left; border: 1px solid #e6e6e6; margin: 0 10px 0 0; padding: 3px; } .viewticket .databox.blue .comment .meta > a img { display: block; } .viewticket .databox.blue .comment .meta h6 { font-size: 14px; } .viewticket .databox.blue .comment .meta h6 a { color: #2c97c3; } .viewticket .databox.blue .comment .meta .userinfo { overflow: hidden; margin: 8px 0 0; padding: 0 7px; line-height: 24px; background: #f7f7f7; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; font-size: 11px; } .viewticket .databox.blue .comment .meta .userinfo li { float: left; background: url(/img/separator_1x10_bw.gif) no-repeat left center; padding: 0 0 0 7px; margin: 0 0 0 8px; } .viewticket .databox.blue .comment .meta .userinfo li:first-child, .viewticket .databox.blue .comment .meta .userinfo li.fright { background: none; margin: 0; padding: 0; } .viewticket .databox.blue .comment .meta .userinfo li.medalblue { background: url(/img/icons/medal_16x16_c.png) no-repeat left center; padding: 0 0 0 20px; } .viewticket .databox.blue .comment .comment_content div p { margin: 10px 0 0; word-wrap: break-word; } /*Tva da se iztrie skoro*/ .viewticket .databox.blue .comment .attachments { background: url(/img/icons/clip_15x15_bw.png) no-repeat left center; margin: 10px 0 0; padding: 0 0 0 20px; font-weight: 700; } .viewticket .databox.blue .comment .expander { position: absolute; right: 0; width: 19px; height: 100%; border-left: 1px solid #e6e6e6; background: #f2f2f2; background: -moz-linear-gradient(top, #f2f2f2 0%, #e6e6e6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e6e6e6)); background: -webkit-linear-gradient(top, #f2f2f2 0%,#e6e6e6 100%); background: -o-linear-gradient(top, #f2f2f2 0%,#e6e6e6 100%); background: -ms-linear-gradient(top, #f2f2f2 0%,#e6e6e6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e6e6e6',GradientType=0 ); background: linear-gradient(top, #f2f2f2 0%,#e6e6e6 100%); font-size: 20px; font-weight: 700; text-decoration: none; text-align: center; } .viewticket .databox.blue .comment .expander:hover { background: #e6e6e6; background: -moz-linear-gradient(top, #e6e6e6 0%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#f2f2f2)); background: -webkit-linear-gradient(top, #e6e6e6 0%,#f2f2f2 100%); background: -o-linear-gradient(top, #e6e6e6 0%,#f2f2f2 100%); background: -ms-linear-gradient(top, #e6e6e6 0%,#f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#f2f2f2',GradientType=0 ); background: linear-gradient(top, #e6e6e6 0%,#f2f2f2 100%); } .viewticket .databox.blue .comment .expander span { position: absolute; top: 50%; left: 50%; width: 11px; } .viewticket .databox.blue .comment .expander.expand span { background: url(/img/icons/plus_11x11_bw.gif) no-repeat left top; height: 11px; margin: -5px 0 0 -5px; } .viewticket .databox.blue .comment .expander.collapse span { background: url(/img/icons/minus_11x3_bw.gif) no-repeat left top; height: 3px; margin: -2px 0 0 -5px; } .viewticket .attachments span { background: url(/img/icons/clip_15x15_bw.png) no-repeat left center; padding: 0 0 0 20px; font-weight: 700; } .viewticket .attachments .defaulttable tr td > img { float: left; margin: 2px 8px 0 0; } .viewticket .attachments .defaulttable tr:hover td { background: #fff; } .reply .commentfield ul { overflow: hidden; margin: 0 0 4px; } .reply .commentfield ul li { float: left; margin: 0 4px 0 0; } .reply .commentfield ul li img { display: block; cursor: pointer; } .reply .commentfield ul li img:hover { opacity: 0.5; filter: alpha(opacity=50); } .reply .commentfield textarea { width: 526px; height: 100px; } .uploadfile { position: relative; min-width: 100px; margin: 10px 0 0; line-height: 23px; } .uploadfile .fakeinput { overflow: hidden; width: 74px; } .uploadfile .fakeinput:hover a.small_button { background: #fefefe; background: -moz-linear-gradient(top, #eeeeee 0%, #fefefe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#fefefe)); background: -webkit-linear-gradient(top, #eeeeee 0%,#fefefe 100%); background: -o-linear-gradient(top, #eeeeee 0%,#fefefe 100%); background: -ms-linear-gradient(top, #eeeeee 0%,#fefefe 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#fefefe',GradientType=0 ); background: linear-gradient(top, #eeeeee 0%,#fefefe 100%); } .uploadfile .fakeinput input { opacity: 0; filter: alpha(opacity=0); position: relative; margin: 0 0 0 -32px; z-index: 15; cursor: pointer; } .uploadfile .fakeinput a.small_button { position: absolute; top: 2px; left: 80px; z-index: 10; } .uploadfile .defaulttable tr td { background: none; } .uploadfile .defaulttable tr.odd td { background: #fcfcfc; } .uploadfile .defaulttable tr td > img { float: left; margin: 2px 8px 0 0; } .uploadfile .defaulttable tr td a.small_button { padding: 0 6px; line-height: 20px; } /* Report Service Down */ .servicedown .databox { position: relative; } .servicedown .databox .row { overflow: hidden; margin: 10px 0 0; } .servicedown .databox .row:first-child { margin: 0; } .servicedown .databox .row label { width: 403px; } /* Index */ .servicedown.index .databox .field { margin: 10px 0 0; line-height: 24px; } .servicedown.index .databox .field:first-child { margin: 0; } .servicedown.index .databox .field label { width: 276px; } /* Step 2 */ .servicedown.step2 ul.zebralist { border: none; } .servicedown.step2 ul.zebralist li { background: #f7f7f7; border: 1px solid #E4E4E4; margin: 0 0 10px; } .servicedown.step2 ul.zebralist li .moreinfo { margin-left: 0; } .servicedown.step2 ul.zebralist li > div strong { font-size: 13px; } .servicedown.step2 ul.zebralist li > div a span { float: right; margin: 0 0 0 2px; font-size: 14px; line-height: 14px; } .servicedown.step2 .serversidechecking span { display: inline-block; width: 40px; height: 20px; line-height: 20px; } .servicedown.step2 .serversidechecking span:first-child { width: 30px; } .servicedown.step2 .progress { display: inline-block; width: 494px; height: 18px; background: #ddd; padding: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.60), inset 0 1px 1px rgba(0, 0, 0, 0.15); border-radius: 10px; } .servicedown.step2 .progressbar { width: 50%; height: 18px; background: #a7a7a7; box-shadow: 0 1px 0 #747474, 0 -1px 0 #747474, 1px 0 0 #747474, -1px 0 0 #747474, inset 0 1px 0 #cfcfcf; border-radius: 10px; } .servicedown.step2 .nb { border: none; padding: 0; } /**/ /* Script Installation, Template Installation & Free Website Transfer */ .specialticketcategory .databox { margin: 10px 0 0; } .specialticketcategory .databox:first-child { margin: 0; } .specialticketcategory .databox label { width: 276px; } .specialticketcategory .databox .field { margin: 10px 0 0; line-height: 24px; } .specialticketcategory .databox .field:first-child { margin: 0; } .specialticketcategory .databox textarea { width: 526px; height: 100px; } .specialticketcategory .databox ul.si_logos { margin: 10px 0 10px 0; border-bottom: 1px dotted #bbb; float: left; } .specialticketcategory .databox ul.si_logos li { float: left; margin: 0 0 20px; } .specialticketcategory .databox ul.si_logos li a { float: left; text-align: center; width: 107px; text-decoration: none; font-size: 13px; font-weight: 700; min-height: 100px; } .specialticketcategory .databox ul.si_logos li span { width: 59px; height: 59px; margin: 0 20px 5px 23px; display: inline; float: left; border: 1px solid #ddd; } .specialticketcategory .databox ul.si_logos li span.si_joomla { background: url(/img/scriptinstall_logos.png) no-repeat left -59px; } .specialticketcategory .databox ul.si_logos li span.si_joomla:hover, .specialticketcategory .databox ul.si_logos li span.si_joomla.selected { background: url(/img/scriptinstall_logos.png) no-repeat left top; } .specialticketcategory .databox ul.si_logos li span.si_wp { background: url(/img/scriptinstall_logos.png) no-repeat -59px -59px; } .specialticketcategory .databox ul.si_logos li span.si_wp:hover, .specialticketcategory .databox ul.si_logos li span.si_wp.selected { background: url(/img/scriptinstall_logos.png) no-repeat -59px top; } .specialticketcategory .databox ul.si_logos li span.si_wc { background: url(/img/scriptinstall_logos.png) no-repeat left -233px; } .specialticketcategory .databox ul.si_logos li span.si_wc:hover, .specialticketcategory .databox ul.si_logos li span.si_wc.selected { background: url(/img/scriptinstall_logos.png) no-repeat left -293px;; } .specialticketcategory .databox ul.si_logos li span.si_magento { background: url(/img/scriptinstall_logos.png) no-repeat -118px -59px; } .specialticketcategory .databox ul.si_logos li span.si_magento:hover, .specialticketcategory .databox ul.si_logos li span.si_magento.selected { background: url(/img/scriptinstall_logos.png) no-repeat -118px top; } .specialticketcategory .databox ul.si_logos li span.si_drupal { background: url(/img/scriptinstall_logos.png) no-repeat -177px -59px; } .specialticketcategory .databox ul.si_logos li span.si_drupal:hover, .specialticketcategory .databox ul.si_logos li span.si_drupal.selected { background: url(/img/scriptinstall_logos.png) no-repeat -177px top; } .specialticketcategory .databox ul.si_logos li span.si_php { background: url(/img/scriptinstall_logos.png) no-repeat -236px -59px; } .specialticketcategory .databox ul.si_logos li span.si_php:hover, .specialticketcategory .databox ul.si_logos li span.si_php.selected { background: url(/img/scriptinstall_logos.png) no-repeat -236px top; } .specialticketcategory .databox ul.si_logos li span.si_presta { background: url(/img/scriptinstall_logos.png) no-repeat left -177px; } .specialticketcategory .databox ul.si_logos li span.si_presta:hover, .specialticketcategory .databox ul.si_logos li span.si_presta.selected { background: url(/img/scriptinstall_logos.png) no-repeat left -118px; } .specialticketcategory .databox ul.si_logos li span.si_cs { background: url(/img/scriptinstall_logos.png) no-repeat -59px -177px; } .specialticketcategory .databox ul.si_logos li span.si_cs:hover, .specialticketcategory .databox ul.si_logos li span.si_cs.selected { background: url(/img/scriptinstall_logos.png) no-repeat -59px -118px; } .specialticketcategory .databox ul.si_logos li span.si_sm { background: url(/img/scriptinstall_logos.png) no-repeat -118px -177px; } .specialticketcategory .databox ul.si_logos li span.si_sm:hover, .specialticketcategory .databox ul.si_logos li span.si_sm.selected { background: url(/img/scriptinstall_logos.png) no-repeat -118px -118px; } .specialticketcategory .databox ul.si_logos li span.si_wiki { background: url(/img/scriptinstall_logos.png) no-repeat -177px -177px; } .specialticketcategory .databox ul.si_logos li span.si_wiki:hover, .specialticketcategory .databox ul.si_logos li span.si_wiki.selected { background: url(/img/scriptinstall_logos.png) no-repeat -177px -118px; } .specialticketcategory .databox ul.si_logos li span.si_xoops { background: url(/img/scriptinstall_logos.png) no-repeat -236px -177px; } .specialticketcategory .databox ul.si_logos li span.si_xoops:hover, .specialticketcategory .databox ul.si_logos li span.si_xoops.selected { background: url(/img/scriptinstall_logos.png) no-repeat -236px -118px; } .specialticketcategory .databox a.otherscripts { width: 554px; height: 24px; line-height: 22px; background: #f1f0f0; position: absolute; bottom: 0; left: 0; } .specialticketcategory .autocomplete { background: #fff; border: 1px solid #888; position: absolute; } .specialticketcategory .autocomplete ul li.selected { background-color: #e0f0fa;} .specialticketcategory .autocomplete ul li { padding: 2px 5px; height: 32px; line-height: 32px; cursor: pointer; } .specialticketcategory .field input.valid { border: 1px solid #33CC33; background: #DDFFDD; } /* Exclusive Support Service */ .exclusivesupportservice h4 { border: 1px solid #e4e4e4; border-bottom: none; padding: 10px; background: #EDF5FA; font-size: 14px; text-align: center; } .exclusivesupportservice ul.zebralist li { line-height: 20px; } .exclusivesupportservice ul.zebralist li div:first-child * { float: left; } .exclusivesupportservice ul.zebralist li div:first-child a:first-child { float: left; width: 300px; font-weight: 700; } .exclusivesupportservice ul.zebralist .moreinfo { display: none; margin-left: 0; } .exclusivesupportservice ul.zebralist .moreinfo p { margin: 0; padding: 10px 0 0 0; clear: both; } .exclusivesupportservice ul.zebralist .moreinfo ul { margin: 5px 0 0 10px; } .exclusivesupportservice ul.zebralist .moreinfo ul li { padding: 0 0 0 15px; background: url(/img/icons/dotblue_6x6_c.png) no-repeat left 7px; } /* Choose Ticket Category */ .chooseticketcategory ul.categories.channels { overflow: visible; margin: 20px 0 0 0; } .chooseticketcategory ul.categories { overflow: hidden; } .chooseticketcategory ul.categories li { float: left; width: 172px; margin: 0 0 16px 16px; border: 1px solid #ccc; border-radius: 10px; } .chooseticketcategory ul.categories.channels li { width: 268px; } .chooseticketcategory ul.categories li a { display: block; padding: 10px; background: #fefefe; border-radius: 10px; box-shadow: inset 0 0 25px rgba(0,0,0,.1); text-align: center; font-weight: 700; text-decoration: none; } .chooseticketcategory ul.categories li.light { opacity: 0.6; border: 1px solid #dedede; } .chooseticketcategory ul.categories li.light:hover { opacity: 1; border-color: #ccc;} .chooseticketcategory ul.categories.channels li { position: relative; } .chooseticketcategory ul.categories li a:hover { background: #f5f5f5; } .chooseticketcategory ul.categories li a div { height: 60px; padding: 6px 0 0; } .chooseticketcategory ul.categories li a img { display: block; margin: 0 auto; } .chooseticketcategory ul.categories.channels li a img { margin: 10px auto 0; } .chooseticketcategory ul.categories li a p { margin: 0 0 6px; } .chooseticketcategory ul.categories.channels li a p { font: normal 24px "bebas_neueregular", Arial, Helvetica, sans-serif; color: #272727; } .chooseticketcategory ul.categories li a span { color: #999; font-weight: 400; font-style: italic; } .chooseticketcategory ul.categories.channels li a span { font-style: normal; } .chooseticketcategory ul.categories.channels + p { font-size: 14px; text-align: center; } .chooseticketcategory ul.categories.channels li:first-of-type a span:first-of-type { display: inline-block; position: absolute; top: -13px; left: calc(50% - 50px); padding: 5px 10px; background: #fd6832; color: #fff; text-transform: uppercase; font-size: 10px; font-style: normal; border-radius: 3px; } /* Server Maintenance */ .servmaint .servernotice { margin: 10px 0 0; } .servmaint .servernotice:first-child { margin: 0; } .servmaint .servernotice h4 { position: relative; height: 40px; line-height: 40px; padding: 0 20px 0 10px; border: 1px solid #efe8d9; font-size: 16px; font-weight: 700; background: #fbf8f2; } .servmaint .servernotice h4 span { font-size: 12px; font-weight: 400; padding: 0 0 0 6px; color: #3E87BA; } .servmaint .servernotice h4 span.status { line-height: 23px; margin: 8px 10px 0 0; font-weight: 700; color: #E37043; } .servmaint .servernotice h4 div.expander { position: absolute; right: 0; width: 19px; height: 100%; border-left: 1px solid #fff; background: #f0eadd; background: -moz-linear-gradient(top, #f0eadd 0%, #dbd1bd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0eadd), color-stop(100%,#dbd1bd)); background: -webkit-linear-gradient(top, #f0eadd 0%,#dbd1bd 100%); background: -o-linear-gradient(top, #f0eadd 0%,#dbd1bd 100%); background: -ms-linear-gradient(top, #f0eadd 0%,#dbd1bd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0eadd', endColorstr='#dbd1bd',GradientType=0 ); background: linear-gradient(top, #f0eadd 0%,#dbd1bd 100%); font-size: 20px; font-weight: 700; text-decoration: none; text-align: center; cursor: pointer; } .servmaint .servernotice h4 div.expander:hover { background: #dbd1bd; background: -moz-linear-gradient(top, #dbd1bd 0%, #f0eadd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbd1bd), color-stop(100%,#f0eadd)); background: -webkit-linear-gradient(top, #dbd1bd 0%,#f0eadd 100%); background: -o-linear-gradient(top, #dbd1bd 0%,#f0eadd 100%); background: -ms-linear-gradient(top, #dbd1bd 0%,#f0eadd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbd1bd', endColorstr='#f0eadd',GradientType=0 ); background: linear-gradient(top, #dbd1bd 0%,#f0eadd 100%); } .servmaint .servernotice h4 div.expander span { position: absolute; top: 50%; left: 50%; width: 11px; } .servmaint .servernotice h4 div.expander.expand span { background: url(/img/icons/plus_11x11_bw.gif) no-repeat left top; height: 11px; margin: -5px 0 0 -5px; } .servmaint .servernotice h4 div.expander.collapse span { background: url(/img/icons/minus_11x3_bw.gif) no-repeat left top; height: 3px; margin: -2px 0 0 -5px; } .servmaint .servernotice .container { padding: 9px; border: 1px solid #efe8d9; border-top: none; background: #fffdfa; } .servmaint .servernotice .container .update { border: 1px solid #efe8d9; padding: 9px 9px 0; background: #fff; } .servmaint .servernotice .container table { margin: 0 0 10px; } .servmaint .servernotice .container table tr td { vertical-align: top; padding: 6px 0 0; } .servmaint .servernotice .container table tr:first-child td { padding: 0; } .servmaint .servernotice .container table tr td.arr span { display: inline-block; width: 150px; padding: 0 2px 0 10px; background: url(/img/icons/arrowgrey_5x9_bw.gif) no-repeat left center; } .servmaint .servernotice .container > p { margin: 6px 0 0; } .servmaint .servernotice.resolved h4 { border: 1px solid #ddd; background: #f8f8f8; } .servmaint .servernotice.resolved h4 span.status { color: #6dbc47; } .servmaint .servernotice.resolved h4 div.expander { border-left: 1px solid #fff; background: #f2f2f2; background: -moz-linear-gradient(top, #f2f2f2 0%, #e6e6e6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e6e6e6)); background: -webkit-linear-gradient(top, #f2f2f2 0%,#e6e6e6 100%); background: -o-linear-gradient(top, #f2f2f2 0%,#e6e6e6 100%); background: -ms-linear-gradient(top, #f2f2f2 0%,#e6e6e6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e6e6e6',GradientType=0 ); background: linear-gradient(top, #f2f2f2 0%,#e6e6e6 100%); } .servmaint .servernotice.resolved h4 div.expander:hover { background: #e6e6e6; background: -moz-linear-gradient(top, #e6e6e6 0%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#f2f2f2)); background: -webkit-linear-gradient(top, #e6e6e6 0%,#f2f2f2 100%); background: -o-linear-gradient(top, #e6e6e6 0%,#f2f2f2 100%); background: -ms-linear-gradient(top, #e6e6e6 0%,#f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#f2f2f2',GradientType=0 ); background: linear-gradient(top, #e6e6e6 0%,#f2f2f2 100%); } .servmaint .servernotice.resolved .container { border: 1px solid #ddd; border-top: none; background: #f8f8f8; } .servmaint .servernotice .container .update { border: 1px solid #ddd; padding: 9px 9px 0; background: #fff; } /* Abuse */ .tabnav { background: #4b576c; } .tabnav + div table { margin: 5px 0 0; } .tabnav li { float: left; } .tabnav li a { position: relative; float: left; padding: 10px 20px; text-decoration: none; font-weight: 700; color: #fff; } .tabnav li a:hover { background: #3498db; } .tabnav li a.current { background: #3498db; } .tabnav li a:hover:before, .tabnav li a.current:before { position: absolute; bottom: -6px; left: 50%; margin: 0 0 0 -3px; content: ""; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #3498db; } /*****/ /* RIGHT AFTER LOGIN PAGES */ .welcoming { width: 700px; margin: 0 auto 20px; } .welcoming .maintitle { font-size: 30px; font-weight: 700; margin: 0 0 20px; color: #666; } .welcoming .afterloginbar { overflow: hidden; height: 60px; line-height: 60px; background: #666; font-size: 20px; font-weight: 700; color: #fff; box-shadow: 0 2px 2px rgba(0,0,0, .2); } .welcoming .afterloginbar span { float: left; padding: 0 25px 0 0; margin: 0 25px 0 0; background: url(/img/afterloginbar_arrow.png) no-repeat right center; } .welcoming .afterloginbar span strong { float: left; padding: 0 30px; background: #de5621; } .welcoming .veryimportant { padding: 0 0 0 45px; background: url(/img/icons/allert34x28.png) no-repeat left center; } .welcoming .benefits_list { overflow: hidden; margin: 10px 0 20px; background: #f2f2f2 url(/img/icons/arrows_40x40_c.png) no-repeat 15px center; border: 1px solid #ddd; } .welcoming .benefits_list ul { float: right; width: 554px; padding: 15px 25px; background: #f9f9f9; border-left: 1px solid #eee; } .welcoming .benefits_list ul li { float: left; width: 252px; margin: 3px 0; padding: 0 0 0 24px; background: url(/img/icons/checkgreen_16x15_c.png) no-repeat left center; } p.skip { margin: 10px 0 0; } p.skip a { display: inline-block; } p.skip a span { display: inline-block; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 3px solid #e05721; cursor: pointer; } .skipping { list-style-type: none; font-size: 10px; display: block; } .skipping li { display: inline-block; line-height: 12px; padding: 0 5px; border-left: 1px solid #000;} .skipping li:first-child { border: none;} /*****/ /* CHANGE YOUR PASSWORD METER AND TOOLTIP*/ .strength { position: absolute; left: 130px; bottom: 0; } .strength .meter { float: left; width: 52px; height: 5px; margin: 5px 0 20px 5px; background: #e6e6e6; } .strength .meter.weak { background: #ff0000; } .strength .meter.fair { background: #f5d607; } .strength .meter.strong { background: #5ca03a; } .strength .tooltip { top: 20px; left: -5px; display:block; position: absolute; width: 320px; text-align: left; } .strength .tooltip:before { position: absolute; top: -7px; left: 20px; content: ""; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #d1d1d1; } .strength .tooltip:after { position: absolute; top: -5px; left: 21px; content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #fff; } .strength .tooltip strong { display: block; margin: 0 0 10px; padding: 0 0 5px; border-bottom: 1px solid #d3d3d3; } .strength .tooltip li { width: 300px; margin: 3px 0; padding: 0 0 0 20px; background: url(/img/icons/crossred_16x15_y.png) no-repeat 0px 2px; font-size: 12px; line-height: 18px; } .strength .tooltip li.required { background: url(/img/icons/crossred_16x15_c.png) no-repeat 0px 2px; } .strength .tooltip li.passed { background: url(/img/icons/checkgreen_16x15_c.png) no-repeat 0px 2px; } #payment_information { position: relative; } #payment_information .box_content input { margin: 0 0 0 0; } /*****/ /* WHAT'S NEW */ .whatsnew .box { background: #f2f2f2; background: -moz-linear-gradient(top, #e6e6e6 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #e6e6e6 0%,#ffffff 100%); background: -o-linear-gradient(top, #e6e6e6 0%,#ffffff 100%); background: -ms-linear-gradient(top, #e6e6e6 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff',GradientType=0 ); background: linear-gradient(top, #e6e6e6 0%,#ffffff 100%); } .whatsnew p.skip { border-top: 1px solid #ccc; padding: 4px 0 0; } .whatsnew p.skip a span { border-left: 3px solid #666; } .whatsnew p.skip a span:first-child { margin: 0 0 0 4px; } /*****/ /* GETTING STARTED */ .gettingstarted { width: 700px; margin: 0 auto 20px; } .gettingstarted .maintitle { font-size: 30px; font-weight: 700; margin: 0 0 20px; color: #666; } .gettingstarted .afterloginbreadcrumb { overflow: hidden; height: 60px; line-height: 60px; background: #666; font-size: 18px; color: #fff; box-shadow: 0 2px 2px rgba(0,0,0, .2); } .gettingstarted .afterloginbreadcrumb span { float: left; padding: 0 25px 0 0; margin: 0 20px 0 0; background: url(/img/afterloginbar_arrow.png) no-repeat right center; } .gettingstarted .afterloginbreadcrumb span strong { float: none; padding: 0; } .gettingstarted .afterloginbreadcrumb { background: #444; } .gettingstarted .afterloginbreadcrumb .breadcrumb_grey_long { background: url(/img/breadcrumb_grey_bg.png) no-repeat -20px center transparent; float: left; margin: 0; } .gettingstarted .afterloginbreadcrumb .breadcrumb_orange_long { background: url(/img/breadcrumb_orange_bg.png) repeat-x -20px center transparent; float: left; margin: 0; } .gettingstarted .afterloginbreadcrumb .breadcrumb_orange_long_last { font-weight: 700; background: url(/img/breadcrumb_orange_bg.png) repeat-x -20px center transparent; float: left; margin: 0; width: 100%; } .gettingstarted .afterloginbreadcrumb span.breadcrumb_orange strong { background: none repeat 0 0 #DE5621; float: left; padding: 0 10px 0 20px; z-index:-1; } .gettingstarted .afterloginbreadcrumb span.breadcrumb_orange { background: url(/img/afterloginbar_arrow.png) no-repeat right center transparent #666; float: left; margin: 0; padding: 0 25px 0 0; } .gettingstarted .afterloginbreadcrumb span.breadcrumb_grey strong { background: none repeat 0 0 #666; float: left; padding: 0 10px 0 20px; margin: 0; z-index: 999; } .gettingstarted .afterloginbreadcrumb span.breadcrumb_grey { background: url(/img/afterloginbar_grey_arrow.png) no-repeat right center transparent; float: left; margin: 0; padding: 0 25px 0 0; } .gettingstarted .afterloginbreadcrumb span.breadcrumb_last { font-weight: 700; margin: 0 0 0 20px; background: none; } .gettingstarted .some_info { overflow: hidden; margin: 10px 0 20px; background: #f2f2f2; border: 1px solid #ddd; } .gettingstarted .some_info p { padding: 10px 20px 10px 0; background: #f9f9f9; margin: 0; padding: 10px 20px; width: 565px; min-height:53px; float: left; } .gettingstarted .some_info div { background: #f2f2f2; padding: 0; } .gettingstarted .box h4.title { padding: 0 10px; height: 36px; line-height: 36px; font-size: 16px; background: #666; color: #fff; } .gettingstarted .box input { margin: 0 6px 0 0; } .gettingstarted .box ul li { overflow: hidden; padding: 6px; } .gettingstarted .box .field { margin: 10px 0 0; } .gettingstarted .box .field:first-child { margin: 0; } .gettingstarted .box .field textarea { width: 385px; height: 165px; } .gettingstarted .some_info h2 { background: #f9f9f9; margin: 0; padding: 10px 20px; width: 565px; float: left; } /* Template Gallery */ .gettingstarted .template_gallery { position: relative; border-top: 1px solid #dedede; margin: 20px 0 0; padding: 20px 0 0; } .gettingstarted .template_gallery > a { position: absolute; top: 50%; right: 0; height: 36px; width: 18px; margin: -18px 0 0; background: url(/img/slide_arrow_r.png) no-repeat top left; } .gettingstarted .template_gallery > a:first-child { left: 0; background: url(/img/slide_arrow_l.png) no-repeat top left; } .gettingstarted .template_gallery .template_slide { overflow: hidden; width: 624px; margin: 0 auto; } .gettingstarted .template_gallery .template_slide > div { float: left; margin: 0 23px 40px 23px; } .gettingstarted .template_gallery .template_slide > div a { position: relative; display: block; } .gettingstarted .template_gallery .template_slide > div a div.over { position: absolute; top: 6px; left: 6px; height: 160px; width: 150px; background: rgba(0, 0, 0, .5) url(/img/icons/check_64x46_bw.png) no-repeat center center; } .gettingstarted .template_gallery .template_slide > div img { display: block; backgroun: #f8f8f8; border: 1px solid #ddd; padding: 5px; margin: 0 0 5px; } .gettingstarted .template_gallery .template_slide > div a.small_button { padding: 0 8px; } .gettingstarted .box ul li a span.arrowskip { padding: 0 0 0 10px; } .gettingstarted .box ul li a span.arrowskip > span { display: inline-block; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 3px solid #e05721; } .gettingstarted ul.zebralist { border: none; } .gettingstarted ul.zebralist li { overflow: hidden; padding: 9px; border-top: none; background: #fff; } .gettingstarted ul.zebralist li.odd { background: #fafafa; } /* POPUP Get Started */ .getstartedtmpls { position: absolute; top: 50%; left: 50%; width: 782px; min-height: 468px; margin: -258px 0 0 -415px; padding: 20px; z-index: 9999; background: #fff; border: 4px solid #c9c9c9; box-shadow: 0 0 50px rgba(0, 0, 0, .75); } .getstartedtmpls > div > h2 { color: #de5621; margin: 0 0 20px 0; } .getstartedtmpls > img { border: 1px solid #ddd; padding: 4px; width: 400px; height:468px; float: left; margin: 0 20px 0 0; } .getstartedtmpls h4.details_title { background: #666; margin: 20px 0 0; color: #fff; font-size: 14px; line-height: 38px; padding: 0 10px; } .getstartedtmpls .databox { margin: 0 0 20px; padding: 14px; } .getstartedtmpls .databox ul li { line-height: 24px; border-top: 1px solid #ddd; } .getstartedtmpls .databox ul li:first-child { border-top: none; } .getstartedtmpls .databox ul li span { float: right; } .getstartedtmpls div a.cls_btn { position: absolute; top: -20px; right: -20px; width: 32px; height: 32px; background: url(/img/close.png) no-repeat left top; text-indent: -9999px; } .getstartedtmpls div a.cls_btn:hover { background: url(/img/close.png) no-repeat left bottom; } /* POPUP Welcome To SiteGround */ .welcometosg { position: absolute; top: 50%; left: 50%; width: 589px; margin: -200px 0 0 -315px; padding: 20px; z-index: 9999; background: #fff; border: 4px solid #c9c9c9; box-shadow: 0 0 50px rgba(0, 0, 0, .75); } .welcometosg h2 { color: #de5621; text-align: left; } .welcometosg > ul { background: url(/img/popup_welcometosg_start.png) no-repeat left top; padding: 0 0 0 165px; min-height: 117px; } .welcometosg > ul li { background: url(/img/icons/checkorange_16x16_c.png) no-repeat left top; padding: 0 0 0 25px; margin: 0 0 10px 0; } .welcometosg .databox { border-radius: 10px; padding: 15px 15px 20px; margin: 20px 0; } .welcometosg .databox ul { margin: 15px 0 0; } .welcometosg .databox ul li { margin: 20px 0 0; } .welcometosg .databox ul li:first-child { margin: 0; } .welcometosg .databox ul li input { margin: 10px 10px 0 0; } .welcometosg .databox ul li p { margin: 0; } /* Screenshot */ .gettingstarted .screenshot { float: left; position: relative; border: 1px solid #ccc; padding: 1px; } .gettingstarted .screenshot.wordpress { width: 396px; height: 473px; background: #fff url(/img/gettingstarted_wordpress_shot.jpg) no-repeat center center; } .gettingstarted .screenshot.joomla { width: 396px; height: 477px; background: #fff url(/img/gettingstarted_joomla_shot.jpg) no-repeat center center; } .gettingstarted .screenshot.prestashop { width: 396px; height: 416px; background: #fff url(/img/gettingstarted_prestashop_shot.jpg) no-repeat center top; } .gettingstarted .screenshot.smf { width: 300px; height: 279px; background: #fff url(/img/gettingstarted_smf_shot.jpg) no-repeat center top; } .gettingstarted .screenshot.wiki { width: 300px; height: 314px; background: #fff url(/img/gettingstarted_wiki_shot.jpg) no-repeat center top; } .gettingstarted .screenshot a { background: url(../img/icons/pin_icon.png) no-repeat left top; width: 19px; height: 29px; padding: 0; line-height: 29px; color: #fff; text-decoration: none; position: absolute; font-size: 18px; text-align: center; } .gettingstarted .screenshot a:hover, .gettingstarted .screenshot a.currentHint { background: url(/img/icons/pin_icon.png) no-repeat left bottom; } .gettingstarted ul.wikismf { margin: 20px 0 0 30px; float: left; font-size: 14px; width: 325px; } .gettingstarted ul.wikismf li { background: url(../img/icons/arrowgrey_4x7_bw.png) no-repeat left center; padding: 0 0 0 15px; margin: 0 0 10px; } .gettingstarted ul.wikismf li:first-child { background: none; padding: 0; } .gettingstarted .features_accordeon { float: right; width: 240px; } .gettingstarted .features_accordeon .feature { margin: 0 0 10px; cursor: pointer; } .gettingstarted .features_accordeon .feature h5 { color: #fff; font-size: 12px; border-radius: 3px; width: 226px; height: 19px; line-height: 18px; padding: 0 6px; background: #535353; background: -moz-linear-gradient(top, #535353 0%, #6e6e6e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#535353), color-stop(100%,#6e6e6e)); background: -webkit-linear-gradient(top, #535353 0%,#6e6e6e 100%); background: -o-linear-gradient(top, #535353 0%,#6e6e6e 100%); background: -ms-linear-gradient(top, #535353 0%,#6e6e6e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#535353', endColorstr='#6e6e6e',GradientType=0 ); background: linear-gradient(top, #535353 0%,#6e6e6e 100%); position: relative; z-index: 20; border: 1px solid #555555; } .gettingstarted .features_accordeon .feature.current h5 { background: #72b238; background: -moz-linear-gradient(top, #72b238 0%, #89c941 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#72b238), color-stop(100%,#89c941)); background: -webkit-linear-gradient(top, #72b238 0%,#89c941 100%); background: -o-linear-gradient(top, #72b238 0%,#89c941 100%); background: -ms-linear-gradient(top, #72b238 0%,#89c941 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72b238', endColorstr='#89c941',GradientType=0 ); background: linear-gradient(top, #72b238 0%,#89c941 100%); border: 1px solid #69a333; } .gettingstarted .features_accordeon ul { border: 1px solid #dedede; border-radius: 3px; background: #ededed; height: 0; overflow: hidden; width: 238px; position: relative; top: -4px; background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%); background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); background: linear-gradient(top, #ffffff 0%,#ededed 100%); } .gettingstarted .features_accordeon ul li { margin: 10px; padding: 0 0 0 12px; font-size: 12px; background: url(/img/icons/arrowgrey_4x7_bw.png) no-repeat left 5px; } /*****/ /* TERMS */ #terms_container .section h2, #terms_container-add .section h2 { font: 700 13px Arial, Tahoma, sans-serif; color: #666; padding: 0 0 6px; margin: 0 0 10px; border-bottom: 1px solid #ccc; } #terms_container .section ul, #terms_container-add .section ul { list-style-type: disc; padding: 0 0 0 20px; } #terms_container .section ul li, #terms_container-add .section ul li { margin: 0 0 6px; } /*****/ /* Rating */ .viewticket .databox.rating h5 { background: url(/img/icons/star_16x16_bw.png) no-repeat left center; padding: 0 0 0 35px; margin: 0 0 10px; line-height: 30px; font-size: 12px; font-weight: 700; } .viewticket .databox.rating .ratediv { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; background: #fcfcfc; verflow: hidden; padding: 7px 10px;} .viewticket .databox.rating ul { display: inline-block;} .viewticket .databox.rating ul li { padding: 0; margin: 0 10px 0 0; display: inline; float: left;} .viewticket .databox.rating ul li label input { vertical-align: middle; margin: 0 6px 0 0; } .viewticket .databox.rating ul li label img { margin: 0 1px; vertical-align: middle;} /*****/ /* Improve Service */ .viewticket .databox.improve h5 { background: url(/img/icons/globe_28x30_bw.png) no-repeat left center; padding: 0 0 0 35px; margin: 0 0 10px; line-height: 30px; font-size: 12px; font-weight: 700; } .viewticket .databox.improve ul.sendescalate { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; background: #fcfcfc; text-align: left;} .viewticket .databox.improve ul.sendescalate li { padding: 0; margin: 0 0 0 10px; width: 240px; height: 32px; line-height: 30px; display: inline-block; float: left;} .viewticket .databox.improve ul.sendescalate li label input { vertical-align: middle; margin: 0 6px 0 0; } .viewticket .databox.improve ul.sendescalate li label { line-height: 32px;} /*****/ #rightcol a.justbanner { background: url(/img/banners/testus_244x244.jpg) no-repeat left center; display: block; width: 244px; height: 244px; } #rightcol a.justbanner.justbanner-es { background: url(/img/banners/es_testus_244x244.jpg) no-repeat left center; } /* Closed ticket */ .viewticket .closed_ticket { background: #f2f2f2 url(/img/icons/info_16x16_c.png) no-repeat 16px center; border: 1px solid #ddd; padding: 10px 0 0 45px; color: #666; line-height: 18px; } /* Share feedback - Tickets */ .viewticket .sharereview h4 { background: url(/img/icons/share_29x28_bw.png) no-repeat left center;margin: 0px 0 0; padding: 0 0 0 45px; line-height: 29px; font-size: 18px; } .viewticket .sharereview ul { margin: 0 auto; display: inline;} .viewticket .sharereview ul li { margin: 0 0 0 20px; float: left;} .viewticket .sharereview ul li:first-child { margin: 0; } .viewticket .sharereview ul li a { width:165px; height: 42px; display: block;} .viewticket .sharereview a.tw_but { background:url(../img/social_buts.png) no-repeat top left; width: 165px; height: 42px; display: block; overflow: hidden; color: transparent;} .viewticket .sharereview a:hover.tw_but { background:url(../img/social_buts.png) no-repeat bottom left;} .viewticket .sharereview a.fb_but { background:url(../img/social_buts.png) no-repeat top center; width: 165px; height: 42px; display: block; overflow: hidden; color: transparent;} .viewticket .sharereview a:hover.fb_but { background:url(../img/social_buts.png) no-repeat bottom center;} .viewticket .sharereview a.sr_but { background:url(../img/social_buts.png) no-repeat top right; width: 165px; height: 42px; display: block; overflow: hidden; color: transparent;} .viewticket .sharereview a:hover.sr_but { background:url(../img/social_buts.png) no-repeat bottom right;} .viewticket .sharereview label { font-weight: 700; width: 170px; margin: 0 0 10px 0;} .viewticket .sharereview input { width: 346px; } .viewticket .sharereview textarea { height: 100px; width: 346px; } .viewticket .sharereview .ratemore { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; background: #fcfcfc; verflow: hidden; padding: 7px 10px;} .viewticket .sharereview .ratemore ul { display: inline;} .viewticket .sharereview .ratemore ul li { padding: 0; margin: 0 10px 0 0; display: inline;} .viewticket .sharereview .ratemore ul li label input { vertical-align: middle; margin: 2px 3px 0 0; width: 10px; } .viewticket .sharereview .ratemore ul li label img { margin: 0 1px; vertical-align: middle;} .viewticket .sharereview p.pinput { margin: 0; font-size: 11px;} .viewticket .sharereview p.pinput input { width: auto; margin: 0 2px 0 0; vertical-align: middle;} /* Staff Profiles Lightbox - Tickets */ #popup_profile h1 { font-size: 16px; color: #588bad; text-transform: uppercase; margin: 10px 0; } #popup_profile h2 { font-size: 11px; text-transform: uppercase; } #popup_profile #container { width: 700px; height: 500px; margin: 0 auto; } #popup_profile #heading { width: 700px; height: 80px; margin: 0 auto; padding: 0; background: #444; } #popup_profile #heading #sgticketlogo { margin: 20px 20px 0 140px; float: left; } #popup_profile #heading .customer_center { margin: 23px 0 0; float: left;} #popup_profile #leftdiv { width: 500px; height: 420px; position: relative;} #popup_profile #leftdiv .name { widht: 480px; height: 65px; padding: 10px; border-bottom: 1px solid #f8f8f8;} #popup_profile #leftdiv .name .stickynote { width: 67px; height: 70px; } #popup_profile #leftdiv .name .stickynote.guru { background: url(/img/staffprofiles/stickynote_guru.png) no-repeat top center;} #popup_profile #leftdiv .name .stickynote.newbie { background: url(/img/staffprofiles/stickynote_newbie.png) no-repeat top center;} #popup_profile #leftdiv .name .stickynote.trainee { background: url(/img/staffprofiles/stickynote_trainee.png) no-repeat top center;} #popup_profile #leftdiv .info { width: 480px; padding: 8px 10px 0 10px;} #popup_profile #leftdiv .info p { margin: 10px 0 20px; line-height: 18px; } #popup_profile #leftdiv .rate { width: 480px; padding: 6px 10px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; position: absolute; bottom: 12px;} #popup_profile #leftdiv .rate .ratetxt {line-height: 19px;} #popup_profile #leftdiv .rate ul {margin: 0 7px 0 0px; } #popup_profile #leftdiv .rate ul li { padding: 0 0 0 6px; float: left; height: 20px; line-height: 24px; } #popup_profile #leftdiv .rate ul li a { padding: 0 0 0 5px;} #popup_profile #leftdiv .rate ul li img { margin: 0 3px 0 0;} #popup_profile #leftdiv .rate ul li input.radio {margin: 0; } #popup_profile #rightdiv { width: 170px; height: 390px; padding: 15px; background: #666; color: #fff; position: relative;} #popup_profile #rightdiv a {color: #fff; text-decoarion: underline;} #popup_profile #rightdiv a:hover {text-decoration: none;} #popup_profile #rightdiv p { text-align: center; font-size: 12px; margin: 0; } #popup_profile #rightdiv p.profilename { font-size: 14px; margin: 10px 0; } #popup_profile #rightdiv ul { margin: 5px 0 0;} #popup_profile #rightdiv ul li { line-height: 30px; border-top: 1px solid #fff;} #popup_profile #rightdiv ul li:first-child { border-top:none;} #popup_profile #rightdiv ul li span.someinfo { width: 85px; display: inline-block;} #popup_profile #rightdiv ul li .longdescription {line-height: 18px;} #popup_profile #rightdiv ul li img { margin: 0 3px 0 0;} #popup_profile #rightdiv .letknow { background: #444; padding: 6px; width: 158px; text-align: center; font-size: 11px; position: absolute; bottom: 15px;} /* Share Buttons */ .trackable_sharing a { opacity: 1; } .trackable_sharing a:hover { opacity: 0.8; } /* ----------------------- */ /* Exclusive Support */ #maincol .specialticketcategory .databox .explanation_table { margin:0; border-bottom: 1px solid #eaeaea; background:#fff; width: 100%;} #maincol .specialticketcategory .databox .explanation_table tr { background: url(/img/dots.gif) repeat-x left bottom; } #maincol .specialticketcategory .databox .explanation_table tr th { border: 1px solid #eaeaea; background: #fff; padding: 6px; font-size: 14px; line-height: 22px; } #maincol .specialticketcategory .databox .explanation_table tr td { border-left: 1px solid #eaeaea;border-right: 1px solid #eaeaea; padding: 10px; text-align: center; vertical-align: middle; } #maincol .specialticketcategory .databox .explanation_table tr td.hosting_features { font-weight: bold; text-align: left; } #maincol .specialticketcategory .databox .explanation_table tr td.lightred { background: #fdf6f6 url(/img/dots.gif) repeat-x left bottom; } #maincol .specialticketcategory .databox .explanation_table tr td.lightgreen { background: #f6fbf0 url(/img/dots.gif) repeat-x left bottom; } #maincol .specialticketcategory .databox .explanation_table tr td img { vertical-align: bottom; } #maincol .specialticketcategory .databox .chooseplan {width: 100%; margin: 0 0 30px 0;} #maincol .specialticketcategory .databox .chooseplan tr td { padding: 0 0px 0px 0; } #maincol .specialticketcategory .databox .chooseplan tr td div { float: left; bline-height: 22px; padding: 0 6px; } #maincol .specialticketcategory .databox .chooseplan tr td input { margin: 0 0 3px; vertical-align: middle; } #maincol .specialticketcategory .databox .chooseplan tr td span.prmo { float: left; background: #82bd32; line-height: 22px; padding: 0 6px; color: #fff; font-size: 11px; font-weight: bold; } #maincol .specialticketcategory .databox .exclusive_offer { position: relative; width: auto; padding: 20px 10px 10px; margin: 0 0 20px 0; background: #f7ffeb; border: 1px solid #cae8a2; color: #669b1e; line-height: 18px; } #maincol .specialticketcategory .databox .exclusive_offer div { position: absolute; width: 500px; height: 28px; top: -4px; left: 5px; background: url(/img/greenbox_line.gif) no-repeat left top; } #maincol .specialticketcategory .databox .exclusive_offer div h4 { position: relative; height: 28px; top: -10px; left: -10px; padding: 0 0 0 14px; background: url(/img/greenbox_left.png) no-repeat left top; } #maincol .specialticketcategory .databox .exclusive_offer div h4 span { display: block; height: 28px; line-height: 24px; background: url(/img/greenbox_right.png) no-repeat right top; font-size: 14px; font-weight: 700; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15); } #maincol .specialticketcategory .databox .exclusive_offer p { margin: 0; } #maincol .specialticketcategory .databox .exclusive_offer p a { color: #91be58; font-weight: bold; text-decoration: underline; } #maincol .specialticketcategory .databox h5 {font: 26px/26px bebas_neueregular,sans-serif; padding: 4px 0 0;} #maincol .specialticketcategory .topbar input { width: 228px;} /* How Cool Is That */ .howcoolisthat .box .p9 { border: 1px solid #ddd; } .howcoolisthat .databox { margin: 0 0 10px; } .howcoolisthat .databox p {font-size:14px; line-height: 20px;} .howcoolisthat .databox img {display: block;} .howcoolisthat .databox.databoxnobgr { background: none;} .howcoolisthat .databox h4 { padding: 0 0 10px; margin: 0 0 20px 0; border-bottom: 1px solid #d1d0d0; } .howcoolisthat .databox .onelinediv { border-bottom: 1px solid #d1d0d0; display: inline-block; margin: 10px 0; padding: 0 0 20px 0;} .howcoolisthat .databox .onelinediv .outsidediv { margin: 0 0 0 46px; position: relative; height: 390px; width: 236px;} .howcoolisthat .databox .onelinediv .outsidediv .infographics { width: 226px; padding: 5px; position: relative; background: #fff; border-radius: 5px; overflow: hidden;box-shadow: 0 0 8px 8px rgba(0, 0, 0, 0.15);} .howcoolisthat .databox .onelinediv .outsidediv .infographics.lessshadow { box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.15);} .howcoolisthat .databox .onelinediv .outsidediv .infographics .comingsoon { position: absolute; top: 135px; opacity: 0.8; filter: alpha(opacity=40); background: #6e6d6d; width: 226px; height:40px; color: #fff; line-height: 38px; font-size: 18px; font-weight: bold;} .howcoolisthat .databox .onelinediv .outsidediv .sharefora {position: absolute; bottom:0; width: 200px; left: 50%; margin-left: -100px; } .howcoolisthat .databox .onelinediv .outsidediv .sharefora a { float: left; } .howcoolisthat .databox .onelinediv .outsidediv .sharefora img { float: left; margin: 0 16px 0 0;} .howcoolisthat .databox .onelinediv .outsidediv .sharefora .embedbut { background: #e7e6e6; text-decoration: none; border-radius: 5px; border: 1px solid #c1c0c0; height: 30px; line-height: 28px; padding: 0 5px; display: inline-block;} .howcoolisthat .databox .onelinediv .outsidediv .sharefora .embedbut.nocursor {cursor: default;} .howcoolisthat .databox .onelinediv .outsidediv .sharefora .allopacity { opacity: 0.4; filter:alpha(opacity=40);} /* Holiday Referrals */ .programs.rd_index .databox.holidayref { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #d8f2fb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d8f2fb)); background: -webkit-linear-gradient(top, #ffffff 0%,#d8f2fb 100%); background: -o-linear-gradient(top, #ffffff 0%,#d8f2fb 100%); background: -ms-linear-gradient(top, #ffffff 0%,#d8f2fb 100%); background: linear-gradient(top, #ffffff 0%,#d8f2fb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8f2fb',GradientType=0 ); } .programs.rd_index .databox.holidayref div { width: 178px; position: relative; float: left; text-align: center; } .programs.rd_index .databox.holidayref div div { min-height: 115px; } .programs.rd_index .databox.holidayref div.ref1 { background: url(/img/test/sg_badge.png) no-repeat center top; } .programs.rd_index .databox.holidayref div.ref3 { background: url(/img/test/sg_tshirt.png) no-repeat center top; } .programs.rd_index .databox.holidayref div.ref5 { background: url(/img/test/sg_sweatshirt.png) no-repeat center top; } .programs.rd_index .databox.holidayref .ref1 span, .ref3 span, .ref5 span { bottom: 17px; height: 59px; left: 46px; position: absolute; width: 76px; } .programs.rd_index .databox.holidayref .ref1_green { background: url(/img/test/referrals_labels.png) no-repeat left top; } .programs.rd_index .databox.holidayref .ref1_red { background: url(/img/test/referrals_labels.png) no-repeat left bottom; } .programs.rd_index .databox.holidayref .ref3_green { background: url(/img/test/referrals_labels.png) no-repeat -76px top; } .programs.rd_index .databox.holidayref .ref3_red { background: url(/img/test/referrals_labels.png) no-repeat -76px bottom; } .programs.rd_index .databox.holidayref .ref5_green { background: url(/img/test/referrals_labels.png) no-repeat right top; } .programs.rd_index .databox.holidayref .ref5_red { background: url(/img/test/referrals_labels.png) no-repeat right bottom; } .programs.rd_index p.xmasbells { background: url(/img/test/xmasbells.png) no-repeat left 10px; padding: 0 0 0 65px; } .programs.rd_index .databox.referrals_count { background: url(/img/test/figures_c.png) no-repeat 5px 5px #f8f8f8; padding: 15px 9px 15px 45px; } .programs.rd_index .defaulttable tr th { border-bottom: 1px solid #e6e6e6; padding: 6px; line-height: 21px; text-align: center; background: #f2f2f2; } .programs.rd_index .defaulttable tr.odd td { background: #f7f9f9; } .referralclaim .databox { margin: 0 0 10px; } .referralclaim .databox .left { float: left; width: 250px; } .referralclaim .databox .userdetails { position: absolute; background: url(/img/mydetails_user.png) no-repeat left 4px; padding: 0 0 0 100px; min-height: 100px; } .referralclaim .databox .right { float: right; width: 250px; } .referralclaim .databox .row { overflow: hidden; height: 24px; line-height: 24px; margin: 10px 0 0; } .referralclaim .databox .row:first-child { margin: 0; } .referralclaim .databox .row.big { height: auto; } .referralclaim .databox .row label { float: left; width: 90px; font-weight: 700; cursor: pointer; } .referralclaim .databox .row input { float: left; width: 150px; } .programs.rd_index .databox.norefmessage { border-radius: 0; background: url(/img/test/figures_c.png) no-repeat 5px 5px #ffeaea; padding: 15px 9px 15px 9px; border: 1px solid #e6c8c8; } .programs.rd_index .databox.norefmessage .maintitle { font: 400 18px Arial, Tahoma, sans-serif; color: #c53b3b; padding: 0 0 6px; margin: 0 0 10px; border-bottom: 1px solid #ccc; text-indent: 35px; } .programs.rd_index .databox.holidayref div.shiping { height: 111px;} .programs.rd_index .databox.holidayref div.shiping span { background: url(/img/test/yourgift.png) no-repeat left top; bottom: 10px; display: block; height: 64px; left: 27px; position: absolute; width: 106px; } .programs.rd_index .databox.holidayref h1 { font: 26px/26px bebas_neueregular,sans-serif; padding: 25px 25px 0 0; } .programs.rd_index .databox.holidayref h2 { font: 33px/33px bebas_neueregular,sans-serif; padding: 0 25px 0 0; } .uaindex .promotions .promo.howcoolisthat_vote { background: #fae79f; } .uaindex .promotions .promo.howcoolisthat_vote .offer { background: url(/img/winretina.png) no-repeat right bottom; } .uaindex .promotions .promo.howcoolisthat_vote .offer h4 span { color: #ff6138; } .uaindex .promotions .promo.howcoolisthat_vote .offer h5 {color: #444;} .uaindex .promotions .promo.howcoolisthat_vote .offer h5 span:first-child { color: #00ada7; } .uaindex .promotions .promo.howcoolisthat_vote .offer h5 span { color: #ff6138; } .uaindex .promotions .promo.howcoolisthat_vote .offer p { width: 381px;} .banners ol { padding: 0 0 0 30px; } .banners .topbar {padding: 10px;} .banners .accordeon {border-top: 1px solid #ddd; } .banners .accordeon > a { display: block; height: 29px; padding: 0 0 0 25px; line-height: 29px; background: #f2f2f2 url(/img/icons/arrowgrey_9x5_bw.gif) no-repeat 9px center; text-decoration: none; outline: none; border: 1px solid #ddd; border-top: none; } .banners .accordeon > a.current { background: #f2f2f2 url(/img/icons/arrowgrey_5x9_bw.gif) no-repeat 10px center; } .banners ul.extras { overflow: hidden; } .banners ul.extras > li { overflow: hidden; float: left; width: 536px; padding: 9px; border: 1px solid #ddd; border-top: none; background: #fafafa; } .banners ul.extras > li:first-child { border-top: none; } .banners ul.extras h6 { font-size: 12px; padding: 0 0 0 20px; background: url(/img/icons/link_16x16_bw.gif) no-repeat left -1px; margin: 0 0 6px; } .banners .topbar textarea { resize: none; } .affiliate_link .databox { overflow: hidden; border-radius: 6px; } .affiliate_link .deeplinkindex p { background: url("/img/icons/link_16x16_bw.gif") no-repeat left 3px transparent; line-height: 22px; margin: 0; padding: 0 0 0 22px; } .affiliate_link > div > p { background: url(/img/icons/link_16x16_bw.gif) no-repeat left center; padding: 0 0 0 22px;} .affiliate_link > div .notice { border-top: 1px solid #ddd; padding: 5px 0 0 0; margin: 5px 0 0 0; } .affiliate_link > div .notice p { font-size: 11px; line-height: 14px; font-style: italic; color: #9e9e9e; } .ultimate-guide a { background: url(/img/promo/cybermondayblackfriday-2015.png) no-repeat left center; width: 576px; height: 234px; display: block;} /*-- Two Factor Login --*/ .twofactor-login .twofactorhowto h4 { position: relative; padding: 5px 0 0 45px; font-size:16px; line-height: 18px;} .twofactor-login .twofactorhowto p { padding:0 0 5px 45px; margin-top:0px;} .twofactor-login .twofactorhowto h4:before { position:absolute; display: block; left: 0; top: 0; content: ''; width: 32px; height: 32px; border-radius: 16px; background-color: #95c021; background-position: center center; background-repeat: no-repeat; } .twofactor-login .twofactorhowto h4.download:before { background-image: url(/img/icons/download_app_16x14.png) } .twofactor-login .twofactorhowto h4.scan:before { background-image: url(/img/icons/qr_code_16x15.png) } .twofactor-login .twofactorhowto h4.confirm:before { background-image: url(/img/icons/confirm_16x14.png) } .twofactor-login .twofactorhowto h4.phone:before { background-image: url(/img/icons/phone_11x16.png) } .twofactor-login .twofactorhowto h4.backup:before { background-image: url(/img/icons/backup_16x14.png) } .twofactor-login .tabs li { float: left; width: 160px; text-align: center; position:relative; margin: 18px 0; } .twofactor-login .tabs li:before { display:block; position: absolute; width: 18px; height: 24px; content: ''; background: url('/img/icons/blue_big_arrow_18x24.png') no-repeat; top: 21px; left: -9px;} .twofactor-login .tabs li:first-child:before { display: none; } .twofactor-login .tabs li strong { font-size: 14px; line-height: 17px; font-weight: 600; text-decoration: none; } .twofactor-login .tabs li strong span { display: block; width: 65px; height: 65px; border-radius: 65px; background-color: #cccccc; margin: 0px auto 12px auto; background-repeat: no-repeat; background-position: center center; } .twofactor-login .tabs li strong.current span { background-color: #95c021; } .twofactor-login .tabs #a_tab_downloadapp span { background-image: url('/img/icons/download_app_34x29.png'); } .twofactor-login .tabs #a_tab_addsiteground span { background-image: url('/img/icons/qr_code_31x39.png'); } .twofactor-login .tabs #a_tab_confirm span { background-image: url('/img/icons/confirm_32x28.png'); } .twofactor-login .tabs #a_tab_verifyphone span{ background-image: url('/img/icons/phone_21x31.png'); } .twofactor-login .tabs #a_tab_backupcode span{ background-image: url('/img/icons/backup_36x31.png'); } .twofactor-login .tab h4 { font-size:14px; line-height:17px; margin: 17px 0 15px; display:block; position: relative; } .twofactor-login .tab#tab_downloadapp ul, .twofactor-login .tab#welcome-screen ul, .twofactor-login #tab_settings-add ul { list-style-type: disc; margin: 0 0 10px 15px; } .twofactor-login .tab#tab_downloadapp ul li, .twofactor-login .tab#welcome-screen ul li, .twofactor-login #tab_settings-add ul li { line-height: 18px;} .twofactor-login .tab#tab_downloadapp ul li a, .twofactor-login #tab_settings-add ul li a{ text-decoration: none; color: #429fc6; } .twofactor-login .tab#tab_addsiteground .qrcode, .twofactor-login #tab_settings-add .qrcode{ float: left; width: 250px; margin: 0 20px 0 0;} .twofactor-login .tab#tab_addsiteground .qrtext, .twofactor-login #tab_settings-add .qrtext { float: left; width: 530px;} .twofactor-login .tab#tab_confirm label { width: 140px;} .twofactor-login p.skip { display: inline-block; margin: 0 0 0 15px;} .twofactor-login .important-mms { display:block; width:200px; height: 35px; line-height: 35px; text-align:center; background: #f5f8c9; border: 1px dotted #3d3d38; margin: 15px 0 0 0 ; font-size: 12px;} .twofactor-login .important-mms.long { width: 270px; } .twofactor-login .tab#tab_backupcode .important-mms.long { width: 320px;} .twofactor-login label { font-weight: 600; width: 100px; display:inline-block;} .twofactor-login input[type="text"] { width: 200px; margin: 0 0 15px 0;} .twofactor-login .tab .qrholder { text-align: center; } #twofactor-settings .accordeon > a { display: block; height: 29px; padding: 0 0 0 25px; line-height: 29px; border: 1px solid #d5d4d4; border-top: none; background: #e5e5e5; text-decoration: none; outline: none; } #twofactor-settings .accordeon > a.current { background: #e5e5e5; } #twofactor-settings .accordeon { padding: } #twofactor-settings .accordeon .tab { background : #FAFAFA; margin: 0 0 10px 0; } #twofactor-settings .accordeon span.clearfix { display: block; border-bottom: 1px solid #d5d4d4; } #twofactor-settings .accordeon span.clearfix > a { float: left; height: 45px; margin: 0 0 0 8px; padding: 0 25px 0 50px; line-height: 45px; background: #e5e5e5 url(/img/icons/arrowgrey_5x9_bw.gif) no-repeat 10px center; text-decoration: none; outline: none; border: 1px solid #d5d4d4; border-radius: 4px 4px 0 0 ; position: relative; bottom: -1px; } #twofactor-settings .accordeon span.clearfix > a:before { position:absolute; display: block; left: 9px; top: 6px; content: ''; width: 32px; height: 32px; border-radius: 16px; background-color: #95c021; background-position: center center; background-repeat: no-repeat; } #twofactor-settings .accordeon span.clearfix > a#a_tab_settings-add:before { background-image: url(/img/icons/download_app_16x14.png) } #twofactor-settings .accordeon span.clearfix > a#a_tab_settings-verify:before { background-image: url(/img/icons/phone_11x16.png) } #twofactor-settings .accordeon span.clearfix > a#a_tab_settings-backup:before { background-image: url(/img/icons/backup_16x14.png) } #twofactor-settings .accordeon span.clearfix.tabs3 > a { width: 191px; } #twofactor-settings .accordeon span.clearfix.tabs3 > a:first-child { margin:0px; } #twofactor-settings .accordeon span > a.current { background: #fafafa url(/img/icons/arrowgrey_9x5_bw.gif) no-repeat 9px center; border-bottom: 1px solid #fafafa; } #twofactor-settings #tab_settings-backup .long { width: 300px;} /*-- End Two Factor Login --*/ .promoBox { background: none repeat scroll 0 0 #82BD32; color: #FFFFFF; float: right; font-size: 11px; font-weight: bold; line-height: 22px; padding: 0 6px; font-family: Arial,Tahoma,Verdana,sans-serif; } /*Custom Link Page*/ .customredirect .links-wrapper { display: block; padding: 0 10px; background: #fafafa; border: 1px solid #dddddd; margin: 10px 0 0;} .customredirect .links-wrapper:first-child { margin: 0 0 10px;} .customredirect .links-wrapper .aff-link { padding: 10px 0; border-top: 1px solid #dddddd; } .customredirect .links-wrapper .aff-link:first-child { border:none; } .customredirect .links-wrapper .aff-link .top { position: relative; font-size: 12px; line-height: 18px; } .customredirect .links-wrapper .aff-link .top .link-preview { color: #9b9b9b; font-weight: 600; } .customredirect .links-wrapper .aff-link .top .trigger { display:block; width: 10px; height: 9px; background: url(/img/icons/arrowgray_up_10x10.png) no-repeat center center; position:absolute; top:4px; right: 0;} .customredirect .links-wrapper .aff-link.compact .top .trigger { background: url(/img/icons/arrowgray_down_10x10.png) no-repeat center center; } .customredirect .links-wrapper .aff-link .details { padding: 15px 0 0; display: block;} .customredirect .links-wrapper .aff-link .details ul { color: #666666; font-size: 12px; line-height: 20px;} .customredirect .links-wrapper .aff-link .details ul .actions { padding: 8px 0 3px;} .customredirect .links-wrapper .aff-link.compact .details { display:none;} .customredirect .links-wrapper .aff-link.expandet .details { display:block;} .customredirect .sorting label { float:left; line-height: 24px; margin: 0 10px 0 0; font-weight: 600;} .customredirect .sorting a { margin: 2px 0 0 ;} .customredirect .createlink { padding: 10px; background: #fafafa; border: 1px solid #cecece;} .customredirect .createlink h4 { font-size: 12px; line-height: 20px; padding: 0 0 10px; } .customredirect .createlink .row { padding: 0 0 15px; position: relative; } .customredirect .createlink .row .long { width: 524px;} .customredirect .createlink .row .remain { position: absolute; right: 10px; top: 4px; color: #c9c9c9; font-size: 10px; font-style: italic;} .customredirect .createlink .row .fakeinput { height: 14px; line-height: 14px; padding: 4px; background: #fff; border: 1px solid #ddd; color: #666; border-right: none; width: 265px;} .customredirect .createlink .row .cancel-link { position: absolute; right: 10px; top: 4px; color: #c9c9c9; font-size: 10px; font-style: italic; } .customredirect .createlink .row .input.half, .customredirect .createlink .row select.half { width: 250px;} .customredirect .header-section h4 { float: left;} .customredirect .header-section .wrap-radios { float: left; line-height: 20px; padding: 0 0 0 10px;} .customredirect .header-section .wrap-radios input { position: relative; width: 14px; height: 14px; float: left; margin: 0 5px 0 20px; } .customredirect .header-section .wrap-radios label { position: relative; height: 14px; line-height: 14px; float: left; } .customredirect .section-details { display: block;} .customredirect .section-details .img-wrap { padding: 0 0 10px 0;} .customredirect .section-details .img-wrap img { max-width: 100%;} .customredirect .section-details.hidden { display: none; } .customredirect .cancel-big { display: inline-block; margin: 20px 0 10px ; position:relative;} /*VAT blocks*/ .vatblock { position: relative; font-size: 10px; color: #a5a5a5; line-height: 12px; padding: 0 !important; margin: 0 !important; font-weight: 400;} .vatblock.dblock { min-height:12px; display:block;} .salespages .vatblock { padding: 0 0 10px !important;} /*LXC Usage Page*/ .lxcusage .lxc-info { margin: 0 0 10px 0; padding: 9px; background: #fcfcfc; border: 1px solid #ddd; } .lxcusage .lxc-info h5 { overflow: hidden; font-size: 16px; font-weight: 400; color: #444; padding: 0 0 6px 20px;; margin: 0 0 10px; border-bottom: 1px solid #e6e6e6; background: url(/img/icons/server_14x16_c.png) no-repeat left top;} .lxcusage .lxc-info ul li { float: left; padding: 0 0 0 10px; margin: 0 0 0 9px; color: #999; background: url(/img/separator_1x12_bw.gif) no-repeat left 2px; } .lxcusage .lxc-info ul li:first-child { margin: 0; padding: 0; background: none; } .lxcusage .lxc-info ul li strong { color: #666; } .lxcusage .accordeon > a { display: block; height: 29px; padding: 0 0 0 25px; line-height: 29px; border: 1px solid #d5d4d4; border-top: none; background: #e5e5e5 url(/img/icons/arrowgrey_9x5_bw.gif) no-repeat 9px center; text-decoration: none; outline: none; } .lxcusage .accordeon > a.current { background: #e5e5e5 url(/img/icons/arrowgrey_5x9_bw.gif) no-repeat 10px center; } .lxcusage .accordeon { margin: 10px 0 0; } .lxcusage .accordeon span.clearfix { display: block; border-bottom: 1px solid #d5d4d4; } .lxcusage .accordeon span.clearfix > a { float: left; height: 35px; margin: 0 0 0 6px; padding: 0 25px; line-height: 35px; background: #e5e5e5 url(/img/icons/arrowgrey_5x9_bw.gif) no-repeat 10px center; text-decoration: none; outline: none; border: 1px solid #d5d4d4; border-radius: 4px 4px 0 0 ; position: relative; bottom: -1px; } .lxcusage .accordeon span.clearfix.tabs2 > a { width: 355px; } .lxcusage .accordeon span > a.current { background: #fafafa url(/img/icons/arrowgrey_9x5_bw.gif) no-repeat 9px center; border-bottom: 1px solid #fafafa; } .lxcusage .accordeon span.clearfix a:first-of-type { margin: 0; } .lxcusage .accordeon .usage-tabs { margin: 0 0 10px 0; padding: 9px; background: #fcfcfc; border: 1px solid #ddd; border-top: none;} .lxcusage .accordeon .usage-tabs .topbar{ padding: 0 10px; background: #fff;} .lxcusage .accordeon .usage-tabs .time{ border-top: 1px solid #ddd; padding: 10px 0;} .lxcusage .accordeon .usage-tabs .time:first-of-type { border: none;} .lxcusage #filter_form .hidden { display: none; } .lxcusage #chartDiv { height: 400px; } .lxcusage #chartDiv.loading { background: #FFFFFF url('/img/ajax-loader.gif') no-repeat center center; } /**/ /* Responsive Version */ /* Body */ body.responsive { padding: 0; } /* Content Hide */ #wrapper.get-started { display: none; } #background.get-started { display: none; } /* Fluid Content */ #wrapper.responsive, #wrapper.responsive #holder { max-width: 840px; width: auto; } #wrapper.responsive #holder #content, #wrapper.responsive #holder #content #maincol.wocol { float: none; max-width: 840px; width: auto; } #wrapper.responsive #holder #content { padding: 40px 10px 30px; } #wrapper.responsive #holder #content .gettingstarted { max-width: 700px; width: auto; } #wrapper.responsive { border-radius: 0; } #wrapper.responsive #header { padding: 10px 20px 0; } #wrapper.responsive #holder #content { border-radius: 0; } #wrapper.responsive #holder #content .message { min-width: 0; margin: 0 0 40px; } #wrapper.responsive .gettingstarted .some_info { background: #f9f9f9; } #wrapper.responsive .gettingstarted .some_info * { box-sizing: border-box; -moz-box-sizing: border-box; } #wrapper.responsive .gettingstarted .some_info p, #wrapper.responsive .gettingstarted .some_info h2 { float: none; width: 100%; padding: 10px 20px 10px 85px; } #wrapper.responsive .gettingstarted .some_info h2 + p { padding: 0 20px 0 85px; } #wrapper.responsive .gettingstarted .selectbox { width: 150px; } #wrapper.responsive .gettingstarted .selectbox .focused { width: 112px; } #wrapper.responsive .gettingstarted .selectbox select { width: 152px; } #wrapper.responsive .gettingstarted .box h4.title { padding: 10px; height: auto; line-height: 20px; } #wrapper.responsive .gettingstarted .afterloginbreadcrumb { height: auto; line-height: 20px; font-size: 16px; } #wrapper.responsive .gettingstarted .afterloginbreadcrumb.thanks { background: #DE5621; } #wrapper.responsive .gettingstarted .afterloginbreadcrumb.transfer span { width: 50%; } #wrapper.responsive .gettingstarted .afterloginbreadcrumb span { width: 33.33%; margin: 0; padding: 20px 12px; background: #666; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; font-weight: 700; } #wrapper.responsive .gettingstarted .afterloginbreadcrumb span.current { background: #DE5621; } #wrapper.responsive .gettingstarted .afterloginbreadcrumb span.last { background: transparent; } #wrapper.responsive .gettingstarted .template_gallery .template_slide { max-width: 624px; width: auto; } #wrapper.responsive .gettingstarted .template_gallery .template_slide > div { width: 27.33%; margin: 0 3% 40px 3%; text-align: center; } #wrapper.responsive .gettingstarted .template_gallery .template_slide > div p { max-width: 162px; margin: 0 auto 2px; text-align: left; } #wrapper.responsive .gettingstarted .template_gallery .template_slide > div p:last-of-type { margin: 0 auto 10px; } #wrapper.responsive .gettingstarted .template_gallery .template_slide > div a { display: inline-block; } #wrapper.responsive .gettingstarted .template_gallery .template_slide > div img { margin: 0 auto 10px; max-width: 100%; } #wrapper.responsive .gettingstarted .template_gallery .template_slide > div .thumb { cursor: default; } #wrapper.responsive .gettingstarted .template_gallery .template_slide > div .buttons { max-width: 162px; margin: 0 auto; } .getstartedtmpls { width: 780px; min-height: 0; margin: 0; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .getstartedtmpls .template-image { float: left; width: 45%; } .getstartedtmpls .template-image img { max-width: 100%; margin: 0 auto; } .getstartedtmpls .template-info { position: relative; float: left; width: 53%; margin: 0 0 0 2%; } #wrapper.responsive .gettingstarted .what-is-next .p9 > img { width: 10%; padding: 0 2% 0 0; } #wrapper.responsive .gettingstarted .what-is-next ul { width: 44%; } @media screen and (max-width: 980px), screen and (max-device-width: 980px) { .getstartedtmpls { width: 90%; } } @media screen and (max-width: 768px), screen and (max-device-width: 768px) { .getstartedtmpls .template-image { width: 100%; } .getstartedtmpls .template-info { width: 100%; margin: 20px 0 0; } } @media screen and (max-width: 640px), screen and (max-device-width: 640px) { .welcometosg { width: 95% !important; top: 20px; margin: 0 !important; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); padding: 40px; box-sizing: border-box; -moz-box-sizing: border-box; } .welcometosg > ul { background: none; padding: 0; min-height: inherit; } #wrapper.responsive .gettingstarted .template_gallery .template_slide > div { width: 44%; } #wrapper.responsive .gettingstarted .what-is-next .p9 > img { display: none; } #wrapper.responsive .gettingstarted .what-is-next ul { width: 50%; } } @media screen and (max-width: 540px), screen and (max-device-width: 540px) { #wrapper.responsive .gettingstarted .some_info div { float: none !important; } #wrapper.responsive .gettingstarted .some_info div img { margin: 0 auto; display: block; } #wrapper.responsive .gettingstarted .some_info p { padding: 10px 20px !important; } #wrapper.responsive .gettingstarted .some_info h2 { padding: 10px 20px 0; } #wrapper.responsive .gettingstarted .account-management img { display: none; } #wrapper.responsive .gettingstarted .what-is-next img { display: none; } } @media screen and (max-width: 480px), screen and (max-device-width: 480px) { #wrapper.responsive .gettingstarted .maintitle { font-size: 22px; word-break: break-all; } #wrapper.responsive .gettingstarted .afterloginbreadcrumb span { width: 100%; } #wrapper.responsive .gettingstarted .what-is-next ul { width: 100%; } #wrapper.responsive .gettingstarted .need-more-help ul li img { float: none !important; margin: 0 auto 20px !important; display: block; } #wrapper.responsive .gettingstarted .need-more-help ul li img + span { display: block; margin: 0 0 4px; text-align: center; } } @media screen and (max-width: 420px), screen and (max-device-width: 420px) { #wrapper.responsive .gettingstarted .template_gallery .template_slide > div { width: 94%; } .getstartedtmpls .acenter a { float: none !important; margin: 10px 0 0; } .getstartedtmpls .acenter a:first-of-type { margin: 0; } .login { width: 90%; top: 20px; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); } .login > div .form-content { padding: 15px; } } @media screen and (max-width: 380px), screen and (max-device-width: 380px) { .login > div .form-content .fields.pass-lookup .row .icon { padding: 0 8px; width: 35%; font-size: 13px; } .login > div .form-content .fields.pass-lookup .row > input { width: 65%; } } /**/ .special-offer { background: #1d1d1d; } .offer.events * { box-sizing: border-box; -moz-box-sizing: border-box; } .offer.events>div { width: 980px; margin: 0 auto } .offer.friends, .offer.events { padding: 50px 0 0 } .offer.friends .banner, .offer.events .banner { position: relative; height: 250px; padding: 30px 0 0; border-bottom: 2px solid #555; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.4); border-radius: 5px 5px 0 0 } .offer.friends .banner hgroup, .offer.events .banner hgroup { padding: 18px 29px 12px; background: rgba(255, 255, 255, 0.3) } .offer.friends .banner hgroup h1, .offer.events .banner hgroup h1 { font: 700 46px/50px 'Roboto Condensed', Arial, Helvetica, sans-serif; color: #333; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.1); text-transform: uppercase } .offer.friends .banner hgroup h2, .offer.events .banner hgroup h2 { font: 300 20px Open Sans, Georgia, Arial, Helvetica, sans-serif; color: #333; text-transform: uppercase } .offer.friends .banner .pricebox, .offer.events .banner .pricebox { position: relative; width: 550px; margin: 20px 29px; padding: 8px; background: #f9fad5; border-radius: 5px; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); color: #333 } .offer.friends .banner .pricebox>span, .offer.events .banner .pricebox>span { float: left; margin: 0 15px 0 6px; font: 700 38px/60px Montserrat, Georgia, Arial, Helvetica, sans-serif; white-space: nowrap } .offer.friends .banner .pricebox .deal, .offer.events .banner .pricebox .deal { float: left; position: relative; font: 24px/27px Montserrat, Georgia, Arial, Helvetica, sans-serif } .offer.friends .banner .pricebox .deal span, .offer.events .banner .pricebox .deal span { display: block; text-transform: uppercase } .offer.friends .banner .pricebox .deal span:before, .offer.events .banner .pricebox .deal span:before { position: absolute; top: 14px; left: -4px; content: ""; width: 100px; height: 3px; background: #f0853e } .offer.friends .banner .pricebox a, .offer.events .banner .pricebox a { position: relative; float: right; width: 150px; height: 60px; background: #f0853e; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.5); font: 26px/60px 'Source Sans Pro', Georgia, Arial, Helvetica, sans-serif; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); color: #fff; text-align: center; border-radius: 5px } .offer.friends .banner .pricebox a:before, .offer.events .banner .pricebox a:before { position: absolute; top: 24px; left: -7px; content: ""; border-top: 7px solid transparent; border-right: 7px solid #f0853e; border-bottom: 7px solid transparent } .offer.friends .banner .pricebox a:hover, .offer.events .banner .pricebox a:hover { background: #f49352; text-decoration: none } .offer.friends .banner .pricebox a:hover:before, .offer.events .banner .pricebox a:hover:before { border-right: 7px solid #f49352 } .offer.friends .banner .pricebox a:active, .offer.events .banner .pricebox a:active { background: #d06e2d; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2), inset 0 3px 2px -1px rgba(0, 0, 0, 0.3) } .offer.friends .banner .pricebox a:active:before, .offer.events .banner .pricebox a:active:before { border-right: 7px solid #d06e2d } .offer.friends .banner .limited, .offer.events .banner .limited { position: absolute; top: 16px; left: 30px; padding: 6px 32px 5px; background: #f0853e; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); border-radius: 5px; font: 16px/16px Montserrat, Georgia, Arial, Helvetica, sans-serif; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); text-transform: uppercase; color: #fff } .offer.friends .banner .limited:after, .offer.events .banner .limited:after { left: auto; right: 9px } .offer.friends .banner .offerimage, .offer.events .banner .offerimage { position: absolute; bottom: 0; right: 10px; width: 335px; height: 245px; } .offer.events .banner { background: #329dc0 url(/img/promo/events_wp_banner_bg.png) no-repeat } .offer.events .banner hgroup h1 { font: 700 38px/50px 'Roboto Condensed', Arial, Helvetica, sans-serif } .offer.events .banner .pricebox { background: #fff } .offer.events .banner .pricebox .deal span { display: block; font-size: 20px } .offer.events .banner .pricebox .deal span:before { width: 104%; top: 12px } .offer.events .banner .pricebox a { background: #f06334; text-decoration: none; } .offer.events .banner .pricebox a:before { border-right: 7px solid #f06334 } .offer.events .banner .pricebox a:hover { background: #ef7147 } .offer.events .banner .pricebox a:hover:before { border-right: 7px solid #ef7147 } .offer.events .banner .pricebox a:active { background: #e14d1c } .offer.events .banner .pricebox a:active:before { border-right: 7px solid #e14d1c } .offer.events .banner .limited { background: #f06334 } .offer.events .banner .offerimage { position: absolute; bottom: 24px; right: 24px; width: 284px; height: 208px; background: url(/img/promo/events_wp_banner.png) no-repeat } .offer.events .features { padding: 25px; font: 18px RobotoRegular, Arial, Helvetica, sans-serif; color: #5b5b5b; background: #fff } .offer.events .features p { text-align: center; background: url(/img/promo/separator.png) no-repeat center bottom; padding: 0 0 30px; margin: 0 0 20px } .offer.events .features ul { width: 820px; margin: 0 auto } .offer.events .features ul li { float: left; width: 272px; margin: 5px 0; padding: 0 0 0 22px; font-size: 15px; background: url(/img/promo/check_14x14_blue.png) no-repeat } .offer.events .features ul li.more { background: 0; padding: 0 } .offer.events .footer { padding: 64px 0 18px; background: #2f2f2f url(/img/promo/logo.png) no-repeat center 18px; border-radius: 0 0 5px 5px; color: #e6e6e6 } .offer.events .footer p { margin: 0; text-align: center } #billing_type_field { display: none; } .hidden { display: none; } /*Account Setup*/ .lightbox-like #content { padding: 0; border-radius: 5px; background: #fff; } .lightbox-like #content #accountsetup { position: relative; } .lightbox-like #content #accountsetup h2 { display: block; border-radius: 5px 5px 0 0; padding: 15px 20px 15px; font-size: 16px; line-height: 20px; background: #6ba1ce; color: #fff; } .lightbox-like footer.accountnav { background: #f9f9f9; border-top: 1px solid #dddddd; padding: 15px 20px; margin: 20px 0 0; border-radius: 0 0 5px 5px; } .lightbox-like #content { position: relative; margin-bottom: 40px; } .lightbox-like #content .step { margin: 20px; border: 1px solid #ececec; border-radius: 2px; } .lightbox-like #content .step .content { padding: 15px; display: none;} .lightbox-like #content .step.active .content { display: block;} .lightbox-like #content .step.nopadding .content { padding: 0; } .lightbox-like #content .step h3 { font-size: 14px; line-height: 20px; padding: 10px 20px 10px 47px; background: #dbecfb; border-radius: 2px 2px 0 0; position: relative; } .lightbox-like #content .step .introtext { font-size: 12px; line-height: 16px; padding: 10px 20px; border-bottom: 1px solid #f6f6f6; margin: 0; } .lightbox-like #content .step h3 span { width: 22px; height: 22px; display: block; position: absolute; border-radius: 50%; left: 15px; top: 9px; } .lightbox-like #content .step h3 span svg { width: 100%; height: 100%; } .lightbox-like #content .step h3 span svg * { fill: #6ba1ce; } .lightbox-like #content .skip-link { position: relative; margin-bottom: -40px; } .lightbox-like #content .skip-link p { color: #fff; } .lightbox-like #content .wrap { padding: 0 0 10px 0; } .lightbox-like #content .wrap.inactive { position: relative; } .lightbox-like #content .wrap.inactive:after { width: 100%; height: 100%; background: #fff; content: ''; position: absolute; top:0; left:0; opacity: 0.6; } .lightbox-like #content .wrap input[type="radio"] { margin: 0 8px 0 0; } .lightbox-like #content .wrap .errorBubble { background: #ffd1d1; border: 1px solid #f57f7f; line-height: 24px; font-size: 12px; color: #d45050; border-radius: 2px; float: left; padding: 0 10px; margin: 0 0 0 10px; position: relative; } .lightbox-like #content .wrap .errorBubble:before { content: ''; position: absolute; height: 0; width: 0; border-right: 6px solid #f57f7f; border-top: 6px solid transparent; border-bottom: 6px solid transparent; left: -6px; top: 5px; } .lightbox-like #content .wrap .pass-bar-container { float: left; margin: 0 0 0 10px; width: 300px; } .lightbox-like #content .wrap .semiconfirm { margin-top: 15px; height: 28px; line-height: 28px; padding: 0 15px; background: #80ca5a; color: #fff; border: none; border-radius: 3px; text-align: center; cursor: pointer; font-size: 12px; text-decoration: none; position: relative; display: inline-block;} .lightbox-like #content .wrap .semiconfirm:hover{ background: #89dd67;} .lightbox-like #content .input { padding: 6px 5px; border-radius: 2px; } .lightbox-like #content .cooment-area { width: 360px; height: 120px; } .lightbox-like #content .selectbox, .lightbox-like #content .wrap .select-box-error { height: 26px; border-radius: 2px; background: #fff url(/img/selectbox_arrow.png) no-repeat right 2px; } .lightbox-like #content .selectbox:hover, .lightbox-like #content .wrap .select-box-error:hover { background: #fff url(/img/selectbox_arrow.png) no-repeat right -20px; } .lightbox-like #content .selectbox select, .lightbox-like #content .wrap .selectbox-error select { height: 26px; } .lightbox-like #content .selectbox .focused, .lightbox-like #content .wrap .selectbox-error .focused { height: 26px; line-height: 26px; } .lightbox-like #content .wrap .formlabel, .lightbox-like #content .wrap .formlabel #domainPriceString { font-weight: 700; } .lightbox-like #content .wrap .green { color: #80ca5a; padding: 0 0 0 5px; } .lightbox-like #content .wrap #domainPriceString { font-weight: 600; color: #9c9b9b; } .lightbox-like #content .wrap .vatNoticeText { color: #9c9b9b; } .lightbox-like #content .wrap .sub { display: block; color: #bcbcbc; padding: 5px 0 0 20px; font-weight: 400; clear: both; } .lightbox-like #content .wrap .sub strong { font-weight: 600; } .lightbox-like #content .wrap .formlabel .selectbox { top: -5px; margin-bottom: -5px; } .lightbox-like #content .wrap .standardformlabel { height: auto; min-height: 24px; line-height: 16px; padding: 4px 0; } .lightbox-like #content .domainchoose { font-weight: 700; } .lightbox-like #content .domainchoose .domainform .customdropdown .domainslist { left: -15px; width: 762px; } .lightbox-like #content .domainchoose .domaininfo { background: #fff; margin: 0px; } .lightbox-like #content .domainchoose .domaininfo > div { background: #fff; margin: 20px 0px; } .lightbox-like #content .domainchoose .www { float: left; height: 26px; line-height: 26px; border: 1px solid #ddd; padding: 0 10px; border-right: 0; background: #f8f8f8; border-radius: 2px 0 0 2px; } .lightbox-like #content .domainchoose .input { width: 500px; padding: 6px 5px; border-right: none; } .lightbox-like #content .haveexisting .domainchoose .input { width: 615px; padding: 6px 5px; border-right: none; border-right: 1px solid #ddd; border-radius: 2px; } .lightbox-like #content .domainchoose .customdropdown > div:first-child { padding: 2px 0; border-radius: 0 2px 2px 0; } .lightbox-like #content .domainchoose a { height: 28px; line-height: 28px; padding: 0 15px; background: #80ca5a; color: #fff; border: none; border-radius: 3px; text-align: center; cursor: pointer; font-size: 11px; text-decoration: none; position: relative; } .lightbox-like #content .domainchoose a:hover { background: #89dd67; } .lightbox-like #content .domainchoose .loader-wrap { position: absolute; width: 100%; height: 100%; background: #747474; top: 0; left: 0; border-radius: 2px; } .lightbox-like #content .domainchoose .loader { width: 12px; height: 12px; vertical-align: middle; position: relative; margin: 5px auto; display: block; } .lightbox-like #content .domainchoose .loader-quart { border-radius: 12px; border: 3px solid rgba(255, 255, 255, 0.5); } .lightbox-like #content .domainchoose .loader-quart:after { content: ''; position: absolute; top: -3px; left: -3px; bottom: -3px; right: -3px; border-radius: 12px; border: 3px solid transparent; border-top-color: #fff; -webkit-animation: spin 1s linear infinite; -moz-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } .lightbox-like #content .databox input[type="radio"] { margin: 2px 5px 0 0;} .lightbox-like #content .databox td { padding: 2px 0;} .lightbox-like #content .silver-box { background: #fff; border: 1px solid #ececec; padding: 10px 15px; border-radius: 2px; position: relative } .lightbox-like #content .silver-box h4 { font-size: 12px; line-height: 20px; padding: 10px 15px; background: #f6f6f6; border-bottom: 1px solid #ececec; margin: -10px -15px 20px -15px; } .lightbox-like #content .silver-box h4.withicon { padding: 10px 15px 10px 50px; } .lightbox-like #content .silver-box h4.withicon .icon { width: 22px; height: 22px; display: block; position: absolute; border-radius: 50%; left: 15px; top: 9px; } .lightbox-like #content .silver-box h4.withicon .icon svg { width: 100%; height: 100%; } .lightbox-like #content .silver-box h4.withicon .icon svg * { fill: #6ba1ce; } .lightbox-like #content .silver-box footer { padding: 10px 0 0; margin: 10px 0 0 0; border-top: 1px solid #ececec; } .lightbox-like #content .silver-box.successbox { background: #f6f6f6; padding: 10px 90px 10px 45px; } .lightbox-like #content .silver-box.successbox .icon{ width: 22px; height: 22px; position: absolute; left: 12px; top: 50%; margin-top: -11px; } .lightbox-like #content .silver-box.successbox .icon svg{ width: 100%; height: 100%; } .lightbox-like #content .silver-box.successbox .icon svg * { fill: #80ca5a;} .lightbox-like #content .silver-box.successbox h5 { font-size: 14px; line-height: 22px; } .lightbox-like #content .silver-box.successbox p { margin: 0; font-size: 12px; line-height: 20px; } .lightbox-like #content .silver-box.successbox .price { font-weight: 600; } .lightbox-like #content .silver-box.successbox .price strong { color: #80ca5a; } .lightbox-like #content .silver-box.successbox .price em { color: #9c9b9b; } .lightbox-like #content .silver-box.successbox .change { height: 22px; line-height: 22px; padding: 0 15px; background: #fff; color: #8c8c8c; border: 1px solid #aeaeae ;border-radius: 2px; text-align: center; cursor: pointer; font-size: 11px; text-decoration: none; position: absolute; right: 12px; top: 50%; margin-top: -11px;} .lightbox-like #content .silver-box.successbox .change:hover{color: #444444; border-color: #444; } .lightbox-like #content .software .cms { width: 18.5%; margin: 0 0 0 1.5%; float: left; text-align: center; border: 1px solid #ececec; border-radius: 2px; cursor: pointer; } .lightbox-like #content .software .cms:first-of-type { margin: 0 } .lightbox-like #content .software .cms .logo { width: 80%; padding: 20px 10%; display: block; height: 100%; } .lightbox-like #content .software .cms .logo svg { max-width: 100%; max-height: 100%; height: 60px; } .lightbox-like #content .software .cms.inactive .logo svg * { fill: #b2b2b2 !important; } .lightbox-like #content .software .cms.inactive:hover, .lightbox-like #content .software .cms.active { border-color: #6ba1ce; } .lightbox-like #content .software .cms .name { font-weight: 700; display: block; padding: 0 0 20px; } .lightbox-like #content .checkbutton { position: relative; height: 16px; padding: 0 0 0 20px; font-weight: 700; margin: 5px 0; display: inline-block; clear: both; cursor: pointer; } .lightbox-like #content .checkbutton strong { color: #80ca5a; } .lightbox-like #content .checkbutton em { color: #9c9b9b; font-style: normal; } .lightbox-like #content .checkbutton:before { content: ''; position: absolute; width: 10px; height: 10px; border: 1px solid #b6b5b5; top: 0; left: 0; } .lightbox-like #content .checkbutton:hover:before, .lightbox-like #content .checkbutton.active:before { border-color: #6ba1ce; } .lightbox-like #content .checkbutton:after { content: ''; position: absolute; width: 6px; height: 6px; top: 3px; left: 3px; background: #6ba1ce; opacity: 0; } .lightbox-like #content .checkbutton.active:after { opacity: 1; } .lightbox-like #content .finaltotal { width: 100%; border: none; font-size: 12px; line-height: 16px; } .lightbox-like #content .finaltotal tr { border-bottom: 1px solid #d5d5d5 } .lightbox-like #content .finaltotal tr td { padding: 10px; } .lightbox-like #content .finaltotal tr td span { color: #494949; } .lightbox-like #content .finaltotal tr td:last-of-type { text-align: right; padding-right: 20px; } .lightbox-like #content .finaltotal tr.subtotal td, .lightbox-like #content .finaltotal tr.vat td { background: #fff; font-weight: 600; } .lightbox-like #content .finaltotal tr.total td { background: #f6f6f6; font-weight: 600; font-size: 18px; border-bottom: none; } .lightbox-like #content .ready { text-align: center; padding: 0 0 40px 0; } .lightbox-like #content .ready .icon { width: 70px; height: 70px; padding: 40px 0; margin: 0 auto; position: relative; } .lightbox-like #content .ready .icon svg { width: 100%; height: 100%; } .lightbox-like #content .ready .icon svg * { fill: #95c021; } .lightbox-like #content .ready h2 { font-size: 18px; padding: 0 0 20px; } .lightbox-like #content .ready p { padding: 0 0 20px; } .lightbox-like #content .bilingdetails .box h3 { display: none; } .lightbox-like #content .bilingdetails .box .box_content { padding: 0px; border: none; } .lightbox-like #payment_information .cc_payment .field.right { width: 360px;} .lightbox-like #payment_information .cc_payment #moreinfo .field.right label { width: 124px;} .lightbox-like #content footer.accountnav .loader-wrap { position: relative; width: 100%; height: 100%; margin: 20px 0; } .lightbox-like #content footer.accountnav .loader { width: 30px; height: 30px; display: block; vertical-align: middle; position: relative; margin: 0 auto; text-align: center } .lightbox-like #content footer.accountnav .loader-quart { border-radius: 30px; border: 5px solid rgba(145, 196, 107, 0.6); } .lightbox-like #content footer.accountnav .loader-quart:after { content: ''; position: absolute; top: -5px; left: -5px; bottom: -4px; right: -5px; border-radius: 24px; border: 5px solid transparent; border-top-color: #80be28; -webkit-animation: spin 1s linear infinite; -moz-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } .lightbox-like #content footer.accountnav .loader-wrap .text { display: block; text-align: center; padding: 10px 0 0 0; } .lightbox-like #content footer.accountnav .green {background: #80ca5a !important; border: none; box-shadow: none; text-shadow: none;} .lightbox-like #content footer.accountnav .green:hover { background: #89dd67 !important; } .lightbox-like #content footer.accountnav .green.inactive { background: #dddada !important; pointer-events: none; cursor: default; } #billing_type_field { display: none; } .hidden { display: none; } .renewals-lightbox { position: absolute; top: 30%; left: 50%; width: 500px; height: 240px; margin: -120px 0 0 -250px; background: #fff; text-align: center; box-shadow: 0 10px 10px rgba(0,0,0,.2); z-index: 9999; } .renewals-lightbox h2 { background: #de5621; color: #fff; height: 58px; font-size: 18px; text-transform: uppercase; line-height: 58px; } .renewals-lightbox p { margin: 0 0 30px; font-size: 15px; line-height: 22px; } .renewals-lightbox > div { padding: 30px; } .renewals-lightbox > a { position: absolute; right: 0; top: -30px; width: 16px; height: 16px; } .login-btn{ background:#1d4ca1; color:#fff; font-weight:bold; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius: 4px; font-family:Georgia, "Times New Roman", Times, serif; border:0; padding:0 45px 0px 40px; height:30px; line-height:22px; text-align:center; font-size:12px; cursor:pointer; background-image:url(../images/login.png); background-repeat:no-repeat; background-position:right; cursor:pointer; margin-left: 20px; }