/**
 * File: style.css
 */
/*
 * Variables
 */
/*
 * Mixins
 */
/*
 * Variables
 */
a,
abbr,
acronym,
address,
applet,
b,
big,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
u,
ul,
var {
  margin: 0px;
  padding: 0px;
  border: 0px;
  outline: 0px;
  font-size: 100%; }

body {
  font-family: Arial, Helvetica, Tahoma, sans-serif;
  font-size: 12px;
  color: #8c8c8c;
  overflow-y: scroll; }

a {
  color: #00547e; }

.orange,
a:hover {
  color: #ff6c00; }

.clear,
.clear-fix {
  display: block;
  clear: both;
  *zoom: 1; }

.clear-fix:after,
.clear-fix:before,
.clear:after,
.clear:before {
  display: table;
  content: ""; }

.filter-collection .col,
.item-list-breadcrums,
.item-list-entry {
  display: table; }

.clear-fix:after,
.clear:after {
  clear: both; }

.main {
  width: 1000px;
  padding: 10px 10px 10px 10px;
  margin: 0 auto;
  background: white; }

.headerMessage {
  color: white;
  background-color: red;
  text-align: center;
  width: 1000px;
  margin: 0 auto;
  padding: 5px 28px 5px 28px;
  font-size: 14px; }

ul.uadverts-breadcrum {
  margin-bottom: 10px; }

.uadverts-breadcrum li {
  font-size: 11px;
  float: left;
  line-height: 16px; }

.uadverts-breadcrum h3 {
  color: #d68741;
  margin-right: 20px; }

.icon {
  background-repeat: no-repeat;
  background-image: url('http://protmusis-apps.one.lt/app/assets/img/main-sprite.png');
  background-color: transparent;
  background-attachment: scroll;
  display: inline-block;
  width: 16px;
  height: 16px; }

.icon.right-arrow {
  background-position: -16px 0; }

.uadverts-item-list {
  padding: 10px 9px;
  border: 1px solid #cbc0b8;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-align: center; }

.uadverts-item-list .item {
  width: 130px;
  font-size: 11px;
  float: left;
  margin: 0 5px;
  text-align: left; }

.uadverts-item-list .item img {
  width: 130px;
  height: 96px; }

.uadverts-item-list .item a {
  text-decoration: none;
  word-wrap: break-word; }

.orangeButton2:hover,
.orangeButton:hover {
  color: white; }

.categoryTree {
  padding: 8px 13px; }

.content-left {
  float: left;
  width: 200px;
  margin-right: 20px; }

.content-main {
  float: left;
  width: 780px; }

.Upager span.dots {
  cursor: default; }

.Upager a,
.Upager span.dots {
  display: inline-block;
  padding: 5px 10px; }

.Upager a,
.Upager a.disabled:hover {
  border: 1px solid #cbc0b8;
  margin: 0 2px;
  font-size: 12px;
  color: #4a4a4a;
  text-decoration: none;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-image: linear-gradient(top, #fdfcfb 0%, #eee7e0 100%);
  background-image: -o-linear-gradient(top, #fdfcfb 0%, #eee7e0 100%);
  background-image: -moz-linear-gradient(top, #fdfcfb 0%, #eee7e0 100%);
  background-image: -webkit-linear-gradient(top, #fdfcfb 0%, #eee7e0 100%);
  background-image: -ms-linear-gradient(top, #fdfcfb 0%, #eee7e0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fdfcfb), color-stop(1, #eee7e0)); }

.Upager a.active,
.Upager a.active:hover {
  border-color: #8f7b6a;
  color: white;
  font-weight: bold;
  background-image: linear-gradient(top, #b29f8e 0%, #a28d7b 100%);
  background-image: -o-linear-gradient(top, #b29f8e 0%, #a28d7b 100%);
  background-image: -moz-linear-gradient(top, #b29f8e 0%, #a28d7b 100%);
  background-image: -webkit-linear-gradient(top, #b29f8e 0%, #a28d7b 100%);
  background-image: -ms-linear-gradient(top, #b29f8e 0%, #a28d7b 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b29f8e), color-stop(1, #a28d7b)); }

.Upager a:hover {
  color: #8f7b6a;
  background-image: linear-gradient(top, #eee7e1 0%, #e3dcd5 100%);
  background-image: -o-linear-gradient(top, #eee7e1 0%, #e3dcd5 100%);
  background-image: -moz-linear-gradient(top, #eee7e1 0%, #e3dcd5 100%);
  background-image: -webkit-linear-gradient(top, #eee7e1 0%, #e3dcd5 100%);
  background-image: -ms-linear-gradient(top, #eee7e1 0%, #e3dcd5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eee7e1), color-stop(1, #e3dcd5)); }

.Upager a.Upager-larr,
.Upager a.Upager-rarr {
  margin: 0 2px;
  width: 27px;
  height: 24px;
  padding: 0; }

.Upager-larr span,
.Upager-rarr span {
  display: inline-block;
  overflow: hidden;
  width: 5px;
  height: 9px;
  color: transparent;
  background-image: url('http://protmusis-apps.one.lt/app/assets/img/diamond.gif');
  margin-left: 11px; }

  .Upager .Upager-larr span,
  .Upager .Upager-rarr span {
    margin-top: 7px; }

.Upager .disabled {
  opacity: 0,5;
  cursor: default; }

.Upager-larr span {
  background-position: 0 50%; }

.Upager-rarr span {
  background-position: 100% 50%; }

.darker {
  color: #4a4a4a; }

.item-list-head {
  margin: 10px 0; }

.item-list-breadcrums {
  display: block;
  position: relative; }

.item-list-breadcrums .Upager-rarr {
  padding: 0 10px; }

.filter-collection {
  padding: 10px 0 0 10px; }

.item-list-breadcrums.filter-collection {
  padding: 10px; }

.filter-collection .col {
  float: left; }

.category-col {
  width: 181px;
  margin-right: 10px; }

.filter-collection .filter {
  margin-bottom: 10px; }

.uadverts-block.inCategory {
  margin-top: 10px; }

.uadverts-block.inCategory .uadverts-breadcrum li {
  width: 33%; }

.uadverts-block.inCategory .uadverts-item-list {
  border: none;
  border-radius: 0px; }

.uadverts-block.inCategory #slider li {
  width: 779px; }

.uadverts-block.inCategory #slider li .item {
  margin: 0 10px; }

/*
 * * Working style file
 */
.protmusis {
  width: 820px;
  margin: 15px; }
  .protmusis .tabs {
    height: 43px;
    margin-left: 10px;
    overflow: hidden; }
    .protmusis .tabs .title {
      float: right;
      width: 152px;
      height: 30px;
      margin: 5px 10px 0 0px;
      background: transparent url("http://protmusis-apps.one.lt/app/assets/img/protmusis/title.png") no-repeat; }
    .protmusis .tabs .tab {
      background-color: #b42725;
      background-image: linear-gradient(top, #e62f2d 0%, #b42725 100%);
      background-image: -o-linear-gradient(top, #e62f2d 0%, #b42725 100%);
      background-image: -moz-linear-gradient(top, #e62f2d 0%, #b42725 100%);
      background-image: -webkit-linear-gradient(top, #e62f2d 0%, #b42725 100%);
      background-image: -ms-linear-gradient(top, #e62f2d 0%, #b42725 100%);
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e62f2d), color-stop(1, #b42725)); }
      .protmusis .tabs .tab:hover {
        background: #fc6d00;
                /*
         * Old browsers
         */
        background: -moz-linear-gradient(top, #fc6d00 0%, #e03b00 100%);
                /*
         * FF3.6+
         */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fc6d00), color-stop(100%, #e03b00));
                /*
         * Chrome,Safari4+
         */
        background: -webkit-linear-gradient(top, #fc6d00 0%, #e03b00 100%);
                /*
         * Chrome10+,Safari5.1+
         */
        background: -o-linear-gradient(top, #fc6d00 0%, #e03b00 100%);
                /*
         * Opera 11.10+
         */
        background: -ms-linear-gradient(top, #fc6d00 0%, #e03b00 100%);
                /*
         * IE10+
         */
        background: linear-gradient(to bottom, #fc6d00 0%, #e03b00 100%);
                /*
         * W3C
         */ }
      .protmusis .tabs .tab a {
        text-decoration: none;
        color: white; }
    .protmusis .tabs .tab.active {
      background: #fc6d00;
            /*
       * Old browsers
       */
      background: -moz-linear-gradient(top, #fc6d00 0%, #e03b00 100%);
            /*
       * FF3.6+
       */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fc6d00), color-stop(100%, #e03b00));
            /*
       * Chrome,Safari4+
       */
      background: -webkit-linear-gradient(top, #fc6d00 0%, #e03b00 100%);
            /*
       * Chrome10+,Safari5.1+
       */
      background: -o-linear-gradient(top, #fc6d00 0%, #e03b00 100%);
            /*
       * Opera 11.10+
       */
      background: -ms-linear-gradient(top, #fc6d00 0%, #e03b00 100%);
            /*
       * IE10+
       */
      background: linear-gradient(to bottom, #fc6d00 0%, #e03b00 100%);
            /*
       * W3C
       */ }
  .protmusis .content {
    min-height: 889px;
    border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
        /*
     * Safari
     */
    border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
        /*
     * Safari
     */
    background: transparent url("http://protmusis-apps.one.lt/app/assets/img/protmusis/container.jpg") repeat-y;
        /*
     * * Common columns rules
     */
        /*
     * * Two column rules
     */ }
    .protmusis .content .three-columns,
    .protmusis .content .two-columns {
      display: table;
      padding: 7px 0 0 7px; }
      .protmusis .content .three-columns .header,
      .protmusis .content .two-columns .header {
        min-height: 30px; }
        .protmusis .content .three-columns .header .title,
        .protmusis .content .two-columns .header .title {
          min-height: 20px;
          margin: 0 0 0 2px;
          font-family: Arial;
          font-size: 16px;
          font-weight: bold;
          color: #b3bf72;
          word-spacing: 1px; }
        .protmusis .content .three-columns .header .line,
        .protmusis .content .two-columns .header .line {
          border-bottom: 1px dashed #695e5e; }
      .protmusis .content .three-columns .block,
      .protmusis .content .two-columns .block {
        width: 290px; }
        .protmusis .content .three-columns .block .item,
        .protmusis .content .two-columns .block .item {
          width: 290px;
          height: 53px;
          margin: 0 0 7px 0; }
          .protmusis .content .three-columns .block .item img,
          .protmusis .content .two-columns .block .item img {
            float: left;
            width: 52px;
            height: 52px; }
          .protmusis .content .three-columns .block .item .item-content,
          .protmusis .content .two-columns .block .item .item-content {
            float: left;
            padding-left: 10px;
            width: 225px;
            font-family: Arial;
            font-size: 14px;
            font-weight: bold;
            margin-top: -1px; }
            .protmusis .content .three-columns .block .item .item-content .position,
            .protmusis .content .two-columns .block .item .item-content .position {
              color: white;
              display: inline; }
            .protmusis .content .three-columns .block .item .item-content .user-details,
            .protmusis .content .two-columns .block .item .item-content .user-details {
              color: #999999;
              margin-top: 4px;
              word-spacing: -1px;
              font-weight: normal;
              display: inline; }
            .protmusis .content .three-columns .block .item .item-content .user-points,
            .protmusis .content .two-columns .block .item .item-content .user-points {
              font-size: 13px;
              margin: 3px 0 0 -2px; }
              .protmusis .content .three-columns .block .item .item-content .user-points .points,
              .protmusis .content .two-columns .block .item .item-content .user-points .points {
                color: #dd0000; }
              .protmusis .content .three-columns .block .item .item-content .user-points .label,
              .protmusis .content .two-columns .block .item .item-content .user-points .label {
                color: #999999; }
      .protmusis .content .two-columns .col1 {
        float: left;
        display: table-cell;
        width: 506px; }
        .protmusis .content .two-columns .col1 .your-time {
          margin-bottom: 5px; }
          .protmusis .content .two-columns .col1 .your-time .title {
            color: white; }
          .protmusis .content .two-columns .col1 .your-time .time {
            font-size: 24px;
            color: #dd0000;
            padding-left: 5px; }
        .protmusis .content .two-columns .col1 .main-question-box {
          height: 280px;
          position: relative; }
          .protmusis .content .two-columns .col1 .main-question-box img {
            width: 500px; }
        .protmusis .content .two-columns .col1 .main-question-box.questions-page {
          margin-top: 3px; }
        .protmusis .content .two-columns .col1 .question.title {
          margin: 4px 0 0 3px;
          min-height: 40px; }
        .protmusis .content .two-columns .col1 .time-till-start {
          text-align: center;
          display: table-cell;
          vertical-align: middle;
          height: inherit; }
        .protmusis .content .two-columns .col1 .timerPos {
          pointer-events: none;
          position: absolute;
          z-index: 3;
          height: inherit;
          top: 0;
          background: transparent url('/app/assets/img/protmusis/70black.png'); }
          .protmusis .content .two-columns .col1 .timerPos .cBtn {
            text-align: center;
            display: inline-block;
            margin: 10px auto; }
            .protmusis .content .two-columns .col1 .timerPos .cBtn .button {
              float: none;
              pointer-events: auto; }
          .protmusis .content .two-columns .col1 .timerPos .time-till-start {
            width: 500px; }
        .protmusis .content .two-columns .col1 .input-field {
          margin-top: -3px; }
          .protmusis .content .two-columns .col1 .input-field textarea {
            width: 490px;
            height: 115px;
            padding: 5px;
            border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            resize: none;
            overflow: hidden; }
        .protmusis .content .two-columns .col1 .registration-button {
          margin: 5px 0 0 2px;
          height: 38px;
          line-height: 40px; }
        .protmusis .content .two-columns .col1 .past-questions-box {
          display: inline-block;
          margin-top: 17px; }
          .protmusis .content .two-columns .col1 .past-questions-box .question.right {
            margin-left: 5px;
            clear: right;
            float: right; }
          .protmusis .content .two-columns .col1 .past-questions-box .question {
            clear: left;
            float: left;
            display: block;
            width: 250px;
            min-height: 170px;
            padding-bottom: 10px; }
            .protmusis .content .two-columns .col1 .past-questions-box .question .title {
              min-height: 15px;
              margin: 4px 0 0 1px; }
            .protmusis .content .two-columns .col1 .past-questions-box .question .container {
              height: 138px; }
              .protmusis .content .two-columns .col1 .past-questions-box .question .container img {
                width: 245px;
                height: 138px;
                border: none; }
              .protmusis .content .two-columns .col1 .past-questions-box .question .container.timerPosList a {
                position: relative; }
                .protmusis .content .two-columns .col1 .past-questions-box .question .container.timerPosList a img {
                  position: absolute;
                  top: 0;
                  z-index: 1; }
                .protmusis .content .two-columns .col1 .past-questions-box .question .container.timerPosList a .timerPosItem {
                  position: absolute;
                  z-index: 3;
                  height: 138px;
                  width: 245px;
                  top: 0;
                  background: transparent url('/app/assets/img/protmusis/70black.png');
                  display: table; }
                  .protmusis .content .two-columns .col1 .past-questions-box .question .container.timerPosList a .timerPosItem .timerPosTime {
                    text-align: center;
                    display: table-cell;
                    vertical-align: middle;
                    height: inherit;
                    font-size: 32px;
                    font-weight: bold;
                    color: #b3bf72; }
        .protmusis .content .two-columns .col1 .tops {
          font-family: Arial;
          font-size: 13px;
          font-weight: bold;
          margin: 32px 0 0 22px; }
          .protmusis .content .two-columns .col1 .tops .item {
            display: block;
            margin-bottom: 15px; }
            .protmusis .content .two-columns .col1 .tops .item .position {
              float: left;
              margin-top: 18px;
              color: white; }
            .protmusis .content .two-columns .col1 .tops .item img {
              float: left;
              margin-left: 9px; }
            .protmusis .content .two-columns .col1 .tops .item .item-content {
              float: left;
              display: block;
              margin: -3px 0 0 10px; }
              .protmusis .content .two-columns .col1 .tops .item .item-content .data {
                float: left;
                width: 285px; }
                .protmusis .content .two-columns .col1 .tops .item .item-content .data .user-details {
                  color: #999999; }
                .protmusis .content .two-columns .col1 .tops .item .item-content .data a.see-answer {
                  color: #838c54;
                  margin: 4px 0 -1px 0; }
                .protmusis .content .two-columns .col1 .tops .item .item-content .data .answer-container {
                  font-size: 11px;
                  color: #827e7e; }
              .protmusis .content .two-columns .col1 .tops .item .item-content .time {
                float: left;
                width: 105px;
                margin-left: 5px;
                text-align: right;
                font-size: 12px; }
                .protmusis .content .two-columns .col1 .tops .item .item-content .time .time-title {
                  color: white; }
                .protmusis .content .two-columns .col1 .tops .item .item-content .time .value {
                  color: #dd0000; }
        .protmusis .content .two-columns .col1 .answer-button {
          float: right;
          width: 200px;
          height: 40px;
          margin-top: 5px;
          line-height: 35px;
          margin-right: 3px; }
      .protmusis .content .two-columns .col2 {
        float: left;
        display: table-cell;
        width: 298px;
        margin: 0 0 0 9px; }
        .protmusis .content .two-columns .col2 .header {
          height: 25px; }
        .protmusis .content .two-columns .col2 .block {
          margin: 10px 0 32px 0; }
        .protmusis .content .two-columns .col2 .title {
          margin: 0 0 0 2px;
          font-family: Arial;
          font-size: 16px;
          font-weight: bold;
          color: #b3bf72;
          word-spacing: 1px;
          padding-bottom: 5px; }
          .protmusis .content .two-columns .col2 .next-questions-block .content-box {
            width: 245px;
            height: 138px;
            margin: 7px 0 7px -3px; }
            .protmusis .content .two-columns .col2 .next-questions-block .content-box img {
              width: 245px;
              height: 138px; }
      .protmusis .content .three-columns .col1 {
        float: left;
        display: table-cell;
        width: 242px;
        padding-right: 13px; }
      .protmusis .content .three-columns .col2 {
        float: left;
        display: table-cell;
        width: 242px;
        padding-right: 10px; }
      .protmusis .content .three-columns .col3 {
        float: left;
        display: table-cell;
        width: 294px; }
          .protmusis .content .three-columns .col3 .header .title {
            margin: 0 0 0 8px; }
          .protmusis .content .three-columns .col3 .last-week-questions-block .content-box {
            width: 245px;
            height: 138px;
            margin: 3px 0 4px 6px; }
          .protmusis .content .three-columns .col3 .last-week-questions-block .title {
            margin: 0 0 0 8px;
            padding: 0px 0 10px 0; }
      .protmusis .content .three-columns .block {
        margin: 6px 0 0 2px; }
  .protmusis .title {
    margin: 0 0 0 2px;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    color: #b3bf72;
    word-spacing: 1px;
    padding-bottom: 5px; }
  .protmusis .content-box {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 3px solid white;
    background-color: #666666; }
  .protmusis .button {
    display: block;
    float: left;
    width: 117px;
    height: 45px;
    line-height: 42px;
    text-align: center;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #ae211f;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    color: white;
    cursor: pointer;
    text-decoration: none;
    background-color: #b42725;
    background-image: linear-gradient(top, #e62f2d 0%, #b42725 100%);
    background-image: -o-linear-gradient(top, #e62f2d 0%, #b42725 100%);
    background-image: -moz-linear-gradient(top, #e62f2d 0%, #b42725 100%);
    background-image: -webkit-linear-gradient(top, #e62f2d 0%, #b42725 100%);
    background-image: -ms-linear-gradient(top, #e62f2d 0%, #b42725 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e62f2d), color-stop(1, #b42725)); }
    .protmusis .button:hover {
      background: #fc6d00;
            /*
       * Old browsers
       */
      background: -moz-linear-gradient(top, #fc6d00 0%, #e03b00 100%);
            /*
       * FF3.6+
       */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fc6d00), color-stop(100%, #e03b00));
            /*
       * Chrome,Safari4+
       */
      background: -webkit-linear-gradient(top, #fc6d00 0%, #e03b00 100%);
            /*
       * Chrome10+,Safari5.1+
       */
      background: -o-linear-gradient(top, #fc6d00 0%, #e03b00 100%);
            /*
       * Opera 11.10+
       */
      background: -ms-linear-gradient(top, #fc6d00 0%, #e03b00 100%);
            /*
       * IE10+
       */
      background: linear-gradient(to bottom, #fc6d00 0%, #e03b00 100%);
            /*
       * W3C
       */ }
  .protmusis a {
    display: block; }
  .protmusis .clear {
    clear: both; }
  .protmusis .pagingArc {
    list-style: none; }
    .protmusis .pagingArc a {
      display: inline;
      color: white;
      text-decoration: none; }
    .protmusis .pagingArc li {
      display: inline-block;
      float: left;
      padding: 2px 5px;
      border: 1px solid #666666;
      background: #b3bf72; }
    .protmusis .pagingArc li.current {
      background-color: #cccccc;
      color: #b3bf72; }
  .protmusis .line {
    border-bottom: 1px dashed #695e5e; }

.spaceIn {
  position: absolute;
  z-index: 4;
  left: 17%;
  margin: 5px auto;
  display: inline-block; }

.space-invader {
  background: transparent url('/app/assets/img/protmusis/x.png') no-repeat 50% 50%;
  overflow: hidden;
  width: 170px;
  height: 125px; }

.canClick {
  pointer-events: auto; }