/* CSS Document */
/* table{ display:none} */
.downloadtable{ border:1px solid #C9DFB0; text-align:right; padding:1px 5px 1px 2px}
.downloadtable th {background:#C9DFB0}
.white{background:#F1FDE4}
sup{ color:#FF0}
.vedio iframe{ width:420px; height:600px }
div,h1,ul,li,h2,p{ margin:0;  padding:0; border:0}
li{ direction:rtl}
ul{ padding:1px 18px 0 0}
p{ direction:rtl}
body{ margin:0 auto; font-size:13px ; font-family:Tahoma; color:#353535; text-align:center; background:url(bg.jpg) repeat-x top #fff }
div{ border:0px solid #E6E6E6}
a:link{ font-size:100%; color:#000; text-decoration:none}
a:visited{ font-size:100%; color:#333; text-decoration:none}
a:hover{ font-size:100%; color:#630; text-decoration:underline}
#container{ background:url(page-bg.jpg) repeat-y; width:740px; margin:0 auto}
#header{ background:url(logo2.jpg) 595px 1px no-repeat ; height:48px; color:#fff}
#featured{ clear:both}
#featuredleft{ float:left; width:583px; background:url(featured-bg.jpg) repeat-x; height:148px}
#featuredright{float:left; width:157px; color:#FF0; margin-top:10px; height:110px }
.f0{; background:url(f00.jpg) no-repeat 30px 50px;}
.f1{; background:url(f01.jpg) no-repeat 30px 50px}
.f2{; background:url(f02.jpg) no-repeat 30px 50px}
.f3{; background:url(f03.jpg) no-repeat 30px 50px}
.f4{; background:url(f04.jpg) no-repeat 30px 50px}
.f5{; background:url(f05.jpg) no-repeat 30px 50px}
.f6{; background:url(f06.jpg) no-repeat 30px 50px}
.f7{; background:url(f07.jpg) no-repeat 30px 50px}
.f8{; background:url(f08.jpg) no-repeat 30px 50px}
.f9{; background:url(f09.jpg) no-repeat 30px 50px}
.f010{; background:url(f010.jpg) no-repeat 30px 50px}
.f012{; background:url(f011.jpg) no-repeat 30px 50px}
.f011{; background:url(prayer.jpg) no-repeat 30px 50px}
#featuredright ul{ color:#fff; text-align:right; font-size:105% }
#quran{ background:url(alah.jpg) no-repeat 422px 19px; color:#FFFFFF; height:100%}
#ft{ background:url(ft.jpg) no-repeat 562px 24px; height:100%; color:#353535}
#ft ul{ float:left; margin:8px 2px 2px 10px; display:inline; }
#ft li{ padding:0 5px 0 5px ; display:inline; }
#fr-one{ background:url(uppernav.jpg) bottom no-repeat; height:15px }
#fr-two{ background:url(nav-bg.jpg) repeat-y}
#fr-two li{list-style:none; text-align:right}
#fr-two ul{text-align:right; padding:0 0 0 0px}
#fr-three{ background:url(downnav.jpg) top no-repeat; height:11px }
.channellogo{ float:right; margin:0 10px 0 0 }
#content{ clear:both; height:100%;background:url(fb.jpg) no-repeat 562px 0px; width:100%; padding:25px 0 0 0}
#flash{ clear:both; width:100%; padding:5px 2px 2px; text-align:center}
#shikh{ clear:both; width:100%; text-align:right; margin:10px 0 10px 0; background:#F0F0F0; display:none}
#shikh img{ float:right; margin:3px 20px 3px 3px}
#listed{ clear:both; width:100%; text-align:right; margin:10px 0 10px 0; background:#F0F0F0;}
#listed img{ float:right; margin:3px 20px 3px 3px; display:none}
#listed ul{ margin:0 18px 0 0; list-style-type:circle; margin:0 18px 0 0}
#listed li{ float:right; width:40%; text-align:right; list-style:square;  border:1px solid #fff; padding:0 12px 0 0}

#disclamer{ clear:both; width:100%; margin:30px 0 10px 0; direction:rtl; vertical-align:bottom; display:none}
#disclamer img{ border:0}
#left{ float:left; width:550px; margin:0 0 0 6px; border:0px solid #0ff; height:100%}
#right { float:right; width:166px; color:#FF0; border:0px solid #00f}
#right a:link,#right a:visited{ color:#fff; text-decoration:none }
#right a:hover{ color:#FF0; text-decoration:none }
#right ul{ padding:0; margin:0; width:100%; margin-top:10px}
#right li{ list-style:none; text-align:right; background:url(black-nav-sep.jpg) no-repeat bottom right; padding:3px 10px 7px 0; height:100%; line-height:180%}
#footer{ clear:both; color:#372F2D; width:100%; background:#DFDFE9}
.list{ clear:both}
.list li{ display:inherit; width:150px ; border:0px solid #000; margin:2px 5px ; float:right; color:#FF0000; background:url(listbg.jpg) center repeat-x #DFFFB3}
.list ul{ width:90%; margin:10px 5px 10px 5px}
.blue{ color:#0000FF}
.alignright{ text-align:right}
h1{ font-size:105%; color:#003300; margin:3px 0 3px ; direction:rtl}
h2{ font-size:110%; color:#006600; margin:3px 0 3px; direction:rtl }
h3{ font-size:120%; color:#990000; margin:3px 0 3px; direction:rtl }
.source{ color:#FF0000; font-size:90%}
.title{ color:#990033; font-size:105%; font-weight:bold; margin:5px}
.name{ color:#990033;}
.text{ text-align:right; direction:rtl; clear:both}
.text ul{ width:46%; float:right; margin:15px 0 15px}
.text li { line-height:175%; color:#F00}
.text li a:link,.text li a:visited.list li a:link,.list li a:visited,{  display:block;width:100%; text-decoration:none}
.text li a:hover,.list li a:hover{ display:block; width:100%; background:url(listbg0.jpg) ; text-decoration:underline}
.text li a:hover{ display:block; width:100%; background:#E4F7CD ; text-decoration:underline}

.othercolor{ background:#F7FCF3; width:100%}
.library{ width:47%; float:right; margin:2px; border:1px solid  #090; text-align:center}







input{ direction:rtl}

#nav{ background:url(tv-right-top.jpg) no-repeat right top; color:#FFF; text-align:right; width:180px}
#nav a:link,#nav a:visited,#header a:link,#header a:visited{ color:#353535; text-decoration:none }
#nav a:hover,#header a:hover{ color:#666; text-decoration:none }

#nav li{ list-style:url(bullet.gif) inside; padding:0px 5px 3px 3px; direction:rtl; background:url(line.jpg) no-repeat bottom}
#nav ul{ margin:0 3px 0 0; padding:0; direction:rtl}

#curveleft{ background:url(tv-leftt-top.jpg) no-repeat top left; width:100%; height:100%}
.ss{ text-align:right; color:#fff; background:url(tv-left-bottom.jpg) left bottom no-repeat  }
.bluebutton{ background:url(bluebutton.jpg) bottom repeat-x #4D7DB5; color:#FF3 ; text-align:center; padding:0px 5px 1px; border:0px solid #215CA3; cursor:pointer;font-family:tahoma; font-weight:normal}

#secondpart{ clear:both; margin:2px 0 0 0}
.ll{ margin:5px 2px 0 0;}
.imageclip{ float:left}
.clip h1{ background:url(recent-bg-head.jpg) repeat-x; font-size:100%; color:#FFF; clear:both; height:23px; font-weight:normal; height:100% ; width:100%}
.leftimg{ float:left}
.rightimg{ float:right}

.copyright{ color:#fff; font-size:90%; padding:2px}

.red{ color:#FF0000; font-size:85%}

.centeralign{ text-align:center}
/*floating*/
.fleft{ float:left}
.fright{ float:right}


.clip{ width:46%; margin:5px; text-align:right; float:right; border:1px solid #64B708; height:100%; padding: 0 0 3px 0}
.clip h2{ background:url(headbg.jpg) repeat-x top #549202; height:20px; color:#FFFC08; width:100%; text-align:right; font-size:100%; padding:0 3px 0 0;font-weight:normal}
.clip h2 a:link,.clip h2 a:visited{ color:#FF0; text-decoration:none; font-weight:normal}
.clip h2 a:hover{ color:#FFf; text-decoration:underline;font-weight:normal}
.clear{ clear:both; height:0; content:""}
.more{ color:#F00}
.more a:link,.more a:visited{ color:#F00; text-decoration:none}
.more a:hover{ color:#F60; text-decoration:underline}
.featuredarea{width:256px; margin:5px; float:right; border:1px solid #64B708; height:106px}
.featuredarea a:link,.featuredarea a:visited{ color:#333; text-decoration:none}
.featuredarea a:hover{ color:#fff; text-decoration:underline}
.featuredarea ul { margin:25px 0 0 0 ; width:65%}
.featuredarea p { text-align:center; margin:5px 0 0 0; color:#FFFFFF}
.red a:link,.red a:visited{ color:#F00; font-size:90%}
.red a:hover{ font-size:90%; color:#F90}

/*tv*/
#tv{ clear:both}
#radio{ float:left}
#radio{ height:60px; padding:130px 0 0 0 ; background:url(radio.jpg) no-repeat center top #000}
#radio p{ color:#FFFF00}
#tvchannel{color:#ff0; border:0px solid #8F8F8F;}
#tvchannel ul{ margin:0;padding:0}
#tvchannel li{ list-style:none; float:right; height:67px; background:url(channelbg.jpg) repeat-x #000; padding:0; margin:1px; width:250px}
#tvchannel li img{ float:left; margin:0 2px; border:0}
#tvchannel a:link,#tvchannel a:visited{ color:#FFF; text-decoration:none}
#tvchannel a:hover{ color:#FF0; text-decoration:underline}


/*header02*/
#banner{ border:0px solid #ff0; height:25px}
/* MENU PANEL*/
#banner ul{display:block; width:72%; height:30px;  margin:12px 0 0 ; padding:0 0 0 10px}
#banner ul li{float:left; font:12px/36px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; margin:0 0 0 0px}
#banner ul li a{width:74px; height:36px; display:block; padding:0; color:#CCC; background:#fff; text-decoration:none; text-align:center; margin:0 0px 0 0;}
#banner ul li a:hover{width:74px; height:36px; text-decoration:none; background:url(button.gif) no-repeat 0 0; color:#fff;}
#banner ul li.active{width:74px; display:block; height:36px; background:url(button.gif) no-repeat 0 0 ; color:#fff; text-align:center; margin:0 ; padding:0}
.affilated{height:60px; width:468px; clear:both; margin:2px auto}
#player2 object{ border:5px solid #000}
.send-friend { background:url(send-afriend.gif) no-repeat ; width:138px; height:38px; border:0; font:bold 15px arial; cursor: pointer; color:#D23900 }