/*body {
	background-image: url(images/bd_image.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
}*/
body {
	background-attachment: fixed;
	background-image: url(images/bd_image.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#header {
	height: 153px;
	margin-right: -15px;
	margin-left: -9px;
	color: #f1f1f1;
	background-image: url(images/whmcslogobg.jpg);
	margin-top: -15px;
}
#header img {

}




/****Top Nav Bar Style****/
.chromestyle{
width: 100%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
	width: 100%; /*THEME CHANGE HERE*/
	padding: 4px 0;
	margin: 0;
	text-align: center; /*set value to "left", "center", or "right"*/
	background-repeat: repeat-x;
	background-position: center center;
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
	color: #494949;
	padding: 4px 7px;
	margin: 0;
	text-decoration: none;
}

.chromestyle ul li a:hover{
background: url(images/chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: " v";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}




/****Misc. Item Style****/
#bodyTable{
	background-color: #0DC3EA;
	background-image: url(hosting/bgimage.jpg);
	background-position: bottom;
	background-repeat: repeat-x;

}
#message {
	width: 100%;
	text-indent: 1.8em;
	font-weight: bold;
	color: #032830;
	margin-bottom: 20px;

}
#story {
float:left;
margin-left:17px;
width:60%;
}

/****Term of Service Style****/
#tos .header {
	color: #096477;
	text-align: center;
}
#tos .header h3 {
	margin-bottom: -20px;
}
#tos .title {
	font-family: "Times New Roman", Times, serif;
	font-size: large;
	color: #096477;
	font-weight: bold;
}
#tos .text {
	text-indent: 5%;
}
#tos .titledef {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	font-style: italic;
	text-align: center;
}
/****Site Listing Style****/
.listingtitle {
	font-family: "Times New Roman", Times, serif;
	font-size: large;
	color: #096477;
	font-weight: bold;
	text-align: center;
}
#listing {
	border: 1px solid #0E9DBC;
}

#listing .title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	text-align: center;
}
#listing .title a {
	color: #096477;
}

#listing .details {
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	font-style: italic;
	color: #0864A4;
	font-weight: bold;
}
#sidebar {
float:left;
height:100%;
width:234px;
}
#sidebar #clientBar {
	font-family: "Times New Roman", Times, serif;
	list-style-type: none;
	width: 100%;
	text-align: left;
	background-image: url(images/sidebar_title_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #0987A4;
	padding-left: 0px;
	margin-bottom: 5px;
}
#sidebar #title {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 100%;
	background: #195265 url(images/sidebar_title1.gif) no-repeat top right;
	padding-left: 10px;
}
#sidebar #clientBar #details {
	padding-left: 15px;
	color: #FFFFFF;
	font-size: small;
}
#sidebar #clientBar a {
	color: #FFFFFF;
	text-decoration: none;
}
#sidebar #clientBar a:hover {
	text-decoration: underline overline;
	color: #000000;
}

#sidebar .end {
	background-image: url(images/sidebar_title_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#sidebar #prodList {
	list-style-type: none;
	width: auto;
	float:left;
	margin: 0;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-top: 8px;
	padding-right: 14px;
	padding-bottom: 8px;
	padding-left: 14px;
	clear: left;
}
#sidebar #prodList a {
	text-decoration: none;
	color: #999999;
}
#sidebar #navTitle {
	text-align: center;
	margin-bottom: -15px;
	margin-top: 0px;
	width: 100%;
}
.submitbutton {
	color: #ffffff;
	cursor: pointer;
	cursor: hand;
	font-weight: bold;
	background-color: #2C2F5E;
	border: 1px solid #3A6897;
}
#details #logIn {

}
#logIn label {
	float: left;
	text-align: right;
	color: #FFFFFF;
	font-weight: bold;
	clear: left;
	width: 60px;
	margin-left: -10px;
	margin-right: 2px;
}
#logIn #remember {
	clear: left;
}



/****Registration Form Style****/
#regForm label {
	width: 150px;
	float: left;
	clear: left;
	text-align: right;
	margin-right: 5px;
	color: #066579;
	font-weight: bold;
	font-size: 90%;
}
#regForm fieldset {
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#reg {
	margin-bottom: 5px;
	color: #0987A4;
}
#regForm {
	padding-left: 20px;
}
#submit {
	width: 100px;
	margin-left: 200px;
}

.optional {
	font-size: 90%;
	color: #056593;
}
/****Page Footer Style****/
#footer {
	clear: left;
	text-align: center;
}
#footer p {
	margin: -0.5px;
}

#footer #copy {
	font-size: x-small;
}
#footer #feed {
	font-size: small;
}
#page {
margin-left:auto;
margin-right:auto;
width:950px;
}
#page #story #hosting {
float:left;
width:580px;
}
#page #story h1 {
	margin-top: 5px;
	margin-bottom: 5px;
}
#page #story #message label {
	width: 150px;
	float: left;
	clear: left;
	text-align: right;
	margin-right: 5px;
	color: #066579;
	font-weight: bold;
	font-size: 90%;
}
#page .pen,#page .wol,#page .bea, #page .wha{
border:1px solid #CCCCCC;
float:left;
height:191px;
width:280px;
}

#page .pen {
	background:#FFFFFF url(images/penPackage.jpg) no-repeat bottom left;
}
#page .wol {
	background:#FFFFFF url(images/wolfPackage.jpg) no-repeat bottom left;
}
#page .bea {
	background:#FFFFFF url(images/bearPackage.jpg) no-repeat bottom left;
}
#page .wha {
	background:#FFFFFF url(images/whalePackage.jpg) no-repeat bottom left;
}
#page #story #hosting h2 {
float:left;
font-size:16pt;
margin:5px 0 0 5px;
width:283px;
}
#page #story #hosting h3 {
float:right;
margin:5px 20px 5px 0;
}
#hosting #click{
float:left;
margin:-9px 4px 0 150px;
padding:0;

}
#hosting #click a {
color:#195265;
display:block;
font-size:12pt;
font-weight:bold;
text-align:center;
text-decoration:none;
}

#page #story #hosting #accDe {
float:right;
font-size:10pt;
margin:0 0 24px;
text-align:left;
width:134px;
}
#checker {
	height: 20px;
	border: 1px solid #CCCCCC;
	text-align: right;
}

a {
	color: #3A6897;
}

a:hover {
	text-decoration: none;
}

table.wrapper {
	width: 950px;
}

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: #ffffcc;
	text-align: center;
}

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

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

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

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

.contentbox {
	width: 100%;
	text-align: center;
	background-color: #f7f7f7;
	border: 1px dashed #cccccc;
	padding: 5px;
}

.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;
}

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

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

tr.orderrow2 {
	background-color: #D6E4F6;
	color: #000000;
}
.LV_validation_message {
font-weight:bold;
margin:0 0 0 5px;
}
.LV_valid {
color:#00CC00;
}
.LV_invalid {
color:#CC0000;
}
.LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active {
border:1px solid #00CC00;
}
.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active {
border:1px solid #CC0000;
}