html { height:100% }
body {
    border:0;
    border-top:5px solid #ddf5fe;
    padding:0;
    margin:0;
    background: #0b1a42 url('images/page-bg.jpg') repeat-x top left;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size:10pt;
    color:#0b1a42;
    height:100%;
}
a {text-decoration:none;color:#06cdf8;}
a:visited {color:#06cdf8;}
a:hover, a:active {color:#f8c300; }
a.current {font-weight:bold;}
input, select {border:1px solid #90d8fb;}
h1 { font-size:20pt; letter-spacing:-1pt;}
h2 { font-size:18pt;}
h3 { font-size:15pt;}
img {border:0;padding:0 4px;}
/* form section */
.zebra p {
    border-bottom:1px solid #06cdf8;
    border-top:1px solid #cfeefd;
    margin:0;
    padding:5px 10px;
    overflow:auto;
    background:#4295c0;
}
.zebra h4 {padding:5px 5px 5px 30px;margin:0 10px;font-size:13pt;background:#254981;color:#f8c300;}
.zebra p span {
    clear:both;
    display:block;
    float:left;
    text-align:right;
    font-weight:bold;
    width:200px;
    margin:5px;
}
.zebra p a img {vertical-align:middle;}
#domaincheck {
    background:url('images/domain-check.png') no-repeat top left;
    width:495px;
    height:160px;
    padding-top:58px;
    padding-left:16px;
    float:left;
}
#domaincheck form {
    width:350px;
    color:#fff;
}
#domaincheck form fieldset {
    margin-top:20px;
    border:0;
}
#domaincheck input.medium {
    font-size:12pt;
    width:356px;
    border:0;
    background:none;
    display:block;
}
#domaincheck input.checkbox {
    margin:5px;
}
#domaincheck input.button {margin:5px 100px;}
#domainprice {
    float:left;
    width:140px;
}
#domainprice ul {
    margin:0;
    padding:10px;
}
form label {display:block;}
/* form label.error {display:none;color:#dadada;border:1px solid #dadada;background:#d3052c url('images/icon/16x16/error.png') no-repeat 5px 10px;
padding:10px 10px 10px 30px;position:absolute;margin-top:-10px;} */
form label.error {display:block;margin-left:220px;}
form label span {
    clear:both;
    display:block;
    float:left;
    width:200px;
    margin:5px;
}
form label input {
    margin:5px;
    width:300px;
}

form label select {
    margin-left:5px;
}
input.short, input.small, .small, .short {
    width:60px;
}
input.long, .long {width:400px;}
input.medium, .medium {width:250px;}
input.checkbox {
    width:auto;
    padding:0;
    margin:0;
    margin-top:-4px;
}
table {
    width:100%;
    font-size:9pt;
    border-collapse: collapse;
    border:1px solid #8fd7fb;
    border-bottom:0;
}
tr {
    background:#cfeefd;
}
tr.odd, .zebra .odd {
    background:#b0d9ee;
}
tr.theader {
    background:#8fd7fb url('images/table-header.png') repeat-x bottom left;
    font-weight:bold;
    font-size:11pt;
    width:200px;
}
td {
    padding:5px 10px;
    vertical-align:top;
    border:1px dashed #fff;
}
td:first-child {font-weight:bold; width:200px;text-align:right;}
td.info {
    width:24px;
}
td.checkmark {
    background:url('images/icon/16x16/accept.png') no-repeat 10px center;
}
td.none {
    background:url('images/icon/16x16/cancel.png') no-repeat 10px center;
}
td a.button {
    margin:0;
    font-size:10pt;
}
td a:hover .tooltip {
    display:block;
}
tr.theader td {vertical-align:middle;}
div.tooltip {
    display:none;
    position:absolute;
    width:200px;
    padding:10px;
    background:#dadada;
    border:1px solid #8fd7fb;
    color:#0b1a42;
}
div.box {
    background:#bae0f7 url('images/box-bg.png') repeat-x top left;
    border:1px solid #8fd7fb;
    overflow:auto;
}div.navpage {
    margin:5px 0;
}
div.box h1 {
    margin:5px;
    padding-bottom:5px;
    border-bottom:1px dashed #8fd7fb;
}
div.boxbottom {
    background:url('images/box-bottom.png') repeat-x top left;
    overflow:auto;
    border:1px solid #8fd7fb;
    border-top:0;
}
div.boxbottom p {
    margin:0;
}
div.inner, .inner {
    padding:10px;    
    border:1px solid #f9f9f9;
    overflow:auto;
}
dl {margin:10px 10px 10px 210px;}
dl dt {
    font-weight:bold;
}
dl dd {
    margin:0;
}
ul {list-style:none;margin:0;padding:0;}
ul.menu {
    list-style:none;
    float:left;
    margin:0;
    padding:0;
    width:200px;
    font-size:9pt;
    border-bottom:2px solid #8fd7fb;
}
ul.menu li {
    border:2px solid #8fd7fb;
    border-bottom:none;
}

ul.menu li ul {
    list-style:none;
    padding:0;
    margin:0;    
}
ul.menu li ul li {
    background: url('images/icon/16x16/ask_and_answer.png') no-repeat 0 5px;
    border:0;
}
ul li img {
    border:0;
    vertical-align:middle;
    padding-right:5px;
}
ul.menu li a {
    padding:5px 10px;
    display:block;
}
ul.menu li.current {
    background:#f9f9f9;
    border-right:0;
}
#wrap {
    margin:0 auto;
    width:960px;
}
#header {
    background: url('images/logo.png') no-repeat top left;
    height:189px;
}
#header img {
    margin:40px 0 0 200px;
}
#page {
    background:#fff url('images/page-bg.png') repeat-x bottom left;
    border-bottom:1px solid #ffffff;
    width:900px;
    margin-top:8px;
    padding:10px 20px 20px 20px;
    overflow:auto;
}
#footer {
    clear:both;
    color:#ffffff;
    width:960px;
    margin:10px auto;
    overflow:auto;
 /*   background: url('images/mascot.png') no-repeat right bottom; */
}
#footer a {
    color:#90d8fb;
    padding:0 10px;
    display:block;    
}
#footer a:hover {
    color:#f8c300;
}
#footer dl {
    float:left;
    margin:0 20px 20px 20px;
}
#footer dt {font-size:12pt;}
#footer dd {
    margin:0;
    display:block;
    padding:5px;
    border-bottom:1px dashed #dedede;
}
#footer div {
    width:220px;
}
#footer .fright {
    text-align:center;
}
#footer .fright * {
    border:0;
    background:none;
}
ul.navmenu {
    list-style:none;
    margin-top:40px;
    text-align:center;
}
ul.navmenu li {
    display:inline;
    padding:5px 15px 7px 15px;
    border-left:1px solid #f9f9f9;
    border-right:1px solid #dfdfdf;
    font-size:12pt;
}
ul.navmenu li:hover {
    background:url('images/navmenu-hover.png') repeat top left;
}
ul.navmenu li.current {
    border-left:5px solid #0b1a42;
    background:#90d8fb;
}
ul.navmenu li a {
    color:#0b1a42;
}
.header {
    width:901px;
    height:119px;
    background:url('images/header-bg.jpg') no-repeat top left;
}
.content {
    padding:10px;
    width:680px;
    float:left;
}
.content p {text-align:justify;}
.sidebar {
    float:left;
    text-align:center;
    width:180px;
    margin:10px;
}
.sidebar * {
    padding:0;
    margin:0;
}
.sidebar .domain {border:4px solid #0b1a42;text-align:left;background:#8ed7fa url('images/domain-bg.png') repeat-x bottom left;}
.sidebar .inner {
    padding:0;
    border:1px solid #f9f9f9;
}
.sidebar h3 {
    text-align:center;
    background:#254981;
    color:#f8c300;
    padding:4px;
}
.sidebar p {padding:5px;}
.sidebar ul li {
    background:url('images/icon/16x16/tick.png') no-repeat 5px 5px;
    line-height:25px;
    padding-left:25px;
    margin:5px 10px;
    font-weight:bold;
    font-size:9pt;
}
.sidebar .box {margin-bottom:10px;}
dl.table {
    margin:0 auto;
    width:560px;
    overflow:auto;
}
dl.table dt, dl.table dd {
    float:left;
    padding:5px 10px;
    width:90px;
    background:#8cd5fa;
    margin:0 1px 1px 0;
}
dl.table dd {
    background:#cfeefd;
}
dl.table dd.item {
    background:#8cd5fa;
}
dl.table dd.checkmark {
    background:#cfeefd url('images/icon/16x16/accept.png') no-repeat center center;
}
dl.table dd.odd {
    background:#b0d9ee ;
}
dl.faq dt {
    background: url('images/icon/16x16/ask_and_answer.png') no-repeat 0 10px;
    padding:10px 20px;
}
dl.faq dd {
    background:#f9f9f9;
    padding:5px;
}
/* button section */
a.button, input.button {
    background:url('images/button-bg.png') no-repeat 0 -60px;
    width:150px;
    height:30px;
    display:block;
    float:left;
    color:#ffffff;
    margin:10px;
    padding-top:5px;
    height:25px;
    text-align:center;
    font-weight:bold;
}
a.button:hover, input.button:hover {
    background:url('images/button-bg.png') no-repeat 0 -30px;    
}
a.button:active, input.button:active {
    background:url('images/button-bg.png') no-repeat 0 0;    
}
input.button {height:30px;border:0;padding:0;}

/* domain page section */
div.zebra.domain {
    clear:both;
}
div.zebra.domain p {height:128px;padding-left:140px;}
div.zebra.domain p strong {display:block;font-size:15pt;}
p.free-eml {
    background:url('images/icon/domain/free-email.png') no-repeat 5px 5px;
}
p.email-fwd {
    background:url('images/icon/domain/email-forwarding.png') no-repeat 5px 5px;
}
p.domain-pro {
    background:url('images/icon/domain/domain-protection.png') no-repeat 5px 5px;
}
p.domain-fwd {
    background:url('images/icon/domain/domain-forwarding.png') no-repeat 5px 5px;
}
p.bulk-tol {
    background:url('images/icon/domain/bulk-tool.png') no-repeat 5px 5px;
}
p.dns-mgr {
    background:url('images/icon/domain/dns-manager.png') no-repeat 5px 5px;
}
p.whois-pro{
    background:url('images/icon/domain/whois-protection.png') no-repeat 5px 5px;
}

/* formating */
.aligncenter {text-align:center;}
.alignleft {text-align:left;}
.alignright {text-align:right;}
.fleft {float:left;}
.fright {float:right;}
.fcenter {padding-left:220px;}
.middlebox {margin-left:220px; }
.clear {clear:both;}

body#body {border:0;}
body#body .box {position:relative;top:300px;}
body#body #wrap {height:100%;}

/* zonpanel area */
.zonpanel {
    margin-left:198px;
    background:#f9f9f9;
    padding:5px;
    border:2px solid #8fd7fb;
}
.zonpanel ul li {display:inline;padding:1px 10px;border:1px solid #b0d9ee;font-size:12pt;}
.zonpanel ul li.current {background:#b0d9ee;font-weight:bold;}
.zonpanel ul li.current a {color:#0b1a42;}
.zonpanel .zebra span {width:130px;}
.zonpanel form {background:#b0d9ee;margin:0;padding:5px;}
.zonpanel form fieldset {border:2px solid #254981;}
.zonpanel p.pagenav {
    border:0;
    border-top:1px solid #cfeefd;
}
.zonpanel p.pagenav a {
    border:1px solid #cfeefd;
    padding:3px 5px;
    margin:2px;
}
.zonpanel p.pagenav a.current {background:#9b9a99;color:#f9f9f9;text-decoration:none;border:0;}
.zonpanel p strong {display:block;width:170px;float:left;text-align:right;padding-right:10px;}
.zonpanel p strong.fright {margin-top:-1.2em;padding:0;width:auto;float:right;}
.zonpanel tr.theader {font-size:10pt;}
.zonpanel td:first-child {width:20px;}
.zonpanel td {vertical-align:top;}
.zonpanel input.short {width:80px;}
.zonpanel h4 a {padding:5px;font-size:8pt;position:relative;right:5px;text-decoration:underline;}
.zonpanel form a {text-decoration:underline;}
.zonpanel form a.current {background:#b0d9ee;color:#f9f9f9;}
form img.vcode {width:100px;height:20px;border:1px solid #dadada;display:block;float:left;}

/* icon for zonpanel menu */
ul.menu .account {background:url('images/icon/16x16/vcard.png') no-repeat 5px 5px;padding-left:30px;}
ul.menu .billing {background:url('images/icon/16x16/money_bag.png') no-repeat 5px 5px;padding-left:30px;}
ul.menu .hosting {background:url('images/icon/16x16/server_information.png') no-repeat 5px 5px;padding-left:30px;}
ul.menu .domain {background:url('images/icon/16x16/world.png') no-repeat 5px 5px;padding-left:30px;}
ul.menu .support {background:url('images/icon/16x16/support.png') no-repeat 5px 5px;padding-left:30px;}
ul.menu .message {background:url('images/icon/16x16/email.png') no-repeat 5px 5px;padding-left:30px;}
/* icon for zonpanel inner page header */
h4.list {background:#254981 url('images/icon/16x16/table.png') no-repeat 8px 8px;padding-left:30px;}
h4 small {font-size:10pt;color:#dadada;}
h4.search {background:#254981 url('images/icon/16x16/magnifier.png') no-repeat 8px 8px;padding-left:30px;}
h4.ticket {background:#254981 url('images/icon/16x16/magnifier.png') no-repeat 8px 8px;padding-left:30px;}

/* this need to be deleted if fund payment method have other than paypal */
#methodnum {display:none;}
.zonpanel label#err_methodnum {display:none;color:#d3052c;}
form select#state { display:none;}

/* blockquote design */
blockquote {margin:5px 0;padding:10px 10px 10px 40px;}
blockquote.info {overflow:auto;background:#f9f9f9 url('images/icon/32x32/information.png') no-repeat 5px 10px;border:1px solid #dadada;}
blockquote.warn {overflow:auto;background:#fc7aa1 url('images/icon/32x32/information.png') no-repeat 5px 10px;border:1px solid #d3052c;color:#f9f9f9;}

/* colouring */
a.cyan, .cyan {color:#90d8fb;cursor:help;}
a.lightcyan, .lightcyan {color:#b0d9ee;cursor:help;}
a.darkyellow, .darkyellow{color:#b6b405;cursor:help;}
a.red, .red{color:#d3052c;cursor:help;}
a.orange, .orange{color:#f98b0a;cursor:help;}
a.green, .green{color:#56b708;cursor:help;}
a.grey, .grey{color:#9b9a99;cursor:help;}
.close {float:right;position:relative;top:-5px;right:-10px;}
.cursor {cursor:pointer;}
body#zonpanel #page .content{width:880px;}

/* calendar */
.calendar {
    position:absolute;
    border:1px solid #dadada;
    background:#90d8fb;
    width:210px;
    
}
.calendar dt:first-child {border-bottom:1px solid #dadada;}
.calendar dt {display:block;padding:5px;text-align:center;background:#254981;color:#f8c300;}
.calendar dd {float:left;width:30px;text-align:center;background:#4295c0;}