body{
background-image: url('images/m01.gif');  
}

td{
 font-family: "Trebuchet MS", verdana, arial;
 font-size: 11px;
 color: #333;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin: 0;
	padding: 0 0 3px 0;
}
h1 {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #3c454a;
}
h2 {
	font-size: 18px;
	color: #3b8fcf;
}

.white {
	color: #FFFFFF;
}

h3 {
	font-size: 14px;
	color: #ed4c19;
}

#blue h3 {
	font-size: 14px;
	color: #3b8fcf;
}
h3 a.blue, a.blue:visited {
	font-size: 14px;
	color: #3b8fcf;
}

a {
	color: #666;
	text-decoration: underline;
}

a:link {
	color: #666;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #666;
}
a:hover {
	text-decoration: none;
	color: #666;
}

a.footer {
        color: #FFFFFF;
        text-decoration: none;
}

a:link.footer {
        color: #FFFFFF;
        text-decoration: none;
}
a:visited.footer {
        text-decoration: none;
        color: #FFFFFF;
}
a:hover.footer {
        text-decoration: underline;
        color: #FFFFFF;
}
h2 a, h2 a:visited {
	font-size: 18px;
	color: #3b8fcf;
	text-decoration: underline;
}

#overDiv {
	position: absolute;
	visibility: hidden;
	z-index: 1;
	text-align: left;
}
h2 a:hover {
	font-size: 18px;
	color: #3b8fcf;
	text-decoration: none;
}
h2 a.orange, h2 a.orange:visited {
	font-size: 18px;
	color: #eb4215;
	text-decoration: underline;
}
h2 a.orange:hover {
	font-size: 18px;
	color: #eb4215;
	text-decoration: none;
}

.bg1{
background-image: url("images/m03.gif");
background-repeat: repeat-x; 
}

.ch1{
font-size: 11px;
color: #000000;
}

.ch1a{
font-size: 11px;
color: #000000;
}             

.ch2{
font-size: 11px;
color: #545454;
font-weight: bold;
} 
            
.ch3{
font-size: 14px;
color: #3B3B3B;
font-family: arial;
font-weight: bold;
}             
.ch4{
border-left: #D2D2D2 1px solid;
border-right: #D2D2D2 1px solid;
border-bottom: #D2D2D2 1px solid;
}

.ch5{
font-size: 16px;
color: #424242;
font-family: "Trebuchet MS";
font-weight: bold;
}             

.ch6{
font-size: 16px;
color: #4ca422;
font-family: "Trebuchet MS";
font-weight: bold;
}   

.ch6a{
font-size: 16px;
color: #333;
font-family: "Trebuchet MS";
font-weight: bold;
}            

.ch7{
padding-left: 5px;
}

.ch8{
padding-left: 13px;
}

.ch9{
font-size: 10px;
color: #424242;
text-decoration: none;
}             

.ch10{
padding-left: 9px;
}

.ch11{
padding-left: 6px;
}

.ml1{
font-size: 11px;
color: #CB0052;
font-weight: bold;
font-family: verdana;
text-decoration: none;
}             

.ml2{
font-size: 11px;
color: #353535;
font-weight: bold;
text-decoration: none;
}             

.ml3{
font-size: 11px;
color: #565656;
font-weight: bold;
text-decoration: none;
}             

.ml4{
font-size: 11px;
color: #424242;
text-decoration: none;
}             

.se{            
width: 115px;
font-size: 9px;
color: #858585
}

.se2{            
width: 139px;
font-size: 9px;
color: #858585
}

.se3{            
font-size: 9px;
color: #858585
}

.ketepi {
padding-left: 15;
}

.image_border{
border:1px solid #888888; 
}

.green {
	color: #4ca422;
}
.red {
	color: #ed1919;
}
.notice {
	background-color: #fffce8;
	margin: 0;
	padding: 8px;
	border: 1px solid #fdee86;
	font-size: 11px;
}

.large {
	font-size: 18px;
}
.xlarge {
	font-size: 24px;
}
  
FORM {
display: inline;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

#body_table tr.tablecat td {
	font-weight: bold;
	height: 29px;
	color: #3b8fcf;
	font-size: 14px;
	border-bottom: 0;	
}

#body_table td, th {
	padding: 3px;
	border-bottom: 1px solid #ebebeb;
}

#body_table tr.noborder td {
	border-bottom: 0;	
}

#bodyfull ul {
	list-style-type: circle;
	margin: 0 0 0 25px;
	padding: 10px;
}

#bodyfull #whyus h2 {
	font-size: 18px;
	color: #4ca422;
}

/* WHMCS */
.heading {
        font-weight: bold;
        margin: 0;
        padding: 0 0 3px 0;
        font-family: "Century Gothic", Arial, Helvetica, sans-serif;
        font-size: 2em;
        color: #3c454a;
}

.wrapper {
	width: 730px;
	border: 0px;
	padding: 0px;
	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 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: #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: 75%;
	text-align: center;
	border: 1px solid #cccccc;
	background-color: #efefef;
	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;
}

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

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

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