@charset "utf-8";
/* CSS Document */
/**
 * RESET
 _______________________________________________________________________________________________________*/
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:400;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
a{text-decoration:none;}
a:link,a:visited{color:#333;}
a:hover,a:active{color:#999;}
a:active{outline:none;}
a:focus{-moz-outline-style:none;}
li{list-style-image:none;list-style-position:outside;list-style-type:none;}
hr{background:#e19832;border:0;border-top:1px dotted #e19832;height:0;}
p{font-size:1em;line-height:1.325em;margin:5px 0 10px;text-align:left;white-space:normal;}
/**
 * TYPOGRAPHY
 _______________________________________________________________________________________________________*/
html,body{color:#444;font-family:Arial, Helvetica, sans-serif;font-size:100%;}
#logo,#logocontainer{font-size:50px;} 
.penulis{font-size:0.92em;letter-spacing:-1px;}
.submitted,.kreditasi,.kredit{color:#999;font-size:11px;letter-spacing:0.5px;line-height:16px;text-transform:uppercase;}
h1{font-size:1.8em;}
h1,h2,h3,h4,h5,h6,.title{font-family:georgia,"times new roman",times,serif;line-height:normal;font-size-adjust:none;font-stretch:condensed;font-style:normal;font-variant:normal;font-weight:500;letter-spacing:-0.5px;}
h2{font-size:1.5em;}
h3{font-size:1.45em;}
h4{font-size:1.333em;}
h5{font-size:1.222em;}
h6{font-size:1.15em;}

body{background:#fff;margin:0;padding:0; }
#fixed{width:960px;margin:0 auto;text-align:center; padding-top:5px;}
#page{text-align:left;width:940px;margin:0px 0px 20px 0px;
background:#fff;
	box-shadow:0 3px 11px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 3px 11px rgba(0, 0, 0, 0.2); 
	-webkit-box-shadow:0 3px 11px rgba(0, 0, 0, 0.2);
	-o-box-shadow:0 3px 11px rgba(0, 0, 0, 0.2);
	-ms-box-shadow:0 3px 11px rgba(0, 0, 0, 0.2); 
	padding:10px;
	overflow:hidden;
	font-size:0.75em;line-height:1.333em;
	


}

/* BAR ATAS LOGIN PASSWORD */
#page-top{text-align:left;margin:0 auto; padding:0px 0px 0px 0px; width:960px; overflow:hidden; font-size:0.75em;line-height:1.333em;}
#bar-atas{ 
	position:fixed;
	width:100%;
	height:35px; 
	z-index:90000;
	border-bottom:1px solid #bbb; 
	box-shadow:0 3px 5px rgba(0, 0, 0, 0.1); 
	-moz-box-shadow:0 3px 5px rgba(0, 0, 0, 0.1); 
	-webkit-box-shadow:0 3px 5px rgba(0, 0, 0, 0.1);
	-o-box-shadow:0 3px 5px rgba(0, 0, 0, 0.1);
	-ms-box-shadow:0 3px 5px rgba(0, 0, 0, 0.1);
	background-color:#ededed; 
 	background-image: -moz-linear-gradient(top, #cccccc 0%, #ededed 100%); 
 	background-image: -webkit-linear-gradient(top, #cccccc 0%, #ededed 100%); 
 	background-image: -o-linear-gradient(top, #cccccc 0%, #ededed 100%); 
 	background-image: -ms-linear-gradient(top, #cccccc 0% ,#ededed 100%);
	filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#cccccc', endColorstr='#ededed')";
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccccc, endColorstr=#ededed)";    
	margin-bottom:5px;
	}

.bar-tanggal{margin:9px 5px 0px 0px; font-size:10px; font-weight:bold; color:#000; text-transform:uppercase; float:left; text-shadow: 1px 1px 2px #999; -moz-text-shadow: 1px 1px 2px #999; -webkit-text-shadow: 1px 1px 2px #999; -o-text-shadow: 1px 1px 2px #999; -khtml-text-shadow: 1px 1px 2px #999;}

.login-area{ float:right;margin-left:5px;font-size:10px; color:#000;text-shadow: 1px 1px 2px #999; -moz-text-shadow: 1px 1px 2px #999; -webkit-text-shadow: 1px 1px 2px #999; -o-text-shadow: 1px 1px 2px #999; -ms-text-shadow: 1px 1px 2px #999; display:block; margin-top:5px;}

.box-search{float:left; padding:5px; height:25px; color:#fff; overflow:hidden; background:#f2f2f2; margin:0px 0px 0px 25px; border-right:1px solid #999; border-left:1px solid #999;border-bottom:1px solid #999}

input.login {
	margin:0px 5px 0px 5px;
	padding:0px; 
	height: 20px; 
	width:120px; 
	font-size: 11px;
	border:1px solid #999; 
	color: #333;
	font-family: verdana, "Times New Roman","Garamond",Arial,Helvetica,sans-serif; 
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow:rgba(0,0,0,0.1) 2px 2px inset;
	-webkit-box-shadow:rgba(0,0,0,0.1) 2px 2px inset;
	-moz-box-shadow:rgba(0,0,0,0.1) 2px 2px inset;
	-o-box-shadow:rgba(0,0,0,0.1) 2px 2px inset;
	-ms-box-shadow:rgba(0,0,0,0.1) 2px 2px inset;
	-khtml-box-shadow:rgba(0,0,0,0.1) 2px 2px inset;
	position:relative;
	}
.search-btn { height: 20px; float: right; margin-top: 4px; margin-left: 2px;}
#submit {
	cursor:pointer;
	height: 20px;
	line-height:0;
	font-size:10px;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	border: 1px solid #999;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	background:#999;
	padding:3px 3px 4px 3px;
}
/* Style the search button hover state */
#submit:hover {
	background:#666;
	border: 1px solid #999;

}

/* HEADER */
#blok-header{width:960px; margin:0px; overflow:hidden; text-align:left;}
/*background:#EDEDED;*/
.menu-utama{
	width:940px; 
	font-size:11.5px;  overflow:hidden; height:auto; 
	font-weight:bold;
	padding:5px 10px; 
	background:#ededed;
	background-image: -moz-linear-gradient(top , #e8e8e8 0%, #cdcdcd 100%);
	background-image:-webkit-linear-gradient(top , #e8e8e8 0%, #cdcdcd 100%);
	background-image:linear-gradient(top , #e8e8e8 0%, #cdcdcd 100%);
	background-image:-o-linear-gradient(top , #e8e8e8 0%, #cdcdcd 100%);
	background-image:-ms-linear-gradient(top , #e8e8e8 0%, #cdcdcd 100%); 
	background-image:-khtml-linear-gradient(top , #e8e8e8 0%, #cdcdcd 100%);
	filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e8e8e8', endColorstr='#cdcdcd')";
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e8e8e8, endColorstr=#cdcdcd)"; 
	font-family:Arial, Helvetica, sans-serif;
	border-radius:6px 6px 0px 0px; 
	-moz-border-radius:6px 6px 0px 0px; 
	-webkit-border-radius:6px 6px 0px 0px; 
	-o-border-radius:6px 6px 0px 0px; 
	-ms-border-radius:6px 6px 0px 0px; 
	text-shadow: 1px -1px #cdcdcd, -1px 1px #e8e8e8;
	border-bottom:1px solid #fff;
	}
.menu-utama a{
	padding:3px; margin-right:5px; 
	color:#777777; float:left;
	text-decoration:none;	
	border:1px solid transparent;
	
			 }
.menu-utama a:hover{
color:#303030;
text-shadow:none;


}

.tanggal{text-transform:uppercase; color:#999; font-size:11px; margin-bottom:3px; overflow:hidden;}


input.pencarian {
	padding:0px; 
	height: 20px; 
	width:200px; 
	font-size: 11px;
	border:1px solid #999; 
	color: #333;
	font-family: verdana, "Times New Roman","Garamond",Arial,Helvetica,sans-serif; 
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow:rgba(0,0,0,0.1) 2px 2px inset;
	-webkit-box-shadow:rgba(0,0,0,0.1) 2px 2px inset;
	-moz-box-shadow:rgba(0,0,0,0.1) 2px 2px inset;
	-o-box-shadow:rgba(0,0,0,0.1) 2px 2px inset;
	-ms-box-shadow:rgba(0,0,0,0.1) 2px 2px inset;
	-khtml-box-shadow:rgba(0,0,0,0.1) 2px 2px inset;
	position:relative;
	}
#submit-cari {
	cursor:pointer;
	width:50px;
	height: 20px;
	line-height:0;
	font-size:10px;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	border: 1px solid #999;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-khtml-border-radius: 3px;
	background:#999;
	z-index:1200;
	padding:3px 3px 4px 3px; }

#submit-cari:hover {
	background:#666;
	border: 1px solid #666;
	z-index:1200;
	color:#fff;
}

/* LOGO*/
.logo-tempo{ margin:10px 5px 0px 0px; overflow:hidden;}
.logo{ margin:0px 5px 10px 0px; overflow:hidden;}

.300{width:300px; }
.kolom-kanan-front, .kolom-kanan-bawah, .kolom-kanan-profil, .kolom-kanan-personal{overflow:hidden; float:right; height:auto; display:block; width:300px;}
.kolom-tengah-front, .kolom-kiri-profil, .kolom-kiri-personal{overflow:hidden; float:left; height:auto; display:block; width:300px;}
.kolom-tengah-bawah{overflow:hidden; float:left; height:auto; display:block; width:300px; margin-right:20px;}
.kolom-kiri-front, .kolom-kiri-bawah{overflow:hidden; float:left; height:auto; display:block; width:300px; margin-right:20px;}
.kolom-foto{
	overflow:hidden; 
	float:left; 
	height:auto; 
	display:block; 
	width:620px; 
	margin-right:20px;  
	border:1px solid #ddd; 
	background:#f2f2f2;
	background-image: linear-gradient(center top , #ededed 0%, #fff 100%);
	background-image: -webkit-linear-gradient(center top , #ededed 0%, #fff 100%);
	background-image: -moz-linear-gradient(center top , #ededed 0%, #fff 100%);
	background-image: -ms-linear-gradient(center top , #ededed 0%, #fff 100%);
	background-image: -khtml-linear-gradient(center top , #ededed 0%, #fff 100%);
	background-image: -o-linear-gradient(center top , #ededed 0%, #fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ededed', endColorstr='#ffffff')
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	-khtml-border-radius:4px;

}

.kolom-2-kolom{
	overflow:hidden; 
	float:left; 
	height:auto; 
	display:block; 
	width:620px; 
	margin-right:20px;  



}
.kolom-150{
	width:147px;
	margin-right:10px;
	overflow:hidden;
	float:left;
	margin-bottom:10px;
}

.kolom-150-kanan{
	width:147px;
	margin-right:0px;
	overflow:hidden;
	float:right;
	margin-bottom:10px;
}

img.kolom-150{width:147px; height:84px; overflow:hidden;}

.judul-kolom-150{
	font-weight:bold;
	display:block;
	margin-bottom:5px;
	}

.kolom-300{overflow:hidden; margin-bottom:15px; border-top:1px dotted #ededed; padding-top:10px;}
.nobor{border:0px; padding-top:0px;}
.kolom-300 p{margin-bottom:5px;}
.judul-kolom-300{
	display:block;
	margin-bottom:10px;
	font-size:24px;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:24px;
	}
.min-kolom-300{
	display:block;
	min-height:96px;
	padding-bottom:5px;
	}
.kolom-300 li {display:block;margin:3px 0px 3px 0px; }
.kolom-300  li a{font-size:12px; color:#999; overflow:hidden;}
.kolom-300  li a:hover{color:#555;}

.kolom-kini {overflow:hidden; margin-bottom:15px; border-top:1px dotted #ededed; padding-top:10px;}
.kolom-kini li {display:block;margin:3px 0px 3px 0px; background:url(../images/bullet.png) top left no-repeat; padding-left:15px;}
.kolom-kini li a{font-size:12px; color:#333; overflow:hidden;}
.kolom-kini li a:hover{color:#999;}
/* VERSI BAWAH  */


/* TERPOPULER */
.blok-terpopuler, .blok-twitter, .blok-bintang{display:block; overflow:hidden; margin-bottom:10px;}
.blok-terpopuler li {padding:3px 0px 3px 0px; display:block;}
.blok-terpopuler li a{overflow:hidden;  margin-bottom:2px;}
.blok-terpopuler li a:hover{}
.noborder li {border:0px;}


/* BERITA PILIHAN ON TOP */
.jcarousel-skin-tango .jcarousel-container {
    background:#cccccc;
	left:0px;
	font-size:12px;
	line-height:14px;
	overflow:hidden;

}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 931px;
    padding: 10px 19px 10px 10px;
	margin:0px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  912px;
    height: 80px;
	
}


.jcarousel-skin-tango .jcarousel-item {
    width: 300px;
    height: 80px;
	text-align:left;

}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right:5px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left:5px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 28px;
    right: 3px;
    width: 15px;
    height: 70px;
    cursor: pointer;
    background:#cccccc url(../images/kanan.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 28px;
    right: 18px;
    width: 15px;
    height: 70px;
    cursor: pointer;
    background:#cccccc url(../images/kiri.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 3px;
    right: auto;
    background-image: url(../images/kanan.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -15px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -30px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -45px 0;
}



.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 3px;
    background-image: url(../images/kiri.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -15px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -30px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -45px 0;
}


/* FOOTER */
#footer{display:block; float:left; width:100%;}

#menu-bawah{
	margin-top:40px;
	font-size:12px;font-family:Arial, Helvetica, sans-serif;
	padding:10px 5px 10px 5px;
	text-align:center;
	overflow:hidden;
	color:#a2a2a2;

	}

.menu-bawah a{margin:0px 0px 0px 0px;
	color:#a2a2a2; padding:0px 8px 0px 7px;

	}
	
.menu-bawah a:hover
	{color:#333;}

#web-bawah{
	font-size:11px; 
	font-family:Arial, Helvetica, sans-serif;
	padding:5px 5px 5px 5px;
	text-align:center;
	overflow:hidden;
	color:#666666;

	}
	
.web-bawah a{margin:0px 0px 0px 0px; color:#666666; padding:6px 9px 6px 9px;}
.web-bawah a:hover{color:#999;}

#copyright{
	font-size:10px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:10px 5px 10px 5px;
	text-align:center;
	overflow:hidden;
	color:#F00;
}


.blok-subkanal{
	margin-bottom:5px;   
	color:#333;
	padding:3px 0px;
	display:block;
	min-height:25px;
	border-bottom:1px solid #ddd;
	}
	
.judul-subkanal{
	font-size:14px; 
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	margin:7px 0px 5px 0px;	
	font-weight:bold; 
	float:left;
	color:#ff0000;

}
.judul-subkanal a{color:#ff0000;}
.judul-subkanal a:hover{color:#666;}

.indeks{float:right; padding-top:9px; text-transform:uppercase; font-size:9px;}
.indeks a{color:#555;}
.indeks a:hover {color:#ccc;}


.icon-subkanal{float:left; position:relative; margin-right:-2px;}

img.icon-subkanal{overflow:hidden; width:37px; height:32px;}
img.img-thumb {
    height: 84px;
    width: 150px;
}

.img-thumb {
    float: left;
    margin: 0 5px 3px 0px;
    overflow: hidden;

}


/* BUTTON 1.2.3.4.5.dst */
.blok-nb{text-align:center; display:block; padding:10px;margin-bottom:10px; overflow:hidden;}
.blok-nb a{padding:2px 4px 2px 4px; margin-right:3px; background:#ededed; color:#000; text-align:center; border:1px solid #ccc; }
.blok-nb a:hover{background:#999; color:#fff;}
/* BUTTON SELENGKAPNYA */
.selengkapnya {margin:10px;text-transform:uppercase; font-size:10px; font-weight:bold; float:right;}
.selengkapnya a{padding:5px;color:#fff; background:#ccc; border:1px solid #ccc;}
.selengkapnya a:hover{color:#fff; background:#999;border:1px solid #999; }


/* BERITA UTAMA IMAGE DAN JUDUL ONLY */


.bintang-front{ display:block; 
}
.bintang-front li{display:block; 
-khtml-border-radius:4px;
overflow:hidden; 
padding:5px 0px 5px 0px; 
}
.bintang-foto{  width:150px; height:86px;}
img.bintang-foto{overflow:hidden; margin:0px 8px 5px 0px; float:left;}

.foto-300{  width:300px; height:172px;}
img.foto-300{overflow:hidden; margin:10px 0px 5px 0px;}

.header-foto{  width:127px; height:73px;}
img.header-foto{overflow:hidden; margin:0px 8px 0px 0px; float:left;}

.bintang-judul a{display:block; padding:15px 10px 0px 135px; font-weight:bold;}
.bintang-judul a:hover{}


/** PHOTO FRONT **/			  				  

.clear 										{ clear: both; }
#page-wrap 									{ width: 300px; margin:15px 0px 20px 0px; position: relative; min-height: 250px;}
blockquote									{ padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; 
									  		  font-family: Georgia, serif; font-style: italic; margin-top: 10px;}

/*
	SLIDER
*/
.slider-wrap								{ width: 300px; position: absolute; top: 0px; left: 0px; height:172px;}			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 300px; height:180px;}
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 300px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid #ccc; width:87px; height:50px; overflow:hidden; padding:3px; background:#ededed;}
#movers-row									{ margin: -61px 0 0 100px; }
#movers-row div								{ width:90px; float: left; margin-right:10px;}
#movers-row div a.cross-link 				{ float: left; }
.photo-meta-data							{ background: url(../images/bg_trans_w.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 15px; color:#333; font-family:Georgia, "Times New Roman", Times, serif;}
.photo-meta-data span a {color:#333; font-weight:bold;}
.photo-meta-data span a:hover {color:#999;}
.cross-link									{ display: block; width: 80px;
											  position: relative; padding-top:0px; z-index: 9999; }
.active-thumb 								{ opacity:0.4;
											  filter:alpha(opacity=40); /* For IE8 and earlier */
											  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
											  ;}
.img-video {width:300px; height:172px; overflow:hidden;}

/* NAVIGATOR SITUS */ 
#blok-sitemap{font-size:10px; font-weight:bold; font-family:Arial , Helvetica, sans-serif;text-transform:uppercase}
.site-map{background:url(../images/panah-map.png) top left no-repeat; color:#2981C4; height: 20px; padding-left:10px;}
.site-map a{color:#2981C4; margin-left:10px; top-bottom:-5px; margin-right:5px;}
.site-map a:hover{color:#000;}

.home-map{color:#2981C4;  height:20px; }
.home-map a{color:#2981C4; margin-right:5px;overflow:hidden; margin-top:13px;}
.home-map a:hover{color:#000;}

/* SEARCH AREA AND HEADER
_______________________________________________________________________________________________________*/
#find {margin:0px 0px 0px 0px;  font-size:10px; color:#666; height:auto; overflow:hidden;}
.find a{color:#FFFFFF;}
.find a:hover{color:#f2f2f2;}
.teks-home{ margin:0px 20px 3px 0px; float:left; font-weight:bold; text-align:left;}
.teks-home a{color:#666; font-weight:bold;}
.teks-home a:hover{color:#111; font-weight:bold;}
.kotak-icon{ margin:8px 3px 0px 5px; float:right;}
.kotak-home{ margin:2px 3px 2px 5px; float:left;}
.kotak-cari{ margin:2px 0px 2px 3px; line-height:13px; font-size:11px; float:right;}
#kotak-luar-tgl{height:20px; width:960px; float:left; margin-top:5px; text-align:left;}
.kotak-tgl{float:left; height:14px; width:130px;text-align:center; color:#fff; padding:5px 0px 3px 0px; text-transform: uppercase; font-size:10px; font-weight:bold;}
.kotak-link{float:left; width:950px; height:11px; padding:3px 3px 3px 0px; font-size:9px; text-align:left; text-transform: uppercase;}
.kotak-link a{ padding-right:8px; color:#999;}
.kotak-link a:hover{color:#111; padding-right:8px;}
#submit-cari {
	cursor:pointer;
	width:50px;
	height:20px;
	font-size:10px;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	border: 1px solid #999;
	background:#999;
	padding:3px 3px 3px 3px; 
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	}

#submit-cari:hover {
	background:#666;
	border: 1px solid #666;
	color:#fff;
}

input.pencarian {
	padding:0px; 
	height: 15px; 
	width:194px; 
	font-size: 11px;
	border:1px solid #999; 
	color: #333;
	font-family: verdana, "Times New Roman","Garamond",Arial,Helvetica,sans-serif; 
	padding:2px 3px 2px 3px;
	position:relative;
		-moz-border-radius:0px;
	-webkit-border-radius:0px;
	}
	
	
/* BLOK TITLE 
_______________________________________________________________________________________________________*/
.low .block-title, .spacer .block-title, .abu2 .block-title{
padding-top:2px;
padding-right:0pt;
padding-bottom:2px !important;
padding-left:0pt;
}
.block-title{
color: #000;
font-size: 22px;
min-height: 10px;
margin-bottom:5px;
/*line-height:23px;*/
font-family:"Palatino Linotype", "times new roman", "Book Antiqua", Palatino, serif;
}
.block-title a{color:#000;}
.block-title a:hover{color:#999;}

.block-inner.low, .block-inner.istimewa{
float: left;
margin-top: 10px;
margin-bottom: 10px;
width: 100%;
}

.block-inner.low, .spacer {
border-top-width: 2px;
border-top-style: solid;
border-top-color: #ff0000;
}

.block-inner.abu2{
float: left;
margin:10px 0px 10px 0px;
width: 100%;
}

.block-inner.abu2, .spacer {
border-top-width: 2px;
border-top-style: solid;
border-top-color: #e6e6e6;
}

.top{border-top:0 none !important;margin-top:0 !important;}

a.index{
color:#999;
/*background:url(../images/co/bg-index.gif) top center no-repeat;*/
text-align:center;
text-transform:lowercase;
letter-spacing:-1px;
font-size: 12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
padding:4px 0px 0px 0px;
margin-top:5px;
float:right;

}
a.index:hover {color: #666;}

.clearfix::after {
clear: both;
content: ".";
display: block;
font-size: 0;
height: 0;
visibility: hidden;
}	

/* SEARCH RIGHT */
.right-search {position:relative;width:337px;float:right;}
.right-search .right-depth {
  display: block;
  border: 1px solid #ccc;
  background: linear-gradient(#ccc, #fff);
  transition: all 0.3s ease-out;
  padding: 3px 25px 3px 5px;
  color: #1b1b1b;
  margin-left:5px;
  float:left;
  width:300px;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  font-size:12px;
  margin-top:0px;
}

.right-search .right-depth:focus {
  outline: none;
  background-position: 0 -1.8em;
}
.right-search .right-button{ width:22px; height:22px; position:absolute; right:0px; top:6px;  border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.right-search .right-button:hover{opacity:.5;filter:alpha(opacity=50)}
.right-icones{margin-bottom:5px; background:#ccc;position:relative;width:332px; float:right;}
.right-header{width:332px; float:right; margin:3px 0px;}

/*menu baru*/
/* Giving a background-color to the nav container. */
nav { 
	margin:0 auto;
	position:absolute;
	height:36px;
	z-index:2000;
	width:960px; 
	font-size:10.5px;
	font-weight:bold;
	padding:0; 
	background:#ededed;
	background-image: -moz-linear-gradient(top , #e8e8e8 0%, #cdcdcd 100%);
	background-image:-webkit-linear-gradient(top , #e8e8e8 0%, #cdcdcd 100%);
	background-image:linear-gradient(top , #e8e8e8 0%, #cdcdcd 100%);
	background-image:-o-linear-gradient(top , #e8e8e8 0%, #cdcdcd 100%);
	background-image:-ms-linear-gradient(top , #e8e8e8 0%, #cdcdcd 100%); 
	background-image:-khtml-linear-gradient(top , #e8e8e8 0%, #cdcdcd 100%);
	filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e8e8e8', endColorstr='#cdcdcd')";
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e8e8e8, endColorstr=#cdcdcd)"; 
	font-family:Arial, Helvetica, sans-serif;
	border-radius:6px 6px 0px 0px; 
	-moz-border-radius:6px 6px 0px 0px; 
	-webkit-border-radius:6px 6px 0px 0px; 
	-o-border-radius:6px 6px 0px 0px; 
	-ms-border-radius:6px 6px 0px 0px; 
	text-shadow: 1px -1px #cdcdcd, -1px 1px #e8e8e8;
	border-bottom:1px solid #fff;
	line-height:27px;
}


/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
	content:"";
	display:table;
	clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	}
	
/* Positioning the navigation items inline */
nav ul li {
	margin: 0px;
	float: left;
	z-index:1000;
	position:relative;
	background:transparent;
	
	
	
	}

/* Styling the links */
nav a {
	display:block;
	color:#FFF;
	text-decoration:none;
	color:#777777; 	
	padding:5px 6.5px;
}

/* Background color change on Hover */
nav a:hover { 
	background-color:transparent; 
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" */
	top: 36px;
	z-index:1000;
	background:#f6f6f6;
	border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px;
	border:1px solid #ccc;

}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	width:170px;
	float:none;
	display:list-item;
	position: relative;
	z-index:1000;
	border-top:1px solid #ddd;
	text-shadow:none;
}
nav ul ul li:first-child{border-top:none;}
/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
	position: relative;
	top:-31px;
	/* has to be the same number as the "width" of "nav ul ul li" */ 
	left:170px; 
	z-index:1000;
}

	
/* Change ' +' in order to change the Dropdown symbol */
nav li > a:after { content:  '  +'; }
nav li > a:only-child:after { content: ''; }
/*.jcarousel-skin-tango {padding-top:31px;}*/
.jcarousel-skin-tango {padding-top:0px;}

ul.videolist{display:block; overflow:hidden;}
ul.videolist li{width:48%; margin-right:2%; float:left; display:block; position:relative;}
ul.videolist li:last-child{width:48%; margin-left:2%; margin-right:0; float:left; display:block;}
ul.videolist li:first-child{width:100%; float:none; margin:0 auto; display:block; margin-top:10px;}
ul.videolist li h3{margin:0 0 10px 0; display:block; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
ul.videolist li:first-child h3{font-size:18px; font-family:Georgia, "Times New Roman", Times, serif;}
ul.videolist li .block-img{width:100%; height:auto; overflow:hidden; position:relative;}
ul.videolist li .block-img img{width:100%; height:auto; overflow:hidden; margin:0 auto;}
ul.videolist li .block-img .playing{position:absolute; z-index:11; font-size:15px; bottom:6px; right:3px; color:#000; width:20px; height:20px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; background: rgba(255,255,255,0.3); line-height:19px; text-align:center; margin:0 auto;}


.btn-fb {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: #ffffff !important;
  font-size: 12px;
  background: #164780;
  padding: 10px 10px 10px 10px;
  text-decoration: none;
}

.btn-fb:hover {
  background: #4280C7;
  text-decoration: none;
}

.btn-tempoid{
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: #ffffff !important;
  font-size: 12px;
  background: #D11919;
  padding: 10px 10px 10px 10px;
  text-decoration: none;
}

.btn-tempoid:hover {
  background: #fa2a2a;
  text-decoration: none;
}