/* Stylesheet for www.la (c)2007 www.la
 * $Id: style.css,v 1.6 2010/04/06 08:18:06 anit Exp $
 */

@import url(/css/reset-min.css);

/* Globals -------------------------------- */

body {
font-family: "Lucida Grande", "Trebuchet MS", verdana, sans-serif}

body, html {
color: #343434;
background: #fafcff}

p, ul li {
font-size: .8em;
line-height: 1.5;}

p {
margin: 0 1em 1.5em}

h1, h2, h3, h4, h5 {
font-family: "Trebuchet MS";
letter-spacing: -.05em}

h1 {
font-size: 1.8em}

h2 {
margin: .5em .5em 1em;
color: #2d6fb1;
font-size: 1.5em;}

h2.alt-header {
color: #003366}

h3 {
margin: .5em .75em;
text-transform: uppercase;
letter-spacing: .075em;
color: #3878b8}

h4 {
font-size: .9em;
letter-spacing: 0;
margin: .5em .75em;}

a {
color: #2d6fb1}

a:hover {
color: #3fa0fe}

strong {
letter-spacing: .05em;
color: #212121;
font-weight: bold}

em {
color: #343434;
font-style: italic}

dl {
font-size: .8em}

dt {
padding-top: 1em;
font-weight: bold}

dd {
padding: .5em 1em;
line-height: 1.6}

ol {
margin: 1.5em .5em;
list-style-type: decimal;
list-style-position: inside}

ol li {
font-size: .8em;
margin-left: 1.5em}

table {
font-size: .8em}

hr {
border-width: 0;
border-bottom: 1px dotted #888;
height: 0;
margin: 1em 2em }

.note {
font-size: 75%}

table .number {
text-align: right}

.c {
text-align: center !important;}

.l {
text-align: left !important;}

span.c {
display: block;}

.r {
text-align: right !important;}

.system-error, .user-error, .notice {
background-color: #ffffc6;
border: 1px solid #cdcdcd;
padding: .5em 1em;
margin: 0 1.5em .5em;}

.info {
padding-left: 20px;
background: transparent url(/img/information.png) no-repeat top left;}

.warn {
padding-left: 20px;
background: transparent url(/img/warn.png) no-repeat .5em 50%;}

.success {
padding-left: 20px;
background: transparent url(/img/tick.png) no-repeat 1em 50%;}

.notice {
padding: .8em .5em;
margin: .5em;
text-align: center;
font-weight: bold;
background-color: #ffffc6;}

.about-us p {
text-align: center;
width: 90%;
margin: 0 auto .5em;}

.wearela, .wearela strong {
font-family: "trebuchet ms";
color: #2f78be;
font-size: 130%;
text-transform: lowercase;}

body div.system-error h1, body div.user-error h1 {
border: 0;
padding: 0;
margin: .5em;
font-size: 14px;
font-weight: bold;
padding-left: 24px;
letter-spacing: .1em;
background: transparent url(/img/warn.png) no-repeat left 50%;}

ul.notes {
margin: 1em 1.5em;}

ul.notes li {
margin-bottom: 1em;}

/* Form Globals ----------------------------------- */

input, select, textarea {
background-color: #fff;
border-width: 1px;
border-color: #aaa}

input, option, textarea {
padding: 2px;}

label {
font-size: .8em;
font-weight: bold;}

form label {
float: left;
width: 12em}

form br {
clear: left;
display: block;}

form p.submit-button {
text-align: center}

input[disabled] {
background-color: #dedede;}

/* Structure ----------------------------------- */

#w {
width: 920px;
margin: 0 auto;
background: #fffdf5 url(/img/w-bg.png) repeat-y top left}

#header {
position: relative;
background: #fffdf5 url(/img/header.png) no-repeat top left;
height: 98px;}

#header h1 a {
position: absolute;
width: 300px;
height: 82px;
top: 10px;
left: 12px;
display: block;
text-indent: -9999px}

#login-link, #logout-link {
position: absolute;
z-index: 100;
right: 25px;
top: 1.2em;
text-indent: -9999px;
height: 14px;
width: 51px;
background: transparent url(/img/login-button-na.png) no-repeat top left}

#cart-link {
position: absolute;
right: 83px;
top: 1.2em;}

#cart-link, #cart-link a {
color: #fff;}

#cart-link a {
padding-left: 20px;
background: transparent url(/img/cart_go.png) no-repeat left 50%;
text-decoration: none;}

#cart-link a {
text-decoration: underline;}

#header form {
padding: 0;
position: absolute;
background: none;
right: 40px;
top: 45px;}

#logout-link {
width: 65px;
background-image: url(/img/logout-button.png)}

#nav {
white-space: nowrap;}

#nav li {
padding-top: 2px;}

.menubar {
margin: 0 11px;
padding-left: 5px;
width: 893px;
height: 26px;
/*background: #023568 url(/img/nav-bar.png) no-repeat top left;*/
background: #2966a4 url(/img/nav-bar.png) no-repeat top left;}

.menubar a, #footer a {
color: #fff;
font-weight: bold;
text-decoration: none}

.menubar a:hover, #footer a:hover {
text-decoration: underline;
color: #2d6fb1;}

#secondary-nav {
position: relative;
margin-top:2px !important;
padding: 5px 0 0px 0px;
background-image: none;
/*border: 1px solid #143250;*/
border-bottom: 1px solid #2966a4;
border-top: none;
text-align: center;
margin:auto;}

#secondary-nav li {
display: block;
float:left;
height:24px;
width: 11.7em;
padding-top: 4px;
margin-left: 0px;
background: transparent url(/img/tab.png) no-repeat top;
color: #fff;
font-size: .8em;}

#secondary-nav li a:hover {
color: #76baff;
text-decoration: none;}

#secondary-nav a {
font-weight: normal;}

li#prompt {
line-height: 1;
position: absolute;
left: .5em;
top: 1.4ex;
font-weight: bold;
text-transform: uppercase;
color: #d5ffff;}

#prompt strong {
padding-top: 4px;
letter-spacing: .05em;
color: #d5ffff;}

.menubar li {
padding: 0 .7em;
display: inline;
vertical-align: middle;}

.menubar li ul {
border: 1px solid #ccc;
border-width: 1px 0}

#content {
padding: 10px 20px 0}

#footer {
width: 880px;
height: 30px;
padding: 8px 20px 12px;
margin-top: 1.5em;
clear: both;
color: #fff;
background: transparent url(/img/footer.png) no-repeat bottom left;
text-align: center}

#footer a {
text-decoration: underline;
font-size: .9em}

/* Homepage ---------------------------------- */

#section-hosting {
overflow: auto;
padding: 1em 1em 1em;
border: 1px solid #ddd;
border-color: #dcdcdc #aaa #aaa #dcdcdc;
background: #fffffc url(/img/free-managed-dns.png) no-repeat scroll 693px 6px;
margin-bottom: 15px;
}

#hosting-packages {
width: 95%;
margin: 0 auto;
}

#hosting-packages .hp-header {
text-align: center;
font-size: 15px;
letter-spacing: 0px;
color: #225588;
padding: 10px;
border: 1px solid #ddd;
background-color: #ffffcf;
width: 300px;
font-weight: bold;
}

#hosting-packages .hp-body {
border: 1px solid #ddd;
width: 300px;
padding: 7px 7px 7px 15px;
}

#hosting-packages .hp-gap {
width: 15px;
border: 0px none !important;
background-color: transparent !important;
}

#hosting-packages .hp-foot {
border: 1px solid #ddd;
width: 300px;
padding: 7px 7px 7px 15px;
font-weight: bold;
text-align: right;
color: #2D6FB1;
}

#section-one {
overflow: auto;
padding-top: 5px;
/* background: transparent url(/img/free-managed-dns.png) no-repeat 715px 90px; */
}

#section-one h2 {
margin-bottom: .2em;}

#section-one #getting-domains {
float: left;
width: 360px;
margin-bottom: 1em;
min-height: 330px;}

#section-one #home-login {
padding-left: 10px;
margin-left: 370px;
border-left: 1px solid  #dcdcdc;}

#home-login form  {
position: relative;
width: 300px;
height: 105px;
padding: 15px 10px 10px;
margin: 1em auto;
border: 1px solid #003366;
background: transparent url(/img/home-login.png) no-repeat top left;
text-align: center;}

#home-login form label {
clear: none;
width: 95px;
text-align: right;
color: #fff;}

#home-login p#forgot-pass {
position: relative;
top: 40px;
padding: 0;
margin: 0;
text-align: right;}

#home-login form a {
color: #fff;}

#home-login form br {
clear: right;}

#home-login .search-submit {
position: absolute;
bottom: 40px;
left: 120px;}

#home-login h3 {
font-style: italic;}

.home-section {
padding: 0 0 1em;
clear: both;}

#section-two, #section-three {
padding-top: 1em;
padding-bottom: 1em;
border-top: 1px dotted #ddd;}

.home-section h2 {
margin-top: 0;
margin-bottom: 0;
padding-left: 20px;
background: transparent url(/img/icon.png) no-repeat left 50%}

.home-section li {
margin-left: 1em;
line-height: 1.6;}

.home #section-one ul {
padding: 3px;
border: 1px solid #e0e0e0;
border-width: 0 0 0 2px;}

.home #section-one p {
text-align: justify}

.home #section-one img {
float: right;
padding: 4px;
margin: .5em .5em 1em 0;
background-color: #eee;
border: 1px solid #ccc;}

.home #section-one .subnote {
clear: both;
font-style: italic;
text-align: right;}

.home #section-one h3 {
margin: .5em auto 0;
text-align: center}

#section-two, #section-one div {
padding: 1em 1em .5em;
border: 1px solid #ddd;
border-color: #dcdcdc #aaa #aaa #dcdcdc;
background-color: #fffffc;}

#section-one div {
padding: 0;
margin: 0 auto .5em;
border-color: #ccc #ececec #ececec #ccc;
width: 460px;}

#section-two p {
margin-top: .5em;}

#section-two .more-link {
text-align: right;
margin-right: 1em;
font-weight: bold;}

#offer {
padding-left: 1em;
margin-left: 460px;
border-left: 1px solid #dedede;}

#offer img {
display: block;
margin: 15px auto;}

#offer .subnote {
font-style: italic;
text-align: right;}

#premium-showcase {
float: left;
/*width: 450px;*/}

#premium-showcase h2 {
color: #003366;
margin-left: 0;
padding-left: 20px;
background: transparent url(/img/award_star_gold_3.png) no-repeat left 50%;}

#section-three {
margin-top: 1em;
margin: 1em -10px;
padding-top: 110px;
background: transparent url(/img/home-filmstrip.jpg) no-repeat 0 0;}

#section-three h2 {
text-align: center;
margin: .4em 1em .8em;
background: none;}

.home .column {
margin: .5em 4px;
padding: 0 20px;
width: 250px;
float: left;
text-align: justify}

.home .column h3 {
margin: 0 auto;
white-space: nowrap}

.home .column h3 span {
padding-left: 20px;
text-align: left;
background: #fffdf5 url(/img/weather_sun.png) no-repeat left 50%}

.home #col-a h3 span, .home #col-c h3 span {
background-image: url(/img/newspaper.png)}

.home #col-b h3 span {
color: #234e79}

.home #col-b {
text-align: left;
border: 1px dotted #dadada;
border-width: 0 1px}

.newsfeed p.news-desc {
font-size: .9em;
margin: .25em 0;}

.newsfeed h4 {
padding-top: .5em;
text-indent: 18px;
font-weight: bold;
letter-spacing: .05em;
color: #1d4771;
background: transparent url(/img/bullet_feed.png) no-repeat left 1.3ex}

.newsfeed li {
margin-left: 0;}

.newsfeed .news-link {
font-size: .9em;
text-align: right}

.newsfeed .news-link a {
padding-right: 20px;
background: transparent url(/img/newspaper_go.png) no-repeat right 50%}

.home #col-a .subnote, .home #col-c .subnote {
padding-left: 20px;
background: transparent url(/img/feed.png) no-repeat left 50%;
margin: 1em;
font-style: italic;
display: inline;}

.home #col-b h4 {
clear: both;
margin: 1em 0.3em 0;
padding-bottom: 0;
letter-spacing: .05em;
font-weight: bold;
color: #2d6fb1}

.home #forecast-title {
padding-left: 20px;
padding-top: 1em;
margin: 1em .5em 0;
border-top: 1px dotted #2d6fb1;
background: transparent url(/img/time.png) no-repeat left 1.1em}

img.weather-icon {
display: block;
margin: .5em auto;
text-align: center;
background-color: #fff;
padding: 5px 10px}

img.forecast-icon {
float: left;
padding: .5em;
margin: 1em}


.domain-search-form {
color: #fff;
width: 341px;
height: 46px;
padding-top: 20px;
padding-left: 20px;
margin: 1em auto;
background: #003366 url(/img/home-searchform.png) no-repeat top left;
white-space: nowrap}

.domain-search-form span {
font-weight: bold;
font-size: 12px;
letter-spacing: .1em;
text-transform: uppercase}

form .domain {
padding: 1px 2px;}

input.search-submit {
width: 75px;
height: 24px;
border: 0;
color: #fff;
cursor: pointer;
font-weight: bold;
text-transform: uppercase;
font-size: 9px;
letter-spacing: .1em;
background: transparent url(/img/home-searchform-submit.png) no-repeat left 1px}

input.search-submit:active {
background-position: -75px 1px}

#form-header {
background: transparent url(/img/icon_network.gif) no-repeat left 50%}

/* Registrars Page ----------------------------------- */

table#registrar-list {
margin: 1em auto}

table#registrar-list td, table#registrar-list th {
padding: .25em .5em;
border-bottom: 1px solid #ccc}

table#registrar-list th {
font-weight: bold;
background-color: #eee}

/* Contact Page ------------------------------------------ */

.contact .address {
margin: 1em auto 1em 2em;
font-style: italic;
font-size: .8em;
line-height: 1.6}

/* WHOIS Page ------------------------------------------ */

.whois form {
text-align: center;
margin: 1em auto;
clear: both;}

.whois fieldset {
padding: 1em;}

.whois label {
float: none;}

#whois-pre {
background-color: #fff;
padding: 1em;
border: 1px solid #aaa;
margin: 1em}

/* Account Manager Page ------------------------------------------ */

.account table {
clear: both;
margin: 1em auto .5em}

.account {
position: relative;}

.account h2 {
margin-bottom: .5em;}

.account-link-header {
position: absolute;
top: 2em;
right: 2em;}

#account-actions-table .domain, #domain-name-header,
#account-actions-table .expires, #expires-header {
border-right: 1px solid #ccc;}

#account-contact-details {
text-align: left;
width: 860px;
margin: 1em;}

#account-contact-details .label-cell {
width: 10em;
border-right: 1px solid #eee;}

.details-edit-link {
text-align: center;
font-weight: bold;}

 td.label-cell {
padding-right: .5em;
font-weight: bold;}

.admin td, .admin th, .account td, .account th, #account-contact-details td, #account-contact-details th {
border: 1px solid #ddd;
border-width: 1px 0;
padding: .5em}

 .account table th, .admin-table th {
font-weight: bold;
background-color: #ffffe0;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;}

#account-actions-form {
text-align: center;}

#account-actions-form table {
width: 840px;}

#account-actions-form table th {
padding: 10px 7px;}

#account-actions-form td {
text-align: left;}

.alert-row {
background-color: #ffffc6;}

.account td.domain-checkbox, #domain-choice,
.account td.notes-cell, #notes-header {
border-left-width: 1px;}

.account td.domain-checkbox, #notes-header,
.account td.notes-cell, #domain-choice {
border-right-width: 1px;}

#account-actions-form td.domain-checkbox {
padding: 0;
width: 40px;
text-align: center;}

.account td.domain-checkbox label {
cursor: pointer;
display: block;
height: 24px;
padding-top: 12px;
width: 100%;}

.account td.domain-checkbox input {
cursor: pointer;}

#account-actions-form label {
float: none;}

td.expires {
letter-spacing: .01em;}

.expires em {
font-size: 90%;
color: #777;
vertical-align: top;}

#account-actions-form tr:hover td {
background-color: #eee;}

#content p.account-link-footer {
background-color: #ffffdd;
padding: 1em;
text-align: center;
border-top: 1px solid #ccc;
border-bottom: 1px dotted #ccc;
font-weight: bold;
margin: 1em -10px;}

.account-link-footer {
margin-top: 3.5em;}

.contact-details-header, #account-payment-header, #account-domain-header {
background: transparent url(/img/vcard.png) no-repeat left 1.1em;
padding-left: 22px;}

#account-payment-header {
background-image: url(/img/icon-money.png);}

#account-domain-header {
background-image: url(/img/icon_world.gif);}

#nameserver-list-table {
margin: 0 2em 2em;}

#recent-payment-history, .info-about .admin-table {
text-align: left;
width: 860px;
margin: 1em;}

.info-about .admin-table li {
font-size: 12px;
margin-bottom: .5em;}

/* Search Page ------------------------------------------------- */

.search h1 {
padding-top: 5px;
border-top: 1px solid #ccc;
font-weight: bold;
margin: .5em .1em 0;
font-size: 1.1em;
letter-spacing: .1em;
color: #555}

#domain-available {
text-align: center;
padding: 1em;
margin: 1em auto;}

#domain-available-box {
width: 90%;
background:#FFF6BF;color:#514721;border: 2px solid #FFD324;
text-align: center;
padding: 1em;
margin: 1em auto;}

#domain-available span, #domain-available-box span {
padding-left: 24px;
background: transparent url(/img/tick.png) no-repeat left 50%;}

#domain-register-form {
text-align: center}

/* Contacts/Account Form ------------------------------------------------- */

form.contact-form, #login-form {
width: 600px;
padding: 0 1em 1em;
margin: 1em auto;
background-color: #eee;
border: 1px solid #ccc}

#login-form {
padding: 1em 1em 0;
width: 24em;
text-align: center;}

form.contact-form label, #login-form label {
width: 180px;}

#login-form label {
margin: .5em auto;}

form.contact-form p.note {
margin: 1em auto .5em;
font-style: italic;
margin-left: 175px;}

form.contact-form input, form.contact-form select {
width: 410px;}

form.contact-form label, form.contact-form input, form.contact-form select {
margin: .25em 0}

form.contact-form input[type="submit"] {
width: 9em}

form.contact-form fieldset {
padding: 1em 0;
border-bottom: 1px solid #ccc}

form .tos {
text-align: center;
margin: 1em;}

/* Login Page ------------------------------------------------- */

.login-page form#login-form {
text-align: center;
padding: 1em 1em 0;
width: 400px;
margin: 1em auto}

.login-page form#login-form input[type="submit"] {
display: block;
margin: .5em auto}

/* FAQ Page ------------------------------------------------- */

#faq-links {
width: 350px;
float: right;
padding-left: 0;
margin-left: 20px;
border: 1px solid #ccc;
background-color: #fff}

#faq-links ol {
padding: 0 1em}

#faq-links li {
margin-bottom: .5em;
line-height: 1.4;
list-style-position: outside}

#faq-links h3 {
padding-top: .5em;
text-align: center}

.faq dt {
color: #003366;
font-size: 1.2em;
margin: 0 .75em;
line-height: 1.5;}

.faq dd li {
font-size: 1em;}

/* Admin ------------------------------------------------- */

#content.admin {
position: relative;}

#content.admin .account-link-header {
top: 1em;
right: 1em;}

.admin-table {
margin: 0 auto}

.admin-table th {
font-weight: bold}

.admin-table th, .admin-table td {
padding: .5em;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;}

.admin-table-header{
border-top: 1px solid #ddd;
}

.admin-table label {
font-weight: bold;
font-size: 1.1em;
width: auto}

.admin-report h2 {
margin: .5em auto}

.change-password form {
width: 25em;
margin: 0 auto}

.change-password label {
font-size: 100%}

.account-manager h2 {
padding-left: 24px;
background: transparent url(/img/icon-report.png) no-repeat left 50%;}

.account-manager h3 {
padding-top: 1em;
border-top: 1px dotted #ccc;}

.show-usage li {
margin-left: 1em;
list-style-type: disc;
text-align: center;}

.show-usage p {
font-weight: bold;
text-align: center;}

.dispatch {
text-align: center;}

.dispatch h2 {
text-align: left;}

.dispatch form {
width: 600px;
margin: 1em auto;}

.dispatch form label {
text-align: right;
font-weight: bold;}

.dispatch .user-error h1 {
font-weight: bold;
font-style: italic;
font-size: 14px;}

.dispatch .user-error, .dispatch .system-error {
text-align: left;}

.dispatch h3 {
text-transform: none;
margin-top: 1em;
text-align: left;}

.dispatch-errors {
width: 80%;
margin: 1em auto;
text-align: left;}

.dispatch-process-header {
margin-top: 1em;
padding-top: 1em;
border-top: 1px solid #cdcdcd;}

.dispatch-errors li {
font-weight: normal;
list-style-position: inside;
list-style-type: circle;
margin: 1em;
line-height: 1.5}

.process {
text-align: left;
width: 400px;
padding: 1em;
margin: 1em auto;
border: 1px solid #ccc;
background-color: #ffffea;}

.process li {
margin-left: 1em;
list-style-type: disc;}

#renewal-form {
width: auto;
border-top: 1px solid #cdcdcd;}

#renewal-period-table td, #renewal-form-table td,
#checkout-form-table td {
border: 0;
padding: .25em .5em;
text-align: left;}

#renewal-period-table {
border: 1px solid #cdcdcd;
background-color: #ffffea;}

#renewal-period-table td {
padding: 1em .5em .25em;}

#renewal-form-table td.submit-row, #renewal-period-table td.submit-row,
#checkout-form-table td.submit-row {
padding: .5em;
text-align: center;}

#renewal-period-table {
width: 400px;
margin: .5em auto;}

#renewal-period-table .label-cell {
width: 200px;
text-align: right;}

#renewal-form-table, #checkout-form-table {
text-align: left;
margin: 1em auto;
width: 600px;}

#review-order {
padding-left: 20px;
background: transparent url(/img/information.png) no-repeat left 50%;}

#order-summary {
margin: 1em auto;
width: 75%;
border: 1px solid #cdcdcd;}

#order-summary td, #order-summary th {
text-align: left;
border-right: 1px solid #cdcdcd;}

#order-summary th {
padding: 1em .5em .7em;}

#order-summary .total {
border-top: 4px double #aaa;}

#cvv-info img {
display: block;
margin: 1em auto;}

#renewal-form-table table {
margin: 0;}

#renewal-form-table .submit-row  .notice {
width: 50%;
margin: -1em auto .5em;
padding: .2em}

.delete .warn {
padding: 10px 30px;
background-position: 6px 45%;
text-align: left;}

.delete .submit-row {
border: 1px solid #800;
border-width: 1px 0;
margin-top: 1.5em;
padding: 1em;}

.delete .submit-row label {
float: none;}

.transfer-out-note {
margin: 0 2em;}

.transfer-out-note strong {
color: #555;}

.transfer-out .authcode span {
padding: 3px;
margin: .5em;
font-size: 14px;
font-weight: bold;}

#transfer-out-explanation {
text-align: left;}

#transfer-out-explanation .submit-row {
text-align: center;}

#transfer-out-form {
text-align: center;
margin: .5em auto;
padding: .5em 0;
width: 600px;
background-color: #eee;
border: 1px solid #ccc;}

#transfer-out-form label,
#transfer-out-form select {
float: none;
display: inline;}

.transfer-domain p {
text-align: left;}

.transfer-domain p.notice {
text-align: center;}

#domain-modify-contacts-form-table {
margin: 0 auto;}

.contact-list-new {
text-align: left;
width: 60%;
padding: 1em;
margin: 0 auto 1em;
border: 1px solid #ccc;
background-color: #efefef;}

.modify-dns form {
width: auto;}

table.process-nameservers {
margin: 1em auto;
width: 600px;
text-align: left;}

table.process-nameservers td {
border: 1px solid #ddd;
font-size: 14px;}

table.process-nameservers th,
table.process-nameservers .submit-row {
border: 1px solid #ccc;
text-align: center;}

table.process-nameservers td,
table.process-nameservers th {
padding: 0 .5em;}

table.process-nameservers th,
table.process-nameservers .submit-row {
padding: 1em;}

table.process-nameservers li {
font-size: 12px;
margin: 0 5px;
font-family: monospace;}

.nameserver-checkboxes {
margin-left: 2em;
list-style-position: outside;}

table.process-nameservers .submit-row {
background-color: #ffffe0;
text-align: right;}

table.process-nameservers p {
padding: .5em;
text-align: center;
font-size: 12px;}

#domain-modify-dns-form {
border: 1px solid #ccc;
background-color: #eee;
width: 600px;
margin: 1em auto;}

#domain-modify-dns-form table {
margin: 1em auto;
width: 600px;}

#domain-modify-dns-form table td {
border: 0;
text-align: left;
padding: .5em;}

#domain-modify-dns-form .submit-row {
text-align: center;}

#domain-modify-dns-form .label-cell {
text-align: right;}

#domain-info-table {
margin: 0 auto 1em;}

#domain-info-table td {
padding: .5em;
font-size: 12px;}

th.sorted-asc a {
background: transparent url(/img/arrow_down.png) no-repeat right 50%;
padding-right: 16px;}

th.sorted-desc a {
background: transparent url(/img/arrow_up.png) no-repeat right 50%;
padding-right: 16px;}

.view-payment h2 {
text-align: center;}

.view-payment h2 em {
padding-left: 24px;
padding-right: 4px;
background: transparent url(/img/icon-page.png) no-repeat left 50%;}

.view-payment h2 span {
font-style: italic;
color: #666;
font-size: .65em;
letter-spacing: .05em;
vertical-align: top;}

.view-payment .admin-table {
width: 80%;
background-color: #fff;
padding: 1em;
margin: 0 auto 1.5em;
border: 5px solid #e0e0e0;}

.view-payment table table {
font-size: 1em;}

.view-payment table td {
border-left: 1px solid #dedede;}

.view-payment table table td {
border-right: 1px solid #dedede;
border-left: none;
border-bottom: none;}

input#drop {
color: #fff;
font-weight: bold;
background-color: #c9aaaa;}

h3#managed-active-header {
padding-left: 24px;
background: transparent url(/img/icon-server.png) no-repeat .1em 1.1em;}

h3#managed-available-header {
padding-left: 24px;
background: transparent url(/img/icon-server_add.png) no-repeat .1em 1.1em;}

.managed-dns h2 {
padding-left: 24px;
background: transparent url(/img/icon-server_connect.png) no-repeat left 50%;}

.managed-dns .info {
background-position: left 1.1em;}

#managed-dns-warning {
width: 75%;
margin: 0 auto;
padding: .5em 1em;
text-align: left;}

ul#managed-dns-warning li {
list-style-position: inside;
list-style-type: disc;
font-weight: normal;}

ul.managed-domain-list {
width: 80%;
padding: .5em 1em;
margin: 1em auto;
background-color: #fefefe;
border: 1px solid #ccc;}

ul.managed-domain-list li {
margin: .8em 0;}

.managed-domain-list li label {
font-weight: normal;
font-size: 1em;
float: none;
margin: 0 1em;}

.managed-dns h3 {
padding-top: 1em;
border-top: 1px dotted #ddd;
margin-top: 1.5em;}

.managed-dns .warning {
margin: 1em 4em;
color: #c90000;}

table.managed-dns-setup {
width: 860px;
padding: 5px 10px;
margin: 20px 10px;
border: 1px solid #ccc;}

table.managed-dns-setup td,
table.managed-dns-setup th {
border-bottom: 1px solid #dedede;
border-left: 1px dotted #ddd;}

.managed-dns-setup p.notice {
width: 50%;
margin: 1em auto;}

.managed-dns-setup label {
font-weight: bold;
float: none;
font-size: 1em;
margin: 0 .2em;}

#zonefile-display {
padding: 20px 10px;
width: 820px;
height: auto;
margin: 1em auto;
border: 8px solid #dedede;
background-color: #eee;
color: #000;
overflow: auto;}

/* Register ------------------------------------------------- */

#registration-complete {
margin: 1.5em 5em;}

#shopping-cart-form-table {
margin: .5em auto;}

#shopping-cart-form-table td, #shopping-cart-form-table th {
padding: .5em;
border-bottom: 1px solid #ccc;}

#shopping-cart-form-table th {
background-color: #eee;
font-weight: bold;}

#update-period-form-table {
margin: .5em auto;}

.password-reminder form {
width: 100%;
margin: 1em;}

/* Manage Contacts ------------------------------------------- */

.manage-contacts h2 {
padding-left: 24px;
background: transparent url(/img/icon-group_link.png) no-repeat left 50%;}

#contacts-list {
width: 100%;
margin: 0 auto 1em;
font-size: 1em}

td.contacts-list-cell {
padding: 1em;
border-bottom: 1px solid #ccc}

.contacts-list-cell form {
margin: 0 auto;}

.domain-contact-table, td.contacts-list-cell,
td.contacts-list-cell form {
width: 400px;}

td.contacts-list-cell form {
border: 1px solid #aaa;
background-color: #eee;
margin-top: .5em;
padding: .5em 0;
text-align: center;}

.domain-contact-table td {
border-bottom: 1px solid #ccc;
padding: .5em;}

.domain-contact-table .label-cell {
border-right: 1px solid #eee;}

.info-about #domain-info-table table td {
border-color: #eee;}

#edit-account-form .submit-button input,
#create-contact-form .submit-button input {
margin-top: .5em;
width: 10em;}

.create-contact-link, .update-contact-id {
font-weight: bold;
text-align: center;
border-bottom: 1px dotted #aaa;
margin-bottom: -.5em;
padding-bottom: 1em;}

.create-contact-link {
margin-bottom: 1em;}

.update-contact-id {
margin-top: 1em;}

/* Manage Hosts -------------------------------------------- */

.manage-hosts h2 {
padding-left: 24px;
background: transparent url(/img/icon-server_connect.png) no-repeat left 50%;}

#nameserver-search-form, #create-nameserver-form {
width: 650px;
padding: 1em 0;
margin: 1em auto 1.5em;
background-color: #eee;
border: 1px solid #aaa}

#create-nameserver-form td.c {
padding: .5em;}

/* Premium Names ------------------------------------------- */

table.premiumnames {
float: left;
margin: 4px 5px;
width: 270px;
border: 1px solid #ccc}

.premium-names p {
clear: both;
margin: 1em auto;
font-weight: bold;
text-align: center}

.premium-names div {
width: 850px;
margin: 0 auto 1em;
clear: both;
text-align: center;
overflow: auto;}

table.premiumnames tr {
font-size: 13px}

table.premiumnames td, table.premiumnames th {
border-bottom: 1px solid #ddd;
padding: 8px 10px;
text-align: left}

table.premiumnames th.premium-price-header {
text-align: right}

table.premiumnames td {
font-weight: bold;
color: #204f7e;
width: 174px}

.premiumnames .zebra td {
color: #2f78be; }

table.premiumnames td.premium-price {
font-weight: normal;
color: #000;
width: 60px;
text-align: right}

table.premiumnames th {
background-color: #eee;
font-weight: bold}

/* Promotion */

.promotion #intro {
height: 375px;
padding-right: 250px;
background: transparent url(/img/cc-billboard.jpg) no-repeat top right;}

.promotion h2 {
padding-left: 20px;
background: transparent url(/img/16circle-b.png) no-repeat left 50%;}

div#access, div#statistics, div#tools {
text-align: left;
float: left;
border: 1px solid #eee;
border-width: 0 1px;}

div#statistics, div#access {
padding: 0 10px;}

div#access {
width: 337px;}

div#statistics {
width: 306px;}

div#tools {
border: none;
width: 190px;}

#statistics h2 {
padding-left: 22px;
background: transparent url(/img/icon-chart_bar.png) no-repeat left 50%;}

#tools h2 {
padding-left: 22px;
background: transparent url(/img/icon-wrench.png) no-repeat left 50%;}

#access h2 {
padding-left: 22px;
background: transparent url(/img/icon-server_database.png) no-repeat left 50%;}

div.administration hr {
border-bottom: 1px dotted #aaa;
height: 15px;
margin: 0 auto;
clear: both;}

td.admin-message {
white-space: normal;}

td.admin-message p {
font-size: 11px;
white-space: pre;
font-family: monospace;}

.administration {
position: relative;}

.administration #server-time {
text-align: right;
position: absolute;
right: -2px;
top: 0;
padding: 8px;
background-color: #fefefe;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;}

.administration .nowrap {
white-space: nowrap;}

#recent-domains h2 {
padding-left: 22px;
background: transparent url(/img/icon-database_add.png) no-repeat left 50%;}

#dom-deletion h2 {
padding-left: 22px;
background: transparent url(/img/icon-server_lightning.png) no-repeat left 50%;}

#recent-events h2 {
padding-left: 22px;
background: transparent url(/img/icon-time_add.png) no-repeat left 50%;}

#recent-accounts h2 {
padding-left: 22px;
background: transparent url(/img/icon-user_add.png) no-repeat left 50%;}

/* Hosting - ftp client */
div#listing table {
	margin:20px;
	border-spacing:1em;
	border: 1px solid #ddd;
	width: 840px;
}

div#listing td {
	padding: 5px;
}

div#listing th {
	color: #2D6FB1;
	padding: 8px;
	background-color: #FFFFE0;
	text-decoration: underline;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
}

#modalbox {
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 10px;
	position: absolute;
	top: -100px !important;
	left: -100px !important;
	z-index: 100000;
	width: 200px;
	height: 20px;
	text-align: center;
}

#modalbox-payment {
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 10px;
	position: absolute;
	top: -50px !important;
	left: -220px !important;
	z-index: 100000;
	width: 500px;
	height: 40px;
	text-align: center;
}

#simplemodal-overlay {background-color:#000; cursor:wait;}