@charset "utf-8";

/* CSS Document */



.lastcomments {

    transition: margin-top 0.3s ease;

}



.lastcomments:hover {

    margin-top: -6px;

}



 .lastcomments.bubble-1 {

      background-color: transparent;

      background-image: url(../../uploads/file_2039.png), url(../../uploads/file_2041.png), url(../../uploads/file_2040.png);

      background-repeat: no-repeat, no-repeat, repeat;

      background-position: left top, right top, top;

      float: left;

      padding: 5px;

      padding-top: 10px;

      padding-left: 10px;

      font-size: 13px;

      height: 25px;

      cursor: pointer;

  }

  

  .lastcomments.bubble-2 {

      background-color: transparent;

      background-image: url(../../uploads/file_2040.png);

      background-repeat: repeat;

      background-position: top;

      padding: 5px;

      padding-top: 10px;

      font-size: 13px;

      height: 25px;

      cursor: pointer;

      position: absolute;

      top: 30px;

      text-decoration: none;

      color: #000;

  }

  .lastcomments.bubble-2:before {

      content: "";

      background-color: transparent;

      background-image: url(../../uploads/file_2039.png);

      background-repeat: no-repeat;

      background-position: left top;

      position: absolute;

      left: -24px;

      top: 0px;

      width: 24px;

      height: 33px;

      cursor: pointer;

  }

  .lastcomments.bubble-2:after {

      content: "";

      background-color: transparent;

      background-image: url(../../uploads/file_2041.png);

      background-repeat: no-repeat;

      background-position: right top;

      width: 8px;

      height: 33px;

      cursor: pointer;

      position: absolute;

      right: -8px;

      top: 0;

  }



/* Staffbubbles */



  .lastcomments.bubble-3 {

      background-color: transparent;

      background-image: url(../../src/assets/bubble/bubble_mid_3.png);

      background-repeat: repeat;

      background-position: top;

      padding: 5px;

      padding-top: 7px;

	  padding-left: 12px;

      font-size: 13px;

      height: 17px;

      cursor: pointer;

      position: absolute;

      top: 30px;

      text-decoration: none;

      color: #000;

  }

  .lastcomments.bubble-3:before {

      content: "";

      background-color: transparent;

      background-image: url(../../src/assets/bubble/bubble_left_3.png);

      background-repeat: no-repeat;

      background-position: left top;

      position: absolute;

      left: -24px;

      top: 0px;

      width: 30px;

      height: 28px;

      cursor: pointer;

  }

  .lastcomments.bubble-3:after {

      content: "";

      background-color: transparent;

      background-image: url(../../src/assets/bubble/bubble_right_3.png);

      background-repeat: no-repeat;

      background-position: right top;

      width: 8px;

      height: 28px;

      cursor: pointer;

      position: absolute;

      right: -6px;

      top: 0;

  }



 .lastcomments.bubble-4 {

      background-color: transparent;

      background-image: url(../../src/assets/bubble/bubble_mid_3.png);

      background-repeat: repeat;

      background-position: top;

      padding: 5px;

      padding-top: 7px;

	  padding-left: 12px;

      font-size: 13px;

      height: 17px;

      cursor: pointer;

      position: absolute;

      top: 30px;

      text-decoration: none;

      color: #000;

  }

  .lastcomments.bubble-4:before {

      content: "";

      background-color: transparent;

      background-image: url(../../src/assets/bubble/bubble_left_4.png);

      background-repeat: no-repeat;

      background-position: left top;

      position: absolute;

      left: -24px;

      top: 0px;

      width: 30px;

      height: 28px;

      cursor: pointer;

  }

  .lastcomments.bubble-4:after {

      content: "";

      background-color: transparent;

      background-image: url(../../src/assets/bubble/bubble_right_3.png);

      background-repeat: no-repeat;

      background-position: right top;

      width: 8px;

      height: 28px;

      cursor: pointer;

      position: absolute;

      right: -6px;

      top: 0;

  }



/* Userbubbles */



.lastcomments.bubble-5 {

      background-color: transparent;

      background-image: url(../../src/assets/bubble/bubble_mid_5.png);

      background-repeat: repeat;

      background-position: top;

      padding: 5px;

      padding-top: 6px;

      padding-left: 12px;

      font-size: 13px;

      height: 17px;

      cursor: pointer;

      position: absolute;

      top: 30px;

      text-decoration: none;

      color: #000;

  }

  .lastcomments.bubble-5:before {

      content: "";

      background-color: transparent;

      background-image: url(../../src/assets/bubble/bubble_left_5.png);

      background-repeat: no-repeat;

      background-position: left top;

      position: absolute;

      left: -24px;

      top: 0px;

      width: 29px;

      height: 27px;

      cursor: pointer;

  }

  .lastcomments.bubble-5:after {

      content: "";

      background-color: transparent;

      background-image: url(../../src/assets/bubble/bubble_right_5.png);

      background-repeat: no-repeat;

      background-position: right top;

      width: 8px;

      height: 27px;

      cursor: pointer;

      position: absolute;

      right: -6px;

      top: 0;

  }



.lastcomments.bubble-6 {

      background-color: transparent;

      background-image: url(../../src/assets/bubble/bubble_mid_6.png);

      background-repeat: repeat;

      background-position: top;

      padding: 5px;

      padding-top: 13px;

      padding-left: 12px;

      font-size: 13px;

      height: 23px;

      cursor: pointer;

      position: absolute;

      top: 30px;

      text-decoration: none;

      color: #000;

  }

  .lastcomments.bubble-6:before {

      content: "";

      background-color: transparent;

      background-image: url(../../src/assets/bubble/bubble_left_6.png);

      background-repeat: no-repeat;

      background-position: left top;

      position: absolute;

      left: -24px;

      top: 0px;

      width: 29px;

      height: 34px;

      cursor: pointer;

  }

  .lastcomments.bubble-6:after {

      content: "";

      background-color: transparent;

      background-image: url(../../src/assets/bubble/bubble_right_6.png);

      background-repeat: no-repeat;

      background-position: right top;

      width: 15px;

      height: 34px;

      cursor: pointer;

      position: absolute;

      right: -15px;

      top: 0;

  }



.lastcomments.bubble-7 {

      background-color: transparent;

      background-image: url(../../src/assets/bubble/bubble_mid_7.png);

      background-repeat: repeat;

      background-position: top;

      padding: 5px;

      padding-top: 13px;

      padding-left: 16px;

      font-size: 13px;

      height: 23px;

      cursor: pointer;

      position: absolute;

      top: 30px;

      text-decoration: none;

      color: #FFF;

  }

  .lastcomments.bubble-7:before {

      content: "";

      background-color: transparent;

      background-image: url(../../src/assets/bubble/bubble_left_7.png);

      background-repeat: no-repeat;

      background-position: left top;

      position: absolute;

      left: -24px;

      top: 0px;

      width: 34px;

      height: 34px;

      cursor: pointer;

  }

  .lastcomments.bubble-7:after {

      content: "";

      background-color: transparent;

      background-image: url(../../src/assets/bubble/bubble_right_7.png);

      background-repeat: no-repeat;

      background-position: right top;

      width: 6px;

      height: 34px;

      cursor: pointer;

      position: absolute;

      right: -6px;

      top: 0;

  }



.lastcomments.bubble-8 {

      background-color: transparent;

      background-image: url(../../src/assets/bubble/bubble_mid_8.png);

      background-repeat: repeat;

      background-position: top;

      padding: 5px;

      padding-top: 8px;

      padding-left: 7px;

      font-size: 13px;

      height: 22px;

      cursor: pointer;

      position: absolute;

      top: 30px;

      text-decoration: none;

      color: #D14545;

  }

  .lastcomments.bubble-8:before {

      content: "";

      background-color: transparent;

      background-image: url(../../src/assets/bubble/bubble_left_8.png);

      background-repeat: no-repeat;

      background-position: left top;

      position: absolute;

      left: -24px;

      top: 0px;

      width: 31px;

      height: 34px;

      cursor: pointer;

  }

  .lastcomments.bubble-8:after {

      content: "";

      background-color: transparent;

      background-image: url(../../src/assets/bubble/bubble_right_8.png);

      background-repeat: no-repeat;

      background-position: right top;

      width: 18px;

      height: 29px;

      cursor: pointer;

      position: absolute;

      right: -18px;

      top: 0;

  }



.lastcomments.bubble-9 {

      background-color: transparent;

      background-image: url(../../src/assets/bubble/bubble_mid_3.png);

      background-repeat: repeat;

      background-position: top;

      padding: 5px;

      padding-top: 7px;

	  padding-left: 12px;

      font-size: 13px;

      height: 17px;

      cursor: pointer;

      position: absolute;

      top: 30px;

      text-decoration: none;

      color: #000;

  }

  .lastcomments.bubble-9:before {

      content: "";

      background-color: transparent;

      background-image: url(../../src/assets/bubble/bubble_left_9.png);

      background-repeat: no-repeat;

      background-position: left top;

      position: absolute;

      left: -24px;

      top: 4px;

      width: 29px;

      height: 24px;

      cursor: pointer;

  }

  .lastcomments.bubble-9:after {

      content: "";

      background-color: transparent;

      background-image: url(../../src/assets/bubble/bubble_right_3.png);

      background-repeat: no-repeat;

      background-position: right top;

      width: 8px;

      height: 28px;

      cursor: pointer;

      position: absolute;

      right: -6px;

      top: 0;

  }

    .lastcomments.bubble-10 {

      background-color: transparent;

      background-image: url(../../src/assets/bubble/bubble_mid_3.png);

      background-repeat: repeat;

      background-position: top;

      padding: 5px;

      padding-top: 7px;

	  padding-left: 12px;

      font-size: 13px;

      height: 17px;

      cursor: pointer;

      position: absolute;

      top: 30px;

      text-decoration: none;

      color: #000;

  }

  .lastcomments.bubble-10:before {

      content: "";

      background-color: transparent;

      background-image: url(../../src/assets/bubble/bubble_left_valley.png);

      background-repeat: no-repeat;

      background-position: left top;

      position: absolute;

      left: -24px;

      top: 0px;

      width: 30px;

      height: 28px;

      cursor: pointer;

  }

  .lastcomments.bubble-10:after {

      content: "";

      background-color: transparent;

      background-image: url(../../src/assets/bubble/bubble_right_valley.png);

      background-repeat: no-repeat;

      background-position: right top;

      width: 18px;

      height: 28px;

      cursor: pointer;

      position: absolute;
      
      right: -18px;

      top: 0;

  }

    .lastcomments.bubble-11 {

      background-color: transparent;

      background-image: url(../../src/assets/bubble/bubble_mid_sb.png);

      background-repeat: repeat;

      background-position: top;

      padding: 5px;

      padding-top: 3px;

	  padding-left: 12px;

      font-size: 13px;

      height: 16px;

      cursor: pointer;

      position: absolute;

      top: 30px;

      text-decoration: none;

      color: #bc59af;

  }

  .lastcomments.bubble-11:before {

      content: "";

      background-color: transparent;

      background-image: url(../../src/assets/bubble/bubble_left_sb.png);

      background-repeat: no-repeat;

      background-position: left top;

      position: absolute;

      left: -24px;

      top: 0px;

      width: 34px;

      height: 24px;

      cursor: pointer;

  }

  .lastcomments.bubble-11:after {

      content: "";

      background-color: transparent;

      background-image: url(../../src/assets/bubble/bubble_right_sb.png);

      background-repeat: no-repeat;

      background-position: right top;

      width: 16px;

      height: 24px;

      cursor: pointer;

      position: absolute;
      
      right: -16px;

      top: 0;

  }