@font-face { font-family: "me_quran"; src: local("me_quran"), url("fonts/me_quran.ttf"); }
@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 {background: #036 url(images/bg.jpg) fixed center center repeat-y; font: normal 12px Tahoma, Arial, Helvetica, sans-serif; color:#333;}
a { color:#333; text-decoration:none; }
a:hover {text-decoration:underline; }
select,input { background-color:#ffffff; border: 1px solid #4c8ebe; font: normal 12px tahoma; padding: 5px; margin: 5px; }
img { border:none; }

#wrap { margin: 0 auto; width: 1000px; direction:rtl; }
#topbg {background:url(images/topbg.png) no-repeat; height:14px;}
#wrap2 {background:url(images/pagebg.png) repeat-y; padding:0 7px 0 7px;}

/* Start header, footer, body */
#header {background:url(images/header.jpg) no-repeat; height:153px; margin:0 auto; width:976px; }
#header img.logo { margin: 20px 15px 0 0;
float: right;}
#headercontent {height:115px;}
#topnav {background:url(images/menubar.png) no-repeat; height:29px; width:916px; margin:auto;}

div.content { width:979px; margin:0 auto; background-color: #ffffff; }

div.footer { background: url(images/footer-bg.jpg) repeat-x; height:34px; width:979px; padding:0; margin-bottom:10px; margin:auto; text-align:center; }
div.footer a { color:#000; }
div.footer p{ text-align:center; padding: 10px 0 0 0; }
div.divclear { clear:both; padding: 2px 0 0 0; }
div.copyright { padding: 15px 0 0 0; margin: 0; text-align:center; clear:both; }
.btmbg {background:url(images/btmbg.png) no-repeat; height:13px;}

#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; }
/* End header, footer, body */

/* Start navbar */
.navbar { width:916px; height:29px; padding: 0; margin: 0 auto; margin-bottom:10px; background:url(images/menubar.png) no-repeat; }
.navbar ul { margin: 0; padding: 8px 5px 0 5px; list-style: none; }
.navbar ul li {	display:inline;	padding: 0px; margin-left:5px; }
.navbar ul li a { color: #3D4E06; margin:0; padding:0; text-decoration: none; }
.navbar ul li a:hover{ color: #3D4E06; }
.navbar img { border:none; }

.mobile_ar { position:relative; right:0; top:-18px; margin-right:885px; border:none; }
.mobile_en { position:relative; right:0; top:-18px; margin-left:885px; border:none; }
/* End navbar */

/* Start View All Sorah */
span.ayat { color:#333; padding: 0; font-family: KFGQPC_Naskh,'traditional arabic',tahoma; /* me_quran*/ font-size: 25px; line-height:45px; }
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; }
/* End View All Sorah */

.tpl_content_top { height:44px; width:721px; background:url(images/f1.png) no-repeat; }
.tpl_content_top h1 { font: normal 12px tahoma; color:#ffffff; padding: 15px 20px 0 0; }
.tpl_content_top a { font: normal 12px tahoma; color:#ffffff; }
.tpl_content_bottom { height:11px; width:721px; background:url(images/f3.png) no-repeat; margin:0 0 10px 0; }
.tpl_content_center { width:721px; background:url(images/f2.png) repeat-y; }
.tpl_content_center ul { padding:0 20px 0 20px; }
.tpl_content_center ul li { padding:2px 0 10px 0; }
.tpl_content_center .tpl_content_center_padding { padding:10px 15px 0 15px; text-align:justify; }
.tpl_content_center .tpl_content_center_padding a { }

.tpl_content_top_en { height:44px; width:721px; background:url(images/f1.png) no-repeat; }
.tpl_content_top_en h1 { font: normal 12px tahoma; color:#ffffff; padding: 15px 0 0 20px; text-align:left; direction: ltr; }
.tpl_content_top_en a { font: normal 12px tahoma; color:#ffffff; }
.tpl_content_bottom_en { height:11px; width:721px; background:url(images/f3.png) no-repeat; margin:0 0 10px 0; }
.tpl_content_center_en { text-align:left; direction: ltr; width:721px; background:url(images/f2.png) repeat-y; }
.tpl_content_center_en .tpl_content_center_padding_en { padding:10px 15px 0 15px; }
.tpl_content_center_en .tpl_content_center_padding_en a { }

/* Start Menu */
.tpl_menu_top { height:44px; width:220px; background:url(images/m1.png) no-repeat; }
.tpl_menu_top h1 { font: normal 14px tahoma; color:#ffffff; padding: 15px 0 0 0; text-align:center; }
.tpl_menu_bottom { height:11px; width:220px; margin-bottom:10px; background:url(images/m3.png) no-repeat; }
.tpl_menu_center { width:220px; background:url(images/m2.png) repeat-y; }
.tpl_menu_center .tpl_menu_center_padding { padding:0; }
.tpl_menu_center ul { padding:0 30px 0 10px; }
.tpl_menu_center ul li { padding:5px 0 5px 0; }
.tpl_menu_center ul li:hover, .tpl_menu_center ul li.act { color:red; }
/*
.tpl_menu_center ul { margin: 0; padding: 0; list-style: none; }
.tpl_menu_center ul li { margin: 0 9px 0 9px; padding:0 0 10px 0; border-bottom:1px solid #4c8ebe; }
.tpl_menu_center ul li a { color:#275f9a; padding: 11px 5px 0 0; text-decoration: none; font: normal 12px tahoma,arial; display: block; }
.tpl_menu_center ul li.act{ background-color:#4c8ebe; color:#fff; }
.tpl_menu_center ul li:hover{ background-color:#275f9a; color:#fff; }
.tpl_menu_center ul li a:hover, .tpl_menu_center ul li:hover.act { color:#ffffff; }
.tpl_menu_center ul li.act a{ color:#ffffff; }
*/
/* End Menu */

/* Start English Menu*/
.tpl_menu_top_en { height:44px; width:220px; background:url(images/m1.png) no-repeat; }
.tpl_menu_top_en h1 { font: normal 14px tahoma; color:#ffffff; padding: 15px 0 0 0; text-align:center; }
.tpl_menu_bottom_en { height:16px; width:220px; margin-bottom:10px; background:url(images/m3.png) no-repeat; }
.tpl_menu_center_en { width:220px; background:url(images/m2.png) repeat-y; }
.tpl_menu_center_en .tpl_menu_center_padding_en { padding:0; }
.tpl_menu_center_en ul { padding:0 10px 0 30px; direction: ltr; }
.tpl_menu_center_en ul li { padding:5px 0 5px 0; }
.tpl_menu_center_en ul li:hover, .tpl_menu_center_en ul li.act { color:red; }
/*
.tpl_menu_center_en ul { margin: 0; padding: 0;	list-style: none; direction: ltr; }
.tpl_menu_center_en ul li {	margin: 0 9px 0 9px; padding:0 0 10px 0; border-bottom:1px solid #4c8ebe; }
.tpl_menu_center_en ul li a { color:#275f9a; padding: 11px 0 0 5px; text-decoration: none; font: normal 12px arial; display: block; }
.tpl_menu_center_en ul li.act { background-color:#4c8ebe; color:#fff; }
.tpl_menu_center_en ul li:hover{ background-color:#275f9a; color:#fff; }
.tpl_menu_center_en ul li a:hover, .tpl_menu_center ul li:hover.act { color:#ffffff; }
.tpl_menu_center_en ul li.act a{ color:#ffffff; }
*/
/* End English Menu*/

/* Start tafseer.php */
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 #cccccc; background-color:#fff;font: normal 25px KFGQPC_Naskh,'traditional arabic',tahoma; line-height:45px; }
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 25px KFGQPC_Naskh,'traditional arabic',tahoma; line-height:45px; }
div.ayat4tafseersearch { padding: 10px; margin: 0 5px 25px 5px; background-color:#f1f4f9; border: 1px solid #4c8ebe; text-align:center; }

div.saveoption { padding: 20px 0 0 0; margin: 0; text-align:center; color:#D80409; }
div.saveoption img { border:none; }
.tafsserpages { text-align:center; padding:0px 0 0px 0; font-size:25px; }
.tafsserpages span { color:red; }

.changesoraform { margin: 10px; padding: 10px; text-align:center; background-color:#f1f4f9; border: 1px solid #4c8ebe; }
.changesoraform select.se { margin-left: 10px; width:120px; }
.changesoraform select.se2 { margin-left: 10px; }
.changesoraform input.ser { border: 1px solid #ccc;	background-color:#fff; }
.changesoraform p { text-align:center; padding: 0 0 10px 0; margin: 0; color:#D80409; }
/* End tafseer.php */

/* Start translate.php */
#translateindex { padding: 5px; margin: 0; font: normal 25px 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 12px 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; line-height:20px; }
#translateindex .ayat, #translateindex .ayat2, #translateindex div.translate_rtl { direction: rtl; text-align:right; }
#translateindex .ayat { padding: 15px 10px 10px 10px; margin-bottom: 10px; background-color:#fff; border: 1px solid #4c8ebe; line-height:55px; }
#translateindex .ayat2 { padding: 15px 10px 10px 10px; margin-bottom: 10px; background-color:#f2f2f2; border: 1px solid #4c8ebe; line-height:55px; }
#translateindex span { font: normal 12px tahoma; color: #CC0000; }
#translateindex img { margin:3px; border:none; position:relative; top:6px; }

.translatesoeah_rtl { padding: 0; margin: 0; direction: rtl; text-align:right; }
.translatesoeah_ltr { padding: 0; margin: 0; direction: ltr; text-align:left; }
.translatesoeah_rtl table, .translatesoeah_ltr table { width:100%; border:none; padding: 0; margin: 0; } /* border-collapse:collapse; */
.translatesoeah_rtl td, .translatesoeah_ltr td { background-color:#ffffff; border: 1px solid #4c8ebe; padding: 7px; margin: 7px; }
.translatesoeah_rtl td:hover, .translatesoeah_ltr td:hover { background-color:#f1f4f9; border: 1px solid #4c8ebe; }
.translatesoeah_rtl td a, .translatesoeah_ltr td a { display:block; }

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 translate.php */

div.listensora { margin: 0 10px 10px 10px; padding: 10px; text-align:center; background-color: #f1f4f9; border: 1px solid #4c8ebe; }
div.listensora_window { margin: 10px; padding: 10px; text-align:center; background-color: #eee; border: 1px solid #ccc; }
div.mp3plyer { width:450px; padding-top:20px; margin: 0 auto; text-align:center; color:#333; }

.selectbox_sound { margin:0; text-align:center; }
.selectbox_sound select.se { margin-top: 10px; }
.selectbox_sound input.ser {  }

/* Start Select Language */
.sorabox_en { color: #003399; direction: ltr; text-align:center; }
.sorabox_en select { cursor: pointer; margin-top:5px; direction: ltr; }
/* End Select Language */

/* Start Menu Sorah ar */
div.soraoverflow { margin: 0 auto; width: 200px; background-color:#f1f4f9; padding: 0; height:242px; overflow:auto; }
div.soraoverflow div.links4sora { margin: 5px; padding: 0; height:20px; }
div.soraoverflow div a{	color:#275f9a; display:block; }
/* End Menu Sorah ar */

/* Start Menu Sorah en */
div.soraoverflow_en { margin: 0 auto; width: 185px; background-color:#f1f4f9; 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; }
/* End Menu Sorah en */


#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_frame { border: 0; margin: 0; padding: 0; overflow: auto; white-space: nowrap; }
.GB_Gallery { margin: 0 22px 0 22px; }
.GB_Gallery .content { background-color: #fff; border: 3px solid #ddd; }
.GB_header { top: 10px; left: 0; margin: 0; z-index: 500; position: absolute; border-bottom: 2px solid #555; border-top: 2px solid #555; }
.GB_header .inner { background-color: #333; font-family: Arial, Verdana, sans-serif; padding: 2px 20px 2px 20px; }
.GB_header table { margin: 0; width: 100%; border-collapse: collapse; }
.GB_header .caption { text-align: left; color: #eee; white-space: nowrap; font-size: 20px; }
.GB_header .close { text-align: right; }
.GB_header .close img { z-index: 500; cursor: pointer; }
.GB_header .middle { white-space: nowrap; text-align: center; }
#GB_middle { color: #eee; }
#GB_middle img { cursor: pointer; vertical-align: middle; }
#GB_middle .disabled { cursor: default; }
#GB_middle .left { padding-right: 10px; }
#GB_middle .right { padding-left: 10px; }
.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 { font-size: 12px; text-align: left; white-space: nowrap; padding-right: 20px; }
.GB_Window .close { text-align: right; }
.GB_Window .close span { font-size: 12px; cursor: pointer; }
.GB_Window .close img { cursor: pointer; padding: 0 3px 0 0; }
.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }

/* Start pages html */
div.htmlpage { line-height:22px; padding:5px; }
div.htmlpage ul { margin: 0; padding: 10px;	}
div.htmlpage ul li { color:#CC0000;	}
/* End Pages html */

/* 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 { width:300px; border: 1px solid #cccccc; background-color:#F7F7F7; direction:ltr; }
.xmlcreate input.input2 { border: 1px solid #cccccc; background-color:#F7F7F7; }
.xmlcreate select { border: 1px solid #cccccc; background-color:#F7F7F7; }
div.alert { padding: 10px; text-align:center; }
/* End xml create file */

/* Start Loop */
.books_ar { margin: 0; padding: 0; line-height: 1.6; }
.books { margin: 0; padding: 0; direction: ltr; line-height: 1.6; }
.books ul, .books_ar ul { margin: 0 0 0 0; padding:0 0 0 0; }
.books ul li, .books_ar ul li { color: #333; font-size:13px; list-style-type: none; padding: 0 0 15px 0; margin:0 0 0 0; list-style-type: none; }
.booksborder { border-bottom:1px solid #4c8ebe; padding: 15px 0 0 0; }
.books a.bookstitle, .books_ar a.bookstitle { color: #275f9a; font: normal 13px tahoma; font-weight:bold; }
.books p, .books_ar p { padding:0; }
.books h3, .books_ar h3 { text-align:center; font-size:15px; padding:0 0 10px 0; }
.books p span, .books_ar p span { color: #275f9a; }
.description { color:#333; display: block; }
.downloadicons { padding:0; padding-bottom:15px; }
.downloadicons img { border:none; margin-right:3px; margin-left:3px; }

.books_ar_sidebar { margin: 0; padding: 0; direction: rtl; text-align:right; }
.books_sidebar { margin: 0; padding: 0; direction: ltr; text-align:left; }
.books_sidebar ul, .books_ar_sidebar ul {  }

.books_sidebar ul li a {padding: 0 0 0 0; color:#275f9a; text-decoration: none; }
.books_ar_sidebar ul li a {padding: 0 0 0 0; color:#275f9a; text-decoration: none; }

.books_sidebar ul li a:hover, .books_ar_sidebar ul li a:hover { color:#275f9a; }

.books_sidebar ul li, .books_ar_sidebar ul li { color: #333; padding: 5px 0 5px 0; background: none; }
.books_sidebar ul li:hover, .books_ar_sidebar ul li:hover { background: none; }
/* End Loop */