@charset "utf-8";
html,body,form,fieldset,ul,dl,dt,dd,table,td,th{
 margin:0;
 padding:0;
}
html,body{
 height:100%;
 background-color:#FFF
}
body {
 min-width:100%;
 color:#000;
 font:75%/1.167 Verdana, Arial, Helvetica, sans-serif;
}

ul{ list-style:none }
img { border:none }
a {
 color:#093f8a;
 text-decoration:none;
}
a:hover {
 text-decoration:underline;
 color:#062D74;
}
p { margin:0 0 1em }
.f_r { float:right }
.is_bottom { padding-bottom:0!important }
h3 {
 color:#8D0B0B;
 font-size:1.167em;
 margin:0;
}

.main {
 position:relative;
 min-height:100%;
 _height:100%;
 min-width:1000px;
 margin-bottom:-100px;
 background:#b5defb url(http://herocraft.com:8081/res/web/bottom_gradient.png) 0 100% repeat-x;
}
*html .main,
*html .footer,
*html .head {
	width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) > 2000 ? "2000px" : (((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 1000 ? "1000px" : "100%"));
}

.wrap {
 background:url(http://herocraft.com:8081/res/web/clouds.png);
 _background:none;
}
.content {
 width:1000px;
 min-height: 577px;
 margin:0 auto;
 padding:2.5em 0 169px;
}
.content:after {
  content:'';
  display:block;
  clear:both;
}

/* head */
.head {
 position:absolute;
 left:0;
 top:0;
 width:100%;
 min-width:1000px;
 height:2.5em;
 background:#fff;
 border-bottom:1px solid #90ade2;
}
.flags {
 position:absolute;
 height:24px;
 left:10px;
 top:50%;
 margin-top:-12px;
 font-size:0;
}
.flag {
 margin-right:7px;
 display:-moz-inline-box;
 display:inline-block;
 vertical-align:middle;
}
.flag.ru { background-position:-51px 0 }
.flag.en { background-position:-75px 0 }
.h_content_wrap {
 width:1000px;
 margin:0 auto;
}
.h_content {
 margin-left:220px;
 padding:0 10px 0 16px;
 position:relative;
 zoom:1;
}

/*h menu*/
.h_menu {
 position:absolute;
 right:0;
 top:0;
}
.h_menu .title {
 float:left;
 padding:7px 10px 0 0;
}
.h_menu .dropdown {
 width:90px;
 _overflow:hidden;
 float:left;
 position:relative;
}
.h_menu a {
 float:left;
 width:88px;
 height:30px;
 text-align:center;
 background:#efefef;
 border:1px solid #d2d2d2;
 border-top:none;
 cursor:pointer;
}
.h_menu a span {
 display:-moz-inline-box;
 display:inline-block;
 height:30px;
 width:50px;
}
.h_menu .liTop {
 float:left;
 width:90px;
 _width:180px;
 margin:-32767px 0 0 0;
}
.h_menu .aTop {
 position:relative;
 z-index:50;
 float:left;
 margin-top:32767px;
 border-bottom:none;
}
.h_menu .aTop:hover,
.h_menu .aTop:focus,
.h_menu .sub a:hover,
.h_menu .sub a:focus {
 margin-right:1px;
 background:#ccc;
}
.h_menu .sub {
 display:none; _display:block;
 position:absolute; _position:static;
 left:0;
 top:30px;
 float:left;
 padding:0;
 margin:0;
}
.h_menu .dropdown:hover .sub { display:block }
.h_menu .sub a {
 display:block;
 float:none; _float:left;
 clear:left;
}
.h_menu .java span {
 width:52px;
 background-position:-15px 0;
}
.h_menu .java:hover span { background-position:-93px 0 }
.h_menu .symbian span {
 width:57px;
 background-position:-10px -30px;
}
.h_menu .symbian:hover span { background-position:-88px -30px }
.h_menu .WMobile span {
 width:72px;
 background-position:-3px -60px
}
.h_menu .WMobile:hover span { background-position:-81px -60px }
.h_menu .apple span {
 width:23px;
 background-position:-28px -90px
}
.h_menu .apple:hover span { background-position:-106px -90px }
.h_menu .palmOS span {
 width:31px;
 background-position:-26px -120px
}
.h_menu .palmOS:hover span { background-position:-104px -120px }
.h_menu .blackBerry span {
 width:78px;
 background-position:0 -150px
}
.h_menu .blackBerry:hover span { background-position:-78px -150px }
.h_menu .PC span {
 width:48px;
 background-position:-16px -180px
}
.h_menu .PC:hover span { background-position:-94px -180px }
/***************/
/****************/

/*custom_button*/
.custom_button {
 display:-moz-inline-block;
 display:inline-block;
 background:url(/res/web/button.png) 0 0 no-repeat;
}
.custom_button span {
 float:left;
 position:relative;
 background:url(/res/web/button.png) 100% 0 no-repeat;
 left:8px;
}
.custom_button span span {
 left:0;
 top:8px;
 background-position:100% 100%;
}
.custom_button span span span {
 left:-8px;
 top:0;
 background-position:0 100%;
}
.custom_button input,
.custom_button button,
.custom_button a {
 position:relative;
 display:block;
 background:none;
 border:none;
 color:#fff;
 font-weight:bold;
 overflow:visible;
 margin:-7px -3px 0 0;
 padding:0 0 3px 5px; // padding:0 3px 3px 7px;
 cursor:pointer;
 text-decoration:none;
 font-family:Verdana, Geneva, sans-serif;
}
.custom_button.rarr input,
.custom_button.rarr button,
.custom_button.rarr a {
 float:left;
 position:relative;
 padding:2px 5px 2px 10px; // padding:0 5px 3px 10px;
}
.custom_button.rarr a:hover {
 color:#fff;
 text-decoration:none;
}
.custom_button.rarr i {
 display:inline-block;
 position:relative;
 right:-4px;
 top:-1px; // top:1px;
 min-width:27px;
 _width:27px;
 height:22px;
 vertical-align:middle;
}

.buy {
 display:inline-block;
 padding-left:8px;
}
.buy span {
 float:left;
 padding:6px 40px 9px 5px;
 color:#fff;
 font-weight:bold;
 cursor:pointer;
}
.buy:hover {
 text-decoration:none;
 background-position:0 100%;
}
.buy:hover span {
 background-position:100% 100%;
}
/******************/

/* islet */
.islet {
 background:#fff;
 border:1px solid #90ade2;
 border-top:none;
 margin-bottom:5px;
}
.islet.grey_border { border-color:#797979 }
.islet.is_bottom {
 margin-bottom:0;
 border-bottom:none;
}
.islet.root {
 margin-top:5px;
}
.islet h4 {
 margin:0;
 padding:3px 0 3px 30px;
 background:#6ebffa url(http://herocraft.com:8081/res/web/islet.png) 0 0 repeat-x;
 font-size:1.167em;
 color:#fff;
}
.islet_f {
 font-size:0;
 height:5px;
 background-color:#ccc;
 clear:both;
}
/******************/

/*side*/
.container {
 width:100%;
}
.wall {
 width:100%;
 float:left;
}


/*left*/
.left_side {
 float:left;
 margin-left:-100%;
 width:215px;
}
.personal_panel {
 margin-top:120px;
}
.autorisation {
 padding:9px 7px 7px; // padding:7px 7px 9px; _padding:7px 7px 5px;
 height:92px;
}
.autorisation label {
 float:left;
 clear:left;
 width:67px;
 padding:1px 5px 0 0;
 vertical-align:middle;
 text-align:right;
}
.autorisation .au_field {
 width:123px; // width:120px; width:120px\9;
 border:1px solid #6f6f6f;
 margin:0 0 2px!important; // margin-bottom:1px!important;
 background:url(http://herocraft.com:8081/res/web/field_bg.png) 0 0 no-repeat;
}
.autorisation .action {
 padding-left:72px;
}
.autorisation .action div {
 clear:both;
}
.autorisation .custom_button {
 margin-bottom:6px;
 float:left;
}

.games_categories {
 border-top:1px solid #def1fe;
 padding:1px 1px 0 1px;
}
.games_categories li {
 padding-left:38px;
 border-bottom:1px solid #fff;
}
.games_categories a {
 display:block;
 padding:5px 0;
 position:relative;
 zoom:1;
}
.games_categories a i {
 position:absolute;
 right:100%;
 top:50%;
 background:url(http://herocraft.com:8081/res/web/games_categories/icons.png) 0 0 no-repeat;
 font-size:0;
}
.games_categories .c_new { background:url(http://herocraft.com:8081/res/web/games_categories/grad0.png) 0 0 repeat-y }
.games_categories .c_best { background:url(http://herocraft.com:8081/res/web/games_categories/grad1.png) 0 0 repeat-y }
.games_categories .c_action { background:url(http://herocraft.com:8081/res/web/games_categories/grad2.png) 0 0 repeat-y }
.games_categories .c_arcade { background:url(http://herocraft.com:8081/res/web/games_categories/grad3.png) 0 0 repeat-y }
.games_categories .c_strategy { background:url(http://herocraft.com:8081/res/web/games_categories/grad4.png) 0 0 repeat-y }
.games_categories .c_applications { background:url(http://herocraft.com:8081/res/web/games_categories/grad6.png) 0 0 repeat-y }
.games_categories .c_3dgames { background:url(http://herocraft.com:8081/res/web/games_categories/grad5.png) 0 0 repeat-y }
.games_categories .c_action_puzzle { background:url(http://herocraft.com:8081/res/web/games_categories/grad7.png) 0 0 repeat-y }
.games_categories .c_rpg { background:url(http://herocraft.com:8081/res/web/games_categories/grad8.png) 0 0 repeat-y }
.games_categories .c_all { background:url(http://herocraft.com:8081/res/web/games_categories/grad9.png) 0 0 repeat-y }
.games_categories .c_11 { background:url(http://herocraft.com:8081/res/web/games_categories/grad10.png) 0 0 repeat-y }
.games_categories .c_new i {
 width:20px;
 height:21px;
 margin-right:11px;
 margin-top:-10px;
 background-position:-2px -1px;
}
.games_categories .c_best i {
 width:15px;
 height:20px;
 margin-right:13px;
 margin-top:-10px;
 background-position:-5px -26px;
}
.games_categories .c_arcade i {
 width:17px;
 height:17px;
 margin-right:11px;
 margin-top:-8px;
 background-position:-4px -52px;
}
.games_categories .c_3dgames i {
 width:20px;
 height:18px;
 margin-right:11px;
 margin-top:-9px;
 background-position:-2px -74px;
}
.games_categories .c_action i {
 width:18px;
 height:22px;
 margin-right:9px;
 margin-top:-11px;
 background-position:-5px -96px;
}
.games_categories .c_rpg i {
 width:22px;
 height:22px;
 margin-right:11px;
 margin-top:-11px;
 background-position:0 -120px;
}
.games_categories .c_strategy i {
 width:20px;
 height:20px;
 margin-right:8px;
 margin-top:-10px;
 background-position:-4px -146px;
}
.games_categories .c_action_puzzle i {
 width:20px;
 height:21px;
 margin-right:11px;
 margin-top:-10px;
 background-position:-2px -169px;
}
.games_categories .c_x i {
 width:20px;
 height:18px;
 margin-right:8px;
 margin-top:-9px;
 background-position:-4px -195px;
}
.games_categories .c_all i {
 width:21px;
 height:21px;
 margin-right:10px;
 margin-top:-10px;
 background-position:-2px -217px;
}
.games_categories .c_applications i {
 width:19px;
 height:19px;
 margin-right:9px;
 margin-top:-10px;
 background-position:-5px -242px;
}


.review li {
 overflow:hidden;
 padding:1px 0 2px 3px
}
.review .odd { background-color:#EDF0F3 }
.review span {
 float:right;
 width:40px;
}
.review a {
 font-size:.833em;
}
/****************/

/*right*/
.right_side {
 margin-left:220px;
}

.big_banner {
 margin:0 0 5px;
 border:1px solid #797979;
 border-top:none;
 padding:1px;
 background-color:#fff;
 height:253px;
}
/*center side*/
.center_side {
 margin-right:202px;
 position:relative;
 z-index:654;
}
.game_day {
 padding:8px 7px 17px 7px; // padding-bottom:0;
/* background:url(/res/web/center_side_grad.png) 100% 0 repeat-y;*/
 overflow:hidden;
 zoom:1;
}
.game_day .screenshot {
 float:right;
 background:#fff;
 padding:1px;
 border:1px solid #000;
}
.game_cover {
 display:inline-block;
}
.game_day .game_cover {
 float:left;
}
.game_cover .genre,
.game_cover .buy_lot {
 display:block;
 width:108px; //width: 128px;
 margin-bottom:-5px;
 padding-left:20px;
 padding-top:1px;
 height:18px;
 background:url(http://herocraft.com:8081/res/web/bgen.png) 0 0 no-repeat;
 color:#fff;
 font-size:.75em;
 font-weight:bold;
 -moz-box-direction:reverse;
}
.game_cover .genre:hover,
.game_cover .buy_lot:hover {
 text-decoration:none;
 background-position:0 100%;
 color:#fff;
}
.game_cover .buy_lot {
 background:url(http://herocraft.com:8081/res/web/bbuy-small.png) 0 0 no-repeat;
 margin-bottom:0;
 margin-top:-5px; // margin-top:-7px;
 height: 10px; // height: auto;
 padding:6px 0 5px 20px; // padding:3px 0 7px 20px;
 font-style:normal;
 cursor:pointer;
}
.game_cover .name_lot {
 display:block;
 width:120px;
 text-align:center;
 cursor:pointer;
}
.game_cover .lot {
 display:block;
 height:160px;
 font-size:0;
}
*html .game_cover .lot { display:inline-block }

.game_day .description {
 margin:0 200px 0 150px;
 line-height:1.167em;
}
.game_day .description img {
 float:left;
}
.game_day .description .game_name {
 display:block;
 padding-left:43px;
 font-weight:bold;
}
.game_day .description p {
 text-indent:43px;
 margin:1.5em 0;
}
.game_day .buy {
 float:right;
 clear:left;
}

.justify {
 padding:13px 30px 10px;
 text-align:justify;
 text-justify:newspaper;
 overflow:hidden;
}
.justify.maybe {
 padding:21px 0;
 z-index:987;
}
.justify .j_box {
-moz-box-orient:vertical;
 display:-moz-inline-box;
 display:inline-block;
 vertical-align:text-top;
}
*html .justify .j_box { display:inline }
.justify.maybe .j_box {
 margin:0 25px;
}
.justify .last_line .j_box { margin-bottom:0 }
.justify .j_box.last { margin-right:0!important }
.justify .j_box.first { margin-left:58px }
.justify .under {
 font-size:0;
 display:-moz-box;
 display:inline-block;
 width:100%;
 padding-bottom:23px;
}
/********************/

.r_c_side {
 float:left;
 margin-left:-197px;
 width:197px;
}

.best_game li {
 overflow:hidden;
 padding:4px 10px 4px 7px;
}
.best_game .odd {
 background-color:#edf0f3
}
.best_game img {
 float:left;
}
.best_game a {
 display:block;
_display:inline-block;
}
.best_game .current { padding:0 }
.best_game .current div { padding:4px 10px 4px 7px }
.best_game .current a { font-weight:bold }
.best_game a span {
 display:block;
 padding-left:45px;
}
.best_game a.pic {
 display:block;
 padding:10px 0 5px;
 text-align:center;
}
.best_game a.pic img {
 float:none;
 padding:1px;
 border:1px solid #000;
 background:#fff;
}
.best_game p {
 font-size:.75em;
 padding:0 2px;
 margin-bottom:.4em;
}

.subscribe {
 padding:10px 7px 1px;
}
.subscribe p { margin:.3em 0 }
.rss {
 color:#8d0b0b;
 font-weight:bold;
}
.rss:hover { text-decoration:none }
.rss:hover span { text-decoration:underline }
.rss i {
 display:-moz-inline-box;
 display:inline-block;
 width:25px;
 height:24px;
 margin-right:6px;
 background:url(http://herocraft.com:8081/res/web/icons.png) -27px 0 no-repeat;
 vertical-align:middle;
}

.email_field {
 position:relative;
 zoom:1;
 width:100%;
 overflow:hidden;
}
.email_field label {
 position:absolute;
 left:9px;
 top:2px; // top:3px;
 color:#858585;
}
.email_field input {
 width:97.5%;
 margin:0 0 5px!important;
 border:1px solid #6f6f6f;
 background:url(http://herocraft.com:8081/res/web/field_bg.png) 0 0 no-repeat;
}
.email_field input:focus + label { display:none }
.subscribe .custom_button { float:left }

.subscribe .blog {
 display:block;
 margin:32px -6px 0;
}
/****************/

/*
game page
*/
.gp-right_side {
 float:right;
 width:244px;
 margin-right:5px;
_margin-right:3px;
_margin-left:-3px;
}
.gp-center_side {
 margin-right:249px;
_margin-right:247px;
 padding-left:7px;
}
.root .container {
 padding:7px 0;
 overflow:hidden;
 background-color:#F0F0F0;
 padding-bottom:50px;
 zoom:1;
}

.media_center {
 margin-bottom:20px;
 width:244px;
 height:324px;
}
.loader {
 background: transparent url(http://herocraft.com:8081/res/web/ajax-loader.gif) no-repeat scroll center center;
 min-width: 24px;
 min-height: 24px;
}
.media_center .screen {
 background-color: #fff;
 padding:1px;
 border:1px solid #000;
 // margin-bottom:-2px;
 width: 240px;
 height: 320px;
}
.media_center .panel {
 height:30px;
 overflow:hidden;
 zoom:1;
}
.media_center .panel a {
 float:left;
 width:30px;
 height:30px;
 margin-left:2px;
 background:url(http://herocraft.com:8081/res/web/panel.png) 0 -60px no-repeat;
 color:#8D0B0B;
 font-weight:bold;
}
.media_center a.next {
 float:right;
 margin-left:0;
 margin-right:2px;
 background-position:-30px -60px;
}
.media_center a.screen_inset {
 background-position:0 -30px;
 padding:5px 0 0 7px;
 height:25px;
 width:83px;
 margin-left:0;
}
.media_center a.activ_screen { background-position:0 0 }
.media_center a.video_inset {
 background-position:-90px -30px;
 padding:5px 0 0 4px;
 height:25px;
 width:86px;
 margin-left:0;
}
.media_center a.activ_video { background-position:-90px 0 }

.round_box {
 position:relative;
 border:2px solid #e0e0e0;
 background:#fff;
 zoom:1;
}
.round_box .t_l,
.round_box .t_r,
.round_box .b_r,
.round_box .b_l {
 position:absolute;
 width:6px;
 height:6px;
 background:url(http://herocraft.com:8081/res/web/icons.png) -99px 0 no-repeat;
 font-size:0;
}
.round_box .t_l {
 left:-2px;
 top:-2px;
}
.round_box .t_r {
 margin-left:100%;
 left:-4px;
 top:-2px;
 background-position:-105px 0;
}
.round_box .b_r {
 margin-left:100%;
 left:-4px;
 margin-top:-4px;
 background-position:-105px -6px;
}
.round_box .b_l {
 left:-2px;
 margin-top:-4px;
 background-position:-99px -6px;
}

.award {
 overflow:hidden;
 padding:10px;
 zoom:1;
}
.award img {
 float:left; // float:none;
 vertical-align:text-bottom;
}
.award h2 {
 font-size:1.167em;
 margin:0;
 position:relative;
 // top:-5px;
 display:table; // display:inline-block;
 height:65px; // height:auto;
 max-width:150px;
 _width:150px;
 padding-left:7px;
}
.award h2 span {
 display:table-cell;
 vertical-align:bottom;
}
*html .award h2 { display:inline }
*+html .award h2 { display:inline }
.award h2 a {
 display:block;
 color:#8d0b0b;
}
.award h2 small { font-size:.929em }
.award p {
 clear:both;
 margin-bottom:0;
}
.award .more { float:right }

.forum {
 text-align:center;
 padding:20px 0;
}
.forum i {
 display:-moz-inline-box;
 display:inline-block;
 vertical-align:bottom;
 width:19px;
 height:15px;
 margin-right:-19px;
 background:url(http://herocraft.com:8081/res/web/icons.png) -111px 0 no-repeat;
}
.forum a { padding-left:19px }

.buy-info-inside {
 height:205px;
 padding-left:15px;
}
.buy-info-inside .poster {
 float:right;
_position:relative;
 margin-right:-2px;
}
.buy-info-inside h1 {
 margin:0;
 padding-top:30px;
 font-size:1.167em;
}
.buy-info-inside p {
 margin-bottom:1.5em;
 _display:inline-block;
}
*html .buy-info-inside p { display:inline }
.buy-info-inside p:last-child { margin-bottom:0 }

.game_info {
 padding:32px 15px 0 20px;
}
.game_info p,
.game_info .features,
.game_info .leaderboard,
.game_info .compatibility {
 margin-bottom:2.667em;
}
.game_info .features {
 list-style:disc;
 color:#8D0B0B;
}
.game_info .features span { color:#000 }

.leaderboard {
 padding-top:7px;
 overflow:hidden;
 zoom:1;
}
.leaderboard ul {
 overflow:hidden;
 zoom:1;
 padding-left:5px;
 border-bottom:2px solid #aaa;
}
.leaderboard li {
 float:left;
 padding:0 0 0 8px;
 background:url(http://herocraft.com:8081/res/web/insets.png) 0 -34px no-repeat;
}
.leaderboard li.current { background-position: 0 0 }
.leaderboard li a,
.leaderboard li span {
 display:block;
 display:inline-block;
 height:18px;
 padding:4px 8px 0 0;
 background:url(http://herocraft.com:8081/res/web/insets.png) 100% -34px no-repeat;
}
.leaderboard li.current span {
 background-position: 100% 0;
 color:#8D0B0B;
}

.board { padding:0 7px }
.leaderboard table {
 width:100%; _width:99.2%;
 border-collapse:collapse;
 margin-bottom:7px;
}
.leaderboard td {
 border-bottom:1px solid #8F8F8F;
 padding:4px 0;
}
.leaderboard .odd td { background-color:#E0E0E0 }
.leaderboard .user { padding-left:7px }
.medal {
 display:block;
 width:17px;
 height:22px;
 margin:-3px 0;
 background:url(http://herocraft.com:8081/res/web/icons.png) 0 -24px no-repeat;
}
.medal.silver { background-position: -17px -24px }
.medal.bronze { background-position: -34px -24px }

.leaderboard .more_leader { float:right }

.more a {
margin-right: 5px;
}
.compatibility {
 padding-top:7px;
}
select { vertical-align:middle; border: 1px solid #8F8F8F; min-width: 200px; }


/*footer*/
.footer {
 position:relative;
 height:100px;
 min-width:1000px;
 zoom:1;
}

.f_menu {
 height:83px;
 margin:0 233px 0 395px;
 text-align:center;
}
.copyright {
 height:16px;
 position:relative;
 overflow:hidden;
 background-color:#8B787F;
 border-top:1px solid #462C24;
 color:#FFFFFF;
 font-size:.75em;
 text-align:center;
}

#progressbar {
 line-height:230px;
 margin-bottom:5px;
 border-bottom:1px solid #9f9f9f;
 background-color: #fbfbfb;
}
#compatibility_loader {
 float: right;
}
.compatibility p {
	margin: 5px 0;
}
.date {
 font-size:.9em;
 color:gray;
 margin-top
}
.news li {
 margin-bottom: 10px;
}
.nav {
text-align: right;
}