html, body, form, fieldset { margin: 0pt; padding: 0pt; }
body { background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(0, 0, 0); font-family: Arial,Helvetica,sans-serif; line-height: 1.5; }
body#bd { background: rgb(241, 241, 241) none repeat scroll 0% 0%; color: rgb(0, 0, 0); margin-top: 5px; }
body.contentpane { margin: 1em 2em; color: rgb(0, 0, 0); font-size: 12px; line-height: 1.3em; width: auto; }
body.fs1 { font-size: 10px; }
body.fs2 { font-size: 11px; }
body.fs3 { font-size: 12px; }
body.fs4 { font-size: 13px; }
body.fs5 { font-size: 14px; }
body.fs6 { font-size: 15px; }
a { color: rgb(204, 0, 0); text-decoration: none; }
a:hover, a:active, a:focus { color: rgb(204, 0, 0); text-decoration: underline; }
a img { border: medium none ; }
img { margin: 0pt; padding: 0pt; }
h1 { font-size: 200%; }
h2 { font-size: 175%; }
h3 { font-size: 150%; }
h4 { font-size: 125%; }
p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 { margin: 1em 0pt; padding: 0pt; }
ul { list-style-type: none; list-style-image: none; list-style-position: outside; }
ol li { margin-left: 35px; }
hr { border-style: solid none none; border-color: rgb(238, 238, 238) -moz-use-text-color -moz-use-text-color; border-width: 1px 0pt 0pt; height: 1px; }
br { height: 1px; font-size: 1px; }
* html .button { padding: 0pt 5px ! important; }
* + html .button { padding: 0pt 5px ! important; }
a.readon { background: rgb(204, 0, 0) url('../images/readon-bg.gif') no-repeat scroll left center; text-align: center; color: rgb(255, 255, 255); width: 90px; height: 20px; line-height: 20px; display: block; text-transform: uppercase; font-size: 10px; }
a.readon:hover, a.readon:focus, a.readon:active { color: rgb(255, 255, 255); text-decoration: none; }
#ja-wrapper { margin: 0pt auto; width: 970px; }
.narrow #ja-wrapper { margin: 0pt auto; width: 760px; }
#ja-container {  }
#ja-mainbody { width: 78%; float: left; }


#ja-header { line-height: normal; background-image:url(../images/header2.jpg);}
.ads-top{ margin-left:588px; padding-top:2px;}
#ja-mainnav { padding: 0pt; background: rgb(51, 51, 51) url('../images/grad-2.gif') repeat-x scroll center top; width: 100%; position: relative; }
#ja-mainnav a, #ja-subnav a { outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; line-height: normal; }
#ja-subnav { background: rgb(255, 255, 255) none repeat scroll 0% 0%; clear: both; }
#ja-subnav ul { margin: 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
#ja-subnav li { margin: 0pt; padding: 0pt; background: transparent none repeat scroll 0% 0%; display: inline; }
#ja-subnav a { margin: 0pt; padding: 7px 15px 5px; background: transparent url('../images/vline.gif') no-repeat scroll left 9px; display: block; float: left; outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; text-decoration: none; }
#ja-subnav a:hover, #ja-subnav a:active, #ja-subnav a:focus { text-decoration: underline; }
#ja-subnav li.active a { color: rgb(0, 0, 0); font-weight: bold; text-decoration: underline; }
#ja-pathway { color: rgb(153, 153, 153); }
#ja-pathway strong { margin-right: 5px; }
#ja-pathway img { margin: 1px 5px; }
ul.menu { margin: 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; display: block; }
ul.menu li { border-bottom: 1px solid rgb(241, 241, 241); margin: 0pt; padding: 0pt; background: transparent none repeat scroll 0% 0%; display: block; line-height: normal; }
ul.menu li a { margin: 0pt; padding: 8px 25px; background: transparent url('../images/arrow.png') no-repeat scroll 16px 12px; display: block; outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; text-decoration: none; color: rgb(51, 51, 51); }
ul.menu li a:hover, ul.menu li a:active, ul.menu li a:focus { background: rgb(247, 247, 247) url('../images/arrow.gif') no-repeat scroll 16px 12px; color: rgb(204, 0, 0); text-decoration: none; }
ul.menu li.active a { background: rgb(247, 247, 247) url('../images/arrow.gif') no-repeat scroll 16px 12px; font-weight: bold; color: rgb(204, 0, 0); }
ul.menu li ul { margin: 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
ul.menu li li { border: medium none ; padding: 0pt; background: transparent none repeat scroll 0% 0%; }
ul.menu li li a { border: medium none ; padding: 5px 5px 5px 35px ! important; background: rgb(247, 247, 247) url('../images/arrow.gif') no-repeat scroll 25px 10px ! important; text-transform: none; font-weight: normal ! important; }
ul.menu li li a:hover, ul.menu li li a:active, ul.menu li li a:focus { color: rgb(204, 0, 0); text-decoration: underline; }
ul.menu li li.active a { color: rgb(204, 0, 0); font-weight: bold; }
ul.menu li li li a { background: transparent url('../images/bullet.gif') no-repeat scroll 35px 10px ! important; color: rgb(0, 0, 0) ! important; font-weight: normal ! important; padding-left: 45px ! important; }
ul.menu li li li.active a { font-weight: bold ! important; }
s
ul.accessibility { position: absolute; top: -100%; }
li.ja-firstitem, #ja-subnav li.first-item a, #ja-subnav a.first-item { background: transparent none repeat scroll 0% 0% ! important; }
.clr { clear: both; }
.hasTip img { border: medium none ; }


#ja-subnav ul { display: none; }
#jasdl-mainnav { position: relative; }
#jasdl-mainnav ul { margin: 0pt; padding: 0pt; }
#jasdl-mainnav li { margin: 0pt; padding: 0pt 2px 0pt 0pt; background: transparent url('../images/mainnav-sep.gif') no-repeat scroll right top; float: left; position: relative; }
#jasdl-mainnav a { padding: 8px 20px; display: block; float: left; text-decoration: none; font-size: 92%; text-transform: uppercase; color: rgb(204, 204, 204); }
#jasdl-mainnav a:hover, #jasdl-mainnav ul li.hover a { background: rgb(102, 102, 102) url('../images/mainnav-hover.gif') repeat-x scroll left top; color: rgb(255, 255, 255); }
#jasdl-mainnav li.active a, #jasdl-mainnav li.active a:hover, #jasdl-mainnav li.active a:active, #jasdl-mainnav li.active a:focus { background: rgb(204, 0, 0) url('../images/mainnav-active.gif') no-repeat scroll center top; color: rgb(255, 255, 255); }

ul#jasdl-subnav12{ padding-left:75px;}
ul#jasdl-subnav13{ padding-left:100px;}
ul#jasdl-subnav18{ padding-left:220px; }

a { color: rgb(255, 102, 0); }
a:hover, a:active, a:focus { color: rgb(255, 102, 0); }
a.readon { background: rgb(255, 102, 0) url('../images/readon-bg_001.gif') no-repeat scroll left center; }
ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus { background: rgb(255, 102, 0) none repeat scroll 0% 0%; }
.modifydate { color: rgb(255, 102, 0); }
ul.menu li a:hover, ul.menu li a:active, ul.menu li a:focus { background: rgb(247, 247, 247) url('../images/arrow_001.gif') no-repeat scroll 16px 12px; color: rgb(255, 102, 0); }
ul.menu li.active a { background: rgb(247, 247, 247) url('../images/arrow_001.gif') no-repeat scroll 16px 12px; color: rgb(255, 102, 0); }
ul.menu li li a { background: rgb(247, 247, 247) url('../images/arrow_001.gif') no-repeat scroll 25px 10px ! important; }
#ja-search { background: transparent url('../images/search-bg_001.gif') no-repeat scroll 0% 0%; }
.dropcap { color: rgb(255, 102, 0); }
h1.logo a { background: transparent url('../images/logo_001.jpg') no-repeat scroll center center; }
#ja-splitmenu li.active a, #ja-splitmenu li.active a:hover, #ja-splitmenu li.active a:active, #ja-splitmenu li.active a:focus { background: rgb(255, 102, 0) url('../images/mainnav-active_001.gif') no-repeat scroll center top; }
#jasdl-mainnav li.active a { background: rgb(255, 102, 0) url('../images/mainnav-active_001.gif') no-repeat scroll center top; }
#ja-cssmenu li a.active, #ja-cssmenu li a.active:hover, #ja-cssmenu li a.active:active, #ja-cssmenu li a.active:focus { background: rgb(255, 102, 0) url('../images/mainnav-active_001.gif') no-repeat scroll center top; }


#md-section1, #md-section2, #md-section3{
	clear:both;
	padding-top:5px;
	padding-bottom:0px;
	}
#md-section2{
	padding-top:0px;
	}	
	
#md-section3{
	height:167px;
	background:url(../images/bg-gallery.jpg) no-repeat;
	}	

.md1-sidebox1{
	float:left;
	width:227px;
	
	}

.md1-sidebox1-inside{
	background-image:url(../images/bg-box-left-ct-bak.jpg);
	background-repeat:repeat-y;
	}	


.md1-sidebox1-top{
	background:url(../images/bg-box-left-top.jpg) no-repeat;
	height:5px;
	}	
.md1-sidebox1-header, .md1-center-header, .md1-right-header, .md1-sidebox1-header-blue,  .md1-sidebox1-header-brown, .md1-sidebox1-header-green, .md1-sidebox1-header-red2{
	font-size:12px;
	font-weight:bold;
	height:25px;
	background:url(../images/bg-header-black.jpg) repeat-x;
	color:#FFFFFF;
	padding:5px 0 0 15px;
	margin-left:3px;
	margin-right:3px;
	}	

.md1-sidebox1-header-blue{
	background:url(../images/bg-header-blue1.jpg) repeat-x;
	}	
	
.md1-sidebox1-header-brown{
	background:url(../images/bg-header-brown.jpg) repeat-x;
	}	
	
.md1-sidebox1-header-green{
	background:url(../images/bg-header-green.jpg) repeat-x;
	}	
	
.md1-sidebox1-header-red2{
	background:url(../images/bg-header-red2.jpg) repeat-x;
	}	
	
		
.md1-sidebox1-footer{
	background-image:url(../images/bg-box-left-bottom.jpg);
	background-repeat:no-repeat;
	clear:both;
	height:7px;
	}	
	
.search-box{
	background:url(../images/bg-box-left-ct.jpg) repeat-y;
	padding:0px 5px 0px 6px;
	}	
	
.search-inside{
	background-color:#940000;
	border-top:1px solid #FFFFFF;
	padding:15px 0 0 5px;
	height:40px;
	}
	
	
.md1-center{
	float:left;
	width:512px;
	margin-left:2px;
	}
.md1-center-inside{
	height:370px;
	background:url(../images/bg-box-center1-ct.jpg) repeat-y;
	}
.md1-center-header{
	color:#FFFF33;
	}	
.md1-center-footer{
	background-image:url(../images/bg-box-center-bottom.jpg);
	height:7px;
	}	
.md1-sidebox-footer-white{
	background-image:url(../images/bg-sidebox-footer-white.jpg);
	height:7px;
	background-repeat:no-repeat;
	clear:both;
	}	
		
.md1-sidebox-footer-white2{
	height:6px;
	}		
.md1-right{
	float:left;
	width:227px;
	}		
.md1-right-inside{
	height:370px;
	background:url(../images/bg-box-left-ct.jpg) repeat-y;
	}
.md1-right-content{
	padding:10px 15px;
	}	
		
.img-readmore{
	margin-top:20px;
	}	
	
#md2-left{
	float:left;
	width:227px;
	}	
.md2-left-inside{
	background-image:url(../images/bg-box-left-ct-white.jpg);
	background-repeat:repeat-y;
	}	
.md1-sidebox1-content	{
	padding:10px 12px;
	}
#md2-center{
	float:left;
	width:512px;
	margin-left:2px;
	margin-top:3px;
	}

#md3-center{
	float:left;
	width:512px;
	margin-left:2px;
	}

.md-centerbox1{
	float:left;
	
	}

#imgtv{
	margin:3px;
	}

.md-centerbox1-inside{
	background-image:url(../images/bg-box-center-left1.jpg);
	background-repeat:repeat-y;
	padding:0 1px 0px 3px;
	}	

.md-centerbox1-inside-right{
	background-image:url(../images/bg-box.center-right1.jpg);
	background-repeat:repeat-y;
	padding:0 3px 0px 0px;
	}	

.md-centerbox1-header, .md-centerbox1-header-purple, .md-centerbox1-header-red{
	font-size:12px;
	font-weight:bold;
	height:25px;
	background:url(../images/bg-header-black.jpg) repeat-x;
	color:#FFFF00;
	padding:5px 0 0 15px;
	margin-left:0px;
	margin-right:0px;
	}	

.md-centerbox1-header-purple{
	background:url(../images/bg-header-purple.jpg) repeat-x;
	}
	
.md-centerbox1-header-red{
	background:url(../images/bg-header-red.jpg) repeat-x;
	}
	

.md-centerbox1-content	{
	padding:10px 0px;
	}

.center-footer2{
	background:url(../images/bg-center-footer2.jpg) no-repeat;
	height:7px;
	clear:both;
	}	
	
#md2-right{
	float:left;
	width:227px;
	}	
.ads-box{
	height:111px;
	background:url(../images/bg-ads.jpg) no-repeat;
	padding:5px 0 0 2px;
	}

.md-gallery-header{
	height:20px;
	padding:5px 0px 0px 20px;
	color:#FFFF00;
	}	
.md-gallery-corusel{
	padding:11px 0 0 17px;
	}	
.gallery2{
	margin-left:4px;
	}	
	
.ads2 img{
	background:url(../images/bg-ads2.jpg) no-repeat;
	padding:3px;
	}	
	
#md1-detail-left{
	float:left;
	width:640px;
	}	
#md1-detail-right{
	float:left;
	width:277px;
	}		
	
#md2-categ-left{
	float:left;
	width:739px;
	min-height:750px;
	margin-left:2px;
	margin-top:3px;
	}	
.md-garis-atas{
	border-top:4px solid #CCCCCC;
	margin-left:3px;
	margin-right:2px;
	}
.center-footer3{
	background: url(../images/bg-resume-footer.jpg) no-repeat;
	height:7px;
	clear:both;
	}	
	

.md-resume, .md-view-detail{
	padding:10px 20px;
	background-color:#FFFFFF;
	background:url(../images/bg-blog-resume.jpg) repeat-y;
	min-height:807px;
	}	
.md-view-detail{
	min-height:1040px;
	}	
.md-resume h2{
	margin:0;
	padding:0;
	font-size:16px;
	font-weight:bold;
	padding-bottom:10px;
	border-bottom:1px solid #CCCCCC;
	}	

.md-view-detail h2{
	margin:0;
	padding:0;
	font-size:16px;
	font-weight:bold;
	padding-top:10px;
	}
	
.md1-latest-post a, .md1-konsultasi a{
	color:#CC0000;
	}	
.md1-konsultasi{
	color:#333333;
	}	
	
.tanbox { margin: 0pt; padding: 15px 20px 15px 0; line-height: 1.5em; border-bottom:1px dotted #999999;  }
	
.tanbox img { border: 1px solid rgb(204, 204, 204); margin: 5px 10px 7px 0px; padding: 2px; float: left; }
	
span.title a{ font-family: Arial; font-style: normal; font-variant: normal; font-size: 14px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; font-weight: bold; color:#000; }	

.meta { color: rgb(51, 51, 51); font-weight: bold; font-size:10px; }

.breadcrumb{
	padding:5px 0px;
	border-bottom:1px solid #CCCCCC;
	}
	
.banner-flash-content{
	padding:5px 0 0 8px;
	}

div.module h3, div.module_text h3, div.module_menu h3, div.module_hilite h3, div.ja-box-br h3 { margin: 0pt 0pt 5px; padding: 8px 0pt 2px 15px; font-size: 175%; }
div.module, div.module_text, div.module_menu, div.module_hilite, div.ja-box-br { padding: 0pt; background: rgb(255, 255, 255) url('../images/box-br.gif') no-repeat scroll right bottom; overflow: hidden; float: left; clear: both; width: 100%; }

div.module div, div.module_text div, div.module_menu div, div.module_hilite div, div.ja-box-bl { padding: 0pt; background: transparent url('../images/box-bl.gif') no-repeat scroll left bottom; }

div.module div div, div.module_text div div, div.module_menu div div, div.module_hilite div div, div.ja-box-tr { padding: 0pt; background: transparent url('../images/box-tr.gif') no-repeat scroll right top; }

div.module div div div, div.module_text div div div, div.module_menu div div div, div.module_hilite div div div, div.ja-box-tl { padding: 4px 3px 4px 4px; background: transparent url('../images/box-tl.gif') no-repeat scroll left top; }

.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right { overflow: hidden; float: left; }

#ja-botsl { margin: 0pt; padding: 0pt; clear: both; }
#ja-botsl .ja-box-tl { padding: 0pt 15px; }
#ja-botsl div.module h3 { border-bottom: 1px solid rgb(221, 221, 221); margin: 0pt -14px; padding: 0pt 0pt 7px 15px; font-size: 120%; }
#ja-botsl div.module { margin: 20px 5px; padding: 0pt; background: rgb(255, 255, 255) url('../images/box-r-br.gif') no-repeat scroll right bottom; overflow: hidden; float: none; width: auto; }
#ja-botsl div.module div { background: transparent url('../images/box-r-bl.gif') no-repeat scroll left bottom; }
#ja-botsl div.module div div { background: transparent url('../images/box-r-tr.gif') no-repeat scroll right top; }
#ja-botsl div.module div div div { padding: 10px 15px; background: transparent url('../images/box-r-tl.gif') no-repeat scroll left top; font-size:12px; }
#ja-botsl div.module div div div div { padding: 0pt; background: transparent none repeat scroll 0% 0%; }

#ja-footer { background:url(../images/bg-footer.jpg) no-repeat; height:91px; padding: 0px 0px; clear: both; position: relative; color: rgb(153, 153, 153); text-align: center; }
#ja-footer small { font-size: 100%; }

.clearfix:after { clear: both; content: "."; display: block; height: 0pt; visibility: hidden; }
* html > body .clearfix { display: block; width: 100%; }
* html .clearfix { height: 1%; }		

.footer-left{
	width:730px;
	float:left;
	padding-top:35px;
	}
.footer-right{
	width:220px;
	float:left;
	padding-top:35px;
	}	
.copyright{
	float:left;
	padding-left:20px;
	}
.footer-link{
	float:left;
	padding-left:90px;
	}		
.rss-box{
	float:left;
	padding-left:10px;
	margin-top:-13px;
	}	
#navlist, #navlist2
{
margin: 0;
padding: 0;
padding-top:0px;
padding-left:0px;
list-style: none;
}

#navlist2{
	padding-top:0px;
	padding-left:10px;
	padding-right:5px;
	}

#navlist li, #navlist2 li 
{
padding-left: 10px;
background-image: url(../images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}

p.p1{
	padding:0px 5px;
	}	

.pager-wrapper{
	padding:20px 0px;
	text-align:center;
	/*background:url(../images/bg-blog-resume.jpg) repeat-y;*/
	clear:both;
	}
ul.pager{
	list-style:none;
	}	
.pager li
{
padding:0;
margin:0;
padding-right: 3px;
padding-left:3px;
display:inline;
list-style-type:none;
list-style:none;
}

.confirm-msg{
	border:1px dotted #FF0000;
	text-align:center;
	padding:5px;
	margin:5px 0;
	color:#FF0000;
	}	
	
/* khaled*/.Level0{text-indent:15px; padding-top:15px;}.Level1{text-indent:40px}.Level2{text-indent:65px}

.md-resume ul, .other-list ul{ margin:0; padding:0;  }
.md-resume ul li, .other-list ul li {list-style-image: url(../images/arrow.gif);list-style-type: none;list-style-position: inside; padding-bottom:0px;}
.md-resume ul li a{ text-decoration:underline; }
.md-resume ul li a:hover{ color:#006699;  }

.other-list{ margin-top:15px;}
.other-list h3{ margin:0; padding:0; font-size:12px; }
.other-list ul{ list-style-type:none; margin:10px; }

.wallpaper-list{
	width:250px;
	border:1px solid #CCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align:center;
	float:left;
	margin:20px;
	padding:20px;
	}
.wallpaper-list:hover{
	background-color:#FAF7CC;
	border:1px solid #FEAD5F;
	}
span.titlew a{ font-family: Arial; font-style: normal; font-variant: normal; font-size: 12px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; font-weight: bold; color:#000; }	
	
.info-ustadz{
	background:#CDCDCD;
	padding:10px;
	}	
.rss-content-inside ul li{
	padding-bottom:5px;
	padding-left:20px;
	}