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;
}
}