/* --------------------------------------------------------------
   GLOBAL
-------------------------------------------------------------- */

body {
	background:fixed;
	background-color: #ffe7bd;
	background-image: url(http://www.hostcow.co.za/bg_background.jpg);
	background-repeat:repeat-x;
	background-position:top;
	margin:0;
	padding:0;
}

#clientlogin	{
	background: url(images/login_bg.png) no-repeat;
	height: 55px;
	left: 870px;
	position: absolute;
	text-align: right;
	top: 0px;
	width: 422px;
	}
	#clientlogin	table	{
	display: inline;
	float: right;
	margin-right: 17px;
	margin-top: 8px;
	}
.inputname	{
	border: 1px solid #fff;
	color: #75828a;
	height: 12px;
	margin-right: 28px;
	width: 122px;
	}
.inputpwd	{
	border: 1px solid #fff;
	color: #75828a;
	height: 12px;
	margin-right: 20px;
	width: 80px;
	}

form {
	margin: 0px;
}

body,td,input,select,textarea {
	font-family: Arial;
	font-size: 11px;
}

a {
	color: #333333;
}

a:hover {
	text-decoration: none;
}
	.title {font-size: 35px; letter-spacing: -2px; color: #534531; margin: 10px 0;}
	.ptitle {padding: 5px 10px; background-color: #A1BA47; color: #fff; margin: 20px 0 5px 0; font-weight: bold; font-size: 16px; letter-spacing: -1px; clear: both;}
	.points h5 { font-size:18px; letter-spacing: -1px; font-weight: bold; margin-left: 13px; color: #4C3F2C}
	.adv_box {overflow: auto; width: 620px; padding: 20px; margin-top: 20px; background: #493C2A url(../images/domains/bg_adv_domains.png) repeat-x bottom; color: #fff; -moz-border-radius: 8px;}
	.adv_box h5 {font-size: 25px; letter-spacing: -2px; padding-bottom: 5px;}
	.adv_box p {line-height: 1.4em;}
	.adv_box_left {float: left; width: 280px;}
	.adv_box_right {float: right; width: 340px;}
	.adv_box_right textarea {padding: 10px; float: right; width: 300px; background: #fff url(../images/content/bg_fade_reverse.png) repeat-x top; border: none; height: 70px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666;}
	.adv_box_right input {float: right; margin-top: 10px; display: inline;}
	#adv_search {margin-top: 17px; width: 324px; float: right; height: 39px; background: url(../images/domains/bg_adv_search.png) no-repeat top;}
	#adv_search .searchdomains {padding: 2px; margin: 10px 0 0 15px; color: #8D867E; font-size: 11px; float: left; width: 200px; border: 0; outline: none;}	
	#adv_search .search {width: 30px; height: 27px; background: url(../images/domains/btn_search.png) no-repeat top; float: right; margin: 6px 6px 0 0;}	
	#adv_search .search:hover {background: url(../images/domains/btn_search.png) no-repeat 0 -27px;}
	.promote_brown  {-moz-border-radius: 1%; -webkit-border-radius: 1%; margin-top: 20px; width: 600px; padding: 20px; background: #534531 url(../images/content/bg_brown_promote.png) repeat-x bottom; overflow: auto; color: #fff; clear: both;}
	.promote_brown h6 {font-size: 25px; color: #fff; letter-spacing: -1px; padding: 1px 1px 5px 0;}
			
	.promote_left {width: 300px; float: left; line-height: 1.3em;}
	.promote_right {width: 245px; float: right; font-size: 14px; font-weight: bold; text-align: left; vertical-align: middle; padding: 17px 5px 0 0 ;}
	.promote_right a.alt {color: #fff; }
	.promote_right a.alt:hover {color: #90897E; }
	.promote_brown .spacer {color: #746145; font-weight: normal; }
	.tbl_customer {width: 300px; border: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; margin-top: 0px;}
	.tbl_customer th {border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; background: #fff url(http://www.hostcow.co.za/images/bg_fade_reverse.png) repeat-x top; font-weight: bold;}
	.tbl_customer th.heading {border: none; background-color: #E8E8E8; background-image: none; padding: 5px 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
	.tbl_customer td {padding: 10px 15px; background: #fff url(../images/content/bg_fade_reverse.png) repeat-x top; text-align: left;}

	.tbl_customer input { border: 2px solid #ccc; padding: 2px 4px;}
	.tbl_customer input.yes { border: 2px solid #9CB640; padding: 2px 4px;}
	.tbl_customer input.no { border: 2px solid #CC0033; padding: 2px 4px;}
	
	#noticebox {overflow: auto; clear: both; width: 600px; border: 1px solid #E3EBC5; background-color: #F1F5E2; padding: 15px;  margin: 15px 0 5px 0;}
	#noticebox span {font-size: 16px; font-weight: bold; }
	
	.noticebox {overflow: auto; clear: both; width: 600px; border: 1px solid #E3EBC5; background-color: #F1F5E2; padding: 15px;  margin: 15px 0 10px 0;}
	.noticebox span {font-size: 16px; font-weight: bold; }
	
.wrapper {
	width: 900px;
	border: 0px solid #000;
	padding: 5px;
	border-collapse: collapse;
	background-color: #f3e052;
	background: transparent;
	margin-left: auto;
	margin-right: auto;
}

/* --------------------------------------------------------------
   HEADINGS
-------------------------------------------------------------- */

.heading {
	font-family: Tahoma;
	font-size: 18px;
	font-weight: normal;
	color: #333333;
}

.heading2 {
	font-family: Tahoma;
	font-size: 16px;
	font-weight: bold;
    text-decoration: none;
    color: #000000;
}

.heading3 {
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
}

/* --------------------------------------------------------------
   INFO BOXES
-------------------------------------------------------------- */

.contentbox {
	width: 75%;
	text-align: center;
	background-color: #f7f7f7;
	border: 1px dashed #5b5948;
	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;
}

/* --------------------------------------------------------------
   CLIENT AREA NAVBAR
-------------------------------------------------------------- */

.clientarealinks {
    background-color: #FDFCDD;
    padding: 10px;
}

.clientarealinks a {
	color: #555555;
}

/* --------------------------------------------------------------
   TABLES
-------------------------------------------------------------- */

table.topnavbar {
	width: 100%;
}

tr.topnavbar {
	background-color: #56883c;
	font-weight:bold;
	text-align: center;
}

tr.topnavbar a {
	color: #000000;
	text-decoration: none;
}

tr.topnavbar a:hover {
	color: #666666;
}

table.frame {
	width: 100%;
	border: 0px solid #f3e052;
	padding: 0px;
}

.fieldarea {
	background-color: #f4eba9;
	text-align: right;
}

.clientareatable {
	width: 100%;
	background-color: #787452;
}

tr.clientareatableheading {
	background-color: #efefef;
	font-weight: bold;
	text-align: center;
}

tr.clientareatableactive {
	background-color: #cee8ae;
	text-align: center;
}

tr.clientareatablepending {
	background-color: #FFFFE2;
	text-align: center;
}

tr.clientareatablesuspended {
	background-color: #f5b2bd;
	text-align: center;
}

tr.clientareatableterminated {
	background-color: #FFE1E1;
	text-align: center;
}

/* --------------------------------------------------------------
   NETWORK ISSUES
-------------------------------------------------------------- */

.networkissuessummary {
    background-color: #f6f6f6;
    border: 1px dashed #121212;
    padding: 10px;
    text-align: center;
}

.networkissuesopen {
    font-size: 16px;
    font-weight: bold;
    color: #3a6b09;
    padding-right: 20px;
}

.networkissuesscheduled {
    font-size: 16px;
    font-weight: bold;
    color: #535138;
    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;
}

/* --------------------------------------------------------------
   SUPPORT TICKETS
-------------------------------------------------------------- */

.clientticketreplyheader {
    margin-top: 20px;
    background-color: #333333;
    font-weight: bold;
    color: #ffffff;
    padding: 4px 20px 4px 20px;
}

.clientticketreply {
    min-height: 80px;
    background-color: #f3e052;
    background-image: url('images/clientticketreplybg.gif');
    background-repeat: repeat-x;
    padding: 10px;
}

.adminticketreplyheader {
    margin-top: 20px;
    background-color: #efefef;
    font-weight: bold;
    color: #ffffff;
    padding: 4px 20px 4px 20px;
}

.adminticketreply {
    min-height: 80px;
    background-color: #f3e052;
    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;
}

/* --------------------------------------------------------------
   TEXT COLORS
-------------------------------------------------------------- */

.textblack {
	color: #000000;
}

.textblue {
    color: #4f4a29;
}

.textgreen {
	color: #779500;
}

.textgrey {
	color: #888888;
}

.textwhite {
	color: #ffffff;
}

.textgold {
    color: #ffbb55;
}

.textorange {
	color: #ff6600;
}

.textred {
	color: #cc0000;
}

table.data1{-moz-border-radius:10px;-webkit-border-radius:10px;font-family:Ariel;margin:0px 0;padding:0;border:2px #666 solid;}
table.data1 tr td{background-color:#FFF;border-bottom:1px solid #EBEBEB;color:#666;padding:1px;font-size:9px;}
table.data1 tr th{background-color:#666;border-bottom:3px solid #888;color:#FFF;font-weight:700;padding:0px;text-align:center;}
table.data1 tr.basketheader td{-moz-border-radius:8px 8px 0 0;-webkit-border-radius:8px 8px 0 0;background-color:#bf0000 !important;color:#fff;font-size:12px;font-weight:700;height:25px;text-align:center;}
table.data1 tr.baskettabledue td{background-color:#E7FFDA !important;color:#333;font-size:10px;font-weight:700;height:20px;}
table.data1 tr.baskettableproduct td{background-color:#FFF;color:#666;padding:10px;}
table.data1 tr.basketmessage td{-moz-border-radius:0 0 8px 8px;-webkit-border-radius:0 0 8px 8px;background-color:#F5F5F5 !important;color:#333;font-size:7px;font-weight:100;height:10px;text-align:center;}
table.data1 tr.basketlinks td{background-color:#F5F5F5 !important;color:#333;font-size:9px;font-weight:700;height:20px;text-align:center;}

/* --------------------------------------------------------------
   HOSTCOW FOOTER
-------------------------------------------------------------- */

.footer-ad {
background:url(http://www.hostcow.co.za/images/footadbg.png) repeat-x 0 0;
position:fixed;
bottom:0px;
width:100%;
height:121px;
margin:0 auto;
z-index:9999;
}
#popup-ad1 .ad-inner {
background:url(http://www.hostcow.co.za/images/popupad1.png) no-repeat 0 0;
height:121px;
width:1152px;
margin:0 auto;
position:relative;
}
#popup-ad1 #popup-ad1-ordernow {
margin:30px 0 0 140px;
color:#4f4e4b;
float:left;
display:block;
text-align:center;
}
#popup-ad1 #popup-ad1-ordernow .order-now {
background:url(http://www.hostcow.co.za/images/add-to-cart.gif) no-repeat 43px 10px;
display:block;
width:200px;
height:50px;
text-indent:-999em;
}
#popup-ad1 #popup-ad1-valueadds {
margin:30px 0 0 20px;
float:left;
display:block;
}
#popup-ad1 #popup-ad1-valueadds span {
display:block;
font-size:13px;
font-weight:700;
color:#ffffff;
}
#popup-ad1 #popup-ad1-valueadds span em {
font-style:normal;
font-weight:300;
}
#popup-ad1 p {
font-size:12px;
font-weight:300;
line-height:20px;
}
#popup-ad1 p a {
color:#333333;
text-decoration:underline;
}
#popup-ad1 .close-ad {
background:url(http://www.hostcow.co.za/images/btn.adclose.png) no-repeat 0 0;
font-size:12px;
color:#333333;
text-decoration:none;
display:block;
font-size:12px;
line-height:26px;
padding-left:30px;
position:absolute;
right:125px;
top:15px;
cursor:pointer;
}
#popup-ad1 .close-ad:hover {
text-decoration:underline;
}