/* ----------------------------------------------------------------------- */
/* Блок «Что это?» */

.b-what-is-it {
    box-sizing    : border-box;
    padding       : 15px;
    margin-bottom : 15px;
    border        : 1px solid #dddddd;
    font-size     : 13px;
}

.b-what-is-it__header {
    font-size     : 20px;
    margin-bottom : 10px;
    line-height   : 1.2;
}





/* ----------------------------------------------------------------------- */
/* Баннер 240x400 */

.b-banner-240x400 {
    box-sizing    : border-box;
    width         : 260px;
    border        : 1px dashed #dddddd;
    padding       : 10px 9px;
    margin-bottom : 15px;
    text-align    : center;
}

.b-caramba-240x400 {
    box-sizing    : border-box;
    width         : 260px;
    border        : 1px dashed #dddddd;
    padding       : 10px 9px;
    margin-bottom : 15px;
    text-align    : center;
}





/* ----------------------------------------------------------------------- */
/* Блок «Зарплаты и рейты» */

.b-salary-rate {
    box-sizing    : border-box;
    width         : 100%;
    min-width     : 260px;
    margin-bottom : 15px;
    border        : 3px solid #00cc00;
    font-family   : 'PT Sans';
    font-size     : 13px;
}

    .b-salary-rate__header {
        font-size     : 20px;
        font-weight   : bold;
        padding       : 15px 15px 0;
        margin-bottom : 7px;
        line-height   : 1;
    }

    .b-salary-rate__description {
        padding     : 10px 15px 15px;
        color       : #292929;
        font-weight : bold;
        line-height : 1.5;
    }

    .b-salary-rate__table {
        table-layout : fixed;
        line-height  : 1;
    }

    .b-salary-rate__table thead tr th {
        font-size     : 14px;
        text-align    : left;
        padding       : 5px 15px;
        border-bottom : 2px solid #dddddd;
        font-weight   : normal;
    }

    .b-salary-rate__table tbody tr + tr {
        border-top : 1px solid #dddddd;
    }

    .b-salary-rate__table tbody tr:hover {
        background : #f9f9f9;
    }

    .b-salary-rate__table tbody tr td {
        padding        : 5px 15px;
        font-size      : 13px;
        color          : #000000;
        vertical-align : middle;
    }

    .b-salary-rate__table-cell--post {
        background  : #f9f9f9;
        font-weight : bold;
    }





/* ----------------------------------------------------------------------- */
/* Блок «Услуги {rating_name}» (Например: Услуги digital-агентств) */

.b-rating-services {
    box-sizing    : border-box;
    padding       : 15px;
    margin-bottom : 15px;
    border        : 1px solid #dddddd;
}

    .b-rating-services__header {
        font-size     : 20px;
        margin-bottom : 10px;
        line-height   : 1.2;
    }





/* ----------------------------------------------------------------------- */
/* Блок с лайкалками и датой релиза рейтинга в центральной колонке */

.b-cc-social-button-rating-date {
    width         : 100%;
    margin-bottom : 10px;
}

.b-cc-social-button-rating-date__table {
    line-height: 1;
}

.b-cc-social-button-rating-date__cell-date {
    width      : 30%;
    text-align : right;
}

.b-cc-social-button-rating-date__social {
    display        : inline-block;
    vertical-align : middle;
    height         : 20px;
}

.b-cc-social-button-rating-date__social + .b-cc-social-button-rating-date__social {
    margin-left : 15px;
}

.b-cc-social-button-rating-date__social--twitter { width: 80px; }
.b-cc-social-button-rating-date__social--facebook { width: 90px; }
.b-cc-social-button-rating-date__social--vkontakte { width: 185px; }





/* ----------------------------------------------------------------------- */
/* Блок с мини-рейтингом (позиция, фавикон, сущность) */

.b-mini-rating {
    box-sizing    : border-box;
    padding       : 15px;
    margin-bottom : 15px;
    border        : 1px solid #dddddd;
}

.b-mini-rating__header {
    font-size     : 20px;
    line-height   : 1.2;
    margin-bottom : 10px;
}

.b-mini-rating__cell-position {
    text-align  : center;
    font-weight : bold;
    font-size   : 14px !important;
    color       : #484848 !important;
}

.b-mini-rating__cell-city {
    color : #2b2b2b;
}


.b-mini-rating__table tr + tr {
    border-top : 1px solid #dddddd;
}

.b-mini-rating__table tr:hover {
    background : #f3f3f3;
}

.b-mini-rating__table tr td {
    padding        : 5px;
    font-size      : 13px;
    color          : #000000;
    vertical-align : middle;
    line-height    : 1.2;
}





/* ----------------------------------------------------------------------- */
/* Классифайды */

.b-classifieds {
    box-sizing    : border-box;
    width         : 100%;
    min-width     : 240px;
    padding       : 15px;
    background    : #f6f8fb;
    margin-bottom : 15px;
}

    .b-classifieds__header {
        margin-bottom : 10px;
        font-size     : 17px;
        font-weight   : bold;
        line-height   : 1.2;
        color         : #484848;
    }

    .b-classifieds__table {
        line-height : 1;
    }


    .b-classifieds__item + .b-classifieds__item {
        border-top  : 1px solid #efefef;
        padding-top : 5px;
        margin-top  : 5px;
    }

    .b-classifieds__text {
        margin-bottom : 5px;
        font-size     : 11px;
        line-height   : 1.2;
    }

    .b-classifieds__go {
        margin-top  : 10px;
        padding-top : 10px;
        border-top  : 1px solid #efefef;
        text-align  : center;
        font-size   : 11px;
    }

    .b-classifieds__go a { color : #505050; }
    .b-classifieds__go a:hover { color : #fd1515; }





/* ----------------------------------------------------------------------- */
/* Логотип спонсора */

.b-sponsor-logo {
    border           : 1px dashed #dddddd;
    padding          : 10px 0px;
    background-color : #ffffff;
    width            : 238px;
    margin-bottom    : 0px;
    text-align       : center;
}
    .b-sponsor-logo__img {

    }

    .b-sponsor-logo__slogan {
        text-align : center;
        margin-top : 3px;
    }





/* ----------------------------------------------------------------------- */
/* Блок лучших проектов */

.b-best-projects {
    box-sizing    : border-box;
    padding       : 15px;
    margin-bottom : 15px;
    border        : 1px solid #dddddd;
    font-size     : 13px;
}

    .b-best-projects__header {
        font-size     : 20px;
        margin-bottom : 10px;
        line-height   : 1.2;
    }

    .b-best-projects__header a {
        color           : inherit;
        text-decoration : none;
    }
    .b-best-projects__header a:hover {
        color           : #fd1515;
        text-decoration : underline;
    }

    .b-best-projects__table td {
        padding : 5px;
    }

    .b-best-projects__table tr + tr {
        border-top : 1px solid #dddddd;
    }

    .b-best-projects__category {
        background: #e6e6e6;
    }

    .b-best-projects__position {
        width          : 40px;
        vertical-align : middle;
        text-align     : center;
        font-weight    : bold;
    }

    .b-best-projects__project {
        border-left : 1px solid #dddddd;
    }

    .b-best-tagline-award {
        /*border : 1px solid #dddddd;*/
        margin-bottom : 10px;
    }

    .b-best-tagline-award + .b-best-tagline-award {
        /*margin-top  : 5px;*/
        /*padding-top : 5px;*/
        /*border-top  : 1px solid #ddd;*/
    }

    .b-best-tagline-award__category {
        font-weight   : bold;
        margin-bottom : 3px;
        font-size     : 14px;
    }

    .b-best-tagline-award__category-icon {
        display        : inline-block;
        vertical-align : middle;
        width          : 16px;
        margin-right   : 3px;
    }

    .b-best-tagline-award__category-name {
        display        : inline-block;
        vertical-align : middle;
    }

    .b-best-tagline-award__project {
        /*padding   : 3px 3px 3px 4px;*/
        font-size : 12px;
    }

    .b-bta__link-toggle {
        margin-top     : 15px;
        margin-bottom  : 10px;
    }

    .b-bta__links {
        margin-top : 15px;
    }

    .b-bta__link {
        margin-top : 10px;
        display    : table;
    }

.b-bta-toggle-link {
    border-bottom : 1px dashed;
    color         : #3472c9;
    cursor        : pointer;
}

.b-bta-toggle-link:hover {
    color  : #fd1515;
}


/* ----------------------------------------------------------------------- */
/* Блок «Паспорт проекта» */

.b-passport {
    box-sizing    : border-box;
    padding       : 15px;
    margin-bottom : 15px;
    border        : 1px solid #dddddd;
    font-size     : 13px;
}

    .b-passport__header {
        font-size     : 20px;
        margin-bottom : 10px;
        line-height   : 1.2;
    }

    .b-passport__description {
        font-size   : 12px;
        line-height : 1.2;
        font-style  : italic;
    }

    .b-passport__subheader {
        font-weight : bold;
        font-size   : 14px;
    }

    .b-passport__item + .b-passport__item {
        margin-top  : 7px;
        padding-top : 7px;
        border-top  : 1px solid #cccccc;
    }

    .b-passport__theme {
        font-weight : bold;
        font-size   : 14px;
    }

    .b-passport__full-version {
        font-weight : bold;
        margin-top  : 10px;
    }





/* ----------------------------------------------------------------------- */
/* Блок с рейтингами-диаграммами */

.b-solve-rating {
    box-sizing    : border-box;
    padding       : 15px;
    margin-bottom : 15px;
    border        : 1px solid #dddddd;
    font-size     : 13px;
}

    .b-solve-rating__header {
        font-size     : 20px;
        margin-bottom : 10px;
        line-height   : 1.2;
    }

    .b-solve-rating__description {
        margin-top : 10px;
    }

    .b-solve-rating__table {
        display : block;
    }

.b-sr-item {
    width          : 100%;
    padding-bottom : 4px;
    position       : relative;
}

    .b-sr-item__favicon {
        display        : inline-block;
        vertical-align : middle;
        margin-top     : 3px;
        z-index        : 100;
        position       : relative;
        width          : 16px;
        height         : 16px;
        line-height    : 1;
    }

    .b-sr-item__link {
        color           : black;
        text-decoration : none;
    }

    .b-sr-item__link:hover {
        color           : black;
        text-decoration : underline;
    }

    .b-sr-item__name {
        display        : inline-block;
        vertical-align : middle;
        font-size      : 13px;
        margin-top     : 3px;
        z-index        : 100;
        position       : absolute;
        margin-left    : 7px;
        padding-left   : 7px;
    }

    .b-sr-item__fill {
        background : #ffa500;
        height     : 18px;
        position   : absolute;
        left       : 23px;
        top        : 3px;
    }

    .b-sr-item__percent {
        position  : absolute;
        top       : 5px;
        right     : 4px;
        font-size : 11px;
        color     : #252525;
    }





/* ----------------------------------------------------------------------- */
/* Блок со ссылками на что-нибудь. Другие рейтинги или ссыоки по теме. */

.b-other-links {
    box-sizing    : border-box;
    padding       : 15px;
    margin-bottom : 15px;
    border        : 1px solid #dddddd;
    font-size     : 13px;
}

    .b-other-links__header {
        font-size     : 20px;
        margin-bottom : 10px;
        line-height   : 1.2;
    }

    .b-other-links__table {
        width : 100%;
    }

    .b-other-links__table td {
        vertical-align : top;
        padding        : 0;
        margin         : 0;
        padding        : 3px 0;
    }

    .b-other-links__cell-favicon {
        width : 25px;
    }

    .b-other-links__cell-favicon img {
        width  : 16px;
        height : 16px;
    }





/* ----------------------------------------------------------------------- */
/* Оранжевый блок с комментарием АР к рейтингу */

.b-ar-rating-comment {
    background : #f9edda;
    width      : 100%;
    box-sizing : border-box;
    padding    : 20px;
    margin     : 15px 0px;
}

.b-arc-who {
    display        : inline-block;
    vertical-align : middle;
    margin-bottom  : 15px;
}

    .b-arc-who__photo {
        display        : inline-block;
        vertical-align : middle;
        width          : 80px;
        border-radius  : 50%;
    }

    .b-arc-who__person {
        font-size      : 15px;
        display        : inline-block;
        vertical-align : middle;
        margin-left    : 10px;
        line-height    : 1.3;
    }

    .b-arc-who__person-name {
        font-weight : bold;
        font-size   : 20px;
    }





/* ----------------------------------------------------------------------- */
/* Таблица с визуалами forsmi */

table.t-forsmi {}

table.t-forsmi tr td {
    padding: 10px;
}

table.t-forsmi tr:nth-child(odd)
{
    background: #f1f1f1;
}