/* style for slider, advertising and so on.*/
#sidebar_top a{
	display:block;
	width:125px;
	float:left;
	margin:5px;

}

.ad_468x60_head {
	position:absolute;
	overflow:hidden;
	display:inline;
	width:468px;
	height:60px;
	right:10px;
	top:8px;
	border:2px #c1c1c1 solid;
}

/* Easy Slider */
#slider {
	position:relative;
	padding:0;
	overflow:hidden; 
	width: 100%;
	height:100%;
}
#slider li{ 
	margin:0;
	padding:0;
	width:618px;
	height:240px;
	overflow:hidden;
}	
#prevBtn, #nextBtn{ 
	position:absolute;
	display:block;
	width:160px;
	height:24px;
	left:10px;
	top:253px;
	z-index:1000;
	background:url(images/btn_prev0.gif) no-repeat 0 0;	
}
#nextBtn{ 
	left:470px;
	background:url(images/btn_next0.gif) no-repeat 0 0;	
}														
#prevBtn a, #nextBtn a{  
	display:block;
	position:relative;
	width:160px;
	height:24px;
	background:url(images/btn_prev.gif) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(images/btn_next.gif) no-repeat 0 0;	
}	
#slider .note{
	height:60px;
	font-size:12px;
	overflow:hidden;
}
#slider .note h3{
	font-size:17px;
	margin:0 0 5px 0;
	text-shadow: #eeeeee 1px 1px 2px;
	
}
#slider .list{
	overflow:hidden;
	background:transparent;
	height:180px;
}


/* end of Easy Slider */

/* designer comparison*/
.tbl_comparison{
	border-collapse:collapse;
	border: 1px solid #cccccc;
	outline:5px #eeeeee solid;
	background:white;
}
.tbl_comparison td{
	padding:5px 3px;
	vertical-align:top;
}
.tbl_comparison th{
	padding:3px 3px;
	vertical-align:top;
	background:url('images/tab-topbg-compare.jpg') repeat;
	border:none;
	color:#ffffff;
	font-weight:normal;
	vertical-align:bottom;
}
.tbl_comparison .td_ScoreGen, .tbl_comparison .td_ScoreSEO{
	cursor:pointer;
}
.tbl_comparison_odd{
	background:#EEEEEE;
}
.tbl_comparison .td_Gen, .tbl_comparison .td_SEO{
	border-right:1px solid #EEEEEE;
	border-left:1px solid #EEEEEE;
}
.tbl_comparison .td_Gen{
}

/* top 10 tables (for page use)*/
.tbl_top10big{
	font-size:11px;
	margin:0;
}
.tbl_top10big td{
	background:#e5e6e6;
        text-shadow: #fff 1px 0px 0px;
}
.tbl_top10big tr.nav td{
	background:url('images/top10/top10_nav_bg.jpg') repeat-x;
}
.tbl_top10big tr.nav td.highlight{
	background:url('images/top10/top10_nav_highligh_bg.jpg') repeat-x;
}

.tbl_top10big td.highlight{
	color:#fff;
	background:#174151;
}

.tbl_top10big td.highlight a{
	color:#fff;
}
.top10_coding_score{
	float: right;
	color:#61011E;
	font-size:14px;
	font-family:arial;
	font-weight:bold;
	width:62px;/*350*/
	height:35px;/*50px*/
	padding:15px 0px 0 288px;
	margin-right:-8px;
	background:url('images/top10/top10_coding_score_bg.png') right top no-repeat;
}

/* top 10 4 in 1 box - jquery UI*/ 
/* maybe can refer this : http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/ for border*/

.ui-tabs {
	padding: 0; 
	zoom: 1; 
	margin:-4px -8px -8px -8px;
}
.ui-tabs .ui-tabs-nav {
	list-style: none; 
	position: relative; 
	padding: 8px 4px 0px 4px;
	margin:0;
	overflow:hidden;
	background:#5A5A5A;
}
.ui-tabs .ui-tabs-nav li {
	position: relative; 
	float: left; 
	border-bottom-width: 0 !important; 
	margin: 0;
	padding: 0; 
	border:0px red solid; 
}
#sidebar .ui-tabs .ui-tabs-nav li a { /*have to put #sidebar*/
	float: left; 
	text-decoration: none; 
	padding: 2px 8px;
	border:0px green solid;
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
	font-family:arial;
}
#sidebar .ui-tabs .ui-tabs-nav li a:hover {
	color:#ffffff;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	padding-bottom: 1px; 
	border-bottom-width: 0;
	background:#ffffff;
}
#sidebar .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
	color:#181818;
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { 
	cursor: pointer; /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
} 
.ui-tabs .ui-tabs-panel { 
	padding: 0; 
	display: block; 
	border-width: 0; 
	background: #fff; 
}
.ui-tabs .ui-tabs-hide { 
	display: none !important; 
}

/* top10 box*/
.top10box{
	border-collapse:collapse;
	margin:0;
	width:274px;
	border-spacing: 20px; 
}
.top10box_btm{
	text-align:center;
	border-top:1px #1a1a1a dotted;
	padding:2px 0px 4px 0px;
	background:#5A5A5A;
}
#sidebar .top10box_btm a{
	color:#fff;
}
#sidebar .top10box_btm a:hover{
	text-decoration:underline;
}
.top10box .nav{
	border-bottom:1px #1a1a1a dotted;
	font-size:12px;
	font-weight:bold;
}
.top10box th{
	padding:8px 0px;
	text-align:right;
}
.top10box td{
	padding:4px;
	text-align:right;
}
.top10box td a{
}

.top10box .top10box_odd{
	background:#EEEEEE;
}
.top10box .ico_gold{
	background:url('images/top10/top10_icon_gold.jpg') no-repeat right 4px;
}
.top10box .ico_silver{
	background:url('images/top10/top10_icon_silver.jpg') no-repeat right 4px;
}
.top10box .ico_bronze{
	background:url('images/top10/top10_icon_bronze.jpg') no-repeat right 4px;
}
/* overwrite css */
.can_over{
	overflow:visible;
}