/* plashka */

.auth-plashka {
    width: 100%;
    height: 32px; /* высота плашки */
    line-height: 32px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101;
}

    .auth-plashka .menu {
        height: 100%;
        list-style: none;
        margin: 0 auto;
        padding: 0;
    }
        .auth-plashka .menu > li {
            float: left;
            padding: 0 5px;
        }
        .auth-plashka .menu > li > a,
        .auth-plashka .menu > li > span {
            outline: none;
        }
        .auth-plashka .menu > li.toggle_bordered > a {
            margin-top: 4px;
            padding: 0 0 0 5px;
            line-height: 18px;
            text-decoration: none;
            border: 1px gray solid;
            display: inline-block;
            *display: inline;
            zoom: 1;
        }

    .auth-plashka .submenu {
        position: absolute;
        display: none;
        z-index: 999;
        width: 100%;
        left: 0;
        top: 32px;
        height: 180px;
        list-style: none;
    }
    .auth-plashka ul.submenu {
        padding: 0px;
    }
        .auth-plashka ul.submenu a {
            color: #555;
            padding: 0px 10px;
            display: block;
            text-decoration: none;
        }
        .auth-plashka ul.submenu > li {
            /*padding: 0px 10px;*/
        }
        .auth-plashka ul.submenu > li:hover {
            background-color: #454545;
        }
        .auth-plashka ul.submenu > li:hover a {
            color: #fff;
        }
        .auth-plashka ul.submenu > li.submenu__item_selected {
            background-color: lightgray;
        }

    .auth-plashka .menu > li.toggle_select {
        position: relative;
    }
        .auth-plashka .toggle_select .submenu {
            top: 100%;
            /*right: 0px;*/
            min-width: 200px;
            width: auto;
            height: auto;
            white-space: nowrap;
            max-height: 400px;
            overflow-y: scroll;
        }

    .auth-plashka .region {
        margin: 15px 0;
    }
        .auth-plashka .region div.region-body{
            width: 400px;
        }
        .auth-plashka .region .form-field-locator {
            margin: 2px 110px 2px 0;
        }
        .auth-plashka .region .button {
            display: block;
            float: right;
            margin-top: -36px;
        }
            .auth-plashka .region .button div {
            }

    .auth-plashka .oauth-btn {
        line-height: 32px;
    }


.oauth-btn {
    display: inline-block;
    width: 20px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
}
.oauth-btn_lg {
    width: auto;
    padding: 3px 8px;
}
    .oauth-btn_lg > i,
    .oauth-btn_lg > i:before,
    .oauth-btn_lg > div {
        color: #fff;
    }
    .oauth-btn_lg > i {
        margin-right: 6px;
    }
    .oauth-btn_lg > div {
        font-size: 13px;
    }

.oauth-btn span {
    display: none;
}

.oauth-btn_vk_sel,
.oauth-btn_fb_sel,
.oauth-btn_ya_sel,
.oauth-btn_ok_sel,
.oauth-btn_tw_sel,
.oauth-btn_mr_sel {
    width: auto;
    padding: 0 10px;
}

.oauth-btn_vk_sel span,
.oauth-btn_fb_sel span,
.oauth-btn_ya_sel span,
.oauth-btn_ok_sel span,
.oauth-btn_tw_sel span,
.oauth-btn_mr_sel span {
    display: inline;
}

/*.registration-form,
.forgot-password {
    width: 330px;
}*/
/* увеличенный инпуты для окон авторизации и регистрации */
.auth-win-style .form-field {
    height: 22px;
    line-height: 22px;
    padding: 10px;
}
.auth-win-style .form-field input {
    font-size: 20px;
}


/* plashka_theme */
.auth-plashka {
    background-color: #464646;
}

.auth-plashka .menu > li > a,
.auth-plashka .menu > li > i:before,
.auth-plashka .menu > li > a i:before,
.auth-plashka .menu > li > span {
    color: #ffffff;
}

.auth-plashka .menu > li.on {
    background: #ffffff;
}

.auth-plashka .menu > li.on > a,
.auth-plashka .menu > li.on > i:before,
.auth-plashka .menu > li.on > a i:before{
    color: #464646 !important;
}

.auth-plashka .menu > li > a.link-dashed {
    border-color: #ffffff;
}

.auth-plashka .menu > li > a.link-dashed:hover {
    border-color: transparent;
}

.auth-plashka .submenu {
    border-bottom: 6px #464646 solid;
    border-left: 1px #464646 solid;
    border-right: 1px #464646 solid;
    margin-left: -1px;
    margin-right: -1px;
    background: #ffffff;
}
.ui-widget {
    background: #464646;
}
.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active
{
    background: #999999;
}