* {font-size: 100%;}
 
html { } 

Body {font-size: small; font-family: Verdana, Arial, sans-serif; text-align: center; margin: 0; padding: 0;  background: white url(images/header_background_tile.jpg) left top repeat-x; color: rgb(20,20,20); line-height: 1.4; }

p, ul, ol, th, td, div {font-size: 85%;}

td td, td td td, td td td td, td td td td td, td td td td td td,  td td td td td td td,
td td td td td td td td, td td td td td td td td td {font-size: 100%;}

div div, div div div, div div div div, div div div div div, div div div div div  div, div div div div div  div div,  div div div div div  div div div {font-size: 100%;}

td ul, td ol, td p, ul ul, ul ul ul {font-size: 100%;}
div p, div ul, div ol, div th, div td {font-size: 100%;}
textarea  {font-size: 100%; font-family: Verdana, Arial, sans-serif;}

a { color: black;} /* colour of links */
a:hover {color:rgb(176,89,251); } /* colour of links at mouse-over */

img {border: none;}
a img {text-decoration: none; vertical-align: top; }

form {margin: 0px;}
div {margin: 0; padding: 0;}
p {padding: 0; margin: 2px 0; }

.center {text-align: center;}
.hidden {display: block; width: 1px; position: absolute; left: -999999em; }

/* ---------------------------------------------------------------- */
/* MAIN CONTENT */
div.content {width: 960px; margin: 0 auto; padding: 0; text-align: left; position: relative; } 
#container_site .content {background: url(images/shadow.gif) top left repeat-y; overflow: hidden; height: 101%;  }
/* generic container for centering content */ /* AVAILABLE WIDTH 958PX */
div#main {width: 680px; float: left;  padding-bottom: 50px; }
div#side {width: 238px; padding-bottom: 50px; float: right; }
table.sideTable {width: 238px;}
.sideTable a {text-decoration: none; }

/* -------------------------------------------------------------------------------------------*/  
/* HEADER */
div#header {height: 207px; background: url(images/header_background.jpg) 50% top no-repeat; margin-bottom: 10px; }
#header .content {height: 207px; position: relative;}

#header a {text-decoration: none; color: white; }
#header a:hover { }

#headerLogo {width: 223px; height: 160px; position: absolute; top: 0; left: 0; background: url(images/header_logo.jpg) top left no-repeat;}
#headerLogo a {display: block; width: 223px; height: 160px;  }

#headerPromotion {width: 400px; height: 135px; padding: 25px 0 0 338px; position: absolute; top: 0; right: 0; background: url(images/header_promo_background.jpg) top left no-repeat; color: white; font-family: Arial, sans-serif; text-align: left;  font-size: 120%;}
#headerPromotion p { margin: 0 0 20px 0; padding: 0; }
#headerPromotion p .heading {display: block; font-size: 130%; padding-bottom: 2px; color: rgb(190,232,255);  }

ul#headerNav {list-style: none; margin: 0; padding: 0; position: absolute; top: 170px; left: 0; font-size: 110%; font-family: Verdana, Arial, sans-serif; color: rgb(7,29,112); line-height: 1.4; letter-spacing: 0.03em;}
#headerNav li {float: right;  margin: 0 20px 0 0 ;  padding: 0 0 0 10px; height: 23px;  background: none; }
#headerNav li a { font-weight: normal; color: rgb(7,29,112); text-decoration: none; display: block; height: 19px; padding: 2px 5px 2px 0; }

/* Width Settings  - needed for IE6 */
#headerNav li#welcome_link {width: 50px;}
#headerNav li#hosting_link {width: 175px;}
#headerNav li#ecommerce_link {width: 260px; }
#headerNav li#osc_link {width: 90px;}
#headerNav li#blog_link {width: 38px;}
#headerNav li#support_link {width: 165px;}
#headerNav li#contact_link {width: 70px;}

/* Indicator Settings */
body#welcome #headerNav li#welcome_link,
body#hosting #headerNav li#hosting_link,
body#ecommerce #headerNav li#ecommerce_link,
body#support #headerNav li#support_link,
body#contact #headerNav li#contact_link, 
body#blog #headerNav li#blog_link
 {background: url(images/header_nav_button.gif) bottom left no-repeat; }
 
body#welcome #headerNav li#welcome_link a,
body#hosting #headerNav li#hosting_link a,
body#ecommerce #headerNav li#ecommerce_link a,
body#support #headerNav li#support_link a,
body#contact #headerNav li#contact_link a, 
body#blog #headerNav li#blog_link a 
{background: url(images/header_nav_button.gif) bottom right no-repeat; color: white;  }

/* -------------------------------------------------------------------------------------------*/ 
/* FOOTER */
#footer {background: url(images/img_bg_footer.gif) top left repeat-x rgb(0,26,53); color: rgb(184,191,199); clear: both; padding: 70px 0 10px 0; margin: 0; overflow: auto; height: 101%; } 
#footer .content {overflow: auto; height: 101%; }
#footer a { color:rgb(184,191,199); text-decoration: none; }
#footer a:hover {color: rgb(176,89,251);}
#footer_contact {float: left; width: 230px; background: url(images/img_bg_footer_line.gif) top right no-repeat; }
#footer_links {margin-left: 260px;  }
#footer_links p { float: left;  width: 100%;}
#footer_links a {display: block; float: left; padding: 0 20px 0 0; }
/*color:rgb(176,89,251);  */ 

/* -------------------------------------------------------------------------------------------*/
/* VARIOUS */
ul#support_departments {list-style: none; margin: 0; padding: 0;  }
ul#support_departments li {padding: 6px 0 6px 16px; background: url(images/img_bullet_round.gif) 0 5px no-repeat;}

div.knowledgebase p {margin: 0.8em 0; }
div.knowledgebaseVote {margin-top: 3em; }

table#homepageMenu td {padding: 10px 5px; }

/* -------------------------------------------------------------------------------------------*/
/* WHMCS Styling */

div#breadcrumb { padding: 0 0 5px 0;}
#breadcrumb .clientarealinks  {line-height: 2.5; }
#breadcrumb .clientarealinks  img {vertical-align: middle; }

form {
	margin: 0px;
}

.heading {
	font-size: 120%;
	font-weight: normal;
	color: #65A5E6;
}

.heading2 {
	font-size: 100%;
	font-weight: bold;
   text-decoration: none;
   color: #000000;
   margin: 10px 0 5px 0; 
}

.heading3 {
    font-size: 90%;
    font-weight: bold;
    color: #16679F;
}

.wrapper {
	width: 730px;
	border: 0px;
	padding: 5px;
	border-collapse: collapse;
	background-color: #ffffff;
	margin-left: auto; 
	margin-right: auto;
}

table.topnavbar {
	width: 100%;
}

tr.topnavbar {
	background-color: #efefef;
	font-weight:bold;
	text-align: center;
}

tr.topnavbar a {
	color: #000000;
	text-decoration: none;
}

tr.topnavbar a:hover {
	color: #666666;
}

.clientarealinks {
    padding: 10px;
}

.clientarealinks a {
	color: #555555;
  padding-right: 15px; 
  white-space: pre; 
}

table.frame {
	width: 100%;
	border: 1px solid #8FBCE9;
	padding: 0px;
}

.fieldarea {
	background-color: #EFF2F9;
	text-align: right;
}

.clientareatable {
	width: 100%;
	background-color: #cccccc;
}

tr.clientareatableheading {
	background-color: #efefef;
	font-weight: bold;
	text-align: center;
}

tr.clientareatableactive {
	background-color: #ffffff;
	text-align: center;
}

tr.clientareatablepending {
	background-color: #FFFFE2;
	text-align: center;
}

tr.clientareatablesuspended {
	background-color: #E9FFD2;
	text-align: center;
}

tr.clientareatableterminated {
	background-color: #FFE1E1;
	text-align: center;
}

tr.supportticketsheading {
	background-color: #efefef;
}

tr.supportticketscontent {
	background-color: #ffffff;
}

.contentbox {
	width: 95%;
	text-align: center;
	background-color: #f7f7f7;
	border: 1px dashed #cccccc;
	padding: 5px;
	margin-left: auto; 
	margin-right: auto;
}

.errorbox {
	border: 1px dashed #cc0000;
	font-weight: bold;
	background-color: #FBEEEB;
	text-align: center;
	width: 90%;
	padding: 10px;
	color: #cc0000;
	margin-left: auto; 
	margin-right: auto;
}

.domaincheckeravailable {
	color: #669900;
}

.domaincheckerunavailable {
	color: #cc0000;
}

.networkissuessummary {
    background-color: #f6f6f6;
    border: 1px dashed #cccccc;
    padding: 10px;
    text-align: center;
}

.networkissuesopen {
    font-size: 16px;
    font-weight: bold;
    color: #65CC00;
    padding-right: 20px;
}

.networkissuesscheduled {
    font-size: 16px;
    font-weight: bold;
    color: #EEDD00;
    padding-right: 20px;
}

.networkissuesclosed {
    font-size: 16px;
    font-weight: bold;
    color: #888888;
}

.networkissuedescription {
    border-left: 5px solid #efefef;
    padding: 20px;
    padding-top: 1px;
}

.networkissueaffected {
    background-color: #FDFCDD;
    padding: 10px;
    margin-top: 10px;
}

.clientticketreplyheader {
    margin-top: 20px;
    background-color: #92BDEA;
    font-weight: bold;
    color: #ffffff;
    padding: 4px 20px 4px 20px;
}

.clientticketreply {
    min-height: 80px;
    background-image: url('images/clientticketreplybg.gif');
    background-repeat: repeat-x;
    padding: 10px;
}

.adminticketreplyheader {
    margin-top: 20px;
    background-color: #888888;
    font-weight: bold;
    color: #ffffff;
    padding: 4px 20px 4px 20px;
}

.adminticketreply {
    min-height: 80px;
    background-image: url('images/adminticketreplybg.gif');
    background-repeat: repeat-x;
    padding: 10px;
}

.closeticket {
    border: 1px dashed #cc0000;
	font-weight: bold;
	background-color: #FBEEEB;
    color: #cc0000;
}

tr.orderheadingrow {
	background-color: #5AB9F1;
	color: #ffffff;
}

tr.orderrow1 {
	background-color: #E8F0F9;
	color: #000000;
}

tr.orderrow2 {
	background-color: #D6E4F6;
	color: #000000;
}