@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

#cboxOverlay{background:url(/3rdparty.v5/desktop/colorbox/example1/images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(/3rdparty.v5/desktop/colorbox/example1/images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(/3rdparty.v5/desktop/colorbox/example1/images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/3rdparty.v5/desktop/colorbox/example1/images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(/3rdparty.v5/desktop/colorbox/example1/images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(/3rdparty.v5/desktop/colorbox/example1/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/3rdparty.v5/desktop/colorbox/example1/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/3rdparty.v5/desktop/colorbox/example1/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/3rdparty.v5/desktop/colorbox/example1/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(/3rdparty.v5/desktop/colorbox/example1/images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/3rdparty.v5/desktop/colorbox/example1/images/loading.gif) no-repeat center center;}

                #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
                #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(/3rdparty.v5/desktop/colorbox/example1/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/3rdparty.v5/desktop/colorbox/example1/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/3rdparty.v5/desktop/colorbox/example1/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
.sm{box-sizing:border-box;position:relative;z-index:9999;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:default;}
.sm::after{content:"";display:block;height:0;font:0px/0 serif;clear:both;overflow:hidden;}
.sm *,.sm *::before,.sm *::after{box-sizing:inherit;}
.sm-blue {
  background: transparent;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active {
  padding: 10px 20px;
    padding-right: 58px;
  background: #3092c0;
  background-image: linear-gradient(to bottom, #3298c8, #2e8cb8);
  color: #fff;
  font-family: "PT Sans Narrow", "Arial Narrow", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 23px;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.sm-blue a.current {
  background: #006892;
  background-image: linear-gradient(to bottom, #006188, #006f9c);
  color: #fff;
}
.sm-blue a.disabled {
  color: #a1d1e8;
}
.sm-blue a .sub-arrow {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: auto;
  right: 4px;
  width: 34px;
  height: 34px;
  overflow: hidden;
  font: bold 16px/34px monospace !important;
  text-align: center;
  text-shadow: none;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.sm-blue a .sub-arrow::before {
  content: '+';
}
.sm-blue a.highlighted .sub-arrow::before {
  content: '-';
}
.sm-blue > li:first-child > a, .sm-blue > li:first-child > :not(ul) a {
  border-radius: 8px 8px 0 0;
}
.sm-blue > li:last-child > a, .sm-blue > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
  border-radius: 0 0 8px 8px;
}
.sm-blue > li:last-child > a.highlighted, .sm-blue > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {
  border-radius: 0;
}
.sm-blue ul {
  background: #fff;
}
.sm-blue ul ul {
  background: rgba(102, 102, 102, 0.1);
}
.sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active {
  background: transparent;
  color: #2b82ac;
  font-size: 16px;
  text-shadow: none;
  border-left: 8px solid transparent;
}
.sm-blue ul a.current {
  background: #006892;
  background-image: linear-gradient(to bottom, #006188, #006f9c);
  color: #fff;
}
.sm-blue ul a.disabled {
  color: #b3b3b3;
}
.sm-blue ul ul a,
.sm-blue ul ul a:hover,
.sm-blue ul ul a:focus,
.sm-blue ul ul a:active {
  border-left: 16px solid transparent;
}
.sm-blue ul ul ul a,
.sm-blue ul ul ul a:hover,
.sm-blue ul ul ul a:focus,
.sm-blue ul ul ul a:active {
  border-left: 24px solid transparent;
}
.sm-blue ul ul ul ul a,
.sm-blue ul ul ul ul a:hover,
.sm-blue ul ul ul ul a:focus,
.sm-blue ul ul ul ul a:active {
  border-left: 32px solid transparent;
}
.sm-blue ul ul ul ul ul a,
.sm-blue ul ul ul ul ul a:hover,
.sm-blue ul ul ul ul ul a:focus,
.sm-blue ul ul ul ul ul a:active {
  border-left: 40px solid transparent;
}
.sm-blue ul li {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.sm-blue ul li:first-child {
  border-top: 0;
}

@media (min-width: 768px) {
      .sm-blue ul {
    position: absolute;
    width: 12em;
  }

  .sm-blue li {
    float: left;
  }

  .sm-blue.sm-rtl li {
    float: right;
  }

  .sm-blue ul li, .sm-blue.sm-rtl ul li, .sm-blue.sm-vertical li {
    float: none;
  }

  .sm-blue a {
    white-space: nowrap;
  }

  .sm-blue ul a, .sm-blue.sm-vertical a {
    white-space: normal;
  }

  .sm-blue .sm-nowrap > li > a, .sm-blue .sm-nowrap > li > :not(ul) a {
    white-space: nowrap;
  }

    .sm-blue {
    background: #3092c0;
    background-image: linear-gradient(to bottom, #3298c8, #2e8cb8);
    border-radius: 8px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  }
  .sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
    padding: 13px 24px;
    background: #3092c0;
    background-image: linear-gradient(to bottom, #3298c8, #2e8cb8);
    color: #fff;
  }
  .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
    background: #2b82ac;
    background-image: linear-gradient(to bottom, #2d89b4, #297ca3);
  }
  .sm-blue a.current {
    background: #006892;
    background-image: linear-gradient(to bottom, #006188, #006f9c);
    color: #fff;
  }
  .sm-blue a.disabled {
    background: #3092c0;
    background-image: linear-gradient(to bottom, #3298c8, #2e8cb8);
    color: #a1d1e8;
  }
  .sm-blue a .sub-arrow {
    top: auto;
    margin-top: 0;
    bottom: 2px;
    left: 50%;
    margin-left: -5px;
    right: auto;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid dashed dashed dashed;
    border-color: #a1d1e8 transparent transparent transparent;
    background: transparent;
    border-radius: 0;
  }
  .sm-blue a .sub-arrow::before {
    display: none;
  }
  .sm-blue > li:first-child > a, .sm-blue > li:first-child > :not(ul) a {
    border-radius: 8px 0 0 8px;
  }
  .sm-blue > li:last-child > a, .sm-blue > li:last-child > :not(ul) a {
    border-radius: 0 8px 8px 0 !important;
  }
  .sm-blue > li {
    border-left: 1px solid #2b82ac;
  }
  .sm-blue > li:first-child {
    border-left: 0;
  }
  .sm-blue ul {
    border: 1px solid #a8a8a8;
    padding: 7px 0;
    background: #fff;
    border-radius: 0 0 4px 4px !important;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
  }
  .sm-blue ul ul {
    border-radius: 4px !important;
    background: #fff;
  }
  .sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
    border: 0 !important;
    padding: 9px 23px;
    background: transparent;
    color: #2b82ac;
    border-radius: 0 !important;
  }
  .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
    background: #3092c0;
    background-image: linear-gradient(to bottom, #3298c8, #2e8cb8);
    color: #fff;
  }
  .sm-blue ul a.current {
    background: #006892;
    background-image: linear-gradient(to bottom, #006188, #006f9c);
    color: #fff;
  }
  .sm-blue ul a.disabled {
    background: #fff;
    color: #b3b3b3;
  }
  .sm-blue ul a .sub-arrow {
    top: 50%;
    margin-top: -5px;
    bottom: auto;
    left: auto;
    margin-left: 0;
    right: 10px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #a1d1e8;
  }
  .sm-blue ul li {
    border: 0;
  }
  .sm-blue .scroll-up,
  .sm-blue .scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    background: #fff;
    height: 20px;
  }
  .sm-blue .scroll-up-arrow,
  .sm-blue .scroll-down-arrow {
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 8px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #2b82ac transparent;
  }
  .sm-blue .scroll-down-arrow {
    top: 6px;
    border-style: solid dashed dashed dashed;
    border-color: #2b82ac transparent transparent transparent;
  }
  .sm-blue.sm-rtl.sm-vertical a .sub-arrow {
    right: auto;
    left: 10px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #a1d1e8 transparent transparent;
  }
  .sm-blue.sm-rtl > li:first-child > a, .sm-blue.sm-rtl > li:first-child > :not(ul) a {
    border-radius: 0 8px 8px 0;
  }
  .sm-blue.sm-rtl > li:last-child > a, .sm-blue.sm-rtl > li:last-child > :not(ul) a {
    border-radius: 8px 0 0 8px !important;
  }
  .sm-blue.sm-rtl > li:first-child {
    border-left: 1px solid #2b82ac;
  }
  .sm-blue.sm-rtl > li:last-child {
    border-left: 0;
  }
  .sm-blue.sm-rtl ul a .sub-arrow {
    right: auto;
    left: 10px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #a1d1e8 transparent transparent;
  }
  .sm-blue.sm-vertical {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  }
  .sm-blue.sm-vertical a {
    padding: 9px 23px;
  }
  .sm-blue.sm-vertical a .sub-arrow {
    top: 50%;
    margin-top: -5px;
    bottom: auto;
    left: auto;
    margin-left: 0;
    right: 10px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #a1d1e8;
  }
  .sm-blue.sm-vertical > li:first-child > a, .sm-blue.sm-vertical > li:first-child > :not(ul) a {
    border-radius: 8px 8px 0 0;
  }
  .sm-blue.sm-vertical > li:last-child > a, .sm-blue.sm-vertical > li:last-child > :not(ul) a {
    border-radius: 0 0 8px 8px !important;
  }
  .sm-blue.sm-vertical > li {
    border-left: 0 !important;
  }
  .sm-blue.sm-vertical ul {
    border-radius: 4px !important;
  }
  .sm-blue.sm-vertical ul a {
    padding: 9px 23px;
  }
}


.sm {
  z-index: 99;
}


.sm-blue {
  padding: 0 0 0 20px;
  background: #ff8000;
  background-image: linear-gradient(to bottom, #ff8608, #fd7a00);
  border-radius: 0;
}


.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
  padding: 7px 13px;
  background: #ff8000;
  background-image: linear-gradient(to bottom, #ff8608, #fd7a00);
}


.sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
  background: #ff9010;
  background-image: linear-gradient(to bottom, #ff9718, #fd8802);
}


.sm-blue a .sub-arrow {
  top: 80%;
  border-color: #ffffff transparent transparent transparent;
}


.sm-blue > li {
  border-left: 1px solid #ff9010;
}


.sm-blue ul {
  border: 1px solid #ff8000;
}

  
.sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
  padding: 7px 13px;
  color: #ff8000;
}


.sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
  background: #ff9010;
  background-image: linear-gradient(to bottom, #ff9718, #fd8802);
  color: #fff;
}

a {
  color: #ff8000;
}


a.overbox {
  visibility: hidden;
}


body {
  margin: 0;
  font-family: sans-serif;
  font-size: 16px;
  background: url(/images.v5/desktop/bg_body.png);
  color: #404040;
}


form.overbox input[type=submit] {
  visibility: hidden;
}


h1, h2, h3 {
  margin: 1em 0;
  padding: 0 0 0.1em 0.4em;
  font-weight: normal;
  font-size: 1.2em;
  border-bottom: 1px solid #ff8000;
  border-left: 3px solid #ff8000;
  border-bottom-left-radius: 5px;
}


h1 a, h2 a, h3 a {
  text-decoration: none;
}


input, textarea {
  font-family: sans-serif;
  font-size: 1em;
}


input[type=button], input[type=submit] {
  padding: 3px 10px;
}


#alnum-parts {
  margin: 1em 0;
  text-align: center;
}


#alnum-parts a {
  display: block;
  padding-top: 14px;
  width: 48px;
  height: 34px;
  background: url(/images.v5/desktop/icon_part.png);
}


#alnum-parts td {
  padding: 6px 20px 6px 0;
}


#footer {
  margin: 1em 0 0 0;
  padding: 1em 20px;
  font-size: 0.8em;
  text-align: center;
  background: #ff8000;
  color: #ffffff;
}


#footer a {
  color: #ffffff;
}


#header {
  padding: 1em 0 0 0;
  margin: 0 0 1em 0;
  text-align: center;
  background: url(/images.v5/desktop/bg_header.jpg);
}


#logo {
  float: left;
  margin: 0 0 1em 20px;
}


#mainmenu {
  display: none;
}


#search {
  display: inline-block;
  margin: 0.4em 0 0 0;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  background: #ffffff;
}


#search input[type=search] {
  width: 265px;
  margin: 1px;
  padding: 0;
  vertical-align: middle;
  font-size: 20px;
  border: 0;
}


#search input[type=image] {
  width: 25px;
  height: 25px;
  vertical-align: middle;
}


#search-ex {
  display: table;
  padding: 1em 1em 0 1em;
  border: 1px solid #f0f0f0;
  border-radius: 5px;
  background: #f8f8f8;
}


#search-ex select {
  width: 200px;
}


#welcome {
  float: right;
  margin: 0 20px 0 0;
  text-align: left;
}


.absent {
  font-size: 1.2em;
  color: #a0a0a0;
}


.answer-appro {
  display: inline-block;
  margin: 0.5em 0;
  padding: 2px 11px 2px 28px;
  text-align: center;
  background: no-repeat url(/images.v5/desktop/icon_pro.png);
  border: 1px solid #00c000;
  border-radius: 5px;
  color: #00c000;
}


.answer-appro::before {
  content: "Спасибо: ";
}


.answer-appro:not(.enabled) {
  border-style: dashed;
  opacity: 0.7;
}


.answer-appro.enabled {
  cursor: pointer;
}


.answer-list .comment-snippet:last-child {
  padding: 0;
  border-bottom: none;
}


.artwork-appro {
  display: inline-block;
  padding: 2px 11px 2px 28px;
  text-align: center;
  background: no-repeat url(/images.v5/desktop/icon_pro.png);
  border: 1px solid #00c000;
  border-radius: 5px;
  color: #00c000;
}


.artwork-appro::before {
  content: "Мне нравится: ";
}


.artwork-appro:not(.enabled) {
  border-style: dashed;
  opacity: 0.7;
}


.artwork-appro.enabled {
  cursor: pointer;
}


.artwork-list {
  overflow: hidden;
  margin: 0.6em 0;
}


.artwork-rating {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 48px;
  opacity: 0.75;
  text-align: center;
  border-top-left-radius: 5px;
  background: #008000;
  color: #ffffff;
}


.artwork-snippet {
  display: inline-block;
  width: 23%;
  vertical-align: top;
  margin: 0.6em 1.5% 0.6em 0;
}


.artwork-snippet .avatar {
  display: table;
  overflow: hidden;
  position: relative;
  float: left;
  margin: 0 0.5em 0 0;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
}


.artwork-snippet .avatar img {
  height: 36px;
  vertical-align: top;
}


.artwork-snippet .origin {
  overflow: hidden;
}


.artwork-snippet .thumbnail {
  overflow: hidden;
  display: table;
  position: relative;
  margin: 0.3em 0;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
}


.artwork-snippet .thumbnail img {
  width: 200px;
  vertical-align: top;
}


.artwork-view {
  overflow: hidden;
  margin: 1em 0;
  text-align: center;
}


.artwork-view div {
  display: inline-block;
  vertical-align: middle;
}


.artwork-view div:nth-child(2) img {
  margin: 0 1em;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
}


.blk {
  overflow: hidden;
  margin: 1em 0;
}


.blocklist.add, .blocklist.remove {
  cursor: pointer;
}


.blocklist.deny {
  border-style: dashed;
}


.blocklist.add::before {
  content: "Заблокировать ЛС";
}


.blocklist.deny::before {
  content: "Произошла ошибка";
}


.blocklist.remove::before {
  content: "Разблокировать ЛС";
}


.button {
  display: inline-block;
  padding: 2px 6px;
  text-align: center;
  text-decoration: none;
  background: #f8f8f8;
  background-image: linear-gradient(to bottom, #f0f0f0, #ffffff);
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  color: #ff8000;
}


.button:hover {
  border: 1px solid #c0c0c0;
}


.cloud {
  width: 80%;
  margin: 1em auto 2em auto;
  text-align: center;
  line-height: 200%;
}


.color-column {
  display: inline-block;
  width: 23%;
  margin: 0 1% 0 0;
  vertical-align: top;
}


.color-element {
  width: 100%;
  margin: 0 0 1em 0;
}


.color-element div {
  height: 30px;
  border: 1px solid #e0e0e0;
}


.color-list {
  overflow: hidden;
  margin: 0.5em 0;
}


.color-snippet {
  display: inline-block;
  width: 30%;
  margin: 0.5em 3% 0.5em 0;
}


.color-snippet div {
  width: 100%;
  height: 30px;
  border: 1px solid #e0e0e0;
}


.color-view {
  margin: 1em 0;
}


.color-view div {
  width: 96%;
  height: 60px;
  margin: 0.5em 0;
  border: 1px solid #e0e0e0;
}


.color-view select {
  margin: 0 2em 0 0;
}


.comment-list .comment-snippet:last-child {
  padding: 0;
  border-bottom: none;
}


.comment-snippet {
  overflow: hidden;
  margin: 1em 0;
  padding: 0 0 1em 0;
  border-bottom: 1px dotted #e0e0e0;
}


.comment-snippet .action {
  font-size: 0.8em;
  text-decoration: none;
  margin: 0 0.1em;
  padding: 0 0.3em;
  background: #f8f8f8;
  background-image: linear-gradient(to bottom, #f0f0f0, #ffffff);
  border: 1px solid #e0e0e0;
  border-radius: 3px;
}


.comment-snippet .attachment {
  margin: 0.5em 0 0 0;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
}


.comment-snippet .comment {
  margin: 0;
}


.comment-snippet .description {
  margin: 0 0 0 66px;
}


.comment-snippet .origin {
  display: inline-block;
  margin: 0 0 0.5em 0;
  padding: 0 0 0.5em 0;
  border-bottom: 1px solid #e0e0e0;
}


.comment-snippet .thumbnail {
  overflow: hidden;
  display: table;
  position: relative;
  float: left;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
}


.comment-snippet .thumbnail img {
  width: 51px;
  vertical-align: top;
}


.comment-snippet.clickable:hover {
  color: #a0a0a0;
}


.comment-snippet.unread .origin,
.comment-snippet.unread .thumbnail {
  border-color: #ff8000;
}


.content {
  margin: 1em 20px;
}


.double {
  width: 100%;
  margin: 1em 0;
}


.double td {
  vertical-align: top;
  padding: 0 2em 0 0;
}


.download {
  display: block;
  width: 15em;
  margin: 0.5em 0;
  padding: 0.8em;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
}


.download_type_color {
  background: #ff8000;
  color: #ffffff;
}


.download_type_mono {
  background: #e0e0e0;
  color: #000000;
}


.error {
  color: #ff0000;
}


.favorites.add, .favorites.remove {
  cursor: pointer;
}


.favorites.deny, .favorites.nop {
  border-style: dashed;
}


.favorites.add::before {
  content: "Добавить в избранное";
}


.favorites.deny::before {
  content: "Произошла ошибка";
}


.favorites.nop::before {
  content: "Избранное переполнено";
}


.favorites.remove::before {
  content: "Удалить из избранного";
}


.full-width-button {
  display: block;
  margin: 0.3em 0;
  padding: 4px 0;
  text-align: center;
  text-decoration: none;
  background: #f8f8f8;
  background-image: linear-gradient(to bottom, #f0f0f0, #ffffff);
  border: 1px solid #e0e0e0;
}


.full-width-button:hover {
  border: 1px solid #d0d0d0;
}


.h1-pseudo {
  margin: 1em 0;
  padding: 0 0 0.1em 0.4em;
  font-weight: normal;
  font-size: 1.2em;
  border-bottom: 1px solid #ff8000;
  border-left: 3px solid #ff8000;
  border-bottom-left-radius: 5px;
}


.head-button {
  display: inline-block;
  float: right;
  padding: 3px 8px;
  font-size: 0.8em;
  font-weight: bold;
  text-decoration: none;
  background: #ff8000;
  border-radius: 5px;
  box-shadow: 2px 2px 2px #e0e0e0;
  color: #ffffff;
}


.head-button::before {
  content: "+";
  margin: 0 8px 0 0;
  padding: 0 5px 0 0;
  border-right: 1px solid #f0f0f0;
}



.hint {
  font-size: 0.8em;
  color: #a0a0a0;
}


.image-list {
  overflow: hidden;
  margin: 0.6em 0;
}


.image-list img {
  width: 200px;
  margin: 0.6em 39px 0.6em 0;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
}


.limiter {
  overflow: hidden;
  width: 1020px;
  margin: auto;
  background: #ffffff;
}


.online-dot::before {
  content: "☀";
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 3px;
  opacity: 0.75;
  font-size: 12px;
  border-bottom-right-radius: 5px;
  background: #ff8000;
  color: #ffffff;
}


.pager {
  overflow: hidden;
  margin: 1em 0;
  text-align: center;
}


.pager a, .pager strong {
  display: inline-block;
  min-width: 1.2em;
  padding: 0.2em 0.5em;
  text-decoration: none;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  background: #f8f8f8;
}


.pattern-appro {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  text-align: center;
  color: #ffffff;
}


.pattern-appro:not(.enabled) .contra,
.pattern-appro:not(.enabled) .pro {
  border-style: dashed;
  opacity: 0.7;
}


.pattern-appro.enabled .contra,
.pattern-appro.enabled .pro {
  cursor: pointer;
}


.pattern-appro .contra {
  float: right;
  width: 64px;
  margin: 0 0 0 2px;
  padding: 2px 11px 2px 28px;
  background: no-repeat url(/images.v5/desktop/icon_contra.png);
  border: 1px solid #c00000;
  border-radius: 5px;
  color: #c00000;
}


.pattern-appro .pro {
  float: left;
  width: 64px;
  margin: 0 2px 0 0;
  padding: 2px 11px 2px 28px;
  background: no-repeat url(/images.v5/desktop/icon_pro.png);
  border: 1px solid #00c000;
  border-radius: 5px;
  color: #00c000;
}


.pattern-concise {
  overflow: hidden;
  margin: 1em 0;
}


.pattern-concise .description {
  margin: 0 0 0 104px;
  vertical-align: top;
}


.pattern-concise .thumbnail {
  float: left;
  width: 84px;
  vertical-align: top;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
}


.pattern-list {
  overflow: hidden;
  margin: 0.6em 0;
}


.pattern-rating {
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 0.75;
  text-align: center;
  color: #ffffff;
}


.pattern-rating-contra {
  float: right;
  width: 48px;
  background: #800000;
}


.pattern-rating-pro {
  float: left;
  width: 48px;
  background: #008000;
  border-top-left-radius: 5px;
}


.pattern-snippet {
  display: inline-block;
  width: 23%;
  vertical-align: top;
  margin: 0.6em 1.5% 0.6em 0;
}


.pattern-snippet .avatar {
  display: table;
  overflow: hidden;
  position: relative;
  float: left;
  margin: 0 0.5em 0 0;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
}


.pattern-snippet .avatar img {
  height: 36px;
  vertical-align: top;
}


.pattern-snippet .origin {
  overflow: hidden;
}


.pattern-snippet .thumbnail {
  overflow: hidden;
  display: table;
  position: relative;
  margin: 0.3em 0;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
}


.pattern-snippet .thumbnail img {
  width: 200px;
  vertical-align: top;
}


.pattern-snippet-ad {
  display: inline-block;
  width: 47.5%;
  vertical-align: top;
  margin: 0.6em 1.5% 0.6em 0;
}


.pattern-snippet-adsky {
  display: block;
  float: left;
  width: 23%;
  vertical-align: top;
  margin: 0.6em 1.5% 0.6em 0;
}


.pattern-view {
  overflow: hidden;
  margin: 1em 0;
}


.pattern-view .fragment {
  display: inline-block;
  margin: 0 0 0 40px;
  vertical-align: top;
  text-align: center;
}


.pattern-view .fragment img {
  width: 128px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
}


.pattern-view .info {
  display: inline-block;
  max-width: 600px;
  vertical-align: top;
}

.picture {
  padding: 1em 0;
  font-size: 0.8em;
  text-align: center;
  background: #fff9f0;
  border-top: 1px solid #fbe5c0;
  border-bottom: 1px solid #fbe5c0;
}


.picture img {
  border: 1px solid #e0e0e0;
}


.popup {
  position: relative;
  width: 320px;
  margin: auto;
  padding: 10px;
  border-radius: 5px;
  background: #ffffff;
}


.popup h1 {
  margin: 0.3em 0 1em 0;
}


.problem {
  font-size: 0.8em;
  text-align: center;
}


.process-list {
  overflow: hidden;
  margin: 0.6em 0;
}


.process-snippet {
  display: inline-block;
  width: 23%;
  vertical-align: top;
  margin: 0.6em 1.5% 0.6em 0;
}


.process-snippet .avatar {
  display: table;
  overflow: hidden;
  position: relative;
  float: left;
  margin: 0 0.5em 0 0;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
}


.process-snippet .avatar img {
  height: 36px;
  vertical-align: top;
}


.process-snippet .origin {
  overflow: hidden;
}


.process-snippet .thumbnail {
  overflow: hidden;
  display: table;
  position: relative;
  margin: 0.3em 0;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
}


.process-snippet .thumbnail img {
  width: 200px;
  vertical-align: top;
}


.profile-avatar {
  float: left;
  text-align: center;
}


.profile-avatar img {
  display: block;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
}


.profile-info {
  float: left;
  margin: -1em 0 0 2em;
}


.question-list .question-snippet:last-child {
  padding: 0;
  border-bottom: none;
}


.question-snippet {
  overflow: hidden;
  margin: 1em 0;
  padding: 0 0 1em 0;
  border-bottom: 1px dotted #e0e0e0;
}


.question-snippet .description {
  margin: 0 0 0 81px;
}


.question-snippet .description strong {
  display: table;
  margin: 0.3em 0;
}


.question-snippet  .origin {
  display: inline-block;
  padding: 0 0 0.3em 0;
  border-bottom: 1px solid #e0e0e0;
}


.question-snippet .thumbnail {
  display: table;
  overflow: hidden;
  position: relative;
  float: left;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
}


.question-snippet .thumbnail img {
  width: 67px;
  vertical-align: top;
}


.question-view {
  overflow: hidden;
  margin: 1em 0;
  padding: 0 0 1em 0;
  border-bottom: 1px dotted #e0e0e0;
}


.question-view h1 {
  margin: 0;
  padding: 0;
  border: 0;
}


.question-view .action {
  font-size: 0.8em;
  text-decoration: none;
  margin: 0 0.1em;
  padding: 0 0.3em;
  background: #f8f8f8;
  background-image: linear-gradient(to bottom, #f0f0f0, #ffffff);
  border: 1px solid #e0e0e0;
  border-radius: 3px;
}


.question-view .description {
  margin: 0 0 0 66px;
}


.question-view .origin {
  display: inline-block;
  margin: 0 0 0.5em 0;
  padding: 0 0 0.5em 0;
  border-bottom: 1px solid #e0e0e0;
}


.question-view .thumbnail {
  display: table;
  overflow: hidden;
  position: relative;
  float: left;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
}


.question-view .thumbnail img {
  width: 51px;
  vertical-align: top;
}


.speedbar {
  margin: -1.3em 0 1em 0.7em;
  font-size: 0.8em;
}


.step-appro {
  display: inline-block;
  padding: 2px 11px 2px 28px;
  text-align: center;
  background: no-repeat url(/images.v5/desktop/icon_pro.png);
  border: 1px solid #00c000;
  border-radius: 5px;
  color: #00c000;
}


.step-appro::before {
  content: "Мне нравится: ";
}


.step-appro:not(.enabled) {
  border-style: dashed;
  opacity: 0.7;
}


.step-appro.enabled {
  cursor: pointer;
}


.step-list {
  overflow: hidden;
  margin: 0.6em 0;
}


.step-rating {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 48px;
  opacity: 0.75;
  text-align: center;
  border-top-left-radius: 5px;
  background: #008000;
  color: #ffffff;
}


.step-snippet {
  display: inline-block;
  width: 23%;
  vertical-align: top;
  margin: 0.6em 1.5% 0.6em 0;
}


.step-snippet .thumbnail {
  overflow: hidden;
  display: table;
  position: relative;
  margin: 0.3em 0;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
}


.step-snippet .thumbnail img {
  width: 200px;
  vertical-align: top;
}


.step-view {
  overflow: hidden;
  margin: 1em 0;
  text-align: center;
}


.step-view div {
  display: inline-block;
  vertical-align: middle;
}


.step-view div:nth-child(2) img {
  margin: 0 1em;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
}


.success {
  color: #00a000;
}


.switch {
  margin: 1em 0;
  padding: 0.2em 0.5em;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  background: #f8f8f8;
}


.telegram {
    display: inline-block;
    background: #ffffff no-repeat 5px center url(/images.v5/desktop/icon_telegram.png);
    border: 1px solid #e0e0e0;
    border-radius: 7px;
    margin: 8px;
    padding: 8px 8px 12px 60px;
    text-decoration: none;
    font-size: 32px;
    font-family: Tahoma;
}


.thread-list .thread-snippet:last-child {
  padding: 0;
  border-bottom: none;
}


.thread-snippet {
  overflow: hidden;
  margin: 1em 0;
  padding: 0 0 1em 0;
  border-bottom: 1px dotted #e0e0e0;
}


.thread-snippet .description {
  margin: 0 0 0 82px;
}


.thread-snippet .description strong {
  display: table;
  margin: 0.3em 0;
}


.thread-snippet .origin {
  display: inline-block;
  padding: 0 0 0.3em 0;
  border-bottom: 1px solid #e0e0e0;
}


.thread-snippet .thumbnail {
  display: table;
  overflow: hidden;
  position: relative;
  float: left;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
}


.thread-snippet .thumbnail img {
  width: 67px;
  vertical-align: top;
}


.tool-snippet {
  overflow: hidden;
  margin: 1em 0;
}


.tool-snippet h3 {
  margin: 0 1em;
  padding: 0;
  font-weight: normal;
  border: 0;
}


.tool-snippet h3 a {
  text-decoration: underline;
}


.tool-snippet img {
  float: left;
  margin: 0 1em 0 0;
  vertical-align: top;
  border: 0;
}


.user-list {
  overflow: hidden;
  margin: 0.6em 0;
}


.user-online {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 3px;
  opacity: 0.75;
  border-bottom-right-radius: 5px;
  background: #ff8000;
  color: #ffffff;
}


.user-rating {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 54px;
  opacity: 0.75;
  text-align: center;
  border-top-left-radius: 5px;
  background: #008000;
  color: #ffffff;
}


.user-snippet {
  display: inline-block;
  width: 23%;
  vertical-align: top;
  margin: 0.6em 1.5% 0.6em 0;
}


.user-snippet strong {
  display: table;
  position: relative;
  margin: 0.3em 0;
}


.user-snippet .thumbnail {
  overflow: hidden;
  display: table;
  position: relative;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
}


.user-snippet .thumbnail img {
  width: 80px;
  vertical-align: top;
}


.user-view {
  overflow: hidden;
  margin: 1em 0;
}


.user-view .description {
  display: inline-block;
  max-width: 750px;
  margin: 0 0 0 20px;
}


.user-view .thumbnail {
  overflow: hidden;
  display: table;
  float: left;
  position: relative;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
}


.user-view .thumbnail img {
  vertical-align: top;
}


.utility {
  margin: 1em 0;
  text-align: center;
}


.ya-share2 {
  display: inline-block;
  vertical-align: top;
}


.with-icon {
  display: table;
  margin: 0.2em 0;
  padding: 0 0 0 22px;
  background: 0 1px no-repeat;
}

.dagger-bottom {
  min-height: 90px;
  margin: 1.5em 0;
}


.dagger-download {
  min-height: 240px;
  margin: 1.5em 0;
}


.dagger-pattern {
  float: right;
  width: 300px;
  margin: 5px 0 0 0;
}


.dagger-top {
  min-height: 90px;
  margin: 1.5em 0;
}