body{ margin: 0; padding: 0; font-size:11px; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #b7b3b3; background:#000 url(ragnorak-bg-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: Tahoma, Arial, Helvetica, sans-serif;font-size:12px}
h1, h2, h3, form, ul,li,ol,p{margin:0; padding:0}
h1{ font-size: 13px}
h2{font-size:12px}
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: left}
.fl {float: right}
.cls{zoom:1}
.cls:after{clear:both; content:'.';display:block;height:0;visibility:hidden}
.main{width:983px; margin:0 auto; position:relative; direction:rtl}

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

.header{padding:12px 0 5px 0; direction:rtl}
.header .logo{float:right; width:220px; margin:5px 15px 14px 5px}
.regster{float:left; 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:right; width:450px}
.nav ul .sparate{float:right; display:block; padding:10px 2px; margin-right:5px}
.nav .tools .support{float:right; display:block; padding:8px 2px; margin-right:10px}
.nav ul li{float:right; display:block; padding:13px; margin-right: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 10px 0px 0px; float:left; width:365px; font-size:9px}
.nav .tools li{float:right; display:block; padding:13px 8px; margin-right:5px}
.nav .tools .sparate{float:right; display:block; padding:10px 2px; margin-right:5px}
.nav .tools .arab{float:left; padding:10px 2px 0px 0px; margin-right:0px}
.ranglogo{margin-top:0px; float:left;}/**************/
.download{float:left; width:280px; margin:93px 0px 0px 0px;}/**********/

.download02{margin:0px 100px 5px 0px; float:right; width:280px}/**********/
.game-nav{ height:29px; margin-top:0px; *margin-top:0px; _margin-top:-2px}/***********/
.game-nav ul li{float:right; display:block; padding:8px 8px 2px 8px; *padding:8px 8px 2px 8px; _padding:6px 8px 4px 8px; margin-right:5px}
.game-nav ul .first{float:right; display:block; padding:8px 8px 2px 8px; *padding:8px 8px 2px 8px; _padding:6px 8px 4px 8px; height:21px; margin-right: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:left; display:block; margin-right:0px; margin-left:-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:right; width:185px; margin-right:15px; _margin-right:7px}
.hor-nav{background:url(hor-nav.gif) right 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) right 7px no-repeat; padding:3px 25px 3px 5px}
.hor-nav ul .ssub{list-style:none; padding:3px 25px 3px 5px; background:none}
.hor-nav ul .ssubon{list-style:none; padding:3px 25px 3px 5px; background:none; color:#FFFF00}
.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 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:761px;}
.lmid{float:right; width:420px;}
.rmid{float: left; width:300px; margin-left:20px; _margin-left: 10px;}
.tit{background:url(box-tit.jpg) repeat-x; color:#f8f7f7; font-weight:bold; font-size:12px; padding:5px 8px 5px 0px; line-height:150% }
.more{float:left; padding:0px 8px; font-weight:normal}
.more a:link{ font-size:11px; color:#a7b7c2}
.more a:visited{ font-size:11px; color:#a7b7c2}
.more a:hover{ font-size:11px; 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:right; width:80px; font:normal 12px Tahoma, Arial, Helvetica, sans-serif; color:#999999; padding-top:3px; direction:ltr;}
.date img{border:solid 2px #6b6c5f}
.date02{float:right; width:80px; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#999999; padding-top:3px; padding-left:10px}
.news{margin-top:10px}
.subnws{float:right; width:310px; margin-right:10px; font:normal 12px Tahoma, 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 Tahoma, Arial, Helvetica, sans-serif; color:#b7b3b3; margin-top:4px; line-height:140%;}
.newsopnHP{ margin-top:10px; zoom:1; margin-right:15px;}
.by{font-size:11px; margin-top:4px; color:#b7b3b3; margin-right:5px}
.thums{margin-right:4px}
.thum{float:right; margin-left:30px; width:75px; margin-top:10px}
.thuml{float:right; width:75px; margin-top:10px}
.thum img{border:solid 3px #6b6c5f}
.thuml img{border:solid 3px #6b6c5f}

.thum2{float:right; margin-left:12px; width:86px; margin-top:5px; direction:ltr}
.thum2l{float:right; 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:right; 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; margin-right:5px}
.footer ul {float:right; width: 190px; margin-right:20px}
.footer li {border-bottom:#575a5d solid 1px; list-style:none; color:#858585; font-size:9px; padding: 10px 5px 5px 0}
.footer  a:link, .footer  a:visited {color: #b5b5b5;}
.footer .privacy {font-size:10px; margin:65px  0px 0px 10px; float:left; text-align:left; margin-top:60px}


.sponser{float:left; width:180px; padding:30px 0px 0px 5px}
.fotfoter{margin-top:20px; padding-top:10px; border-top:solid 1px #1a2d3b;  margin-bottom:5px; padding-bottom:0px}
.powerd{float:right; width:330px; margin-right:20px; color:#fff}
.play{position:absolute; margin:47px 50px 0 0; z-index:999}
.play img{border:none}
.boxv{background:url(vote-bg.jpg) bottom repeat-x; /*height:156px;*/ padding:20px 10px 10px; color:#bbc2ce; font-size:12px}
.w186{width:186px}
.mart5{margin-top:5px}
.toollinks{float:left; width:185px; padding:5px; font-size:9px; color:#999999; text-align:right; line-height:170%}
.toollinks a:link{font-size:10px; color:#999999}
.toollinks a:visited{font-size:10px; color:#999999}
.toollinks a:hover{font-size:10px; color:#999999} 
.ins-cont{float:right; width:500px;}
.ins-grap{float: left; width:220px; margin: 0 0 0 25px; _margin-left: 10px;}
.tree{padding:5px 15px 5px; font:normal 11px Tahoma, Arial, Helvetica, sans-serif; color:#fff; margin-bottom:10px}
.tree a:link{font:normal 12px Tahoma, Arial, Helvetica, sans-serif; color:#469bfa}
.tree a:visited{font:normal 12px Tahoma, Arial, Helvetica, sans-serif; color:#469bfa}
.tree a:hover{font:normal 12px Tahoma, Arial, Helvetica, sans-serif; color:#469bfa}
p{font:normal 12px Tahoma, Arial, Helvetica, sans-serif; color:#fff; line-height:150%}
.subnav{padding:0px 20px 10px 10px; color:#bbc2ce; font-size:12px}
.subnav a:link{color:#bbc2ce}
.subnav a:visited{color:#bbc2ce}
.subnav a:hover{color:#bbc2ce}
.subnav div{margin-top:10px}
.marrf{margin-left: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:center }
.gidetbl .row1 td{background:#1a1a1a; color:#CCCCCC; text-align:right }
.gidetbl .row2 td{background:#0c0c0c; color:#CCCCCC; text-align:right }
.gidetbl .row1 .master{background:#1a1a1a; color:#c8202b; text-align:right }
.gidetbl .row2 .master{background:#0c0c0c; color:#c8202b; text-align:right }
.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 40px 0px 0px; padding:8px; color:#000; position:absolute; width:100px}
.margb {margin-bottom:60px;}
.marR {margin:0 0 30px 20px;}
.ins-cont2{float:right; width:720px; margin-left:10px; margin-bottom:10px}
.ins-cont3{float:right; width:360px; margin-left:10px; margin-bottom:10px}
.ins-cont4{float:left; margin-left:20px; width:300px; margin-bottom:10px}
.pad5{padding:5px}
.table-form tr td{padding:8px 2px}
.table-bg {background:transparent url(table_bg.gif) no-repeat scroll 0 0;}
.hover{position:absolute; margin:0px 0px 0px 0px; z-index:999;}




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


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


.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:166px 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*********************/

li h2{font:normal 11px tahoma}

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

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


/* login div for poll */

.loginCon { margin: auto; padding: 10px; background: rgb(107,107,107) none repeat scroll 0% 0%; width: 670px; direction: rtl; 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;direction:rtl}
.hq1 {background: #F7DD40; height: 10px; float:right; overflow:hidden; margin: 2px 0 0 0}
.hq2 {background: #6B0B1C; height: 10px; float:right; overflow:hidden; margin: 2px 0 0 0}
.hq3 {background: #3F4246; height: 10px; float:right; overflow:hidden; margin: 2px 0 0 0}
.hq4 {background: #59933B; height: 10px; float:right; overflow:hidden; margin: 2px 0 0 0}
.hq5 {background: #F0B82D; height: 10px; float:right; overflow:hidden; margin: 2px 0 0 0}
.hq6 {background: #A81E2C; height: 10px; float:right; overflow:hidden; margin: 2px 0 0 0}
.hq7 {background: #000000; height: 10px; float:right; overflow:hidden; margin: 2px 0 0 0}
.hq8 {background: #CCCCCC; height: 10px; float:right; overflow:hidden; margin: 2px 0 0 0}
.hq9 {background: #7CB4FF; height: 10px; float:right; overflow:hidden; margin: 2px 0 0 0}
.hq10 {background: #534010; height: 10px; float:right; overflow:hidden; margin: 2px 0 0 0}
.icon { margin-left:30px; margin-top:11px; direction:ltr}
/**************************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:right;
height:300px;
margin-top:10px;
width:285px;
}

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

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