@charset "utf-8";

/* include font (NokiaSansS60)
@font-face {
    font-family: NokiaSansS60;
    src: url('/css/nokiasanss60.eot?') format('eot'),
		 local('NokiaSansS60'),
		 url('/css/nokiasanss69.svg#ns60') format('svg'),
         url('/css/nokiasanss60.woff') format('woff'),
         url('/css/nokiasanss60.ttf') format('truetype');
} */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background-position:0 0;
    background-repeat:no-repeat;
    background-color: transparent
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

h1,h2,h3,h4,h5 {font-weight:700;line-height:normal}
h1 {font-size:1em}
h2 {font-size:2em}
h3 {font-size:1.17em}
h4 {font-size:1em}
h5 {font-size:0.83em}
h6 {font-size:0.67em}

body {font:12px/1.3em Arial, Tahoma, Verdana;text-align:left;color:#333;background:#f7f7f2 url(../images/bar/bg.jpg)}

a {color:#0a82a8;text-decoration:underline}
a:hover {text-decoration:none}

/* opacity */
/* 60 */
#footer .counter a img
{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6}
/* 80 */
.menu-table a:hover img,
.search-btn:hover,
.pane a:hover img,
.tags a:hover img,
.mat-img a:hover img,
#login_panel a.x:hover,
#search-soc a:hover img,
#spec a:hover img
{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
/* 100 */
#footer .counter a:hover img
{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}

/* __________ Basic __________ */

/* helpers */
.clear {clear:both;height:1px;overflow:hidden}
.fleft {float:left}
.fright {float:right}
.left {text-align:left !important}
.right {text-align:right !important}
.center {text-align:center !important}
.italic {font-style:italic}
.bold {font-weight:700}
.norm {font-weight:400}
.small {font-size:11px}

.no-bg {background:none !important}
.no-p {padding:0 !important}
.no-m {margin:0 !important}
.no-b {border:0 !important}
.grey_text{margin:20px 0 30px;color:#666;font:14px NokiaSansS60;line-height: 1.5em;text-align: center;}

.va-t {vertical-align:top !important}
.va-m {vertical-align:middle !important; margin-left: -20px;}
#regWrap .va-m {margin-left:0px;}
.H .va-m {margin-left:0px;}
.va-b {vertical-align:bottom !important}

.small {font-size:11px}
.big {font-size:25px}
.normal{font-size:18px}
.hidden {display:none}

.req {vertical-align:top;color:#f00}
.gray {color:#aaa}
.highlight {background:yellow}

/* messages */
.a_page_marker {font-size:0;height:0}
.error_php {font-size:11px;color:#f00}
.error-box {color:#cb4200;margin:0 0 15px}
.error {color:#cb4200;margin:0 0 5px;display:inline-block}
.success {color:green}
.success-box {color:green;margin:0 0 15px}
.ok {}

/* headers */
.H {font:36px NokiaSansS60;color:#000;margin:0 0 20px;line-height:normal}
.h {text-transform:uppercase;font-size:22px;line-height:normal}

/* pagination */
.pagination {margin:10px 0 0;font-size:14px;text-align:center}
.pagination span {color:#666;padding:2px 5px;display:inline-block;margin:0 3px}
.pagination span a {color:#666}
.pagination span.current {background:#f55b11;color:#fff}

/* avatars */
.ava-110 {width:110px;height:60px;overflow:hidden}
.ava-110 img {width:110px;}
.ava-50 {width:50px;height:50px;padding:6px;overflow:hidden;position:relative;}
.ava-50 img {width:50px;height:50px}
.ava-50 i {position:absolute;top:3px;left:3px;width:56px;height:56px;display:block;background-image:url(../images/bar/ava-mask-50.png)}

.c-box {-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;}

/* block */
.o-d, .o-t {position:relative}
.block {position:relative;background:#ebebe6;margin:0 0 20px}
.block .tl,.block .tr, .block .bl,.block .br,.o-t tt,.o-t em,.o-b tt,.o-b em {height:4px;width:4px;overflow:hidden;display:block;position:absolute}
.block .tl,.o-t tt {top:0;left:0} .block .tr,.o-t em {top:0;right:0} .block .bl,.o-b tt {bottom:0;left:0} .block .br,.o-b em {bottom:0;right:0}
.block .tl i,.block .tr i, .block .bl i,.block .br i,.o-t tt i,.o-t em i,.o-t tt em,.o-t em em,.o-b tt i,.o-b em i {background-image:url(../images/bar/o.png);display:block;width:8px;height:8px;overflow:hidden;position:absolute;z-index:2}
.block .tl i,.o-t tt i ,.o-t tt em {left:0;top:0} .block .tr i,.o-t em i,.o-t em em {left:-4px;top:0} .block .bl i,.o-b tt i {left:0;top:-4px} .block .br i,.o-b em i {left:-4px;top:-4px}
.block .h {background:#a6a6a6;color:#fff;font-size:12px;padding:10px 15px}
.block_c {padding:15px;}
#sidebar .block a img { display: block; }

/* tabs block */
.tabs .o-t tt i, .tabs .o-t em i, .tabs .o-t tt em, .tabs .o-t em em {background-image:url(../images/bar/ot.png)}
.tabs ul {font-size:11px;text-transform:none;margin:8px -3px 0 -5px;overflow:hidden}
.tabs ul li {margin:0 0 0 2px;float:left}
.tabs ul a {position:relative;border-bottom:2px solid #c3c3c3;color:#333;display:inline-block;background-color:#d9d9d9;text-decoration:none;padding:7px 8px 5px}
.tabs ul a:hover {color:#555}
.tabs .h {border-bottom:2px solid #959595}
.tabs .active a {background:#ebebe6;border-color:#ebebe6}

.block.tabs ul {margin-bottom:-12px}

.tabs-w {}
.tabs-w .o-t tt i, .tabs-w .o-t em i, .tabs-w .o-t tt em, .tabs-w .o-t em em {background-image:url(../images/bar/ow.png)}

.tab-desc {background:#ebebe6;padding:15px;margin:0 0 -5px !important}

.tabs a.top-comm-link, .tabs a.top-read-link  {background-repeat:no-repeat;background-position:6px 10px;padding-left:24px}
.tabs a.top-comm-link {background-image:url(../images/ico/comm.gif)}
.tabs a.top-read-link {background-image:url(../images/ico/read.png);background-position:5px 10px}

/*
.tab {display:none;overflow:hidden}
.tab-active {display:block!important}
*/
.tab {
    position: absolute; left: -10000px;
    top: -10000px;
    display: block !important;
    width: 100%;
}
#sidebar .tab { width: auto; }
.post-text .tab { width: 550px; }
.body-full .tab { width: 705px; }
.tab-active { position: static; left: 0;top: 0; }

/* shadow block */
.sblock {background:#fff;position:relative;border-right:1px solid #ecece8;border-left:1px solid #ecece8}
.sblock_wrap {padding:4px 4px 7px;background:url(../images/bar/sb.gif) repeat-x 0 bottom;border-top:1px solid #edede8;border-right:1px solid #dcdcd8;border-left:1px solid #dcdcd8}
.sblock .tl,.sblock .tr, .sblock .bl,.sblock .br {height:7px;width:7px;overflow:hidden;display:block;position:absolute}
.sblock .tl {top:0;left:-1px} .sblock .tr {top:0;right:-1px} .sblock .bl {bottom:0;left:-1px} .sblock .br {bottom:0;right:-1px}
.sblock .tl i,.sblock .tr i, .sblock .bl i,.sblock .br i {background-image:url(../images/bar/os.png);display:block;width:14px;height:14px;overflow:hidden;position:absolute;z-index:2}
.sblock .tl i {left:0;top:0} .sblock .tr i {left:-7px;top:0} .sblock .bl i {left:0;top:-7px} .sblock .br i {left:-7px;top:-7px}
.sblock.block {background:#ebebe6;}

/* posts block */
.posts a {color:#333;margin:0 0 8px;display:inline-block;}
.posts div {padding:0 0 10px;margin:0 0 10px;display:block;border-bottom:1px dotted #a4a4a1}
.posts p {font-size:11px;}

.recent_comments { padding-bottom: 0 !important;}
.recent_comments div {overflow:hidden;}
.recent_comments .author {margin:14px 0 7px;color:#808080;font-style:italic; display: block; font-size: 11px;}
.recent_comments a.more-link {font-size:11px;margin:0}

/* quote block */
.quote {background:#808080;color:#fff;padding:15px;font-family:NokiaSansS60}
.quote tt {display:block;position:absolute;bottom:-16px;left:75px;width:16px;height:16px;background-image:url(../images/bar/quote-angle.gif)}
.quote-user {margin:-10px 12px 0;font-size:11px}
.quote-user .ava-50 {float:left;margin:0 15px 0 0}
.quote-user .ava-50 {float:left}
.quote-user  .name {color:#333;font-weight:700;font-size:12px}
.quote-user  a.more {color:#f55b11;background:url(../images/ico/marr.gif) no-repeat right center;padding:0 8px 0 0}

#tweet {position:relative;30px 26px 30px 10px;padding:0 0 25px;margin:0 0 20px 0;background:url(../images/bar/quote-angle.gif) no-repeat 0 bottom}
#tweet a{ position:absolute; top:-6px; right:0px; display:block; width:106px; height:39px;background:url(../images/bar/tweet.png) no-repeat;}
#tweet p {position:relative;font:25px NokiaSansS60;color:#000;padding:0 0 4px;margin:0 0 10px;border-bottom:1px solid #e6e6e6}
#tweet i {font-size:60px;font-style:normal;text-transform:uppercase}
#tweet b {font-size:30px;position:absolute;top:0}

/* popup */
.popup { max-width: 749px; margin-left: -126px; }
.popup-content, .popup-container { max-width: 700px; }
.popup {
    position: absolute;
    background: rgba(0,0,0,.25);
    border-radius: 5px; -moz-border-radius: 5px;
    z-index: 9001;
}
.popup-container {
    background: white;
    border-radius: 4px; -moz-border-radius: 4px;
}
.popup, .popup-container { padding: 4px; }
.popup-container { padding: 17px 30px 14px 19px; overflow: hidden; }
.popup-content {
    min-height: 100px; max-height: 500px; overflow-y: auto;
    min-width: 200px; overflow-x: hidden;
}
.popup-buttons { position: absolute; right: 0; top: 0; }
.popup-buttons a, .popup-buttons span { width: 11px; height: 11px; overflow: hidden; position: relative; }
.popup-buttons a {
    float: right; padding: 10px;
    font-size: 0px; text-decoration: none;
    background: transparent url(/uploads/files/b.gif) left top repeat;
}
.popup-buttons span { display: block; text-indent: 100px; cursor: pointer; }
.popup-buttons a:hover span { top: -1px; }
.popup-buttons .popup-button-close span { background: transparent url(/uploads/files/popup.png) -8px -8px no-repeat; }
.popup-container > .subtitle {
    /*display: block; width: 100%;*/
    margin-bottom: 17px; margin-left: 0px;  padding-bottom: 10px;
    border-bottom: 2px solid #e6e6e6;
    font-weight: normal; color: black;
}
@media screen and (max-width: 800px) {
    .popup {
        margin-left: 0;
        max-width: 100%;
        box-sizing: border-box;
    }
    .popup #tab_1_info {
        width: 100% !important;
    }
}
/* ie border-radius */
.popup-decor { position: absolute; }
.popup-t, .popup-b, .popup-l, .popup-r { background: black; filter:alpha(opacity=25); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; }
.popup-t2, .popup-b2, .popup-l2, .popup-r2 { background: white; filter: none; -ms-filter: none; }
.popup-t, .popup-b { left: 8px; right: 8px; height: 4px; }
.popup-l, .popup-r { top: 8px; bottom: 8px; width: 4px; }
.popup-t, .popup-tl, .popup-tr { top: 0; }
.popup-t2 { top: 4px; }
.popup-r, .popup-tr, .popup-br { right: 0; }
.popup-r2 { right: 4px; }
.popup-b, .popup-bl, .popup-br { bottom: 0; }
.popup-b2 { bottom: 4px; }
.popup-l, .popup-tl, .popup-bl { left: 0; }
.popup-l2 { left: 4px; }
.popup-tr, .popup-br, .popup-bl, .popup-tl {
    width: 8px; height: 8px;
    background: transparent url(/uploads/files/popup.png) left top no-repeat;
}
.popup-tr { background-position: right top; }
.popup-br { background-position: right bottom; }
.popup-bl { background-position: left bottom; }
/* / ie border-radius */


/* __________ Social __________ */

.fb-16,.vk-16,.fc-16,.lj-16,.tw-16,.yt-16,.ml-16,.ya-16,.ss-16,
.fb-16c,.vk-16c,.fc-16c,.lj-16c,.tw-16c,.yt-16c,.ml-16c,.ya-16c,.ss-16c {vertical-align:middle;width:16px;height:16px;display:inline-block;background-image:url(../images/ico/soc.png)}

.google-16c {
    vertical-align:middle;width:16px;height:16px;display:inline-block;background-image:url(../images/ico/google_16x16.png);
}
.ln-16c{
    vertical-align:middle;width:16px;height:16px;display:inline-block;background-image:url(../images/ico/ln16.png);
}
.fs-16c{
    vertical-align:middle;width:16px;height:16px;display:inline-block;background-image:url(../images/ico/foursquare_16.png);
}
.lv-16c{
    vertical-align:middle;width:16px;height:16px;display:inline-block;background-image:url(../images/ico/live-16.png);
}
/* social-color */
.fb-16:hover,.fb-16c {background-position:0 -16px}
.vk-16 {background-position:-16px 0} .vk-16:hover,.vk-16c {background-position:-16px -16px}
.fc-16 {background-position:-32px 0} .fc-16:hover,.fc-16c {background-position:-32px -16px}
.lj-16 {background-position:-48px 0} .lj-16:hover,.lj-16c {background-position:-48px -16px}
.tw-16 {background-position:-64px 0} .tw-16:hover,.tw-16c {background-position:-64px -16px}
.yt-16 {background-position:-80px 0} .yt-16:hover,.yt-16c {background-position:-80px -16px}
.ss-16 {background-position:-96px 0} .ss-16:hover,.ss-16c {background-position:-96px -16px}
.ml-16 {background-position:-112px 0} .ml-16:hover,.ml-16c {background-position:-112px -16px}
.ya-16  {background-position:-128px 0} .ya-16:hover,.ya-16c {background-position:-128px -16px}

.fb-10 {background-image:url(../images/ico/fb-10.png)}
.vk-10 {background-image:url(../images/ico/vk-10.png)}
.tg-10 {background-image:url(../images/ico/tg-10.png)}
.tv-10 {background-image:url(../images/ico/tv-10.png)}
.yt-10 {background-image:url(../images/ico/yt-10.png)}
.fc-10 {background-image:url(../images/ico/fc-10.png)}
.lj-10 {background-image:url(../images/ico/lj-10.png)}
.rss-10 {background-image:url(../images/ico/rss-10.png)}
.itunes-10 {background-image:url(../images/ico/itunes-10.png)}
.ss-10 {background-image:url(../images/ico/ss-10.png)}
.rss-10-1 {background-image:url(../images/ico/rss_footer.png)}

.ok-16c {vertical-align:middle;width:16px;height:16px;display:inline-block;background-size:100%;background-image:url(../images/ico/ok_32.png)}

/* __________ Login panel __________ */

.c-box {
    background:url(../images/bar/dot.png);
    padding:5px;
    position:absolute;
    top:50px;left:30%;
    z-index:1000;
    width:440px;
    overflow:hidden;
}
.c-box .fom-tabs {overflow:hidden;text-transform:uppercase;font-size:14px}
.c-box .fom-tabs li {float:left;margin:0 1px 0 0}
.c-box .fom-tabs a {background:#a7a7a7;display:block;text-decoration:none;padding:10px 15px;color:#fff;border-radius:3px 3px 0 0}
.c-box .fom-tabs a:hover {background:#adacac}
.c-box .active a {color:#f55d00 !important;background:#fff !important;behavior: url(/css/PIE.htc);}
.c-box .tab {background:#fff;border-radius:0 3px 3px 3px;padding:25px;width:auto !important}
#email-popup .tab {background:#fff;border-radius:3px 3px 3px 3px;padding:25px;width:auto !important; margin:0 !important; }
.c-box a.close {position:absolute;right:11px;top:13px;display:block;width:16px;height:16px;background:url(../images/ico/close.png) no-repeat 0 0;text-indent:-9999px}

.c-box .H, .c-box .h {font:22px NokiaSansS60;color:#000;padding:0 0 15px;margin:0;text-transform:none;border-bottom:2px solid #ebebe6}
.c-box .h {font-size:17px;border:0}
.c-box dl {overflow:hidden}
.c-box dd, .c-box dt {position:relative;float:left;display:block;margin:0 0 5px}
.c-box dt {width:250px}
.c-box dd {clear:both;width:140px}
.c-box dd label {font-size:14px;display:block;color:#000}
.c-box label {cursor:pointer}
.c-box .form_footer {border-top:2px solid #ebebe6;padding:15px 0 0;margin:15px 0 0}
.c-box .error {margin:0 0 15px}
.c-box .error .error {margin:0 !important}

.c-box .fright {margin:3px -5px 0}
.c-box .fright input {vertical-align:middle}
.c-box .text {width:245px;margin:0 0 0 -2px}
.c-box .text input {width:236px}
.c-box .focus {width:241px;margin:0}
.c-box .focus input {width:232px}

.c-box .captcha .text {width:135px}
.c-box .captcha .text input {width:126px}
.c-box .captcha .focus {width:131px}
.c-box .captcha .focus input {width:122px}

/* custom tabs */
#tab-login {padding:25px 70px !important}
#tab-login  .text {width:225px}
#tab-login  .text input {width:216px}
#tab-login  .focus {width:221px}
#tab-login  .focus input {width:212px}
#tab-login dd label {color:#808080;}
#tab-login dd {width:67px}
#tab-login dt {width:225px}

#tab-register {}
#tab-forgot {}
@media screen and (max-width: 800px) {
    .c-box {
        width: 100%;
        box-sizing: border-box;
        left: 0 !important;
    }
    .c-box .fom-tabs a {
        font-size: 10px;
        padding-right: 6px;
        padding-left: 6px;
    }
    #tab-login, #tab-register {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media screen and (max-width: 414px) {
    #user-popup {
        overflow-y: auto;
        height: 100%;
    }
}
/**/

#login_panel_wrap {
    background:#fff;
    padding:20px 30px;
    border-color:#fff;
}
#login_panel {
    z-index:1000;
    position:absolute;
    top:130px;left:35%;
    width:358px;
    background:url(../images/bar/dot.png);
    border-color:transparent;
    padding:5px
}
#login_panel .H, #login_panel .h {font:22px NokiaSansS60;color:#000;padding:0 0 15px;margin:0;text-transform:none;border-bottom:2px solid #ebebe6}
#login_panel .h {font-size:17px;border:0;border-top:2px solid #ebebe6;padding:15px 0}
#login_panel a.x {position:absolute;top:15px;right:15px;background-image:url(../images/ico/x.gif);width:11px;height:11px;display:block;}
#login_panel dl {margin:15px 0 9px;overflow:hidden}
#login_panel dd, #login_panel dt {position:relative;float:left;display:block;margin:0 0 5px}
#login_panel dt {width:225px}
#login_panel dd {clear:both;width:67px}
#login_panel dd label {font-size:14px;padding:5px 0 0;display:block;color:#808080}
#login_panel label {cursor:pointer}
#login_panel .fright {margin:3px -5px 0}
#login_panel .fright input {vertical-align:middle}
#login_panel .text {width:225px;margin:0 0 0 -2px}
#login_panel .text input {width:216px}
#login_panel .text.focus {width:221px;margin:0}
#login_panel .text.focus input {width:212px}
#login_panel ol {border-top:1px dotted #b2b2b2;margin:15px 0 0;padding:13px 0 0}
#login_panel ol li{margin:0 0 2px}
#login_panel ol a {color:#f55b11;background:url(../images/ico/marr.gif) no-repeat 0 5px;padding:0 0 0 10px}

/* login social */
#login_soc {overflow:hidden}
#login_soc .h {}
#login_soc span {border-bottom:1px dashed #666;cursor:pointer}
#login_soc i {margin:0 6px 0 0;}
#login_soc a {text-decoration:none;color:#666;display:inline-block;margin:0 25px 0 0}
#login_soc a:hover span {color:#999;border-color:#999}
#login_soc ul {margin:0 -25px 0 0 }
#login_soc li {width:108px;margin:0 0 6px 0;float:left;white-space:nowrap}

/* __________ Register __________ */

#regWrap {}
#regWrap .user_form {margin:0 -100px 0 0}
#regWrap .user_form  ul {width:470px;float:left;margin:0 40px 0 0}

.user_form_footer {margin:10px 0 0;border-top:2px solid #ebebe6;padding:20px 0 0;text-align:center}
.user_form_header {margin:0 0 20px;border-bottom:2px solid #ebebe6;}
.user_form_header ul {margin:0 0 -2px -2px}

.user_form {overflow:hidden}
.user_form  li {margin:0 0 10px}
.user_form label {font-size:15px;width:180px;display:inline-block;line-height:1.4em}
.user_form .text input {width:240px}
.user_form .selector_holder span {width:210px;}
.user_form .selector_wrap {padding:2px 0 2px 2px}
.user_form .desc {color:#aaa;font-size:11px}

.user_form dl {}
.user_form  dt, .user_form dd {float:left;display:block;margin:0 0 10px;vertical-align:middle}
.user_form  dt {clear:both;width:170px}
.user_form  input.upload {border:2px solid #ccc;padding:3px;width:512px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;vertical-align:middle}

#loginWrap {}
#loginWrap label {width:100px}
#loginWrap .text {margin:0 0 0 -3px}
#loginWrap .text input {width:205px}
#loginWrap .remember {font-size:12px;width:auto;float:right}
#loginWrap .remember, #loginWrap .remember input {vertical-align:middle}

#loginWrap a {color:#f55b11;background:url(../images/ico/marr.gif) no-repeat 0 5px;padding:0 0 0 10px}
#loginWrap dd,#loginWrap dt {margin:0 0 10px;vertical-align:middle}
#loginWrap dd {clear:both;width:100px;float:left}
#loginWrap dt {float:left;width:220px}
#loginWrapFooter {margin:10px 0 0;border-top:2px solid #ebebe6;padding:10px 0 0}
#loginWrapFooter p {margin:0 0 1px}

#forgotWrap {}

/* __________ General __________ */

#wrapper,.wrapper {max-width:1020px;margin:0 auto;position:relative}

/* top navigation */
#nav {width:100%;height:39px;position:absolute;top:0;left:-1px;z-index:30}
#nav li {background:#ebebe6;border-top:2px solid #bebeba;position:relative;float:left;margin:0 0 0 1px}
#nav li a {text-align:center;color:#4c4c4c;display:inline-block;padding:0 20px 0 19px;height:37px;line-height:37px}
#nav li a img {vertical-align:middle;margin-top:-2px;margin-right:4px}
#nav li a:hover, #nav li.active a {color:#fff;text-decoration:none}
#nav li.m {border-color:#f55b11} #nav li.m a:hover, #nav li.m.active {background-color:#f55b11}
#nav li.d {border-color:#9f0131} #nav li.d a:hover, #nav li.d.active {background-color:#9f0131}
#nav li.f {border-color:#9f319c} #nav li.f a:hover, #nav li.f.active {background-color:#92278f}
#nav li.t {border-color:#72b533} #nav li.t a:hover, #nav li.t.active {background-color:#0d8057}
#nav li.r {border-color:#4e98cc} #nav li.r a:hover, #nav li.r.active {background-color:#456096}
#nav li.b {border-color:#7fa8b2} #nav li.b a:hover, #nav li.b.active {background-color:#a3ced9}
#nav li.s {border-color:#9688c5} #nav li.s a:hover, #nav li.s.active {background-color:#9688c5}
#nav li.b a {width:91px;background-image:url(../images/ico/bd.png);text-align:right;background-position:15px 10px}
#nav li.k {border-color:#000000;background-color:#282828} #nav li.k a:hover, #nav li.k.active {background-color:#282828}
#nav li.k a { text-decoration:underline;color:#FFFFFF;}
#nav li.k a:hover { text-decoration:none;color:#FFFFFF;}
.banner_top { position:absolute; top:60px; left:172px; height:62px; width:575px; }
.banner_top:focus, .banner_top *:focus { outline: 0; }

/* user-bar */
li#user-bar {color:#999;width:221px;margin:0;height:37px;padding:12px 2px 0 0;float:right; overflow:hidden; text-align:right}
li#user-bar a {color:#4c4c4c;font-style:italic;/*text-decoration:none;border-bottom:1px dotted #4c4c4c;*/padding:0;line-height:20px;height:auto;display:inline;white-space: nowrap;}
li#user-bar a:hover {border-color:#ebebe6;color:#666}
li#user-bar .I {padding:0 3px}

/* header */
#header {height:204px;position:relative;margin:0 5px 20px 10px;z-index:20}
#header.subdomain {margin:0 10px 0;}
#logo {position:absolute;top:55px;left:0}
@media screen and (max-width: 870px) {
    #header {
        padding-top: 208px;
        height: auto;
        margin: 8px 0 0;
        background-color: #3d3a37;
    }
    #logo {
        left: 14px !important;
        top: 7px !important;
        height: 72px;
        width: 179px;
    }
}

/* slogan */
#slogan {color:#4c4c4c;font-style:italic;position:absolute;top:65px;left:148px;height:35px;width:300px;padding:11px 0 0 23px;border-left:1px dotted #acaca9}
#slogan a  {color:#4c4c4c;}
@media screen and (max-width: 870px) {
    #slogan {
        top: 0 !important;
        padding-left: 14px;
    }
}

/* search */
#search {position:absolute;top:67px;float:right;right:0;width:242px}
#search .text input {width:202px;color:#aaa;font-style:italic;margin:0 -9px !important;padding-left:9px;padding-right:9px}
#search .text.focus input {color:#333}
#search-soc {padding:8px 3px; position:absolute;top:90px;left:169px; width: 300px;}
#search-soc a {width:16px;height:16px;float:left;margin:0 3px 0 0}
@media screen and (min-width: 544px) and (max-width: 870px) {
    #search-soc {
        top: 27px !important;
    }
    #header #search-soc {
        left: 219px !important;
    }
}
@media screen and (max-width: 545px) {
    #header {
        padding-top: 270px;
    }
    #header #search-soc {
        top: 97px !important;
        left: 23px !important;
        box-sizing: border-box;
        width: 280px;
    }
    #header #slogan {
        top: 72px !important;
        left: 14px !important;
        box-sizing: border-box;
        width: 280px;
    }
}

/* menu */
#menu {position:absolute;bottom:20px;left:0;width:100%;height:35px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
#menu a.link {color:#000;font-size:12px;position:relative;z-index:100;text-transform:uppercase;text-decoration:none;display:inline-block;height:35px;line-height:35px;padding: 0 13px;}
#menu a.link:hover, #menu a.link.hover {background-color:#e6e6e6}
#menu a.link em {background:url(../images/ico/darr.gif) no-repeat center right;font-style:normal;padding:0 13px 0 0}
#menu a.link span {height:35px;display:inline-block;}

#menu ul {color:#4c4c4c;margin:0;padding-left:24px}
#menu ul li {height:auto;line-height:normal;list-style:disc;width:150px;margin:0 15px 4px 0}
#menu ul a {color:#4c4c4c;text-transform:none;background:none;}
#menu ul a:hover {text-decoration:none}
#menu li {position:relative;float:left}
@media screen and (max-width: 870px) {
    #menu {
        position: static;
        height: auto;
        padding: 8px 14px;
        background-color: #e6e6e1;
        box-sizing: border-box;
    }
    #menu li {
        float: none;
        display: inline-block;
        vertical-align: top;
    }
}

#menu .active a.link {z-index:101;background:transparent url(../images/bar/menu.png) right bottom no-repeat !important;color:#f55b11;text-decoration:underline;padding:0 9px 5px 0;$padding-bottom:0;left:-3px;margin:-5px -6px 0 0}
#menu .active a.link:hover {text-decoration:none}
#menu .active a.link span {background: transparent url(../images/bar/menu.png) left top no-repeat;padding:0 0 5px 4px;}
#menu .active a.link span span {
    margin-right: -5px;
    padding: 0 12px;
    background-color: #fff !important;
    background-image: none;
    position: relative; top: 5px; left: 0;
    z-index: 100;
    line-height: 23px;
    text-decoration:underline;
}
#menu .active .menu-box-wrap {display:block !important;}
#menu li.active a.link {color: #F55B11;}

.menu-box-wrap {display:none;position:absolute;top:-4px;left:-7px;margin: 39px 0 0 4px;background: transparent url(../images/bar/menu.png) left bottom no-repeat;z-index: 90;padding: 0 0 5px 5px;}
.menu-box {min-width:200px;background: transparent url(../images/bar/menu.png) right 0 no-repeat;top: 0; left: 0;padding: 6px 0 0 0;}
.menu-box-r {position: relative; top: 5px;background: transparent url(../images/bar/menu-r.png) right bottom no-repeat;padding: 7px 17px 14px 15px}
.menu-box a {color:#4c4c4c;}

.menu-block {overflow:hidden;width:300px;padding:15px 0 5px;border-top:1px dotted #b2b2b2}

.menu-topics {width:520px}

.menu-table {border-top:1px dotted #b2b2b2;padding:10px 0 0}
.menu-table table {border-collapse:collapse;margin:0 -15px 0 0}
.menu-table td {vertical-align:top;padding:0 15px 15px 0;}
.menu-table p {background:#f4f4f4;width:160px;height:70px;overflow:hidden;margin:0 0 8px;}

a.menu-all {text-decoration:none;position:absolute;top:5px;right:15px;font-size:11px;color:#acacac}

/* sub_menu */
#sub_menu {position:absolute;bottom:-25px;left:0;width:100%;height:35px;}
#sub_menu li {position:relative;float:left;}
#sub_menu li a{color: #000000;}
#sub_menu li span{display:inline-block; width:22px; height:10px;background:url(../images/ico/point_gray.png) no-repeat center 4px;}
#sub_menu li.all_story{
    position:absolute;
    top:0;
    right:0;
    background: url(../images/bar/angle-mask.gif) no-repeat scroll left -19px #F55B11;
    color: #FFFFFF;
    display: inline-block;
    float: left;
    height: 19px;
    line-height: 19px;
    padding: 0 10px 0 17px;
    text-decoration: none;
}
#sub_menu li.all_story a{
    color: #FFFFFF;
    text-decoration:none;
}

/* banner dominant */
a.bannerGlobal{width: 240px;background-color: #ebebe5;position: relative;cursor: pointer;display: block;text-decoration: none;}
div.bannerHead{height: 71px;width: 100%;background-image: url('../images/top.gif');background-repeat: no-repeat;position: relative;}
div.bannerBody{padding: 9px 10px 1px 10px;color: #005093;}
div.bannerBody ul {list-style:disc outside none; margin-left: 0px; margin-right: 5px;margin-top: 9px;margin-bottom: 12px;}
div.bannerBody ul li {list-style:disc outside none; margin-left: 15px;}
div.bannerFooter{height: 51px;width: 100%;background-image: url('../images/bottom.gif');background-repeat: no-repeat;position: relative;}
div.bannerHead span.numberDom{position: absolute; font-family: Arial;font-size: 12px;color: #ffffff;left: 8px;top: 10px;}
div.bannerBody h3.domText{font-size: 14px;line-height: 14px;}
div.bannerBody h4.domText{margin-top: 11px;font-size: 12px;}

/* main */
#main {padding:0 5px 40px 10px;z-index: 10;}
#content {float:left;width:749px}
#sidebar {width:240px;float:right;}
@media screen and (min-width: 1021px) {
    #sidebar {padding-top: 126px;}
}
@media screen and (max-width: 1020px) {
    #main {
        padding: 15px 15px 40px;
    }
    #content {
        float: none;
        width: 100%;
    }
    #sidebar {
        float: none;
        width: 100%;
    }
    #post .post-leed {
        width: calc(100% - 160px);
    }
    #comments {
        margin-bottom: 11px;
    }
}
@media screen and (max-width: 800px) {
    #post .post-author {
        float: none !important;
    }
    #post .post-leed {
        float: none !important;
        width: 100% !important;
    }
    #post .share {
        top: 0 !important;
    }
    #post .post-text {
        padding: 82px 0 0 0 !important;
    }
    .body-full {
        margin: 0 !important;
    }
    .body-full > img {
        max-width: 100%;
    }
}
/* tape block */
.tape {height:29px;line-height:23px;margin:0 30px 0 0;padding:0 18px 0 14px;position:absolute;top:14px;left:-7px;z-index:5;color:#fff;text-transform:uppercase;white-space:nowrap}
.tape i {display:block;position:absolute;width:20px;height:29px;background-position:right 0;right:-20px;top:0;background: none !important;}
.tape a {text-decoration:none;color:#fff}
.tape a:hover {color:#eee}
.tape .tape-people {
    background-image: url(../images/bar/tape-people.png);
    width: 53px;
    height: 23px;
    bottom: 5px;
    right: -24px;
    vertical-align: top;
    display: inline-block;
    position: relative;
    z-index: 20;}

.tape .no-m {background:#b09a7e;float:left;position:relative;left:-14px;margin-right:14px;height:23px;width:24px;text-align:center}
.tape .no-m img {vertical-align:middle}
.tape, .tape-m i {background-image:url(../images/bar/tape.png); background-position: top right;}

/* tape colors *
.tape-m, .tape-m i {background-image:url(../images/bar/tape-m.png)} .tape-m-b, .tape-m-b i {background-image:url(../images/bar/tape-m-b.png)}
.tape-d, .tape-d i {background-image:url(../images/bar/tape-d.png)} .tape-d-b, .tape-d-b i {background-image:url(../images/bar/tape-d-b.png)}
.tape-f, .tape-f i {background-image:url(../images/bar/tape-f.png)} .tape-f-b, .tape-f-b i {background-image:url(../images/bar/tape-f-b.png)}
.tape-t, .tape-t i {background-image:url(../images/bar/tape-t.png)} .tape-t-b, .tape-t-b i {background-image:url(../images/bar/tape-t-b.png)}
.tape-r, .tape-r i {background-image:url(../images/bar/tape-r.png)} .tape-r-b, .tape-r-b i {background-image:url(../images/bar/tape-r-b.png)}
.tape-b, .tape-b i {background-image:url(../images/bar/tape-b.png)} .tape-b-b, .tape-b-b i {background-image:url(../images/bar/tape-b-b.png)}
.tape-s, .tape-s i {background-image:url(../images/bar/tape-s.png)} .tape-s-s, .tape-s-s i {background-image:url(../images/bar/tape-s-s.png)}
.tape-w {background-image:url(../images/bar/tape-w.png); width: 52px; height: 23px; top: 0; left: 0; position: absolute;z-index:10}
/* story panel */
.pane {width: 324px;line-height:110%;position:absolute; bottom: 7px; color:#999;background:#f7f7f7;border-top:1px solid #ededed;border-bottom:1px solid #ededed;padding:8px 15px;margin:0 0 4px; }
.pane em,.pane tt {background:url(../images/bar/pane.gif) repeat-y 0 0;display:block;width:5px;height:100%;position:absolute;top:0}
.pane em {left:-1px} .pane tt {right:-1px;background-position:right 0}
.pane a {color:#808080;margin:0 0 0 8px}
.pane .tags-icons a{text-decoration:none;}
.pane img {/*vertical-align:middle*/}

/* materials */
.materials {padding:15px 0}
.materials .h {color:#000;font-size:11px;margin:0 0 16px}
.materials .date {color:#999;font-style:italic}
#content .page_content .materials { display: block; }

.mat,.mat-big {position:relative;text-decoration:none;overflow:hidden;margin:10px 0 0;padding:0 0 10px;border-bottom:1px dotted #b2b2b2;}
.mat-big {margin:15px 0 0;padding:0 0 15px}
.mat-link {color:#333 !important;font-size:13px;margin:0 0 8px;display:inline-block}
.mat-img {float:left;overflow:hidden;height:60px}
.mat-info {float:left;margin:0 0 0 22px;width:130px}
.mat-info img {margin:0 5px 0 0}
.mat-text {color:#4c4c4c;margin:0 0 10px}
.mat .tags a {margin:0 0 0 5px;color:#333}
.mat-big .mat-text {float:right;width:265px}
.mat-big .tags {margin:4px 0 0}

.mat-options {text-align:right}
.mat-options img {vertical-align:middle}

/* primary_post */
#primary_post {margin:0 0 11px}
#primary_post .pane {margin:0 6px 8px; width: 695px;}
#primary_post .pane a {text-decoration:none;font-size:10px;text-transform:uppercase;margin:0 0 0 10px}
#primary_post .pane a:hover {color:#999}
#primary_post .pane img {margin:0 4px 0 0}
/*#primary_post .tape {height:35px;padding-top:6px;left:-10px}*/
#primary_post .materials {padding:0 20px;margin:16px 0}
#primary_post .date {margin:0 0 5px}
#primary_post .title {font:18px NokiaSansS60;color:#0a82a8;margin:0 0 10px}
#primary_post .title a {text-decoration:none}
#primary_post .s-image {height: auto;width: auto;}

.pp-image {width:737px;height:240px;overflow:hidden;position:relative}
.pp-image i {background:url(../images/bar/mask-big.png);width:731px;height:31px;display:block;position:absolute;bottom:0px;left:-1px; padding-left: 2px; border: 0px solid white; border-width: 0 3px 0 3px;}
.pp-title {font-family:NokiaSansS60;font-size:40px;line-height:normal;background:url(../images/bar/dot.png);position:absolute;width:707px;bottom:1px;left:0;padding:15px 15px 45px;color:#fff}
.pp-title a {color:#fff;text-decoration:none}
.pp-info {top:-15px;position:relative;overflow:hidden; margin-bottom: 40px;}
.pp-subtitle {float:left;font-size:16px;color:#000;width:184px;padding:0 16px;line-height:130%}
.pp-leed {float:right;width:460px;padding:0 20px}
/* chip-text */
a.chip-link {background:#f55b11 url(../images/bar/angle-mask.gif) no-repeat right -76px;color:#fff;display:inline-block;padding:0 20px 0 10px;height:19px;line-height:19px;text-decoration:none}

div.chip-link { float:left;background:#f55b11 url(../images/bar/angle-mask.gif) no-repeat right -76px;color:#fff;display:inline-block;padding:0 20px 0 10px;height:19px;line-height:19px;text-decoration:none}
div.story-tags {
    width:245px;
    margin:0 0 0 75px;
}
div.story-tags-long {
    width:auto;
}
div.story-tags a{
    line-height:19px;
    color: #333333;
}

a.chip-link:hover {background-color:#fb6e2a}
/* comm-num link */
a.comm-link {color:#808080 !important;text-decoration:underline !important;background:url(../images/ico/comm-big.gif) no-repeat 0 bottom;font-size:11px;line-height:120%;padding:0 0 0 17px;}
a.comm-link:hover {text-decoration:none !important}

/* stories */
#stories {overflow:hidden;margin:0 -17px 0 -10px;padding:0 0 0 10px}
#stories .materials {padding:16px 15px}
#stories .sblock {width:364px;float:left;margin:0 17px 11px 0}
#stories .title {font:18px NokiaSansS60;color:#0a82a8;margin:0 0 10px}
#stories .title a {text-decoration:none}
.s-image {position:relative;height:168px;width:354px;overflow:hidden;}
.s-image i {background:url(../images/bar/mask-small.png) no-repeat -105px 0;width:100%;height:22px;display:block;position:absolute;bottom:0;left:0}
.s-info {padding:15px;margin:-22px 0 0;position:relative; margin-bottom: 41px;}
@media screen and (max-width: 1020px) {
    #stories {
        margin: 0 0 0 -10px;
        float: none !important;
    }
}
@media screen and (max-width: 800px) {
    .sblock.urban-projects-widget .header-title {
        font-size: 24px;
        line-height: 1;
        float: none;
        width: auto;
    }
    .urban-projects-widget .items-wrap {
        display: flex;
        flex-wrap: wrap;
    }
    .urban-projects-widget .primary-item {
        float: none;
        order: 2;
        max-width: 457px;
        width: 100%;
    }
    .urban-projects-widget .items {
        float: none !important;
        width: 100% !important;
        order: 1;
    }
    #interactive .pager {
        width: 100% !important;
    }
}
@media screen and (max-width: 460px) {
    #stories .sblock {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        float: none !important;
    }
    #stories .sblock .pane {
        width: calc(100% - 10px);
        box-sizing: border-box;
    }
}
/* ajax more pagination */
.ajax-more-pagination {position:relative;border-top:1px dotted #adadaa;clear:both;margin:5px 2px 0}
.ajax-more-pagination a.next {position:relative;line-height:24px;height:25px;width:38px;margin:-1px 0 0;padding:0 16px;text-align:right;display:block;background:#4d4d4d url(../images/ico/darr.gif) no-repeat 12px center;color:#fff;text-decoration:none}
.ajax-more-pagination a.next:hover {background-color:#595959}
.ajax-more-pagination a.disable {background-color:#777 !important;color:#ddd !important;}
.ajax-more-pagination div {float:right;margin:7px 0 0}
.ajax-more-pagination div a {overflow:hidden;display:block;float:left;margin:0 0 0 5px;width:9px;height:9px;background-image:url(../images/bar/s-nav.gif);}
.ajax-more-pagination div a:hover {background-color:#eee}
.ajax-more-pagination div a.active {background-color:#b3b3b3}
.ajax-more-pagination-nav {}
.ajax-more-pagination-loader {display:none;position:absolute;left:80px;top:6px}

/* __________ Story page __________ */

#story {}
#story-body {margin:0 0 25px;font-size:14px}

/* __________ Category page __________ */

#category {}
#category .H img {margin:0 5px 0 0;vertical-align:middle}

/* __________ Post page __________ */

a.all {display:inline-block;padding:2px 10px 2px 19px;color:#fff;font-size:11px;height:15px;line-height:normal;text-transform:uppercase;text-decoration:none;background:#f55b11 url(../images/bar/angle-mask.gif) no-repeat 0 -19px;}
a.all.fright {margin:5px 0 0}

.page {margin:0 0 11px}
.page .sblock_wrap {padding:0}
.page a.all {position:absolute;top:17px;right:20px;color:#333;background-color:#fff;background-position:0 -57px;}
.page a.all:hover {background-color:#f9f9f9}
.page_title {/*background:#ebebe6;*/height:53px;position:relative;padding:0 0 0 55px}
.page_title span {color:#4c4c4c;font:17px NokiaSansS60;padding:18px 0;line-height:100%;display:inline-block}
.page_title span a {color:#4c4c4c;text-decoration:none}
.page_content {padding:12px 20px}

/* post */
#post .title {font:36px NokiaSansS60;color:#000;margin:0 0 5px}
#post .subtitle {font:19px NokiaSansS60;margin:0 0 30px}
#post .post-author {float:left;font-size:11px;width:110px;margin:0 0 25px}
#post .post-author a {color:#000;text-transform:uppercase;font-weight:700}
#post .post-author p {font-style:italic;color:#666;margin:0 0 5px}
#post .post-leed {font-size:17px;float:right;width:550px;margin:0 0 25px;line-height:normal}
#post .post-leed .date {font-size:11px;font-style:italic;color:#999;margin:0 0 12px}
#post .post-image {position:relative;width:705px;height:368px;overflow:hidden;margin:0 0 15px}
#post .post-image i {background:url(../images/bar/mask-big.png) no-repeat -61px 0;width:100%;height:31px;display:none;position:absolute;bottom:0;left:0}
#post .post-text {position:relative;min-height:80px;font-size:15px;margin:0 0 30px 0;padding:0 0 0 155px;line-height:normal}
#post .post-text p {margin:0 0 20px}
#post .post-text ul {list-style:disc;margin:0 0 0 30px}
#post .post-text ol {list-style:decimal;margin:0 0 0 25px}
#post .post-edit {font-size:11px}
#post .post-edit a {color:#333}
@media screen and (max-width: 800px) {
    #post .title {
        font-size: 28px;
    }
}

#post .share {position:absolute;left:-27px;top:0;width:119px;padding:15px 27px 5px 10px;height:52px;background-image:url(../images/bar/share.png);}
#post .share p {margin:0 0 10px}
#post .share p a {margin:0 2px 0 0}
#post .pane {position: relative;width: auto;}
#post .pane, #post .pane a {color:#666}
#post .pane span {background:url(../images/ico/tags.gif) no-repeat 0 center;padding:0 0 0 26px;line-height:18px;}

#post .social {margin:20px 0 0}
#post .social a {margin:0 15px 0 0}
#post .social img {vertical-align:middle}
#post .soc_like {float:left;padding:2px 0;vertical-align:middle}
#post .materials {padding:15px 0 0;border-top:1px solid #e5e5e5;margin:20px 0 0}

/* content - elements with gray bg */
.gray, .gray-subtitle, .gray-desc, .gray-actions { background: #F7F7F7; }
.gray-subtitle, .gray-desc { border: 0 solid #dedede; }
.gray-subtitle {
    margin: 20px 0;
    padding: 7px 13px 11px 13px;
    font: 19px NokiaSansS60, sans-serif;
    border-bottom-width: 2px;
}
.gray-desc, .source, .gray-actions { color: #666; }
.gray-desc, .source { font-size: 11px; line-height: 15px; margin: 0; font-style: italic; }
.gray-desc {
    margin: 0;
    padding:7px 13px 7px;
    border-top-width: 2px;
}
.gray-actions {
    margin-bottom: 20px;
    font-size: 12px; line-height: 16px;
    text-transform: uppercase;
    overflow: hidden;
}

/* content - table */
.post-text table { width: 100%; border-collapse: separate; border-spacing: 2px; font-size: 12px; line-height: 14px; }
.post-text th, .post-text td {
    padding: 6px 10px 6px 0; text-align: left; vertical-align: top;
    border: 0 solid white;
    border-color: #f55b11 white; border-width: 1px 0 0 0;
}
.post-text th { font-weight: bold; }
.post-text thead { text-transform: uppercase; }
.post-text tr:first-child td, .post-text tr:first-child th { border-top-width: 0; }
.post-text thead th, .post-text thead td { vertical-align: bottom; border-width: 0 0 2px 0; }
.post-text * td:first-child, .post-text * th:first-child { border-left: 0; }
.post-text .num { padding-left: 10px; }
.post-text tbody .num { color: #f26d37; font-weight: bold; }
.post-text tfoot td, .post-text tfoot td:first-child { font-size: 11px; font-style: italic; border-top-width: 2px; }

/* charts header */
.chart-header {
    margin-bottom: 0;
    background:none repeat scroll 0 0 #f2f2f2;
    border-bottom: 2px solid #DEDEDE;
    padding:7px 13px 11px;
    font: normal 19px/21px NokiaSansS60, Arial, Tahoma, Verdana, serif;
}
.chart-info, .chart-subgroups, .chart-remark {
    font-family: Arial, Tahoma, Verdana, serif;
}
.chart-remark {
    font-size: 11px; font-style: italic; color: #666666;
}
.chart-info + .chart-remark, .chart-subgroups + .chart-remark { margin: 5px 0; }
.chart-info {
    background: #ebebe6;
}
.chart-info > b, .chart-subgroups > div > b, .chart-info > strong, .chart-subgroups > div > strong {
    float: right;
    padding: 8px 15px 0 0;
    font-size: 13px; font-weight: normal; color: #717171;
}
.chart-subgroups > div > b { padding-top: 11px; }
.chart-info ul, #post .post-text .chart-info ul, .chart-info li, .chart-subgroups ul, #post .post-text .chart-subgroups ul, .chart-subgroups li {
    margin: 0; padding: 0; list-style: none;
}
.chart-info li, .chart-subgroups li { float: left; }
.chart-info ul, .chart-subgroups ul { overflow: hidden; font-size: 12px; }
.chart-info ul { position: relative; top: -2px; font-size: 10px; }
.chart-info li:first-child { background: transparent url(../images/charts/arrow.gif) right top no-repeat; }
.chart-info li a {
    float: left; padding: 12px 35px 9px 35px; color: #969695;
    text-transform: uppercase; text-decoration: none;
    background: transparent url(../images/charts/about.gif) 10px 13px no-repeat;
}
.chart-info li:first-child a {
    min-width: 100px;
    padding-left: 40px;
    background-position: 15px 13px;
}
.chart-info li.chart-info-about a {  }
.chart-info li a:hover { color: black; }
.chart-subgroups { background: #f2f2f2 url(../images/charts/1x3px-bebeba.gif) left top repeat-x; }
.chart-subgroups > div {
    overflow: hidden;
    margin-right: -1px;
    background: transparent url(../images/charts/subgroup-sep.png) right bottom no-repeat;
}
.chart-subgroups ul {
    float: left;
    padding-right: 2px;
    background: transparent url(../images/charts/subgroup-left.png) right bottom no-repeat;
}
.chart-subgroups li {
    border-top: 3px solid #bebeba;
    background: transparent url(../images/charts/subgroup-left.png) left bottom no-repeat;
}
.chart-subgroups li:hover {
    background-color: #ebebe6;
}
.chart-subgroups ul a {
    display: block; padding: 8px 15px 10px 14px;
    color: black; text-decoration: none;
    background: transparent url(../images/charts/subgroup-sep.png) right bottom no-repeat;
}
.chart-subgroups li.active {
    border-top-color: #b7431e;
    background-color: #f5592a;
    margin-right: 1px;
}
.chart-subgroups li.active a { position: relative; left: 1px; color: white; cursor: default; }

/* .highcharts-bar-series */
.highcharts-bar-series {
    margin-top: 13px;
    position: relative;
    z-index: 100;
    text-align: center;
    font-family: Arial, Tahoma, Verdana, serif; font-size: 11px; font-size: 12px; color: #3e576f;
}
.highcharts-bar-series label { margin-left: 17px; vertical-align: bottom; cursor: pointer; white-space: nowrap; }
.highcharts-bar-series label:hover { color: black; }
.highcharts-bar-series label:first-child { margin-left: 0; }
.highcharts-bar-series span { vertical-align: bottom; position: relative; top: -2px; }

/* highchart-bar-center */
.highchart-bar-center {
    position: absolute; left: 50%; top: 50%;
    padding: 5px; width: 65px; height: 65px;
    margin: -41px 0 0 -37px;
    text-align: center;
    font: normal 18px/65px Arial, serif; color: black;
    background: transparent url(http://fom.ru/uploads/files/highcharts/pie-center.png) center center no-repeat;
}
.highchart-bar-center span { font-size: 12px; }

/* html-pie */
.html-pie {
    font: normal 12px/16px Arial, Helvetica, sans-serif; color: #333; cursor: default;
    overflow: hidden;
}
.html-pie-center-text {
    position: absolute;
    left: 50%; top: 50%;
}
.html-pie-center-text div { width: 100%; height: 100%; overflow: hidden; }
.html-pie-center-text > div { margin: -50% 0 0 -50%; }
.html-pie-center-text > div > div { display: table; }
.html-pie-center-text > div > div > div { display: table-cell; text-align: center; vertical-align: middle; }
.html-pie-label-2right { text-align: right; }
.html-pie-label-h { font-weight: bold; padding: 3px 0 3px 0; }


/* paginator */
.paginator {margin:15px 0 0;text-align:center;clear:both;line-height:normal}
.paginator a, .paginator span {font-size:15px;margin:0 6px;color:#333;display:inline-block;vertical-align:middle}
.paginator .active {background:#f55b11;color:#fff;text-decoration:none;padding:2px 6px}
/* more paginator */
.paginator-more {position:relative;border-top:1px solid #e5e5e5;clear:both;margin:5px 2px 0;padding-bottom: 10px;}
.paginator-more a.next {position:relative;line-height:24px;height:25px;width:38px;margin:-1px 0 0;padding:0 16px;text-align:right;display:block;background:#4d4d4d url(../images/ico/darr.gif) no-repeat 12px center;color:#fff;text-decoration:none}
.paginator-more a.next:hover {background-color:#595959}
.paginator-more a.disable {background-color:#777 !important;color:#ddd !important;}
.paginator-more-nav {float:right;margin:7px 0 0; padding-left:80px;}
.paginator-more-nav a {text-indent:-9999px;overflow:hidden;display:block;float:left;margin:0 0 0 5px;width:9px;height:9px;background-image:url(../images/bar/s-nav.gif);}
.paginator-more-nav a:hover {background-color:#eee}
.paginator-more-nav a.active {background-color:#b3b3b3}
.paginator-more .ajax-loader {display:none;position:absolute;left:80px;top:6px}

a.user-link {background:url(../images/ico/user.gif) no-repeat 0 center;padding:0 0 0 16px !important;color:#4d4d4d;font-weight:700}

/* comments */
#comments {}
#comments .navigation {padding:15px 0 0;border-top:1px solid #e5e5e5}
#comments .sblock_wrap {padding:20px}
#comments .h {color:#000;font:20px NokiaSansS60;text-transform:none}

#comments a.subscribe, #comments a.subscribe.active.hover, #comments a.add-comm {position: absolute; display: inline-block; float: right; right:0; top: 0; height: 11px; width: 180px; text-align: center; background:#f7f7f7;
    background: -webkit-linear-gradient(top, #f4f4f4, #e1e1e1);
    background: -moz-linear-gradient(top, #f4f4f4, #e1e1e1);
    background: -ms-linear-gradient(top,  #f4f4f4, #e1e1e1);
    background: -o-linear-gradient(top,  #f4f4f4, #e1e1e1);
    background: linear-gradient(top,  #f4f4f4, #e1e1e1);
    color: #333;
    border-radius: 5px;
    text-decoration: none;
    font-size: 11px;
    line-height: 11px;
    padding-top: 7px;
    padding-bottom: 6px;
}

#comments a.subscribe.active, #comments a.subscribe.hover, #comments a.add-comm:hover {
    background: #ff6e16;
    background: -webkit-linear-gradient(top, #ff9939, #ff4108);
    background: -moz-linear-gradient(top, #ff9939, #ff4108);
    background: -ms-linear-gradient(top, #ff9939, #ff4108);
    background: -o-linear-gradient(top, #ff9939, #ff4108);
    background: linear-gradient(top, #ff9939, #ff4108);
    color: #fff;
}

/*#comments a.subscribe {position: absolute; display: inline-block; right: 0; top: 0; height: 24px; width: 24px; background:url(../images/btn_subs.png) no-repeat;}*/
/*#comments a.subscribe.hover {background-position: -25px;}*/
/*#comments a.subscribe.active {background-position: -50px;}*/
/*#comments a.subscribe.active.hover {background-position: -25px;}*/

#comments-head {padding:0 0 15px;overflow:hidden;position:relative;border-bottom:1px solid #e5e5e5}
#comments-head a.add-comm {position:absolute; right:182px; width: 155px}
@media screen and (max-width: 800px) {
    #comments-head a.add-comm, #comments a.subscribe {
        position: static;
        margin-top: 4px;
    }
}

#comments-add, .comments-add {background:#f7f7f7;padding:15px 20px;overflow:hidden;border-bottom:1px solid #e5e5e5}
#comments-add .another-comment, .comments-add .another-comment {/*background:#f55b11;color:#fff;padding:1px 5px;text-decoration:none*/ color:#000;text-decoration:none;border-bottom:1px dotted #000}
#comments-add .success.fright, .comments-add .success.fright {width:450px}
#comments-add .error, .comments-add .error {margin:0 0 15px}
#comments-add .error p, .comments-add .error p {margin:0}
#comments-add .error .error, .comments-add .error .error {margin:0 !important}
#comments-add form, .comments-add form {float:right;width:450px}
#comments-add form p, .comments-add form p {margin:0 0 8px}
#comments-add form p textarea, .comments-add form p textarea {border:2px solid #ccc;height:110px;width:430px;padding:5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;}
#comments-add form p input, .comments-add form p input {border:2px solid #ccc;padding:3px;width:250px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;}
#comments-add label, .comments-add label {display:inline-block;padding:0 10px 0 0}
#comments-add .captcha img, .comments-add .captcha img {float:left}
#comments-add .auth, .comments-add .auth {margin:0 0 0 25px}
#comments-add .auth a, .comments-add .auth a {color:#000;font-style:italic;text-decoration:none;border-bottom:1px dotted #000}
#comments-add .auth a:hover, .comments-add .auth a:hover {border-color:#f7f7f7}

#comments .no-f {margin:15px 0 0}

#comments-list {overflow:hidden}
#comments-list .comment {padding:15px 5px 18px 5px;overflow:hidden;border-bottom:1px dotted #b2b2b2;position:relative}
#comments-list .first {}
#comments-list .last {border:0;padding-bottom:18px;}
/*#comments-list .hover {background-color:#f6f6f6}*/
#comments-list .comm-info {width:200px;padding:0 15px 0 0;float:left;}
#comments-list .comm-info a {color:#333;font-size:13px}
#comments-list .comm-info .date {color:#999;font-style:italic;margin:3px 0 0}
#comments-list .comm-text {width:420px;float:left;overflow:hidden;color:#4c4c4c}
/*#comments-list .hover .reply {display:block}*/
@media screen and (max-width: 800px)  {
    #comments-list .comm-text {
        width: 100%;
    }
}

#comments-list .ajax-loader {padding:15px 0}
#comments .paginator {border-top:#e5e5e5 solid 1px;padding:15px 0 0;margin:0}

#comments .view_all, .btn-more-comments {background:#e9edf1;color:#6a7989;text-align:center;text-decoration:none;display:block;padding:5px 27px;border-top:1px solid #fff}
#comments a.view_all:hover {}

#comments .excerpt {color:#999;display:inline-block;margin:0 0 5px}
#comments .excerpt-user {color:#f55b11;cursor:pointer}
#comments .reply {/*float:left;display:block;bottom:1px;position:absolute;right:5px;color:#6a7989;display:none;*/color:#4a8fb0;padding-left:4px;text-shadow:-1px 1px 0 #fff;text-decoration:none;font-size:11px}

.comments-block .rating-comment{
    position:absolute;
    top:0;
    right:0;
    width: 35px;
    height: 93px;
    background:url(../images/rating_bg.png) no-repeat top right;
    display: none;
}
.comments-block .rating-comment a{
    display: block;
    width: 13px;
    height: 13px;
    margin: 7px 0 7px 11px;
}
.comments-block .rating-comment a.rating-plus{
    background:url(../images/rating_plus_minus.png) 0 0;
}
.comments-block .rating-comment a.rating-plus:hover{
    background:url(../images/rating_plus_minus.png) 0 -13px;
}
.comments-block .rating-comment a.rating-minus{
    margin-top: 4px;
    background:url(../images/rating_plus_minus.png) 0 -26px;
}
.comments-block .rating-comment a.rating-minus:hover{
    margin-top: 4px;
    background:url(../images/rating_plus_minus.png) 0 -39px;
}
.comments-block .rating-comment .rating-result{
    position: relative;
    text-align: center;
    color: #808080;
}
.comments-block .rating-comment .rating-result b{
    font-weight: normal;
}
.comments-block .rating-comment .rating-result span{
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top:2px;
    left:-20px;
}
.comments-block .rating-comment .rating-finger-minus span{
    background:url(../images/rating_finger.png) no-repeat 0 -10px;
}
.comments-block .rating-comment .rating-finger-plus span{
    background:url(../images/rating_finger.png) no-repeat 0 0;
}
@media screen and (max-width: 800px) {
    #comments-add label, .comments-add label {
        float: none;
    }
    #comments-add form, .comments-add form {
        float: none;
        width: 100%;
    }
    #comments-add form p input, .comments-add form p input, #comments-add form p textarea, .comments-add form p textarea {
        width: 100%;
        box-sizing: border-box;
    }
    #comments-add .auth, .comments-add .auth {
        margin: 12px 0 15px;
        display: block;
    }
}

/**/
.captcha  {overflow:hidden}
.captcha input {width:140px}
.captcha img {vertical-align:top;margin:0 5px 0 0}
.captcha_desc {margin:0 0 5px;display:inline-block;font-style:italic;color:#666;font-size:11px}

/* __________ Footer __________ */

#footer {background:#4d4d4d;position:relative;color:#999}
#footer a {color:#fff}
#footer_wrap {background:#404040;width:1010px;margin:0 auto;/*height:620px;*/padding:25px 20px}

#footer_nav {border-top:1px solid #595959;padding:30px 0;overflow:hidden}
#footer_nav ul {width:110px;float:left;padding:0 15px 0 0}
#footer_nav a {color:#b2b2b2;font-size:11px;display:inline-block}
#footer_nav li {margin:0 0 6px}
#footer_nav li.h {color:#fff;font-size:14px;margin:0 0 18px}
#footer_nav .indent {margin:0 0 0 -15px;width:125px;padding:0 15px 0 0 }
#footer_nav .indent .h,#footer_nav .indent a {padding:0 0 0 15px;background-position:0 center}
#footer_nav .indent .h{padding:0 0 0 0;}
#footer_nav .indent a.no-p {margin:0 0 0 15px}
#footer_nav a.more {text-decoration:none;border-bottom:1px dotted #ccc}
@media screen and (max-width: 940px) {
    #footer_nav ul {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 15px;
    }
    #footer_nav .indent {
        width: 110px;
        margin-left: 0;
    }
}

/* footer special */
#spec {float:left;width:735px;margin:0 0 20px;}
#spec .h , #news .h {padding:35px 0 30px;font-family:NokiaSansS60;color:#e5e5e5}
#spec .h {background-image:url(../images/ico/star.png)}
#spec_wrap {overflow:hidden}
#spec_wrap .item {margin:0 30px 0 0;width:222px;float:left;font-family:NokiaSansS60}
#spec_wrap .item img {width:225px;margin:0 0 8px;border:3px double #7a7a7a}
#spec_wrap .item p {margin:8px 0}
#spec_wrap .item a {font-size:19px;line-height:normal}
#spec_nav {text-align:center}
#spec_nav a {margin:0 0 0 6px;vertical-align:middle;background:#999 url(../images/bar/o-9.png);width:9px;height:9px;display:inline-block;overflow:hidden}
#spec_nav a:hover {background-color:#aaa}
#spec_nav a.active {background-color:#262626}
#spec_nav a.back, #spec_nav a.forward {background-image:url(../images/bar/spec-nav.png);width:22px;height:23px}
#spec_nav a.forward {background-position:-22px 0}

/* footer news */
#news {float:right;width:223px;padding:20px 0 0 20px;margin:-25px 0 20px;background-image:url(../images/bar/news-grad.png);}
#news .h {background-image:url(../images/ico/fom.gif)}
#news .item {border-bottom:1px dotted #7a7a7a;padding:0 0 15px;margin:0 0 15px;font-family:NokiaSansS60}
#news .item span {font:11px Arial;font-style:italic;}
#news .item p {margin:0 0 8px}
#news .item a {font-size:11px;color:#7a7a7a}
@media screen and (max-width: 1070px) {
    #footer_wrap {
        box-sizing: border-box;
    }
    #news {
        float: none;
        margin-left: -20px;
    }
    #spec {
        float: none;
    }
}
@media screen and (max-width: 1020px) {
    #footer_wrap {
        width: 100%;
        box-sizing: border-box;
    }
    #spec {
        display: none;
    }
    #interactive .pager {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
@media screen and (max-width: 900px) {
    #interactive {
        display: none;
    }
}
/* Slider basic */
.slider {position:relative;}
.slider .mask {width:100%;margin:0 auto;position:relative;overflow:hidden}
.slider .wrap {width:10000px;position:relative;left:0;overflow:hidden;}
.slider .panel {position:relative;float:left;}
.slider .item {float:left}

/* copyright */
#copy {border-top:1px dotted #7a7a7a;padding:25px 0 0;color:#fff}
#copy .fright {margin:0 0 0 15px;}
#copy a {color:#b2b2b2}
#copy .counter img {vertical-align:middle}
#copy .fright .white{
    display:none;
}
#copy .copy-phone {
    color: #fff;
    margin-right: 20px;
    text-decoration: none;
}
.copy-feedback {
    white-space: nowrap;
}
@media screen and (max-width: 480px) {
    #copy .copy-phone {
        margin-bottom: 10px;
        display: inline-block;
        vertical-align: top;
    }
}
/* subclasses */
.body-full {margin:0 0 0 -155px}

/**/
ul.list {}
ul.list, ul.list > li { margin: 0; padding: 0; list-style: none; }
ul.list > li { margin: 1em 0; padding-left: 18px; background: url(../images/ico/list.gif) no-repeat 0 5px; }

/* 23*/

.banner_top{
    position:absolute;
    top:60px;
    left:172px;
    height:62px;
    width:575px;
}
:focus{outline: 0;}
table.list_tags_article a{
    line-height:18px;
}

#colorbox { z-index: 9001; }
.galleria, #galleria { height: 500px; width: 705px; }

.fish-h, .fish-v {
    display: block;
    text-decoration: none;
    cursor: pointer;
}
.fish-h {
    font-family: "NokiaSansS60";
    display: block; width: 575px; height: 62px; overflow: hidden;
    background: #093148 url(/uploads/files/fish/fish-h-bg.jpg) left top no-repeat;
}
.fish-h-right span span, .fish-h-left span span { display: block; }
.fish-h-right, .fish-h-left {
    height: 61px; line-height: 58px;
}
.fish-h-right {
    float: right; padding-right: 10px;
    white-space: nowrap; text-align: right;
    color: white;
}
.fish-h-right *, .fish-h-left * {
    display: inline-block; vertical-align: middle;
    white-space: normal;
}
.fish-h-right > span, .fish-h-right b {
    text-align: right;
    font-size: 16px; line-height: 40px;
    text-transform: uppercase;
}
.fish-h-right b {
    margin: 0 5px 0 7px;
    font-size: 42px;
    vertical-align: top;
    *vertical-align: middle;
    position: relative; top: 2px; *top: 1px; *left: 7px;
    width: 60px; height: 57px; line-height: 57px;
    background: transparent url(/uploads/files/fish/fish-h-counter.gif) left top no-repeat;
    text-align: center; color: #424a55;
}
.fish-h-right > span:first-child {
    font-size: 16px; line-height: 16px;
}
.fish-h-left { display: block; font-size: 14px; text-align: center; color: #d1d6d9; }
.fish-h-left * { line-height: 16px; }
.fish-h-left span { *position: relative; *top: 6px; }
.fish-h-left span b { display: inline; vertical-align: top; font-weight: normal; }
.fish-h-left span span { *top: 0; }


.fish-v {
    position: relative;
    display: block; width: 240px; height: 400px; overflow: hidden;
    background: #093148 url(/uploads/files/fish/fish-v-bg.jpg) left top no-repeat;
    font-family: "NokiaSansS60";
}
.fish-v b, .fish-v span {
    position: absolute; left: 0; right: 0;
    text-align: center;
}
.fish-v b {
    top: 266px; height: 85px; line-height: 85px;
    font-size: 50px; color: #424a55;
}
.fish-v span {
    bottom: 0; height: 49px; line-height: 49px;
    font-size: 30px; font-weight: bold; color: white;
    text-transform: uppercase;
}
.toprint{
    text-decoration:none;
    position:absolute;
    top:17px;
    right:20px;
    display:block;
    width:25px;
    height:22px;
    background: url(../images/printer1.png) left top no-repeat;
    z-index:10;
}

/* Send_mail (iphone_app_support) */
#comments-add.send_mail form, .comments-add.send_mail form{
    float: none;
    width: 680px;
}
#comments-add.send_mail form label, .comments-add.send_mail form label{
    width: 120px;
    vertical-align: top;
}
#comments-add.send_mail form input[type="text"], .comments-add.send_mail form input[type="text"]{
    width: 340px;
}
#comments-add.send_mail form textarea, .comments-add.send_mail form textarea{
    width: 516px;
    height: 92px;
}
#comments-add.send_mail form .captcha, #comments-add.send_mail form .btn, .comments-add.send_mail form .captcha, .comments-add.send_mail form .btn{
    margin-left: 135px;
}

.download_data{
    float: right;
    display: block;
    width: 125px;
    height: 27px;
    text-decoration: none;
    text-align: right;
    font-size: 12px;
    line-height: 25px;
    color: white;
    padding-right: 12px;
    margin-bottom: 10px;
}
.download_data.d-data-1{
    background: url(../images/d-data-1.png) left top no-repeat;
}
.download_data.d-data-2{
    background: url(../images/d-data-2.png) left top no-repeat;
}
.download_data.d-data-3{
    background: url(../images/d-data-3.png) left top no-repeat;
}
.download_data.d-data-4{
    background: url(../images/d-data-4.png) left top no-repeat;
}
.download_data.d-data-5{
    background: url(../images/d-data-5.png) left top no-repeat;
}
.download_data.d-data-6{
    background: url(../images/d-data-6.png) left top no-repeat;
}
.download_data.d-data-7{
    background: url(../images/d-data-7.png) left top no-repeat;
}

.rating-profile{
    height: 19px;
    line-height: 19px;
    bottom: 5px;
    position: absolute;
    left: 179px;
    padding: 0 0 0 23px;
    background: #FFF url(../images/star_cont.png) 0 2px no-repeat;
}


/* users themes */

#comments-add.send_mail form input#title_theme[type="text"]{
    width:516px;
}
.users_news #stories {margin:0;padding:0;overflow: visible;}
.users_news #stories .sblock {width: 100%; float: none;margin: 0 17px 11px 0;}
.users_news #stories .pane {width: 709px;position: relative;}
.users_news #stories .pane .fright > span{background: none;}
.users_news #stories .pane .add-comm{color: gray;background: url(../images/ico/comm-big.gif) no-repeat 0 center;padding: 0 0 0 18px;}
.users_news #stories .title {font: 18px NokiaSansS60;color: #0A82A8;margin: 20px 0 10px;}
.users_news #stories .subtitle {font:14px NokiaSansS60;margin:0 0 15px;color: gray;}
.users_news #stories .text_news {font:14px Arial;margin:0 0 10px;color:black;}
.public_news{margin-left: 320px;}
.users_news #stories .author a{text-decoration: underline;color: gray;font:14px NokiaSansS60;}.users_news #stories .author a:hover{text-decoration: none;}
.users_news #stories .no-f {margin:15px 0 0;padding: 10px;background: #fff;color: gray;font:14px NokiaSansS60;}
.theme-comments .rating-comment{display:none !important;}

/* users themes likes */

.t-golos{float:right;width:126px;height:33px;position:relative;margin:15px;border:1px solid #eee;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;z-index: 100;}
.t-golos table{width:126px;height:33px;border:0;}
.t-golos table tr td{width:63px;height:33px;}
.t-likes{background: #f7f7f7;text-align: center;vertical-align:middle;color:#999;border-right:1px solid #eee;}
.t-but a{background: url(../images/yes_button.png) no-repeat 0 top;width:63px;height:33px;display: block;text-decoration: none;}
.t-but a:hover{background: url(../images/yes_button.png) no-repeat 0 bottom;}
.t-public{width:126px;height:33px;background: url(../images/public.png) no-repeat 0 top;}

#big_menu{margin: 40px 30px 20px 0;}

/* users */
.user_ava {width: 110px;float: left;height: 57px;overflow: hidden;margin:0 30px 5px 5px;}
.users_themes .sblock {width: 100%; float: none;margin: 0 17px 11px 0;}
.users_themes .title {font: 18px NokiaSansS60;color: #0A82A8;margin: 20px 0 10px;}
.users_themes .no-f {margin: 5px 0 10px;padding: 10px;background: #fff;color: gray;font:14px NokiaSansS60;text-align: center;}
#users_themes {margin:0;padding:0;overflow: visible;}
.users_themes .s-info{margin: 0 10px 10px 0}
.authors_block .author{margin-top: 10px;color: #999;font-size:13px;margin-bottom:5px;}
.authors_block .subtitle a{text-decoration: none;font-size:18px;font-weight:100;}
.authors_block .subtitle a:hover{text-decoration: underline;}
.active_author{background:#ffe;}
.comments .sblock_wrap {padding: 3px;background:none;border:0;}
.comments .sblock{border:0;}

.t-menu{float:right;height:33px;position:relative;margin:30px 5px 0 0;z-index: 100;}
.t-menu table{height:33px;border:0;}
.t-menu table tr td{height:33px;vertical-align: middle;}

.themes{border-top:1px solid #ccc;padding-top: 10px;overflow: visible;}
.themes .pane {width: 705px;position: relative;}
.themes .pane .fright > span{background: none;}
.themes .pane .add-comm{color: gray;background: url(../images/ico/comm-big.gif) no-repeat 0 center;padding: 0 0 0 18px;}
.themes .sblock_wrap {padding: 3px;background:none;border:0;}
.themes .sblock{border:0;}

.theme_item .social {padding:17px 10px 15px; margin: 0 10px 20px; height: 27px; border-top: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED;}
.theme_item .social a {margin:0 15px 0 0}
.theme_item .social img {vertical-align:middle}
.theme_item .soc_like {float:left;padding:2px 0;vertical-align:middle}
.theme_item .materials {padding:15px 0 0;border-top:1px solid #e5e5e5;margin:20px 0 0}

a.text_slider{font: 12px Arial !important;}
#stories .title a.public_a{text-decoration: underline;}
#stories .title a.public_a:hover{text-decoration: none;}

.fb-like {z-index: 1000; margin-right: 40px;}

.grey_box{width:748px; height:51px; background-color: #EBEBE5; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -khtml-border-radius:13px;padding-top:17px;margin-bottom:-15px;margin-top:10px;font-family: NokiaSansS60;}
.grey_box a{display: block;background: #F75A00;text-align: center;vertical-align:middle;width:212px;height: 26px;color:white;font-size:16px; text-decoration: none;padding-top:10px;border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:7px;}


.post-comments .post-block { margin-left: -4px; margin-right: -4px;}
.post-comments .post-block table{margin:20px;}
.post-comments .post-block td{vertical-align:top;  }
.post-comments .post-block td.first{padding-right: 30px;}
.post-comments .post-block td.middle{width:125px; padding-right: 56px;}
.post-comments .post-block td.last{padding-right:0;}
.post-comments .post-block td.first img{width:200px; height:60px;}
.post-comments .post-block td.middle a {color: black;}
.post-comments .post-block td.middle span {display:block; font-size:10px; color:#969696; margin-top: 3px; margin-bottom: 3px;}
.post-comments .post-block td.middle div.tags a{margin-right: 5px;}
.post-comments .paginator{margin-top:0;}



.post-comments .comments-head {overflow: hidden;position: relative;background: #F7F7F7; margin-top: 28px; padding:20px; }
.post-comments .comments-head .h {color: black;font: 20px NokiaSansS60;text-transform: none;}
.post-comments .comments-head a.add-comm {position: absolute;left: 250px;top: 22px;color: gray;background: url(../images/ico/comm-big.gif) no-repeat 0 center;padding: 0 0 0 18px;}
.post-comments .comment-wrapper, .post-comments .list_comments{margin:20px;}
#post-comments .comment-wrapper, #post-comments .list_comments{margin:10px;}
.post-comments .no-f{margin: 15px 0 0;background: white;color: gray;font: 14px NokiaSansS60;}


#post-comments {padding-bottom: 20px; background: url(../images/bar/sb.gif) repeat-x 0 bottom; background-color: white; border: 1px solid #ECECE8; border-top:none;}
#post-comments-wrapper{border-right: 1px solid #DCDCD8;border-left: 1px solid #DCDCD8;border-top: 1px solid #EDEDE8; }
#post-comments, #post-comments-wrapper, .post-comments .sblock, .post-comments .sblock_wrap{border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -khtml-border-radius:13px; }


#post-comments #stories {margin:0; padding:0;}
#post-comments #stories .sblock{float:none; width:inherit; margin:0;}
#post-comments .paginator-more-nav a {margin-top:-4px; margin-bottom:5px; }
#post-comments .paginator-more {margin:20px;}
#post-comments .paginator-more .ajax-loader {top:30px; left:0;}
#post-comments .paginator-more a.next {padding-left: 27px; width:24px;}
#post-comments .sblock{border:none;}

#post-comments .tab-13-03-2012 > span.cur > span { color: white; background: #6AA8B2; }
#post-comments .tab-13-03-2012 > span > i, #post-comments .tab-13-03-2012 > span > b { background: none; }
#post-comments .tab-13-03-2012 {border-bottom: none;}

#post-comments .tab-13-03-2012 > span>span {border: 1px solid #CBCBCB; margin-right: 5px; padding:3px;}
#post-comments .tab-13-03-2012 .ajax-loader {border:none;}

#post-comments .tab-13-03-2012 > span.cur > span{border-color:#6AA8B2;}
#post-comments .tab-13-03-2012 > span.label {margin:0 15px 0 15px;}

#post-comments .tab-13-03-2012 > span.cur > b{position: relative;left: 47%;display: block;width: 7px;height: 4px;background: transparent url(/images/v3/tabs_sort_pointer.png)top no-repeat;}

#post-comments .more-comments .paginator-more{margin-left:0; margin-right:0; }
.post-comments .more-comments {margin-bottom: 10px;}
.more-comments .ajax-loader{position: relative;left:80px; top: -4px; margin-top:-15px; display:block;}

#comments-list .comm-info a.link-button{margin-top:10px; width: 126px; text-decoration: none; background-color: #4D4D4D; display: block; color:white; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:7px; padding:4px 7px;}

#post-comments .list_comments {padding-bottom: 5px;}
#post-comments .comm-text{width:370px;}

.s-busy-active{background: url(/images/ajax-loader.gif) no-repeat top center;}

.posts-comments #stories .sblock_wrap {padding:25px;}

#post-comments .posts-sort{margin-bottom:10px;}
.dialog {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}
.dialog.modal {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
}
.dialog.modal .container {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.dialog .outline {
    background: url(../images/bar/dot.png);
    display: inline-block;
    width: 400px;
    text-align: left;
    margin: 0 auto;
    position: relative;
    -ms-border-radius: 3px;
    border-radius: 3px;

}
.content{
    background: white;
    margin: 7px;
    padding: 5px;
}
.dialog h3{margin: 3px; margin-bottom: 10px;}
.dialog .btn {margin: 3px; margin-top: 10px;}
.dialog dt {margin-left:5px; margin-bottom: 3px;}
#newName{margin: 5px; margin-left: 10px;}

.profile {position:relative;overflow:hidden}

/**/
.profile .I {padding:0 14px;color:#c5c5c5;font-size:15px}
.profile em {font-style:italic}

.profile-image img {display:block;}
.profile-info {font-size:15px;width: 590px;}
.profile-info p {line-height:100%;padding:0 30px}
.profile-name {font-family:NokiaSansS60;font-weight:400 !important;font-size:26px;margin:4px 0 8px}

/* small profile */
.profile  {overflow:hidden;height:73px;padding:15px 15px 5px 15px;}
.profile .profile-info {float:left;}

.profile .avatar {width:110px;float:left;height:57px;overflow:hidden}
.profile .avatar img {width:110px;}

.sblock_author .mat-text{width: 400px;}
.sblock_author .mat-info{width: 120px;}
.sblock_author .mat-title{float: left; width: 150px; display: inline-block;}

.oslon.profile{
    padding: 0 5px;
    float: left;
    margin-bottom: 10px;
}
.oslon .profile-info{
    width: 420px;
}
.oslon.profile .profile-name{
    font-size: 40px;
    line-height: 1;
    margin: 0 0 5px 0;
}
.oslon.profile .avatar{
    height: 60px;
}
.profile em {
    font-family:NokiaSansS60;
    font-style: normal;
    font-size: 17px;
}
.select-load{
    display: inline-block;
    font-size: 11px;
    color: #333333;
    float: right;
    padding: 0 5px 0 0;
}
.select-load > select{
    border: none;
}
#stories {
    float: left;
}
span.customSelect {
    font-size:11px;
    background: #efefe9; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjExJSIgc3RvcC1jb2xvcj0iI2VjZWNlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNWM1YmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #efefe9 0%, #ecece6 11%, #c5c5be 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefe9), color-stop(11%,#ecece6), color-stop(100%,#c5c5be)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #efefe9 0%,#ecece6 11%,#c5c5be 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #efefe9 0%,#ecece6 11%,#c5c5be 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #efefe9 0%,#ecece6 11%,#c5c5be 100%); /* IE10+ */
    background: linear-gradient(to bottom, #efefe9 0%,#ecece6 11%,#c5c5be 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefe9', endColorstr='#c5c5be',GradientType=0 ); /* IE6-8 */
    -webkit-box-shadow:  2px 2px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow:  2px 2px 1px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    color:#333;
    padding:3px 8px;
    width:115px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.customSelectInner{
    width: 84px !important;
}
span.customSelect:after{
    display: block;
    position: relative;
    float: right;
    content: '\0000a0\0000a0\0000a0';
    width: 7px;
    background: url('/images/select-arr.png') right  center  no-repeat;
}
/*.post-text{
    word-wrap: break-word;
    word-break: break-all;
}*/

.nogoogle-nomap, .nogoogle-nomap-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.nogoogle-nomap { z-index: 19001; background: transparent url(/uploads/files/10299/bg.png) left top; }
.nogoogle-nomap-content { 
	display: block; position: absolute; 
	-webkit-transform: rotate(0deg);
}
.nogoogle-nomap-overlay { 
	background: transparent url(/images/b.gif) left top repeat; 
	cursor: url(http://api-maps.yandex.ru/2.0.5/images/img0), url(http://api-maps.yandex.ru/2.0.5/images/img0), move;
}
.nogoogle-nomap-overlay:active { cursor: url(http://api-maps.yandex.ru/2.0.5/images/img1), url(http://api-maps.yandex.ru/2.0.5/images/img1), move; }
.nogoogle-nomap-close { 
	position: absolute; right: 0; top: 0;
	width: 172px; height: 65px; 
	background: transparent url(/uploads/files/10299/close.png) left 15px no-repeat; cursor: pointer;
}
.nogoogle-nomap-close:hover { background-position: left -35px; }

.nogoogle-nomap-slider { 
	position: absolute; left: 0; top: 25px;
	width: 33px; height: 178px;
	padding-left: 29px;
	background: transparent url(/uploads/files/10299/zoom-bg.png) 29px top no-repeat; cursor: pointer;
}
.nogoogle-nomap-slider > div {
	position: absolute; right: 3px; top: 0;
	width: 33px; height: 8px; margin-top: 24px;
	background: transparent url(/uploads/files/10299/zoom-cursor.png) left top no-repeat;
}
.nogoogle-nomap-slider > span {
	display: block; width: 33px; height: 28px;
	position: absolute; right: 0;
	background: transparent url(/images/b.gif) left top repeat;
}

/*  */
#header .btn-order {position:absolute;top:74px;right:260px;background:#504d4b url(../images/ico/file.png) no-repeat 14px center;border:1px solid #75706b;border-radius:4px;padding:0 15px 0 38px;height:38px;line-height:38px;color:#fff;text-shadow:0 1px 0 #000;text-decoration:none;white-space:nowrap}
#header .btn-order:hover {background-color:#444240}
@media screen and (max-width: 870px) {
    #header .btn-order {
        top: 94px;
        left: 14px;
        right: auto;
    }
}
@media screen and (max-width: 545px) {
    #header .btn-order {
        top: 144px;
    }
}

a.no-m.Budushchee{
    background: #26a1e7;
}
a.no-m.Ekonomika{
    background:  #232973;
}
a.no-m.TSennosti,a.no-m.obshchestvo{
    background:#f15020
}
a.no-m.Obrazovanie-i-nauka , a.no-m.Nauka-i-obrazovanie{
    background: #1a9e79;
}
a.no-m.SMI-i-internet{
    background:#5061de;
}
a.no-m.Mir{
    background:#627770;
}
a.no-m.Politika{
    background: #04494e;
}
a.no-m.Bezopasnost-i-pravo{
    background: #777779;
}
a.no-m.Rabota-i-dom{
    background:#fa9212
}
a.no-m.Proshloe{
    background: #986279;
}
a.no-m.Gorodskie-proekty{
    background:#05ae7c;
}
a.no-m.Kultura-i-dosug{
    background:#9c50de
}
a.no-m.Zdorove-i-sport{
    background:#199e79;
}
a.no-m.Obraz-zhizni{
    background: #ecb710;
}
a.no-m.Nastroeniya{
    background:#ef042f;
}
a.no-m.Dominanty{
    background:#e63322;
}

/*FONTS
-----------------------------------------------------*/
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-regular.eot');
    src: url('fonts/opensans-regular.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-regular.woff2') format('woff2'), url('fonts/opensans-regular.woff') format('woff'), url('fonts/opensans-regular.ttf') format('truetype'), url('fonts/opensans-regular.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-bold.eot');
    src: url('fonts/opensans-bold.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-bold.woff2') format('woff2'), url('fonts/opensans-bold.woff') format('woff'), url('fonts/opensans-bold.ttf') format('truetype'), url('fonts/opensans-bold.svg#open_sansbold') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'icons-font';
    src: url('fonts/icons-font.eot?22281113');
    src: url('fonts/icons-font.eot?22281113#iefix') format('embedded-opentype'), url('fonts/icons-font.woff?22281113') format('woff'), url('fonts/icons-font.ttf?22281113') format('truetype'), url('fonts/icons-font.svg?22281113#icons-font') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*ASIDE
----------------------------------------------------------------*/
.aside {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 320px;
    z-index: 10000;
    text-align: left;
    background: #000000;
    color: #ffffff;
}
.aside *,
.aside *::after,
.aside *::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.aside [class*="f-icon-"]::before {
    font-family: "icons-font";
    font-style: normal;
    font-weight: normal;
    speak: none;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.aside .sites-links-list {
    padding: 7px 4px;
}
.aside .sites-links-list > li {
    display: inline-block;
    padding: 1px 1.8em;
    font: 700 10px 'Open Sans', Arial, Helvetica, sans-serif;
    border-right: 1px solid #ffffff;
}
.aside .sites-links-list > li:last-child {
    border-right: none;
}
.aside .sites-links-list > li > a:hover,
.aside .sites-links-list > li.active > a {
    color: #c4c4c4;
}
.aside .sites-links-list > li > a {
    color: #ffffff;
    text-decoration: none;
    background-color: transparent;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.aside .f-icon-angle-down::before {
    content: '\e802';
}
.aside .social-list a,
.aside .social-list li {
    display: inline-block;
}
.aside .social-list li {
    margin-right: 10px;
}
.aside .social-list a {
    text-decoration: none;
    font-size: 1em;
    color: #ffffff;
}
.aside .social-list .f-icon-vk::before {
    content: '\e803';
}
.aside .social-list .f-icon-tw::before {
    content: '\e804';
}
.aside .social-list .f-icon-fb::before {
    content: '\e805';
}
@media screen and (min-width: 768px) {
    .aside .sites-links-list .f-icon-angle-down {
        margin-left: 5px;
        font-size: 1em;
    }
    .aside .aside-menu-wrap {
        position: absolute;
        display: none;
        top: 0;
        left: 0;
        width: 100%;
        z-index: -1;
        padding: 80px 50px 50px;
        font: 14px/1.25 'Open Sans', Arial, Helvetica, sans-serif;
        background: #000000;
        color: #8e8e8e;
    }
    .aside .aside-menu-wrap a {
        color: #8e8e8e;
        text-decoration: none;
    }
    .aside .aside-menu-wrap .row {
        padding: 10px 0;
    }
    .aside .aside-menu-wrap .row:after {
        content: '';
        display: block;
        clear: both;
    }
    .aside .aside-menu-wrap .col {
        float: left;
        max-width: 300px;
        min-width: 175px;
        padding-right: 40px;
    }
    .aside .aside-menu-wrap .title {
        display: block;
        padding-bottom: 20px;
        text-decoration: underline;
        font-weight: 700;
    }
    .aside .aside-menu-wrap .title a {
        color: #ffffff;
    }
    .aside .aside-menu-wrap .menu-close {
        position: absolute;
        top: 45px;
        right: 54px;
        display: block;
        font-size: 30px;
        color: #ffffff;
        cursor: pointer;
    }
    .aside .aside-menu-wrap .f-icon-close::before {
        content: '\e800';
    }
    .aside .social-row {
        padding-top: 10px;
    }
    .aside .social-list a {
        color: #8e8e8e;
        font-size: 1.5em;
    }
    .aside .add-nav li {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .aside .add-nav a:hover {
        color: #e53d2f;
    }
    .aside .address-section {
        margin-bottom: 20px;
    }
    .aside .address-section span {
        display: block;
    }
    .aside .address-section a {
        text-decoration: underline;
        margin-right: 20px;
        color: #e53d2f;
    }
}
@media screen and (min-width: 1280px) {
    .aside .sites-links-list {
        padding: 10px 43px;
    }
    .aside .sites-links-list > li {
        font-size: 13px;
    }
}
/*MEDIA QUERIES
----------------------------------------------------------------*/