html, body, div, h1, h2, h2, h4, h5, h6, p, blockquote, pre, a, code, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent } body { font: 12px/1.4 "Lucida Grande", Tahoma, Arial, sans-serif; background: #312d2a; color: #333; width: 100%; counter-reset: section; height: 100%; margin: 0px; padding: 0px; overflow-x: hidden; } h1, h2, h3, h4, h5, .banner, .upsell-price span, .upsell-cta h3, .upsell-highlights, .nav-title { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif; font-weight: normal; color: #000 } h2, h4, p, .main-content ul, .main-content ol, pre { margin: 1.2em 0 } .toc ul, .toc ol { margin: 0 } .main-content ul, .main-content ol { padding-left: 40px } #top_services_first, #top_services_last, .service_list li, #logo, .powered-by a, .hiring a { background: url(/images/site/sprite.png?v=130409) no-repeat } img.line-help, table form td.vmid, table form th.vmid, form table td.vmid, form table th.vmid { vertical-align: middle } .new-striped { border-collapse: collapse; border-spacing: 0 } .new-striped td, .new-striped th { padding: 5px 10px; border: 0 !important; border-bottom: 1px #ccc solid !important } .new-striped th { background: none !important; text-align: left } .stripe-simple tr:nth-child(odd) td, .stripe-rowspan-odd { background: #f3f3f3 } .new-striped th.icon-head { padding-left: 28px !important } .search dt, .strong, .checkout-form .totals, .basic label.required, .nav-title a, .nav-first a, .subtotal, .total, .delta legend, .docs-param { font-weight: bold } textarea { font-size: inherit } .signin_menu fieldset, img, #topsubmit, .wide fieldset { border: 0 } .center-align, #checkout-footer, .svc table h2 { text-align: center } a, #sidenav-content .changed a { color: #06c } a:visited { color: #069 } .add a, .remove a, #sidebarForum a, #cart a, #cart a:hover, .actions_service a, a.action_button { color: #333; text-decoration: none } #sidenav-content a.sort { min-height: 400px; width: auto; border-left: none; float: none } #everything { background: #f1efed; width: 100%; height: 1%; padding: 15px 0; } #everything_content { margin: 10px auto; padding: 5px; width: 938px; overflow: hidden } .main-content li { line-height: 175% } .main-content > h2 { clear: both } #sidenav-content .breadcrumb { font-size: 0.93em; margin-top: -1em; border-bottom: 1px dotted #ccc } #topnavbox { position: relative; width: 950px; margin: 0 auto; } #content { width: 200px; min-height: 200px } #topnav { text-align: right; padding: 0 20px 0 0; line-height: 60px; float: right; } #topnav span { color: #fff; padding-right: 10px } #topnav a { padding: 0 15px; } .someinfo { margin-top: 5px; } #topnav .someinfo a { padding: 0; } #top_services { margin: 0 auto; width: 100%; height: 25px; border-top: 2px solid #272727 } #top_services ul { margin: 0 auto; width: 935px; padding-left: 40px; list-style-type: none } #top_services a, #top_services a:visited, a.nav_button:visited { font-size: 10px; color: #fff; text-decoration: none } #top_services a:hover, #footer a { color: #ffe36f } #top_services_first, #top_services_last { background-position: -200px -200px; width: 20px; height: 25px; float: right } #top_services_dns, #top_services_mail, #top_services_hosting { background: #333; padding: 1px 18px 5px; height: 19px; float: right; border-right: 1px solid #333 } #top_services_mail, #top_services_hosting { border-left: 1px solid #555 } #top_services_hosting { border-right: 0 } #top_services_last { background-position: -180px -200px } .signin_menu { margin-right: 0; padding: 20px; width: auto; display: none; font-size: 11px; position: absolute; right: 340; text-align: left; top: 60px; z-index: 100; box-shadow: 0 0 20px rgba(0, 0, 0, .15); background: #fff; } .signin_menu::after { position: absolute; right: 0; transform: translateX(-50%); top: -10px; width: 0; height: 0; content: ''; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; } .signin_menu fieldset { padding-bottom: .3em } .signin_menu label { padding-bottom: 5px; display: block } .halfboxleft, .thirdbox { padding-right: 10px; width: 360px; float: left } .halfboxright, .thirdboxright { padding-left: 380px; padding-top: 1px } .halfboxleft .r, .halfboxright .r, .thirdbox .r, .thirdboxright .r, .tooltip dd, #checkout-content input.cta { float: right } .halfboxleft .c, .halfboxright .c, .thirdbox .c, .thirdboxright .c { float: none; clear: right } .screenshot { float: right; margin: 0 0 1em 1.5em } .thirdbox { width: 240px } .thirdboxright { padding-left: 500px } .feature128 { padding-left: 150px; min-height: 128px } .right-box, #related { margin: 0 0 1em 1em; padding: 1em; width: 230px; float: right; font-size: 90%; background: #fff5d0; border: 1px solid #ffe36f } .right-box h4:first-child, .right-box p:first-child, #checkout-cart h4, #checkout-cart p { font-size: 1em; margin-top: 0 } .right-box p, .right-box ul { margin-bottom: 0 } .right-box ul { padding-left: 1em } .cta, .cta:visited, .cta:hover { border: 0; cursor: pointer; padding: .5em 1em; margin: 0; background-color: #f80000; color: #fff; font-size: 1.2em; text-decoration: none; text-transform: uppercase } .workflow, a.workflow, .workflow:visited, .workflow:hover { background-color: #06c; color: #fff } #sidenav-content p.cta { padding: 12px 20px } .cancelLink, a.cancelLink, .cancelLink:visited, .cancelLink:hover { background-color: #06c !important; color: #fff !important } .cancelLink:hover { color: #00f !important; background-image: none !important } .cancelLink:hover { color: #fff925 !important } .service-button { float: right !important; margin: 0 0 1.2em .8em !important } .service-blurb { clear: both; padding: 0 } #account-services { border-top: 1px solid #ccc } #account-services tbody th { background: #dceff8 !important } #account-services th, #account-services td { padding: 0 10px } .big, .big:hover { font-size: 1.3em; margin: 0 0 20px; padding: 12px 20px } .light, .variables ul { font-weight: normal } .prev:before { content: "\2190\00A0" } .next:after { content: "\00A0\2192" } .add a, .remove a { margin: 0 auto; padding: 2px 5px; display: block; width: 75px; text-shadow: 0 1px 2px #fff; text-align: center; white-space: nowrap; background-color: #8DC3F9; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color: #002B56; } .remove a { width: 50px; font-size: .93em; background-color: #bbb; color: #333 } .add a:hover { background-color: #8DC3F9 } .remove a:hover { background-color: #aaa } .service_list, ul.service_list { margin-bottom: 10px; margin-left: 0; padding: 10px 20px; background: #f5f5f5; font-size: 11px } .service_list li { padding: 5px 0 5px 15px; border-bottom: 1px solid #eee; list-style-type: none; background-position: -250px -200px } .service_list .lst { border: none } .servicepage_quote { margin: 25px 15px 35px; color: #777; display: inline-block; font-size: 16px; text-align: center; width: 700px } .service_list input { margin: .5em .5em 2em 0; float: left } .service_list.unavailable { background: #ddd } #everything .service_list p.content { margin: 8px 0 0 2em } .packagegraybar { margin-bottom: 10px; padding: 5px 10px; font-size: 11px; background-color: #eee; border: 1px solid #ddd } dd, .payment li, .confirm table { margin-bottom: 1em } #header { height: 65px; width: 944px; margin: 0 auto; padding-top: 10px } #topsearch { margin: -30px 0 0; padding: 10px; background: #f5f5f5; border: 1px solid #eee; float: right } #topwords { padding: 4px 10px; width: 16.7em; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; border: 1px solid #ccc; height: 20px; font-size: 15px } #topsubmit { padding: 0 10px 2px; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; background: #333; color: #fff; height: 30px; font-size: 15px } #navcontainer { margin: 0 auto; width: 950px; background-color: #ffea91; background: -moz-linear-gradient(top, #FFE268, #FFF1B2); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFE268), color-stop(100%, #FFF1B2)); height: 42px; position: relative; z-index: 1000; border-bottom: 1px #ffe36f solid } #navcontainer ul { width: 550px; padding: 11px 0; overflow: hidden; list-style-type: none; text-align: left } #navcontainer li { display: inline; line-height: 150% } #navcontainer li.last { padding: 12px 0; border-left: 1px solid #fff5d0 } #navcontainer .top-nl { padding: 12px 2.5em; text-decoration: none; color: #000; border-left: 1px solid #fff5d0; border-right: 1px solid #eed983; text-shadow: 1px 1px 1px rgba(255, 255, 255, .75) } #navcontainer .top-nl:hover { background: #ffe36f } #uncredited_banner, .warning-banner { background: #eee; text-align: center; width: auto; margin: 0 auto; margin-bottom: 5px; padding: 10px 0; } .warning-banner { background: #fffdbd; } #sidenav li { border-bottom: 1px #E5E5E5 solid } .secondaryNav { display: none; font-size: 1.15em; margin-left: 1px; background: #fff; } .secondaryNav li { list-style: none } .secondaryNav a, .secondaryNav a:visited { color: #555; display: block; text-decoration: none } .secondaryNav a:hover { color: #333 } .nav-title { padding-left: .75em; border-bottom: 0; font-size: 17px } .nav-first, .nav-second, .nav-third { padding: 0 .25em 0 1em } .nav-first { font-size: .85em } .nav-second, .nav-third { background: #fff; font-size: 90%; line-height: 120%; padding-top: .1em; padding-bottom: .1em } .nav-second:hover, .nav-third:hover, .columns .col, .expires-soon { background: #fff5d0 } #sidenav li:hover { background: #f1f1f1 } .nav-third { font-size: 80%; line-height: 180%; padding-left: 2.5em } #currentnav { text-decoration: underline } .nav-first a { padding: 5px 0 } .nav-second a { padding: .25em 0; font-size: .9em } .nav-third a { padding: .10em 0 } .nav-title a { padding: .75em 0 } .navbar { overflow: hidden; background-color: none; display: inline-block } #sidenav-content { padding: 15px; background: #f1efed; height: 1%; min-height: auto; position: relative; margin-left: -1px } h1 { font-size: 150%; line-height: 24px } #sidenav-content h1 { margin: -15px -15px 20px; padding: 12px 15px 13px; background: none; color: #333; overflow: hidden; font-size: 30px; line-height: 40px; } #nosidenav-content h1 { margin: 2em 0; padding: 0 } #nosidenav-content { margin: 0 auto !important; width: 950px; min-height: 400px; overflow: hidden } p + h1 { margin-top: 10px } h2 { font-size: 150% } .mon-green { background: #cfc } .mon-red, .expired { background: #fcc } .note { margin: 1.2em 5% } .note div { padding: 8px 22px 12px } .warningnote { margin-bottom: 10px; padding: 10px; background: #fffdbd; line-height: 25px; } .warningnote span { width: 25px; height: 25px; background: url("/images/site/status-icons.png") no-repeat -75px 0; text-indent: -9999px; display: inline-block } .warningiconbg { padding: 2px 0 5px 29px } .warningnote img { margin-bottom: 2px; padding-right: 10px; vertical-align: middle } .letterhead { margin: 2em; padding: 1em 6em } .errorbox { margin: 1em; padding: 1em; font-size: 100%; background: #fff5d0; line-height: 1.5; border: 2px solid #c00; width: auto; } .error, .error a { color: #c00 !important } .nobr, a.toollink { white-space: nowrap } .right-align { padding-right: 1em; text-align: right } .bottom-marg { margin-bottom: 1.5em } .bottom-marg td, .bottom-marg th { padding-left: 3px } .new-striped.bottom-marg td, .new-striped.bottom-marg th { padding: 5px 10px } .new-striped.bottom-marg { margin-bottom: 2.5em } #sidenav-content table { width: 100% } #sidenav-content th { background: #ccc; border: 1px #ccc solid } #sidenav-content .striped_even, .nav-first:hover, input[type="text"][disabled], textarea[disabled], .variables .odd { background: #eee } #sidenav-content .striped_odd, .jqmClose:hover { background: #fff } .right-actions { padding: 5px 15px; float: right; } .right-actions:first-child { margin: -5px 0 -40px; position: relative } #sidenav-content .page-actions { padding: 1em 0; text-align: right } .table-actions, .page-actions, #footer { font-size: x-small } .step-by-step .tt, form.basic .tt, div.tip .tt { position: relative; z-index: 24; text-decoration: none; overflow: visible } .step-by-step .tt span, form.basic .tt span, div.tip .tt span { display: none; } .step-by-step .tt:hover, form.basic .tt:hover, div.tip .tt:hover { z-index: 25 } .step-by-step .tt:hover span, form.basic .tt:hover span, div.tip .tt:hover span { display: block; position: absolute; padding: 10px; top: 5px; left: 25px; color: #333; text-align: left; border: 1px solid #fff925; background-color: #fffdbd; box-shadow: 0px 0px 5px #888888; text-indent: 0; width: 245px } form.basic.tt fieldset { overflow: visible; } .tooltip { display: none; position: absolute; background: #f5f5f5; padding: 3px 7px; border: 1px solid #777; white-space: nowrap; clear: both } #tooltip { display: none; position: absolute; background: #f5f5f5; padding: 3px 7px; border: 1px solid #777; white-space: normal; clear: both } #tooltip h3, #tooltip div { margin: 0; } .tooltip h4 { text-align: left } .tooltip dt, .tooltip dd { width: 5em; float: left } .block, #loginbox a { display: block } .info-tooltip, .info-tooltip-wide { position: relative; z-index: 24; background: transparent url(/images/site/icons/info2.png) no-repeat right center; padding-right: 22px; cursor: pointer; padding-top: 2px; } .info-tooltip:hover, .info-tooltip-wide:hover { z-index: 25 } .info-tooltip span, .info-tooltip-wide span { display: none } .info-tooltip:hover span, .info-tooltip-wide:hover span { display: block; position: absolute; top: 2em; left: 2em; width: 15em; border: 1px solid #ffe36f; background-color: #fff5d0; color: #333; text-align: center; line-height: 1.5em } .info-tooltip-wide:hover span { width: 38em; text-align: left; } .no-icon { background: none; padding-right: 0; font-size: 0.9em; color: #06c } #footer { clear: both; text-align: center; padding: 1px 0; background: #555; border-top: 1px solid #777; display: block; color: #fff; margin-top: 2em } .date-invoice th, .date-invoice td { vertical-align: top } #linkbar { margin: 0 auto 1.5em; text-align: center; width: 85% } #linkbar ul, .payment ul { padding-left: 0; margin: 0 } #linkbar li { margin: 0 1em; display: inline; white-space: nowrap; line-height: 2.5em; background: #eee } #linkbar a { text-decoration: none; padding: 0 .5em } #linkbar a:link, #linkbar a:visited { border-bottom: 2px solid #aaa } #linkbar a:hover { border-bottom: 2px solid #c00 } .important { background: #fff5d0; border: 1px solid #c00; text-align: center; margin-bottom: 2em } .important div { background: #fff5d0; border: 1px solid #fff5d0; text-align: left; margin: 1em auto; width: 70% } .red, .red a, .note { color: #c00 } #nocart { padding-top: 20px } #cart { border-top: 0; font-size: .8em; margin-bottom: 10px; overflow: hidden; padding: 5px 0 .5px; width: 163px } #cart a { vertical-align: middle; display: block; padding: 10px; background-position: -180px 0; height: auto; padding-top: 10px; line-height: inherit; margin-bottom: 0; font-size: 13px; } #cart a.full { background-position: -180px -60px; background: none; } #cart a span { display: block; color: #06c; text-decoration: underline } .delta { border-top: 1px solid #999 } .delta th { text-align: right; width: 165px } .delta .helper_left { line-height: 125%; font-size: x-small; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; background: #eee } .actions_service a { padding: 2px 8px; background-color: #ffe36f; font-size: .9em; border-color: #D0C09C #BFB38C #B3A67F #CCBF99; border-width: 1px; border-style: solid; display: block } .actions_service a:hover { background-color: #fe5 } #sidenav-content .basic fieldset p { padding: 0 } .top td, .top th, table form td, table form th, form table td, form table th { vertical-align: middle } .columns dt, .columns dd { margin: 0 0 4px .3em; padding: 0 } .columns dl { float: right; display: block; width: 100%; position: relative } .columns dt, .columns .a { float: left; clear: left } .columns .a { width: 50% } .columns .b { width: 50%; float: left } .columns dt { width: 45%; font-weight: bold } .columns dd { margin-left: 46% } .columns dd.dollars { width: 4em } .dollars span.m { margin-right: -.3em } .uiblock { padding-bottom: .6em } .uiblock div { margin: 0 0 .6em 1.5em } .docs-code { width: 98%; overflow: scroll; border: 1px dashed #333; border-style: dashed solid solid dashed; padding: 20px 5px } .docs-param, .docs-returncode, .docs-value, .docs-hostname, .docs-port { font-family: Monospace } .docs-valuetmpl { color: gray; font-size: 90%; font-family: Serif } .docs-returncode { font-weight: bold; text-transform: lowercase } th.docs-returncode { padding: 0 5px; height: 45px } .docs-value { border-bottom: 1px dashed #999 !important } #sidenav-content h2.changes, #sidenav-content .changed, #nosidenav-content .changed { text-align: center; border: 0; font-size: 110%; padding-bottom: 1em; margin-top: -10px; color: #090; clear: both } #sidenav-content .changed span, #nosidenav-content .changed span { background: #fff5d0; padding: 3px 15px } a.action_button { font-size: small; display: block; text-align: center; background: #dedede url(/images/services/netmon/button-bg.gif) repeat-x top; border: 1px solid #bbb; border-color: #ddd #aaa #aaa #ddd; float: left; margin-right: .8em; padding: 0 1em } a.action_button:active, a.action_button:hover { border-color: #aaa #555 #555 #aaa } a.b2 { border-color: #ccc #999 #999 #ccc; color: #333; padding: 0 .8em; font-weight: bold } .svc h2, h2.svc { margin: 0 0 1em; font-size: 120%; background: #fff !important; border: 0 !important; color: #000 } .svc table { margin-bottom: 1.6em } .svc table td, .svc table th { vertical-align: top !important } .svc table th { width: 150px; background: none !important; border: 0 !important; text-align: right; padding-right: .6em; color: #777 } a.trailing { padding-left: 0 !important; padding-right: 12px !important; background-position: right 70% !important } img.ic { vertical-align: middle; width: 13px; height: 13px; margin-right: 5px } span.ic { margin-left: 18px } .autorenew, .gray { color: #666 } .autorenew a { color: #06c } #related { width: 230px; border-color: #eee; background: #f5f5f5 } #hideme #related { width: 200px } #related h4 { margin: 0 0 5px; padding-bottom: 0; font-weight: bold } #related ul { padding-left: 20px } .basic { margin: 0 auto; width: 560px } .basic fieldset label { margin-right: 0px; width: auto; float: none; text-align: left; padding-right: 0px; font-weight: normal; display: block; margin-bottom: 5px; font-size: 14px; } .basic label.optional, .basic label small { font-weight: normal } .basic .tip { font-size: xx-small; padding-right: 4px } .basic label.clear { text-align: left; padding-bottom: 2px; display: block; float: none } .basic fieldset { width: auto; border: none; background-color: transparent; padding: 0px } .basic .submit { border: 0; background: none; padding-right: 0; display: block; text-align: left } .basic .submit input { float: right; padding: 0 1em } .basic .submit ul { list-style: none; padding-left: 1em; text-indent: -1em; float: left } .basic fieldset fieldset { background: none; border: 0; padding: 0; margin-bottom: .75em; overflow: hidden } .basic fieldset fieldset label small.tip { display: block; margin: -3px 0 .3em 27px; font-size: 85% } .basic fieldset fieldset .textbox { vertical-align: middle; width: 150px } .basic fieldset fieldset label { background: none; border: 0; padding: 0 0 2px; float: none; text-align: left; display: inline; padding-top: 0; font-weight: normal } .basic fieldset legend { font-size: 1.25em; font-weight: normal; padding: 0 .3em; border: 0; background: none; line-height: 1.2 } .basic fieldset textarea, input, select { margin-bottom: 0 } input, select { vertical-align: middle } .basic fieldset p { margin: 0 0 1em 2px; width: auto; white-space: normal } .basic fieldset fieldset p { font-size: 110%; padding: 0 0 0 5px } .basic div.scroll { width: 480px; height: 180px; border: 1px solid #ccc; background: #fff; padding: 6px; overflow: auto; margin-bottom: .5em } .basic h2, #help .basic h2 { border: 0; background: none; margin-bottom: .2em } .basic .disabled label, .basic .disabled legend, .basic .disabled input { color: #aaa } .wide, #nosidenav-content.wide, #credit-card #confirm-cvv { width: 100% } input.wide { width: 99% } textarea.wide, input.wide { width: 90% } input.narrow { width: 25% } #sidenav-content form fieldset p.error { color: #c00; margin: 0; padding: 0; font-size: 90% } #sidenav-content .basic fieldset p.error { margin: 0; line-height: 150% } span.required, .length { display: none } a.help { float: right; text-align: left; overflow: hidden; padding: 4px 7px 4px 32px; height: 24px; display: block; margin-right: -11px; margin-bottom: 8px; color: #06c; background: url(/images/forms/form-help.gif) 8px 6px #ddc no-repeat; border: 1px solid #c9c9c9; border-color: #cfcfcf #ccc #999 #cfcfcf; -moz-border-radius: 8px 0 0 8px; -webkit-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px } a.help:hover { background-image: url(/images/forms/form-help-hover.gif) } .basic .submit li a:before { content: "\00BB \0020" } #side-login { float: right; width: 86%; margin-right: 30px; padding-right: 30px; border-right: 1px solid #ccc } .jqmWindow { display: none; position: fixed; top: 17%; left: 50%; margin-left: -300px; width: 600px; height: 67%; background: #fff; border: 1px solid #000; padding: 12px; overflow: auto } .jqmClose, .jqmClose:hover { background: #ccc; display: block; border: 1px solid #aaa; color: #333; padding: 2px 10px; margin: -5px } .jqmClose.plain { background: transparent; display: inline; border: none; color: #06c; padding: 0; margin: 0 } .jqmOverlay { background: #333 } #feature-table { font-size: 1.05em; border-collapse: collapse; } #feature-table td, #feature-table th { border: 1px #ccc solid; padding: .5em 1em; } #feature-table th { font-size: 1.2em; padding: 1em; background: #ccc; } #feature-table .odd td { background-color: #f1f1f1 } .horizontal, ul.horizontal { list-style-type: none; margin: 0 0 25px; overflow: hidden; padding: 0; width: 100% } .seldiv { float: left; width: 50%; margin-bottom: 10px } .picdiv { float: left; width: 130px } .textdiv { float: left; width: 60% } .picdiv a, .textdiv a { text-decoration: none } .textdiv h4 { font-size: 1.35em; margin: 0 } .support-img-shrunk { margin-left: -40px } #footermenubox dt a, #footermenubox dt a:visited { color: #ffe36f; margin: 1em 0 12px; font-size: 16px; line-height: 1.8em; display: block } #footermenubox { background: #222; background: -moz-linear-gradient(top, #111, #333); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #111), color-stop(100%, #333)); overflow: hidden; height: 200px; margin-bottom: -40px; color: #fff } #footermenubox_content { width: 950px; margin: 0 auto } #customdnsbox { background-position: -457px -331px; margin-right: 0 } #zone { width: 35%; border: 1px solid #ccc; height: 20px; padding: 4px 10px } #footermenubox dl { margin: 15px 0 0 47px; width: 20%; float: left; display: inline } #footermenubox dd { margin: 0 0 .3em } #footermenubox a { color: #fff; text-decoration: none } #zone { width: 40% } #logo, .powered-by a, .hiring a { text-indent: -9999px; overflow: hidden; display: block } #logo a { height: 25px; display: block; } .powered-by a, .hiring a { background-position: 0 -100px; width: 165px; height: 40px } .hiring a { background-position: 0 -200px } .hiring { padding-top: 1em } #checkout-cart, #checkout-content table { margin: 0 auto 10px; padding: 0; border-spacing: 0; width: 735px; border-width: 1px 1px 0; border-color: #ddd; border-style: solid } #checkout-cart th, #credit-card th, .date-invoice th, .date-invoice td { border: 0; text-align: left } #checkout-cart td, #checkout-cart th, #checkout-content td, #checkout-content th { padding: 5px 20px; border-bottom: 1px #ddd solid } #checkout-cart th, .discount td, .total td, #credit-card th, #credit-card td { padding-left: 10px; background: transparent } #checkout-cart .header th, .confirm th, .subtotal td, .comparison-chart .odd { background: #ddd } #checkout-cart .price, #checkout-cart th.price, .subtotal td:first-child, .total td:first-child { text-align: right } .proceed a, .proceed .cta, .proceed input { float: right; margin: 0 0 10px } .upgrade td { padding: 10px 20px 0 !important } .discounted th, .discounted td { border: 0 !important } .discount td:nth-child(2), .ok { color: #090 } .length, .nojs { width: 140px } .remove { width: 80px } #checkout-cart .price { width: 50px; white-space: nowrap } #checkout-header #logo { margin-top: 10px; float: left } #checkout-header, #new-card, .cvv, #credit-card { overflow: hidden; zoom: 1; height: 60px } #checkout-nav { padding: 0; margin: 30px 0; width: 650px; float: right } #checkout-content, #credit-card, .confirm, #main-area { background: #f1efed; padding: 15px; overflow: hidden } #credit-card .payment, #main-area .payment { background: none; margin-top: 1.2em } .payment input, .payment .cta { float: left; margin-right: 5px } .payment img { margin: 0 10px 0 5px } img.add-card-img { float: none; vertical-align: middle } .payment .address, .card-types img { float: none } .payment h4 { width: 30em; border-bottom: 1px solid #333; margin-bottom: 1.8em } .vouchers h4 { width: 150px; margin: 0 0 1em; font-weight: bold; } .invoice-items .dollars { text-align: right } #credit-card table { width: auto; margin: 0 } .right-highlight { width: 280px; background: #fff5d0; border: 1px #ffe36f solid; padding: 10px; text-align: center } #saved-cards, #paypal { width: 45% } #new-card, .cvv { padding-left: 2em } .payment p { line-height: 1.5em; margin: 1em 0 } .confirm { padding: 10px 100px } #checkout-footer, #everything #checkout-footer a { font-size: 12px; color: #d7d7d7 !important; } .comparison-chart { overflow: hidden; text-align: center } .comparison-chart div { float: left; border: 1px #ccc solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: 10px -1px 10px 0; background-color: #eee } .four-col div { width: 25% } .comparison-chart .highlight { background: #FFF5D0; -moz-box-shadow: 0 0 5px #bbb; -webkit-box-shadow: 0 0 5px #bbb; box-shadow: 0 0 5px #bbb; position: relative; } .four-col .variables { width: 24%; margin-top: 81px; background: transparent; border: none } .comparison-chart .pricing { height: 20px; overflow: hidden; font-size: 1.2em; margin: 0; line-height: .9em; padding: 10px 0 } .comment { color: #888; font-size: 0.83em; display: block; margin: 2px auto 0 } .comparison-chart ul { list-style: none; padding: 0; margin: 0 } .comparison-chart li { padding: .5em 0; margin: 0 } .highlight .odd { background: #FBE371 } .comparison-chart h2, .comparison-chart .pricing { text-shadow: 2px 2px 3px #ccc } .highlight h2, .highlight .pricing { text-shadow: 2px 2px 3px #ddc257 } .comparison-chart h2 { display: block; font-size: 1.65em; font-weight: bold; height: 40px; margin: 25px 0 5px } .variables h2 { font-size: 1.5em; margin: 25px 0; } .comparison-chart sup { line-height: 1; vertical-align: 30px } div.chart-top { height: 140px; overflow: hidden; background: transparent; border: 0; float: none; margin: 0; width: auto } .comparison-services { height: 90px; overflow: hidden; margin-bottom: -10px } .comparison-chart .cta { float: none } .comparison-services div { float: left } .comparison-services .empty { width: 24% } .popular { text-indent: -9999px; background: transparent url(/images/site/most-popular.jpg) 490px top no-repeat; height: 30px; margin-bottom: -5px } .also-offer, .panel { clear: both } .four-col .also-offer { padding-left: 220px } #show-features { float: left; width: 945px; margin: -2px auto 20px } #show-features .cta { background-color: #ddd; border-color: #bbb; color: #444; padding: 10px 60px; margin: 0 auto; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px } #show-features .cta:hover { background-color: #d8d8d8 } #show-features span { font-size: 0.8em } #nosidenav-content h1.attention { font-size: 185%; color: #8d8d8d; text-align: center; line-height: 185%; height: auto; margin: 1em 0 } .panel-wrapper { width: 930px; margin: 20px auto; } .headed-box { float: left; margin-bottom: 15px; padding: 5px 15px; width: 280px; } .headed-box h2 { margin: 0 } .headed-box.large { width: 425px; padding: 5px 20px; font-size: 90% } .subheader { text-align: center; font-size: 150% } /* Redesign */ .nodecoration #everything { background: #403c38 } a:hover, .more:hover { color: #00f } a:visited { color: #069 } #navcontainer { display: none; border: 0; -moz-box-shadow: 0 0 20px #555; -webkit-box-shadow: 0 0 20px #555; box-shadow: 0 0 20px #555; background: #000; background: rgba(0, 0, 0, .85); width: auto; margin: 0 0 1.5em; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } #header a { color: #fff; text-decoration: none } #header li, .connect dd { float: left; list-style: none } .breadcrumb p, .breadcrumb a, .copyright a, .copyright { color: #666 } #rutilities, .rconnect { float: left; width: 169px } #nav-email a { background-position: center -85px } #rutilities li { margin-top: 10px; padding: 0 8px; height: 35px; line-height: 35px; font-size: .9em } li#help { padding-left: 20px } #rfooter { width: 1000px; margin: 1em auto 2.5em; padding: 30px 0 10px; color: #d7d7d7; } #rfooter dl { display: none; } #rfooter span { margin-right: 5px; margin-left: 5px; } #rfooter p, #rfooter p a { color: #d7d7d7; text-decoration: none } #rfooter p a:hover { text-decoration: underline } #rfooter p { text-align: center; margin: 0 auto; text-transform: uppercase; letter-spacing: 1.5px; font: 12px/18px -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif; padding: 5px 140px } #rfooter p.o-copywrite { color: #9c9c9c; text-transform: none; letter-spacing: 0 } .copyright { clear: both; text-align: right } .ruk a { background-position: -121px -516px } .ruk a:hover { background-position: -121px -540px } #logo { background: none } #checkout-header #logo, #logo a { width: 160px } #checkout-header #logo a { background-image: url("/images/oracle-dyn-logo.png"); background-size: 50%; background-repeat: no-repeat; opacity: 1 } nav#dyn-menu { position: absolute; margin-left: 150px; font-size: 13px !important } nav#dyn-menu ul, nav#dyn-menu li { list-style: none; padding: 0; margin: 0 } nav#dyn-menu a { text-decoration: none; color: #fff } nav#dyn-menu > ul { display: flex; justify-content: center; background-color: #403c38; } nav#dyn-menu > ul > li { position: relative } nav#dyn-menu > ul > li > a { display: block; padding: 0 20px; line-height: 60px } nav#dyn-menu > ul > li > ul { display: none; white-space: nowrap; position: absolute; left: 50%; transform: translateX(-50%); box-shadow: 0 0 20px rgba(0, 0, 0, .15); z-index: 1; background-color: #fff } nav#dyn-menu > ul > li > ul > li { border-bottom: 1px solid #EFEFEF; display: block; position: relative; text-align: left } nav#dyn-menu > ul > li > ul > li > a { display: block; padding: 0 20px; line-height: 50px; background-color: #fff; color: #333 !important; min-width: 200px; transition: all .2s ease-in-out } nav#dyn-menu > ul > li > ul > li > a:hover { background-color: #F5F5F5 } nav#dyn-menu > ul > li > ul:after { position: absolute; left: 50%; transform: translateX(-50%); top: -10px; width: 0; height: 0; content: ''; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff } nav#dyn-menu > ul > li:hover > ul { display: block } /* New Header */ #header-wrapper { box-shadow: none; background-color: #403c38; background-image: none } #header { height: 60px; padding: 0 } #header-logo { background-image: url("/images/oracle-dyn-logo.png"); float: left; text-indent: -999em; width: 100px; background-size: 75%; background-repeat: no-repeat; padding: 20px 0px 0px 0px; margin-top: 18px; margin-left: 18px; } #header #search { background: #FFFFFF; border: 1px solid #DCDCDC; float: right; height: 28px; margin: 3px 0 2px; padding: 0; width: 139px } #header .screen-reader-text { display: none } #header #s { background: #FFF; border: 0 none; float: left; height: 25px; line-height: 18px; width: 96px; padding-left: 9px } #header #searchsubmit { border: 0 none; display: block; float: right; font-size: 0; height: 14px; line-height: 0; margin: 7px 5px 0 0; text-indent: -999em; width: 20px; background: url("/images/site/dyn-sprite.png?v=20140108") right top; padding-right: 10px } .usertype-vip, .usertype-free { color: #fff; font-variant: small-caps; text-decoration: none; background: #6b8f63; padding: 0 0 2px 0 !important; font-weight: bold; } .usertype-vip:active, .usertype-free:active, .usertype-vip:visited, .usertype-free:visited { color: #fff } #header .toplogin { float: right; line-height: 1.4 !important; width: 236px } #header #right-nav { float: right; width: auto } #header #about, #header #support { clear: right; float: left; font-size: 11px; text-transform: uppercase; padding: 0 5px } #header #support { border-right: 1px solid #DCDCDC } /* Callouts and Banners */ .banner { background: #06c; color: #fff; font-size: 2.6em; padding: 20px; margin-bottom: 1em } .banner .cta { float: right; font-size: .5em; color: #000; padding-top: .7em } .continue .cta { float: right; margin-bottom: 1.5em } .banner strong { color: #fff925; font-weight: normal } .callout { -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; background: #e5e5e5; color: #000; padding: 20px; margin: 15px 0 } .callout h2, .callout h3, .callout h4, .callout h5 { margin-top: 0; color: #333; } .warning { background: #fff925 } .shout { background: #06c; color: #fff; font-size: .6em; padding: .5em; vertical-align: top; margin-left: 1em } a.shout { color: #fff } a.shout:hover { background: #fff925; color: #333 } .highlights { background: #DCEFF8; border: 1px #C4E4F3 solid; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 40px } .highlights ol, .highlights ul { margin: 0 } .highlights ol li { counter-increment: boxes; padding-left: 1em; list-style: none } .highlights ol li:before { content: counter(boxes) !important; background-color: #06c; height: 2em !important; width: 2em; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; position: absolute; color: #fff; text-align: center; line-height: 2em !important; margin: -.4em 0 0 -2.5em } .post-it { background: #fffdbd; border: 1px solid #fff925 } /* DNS comparison tables */ .compare { margin: .7em auto } .compare td { padding: 10px; width: 25%; border: 1px #ccc solid !important; } .compare tbody td, .feat tbody tr:nth-child(even) td { background: #f7f7f7 } .compare .specs { background: #fff925; border-color: #ccc !important; } .specs a { color: #333; display: block } .compare tbody th, .feat th { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif; font-weight: normal; border: 1px #9dc5ee solid !important; background: #dceff8 !important; color: #333; font-size: 1.5em; padding: 10px 10px 5px } .feat th, .feat tbody th { font-size: 1.25em } .compare thead th, .compare tfoot td, .feat thead td, .feat tfoot th { background: #333 !important; border: 1px #555 solid !important; } .compare th, .feat thead td { text-align: center; color: #fff; font-weight: normal } .compare tfoot td { vertical-align: middle; color: #fff } .compare tfoot .price { display: block; font-size: 2em; width: 90px; margin-bottom: -5px } .compare tfoot .cta { display: block; text-align: center; width: 95px; float: right; margin-top: 13px } .compare tfoot td:nth-child(1) .cta, .compare tfoot td:nth-child(2) .cta { margin-top: 5px } .feat td, .feat th { text-align: center; vertical-align: middle } .feat tbody td { background: #fff } .compare thead a, .compare h2 { display: block; color: #fff } .feat tfoot .cta { font-size: .9em; margin: 0 auto; float: none } .compare thead .cta { color: #333; display: inline } /*Payment Page Styling*/ #checkout-content .item_message { background-color: #FBEBA1 } #checkout-content { width: auto; margin: 0 auto } #checkout-content #checkout-cart { width: 100% } .checkout .vouchers { width: 190px } .checkout .cvvbox { margin-bottom: 1em } .checkout fieldset { margin-bottom: 5px } .checkout input[type=radio], .checkout input[type=checkbox] { margin: 3px 5px 0 0 } .vouchers .right-highlight { width: auto; margin: 15px 0 0; font-weight: bold } .instructions { display: block; margin: 1.5em 0; line-height: 20px; padding-left: 40px; counter-increment: section; } .instructions:before { background-color: #577450; color: #fff; border-radius: 1em; content: counter(section); height: 30px; width: 30px; line-height: 30px; position: absolute; margin: -0.4em 0 0 -2.2em; text-align: center } #greeting { color: #fff; font-size: 130%; width: inherit; background-color: #577450; margin: -10px -10px 20px; padding: 20px 25px; } .payment .confirm-amount { font-weight: bold; font-size: 110% } .payment .vouchers, .wider, #newcardselect label { width: 200px } .payment > fieldset { margin: 0 40px 5px } .payment fieldset:nth-last-child(2), .payment fieldset:last-child { margin: 0 0 5px } #saved-cards { width: auto; margin: 0 40px } p.error { margin: 0 5px 0 0; clear: left } .cvvbox p { margin-top: 0 } .cvvbox blockquote { background: #f5f5f5; border: 1px #ddd solid; overflow: hidden; padding: 10px; width: 330px } .cvvbox label, #newcard label { font-weight: bold; clear: both } .cvvbox a { font-size: 0.85em; margin-left: 10px } #newcard { width: auto; float: none; } #credit-card .vouchers, #main-area .vouchers { width: auto; margin: 0 40px 15px } /*Pro-Hosts Table Styling*/ .glossy { clear: both; border-spacing: 0; font: 12px/1.4 "Lucida Grande", Tahoma, Arial, sans-serif; width: 100%; border: 1px solid #CCCCCC; margin: 0 0 3em; } #sidenav-content .glossy th { background: -moz-linear-gradient(#FFFFFF 0%, #F3F0EC 75%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(75%, #F3F0EC)) repeat scroll 0 0 transparent; color: #333333; font: 1.2em -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif; border: 0; height: 32px; padding: 4px 10px 0; text-align: left; text-transform: uppercase } #sidenav-content .glossy thead th { font: 1.5em/32px -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif; height: 32px } #sidenav-content .glossy thead th, #sidenav-content .glossy tbody th { border-bottom: 1px solid #CCCCCC } .right { float: right; font: 12px/1.4 "Lucida Grande", Tahoma, Arial, sans-serif; margin-top: 4px; line-height: 20px; text-transform: none; background: url("/images/site/icons/tm-sprite-v.png") no-repeat scroll 0 -60px transparent; padding-left: 20px } .glossy tr:nth-child(2n+1), .no-subhead tr:nth-child(2n) { background: #F5F5F5 } .no-subhead tr:nth-child(n) { background: transparent } .glossy td { border-bottom: 1px solid #CCCCCC; line-height: 24px; margin: 0; overflow: hidden; padding: 4px 10px; position: relative } .glossy tr:last-child td, #sidenav-content .glossy tbody tr:last-child th { border: 0 } .glossy tr:nth-last-child(2) td[rowspan*="2"] { border: 0 } .glossy p { margin: 0 } #sidenav-content .glossy a { color: #0066cc; text-decoration: none } #sidenav-content .glossy a:hover { color: #0000FF } #sidenav-content .stats { width: 45%; margin: 0 0 3em; clear: right } #sidenav-content .stats tbody th { border: none } #sidenav-content #packages tbody th { border-bottom: 1px solid #CCCCCC } #sidenav-content .stats td:nth-child(1) { font-weight: bold; width: 50% } #sidenav-content #packages { float: left; width: 50%; clear: both; margin-right: 5% } #sidenav-content #host-count { padding: 15px; text-align: center; text-transform: none; background: #fffdbd } #sidenav-content .highlights { clear: both } #sidenav-content #modules { margin-top: 2em; height: auto } .no-error { color: #090; font-size: 1.1em } .hideid { display: none } .host-actions { margin: -20px 0 25px 0 } /*My Services Homepage*/ #sidenav-content .folder-tab { border-radius: 0.5em 0.5em 0 0; background: -moz-linear-gradient(#FFFFFF 0%, #F3F0EC 75%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(75%, #F3F0EC)) repeat scroll 0 0 transparent; color: #333333; border: 1px solid #CCCCCC; border-bottom: none; margin: 0 } #sidenav-content .folder-tab a { color: #0066cc; text-decoration: none; padding: 5px } #sidenav-content .folder-tab a:hover { color: #0000FF } #sidenav-content #account-services tbody th { text-transform: none; text-align: right } .question-mark { width: 15px; height: 20px; line-height: 20px; background: url("/images/site/icons/tm-sprite-v.png") no-repeat scroll 0 -20px transparent; text-indent: -9999px; display: inline-block; margin: 0 5px 0 0; text-align: center } #sidenav-content #approved-doms { width: 45%; float: right } .delete { width: 15px; height: 20px; line-height: 20px; background: url("/images/site/icons/tm-sprite-v.png") no-repeat scroll 0 -100px transparent; text-indent: -9999px; display: inline-block; margin: 0 7px 0 0; text-align: center } /*Step-By-Step*/ #sidenav-content .step-by-step { width: 100%; margin: -30px -15px 0 5px } #hostname-warnings, #lite-warnings { margin: -20px -15px 30px } #lite-warnings { text-align: center; } #hostname-warnings .warningnote { margin: 0; padding: 10px 15px; } #hostname-search-needs-pro { display: block; text-align: right; font-weight: bold; margin-bottom: 10px } .step-by-step .indent { margin: 0 20px 5px 45px } .step-by-step .warningnote { background: none; margin: -5px 0 10px 15px; font-weight: bold } .step-by-step .warningnote span { display: none } .step-by-step tr td { border-bottom: 1px solid #e2e2e2; padding: 15px } .step-by-step tr td:last-child { background: #F3F8FC; text-align: right } .step-by-step .total { vertical-align: bottom; font-weight: bold; text-align: right } .step-by-step .price { text-align: right } .step-by-step tr:last-child td { background: none; border: 0 } .step-by-step ul { list-style: none; margin: 0; padding-left: 20px } .step-by-step li { margin-bottom: 7px } .step-by-step .two-columns { background: #F3F8FC } .step-by-step .two-columns li { float: left; margin: 10px 20px 0 0; padding: 0; width: 200px; height: auto } .step-by-step .tech-details li, .step-by-step #list-origin { height: auto; width: 280px } .step-by-step .tech-details li textarea, .step-by-step #list-origin textarea { width: 270px; height: 70px } .step-by-step #list-origin { clear: both } .step-by-step .package-comparison { padding-left: 20px } .step-by-step .package-comparison td { padding: 10px; text-align: center } .step-by-step .package-comparison th { padding: 5px; font-size: 1.1em } .step-by-step .package-comparison tr td:first-child { text-align: left } .step-by-step .package-comparison tr td:last-child { background: #f4f4f4; text-align: center } #registrant_table, #admin_table, #billing_table, #tech_table { list-style: none; margin: 0; padding: 0 } .step-by-step .state, .step-by-step .address { clear: both } .step-by-step select[name="pro_duration"] { width: 130px; margin-bottom: 10px } .step-by-step input[type="text"], .step-by-step input[type="password"], .step-by-step textarea { width: 190px; background-color: #FFFFFF; border: 1px solid #BBBBBB; color: #4E4E4E; margin: 0.5em 0; padding: 5px; resize: none; display: block } .step-by-step select { width: 200px; margin: 10px 0 } .step-by-step h2 { font-size: 210%; color: #333; font-family: "Lucida Grande", Tahoma, Arial, sans-serif } .step-by-step h2 { margin: 5px 0 0 -23px; counter-reset: subsection } .step-by-step h3 { margin: 5px 0 15px -20px; font-size: 150%; counter-increment: section; display: inline-block; line-height: 20px; padding-left: 40px } .step-by-step h3:before { background-color: #577450; border-radius: 1em 1em 1em 1em; color: #fff; content: counter(section, decimal); height: 30px; line-height: 30px; margin: -0.4em 0 0 -2.2em; position: absolute; text-align: center; width: 30px } .step-by-step input { margin: 0 10px 0 0 } .step-by-step p { margin: 0 0 7px 20px } .step-by-step a { color: #06C; text-decoration: none } .step-by-step .cta { width: auto; margin-right: -15px; float: right } #total_price { font-weight: bold; font-size: 1.2em } /*background:; ie hack, something must be changed in a for ie to execute it*/ .add { background: url("/images/site/icons/tm-sprite-v.png") no-repeat scroll 0 -63px transparent; font: 12px/20px "Lucida Grande", Tahoma, Arial, sans-serif; padding-left: 20px } #nameserver_header, #glue_header { width: 200px; display: inline-block; margin-right: 15px; text-align: center } .step-by-step .indent input[type=text] { margin-right: 15px } /*Lite Signup*/ #lite-volume { font-weight: bold; margin: 5px 0 0 20px; font-size: 1.2em } /*Status Icons*/ .icon36 { text-indent: -9999px; display: block; background: url("/images/site/status-icons-36px.png") no-repeat; width: 36px; height: 36px; margin-right: 7px; float: left } .available-status { background-position: 0 0 } .unavailable-status { background-position: -38px 0 } .warning-status { background-position: -114px 0 } /*DISPLAY NONE FOR GO TO TOP & GO TO BOTTOM*/ #toTop, #goBottom, #menutitle, #forsignup, .wideHide, #menu-back, #side-nav-logout { display: none } /*Tablesorter*/ .tablesorter .header { cursor: pointer } .tablesorter .header span { background-image: url("data:image/gif;base64,R0lGODlhBwAJAIABACMtMP///yH5BAEKAAEALAAAAAAHAAkAAAINjGEJq8sOk4Qu0IZmKgA7"); background-repeat: no-repeat; background-position: center } .tablesorter .headerSortUp span { background-image: url("data:image/gif;base64,R0lGODlhBwAEAIABACMtMP///yH5BAEKAAEALAAAAAAHAAQAAAIIhA+BGWoNWSgAOw==") } .tablesorter .headerSortDown span { background-image: url("data:image/gif;base64,R0lGODlhBwAEAIABACMtMP///yH5BAEKAAEALAAAAAAHAAQAAAIHjGEJq8sOCwA7") } #sidenav-content h2.nav { background-color: #403c38 !important; padding: 10px !important; border-radius: 0 !important; } #everything .nav a, #everything .nav a:hover, #everything a#toTop, #everything a#toTop:hover { color: #fff !important; text-decoration: none !important; } .collist { margin-right: 20px !important; padding: 0px !important; border-right: none !important; background: #fff !important; } #everything .col li a, #everything .secondaryNav li a, #everything a.side-login, #everything #sidebarForum a { padding: 10px !important; transition: all .2s ease-in-out; font-size: 13px !important; color: #333 !important; text-decoration: none !important; } #everything a.side-login, #everything #sidebarForum a { border-top: 1px #E5E5E5 solid } #everything .coltop { padding: 10px !important; } #everything .col li a:hover, #everything .secondaryNav li a:hover, #everything a.side-login:hover, #everything #sidebarForum a:hover { background: #f5f5f5 !important; color: #333 !important; text-decoration: none !important; } #everything a, #everything .more, #header .someinfo a, #everything a:hover, #everything .more:hover, #header .someinfo a:hover { color: #bc6c37 !important; text-decoration: underline !important; } #checkout-cart, #checkout-cart .discount td { background: none !important; border: none !important; } #checkout-cart .header th { background: none !important; border-bottom: 1px #ccc solid !important; font-size: 16px } #checkout-cart td, #checkout-cart th { padding: 10px 0px !important; border-bottom: 1px #ccc solid !important; font-size: 13px } input[name="coupon"] { width: auto !important } p.print-quote { margin: 0px !important; } /* table */ #sidenav-content .glossy th, .glossy td, th, td, .right-actions { padding: 10px 15px !important } .glossy tr, tr { background: #f8f7f6 !important } #sidenav-content .glossy th, .glossy tr:nth-child(2n+1), th, tr:nth-child(2n+1) { background: #fff !important } #sidenav-content #account-services.glossy tr:nth-child(2n+1), #checkout-cart tr:nth-child(2n+1), #checkout-cart th, #checkout-cart tr, .step-by-step tr:nth-child(2n+1), .step-by-step tr { background: none !important } #sidenav-content .glossy td.expired { background: #fcc !important } #sidenav-content .right-actions.folder-tab { background: #fff !important } input[type="submit"], input[type="radio"], input[type="checkbox"], input[type="text"], input[type="select"], input[type="textarea"], textarea { appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } input[type="submit"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, input[type="text"]:focus, input[name="password"]:focus, input[name="username"]:focus, select[name="domain"]:focus, input[type="select"]:focus, input[type="textarea"]:focus, input:focus { outline: none !important; } .loginoptions .inpu, .loginoptions .inpp, .loginoptions .inpe, #loginbox input { padding: 10px !important; width: 94% !important; border: 1px solid #d7d7d7 !important; font-size: 16px !important; border-radius: 0 !important; box-shadow: none !important; } input, select, .loginoptions .inpu input, .loginoptions .inpp input, #loginbox input, .signin_menu input[name="username"], .signin_menu input[name="password"], input[type="textarea"], textarea { width: 100% !important; padding: 10px; margin: 0; display: inline-block; border: 1px solid #ccc; border-radius: 0px; box-sizing: border-box; font-size: 14px; } input[name=host], select[name=domain] { width: 50% !important; } select:not([multiple]):not([size]) { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAdklEQVR4AezSAQbAMAyF4UELcqFdulXQnmsXyN54I2akomBWfgg+1NtUdWkfAfH2qyUgsYO56CzWmIvOYBUllC0aAQcqKJnbjfYIKBZ7oOKD/7D5h/nlnpBEwI6aRYkVNOI7JEqshnd4jnBOoX9eJlzaDI90CABNVxK7Bvwb+AAAAABJRU5ErkJggg=="); background-position: calc(100% - 1px) 50%; background-size: 20px; padding-left: .5rem; padding-right: 1.5rem; height: 2.5rem; background-repeat: no-repeat; -moz-appearance: none; -webkit-appearance: none; background-color: #fff; } input[type=submit], #loginbox input[type="submit"], #everything a.b2, #everything .cta, #everything a.action_button { background-color: #6b8f63 !important; border: 2px solid #6b8f63 !important; color: #fff !important; padding: 10px 25px !important; font-size: 14px !important; line-height: 14px !important; font-weight: normal !important; border-radius: 4px !important; cursor: pointer !important; background-image: none !important; text-transform: none !important; text-decoration: none !important; text-shadow: none !important; width: auto !important; display: inline-block !important; } input[type=submit]:hover, #loginbox input[type="submit"]:hover, #everything a.b2:hover, #everything .cta:hover, #everything a.action_button:hover { background-color: #577450 !important; border: 2px solid #577450 !important; text-transform: none !important; color: #fff !important; text-decoration: none !important; padding: 10px 25px !important; font-size: 14px !important; } .basic input[type="submit"], #loginbox input[type="submit"] { width: 100% !important; } .remove a { background-image: none !important; background-color: transparent !important; } input[type=radio], input[type=checkbox] { display: inline-block; height: 16px !important; width: 16px !important; overflow: hidden; margin-top: -2px; margin-right: 3px; vertical-align: middle; background-color: #fff; background-repeat: no-repeat; background-position: 50% 50%; border: 1px solid #b5bbc2; border-radius: 4px !important; transition: 0.2s ease-in-out; transition-property: all; transition-property: background-color, border; cursor: pointer; padding: 5px !important; } input[type=radio] { border-radius: 50% !important; } input[type=radio]:checked { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E"); } input[type=checkbox]:checked { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); } input[type=radio]:checked, input[type=checkbox]:checked, input[type=checkbox]:indeterminate { background-color: #577450; border-color: transparent; } #block_ttl { height: 8em !important } #loginbox { border: none !important; background-image: none !important; background: none !important; padding: 0px !important; width: auto !important } #loginbox input { width: 100% !important } #loginbox label { padding-bottom: 0 !important } .basic .submit { margin-top: 10px !important; width: 100% !important } .basic .submit:first-of-type { width: 50% !important } .loginoptions { display: flex } /* Hostname Search */ #hostname-search input[type=text] { margin: 0; } #hostname-search .cta { color: #fff; border-left: 1px; float: left; margin: 0px; cursor: pointer; padding: 10px 15px; width: 150px; border-radius: 0 4px 4px 0 !important; } .domain { background: url("/images/account/down_arrow_select.jpg") no-repeat scroll right 3px #DDDDDD; width: 105px; height: 39px; overflow: hidden } .domain select { background-color: transparent; width: 145px; padding: 8px; font-size: 18px; border: none; height: 39px; margin: 0; cursor: pointer } .domain select option { width: 90px !important; overflow: hidden; padding-left: 10px } #hostname-search .domain select option { width: auto !important; } #hostname-search-banner, #hostname-search, #search-bar, .search-box, .domain, #hostname-search .cta { height: 40px !important } #hostname-search-section { background: #403c38; padding: 20px; } #hostname-search-section div:before, #hostname-search-section div:after { content: ""; display: table; } #hostname-search-section div:after { clear: both; } #hostname-search-section input, #hostname-search-section select { margin: 0; display: inline-block; border-radius: 0px; box-sizing: border-box; font-size: 14px; float: left; border: none; } #hostname-search-section input[name=host], #hostname-search-section select[name=domain] { width: 40% !important; background-color: #ddd; } #new-search { margin: 30px 0 0 0; font-size: 180%; text-align: center; color: hsla(30, 25%, 98%, .6) } #hostname-search-banner { background: none !important; padding: 20px 0 !important; margin: auto !important; width: min-content; margin-left: auto !important; margin-top: 0 !important; font-size: 2.5em } #hostname-search { margin: 0 !important; width: 620px !important; } #hostname-search .domain { width: 255px !important; background: #ddd !important; line-height: 42px } .domain select:not([multiple]):not([size]) { background-color: #ddd; } .search-box { line-height: 29px; padding: 5px 15px; border: 0 none; float: left; font-size: 18px; width: 255px; } #hostname-search .search-box { width: 255px !important; } #hostname-search .domain select { width: 255px !important; margin-top: -5px !important } #search-bar { background: #fff; line-height: 39px; padding: 0; float: left; width: 510px !important; border-radius: 0 !important; border: none !important; } .search-box, .domain select { font-size: 14px !important; } #hostname-search-error { text-align: center; margin-top: 10px !important; background: #900; margin: auto; width: 400px; } #hostname-search-error.error { color: #fff !important; font-weight: bold !important; } @media screen and (max-width:960px), screen and (max-device-width:960px) { #header, #rfooter { width: 100% !important } #everything_content { width: 95% !important } #topnav span { display: none } } @media screen and (max-width:600px), screen and (max-device-width:600px) { #hostname-search-section select[name="domain"]{ width: 100% !important; } #logo a { margin: 8px 0px 0px 15px } #dyn-menu { display: none !important } .secondaryNav { display: block } /*Formatting the footer and header*/ #header { height: auto; width: auto } #myCartButton, #myServicesButton { display: none } #rutilities, #rhelp, .rabout, #nav-dns, #nav-email { display: none } #topnav { display: none } #topnavbox { width: auto } #rfooter { margin-top: 0; width: auto } .copyright { text-align: left; padding: 10px } #everything_content { width: auto; padding: 8px 8px 0; margin: 0 auto } #sidenav-content { float: none; width: auto; margin: 0 auto } /*the class?*/ .uno, .dos, .tre, #loginbox { float: none !important; margin: 0 auto !important } #element.style { float: none } /*MIGHT HAVE TO MAKE THIS MORE SPECIFIC*/ .collist { border-right: none !important; margin-right: 0px !important; padding-right: 0px !important } #sidenav-content:after { content: none } #sidenav-content { min-height: inherit; border-left: none } #sidenav-content { padding: 0px !important } #feature-table { width: auto !important; margin: 0 auto } #loginbox { width: auto !important; margin-bottom: 10px !important } #loginbox .legend { text-align: center } #forsignup { display: block; text-align: center; font-weight: bold; font-size: 13px } .main-content ul, .main-content ol { padding-left: 20px } /*New Header*/ #header-wrapper { min-height: 60px; height: auto !important } #header { width: auto } #header #right-nav { clear: right } .mobileHide { display: none } .loginoptions .submit input { margin-left: 0px !important } body { background-position: 10% top } /*DYNDNS PRO AND HOST SERVICES*/ #sidenav-content #packages { float: none; margin: 0 auto } #sidenav-content .stats { margin: 0 auto; margin-top: 40px } .stats thead th { text-align: center !important } #sidenav-content #packages, #sidenav-content .stats { width: 100% } #sidenav-content .changed a { padding: 10px 0 10px 0 } #webhop, #logs, #bulkupdate { display: block; padding: 10px 0 10px 0 } .glossy { margin-bottom: 20px } #AEW { padding-top: 10px } #packages td { display: inline-block } #dyndnshostnames tbody tr td:nth-of-type(2):before { content: "Hostname:" } #dyndnshostnames tbody tr td:nth-of-type(3):before { content: "Service:" } #dyndnshostnames tbody tr td:nth-of-type(4):before { content: "Details:" } #dyndnshostnames tbody tr td:nth-of-type(5):before { content: "Last Updated:" } #dynwebhops tbody tr td:nth-of-type(2):before { content: "Hostname:" } #dynwebhops tbody tr td:nth-of-type(3):before { content: "URL:" } #nameservers-table tbody tr td:nth-of-type(1):before { content: "Name:" } #nameservers-table tbody tr td:nth-of-type(2):before { content: "IP:" } span.ic { margin: 0 } /*ADD NEW HOST*/ .basic { width: auto; margin: auto } .basic fieldset fieldset { margin: 0 } .basic .submit { text-align: center !important } .basic .submit input { float: none !important } /*DYNECT MANAGED DNS LITE*/ .service-button { float: none !important; display: block; text-align: center; margin: 0 auto 10px !important; width: 250px } /*line 100*/ /*DOMAIN NAMES, DNS HOSTING, DYN EMAIL SERVICES*/ .basic fieldset { margin: 10px 0 } .basic fieldset fieldset input, .basic fieldset fieldset textarea { margin-top: 10px; margin-bottom: 10px; width: 93% !important; height: 25px; font-size: 15px } .basic fieldset fieldset input[type=radio], .basic fieldset fieldset input[type=checkbox] { width: auto !important } .basic #control, .basic .help { display: none } /*ERROR PAGE*/ #nosidenav-content { width: 100% } /*SHOPPING CART*/ #checkout-cart tbody .header th { display: none } #checkout-cart td, #checkout-cart th, #checkout-content td, #checkout-content th { padding: 8px } #checkout-cart tbody tr th { padding-top: 20px; font-size: 1.2em } #checkout-cart td { display: block !important; border-bottom: none } #checkout-cart tbody tr td:nth-of-type(1):before { content: "Service: "; font-weight: bold } #checkout-cart tbody tr td:nth-of-type(2):before { content: "Period: "; font-weight: bold } #checkout-cart td.price, #checkout-cart td.length, #checkout-cart td.final-length, #checkout-cart td.remove, #checkout-cart td.final-remove { display: inline-block !important; float: none; width: auto; padding-right: 5px } #checkout-cart td.price { float: right } #checkout-cart .total td { font-size: 1.2em; padding: 10px 5px; margin-top: 15px } .upgrade td { padding-bottom: 2px !important } .discount p { margin: 0 } .main-content tbody th, .main-content tbody td { margin-right: 0 !important } .checkout p { margin-left: 10px } #saved-cards, #newcardselect, .cvvbox p, .cvvbox blockquote { margin-left: 10px !important } .payment p { width: auto !important } .checkout label { width: auto } .cvvbox blockquote { width: 100% } #newcard { width: 90% !important } #emptygauge { display: none } .discount td:before, .subtotal td:before { content: "" !important } .subtotal td { background: none } /*CHECKOUT PAGE*/ #checkout-content { width: auto; float: none } #checkout-cart, #checkout-content table, #checkout-content #checkout-cart, #newcard { width: 100% } .checkout { padding: 0 } #greeting { font-size: 120%; padding: 15px } .instructions { margin: 40px 0 15px } #newcard p { margin: 60px 0 0 } .payment fieldset:nth-last-child(2), .payment fieldset:last-child, .payment > fieldset { margin: 0 } .cvvbox p, .cvvbox blockquote, #newcard, #billing-address, #address { margin-left: 15px !important } #address label { display: block; float: none; padding: 5px 0 0; font-size: 12px; font-weight: bold } #newcard { background-image: none; padding: 10px; margin-top: 20px } #newcard p { margin: 0 0 10px } #newcard label { display: block } #newcard input, .cvvbox input, #address input, #address textarea, #address select { margin-bottom: 10px; margin-top: 5px; width: 100% !important; } .cvvbox input { width: 25% !important; margin: 0 10px } .checkout fieldset { margin-bottom: 0 } .cvvbox label { float: left } .checkout-process #checkout-nav { width: 0px } #newcardselect { margin: 10px 0px 0px 40px } #checkoutButton { float: none } #proceedBody { text-align: left } .payment fieldset.submit { margin: 30px -11px -11px } #checkout-content input.cta { width: 100%; float: none; padding: 15px; font-size: 1.4em; border-radius: 0 0 .5em .5em } #checkout-footer { padding: 10px; } /*DYN STANDARD SMTP*/ .nm_table td, .nm_th { padding-top: 10px; padding-bottom: 10px } /*CHANGE BUTTON IN CELL*/ #smtptable tbody tr td:nth-of-type(1):before { content: "Purchase:" } #smtptable tbody tr td:nth-of-type(2):before { content: "Expires:" } #smtptable tbody tr td:nth-of-type(3):before { content: "Action:" } /*ACCOUNT SETTINGS*/ .main-content li { padding-bottom: .5em } /*WHY DOESN'T IT ACCEPT #SIDENAV-CONTENT?*/ #tsigbox { float: none; margin: 0 auto } #youraccountinfotable tr td:nth-child(2) { display: inline-block } #youraccountinfotable tr td:nth-child(3) { display: inline-block; float: right } #youraccountinfotable tr td { width: auto } small a { font-size: 13px } /*ACCOUNT LEVEL SERVICES*/ #account-services th, #account-services td { width: auto !important } .right-actions { float: none; margin: -8px -8px 0 !important; box-shadow: none !important; text-align: right; display: block; width: auto; background: #ffffff !important; border-radius: 0px !important; height: 20px; line-height: 20px; margin-bottom: 15px; } .main-content > .right-actions { position: static; } #otherservicesbox td { width: auto !important } .glossy td { display: block; width: auto; border-bottom: none } .glossy tbody tr:first-child { display: none } #zoneleveltable tbody tr td:nth-of-type(1):before { content: "Zone:" } #zoneleveltable tbody tr td:nth-of-type(2):before { content: "Service:" } #zoneleveltable tbody tr td:nth-of-type(3):before { content: "Expires:" } #hostsindex td:nth-of-type(1):before { content: "Hostname:" } #hostsindex td:nth-of-type(2):before { content: "Service:" } #hostsindex td:nth-of-type(3):before { content: "Info:" } #otherservicesbox td:nth-of-type(1):before { content: "Service:" } #otherservicesbox td:nth-of-type(2):before { content: "Info:" } #otherservicesbox td:nth-of-type(3):before { content: "Action:" } .glossy tbody td:before { padding-right: 5px; font-weight: bold } .glossy p { display: inline } .glossy .hideid { display: none } .glossy tr:nth-child(2n+1) { background: #dceff8 } #account-services tbody th { background: #e5e5e5 !important } #sidenav-content .folder-tab { border-style: none !important } .jqmWindow { padding: 0; width: auto; left: 0; top: 5%; margin: 10px; height: auto; overflow: auto } /*ACCOUNT PROFILE*/ #sidenav-content input[type=radio], #sidenav-content input[type=checkbox], #sidenav-content input[text=type], #sidenav-content textarea { margin-bottom: 7px } #postalcode { margin-bottom: 0px !important; width: 90%; height: 30px; font-size: 15px } #countryselect { margin-bottom: 10px } /*LOGIN BOX*/ #loginbox .submit input { margin-left: 0 !important } .basic fieldset label { margin-left: auto; text-align: left; width: auto; float: none; display: inline; } /*SIDEBAR MODIFICATIONS*/ .nav-first a, .nav-title a { padding: 5px 0 5px 0; padding-left: 16px } .nav-second a { padding: 10px 0; } .nav-second a { margin-left: 60px } #cart { margin: 0 auto; width: auto; padding: 0; font-size: 1.25em } #cart a span { display: inline; text-decoration: none } #cart a span:before { content: "Your cart contains "; color: #333 } #cart a strong { display: none } .nav-title a, .nav-first a, .nav-second a { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif; font-weight: normal; font-size: 15px; color: #333333 !important } .nav-first, .nav-second, .nav-third, .nav-title { padding: 0px } .nav-second a { font-size: 13px } .col { width: auto !important } .collist h2 { text-align: center } .col li a { padding-bottom: 5px !important; padding-top: 5px !important } #menutitle { display: block; text-align: center; background-color: #403c38; font-size: 1.3em; height: 1.6em; padding: 5px 0 1px 8px; width: auto; margin-bottom: 0px; color: #FFF } /*Find a way to change this to class*/ #menu-back, #side-nav-logout { display: block } #everything { padding: 0px } a.coltop { background: none !important; padding: 5px !important; min-height: 0px !important; text-align: center } /*RENEW SERVICES & AUTO RENEW*/ #renew table { width: 100% !important } #renew td + td + td + td { width: auto !important } #totals { text-align: center !important; width: auto !important } #totals .cta, .cancel-item, .edit { float: none !important } #renewable { height: auto !important; width: auto !important; overflow-y: hidden !important } #renewable .renew-service { width: 270px } #renewable td { width: 130px } #renewable .renew-price { width: 120px } .renew-view { display: block !important; float: none !important; padding: 0 0 20px 0 } .exclude { padding-left: 0px !important } #renewable td:nth-of-type(1):before, #autorenewtable td:nth-of-type(1):before { content: "Service:" } #renewable td:nth-of-type(2):before, #autorenewtable td:nth-of-type(2):before { content: "Expiration:" } #renewable td:nth-of-type(3):before, #autorenewtable td:nth-of-type(3):before { content: "Price:" } #renewable td:nth-of-type(4):before { content: "Select To Renew:" } #renewtable td[colspan="3"]:nth-of-type(1):before, #autorenewtable td[colspan="3"]:nth-of-type(1):before { content: "Zone:" } #autorenewtable td[colspan="2"]:nth-of-type(1):before { content: "" } #autorenewtable td { text-align: left } #renewtable tbody tr td:nth-of-type(1):before { content: "Service:" } #renewtable tbody tr td:nth-of-type(2):before { content: "Expires:"; text-align: left !important } #renewtable tbody tr td:nth-of-type(3):before { content: "Auto Renew Payment Method:" } #renewable td { width: auto !important; text-align: left !important } /*MISC*/ .guide-actions { text-align: left } #zone { width: 30% !important } .comparison-chart div { float: none !important } #sidenav ul { padding: 0px } /*ADD DYN STANDARD SMTP*/ .no-subhead { width: 100% !important } #graphone, #graphtwo { width: 500px; float: left } /*GO TO TOP*/ #toTop span { background: #FFFFFF; border-radius: 999em; color: #333333; display: inline-block; font-weight: bold; height: 18px; text-align: center; width: 18px } #toTop { color: #E5E5E5; height: 27px; display: block; margin-top: -27px; padding: 0 10px; text-align: right; text-transform: uppercase } /*GO TO BOTTOM*/ #goBottom { display: inline; float: right; color: #fff !important; font-size: 18px; text-decoration: none; text-transform: uppercase; margin-right: 20px; margin-top: 20px; height: 25px; line-height: 20px; } #goBottom:before { content: '\2261'; margin-right: 3px; font-size: 1.2em } /*EDIT CREDIT CARD*/ .bottom-marg td, .bottom-marg th { padding: 10px 0 10px 0; vertical-align: middle } .bottom-marg input[type=text] { width: 90%; height: 30px; font-size: 15px } /*SYNC SERVICE EXPIRATIONS*/ #accservices tbody tr td:nth-of-type(1):before { content: "Service:" } #accservices tbody tr td:nth-of-type(2):before { content: "Expiration:" } #accservices tbody tr td:nth-of-type(3):before { content: "Renewal Period:" } #accservices tbody tr td:nth-of-type(4):before { content: "Sync:" } #zoneservices tbody tr td:nth-of-type(1):before { content: "Service:" } #zoneservices tbody tr td:nth-of-type(2):before { content: "Expiration:" } #zoneservices tbody tr td:nth-of-type(3):before { content: "Renewal Period:" } #zoneservices tbody tr td:nth-of-type(4):before { content: "Sync:" } /*MAILING LIST MANAGEMENT*/ #mailsubtable thead tr td:nth-of-type(1):before { content: "Mailing ID:" } #mailsubtable thead tr td:nth-of-type(2):before { content: "Subscribe:" } .glossy thead td:before { padding-right: 5px; font-weight: bold } #mailsubtable input[type="radio"], #mailsubtable input[type="checkbox"] { vertical-align: sub !important } #twoRadio input[type="radio"], #twoRadio input[type="checkbox"] { vertical-align: sub !important } #sidenav-content h1 { margin: 0px -15px 15px } #navcontainer { margin: 0px; box-shadow: none } /*ACTIVE SERVICES*/ #activeservicestable tbody tr td:nth-of-type(1):before { content: "Service:" } #activeservicestable tbody tr td:nth-of-type(2):before { content: "Purchased:" } #activeservicestable tbody tr td:nth-of-type(3):before { content: "Expiration:" } #activeservicestable tbody tr td:nth-of-type(4):before { content: "Auto Renew:" } /*ORDER HISTORY*/ #orderhistorytable tbody tr td:nth-of-type(1):before { content: "Date:" } #orderhistorytable tbody tr td:nth-of-type(2):before { content: "Inv. Number:" } #orderhistorytable tbody tr td:nth-of-type(3):before { content: "Amount:" } #orderhistorytable tbody tr td:nth-of-type(4):before { content: "Type:" } #orderhistorytable tbody tr td:nth-of-type(5):before { content: "Status:" } /*BILLING PROFILE*/ #billingprofiletable tbody tr td:nth-of-type(1):before { content: "Card Type:" } #billingprofiletable tbody tr td:nth-of-type(2):before { content: "Number:" } #billingprofiletable tbody tr td:nth-of-type(3):before { content: "Expiration:" } .step-by-step h2 { font-size: 190% } .step-by-step p { margin-left: 0 } .step-by-step .indent { margin-left: 25px } .step-by-step tr td { display: block; width: auto } .step-by-step tr td:last-child { text-align: left } .step-by-step .two-columns { background: none } .step-by-step .two-columns li { width: auto; float: none } .step-by-step .tech-details li, .step-by-step #list-origin { width: auto } .step-by-step .tech-details li textarea, .step-by-step #list-origin textarea { width: auto } .package-comparison thead th:nth-child(2) { display: none } #hostname-search-needs-pro, .question-mark, #hostname-warnings span { display: none } #nameserver_header, #glue_header { width: 110px; margin-right: 5px } .step-by-step .indent input[type="text"] { width: 105px; margin-right: 5px } #total_price { text-align: right } #hostname-warnings { margin-bottom: 0; width: auto; font-size: 7px; line-height: 7px } #search-bar { height: auto !important; } .bullet-drop select { font-size: 14px } #search-bar input[type=text] { width: 142px; padding-left: 3px; font-size: 13px } #new-search { margin-top: 35px } #total_price { font-size: 1.4em } #hostname-search-banner, #hostname-search #search-bar, #hostname-search, #hostname-search .search-box, #hostname-search .cta, #hostname-search .domain select, #hostname-search .domain { width: 100% !important; margin: 0 auto !important } #hostname-search-banner { height: auto !important; } #hostname-search .cta { margin-top: 10px !important; border-radius: 4px !important } #search-bar input[type="text"] { padding-left: 12px !important } #hostname-search .domain { line-height: 30px } #hostname-search-error { width: auto !important; } #rfooter p { padding: 5px 20px !important } #side-login { width: auto; float: none; margin-right: 0px; padding-right: 0px; border-right: none } .loginoptions { display: block } .loginoptions .inpu, .loginoptions .inpp, .loginoptions .inpe, #loginbox input { width: 100% !important } #forsignup { font-size: 18px !important } .basic fieldset fieldset input, .basic fieldset fieldset textarea { height: auto !important } .basic fieldset fieldset input { width: 100% !important; padding: 10px !important; margin: 5px 0 !important; display: inline-block !important; border: 1px solid #ccc !important; border-radius: 0px !important; box-sizing: border-box !important; font-size: 14px !important; } #sidenav-content .right-actions.folder-tab { background: none !important } #menutitle { background-color: #403c38 !important } #renewable thead { display: none !important } #sidenav-content .glossy th, .glossy td { padding: 5px 10px !important } #checkout-cart td, #checkout-cart th { border-bottom: none !important; } #checkout-cart td.descr { border-top: 1px solid #ccc !important; margin-top: 5px !important; } #checkout-cart select { width: auto !important } #checkout-cart .total td { border-top: 2px #ccc solid !important; } input[name="coupon"] { width: 33% !important; } p.print-quote { margin-bottom: 20px !important; } }