@font-face {
font-family: 'KFGQPC_Naskh';
src: url('fonts/KFC_naskh.eot');
src: local('KFGQPC Uthman Taha Naskh'), url('fonts/KFC_naskh.otf') format('opentype');}

* { margin: 0;	padding: 0; }
body { margin: 0; padding: 0; font: 12px Tahoma, Arial, Helvetica, sans-serif;	color: #fff; background:url(images/body.jpg)no-repeat center center fixed;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

#mainWrapper { width:980px; background:url(images/main_wrapper.png); margin: auto; margin-top:30px; overflow:hidden; }

#wrapper { width:906px; margin:10px; background:#ae4f1 url(images/wrapper.png) 100% 0 no-repeat; overflow:hidden; padding:27px; }

a {color:#fff; text-decoration:none;}
a:hover {color:#fff;}

h1.index { padding: 0; margin: 1px 0 20px 0; font: bold 30px arial,tahoma; color:#fff; text-align:center;}
table.index { direction:ltr; text-align:left;}
img.index {border:none; margin:0 3px 0 0;}

div.header { background:#000000; height:100px; margin-top:10px; margin-bottom:13px; }
div.header img { border:none; margin: 0 15px 0 0; border:none; vertical-align:middle; margin-right:15px; }

div.content { overflow:hidden; margin-top:3px; padding-top:10px; }

div.space { padding: 10px 0 0 0; }
div.navbar { width:500px; padding: 0; margin: 0 auto; margin-bottom:1px; margin-top:3px; text-align:center; }
div.navbar h1 { padding: 0; margin: 0; font: bold 30px arial,tahoma; color:#fff; }
div.navbar h1:hover { color:#fff; }
div.navbar a { font: bold 30px arial,tahoma; color:#fff; }
div.navbar a:hover { color:#fff; }

div.contentspace { padding: 0; margin:10px 20px 0 20px; font: normal 12px tahoma; text-align:justify; }

div.copyright { height:45px; padding:0; text-align:center; clear:both; }
div.copyright p { padding:10px 0 10px 0; }
div.copyright a { color:#fff; }
div.footertext { color:#fff; padding:10px 0 10px 0; text-align:center; }
div.footer { color:#fff; padding:0; }

span.ayat { color:#5d300b; padding: 0; font: normal 30px KFGQPC_Naskh,'traditional arabic','DecoType Thuluth'; line-height:80px; }
span:hover.ayat { color:#5d300b; }
span:active.ayat { color:#5d300b; }
img.ayatnumber { width:33px; height:20px; padding:0 10px 0 10px; position:relative; top:4px; border:none; }
div.tafseer_ayat { padding:0 0 20px 0; }
div.tafseer_text { color:#fff; padding:0 0 40px 0; font: bold 15px arial,tahoma; line-height:30px; }
div.multipage { padding: 30px 0 30px 0; margin: 0; text-align:center; }
div.multipage img { padding: 0; margin: 0 0 0 10px; border:none;}

div.translate { padding:10px 0 20px 0; }
div.translate h2 { padding: 1px 0 10px 0; margin: 0; font: bold 30px arial,tahoma; line-height:45px; color:#fff; direction:ltr; text-align:center; }
div.translate p.versenumber { padding: 1px 0 40px 0; margin: 0; font: normal 13px arial,tahoma; color:#fff; direction:ltr; text-align:center; }
div.translatewrapper { margin-bottom:10px; padding:10px; border:1px solid #dddddd; background-color:#fff; }
div.translate_ayat { padding:10px 10px 0 10px; }
div.translate_text { color:#fff; padding:10px 10px 5px 10px; font: normal 14px arial,tahoma; line-height:20px; direction:ltr; text-align:left; }
div.translate_text_rtl { color:#fff; padding:10px 10px 5px 10px; font: bold 15px arial,tahoma; line-height:20px; direction:rtl; text-align:right; }

/* start header ads */
div.headerads { padding: 2px 0 2px 0; text-align:center; }
div.headerads img { border:none; }
/* end header ads */

/* start footer ads */
div.footerads { padding: 20px 0 2px 0; text-align:center; }
div.footerads img { border:none; }
/* end footer ads */


/* start allsoraloop */
div.allsoraloop { padding: 15px 0 15px 0; }
div.allsoraloop td { padding:7px; border:1px solid #cccccc; }
div.allsoraloop td:hover { background-color:#118545; border:1px solid #dddddd; }
div.allsoraloop a { display:block; color:#fff; }
div.allsoraloop a:hover { color:#fff; }
div.allsoraloop span.n { padding:0 3px; }
div.allsoraloop span.s { padding:0 3px; }
/* end allsoraloop */


/* start translate allsoraloop */
div.translateallsoraloop { padding: 15px 0 15px 0; }
div.translateallsoraloop table { direction:ltr; }
div.translateallsoraloop td { padding:7px; border:1px solid #cccccc; direction:ltr; text-align:left; }
div.translateallsoraloop td:hover { background-color:#fff; border:1px solid #dddddd; }
div.translateallsoraloop a { display:block; color:#fff; font: normal 11px tahoma,arial; }
div.translateallsoraloop a:hover { color:#fff; }
div.translateallsoraloop span.n { padding:0 3px; }
div.translateallsoraloop span.s { padding:0 3px; }
/* end translate allsoraloop */


/* Start: Header Menu */
.headerMenu { background:url(images/dotted_horiz_dbl.png) 0 100% repeat-x; height:12px; padding:0 0 17px; }
.headerMenu ul { list-style: none; }
.headerMenu ul li { float:right; padding-left:20px; position:relative; }
.headerMenu ul li a { background:url(images/bullet_list.png) right 2px no-repeat; display:block; padding-right:15px; text-transform:uppercase; color:#fff; padding-bottom:17px; }
.headerMenu ul li a:hover { color:#fff;	text-decoration:none; }
	
/* Drop Down Menu */
.headerMenu ul ul { position:absolute; width:250px; right:0; top:30px; background-color:#fff; height:auto; font-size:12px; line-height:18px; display:none; z-index:100; }
.headerMenu ul ul li { float:none; padding:0 0 1px;	border-bottom:1px solid #ddd; }
.headerMenu ul ul li a { color:#fff; text-decoration:none; background:none; height:auto; padding-top:4px; padding-bottom:4px; height:100%; }
.headerMenu ul ul li a:hover { background-color:#fff; color:#fff; }
.headerMenu ul ul ul { right:100%; top:0; }				
/* End: Header Menu */



/* accordion */
#accordion {
	background-color:#fff;
	border:1px solid #fff;	
}

#accordion .translateallsoraloop {
	padding:0;
	margin:0;
}

#accordion h2 {
	background-color:#fff;
	margin:0;
	padding:5px 15px;
	font-size:14px;
	font-weight:normal;
	border:1px solid #fff;
	border-bottom:1px solid #ddd;
	cursor:pointer;
	text-align:center;
}

#accordion h2.current {
	cursor:default;
	background-color:#fff;
}

#accordion .pane {
	border:1px solid #fff;
	display:none;
	height:1220px;
	padding:15px;
	color:#fff;
	font-size:12px;
}
/* accordion */