/* Theme Name:Rochen Theme URI:http://www.rochen.com/ Description: The portal theme for the awesome web hosting and MCS provider, Rochen Version:7.0 Author:zenelements Author URI:http://zenelements.com/ Tags:web, hosting, servers, cloud, rochen */ /* Meyers Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; font:inherit;vertical-align:baseline} /* HTML5 */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block} body {line-height:1} ol, ul {list-style:none} blockquote, q {quotes:none} blockquote:before, blockquote:after, q:before, q:after {content:''; content:none} table {border-collapse:collapse; border-spacing:0} audio, canvas, video {display:inline-block; *display:inline; *zoom:1} .rochen_blue {color:#00416B} .rochen_cyan {color:#0AF} .rochen_grey {color:#F9F9F9} body {background:#00416B url('../images/bg.jpg') 0 0 no-repeat; background-size:100%; background-attachment:fixed; min-height:100%; font-family:'Open Sans', sans-serif; color:#00416b; font-weight:400; font-size:15px} #shade {position:absolute; top:0; left:0; width:100%; min-height:100vh; background:rgba(0,65,107,0.5); z-index:0} .clearme {clear:both; height:0; font-size:1px} #brand {width:100%; padding:35px 0 5px 0} #brand a {margin:0 auto; display:block; width:63px; height:63px; background:url('../images/rochen_r.png') 0 0 no-repeat; background-size:63px; text-indent:-7777px} #brand a:hover {opacity:0.85} .login {display:block; margin:50px auto 0 auto; width:460px; height:inherit; padding-bottom:50px; background:rgba(255,255,255,0.1); border-radius:10px; position:relative; z-index:100} .login #brand {padding:42px 0} .login #brand a {width:70px; height:70px; background-size:70px} .login form {margin:0 0 40px 0} .login form input {border-radius:0} .myAccess {margin:0 0 1px 0; position:relative; width:460px; height:60px; overflow:hidden} .myAccess .myLabel {position:absolute; top:22px; left:20px; width:150px; padding:0; transition:all .2s ease-in-out; color:#EEE; font-family:'Open Sans', sans-serif; font-weight:400} .myAccess .myFocus, .myAccess .keepFocus {font-size:10px; top:12px} .myAccess .myInput {width:420px; height:50px; line-height:60px; padding:10px 20px 0 20px; border:none; background:rgba(255,255,255,0.1); font-weight:400; font-size:15px; color:#FFF} .login form input:required {background-image:url('../images/required.png'); background-position:top right; background-repeat:no-repeat} .login form input:focus {background-color:rgba(255,255,255,0.14); outline:none} .login form .onward {margin:20px 5px 10px 5px; padding:14px 40px; line-height:1; font-size:14px} .login a, .login a:visited {font-size:12px; color:#0af} .login a:hover {color:#0AF} .login .copyright {position:absolute; bottom:10px; padding:0} .login p {color:#e4e8ea; padding:0 30px} .login p.msg_error {color:#fb6969; font-size:14px} #my {padding-right:220px; padding-bottom:100px; overflow:hidden; position:relative} #sidebar {position:relative; width:220px; float:left; background:#00416b; z-index:1000; margin-left:0; margin-bottom: -5000px; padding-bottom: 5000px; transition:all .3s ease-in-out} #logo {float:left; width:220px; height:100%} #logo a {margin:25px 0 0 10px; display:block; width:160px; height:30px; background:url('../images/rochen.png') 0 0 no-repeat; background-size:100%; text-indent:-7777px} #logo a:hover {opacity:0.85} .mobile {visibility:hidden; display:none; width:42px; height:42px; line-height:49px; text-align:center; background:#00416b; border-radius:0 0 10px 0; position:absolute; top:0; right:-42px; z-index:1000} .mobile .fa {font-size:28px; color:rgba(255,255,255,.77); transition:all .2s ease-in-out} .mobile:hover .fa {color:rgba(255,255,255,1)} nav#menu {margin:0; width:100%; position:relative} .menus {margin:0} .menus li {display:block; position:relative; color:rgba(255,255,255,0.5); font-size:10px; border-bottom:1px solid #185484} .menus li strong {display:block; padding:30px 0 3px 18px; font-weight:400; text-transform:uppercase} .menus li a {display:block; width:inherit; height:38px; line-height:38px; font-size:13px; font-weight:400; color:#FFF; padding:0 0 0 15px; border-left:4px solid #00416B; transition:none} .menus li a:hover {border-left:4px solid #0AF; background-color:#003557; cursor:pointer} .menus li .highlight {right:10px} .menus .dropme-trigger a {background:url('../images/arrow-4px-down.png') 95% 17px no-repeat; background-size:10px} .menus .dropme-open {border-left:4px solid #0AF} .menus .dropme-open a {border:none; background-image:url('../images/arrow-4px-up.png'); background-color:#003557} .menus .dropme-open a:hover {border:none} .menus .dropme-open ul li a {padding:0 0 0 17px; background-image:none; height:30px; line-height:30px !important; font-size:12px; color:#FFF} .menus .dropme-open ul li a:hover {color:#0AF} .menus .dropme-open ul li {display:block; background:none; border:none} .menus .dropme-open ul li .highlight {top:4px; transform:scale(.75,.75)} .copyright {clear:both; margin-top:50px; width:100%; font-size:10px; color:#e4e8ea} #bar {position:absolute; top:0; width:100%; height:42px; background:#14466C; z-index:10} #alerts {float:right; width:110px} .bar_alerts {} .bar_alerts li {display:inline-block; margin:4px 15px 0 0; height:38px; width:38px; position:relative} .bar_alerts span.highlight {top:3px; right:4px; height:10px; line-height:10px; padding:2px 5px; font-size:8px; border:1px solid #14466C} .bar_alerts li .fa {position:absolute; top:5px; left:0; font-size:24px; color:#FFF; opacity:0.85} .notice_alerts li .fa:hover {opacity:1} .bar_alerts li ul {position:absolute; top:37px; left:-5px; width:300px; background:#14466C; border-radius:0 0 7px 7px} .bar_alerts li ul li {display:block; width:270px; height:30px; line-height:1; font-size:12px; border-bottom:1px solid rgba(255,255,255,0.1); color:#FFF} .bar_alerts li ul li:last-child {border-bottom:none} .bar_alerts li ul li a {display:block; padding:8px 15px; color:#FFF} .bar_alerts li ul li a strong {color:#0AF; margin-right:5px} .bar_alerts li ul li a:hover {opacity:0.7} .bar_alerts .dropme-trigger, .notice_alerts .dropme-open {background-image:none} #profile {float:right; margin:3px 0 0 0; width:200px; padding:0 0 0 10px; border-left:1px solid rgba(255,255,255,.1)} #profile #profile_trigger {height:36px; line-height:36px; font-size:14px; position:relative; background:url('../images/arrow-4px-down.png') 95% 15px no-repeat; background-size:10px} #profile .dropme-open {background-image:url('../images/arrow-4px-up.png') !important} #profile #profile_trigger a {color:#FFF} #profile #profile_trigger a:hover {color:#0AF} #profile #profile_trigger img {width:36px; height:36px; border-radius:2px} #profile #profile_trigger strong {left:45px; font-weight:400; position:absolute} #profile #profile_trigger ul {position:absolute; top:40px; left:-5px; width:220px; background:#14466C; border-radius:0 0 0 7px} #profile #profile_trigger ul li {font-size:12px; line-height:1} #profile #profile_trigger ul li a {display:block; font-size:12px; padding:10px 0 10px 20px} #display {float:right; margin: 0 -220px 0 auto; width:100%; padding-top:60px; position:relative; transition:all .3s ease-in-out} #displayset {width:90%; margin:0 auto 20px auto; max-width: 1040px} #dashboard {} #dashleft {float:left; width:48%} #dashright {float:right; width:48%} .affiliate-banner-html {height:20px; text-align:center; font-size:18px; border:1px solid #00416B; color:#00416B; padding:10px 0} span.highlight {position:absolute; top:9px; right:15px; height:20px; line-height:20px; padding:0 10px; font-size:13px; color:#FFF; background:#F17D2E; border-radius:5px} .box {position:relative; margin:0 0 20px 0} .box_title {height:44px; line-height:45px; background-color:#0097d3; background-repeat:no-repeat; color:#FFF; border-radius:10px 10px 0 0; padding:0; position:relative} .title_blue {background-color:#00416B} .title_orange {background-color:#F17D2E; text-align:center} .title_orange h1 {margin-left:0} #announcement h2 {padding:0} .box_title .fa {position:absolute; top:6px; left:18px; font-size:32px; opacity:0.2} #box_support .box_title .fa {} #box_account .box_title .fa {} #box_manageservices .box_title .fa {left:14px} #box_resources .box_title .fa {left:12px} #box_tickets .box_title .fa {} #box_billing .box_title .fa, #box_invoices .box_title .fa {left:16px} .box_content {background:rgba(255,255,255,0.95); border-radius:0 0 10px 10px; padding:20px 20px 10px 20px; overflow:hidden; position:relative} #announcement .box_content {padding:20px} .box_onecol {clear:both; padding:0; width:100%} #ticket_service {} #ticket_details {padding-top:40px} #ticket_recommend {padding-top:40px} #ticket_attach {padding-top:40px} .formupload {display:inline} .uploadme { display:inline-block; width: 190px; height: 34px; padding:0 0 0 40px; background:#b3bfc6; border-radius:5px; transition:all .2s ease-in-out; cursor:pointer; font-size:14px; color:#FFF; font-weight:300; line-height:34px; position:relative; overflow:hidden; } .uploadme .fa {position:absolute; top:8px; left:15px; color:#FFF; font-size:18px} .uploadname {} .uploadme:hover {background:#00416B} .uploadfile {display:none;position:relative;overflow:hidden} #addfileupload {position:absolute; margin: 0 0 0 10px; font-weight:300} .box_onecol_center {clear:both; width:50%; min-width:420px; margin:40px 25% 20px 25%} .box_twocol {float:left; width:48%; padding-right:2%} .box_twocol_one {} .box_twocol_two {} .box_twocol p.textlabel label {float:left; width:110px} .box_threecol {float:left; width:30%; padding-right:3%} .box_threecol_one {} .box_threecol_two {} .box_threecol_three {} .box_space {with:100%; height:5px} .box_leftnudge {width:46%; padding-left:1%} .swoosh_box {margin-left:1100px; width:100%; height:0; overflow:hidden; opacity:0; transition:all .5s ease-in-out; position:relative} form.swoosh_box {margin-top:0} .swoosh_box_active {margin-left:0 !important; height:inherit !important; opacity:1} .swoosh_back {position:absolute; top:0; right:51px; padding:0 20px 0 48px; border-radius:0; color:#FFF; opacity:0; visibility:hidden} .swoosh_back .fa {top:7px; left:15px} .show_swoosh_back {opacity:1 !important; visibility:visible !important} .swoosh_span {color:#00416B; cursor:pointer; transition:color .2s ease-in-out} .swoosh_span:hover {color:#0AF} #manage_back {opacity:0; visibility:hidden; top:0; right:0; padding:0 20px 0 48px; z-index:5} #manage_back .fa {top:7px; left:15px} .swish {height:0; opacity:0; transition:all .2s ease-in-out; overflow:hidden} .swish_active {height:inherit; opacity:1} .buttons {display:inline-block; margin:0 7px 10px 0; width:110px; height:90px; background:#FFF; border:1px solid #BCC6CC; border-radius:5px; text-align:center; font-size:12px; position:relative} .btn_img {display:block; height:50px; padding:10px 0; transition:opacity .2s ease-in-out; z-index:300} .buttons:hover .btn_img {opacity:0.8} .buttons span {top:-3px; right:-3px; z-index:500} .list_overview {margin:-5px 0 0 0} .list_overview li {height:30px; line-height:30px; font-size:12px; border-bottom:1px solid #d5dde0} .list_overview li a {display:block; width:100%} .list_overview li a label {width:30%; float:left; padding:0; font-weight:600; color:#0AF} .list_overview li a strong {width:55%; float:left} .list_overview li:last-child {border:none} #list_services {} #list_services li a strong {width:40%} #list_services li a em {float:right; color:#d5dde0; transition:all .3s ease-in-out} #list_services li a:hover em {color:#0AF} #list_tickets {} #list_tickets li a label {width:20%} #list_invoices {} #list_invoices li a label {width:20%} #list_invoices li a strong {width:35%} #list_invoices li a em {width:20%} #list_invoices li a span {float:right; width:15%; min-width:63px; text-align:center} #list_invoices li a span.paid {background:#3cd297; color:#FFF} #list_invoices li a span.unpaid {background:#fb6969; color:#FFF} #list_monitoring {} #list_monitoring li {float:left; text-align:center; width:14%} #list_monitoring li .fa {display:block; margin:10px 0 10px 0; font-size:32px} /* MOVED TO DATATABLES #list_articles {} #list_articles li {position:relative; width:100%; margin:0 0 15px 0} #list_articles li a {display:block; font-size:120%} #list_articles li p {padding:0 80px 0 0} #list_articles li p strong {font-size:14px; font-weight:400; color:#0AF; display:block; transition:color .2s ease-in-out} #list_articles li span.article_icon {display:block; color:#e5e5e5; float:left; width:30px; height:28px; padding:2px 20px 0 0; font-size:32px; transition:color .2s ease-in-out} #list_articles li span.article_count {display:block; position:absolute; top:0; right:0; padding:10px; color:#FFF; background:#0AF; font-size:12px; text-shadow:1px 1px 0 rgba(0,0,0,0.2); border-radius:5px} #list_articles li a:hover, #list_articles li a:hover p strong, #list_articles li a:hover span.article_icon {color:#00416B} */ .list_resources {margin-top:20px} .list_resources li {display:inline-block; float:left; width:30%; height:100px; margin-right:3%; padding-bottom:20px} .list_ticks {} .list_ticks li {margin:7px 0; background:url('../images/li-tick.png') 0 4px no-repeat; padding:0 0 0 25px; font-size:13px; line-height:1.3; color:#575756} #articlesTable {width:100% !important} #articlesTable tr th {border-radius:5px 5px 0 0} #articlesTable tr td {padding:10px 10px 0 0; line-height:1.2} #articlesTable tr:hover td {background:none} #articlesTable .article_icon {display:block; color:#e5e5e5; float:left; width:30px; height:28px; padding:0 10px 20px 10px; font-size:32px; transition:color .2s ease-in-out} #articlesTable strong {font-size:14px; font-weight:400; color:#0AF; display:block; transition:color .2s ease-in-out} #articlesTable a:hover strong, #articlesTable a:hover .article_icon {color:#00416B} .CLOUDSERVERS {} #service_jump {margin:-50px 15px 0 0; float:right} .select_service {width:260px; height:42px; padding:0 20px; appearance:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-color:#0097d3; border:1px solid #0097d3; background:#0097d3 url('../images/ui_select_service.png') 218px 0 no-repeat; color:#FFF} #service_resourcescaling .swoosh_back {border-radius:0 10px 0 0} #scale_options {padding-left:1%} #scale_options .button_scaling {float:left; width:27%; margin:0 20px 10px 0; padding:15px 2%; background:#FFF; border:1px solid #BCC6CC; border-radius:10px; text-align:center; cursor:pointer; transition:all .3s ease-in-out; z-index:1000} #scale_options .button_scaling:hover {border:1px solid #00416B} #scale_options .last {margin:0} .button_scaling h3 {display:block; margin:10px auto 20px auto; width:120px; padding:0 0 0 60px; text-align:left; font-size:20px} #button_immediatescaling h3 {background:url('../images/scaling_immediate.png') 0 0 no-repeat} #button_automaticscaling h3 {background:url('../images/scaling_automatic.png') 0 0 no-repeat} #button_scheduledscaling h3 {background:url('../images/scaling_scheduled.png') 0 0 no-repeat} .box_scaling_left {float:left; width:66%; padding-right:4%} .box_scaling_right {float:left; width:28%; padding-right:2%} #button_scaling_set .red {margin-right:20px} #scale_scheduled_overview {width:100%; height:200px} #scheduled_scaling_new {z-index:7000} .calendar-date table thead tr th {border-radius:0 !important; border-bottom:1px solid #32547e} .calendar-date table thead tr .prev {border-radius:5px 0 0 0 !important; border-right:1px solid #32547e} .calendar-date table thead tr .next {border-radius:0 5px 0 0 !important; border-left:1px solid #32547e} .calendar-date table tr td {height:inherit} .dropdown-menu {position:absolute; top:100%; left:0px; z-index:1000; display:none; float:left; min-width:160px; padding:0px 0px 6px; margin:1px 0px 0px; list-style:outside none none; background-color:#FFF; border-radius:0px; background-clip:padding-box} #ui-datepicker-div {z-index:1000; /* must be > than popup editor (950) */} .daterangepicker.dropdown-menu {max-width:none; z-index:3000} .daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {float:left; margin:4px} .daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar {float:right; margin:4px} .daterangepicker .ranges {width:160px; text-align:left} .daterangepicker .ranges .range_inputs>div {float:left} .daterangepicker .calendar {max-width:270px} .daterangepicker .calendar th, .daterangepicker .calendar td {white-space:nowrap; text-align:center; max-width:5px} .daterangepicker .ranges label {color:#333; display:block; font-size:11px; font-weight:normal; height:20px; line-height:20px; margin-bottom:2px; text-shadow:#fff 1px 1px 0px; text-transform:uppercase; width:50px} .daterangepicker .ranges input {font-size:11px} .daterangepicker .ranges .input-mini {background-color:#EEE; border:1px solid #F9F9F9; border-radius:4px; color:#555; display:block; font-size:11px; height:30px; line-height:30px; vertical-align:middle; margin:0 0 10px 0; padding:0 6px; width:80px} .daterangepicker .ranges ul {list-style:none; margin:0; padding:0} .daterangepicker .ranges li {font-size:13px; background:#F9F9F9; color:#00416B; padding:7px 14px; margin-bottom:7px; border-radius:5px; cursor:pointer} .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {background-color:#00416B; color:#fff} .daterangepicker .calendar-date {padding:4px; border-radius:4px; background:#fff} .daterangepicker .calendar-time {text-align:center; margin:8px auto 0 auto; line-height:30px} .daterangepicker {position:absolute; background:#fff; top:100px; left:20px; padding:4px; margin-top:1px; border-radius:4px} .daterangepicker.opensleft:before {position:absolute; top:-7px; right:9px; display:inline-block; border-right:7px solid transparent; border-bottom:7px solid #ccc; border-left:7px solid transparent; border-bottom-color:rgba(0, 0, 0, 0.2); content:''} .daterangepicker.opensleft:after {position:absolute; top:-6px; right:10px; display:inline-block; border-right:6px solid transparent; border-bottom:6px solid #fff; border-left:6px solid transparent; content:''} .daterangepicker.opensright:before {position:absolute; top:-7px; left:9px; display:inline-block; border-right:7px solid transparent; border-bottom:7px solid #ccc; border-left:7px solid transparent; border-bottom-color:rgba(0, 0, 0, 0.2); content:''} .daterangepicker.opensright:after {position:absolute; top:-6px; left:10px; display:inline-block; border-right:6px solid transparent; border-bottom:6px solid #fff; border-left:6px solid transparent; content:''} .daterangepicker table {width:100%; margin:0} .daterangepicker td, .daterangepicker th {text-align:center; width:20px; height:20px; border-radius:4px; cursor:pointer; white-space:nowrap} .daterangepicker td.off {color:#999} .daterangepicker td.disabled {color:#999} .daterangepicker td.available:hover, .daterangepicker th.available:hover {background:#91cef4} .daterangepicker td.in-range {background:#e6f3fd; border-radius:0} .daterangepicker td.active, .daterangepicker td.active:hover {background-color:#0AF; color:#fff} .daterangepicker th.available:hover {background-color:#1b3351} .daterangepicker td.week, .daterangepicker th.week {font-size:80%; color:#ccc} .daterangepicker select.monthselect, .daterangepicker select.yearselect {font-size:12px; padding:1px; height:auto; margin:0; cursor:default} .daterangepicker select.monthselect {margin-right:2%; width:56%} .daterangepicker select.yearselect {width:40%} .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.ampmselect {width:50px; margin-bottom:0} #chartset {position:relative; display:block; width:100% !important} .box_chart {display:none} .show_chart {display:block} .highcharts-container {width:100% !important} .highcharts-background {fill-opacity:0} .highcharts-title {font-family:'Montserrat', sans-serif; font-weight:600; font-size:16px; margin:0 0 10px 0} .highcharts-xaxis-labels text {font-size:8px !important} .scaling_costs {margin:20px 20px 0 0; width:90%; height:inherit; padding:15px 5% 10px 5%; background:#E7EFF1; border-radius:10px} .scaling_costs li {display:inline-block; font-size:14px; line-height:24px; vertical-align:middle} .scaling_costs li strong {display:block; font-size:17px} .scaling_costs .scaling_costs_set1 {width:32%} .scaling_costs .scaling_costs_set2 {width:48%} .scaling_costs .scaling_costs_confirm {width:10%} .scaling_costs li.scaling_costs_confirm .onward {margin:0; padding:10px 35px} .PREMIUMSHARED {} #service_shared_createaccount {margin:0; overflow:hidden; height: 0; opacity:0; visibility: hidden; transition:all .2s ease-in} .show_box {margin-bottom:20px !important; height:inherit !important; opacity:1 !important; visibility:visible !important} #service_shared_createaccount .box_onecol {width:76%; padding:20px 12%} #domainname {margin:0 0 40px 0} #domainname select {width:90px} #domainname input {width:340px} #domainname_management {} #domainname_management .checking label {margin-bottom:10px} .domainname_validity {margin:10px 0 0 0; width:440px; padding:8px 12px; font-size:13px; color:#FFF; border-radius:3px} #domainname_valid {background-color:rgba(79,217,138,0.9)} #domainname_invalid {background-color:rgba(217,79,79,0.9)} #appset {padding-top: 0; width:100%; height:170px; position:relative} #appset .apps {display:none; float:left; width:140px; height:25px; padding-top:115px; margin-right:12px; text-align:center; background-position:center 12px; background-size:70%; background-repeat:no-repeat; position:relative; overflow:hidden; border:1px solid #bcbcbc; border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; cursor:pointer} #appset .checkcircle label {font-size:12px !important} #appset .apps:hover {border:1px solid #00416B} #appset #noapp {border:1px solid #00416B} #drupalapp {background-image:url('../images/drupal.png')} #joomlaapp {background-image:url('../images/joomla.png')} #wordpressapp {background-image:url('../images/wordpress.png')} #appset .lightapp {display:block} #change_app {clear:both; color:#0AF; font-size:12px; font-weight:600; padding:4px 0 0 9px; cursor:pointer} .hide_change_app {display:none} #no_app {width:21px; visibility:hidden} .app {position:absolute; top:20px; left: 200px; width:420px; height:70px; padding:0 20px 0 0} .hideapp {display:none} #resourceset {padding-top:20px; width:100%; overflow:hidden} #resourceset input {width:10px; display:block; float:left; visibility:hidden; position:absolute} #resourceset label.resource {display:block; float:left; margin-bottom:20px; width:152px; height:142px; padding:15px 20px 15px 20px; background-position:right top; background-repeat:no-repeat; position:relative; overflow:hidden; border:1px solid #bcbcbc; border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; cursor:pointer} #entryid {background-image:url('../images/resource-entry.png'); margin-right:20px} #burstid {background-image:url('../images/resource-dedicated.png')} #resourceset label.resource p.title {margin:0 0 4px 0; font-size:10px} #resourceset label.resource p.title strong {display:block; font-size:18px} #resourceset label.resource p {margin:0; font-size:12px; font-weight:400} #resourceset label.resource ul {margin:5px 0 5px 5px; font-size:13px} #resourceset label.resource ul li {background:url('../images/li-tick-small.png') 0 2px no-repeat; padding:2px 0 5px 20px} #resourceset label.resource p.difference {text-align:right; position:absolute; line-height:10px; font-size:16px; bottom:7px; right:7px} #resourceset label.resource p.difference small {display:block; font-size:10px} #resourceset label.resource p.difference small sup {font-size:8px} #resourceset label.lightresource {background-color:#d5e0eb; border-color:#00416B} #resourceset .selected {position:absolute; display:none; padding:7px 12px; color:#FFF; bottom:5px; left:5px; background:#00416B; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px} #resourceset .lightresource .selected {display:block} #resourceset label:hover {border-color:#00416B} #storageallocation {padding-top:40px} #service_shared_createaccount .scaling_costs {margin:40px 0 20px 0} #service_shared_createaccount .scaling_costs .scaling_costs_set1 {width:55%} #service_shared_createaccount .scaling_costs .scaling_costs_set1 li strong {display:block; font-size:17px} #service_shared_createaccount .scaling_costs_confirm {width:44%; text-align:right} #box_manage_domains {} #box_manage_domains #domainname {text-align:center} #box_manage_domains #domainname_valid, #box_manage_domains #domainname_invalid {margin:10px auto} #box_manage_domains .checking {display: block; width: 460px; margin:0 auto 20px auto} #box_manage_domains .scaling_costs {clear:both; margin:50px 0 10px 0} #box_manage_domains .scaling_costs_set1 {width:69%} #box_manage_domains .scaling_costs_confirm {width:30%; text-align:right} .service_shared_accounts .onminute {margin-top:-3px} .costadjust {margin-top:-15px; padding:12px 8% 15px 8%; background:#E7EFF1; border-radius:5px} .costadjust label {width:100%; font-weight:400; display:block; padding-bottom:8px; text-align:center} .costadjust #adjustment_div {display:block; text-align:center} .DOMAINSS {} #domain_whois .box_threecol {padding-top:10px} #domain_whois .box_threecol label {width:90px} #domain_whois .box_threecol input {width:185px} #domain_whois .box_threecol .selectme {width:207px} .SUPPORT {} #conversation {margin:40px 0 40px 0} .convo_box {margin:0 5% 20px 5%; position:relative} .convo_profile {width:12%} .convo_pic {display:block; margin:0 auto; width:50px; height:46px; padding:4px 0 0 0; text-align:center; border-radius:5px} .convo_pic img {} .convo_rating {text-align:center; padding:10px 0 0 0} .convo_rating a, .convo_rating a:hover {color:#b3bfc6} .convo_rating .rating_active .fa-thumbs-up, .convo_rating a:hover .fa-thumbs-up {color:#3cd297} .convo_rating .rating_active .fa-thumbs-down, .convo_rating a:hover .fa-thumbs-down {color:#fa4242} .convo_content {display:inline-block; width:70%; height:inherit; padding:25px 35px 20px 35px; border:1px solid #0097d3; background:#FFF; border-radius:10px} .convo_title {font-size:16px; font-weight:500} .convo_title em {display:block; font-style:normal; font-weight:400; font-size:10px} .convo_content p {color:#454545; line-height:1.8} .convo_rochen {} .convo_rochen .convo_profile {float:left} .convo_rochen .convo_pic {/*background:#00416B;*/} .convo_rochen .convo_pic img {} .convo_rochen .convo_rating {} .convo_rochen .convo_content {} .convo_rochen .convo_title {} .convo_customer {} .convo_customer .convo_profile {float:right} .convo_customer .convo_pic {} .convo_customer .convo_pic img {border-radius:4px} .convo_customer .convo_rating {} .convo_customer .convo_content {float:right; border:1px solid #00416B} .convo_customer .convo_title {} .PROFILE {} #profile_currentpicture {display:block; float:left; margin:0 20px 0 0; width:120px; height:120px; background:rgba(0,0,0,0.1); border-radius:4px} #box_billing_updatecreditcard .box_twocol_one {padding-bottom:40px} #box_password .stats_passwordstrength {width:100%} #box_accountcontact .box_twocol {padding-bottom:60px} #box_accountcontact .stats_passwordstrength {width:282px} #grant_access_set {margin:20px 0 0 115px} #grant_permissions {margin:10px 0 0 115px} #contact_preferences_set {} #contact_permissions_set {position:absolute; top:0; left:0; width:100%} #contact_permissions_wrap {margin:20px auto; width:400px; border:10px solid rgba(255,255,255,.5)} #contact_permissions_copy {width:inherit; height:inherit; padding:40px 40px 20px 40px; background:#FFF} #box_cancellations .box_content {padding-bottom:60px} #box_cancellations #cancellation_comments {margin-bottom:20px} #box_cancellations .cancellation_confirm label {margin-bottom:30px} .REFERRALS {} #referral_join_url {width:inherit; padding:0 30%; text-align:center} #referral_join_url .checking {width:90%; margin-top:20px; margin-left:53px} #referral_join_url .checksquare input[type=checkbox] + label {padding-left:0} #referral_copy {position:absolute; top:10px; left:255px; font-size:16px; color:#0AF} #referral_join_url .checkcircle {text-align:center} #referral_link_create {} #referral_link_create .heading_top_space {margin-top:40px} #referral_banners {} .referral-banner {display:block; margin:0 0 10px 0; padding:10px; border:1px solid #e7e7e7; border-radius:3px; text-align:center} .referral-banner:hover {background:rgba(255,255,255,0.35)} .referral-banner img {max-width:100%; height:inherit} .referral-banner .referral-banner-html {margin-top:5px; text-align:left; font-size:14px; height:50px; padding:5px 2%; width:96%; overflow:scroll} .RESOURCES {} .article_rating {text-align:center; padding:30px 0 30px 0} .article_rating a, .article_rating a:hover {margin-left:10px; font-size:18px; color:#b3bfc6} .article_rating .rating_active .fa-thumbs-up, .article_rating a:hover .fa-thumbs-up {color:#3cd297} .article_rating .rating_active .fa-thumbs-down, .article_rating a:hover .fa-thumbs-down {color:#fa4242} TYPOGRAPHY {} h1, h2, h3, h4 {font-family:'Montserrat', sans-serif; font-weight:400} h1 {font-size:22px; color:#FFF; margin:20px 0 20px 15px} h2 {font-size:16px; color:#FFF; margin:0; padding:0 0 0 60px} h3 {font-size:16px; color:#00416B; margin:0 0 10px 0} h4 {font-size:14px; color:#00416B; margin:0 0 10px 0} h5 {font-size:14px; color:#00416B; margin:0 0 10px 0} p {margin:0 0 10px 0; line-height:1.5; font-size:12px; color:#575756} p.lead {font-size:21px; line-height:1.3} .textleft {text-align:left} .textright {text-align:right} .textcenter {text-align:center} .textspc {margin:0; line-height:1} .textspc_first {margin-top:18px} p strong, strong {font-weight:600} p em, em {font-style:italic} a, a:visited {color:#00416B; text-decoration:none; transition:all .2s ease-in-out} a:hover {color:#0AF} .actions {position:absolute; display:block; width:inherit; height:44px; line-height:45px; background:#0AF; color:rgba(255,255,255,0.6); font-size:15px; border-radius:0 10px 0 0; transition:all .3s ease-in-out; cursor:pointer} a.actions {color:rgba(255,255,255,0.6)} .actions .fa {color:#FFF; font-size:28px; opacity:0.6; transition:all .3s ease-in-out} #action_cancel {top:0; right:0; padding:0 48px 0 20px; border-radius:0 10px 0 0} #action_cancel .fa {top:7px; left:85px} #action_back {top:0; right:0; padding:0 20px 0 48px; z-index:1} #action_back .fa {top:7px; left:15px} #action_icon {top:0; right:0; padding:0 28px} #action_icon .fa {top:7px; left:15px} #action_buy {top:0; right:0; padding:0 52px 0 20px} #action_buy .fa {top:8px; left:150px} #action_createaccount {top:0; right:57px; padding:0 62px 0 20px} #action_createaccount .fa {top:8px; left:140px} #action_terminateaccount {top:0; right: 0; padding:0 64px 0 20px} #action_terminateaccount .fa {top:8px; left:106px} #action_close {top:0; right:0; padding:0 54px 0 20px} #action_close .fa {left:85px} #action_star {top:0; right:158px; width:50px} #action_star .fa {top:8px; left:13px} #action_print {top:0; right:107px; width:50px; border-radius:0} #action_print .fa {top:8px; left:13px} .actions_square {border-radius:0} .actions:hover {background:#009fe5; color:rgba(255,255,255,1)} .actions:hover .fa {opacity:1} .action_menu {position:absolute; top:0; right:0; z-index:1000; opacity:1} .action_menu li {background:#0AF; position:relative; transition:all .3s ease-in-out} .action_menu li.navicon {display:block; text-align:center; border-radius:0 10px 0 0; height:44px; width:50px; text-align:right} .action_menu li.navicon a {display:block} .action_menu li.navicon .fa {opacity:0.6; position:relative; left:-10px; color:#FFF; transition:opacity .2s ease-in-out} .action_menu li.navicon:hover {background:#009fe5; color:rgba(255,255,255,1)} .action_menu li.navicon:hover .fa {opacity:1} .action_menudrop {position:absolute; top:44px; right:0} .action_menudrop li {border-bottom:1px solid #0097d3; border-radius:0; width:200px; padding:0 10px; text-align:left; font-size:15px; color:#FFF; transition:all .2s ease-in-out; cursor:pointer} .action_menudrop li a {display:block; color:#FFF} .action_menudrop li:hover {background:#0097d3} .action_menu li.navicon .action_menudrop li .fa {display:inline-block; width:34px; left:0; top:2px; opacity:.5; font-size:22px} .action_menu_hidden {opacity:0 !important} .action_back_hidden {opacity:0 !important} .alert-block {width:100%; height:28px; text-align:center; text-shadow:1px 1px 0 rgba(0,0,0,.3); font-size:14px} .alert-success {color:#09c67d} .alert-warning {color:#f5c33d} .alert-error {color:#fb6969} hr {height:1px; background:none; border:none; border-top:1px solid #EEE} ul.list {margin:15px 0 20px 20px} ul.list li {color:#575756; margin:0 100px 20px 0; padding:0 0 0 25px; background:url('../images/li-tick.png') 0 2px no-repeat; background-size:10px; font-size:12px} ul.list_blue {margin:20px 0 40px 20px} ul.list_blue li {background:url('../images/li-tick.png') 0 2px no-repeat; margin:0 0 20px 0; padding:0 0 0 25px; font-size:12px} ul.list li {line-height:1.2} .onward, .onward:visited {display:inline-block; margin:10px 0 0 0; padding:10px 20px; background:#b3bfc6; color:#FFF !important; border:none; border-radius:5px; font-size:14px; line-height:1; cursor:pointer; transition:all .3s ease-in-out} .onward:hover {background:#00416B !important} .orange, .orange:visited {background:#F17D2E; border:none} .blue, .blue:visited {background:#00416B} .cyan, .cyan:visited {background:#0AF} .ontop {z-index:1400} .onleft {float:left; margin:0 20px 0 0} .onright {float:right; margin:0 0 10px 10px} .onsave {position:absolute; right:20px; bottom:20px} .bg_green {background:#3cd297 !important; color:#FFF; text-shadow:1px 1px 0 rgba(0,0,0,.05)} .green, .green:visited {color:#09c67d} .bg_amber {background:#f5c33d !important; color:#FFF; text-shadow:1px 1px 0 rgba(0,0,0,.05)} .amber, .amber:visited {color:#f5c33d} .bg_red {background:#fb6969 !important; color:#FFF; text-shadow:1px 1px 0 rgba(0,0,0,.05)} .red, .red:visited {color:#fa4242} .bg_grey {background:#BBB !important; color:#FFF; text-shadow:1px 1px 0 rgba(0,0,0,.05)} .grey, .grey:visited {color:#BBB} .right {float:right} .onmini {padding:7px 15px; font-size:13px} .onminute {margin:0; padding:5px 10px; font-size:10px; line-height:1.4} .onspan {cursor:pointer; color:#0AF; transition:all .3s ease-in-out} .onspan .fa {color:#999; margin-right:4px} .onspan:hover {color:#00416B} .onward .fa {margin-right:5px} .externallink {margin-left:10px} .externallink .fa {margin:0 0 0 5px} .fa-external-link {margin:0 0 0 5px} .top_space_20 {margin-top:20px} .top_space_40 {margin-top:40px} .top_space_50 {margin-top:50px} small {font-size:70%} .imageleft {float:left; margin:10px 40px 40px 0} .imageright {float:right; margin:10px 0 40px 40px} table {display:table; width:100%; height:inherit; font-size:12px; margin-bottom:30px} table thead tr th {height:26px; padding:4px 15px; vertical-align:middle; text-align:left; background:#00416B; color:#FFF; border-bottom:1px solid #d5dde0} table thead tr th:first-child {border-radius:5px 0 0 0} table thead tr th:last-child {border-radius:0 5px 0 0} table tbody tr td {padding:10px 15px; border:none; border-bottom:1px solid #d5dde0} table tbody tr td a, table tbody tr td a:visited {color:#0AF} table tbody tr td a:hover {color:#00416B} table tbody tr:hover td {background:rgba(0,0,0,0.03)} table .onward {margin:0} .billingbreakdown table thead tr th {border-radius:5px 5px 0 0} .billingbreakdown table tbody tr td {padding:10px} .billingbreakdown table tbody tr td:first-child {min-width:130px} table.dataTable {width:100%; margin:0 auto; clear:both; border-collapse:separate; border-spacing:0} table.dataTable thead th,table.dataTable tfoot th {font-weight: bold} table.dataTable thead th,table.dataTable thead td {padding:5px 18px 5px 10px; border-bottom: 1px solid #111} table.dataTable thead th:active,table.dataTable thead td:active {outline:none} table.dataTable tfoot th,table.dataTable tfoot td {padding:10px 18px 6px 18px; border-top: 1px solid #111} table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {cursor: pointer; *cursor: hand} table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {background-repeat: no-repeat; background-position: center right} table.dataTable thead .sorting {background-image: url("../images/sort_both.png")} table.dataTable thead .sorting_asc {background-image: url("../images/sort_asc.png")} table.dataTable thead .sorting_desc {background-image: url("../images/sort_desc.png")} table.dataTable thead .sorting_asc_disabled {background-image: url("../images/sort_asc_disabled.png")} table.dataTable thead .sorting_desc_disabled {background-image: url("../images/sort_desc_disabled.png")} table.dataTable tbody tr.selected {background-color:#B0BED9} table.dataTable tbody th,table.dataTable tbody td {padding: 11px 10px} table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {border-top: 1px solid #ddd} table.dataTable.row-border tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td {border-top: none} table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {border-top: 1px solid #ddd; border-right: 1px solid #ddd} table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child {border-left: 1px solid #ddd} table.dataTable.cell-border tbody tr:first-child th,table.dataTable.cell-border tbody tr:first-child td {border-top: none} table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {background-color: #f9f9f9} table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {background-color: #abb9d3} table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {background-color: whitesmoke} table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {background-color: #a9b7d1} table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 {background-color: #f9f9f9} table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 {background-color: #acbad4} table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {background-color: #f1f1f1} table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {background-color: #f3f3f3} table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {background-color: whitesmoke} table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {background-color: #a6b3cd} table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {background-color: #a7b5ce} table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {background-color: #a9b6d0} table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {background-color: #f9f9f9} table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {background-color: #fbfbfb} table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {background-color: #fdfdfd} table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {background-color: #acbad4} table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {background-color: #adbbd6} table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {background-color: #afbdd8} table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {background-color: #eaeaea} table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {background-color: #ebebeb} table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {background-color: #eeeeee} table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {background-color: #a1aec7} table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {background-color: #a2afc8} table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {background-color: #a4b2cb} table.dataTable.no-footer {border-bottom: 1px solid #111} table.dataTable.nowrap th, table.dataTable.nowrap td {white-space: nowrap} table.dataTable.compact thead th,table.dataTable.compact thead td {padding:4px 17px 4px 4px} table.dataTable.compact tfoot th,table.dataTable.compact tfoot td {padding:4px} table.dataTable.compact tbody th,table.dataTable.compact tbody td {padding:4px} table.dataTable th.dt-left,table.dataTable td.dt-left {text-align: left} table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty {text-align: center} table.dataTable th.dt-right,table.dataTable td.dt-right {text-align: right} table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap {white-space: nowrap} table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left {text-align: left} table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center {text-align: center} table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right {text-align: right} table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap {white-space: nowrap} table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left {text-align: left} table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center {text-align: center} table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right {text-align: right} table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify {text-align: justify} table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap {white-space: nowrap} table.dataTable, table.dataTable th, table.dataTable td {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box} .dataTables_wrapper {position:relative; clear:both; *zoom:1; zoom:1} .dataTables_wrapper .dataTables_length {float:left} .dataTables_wrapper .dataTables_filter {float:right; text-align:right} .dataTables_wrapper .dataTables_filter input {margin-left: 0.5em} .dataTables_wrapper .dataTables_info {clear:both; float:left; padding-top:0.755em} .dataTables_wrapper .dataTables_processing {position:absolute; top: 50%; left: 50%; width: 100%; height: 40px; margin-left: -50%; margin-top: -25px; padding-top: 20px; text-align: center; font-size: 1.2em; background-color: white; background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */ background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* IE10+ */ background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* Opera 11.10+ */ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* W3C */} .dataTables_wrapper .dataTables_scroll {clear: both} .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {*margin-top: -1px; -webkit-overflow-scrolling: touch} .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {height: 0; overflow: hidden; margin: 0 !important; padding: 0 !important} .dataTables_wrapper.no-footer .dataTables_scrollBody {border-bottom: 1px solid #111} .dataTables_wrapper.no-footer div.dataTables_scrollHead table, .dataTables_wrapper.no-footer div.dataTables_scrollBody table {border-bottom: none} .dataTables_wrapper:after {visibility: hidden; display: block; content: ""; clear: both; height: 0} @media screen and (max-width: 767px) {.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {float:none; text-align:center} .dataTables_wrapper .dataTables_paginate {margin-top:0.5em} } @media screen and (max-width: 640px) {.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {float:none; text-align:center} .dataTables_wrapper .dataTables_filter {margin-top:0.5em} } #domainsTable tr td, #invoicesTable tr td, #payoutsTable tr td {padding:4px 10px} #ticketsTable {} #ticketsTable tr td .fa {font-size:14px} .tickets-status {width:20px !important; text-align:center} .tickets-number {} .tickets-department {} .tickets-subject {} .tickets-priority {} .tickets-opened {} .tickets-lastreply {} #domainsTable {} .domains-domain {width:29%} .domains-registrationdate {width:15%} .domains-renewaldate {width:17%} .domains-renewaldate .fa {margin-left:10px} .domains-price {width:10%} .domains-status {width:14%; min-width:80px; text-align:center} .domains-status .fa {margin-left:5px} .domains-actions {width:15%; min-width:120px; text-align:center} #invoicesTable {} .invoices-number {width:15%} .invoices-date {width:15%} .invoices-duedate {width:15%} .invoices-amount {width:15%} .invoices-status {width:10%; text-align:center} .invoices-actions {width:30%; min-width:220px; text-align:center} #table_scheduled_overview {} #table_scheduled_overview tr td {padding:10px 15px} #table_contacts {margin-top:20px} .contacts-firstname {width:15%} .contacts-lastname {width:15%} .contacts-email {width:40%} .contacts-access {width:10%; min-width:75px; text-align:center} .contacts-actions {width:20%; min-width:105px; text-align:center} #payoutsTable {} .payout-status {width:10%; min-width:100px; text-align:center} .payout-commission {width:10%; text-align:center} .payout-date {width:15%; text-align:center} .payout-actions {width:10%; min-width:165px; text-align:right} #referralsTable {} .referral-date {} .referral-product {} .referral-link {} .referral-commission {text-align:center} .referral-status {min-width:100px; text-align:center} .referral-actions {min-width:160px; text-align:center} #linksTable {} .links-nameid {} .links-target {} .links-hits {text-align:center} .links-conversions {text-align:center} .links-actions {text-align:right; min-width:150px} FORM_STYLING {} form {margin:5px 0 0 0; font-size:16px; position:relative} form input, form textarea, form select, form select option, form button {font-family:'Open Sans', sans-serif; font-weight:400; font-size:12px; color:#575756; border:1px solid #d5dde0} form label, label {float:left; width:115px; font-size:12px; font-weight:600; color:#575756; padding-top:8px} form input {width:260px; height:34px; line-height:34px; padding:0 10px; font-size:12px; border-radius:3px} form select {width:282px; height:36px; line-height:36px; padding:0 10px; font-size:12px; border-radius:3px; color:#777; background:#FFF} form select option {color:#777; padding:5px} .selectme {background: url('../images/arrow-4px-down.png') 97% 50% no-repeat; background-size:10px; appearance:none; -webkit-appearance:none; -moz-appearance:none; background-color:#FFF} .selectmini {margin:0 5px; width:100px; background-position:90% 50%} .selectminute {margin:0 5px; width:60px; background-position:90% 50%} form input.short {width:140px} form input.shorter {width:70px} form input.shortest {width:40px; text-align:center} form textarea {width:720px; height:100px; padding:10px; font-size:12px; border-radius:3px} input, textarea, select {border:1px solid #8E8E8E} input:focus, textarea:focus, select:focus {/*border:1px solid #00416B;*/} form button {cursor:pointer} form input[type="text"]:disabled {background:rgba(0,0,0,.05)} form .slider {padding:7px 0; position:relative; margin:1px 0} form input[type=range]{height:16px; background:url('../images/ui_slider.gif') 0 9px repeat-x; -webkit-appearance:none; padding:0; margin:0} form input[type=range]::-webkit-slider-runnable-track {width:100%; height:1px; background:#FFF; border:none} form input[type=range]::-webkit-slider-thumb {-webkit-appearance:none; height:16px; width:16px; border-radius:16px; background:#0AF; border:2px solid #001678; box-shadow:inset 0 0 3px #FFF; margin-top:-8px} form input[type=range]:focus::-webkit-slider-runnable-track {background:#FFF} form input[type=range]{border:none; width:100%} form input[type=range]:focus {outline:none} form input[type=range]::-moz-range-track {width:100%;height:1px; background:#00416B; border:none} form input[type=range]::-moz-range-thumb {border:none; height:16px; width:16px; border-radius:16px; background:#0AF} form input[type=range]::-moz-focusring{outline:1px solid white; outline-offset:-1px} form input[type=range]::-ms-track {width:100%; background:none; border:none; color:transparent} form input[type=range]::-ms-fill-lower {outline:none; background:none} form input[type=range]::-ms-thumb { height:16px; width:16px; border-radius:16px; background:#0AF; border:2px solid #001678; box-shadow:inset 0 0 3px #FFF} form .checking {display:inline-table; width:100%; margin:0 0 15px 0; position:relative} form .checking input {float:left; width:60px} form .checking label {width:90%; padding:0; font-size:12px} form .checksquare input[type=checkbox] {display:none} form .checksquare input[type=checkbox] + label {padding-left:37px; height:16px; display:inline-block; line-height:16px; background-repeat:no-repeat; background-position:0 0; font-size:12px; font-weight:400; vertical-align:middle; cursor:pointer} form .checksquare input[type=checkbox]:checked + label {background-position:0 -16px} form .checksquare label {background-image:url('../images/ui_checkbox.png'); background-size:16px; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none} form .checkcircle input[type=radio] {display:none} form .checkcircle input[type=radio] + label {padding-left:37px; height:16px; display:inline-block; line-height:16px; background-repeat:no-repeat; background-position:0 0; font-size:12px; font-weight:400; vertical-align:middle; cursor:pointer} form .checkcircle input[type=radio]:checked + label {background-position:0 -16px} form .checkcircle label {background-image:url('../images/ui_radio.png'); background-size:16px; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none} .stats_bar {display:block; float:left; margin:0 10px 0 0; height:30px; line-height:30px; border:none; border-radius:5px; background:#d5dde0; font-size:12px; position:relative; overflow:hidden} .box_twocol .stats_bar {width:60%} .box_threecol .stats_bar {width:50%} .stats_value {height:30px; text-indent:10px; position:absolute; left:0; background:#0AF; text-shadow:1px 1px 0 rgba(0,0,0,.10); border-right:1px solid #FFF} .stats_total {padding:0 10px; position:absolute; right:0} .stats_passwordstrength {margin:0} .formstyle {clear:both; height:inherit; position:relative; line-height:36px} .formstyle label {padding:0} .filtering {margin:15px 10px 10px 10px} .filtering p {margin:0} .leftfilter {float:left} .rightfilter {float:right} .filtering label {width:inherit; font-weight:400; margin-right:5px; text-align:right; color:#00416B} .filtering .selectminute {margin:0 5px; height:32px; line-height:32px; padding:0 10px; width:60px; background-position:88% 50%} .filtering form {margin:0; padding:0; color:#00416B} .pull-right {margin-top:-5px} .thirty_percent {width:30%} .fifty_percent {width:50%} .seventy_percent {width:70%} .paging_full_numbers {} .paginate_button {display:inline-block; margin-right:7px; width:24px; height:24px; line-height:24px; text-align:center; font-size:12px; color:#00416B; border:1px solid #00416B; border-radius:3px; cursor:pointer} .paginate_button:hover, .current {color:#FFF; background:#0AF; border-color:#0AF} .ellipsis {color:#00641B; margin-right:7px} filter_search {} .filter_search input ::-webkit-input-placeholder {color:rgba(255,255,255,.5)} .filter_search input :-moz-placeholder {color:rgba(255,255,255,.5)} .filter_search input ::-moz-placeholder {color:rgba(255,255,255,.5)} .filter_search input :-ms-input-placeholder {color:rgba(255,255,255,.5)} #filter_search_accounts {text-align:center} #filter_search_accounts input {width:400px; font-weight:300; border:none; background:rgba(255,255,255,0.1); color:#FFF; padding:10px 20px; font-size:15px} #filter_search {margin:-50px 15px 0 0; float:right} #filter_search input {width:220px; border:none; background:rgba(255,255,255,0.1); padding:4px 20px; font-size:12px; font-weight:300; color:#FFF} #serverlocation {margin:10px 0 10px 10px; width:inherit; height:30px; font-size:13px; position:relative} #currentlocation {display:block; width:170px; height:16px; line-height:16px; padding-left:25px; z-index:200; background-image:url('//cdnorigin.rochen.com/images/serverlocation.png'); background-repeat:no-repeat; cursor:pointer} .us_server {background-position:0 0} .uk_server {background-position:0 -16px} #currentlocation:hover {color:#0AF} #changelocation {position:absolute; top:16px; left:4px; z-index:100; display:block; width:140px; padding:5px 12px; background:#00416B; border:1px solid rgba(255,255,255,0.35); border-radius:3px; opacity:0; visibility:hidden; transition:opacity .2s ease-in-out} .togglechangelocation {opacity:1 !important; visibility:visible !important} #changelocation li {display:block} #changelocation li .setlocation {text-align:left; padding:7px 10px} #changelocation li .setlocation span {clear:left; float:left; margin:0 5px 0 0; display:block; width:24px; height:16px; overflow:hidden; background:url('//cdnorigin.rochen.com/images/serverlocation.png'); background-repeat:no-repeat} #changelocation li .setlocation:hover {display:block; color:#0AF; cursor:pointer} #serve_US span {background-position:0 0 !important} #serve_UK span {background-position:0 -16px !important} ROCHEN_ORDERING {} #account, #billing, #application, #configuration, #reseller, #promotioncode, #agreement {clear:both; margin-top:40px} #billing {margin-top:15px} #billinginfo {margin:0 0 60px 140px} #billinginfo select {width:90px} #billinginfo input {width:340px} #billinginfo #ccsel {margin:20px 0 20px 0} #billinginfo #ccsel div {float:left; width:170px; margin:0} #billinginfo #ccsel input[type=radio] {display:none} #billinginfo #ccsel input[type=radio] + label { padding:3px 0 3px 24px; height:10px; display:inline-block; line-height:12px; background-repeat:no-repeat; background-position:0 0; font-size:12px; vertical-align:middle; cursor:pointer; } #billinginfo #ccsel input[type=radio]:checked + label { background-position:0 -16px; } #billinginfo #ccsel label { float:none; width:auto; font-size:12px; background-image:url(../images/ui_radio.png); background-size:16px; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } #ccset {position:relative} #ccset .cclogos {position:absolute; width:200px; top:0; right:0; padding-top: 6px} #ccnumber {width:220px} .cardRun {display:inline} .cardFade {opacity:0.3} /* -- credit card logos -- */ .cclogos div {display:inline-block} .cclogos div.inactive {background:url('../images/signup/cclogos.png') no-repeat} .cclogos div span {background:url('../images/signup/cclogos.png') no-repeat;display:block;height:32px;opacity:1;width:52px;text-indent:-9000em;-webkit-transition:opacity 1500ms ease-in-out;-moz-transition:opacity 1500ms ease-in-out;-ms-transition:opacity 1500ms ease-in-out;-o-transition:opacity 1500ms ease-in-out;transition:opacity 1500ms ease-in-out} .cclogos #mastercard_div.inactive {background-position:100% 0} .cclogos #visa_div.inactive {background-position:100% -40px} .cclogos #amex_div.inactive {background-position:100% -80px} .cclogos #mastercard_div span {background-position:0 0} .cclogos #visa_div span {background-position:0 -40px} .cclogos #amex_div span {background-position:0 -80px} .cclogos #mastercard_div.inactive span, .cclogos #visa_div.inactive span, .cclogos #amex_div.inactive span {opacity:0.1} /* we might need these later .cclogos #discover_div span {background-position:0 -120px} .cclogos #jcb_div span {background-position:0 -160px} .cclogos #dinersclub_div span {background-position:0 -200px} .cclogos #invalid_card_div span {background-position:0 -240px;font-size:0.9em;font-weight:600;height:26px;padding-top:6px;padding-left:60px;width:auto;text-indent:0} */ /* -- end credit card logos -- */ #agreement {margin:60px 0 50px 0} #agreement label {width:90%} .serverconfigs {} .serverconfigs .servertabs {margin-top:-67px} .serverconfigs .servertabs nav ul li {border-radius:3px 3px 0 0 !important} div#tabs_account nav {margin:0}*/ #addservers {padding:0 0 60px 0} .tooltip {font-size:12px; color:#0AF; font-weight:600; padding:0 0 0 30px; vertical-align:top} sup {font-size:50%; vertical-align:super} h1 sup {font-size:60%} p sup {color:#777} sub {font-size:50%; vertical-align:sub} ::selection {background:#0AF; color:#FFF} @media screen and (min-width:1400px) { #display {} #displayset {width:90%; margin:0 0 0 40px} } @media screen and (max-width:1060px) { #mobile_show, .showmobile {visibility:visible; display:block} .hidemobile {visibility:hidden; display:none; z-index:500} #my {padding-right: 0} #sidebar {width:300px; margin-left:-300px} .slidemenu {margin-left: 0 !important; box-shadow:0 0 20px rgba(0,0,0,0.35)} .slidedisplay {position:fixed !important; top:0; left:0; opacity:0.2} #display {margin:0; width:100%} #displayset {width:90%; margin:0 auto 20px auto; max-width:none} } @media screen and (max-width:980px) { #scale_options .button_scaling {float:none; display:block; width:85%; max-width:460px; margin:0 auto 10px auto} .box_scaling_left {float:left; width:100%; padding-right:0} .box_scaling_right {float:left; width:100%; padding-top:20px; padding-right:0} .list_scaling {display:block; margin-bottom:20px} .list_scaling li {width:100%} } @media screen and (max-width:949px) { .box_threecol label {width:100%} .box_threecol p.formstyle {margin:0 0 15px 0; height:inherit; line-height:1.4} .box_threecol .stats_bar {width:90%} .stats_bar {margin-bottom:10px} } @media screen and (max-width:866px) { #dashleft, #dashright {width:100%} .box_twocol {width:100%} .box_threecol {width:100%} .box_onecol_center {width:100%; min-width:inherit; margin:0} .box_leftnudge {width:100%; padding-left:0} .emptytitle {display:none} form textarea {width:90%} .costadjust {margin:15px 0 20px 0} } @media screen and (max-width:770px) { body {background-size:auto} .list_resources li {width:100%; height:inherit; margin-right:0%} .links-actions .onward {margin-bottom:4px} } @media screen and (max-width:640px) { .emptylabel {display:none} #ticketsTable {} .tickets-status {} .tickets-number {display:none} .tickets-department {display:none} .tickets-subject {} .tickets-priority {display:none} .tickets-opened {display:none} .tickets-lastreply {} #domainsTable {} .domains-domain {} .domains-registrationdate {display:none} .domains-renewaldate {} .domains-price {display:none} .domains-status {} .domains-actions {} #table_contacts {} #table_contacts tr td {padding:10px 15px} .contacts-firstname {width:40%} .contacts-lastname {width:40%} .contacts-email {display:none} th.contacts-access {border-radius:0 5px 0 0} .contacts-actions {display:none} ul.list_standard li {margin: 0 0 20px 0} #list_monitoring {} #list_monitoring li {text-align:left; width:50%; height:42px; line-height:42px} #list_monitoring li h4 {float:left; width:110px} #list_monitoring li .fa {font-size:28px} #domain_whois .box_threecol label {width:92%} #domain_whois .box_threecol input {width:92%} #domain_whois .box_threecol .selectme {width:98.5%} } @media screen and (max-width:540px) { #search_accounts input {width:inherit} .hideme {display:none} #service_jump {margin:0 0 15px 0} /* MADE INTO DATATABLES #list_articles li p {padding:0} #list_articles li span.article_icon {display:inline-block; font-size:15px; width:inherit; height:inherit; padding:3px 5px 0 0} #list_articles li span.article_count {display:none} */ #articlesTable {width:100% !important} #articlesTable .article_icon {display:inline-block; font-size:15px; width:inherit; height:inherit; padding:1px 5px 0 0} } @media screen and (max-width:420px) { #box_password .box_content {padding-bottom:60px} #box_securityquestion .box_content {padding-bottom:80px} .login {width:100%; height:inherit; padding-bottom:50px; border-radius:0} .login form {margin:0 0 40px 0} .login form input {border-radius:0} .myAccess {margin:0 0 1px 0; width:100%} .myAccess .myInput {width:100%} .login form input:required {background-position:90% 5px} .list_overview {} #list_services {} #list_services li a label span {display:none} #list_services li a strong {width:60%} #resourceset label.resource {display:block; float:none; margin:0 auto 20px auto; width:152px; height:142px} #resourceset input {position:absolute} } @media screen and (max-width:350px) { } @media print { .mobile {display:none} header {height:140px; margin:0} #social {display:none} nav#menu {display:none} #display {margin:0} footer {display:none} h1, h2, h3, h4, h5, h6 { page-break-after:avoid; } ul, ol, dl { page-break-before:avoid; } aside {display:none} ul li {display:none !important} } /* New(30-04-015) */ /* .onward.grey { float: left; margin-left: 38%; margin-top: -18%; } */ #passwordStrength > div { margin-left: 10px; } .onward.orange.onsave5 { height: 50%; margin-left: 62%; position: relative; top: 59px; width: 21%; } .onward.grey { padding-top: 0; position: relative; top: -4px; } #dashboard > li { color: #FF0000; position: relative; top: -10px; } #read_only { position: relative; left: 23%; bottom: 57px; } .Cancellation { position: relative; bottom: 50px; width: 33%; } .Technical { bottom: 292px; float: left; margin-left: 36%; position: relative; width: 33%; } .Other { bottom: 557px; float: left; left: 67%; position: relative; width: 34%; } .after { float: left; position: relative; bottom: 279px; right: 32%; width:22% } .after input { bottom: 46px; float: left; left: 104%; position: relative; } .Comments { bottom: 320px; float: right; position: relative; right: 37%!important; width: 60%; } .points { bottom: 46px; position: relative; right: 64%; top: 19%; } .sub { float: left; position: relative; bottom: 310px; width: 100%; } .oncancel {background: none repeat scroll 0 0 #F17D2E; border:medium none; border-radius: 5px 5px 5px 5px; color: #FFFFFF !important; cursor: pointer; display: inline-block; float: right; font-size: 14px; margin: 10px 0 0; padding: 10px 20px; position: relative; right: 20%; transition: all 0.3s ease-in-out 0s; width: 17%; padding-bottom: 30px; bottom: 21px; } .oncancel:hover {background:#00416B !important}