body{font-family:tahoma;font-size:12px}
p{margin:0px}
div,p,td,table,select,textarea{font-family:tahoma;font-size:12px}

td.HeaderBox2{padding-top:1px;height:20px;background-image:url('/files/images/common/header.gif');background-repeat:repeat-x;border:1px solid #B0BEC7 ;border-bottom:0px solid red;color:#16387C;font-weight:600;font-family:tahoma;text-align:right;border-right:4px solid #CD9F63;}
td.BodyBox2{border: 1px solid #B0BEC7;
    color: #16387C;
    direction: rtl;
    text-align: right;padding:5px}
td.BodyBox2 a{color:#16387C;}
td.HeaderBox3{padding-top:1px;height:20px;background-image:url('/images/css/orange/header.gif');background-repeat:repeat-x;border:1px solid #CD9F63;color:#16387C;font-weight:600;font-family:tahoma;text-align:right;border-right:4px solid #CD9F63;}
.background{background-color:#F1F4F6}
.BtnSearch{border:1px solid #C2873D;background:#CE9F63;color:white;}



.keyun .keyr{width:4px;background-image:url('../images/common/tabright.jpg');float:right;display:inline;margin-right:3px;height:25px}
.keyun .keyc{background-image:url('../images/common/tabcenter.jpg');height:100%;float:right;display:inline;height:100%;height:25px}
.keyun .keyl{width:4px;background-image:url('../images/common/tableft.jpg');height:100%;float:right;display:inline;height:100%;height:25px}
.keyun span{margin-top:5px;display:block;color:#124170}
.keyunf span{margin-top:3px;display:block;color:#124170}
.keyunf .keyc{background-color:#fff;height:100%;float:right;display:inline;height:100%;height:20px;border-top:1px solid #A2A2A2;margin-left:3px}

.keys .keyr{width:4px;background:url('../images/common/tabright.jpg')  100% -42px;height:100%;float:right;display:inline;margin-right:3px;;height:25px}
.keys .keyc{background-position:100% -42px;background-image:url('../images/common/tabcenter.jpg');height:100%;float:right;height:25px}
.keys .keyl{width:4px;background:url('../images/common/tableft.jpg')  100% -42px;height:100%;float:right;display:inline;height:25px}
.keys span{margin-top:5px;display:block;color:#84776B}

td#c{font-size:10px;font-family:arial;font-size:15px;font-weight:bold;}
td#d{color:#ffffff;font-family:tahoma;font-size:10px;}
.text {BORDER-RIGHT: navy 1px solid;BORDER-TOP: navy 1px solid;BORDER-LEFT: navy 1px solid;BORDER-BOTTOM: 1px solid navy;FONT-FAMILY: tahoma;width: 220;height: 22;background-color: #CDDBEC;}
.submit {BORDER-RIGHT: navy 1px solid;BORDER-TOP: navy 1px solid;BORDER-LEFT: navy 1px solid;BORDER-BOTTOM: 1px solid navy;FONT-FAMILY: tahoma;width: 100;font-size: 8pt;color: White;height: 22;background-color: #89A9D0;}

font.h1		{direction:rtl;font-family: Times New Roman, Arial;color: rgb(160,182,223);font-size: 20pt;font-weight:bold;text-align:left;width:90%;}
	h1			{direction:rtl;font-family: Times New Roman, Arial;text-align:center;font-size:22px;font-weight:bold;color:#EA6601;font-size: 20pt;font-weight:bold;width:100%;}
	h2			{font-family: Times New Roman, Arial;color: rgb(20,158,64);font-size:15pt;font-weight:bold;text-align:center;width:100%;}
	h3			{font-family: Times New Roman, Arial;color: rgb(0,128,64);font-size:14pt;font-weight:bold;text-align:center;width:100%;}
	h4			{font-family: tahoma;color:black;font-size:10pt;font-weight:normal;text-align:Justify;line-height:30px;padding : 10 10 10 10;width:100%;}
	h5			{font-family: tahoma, Arial;color: rgb(51,102,153);font-size:11px;font-weight:Normal;text-align:Justify;line-height:15px;width:100%;}
	p			{font-family: tahoma;color: rgb(0,0,0);font-size:12px;font-weight:normal;text-align:Justify;line-height:22px}
	b			{font-weight:bold;font-size:17px;color: rgb(61,102,153);font-family:Traditional Arabic,Times New Roman,Arial,Tahoma;}
.ucal_pop {
	BORDER-RIGHT: 2px solid; PADDING-RIGHT: 3px; BORDER-TOP: 2px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; OVERFLOW: hidden; BORDER-LEFT: 2px solid; PADDING-TOP: 3px; BORDER-BOTTOM: 2px solid; BACKGROUND-COLOR: #ffffff
}
.uopt_close {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #ffffff 1px solid; TEXT-DECORATION: none
}
.input,select {
	BORDER-RIGHT: #3B4D61 1px solid; BORDER-TOP: #3B4D61 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #3B4D61 1px solid; BORDER-BOTTOM: #3B4D61 1px solid; FONT-FAMILY: tahoma; HEIGHT: 20px; BACKGROUND-COLOR: #DCDDE1
}
a{
	font-family: Tahoma;
	font-size: 11;
	color: #006699;
	text-decoration: none;
}
a:hover{text-decoration:underline}
a.book:hover{
	color: #F0F8FF;
	background-color: #A9A9A9;
}

.hidden{	DISPLAY: none}
.main_makalah{cursor: pointer;}
.sound{
font-family:tahoma;
font-size:12;
color:#3B4D61
}
.book2{
font-family:tahoma;
font-size:12;
color:white
}
.menubefore{
cursor:pointer;
height:21px;
font-family:tahoma;
font-size:11px;
background:url(../images/common/menu.jpg);

}
.menubefore a{
color:#0C4E64;
}
.menubefore a:hover{
color:#692811;
}
.divimg{
font-family:tahoma;
font-size:11px;
font-weight:600;color:#ffffff;
}
td{font-family:tahoma;font-size:11px}
.maintable{background:#E4EAEB;border:1px solid #5192BC}

.panel{
background:white;
border:1px solid #B0BEC7;
}
.headerright{
	 background-image: url(../images/common/left/tileblue.jpg);
}
.panel .tdheader{

	padding-right:10px;
	font-family:tahoma;
	font-size:11px;
	font-weight:600;
	color:#ffffff
}
.hadithmarq
{
padding-top:3px;
color:gray;
	background-image: url(../images/common/left/hadblue.jpg);
}

.menuhome{padding:3px;font-size:12px;background-color:#C5E998;text-align:right;height:20px;border-bottom:1px solid #CCFFCC;font-family:tahoma;"}



.menubefore{
cursor:pointer;
height:21px;
font-family:tahoma;
font-size:11px;
background:url(../images/common/menu.jpg);
}
.menubefore a{
padding-top:2px;
display:table;
width:100%;
height:100%;
color:#0C4E64;
}
.menubefore a:hover{
background:url(../images/common/menu-green.jpg);
color:green;
}


#text {margin:50px auto; width:500px}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}

#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#FAFBFF; color:#000;border:1px solid #BABABA}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}