@charset "utf-8";

/*=======================================================
                      Общие стили сайта
========================================================*/

* {
    margin: 0;
    padding: 0;
}

*:focus {
    outline: none;
}

input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {
    padding: 0;
    border: 0;
}

html, body {
    height:100%;
    width:100%;
    padding: 0;
    margin: 0;
    background: #ffffff;
    font-family: 'open_sansregular', sans-serif;
    font-size: 14px;
}

img, fieldset {
    border: 0 none;
}

a, a:hover {
    text-decoration: none;
}

a[href="javascript:void();"] {
    cursor: default;
}

.dark_violet_button,
.light_blue_button,
.admin_dark_violet_button,
.disabled_link {
    font-family: 'open_sansregular', sans-serif;
    background: #8463b0;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    color: #ffffff;
    padding: 0 20px;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 0;
    -webkit-appearance: none;
}

.disabled_link {
    background: #B9B9B9;
}

.admin_dark_violet_button {
    /*font-family: 'open_sanslight', sans-serif;*/
    height: 34px;
    line-height: 34px;
    font-size: 18px;
}

.dark_violet_button:hover,
.admin_dark_violet_button:hover {
    background: #a783d3;
}

.dark_violet_button:active,
input[type="submit"].dark_violet_button:focus,
.admin_dark_violet_button:active,
input[type="submit"].admin_dark_violet_button:focus {
    background: #52347b;
}

.light_blue_button {
    background-color: #6ec0ff !important;
}

.light_blue_button:hover {
    background-color: #8bd9ff !important;
}

.light_blue_button:active,
input[type="submit"].light_blue_button:focus {
    background-color: #3e95d1 !important;
}

form {
    margin: 0;
    padding: 0;
}

textarea {
    resize: none;
    border: none;
    overflow: auto;
}

textarea[disabled] {
    background: #E5E5E5;
}

.validation_error::-webkit-input-placeholder {
    color: red;
}

.validation_error:-moz-placeholder {
    color: red;
}

.validation_error::-moz-placeholder {
    color: red;
}

.validation_error:-ms-input-placeholder {
    color: red;
}

.validation_error.placeholder {
    color: red;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="submit"] {
    border: none;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="date"],
textarea,
.custom_select,
.actions_list span {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*font-family: 'open_sanslight', sans-serif;*/
    font-size: 14px;
    height: 32px;
    width: 100%;
    border: 1px solid #999999;
    padding: 5px;
    color: #000000;
    border-radius: 0;
}

.ie8 input[type="text"],
.ie8 input[type="password"],
.ie9 input[type="text"],
.ie9 input[type="password"] {
    padding: 0 5px;
    line-height: 30px;
}

.validation_failed textarea,
.validation_failed input[type="text"],
.validation_failed input[type="password"] {
    border-color: #D42280;
}

.validation_passed input[type="text"] {
    border-color: #55A400;
}

.custom_select {
    display: inline-block;
    padding: 5px 30px 5px 5px;
    cursor: pointer;
}

.actions_list,
.company_actions_list {
    position: absolute;
    top: 32px;
    left: 0;
    width: 100%;
    background: #ffffff;
    z-index: 10;
}

.custom_select:after {
    content: ' ';
    width: 18px;
    height: 9px;
    position: absolute;
    right: 7px;
    top: 12px;
    background: url("../images/select_down_ico.png") no-repeat;
}

.actions_list span {
    display: inline-block;
    border-top: 0 none;
    padding: 5px;
    cursor: pointer;
}

.actions_list span:hover {
    background: #4297D8;
    color: #ffffff;
}

.custom_select_closed:after {
    content: ' ';
    width: 18px;
    height: 9px;
    position: absolute;
    right: 7px;
    top: 12px;
    background: url("../images/select_down_ico.png") no-repeat;
}

.custom_select_opened:after {
    content: ' ';
    width: 18px;
    height: 9px;
    position: absolute;
    right: 7px;
    top: 12px;
    background: url("../images/select_up_ico.png") no-repeat;
}

ul {
    padding: 0;
    margin: 0;
}

table {
    border-collapse: collapse;
}

h1.page_title {
    /*font-family: 'open_sanslight', sans-serif;*/
    font-size: 48px;
    font-weight: normal;
    color: #4297d8;
    line-height: 52px;
}

canvas {
    display: block;
}

/*=======================================================
========================================================*/

/*---=== Стили попапа ===---*/

.page {
    height: 100%;
    overflow: auto;
    width: 100%;
}

.window_shadow {
    display: none;
    background: #000000;
    height: 100%;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity=50);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

.window_overlay {
    display: none;
    height: 100%;
    left: 0;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10001;
}

.window_popup_overlay {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    background: rgba(255, 255, 255, 0.9);
    padding: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
}

.ie8 .window_popup_overlay {
    background: url("../images/window_popup_overlay_bg.png") repeat;
}

.close_popup {
    background: url("../images/close_button.png") no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    right: -12.5px;
    top: -12.5px;
    display: block;
}

.window_popup_overlay {
    width: 404px;
    height: auto;
}

.window_popup_overlay h1 {
    /*font-family: 'open_sanslight', sans-serif;*/
    font-weight: normal;
    font-size: 24px;
    line-height: 16px;
    margin-bottom: 10px;
}

.window_popup_overlay label {
    display: block;
    margin: 15px 0 5px 0;
}

.window_popup_overlay a {
    color: #3688d1;
    text-decoration: underline;
}

.error {
    border-color: #d42280 !important;
}

/*---=== /Стили попапа ===---*/

/*----------------- Стили основных блоков - start ------------------*/

.blur_effect {
    filter: blur(3px);
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: url(http://ginads.com/svg/blur.svg#blur);
}

#wrapper {
    display: block;
    margin: 0 auto;
    min-height: 100%;
    position: relative;
}

.admin #wrapper {
    min-width: 1000px;
}

.inner_wrapper {
    width: 1000px;
    margin: 0 auto;
}

/*----------------- Стили шапки - start ------------------*/

#header {
    height: 110px;
    font-family: 'open_sanslight' ,sans-serif;
    border-top: 3px solid #d9d9d9;
    background: url("../images/bottom_shadow.png") no-repeat bottom center;
    padding-bottom: 19px;
}

.logo {
    display: inline-block;
    height: 88px;
    padding-top: 11px;
}

/*---=== Для авторизированного пользователя ===---*/

.authorized_user {
    border-top-color: #4297d8 !important;
}

.authorized_user .top_block,
.authorized_user .language_block {
    background: #4297d8 !important;
}

.authorized_user .closed_lang:after,
.authorized_user .opened_lang:before {
    background: url("../images/top_lang_white.png") no-repeat bottom left !important;
}

.authorized_user .opened_lang:before {
    background-position: top left !important;
}

.authorized_user .lang_list a:after {
    background: #4baaf2 !important;
    border-top-color: #3b86bf !important;
}

.authorized_user .top_block span {
    background: #6ec0ff !important;
}

.authorized_user .top_block a,
.authorized_user .language_block a {
    color: #ffffff !important;
}

.inner_head {
    z-index: 10;
    background: #ffffff;
}

/*---=== /Для авторизированного пользователя ===---*/

/*----------------- Стили меню - start ------------------*/

.menu a {
    font-size: 22px;
    color: #000000;
    margin-left: 15px;
}

.admin .menu a {
    margin-left: 25px;
}

.menu a:first-child {
    margin-left: 0;
}

.active_menu,
.menu a:hover {
    text-decoration: underline;
    color: #4297d8 !important;
}

.lang_reg_login {
    position: absolute;
    top: 0;
    right: 0;
    height: 25px;
    width: 780px;
}

.top_block {
    color: #a5a5a5;
    background: #d9d9d9;
    padding: 0 8px;
    line-height: 25px;
    text-align: center;
    float: right;
}

.top_block a {
    color: #4297d8;
    float: left;
    font-size: 13px;
    letter-spacing: normal;
}

.top_block a:hover {
    text-decoration: underline;
}

.top_block span {
    float: left;
    height: 14px;
    width: 1px;
    background: #a5a5a5;
    margin: 6px 4px -2px 5px;
}

.language_block {
    float: right;
    background: #d9d9d9;
    line-height: 25px;
    margin-right: 12px;
}

.language_block a {
    padding: 0 28px 0 10px;
    display: block;
    position: relative;
    color: #4297d8;
    font-size: 13px;
}

.language_block a:hover {
    text-decoration: underline;
}

.closed_lang:after,
.opened_lang:before,
.authorized_user .closed_lang:after,
.authorized_user .opened_lang:before {
    content: ' ';
    height: 6px;
    width: 12px;
    background: url("../images/lang_blue.png") no-repeat bottom left;
    position: absolute;
    right: 8px;
    top: 11px;
}

.opened_lang:before {
    background-position: top left;
}

.language_block .lang_list {
    display: none;
}

.lang_list a:after,
.authorized_user .lang_list a:after{
    content: ' ';
    height: 1px;
    background: #e6e6e6;
    border-top: 1px solid #cccccc;
    width: 100%;
    left: 0;
    position: absolute;
    top: -1px;
}

/*----------------- Стили меню - end ------------------*/

/*----------------- Стили шапки - end ------------------*/

/*----------------- Стили контента - end ------------------*/

#content {
    margin-bottom: 40px;
}

.animation_registration_wrapper {
    height: 429px;
    position: relative;
}

/*---=== Анамация под шапкой ===---*/

.animate_slider {
    margin-bottom: 24px;
}

.animate_slider h1 {
    /*font-family: 'open_sanslight', sans-serif;*/
    font-weight: normal;
    font-size: 77px;
    line-height: 69px;
    color: #4297d8;
    padding-top: 7px;
    position: relative;
    top: -95px;
}

.animate_slider h2 {
    font-weight: normal;
    font-size: 40px;
    margin-bottom: 13px;
    position: relative;
    left: -1500px;
    display: none;
}

.animate_slider h3,
.animate_slider p {
    font-size: 20px;
    color: #414040;
    position: relative;
    left: -1500px;
    font-weight: normal;
    display: none;
}

.animate_slider p {
    padding-left: 11px;
    font-size: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzU1QUE0MzY2NjYzMTFFM0IwQkZGRTE5MURGOEZBN0IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzU1QUE0Mzc2NjYzMTFFM0IwQkZGRTE5MURGOEZBN0IiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNTVBQTQzNDY2NjMxMUUzQjBCRkZFMTkxREY4RkE3QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNTVBQTQzNTY2NjMxMUUzQjBCRkZFMTkxREY4RkE3QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlWQY4YAAABCSURBVHjaYnR0cJBjYGCYA8SWQHwciFOYFRUU1gAZrkDMBsTKQGzIBCQsGFCBFUjwBJrgMZBgMhDvAeKvUDoBIMAA9TgJxlHk7l8AAAAASUVORK5CYII=) no-repeat left center;
}

.animate_slide1,
.circles_1,
.circles_2,
.circles_3 {
    position: absolute;
}

.animate_slide1 {
    right: 22px;
    top: 398px;
    height: 0;
}

.circles_1 {
    right: 392px;
    top: 240px;
    display: none;
}

.circles_2 {
    right: 240px;
    top: 167px;
    display: none;
}

.circles_3 {
    right: 0;
    top: 149px;
    display: none;
}

.slider_button {
    background: url("../images/light_blue_button_arrow.png") no-repeat 162px center;
    padding-right: 65px;
    position: relative;
    bottom: -82px;
    height: 0;
}

/*---=== Анамация под шапкой ===---*/

/*---=== Регистрация ===---*/

.registration {
    /*font-family: 'open_sanslight', sans-serif;*/
    font-size: 16px;
    color: #636363;
    background: url("../images/registration_bg.png") no-repeat right bottom;
    min-height: 429px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -500px;
}

.registration p {
    margin: 24px 0 19px 0;
}

.registration p label {
    margin-left: 13px;
}

.registration_wrapper,
.rules_wrapper {
    width: 725px;
    margin-bottom: 19px;
}

.registration_wrapper input[type="text"],
.registration_wrapper input[type="password"] {
    width: 289px;
    margin-right: 10px;
}

.validation_failed .check_login {
    display: none;
}

.rules_wrapper label {
    font-size: 15px;
    margin-left: 200px;
    line-height: 15px;
    height: 15px;
    vertical-align: top;
    display: inline-block;
    margin-right: 10px;
}

.rules_wrapper .error_text {
    line-height: 15px;
    height: 15px;
}

.registration_wrapper label,
.account_data_wrapper label {
    width: 200px;
    display: inline-block;
    font-size: 16px;
    letter-spacing: normal;
    line-height: 32px;
    height: 32px;
    vertical-align: top;
}

.validation_failed .error_text {
    display: inline-block;
}

.error_text {
    display: none;
    font-size: 10px;
    color: #d42280;
    letter-spacing: normal;
    height: 32px;
    line-height: 32px;
    vertical-align: top;
}

.check_login,
.rules_wrapper label a {
    font-size: 15px;
    color: #4297d8;
    text-decoration: underline;
    letter-spacing: normal;
    vertical-align: top;
}

.rules_wrapper label a:hover {
    text-decoration: none;
}

.check_login {
    height: 32px;
    line-height: 32px;
    display: inline-block;
}

.ie .registration_wrapper.inlineblock_clear {
    display: block;
    letter-spacing: -3px;
}

/*---=== Регистрация ===---*/

/*---=== Плашка с переходом на регистрацию ===---*/

.registration_area_overlay {
    position: relative;
    z-index: 10;
    background: #f2f2f2;
    height: 85px;
    border-top: 3px solid #e4e4e4;
    border-bottom: 3px solid #e4e4e4;
    font-size: 20px;
    color: #414040;
    font-family: 'open_sanslight' ,sans-serif;
}

.registration_area_overlay p:first-child {
    margin-bottom: 9px;
}

.registration_area_overlay p span {
    color: #4297d8;
    font-family: 'open_sansregular', sans-serif;
}

/*---=== /Плашка с переходом на регистрацию ===---*/

/*---=== Три информационных блока ===---*/

.inform_blocks {
    background: #ffffff;
    position: relative;
    z-index: 10;
}

.inform_blocks > div {
    width: 300px;
}

.inform_blocks > div:hover .inform_ico {
    background: #8463b0;
}

.inform_blocks .inform_ico {
    width: 50px;
    height: 50px;
    background: #4297d8;
    margin-right: 13px;
}

.inform_blocks h1 {
    font-family: 'open_sans_condensedbold', sans-serif;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    font-weight: normal;
}

.inform_blocks p {
    margin-left: 63px;
    /*font-family: 'open_sanslight', sans-serif;*/
    font-size: 13px;
}

/*---=== /Три информационных блока ===---*/

/*---=== Слайдер "Рекламные форматы" ===---*/

.advertising_formats {
    margin-top: 55px;
}

.gallery_header {
    margin-bottom: 30px;
}

.gallery_header h1 {
    font-family: 'open_sans_condensedbold', sans-serif;
    font-size: 23px;
    font-weight: normal;
}

.gallery_header .dotted_line {
    font-size: 18px;
    color: #cacaca;
    background: url("../images/dotted_ico.png") repeat-x;
    height: 8px;
    margin: 0 5px;
}

.gallery_buttons_overlay a {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 2px;
    width: 28px;
    height: 28px;
    background: #c4c4c4;
    text-align: center;
}

.gallery_buttons_overlay a:hover {
    background: #4297d8;
}

.gallery_buttons_overlay a:first-child {
    margin-right: 4px;
}

.ie .gallery_buttons_overlay.inlineblock_clear {
    display: block;
    letter-spacing: -3px;
}

.advertising_formats_slider {
    width: 1000px !important;
}

.ie .advertising_formats_slider {
    font-size: 0;
    letter-spacing: -3px;
}

.advertising_formats_slider a {
    width: 215px;
    height: 255px;
    text-align: center;
    margin: 0 38px 5px 5px;
    text-decoration: none;
}

.advertising_formats_slider a .table {
    height: 226px;
    width: 215px;
    letter-spacing: normal;
    font-size: 14px;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.3);
}

.webkit .advertising_formats_slider a .table,
.ie .advertising_formats_slider a .table {
    box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.3);
}

.ie8 .advertising_formats_slider a .table {
    outline: 1px solid #c8c8c8;
}

.advertising_formats_slider a .type {
    font-size: 20px;
    letter-spacing: normal;
    color: #414040;
    display: inline-block;
    margin-top: 6px;
}

.advertising_formats_slider a .type:hover {
    text-decoration: underline;
}

.topline .table {
    background: url("../images/preview_topline.png") no-repeat;
}

.corner .table {
    background: url("../images/preview_corner.png") no-repeat;
}

.slider .table {
    background: url("../images/preview_slider.png") no-repeat;
}

.message_banner .table {
    background: url("../images/preview_message_banner.png") no-repeat;
}

.bottomline .table {
    background: url("../images/preview_bottomline.png") no-repeat;
}

.cost {
    display: block;
    margin-bottom: 60px;
}

.cost span {
    font-family: 'open_sans_condensedbold', sans-serif;
    display: block;
    color: #4297d8;
    font-size: 24px;
    line-height: 7px;
}

.cost span + span {
    font-size: 48px;
    line-height: 55px;
}

.cost span + span + span {
    font-size: 24px;
    line-height: 30px;
}

/*---=== Слайдер "Рекламные форматы" ===---*/

/*---=== Слайдер "Новости" ===---*/

.news {
    margin-top: 40px;
}

.news_slider .inner_slide_news {
    width: 485px;
    margin-top: 30px;
}

.news_slider .inner_slide_news > * {
    white-space: normal !important;
}

.news_head a {
    font-size: 16px;
    color: #000;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 400px;
    overflow: hidden;
}

.news_head a:hover {
    color: #4297d8;
    text-decoration: underline;
}

.news_head span {
    font-family: "open_sanslight", sans-serif;
    font-size: 12px;
    color: #555555;
    position: absolute;
    right: 0;
    top: 0;
}

.inner_slide_news > p {
    font-family: "open_sanslight", sans-serif;
    color: #414040;
}

/*---=== /Слайдер "Новости" ===---*/

/*---=== Слайдер "Партнеры" ===---*/

.partners {
    margin-top: 40px;
}

.partners_slider .current_slide {
    width: 490px !important;
    height: auto !important;
    vertical-align: top;
}

.partners_slider .table {
    width: 240px;
    height: 82px;
    border: 1px solid #d8d8d8;
    float: left;
    margin: 0 5px 5px 0;
}

.partners_slider .table a span {
    display: block;
    background-position: center top;
}

.partners_slider .table .table_cell:hover span {
    background-position: center bottom;
}

.logo_wm span {
    height: 45px;
    background: url("../images/logo_wm.png") no-repeat;
}

.logo_epa span {
    height: 36px;
    background: url("../images/logo_epa.png") no-repeat;
}

.logo_np span {
    height: 43px;
    background: url("../images/logo_np.png") no-repeat;
}

.logo_ik span {
    height: 51px;
    background: url("../images/logo_ik.png") no-repeat;
}

.logo_op span {
    height: 40px;
    background: url("../images/logo_op.png") no-repeat;
}

.logo_pa span {
    height: 54px;
    background: url("../images/logo_pa.png") no-repeat;
}

.logo_paypal span {
    height: 47px;
    background: url("../images/logo_papa.png") no-repeat;
}

/*---=== /Слайдер "Партнеры" ===---*/

/*---=== Блок - О компании ===---*/

.about_company .gallery_header {
    margin-bottom: 20px;
}

    .about_company > p {
        color: #414040;
        font-family: open_sanslight ,sans-serif;
    }

/*---=== /Блок - О компании ===---*/

/*---=== Форматы рекламы ===---*/

.box,
.inner_box {
    display: none;
}

.box.visible,
.inner_box.visible {
    display: block;
}

.advertising_formats_overlay .tabs li {
    list-style: none;
    font-size: 20px;
    float: left;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    cursor: pointer;
}

.advertising_formats_overlay .tabs li.current {
    background: #8463b0;
    color: #ffffff;
    cursor: default;
}

.advertising_formats_overlay .box h3 {
    font-size: 16px;
    font-weight: normal;
    border-bottom: 1px solid #8463b0;
    padding-bottom: 10px;
    margin: 25px 0 10px 0;
}

.advertising_formats_overlay .box p {
    /*font-family: 'open_sanslight', sans-serif;*/
    font-size: 16px;
}

.advertising_formats_overlay img {
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.3);
    margin: 0 5px 5px;
    border-radius: 7px 7px 0 0 ;
}

.webkit .advertising_formats_overlay img,
.ie .advertising_formats_overlay img {
    box-shadow: 0 1px 16px 1px rgba(0, 0, 0, 0.3);
}

.ie9 .advertising_formats_overlay img {
    box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.3);
}

.ie8 .advertising_formats_overlay img {
    outline: 1px solid #c8c8c8;
}

/*---=== /Форматы рекламы ===---*/

/*---=== FAQ ===---*/

.faq_overlay .tabs li,
.rules_overlay .tabs li {
    list-style: none;
    float: left;
    font-size: 20px;
    text-transform: uppercase;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    cursor: pointer;
}

.faq_overlay .tabs li.current,
.rules_overlay .tabs li.current {
    background: #8463b0;
    color: #ffffff;
    cursor: default;
}

.faq_overlay .box h1:first-child,
.admin_faq h1:first-child {
    margin-top: 0 !important;
}

.faq_overlay .box h1,
.admin_faq h1 {
    float: left;
    font-size: 16px;
    font-weight: normal;
    color: #000000;
    margin: 25px 0 5px 0;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
}

.faq_overlay .box h1 span:first-child,
.admin_faq h1 span:first-child {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgCAYAAAAbifjMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4N0UzNTAzMTI2QkMxMUU0OUIyN0I3REY4OEU5N0E3NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4N0UzNTAzMjI2QkMxMUU0OUIyN0I3REY4OEU5N0E3NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg3RTM1MDJGMjZCQzExRTQ5QjI3QjdERjg4RTk3QTc3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjg3RTM1MDMwMjZCQzExRTQ5QjI3QjdERjg4RTk3QTc3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+TvCy+AAAAXZJREFUeNpiZEADXl4BOszM/5MZGBhdGRj+i4PEGBkZXvz7x7ibienfnE2bNl1DVs8IY4SEhLD9/PmrDyiUAeQyM2AHf////z9VSkqiZNasWb/hBkA0/94CZLoyEAd2srOz+q1Zs+YXE4gH1DyZBM0g4P7r1+9+sAv8/Px0//9nvABkM6Gr2rx5I9iFvr7+/7F5h5Hxvx4TUHMaNs1EAGaQXqABDM4MZAJg7DizAAkZbM7GJYbsHaDlckxkOh/uCBagKY+ArtDEZgOBQATpfwS0nXEHBWGwHWjAn7mgKCFD/59//5jmwpw4AUjlk2Y7Y8+mTRtKwQEoKSleCnTOLuK1/9/x4cO7SgZYDIAyBhsbqy9QYioB74Ay0yRJSQm/Q4cO/UHJjZjZmcENaKASRJTpLjC2dmHLzix4fAmKui8Q/wLt/c+IXdUwLw8IgKFUHiAD+pYHROgfBOUB861bt16rq2sIAQUsSCwP+jZvXr98GJQHAAEGAHJV50lBRk3kAAAAAElFTkSuQmCC) no-repeat top left;
    position: absolute;
    top: 3px;
    left: 0;
}

.faq_overlay .box h1.rel_opened span:first-child,
.admin_faq h1.rel_opened span:first-child {
    background-position: bottom left;
}

.faq_overlay .box h1.rel_opened span + span,
.admin_faq h1.rel_opened span + span {
    text-decoration: underline;
}

.faq_questions_list {
    list-style: none;
    display: none;
    padding-left: 25px;
}

.faq_questions_list a {
    color: #4297D8;
    text-decoration: underline;
}

.faq_questions_list a:hover {
    text-decoration: none;
}

.faq_questions_list li:first-child {
    margin-top: 0 !important;
}

.faq_questions_list li {
    margin-top: 10px;
}

.faq_overlay .box h3,
.admin_faq h3{
    font-size: 16px;
    font-weight: normal;
    color: #4297d8;
    margin-bottom: 20px;
}

.faq_overlay .box p,
.admin_faq p {
    /*font-family: 'open_sanslight', sans-serif;*/
    color: #414040;
    font-size: 14px;
}

/*---=== /FAQ ===---*/

/*---=== Контакты ===---*/

.contacts_overlay {
    /*font-family: 'open_sanslight', sans-serif;*/
    min-height: 431px;
    padding-bottom: 50px;
}

.contacts_overlay .contacts_bg {
    position: absolute;
    right: 0;
    bottom: -40px;
}

.contacts_overlay form > div {
    width: 545px;
    padding-bottom: 25px;
}

.contacts_overlay label {
    font-size: 18px;
    display: inline-block;
    width: 140px;
    height: 32px;
    line-height: 32px;
    padding-right: 10px;
    text-align: right;
    letter-spacing: normal;
}

.validation_failed p {
    font-size: 10px;
    color: #D42280;
    position: absolute;
    height: 25px;
    line-height: 25px;
    margin-left: 105px;
}

.contacts_overlay .validation_failed p {
    margin-left: 150px;
}

.contacts_overlay form textarea,
.contacts_overlay form input[type="text"] {
    width: 395px;
    vertical-align: top;
}

.contacts_overlay form textarea {
    height: 190px;
}

.contacts_info {
    margin: 25px 0 0 50px;
}

.contacts_info div:hover span:first-child {
    background-color: #8463B0;
}

.contacts_info div:first-child {
    margin-bottom: 15px;
}

.contacts_info div span:first-child {
    width: 41px;
    background-color: #4297D8;
    margin-right: 10px;
}

.contacts_info span {
    font-size: 20px;
    height: 44px;
    line-height: 44px;
    vertical-align: top;
}

/*---=== /Контакты ===---*/

/*---=== rules ===---*/

.rules_overlay .box p,
.rules_overlay .box li,
.admin .rules_overlay p,
.admin .rules_overlay li {
    font-family: "open_sanslight", sans-serif;
    color: #404040;
    font-size: 16px;
}

.rules_overlay .box h2,
.admin .rules_overlay h2 {
    font-size: 24px;
    font-weight: normal;
    margin: 45px 0 15px 0;
}

.rules_overlay .box h3,
.admin .rules_overlay h3 {
    font-size: 16px;
    font-weight: normal;
}

.rules_overlay .box li,
.admin .rules_overlay li {
    list-style: none;
    padding-left: 10px;
    background: url("../images/rules_list_ico.png") no-repeat left center;
}

.format_code_overlay p.attention_text {
    font-family: open_sanslight, sans-serif;
    font-size: 13px;
    color: #ff6565;
    margin-top: 7px;
}

/*---=== /rules ===---*/

/*---=== news ===---*/

.news_overlay {
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAObm5gAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIzMTNEMDc5RkFFRTExRTNBODZBRjM2NEY1REVBNTc4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIzMTNEMDdBRkFFRTExRTNBODZBRjM2NEY1REVBNTc4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjMxM0QwNzdGQUVFMTFFM0E4NkFGMzY0RjVERUE1NzgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjMxM0QwNzhGQUVFMTFFM0E4NkFGMzY0RjVERUE1NzgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAAQABAAACAkQBADs=) repeat-y 740px 0;
}

.news_list,
.full_news {
    width: 700px;
}

.current_news_wrapper {
    margin-bottom: 50px;
}

.news_list h1 + .current_news_wrapper {
    margin-top: 30px;
}

.full_news h1 + .current_news_wrapper {
    margin-top: 20px;
    margin-bottom: 0;
}

.current_news_wrapper a {
    display: block;
    color: #000000;
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 2px;
}

.current_news_wrapper a:hover {
    text-decoration: underline;
    color: #4297d8;
}

.current_news_wrapper span {
    font-family: "open_sanslight", sans-serif;
    font-size: 12px;
    color: #555555;
}

.current_news_wrapper p {
    font-family: "open_sanslight", sans-serif;
    color: #414040;
    margin-top: 13px;
}

.news_list .pagination a {
    font-size: 14px;
}

.news_categories {
    width: 240px;
    margin-top: 27px;
}

.news_categories ul li {
    list-style: none;
    margin-bottom: 4px;
}

.news_categories ul li a {
    font-size: 16px;
    color: #000000;
}

.news_categories ul li a:hover {
    text-decoration: underline;
    color: #4297d8;
}

.news_info {
    height: 400px;
    background: #f5f5f5;
}

/*---=== /news ===---*/

/*---=== Админка ===---*/

.empty_info {
    height: 320px;
    line-height: 320px;
    text-align: center;
}

.admin #header {
    border: 0 none;
    height: 76px;
    background: none;
    padding: 0;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.15);
    position: relative;
}

.ie8 .admin #header {
    background: url("../images/admin_header_bottom_shadow.png") repeat-x bottom left;
    height: 76px;
    padding-bottom: 7px;
}

/*---=== Отступ для админки на 20 px слева и справа ===---*/

.admin .inner_head div.table_cell:first-child {
    padding-left: 20px;
}

.admin .inner_head div.table_cell + .table_cell + .table_cell {
    padding-right: 20px;
}

.admin #content,
.admin .footer_top,
.admin .footer_bottom {
    padding: 0 20px;
}

.admin #footerspc {
    height: 50px;
}

.admin #footer {
    height: 50px;
    margin: -50px auto 0;
}

.admin .footer_top {
    display: none;
}

/*---=== /Отступ для админки на 20 px слева и справа ===---*/

.admin .inner_head,
.admin .inner_footer_top,
.admin .inner_footer_bottom {
    width: 100% !important;
}

.admin #header .menu a {
    font-size: 18px;
}

.admin #header .menu a:first-child {
    margin-left: 62px;
}

.ie .admin .inner_head div.table_cell + .table_cell + .table_cell div.inlineblock_clear {
    display: block;
    letter-spacing: -3px;
}

.messages {
    background: url("../images/messages_ico.png") no-repeat;
    display: inline-block;
    width: 22px;
    height: 15px;
    vertical-align: bottom;
    margin-right: 10px;
    position: relative;
}

.user_email {
    height: 19px;
    padding-left: 25px;
    background: url("../images/user_profile_ico.png") no-repeat left top;
    margin-right: 10px;
}

.user_email,
.exit {
    font-size: 14px;
    color: #4297D8;
    display: inline-block;
    letter-spacing: normal;
}

@media screen and (max-width: 1024px) {
    .admin #header .menu a {
        font-size: 16px;
    }

    .admin .menu a {
        margin-left: 10px;
    }

    .user_email,
    .exit {
        font-size: 12px;
    }
}

.new_message .messages span {
    position: absolute;
    background: #D60000;
    height: 15px;
    line-height: 15px;
    font-size: 12px;
    font-family: 'open_sansbold' ,sans-serif;
    color: #ffffff;
    border-radius: 5px;
    padding: 0 5px;
    top: -10px;
    right: -10px;
    display: block;
    letter-spacing: normal;
}

.user_email:hover,
.exit:hover {
    text-decoration: underline;
}

.left_side {
    width: 163px;
    margin-right: 23px;
    position: absolute;
    z-index: 100;
    background: #ffffff;
}

.sticky {
    position: fixed;
    top: 10px;
}

.admin_left_head {
    font-weight: normal;
    font-size: 18px;
    line-height: 14px;
    padding-bottom: 8px;
    border-bottom: 4px solid #8463b0;
    margin-bottom: 16px;
    color: #8463b0;
}

.user_status .admin_left_head {
    color: #5698D6;
    border-bottom-color: #5698D6;
}

.user_balance .admin_left_head {
    color: #55a400;
    border-bottom-color: #55a400;
}

.current_date .admin_left_head {
    color: #d60000;
    border-bottom-color: #d60000;
}

.user_balance p,
.current_date p,
.user_status p {
    /*font-family: 'open_sanslight', sans-serif;*/
}

.user_status p {
    margin-top: 8px;
}

.user_status p:first-child {
    margin-top: 0;
}

.user_balance p span {
    display: inline-block;
}

.admin_left_menu_list {
    list-style: none;
}

.admin_left_menu_list li {
    margin-top: 8px;
    height: 20px;
}

.admin_left_menu_list a {
    display: inline-block;
    /*font-family: 'open_sanslight', sans-serif;*/
    color: #000000;
}

.active_left_menu,
.admin_left_menu_list li:hover {
    background: url("../images/active_left_menu_ico.png") no-repeat right center;
    cursor: pointer;
}

.active_left_menu a,
.admin_left_menu_list li:hover a,
.admin_left_menu_list a:hover {
    color: #8463b0 !important;
}

.active_left_menu:hover a,
.admin_left_menu_list li:hover a,
.active_left_menu a {
    max-width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.admin_left_menu_list li:first-child {
    margin-top: 0;
}

.right_side {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 1436px;
    min-width: 960px;
    padding-left: 186px;
}

.ie8 .right_side {
    max-width: 1250px;
}

/*---=== Создание кампании ===---*/

.admin_right_title {
    /*font-family: 'open_sanslight', sans-serif;*/
    font-weight: normal;
    font-size: 30px;
    line-height: 19px;
}

.company_settings_wrapper label {
    display: inline-block;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    width: 215px;
}

.company_settings_wrapper input[type="text"],
.company_settings_wrapper .custom_select_overlay {
    width: 346px;
    display: inline-block;
}

.company_settings_wrapper {
    width: 562px;
    margin-bottom: 25px;
}

.company_settings_wrapper .error_text {
    display: block;
    margin-left: 215px;
}

.formats_info > div {
    display: none;
    position: relative;
    /*font-family: 'open_sanslight', sans-serif;*/
    width: 560px;
}

.formats_info img {
    width: 202px;
    height: auto;
    position: absolute;
    right: -232px;
    top: -59px;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.3);
}

.webkit .formats_info img,
.ie .formats_info img {
    box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.3);
}

.ie8 .formats_info img {
    outline: 1px solid #c8c8c8;
}

/*---=== banner_variation ===---*/

.banner_type {
    width: 160px;
}

    .banner_type > span {
        font-family: "open_sansregular", sans-serif;
        display: block;
    }

        .banner_type label {
            display: inline-block;
        }

        .chrome .banner_type input[type="radio"] {
            position: relative;
            top: 1px;
        }

/*---=== /banner_variation ===---*/

.adult_check label {
    font-family: open_sansregular, sans-serif;
}

.adult_check p {
    /*font-family: 'open_sanslight', sans-serif;*/
}

.adult_check input[type="checkbox"] {
    position: relative;
    bottom: -1px;
    margin-left: 3px;
}

/*---=== graph_banner ===---*/

.add_topline .colorpicker_wrapper,
.add_bottomline .colorpicker_wrapper {
    width: 120px;
}

    .colorpicker_wrapper label {
        font-family: open_sansregular, sans-serif;
    }

    .add_topline .colorpicker_input,
    .add_bottomline .colorpicker_input {
        font-family: open_sanslight, sans-serif;
        color: #555555;
        border: 0 none;
        font-size: 12px;
        height: 30px;
        text-transform: uppercase;
        width: 78px;
        padding: 0 0 0 25px;
    }

    .ie8 .add_topline .colorpicker_input,
    .ie9 .add_topline .colorpicker_input,
    .ie8 .add_bottomline .colorpicker_input,
    .ie9 .add_bottomline .colorpicker_input {
        padding: 0 0 0 25px;
    }

    .add_topline .ui-button,
    .add_bottomline .ui-button {
        border: 0 none;
        position: absolute;
        left: 37px;
        margin: -8px 0 0 0;
        top: 50%;
    }

    .add_topline .ui-button span,
    .add_bottomline .ui-button span {
        padding: 0;
    }

    .file_type {
        font-family: "open_sanssemibold", sans-serif;
        font-size: 16px;
        color: #FFFFFF;
        background: transparent;
        display: inline-block;
        position: relative;
        width: 90px;
        height: 36px;
        line-height: 36px;
        text-align: center;
    }

		.file_type img, .file_type embed, .file_type object {
            display: none;
            position: absolute;
            top: 0;
            left: 110px;
            width: 500px;
            height: auto;
            z-index: 10;
        }

        .file_type .file_preloader {
            height: auto;
            width: auto;
        }

		.file_type:hover img, .file_type:hover embed, .file_type:hover object {
            display: block;
        }

        .type_flv {
            background: #7baee0;
        }

		.type_jpeg, .type_jpg,.type_JPEG, .type_JPG, .type_png {
            background: #ff8a73;
        }

        .type_gif {
            background: #aa8bd6;
        }

		.type_flash,.type_swf {
            background: #81b858;
        }

        .file_type:after {
            content: ' ';
            position: absolute;
            top: 0;
            right: 0;
            width: 0;
            height: 0;
            border-top: 10px solid #FFFFFF;
            border-left: 10px solid transparent;
        }

        .file_type:before {
            content: ' ';
            position: absolute;
            top: 0;
            right: 0;
            width: 0;
            height: 0;
            border-bottom: 10px solid transparent;
            border-right: 10px solid transparent;
        }

        .type_flv:before {
            border-bottom-color: #297acc;
        }

        .type_jpeg:before {
            border-bottom-color: #e65639;
        }

        .type_gif:before {
            border-bottom-color: #8552cc;
        }

        .type_flash:before {
            border-bottom-color: #5c992e;
        }

/*---=== /graph_banner ===---*/

.message_banner_banners_overlay,
.corner_banners_overlay {
    display: none;
}

/*---=== message_banner_settings ===---*/

.add_banner_table {
    border: 1px solid #4297D8;
    border-top: 0;
}

    .add_banner_table th {
        font-weight: normal;
        height: 46px;
        padding: 0 5px;
        background: #4297D8;
        color: #FFFFFF;
        border-left: 1px solid #ffffff;
    }

        .add_banner_table th:first-child {
            border-left: 1px solid #4297D8;
        }

    .add_banner_table td {
        font-family: open_sanslight, sans-serif;
        font-size: 12px;
        padding: 10px;
        text-align: center;
        color: #333333;
        border-left: 1px solid #4297D8;
        border-bottom: 1px solid #4297D8;
    }

        .select_file_wrapper input[type="file"] {
            position: absolute;
            top: 0;
            left: 0;
            visibility: hidden;
        }

        .select_file {
            color: #777777;
            display: inline-block;
            height: 26px;
            line-height: 26px;
            background: #ffffff; /* Old browsers */
            background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 30%, #e5e5e5 100%); /* FF3.6+ */
            background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 30%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
            background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 30%,#e5e5e5 100%); /* IE10+ */
            background: linear-gradient(to bottom, #ffffff 0%,#ffffff 30%,#e5e5e5 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
            padding: 0 10px;
            border: 1px solid;
            border-color: #cccccc #bfbfbe #b0afaf;
            border-radius: 2px;
        }

        .add_banner_table textarea {
            line-height: 20px;
            font-size: 12px;
        }

        .banner_design {
            width: 100px;
        }

            .banner_design label {
                width: 50px;
                height: 13px;
                text-align: left;
                float: left;
                margin-bottom: 12px;
            }

                .banner_design input[type="checkbox"] {
                    position: relative;
                    top: 1px;
                    float: left;
                    margin-right: 3px;
                }

                .banner_design span {
                    float: left;
                }

.actions_wrapper {
    width: 105px;
}

    .banner_action_button {
        padding-left: 20px;
        display: inline-block;
        height: 14px;
        line-height: 14px;
        color: #333333;
        margin-bottom: 2px;
    }

    .banner_action_button:hover {
        text-decoration: underline;
    }

    .add_banner_button {
        background: url("../images/add_control_ico.png") no-repeat top left;
    }

    .pause_banner_button {
        background: url("../images/pause_control_ico.png") no-repeat top left;
    }

    .start_banner_button {
        background: url("../images/start_control_ico.png") no-repeat top left;
    }

    .edit_banner_button {
        background: url("../images/edit_control_ico.png") no-repeat top left;
    }

    .view_banner_button {
        background: url("../images/view_control_ico.png") no-repeat top left;
    }

    .delete_banner_button {
        background: url("../images/delete_control_ico.png") no-repeat top left;
    }

/*---=== /message_banner_settings ===---*/

.common_data_overlay .tabs,
.common_data_overlay .list_head {
    display: block;
    height: 46px;
    list-style: none;
    background: #4297d8;
}

.targetings_overlay .tabs {
    position: relative;
    float: left;
    height: auto;
    z-index: 200;
    background: none;
    display: table;
}

.ie8 .targetings_overlay .tabs {
    position: absolute;
    float: none;
}

.graph .list_head {
    background: #8463b0;
}

.footer_list_head {
    position: relative;
    top: -1px;
}

.company_list_overlay .tabs li,
.referrals_profit_overlay .tabs li {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*font-family: 'open_sanslight', sans-serif;*/
    font-size: 13px;
    float: left;
    margin: 10px 0 0 20px;
    padding: 5px 15px 0 15px;
    height: 36px;
    cursor: pointer;
    color: #ffffff;
}

.targetings_overlay .tabs li {
    cursor: pointer;
    color: #ffffff;
    height: 40px;
    display: table-row;
}

.targetings_overlay .selected_targeting span:after {
    content: ' ';
    width: 16px;
    height: 16px;
    background: url("../images/selected_targeting.png") no-repeat;
    display: block;
    position: absolute;
    right: 16px;
    top: 2px;
}

.targetings_overlay .tabs li span {
    background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdFN0FCRTIxQkIxRTExRTM5MTVFODY4MzExODRGRUZGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdFN0FCRTIyQkIxRTExRTM5MTVFODY4MzExODRGRUZGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0U3QUJFMUZCQjFFMTFFMzkxNUU4NjgzMTE4NEZFRkYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0U3QUJFMjBCQjFFMTFFMzkxNUU4NjgzMTE4NEZFRkYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgICAgICAgICAgIDAwMDAwMDAwMDAQEBAQEBAQIBAQICAgECAgMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwP/wAARCAAoAA4DAREAAhEBAxEB/8QASwABAQAAAAAAAAAAAAAAAAAAAAoBAQAAAAAAAAAAAAAAAAAAAAAQAQAAAAAAAAAAAAAAAAAAAAARAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AL+AAAAAAAAAAf/Z) #4297D8 no-repeat top right;
    border-top: 1px solid #FFFFFF;
    display: table-cell;
    vertical-align: middle;
    line-height: 16px;
    width: 130px;
    padding: 0 14px 0 10px;
    position: relative;
}

.targetings_overlay .tabs li.current {
    cursor: default;
    position: relative;
}

.targetings_overlay .tabs li.current span {
    background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZCQjc3QkUyQkIxRDExRTM4RUJDRDkwQjYxRjVENDY1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZCQjc3QkUzQkIxRDExRTM4RUJDRDkwQjYxRjVENDY1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkJCNzdCRTBCQjFEMTFFMzhFQkNEOTBCNjFGNUQ0NjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkJCNzdCRTFCQjFEMTFFMzhFQkNEOTBCNjFGNUQ0NjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgICAgICAgICAgIDAwMDAwMDAwMDAQEBAQEBAQIBAQICAgECAgMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwP/wAARCAAoAA4DAREAAhEBAxEB/8QAggABAQEAAAAAAAAAAAAAAAAACggJAQEBAQAAAAAAAAAAAAAAAAAJBwgQAAADBQYFAgcAAAAAAAAAAAIDBAABFBUGERITBRYIITMHGAlhZJQ1pRdnKBkRAAAEAggFBAMAAAAAAAAAAAERAgMAEjFBUSITBBQGYSMFFgeRMqMVJmYX/9oADAMBAAIRAxEAPwBgnjp3F9wW3fIp0vi6/wCmsNQ1aYxl9YugEodOVGfee80yfZKAGKaLmrk6mzgFq95r2V2bvR7Sol6PnjfYILqZh5jQVBhrMgChtTdsR/wlvbvPZTOqXN1nIll3zG8qUOU6NY4iCMRpcS5ZF6NIYsEEj8dO4vt93EZFOl8JQHUqGoWtMYy4jRR6oOnKjOvPcUXIc6GDFNFy0KhTZxEyM+a9ld5bLe0qJusZE32CC8qUOY0FY4iDIApcS3ZBweEt7dmb1Z1S5ejZ4su+Y3UzDynRqDDWRiNDanLYW4xzQj8AvZd4IGFufsR/O/8AP32F91N/lnxOvdF/XPRjm/C/7R+n/b8JPd6afH+DjCPfmv8AFP3H6fjP7PXUYHz8IwX8dO3TuC3EZFOkEXQHTWGrqtMYu+jWwCoOnKcOvOeUZPs6ADFKFzEKdTZxC2u/Ne9ezdlvaVcvWM8bDBDeTMHMdCsMNBkIUOKbtjIHhLZPee9WdUibo2RLMPmF1Uo8poahxFkYDS2lyyFuMc0I/EF+Onbp2+7d8inSCEr/AKlQ1dVpjF3FiKPSh05Th15zjS5DkowYpQuWuUKbOAmr3mveveW9HtKubo+RNhghuqlHmOhUOIsyEKW0t2RH/CWyezNlM6pEvWc8WYfMLyZg5TQ1hhoIwGhxTlsXo0hiwR//2Q==) #4297D8 no-repeat top right;
}

.targetings_overlay .tabs li:first-child span {
    border: 0 none;
}

.company_list_overlay .tabs li.current,
.referrals_profit_overlay .tabs li.current {
    background: #ffffff;
    cursor: default;
    color: #000000;
}

.targetings_overlay .box {
    padding: 15px 15px 15px 155px;
}

/*---=== Additionally ===---*/

.additionally_overlay {
    padding-bottom: 20px;
}

.additionally_overlay .label_overlay {
    margin-bottom: 20px;
}

.additionally_overlay .label_overlay label {
    font-size: 0;
    display: table;
}

.additionally_overlay .label_overlay span {
    margin-left: 5px;
    font-size: 14px;
}

.additionally_overlay .label_overlay .help {
    margin-left: 18px;
    font-size: 14px;
}

.additionally_overlay .additionally_input_overlay {
    margin-bottom: 20px;
}

.additionally_overlay .additionally_input_overlay label {
    margin-left: 10px;
    font-size: 14px;
}

.additionally_overlay .additionally_input_overlay .help {
    margin-left: 80px;
    font-size: 14px;
}

.additionally_overlay input[type="text"] {
    width: 70px;
}
.additionally_overlay input[type="date"] {
    width: 140px;
}

/*---=== /Additionally ===---*/

/*---=== useragent ===---*/

.useragent_overlay,
.keywords_overlay {
    padding-bottom: 35px;
}

.useragent_overlay p,
.keywords_overlay p {
    font-family: "open_sanslight", sans-serif;
    margin: 6px 0 10px 0;
}

.useragent_overlay p span,
.keywords_overlay p span {
    font-family: 'open_sansregular', sans-serif;
}

.useragent_overlay textarea,
.keywords_overlay textarea {
    height: 160px;
    margin-bottom: 30px;
}

/*---=== useragent ===---*/

.geography_left_side {
    width: 340px;
    min-width: 340px;
    max-width: 340px;
    padding-right: 35px;
}

.geography_shows label {
    display: inline-block;
    /*font-family: 'open_sanslight', sans-serif;*/
    margin-bottom: 2px;
}

#geo_tree {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 3px;
    height: 345px;
    overflow: auto;
    border: 1px solid #4297d8;
    /*font-family: 'open_sanslight', sans-serif;*/
}

/*---=== Стилизация скролбара ===---*/

#geo_tree::-webkit-scrollbar,
.company_select_list::-webkit-scrollbar {
    width: 10px;
}

#geo_tree::-webkit-scrollbar-track,
.company_select_list::-webkit-scrollbar-track {
    background: url("../images/webkit_scrollbar_bg_top.jpg") left top no-repeat,
    url("../images/webkit_scrollbar_bg_bottom.jpg") left bottom no-repeat,
    url("../images/webkit_scrollbar_bg.jpg") left top repeat-y;
}

#geo_tree::-webkit-scrollbar-thumb,
.company_select_list::-webkit-scrollbar-thumb {
    background: url("../images/webkit_scrollbar_thumb_bg.png") no-repeat center center #346a96;
}

/*---=== /Стилизация скролбара ===---*/

/*---=== Стилизация дерева ===---*/

.jqexpander {
    padding-left: 16px;
}

.jqexpander-activated {
    background: url('../images/expander_arrow_down_blue.png') no-repeat left center;
    cursor: pointer;
}

.jqexpander-deactivated {
    background: url('../images/expander_arrow_right_blue.png') no-repeat left center;
    cursor: pointer;
}

.jqexpander-hidden {
    display: none;
}

.jqexpander-input {
    padding-left: 20px;
    cursor: pointer;
}

.jqexpander-input-checked {
    background: url('../images/checkbox-checked.png') no-repeat left center;
}

.jqexpander-input-partial {
    background: url('../images/checkbox-partial.png') no-repeat left center;
}

.jqexpander-input-unchecked {
    background: url('../images/checkbox-unchecked.png') no-repeat left center;
}

/*---=== Стилизация дерева ===---*/

.geography_right_side {
    padding-bottom: 30px;
}

.geography_right_side .apply_settings {
    position: absolute;
    right: 7px;
    bottom: 7px;
}

.geography_right_side h3 {
    font-weight: normal;
    font-size: 18px;
}

.geography_right_side h3:first-child {
    margin-top: 16px;
}

.geography_right_side .popular_locations a {
    /*font-family: 'open_sanslight', sans-serif;*/
    color: #4297d8;
    text-decoration: underline;
}

.geography_right_side .popular_locations + h3 {
    margin-top: 18px;
}

.geography_right_side p a {
    color: #000000;
    text-decoration: none;
}

.shows_schedule tr td {
    width: 26px;
    height: 22px;
    text-align: center;
    vertical-align: middle;
    padding: 0 !important;
    border: 0 none !important;
}

.shows_schedule tr:first-child {
    background: #ffffff !important;
}

.shows_schedule tr:first-child td a {
    color: #000000;
    display: block;
}

.shows_schedule tr td:first-child {
    width: 10%;
    text-align: left;
    padding: 0 8px 0 15px !important;
}

.shows_schedule tr td:first-child input[type="button"] {
    text-align: left;
}

.shows_schedule tr td:first-child a {
    text-decoration: underline;
    color: #000000;
}

.shows_schedule tr td input[type="checkbox"] {
    background: red;
}

.shows_schedule_tr_odd,
.shows_schedule_tr_td_odd {
    background: rgba(65, 64, 64, 0.15);
}

.ie8 .shows_schedule_tr_odd,
.ie8 .shows_schedule_tr_td_odd {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTI5MzgxQ0U3RENBMTFFM0JERjlGMDA5RTVFNUY4MDUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTI5MzgxQ0Y3RENBMTFFM0JERjlGMDA5RTVFNUY4MDUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMjkzODFDQzdEQ0ExMUUzQkRGOUYwMDlFNUU1RjgwNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMjkzODFDRDdEQ0ExMUUzQkRGOUYwMDlFNUU1RjgwNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pst+K3IAAAAPSURBVHjaYnR0cFADCDAAAnQA6ZtK8ZQAAAAASUVORK5CYII=);
}

.shows_schedule_tr_even,
.shows_schedule_tr_td_even {
    background: rgba(65, 64, 64, 0.05);
}

.ie9 .shows_schedule_tr_td_even {
    background: none;
}

.ie8 .shows_schedule_tr_even,
.ie8 .shows_schedule_tr_td_even {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjY1MTBDOUQ3RENBMTFFMzgyODg4N0YyMUU0NUE4N0QiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjY1MTBDOUU3RENBMTFFMzgyODg4N0YyMUU0NUE4N0QiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNjUxMEM5QjdEQ0ExMUUzODI4ODg3RjIxRTQ1QTg3RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCNjUxMEM5QzdEQ0ExMUUzODI4ODg3RjIxRTQ1QTg3RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Prc+2u4AAAAPSURBVHjaYnR0cOAFCDAAAlsA0HlVsVsAAAAASUVORK5CYII=);
}

.shows_schedule_text {
    height: 35px;
    line-height: 35px;
    padding-left: 15px;
}

.shows_schedule input[type="button"] {
    font-family: 'open_sansregular', sans-serif;
    font-size: 14px;
    background: none;
    border: 0 none;
    cursor: pointer;
    display: block;
    width: 99%;
    height: 100%;
}

.shows_schedule tr td:first-child input[type="button"] {
    height: auto;
    max-width: 93px;
    overflow: hidden;
    text-decoration: underline;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.categories_overlay .label_overlay,
.social_networks_services .label_overlay {
    display: block;
    padding: 5px 0;
}

.categories_overlay .label_overlay span,
.additionally_overlay .label_overlay span,
.social_networks_services .label_overlay label > span {
    position: relative;
    top: -1px;
}

.social_networks_services .label_overlay label > span,
.additionally_overlay .help {
    font-family: "open_sanslight", sans-serif;
}

.social_networks_services .label_overlay span span {
    font-family: 'open_sansregular', sans-serif;
}

.categories_overlay .label_overlay:first-child {
    border-bottom: 1px solid #4297d8;
    margin-bottom: 6px;
}

.current_settings_overlay {
    /*font-family: 'open_sanslight', sans-serif;*/
    margin-top: 14px;
}

.current_settings_overlay:first-child {
    margin-top: 0;
}

.current_settings_overlay label {
    width: 270px;
    display: inline-block;
    font-size: 14px;
}

.current_settings_overlay input {
    width: 80px;
    display: inline-block;
}

.current_settings_overlay span {
    display: inline-block;
    font-size: 14px;
    margin-left: 7px;
}

.company_settings_footer .table {
    margin: 70px 0 15px 0;
}

.company_settings_footer label,
.company_settings_footer span {
    /*font-family: 'open_sanslight', sans-serif;*/
    font-size: 30px;
    display: inline-block;
}

.company_settings_footer span {
    font-size: 24px;
}

.company_settings_footer input[type="text"] {
    font-size: 24px;
    display: inline-block;
    width: 87px;
    border-color: #4297d8;
    text-align: center;
    margin: 0 8px;
}

.safari .company_settings_footer input[type="text"] {
    padding: 0;
}

.company_settings_footer a {
    font-family: 'open_sansbold', sans-serif;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 36px;
    background: #4297d8;
    color: #ffffff;
    margin-left: 8px;
}

.company_settings_footer p {
    padding-bottom: 16px;
    margin-bottom: 8px;
    border-bottom: 1px solid #8463b0;
}

/*---=== /Создание кампании ===---*/

/*---=== Список кампаний ===---*/

.head_tabs_title {
    float: left;
    font-size: 18px;
    color: #ffffff;
    height: 46px;
    line-height: 46px;
    padding: 0 10px;
    background: #0968b0;
    position: absolute;
    left: 0;
    top: 0;
}

.company_list_overlay .tabs li:first-child,
.referrals_profit_overlay .tabs li:first-child {
    margin-left: 120px;
}

.company_list_overlay .box,
.referrals_profit_overlay .box {
    padding: 15px 5px;
}

.common_data_overlay td:first-child,
.common_data_overlay th:first-child {
    padding-left: 0;
}

.common_data_overlay td {
    vertical-align: top;
}

.common_data_overlay thead th {
    text-align: left;
    font-weight: normal;
    border-bottom: 1px solid #6ec0ff;
    padding: 0 0 15px 5px;
}

.common_data_overlay thead th a {
    color: #000000;
    padding-right: 18px;
}

.common_data_overlay thead th a:hover {
    text-decoration: underline;
}

.sortable_asc {
    background: url("../images/sortable_ico_top2.png") no-repeat right center !important;
}

.sortable_desc {
    background: url("../images/sortable_ico_bottom2.png") no-repeat right center;
}

.common_data_overlay tbody td,
.referrals_profit_overlay tfoot td {
    /*font-family: 'open_sanslight', sans-serif;*/
    padding: 10px 5px;
    border-bottom: 1px solid #b3b3b3;
    word-wrap: break-word;
    word-break: break-all;
}

.referrals_profit_overlay tfoot td {
    padding: 15px 5px 0 5px;
    border: 0 none;
}

.ordinary_statistics td table {
    width: 100%;
    table-layout: fixed;
}

.advertiser_balance tbody td,
.history_payout tbody td,
.ordinary_statistics tbody td {
    word-wrap: normal;
    word-break: normal;
}

.company_actions a:first-child {
    margin-top: 0;
}

.company_list_overlay .company_actions a,
.sites_list .company_actions a {
    display: block;
    color: #000000;
    padding-left: 20px;
    margin-top: 4px;
}

.sites_list .company_actions a {
    display: inline-block;
}

.company_list_overlay .company_actions a:hover,
.sites_list .company_actions a:hover {
    text-decoration: underline;
}

.links_wrapper {
    width: 120px;
    display: inline-block;
}

.edit_company {
    background: url("../images/edit_control_ico.png") no-repeat left center;
}

.delete_company {
    background: url("../images/delete_control_ico.png") no-repeat left center;
}

.pause_company {
    background: url("../images/pause_control_ico.png") no-repeat left center;
}

.action_code {
    background: url("../images/action_code_control_ico.png") no-repeat left center;
}

.launch_company {
    background: url("../images/start_control_ico.png") no-repeat left center;
}

.company_statistics {
    background: url("../images/stats_control_ico.png") no-repeat left center;
}

/*---=== Список кампаний ===---*/

/*---=== Статистика площадок ===---*/

.sites_statistics tbody td[rowspan] + td {
    padding-left: 0;
}

.sites_statistics th:first-child {
    width: 155px;
}

.sites_statistics .site_name {
    width: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .sites_statistics .site_name_wrapper {
        padding-bottom: 10px;
        border-bottom: 1px solid #b3b3b3;
        margin-right: -5px;
    }

.sites_statistics th,
.sites_statistics td {
    white-space: nowrap;
}

.sites_statistics .site {
    padding-left: 0;
}

/*---=== /Статистика площадок ===---*/

/*---=== Добавить сайт ===---*/

.add_site_overlay .shows_schedule_overlay {
    margin-top: 10px;
}

.add_site_overlay .shows_schedule {
    border: 1px solid #999999;
    opacity: 0;
    position: relative;
    z-index: -10;
}

.ie8 .add_site_overlay .shows_schedule {
    filter: alpha(opacity=0);
}

.search_area_overlay {
    height: 24px;
    width: 187px;
    border: 1px solid #8463b0;
}

.search_area_overlay input[type="text"] {
    width: 161px;
    height: 24px;
    border: 0 none;
    padding: 0 5px;
    float: left;
}

.search_area_overlay input[type="submit"] {
    width: 26px;
    height: 24px;
    background: url("../images/search_ico.png") no-repeat center #8463b0;
    float: left;
}

.site_domain .error_text,
.hits_overlay .error_text,
.webmaster_site_theme .error_text {
    font-size: 12px;
    margin-left: 10px;
}

.hide_additional_settings {
    font-family: open_sanslight, sans-serif;
    text-decoration: underline;
    font-size: 13px;
    color: #4297d8;
    display: inline-block;
    position: relative;
}

.hide_additional_settings.settings_hidden:after,
.hide_additional_settings.settings_open:after {
    content: ' ';
    position: absolute;
    width: 10px;
    height: 6px;
    background: url("../images/show_hide_bg.png") no-repeat bottom left;
    right: -16px;
    top: 7px;
}

.hide_additional_settings.settings_open:after {
    background: url("../images/show_hide_bg.png") no-repeat top left;
}

.site_domain input[type="text"],
.hits_overlay input[type="text"],
.webmaster_site_theme {
    width: 500px;
}

.site_domain label,
.webmaster_set_category_overlay label,
.hits_overlay label {
    font-size: 18px;
    padding: 25px 0 7px 0;
    display: block;
}

.hits_overlay label {
    padding: 25px 0 0 0;
}

.hits_overlay p {
    font-family: open_sanslight, sans-serif;
    font-size: 13px;
    color: #414040;
}

.hits_overlay input[type="text"] {
    margin: 7px 0;
}

.hits_overlay .error_text {
    margin-top: 7px;
}

.hits_overlay p a {
    color: #4297D8;
    text-decoration: underline;
}

.adult_settings label {
    /*font-family: 'open_sanslight', sans-serif;*/
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
}

.webmaster_site_theme .company_select_list_overlay {
    width: 488px;
}

.webmaster_site_theme .company_select_list {
    margin-top: 5px;
}

.webmaster_site_theme label {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 14px !important;
}

.webmaster_set_category_overlay > p {
    margin-top: 5px;
    padding-left: 10px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzU1QUE0MzY2NjYzMTFFM0IwQkZGRTE5MURGOEZBN0IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzU1QUE0Mzc2NjYzMTFFM0IwQkZGRTE5MURGOEZBN0IiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNTVBQTQzNDY2NjMxMUUzQjBCRkZFMTkxREY4RkE3QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNTVBQTQzNTY2NjMxMUUzQjBCRkZFMTkxREY4RkE3QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlWQY4YAAABCSURBVHjaYnR0cJBjYGCYA8SWQHwciFOYFRUU1gAZrkDMBsTKQGzIBCQsGFCBFUjwBJrgMZBgMhDvAeKvUDoBIMAA9TgJxlHk7l8AAAAASUVORK5CYII=") no-repeat scroll left center;
}

.formats_overlay p,
.adult_settings p {
    font-family: open_sansregular, sans-serif;
    font-size: 18px;
    margin-bottom: 5px;
}

.formats_overlay .formats_more_info {
    color: #414040;
    font-family: open_sanslight,sans-serif;
    font-size: 13px;
}

.formats_overlay label {
    display: inline-block;
    font-size: 14px;
    vertical-align: baseline;
}

.formats_overlay label {
    /*font-family: 'open_sanslight', sans-serif;*/
    margin-right: 15px;
}

.format_code_overlay p:first-child {
    margin-bottom: 7px;
    font-size: 18px;
}

.format_miss .error_text {
    position: absolute;
    font-size: 12px;
    display: block;
    left: 198px;
    top: 35px;
}

.format_code_overlay .code_area {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    table-layout: fixed;
    word-break: break-all;
    word-wrap: break-word;
    height: 175px;
    width: 100%;
    padding: 15px;
    border: 1px solid #999999;
}

/*---=== /Добавить сайт ===---*/

/*---=== Список сайтов ===---*/

.filter_by_format,
.filter_by_category,
.all_campaigns,
.grouped_by {
    background: #ffffff;
    width: 150px;
    margin: 7px 0 7px 15px;
    float: left;
}

.filter_by_category {
    width: 270px;
    margin-left: 113px;
}

.list_body,
.targetings_overlay .section,
.company_list_overlay .section,
.referrals_profit_overlay .section {
    padding: 15px 5px;
    border-left: 1px solid #6ec0ff;
    border-right: 1px solid #6ec0ff;
    border-bottom: 1px solid #6ec0ff;
}

.targetings_overlay .section,
.company_list_overlay .section,
.referrals_profit_overlay .section {
    padding: 0;
}

.targetings_overlay .section {
    border: 1px solid #4297d8;
}

.setting_subjects_overlay .list_body {
    border-color: #4297D8;
}

.graph .list_body {
    border-color: #a38ac4;
}

/*---=== /Список сайтов ===---*/

/*---=== Обычная статистика ===---*/

.grouped_by {
    width: 245px;
}

.list_body tfoot td {
    padding: 10px 5px 0 5px;
    border-top: 1px solid #6ec0ff;
}

.ordinary_statistics .list_body,
.graph .list_body,
.advertiser_balance .list_body {
    padding: 10px 5px;
}

.history_payout .list_body,
.sites_list .list_body {
    padding: 0 5px;
}

.download_xls {
    height: 46px;
    line-height: 46px;
}

.download_xls a {
    /*font-family: 'open_sanslight', sans-serif;*/
    color: #ffffff;
    text-decoration: underline;
}

.data_select {
    margin: 7px 0;
}

.data_select input[type="text"] {
    background: #ffffff;
    width: 90px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.data_select img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 0 4px;
}

.data_select label {
    /*font-family: 'open_sanslight', sans-serif;*/
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
    margin-right: 4px;
}

.page .ui-widget-header {
    border: 1px solid #53357c;
    background: #8463B0;
    color: #ffffff;
    font-weight: bold;
}

.company_select_list_overlay {
    /*font-family: 'open_sanslight', sans-serif;*/
    width: 260px;
    padding: 5px;
    border: 1px solid #999999;
    top: 31px;
}

.company_select_list_overlay .select_all,
.company_select_list_overlay .deselect {
    color: #000000;
    padding-left: 12px;
    background: url("../images/select_all_ico.png") no-repeat left center;
}

.company_select_list_overlay .deselect {
    padding-left: 10px;
    background: url("../images/deselect_ico.png") no-repeat left center;
}

.company_select_list {
    margin: 10px 0;
    max-height: 170px;
    overflow-y: auto;
}

.company_select_list_overlay label:first-child {
    margin-top: 0;
}

.company_select_list_overlay label {
    display: block;
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*---=== /Обычная статистика ===---*/

/*---=== График ===---*/

.graph_statistic_overlay {
    /*font-family: 'open_sanslight', sans-serif;*/
    color: #3c3030;
    margin-right: 160px;
}

.graph_statistic_overlay span {
    font-family: 'open_sansregular', sans-serif;
    font-size: 24px;
    padding-left: 10px;
}

.graph_growth {
    padding-right: 22px;
    background: url("../images/graph_growth.jpg") no-repeat right center;
}

.graph_fall {
    padding-right: 22px;
    background: url("../images/graph_fall.jpg") no-repeat right center;
}

/*---=== /График ===---*/

/*---=== Баланс ===---*/

.advertiser_balance .data_select img,
.history_payout .data_select img {
    margin: 0 0 0 4px;
}

.advertiser_balance .data_select label,
.history_payout .data_select label {
    margin-left: 15px;
}

/*---=== /Баланс ===---*/

/*---=== Пополнение баланса ===---*/

.balance_replenishment_overlay .admin_dark_violet_button {
    font-size: 14px;
}

.balance_replenishment_overlay .tabs,
.inner_tabs {
    margin-left: -10px;
}

.balance_replenishment_overlay .tabs li {
    list-style: none;
    float: left;
    width: 25%;
    margin-bottom: 10px;
}

.balance_replenishment_overlay .tabs li span {
    text-align: center;
    cursor: pointer;
    color: #000000;
    height: 36px;
    line-height: 36px;
    display: block;
    margin-left: 10px;
    text-transform: uppercase;
    font-family: "open_sanslight", sans-serif;
}

.balance_replenishment_overlay .tabs li.current span {
    background: #8463b0;
    cursor: default;
    color: #ffffff;
}

.inner_tabs li {
    border: 1px solid #b5b5b5;
    width: 186px;
    height: 64px;
    float: left;
    margin: 0 0 10px 10px;
    cursor: pointer;
}

.inner_tabs li.inner_current {
    cursor: default;
}

.inner_box > p {
    font-family: "open_sanslight", sans-serif;
}

.logo_yandex span {
    background: url("../images/logo_ym.png") no-repeat;
    height: 50px;
}

.logo_qiwi span {
    background: url("../images/logo_qw.png") no-repeat;
    height: 50px;
}

.logo_wallet_one span {
    background: url("../images/logo_wo.png") no-repeat;
    height: 50px;
}

.logo_privat24 span {
    background: url("../images/logo_p24.png") no-repeat;
    height: 34px;
}

.logo_liqpay span {
    background: url("../images/logo_lp.png") no-repeat;
    height: 35px;
}

.logo_temo span {
    background: url("../images/logo_temo.png") no-repeat;
    height: 42px;
}

.logo_paxum span {
    background: url("../images/logo_paxum.png") no-repeat;
    height: 50px;
}

.logo_mts span {
    background: url("../images/logo_mts.png") no-repeat;
    height: 50px;
}

.logo_beeline span {
    background: url("../images/logo_beeline.png") no-repeat;
    height: 50px;
}

.logo_megaphone span {
    background: url("../images/logo_mf.png") no-repeat;
    height: 36px;
}

.logo_sr span {
    background: url("../images/logo_sr.png") no-repeat;
    height: 32px;
}

.logo_lider span {
    background: url("../images/logo_lider.png") no-repeat;
    height: 35px;
}

.logo_anelik span {
    background: url("../images/logo_anelik.png") no-repeat;
    height: 50px;
}

.logo_pr span {
    background: url("../images/logo_pr.png") no-repeat;
    height: 50px;
}

.logo_unistream span {
    background: url("../images/logo_us.png") no-repeat;
    height: 50px;
}

.logo_tpb span {
    background: url("../images/logo_tpb.png") no-repeat;
    height: 50px;
}

.logo_rus_bank span {
    background: url("../images/logo_br.jpg") no-repeat;
    height: 47px;
}

.logo_visa span {
    background: url("../images/logo_visa.png") no-repeat;
    height: 50px;
}

.logo_mc span {
    background: url("../images/logo_mc.png") no-repeat;
    height: 50px;
}

.logo_legal_entity span {
    background: url("../images/logo_legal_entity.png") no-repeat;
    height: 48px;
}

.inner_tabs li .table_cell span {
    display: block;
    background-position: center top;
}

.inner_tabs li .table_cell:hover span,
.inner_current span {
    background-position: center bottom !important;
}

.input_data_overlay {
    margin-top: 30px;
}

.input_data_overlay label {
    font-family: "open_sanslight", sans-serif;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    margin-right: 15px;
    width: 300px;
}

.cashouts_overlay .input_data_overlay label {
    width: 303px;
    height: 30px;
}

.cashouts_overlay > p {
    font-family: open_sanslight, sans-serif;
    color: #575757;
}

.cashouts_overlay .input_data_overlay .custom_select {
    height: 34px;
}

.cashouts_overlay .input_data_overlay label > span:first-child {
    font-family: 'open_sansregular', sans-serif;
    line-height: 10px;
    display: block;
    margin-bottom: 5px;
}

.input_data_overlay label span + span {
    line-height: 10px;
}

.input_data_overlay input[type="text"] {
    width: 294px;
    display: inline-block;
    vertical-align: top;
    height: 34px;
    margin-right: 10px;
}

.cashouts_overlay .input_data_overlay input[type="text"],
.cashouts_overlay .input_data_overlay .custom_select {
    width: 260px;
}

.cashouts_overlay .input_data_overlay .custom_select {
    line-height: 24px;
}

.cashouts_overlay .input_data_overlay .actions_list {
    top: 34px;
    line-height: 24px;
}

.input_data_overlay a {
    display: inline-block;
    vertical-align: top;
}

.balance_replenishment_overlay .separator,
.cashouts_overlay .separator,
.loyalty_program_overlay .separator,
.user_profile_overlay .separator,
.user_wallets_overlay .separator,
.user_password_overlay .separator,
.add_site_overlay .separator {
    height: 1px;
    background: #8463b0;
    width: 745px;
}

.cashouts_overlay .separator,
.loyalty_program_overlay .separator,
.user_profile_overlay .separator,
.user_wallets_overlay .separator,
.user_password_overlay .separator {
    width: 774px;
}

.direct_replenishment_overlay .replenishment_text {
    margin-right: 15px;
    width: 300px;
}

.wallet_overlay input[type="text"] {
    width: 294px;
    display: inline-block;
    height: 34px;
    margin: 20px 10px 0 0;
    text-align: center;
}

.wallet_overlay:first-child input[type="text"] {
    margin-top: 0;
}

.wallet_overlay label {
    height: 34px;
    line-height: 34px;
    display: inline-block;
    color: #8463b0;
}

.replenishment_text span:first-child {
    font-family: 'open_sansregular', sans-serif;
    display: block;
}

.replenishment_text span {
    font-family: "open_sanslight", sans-serif;
}

.billing_system_overlay input[type="text"] {
    width: 294px;
    display: inline-block;
    height: 34px;
    vertical-align: top;
}

.billing_system_overlay label {
    display: inline-block;
    vertical-align: top;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    margin: 0 7px 0 5px;
}

.billing_system_text {
    width: 770px;
    font-family: "open_sanslight", sans-serif;
}

/*---=== /Пополнение баланса ===---*/

/*---=== Поддержка - Список тикетов ===---*/

.support_tickets_list .list_head,
.history_payout .list_head,
.sites_list .list_head {
    padding: 0 5px;
}

.support_tickets_list thead th,
.history_payout .list_head th,
.sites_list .list_head th {
    border-bottom: 0 none;
    padding-bottom: 0;
    height: 46px;
    border-left: 1px solid #FFFFFF;
    text-align: center;
}

.history_payout .list_head th,
.sites_list .list_head th {
    color: #ffffff;
}

.support_tickets_list tbody td,
.history_payout tbody td,
.sites_list tbody td {
    text-align: center;
    vertical-align: middle;
}

.support_tickets_list thead th:first-child,
.history_payout thead th:first-child,
.sites_list thead th:first-child {
    border-left: 0 none;
}

    .support_tickets_list thead th a {
        color: #FFFFFF;
        padding-left: 18px;
    }

.set_like_solved {
    height: 46px;
    line-height: 46px;
    color: #ffffff;
    text-decoration: underline;
    margin-right: 9px;
    font-family: "open_sanslight", sans-serif;
}

.support_tickets_list tbody tr:hover {
    background: #eeeeee;
    cursor: pointer;
}

.support_tickets_list .list_body {
    padding: 5px;
}

/*---=== /Поддержка - Список тикетов ===---*/

/*---=== Поддержка - Создание тикета ===---*/

.ticket_creation {
    background: #ccefff;
    padding: 10px;
}

.subject_overlay {
    margin: 10px 0 20px 0;
}

.subject_overlay label {
    padding: 0 15px 0 5px;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    vertical-align: top;
}

.subject_overlay input[type="text"] {
    width: 220px;
    border: 0 none;
    vertical-align: top;
}

.input_text_overlay {
    padding-right: 170px;
}

.input_text_overlay textarea {
    height: 140px;
    border: 0 none;
}

.input_text_overlay a {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 160px;
    text-align: center;
    background: #4297d8;
}

.input_text_overlay a:hover {
    background: #68b4f7;
}

.input_text_overlay a:active {
    background: #0066a2;
}

.input_text_overlay .buttons_overlay {
    position: absolute;
    height: 140px;
    right: 0;
    width: 160px;
    top: 0;
}

.input_text_overlay .buttons_overlay a + a {
    background: #d95243;
}

.input_text_overlay .buttons_overlay a + a:hover {
    background: #ff7f6a;
}

.input_text_overlay .buttons_overlay a + a:active {
    background: #a92520;
}

/*---=== /Поддержка - Создание тикета ===---*/

/*---=== Поддержка - диалог ===---*/

.tickets_list .comment_area_wrapper:first-child ~ .comment_area_wrapper > div {
    margin-left: 13px;
}

.tickets_list .comment_area_wrapper:first-child ~ .comment_area_wrapper .comment_area_title:before {
    content: ' ';
    position: absolute;
    top: -16px;
    left: 15px;
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid #55a400;
}

.tickets_list .user_comment .comment_area_title:before {
    border-bottom: 16px solid #4297D8 !important;
}

.comment_area_wrapper {
    margin-bottom: 20px;
}

.comment_area_wrapper .comment_area_title {
    padding: 0 13px;
    height: 40px;
    position: relative;
    color: #ffffff;
}

.user_comment .comment_area_title {
    background: #4297d8;
}

.admin_comment .comment_area_title {
    background: #55a400;
}

.comment_area_title div:first-child {
    padding-right: 14px;
    font-size: 18px;
    width: 109px;
    min-width: 109px;
    max-width: 109px;
}

.ie9 .comment_area_title div:first-child,
.webkit .tickets_list .comment_area_wrapper:first-child ~ .comment_area_wrapper .comment_area_title div:first-child {
    padding-right: 13px;
}

.subject_text,
.inner_comment_subject_text {
    font-family: 'open_sansitalic', sans-serif;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    height: 40px;
    line-height: 41px;
}

.inner_comment_subject_text {
    min-width: 625px;
}

.subject_text {
    min-width: 638px;
}

.webkit .subject_text,
.webkit .inner_comment_subject_text {
    line-height: 42px;
}

.comment_data_info {
    margin-top: 20px;
    font-size: 12px;
}

.comment_data_info span {
    font-family: 'open_sanssemibold_italic', sans-serif;
    color: #333333;
}

.comment_data_info label input[type="checkbox"] {
    position: relative;
    bottom: -2px;
    margin-right: 5px;
    cursor: default;
}

.comment_data_info label {
    cursor: pointer;
}

.comment_area_wrapper .comment_area_content {
    padding: 20px 13px 10px 13px;
}

.user_comment .comment_area_content {
    background: #ccefff;
}

.admin_comment .comment_area_content {
    background: #e6ffcc;
}

.closed_dialog .comment_area_title {
    background: #8d8d8d;
}

.tickets_list .closed_dialog .comment_area_title:before {
    border-bottom: 16px solid #8d8d8d !important;
}

.closed_dialog .comment_area_content {
    background: #e5e5e5;
}

/*---=== /Поддержка - диалог ===---*/

/*---=== Финансы - Вывод средств ===---*/

.cashouts_overlay,
.loyalty_program_overlay,
.user_profile_overlay,
.user_wallets_overlay,
.user_password_overlay {
    width: 774px;
}

.statistics_overlay span {
    float: left;
    font-size: 18px;
    width: 318px;
    margin-bottom: 20px;
    font-family: "open_sanslight", sans-serif;
}

.statistics_overlay span + span {
    width: auto;
    font-family: 'open_sansregular', sans-serif;
}

.urgent_payment {
    width: 186px;
    display: block;
}

.urgent_payment input + span {
    position: relative;
    top: -2px;
    font-size: 10px;
    padding-left: 4px;
}

.urgent_payment input + span + span {
    display: block;
    margin-left: 17px;
    font-size: 10px;
    color: #979797;
}

/*---=== /Финансы - Вывод средств ===---*/

/*---=== Финансы - Программа лояльности ===---*/

.loyalty_program_text,
.open_sanslight_c_414040_fontsize_13 {
    color: #414040;
    font-family: open_sanslight, sans-serif;
    font-size: 13px;
}

    .loyalty_program_text td {
        height: 23px;
    }

    .loyalty_program_text td + td {
        padding-left: 20px;
    }

        .loyalty_program_text td span {
            color: #4297d8;
        }

.cooperation_duration div {
    font-size: 18px;
}

/*---=== /Финансы - Программа лояльности ===---*/

/*---=== Мой аккаунт - Профиль ===---*/

.account_data_wrapper {
    width: 774px;
    margin-top: 10px;
}

.rss_overlay span {
    font-family: "open_sanslight",sans-serif;
    font-size: 14px;
    margin-right: 10px;
    width: 175px;
    display: inline-block;
    height: 32px;
    letter-spacing: normal;
    line-height: 32px;
    vertical-align: top;
}

.rss_overlay input[type="checkbox"] {
    margin: 10px 5px 0 0;
}

.description_text {
    position: absolute;
    bottom: -15px;
    left: 0;
    color: #999999;
    font-size: 12px !important;
    font-family: 'open_sansregular', sans-serif !important;
}

.account_data_wrapper:first-child {
    margin-top: 0;
}

.account_data_wrapper label {
    font-family: "open_sanslight", sans-serif;
    font-size: 14px;
    width: 175px;
    margin-right: 10px;
}

.account_data_wrapper input[type="text"],
.account_data_wrapper input[type="email"],
.account_data_wrapper input[type="password"] {
    width: 300px;
    margin-right: 10px;
}

.account_data_wrapper .error_text {
    font-size: 12px;
}

.editable_field {
    border-color: #8463b0 !important;
    color: #8463b0 !important;
}

.user_wallets_overlay .confirm_ip {
    font-family: "open_sanslight",sans-serif;
    color: #4297D8;
    text-decoration: underline;
    height: 32px;
    line-height: 32px;
    display: inline-block;
}

/*---=== /Мой аккаунт - Профиль ===---*/

/*---=== Активация аккаунта ===---*/

.account_activation_overlay .page_title {
    font-size: 72px;
    margin: 90px 0 44px 0;
}

.account_activation_overlay > img {
    position: absolute;
    bottom: 0;
    right: 0;
}

.text_info {
    /*font-family: 'open_sanslight', sans-serif;*/
    font-size: 20px;
}

.text_info span {
    font-family: 'open_sansregular', sans-serif;
    display: block;
    font-size: 36px;
    margin-bottom: 45px;
}

/*---=== /Активация аккаунта ===---*/

/*---=== Setting subjects ===---*/

/*.setting_subjects_overlay > p span {
    font-family: 'open_sansbold', sans-serif;
}

.setting_subjects_overlay .list_body {
    padding-top: 0;
    margin-top: -46px;
}

.setting_subjects_overlay thead th {
    font-family: "open_sanslight", sans-serif;
    font-size: 13px;
    padding: 0 0 15px 5px;
    height: 46px;
    border: 0 none;
}

.setting_subjects_overlay tbody td {
    border: 0 none;
    word-break: normal;
    word-wrap: normal;
}

.setting_subjects_overlay thead th a {
    color: #ffffff;
}*/

.setting_subjects_overlay .custom_select_overlay {
    width: 280px;
}

.setting_subjects_overlay .company_select_list_overlay {
    width: 268px;
    z-index: 200;
}

.selected_subjects p {
    font-family: "open_sanslight", sans-serif;
}

.selected_subjects p span {
    font-family: 'open_sansregular', sans-serif;
    font-size: 12px;
}

.selected_subjects .moderated span {
    color: #8463b0;
}

.selected_subjects .approved span {
    color: #55a400;
}

.selected_subjects .declined span {
    color: #d60000;
}

/*---=== /Setting subjects ===---*/

/*---=== pagination ===---*/

.pagination a {
    font-family: 'open_sansregular', sans-serif;
    font-size: 16px;
    float: left;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #262626;
    background: #ededed;
    margin-right: 10px;
}

.pagination a:hover {
    background: #a783d3;
    color: #fefefe;
}

.pagination a:active {
    background: #52347B;
    color: #fefefe;
}

.pagination .pagination_more {
    background: none;
}

.pagination .active_pagination {
    background: #8463b0;
    color: #fefefe;
}

/*---=== /pagination ===---*/

/*---=== referrals ===---*/

.referrals_ico {
    font-family: "open_sanslight", sans-serif;
    color: #5b21a6;
    height: 24px;
    line-height: 24px;
    background: url("../images/info_ico.png") no-repeat top left;
    padding-left: 30px;
}

.referrals_overlay > p {
    font-family: "open_sanslight", sans-serif;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 20px;
}

.referrals_overlay p a {
    color: #4297d8;
    text-decoration: underline;
}

.materials_wrapper > p {
    margin-top: 16px;
}

.materials_wrapper p a {
    text-decoration: none;
    position: relative;
}

.materials_wrapper p a:after,
.materials_wrapper p a.show_materials:after,
.materials_list > a:after,
.materials_list > a.show_type_content:after {
    content: '\25BC';
    font-size: 9px;
    position: absolute;
    right: -11px;
    top: 5px;
}

.materials_wrapper p a.show_materials:after,
.materials_list > a.show_type_content:after {
    content: '\25B2';
}

.materials_list p a.show_hide_code:after {
	content: ' ';
}

.materials_list {
    display: none;
}

.materials_list > a {
	color: #4297d8;
	position: relative;
	margin-top: 20px;
	display: table;
}

.current_material {
    padding-bottom: 20px;
    border-bottom: 1px solid #e6e6e6;
    margin-top: 20px;
}

.current_material:first-child {
    margin-top: 30px;
}

.current_material > p {
    margin: 10px 0;
}

.material_code_overlay {
    font-family: "open_sanslight", sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #414040;
    border: 1px solid #afafaf;
    padding: 7px;
    word-break: break-all;
    word-wrap: break-word;
}

/*---=== /referrals ===---*/

/*---=== inform alert ===---*/

.inform_alert {
    height: 26px;
    color: #ffffff;
    line-height: 26px;
    display: none;
}

    .inform_alert .inner_wrapper {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 15px;
    }

    .inform_error {
        background: #ff8c8c;
    }

    .inform_notice {
        background: #6ec0ff;
    }

    .inform_success {
        background: #55a400;
    }

    .inform_alert a {
        color: #ffffff;
        text-decoration: underline;
    }

    .close_inform_alert {
        background: url("../images/close_thin.png") no-repeat;
        width: 10px;
        height: 10px;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -5px;
    }

/*---=== /inform alert ===---*/

/*---=== 404 wrapper ===---*/

.wrapper_404 p {
    font-size: 40px;
}

/*---=== /404 wrapper ===---*/

/*---=== action code ===---*/

.action_code_overlay .format_code_overlay .code_area {
    height: 100px;
}

.action_code_description {
    font-family: roboto_condensedlight, sans-serif;
    font-size: 11px;
    line-height: 14px;
    color: #868686;
}

.blue_link {
    color: #4297d8;
    text-decoration: underline;
}

.blue_link:hover {
    text-decoration: none;
}

.action_code_overlay .admin_dark_violet_button {
    height: 32px;
    line-height: 32px;
}

.action_code_overlay label {
    height: 32px;
    line-height: 30px;
}

.action_code_overlay .custom_select_overlay {
    background: #ffffff;
    width: 250px;
    margin: 7px 0;
}

.action_code_overlay .list_body {
    padding-bottom: 5px;
}

.action_code_overlay tbody td {
    border-bottom: 0 none;
    vertical-align: middle;
}

    .action_code_overlay tbody a {
        font-family: 'open_sansbold', sans-serif;
        font-size: 23px;
        color: #333333;
    }

/*---=== /action code ===---*/

/*---=== /Админка ===---*/

/*----------------- Стили контента - end ------------------*/

/*----------------- Стиль распирающего блока для футера - start ------------------*/

#footerspc {
    clear: both;
    height: 133px;
}

/*----------------- Стиль распирающего блока для футера - end ------------------*/

/*----------------- Стили футера - start ------------------*/

#footer {
    background-color: white;
    height: 133px;
    margin: -133px auto 0;
    position: relative;
    z-index: 110;
    font-family: 'open_sanslight' ,sans-serif;
}

.admin #footer {
    min-width: 1000px;
}

/*---=== Верхняя часть футера ===---*/

.footer_top {
    background: #414040;
    height: 76px;
    border-top: 7px solid #5d5d5d;
}

.footer_menu li {
    float: left;
    font-size: 18px;
    list-style: none;
    margin-left: 24px;
}

.footer_menu li:first-child {
    margin-left: 0;
}

.footer_menu li a {
    color: #ffffff;
}

.footer_menu li a:hover,
.footer_menu li.active_menu a  {
    text-decoration: underline;
}

/*---=== /Верхняя часть футера ===---*/

/*---=== Нижняя часть футера ===---*/

.footer_bottom {
    background: #313131;
    height: 50px;
}

.footer_lang {
    font: 14px 'open_sanslight', sans-serif;
    height: 34px;
    line-height: 34px;
    background: #414040;
    margin-right: 7px;
}

.footer_lang a {
    color: #FFFFFF;
    padding: 0 12px 0 26px;
    display: inline-block;
    position: relative;
}

.footer_lang a:hover {
    text-decoration: underline;
}

.footer_lang .closed_lang:after,
.footer_lang .opened_lang:before {
    content: ' ';
    height: 12px;
    width: 6px;
    background: url("../images/lang_white.png") no-repeat top left;
    position: absolute;
    right: 45px;
    top: 12px;
}

.footer_lang .opened_lang:before {
    background-position: top right;
}

.footer_lang_list {
    display: inline-block;
}

.footer_lang_list a {
    padding: 0 12px;
}

.footer_lang .footer_lang_list {
    display: none;
}

.footer_lang_list a:after {
    content: ' ';
    height: 34px;
    background: #4d4b4b;
    border-right: 1px solid #313131;
    width: 1px;
    right: -1px;
    position: absolute;
    top: 0;
}

.inner_footer_bottom .socials_list a {
    width: 36px;
    height: 36px;
    margin-left: 7px;
    background: url("../images/social_sprite.png") no-repeat;
}

.gp {
    background-position: top left;
}

.gp:hover {
    background-position: bottom left !important;
}

.fb {
    background-position: -36px 0 !important;
}

.fb:hover {
    background-position: -36px -36px !important;
}

.vk {
    background-position: -72px 0 !important;
}

.vk:hover {
    background-position: -72px -36px !important;
}

.tw {
    background-position: -108px 0 !important;
}

.tw:hover {
    background-position: -108px -36px !important;
}

.rss {
    background-position: top right !important;
}

.rss:hover {
    background-position: bottom right !important;
}

.inner_footer_bottom .socials_list a:first-child {
    margin-left: 0;
}

.inner_footer_bottom .socials_list a.webmoney {
    display: inline-block;
    height: 31px;
    margin: 3px 0 0;
    vertical-align: top;
    width: 88px;
}

.inner_footer_bottom .table_cell + .table_cell {
    color: #ffffff;
    padding-left: 6px;
}

.ie .inner_footer_bottom .table_cell + .table_cell + .table_cell .inlineblock_clear {
    display: block;
    letter-spacing: -3px;
}

/*---=== /Нижняя часть футера ===---*/

/*----------------- Стили футера - end ------------------*/

/*----------------- Стили основных блоков - end ------------------*/


/*----------------- Служебные стили - start -----------------*/

/*--========== Оформление текста ==========--*/

.textdecoration_none {
    text-decoration: none !important;
}

.textdecoration_underline {
    text-decoration: underline;
}

.texttransform_none {
    text-transform: none;
}

.textoverflow_ellipsis {
    text-overflow: ellipsis;
}

/*--========== /Оформление текста ==========--*/

/*--========== border ==========--*/

.bordercolor_8463b0 {
    border-color: #8463b0;
}

/*--========== border ==========--*/


/*--========== Вертикальное выравнивание ==========--*/

.verticalalign_middle {
    vertical-align: middle;
}

.verticalalign_top {
    vertical-align: top !important;
}

.verticalalign_bottom {
    vertical-align: bottom !important;
}

/*--========== /Вертикальное выравнивание ==========--*/


/*--========== Позиционирование ==========--*/

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.fixed {
    position: fixed;
}

.static {
    position: static;
}

/*--========== /Позиционирование ==========--*/


/*--========== Дисплеи ==========--*/

.display_block {
    display: block !important;
}

.inlineblock_clear {
    display: table;
    font-size : 0;
}

.display_inlineblock {
    display: inline-block !important;
}

.display_none {
    display: none;
}

.table {
    display: table;
}

.table_row {
    display: table-row;
}

.table_cell {
    display: table-cell;
    vertical-align: middle;
}

.tablelayout_fixed {
    table-layout: fixed;
}

/*--========== /Дисплеи ==========--*/


/*--========== Выравнивание и флоаты ==========--*/

.textalign_left {
    text-align: left !important;
}

.textalign_right {
    text-align: right !important;
}

.textalign_center {
    text-align: center !important;
}

.textalign_justify {
    text-align: justify !important;
}

.float_left {
    float: left !important;
}

.float_right {
    float: right !important;
}

.float_none {
    float: none !important;
}

/*--========== /Выравнивание и флоаты ==========--*/


/*--========== Фоны ==========--*/

.no_bgimage {
    background-image: none !important;
}

.no_bgcolor {
    background-color: transparent !important;
}

/*--========== /Фоны ==========--*/


/*--========== Тени и стили шрифтов ==========--*/

.shadow_white{
    text-shadow: 1px 1px 0 #ffffff;
}

.shadow_black {
    text-shadow: 1px 1px 0 #000000;
}

.fontbold {
    font-weight: bold;
}

.fontstyle_italic {
    font-style: italic !important;
}

.fontsize_12px {
    font-size: 12px !important;
}

.lineheight_20px {
    line-height: 20px;
}

/*--========== /Тени и стили шрифтов ==========--*/


/*--========== Падинги ==========--*/

.no_padding {
    padding: 0 !important;
}

.padding_1px {
    padding: 1px !important;
}

.padding_47_1px_1px_1px {
    padding: 47px 1px 1px 1px !important;
}

.padding_0px_7px {
    padding: 0 7px !important;
}

.no_paddingbottom {
    padding-bottom: 0 !important;
}

.paddingbottom_30px {
    padding-bottom: 30px !important;
}

.no_paddingtop {
    padding-top: 0 !important;
}

.paddingtop_15px {
    padding-top: 15px !important;
}

.paddingtop_20px {
    padding-top: 20px !important;
}

.paddingtop_24px {
    padding-top: 24px !important;
}

.paddingtop_30px {
    padding-top: 30px !important;
}

.no_paddingleft {
    padding-left: 0 !important;
}

.no_paddingright {
    padding-right: 0 !important;
}

/*--========== /Падинги ==========--*/


/*--========== Маржинги ==========--*/

.margin_0_auto {
    margin: 0 auto;
}

.no_margin {
    margin: 0 !important;
}

.no_margintop {
    margin-top: 0 !important;
}

.margintop_min5px {
    margin-top: -5px !important;
}

.margintop_5px {
    margin-top: 5px !important;
}

.margintop_7px {
    margin-top: 7px !important;
}

.margintop_8px {
    margin-top: 8px !important;
}

.margintop_10px {
    margin-top: 10px !important;
}

.margintop_15px {
    margin-top: 15px !important;
}

.margintop_18px {
    margin-top: 18px !important;
}

.margintop_20px {
    margin-top: 20px !important;
}

.margintop_23px {
    margin-top: 23px !important;
}

.margintop_25px {
    margin-top: 25px !important;
}

.margintop_27px {
    margin-top: 27px !important;
}

.margintop_30px {
    margin-top: 30px !important;
}

.margintop_32px {
    margin-top: 32px !important;
}

.margintop_40px {
    margin-top: 40px !important;
}

.margintop_60px {
    margin-top: 60px !important;
}

.no_marginbottom {
    margin-bottom: 0 !important;
}

.marginbottom_5px {
    margin-bottom: 5px !important;
}

.marginbottom_6px {
    margin-bottom: 6px !important;
}

.marginbottom_10px {
    margin-bottom: 10px !important;
}

.marginbottom_15px {
    margin-bottom: 15px !important;
}

.marginbottom_20px {
    margin-bottom: 20px !important;
}

.marginbottom_24px {
    margin-bottom: 24px !important;
}

.marginbottom_25px {
    margin-bottom: 24px !important;
}

.marginbottom_30px {
    margin-bottom: 30px !important;
}

.no_marginleft {
    margin-left: 0 !important;
}

.marginleft_min5px {
    margin-left: -5px !important;
}

.marginleft_5px {
    margin-left: 5px !important;
}

.marginleft_10px {
    margin-left: 10px !important;
}

.marginleft_15px {
    margin-left: 15px !important;
}

.marginleft_30px {
    margin-left: 30px !important;
}

.marginleft_60px {
    margin-left: 60px !important;
}

.marginleft_105px {
    margin-left: 105px !important;
}

.marginleft_150px {
    margin-left: 150px !important;
}

.marginleft_185px {
    margin-left: 185px !important;
}

.marginleft_200px {
    margin-left: 200px !important;
}

.no_marginright {
    margin-right: 0 !important;
}

.marginright_6px {
    margin-right: 6px !important;
}

.marginright_7px {
    margin-right: 7px !important;
}

.marginright_10px {
    margin-right: 10px !important;
}

.marginright_15px {
    margin-right: 15px !important;
}

/*--========== /Маржинги ==========--*/


/*--========== Абсолютные отступы ==========--*/

.top_0px {
    top: 0;
}

.bottom_0px {
    bottom: 0;
}

.bottom_7px {
    bottom: 7px;
}

.left_0px {
    left: 0;
}

.right_0px {
    right: 0;
}

.right_7px {
    right: 7px;
}

/*--========== /Абсолютные отступы ==========--*/


/*--========== Высота ==========--*/

.height_inherit {
    height: inherit;
}

.height_100per {
    height: 100%;
}

.height_100px {
    height: 100px;
}

/*--========== /Высота ==========--*/


/*--========== Ширина ==========--*/

.width_auto {
    width: auto !important;
}

.width_25per {
    width: 25%;
}

.width_33point3per {
    width: 33.3%;
}

.width_50per {
    width: 50%;
}

.width_100per {
    width: 100%;
}

.width_50px {
    width: 50px !important;
}

.width_195px {
    width: 195px !important;
}

.width_300px {
    width: 300px !important;
}

.width_325px {
    width: 325px !important;
}

.width_345px {
    width: 345px !important;
}

.width_350px {
    width: 350px !important;
}

.width_455px {
    width: 455px !important;
}

.width_470px {
    width: 470px !important;
}

.width_485px {
    width: 485px !important;
}

.width_490px {
    width: 490px !important;
}

.width_500px {
    width: 500px !important;
}

.width_510px {
    width: 510px !important;
}

.width_630px {
    width: 630px !important;
}

.width_660px {
    width: 660px !important;
}

.width_910px {
    width: 910px !important;
}

/*--========== /Ширина ==========--*/


/*--========== Цвета ==========--*/

.c_ffffff {
    color: #ffffff;
}

.c_4297d8 {
    color: #4297d8;
}

.c_8463b0 {
    color: #8463b0;
}

/*--========== /Цвета ==========--*/


/*--========== Фоновые цвета ==========--*/

.bgcolor_ffffff {
    background-color: #ffffff;
}

/*--========== /Фоновые цвета ==========--*/

.visibility_hidden {
    visibility: hidden !important;
}

.overflow_hidden {
    overflow: hidden !important;
}

.nowrap {
    white-space: nowrap;
}

.cursor_default {
    cursor: default;
}

.clear {
    clear: both;
}

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    font-size: 0;
    visibility: hidden;
}

/*----------------- Служебные стили - end -----------------*/