HTML, BODY {
    margin: 0;
    padding: 0;
    }

H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE,
OL, UL, LI, DL, DT, DD,
TD, FORM, FIELDSET,
ABBR, CODE {
    margin: 0;
    border: 0;
    padding: 0;
    font-size: 1em;
    font-weight: normal;
}

H1, H2, H3, H4, H5, H6 {
    font-family: Arial;/* , Officina; */
    }

TABLE {
    margin-bottom: 0;
    margin-top: 0;
    border: 0;
    padding: 0;
    font-size: 1em;
    font-weight: normal;
    }

A { text-decoration: none; }

OL, UL { list-style: none; }

A IMG { border: 0; }

@font-face {
    font-family: 'Officina';
    src: url('./fonts/officinaserifbookctt-webfont.eot');
    src: url('./fonts/officinaserifbookctt-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/officinaserifbookctt-webfont.woff') format('woff'),
         url('./fonts/officinaserifbookctt-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }

.b-message-mobile {
    display: none !important;
    }

BODY {
    padding: 10px 0 0;
    background: #FFF;
    font: normal 14px/1.4 Arial, sans-serif;
    color: #000;
    }
    .view-recent{
        padding: 0!important;
        }

A:link, A:visited {
    text-decoration: none;
    color: #000;
    }

.ljuser B {
    font-weight: normal;
    }
.ljuser A {
    text-decoration: underline;
    }
    .ljuser A:hover {
        text-decoration: none;
        }

.hr {
    float: left;
    clear: both;
    width: 100%;
    }
/* ----- menu with rounded corners ----- */
.m-rounded {
    }
    .m-rounded .m-b-brick,
    .item-map .m-b-brick {
        display: block;
        float: left;
        height: 30px;
        line-height: 30px;
        background: url(./img/button-bg.png) repeat-x center top;
        cursor: pointer;
        color: #FFF;
        }
        .menu-main .m-b-brick {
           height: 45px;
           line-height: 45px;
           }
    .m-rounded .m-b-middle {
        background-position: center top;
        }
        .menu-main .m-b-middle {
            width: 272px;
            background-position: left -155px;
            }
        .item-map .m-b-middle {
            padding-left: 17px;
            }
    .m-rounded .m-b-left,
    .item-map .m-b-left {
        width: 10px;
        background-position: left -397px;
        }
        .m-rounded .m-b-right,
        .item-map .m-b-right {
            width: 10px;
            background-position: right -397px;
            }
        .menu-main .m-b-left {
            background-position: left -565px;
            }
        .menu-main .m-b-right {
            background-position: right -565px;
            }
    .menu-main I {
        display: block;
        position: absolute;
        top: 2px;
        right: 10px;
        margin-top: 10px;
        width: 20px;
        height: 21px;
        background: url(./img/button-bg.png) no-repeat left -226px;
        }
    .item-map I {
        display: block;
        position: absolute;
        top: 6px;
        left: 9px;
        width: 15px;
        height: 15px;
        background: url(./img/button-bg.png) no-repeat left -280px;
        }
/* ----- .widget-menu hover ----- */
.widget-menu A {
    text-decoration: underline;
    }
    .widget-menu A:hover {
        text-decoration: none;
        }
    .widget-menu .current A {
        font-weight: bold;
        text-decoration: none;
        }
.widget-menu A:hover .m-b-brick,
.widget-menu .current .m-b-brick {
    background-position: center -50px;
    color: #373131;
    }
    .widget-menu .current .m-b-brick {
        text-shadow: none;
        }
    .widget-menu A:hover .m-b-left,
    .widget-menu .current .m-b-left{
        background-position: left -454px;
        }
    .widget-menu A:hover .m-b-right,
    .widget-menu .current .m-b-right {
        background-position: right -454px;
        }
/* ----- .widget-menu no-link ----- */

.widget-menu .no-link .m-b-brick,
.widget-menu .no-link:hover .m-b-brick {
    background-position: center -100px;
    color: #a19283;
    }
    .m-rounded .no-link .m-b-brick,
    .m-rounded .no-link:hover .m-b-brick {
        text-shadow: 1px 0 1px #FFF;
        }
    .widget-menu .no-link:hover .m-b-left,
    .widget-menu .no-link .m-b-left{
        background-position: left -510px;
        }
    .widget-menu .no-link:hover .m-b-right,
    .widget-menu .no-link .m-b-right {
        background-position: right -510px;
        }
    .menu-victorina .no-link {
        display: none;
        }
/* ----- menu links style ----- */

.button:link,
.button:visited,
.widget-menu A,
.menu-main A {
    display: inline-block;
    font-family: Arial;/* , Officina; */
    font-size: 16px;
    }
    .m-rounded .button:link,
    .m-rounded .button:visited,
    .m-rounded A {
        text-shadow: 1px 0 1px #564b42;
        }
    .widget-menu A {
        font-size: 15px;
        }
    .menu-main A {
        width: 295px;
        font-size: 22px;
        }
.m-rounded .no-link A {
    text-shadow: 1px 0 1px #FFF;
    color: #a19283;
    }
    .menu-top .no-link A {
        text-shadow: none;
        color: #333;
        }
/* ----- blocks ----- */
.container {
    min-width: 1040px;
    background: url(./img/line.png) no-repeat center 86px;
    }
    .view-city .container {
       background-position: center 149px;
       }
    .view-recent .container {
       background: url(./img/mainpic_v3.jpg) no-repeat center top;
       }
    .page {
        max-width: 1920px;
        min-width: 1040px;
        margin: 0px auto;
        }
        .page:after {
            display: block;
            clear: both;
            visibility: hidden;
            height: 0.1px;
            content: " ";
            line-height: 0;
            font-size: 0.1em;
            }
        .content {
            position: relative;
            float: left;
            clear: both;
            width: 100%;
            padding-bottom: 30px;
            /* background-size: 100% auto; */
            }
            .view-city .content {
                max-height: 585px;
                min-height: 320px;
                position: absolute;
                top: 194px;
                bottom: 0;
                background-position: 50% 50% !important;
                }
            .content-inner {
                width: 1015px;
                margin: 110px auto 0;
                }
                .view-city .content-inner {
                    width: 100%;
                    margin: 0px;
                    }
                .view-recent .content-inner {
                    width: 100%;
                    margin: 0px;
                    }
                .alpha {
                    float: left;
                    width: auto;
                    margin-right: 250px;
                    padding: 20px 0;
                    }
                    .view-singlepost .alpha {
                         max-width: 765px;
                         background: #FFF;
                         }
                    .view-recent .alpha {
                        margin: 0;
                        padding: 0;
                        width: 100%;
                        }
/* Mainpage
------------------------------------------*/

.main-content {
    position: relative;
    width: 1015px;
    margin: 0px auto;
    }

.intro {
    width: 300px;
    height: 445px;
    }
    .intro-text {
        float: left;
        clear: both;
        height: 195px;
        margin-top: 30px;
        margin-left: 12px;
        font-family: Arial;/* , Officina; */
        font-size: 19px;
        }
.menu-main {
    float: left;
    clear: both;
    }
.menu-main LI {
    margin-bottom: 12px;
    position: relative;
    }
.main-share {
    height: 40px;
    width: 100%;
    position: absolute;
    top: 405px;
    }
    .main-share .entry-share {
        width: 780px;
        margin: 0 0 0 383px;
        }
.main-footer {
    position: relative;
    width: 1015px;
    padding: 15px 0 12px;
    background: #f4f3f2;
    border-top: 1px solid #bbb2aa;
    border-radius: 15px;
    }
    .main-footer:before {
        position: absolute;
        top: 0px;
        left: 15px;
        content: "";
        display: block;
        width: 97%;
        height: 1px;
        border-top: 1px solid #e9e6e4;
        }
    .main-footer:after {
        display: block;
        clear: both;
        visibility: hidden;
        height: 0.1px;
        content: " ";
        line-height: 0;
        font-size: 0.1em;
        }
.main-widgets {
    width: 100%;
    }
.main-widgets .widget {
    clear: none;
    margin: 0px;
    }
    .main-widgets .widget-mainleft {
        float: left;
        margin-left: 12px;
        }
    .main-widgets .widget-mainright {
        float: right;
        margin-right: 12px;
        }
    .main-wide {
        width: 728px;
        margin: 0px auto;
    }
/* Header
------------------------------------------*/
.header {
    position: relative;
    clear: both;
    width: 1040px;
    height: 120px;
    margin: 0px auto;
    background: url(./img/slogan_in.png) no-repeat right 40px;
    }
    .view-city .header {
        z-index: 2;
        height: 184px;
        background: url(./img/slogan.png) no-repeat right 40px;/* 75px */
        }
    .view-recent .header {
        height: 192px;
        background: url(./img/slogan_main.png) no-repeat left 106px;
        }
    .logo {
        display: block;
        float: left;
        overflow: hidden;
        width: 90px;
        height: 88px;
        margin-left: 12px;
        background: url(./img/logo_site.jpg) no-repeat left center; /* logo_in.png */
        text-indent: -1000px;
        }
        .view-city .logo {
            width: 115px;
            height: 151px;
            background: url(./img/logo.png) no-repeat left center;
            }
        .view-recent .logo {
            width: 155px;
            height: 105px;
            background: url(./img/logo-main.png) no-repeat left center;
            }
    .read-us {
        float: right;
        /* width: 166px; */
        margin-top: 5px;
        padding: 5px 7px;
        text-align: left;
        }
        .read-us-default {
            margin-top: 3px;
            padding-left: 18px;
            background: url(./img/icons.png) no-repeat left -156px;
            }
        .read-us-buttons {
            display: none;
            }
        .read-us:hover{
            border: 1px solid #EEE;
            border-radius: 3px;
            background: #ffffff; /* Old browsers */
            background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%); /* IE10+ */
            background: linear-gradient(top,  #ffffff 0%,#f3f3f3 100%); /* W3C */
            box-shadow: 0 1px 1px #DDD;
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
            }
            .read-us:hover .read-us-default {
                display: none;
                }
            .read-us:hover .read-us-buttons {
                display: block;
                }
        .view-city .read-us{
            margin-top: 10px;
            }
        .read-us SPAN {
            padding-right: 5px;
            }
        .read-us IMG {
            vertical-align: bottom;
            }
    .menu-top {
        float: left;
        clear: both;
        width: 100%;
        margin-top: 0px;
        border: 0px solid teal;
        }
        .menu-top LI {
            float: left;
            height: 30px;
            padding: 0px 12px;
            border-right: 1px solid #fdc61d;
            border-left: 1px solid #d98d0c;
            line-height: 30px;
            }
            .menu-top LI.first{
                border-left: 0px;
                }
            .menu-top LI.last{
                border-right: 0px;
                }
            .menu-top LI A {
                text-decoration: none;
                font-family: Arial;/* , Officina; */
                font-size: 18px; /*20*/
                color: #000;
                }
            .menu-top LI A:hover {
                color: #8c622f;
                }
                .header .menu-top LI.current,
                .header .menu-top LI.current A {
                    color: #FFF;
                    }
            .menu-top .item-map {
                position: absolute;
                right: 0px;
                padding: 0px;
                border: 0px solid;
                }
/*
                .menu-top LI.item-map A {
                    display: inline-block;
                    height: 30px;
                    padding: 0 10px;
                    border-radius: 5px;
                    background: url(./img/button-bg.png) repeat-x center -1px;
                    line-height: 30px;
                    text-shadow: 1px 0 1px #564b42;
                    font-size: 16px;
                    color: #FFF;
                    }
                .menu-top LI.item-map A:hover {
                    background-image: none;
                    background-color: #A69888;
                    }
                    .menu-top LI.item-map A:before {
                        content: " ";
                        display: inline-block;
                        width: 15px;
                        height: 21px;
                        margin-right: 3px;
                        vertical-align: middle;
                        background: url(./img/button-bg.png) no-repeat left -280px;
                        }
*/
.header-share {
    height: 40px;
    width: 100%;
    position: absolute;
    top: 110px;
    left: 0;
    }
    .header-share .entry-share {
        width: 780px;
        margin: 0 0 0 420px;
        }

.map {
    display: block;
    margin: 0 0 0 -62px;
    }

.map-flash  {
    margin: 0 0 0 -80px;
    }
/* Sidebar
------------------------------------------*/
.beta {
    position: relative;
    float: right;
    width: 250px;
    padding-top: 100px;
    margin-left: -250px;
    }
    .beta-shadow {
        position: absolute;
        top: 0px;
        width: 19px;
        height: 717px;
        background: url(./img/right-shadow.png) no-repeat left top;
        }
    .widget {
        clear: both;
        margin-bottom: 35px;
        }
        .widget-menu,
        .widget-usersposts,
        .widget-apps  {
           padding: 0 10px;
            }
        .widget-author,
        .widget-citycard {
            padding: 15px 10px;
            background: url(./img/widget-bg.png) repeat-y left center;
            }
            .widget-author {
                padding: 15px 15px 15px 20px;
                }
        .widget-title {
            margin-bottom: 17px;
            font-size: 24px;
            }
        .widget H5 {
            margin: 5px 0;
            font: bold 14px/1.4 Arial;
            }
        .widget-menu LI {
            margin-bottom: 3px;
            }
        .profile-image IMG {
            height: auto;
            max-width: 100%;
            }
        .author-about {
            margin-top: 10px;
            }
            .author-upic {
                margin-right: 10px;
                border: 3px solid #FFF;
                background: #FFF;
                }
        .app-content {
            position: relative;
            margin-bottom: 30px;
            padding-top: 140px;
            }
            .app-content .poster {
                display: none;
                }
        .widget-text {
            margin-bottom: 10px;
            }
            .widget-text .ljcut-link {
                display: none;
                }
            .app-content IMG {
                position: absolute;
                top: 0;
                width: 207px;
                height: auto;
                max-height: 125px;
                border: 5px solid #FFF;
                box-shadow: 0 0 5px #CCC;
                }
            .app-text br{
                display: none;
                }
        .relative-posts LI {
            padding-bottom: 30px;
            background: url(./img/sidebar-spacer.png) no-repeat center bottom;
            }
    .comments-count {
        display: inline-block;
        height: 30px;
        padding: 0 0 0 27px;
        background: url(./img/icons.png) no-repeat 10px -19px;
        line-height: 30px;
        text-decoration: none;
        color: #000;
        }
.opera-widget {
    position: absolute;
    top: 15px;
    padding: 0 10px;
    }
/* Entry
------------------------------------------*/

.entry-buttons {
    position: absolute;
    z-index: 11;
    margin-left: 720px;
    margin-top: 5px;
    }
.entry {
    position: relative;
    z-index: 11;
    width: 645px;
    margin: 0 45px 20px 75px;
    }
    .entry-header {
        margin: 0px;
        }
    .entry H3 {
        font-size: 31px;
        }
        .entry BR + H3 {
          margin-top: 20px;
          }
        TABLE H3 {
            margin-bottom: 10px;
            }
    .entry-text{
        margin: 20px 0;
        }
        .entry-text A, .entry-text A:visited {
            text-decoration: underline;
            }
            .entry-text A:hover {
                text-decoration: none;
                }
        .view-singlecity .entry-text IMG,
        .map {
            border: 5px solid #FFF !important;
            box-shadow: 0 0 5px #CCC;
            }
            .entry-text SPAN IMG {
                border: 0px solid #FFF !important;
                box-shadow: none;
                }

    .entry LI {
        margin-bottom: 10px;
        }
        .entry OL OL {
            margin: 10px 0 0 10px;
            }
    .entry IFRAME {
        border: 0px solid;
        }

    .text-unlim,
    .text-unlim2,
    .text-unlim3 {
        margin-bottom: 10px;
        }
/* Entry share
------------------------------------------*/
 .entry-share {
    margin-top: 20px;
    height: 40px;
    }
     .entry-share LI {
        float: left;
        margin-right: 5px;
        height: 22px;
        }
        .tw-item {
            width: 105px !important;
            }
        .vk-item {
            width: 90px !important;
            }
        .ml-item {
            min-width: 250px;
            }
        .entry-share .lj-like {
            margin: 0 10px 0 0 !important;
            min-height: 0 !important;
            }
            .entry-share .lj-like-item {
                margin: 0px !important;
                }

.comments {
    margin: 0 45px 20px 20px;
    }

.entrywidget-cities {
    float: left;
    position: relative;
    z-index: 11;
    width: 730px;
    margin: 20px 15px 20px 20px;
    }
.shortcity-content {
    position: relative;
    float: left;
    width: 365px;
    }
    .shortcity-content .poster,
    .shortcity-content H5,
    .shortcity-content .widget-text,
    .shortcity-content .widget-footer {
        padding-left: 155px;
        padding-right: 10px;
        }
        .shortcity-content .widget-text {
            overflow: hidden;
            }
        .shortcity-content .widget-text IMG {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 135px;
            max-height: 85px;
            border: 5px solid #FFF !important;
            box-shadow: 0 0 5px #CCC;
            }

.entry-shadow {
    position: relative;
    z-index: 10;
    right: -33px;
    margin-top: -200px;
    float: right;
    width: 365px;
    height: 266px;
    background: url(./img/entry-shadow.png) no-repeat right bottom;
    }
.comments-header {
    position: relative;
    float: left;
    clear: both;
    margin-bottom: 30px;
    padding: 0 14px 0 25px;
    font-size: 24px;
    background: #ffdf17 url(./img/widget-bg.png) repeat-y left center;
    }
.comments-links, .reply-linkback {
    clear: both;
    text-align: center;
    }
    .comments-links-bottom {
        margin-bottom: 10px;
       }

#qrform TABLE, #postform TABLE {
    padding: 10px;
    border: 1px solid #DDD !important;
    border-radius: 10px;
    }

/* City Common
------------------------------------------*/

.city-name {
    margin-bottom: 10px;
    line-height: 60px;
    font-family: Arial;/* , Officina; */
    font-size: 56px; /* 65 */
    color: #000;
    }
    .view-singlepost H2.city-name {
        margin-left: 75px;
        font-size: 54px;
        }
        .view-singlepost-37818 H2.city-name {
            font-size: 45px;
            line-height: 50px;
            }
    H2.city-name IMG {
        margin: 0 10px 0 0;
        vertical-align: baseline;
        }
    H2.city-name A {
        text-decoration: underline;
        color: #000;
        }
        H2.city-name A:hover {
            text-decoration: none;
            }

.view-city .comments-count {
        padding: 0 15px 0 27px;
        }

/* City View
------------------------------------------*/
.city-container {
    position: absolute;
    bottom: 40px;
    left: 50%;
    width: 1040px;
    margin-left: -520px;
    }
    .city-metalinks {
        width: 750px;
        margin-bottom: 2px;
        font-family: Arial;/* , Officina; */
        }
        .city-metalinks A,
        .city-metalinks .posts-count {
            display: inline-block;
            height: 30px;
            line-height: 30px;/*33*/
            text-decoration: none;
            font-size: 16px;
            vertical-align: middle;
            }
        A.read-entry {
            margin-right: 2px;
            padding: 0px 30px;
            background: #ffdf17 url(./img/gradientline_s.png) repeat-y left center;
            font-size: 20px;/* 22 */
            }
            .read-entry:hover {
                background-image: none;
                }
          .city-metalinks .posts-count {
            float: right;
            padding: 0 10px 0 30px;
            background: #FFF url(./img/userinfo.gif) no-repeat 10px center;
            }
          .city-metalinks .comments-count {
            background-color: #FFF;
            }
    .city-card {
        float: left;
        width: 750px;
        height: 155px;
        background: #FFF;
        }
        .city-card-inner {
            margin: 17px 15px 20px;
            }
            .city-card .city-name {
                vertical-align: middle;
                margin-bottom: 5px;
                }
            .city-card .author {
                margin: 0 0 5px 60px;
                }
                .city-card .author A {
                  vertical-align: bottom;
                  }
            .city-card H3 {
                margin: 0 0 0 60px;
                font-size: 24px;
                }
                .city-card H3 A {
                    text-decoration: underline;
                    }
                    .city-card H3 A:hover {
                        text-decoration: none;
                        }

    .city-tariff {
        float: right;
        overflow-y: hidden;
        width: 282px;
        height: 155px;
        font-family: Arial;/* , Officina; */
        }

        .city-tariff DL {
            margin: 0px;
            padding: 9px;
            background: #FFF;
            }
            .city-tariff .item-calls {
                margin-bottom: 7px;
                }
                .city-tariff DT {
                    margin: 0 0 5px;
                    /* font-size: 19px; */
                    font-size: 16px;
                    }
                    .city-tariff DT A {
                        font-weight: bold;
                        text-decoration: underline;
                        }
                        .city-tariff DT A:hover {
                            text-decoration: none;
                            }
                .city-tariff DD {
                    margin: 0px;
                    padding-left: 12px;
                    background: url(./img/icons.png) no-repeat left 2px;
                    }
                    .city-tariff .item-unlim {
                        height: 60px;
                        }
                    .city-tariff .item-unlim DD {
                        display: block;
                        float: left;
                        }
                    .city-tariff .phone {
                        margin-right: 3px;
                        background-position: left -58px;
                        }
                    .city-tariff .tablet {
                        margin-right: 3px;
                        background-position: left -88px;
                        }
                    .city-tariff .modem {
                        background-position: left -121px;
                        }

.cities-prevnext {
    position: absolute;
    bottom: 40%;
    width: 100%;
    height: 290px;
    }
    .prev-city {
        float: left;
        width: auto;
        }
    .next-city {
        float: right;
        width: auto;
        }
    .cities-prevnext .arrow {
        position: absolute;
        z-index: 10;
        display: block;
        right: 0;
        width: 58px;
        height: 290px;
        background: url(./img/arrows.png) no-repeat left center;
        }
        .cities-prevnext .prev-city .arrow {
            right: auto;
            left: 0;
            background-position: right center;
            }
    .cities-prevnext .city-name {
        position: absolute;
        display: block;
        top: 128px;
        height: 40px;
        padding: 0 10px 0 45px;
        background: #FFF;
        line-height: 40px;
        text-decoration: none;
        font-family: Arial;/* , Officina; */
        font-size: 24px;
        color: #000;
        }
        .cities-prevnext .next-city .city-name {
            right: 0px;
            left: auto;
            padding: 0 45px 0 10px;
            }
        .cities-prevnext .city-name IMG {
            margin: 8px 0 0 0;
            vertical-align: top;
            }

#lj_controlstrip_new,
#ljtime,.appwidget-sitemessages {
    display: none !important;
    }

.fixed {
    position: fixed;
    top: 15px;
    }
/* Popup
------------------------------------------*/
.transp-shadow {
    display: none;
    position: fixed;
    z-index: 100;
    top: 0px;
    width: 100%;
    height: 2000px;
    background: #000;
    opacity: .6;
    filter: alpha(opacity=60);
    }
.popup {
    display: none;
    position: fixed;
    z-index: 110;
    top: 50%;
    left: 50%;
    margin: -175px 0 0 -223px;
    width: 500px;
    }
.popup-top {
    height: 280px;
    background: url(./img/popup/popup.png) no-repeat left top;
    }
.popup-logo {
    position: absolute;
    display: block;
    top: 40px;
    left: 40px;
    width: 95px;
    height: 45px;
    text-indent: -1000px;
    overflow: hidden;
    }
.popup-top .popup-close {
    position: absolute;
    display: block;
    top: 34px;
    right: 35px;
    width: 15px;
    height: 15px;
    text-indent: -1000px;
    overflow: hidden;
    background: url(./img/popup/buttons.png) no-repeat right top;
    }
.popup-content {
    position: relative;
    padding: 0 50px 40px;
    background: url(./img/popup/popup.png) no-repeat left bottom;
    font-family: Arial;
    font-size: 18px;
    color: #000;
    }
    .popup-buttons {
        margin-top: 15px;
        text-align: center;
        }
        .popup-buttons A {
            display: block;
            height: 30px;
            line-height: 30px;
            margin: 0 5px;
            }
            .popup-buttons .popup-close {
                width: 75px;
                padding: 0;
                background: url(./img/popup/buttons.png) no-repeat left center transparent;
                }
            .popup-buttons .popup-poll {
                width: 112px;
                padding: 0;
                background: url(./img/popup/buttons.png) no-repeat -77px center transparent;
                }
/* How on
------------------------------------------*/
.how-on-container {
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 20px;
    }
    .how-on-switch {
        position: relative;
        float: left;
        clear: both;
        padding-left: 19px;
        border-bottom: 1px dashed #000;
        cursor: pointer;
        font-size: 22px;
        line-height: 1em;
        }
        .how-on-switch I {
            position: absolute;
            display: block;
            left: 0px;
            top: 50%;
            margin-top: -3px;
            width: 1px;
            height: 1px;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-top: 7px solid #000;
            }
        .how-on-hidden .how-on-switch I {
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-bottom: 7px solid #000;
            border-top: 0 solid #000;
            }
    .how-on-content {
        float: left;
        clear: both;
        width: 100%;
        margin-top: 7px;
        }
    .how-on-hidden .how-on-content{
        display: none;
        }
/* List styles
------------------------------------------*/
.nested-counter ol {
        counter-reset: section;
        list-style-type: none;
        }

       .nested-counter ol li { counter-increment: section; }
       .nested-counter ol li:before { content: counters(section, ".") ". "; }