@charset "UTF-8";
/* line 17, ../../../../../../../../usr/local/rvm/gems/ruby-2.0.0-p247@coub/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
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%;
  font: inherit;
  vertical-align: baseline;
}

/* line 20, ../../../../../../../../usr/local/rvm/gems/ruby-2.0.0-p247@coub/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
body {
  line-height: 1;
}

/* line 22, ../../../../../../../../usr/local/rvm/gems/ruby-2.0.0-p247@coub/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 24, ../../../../../../../../usr/local/rvm/gems/ruby-2.0.0-p247@coub/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 26, ../../../../../../../../usr/local/rvm/gems/ruby-2.0.0-p247@coub/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 28, ../../../../../../../../usr/local/rvm/gems/ruby-2.0.0-p247@coub/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 101, ../../../../../../../../usr/local/rvm/gems/ruby-2.0.0-p247@coub/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 30, ../../../../../../../../usr/local/rvm/gems/ruby-2.0.0-p247@coub/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 114, ../../../../../../../../usr/local/rvm/gems/ruby-2.0.0-p247@coub/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/**

Variables

**/
/**

Mixins

**/
/**

Модули изображений

**/
/* line 7, ../../app/assets/stylesheets/base/modules/images.scss */
.img-placeholder {
  background-color: #f1f1f1;
}

/* line 1, ../../app/assets/stylesheets/site/_load_rotator.scss */
.loadRotator {
  background: url(../../assets/loader/loader-99675ce7478da88be153b3019d41388c.png) left top no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  /* line 6, ../../app/assets/stylesheets/site/_load_rotator.scss */
  .loadRotator {
    background: url(../../assets/loader/loader-2x-9c3a9f7bbc674065ff31814783690cee.jpg) left top no-repeat;
    -webkit-background-size: 595px 44px;
    -moz-background-size: 595px 44px;
    -o-background-size: 595px 44px;
    background-size: 595px 44px;
  }
}
/* line 12, ../../app/assets/stylesheets/site/_load_rotator.scss */
.loadRotator.small {
  background: url(../../assets/loader/small-041ebb468c20322b0cf2b46df0df956e.png) left top no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  /* line 18, ../../app/assets/stylesheets/site/_load_rotator.scss */
  .loadRotator.small {
    background: url(../../assets/loader/small-2x-99675ce7478da88be153b3019d41388c.jpg) left top no-repeat;
    -webkit-background-size: 297px 22px;
    -moz-background-size: 297px 22px;
    -o-background-size: 297px 22px;
    background-size: 297px 22px;
  }
}
/* line 24, ../../app/assets/stylesheets/site/_load_rotator.scss */
.loadRotator.big {
  background: url(../../assets/loader/loader-big-9c3a9f7bbc674065ff31814783690cee.png) left top no-repeat;
  -webkit-background-size: 1190px 89px;
  -moz-background-size: 1190px 89px;
  -o-background-size: 1190px 89px;
  background-size: 1190px 89px;
}

/* line 30, ../../app/assets/stylesheets/site/_load_rotator.scss */
.overlay {
  position: absolute;
  height: 100%;
  z-index: 200;
  width: 100%;
  background: #ffffff;
  display: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  top: 0;
  left: 0;
}
/* line 39, ../../app/assets/stylesheets/site/_load_rotator.scss */
.overlay.dark {
  background: rgba(0, 0, 0, 0.5);
}
/* line 43, ../../app/assets/stylesheets/site/_load_rotator.scss */
.overlay.avatar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
/* line 47, ../../app/assets/stylesheets/site/_load_rotator.scss */
.overlay .loadRotator {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22.5px;
  margin-top: -22.5px;
  z-index: 10;
}

/* line 9, ../../app/assets/stylesheets/embed.css.scss */
body, html {
  background: transparent;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  overflow: hidden;
}

/* line 16, ../../app/assets/stylesheets/embed.css.scss */
.coubEmbed {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: transparent;
}
/* line 23, ../../app/assets/stylesheets/embed.css.scss */
.coubEmbed .viewerBlock .playerContainer .mobileMark {
  background-image: url(../../assets/video-player/logo-05eeef0eb28ce42dfcc4e37ec6052081.png);
  -webkit-background-size: 61px 13px;
  -moz-background-size: 61px 13px;
  -o-background-size: 61px 13px;
  background-size: 61px 13px;
  z-index: 100000000000000;
  height: 13px;
  width: 60px;
  position: absolute;
  bottom: 8px;
  right: 10px;
}
/* line 31, ../../app/assets/stylesheets/embed.css.scss */
.coubEmbed .viewerBlock .img {
  z-index: -1;
}
/* line 33, ../../app/assets/stylesheets/embed.css.scss */
.coubEmbed .viewerBlock .play {
  display: block;
}
/* line 34, ../../app/assets/stylesheets/embed.css.scss */
.coubEmbed .viewerBlock .loadRotator {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
}
/* line 40, ../../app/assets/stylesheets/embed.css.scss */
.coubEmbed .play {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 10;
}
/* line 44, ../../app/assets/stylesheets/embed.css.scss */
.coubEmbed .play .logo {
  position: absolute;
  right: 5px;
  top: 5px;
  height: 19px;
  width: 67px;
  background: url(../../assets/embed/LogoEmbed-bdac5ac1fcce3ab656a7169a4c813a49.png) top left;
}
/* line 48, ../../app/assets/stylesheets/embed.css.scss */
.coubEmbed .play .logo:hover {
  background-position: 0 -19px;
}
/* line 49, ../../app/assets/stylesheets/embed.css.scss */
.coubEmbed .play .logo a {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/* line 56, ../../app/assets/stylesheets/embed.css.scss */
.coubEmbed .play .title {
  position: absolute;
  font-size: 15px;
  line-height: 20px;
  top: 4px;
  left: 5px;
  padding: 1px 4px 1px 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  font-family: 'HelveticaCoub', sans-serif;
  font-weight: bold;
  text-shadow: 0 1px rgba(0, 0, 0, 0.5);
}
/* line 69, ../../app/assets/stylesheets/embed.css.scss */
.coubEmbed .play .title, .coubEmbed .play .title a {
  color: rgba(255, 255, 255, 0.9);
}
/* line 70, ../../app/assets/stylesheets/embed.css.scss */
.coubEmbed .play .title:hover {
  background: #0433ff;
}
/* line 72, ../../app/assets/stylesheets/embed.css.scss */
.coubEmbed .play .title:hover, .coubEmbed .play .title:hover a {
  color: #fff;
}
/* line 74, ../../app/assets/stylesheets/embed.css.scss */
.coubEmbed .play .title a {
  text-decoration: none;
}
/* line 79, ../../app/assets/stylesheets/embed.css.scss */
.coubEmbed .play .button {
  width: 88px;
  height: 85px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -44px;
  margin-top: -44px;
  background: url(../../assets/embed/buttons-fadbf18ba907986fc655a9b5b7078340.png) left top no-repeat;
}
/* line 87, ../../app/assets/stylesheets/embed.css.scss */
.coubEmbed .play.small .button {
  width: 58px;
  height: 57px;
  margin-left: -29px;
  margin-top: -29px;
  background: url(../../assets/embed/buttons-small-ee60c08bf4945e8b10f77464e8435bd1.png) left top no-repeat;
}

/* line 95, ../../app/assets/stylesheets/embed.css.scss */
.coubEmbedMessage {
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/* line 99, ../../app/assets/stylesheets/embed.css.scss */
.coubEmbedMessage h1 {
  font-size: 25px;
  color: #FFF;
  text-align: center;
  font-family: 'Arial', 'Helvetica', 'sans-serif';
  position: absolute;
  top: 50%;
  width: 100%;
}

/* line 1, ../../app/assets/stylesheets/site/_viewer.scss */
.coub.smallCard .playerContainer .play {
  background-size: 80px !important;
  margin-left: -40px;
  margin-top: -40px;
}

/* line 6, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock {
  position: relative;
  /* iOS play button */
}
/* line 10, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock img.leftCorner, .viewerBlock img.rightCorner {
  position: absolute;
  z-index: 9;
  width: 8px;
  height: 7px;
}
/* line 14, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock img.leftCorner.top, .viewerBlock img.rightCorner.top {
  top: -1px;
}
/* line 18, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock img.leftCorner.bottom, .viewerBlock img.rightCorner.bottom {
  bottom: 0;
}
/* line 24, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock img.leftCorner.top, .viewerBlock img.leftCorner.bottom {
  left: -1px;
}
/* line 28, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock img.leftCorner.bottom {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
/* line 34, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock img.rightCorner.top, .viewerBlock img.rightCorner.bottom {
  right: -1px;
}
/* line 38, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock img.rightCorner.bottom {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
/* line 45, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer .loadRotator {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -24px;
  margin-top: -24px;
  z-index: 10;
}
/* line 53, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer .play {
  display: inline-block;
  width: 100px;
  height: 100px;
  z-index: 100000000000000;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -45px;
  margin-top: -45px;
  background: url(../../assets/video-player/play-d78101a87e84ebba285eef7c27109c3d.png) no-repeat;
  -webkit-background-size: 100px;
  -moz-background-size: 100px;
  -o-background-size: 100px;
  background-size: 100px;
}
/* line 61, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer .play:hover, .viewerBlock .playerContainer .play:active {
  background: url(../../assets/video-player/play_hover-819e099505b0a7e8af3227fa5760b4ef.png) no-repeat;
  -webkit-background-size: 100px;
  -moz-background-size: 100px;
  -o-background-size: 100px;
  background-size: 100px;
}
/* line 66, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer .play.hand {
  background: url(../../assets/video-player/hand-87b3fa54a7e6dada16852618406a337d.png) no-repeat;
  -webkit-background-size: 100px;
  -moz-background-size: 100px;
  -o-background-size: 100px;
  background-size: 100px;
}
/* line 69, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer .play.hand:hover, .viewerBlock .playerContainer .play.hand:active {
  background: url(../../assets/video-player/hand_hover-c3e5c35ba1969d3fbb576713be284f77.png) no-repeat;
  -webkit-background-size: 100px;
  -moz-background-size: 100px;
  -o-background-size: 100px;
  background-size: 100px;
}
/* line 76, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer .loadingContainer {
  display: inline-block;
  position: absolute;
  height: 5px;
  width: 0%;
  bottom: 0px;
  left: 0px;
  background: blue;
  -webkit-transition: width 0.1s;
  -moz-transition: width 0.1s;
  -ms-transition: width 0.1s;
  -o-transition: width 0.1s;
  transition: width 0.1s;
}
/* line 85, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer .loadingContainer .images {
  display: none;
}
/* line 91, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .loader, .viewerBlock .img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  text-align: center;
}
/* line 96, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .loader {
  z-index: 2;
}
/* line 99, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .loader .loadRotator {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
}
/* line 105, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .bgLink {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 5;
}
/* line 110, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubShadow {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
}
/* line 114, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubShadow .left, .viewerBlock .coubShadow .right, .viewerBlock .coubShadow .bottom, .viewerBlock .coubShadow .top, .viewerBlock .coubShadow .leftPart, .viewerBlock .coubShadow .rightPart {
  position: absolute;
  background: transparent;
}
/* line 116, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubShadow .top {
  height: 8px;
  left: 0px;
  right: 1px;
  top: 2px;
  z-index: 7;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  /* line 126, ../../app/assets/stylesheets/site/_viewer.scss */
  .viewerBlock .coubShadow .top .leftPart, .viewerBlock .coubShadow .top .rightPart {
    background: url(../../assets/coub-shadow/top-2x-1d028120b8d9a5300c918c40dfcfadb9.jpg) no-repeat;
    -webkit-background-size: 645px 10px;
    -moz-background-size: 645px 10px;
    -o-background-size: 645px 10px;
    background-size: 645px 10px;
  }
  /* line 130, ../../app/assets/stylesheets/site/_viewer.scss */
  .viewerBlock .coubShadow .top .rightPart {
    right: -1px !important;
  }
}
/* line 133, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubShadow .top .leftPart {
  left: 0;
  width: 50%;
  background-position: left 0;
}
/* line 134, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubShadow .top .rightPart {
  left: 50%;
  right: 0;
  background-position: right 0;
}
/* line 137, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubShadow .left {
  width: 3px;
  left: 0px;
  top: 10px;
  bottom: 12px;
  background: url(../../assets/coub-shadow/left-3d64d907871a6210382cc96ab2c24afa.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  /* line 144, ../../app/assets/stylesheets/site/_viewer.scss */
  .viewerBlock .coubShadow .left {
    width: 3px;
    background: url(../../assets/coub-shadow/left-2x-b69fc161c249456bc8138cc6403ed321.jpg);
    -webkit-background-size: 3px 1px;
    -moz-background-size: 3px 1px;
    -o-background-size: 3px 1px;
    background-size: 3px 1px;
  }
}
/* line 150, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubShadow .right {
  width: 2px;
  right: 1px;
  top: 10px;
  bottom: 12px;
  background: url(../../assets/coub-shadow/right-85defc3e469db60e3b989aa04f6ddbb0.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  /* line 157, ../../app/assets/stylesheets/site/_viewer.scss */
  .viewerBlock .coubShadow .right {
    width: 3px;
    background: url(../../assets/coub-shadow/right-2x-a0b8471e3e125b3005e62a13114dbbe6.jpg);
    -webkit-background-size: 3px 1px;
    -moz-background-size: 3px 1px;
    -o-background-size: 3px 1px;
    background-size: 3px 1px;
    right: 0px !important;
    z-index: 8;
  }
}
/* line 164, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubShadow .bottom {
  height: 15px;
  left: 0px;
  right: 1px;
  bottom: -3px;
  z-index: 7;
}
/* line 167, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubShadow .bottom .leftPart, .viewerBlock .coubShadow .bottom .rightPart {
  position: absolute;
  top: 0;
  bottom: 0;
  background: url(../../assets/coub-shadow/bottom-2d053333b696c35d7c12a9a817fc2f27.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  /* line 174, ../../app/assets/stylesheets/site/_viewer.scss */
  .viewerBlock .coubShadow .bottom .leftPart, .viewerBlock .coubShadow .bottom .rightPart {
    background: url(../../assets/coub-shadow/bottom-2x-16471fbb309cdcd71eca06cd80c5b27f.jpg) no-repeat;
    -webkit-background-size: 645px 15px;
    -moz-background-size: 645px 15px;
    -o-background-size: 645px 15px;
    background-size: 645px 15px;
  }
  /* line 178, ../../app/assets/stylesheets/site/_viewer.scss */
  .viewerBlock .coubShadow .bottom .rightPart {
    right: -1px !important;
  }
}
/* line 181, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubShadow .bottom .leftPart {
  left: 0;
  width: 50%;
  background-position: left 0;
}
/* line 182, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubShadow .bottom .rightPart {
  left: 50%;
  right: 0;
  background-position: right 0;
}
/* line 185, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubShadow .blueFrame {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0px;
  right: 0;
  display: none;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
}
/* line 194, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock.withLink:hover .blueFrame {
  display: block;
}
/* line 197, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer {
  position: relative;
  z-index: 6;
}
/* line 201, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubOfTheDayBadge {
  position: absolute;
  height: 30px;
  left: 13px;
  top: 0;
  padding-left: 5px;
  z-index: 6;
  background: url(../../assets/coubs/coub-of-the-day-41f3abc3cb9eb4b21370868b13b2cd1e.png) left top no-repeat;
  color: #FFF;
}
/* line 209, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubOfTheDayBadge a, .viewerBlock .coubOfTheDayBadge a:hover {
  color: #FFF;
}
/* line 211, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubOfTheDayBadge .tail {
  position: absolute;
  right: 0;
  top: 0;
  width: 6px;
  right: -6px;
  height: 30px;
  background: url(../../assets/coubs/coub-of-the-day-41f3abc3cb9eb4b21370868b13b2cd1e.png) right top no-repeat;
}
/* line 217, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubOfTheDayBadge .textWrap {
  min-width: 13px;
  position: relative;
  padding: 5px 0 0 2px;
  text-shadow: -1px -1px #0322ac;
  font-size: 12px;
  font-weight: bold;
}
/* line 223, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubOfTheDayBadge .textWrap .icon, .viewerBlock .coubOfTheDayBadge .textWrap .desc {
  vertical-align: top;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
}
/* line 7, ../../../../../../../../usr/local/rvm/gems/ruby-2.0.0-p247@coub/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
.viewerBlock .coubOfTheDayBadge .textWrap .icon, .viewerBlock .coubOfTheDayBadge .textWrap .desc {
  *display: inline;
}
/* line 224, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubOfTheDayBadge .textWrap .icon {
  position: absolute;
  width: 14px;
  height: 21px;
  left: 1px;
  top: 2px;
  background: url(../../assets/coubs/coub-of-the-day-icon-30709f01f579ad76c598d120897c11eb.png) left top no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  /* line 231, ../../app/assets/stylesheets/site/_viewer.scss */
  .viewerBlock .coubOfTheDayBadge .textWrap .icon {
    width: 14px;
    height: 21px;
    background: url(../../assets/coubs/coub-of-the-day-icon-2x-137efed610cb02aed83e2da9ae52c77e.jpg) left top no-repeat;
    -webkit-background-size: 14px 21px;
    -moz-background-size: 14px 21px;
    -o-background-size: 14px 21px;
    background-size: 14px 21px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  /* line 240, ../../app/assets/stylesheets/site/_viewer.scss */
  .viewerBlock .coubOfTheDayBadge .textWrap .icon {
    width: 14px;
    height: 21px;
    background: url(../../assets/coubs/coub-of-the-day-icon-2x-137efed610cb02aed83e2da9ae52c77e.jpg) left top no-repeat;
    -webkit-background-size: 14px 21px;
    -moz-background-size: 14px 21px;
    -o-background-size: 14px 21px;
    background-size: 14px 21px;
  }
}
/* line 247, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubOfTheDayBadge .textWrap .desc {
  display: none;
  margin: 2px 0 0 16px;
}
/* line 249, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubOfTheDayBadge .textWrap .desc .title, .viewerBlock .coubOfTheDayBadge .textWrap .desc .delimiter, .viewerBlock .coubOfTheDayBadge .textWrap .desc .date, .viewerBlock .coubOfTheDayBadge .textWrap .desc .dropdown {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
}
/* line 7, ../../../../../../../../usr/local/rvm/gems/ruby-2.0.0-p247@coub/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
.viewerBlock .coubOfTheDayBadge .textWrap .desc .title, .viewerBlock .coubOfTheDayBadge .textWrap .desc .delimiter, .viewerBlock .coubOfTheDayBadge .textWrap .desc .date, .viewerBlock .coubOfTheDayBadge .textWrap .desc .dropdown {
  *display: inline;
}
/* line 250, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubOfTheDayBadge .textWrap .desc .delimiter {
  width: 1px;
  height: 11px;
  background: #cdd6fd;
  margin-left: 4px;
  margin-right: 4px;
  position: relative;
  top: 1px;
  -webkit-box-shadow: -1px -1px 1px #0322ac;
  -moz-box-shadow: -1px -1px 1px #0322ac;
  box-shadow: -1px -1px 1px #0322ac;
}
/* line 257, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubOfTheDayBadge .textWrap .desc .dropdown {
  width: 6px;
  position: relative;
  top: -2px;
}
/* line 264, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubOfTheDayBadge:hover .desc {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
}
/* line 7, ../../../../../../../../usr/local/rvm/gems/ruby-2.0.0-p247@coub/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
.viewerBlock .coubOfTheDayBadge:hover .desc {
  *display: inline;
}
/* line 268, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .promoWinnerBadge {
  width: 17px;
  height: 28px;
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
  background: url(../../assets/promo/beeline4g/award-ad7dc55e0dd919e602cb44a7b1c708bd.png);
  z-index: 6;
}
/* line 275, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .noFlashMessage {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url(../../assets/stubs/no-flash-bg-ae3707c50b86f5b68b3d70338c891cd2.png);
  text-align: center;
  z-index: 6;
}
/* line 281, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .noFlashMessage .picAndText {
  height: 240px;
  width: 320px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -140px;
  margin-left: -160px;
}
/* line 286, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .noFlashMessage .picAndText .pic {
  margin-bottom: 13px;
  margin-top: 20px;
}
/* line 287, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .noFlashMessage .picAndText .text {
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
  width: 315px;
  line-height: 22px;
  margin: 0 auto;
  margin-bottom: 12px;
}
/* line 296, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playButton {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 6;
}
/* line 300, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playButton .icon {
  width: 87px;
  height: 87px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -43px;
  margin-top: -43px;
  cursor: pointer;
  background: url(../../assets/embed/buttons-fadbf18ba907986fc655a9b5b7078340.png) left top no-repeat;
}
/* line 310, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock.promoSimpleViewerBlock .bannerLongShadow {
  -webkit-background-size: 640px 17px;
  -moz-background-size: 640px 17px;
  -o-background-size: 640px 17px;
  background-size: 640px 17px;
  left: 0;
  top: -17px;
}

/* line 318, ../../app/assets/stylesheets/site/_viewer.scss */
.exploreCoub .viewerBlock .coubOfTheDayBadge .desc {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  width: auto;
}
/* line 7, ../../../../../../../../usr/local/rvm/gems/ruby-2.0.0-p247@coub/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
.exploreCoub .viewerBlock .coubOfTheDayBadge .desc {
  *display: inline;
}
/* line 321, ../../app/assets/stylesheets/site/_viewer.scss */
.exploreCoub .viewerBlock .coubOfTheDayBadge .desc .title {
  display: none;
}
/* line 322, ../../app/assets/stylesheets/site/_viewer.scss */
.exploreCoub .viewerBlock .coubOfTheDayBadge .desc .dropdown {
  display: none;
}

/** COMMON **/
/* line 2, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton {
  height: 24px;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  position: relative;
  cursor: pointer;
  text-align: center;
  border: 0;
}
/* line 7, ../../../../../../../../usr/local/rvm/gems/ruby-2.0.0-p247@coub/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
.niceButton {
  *display: inline;
}
/* line 9, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton .tail {
  height: 29px;
  position: absolute;
  top: 0;
  width: 10px;
  right: -10px;
}
/* line 14, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton .icon {
  display: none;
}
/* line 16, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton input, .niceButton label {
  font-family: Arial;
  height: 24px;
  line-height: 26px;
  vertical-align: middle;
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

/* line 24, ../../app/assets/stylesheets/site/_buttons.scss */
a.niceButton:hover {
  text-decoration: none;
}

/* line 28, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.withGradient {
  background: #F7F7F7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7));
  background-image: -webkit-linear-gradient(top, #ffffff, #f7f7f7);
  background-image: -moz-linear-gradient(top, #ffffff, #f7f7f7);
  background-image: -o-linear-gradient(top, #ffffff, #f7f7f7);
  background-image: -ms-linear-gradient(top, #ffffff, #f7f7f7);
  background-image: linear-gradient(top, #ffffff, #f7f7f7);
}

/** ROUDED & SQUARED **/
/* line 36, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton input, .niceButton.squaredButton label, .niceButton.roundedButton input, .niceButton.roundedButton label {
  position: relative;
  border: 0;
}
/* line 38, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton.disabled, .niceButton.roundedButton.disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=45);
  opacity: 0.45;
  cursor: default;
}
/* line 40, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton.disabled input, .niceButton.squaredButton.disabled label, .niceButton.roundedButton.disabled input, .niceButton.roundedButton.disabled label {
  cursor: default;
}
/* line 42, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton.disabled:hover, .niceButton.roundedButton.disabled:hover {
  -webkit-box-shadow: 0 0 0 1px #cccccc !important;
  -moz-box-shadow: 0 0 0 1px #cccccc !important;
  box-shadow: 0 0 0 1px #cccccc !important;
}

/* line 48, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.roundedButton {
  padding: 0 10px;
  margin: 2px;
  -webkit-box-shadow: #cccccc 0 0 0 1px;
  -moz-box-shadow: #cccccc 0 0 0 1px;
  box-shadow: #cccccc 0 0 0 1px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -ms-border-radius: 13px;
  -o-border-radius: 13px;
  border-radius: 13px;
}
/* line 53, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.roundedButton.toggleCotdButton {
  height: 25px;
}
/* line 55, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.roundedButton input, .niceButton.roundedButton label {
  font-size: 12px;
}
/* line 57, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.roundedButton .tail {
  display: none;
}
/* line 59, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.roundedButton:hover {
  -webkit-box-shadow: #1e39f6 0 0 0 3px;
  -moz-box-shadow: #1e39f6 0 0 0 3px;
  box-shadow: #1e39f6 0 0 0 3px;
}
/* line 61, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.roundedButton:active {
  -webkit-box-shadow: #1e39f6 0 0 0 3px, #999999 0 1px 2px 0 inset;
  -moz-box-shadow: #1e39f6 0 0 0 3px, #999999 0 1px 2px 0 inset;
  box-shadow: #1e39f6 0 0 0 3px, #999999 0 1px 2px 0 inset;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e5e5e5), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #e5e5e5, #ffffff);
  background: -moz-linear-gradient(top, #e5e5e5, #ffffff);
  background: -o-linear-gradient(top, #e5e5e5, #ffffff);
  background: -ms-linear-gradient(top, #e5e5e5, #ffffff);
  background: linear-gradient(top, #e5e5e5, #ffffff);
}
/* line 66, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.roundedButton.getFlash {
  padding-left: 30px;
}
/* line 68, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.roundedButton.getFlash .icon {
  display: block;
  background: url(../../assets/stubs/no-flash-small-icon-f7f8f153f8f14cc95e0cd727b3893d60.png) left 6px no-repeat;
  border-right: 1px solid #CCC;
  position: absolute;
  left: 8px;
  top: 0;
  bottom: 0;
  width: 20px;
}

/* line 79, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.roundedButton .followButton, .niceButton.roundedButton .followCheckbox {
  height: 25px;
}

/* line 82, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton {
  -webkit-box-shadow: 0 0 0 1px #cccccc;
  -moz-box-shadow: 0 0 0 1px #cccccc;
  box-shadow: 0 0 0 1px #cccccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 0 17px;
}
/* line 87, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton input {
  font-size: 13px;
  font-weight: bold;
}
/* line 89, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton input:hover {
  text-decoration: none;
}
/* line 91, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton .tail {
  display: none;
}
/* line 93, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton.smallSquaredButton {
  height: 23px;
}
/* line 96, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton.smallSquaredButton input {
  font-size: 10px;
}
/* line 99, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton.smallSquaredButtonDisabled {
  height: 23px;
}
/* line 102, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton.smallSquaredButtonDisabled input {
  font-size: 10px;
  padding-top: 6px;
  color: #999999;
  cursor: default;
}
/* line 105, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton.mousedown {
  -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.25) !important;
  -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.25) !important;
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.25) !important;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
  background-image: -webkit-linear-gradient(#ffffff, #f5f5f5);
  background-image: -moz-linear-gradient(#ffffff, #f5f5f5);
  background-image: -o-linear-gradient(#ffffff, #f5f5f5);
  background-image: -ms-linear-gradient(#ffffff, #f5f5f5);
  background-image: linear-gradient(#ffffff, #f5f5f5);
}

/* line 111, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton:hover {
  background: #f8f8f8;
}
/* line 113, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton:hover.smallSquaredButtonDisabled:hover {
  cursor: default;
  background: none;
}

/* line 117, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.sticky.withGradient.roundedButton:active, .niceButton.sticky.withGradient.roundedButton.mousedown {
  -webkit-box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.38);
  -moz-box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.38);
  box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.38);
  background: white;
  background-image: -webkit-gradient(linear, 0deg, 0deg, color-stop(0%, #e6e6e6), color-stop(93%, #ffffff)) !important;
  background-image: -webkit-linear-gradient(0deg, #e6e6e6 0%, #ffffff 93%) !important;
  background-image: -moz-linear-gradient(0deg, #e6e6e6 0%, #ffffff 93%) !important;
  background-image: -o-linear-gradient(0deg, #e6e6e6 0%, #ffffff 93%) !important;
  background-image: -ms-linear-gradient(0deg, #e6e6e6 0%, #ffffff 93%) !important;
  background-image: linear-gradient(0deg, #e6e6e6 0%, #ffffff 93%) !important;
}
/* line 124, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.sticky.withGradient.roundedButton:active:hover, .niceButton.sticky.withGradient.roundedButton.mousedown:hover {
  -webkit-box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.38), #1e39f6 0 0 0 3px;
  -moz-box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.38), #1e39f6 0 0 0 3px;
  box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.38), #1e39f6 0 0 0 3px;
}

/* line 131, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.noBlueFrame:hover {
  -webkit-box-shadow: #cccccc 0 0 0 1px;
  -moz-box-shadow: #cccccc 0 0 0 1px;
  box-shadow: #cccccc 0 0 0 1px;
}
/* line 132, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.noBlueFrame:active {
  -webkit-box-shadow: #cccccc 0 0 0 1px, #999999 0 1px 2px 0 inset;
  -moz-box-shadow: #cccccc 0 0 0 1px, #999999 0 1px 2px 0 inset;
  box-shadow: #cccccc 0 0 0 1px, #999999 0 1px 2px 0 inset;
}

/** LARGE **/
/* line 136, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.large {
  height: 34px;
  background: url(../../assets/buttons/large-button-ad5450516dd2d047d9060ad6c3af20ba.png) left top no-repeat;
  font-size: 15px;
  color: #000;
}
/* line 142, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.large input {
  position: relative;
  top: 3px;
  text-shadow: white 1px 1px 0;
}
/* line 146, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.large .tail {
  background: url(../../assets/buttons/large-button-ad5450516dd2d047d9060ad6c3af20ba.png) right top no-repeat;
  height: 34px;
}

/* line 149, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.large.mousedown {
  background-position: 0 -35px;
}
/* line 152, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.large.mousedown .tail {
  background-position: right -35px;
}

/** LARGE BLUE & LARGE BLUE ROUNDED **/
/* line 156, ../../app/assets/stylesheets/site/_buttons.scss */
.largeBlueButtonBorder {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  height: 40px;
  padding: 3px 4px;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  -ms-border-radius: 23px;
  -o-border-radius: 23px;
  border-radius: 23px;
  background: #cdcdcd;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c1c1c1), color-stop(100%, #dadada));
  background: -webkit-linear-gradient(top, #c1c1c1, #dadada);
  background: -moz-linear-gradient(top, #c1c1c1, #dadada);
  background: -o-linear-gradient(top, #c1c1c1, #dadada);
  background: -ms-linear-gradient(top, #c1c1c1, #dadada);
  background: linear-gradient(top, #c1c1c1, #dadada);
  -webkit-box-shadow: #777777 0 1px 1px -1px inset;
  -moz-box-shadow: #777777 0 1px 1px -1px inset;
  box-shadow: #777777 0 1px 1px -1px inset;
}
/* line 7, ../../../../../../../../usr/local/rvm/gems/ruby-2.0.0-p247@coub/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
.largeBlueButtonBorder {
  *display: inline;
}
/* line 165, ../../app/assets/stylesheets/site/_buttons.scss */
.largeBlueButtonBorder:hover {
  -webkit-box-shadow: #1e39f6 0 0 0 3px, #777777 0 1px 1px -1px inset;
  -moz-box-shadow: #1e39f6 0 0 0 3px, #777777 0 1px 1px -1px inset;
  box-shadow: #1e39f6 0 0 0 3px, #777777 0 1px 1px -1px inset;
}

/* line 173, ../../app/assets/stylesheets/site/_buttons.scss */
.largeBlueButton {
  height: 29px;
  padding: 10px 20px 1px 21px;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  color: #FFF;
  font-weight: bold;
  font-size: 20px;
  text-shadow: #1c42b2 -1px -1px;
  background: #FFF;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b0beff), color-stop(70%, #0648ff), color-stop(100%, #0648ff));
  background: -webkit-linear-gradient(top, #b0beff, #0648ff 70%, #0648ff);
  background: -moz-linear-gradient(top, #b0beff, #0648ff 70%, #0648ff);
  background: -o-linear-gradient(top, #b0beff, #0648ff 70%, #0648ff);
  background: -ms-linear-gradient(top, #b0beff, #0648ff 70%, #0648ff);
  background: linear-gradient(top, #b0beff, #0648ff 70%, #0648ff);
  -webkit-box-shadow: #879dff 1px 1px 0 0 inset, #26418a 0 -1px 0 0 inset, white 2px 2px 2px -1px inset, #5a5a5a 0 1px 1px 0;
  -moz-box-shadow: #879dff 1px 1px 0 0 inset, #26418a 0 -1px 0 0 inset, white 2px 2px 2px -1px inset, #5a5a5a 0 1px 1px 0;
  box-shadow: #879dff 1px 1px 0 0 inset, #26418a 0 -1px 0 0 inset, white 2px 2px 2px -1px inset, #5a5a5a 0 1px 1px 0;
}
/* line 7, ../../../../../../../../usr/local/rvm/gems/ruby-2.0.0-p247@coub/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
.largeBlueButton {
  *display: inline;
}
/* line 180, ../../app/assets/stylesheets/site/_buttons.scss */
.largeBlueButton, .largeBlueButton:hover {
  text-decoration: none;
}
/* line 192, ../../app/assets/stylesheets/site/_buttons.scss */
.largeBlueButton:active {
  padding: 11px 20px 0px 21px;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0648ff), color-stop(40%, #0648ff), color-stop(100%, #b0beff));
  background: -webkit-linear-gradient(top, #0648ff, #0648ff 40%, #b0beff);
  background: -moz-linear-gradient(top, #0648ff, #0648ff 40%, #b0beff);
  background: -o-linear-gradient(top, #0648ff, #0648ff 40%, #b0beff);
  background: -ms-linear-gradient(top, #0648ff, #0648ff 40%, #b0beff);
  background: linear-gradient(top, #0648ff, #0648ff 40%, #b0beff);
  -webkit-box-shadow: #021567 0 2px 7px 0 inset, #b5bbd8 0 -1px 0 0 inset;
  -moz-box-shadow: #021567 0 2px 7px 0 inset, #b5bbd8 0 -1px 0 0 inset;
  box-shadow: #021567 0 2px 7px 0 inset, #b5bbd8 0 -1px 0 0 inset;
}

/* line 203, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlue {
  height: 34px;
  background: url(../../assets/buttons/largebluebutton-51d5d45f54c55283022fb7b2f6973728.png) left top no-repeat;
  font-size: 15px;
  padding-left: 11px;
  color: #000;
  text-shadow: #2d43a7 -1px -1px 0;
}
/* line 211, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlue input {
  height: 34px;
  position: relative;
  color: #FFF;
  padding-left: 30px;
  padding-right: 30px;
  text-shadow: #413b92 -1px -1px 0;
  background: transparent;
}
/* line 218, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlue .tail {
  background: url(../../assets/buttons/largebluebutton-51d5d45f54c55283022fb7b2f6973728.png) right top no-repeat;
  height: 34px;
}
/* line 220, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlue.loading {
  background-image: url(../../assets/buttons/preloadable-large-blue-loading-bg-14806089121342581d462585ace07094.png) !important;
  background-position: left 3px;
  background-repeat: repeat-x;
  padding-right: 10px;
}
/* line 226, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlue.loading .overlay {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 10px;
  background: url(../../assets/buttons/largebluebutton-51d5d45f54c55283022fb7b2f6973728.png) 0 -102px;
}
/* line 231, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlue.loading .tail {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-position: right -102px;
  z-index: 10;
  right: 0 !important;
}
/* line 236, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlue.loading:hover {
  -webkit-box-shadow: 0 0 0 0;
  -moz-box-shadow: 0 0 0 0;
  box-shadow: 0 0 0 0;
}

/* line 242, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlue.mousedown {
  background-position: 0 -51px;
}
/* line 245, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlue.mousedown .tail {
  background-position: right -51px;
}
/* line 246, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlue.mousedown.disabled {
  background: url(../../assets/buttons/largebluebutton-51d5d45f54c55283022fb7b2f6973728.png) left top no-repeat;
}
/* line 248, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlue.mousedown.disabled input {
  padding-top: 5px;
}
/* line 249, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlue.mousedown.disabled .tail {
  background: url(../../assets/buttons/largebluebutton-51d5d45f54c55283022fb7b2f6973728.png) right top no-repeat;
}

/* line 253, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlueRoundedButton {
  width: 109px;
  height: 34px;
  background: url(../../assets/buttons/large-blue-rounded-button-85586930a96aedafa15be42b3cd19486.png) left top no-repeat;
  padding-left: 7px;
  margin-right: 10px;
}
/* line 260, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlueRoundedButton input {
  height: 34px;
  color: #FFF;
  font-family: "HelveticaNeue", Helvetica, sans-serif;
  font-size: 13px;
  margin-left: 10px;
  font-weight: lighter;
  letter-spacing: 1px;
  text-shadow: rgba(0, 0, 0, 0.5) -1px -1px 0;
}
/* line 267, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlueRoundedButton .tail {
  width: 16px;
  height: 34px;
  background: url(../../assets/buttons/large-blue-rounded-button-85586930a96aedafa15be42b3cd19486.png) right top no-repeat;
  right: -16px;
}
/* line 274, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlueRoundedButton.mousedown {
  background: url(../../assets/buttons/large-blue-rounded-button-85586930a96aedafa15be42b3cd19486.png) left -38px no-repeat;
}
/* line 277, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlueRoundedButton.mousedown .tail {
  background: url(../../assets/buttons/large-blue-rounded-button-85586930a96aedafa15be42b3cd19486.png) right -38px no-repeat;
}

/* line 284, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlue.disabled, .niceButton.largeBlueRoundedButton.disabled {
  cursor: default;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
/* line 286, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlue.disabled input, .niceButton.largeBlueRoundedButton.disabled input {
  cursor: default;
}

/* line 291, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlueRoundedButton.blueFrame {
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  -ms-border-radius: 17px;
  -o-border-radius: 17px;
  border-radius: 17px;
  padding: 0 7px;
}
/* line 294, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlueRoundedButton.blueFrame input {
  margin-left: 0;
}
/* line 297, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlueRoundedButton.blueFrame .tail {
  right: 0px;
}

/** EDITOR **/
/* line 303, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.editorButton {
  border: 1px solid #b3b8b5;
  background: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
/* line 308, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.editorButton .tail {
  display: none;
}

/* line 312, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.editorButton:hover {
  background: #fdfdfd;
}

/* line 313, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.editorButton.mousedown {
  background: #fdfdfd;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 3px inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 3px inset;
  box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 3px inset;
}

/* line 318, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.editorButton.leftPart {
  margin-right: 0;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
  -o-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}

/* line 323, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.editorButton.rightPart {
  -webkit-border-radius: 0px 5px 5px 0;
  -moz-border-radius: 0px 5px 5px 0;
  -ms-border-radius: 0px 5px 5px 0;
  -o-border-radius: 0px 5px 5px 0;
  border-radius: 0px 5px 5px 0;
}

/* line 327, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.editorButton.rightPart.mousedown {
  background-position: right -30px;
}

/* line 328, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.editorButton.soundOnOff {
  padding-left: 8px;
  padding-right: 8px;
}
/* line 330, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.editorButton.soundOnOff input {
  margin-top: 7px;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  width: 21px;
  height: 17px;
  background: url(../../assets/uploader/sound-toggle-icons-2462fb29f1a0dd4e459a69d9fbab0b95.png) left top no-repeat;
}
/* line 7, ../../../../../../../../usr/local/rvm/gems/ruby-2.0.0-p247@coub/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
.niceButton.editorButton.soundOnOff input {
  *display: inline;
}

/* line 339, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.editorButton.soundOnOff.mousedown input {
  background-position: 0 -21px;
  margin-top: 6px;
}

/* line 342, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.loopButton {
  padding-right: 5px;
  padding-left: 9px;
}
/* line 345, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.loopButton input {
  width: 30px;
  height: 24px;
  background: url(../../assets/buttons/loop-92b7d75e20ed546c152d013d169cf42b.png) left 5px no-repeat;
}

/* line 348, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.reverseButton {
  padding-right: 10px !important;
  padding-left: 10px !important;
}
/* line 351, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.reverseButton input {
  width: 24px;
  height: 20px;
  background: url(../../assets/buttons/reverse-9ce0dbccff779f87d4c4e9a5b74c05a3.png) left 8px no-repeat;
}

/* line 354, ../../app/assets/stylesheets/site/_buttons.scss */
.editorButton {
  display: inline-block;
  -webkit-border-radius: 19px;
  -moz-border-radius: 19px;
  -ms-border-radius: 19px;
  -o-border-radius: 19px;
  border-radius: 19px;
  -webkit-box-shadow: #e6e6e6 0 -1px 0 0 inset, #b2b2b2 0 0 0 1px;
  -moz-box-shadow: #e6e6e6 0 -1px 0 0 inset, #b2b2b2 0 0 0 1px;
  box-shadow: #e6e6e6 0 -1px 0 0 inset, #b2b2b2 0 0 0 1px;
  background: #FFF;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f2f2f2), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: -moz-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: -o-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: -ms-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: linear-gradient(bottom, #f2f2f2, #ffffff);
  cursor: pointer;
  position: relative;
}
/* line 368, ../../app/assets/stylesheets/site/_buttons.scss */
.editorButton.onFocus .background {
  height: 38px;
  width: 38px;
  background: #FFF;
  -webkit-border-radius: 19px;
  -moz-border-radius: 19px;
  -ms-border-radius: 19px;
  -o-border-radius: 19px;
  border-radius: 19px;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f2f2f2), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: -moz-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: -o-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: -ms-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: linear-gradient(bottom, #f2f2f2, #ffffff);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 201;
}
/* line 379, ../../app/assets/stylesheets/site/_buttons.scss */
.editorButton.onFocus .blueBackground {
  height: 40px;
  width: 40px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  background: #1e39f6;
  /* Подкладываем синий фон, чтобы избавиться от белой кромки сверху при ховере на кнопке mousedown */
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 200;
}
/* line 391, ../../app/assets/stylesheets/site/_buttons.scss */
.editorButton.mousedown {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 392, ../../app/assets/stylesheets/site/_buttons.scss */
.editorButton.mousedown .background {
  height: 38px;
  width: 38px;
  -webkit-border-radius: 19px;
  -moz-border-radius: 19px;
  -ms-border-radius: 19px;
  -o-border-radius: 19px;
  border-radius: 19px;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #fefefe), color-stop(100%, #d9d9d9));
  background-image: -webkit-linear-gradient(bottom, #fefefe, #d9d9d9);
  background-image: -moz-linear-gradient(bottom, #fefefe, #d9d9d9);
  background-image: -o-linear-gradient(bottom, #fefefe, #d9d9d9);
  background-image: -ms-linear-gradient(bottom, #fefefe, #d9d9d9);
  background-image: linear-gradient(bottom, #fefefe, #d9d9d9);
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 2px 4px 0px inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 2px 4px 0px inset;
  box-shadow: rgba(0, 0, 0, 0.5) 0 2px 4px 0px inset;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 201;
}
/* line 405, ../../app/assets/stylesheets/site/_buttons.scss */
.editorButton.mousedown.onFocus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 2px 4px 0px inset, #1e39f6 0 0 0 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 2px 4px 0px inset, #1e39f6 0 0 0 3px;
  box-shadow: rgba(0, 0, 0, 0.5) 0 2px 4px 0px inset, #1e39f6 0 0 0 3px;
}
/* line 414, ../../app/assets/stylesheets/site/_buttons.scss */
.editorButton.disabled .background, .editorButton.disabled .blueBackground {
  display: none;
}
/* line 415, ../../app/assets/stylesheets/site/_buttons.scss */
.editorButton.disabled img {
  opacity: 0.45;
}

/* line 422, ../../app/assets/stylesheets/site/_buttons.scss */
.editorRoundButton {
  height: 38px;
  width: 38px;
}
/* line 426, ../../app/assets/stylesheets/site/_buttons.scss */
.editorRoundButton.disabled {
  cursor: default;
  -webkit-box-shadow: #e6e6e6 0 -1px 0 0 inset, #b2b2b2 0 0 0 1px;
  -moz-box-shadow: #e6e6e6 0 -1px 0 0 inset, #b2b2b2 0 0 0 1px;
  box-shadow: #e6e6e6 0 -1px 0 0 inset, #b2b2b2 0 0 0 1px;
}
/* line 434, ../../app/assets/stylesheets/site/_buttons.scss */
.editorRoundButton.disabled.mousedown {
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* line 441, ../../app/assets/stylesheets/site/_buttons.scss */
.editorDoubleButton {
  height: 38px;
  width: 38px;
}
/* line 444, ../../app/assets/stylesheets/site/_buttons.scss */
.editorDoubleButton.leftPart, .editorDoubleButton.rightPart {
  position: relative;
  z-index: 5;
}
/* line 447, ../../app/assets/stylesheets/site/_buttons.scss */
.editorDoubleButton.leftPart:hover, .editorDoubleButton.rightPart:hover {
  z-index: 10;
}
/* line 452, ../../app/assets/stylesheets/site/_buttons.scss */
.editorDoubleButton.leftPart {
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  -ms-border-top-right-radius: 0;
  -o-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  -ms-border-bottom-right-radius: 0;
  -o-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
/* line 457, ../../app/assets/stylesheets/site/_buttons.scss */
.editorDoubleButton.rightPart {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  -ms-border-top-left-radius: 0;
  -o-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  -ms-border-bottom-left-radius: 0;
  -o-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -2px !important;
}
/* line 463, ../../app/assets/stylesheets/site/_buttons.scss */
.editorDoubleButton.disabled {
  cursor: default;
  -webkit-box-shadow: #e6e6e6 0 -1px 0 0 inset, #b2b2b2 0 0 0 1px;
  -moz-box-shadow: #e6e6e6 0 -1px 0 0 inset, #b2b2b2 0 0 0 1px;
  box-shadow: #e6e6e6 0 -1px 0 0 inset, #b2b2b2 0 0 0 1px;
}
/* line 471, ../../app/assets/stylesheets/site/_buttons.scss */
.editorDoubleButton.disabled.mousedown {
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f2f2f2), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: -moz-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: -o-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: -ms-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: linear-gradient(bottom, #f2f2f2, #ffffff);
  -webkit-box-shadow: #e6e6e6 0 -1px 0 0 inset, #b2b2b2 0 0 0 1px;
  -moz-box-shadow: #e6e6e6 0 -1px 0 0 inset, #b2b2b2 0 0 0 1px;
  box-shadow: #e6e6e6 0 -1px 0 0 inset, #b2b2b2 0 0 0 1px;
}

/* line 481, ../../app/assets/stylesheets/site/_buttons.scss */
.undoButton, .redoButton {
  vertical-align: top;
}
/* line 484, ../../app/assets/stylesheets/site/_buttons.scss */
.undoButton span, .redoButton span {
  display: block;
  margin: 0 auto;
  margin-top: 10px;
}
/* line 489, ../../app/assets/stylesheets/site/_buttons.scss */
.undoButton.disabled, .redoButton.disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

/* line 494, ../../app/assets/stylesheets/site/_buttons.scss */
.editorRoundedButton {
  cursor: pointer;
  overflow: hidden;
}
/* line 498, ../../app/assets/stylesheets/site/_buttons.scss */
.editorRoundedButton.uploadMusicButton {
  padding: 11px 18px 7px 41px;
}
/* line 501, ../../app/assets/stylesheets/site/_buttons.scss */
.editorRoundedButton.uploadMusicButton h4, .editorRoundedButton.uploadMusicButton .textSub {
  font-family: Helvetica, sans-serif;
  font-size: 15px;
  line-height: 14px;
  font-weight: bold;
  text-shadow: rgba(255, 255, 255, 0.5) 1px 1px;
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  height: 20px;
}
/* line 511, ../../app/assets/stylesheets/site/_buttons.scss */
.editorRoundedButton.uploadMusicButton.mousedown {
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #fefefe), color-stop(100%, #d9d9d9));
  background-image: -webkit-linear-gradient(bottom, #fefefe, #d9d9d9);
  background-image: -moz-linear-gradient(bottom, #fefefe, #d9d9d9);
  background-image: -o-linear-gradient(bottom, #fefefe, #d9d9d9);
  background-image: -ms-linear-gradient(bottom, #fefefe, #d9d9d9);
  background-image: linear-gradient(bottom, #fefefe, #d9d9d9);
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 2px 4px 0px inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 2px 4px 0px inset;
  box-shadow: rgba(0, 0, 0, 0.5) 0 2px 4px 0px inset;
}
/* line 516, ../../app/assets/stylesheets/site/_buttons.scss */
.editorRoundedButton.uploadMusicButton.mousedown.onFocus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 2px 4px 0px inset, #1e39f6 0 0 0 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 2px 4px 0px inset, #1e39f6 0 0 0 3px;
  box-shadow: rgba(0, 0, 0, 0.5) 0 2px 4px 0px inset, #1e39f6 0 0 0 3px;
}
/* line 524, ../../app/assets/stylesheets/site/_buttons.scss */
.editorRoundedButton.uploadMusicButton.disabled {
  cursor: default;
}
/* line 526, ../../app/assets/stylesheets/site/_buttons.scss */
.editorRoundedButton.uploadMusicButton.disabled.onFocus {
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f2f2f2), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: -moz-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: -o-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: -ms-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: linear-gradient(bottom, #f2f2f2, #ffffff);
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, #e6e6e6 0 -1px 0 0 inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, #e6e6e6 0 -1px 0 0 inset;
  box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, #e6e6e6 0 -1px 0 0 inset;
}
/* line 533, ../../app/assets/stylesheets/site/_buttons.scss */
.editorRoundedButton.uploadMusicButton.disabled h4, .editorRoundedButton.uploadMusicButton.disabled span {
  opacity: 0.45;
}
/* line 536, ../../app/assets/stylesheets/site/_buttons.scss */
.editorRoundedButton.uploadMusicButton .uploadMusicBackground {
  width: 159px;
  height: 38px;
  -webkit-border-radius: 19px;
  -moz-border-radius: 19px;
  -ms-border-radius: 19px;
  -o-border-radius: 19px;
  border-radius: 19px;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f2f2f2), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: -moz-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: -o-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: -ms-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: linear-gradient(bottom, #f2f2f2, #ffffff);
  -webkit-box-shadow: white 0 -1px 0 0 inset;
  -moz-box-shadow: white 0 -1px 0 0 inset;
  box-shadow: white 0 -1px 0 0 inset;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
/* line 549, ../../app/assets/stylesheets/site/_buttons.scss */
.editorRoundedButton.uploadMusicButton.loading {
  background: url(../../assets/uploader/music-progress-bg-707a4ad98e4f8406fdb19564adf57c59.png) left top no-repeat;
  -moz-border-radius-topright: 19px;
  -webkit-border-top-right-radius: 19px;
  -ms-border-top-right-radius: 19px;
  -o-border-top-right-radius: 19px;
  border-top-right-radius: 19px;
  -moz-border-radius-bottomright: 19px;
  -webkit-border-bottom-right-radius: 19px;
  -ms-border-bottom-right-radius: 19px;
  -o-border-bottom-right-radius: 19px;
  border-bottom-right-radius: 19px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 -1px 0 0 inset, rgba(255, 255, 255, 0.25) 0 1px 0 0 inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 -1px 0 0 inset, rgba(255, 255, 255, 0.25) 0 1px 0 0 inset;
  box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 -1px 0 0 inset, rgba(255, 255, 255, 0.25) 0 1px 0 0 inset;
}
/* line 561, ../../app/assets/stylesheets/site/_buttons.scss */
.editorRoundedButton.uploadMusicButton.loading .musicIcon {
  width: 16px;
  height: 20px;
  background: url(../../assets/uploader/music-loading-0fc08aa10e349d67a4c7148d1b3c807a.png) left top no-repeat;
  position: absolute;
  top: 8px;
  left: 13px;
  z-index: 2;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  /* line 573, ../../app/assets/stylesheets/site/_buttons.scss */
  .editorRoundedButton.uploadMusicButton.loading .musicIcon {
    background: url(../../assets/uploader/music-loading-2x-29681179214a98c7d4d7b5bdf89d110d.jpg) left top no-repeat;
    -webkit-background-size: 16px 20px;
    -moz-background-size: 16px 20px;
    -o-background-size: 16px 20px;
    background-size: 16px 20px;
  }
}
/* line 579, ../../app/assets/stylesheets/site/_buttons.scss */
.editorRoundedButton.uploadMusicButton.loading .textSub {
  position: absolute;
  color: #FFF;
  font-size: 15px;
  left: 42px;
  top: 12px;
}
/* line 586, ../../app/assets/stylesheets/site/_buttons.scss */
.editorRoundedButton.uploadMusicButton span.remove {
  z-index: 100;
  width: 13px;
  height: 13px;
  display: block;
  background: url(../../assets/close-cross-c74360b35646d7c3dc85fc93644ee1f0.png) left top no-repeat;
  cursor: pointer;
  position: absolute;
  right: 4px;
  top: 13px;
}
/* line 593, ../../app/assets/stylesheets/site/_buttons.scss */
.editorRoundedButton.uploadMusicButton span.remove:hover {
  background-position: -18px 0;
}

/* line 600, ../../app/assets/stylesheets/site/_buttons.scss */
.editorButton.editorRoundButton.reverseButton span {
  width: 26px;
  height: 14px;
  position: absolute;
  top: 12px;
  right: 6px;
  z-index: 202;
}
/* line 607, ../../app/assets/stylesheets/site/_buttons.scss */
.editorButton.editorRoundButton.reverseButton.disabled span {
  opacity: 0.45;
}
/* line 611, ../../app/assets/stylesheets/site/_buttons.scss */
.editorButton.editorRoundButton.soundButton span {
  width: 23px;
  height: 21px;
  position: absolute;
  top: 10px;
  left: 8px;
  z-index: 202;
}
/* line 618, ../../app/assets/stylesheets/site/_buttons.scss */
.editorButton.editorRoundButton.soundButton.mousedown span {
  top: 9px;
  left: 9px;
}
/* line 622, ../../app/assets/stylesheets/site/_buttons.scss */
.editorButton.editorRoundButton.soundButton.disabled span {
  opacity: 0.45;
}
/* line 625, ../../app/assets/stylesheets/site/_buttons.scss */
.editorButton.editorRoundButton.moveLeftArrow img {
  position: absolute;
  top: 10px;
  left: 9px;
  z-index: 202;
}
/* line 632, ../../app/assets/stylesheets/site/_buttons.scss */
.editorButton.editorRoundButton.moveRightArrow img {
  position: absolute;
  top: 10px;
  right: 9px;
  z-index: 202;
}

/** FOLLOW BUTTON **/
/* line 643, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton,
.niceButton.followCheckbox,
.niceButton.toggleCotdButton {
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
/* line 646, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton input, .niceButton.followButton label,
.niceButton.followCheckbox input,
.niceButton.followCheckbox label,
.niceButton.toggleCotdButton input,
.niceButton.toggleCotdButton label {
  font-size: 13px;
  text-align: left;
  margin: 0;
  padding-right: 8px;
  padding-left: 8px;
  position: relative;
}
/* line 649, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton .followIcon, .niceButton.followButton .unfollowIcon,
.niceButton.followCheckbox .followIcon,
.niceButton.followCheckbox .unfollowIcon,
.niceButton.toggleCotdButton .followIcon,
.niceButton.toggleCotdButton .unfollowIcon {
  display: block;
  position: absolute;
}
/* line 653, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton .unfollowIcon,
.niceButton.followCheckbox .unfollowIcon,
.niceButton.toggleCotdButton .unfollowIcon {
  height: 11px;
  width: 11px;
  background-image: url(../../assets/sprites-safac73341f-02a243dee8f57e01abb54b147d11c88d.png);
  background-position: 0 -4674px;
  background-repeat: no-repeat;
  right: -33px;
  top: 7px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  /* line 185, ../../app/assets/stylesheets/base/mixins.scss */
  .niceButton.followButton .unfollowIcon,
  .niceButton.followCheckbox .unfollowIcon,
  .niceButton.toggleCotdButton .unfollowIcon {
    background-image: url(../../assets/sprites-retina-se62daf8201-09a89502f6ff5549bd042ce9d0332dc6.png);
    background-position: 0 -4200.5px;
    -webkit-background-size: 81px auto;
    -moz-background-size: 81px auto;
    -o-background-size: 81px auto;
    background-size: 81px auto;
  }
}
/* line 654, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton .followIcon,
.niceButton.followCheckbox .followIcon,
.niceButton.toggleCotdButton .followIcon {
  height: 19px;
  width: 17px;
  background-image: url(../../assets/sprites-safac73341f-02a243dee8f57e01abb54b147d11c88d.png);
  background-position: 0 -2359px;
  background-repeat: no-repeat;
  left: -30px;
  top: 6px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  /* line 185, ../../app/assets/stylesheets/base/mixins.scss */
  .niceButton.followButton .followIcon,
  .niceButton.followCheckbox .followIcon,
  .niceButton.toggleCotdButton .followIcon {
    background-image: url(../../assets/sprites-retina-se62daf8201-09a89502f6ff5549bd042ce9d0332dc6.png);
    background-position: 0 -2373.5px;
    -webkit-background-size: 81px auto;
    -moz-background-size: 81px auto;
    -o-background-size: 81px auto;
    background-size: 81px auto;
  }
}
/* line 656, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton .unfollowIcon,
.niceButton.followCheckbox .unfollowIcon,
.niceButton.toggleCotdButton .unfollowIcon {
  -webkit-transition-property: right;
  -moz-transition-property: right;
  -ms-transition-property: right;
  -o-transition-property: right;
  transition-property: right;
}
/* line 657, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton .followIcon,
.niceButton.followCheckbox .followIcon,
.niceButton.toggleCotdButton .followIcon {
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -ms-transition-property: left;
  -o-transition-property: left;
  transition-property: left;
}
/* line 659, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton input, .niceButton.followButton label,
.niceButton.followCheckbox input,
.niceButton.followCheckbox label,
.niceButton.toggleCotdButton input,
.niceButton.toggleCotdButton label {
  -webkit-transition-property: margin-left;
  -moz-transition-property: margin-left;
  -ms-transition-property: margin-left;
  -o-transition-property: margin-left;
  transition-property: margin-left;
}
/* line 661, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton.following,
.niceButton.followCheckbox.following,
.niceButton.toggleCotdButton.following {
  width: 100px;
}
/* line 663, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton.following input, .niceButton.followButton.following label,
.niceButton.followCheckbox.following input,
.niceButton.followCheckbox.following label,
.niceButton.toggleCotdButton.following input,
.niceButton.toggleCotdButton.following label {
  margin-left: 18px;
}
/* line 664, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton.following .followIcon,
.niceButton.followCheckbox.following .followIcon,
.niceButton.toggleCotdButton.following .followIcon {
  left: 13px;
}
/* line 665, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton.following .unfollowIcon, .niceButton.followButton.following .followIcon, .niceButton.followButton.following input, .niceButton.followButton.following label,
.niceButton.followCheckbox.following .unfollowIcon,
.niceButton.followCheckbox.following .followIcon,
.niceButton.followCheckbox.following input,
.niceButton.followCheckbox.following label,
.niceButton.toggleCotdButton.following .unfollowIcon,
.niceButton.toggleCotdButton.following .followIcon,
.niceButton.toggleCotdButton.following input,
.niceButton.toggleCotdButton.following label {
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
/* line 668, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton.unfollow .unfollowIcon,
.niceButton.followCheckbox.unfollow .unfollowIcon,
.niceButton.toggleCotdButton.unfollow .unfollowIcon {
  right: 10px;
}
/* line 669, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton.unfollow .followIcon,
.niceButton.followCheckbox.unfollow .followIcon,
.niceButton.toggleCotdButton.unfollow .followIcon {
  left: -30px;
}
/* line 670, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton.unfollow input, .niceButton.followButton.unfollow label,
.niceButton.followCheckbox.unfollow input,
.niceButton.followCheckbox.unfollow label,
.niceButton.toggleCotdButton.unfollow input,
.niceButton.toggleCotdButton.unfollow label {
  margin-left: 0px;
}
/* line 674, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton .unfollowIcon, .niceButton.followButton .followIcon, .niceButton.followButton input, .niceButton.followButton label, .niceButton.followButton.justSwitched .unfollowIcon, .niceButton.followButton.justSwitched .followIcon, .niceButton.followButton.justSwitched input, .niceButton.followButton.justSwitched label,
.niceButton.followCheckbox .unfollowIcon,
.niceButton.followCheckbox .followIcon,
.niceButton.followCheckbox input,
.niceButton.followCheckbox label,
.niceButton.followCheckbox.justSwitched .unfollowIcon,
.niceButton.followCheckbox.justSwitched .followIcon,
.niceButton.followCheckbox.justSwitched input,
.niceButton.followCheckbox.justSwitched label,
.niceButton.toggleCotdButton .unfollowIcon,
.niceButton.toggleCotdButton .followIcon,
.niceButton.toggleCotdButton input,
.niceButton.toggleCotdButton label,
.niceButton.toggleCotdButton.justSwitched .unfollowIcon,
.niceButton.toggleCotdButton.justSwitched .followIcon,
.niceButton.toggleCotdButton.justSwitched input,
.niceButton.toggleCotdButton.justSwitched label {
  -webkit-transition-duration: 0;
  -moz-transition-duration: 0;
  -ms-transition-duration: 0;
  -o-transition-duration: 0;
  transition-duration: 0;
}

/* line 679, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton,
.niceButton.followCheckbox {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7));
  background: -webkit-linear-gradient(top, #ffffff, #f7f7f7);
  background: -moz-linear-gradient(top, #ffffff, #f7f7f7);
  background: -o-linear-gradient(top, #ffffff, #f7f7f7);
  background: -ms-linear-gradient(top, #ffffff, #f7f7f7);
  background: linear-gradient(top, #ffffff, #f7f7f7);
}
/* line 682, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton input, .niceButton.followButton label,
.niceButton.followCheckbox input,
.niceButton.followCheckbox label {
  padding-right: 8px;
  padding-left: 8px;
}

/* line 686, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followCheckbox label {
  cursor: pointer;
  display: block;
  font-size: 13px;
}
/* line 687, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followCheckbox input[type=checkbox] {
  display: none;
}

/* line 691, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton.editorButton .icon {
  top: 7px;
}

/* line 695, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton.editorButton.mousedown .icon {
  top: 8px;
}

/* line 698, ../../app/assets/stylesheets/site/_buttons.scss */
.unloggedFollowButton input {
  font-size: 13px;
}

/** BlUE BUTTON **/
/* line 703, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.blueButton .tail {
  display: none;
}

/* line 706, ../../app/assets/stylesheets/site/_buttons.scss */
.blueButton, .greyButton, .redButton {
  display: inline-block;
  background: #e8e8e8;
  padding: 3px;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dadada), color-stop(100%, #ebebeb));
  background: -webkit-linear-gradient(top, #dadada, #ebebeb);
  background: -moz-linear-gradient(top, #dadada, #ebebeb);
  background: -o-linear-gradient(top, #dadada, #ebebeb);
  background: -ms-linear-gradient(top, #dadada, #ebebeb);
  background: linear-gradient(top, #dadada, #ebebeb);
  -webkit-box-shadow: #959595 1px 1px 1px -1px inset, #959595 -1px 1px 1px -1px inset;
  -moz-box-shadow: #959595 1px 1px 1px -1px inset, #959595 -1px 1px 1px -1px inset;
  box-shadow: #959595 1px 1px 1px -1px inset, #959595 -1px 1px 1px -1px inset;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}
/* line 713, ../../app/assets/stylesheets/site/_buttons.scss */
.blueButton a, .blueButton input, .greyButton a, .greyButton input, .redButton a, .redButton input {
  font-family: 'HelveticaCoub';
  outline: none;
  text-align: center;
  font-weight: bold;
  display: inline-block;
  margin: 0;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}
/* line 720, ../../app/assets/stylesheets/site/_buttons.scss */
.blueButton:hover a, .blueButton:hover input, .greyButton:hover a, .greyButton:hover input, .redButton:hover a, .redButton:hover input {
  cursor: pointer;
  text-decoration: none;
}

/* line 725, ../../app/assets/stylesheets/site/_buttons.scss */
.blueButton a, .blueButton input {
  border: none;
  -webkit-appearance: none;
  color: #ffffff;
  background: url(../../assets/buttons/blue-button-gradient-091f7c39bcc2cdceaed9a4a10ec331ee.png) repeat-x;
  -webkit-background-size: 1px 86px;
  -moz-background-size: 1px 86px;
  -o-background-size: 1px 86px;
  background-size: 1px 86px;
  text-shadow: 0 -1px 0 #0e2173;
  -webkit-box-shadow: #879dff 1px 1px 0 0 inset, white 2px 2px 2px -1px inset, rgba(0, 0, 0, 0.85) 1px 1px 2px, inset 0 -1px 0 #1d36a3;
  -moz-box-shadow: #879dff 1px 1px 0 0 inset, white 2px 2px 2px -1px inset, rgba(0, 0, 0, 0.85) 1px 1px 2px, inset 0 -1px 0 #1d36a3;
  box-shadow: #879dff 1px 1px 0 0 inset, white 2px 2px 2px -1px inset, rgba(0, 0, 0, 0.85) 1px 1px 2px, inset 0 -1px 0 #1d36a3;
}
/* line 738, ../../app/assets/stylesheets/site/_buttons.scss */
.blueButton.mousedown a, .blueButton.mousedown input {
  text-decoration: none;
  background-position: left -39px;
  -webkit-box-shadow: #021567 1px 1px 3px 0 inset;
  -moz-box-shadow: #021567 1px 1px 3px 0 inset;
  box-shadow: #021567 1px 1px 3px 0 inset;
}
/* line 745, ../../app/assets/stylesheets/site/_buttons.scss */
.blueButton.shortButton {
  padding: 3px;
  height: 32px;
}
/* line 748, ../../app/assets/stylesheets/site/_buttons.scss */
.blueButton.shortButton a, .blueButton.shortButton input {
  font-family: Arial, sans-serif;
  font-size: 15px;
  height: 32px;
  padding: 0 45px;
  line-height: 34px;
  -webkit-background-size: 1px 69px;
  -moz-background-size: 1px 69px;
  -o-background-size: 1px 69px;
  background-size: 1px 69px;
}
/* line 754, ../../app/assets/stylesheets/site/_buttons.scss */
.blueButton.shortButton.mousedown a, .blueButton.shortButton.mousedown input {
  background-position: left -36px;
}
/* line 758, ../../app/assets/stylesheets/site/_buttons.scss */
.blueButton.submitButton a, .blueButton.submitButton input {
  height: 28px;
  padding: 0 23px;
  font-size: 13px;
  line-height: 28px;
  font-weight: bold;
}
/* line 767, ../../app/assets/stylesheets/site/_buttons.scss */
.blueButton.longButton {
  padding: 4px 5px 5px;
}
/* line 769, ../../app/assets/stylesheets/site/_buttons.scss */
.blueButton.longButton a {
  padding: 13px;
  width: 369px;
  font-size: 20px;
}
/* line 772, ../../app/assets/stylesheets/site/_buttons.scss */
.blueButton.disabled {
  cursor: default;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
/* line 774, ../../app/assets/stylesheets/site/_buttons.scss */
.blueButton.disabled input {
  cursor: default;
}
/* line 777, ../../app/assets/stylesheets/site/_buttons.scss */
.blueButton.disabled:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* line 782, ../../app/assets/stylesheets/site/_buttons.scss */
.greyButton a, .greyButton input {
  color: #000000;
  border: none;
  font-size: 13px;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #efefef), color-stop(100%, #959595));
  background-image: -webkit-linear-gradient(top, #efefef, #959595);
  background-image: -moz-linear-gradient(top, #efefef, #959595);
  background-image: -o-linear-gradient(top, #efefef, #959595);
  background-image: -ms-linear-gradient(top, #efefef, #959595);
  background-image: linear-gradient(top, #efefef, #959595);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: rgba(75, 78, 92, 0.67) 0 1px 1px 0, inset 1px 1px 0 rgba(255, 255, 255, 0.5);
  -moz-box-shadow: rgba(75, 78, 92, 0.67) 0 1px 1px 0, inset 1px 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: rgba(75, 78, 92, 0.67) 0 1px 1px 0, inset 1px 1px 0 rgba(255, 255, 255, 0.5);
}
/* line 790, ../../app/assets/stylesheets/site/_buttons.scss */
.greyButton.mousedown a, .greyButton.mousedown input {
  -webkit-box-shadow: inset rgba(75, 78, 92, 0.67) 0 1px 1px 0;
  -moz-box-shadow: inset rgba(75, 78, 92, 0.67) 0 1px 1px 0;
  box-shadow: inset rgba(75, 78, 92, 0.67) 0 1px 1px 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #959595), color-stop(100%, #efefef));
  background-image: -webkit-linear-gradient(top, #959595, #efefef);
  background-image: -moz-linear-gradient(top, #959595, #efefef);
  background-image: -o-linear-gradient(top, #959595, #efefef);
  background-image: -ms-linear-gradient(top, #959595, #efefef);
  background-image: linear-gradient(top, #959595, #efefef);
}

/* line 798, ../../app/assets/stylesheets/site/_buttons.scss */
.redButton a, .redButton input {
  color: #ffffff;
  border: none;
  font-size: 13px;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff7e9f), color-stop(100%, #ff0445));
  background-image: -webkit-linear-gradient(top, #ff7e9f, #ff0445);
  background-image: -moz-linear-gradient(top, #ff7e9f, #ff0445);
  background-image: -o-linear-gradient(top, #ff7e9f, #ff0445);
  background-image: -ms-linear-gradient(top, #ff7e9f, #ff0445);
  background-image: linear-gradient(top, #ff7e9f, #ff0445);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: #fc81a1 1px 1px 0 0 inset, white 2px 2px 2px -1px inset, rgba(0, 0, 0, 0.85) 1px 1px 2px, inset 0 -1px 0 #a31d40;
  -moz-box-shadow: #fc81a1 1px 1px 0 0 inset, white 2px 2px 2px -1px inset, rgba(0, 0, 0, 0.85) 1px 1px 2px, inset 0 -1px 0 #a31d40;
  box-shadow: #fc81a1 1px 1px 0 0 inset, white 2px 2px 2px -1px inset, rgba(0, 0, 0, 0.85) 1px 1px 2px, inset 0 -1px 0 #a31d40;
}
/* line 808, ../../app/assets/stylesheets/site/_buttons.scss */
.redButton.mousedown a, .redButton.mousedown input {
  -webkit-box-shadow: inset rgba(75, 78, 92, 0.67) 0 1px 1px 0;
  -moz-box-shadow: inset rgba(75, 78, 92, 0.67) 0 1px 1px 0;
  box-shadow: inset rgba(75, 78, 92, 0.67) 0 1px 1px 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff0445), color-stop(100%, #ff7e9f));
  background-image: -webkit-linear-gradient(top, #ff0445, #ff7e9f);
  background-image: -moz-linear-gradient(top, #ff0445, #ff7e9f);
  background-image: -o-linear-gradient(top, #ff0445, #ff7e9f);
  background-image: -ms-linear-gradient(top, #ff0445, #ff7e9f);
  background-image: linear-gradient(top, #ff0445, #ff7e9f);
}

/** CUSTOM EDIT BUTTON **/
/* line 816, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.customEdit, .submitSection .visibilitySelectContainer .niceButton {
  -webkit-box-shadow: inset 1px 1px 0 #fcfcfc, 0 0 0 1px #cccccc;
  -moz-box-shadow: inset 1px 1px 0 #fcfcfc, 0 0 0 1px #cccccc;
  box-shadow: inset 1px 1px 0 #fcfcfc, 0 0 0 1px #cccccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
/* line 820, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.customEdit, .niceButton.customEdit:hover, .submitSection .visibilitySelectContainer .niceButton, .submitSection .visibilitySelectContainer .niceButton:hover {
  background: #f7f7f7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(9%, #f7f7f7), color-stop(92%, #d9d9d9));
  background-image: -webkit-linear-gradient(top, #f7f7f7 9%, #d9d9d9 92%);
  background-image: -moz-linear-gradient(top, #f7f7f7 9%, #d9d9d9 92%);
  background-image: -o-linear-gradient(top, #f7f7f7 9%, #d9d9d9 92%);
  background-image: -ms-linear-gradient(top, #f7f7f7 9%, #d9d9d9 92%);
  background-image: linear-gradient(top, #f7f7f7 9%, #d9d9d9 92%);
}
/* line 825, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.customEdit:hover, .submitSection .visibilitySelectContainer .niceButton:hover {
  -webkit-box-shadow: 0 0 0 3px #1e39f6, inset 1px 1px 0 #fcfcfc;
  -moz-box-shadow: 0 0 0 3px #1e39f6, inset 1px 1px 0 #fcfcfc;
  box-shadow: 0 0 0 3px #1e39f6, inset 1px 1px 0 #fcfcfc;
}
/* line 829, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.customEdit.mousedown, .submitSection .visibilitySelectContainer .niceButton.mousedown {
  -webkit-box-shadow: 0 0 0 3px #1e39f6;
  -moz-box-shadow: 0 0 0 3px #1e39f6;
  box-shadow: 0 0 0 3px #1e39f6;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(9%, #d9d9d9), color-stop(92%, #f7f7f7));
  background-image: -webkit-linear-gradient(top, #d9d9d9 9%, #f7f7f7 92%);
  background-image: -moz-linear-gradient(top, #d9d9d9 9%, #f7f7f7 92%);
  background-image: -o-linear-gradient(top, #d9d9d9 9%, #f7f7f7 92%);
  background-image: -ms-linear-gradient(top, #d9d9d9 9%, #f7f7f7 92%);
  background-image: linear-gradient(top, #d9d9d9 9%, #f7f7f7 92%);
}

/** CUTE ARROW **/
/* line 833, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.cutterArrow {
  width: 17px;
  height: 18px;
  padding: 5px;
  background: transparent;
}
/* line 837, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.cutterArrow input {
  width: 17px;
  height: 18px;
  background: url(../../assets/uploader/legend-nav-arrows-906e0e294d2aacb420f50d771b61f180.png) 0 -20px no-repeat;
  border: 0;
}
/* line 843, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.cutterArrow .tail {
  display: none;
}

/* line 846, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.cutterArrow.cutterArrowRight input {
  background-position: -28px -20px;
}

/* line 848, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.cutterArrow.cutterArrowLeft:hover input {
  background-position: 0 0;
}

/* line 850, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.cutterArrow.cutterArrowRight:hover input {
  background-position: -28px 0;
}

/* line 852, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.cutterArrow.cutterArrowLeft.mousedown input {
  background-position: 0px -39px;
}

/* line 854, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.cutterArrow.cutterArrowRight.mousedown input {
  background-position: -28px -39px;
}

/* line 856, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.toggleEditorSize {
  padding-left: 17px;
  background: #ffffff;
}
/* line 859, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.toggleEditorSize .icon {
  display: block;
  position: absolute;
  left: 10px;
  top: 5px;
  height: 13px;
  width: 9px;
  background-image: url(../../assets/sprites-safac73341f-02a243dee8f57e01abb54b147d11c88d.png);
  background-position: 0 -2388px;
  background-repeat: no-repeat;
  width: 9px;
  height: 14px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  /* line 185, ../../app/assets/stylesheets/base/mixins.scss */
  .niceButton.toggleEditorSize .icon {
    background-image: url(../../assets/sprites-retina-se62daf8201-09a89502f6ff5549bd042ce9d0332dc6.png);
    background-position: 0 -1829.5px;
    -webkit-background-size: 81px auto;
    -moz-background-size: 81px auto;
    -o-background-size: 81px auto;
    background-size: 81px auto;
  }
}
/* line 865, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.toggleEditorSize input {
  font-size: 14px;
  color: #404040;
  margin-top: 0px;
  height: 24px;
}

/* line 873, ../../app/assets/stylesheets/site/_buttons.scss */
.toggleFramesButton.less .niceButton.toggleEditorSize .icon {
  height: 13px;
  width: 9px;
  background-image: url(../../assets/sprites-safac73341f-02a243dee8f57e01abb54b147d11c88d.png);
  background-position: 0 -2495px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  /* line 185, ../../app/assets/stylesheets/base/mixins.scss */
  .toggleFramesButton.less .niceButton.toggleEditorSize .icon {
    background-image: url(../../assets/sprites-retina-se62daf8201-09a89502f6ff5549bd042ce9d0332dc6.png);
    background-position: 0 -1754px;
    -webkit-background-size: 81px auto;
    -moz-background-size: 81px auto;
    -o-background-size: 81px auto;
    background-size: 81px auto;
  }
}

/* line 879, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton.followButton {
  padding-right: 6px;
  padding-left: 6px;
}

/* line 884, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton.followButton.mousedown {
  padding-left: 20px;
}

/* line 888, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton.coubDeleteButton {
  padding-left: 23px;
  padding-right: 5px;
}
/* line 891, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton.coubDeleteButton .icon {
  border-right: 1px solid #CCC;
  display: block;
  position: absolute;
  left: 3px;
  top: 2px;
  bottom: 0;
}

/** PROFILE FOLLOWERS HANDLERS **/
/* line 899, ../../app/assets/stylesheets/site/_buttons.scss */
.followersHandler.roundedButton {
  height: 27px;
  background: rgba(0, 0, 0, 0.1);
  padding: 0 20px;
  margin: 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.55)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.55) 100%);
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.55) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.55) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.55) 100%);
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.55) 100%);
}
/* line 903, ../../app/assets/stylesheets/site/_buttons.scss */
.followersHandler.roundedButton .count, .followersHandler.roundedButton .sub {
  font-family: 'helveticacoub';
  color: #ffffff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
/* line 908, ../../app/assets/stylesheets/site/_buttons.scss */
.followersHandler.roundedButton .sub {
  font-size: 11px;
  display: inline-block;
  vertical-align: top;
  padding-top: 2px;
  line-height: 26px;
}
/* line 915, ../../app/assets/stylesheets/site/_buttons.scss */
.followersHandler.roundedButton .count {
  font-weight: bold;
  font-size: 15px;
  line-height: 29px;
}
/* line 921, ../../app/assets/stylesheets/site/_buttons.scss */
.followersHandler.roundedButton.full:hover {
  cursor: pointer;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #3951f3), color-stop(65%, #172fd1)) !important;
  background-image: -webkit-linear-gradient(top, #3951f3 1%, #172fd1 65%) !important;
  background-image: -moz-linear-gradient(top, #3951f3 1%, #172fd1 65%) !important;
  background-image: -o-linear-gradient(top, #3951f3 1%, #172fd1 65%) !important;
  background-image: -ms-linear-gradient(top, #3951f3 1%, #172fd1 65%) !important;
  background-image: linear-gradient(top, #3951f3 1%, #172fd1 65%) !important;
  z-index: 1;
}
/* line 926, ../../app/assets/stylesheets/site/_buttons.scss */
.followersHandler.roundedButton.full:hover.mousedown {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #172fd1), color-stop(100%, #3951f3)) !important;
  background-image: -webkit-linear-gradient(top, #172fd1, #3951f3) !important;
  background-image: -moz-linear-gradient(top, #172fd1, #3951f3) !important;
  background-image: -o-linear-gradient(top, #172fd1, #3951f3) !important;
  background-image: -ms-linear-gradient(top, #172fd1, #3951f3) !important;
  background-image: linear-gradient(top, #172fd1, #3951f3) !important;
  -webkit-box-shadow: inset 0px 4px 10px rgba(0, 0, 0, 0.4) !important;
  -moz-box-shadow: inset 0px 4px 10px rgba(0, 0, 0, 0.4) !important;
  box-shadow: inset 0px 4px 10px rgba(0, 0, 0, 0.4) !important;
}
/* line 932, ../../app/assets/stylesheets/site/_buttons.scss */
.followersHandler.roundedButton.no-content:hover {
  cursor: default;
}

/* line 937, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.blueButton input {
  font-size: 14px;
}

/** BROWSERS **/
/* line 942, ../../app/assets/stylesheets/site/_buttons.scss */
.ie {
  /*.niceButton.largeBlue.mousedown input { top: 5px; }*/
}
/* line 943, ../../app/assets/stylesheets/site/_buttons.scss */
.ie .niceButton.largeBlue input {
  top: 5px;
}
/* line 945, ../../app/assets/stylesheets/site/_buttons.scss */
.ie .shortButton {
  padding: 3px !important;
}

/* line 948, ../../app/assets/stylesheets/site/_buttons.scss */
.ie9 .smallLoginButton {
  background: #f0f0f0;
}

/* line 950, ../../app/assets/stylesheets/site/_buttons.scss */
.ie7 .niceButton {
  display: inline;
}

/* line 954, ../../app/assets/stylesheets/site/_buttons.scss */
.firefox .switchFrameButton input, .opera .switchFrameButton input {
  width: 14px;
  top: 4px;
}
/* line 959, ../../app/assets/stylesheets/site/_buttons.scss */
.firefox .uploadMusicButton, .opera .uploadMusicButton {
  padding-top: 13px;
  padding-bottom: 5px;
}
/* line 964, ../../app/assets/stylesheets/site/_buttons.scss */
.firefox .uploadMusicButton.loading .textSub, .opera .uploadMusicButton.loading .textSub {
  top: 14px;
}
/* line 968, ../../app/assets/stylesheets/site/_buttons.scss */
.firefox .shortButton, .opera .shortButton {
  padding: 3px !important;
}

/* line 973, ../../app/assets/stylesheets/site/_buttons.scss */
.firefox .coubDescription input {
  padding-top: 13px;
}

/* line 981, ../../app/assets/stylesheets/site/_buttons.scss */
.opera .toggleFramesButton .disabled {
  opacity: 1;
}
/* line 983, ../../app/assets/stylesheets/site/_buttons.scss */
.opera .toggleFramesButton .disabled input, .opera .toggleFramesButton .disabled .icon {
  opacity: 0.6;
}

/* line 989, ../../app/assets/stylesheets/site/_buttons.scss */
.safari .niceButton.followersHandler.roundedButton {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.01)), color-stop(100%, rgba(0, 0, 0, 0.55)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.55));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.55));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.55));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.55));
  background-image: linear-gradient(top, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.55));
}

/* line 994, ../../app/assets/stylesheets/site/_buttons.scss */
.opera .back span.polygon {
  top: 2px !important;
}

/** ANOTHER SPECIALIZED **/
/* line 998, ../../app/assets/stylesheets/site/_buttons.scss */
.fbConnectLink {
  position: absolute;
  top: 7px;
  right: -13px;
}
/* line 1001, ../../app/assets/stylesheets/site/_buttons.scss */
.fbConnectLink .facebookButton {
  padding: 3px;
}
/* line 1004, ../../app/assets/stylesheets/site/_buttons.scss */
.fbConnectLink .facebookButton a {
  text-align: right;
  font-size: 14px;
  padding: 7px 16px 7px 46px;
}
/* line 1009, ../../app/assets/stylesheets/site/_buttons.scss */
.fbConnectLink .facebookButton span.icon {
  display: inline-block;
  width: 9px;
  height: 18px;
  background: url(../../assets/buttons/facebook-logo-957c9d4493f6b95c1707f798b8420149.png);
  position: absolute;
  left: 26px;
  top: 13px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  /* line 1017, ../../app/assets/stylesheets/site/_buttons.scss */
  .fbConnectLink .facebookButton span.icon {
    background: url(../../assets/buttons/facebook-logo-2x-5abe471f3b404a2a8c14c31b4a8cb9d0.jpg);
    -webkit-background-size: 9px 18px;
    -moz-background-size: 9px 18px;
    -o-background-size: 9px 18px;
    background-size: 9px 18px;
  }
}
/* line 1023, ../../app/assets/stylesheets/site/_buttons.scss */
.fbConnectLink .facebookButton span.border {
  position: absolute;
  left: 43px;
  top: 6px;
  display: inline-block;
  width: 2px;
  height: 27px;
  background: url(../../assets/buttons/border-pic-2b69fc485ab9ac3c9d81ea93d691c418.png);
}
/* line 1030, ../../app/assets/stylesheets/site/_buttons.scss */
.fbConnectLink .facebookButton.mousedown span.border {
  background: url(../../assets/buttons/border-pic_down-e169d0a6be9e390faead9eba96318f0e.png);
}

/* line 1035, ../../app/assets/stylesheets/site/_buttons.scss */
.close {
  position: absolute;
  top: 5px;
  right: 5px;
  height: 10px;
  width: 10px;
  background-image: url(../../assets/sprites-safac73341f-02a243dee8f57e01abb54b147d11c88d.png);
  background-position: 0 -4381px;
  background-repeat: no-repeat;
  cursor: pointer;
}
/* line 169, ../../app/assets/stylesheets/base/mixins.scss */
.close:hover {
  background-position: 0 -3977px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  /* line 185, ../../app/assets/stylesheets/base/mixins.scss */
  .close {
    background-image: url(../../assets/sprites-retina-se62daf8201-09a89502f6ff5549bd042ce9d0332dc6.png);
    background-position: 0 -4455.5px;
    -webkit-background-size: 81px auto;
    -moz-background-size: 81px auto;
    -o-background-size: 81px auto;
    background-size: 81px auto;
  }
  /* line 204, ../../app/assets/stylesheets/base/mixins.scss */
  .close:hover {
    background-position: 0 -4336.5px;
  }
}

/* line 1042, ../../app/assets/stylesheets/site/_buttons.scss */
.close.white {
  height: 11px;
  width: 11px;
  background-image: url(../../assets/sprites-safac73341f-02a243dee8f57e01abb54b147d11c88d.png);
  background-position: 0 -4695px;
  background-repeat: no-repeat;
}
/* line 169, ../../app/assets/stylesheets/base/mixins.scss */
.close.white:hover {
  background-position: 0 -3518px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  /* line 185, ../../app/assets/stylesheets/base/mixins.scss */
  .close.white {
    background-image: url(../../assets/sprites-retina-se62daf8201-09a89502f6ff5549bd042ce9d0332dc6.png);
    background-position: 0 -4755px;
    -webkit-background-size: 81px auto;
    -moz-background-size: 81px auto;
    -o-background-size: 81px auto;
    background-size: 81px auto;
  }
  /* line 204, ../../app/assets/stylesheets/base/mixins.scss */
  .close.white:hover {
    background-position: 0 -3639.5px;
  }
}
/* line 1045, ../../app/assets/stylesheets/site/_buttons.scss */
.close.white:hover {
  cursor: pointer;
}

/* line 1051, ../../app/assets/stylesheets/site/_buttons.scss */
.cancelButton {
  color: #8d8d8d;
  text-decoration: underline;
}
/* line 1054, ../../app/assets/stylesheets/site/_buttons.scss */
.cancelButton:hover {
  color: #8d8d8d;
}

/* line 1059, ../../app/assets/stylesheets/site/_buttons.scss */
.closeButton {
  background: url(../../assets/dropdown/close-cccda3bd7da4f2dcb04b0da7d60e9db2.png) no-repeat top left;
  -webkit-background-size: 10px 20px;
  -moz-background-size: 10px 20px;
  -o-background-size: 10px 20px;
  background-size: 10px 20px;
  width: 10px;
  height: 10px;
  cursor: pointer;
}
/* line 1064, ../../app/assets/stylesheets/site/_buttons.scss */
.closeButton:hover {
  background-position: bottom left;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  /* line 1069, ../../app/assets/stylesheets/site/_buttons.scss */
  .closeButton {
    background: url(../../assets/dropdown/close-2x-ac3e84c75a219939ceed3420f2acd7d0.jpg) no-repeat top left;
    -webkit-background-size: 10px 20px;
    -moz-background-size: 10px 20px;
    -o-background-size: 10px 20px;
    background-size: 10px 20px;
  }
}
/** BUTTONS FOR MODERN PAGE **/
/* line 1078, ../../app/assets/stylesheets/site/_buttons.scss */
.abuseFlagButton .niceButton {
  height: 24px;
}
/* line 1080, ../../app/assets/stylesheets/site/_buttons.scss */
.abuseFlagButton.abuseSent, .abuseFlagButton.mousedown {
  display: inline-block;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 2px 0 inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 2px 0 inset;
  box-shadow: rgba(0, 0, 0, 0.4) 0 1px 2px 0 inset;
}
/* line 1084, ../../app/assets/stylesheets/site/_buttons.scss */
.abuseFlagButton.abuseSent:hover, .abuseFlagButton.mousedown:hover {
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 2px 0 inset, #1e39f6 0 0 0 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 2px 0 inset, #1e39f6 0 0 0 3px;
  box-shadow: rgba(0, 0, 0, 0.4) 0 1px 2px 0 inset, #1e39f6 0 0 0 3px;
}
/* line 1093, ../../app/assets/stylesheets/site/_buttons.scss */
.abuseFlagButton.commentAbuseButton.abuseSent, .abuseFlagButton.commentAbuseButton.mousedown {
  background: #fa1515 !important;
}
/* line 1095, ../../app/assets/stylesheets/site/_buttons.scss */
.abuseFlagButton.commentAbuseButton.abuseSent .icon, .abuseFlagButton.commentAbuseButton.mousedown .icon {
  background: url(../../assets/buttons/flag-e68f9d3127b37d5dbe47c61b30edb31d.png) 0px 0px;
}
/* line 1099, ../../app/assets/stylesheets/site/_buttons.scss */
.abuseFlagButton .icon {
  display: block;
  position: absolute;
  top: 25%;
  left: 10px;
  height: 13px;
  width: 14px;
  background-image: url(../../assets/sprites-safac73341f-02a243dee8f57e01abb54b147d11c88d.png);
  background-position: 0 -4147px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  /* line 185, ../../app/assets/stylesheets/base/mixins.scss */
  .abuseFlagButton .icon {
    background-image: url(../../assets/sprites-retina-se62daf8201-09a89502f6ff5549bd042ce9d0332dc6.png);
    background-position: 0 -3440.5px;
    -webkit-background-size: 81px auto;
    -moz-background-size: 81px auto;
    -o-background-size: 81px auto;
    background-size: 81px auto;
  }
}

/* line 1109, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton.makeAnotherCoubButton .icon {
  display: block;
  position: absolute;
  top: 5px;
  left: 11px;
  height: 14px;
  width: 16px;
  background-image: url(../../assets/sprites-safac73341f-02a243dee8f57e01abb54b147d11c88d.png);
  background-position: 0 -3709px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  /* line 185, ../../app/assets/stylesheets/base/mixins.scss */
  .niceButton.squaredButton.makeAnotherCoubButton .icon {
    background-image: url(../../assets/sprites-retina-se62daf8201-09a89502f6ff5549bd042ce9d0332dc6.png);
    background-position: 0 -3734.5px;
    -webkit-background-size: 81px auto;
    -moz-background-size: 81px auto;
    -o-background-size: 81px auto;
    background-size: 81px auto;
  }
}
/* line 1116, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton.makeAnotherCoubButton:hover {
  cursor: default;
}
/* line 1118, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton.makeAnotherCoubButton.blueFramedisabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=45);
  opacity: 0.45;
}
/* line 1121, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton.makeAnotherCoubButton.blueFramedisabled:hover input {
  cursor: default;
}
/* line 1123, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton.makeAnotherCoubButton.blueFramedisabled.mousedown {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/** **/
/* line 1128, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.replyButton {
  display: none;
  width: 71px;
  height: 25px;
}
/* line 1132, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.replyButton input {
  font-size: 13px;
  left: 5px;
}
/* line 1136, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.replyButton span.icon {
  display: block;
  position: absolute;
  /** refactor: использовать sprite; **/
  height: 10px;
  width: 13px;
  background-image: url(../../assets/sprites-safac73341f-02a243dee8f57e01abb54b147d11c88d.png);
  background-position: 0 -4196px;
  background-repeat: no-repeat;
  left: 15px;
  top: 26%;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  /* line 185, ../../app/assets/stylesheets/base/mixins.scss */
  .niceButton.replyButton span.icon {
    background-image: url(../../assets/sprites-retina-se62daf8201-09a89502f6ff5549bd042ce9d0332dc6.png);
    background-position: 0 -4245.5px;
    -webkit-background-size: 81px auto;
    -moz-background-size: 81px auto;
    -o-background-size: 81px auto;
    background-size: 81px auto;
  }
}
/* line 1144, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.replyButton.mousedown {
  display: inline-block;
}
/* line 1146, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.replyButton.editor {
  display: inline-block !important;
}

/* line 1149, ../../app/assets/stylesheets/site/_buttons.scss */
.deleteCoubButton, .deleteButton {
  display: inline-block;
  position: relative;
}
/* line 1153, ../../app/assets/stylesheets/site/_buttons.scss */
.deleteCoubButton .niceButton, .deleteButton .niceButton {
  width: 17px;
  height: 24px;
  padding: 0 8px;
}
/* line 1158, ../../app/assets/stylesheets/site/_buttons.scss */
.deleteCoubButton .icon, .deleteButton .icon {
  display: inline-block;
  height: 16px;
  width: 15px;
  background-image: url(../../assets/sprites-safac73341f-02a243dee8f57e01abb54b147d11c88d.png);
  background-position: 0 -4170px;
  background-repeat: no-repeat;
  position: absolute;
  left: 9px;
  top: 4px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  /* line 185, ../../app/assets/stylesheets/base/mixins.scss */
  .deleteCoubButton .icon, .deleteButton .icon {
    background-image: url(../../assets/sprites-retina-se62daf8201-09a89502f6ff5549bd042ce9d0332dc6.png);
    background-position: 0 -4055.5px;
    -webkit-background-size: 81px auto;
    -moz-background-size: 81px auto;
    -o-background-size: 81px auto;
    background-size: 81px auto;
  }
}
/* line 1164, ../../app/assets/stylesheets/site/_buttons.scss */
.deleteCoubButton .mousedown, .deleteButton .mousedown {
  background: #fa1515 !important;
}
/* line 1166, ../../app/assets/stylesheets/site/_buttons.scss */
.deleteCoubButton .mousedown .icon, .deleteButton .mousedown .icon {
  height: 16px;
  width: 15px;
  background-image: url(../../assets/sprites-safac73341f-02a243dee8f57e01abb54b147d11c88d.png);
  background-position: 0 -3363px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  /* line 185, ../../app/assets/stylesheets/base/mixins.scss */
  .deleteCoubButton .mousedown .icon, .deleteButton .mousedown .icon {
    background-image: url(../../assets/sprites-retina-se62daf8201-09a89502f6ff5549bd042ce9d0332dc6.png);
    background-position: 0 -3683.5px;
    -webkit-background-size: 81px auto;
    -moz-background-size: 81px auto;
    -o-background-size: 81px auto;
    background-size: 81px auto;
  }
}

/* line 1171, ../../app/assets/stylesheets/site/_buttons.scss */
.deleteButton.mousedown {
  background: #fa1515 !important;
}
/* line 1173, ../../app/assets/stylesheets/site/_buttons.scss */
.deleteButton.mousedown .icon {
  height: 16px;
  width: 15px;
  background-image: url(../../assets/sprites-safac73341f-02a243dee8f57e01abb54b147d11c88d.png);
  background-position: 0 -3363px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  /* line 185, ../../app/assets/stylesheets/base/mixins.scss */
  .deleteButton.mousedown .icon {
    background-image: url(../../assets/sprites-retina-se62daf8201-09a89502f6ff5549bd042ce9d0332dc6.png);
    background-position: 0 -3683.5px;
    -webkit-background-size: 81px auto;
    -moz-background-size: 81px auto;
    -o-background-size: 81px auto;
    background-size: 81px auto;
  }
}

/* STARTPAGE UNLOGGED BUTTONS */
/* line 1179, ../../app/assets/stylesheets/site/_buttons.scss */
.signUpButton {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-top: 1px;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}
/* line 1188, ../../app/assets/stylesheets/site/_buttons.scss */
.signUpButton.ab_test_a a, .signUpButton.ab_test_b a {
  font-family: HelveticaNeueCoub;
  font-weight: bold;
  letter-spacing: -1px;
  margin: 3px;
  vertical-align: top;
  display: inline-block;
  text-align: center;
  word-spacing: 0.5px;
  font-size: 21px;
  text-decoration: none;
  color: #ffffff;
  background: #0433ff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #7d96ff), color-stop(65%, #0433ff));
  background-image: -webkit-linear-gradient(top, #7d96ff 1%, #0433ff 65%);
  background-image: -moz-linear-gradient(top, #7d96ff 1%, #0433ff 65%);
  background-image: -o-linear-gradient(top, #7d96ff 1%, #0433ff 65%);
  background-image: -ms-linear-gradient(top, #7d96ff 1%, #0433ff 65%);
  background-image: linear-gradient(top, #7d96ff 1%, #0433ff 65%);
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-box-shadow: #c3cefd 2px 3px 2px -2px inset, #c3cefd -2px 2px 2px -2px inset, 0px 1px 2px #171717;
  -moz-box-shadow: #c3cefd 2px 3px 2px -2px inset, #c3cefd -2px 2px 2px -2px inset, 0px 1px 2px #171717;
  box-shadow: #c3cefd 2px 3px 2px -2px inset, #c3cefd -2px 2px 2px -2px inset, 0px 1px 2px #171717;
  text-shadow: 0 -1px 0 #122da0;
}
/* line 1199, ../../app/assets/stylesheets/site/_buttons.scss */
.signUpButton.ab_test_a a.mousedown, .signUpButton.ab_test_b a.mousedown {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #0433ff), color-stop(65%, #3255ef));
  background: -webkit-linear-gradient(top, #0433ff 1%, #3255ef 65%);
  background: -moz-linear-gradient(top, #0433ff 1%, #3255ef 65%);
  background: -o-linear-gradient(top, #0433ff 1%, #3255ef 65%);
  background: -ms-linear-gradient(top, #0433ff 1%, #3255ef 65%);
  background: linear-gradient(top, #0433ff 1%, #3255ef 65%);
  -webkit-box-shadow: inset 0px 0px 3px 1px #021879;
  -moz-box-shadow: inset 0px 0px 3px 1px #021879;
  box-shadow: inset 0px 0px 3px 1px #021879;
}
/* line 1206, ../../app/assets/stylesheets/site/_buttons.scss */
.signUpButton:hover {
  -webkit-box-shadow: #1e39f6 0 0 0 3px;
  -moz-box-shadow: #1e39f6 0 0 0 3px;
  box-shadow: #1e39f6 0 0 0 3px;
}
/* line 1210, ../../app/assets/stylesheets/site/_buttons.scss */
.signUpButton.ab_test_a a {
  padding: 19px 46px 11px;
}
/* line 1211, ../../app/assets/stylesheets/site/_buttons.scss */
.signUpButton.ab_test_b a {
  padding: 19px 33px 11px;
}

/* line 1214, ../../app/assets/stylesheets/site/_buttons.scss */
.smallLoginButtonWrap {
  display: inline-block;
  vertical-align: top;
  margin-top: 1px;
  margin-left: 10px;
  position: relative;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 1221, ../../app/assets/stylesheets/site/_buttons.scss */
.smallLoginButtonWrap a.smallLoginButton {
  margin: 3px;
  font-family: HelveticaNeueCoub;
  vertical-align: top;
  display: inline-block;
  text-align: center;
  word-spacing: -3px;
  font-weight: bold;
  font-size: 21px;
  text-decoration: none;
  color: #000000;
  padding: 19px 27px 11px;
  background: #f0f0f0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4e4e4), color-stop(100%, #8b8b8b));
  background-image: -webkit-linear-gradient(#e4e4e4, #8b8b8b);
  background-image: -moz-linear-gradient(#e4e4e4, #8b8b8b);
  background-image: -o-linear-gradient(#e4e4e4, #8b8b8b);
  background-image: -ms-linear-gradient(#e4e4e4, #8b8b8b);
  background-image: linear-gradient(#e4e4e4, #8b8b8b);
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-box-shadow: white 2px 2px 2px -1px inset, 0px 1px 2px #171717;
  -moz-box-shadow: white 2px 2px 2px -1px inset, 0px 1px 2px #171717;
  box-shadow: white 2px 2px 2px -1px inset, 0px 1px 2px #171717;
  text-shadow: 0 1px 0 #e9e9e9;
}
/* line 1234, ../../app/assets/stylesheets/site/_buttons.scss */
.smallLoginButtonWrap a.smallLoginButton.mousedown {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b8b8b8), color-stop(100%, #cfcfcf));
  background-image: -webkit-linear-gradient(#b8b8b8, #cfcfcf);
  background-image: -moz-linear-gradient(#b8b8b8, #cfcfcf);
  background-image: -o-linear-gradient(#b8b8b8, #cfcfcf);
  background-image: -ms-linear-gradient(#b8b8b8, #cfcfcf);
  background-image: linear-gradient(#b8b8b8, #cfcfcf);
  -webkit-box-shadow: inset 2px 3px 6px rgba(0, 0, 0, 0.65), inset -2px 3px 6px rgba(0, 0, 0, 0.65);
  -moz-box-shadow: inset 2px 3px 6px rgba(0, 0, 0, 0.65), inset -2px 3px 6px rgba(0, 0, 0, 0.65);
  box-shadow: inset 2px 3px 6px rgba(0, 0, 0, 0.65), inset -2px 3px 6px rgba(0, 0, 0, 0.65);
}
/* line 1240, ../../app/assets/stylesheets/site/_buttons.scss */
.smallLoginButtonWrap:hover {
  -webkit-box-shadow: #1e39f6 0 0 0 3px;
  -moz-box-shadow: #1e39f6 0 0 0 3px;
  box-shadow: #1e39f6 0 0 0 3px;
}
/* line 1244, ../../app/assets/stylesheets/site/_buttons.scss */
.smallLoginButtonWrap.editor {
  display: inline-block !important;
}

/* line 1247, ../../app/assets/stylesheets/site/_buttons.scss */
button.viewSelector {
  -webkit-appearance: none;
  border: none;
  background: none;
  padding: 9px 13px 7px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  outline: none;
  margin: 0;
}
/* line 1256, ../../app/assets/stylesheets/site/_buttons.scss */
button.viewSelector.list .icon {
  display: inline-block;
  height: 10px;
  width: 10px;
  background-image: url(../../assets/sprites-safac73341f-02a243dee8f57e01abb54b147d11c88d.png);
  background-position: 0 -5167px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  /* line 185, ../../app/assets/stylesheets/base/mixins.scss */
  button.viewSelector.list .icon {
    background-image: url(../../assets/sprites-retina-se62daf8201-09a89502f6ff5549bd042ce9d0332dc6.png);
    background-position: 0 -4892.5px;
    -webkit-background-size: 81px auto;
    -moz-background-size: 81px auto;
    -o-background-size: 81px auto;
    background-size: 81px auto;
  }
}
/* line 1256, ../../app/assets/stylesheets/site/_buttons.scss */
button.viewSelector.mosaic .icon {
  display: inline-block;
  height: 10px;
  width: 10px;
  background-image: url(../../assets/sprites-safac73341f-02a243dee8f57e01abb54b147d11c88d.png);
  background-position: 0 -4046px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  /* line 185, ../../app/assets/stylesheets/base/mixins.scss */
  button.viewSelector.mosaic .icon {
    background-image: url(../../assets/sprites-retina-se62daf8201-09a89502f6ff5549bd042ce9d0332dc6.png);
    background-position: 0 -3849px;
    -webkit-background-size: 81px auto;
    -moz-background-size: 81px auto;
    -o-background-size: 81px auto;
    background-size: 81px auto;
  }
}

/* line 1265, ../../app/assets/stylesheets/site/_buttons.scss */
.viewSelector:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 0 0 3px #1e39f6;
  -moz-box-shadow: 0 0 0 3px #1e39f6;
  box-shadow: 0 0 0 3px #1e39f6;
}
/* line 1267, ../../app/assets/stylesheets/site/_buttons.scss */
.viewSelector.active {
  background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #f0f0f0), color-stop(100%, #fcfcfc));
  background-image: -webkit-linear-gradient(to bottom, #f0f0f0, #fcfcfc);
  background-image: -moz-linear-gradient(to bottom, #f0f0f0, #fcfcfc);
  background-image: -o-linear-gradient(to bottom, #f0f0f0, #fcfcfc);
  background-image: -ms-linear-gradient(to bottom, #f0f0f0, #fcfcfc);
  background-image: linear-gradient(to bottom, #f0f0f0, #fcfcfc);
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.33);
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.33);
  cursor: default;
}

/* line 1275, ../../app/assets/stylesheets/site/_buttons.scss */
.win.firefox .viewSelector {
  padding: 7px 11px 6px;
}
/* line 1277, ../../app/assets/stylesheets/site/_buttons.scss */
.win.firefox .viewSelector:hover {
  -webkit-box-shadow: inset 0 0 0 3px #1e39f6;
  -moz-box-shadow: inset 0 0 0 3px #1e39f6;
  box-shadow: inset 0 0 0 3px #1e39f6;
}
/* line 1280, ../../app/assets/stylesheets/site/_buttons.scss */
.win.firefox .viewSelector.active:hover {
  -webkit-box-shadow: inset 1px 1px 0.3em 0px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: inset 1px 1px 0.3em 0px rgba(0, 0, 0, 0.33);
  box-shadow: inset 1px 1px 0.3em 0px rgba(0, 0, 0, 0.33);
}

/* line 1287, ../../app/assets/stylesheets/site/_buttons.scss */
.transButton {
  background: rgba(0, 0, 0, 0.4);
  border: none;
}
/* line 1288, ../../app/assets/stylesheets/site/_buttons.scss */
.transButton, .transButton input {
  font-family: Helvetica, sans-serif;
  font-size: 12px;
  color: #ffffff;
  font-weight: lighter;
}
/* line 1297, ../../app/assets/stylesheets/site/_buttons.scss */
.transButton:hover {
  -webkit-box-shadow: 0 0 0 3px #1e39f6;
  -moz-box-shadow: 0 0 0 3px #1e39f6;
  box-shadow: 0 0 0 3px #1e39f6;
  cursor: pointer;
}
/* line 1302, ../../app/assets/stylesheets/site/_buttons.scss */
.transButton:hover.mousedown {
  -webkit-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.7), 0 0 0 3px #1e39f6;
  -moz-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.7), 0 0 0 3px #1e39f6;
  box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.7), 0 0 0 3px #1e39f6;
}

/* line 110, ../../app/assets/stylesheets/embed.css.scss */
.viewerBlock .coubShadow {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
/* line 113, ../../app/assets/stylesheets/embed.css.scss */
.viewerBlock .coubShadow .left, .viewerBlock .coubShadow .right, .viewerBlock .coubShadow .top, .viewerBlock .coubShadow .bottom {
  display: none;
}
/* line 116, ../../app/assets/stylesheets/embed.css.scss */
.viewerBlock .coubLink:hover {
  border: 3px solid #1e39f6;
}

/* line 122, ../../app/assets/stylesheets/embed.css.scss */
.noBlueFrame .coubLink:hover {
  border: 0;
}