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

/* general : s *********************************************************************************** */
body {
	margin:0;
	padding:0;
	background:#FFFFFF;
}
.left {
	float:left;
}
.right {
	float:right;
}
.clearit {
	clear:both;
}
/* general : e *********************************************************************************** */

.top {
	margin:0 auto;
	background:#f3f3f3;
	width:100%;
	position:fixed;
}
.content {
	/**padding-top:32px;*//
	padding-top:0px;
}
* html .content {
	padding-top:0px;
}
.content_in {
	background:url(../images/bg_content.jpg) repeat-x top center;  
	 background: #FFFFFF; 
	 width:1000px;
	margin:0 auto; 
	padding-bottom:20px;
}
.content_in2 {
	background:url(../images/bg_content_in2.jpg) no-repeat top center;
}

.content_ramadhan {
	width:1000px;
	margin:0 auto;
}
.banner_top1 {
	width:728px;
	height:90px;
	overflow:hidden;
	margin:0 auto;
	padding-top:57px;
}
.banner_top2 {
	width:468px;
	height:60px;
	overflow:hidden;
	padding-top:35px;
	padding-left:510px;
}
.navigasi {
	padding-top:22px;
	padding-left:5px;
}
.navigasi ul {
	margin:0;
	padding:0;
}
.navigasi ul li {
	list-style-type:none;
	display:inline;
}
.navigasi ul li a {
	font:normal 18px 'DINCondRegular', Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	display:inline-block;
	padding:10px 10px;
	border-right:solid 1px #333;
}
.navigasi ul li a:hover {
	text-decoration:underline;
}
.box_search {
	padding-top:30px;
	padding-left:10px;
}
.box_search_in {
	width:200px;
	height:25px;
	background:#eee;
}
.box_search_left {
	height:22px;
	background:#eee;
	border:none;
	border-right:solid 1px #fff;
}
input.box_search_left {
	padding-left:5px;
	font:normal 14px 'DINCondRegular', Arial, Helvetica, sans-serif;
	color:#908a8a;
	width:162px;
}
.box_search_in a img {
	border:none;
}
.content_ramadhan2 {
	width:1000px;
	margin:0 auto 50px auto;
	-webkit-box-shadow:  0px 5px 10px 3px rgba(0, 0, 0, 0.1);
	box-shadow:  0px 5px 10px 3px rgba(0, 0, 0, 0.1);
}
.content_ramadhan2_left {
	width:640px;
	padding:25px 20px;
}
.content_ramadhan2_right {
	width:300px;
	padding:25px 0;
}
.rundown_time {
	background:url(../images/bg_rundown_time.jpg) no-repeat bottom center;
	height:110px;
}
.rundown_time h1 {
	font:bold 18px 'Conv_OPTIMA', Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 0 0 22px;
	text-transform:uppercase;
}
.hamin {
	width:159px;
	height:67px;
	background:url(../images/bg_hamin.jpg) no-repeat;
	padding-top:10px;
}
span.hamin_left {
	font:bold 38px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0 10px;
	width:53px;
	overflow:hidden;
	display:inline-block;
	text-align:center;
}
span.hamin_right {
	font:bold 18px 'Conv_OPTIMA', Arial, Helvetica, sans-serif;
	color:#fff;
	display:inline-block;
	width:53px;
	overflow:hidden;
	padding-left:15px;
	padding-top:10px;
	text-transform:uppercase;
	line-height:16px;
	text-align:center;
	vertical-align:top;
}
.ramadhan_QS {
	width:465px;
	padding-left:10px;
}
.ramadhan_QS p {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#051f00;
	margin:0;
	padding:0;
	line-height:18px;
}
.ramadhan_QS h6 {
	font:italic 11px Arial, Helvetica, sans-serif;
	color:#666;
	margin:0;
	padding:0;
}
.sponsor {
	padding-left:10px;
}
.sponsor h6 {
	margin:0;
	padding:0 0 4px 0;
	font:normal 10px 'Conv_OPTIMA', Arial, Helvetica, sans-serif;
	color:#999;
	text-align:right;
}
.box_sponsor {
	width:107px;
	height:35px;
	background:#363636;
}
.jadwal_imsakiyah {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background:#315046;
	height:65px;
	width:625px;
	padding:5px 0 0 15px;
	margin-bottom:15px;
}
.jadwal_imsakiyah_left h6 {
	margin:0;
	padding:0;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#6bd352;
}
.jadwal_imsakiyah_left h4 {
	margin:0;
	padding:2px 0 1px 0;
	font:bold 18px 'Conv_OPTIMA', Arial, Helvetica, sans-serif;
	color:#fff;
}
.jadwal_imsakiyah_left select {
	width:160px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
}
.jadwal_imsakiyah_right {
	/** padding-left:25px; **/
	padding-left:20px;
}
.jadwal_imsakiyah_right h6 {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0;
	padding:0;
}
ul.list_jadwal {
	margin:0;
	padding:10px 0 0 0;
}
ul.list_jadwal li {
	width:60px;
	height:39px;
	background:url(../images/bg_jadwal.jpg) no-repeat;
	list-style-type:none;
	display:inline-block;
	margin-right:10px;
	float:left;
}
* html ul.list_jadwal li {
	margin:0 5px 0 0;
}
ul.list_jadwal li h2 {
	margin:0;
	padding:2px 0 0 0;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#ebe6e2;
	text-transform:uppercase;
	text-align:center;
}
ul.list_jadwal li h3 {
	margin:0;
	padding:5px 0 0 0;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#373737;
	text-transform:uppercase;
	text-align:center;
}
.headline_ramadhan {
	width:640px;
	height:338px;
	background:url(../images/shadow_hl.jpg) no-repeat bottom center;
}
.box_hl_in {
	width:640px;
	height:320px;
}
#divTrigger {
	position:absolute;
	z-index:2;
	font:normal 12px Arial, Helvetica, sans-serif;
	padding:10px;
}
#divTrigger a:link, #divTrigger a:visited {
	text-decoration: none; /* hilangkan garis bawah pada link */
	margin:4px 0px; /* memberi jarak antar link */
	padding: 2px 5px; /* menjadikan link seperti kotak */
	border: 1px solid #CCC;
	background-color: #FFF;
	color: #000;
}
/* link yang dilalui oleh mouse dan element dengan class='selected' akan mempunyai efek yang sama */
	 #divTrigger a:hover, #divTrigger a:active, .selected {
	background-color: #315046;
	color: #FFF;
}

#divContent {
	width: 626px;
	height: 303px;
	position:relative;
	z-index:1;
	overflow:hidden;
	border:solid 5px #fff;
	-webkit-box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, 0.2);
	box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, 0.2);
}
#divContent div {
	/* semua div di dalam element dengan id='divContent' akan di sembunyikan sementara */
	 	display:none;
}
.title {
	font-size: 16px;
	font-weight: bold;
	color: #006;
	text-decoration: underline;
	margin-bottom: 2px;
	display:block
}
#divContent div .img_hl img {
	margin:0 auto;
	width:626px;
	height:303px;
}
.box_title {
	width:626px;
	position:absolute;
	bottom:0;
	padding:10px 0 0 0;
	z-index:9999999999999;
}
.box_title_bg {
	width:626px;
	min-height:110px;
 	height: expression( document.body.clientHeight > 120 ? "120px" : "auto" );
	background:#000;
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */


	/* Theoretically for IE 8 & 9 (more valid) */
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=50);
	/* Older than Firefox 0.9 */
	-moz-opacity:0.5;
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.5;
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.5;
	position:absolute;
	z-index:0;
}
.title_hl {
	width:610px;
	font:normal 20px Georgia, "Times New Roman", Times, serif;
	color:#fff;
	position:relative;
	z-index:9999;
	border-bottom:solid 1px #fff;
	padding:10px 0;
	margin:0 auto;
	max-height:50px;
 	height: expression( document.body.clientHeight > 40 ? "40px" : "auto" );
	overflow:hidden;
}
* html .title_hl {
	padding-left:10px;
}
.title_hl a {
	color:#fff;
	text-decoration:none;
	display:block;
	max-height:50px;
	overflow:hidden;
	line-height:24px;
}
.title_hl a:hover {
	text-decoration:underline;
}
.caption_n_share {
	margin:0 auto;
	width:610px;
	padding:7px 0;
}
* html .caption_n_share {
	padding-left:10px;
}
.caption {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:2px 0;
	position:relative;
}
.share_social {
	position:relative;
	margin-right:-30px;
}
.ms_kol1 {
	width:310px;
}
.ms_kol2 {
	width:310px;
}
.top_kol1 {
	border-bottom:solid 1px #ebe6e2;
	vertical-align:middle;
}
.top_kol1 h1 {
	margin:0;
	padding:0;
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#2d9024;
}
.top_kol1 a {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#b0a098;
	text-decoration:none;
	padding-top:7px;
}
.top_kol1 a:hover {
	text-decoration:underline
}
.img_kol1 {
	border:solid 1px #e7e2df;
	width:168px;
	height:89px;
}
.img_kol1 img {
	width:160px;
	height:80px;
	overflow:hidden;
	border:solid 4px #fff;
}
.ms_kol1 br {
	line-height:20px;
}
.title_kol1 {
	width:125px;
	font:bold 14px Georgia, "Times New Roman", Times, serif;
	color:#2b4d23;
	height:82px;
	overflow:hidden;
	padding-left:15px;
	line-height:20px;
}
.title_kol1 a {
	text-decoration:none;
	color:#2b4d23;
}
.title_kol1 a:hover {
	text-decoration:underline;
}
ul.list_kol1 {
	margin:0;
	padding:0;
	border-top:solid 1px #dedede;
}
ul.list_kol1 li {
	margin:0;
	padding:2px 0;
	list-style-type:none;
	border-bottom:solid 1px #dedede;
}
ul.list_kol1 li a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	display:block;
	overflow:hidden;
	height:16px;
}
ul.list_kol1 li a:hover {
	text-decoration:underline;
}
.gallery_foto {
	width:630px;
	padding:10px 10px 10px 10px;
	height:255px;
	background:url(../images/bg_gallery_foto2.jpg) no-repeat #e2d3b9;
}
/*
.gf_kiri {
	width:320px;
}
*/
.gf_kiri h1 {
	margin:0 0 13px 0;
	padding:0 0 5px 0;
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#2d9024;
	border-bottom:solid 1px #fff;
}

.gf_kiri h1 a {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	display:block;
	padding-top:7px;
}

.gf_kiri h1 a:hover {
	text-decoration:underline;
}

.gf_kiri {
/*width:630px;*/
width:320px;
}

.list_gf {
width:152px;
height:100px;
position:relative;
margin-bottom:15px;
padding-right:5px;
}
/*
.list_gf {
	width:152px;
	height:100px;
	position:relative;
	margin-bottom:15px;
}
*/
.list_gf img {
	width:152px;
	height:100px;
	overflow:hidden;
}
.text_title_gf {
	position:absolute;
	bottom:0;
	padding:5px 0;
}
.text_title_gf a {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	line-height:12px;
	position:relative;
	z-index:1;
	display:block;
	width:152px;
	overflow:hidden;
	max-height:24px;
	padding-left:5px;
	bottom:0;
}
.text_title_gf a:hover {
	text-decoration:underline;
}
.bg_title_gf {
	width:152px;
	height:100%;
	max-height:50px;
	background:#000;
	position:absolute;
	bottom:0;
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */


	/* Theoretically for IE 8 & 9 (more valid) */
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=70);
	/* Older than Firefox 0.9 */
	-moz-opacity:0.7;
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.7;
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.7;
	z-index:0;
}
.gf_kanan {
	width:297px;
	height:256px;
	overflow:hidden;
}
.gf_kanang_img {
	width:297px;
	height:186px;
	position:relative;
}
a.marklink360 {
	display:block;
	height:70px;
}
.box_title_gf_kanan {
	width:297px;
	position:absolute;
	bottom:0;
	padding:5px 0;
}
* html .box_title_gf_kanan {
	width:297px;
	position:relative;
	bottom:0;
	padding:5px 0;
	margin-top:-70px;
}
.bg_box_title_gf_kanan {
	width:297px;
	height:100%;
	max-height:50px;
	background:#000;
	position:absolute;
	bottom:0;
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */


	/* Theoretically for IE 8 & 9 (more valid) */
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=70);
	/* Older than Firefox 0.9 */
	-moz-opacity:0.7;
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.7;
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.7;
	z-index:0;
}
.txt_gf_kanan a {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	line-height:12px;
	position:relative;
	z-index:1;
	display:block;
	width:290px;
	overflow:hidden;
	max-height:24px;
	padding-left:5px;
	bottom:0;
}
.txt_gf_kanan a:hover {
	text-decoration:underline;
}
.zakat {
	width:640px;
	height:190px;
	background:url(../images/rumahzakat.jpg) no-repeat;
}
.zakat {
	width:640px;
	height:190px;
	background:url(../images/rumahzakat.jpg) no-repeat;
}
.zakat_left {
	width:185px;
	overflow:hidden;
	padding-left:160px;
}
.zakat_left h5 {
	margin:0;
	padding:0;
	font:bold 8px Arial, Helvetica, sans-serif;
	color:#000;
}
.zakat_left h6 {
	margin:0;
	padding:0 0 10px 0;
	font:italic 8px Arial, Helvetica, sans-serif;
	color:#656565;
}

.zakat_left h1 {
	margin:0;
	padding:15px 0 0 0;
}
.zakat_left h1 a {
	margin:0;
	padding:0;
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#2d9024;
	display:block;
	text-decoration:none;
	
}
.zakat_left p {
	margin:0;
	padding:10px 0 0 0;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
	height:50px;
	overflow:hidden;
}

.zakat_left p a {
	text-decoration:none;
	color:#fb873c;
}
.zakat_left p a:hover {
	text-decoration:underline;
}

.zakat_left a.judul {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fb873c;
	text-decoration:none;
	display:block;
	padding-bottom:5px;
	height:27px;
	overflow:hidden;
}
.zakat_left a.judul:hover {
	text-decoration:underline;
}
.text_tausiah {
	width:100px;
}
.text_ramadhan2 {
	width:140px;
}
.zakat_right {
	width:285px;
	padding-left:5px;
}
.zakat_right h1 {
	margin:0;
	padding:15px 0 25px 0;
}
.zakat_right h1 a {
	margin:0;
	padding:0;
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#2d9024;
	display:block;
	text-decoration:none;
}
.text_tausiah {
	width:100px;
}
.text_ramadhan2 {
	width:140px;
} 
.text_tausiah p {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#333;
	margin:0;
	padding:0 0 0 15px;
	overflow:hidden;
	height:50px;
	line-height:16px;
}
.text_ramadhan2 p {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#333;
	margin:0;
	padding:0 0 0 15px;
	overflow:hidden;
	height:50px;
	line-height:16px;
}
.text_tausiah a {
	display:block;
	padding-left:15px;
	padding-top:5px;
}
.text_tausiah a img {
	border:none;
}
.text_ramadhan2 a {
	display:block;
	padding-left:15px;
	padding-top:5px;
}
.text_ramadhan2 a img {
	border:none;
}
br.space {
	line-height:10px;
}
.img_tausiah img {
	border:solid 4px #fff;
}
.img_tausiah {
	width:168px;
	height:89px;
	border:solid 1px #ccc;
}
.vid_ramadhan {
	width:168px;
	height:89px;
	border:solid 1px #ccc;
}
.banner_right {
	width:300px;
	height:250px;
}
.quis_ramadhan {
	width:300px;
	height:174px;
	margin-top:25px;
}
.mt_25 {
	margin-top:25px;
}
.img_gy_ramadhan {
	width:114px;
	height:57px;
}
.gy_ramadhan {
	width:300px;
}
.img_gy_ramadhan img {
	width:114px;
	height:57px;
	border:solid 1px #ccc;
}
.right_gy_ramadhan {
	padding-left:20px;
}
.right_gy_ramadhan a {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#ff0072;
	text-decoration:none;
	text-transform:uppercase;
}
.right_gy_ramadhan a:hover {
	text-decoration:underline;
}
.right_gy_ramadhan h6 {
	margin:0;
	padding:0;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#434343;
	text-transform:uppercase;
	padding:2px 0;
}
.right_gy_ramadhan h5 {
	margin:0;
	padding:0;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#777;
}
.sub_gy_ramadhan {
	padding:0 0 15px 0;
}
.box_peta_mudik {
	width:270px;
	height:55px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:0px 0px 20px 0;
	
}
.box_pemud_r {
	padding-left:10px;
}
.box_pemud_r h1 {
	margin:0;
	padding:0;
	font:bold 19px Arial, Helvetica, sans-serif;
	color:#574d49;
	text-transform:uppercase;
}
.box_pemud_r span select {
	width:140px;
	font:normal 11px Georgia, "Times New Roman", Times, serif;
	color:#4c4c4c;
	padding:2px 0px 2px 5px;
}
.box_pemud_r span a {
	background:#800000;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding:2px;
}
.lomba_adzan {
	width:300px;
	height:144px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#e2d3b9;
	background:url(../images/lomba_adzan.jpg) no-repeat;
	position:relative;
}
.lomba_adzan a {
	display:block;
	width:286px;
	height:25px;
	position:absolute;
	bottom:6px;
	left:9px;
}
.kompasiana_s_ramadhan {
	width:300px;
	height:260px;
	background:url(../images/kompasiana_serambi_ramadhan.jpg) no-repeat;
}
a.kirim_tulisan {
	display:block;
	width:100px;
	height:42px;
	float:right;
	margin-right:4px;
	margin-top:4px;
}
.list_serambi {
	padding-left:20px;
	padding-top:20px;
}
span.ls1_text {
	width:190px;
}
.ls_1 {
	border-bottom:solid 1px #ccc;
	padding-bottom:3px;
	padding-top:3px;
	width:260px;
}
* html .ls_1 {
	border-bottom:solid 1px #ccc;
	padding-bottom:2px;
	padding-top:1px;
	width:260px;
}
span.ls1_text a {
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	padding-left:10px;
	display:block;
	padding-top:10px;
	overflow:hidden;
	height:35px;
}
span.ls1_text a:hover {
	text-decoration:underline;
}
.tadarus {
	background:url(../images/tadarus.jpg) no-repeat;
	width:275px;
	height:99px;
	padding-top:45px;
	padding-left:25px;
}
.tadarus h1 {
	font:bold 14px Georgia, "Times New Roman", Times, serif;
	color:#0f4d00;
	margin:0;
	padding:0 0 4px 0;
}
.tadarus h5 {
	margin:0;
	padding:0;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
}
.tadarus h6 {
	margin:0;
	padding:0 0 0 60px;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#000
}
.tadarus a {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000;
	padding-right:15px;
	float:right;
	text-decoration:none;
}
.tadarus a:hover {
	text-decoration:underline;
}
.audio1 {
	padding:5px 0 5px 65px;
}
* html .audio1 {
	padding:5px 0 5px 65px;
}
.audio2 {
	padding:10px 0;
	width:100px;
	height:20px;
	overflow:hidden;
}
.kompas_playlist {
	width:280px;
	height:117px;
	background:url(../images/kompas_playlist.jpg) no-repeat;
	padding-top:50px;
	padding-left:20px;
}
.img_pl {
	width:87px;
	height:87px;
}
.col_pl {
	width:140px;
	padding-left:10px;
	padding-top:5px;
}
.col_pl h1 {
	margin:0;
	padding:0 0 2px 0;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000;
}
.col_pl h2 {
	margin:0;
	padding:0 0 2px 0;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000;
}
.col_pl h2 i {
	color:#666;
}
.kompas_playlist a {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000;
	padding-right:15px;
	float:right;
	text-decoration:none;
}
.kompas_playlist a:hover {
	text-decoration:underline;
}
.twitdeck {
	width:300px;
	height:356px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:solid 1px #7bdef8;
	background:url(../images/twitdeck_top.jpg) no-repeat top center #f9f9f9;
}
.twitdeck_bottom {
	background:url(../images/twitdeck_bottom.jpg) no-repeat bottom center;
	height:356px;
}
.tw_in {
	width:290px;
	height:240px;
	overflow:hidden;
	padding-top:20px;
}
.tw_in_l {
	width:32px;
	height:32px;
	overflow:hidden;
}
a.follow_tw {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	text-align:right;
	display:block;
	padding-top:10px;
	padding-right:10px;
}

a.follow_tw1 {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	text-align:right;
	display:block;
	padding-top:10px;
	padding-right:10px;
	width:200px;
}
.footer {
	background:url(../images/bg_footer.jpg) repeat-x;
	width:1000px;
	height:105px;
	margin:-20px auto 0 auto;
	padding:0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.nav_footer {
	width:850px;
	margin:0 auto;
	border-bottom:dashed 1px #fff;
	padding-bottom:15px;
	padding-left:150px;
}
.footer ul {
	margin:0 auto;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#363636;
	/*width:1000px; */
	width: 850px;
	padding-top:25px;
}
.footer ul li {
	list-style-type:none;
	display:inline-block;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#363636;
	text-decoration:none;
	padding:0 5px;
}
* html .footer ul li {
	float:left;
}
.footer ul li a {
	list-style-type:none;
	display:inline;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#363636;
	text-decoration:none;
}
.footer ul li a:hover {
	text-decoration:underline;
}
/*a.cr {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0 auto;
	width:1000px;
	text-align:center;
	display:block;
	padding-top:15px;
}*/

a.tw_link {
	display:block;
	width:90px;
	height:30px;
	float:right;
}
/* artikel --------------------------------------------------------------------------------------------------------------- */
.mr10 {
	margin-right:10px;
}
.artikel {
	width:640px;
}
.artikel {
	/* border-bottom:solid 4px #f57b1f; */
	padding-top:5px;
}
.title_artikel {
	border-bottom:solid 1px #e5e5e5;
}
.title_artikel h1 {
	font:normal 34px Georgia, "Times New Roman", Times, serif;
	color:#2f4f44;
	line-height:42px;
	margin:0;
	padding:5px 0;
	overflow:hidden;
	width:640px;
	max-height:85px;
}
.editor_artikel_status_artikel {
	margin-top:10px;
}
.editor_artikel {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000;
}
.status_artikel {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#666;
}
.status_artikel strong {
	color:#000;
}
.social_plugin_artikel {
	margin-top:10px;
}
.share_plugin {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000;
	height:16px;
	margin:5px 0 20px 0;
}
.share_plugin a {
	margin-right:5px;
	height:16px;
	display:block;
	line-height:16px;
	float:left;
}
.share_plugin a img {
	border:none;
}
.img_artikel {
	border-top:solid 4px #537d23;
	padding-top:5px;
	background:url(../images/shadow_hl.jpg) no-repeat bottom center;
	height:375px;
}
.img_artikel img {
	border:none;
	width:640px;
	height:328px;
	overflow:hidden;
}
.source_img {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#666;
	padding-top:4px;
}
* html .source_img {
	padding:0;
}
.title_bottom {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#666;
	margin-top:2px;
	overflow:hidden;
	height:30px;
}
.isi_artikel p {
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#000;
	line-height:20px;
}
.fb_tw_shared a img {
	border:none;
}
.artikel_terkait {
	width:300px;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
}
.artikel_terkait h2 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#000;
}
.artikel_terkait ul {
	list-style-type:disc;
	color:#1170a0;
}
.artikel_terkait ul li a {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#1170a0;
	text-decoration:none;
}
.artikel_terkait ul li a:hover {
	text-decoration:underline;
}
.box_kirim_komentar {
	width:640px;
	padding:10px 0;
}
.box_360 {
	width:640px;
	overflow:hidden;
}
.root_nav {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#666;
	padding-bottom:10px;
}
.root_nav2 {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#666;
	padding:30px 20px 20px 20px;
}
.detail_360 {
	border-bottom:solid 1px #ccc;
	padding:10px 0;
	width:965px;
}
.img_galeri a.title-gallery {
	font:normal 12px Georgia, "Times New Roman", Times, serif;
	color:#1d7156;
	text-decoration:none;
	display:block;
	padding:10px 0;
	overflow:hidden;
	height:20px;
}
.img_galeri img {
	/*width:190px;
	height:98px;*/
	margin: 5px;
	overflow:hidden;
	/*border:solid 4px #ccc;*/
}
.list_galeri h6 {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#888;
	margin:0;
	padding:0 0 5px 0;
}
.list_galeri {
	border-bottom:dotted 1px #000;
	padding-bottom:30px;
	padding-top:30px;
}
* html .list_galeri {
	border-bottom:dotted 1px #000;
	padding-bottom:10px;
	padding-top:10px;
}
.list_galeri a {
	font:normal 14px Georgia, "Times New Roman", Times, serif;
	color:#2f4f44;
	text-decoration:none;
}
.list_galeri a:hover {
	text-decoration:underline;
}
.list_galeri p {
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#333;
}
.paging_gallery ul {
	margin:0;
	padding:10px 0;
}
.paging_gallery ul li {
	list-style-type:none;
	display:inline;
}
.paging_gallery ul li a {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	display:inline-block;
	padding:1px 5px;
	border:solid 1px #ccc;
}
.paging_gallery ul li a:hover {
	color:#999;
}
.paging_gallery ul li a.active {
	color:#999;
}
.kompas_playlist_page {
	padding-top:30px;
}
.playlist {
	background:#e7e7e7;
	padding:10px;
}
.d_play {
	width:310px;
	padding-left:10px;
}
.d_play h1 {
	font:normal 18px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0;
	padding:6px 0;
	border-bottom:dashed 1px #666;
}
.d_play h6 {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0;
	padding:7px 0;
}
.d_play h6 i {
	font:italic 12px Arial, Helvetica, sans-serif;
	color:#666;
	margin:0;
	padding:0;
}
.playlist {
	margin-top:15px;
}
.playlist h2 {
	margin:0;
	padding:0;
	font:normal 18px Arial, Helvetica, sans-serif;
	color:#000;
}
.playlist p {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
	line-height:18px;
}
.bp_left {
	background:#fff;
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#a80909;
	padding:17px 10px;
}
.logo_label {
	padding-right:20px;
	background:#fff;
}
.kabar_ramadhan h1 {
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#800000;
}
.zakat-data h2 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#1d7156;
	margin:0;
	padding:0;
	text-transform:uppercase;
}
.zakat-data p {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000;
	padding-bottom:15px;
	display:block;

}
.ls_kabar_ramadhan1 {
	border-bottom:dashed 1px #ccc;
	padding-bottom:25px;
	padding-top:25px;
}
.img_ls_kabar_ramadhan {
	width:410px;
	height:225px;
	overflow:hidden;
}
.text_ls_kabar_ramadhan {
	width:210px;
	/* height:225px; */
	min-height: 115px;
}
.text_ls_kabar_ramadhan h6 {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#888;
	margin:0;
	padding:0;
	padding-bottom:5px;
}
.text_ls_kabar_ramadhan {
	padding-left:20px;
}
.text_ls_kabar_ramadhan a {
	font:bold 17px Georgia, "Times New Roman", Times, serif;
	color:#1d7156;
	text-decoration:none;
	line-height:24px;
	overflow:hidden;
	display:block;
	max-height:75px;
 	height: expression( document.body.clientHeight > 75 ? "75px" : "auto" );
}
.text_ls_kabar_ramadhan a:hover {
	text-decoration:underline;
}
.text_ls_kabar_ramadhan p {
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#494949;
	/*height:120px;*/ 
	min-height: 55px;
	overflow:hidden;
	line-height:20px
}
.ls_kabar_ramadhan2 {
	border-bottom:dashed 1px #ccc;
	padding-bottom:25px;
	padding-top:25px;
}
.img_ls_kabar_ramadhan2 {
	width:248px;
	height:137px;
	overflow:hidden; 
}
.text_ls_kabar_ramadhan2 {
	width:368px;
	height:137px;
}
.text_ls_kabar_ramadhan2 h6 {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#888;
	margin:0;
	padding:0;
	padding-bottom:5px;
}
.text_ls_kabar_ramadhan2 {
	padding-left:20px;
}
.text_ls_kabar_ramadhan2 a {
	font:bold 17px Georgia, "Times New Roman", Times, serif;
	color:#1d7156;
	text-decoration:none;
	line-height:24px;
	display:block;
	overflow:hidden;
	max-height:50px;
 	height: expression( document.body.clientHeight > 50 ? "50px" : "auto" );
}
.text_ls_kabar_ramadhan2 a:hover {
	text-decoration:underline;
}
.text_ls_kabar_ramadhan2 p {
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#494949;
	/*height:60px;*/
	min-height: 55px;
	overflow:hidden;
	line-height:20px
}
.tadarus2 h1 {
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#800000;
	border-bottom:solid 1px #ccc;
	padding:5px 0;
}
.surat h2 {
	margin:0;
	padding:0;
	font:normal 18px Arial, Helvetica, sans-serif;
	color:#336633;
}
.terjemahan {
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#999;
	line-height:18px;
}
.audio_tadarus {
	padding:15px 0;
}
.audio_tadarus h1 {
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0;
	padding:2px 20px;
	background:#767676;
	display:table-cell;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.playlist_in h2 {
	padding-top:10px;
}
.ply {
	width:293px;
	height:296px;
	padding-top:5px;
}
* html .audio_tadarus h1 {
	overflow:hidden;
 	width: expression( document.body.clientHeight > 100 ? "200px" : "auto" );
}
.ls_tadarus {
	border-bottom:solid 1px #ccc;
	padding-bottom:20px;
	padding-top:20px;
}
.detail_tadarus p {
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#333;
	line-height:20px;
}
.detail_tadarus p span a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#660000;
	text-decoration:none;
}
.detail_tadarus p span a:hover {
	text-decoration:underline;
}
.box_peta {
	width:967px;
	height:584px;
	border-bottom:dashed 1px #ccc;
	padding-bottom:10px;
	margin:0 auto;
}
.c_peta_kiri {
	width:980px;
	padding:10px;
}
.c_peta_kanan {
	width:650px;
	padding:10px 0;
}
.kota h1 {
	font:bold 24px Arial, Helvetica, sans-serif;
	color:#2d9024;
	margin:0;
	padding:5px 0 5px 10px;
	text-transform:uppercase;
	background:#fff;
}
.kota_in {
	padding:7px;
	border-bottom:solid 1px #eadfcd;
}
.kota_in img {
	width:302px;
	height:160px;
	overflow:hidden;
	padding:10px 20px 20px 0;
}
.kota_in p {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
	line-height:20px;
	padding:0;
}
.ls_wisata1 {
	background:#f5f3e4;
	margin-right:5px;
	padding-bottom:10px;
}
.ls_wisata1_in {
	padding:7px;
}
.ls_wisata1 h1 {
	font:bold 17px Arial, Helvetica, sans-serif;
	color:#2d9024;
	margin:0;
	padding:9px 7px;
	background:#fff;
}
.ls_wisata1_in img {
	width:197px;
	height:105px;
	overflow:hidden;
	padding-bottom:5px;
}
.ls_wisata1_in a {
	display:block;
	width:197px;
	font:bold 12px Georgia, "Times New Roman", Times, serif;
	color:#000;
	text-decoration:none;
	line-height:18px;
	height:40px;
	overflow:hidden;
}
.ls_wisata1_in a:hover {
	text-decoration:underline;
}
.tips_mudik {
	border:solid 1px #ccc;
}
.tips_mudik_l {
	width:300px;
}
.tp_top {
	width:300px;
	border-bottom:dashed 1px #ccc;
	padding:5px 0;
}
.tips_mudik_l a {
	font:bold 16px Georgia, "Times New Roman", Times, serif;
	color:#000;
	text-decoration:none;
	padding:10px 0;
	display:block;
}
.tips_mudik {
	border:solid 1px #ccc;
	padding:10px;
}
.tips_mudik_l a:hover {
	text-decoration:underline;
}
.tips_mudik_l img.img_tp {
	width:290px;
	height:154px;
	overflow:hidden;
}
.tips_mudik_l p {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
	line-height:20px;
}
.tips_mudik_l p span a.sel {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#8a041a;
	text-decoration:none;
}
.tips_mudik_l p span a:hover {
	text-decoration:underline;
}
.tips_mudik_r {
	padding-left:25px;
}
.tips_mudik_r a img {
	width:300px;
	border:none;
}
.sponsored {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
	padding:0 0 5px 0;
}
.sponsored span p {
	padding:5px 10px 0px 0;
	margin:0;
	float:left;
}
.ml_min {
	margin-left:-14px;
}
.audio1 div a img {
	border:none;
}
.audio2 div a img {
	border:none;
}
.audio1 div a {
	display:block;
	width:27px;
	float:left;
}
.audio2 div a {
	display:block;
	width:27px;
	float:left;
}
* html a.index_komlist {
	margin-top:-50px;
}

.img_ayat {
	width:630px;
	overflow:hidden;
}


.gaya h1 {
	margin:0;
	padding:10px 0;
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#820005;
}

.gaya h2 {
	margin:0;
	padding:0;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
}
.ls_gaya {

}

.logo_sponsor {
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	padding:5px 0;
}

.logo_sponsor ul {
	margin:0;
	padding:5px 0;
}

.logo_sponsor ul li {
	list-style-type:none;
	display:inline-block;
	border-right:solid 1px #ccc;
	padding:0;
	margin:0 0 0 0;
}

.logo_sponsor ul li a {
	border:none;
}

.box_gaya img {
	width:190px;
	height:234px;
	border:solid 5px #d9d7d8;
}

.box_gaya h1 {
	font:bold 12px Georgia, "Times New Roman", Times, serif;
	color:#adadad;
	margin:0;
	padding:5px 0;
}

.box_gaya h2 {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0;
	padding:0px 0;
	line-height:20px;
	width:150px;
	overflow:hidden;
	max-height:60px;
	
}

.box_gaya h3 {
	margin:0;
	padding:5px 0;
	font:bold 14px Georgia, "Times New Roman", Times, serif;
	color:#f00;
}

.box_gaya {
	border:solid 1px #ccc;
	padding:5px;
	margin-top:2px;
	
}
.hl_ft {
	border-bottom:dotted 1px #ccc;
	padding-bottom:10px;
}
.hl_ft_l {
	width:412px;
	height:226px;
	
}

.hl_ft_l img {
	width:412px;
	height:226px;
	overflow:hidden;
}

.hl_ft_r {
	width:200px;
	padding-right:10px;
}

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

.hl_ft_r a{
	font:normal 18px Arial, Helvetica, sans-serif;
	color:#1c7559;
	text-decoration:none;
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	overflow:hidden;
	max-height:60px;
}
.hl_ft_r a:hover{
	text-decoration:underline;
}
.hl_ft_r p {
	margin:0;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
	line-height:20px;
	overflow:hidden;
	max-height:120px;
	
}

.fashion_tips {
	border-top:solid 1px #ccc;
	margin-top:5px;
	padding:20px 0
}

.fashion_tips h1 {
	padding:0 0 15px 0;
}

ul.list_hl_ft {
	margin:0px 0 0 0;
	padding:0;
}

ul.list_hl_ft li {
	list-style-type:none;
	overflow:hidden;
	height:12px;
	border-bottom:dotted 1px #ccc;
	padding:12px 0;
	
	
}

ul.list_hl_ft li span {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#848484;
	padding-right:10px;
}

ul.list_hl_ft li a {
	font:bold 12px Georgia, "Times New Roman", Times, serif;
	color:#1a7053;
	text-decoration:none;
}
ul.list_hl_ft li a:hover {
	text-decoration:underline;
}

.info {
	width:770px;
	height:600px;
	border:solid 1px #000;
	padding:0 15px;
}

.top_info {
	border-bottom:dotted 1px #ccc;
	padding:0 0 5px 0;
	margin-bottom:15px;
}

.info_l img {
	width:415px;
	height:510px;
	overflow:hidden;
	border:solid 5px #ccc;
}
.info_r  {
	width:320px;
}
.info_r h1 {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0;
	padding:10px 0;
}

.info_r h2 {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0;
	padding:0;
}

.info_r p{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
	line-height:20px;
	margin:0;
	
}
.info_r p a:hover {
	text-decoration:underline;
}
.info_r p a{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#06F;
	text-decoration:none;
	
}

.info_r span {
	font:normal 18px Arial, Helvetica, sans-serif;
	color:#000;
}
.info_r span.c_harga {
	font:bold 20px Arial, Helvetica, sans-serif;
	color:#f00;
}

.img_detail { 
	width:90px;
	height:160px;
	/* min-height: 130px;*/ 
	border:solid 1px #dcdcdc;
	padding:3px;

}

.img_detail img {
	width:86px;
	height:106px;
	border:solid 2px #dcdcdc;
	
}

.gy_ramadhan ul{
	margin:0;
	padding:0;
}
.gy_ramadhan ul li {
	list-style-type:none;
	display:inline-block;
	float:left;
	padding:0 1px;

}

.img_detail h2 {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#505050;
	margin:0;
	padding:0;
}

.img_detail h1 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#505050;
	margin:0;
	padding:5px 0;
}


.logo_gy img {
	width:86px;
	text-align:center;
}

.bottom_playlist {
	background:#fff;
	height:58px;
	padding:2px 0;
}

.top_jadwal_imsakiyah2 {
	width:521px;
	margin:0 auto;
	padding-top:30px;
}


.top_jadwal_imsakiyah2 h1{
	margin:0;
	padding:10px 0 0 0;
	font:bold 22px Arial, Helvetica, sans-serif;
	color:#22332d;
	text-align:center;
}
.top_jadwal_imsakiyah2 h2{
	margin:0;
	padding:0;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#22332d;
	text-align:center;
}


.box_table {
	width:588px;
	padding:20px 0;
}

.table_jadwal tr.header_jadwal{
	background:#477364;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
}

.table_jadwal tr.header_jadwal th{
	padding:5px 0;
}
.table_jadwal tr.c_white {
	background:#fff;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
}
.table_jadwal tr.c_green {
	background:#e3fcdf;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000;
		text-align:center;

}
.table_jadwal tr td {
	padding:5px 0;
}

.pilih_daerah {
	padding-bottom:10px;
}
.pilih_daerah select {
	width:120px;
}

.simpan {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
}
.simpan a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#f00;
	text-decoration:none;
}
.simpan a:hover {
	text-decoration:underline;
}


.sumber {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000;
	padding:10px 0;
}

.table_jad_daerah_lain tr.c_blue {
	font:normal 11px Arial, Helvetica, sans-serif;
	background:#ddf3ff;
	


}
.table_jad_daerah_lain tr.c_blue td {
	padding:4px 2px;
}
.table_jad_daerah_lain tr.c_blue td.daerah , .table_jad_daerah_lain tr.c_white td.daerah{
	padding-left:10px;
}
.table_jad_daerah_lain tr.c_blue td.menit {
	padding-right:10px;
}
.table_jad_daerah_lain tr.c_white {
	font:normal 11px Arial, Helvetica, sans-serif;
	background:#fff;

}
.table_jad_daerah_lain tr.c_white td {
	padding:4px 2px;
}
.table_jad_daerah_lain table {
	margin-right:5px;
}

.jadwal_daerah_lain h1 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0;
	padding:0 0 20px 10px;
}

a.link_jadwal {
	text-decoration:none;
}



/* game play -------------------------------------- */

.game_play {
	width:60px;
	height:60px;
	border:solid 1px #ccc;

}

.game_play img{
	width:52px;
	height:52px;
	overflow:hidden;
	border:solid 4px #fff;
}

.text_game_play p {
	color:#a06940;
	font:bold 12px Arial, Helvetica, sans-serif;
	
}

.text_game_play {
	width:75px;
	overflow:hidden;
}

.game_play_box {
	width:137px;
	overflow:hidden;
	padding-right:15px;
}

.img_budaya img {
	width:148px;
	height:79px;
	overflow:hidden;
}
.text_budaya {
	width:130px;
	padding-left:15px;
}
.text_budaya a {
	font:bold 12px Georgia, "Times New Roman", Times, serif;
	color:#000;
	text-decoration:none;
	line-height:20px;
}

.text_budaya a:hover {
	text-decoration:underline;
}

.box_img_text_budaya {
	border-bottom: dotted 1px #000;
	padding-bottom:15px;
	width:293px;
}

ul.cerita_budaya {
	margin:0;
	padding:0;
	width:293px;
}

ul.cerita_budaya li {
	list-style-type:none;
	border-bottom:dotted 1px #000;
	padding:10px 0;
}

ul.cerita_budaya li a {
	text-decoration:none;
	font:bold 12px Georgia, "Times New Roman", Times, serif;
	color:#000;
	display:block;
	overflow:hidden;
	height:40px;
	line-height:20px;
}
ul.cerita_budaya li a:hover {
	text-decoration:underline;
}

.budaya {
	border:solid 1px #e3d3ba;
	width:280px;
	height:295px;
	overflow:hidden;
	padding:15px 20px 15px 15px;
	margin-top:40px;
}

.ml_10 {
	margin-left:10px;
}

.mr_10 {
	margin-right:10px;
}

.budaya h5 {
	font:bold 17px Georgia, "Times New Roman", Times, serif;
	color:#2d9024;
	margin:0;
	padding:0 0 10px 0;
}

.e-card h1 {
	color:#7b0002;
	font:bold 18px Arial, Helvetica, sans-serif;
	border-bottom:dashed 1px #c7c7c7;
	padding-bottom:5px;
}

.e-card p {
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#32433d;
}
.img_e-card {
	width:499px;
	height:345px;
	border:solid 1px #c7c7c7;
	padding:10px;
	margin:0 auto 40px auto;
}

.e-card-data {
	border:solid 1px #c7c7c7;
	background:#fbf8f3;
	padding:50px 30px 20px 30px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.e-card-data .input-data span.data-title {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000;
	padding-right:10px;
	width:100px;
	display:inline-block;
}

.e-card-data .input-data span input {
	border:solid 1px #c7c7c7;
	padding:7px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#333;
	width:450px;
}

.e-card-data .input-data span textarea {
	border:solid 1px #c7c7c7;
	padding:7px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#333;
	width:450px;
	max-width:450px;
	height:80px;
	max-height:80px;
}


.zakat-data {
	border:solid 1px #c7c7c7;
	background:#fbf8f3;
	padding:20px 30px 20px 30px;
	margin-bottom:20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.zakat-data .input-zakat-data span.data-title-zakat{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000;
	padding-right:10px;
	width:100px;
	display:inline-block;
}

.zakat-data .input-zakat-data span input {
	border:solid 1px #c7c7c7;
	padding:7px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#333;
	width:450px;
}

.zakat-data .input-zakat-data span textarea {
	border:solid 1px #c7c7c7;
	padding:7px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#333;
	width:450px;
	max-width:450px;
	height:80px;
	max-height:80px;
}

.zakat-data .input-zakat-data2 span.data-title-zakat{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000;
	padding-right:10px;
	width:100px;
	display:inline-block;
}
.zakat-data .input-zakat-data2 span{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000;
}

.zakat-data .input-zakat-data2 span input {
	border:solid 1px #c7c7c7;
	padding:7px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#333;
	width:15px;
}

.zakat-data .input-zakat-data2 span textarea {
	border:solid 1px #c7c7c7;
	padding:7px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#333;
	width:450px;
	max-width:450px;
	height:80px;
	max-height:80px;
}


.input-data , .input-zakat-data , .input-zakat-data2{
	padding:0 0 15px 0;
}



.submit-reset span input {
	padding:5px;
	margin-left:10px;
}

.list-game {
	width:184px;
	height:56px;
	border:solid 1px #e1e1e1;
	padding:10px;
	margin-right:7px;
	margin-bottom:10px;
}

.img-list-game {
	width:56px;
	height:56px;
	border:solid 1px #e1e1e1;
	
}

.img-list-game img {
	width:50px;
	height:50px;
	border:solid 3px #fff;
}

.text-list-game a {
	text-decoration:none;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#2b493f;
	display:inline-block;
	width:100px;
	padding-left:10px;
	height:30px;
	overflow:hidden;
	padding-top:15px;
}

.text-list-game a:hover {
	text-decoration:underline;
}

.index-game h1 {
	margin:0;
	padding:0;
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#800000;
	border-bottom:dashed 1px #ccc;
	padding-bottom:5px;
}

.box-list-game {
	padding-top:10px;
}

.list-ecard {
	width:204px;
	height:165px;
	border:solid 1px #e1e1e1;
	padding-top:20px;
	margin-right:7px;
	margin-bottom:10px;
}

.img-ecard {
	width:155px;
	height:120px;
	margin:0 auto;
	border:solid 1px #ccc;
}
.text-ecard {
	text-align:center;
}
.text-ecard a {
	text-decoration:none;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#2b493f;
	text-transform:uppercase;
	overflow:hidden;
	display:block;
	height:15px;
	padding-top:15px;
}
.text-ecard a:hover {
	text-decoration:underline;
}


.index-ecard h1 {
	margin:0;
	padding:0;
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#800000;
	border-bottom:dashed 1px #ccc;
	padding-bottom:5px;
}

.box-ecard {
	padding-top:10px;
}

span.usia input {
	width:100px;
}

.top_h1 h1 {
	margin:0;
	padding:0;
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#800000;
	border-bottom:dashed 1px #ccc;
	padding-bottom:5px;
	width:500px;
	padding-top:5px;
}

.vid_tausiah {
	padding-top:5px;
	background:url(../images/shadow_hl.jpg) no-repeat bottom center;
	height:345px;
}
.vid_tausiah img {
	border:none;
	width:640px;
	height:320px;
	overflow:hidden;
}

.box-list-tausiah {
	margin-top:20px; 
	border-top:dashed 1px #ccc;
	padding:20px 0 0 0;

}

.box-img-tausiah {
	border:solid 1px #ccc;
	width:190px;
	height:94px;
	padding:5px;
}

.box-img-tausiah img {
	width:192px;
	height:96px;
	overflow:hidden;
}

.text-tausiah a {
	text-decoration:none;
	font:normal 15px Georgia, "Times New Roman", Times, serif;
	color:#1d7156;
	display:block;
	overflow:hidden;
	padding:10px 0 0 0;
	height:15px;
	width:202px;
	
}

a.play-tausiah {
	display:block;
	padding:10px 0 0 0;
	width:53px;
	height:19px;
}

.list-tausiah {
	padding:0 5px;
}

.bl_dot {
	border-left:dotted 1px #ccc;
}

.br_dot {
	border-right:dotted 1px #ccc;
}
.tausiah h1.top-tausiah {
	font:normal 30px Georgia, "Times New Roman", Times, serif;
	color:#2f4f44;
}

.top-galeri360 {
	padding-top:20px;
	padding-left:15px;
}

.box-galeri360 {
	width:965px;
	height:316px;
	overflow:hidden;
}

.img-list-galeri360 img{
	width:198px;
	height:98px;
	overflow:hidden;
}
.text-list-galeri360 {
	text-align:center;
	overflow:hidden;
	height:15px;
	width:198px;
	padding:4px 0;
	
}
.text-list-galeri360 a {
	text-decoration:none;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
	
}

.text-list-galeri360 a:hover {
	text-decoration:underline;
}

.list-galeri360 {
	padding:0px 15px 10px 0;
	
}

a.link-rumah-zakat {
	display:block;
	width:100px;
	height:40px;
	position:absolute;
	margin-left:200px;
	margin-top:-20px;
}

a.index-fashion {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;

	display:inline-block;
	padding-top:10px;
}



.huruf_normal a {
    background: url("http://stat.k.kidsklik.com/data/2k10/kompascom2011/images/btn_normal_off.gif") repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 16px;
    width: 16px;
}
.huruf_normal a:hover {
    background: url("http://stat.k.kidsklik.com/data/2k10/kompascom2011/images/btn_normal_on.gif") repeat scroll 0 0 transparent;
}
#fontresize .huruf_normal a .current {
    background: url("http://stat.k.kidsklik.com/data/2k10/kompascom2011/images/btn_normal_on.gif") repeat scroll 0 0 transparent;
}
.huruf_kecil a {
    background: url("http://stat.k.kidsklik.com/data/2k10/kompascom2011/images/btn_kecil_off.gif") repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 16px;
    width: 16px;
}
.huruf_kecil a:hover {
    background: url("http://stat.k.kidsklik.com/data/2k10/kompascom2011/images/btn_kecil_on.gif") repeat scroll 0 0 transparent;
}
#fontresize .huruf_kecil a .current {
    background: url("http://stat.k.kidsklik.com/data/2k10/kompascom2011/images/btn_kecil_on.gif") repeat scroll 0 0 transparent;
}
.huruf_besar a {
    background: url("http://stat.k.kidsklik.com/data/2k10/kompascom2011/images/btn_besar_off.gif") repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 16px;
    width: 16px;
}
.huruf_besar a:hover {
    background: url("http://stat.k.kidsklik.com/data/2k10/kompascom2011/images/btn_besar_on.gif") repeat scroll 0 0 transparent;
}
#fontresize .huruf_besar a .current {
    background: url("http://stat.k.kidsklik.com/data/2k10/kompascom2011/images/btn_besar_on.gif") repeat scroll 0 0 transparent;
}
.list_share ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.list_share ul li {
	float: left;
	width: 100px;
	padding: 5px 5px;
}
.top_bar_2 {
    background: none repeat scroll 0 0 #F3F3F3;
    border-bottom: 1px solid #DDDDDD;
    height: 35px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
} 
.top_bar {
    background: none repeat scroll 0 0 #F3F3F3;
    border-bottom: 1px solid #DDDDDD;
    position: fixed;
    width: 100%;
    z-index: 100;
}

.form_k					{ background-color:#f0ebe8; padding:20px; border:solid 2px #000000;}

.form_k h3,.form_k p		{ margin:0px; padding:0px;}
.form_k h3				{ font-size:18px; line-height:20px; font-weight:bold; color:#756961; padding-bottom:5px;}
.form_k p					{ font-size:12px; line-height:18px; font-weight:normal; border-bottom:1px solid #d9d1cc; padding-bottom:10px;  }



.mt_3 a, .no_page a{
	background: none repeat scroll 0 0 #F0F0F0;
    border: 1px solid #CCCCCC;
	font-size: 11px;
    color: black;
    float: left;
    margin-right: 2px;
    padding: 4px 6px;
    text-decoration: none;
} 

.mt_3 a:hover, .no_page a:hover{
	background: none repeat scroll 0 0 #000000;
	color: white;
}
   
.no_page a.selected{

	background-color:#c6c5c5;
	color:#000;
}

.pageketerangan{
	margin-top:5px;
}
.page_left{
	margin-top:5px;
	margin-left:2px;
	font-size: 11px;
}

.spasienter{margin-top:10px;}


.title-top-form {
	vertical-align:bottom;
	padding-top:23px;
	padding-left:10px;
}
.title-top-form h1 {
	margin:0;
	padding:0 0 5px 0;
	text-transform:uppercase;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#1d7157;
	border:none;
}

.title-top-form h3 {
	margin:0;
	padding:0;
	font:italic 12px Arial, Helvetica, sans-serif;
	color:#000;
}

.top-form-zakat p {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0;
	padding:0;
}
#masklink {
    float: left;
    left: 0;
    position: inherit;
    top: 0;
    width: 100%;
    z-index: 0;
}
#anchormasklink {
	top:0;
	left:0;
	width:100%;
	height:2000px;
	position:inherit;
	float:left;
	z-index:0;
	margin-top:-20px;
	margin-bottom:-5000px;
}


.artikel .social_plugin_artikel img, #my_form_comment img#my_comment_user_photo{height:47px !important; width: 47px !important;}
.cr {color: #FFFFFF;display: block;font: 11px Arial, Helvetica, sans-serif;margin: 0 auto;padding-top: 15px;text-align: center; }
.cr a{text-decoration: none;color:#FFFFFF;}
.cr a:hover{color: #000000}
.lomba_foto	{ background:url(../images/bg_lombafoto.gif) no-repeat; width:641px; height:212px; padding:172px 0 0 0; }
.lomba_foto img	{ width:143px; height:95px; }
.list_livescore img	{ width:143px; height:95px; }  #slider-stage	{ width: 621px; overflow:hidden; height: 115px; margin:0px auto 0 auto; float:left; position:relative; }
#slider-list	{ width: 2000px; border: 0; margin: 0; padding: 0; left: 0px; position: absolute; }
.list_livescore	{ background:#d0007c; width:143px; height:95px; z-index:1;  }
.list_livescore .title	{ z-index:0;  position:absolute; opacity:0.6;
filter:alpha(opacity=60); width:143px; height:18px;  padding:3px 10px; overflow:hidden; font:normal 13px/16px Arial, Helvetica, sans-serif; color:#000; margin-top:95px; }
.list_livescore .title a	{ text-decoration:none; color:#000; }
.list_livescore .title a:hover	{ color:#000; text-decoration:none; }
#slider-list a.theme	{ margin: 0 0px 0 10px; padding: 0; float: left; width: 143px; height: 95px; position:relative; cursor:pointer; text-decoration:none; }
#slider-list a.theme:hover span.changeTheme	{ display:block; text-decoration:none; }
#sliderBloc	{ height:95px; /*margin:0 auto;*/ width:641px; }
#sliderBloc a#previous	{ background:url(../images/c_left.png) no-repeat left top; float:left; text-indent:-9999px; cursor:pointer; width:10px; height:37px; margin:20px 0px 0 0; }
#sliderBloc a#next	{ background:url(../images/c_right.png) no-repeat left top; float:left; text-indent:-9999px; cursor:pointer; width:10px; height:37px; margin:20px 0px 0 0px; }
#sliderBloc a#previous:hover, #sliderBloc a#next:hover	{ filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.demo	{ width:641px; min-height:125px; height:95px !important; margin:0; }
.clearit	{ clear:both; margin:0; padding:0; }
.left	{ float:left; display:inline; }
.right	{ float:right; display:inline; }
.mr_10	{ margin-right:10px; }  
a.kirim_foto { display: block; width:245px; height:30px; margin:40px 0 0 110px; }

/** modified kompasiana box**/
.kategori_tls a {color: #EA5B65;font: bold 11px Arial, Helvetica, sans-serif;text-decoration: none;}
.kategori_tls a:hover {text-decoration: underline;}
.jdl_tls a {color: #555E4A;font: bold 12px Arial, Helvetica, sans-serif;text-decoration: none;}
.jdl_tls a:hover {text-decoration: underline;}
.pnls_thr {color: #C4862B;font: 11px Arial, Helvetica, sans-serif;}
.pnls_thr a {color: #C4862B;font: 11px Arial, Helvetica, sans-serif;text-decoration: none;}
.pnls_thr a:hover {color: #009900;font: 11px Arial, Helvetica, sans-serif;text-decoration: underline;}
.listbrt_thr {border-bottom: 1px dotted #A8BB92;padding: 6px 0;}
.thumb_usere img{margin-right:10px;}

/** petamudik **/ 
 #id-solo , #id-semarang , #id-bandung , #id-surabaya , #id-cirebon , #id-tegal , #id-pekalongan, #id-subang , #id-indramayu , #id-tasikmalaya , #id-brebes , #id-pemalang , #id-batang , #id-demak , #id-kudus {display:none;}