@charset "utf-8";
/* CSS Document */
@import url("ins_config/css/ins_global.css");

/*---- H O M E ----*/
body{background:#666}

#header_pad{width:900px; margin:5px auto 1px auto; height:200px; background:#011934 url(ins_config/img/bg/bgrn.png) center top no-repeat; overflow:hidden; border-radius:5px 5px 0 0;}

#content_pad{width:880px; padding:10px 10px 10px 10px; margin:auto; height:310px; background:#011934; border:solid 0px #666; border-bottom:none}

#content_menu_pad{width:900px; margin:0px auto; padding-top:10px; background:#369 url(ins_config/img/bg/pattern.png); border-radius:0 0 5px 5px; border-top:solid 1px #666;}

#footer{width:880px; margin:auto; background:#333 url(ins_config/img/bg/foot-cont.jpg) center 2px no-repeat; border-radius:0 0 10px 10px; margin-bottom:10px}
	#footer .desc{text-align:center; color:#FFFFFF; padding-top:15px; height:50px}

#img_slide_show{height:300px; width:510px; overflow:hidden; float:left; border:solid 5px #0558b0; border-radius:4px;}
	#img_slide_show img{width:510px;}	
	#img_slide_show .img_desc{background:#000; height:18px; width:500px; padding:7px 5px 5px 5px; margin-top:270px; position:absolute; opacity:0.7; overflow:hidden}
	#img_slide_show .img_desc:hover{opacity:1}
	#img_slide_show .img_desc a{color:#FF0}
	
	#img_slide_show .pgNumber{position:absolute; padding:5px; z-index:1}
	#img_slide_show .pgNumber .number{border:solid 1px #666; padding:1px 5px 1px 5px; margin:2px; background:#000; opacity:0.7; float:left; color:#777; cursor:pointer}
	#img_slide_show .pgNumber .aktif, #topNews .topNewsRight .pgNumber .number:hover{border:solid 1px #CCC; opacity:1; color:#FFF }

.img_slide_show_admin{height:300px; width:510px; overflow:hidden; border:solid 5px #0558b0; border-radius:4px;}

#header_title{width:100%; height:180px;}
#header_menu{width:500px; height:40px;background:#6666AA}


/* #header_search{width:500px; margin-left:10px; position:absolute; margin-top:155px;}
/*	.frm_search .search, .frm_search .search:focus{background:#FFF url(ins_config/img/icon/search.png) right no-repeat; padding:7px 25px 7px 7px; border:solid 2px #86B9D7; width:340px;}
/*	.frm_search .no_search{font-style:italic; color:#999}
/*	.frm_search .fill_search{font-style:normal; color:#000}

/* #0558b0 */

#last_news{width:350px; height:310px; background:#0558b0 url(ins_config/img/bg/canang_sari.png) no-repeat top left; float:left; border-radius:4px; margin-left:10px}
	#last_news .title{margin:10px 10px 3px 10px; border:solid 3px #333; padding:7px; background:url(ins_config/img/bg/dinpattern-stripe.gif); color:#FFFFFF; border-radius:5px; font-weight:bold}
	
	#last_news .content{margin:0 10px; height:245px; overflow:hidden;}
	#last_news .content:hover{overflow:auto}
	#last_news .content ul{padding-left:0; list-style:none}
	#last_news .content ul li{background:url(ins_config/img/icon/list.png) 2px 7px no-repeat;}
	#last_news .content ul li a{color:#FFFFFF; padding:3px 0; padding-left:20px;  display:block; text-decoration:none;}
	#last_news .content ul li a:hover{background:#000000 url(ins_config/img/icon/list.png) 2px 8px no-repeat; border-radius:5px;}
	#last_news .content ul li a .detail{color:#FF5; font-size:10px; opacity:0.5}
	#last_news .content ul li a:hover .detail{color:#CCC; font-size:10px; opacity:0.5}
	
	#last_news .others{width:340px; padding:5px; height:15px; margin-top:-7px; display:none; border-radius:0 0 4px 4px; color:#FFFFFF; text-align:right; background:#000; position:absolute; opacity:0.2}
	#last_news .others a{color:#FF0; font-style:italic;}
	#last_news .others:hover{opacity:0.6}
	#last_news:hover .others{display:inherit}


#content_center{width:210px; height:228px; margin:0 0 10px 10px; background:#011934 url(ins_config/img/bg/bgRight.png) no-repeat; float:left; border-radius:4px; overflow:hidden; border:solid 1px #333}
	#content_center .title{margin:10px 10px 0 10px; color:#CC0; font-size:14px; font-weight:bold; height:20px}
	#content_center .desc{margin:5px 10px 10px 10px; color:#FFF; font-size:11px; height:170px; overflow:hidden}
	#content_center .others{margin:0 10px; color:#FFF; font-size:11px; height:15px; text-align:right; margin-top:-5px}

	#content_center ul{padding-left:0; list-style:none; margin:6px}
	#content_center ul li{background:url(ins_config/img/icon/list.png) 2px 6px no-repeat;}
	#content_center ul li a{color:#FFFFFF; padding:3px 0 0 0; padding-left:20px;  display:block; text-decoration:none;min-height:18px}
	#content_center ul li a:hover{background:#0754a9 url(ins_config/img/icon/list.png) 2px 6px no-repeat; border-radius:5px;}
	
	#content_center:hover, #shufle_photo:hover{background:#043469 url(ins_config/img/bg/bgRight.png) no-repeat}

#content_center .li_icon .home{background:url(ins_config/img/icon/home.png) no-repeat 0 3px}
#content_center .li_icon .home:hover{background:#0754a9 url(ins_config/img/icon/home.png) no-repeat 0 3px}

#content_center .li_icon .logout{background:url(ins_config/img/icon/power_off.png) no-repeat 0 3px}
#content_center .li_icon .logout:hover{background:#0754a9 url(ins_config/img/icon/power_off.png) no-repeat 0 3px}

#content_center .li_icon .setting{background:url(ins_config/img/icon/cog.png) no-repeat 0 3px}
#content_center .li_icon .setting:hover{background:#0754a9 url(ins_config/img/icon/cog.png) no-repeat 0 3px}

#content_center .li_icon .profil{background:url(ins_config/img/icon/user_s.png) no-repeat 0 3px}
#content_center .li_icon .profil:hover{background:#0754a9 url(ins_config/img/icon/user_s.png) no-repeat 0 3px}

#content_center .pura_foto{width:190px; height:210px; overflow:hidden; margin:10px auto; border:solid 0px #0558b0; background:#000000}
	#content_center .pura_foto img{min-width:190px; min-height:210px;}
	#content_center .nama_pura{height:16px; width:180px; margin:10px; margin-top:198px; padding:3px 5px; background:#000; position:absolute; overflow:hidden; opacity:0.8}
	#content_center .nama_pura a{color:#cc0;}
		
.shufle_photo hr{border-bottom:solid 1px #666; border-top:solid 1px #555}
	
.shufle_photo .foto_img{margin:10px auto 10px auto; width:120px; height:145px; overflow:hidden; text-align:center; border:solid 3px #364E74}
.shufle_photo .foto_img img{width:120px}

.shufle_photo .desc{margin:0 8px 0px 8px; height:55px; text-align:center;}
.shufle_photo .desc .name{color:#FFFF00; height:30px; margin-top:3px; overflow:hidden;}
.shufle_photo .desc .position{color:#DDD; font-weight:bold; font-size:11px; height:15px; overflow:hidden}

.shufle_photo .else{width:200px; padding:5px; height:15px; display:none; border-radius:2px 2px 0 0; color:#FFFFFF; text-align:center; background:#000; position:absolute; opacity:0.7;}
.shufle_photo .else a{color:#FF0;}
.shufle_photo .else:hover{opacity:1}
.shufle_photo:hover .else{display:inherit}


#content_kata_mutiara{width:430px; padding:0; height:228px; right no-repeat; margin:0 0 10px 10px; float:left; border-radius:4px; overflow:hidden; border:solid 0px #333}
	#content_kata_mutiara .title, #content_kata_mutiara .title a{color:#CC0; font-size:14px; font-weight:bold;}
	#content_kata_mutiara .desc{margin:0 auto 10px auto; width:340px; height:170px; padding:5px; overflow:hidden; box-shadow:0px 0px 10px #999; color:#FFF; background:#000 url(ins_config/img/bg/canang_sari.png) repeat center}
	#content_kata_mutiara .sumber{text-align:right; color:#CCC; width:340px; margin:auto}
	
/*--- D E T A I L ----*/
#content_detail{width:900px; min-height:400px; margin:auto; background:#FFFFFF url(ins_config/img/bg/bg_admin.jpg) repeat-y; border:solid 10px #043469; border-left:none; border-right:none}

#post_bottom{width:900px; padding:0px; margin:auto; padding-top:10px; background:#011934; border-radius:0 0 5px 5px;}

/*#550 Aslinya => 043469*/
#left_detail_pad{width:234px; min-height:400px; float:left;}
	#left_detail_pad #content_center{float:none; background:#022449 url(ins_config/img/bg/bgRight.png) no-repeat; border-color:#0558b0; height:auto}
	#left_detail_pad #content_center .others{margin:10px; color:#FFF; font-size:11px; height:15px; text-align:right}

	#left_detail_pad .shufle_photo{border:solid 1px #333; margin:10px 0 10px 10px; background:#222 url(ins_config/img/bg/bgRight.png) no-repeat; float:left; text-align:center; border-radius:4px;}
	#left_detail_pad .shufle_photo hr{border-bottom:solid 1px #666; border-top:solid 1px #555}
		
	#left_detail_pad .shufle_photo .foto_img{margin:10px auto 10px auto; width:120px; height:145px; overflow:hidden; text-align:center; border:solid 3px #364E74}
	#left_detail_pad .shufle_photo .foto_img img{width:120px}
	
	#left_detail_pad .shufle_photo .desc{margin:0 8px 0px 8px; height:55px;}
	#left_detail_pad .shufle_photo .desc .name{color:#FFFF00; height:30px; margin-top:3px; overflow:hidden;}
	#left_detail_pad .shufle_photo .desc .position{color:#DDD; font-weight:bold; font-size:11px; height:15px; overflow:hidden}

#left_detail_pad #content_center{width:188px}

#right_detail_pad{width:648px; min-height:400px; float:left; background:#FFF;}

.thumb_pura{width:80px; height:90px; overflow:hidden; border:solid 2px #0558b0; background:#000;}
	.thumb_pura img{min-width:80px; min-height:90px; max-height:120px}
	.thumb_pura:hover{border-color:#CC9900}
	
.detail_img_pura{text-align:center}
	.detail_img_pura img{max-height:400px; max-width:500px}

.user_img{width:150px; max-height:300px; overflow:hidden; border:solid 2px #550; padding:2px}
	.user_img img{width:150px;}

.user_img0{width:30px; height:40px; overflow:hidden;}
	.user_img0 img{min-height:40px; min-width:30px}

.user_img1{width:50px; height:70px; overflow:hidden;}
	.user_img1 img{height:70px; min-width:50px}

.sub_title{font-size:17px; color:#880; border-bottom:dotted 1px #CCC; margin:20px 0 10px 0;}
	.sub_title .detail, h1 .detail{font-weight:normal; color:#CCC}
	
.title{border:none;}

.img_default_pura{width:200px; max-height:230px; overflow:hidden; float:right; margin:0 0 10px 10px; border:solid 2px #880;}

.denah_pura{text-align:center;}
	.denah_pura img{width:450px; height:auto; background:#FFF}
	
.thumb_foto_pura{width:147px; height:220px; overflow:hidden; margin:10px; float:left;}
	.thumb_foto_pura .img{width:145px; height:170px; overflow:hidden; border:solid 1px #770; text-align:center;}
	.thumb_foto_pura .img img{height:170px; min-width:145px}
	
	.thumb_foto_pura .desc{height:30px; margin-top:5px; overflow:hidden; text-align:center;}
	.thumb_foto_pura .tools{position:absolute; margin:10px; background:#000000; padding:3px; border-radius:3px; display:none; opacity:0.5; border:solid 1px #333}
	.thumb_foto_pura .tools a{text-decoration:none; color:#FF0}
	.thumb_foto_pura .tools:hover{opacity:1}
	.thumb_foto_pura:hover .tools{display:inherit;}
	
	.thumb_foto_pura .foto_home{position:absolute; height:20px; margin-top:150px; margin-left:3px; color:#FFFFFF; font-size:11px}
	.thumb_foto_pura .foto_home a{color:#FF0; opacity:0.5; background:#333; padding:3px; border-radius:2px; text-decoration:none; display:none}
	.thumb_foto_pura:hover .foto_home a{display:inherit}
	.thumb_foto_pura .foto_home:hover a{opacity:1}
	
	
/*--- A D M I N ----*/

#admin_header{height:100px; width:900px; margin:5px auto 2px auto; border-radius:5px 5px 0 0; background:#043469 url(ins_config/img/icon/admin.png) no-repeat 10px center}
	#admin_header .detail{height:80px; margin-left:100px; padding:20px 10px 0px 10px; background:url(ins_config/img/bg/admin.png) right no-repeat}
	#admin_header .detail .title{font-size:30px; color:#f5d604}
	#admin_header .detail .desc{font-size:16px}
	
	.form_login{width:350px;margin:100px auto 30px auto;padding:40px;box-shadow:0px 0px 0px #555;border:solid 0px #CCC;border-radius:10px; background:#660 url(ins_config/img/bg/bgRight.png) center no-repeat;}

.show_ulu_apad	li{padding:3px; margin:0}
.show_ulu_apad	li:hover{background:#EEE;}


/*--- S I L S I L A H   K E L U A R G A ----*/

.silsilah_keluarga_pad{padding:0 0 30px 0}
	.kakek_nenek_content{width:290px; float:left; border:solid 1px #DDD; background:#EEE; padding:10px 10px 15px 10px}
	.kakek_nenek_content .person{background:#FFF; border:solid 1px #DDD; float:none; margin:auto}
	.kakek_nenek_content .person .title{color:#C06; font-size:11px}
	
	.kakek_nenek_sp{width:40px; height:10px; float:left}

	.person{width:280px; float:left; background:#BBF url(ins_config/img/bg/silsilah_pad.png) no-repeat; border:solid 1px #AAF; box-shadow:5px 5px 5px #777}
	.person .title{height:15px; border-bottom:solid 1px #EEE; padding:5px 10px; color:#880; font-size:11px; background:#CCC}
	.person .desc a strong{color:#C00; font-weight:bold}
	.person .desc{height:55px; overflow:hidden}
	.person_sp{width:100px; height:85px; float:left; background:url(ins_config/img/bg/silsilah/love.png) center bottom no-repeat}
	
	.person_temp{width:282px; height:50px; float:left;}
	.person_sp_temp{width:100px; height:82px; float:left; background:url(ins_config/img/bg/silsilah/love_center.png) center repeat-y}
	.person_sp_clear{width:100px; height:82px; float:left;}
	.person_sp_temp_left{width:100px; height:85px; float:left; background:url(ins_config/img/bg/silsilah/love_left.png) center  repeat-y}
	.person_sp_temp_right{width:100px; height:85px; float:left; background:url(ins_config/img/bg/silsilah/love_right.png) center repeat-y}
		
	.person_sp_end_right{width:100px; height:82px; float:left; background:url(ins_config/img/bg/silsilah/end_right.png) center top no-repeat}
	.person_sp_end_left{width:100px; height:32px; float:left; background:url(ins_config/img/bg/silsilah/end_left.png) center bottom no-repeat}
	
	.anak_anak_pad{clear:both;}
	.anak_anak_pad .person{background:#FFF url(ins_config/img/bg/silsilah_pad_anak.png) no-repeat; border-color:#CCC}
	
	.ortu_anak_anak_pad{height:80px; }
	.keterangan_pad{position:absolute; width:660px; margin-top:40px; border-bottom:dashed 1px #CCCCCC; font-weight:bold; color:#C90; text-align:center;}
	
	.no_shadow{box-shadow:none; opacity:0.6}
	.no_shadow:hover{opacity:1;box-shadow:5px 5px 5px #777}
	
	.person_tools{height:18px; text-align:right; margin-top:-18px}
	.person_tools a img{opacity:0.5}
	.person_tools a:hover img{opacity:1}
	
#keterangan_perkawinan{width:400px; min-height:100px; background:#FFF; border:solid 5px #043469; box-shadow:5px 5px 5px #555; z-index:99999; position:absolute;
	margin:-25px 0 0 -155px; border-radius:10px; display:none;}
	
	#keterangan_perkawinan .title{background:#043469; padding:10px; color:#FFF; font-weight:bold}
	#keterangan_perkawinan .desc{padding:10px;}