/*
	Featured Content Slider
	by: Chris Coyier
*/
					  				  
/*
	UTILITY STYLES
*/				  				  
					  				  
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }
a											{ outline: none; }


/*
	PAGE STRUCTURE
*/
#page-wrap 									{ width: 370px; margin: 0 auto; position: relative; min-height: 220px;
											  background: url(images/bg.png) top center; }


/*
	TYPOGRAPHY
*/
/*
	SLIDER
*/
.slider-wrap								{ width: 370px; position: absolute; top:0px; left: 0px; margin-top:-1px;}			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 370px; height: 160px;
border:1px solid #B7B7B7; background:url(images/gradasi_abu_2.jpg) repeat-x left bottom; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .wrapper		{ height:160px;}
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 370px; display:inline;}
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ margin-top:-7px; }
#movers-row									{ margin: -50px 0 0 78px; }
#movers-row div								{ width: 20%; float: left; display:inline;}
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(images/transpBlack.png); padding: 10px; height: 15px; 
											  margin-top: -35px; position: relative; z-index: 9999; color: #fff; text-align:right;font-size:13px; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 100%; margin-top: -8px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(images/arrowup.png) top center no-repeat; }

/*===FEATURED CONTENT SLIDER===*/
#featured{ 
	width:510px; 
	padding-right:250px; 
	position:relative; 
	border:2px solid #9B9B9B; 
	height:254px; 
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:510px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; 
	background:url(images/gradasi_abu_2.jpg) repeat-x left bottom;
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:1px;  
	font-size:12px; 
	color:#666; 
	border-bottom:1px solid #999999;
}

#featured ul.ui-tabs-nav li a{ 
	padding:3px 7px;
}
#featured ul.ui-tabs-nav li.berita_lengkap{ 
	padding-left:0px;  
	border-bottom:none;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:51px; 
	color:#333; 
	line-height:15px;
	text-decoration:none;
}

#featured li.ui-tabs-nav-item a span.date{ 
	color:#006699; 
	line-height:15px;
	text-decoration:none;
}

#featured li.ui-tabs-nav-item a span.title_news{ 
	display:block;  
	line-height:12px;
	text-decoration:none;
	text-transform:capitalize;
}

#featured div.berita_lengkap a{ 
	position:absolute; 
	bottom:0; left:510px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; 
	display:block; 
	height:21px; 
	color:#333;  background:#B8B8B8; 
	line-height:21px;
	text-align:center;
	text-decoration:none;
}
#featured div.berita_lengkap a:hover{text-decoration:underline;}

#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	/*background:url('images/selected-item.gif') top left no-repeat;  */
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:510px; height:254px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel h2{ 
	position:absolute; 
	top:0px; left:0; 
	width:498px;
	background: url('images/transparent-bg.png'); 
	font-size:12px; font-family:Georgia, serif; 
	color:#fff; padding:3px 5px; margin:0;
	overflow:hidden; 
}
#featured .ui-tabs-panel h2 a{color:#fff; text-decoration:none;}
#featured .ui-tabs-panel h2 a:hover{text-decoration:underline;}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:184px; left:0; 
	height:70px; 
	background: url('images/transparent-bg.png'); 
	font-size:11px;
	width:508px;
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:5px; 
	font-family:Verdana; font-size:11px; 
	line-height:10px; color:#f0f0f0;
	text-align:left
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}
/*===================================================*/