body {
 font-family: sans-serif;
 font-size: 12px;
 background-image: url("http://www.thecubehost.com/images/page_bg.png");
 padding: 0px;
 margin: 0px;
}

#wrapper { 
 margin: 0 auto;
 width: 800px;
 border-left: 1px solid #e5e5e5;
 border-right: 1px solid #e5e5e5;
 background: #FFFFFF;
}

		.blue {
		color: #217cbb;
		}	
		.red {
		color: #dd3453;
		}

/******************** Bottom Header ********************/
#header {
 color: #333;
 width: 800px;
 float: left;
 height: 100px;
 background: #FFFFFF;
 background-image: url("http://www.thecubehost.com/images/header_bg.jpg");
 font-size: 12px;
}
#header * { 
padding: 0; margin: 0; 
}

	#header img{
	float: left;
	behavior: url("http://www.thecubehost.com/iepngfix.htc"); 
	}
	
	#header .livechat{
	float: right;
	margin: 20px 15px 0px 0px;
	}
	
	#header .livechat img{
	height: 60px;
	}
	
	
	#header .login{
	float: right;
	height: 100px;
	margin: 25px 15px 0px 0px;
	}
	
    #header input {
	font-size: 11px;
    }
	
	#header .links{
	margin: 5px 0px 0px 0px;
	font-size: 10px;
	text-align: center;
	}
	
		#header .links a{
		font-size: 10px;
		text-align: center;
		color: #000000;
		text-decoration: none;
		}
		
		#header .links a:hover {
		font-size: 10px;
		text-align: center;
		color: #000000;
		text-decoration: underline;
		}	

/******************** Navigation ********************/

#navigation {
 float: left;
 width: 798px;
 color: #333;
 padding: 0px;
 margin: 0px 1px 0px 1px;
 border-top: 1px solid #e5e5e5;
 border-bottom: 1px solid #e5e5e5;
 background-image: url("http://www.thecubehost.com/images/nav_bg.jpg");
 height: 52px;
}

#navigation * { 
padding: 0; margin: 0; 
}

	#navigation ul {
	list-style-type: none;
	font-size: 14px;
	margin: 10px 0px 10px 0px;	
	}
	
		
		#navigation a {
		text-decoration: none;
		border: 0px;
		color: #FFFFFF;
		}
		
		#navigation li{
		float: left;
		display: block;
		text-align: left;
		border-right: 1px solid #e5e5e5;
		width: 113px;	
		}
		
		#navigation li.right{
		float: left;
		display: block;
		text-align: left;
		width: 113px;	
		border:0px;
		}
		
			#navigation li:hover,  #navigation.selected a {
			text-decoration: none;
			 background-image: url("http://www.thecubehost.com/images/menu_hover_bg.png");	
			}
		
		#navigation ul li div{
		width: 50px;
		margin: 0 auto;
		color:#0099FF;
		}	

/******************** Bottom Header ********************/

#bottom_header {
 float: left;
 width: 800px;
 height: 215px;
 color: #333;
 padding: 0px;
 border-bottom: 1px solid #e5e5e5;
 background-image: url("http://www.thecubehost.com/images/bottom_head.jpg"); 
}

#bottom_header * { 
padding: 0; margin: 0; 
}

#bottom_header a{
margin: 170px 0px 0px 602px;
position: absolute;
height: 35px;
width: 170px;
text-decoration: none;
}

#bottom_header i{
display: none;
}

/******************** Content Pages ********************/	

.content{
 float: left;
 width: 780px;
 margin: 0px;
 padding: 10px 10px 0px 10px;
}

	.content h1{
	margin: 0px 0px 10px 0px;
	font-size: 22px;
	color: #217cbb;
	}
	
	.content h2 {
	margin: 0px 0px 10px 0px;
	font-size: 16px;
	color: #217cbb;
	}
	
	.content h3 {
	margin: 0px 0px 10px 0px;
	font-size: 14px;
	color: #dd3453;
	}



/*******************************************************/

form {
	margin: 0px;
}

img {
	border: 0px;

}

body,td,input,select,textarea {
	font-size: 11px;
}

a {
	color: #3A6897;
}

a:hover {
	text-decoration: none;
}

.heading {
	font-size: 18px;
	font-weight: normal;
	color: #217cbb;
}

.heading2 {
	font-size: 16px;
	font-weight: bold;
    text-decoration: none;
    color: #217cbb;
}

.heading3 {
    font-size: 12px;
    font-weight: bold;
    color: #dd3453;
}

table.clientlinks {
	background:#e0e0e0;
}

td.clientlinks {
	background:#f9f9f9;
	width:25%;
	text-align:center;
	padding: 6px;
}

.navboxlinks {
    background-color: #ffffff;
    padding: 5px;
}

.navboxlinks td {
    border-bottom: 1px dotted #cccccc;
}

.navbox {
    background-color: #f7f7f7;
    border: 1px dotted #cccccc;
    padding: 5px;
}

.navinput {
    border: 1px solid #cccccc;
    width: 95px;
}

.submitbutton {
    color: #ffffff;
    cursor: pointer;
    cursor: hand;
    font-weight: bold;
    background-color: #3A6897;
    border: 1px solid #3A6897;
}

.footerbar {
    background-color: #3A6897;
    color: #ffffff;
    padding: 6px;
    padding-left: 10px;
    padding-right: 10px;
}

.clientarealinks a {
	color: #555555;
}

table.frame {
	width: 98%;
	border: 1px solid #3A6897;
	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: 97.5%;
	text-align: center;
	background-color: #f7f7f7;
	border: 1px dashed #cccccc;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 10px 0px;
}

.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: #3A6897;
    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;
}

table.data{margin:0 0 10px;padding:0;}
table.data td{background-color:#FFF;border-bottom:1px solid #EBEBEB;}
table.data th{background-color:#888;border-bottom:1px solid #333;color:#FFF;font-weight:400;}
table.data tr.clientareatableactive td{background-color:#DFFFE0 !important;}
table.data tr.clientareatablepending td{background-color:#EFEFEF !important;}
table.data tr.clientareatablesuspended td{background-color:#FFF6CF !important;}
table.data tr.clientareatableterminated td{background-color:#FFCFCF !important;}
table.frame{margin:0 0 10px;padding:0;border:1px solid #EBEBEB;border-bottom:0;}
table.frame table td{background-color:#FFF;border-bottom:1px solid #EBEBEB;}
table.frame table td.fieldarea{background-color:#F5F5F5;color:#333;text-align:right;border-right:1px solid #EBEBEB;}

/******************** Footer ********************/

#footer { 
 width: 800px;
 background: #FFFFFF;
 margin: 5px 0px 0px 0px;
 padding: 5px 0px 5px 0px;
 font-size: 11px;
 text-align: center;
 clear:both;
 border-top: 1px solid #e5e5e5;
 border-bottom: 1px solid #e5e5e5;
}

#footer * { 
padding: 0; margin: 0; 
}
	
			#footer a{
			text-decoration: none;
			color: #000000;
			}
			
			#footer .blue a{
			text-decoration: none;
			color: #217cbb;
			}
			
			#footer .red a{
			text-decoration: none;
			color: #dd3453;
			}
			
			#footer a:hover, #footer.selected a{
			text-decoration: underline;
			}