html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, nav, section, menu, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

html, body {
    height: 100%;
    /*overflow-x: hidden;*/
	/*overflow-y:auto;*/
}

body {
    font-family: arial, sans-serif;
}

#header {
    position: relative;
    top: 0px;
}

#header_center {
    width: 100%;
    float: left;
    overflow: hidden;
}

#pager{
    float: left;
}

    .new_word_wrapper{
        float: right;
        text-align: right;
        position: relative;
        width: 281px;
    }

.center_content {
    padding: 0px 270px;
    text-align: center;
    margin: 10px 0px;
}

#side_left {
    float: left;
    width: 250px;
    margin-left: -100%;
    position: relative;
    padding: 10px 20px;
}

#side_right {
    float: right;
    width: 250px;
    position: relative;
    text-align: right;
    margin: 10px -3px 0px -270px;
}

#under_header {
    min-width: 1366px;
}

.side_left_title {
    font: bold 14pt arial;
    display: inline-block;
}

.logout {
    font: bold 10pt arial;
    color: rgb(0, 102, 204);
    display: inline-block;
}

.login {
    font: bold 12pt arial;
    display: inline-block;
    margin: 0 40px;
    color: black;
}

.center_title {
    font: 12pt arial;
}

.color_red {
    color: rgb(128, 0, 0);
}

.color_blue {
    background: #e8f2fb;
}

.color_black {
    color: black;
}

.color_gray {
    color: rgb(128,128,128);
}

.logo {
    margin: 10px 0px;
}

#start_learning {
    font: bold 14pt arial;
    color: rgb(255,255,255);
    border-radius: 16px;
    border-bottom: 2px solid white;
    margin: 30px 0px;
    padding: 10px 4px;
    box-shadow: 1px 2px 3px 2px rgb(111,111,111);
    -moz-box-shadow: 1px 2px 3px 2px rgb(111,111,111);
    -webkit-box-shadow: 1px 2px 3px 2px rgb(111,111,111);
    background: rgb(33, 161, 33);
    background: -moz-linear-gradient(to bottom, rgb(33, 161, 33) 10%, rgb(0, 102, 0) 100%);
    background: -webkit-linear-gradient(to bottom, rgb(33, 161, 33) 10%, rgb(0, 102, 0) 100%);
    background: -o-linear-gradient(to bottom, rgb(33, 161, 33) 10%, rgb(0, 102, 0) 100%);
    background: -ms-linear-gradient(to bottom, rgb(33, 161, 33) 10%, rgb(0, 102, 0) 100%);
    background: linear-gradient(to bottom, rgb(33, 161, 33) 10%, rgb(0, 102, 0) 100%);
    text-align: center;
    /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1D6C6', endColorstr='#C6F1D6',GradientType=0);*/
    cursor: pointer;
}

    #start_learning a {
        color: rgb(255,255,255);
        text-decoration: none;
    }

.start_text {
    display: block;
    margin: 0px 20px;
}

.small_title {
    font: bold 12pt arial;
    text-decoration: underline;
    color: rgb(128,128,128);
    margin: 0px 75px;
}

.large_title {
    font: 36pt georgia;
    margin: 15px 75px;
}

#content_header {
    height: 45px;
    background: rgb(249,232,172);
    background: -moz-linear-gradient(to bottom, rgb(249,232,172) 10%, rgb(255,255,255) 120%);
    background: -webkit-linear-gradient(to bottom, rgb(249,232,172) 10%, rgb(255,255,255) 120%);
    background: -o-linear-gradient(to bottom, rgb(249,232,172) 10%, rgb(255,255,255) 120%);
    background: -ms-linear-gradient(to bottom, rgb(249,232,172) 10%, rgb(255,255,255) 120%);
    background: linear-gradient(to bottom, rgb(249,232,172) 10%, rgb(255,255,255) 120%);
    /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1D6C6', endColorstr='#C6F1D6',GradientType=0);*/
    border-bottom: 2px solid rgb(128,128,128);
    border-top: 2px solid rgb(128,128,128);
    font: bold 12pt arial;
    text-align: center;
    min-width: 1366px;
}

#content_container {
    text-align: center;
    min-width: 1366px;
}

    #content_container > ul > li {
        list-style-type: none;
        height: 45px;
    }

.content_title {
    font: bold 14pt arial;
}

div.grid-list {
    text-align: center;
    min-width: 1366px;
}

    div.grid-list div.header {
        height: 45px;
        background: rgb(249,232,172);
        background: -moz-linear-gradient(to bottom, rgb(249,232,172) 10%, rgb(255,255,255) 120%);
        background: -webkit-linear-gradient(to bottom, rgb(249,232,172) 10%, rgb(255,255,255) 120%);
        background: -o-linear-gradient(to bottom, rgb(249,232,172) 10%, rgb(255,255,255) 120%);
        background: -ms-linear-gradient(to bottom, rgb(249,232,172) 10%, rgb(255,255,255) 120%);
        background: linear-gradient(to bottom, rgb(249,232,172) 10%, rgb(255,255,255) 120%);
        /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1D6C6', endColorstr='#C6F1D6',GradientType=0);*/
        border-bottom: 2px solid rgb(128,128,128);
        border-top: 2px solid rgb(128,128,128);
        font: bold 12pt arial;
    }

    div.grid-list div.content {
    }

    div.grid-list div.grid-column {
        display: inline-block;
        width: 160px;
        text-align: left;
        margin: 13px 10px;
        vertical-align: top;
        background-color: transparent;
    }

    div.grid-list div.content .row {
        background-color: white;
    }

        div.grid-list div.content .row.even {
            background-color: #ecf7fb;
        }

    div.grid-list.users-list div.grid-column.login {
        width: 200px;
    }

    div.grid-list.users-list div.grid-column.name {
        width: 500px;
        font: bold 12pt arial;
    }

    div.grid-list.users-list div.grid-column.role {
        width: 150px;
        text-align: center;
    }

    div.grid-list.users-list div.grid-column.edit {
        width: 150px;
        text-align: center;
    }

    div.grid-list.users-list div.grid-column.delete {
        text-align: center;
        color: rgb(128,128,128);
    }

    div.grid-list.users-list div.grid-column.activate {
        text-align: center;
    }

    div.grid-list.users-list div.content div.grid-column.activate {
        color: rgb(128,128,128);
    }

.first_content_col, .second_content_col, .third_content_col, .fourth_content_col, .fifth_content_col {
    display: inline-block;
    /*width: 160px;*/
    text-align: left;
    margin: 13px 10px;
    vertical-align: top;
}

.second_content_col {
    width: 500px;
    font: bold 12pt arial;
}

.third_content_col {
    width: 150px;
    text-align: center;
}

.fourth_content_col {
    width: 150px;
    text-align: center;
}

.fifth_content_col {
    text-align: center;
    color: rgb(128,128,128);
}

.content_button, .content_button_bright_color {
    font: bold 12pt arial;
    color: rgb(255,255,255);
    border-radius: 16px;
    border-bottom: 2px solid white;
    padding: 1px;
    margin: -1px 0px;
    box-shadow: 1px 2px 3px 2px rgb(111,111,111);
    -moz-box-shadow: 1px 2px 3px 2px rgb(111,111,111);
    -webkit-box-shadow: 1px 2px 3px 2px rgb(111,111,111);
    background: rgb(0,102,204);
    background: -moz-linear-gradient(to bottom, rgb(0,102,204) 10%, rgb(0, 65, 130) 100%);
    background: -webkit-linear-gradient(to bottom, rgb(0,102,204) 10%, rgb(0, 65, 130) 100%);
    background: -o-linear-gradient(to bottom, rgb(0,102,204) 10%, rgb(0, 65, 130) 100%);
    background: -ms-linear-gradient(to bottom, rgb(0,102,204) 10%, rgb(0, 65, 130) 100%);
    background: linear-gradient(to bottom, rgb(0,102,204) 10%, rgb(0, 65, 130) 100%);
    /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1D6C6', endColorstr='#C6F1D6',GradientType=0);*/
    text-align: center;
    cursor: pointer;
}

.content_button_bright_color {
    color: black;
    background: rgb(141, 190, 235);
    background: -moz-linear-gradient(to bottom, rgb(255,255,255) 10%, rgb(141, 190, 235) 100%);
    background: -webkit-linear-gradient(to bottom, rgb(255,255,255) 10%, rgb(141, 190, 235) 100%);
    background: -o-linear-gradient(to bottom, rgb(255,255,255) 10%, rgb(141, 190, 235) 100%);
    background: -ms-linear-gradient(to bottom, rgb(255,255,255) 10%, rgb(141, 190, 235) 100%);
    background: linear-gradient(to bottom, rgb(255,255,255) 10%, rgb(141, 190, 235) 100%);
}

/* FOR DEMO ONLY! */
a.implemented {
    color: green;
    font-weight: bold;
}

.message-warning {
    color: #fd9b00;
}
.message-alert {
    color: #f3001b;
    font-size: 12px;
    font-style: italic;
    margin-top: 8px;
    margin-bottom: 14px;
}

ol.display li {
    font-weight: bold;
    list-style-type: none;
}

    ol.display li label {
        font-weight: normal;
    }

/* key-value pairs */
ul.infoPanel dt {
    display: inline-block;
    width: 200px;
}

ul.infoPanel dd {
    display: inline-block;
    width: 300px;
}

/* pager control */
ul.pager {
    padding: 0 0 2px;
    margin: 0;
}

    ul.pager li {
        display: inline;
        list-style: none;
    }

.actions a {
    margin: 0 3px;
}

.loading-message {
    font-size: 16px;
    color: #0f5a9e;
}

.inline-button {
    border: 0px none;
    background-color: rgba(0, 0, 0, 0);
    color: darkblue;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-decoration: none;
    background-position: center center;
    margin: 2px;
    padding: 0px;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .inline-button:hover {
        color: blue;
        /*text-decoration: underline;*/
        text-decoration: none;
        background-color: #cecece;
    }

    .inline-button.disabled {
        opacity: 0.5;
        filter: alpha(opacity=50);
        cursor: auto;
    }

        .inline-button.disabled:hover {
            background-color: transparent;
        }

        .inline-button.disabled:hover {
            color: darkblue;
            text-decoration: none;
        }

    .inline-button.edit {
        background-image: url('images/edit.png');
    }

    .inline-button.delete {
        background-image: url('images/delete.png');
    }

.test-group-link {
}

    .test-group-link.not-filled, .test-group-link.not-filled:hover {
        color: red;
    }

.fullscreen-btn {
    cursor: pointer;
}

.fullscreen {
    top: 0 !important;
}

.version-link {
    display: inline-block;
    border-bottom: dashed 1px #000000;
    width: 20px;
    height: 20px;
    color: #000000;
    text-decoration: none;
    margin: 0 5px;
    font-weight: bold;
}

    .version-link.Outdated {
        font-weight: normal;
        color: #666666;
        border-bottom: dashed 1px #666666;
    }

.answer-word.wrong, #question-word.wrong {
    border: 2px solid red;
}

.group-selector-link {
    background: transparent;
    cursor: pointer;
    display: block;
    color: black;
    text-decoration: none;
}

#edit-popup .left-part ul li {
    list-style: none;
}

.group-selector-link:hover {
    background: #c0c0c0;
    color: black;
    text-decoration: none;
}

.group-selector-link.selected {
    background: #4682b4;
    color: white;
}

#edit-popup .answers-part {
}

#edit-popup .left-part, #edit-popup .right-part {
    display: inline-block;
    vertical-align: top;
}

#edit-popup .left-part {
    width: 100px;
}

#edit-popup .right-part {
    width: 400px;
}

textarea#question-text {
    width: 540px;
    height: 120px;
    resize: none;
}

#rember-me-link {
    display: block;
}

#content_cntr {
    z-index: 80;
}

    #content_cntr #right_sidebar{top: 44px;}

#right_sidebar {
    z-index: 90;
    top: 0px;
}

#gray_bar {
    z-index: 90;
    top: 45px;
}

#table_cntr.table-minus-gray-bar, #table_cntr.table_cntr_mrg_right {
    margin-top: 44px;
    height: auto;
    overflow-y: hidden;
}

#table_cntr.table-no-top-margin {
    margin-top: 0;
    height: auto;
    overflow-y: hidden;
}

.check-box-link {
    position: fixed;
}

/*****Dropdown fixes styles*****/

.dropwdown_type, .dropwdown_type .dropdown_opened {
    width: 116px;
    display: inline-block;
}

.add_dic_native .dropdown_opened, .add_dic_type .dropdown_opened, .add_dic_learn .dropdown_opened {
    width: 174px;
}

.dropwdown_type {
    vertical-align: top;
}

    .dropwdown_type .aside_type_cntr {
        margin: 0;
    }

.dropdown_opened {
    z-index: 100000;
    position: absolute;
    top: 36px;
    background-color: white;
    overflow-x: hidden;
}

    .dropdown_opened.upper {
        top: auto;
        bottom: 30px;
    }

    .bind-bottom-music .dropdown_opened_item{
        width: 370px;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .bind-bottom-music .dropdown_opened{
        width: 400px;
    }

.dropdown_opened_item {
    cursor: pointer;

    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.InlineEdit_dropDownContainer {
    padding: 15px 10px;
}

/*******End of Dropdown styles*****/

.popup_overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    background-color: rgb(0, 0, 0);
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=65);
    -moz-opacity: 0.65;
    -khtml-opacity: 0.65;
    opacity: 0.65;
    background-position: initial;
    background-repeat: initial;
    display: none;
}

.popup_form_layer {
    z-index: 200;
}

.pager-pages {
    display: inline-block;
    padding: 10px 0;
}

.pager-pages-container {
    display: inline-block;
}

.header_type a, .header_type a:hover{
    text-decoration: none;
    color: #006D95;
    cursor: pointer;
    padding: 12px;
    margin: -12px;
    display: block;
    padding-right: 45px;
    margin-right: -45px;
}

    .header_type.nolink{
        padding-right: 12px;
        margin-right: 0;
        cursor: default;
    }

    .header_type a:hover,
    .header_type a.hover{
        background-position: 0px -90px;
        background-image: url("img/bgs.png");
    }

    .header_type a:active{
        color: #f3001b;
    }

.admin_checkbox {
}

.create_user_error_text.last {
    margin-top: 4px;
    margin-bottom: -10px;
}

.error-text {
    font: 12px arial;
    color: #F3001B;
    margin-left: 30px;
    padding-bottom: 5px;
}

    .error-text.top {
        padding-top: 10px;
    }

.role_menu {
    position: absolute;
    top: 35px;
    left: 178px;
    visibility: hidden;
    z-index: 100001;
}

.just-a-link-container, .just-a-link-container:hover {
    text-decoration: none;
    color: #232323;
}

.percent_bar_stripe_left_corner, .percent_bar_stripe_right_corner, .percent_bar_stripe_body {
    float: left;
    position: static;
}

.percent_bar_stripe {
    padding-top: 3px;
    margin-left: -4px;
    margin-right: -4px;
}

.alphabet_sort .dropdown_opened, .alphabet_asc .dropdown_opened {
    width: 140px;
}

.ajax-filters.disabled {
    color: #b0c2d2;
}

.player_filter_panel_overlay {
   height: 44px;
    width: 92%;
    /* min-width: 1366px; */
    position: absolute;
    top: 45px;
    background-color: black;
    opacity: 0.3;
    right: 0;
}

.add_user_popup {
    z-index: 101;
}

.content_table_row.word {
    /*padding: 10px 16px;*/
    padding: 10px 0;
    font-family: arial;
    font-size: 16px;
    line-height: 18px;
    color: #006d95;
    height: 45px;
}

    .content_table_row.word.mid {
        /*padding: 12px 16px;*/
        padding: 12px 0;
        font-family: arial;
        font-size: 18px;
        line-height: 20px;
        height: 50px;
    }

    .content_table_row.word.large {
        /*padding: 14px 16px;*/
        padding: 14px 0;
        font-family: arial;
        font-size: 22px;
        line-height: 24px;
        height: 55px;
        /*box-sizing: border-box;*/
    }

.content_table_row.selected {
    background-color: #FEE0E0 !important;
    font-weight: bold;
    color: black;
}

.table-center-fix {
    font: 16px/18px arial;
}

.words-area-top-fix {
    top: 0px !important;
}

.text_block_padding_left {
    padding: 10px 0px 10px 16px;
}

.text_block_padding_right {
    padding: 10px 16px 10px 0px;
}

.word.known {
    /*    background-size: 27px !important;*/
}
/*.content_table_row.selected, .second_content_table_row.selected {
     he
 }*/

/* кнопка "пометить как устаревший" */
.mark_as_old.save_lesson_btn {
    width: 184px;
}

.mark_as_old .save_lesson_btn_container_body {
    width: 171px;
}

.mark_as_old .save_lesson_btn_container_right_corner {
    left: 179px;
}

.mark_as_old .save_lesson_btn_container_text {
    left: 9px;
}
/* кнопка "сделать активным" */
.active_lesson_btn {
    width: 70px;
    text-align: center;
}

.active_lesson_btn_container_body {
    width: 54px;
}

.active_lesson_btn_container_right_corner {
    left: 62px;
}

.user_menu {
    top: 34px;
    visibility: hidden;
    position: absolute;
    z-index: 100001;
    right: 0;
    height: auto;
}
    .user_menu_header{
        padding-top: 6px;
    }

    .user_menu_value{
        top: 5px;
    }
    .percent_bar_background.user_menu_bar{
        top: 5px;
    }

    .user_menu_speech_cntr, .user_menu_grammar_cntr, .user_menu_hearing_cntr {
        padding: 6px 0px 4px 12px;
        position: relative;
    }

    .user_menu_lexicon {
        padding: 6px 0px 16px 12px;
        position: relative;
        border-bottom: 1px solid #004d69;
    }

    .user_menu_text_cntr {
        font: 12px arial;
    }

    .user_menu_speech_cntr:hover .user_menu_text_cntr, 
    .user_menu_grammar_cntr:hover .user_menu_text_cntr, 
    .user_menu_hearing_cntr:hover .user_menu_text_cntr, 
    .user_menu_lexicon:hover .user_menu_text_cntr {
        color: #c2e3fc;
    }

    .user_menu_profile a:hover, .user_menu_eixt a:hover{
        background: #002b3b;
    }

        .exit_img{
            left: 62px;
        }

.username {
    margin: 0 -5px;
    position: relative;
}

    .username > a {
        display: block;
        padding: 14px 26px 13px 14px;
    }

    .username.opened a,
    .username a:hover {
        background-image: url("img/bgs.png");
        height: auto;
        width: auto;
        background-position: 0px -90px;
    }

    .userpic_triangle{
        top: 21px;
    }

.menu_header {
    font-size: 0px;
}

.menu_under_header {
    font-size: 0px;
}

.user_menu .percent_bar_background_body {
    width: 110px;
}

.user_menu .percent_bar_background_right_corner {
    left: 116px;
}

.top_44 {
    margin-top: 44px !important;
}

.percent_bar_background.in-table {
    top: 4px;
}

.percent_bar_text.in-table, .multiple_percent_bar_text.in-table {
    top: 11px;
    left: 190px;
}

#table_cntr.no-margin {
    margin-top: -1px;
}

#table_cntr.full_height {
    height: 100%;
}

a.indicator {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-position: center center;
}

    a.indicator.red {
        background-image: url("img/bullet_red.png");
    }

    a.indicator.green {
        background-image: url("img/bullet_green.png");
    }

    a.indicator.gray {
        background-image: url("img/bullet_black.png");
    }

#table_cntr.top_zero {
    margin-top: 0px;
}

.show_my_words_popup {
    width: 105px;
    margin: 6px 6px 0px 0px;
    position: relative;
    height: 31px;
    cursor: pointer;
    display: inline-block;
}
    .show_my_words_popup .gray_btn{
        line-height: 31px;
        /*fix _ line-height dont work _ wtf*/
        top: -10px;
    }
/*
#show_my_words_popup_btn.cutom_button .new_word_btn_text {
    left: 10px;
}

#show_my_words_popup_btn.cutom_button .new_dic_btn_body {
    width: 80px;
}

#show_my_words_popup_btn.cutom_button .new_dic_btn_right_corner {
    left: 88px;
}
*/
.mywords_popup {
    z-index: 101;
}

/* style.scc styles override*/
.dic_player_enter {
    position: fixed;
    right: 28px;
    top: 43%;
    width: 123px;
}

.lesson_table_separator {
    background-image: url("img/verticals.png");
    background-position: -1px 0px;
    height: 38px;
    width: 1px;
    position: absolute;
    right: -2px;
    top: 0px;
    z-index: 50;
}

.content_table_row.selected, .second_content_table_row.selected {
    background-image: url("img/bgs.png");
    background-position: 0px -422px;
    /*данные свойство не играет роли так как высота вычисляется */
    /*	height: 38px;*/
}

.row_count_show_text {
    font: 14px arial;
    padding: 15px;
}

.page_link_container {
    position: relative;
    width: 31px;
    height: 31px;
    margin: 3px 0px 6px 0px;
    cursor: pointer;
    top: -6px;
    display: inline-block;
    vertical-align: top;
}

    .page_link_container.two_symbol {width:34px;}
    .page_link_container.two_symbol .page_link_container_body_first{width:18px;}
    .page_link_container.two_symbol .page_link_container_body{width:26px;}
    .page_link_container.two_symbol .page_link_container_right_border{left:26px;}
    .page_link_container.two_symbol .page_link_container_right_border_last{left:26px;}

    .page_link_container.three_symbol {width:41px;}
    .page_link_container.three_symbol .page_link_container_body_first{width:25px;}
    .page_link_container.three_symbol .page_link_container_body{width:33px;}
    .page_link_container.three_symbol .page_link_container_right_border{left:33px;}
    .page_link_container.three_symbol .page_link_container_right_border_last{left:33px;}

    .page_link_container.four_symbol {width:48px;}
    .page_link_container.four_symbol .page_link_container_body_first{width:32px;}
    .page_link_container.four_symbol .page_link_container_body{width:40px;}
    .page_link_container.four_symbol .page_link_container_right_border{left:40px;}
    .page_link_container.four_symbol .page_link_container_right_border_last{left:40px;}

    .page_link_container:hover .page_link_container_left_border_first{background-position: 0px -186px;}
    .page_link_container:hover .page_link_container_left_border_first.active{background-position: 0px -341px;}
    .page_link_container:hover .page_link_container_body_first{background-position: 0px -155px;}
    .page_link_container:hover .page_link_container_body_first.active{background-position: 0px -310px;}
    .page_link_container:hover .page_link_container_body{margin-left: -1px; border-left:1px solid #7291ad; background-position: 0px -155px;}
    .page_link_container:hover .page_link_container_body.active{margin-left: 0; border:none; background-position: 0px -310px;}
    .page_link_container:hover .page_link_container_right_border{background-position: 0px -279px;}
    .page_link_container:hover .page_link_container_right_border.active{background-position: 0px -434px;}
    .page_link_container:hover .page_link_container_right_border_last{background-position: 0px -217px;}
    .page_link_container:hover .page_link_container_right_border_last.active{background-position: 0px -372px;}

.first_page, .last_page {
    background-image: url("img/not-repeat.png");
    background-position: -120px -273px;
    width: 17px;
    height: 16px;
    margin: 5px 0px 0px 17px;
    cursor: pointer;
}

.previous_page, .next_page {
    width: 12px;
    height: 16px;
    margin: 5px 11px 0px 11px;
    cursor: pointer;
}

.last_page {
    background-position: -103px -273px;
    margin: 5px 10px 0px 0px;
}

.rus_letters {
    color: rgb(0, 109, 149);
    text-decoration: none;
    margin: 0px 0px 0px 4px;
    font-size: 15px;
    font-family: arial;
    display: inline-block;
    position: relative;
    top: -10px;
}

#table_cntr {
    background-color: white;
    overflow-y:hidden;
}

.custom-gray-bar {
    width: 100%;
    min-width: 1366px;
    background-image: url("img/bgs.png");
    background-position: 0px -175px;
    height: 44px;
    position: relative;
}

    .custom-gray-bar.second {
        border-top: 1px solid #A3B8CB;
    }

.custom-grid-container {
    min-width: 1366px;
    background-color: #FFF;
    height: 100%;
    overflow-y: hidden;
    position: relative;
    margin-bottom: -90px;
}

.custom-grid-container-two {
    min-width: 1366px;
    background-color: #FFF;
    height: 40%;
    overflow-y: hidden;
    position: relative;
}

.clock_img_right_text {
    margin-left: 15px;
}

#table_cntr.minus_top_90 {
    margin-top: 0px;
}

.small_left_popup {
    position: absolute;
    top: -5px;
    left: 16px;
    display: inline-block;
    visibility: hidden;
    background-color: white;
    z-index: 90;
    width: auto;
    height: 160px;
    overflow-y: auto;
    overflow-x: hidden; 
    white-space:nowrap;
    padding: 5px 12px;
}

.small-popup-container {
    position: relative;
    border-bottom: 1px dashed #aeaeae;
}

    .hover .small-popup-container{
        color: #0b7093;
    }

a.no-text-decorations, a.no-text-decorations:hover {
    text-decoration: none;
    color: #000;
}

.music_custom_btn.dialog_editor {
    margin-left: 10px;
    margin-top: 12px;
}

.music_custom_btn.disabled {
    opacity: 0.4;
    filter: alpha(opacity=40);
    cursor: default;
}

.music_play_img.pause {
    background-position: -167px -322px;
}

.background_music {
    padding: 0px;
    background: #fff;
}

    .background_music > div.inlineLabel:first-of-type {
        margin: 18px 0px 0px 19px;
    }

    /*
    .background_music .dropdown_opened {
        width: 110px;
    }
    */

.sync_popup.zindex_fix {
    z-index: 101;
}

.sync_time_text.hand_cursor {
    cursor: pointer;
}

.add_user_btn {
    width: 200px;
    margin-left: -3px;
}

.grammar-page {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#ranged-control {
    background: none;
    width: 140px;
    display: block;
    border: 0px none;
    position: absolute;
    left: 13px;
    top: 8px;
}

    #ranged-control a.ui-slider-handle.ui-state-default.ui-corner-all {
        background-color: transparent;
        background-image: url('img/not-repeat.png');
        background-position: -234px -273px;
        width: 10px;
        height: 14px;
        cursor: pointer;
        border: 0px none;
        margin-left: 0px;
    }

        #ranged-control a.ui-slider-handle.ui-state-default.ui-corner-all:first-of-type {
            transform: rotate(180deg);
            margin-left: -9px;
            -moz-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
        }

    #ranged-control .ui-slider-range.ui-widget-header {
        background-image: url('img/progressbars.png');
        background-position: 0px -120px;
        height: 6px;
    }

.custom-slider {
    background: none !important;
    width: 140px;
    display: block;
    border: 0px none !important;
    position: absolute;
    left: 13px;
    top: 8px;
}

#ranged-control .ui-slider-range.ui-widget-header {
    background-image: url('img/progressbars.png');
    background-position: 0px -120px;
    height: 6px;
}

.custom-slider a.ui-slider-handle.ui-state-default.ui-corner-all {
    background-color: transparent;
    background-image: url('img/not-repeat.png');
    background-position: -219px -273px;
    width: 15px;
    height: 14px;
    cursor: pointer;
    border: 0px none !important;
}

    .custom-slider a.ui-slider-handle.ui-state-default.ui-corner-all:first-of-type {
        transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
    }

.custom-slider .ui-slider-range.ui-widget-header {
    background-image: url('img/progressbars.png');
    background-position: -219px -273px;
    height: 6px;
}

    .custom-slider .ui-slider-range.ui-widget-header.ui-corner-all.ui-slider-range-max {
        position: absolute;
        background-image: url('img/progressbars.png');
        background-position: 0px -120px;
    }

.delay {
    border-right: 0px solid rgb(0, 255, 49);
    height: 100px;
    display: inline-block;
}

.playWord {
    background-color: rgb(38, 127, 219);
}

.playWordRight {
    background-color: red;
}

.pauseForAnswer {
    background-color: rgb(48, 218, 100);
}

.timeline {
    position: absolute;
    height: 100px;
    border: 1px solid black;
}


.rember_popup.zindex_fix,
.login_popup.zindex_fix,
.exchange_popup.zindex_fix {
    z-index: 100;
}


.generic_overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(255, 255, 255);
    background: url(data:;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuNUmK/OAAAAATSURBVBhXY2RgYNgHxGAAYuwDAA78AjwwRoQYAAAAAElFTkSuQmCC) repeat scroll transparent\9;
    z-index: 9999;
    color: white;
}

.active_mode_slider_max_editor {
    display: none;
    width: 30px;
    position: absolute;
    right: -14px;
}

.passive_pause_slider_max_editor {
    right: 10px;
    position: absolute;
    top: -1px;
    width: 16px;
    display: none;
}


.active_position_fix {
    background-position: 0px -147px;
}

.right_range_img.passive_position_fix {
    background-position: 0px -134px;
}

.left_range_img {
    left: 7px;
}

.hidden_cntr {
    display: none;
}


/*SLIDERS*/
.slider.ui-slider {
    background: none; /*url('/Content/desfix/slider-bg.png') no-repeat #cccccc;*/
    height: 8px;
    width: 68px;
    border: none;
    margin-top: 14px;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -2px;
}

.ui-slider .ui-slider-handle, .ui-slider .ui-state-default {
    width: 13px;
    height: 13px;
    background: url('/Content/img/not-repeat.png');
    background-position: -48px -228px;
    border: none;
    cursor: pointer;
}

.ui-slider .ui-slider-handle:hover, .ui-slider .ui-state-default:hover {
    background-position: -48px -243px;

}

.btnhint {
    font-size: 11px;
}

    .btnhint.marg {
        margin-top: 25px;
        display: inline-block;
    }

.pure-u-1-6 {
    width: 145px;
    float: left;
    line-height: 1px;
    text-align: center;
}

.controls > .pure-u-1-6 > a, .controls > .pure-u-1-6 > img {
    line-height: 10px;
    text-decoration: none;
    float: left;
    margin: 5px;
    color: #000000;
}

.playBtn.play {
    background: url('/Content/learn/Images/24_play.png') no-repeat 50% top;
    display: block;
    width: 30px;
    height: 35px;
}

    .playBtn.play.paused {
        background: url('/Content/learn/Images/24_pause.png') no-repeat 50% top;
    }

.words .word:nth-child(even) {
    background: #FFFFFF;
}

.words .word.known:nth-child(even) {
    background: #FFFFFF url("/Content/learn/images/accept-blue.png") no-repeat center;
    background-position-x: 49%;
}

.words .word:nth-child(odd) {
    background: #E0F1FE;
}

.words .word.known:nth-child(odd) {
    background: #E0F1FE url("/Content/learn/images/accept-blue.png") no-repeat center;
    background-position-x: 49%;
}


.word .orig {
    float: left;
    width: 48%;
    text-align: right;
    height: inherit;
}

.word .trans {
    text-align: left;
    width: 49%;
    float: right;
    height: inherit;
}

.word.active {
    background-color: #A8CCEC !important;
}

.btnhint {
    font-size: 11px;
}

    .btnhint.marg {
        margin-top: 25px;
        display: inline-block;
    }

.snd {
    display: none;
}

.pure-u-1-6 {
    width: 145px;
    float: left;
    line-height: 1px;
    text-align: center;
}

.controls > .pure-u-1-6 > a, .controls > .pure-u-1-6 > img {
    line-height: 10px;
    text-decoration: none;
    float: left;
    margin: 5px;
    color: #000000;
}

.playBtn.play {
    /*background: url('/Content/learn/Images/24_play.png') no-repeat 50% top;*/
    background: url('/Content/img/not-repeat.png');
    background-position: -125px -97px;
    /*display: block;*/
    width: 24px;
    height: 23px;
    margin: 0px 0px 0px 6px;
}

    .playBtn.play:hover {
        background-position: -125px -121px;
    }

    .playBtn.play.paused {
        /*background: url('/Content/learn/Images/24_pause.png') no-repeat 50% top;*/
        background: url('/Content/img/not-repeat.png');
        background-position: -72px 0px;
        margin: 0px 0px 0px 3px;
    }

        .playBtn.play.paused:hover {
            background-position: -72px -24px;
        }

.usercab_blocks{
    overflow-y: auto;
    height:95%;
}

.usercab_block a {
    text-decoration: none;
}

#answerPauseSlider.ui-state-disabled {
    opacity: 1;
}

.aside_container_phrase_input_body {
    background-image: none;
    background-color: rgb(236, 236, 236);
    height: 72px;
    left: 0px;
    width: 260px;
    border: 1px solid #a3b8cb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.aside_container_phrase_input {
    height: 72px;
}

.grammar-wrapper {
    position: relative;
    top: 0px;
    display: inline-block;
    height: 90%;
    width: 1300px;
    margin: 45px auto;
    background-color: white;
}

.grammar-page {
    height: 100%;
    background-color: white;
}

.full-screen-container {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none;
    text-align: center;
}

.full-screen-panel {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.3;
    text-align: center;
}

.bind-bottom {
    top: 100%;
    position: absolute;
    width: 100%;
    margin-top: -180px;
}

.bind-bottom-dict {
    top: 100%;
    position: absolute;
    width: 100%;
    margin-top: -178px;
}

.bind-bottom-music {
    top: 100%;
    position: absolute;
    width: 100%;
    margin-top: -140px;
    z-index: 10;
}

.center-btn-fix {
    width: 100%;
    left: 5px;
}

.center-btn-fix-0 {
    width: 100%;
    left: 0px;
}

.center_text {
    text-align: center;
}

.music-cntr {
    width: 402px;
}

.music-cntr-body {
    width: 386px;
}

.music-cntr-right-corner {
    left: 394px;
}

.music_custom_btn_dialog {
    margin: 12px;
}

/*кнопки со скругленными краями*/

.press_btn_wrapper{
    margin-left: 3px;
}

.press_btn {
    width: 90px;
    margin-left: 12px;
    height: 31px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 6px 0px 0px -5px;
    margin-left: 11px;
    text-decoration: none;
}

.press_btn.active {
}

    .press_btn.active .btn_container_left_corner{
        left: -7px;
    }

.btn_container_left_corner {
    background-position: 0px -93px;
}

.btn_container_left_corner, .btn_container_right_corner {
    position: absolute;
    top: 0px;
    left: -8px;
    background-image: url("img/grey-objects.png");
    width: 8px;
    height: 31px;
}

.btn_container_body {
    background-position: 0px 0px;
    left: 8px;
    background-image: url("img/grey-objects.png");
    width: 8px;
    left: 6px;
    height: 31px;
    width: 72px;
}

.press_btn > div:last-of-type {
    margin-left: -10px;
    font-weight: normal;
    left: 50%;
    margin-left: -28.5px;
    left: 30px;
    top: 12px;
    color: #a9bcce;
}

.btn_container_right_corner {
    background-position: 0px -124px;
    left: 66px;
}

.btn_container_text {
    position: absolute;
    margin: -5px;
    font-weight: normal;
    font: 14px arial;
    top: 7px;
    color: #a9bcce;
}


.press_btn.btn_container_left_corner {
    background-position: -16px -93px;
}

.btn_container_left_corner.round {
    background-position: 0px -31px;
}

.btn_container_right_corner.round {
    background-position: -16px -62px;
}

#media_backgroundMusic {
    width: 113px;
}

    #media_backgroundMusic .btn_container_body {
        width: 113px;
    }

    #media_backgroundMusic .btn_container_right_corner {
        left: 113px;
    }

#media_specialSound .btn_container_right_corner {
    left: 72px;
}

#media_autotrening {
    width: 87px;
}

    #media_autotrening .btn_container_body {
        width: 87px;
    }

    #media_autotrening .btn_container_right_corner {
        left: 87px;
    }

#media_songs {
    width: 42px;
}
/*
#add_media {
    width: 92px;
}
*/
#media_songs .btn_container_body {
    width: 42px;
}

#media_songs .btn_container_right_corner {
    left: 42px;
}

#media_specialSound {
    width: 72px;
}

#media_songs {
    width: 70px;
}

#mediaForm {
    visibility: hidden;
}

.press_btn.active .btn_container_body {
    background-position: 0px -310px;
}

.press_btn.active .btn_container_text, .press_btn.normal.active .btn_container_text {
    color: black;
}

.press_btn.active .btn_container_left_corner {
    background-position: 0px -310px;
}

    .press_btn.active .btn_container_left_corner.round {
        background-position: 0px 677px;
    }

.press_btn.active .btn_container_right_corner {
    background-position: 0px 584px;
}

    .press_btn.active .btn_container_right_corner.round {
        background-position: -16px -372px;
    }

.press_btn.normal .btn_container_text {
    color: rgb(0, 109, 149);
}

#add_media .btn_container_icon {
    background-image: url("img/not-repeat.png");
    position: absolute;
    background-position: -15px -307px;
    width: 17px;
    height: 16px;
    top: 8px;
}

#add_media .btn_container_right_corner {
    left: 140px;
}

#add_media .btn_container_body {
    width: 140px;
}

#add_media .btn_container_text {
    margin-left: 0px;
    left: 22px;
    top: 13px;
    width: 120px;
}

    #add_media.c_special_sound .btn_container_body{width: 152px;}
    #add_media.c_special_sound .btn_container_right_corner{left: 152px;}
    #add_media.c_special_sound .btn_container_text{width: 135px;}

    #add_media.c_autotraining .btn_container_body{width: 175px;}
    #add_media.c_autotraining .btn_container_right_corner{left: 175px;}
    #add_media.c_autotraining .btn_container_text{width: 158px;}

    #add_media.c_song .btn_container_body{width: 133px;}
    #add_media.c_song .btn_container_right_corner{left: 133px;}
    #add_media.c_song .btn_container_text{width: 115px;}

.add_input {
    color: rgb(0, 127, 174);
    font: 12px arial;
    width: 320px;
    height: 33px;
    font-weight: bold;
}

.popup_left_column {
    float: left; /* Обтекание справа */
    width: 325px;
    padding: 10px;
}

.popup_right_column {
    float: right;
    padding: 10px;
    margin-left: -30px;
    width: 325px;
}

#song_popup_div .add_input input[type=text] {
    padding: 5px;
    border: 1px solid #BBC9D6;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 305px;
    height: 19px;
}

/*
#song_popup_div #add_file {
    margin-left: -26px;
    top: -6px;
    height: 27px;
    width: 0px;
}

    #song_popup_div #add_file .btn_container_body {
        width: 15px;
    }

    #song_popup_div #add_file .btn_container_right_corner {
        left: 15px;
    }
*/
#song_popup_div .add_input textarea {
    width: 315px;
    height: 210px;
    resize: none;
}

#song_popup_div .add_input input[type=text]:focus {
    border-color: #bbecff;
}

.exchange_popup.song_popup {
    width: 680px;
    margin: -216.5px 0px 0px -340px;
}

    .exchange_popup.song_popup .create_tm_popup_header_body.exch, .exchange_popup.song_popup .create_tm_popup_btns_cntr_body.exch {
        width: 664px;
    }

    .exchange_popup.song_popup .create_tm_popup_header_right_corner.exch, .exchange_popup.song_popup .create_tm_popup_btns_cntr_right_corner.exch {
        left: 672px;
    }

    .exchange_popup.song_popup .create_tm_popup_header_body.exch, .exchange_popup.song_popup .create_tm_popup_btns_cntr_body.exch {
        width: 664px;
    }

    .exchange_popup.song_popup .create_tm_popup_header_right_corner.exch, .exchange_popup.song_popup .create_tm_popup_btns_cntr_right_corner.exch {
        left: 672px;
    }

.rember_popup {
    width: 250px;
    margin: -95px 0px 0px -125px;
}

    .rember_popup .create_tm_popup_header_body.rember, 
    .rember_popup .create_tm_popup_btns_cntr_body.rember {
        width: 234px;
    }

    .rember_popup .create_tm_popup_header_right_corner.rember, 
    .rember_popup .create_tm_popup_btns_cntr_right_corner.rember {
        left: 242px;
    }

    .rember_popup .create_tm_popup_header_body.rember, 
    .rember_popup .create_tm_popup_btns_cntr_body.rember {
        width: 234px;
    }

    .rember_popup .create_tm_popup_header_right_corner.rember, 
    .rember_popup .create_tm_popup_btns_cntr_right_corner.rember {
        left: 242px;
    }

    .create_user_popup_body_success.rember{
        color: #007fae;
        font-size: 12px;
        padding: 18px 0 5px 22px;
    }

    .create_user_popup_body_message.rember{
        font-size: 14px;
        padding: 0 22px;
    }

    .save_user_btn.rember{
        margin-left: 21px;
    }


.exchange_popup.help_popup {
    width: 850px;
    margin: -263.5px 0px 0px -425px;
}

    .exchange_popup.help_popup .create_tm_popup_header_right_corner.exch, 
    .exchange_popup.help_popup .create_tm_popup_btns_cntr_right_corner.exch {
        left: 842px;
    }

    .exchange_popup.help_popup .create_tm_popup_header_body.exch{
        width: 834px;
    }

    .exchange_popup.help_popup .create_tm_popup_btns_cntr_body.exch {
        width: 532px;
    }

    .exchange_popup.help_popup .create_tm_popup_btns_cntr_body2.exch {
        background-image: url("img/bgs2.png");
        position: absolute;
        left: 541px;
        top: 0px;
        width: 302px;
        height: 50px;
        background-position: 0px -100px;
    }

    .exchange_popup.help_popup .create_tm_popup_header_right_corner.exch{
        left: 842px;
    }

    .exchange_popup.help_popup .create_tm_popup_btns_cntr_right_corner.exch {
        background-image: url("img/bgs2.png");
        background-position: 0px 0px;
        left: 842px;
    }

    .help_wrapper_message_right{
        float: right;
        width: 300px;
        height: 50px;
        margin-right: 8px;
        position: relative;
    }
        .help_wrapper_message_right .input_wrapper{
            float: left;
            position: relative;
            top: 9px;
            left: 4px;
        }

            .help_wrapper_message_right .input_wrapper #help_input{
                top: 0;
                left: 0;
                z-index: 10;
                padding: 5px 9px;
                width: 183px;
                border: none;
                outline: none;
                position: absolute;
                background: none;
                color: #859db3;
                font-style: italic;
                font-size: 14px;
            }
            .help_wrapper_message_right .input_wrapper .help_input_img_body{
                width: 186px;
            }
            .help_wrapper_message_right .input_wrapper .help_input_img_right_corner{
                left: 194px;
            }
            .help_wrapper_message_right .input_wrapper .help_input_img_placeholder{
                color: #859db3;
                font-style: italic;
                font-size: 14px;
                z-index: 8;
                width: 184px;
                padding: 8px;
                position: absolute;
            }

        .help_wrapper_message_right .submit_wrapper{
            position: absolute;
            left: 212px;
            top: 3px;
        }


.exchange_popup.pause_popup {
    width: 690px;
    margin: -282px 0px 0px -295px;
}

    .exchange_popup.pause_popup .create_tm_popup_header_body.exch, 
    .exchange_popup.pause_popup .create_tm_popup_btns_cntr_body.exch {
        width: 674px;
    }

    .exchange_popup.pause_popup .create_tm_popup_header_right_corner.exch, 
    .exchange_popup.pause_popup .create_tm_popup_btns_cntr_right_corner.exch {
        left: 682px;
    }

    .exchange_popup.pause_popup .create_tm_popup_header_body.exch, 
    .exchange_popup.pause_popup .create_tm_popup_btns_cntr_body.exch {
        width: 674px;
    }

    .exchange_popup.pause_popup .create_tm_popup_header_right_corner.exch, 
    .exchange_popup.pause_popup .create_tm_popup_btns_cntr_right_corner.exch {
        left: 682px;
    }


.login_popup{
    background: url(img/bgs2.png);
    background-position: 0 -150px;
    width: 455px;
    margin: -116.5px 0px 0px -230px;
    height: 231px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #789bbb;
}
    .login_popup .login_popup_left{
        float: left;
        width: 192px;
    }
        .login_popup .login_popup_left img{
            margin-top: 50px;
        }
    .login_popup .login_popup_right{
        float: left;
        width: 235px;
        margin-top: 10px;
        margin-right: 25px;
    }

        .login_popup .login_popup_right .login_input_cntr{
            margin-bottom: 6px;
        }

        .login_popup .login_popup_right .password_input_cntr{
            margin-bottom: 8px;
        }

        .login_popup .login_popup_right .recover_link{
            float: right;
            font-size: 12px;
            color: #006d95;
            display: block;
        }

        .login_popup .login_popup_right .login_input, 
        .login_popup .login_popup_right .password_input{
            width: 220px;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
        }
        .login_popup .login_popup_right .login_input_img_body,
        .login_popup .login_popup_right .password_input_img_body{
            width: 220px;
        }
        .login_popup .login_popup_right .login_input_img_right_corner,
        .login_popup .login_popup_right .password_input_img_right_corner{
            left: 228px;
        }

        .login_popup .login_popup_right .login_form_submit{
            margin-top: 25px;
        }
            .login_popup .login_popup_right .login_form_submit a{
                padding: 8px 47px;
            }

    .login_form_popup_label{
        color: #006d95;
        font-size: 15px;
        margin: 5px 0;
    }


.exchange_popup.video_popup {
    width: 570px;
    margin: -175px 0px 0px -295px;
}

    .exchange_popup.video_popup .create_tm_popup_header_body.exch, 
    .exchange_popup.video_popup .create_tm_popup_btns_cntr_body.exch {
        width: 554px;
    }

    .exchange_popup.video_popup .create_tm_popup_header_right_corner.exch, 
    .exchange_popup.video_popup .create_tm_popup_btns_cntr_right_corner.exch {
        left: 562px;
    }

    .exchange_popup.video_popup .create_tm_popup_header_body.exch, 
    .exchange_popup.video_popup .create_tm_popup_btns_cntr_body.exch {
        width: 554px;
    }

    .exchange_popup.video_popup .create_tm_popup_header_right_corner.exch, 
    .exchange_popup.video_popup .create_tm_popup_btns_cntr_right_corner.exch {
        left: 562px;
    }

    .exchange_popup.video_popup .create_user_popup_body{
        padding: 0;
    }

    .exchange_popup.video_popup .create_tm_popup_btns_cntr{
        padding-top: 260px;
    }

    div.jp-type-single div.jp-details{
        display: none;
    }

    div.jp-controls-holder{
        width: 570px;
        height: 48px;
        background: url(img/videoplayer_bg.png) top repeat-x;
        top: 0;
    }
    .jp-video-full div.jp-controls-holder{
        height: 52px;
    }

    div.jp-video{
        border: none;
    }

    ul.jp-controls .gray_btn{
        line-height: 28px;
    }

    ul.jp-controls .gray_btn i.i_icon{
        margin-right: 0;
    }

    div.jp-video-270p2 {
        width: 670px;
    }
    div.jp-video div.jp-progress{
        height: 7px;
        background: #fff;
    }
    div.jp-video div.jp-interface{
        border: none;
        position: relative;
        width: 570px;
        left: 50%;
        margin-left: -285px;
    }
    div.jp-video{
        -moz-border-radius-bottomright: 6px;
        -webkit-border-bottom-right-radius: 6px;
        border-bottom-right-radius: 6px;
        -moz-border-radius-bottomleft: 6px;
        -webkit-border-bottom-left-radius: 6px;
        border-bottom-left-radius: 6px;
        border: none;
        overflow: hidden;
    }
    div.jp-video div.jp-current-time-duration,
    div.jp-video div.jp-current-time,
    div.jp-video div.jp-duration{
        position: absolute;
        z-index: 1001;
        font-size: 12px;
        top: 22px;
        font-style: normal;
        font-family: arial, sans-serif;
        margin: 0;
    }
    div.jp-video div.jp-current-time{
        left: 410px;
    }
    div.jp-video div.jp-current-time-duration{
        left: 445px;
    }
    div.jp-video div.jp-duration{
        left: 422px;
    }
    div.jp-video ul.jp-toggles{
        position: absolute;
        margin: 0;
        right: 12px;
        top: 18px;
        width: 75px;
    }
    div.jp-video ul.jp-toggles li{
        margin-left: 8px;
    }

    ul.jp-toggles li a{
        width: 16px;
        height: 16px;
        outline: none;
        background: url(img/videoplayer_sprite.png) no-repeat;
        overflow: visible;
    }

    ul.jp-toggles a.jp-repeat{
        background-position: -44px 0;   
    }
    ul.jp-toggles a.jp-repeat-off{
        background-position: -44px -19px;   
    }
    ul.jp-toggles a.jp-full-screen{
        background-position: -65px 0px;   
    }
    ul.jp-toggles a.jp-restore-screen{
        background-position: -65px -19px;   
    }

    div.jp-video div.jp-type-single ul.jp-controls{
        margin: 7px 0 0 13px;
        width: 33px;
        height: 33px;
    }

    div.jp-video div.jp-volume-bar{
        top: 21px;
        left: 90px;
        border: 1px solid #a3b8cb;
        background: #f5f5f5;
        width: 75px;
        height: 6px;
        overflow: visible;
    }
    div.jp-volume-bar-value{
        background: #a3b8cb;
        height: 6px;
    }

    div.jp-interface ul.jp-controls a.jp-volume-max{display: none !important;}
    div.jp-interface ul.jp-controls a{
        display: inline;
        outline: none;
        overflow: visible;
    }

    div.jp-video a.jp-mute, div.jp-video a.jp-unmute{
        left: 64px;
        top: 17px;
        width: 16px;
        height: 16px;
        display: block;
        position: absolute;
        background: url(img/videoplayer_sprite.png) no-repeat;
    }

    ul.jp-controls a.jp-mute{
        background-position: -24px 0px;   
    }
    ul.jp-controls a.jp-unmute{
        background-position: -24px -19px;   
    }

    a.jp-video-play-icon{
        outline: none;
    }

    div.jp-video div.jp-progress .jp-seek-bar{
        background: #dfdfdf;
    }

    div.jp-video div.jp-progress .jp-play-bar{
        background: #a3b8cb;
    }

    div.jp-video-270p2 div.jp-video-play {
        margin-top: -260px;
        height: 260px;
    }

    /* fix play btn popup*/
    .relax_window_file_content ul.jp-controls .jp-play.gray_btn{
        padding-top: 7px;
    }


.inline_underline{
    margin: 0 4px;
}

.gray_underline{
    background: #b8b8b8;
    height: 1px;
}

.gray_underline.red {
    background-position: 25px 6px;
}

.clear_error_left_margin {
    margin-left: 0px;
}

.song_text_label {
    padding-bottom: 5px;
    padding-top: 10px;
}

#jp_container_1.jp-video {
    z-index: 2000000000000;
    /*top: 200px;*/
    position: absolute;
    /*left: 692px;*/
}


.forward_panel_overlay {
    height: 49px;
    width: 60px;
    left: 250px;
    position: absolute;
    top: 0px;
    z-index: 20070;
}

.previous_panel_overlay {
    height: 49px;
    width: 60px;
    left: -4px;
    position: absolute;
    z-index: 20070;
}

.errorPopup .body_popup {
    padding: 25px 0px 25px 25px;
}

.popup_under_body_item {
    cursor: pointer;
}

.questionAnswer {
    padding: 0px 0px 5px 30px;
}

/*=====стили для попапа песен=====*/
#songBodies {
    height: 407px;
    overflow-y: scroll;
}

    #songBodies div.song_text {
        width: 295px;
        padding: 4px 20px;
        float: left;
        word-wrap:break-word;
    }

div.jp-audio.song_jplayer {
    width: 690px;
    border: none;
    background: none;
    border-top: 1px solid #a3b8cb;
}

    div.jp-audio.song_jplayer .jp-type-single .jp-progress {
        width: 500px;
        left: 68px;
        height: 5px;
        top: 28px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #a3b8cb;
        background: #ffffff;
        overflow: visible;
    }
    div.jp-audio.song_jplayer .jp-type-single .jp-progress .jp-seek-bar{
        background: #f5f5f5;
    }
    div.jp-audio.song_jplayer .jp-type-single .jp-progress .jp-play-bar{
        background: #a3b8cb;
    }
    div.jp-audio.song_jplayer .jp-type-single .jp-time-holder {
        width: 82px;
        left: 585px;
        top: 20px;
        color: black;
        font-weight: bold;
    }

a.jp-play.song-player-button, a.jp-pause.song-player-button,
a.jp-pause.song-player-button:hover, a.jp-play.song-player-button:hover {
    background: none;
}

div.jp-audio.song_jplayer .jp-type-single .jp-time-holder,
div.jp-audio.song_jplayer .jp-type-single .jp-time-holder div{
    font-size: 14px;
    font-style: normal;
    font-family: arial, sans-serif;
}

div.jp-audio.song_jplayer div.jp-current-time {
    width: 38px;
}
div.jp-audio.song_jplayer div.jp-duration {
    width: 38px;
}

.song-player-button .music_play_img {
    top: 24px;
    left: 19px;
}

div.jp-audio.song_jplayer ul.jp-controls {
    padding: 0px;
    padding-top: 14px;
    width: 55px;
    position: relative;
    left: 20px;
}


div.jp-audio.song_jplayer ul.jp-controls a{
    line-height: 28px;
    display: inline;
    margin-right: 0;
}

.relax_windw_music_item .panel_controls i,
div.jp-audio.song_jplayer ul.jp-controls i{
    margin-right: 0;

}

div.jp-audio.song_jplayer div.jp-type-single div.jp-interface {
    height: 60px;
    background: #fff;
    position: relative;
}

.song-player-button {
    cursor: pointer;
}

    .song-player-button div {
        margin-left: 10px;
    }

.body_popup {
    background: white;
}

#songBodies .label {
    color: rgb(0, 127, 174);
    padding: 10px;
    font-size: 12px;
}
#songBodies div {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    line-height: 18px;
}
/*==================*/

.relax_window_autotrainings_btn_width {
    width: 110px;
}

.relax_window_toggle_btn_width {
    width: 101px !important;
}

.relax_window_toggle_right_btn_left_fix {
    width: 106px !important;
}

.pause_text {
    margin: 0px 0px 0px 24px !important;
    
}

.pause_text_free_space {
    padding-top: 27px;
    padding-bottom: 10px;
}

.pause_img_cntr {
    top: 30px !important;
}

.relax_windw_music_item {
    padding: 4px;
}

.relax_window_track_duration {
    text-align: center;
    vertical-align: sub;
    margin: 16px;
    font-size: 14px;
    position: relative;
    top: -4px;
}

.relax_window_file_content {
    padding: 5px 20px 15px;
    height: 300px;
    overflow: auto;
    font-size: 14px;
    position: relative;
}

    .relax_window_file_content #jp_container_1.jp-video.popup{
        top: 0;
        left: 10px;
    }

.relax_window_file_content .panel_controls{
    float: left;
    margin-top: -7px;
}

.media_file_name {
    color: black;
    text-decoration: none;
}
a.media_file_name_with_hover:hover {
    text-decoration: underline;
}

.file_name_elipsis {
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 400px;
    overflow: hidden;
}

.media_file_name_text {
    float: left; 
    width: 81%; 
    padding-top: 5px;
}

#jp_container_1.jp-video.popup {
    z-index: 20000000000000;
    top: 146px;
    position: absolute;
    left: 6px;
}

#flashClose {
    float: right;
}
.popup_flash_content {
    text-align: center;
}
#flashClose .create_user_btn_text.exch {
    margin-left: -25.6px;
}
.create_user_btn_text.rember {
    margin-left: -10.6px;
}
.text_label div {
    display: inline-block;
    width: 43%;
    text-align: center;
}

#slick-pager .chosen-container {
    margin-top: 7px;
    vertical-align: top;
}

.slick-header-column, .slick-header-column.ui-state-default{
    padding: 11px 10px 13px 10px;
    font: 15px/18px arial;
    font-weight: normal;
    color: #5c490a;
}

.slick-cell a{
    text-decoration: none;
}

.chosen-container.chosen-container-single.chosen-container-single-nosearch{
    width: 56px !important;
}
.chosen-container-single .chosen-single{
    background-image: url("img/grey-objects.png");
    background-position: 0px -31px;
    border: none;
    box-shadow: none;
    height: 31px;
    line-height: 31px;
}
.chosen-container-single .chosen-single div{
    background-image: url("img/grey-objects.png");
    background-position: 0px -62px;
    width: 8px;
}
.chosen-container-single .chosen-single span{
    margin-right: 8px;
    background-image: url("img/grey-objects.png");
    background-position: 0px 0px;
    border: none;
    border-radius: none;
    color: #097298;
}

.chosen-container-single .chosen-single:hover{
    background-position: 0px -186px;
}
.chosen-container-single .chosen-single:hover div{
    background-position: 0px -217px;
}
.chosen-container-single .chosen-single:hover span{
    background-position: 0px -155px;
}

.chosen-container-single .chosen-single div b{
    position: relative;
    left: -10px;
    top: 5px;
    background: url('chosen-sprite.png') no-repeat 0px 2px;
}

.chosen-container .chosen-results{
    margin: 0;
    padding: 0;
}

.chosen-container .chosen-results li.active-result{
    border-bottom: 1px solid #7291ad;
}

.chosen-container .chosen-results li{
    color: #097298;
}

.chosen-container .chosen-results li.result-selected.highlighted{
}

.chosen-container .chosen-results li.highlighted{
    background: none;
    background: #f5f5f5;
    color: #097298;
}


.chosen-container .chosen-results li.active-result.result-selected{
    font-weight: bold;
    color: #000;
}

.chosen-container .chosen-drop{
    box-shadow: none;
    border-radius: none;
}

.chosen-container-single .chosen-drop{
    border-radius: none;
    border: 1px solid #7291ad;
    border-bottom: none;
}

.chosen-container.chosen-with-drop .chosen-drop{
    margin-top: 5px;
}
.chosen-container-active.chosen-with-drop .chosen-single{
    background-image: url("img/grey-objects.png");
    background-position: 0px -341px;
    background-repeat: no-repeat;
    box-shadow: none;
    border: none;
}
.chosen-container-active.chosen-with-drop .chosen-single div{
    background-image: url("img/grey-objects.png");
    background-position: 0px -372px;
    width: 8px;
}
.chosen-container-active.chosen-with-drop .chosen-single span{
    background-position: 0px -310px;
}

/*
#additional-buttons{
    margin-left: 20px;
}
*/

/* button fix */

.login_btn_img_left_corner, .login_btn_img_body, .login_btn_img_right_corner,
.look_btn_img_left_corner, .look_btn_img_body_corner, .look_btn_img_right_corner,
.passive_btn_img_cyan_blue_left_corner, .passive_btn_img_cyan_blue_body, .passive_btn_img_cyan_blue_right_corner,
.active_btn_img_cyan_blue_left_corner, .active_btn_img_cyan_blue_body, .active_btn_img_cyan_blue_right_corner,
.active_btn_img_dark_blue_left_corner, .active_btn_img_dark_blue_body, .active_btn_img_dark_blue_right_corner,
.passive_btn_img_dark_blue_left_corner, .passive_btn_img_dark_blue_body, .passive_btn_img_dark_blue_right_corner,
.passive_btn_img_left_corner, .passive_btn_img_body, .passive_btn_img_right_corner,
.active_btn_img_left_corner, .active_btn_img_body, .active_btn_img_right_corner, .aside_save_btn_img_left_corner,
.aside_save_btn_img_body, .aside_save_btn_img_right_corner, .create_tm_popup_create_btn_left_corner, .create_tm_popup_create_btn_body,
.create_tm_popup_create_btn_right_corner, .import_text_popup_create_btn_left_corner, .import_text_popup_create_btn_body,
.import_text_popup_create_btn_right_corner, .continue_btn_body, .continue_btn_right_corner, .help_left_corner_btn, .help_btn_body,
.help_right_corner_btn{
    background-image: url("img/round-buttons.png");
}

.look_btn_img{position: relative; display: inline-block; width: 212px; height: 33px; text-decoration: none;}
.look_btn_text{position: absolute; left: 62.5px; top: 9px; color: black;}


.edit_btn_left_corner, 
.edit_btn_body, 
.edit_btn_right_corner,
    .play_btn_left_corner, 
    .play_btn_right_corner,
.look_btn_img_left_corner,
.look_btn_img_body_corner,
.look_btn_img_right_corner,
    .passive_btn_img_cyan_blue_left_corner,
    .passive_btn_img_cyan_blue_body,
    .passive_btn_img_cyan_blue_right_corner,
.active_btn_img_cyan_blue_left_corner,
.active_btn_img_cyan_blue_body,
.active_btn_img_cyan_blue_right_corner,
    .active_btn_img_dark_blue_left_corner,
    .active_btn_img_dark_blue_body,
    .active_btn_img_dark_blue_right_corner,
.passive_btn_img_dark_blue_left_corner,
.passive_btn_img_dark_blue_body,
.passive_btn_img_dark_blue_right_corner,
    .passive_btn_img_left_corner,
    .passive_btn_img_body,
    .passive_btn_img_right_corner,
.active_btn_img_left_corner,
.active_btn_img_body,
.active_btn_img_right_corner,
    .aside_save_btn_img_left_corner,
    .aside_save_btn_img_body,
    .aside_save_btn_img_right_corner,
.create_tm_popup_create_btn_left_corner,
.create_tm_popup_create_btn_body,
.create_tm_popup_create_btn_right_corner,
    .import_text_popup_create_btn_left_corner,
    .import_text_popup_create_btn_body,
    .import_text_popup_create_btn_right_corner,
.continue_btn_left_corner,
.continue_btn_body,
.continue_btn_right_corner{
    background-image: url("img/round-buttons.png");
}

.active_btn_left_corner, 
.active_btn_body, 
.active_btn_right_corner, 
    .cancel_btn_left_corner, 
    .cancel_btn_right_corner,
.copy_btn_left_corner, 
.copy_btn_body, 
.copy_btn_right_corner, 
    .publish_btn_left_corner, 
    .publish_btn_body, 
    .publish_btn_right_corner{
        background-image: url("img/round-buttons.png");
}

/* cancel_btn_cntr */

.cancel_btn_cntr{position: relative; left: 0px; top: 2px; width: 34px; height: 32px; cursor: pointer; display: inline-block;}
    .cancel_btn_left_corner{background-position: 0px -627px;  width: 17px; height: 33px; position: absolute; top: 0px;}
    .cancel_btn_right_corner{background-position: 0px -660px; width: 17px; height: 33px; position: absolute; top: 0px; left: 17px;}
.cancel_btn_cntr:hover .cancel_btn_left_corner{background-position: 0px -726px;}
.cancel_btn_cntr:hover .cancel_btn_right_corner{background-position: 0px -759px;}
    .cancel_btn_mark{background-image: url("img/not-repeat.png"); position: absolute; top: 9px; width: 12px; height: 12px; background-position: -86px -245px; left: 12px;}


.play_btn_cntr {position: relative; left: 0px; top: 2px; width: 34px; height: 32px; cursor: pointer; display: inline-block;}
    .play_btn_mark {background-image: url("img/not-repeat.png");position: absolute; top: 9px; width: 12px; height: 15px; background-position: -150px -273px; left: 11px;}
    .play_btn_mark.pause {background-position: -167px -322px; height: 14px;}
    .play_btn_cntr .cancel_btn_right_corner {background-position: 0px -66px;}
    .play_btn_cntr .cancel_btn_left_corner {background-position: 0px -33px;}
        .play_btn_cntr:hover .cancel_btn_right_corner {background-position: 0px -165px;}
        .play_btn_cntr:hover .cancel_btn_left_corner {background-position: 0px -132px;}
/* aside_save_btn */

.aside_save_btn{position: relative; height: 33px; display: inline-block; width: 106px; cursor: pointer; margin: 10px 0px 0px 15px;}
    .aside_save_btn_img_left_corner{background-position: 0px -825px;}
    .aside_save_btn_img_body{width: 72px; background-position: 0px -792px;}
    .aside_save_btn_img_right_corner{background-position: 0px -858px; width: 16px; height: 33px; position: absolute; top: 0px; left: 89px;}
        .aside_save_btn:hover .aside_save_btn_img_left_corner{background-position: 0px -924px;}
        .aside_save_btn:hover .aside_save_btn_img_body{background-position: 0px -891px;}
        .aside_save_btn:hover .aside_save_btn_img_right_corner{background-position: 0px -957px;}

.aside_cancel_btn,
.create_tm_popup_cancel_btn,
.import_text_popup_cancel_btn,
.popup_cancel_btn{position: relative; display: inline-block; cursor: pointer; vertical-align: top; margin: 17px 0px 0px 14px; text-decoration: none;}
    .aside_cancel_btn_text,
    .create_tm_popup_btn_text,
    .import_text_popup_btn_text,
    .cancel_btn_text{color: #006d95; font: 14px arial; border-bottom: 1px dashed;}
        .popup_cancel_btn:hover .cancel_btn_text,
        .aside_cancel_btn:hover .aside_cancel_btn_text,
        .create_tm_popup_cancel_btn:hover .create_tm_popup_cancel_btn_text,
        .create_tm_popup_cancel_btn:hover .create_tm_popup_btn_text,
        .import_text_popup_cancel_btn:hover .import_text_popup_cancel_btn_text,
        .popup_cancel_btn:hover .popup_cancel_btn_text{
            border: none;
        }

/* look_btn  */
.look_btn_img_left_corner{background-position: 0px -33px; width: 17px; height: 33px; position: absolute; top: 2px;}
.look_btn_img_body_corner{background-position: 0px 0px; width: 178px; height: 33px; position: absolute; top: 2px; left: 17px;}
.look_btn_img_right_corner{background-position: 0px -66px; width: 17px; height: 33px; position: absolute; top: 2px; left: 195px;}
    .look_btn_img:hover .look_btn_img_left_corner{background-position: 0px -132px;}
    .look_btn_img:hover .look_btn_img_body_corner{background-position: 0px -99px;}
    .look_btn_img:hover .look_btn_img_right_corner{background-position: 0px -165px;}

.look_btn_img_left_corner.dark_blue {background-position: 0px -428px;}
.look_btn_img_body_corner.dark_blue {background-position: 0px -395px;}
.look_btn_img_right_corner.dark_blue {background-position: 0px -461px;}
.look_btn_img_left_corner.cyan_blue {background-position: 0px -231px;}
.look_btn_img_body_corner.cyan_blue {background-position: 0px -198px;}
.look_btn_img_right_corner.cyan_blue {background-position: 0px -264px;}
    .look_btn_img:hover .look_btn_img_left_corner.cyan_blue{background-position: 0px -330px;}
    .look_btn_img:hover .look_btn_img_left_corner.dark_blue{background-position: 0px -527px;}
    .look_btn_img:hover .look_btn_img_body_corner.cyan_blue{background-position: 0px -297px;}
    .look_btn_img:hover .look_btn_img_body_corner.dark_blue{background-position: 0px -494px;}
    .look_btn_img:hover .look_btn_img_right_corner.cyan_blue{background-position: 0px -363px;}
    .look_btn_img:hover .look_btn_img_right_corner.dark_blue{background-position: 0px -560px;}

.dark_blue .look_btn_text {
    color: white;
}

/* active/passive */

    .passive_btn_img_cyan_blue, 
    .passive_btn_img_dark_blue, 
    .passive_btn_img, 
.active_btn_img_cyan_blue, 
.active_btn_img_dark_blue,
.active_btn_img{position: relative; width: 98px; height: 33px; margin: 0px 5px 0px 5px;}

    .passive_btn_img_cyan_blue_left_corner, 
    .passive_btn_img_dark_blue_left_corner, 
    .passive_btn_img_left_corner, 
        .active_btn_img_cyan_blue_left_corner,
        .active_btn_img_dark_blue_left_corner,
        .active_btn_img_left_corner, 
    .aside_save_btn_img_left_corner,
    .create_tm_popup_create_btn_left_corner,
    .import_text_popup_create_btn_left_corner, 
    .continue_btn_left_corner,
    .help_left_corner_btn{
        background-position: 0px -231px;
        width: 17px;
        height: 33px;
        position: absolute;
        top: 0px;
    }

    .passive_btn_img_cyan_blue:hover .passive_btn_img_cyan_blue_left_corner, 
    .passive_btn_img_dark_blue:hover .passive_btn_img_dark_blue_left_corner, 
    .passive_btn_img:hover .passive_btn_img_left_corner, 
        .active_btn_img_cyan_blue:hover .active_btn_img_cyan_blue_left_corner,
        .active_btn_img_dark_blue:hover .active_btn_img_dark_blue_left_corner,
        .active_btn_img:hover .active_btn_img_left_corner, 
    .aside_save_btn_img:hover .aside_save_btn_img_left_corner,
    .import_text_popup_create_btn:hover .import_text_popup_create_btn_left_corner{
        background-position: 0px -330px;}

    .passive_btn_img_dark_blue_left_corner, 
    .active_btn_img_dark_blue_left_corner{
        background-position: -0px -429px;}
        .add_dic_btn:hover .create_tm_popup_create_btn_left_corner,
        .save_user_btn:hover .create_tm_popup_create_btn_left_corner, 
        .passive_btn_img_dark_blue:hover .passive_btn_img_dark_blue_left_corner, 
        .active_btn_img_dark_blue:hover .active_btn_img_dark_blue_left_corner,
        .continue_btn:hover .continue_btn_left_corner{
            background-position: -0px -528px;}

    .passive_btn_img_left_corner, 
    .active_btn_img_left_corner{
        background-position: 0px -33px;}
        .passive_btn_img:hover .passive_btn_img_left_corner, 
        .active_btn_img:hover .active_btn_img_left_corner{
            background-position: 0px -132px;}

.passive_btn_img_cyan_blue_body, 
.active_btn_img_cyan_blue_body,
.passive_btn_img_dark_blue_body, 
.active_btn_img_dark_blue_body,
.passive_btn_img_body, 
.active_btn_img_body, 
.aside_save_btn_img_body,
.create_tm_popup_create_btn_body, 
.import_text_popup_create_btn_body,
.continue_btn_body, 
.help_btn_body{
    background-position: 0px -198px; 
    width: 64px;
    height: 33px;
    position: absolute;
    top: 0px;
    left: 17px;
}

    .passive_btn_img_cyan_blue:hover .passive_btn_img_cyan_blue_body, 
    .active_btn_img_cyan_blue:hover .active_btn_img_cyan_blue_body,
    .passive_btn_img_dark_blue:hover .passive_btn_img_dark_blue_body, 
    .active_btn_img_dark_blue:hover .active_btn_img_dark_blue_body,
    .passive_btn_img:hover .passive_btn_img_body, 
    .active_btn_img:hover .active_btn_img_body, 
    .aside_save_btn_img:hover .aside_save_btn_img_body,
    .import_text_popup_create_btn:hover .import_text_popup_create_btn_body,
    .help_btn:hover .help_btn_body{
        background-position: 0px -297px;
    }

.passive_btn_img_dark_blue_body, 
.active_btn_img_dark_blue_body{
    background-position: 0px -396px;}
    .continue_btn:hover .continue_btn_body, 
    .add_dic_btn:hover .create_tm_popup_create_btn_body,
    .save_user_btn:hover .create_tm_popup_create_btn_body, 
    .passive_btn_img_dark_blue:hover .passive_btn_img_dark_blue_body, 
    .active_btn_img_dark_blue:hover .active_btn_img_dark_blue_body{
        background-position: 0px -495px;}

.passive_btn_img_body, 
.active_btn_img_body{
    background-position: 0px 0px;}
    .passive_btn_img:hover .passive_btn_img_body, 
    .active_btn_img:hover .active_btn_img_body{
        background-position: 0px -99px;    }

    .passive_btn_img_cyan_blue_right_corner,
    .active_btn_img_cyan_blue_right_corner,
    .passive_btn_img_dark_blue_right_corner,
    .active_btn_img_dark_blue_right_corner,
    .passive_btn_img_right_corner,
    .active_btn_img_right_corner,
    .create_tm_popup_create_btn_right_corner,
    .import_text_popup_create_btn_right_corner,
    .continue_btn_right_corner,
    .help_right_corner_btn{
        background-position: 0px -264px;
        width: 16px;
        height: 33px;
        position: absolute;
        top: 0px;
        left: 81px;
    }
        .passive_btn_img_cyan_blue:hover .passive_btn_img_cyan_blue_right_corner,
        .active_btn_img_cyan_blue:hover .active_btn_img_cyan_blue_right_corner,
        .passive_btn_img_dark_blue:hover .passive_btn_img_dark_blue_right_corner,
        .active_btn_img_dark_blue:hover .active_btn_img_dark_blue_right_corner,
        .passive_btn_img:hover .passive_btn_img_right_corner,
        .active_btn_img:hover .active_btn_img_right_corner,
        .import_text_popup_create_btn:hover .import_text_popup_create_btn_right_corner{
            background-position: 0px -363px;
        }

    .passive_btn_img_right_corner,
    .active_btn_img_right_corner{
        background-position: 0px -66px;}
        .passive_btn_img:hover .passive_btn_img_right_corner,
        .active_btn_img:hover .active_btn_img_right_corner{
            background-position: 0px -165px;}

    .passive_btn_img_dark_blue_right_corner,
    .active_btn_img_dark_blue_right_corner{
        background-position: 0px -462px;}
        .continue_btn:hover .continue_btn_right_corner,
        .add_dic_btn:hover .create_tm_popup_create_btn_right_corner,
        .save_user_btn:hover .create_tm_popup_create_btn_right_corner,
        .passive_btn_img_dark_blue:hover .passive_btn_img_dark_blue_right_corner,
        .active_btn_img_dark_blue:hover .active_btn_img_dark_blue_right_corner{
            background-position: 0px -561px;}

.passive_btn_img_cyan_blue_text,
.active_btn_img_cyan_blue_text,
.passive_btn_img_dark_blue_text,
.active_btn_img_dark_blue_text,
.passive_btn_img_text,
.active_btn_img_text,
.aside_save_btn_img_text,
.create_tm_popup_create_btn_img_text,
.import_text_popup_create_btn_img_text,
.create_user_btn_text,
.continue_btn_img_text,
.popup_btn_text{
    position: absolute;
    top: 7px;
    left: 25px;
    color: black;
}

.passive_btn_img_dark_blue_text,
.active_btn_img_dark_blue_text,
.aside_save_btn_img_text,
.create_tm_popup_create_btn_img_text,
.import_text_popup_create_btn_img_text,
.create_user_btn_text,
.continue_btn_img_text,
.popup_btn_text{
    color: white;
}


.create_tm_popup_create_btn,
.import_text_popup_create_btn,
.add_dic_btn,
.create_class_popup_create_btn,
.continue_btn,
.cancel_help_btn{
    position: relative;
    height: 33px;
    display: inline-block;
    width: 106px;
    cursor: pointer;
    margin: 10px 0px 0px 15px;
}

.continue_btn_left_corner,
.aside_save_btn_img_left_corner, 
.create_tm_popup_create_btn_left_corner, 
.import_text_popup_create_btn_left_corner{
    background-position: 0px -825px;
}

.aside_save_btn_img_body, 
.create_tm_popup_create_btn_body, 
.import_text_popup_create_btn_body{
    width: 72px;
    background-position: 0px -792px;
}

.create_tm_popup_create_btn_right_corner,
.import_text_popup_create_btn_right_corner{
    left: 89px;
    background-position: 0px -858px;
}

.continue_btn_body{
    width: 142px;
    background-position: 0px -792px;
}
.continue_btn_right_corner{
    left: 159px;
    background-position: 0px -858px;
}

.active_btn_img_cyan_blue_text,
.active_btn_img_dark_blue_text,
.active_btn_img_text{left: 30px;}

/* sidebar button */

.aside_container_word_pause, 
.aside_container_word_rec, 
.aside_container_word_db, 
.aside_container_word_cancel{
    position: absolute;
    height: 31px;
    width: 86px;
    cursor: pointer;
}
.aside_container_word_rec{
    width: 90px;
}

.aside_save_btn_img_text,
.create_tm_popup_create_btn_img_text,
.import_text_popup_create_btn_img_text,
.create_user_btn_text,
.continue_btn_img_text,
.popup_btn_text{
    font: 14px arial;
    left: 18px;
}

/* help */

.cancel_help_btn{width: 126px;}
    .help_btn_text{ position: absolute; left: 50%; margin-left: -50px; color: #cd4844; font: 14px arial; top: 7px;}
    .help_left_corner_btn{background-position: 0px -627px;}
    .help_btn_body{background-position: 0px -594px; width: 92px;}
    .help_right_corner_btn{background-position: 0px -660px; left: 109px;}
.cancel_help_btn:hover .help_left_corner_btn{background-position: 0px -726px;}
.cancel_help_btn:hover .help_btn_body{background-position: 0px -693px;}
.cancel_help_btn:hover .help_right_corner_btn{background-position: 0px -759px;}

/* fix margin popup */
.help_popup .cancel_help_btn{margin-left: 5px;}
/* other */

.create_tm_popup_create_btn_img_text{left: 50%; margin-left: -32.5px;}
.create_tm_popup_create_btn_img_text.ok_left{margin-left: -9.5px;}
.popup_btn_text.ok{left: 50%; margin-left: -9.5px;}
.popup_btn_text.delete{left: 50%; margin-left: -27.5px;}
.continue_btn_img_text{left: 50%; margin-left: -73.5px;}
.create_user_btn_text{left: 50%; margin-left: -31.5px;}
.create_user_btn_text.exch{margin-left: -35.6px;}
.import_text_popup_create_btn_img_text{left: 50%; margin-left: -24.5px;}

/* login button */

.login_btn_img_left_corner{background-position: 0px -825px; width: 17px; height: 33px; position: absolute; left: 0px; top: 0px;}
.login_btn_img_body{background-position: 0px -792px; width: 217px; height: 33px; position: absolute; left: 17px; top: 0px;}
.login_btn_img_right_corner{background-position: 0px -858px; width: 17px; height: 33px; position: absolute; left: 234px; top: 0px;}
.login_btn_img_text{position: absolute; top: 7px; left: 50%; margin-left: -53.5px;}
    .login_btn_cntr:hover .login_btn_img_left_corner{background-position: 0px -924px;}
    .login_btn_cntr:hover .login_btn_img_body{background-position: 0px -891px;}
    .login_btn_cntr:hover .login_btn_img_right_corner{background-position: 0px -957px;}

/* copy */

.copy_btn_cntr{position: relative; width: 67px; height: 32px; top: 2px; cursor: pointer; display: inline-block;}

.active_btn_left_corner, 
.copy_btn_left_corner, 
.publish_btn_left_corner{
    background-position: 0px -33px; width: 17px; height: 33px; position: absolute; top: 0px;
}

.active_btn_body, 
.copy_btn_body, 
.publish_btn_body{
    background-position: 0px 0px; width: 34px; height: 33px; position: absolute; left: 17px; top: 0px;
}

.publish_btn_body{width: 90px;}

.active_btn_right_corner, 
.copy_btn_right_corner, 
.publish_btn_right_corner{
    background-position: 0px -66px; width: 17px; height: 33px; position: absolute; top: 0px; left: 51px;
}


.edit_btn_cntr {position: relative; width: 167px; height: 32px; top: 2px; cursor: pointer; display: inline-block;}
    .edit_btn_left_corner { background-position: 0px -33px; width: 17px; height: 33px; position: absolute; top: 0px;}
    .edit_btn_body {background-position: 0px 0px; width: 95px; height: 33px; position: absolute; left: 17px; top: 0px;}
    .edit_btn_right_corner {background-position: 0px -66px; width: 17px; height: 33px; position: absolute; top: 0px; left: 110px;}
    .edit_btn_text {position: absolute;top: 7px;font: 14px arial;left: 15px;}

.edit_btn_cntr:hover .edit_btn_left_corner,
.active_btn_cntr:hover .active_btn_left_corner,
.copy_btn_cntr:hover .copy_btn_left_corner,
.publish_btn_cntr:hover .publish_btn_left_corner{background-position: 0px -132px;}

.edit_btn_cntr:hover .edit_btn_body,
.active_btn_cntr:hover .active_btn_body,
.copy_btn_cntr:hover .copy_btn_body,
.publish_btn_cntr:hover .publish_btn_body{background-position: 0px -99px;}

.edit_btn_cntr:hover .edit_btn_right_corner,
.active_btn_cntr:hover .active_btn_right_corner,
.copy_btn_cntr:hover .copy_btn_right_corner,
.publish_btn_cntr:hover .publish_btn_right_corner{background-position: 0px -165px;}

.publish_btn_right_corner{left: 107px;}

.active_btn_text, .copy_btn_text{
    position: absolute;
    top: 7px;
    font: 14px arial;
    left: 14px;
}

.plus_btn_cntr{
    position: relative;
    top: 2px;
    width: 34px;
    height: 32px;
    cursor: pointer;
    display: inline-block;
}

.save_user_btn {
    position: relative;
    height: 33px;
    display: inline-block;
    width: 106px;
    cursor: pointer;
    margin: 10px 0px 0px 15px;
    text-decoration: none;
}

.continue_btn{
    width: 176px;
}


.user-dialog-statisitc-big-btn-continue
 {
    position: relative;
    height: 33px;
    display: inline-block;
    width: 116px;
    cursor: pointer;
    margin: 10px 0px 0px 15px;
    text-decoration: none;
}

.user-dialog-statisitc-big-btn-Exit
 {
    position: relative;
    height: 33px;
    display: inline-block;
    width: 136px;
    cursor: pointer;
    margin: 10px 0px 0px 15px;
    text-decoration: none;
}
.user-dialog-statisitc-big-btn-continue-body-exit{
     background-position: 0px -198px; 
    width: 64px;
    height: 33px;
    position: absolute;
    top: 0px;
    left: 17px;
}


/* validation login page*/

.inputtext-validation-error .login_input_img_left_corner,
.inputtext-validation-error .password_input_img_left_corner{
    background-position: 0px -682px;
}

.inputtext-validation-error .login_input_img_body,
.inputtext-validation-error .password_input_img_body{
    background-position: 0px -651px;
}

.inputtext-validation-error .login_input_img_right_corner,
.inputtext-validation-error .password_input_img_right_corner{
    background-position: 0px -713px;
}

.field-validation-error{ line-height: 20px;}
.field-validation-error span{
    font-size: 12px;
    color: #f3001b;
    font-style: italic;
    position: relative;
    top: -8px;
}

.validation-summary-errors li{
    list-style: none;
    font-size: 12px;
    color: #f3001b;
    font-style: italic;
    margin-bottom: 10px;
    font-weight: normal;
}

#dropDownCntrText{
    white-space: nowrap;
    overflow: hidden;
    width: 84%;
    text-overflow: ellipsis;
}
.restoreBtn .edit_btn_text {
    left: 35px;
}

.header_lang_tense {
max-width:250px;
line-height:15px;
}
.configurationPopup .add_input input[type=text] {
    padding: 5px;
    border: 1px solid #BBC9D6;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 15px;
    width: 450px;
    height: 19px;
}
.configurationDropdowns > div {
    padding: 10px;
    
}
.blue_label {
    color: rgb(0, 127, 174);
    font: 12px arial;
    padding-top: 12px;
padding-left: 5px;
}
.row_count_show_right_border.w450_px {
    left: 458px;
}
.row_count_show_body.w450_px {
    width: 450px;
}
.row_count_show_cntr.w450_px {
    width: 468px;
}
.configurationPopup .add_input input[type=text].validationError {
     border: 1px solid #fc0606;
}
.configurationPopup .validationText {
float: right;
padding-top: 20px;
max-width: 300px;
font: 12px arial;
padding-right: 24px;
color: #fc0606;
/* overflow: hidden; */
word-wrap: break-word;
}
.classes-row {
line-height:34px;
}

.header_menu_link {
    width:70px;
    font-size:16px;
}

    .header_menu_link.opened,
    .header_menu_link:hover {
        width:70px;
    }
.song-text-format {
    font: 14px arial;
}

.statistic-span-trainigname-date {
	padding:135px;
	font-size:14px;
	font-family:Arial;
	

}

/*  new__   Новые стили*/

.left_header .lesson_number, .left_header .lesson_state{
	  padding: 12px 0 12px 15px;
}
#user-statisitc-big-container .gray_bar_left_container .gray_btn{
	line-height: 15px;
	display: inline-block;
	height: auto;
	width: 80px;
	min-width: 1px;
	text-align: center;
	padding: 8px 0;
	margin: 0;
}
#user-dialog-statisitc-big-container-body .gray_bar_left_container{
	  margin: 14px 14px 22px 22px;
}
.gray_btn.round_right.ml{
	padding-left: 22px;
}
.btn_def{
	border-bottom: 1px dashed #19609b;
    color: #19609b!important;
    left: 27px!important;
    position: relative!important;
    text-decoration: underline;
    top: 5px!important;
    z-index: 999;
}
.btn_def:hover{
    border-bottom:none;
}


.red_button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 5px 16px;
    border: 1px solid #fea5a3;
    border-radius: 5px;
    background: #ffcdcd;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffcdcd), to(#ffa2a2));
    background: -moz-linear-gradient(top, #ffcdcd, #ffa2a2);
    background: linear-gradient(to bottom, #ffcdcd, #ffa2a2);
    font: normal normal normal 15px arial;
    color: #b90900;
    text-decoration: none;
}
.red_button:hover,
.red_button:focus {
    border: 1px solid #ffbebb;
    background: #fff6f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff6f6), to(#ffc2c2));
    background: -moz-linear-gradient(top, #fff6f6, #ffc2c2);
    background: linear-gradient(to bottom, #fff6f6, #ffc2c2);
    color: #b90900;
    text-decoration: none;
}
.red_button:active {
    background: #b39090;
    background: -webkit-gradient(linear, left top, left bottom, from(#b39090), to(#ffa2a2));
    background: -moz-linear-gradient(top, #b39090, #ffa2a2);
    background: linear-gradient(to bottom, #b39090, #ffa2a2);
}

.red_button:before{
    content:  "\0000a0";
    display: inline-block;
    height: 13px;
    width: 13px;
    line-height: 13px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 1px;
    left: -2px;
    background: url("/Content/images/cross.png") no-repeat left center transparent;
    background-size: 100% 100%;
}


.td-userguide-title {
	font: 16px arial;
	color: #006d95;
	padding: 12px;
    padding-right: 45px;
	cursor: pointer;
}