﻿/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:75%;color:#222;background:#f1fafd; font-family: Tahoma, Arial, sans-serif; text-align:center;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;font-family: "Traditional Arabic", arial, "times New Roman", "arabic Transparent";font-weight:bold;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;margin-bottom:1.5em;}
h6 {font-size:1em;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em; font-size:1.1em}
p img { float: right; margin: 1.5em 0 1.5em 1.5em; }
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul {list-style-type:none;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left: 0; margin-right: 1.5em;}
table {margin-bottom:1.4em;}
th {font-weight:bold;}
th, td{padding:4px 10px 4px 5px;text-align:right;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* forms.css */
label {text-align:left; display:block;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #cecece;}
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#E1DBBB;}
/*input[type=text], input.text, input.title, textarea, select {margin:0.5em 0;}*/
input.text, input.title {padding:5px;}
input.title {font-size:1.5em;}
.text{padding:10px;}
textarea {padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* grid.css */
.ramadancontOuter{height:147px;}
/*.cloudscont {background: url('images/clouds_rpt2.jpg') repeat-x top;}*/
.widecontainer {background:#2c62cc url('../ARSiteTheme/images/ramadan-4.jpg') no-repeat top center;background-attachment: fixed;}
.container {width:860px;margin:0 auto; text-align:right;direction: rtl;position:relative;}
.wrapper{background: url(images/contentbg.png) repeat-y;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* Header Updated*/
#header{/*background: url(images/headerback.jpg) no-repeat right bottom;*/width:860px;height:183px;/*height:198px;*/padding-top:15px;}
#topnav{width:821px;margin:0 20px 0 0;}
#topnav ul {list-style-type:none;}
#topnav li{margin-left:20px; float:right;}
#topnav ul li a{color:#fff;text-decoration: none; text-indent:-2000px; overflow:hidden;display:block;}
#topnav ul li a:hover{color: #CACA00;}
.iconhouse a{background: url(images/ntopnavicon.png) no-repeat  -222px 0px;width:76px; height:22px;}
.iconuser a{background: url(images/ntopnavicon.png) no-repeat -97px 0px;width:95px; height:22px;}
.iconemail a{background: url(images/ntopnavicon.png) no-repeat 2px 0px;width:73px; height:22px;}

.iconhouse a:hover{background-position:  -222px -22px;}
.iconuser a:hover{background-position: -97px -22px;}
.iconemail a:hover{background-position: 2px -22px;}
/* END Header */

/* Language */
.langBar{ color:#fff; float: left;}
.langBar a{color:#FFE87F;text-decoration:none;display:block;}
.langBar a:hover{color:#CACA00;}
.langBar span{float:right;}
.langBarTitle{width:40px;display:block;}
.ENLang, .ARLang{ text-indent:-2000px; overflow:hidden;display:block;}
.ENLang a{ background:url(images/languageIcons.gif) no-repeat 0px 3px;width:46px;}
.ENLang a:hover{ background-position:0px -50px;}
.ARLang{ background:url(images/languageIcons.gif) no-repeat -137px -50px;width:49px;}
.ARLang a:hover{ background-position: -137px -50px;}
/* End Language */

/* Navigation */
#navigation{height: 29px;width:848px; padding:1px 12px 0 0; background: url("images/contentbg-nav.png") repeat-y scroll 0 0 transparent;}
#navigation ul{list-style-type:none;}
#navigation li{float:right;text-indent:-2000px; overflow:hidden;}
#navigation ul li a{text-decoration: none; display:block;}

.nav1{width:46px;background-position:right 0;}
a.nav1:hover{width:46px;background-position:right -30px;}
.nav2{background-position:-692px 0; width:98px;}
a.nav2:hover{background-position:-692px -30px; width:98px;}
.nav3{background-position:-596px 0; width:96px;}
a.nav3:hover{background-position:-596px -30px; width:96px;}
.nav4{background-position:-474px 0; width:122px;}
a.nav4:hover{background-position:-474px -30px; width:122px;}
.nav5{background-position:-366px 0; width:108px;}
a.nav5:hover{background-position:-366px -30px; width:108px;}
.nav6{ background-position:-271px 0; width:95px;}
a.nav6:hover{background-position:-271px -30px; width:95px;}
.nav7{ background-position:-173px 0; width:95px;}
a.nav7:hover{background-position:-173px -30px; width:95px;}
.nav8{ background-position:-54px 0; width:119px;}
a.nav8:hover{background-position:-54px -30px; width:119px;}
.nav9{ background-position:0 0; width:54px;}
a.nav9:hover{background-position:-0 -30px; width:54px;}
.nav1, .nav2, .nav3, .nav4,.nav5,.nav6,.nav7,.nav8,.nav9{ height:30px; background-image:url(images/newmenu.jpg);}
/* END Navigation */

#mainContent{padding:14px 28px 0 0;float: right;width: 512px;margin-left:15px;}
#sidebar{width:280px;padding:14px 0 0;float:right;}
.sideBox{ border:1px solid #c4c3c0; background:#eff2f4 url('images/bgSideBox.jpg') repeat-x;-moz-border-radius: 8px;
-webkit-border-radius: 8px;border-radius: 8px; }

/*Featuredbox*/
.featbox{width:475px;height:260px;/*width:504px;height:260px;*/overflow:hidden; margin-bottom:10px; padding:28px 29px 0 0; background:url(images/featured-news.jpg) no-repeat;}
.featboxWrapper{position:relative;overflow:hidden;width:450px; height:195px;margin-bottom:10px;}
.items {width:20000em;position:absolute; }
.featcontent{width: 450px; height: 195px; float:right;}
.featcontent img{ float:left; margin:0 5px 0 10px; width:170px;}
.featcontent  h2 a {color: #710C00;text-decoration: none;}
.featcontent  h2 a:hover {color: #996600;}
.featcontent  h2, .featcontent p{margin-bottom:5px;}

.featTitle a {color: #53412D;text-decoration: none;}
.featTitle h2 a:hover {color: #996600;}

.datebgfeat {width:50px;height:50px;background: url(images/top-datebgmain.gif) no-repeat;text-align:center;float: right; margin:0 0 10px 10px;}
.numDate{font-size:.9em; color:#613f12;}
.numfeat {font:bold 2.2em "Traditional Arabic", arial, "times New Roman", "arabic Transparent"; color:#fbf6ed;}

.navi {width:97px;height:17px; float:right; display:block;}
.navi a {width:17px;height:17px;float:right;margin:0 3px;background:url(images/navigator.png)  no-repeat 0 -25px;display:block;}
.navi a:hover { background-position:0 0; }
.navi a.active {background-position:0 -51px;} 

.next{background: url(images/next2.gif) no-repeat}
.prev{background: url(images/prev2.gif) no-repeat;}
 a.next, a.prev{cursor:pointer;}
.next, .prev{width:17px;height:17px;display:block;float:right;text-decoration: none;text-indent:-2000px;overflow:hidden; cursor:default;}
/*End Featuredbox*/

/* ITEMS */
#SelectedItems {height: 214px;width: 196px;background: url(images/selectedbg.gif) no-repeat;padding: 55px 20px 15px 15px;float: left;clear:left;}
#SelectedItems ul {list-style-type:none;}
#SelectedItems li{background: url(images/dotsign2.gif) no-repeat right top;padding:0 15px 5px 0;margin-bottom:3px;}
#SelectedItems ul li a{color:#6A3500;text-decoration: none;clear:both;}
#SelectedItems ul li a:hover{color: #996600;}
/* END SELECTED ITEMS */

/* Monthly-letters */
#monthly-letters{width:225px;height:105px;/*height:161px;*/padding-top:56px;
text-align:center;margin-bottom:5px;background: url(images/bg-monthly-letters.jpg) no-repeat center center;	float:left;}
#monthly-letters h3{margin:0 0 13px;font-size:2em;}
#monthly-letters h3 a{color:#580e10; text-decoration:none;}
#monthly-letters h3 a:hover{ color:#a3620a;}
.monthly-arch a{color:#3a4713; text-decoration:none;}
.monthly-arch a:hover {color:#006600;}
/* End Monthly-letters */

/* LASTEST ARTICLE */
#Latest-Article{float:right;width:270px; padding-right:10px;}
#Latest-Article img {padding:2px 0 10px 10px;}
#Latest-Article li{margin-bottom:20px;}
#Latest-Article h3{margin-bottom:5px; }
#Latest-Article h3 a{color: #710C00;text-decoration:none;font-size:1.1em;width:100px;}
#Latest-Article h3 a:hover{color: #996600;}
.date-disp{color:#46770B; font-size:.9em; display:block;background: url(images/date.gif) no-repeat right;padding-right:20px;margin-bottom:5px;}
/* END LASTEST ARTICLE */

/* Faqs */
#Faqs{height: 330px;background: url(images/faqsbg.jpg) no-repeat right;margin:10px 0 0 0;}
#Faqs h2{text-decoration: none; text-decoration:none; overflow:hidden; text-indent:-2000px;}
#Faqs h2 a{width:143px; height:29px; display:block;}
#Faqs h3{ margin-bottom:5px; width:372px; float:right; line-height:1.4em;}
#Faqs h3 a{color: #292200;text-decoration: none;}
#Faqs h3 a:hover{color: #6F5C07;}
.FaqsItem{padding:0 20px 17px 10px;background: url(images/check.gif) no-repeat right 1px;margin:0 24px; clear:both;margin:0 24px 27px;}
.readmore{width:27px;height: 27px;float:left;}
.readmore a{width:27px;height: 27px;background: url(images/dotsign.gif) no-repeat;float:left;display:block;}
/* Faqs */

/* Tooltip remember to define focus styles! */
#tooltip {position: absolute;z-index: 3000;border: 1px solid #111;text-align:left;background-color: #fff;padding: 10px;opacity: 0.95;}
#tooltip h3, #tooltip div {margin: 0;direction:rtl;}
#tooltip.moreTooltip{width:230px; }
#tooltip.moreTooltip h3{text-align: justify;}
#tooltip.moreTooltip .body {font-family:Tahoma;font-size:12px;line-height:2em;text-align:justify;}
#tooltip.pretty {font-size:.8em;border: none;width: 230px;padding:40px 10px 0;height: 135px; opacity: 0.95;background: url('images/shadow.png');}
#tooltip.pretty h3 {margin:10px;font-size: 12pt;width: 90%;text-align: justify;font-family: Tahoma;font-size:0.88em;line-height:1.4em;font-weight:normal;}
#tooltip.pretty div { width: 220px; }
/* Tooltip */

 
/* Latest Top Video */	
#latesttopvid{width:280px;margin:0 0 10px;} 
#latesttopvid ul{padding:5px 10px 10px 10px;z-index:900;}
#latesttopvid li{background: no-repeat right;padding:3px 0;}
#latesttopvid ul li a{color:#003B48;text-decoration: none;padding-right:5px;}
#latesttopvid ul li a:hover{color: #990000;}
#latesttopvid .play{color: #003300;text-decoration: none;display:block;width:20px;background:url(images/vidbg.gif) no-repeat 0 3px;height: 21px;	float: right;}
.latesttopvid-title{height:20px;background: url(images/latestVidPlayer.gif)	no-repeat 134px 0;
display:block; text-decoration:none; overflow:hidden; text-indent:-2000px; margin-bottom:0px;}
.ltmdiaDate{color:#46770B; font-size:.9em; display:block;margin-bottom:5px;}

/*#myplayer {margin:0;left:12px;opacity:0.5;position:absolute;top:-2px;}*/
/* END Latest Top Video */	



/* Latest Multimedia */	
#latestmultimedia{width:280px;margin:0 0 10px;}
#myplayer {margin:0;}
#latestmultimedia ul{padding:5px 10px 10px 10px;z-index:900;}
#latestmultimedia li{background: no-repeat right;padding:3px 0;}
#latestmultimedia ul li a{color:#003B48;text-decoration: none;padding-right:5px;}
#latestmultimedia ul li a:hover{color: #990000;}
#latestmultimedia .play{color: #003300;text-decoration: none;display:block;width:20px;
background:url(images/play.gif) no-repeat;height: 21px;	float: right;}
.latestmultimedia-title{height:20px;background: url(images/mediaplayer.gif)	no-repeat 134px 0;
display:block; text-decoration:none; overflow:hidden; text-indent:-2000px; margin-bottom:0px;}
.ltmdiaDate{color:#46770B; font-size:.9em; display:block;margin-bottom:5px;}
/* END Latest Multimedia */	




/*Video Player*/
#vid-player {margin-bottom:10px;padding:11px;}
/*End Video Player*/

/* Search Box */
#searchbox{margin-bottom:10px;padding:10px; height:25px;}
#searchbox .magnify{background:transparent url(images/searchbg.png) no-repeat scroll right 3px;padding:0 23px 0 0; height:25px;}
#searchbox .text{ padding:2px; width:175px; height:18px; margin-left:5px;}
#searchbox input{ float:right;}
/* End Search Box */
/* Search */
#SearchResults{ margin-bottom:20px;}
#SearchResults ul{ margin:0; list-style:none;}
#SearchResults ul li{padding:1em; border-bottom:1px solid #e4d090;}
#SearchResults h2{ margin-bottom:0; border-bottom:1px solid #e4d090; padding-bottom:10px;}
#SearchResults h3{ font-size:1.6em; margin-bottom:3px;}
#SearchResults h3 a{ text-decoration:none;color:#664312;}
#SearchResults h3 a:hover{ color:#583409;}

.CatResult{ font-size:1.6em;color:#560b0b; font-family: "Traditional Arabic", arial, "times New Roman", "arabic Transparent";
background:url(images/catIcon.gif) no-repeat right top;display:block;}
.srchLbl{ text-align:right;}
.srchPage label{ display:inline;}
/*#SearchResults { width:495px; }*/

/* Search Toggle */
.searchFormsTtl {padding:4px 23px;cursor: pointer;margin:1px;
background: #f5f0cd url(images/left.png) no-repeat 489px center; color:#560B0B;}
/*.searchForms {display:none;}*/
.searchForms select{ font-size:1em;}
.searchFormsOuter{ border:1px solid #e7c764; background-color:#fffbe8;}
/* End Search Toggle */
/* End Search */


/* Broadcast Sidebar */
#broadcast{	margin-bottom:10px;width:282px;height:99px;background: url(images/livebroadcast.gif) no-repeat;}
#broadcast a{display:block;text-decoration: none;height:102px;}
#broadcast a:hover{background: url(images/livebroadcast.gif) no-repeat 0px -99px;}
/* END Broadcast Sidebar */

/* Related Sites */
#related-sites{margin-bottom:10px;}
.related-sitesTitle{text-align:center;background:url(images/related-links.gif) no-repeat right center;}
.linksHolder{position:relative;overflow:hidden;
width:205px; height:77px;padding:10px;padding:24px 12px; margin-right:33px;}
.linksWrapper{width:20000em;position:absolute;}
.linksWrapper p{float:left; margin-right:10px; }
.linksHolder a {width:176px;height:40px;padding:17px 25px 10px;text-decoration:none;display:block;
background-color:#FFFFF4;border:1px solid #597343;color:#5f3606;}
/* End Related Sites */

/* NEWS */
#news-box h2{ margin-bottom:.5em;color: #710C00;}
#news-box h2 a{color: #710C00;text-decoration: none;}
#news-box h2 a:hover {color: #996600;text-decoration: none;}
.datebg {width:46px;height:40px; background:url(images/datebg-default.gif) no-repeat;
text-align:center;float:right;padding-top:4px; margin:0 0 10px 10px;}
#news-box .dateMon{font-size:.8em;}
#news-box .dateNum{font-size:1.4em;line-height:1em;}
#news-box .news-item {margin-bottom:20px;background: url(images/newlistbg.gif) no-repeat left bottom;padding:0 0 20px 12px;}
.imgAlignRight{ float: right; margin: 0 0 1.5em 1.5em;}
/* End News */

/* Pager */
.pager{background:transparent url(images/pagerbg.gif) no-repeat scroll right top;height:36px;margin:0 0 10px;padding:14px 18px 0 21px;}
.pager a:link, .pager a:visited{color: #666666;}
.pager a:hover {color: #990000;}
.pager-summary{float:left;color: #663300;}
.pager-current{color: #990000;font-weight: bold;}
.pager-next, .pager-last{color: #660000;}
/* END Pager */

/* Entry */
.summary, .entry { clear:both;}
.entry p{font:bold 1.4em "Arabic Transparent", arial, "times New Roman", "arabic Transparent"; text-align:justify;}
.entry a {color:#23548F;text-decoration:underline;}
.entry a:focus, a:hover {color:#2054A6;}
.entry ul, .entry ol {margin-left: 0; margin-right: 2.5em;
font:bold 1.4em "Arabic Transparent", arial, "times New Roman", "arabic Transparent"; text-align:justify;}
.entry ul {list-style-type:disc;}
.entry ol {list-style-type:decimal;}
/* End Entry */

/* ITEM TOOLS */
#itemtools{margin-bottom:10px;height:20px;}
#itemtools a{color: #003300;text-decoration:none;}
#itemtools a:hover{color:#65470d;}

.bookmarks{margin-right:22px;float:left;padding:0 24px 0 0;background: url(images/icon_email.gif) no-repeat right;}
.iconprint{margin-right:22px;float:left;padding:0 24px 0 0;background:url(images/icon_print.gif) no-repeat right;}
.bookmarks span{cursor:pointer;}
.iconprint span{cursor:pointer;}
.iconcomment{background: url(images/icon_comment.gif) no-repeat right;}

.bg-resize{background: url(images/bg-resize.gif)no-repeat width:130px; height:21px;padding: 3px 0 0 5px;text-align:left; float:right;}
.bg-resize a{display:block;}
/* END ITEM TOOLS */

/* Trips */
.tripsAlbum {width:214px;height:153px;height:153px;background: url(images/albumbg2.png) no-repeat top center;
padding:20px 0 0 0;text-align:center;margin:10px 15px 5px 15px;float:right;}
.tripsAlbum a{text-decoration: none;color: #000000;}
.tripsAlbum a:hover{color: #990000;}
.tripsAlbum img {padding: 0 0 14px 0;}
#trips-inner{margin-bottom:10px;}
#trips-inner p{color:#554444;margin:0 2px 10px 0;}
#trips-inner img , #Article-content img	{margin:10px !important;border: 5px solid #C0C0C0;padding:0 !important;}
#trips-inner a{color:Maroon;}
#trips-inner h2{font-size: 1.4em;}
#trips-inner h3{font-size: 1.2em;}
#trips-inner .site {font-size: 14px;font-weight: bold;}
/* END Trips */

/* Lessons */
.lesson{ width:479px; height:202px;background:url(images/bg-music.jpg) no-repeat;padding:52px 25px 0 0; margin-bottom:10px;}
.lessonWrapper{position:relative;overflow:hidden;width:400px; height:147px;margin-bottom:10px;}
.lessonContent{width: 400px; height: 137px; float:right;}
/* End Lessons */

/* Cat Info */
#CatInfo{margin: 20px 7px 20px;padding: 10px;border: 1px solid #C0C0C0;background-color:#F5F8F9;}
/* Cat Info */

/* Global LIST  */
.globalList{padding:20px 5px;border: 1px solid #a4a3a0;background-color: #fff; width:482px;margin:0 7px 10px 0;width:485px;}
.globalListContent{margin:10px 10px 20px;padding-bottom:10px; border-bottom:1px dashed #CFCBB8;}

.globalList .datebg {width:50px;height:50px;background: url(images/top-datebgmain.gif) no-repeat;
text-align:center;float: right; margin:0 0 5px 10px;}
.globalList .dateMon{font-size:.9em; color:#613f12;}
.globalList .dateNum {font:bold 2.2em/1.2em "Traditional Arabic", arial, "times New Roman", "arabic Transparent"; color:#fbf6ed;}
.globalList h3{color: #53412D; line-height:1.4em; margin-bottom:5px;font-size:2.2em;}
.globalList h3 a{color: #53412D;text-decoration: none;}
.globalList h3 a:hover {color: #996600;text-decoration: none;}
/* END GLOBAL LIST  */

/* tools*/
.musicTools{background:url(images/bg-grudgelink.gif) no-repeat center;height:35px;padding:15px 30px 0 10px;width:400px;display:block;}
.musicTools a{color: #FFFFFF;text-decoration:none;}
.musicTools a:hover{color:#FFCC00;}

.icondetails span{background-image:url(images/icon_details.gif);}
.iconmusic span{background-image:url(images/icon_music.gif);}
.iconreal span{background-image:url(images/icon_real.gif);}
.iconsendfriend span{background-image:url(images/icon_friend.gif);}
.icondownload span{background-image:url(images/icon_download.gif);}
.icontv span{background-image:url(images/icon_tv.gif);}
.iconquicktime span{background-image:url(images/icon_quicktime.gif);}
.iconflv span{background-image: url(images/icon_swf.gif);}
.iconYouTube span{background-image: url(images/youtube.gif);}
.iconMp span{background-image: url(images/iconMp4.gif);}


.icondetails, .iconmusic, .iconreal, .iconsendfriend, .icondownload, 
.icontv, .iconquicktime, .iconflv, .iconYouTube, .iconMp{float:right; margin-left:20px;}

.icondetails span, .iconmusic span, .iconreal span, .iconsendfriend span, .icondownload span, 
.icontv span, .iconquicktime span, .iconflv span, .iconYouTube span, .iconMp span{background-repeat: no-repeat;background-position:right; padding-right:20px; display:block;}
/* END tools1 */

/* MUSIC INNER */
.musicInner{background: url(images/featuredBgMiddle.jpg) repeat-y center center;margin-bottom:10px;}
.musicInner .boxBottom{background: url(images/featured-bg-bottom.jpg) no-repeat center bottom; padding-bottom:10px}
.musicInner .boxTop{background:url(images/music-bg-top.jpg) no-repeat center top;padding:60px 31px 0 0;}
.musicInner h2{color: #53412D; line-height:1.4em; margin-bottom:5px; font-size:2.2em;}
.musicInnerContent{ width:400px;}
.audioPlayer{ margin-bottom:10px; width:414px;}
/* END MUSIC INNER */

/* Video */
.video{ width:479px; height:202px;/*width:504px; height:250px;*/
background:url(images/bg-music.jpg) no-repeat;padding:52px 25px 0 0; margin-bottom:10px;}
.videoWrapper{position:relative;overflow:hidden;width:400px; height:147px;margin-bottom:10px;}
.videoContent{width: 400px; height: 137px; float:right;}
/* End Video */

/* MUSIC INNER */
.videoItem{background: url(images/featured-bg-middle.jpg) repeat-y center center;margin-bottom:10px;}
.videoItem .vidBottom{background: url(images/featured-bg-bottom.jpg) no-repeat center bottom; padding-bottom:10px}
.videoItem .vidTop{background:url(images/video-bg-top.jpg) no-repeat center top;padding:60px 45px 0 0;}
.videoItem h2{color: #53412D; line-height:1.4em; margin-bottom:5px;}
.videoItemContent{ width:400px;}
.videoPlayer{ margin-bottom:10px; width:414px;}
/* END MUSIC INNER */

/* Featured Fatawa */
.ftw{ width:479px; height:215px;/*width:504px; height:250px;*/
background:url(images/fatawabg.jpg) no-repeat;padding:52px 25px 0 0; margin-bottom:10px;}
.ftwWrapper{position:relative;overflow:hidden;width:460px; height:147px;margin-bottom:10px;}
.ftwInner {width:20000em;position:absolute; }
.ftwContent{width: 460px; height: 137px; float:right;}

.ftw h2 a {color: #53412D;text-decoration:none;}
.ftw h2 a:hover {color: #996600;}

.FatID {height:51px;float:right;min-width:60px;display:block;background: url(images/bgftwIDLeft.gif) no-repeat top right;padding-right: 6px; margin:0 0 5px 10px;}
.numWrapper{text-align:center;height:51px;background: url(images/bgftwIDRigth.gif) no-repeat; padding-left:6px;}
.numID{text-align:center;font:bold 2.2em/1em "Traditional Arabic", arial, "times New Roman", "arabic Transparent";
 color:#fbf6ed;padding-top:7px;}
.IDname{background: url(images/FatName.gif) no-repeat; width:64px; height:12px; display:block;}

.naviFtw {width:73px;height:17px; float:right;}
.naviFtw a {width:17px;height:17px;float:right;margin:0 3px;background:url(images/navigator.png)  no-repeat 0 -25px;	display:block;}
.naviFtw a:hover { background-position:0 0; }
.naviFtw a.active {background-position:0 -51px;} 

.nextFtw{background: url(images/next2.gif) no-repeat}
.prevFtw{background: url(images/prev2.gif) no-repeat;}
 a.nextFtw, a.prevFtw{cursor:pointer;}
.nextFtw, .prevFtw{width:17px;height:17px;display:block;float:right;text-decoration: none;text-indent:-2000px;
overflow:hidden; cursor:default;}
/* End Featured Fatawa */

/* MUSIC LIST  */
.fatawaList{padding:20px 5px;border: 1px solid #a4a3a0;background-color: #fff; width:482px;margin:0 7px 10px 0;width:485px;}
.fatawaListContent{margin:10px 10px 20px;padding-bottom:10px; border-bottom:1px dashed #CFCBB8;}
.fatawaList h3{color: #53412D; line-height:1.4em; margin-bottom:5px;}
.fatawaList h3 a{color: #53412D;text-decoration: none;}
.fatawaList h3 a:hover {color: #996600;text-decoration: none;}
.dateTime{color: #255F03;font-size: .9em;}
/* END MUSIC LIST  */


/* MUSIC INNER */
.fatawaInner{background: url(images/fatawabg-middle.gif) repeat-y center center;margin-bottom:10px;}
.fatawaInner .fatBottom{background: url(images/fatawabg-bottom.gif) no-repeat center bottom; padding-bottom:30px}
.fatawaInner .fatTop{background:url(images/fatawabg-top.gif) no-repeat center top;padding:60px 31px 0 0;}
.fatawaInner h3{color: #53412D; line-height:1.4em; margin-bottom:5px;}
.fatawaInnerContent{ width:400px;}
.fatawaInfo{font-size: .9em;color: #255F03;}
/* END MUSIC INNER */

/* MUSIC LIST  */
.fatawaAnswer{padding:5px 5px; border: 1px solid #a4a3a0; background-color: #fff; margin:0 7px 10px 0;width:480px;}
.fatawaAnswerContent{margin:10px 6px 10px;padding-bottom:10px;}
.fatawaAnswer h3{color: #53412D; line-height:1.4em; margin-bottom:5px;}
/* END MUSIC LIST  */

/* Where Am I */
#siteNavigator{font-size:0.8em;margin-bottom:10px;
padding:5px 26px;width:794px;}
#siteNavigator :link, #siteNavigator a:visited{color:#493706;text-decoration: none;}
#siteNavigator a:hover{color: #990000;}
/* Where Am I */

/*Video Scroll*/
#videoSide{width:256px;height:245px;margin-bottom:10px; padding:10px 12px;}
.videoSideWrapper{position:relative;overflow:hidden;width:256px; height:245px;margin-bottom:5px;}
.itemsVid {width:20000em;position:absolute; }
.videoSidecontent{width: 256px; height: 245px; float:right; text-align:center;}

.ntVid{background: url(images/nextvideo.gif) no-repeat;float:left;}
.pvVid{background: url(images/previewvid.gif) no-repeat;float:right;}

a.ntVid, a.pvVid{cursor:pointer;}

.ntVid.disabled{ background: url(images/nextvideoDis.gif) no-repeat;}
.pvVid.disabled{ background: url(images/previewviDisable.gif) no-repeat;}

.ntVid, .pvVid{width:57px;height:16px;display:block;text-decoration: none;cursor:default;}
/*Video Scroll*/

/* Contact Us */
#commTable select{width:232px;}
#cntct-bottom{background: url(images/broadcast-bg-bottom.jpg) no-repeat left bottom;}
#cntct-middle{background: url(images/broadcast-bg-middle.jpg.jpg) repeat-y 0px 0px;}
#cntct-top {background: url(images/cntct-inner.jpg) no-repeat;padding:65px 57px 37px; margin-bottom:10px;}
#cntct-top h3{ color:#53412D; font-size:2em;line-height:1.5;}
#cnctForm{background-color:#FFFFFF;border:1px solid #A4A3A0;margin:0 7px 10px 0;padding:20px 5px;width:485px;}
#cnctForm p{ padding:0 22px;}
#cnctForm label{ width:100px;}
/* End Contact Us */

/* Ask Question */
#askQ-bottom{background: url(images/broadcast-bg-bottom.jpg) no-repeat left bottom;}
#askQ-middle{background: url(images/broadcast-bg-middle.jpg.jpg) repeat-y 0px 0px;}
#askQ-top{background: url(images/cntct-inner.jpg) no-repeat;padding:65px 57px 37px; margin-bottom:10px;}
#askQ-top h3{ color:#53412D; font-size:2em;line-height:1.5;}
#askQForm{background-color:#FFFFFF;border:1px solid #A4A3A0;margin:0 7px 10px 0;padding:20px 5px;width:485px;}
#askQForm p{ padding:0 22px;}
#askQForm label{ width:160px; display:inline;}
#askQForm .text, #askQForm textarea{width:220px;}
#askQForm a{ border:1px solid #4e3316; padding:3px 13px;width:40px; background-color:#b59d71; text-decoration:none; color:#fff;}
#askQForm a:hover{ border:1px solid #925809; padding:3px 13px;width:40px; background-color:#d0b075; text-decoration:none; color:#fff;}
.qsResult{ text-align:center;}
.FeedBack{ color:Maroon; font-size:2em; display:block; text-align:center;}
/* End Ask Question */

/* Broadcast */
#broadcast-middle{background: url(images/broadcast-bg-middle.jpg.jpg) repeat-y center 0px;}
#broadcast-bottom{background: url(images/broadcast-bg-bottom.jpg) no-repeat center bottom;}
#broadcast-inner {background: url(images/audio-bg-top.jpg.jpg) no-repeat center top;padding:56px 42px 50px 28px; margin-bottom:10px;}
#broadcast-inner h3 a:hover {color: #996600;}

.broadcast-day{background-color: #d9f3fa;}
.broadcast-month{background-color: #fff6cd;}
.broadcast-event{float:right;}

.broadcastOuter {clear:right;margin:0 5px 0 10px;background-repeat: repeat-x;background-position: bottom;}	
.broadcasttitle{padding: 0 0 2px 0;color: #34291c;}

#Schedule-brdcst{border:1px solid #fef8ed;background-color: #c69c6d;}
.title-Schdl,#Schedule-brdcst tbody tr th{background: #cfc6b1 url(images/tb_Title.jpg) repeat-x;height: 32px;padding: 0 10px;color: #413620;}
#Schedule-brdcst tr{background:#f7ecd5 url(images/tb_body.jpg) repeat-x;height: 35px;padding: 5px;}
#Schedule-brdcst tr td{padding:5px;}

.BrdcstMsg{background:#FBE3E4 none repeat scroll 0 0;border:2px solid #FBC2C4;
color:#8A1F11;display:block;margin:10px auto 1em;padding:0.4em;text-align:center;width:392px;}
.BrdcstMsg p{margin-bottom:0;}

.QsForm {background-color:#FFFFFF;border:1px solid #A4A3A0;margin:0 7px 10px 0;padding:20px 5px;width:485px;}
.QsForm .success{ display:block;text-align:center;}
.QsForm label{ width:100px;}
.QsForm h3{color:#53412D; font-size:2em;margin-bottom:5px;}
/* End Broadcast */

/* category menu */ 
#categories{ padding:10px; margin-bottom:20px;}
.catTitle{ font-size:2.2em; margin:0;}
.parentMenu{border-bottom:1px dashed #eaeaea; display:block; width:258px; padding:4px;}
.activelinkDiv {background-color:#D1E8EF}
.activelinkDivParent {background-color:#DFDFDF}
.parentMenu a{text-decoration:none; color:#05505d; width:100px; font-size:1.1em;}
.parentMenu a:hover{color:#3d93a2;}

.menu_head {cursor:pointer;background-image: url(images/control_right.gif);
background-repeat:no-repeat;float:left; display: block; width:20px; height:10px; float:left;  margin-top:3px; margin-right:-2px;}
.menu_body {background-color:#dbeff8; width:256px;}
.siblings { font-size:0.9em;padding:4px 10px;border:1px solid #e8f1f8;}
#categories .siblings a{ color:#4084a6;}
/* category menu */ 

/* Footer */
#footer{background: url(images/bgFooter.png) no-repeat; width:860px; /*height:80px;*/
 display:block;margin:0 auto; text-align:right;direction: rtl;}
/* End Footer */

/* Related Links */
.rLinks{padding:10px; margin-bottom:10px;}
.rLinks ul{list-style: none;}
.rLinks h3{margin-bottom:5px;}
.rLinks li{background:transparent url(images/control_right.gif) no-repeat scroll right 4px;margin-bottom:8px;padding-right:18px;}
.rLinks li a{text-decoration:none;color:#003B48;}
.rLinks li a:hover{color:#000;}
/* end Related Links */

/* Comments */
.multiComm {background-color:#FFFFFF;border:1px solid #A4A3A0;margin:0 7px 10px 0;padding:20px 5px;width:485px;}
.successMulti{ padding:.8em;margin-bottom:1em;border:2px solid #C6D880;background:#E6EFC2;text-align:center;
color:#264409; display:block;margin:0 auto;width:475px;}
.multiComm h3{color:#53412D; font-size:2em;margin-bottom:5px;}
.multiComm .text, .multiComm textarea{width:220px;}
.multiComm a{ border:1px solid #4e3316; padding:3px 13px;width:40px; background-color:#b59d71; text-decoration:none; color:#fff;}
.multiComm a:hover{ border:1px solid #925809; padding:3px 13px;width:40px; background-color:#d0b075; text-decoration:none; color:#fff;}
/* End Comments */

/* Related Links */
.mediaLinks{background-color:#FFF5E2;border:1px solid #C6A255;padding:10px; margin:10px 0 25px;width:417px}
.mediaLinks ul{list-style: none;}
.mediaLinks h3{margin-bottom:5px;}
.mediaLinks li{background:transparent url(images/mediaLinks.gif) no-repeat scroll right 4px;margin-bottom:8px;padding-right:18px;}
.mediaLinks li a{text-decoration:none;color:#7F5717;}
.mediaLinks li a:hover{color:#000;}
/* end Related Links */

/* Newsletter */
#newsletter{ width:282px;height:50px; margin-bottom:10px;}
#newsletter a{ width:282px;height:50px; display:block; text-decoration:none; text-indent:-2000px; overflow:hidden;
background:url(images/newsletter.gif) no-repeat;}
/* Newsletter */

/* Title Habib */
.titleHabib{width:247px; height:124px;float:right;background:url(images/habib-title.png) no-repeat;display:block;margin-right: 24px;}
.titleHabibTwo{width:199px; height:141px;float:left;background:url(images/habib-titile-2.png) no-repeat  0 26px;display:block;}
/* Title Habib */



