body {
    min-width: 1200px;
    display: flex;
    flex-direction: column;
}
html {
    height: 100%;
}
.banner-desktop {
    flex: 0 0 auto;
}
/*
html.mobile body {
    min-width: inherit;
}
*/
body#dnevniki-body {
    background-repeat: repeat;

}

strong, b {
    font-weight: 700;
}

em, i {
    font-style: italic;
}

blockquote {
    padding: 1px 1px 1px 10px;
    border-left: 4px solid #28af61;
    font-style: italic;
}

hr {
    border: 0;
    border-top: 1px solid #ccc;
}

.yui-dropdown_items {
    z-index: 1500;
    overflow: auto;
    max-height: 350px;
}

#dnevniki-header {
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 150px;
    max-height: 300px;
    width: 100%;
    text-align: center;
    flex: 0 0 auto;
}

#dnevniki-header #home-block > img {
    display: block;
    visibility: hidden;
}

#home-block #appearance-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -50;
    width: 100%;
    height: 100%;
    background-position:center;
}

#home-block {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    min-width: 300px;
    min-height: 170px;
    max-width: 1920px;
    max-height: 300px;
    width: 100%;
}

#home-block > a {
}

#home-btn {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 99;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

#back-up-block {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 92;
    display: none;
    width: 40px;
    height: 100%;
    cursor: pointer;
}

#back-up-main:hover {
    background-color: #ffffff;
}

#back-up-main {
    position: relative;
    top: 0; /* IE 5.5+*/
    left: 0; /* Mozilla 1.6 и ниже */
    z-index: 90; /* Konqueror 3.1, Safari 1.1 */
    width: 100%; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
    height: 100%;
    background: none;
    opacity: 0.5;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
}

#back-hidden-block {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 89;
    height: 100%;
}

#back-up-block img {
    position: fixed;
    top: 15px;
    left: 10px;
    z-index: 91;
    display: none;
    width: 20px;
    height: 20px;
}

#site-wrapper {
    position: relative;
    flex: 1 0 auto;
}

#body-wrapper .yui-block {
    overflow: hidden;
}


#body-wrapper .yui-block_body {
    overflow:visible;
}

#content-wrapper {
    position: relative;
    width: 100%;
}

#body-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 15px 0 0 0;
    max-width: 1200px;
    width: 100%;
}

#body-wrapper-settings {
    position: relative;
    margin: 0 auto;
    padding: 30px 0 0 0;
    min-width: 300px;
    max-width: 950px;
    width: 100%;
}

#user-info-horizontal-block {
    position: relative;
    margin-top: -125px;
    margin-right: auto;
    margin-left: auto;
    min-width: 300px;
    max-width: 1200px;
    margin-bottom: 20px;
}

#user-info-horizontal-block .units-row {
    margin-bottom:0px;
}

#menu-horizontal {
    margin-bottom: 15px;
}

#menu-horizontal-block {
    position: relative;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-right: auto;
    margin-left: auto;
    min-width: 300px;
    max-width: 848px;
    background-color: white;
    border-radius: 5px;
    border: 1px solid #dfdfdf;
}

#menu-horizontal .units-row {
    margin-bottom: 0px;
}

#menu-horizontal .menu-button {
    color: #999;
}

#menu-horizontal .post-add {
    background-color: #1CCE67;
    border-radius: 5px;
    width: 70px;

}

#menu-horizontal  a.post-add:hover {
    background-color:#1BD66A;
}


.gray-border-btn.active {
    color:black;
    border-color: black;
}

.user-menu-icon {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 16px;
    vertical-align: top;
    background-position: 0 0;
    background-: 0 0;
    background-repeat: no-repeat;
    background-size:35px;
}
.user-menu-icon_x_chat {
    background-image: url(../images/user-menu/messages-default.svg);
}

.user-menu-icon_x_chat:hover {
    background-image: url(../images/user-menu/messages-hover.svg);
}

.user-menu-icon_x_chat.active{
    background-image: url(../images/user-menu/messages-active.svg);
}

.user-menu-icon_x_settings {
    background-image: url(../images/user-menu/settings-default.svg);
}

.user-menu-icon_x_settings:hover {
    background-image: url(../images/user-menu/settings-hover.svg);
}

.user-menu-icon_x_settings.active{
    background-image: url(../images/user-menu/settings-active.svg);
}


a.gray-border-btn {
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    color: #999;
    border-radius: 5px;
    padding: 6px 10px;
}

.gray-border-btn:hover {
    border-style: solid;
    border-width: 1px;
    border-color: #a3a3a3;
    color: #666;
    background-color: #fff;
    border-radius: 5px;
}

.gray-border-btn.yui-btn:hover{background-color:#fff}

#header-gradient {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 200px;
    background-image: url('/media/images/gradient-top.png');
    background-repeat: repeat-x;
}

#user-info-horizontal {
    position: relative;
    margin: 0 auto;
    min-width: 300px;
    max-width: 850px;
}

#user-info-horizontal > .units-row > .unit-30 {
    height: 100px;
}


#white-theme-filter-block {
    float:right;
    margin-right: 10px;
    margin-left: 17px;
}


#white-theme-filter-block select {
    height: 31px;
}

#user-info-horizontal #user-avatar-hor {
    padding-right: 15px;
}

#user-info-horizontal #user-avatar-hor .round {
    border: 2px solid #ffffff;
}

#user-info-horizontal #user-menu-hor {
    text-align: left;
}

#user-info-horizontal #user-about {
    position: absolute;
    bottom: 50px;
    left: 0px;
    display: inline-block;
    padding: 5px 5px 0px 15px;
    max-width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff;
    -o-border-radius: 5px;
}

#user-about textarea, #community-description textarea {
    overflow: hidden;
    max-height: 80px;
    width: 100%;
    outline: none;
    border: none;
    background: transparent;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #ffffff;
    font-size: 14px;
    resize: none;
    cursor: pointer;
}

#user-info-horizontal #user-about > pre, #community-info-horizontal #community-description > pre {
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: hidden;
    max-width: 90%;
    word-wrap: break-word;
    font-size: 14px;
}

#user-info-horizontal #user-about #about-icon-edit, #community-description #description-icon-edit {
    position: absolute;
    right: 0px;
    bottom: 0px;
    visibility: hidden;
    width: 31px;
    height: 31px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #202020;
    cursor: pointer;
    -o-border-radius: 5px;
}

#user-info-horizontal #user-about #about-icon-edit img, #community-description #description-icon-edit img {
    margin: 10px 10px 10px 10px;
}

#user-info-horizontal #user-about .about-black-bg, #community-description .description-black-bg {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 5px; /* IE 5.5+*/
    -moz-border-radius: 5px; /* Mozilla 1.6 и ниже */
    border-radius: 5px; /* Konqueror 3.1, Safari 1.1 */
    background-color: #000000;
    opacity: 0.2;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    -o-border-radius: 5px;
}

#user-info-horizontal .user-nick-and-rating {
    position: absolute;
    bottom: 10px;
    left: 0;
    white-space: nowrap;
}

#user-info-horizontal .user-nick-hor {
    color: #ffffff;
    font-size: 30px;
}

#user-info-horizontal .user-rating-hor {
    color: #ffffff;
    font-size: 20px;
}

#user-info-horizontal #user-menu-hor {
    position: relative;
    width: 70%;
    height: 100px;
}

ul.menu-horizontal-block-local {
    float: left;
    padding-left: 15px;
}

ul.menu-horizontal-block-local > li {
    display: inline-block;
    padding-right: 7px;
}

.yui-btn.green:not(.white-border-btn) {
    min-width: 120px;
    text-align: center;
    box-sizing: border-box;
}

.white-border-btn {
    padding: 4px 20px;
}

.white-border-btn, a.white-border-btn,
.yui-btn.white-border-btn, .yui-btn.green.white-border-btn {
    position: relative;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: none;
    background: none;
    font-size: 14px;
    line-height: 1.5em;
    cursor: pointer;
    -o-border-radius: 5px;

    padding: 6px 10px 6px 10px;
    border: 1px solid #1CCE67;
    color: #1CCE67;
    vertical-align: top;

    min-width: 120px;
    box-sizing: border-box;
    text-align: center;
}

.white-border-btn:hover, a.white-border-btn:hover,
.yui-btn.white-border-btn:hover, .yui-btn.green.white-border-btn:hover {
    background: none;
}

.white-border-btn > span {
    z-index: 1;
}

.white-border-btn > div {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    opacity: 0.0;
    filter: alpha(opacity=00) !important;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.white-border-btn > div:hover {
    opacity: 0.4;
    filter: alpha(opacity=40) !important;
}

.white-border-btn {
    padding: 4px 20px;
}

.green-border-btn {
    position: relative;
    display: inline-block;
    padding: 5px 10px 5px 10px;
    border: 1px solid #23AE62;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: none;
    background: none;
    color: #23AE62;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.5em;
    cursor: pointer;
    -o-border-radius: 5px;
}

.green-border-btn:hover {
    color: #23AE62;
}

em {
    font-style: italic;
}

u {
    text-decoration: underline;
}

p {
    /*margin: 10px 0;*/
}

#main-col {
    float: left;
    width: 100%;
}

#main-col-inner {
    padding: 0 15px 0 0;
}

#right-col {
    padding: 0 15px 0 15px;
}

#right-col .yui-block {
    margin-bottom: 15px;
}

#no-posts > div {
    padding: 20px;
    text-align: center;
}

#search-block {
    float:right;
    margin-right: 15px;
}

#search-block .yui-block_body {
    position: relative;
    overflow: visible;
    padding: 15px;
}

#search-block #search-input-wrapper {
    position: relative;
    float: left;
    width: 160px;
}

#search-block #search-input-wrapper input {
    height: 35px;
}

#search-block #search-input-wrapper span {
    position: absolute;
    top: 1px;
    right: 1px;
    display: block;
    width: 30px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
}

#search-block #search-input-wrapper span i {
    margin-top: 0;
}

#search-block .yui-btn {
    float: left;
    margin-left: 5px;
    padding-right: 10px;
    padding-left: 10px;
    width: 35px;
    height: 35px;
    background-color: #d8d8d8;
}

#search-calendar {
    position: absolute;
    top: 35px;
    right: 20px;
    z-index: 101;
    padding-top: 9px;
    width: 200px;
    background: url('img/cal-up.png') 85% top no-repeat;
}

#search-calendar-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    margin-left: -12px;
}

#search-calendar-head {
    padding: 6px 10px;
    border-radius: 8px 8px 0 0;
    background-color: #28af61;
}

#search-calendar-head .prev {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
}

#search-calendar-head .next {
    display: block;
    float: right;
    width: 20px;
    height: 20px;
}

#search-calendar-head #search-calendar-month {
    float: left;
    width: 130px;
    text-align: center;
    font-size: 16px;
}

#search-calendar-head #search-calendar-month a {
    color: #fff;
}

#search-calendar-week {
    padding: 5px 10px;
    background-color: #999;
    color: #fff;
}

#search-calendar-body {
    padding: 5px 10px 0 10px;
    min-height: 130px;
    border: 1px solid #999;
    border-radius: 0 0 8px 8px;
    background-color: #fff;
}

#search-calendar-body > div > div.sc-day, #search-calendar-week > div.scw {
    float: left;
    width: 25px;
    text-align: center;
}

#search-calendar-body > div > div.sc-day {
    margin-bottom: 5px;
    border-radius: 5px;
    color: #999;
}

#search-calendar-body > div > div.has-link a {
    color: #34495e;
}

#search-calendar-body > div > div.has-link.holiday {
    color: #e74c3c;
}

#search-calendar-body > div > div.active {
    background-color: #999;
    color: #fff;
}

#search-calendar-body > div > div.has-link:hover {
    background-color: #f1f1f1;
}

#search-calendar-body .sc-month {
    float: left;
    margin: 3px 0;
    width: 49%;
    cursor: pointer;
}

@font-face {
    font-family: DINRoundPro-Medi;
    src: local("DINRoundPro-Medi"), url(/media/promo/css/fonts/DINRoundPro-Medium.OTF)
}

#user-info > div.yui-block_body {
    padding-top: 20px;
    padding-bottom: 20px;
}

#user-info .user-nick {
    margin: 10px 0;
}

#user-info #psot-add {
    margin: 5px 32px;
}

#user-info ul.yui-nav {
    border: 0;
}

#user-info .yui-nav_item > a {
    padding-right: 32px;
    padding-left: 32px;
}

#user-info .yui-nav_item > a.active {
    border-right-color: #999;
    background-color: #f2f2f2;
}

#user-info .yui-nav_item > a > span {
    float: right;
    color: #000000;
}

#user-info .user-info-vals {
    margin-bottom: 0;
    padding: 5px 5px;
    font-size: 18px;
}

#user-info .user-info-vals span {
    font-size: 12px;
}

#user-info .user-info-vals .middle {
    border-right: 2px solid #ddd;
    border-left: 2px solid #ddd;
}

.users-feed-list {
    width: 100%;
}

.users-feed-list .units-row {
    margin-bottom: 0;
}

.users-feed-list .units-row .first-item {
    margin-left: 0px;
}

#users-block {
    margin: 0 auto;
    padding-right: 0px;
    padding-bottom: 30px;
    padding-left: 0px;
    min-width: 300px;
    max-width: 850px;
    width: 100%;
}

#users-block #main-col-inner > .yui-block.alone {
    padding-left: 65px;
}

#users-list-block {
    padding: 15px;
}

#users-list-block .yui-nav.tab {
    padding-left: 15px;
}

#users-list-block .yui-tab_content {
    width: 100%;
}

#users-list-block .yui-tab_content .yui-tab_content_wrapper {
    width: 100%;
}

#users-list-block .yui-tab_content .yui-tab_content_wrapper .yui-tab_pane {
    width: 100%;
}

#users-list-block-title {
    padding: 5px 15px;
}

.user-item-wrapper {
    padding: 15px;
}

.user-item {
    position: relative;
    overflow: hidden;
}

.user-item a {
    display: block;
}

.user-item .user-info {
    position: relative;
    padding-bottom: 50px;
}

.user-info i.yui-icon-del {
    position: absolute;
    top: 1px;
    right: 1px;
    z-index: 999;
    visibility: hidden;
    cursor: pointer;
}

.user-item .user-about {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    visibility: hidden;
    overflow: hidden;
    width: 100%;
    height: 100%;
    color: #000000;
    word-wrap: break-word;
    font-size: 12px;
}

.user-item .user-about div.user-about-text {
    padding: 5%;
    width: 90%;
}

.user-item .user-about div.user-about-shadow {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #f1f1f1;
    opacity: 0.9;
    filter: alpha(opacity=90) !important;
}

.user-item .user-about div.user-about-border {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.user-item .user-avatar-block {
    padding-top: 15px;
}

.user-item .user-nick-rating-block {
    position: relative;
    margin: 5px 25px 5px 25px;
    height: 20px;
}

.user-item .yui-icon-star {
    margin-top: -1px;
}

.user-item .user-nick {
    z-index: -1;
    overflow: hidden;
    height: 100%;
    text-align: center;
}

.user-item .user-rating {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
}

.user-item .user-rating > span:last-child {
    z-index: 1;
    background-color: #ffffff;
}

.user-item .user-rating .user-nick-fade {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
    margin-left: -15px;
    width: 15px;
    height: 20px;
    background: url("/media/images/summary.png");
}

.user-item .read-button-block {
    position: absolute;
    bottom: 15px;
    left: 0px;
    z-index: 3;
    width: 100%;
    text-align: center;
}

#search-user-block {
    margin: 15px;
    max-width: 340px;
}

#page-users-search {
    position: relative;
    margin: 15px;
    max-width: 340px;
}

#page-users-search > .yui-icon-loader {
    position: absolute;
    top: 5px;
    right: -30px;
}

.user-item-read-btn {
    display: inline-block;
    padding: 5px 20px;
    border: 1px solid #28af61;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #28af61;
    white-space: nowrap;
    font-size: 14;
    cursor: pointer;
    -o-border-radius: 5px;
}

.user-item .yui-btn {
    padding: 6px 20px;
    white-space: nowrap;
}

#users-list-block div#more {
    text-align: center;
}

#posts {

}

div.yui-pagination {
    text-align: center;
}

#posts li#more {
    padding: 15px 0;
    text-align: center;
}

.yui-btn.more {
    padding-right: 60px;
    padding-left: 60px;
}

#posts > li {
    padding-bottom: 20px;
}

/* top posts */
#top-commented-posts-block {
    position: relative;
}

#top-commented-posts-block .yui-block_header a > div {
    width: 100%;
    height: 100%;
}

#top-commented-posts-block .top-post-row, #top-commented-posts-block .top-post-footer-row {
    position: relative;
}

#top-commented-posts-block .top-post-row > a:first-child, #top-commented-posts-block .top-post-footer-row > a:first-child {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 62px;

}

#top-commented-posts-block .yui-block_header span,
#popular-tags-block .yui-block_header span {
    float: right;
    text-align: right;
    font-size: 14px;
}

.top-posts-wrapper {
}

.top-post-row {
    padding: 10px 5px 10px 20px;
    text-align: left;
}

.top-post-row:hover {
    background-color: #f2f2f2;
}

.top-post-footer-row {
    padding: 8px 0;
    border: 1px solid #dfdfdf;
    background-color: #f1f1f1;
}

.top-post-footer-row .rating-icon-wrapper {
    padding-left: 20px;
}

.top-post-footer-row .rating-link-wrapper {
    padding-left: 15px;
    height: 26px;
    line-height: 26px;
}

/*   */
.non-background {
    border: 0;
    background: none;
}

.non-border {
    border: 0;
}

.admin-submenu {
    padding: 20px 0;
}

.user-avatar {
    margin: 0 auto;
}

.user-avatar.small {
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 100px;
}

.user-avatar.small img {
    height: 100px;
}

.user-avatar.mini {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
}

.user-avatar.mini img {
    height: 50px;
}

.user-pro-icon {
    padding-top: 10px;
    text-align: center;
}

.user-pro-icon--inline {
    display: inline-block;
    position: relative;
    top: 4px;
    margin: 0 6px 0 4px;
}

h1.page-header {
    margin: 15px 15px 0 15px;
    font-size: 20px;
}

.round {
    overflow: hidden;
    border-radius: 50%;
}

.bold {
    font-weight: bold;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
}

.not-visible {
    visibility: hidden;
}

.hr-line {
    width: 100%;
    border-top: 1px solid #dfdfdf;
}

.m0 {
    margin: 0;
}

.danger-text {
    color: red;
}

.overflow-visible {
    overflow: visible;
}

/* post form */

#psot-add a {
    color: #ffffff;
}

#psot-add a:hover {
    color: #ffffff;
}

#post-form .placeholder {
    color: #999;
}

#psot-title {
    overflow: hidden;
    margin: 5px;
    outline: none;
    white-space: nowrap;
}

#psot-title input {
    box-sizing: border-box;
    padding: 5px 10px;
    width: 97%;
    height: auto;
    border: 0;
    font-size: 20px;
}

#psot-title input:focus, #psot-community-title-wrapper input:focus {
    outline: 0;
}

#psot-text {
    margin: 10px 15px;
    min-height: 52px;
    outline: none;
}

#psot-text-wrapper {
    min-height: 200px;
}

#psot-text-wrapper textarea {
    /*width: 93%;*/
    height: 160px;
}

#psot-community-wrapper {

}

#psot-community-title-wrapper {
    position: relative;
    margin: 2px 10px 1px 10px;
}

#psot-community-title-wrapper a {
    position: absolute;
    top: 4px;
    right: 5px;
    border-bottom: 1px dashed #95a5a6;
    line-height: 130%;
}

#psot-community-title-wrapper a:hover {
    border-bottom: 1px dashed #95a5a6;
    color: #808080;
}

#psot-community-select {
    overflow: auto;
    max-height: 403px;
}

#psot-community-select-head {
    padding: 5px 15px;
    border-top: 1px solid #ccc;
    background-color: #f1f1f1;
}

#psot-community-wrapper ul {
    padding-bottom: 5px;
}

#psot-community-wrapper ul li {
    padding: 5px 15px;
    cursor: pointer;
}

#psot-community-wrapper ul li:hover {
    background-color: #f1f1f1;
}

#psot-community-wrapper ul li.popular {
    font-weight: 700;
}

#psot-community-wrapper ul li.popular.last {
    border-bottom: 1px solid #ccc;
}

#psot-community-wrapper input {
    box-sizing: border-box;
    padding: 5px 0;
    width: 100%;
    height: auto;
    border: 0;
    font-size: 14px;
}

#psot-control input[type=submit] {
    vertical-align: top;
}

#psot-cancel-link {
    vertical-align: top;
}

.draft-btn-wrapper {
    display: inline-block;
}

.draft-hint {
    padding-left: 25px;
    height: 35px;
    color: #ccc;
    vertical-align: middle;
    font-style: italic;
    font-size: 12px;
    line-height: 35px;
}

#psot-additional-link {

}

#psot-additional-link span {
    color: #005686;
    cursor: pointer;
}

.border-bottom-dashed {
    border-bottom: 1px dashed #005686;
    color: #005686;
    cursor: pointer;
}

#psot-additional {
}

#psot-subfields {
    /*padding-top: 6px;*/
}

#readers-html {
    width: 350px;
}

#readers-html li {
    padding: 8px 16px;
    cursor: pointer;
}

#readers-html li:hover, #readers-select-all:hover {
    background-color: #f1f1f1;
}

#readers-html .avatar {
    width: 30px;
    height: 30px;
    text-align: center;
}

#readers-html .avatar img {
    height: 30px;
}

#readers-html .nick {
    overflow: hidden;
    margin-left: 20px;
    max-width: 220px;
    font-weight: bold;
    line-height: 30px;
}

#readers-html .led {
    margin: 0 0 0 0;
}

#readers-select-all {
    cursor: pointer;
}

#readers-select-all .avatar-all {
    position: relative;
    width: 28px;
    height: 28px;
    border: 1px solid #999;
    text-align: center;
}

#readers-select-all .avatar-all i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -7px;
    margin-left: -8px;
}

#readers-select-all .nick-all {
    margin-left: 20px;
    line-height: 30px;
}

#readers-html .yui-block_body > div {
    position: relative;
    padding: 8px 16px;
}

#readers-search input {
    /*text-indent: 16px;*/
    padding-left: 32px;
}

#readers-search i {
    position: absolute;
    top: 50%;
    left: 27px;
    margin-top: -8px;
}

/* psot */

.post h4 {
    margin: 10px 0 15px 0;
    font-weight: bold;
    font-size: 32px;
    line-height: 100%;
}

.post h5 {
    margin: 10px 0 15px 0;
    font-weight: bold;
    font-size: 24px;
    line-height: 100%;
}

#promo-block {
    margin-top: 15px;
}

#promo-block:after {
    display: block;
    clear: both;
    content: '';
}

#promo-block .promo-item {
    position: relative;
}

#promo-item-0 {
    float: left;
}

#promo-item-1 {
    float: right;
}

#promo-item-2 {
    margin: 0 auto;
    width: 280px;
}

#promo-block .promo-gradient {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 280px;
    height: 100px;
    border-radius: 5px;
    background: url("/media/images/gradient-top.png") left bottom repeat-x;
}

#promo-block a {
    display: block;
    overflow: hidden;
    width: 280px;
    height: 100px;
    border-radius: 5px;
}

#promo-block a span {
    position: absolute;
    top: 50%;
    left: 40px;
    z-index: 2;
    display: block;
    overflow: hidden;
    max-height: 70px;
    width: 200px;
    color: #fff;
    vertical-align: middle;
    text-shadow: 1px 1px 5px #000;
    font-size: 21px;
    font-family: "Arial";
    line-height: 110%;
}

#promo-block a img {
    width: 280px;
}

#promo-block a img.header-img {
    width: auto;
    height: 100px;
}

.community #promo-block ul li:first-child {
    margin-right: 15px;
}

.community #promo-block ul li .promo-gradient {
    width: 266px;
}

.community #promo-block ul li a {
    width: 266px;
}

.community #promo-block ul li a img {

}

.community #promo-block ul li a span {
    left: 35px;
}

#post-view-comment-block {
    /*
    background-color: #f1f1f1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    */
    margin-top: 20px;
}

#post-view-counters-block {
    margin-top: 20px;
    text-align: right;
}

#comment-head {
    margin-bottom: 10px;
    padding: 10px 10px;
}

#comment-head.white-bg {
    float: left;
    border-radius: 5px;
    background: url('img/opacity-white-60.png') left top repeat;
}


/* перенес .comment-add в common/comments.css*/

#comment-list ul {
    padding-left: 0;
}

#comment-list ul li {
    margin-top: 10px;
}

#comment-list .yui-block_body {
    padding: 12px 12px 2px 0;
}

#comment-list ul ul {
    margin-left: 30px;
}

#comment-list ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul {
    margin-left: 0;
}

#comment-list .units-row {
    margin-bottom: .3em;
}

#comment-list .comment-deleted {
    color: #999;
    font-style: italic;
    font-size: 12px;
}

#view-messages-bottom {
    margin-top: 15px;
}

a.del-dialogue {
    color: #ccc;
}

a.del-dialogue:hover {
    color: #0080c8;
}

#comment-add .unit-20,
#comment-list .unit-20 {
    width: 10%;
    color: #999;
    text-align: center;
    font-size: 12px;
}

#comment-add .unit-80,
#comment-list .unit-80 {
    margin: 0;
    width: 90%;
}

#comment-list .user-avatar {
    margin-bottom: 3px;
}

ul li {
    list-style-type: none;
}

#comment-errors {
    margin: 10px 0;
    padding: 10px;
}

.comment-videos {
    margin: 10px 0;
}

.bg-color-error {
    background: #f99;
}

.text-color-error {

}

.border-color-error {
    border: 1px solid #f33;
}

.border-round {
    border-radius: 5px;
}

/* communities */

.private-community-msg .yui-block_body {
    padding: 30px 20px;
}

.private-community-msg .request-button-wrapper {
    padding-top: 15px;
}

#popular-communities-block .yui-block_header > a > div {
    width: 100%;
    height: 100%;
}

.top-communities-wrapper {
    padding-top: 5px;
}

.top-communities-wrapper .units-row {
    margin-bottom: 0;
    padding-top: 5px;
}

.top-communities-wrapper .top-communities-row {
    position: relative;
    float: left;
    margin: 0px;
    padding: 8px 0px;
    width: 100%;
    line-height: 30px;
}

.top-communities-wrapper .top-communities-row > a {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 46px;
}

.top-communities-wrapper .top-communities-row span.last-span {
    position: absolute;
    top: 7px;
    right: 0px;
    width: 25px;
    height: 30px;
    background: url("/media/images/summary.png");
}

.top-communities-wrapper .top-communities-left {
    float: left;
    margin-left: -100%;
    width: 65px;
}

.top-communities-wrapper .top-communities-index {
    float: left;
    width: 35px;
    text-align: center;
}

.top-communities-wrapper .top-communities-avatar {
    float: left;
    width: 30px;
    height: 30px;
}

.top-communities-wrapper .top-communities-title {
    float: left;
    width: 100%;
}

.top-communities-wrapper .top-communities-title > div {
    overflow: hidden;
    margin: 0 50px 0 75px;
    white-space: nowrap;
}

.top-communities-wrapper .top-communities-row-bottom {
    background-color: #f2f2f2;;
}

.top-communities-wrapper .top-communities-row-bottom .communities-all-icon {
    float: left;
    margin: 0 10px 0 35px;
}

.top-communities-wrapper .top-communities-row-bottom #communities-all-text {
    float: left;
}

.top-communities-wrapper .top-communities-row:hover {
    border-right-color: #999;
    background-color: #f2f2f2;
}

.top-communities-wrapper .top-communities-read-block {
    position: absolute;
    top: 7px;
    right: 15px;
    z-index: 10;
}

.top-communities-wrapper .top-communities-read-block span {
    float: right;
    width: 25px;
    height: 30px;
    background: url("/media/images/summary.png");
}

.top-communities-wrapper .top-communities-item-read {
    float: right;
    padding: 5px;
    text-align: right;
}

.top-communities-wrapper .top-communities-item-read a {
    color: #95a5a6;
}

.top-communities-wrapper .top-communities-item-read {
    background-color: #ffffff;
}

#community-view-block {
    margin: 0 auto;
    padding-bottom: 1.5em;
    min-width: 300px;
    max-width: 850px;
}

#community-readers-block {
    padding: 20px;
}

#community-readers-block #more {
    padding-top: 5px;
    text-align: center;
}

#community-info-horizontal-block {
    position: relative;
    margin-top: -125px;
    margin-bottom: 35px;
    margin-right: auto;
    margin-left: auto;
    min-width: 300px;
    max-width: 1200px;
}

#community-info-horizontal {
    position: relative;
    margin: 0 auto;
    min-width: 300px;
    max-width: 850px;
}

#community-info-horizontal #community-avatar-hor {
    padding-right: 15px;
    width: 100px;
    height: 100px;
}

#community-info-horizontal #community-avatar-hor .round {
    border: 2px solid #ffffff;
}

#community-info-horizontal .community-title-hor {
    position: absolute;
    bottom: 45px;
    left: 0px;
}

#community-info-horizontal .community-title-hor a:first-child {
    color: #ffffff;
    font-size: 30px;
}

#community-info-horizontal .community-rating-hor {
    color: #ffffff;
    font-size: 20px;
}

#community-info-horizontal #community-menu-hor {
    position: relative;
    width: 70%;
    height: 100px;
    text-align: left;
}

#community-info-horizontal #community-menu-hor #community-description {
    position: absolute;
    bottom: 80px;
    left: 0px;
    display: inline-block;
    padding: 5px 5px 0px 15px;
    max-width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff;
    -o-border-radius: 5px;
}

#community-info-horizontal #community-menu-hor #community-description .description-black-bg {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 5px; /* IE 5.5+*/
    -moz-border-radius: 5px; /* Mozilla 1.6 и ниже */
    border-radius: 5px; /* Konqueror 3.1, Safari 1.1 */
    background-color: #000000;
    opacity: 0.2;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    -o-border-radius: 5px;
}

#community-info-horizontal #community-menu-hor ul {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding-left: 0;
    width: 100%;
    height: 30px;
}

#community-info-horizontal #community-menu-hor ul > li {
    float: left;
    padding-right: 10px;
}

#favorites-block {
    margin: 0 auto;
    padding-bottom: 1.5em;
    min-width: 300px;
    max-width: 850px;
}

#diary-block {
    margin: 0 auto;
    padding: 0 10px 1.5em;
    min-width: 300px;
    max-width: 850px;
}

#diary-block #posts li {
    padding-bottom: 0;
}

#diary-block #posts li#more {
    padding: 15px 0;
}

#diary-block #posts .post-item__block {
    margin-left: 0;
    border: 0;
    border-radius: 0;
}

#diary-user-read-block {
    padding: 15px;
    text-align: center;
}

#community-form-block-header {
    padding: 20px 0px;
    background-color: #2b3c4e;
    color: #fff;
    text-align: center;
    font-size: 20px;
}

#community-form-block-header .back-block {
    float: left;
    margin-left: 5px;
    font-size: 16px;
}

#community-form-block-header .back-block a {
    color: #ffffff;
}

#community-form-block {

}

#community-imageupload {
    display: none;
}

#community-form {
    padding-left: 15px;
}

#community-form-block input:not([type="submit"]) {
    margin-bottom: 15px;
    width: 100%;
}

#community-form-block textarea {
    margin-bottom: 15px;
    padding: 15px;
    height: 100px;
}

#community-form #community-theme {
    margin-bottom: 15px;
}

#community-form #community-theme .theme-field-label {
    float: left;
    padding-right: 30px;
}

#community-form #community-theme .yui-control-group {
    float: left;
    padding-right: 15px;
}

#community-avatar-block {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-size: 18px;
}

#community-avatar-block #community-avatar-image-block {
    cursor: pointer;
}

#community-avatar-crop-block {
    padding: 20px;
    background-color: #ffffff;
}

#community-avatar-crop-title {
    padding-bottom: 20px;
}

#community-avatar-crop-block img {
    width: 100%;
}

#community-avatar-crop-tooltip {
    padding: 15px;
    width: 100%;
    text-align: center;
}

#community-avatar-crop-button {
    width: 100%;
    text-align: center;
}

#community-avatar-image-block {
    display: -moz-inline-stack;
    display: inline-block; /* ← Firefox 2 backwards compatibility */
    *display: inline;
    /* ↓ IE6 & IE7 «hasLayout» voodoo */
    margin: 0 auto;
    width: 100px;
    /* ↑ IE6 & IE7 starhack ← http://www.ejeliot.com/blog/63 */
    height: 100px;
    zoom: 1;
}

#community-avatar-image-block img {
    height: 100%;
}

#communities-list {
    padding-bottom: 20px;
}

#communities-list #more {
    padding-top: 15px;
    text-align: center;
}

.communities-list-title {
    margin: 15px 15px;
    font-size: 20px;
}

#community-create-btn {
    margin: 20px 20px;
}

#community-search-block {
    position: relative;
    margin: 20px;
    max-width: 340px;
}

.community-item-wrapper {
    padding: 5px 20px;
    text-align: center;
}

.community-item {
    position: relative;
    overflow: hidden;
}

.community-item .community-info {
    position: relative;
    padding-bottom: 50px;
    text-align: center;
}

.community-item .community-info .community-new-text {
    position: absolute;
    top: 1px;
    left: 8px;
    color: red;
    text-align: left;
}

.community-item .community-description {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    visibility: hidden;
    overflow: hidden;
    width: 100%;
    height: 100%;
    color: #000000;
    word-wrap: break-word;
    font-size: 12px;
}

.community-item .community-description div.community-description-text {
    padding: 5%;
    width: 90%;
}

.community-item .community-description div.community-description-shadow {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #f1f1f1;
    opacity: 0.9;
    filter: alpha(opacity=90) !important;
}

.community-item .community-description div.community-description-border {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.community-avatar {
    display: inline-block;
    padding-top: 15px;
    width: 100px;
    height: 100px;
}

.community-avatar-round {
    width: 100%;
    height: 100%;
}

.community-avatar-round img {
    width: 100%;
}

.community-item .community-title {
    display: table;
    width: 100%;
    height: 60px;
}

.community-item .community-title > div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    line-height: 140%;
}

.community-item .read-button-block {
    position: absolute;
    bottom: 5px;
    left: 0px;
    z-index: 3;
    width: 100%;
    text-align: center;
}

#search-community-block {
    margin: 15px;
    max-width: 340px;
}

.community-item-read-btn {
    display: inline-block;
    margin-bottom: 10px;
    padding: 5px 20px;
    border: 1px solid #28af61;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #ffffff;
    color: #28af61;
    white-space: nowrap;
    font-size: 14;
    cursor: pointer;
    -o-border-radius: 5px;
}

.community-item .yui-btn {
    margin-bottom: 10px;
    padding: 5px 20px;
    white-space: nowrap;
}

.communities-feed-list {
    padding-top: 20px;
    width: 100%;
}

.communities-feed-list .units-row {
    margin-bottom: 0;
}

/* member requests */

#member-requests-block {
    padding: 15px 20px;
}

div.member-request-list-item {
    padding: 15px;
    background-color: #ffffff;
}

div.member-request-list-item .request-text {
    width: 100%;
}

/* Invites */

#invites-block {
    padding: 15px 20px;
}

#invites-tabs {
    padding: 10px 0;
}

div.invites-list-item {
    padding: 15px;
    background-color: #ffffff;
}

div.invites-list-item .invite-text {
    width: 100%;
}

div.invites-list-item .invite-state {
    float: right;
    padding-right: 5px;
}

/* frontpage */
#frontpage-top-main-block {
    min-height: 60px;
    width: 100%;
    background-color: #ffffff;
}

#frontpage-top {
    overflow: visible;
    margin: 0 auto;
    max-width: 1200px;
}

#frontpage-top .units-row {
    margin: 0;
}

#sections {
    padding-left: 10px;
    min-width: 530px;
}

#frontpage-top-right-col {
    margin: 0;
    padding: 12px 0;
}

#frontpage-top-right-col #search-block form {
    float: right;
}

#frontpage-top-right-col #search-block {
    position: relative;
}

#frontpage-top-right-col #search-block:after {
    display: block;
    clear: both;
    content: '';
}

#sections #dnevniki-logo {
    float: left;
    margin: 0;
    padding: 5px 0 0;
}

#sections #dnevniki-logo:hover {
    border: none;
}

#sections a {
    float: left;
    margin: 0 15px 0 15px;
    padding: 17px 0 17px;
    color: #95a5a6;
    font-size: 20px;
}

#sections a:hover {
    border-bottom: 5px solid #2bbb68;
}

#sections a.active {
    border-bottom: 5px solid #2bbb68;
    color: #000000;
}

#sections a.first {
    margin-left: 25px;
}

#unreadedCount {
    color: #00CC00;
    vertical-align: top;
    font-weight: normal;
    font-size: 14px;
}

#frontpage-top #search-block #search-calendar {
    top: 40px;
}

#theme-filter {
    margin: 0;
    padding: 12px 20px 10px 0;
    min-width: 240px;
}

.promo-inFrontPage {
    margin-right: -10px;
    margin-left: 60px;
}

.promo-inFrontPage-title {
    margin-left: 75px;
    padding-top: 15px;
    padding-bottom: 5px;
}

.promo-inFrontPage .user-item-wrapper {
    padding: 10px;
    height: 253px;
}

.promo-inFrontPage .user-item-wrapper .yui-block, .promo-inFrontPage .user-item-wrapper .yui-block_body {
    height: 100%;
}

.promo-inFrontPage .user-item-wrapper .user-nick-rating-block {
    margin-top: 20px;
}

.promo-inFrontPage .community-item-wrapper {
    padding: 10px;
    height: 253px;
}

/* switcher */
#view-switcher {
    float: right;
}

#view-switcher img.switch-off {
    cursor: pointer;
}

#view-switcher img {
    float: left;
}

/*end*/
/* theme filter */

#theme-filter-block {
    float: right;
    padding-right: 20px;
}

#theme-filter-block #theme-filter-dropdown {
    width: 155px;
    height: 33px;
}

#white-theme-filter-block #theme-filter-dropdown {
    width: 155px;
    max-width: 177px;
    height: 33px;
}

#white-theme-filter-block .yui-dropdown_item {
    padding: 5px 13px;
    text-align: left;
}

#theme-filter-dropdown .yui-dropdown_toggle {
    padding: 6px 15px 9px;
    text-align: left;
}

/* settings */

#settings-main-block {
    margin: 0 auto;
    padding-bottom: 1.5em;
    min-width: 300px;
    max-width: 950px;
}

.settings-form-wrapper {
    margin: 15px 20px;
}

.settings-form-wrapper2 {
    margin: 15px 0;
}

.settings-form-wrapper2 > *, .settings-form-wrapper2 > form > * {
    margin-right: 20px;
    margin-left: 20px;
}

.settings-form-wrapper2 > form {
    margin: 0;
}

.settings-subheader {
    margin: 0;
    padding: 8px 20px;
    background-color: #f1f1f1;
}

.settings-subheader span {
    font-size: 20px;
}

.settings-header {
    font-size: 20px;
}

.settings-form-row {
    margin: 10px 0 25px 0;
}

.settings-form-row .left {
    float: left;
    margin-left: -100%;
    padding-top: 7px;
    width: 120px;
    text-align: right;
}

.settings-form-row .right-wrapper {
    float: left;
    width: 100%;
}

.settings-form-row .right-wrapper .right {
    margin-left: 135px;
}

.settings-form-row .right-inner {
    float: left;
}

.settings-form-row .right-inner.file-select {
    width: 170px;
}

.settings-form-row .right-inner.file-select input {
    position: absolute;
    top: 0;
    left: -10000px;
}

.settings-form-row .img-preview {
    position: relative;
    float: left;
    overflow: hidden;
    margin-right: 15px;
    width: 100px;
    height: 80px;
}

.settings-form-row .img-preview i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -12px;
}

.settings-form-row .img-preview img {
    max-width: 100px;
}

.settings-form-row .mid-dropdown {
    width: 214px;
}

.settings-form-row .short-dropdown {
    margin-right: 20px;
    width: 97px;
}

.settings-form-row #about-wrapper {
    width: 336px;
}

.settings-form-row #about-wrapper textarea {
    width: 320px;
    resize: none;
}

.settings-form-row #theme-wrapper .yui-control-group {
    display: inline-block;
}

#photo-input {
    position: absolute;
    top: 0;
    left: -1000px;
}

#header-crop {
    display: none;
    margin-top: 15px;
}

#header-crop img {
    max-width: 100%;
}

#settings-header-hint {
    margin-left: 20px;
}

#avatar-crop {
    display: none;
    margin-left: 15px;
    width: 380px;
}

#avatar-crop-img {

}

.to-recommend-and-warning-wrapper {
    padding-top: 15px;
}

.to-recommend,
.to-favorite, .to-warning {
    float: right;
    margin-left: 15px;
    padding: 0 12px;
    height: 33px;
    border: 1px solid #ccc;
    line-height: 33px;
    cursor: pointer;
}

.to-recommend:hover,
.to-favorite:hover
.to-warning:hover {
    background-color: #e1e1e1;
}

.to-recommend i,
.to-favorite i,
.to-warning i {
    margin-right: 3px;
}

.to-favorite i {
    margin-top: -1px;
}

#response-wrapper {
    position: fixed;
    top: 0;
    z-index: 10002;
    width: 100%;
    text-align: center;
    font-size: 24px;
}

#response-wrapper div.notify {
    padding: 20px;
}

#response-wrapper div.error {
    background: #FF9999;
    color: #CC0000;
}

#response-wrapper div.warning {
    background: #faf28f;
    color: #000000;
}

#response-wrapper div.success {
    /*background: #99FF99;*/
    /*color: #00CC00;*/

}

/* jquery.Jcrop.min.css v0.9.12 (build:20130521) */
.jcrop-holder {
    text-align: left;
    direction: ltr;
    -ms-touch-action: none;
}

.jcrop-vline, .jcrop-hline {
    position: absolute;
    background: #FFF url('img/Jcrop.gif');
    font-size: 0;
}

.jcrop-vline {
    width: 1px !important;
    height: 100%;
}

.jcrop-vline.right {
    right: 0;
}

.jcrop-hline {
    width: 100%;
    height: 1px !important;
}

.jcrop-hline.bottom {
    bottom: 0;
}

.jcrop-tracker {
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

.jcrop-handle {
    width: 7px;
    height: 7px;
    border: 1px #EEE solid;
    background-color: #333;
    font-size: 1px;
}

.jcrop-handle.ord-n {
    top: 0;
    left: 50%;
    margin-top: -4px;
    margin-left: -4px;
}

.jcrop-handle.ord-s {
    bottom: 0;
    left: 50%;
    margin-bottom: -4px;
    margin-left: -4px;
}

.jcrop-handle.ord-e {
    top: 50%;
    right: 0;
    margin-top: -4px;
    margin-right: -4px;
}

.jcrop-handle.ord-w {
    top: 50%;
    left: 0;
    margin-top: -4px;
    margin-left: -4px;
}

.jcrop-handle.ord-nw {
    top: 0;
    left: 0;
    margin-top: -4px;
    margin-left: -4px;
}

.jcrop-handle.ord-ne {
    top: 0;
    right: 0;
    margin-top: -4px;
    margin-right: -4px;
}

.jcrop-handle.ord-se {
    right: 0;
    bottom: 0;
    margin-right: -4px;
    margin-bottom: -4px;
}

.jcrop-handle.ord-sw {
    bottom: 0;
    left: 0;
    margin-bottom: -4px;
    margin-left: -4px;
}

.jcrop-dragbar.ord-n, .jcrop-dragbar.ord-s {
    width: 100%;
    height: 7px;
}

.jcrop-dragbar.ord-e, .jcrop-dragbar.ord-w {
    width: 7px;
    height: 100%;
}

.jcrop-dragbar.ord-n {
    margin-top: -4px;
}

.jcrop-dragbar.ord-s {
    bottom: 0;
    margin-bottom: -4px;
}

.jcrop-dragbar.ord-e {
    right: 0;
    margin-right: -4px;
}

.jcrop-dragbar.ord-w {
    margin-left: -4px;
}

.jcrop-light .jcrop-vline, .jcrop-light .jcrop-hline {
    background: #FFF;
    opacity: .70 !important;
    filter: alpha(opacity=70) !important;
}

.jcrop-light .jcrop-handle {
    border-color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #000;
}

.jcrop-dark .jcrop-vline, .jcrop-dark .jcrop-hline {
    background: #000;
    opacity: .7 !important;
    filter: alpha(opacity=70) !important;
}

.jcrop-dark .jcrop-handle {
    border-color: #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #FFF;
}

.solid-line .jcrop-vline, .solid-line .jcrop-hline {
    background: #FFF;
}

.jcrop-holder img, img.jcrop-preview {
    max-width: none;
}

#tabs {

}

a.media-attach {
    display: block;
    text-align: center;
}

a.media-attach.stretch img {
    width: 100%;
}

a.media-attach img {
    display: block;
}

.post-video {
    text-align: center;
}

.post-video.video-small {
    margin: 0 auto;
    width: 50%;
}

/* play */
.post-video video {
    width: 100%;
    height: auto;
    background: #222;
}

/* youtube */
.post-video iframe {
    width: 100%;
}

.comment-attaches {
    text-align: center;
}

a.media-attach.comment-attach {
    text-align: left;
}

.comment-attaches.editing {
    display: block;
}

.comment-attaches.editing .media-attach {
    float: left;
}

.comment-attaches .media-attach img {
    margin-right: 15px;
    max-width: 100%;
}

.comment-attaches.editing .media-attach img {
    margin: 5px;
}

.comment-attaches.editing .media-attach img {
    width: 110px;
    height: 110px;
}

.comment-attaches:after {
    display: block;
    clear: both;
    content: '';
}

#popular-users-block {

}

#popular-users-block .yui-block_header > a > div {
    width: 100%;
    height: 100%;
}

#popular-users-block ul, #popular-tags-block ul {
    padding: 0 0;
}

#popular-users-block ul > li {
    position: relative;
}

#popular-users-block ul > li > a, #popular-users-block .yui-block_footer > a {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 46px;
}

#popular-users-block li {
    padding: 8px 0;
    text-align: left;
    line-height: 30px;
}

#popular-users-block li:hover, #popular-tags-block li:hover, #comments-latest-block li:hover {
    background-color: #F1F1F1;
}

#popular-users-block .nick-wrapper {
    float: left;
    width: 100%;
}

#popular-users-block .nick {
    overflow: hidden;
    margin: 0 50px 0 75px;
}

#popular-users-block .before-nick {
    float: left;
    margin-left: -100%;
    width: 65px;
}

#popular-users-block .before-nick .place, #popular-users-block .before-nick .user-avatar {
    float: left;
}

#popular-users-block .before-nick .place {
    width: 35px;
    text-align: center;
}

#popular-users-block .before-nick .user-avatar {
    width: 30px;
    height: 30px;
    text-align: center;
}

#popular-users-block .before-nick .user-avatar img {
    height: 30px;
}

#popular-users-block .rating {
    float: left;
    margin-left: -45px;
    width: 45px;
}

#popular-users-block .yui-block_footer,
#fpo-posts .yui-block_footer {
    position: relative;
    padding: 8px 0;
    border-top: 1px solid #dfdfdf;
    background-color: #f1f1f1;
}

#popular-users-block .yui-block_footer .round {
    float: left;
    margin: 0 10px 0 35px;
    width: 28px;
    height: 28px;
    border: 1px solid #999;
    text-align: center;
    line-height: 28px;

}

#popular-users-block .yui-block_footer .link {
    float: left;
    height: 30px;
    line-height: 30px;
}

#popular-tags-block {

}

#popular-tags-block li {
    margin: 0;
    padding: 0;
    line-height: 30px;
}

#popular-tags-block li > a {
    display: block;
    padding: 4px 0;
}

#popular-tags-block .tag-left {
    float: left;
    margin-left: -100%;
    width: 35px;
    text-align: center;
}

#popular-tags-block .tag-right-wrapper {
    float: left;
    width: 100%;
}

#popular-tags-block .tag-right-wrapper > div {
    margin-left: 45px;
}

.media-paragraph {
    text-align: center;
}

.media-paragraph img {
    margin: 10px auto;
    max-width: 60%;
}

.media-paragraph.stretch img {
    max-width: none;
    width: 100%;
}

.post-view__body {
    padding: 10px 0;
    line-height: 160%;
}

.post-view__body hr {
    display: none;
}

.post-item__body h1,
.post-item__body h2,
.post-view__body h1,
.post-view__body h2,
.post-item__body p,
.post-view__body p {
    padding: 0 15px;
}

/*.post-view__body pre {
    margin: 15px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #efefef;
    font-family: monospace;
    overflow-x: auto;
}*/

.post-view__body h1 {
    line-height: normal;
}

.post-view__body blockquote,
.post-item__body blockquote {
    margin-left: 15px;
}

.post-item__body p.media-paragraph.stretch,
.post-view__body p.media-paragraph.stretch {
    padding: 0;
}

.yui-block_header:after {
    display: block;
    clear: both;
    content: '';
}

.yui-modal {
    z-index: 5001;
}

/* ipad? ipad! */
@media screen and (max-width: 1110px) {

    #theme-filter-block .theme-filter-label {
        display: none;
    }

    #frontpage-top-right-col {
        width: 25%;
    }

    #theme-filter {
        width: 18%;
    }

    #post-full-view-block {
        width: 98%;
    }

    #body-wrapper {
        padding: 15px 0px 0px 0px;
    }

}

span.post-ip {
    padding-left: 5px;
}

span.post-views {
    padding-left: 5px;
}

#readers-link-loader {
    position: relative;
    width: 300px;
    height: 100px;
}

#readers-link-loader i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -12px;
}

.yui-btn {
    height: auto;
    -webkit-appearance: none;
}

h2.search-title {
    padding-left: 15px;
}

div.search-avatar {
    padding-left: 55px;
}

#freezed {
    padding-top: 30px;
    text-align: center;
    font-size: 18px;
}

#feedback {
    padding: 10px;
    background: #f9f084;
    text-align: center;
}

.post-item__title {
    line-height: 125%;
}

.post-item__title a:visited {
    color: #0080c8;
}

#user-settings-menu li.subheader {
    padding: 5px 15px;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f1f1f1;
    font-weight: bold;
}

#page-users-filter {
    float: right;
    margin-top: 15px;
    margin-right: 10px;
}

#users-filter-order {
    float: right;
    margin-left: 5px;
    width: 30px;
    height: 40px;
    background: url('img/sort-down.png') center center no-repeat;
    text-align: center;
    line-height: 40px;
    opacity: 0.5;
    cursor: pointer;
}

#users-filter-order:hover {
    opacity: 1;
}

#users-filter-order.asc {
    background-image: url('img/sort-up.png');
}

#user-filter-dropdown {
    float: right;
    width: 230px;
}

#wysiwyg-simple {
    padding: 10px;
    text-align: center;
}

#comments-latest-block {

}

#comments-latest-block ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#comments-latest-block ul li {
    padding: 8px 15px;
}

#comments-latest-block ul li .text {
    position: relative;
    overflow: hidden;
    max-height: 62px;
}

#comments-latest-block ul li .text .c-fade {
    position: absolute;
    top: 45px;
    right: 0;
    width: 25px;
    height: 20px;
    background: url('../images/summary.png') left top repeat-y;
}

#comments-latest-block ul li:hover .text .c-fade {
    opacity: 0.7;
}

#frontpage-old > div > div {
    margin-bottom: 15px;
}

#fpo-zero > div > div {
    margin-bottom: 15px;
}

#fpo-first > div {
    margin-right: 10px;
}

#fpo-second > div {
    margin-right: 5px;
    margin-left: 5px;
}

#fpo-third > div {
    margin-left: 10px;
}

#fpo-posts .yui-block_footer {

}

#fpo-posts .yui-block_footer .fpo-posts-ico {
    margin: 0 10px 0 35px;
}

#fpo-posts .yui-block_footer .fpo-posts-text {
    height: 30px;
    line-height: 30px;
}

#posts-old {

}

#posts-old > li {
    padding: 10px 0;
}

.preview-mini {

}

.preview-mini:hover {
    background-color: #f2f2f2;
}

.preview-mini .info-wrapper {
    float: left;
    width: 100%;
}

.preview-mini .info-wrapper .info {
    margin-right: 10px;
    margin-left: 80px;
}

.preview-mini .avatar {
    float: left;
    margin-left: -100%;
    width: 80px;
}

.preview-mini .post-info i {
    margin-left: 8px;
}

.preview-mini img.pro {
    vertical-align: middle;
}

.more-group-post {
    margin-left: 75px;
}

div.audiojs {
    margin: 0 auto;
}

.post-music {
    padding: 10px 0px;
    text-align: center;
}

.post-music-name {
    font-weight: bold;
}

.whatsapp-share {
    display: block;
    margin: 10px auto;
    padding: 5px;
    width: 205px;
    border: 1px solid #5cbe4a;
    border-radius: 5px;
    vertical-align: top;
    text-align: center;
    cursor: pointer;
}

.whatsapp-share_text, .whatsapp-share_icon {
    vertical-align: middle;
}

#datepick-wrap label {
    display: inline-block;
    float: left;
    width: 200px;
    color: #666;
    vertical-align: baseline;
    line-height: 31px;
}

#datepick-wrap input {
    position: relative;
    top: -5px;
    display: inline-block;
    margin-bottom: -10px;
    width: 200px;
}

/*******SHAREYKT*******/
.d-topic_share {
    padding: 0 25px;
}

.d-topic_share a {
    color: #666;
    transition: color ease .1s;
}

.d-topic_share a:hover {
    color: #fff;
}

.d-topic_share_btn {
    float: right;
    margin-left: 15px;
    padding: 5px 6px;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    line-height: 1;
    cursor: pointer;
}

.d-topic_share_text {
    font-size: 12px;
}

.d-topic_share_counter {
    margin-left: 5px;
    color: #999;
    font-size: 12px;
    transition: color ease .1s;
}

.d-topic_share_btn--mobile {
    padding: 9px 11px 10px;
}

.d-topic_share_btn--mobile .f-topic_share_text {
    display: none;
}

.d-topic_share_btn--vk,
.d-topic_share_btn--facebook,
.d-topic_share_btn--twitter,
.d-topic_share_btn--whatsapp {
    transition: background-color ease .1s;
}

.d-topic_share_btn--vk {
    border-color: #5f83aa;
}

.d-topic_share_btn--vk:hover {
    background-color: #5f83aa;
}

.d-topic_share_btn--facebook {
    border-color: #23589b;
}

.d-topic_share_btn--facebook:hover {
    background-color: #23589b;
}

.d-topic_share_btn--twitter {
    border-color: #00ace4;
}

.d-topic_share_btn--twitter:hover {
    background-color: #00ace4;
}

.d-topic_share_btn--whatsapp {
    display: none;
    border-color: #5cbe4a;
}

.d-topic_share_btn--whatsapp:hover {
    background-color: #5cbe4a;
}

.d-topic_share_btn--vk:hover .d-topic_share_counter,
.d-topic_share_btn--facebook:hover .d-topic_share_counter,
.d-topic_share_btn--twitter:hover .d-topic_share_counter,
.d-topic_share_btn--whatsapp:hover .d-topic_share_counter {
    color: #fff;
}

.d-topic_share_btn--vk i,
.d-topic_share_btn--facebook i,
.d-topic_share_btn--twitter i,
.d-topic_share_btn--whatsapp i {
    display: inline-block;
    margin-top: 0;
    margin-right: 2px;
    margin-bottom: -1px;
    vertical-align: bottom;
    transition: color ease .1s;
}

.d-topic_share_btn--vk i:before,
.d-topic_share_btn--facebook i:before,
.d-topic_share_btn--twitter i:before,
.d-topic_share_btn--whatsapp i:before {
    display: block;
    line-height: 1;
}

.d-topic_share_btn--vk i {
    border-color: #5f83aa;
    color: #5f83aa;
}

#icon-busy--vk {
}

#icon-busy--tw {
}

.d-topic_share_btn--facebook i {
    border-color: #23589b;
    color: #23589b;
}

.d-topic_share_btn--twitter i {
    border-color: #00ace4;
    color: #00ace4;
}

.d-topic_share_btn--whatsapp i {
    color: #5cbe4a;
}

.d-topic_share_btn--vk:hover i,
.d-topic_share_btn--facebook:hover i,
.d-topic_share_btn--twitter:hover i,
.d-topic_share_btn--whatsapp:hover i {
    color: #fff;
}

.icon-vk {
    background-image: url("/media/images/vk-icon-16x16.png");
}

.icon-fb {
    background-image: url("/media/images/facebook-icon-16x16.png");
}

.icon-tw {
    background-image: url("/media/images/twitter-icon-16x16.png");
}

.icon-wa {
    background-image: url("/media/images/whatsapp-icon-16x16.png");

}

.icon-fb, .icon-tw, .icon-vk, .icon-wa {
    width: 18px;
    height: 16px;
    background-position: left;
    background-repeat: no-repeat;
}

/*******SHAREYKT*******/
.d-topic_share {
    padding: 0 25px;
}

.d-topic_share a {
    color: #666;
    transition: color ease .1s;
}

.d-topic_share a:hover {
    color: #fff;
}

.d-topic_share_btn {
    float: right;
    margin-left: 15px;
    padding: 5px 6px;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    line-height: 1;
    cursor: pointer;
}

.d-topic_share_text {
    font-size: 12px;
}

.d-topic_share_counter {
    margin-left: 5px;
    color: #999;
    font-size: 12px;
    transition: color ease .1s;
}

.d-topic_share_btn--mobile {
    padding: 9px 11px 10px;
}

.d-topic_share_btn--mobile .f-topic_share_text {
    display: none;
}

.d-topic_share_btn--vk,
.d-topic_share_btn--facebook,
.d-topic_share_btn--twitter,
.d-topic_share_btn--whatsapp {
    transition: background-color ease .1s;
}

.d-topic_share_btn--vk {
    border-color: #5f83aa;
}

.d-topic_share_btn--vk:hover {
    background-color: #5f83aa;
}

.d-topic_share_btn--facebook {
    border-color: #23589b;
}

.d-topic_share_btn--facebook:hover {
    background-color: #23589b;
}

.d-topic_share_btn--twitter {
    border-color: #00ace4;
}

.d-topic_share_btn--twitter:hover {
    background-color: #00ace4;
}

.d-topic_share_btn--whatsapp {
    display: none;
    border-color: #5cbe4a;
}

.d-topic_share_btn--whatsapp:hover {
    background-color: #5cbe4a;
}

.d-topic_share_btn--vk:hover .d-topic_share_counter,
.d-topic_share_btn--facebook:hover .d-topic_share_counter,
.d-topic_share_btn--twitter:hover .d-topic_share_counter,
.d-topic_share_btn--whatsapp:hover .d-topic_share_counter {
    color: #fff;
}

.d-topic_share_btn--vk i,
.d-topic_share_btn--facebook i,
.d-topic_share_btn--twitter i,
.d-topic_share_btn--whatsapp i {
    display: inline-block;
    margin-top: 0;
    margin-right: 2px;
    margin-bottom: -1px;
    vertical-align: bottom;
    transition: color ease .1s;
}

.d-topic_share_btn--vk i:before,
.d-topic_share_btn--facebook i:before,
.d-topic_share_btn--twitter i:before,
.d-topic_share_btn--whatsapp i:before {
    display: block;
    line-height: 1;
}

.d-topic_share_btn--vk i {
    border-color: #5f83aa;
    color: #5f83aa;
}

#icon-busy--vk {
}

#icon-busy--tw {
}

.d-topic_share_btn--facebook i {
    border-color: #23589b;
    color: #23589b;
}

.d-topic_share_btn--twitter i {
    border-color: #00ace4;
    color: #00ace4;
}

.d-topic_share_btn--whatsapp i {
    color: #5cbe4a;
}

.d-topic_share_btn--vk:hover i,
.d-topic_share_btn--facebook:hover i,
.d-topic_share_btn--twitter:hover i,
.d-topic_share_btn--whatsapp:hover i {
    color: #fff;
}

.icon-vk {
    background-image: url("/media/images/vk-icon-16x16.png");
}

.icon-fb {
    background-image: url("/media/images/facebook-icon-16x16.png");
}

.icon-tw {
    background-image: url("/media/images/twitter-icon-16x16.png");
}

.icon-wa {
    background-image: url("/media/images/whatsapp-icon-16x16.png");

}

.icon-fb, .icon-tw, .icon-vk, .icon-wa {
    width: 18px;
    height: 16px;
    background-position: left;
    background-repeat: no-repeat;
}

/*******SHAREYKT*******/
.ykt-like-user-nick {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cke_top {
    height: 50px !important;
}

.post-poll {
    margin: 10px 10px;
    padding: 10px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}


.promo_top {
    padding: 20px;
    overflow: hidden;
    background-color: #FFFFFF;
    border: 1px solid #E3E3E3;
    border-radius: 5px;
    margin-bottom: 20px;
    clear: both;
    position: relative;
    margin-left: 70px;
}

#frontpage-old .promo_top {
    margin-left: 0px;
}

.promo_top-title {
    font-size: 20px;
    color: #000000;
    line-height: 25px;
    margin-bottom: 20px;
}

.promo_top-lenta {
    width:10000px;
}

.promo_top-card {
    float:left;
    width: 230px;
    height: 250px;
    margin-right: 13px;
    border: 1px solid #E3E3E3;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
}

.promo_top-card-post_image {
    width: 230px;
    height: 105px;
    overflow: hidden;
    margin-bottom: 10px;
}

.promo_top-card-post_image img{
    width: 230px;
}

.promo_top-card-post_title {
    font-size: 16px;
    color: #000000;
    line-height: 22px;
    height: 66px;
    overflow: hidden;
    padding: 0px 15px ;
    font-weight: bold;
    word-wrap: break-word;
}

.promo_top-card-post_title.promo_top__noimg {
    margin-top: 15px;
}

.promo_top-card-post_teaser {
    font-size: 14px;
    color: #000000;
    line-height: 22px;
    height: 88px;
    overflow: hidden;
    padding: 6px 15px;
    word-wrap: break-word;
}


.promo_top-card-info {
    margin-top: 15px;
    padding: 0px 15px ;
}

.promo_top-card-author_avatar {
    width: 35px;
    height: 35px;
    overflow: hidden;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    float:left;
    margin-right: 10px;
    margin-top: 5px;
}
.promo_top-card-author_avatar img {
    width: 35px;
    height: 35px;
}

.promo_top-card-author {
    font-size: 14px;
    color: #000000;
    line-height: 24px;
}

.promo_top-card-post_date {
    font-size: 12px;
    color: #999999;
}

.promo_top-card-arrow_left {
    position: absolute;
    width:101px;
    height:249px;
    display: none;
}

.promo_top-card-arrow_left img{
    height: 50px;
    width: 50px;
    top: 112px;
    position: absolute;
}


.promo_top-card-arrow_right {
    position: absolute;
    width:101px;
    height:249px;
    display: block;
    right: 10px;
}

.promo_top-card-arrow_right img{
    height: 50px;
    width: 50px;
    position: absolute;
    right: 10px;
    top: 112px;
}

.promo_top-gradient_right {
    position: absolute;
    right: 0px;
    width:100px;
    height: 254px;
    background-image: linear-gradient(90deg,hsla(0,0%,100%,0),#fff);
}

.promo_top-gradient_left {
    position: absolute;
    left: 0px;
    width:100px;
    height: 254px;
    background-image: linear-gradient(270deg,hsla(0,0%,100%,0),#fff);
    display: none;
}
.ygm-footer {
    flex: 0 0 auto;
    margin-bottom: 0px!important;
}