#main_content { clear: both }

#lobby {
    box-sizing: border-box;
    min-height: 378px;
    position: relative;
    margin-bottom: -11px;
    z-index: 1;
    font-size: 0;
    line-height: 0;
}

#lobby *, #lobby *:before, #lobby *:after { box-sizing: border-box; }

#lobby .row { margin: 0 auto }
#lobby .row:before { content: " "; display: table }
#lobby .row:after { content: " "; display: table; clear: both }

#lobby .col { min-height: 1px; position: relative; float: left }

/***************************************************************/
/*Главное меню                                                 */
/***************************************************************/
#lobby .main_menu {
    background: #000000;
    position: relative;
    z-index: 1;
}

#lobby .main_menu A DIV {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.2s ease-in-out 0s;
    -moz-transition: opacity 0.2s ease-in-out 0s;
    -ms-transition: opacity 0.2s ease-in-out 0s;
    -o-transition: opacity 0.2s ease-in-out 0s;
    transition: opacity 0.2s ease-in-out 0s;
}

#lobby .main_menu A:hover DIV { opacity: 1 }
#lobby .main_menu A:active DIV { top: 3px }

#lobby .main_menu .game_list_created {
    cursor: pointer;
    width: 241px;
    height: 69px;
    background: url('images/game_list_created_normal.jpg') 0 0 no-repeat;
    margin-right: 1px;
}

#lobby .main_menu .game_list_created DIV {
    width: 241px;
    height: 69px;
    background: url('images/game_list_created_hover.jpg') 0 0 no-repeat;
}

#lobby .main_menu .game_list_wrapper {

}

#lobby .main_menu .game_list_started {
    cursor: pointer;
    width: 239px;
    height: 69px;
    background: url('images/game_list_started_normal.jpg') 0 0 no-repeat;
    margin-right: 1px;
}

#lobby .main_menu .game_list_started DIV {
    width: 239px;
    height: 69px;
    background: url('images/game_list_started_hover.jpg') 0 0 no-repeat;
}

#lobby .main_menu .game_shop {
    cursor: pointer;
    width: 238px;
    height: 69px;
    background: url('images/game_shop_normal.jpg') 0 0 no-repeat;
    margin-right: 1px;
}

#lobby .main_menu .game_shop DIV {
    width: 238px;
    height: 69px;
    background: url('images/game_shop_hover.jpg') 0 0 no-repeat;
}

#lobby .main_menu .game_create {
    cursor: pointer;
    width: 239px;
    height: 69px;
    background: url('images/game_create_normal.jpg') 0 0 no-repeat;
}

#lobby .main_menu .game_create DIV {
    width: 239px;
    height: 69px;
    background: url('images/game_create_hover.jpg') 0 0 no-repeat;
}

/***************************************************************/
/*Не авторизован                                                 */
/***************************************************************/
#lobby .not_authorized {
    background: #000000 url('images/not_authorized.png') 0 0 no-repeat;
    z-index: 1;
    height: 69px;
}

#lobby .not_authorized H1 {
    font: 26px Arial;
    font-variant: small-caps;
    color: #fcff00;
    margin: 7px 0 1px 0;
    text-align: center;
    letter-spacing: 1px;
}

#lobby .not_authorized H2 {
    font: 16px Arial;
    font-variant: small-caps;
    color: #fff;
    margin: 0;
    text-align: center;
    letter-spacing: 0.5px;
}

/***************************************************************/
/*Список игр                                                   */
/***************************************************************/
#lobby .select_game_wrapper { background: #e5c69a; position: relative }

#lobby .select_game {
    height: 299px;
    background: url('images/select_game_border_b.gif') 100% 100% repeat-x,
                url('images/select_game_border_l.gif') 0 0 repeat-y,
                url('images/select_game_border_r.gif') 100% 0 repeat-y,
                url('images/select_game_border_t.gif') 0 0 repeat-x;
    position: relative;
    padding: 3px 6px 6px;
}

#lobby .select_game .angles { height: 0; }

#lobby .select_game .angle_lt {
    width: 68px;
    height: 67px;
    background: url(/theme/img/top-left-corner.png) 0 0 no-repeat;
    position: absolute;
    z-index: -1;
    left: -8px;
    top: -8px;
}

#lobby .select_game .angle_rt {
    width: 68px;
    height: 67px;
    background: url(/theme/img/top-left-corner.png) 0 0 no-repeat;
    transform: scale(-1, 1);
    z-index: -1;
    position: absolute;
    top: -8px;
    right: -8px;
}

#lobby .select_game .angle_rb {
    width: 68px;
    height: 67px;
    background: url(/theme/img/top-left-corner.png) 0 0 no-repeat;
    transform: scale(-1, -1);
    z-index: -1;
    position: absolute;
    right: -8px;
    bottom: -8px;
}

#lobby .select_game .angle_lb {
    width: 68px;
    height: 67px;
    background: url(/theme/img/top-left-corner.png) 0 0 no-repeat;
    transform: scale(1, -1);
    z-index: -1;
    position: absolute;
    left: -8px;
    bottom: -8px;
}

#lobby .select_game UL {
    min-height: 290px;
    position: relative;
    z-index: 1;
    margin: 0;
    list-style: none;
    padding: 7px 0 0 0;
}

#lobby .select_game LI {
    display: block;
    margin: 0;
    padding: 0;
    min-height: 48px;
    background: none 50% 0 no-repeat;
}

#lobby .select_game LI.rating_game { background-image: url('images/game_list_rating_bg.png') }
#lobby .select_game LI.teams_game { background-image: url('images/game_list_teams_bg.png') }

#lobby .select_game LI .players_list {
    width: 713px;
    text-align: center;
    float: left;
}

#lobby .select_game LI.preloader {
    width: 64px;
    height: 64px;
    background: url('images/preloader1.gif') 0 0 no-repeat;
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
}

/*TODO: Предусмотреть внутри каждой ссылки внутренний кликабельный слой*/
#lobby .select_game LI A {
    display: inline-block;
    width: 147px;
    height: 52px;
    vertical-align: top;
    text-align: center;
    padding-top: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    font: 15px/15px 'Arial';
    color: #341902;
    text-decoration: none;
    background: 0 0 no-repeat;
}
#lobby .select_game LI A.add { cursor: pointer }

#lobby .select_game LI.rating_game .player { margin: -7px 0 0 -6px }
#lobby .select_game LI.rating_game .player.add { cursor: pointer }
#lobby .select_game LI.rating_game .player:first-child { margin-left: 0 }

#lobby .select_game LI.teams_game .player1 { margin: -7px 0 0 0 }
#lobby .select_game LI.teams_game .player2 { margin: -7px 0 0 -6px }
#lobby .select_game LI.teams_game .player3 { margin: -7px 0 0 0 }
#lobby .select_game LI.teams_game .player4 { margin: -7px 0 0 -6px }

#lobby .select_game LI.teams_game .versus {
    display: inline-block;
    width: 58px;
    height: 50px;
    background: url('images/versus.png') 0 0 no-repeat;
    vertical-align: top;
    margin: -11px 0 0 0;
}

/*иконки бизнес*/
#lobby .select_game LI.rating_game .business .player { background-image: url('images/business/player.png') }
#lobby .select_game LI.rating_game .business .player.vip { background-image: url('images/business/player_vip.png') }
#lobby .select_game LI.rating_game .business .player.add { background-image: url('images/business/player_add.png') }

#lobby .select_game LI.teams_game .business .player1 { background-image: url('images/business/player1.png') }
#lobby .select_game LI.teams_game .business .player1.vip { background-image: url('images/business/player1_vip.png') }
#lobby .select_game LI.teams_game .business .player1.add { background-image: url('images/business/player1_add.png') }
#lobby .select_game LI.teams_game .business .player2 { background-image: url('images/business/player2.png') }
#lobby .select_game LI.teams_game .business .player2.vip { background-image: url('images/business/player2_vip.png') }
#lobby .select_game LI.teams_game .business .player2.add { background-image: url('images/business/player2_add.png') }
#lobby .select_game LI.teams_game .business .player3 { background-image: url('images/business/player3.png') }
#lobby .select_game LI.teams_game .business .player3.vip { background-image: url('images/business/player3_vip.png') }
#lobby .select_game LI.teams_game .business .player3.add { background-image: url('images/business/player3_add.png') }
#lobby .select_game LI.teams_game .business .player4 { background-image: url('images/business/player4.png') }
#lobby .select_game LI.teams_game .business .player4.vip { background-image: url('images/business/player4_vip.png') }
#lobby .select_game LI.teams_game .business .player4.add { background-image: url('images/business/player4_add.png') }

/*иконки природа*/
#lobby .select_game LI.rating_game .nature .player { background-image: url('images/nature/player.png') }
#lobby .select_game LI.rating_game .nature .player.vip { background-image: url('images/nature/player_vip.png') }
#lobby .select_game LI.rating_game .nature .player.add { background-image: url('images/nature/player_add.png') }

#lobby .select_game LI.teams_game .nature .player1 { background-image: url('images/nature/player1.png') }
#lobby .select_game LI.teams_game .nature .player1.vip { background-image: url('images/nature/player1_vip.png') }
#lobby .select_game LI.teams_game .nature .player1.add { background-image: url('images/nature/player1_add.png') }
#lobby .select_game LI.teams_game .nature .player2 { background-image: url('images/nature/player2.png') }
#lobby .select_game LI.teams_game .nature .player2.vip { background-image: url('images/nature/player2_vip.png') }
#lobby .select_game LI.teams_game .nature .player2.add { background-image: url('images/nature/player2_add.png') }
#lobby .select_game LI.teams_game .nature .player3 { background-image: url('images/nature/player3.png') }
#lobby .select_game LI.teams_game .nature .player3.vip { background-image: url('images/nature/player3_vip.png') }
#lobby .select_game LI.teams_game .nature .player3.add { background-image: url('images/nature/player3_add.png') }
#lobby .select_game LI.teams_game .nature .player4 { background-image: url('images/nature/player4.png') }
#lobby .select_game LI.teams_game .nature .player4.vip { background-image: url('images/nature/player4_vip.png') }
#lobby .select_game LI.teams_game .nature .player4.add { background-image: url('images/nature/player4_add.png') }

#lobby .select_game LI .game_bet {
    width: 80px;
    height: 35px;
    float: left;
    margin: 4px 0 0 12px;
    background: url('images/game_bet.png') 0 0 no-repeat;
    padding: 10px 0 0 15px;
    font: 18px/18px 'Arial';
    color: #6e0503;
}

#lobby .select_game LI .game_exit {
    float: right;
    width: 110px;
    height: 43px;
    position: relative;
    background: url('images/game_exit_normal.png') 0 0 no-repeat;
    cursor: pointer;
    margin-right: 5px;
}

#lobby .select_game LI .game_exit DIV {
    width: 110px;
    height: 43px;
    background: url('images/game_exit_hover.png') 0 0 no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out 0s;
    -moz-transition: opacity 0.3s ease-in-out 0s;
    -ms-transition: opacity 0.3s ease-in-out 0s;
    -o-transition: opacity 0.3s ease-in-out 0s;
    transition: opacity 0.3s ease-in-out 0s;
}
#lobby .select_game LI .game_exit:hover DIV { opacity: 1 }
#lobby .select_game LI .game_exit:active DIV { background-image: url('images/game_exit_active.png') }

#lobby .select_game LI .game_play {
    float: right;
    width: 110px;
    height: 43px;
    position: relative;
    background: url('images/game_play_normal.png') 0 0 no-repeat;
    cursor: pointer;
    margin-right: 5px;
}

#lobby .select_game LI .game_play DIV {
    width: 110px;
    height: 43px;
    background: url('images/game_play_hover.png') 0 0 no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out 0s;
    -moz-transition: opacity 0.3s ease-in-out 0s;
    -ms-transition: opacity 0.3s ease-in-out 0s;
    -o-transition: opacity 0.3s ease-in-out 0s;
    transition: opacity 0.3s ease-in-out 0s;
}
#lobby .select_game LI .game_play:hover DIV { opacity: 1 }
#lobby .select_game LI .game_play:active DIV { background-image: url('images/game_play_active.png') }

#lobby .select_game LI .game_play.disabled { opacity: 0.5; cursor: default }
#lobby .select_game LI .game_play.disabled DIV { opacity: 0 !important }

#lobby .select_game LI .game_play .locked {
    display: block;
    width: 45px;
    height: 48px;
    background: url('images/locked.png') 0 0 no-repeat;
    position: absolute;
    left: 32px;
    top: -2px;
}

#lobby .select_game LI .game_show {
    float: right;
    width: 110px;
    height: 43px;
    position: relative;
    background: url('images/game_show_normal.png') 0 0 no-repeat;
    cursor: pointer;
    margin-right: 5px;
}

#lobby .select_game LI .game_show DIV {
    width: 110px;
    height: 43px;
    background: url('images/game_show_hover.png') 0 0 no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out 0s;
    -moz-transition: opacity 0.3s ease-in-out 0s;
    -ms-transition: opacity 0.3s ease-in-out 0s;
    -o-transition: opacity 0.3s ease-in-out 0s;
    transition: opacity 0.3s ease-in-out 0s;
}
#lobby .select_game LI .game_show:hover DIV { opacity: 1 }
#lobby .select_game LI .game_show:active DIV { background-image: url('images/game_show_active.png') }

/***************************************************************/
/*Список игр - пуст                                                   */
/***************************************************************/
#lobby .empty_list_placeholder {
    display: none;
    font-size: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-in-out 0s;
    -moz-transition: opacity 0.3s ease-in-out 0s;
    -ms-transition: opacity 0.3s ease-in-out 0s;
    -o-transition: opacity 0.3s ease-in-out 0s;
    transition: opacity 0.3s ease-in-out 0s;
}

#lobby .empty_list_placeholder .appeared1 {
    display: block;
    width: 358px;
    height: 113px;
    position: absolute;
    left: 80px;
    top: 46px;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out 0s;
    -moz-transition: opacity 0.3s ease-in-out 0s;
    -ms-transition: opacity 0.3s ease-in-out 0s;
    -o-transition: opacity 0.3s ease-in-out 0s;
    transition: opacity 0.3s ease-in-out 0s;
}

#lobby .empty_list_placeholder .appeared2 {
    display: block;
    width: 472px;
    height: 136px;
    position: absolute;
    left: 292px;
    top: 152px;
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out 0s;
    -moz-transition: opacity 0.3s ease-in-out 0s;
    -ms-transition: opacity 0.3s ease-in-out 0s;
    -o-transition: opacity 0.3s ease-in-out 0s;
    transition: opacity 0.3s ease-in-out 0s;
}

#lobby .empty_list_placeholder .appeared3 {
    display: block;
    width: 397px;
    height: 278px;
    position: absolute;
    left: 540px;
    top: 1px;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out 0s;
    -moz-transition: opacity 0.3s ease-in-out 0s;
    -ms-transition: opacity 0.3s ease-in-out 0s;
    -o-transition: opacity 0.3s ease-in-out 0s;
    transition: opacity 0.3s ease-in-out 0s;
}

#lobby .empty_list_placeholder.hided { opacity: 0 }
#lobby .empty_list_placeholder IMG.showed { opacity: 1 }

/***************************************************************/
/*Новая игра                                                   */
/***************************************************************/
#lobby .new_game {
    display: none;
    width: 241px;
    height: 299px;
    background: url('images/new_game_bg.png') 0 0 no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

#lobby .new_game .text_label {
    text-align: center;
    font: 15px/15px Arial;
    color: #feeeee;
    margin-top: 7px;
}

#lobby .new_game .players_count {
    margin-top: 7px;
    position: relative;
    z-index: 2;
}

#lobby .new_game .players_count A {
    display: inline-block;
    width: 42px;
    height: 68px;
    background: transparent 0 0 no-repeat;
    margin-left: 15px;
    cursor: pointer;
    position: relative;
}

#lobby .new_game .players_count A:hover DIV { opacity: 1 }
#lobby .new_game .players_count A.selected DIV { display: none }

#lobby .new_game .players_count .two { background-image: url('images/two_players_normal.png') }
#lobby .new_game .players_count .three { background-image: url('images/three_players_normal.png') }
#lobby .new_game .players_count .four { background-image: url('images/four_players_normal.png') }
#lobby .new_game .players_count .five { background-image: url('images/five_players_normal.png') }

#lobby .new_game .players_count .two.selected { background-image: url('images/two_players_active.png') }
#lobby .new_game .players_count .three.selected { background-image: url('images/three_players_active.png') }
#lobby .new_game .players_count .four.selected { background-image: url('images/four_players_active.png') }
#lobby .new_game .players_count .five.selected { background-image: url('images/five_players_active.png') }

#lobby .new_game .players_count DIV {
    width: 42px;
    height: 68px;
    background: transparent 0 0 no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out 0s;
    -moz-transition: opacity 0.3s ease-in-out 0s;
    -ms-transition: opacity 0.3s ease-in-out 0s;
    -o-transition: opacity 0.3s ease-in-out 0s;
    transition: opacity 0.3s ease-in-out 0s;
}

#lobby .new_game .players_count .two DIV { background-image: url('images/two_players_active.png') }
#lobby .new_game .players_count .three DIV { background-image: url('images/three_players_active.png') }
#lobby .new_game .players_count .four DIV { background-image: url('images/four_players_active.png') }
#lobby .new_game .players_count .five DIV { background-image: url('images/five_players_active.png') }

#lobby .new_game .button_teams {
    display: block;
    width: 238px;
    height: 82px;
    background: url('images/button_teams_normal.png') 0 0 no-repeat;
    margin: -15px 0 0 -12px;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

#lobby .new_game .button_teams DIV {
    width: 238px;
    height: 82px;
    background: url('images/button_teams_hover.png') 0 0 no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out 0s;
    -moz-transition: opacity 0.3s ease-in-out 0s;
    -ms-transition: opacity 0.3s ease-in-out 0s;
    -o-transition: opacity 0.3s ease-in-out 0s;
    transition: opacity 0.3s ease-in-out 0s;
}

#lobby .new_game .button_teams:hover DIV { opacity: 1 }
#lobby .new_game .button_teams:active DIV { background-image: url('images/button_teams_active.png') }

#lobby .new_game .button_teams.selected { background-image: url('images/button_teams_selected.png') }
#lobby .new_game .button_teams.selected DIV { display: none }

#lobby .new_game .room_password {
    min-height: 39px;
    background: url('images/new_game_delimiter.png') 50% 0 no-repeat;
    margin-top: -13px;
    position: relative;
    z-index: 2;
}

#lobby .new_game .room_password INPUT {
    width: 66px;
    height: 33px;
    background: url('images/room_password_bg.png') 0 3px no-repeat;
    float: left;
    border: 0;
    padding: 0 0 0 9px;
    margin: 3px 0 0 15px;
    font: 16px "Arial";
    color: #ffd5c5;
}
#lobby .new_game .room_password INPUT.placeholder { padding-top: 10px; font-size: 24px }

#lobby .new_game .room_password DIV {
    width: 150px;
    float: left;
    margin: 4px 0 0 7px;
    font: 14px/15px "Arial";
    color: #ffd5c5;
    letter-spacing: 0.05ex;
}

#lobby .new_game .bet_sum {
    background: url('images/new_game_delimiter.png') 50% 0 no-repeat;
    padding: 30px 0 0 16px;
}

#lobby .new_game .bet_slider {
    width: 209px;
    height: 17px;
    background: url('images/bet_slider.png') 0 0 no-repeat;
    position: relative;
}

#lobby .new_game .bet_slider .slider_wrapper {
    width: 170px;
    height: 9px;
    position: absolute;
    left: 19px;
    top: 4px;
}

#lobby .new_game .bet_slider .slider_line {
    height: 9px;
    background: url('images/slider_line.png') 0 0 no-repeat;
}

#lobby .new_game .bet_slider .slider_coin {
    display: block;
    width: 39px;
    height: 37px;
    background: url('images/slider_coin.png') 0 0 no-repeat;
    position: absolute;
    left: 57px;
    top: -13px;
    cursor: pointer;
}

#lobby .new_game .bet_slider .slider_tooltip {
    width: 36px;
    height: 27px;
    background: url('images/slider_tooltip.png') 0 0 no-repeat;
    position: absolute;
    left: 57px;
    top: -35px;
    padding-top: 2px;
    font: 19px/19px 'Arial';
    color: #471400;
    text-align: center;
}

#lobby .new_game .bet_slider .bet_decrease {
    width: 20px;
    height: 17px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    cursor: pointer;
}

#lobby .new_game .bet_slider .bet_increase {
    width: 20px;
    height: 17px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    cursor: pointer;
}

#lobby .new_game .bet_label {
    font: 10px/10px 'Arial';
    color: #fff;
    text-align: right;
    padding-right: 16px;
    margin-top: 3px;
}

#lobby .new_game .create_buttons {
    background: url('images/new_game_delimiter.png') 50% 0 no-repeat;
    padding-top: 5px;
    margin-top: 3px;
    text-align: center;
}

#lobby .new_game .create_buttons A {
    display: inline-block;
    width: 101px;
    height: 33px;
    background: transparent 0 0 no-repeat;
    position: relative;
    cursor: pointer;
}

#lobby .new_game .create_buttons A DIV {
    width: 101px;
    height: 33px;
    background: transparent 0 0 no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out 0s;
    -moz-transition: opacity 0.3s ease-in-out 0s;
    -ms-transition: opacity 0.3s ease-in-out 0s;
    -o-transition: opacity 0.3s ease-in-out 0s;
    transition: opacity 0.3s ease-in-out 0s;
}
#lobby .new_game .create_buttons A:hover DIV { opacity: 1 }

#lobby .new_game .create_buttons .create_cancel { background-image: url('images/create_cancel_normal.png'); margin-right: 11px }
#lobby .new_game .create_buttons .create_confirm { background-image: url('images/create_confirm_normal.png') }

#lobby .new_game .create_buttons .create_cancel DIV { background-image: url('images/create_cancel_hover.png') }
#lobby .new_game .create_buttons .create_confirm DIV { background-image: url('images/create_confirm_hover.png') }

#lobby .new_game .create_buttons .create_cancel:active DIV { background-image: url('images/create_cancel_active.png') }
#lobby .new_game .create_buttons .create_confirm:active DIV { background-image: url('images/create_confirm_active.png') }

#lobby .new_game .change_field_type {
    position: absolute;
    left: -28px;
    top: 99px;
}

#lobby .new_game .change_field_type A {
    width: 28px;
    height: 97px;
    background-position:  0 0;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    cursor: pointer;
    z-index: 2;
}

#lobby .new_game .change_field_type A DIV {
    width: 28px;
    height: 97px;
    background-position:  0 0;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out 0s;
    -moz-transition: opacity 0.3s ease-in-out 0s;
    -ms-transition: opacity 0.3s ease-in-out 0s;
    -o-transition: opacity 0.3s ease-in-out 0s;
    transition: opacity 0.3s ease-in-out 0s;
}

#lobby .new_game .change_field_type A:hover DIV { opacity: 1  }
#lobby .new_game .change_field_type A.selected DIV { opacity: 1 }

#lobby .new_game .change_field_type .business { background-image: url('images/business/field_name_normal.png'); top: 0 }
#lobby .new_game .change_field_type .business DIV { background-image: url('images/business/field_name_active.png') }

#lobby .new_game .change_field_type .nature { background-image: url('images/nature/field_name_normal.png'); top: 97px }
#lobby .new_game .change_field_type .nature DIV { background-image: url('images/nature/field_name_active.png') }

/***************************************************************/
/*Вход в приватную комнату                                     */
/***************************************************************/
#lobby .enter_game {
    display: none;
    width: 230px;
    height: 177px;
    background: url('images/enter_game_bg.png') 0 0 no-repeat;
    position: absolute;
    left: 365px;
    top: 64px;
    z-index: 1;
}

#lobby .enter_game .window_close {
    display: block;
    width: 25px;
    height: 27px;
    background: url('images/window_close_normal.png') 0 0 no-repeat;
    position: absolute;
    left: 188px;
    top: 13px;
    z-index: 1;
    cursor: pointer;
}
#lobby .enter_game .window_close:active { background-image: url('images/window_close_active.png') }

#lobby .enter_game .text_label {
    margin-top: 24px;
    padding: 0 30px;
    font: 18px/24px "Trebuchet MS";
    text-align: center;
    color: #fff;
}

#lobby .enter_game .enter_actions {
    height: 0;
    position: absolute;
    left: 0;
    top: 103px;
}

#lobby .enter_game .enter_actions INPUT {
    width: 79px;
    height: 37px;
    background: url('images/enter_actions_bg.png') 0 0 no-repeat;
    float: left;
    border: 0;
    padding: 0 0 0 12px;
    margin: 4px 5px 0 18px;
    font: 18px "Arial";
    color: #9f9f9f;
    letter-spacing: 0.1ex;
}
#lobby .enter_game .enter_actions INPUT.placeholder { padding-top: 10px; font-size: 26px; }

#lobby .enter_game .button_enter {
    float: left;
    width: 110px;
    height: 43px;
    background: url('images/button_enter_normal.png') 0 0 no-repeat;
    position: relative;
    cursor: pointer;
}

#lobby .enter_game .button_enter DIV {
    width: 110px;
    height: 43px;
    background: url('images/button_enter_hover.png') 0 0 no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out 0s;
    -moz-transition: opacity 0.3s ease-in-out 0s;
    -ms-transition: opacity 0.3s ease-in-out 0s;
    -o-transition: opacity 0.3s ease-in-out 0s;
    transition: opacity 0.3s ease-in-out 0s;
}
#lobby .enter_game .button_enter:hover DIV { opacity: 1 }
#lobby .enter_game .button_enter:active DIV { background-image: url('images/button_enter_active.png') }

#lobby .enter_game .failed_password {
    display: none;
    width: 100%;
    position: absolute;
    left: 47px;
    top: 44px;
    font: 12px/12px "Trebuchet MS";
    color: #fff;
}

/***************************************************************/
/*Задать пароль                                                */
/***************************************************************/
#lobby .change_password {
    display: none;
    width: 230px;
    height: 177px;
    background: url('images/enter_game_bg.png') 0 0 no-repeat;
    position: absolute;
    left: 365px;
    top: 64px;
    z-index: 1;
}

#lobby .change_password .window_close {
    display: block;
    width: 25px;
    height: 27px;
    background: url('images/window_close_normal.png') 0 0 no-repeat;
    position: absolute;
    left: 188px;
    top: 13px;
    z-index: 1;
    cursor: pointer;
}
#lobby .change_password .window_close:active { background-image: url('images/window_close_active.png') }

#lobby .change_password .text_label {
    margin-top: 24px;
    padding: 0 30px;
    font: 18px/24px "Trebuchet MS";
    text-align: center;
    color: #fff;
}

#lobby .change_password .enter_actions {
    height: 0;
    position: absolute;
    left: 0;
    top: 103px;
}

#lobby .change_password .enter_actions INPUT {
    width: 79px;
    height: 37px;
    background: url('images/enter_actions_bg.png') 0 0 no-repeat;
    float: left;
    border: 0;
    padding: 0 0 0 12px;
    margin: 4px 5px 0 18px;
    font: 18px "Arial";
    color: #9f9f9f;
    letter-spacing: 0.1ex;
}
#lobby .change_password .enter_actions INPUT.placeholder { padding-top: 10px; font-size: 26px; }

#lobby .change_password .button_change {
    float: left;
    width: 110px;
    height: 43px;
    background: url('images/button_change_normal.png') 0 0 no-repeat;
    position: relative;
    cursor: pointer;
}

#lobby .change_password .button_change DIV {
    width: 110px;
    height: 43px;
    background: url('images/button_change_hover.png') 0 0 no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out 0s;
    -moz-transition: opacity 0.3s ease-in-out 0s;
    -ms-transition: opacity 0.3s ease-in-out 0s;
    -o-transition: opacity 0.3s ease-in-out 0s;
    transition: opacity 0.3s ease-in-out 0s;
}
#lobby .change_password .button_change:hover DIV { opacity: 1 }
#lobby .change_password .button_change:active DIV { background-image: url('images/button_change_active.png') }

/***************************************************************/
/*Служебное сообщение                                          */
/***************************************************************/
#lobby .service_msg {
    display: none;
    width: 230px;
    height: 177px;
    background: url('images/enter_game_bg.png') 0 0 no-repeat;
    position: absolute;
    left: 365px;
    top: 64px;
    z-index: 1;
}

#lobby .service_msg .window_close {
    display: block;
    width: 25px;
    height: 27px;
    background: url('images/window_close_normal.png') 0 0 no-repeat;
    position: absolute;
    left: 188px;
    top: 13px;
    z-index: 1;
    cursor: pointer;
}
#lobby .service_msg .window_close:active { background-image: url('images/window_close_active.png') }

#lobby .service_msg .text_label {
    display: table-cell;
    height: 177px;
    padding: 0 30px;
    font: 18px/24px "Trebuchet MS";
    text-align: center;
    vertical-align: middle;
    color: #fff;
}

/**********************************************************************/
/*Скролл-бары, переопределяем стили из jquery.mCustomScrollbar.css    */
/**********************************************************************/
#lobby .scroll_window { height: 100% }

#lobby .mCSB_container { margin-right: 22px }

#lobby .mCSB_scrollTools { width: 22px; z-index: 1 }

#lobby .mCSB_buttonUp {
    height: 31px;
    background: url('images/v_scrollbar_btn_top.png') 0 0 no-repeat;
    opacity: 1;
    z-index: 1;
}

#lobby .mCSB_draggerContainer {
    margin: 29px 0 25px;
    background: url('images/v_scrollbar_bg.png') 0 0 repeat-y;
}

#lobby .mCSB_buttonDown {
    height: 31px;
    background: url('images/v_scrollbar_btn_bottom.png') 0 0 no-repeat;
    opacity: 1;
}

#lobby .mCSB_dragger_bar {
    width: auto;
    background: none;
    border: 0;
    border-radius:0;
    font-size: 0;
    line-height: 0;
}

#lobby .slider1 {
    height: 100%;
    padding-top: 6px;
    background: url('images/v_scrollbar_slider_top.png') 4px 0 no-repeat;
}

#lobby .slider2 {
    height: 100%;
    padding-bottom: 6px;
    background: url('images/v_scrollbar_slider_bottom.png') 4px 100% no-repeat;
}

#lobby .slider3 {
    height: 100%;
    background: url('images/v_scrollbar_slider_bg.png') 4px 0 repeat-y;
}