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

*{
	padding:0px;
	margin:0px;
	outline:0px;
}
html{
	height:100%;
}
@font-face {
	font-family: 'Trajan'; 
	src: url('TrajanPro-Bold.otf');
	src: local('Trajan'), url('TrajanPro-Bold.otf') format('opentype');
}
body{
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:normal;
	background:#eaf4fd;
}
#header-bg{
	background:#0a77b9 url(../img/header-bg.jpg) no-repeat center top;
	height:345px;
	border-bottom:solid 5px #fed529;
	z-index:0;
	width:100%
}
#warrper{
	width:990px;
	top:5px;
	z-index:1;
	position:absolute;
	margin-left:-495px;
	left:50%;
	overflow:hidden;	
}
#logo{
	height:110px;
	text-align:center;
	font-family:Trajan, Verdana, Geneva, sans-serif;
	font-size:36px;
	color:#FFF;
	text-shadow:1px 1px 1px #0455a7;	
	overflow:hidden;
}
#logo small{
	font-size:10px
}
#top-menu{
	overflow:hidden;
	margin-top:22px;
}
#top-menu ul{
	
	padding:0px;
	margin:0px;
	list-style:none;
	margin-left:200px;

}
#top-menu ul li{
	display:block;
	float:left;
	margin:0px;
}
#top-menu ul li a{
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	display:block;	
}
#top-menu  ul li a:hover{
/*	background:url(../img/top-menu-bg.gif) no-repeat left;*/
	background:#FFF;
	border-radius:5px;	
	color:#1187ce
}
#top-menu ul li a span{
	padding:25px;
	padding-top:5px;
	padding-bottom:5px;
	display:block;
}
#top-menu ul li a span:hover{
	/*background:url(../img/top-menu-bg.gif) no-repeat right;*/
}
.active{
	background:#FFF;
	border-radius:5px;	
	color:#1187ce !important;
}
#searchEngine{
	margin:0px;
	padding:0px;
	margin-top:5px;
	height:145px;


}
#quranFrame{
	width:494px;
	float:left;
	margin:0px;
	padding:0px;
	overflow:hidden;
	height:145px;
}
#hadithFrame{
	width:494px;	
	float:left;
	margin-left:2px;
	overflow:hidden;
	height:145px;
	}


#content{
	background:#FFF;
	border:solid 1px #CCC;
	overflow:hidden;
}
.clear{
	clear:both
}
.icon{
	background:url(../img/icons.png);
/*background-image:url(data:image/png;base64,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);
*/}
input[type=checkbox],input[type=radio]{
margin:0 6px 0 1px;
height:13px;
}
label{
display:inline-block;
vertical-align:middle;
}
select,button,input{
font-family:Tahoma;
font-size:11px;
vertical-align:middle;
background-color:white;
}
.icon-btn{
width:16px;
height:16px;
border:0;
cursor:pointer;
vertical-align:middle;
}
.small-button{
width:18px;
height:15px;
padding:0;
margin:0;
margin-left:2px;
overflow:hidden
}
.button{
border:1px solid #e5e5e5;
background:#CCC;/*transparent url(../img/bg.png) repeat-x 0 -80px;*/
font-size:18px;
/*color:#FFF;*/
cursor:pointer;
padding:0em;
margin:0 0.2em;
text-align:center;
vertical-align:middle;
display:inline-block;
}
.plus{
	background:url(../img/plus.jpg) no-repeat  center center;
	width:20px;
	height:20px
}
.minus{
	background:url(../img/minus.jpg) no-repeat center center;
	width:20px;
	height:20px;
	padding:0px;
}
.plus:hover{
	background:url(../img/plus.jpg) no-repeat center center;
	width:20px;
	height:20px;

}
.minus:hover{
	background:url(../img/minus.jpg) no-repeat center center;
	width:20px;
	height:20px;
}
.button:hover{


}
.container{
width:990px;
margin:0 auto;
padding:0;
display:block;
}
.main-content{
width:990px;
background:white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAwAAAAAKCAMAAAA0LMlHAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAJUExURf////v7+8zMzAKvyZAAAAA4SURBVHja7NNBEQAACAOgaf/QZvC7gw5kamzgTQAEEAABBEAAARBAAAQQAAEEQAABEEAAGp0AAwCcnAf5+i892QAAAABJRU5ErkJggg==) repeat-y;
}
.left-content{
float:left;
width:188px;
height:100%;
display:block;
overflow:hidden;
color:#333;
padding:0px 8px 20px 4px;
background:#FBFBFB;

}
.last-content{
float:left;
width:188px;
height:100%;
display:block;
overflow:hidden;
color:#333;
padding:0px 8px 20px 10px;
background:#FBFBFB;

}
.right-content{
float:left;
width:580px;
/*height:100%;*/
padding-bottom:40px;
position:relative;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;


}
#quran-tab{
	background:#FFF;
	position:relative;
}

#player-pad{
display:none;
}
#player-loading div{
background:none;
border:none;
height:21px;
text-align:center;
}
.menu-content,.menu-body{
display:none;
}

.menu-body{
border:1px solid #D0D0BF;
border-top:0px;
padding:8px 0 8px;
border-radius:0 0 4px 4px;
-moz-border-radius:0 0 4px 4px;
-webkit-border-radius:0 0 4px 4px;
}
.menu-body .menu-row{
padding:2px 0 2px 7px;
margin:0;
}
.menu-body a{
font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial;
}
.menu-body label{
font-size:11px;
}
.menu-body label.small{
width:43px;
font-size:12px;
}
.menu-body select{
height:19px;
width:122px;
border:1px solid #BDC7D8;
padding:1px;
}
.menu-body select.long{
width:168px;
}
.menu-body option{
padding:1px 3px;
}
.menu-body input[type=text]{
padding:2px 3px;
border:1px solid #BDC7D8;
}
.menu-body input.small{
width:44px;
}
.menu-top span{
display:inline-block;
vertical-align:text-top;
margin-top:2px;
width:15px;
height:10px;
background-position:-2px -35px;
}
.collapsed .menu-top span{
background-position:-18px -35px;
}
.menu-body .vspace{
display:block;
height:5px;
}
.menu-body .search-row{
height:20px;
margin:2px 7px;
padding:0px;
position:relative;
border:1px solid #BDC7D8;
background-color:white;
}
#searchText,#gotoText{
width:139px;
padding:0;
border:0;
position:absolute;
top:3px;
left:3px;
direction:rtl;
background:transparent;
}
#gotoText{
direction:ltr;
}
.menu-body .search-go{
cursor:pointer;
position:absolute;
top:2px;
right:3px;
border-left:1px solid #e5e5e5;
}
.menu-body .comment-row{
margin:0 8px -4px;
font-size:10px;
text-align:right;
}
.menu-body .icon{
width:16px;
height:16px;
display:inline-block;
cursor:pointer;
}
.info-mark{
font-size:11px;
color:blue;
cursor:pointer;
position:relative;
top:-4px;
left:1px;
}
#rootMenu{
width:146px;
height:20px;
border:0;
margin:0;
direction:rtl;
}
#charList{
color:gray;
direction:rtl;
text-align:center;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
margin:5px 7px;
background:#f6f6fa;
padding:2px 3px;
cursor:pointer;
}
#charList a{
color:#77b;
line-height:1.5em;
font-family:Tahoma;
}
#charList a:hover{
background:#ddf;
color:blue;
}
.current-char{
background:#ddf;
color:green;
}
.trans-row .icon{
margin-left:-3px;
display:none;
background-position:-32px -16px;
}
.trans-row .icon.active{
background-position:-48px 0px;
}
.reciter select.reciteMenu{
width:152px;
}
.reciter select.repeatMenu{
display:none;
width:45px;
}
.repeatCount{
display:inline-block;
cursor:pointer;
width:15px;
text-align:center;
}
.edit select.reciteMenu{
width:120px;
}
.edit select.repeatMenu{
display:inline-block;
}
.edit .repeatCount{
display:none;
}
.reciter .icon-close{
margin-left:2px;
}
.icon-setting{
background-position:-64px -16px;
}
.icon-setting:hover{
background-position:-64px 0;
}
.icon-close{
background-position:-96px -16px;
}
.icon-close:hover{
background-position:-96px 0;
}
.icon-search{
background-position:-80px -16px;
}
.icon-search:hover{
background-position:-80px 0;
}
.sound-options{
display:none;
background:#f4f4f5;
padding:8px 0 5px;
border-bottom:1px solid #ddd;
}
.search{
width:500px;
margin:25px 32px 100px;
direction:ltr;
}
.searchHeader{
font-family:Arial;
font-weight:normal;
font-size:14px;
padding:5px 3px;
color:#333;
}
.searchOffset{
font-family:Arial;
font-size:12px;
line-height:1.1em;
width:15px;
height:1em;
padding:0px;
text-align:center;
}
.searchFrame{
font-size:16px;
border:4px solid #D4DDCC;
background:#F5FFEB;
max-height:450px;
overflow:auto;
}
.searchResults{
font-family:"Traditional Arabic","Times New Roman";
direction:rtl;
line-height:1.5em;
padding:0px;
}
.result{
cursor:pointer;
border-bottom:1px solid #D4DDCC;
}
.result div{
padding:5px 10px;
}
.result div:hover{
background:#E4EEDC;
}
.result .row-0{
background:#F5FFEB;
}
.result .row-1{
background:#EEF8E5;
}
.searchResults .spec,.searchResults .number{
font-family:"Traditional Arabic","Times New Roman";
font-size:18px;
white-space:nowrap;
color:green;
}
.searchResults .highlight{
color:blue;
font-weight:bold;
font-size:95%;
}
#searchPattern{
font-family:Tahoma,"Traditional Arabic";
direction:rtl;
background:#f3f3ff;
}
.dbox-wrapper{
display:none;
z-index:10000;
position:absolute;
top:125px;
left:500px;
width:400px;
padding:10px;
background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiZGBgaGAgAjAxEAlGFVJHIUCAAQDcngCUgqGMqwAAAABJRU5ErkJggg==) repeat scroll 0 0;
-moz-border-radius:8px;
-webkit-border-radius:8px;
font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
}
.dbox-loading{
background-color:#f2f2f2;
color:#333;
border:1px solid #606060;
font-size:24px;
padding:10px;
}
.dbox{
direction:ltr;
}
.dbox-title{
background-color:#0a77b9;
color:white;
border:1px solid #396565;
border-bottom-width:0;
font-size:14px;
font-weight:bold;
margin:0}
.dbox-title span{
display:inline-block;
padding:5px 10px}
.dbox a.dbox-close{
color:#fffffe;
display:inline-block;
float:right;
padding:5px 7px;
font-weight:bold;
text-decoration:none;
font-family:arial,helvetica,tahoma,verdana,sans-serif}
.dbox a.dbox-close:hover{
text-decoration:underline;
}
.dbox-body{
background:#fff;
border:1px solid #555;
border-top-color:#329095;
}
.dbox-content{
padding:0;
border-bottom:1px solid #ccc;
overflow:auto;
}
.dbox-footer{
background:#f2f2f2;
padding:8px 10px 8px 10px;
text-align:right}
.dbox-footer .button{
font-size:13px;
padding:5px 9px;
margin-left:6px;
}
.dbox-content h2{
font-size:13px;
margin:.5em 0;
}
.dbox-content h3{
font-size:12px;
margin:.5em 0;
}
.dbox-content li{
margin-bottom:0.2em;
}
.dbox-content a{
color:#3B5998;
text-decoration:none;
}
.dbox-content a:hover{
text-decoration:underline;
}
#about,#resources{
padding:10px;
}
.tip{
z-index:1000;
}
.tip-wrapper{
border:1px solid #999;
font-family:Tahoma,Arial;
font-size:12px;
color:#0a77b9;
}
.tip-title{
background-color:#dbf1fc;
padding:2px 4px;
font-weight:bold;
}
.tip-content{
background-color:#fff;
padding:2px 4px;
}
a.tip-close,a.tbox-close{
color:#999;
display:inline-block;
float:right;
font-size:12px;
text-decoration:none;
font-family:arial,helvetica,tahoma,verdana,sans-serif}
a.tip-close:hover,a.tbox-close:hover{
text-decoration:underline;
}
.tip-shadow{
background-color:#e4e4e4;
background-color:rgba(200,200,200,0.6);
}
.tip-shadow2{
box-shadow:3px 3px 4px #aaa;
-moz-box-shadow:3px 3px 4px #aaa;
-webkit-box-shadow:3px 3px 4px #aaa;
}
.transTip .tip-wrapper{
border:2px solid #8cb;
font-size:13px;
}
.transTip .tip-title{
background-color:#e2f2e8;
color:#333;
padding:7px 10px;
font-weight:bold;
font-family:Tahoma,Arial;
font-size:12px;
}
.transTip .tip-content{
background-color:#fff;
color:#404040;
padding:7px 10px 10px;
}
.tbox{
z-index:100;
display:none;
position:absolute;
padding-right:10px;
}
.tbox-wrapper{
width:250px;
background-color:#fff;
font-family:Tahoma,Arial;
font-size:13px;
}
.tbox-wrapper{
position:relative;
border:3px solid #B7D8B1;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.tbox-title{
background-color:#E4EEDC;
padding:8px 7px;
font-weight:bold;
color:#333;
font-size:12px;
}
.tbox-content{
background-color:#fff;
padding:7px 7px 9px;
color:#404040;
}
.console{
z-index:1000;
position:absolute;
top:0;
left:0;
width:250px;
background:white;
}
.modal .tbox,.modal .tip,.modal .qtip{
visibility:hidden;
}
.tipsy{
padding:5px;
position:absolute;
z-index:100000;
font-family:"Helvetica Neue",Helvetica,Tahoma,Arial;
font-size:12px;
}
.tipsy-inner{
padding:3px 8px;
background-color:black;
color:#eee;
max-width:200px;
text-align:center;
}
.tipsy-inner{
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.tipsy-arrow{
position:absolute;
background:url('data:image/gif;base64,R0lGODlhCQAJAIABAAAAAAAAACH5BAEAAAEALAAAAAAJAAkAAAIRjAOnwIrcDJxvwkplPtchVQAAOw==') no-repeat top left;
width:9px;
height:5px;
}
.tipsy-n .tipsy-arrow{
top:0;
left:50%;
margin-left:-4px;
}
.tipsy-nw .tipsy-arrow{
top:0;
left:10px;
}
.tipsy-ne .tipsy-arrow{
top:0;
right:10px;
}
.tipsy-s .tipsy-arrow{
bottom:0;
left:50%;
margin-left:-4px;
background-position:bottom left;
}
.tipsy-sw .tipsy-arrow{
bottom:0;
left:10px;
background-position:bottom left;
}
.tipsy-se .tipsy-arrow{
bottom:0;
right:10px;
background-position:bottom left;
}
.tipsy-e .tipsy-arrow{
top:50%;
margin-top:-4px;
right:0;
width:5px;
height:9px;
background-position:top right;
}
.tipsy-w .tipsy-arrow{
top:50%;
margin-top:-4px;
left:0;
width:5px;
height:9px;
}
.font-tester{
position:absolute;
left:-10000px;
font-size:19px;
display:none;
}
#loadingImage{
position:absolute;
right:5px;
top:5px;
}
#jplayer-box{
hieght:0;
width:0;
}
.ui-tab{
margin:0;
padding:.2em .2em 0;
}
.ui-tab li{
list-style:none;
float:left;
position:relative;
top:1px;
margin:0 .2em 1px 0;
border-bottom:0 !important;
padding:0;
white-space:nowrap;
}
.ui-tab a{
float:left;
padding:.5em 1em;
text-decoration:none;
cursor:pointer;
font-size:12px !important;
font-weight:bold
}
.ui-tab .selected{
margin-bottom:0;
padding-bottom:1px;
}
.ui-tab .selected a{
cursor:text;
}
.ui-tab a:active{
outline:none;
}
#menu-tab ul{
background:#EBEEF3;
border:1px solid #CCCCCC;
border-top:0px;
padding:4px 2px 0;
}
#menu-tab li{
background:#FCFCFC;
border:1px solid #CCCCCC;
margin-left:2px;
}
#menu-tab a{
background:#ECEFF0;
padding:1px 4px 2px;
font-family:Verdana;
font-size:9px;
color:#999;
}
#menu-tab a:hover{
background:#FBFBFB;
color:blue;
}
#menu-tab .selected a,#menu-tab .selected a:hover{
background:#FCFCFC;
color:#4682b4;
}
#page-tab{
position:relative;
}
#page-tab ul{
/*background:#ACDFF0;*/
border-bottom:1px solid #CCCCCC;
padding:7px 12px 0px;
}
#page-tab li{background:url(../img/wbg.gif) 0px 50px repeat;
background:white;
border:1px solid #CCCCCC;
margin-right:4px;
}
#page-tab a{
background:#ECEFF0;
padding:2px 6px;
font-family:Verdana;
font-size:11px;
color:#777;
}
#page-tab a:hover{
background:#FBFBFB;
color:#4682b4;
}
#page-tab .selected a,#page-tab .selected a:hover{
background:white;
color:#0b8ecc;
}
.ui-helper-clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.ui-helper-clearfix{
display:inline-block;
}
* html .ui-helper-clearfix{
height:1%;
}
.ui-helper-clearfix{
display:block;
}
.ui-hidden{
display:none;
}
.no-hover:hover{
background-color:white;
}
.top-ad{
display:none;
position:relative;
font-family:"lucida grande",tahoma,arial;
font-size:12px;
background-color:#FFF9D7;
border:1px solid #E2C822;
padding:8px;
color:#222;
margin:16px 32px -4px;
}
.readBook{
	width:900px;
	margin:4px 32px;
	padding-top:20px;
	direction:ltr;
	font-family:Arial,Tahoma,"Times New Roman",Sans-Serif;
}
.quran{
width:555px;
margin:4px 10px;
padding-top:10px;
direction:ltr;
font-family:Arial,Tahoma,"Times New Roman",Sans-Serif;
position:absolute;
overflow:hidden
}
.qFrameTop{
background: url(../img/frame.png) no-repeat;
height:23px;
}
.qFrameMiddle{
background: url(../img/frame.png) repeat-y -555px 0;
line-height:2.35em;
font-family:"Traditional Arabic",Scheherazade,"Times New Roman";
}
.qFrameBottom{
background: url(../img/frame.png) no-repeat 0 bottom;
height:23px;
}
.suraHeaderFrame{
	background:url(../img/sura-title.png)  no-repeat center center;
	/*
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVIAAAAxCAMAAAC/HNGdAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABgUExURfr7+q3Isy1zP4OsjViPZbfOvOHr49ecPPGyRUV/TllcExljKXCdeY5pHLGDLvL18/vYbabAqsfYypa3n9Tg1t3m3QxBDJiXWerv6q2tf82+hdrQr/HnxfTw497awQAAANQN+w0AAAAgdFJOU/////////////////////////////////////////8AXFwb7QAABtRJREFUeNrsm4ly27gSRRsbSRAAIWxctfz/X86FZCfOzMSxHafmPdJdFTuRBKR42MvtJkS3L/tkoy8E/xnSw7O/bNtG9EmkaD5ftnJ0pJtz7XClT0F62dphGK5/f9k3iu3YVPkBDdEZFLr2+ilI1+Hk2tPF//BRz+S+zUrxA6fL+XwC0uVMv42Urm3bDafT6fLyo0HqpDzt15qYJXtxxXQGgrbr2rbQbyKl61A3wn4vbw/JlIVmar+WuIxc+O/ZDwS6O9L28ptIL9gDG3XVTb8vSkFxq2jPVqzO0voXTtpVEvix0W8hpe1pn+6Fm1IwibPdq6oYCxfPVwmktTxVFusvyv6r79JlW+su3TAg9M8oSnSvTDaFeADZJGKQylcROfsNXuruSLtufb1EvfqmXxHyiPwWm51OmwLL2NySbewxhH/SHnU/B2vtUquTGyoMgH2V6avvnbv2sQlE1KlbtAyJ62RyNIdASsKomVsuQ0xmesG0Pb2WT195C84+PBGFj3aTiRSlMUaQV4dA6g3zqBtaa0ZpdGAK30IyrT/PH0J66Vr0YAj8AbK006OmzGWJvBDN8RhIM5HnrBGGZTNOp3VFGzm4HnnwFTeln5emFUSxGrasnRtHC11BzAYojDkfAWlTvYckF1eue5gbTus0AAr+tm4lZ/8OpHOOC4pSXbssk55c/2QKsqKanXcf+n6WCc4zkzXT0hszjn0/zEiqa1sdte3hZPObkWaN9fd13bppHoce67nk02KNmK1AhtG716VFg2jUmpIJ+CPHcXS9IMvDegLVdgATk9+IVI2VKITtuk4sGZZ6hP0YyMTZSC+4lEng/9u7l0YhEPTwH2ECs6oykdwWLqfeTcOD6b/56b+AmeWIgG/vidhwLhTX99VWc60LyeKVTY3ffy6NVjREoTLljMNJnVcm5YoHVqVQ/9RdIQ365h9IKUfcGLp38H3VTnWZMzZGqcnBTQHUWE8MS8kfQ5feL9OKQolzzeGbvsZ9uOO5jz7cQo8cYaNgf0dKRepoNQQn0eIeIxdYLwQfkT5drzPTtmSrjzbNb0AlBx4m56TMAXE7POjUft8hmVITLDeA81Syn5CSUhkvM6SOm1ra7jHIwi9jg5YmIp0am60ZpYzzkYDSLK0wRm41C4pkjA5TbXy6oU6SBulpDmzmPEjLZCwllwaqvVqSCZmXcSbQdIrpMRvs7l2oDdbkGelj4VJoLbRk/jBEUYxx+VrZqkZRmkfBuK5E27HOkRcOHjxqCNiiY4PcaK2gEkKS3GQxolXQgqQRcsKSqW8r07McQzRRQKI6w5CopR31cfx0Ru5ECVHTXZVn+4y01cagQE1GRKEBPXghkRSDQgOAjsv7MgeZQBu3RIhMfkWmWOxUXdtyYfmo7s1Drf8yyejpUIGvZd/rrUK1NfCTrDlUC7O0i4A6p5zQsWp44tNDgOdcGmPR+Li4v7y1k2qSmuDb3FqTpMV+XC+AarS/HctmXHsoglevgr8arqXgmmlJST80VAxZ8qCex9XfHC5LFCd9V1Eo+pEjsaIuGRalsVvdDbWfq3lyB0IKGLRorjy8EBoKDemEf7GqqKCNmG6eSvwclC/fpnPfYziXm//29I+kpCxE0lpF2Q+PqEf+CLROdJtzOUDsU0y5rI5ndPk6aDc410FVBvBEafeMh/dNorwMxUOoJssR/s4NQyhIq2DaLxD/UsTdN6RBCql7E1GTEavn4T7PH4IJDdImtM/PWnL6uXyQVqYG/lo3QnHzjVG4X5H1JjVhlM3OkW7IlOfhPjZJoJqX9v4U7k6ySYLN756X3pr8CO/i7s8FFyqcZ88tMXf1kwt7z6lba3g/XBuS3AcjmmudxkOm+19we8sBnjyt2G0JvuhUgPQy9Lx/y+Gg/287t27sXSYleWM5xJRY1iLtrzX5WzKipxyzF7Y+v8/WLkMzte22++p0ziZPi+cq1xJS59F0859zcu951MU9UqnURk6k5ssBSr7XYVmrfuJoG/mbW8a3k6Fo48z0aLg6yHN8ROUyGYjzFIV8+/nad7ChhFbKouNPmR+jJYVgQtlnSfL0jmL8HjbUlDLfqOdRHeJMdNQquaV2R+/qbN7lbn5b12Vl6G2V3T/UyOyUSrNMK+zPIKVlcm5aLpR7k4XNuz4LSV5w2/f5drvMi5um7Y8g3ZZpClVFNLK3mWkudmyWOziQuz6mSET0hwL/ya615V+yKs1+LbOpHgH9SHr7CNJS5wdOJwi23ZrWvP3FocfPREpn9Pwqsl1bWqbtQ0Q/9qU7ulzWsPPv65XrR499fZQL7f3revRhj/n6Wu7n34wvBF9I/+ftLwEGAPxNNwyhxR68AAAAAElFTkSuQmCC)*/
margin:3px 0px 7px;
}
.suraHeaderText{
font-family:Arial,Tahoma,"Times New Roman",Sans-Serif;
font-weight:bold;
font-size:16px;
text-align:center;
line-height:49px;
width:483px;
}
.quranPageHeader,.quranPageFooter{
direction:ltr;
text-align:center;
font-family:Arial,Tahoma,"Times New Roman",Sans-Serif;
font-weight:bold;
font-size:12px;
padding:5px;
color:#333;
}
.quranText{
direction:rtl;
font-size:1.15em;
text-align:right;
width:487px;
margin-top:0px;
margin-left:20px;
margin-right:30px;
margin-bottom:0px;
position:relative;
padding:16px 14px;
color:black;
background:#f1f8ff;
}
.aya{
background-color:#f1f8ff;
padding-right:5px
}
.aya.hover{
background-color:#dff0ff;
}
.aya.selected,.aya.selected .ayaNumber,.aya.highlight{
background-color:#aed9ff;
}
.ayaNumber{
font-size:.85em;
white-space:nowrap;
color:#007ecb;

cursor:pointer;
}
.ayaNumber2:hover{
color:#040;
background-color:#C4ECBD;
}
.aya.highlight .sign{
color:black;
}
.aya.highlight span.highlight{
color:blue;
}
.besm{
text-align:center;
}
.sign{
font-family:Arial,Tahoma,"Times New Roman",Sans-Serif;
color:#FB7600;
color:#F00;
font-size:0.9em;
}
.internal-sign{
font-family:Arial,Tahoma,"Times New Roman",Sans-Serif;
color:green;
font-size:0.65em;
}
.juz-sign{
width:16px;
height:16px;
background-position:0 -48px;
display:inline-block;
vertical-align:middle;
margin-top:3px;
}
.arrow-link{
font-family:Arial,Tahoma,"Times New Roman",Sans-Serif;
color:#AAA;
font-size:0.9em;
text-decoration:none;
}
.arrow-link:hover{
color:#666;
text-decoration:none;
}
.transText{
font-family:Arial,Tahoma,"Times New Roman",Sans-Serif;
direction:rtl;
font-size:14px;
line-height:1.5em;
text-align:justify;
width:483px;
margin:0px 44px;
padding:16px 0px;
color:black;
}
.transText .aya.selected,.transText .aya.selected .ayaNumber{
}
.transText .ayaNumber{
font-weight:bold;
}
.quranText .ayaNumber{
font-family:"Traditional Arabic","Times New Roman";
}
.jp-interface .icon{
width:14px;
height:16px;
}
.icon-play{
background-position:0px 0px;
}
.icon-play:hover{
background-position:0px -16px;
}
.icon-pause{
background-position:-16px 0px;
}
.icon-pause:hover{
background-position:-16px -16px;
}
.icon-volume{
background-position:-32px 0px;
}
.jp-volume-toggle.mute .icon{
background-position:-32px -16px;
}
.jp-interface div{
overflow:hidden;
padding:0;
margin:0;
}
div.jp-interface{
vertical-align:middle;
margin:3px 0 0;
position:relative;
width:166px;
height:19px;
border:1px solid #bbb;
border-color:#eee #bbb #ABABAB;
background:#f0f0f0 url(../img/bg.png) repeat-x 0 -200px;
}
div.jp-play-pause{
position:absolute;
height:16px;
left:0;
padding:1px;
padding-right:4px;
cursor:pointer;
border-right:1px solid #ccc;
}
div.jp-progress{
position:absolute;
top:6px;
left:25px;
width:90px;
height:6px;
}
div.jp-seek-bar{
background-color:#ABACD3;
width:0px;
height:6px;
cursor:pointer;
}
div.jp-play-bar{
background-color:#000099;
width:0px;
height:6px;
}
div.jp-volume-toggle{
position:absolute;
height:16px;
left:120px;
padding:1px 0px;
cursor:pointer;
border-left:1px solid #ccc;
}
div.jp-volume-mute-pad{
display:none;
position:absolute;
height:18px;
left:120px;
width:42px;
cursor:pointer;
}
div.jp-volume-max{
position:absolute;
top:1px;
left:160px;
height:16px;
width:4px;
cursor:pointer;
}
div.jp-volume-bar{
position:absolute;
top:1px;
width:25px;
height:16px;
cursor:pointer;
left:135px;
}
div.jp-volume-bar-wrapper{
background-color:#ccc;
margin-top:6px;
height:4px;
}
div.jp-volume-bar-value{
background-color:#01a;
width:0px;
height:4px;
}
.hideMe{
	display:none;	
}
.sub-menu{
font-family:Tahoma,Arial;
font-size:11px;
color:#555;
background:#FcFcFc;
margin:16px 3px 0px;
width:184px;
overflow:visible;
text-align:left;
/*text-shadow:0 1px 0 #ccc;*/
box-shadow:0px 1px 1px #eee;
-moz-box-shadow:0px 1px 1px #eee;
-webkit-box-shadow:0 1px 1px #eee;
}
.menu-top{
/*background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALgAAAAgCAMAAACW2ELbAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAB7UExURdDQv+jr8M/V49DW4tLY5NHX4/n5+9vf6Nfb5+bp8N3h6urt8vHy9vLz9/T1+djc5+Pm7eHk7dXZ5ff4+t/j7OXo7/r6/M7U4O/w9fX2+uvu89re6fv7/fz8/P39/f7+/vv7+9DQwNHRv9HRwNLSwtLSxNPTxNPTxQAAAIeT8EMAAAApdFJOU/////////////////////////////////////////////////////8AUvQghwAAAJlJREFUeNrU0scBwkAQwMAlmwwm57VNuP4rRG1oKtBDUUrbhE1TSpT45ssl80N298t8umTmu4s28yFDeLL33YdwRj8qET5WInynRPhFifCVEuFLJcIXSoSflQi/KhE+VyK8p0T4VInwgxLhGyXCt0qE75UInykRPlEi/KZE+FqJ8EqJ8FqJ8KES4SMlwgdKhPeVCD8pxV+AAQDSmGKW+SZgZAAAAABJRU5ErkJggg==) repeat-x 0 0;*/
background:url(../img/top-menu--bg.jpg) no-repeat;
padding:4px 7px;
font-family:Verdana;
font-size:11px;
font-weight:bold;
color:#FFF;
border-bottom:1px solid #D0D0BF;
cursor:pointer;
font-family:Arial, Helvetica, sans-serif;
}
.menu-top:hover{
/*color:#3FF0*/
}

#footer{
	margin-top:5px;
}
#footer #f-l{
	background:url(../img/fot-left.jpg) left top no-repeat;
	height:33px;
	float:left;
	width:12px
}
#footer #f-p{
	background:url(../img/fot-repeat.jpg) left top repeat-x;
	height:33px;
	width:99%
}
#footer #f-r{
	background:url(../img/fot-right.jpg) right top no-repeat;
	height:33px;
	width:12px;
	float:right;
	margin-top:-33px
}
#footer ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

#footer ul li{
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	color:#FFF;
	margin-top:8px;
	border-right:solid 1px #FFF;
}
#footer ul li a{
	float:left;
	margin:0px;
	padding-left:10px;
	padding-right:10px;
	color:#FFF;	
	text-decoration:none;
}
#footer ul li:last-child, #footer ul li:first-child{
	border-right:none;
}
#readHadith{
	display:none;
	background:#ffffff;
	position:absolute;
	width:780px;
	min-height:895px;
	overflow:hidden;
	float:left;
	opacity:.9;
	filter:opacity(alpha=90);
}
#readHadith .close{
	float:right;
	background:url(../img/close.jpg) right top no-repeat;
	width:50px;
	height:35px;
	display:block;
	
}
#readHadith p{
	padding:5px;
	font-size:18px !important;
}
#readHadith #topicp{
	margin-top:80px;
	text-align:right !important;
}
#readHadith  #urdu, #arabic, #ravi{
	margin-top:15px;
	text-align:right !important;
	
}
#readHadith #english{
	text-align:left  !important ;
	
}
.wp_cate{
	list-style:none;
	padding:0px;
	margin:0px;	
}

.wp_cate li{
	padding:7px;
	background:#E6F8FB;
	margin-bottom:1px;
}
.wp_cate li a{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#069;
	font-size:12px;
}

.wp_cate li a:hover{
	text-decoration:underline;	
}
.wp_cate a:hover li:hover {
	background:#069;
}