body{margin:0 auto;background-color: #fffeef;}
#header{margin:0 auto; background: url(images/head_back_tile.jpg) repeat;}
#header_in{width:900px; height: 47px; margin:0 auto;}
#header_in{width:710px; padding-left:50px;}
#logo{float:left; width:149px; height:47px;}
#logo.ru{background: url("images/7366b1dd9148523c25068096a82eff3c5cc8f34elogo_new_ru.png") 7px 6px no-repeat;}
#logo.en{background: url("images/3a244d4e3a7363cc3664d66e168809014bb4c617logo_new_en.png") 7px 6px no-repeat;}


.button{text-decoration:none;display:block; float:left;margin-right:0; margin-top:18px; position:relative;font:bold 12px Trebuchet MS;color:#492815}
.button .right,.left{position:absolute;width:10px;height:27px;}
.button .left{background: url(images/button_left_NEW.png) no-repeat;}
.button .right{right:0;top:0;background: url(images/button_right_NEW.png) no-repeat;}
.button .center{position:relative;height:20px;margin:0 10px 0 10px;padding:7px 12px 0 12px;background: url(images/button_center_tile.png) repeat-x;display:block}

.button.act .left{background: url(images/button_left_a_NEW.png) no-repeat!important;}
.button.act .right{background: url(images/button_right_a_NEW.png) no-repeat!important;}
.button.act .center{background: url(images/button_center_tile_a.png) repeat-x!important;}

.button:hover .left{background: url(images/button_left_h_NEW.png) no-repeat;}
.button:hover .right{background: url(images/button_right_h_NEW.png) no-repeat;}
.button:hover .center{background: url(images/button_center_tile_h.png) repeat-x;}

#contents{
    overflow: hidden;
}
#contents > div{visibility:hidden;position:absolute;z-index:-1;}
#contents div.faq{margin:0 auto;}
#contents > div.act{visibility:visible;position:static;z-index:0;}


#footer{margin:0 auto; background: url(images/footer_back_tile.jpg) repeat-x;height: 47px;}
#footer_fb{background: url(images/new_footer_back_tile.png) repeat; height: 301px; font: 12px arial;color: #c69c5d;text-align:center;}
#footer_fb .footer_top{background: url(images/seam.png) repeat-x; height:2px;}
#footer_fb a{color: #c69c5d;}
#footer_fb a:hover{color: #efd783;}
#footer_fb #uid-container{font-weight: bold; padding-top: 14px;}
#footer_fb .fb_links{text-align:center;font-size: 14px; width: 1400px; margin: 0 auto; position: relative; height: 30px; padding-top: 15px;}
#footer_fb .fb_links .hr{width: 100%; position: absolute; bottom: 0;background-color: #c69c5d; height: 2px;}
#footer_fb .fb_links a{text-decoration: none;}
.fb-like {display: inline; top: -2px; left: 0px; height: 20px; overflow: hidden; vertical-align: top;}
#knb_banner img{border: 1px solid #9f948b;}

#get_fl_container{background: url(images/fl_btn_back.png) no-repeat; width: 582px; height: 285px;}
#get_fl_descr_container{position: absolute; margin-left: 242px; width: 265px;}
#get_fl_img{background: url(images/fl_btn_back_image.png) no-repeat; width: 218px; height: 244px; position: absolute; margin-top:15px; margin-left: 40px;}
#get_fl_descr{margin-top: 85px; width: 265px; height: 100px; text-align: justify;  font-size: 16px;}
#get_fl_btn{ margin-top: 200px;}
#html5_icon{ margin-top: -45px;}

#get_fl_container3{background: url("images/loading/f106f42ad24b9d3e219375011eb1cfcb5cacc36cpopup_flash_or_js.png") no-repeat; width: 675px; height: 515px;display:none;}
#get_fl_container2{background: url(images/loading/popup_flash.png) no-repeat; width: 675px; height: 515px;}
#get_fl_descr_container2{position: absolute; margin-left: 192px; margin-top: 100px; width: 265px;}
#get_fl_descr2{margin-top: 46px; width: 358px; height: 100px; text-align: center;  font-size: 17px; color: #572905;margin-left: -23px; line-height: 1.2;}
#get_fl_btn2 {background: url(images/loading/button_green.png) no-repeat; width: 230px; height: 40px;position:absolute; margin-top:100px; margin-left:27px; padding-top:8px;}
#get_fl_btn_caption {font-size:19px;}
#get_fl_btn_caption2 {font-size:19px;float:left;margin-top: 8px;margin-left: 10px;}

.support_info {
    width:630px;
    height:auto;
    text-align: center;
    margin: 0 auto;
    visibility: hidden;
    font-size: 22px; color: #000;
    font-family: "CYRILLICHOVER", Tahoma, Arial, Helvetica, sans-serif;
}

.support_button_label {
    transform: translate(-0%, -178%);

    color: #562a00;
    user-select: none;
    pointer-events: none;
}

.support_footer {
    width:100%;
    height: 51px;
}


#support_alert {
  color:red;
  display: none;
}

.support_notify_outer_frame {
    border-color: #e8c9a3;
    border-width: medium;
    margin: 1px 1px 1px 1px;
    border-style: dashed;
    border-radius: 13px;
    position: absolute;
    top: 5px;
    bottom: 5px;
    width: 486px !important;
    height: 460px !important;
}

.support_notify_inner_frame {
    border-color: #b5946f;
    border-width: medium;
    border-style: solid;
    border-radius: 10px;
    margin: 5px 5px 5px 5px;
    position: absolute;
    top: 1px;
    bottom: 5px;
    width: 469px !important;
    height: 442px !important;
    background-color: #e6c6a0;
}

#support_notify_title {
    font-size: 40px;
    color: #5f2705;
    position:absolute;
    top: 147px;
    width: 650px;
    text-align: center;
}

#support_notify_image {
    background: url(images/support/picture.png);
    width: 458px !important;
    height: 377px !important;
    position:absolute;
    top: 103px;
    left: 90px;
}

#support_sent_image {
    background: url(images/support/picture.png);
    width: 458px;
    height: 267px;
    margin-top: -50px;
}

#support_notify_description {
    font-size: 19px;
    color: #5f2705;
    line-height: 21px;
    position:absolute;
    width: 290px;
    text-align: center;
    top: 370px;
    left: 174px;
}

#support_sent_description {
    font-size: 19px;
    color: #5f2705;
    line-height: 21px;
    width: 320px;
    text-align:center;
    margin-left: 80px;
    margin-top: 10px;
}

#support_notify_email {
    font-size: 19px;
    color: #F40D0D;
    line-height: 21px;
    width: 480px;
    text-align: center;
    position:absolute;
    top: 460px;
    left: 78px;
}

#support_sent_email {
    font-size: 19px;
    color: #F40D0D;
    line-height: 21px;
    width: 480px;
    text-align: center;
    margin-top: 15px;
}

.support_error {
    font-size:28px;
    width: 438px;
    text-align: center;
    padding-top:210px;
    margin-left:10px;
    color:#642D0D;
}

#support_notify_button_shadow {
    width: 204px !important;
    height: 45px !important;
    border: none;
    background-color:#b4936e;
    border-radius: 5px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    margin-top: 20px;
    position:absolute;
    top: 475px;
    left: 216px;
}

#support_sent_button_shadow {
    width: 204px;

    border: none;
    background-color:#b4936e;
    border-radius: 5px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    margin-top: 20px;
    margin-left: 138px;
    height: 45px;
}

#support_submit_button_shadow {
    width: 204px !important;
    height: 44px !important;
    border: none;
    background-color:#b4936e;
    border-radius: 5px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    margin-top: -9px;
    margin-left: 129px;
}

#support_notify_button_confirm {
    background: url(images/support/button_small.png) no-repeat;
    width: 204px;
    height: 40px;
    border: none;
    font-size: 22px;
    color: #562a00;
}

#support_notify_button_confirm:hover {
    filter:brightness(120%)
}

#support_sent_button_confirm {
    background: url(images/support/button_small.png) no-repeat;
    width: 204px;
    height: 40px;
    border: none;
    font-size: 22px;
    color: #562a00;
}

#support_sent_button_confirm:hover{
    filter: brightness(120%);
}

#submitFormButton{
    background: url(images/support/button_small.png) no-repeat;
    width: 204px;
    height: 40px;
    border: none;
    font-size: 22px;
    color: #562a00;
}

#submitFormButton:hover{
    filter: brightness(120%);
}

.support_field_text {
    float:left;
    height: 58px;
}

.support_field_text_hint {
    float:left;
    height: 48px;
}

.support_field_text_half_left {
    width:235px !important;
    float:left;
    height: 58px;
}

.support_field_text_half_right {
    width:235px !important;
    float:left;
    height: 58px;
    margin-left: 0;
}

.support_field_longtext {
    float:left;
    height: 89px;
}

.support_field_screenshot {
    margin-top:-6px;
    float:left;
    height: 64px;
}

.support_field_submit {
    float:left;
    height: 58px;
}

.support_body {
    border: 0;
    margin: 0 auto;
    font: 12px/17px Tahoma;
    padding: 10px;
    width: 730px;
    font-size: 15px;
    background-color: #f4e1a4;
}

#support_iframe {
    background-color: #f4e1a4;
}

#support_notification_message {
    width: 479px;
    height: 452px;
    position: absolute;
    left: 70px;
    top: 103px;
    padding: 1px 1px 1px 1px;
}

body.support_contents_body  {
    border: 0;
    margin: 0 auto;
    font: 12px/17px Tahoma;
    width: 490px;
    font-size: 15px;
    background-color: #E6C6A0;
    overflow-x: hidden;
    height: 100%;
    width: 100%;
}


#main_support_div {
  background-image: url(images/support/bg.png);
    width: 625px;
  height: 675px;
  border: 1px solid #f4e1a4;
  position: relative;
}

#title_support_div {
    background-image: url(images/support/title_bg.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 170px;
    top: -13px;
    width: 286px;
    height: 49px;
    text-align: center;
    padding-top: 15px;
    color: #FFEECB;
    font-size: 18px;
}

#description_support_div {
    position: absolute;
    left: 65px;
    top: 53px;
    width: 495px;
    text-align: center;
    vertical-align: middle;
    color: #642D0D;
    font-size: 14px;
}

#crumbs_support_div {
    text-align: left;
    position: absolute;
    left: 70px;
    top: 116px;
    width: 500px;
    color: #642D0D;
}

#support_close_button {
    top: 7px;
    left: 574px;
    position: absolute;
}

#support_close_button a {
    background-image: url(images/support/button_close.png); 
    background-repeat: no-repeat;
    display: block; 
    width: 42px; 
    height: 42px; 
}

#support_content_iframe {
    text-align: left;
    width: 479px;
	height: 452px;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    left: 70px;
    top: 162px;
    background-color: #E6C6A0;
}

*::-webkit-scrollbar {
  width: 18px;
}

*::-webkit-scrollbar-track {
  background: #daba94;
}

*::-webkit-scrollbar-thumb {
  background-color: #b39370;
  border: 3px solid #daba94;
  background-clip: padding-box;
}

::-webkit-scrollbar-button:single-button {
  background-color: #daba94;
  display: block;
  height: 14px;
  width: 18px;
}

::-webkit-scrollbar-button:single-button:vertical:decrement {
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23b39370'><polygon points='4,10 14,10 9,5'/></svg>");
}

::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%236D5A45'><polygon points='4,10 14,10 9,5'/></svg>");
}

::-webkit-scrollbar-button:single-button:vertical:increment {
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23b39370'><polygon points='4,4 14,4 9,9'/></svg>");
}

::-webkit-scrollbar-button:vertical:single-button:increment:hover {
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%236D5A45'><polygon points='4,4 14,4 9,9'/></svg>");
}

.support_answer {
    width: 444px;
    padding: 10px;
}


.support_form {
    width: 470px;
    padding: 10px;
}

.form_field_caption {
    color:#642D0D;
}

textarea.support_input{
    resize:none;
    height:43px;
}

.form_field_hint {
    color:#ff0000;
}

.support_input {
    width: 450px;
    border: 2px solid #B2997B;
    border-radius: 5px;
    background-color: #ffe4c2;
    font-size: 15px;
    color: #642D0D;
    margin-bottom: 10px;
    padding: 5px;
}

.support_input_file_transparent{
    color: transparent !important;
}

.support_input_half {
    float:left;
    visible: false;
    width: 215px;
    border: 2px solid #B2997B;
    border-radius: 5px;
    background-color: #ffe4c2;
    font-size: 15px;
    color: #642D0D;
    margin-bottom: 10px;
    padding: 5px;
}

a.support_menu_item {
    background-color: #E6C6A0;
    color: #642D0D;
    width: 450px;
    display: block;
    float: left;
    border-bottom: 1px solid #CFAD89;
    text-decoration: none;
    padding-left: 14px;
    padding-right: 26px;
    padding-top: 14px;
    padding-bottom: 16px;
}

a.support_menu_item:hover {
    background-color: #CDAC88;
    color: #FFFFFF;
    text-decoration: none;
}

a.support_crumb_link {
    color: #E36400;
    text-decoration: none;
}


  #minigame_container{
      position:absolute;
      width:100%;
      height:710px;
      top:60px;
      display:none;
  }

#minigame_layers{
    width: 838px;
    height:710px;
    position: relative;

    margin-left: auto;
    margin-right: auto;
}

#mg_window{
    width: 838px;
    height:710px;
    position: absolute;
}

#playable{
    width: 678px;
    height: 530px;
    position: absolute;
    top: 103px;
    left: 80px;
}

#mg_popup{
    width: 428px;
    height:287px;
    position: absolute;
    left: 205px;
    top: 211px
}

.canv{
    position: absolute;
    left: 0;
    top: 0;
}