html{height:100%;width:100%;  background:url(/static/img/top_body_gradient.jpg) repeat-x 0 100px;color:#7A5D3B;font:11px Verdana,Tahoma,Helvetica,sans-serif;}
body{height:auto !important; min-height:100%; height: 100%; position:relative; width:100%; margin:0; padding:0;background:#191919 url(/static/img/botttom_body_gradient.jpg) repeat-x bottom; }

a{outline: none; color:#AA6E00;text-decoration:none;}
a:hover{color:#E89600;}
#content{width:999px;margin:0 auto; position:relative; z-index:6;}
#head{ height:100px; background:url(/static/img/head.png) no-repeat top center;}
#art #head{ height:99px; background:url(/static/img/art_bg.png) no-repeat top center;}
img{border:0;}

#top_menu{height:30px; background:url(/static/img/top_menu_bg.jpg) no-repeat top center;}
#art #top_menu{background:url(/static/img/art_menu.png) no-repeat top center;}
#top_menu .items{ margin-left:268px; height:21px; padding-top:4px;}
#art #top_menu .items{ margin-left:282px; height:21px; padding-top:5px;}
#top_menu .items a{width:101px; height:21px; margin-right:22px; float:left;}
#art  #top_menu .items a{position:relative;}

#top_menu .items a#link_news:hover{background:url(/static/img/news_hov.jpg) no-repeat!important;}
#top_menu .items a#link_about:hover{background:url(/static/img/about_hov.jpg) no-repeat!important;}
#top_menu .items a#link_forum:hover{background:url(/static/img/forum_hov.jpg) no-repeat!important;}
#top_menu .items a#link_art:hover{background:url(/static/img/art_hov.jpg) no-repeat!important;}

#top_menu .items a#link_news.act{background:url(/static/img/news_act.jpg) no-repeat;}
#top_menu .items a#link_about.act{background:url(/static/img/about_act.jpg) no-repeat;}
#top_menu .items a#link_forum.act{background:url(/static/img/forum_act.jpg) no-repeat;}
#top_menu .items a#link_art.act{background:url(/static/img/art_act.jpg) no-repeat;}

#left_menu{}
#link_enter{display:block;left:30px; top:24px;position:relative; height:49px; width:214px;}
#link_enter:hover{ background: url(/static/img/enter_hov.jpg) no-repeat;}

#link_reg{display:block;left:36px; top:32px;position:relative; height:37px; width:198px;}
#link_reg:hover{ background: url(/static/img/reg_hov.jpg) no-repeat;}

#link_download{display:block;left:50px; top:49px;position:relative; height:20px; width:170px;}
#link_download:hover{ background: url(/static/img/download_hov.jpg) no-repeat!important;}
#link_download.act{ background: url(/static/img/download_act.jpg) no-repeat;}

#link_remind{display:block;left:50px; top:72px;position:relative; height:20px; width:170px;}
#link_remind:hover{ background: url(/static/img/remind_hov.jpg) no-repeat!important;}
#link_remind.act{ background: url(/static/img/remind_act.jpg) no-repeat;}

#link_help{display:block;left:50px; top:95px;position:relative; height:20px; width:170px;}
#link_help:hover{ background: url(/static/img/help_hov.jpg) no-repeat!important;}
#link_help.act{ background: url(/static/img/help_act.jpg) no-repeat;}

#link_encycl{display:block;left:50px; top:118px;position:relative; height:20px; width:170px;}
#link_encycl:hover{ background: url(/static/img/encycl_hov_.jpg) no-repeat!important;}
#link_encycl.act{ background: url(/static/img/encycl_act.jpg) no-repeat;}

#terminal{position:relative; color:#B17200;font-size:11px; width:167px; height:104px; top:173px; left:48px; padding:22px 12px;}

#art #art_dop_menu{height:69px; background:url(/static/img/art_bg1.png) no-repeat top center;}
#art #art_dop_menu .items{height:14px; position:relative; top:50px; left:305px;float:left;}
#art #art_dop_menu .items  a{float:left; width:141px; height:14px; text-align:center; /*font:bold 12px Arial; */color:#aa6e00;}
#art #art_dop_menu .items  a.act{color:#e89600;}
#art #art_dop_menu .items  a:hover{color:#E89600;}

#main_content {padding-bottom:43px; width: 999px;}
#art #main_content { width:999px; margin:0 auto; height:202px;padding-bottom:0px; position:relative;}
#art #main_content div{ position:absolute;z-index:7; }
#art #main_content #art_conten_left {height:186px; width:114px;background:url(/static/img/art_conten_left.png) no-repeat; margin-left:66px;}
#art #main_content #art_conten_right{height:186px; width:115px;background:url(/static/img/art_conten_right.png) no-repeat; margin-left:855px;}
#art #main_content #art_conten_center{margin-left:395px;margin-top:75px;height:37px; width:13px;background:url(/static/img/art_conten_center.png) no-repeat;}
#art #main_content #art_conten_bottom{margin-left:227px;margin-top:177px;width:122px; height:26px;background:url(/static/img/art_conten_bottom.png) no-repeat;}

#art #art_content{width:680px;height:auto !important; min-height:100%; height: 100%; padding-left:35px; margin:0 auto;position:relative; z-index:6;overflow: hidden;margin-top:-191px; 
}
#art #art_content div{float:left; padding:6px 9px 10px 9px; height:150px; width:200px;background:url(/static/img/art_photo_bg.png) no-repeat top center; margin-left:13px; margin-bottom:26px;}
#art #art_content div a{position:absolute; z-index: 999;}
#art #art_content div a img{position:absolute; z-index: 999;opacity:1;transition:opacity 0.2s ease-in 0s;}
#art #art_content div a:hover img{opacity:0.7}
#art #art_content div.first{ margin-left:0px;}



#center{width:511px; }
#main_content td{vertical-align:top;}
.cbg3 {background:url(/static/img/cbg3.gif) repeat-x bottom; height:18px;}

#center_col{background:url(/static/img/cbg.gif); width:441px;}
#center_col .bg{background:url(/static/img/center_col_top.jpg) no-repeat left; height:90px; position:absolute; width:999px; margin:0 auto; margin-left:-10px; top:127px; width:458px;z-index:1;}
#center_col .statistic{background:url(/static/img/center_col_top_stat.jpg) no-repeat;}
#center_col .rating{background:url(/static/img/center_col_top_rate.jpg) no-repeat;}

#text{padding:0 10px 0 10px;}

#text .main{ overflow:hidden;padding-top:75px;position:relative; z-index:2; }
#text .stat{ overflow:hidden;padding-top:45px;position:relative; z-index:2; }
.info_title{padding-left:15px;color:#B17200;font-weight:bold; font-size: 11px; background:url(/static/img/ahtung.gif) no-repeat center left;}
.stat_title{color:#B17200;font-weight:bold; font-size: 11px; text-align:center; margin-bottom:10px;}
.stat_title a{color:#B17200; text-decoration:underline;}
.stat_title a:hover{text-decoration:none;}
.razd{height:12px; background:url(/static/img/razd.jpg) no-repeat center;}
.date{color:#818183;font-size:10px;}


.stat{}
.stat td{padding:3px 0;}
.stat img{margin-right:5px; margin-left:3px;}

.more{display:block;width:89px; height:21px; position:absolute; color:#b17200; font:10px/20px Verdana; text-align:center;}
.more_right{left:0; top:0;margin-top: 244px; margin-left:120px;  background:url(/static/img/more_right.gif) no-repeat;}
.more_left{margin-top: 162px; margin-left:38px;  background:url(/static/img/more_left.gif) no-repeat;}

.paging{text-align:right; color:#b17200; padding-right:50px;}
.paging a{ color:#b17200;}
.paging a:hover{ color:#E89600;}
.paging a.act{font-weight:bold;}
.paging span{font-weight:bold;}

#copy{color:#818183;font-size:10px; padding:10px 0;}

#bottom_menu{padding:10px 0; text-align:center;color:#B17200}
#bottom_menu a{font-size:10px;color:#818183;}

#left_col{width:35px; background:url(/static/img/cbg1.gif) repeat-y left;}
#right_col{width:35px; text-align:right; background:url(/static/img/cbg2.gif) repeat-y right;}

#right_bar{width:243px;;background:url(/static/img/right_bar.gif) no-repeat;}
#left_bar{height:600px;width:245px;background:url(/static/img/left_bar_.gif) no-repeat;}

#obrezki{width:100%; height:244px; background:url(/static/img/obrezki.gif) no-repeat top center; position:absolute; top: 100px; z-index:5;}
#flash{width:100%; height:124px; background:url(/static/img/flash_grad.jpg) repeat-x bottom center; position:absolute; top: 0; z-index:4;}
#bottom_rocks{width:100%; height:539px; background:url(/static/img/bottom_rocks.jpg) no-repeat bottom center; position:absolute; bottom: 0; z-index:2;}
#top_rocks{width:100%; height:274px; background:url(/static/img/top_rocks.gif) no-repeat top center; position:absolute; top: 124px; z-index:4;}
#screen{height:162px; width:228px; background:url(/static/img/im_bg.gif) no-repeat; margin-top:20px;}
#screen img{vertical-align:top; position:relative;}
#screen_buttons{width:200px; height:14px; margin-top:10px; margin-left:21px;}
#screen_buttons a{width:45px; height:14px; float:left; position:relative; cursor:pointer;}
#screen_buttons a.left{ margin-right:10px;}
#screen_buttons a.right:hover{background:url(/static/img/right_button_hov.jpg) no-repeat 0px 0;}
#screen_buttons a.left:hover{background:url(/static/img/left_button_hov.jpg) no-repeat 0px 0;}

#darker {display:none; height:100%; left:0; position:absolute; top:0; width:100%; z-index:100; overflow: hidden;}
#full_image_container{position:fixed; z-index:105; top:0; left:0; display:none; width:800px;}
*html #full_image_container{position:absolute; }
#full_image_container div{text-align:center;}
#full_image_container div div{height:22px; background: url(/static/img/photo_arrow.jpg) no-repeat 5px 0; margin-top:2px;}
#full_image_container div div a{width:45px; height:14px; float:left; margin-left:12px; margin-top:3px;}
#full_image_container div div a.left{}
#full_image_container div div a.right{margin-left:10px;}
#full_image_container div div a.right:hover{background:url(/static/img/right_button_hov.jpg) no-repeat top left;}
#full_image_container div div a.left:hover{background:url(/static/img/left_button_hov.jpg) no-repeat top left;}
#full_image{border:3px solid #3d3d3d;}
#close_full a{float:right; width:31px; height:16px; background:url(/static/img/close.gif) no-repeat;}
#close_full a:hover{background:url(/static/img/close_o.gif) no-repeat;}
.TB_overlayBG {background-color:#000; opacity:0.75;}

.TB_overlayMacFFBGHack { background: url(/static/img/darker.png) repeat; }
.TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }

#rating {height:223px; width:200px; position:relative; left:19px; top:32px;}
#rate_head div{height:18px; float:left; text-align:center; margin-left:9px; width:110px; color:#b17200; font-weight:bold; line-height:15px;}
#rate_head a{height:14px; width: 35px; float:left; margin-top:2px;}
#rate_head a.right:hover{background:url(/static/img/right_button_temp_hov.jpg) no-repeat 6px 0;}
#rate_head a.right{margin-left:11px;}
#rate_head a.left:hover{background:url(/static/img/left_button_temp_hov.jpg) no-repeat 5px 0;}
.raitingContent{clear:both; padding:15px 3px 0 1px}
*html .raitingContent{padding:13px 3px 0 8px}
ul.raiting { margin: 0 0 0 25px; padding: 0; list-style-type: decimal; list-style-image: none; }
ul.raiting li { padding: 0 0 4px 0; margin: 0; color: #a2780c; }
#registrBlock { position: absolute; display: none; z-index: 105; left: 50%; margin-left: -218px; top: 135px; }
#regChoiceBlock, #launchChoiceBlock { position: absolute; display: none; z-index: 105; left: 50%; margin-left: -218px; top: 155px; }
#registrBlock TD { color: #b17200; }
#errorTxt { padding-left: 75px; padding-right: 10px; height: 50px; overflow: hidden;  }
#errorTxt table { border-collapse: collapse; border: 0; height: 50px; }
#errorTxt table td { color: #b17200; text-align: center; }
#errorBoxPlace { position: absolute; z-index: 150; left: 50%; margin-left: -188px; top: 292px; width: 376px; height: 208px; background: url('/static/img/errorbox.gif') no-repeat top center; }
.errorContainer { position: relative; margin-top: 60px; height: 148px; }
.errorClose { position: absolute; z-index: 160; bottom: 56px; left: 130px; }

.r_up{color:#008000}
.r_down{color:#ff0000}
a.rating-left-btn { background: url('/static/img/ar_left.gif') no-repeat 100% 3px; display: inline-block; width: 80px; height: 18px; }
a.rating-left-btn:hover { background: url('/static/img/ar_left_hov.gif') no-repeat 100% 3px; }
a.rating-right-btn { background: url('/static/img/ar_right.gif') no-repeat 0 3px; display: inline-block; width: 80px; height: 18px; }
a.rating-right-btn:hover { background: url('/static/img/ar_right_hov.gif') no-repeat 0 3px; }

#passwordBoxPlace { position: absolute; z-index: 150; left: 50%; margin-left: -143px; top: 300px; width: 286px; height: 147px; background: url('/static/img/password_box.gif') no-repeat top center; }
#passwordBoxPlace TD { color: #b17200; }
.passwordContainer { position: relative; z-index: 160; width: 286px; height: 147px; }
.passwordClose { position: absolute; z-index: 170; right: 39px; top: 15px; }
.passwordSend { position: absolute; z-index: 170; bottom: 7px; left: 149px; }
.passwordTxt { position: relative; padding-top: 35px; padding-right: 35px; padding-left: 35px; height: 77px; overflow: hidden; }
.REGinput { font-size: 11px; width: 130px; font-family: Verdana, Arial, Helvetica; height: 13px; color: #b17200; text-align: center; border: 1px solid #b17200; background: #0A0A0A; }
#registrBlock select { font-size: 11px; font-family: Verdana, Arial, Helvetica; color: #b17200; text-align: center; border: 1px solid #b17200; background: #0A0A0A; }

.regChoiceBg { background: url('/static/img/r1/reg_choice_panel.png') no-repeat; position: relative; }
.launchChoiceBg { background: url('/static/img/r1/launch_choice_panel.png') no-repeat; position: relative; }
.regBg1 { background: url('/static/img/registr_1.gif') no-repeat; position: relative; }
.regBg2 { background: url('/static/img/registr_4.gif') no-repeat; position: relative; }
#closeB { position: absolute; right: 58px; top: 27px; }
.choiceCloseB { position: absolute; right: 56px; top: 26px; }
.choiceLeft { position: absolute; left: 65px; top: 93px; }
.choiceRight { position: absolute; right: 65px; top: 93px; }
#nextB { position: absolute; left: 158px; bottom: 52px; }
.registrBg { background: url('/static/img/registr_bg.gif'); }

#darker { position: absolute; display: none; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; }

.warning1{position:absolute; top:654px; margin-left:128px;}
.warning2{position:absolute;  top:654px; margin-left:16px;}

#to_top {
    width: 189px;
    height: 36px;
    line-height: 35px;
    text-align: center;
    position: fixed;
    background: url('/static/img/to_top_btn.png') no-repeat;
    bottom: 30px;
    left: 50%;
    margin-left: -460px;
    z-index: 100;
    cursor: pointer;
    visibility: hidden;
}
.banned-nick{color: #888}

#online-users, #rating-users {
    text-align: center;
    line-height: 20px;
    min-height: 480px;
}

.user-info {
    background: url('/static/img/ico_i.gif') no-repeat 100% 4px;
    padding-right: 13px;
    line-height: 15px;
}

.awaiting-large {
    background: url(/static/img/loading_large.gif) no-repeat;
    height: 32px;
    width: 32px;
    display: inline-block;
}

.refresh-button {
    width: 26px;
    height: 32px;
    display: block;
    background: url(/static/img/refresh.png) no-repeat;
    cursor: pointer;
    opacity: 0.4;
    transition: opacity 1.25s ease-out 0s;
    outline: none;
}

.refresh-button:hover {
    opacity: 0.8;
    transition: none;

}

.stat .refresh-button, .stat .awaiting-large {
    position: absolute;
    top: 90px;
}