/*
 * c-css by U4EA Technologies - Allan Jardine
 * Version: 1.0.php.1
 * Browser: Webkit 537.3
 * Browser group: cssA
 */
@font-face { font-family: 'Amiri'; font-style: normal; font-weight: 400; src: url('fonts/amiri-regular.eot?') format('eot'), url('fonts/amiri-regular.woff') format('woff'), url('fonts/amiri-regular.ttf') format('truetype'); }
@font-face { font-family: 'Amiri_slanted'; font-style: normal; font-weight: 600; src: url('fonts/amiri-slanted.eot?') format('eot'), url('fonts/amiri-slanted.woff') format('woff'), url('fonts/amiri-slanted.ttf') format('truetype'); }
@font-face { font-family: 'Amiri_boldslanted'; font-style: oblique; font-weight: 700; src: url('fonts/amiri-boldslanted.eot?') format('eot'), url('fonts/amiri-boldslanted.woff') format('woff'), url('fonts/amiri-boldslanted.ttf') format('truetype'); }
@font-face { font-family: 'me_quran'; src: url('me_quran/me_quran.eot?#iefix') format('embedded-opentype'), url('me_quran/me_quran.woff') format('woff'), url('me_quran/me_quran.ttf') format('truetype'), url('me_quran/me_quran.svg#me_quran') format('svg'); font-weight: normal; font-style: normal; }
a{ text-decoration: none; }
* { padding: 0; margin: 0; }
ol,ul { list-style:none; }
#footnav{ margin-left: 10px; margin-right: 100px; }
.lang{ width:80%; height:39px; clear:both; margin:auto; padding:0px; }
.lang ul{ list-style:none;padding:0 0 0 30px;margin:0px;display:block; }
.lang ul li{ list-style: none; display: inline; width: auto; padding: 0px; font-size: 15px; line-height: 39px; }
.lang ul li a{ float: left; list-style: none; text-decoration: none; padding: 0px 10px 0 30px; margin: 0px; color: black; text-align: center; }
.lang ul li a:hover{ text-decoration: none; color: red; padding: 0px 10px 0 30px; }
.lang ul li a.current{ text-decoration: none; padding: 0px 10px 0 30px; color: #fff; margin: 0px; }
ol.update { list-style: none; font-size: 1.1em; margin-top: 20px; list-style-type: none; }
ol.update li{ font-family: 'Amiri_slanted',tahoma, serif; height: auto; border-bottom: #dedede dashed 1px; text-align: right; padding-right: 5px; list-style-type: none; list-style: none; }
ol.update li:first-child{ font-family: 'Amiri',tahoma, serif; border-top: #dedede dashed 1px; height: auto; text-align: right; padding-right: 5px; list-style-type: none; list-style: none; }
.aya h2{ direction: rtl; font-family: conv_original-hafs,'Amiri_boldslanted',tahoma, serif; color: green; font-size: large; width: 90%; }
.sora{ direction: rtl; font-family: 'Amiri_boldslanted',tahoma, serif; color: black; width: 90%; }
#flash { margin-top:20px; text-align:right; }
#searchword { text-align:right; margin-top:20px; display:none; font-family:'Amiri',Arial, Helvetica, sans-serif; font-size:12px; color:#000; }
.light { font-weight:bold; color:#FF0000; }
.searchword { font-weight:bold; color:#000000; }
#hadeeth_search_box { background: #fff; font-family: 'Amiri',Arial, Helvetica, sans-serif; padding: 4px; border: 1px solid #00bfff; width: 90%; height: 30px; font-size: 14px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#hadeeth_search_box input[type='text'], #hadeeth_search_box input[type='text']:focus { border: none; color: #333; outline: none; font: 'Amiri', Arial, sans-serif; margin: 0px 0; width: 90%; }
.hadeeth_search_button { border: #000000 solid 1px; padding-left: 9px; padding-right: 9px; padding-top: 9px; padding-bottom: 9px; color: #000; font-weight: bold; font-size: 16px; -moz-border-radius: 6px; border-radius: 14px 0 0 14px; cursor: pointer; }
#box_search { background:#fff; font-family:'Amiri',Arial, Helvetica, sans-serif; padding:4px; height:30px; font-size:14px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 0 14px 14px 0; }
#box_search input[type='text'], #box_search input[type='text']:focus { border: none; color: #333; outline: none; font: 'Amiri', Arial, sans-serif; margin: 0px 0; width: 85%; }
.search_button { color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); background-color: #5bb75b; background-image: -webkit-linear-gradient(top,#62c462,#51a351); background-image: -o-linear-gradient(top,#62c462,#51a351); background-image: linear-gradient(to bottom,#62c462,#51a351); background-repeat: repeat-x; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); padding-left: 9px; padding-right: 9px; padding-top: 9px; padding-bottom: 9px; -moz-border-radius: 6px; -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px; cursor: pointer; }
select { border-radius: 5px; height: 30px; background: #fff; display: initial; margin: 5px; }
#corner { margin: 0 auto; background: transparent; color: #000; }
#corner fieldset{ width: 100%; margin: 25px auto; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; list-style: none; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -khtml-border-bottom-left-radius: 10px; -khtml-border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; color: #606060; border: solid 1px #b7b7b7; border-top: 0px solid #ffdd55; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); background: -moz-linear-gradient(top, #fff, #ededed); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); text-shadow: 0 1px 1px rgba(255,255,255,1); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4); box-shadow: 0 1px 2px rgba(0,0,0,.4); }
#corner fieldset legend{ margin-left: -5px; float: left; font-size: 22px; padding: 10px 20px 10px 15px; cursor: pointer; color: #f5f6f3; background: -webkit-gradient(linear, left top, left bottom, from(#818181), to(#363636)); background: -moz-linear-gradient(top, #7db72f, #4e7d0e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e'); text-shadow: 0 1px 1px rgba(0,0,0,.3); border-top-right-radius: 10px; border-bottom-right-radius: 10px; -khtml-border-top-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); }
#corner fieldset legend:hover{ background:#538018; background: -webkit-gradient(linear, left top, left bottom, from(#ff6347), to(#c85746)); background:-moz-linear-gradient(top, #6b9d28, #436b0c); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c'); }
#corner fieldset legend b{ display:inline-block; -o-transform:rotate(90deg); transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2); }
#corner fieldset div.content{ display: block; clear: both; font-size: 14px; font-family: 'Amiri_boldslanted',tahoma, serif; }
#corner fieldset div.tachkeel{ display: block; width: 90%; margin: 5px 5px 5px 5px; clear: both; font-size: 14px; color: green; font-weight: bold; }
#corner .collapsed{ display:inline-block; -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2); }
#corner fieldset.topleft1 legend{ border-top-right-radius:0px; border-bottom-right-radius:10px; -khtml-border-top-right-radius:0px; -khtml-border-bottom-right-radius:10px; -moz-border-radius-topright:0px; -moz-border-radius-bottomright:10px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-right-radius:10px; margin-top:-15px; }
#corner fieldset.topleft1 h1{ margin-top:0px; }
#corner fieldset.topleft1 div.content, fieldset.topleft2 div.content{ margin-left:50px; width:70%; }
#corner fieldset.topleft2 div.content{ text-shadow:0 1px 1px rgba(120,20,35,1); }
DIV.megas512 { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center; border: 0px solid black; direction: ltr; }
DIV.megas512 A { PADDING-RIGHT: 10px; padding-left: 10px; BACKGROUND-POSITION: 50% bottom; PADDING-LEFT: 10px; COLOR: #676868; }
DIV.megas512 A:hover { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; COLOR: #f4f4f2; BACKGROUND-COLOR: #FF6347; }
DIV.megas512 A:active { BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #484848; }
DIV.megas512 SPAN.current { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; COLOR: #f4f4f2; BACKGROUND-COLOR: #FF6347; }
DIV.megas512 SPAN.disabled { PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; COLOR: #adaaad; MARGIN-RIGHT: 3px; PADDING-TOP: 2px }
ul#saturday{ margin: 0; padding: 0; list-style-type: none; width: auto; position: relative; display: block; height: 36px; text-transform: uppercase; font-size: 12px; font-weight: bold; background: transparent url("../images/bgOFF.gif") repeat-x top left; font-family: tahoma,Helvetica,Arial,Verdana,sans-serif; border-bottom: 4px solid #336666; border-top: 1px solid #C0E2D4; }
ul#saturday li{ display: block; float: right; margin: 0; padding: 0; }
ul#saturday li a{ display: block; float: left; color: #874B46; text-decoration: none; padding: 12px 20px 0 20px; height: 24px; background: transparent url("../images/bgDIVIDER.gif") no-repeat top right; }
ul#saturday li a:hover{background:transparent url("../images/bgHOVER.gif") no-repeat top right;}
ul#saturday li a.current,ul#saturday li a.current:hover{color:#fff;background:transparent url("../images/bgON.gif") no-repeat top right;}
.table{ font-size: x-large; line-height: 30px; border-radius: 30px; font-family: conv_original-hafs,tahoma, serif; background: #fff; box-shadow: 0 0 20px rgb(0 0 0 / 15%); }
.table tbody tr:nth-of-type(even) {background-color: #f3f3f3;}
.table td, th { border: 0; }
.table th, .table td { border-top: 0; }
.table td:hover { background-color:#fffccd; }
.error, .notice, .success { padding: 5px 20px 5px 45px; margin-bottom: 1em; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; color: #333; font-size: 16px; font-weight: bold; }
.error { background: #FBE3E4 url(../../../images/exclamation.png) center no-repeat; background-position: 15px 50%; border-color: #FBC2C4; }
.notice {background: #FFF6BF url(../../../images/light_bulb.png) center no-repeat; background-position: 15px 50%; border-color:#FFD324;}
.success { background: #E6EFC2 url(../../../images/tick.png) center no-repeat; background-position: 15px 50%; border-color:#C6D880; }
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
#myform fieldset { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top:20px; background-color: #f2f9fe; border: solid 1px #aedcf5; padding: 20px 15px 10px 15px; font-family: 'Amiri'; font-weight: bold; color: #7d9d45; font-size: 20px; }
#myform fieldset:hover { background-color:#fffccd; border:solid 1px #ffdb60; }
#chapter fieldset { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0 0 20px 0; background-color: #f2f9fe; border: solid 1px #aedcf5; padding: 20px 15px 10px 15px; font-family: 'Amiri'; font-weight: bold; color: #7d9d45; font-size: 14px; }
#chapter fieldset:hover { background-color:#fffccd; border:solid 1px #ffdb60; }
.play{ border-top-left-radius: 10px; border-top-right-radius: 10px; -khtml-border-top-left-radius: 10px; -khtml-border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; margin: 0 0 20px 0; background-color: #f2f9fe; border: solid 1px #aedcf5; padding: 20px 15px 10px 15px; font-family: 'Amiri'; font-weight: bold; color: #7d9d45; font-size: 14px; width: 70%; }
.category_box{ border-bottom: 2px double #afafaf; border-top: 2px double #d7d7d7; margin-top: 15px; }
.files_dec{ margin-top: 10px; margin-bottom: 10px; font-weight: bold; color: navy; }
.buttons{ border: 0px solid fuchsia; width: 70%; margin: 20px .5em 20px 0; text-align: center; }
.buttons a.button,.buttons button{ margin: 0 10px 0 0; padding: 5px 10px 5px 7px; border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; background-color: #f0f8ff; font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif; font-size: 14px; line-height: 130%; text-decoration: none; font-weight: bold; color: #565656; cursor: pointer; }
.buttons button{ width:auto; overflow:visible; padding:4px 10px 3px 7px}
.buttons button[type]{ padding:4px 10px 4px 7px; line-height:17px}
.buttons *:first-child+html button[type]{ padding:4px 10px 3px 7px}
.buttons button img, a.button img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; float:none}
.buttons button:hover, a.button:hover{ background-color: #ff6347; border: 1px solid #c2e1ef; color: white; }
.menu { position: fixed; top: 0px; left: 0px; width: 100%; font: 13px/27px Arial,sans-serif; color: rgb(51, 102, 204); height: 30px; background: none repeat scroll 0% 0% rgb(45, 45, 45); }
.menu a:hover { background-color: rgb(103, 103, 103); color: rgb(204, 204, 204); }
.menu a { text-decoration: none; padding: 6px 8px 7px; color: rgb(204, 204, 204); outline: medium none; }
.menu ul { list-style:none; margin: 0px; padding: 0px 0px 0px 10px; }
.menu ul li { padding: 0px; float: right; }
.menu ul li ul li { padding:0; float:none; margin:0 0 0 0px; width:100%; }
.menu ul li ul { position:absolute; border:1px solid #C3D1EC; -webkit-box-shadow:0 1px 5px #CCCCCC; -moz-box-shadow:0 1px 5px #CCCCCC; box-shadow:0 1px 5px #CCCCCC; margin-top:-1px; display:none; padding:0px 0px 0px 0; }
.menu .active ul { display: block ! important; list-style:none; }
.menu .single ul { display: block ! important; list-style:none; }
.menu .active a { background-color: white; border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgb(195, 209, 236) rgb(195, 209, 236) -moz-use-text-color; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; box-shadow: 0px -1px 5px rgb(204, 204, 204); display: block; height: 29px; padding: 0px 8px; position: relative; z-index: 1; color: rgb(51, 102, 204); }
.menu .current a { background-color: rgb(45, 45, 45); border-top: 2px solid rgb(221, 75, 57); border-bottom: 0px none; display: block; height: 25px; padding: 0px 8px; position: relative; z-index: 1; color: rgb(255, 255, 255); font-weight: bold; }
.menu .active a:hover { background-color: white; color: rgb(51, 102, 204); }
.menu .active ul a:hover { background-color: rgb(228, 235, 248); list-style: none; }
.menu .active ul a { border: 0px none ! important; -webkit-box-shadow:0 0 0 #CCCCCC; -moz-box-shadow:0 0 0 #CCCCCC; box-shadow: 0px 0px 0px rgb(204, 204, 204); width: 100%; border:0; list-style: none; }
.menu .arrow { border-color: rgb(192, 192, 192) transparent rgb(192, 192, 192); border-style: solid dashed none; margin-right: 5px; position: relative; top: 10px; }
.menu .mid-line { background-color: rgb(255, 255, 255); border-top: 1px solid rgb(229, 229, 229); font-size: 0px; }
.ayat{ color: black; font-size: 26px; clear: both; font-family: 'me_quran',tahoma, serif; line-height: 65px; word-wrap: break-word; text-decoration: none; }.ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; color: Black; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; font: menu; font-size: 12px; line-height: 16px; overflow: hidden; }
.ac_loading { background: white url('ajax-loader.gif') right center no-repeat; }
.ac_odd { background-color: #eee; }
.ac_over { background-color: #0A246A; color: white; }

