/***************** Core Page Frame From XTR Site *********************/

* {margin:0;padding:0;}
body { background: url(images/body-bg.jpg) repeat; color: #818181; font-size: 1em; font-family: Tahoma, Arial, Helvetica, sans-serif;}
#globalcontainer { position:relative; background: url(images/header-bg.jpg) repeat-x; }
#headercontainer { height: 160px; overflow:hidden; }
#headerholder { width: 960px; margin:0 auto;}
#pagecontainer { background: url(images/fade.png) repeat-x; overflow:hidden; }
#pagebody { background: url(images/fade.png) repeat-x; width: 960px;}
#pageholder { background: url(images/greenbg.jpg) repeat-y; width:960px; margin:0 auto;}
#productnavcontainer { background: url(images/navbg.jpg) repeat-x; height: 68px; }
#footerholder {height: 230px; background: url(images/footerbg.jpg) repeat-x; }
#footer { width: 960px; height: 230px; margin:0 auto; }
html>body #globalcontainer { height: auto;} /* IE Hack */

h1, h2, h3, h4, h5 { color: #728A4B;}
h1 { margin: 0px 0px 15px 0px; font-size: 150%;}
h2 { margin: 0px 0px 10px 0px; font-size: 125%;}
h3 {margin: 0px 0px 10px 0px; font-size: 110%;}
h4 { font-size: 90%;}
p {margin-bottom:10px; font-size:90%;}
a { text-decoration: none;color: #818181;}
a:hover { color: #728A4B;}
a .order-btn { display: block; width: 100px; height: 30px; background:url(images/order-btn-bk.png) no-repeat;}
a .order-btn:hover { background:url(images/order-btn-bk-hover.png) no-repeat;}
ul {list-style-type: none;}
ul li {}
ul li a {}
ul li a:hover { color: #728A4B;}
ul li a#active {}
img {border: 0px;}

span.green { color: #728A4B; font-weight: bold; margin: 0px 0px 10px 0px;}
a.link { text-decoration: underline; color: #728A4B;}
a.link:hover {text-decoration: none; color: #818181;}

.picright {float: right; margin: 0px 0px 5px 5px;}
.picleft { float: left; margin: 0px 15px 5px 0px;}
.button { background: transparent url(images/btn-bk.png) no-repeat; width: 100px; height: 30px; border: none; font-weight: bold;}
.button:hover { background: transparent url(images/btn-bk-hover.png) no-repeat;}
.center {text-align:center;}
.clientareatableactive{color:#728A4B}
.clientareatablepending{color:#EFEFEF}
.clientareatablesuspended{color:#BF0000}
.clientareatableterminated{color:#BF0000}

/***************** Header content layout & styling From XTR Site************************/

#header { height: 160px; width: 960px;}
#site-logo { float: left; height: 299px; width: 153px;}
#top-nav { background: url(images/topnav-bg.png) no-repeat bottom; float: right; width: 528px; height: 35px; font-size: 80%;}
.topnavigation {}
#top-nav .blog, .about, .news, .forum, .faq, .contact, .control { background: url(images/topnav-seperator.png) no-repeat left bottom;}
#top-nav ul {list-style:none;}
#top-nav ul li {display:inline;float: left; font-weight: bold;}
#top-nav ul li:hover {}
#top-nav ul li a { height: 20px; display:block; padding:10px 16px 5px 16px; text-decoration:none;}
#top-nav ul li a:hover {text-decoration:none;}

/**************** Top Product Nav Layout & Styling *********************/

#productnavholder {width: 960px; margin:0 auto;}
#product-nav { float: left; width: 720px; height: 68px; margin:0 auto;}
#product-nav ul { list-style-type: none;}
#product-nav ul li { float: left;}
#product-nav ul li a {height: 68px; display: block; padding: 0px 0px 0px 0px;}
#product-nav ul li a:hover { }
#product-nav span { left: -5000px; margin: 0px 0px 0px 0px; position: absolute;}

#product-nav li a.gameservers-nav, li.gameservers-nav { width: 110px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background: url(images/prodnav-gameservers.jpg) no-repeat;}
#product-nav li a.gameservers-nav, li.gameservers-nav:hover {background: url(images/prodnav-gameservers-over.jpg) no-repeat;}

#product-nav li a.voiceservers-nav, li.voiceservers-nav { width: 130px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background: url(images/prodnav-voice.jpg) no-repeat;}
#product-nav li a.voiceservers-nav, li.voiceservers-nav:hover {background: url(images/prodnav-voice-over.jpg) no-repeat;}

#product-nav li a.dedicatedservers-nav, li.dedicatedservers-nav { width: 162px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background: url(images/prodnav-dedis.jpg) no-repeat;}
#product-nav li a.dedicatedservers-nav, li.dedicatedservers-nav:hover { background: url(images/prodnav-dedis-over.jpg) no-repeat;}

#product-nav li a.webhosting-nav, li.webhosting-nav { width: 146px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background: url(images/prodnav-web.jpg) no-repeat;}
#product-nav li a.webhosting-nav, li.webhosting-nav:hover { background: url(images/prodnav-web-over.jpg) no-repeat;}

#product-nav li a.clanpackages-nav, li.clanpackages-nav { width: 143px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background: url(images/prodnav-clans.jpg) no-repeat;}
#product-nav li a.clanpackages-nav, li.clanpackages-nav:hover { background: url(images/prodnav-clans-over.jpg) no-repeat;}

#loginbox-nav { float: left; width: 164px; height: 68px; }
#loginbox-nav ul li a { display: block; background: url(images/cplogin-back.png) no-repeat; padding: 0px 0px 0px 0px; width: 164px; height: 68px; text-align: right;}
#loginbox-nav ul li a:hover { background: url(images/cplogin-back-over.png) no-repeat;}
#loginbox-nav span { left: -5000px; margin: 0px 0px 0px 0px; position: absolute;}
#loginbox-nav ul li a:hover {}
#cplogin-leftglow {float: left; width: 75px; height: 68px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/cplogin-leftglow.jpg) no-repeat;}

/****************** Sidebar styling and layout From XTR site*****************************/

#sidebar { width: 230px; margin: 0px 20px 0px 0px; float: left;}


#sidebar .leftnav-holder { width: 230px; margin: 0px 0px 15px 0px; float: left; }
#sidebar .leftnav-header { width: 230px; height: 25px; padding: 7px 0px 0px 10px; background: url(images/lowernavheader-bg.jpg) no-repeat; font-weight: bold;}
#sidebar .leftnav-header p {}
#sidebar .leftnav-content { width: 190px; padding: 10px 20px 2px 20px; background: url(images/lowernav-bg-repeat.jpg) repeat-y; overflow: auto;}
#sidebar .leftnav-content ul { padding: 0px 0px 0px 0px; }
#sidebar .leftnav-content ul li { background-image: url(images/list-image.png); background-repeat: no-repeat; background-position: 0px 5px; padding: 0px 0px 0px 14px;}
#sidebar .leftnav-content input { max-width: 180px;}
#sidebar .leftnav-bottom { width: 230px; height: 20px; background: url(images/lowernav-bottom.jpg) no-repeat;}

/******************* Page content styling and layout From XTR site **********************/

#page { padding: 20px 20px 20px 20px; overflow:auto;}
#page-content {width: 670px; float:left;}
#page-content ul { margin: 0px 0px 15px 0px;}
#page-content ul li { background-image: url(images/list-image.png); background-repeat: no-repeat; background-position: 0px 5px; padding: 0px 0px 0px 14px; font-weight: bold; font-size: 90%; margin: 0px 0px 5px 0px;}

/***************** footer Styling and layout From XTR site *******************************/

#footer-tweet { width: 270px; height:160px; float: left; background: url(images/footer-sep.png) no-repeat top right; padding: 10px 10px 5px 10px;}
#footer-tweet .fromtweet { width: 26px; height:155px; background: url(images/from-twitter.png) no-repeat left center; float: left;}
#footer-tweet .tweet { }
#footer-tweet .tweet ul li {margin: 0px 0px 10px 0px;}
#footer-tweet .tweet ul li a { color: #728A4B; text-decoration: underline; font-size: 85%;}
#footer-tweet .tweet .tweet_join { font-size: 95%;}
#footer-tweet .tweet .tweet_text { font-size: 80%;}
#footer-blog { width: 430px; height:160px; float: left; overflow:hidden; background: url(images/footer-sep.png) no-repeat top right; padding: 10px 10px 5px 10px;}
#footer-blog .fromblog { width: 26px; height:155px; background: url(images/from-blog.png) no-repeat left center; float: left;}
#blogfeed { float: left; width: 394px; padding: 0px 0px 0px 10px;}
#blogfeed p { font-size: 70%; margin-bottom: 2px;}
#blogfeed .title { font-size: 85%;}
#blogfeed .title a { color: #728A4B;}
#blogfeed .rsslink { float:right; margin: 5px 0px 0px 0px;}
#footer-company { width: 200px; height:160px; float: left; padding: 10px 10px 5px 10px;}
#footer-company p { font-size: 80%;}
#footer-company .intragrouplogo { width: 151px; height: 24px; float: right; margin-top: 18px; background: transparent url(images/intragroup.png) no-repeat;}
#footer-bottom {width: 960px; height: 45px; float: left; padding: 10px 0px 0px 0px;}
#footer-bottom p { font-size: 70%;}

/********* Custom styling of shop *****************/

.shopbox-top {width: 670px; height: 10px; background: transparent url(images/tabbox-top.jpg) no-repeat;}
.shopbox-content {width: 640px; padding: 0px 15px 0px 15px; background: transparent url(images/tabbox-repeat.jpg) repeat-y; overflow:auto;}
.shopbox-content a { color: #728A4B;}
.shopbox-bottom {width: 670px; height: 10px; background: transparent url(images/tabbox-bottom.jpg) no-repeat; margin: 0px 0px 10px 0px;}

#kbarticle-holder {}
#kbarticle-holder .kb-quicklinks { width: 300px; height:28px; margin: 0px 0px 0px 350px;}
#kbarticle-holder .kb-quicklinks .kb-fav {width: 150px; float:left;}
#kbarticle-holder .kb-quicklinks .kb-print {width: 150px; float:left;}

#searchresults { text-align:left;}

.shopbox-content ol { padding: 0px 0px 0px 25px; margin: 0px 0px 15px 0px; }
.shopbox-content ol li { padding: 0px 0px 0px 5px;}


/********* Table Stylings ***********/

table#client-home {}
table#client-home tr { height: 60px;}
table#client-home tr td { padding: 2px;}

table#loginbox {}
table#loginbox tr {}
table#loginbox tr td { padding: 10px 0px 10px 0px}
table#loginbox tr td.fieldarea { padding-right: 10px;}

table#kbcats {}
table#kbcats tr {}
table#kbcats tr td { padding: 0px 5px 0px 5px;}

table#kbarts {}
table#kbarts tr {}
table#kbarts tr td { padding: 0px 5px 0px 5px;}

table#submit-ticket {}
table#submit-ticket tr {}
table#submit-ticket tr td { padding: 0px 0px 5px 0px}
table#submit-ticket tr td.fieldarea { padding-right: 10px;}

table.clientarea{margin:0px;padding:0; background: transparent url(images/tabbox-repeat.jpg) repeat-y;}
table.clientarea td {padding: 6px 5px 0px 5px;}
table.clientarea tr.clientarea-head { height:32px; background: transparent url(images/checkout-divider.png) no-repeat;}
table.clientarea tr.clientarea-head th {color: #728A4b; font-weight:bold;}

table#domain-order {background: transparent url(images/tabbox-repeat.jpg) repeat-y; text-align: center;}
table#domain-order tr.head {text-weight: bold; color: #728A4B; background: transparent url(images/checkout-divider.png) no-repeat; height:38px;}
table#domain-order tr td {padding: 5px 5px 5px 5px; font-size: 90%;}

#table-div-filler {width:100%; background: transparent url(images/tabbox-repeat.jpg) repeat-y; overflow:auto;}

table#domain-prices {background: transparent url(images/tabbox-repeat.jpg) repeat-y; text-align: center;}
table#domain-prices tr.head {text-weight: bold; color: #728A4B; background: transparent url(images/checkout-divider.png) no-repeat; height:38px;}
table#domain-prices tr td {padding: 5px 5px 5px 5px; font-size: 90%;}

td.domaincheckerunavailable { color:#BF0000;}
td.domaincheckeravailable { color:#006F0F;}

table.product-dets {font-size:90%; background: transparent url(images/tabbox-repeat.jpg) repeat-y;}
table.product-dets tr.head {background: transparent url(images/checkout-head-bg.png) no-repeat; height:48px;}
table.product-dets tr.head td { padding: 20px 0px 0px 10px;}
table.product-dets tr td { padding: 0px 15px 0px 10px;}

table.view-supp {font-size:90%; background: transparent url(images/tabbox-repeat.jpg) repeat-y;}
table.view-supp tr.head {background: transparent url(images/checkout-head-bg.png) no-repeat; height:48px;}
table.view-supp tr.head th { padding: 10px 10px 0px 10px;}
table.view-supp tr td.ticket-comment { padding: 15px 15px 15px 15px;}
table.view-supp tr.ticketvote {padding: 5px 15px 5px 15px;}

table.clientdets { font-size:90%;}
table.clientdets tr {}
table.clientdets tr td { padding: 0px 5px 5px 0px;}

table.clientsupp{margin:0px;padding:0; background: transparent url(images/tabbox-repeat.jpg) repeat-y;}
table.clientsupp td {padding: 6px 5px 0px 5px; font-size:90%;}
table.clientsupp tr.clientsupp-head { height:32px; background: transparent url(images/checkout-divider.png) no-repeat;}
table.clientsupp tr.clientsupp-head th {color: #728A4b; font-weight:bold;}

table.clientinv{margin:0px;padding:0; background: transparent url(images/tabbox-repeat.jpg) repeat-y;}
table.clientinv td {padding: 6px 5px 0px 5px; font-size:90%;}
table.clientinv tr.clientinv-head { height:32px; background: transparent url(images/checkout-divider.png) no-repeat;}
table.clientinv tr.clientinv-head th {color: #728A4b; font-weight:bold;}

table.domain-dets {background: transparent url(images/tabbox-repeat.jpg) repeat-y; text-align: center;}
table.domain-dets tr.head {text-weight: bold; color: #728A4B; background: transparent url(images/checkout-divider.png) no-repeat; height:38px;}
table.domain-dets tr td {padding: 5px 5px 5px 5px; font-size: 90%;}

table#domain-mgmt {}
table#domain-mgmt tr {}
table#domain-mgmt tr td { padding: 0px 5px 0px 5px;}

table.email-dets {background: transparent url(images/tabbox-repeat.jpg) repeat-y; text-align: center;}
table.email-dets tr.head {text-weight: bold; color: #728A4B; background: transparent url(images/checkout-divider.png) no-repeat; height:38px;}
table.email-dets tr td {padding: 5px 5px 5px 5px; font-size: 90%;}



/******** ALL BELOW STYLING IS STANDARD CLASSES AND WHMCS STYLES *************/

#company_title{background-color:#00162C;color:#FFF;float:left;font-size:24px;line-height:60px;margin:0;padding:0;text-align:left;}
#top{background-color:#00162C;height:60px;margin:0 auto;padding:0;text-align:left;width:960px;}
#top_container{background-color:#00162c;border-bottom:3px solid #036;color:#FFF;height:60px;margin:0;padding:0;text-align:center;}
#welcome_box{background-color:#00162C;float:right;line-height:60px;margin:0;padding:0;text-align:right;}
#welcome_box a,#welcome_box a:visited{color:#accbff;text-decoration:none;}
#welcome_box a:hover{text-decoration:underline;}

.absmiddle{vertical-align:middle;}
.breadcrumb{background-color:#F5F5F5;margin:0 0 10px;padding:10px;}
.clear{clear:both;}
.green{color:#006F0F;}
.header{color:#1a4d80;font-size:14px;font-weight:700;}
.red{color:#BF0000;}
.small{font-size:11px;}
.warning{background-color:#FFFFDF;border:1px solid #FDFF3F;margin:0 0 10px;padding:10px;}
.contentbox{padding:10px;margin:0 0 10px;text-align:center;}
.errorbox{background:transparent url(images/error-bg.jpg) repeat scroll 0 0;padding:10px;margin:0 0 10px;text-align:center;font-weight:bold;border: 1px solid #A10000;}
.successbox {border: 1px solid #0e9a04;font-weight: bold; background: url(images/success-bg.jpg);text-align: center;padding: 10px;}
.clientticketreplyheader{background-color:#EBEBEB;color:#333;border-top:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #EBEBEB;border-left:1px solid #CCC;}
.clientticketreply{background-color:#F5F5F5;margin:0 0 10px;padding:10px;border-right:1px solid #CCC;border-bottom:1px solid #CCC;border-left:1px solid #CCC;}
.adminticketreplyheader{background-color:#CFE6FF;color:#333;border-top:1px solid #CAE6FF;border-right:1px solid #CAE6FF;border-bottom:1px solid #CAE6FF;border-left:1px solid #CAE6FF}
.adminticketreply{background-color:#EEF6FF;padding:10px;margin:0 0 10px;border-right:1px solid #CAE6FF;border-bottom:1px solid #CAE6FF;border-left:1px solid #CAE6FF;}
.networkissueaffected{background-color:#EFEFEF;padding:10px;margin: 0 0 10px;}
.textgreen{color:#158F00;}
.textred{color:#9F0000;}





form{margin:0;padding:0;}
hr{background-color:#EBEBEB;border:0;border-top:1px solid #EBEBEB;height:0;margin:10px 0;overflow:hidden;}


input {color:#818181; font-size:100%;margin:0;padding:2px; background: transparent url(images/inputbg-repeat.jpg); border: 1px solid #3b3d3a;}
select {color:#818181; font-size:100%;margin:0;padding:2px; background: transparent url(images/inputbg-repeat.jpg); border: 1px solid #3b3d3a; min-width: 60px; max-width:400px;}
textarea {color:#818181; font-size:100%;margin:0;padding:2px; background: transparent url(images/inputbg-repeat.jpg); border: 1px solid #3b3d3a;}
option {background: transparent url(images/inputbg-repeat.jpg); padding-right:10px; }
input.submitbutton { background: transparent url(images/btn-bk.png) no-repeat; width: 100px; height: 30px; border: none; font-weight: bold;}
input.submitbutton:hover { background: transparent url(images/btn-bk-hover.png) no-repeat;}


table.data{margin:10px 0;padding:0;}
table.data tr td{background-color:#FFF;border-bottom:1px solid #EBEBEB;color:#666;padding:10px;text-align:center;}
table.data tr th{background-color:#666;border-bottom:3px solid #888;color:#FFF;font-weight:700;padding:10px;text-align:center;}
table.data tr:hover td{background-color:#EFF5FF;}
table.frame{border:1px solid #EBEBEB;border-bottom:0;margin:10px 0;padding:0;}
table.frame table td{background-color:#FFF;border-bottom:1px solid #EBEBEB;padding:10px;}
table.frame table td.fieldarea{background-color:#F5F5F5;border-right:1px solid #EBEBEB;color:#333;padding:10px;text-align:right;}
table.frame td{padding:0;}

table#prodcustoms {font-size:90%;}
table#prodcustoms tr {}
table#prodcustoms tr td { padding: 5px 5px 5px 5px;}