/* fonts */
@font-face {
	font-family: "me_quran";
	src: local("me_quran"), url("fonts/me_quran.ttf");/* format ("truetype"); */
}

@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');}

/* top elements */
* { margin: 0;	padding: 0; }

body {
	margin: 0;
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	background: #fff url(images/bg.png) repeat-x;
}

/* links */
a {
color:#333; 
text-decoration:none;
}
a:hover 
{text-decoration:underline;
}


#wrap {
	margin: 0 auto; 
	width: 1000px;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}

/* Start header, footer, body */
div.header {
margin:0 auto; 
background:url(images/header.png) no-repeat; 
height:240px;
width: 1000px;
}

div.header img {
margin:10px 0 0 80px; 
border:none;
}

div.header img.logo {
margin:10px 0 0 80px; 
border:none;
float:left;
}

div.menu {
width:977px;
height:55px;
margin:0 auto;
margin:0;
background: url(images/h2.png) no-repeat top; 
}

div.content {
width:979px;
margin:0 auto;
background: #e5efb1 url(images/b2.png) repeat-y; 
}

div.b1 {
width:979px;
height:13px;
margin:0 auto;
margin-top:10px;
background: url(images/b1.png) no-repeat top; 
}

div.b2 {
width:979px;
height:13px;
margin:0 auto;
background: url(images/b3.png) no-repeat bottom;
clear:both;
}


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

div.space { 
padding: 10px 0 0 0;
}

div.footer {
margin: 0 auto;
margin-top:7px;
margin-bottom:5px;
height:36px;
width: 979px;
background:url(images/footer.png) repeat-x;
clear:both; 
}

div.footer a{
color:#000;
}

div.footer p{
text-align:center;
padding: 10px 0 0 0;
}

div.copyright { 
padding: 15px 0 0 0;
margin: 0;
text-align:center;
font: normal 12px tahoma;
clear:both;
}
/* End header, footer, body */


span.ayat { 
color:#333;
padding: 0;
font-family: KFGQPC_Naskh,'traditional arabic',tahoma; /* me_quran*/
font-size: 30px;
line-height:60px;
}

span:hover.ayat { 
color:#425406;
}

span:active.ayat {
    color:#425406;
}

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:#333;
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;
}

div.links { 
padding: 5px 0 40px 0;
margin: 0;
text-align:center;
}

div.links img { 
padding: 0;
margin: 0 0 0 10px;
}









.selectbox {
margin:0;
text-align:center;
}

.selectbox select.se {
font: normal 12px tahoma;
padding: 5px;
margin-top: 10px;
border: 1px solid #eee;
width:120px;
}

.selectbox select.se2 {
font: normal 12px tahoma;
padding: 5px;
margin-top: 10px;
border: 1px solid #eee;
}

.selectbox input.ser {
font: normal 12px tahoma;
padding: 5px;
margin: 0;
border: 1px solid #eee;	
background-color:#fff;
}

.changesoraform {
margin: 10px;
padding: 10px;
text-align:center;
background-color: #eee;
border: 1px solid #ccc;
}

.changesoraform select.se {
font: normal 12px tahoma;
padding: 5px;
margin-left: 10px;
border: 1px solid #ccc;
width:120px;
}

.changesoraform select.se2 {
font: normal 12px tahoma;
padding: 5px;
margin-left: 10px;
border: 1px solid #ccc;
}

.changesoraform input.ser {
font: normal 12px tahoma;
padding: 6px;
margin: 0;
border: 1px solid #ccc;	
background-color:#fff;
}

.changesoraform p {
font: normal 12px tahoma;
padding: 0 0 10px 0;
margin: 0;
color:#D80409;
}

#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    text-align: right;
    font: normal 12px tahoma;
    white-space: nowrap;
    padding: 5px;
}

.GB_Window .close { text-align: left; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer;
    font: normal 12px tahoma;
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 0 0 3px;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }

div.tafseer { 
padding: 5px;
margin: 0;
color:#333;
line-height:28px;
text-align:justify;
}

div.tafseer img { 
padding: 0;
margin: 10px 0 10px 0;
border:none;
}

div.ayat4tafseer { 
padding: 15px;
margin: 0 5px 25px 5px;
border: 1px solid #a1cd3a;
background-color:#fff;
font: normal 32px KFGQPC_Naskh,'traditional arabic',tahoma;
line-height:65px;
}

div.ayat4tafseer span { 
font: normal 12px tahoma;
color:#A3B926;
}

div.ayat4tafseer img { 
position:relative;
top:14px;
}

div.ayat4tafseer_text { 
padding: 15px;
margin: 0 5px 25px 5px;
border: 1px solid #cccccc;
background-color:#fff;
font: normal 32px KFGQPC_Naskh,'traditional arabic',tahoma;
line-height:65px;
}

div.ayat4tafseersearch { 
padding: 10px;
margin: 0 5px 25px 5px;
border: 1px solid #a1cd3a;
background-color:#fff;
text-align:center;
}

div.ayat4tafseersearch select,input {
font: normal 12px tahoma;
padding: 5px;
margin: 5px;
border: 1px solid #eee;
background-color:#fff;
}

div.saveoption { 
padding: 20px 0 0 0;
margin: 0;
text-align:center;
color:#D80409;
}

div.saveoption img { 
border:none;
}

div.mp3plyer {
width:450px;
padding-top:20px;
margin: 0 auto;
text-align:center;
color:#333;
font: norma 13px arial,tahoma;
}


#bodypages {
width:950px;
margin:0 auto;
padding:15px 0 15px 0;
}

#bodypages .rightbody{
width:725px;
margin:0;
padding:0;
float:right;
}

#bodypages .leftbody{
width:220px;
margin:0;
padding:0;
float:left;
}

.sorabox {
color: #003399;
width: 120px;
}

.sorabox select {
cursor: pointer;
font: normal 12px tahoma;
border: 1px solid #d4d4d4;
background-color:#f1f1f1;
}

.sorabox_en {
color: #003399;
direction: ltr;
text-align:center;
}

.sorabox_en select {
cursor: pointer;
font: normal 12px tahoma;
border: 1px solid #d4d4d4;
background-color:#f1f1f1;
padding:5px;
margin-top:5px;
direction: ltr;
}

div.top1 {
height:57px;
width:721px;
background:url(images/f1.png) no-repeat;
}

div.top1 h1 {
font: normal 12px tahoma;
color:#485E06;
padding: 15px 30px 0 0;
}

div.top1 h1.en {
font: normal 12px tahoma;
color:#485E06;
padding: 15px 0 0 30px;
text-align:left;
direction: ltr;
}

div.top1 a {
font: normal 12px tahoma;
color:#485E06;
}

div.bottom1 {
height:22px;
width:721px;
background:url(images/f3.png) no-repeat; 
}

div.center1 {
width:721px;
background:url(images/f2.png) repeat-y; 
}

div.center1 .paddingspace1 {
padding:10px 25px 0 25px;
}

div.center1 .paddingspace1 a {
font: normal 11px tahoma;
}



/* Start Menu */
div.top2 {
height:50px;
width:219px;
background:url(images/m1.png) no-repeat; 
}

div.top2 h1 {
font: normal 14px tahoma;
color:#5E7909;
padding: 15px 0 0 0;
text-align:center;
}

div.bottom2 {
height:16px;
width:219px;
margin-bottom:10px;
background:url(images/m3.png) no-repeat; 
}

div.center2 {
width:219px;
background:url(images/m2.png) repeat-y; 
}

div.center2 .paddingspace2 {
padding:0;
}

div.center2 ul {	
	margin: 0; 
	padding: 0;	
	list-style: none;
}

div.center2 ul li {	
	padding: 0;
	margin: 0;
	height:37px;
    width:219px;
	background:url(images/m2-li.png) no-repeat; 
}

div.center2 ul li a {	
	color:#485E06;
	padding: 11px 30px 0 0;
	text-decoration: none;
	font: normal 12px tahoma,arial;
	display: block;
}

div.center2 ul li.act{
	background:url(images/m2-li-hover.png) no-repeat; 
}

div.center2 ul li:hover{
	background:url(images/m2-li-hover.png) no-repeat; 
}
/* End Menu */



/* Start English Menu*/
div.toplanguage {
height:50px;
width:219px;
background:url(images/m1.png) no-repeat; 
}

div.toplanguage h1 {
font: normal 14px tahoma;
color:#5E7909;
padding: 15px 0 0 0;
text-align:center;
}

div.bottomlanguage {
height:16px;
width:219px;
margin-bottom:10px;
background:url(images/m3.png) no-repeat; 
}

div.centerlanguage {
width:219px;
background:url(images/m2.png) repeat-y; 
}

div.centerlanguage .paddingspacelanguage {
padding:0;
}


div.centerlanguage ul {	
	margin: 0; 
	padding: 0;	
	list-style: none;
	direction: ltr;
}

div.centerlanguage ul li {	
	padding: 0;
	margin: 0;
	height:37px;
    width:219px;
	background:url(images/m2-li.png) no-repeat; 
}

div.centerlanguage ul li a {	
	color:#485E06;
	padding: 11px 0 0 30px;
	text-decoration: none;
	font: normal 12px arial;
	display: block;
}

div.centerlanguage ul li.act{
	background:url(images/m2-li-hover.png) no-repeat; 
}

div.centerlanguage ul li:hover{
	background:url(images/m2-li-hover.png) no-repeat; 
}
/* End English Menu*/




/* Start Translate */
#translateindex { 
padding: 5px;
margin: 0;
font: normal 32px KFGQPC_Naskh,'traditional arabic',tahoma;
color: #333;
line-height:23px;
}

#translateindex h1 { 
padding: 5px 0 20px 0;
margin: 0;
font: bold 15px arial,tahoma;
color: #333;
text-align:center;
direction: ltr;
}

#translateindex div.englishtext { 
padding: 5px 0 20px 0;
margin: 0;
font: normal 11px tahoma;
color: #CC0000;
text-align:center;
direction: ltr;
}

#translateindex div.translate { 
padding: 0;
margin: 20px 0 10px 3px;
font: normal 13px arial,tahoma;
text-align:left;
line-height:20px;
direction: ltr;
}

#translateindex div.translate_rtl { 
padding: 0;
margin: 20px 3px 10px 0;
font: normal 13px tahoma;
text-align:right;
line-height:20px;
direction: rtl;
}

#translateindex .ayat { 
padding: 15px 10px 10px 10px;
margin-bottom: 10px;
background-color:#fff;
border: 1px solid #D4D4D4;
line-height:55px;
}

#translateindex .ayat2 { 
padding: 15px 10px 10px 10px;
margin-bottom: 10px;
background-color:#eee;
border: 1px solid #D4D4D4;
line-height:55px;
}

#translateindex span { 
font: normal 12px tahoma;
color: #CC0000;
}

#translateindex img { 
margin:3px;
border:none;
position:relative;
top:6px;
}
/* End Translate */


/* Start Menu Sorah ar */
div.soraoverflow {	
margin: 0 auto;
width: 185px;
background-color:#D4E37E;
padding: 0;	
height:242px;
overflow:auto;
}

div.soraoverflow div.links4sora {	
margin: 5px;
padding: 0;
height:20px;
}

div.soraoverflow div a{	
color:#485E06;
display:block;
}
/* End Menu Sorah ar */

/* Start Menu Sorah en */
div.soraoverflow_en {	
margin: 0 auto;
width: 199px;
background-color:#D4E37E;
padding: 0;	
height:242px;
overflow:auto;
direction: ltr;
}

div.soraoverflow_en div.links4sora {	
margin: 5px;
padding: 0;
text-align:left;
}

div.soraoverflow_en div a{	
color:#2e2e2e;
display:block;
}
/* Start Menu Sorah en */


div.listensora {
margin: 0 10px 10px 10px;
padding: 10px;
text-align:center;
background-color: #eee;
border: 1px solid #ccc;
}

div.listensora_window {
margin: 10px;
padding: 10px;
text-align:center;
background-color: #eee;
border: 1px solid #ccc;
}

.selectbox_sound {
margin:0;
text-align:center;
}

.selectbox_sound select.se {
font: normal 12px tahoma;
padding: 5px;
margin-top: 10px;
border: 1px solid #eee;
}

.selectbox_sound input.ser {
font: normal 12px tahoma;
padding: 5px;
margin: 0;
border: 1px solid #eee;	
background-color:#fff;
}

div.ayat4listen { 
padding: 15px;
margin: 0 5px 25px 5px;
font: normal 32px KFGQPC_Naskh,'traditional arabic',tahoma;
line-height:65px;
}

div.ayat4listen span { 
font: normal 12px tahoma;
color:#A3B926;
}

div.contact {	
margin: 0;
padding: 10px;
width: 615px;
background:url(images/contact.png) no-repeat left top; 
}

div.contact input.txt {	
margin: 7px 0 0 0;
padding: 10px;
background-color:#fff;
border: 1px solid #BED63A;
font: normal 12px tahoma;
width: 300px;
}

div.contact input.sec {	
margin: 0;
padding: 5px;
background-color:#fff;
border: 1px solid #BED63A;
font: normal 12px tahoma;
}

div.contact input.send {	
margin: 0;
padding: 10px;
background-color:#fff;
border: 1px solid #BED63A;
font: normal 12px tahoma;
}

div.contact textarea {	
margin: 7px 0 0 0;
padding: 10px;
background-color:#fff;
border: 1px solid #BED63A;
font: normal 12px tahoma;
width: 300px;
}

div.contacterror {	
margin: 0;
padding: 10px;
width:500px;
height:150px;
background:url(images/error.png) no-repeat left top; 
}

div.contacterror ul {	
margin: 0;
padding: 0;
}

div.contacterror ul li {	
margin: 5px;
padding: 5px;
color:red;
}

/* Start pages html */
div.htmlpage {
line-height:22px;
padding:0 5px 10px 5px;
}

div.htmlpage ul {	
	margin: 0; 
	padding: 10px;	
}

div.htmlpage ul li {	
	color:#CC0000;	
}
/* End Pages html */


/* Start navbar */
.navbar {
width:949px;
height:36px;
padding: 0;
margin: 0 auto;
margin-bottom:10px;
background:url(images/navbar_bg.png) no-repeat; 
}


.navbar ul {	
	margin: 0; 
	padding: 11px 10px 30px 0;	
	list-style: none;
}

.navbar ul li {	
    display:inline;
	background-color: #E5EFB1;
	padding: 5px;
	margin-left:5px;
}

.navbar ul li:hover {	
	background-color: #D4E37E;
}

.navbar ul li a {	
	color: #3D4E06;
	margin: 0 ;
	padding: 7px ;
	text-decoration: none;
	font: normal 12px tahoma;
	
}

.navbar ul li a:hover{
	color: #3D4E06;
}
/* End navbar */

/* Start pdf quran */
div.pdfquran { 
padding: 10px;
margin: 0 5px 25px 5px;
border: 1px solid #cccccc;
background-color:#F7F7F7;
text-align:center;
}

div.pdfquran img { 
border: none;
margin: 0 0 10px 0;
}
/* End pdf quran */

/* Start flags */
.flags { 
padding: 10px;
margin: 0 5px 25px 5px;
border: 1px solid #cccccc;
background-color:#F7F7F7;
text-align:center;
}

.flags img { 
border: none;
margin: 0 0 10px 0;
width:250px;
height:130px;
}
/* End flags */

/* Start xml create file */
.xmlcreate { 
padding: 10px;
margin: 0;
text-align:center;
line-height:20px;
}

.xmlcreate h2 { 
font:bold 20px arial,tahoma;
margin: 0 0 10px 0;
}

.xmlcreate input.input1 { 
font:normal 12px tahoma;
padding: 10px;
margin:5px;
width:300px;
border: 1px solid #cccccc;
background-color:#F7F7F7;
direction:ltr;
}

.xmlcreate input.input2 { 
font:normal 12px tahoma;
padding: 10px;
margin:5px;
border: 1px solid #cccccc;
background-color:#F7F7F7;
}

.xmlcreate select { 
font:normal 12px tahoma;
padding: 10px;
margin:5px;
border: 1px solid #cccccc;
background-color:#F7F7F7;
}

div.alert { 
font:normal 12px tahoma;
line-height:20px;
padding: 10px;
text-align:center;
}
/* End xml create file */