/* COMMON STYLE */
*{
 	margin:0px;
	padding:0px;
}
body {
	background: url(images/bg.main.jpg) top repeat-x #d3e4ec;
	font-family: Verdana,arial;
	font-size: 11px;
	color: #000;
	line-height: 18px;
	margin:0px;
	height:100%;
	padding:0px;
}
a {
	text-decoration: none;
	color: #2b457c;
}
a:hover {
	color: #4f654f;
}
a:visited {
	text-decoration: none;
}
.link a {
	text-decoration: none;
	color: #758b32;
}
.link a:hover {
	text-decoration: underline;
	color: #4f654f;
}
.link a:visited {
	text-decoration: none;
}
.clear {
	clear: both;
}
h1 {
	font-family: Arial,Trebuchet MS,  Helvetica, Verdana, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #3f3f3f;

	}
h2 {
	font-family: Arial,Trebuchet MS,  Helvetica, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #626e7f;
	padding: 15px 0 0 0;
	}
h3 {
	font-family: Arial,Trebuchet MS,  Helvetica, Verdana, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #435643;
	}
h4 {
	font-family: Arial,Trebuchet MS, Helvetica, Verdana, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #333;
	}

/* HEADER */
#header{
	margin: 0 auto;
	width: 960px;
	height: 120px;
	background:url(images/bg.header.jpg) no-repeat top right;
	}
#header .logo{
	width:250px;
	height:113px;
	float:left;	
	}
#header .loginbox{
	width:280px;
	height:113px;
	float:right;
	}	
#header .animasi{
	width:210px;
	height:113px;
	float:right;
	}

#topmenu{
	margin-top:-20px;
	width:960px;
	float:left;
	height:31px;
	z-index:90000;
	background:url(images/bg.header.gif) no-repeat top #6666FF;
	}

#topmenu .pencarian{
	float:right;
	width:210px;
	height:31px;
	margin-right:20px;
	margin-top:1px;
	background:url(images/bg.google.gif) no-repeat bottom;
	}
#topmenu .inputgoogle{
	margin-left:10px;
	margin-top:9px;
	height:13px;
	width:150px;
	padding:1px;
	font-size:11px;
	float:left;
	border:1px solid #c86620;
	background:;
	background:url(images/bg.google.jpg) no-repeat #f8f3ef;
	}
#topmenu .buttongoogle{
	margin-left:3px;
	margin-top:7px;
	height:20px;
	width:18px;
	padding:1px;
	font-size:11px;
	float:left;
	border:1px solid #c86620;
	background:url(images/bg.btngoogle.gif) no-repeat bottom;
	}		
	
#submenu{
	margin-top:0px;
	width:960px;
	float:left;
	height:30px;
	background:url(images/bg.submenu.jpg) repeat-x top;
	}
#submenu .tanggal{
	float:right;
	font-size:11px;
	margin-right:10px;
	}
#submenu a{
	margin:0px;
	padding:0px 15px 2px 15px;
	float:left;
	color:#000000;
	height:20px;
	border-right:#999999 solid 1px;
	}
#submenu a:hover{
	margin:0px;
	float:left;
	color:#FFFFFF;
	height:20px;
	background:#333333;
	}

/* BANNER */
#banner{
	margin: 0 auto;
	width: 960px;
	height: 202px;
	z-index:20;
	}
#banner-utama{
	float:left;
	margin:0px;
	height: 202px;
	width:960px;
	z-index:20;
	}
#banner .imgbanner{
	float:left;
	position:absolute;
	z-index:20;
	}
#banner .rekening{
	float:right;
	width:257px;
	height:193px;
	margin:5px;
	margin-left:680px;
	position:absolute;
	overflow: hidden;
	display:inline;
	z-index:1000;
	background-image:url(images/bg.inforekening.gif);
	color:#FFFFFF;
	}
#banner .rekening-isi{
	color:#333333;
	margin-left:50px;
	padding:10px;
	padding-bottom:0px;
	height:100%;
	}

/* CONTENT/TENGAH */
#content{
	margin: 0 auto;
	width: 960px;
	min-height:300px;
	height: auto;
	}
#content .left{
	width:662px;
	#width:650px;
	#max-width:650px;
	min-height:300px;
	height:auto;
	float:left;
	}
#content .right{
	width:298px;
	#width:295px;
	min-height:300px;
	height:auto;
	float:right;
	}

#content .left-1{
	margin-top:5px;
	width:420px;
	min-height:300px;
	height:auto;
	float:left;
	}
#content .right-1{
	margin-top:5px;
	width:540px;
	#width:540px;
	min-height:300px;
	height:auto;
	float:left;
	}


/* BERITA HOME */

.newsticker{
	width:540px;
	height:29px;
	float:left;
	background:url(images/bg.box.biru.jpg) #b8dff3 top repeat-x;
	}
.newsticker-isi{
	padding:5px 5px 2px 5px;
	}
	
.box-berita{
	width:350px;
	height:330px;
	float:left;
	}

.box-beritakiri{
	width:420px;
	height:330px;
	float:left;
	background:url(images/bg.birutipis.jpg) #FFFFFF top repeat-x;
	}
.box-beritakiri-judul{
	width:420px;
	height:30px;
	float:left;
	color:#200B67;
	background:url(images/bg.berita-judul.jpg) #7CC9F1 top repeat-x;
	}
.box-isi-news{
	padding:8px;
	float:left;
	#padding:0px;
	}
.kanal{
	width:175px;
	color:#200B68;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	padding:5px 10px 5px 10px;
	float:left;
	}
.box-berita-thumb{
	float:left;
	/*width:150px;*/
	padding-top:3px;
	#padding-top:2px;
	overflow:hidden;
}
.box-isi-khazanah{
	float:left;
	width:655px;
	padding-top:3px;
	#padding-top:2px;
	overflow:hidden;
}
.box-berita-img{
	width:30px;
	height:20px;
	#width:30px;
	#height:20px;
	float:left;
	margin:0 10px 3px 0;
	#margin:0 10px 3px 0;
	padding:1px;
	#padding:0px;
	/*overflow:hidden;*/
	border:1px solid #999999;
	background:#FFFFFF;
	}
.box-berita-img img{
	height:20px;
	width:30px;
	#height:20px;
	#width:30px;
}

.box-beritakanan{
	width:312px;
	height:300px;
	float:left;
	background:url(images/bg.box.biru.jpg) #b8dff3 top repeat-x;
	}
.box-beritakanan-judul1{
	width:155px;
	height:30px;
	float:left;
	border-right:1px solid #C7C6C6;
	background:url(images/bg.abuatas.jpg) #C7C6C6 top repeat-x;
	cursor: hand;
	cursor: pointer
	}
.box-beritakanan-judul1:hover{
	background:#C7C6C6;
	cursor: hand;
	cursor: pointer
	}
.box-beritakanan-judul2{
	width:155px;
	height:30px;
	float:left;
	border-right:1px solid #C7C6C6;
	background:url(images/bg.abuatas.jpg) #C7C6C6 top repeat-x;
	cursor: hand;
	cursor: pointer
	}
.box-beritakanan-judul2:hover{
	background:#C7C6C6;
	cursor:default;
	cursor: hand;
	cursor: pointer
	}
.kanal1{
	color:#3A2A7A;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	padding:5px 0px 5px 10px;
	}
.box-beritakanan li{
	list-style:none;
	margin-left:10px;
	background:url(images/bg.bullet.gif) no-repeat left 8px;
	padding-left:10px;
	}
.box-buletin{
	height:300px;
	width:298px;
	background:url(images/bg.birutipis.jpg) #FFFFFF top repeat-x;
	float:left;
	}
.box-buletin-atas{
	text-transform:uppercase;
	height:20px;
	padding:5px 10px 5px 10px;
	width:278px;
	background:url(images/bg.abuatas.jpg) #C7C6C6 top repeat-x;
	float:left;
	color:#3A2A7A;
	font-size:11px;
	font-weight:bold;
	}
.box-buletin-isi{
	float:left;
	padding:8px 5px 5px 15px;
	}

/* PROGRAM */

.box-program{
	width:662px;
	height:auto;
	float:left;
	background:url(images/bg.birutipis.jpg) #FFFFFF top repeat-x;
	overflow:hidden;
	}
.box-program-judul{
	width:662px;
	height:30px;
	float:left;
	color:#FFFFFF;
	background:url(images/bg.abuatas.jpg) #C7C6C6 top repeat-x;
	}
.program{
	padding:0px;
	float:left;
	width:198px;
	margin:5px;
	height:240px;
	overflow:hidden;
	}
.kanal-program{
	width:175px;
	color:#000000;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	padding:5px 10px 5px 10px;
	float:left;
	}
.box-program li{
	list-style:none;
	margin-left:0px;
	background:url(images/bg.bullet.gif) no-repeat left 8px;
	padding-left:10px;
	}	

/* KOLOM */
.box-kolom{
	width:662px;
	height:215px;
	float:left;
	padding:0px;
	margin:0px;
	}
.box-kolomkiri{
	width:420px;
	height:215px;
	float:left;
	background:url(images/bg.box.biru.jpg) #b8dff3 top repeat-x;
	}
.box-kolomkiri-judul{
	width:420px;
	height:30px;
	float:left;
	background:url(images/bg.abuatas.jpg) #C7C6C6 top repeat-x;
	}
.box-kolomkanan{
	width:242px;
	height:215x;
	float:left;
	background:url(images/bg.box.biru.jpg) #b8dff3 top repeat-x;
	}
.box-kolomkanan-judul{
	width:242px;
	height:30px;
	float:left;
	background:url(images/bg.abuatas.jpg) #C7C6C6 top repeat-x;
	cursor: hand;
	cursor: pointer
	}
.box-kolomkanan-judul:hover{
	background:#19b0f9;
	cursor: hand;
	cursor: pointer
	}
.kolom-item{
	padding:0px;
	float:left;
	width:209px;
	margin:5px 0px;
	height:175px;
	overflow:hidden;
	border-right:1px solid #CCCCCC;
	}	
.box-isi-kolom{
	padding:5px;
	float:left;
	overflow:hidden;
	height:175px;
	}

/* KHAZANAH ISLAM */
.box-khazanah{
	width:662px;
	height:200px;
	float:left;
	padding:0px;
	margin:0px;
	background:url(images/bg.box.biru.jpg) #b8dff3 top repeat-x;
	overflow:hidden;
	}
.box-khazanah-judul{
	width:662px;
	height:30px;
	float:left;
	background:url(images/bg.abuatas.jpg) #C7C6C6 top repeat-x;
	}
	
.khazanah-item{
	padding:0px;
	float:left;
	width:180px;
	margin:2px;
	margin-top:5px;
	height:240px;
	overflow:hidden;
	}
	

/* MEMBER */
.box-member{
	width:662px;
	height:auto;
	float:left;
	margin-bottom:3px;
	background:url(images/bg.birutipis.jpg) #FFFFFF top repeat-x;	
	}

.box-memberkiri{
	width:300px;
	height:auto;
	float:left;
	}
.box-memberkiri-judul{
	width:300px;
	height:30px;
	float:left;
	background:url(images/bg.abuatas.jpg) #C7C6C6 top repeat-x;
	}
.box-memberkanan{
	width:362px;
	height:auto;
	float:left;
	}
.box-memberkanan-judul{
	width:362px;
	height:30px;
	float:left;
	background:url(images/bg.abuatas.jpg) #C7C6C6 top repeat-x;
	cursor: hand;
	cursor: pointer
	}
.box-memberkanan-judul:hover{
	background:#19b0f9;
	cursor: hand;
	cursor: pointer
	}

.catatan-item{
	width:280px;
	height:148px;
	overflow:hidden;
	float:left;
	margin-bottom:5px;
	margin-top:5px;
	}
.member-item{
	margin:3px;
	margin-top:5px;
	margin-right:0px;
	width:80px;
	height:100px;
	float:left;
	overflow:hidden;
	text-align:center;
	}
	
.box-carimember{
	width:345px;
	height:39px;
	float:left;
	background:url(images/bg.carimember.gif) no-repeat;
	margin-bottom:3px;
	}
.box-carimember-isi{
	padding:0px 15px 3px 15px;
	color:#FFFFFF;
	}
.buttoncari{
	margin-left:3px;
	margin-top:7px;
	height:20px;
	width:18px;
	padding:1px;
	font-size:11px;
	border:1px solid #c86620;
	background:url(images/bg.btngoogle.gif) no-repeat bottom #f5c9a2;
	}
.box-shoutbox{
	width:362px;
	height:180px;
	float:left;
	background:url(images/bg.formshoutbox.gif) repeat-x #2b457c;
	margin-bottom:3px;
	color:#FFFFFF;
	}
.box-shoutbox-isi{
	padding:5px;
	}
.box-shoutbox label{
	width:100px;
	float:left;
	margin-bottom:3px;
	}
.box-shoutbox input,textarea{
	margin-bottom:3px;
	}
.box-isi{
	padding:8px;
	}
.box-isi ul{
	margin-left:12px;
	}

		
/* SIDEBAR */

.box-hijau{
	min-height:70px;
	height:auto;
	width:298px;
	background:url(images/bg.box.biru.jpg) #b8dff3 top repeat-x;
	float:left;
	}
.box-hijau-atas{
	text-transform:uppercase;
	min-height:18px;
	padding:6px 10px 6px 10px;
	width:278px;
	background:url(images/bg.abuatas.jpg) #C7C6C6 top repeat-x;
	float:left;
	font-size:11px;
	font-weight:bold;
	}
.box-hijau-isi{
	float:left;
	padding:8px 5px 5px 15px;
	}
	
.box-hijautua{
	min-height:70px;
	height:auto;
	width:298px;
	#width:262px;
	background:url(images/bg.box.biru.jpg) #b8dff3 top repeat-x;
	float:right;
	}
.box-hijautua-atas{
	text-transform:uppercase;
	height:18px;
	padding:6px 10px 6px 10px;
	#padding:0px;
	width:278px;
	#width:274px;
	background:url(images/bg.abuatas.jpg) #C7C6C6 top repeat-x;
	float:left;
	font-size:11px;
	font-weight:bold;
	}
	
.box-hijautua-isi #slider{
	float:right;
	padding:8px 5px 10px 15px;
	#padding:0px;
	}

.box-hijautua-isi{
	float:right;
	padding:8px 5px 10px 5px;
	#padding:3px;
	}
	
.box-hijautua-isi label{
	width:75px;
	float:right;
	margin-bottom:3px;
	}
.box-hijautua-isi input{
	margin-bottom:3px;
	}
.box-hijautua-isi .formbox{
	background:#ECF6DE;
	border:1px solid #61693F;
	}
.box-image{
	min-height:100px;
	width:75px;
	float:left;
	padding:2px;
	margin:2px;
	text-align:center;
	}
.box-orange{
	min-height:70px;
	height:auto;
	width:298px;
	background:url(images/bg.box.biru.jpg) #b8dff3 top repeat-x;
	float:left;
	}
.box-orange-atas{
	text-transform:uppercase;
	height:18px;
	padding:6px 10px 6px 10px;
	width:278px;
	background:url(images/bg.abuatas.jpg) #C7C6C6 top repeat-x;
	float:left;
	font-size:11px;
	font-weight:bold;
	}
.box-orange-isi{
	float:left;
	padding:8px 5px 10px 15px;
	}

.layanan-judul{
	float:left;
	font-weight:bold;
	width:260px;
	margin-top:5px;
	margin-bottom:5px;
	}
.layanan-item{
	margin:2px;
	float:left;
	width:120px;
	padding:2px;
	}
.layan-item a{
	float:left;
	margin:2px;
	width:120px;
	padding:5px;
	border:1px solid #669900;
	background:#FCFCFC;
	color:#000000;
	text-decoration:none;
	}
.layan-item a:hover{
	background:#FF9900;
	color:#FFFFFF;
	text-decoration:none;
	}

/* DETAIL */
.box-biru_dalam{
	width:660px;
	min-height:930px;
	height:auto;
	float:left;
	background:url(images/bg.box.biru.jpg) #b8dff3 top repeat-x;
	border:1px solid #6699b3;
	border-top:0px;
	margin-bottom:3px;
	padding-bottom:10px;
	}

.box-biru_dalam1{
	margin-top:5px;
	width:958px;
	min-height:230px;
	height:auto;
	float:left;
	background:url(images/bg.box.biru.jpg) #b8dff3 top repeat-x;
	border:1px solid #6699b3;
	margin-bottom:3px;
	padding-bottom:10px;
	}
.box-biru-atas{
	width:656px;
	float:left;
	height:47px;
	}
.box-biru-rubrik{
	text-transform:uppercase;
	padding:7px 0px 10px 15px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	float:left;
	height:18px;
	background-color: #047cb6;
	min-width:100px;
	width:150px;
	}
.box-biru-rubrik2{
	text-transform:uppercase;
	padding:7px 0px 10px 15px;
	color:#004e89;
	font-weight:bold;
	font-size:11px;
	float:left;
	height:18px;
	background-color:#00CCCC;
	min-width:100px;
	width:150px;

	}

.alquran-box{
	float:left;
	width:320px;
	}
.quran-item{
	border-bottom:1px #FFFFFF dashed;
	margin-bottom:20px;
	}
/* FOOTER */
#footer{
	height: 156px;
	background:url(images/bg.footer.jpg) no-repeat center top;
	margin-top:-30px;
	text-align:center;
	}
#footer #wrap{
	margin:0 auto;
	width:960px;
	height:60px;
	text-align:center;
	
	}
#footer .isi{
	margin-top:70px;
	height: 39px;
	width:900px;
	float:left;
	color:#FFFFFF;
	}
	
	
/* SLIDING IMAGE*/
.slidebox{
	width:500px;
	height:200;
	float:left;
	margin:45px;
	}
#slide-text{
	width:500px;
	float:left;
	margin:45px;
	color:#000000;
	}
.images-box{
	display:block;
	margin:5px 5px 5px 5px;
	width:70px;
	float:left;
	border:1px solid #CCCCCC;
	background-color:#8FB919;
	}
.images-box img{
	width:70px;
	}

/*slide menu*/
.slidemenu{
	display:none;
	z-index:960;
	font: bold 11px arial;
	margin:0px 0px 0px 380px;
	text-align:left;
	padding:5px 5px 5px 15px ;
	#padding:3px 3px 3px 10px ;
	width:200px;
	}

.slidemenuberita{
	display:block;
	z-index:960;
	}
.slidemenuberita li{
	list-style:none;
	}
.slidemenuberita a{
	opacity:0.4;
	filter:alpha(opacity=40);
}


.slidemenuberita a.selected {
	opacity:1;
	filter:alpha(opacity=100)
}

/* DROP DOWN */
#sddm{	
	margin:2px 0px 0px 20px;
	padding: 0;
	z-index: 30000;
	float:left;
	text-align:center;
	text-transform:uppercase;
	}

#sddm li{	
	margin: 0px;
	list-style: none;
	float: left;
	color:#FFFFFF;
	font: bold 11px;
	
	}
#sddm li:hover{
	background-color:#e98024;
	}

#sddm li a
{	
	padding:5px 10px 5px 10px;
	display: block;
	margin: 0px;
	color: #FFFFFF;
	text-align: center;
	font-weight:bold;
	
	}

#sddm li a:hover{	
	color:#000000;
	background-color:#e98024;
	text-decoration:none;
	}

#sddm div
{	
	position: absolute;
	visibility: hidden;
	margin: 0px;
	padding: 0;
	background:#e98024;
	z-index:90000;
	text-transform:capitalize;
	}

#sddm div a
{	
	z-index:90000;
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 5px 5px 15px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #e98024;
	color: #FFFFFF;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	border-top:1px solid #e98024;
}

#sddm div a:hover
{	
	background: #a44f04;
	color: #FFF;
	z-index:90000;
}
#pscroller1{
	height: 100px;
	padding: 5px;
	background-color:transparant;
}

#pscroller2 a{
	text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}

/*images*/
.box{
	float:left;
	padding:2px;
	margin-right:5px;
	border: 1px solid #CCCCCC;
	background:#FFFFFF;
}
.box-artikel{
	float:left;
	padding:0px;
	margin-right:5px;
	margin-top:5px;
}

/* IMAGE */

.imgblock50,.imgblockgaleri,.imgbockdownload .imgblock65homeprofile,.galeri, .imgblock15090, .imgblock325100, .imgblock35, .imgblock200,.imgblock250,.imgblock85,.imgblock100, .imgblock85placeHolder{  
	overflow: hidden;  
	background: #FFFFFF; 
	text-align: center;  
	float:left;
}

.imgblock325100 { 
	width: 325px; 
	height: 100px;
	}
.imgblock325100 img { 
	width: 325px; 
	float:left; 
	margin:0px;
	background-color:#FFFFFF;
	}
.imgblock325101 { 
	width: 345px; 
	height: 160px;
}
.imgblock325101 img { 
	width: 345px; 
	height: 160px;
	float:left; 
	margin:0px;
	background-color:#FFFFFF;
}
.imgblockdownload{ 
	width: 260px; 
	height: 190px;
	overflow:hidden;
	}
.imgblockdownload img { 
	width: 260px; 
	float:left; 
	margin:0px;
	background-color:#FFFFFF;
	}
.imgblockgaleri { 
	width: 125px; 
	height: 90px; 
	margin: 0px auto; 
}
.imgblockgaleri img { 
	height: 90px;
	 margin: 0px auto; 
}
.galeri { width: 520px; height: 400px; margin: 0px auto; }
.galeri img { height: 400px; margin: 0px auto; }
.imgblock50 { width: 50px; height: 50px; margin: 0px auto; }
.imgblock50 img { height: 50px; margin: 0px auto; }
.imgblock75 { width: 70px; height: 70px; margin: 0px auto; }
.imgblock75 img { height: 70px; margin: 0px auto; }
.imgblock35 { width: 35px; height: 35px; margin: 0px auto; }
.imgblock35 img { height: 35px; margin: 0px auto; }


.imgblock200 { width: 200px; height:150px;  background:#FFFFFF }
.imgblock200 img { height:165px; margin: 0px auto; float:left;}
.imgblock250 { width: 250px; }
.imgblock250 img { width: 250px; margin: 0px auto; float:left;}
.imgblock15090 { width: 150px; height: 80px; }
.imgblock15090 img { width: 150px; margin: 0px auto; }
.imgblock10060 { width: 125px; height: 60px; }
.imgblock10060placeHolder { width: 125px; height: 60px; }
.imgblock10060 img { width: 125px; margin: 0px auto;}
.imgblock100 { width: 100px; height: 100px; }
.imgblock100 img { 
	height: 100px; margin: 0px auto;
}
.imgblock85 { 
	width: 85px; height: 85px; 
}
.imgblock85placeHolder { width: 85px; height: 85px; }
.imgblock85 img {
	 height: 85px; margin: 0px auto;
}
.teman { 
	display: block; 
	overflow: hidden; 
	border: 1px solid #CCCCCC; 
	background: #FFFFFF; 
	text-align: center; 
	width: 175px; 
	height: 75px; }
.temanimg { display: block; overflow: hidden; border: 0px solid #555555; background: #FFFFFF; text-align: center; }
.temanimg img { height: 50px; margin: 0px auto; }

/* TEXT AND LINKS */
.judul{
	font-weight:bold;
	color:#FFFFFF;
	font-size:18px;
	margin:0px 0px 5px 0px;
	}
.judul_besar{
	font-weight:bold;
	color:#eb7a18;
	font-size:14px;
	margin:0px 0px 5px 0px;
	}

.judul2{
	font-weight:bold;
	font-size:18px;
	color:#047cb6; 
	margin:0px 0px 5px 0px;
}
.judul_kecil{
	font-weight:bold;
	font-size:11px;
	color:#047cb6; 
	margin:0px 0px 5px 0px;
}
.judul2 a,a.judul2{
	font-weight:bold;
	font-size:13px;
	color:#047cb6;
	margin:5px 0px 5px 0px;
	}
.judul2 a:hover,a.judul2:hover{
	color:#FF6600;
	text-decoration:none;
	}

.tanggal{
	font-size:10px;
	color:#CC3300;
	}
.box-detail{
	padding:15px;
	padding-right:25px;
	line-height:20px;
	}
.box-isi-detail{
	padding:5px;
	padding-right:25px;
	line-height:20px;
	}
.box-isi-detail li{
	margin-left:20px;
	}

	
.box-isi-detail img{
	border:1px #cccccc solid;
	padding:3px;
	margin:6px 5px 5px 4px;
	}

.detailprint{
	text-align:center;
	padding:2px;
	width: 55px;
	height:15px;
	float:left;
	margin-right:5px;
	cursor:crosshair;
	}
.detailprint img{
	margin:0px;
	padding:0px;
	border:0px;
}
.detailemail{
	text-align:center;
	padding:2px;
	width: 55px;
	height:15px;
	float:left;
	margin-right:5px;
	cursor:crosshair;
	}
.detailemail img{
	margin:0px;
	padding:0px;
	border:0px;
}
.detailpdf{
	text-align:center;
	padding:2px;
	width: 75px;
	height:15px;
	float:left;
	margin-right:5px;
	cursor:crosshair;
	}
.detailpdf img{
	margin:0px;
	padding:0px;
	border:0px;
}
.detailrss{
	text-align:center;
	padding:2px;
	width: 55px;
	height:15px;
	float:left;
	margin-right:5px;
	cursor:crosshair;
	}
.detailrss img{
	margin:0px;
	padding:0px;
	border:0px;
}
.detailarsip{
	text-align:center;
	padding:2px;
	width: 55px;
	height:15px;
	float:left;
	margin-right:5px;
	cursor:crosshair;
	}
.detailarsip img{
	margin:0px;
	padding:0px;
	border:0px;
}
.detaillaporan{
	text-align:center;
	padding:2px;
	width: 155px;
	height:15px;
	float:left;
	margin-right:5px;
	cursor:crosshair;
	}
.pageitem{
	text-align:center;
	border:1px solid #000000;
	padding:1px 4px 3px 4px;
	height:15px;
	margin-right:5px;
	cursor:default;
	}
.pageitem:hover{
	background-color:#0099FF;
	color:#FFFFFF;
	
}
.pageitem a{
	color:#000000;
}

.detailpage{
	margin-top:15px;
	float:left;
	margin-left:100px;
}
.list-data{
	margin-top:8px;
	padding-bottom:8px;
	border-bottom:1px dashed #0099FF;
	width:610px;
	float:left;
}
.arsip{
	text-align:center;
	}

/* FORM AND INPUTS */
label {
	width:92px;
	margin-right:4px;
	float:left;
}
.inputbiasa{
	margin:5px;
	border:1px #637C07 solid;
}
.pilih{
	border:1px #637C07 solid;
	margin-left:5px;
	margin-bottom:5px;
}
.button{
	padding:3px 8px 3px 8px;
	background-color:#8FB919;
	border:1px #6D8910 solid;
	font-size:12px;
	color:#FFFFFF;
}

.box-isi #news_depan{
	padding:0px;
	float:left;
	width:270px;
	#width:270px;
	}
.box-isi-member{
	padding:15x 10px 0px 8px;
	margin-left:10px;
	margin-right:10px;
	float:left;
	width:620px;
	}



/* CROUSEL */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    width: 200px;
    height: 245px;
}

.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango .jcarousel-container {
    background:transparent;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 580px;
    padding:20px 40px;
	padding-top:0px;
}


.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  580px;
    height: 245px;
}


.jcarousel-skin-tango .jcarousel-item {
    width: 180px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 20px;
}

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

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/next-horizontal.png) no-repeat 0 0;
}

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

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

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

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/prev-horizontal.png) no-repeat 0 0;
}

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

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

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