body {

	background-color: #fff;
	
	background-image:url(../whmcs_rough/page-bg.png);
	background-position: 150px;
	background-repeat:repeat-x;
	
	margin: 0px;

}



form {

	margin: 0px;

}



body,td,input,select,textarea {

	/*font-family: Tahoma;*/

	font-size: 12px;
	
	font-family: Geneva, Tahoma, "Nimbus Sans L", sans-serif;

}



a {

color: #178FC0;
text-decoration: none;

}



a:hover {

	text-decoration: underline;

}



.heading {

	

	font-size: 18px;

	font-weight: normal;

	letter-spacing: 3px;
	
	color: #1D517E;

}



.heading2 {

	

	font-size: 16px;

	font-weight: bold;

    text-decoration: none;

    letter-spacing: 3px;
	
	color: #1D517E;

}



.heading3 {

   

    font-size: 12px;

  	letter-spacing: 3px;
	
	color: #1D517E;

}



.wrapper {

	width: 958px;

	border: 0px;

	padding: 0px;

	border-collapse: collapse;

	background-color: #ffffff;

	margin-left: auto; 

	margin-right: auto;
	
	background: #fff url(content-bg.png) 0 0 repeat-x;

}

.wrapper2 {

	width: 958px;

	border: 0px;

	padding: 0px 0px 0px 0px;

	border-collapse: collapse;

    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: #1D517E;

}



tr.topnavbar a:hover {

	color: #178FC0;
text-decoration: none;

}



.clientarealinks {
border: 1px solid silver;
    background-color: #f1f1f1;

    padding: 10px;

}





.clientarealinks a {

	color: #555555;

}



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: 75%;

	text-align: center;

	border: 1px solid silver;
    background-color: #f1f1f1;

    padding: 10px;

	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;

}



tr.orderheadingrow {

	background-color: #5AB9F1;

	color: #ffffff;

}



tr.orderrow1 {

	background-color: #E8F0F9;

	color: #000000;

}



tr.orderrow2 {

	background-color: #D6E4F6;

	color: #000000;

}


/*//////////////////////////////////////////////////////////////////////////////////////////
//////////////////My added styles//////////////////////////////////////////////////////////*/

#header {
height: 118px;
background:url(header-bg.png) repeat-x;
padding-left: 0px;
}




/* @group Horizontal Menu */

#horiz-menu {
	height: 46px;
	width: 100%;
	
}

#horiz-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
	
}

#horiz-menu li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#horiz-menu a,
#horiz-menu li.active a {
	white-space: nowrap;
	display: block;
	float: left;
	height: 46px;
	line-height: 46px;
	padding: 0 17px;
	font-weight: normal;
	font-size: 100%;
	overflow: hidden;
	text-decoration: none;
}

#horiz-menu ul ul li a,
#horiz-menu ul li.active.parent ul a {
	padding-left: 5px;
}

#horiz-menu ul ul li a:hover,
#horiz-menu ul li.active.parent ul a:hover {
	padding-left: 5px;
	background: url(../images/dropdown-arrow-over.png) 10px 50% no-repeat;
	color: #fff;
}

/* mouseovers */

#horiz-menu li li a:hover {
	background: none;
}

#horiz-menu li li.active,
#horiz-menu li.active li a,
#horiz-menu li.active li a:hover {
	background: none;
}

#horiz-menu li li a {
	font-size: 100%;
	font-weight: normal;
	background: none;
}

/* @end */

/* @group Horizontal Menu */



/* @group Horizontal Menu */

#horiz-menu {
	background: url(horiz-menu-bg.png) 0 0 repeat-x;
	border-bottom: 1px solid #094369;
}

#horiz-menu ul ul {
	background: #031421;
	border-left: 1px solid #094369;
	border-right: 1px solid #094369;
	border-bottom: 1px solid #094369;
}

#horiz-menu ul ul ul {
	border-top: 1px solid #094369;
}

#horiz-menu li a {
	background: url(horiz-menu-div.png) 100% 50% no-repeat;
}

#horiz-menu a,
#horiz-menu li.active a {
	color: #fff;
}

#horiz-menu li.active a {
	color: #18A7E1;
}

#horiz-menu a:hover {
	color: #18A7E1;
}

#horiz-menu ul ul li a,
#horiz-menu ul li.active.parent ul a {
	background: url(../images/style1/dropdown-arrow.png) 10px 50% no-repeat;
	color: #18A7E1;
}

/* @end */

/* @group Main Menu */

a.mainlevel {
	background: url(vertmenu-bg.png) 0 0 no-repeat;
	color: #666;
}

a#active_menu.mainlevel,
a.mainlevel:hover {
	color: #178FC0;
}

a.sublevel:hover,
a#active_menu.sublevel {
	color: #178FC0;
}

a.sublevel {
	color: #666;
}

/* @end */

#page-bg {
	background: #fff url(page-bg.png) 0 0 repeat-x;
}


#page-bg,
#page-bg .wrapper {
	position: relative;
}

#main-shadow {
	position: absolute;
	left: -20px;
	width: 20px;
	height: 192px;
	background: url(page-shadow-l.png) 0 0 no-repeat;
}

#main-shadow2 {
	position: absolute;
	right: -20px;
	width: 20px;
	height: 192px;
	background: url(page-shadow-r.png) 100% 0 no-repeat;
}
#main-padding {
padding: 15px;
}

#footer {
width: 100%;
height: 139px;
background-image:url(footer-bg.png);
background-color:#000033;
background-repeat:repeat-x;
}

#footer .wrapper {
background-image:url(footer-graphic.png);
height: 139px;
background-color:#000033;
}

#bottom-menu {
	height: 130px;
	overflow: hidden;
	color: #ccc;
}

#bottom-menu a {
	 line-height: 32px;
	 height: 32px;
	 margin-right: 15px;
	 padding-right: 15px;
	 padding-left: 0;
	 margin-top: 6px;
	 display: block;
	 float: left;
	 font-size: 100%;
	 text-indent: 0;
	 background: url(../images/bottom-menu-div.png) 100% 50% no-repeat;
	 text-decoration:none;
	 color: #ccc;
}

#bottom-menu a:hover {
	color: #fff;
	text-decoration:underline;
}


p {
  /* setup some more readable paragraph spacing */
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: justify;
  line-height: 20px;
  letter-spacing: 1px;
}

.wide {
letter-spacing: 3px;
text-transform: uppercase;
}

.clientlist {
list-style: none;
letter-spacing: 2px;
line-height: 20px;
margin-left:0px; 

}