@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	background:#282828;	
}
a {
	color:#fff;
	text-decoration:none;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
a:hover {
	color:#ff9600;
}
.clearit {
	clear:both;
}
.ml-10 {
	margin-left:10px;
}
.ml-18 {
	margin-left:18px;
}
.ml-20 {
	margin-left:20px;	
}
.ml-10 {
	margin-left:10px;	
}
.ml-65 {
	margin-left: 10px;	
}
/************************** all ************************************/

.wrapper-video {
	width:1100px;
	height:auto;
	margin:25px auto 0 auto;	
}
.banner-top1 {
	width:1100px;
	height:90px;
	overflow:hidden;
	margin:0 auto;
	background:#333;
	padding:10px 0;
}
.header-video {
	height:155px;
	background:url(../images/bg-menu.jpg) bottom center no-repeat;
	overflow:hidden;
}
.header-top {
	height:78px;
	background:url(../images/header-top.jpg) bottom no-repeat;
}
.menu-top-left {
	width:250px;
	height:50px;
	overflow:hidden;
	font:normal 12px 'lucida_sansdemibold_roman', lucida;
	color:#fff;
	float:left;
	padding-top:20px;
}
.logo-video {
	width:545px;
	height:60px;
	float:left;
	overflow:hidden;
	margin:0 auto;
	padding-top:10px;
	font:normal 46px/36px 'OpenSansBold',"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.logo-video a {
	font:normal 46px/36px 'OpenSansBold',"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#fff;
}
.logo-video a:hover {
	font:normal 46px/36px 'OpenSansBold',"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#fff;
}
.search-login {
	width:305px;
	height:60px;
	overflow:hidden;
	float:right;
	font:normal 12px 'lucida_sansdemibold_roman', lucida;
	color:#fff;
	margin-top:10px;
}
/* search form */
.search {
	margin-top:5px;
}
.search input {
	outline:none;
	border:none;
}
	#search-form{
    	width: 221px;
		padding: 0 45px 0 35px;
		height: 34px;
		outline: none;
		background: #ffffff url(../images/bg-search.jpg) top right no-repeat;
		font: normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		color: #a0a0a0;
		float: right;
		border: none;
    }
#komentar-form{
		font:normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		color:#a0a0a0;
}
/* search form */

/********************* Menu kanal ********************************/
#menu-kanal {
	position:relative;
}
#menu-kanal ul {
	list-style:none;
	color:#fff;
	padding:0;
	margin:0;	
	font:normal 12px 'OpenSansBold', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#menu-kanal ul li {
	float:left;
}
#menu-kanal ul li a {
	display:block;
	padding:13px 13px;
}
#menu-kanal ul li:last-child a {	
	padding:13px 10px;	
}
a#menu.nav.active {
	background:#fff;
	color:#000;
}
#menu-kanal ul.sub-menu {
	position: absolute;
	font:normal 13px 'OpenSansRegular', Arial, Helvetica, sans-serif;
	text-transform:none;
	left:0;
}
a#submenu.sub-menu-a.active {
	color:#ff9600;
}
#menu-kanal ul.sub-menu li {
	text-align: left;
	margin:0;
}
#menu-kanal ul.sub-menu li a {
	text-align: left;
	padding: 5px 15px;
}


#menu-kanal li:hover ul.sub-menu {
	display: block;
}

/*************************** Menu Kanal ******************************/

.content-video {
	margin-top:20px;
}
/*************************** Kolom Kiri *****************************/
.kolom-kiri {
	width:780px;
	height:auto;
	float:left;	
}
.headline-video {
	width:780px;
	height:445px;
	position:relative;
	margin-bottom:20px;
}
.headline-video-img {
	z-index:4;
	width:780px;
	height:445px;
	overflow:hidden;
}
.headline-video-img img {
	width:780px;
	height:auto;
	overflow:hidden;
}
/*================== News Category ========================*/
.category-head-news {
	height:33px;
	overflow:hidden;
	position:absolute;
	z-index:2;
	bottom:110px;
}
.category-head-news h1 {
	background:#000;
	padding:5px 20px;
	margin:0 0px 0 30px;
	font:normal 19px 'OpenSansExtraBold', Arial, Helvetica, sans-serif;
	color:#ff9600;
	text-transform:capitalize;
}
.category-head-news h1 a {
	font:normal 19px 'OpenSansExtraBold', Arial, Helvetica, sans-serif;
	color:#ff9600;
	text-decoration:none;
}
.category-head-news h1 a:hover {
	color:#ff9600;
	text-decoration:none;
}
/*================== e : News Category ========================*/

/*================== e : Tekno Category ========================*/
.category-head-tekno {
	height:33px;
	overflow:hidden;
	position:absolute;
	z-index:2;
	bottom:110px;
}
.category-head-tekno h1 {
	background:#000;
	padding:5px 20px;
	margin:0 0px 0 30px;
	font:normal 19px 'OpenSansExtraBold', Arial, Helvetica, sans-serif;
	color:#ffcc00;
	text-transform:capitalize;
}
.category-head-tekno h1 a {
	font:normal 19px 'OpenSansExtraBold', Arial, Helvetica, sans-serif;
	color:#ffcc00;
	text-decoration:none;
}
.category-head-tekno h1 a:hover {
	color:#ffcc00;
	text-decoration:none;
}
/*================== e : Tekno Category ========================*/

/*================== e : female Category ========================*/
.category-head-female {
	height:33px;
	overflow:hidden;
	position:absolute;
	z-index:2;
	bottom:110px;
}
.category-head-female h1 {
	background:#000;
	padding:5px 20px;
	margin:0 0px 0 30px;
	font:normal 19px 'OpenSansExtraBold', Arial, Helvetica, sans-serif;
	color:#ff00cc;
	text-transform:capitalize;
}
.category-head-female h1 a {
	font:normal 19px 'OpenSansExtraBold', Arial, Helvetica, sans-serif;
	color:#ff00cc;
	text-decoration:none;
}
.category-head-female h1 a:hover {
	color:#ff00cc;
	text-decoration:none;
}
/*================== e : female Category ========================*/
/*================== e : bola Category ========================*/
.category-head-bola {
	height:33px;
	overflow:hidden;
	position:absolute;
	z-index:2;
	bottom:110px;
}
.category-head-bola h1 {
	background:#000;
	padding:5px 20px;
	margin:0 0px 0 30px;
	font:normal 19px 'OpenSansExtraBold', Arial, Helvetica, sans-serif;
	color:#00cc00;
	text-transform:capitalize;
}
.category-head-bola h1 a {
	font:normal 19px 'OpenSansExtraBold', Arial, Helvetica, sans-serif;
	color:#00cc00;
	text-decoration:none;
}
.category-head-bola h1 a:hover {
	color:#00cc00;
	text-decoration:none;
}
/*================== e : bola Category ========================*/
/*================== e : otomotif Category ========================*/
.category-head-oto {
	height:33px;
	overflow:hidden;
	position:absolute;
	z-index:2;
	bottom:110px;
}
.category-head-oto h1 {
	background:#000;
	padding:5px 20px;
	margin:0 0px 0 30px;
	font:normal 19px 'OpenSansExtraBold', Arial, Helvetica, sans-serif;
	color:#db1342;
	text-transform:capitalize;
}
.category-head-oto h1 a {
	font:normal 19px 'OpenSansExtraBold', Arial, Helvetica, sans-serif;
	color:#db1342;
	text-decoration:none;
}
.category-head-oto h1 a:hover {
	color:#db1342;
	text-decoration:none;
}
/*================== e : otomotif Category ========================*/
/*================== e : health Category ========================*/
.category-head-health {
	height:33px;
	overflow:hidden;
	position:absolute;
	z-index:2;
	bottom:110px;
}
.category-head-health h1 {
	background:#000;
	padding:5px 20px;
	margin:0 0px 0 30px;
	font:normal 19px 'OpenSansExtraBold', Arial, Helvetica, sans-serif;
	color:#00ff66;
	text-transform:capitalize;
}
.category-head-health h1 a {
	font:normal 19px 'OpenSansExtraBold', Arial, Helvetica, sans-serif;
	color:#00ff66;
	text-decoration:none;
}
.category-head-health h1 a:hover {
	color:#00ff66;
	text-decoration:none;
}
/*================== e : health Category ========================*/
/*================== e : entertainment Category ========================*/
.category-head-entertainment {
	height:33px;
	overflow:hidden;
	position:absolute;
	z-index:2;
	bottom:110px;
}
.category-head-entertainment h1 {
	background:#000;
	padding:5px 20px;
	margin:0 0px 0 30px;
	font:normal 19px 'OpenSansExtraBold', Arial, Helvetica, sans-serif;
	color:#00ff66;
	text-transform:capitalize;
}
.category-head-entertainment h1 a {
	font:normal 19px 'OpenSansExtraBold', Arial, Helvetica, sans-serif;
	color:#00ff66;
	text-decoration:none;
}
.category-head-entertainment h1 a:hover {
	color:#00ff66;
	text-decoration:none;
}
/*================== e : entertainment Category ========================*/
/*================== e : properti Category ========================*/
.category-head-properti {
	height:33px;
	overflow:hidden;
	position:absolute;
	z-index:2;
	bottom:110px;
}
.category-head-properti h1 {
	background:#000;
	padding:5px 20px;
	margin:0 0px 0 30px;
	font:normal 19px 'OpenSansExtraBold', Arial, Helvetica, sans-serif;
	color:#00ff66;
	text-transform:capitalize;
}
.category-head-properti h1 a {
	font:normal 19px 'OpenSansExtraBold', Arial, Helvetica, sans-serif;
	color:#00ff66;
	text-decoration:none;
}
.category-head-properti h1 a:hover {
	color:#00ff66;
	text-decoration:none;
}
/*================== e : properti Category ========================*/
.headline-title {
	height:125px;
	overflow:hidden;
	width:780px;
	background:url(../images/shadow-headline.png) bottom left repeat-x;
	position:absolute;
	z-index:3;
	bottom:0;	
}
.headline-title-click {
	width:720px;
	height:90px;
	overflow:hidden;
	margin:10px auto 0 auto;
}
.headline-title-click h1 {
	height:65px;
	overflow:hidden;
	margin:0;
	padding:0;
	font:normal 26px/32px 'OpenSansExtraBold', Arial, Helvetica, sans-serif;
	color:#fff;
	text-shadow: 0px 0px 5px #000;
	display:table-cell;
	vertical-align:middle;
}

.headline-title-click h2 {
	width:120px;
	height:18px;
	overflow:hidden;
	float:left;
	margin:10px 0;
	padding:0;
	font:normal 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#999999;
}
.headline-title-click h3 {
	width:120px;
	height:18px;
	overflow:hidden;
	float:left;
	margin:10px 0 10px 10px;
	padding:0;
	font:normal 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#999999;
}
.headline-title-click h4 {
	width:120px;
	height:18px;
	overflow:hidden;
	float:right;
	margin:10px 0 10px 10px;
	padding:0;
	font:normal 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#999999;
	text-align:right;
}

.video-thumb-row {
	padding-bottom:15px;
	border-bottom:1px solid #3e3e3e;
	margin-bottom:20px;
}
.video-thumb {
	width:248px;
	height:215px;
	float:right;
	position:relative;
}
.video-thumb-out {
	width:266px;
	height:215px;
	float:left;	
}
.video-thumb-img {
	width:248px;
	height:140px;
	overflow:hidden;
}
.video-thumb-img img {
	width:248px;
	height:auto;
	overflow:hidden;
}
.video-thumb h1 {
	font:normal 16px/20px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#fff;
	height:40px;
	overflow:hidden;
	margin:10px 0;
}
.video-thumb h2 {
	font:normal 10px/14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#999999;
	height:12px;
	overflow:hidden;
	margin:0px 0;
	float:left;
}
.video-thumb h3 {
	font:normal 10px/14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#999999;
	height:12px;
	overflow:hidden;
	margin:0px 0;
	float:right;
}

/************** category news thumb **********************/
.category-thumb-news {
	height:21px;
	overflow:hidden;
	position:absolute;
	z-index:2;
	top:0px;
	background:url(../images/bg-category-thumb.png) top left no-repeat;	
	margin-left:-5px;
}
.category-thumb-news h1 {
	background:#000;
	padding:1px 10px;
	margin:0 0px 0 0px;
	font:normal 12px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color:#ff9600;
	text-transform:uppercase;
	height:15px;
}
.category-thumb-news h1 a {
	font:normal 12px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color:#ff9600;
	text-decoration:none;
}
.category-thumb-news h1 a:hover {
	color:#ff9600;
	text-decoration:none;
}
/************** category news thumb **********************/

/************** category bola thumb **********************/
.category-thumb-bola {
	height:21px;
	overflow:hidden;
	position:absolute;
	z-index:2;
	top:0px;
	background:url(../images/bg-category-thumb.png) top left no-repeat;	
	margin-left:-5px;
}
.category-thumb-bola h1 {
	background:#000;
	padding:1px 10px;
	margin:0 0px 0 0px;
	font:normal 12px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color:#00cc00;
	text-transform:uppercase;
	height:15px;
}
.category-thumb-bola h1 a {
	font:normal 12px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color:#00cc00;
	text-decoration:none;
}
.category-thumb-bola h1 a:hover {
	color:#00cc00;
	text-decoration:none;
}
/************** category bola thumb **********************/

/************** category female thumb **********************/
.category-thumb-female {
	height:21px;
	overflow:hidden;
	position:absolute;
	z-index:2;
	top:0px;
	background:url(../images/bg-category-thumb.png) top left no-repeat;	
	margin-left:-5px;
}
.category-thumb-female h1 {
	background:#000;
	padding:1px 10px;
	margin:0 0px 0 0px;
	font:normal 12px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color:#ff00cc;
	text-transform:uppercase;
	height:15px;
}
.category-thumb-female h1 a {
	font:normal 12px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color:#ff00cc;
	text-decoration:none;
}
.category-thumb-female h1 a:hover {
	color:#ff00cc;
	text-decoration:none;
}
/************** category female thumb **********************/

/************** category health thumb **********************/
.category-thumb-health {
	height:21px;
	overflow:hidden;
	position:absolute;
	z-index:2;
	top:0px;
	background:url(../images/bg-category-thumb.png) top left no-repeat;	
	margin-left:-5px;
}
.category-thumb-health h1 {
	background:#000;
	padding:1px 10px;
	margin:0 0px 0 0px;
	font:normal 12px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color:#00ff66;
	text-transform:uppercase;
	height:15px;
}
.category-thumb-health h1 a {
	font:normal 12px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color:#00ff66;
	text-decoration:none;
}
.category-news-health h1 a:hover {
	color:#00ff66;
	text-decoration:none;
}
/************** category health thumb **********************/

/************** category tekno thumb **********************/
.category-thumb-tekno {
	height:21px;
	overflow:hidden;
	position:absolute;
	z-index:2;
	top:0px;
	background:url(../images/bg-category-thumb.png) top left no-repeat;	
	margin-left:-5px;
}
.category-thumb-tekno h1 {
	background:#000;
	padding:1px 10px;
	margin:0 0px 0 0px;
	font:normal 12px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color:#ffcc00;
	text-transform:uppercase;
	height:15px;
}
.category-thumb-tekno h1 a {
	font:normal 12px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color:#ffcc00;
	text-decoration:none;
}
.category-thumb-tekno h1 a:hover {
	color:#ffcc00;
	text-decoration:none;
}
/************** category tekno thumb **********************/

/************** category otomotif thumb **********************/
.category-thumb-oto {
	height:21px;
	overflow:hidden;
	position:absolute;
	z-index:2;
	top:0px;
	background:url(../images/bg-category-thumb.png) top left no-repeat;	
	margin-left:-5px;
}
.category-thumb-oto h1 {
	background:#000;
	padding:1px 10px;
	margin:0 0px 0 0px;
	font:normal 12px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color:#db1342;
	text-transform:uppercase;
	height:15px;
}
.category-thumb-oto h1 a {
	font:normal 12px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color:#db1342;
	text-decoration:none;
}
.category-thumb-oto h1 a:hover {
	color:#db1342;
	text-decoration:none;
}
/************** category otomotif thumb **********************/

/************** category entertainment thumb **********************/
.category-thumb-entertainment {
	height:21px;
	overflow:hidden;
	position:absolute;
	z-index:2;
	top:0px;
	background:url(../images/bg-category-thumb.png) top left no-repeat;	
	margin-left:-5px;
}
.category-thumb-entertainment h1 {
	background:#000;
	padding:1px 10px;
	margin:0 0px 0 0px;
	font:normal 12px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color:#00ff66;
	text-transform:uppercase;
	height:15px;
}
.category-thumb-entertainment h1 a {
	font:normal 12px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color:#ef457c;
	text-decoration:none;
}
.category-news-entertainment h1 a:hover {
	color:#ef457c;
	text-decoration:none;
}
/************** category entertainment thumb **********************/


.video-thumb-img-time {
	background:url(../images/bg-thumb-img.png) bottom left repeat-x;
	font:bold 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#929292;
	position:absolute;
	height:15px;
	width:243px;
	margin-top:-30px;
	text-align:right;
	padding:15px 5px 0px 0;
}




/****************************** kolom kiri ***************************************/

/****************************** Kolom kanan **************************************/
.kolom-kanan {
	width:300px;
	float:right;
}
.tag_cloud { text-decoration: none;width:300px;height:175px;overflow:hidden;margin:20px 0;border-bottom:1px solid #393939; }
.tag_cloud p { font:normal 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;color:#999999;text-align:center;line-height:16px; }
.tag_cloud h1 { font:normal 13px 'OpenSansBold', arial; text-transform:uppercase;margin:0;border-top:1px solid #393939;border-bottom:1px solid #393939;padding:10px 0;color:#999; } 
.tag_cloud a { color: #999; }
.tag_cloud a:visited { color: #999; }
.tag_cloud a:hover { color: #666; }
.tag_cloud a:active { color: #666; }


/************* Recomended video ***************/

.recomended-video {
	width:298px;
	height:461px;
	overflow:hidden;
	margin:20px 0;
	border:1px solid #000;
}
.recomend-video-title {
	background:#000;
	font:normal 16px 'OpenSansBold', arial;
	color:#fff;
	text-transform:uppercase;
	padding:10px;
}
.recomend-video-box {
	width:300px;
	height:105px;
	border-bottom:1px solid #000;
	overflow:hidden;
}
.recomend-video-box-in {
	width:280px;
	height:90px;
	overflow:hidden;
	margin:9px auto 0px auto;
}
.recomend-video-box-in-img {
	width:123px;
	height:70px;
	overflow:hidden;
	float:left;
	margin-right:10px;
}
.recomend-video-box-in-img img {
	width:123px;
	height:auto;
	overflow:hidden;
}
.recomend-video-box-in h1 {
	font:normal 12px/16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#fff;
	margin:5px 0;
	width:145px;
	height:65px;
	overflow:hidden;
	float:left;
}
.recomend-video-box-in h2 {
	font:normal 10px/16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#999999;
	margin:0;
	width:100px;
	height:14px;
	overflow:hidden;
	float:left;
}
.recomend-video-box-in h3 {
	font:normal 10px/16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#999999;
	margin:0;
	width:100px;
	height:14px;
	overflow:hidden;
	float:right;
	text-align:right;
}

/********************* Recomend Video *************************/

.top-video {
	width:1100px;
	height:230px;
	overflow:hidden;
	margin:20px 0;	
}
.top-video h1 {
	font:normal 25px 'OpenSansBold', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#9f9f9f;
	margin:0px 0 5px 0;
	text-transform:uppercase;	
}

/******************** Top video News ***********************/
.top-video-news {
	width:353px;
	height:28px;
	border-top:3px solid #ff9600;
	margin:0;
	font:normal 15px 'OpenSansRegular', lucida sans;
	color:#ff9600;	
	padding:5px 0;
	text-transform:uppercase;
}
/******************** Top video News ***********************/


/******************** Top video Otomotif ***********************/
.top-video-otomotif {
	width:353px;
	height:28px;
	border-top:3px solid #db1342;
	margin:0;
	font:normal 15px 'OpenSansRegular', lucida sans;
	color:#db1342;	
	padding:5px 0;
	text-transform:uppercase;
}
/******************** Top video Otomotif ***********************/


/******************** Top video Entertainment ***********************/
.top-video-entertainment {
	width:353px;
	height:28px;
	border-top:3px solid #ef457c;
	margin:0;
	font:normal 15px 'OpenSansRegular', lucida sans;
	color:#ef457c;	
	padding:5px 0;
	text-transform:uppercase;
}
/******************** Top video Entertainment ***********************/

/******************** Top video Tekno ***********************/
.top-video-tekno {
	width:353px;
	height:28px;
	border-top:3px solid #ffcc00;
	margin:0;
	font:normal 15px 'OpenSansRegular', lucida sans;
	color:#ffcc00;	
	padding:5px 0;
	text-transform:uppercase;
}
/******************** Top video Tekno ***********************/



/******************** Top video health ***********************/
.top-video-health {
	width:353px;
	height:28px;
	border-top:3px solid #00ff66;
	margin:0;
	font:normal 15px 'OpenSansRegular', lucida sans;
	color:#00ff66;	
	padding:5px 0;
	text-transform:uppercase;
}
/******************** Top video Health ***********************/


/******************** Top video bola ***********************/
.top-video-bola {
	width:353px;
	height:28px;
	border-top:3px solid #00cc00;
	margin:0;
	font:normal 15px 'OpenSansRegular', lucida sans;
	color:#00cc00;	
	padding:5px 0;
	text-transform:uppercase;
}
/******************** Top video bola ***********************/

/******************** Top video Female ***********************/
.top-video-female {
	width:353px;
	height:28px;
	border-top:3px solid #ff00cc;
	margin:0;
	font:normal 15px 'OpenSansRegular', lucida sans;
	color:#ff00cc;	
	padding:5px 0;
	text-transform:uppercase;
}
/******************** Top video bola ***********************/




.top-video-box {
	width:267px;
	height:180px;
	overflow:hidden;
	float:left;
}
.top-video-box-no {
	width:22px;
	height:18px;
	overflow:hidden;
	float:left;
	margin-right:5px;
	font:normal 12px 'OpenSansRegular', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#282828;
	background:url(../images/1.jpg) left no-repeat;
	text-align:center;
	padding-top:3px;
}
.top-video-box-link {
	width:240px;
	height:32px;
	overflow:hidden;	
	font:normal 14px 'OpenSansRegular', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#9b9b9b;
	margin-bottom:20px;
}
.top-video-box-link a {
	font:normal 13px 'OpenSansRegular', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#9b9b9b;
}
.top-video-box-link a:hover {
	color:#ff9600;
}

/************************* footer ************************************/
.footer-video {
	width:1100px;
	height:440px;
	overflow:hidden;
	background:#000;
	margin:10px 0;
	padding:10px 0px;
}
.footer-video-col {
	width:175px;
	height:310px;
	overflow:hidden;
	float:left;
	background:url(../images/bg-col-footer.gif) right center no-repeat;
	padding-left:30px;
	margin-top:20px;
}
.footer-video-col h1 {
	font:normal 18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#fff;
	margin:0;
	padding:0;
}
#site-map {
	position:relative;
}
#site-map ul {
	list-style:none;
	color:#666666;
	padding:0;
	margin:0;	
	font:normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing:0.06em;
}
#site-map li {
	
}
#site-map a {
	display:block;
	padding:8px 0px 0 5px;
	font:normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#666666;
}
#site-map a:hover {
	color:#ff9600;
}

/*********************** Social Shared ***************************/
.social-media {
	width:245px;
	height:45px;
	float:right;
	margin-top:-20px;
	margin-bottom:10px;
}
.social-fb {
	width:57px;
	height:62px;
	background:url(../images/fb-share.gif) no-repeat;
	overflow:hidden;
	float:left;
	position:relative;
	margin-right:8px;
}
.social-fb-count {
	font:bold 14px/14px Arial, Helvetica, sans-serif;
	color:#fff;
	width:45px;
	height:18px;
	margin:10px auto;
	text-align:center;	
}
.social-twitter {
	width:57px;
	height:62px;
	background:url(../images/twitter.gif) no-repeat;
	overflow:hidden;
	float:left;
	position:relative;
	margin-right:8px;
}
.social-twitter-count {
	font:bold 14px/14px Arial, Helvetica, sans-serif;
	color:#fff;
	width:45px;
	height:18px;
	margin:10px auto;
	text-align:center;	
}
.social-google {
	width:49px;
	height:62px;
	background:url(../images/g+.gif) no-repeat;
	overflow:hidden;
	float:left;
	position:relative;
	margin-right:8px;
}
.social-google-count {
	font:bold 14px/14px Arial, Helvetica, sans-serif;
	color:#fff;
	width:38px;
	height:18px;
	margin:10px auto;
	text-align:center;	
}
.social-email {
	width:57px;
	height:62px;
	background:url(../images/email.gif) no-repeat;
	overflow:hidden;
	float:left;
	position:relative;
	margin-right:8px;
}
.social-email-count {
	font:bold 14px/14px Arial, Helvetica, sans-serif;
	color:#fff;
	width:45px;
	height:18px;
	margin:10px auto;
	text-align:center;	
}
.social-komentar {
	width:70px;
	height:62px;
	background:url(../images/komentar.gif) no-repeat;
	overflow:hidden;
	float:left;
	position:relative;
	margin-right:8px;
}
.social-komentar-count {
	color: #FFFFFF;
    font: bold 14px/14px Arial,Helvetica,sans-serif;
    height: 18px;
    margin: 10px auto;
    text-align: center;
    width: 58px;	
}


.social-link {
	display:block;
	width:57px;
	height:21px;
	overflow:hidden;
}
/*********************** Social Shared ***************************/
#menu-bottom {
	width:1020px;
	height:40px;
	overflow:hidden;
	padding:25px 40px;
	border-top:1px solid #303030;
	font:normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#666666;
	background:#000;
	margin:10px 0;
}
#menu-bottom a {
	font:normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#666666;
}
#menu-bottom a:hover {
	color:#ff9600;
}
#menu-bottom ul {
	list-style:none;
	color:#666666;
	padding:0;
	margin:0 0 10px 0;	
	font:normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing:0.06em;
	width:800px;
	float:left;
}
#menu-bottom li {
	float:left;
	border-right:1px solid #666;
}
#menu-bottom a {
	display:block;
	padding:0px 15px;
	font:normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#666666;
}
#menu-bottom a:hover {
	color:#ff9600;
}

/************************** Breadcrum *******************************/
#breadcrumb {
	height:20px;
	margin-bottom:10px;
}
#breadcrumb ul {
	list-style:none;
	color:#666666;
	padding:0;
	margin:0;	
	font:normal 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing:0.06em;
}
#breadcrumb li {
	float:left;
}
#breadcrumb a {
	display:block;
	padding:0px 5px;
	font:normal 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#666666;
}
#breadcrumb a:hover {
	color:#ff9600;
}
a#breadcrumb.bread.active {
	color:#dad8d4;
}


/****************************** Box indexing *****************************/

.indexing-news {
	padding-left:0px;
}
.video-indexing-row {
	padding-bottom:0px;
	margin-bottom:20px;
}
.video-indexing-out {
	width:266px;
	height:233px;
	float:left;	
}

.video-indexing {
	width:248px;
	height:233px;
	float:left;
	position:relative;
	background:#616161;
	border:1px solid #626262;
}
.video-indexing-img {
	width:246px;
	height:140px;
	overflow:hidden;
}
.video-indexing-img img {
	width:246px;
	height:auto;
	overflow:hidden;
}
.video-indexing h1 {
	font:normal 16px/20px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#fff;
	height:40px;
	overflow:hidden;
	margin:10px 0;
	padding:0 10px;
}
.video-indexing h2 {
	font:normal 10px/14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#bababa;
	height:12px;
	overflow:hidden;
	margin:0px 0;
	float:left;
	padding:0 10px;
}
.video-indexing h3 {
	font:normal 10px/14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#bababa;
	height:12px;
	overflow:hidden;
	margin:0px 0;
	float:right;
	padding:0 10px;
}

/********** program indexing ***************/

.indexing-program {
	padding-left:0px;
}
.program-indexing-row {
	padding-bottom:0px;
	margin-bottom:25px;
}
.program-indexing {
	width: 185px;
	height: 140px;
	float:left;
	position:relative;
	overflow:hidden;
}
.program-indexing-img {
	width: 185px;
	height: 84px;
	overflow:hidden;
}
.program-indexing-img img {
	width: 185px;
	height: 84px;
	overflow:hidden;
}
.program-indexing h1 {
	font:normal 12px/15px 'OpenSansBold',"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#f8b209;
	overflow:hidden;
	margin:5px 0;
	padding:0px;
}
.program-indexing h1 a {
	color:#f8b209;
}
.program-indexing h1 a:hover {
	color:#f8b209;
}

.program-indexing h2 {
	font:normal 10px/14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#fff;
	height:12px;
	overflow:hidden;
	margin:0px 0;
	float:left;
	padding:0px;
}
.program-indexing h3 {
	font:normal 10px/14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#bababa;
	height:12px;
	overflow:hidden;
	margin:0px 0;
	float:right;
	padding:0 10px;
}


/******************************************* Play News ****************************************/
.play-news {
	margin-bottom:20px;	
}
.episode {
	float:right;
	font:normal 18px 'OpenSansRegular', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin:30px 0 10px 0;
}
.play-news h1 {
	font:normal 30px/34px 'OpenSansBold',"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#fff;
	margin:15px 0 10px 0;
	padding:0;
}
.play-news h2 {
	font:normal 12px/12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#999999;
	margin:0;
	padding:0;
	height:16px;
	overflow:hidden;
	float:left;
}
.play-news h3 {
	font:normal 12px/12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#999999;
	margin:0;
	padding:0;
	height:16px;
	overflow:hidden;
	float:right;
}
.play-news p {
	font:normal 14px/20px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#fff;	
}
.play-video {
	width:780px;
	height:416px;
	overflow:hidden;
	/*margin:10px 0 15px 0;*/
}
.play-program {
	width:780px;
	height:416px;
	overflow:hidden;
	margin:0px 0 15px 0;
}
.shared-video {
	max-width:330px;
	height:65px;
	overflow:hidden;
	float:right;
	margin:0 0 20px 20px;
}
.newsletter-submit {
	background:#282828 url(../images/bg-newsletter.gif) repeat-x;
	padding:8px 12px;
	width:308px;
	height:44px;
	float:right;
	font:normal 16px 'OpenSansRegular', lucida sans;
	color:#fff;
	-webkit-border-radius: 3px;
    border-radius: 3px;
}
.newsletter-submit input[type="file"]  {
	width:100%;
}
	#submit-newsletter{
    	width:208px;
    	padding:3px 10px;
    	height:17px;
    	outline:none;
		background:#cccccc;
		font:normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		color:#333;
		float:left;
		border:1px solid #aaa9a9;
    }
	
	.button-newsletter {
		width:78px;
		height:25px;
		background:url(../images/submit.gif) no-repeat;
		border:none;	
	}
.editor-video {
	font:normal 12px/24px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#666666;
}
/***************************************
#terkait {
	margin:20px 0;
}
#terkait h1 {
	font:normal 18px 'OpenSansBold', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#fff;
	margin:5px 0;
	padding:5px 0;
	border-bottom:2px solid #7e7e7e;
}

#terkait ul {
	list-style:none;
	color:#666666;
	padding:0;
	margin:0;	
	font:normal 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing:0.06em;
}
#terkait li {
	background:url(../images/bullet-terkatin.gif) left center no-repeat;
	padding:13px 10px 15px 10px;
	border-bottom:1px dashed #505050;
}
#terkait a {
	display:block;
	padding:0px 5px;
	font:normal 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#fff;
}
#terkait a:hover {
	color:#ff9600;
}
a#terkait.ter.active {
	color:#dad8d4;
}
**********/

#episode-lain {
	margin:40px 0 20px 0;
	width:780px;
	height:auto;/* #heightVideoTerkait */
	overflow:hidden;
}

#episode-lain h1 {
	font:normal 18px 'OpenSansBold', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#fff;
	margin:5px 0;
	padding:5px 0;
	border-bottom:2px solid #7e7e7e;
}
#episode-lain h2 {
	font:normal 11px 'OpenSansSemibold', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#fff;
	margin:0px 0;
	padding:3px 5px;
	width:111px;
	height:auto;/* #heightVideoTerkait */
	overflow:hidden;
	/* #heightVIdeoTerkiat replace background:#2f2f2f; */
}

#episode-lain ul {
	list-style:none;
	color:#666666;
	padding:0;
	margin:0;	
	font:normal 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing:0.06em;
}
#episode-lain li {
	width:123px;
	height:auto;/* #heightVideoTerkait */
	overflow:hidden;
	float:left;
}
.episode-lain-img {
	width:123px;
	height:70px;
	overflow:hidden;
	position:relative;
}
.episode-lain-img img {
	width:123px;
	height:auto;
	overflow:hidden;
}
#episode-lain a {
	display:block;
	font:normal 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#fff;
	border:1px solid #313131;
	width:121px;
	height:auto;/* #heightVideoTerkait */
}
#episode-lain a:hover {
	border:1px solid #313131;
	color:#e7b85c;
	opacity:0.5;
}
a#episode-lain.episode-lain.active {
	border:1px solid #222;/* #heightVideoTerkait */
	margin:0;
	color:#e7b85c;
}

/* 
=================================================================================
CSS Program Duet -----------------------------------------------------------------------
=================================================================================
*/

.left {
	float:left;
}

.right {
	float:right;
}

ul.rootSite {
	margin:0;
	padding:0;
}

ul.rootSite li {
	list-style-type:none;
	display:inline;
}

ul.rootSite li a {
	text-decoration:none;
	font:normal 11px 'OpenSansRegular', Arial, Helvetica, sans-serif;
	color:#999;
}

ul.rootSite li a.active {
	color:#dad8d4;
}

.duetThumb {
	width: 285px;
	height: 143px;
	overflow:hidden;
}
.duetThumb img {
	width: 285px;
	height: auto;
	overflow:hidden;
}

.duetViewsDuration {
	height: 24px;
	width: 285px;
	background:#333;
}

.duetViewsDuration span {
	font:normal 11px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color:#fff;
	padding:2px 5px;
	
}
.duetPlay {
	padding:20px 0;
}

.duetPlayLeft {
	padding-right: 15px;
}
.duetPlayRight {
	width: 480px;
	padding:0 0 8px 0px;
	border-bottom:solid 2px #2b2b2b;
}

.duetPlayRight h1 {
	margin:0;
	padding:0;
	font:normal 26px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
	color:#bebebe;
}

.duetPlayRight h4 {
	margin:0;
	padding: 5px 0 0 0;
	font:normal 14px 'lucida_sansdemibold_roman', Arial, Helvetica, sans-serif;
	color:#bebebe;
	
}

.duetPlayRight p {
	font:normal 14px/22px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color:#bebebe;
	overflow:hidden;
	/*height: 70px;*/
	margin: 5px 0;
}

.duetPlayRight a {
	font:normal 15px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
	color:#bebebe;
	display:inline-block;
	background:#2f2f2f;
	padding:1px 15px;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.colEpisode {
	width:760px;
	height:94px;
	padding:20px 10px;
}

.colEpisode2 {
	width:760px;
	height:94px;
	padding:20px 10px;
	background:#333;
}

.episodeProg {
	margin-bottom:20px;	
}

.episodeProg h1 {
	margin:0;
	padding:0;
	font:normal 22px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
	color:#bebebe;
	
}

.noEpisode {
	font:normal 13px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
	color:#060607;
	background:#9c9c9c;
	padding:3px 8px;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.thumbEpisode {
	width:123px;
	height:70px;
	overflow:hidden;
	position:relative;
	padding-left:10px;
}

.thumbEpisode img.thumb1 {
	width:123px;
	height:70px;
	overflow:hidden;
	position:absolute;
	z-index:1;
}

a.playEpisode {
	width:123px;
	height:70px;
	position:absolute;
	z-index:2;
	display:block;
}

a.playEpisode img{
	width:17px;
	height:17px;
	top:28px;
	left:50px;
	position:absolute;
}

.topEpisode {
	width:600px;
	padding:0 20px;
}
.topEpisode h1 {
	font:normal 15px 'lucida_sansdemibold_roman', Arial, Helvetica, sans-serif;
	color:#bebebe;
	margin:0;
	padding:0;
}

.topEpisode h6 {
	margin:0;
	padding:0;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#CCC;
	
}

.topEpisode h6 span {
	padding:2px 20px 0 0;
	display:inline-block;
}

.buttomEpisode {
	font:normal 12px/18px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color:#bebebe;
	width:582px;	
	padding:0 10px 0 20px;
	overflow:hidden;
	height:75px;
}

.textEpisode  {
	width:580px;
}

.buttomAd  {
	width:1100px;
	height:90px;
	overflow:hidden;
	padding:20px 0 0px;
}

.buttomAd img {
	width:1100px;
	height:90px;
	overflow:hidden;
}
.video-thumb-episode-lain {
	background:#000;
	font:normal 12px 'OpenSansRegular', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#fefefe;
	position:absolute;
	height:15px;
	width:auto;
	margin-top:-30px;
	text-align:right;
	padding:0px 5px 0px 5px;
	right:0;
	bottom:0;
	opacity:0.5;
}

/************************** Pagination ******************************/
.pagination {
	width:780px;
	height:50px;
	background:#000 url(../images/bg-pagination.gif) repeat-x;
	color:#fff;
	font:normal 24px 'OpenSansRegular', Arial, Helvetica, sans-serif;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	position:relative;
	overflow:hidden;
}
.pagination-prev {
	width:140px;
	border-right:1px solid #1d1d1d;
	text-align:center;
	padding:9px 5px;
	display:block;
	cursor:pointer;
	z-index:1;
}
.pagination-prev a {
	color:#666;
	border-right:1px solid #1d1d1d;
}
.pagination-prev a:hover {
	color:#ff9600;
}

.pagination-next {
	width:102px;
	border-left:1px solid #1d1d1d;
	text-align:center;
	padding:9px 5px;
	display:block;
	cursor:pointer;
	z-index::2;
	right:0;
	top:0;
}
.pagination-next a {
	color:#666;
}
.pagination-next a:hover {
	color:#ff9600;
}
ul.pagination {
	margin:0 auto;
	padding:0;
	width:760px;
	overflow:hidden;
}

ul.pagination li {
	list-style-type:none;
	float:left;
	margin:0 auto;
	cursor:pointer;
	width:50px;
	height:50px;
	overflow:hidden;
	text-align:center;
}

ul.pagination li a {
	text-decoration:none;
	font:normal 24px 'OpenSansRegular', Arial, Helvetica, sans-serif;
	color:#fff;
	display:block;
	padding:9px 10px;
}
ul.pagination li a:hover {
	text-decoration:none;
	color:#999;
	background:#000;
	border-top:1px solid #00c0ed;
	border-right:1px solid #1d1d1d;
	border-left:1px solid #1d1d1d;
}

ul.pagination li a.active {
	color:#dad8d4;
	background:#000;
	border-top:1px solid #00c0ed;
	border-right:1px solid #1d1d1d;
	border-left:1px solid #1d1d1d;
}

/*********************** #Contenthover **********************/
.contenthover { padding:1px 5px 1px 5px;background:#000;cursor:pointer;z-index:-9999; }
.contenthover, .contenthover h3, contenthover a { color:#fff; }
.contenthover h3, .contenthover p { margin:0 0 0px 0; line-height:1.4em; padding:0;bottom:5px;right:10px;position:absolute;font-size:12px; }
.contenthover a.mybutton { display:block; float:left; padding:5px 10px; background:#3c9632; color:#fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.contenthover a.mybutton:hover { background:#34742d }
.contenthover img { margin-left:38%;left:-38%;margin-top:20%;top:-20%; }

/*************** Revisi *******************/
.category-head-news {
	height:43px;
	overflow:hidden;
	position:absolute;
	z-index:2;
	bottom:110px;
}

.category-head-news h1 {
	background:#000;
	padding:10px;
	margin:0 0px 0 30px;
	font:normal 19px 'OpenSansExtraBold', Arial, Helvetica, sans-serif;
	color:#ff9600;
	text-transform:capitalize;
}
.category-head-news h1 a {
	font:normal 19px 'OpenSansExtraBold', Arial, Helvetica, sans-serif;
	color:#ff9600;
	text-decoration:none;
}
.category-head-news h1 a:hover {
	color:#ff9600;
	text-decoration:none;
}

.headline-title-click {
	width:720px;
	height:90px;
	overflow:hidden;
	margin:10px auto 0 auto;
}
.headline-title-click h1 {
	height:65px;
	overflow:hidden;
	margin:0;
	padding:0;
	font:normal 26px/32px 'OpenSansExtraBold', Arial, Helvetica, sans-serif;
	color:#fff;
	text-shadow: 0px 0px 5px #000;
	display:table-cell;
	vertical-align:middle;
}
/*************** Revisi *******************/

/*************** Forbiden Access **********/
.forbidden {
	width:70%;
	margin:0 auto;
	border:3px solid #333;
	padding:20px 20px 20px 100px;
	background:#7e0407 url(../images/error.png) top left no-repeat;	
	border-radius:8px;
	margin-top:30px;
	margin-bottom:50px;
}
.forbidden h1 {
	font:normal 26px/28px 'OpenSansExtraBold', Arial, Helvetica, sans-serif;	
}