body { margin: 0; padding: 0; font-size: 12px; font-family: tahoma, Arabic Transparent, Traditional Arabic, Simplified Arabic, Arial; *direction:rtl}

h1 {	margin: 0; padding: 0; font-size: 12px; display: inline; font-weight:normal }
h2 {	margin: 0; padding: 0; font-size: 12px; display: inline; font-weight:normal }
h3 {	margin: 0; padding: 0; font-size: 12px; display: inline; font-weight:normal; }

form	{margin: 0; padding: 0;}

img {border: 0;}

table, select, input, textarea	{font-size: 1em; font-family: tahoma, Arabic Transparent, Traditional Arabic, Arial; }
table td {vertical-align:top;}

a,visited { text-decoration: none;}
a:hover {text-decoration: Underline;}

.padinp { height: 17px; padding: 3px 5px 0 5px }


/* Begin header */
.header { width:100%; height: 105px; direction: rtl;  }
.header .logoarea {width: 300px; float: right; padding: 0px 10px 10px 10px;}
.header .searcharea { width: 640px; float: left; padding: 10px;  }
.header .channels { width: 450px; float: left; margin: 0.42em 0 1.28em 0; font-size:0.92em; font-family: tahoma;}
.header .channels .fltrit {padding-top: 0.32em;}
.header .channels a, .header .chanels a:visited { text-decoration: none; }
.header .channels a:hover { text-decoration: underline; }
.header .drop-down {  width: 140px; float: left; position: relative; padding: 2px  }
.header .drop-down .ar {float: left; }
/*.header .popup-menu {width: 100px; height: 100%; padding: 5px; position: absolute; top: 10px; left: 0; overflow: auto; z-index: 999;}
.header .popup-menu a {display: block; padding: 10px; }
.header .popup-menu a.last { border-bottom: none; }*/
.header .popup-menu {width: 12.2em; height: 24.33em; padding: 0.42em; position: absolute; top: 1.5em; left: -1pt; overflow: auto; z-index: 999;}
.header .popup-menu a {display: block; padding: 0.25em; }
.header .popup-menu a.last { border-bottom: none; }
.header .searchbox { width: 450px; float: left; padding: 10px 0px 10px 0px}
.header .searchfld { width: 360px; padding: 3px;  float: right }
.header .searchbtn {  font: bold 12px tahoma;  padding-bottom: 3px; float:left; width: 59px ; height: 24px; border:0px; color:#FFFFFF}

.nav { height: 28px;  color:#FFFFFF; direction:rtl; padding:4px 10px 0 10px}
.nav a,visited { color:#FFFFFF}
.nav .tab_on { background: url(tab_on.gif) center top no-repeat; color: #f28900; width: 110px; height: 28px; padding: 0; vertical-align: middle; padding-bottom: 3px }
.subnav { height: 63px; width: 100%;  direction:rtl}
.subnav a,visited { color:#000000}

/*Footer Begin*/
.footer { width:100%;  height: 100%;  line-height: 130%; overflow: hidden}
.footer_lnk{ text-align:right; float:right; padding: 10px}
.footer_lnk a,visited{text-decoration:none;}
.footer_lnk a:hover{text-decoration:underline;}
.copyright {font-size:11px;  padding-bottom: 5px}

/* Begin body */
.main { width: 980px; margin: 0 auto; height: 100%; overflow: hidden; }
.cntnt { direction: rtl; }

.clmnrit {float: right; width: 666px; padding-left: 14px }
.clmnlft {float: left; width: 300px; }

.clmnritin {float: right; width: 746px; padding-left: 14px }
.clmnlftin {float: left; width: 220px; }

.pad10 { padding: 10px;}
.pad5 { padding: 5px;}
.pad05 { padding: 0px 5px;}
.pad50 { padding: 5px 0px;}
.padinp { height: 17px; padding: 3px 5px 0 5px }
.padr{ padding:2px 20px 0px 0px}
.padl22{ padding-left:22px}
.padt10{padding:10px 0}
.padhome{padding:4px 0 15px}


.cls{ clear:both; }
.half { line-height: 50%; }
.fltrit { float:right; }
.fltlft { float:left; }

.brdw { border: 2px solid #fff;}
.brdg { border: 2px solid #bfbdbd;}
.brdg1 { border: 1px solid #f0f0f0;}
.dot { background: url(dot.gif) center  repeat-x; width: 100%}
.enter { background: url(enterbox.gif); width:300px ; height: 115px; color:#FFFFFF}
.enter a,visited { color:#FFFFFF}
.enter1 { background: url(enterbox1.gif); width:220px ; height: 100%; color:#FFFFFF}
.enter1 a,visited { color:#FFFFFF}
.txt10 {font-size: 10px;}
.txt14 {font-size: 14px;}
.line150 { line-height: 150%;}
.txtnote {font-size: 11px; color:#666666}


.blubox {background: url(blubox.gif) no-repeat; height: 18px; padding: 10px; color:#fff; font-size: 14px}
.brdb{ border: 1px solid #2ba9df;}
.grnbox {background: url(grnbox.gif) no-repeat; height: 18px; padding: 10px; color:#fff; font-size: 14px}
.brdgn{ border: 1px solid #a6c10d;}
.bgbk {background: #333338; color:#FFFFFF}
.bgbk a,visited { color:#FFFFFF;}


.blubox1 {background: url(blubox1.gif) no-repeat; height: 18px; padding: 10px; color:#fff; font-size: 14px}
.grnbox1 {background: url(grnbox1.gif) no-repeat; height: 18px; padding: 10px; color:#fff; font-size: 14px}
.blkbox {background: url(blkbox.gif) no-repeat; height: 18px; padding: 10px; color:#fff; font-size: 14px}
.brdbk{ border: 1px solid #000;}
.grn {color: #a6b60c}
.blu1{ background: #267596;}
.blu1 a,visited{ color: #FFFFFF;}
.blu2 {background: #a4dbf3; color:#000}

.blk{ color:#000000;}
.btn { background: url(btn.gif); color:#FFFFFF; width: 74px ; height: 25px ; border: 0px; *padding-bottom: 0px; padding-bottom: 5px}
.btn2 { background: url(btn6.gif); color:#FFFFFF; font-weight:bold; width: 90px ; height: 25px ; border: 0px; *padding-bottom: 0px; padding-bottom: 5px; margin-right:10px}

.btn3 { background: url(btn7.gif); color:#1E50A2; font-weight:bold; width: 90px ; height: 25px ; border: 0px; *padding-bottom: 0px; padding-bottom: 5px; margin-right:10px; cursor:pointer}

.btn4 { background: url(btn8.gif); color:#1E50A2; font-weight:bold; width: 89px ; height: 24px ; border: 0px;*padding-bottom: 0px; padding-bottom: 5px; margin-right:4px; cursor:pointer}

.wit { color:#FFFFFF;}
.titl { background: url(titl.gif) repeat-x; height: 24px; padding-right: 5px; padding-top:3px; color:#000000}
.titl a,visited { color:#000000;}

.grybg { background-color: #dbdbdb;}
.gryblk {	background-color: #e2e2e2;}
.gryblk *.m5, .orngblk *.m5, .blublk *.m5, .grnblk *.m5  { margin: 0 5px;}
.gryblk *.m3, .orngblk *.m3, .blublk *.m3, .grnblk *.m3  { margin: 0 3px;}
.gryblk *.m2, .orngblk *.m2, .blublk *.m2, .grnblk *.m2  { margin: 0 2px;}
.gryblk *.m1, .orngblk *.m1, .blublk *.m1,.grnblk *.m1 { margin: 0 1px;}
.gryblktop, .gryblkbottom { background-color: #fff; /* must be of the same as body bg-color */ display: block; width: 100%;}
.gryblktop *, .gryblkbottom * {	background-color: #e2e2e2; /* must be of the same as .rblock bg-color */ display: block; height: 1px; overflow: hidden;}



.orngblk {	background-color: #fa8d00; color:#FFFFFF}
.orngblktop, .orngblkbottom { background-color: #e2e2e2; /* must be of the same as body bg-color */ display: block; width: 100%;}
.orngblktop *, .orngblkbottom * {	background-color: #fa8d00; /* must be of the same as .rblock bg-color */ display: block; height: 1px; overflow: hidden;}
.orngblk a,visited { color:#FFFFFF}



.blublk {	background-color: #41b4e5; color:#FFFFFF}
.blublktop, .blublkbottom { background-color: #e2e2e2; /* must be of the same as body bg-color */ display: block; width: 100%;}
.blublktop *, .blublkbottom * {	background-color: #41b4e5; /* must be of the same as .rblock bg-color */ display: block; height: 1px; overflow: hidden;}
.blublk a,visited { color:#FFFFFF}



.grnblk {	background-color: #a6c10d; color:#FFFFFF}
.grnblktop, .grnblkbottom { background-color: #e2e2e2; /* must be of the same as body bg-color */ display: block; width: 100%;}
.grnblktop *, .grnblkbottom * {	background-color: #a6c10d; /* must be of the same as .rblock bg-color */ display: block; height: 1px; overflow: hidden;}
.grnblk a,visited { color:#FFFFFF}


.comments {background: url(); margin-bottom: 30px; clear: both; }
.comNew { padding: 10px; margin-bottom: 4px; border: solid 1px #c4c4c4; background: url() #fff no-repeat center top}
.comCur{background:url(cursor.gif) no-repeat  100% 0; width:13px; height:13px; position:relative; bottom: -1px; *bottom: -2px; left: -40px}





.blkbox1 {background:url(blkbox1.gif) no-repeat right; height: 18px; padding: 10px; color:#fff; font-size: 14px}
.pre {background: #267596 url(next12.gif) right no-repeat; cursor: pointer; padding: 0px 31px 0px 5px }
.next {background: #267596 url(pre12.gif) left no-repeat; cursor: pointer; padding: 0px 5px 0px 34px }

.noul1 { list-style: none;  padding: 0px 0px 0px 5px; margin: 0px 0px;}
.noul1 li {  padding: 5px 0px; }
.noul1 li a,visited{ background: url(bult.gif) 100% no-repeat; display: block; padding-right: 19px; padding-top: 2px ; }



.txt16 { font-size: 18px;}
.imgv { vertical-align:middle;}


.noul6 { list-style: none;  padding: 0px 0px 0px 5px; margin: 0px 0px; }
.noul6 li {  padding: 2px 0px; }
.noul6 .select a,visited img{   border: 2px solid #a6b60c; display: block; padding:0px; margin:0px; height: 100%  }
.noul6 li a,visited img{   border: 1px solid #f7f7f7; display: block;  }
.noul6 li a:hover img{  border: 2px solid #a6b60c;  display: block;   }
.fntb{ font-weight:bold}
.tbbord{border:1px solid #ccc;border-collapse:collapse}
.orng{color:#cf7b0f}
.bacc{ background:#f9f8f8}

.enter2 { background: url(enterbox2.gif); width:300px ; height: 100%; color:#FFFFFF}
.enter2 a,visited { color:#FFFFFF}



.gryblk1 { background-color: #CCCCCC; margin-top:6px ; width:96%; margin-right:10px}
.gryblk1 *.m5 { margin: 0 5px;}
.gryblk1 *.m3 { margin: 0 3px;}
.gryblk1 *.m2 { margin: 0 2px;}
.gryblk1 *.m1 { margin: 0 1px;}
.gryblktop1, .gryblkbottom1 { background-color: #e2e2e2; /* must be of the same as body bg-color */ display: block; width: 100%;}
.gryblktop1 *, .gryblkbottom1 * { background-color: #CCCCCC; /* must be of the same as .rblock bg-color */ display: block; height: 1px; overflow: hidden;}
.gryblk1 a,visited { color: #f21085 }
.titletell{height:20px; padding:6px 6px}
.cntrul{height:100px; overflow-x:hidden;overflow-y:scroll;}
.navnew{margin:0; padding:0; list-style:none; direction:rtl; width:975px; text-align:right;}
.navnew li{ float:right; padding:0px 5px ; margin:4px 0 4px 2px; font-size:11px; white-space:nowrap; border-left:1px solid #999999}
/* new classes */
.nav .tab_on02 { background: url(tab_on04.gif) center top no-repeat; color: #f28900; width: 138px; height: 28px; padding: 0; vertical-align: middle; padding-bottom: 3px }
/* new classes 27May09 */
.gldboxrt{height:158px; padding:5px 10px}
.ylwbrrt{height:32px}
.grybrbg{margin-top:7px; margin-bottom:6px;*margin-bottom:4px}
.grybrrt{height:91px}
.grybrbg2{margin-top:7px; margin-bottom:6px;*margin-bottom:4px}
.grybrrt2{height:72px;padding:10px;}
.grybrrt2 .txtrank{ font-size:16px ; font-weight:bold; float:right;margin:25px 20px;}
.tblgry{margin-top:7px; margin-bottom:6px;*margin-bottom:4px}
.cntplyr{overflow:hidden}
.bxyrs{width:30%; float:right; padding:19px 10px 10px 10px;height:63px; word-spacing:3px}
.bxyrs3{width:30%; float:right; padding:19px 10px 10px 10px;height:63px;word-spacing:3px}
.bgcomm{ margin-top:0px}
.bgcommrt{height:39px; padding:22px 29px 0; font-weight:bold}
.brdhr{width:740px; height:454px;}
.cntbxh{margin-top:98px; width:290px}
.cntmgh{position:relative; float:left}
.cntmgh .icnlog{position:absolute; right:3px; top:3px;} 
.bxh td{ text-align:right}
.bxh td img{vertical-align:middle; margin-left:6px}
.hspr{line-height:0; font-size:0; height:37px}
.cntbrdh{float:right;width:230px;margin-top:15px;}
.tabgld-rt{ height:29px; padding-right:10px; padding-top:3px;}
.logup{width:352px; height:254px; position:absolute; top:200px; left:400px}
.bgblk{height:800px; width:100%;}
.txtlog {border:1px solid #959494;height:18px;width:210px;}
.rem{margin:4px 70px 0 0 ;*margin:4px 63px 0 0 ;}
.rem a:link , .rem a:visited{font-size:11px; color:#FFFFFF; text-decoration:none; font-weight:normal}
.rem a:hover{ color:#FFFFFF}
.btnlogin {background: url(btnlog.png) no-repeat;border:0 none;cursor:pointer;height:33px;width:81px; margin-top:10px}
.numpages{text-align:left}
.numpages div{ float:left; width:16px; height:20px; margin:0 1px}

.more{padding:4px;}
.more a {font-size:11px}

.tbllog td{vertical-align:bottom}

.comcnr{width:11px; height:11px}
.bgcommr div { position:relative; min-height:50px}
*html .bgcommr div {height:50px}
.bgcommr div img {position:absolute; top:10px; left:9px}
.bgcomm{padding:14px 15px 0; font-weight:bold}

/*	tell friend	*/
.ulmenu {list-style: none;  padding: 0px 0px 0px 5px; margin: 0px 0px;}
.ulmenu li{ background: url(dot.gif) bottom repeat-x ; display: block; padding: 8px 3px 8px 8px }
.ulmenu li.last{background: none; display: block; padding: 8px 0px 8px 8px }

/* gemo hint */
.gemo{position:absolute; bottom:0; left:0; z-index:99999999;}
.gemo div{position:relative; height:100%; float:left}
.gemo div .gemo_txt{position:absolute;width:252px; font-weight:bold; line-height:153% ; height:67px}
.gemo div .gemo_close{position:absolute;width:20px; height:20px}
.gemo div .gemo_bnt{position:absolute;width:150px; height:37px}
.gemo div .gemo_bnt_txt{position:absolute;height:20px; font-size:13px; font-weight:bold}

/*Muna class - for set-as-default-homepage*/
.main {position:relative }
.new-box{position:absolute; z-index:9999999; float:right; right:-424px; _right:-418px; width:390px; height:102px; background:url(backimg.gif) no-repeat; padding:4px 10px 10px 10px; top:-11px}
#new-box-id a{ padding:0}
.new-rgt{float:right; width:45px}
.new-lft{float:right; width:334px; text-align:right; line-height:16px}
.new-box .new-lft ol{margin:0px; padding:0px; padding-right:25px}
.new-box .new-lft ol li{margin:0px; padding:0px; padding-bottom:12px; font-weight:bold; border:none; list-style:decimal}
.new-box .new-lft ol li span{font-weight: normal}
.fnt13{ font-size:13px}


/* new login box */
.login{ margin-top:5px;}
.login .box {width:100%; margin:0px auto;}
.login .boxtop {width:100%; clear:both; height:5px;}
.login .boxtop span {display:block; clear:both; height:5px}
.login .row{ padding-top:5px;}
.login p{ padding:8px 0px 0px; margin-top:10px;}

.login .boxcont{ padding:5px 15px 0; margin:-1px auto -10px auto; _margin:-10px auto 0; font-size:12px; z-index:999; height:100%; clear:both; overflow:hidden;}
.column-inrleft .login .boxcont{padding:5px 10px 1px 5px;}

.login .boxbottom, .login .boxbottom span {clear:both; height:15px}
.login .boxbottom span {display:block;}
.login .button01{text-align:center; width:92px; height:25px; font-weight:bold; cursor:pointer; font-size:12px; vertical-align:middle}

/* ramadan games box */
.rmdanbox{background:url(box_game.gif) top right no-repeat; height:71px; width:489px; padding:23px 170px 0 0; margin-top:13px}
.rmdanbox ul{ margin:0; padding:0; clear:both; overflow:hidden; width:480px; list-style:none}
.rmdanbox ul li{ margin:0; padding:0 10px; clear:none; float:right; background:url(ramdan_sprt.gif) left 7px no-repeat; font:bold 13px Tahoma, Geneva, sans-serif; 
color:#fcfcfc; line-height:170%}
.rmdanbox ul li.last{ background:none}
.rmdanbox ul li a, .rmdanbox ul li a:link, .rmdanbox ul li a:visited, .rmdanbox ul li a:hover{ color:#fcfcfc}