/*------------------------------ ID ------------------------------*/
@font-face{font-family:"Uthmanic";src:url("../fonts/UthmanicHafs1Ver09.otf") format("truetype");font-weight:normal;font-style:normal;}
@font-face{font-family:"anemad2";src:url("../fonts/anemad2.ttf") format("truetype");font-weight:normal;font-style:normal;}
@font-face{font-family:"Abo-thar";src:url("../fonts/Abo-thar.ttf") format("truetype");font-weight:normal;font-style:normal;}
html, body {height: 100%;}
body{padding:0;margin:0;font-family:"Uthmanic",tahoma, Arial, Helvetica, georgia, sans-serif;font-size:12px;color:#303030;text-align:justify;background:url(../images/bg_body.jpg) repeat #ffffff;}
div,iframe,form{margin:0;padding:0;}
img{border:0;}
table{padding:0;margin:0;border:0;}
a{text-decoration:none;}
#main{width:100%;background:#cecece;background:url(../images/bg_header_top.jpg) repeat-x top;}
#mainCenter{width:1052px;margin:0 auto;}
#header{ width:834px; overflow:hidden;margin:0 auto;}
#headerContainer{ width:814px; overflow:hidden;margin:0 auto;background:#c6c6c6;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#brand{ width:794px; overflow:hidden;margin:0 auto;}
#brand a{height:150px;width:150px;display:block;}
#Menu{width:834px;height:44px;background:#1badab;overflow:hidden;line-height:44px;-webkit-border-top-left-radius:7px;-moz-border-top-left-radius:7px;border-top-left-radius:7px;}
#shareLang{height:44px;line-height:60px;margin-left:10px;}
#headerLogo{width:174px;}
#Logo{width:186px; margin:5px auto;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#bodyPageLeft{ width:218px; vertical-align:top}
#bodyPageRigth{ width:834px; }
#TopLeft{ width:218px;background:#1badab;-webkit-border-top-right-radius: 7px;-webkit-border-bottom-right-radius: 7px;-moz-border-top-right-radius: 7px;-moz-border-bottom-right-radius: 7px;border-top-right-radius: 7px;border-bottom-right-radius: 7px;}
#bottomLeft{width:218px;background:#1badab;-webkit-border-top-right-radius: 7px;-webkit-border-bottom-right-radius: 7px;-moz-border-top-right-radius: 7px;-moz-border-bottom-right-radius: 7px;border-top-right-radius: 7px;border-bottom-right-radius: 7px;-webkit-border-bottom-left-radius: 7px;-moz-border-bottom-left-radius: 7px;border-bottom-left-radius: 7px;}
#bottomLeftContent{margin:0 15px;}
#Category{ width:190px;margin:0 auto;}
#Iner{ width:834px;}
#InerContainer{ width:834px;background:#ffffff;-moz-box-shadow: 0px 0px 5px #6e6b6b; /* FF3.5+ */-webkit-box-shadow: 0px 0px 5px #6e6b6b; /* Saf3.0+, Chrome */box-shadow: 0px 0px 5px #6e6b6b; /* Opera 10.5, IE9, Chrome 10+ */}
#bodyPage{width:810px;margin:0 auto;}
#Footer{width:100%; background:#d7d7d7;}
#FooterContainer{ width:1055px; height:42px; overflow:hidden; line-height:42px; background:#1badab;margin:0 auto;-webkit-border-bottom-right-radius: 7px-webkit-border-bottom-left-radius: 7px;-moz-border-bottom-right-radius: 7px;-moz-border-bottom-left-radius: 7px;border-bottom-right-radius: 7px;border-bottom-left-radius: 7px;}
#Copy{ width:1052px; height:25px; overflow:hidden;margin:0 auto; line-height:25px;}
/*----------------------------Classes Styles----------------------------------*/
.boxCenter{}
.boxCenterTitle{height:40px;line-height:40px;width:810px;margin:0 auto;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;color:#FFFFFF;font-size:16px;background:#1badab;}
.boxCenterTitleContent{padding:0 20px;}
.boxCenterTitleContent a{color:#FFFFFF;}
.boxCenterTitleContent a:hover{color:#000000;}
.boxCenterDescription{width:810px;background:#ffffff;}
.boxContainer{ border-top:1px solid #d6d6d6;border-right:1px solid #d6d6d6;border-left:1px solid #d6d6d6;border-bottom:2px solid #d6d6d6;width:186px;font-size:11px;color:#d6d6d6;background:#ffffff;margin:0 auto;}
.boxTitle{ width:186px;font-size:11px;color:#d6d6d6;background:#f2f2f2; }
.boxImage{width:186px;font-size:11px;color:#d6d6d6;background:#ffffff; }
.CategoryTitle{width:190px;margin:10px auto;height:36px;line-height:36px;background:#FFFFFF;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.BoxMenuTitle{width:190px;margin:10px auto;height:36px;line-height:36px; background: #FFFFFF;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#descriptionArticleShow .quran p, #descriptionArticleShow .quran span{unicode-bidi: bidi-override !important;line-height: 50px !important;font-family: "Uthmanic",tahoma, Arial, Helvetica, georgia, sans-serif !important;}
/*#descriptionArticleShow td p, #descriptionArticleShow td span{unicode-bidi: isolate !important;}*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*------------------Most of the styles below will not change------------------*/
/*------------------Only we can change the colors and fonts-------------------*/
/*------------------------------Width or height-------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*--------------------------Default IDs Styles--------------------------------*/
#tickerAnchor{font-size:12px;min-height:25px;}
#marqueeBlock{height:29px;line-height:29px;overflow:hidden;border-bottom: 1px solid #C6C6C6;}
#marqueeBlockLatestDataDiv, #marqueeBlockChooseDataDiv{width:232px;min-height:150px;overflow:hidden;}
#marqueeBlockEventDataDiv{width:198px;height:150px;overflow:hidden;}
#marqueeBlockLatestData, #marqueeBlockChooseData, #marqueeBlockEventData{height:150px;}
#ResultSubscribe, #ResultInvite, #VoteIDSelection{color:#FFFFFF;font-size:11px;}
#ResultVote{color:#FFFFFF;}
/*------------------------Default Classes Styles------------------------------*/
.searchReplace{color:#FF0000;}
.underline{text-decoration:underline;}
.directionLeft{direction:ltr;}
.directionRight{direction:rtl;}
.bold{font-weight:bold;}
.paddingPic{margin:0 0 10px 10px;}
.borderBottom{border-bottom:1px dashed #303030;height:1px;line-height:1px;overflow:hidden;font-size:0;}
.hideElement{height:0;line-height:0;padding:0;margin:0;overflow:hidden;font-size:0;}
/*----------------------------Inputs Styles------------------------------------*/
.InputText{border-top:1px solid #303030;border-right:1px solid #303030;border-left:1px solid #303030;border-bottom:2px solid #303030;width:98%;font-size:11px;color:#303030;}
.InputText:focus{border-top:1px solid #1badab;border-right:1px solid #1badab;border-left:1px solid #1badab;border-bottom:2px solid #1badab;width:98%;font-size:11px;color:#1badab;}
.InputTextSearch{border-top:1px solid #303030;border-right:1px solid #303030;border-left:1px solid #303030;border-bottom:2px solid #303030;width:150px;font-size:11px;color:#303030;}
.InputTextArchive{border-top:1px solid #303030;border-right:1px solid #303030;border-left:1px solid #303030;border-bottom:2px solid #303030;width:70px;font-size:11px;color:#303030;}
a.btn,input,textarea,select{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:2px;}
.selectInput{width:99.5% !important;}
.selectInputSmall{width:80px !important;}
.imgCorner5{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.imgCorner15{-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
a.btn{padding:7px;}
.btn{background-color:#d0d0d0;color:#1badab;border-style:none;cursor:pointer;padding:7px;}
.btn:hover{background-color:#FFFFFF;color:#1badab;}
/*-----------------------Align and Floats Styles-------------------------------*/
.float_right{float:right !important;}
.float_left{float:left;}
.clear_float{clear:both;height:0;width:0;line-height:0;overflow:hidden;font-size:0;}
.clear_br{height:0;width:0;}
.align_right{text-align:right;}
.align_left{text-align:left;}
.align_center{text-align:center;}
.align_justify{text-align:justify;}
/*---------------------Fonts and Seperators Styles-----------------------------*/
.font_10{font-size:10px;}
.font_11{font-size:11px;}
.font_12{font-size:12px;}
.font_14{font-size:14px;}
.font_16{font-size:16px;}
.font_22{font-size:22px;}
.sep5{height:5px;width:1px;line-height:5px;overflow:hidden;font-size:0;}
.sep10{height:10px;width:1px;line-height:10px;overflow:hidden;font-size:0;}
.sep15{height:15px;width:1px;line-height:15px;overflow:hidden;font-size:0;}
.sep20{height:20px;width:1px;line-height:20px;overflow:hidden;font-size:0;}
/*-----------------------------Links Styles------------------------------------*/
.menu1, .menu1 a{color:#1badab;}
.menu1 a:hover{color:#303030;}
.menu2, .menu2 a{color:#303030;}
.menu2 a:hover{color:#1badab;}
.menu3, .menu3 a{color:#FFFFFF;}
.menu3 a:hover{color:#303030;}
.menu4, .menu4 a{color:#303030;}
.menu4 a:hover{color:#FFFFFF;}
/*-----------------------------Marquee Styles----------------------------------*/
.titleNewsMarquee{color:#1badab;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:12px;}
.marqueeData{color: #303030;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
.marqueeData a{text-decoration:underline;color:#303030;}
.marqueeData a:hover{color:#1badab;}
/*---------------------------Pagination Styles---------------------------------*/
.pages a{font-size:11px;color: #1badab;text-decoration:none;display:block;width:20px;line-height:20px;text-align:center;border:1px solid #303030;margin:0 3px;}
.pages a:hover{color: #FFFFFF;background-color:#1badab;}
.pages span{font-size:11px;color: #FFFFFF;background-color:#1badab;display:block;width:20px;line-height:20px;text-align:center;border:1px solid #303030;margin:0 3px;}
.pointer{cursor:pointer;}
/*----------------------------Calender Styles----------------------------------*/
.event {font-weight: bold;color: #FFFFFF;background-color:#1badab;display:block;width:100%;text-decoration:none;text-align:center;}
.event:hover {font-weight: bold;color: #FFFFFF;background-color:#303030;width:100%;text-align:center;}
a.linkleft {font-size: 10px;color: #1badab;font-weight:bold;text-decoration:none;}
a.linkleft:hover {font-size: 10px;color: #303030;font-weight:bold;text-decoration:none;}
a.linkright {font-size: 10px;color: #1badab;font-weight:bold;text-decoration:none;}
a.linkright:hover {font-size: 10px;color: #303030;font-weight:bold;text-decoration:none;}
.calendarToday a{color: #FFFFFF !important;background-color:#303030 !important;}
/*----------------------------Comments Styles----------------------------------*/
.commentBox{border:1px solid #B3B3B1;width:100%;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background-color:#f7f7f7;}
.commentTitle{border-bottom:1px solid #B3B3B1;height:25px;color:#303030;padding:0 10px;line-height:25px;}
.commentMsg{min-height:80px;color:#303030;padding:0 10px;}
.padding5{padding:5px;}
.fieldset{border:1px solid #B3B3B1;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background-color:#f7f7f7;padding: 0 10px;}
.fieldset legend{padding:0 10px 0 10px;}
/*------------------------------Votes Styles-----------------------------------*/
.YesNo{background:url(../images/yesno.png) no-repeat right top; display:inline-block;min-height:18px;padding:5px 30px 0 0;}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.YesNo{background:url(../images/yesno.png) no-repeat right top; display:inline-block;min-height:18px;padding:5px 30px 0 0;}
}
a.NoSel{background-position:right 0; color:#FFFFFF;}
a.Sel{background-position:right -42px;color:#303030;}
a:active.YesNo{color:#303030;}
/*---------------------------Testimonials Styles-------------------------------*/
.testimonials{border-right:3px solid #666666;}
.testimonialsContent{padding-right:15px;}
.testimonialsTitle{color:#FF0000;font-size:11px;}
.testimonialsDetails a{color:#FF0000;}
.testimonialsDetails a:hover{color:#999999;}
/*----------------------------Site Map Styles----------------------------------*/
#siteMap {/*margin:10px 0;*/}
.sitemap_level1, .sitemap_level2, .sitemap_level3, .sitemap_level4, .sitemap_level5, .sitemap_level6{border-bottom:1px dashed #b7b8b3;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;color:#303838;}
.sitemap_level1{padding:0 20px 0 0;background:url(../images/left.png) no-repeat right center #f7f7f7;}
.sitemap_level1_down{padding:10px 20px 10px 0;background:url(../images/control_down.png) no-repeat right center #f7f7f7 !important;}
.sitemap_level2{background:#cde5e5;padding:0 20px 0 0;}
.sitemap_level3{background:#daecec;padding:0 40px 0 0;}
.sitemap_level4{background:#e6f2f2;padding:0 60px 0 0;}
.sitemap_level5{background:#f3f9f9;padding:0 80px 0 0;}
.sitemap_level6{background:#ffffff;padding:0 100px 0 0;}
.sitemap_level1 a, .sitemap_level2 a, .sitemap_level3 a, .sitemap_level4 a, .sitemap_level5 a, .sitemap_level6 a{color:#303838;display:block;padding:10px 0;margin:0 10px;}
.sitemap_level1:hover, .sitemap_level1:hover a, .sitemap_level2:hover, .sitemap_level2:hover a, .sitemap_level3:hover, .sitemap_level3:hover a, .sitemap_level4:hover, .sitemap_level4:hover a, .sitemap_level5:hover, .sitemap_level5:hover a, .sitemap_level6:hover, .sitemap_level6:hover a, .sitemap_level1_down:hover, .sitemap_level1:hover{background-color:#1badab !important;color:#FFFFFF;cursor:pointer;}
/*----------------------------Banner Styles----------------------------------*/
#headerBanner{ width:795px;height:239px;position:relative;overflow:hidden;margin:0 auto;background:#FFFFFF;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
div.wrap{margin:0 auto;text-align:left;height:239px;}
div#top div#nav {float : left;clear : both;width : 795px;height : 52px;margin : 22px 0 0 0;}
div#top div#nav ul {float : left;width :795px;height : 52px;list-style-type : none;}
div#nav ul li {float : left;height : 52px;}
div#nav ul li a {border : 0;height : 52px;display : block;line-height : 52px;text-indent : -9999px; color:#333333;}
div#video-header {height : 239px;margin : -1px 0 0 0;}
div#headerBanner div.wrap{height : 239px;position:relative;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
div#headerBanner div#slide-holder{z-index :40;width : 795px;height : 239px;position : absolute;right:0;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
div#headerBanner div#slide-holder div#slide-runner {top:0;left:0;_left:0;width : 795px;height:239px;overflow : hidden;position : absolute;margin:0 auto;}
div#headerBanner div#slide-holder img {margin : 0;display : none;position : absolute;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
div#headerBanner div#slide-holder div#slide-controls{left:0;top:0;height:239px;position:absolute;color:#1badab;font-weight:bold;font-size:16px;vertical-align:middle;}
div#headerBanner div#slide-holder div#slide-controls a{color:#1badab;}
div#headerBanner div#slide-holder div#slide-controls a:hover{color:#FFFFFF;}
div#headerBanner div#slide-holder div#slide-controls div.text{font-size:16px;font-weight:bold;line-height:16px;text-transform : uppercase;width:188px;height:140px;overflow:hidden;color:#FFFFFF;background:url(../images/bg_title_banner.png);margin:10px;padding:10px;text-align:center;display:none;}
div#headerBanner div#slide-holder div#slide-controls p#slide-nav {height : 30px;display : inline;bottom:10px;left:20px;position:absolute;}
div#headerBanner div#slide-holder div#slide-controls p#slide-nav a {float : left;width : 18px;height : 30px;display : inline;font-size : 11px;margin : 0 5px 0 0;line-height : 30px;font-weight : bold;text-align : center;text-decoration : none;background-position : 0 0;background-repeat : no-repeat;color:#1badab;}
div#headerBanner div#slide-holder div#slide-controls p#slide-nav a.on {background-position : 0 -30px;color:#FFFFFF;}
div#headerBanner div#slide-holder div#slide-controls p#slide-nav a {background: url(../images/silde-nav.png) no-repeat;color:#FFFFFF;}
div#nav ul li a {background : url(../images/nav.png) no-repeat;}
/*------------------------------Tabs Styles------------------------------------*/
#boxMedia{width:810px;height:30px;background:#c6c6c6;-webkit-border-top-right-radius:5px;-webkit-border-top-left-radius:5px;-moz-border-top-right-radius:5px;-moz-border-top-left-radius:5px;border-top-right-radius:5px;border-top-left-radius:5px;}
#boxMedia .tabs{width:120px;height:30px;line-height:30px;text-align:center;color:#1badab;float:right;cursor:pointer;}
#boxMedia .on{background:#1badab;color:#FFFFFF;-webkit-border-top-right-radius:5px;-webkit-border-top-left-radius:5px;-moz-border-top-right-radius:5px;-moz-border-top-left-radius:5px;border-top-right-radius:5px;border-top-left-radius:5px;}
#boxMediaContainer{background:#c6c6c6;clear:right;clear:both;border-top:5px solid #1badab;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-bottom-right-radius:5px;-moz-border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;min-height:190px;}
.containerDivInside{padding:10px;}
#boxMediaVideo, #boxMediaAudio, #boxMediaGallery{display:none;}
/*-------------------------Menu Languages Styles-------------------------------*/
#MenuLanguageList{margin:0;padding:0;list-style:none;}
#MenuLanguageList li{float:right;line-height:23px;height:23px;margin:0 10px;}
#MenuLanguageList li a{display:block;color:#000000;}
#MenuLanguageList li a:hover{color:#1badab;}
#MenuLanguageList li.active a{color:#1badab;}
/*-------------------------Menu Site List Styles-------------------------------*/
#MenuSiteList{margin:0;padding:0;list-style:none;height:44px;}
#MenuSiteList li{float:right;line-height:44px;height:44px;}
#MenuSiteList li a{display:block;color:#FFFFFF;padding:0 10px;}
#MenuSiteList li a:hover{color:#1badab;background:#FFFFFF;}
#MenuSiteList li.active a{color:#1badab;background:#FFFFFF;}
/*----------------------Menu Site List Footer Styles----------------------------*/
#MenuSiteListFooter{margin:0;padding:0;list-style:none;height:42px;}
#MenuSiteListFooter li{float:right;line-height:42px;height:42px;}
#MenuSiteListFooter li a{display:block;color:#FFFFFF;padding:0 15px;margin:0;}
#MenuSiteListFooter li:first-child a{display:block;color:#FFFFFF;padding:0 5px;margin:0;}
#MenuSiteListFooter li a:hover{color:#1badab;background:#FFFFFF;}
#MenuSiteListFooter li.active a{color:#1badab;background:#FFFFFF;}