@charset "utf-8";
/* Sugarhosts CSS */
body {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 12px;
}
a:link,a:visited,a:hover  {
	color: #000;
	text-decoration: none;	
}
img {
	border: none;
}
#head {
	width: 900px;
	float: left;
}
.line {
	background-color: #EFEFEF;
	width: 900px;
	height: 2px;
	font-size: 2px;
	float: left;
}
.whiteline {
	background-color: #FFF;
	width: 824px;
	height: 15px;
	font-size: 15px;
	float: left;
}
#toplink {
	margin: auto;
	width: 862px;
	float: left;
}
#top-link {
	margin: auto;
	width: 200px;
	text-align: center;
	float: right;
	font-family: Verdana;
	font-size: 10px;
	background-color: #EFEFEF;
	font-weight: bold;
}
#logo {
	width: 270px;
	float: left;
	padding-left: 38px;
	padding-bottom: 10px;
}
#mainlink {
	text-align: right;
	width: 557px;
	float: left;
	padding-top: 24px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
}
#mainlink a:hover {
	color: #000;
	background-color:#EFEFEF;
	text-decoration: none;	
}
#content {
	width: 900px;
	float: left;
}
#foot {
	width: 900px;
	float: left;
	font-family: Verdana;
	font-size: 10px;

} 
#bottom-link {
	text-align: left;
	float: left;
	width: 424px;
	margin-left: 38px;
	background-image: url(../../images/footbg.jpg);
	background-repeat: repeat-x;
	padding-top: 12px;
	padding-left: 2;
x;
}
#copyright {
	text-align: right;
	float: right;
	width: 381px;
	margin-right: 38px;
	background-image: url(../../images/footbg.jpg);
	background-repeat: repeat-x;
	padding-top: 12px;
	padding-right: 2px;
	color: #000;
}
#container {
	margin: auto;
	width: 900px;
}
#right-function {
	float: right;
	width: 630px;
	text-align: right;
	padding-right: 38px;
	padding-bottom: 15px;
	background-color: #FFF;
}
#main-content {
	float: right;
	width: 630px;
	padding-right: 38px;
}
#packages {
	width: 900px;
	padding-top: 16px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 20px;
	float: left;
}
.package {
	width: 264px;
	float: left;
	margin-left: 8px;
	margin-right: 8px;
	background-color: #F1F1F1;
	border-color: #EAEAEA;
	border-style: solid;
	border-width: 1px;
	padding-bottom: 12px;
}
.package h1{
	border-width: 0px;
	color: #1a4d80;
	font-size: 24px;
	font-weight: 400;
	margin: 0;
	padding: 0;
}
.package strong {
	color: #007FFF;
}
#langcurset {
	margin-right: 38px;
	float: right;
	text-align: right;
}
.items {
	width: 826px;
	margin-left: 38px;
	float: left;
	font-size: 14px;
	font-family: Arial;
}
.items table {
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
}
.items th {
	color:#333;font-size:18px;font-weight:400;margin:0 0 5px;padding:10px 0 3px;
	text-align: left;vertical-align: top;
}
.items td {
	font-size: 12px;vertical-align: top;line-height: 150%;
}	
.productinfo {
	width: 826px;
	margin-left: 38px;
	float: left;
	padding-top:20px;
	padding-left:10px;
	font-family: Arial;
	vertical-align: middle;
}
.productinfo h1,
.productinfo h2 { border:0px; }
.bigtitle {
	width: 786px;
	margin-left: 38px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
}
.bigtitle table {
	text-align: left;
	border-collapse:collapse;
}
.bigtitle td {
	font-size: 14px;
	font-family: Arial;
	padding-left:38px;
	padding-right: 20px;
}
.textshows {
	width: 826px;
	margin-left: 38px;
	float: left;
	font-size: 14px;
	font-family: Arial;
	padding-left: 70px;
	padding-right: 70px;
}
.item {
	width: 264px;
	float: left;
	margin-left: 38px;
	margin-right: 28px;
	margin-bottom: 38px;
	background-color: #F1F1F1;
	border-color: #EAEAEA;
	border-style: solid;
	border-width: 1px;
	padding-bottom: 12px;
	text-align: center;
}
.item a {
	color: #666;
	font-size: 14px;
  font-weight: normal;
}
#textcontent {
	float: right;
	width: 630px;
	padding-left: 20px;
	padding-right: 38px;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 150%;
}



/* CSS copied from WHMCS portal theme,I modified some */
.clear{clear:both;}
.header{color:#1a4d80;font-size:14px;font-weight:700;}
.absmiddle{vertical-align:middle;}
#top_menu{background:#F5F5F5 url(images/top_menu_bg.gif) repeat-x;width:900px;height:30px;line-height:30px;margin:0;padding:0;text-align:left;float:left;}
#top_menu ul{list-style:none;margin:0;padding:0;}
#top_menu ul li{float:left;margin:0;padding:0;}
#top_menu ul li a,#top_menu ul li a:visited{color:#666;display:block;height:30px;line-height:30px;padding:0;text-align:center;text-decoration:none;width:100px;}
#top_menu ul li a.down,#top_menu ul li a.down:visited,#top_menu ul li a.down:hover{background-color:#FFF;border-right:1px solid #EBEBEB;color:#333;font-weight:700;width:99px;}
#top_menu ul li a:hover{background-color:#EBEBEB;color:#333;}
#side_menu{float:left;margin:0;padding-top,padding-bottom:20px;padding-left:38px;padding-right:12px;text-align:left;width:150px;}
#side_menu ul{list-style:none;margin:0 0 10px;padding:0;}
#side_menu ul li{line-height:25px;margin:0;padding:0;vertical-align: middle;}
body,td,th{color:#666;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;font-size:12px;}
form{margin:0;padding:0;}
h1{border-bottom:1px solid #EBEBEB;color:#1a4d80;font-size:24px;font-weight:400;margin:0 0 12px;padding:0 0 3px;}
h2{border-bottom:1px solid #F5F5F5;color:#333;font-size:18px;font-weight:400;margin:0 0 5px;padding:10px 0 3px;}
h3{color:#666;font-size:16px;font-weight:700;margin:0;padding:10px 0 5px;}
hr{background-color:#EBEBEB;border:0;border-top:1px solid #EBEBEB;height:0;margin:10px 0;overflow:hidden;}
input,select,textarea{color:#666;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;font-size:12px;margin:0;padding:2px;}
p{margin:0;padding:3px 0 8px;}
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;}

/* COMPARISON TABLE
==========================================================================================*/
#comparison 				{ float:left; margin-left:38px; width:767px; padding-left:30px; padding-right:30px; font-size:12px; font-family:Arial; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; }
#comparison th h2 			{ font-size:18px; border-width:0px; padding-top:0px; }
#comparison table 			{ margin-top:0; width:100%; border:0; border-collapse:collapse;}
#comparison td 				{ padding:5px 0 6px 0; border-left:1px solid #e0e0e0; text-align:center;	}
#comparison td,
#comparison th 				{ border-right:0; border-bottom:1px solid #e0e0e0;  background-color:transparent; color:#333; }
#comparison th        { text-align:left; padding-left:10px; font-weight:normal; }

#comparison .headers 	{ border-left:1px solid #e0e0e0; text-align:center; }
#comparison thead p 		{ margin:0 0 0.8em 0 ; }
#comparison a.btn 			{ float:none; margin:0 auto 0 auto; }
#comparison thead a.btn 	{ margin-bottom:12px; }
#comparison h2 				{ margin:0.4em 0; padding:0; }
#comparison .headers h3,
#comparison td h3 			{ font-size:16px; font-weight:normal; border-width:0px; padding-top:0px; }
#comparison .priceline th,
#comparison .priceline td 		{  }

#comparison th[scope="row"] { padding-right:8px; }
#comparison tfoot tr td 	{ padding:12px 0 0 0; border:0; text-align:center; background:none; }

#comparison .category {
	background-color: #F5F5F5;
}

#comparison table a:link,
#comparison table a:visited,
#comparison table a:hover  {
	color: #007FFF;
	border-bottom:1px solid #007FFF;
	padding-bottom:1px;
	position:relative;
}

.clientareatable {
	width: 100%;
	border: 0px solid #e0e0e0;
}
.clientareatable tr{
		border: 1px solid #e0e0e0;
}
.clientareatable td{
		border: 1px solid #e0e0e0;
}

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

.heading {
	font-family: Tahoma;
	font-size: 18px;
	font-weight: normal;
	color: #65A5E6;
}

.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: #16679F;
}