body{ margin: 0; padding: 0; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #b7b3b3; background:#000 url(BG_E_inner.jpg) top center no-repeat}
img{border:none}
a:link , a:visited{ text-decoration:none; color:#0058a6}
a:hover{color:#0058a6; text-decoration:underline}
a{outline:none}
table, select, input, textarea{font-family: Verdana, Arial, Helvetica, sans-serif;font-size:11px}
h1, h2, h3, form, ul,li,ol,p{margin:0; padding:0}
h1{ font-size: 12px}
h2{font-size:11px}
h1, h2, h3{font-weight:bold}
form{display:inline}
ul, ol, li{list-style:none}
table, td, form, fieldset{border:none;}
.half{line-height:50%}
.fr {float: right}
.fl {float: left}
.cls{zoom:1}
.cls:after{clear:both; content:'.';display:block;height:0;visibility:hidden}
.main{width:983px; margin:0 auto; position:relative}

.h300{height:262px}/***********/

.header{padding:12px 0 5px 0;}
.header .logo{float:left; width:220px; margin:5px 5px 5px 15px}
.regster{float:right; width:500px;height:33px; padding-top:8px}/**************/
.whit-tran{margin-top:61px; padding:0px 12px 0px 12px;}/***********/
.fildsml{width:100px; color:#000000; font-size:10px; border:solid 1px #838485; padding:2px 0px}/**************/
.btn{background:#000 url(login_btn.jpg) ; color:#f7dc3f; font:bold 10px Verdana, Arial, Helvetica, sans-serif; border:0; padding: 2px 8px 2px 8px}/************/
.txt10{font-size:10px; color:#3e3e3e}
.nav{margin-top:0px; height:43px;}/***********/
.nav ul{ margin:0px 10px; float:left; width:450px}
.nav ul .sparate{float:left; display:block; padding:10px 2px; margin-left:5px}
.nav .tools .support{float:left; display:block; padding:8px 2px; margin-left:10px}
.nav ul li{float:left; display:block; padding:13px; margin-left:5px}
.nav ul li a:link{ color:#FFFFFF; font-weight:bold}
.nav ul li a:visited{ color:#FFFFFF; font-weight:bold}
.nav ul li a:hover{ color:#FFFFFF; font-weight:bold; text-decoration:underline}

.nav .tools{ margin:0px 0px 0px 10px; float:right; width:340px; font-size:9px}
.nav .tools li{float:left; display:block; padding:13px 8px; margin-left:5px}
.nav .tools .sparate{float:left; display:block; padding:10px 2px; margin-left:5px}
.nav .tools .arab{float:right; padding:10px 0px 0px 2px; margin-left:0px}
.ranglogo{margin-top:0px; float:left;}/**************/
.download{float:right; width:280px; margin:93px 0px 0px 0px;}/**********/
.download02{margin:1px 100px 5px 0px; float:right; width:280px}/**********/
.game-nav{ height:29px; margin-top:-3px; *margin-top:0px; _margin-top:-2px}/***********/
.game-nav ul{ _margin-left:10px}
.game-nav ul li{float:left; display:block; padding:8px 8px 2px 8px; *padding:8px 8px 2px 8px; _padding:6px 8px 4px 8px; margin-left:5px}
.game-nav ul .first{float:left; display:block; padding:8px 8px 2px 8px; *padding:8px 8px 2px 8px; _padding:6px 8px 4px 8px; height:21px; margin-left:0px; width:89px}
.game-nav li a:link{ color:#FFFFFF; font-weight:bold}
.game-nav li a:visited{ color:#FFFFFF; font-weight:bold}
.game-nav li a:hover{ color:#FFFFFF; font-weight:bold; text-decoration:underline}
.game-nav ul .last{float:right; display:block; margin-left:0px; margin-right:-1px; padding:0px; background:none;}
.game-nav li{ padding:2px 0}/*********/
.game-nav .sparate{float:left; display:block; padding:4px 2px; margin-left:5px}/****************/
.lft-div{float:left; width:210px; padding-left:15px}
.hor-nav{background:url(hor-nav.gif) left repeat-y; width:184px; padding-top:10px}
.mart15{margin-top:15px}
.hor-nav ul{list-style:none; background:none}
.hor-nav ul li{list-style:none; background:url(arrow.gif) 10px 7px no-repeat; padding:2px 5px 2px 20px}
.hor-nav ul .sep{list-style:none; background:url(sep.gif)  center 7px no-repeat; padding:1px 0px}
.hor-nav ul .btm{list-style:none; background:none none none none; padding:0px}
.hor-nav ul .ssub{list-style:none; padding:3px 5px 3px 25px; background:none}
.hor-nav ul .ssubon{list-style:none; padding:3px 5px 3px 25px; background:none; color:#FFFF00}
.hor-nav ul li a:link{ color:#bbc2ce; font-weight:normal}
.hor-nav ul li a:visited{ color:#bbc2ce; font-weight:normal}
.hor-nav ul li a:hover{ color:#bbc2ce; font-weight:normal; text-decoration:underline}
.hor-nav ul .ssub a:link{ color:#bbc2ce; font-weight:normal}
.hor-nav ul .ssub a:visited{ color:#bbc2ce; font-weight:normal}
.hor-nav ul .ssub a:hover{ color:#bbc2ce; font-weight:normal; text-decoration:underline}
.mid-div{float:left; width:750px;}
.lmid{float:left; width:420px; margin-right:15px}
.rmid{float:left; width:300px;}
.tit{background:url(box-tit.jpg) repeat-x; color:#f8f7f7; font-weight:bold; font-size:12px; padding:5px 0 5px 8px; line-height:150% }
.more{float:right; padding:0px 8px; font-weight:normal}
.more a:link{ font-size:10px; color:#a7b7c2}
.more a:visited{ font-size:10px; color:#a7b7c2}
.more a:hover{ font-size:10px; color:#a7b7c2}
.box{background:#0a0a0a url(box-bg.jpg) bottom repeat-x; padding:10px;}
.box2{background:#0a0a0a url(box-bg.jpg) bottom repeat-x; padding:5px;}
.date{float:left; width:80px; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#999999; padding-top:3px}
.date img{border:solid 2px #6b6c5f}
.date02{float:left; width:80px; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#999999; padding-top:3px; padding-right:10px}
.news{margin-top:10px}
.subnws{float:left; width:310px; margin-left:10px; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#b7b3b3; line-height:140%}
.subnws a:link{color:#449dff; text-decoration:none}
.subnws a:visited{color:#449dff; text-decoration:none}
.subnws a:hover{color:#449dff; text-decoration:underline}
.newsopn{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#b7b3b3; margin-top:4px; line-height:140%;}
.newsopnHP{  margin-top:10px;   zoom:1; margin-left:15px;}
.by{font-size:11px; margin-top:4px; color:#b7b3b3; margin-left:5px}
.thums{margin-left:4px}
.thum{float:left; margin-right:30px; width:75px; margin-top:10px}
.thuml{float:left; width:75px; margin-top:10px}
.thum img{border:solid 3px #6b6c5f}
.thuml img{border:solid 3px #6b6c5f}

.thum2{float:left; margin-right:12px; width:86px; margin-top:5px}
.thum2l{float:left; width:89px; margin-top:5px}
.thum2 img{border:solid 3px #6b6c5f}
.thum2l img{border:solid 3px #6b6c5f}
/*.footer{background:#000 url(footer.jpg) repeat-x bottom; margin-top:20px; border-bottom:solid 1px #1a2d3b;}
.footer .links{float:left; width:185px; margin:10px;}
.footer .links li{padding:5px 5px; border-bottom:solid 1px #16181a}
.footer .links li a:link{color:#858585; text-decoration:none}
.footer .links li a:visited{color:#858585; text-decoration:none}
.footer .links li a:hover{color:#858585; text-decoration:none}*/
.footer {background:#000 url(bgs.gif) repeat-x 0 -310px; margin-top:30px; padding-bottom:30px; color:#858585; width:978px}
.footer ul {float:left; width: 190px; margin-left:20px}
.footer li {border-bottom:#575a5d solid 1px; list-style:none; color:#858585; font-size:9px; padding: 10px 0 5px 5px}
.footer  a:link, .footer  a:visited {color: #b5b5b5;}
.footer .privacy {font-size:9px; margin:65px 10px 0px 0px; float:right; text-align:right}
.sponser{float:right; width:180px; padding:30px 5px 0px 0px}
.fotfoter{margin-top:20px; padding-top:10px; border-top:solid 1px #1a2d3b;  margin-bottom:5px; padding-bottom:0px}
.powerd{float:left; width:280px; margin-left:20px; color:#fff}
.play{position:absolute; margin:47px 0 0 50px; z-index:999}
.play img{border:none}
.boxv{background:url(vote-bg.jpg) bottom repeat-x; /*height:156px;*/ padding:12px 7px 9px; color:#bbc2ce; font-size:11px}
.w186{width:186px}
.mart5{margin-top:5px}
.toollinks{float:right; width:185px; padding:5px; font-size:9px; color:#999999; text-align:right; line-height:170%}
.toollinks a:link{font-size:9px; color:#999999}
.toollinks a:visited{font-size:9px; color:#999999}
.toollinks a:hover{font-size:9px; color:#999999} 
.ins-cont{float:left; width:486px; margin-right:24px}
.ins-grap{float:left; width:240px; margin-top:35px}
.tree{padding:5px 15px 5px; font:normal 10px Verdana, Arial, Helvetica, sans-serif; color:#fff; margin-bottom:10px}
.tree a:link{font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#469bfa}
.tree a:visited{font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#469bfa}
.tree a:hover{font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#469bfa}
p{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#fff; line-height:150%}
.subnav{padding:0px 10px 10px 20px; color:#bbc2ce; font-size:11px}
.subnav a:link{color:#bbc2ce}
.subnav a:visited{color:#bbc2ce}
.subnav a:hover{color:#bbc2ce}
.subnav div{margin-top:10px}
.marrf{margin-right:15px}
.tit div a:link{color:#fff}
.tit div a:visited{color:#fff}
.tit div a:hover{color:#fff}
.gidetbl{}
.gidetbl tr td{background:#1a1a1a; color:#CCCCCC; text-align:left }
.gidetbl .row1 td{background:#1a1a1a; color:#CCCCCC; text-align:left }
.gidetbl .row2 td{background:#0c0c0c; color:#CCCCCC; text-align:left }
.gidetbl .row1 .master{background:#1a1a1a; color:#c8202b; text-align:left }
.gidetbl .row2 .master{background:#0c0c0c; color:#c8202b; text-align:left }
.gidetbl tr td a:link{color:#ccc}
.gidetbl tr td a:visited{color:#ccc}
.gidetbl tr td a:hover{color:#ccc}
.gidetbl tr .master{background:#0c0c0c; color:#fdb335; font-weight:bold; text-align:center}
.sparate img{filter:alpha(opacity=50); opacity: 0.5;}
.yellow{color:#fdb335;}
.mart130{margin-top:30px}
.titles{font:bold 18px Arial, Helvetica, sans-serif; color:#fdb335; padding:5px} 
.map img{text-align:center; border:solid 2px #6b6c5f}
.gidetbl tr .master a:link{color:#fdb335}
.gidetbl tr .master a:visited{color:#fdb335}
.gidetbl tr .master a:hover{color:#fdb335}
.zonetag{background:#fdb335; filter:alpha(opacity=65); opacity: 0.65; margin:30px 0px 0px 40px; padding:8px; color:#000; position:absolute; width:100px}
.margb {margin-bottom:60px;}
.marR {margin:0 20px 30px 0;}
.ins-cont2{float:left; width:720px; margin-right:10px; margin-bottom:10px}
.ins-cont3{float:left; width:360px; margin-right:10px; margin-bottom:10px}
.ins-cont4{float:right; margin-right:20px; width:300px; margin-bottom:10px}
.pad5{padding:5px}
.table-form tr td{padding:8px 2px}
.hover{position:absolute; margin:0px 0px 0px 0px; z-index:999;}
.table-bg {background:transparent url(table_bg.gif) no-repeat scroll 0 0;}



/**************ibrahim**************/


.ins-cont5{float:left; margin-right:2px; width:230px; margin-bottom:10px}
.bigtxt {font-size:30px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #f6cb45;}

.tit02{background:url(nav-bg02.jpg) repeat-y; color:#f8f7f7; font-weight:bold; font-size:12px; padding:5px 0 5px 8px; line-height:150% }
.subnws02{float:left; width:600px; margin-left:10px; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#b7b3b3; line-height:140%}
.titles02{font:bold 14px Arial, Helvetica, sans-serif; color:#fdb335; padding:5px}

/*****************username and password error ***************/
.tip_up .arr { background: transparent url('tip_uparrow.gif') no-repeat scroll left bottom; width: 8px; }
.tip_up .cont { border-style: solid; border-color:#848484; color:#FF0000; border-width: 0px 1px 1px 1px; padding: 3px; background:#FFF5CA none repeat scroll 0% 0%; font-size: 11px; width: 150px; }

/**** added by younis **/

.menus .selected{background-position:10px 5px}
.menus .selected a:link,.menus .selected a:visited{font-weight:700;}
.menus .selected li a:link,.menus .selected li a:visited{font-weight:400;}
.on{font-weight:700; color:#FDB335}
.menus .selected ul{font-weight:400}
ul.sub{margin-left:8px}

/***********SEO from Ibrahim*********************/

.tit h3{font:700 12px verdana}
.hor-nav h3{font:400 11px verdana}

.flash {float:left; width:435px; margin-top:17px; margin-left:60px}/************/
*html .pngfix{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='{$images}logo-rank.png');padding:100px}
.hBg {background:#000 url(ragnorak-bg.jpg) top center no-repeat; direction:ltr} /************/
.mid-div02 {margin-left:50px;}
.thumb{float:left; margin-right:40px;  margin-top:5px; margin-bottom:40px;}
.list_of_cafes{width:70%; float:left;}
.cafelist { margin-left:25px;}


/*login div for poll*/

loginCon { margin: auto; padding: 10px; background: rgb(107,107,107) none repeat scroll 0% 0%; width: 670px; direction: ltr; font-size: 12px; }
.loginTitle { padding: 5px; background: rgb(240,184,45) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.loginTitle a:link, .loginTitle a:visited { color: rgb(255, 255, 255); }
.loginTitle a:hover { color: rgb(255, 255, 255); text-decoration: none; }
.loginContent { padding: 10px; background: rgb(255, 255, 255) url('log_fad_001.gif') repeat-x scroll 0% 0%; height: 100%; }
.loginClose { font-size: 11px; text-align: left; }
.loginSample { color: rgb(120, 120, 120); font-size: 10px; }
.loginInput { width: 175px; }
.loginForget { font-size: 11px; }
.loginReg { margin: 10px 160px 0pt 0pt; font-size: 11px; }
.loginError { color: rgb(232, 0, 0); }
.pheader{ background: #FDB033 url(bgs.gif) repeat-x scroll 0 -145px ; padding:0.385em; font-weight:700;}
.pop-cont{background:#fff; padding:0.385em}
.hq1 {background: #F7DD40; height: 10px; float:left; overflow:hidden; margin: 2px 0 0 0}
.hq2 {background: #6B0B1C; height: 10px; float:left; overflow:hidden; margin: 2px 0 0 0}
.hq3 {background: #3F4246; height: 10px; float:left; overflow:hidden; margin: 2px 0 0 0}
.hq4 {background: #59933B; height: 10px; float:left; overflow:hidden; margin: 2px 0 0 0}
.hq5 {background: #F0B82D; height: 10px; float:left; overflow:hidden; margin: 2px 0 0 0}
.hq6 {background: #A81E2C; height: 10px; float:left; overflow:hidden; margin: 2px 0 0 0}
.hq7 {background: #000000; height: 10px; float:left; overflow:hidden; margin: 2px 0 0 0}
.hq8 {background: #CCCCCC; height: 10px; float:left; overflow:hidden; margin: 2px 0 0 0}
.hq9 {background: #7CB4FF; height: 10px; float:left; overflow:hidden; margin: 2px 0 0 0}
.hq10 {background: #534010; height: 10px; float:left; overflow:hidden; margin: 2px 0 0 0}
.icon { margin-left:30px; margin-top:11px}
/**************************new 6/12/09************************************/
.kabra{background: url(kabra-bg.jpg) no-repeat; width:301px; height:166px; padding:2px;}
.martop75 {margin-top:75px}
/**************************new 6/15/09************************************/
.scren-div {
float:left;
height:300px;
margin-top:10px;
width:285px;
}

.arrow-div {
float:left;
margin-left:20px;
margin-top:10px;
width:27px;
}

.martb-10 {
margin:10px 5px 15px 20px;
}