

/* helpers */
.brd{ border: 1px solid red; }
.left{ float: left; }	
.right{ float: right; }
	img.left{ margin: 0 15px 5px 0; }
	img.right{ margin: 0 0 5px 15px; }
.large{ font-size: 1.2em; }
.small, small{ font-size: 0.9em; }
.small95 { font-size: 0.95em; }
.arial { font-family:Arial, Helvetica, sans-serif; }
.arial6 { font-family:Arial, Helvetica, sans-serif; color: #666666;}
td.arial6 { font-family:Arial, Helvetica, sans-serif; color: #666666;}
.shortd{ color: #d00000; font-weight: bold;}
.tl{ text-align: left; }
.tr{ text-align: right; }
.tj{ text-align: justify; }
.tc{ text-align: center; }
.warning{ color: #ea0029; }
.clear{ display: block; clear: both; height: 1px; overflow: hidden; }
.hidden{ display: none; }
.indent{ margin-left: 30px; }
.vivid{ color: #d00000; }
.black{ color: black; }
.underline{ color: #ff6600; border-bottom: 1px solid #d9d9d9; }
.w10{ width: 10%; } .w20{ width: 20%; } .w30{ width: 30%; } .w40{ width: 40%; } .w50{ width: 50%; } .w60{ width: 60%; } .w70{ width: 70%; } .w80{ width: 80%; } .w90{ width: 90%; } .w100{ width: 100%; }
.w15{ width: 15%; } .w25{ width: 25%; } .w35{ width: 35%; } .w45{ width: 45%; } .w55{ width: 55%; } .w65{ width: 65%; } .w75{ width: 75%; } .w85{ width: 85%; } .w95{ width: 95%; } 

#Path{ margin: 0 0 30px 0; }
	#Path ul{ margin: 0; padding: 0; list-style: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
	#Path li{ display: inline; background: none; margin: 0 5px 0 0; padding: 0; color: #6e6e6e; font-weight: bold; list-style: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
	#Path a{ background: url(bullet_path.gif) no-repeat right; padding: 0 13px 0 0; text-decoration: none; color: #6e6e6e; font-weight:normal;}

#Host{ margin: 0 -20px 10px -19px; padding: 0 20px 0 20px; background: url(bg_best_title.gif) no-repeat 0 15px; font-size: 12px; }
	#Host .thumb{ float: left; padding:5px; border:2px solid #DBDBDB; background:white; margin:0 20px 0 0;}
	#Host h3{ position:relative;font-size: 22px; color: #494949; font-weight: bold; margin: 0 0 20px 0; padding: 30px 0 0 0; }
	#Host h3 a{ color: #494949; text-decoration: none; }
	#Host .link{ float: right; margin:-25px 0 0 0;}
	#Host .link a{ color: #3399FF; text-decoration: none; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
	#Host .link a:hover{ text-decoration: underline; }
	#Host td{ padding: 1px 0; }
	#Host .buttonmi a {display:block; background-color: #EFEFEF; color: #0066CC; font-weight:bold; height:30px; line-height:29px; margin:10px 0px -10px 0px; text-decoration:none; width:212px; border: 1px dotted #a2a2a2; text-align:center;}
	#Host .buttonmi a:hover{background-color: #FFFFEF;}

/* boxes, modules, frames */
.even{ background-color: #f5f5f5; }
.reviews{ border: 5px solid #EDEDED; height: 310px; overflow: auto; margin:0 0 20px 0;}
	.reviews li, .reviews ul{ margin: 0; padding: 0; background-image: none;  display:block;}
	.reviews li{ padding: 15px 15px 5px 15px; }
	.reviews p{ margin: 0 0 9px 0; line-height: 1.4em; font-size:12px;}
.meta{ color: #999; font-size: 11px; }	

.review_summary{ width: 180px; background: #ECECEC url(bg_review_sum.gif) no-repeat bottom; font-size: 11px; }
	.review_summary .top{ background: #F8F8F8 url(bg_review_sum.gif) no-repeat; padding: 5px 5px 0 5px; }
	.review_summary .divider{ height: 20px; background: url(bg_review_sum.gif) no-repeat 0 -314px; }
	.review_summary p{ margin: 0 7px 9px 7px; }
	.review_summary td{ padding: 1px 0; }
	
	
/* icons, lists */
ul.table li{ display: block; padding: 4px 3px 6px 20px; background-position: 7px 9px; }
ul.table li.thead{ background: White url(bg_table_head.gif) repeat-x; border-top:1px solid #ccc; border-bottom:1px solid #dedede;}
ul.awards li{ background: url(bullet_award.gif) no-repeat left; padding:5px 0 5px 35px; }

/* tables */
.tdata { background: #cccccc; margin: 0 0 18px 0; border: solid #cccccc; border-width: 1px 1px 1px 0; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
	.tdata tr.even td, tr.even{ background-color: #f5f5f5; border-right: 1px solid white; }
		.tdata tr.odd td, tr.odd{ background-color: #ffffff; border-right: 1px solid white; }		
	.tdata .rank{ font-weight: bold; font-size: 19px; text-align: center; vertical-align: middle; }
	.tdata td{ background:white; vertical-align: middle; padding:9px; border-left: 1px solid #cccccc;   }				
	.tdata th{ background:white; font-weight: normal; text-align: left; border: solid #cccccc; border-width:0 0 1px 1px; padding: 0 9px; }	
	.tdata thead th { background: White url(bg_table_head.gif) repeat-x; font: bold 13px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; height: 34px; }				

/* Add. navigation */
.pages{ color: #999; font-size: 11px; }
	.pages a{ color: #999; padding: 0 5px 0 5px; margin: 0; text-decoration: none; }
	#Main .pages a:hover,
	#Main .pages a.active{ background-color: #35A0D9; color: White; text-decoration: none; }

.dropdown{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; position: relative; }	
	.dropdown .content{ position: absolute; left: 0; top: 0; z-index: 999; }
	.dropdown a{ color: #333; text-decoration: none; }
	.dropdown .hidden{ float: left; width: 162px; border-left: 1px solid white; border-bottom: 1px solid white; background: #f8f8f8; padding: 5px; position: relative; top: -2px; }
	.dropdown ul{ margin: 0 0 10px 0; }
a.menu{ text-decoration: none; display: block; width: 137px; height: 29px; border-left: 1px solid white; background: #F8F8F8 url(btn_choose_host.gif); padding: 0 0 0 35px; line-height: 29px; font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 11px; }
a.notes{ float: right; width: 157px; background: #F8F8F8 url(btn_mynotes.gif); }	
#Choose{ float: right; width: 172px; }	
	#Choose li{ background: none; padding: 4px 0 0 30px; }
#Hostmenu{ float: left; width: 152px; }	
	#Hostmenu .hidden{ width: 182px; }
	#Hostmenu a.menu{ width: 157px; background: #F8F8F8 url(btn_menu.gif); }
	#Hostmenu ul{ margin: 0 0 10px 5px; }
	#Hostmenu li{ display: block; height: 16px; line-height: 16px; padding: 0 0 0 25px; margin: 0 0 5px 0; background: no-repeat 0 0; }
		#Hostmenu li.email{ background-image: url(ico_menu_email.gif); }
		#Hostmenu li.print{ background-image: url(ico_menu_print.gif); }
		#Hostmenu li.save{ background-image: url(ico_menu_save.gif); }
		#Hostmenu li.subscribe{ background-image: url(ico_menu_subscribe.gif); }
		#Hostmenu li.review{ background-image: url(ico_menu_submit.gif); }
#Sortmenu{ float: right; width: 172px; margin: -6px 0 0 0; }
html*#Sortmenu{ margin: -8px 0 0 0; #margin: -6px 0 0 0; }
	#Sortmenu a.menu{ float: right; background: #f8f8f8 url(ico_menu_down.gif) no-repeat 11px 11px; padding: 0 0 0 27px; width: 145px; }
	#Sortmenu li{ background: none; width: auto; padding-left: 20px; margin: 0 0 3px 0; }
	#Sortmenu ul{ padding: 0; }
	
/* Sidebar */
#Side h3{ position: relative; display: block; width: 216px; height: 30px; line-height:30px; padding: 0 0 0 28px; margin: -1px 0 0 -5px; background: url(bg_sidecaption.gif); color: white; font-size: 13px; font-weight: bold; }
.sidenav{ padding: 0 0px; border-left: 1px solid #dfe0e0;}
.sidenav-ads{ padding: 10px 20px; border-left: 1px solid #dfe0e0; border-bottom: 1px solid #dfe0e0;}	
	.sidenav ul{ margin: 0; padding: 0; }
	.sidenav li{ background: none;  border-bottom: 1px solid #dfe0e0; margin: 0; padding: 0; }
	.sidenav li.last{  }
	.sidenav a{ display: block; color: #101111; font-size: 11px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; padding: 5px 20px; background: url(bullet_side.gif) no-repeat 218px 13px; }
	#Side .sidenav a:hover{ background-position: 218px -12px; background-color: #fff4e5; text-decoration: none; }
	
	
/*  Awards   */
table.awards{ background: #CBD2D8; }
	table.awards td{ background: white url(http://webhostinggeeks.com/images/bg_awards_cell.gif) no-repeat; padding: 11px 20px; }
	table.awards h4{ font-size:12px;}
	.awardstext{ font: normal 11px Arial, Helvetica, sans-serif; }
	.awardsname {font: bold 15px "Trebuchet MS",Arial,Helvetica,sans-serif;}