body{background:#09C;color:#333;font-size:12px;font-family:tahoma;text-align:right;overflow-x:hidden;margin:0;padding:0}
p{margin:2px 0}
a{color:#036;text-decoration:none}
a:hover{color:#FF6347;text-decoration:none}
a img{border:0;border-radius:5px}
form{margin:0;padding:0}
input,textarea{background:#F7F7F7;border:1px solid #C4C4C4;font-size:11px;margin:2px;padding:4px}
button,input[type=submit],.button{display:inline-block;text-decoration:none;background:url(images/button_bg.png) repeat-x;border:1px solid #C4C4C4;color:#333;font-size:11px;margin:2px 0;padding:4px}
button:hover,input[type=submit]:hover,.button:hover{border:1px solid #ABABAB;box-shadow:0 0 3px #A3A3A3;-webkit-box-shadow:0 0 3px #A3A3A3;-moz-box-shadow:0 0 3px #A3A3A3;color:#333}
#side_menu input[type=text],#side_menu input[type=password]{width:140px}
input.small{width:50px}
textarea{width:200px;height:50px}
textarea.comment{width:350px;height:50px}
textarea.post{width:400px;height:150px}
fieldset{margin-top:7px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px}
legend{font-weight:700;color:#333}
.center{text-align:center;margin-left:-170px}
.txt_right{text-align:right;margin-right:10px;margin-bottom:5px}
.txt_left{text-align:left}
.italic{font-style:italic}
.clear{height:0;font-size:0;clear:both}
.separator{margin-bottom:2px;padding-top:2px;border-bottom:1px solid #E5E5E5;font-size:0;height:0;clear:both}
.pos_relative{position:relative}
#header{width:1229px;text-align:left;position:relative;padding-bottom:10px;overflow:hidden;margin:0 auto}
#header .topnav{overflow:hidden;background:#272E7F;height:20px;font-family:tahoma;padding:5px}
#header h1{position:absolute;left:10px;top:6px;font-size:13px;font-weight:400;color:#FFF;margin:0;padding:0}
#main_menu{right:10px;font-size:13px;top:6px;color:#FFF;float:right;margin:0;padding:0}
#main_menu li{list-style-type:none;display:block;float:right;margin-left:5px;padding-left:5px;border-left:1px solid #FFF}
#main_menu li:last-child{margin-left:0;padding-left:0;border-left:0}
#main_menu a{color:#FFF;text-decoration:none}
#main_menu a:hover{text-decoration:underline}
#categories{color:#FFF;font-size:18px;direction:rtl;float:left;width:900px;margin:10px 0 0;padding:0}
#categories ul{list-style-type:none;display:block;float:right;margin-bottom:10px;width:185px}
#categories li:first-child{border-bottom:dashed #fff 1px;padding-bottom:5px;font-size:11px;font-weight:700}
#categories li:last-child{border-left:0;margin-left:0;padding-left:0}
#categories a{color:#FFF;text-decoration:none;font-size:13px;display:block;padding:10px}
#categories a:hover{background:#09C}
#main{width:1229px;background:#FFF;border-left:1px solid #369;border-right:1px solid #369;margin:0 auto;padding:2px}
#side_menu{float:right;width:304px;margin-left:10px;font-family:13px}
#main_contents{float:right;width:864px;margin-right:30px;direction:rtl}
.ad_box{margin-bottom:4px;border:1px solid #09C;background:#FFF;color:#333;text-align:center;padding:3px}
.ad_box_2{margin-bottom:4px;border:1px solid #9C6;background:#FFF;color:#333;text-align:center;padding:3px}
h2,.content_box h2 a{background:#09C url(images/topbar2.png);color:#fff;position:relative;font-weight:700;font-size:13px;text-align:center;text-decoration:none;direction:rtl;margin:0 0 10px;padding:2px 2px 2px 4px}
h3{background:#09C url(images/topbar.png);color:#FFF;position:relative;font-weight:700;font-size:13px;text-align:center;margin:0 0 2px;padding:2px 2px 2px 4px}
h2 a{color:#FFF}
h4{border-bottom:1px solid #E5E5E5;font-size:12px;margin:8px 0 4px;padding:0 0 2px}
.content_box{margin-bottom:4px;background:#FFF;overflow:hidden;font-size:12px;direction:rtl;margin-left:0;width:864px;padding:2px}
.content_box p{margin-bottom:10px;direction:rtl}
.content_box_2{margin-bottom:20px;border:1px solid #09C;background:#FFF;overflow:hidden;direction:rtl;padding:2px;font-size:27px}
.content_box_2 p{margin-right:5px;direction:rtl;}
.content_box_2 input,.content_box_2 button{border:1px solid #09C;margin-right:5px;direction:rtl}
.content_box_2 input[type=submit]:hover,.content_box_2 button:hover{border:1px solid #236B8E;direction:rtl}
.content_box_2 ol{list-style-position:inside;direction:rtl;margin:0;padding:0}
.content_box_2 ol li{list-style:none;direction:rtl;margin:2px 5px 2px 0;padding:0}
.bot{color:#DD7500}
.bb_code{cursor:pointer;border:1px solid #CCC;margin:2px;padding:2px}
.bb_code:hover{background:#EDEDED;border-color:#AAA}
.bb_emoticon{cursor:pointer;margin:2px}
.avatar{border:0}
img.click{cursor:pointer;width:16px;height:16px;border:0}
.image_verification{position:relative;height:30px;border:0}
.image_verification img.code_image{width:100px;height:30px;border:0}
.image_verification img.refresh_image{cursor:pointer;width:16px;height:16px;border:0;position:absolute;top:7px;left:100px}
.image_verification input{position:absolute;top:3px;left:120px}
.error{margin-bottom:4px;border:1px solid #F30;background:#FADFDC;color:#F30;padding:4px}
.error_green{margin-bottom:4px;border:1px solid #2F4F2F;background:#E0EEE0;color:#2F4F2F;padding:4px}
.line p,.line div{float:right;margin:2px}
.line .left{font-weight:700;width:100px}
.pagination{text-align:center;position:relative;margin:2px;padding:22px}
.pagination.txt_right{text-align:right}
.arrow_nav{overflow:auto;width:100%;margin:2px;padding:4px 0}
.pagination a,.arrow_nav a{color:#000;text-decoration:none;display:inline-block;margin:2px;padding:4px}
.pagination a:hover,.arrow_nav a:hover{color:#000;background:#F2F2F2;padding:4px}
.pagination b,.pagination a.current{font-weight:700;padding:4px}
.arrow_nav .previous{float:left}
a.load_more{display:block;border:1px solid #E5E5E5;text-align:center;text-decoration:none;margin:4px 0;padding:3px 4px}
a.load_more:hover{background:#F0F0F0}
.column_left{float:left;width:49.5%}
.column_right{float:right;width:49.5%}
.unread{color:red;font-weight:700;padding:2px}
.no_unread{padding:2px}
.notification{border-bottom:1px solid #EDEDED;padding:4px 2px}
.notification .time{margin-right:10px}
.notification .del_notification{float:right;width:16px;height:16px;cursor:pointer;margin:0 0 0 2px}
#notifications_menu .notification .del_notification{float:left;margin:2px 2px 3px 0}
.favorite{border-bottom:1px solid #EDEDED;padding:4px 0}
.file{width:355px;height:110px;float:left;overflow:hidden;padding:2px}
.file .icon{float:right;position:relative;margin-left:10px}
.file .desc{float:right;width:197px}
.file p{font-size:12px;margin:1px 0;padding:0}
.file .link a{color:#369;font-weight:700;text-decoration:none;font-family:arial;font-size:16px}
.file .link a:hover{color:#FF6347;font-weight:700;text-decoration:underline}
.file .played{font-size:9px}
.file .scores{display:block;width:16px;height:16px;position:absolute;left:-2px;bottom:-2px;background-image:url(images/scores.png)}
.file_index{width:350px;height:130px;float:none;margin-bottom:10px}
.browse_file,.samelike{width:208px;height:274px;overflow:hidden;background:#FFF;float:right;padding:4px}
.browse_file .desc{float:right;width:208px}
#favourites .file{border-bottom:1px solid #EDEDED;width:298px;margin:2px}
#favourites .desc{width:220px}
.bubble{position:absolute;width:250px;background:#FFF;border:1px solid #CCC;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;box-shadow:0 0 5px #ABABAB;-webkit-box-shadow:0 0 5px #ABABAB;-moz-box-shadow:0 0 5px #ABABAB;opacity:0.95;z-index:10;padding:6px}
.bubble .bubble_left{position:absolute;left:-10px;top:7px;width:10px;height:12px;background-image:url(images/bubble_left.png)}
.bubble .bubble_up{position:absolute;left:10px;top:-10px;width:10px;height:12px;background-image:url(images/bubble_up.png)}
.tbl_header{overflow:auto;font-weight:700;border-bottom:1px solid #E0EEE0;text-align:center;width:100%;margin:2px 0}
.tbl{overflow:auto;border-bottom:1px solid #E0EEE0;text-align:left;width:100%;margin:2px 0}
.tbl_header p,.tbl p,.tbl div{float:left;padding:2px}
.tab_menu{position:relative;list-style-type:none;background:url(images/tabmenu_bg.png);border-top:1px solid #9C6;border-left:1px solid #9C6;border-right:1px solid #9C6;border-bottom:0;margin:0;padding:4px 0}
.tab_menu li{display:inline;margin:0}
.tab_menu li a{position:relative;text-decoration:none;color:#FFF;font-weight:700;border-right:1px solid #9C6;margin:0;padding:4px 6px}
.tab_menu li a:hover{background:#E0EEE0;color:#333}
.tab_menu li a.selected{padding-bottom:5px;color:#333;background:#FFF;z-index:10}
.index_left{float:left;width:363px}
.index_right{float:right;width:363px}
.champion{float:left;width:33.3%;height:45px}
.medals{width:32px;height:32px;border:0;float:left;background-image:url(images/medals.png);background-repeat:no-repeat;margin:0 10px}
.medals_third{background-position:0 -64px}
.latest_line{margin:6px 0}
.cup{overflow:auto;width:100%;margin:6px 0}
.cup .end_time{float:right;width:150px;text-align:right}
.cup .winner{float:right;width:150px}
.cup .games{float:right;width:250px}
#cup_games{overflow:hidden;margin:6px 0}
#cup_games div{float:left;margin:2px}
.cup_top_users{list-style-position:inside;margin:0;padding:0}
.cup_top_users li{margin:5px 0;padding:0}
.cup_line{overflow:auto;border-bottom:1px solid #E5E5E5;width:100%;padding:4px 0}
.cup_line img{border:0;width:50px}
.cup_line p{float:left;width:75px;text-align:center;padding:2px}
.cup_line p.position{width:25px}
.cup_line p.user{width:100px}
.cup_line p.padding_top{padding-top:15px}
#champions{list-style-type:none;margin:0;padding:0}
#champions li{border-bottom:1px solid #E0EEE0;padding:5px 3px}
#champions .pos{width:50px;float:left}
#scroller{position:relative;border:1px solid #9C6;background:#FFF url(images/scroller_bg.png) repeat-x;margin-bottom:4px;overflow:hidden;height:100px}
#scroller h4{border:0;font-size:15px;font-weight:700;letter-spacing:2px;color:#063;margin:8px 0 0 18px;padding:0}
#scroller ul li img{border:0;cursor:pointer;margin:2px}
#scroller ul{display:block;position:absolute;top:32px;width:1500px;list-style:none;margin:0;padding:0}
#scroller ul li{float:left;display:block;margin:0;padding:0}
#scroller .title{position:absolute;bottom:0;background:#000;color:#FFF;font-weight:700;font-size:11px;opacity:0.75;filter:alpha(opacity=75);z-index:10;padding:4px}
.news_box{margin-top:3px;padding-bottom:3px;border-bottom:1px solid #ADD8E6}
#scoreboard .first{float:left;width:35%;text-align:center}
#scoreboard .first img{display:block;margin:0 auto}
#scoreboard .others{float:right;width:65%}
.score_line{border-bottom:1px solid #E5E5E5;overflow:auto;width:100%;margin:0;padding:0}
.score_line p{float:left;padding:5px}
.score_line p.position{width:30px}
.score_line p.points{width:30px;text-align:center}
.score_line.me{background-color:#E8F1D4}
.star{display:inline-block;width:16px;height:16px;background-image:url(images/star.png);background-repeat:no-repeat}
.star_half{background-position:0 -16px}
.star_hover{background-position:0 -48px}
.stars{display:block;width:67px;height:15px;background-image:url(images/stars.png);background-repeat:no-repeat;margin-left:135px}
.stars1{background-position:0 -15px}
.stars2{background-position:0 -30px}
.stars3{background-position:0 -45px}
.stars4{background-position:0 -60px}
.stars5{background-position:0 -75px}
#sponsor{margin-bottom:4px;border:1px dotted #F30;background:#FC3;text-align:center;font-weight:700;padding:4px}
.file_info{float:left;width:33%}
#full_screen,#make_favorite{float:right;border:0;width:24px;height:24px;cursor:pointer;margin:4px}
#resize_file{margin-left:auto;margin-right:auto;z-index:20}
#resize_overlay{position:absolute;top:0;left:0;background:#000;opacity:0.8;filter:alpha(opacity=80);z-index:15}
#ad_loader{width:300px;height:15px;border:1px solid #5D9160;margin:4px auto}
#ad_loader div{width:0;height:100%;background:#B2D0B4;margin-left:auto;margin-right:auto}
#file_frame_info .content_box{margin:0}
#plug img{margin-left:auto;margin-right:auto;display:block}
#comments .comment{border-bottom:1px solid #E5E5E5;margin:2px 0;padding:2px 0}
#comments .comment.spam{color:#B0B0B0}
#comments .date{color:#555;margin-left:4px}
#comments .report{widht:10px;height:10px;cursor:pointer;border:0;float:right}
.scores_file{float:none;overflow:auto;border:1px solid #E0EEE0;margin-left:25px}
.scores_file:hover{background:#F0FFF0}
.subcategory{float:left;width:205px}
#ucp_menu{margin-bottom:4px;border:1px solid #09C;background:#FFF;padding:2px}
#ucp_menu ul{overflow:hidden;width:100%;margin:0;padding:0}
#ucp_menu ul li{list-style-type:none;display:block;float:right;text-align:center;width:60px;margin:4px}
#ucp_menu ul li img{display:block;margin-left:auto;margin-right:auto;border:0;width:32px;height:32px}
#color_selector{position:absolute;width:140px;border:1px solid gray;cursor:pointer;overflow:auto;box-shadow:0 0 5px #A3A3A3;-webkit-box-shadow:0 0 5px #A3A3A3;-moz-box-shadow:0 0 5px #A3A3A3}
#color_selector div{width:20px;height:18px;float:left}
.ucp_avatar{cursor:pointer;margin:1px}
.ucp_pm_preview div.content{width:auto;float:none}
.member{overflow:hidden;float:right;width:343px;height:105px;background:#F0FFF0;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;border:1px solid #E0EEE0;margin:2px;padding:6px}
.member p{margin-bottom:0}
.member:hover{background:#E0EEE0}
.member .avatar{float:right;border:1px solid #3D5229;background:#FFF;padding:2px}
.member .content{float:left;margin-right:2px}
.member a{font-weight:700;font-size:13px;text-decoration:none}
.forum_post{border-top:1px solid #C1CDC1;border-bottom:1px solid #C1CDC1;margin:8px 0}
.post .poster{float:right;width:130px;border-left:1px solid #C1CDC1;background:#F0FFF0;padding:3px}
.post .poster img{border:1px solid #C1CDC1}
.post .poster .user a{font-size:13px;font-weight:700;text-decoration:none}
.post .content{float:left;width:470px;padding:3px}
.post .content .header{padding-bottom:3px;margin-bottom:3px;font-weight:700;border-bottom:1px solid #C1CDC1}
.post .content .header span{font-weight:400}
.post .content .message{margin:4px 0}
.post .content .footer{border-top:1px solid #C1CDC1;padding-top:3px;margin-top:8px}
.quote{border:1px dotted #AAA;background:#FAFAFA url(images/quote.png) no-repeat;background-position:bottom right;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;margin:2px 2px 6px;padding:4px}
.forum_icon{width:24px;height:24px;border:0}
.post_icon{float:left;margin-right:4px;width:16px;height:16px}
.register_info{float:right;width:240px;font-weight:700}
#redirection_box{margin-top:50px;margin-left:auto;margin-right:auto;width:400px;border:1px solid #369;background:#FFF;text-align:center;padding:5px}
#footer{width:1000px;height:30px;padding-top:8px;padding-bottom:3px;border-left:1px solid #369;border-right:1px solid #369;border-bottom:1px solid #369;color:#FFF;text-align:center;margin:0 auto}
#footer a{color:#FFF;text-decoration:underline;font-weight:700}
.footads{width:1035px;margin:10px auto 0;padding:5px}
.content_boxx{margin-bottom:4px;background:#FFF;overflow:hidden;font-size:12px;direction:rtl;margin-left:-113px;width:99%;padding:2px}
h2.hometitle{display:none!important}
h2.catname{background:none}
h2.catname a{color:#000;background:none}
.sfooter{width:100%;background:#00598C;border-top:solid 3px #1089BC;margin-top:10px;clear:both;overflow:hidden;padding:20px}
.sfooter .fcontent{width:1229px;margin:0 auto}
.sfooter .cr{clear:both;color:#fff;border-top:solid 1px #20699C;padding:10px}
input[type=text],input[type=password],#notifications_menu,.file_index .desc{width:200px}
.bold,#comments .user{font-weight:700}
h2 a:hover,#footer a:hover{text-decoration:none}
.line,.post{overflow:auto;width:100%}
.line div p,.line div div,.tbl div p{float:none}
.line .wide,#favorites_menu{width:150px}
.arrow_nav .next,.latest_line span,.cup_top_users span,#champions .wins{float:right}
.medals_first,.star_full,.stars0{background-position:0 0}
.medals_second,.star_empty{background-position:0 -32px}
.score_line p.score,.score_line p.date{float:right;width:100px;text-align:right}
#full_screen,#comment_verification_field{display:none}
#plug,.centerr{text-align:center}
@media print { 
  /* your print styles go here */
  #header, #footer, #menu { display: none; } 

  body { font: 12pt georgia,serif; } 
  h1 { font-size: 18pt; } 
  h2 { font-size: 16pt; color: #000; }
}
.sidepan img {
  margin-left: 0px;
  -webkit-transition: margin 1s ease;
     -moz-transition: margin 1s ease;
       -o-transition: margin 1s ease;
      -ms-transition: margin 1s ease;
          transition: margin 1s ease;
}
 
.sidepan img:hover {
  margin-left: -200px;
}

.grow img {
  height: 130px;
  width: 150px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow img:hover {
  width: 160px;
  height: 140px;
}


@media (min-width: 320px) and (max-width: 599px) {
  #header, #main, #footer, .fcontent, #categories {width:90%;}
  #header img {max-width: 100%; height: auto;}
  #side_menu {width:100%;} 
  #main_contents {width:95%;}
  .file.browse_file, #categories ul {width:90%;}
  .content_box {width:88%;}
  .center {margin-left:0;}
  #header h1 {top:20px;}
  .center_banner {margin-right:-60px;}
  .tab_menu {right:-30px;}
  .sfooter {width:80%;}
}