/* CSS Document */


body{
	margin: 0px 0px 0px 0px;
	background:url(../images/bg-body.jpg) repeat-x fixed 50% 0pt;
	font-family: Tahoma, Arial;
	font-size:13px;
	}
a{ text-decoration:none; color:#47570A; }	
img{ border:0; }
h1, h2, h3, h4, h5, h6{ padding:0; margin:0 }
h4{ font-size:14px; }
h5{ font-size:13px; }
.left{
	float:left;
	}
.right{
	float:right;
	}
.clear{
	clear:both;
	}		

#layout
	{
	width: 960px;
	margin: 0px auto;
/*	min-height:600px;*/
	height:100%;
	background:#FFFFFF url(../images/bg-body.jpg) repeat-x fixed 50% 0pt;
	color: #333;
	line-height: 130%;
	font-size:13px;
	}

#header{
	height:185px;
	background:url(../images/menu_lft.gif) no-repeat 0 110px;
	}
#header2{
	background:url(../images/menu_rght.gif) no-repeat 940px 110px;
	height:185px;
	padding:0 20px;
	}	
#header-inside{
	height:122px;
	background:url(../images/bg-header.jpg) repeat-x;
	}
.search{
	float:right;
	padding:47px 20px 0 0;
	}
#menu{
	height:43px;
	padding-top:10px;
	background:url(../images/bg-menu.jpg) repeat-x;
	}	
#free-header{
	height:10px;
	background:#FFFFFF;
	}	

#main{
	padding:0px 0px;
	margin:0 20px;
	background:#FFFFFF url(../images/footer_bg.jpg) repeat-x scroll center bottom;
	
	}
#main-inside{
	background-color:#FFFFFF;
	height:100%;
	padding:10px 15px;
	}	
#main-inside-detail{
	background-color:#FFFFFF;
	height:100%;
	padding:10px 15px;
	}	
	
#mainleft{
	width:602px;
	}	
	
.box-sajian-utama{
	height:355px;
	width:285px;
	border:1px solid #A6A6A6;
	margin-right:14px;
	margin-bottom:10px;
	}	
.box-sajian-utama p{
	margin:0;
	}
.box-detail-content{
	width:585px;
	border:1px solid #A6A6A6;
	margin-right:14px;
	margin-bottom:10px;
	}	
.box-main2-detail{
	padding:15px;
	min-height:700px;
	}	
.box-main2-detail h2{
	font-size:16px;
	margin:5px 0 15px 0;
	}
.box-header{
	height:25px;
	padding:10px 0 0 15px;
	font-family:Century Gothic, Helvetica;
	font-size:16px;
	}
.header-silver{
	background:url(../images/bg-header-silver.jpg) repeat-x;
	color:#627710;
	font-weight:500;
	}		
.header-green{
	background:url(../images/bg-header-green.jpg) repeat-x;
	color:#FFFFFF;
	font-weight:500;
	}		
.terbaru-content{
	padding:5px 10px;
	}	
.terbaru-content ul{
	list-style:none;
	margin:0;
	padding:0;
	}	
.terbaru-content ul li{
	padding:5px 0px;
	border-bottom:1px dotted #47570A;
	}
.terbaru-content ul li a{
	color:#47570A;
	}	
.video-content{
	padding:10px;
	}
	
#mainleft2{
	}		
	
.box-rubrik{
	border:1px solid #A6A6A6;
	width:285px;
	margin:10px 14px 5px 0;
	}	
.rubrik-content{
	padding:10px;
	}	
.rubrik-content h4{
	color:#47570A;
	font-size:14px;
	padding-bottom:5px;
	}
.rubrik-content img{
	padding:0px 5px 0 0;
	}
.rubrik-content ul, .video-content ul, .karya-content ul{
	list-style-type:none;
	margin:0;
	padding:0;
	}	
.karya-content ul{
/*	padding:10px 5px 5px 10px;*/
	}	
.bx-wrapper{
	padding:10px;
	}
.video-content ul{
	margin-top:5px;
	}	
.rubrik-content ul li, .video-content ul li{
	padding:3px 1px 3px 15px;
	background:url(../images/square.jpg) no-repeat 0 8px;
	}
.video-content ul li{
	padding:3px 1px 3px 18px;
	background:url(../images/video.jpg) no-repeat 0 5px;
	}	
#mainleft3{
	}	
#mainright{
	width:301px;
	}	
.karya{
	padding:0px 0 10px 0;
	min-height:155px;
	}	
.karya-content img, .seputar-list img, .slides_container img{
	border:1px solid #47570A;
	margin-right:5px;
	}
.seputar-title{
	background:url(../images/square-black.jpg) no-repeat 0 3px;
	padding:0px 0 10px 17px;
	font-size:15px;
	font-family:Century Gothic, Helvetica;
	font-weight:bold;
	}	
.seputar-list{
	height:50px;
	}	
.no-margin-right{
	margin-right:0px;
	}	
.no-margin-top{
	margin-top:0px;
	}	
.box-audio{
	border-bottom:1px solid #627710;
	padding:5px 0;
	}	
.box-audio span.tanggal{
	font-size:10px;
	}	
	
.pager-wrapper{
	margin:20px 0px;
	text-align:center;
	}
.pager li
{
display: inline;
list-style-type: none;
padding-right: 5px;
}
.pager li a
{
	color:#CC3300;
}	
	
		/*
			Slides container
			Important:
			Set the width of your slides container
			Set to display none, prevents content flash
		*/
		.slides_container {
			width:250px;
		/*	display:none;*/
		}

		/*
			Each slide
			Important:
			Set the width of your slides
			If height not specified height will be set by the slide content
			Set to display block
		*/
		.slides_container div {
			width:250px;
			height:350px;
			display:block;
		}
		
		/*
			Optional:
			Reset list default style
		*/
		.pagination {
			list-style:none;
			margin:0;
			padding:0;
		}

		/*
			Optional:
			Show the current slide in the pagination
		*/
		.pagination .current a {
			color:red;
		}

.bx-window{
	margin-bottom:20px;
	}
a.bx-prev, a.bx-next{
	height:20px;
	padding:5px 10px;
	background-color:#748C12;
	color:#FFFFFF;
	margin-right:10px;
	}		
	
div.detail-image{
	margin:0px 10px 0 0px;
	border:1px solid #CCCCCC;
	padding:5px;
}	
div.detail-image img{
	margin-bottom:5px;
	}
ul#slider1 li{
	list-style:none;
	}	
ul.rubrik-list{
	font-size:14px;
	line-height:150%;
	}
.hits-page{
	height: 1.4em;
/*	width: 4em;*/
	-moz-border-radius: 0.3em 0.3em 0.3em 0.3em;
	border-radius: 0.3em 0.3em 0.3em 0.3em;
	padding-left:1em;
	padding-right:1em;
	padding-bottom:0.2em;
	border:1px solid #339933;
	font-size:11px;
	margin-right:10px;
	}	
#footer{
	padding:25px 0 35px 30px;
	font-size:11px;
	}
	
.confirm-msg{
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 30px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #4F8A10;
    background-color: #DFF2BF;
}
.error-msg{
	background:#FFCCBA;
	color:#B60000;
	padding:10px 20px;
	margin-bottom:20px;
	border:1px solid #D8412B;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}