@import url(http://fonts.googleapis.com/css?family=Roboto:500,900,700,400&subset=latin,latin-ext,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Exo+2:800,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Lobster&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,800,700,900&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Titillium+Web:900&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Patrick+Hand+SC&subset=latin,latin-ext);
html, body {
  height: 100%; }

html {
  overflow: hidden; }

#pageScrollContainer {
  overflow: auto;
  width: 100%;
  height: 100%; }

.loading-animation-1 {
  display: inline-block;
  border-left-color: transparent !important;
  border-radius: 50%; }

@-webkit-keyframes keyframes-loader-animation-1 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@keyframes keyframes-loader-animation-1 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
body {
  margin: 0; }

table {
  empty-cells: show; }

body, table {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  color: #333; }

#pageWrapper {
  background: #fff url(pagebg.png) left top repeat-x;
  background-attachment: scroll;
  position: relative; }

#page {
  margin: 0 auto;
  width: 980px;
  text-align: left; }

a {
  text-decoration: none;
  color: #047; }

a:hover {
  text-decoration: underline; }

a.gray {
  color: #333; }

a.grayblue {
  color: #333; }

a.grayblue:hover {
  color: #1B75A9;
  text-decoration: none; }

a.black {
  color: #000; }

a.black:hover {
  color: #1B75A9;
  text-decoration: none; }

img {
  border: 0; }

.darkColor {
  color: #111; }

.blackColor {
  color: #000; }

.panelBorder {
  border: 1px solid #cccccc; }

/* error display */
div.errorlist {
  line-height: 180%;
  font-weight: bold;
  color: #c00;
  text-align: left;
  border: 1px solid #ccc;
  background-color: #ffffcb;
  padding: 10px 10px;
  margin-bottom: 10px; }

div.errorlist ul {
  margin-top: 5px;
  margin-bottom: 0px;
  padding-left: 20px;
  font-weight: normal; }

div.noflash {
  background: url(swfobject/flash_128.jpg) left top no-repeat;
  padding-left: 170px; }

div.noflash p, div.noflash li {
  line-height: 1.5em;
  margin: 0 0 0.2em 0; }

div.noflash h2 {
  font-size: 20px;
  margin: 0.7em 0; }

div.noflash a {
  color: #047; }

div.noflash a.download {
  font-weight: bold;
  text-decoration: none;
  line-height: 20px;
  padding-left: 20px;
  background: url(flashplayer_icon.png) left top no-repeat; }

a.joinHeader {
  display: block;
  border: 0;
  width: 780px;
  height: 60px;
  margin-bottom: 20px; }

.paging2 {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-weight: normal; }

.paging2 a {
  margin-left: 3px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border: 1px solid #cecfd2;
  color: #858585;
  text-decoration: none; }

.paging2 .dotdotdot {
  margin-left: 3px; }

.paging2 a .inner {
  line-height: 19px;
  height: 19px;
  background: url(roomcomponent/pagingtab.png) center center;
  padding: 0 5px; }

.paging2 .selected {
  border: 1px solid #ff9d00;
  color: #FFF;
  font-weight: bold; }

.paging2 .selected .inner {
  background: url(roomcomponent/pagingtabsel.png) center center; }

.paging2 .first {
  margin-left: 0; }

.joinimage {
  background: url(join/girl2.jpg) no-repeat;
  width: 250px;
  height: 351px; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

/* For IE 6/7 only: Include this rule to trigger hasLayout and contain floats.*/
.clearfix {
  *zoom: 1; }

.twoColumnLayout .layoutSideBar {
  float: left;
  width: 270px; }

.twoColumnLayout .layoutContentWrapper {
  float: right;
  width: 690px; }

.twoColumnLayout .layoutContent {
  margin-bottom: 20px; }

.twoColumnLayout h1,
.twoColumnLayout h2 {
  height: 1em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 0 3px 0;
  color: #333;
  border-bottom: 1px solid #CCC;
  clear: both; }

.twoColumnLayout h2 {
  line-height: 1.2em;
  margin: 0 0 10px 0;
  font-size: 16px;
  font-weight: normal; }

.twoColumnLayout h2.noUnderline {
  border-bottom: 1px solid transparent;
  margin-bottom: 0; }

.twoColumnLayout h1 {
  text-transform: uppercase;
  line-height: 1.2em;
  border-bottom: none;
  margin: 0 0 2px 0;
  font-size: 16px;
  font-weight: normal; }

.twoColumnLayout h3 {
  padding: 6px 0 12px 0;
  margin: 0;
  font-size: 14px;
  padding-bottom: 10px; }

.twoColumnLayout .layoutSideBar .box {
  margin: 25px 0; }

.twoColumnLayout .layoutSideBar .box1 {
  margin-top: 0; }

.twoColumnLayout .menu {
  padding: 0;
  margin: 0; }

.twoColumnLayout .menu li {
  margin: 0;
  padding: 0;
  display: block; }

.twoColumnLayout .menu li.active {
  font-weight: bold; }

.twoColumnLayout .menu li a,
.twoColumnLayout .menu li span {
  color: #555;
  text-decoration: none;
  line-height: 22px;
  cursor: pointer;
  display: block; }

.twoColumnLayout .menu li:hover {
  background: #ddd; }

.twoColumnLayout .menu li.active a {
  color: #333; }

.twoColumnLayout .layoutContent .box {
  clear: both;
  line-height: 1.5em;
  border: 1px solid #CCC;
  margin-bottom: 15px;
  padding: 0 15px; }

.twoColumnLayout .layoutContent .box h3 {
  border-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  margin: 15px 0;
  padding: 0; }

.twoColumnLayout .layoutContent p {
  margin: 15px 0;
  line-height: 1.8em; }

/* Stars for rating */
.rating .star {
  width: 16px;
  height: 18px;
  margin-left: 3px;
  background: url("mypage/star0.png");
  float: left; }

.rating .star.full {
  background: url("mypage/star1.png"); }

.rating .star.half {
  background: url("mypage/star0_5.png"); }

#creditContainer {
  display: none;
  line-height: 1.8em; }

#creditContainer .close {
  color: #047;
  float: right;
  cursor: pointer; }

#creditContainer .iframe,
#creditContainer .ajax {
  display: none; }

#creditContainer .iframe {
  width: 100%;
  height: auto;
  border: none; }

#creditContainer .title {
  float: left; }

#creditContainer .title2 {
  margin-bottom: 10px; }

#creditContainer .main {
  margin: 30px 0;
  width: 100%; }

#creditContainer .main_cgmessage {
  font-size: 10px; }

#creditContainer .main_cgmessage a {
  font-size: 10px; }

.layoutContent .miniText {
  display: none;
  float: right;
  width: 480px;
  height: 152px; }

s.diagonal {
  position: relative;
  text-decoration: none;
  color: #444; }
  s.diagonal.bright {
    color: #ddd; }

.ltie9 s.diagonal {
  text-decoration: line-through; }

:not(.ltie9) s.diagonal::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgcHJlc2VydmVBc3BlY3RSYXRpbz0nbm9uZSc+PGxpbmUgeDE9JzAnIHgyPScxMDAlJyB5MT0nMTAwJScgeTI9JzAnIHN0eWxlPSdzdHJva2U6ICNjMDA7IHN0cm9rZS13aWR0aDoyOyBzdHJva2Utb3BhY2l0eTogMC43NScgLz48L3N2Zz4K) center center no-repeat;
  background-size: 100% 100%; }
:not(.ltie9) s.diagonal.bright::before {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgcHJlc2VydmVBc3BlY3RSYXRpbz0nbm9uZSc+PGxpbmUgeDE9JzAnIHgyPScxMDAlJyB5MT0nMTAwJScgeTI9JzAnIHN0eWxlPSdzdHJva2U6ICNjMDA7IHN0cm9rZS13aWR0aDoyOyBzdHJva2Utb3BhY2l0eTogMC43NScgLz48L3N2Zz4K) center center no-repeat; }

.custom-select {
  display: block;
  position: relative; }
  .custom-select .current {
    padding-right: 18px;
    height: 100%; }
  .custom-select .current, .custom-select .list .option {
    padding: 0 5px;
    cursor: default; }
  .custom-select .list .option {
    cursor: pointer; }
  .custom-select .list {
    position: absolute;
    z-index: 200;
    top: 100%;
    left: -1px;
    right: -1px;
    border: inherit;
    background: inherit;
    max-height: 300px; }
  .custom-select .arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 18px;
    background: url(/design/default/quickbuy/arrow.png) no-repeat; }

* + html input {
  margin-top: -1px;
  margin-bottom: -1px; }

#headerWrapper {
  padding: 20px 0 20px 0; }

#header {
  width: 100%; }
  #header a:hover {
    text-decoration: none; }
  #header .header-top {
    position: relative;
    height: 64px; }
  #header .logo, #header .custom-logo {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0; }
  #header .logo img {
    position: relative;
    top: -3px; }
  #header div.banner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center; }
  #header div.userMenu {
    position: absolute;
    top: 0;
    right: 0; }
  #header .search {
    width: 182px; }
  #header div.userMenu {
    float: right;
    width: 270px;
    height: 34px;
    padding-bottom: 20px; }
    #header div.userMenu ul.userMenu, #header div.userMenu div.userData {
      float: right;
      margin: 0;
      padding: 0; }
    #header div.userMenu div.userData {
      line-height: 17px;
      margin-right: 5px; }
    #header div.userMenu li.icon {
      display: block;
      position: relative;
      z-index: 99;
      cursor: pointer;
      float: right;
      width: 34px;
      height: 34px;
      margin-left: 5px; }
      #header div.userMenu li.icon .icon {
        display: block;
        border-radius: 3px;
        width: 32px;
        height: 32px; }
        #header div.userMenu li.icon .icon i {
          display: block;
          width: 24px;
          height: 24px;
          margin: 4px;
          background: url(header/sprite.png); }
      #header div.userMenu li.icon.settings .icon {
        background-color: #4c8efb;
        border: 1px solid #327bed; }
        #header div.userMenu li.icon.settings .icon i {
          background-position: -48px 0; }
      #header div.userMenu li.icon.search .icon {
        background-color: #facb4d;
        background-image: -webkit-linear-gradient(90deg, #f9c73d, #facf5c);
        background-image: -moz-linear-gradient(90deg, #f9c73d, #facf5c);
        background-image: -ms-linear-gradient(90deg, #f9c73d, #facf5c);
        background-image: linear-gradient(90deg, #f9c73d, #facf5c);
        border: 1px solid #f9c12d; }
        #header div.userMenu li.icon.search .icon i {
          background-position: 0 0; }
      #header div.userMenu li.icon.credit .icon {
        background-color: #079e5b;
        border: 1px solid #088e52; }
        #header div.userMenu li.icon.credit .icon i {
          background-position: -24px 0; }
      #header div.userMenu li.icon.favourites .icon {
        background-color: #f46240;
        border: 1px solid #c95232; }
        #header div.userMenu li.icon.favourites .icon i {
          background-position: -24px 0; }
        #header div.userMenu li.icon.favourites .icon i {
          background-position: -72px 0; }
    #header div.userMenu li.favourites .popupMenu ul {
      overflow: auto;
      overflow-y: auto;
      overflow-x: hidden;
      max-height: 260px;
      min-width: 200px; }
      #header div.userMenu li.favourites .popupMenu ul li {
        height: 50px;
        margin: 1px 0;
        background-color: #fff;
        white-space: nowrap; }
        #header div.userMenu li.favourites .popupMenu ul li a {
          width: auto;
          position: relative;
          padding: 0 30px 0 66px;
          margin: 0;
          display: block;
          border: none;
          background-position: 6px 1px;
          background-repeat: no-repeat;
          z-index: 100; }
          #header div.userMenu li.favourites .popupMenu ul li a:hover {
            border: none; }
            #header div.userMenu li.favourites .popupMenu ul li a:hover .status.online {
              background-position: -35px -24px; }
        #header div.userMenu li.favourites .popupMenu ul li .name {
          line-height: 50px; }
        #header div.userMenu li.favourites .popupMenu ul li .status {
          position: absolute;
          top: 20px;
          right: 10px;
          width: 10px;
          height: 10px; }
          #header div.userMenu li.favourites .popupMenu ul li .status.online {
            background-image: url(header/sprite.png);
            background-position: -45px -24px; }
          #header div.userMenu li.favourites .popupMenu ul li .status.offline {
            display: none; }
  #header #searchPopup {
    position: absolute;
    display: none;
    top: 0;
    right: 100%; }
    #header #searchPopup .arrow {
      display: block;
      width: 9px;
      height: 13px;
      background: url(header/sprite.png?v2) 0 -24px;
      position: absolute;
      top: 11px;
      right: 2px; }
  #header #searchField {
    border: 1px solid #be974b;
    box-shadow: 0 0 1px 1px #f1ca7f;
    border-radius: 1px;
    height: 12px;
    line-height: 12px;
    width: 180px;
    margin: 0 10px 0 0;
    padding: 10px;
    font-size: 12px; }
    #header #searchField:focus {
      outline: none; }
  #header .mainMenu {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
    float: right; }
    #header .mainMenu li {
      vertical-align: top;
      display: inline-block;
      *display: inline;
      *zoom: 1;
      margin-left: 2px;
      width: 125px;
      text-align: center;
      background-image: url(header/menu-normal.png);
      overflow: hidden;
      height: 25px; }
      #header .mainMenu li:hover {
        background-image: url(header/menu-selected.png); }
      #header .mainMenu li a {
        color: #FFF;
        display: block;
        height: 25px;
        line-height: 25px; }

#header div.search {
  background: url(header/searchbox.png) top left no-repeat;
  position: relative; }
  #header div.search form {
    margin: 0; }

#autocompletecontainer {
  position: absolute;
  left: 18px;
  width: 164px;
  top: 2px; }

#header .search .searchbox {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  color: #000;
  border: none;
  background: transparent;
  width: 148px;
  height: 16px;
  padding-left: 15px; }

#header .search .searchbutton {
  position: absolute;
  right: 0;
  top: 25px; }

#header .bottomRow {
  clear: both;
  height: 24px;
  border-bottom: 1px solid #CCC; }

input.headerSearchBox {
  font-size: 12px;
  color: #000000;
  border: none;
  background-color: transparent; }

a.headerMenu {
  font-size: 12px;
  color: #ffffff;
  text-decoration: none;
  display: block; }

.ac_results {
  font-family: arial;
  font-size: 12px;
  color: #333;
  padding: 0px;
  border: 1px solid black;
  background-color: white;
  overflow: hidden;
  z-index: 99; }

.ac_results ul {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0; }

.ac_results li {
  margin: 0;
  padding: 0;
  cursor: default;
  display: block;
  font-family: Arial;
  font-size: 12px;
  padding-left: 55px;
  margin-bottom: 1px;
  height: 50px;
  line-height: 50px;
  /*
  if width will be 100% horizontal scrollbar will apear
  when scroll mode will be used
  */
  /*width: 100%;*/
  /*
  it is very important, if line-height not setted or setted
  in relative units scroll will be broken in firefox
  */
  overflow: hidden; }

.ac_loading {
  background: white url("indicator.gif") right center no-repeat; }

.ac_over {
  background-color: #dddddd; }

#header .langSelector {
  position: relative;
  z-index: 99;
  float: left;
  white-space: nowrap; }
  #header .langSelector ul.flags {
    list-style: none;
    margin: 0;
    padding: 0; }
  #header .langSelector ul.flags, #header .langSelector ul.flags li, #header .langSelector .more {
    float: left;
    height: 24px; }
  #header .langSelector .icon {
    float: left;
    width: 14px;
    height: 11px;
    margin: 6px 3px 7px 0; }
  #header .langSelector .more, #header .langSelector .more .downarrow {
    width: 16px;
    height: 24px;
    margin: 0;
    background: url("filter/arrow.png") left 2px;
    cursor: pointer; }
  #header .langSelector .arrow {
    display: none; }
  #header .langSelector .more .popupMenu {
    left: 0;
    right: auto; }
  #header .langSelector .more ul {
    margin-top: 0;
    border-radius: 0; }
    #header .langSelector .more ul li a {
      background-repeat: no-repeat;
      background-position: 10px center; }

.popupMenu {
  background: white;
  background: rgba(255, 255, 255, 0);
  z-index: 999;
  position: absolute;
  display: none;
  right: -10px;
  top: 100%; }
  .popupMenu s {
    display: inline-block;
    margin: 0 0.5em; }
  .popupMenu ul {
    list-style: none;
    margin: 0;
    margin-top: 9px;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    background: #FFF;
    border-radius: 5px;
    padding: 5px 0; }
  .popupMenu .arrow {
    content: "";
    display: block;
    width: 24px;
    height: 13px;
    background: url(header/sprite.png) -10px -24px;
    position: absolute;
    top: -2px;
    right: 16px;
    z-index: 1000; }
  .popupMenu.alignLeft {
    left: -10px; }
    .popupMenu.alignLeft .arrow {
      left: 16px; }
  .popupMenu li a, .popupMenu li.group {
    display: block;
    padding: 3px 30px;
    color: #333;
    white-space: nowrap;
    line-height: 1.5em; }
  .popupMenu li a:hover {
    padding-top: 2px;
    padding-bottom: 2px;
    background: #4889f1;
    color: #FFF;
    border-top: 1px solid #1a69ee;
    border-bottom: 1px solid #1a69ee; }
  .popupMenu li.dividerBottom {
    margin-bottom: 5.5px;
    padding-bottom: 5.5px;
    border-bottom: 1px solid #ddd; }
  .popupMenu li.dividerTop {
    margin-top: 5.5px;
    padding-top: 5.5px;
    border-top: 1px solid #ddd; }
  .popupMenu li.group {
    margin-top: 5px;
    padding-top: 5px;
    font-weight: bold; }
    .popupMenu li.group:hover {
      background: transparent; }
  .popupMenu.visible {
    display: block; }

.panel-scroller {
  width: 100%;
  overflow: hidden; }
  .panel-scroller .panels {
    width: 100%;
    overflow: hidden;
    position: relative; }
  .panel-scroller .panels-inner {
    width: 99999px; }
  .panel-scroller .panel {
    float: left;
    display: inline; }
  .panel-scroller .dots {
    text-align: right;
    margin-top: 5px; }
    .panel-scroller .dots .dot {
      display: inline-block;
      width: 10px;
      height: 10px;
      background: #e0e1e3;
      margin-right: 5px;
      border-radius: 100%;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
      -webkit-transition: all linear 0.5s;
      cursor: pointer; }
    .panel-scroller .dots .dot.selected {
      background: #3aabe4; }

.videopromo .panels {
  height: 190px; }
.videopromo .dots {
  margin-bottom: 20px; }

.scrollPanel {
  visibility: hidden;
  height: 0;
  -webkit-transition: visibility 0s linear 0.5s, height 0.5s ease-out, margin-bottom 0.5s linear;
  -moz-transition: visibility 0s linear 0.5s, height 0.5s ease-out, margin-bottom 0.5s linear;
  -ms-transition: visibility 0s linear 0.5s, height 0.5s ease-out, margin-bottom 0.5s linear;
  transition: visibility 0s linear 0.5s, height 0.5s ease-out, margin-bottom 0.5s linear;
  width: 100%;
  margin-bottom: 0;
  position: relative; }
  .scrollPanel.noTransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important; }
  .scrollPanel.visible {
    visibility: visible;
    height: 298px;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
    margin-bottom: 30px; }
  .scrollPanel .scrollNext, .scrollPanel .scrollPrevious {
    cursor: pointer;
    background: #202020;
    width: 22px;
    height: 41px;
    margin-top: -20.5px;
    position: absolute;
    top: 50%; }
    .scrollPanel .scrollNext i, .scrollPanel .scrollPrevious i {
      display: inline-block;
      width: 13px;
      height: 13px;
      margin: 14px 4.5px;
      background-image: url(scrollpanel/sprite.png);
      background-repeat: none; }
  .scrollPanel .scrollPrevious {
    left: -22px;
    border-radius: 41px 0 0 41px;
    border-right: 1px solid #343434; }
    .scrollPanel .scrollPrevious i {
      background-position: 0 0; }
  .scrollPanel .scrollNext {
    right: -22px;
    border-radius: 0 41px 41px 0;
    border-left: 1px solid #343434; }
    .scrollPanel .scrollNext i {
      background-position: -13px 0; }
  .scrollPanel .scrollClose_old {
    position: absolute;
    top: 0;
    right: 0;
    width: 13px;
    overflow: visible;
    padding: 3px;
    text-align: center;
    font-family: Arial;
    font-size: 8pt;
    text-decoration: none;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
    background-color: transparent;
    color: #525252; }
    .scrollPanel .scrollClose_old:hover {
      background-color: #525252;
      color: #f8f8f8; }
  .scrollPanel .scrollClose {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 14px;
    height: 14px; }
    .scrollPanel .scrollClose i {
      display: block;
      width: 14px;
      height: 14px;
      background: url("scrollpanel/sprite.png?v=2") -30px 0 no-repeat; }
    .scrollPanel .scrollClose:hover i {
      background-position: -44px 0; }
  .scrollPanel .scrollWrapper {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden; }
    .scrollPanel .scrollWrapper .scrollContainer {
      width: 99999px;
      white-space: nowrap; }
      .scrollPanel .scrollWrapper .scrollContainer .panel {
        white-space: normal;
        float: left;
        display: inline; }
        .scrollPanel .scrollWrapper .scrollContainer .panel .inner {
          border: 1px solid #DDD;
          width: 978px;
          height: 296px;
          background: #F4F4F4; }
  .scrollPanel:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: 20px;
    border-radius: 50% / 20px;
    box-shadow: rgba(0, 0, 0, 0.3) 0 5px 10px;
    clip: rect(20px, auto, 50px, 0); }
  .scrollPanel .scrollPages {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 5px; }
    .scrollPanel .scrollPages .dot {
      display: inline-block;
      width: 10px;
      height: 10px;
      background: #e0e1e3;
      margin-right: 5px;
      border-radius: 100%;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
      -webkit-transition: all linear 0.5s;
      cursor: pointer; }
    .scrollPanel .scrollPages .dot.selected {
      background: #3aabe4; }

.scrollPanel .scrollContainer .panel.login {
  border: 1px solid #aaa;
  width: 978px;
  height: 296px;
  overflow: hidden;
  position: relative;
  background-image: url(scrollpanel/login_bg.jpg);
  color: #fff;
  /*
  Position and hide the real checkboxes and radio buttons.
  The inputs are made transparent instead of completely hidden to preserve
  clickability in browsers that don't have clickable labels, like Safari for
  iOS 5 and older.
  */
  /*
  Insert a pseudo element inside each label and give it a background
  image that will become the custom checkbox or radio button.
  Using inline-block lets you use vertical-align to adjust it vertically
  as needed.
  */
  /*
  Position the background image differently depending on the state of each
  checkbox and radio button.
  */ }
  .scrollPanel .scrollContainer .panel.login .loginWrapper {
    width: 1319px;
    height: 100%;
    position: absolute;
    left: 0;
    -webkit-transition: all linear 0.5s;
    -moz-transition: all linear 0.5s;
    transition: all linear 0.5s; }
    .scrollPanel .scrollContainer .panel.login .loginWrapper.shifted {
      left: -340px; }
      .scrollPanel .scrollContainer .panel.login .loginWrapper.shifted .big {
        background-position: -20px -316px; }
      .scrollPanel .scrollContainer .panel.login .loginWrapper.shifted .small.join {
        background-position: 320px -316px; }
      .scrollPanel .scrollContainer .panel.login .loginWrapper.shifted .small.login {
        background-position: -638px -316px; }
  .scrollPanel .scrollContainer .panel.login a {
    color: #FA0; }
  .scrollPanel .scrollContainer .panel.login .inner {
    padding: 10px; }
  .scrollPanel .scrollContainer .panel.login .small, .scrollPanel .scrollContainer .panel.login .big {
    -webkit-transition: background-position linear 0.5s;
    -moz-transition: background-position linear 0.5s;
    transition: background-position linear 0.5s;
    background-image: url(scrollpanel/login_bg.jpg);
    position: absolute;
    top: 20px; }
  .scrollPanel .scrollContainer .panel.login .small {
    position: absolute;
    width: 280px;
    height: 216px;
    padding: 20px; }
    .scrollPanel .scrollContainer .panel.login .small a {
      color: #e5b353; }
    .scrollPanel .scrollContainer .panel.login .small.join {
      left: 20px;
      background-position: -20px -316px; }
    .scrollPanel .scrollContainer .panel.login .small.login {
      background-position: -978px -316px;
      right: 20px; }
  .scrollPanel .scrollContainer .panel.login .big {
    width: 558px;
    height: 216px;
    padding: 20px;
    left: 360px;
    background-position: -360px -316px; }
    .scrollPanel .scrollContainer .panel.login .big .join, .scrollPanel .scrollContainer .panel.login .big .login, .scrollPanel .scrollContainer .panel.login .big .popup, .scrollPanel .scrollContainer .panel.login .big .reminder {
      position: absolute;
      top: 20px;
      left: 20px;
      right: 20px;
      bottom: 20px;
      font-size: 14px;
      line-height: 1.5em;
      color: #e5e5e5; }
    .scrollPanel .scrollContainer .panel.login .big.popup, .scrollPanel .scrollContainer .panel.login .big.reminder {
      display: none; }
      .scrollPanel .scrollContainer .panel.login .big.popup .button, .scrollPanel .scrollContainer .panel.login .big.reminder .button {
        position: absolute;
        bottom: 0;
        right: 0; }
    .scrollPanel .scrollContainer .panel.login .big .join .arrow {
      right: 0;
      padding-right: 36px; }
    .scrollPanel .scrollContainer .panel.login .big .join .arrow i {
      right: 0;
      background-position: -200px 0; }
    .scrollPanel .scrollContainer .panel.login .big .login {
      display: none; }
      .scrollPanel .scrollContainer .panel.login .big .login .arrow {
        left: 0;
        padding-left: 36px; }
      .scrollPanel .scrollContainer .panel.login .big .login .arrow i {
        left: 0;
        background-position: -170px 0; }
    .scrollPanel .scrollContainer .panel.login .big .arrow {
      display: block;
      bottom: 0;
      line-height: 26px;
      position: absolute;
      font-size: 16px; }
    .scrollPanel .scrollContainer .panel.login .big .arrow i {
      background-image: url(scrollpanel/loginicons.png);
      display: block;
      height: 26px;
      width: 26px;
      position: absolute;
      top: 0; }
    .scrollPanel .scrollContainer .panel.login .big ul {
      padding: 0;
      list-style: none;
      list-style-position: inside; }
    .scrollPanel .scrollContainer .panel.login .big ul li:before {
      content: "-";
      position: relative;
      left: -0.5em; }
    .scrollPanel .scrollContainer .panel.login .big ul li, .scrollPanel .scrollContainer .panel.login .big p, .scrollPanel .scrollContainer .panel.login .big form {
      margin: 0.5em 0;
      padding: 0 0 0 25px; }
    .scrollPanel .scrollContainer .panel.login .big h3 {
      margin: 0 0 0.7em 0;
      padding: 0;
      font-size: 30px;
      line-height: 30px;
      font-weight: normal;
      opacity: 1; }
    .scrollPanel .scrollContainer .panel.login .big h3, .scrollPanel .scrollContainer .panel.login .big a {
      color: #FA0; }
    .scrollPanel .scrollContainer .panel.login .big:hover a, .scrollPanel .scrollContainer .panel.login .big:hover span {
      opacity: 1; }
    .scrollPanel .scrollContainer .panel.login .big a:hover {
      text-decoration: none; }
  .scrollPanel .scrollContainer .panel.login .reminder .field {
    margin-top: 2em; }
    .scrollPanel .scrollContainer .panel.login .reminder .field label, .scrollPanel .scrollContainer .panel.login .reminder .field input {
      float: none;
      display: inline-block;
      vertical-align: top; }
    .scrollPanel .scrollContainer .panel.login .reminder .field label {
      margin-top: 1px;
      width: auto;
      margin-right: 1em; }
    .scrollPanel .scrollContainer .panel.login .reminder .field input {
      width: 200px; }
  .scrollPanel .scrollContainer .panel.login .rememberme input {
    margin: 0;
    vertical-align: middle; }
  .scrollPanel .scrollContainer .panel.login .rememberme {
    margin-top: 5px;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 10px; }
  .scrollPanel .scrollContainer .panel.login .field {
    margin-bottom: 10px; }
    .scrollPanel .scrollContainer .panel.login .field label, .scrollPanel .scrollContainer .panel.login .field a {
      width: 110px;
      height: 25px;
      line-height: 27px;
      display: block;
      float: left;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .scrollPanel .scrollContainer .panel.login .field a {
      white-space: normal;
      overflow: visible;
      height: auto;
      line-height: 1.2em; }
    .scrollPanel .scrollContainer .panel.login .field.captcha a {
      font-size: 10px; }
    .scrollPanel .scrollContainer .panel.login .field.submit {
      margin-top: 17px; }
    .scrollPanel .scrollContainer .panel.login .field input {
      border: 1px solid #999;
      padding: 0;
      margin: 0;
      height: 25px; }
    .scrollPanel .scrollContainer .panel.login .field.captcha {
      display: none; }
    .scrollPanel .scrollContainer .panel.login .field.captcha input {
      background-position: left top;
      background-repeat: no-repeat; }
  .scrollPanel .scrollContainer .panel.login .field, .scrollPanel .scrollContainer .panel.login .rightField {
    position: relative; }
  .scrollPanel .scrollContainer .panel.login .rightField, .scrollPanel .scrollContainer .panel.login .field input {
    width: 163px;
    float: right; }
  .scrollPanel .scrollContainer .panel.login .rightField {
    width: 165px; }
  .scrollPanel .scrollContainer .panel.login .field .submit {
    width: 165px; }
  .scrollPanel .scrollContainer .panel.login .disclaimer, .scrollPanel .scrollContainer .panel.login .forgetpass {
    font-size: 10px;
    text-align: left; }
  .scrollPanel .scrollContainer .panel.login .disclaimer {
    position: absolute;
    bottom: 15px;
    left: 20px;
    right: 20px; }
  .scrollPanel .scrollContainer .panel.login .forgetpass {
    margin-left: 115px; }
  .scrollPanel .scrollContainer .panel.login .forgetpass a {
    color: #e5e5e5; }
  .scrollPanel .scrollContainer .panel.login .disclaimer span.star {
    color: #FA0; }
  .scrollPanel .scrollContainer .panel.login img.captcha {
    float: right;
    border: 1px solid #AAA; }
  .scrollPanel .scrollContainer .panel.login input.button {
    background: #f80;
    border: none;
    width: 165px;
    height: 26px;
    line-height: 28px;
    margin: 0;
    padding: 0;
    font: bold 12px Arial;
    color: #fff;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
    text-transform: uppercase;
    background: url(scrollpanel/loginicons.png) left top no-repeat;
    cursor: pointer; }
  .scrollPanel .scrollContainer .panel.login .checkbox,
  .scrollPanel .scrollContainer .panel.login .radio {
    /* Enable absolute positioning of the hidden form controls */
    position: relative;
    /* Just a bit of space. */
    margin-bottom: 0.5em;
    /*
    Match line-height to the height of the replacement image to ensure it
    doesn't get clipped
    */
    line-height: 22px; }
  .scrollPanel .scrollContainer .panel.login fieldset :last-child {
    margin-bottom: 0; }
  .scrollPanel .scrollContainer .panel.login input[type="checkbox"],
  .scrollPanel .scrollContainer .panel.login input[type="radio"] {
    position: absolute;
    /* Match the image dimensions */
    width: 22px;
    height: 22px;
    /* Reset anything that could peek out or interfere with dimensions */
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    opacity: 0; }
  .scrollPanel .scrollContainer .panel.login input[type="checkbox"] + label:before,
  .scrollPanel .scrollContainer .panel.login input[type="radio"] + label:before {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 4px;
    background: url(scrollpanel/loginicons.png) no-repeat;
    content: " ";
    vertical-align: top; }
  .scrollPanel .scrollContainer .panel.login input[type="checkbox"] + label:before {
    background-position: -230px 0; }
  .scrollPanel .scrollContainer .panel.login input[type="checkbox"]:focus + label:before {
    background-position: -230px 0;
    outline: 1px solid #fa0;
    outline-offset: -1px; }
  .scrollPanel .scrollContainer .panel.login input[type="checkbox"]:checked + label:before {
    background-position: -250px 0; }
  .scrollPanel .scrollContainer .panel.login input[type="checkbox"]:checked:focus + label:before {
    background-position: -250px 0;
    outline: 1px solid #fa0;
    outline-offset: -1px; }
  .scrollPanel .scrollContainer .panel.login input:focus {
    outline: none; }

.scrollPanel .scrollWrapper .scrollContainer .panel.goldshow {
  position: relative;
  line-height: 1.6em;
  font-size: 15px; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .inner {
    background: #fff;
    background-image: -webkit-linear-gradient(5deg, #fff, #f6f6f6);
    background-image: -moz-linear-gradient(5deg, #fff, #f6f6f6);
    background-image: -ms-linear-gradient(5deg, #fff, #f6f6f6);
    background-image: -o-linear-gradient(5deg, #fff, #f6f6f6);
    background-image: linear-gradient(5deg, #fff, #f6f6f6); }
  .scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .side {
    position: absolute;
    top: 27px;
    left: 27px;
    width: 80px;
    height: 240px;
    text-align: right;
    color: #444;
    font-family: Georgia, serif;
    font-size: 16px; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .description {
    position: absolute;
    top: 27px;
    left: 134px;
    width: 468px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 11.2em; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .info {
    position: absolute;
    bottom: 27px;
    left: 134px;
    width: 190px; }
    .scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .info .screenName {
      font-family: Georgia, serif;
      font-size: 18px;
      color: #444;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 1.25em;
      height: 1.25em; }
    .scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .info .countDown {
      font-family: Georgia, serif;
      font-size: 16px;
      color: #888;
      line-height: 1.25em;
      margin-bottom: 10px; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .snapshots {
    position: absolute;
    bottom: 27px;
    right: 396px;
    width: 271px;
    text-align: right; }
    .scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .snapshots img {
      border: 1px solid #ccc;
      padding: 3px;
      background: #FFF;
      margin: 0 -5px; }
    .scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .snapshots img.i0 {
      -webkit-transform: rotate(8deg);
      -moz-transform: rotate(8deg);
      -ms-transform: rotate(8deg);
      -o-transform: rotate(8deg);
      transform: rotate(8deg);
      z-index: 300;
      position: relative; }
    .scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .snapshots img.i1 {
      -webkit-transform: rotate(-15deg);
      -moz-transform: rotate(-15deg);
      -ms-transform: rotate(-15deg);
      -o-transform: rotate(-15deg);
      transform: rotate(-15deg); }
    .scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .snapshots img.i2 {
      -webkit-transform: rotate(15deg);
      -moz-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
      -o-transform: rotate(15deg);
      transform: rotate(15deg); }
  .scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .visit.ncb {
    display: none; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .visit.ncb.button a {
    display: block;
    padding: 0;
    background: url(scrollpanel/sprite.png) 0 -15px no-repeat;
    width: 252px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: bold; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .visit.ncb.button a:hover {
    text-decoration: none; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .profileimage {
    position: absolute;
    top: 27px;
    right: 27px;
    height: 242px;
    width: 322px;
    border: 1px solid #888; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.goldshow a {
    color: #007fe3;
    font-size: 14px;
    padding-top: 8px; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .valentine.content {
    position: absolute;
    top: 27px;
    left: 27px;
    width: 577px; }
    .scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .valentine.content .title {
      margin: 0 0 0.5em 0;
      font-size: 24px;
      font-family: Georgia, serif;
      color: #333; }
    .scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .valentine.content .title2 {
      margin: 0 0 0.5em 0;
      font-size: 24px;
      font-family: Georgia, serif;
      color: #888; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .valentine.bottom {
    position: absolute;
    bottom: 27px;
    left: 27px; }
    .scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .valentine.bottom .countDown {
      font-family: Georgia, serif;
      font-size: 16px;
      color: #888; }

.scrollPanel .scrollContainer .panel.credit a {
  color: #4889f1; }
  .scrollPanel .scrollContainer .panel.credit a:hover {
    color: #1a69ee;
    text-decoration: none; }
.scrollPanel .scrollContainer .panel.credit p {
  padding: 0;
  margin: 12px 0;
  text-align: justify;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }
  .scrollPanel .scrollContainer .panel.credit p.main {
    padding: 12px;
    background: #e0e0e0;
    font-size: 14px; }
  .scrollPanel .scrollContainer .panel.credit p.disclaimer {
    font-size: 11px; }
.scrollPanel .scrollContainer .panel.credit .logo {
  height: 50px;
  overflow: hidden; }
.scrollPanel .scrollContainer .panel.credit .box {
  background: #eeeded;
  font-size: 12px;
  padding: 13px;
  width: 299px;
  height: 270px;
  float: left;
  position: relative; }
  .scrollPanel .scrollContainer .panel.credit .box.box1 {
    background: #f4f4f4;
    border-right: 1px dashed #ddd; }
    .scrollPanel .scrollContainer .panel.credit .box.box1 h3 {
      line-height: 50px;
      height: 50px;
      font-size: 16px; }
  .scrollPanel .scrollContainer .panel.credit .box.box2 {
    border-right: 1px dashed #ddd; }
  .scrollPanel .scrollContainer .panel.credit .box .bottom {
    position: absolute;
    bottom: 13px;
    left: 13px;
    right: 13px; }
  .scrollPanel .scrollContainer .panel.credit .box h3 {
    margin: 0 0 0.1em 0; }
  .scrollPanel .scrollContainer .panel.credit .box input[type="radio"]:checked + label {
    font-weight: bold; }
  .scrollPanel .scrollContainer .panel.credit .box input.submit {
    width: 100%;
    border: 1px solid #c8c8c8;
    background: #e0e0e0; }
    .scrollPanel .scrollContainer .panel.credit .box input.submit:hover, .scrollPanel .scrollContainer .panel.credit .box input.submit.blue {
      border: 1px solid #4889f1;
      background-color: #4889f1;
      color: #fff; }
  .scrollPanel .scrollContainer .panel.credit .box .logo {
    min-height: 50px; }
.scrollPanel .scrollContainer .panel.credit ul.types {
  float: left;
  width: 199px;
  height: 100%;
  margin: 0;
  padding: 0;
  border-right: 1px solid #ccc; }
  .scrollPanel .scrollContainer .panel.credit ul.types li {
    display: block;
    padding: 20px;
    margin: 0;
    border-bottom: 1px solid #ccc;
    cursor: pointer; }
    .scrollPanel .scrollContainer .panel.credit ul.types li.selected {
      background: #ddd;
      font-weight: bold; }
.scrollPanel .scrollContainer .panel.credit div.content {
  float: right;
  width: 724px;
  padding: 0 27px;
  height: 296px; }
.scrollPanel .scrollContainer .panel.credit h3.title {
  margin: 14px 0; }
.scrollPanel .scrollContainer .panel.credit .icon {
  text-align: center;
  font-size: 28px;
  line-height: 40px;
  margin: 12px 0; }
  .scrollPanel .scrollContainer .panel.credit .icon .code {
    display: inline-block;
    padding-left: 40px;
    padding-right: 15px; }
  .scrollPanel .scrollContainer .panel.credit .icon .phoneno {
    display: inline-block;
    padding-left: 60px;
    background: url(scrollpanel/pay_arrow.png) 0 center no-repeat; }
.scrollPanel .scrollContainer .panel.credit .phoneno {
  white-space: nowrap; }
.scrollPanel .scrollContainer .panel.credit.credit_sms_hu .icon .code {
  background: url(scrollpanel/pay_sms.png) 0 center no-repeat; }
.scrollPanel .scrollContainer .panel.credit.credit_phone_hu .icon .code {
  background: url(scrollpanel/pay_call.png) 0 center no-repeat; }
.scrollPanel .scrollContainer .panel.credit.credit_phone_hu .icon {
  margin: 10px 0; }
.scrollPanel .scrollContainer .panel.credit.credit_phone_hu p.main {
  margin: 10px 0;
  padding: 10px;
  font-size: 14px; }
.scrollPanel .scrollContainer .panel.credit.credit_phone_hu h3.title {
  margin: 10px 0 10px 0; }
.scrollPanel .scrollContainer .panel.credit div.disclaimer .disc_title {
  margin: 12px 0; }
  .scrollPanel .scrollContainer .panel.credit div.disclaimer .disc_title.credit_phone_hu {
    margin: 10px 0; }
.scrollPanel .scrollContainer .panel.credit div.disclaimer .disc_info {
  display: inline-block;
  width: 360px;
  position: relative; }
  .scrollPanel .scrollContainer .panel.credit div.disclaimer .disc_info span, .scrollPanel .scrollContainer .panel.credit div.disclaimer .disc_info a {
    display: block;
    padding-left: 20px;
    color: #333;
    text-decoration: none; }
  .scrollPanel .scrollContainer .panel.credit div.disclaimer .disc_info i {
    position: absolute;
    top: 2px;
    left: 0; }

.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice {
  position: relative;
  line-height: 1.6em;
  font-size: 15px; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .tipvote {
    line-height: 1.5em; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .tipvote .error {
    color: #A00;
    display: none;
    text-align: left;
    margin: 1em 0; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .tipvote .success {
    color: #333;
    display: none;
    text-align: left;
    margin: 1em 0; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .tipvote .description,
  .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .tipvote .unable {
    margin: 1em 0;
    display: none;
    line-height: 1.5em; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .tipvote .dropdowncnt {
    width: 183px;
    height: 24px;
    border: 1px solid #be974b;
    outline: 1px solid #f1ca7f;
    overflow: hidden;
    position: relative;
    float: left;
    border-radius: 1px;
    background: #FFF; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .tipvote .dropdown:focus {
    outline: 0;
    box-shadow: none;
    border: 0; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .tipvote .dropdown {
    appearance: normal;
    background: #FFF;
    border: none;
    outline: 0;
    width: 183px;
    height: 24px;
    font: 12px Arial;
    color: #333;
    padding: 2px 0 0 0;
    vertical-align: middle; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .tipvote .dropdowncnt:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    pointer-events: none;
    background: url(mypage/tiparrow.png); }
  .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .tipvote.notmodern .dropdowncnt .arrow {
    display: none; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .tipvote.notmodern .dropdowncnt {
    background: #FFF url(mypage/tiparrow.png) top right no-repeat; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .tipvote.notmodern .dropdown {
    width: 133px; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .tipvote .send {
    background: #eee;
    border-radius: 1px;
    border: 1px solid #ccc;
    height: 26px;
    width: 70px;
    font: 12px Arial;
    color: #333; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .inner {
    background: #fff;
    background-image: -webkit-linear-gradient(5deg, #fff, #f6f6f6);
    background-image: -moz-linear-gradient(5deg, #fff, #f6f6f6);
    background-image: -ms-linear-gradient(5deg, #fff, #f6f6f6);
    background-image: -o-linear-gradient(5deg, #fff, #f6f6f6);
    background-image: linear-gradient(5deg, #fff, #f6f6f6); }
  .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .description {
    text-align: justify; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .profileimage {
    position: absolute;
    top: 27px;
    right: 27px;
    height: 242px;
    width: 322px;
    border: 1px solid #888; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice a {
    color: #007fe3;
    font-size: 14px;
    padding-top: 8px; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .content {
    position: absolute;
    top: 27px;
    left: 27px;
    width: 577px; }
    .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .content .title {
      margin: 0 0 0.5em 0;
      font-size: 24px;
      font-family: Georgia, serif;
      color: #333; }
    .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .content .title2 {
      margin: 0 0 0.5em 0;
      font-size: 24px;
      font-family: Georgia, serif;
      color: #888; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .bottom {
    position: absolute;
    bottom: 27px;
    left: 27px; }
    .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .bottom .time {
      margin-bottom: 0.5em; }
    .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .bottom input {
      float: left; }
    .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .bottom .votepopup {
      font-family: Georgia, serif;
      font-size: 18px;
      margin: 0 0; }
    .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .bottom .votepopup, .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .bottom .nocredit {
      display: none; }
    .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .bottom .tipvote .dropdowncnt {
      width: 243px; }
    .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .bottom .tipvote .dropdown {
      width: 243px; }
    .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .bottom .countDown {
      font-family: Georgia, serif;
      font-size: 16px;
      color: #888; }
    .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .bottom .send {
      margin-left: 10px; }

.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result {
  position: relative;
  line-height: 1.6em;
  font-size: 15px; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .inner {
    background: #fff;
    background-image: -webkit-linear-gradient(5deg, #fff, #f6f6f6);
    background-image: -moz-linear-gradient(5deg, #fff, #f6f6f6);
    background-image: -ms-linear-gradient(5deg, #fff, #f6f6f6);
    background-image: -o-linear-gradient(5deg, #fff, #f6f6f6);
    background-image: linear-gradient(5deg, #fff, #f6f6f6); }
  .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .side {
    position: absolute;
    top: 27px;
    left: 27px;
    width: 100px;
    height: 240px;
    text-align: right;
    color: #444;
    font-family: Georgia, serif;
    font-size: 16px; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .description {
    position: absolute;
    top: 27px;
    left: 154px;
    width: 448px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 11.2em; }
    .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .description ol {
      padding: 0;
      margin: 1em 0;
      position: relative;
      list-style-position: inside;
      list-style-type: upper-roman; }
      .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .description ol span {
        position: absolute;
        left: 30px; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .info {
    position: absolute;
    bottom: 27px;
    left: 154px;
    width: 190px; }
    .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .info .screenName {
      font-family: Georgia, serif;
      font-size: 20px;
      color: #444;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 1.25em;
      height: 1.25em; }
    .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .info .place {
      font-family: Georgia, serif;
      font-size: 16px;
      color: #888;
      line-height: 1.25em;
      margin-bottom: 10px; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .snapshots {
    position: absolute;
    bottom: 27px;
    right: 396px;
    width: 271px;
    text-align: right; }
    .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .snapshots img {
      border: 1px solid #ccc;
      padding: 3px;
      background: #FFF;
      margin: 0 -5px; }
    .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .snapshots img.i0 {
      -webkit-transform: rotate(8deg);
      -moz-transform: rotate(8deg);
      -ms-transform: rotate(8deg);
      -o-transform: rotate(8deg);
      transform: rotate(8deg);
      z-index: 300;
      position: relative; }
    .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .snapshots img.i1 {
      -webkit-transform: rotate(-15deg);
      -moz-transform: rotate(-15deg);
      -ms-transform: rotate(-15deg);
      -o-transform: rotate(-15deg);
      transform: rotate(-15deg); }
    .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .snapshots img.i2 {
      -webkit-transform: rotate(15deg);
      -moz-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
      -o-transform: rotate(15deg);
      transform: rotate(15deg); }
  .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .profileimage {
    position: absolute;
    top: 27px;
    right: 27px;
    height: 242px;
    width: 322px;
    border: 1px solid #888; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result a {
    color: #007fe3;
    font-size: 14px;
    padding-top: 8px; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .winner.content {
    position: absolute;
    top: 27px;
    left: 27px;
    width: 577px; }
    .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .winner.content .title {
      margin: 0 0 0.5em 0;
      font-size: 24px;
      font-family: Georgia, serif;
      color: #333; }
    .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .winner.content .title2 {
      margin: 0 0 0.5em 0;
      font-size: 24px;
      font-family: Georgia, serif;
      color: #888; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .winner.bottom {
    position: absolute;
    bottom: 27px;
    left: 27px; }
    .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .winner.bottom .thanks {
      font-family: Georgia, serif;
      font-size: 16px;
      color: #888; }

.scrollPanel .scrollWrapper .scrollContainer .panel.paypal_promo .box {
  position: relative;
  width: 978px;
  height: 298px;
  border: 1px solid #dddddd;
  background-color: #f4f4f4;
  font-family: arial,helvetica,sans-serif;
  font-size: 12px;
  color: #333;
  text-align: center; }
.scrollPanel .scrollWrapper .scrollContainer .panel.paypal_promo h2 {
  font-family: arial, sans-serif;
  font-size: 28px;
  font-weight: normal;
  font-style: normal;
  color: #00335e;
  text-decoration: none;
  line-height: 0.8em; }
.scrollPanel .scrollWrapper .scrollContainer .panel.paypal_promo h3 {
  font-family: arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  font-style: italic;
  color: #00335e;
  text-decoration: none;
  line-height: 0.6em; }
.scrollPanel .scrollWrapper .scrollContainer .panel.paypal_promo p {
  font-family: arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  font-style: italic;
  color: #00335e;
  text-decoration: none; }

.scrollPanel .scrollWrapper .scrollContainer .panel.sms_promo .box {
  text-decoration: none;
  display: block;
  position: relative;
  width: 978px;
  height: 298px;
  border: 1px solid #dddddd;
  background-color: #f4f4f4;
  font-family: arial,helvetica,sans-serif;
  font-size: 12px;
  color: #333;
  text-align: center; }
.scrollPanel .scrollWrapper .scrollContainer .panel.sms_promo h2 {
  font-family: arial, sans-serif;
  font-size: 28px;
  font-weight: normal;
  font-style: normal;
  color: #00335e;
  text-decoration: none;
  line-height: 0.8em; }
.scrollPanel .scrollWrapper .scrollContainer .panel.sms_promo h3 {
  font-family: arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  font-style: italic;
  color: #00335e;
  text-decoration: none;
  line-height: 0.6em; }
.scrollPanel .scrollWrapper .scrollContainer .panel.sms_promo p {
  font-family: arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  font-style: italic;
  color: #00335e;
  text-decoration: none; }
.scrollPanel .scrollWrapper .scrollContainer .panel.sms_promo div.promoimage {
  position: relative;
  margin: 0 auto;
  background: url(scrollpanel/promo_bg.png);
  width: 734px;
  height: 141px; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.sms_promo div.promoimage div {
    position: absolute;
    top: 23px;
    line-height: 94px;
    font-weight: bold; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.sms_promo div.promoimage .title {
    font-size: 56px;
    right: 250px;
    color: #004d89;
    font-style: italic; }
    .scrollPanel .scrollWrapper .scrollContainer .panel.sms_promo div.promoimage .title span {
      color: #00335e; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.sms_promo div.promoimage .percent {
    font-size: 40px;
    right: 100px;
    color: #fff;
    text-align: center;
    width: 94px;
    right: 111px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }

.scrollPanel .scrollWrapper .scrollContainer .panel.happyhour .box {
  position: relative;
  width: 978px;
  height: 298px;
  border: 1px solid #dddddd;
  background-color: #f4f4f4;
  font-family: arial,helvetica,sans-serif;
  font-size: 12px;
  color: #333;
  text-align: center; }
.scrollPanel .scrollWrapper .scrollContainer .panel.happyhour h2 {
  font-family: arial, sans-serif;
  font-size: 28px;
  font-weight: normal;
  font-style: normal;
  color: #00335e;
  text-decoration: none;
  line-height: 0.8em; }
.scrollPanel .scrollWrapper .scrollContainer .panel.happyhour h3 {
  font-family: arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  font-style: italic;
  color: #00335e;
  text-decoration: none;
  line-height: 0.6em; }
.scrollPanel .scrollWrapper .scrollContainer .panel.happyhour div.promoimage {
  position: relative;
  margin: 0 auto;
  background: url(scrollpanel/promo_bg.png);
  width: 734px;
  height: 141px; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.happyhour div.promoimage div {
    position: absolute;
    top: 23px;
    line-height: 94px;
    font-weight: bold; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.happyhour div.promoimage .title {
    font-size: 56px;
    right: 250px;
    color: #004d89;
    font-style: italic; }
    .scrollPanel .scrollWrapper .scrollContainer .panel.happyhour div.promoimage .title span {
      color: #00335e; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.happyhour div.promoimage .percent {
    font-size: 42px;
    right: 100px;
    color: #fff;
    text-align: center;
    width: 94px;
    right: 111px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }
.scrollPanel .scrollWrapper .scrollContainer .panel.happyhour p {
  font-family: arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  font-style: italic;
  color: #00335e;
  text-decoration: none; }
.scrollPanel .scrollWrapper .scrollContainer .panel.happyhour a {
  color: #00335e;
  text-decoration: none; }

.scrollPanel .scrollWrapper .scrollContainer .panel.happyhour.easter h2, .scrollPanel .scrollWrapper .scrollContainer .panel.happyhour.easter h3, .scrollPanel .scrollWrapper .scrollContainer .panel.happyhour.easter p, .scrollPanel .scrollWrapper .scrollContainer .panel.happyhour.easter a {
  color: #7f2957; }
.scrollPanel .scrollWrapper .scrollContainer .panel.happyhour.easter div.promoimage {
  background: url(scrollpanel/promo_bg_easter.png); }
  .scrollPanel .scrollWrapper .scrollContainer .panel.happyhour.easter div.promoimage .title, .scrollPanel .scrollWrapper .scrollContainer .panel.happyhour.easter div.promoimage .title span {
    color: #cd197e; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.happyhour.easter div.promoimage .percent {
    display: none; }

.scrollPanel .scrollWrapper .scrollContainer .panel-promo-payment {
  font-size: 15px;
  line-height: 1.6em; }
  .scrollPanel .scrollWrapper .scrollContainer .panel-promo-payment .inner {
    background-image: -webkit-linear-gradient(5deg, #fff, #f6f6f6);
    background-image: -moz-linear-gradient(5deg, #fff, #f6f6f6);
    background-image: -ms-linear-gradient(5deg, #fff, #f6f6f6);
    background-image: -o-linear-gradient(5deg, #fff, #f6f6f6);
    background-image: linear-gradient(5deg, #fff, #f6f6f6); }
  .scrollPanel .scrollWrapper .scrollContainer .panel-promo-payment .inner {
    position: relative; }
  .scrollPanel .scrollWrapper .scrollContainer .panel-promo-payment .picture {
    position: absolute;
    top: 27px;
    right: 27px;
    height: 242px;
    width: 322px;
    border: 1px solid #888; }
  .scrollPanel .scrollWrapper .scrollContainer .panel-promo-payment .content {
    position: absolute;
    top: 27px;
    left: 27px;
    width: 577px; }
    .scrollPanel .scrollWrapper .scrollContainer .panel-promo-payment .content .title {
      margin: 0 0 0.5em 0;
      font-size: 24px;
      font-family: Georgia, serif;
      color: #333; }
    .scrollPanel .scrollWrapper .scrollContainer .panel-promo-payment .content .title2 {
      margin: 0 0 0.5em 0;
      font-size: 24px;
      font-family: Georgia, serif;
      color: #888; }
    .scrollPanel .scrollWrapper .scrollContainer .panel-promo-payment .content .description, .scrollPanel .scrollWrapper .scrollContainer .panel-promo-payment .content .description2 {
      text-align: justify; }
    .scrollPanel .scrollWrapper .scrollContainer .panel-promo-payment .content .details {
      text-align: justify;
      margin-top: 1em; }
    .scrollPanel .scrollWrapper .scrollContainer .panel-promo-payment .content .description2 {
      padding-top: 1.5em; }
    .scrollPanel .scrollWrapper .scrollContainer .panel-promo-payment .content .description2.hu {
      padding-top: 0.8em; }
  .scrollPanel .scrollWrapper .scrollContainer .panel-promo-payment .bottom {
    width: 577px;
    position: absolute;
    bottom: 27px;
    left: 27px; }
    .scrollPanel .scrollWrapper .scrollContainer .panel-promo-payment .bottom .credit {
      vertical-align: top;
      margin: 0 -10px;
      font-size: 12px;
      line-height: 1.5em; }
      .scrollPanel .scrollWrapper .scrollContainer .panel-promo-payment .bottom .credit a {
        display: inline-block;
        padding: 1px 11px;
        text-decoration: none;
        color: #333; }
      .scrollPanel .scrollWrapper .scrollContainer .panel-promo-payment .bottom .credit a:hover {
        color: #fff;
        padding: 0 10px;
        text-decoration: none;
        background: #4889f1;
        border: 1px solid #1a69ee; }

.scrollPanel .scrollWrapper .scrollContainer .panel-promo-win {
  font-size: 15px;
  line-height: 1.6em; }
  .scrollPanel .scrollWrapper .scrollContainer .panel-promo-win .inner {
    background-image: -webkit-linear-gradient(5deg, #fff, #f6f6f6);
    background-image: -moz-linear-gradient(5deg, #fff, #f6f6f6);
    background-image: -ms-linear-gradient(5deg, #fff, #f6f6f6);
    background-image: -o-linear-gradient(5deg, #fff, #f6f6f6);
    background-image: linear-gradient(5deg, #fff, #f6f6f6); }
  .scrollPanel .scrollWrapper .scrollContainer .panel-promo-win .inner {
    position: relative; }
  .scrollPanel .scrollWrapper .scrollContainer .panel-promo-win .picture {
    position: absolute;
    top: 27px;
    right: 27px;
    height: 242px;
    width: 322px;
    border: 1px solid #888; }
  .scrollPanel .scrollWrapper .scrollContainer .panel-promo-win .content {
    position: absolute;
    top: 27px;
    left: 27px;
    width: 577px; }
    .scrollPanel .scrollWrapper .scrollContainer .panel-promo-win .content .title {
      margin: 0 0 0.5em 0;
      font-size: 24px;
      font-family: Georgia, serif;
      color: #333; }
    .scrollPanel .scrollWrapper .scrollContainer .panel-promo-win .content .title2 {
      margin: 0 0 0.5em 0;
      font-size: 24px;
      font-family: Georgia, serif;
      color: #888; }
    .scrollPanel .scrollWrapper .scrollContainer .panel-promo-win .content .description {
      text-align: justify; }
  .scrollPanel .scrollWrapper .scrollContainer .panel-promo-win .bottom {
    position: absolute;
    bottom: 27px;
    left: 27px; }
    .scrollPanel .scrollWrapper .scrollContainer .panel-promo-win .bottom .thanks {
      font-family: Georgia, serif;
      font-size: 16px;
      color: #888; }

.scrollPanel .scrollWrapper .scrollContainer .panel-promo-cashback {
  font-size: 15px;
  line-height: 1.6em; }
  .scrollPanel .scrollWrapper .scrollContainer .panel-promo-cashback .inner {
    background-image: -webkit-linear-gradient(5deg, #fff, #f6f6f6);
    background-image: -moz-linear-gradient(5deg, #fff, #f6f6f6);
    background-image: -ms-linear-gradient(5deg, #fff, #f6f6f6);
    background-image: -o-linear-gradient(5deg, #fff, #f6f6f6);
    background-image: linear-gradient(5deg, #fff, #f6f6f6); }
  .scrollPanel .scrollWrapper .scrollContainer .panel-promo-cashback .inner {
    position: relative; }
  .scrollPanel .scrollWrapper .scrollContainer .panel-promo-cashback .picture {
    position: absolute;
    top: 27px;
    right: 27px;
    height: 242px;
    width: 322px;
    border: 1px solid #888; }
  .scrollPanel .scrollWrapper .scrollContainer .panel-promo-cashback .content {
    position: absolute;
    top: 27px;
    left: 27px;
    width: 577px; }
    .scrollPanel .scrollWrapper .scrollContainer .panel-promo-cashback .content .title {
      margin: 0 0 0.5em 0;
      font-size: 24px;
      font-family: Georgia, serif;
      color: #333; }
    .scrollPanel .scrollWrapper .scrollContainer .panel-promo-cashback .content .title2 {
      margin: 0 0 0.5em 0;
      font-size: 24px;
      font-family: Georgia, serif;
      color: #888; }
    .scrollPanel .scrollWrapper .scrollContainer .panel-promo-cashback .content .description {
      text-align: justify; }
    .scrollPanel .scrollWrapper .scrollContainer .panel-promo-cashback .content .details {
      text-align: justify;
      margin-top: 1em; }
  .scrollPanel .scrollWrapper .scrollContainer .panel-promo-cashback .bottom {
    position: absolute;
    bottom: 27px;
    left: 27px; }
    .scrollPanel .scrollWrapper .scrollContainer .panel-promo-cashback .bottom .thanks {
      font-family: Georgia, serif;
      font-size: 16px;
      color: #888; }

.scrollPanel .scrollWrapper .scrollContainer .panel-promo-quickbuy {
  width: 978px;
  height: 296px;
  overflow: hidden;
  background: url(/design/default/scrollpanel/promo_cc_bg.jpg) top left no-repeat;
  border: 1px solid #ddd;
  font-size: 15px;
  line-height: 1.6em; }
  .scrollPanel .scrollWrapper .scrollContainer .panel-promo-quickbuy .wrapper {
    padding: 26px;
    display: block;
    cursor: pointer;
    text-decoration: none; }
  .scrollPanel .scrollWrapper .scrollContainer .panel-promo-quickbuy .left {
    float: left;
    width: 626px; }
  .scrollPanel .scrollWrapper .scrollContainer .panel-promo-quickbuy .right {
    float: right;
    width: 300px; }
  .scrollPanel .scrollWrapper .scrollContainer .panel-promo-quickbuy .title1 {
    font-family: "Times New Roman", sans-serif;
    font-size: 24px;
    color: #030303; }
  .scrollPanel .scrollWrapper .scrollContainer .panel-promo-quickbuy .title2 {
    font-family: "Times New Roman", sans-serif;
    font-size: 24px;
    color: #7c7c7c;
    line-height: 1.3em;
    margin: 0.6em 0; }
  .scrollPanel .scrollWrapper .scrollContainer .panel-promo-quickbuy .description {
    width: 530px;
    font-size: 14px;
    color: #030303; }
    .scrollPanel .scrollWrapper .scrollContainer .panel-promo-quickbuy .description span {
      color: #fa0;
      display: inline-block;
      background-color: #222;
      background-color: rgba(0, 0, 0, 0.8);
      padding: 0 5px; }
  .scrollPanel .scrollWrapper .scrollContainer .panel-promo-quickbuy .bottom {
    position: absolute;
    bottom: 26px;
    left: 26px;
    width: 626px; }
    .scrollPanel .scrollWrapper .scrollContainer .panel-promo-quickbuy .bottom .block {
      float: left;
      width: 416px; }
      .scrollPanel .scrollWrapper .scrollContainer .panel-promo-quickbuy .bottom .block span, .scrollPanel .scrollWrapper .scrollContainer .panel-promo-quickbuy .bottom .block a {
        display: block; }
      .scrollPanel .scrollWrapper .scrollContainer .panel-promo-quickbuy .bottom .block a {
        color: #007fe3;
        font-size: 14px; }
      .scrollPanel .scrollWrapper .scrollContainer .panel-promo-quickbuy .bottom .block span {
        font-family: "Times New Roman", sans-serif;
        color: #8b8892;
        font-size: 15px; }
    .scrollPanel .scrollWrapper .scrollContainer .panel-promo-quickbuy .bottom .icons {
      float: right;
      width: 200px; }
      .scrollPanel .scrollWrapper .scrollContainer .panel-promo-quickbuy .bottom .icons img {
        vertical-align: top; }

.scrollPanel .scrollWrapper .scrollContainer .panel.panel-promo-valentine .inner {
  background: #bf1d2a url(scrollpanel/promo_valentine_15_bg.jpg) no-repeat right top; }
.scrollPanel .scrollWrapper .scrollContainer .panel.panel-promo-valentine .content {
  width: 440px;
  height: 100%;
  position: relative;
  color: #fff;
  text-align: center; }
.scrollPanel .scrollWrapper .scrollContainer .panel.panel-promo-valentine .title1 {
  font-size: 25px;
  height: 75px;
  line-height: 75px;
  text-transform: uppercase; }
.scrollPanel .scrollWrapper .scrollContainer .panel.panel-promo-valentine .title2 {
  height: 30px;
  line-height: 30px;
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase; }
.scrollPanel .scrollWrapper .scrollContainer .panel.panel-promo-valentine .box {
  border: 2px solid #fff;
  text-transform: uppercase;
  margin: 25px 28px 28px 25px;
  padding: 15px;
  font-size: 18px; }
.scrollPanel .scrollWrapper .scrollContainer .panel.panel-promo-valentine .hearts {
  font-size: 18px; }
.scrollPanel .scrollWrapper .scrollContainer .panel.panel-promo-valentine .disclaimer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px;
  font-size: 12px;
  font-style: italic;
  line-height: 1.5em; }

.scrollPanel .scrollWrapper .scrollContainer .panel.pom {
  width: 980px;
  height: 298px;
  position: relative;
  background: #4b5d68; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.pom .roompreview, .scrollPanel .scrollWrapper .scrollContainer .panel.pom .content, .scrollPanel .scrollWrapper .scrollContainer .panel.pom .volume, .scrollPanel .scrollWrapper .scrollContainer .panel.pom .x, .scrollPanel .scrollWrapper .scrollContainer .panel.pom .button, .scrollPanel .scrollWrapper .scrollContainer .panel.pom .text, .scrollPanel .scrollWrapper .scrollContainer .panel.pom .badge, .scrollPanel .scrollWrapper .scrollContainer .panel.pom .volume-layer, .scrollPanel .scrollWrapper .scrollContainer .panel.pom .online {
    position: absolute; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.pom a, .scrollPanel .scrollWrapper .scrollContainer .panel.pom span {
    display: block; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.pom .roompreview {
    top: 0;
    left: 0;
    width: 410px;
    height: 298px; }
    .scrollPanel .scrollWrapper .scrollContainer .panel.pom .roompreview #pomPreview {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.pom .volume-layer {
    top: 0;
    left: 0;
    width: 400px;
    height: 298px; }
    .scrollPanel .scrollWrapper .scrollContainer .panel.pom .volume-layer .volume {
      cursor: pointer;
      top: 10px;
      right: 10px;
      width: 25px;
      height: 18px;
      display: none; }
      .scrollPanel .scrollWrapper .scrollContainer .panel.pom .volume-layer .volume.on {
        background: url(/design/default/scrollpanel/volume.png) left top no-repeat; }
      .scrollPanel .scrollWrapper .scrollContainer .panel.pom .volume-layer .volume.off {
        background: url(/design/default/scrollpanel/volume.png) left -18px no-repeat; }
    .scrollPanel .scrollWrapper .scrollContainer .panel.pom .volume-layer:hover .volume.visible {
      display: block; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.pom .content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 651px;
    background: url(/design/default/pom/u1/bg.png);
    border: none;
    text-decoration: none; }
    .scrollPanel .scrollWrapper .scrollContainer .panel.pom .content .text {
      z-index: 10;
      left: 35px;
      top: 55px;
      width: 450px;
      font-family: "Exo 2", sans-serif;
      font-weight: 800;
      font-size: 22px;
      color: #F0F0F0;
      text-transform: uppercase;
      text-align: center;
      text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.3); }
      .scrollPanel .scrollWrapper .scrollContainer .panel.pom .content .text .name {
        font-family: Lobster, sans-serif;
        text-transform: none;
        font-size: 66px;
        font-weight: normal; }
    .scrollPanel .scrollWrapper .scrollContainer .panel.pom .content .button {
      left: 161px;
      top: 211px;
      width: 198px;
      height: 45px;
      font-family: "Exo 2", sans-serif;
      font-weight: 900;
      font-size: 22px;
      color: #F0F0F0;
      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
      letter-spacing: -0.01em;
      text-transform: uppercase;
      text-align: center;
      line-height: 40px;
      background: url(/design/default/pom/u1/button.png); }
    .scrollPanel .scrollWrapper .scrollContainer .panel.pom .content .badge {
      z-index: 5;
      right: 0;
      top: 70px;
      width: 206px;
      height: 173px;
      background: transparent center center no-repeat; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.pom .online {
    width: 144px;
    height: 56px;
    top: 0;
    right: 35px; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.pom.pom-hu .badge {
    background-image: url("/design/default/pom/u1/he_hu.png"); }
  .scrollPanel .scrollWrapper .scrollContainer .panel.pom.pom-hu .online {
    background-image: url("/design/default/pom/u1/online_hu.png"); }
  .scrollPanel .scrollWrapper .scrollContainer .panel.pom.pom-en .badge {
    background-image: url("/design/default/pom/u1/he_en.png"); }
  .scrollPanel .scrollWrapper .scrollContainer .panel.pom.pom-en .online {
    background-image: url("/design/default/pom/u1/online_en.png"); }
  .scrollPanel .scrollWrapper .scrollContainer .panel.pom.pom-live .name {
    margin-bottom: 10px; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.pom a.x {
    display: block;
    position: absolute;
    top: 6px;
    right: 6px;
    width: 16px;
    height: 16px;
    background: url("/design/default/pom/u1/x.png"); }

.scrollPanel .scrollWrapper .scrollContainer .panel.easterpromo {
  width: 980px;
  height: 298px;
  position: relative;
  line-height: 1.6em;
  font-size: 15px; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.easterpromo .button {
    position: absolute;
    top: 217px;
    left: 211px;
    width: 211px;
    height: 78px; }
    .scrollPanel .scrollWrapper .scrollContainer .panel.easterpromo .button a {
      display: block;
      position: absolute;
      top: 23px;
      left: 23px;
      width: 165px;
      height: 45px; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.easterpromo.before-purchase.hu, .scrollPanel .scrollWrapper .scrollContainer .panel.easterpromo.after-purchase.hu {
    background-image: url(scrollpanel/easter_bg1_hu.jpg); }
  .scrollPanel .scrollWrapper .scrollContainer .panel.easterpromo.before-purchase.en, .scrollPanel .scrollWrapper .scrollContainer .panel.easterpromo.after-purchase.en {
    background-image: url(scrollpanel/easter_bg1_en.jpg); }
  .scrollPanel .scrollWrapper .scrollContainer .panel.easterpromo.before-purchase.hu .button, .scrollPanel .scrollWrapper .scrollContainer .panel.easterpromo.after-purchase.hu .button {
    background-image: url(scrollpanel/easter_button1_hu.png); }
  .scrollPanel .scrollWrapper .scrollContainer .panel.easterpromo.before-purchase.en .button, .scrollPanel .scrollWrapper .scrollContainer .panel.easterpromo.after-purchase.en .button {
    background-image: url(scrollpanel/easter_button1_en.png); }
  .scrollPanel .scrollWrapper .scrollContainer .panel.easterpromo.purchase.hu {
    background-image: url(scrollpanel/easter_bg1_hu.jpg); }
  .scrollPanel .scrollWrapper .scrollContainer .panel.easterpromo.purchase.en {
    background-image: url(scrollpanel/easter_bg1_en.jpg); }
  .scrollPanel .scrollWrapper .scrollContainer .panel.easterpromo.purchase.hu .button {
    background-image: url(scrollpanel/easter_button2_hu.png); }
  .scrollPanel .scrollWrapper .scrollContainer .panel.easterpromo.purchase.en .button {
    background-image: url(scrollpanel/easter_button2_en.png); }
  .scrollPanel .scrollWrapper .scrollContainer .panel.easterpromo.after-purchase .button {
    display: none; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.easterpromo a.x {
    display: block;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 16px;
    height: 16px;
    background-image: url(/design/default/scrollpanel/x1.png?v=2); }

.scrollPanel .scrollWrapper .scrollContainer .panel.echappyhour {
  width: 980px;
  height: 298px;
  background-image: url(happyhour/echh_banner.jpg);
  position: relative; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.echappyhour a.p {
    display: block;
    width: 980px;
    height: 298px; }
  .scrollPanel .scrollWrapper .scrollContainer .panel.echappyhour a.close {
    display: block;
    position: absolute;
    top: 6px;
    right: 6px;
    width: 18px;
    height: 18px; }

#filterBar {
  height: 22px;
  line-height: 22px;
  overflow: hidden; }

#filterBar .special {
  display: box;
  float: left;
  height: 20px;
  line-height: 20px;
  margin: 1px 0;
  text-decoration: none;
  color: #111;
  cursor: pointer;
  background: url(filter/arrow.png) 0 0 no-repeat; }

#filterBar .special span {
  padding: 0 5px 0 20px; }

#filterBar .special.active {
  background: url(filter/arrow.png) 0 -20px no-repeat; }

#filterBar .rightPanel {
  float: right;
  font-size: 11px;
  width: 650px;
  overflow: hidden; }

#filterBar .rightPanel .scroller {
  float: right;
  height: 20px;
  text-align: right;
  white-space: nowrap; }

#filterBar .rightPanel a {
  color: #333;
  text-decoration: none;
  padding-left: 5px;
  margin-left: 5px;
  height: 22px;
  line-height: 22px;
  -border-left: 1px solid #AAA; }

#filterBar .rightPanel a.first {
  border-left: none; }

#filterBar .rightPanel .count {
  color: #F80;
  font-weight: bold; }

#filterBar .rightPanel a:hover {
  background: #DDD; }

#filterBar .rightPanel a.trash:hover {
  background: transparent; }

#filterBar .rightPanel .x {
  color: #F80;
  font-weight: bold; }

#filterList {
  display: block;
  background: #fcfcfc;
  border: 1px solid #ddd;
  font-size: 11px;
  position: relative; }

#filterList .column {
  width: 165px;
  float: left;
  margin: 15px 15px 0 15px; }

#filterList .column.first {
  margin-left: 15px; }

#filterList .column.last {
  margin-right: 15px; }

#filterList .groupHeader {
  text-transform: uppercase;
  font-size: 10px;
  line-height: 16px;
  padding: 0;
  color: #777;
  border-bottom: 1px dotted #AAA;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

#filterList .group {
  padding-bottom: 15px; }

#filterList .item {
  margin: 0 1px;
  display: block;
  padding: 0 0 0 15px;
  color: #222;
  line-height: 16px;
  height: 16px;
  text-decoration: none;
  background-color: transparent;
  background-position: 2px center;
  background-repeat: no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

#filterList .item:hover {
  color: #fff;
  background-color: #888;
  outline: 1px solid #888; }

#filterList .item.selected {
  background-image: url(filter/tick.png); }

#filterList .item.selected:hover {
  background-image: url(filter/tick_white.png); }

#filterList .trash {
  position: absolute;
  right: 10px;
  bottom: 10px; }

/*******************************************************************************
 * Roompreview
 ******************************************************************************/
#roomPreviewLoader {
  display: none;
  position: absolute;
  left: 1px;
  top: 1px;
  background: url("/swf/ajax-loader.gif") center center no-repeat;
  z-index: 100; }

/*******************************************************************************
 * Separator
 ******************************************************************************/
.roomlist_separator {
  width: 100%;
  height: 21px;
  color: #000;
  text-decoration: none; }

.roomlist_separator .f_title, .roomlist_separator .f_right {
  height: 20px;
  line-height: 20px; }

.roomlist_separator .f_title {
  font-size: 12px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  float: left;
  vertical-align: middle; }

.roomlist_separator .f_right {
  float: right;
  text-align: right;
  padding-right: 7px; }

.roomlist_separator.paging .f_right {
  padding-right: 0; }

.f_icon {
  padding-left: 20px; }

.f_icon_big {
  background: url(roomcomponent/theme_icon_big.png) left bottom no-repeat; }

.f_icon_small {
  background: url(roomcomponent/theme_icon_small.png) left bottom no-repeat; }

/*******************************************************************************
 * Common values
 ******************************************************************************/
.roomtheme {
  margin-top: 20px !important;
  position: relative;
  z-index: 1; }

.roomblock {
  vertical-align: top;
  display: block;
  float: left;
  *float: none;
  /* IE FIX */
  *display: inline;
  /* IE FIX */
  *zoom: 1;
  /* IE FIX */
  *font-size: 0;
  /* Inline block fix */ }

.roomlist_label {
  margin-top: 2px;
  padding: 0 3px;
  text-align: center;
  background: #edeeef; }

.roomlist_label a {
  display: block;
  text-overflow: hidden;
  text-overflow: ellipsis;
  height: 16px;
  line-height: 16px; }

.roomlist_label a {
  font-size: 11px;
  color: #333333;
  text-decoration: none;
  display: block;
  overflow: hidden;
  white-space: nowrap; }

.roomlist_label.pom a {
  color: #fff;
  background: #ff4f0a; }

.roomlist_label.pom {
  background: #ff4f0a; }

.roomlist_label a:hover {
  text-decoration: none; }

.roomlist_label_last {
  margin-bottom: 15px; }

.roomblock .flag-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 17px;
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50); }
.roomblock .flag-list {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 15px;
  padding: 0 3px;
  text-align: left; }
.roomblock .hd {
  background: transparent url(roomcomponent/hd.png) top left no-repeat;
  position: absolute;
  left: 3px;
  top: 3px;
  width: 22px;
  height: 14px; }
.roomblock a.favourite-toggle {
  position: absolute;
  display: block;
  left: 5px;
  top: 5px;
  width: 30px;
  height: 30px;
  background-image: url(roomcomponent/favorite2.png);
  background-repeat: no-repeat; }
.roomblock .roomlist_room .favourite-add {
  display: block;
  background-position: 0 0; }
.roomblock .roomlist_room .favourite-del {
  display: none;
  background-position: 0 -30px; }
.roomblock .roomlist_room:hover .favourite-add {
  background-position: -30px 0; }
.roomblock .roomlist_room:hover .favourite-del {
  background-position: -30px -30px; }
.roomblock .roomlist_room.favourite .favourite-add {
  display: none; }
.roomblock .roomlist_room.favourite .favourite-del {
  display: block; }
.roomblock .roomlist_layer {
  position: absolute; }
.roomblock .roomlist_full_layer {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
.roomblock .flash-container,
.roomblock .link-layer {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%; }
.roomblock .flash-container {
  margin: auto;
  overflow: hidden; }
  .roomblock .flash-container .online-status {
    text-align: center;
    width: 50%;
    height: 2em;
    line-height: 2em;
    background: #FFF;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 3px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
  .roomblock .flash-container .live-badge {
    position: absolute;
    top: 5px;
    left: auto;
    bottom: auto;
    right: 5px;
    font-size: 10px;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 1px 1px #000; }
  .roomblock .flash-container.loading {
    background: url("ajax-loader.gif") center center no-repeat; }
.roomblock .achievement {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 180px;
  height: 135px; }
  .roomblock .achievement.achievement_competition_general {
    position: absolute;
    bottom: -17px;
    right: -8px;
    top: auto;
    left: auto;
    width: 27px;
    height: 40px; }

/*******************************************************************************
 * Big theme
 ******************************************************************************/
.roomtheme_big {
  margin: 0 -10px 0 -10px; }
  .roomtheme_big .roomblock {
    margin: 0 10px 10px 10px;
    width: 180px; }
  .roomtheme_big .roomlist_room {
    width: 180px;
    text-align: left;
    position: relative; }
  .roomtheme_big .roomlist_layers {
    position: relative;
    width: 178px;
    height: 135px; }
  .roomtheme_big .roomlist_border {
    border: 1px solid #999; }
  .roomtheme_big .roomlist_layer {
    position: absolute; }
  .roomtheme_big .roomlist_full_layer {
    top: 0;
    left: 0;
    width: 178px;
    height: 135px; }
  .roomtheme_big .roomlist_image {
    background-position: -1px -1px; }
  .roomtheme_big .achievement {
    position: absolute;
    left: -1px;
    top: -1px;
    width: 180px;
    height: 135px; }

/*******************************************************************************
 * Small theme
 ******************************************************************************/
.roomtheme_small {
  margin: 0 -11px 0 -11px; }
  .roomtheme_small .roomblock {
    margin: 0 12px 8px 11px;
    width: 144px; }
  .roomtheme_small .roomlist_room {
    width: 144px;
    text-align: left;
    position: relative; }
  .roomtheme_small .roomlist_layers {
    position: relative;
    width: 142px;
    height: 106px; }
  .roomtheme_small .roomlist_full_layer {
    top: 0;
    left: 0;
    width: 142px;
    height: 106px; }
  .roomtheme_small .roomlist_border {
    border: 1px solid #999; }
  .roomtheme_small .roomlist_image {
    background-position: -1px -1px; }
  .roomtheme_small .achievement {
    position: absolute;
    left: -1px;
    top: -1px;
    width: 144px;
    height: 108px; }

/*******************************************************************************
 * mypage theme
 ******************************************************************************/
.roomtheme_mypage {
  margin: 0 -5px -5px -5px;
  margin-top: 5px !important; }
  .roomtheme_mypage .roomblock {
    margin: 0 5px 5px 5px;
    width: 165px; }
  .roomtheme_mypage .roomlist_room {
    width: 100%; }
  .roomtheme_mypage .roomlist_border {
    border: 1px solid #999;
    position: relative;
    width: 163px;
    height: 122px; }
  .roomtheme_mypage .achievement {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 100%;
    height: 100%; }

/*******************************************************************************
 * Common values
 ******************************************************************************/
.videolist_separator {
  width: 100%;
  height: 21px;
  font-family: Arial;
  font-size: 12px;
  color: #000;
  text-decoration: none; }

.videolist_separator a {
  color: #000;
  text-decoration: none; }

.videolist_separator a:hover {
  color: #1B75A9;
  text-decoration: none; }

.videolist_separator .f_title, .videolist_separator .f_right {
  font-size: 12px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  height: 20px;
  line-height: 20px; }

.videolist_separator .f_title {
  float: left;
  vertical-align: middle; }

.videolist_separator .f_right {
  float: right;
  text-align: right;
  padding-right: 7px; }

.videolist_separator.paging .f_right {
  padding-right: 0; }

.f_icon {
  padding-left: 20px; }

.f_icon_big {
  background: url(roomcomponent/theme_icon_big.png) left bottom no-repeat; }

.f_icon_small {
  background: url(roomcomponent/theme_icon_small.png) left bottom no-repeat; }

.videotheme {
  margin-top: 20px !important;
  position: relative;
  z-index: 1;
  overflow: hidden; }

.videotheme .videolist_layer {
  position: absolute; }

.videotheme .videolist_border {
  border: 1px solid #999; }

.videotheme .title {
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.videotheme .videolist_full_layer {
  top: 0;
  left: 0; }

.videotheme .title a {
  color: #333;
  text-decoration: none; }

.videotheme .details {
  height: 16px; }

.videotheme .details .left {
  float: left; }

.videotheme .details .right {
  float: right; }

.videotheme .details .left,
.videotheme .details .right {
  font-size: 11px;
  line-height: 16px;
  height: 11px; }

.videoblock {
  vertical-align: top;
  display: block;
  float: left;
  *float: none;
  /* IE FIX */
  *display: inline;
  /* IE FIX */
  *zoom: 1;
  /* IE FIX */
  *font-size: 0;
  /* Inline block fix */ }

.videotheme .star {
  float: right;
  background-image: url(videocomponent/star.png);
  background-repeat: repeat-x;
  background-position: 0 0;
  width: 14px;
  height: 13px; }

.videotheme .videolist_screenname {
  top: auto;
  bottom: 3px;
  height: 11px !important;
  line-height: 11px;
  text-align: left;
  color: #FFF;
  padding-left: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.videotheme .videolist_flag {
  top: auto;
  bottom: 3px;
  height: 11px;
  text-align: left; }

.videotheme .videolist_flag_bg {
  top: auto;
  bottom: 0;
  height: 16px !important;
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50); }

.videotheme a.videocomponentlink {
  font-family: Arial;
  font-size: 11px;
  color: #333333;
  text-decoration: none;
  display: block;
  width: 100%;
  height: 14px;
  overflow: hidden;
  white-space: nowrap; }

.videotheme a.videocomponentlink:hover {
  font-family: Arial;
  font-size: 11px;
  color: #333333;
  text-decoration: none; }

.videotheme .egg, .roomtheme .egg {
  position: absolute;
  bottom: -3px;
  right: -3px;
  top: auto;
  left: auto;
  width: 37px;
  height: 42px; }

.videotheme .star.full {
  background-position: 0 -13px; }

.videotheme .star.half {
  background-position: 0 -26px; }

/*******************************************************************************
 * Big theme
 ******************************************************************************/
.videotheme_big {
  margin: 0 -10px 0 -10px; }

.videotheme_big .videoblock {
  margin: 0 10px 20px 10px;
  width: 180px; }

.videotheme_big .achievement {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 180px;
  height: 135px; }

.videotheme_big .videolist_video {
  width: 180px;
  text-align: left;
  position: relative; }

.videotheme_big .videolist_layers {
  position: relative;
  width: 178px;
  height: 135px; }

.videotheme_big .videolist_full_layer {
  width: 178px;
  height: 135px; }

.videotheme_big .videolist_image {
  background-position: -1px -1px; }

.videotheme_big .videolist_full_layer a {
  display: block;
  width: 100%;
  height: 100%; }

.videotheme_big .videolist_label {
  margin-top: 2px;
  padding: 0 3px;
  text-align: center;
  background: #edeeef; }

.videotheme_big .videolist_label a {
  display: block;
  text-overflow: hidden;
  text-overflow: ellipsis;
  height: 16px;
  line-height: 16px; }

.videotheme_big .videolist_label_last {
  margin-bottom: 15px; }

/*******************************************************************************
 * Huge theme
 ******************************************************************************/
.videotheme_huge {
  margin: 0 -14px 0 -14px; }

.videotheme_huge .videoblock {
  margin: 0 14px 28px 14px;
  width: 308px; }

.videotheme_huge .achievement {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 308px;
  height: 231px; }

.videotheme_huge .videolist_video {
  width: 308px;
  text-align: left;
  position: relative; }

.videotheme_huge .videolist_layers {
  position: relative;
  width: 306px;
  height: 229px; }

.videotheme_huge .videolist_full_layer {
  width: 306px;
  height: 229px; }

.videotheme_huge .videolist_image {
  background-position: -1px -1px; }

.videotheme_huge .videolist_full_layer a {
  display: block;
  width: 100%;
  height: 100%; }

.videotheme_huge .videolist_label {
  margin-top: 2px;
  padding: 0 3px;
  text-align: center;
  background: #edeeef; }

.videotheme_huge .videolist_label a {
  display: block;
  text-overflow: hidden;
  text-overflow: ellipsis;
  height: 16px;
  line-height: 16px; }

.videotheme_huge .videolist_label_last {
  margin-bottom: 15px; }

/*******************************************************************************
 * Small theme
 ******************************************************************************/
.videotheme_small {
  margin: 0 -8px 0 -8px; }

.videotheme_small .videoblock {
  margin: 0 7px 7px 8px;
  width: 144px; }

.videotheme_small a.videocomponentlink {
  font-family: Arial;
  font-size: 11px;
  color: #333333;
  text-decoration: none;
  display: block;
  width: 138px;
  height: 14px;
  overflow: hidden;
  white-space: nowrap; }

.videotheme_small .achievement {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 144px;
  height: 108px; }

.videotheme_small .title {
  font-size: 12px;
  line-height: 16px;
  height: 16px; }

.videotheme_small .videolist_video {
  width: 144px;
  text-align: left;
  position: relative; }

.videotheme_small .videolist_layers {
  position: relative;
  width: 142px;
  height: 106px; }

.videotheme_small .videolist_full_layer {
  width: 142px;
  height: 106px; }

.videotheme_small .videolist_image {
  background-position: -1px -1px; }

.videotheme_small .videolist_full_layer a {
  display: block;
  width: 100%;
  height: 100%; }

.videotheme_small .videolist_label {
  margin-top: 2px;
  padding: 0 3px;
  text-align: center;
  background: #edeeef; }

.videotheme_small .videolist_label a {
  display: block;
  text-overflow: hidden;
  text-overflow: ellipsis;
  height: 16px;
  line-height: 16px; }

.videotheme_small .details .left,
.videotheme_small .details .right {
  font-size: 10px;
  line-height: 14px;
  height: 11px; }

.videotheme_small .videolist_label_last {
  margin-bottom: 15px; }

.videotheme_small .star {
  background-position: -1px 0;
  width: 12px; }

.videotheme_small .star.half {
  background-position: -1px -26px; }

.videotheme_small .star.full {
  background-position: -1px -13px; }

/*******************************************************************************
 * mypage theme
 ******************************************************************************/
.videotheme_mypage {
  margin: 0 -7px 0 -7px;
  font-family: arial; }

.videotheme_mypage .videoblock {
  margin: 0 7px 7px 7px;
  width: 162px; }

.videotheme_mypage a.videocomponentlink {
  font-size: 11px;
  color: #333333;
  text-decoration: none;
  display: block;
  width: 162px;
  height: 14px;
  overflow: hidden;
  white-space: nowrap; }

.videotheme_mypage .achievement {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 162px;
  height: 108px; }

.videotheme_mypage a.videocomponentlink:hover {
  font-size: 11px;
  color: #333333;
  text-decoration: none; }

.videotheme_mypage .title {
  font-size: 12px;
  line-height: 16px;
  height: 16px; }

.videotheme_mypage .videolist_video {
  width: 162px;
  text-align: left;
  position: relative; }

.videotheme_mypage .videolist_layers {
  position: relative;
  width: 160px;
  height: 120px; }

.videotheme_mypage .videolist_full_layer {
  width: 160px;
  height: 120px; }

.videotheme_mypage .videolist_image {
  background-position: -1px -1px; }

.videotheme_mypage .videolist_full_layer a {
  display: block;
  width: 100%;
  height: 100%; }

.videotheme_mypage .videolist_flag_bg {
  top: auto;
  bottom: 0;
  height: 16px;
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50); }

.videotheme_mypage .videolist_flag {
  top: auto;
  bottom: 0;
  height: 16px;
  text-align: left;
  line-height: 16px; }

.videotheme_mypage .videolist_flag span {
  vertical-align: middle;
  line-height: 16px; }

.videotheme_mypage .videolist_flag img {
  padding-top: 3px; }

.videotheme_mypage .videolist_label {
  margin-top: 2px;
  padding: 0 3px;
  text-align: center;
  background: #edeeef; }

.videotheme_mypage .videolist_label a {
  display: block;
  text-overflow: hidden;
  text-overflow: ellipsis;
  height: 16px;
  line-height: 16px; }

.videotheme_mypage .details .left,
.videotheme_mypage .details .right {
  font-size: 10px;
  line-height: 14px;
  height: 11px; }

.videotheme_mypage .videolist_label_last {
  margin-bottom: 15px; }

.videotheme_mypage .star {
  background-position: -1px 0;
  width: 12px; }

.videotheme_mypage .star.half {
  background-position: -1px -26px; }

.videotheme_mypage .star.full {
  background-position: -1px -13px; }

/*******************************************************************************
 * Seperate video page
*******************************************************************************/
#videoPage {
  position: relative; }

#videoPageSide .menu {
  padding: 0;
  margin: 0 0 20px 0; }

#videoPageSide .menu li {
  margin: 0;
  padding: 0;
  display: block; }

#videoPageSide .menu li.active {
  font-weight: bold; }

#videoPageSide .menu li a {
  color: #555;
  text-decoration: none;
  line-height: 20px; }

#videoPageSide .menu li.active a {
  color: #333; }

#videoPageSide .info .rating {
  display: inline-block;
  vertical-align: top; }

#videoPageSide .info {
  line-height: 2em;
  height: 2em; }

#videoPageSide .info .label {
  font-weight: bold; }

#videoPageSide a {
  color: #333; }

#videoPageVideo .thumbnails {
  margin: 0 -8px; }

/*******************************************************************************
 * Simple theme - for promo panel
 ******************************************************************************/
.videotheme_simple {
  margin: 0 -10px 0 -10px; }
  .videotheme_simple .videoblock {
    margin: 0 10px 0 10px;
    width: 180px; }
  .videotheme_simple .achievement {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 180px;
    height: 135px; }
  .videotheme_simple .videolist_video {
    width: 180px;
    text-align: left;
    position: relative; }
  .videotheme_simple .videolist_layers {
    position: relative;
    width: 178px;
    height: 135px; }
  .videotheme_simple .videolist_full_layer {
    width: 178px;
    height: 135px; }
  .videotheme_simple .videolist_image {
    background-position: -1px -1px; }
  .videotheme_simple .videolist_full_layer a {
    background: url("mypage/video_overlay.png") center center no-repeat;
    display: block;
    width: 100%;
    height: 100%; }
  .videotheme_simple .videolist_label {
    margin-top: 2px;
    padding: 0 3px;
    text-align: center;
    background: #edeeef; }
  .videotheme_simple .videolist_label a {
    display: block;
    text-overflow: hidden;
    text-overflow: ellipsis;
    height: 16px;
    line-height: 16px; }
  .videotheme_simple .videolist_label_last {
    margin-bottom: 15px; }

#ccPanel {
  width: 574px;
  height: 761px;
  position: absolute;
  z-index: 800;
  right: -584px;
  top: 0;
  border: 3px solid #000;
  background: #FFF;
  -webkit-transition: 0.25s right ease-in;
  -moz-transition: 0.25s right ease-in;
  -ms-transition: 0.25s right ease-in;
  transition: 0.25s right ease-in; }
  body.videos #ccPanel {
    height: 802px; }
  #ccPanel iframe {
    width: 100%;
    height: 100%;
    border: none; }
  #ccPanel .close_old {
    position: absolute;
    top: 0;
    right: 0;
    width: 13px;
    overflow: visible;
    padding: 3px;
    text-align: center;
    font-family: Arial;
    font-size: 8pt;
    text-decoration: none;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
    background-color: transparent;
    color: #525252; }
    #ccPanel .close_old:hover {
      background-color: #525252;
      color: #f8f8f8; }
  #ccPanel .close {
    display: block;
    position: absolute;
    top: 2px;
    right: 2px;
    width: 14px;
    height: 14px;
    cursor: pointer; }
    #ccPanel .close i {
      display: block;
      width: 14px;
      height: 14px;
      background: url("scrollpanel/sprite.png?v=2") -30px 0 no-repeat; }
    #ccPanel .close:hover i {
      background-position: -44px 0; }
  #ccPanel.visible {
    right: 10px; }

#myPage {
  position: relative; }

#myPageContentMain {
  margin-bottom: 20px; }

#myPageSideBar .roomImage {
  position: relative;
  width: 268px;
  height: 200px;
  border: 1px solid #888;
  margin-bottom: 15px; }

#myPage .roomImage .achievement {
  width: 52px;
  height: 52px;
  top: -1px;
  right: -1px;
  position: absolute; }

#myPageSideBar .roomImage .achievement_competition_general {
  position: absolute;
  bottom: -17px;
  right: -8px;
  top: auto;
  left: auto;
  width: 27px;
  height: 40px; }

#myPageSideBar .roomImage .achievement_fav {
  bottom: auto;
  right: auto;
  top: 10px;
  left: 10px;
  background: url(../../roomcomponent/favorite.png) left top no-repeat; }

#myPageSideBar .roomImage .flagbg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50); }

#myPageSideBar .roomImage .flags {
  position: absolute;
  bottom: 3px;
  left: 3px;
  height: 11px; }

#myPage h1.name {
  font-weight: bold; }

#myPageSideBar .rating .label {
  float: left;
  line-height: 19px;
  height: 19px;
  margin-right: 3px; }

#myPage li.popup {
  position: relative; }

#myPageSideBar .rating, #myPageSideBar .lastShow, #myPageSideBar .since {
  clear: both;
  line-height: 18px;
  height: 18px; }

#myPageSideBar .lastShow, #myPageSideBar .since {
  clear: both;
  margin: 10px 0;
  height: auto;
  line-height: 1.1em; }

#myPage .intro .panel td {
  width: 50%;
  vertical-align: top; }

#myPage .intro .panel .left {
  border-right: 1px solid #aaa;
  padding: 0 10px 0 0; }

#myPage .intro .panel .right {
  padding: 0 0 0 10px; }

#myPage .intro .attributes {
  line-height: 1.5em; }

#myPage .intro .attributes .items {
  margin: 15px 0; }

#myPage .intro .attributes a,
#myPage .intro .tags a {
  color: #333;
  text-decoration: none; }

#myPage .intro .attributes a:hover,
#myPage .intro .tags a:hover {
  text-decoration: underline; }

#myPage .intro .attributes .items div {
  float: left;
  width: 50%; }

#myPage .intro .box p.q {
  font-weight: bold;
  margin-bottom: 0; }

#myPage .intro .box p.a {
  margin-top: 0; }

/* Play button */
#myPage .play_overlay {
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0.5;
  z-index: 100;
  background: url("mypage/video_overlay.png") center center no-repeat;
  -webkit-transition: opacity 0.25s ease-in;
  -moz-transition: opacity 0.25s ease-in; }

#myPage .play_overlay:hover {
  opacity: 1; }

#myPageContent .gallery .image {
  padding: 3px;
  border: 1px solid #888;
  margin-bottom: 20px;
  position: relative; }

#myPageContent .gallery .image div {
  display: block;
  width: 682px;
  height: 511px; }

#myPageContent .gallery .image div a {
  color: #FFF;
  display: none;
  position: absolute;
  top: 0;
  height: 100%;
  line-height: 100%;
  width: 100px;
  font-size: 64px;
  opacity: 0.5;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  text-shadow: 1px 1px 3px black; }

#myPageContent .gallery .image div:hover a {
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  display: block;
  opacity: 0.5; }

#myPageContent .gallery .image div a span {
  display: block;
  position: absolute;
  top: 233px;
  width: 26px;
  height: 44px;
  background-image: url(../../mypage/arrow.png); }

#myPageContent .gallery .image div a.prev span {
  background-position: 0 0;
  left: 20px; }

#myPageContent .gallery .image div a.next span {
  background-position: 26px 0;
  right: 20px; }

#myPageContent .gallery .image div a.prev span {
  background-position: 0 0; }

#myPageContent .gallery .image div:hover a:hover {
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  opacity: 1; }

#myPageContent .gallery .image div a:hover {
  text-decoration: none; }

#myPageContent .gallery .image div a.prev {
  left: 0; }

#myPageContent .gallery .image div a.next {
  right: 0; }

#myPageContent .videogallery .thumbnails {
  margin: 0 -8px;
  m-argin-top: 0 !important; }

#myPageContent .morethumbnails .more {
  padding: 5px;
  float: right;
  color: #333; }

#myPageContent .morethumbnails .more:hover {
  color: #047; }

#myPageContent .imagegallery .thumbnails,
#myPageContent .morethumbnails {
  margin: 0 -3px 0 -3px; }

#myPageContent .gallery .thumbnail,
#myPageContent .morethumbnails .thumbnail {
  float: left;
  padding: 4px;
  border: 1px solid #ddd;
  margin: 3px 3px 3px 3px; }

#myPageContent .gallery .thumbnail.selected {
  background: #fa0;
  border: 1px solid #888; }

#myPage .content.gallery .thumbnail a,
#myPageContent .morethumbnails .thumbnail a {
  display: block;
  width: 158px;
  height: 119px; }

#myPage .paging a .inner {
  font-size: 11px;
  line-height: 19px;
  height: 19px;
  padding: 0 5px; }

#myPageContent .miniText div {
  display: table-cell;
  vertical-align: middle;
  padding: 10px; }

#myPage .content.gallery .prevnext a {
  color: #333;
  text-decoration: none;
  font-weight: bold; }

#myPage .imgagegallery .content.gallery .prevnext {
  float: right; }

#myPage .videotheme {
  margin-top: 0 !important; }

#myPage #videoPlayerHolderMyPage {
  margin-bottom: 20px; }

#videoPlayerHolderMyPage {
  width: 560px;
  height: 420px;
  position: relative; }

#videoPlayerHolderMyPage .ppm {
  top: 150px; }

#videoPlayerHolderMyPage .ppv {
  top: 150px; }

#myPage #throbber {
  display: none; }

/* Language Chooser on chat page */
#chatLanguageChooser {
  border: 1px solid #ccc;
  padding: 20px; }

#chatLanguageChooser .flag {
  width: 33%;
  float: left;
  line-height: 24px; }

#chatLanguageChooser .flags {
  padding: 20px 0 10px 0; }

#chatLanguageChooser .bottom {
  padding-top: 10px;
  border-top: 1px solid #ccc; }

#chatLanguageChooser .description a {
  display: block;
  font-size: 14px;
  margin-bottom: 5px; }

#miniTeaser {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none; }

.box.quickbuy .state-success, .box.quickbuy .state-error, .box.quickbuy .state-ask {
  margin: 0.5em 0;
  padding: 0.5em;
  display: none; }
.box.quickbuy .state-success {
  border: 1px solid #080;
  color: #080; }
.box.quickbuy .state-error {
  border: 1px solid #800;
  color: #800; }
.box.quickbuy .state-ask {
  border: 1px solid #ccc;
  font-color: #555; }
  .box.quickbuy .state-ask .message {
    margin-bottom: 0.5em; }
  .box.quickbuy .state-ask .buttons {
    text-align: right;
    text-transform: uppercase;
    font-weight: bold; }

.tip-widget {
  line-height: 1.5em; }
  .tip-widget .result-error, .tip-widget .result-success {
    display: none;
    text-align: left;
    margin: 1em 0; }
  .tip-widget .result-error {
    color: #A00; }
  .tip-widget .result-success {
    color: #333; }
  .tip-widget .state-normal, .tip-widget .state-cantsend, .tip-widget .state-outofcredit, .tip-widget .state-loading {
    display: none;
    margin: 1em 0;
    display: none; }
  .tip-widget .dropdowncnt {
    display: none;
    width: 183px;
    height: 24px;
    overflow: hidden;
    position: relative;
    float: left;
    background: #FFF;
    outline: 1px solid #f1ca7f;
    border: 1px solid #be974b;
    border-radius: 1px; }
    .tip-widget .dropdowncnt:after {
      display: block;
      content: ' ';
      position: absolute;
      top: 0;
      right: 0;
      width: 24px;
      height: 24px;
      pointer-events: none;
      background: url(mypage/tiparrow.png); }
  .tip-widget .dropdown {
    appearance: normal;
    background: #FFF;
    border: none;
    outline: 0;
    width: 183px;
    height: 24px;
    font: 12px Arial;
    color: #333;
    padding: 2px 0 0 0;
    vertical-align: middle; }
    .tip-widget .dropdown:focus {
      outline: 0;
      box-shadow: none;
      border: 0; }
  .tip-widget .send {
    display: none;
    background: #eee;
    border-radius: 1px;
    border: 1px solid #ccc;
    height: 26px;
    width: 70px;
    font: 12px Arial;
    color: #333;
    float: right; }
  .tip-widget.state-loading .state-loading {
    display: block; }
  .tip-widget.state-normal .state-normal {
    display: block; }
  .tip-widget.state-normal .dropdowncnt {
    display: block; }
  .tip-widget.state-normal .send {
    display: block; }
  .tip-widget.state-sent .state-normal {
    display: block; }
  .tip-widget.state-sent .dropdowncnt {
    display: block; }
  .tip-widget.state-sent .send {
    display: block; }
  .tip-widget.state-cantsend .state-cantsend {
    display: block; }
  .tip-widget.result-success .result-success {
    display: block; }
  .tip-widget.result-error .result-error {
    display: block; }
  .tip-widget .tipwidget.notmodern .dropdowncnt .arrow {
    display: none; }
  .tip-widget .tipwidget.notmodern .dropdowncnt {
    background: #FFF url(mypage/tiparrow.png) top right no-repeat; }
  .tip-widget .tipwidget.notmodern .dropdown {
    width: 133px; }

#myPageSideBar .happyHourBanner {
  font-family: verdana, arial, helvetica, sans-serif;
  background-color: #000;
  display: none;
  width: 270px;
  height: 102px;
  margin-bottom: 15px; }
  #myPageSideBar .happyHourBanner .inner {
    padding: 15px;
    color: #fff; }
  #myPageSideBar .happyHourBanner .inprogress {
    padding-left: 140px;
    padding-top: 17px;
    line-height: 1.25em;
    font-size: 14px; }
  #myPageSideBar .happyHourBanner .finished {
    padding-top: 64px;
    font-size: 11px;
    text-align: center; }
  #myPageSideBar .happyHourBanner.inprogress {
    background-image: url(happyhour/hh_progress.jpg); }
    #myPageSideBar .happyHourBanner.inprogress .inprogress {
      display: block; }
    #myPageSideBar .happyHourBanner.inprogress .finished {
      display: none; }
  #myPageSideBar .happyHourBanner.finished {
    background-image: url(happyhour/hh_finished_en.jpg); }
    #myPageSideBar .happyHourBanner.finished.hu {
      background-image: url(happyhour/hh_finished_hu.jpg); }
    #myPageSideBar .happyHourBanner.finished .inprogress {
      display: none; }
    #myPageSideBar .happyHourBanner.finished .finished {
      display: block; }

.gift-widget p {
  margin: 1em 0;
  line-height: 1.5em; }
.gift-widget .dropdown, .gift-widget .textarea, .gift-widget .buttons, .gift-widget .loading, .gift-widget .result {
  margin: 10px 0; }
.gift-widget .dropdown {
  display: block;
  position: relative;
  height: 31px; }
  .gift-widget .dropdown * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer; }
  .gift-widget .dropdown .selected, .gift-widget .dropdown .list {
    border: 1px solid #ccc;
    background: #fff; }
  .gift-widget .dropdown .list {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    display: none; }
  .gift-widget .dropdown .list-inner {
    max-height: 200px;
    overflow: auto; }
  .gift-widget .dropdown .item-template {
    display: none; }
  .gift-widget .dropdown .item {
    width: 100%;
    display: table; }
    .gift-widget .dropdown .item .image, .gift-widget .dropdown .item .name, .gift-widget .dropdown .item .price {
      display: table-cell;
      vertical-align: middle;
      padding: 2px 10px; }
    .gift-widget .dropdown .item .name {
      padding: 2px 0; }
    .gift-widget .dropdown .item .price {
      text-align: right;
      color: #888; }
    .gift-widget .dropdown .item .image {
      vertical-align: top;
      width: 25px; }
    .gift-widget .dropdown .item .image img {
      width: 25px;
      height: 25px; }
    .gift-widget .dropdown .item:hover {
      background: #eee;
      outline: 1px solid #ddd; }
  .gift-widget .dropdown .selected {
    height: 29px;
    padding-right: 33px;
    overflow: hidden;
    background: url("mypage/tiparrow.png") no-repeat;
    background-position: right 4px top 3px; }
    .gift-widget .dropdown .selected .default {
      height: 25px;
      line-height: 25px;
      padding: 2px 10px; }
    .gift-widget .dropdown .selected .item:hover {
      background: #fff;
      outline: none; }
    .gift-widget .dropdown .selected .price {
      padding-right: 0; }
  .gift-widget .dropdown hr {
    height: 1px;
    border: none;
    border-top: 1px solid #ccc;
    padding: 0;
    margin: 5px; }
  .gift-widget .dropdown.compact .list-inner {
    max-height: 120px;
    overflow: auto; }
  .gift-widget .dropdown.up .list {
    position: absolute;
    bottom: 30px;
    top: auto;
    left: 0;
    right: 0;
    display: none; }
.gift-widget .textarea {
  display: none; }
  .gift-widget .textarea textarea {
    font-family: inherit;
    font-size: inherit;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    resize: none;
    margin: 0;
    vertical-align: top; }
  .gift-widget .textarea textarea:disabled {
    background: #fff;
    color: #aaa; }
.gift-widget .buttons {
  display: none;
  text-align: right; }
  .gift-widget .buttons input {
    border: 1px solid #ccc;
    background: #eee;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 5px 5px; }
.gift-widget .loading {
  display: none; }
  .gift-widget .loading .loading-animation-1 {
    width: 10px;
    height: 10px;
    border: 2px solid #333;
    -webkit-animation: keyframes-loader-animation-1 0.8s infinite linear;
    animation: keyframes-loader-animation-1 0.8s infinite linear; }
  .gift-widget .loading .loading-animation-1, .gift-widget .loading span {
    vertical-align: middle; }
  .gift-widget .loading span {
    line-height: 16px;
    display: inline-block;
    margin-left: 5px; }
.gift-widget .result {
  display: none; }
.gift-widget textarea:focus, .gift-widget .focus {
  outline: 1px solid #f1ca7f !important;
  outline-offset: 0;
  border: 1px solid #be974b !important; }

#myPage .intro .box.gifts * {
  box-sizing: border-box; }
#myPage .intro .box.gifts * {
  -moz-box-sizing: border-box; }
#myPage .intro .box.gifts .list {
  margin: 15px -5px 15px -5px; }
#myPage .intro .box.gifts .plus {
  position: absolute;
  width: 24px;
  height: 24px;
  background: #f46240;
  border-radius: 100%;
  background-image: url(/design/default/gift/plus.png);
  background-position: 4px 4px;
  background-repeat: no-repeat; }
#myPage .intro .box.gifts .gift {
  display: block;
  width: 100px;
  height: 100px;
  margin: 5px 5px 5px 5px;
  float: left;
  position: relative;
  color: #333; }
  #myPage .intro .box.gifts .gift .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #d9d9d9;
    background: #fff;
    box-shadow: inset 0 0 2px 1px rgba(255, 255, 255, 0.5);
    border-radius: 4px; }
  #myPage .intro .box.gifts .gift .img {
    display: inline-block;
    position: absolute;
    left: 12px;
    top: 12px;
    width: 75px;
    height: 75px; }
  #myPage .intro .box.gifts .gift .info {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 6px;
    opacity: 1;
    text-align: center;
    font-size: 11px; }
    #myPage .intro .box.gifts .gift .info .name-price, #myPage .intro .box.gifts .gift .info .by {
      line-height: 1.3em;
      margin: 0.2em 0; }
    #myPage .intro .box.gifts .gift .info .name, #myPage .intro .box.gifts .gift .info .message {
      font-weight: bold;
      font-size: 12px; }
    #myPage .intro .box.gifts .gift .info .name {
      padding-bottom: 3px; }
    #myPage .intro .box.gifts .gift .info .by {
      color: #888;
      height: 1.3em;
      overflow: hidden; }
    #myPage .intro .box.gifts .gift .info .username {
      white-space: nowrap;
      height: 1.3em;
      max-width: 124px;
      display: inline-block;
      text-overflow: ellipsis; }
  #myPage .intro .box.gifts .gift.item .plus {
    display: none; }
  #myPage .intro .box.gifts .gift.placeholder .plus {
    display: block;
    top: 63px;
    left: 63px; }
  #myPage .intro .box.gifts .gift.placeholder .img {
    left: 17px;
    top: 17px;
    width: 65px;
    height: 65px;
    background-image: url(gift/gift_placeholder.png); }
  #myPage .intro .box.gifts .gift:hover .inner {
    z-index: 10;
    color: #fff;
    background: #111;
    border-color: #111;
    box-shadow: none;
    top: -10px;
    bottom: -30px;
    left: -20px;
    right: -20px; }
  #myPage .intro .box.gifts .gift:hover .info {
    display: block; }
  #myPage .intro .box.gifts .gift:hover .plus {
    display: block;
    position: absolute;
    z-index: 100;
    right: 10px;
    top: 10px;
    left: auto;
    bottom: auto; }
  #myPage .intro .box.gifts .gift:hover .message {
    padding: 10px 0; }
  #myPage .intro .box.gifts .gift:hover .img {
    width: 65px;
    height: 65px;
    left: 37px;
    top: 12px; }
  #myPage .intro .box.gifts .gift.placeholder:hover .img {
    width: 65px;
    height: 65px;
    left: 37px;
    top: 22px;
    background-image: url(gift/gift_placeholder_hover.png); }
#myPage .intro .box.gifts .gift-empty {
  display: block;
  text-align: center;
  margin: 20px 0 30px 0; }

#myPage .send-gift h1 {
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px; }
#myPage .send-gift .box * {
  box-sizing: border-box; }
#myPage .send-gift .box * {
  -moz-box-sizing: border-box; }
#myPage .send-gift .list {
  margin: 0 -5px 20px -5px; }
#myPage .send-gift .plus {
  position: absolute;
  width: 24px;
  height: 24px;
  background: #f46240;
  border-radius: 100%;
  background-image: url(/design/default/gift/plus.png);
  background-position: 4px 4px;
  background-repeat: no-repeat; }
#myPage .send-gift input.button {
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  font-family: roboto, serif;
  font-weight: 500;
  text-transform: uppercase;
  background: transparent;
  border-radius: 3px; }
#myPage .send-gift .gift {
  cursor: pointer;
  position: relative;
  float: left;
  width: 130px;
  height: 130px;
  margin: 5px; }
  #myPage .send-gift .gift .inner, #myPage .send-gift .gift .image, #myPage .send-gift .gift .details, #myPage .send-gift .gift .details2 {
    position: absolute; }
  #myPage .send-gift .gift .inner {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px; }
  #myPage .send-gift .gift .image {
    width: 65px;
    height: 65px;
    top: 10px;
    left: 32.5px; }
  #myPage .send-gift .gift .details, #myPage .send-gift .gift .details2 {
    text-align: center;
    bottom: 10px;
    left: 10px;
    right: 10px; }
  #myPage .send-gift .gift .details .name {
    overflow: hidden;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 5px; }
  #myPage .send-gift .gift .details .price {
    color: #888;
    font-size: 11px; }
  #myPage .send-gift .gift .details2 {
    display: none;
    padding-top: 10px; }
    #myPage .send-gift .gift .details2 input.button {
      vertical-align: top;
      background: #f46240;
      padding: 5px 10px;
      width: 90px; }
  #myPage .send-gift .gift .plus {
    position: absolute;
    top: 76px;
    left: 95px;
    display: none; }
  #myPage .send-gift .gift:hover, #myPage .send-gift .gift.hover {
    color: #fff; }
    #myPage .send-gift .gift:hover .details, #myPage .send-gift .gift.hover .details {
      display: none; }
    #myPage .send-gift .gift:hover .details2, #myPage .send-gift .gift.hover .details2 {
      display: block; }
    #myPage .send-gift .gift:hover .plus, #myPage .send-gift .gift.hover .plus {
      display: block; }
    #myPage .send-gift .gift:hover .details, #myPage .send-gift .gift:hover .details2, #myPage .send-gift .gift.hover .details, #myPage .send-gift .gift.hover .details2 {
      bottom: 17px;
      left: 17px;
      right: 17px; }
    #myPage .send-gift .gift:hover .inner, #myPage .send-gift .gift.hover .inner {
      z-index: 10;
      background: #111;
      border-color: #111;
      top: -7px;
      left: -7px;
      right: -7px;
      bottom: -7px;
      padding: 7px; }
    #myPage .send-gift .gift:hover .image, #myPage .send-gift .gift.hover .image {
      top: 17px;
      left: 39.5px; }
  #myPage .send-gift .gift.selected .inner {
    border-color: #f46240; }
#myPage .send-gift .dialog-template {
  display: none; }
#myPage .send-gift .dialog {
  float: left;
  width: 100%;
  height: 0;
  overflow: hidden;
  transition: 0.2s height ease-in;
  padding: 10px 0; }
  #myPage .send-gift .dialog .inner {
    position: relative;
    margin: 0 5px;
    background: #111;
    color: #fff;
    padding: 30px;
    height: 210px; }
  #myPage .send-gift .dialog div.text {
    padding-right: 105px; }
  #myPage .send-gift .dialog h4 {
    font-size: 16px;
    margin: 0 0 0.5em 0;
    padding: 0;
    font-family: roboto, serif;
    font-weight: 500;
    text-transform: uppercase; }
  #myPage .send-gift .dialog p {
    margin: 1.5em 0; }
  #myPage .send-gift .dialog p.text {
    min-height: 3em;
    /*Two lines, 1.5 line height*/ }
  #myPage .send-gift .dialog .img {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 75px;
    height: 75px; }
  #myPage .send-gift .dialog img {
    vertical-align: top;
    width: 75px;
    height: 75px; }
  #myPage .send-gift .dialog .arrow {
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 0;
    height: 0;
    content: " ";
    border: 5px solid rgba(51, 51, 51, 0);
    border-bottom-color: #111;
    margin-left: -5px; }
  #myPage .send-gift .dialog textarea {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    border: 1px solid #3f3f3f;
    background: #2d2d2d;
    color: #aaa;
    margin: 20px 0;
    resize: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }
  #myPage .send-gift .dialog textarea:focus {
    outline: 1px solid transparent;
    border: 1px solid #555;
    outline-offset: 0; }
  #myPage .send-gift .dialog div.message {
    display: none; }
  #myPage .send-gift .dialog .bottom {
    height: 30px; }
    #myPage .send-gift .dialog .bottom p {
      float: left;
      line-height: 20px;
      margin: 0;
      padding: 0; }
  #myPage .send-gift .dialog .buttons {
    float: right;
    text-align: right; }
    #myPage .send-gift .dialog .buttons .button {
      color: #fff;
      background: #f46240;
      padding: 8px 10px;
      margin-left: 1em; }
    #myPage .send-gift .dialog .buttons .button.cancel {
      background: #333;
      color: #fff; }
    #myPage .send-gift .dialog .buttons .button.cancel {
      display: inline-block; }
    #myPage .send-gift .dialog .buttons .button.purchase {
      display: inline-block; }
    #myPage .send-gift .dialog .buttons .button.ok {
      display: none; }
    #myPage .send-gift .dialog .buttons .button.close {
      display: none;
      background: #f46240; }
  #myPage .send-gift .dialog .loading-layer {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #111;
    background: rgba(17, 17, 17, 0.8);
    font-size: 14px;
    font-family: roboto, serif;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center; }
    #myPage .send-gift .dialog .loading-layer .loading-animation-1 {
      width: 20px;
      height: 20px;
      border: 3px solid #f46240;
      -webkit-animation: keyframes-loader-animation-1 0.8s infinite linear;
      animation: keyframes-loader-animation-1 0.8s infinite linear;
      vertical-align: top; }
    #myPage .send-gift .dialog .loading-layer .loading {
      position: absolute;
      top: 50%;
      width: 100%;
      margin-top: -11px; }
    #myPage .send-gift .dialog .loading-layer span {
      margin-left: 1em; }
    #myPage .send-gift .dialog .loading-layer i, #myPage .send-gift .dialog .loading-layer span {
      height: 29px;
      line-height: 29px;
      display: inline-block;
      vertical-align: middle; }
  #myPage .send-gift .dialog.loading .loading-layer {
    display: block; }
  #myPage .send-gift .dialog.result div.text {
    display: none; }
  #myPage .send-gift .dialog.result .textarea {
    display: none; }
  #myPage .send-gift .dialog.result h4 {
    display: none; }
  #myPage .send-gift .dialog.result div.message {
    display: block;
    position: absolute;
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px; }
    #myPage .send-gift .dialog.result div.message .message-inner {
      display: table;
      width: 100%;
      height: 100%; }
    #myPage .send-gift .dialog.result div.message .message-content {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      font-size: 14px;
      line-height: 1.5em;
      font-family: roboto, serif;
      font-weight: 500;
      text-transform: uppercase; }
    #myPage .send-gift .dialog.result div.message i {
      display: inline-block;
      width: 50px;
      height: 50px;
      border: 3px solid #fff;
      border-radius: 50%;
      background-size: 66.66667px 50px;
      vertical-align: middle;
      margin-right: 10px; }
    #myPage .send-gift .dialog.result div.message span {
      display: inline-block;
      vertical-align: middle;
      margin-top: 4px; }
    #myPage .send-gift .dialog.result div.message span.error {
      display: none; }
  #myPage .send-gift .dialog.result .bottom {
    position: absolute;
    bottom: 30px;
    right: 30px;
    left: 30px; }
    #myPage .send-gift .dialog.result .bottom .button {
      margin-left: 0;
      min-width: 80px; }
    #myPage .send-gift .dialog.result .bottom .button.cancel {
      display: none; }
    #myPage .send-gift .dialog.result .bottom .button.purchase {
      display: none; }
  #myPage .send-gift .dialog.result.result-success .bottom .button.close {
    display: inline-block; }
  #myPage .send-gift .dialog.result.result-error .bottom .button.ok {
    display: inline-block; }
  #myPage .send-gift .dialog.result.result-error div.message i {
    display: inline-block;
    padding: 0;
    margin: 0 0 1em 0; }
  #myPage .send-gift .dialog.result.result-error div.message p {
    margin-top: -30px;
    font-style: italic; }
  #myPage .send-gift .dialog.result.result-error div.message span.error {
    display: block;
    color: #f46240; }
  #myPage .send-gift .dialog.result.result-error div.message span.msg {
    font-size: 12px; }

.frame-wrapper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  z-index: 10000;
  overflow: auto;
  white-space: nowrap; }
  .frame-wrapper .frame-background {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.9; }
  .frame-wrapper:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
    /* Adjusts for spacing */ }
  .frame-wrapper .frame-content {
    position: relative;
    z-index: 10020;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    white-space: normal; }

.frame-wrapper.type-window {
  display: none; }
  .frame-wrapper.type-window .frame-content {
    padding: 20px;
    border-radius: 5px; }
  .frame-wrapper.type-window .window-title {
    border-radius: 5px 5px 0 0;
    background: #F4A136;
    overflow: hidden;
    padding: 17px 30px; }
    .frame-wrapper.type-window .window-title h2 {
      padding: 3px 0;
      margin: 0;
      float: left;
      font-weight: normal;
      font-size: 18px;
      line-height: 1em;
      color: #fff; }
      .frame-wrapper.type-window .window-title h2:after {
        content: '.';
        visibility: hidden; }
    .frame-wrapper.type-window .window-title a {
      float: right;
      display: block;
      line-height: 100%;
      color: #fff;
      font-size: 24px;
      text-decoration: none;
      margin-right: -10px;
      opacity: 0.8; }
      .frame-wrapper.type-window .window-title a:hover {
        opacity: 1;
        text-decoration: none; }
  .frame-wrapper.type-window .window-content {
    border-radius: 0 0 5px 5px;
    background: #fff;
    overflow: hidden; }

#frame_myaccount.frame-wrapper {
  font-size: 15px; }
  #frame_myaccount.frame-wrapper .myaccount-frame {
    display: table;
    width: 900px;
    height: 500px; }
  #frame_myaccount.frame-wrapper .sidebar, #frame_myaccount.frame-wrapper .content-wrapper {
    display: table-cell;
    vertical-align: top;
    height: 500px; }
  #frame_myaccount.frame-wrapper .sidebar {
    width: 250px;
    border-right: 1px solid #ccc; }
    #frame_myaccount.frame-wrapper .sidebar ul {
      padding: 24px 0;
      margin: 0;
      display: block;
      list-style: none; }
    #frame_myaccount.frame-wrapper .sidebar li {
      display: block;
      padding: 0.7em 25px;
      margin: 0;
      border-left: 5px solid transparent;
      cursor: pointer; }
      #frame_myaccount.frame-wrapper .sidebar li:hover {
        border-left-color: #DB5B45;
        background: #f7f7f7; }
      #frame_myaccount.frame-wrapper .sidebar li.active {
        border-left-color: #DB5B45; }
  #frame_myaccount.frame-wrapper .content-wrapper {
    position: relative;
    min-width: 400px;
    max-width: 600px; }
  #frame_myaccount.frame-wrapper .content-loading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.5); }
    #frame_myaccount.frame-wrapper .content-loading .loading-animation-1 {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -25px;
      margin-top: -25px;
      width: 40px;
      height: 40px;
      border: 5px solid #888;
      -webkit-animation: keyframes-loader-animation-1 0.8s infinite linear;
      animation: keyframes-loader-animation-1 0.8s infinite linear;
      vertical-align: top; }
  #frame_myaccount.frame-wrapper .content-error {
    display: none; }
    #frame_myaccount.frame-wrapper .content-error h2 {
      display: none;
      text-align: center; }
    #frame_myaccount.frame-wrapper .content-error i, #frame_myaccount.frame-wrapper .content-error span {
      text-align: center;
      display: block; }
    #frame_myaccount.frame-wrapper .content-error i {
      color: #ddd;
      text-shadow: 1px 1px #ccc;
      margin: 50px 0;
      font-size: 150px; }
    #frame_myaccount.frame-wrapper .content-error span {
      padding: 0  35px; }
  #frame_myaccount.frame-wrapper .content, #frame_myaccount.frame-wrapper .content-error {
    line-height: 1.8em;
    overflow: auto;
    height: 500px;
    padding: 30px 30px; }
    #frame_myaccount.frame-wrapper .content h2, #frame_myaccount.frame-wrapper .content-error h2 {
      margin: 0 0 1em 0;
      padding: 0;
      font-size: 20px;
      font-weight: 500; }
  #frame_myaccount.frame-wrapper .content p {
    margin: 1em 0; }
  #frame_myaccount.frame-wrapper .content .buttons {
    margin-top: 30px;
    padding: 0 30px 10px 0;
    text-align: right; }
    #frame_myaccount.frame-wrapper .content .buttons.sticky {
      position: absolute;
      bottom: 30px;
      right: 30px; }
  #frame_myaccount.frame-wrapper fieldset {
    border: none;
    margin: 0;
    padding: 0; }
    #frame_myaccount.frame-wrapper fieldset .field {
      padding: 8px 0; }
    #frame_myaccount.frame-wrapper fieldset .field.with-label label {
      float: left;
      width: 200px;
      padding: 8px 10px 8px 0; }
    #frame_myaccount.frame-wrapper fieldset .field.with-label .select-wrapper {
      float: left; }
    #frame_myaccount.frame-wrapper fieldset .field.captcha span.captcha {
      display: inline-block;
      width: 270px;
      border: 1px solid #aaa;
      margin-right: 10px;
      vertical-align: middle;
      text-align: center; }
    #frame_myaccount.frame-wrapper fieldset .field.captcha img {
      vertical-align: top; }
    #frame_myaccount.frame-wrapper fieldset .field.captcha i {
      font-size: 20px;
      color: #888;
      vertical-align: middle; }
    #frame_myaccount.frame-wrapper fieldset input[type=text], #frame_myaccount.frame-wrapper fieldset input[type=password] {
      background: #fff;
      color: #333;
      width: 250px;
      padding: 8px 10px;
      border: 1px solid #aaa; }
    #frame_myaccount.frame-wrapper fieldset select {
      -webkit-appearance: none;
      padding: 8px 10px;
      width: 100%;
      height: 100%;
      border: 1px solid transparent;
      background: #fff;
      color: #333; }
    #frame_myaccount.frame-wrapper fieldset .select-wrapper {
      width: 250px;
      border: 1px solid #aaa;
      position: relative; }
      #frame_myaccount.frame-wrapper fieldset .select-wrapper::after {
        border: none;
        background: #fff;
        pointer-events: none;
        content: "\f0dd";
        display: inline-block;
        position: absolute;
        top: 1px;
        right: 1px;
        bottom: 1px;
        padding: 5px 10px;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
  #frame_myaccount.frame-wrapper input[type=text], #frame_myaccount.frame-wrapper input[type=password], #frame_myaccount.frame-wrapper select {
    font-size: 15px; }
    #frame_myaccount.frame-wrapper input[type=text]:focus, #frame_myaccount.frame-wrapper input[type=password]:focus, #frame_myaccount.frame-wrapper select:focus {
      outline: 1px solid #f1ca7f !important;
      border: 1px solid #be974b !important;
      outline-offset: 0; }
  #frame_myaccount.frame-wrapper .btn {
    font-size: 18px;
    background: #F4A136;
    color: #fff;
    border: none;
    padding: 10px 30px;
    border-radius: 3px;
    cursor: pointer; }
    #frame_myaccount.frame-wrapper .btn i {
      margin-right: 5px;
      font-size: 1.1em; }
    #frame_myaccount.frame-wrapper .btn :hover {
      background: #f9b14b; }
  #frame_myaccount.frame-wrapper .btn-link {
    display: inline;
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
    width: auto;
    height: auto;
    font-size: 15px;
    line-height: 1.8em;
    color: #047; }
    #frame_myaccount.frame-wrapper .btn-link:hover {
      cursor: pointer; }
  #frame_myaccount.frame-wrapper p.warning {
    border-radius: 5px;
    font-weight: bold;
    margin: 1em 0;
    padding: 5px 10px;
    background: #D34329;
    color: #fff;
    margin-right: 30px; }
  #frame_myaccount.frame-wrapper .result {
    border-left: 5px solid transparent;
    padding-left: 1em; }
    #frame_myaccount.frame-wrapper .result.fail {
      border-color: #DB5B45;
      color: #DB5B45; }
    #frame_myaccount.frame-wrapper .result.success {
      border-color: #00aa00;
      color: #00aa00; }

:not(.lt-ie9) #frame_myaccount.frame-wrapper [type="checkbox"], :not(.lt-ie9) #frame_myaccount.frame-wrapper [type="radio"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
:not(.lt-ie9) #frame_myaccount.frame-wrapper [type="checkbox"] + label, :not(.lt-ie9) #frame_myaccount.frame-wrapper [type="radio"] + label {
  display: inline-block;
  position: relative;
  padding-left: 30px; }
  :not(.lt-ie9) #frame_myaccount.frame-wrapper [type="checkbox"] + label::before, :not(.lt-ie9) #frame_myaccount.frame-wrapper [type="radio"] + label::before {
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    content: "";
    width: 14px;
    height: 14px;
    border: 2px solid #777;
    border-radius: 3px;
    background: white; }
:not(.lt-ie9) #frame_myaccount.frame-wrapper [type="checkbox"]:checked + label::before, :not(.lt-ie9) #frame_myaccount.frame-wrapper [type="radio"]:checked + label::before {
  color: #fff;
  border-color: #9DD35F;
  background: #9DD35F;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA+QCdABxdrf6/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wUfCg8sV/E5GQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAADLSURBVCjPndIxCsJAEIXhf9VBFpRoEZvcwj4HsfIAOYgnEGysLDyEpVYiaTyBiCAqxCK4xUbXymAKNXG6gffBYxg13Q4df0yNP6cS9CRAlK4GPQkI/YjQjxCly8EXEqW52gPWmd/wHe1ua+JkXqz66l4G5bDfHeSBMgigJkrTkaAQ/IUA1HQ7dKI0oR/hSUCanWjW219RXtU6w/I8Js1OtBo9RGn2t/gjKhzHOsPqPOHuLGl2YZPMvl678b6YR8LiOMI8kuovVwYBPAHc/VepB+xygAAAAABJRU5ErkJggg==); }

#frame_memberincentive.frame-wrapper {
  z-index: 99; }
  #frame_memberincentive.frame-wrapper .frame-content {
    padding: 20px;
    z-index: 119; }
  #frame_memberincentive.frame-wrapper .frame-background {
    background: #000;
    background: linear-gradient(rgba(0, 0, 0, 0.97), rgba(0, 0, 0, 0.97) 50%, rgba(0, 0, 0, 0.93) 100%); }
  #frame_memberincentive.frame-wrapper .memberincentive-frame {
    width: 870px;
    height: 445px;
    position: relative;
    border-radius: 11px; }
  #frame_memberincentive.frame-wrapper button.close {
    position: fixed;
    top: 15px;
    left: 15px;
    border: none;
    background: url(memberincentive/close.png) 0 0 no-repeat;
    width: 30px;
    height: 30px; }
  #frame_memberincentive.frame-wrapper .arrow-wrapper {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%; }
    #frame_memberincentive.frame-wrapper .arrow-wrapper .arrow {
      position: relative;
      width: 980px;
      margin: 0 auto;
      text-align: right; }
    #frame_memberincentive.frame-wrapper .arrow-wrapper .circle {
      position: absolute;
      background: transparent no-repeat 0 0; }
    #frame_memberincentive.frame-wrapper .arrow-wrapper .text {
      position: absolute;
      font-family: 'Patrick Hand SC', cursive;
      color: #48e3ff;
      line-height: 1.2em;
      font-weight: bold;
      text-transform: uppercase;
      text-align: right; }
    #frame_memberincentive.frame-wrapper .arrow-wrapper.arrow-top {
      top: 0; }
      #frame_memberincentive.frame-wrapper .arrow-wrapper.arrow-top .circle {
        top: -12px;
        right: -40px;
        width: 310px;
        height: 179px;
        background-image: url(memberincentive/top.png);
        animation: play-circle-top 1s steps(3) infinite; }
      #frame_memberincentive.frame-wrapper .arrow-wrapper.arrow-top .text {
        font-size: 18px;
        width: 600px;
        top: 40px;
        right: 280px;
        transform: rotate(3deg);
        text-align: right; }
      #frame_memberincentive.frame-wrapper .arrow-wrapper.arrow-top .text:first-line {
        font-size: 37px;
        line-height: 40px; }
    #frame_memberincentive.frame-wrapper .arrow-wrapper.arrow-bottom {
      bottom: 0; }
      #frame_memberincentive.frame-wrapper .arrow-wrapper.arrow-bottom .circle {
        bottom: -52px;
        right: -124px;
        width: 443px;
        height: 217px;
        background-image: url(memberincentive/bottom.png?2);
        animation: play-circle-bottom 1s steps(3) infinite; }
      #frame_memberincentive.frame-wrapper .arrow-wrapper.arrow-bottom .text {
        width: 600px;
        font-size: 18px;
        bottom: 30px;
        right: 340px;
        transform: rotate(-3deg); }
      #frame_memberincentive.frame-wrapper .arrow-wrapper.arrow-bottom .text .first {
        font-size: 37px;
        line-height: 40px; }
@keyframes play-circle-top {
  100% {
    background-position: 0 -537px; } }
@keyframes play-circle-bottom {
  100% {
    background-position: 0 -651px; } }
  #frame_memberincentive.frame-wrapper .content {
    font-family: 'Raleway', sans-serif;
    font-weight: 800;
    color: #fff; }
    #frame_memberincentive.frame-wrapper .content h4 {
      margin: 0;
      padding: 0; }
    #frame_memberincentive.frame-wrapper .content p {
      margin: 0.5em 0;
      padding: 0; }
    #frame_memberincentive.frame-wrapper .content ul {
      list-style: none;
      line-height: 1.2em;
      margin: 0;
      padding: 0; }
  #frame_memberincentive.frame-wrapper .girl, #frame_memberincentive.frame-wrapper .tag {
    z-index: 129;
    position: absolute; }
  #frame_memberincentive.frame-wrapper .template-1 {
    background: url("memberincentive/1_bg.jpg"); }
    #frame_memberincentive.frame-wrapper .template-1 .content {
      padding: 30px 30px 30px 350px; }
      #frame_memberincentive.frame-wrapper .template-1 .content h4 {
        font-size: 41px; }
      #frame_memberincentive.frame-wrapper .template-1 .content p {
        font-size: 29px; }
      #frame_memberincentive.frame-wrapper .template-1 .content ul {
        font-size: 26px; }
      #frame_memberincentive.frame-wrapper .template-1 .content li {
        margin: 0;
        padding: 0.1em 0 0.1em 30px;
        position: relative; }
      #frame_memberincentive.frame-wrapper .template-1 .content li:before {
        content: "";
        display: block;
        position: absolute;
        top: 7px;
        left: 0;
        background: url(memberincentive/star.png) no-repeat;
        width: 20px;
        height: 20px; }
    #frame_memberincentive.frame-wrapper .template-1 .girl {
      right: 520px;
      bottom: 0;
      width: 457px;
      height: 471px;
      background: url(memberincentive/1_girl.png) no-repeat; }
    #frame_memberincentive.frame-wrapper .template-1 .tag {
      font-family: 'Titillium Web', sans-serif;
      left: -55px;
      top: 228px;
      width: 340px;
      height: 114px;
      font-size: 50px;
      line-height: 1;
      text-align: center;
      text-transform: uppercase;
      color: #dd0bb3;
      font-weight: 900; }
      #frame_memberincentive.frame-wrapper .template-1 .tag span {
        display: block; }
  #frame_memberincentive.frame-wrapper .template-2 {
    background: url("memberincentive/2_bg.jpg"); }
    #frame_memberincentive.frame-wrapper .template-2 .content {
      padding: 120px 50px 30px 210px;
      text-align: center; }
      #frame_memberincentive.frame-wrapper .template-2 .content h4 {
        font-weight: 900;
        font-size: 37px; }
      #frame_memberincentive.frame-wrapper .template-2 .content p {
        font-size: 25px; }
      #frame_memberincentive.frame-wrapper .template-2 .content ul {
        font-size: 24px; }
      #frame_memberincentive.frame-wrapper .template-2 .content li {
        margin: 0;
        padding: 0; }
      #frame_memberincentive.frame-wrapper .template-2 .content li span {
        position: relative;
        display: inline-block;
        padding: 0.12em 20px; }
      #frame_memberincentive.frame-wrapper .template-2 .content li span:before, #frame_memberincentive.frame-wrapper .template-2 .content li span:after {
        content: "";
        display: block;
        position: absolute;
        top: 9px;
        background: url(memberincentive/star_y.png) no-repeat;
        width: 14px;
        height: 14px; }
      #frame_memberincentive.frame-wrapper .template-2 .content li span:before {
        left: 0; }
      #frame_memberincentive.frame-wrapper .template-2 .content li span:after {
        right: 0; }
    #frame_memberincentive.frame-wrapper .template-2 .girl {
      right: 649px;
      bottom: 0;
      width: 208px;
      height: 481px;
      background: url(memberincentive/2_girl.png) no-repeat; }
    #frame_memberincentive.frame-wrapper .template-2 .tag {
      left: 210px;
      right: 50px;
      top: 25px;
      font-family: 'Titillium Web', sans-serif;
      text-align: center;
      text-transform: uppercase; }
      #frame_memberincentive.frame-wrapper .template-2 .tag div {
        display: inline-block;
        background: #000;
        padding: 5px 15px;
        transform: rotate(-1.5deg);
        color: #fff;
        font-weight: 900;
        font-size: 40px; }
        #frame_memberincentive.frame-wrapper .template-2 .tag div br {
          display: inline-block; }
  #frame_memberincentive.frame-wrapper .template-3 {
    background: url("memberincentive/3_bg.jpg"); }
    #frame_memberincentive.frame-wrapper .template-3 .content {
      padding: 120px 201px 30px 10px;
      text-align: center;
      color: #004097; }
      #frame_memberincentive.frame-wrapper .template-3 .content h4 {
        font-weight: 900;
        font-size: 40px; }
      #frame_memberincentive.frame-wrapper .template-3 .content p {
        position: relative;
        z-index: 139;
        font-size: 25px; }
      #frame_memberincentive.frame-wrapper .template-3 .content ul {
        font-size: 24px; }
      #frame_memberincentive.frame-wrapper .template-3 .content li {
        margin: 0;
        padding: 0; }
      #frame_memberincentive.frame-wrapper .template-3 .content li span {
        position: relative;
        display: inline-block;
        padding: 0.12em 25px; }
      #frame_memberincentive.frame-wrapper .template-3 .content li span:before, #frame_memberincentive.frame-wrapper .template-3 .content li span:after {
        content: "";
        display: block;
        position: absolute;
        top: 9px;
        background: url(memberincentive/star_m.png) no-repeat;
        width: 14px;
        height: 14px; }
      #frame_memberincentive.frame-wrapper .template-3 .content li span:before {
        left: 0; }
      #frame_memberincentive.frame-wrapper .template-3 .content li span:after {
        right: 0; }
    #frame_memberincentive.frame-wrapper .template-3 .girl {
      right: 0;
      bottom: 0;
      width: 264px;
      height: 457px;
      background: url(memberincentive/3_girl.png) no-repeat; }
    #frame_memberincentive.frame-wrapper .template-3 .tag {
      left: 10px;
      right: 201px;
      top: 25px;
      font-family: 'Titillium Web', sans-serif;
      text-align: center;
      text-transform: uppercase; }
      #frame_memberincentive.frame-wrapper .template-3 .tag div {
        display: inline-block;
        background: #004097;
        padding: 5px 15px;
        transform: rotate(-1.5deg);
        color: #fff;
        font-weight: 900;
        font-size: 40px; }
        #frame_memberincentive.frame-wrapper .template-3 .tag div br {
          display: inline-block; }

@media (max-height: 850px) {
  #frame_memberincentive.frame-wrapper .memberincentive-frame {
    zoom: 70%; }
  #frame_memberincentive.frame-wrapper .arrow-wrapper.arrow-top .text {
    top: 30px;
    right: 280px;
    text-align: right; }
  #frame_memberincentive.frame-wrapper .arrow-wrapper.arrow-top .text:first-line {
    font-size: 37px;
    line-height: 40px; }
  #frame_memberincentive.frame-wrapper .arrow-wrapper.arrow-bottom {
    bottom: 0; }
    #frame_memberincentive.frame-wrapper .arrow-wrapper.arrow-bottom .text {
      bottom: 20px;
      right: 340px; }
    #frame_memberincentive.frame-wrapper .arrow-wrapper.arrow-bottom .text .first {
      font-size: 37px;
      line-height: 40px; } }
#paymentPanel {
  display: none;
  color: #f4f4f4;
  font-size: 13px;
  font-family: arial, helvetica, sans-serif;
  position: relative;
  width: 100%;
  height: 300px;
  background: #111;
  border-radius: 5px;
  margin-bottom: 20px;
  overflow: hidden; }
  #paymentPanel a {
    color: #f99e1c;
    text-decoration: none; }
  #paymentPanel * {
    box-sizing: border-box;
    -moz-box-sizing: border-box; }
  #paymentPanel ul.types, #paymentPanel .content, #paymentPanel .amount-wrapper {
    position: absolute;
    top: 0;
    bottom: 0; }
  #paymentPanel ul.types {
    width: 133px;
    left: 0;
    margin: 0;
    padding: 0;
    border-right: 1px solid #292929;
    list-style: none; }
    #paymentPanel ul.types li {
      cursor: pointer;
      width: 132px;
      height: 100px;
      background-color: #151515;
      background-image: linear-gradient(to bottom, #151515, #3b3b3b);
      border-top: 1px solid #3b3b3b;
      border-bottom: 1px solid #151515; }
      #paymentPanel ul.types li div {
        width: 132px;
        text-align: center;
        font-size: 16px;
        color: #fff; }
      #paymentPanel ul.types li i.icon {
        display: inline-block;
        width: 64px;
        height: 64px;
        margin-left: 34px;
        background: url("paymentpanel/icons.png"); }
    #paymentPanel ul.types li a {
      display: block;
      margin: 0;
      padding: 0;
      text-decoration: none; }
    #paymentPanel ul.types li.type-alternative i.icon {
      background-position: 0 0; }
    #paymentPanel ul.types li.type-alternative.active i.icon {
      background-position: -64px 0; }
    #paymentPanel ul.types li.type-alternative.disabled i.icon {
      background-position: -128px 0; }
    #paymentPanel ul.types li.type-sms_hu i.icon {
      background-position: -5px -128px; }
    #paymentPanel ul.types li.type-sms_hu.active i.icon {
      background-position: -69px -128px; }
    #paymentPanel ul.types li.type-sms_hu.disabled i.icon {
      background-position: -133px -128px; }
    #paymentPanel ul.types li.type-phone_hu i.icon {
      background-position: 0 -64px; }
    #paymentPanel ul.types li.type-phone_hu.active i.icon {
      background-position: -64px -64px; }
    #paymentPanel ul.types li.type-phone_hu.disabled i.icon {
      background-position: -128px -64px; }
    #paymentPanel ul.types li.active {
      position: relative;
      padding-top: 1px;
      color: #fff;
      background: #fab336;
      background-image: url(paymentpanel/selected.jpg);
      border-top: none;
      border-bottom: none;
      width: 151px; }
    #paymentPanel ul.types li.disabled {
      cursor: default; }
      #paymentPanel ul.types li.disabled div {
        color: #5d5d5d; }
    #paymentPanel ul.types li:first-of-type {
      border-top: none; }
    #paymentPanel ul.types li:last-child {
      border-bottom: none; }
  #paymentPanel .amount-wrapper {
    background-color: #151515;
    background-image: linear-gradient(to bottom, #151515, #151515 200px, #3b3b3b);
    border-left: 1px solid #333;
    right: 0;
    left: 768px;
    padding: 20px 25px 20px 25px; }
    #paymentPanel .amount-wrapper .amounts {
      margin: 10px 0; }
      #paymentPanel .amount-wrapper .amounts div {
        margin: 5px 0;
        color: #fff;
        display: block; }
      #paymentPanel .amount-wrapper .amounts label {
        width: 100%; }
        #paymentPanel .amount-wrapper .amounts label span {
          display: inline-block; }
        #paymentPanel .amount-wrapper .amounts label .price {
          float: right;
          padding-left: 15px; }
  #paymentPanel .content {
    left: 180px;
    right: 250px;
    padding: 20px 0; }
  #paymentPanel h3 {
    color: #fff;
    font-size: 20px;
    margin: 0 0 20px 0;
    padding: 0; }
  #paymentPanel p.description, #paymentPanel p.disclaimer {
    margin: 16px 0;
    line-height: 1.5em; }
  #paymentPanel div.frame {
    font-size: 20px;
    color: #fff;
    border: 2px solid #f99e1c;
    padding: 10px;
    vertical-align: middle; }
    #paymentPanel div.frame span, #paymentPanel div.frame img {
      vertical-align: middle;
      line-height: 1em; }
    #paymentPanel div.frame img {
      margin: 0 15px; }
    #paymentPanel div.frame .phone, #paymentPanel div.frame .code {
      color: #fff;
      font-weight: bold; }
  #paymentPanel div.buttons {
    position: absolute;
    bottom: 30px;
    right: 0; }
  #paymentPanel div.logos {
    margin: 22px 0;
    font-size: 0; }
    #paymentPanel div.logos img {
      margin-right: 10px; }
    #paymentPanel div.logos img:last-of-type {
      margin-right: 0; }
  #paymentPanel a.x {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 16px;
    height: 16px;
    background: url(paymentpanel/x.png); }
  #paymentPanel .button {
    cursor: pointer;
    background: #fab322;
    background-image: linear-gradient(to bottom, #fab322, #f99b1b);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1);
    border: 1px solid #97651a;
    padding: 6px 40px;
    border-radius: 4px;
    font-size: 16px;
    margin: 0;
    color: #fff; }

:not(.lt-ie9) #paymentPanel .amounts [type="checkbox"], :not(.lt-ie9) #paymentPanel .amounts [type="radio"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
:not(.lt-ie9) #paymentPanel .amounts [type="checkbox"] + label, :not(.lt-ie9) #paymentPanel .amounts [type="radio"] + label {
  background: url(/design/default/quickbuy/checkbox.png) left top no-repeat;
  height: 20px;
  line-height: 20px;
  padding-left: 30px;
  display: inline-block; }
:not(.lt-ie9) #paymentPanel .amounts [type="checkbox"]:checked + label, :not(.lt-ie9) #paymentPanel .amounts [type="radio"]:checked + label {
  background: url(/design/default/quickbuy/checkbox.png) left -20px no-repeat; }

#footer {
  background: url(footer/footerbg.png) repeat-x;
  min-height: 67px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 13px 0 10px 0;
  text-align: center;
  font-size: 11px;
  line-height: 12px; }

.wantedItem {
  height: 20px;
  background-color: #525252;
  text-align: center; }

.wantedItem a {
  font-size: 14px;
  color: #fff;
  text-decoration: none; }

.wantedItem a:hover {
  color: #fff;
  text-decoration: underline; }

.float-bar .quickbuy label {
  display: block;
  margin: 2px 0;
  color: #eee; }
.float-bar .quickbuy .qb-credits, .float-bar .quickbuy .qb-price1, .float-bar .quickbuy .qb-price2 {
  display: inline-block; }
.float-bar .quickbuy .qb-price1, .float-bar .quickbuy .qb-price2 {
  text-align: right; }
.float-bar .quickbuy .qb-credits {
  width: 70px; }
.float-bar .quickbuy .qb-price1 {
  width: 70px; }
.float-bar .quickbuy .qb-price2 {
  width: 60px; }
.float-bar .quickbuy label s.bright {
  color: #eee;
  display: inline-block;
  margin-right: -4px; }
.float-bar .quickbuy label.extracredit .qb-credits {
  width: 130px; }
.float-bar .quickbuy label.extracredit .qb-price1 {
  width: 98px; }
.float-bar .quickbuy label.extracredit s {
  margin-right: 0; }
.float-bar .quickbuy .description {
  margin: 15px 0 18px 0;
  color: #ffaa00; }

.float-bar .fraud-panel h3 {
  margin: 0;
  font-size: 16px;
  color: #fa0; }
.float-bar .fraud-panel h4 {
  margin: 0;
  font-size: 13px;
  color: #fa0; }
.float-bar .fraud-panel .row {
  margin: 1em 0; }
.float-bar .fraud-panel p {
  margin: 10px 0;
  text-align: justify; }
  .float-bar .fraud-panel p a {
    color: #fa0; }
.float-bar .fraud-panel .form {
  margin: 20px 0;
  display: table;
  width: 100%; }
  .float-bar .fraud-panel .form .row {
    display: table-row; }
    .float-bar .fraud-panel .form .row label, .float-bar .fraud-panel .form .row .input {
      display: table-cell; }
    .float-bar .fraud-panel .form .row label {
      width: 35%; }
    .float-bar .fraud-panel .form .row .input {
      width: 65%; }
.float-bar .fraud-panel .form .row label {
  font-family: arial, helvetica, sans-serif;
  font-weight: bold; }
.float-bar .fraud-panel .form .row .input input, .float-bar .fraud-panel .form .row .input select {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 19px;
  line-height: 17px;
  background: #2d2d2d;
  border: 1px solid #3f3f3f;
  color: #fa0; }
.float-bar .fraud-panel .form .row .input .error {
  border: 1px solid #f80; }
.float-bar .fraud-panel .form .row .input input {
  padding: 0 3px; }
.float-bar .fraud-panel .row label, .float-bar .fraud-panel .row .input {
  padding: 2px 0; }
.float-bar .fraud-panel .message-box {
  margin: 1em 0;
  padding: 0.5em;
  font-weight: bold;
  border: 1px solid #f80;
  color: #f80; }
.float-bar .fraud-panel .buttons {
  margin: 25px 0 0 0;
  text-align: right; }
  .float-bar .fraud-panel .buttons input {
    margin-left: 10px;
    vertical-align: top; }

.float-bar .creditcard .row {
  margin: 1em 0; }
.float-bar .creditcard p {
  margin: 10px 0; }
  .float-bar .creditcard p a {
    color: #fa0; }
.float-bar .creditcard .form {
  margin: 20px 0;
  display: table;
  width: 100%; }
  .float-bar .creditcard .form .row {
    display: table-row; }
    .float-bar .creditcard .form .row label, .float-bar .creditcard .form .row .input {
      display: table-cell; }
    .float-bar .creditcard .form .row label {
      width: 35%; }
    .float-bar .creditcard .form .row .input {
      width: 65%; }
.float-bar .creditcard p {
  line-height: 1.5em; }
.float-bar .creditcard .form .row label {
  font-family: arial, helvetica, sans-serif;
  font-weight: bold; }
.float-bar .creditcard .form .row .input input, .float-bar .creditcard .form .row .input select, .float-bar .creditcard .form .row .input .custom-select {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 19px;
  line-height: 17px;
  background: #2d2d2d;
  border: 1px solid #3f3f3f;
  color: #fa0; }
.float-bar .creditcard .form .row .input .error {
  border: 1px solid #f80; }
.float-bar .creditcard .form .row .input input {
  padding: 0 3px; }
.float-bar .creditcard .form .row .input .dropdown {
  width: 60%;
  display: inline-block;
  vertical-align: bottom;
  position: relative; }
  .float-bar .creditcard .form .row .input .dropdown .custom-select {
    background: #2d2d2d;
    color: #fa0;
    border: 1px solid #3f3f3f; }
  .float-bar .creditcard .form .row .input .dropdown .custom-select .list .option:hover {
    background: #3f3f3f; }
.float-bar .creditcard .form .row .input .dropdown-clone {
  display: none; }
.float-bar .creditcard .form .row .input .current-amount {
  margin-left: 5px;
  display: inline-block;
  vertical-align: bottom;
  font-weight: bold;
  line-height: 17px;
  height: 19px; }
.float-bar .creditcard .form .row .input.cvc input, .float-bar .creditcard .form .row .input.exp input {
  width: 50px; }
.float-bar .creditcard .row label, .float-bar .creditcard .row .input {
  padding: 2px 0; }
.float-bar .creditcard .message-box {
  display: none;
  margin: 1em 0;
  padding: 0.5em;
  font-weight: bold;
  border: 1px solid #f80;
  color: #f80; }
.float-bar .creditcard .buttons {
  margin: 10px 0 0 0;
  text-align: right; }
  .float-bar .creditcard .buttons input {
    margin-left: 10px;
    vertical-align: top; }
.float-bar .creditcard .cvcHelp {
  position: relative;
  color: #000;
  background: #fa0;
  border-radius: 100%;
  display: inline-block;
  text-decoration: none;
  padding: 1px 3px;
  margin-left: 5px;
  font-size: 11px;
  line-height: 1em; }
  .float-bar .creditcard .cvcHelp .card {
    display: none;
    bottom: 100%;
    left: 100%;
    width: 240px;
    height: 150px;
    background: #BBB;
    border-radius: 10px;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.5); }
    .float-bar .creditcard .cvcHelp .card, .float-bar .creditcard .cvcHelp .card * {
      position: absolute; }
    .float-bar .creditcard .cvcHelp .card .strip {
      top: 30px;
      left: 0;
      right: 0;
      height: 30px;
      background: #333; }
    .float-bar .creditcard .cvcHelp .card .sig {
      top: 70px;
      left: 10px;
      right: 10px;
      font-size: 8px; }
    .float-bar .creditcard .cvcHelp .card .code {
      top: 85px;
      left: 10px;
      right: 10px;
      height: 20px;
      background: #fff;
      padding: 5px 5px 10px 0;
      text-align: right;
      font-size: 12px; }
    .float-bar .creditcard .cvcHelp .card .circle {
      border-radius: 100%;
      top: 1px;
      right: 1px;
      width: 23px;
      height: 15px;
      border: 2px solid #F00; }
  .float-bar .creditcard .cvcHelp:hover .card {
    display: block; }

.float-bar .ecp p {
  margin: 1em 0 2em 0;
  line-height: 1.5em; }
.float-bar .ecp .button {
  padding-top: 0;
  text-align: right; }

.float-bar {
  /* Allow clicks through the layer */
  display: none;
  position: fixed;
  z-index: 100;
  bottom: 0;
  left: 0;
  right: 0;
  width: 1000px;
  max-width: 100%;
  margin: 0 auto;
  text-align: right;
  color: #fff; }
  .float-bar .float-bar-inner {
    vertical-align: top;
    display: inline-block; }
  .float-bar .float-bar-tab-wrapper.top {
    display: block; }
  .float-bar .float-bar-tab-wrapper.bottom {
    display: none; }
  .float-bar .float-bar-tab-wrapper .float-bar-tab {
    display: inline-block;
    padding: 0 20px;
    line-height: 30px;
    background: #111;
    background: rgba(0, 0, 0, 0.95);
    border-radius: 4px 4px 0 0;
    vertical-align: bottom;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    cursor: pointer; }
  .float-bar .float-bar-tab-wrapper, .float-bar .float-bar-tab-wrapper .float-bar-tab {
    height: 30px;
    margin: 0; }
    .float-bar .float-bar-tab-wrapper .tab-icon, .float-bar .float-bar-tab-wrapper .float-bar-tab .tab-icon {
      display: inline-block;
      width: 13px;
      text-align: center;
      padding-left: 10px;
      font-size: 1.2em; }
      .float-bar .float-bar-tab-wrapper .tab-icon i, .float-bar .float-bar-tab-wrapper .float-bar-tab .tab-icon i {
        display: none; }
  .float-bar .content-wrapper {
    text-align: left;
    background: #111;
    background: rgba(0, 0, 0, 0.95);
    position: relative;
    width: 0;
    height: 0;
    overflow: hidden;
    transition: width 0.4s ease-in, height 0.4s, ease-in; }
    .float-bar .content-wrapper.disable-transition {
      transition: none; }
  .float-bar .content {
    position: absolute;
    top: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.4s linear 0.4s, opacity 0.4s 0s linear; }
  .float-bar .content.visible {
    transition: visibility 0.4s linear, opacity 0.4s 0s linear;
    visibility: visible;
    opacity: 1; }
  .float-bar .content-inner {
    padding: 25px; }
  .float-bar .error-panel .content-inner, .float-bar .success-panel .content-inner, .float-bar .loading .content-inner {
    min-height: 19px;
    line-height: 19px;
    color: #fa0;
    padding-left: 58px; }
    .float-bar .error-panel .content-inner a, .float-bar .success-panel .content-inner a, .float-bar .loading .content-inner a {
      display: block;
      margin-top: 0.5em;
      color: #fff; }
  .float-bar .loading .content-inner {
    padding-left: 68px; }
  .float-bar .success-panel {
    background: url(/design/default/quickbuy/success.png) 20px center no-repeat; }
  .float-bar .error-panel {
    background: url(/design/default/quickbuy/error.png) 20px center no-repeat; }
  .float-bar .loading {
    background: url(/design/default/quickbuy/loading.gif) 15px center no-repeat; }
  .float-bar h3 {
    margin: 0;
    font-size: 16px;
    color: #fa0; }

:not(.lt-ie9) .float-bar [type="checkbox"], :not(.lt-ie9) .float-bar [type="radio"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
:not(.lt-ie9) .float-bar [type="checkbox"] + label, :not(.lt-ie9) .float-bar [type="radio"] + label {
  background: url(/design/default/quickbuy/checkbox.png) left top no-repeat;
  height: 18px;
  line-height: 17px;
  padding-left: 22px;
  display: inline-block; }
:not(.lt-ie9) .float-bar [type="checkbox"]:checked + label, :not(.lt-ie9) .float-bar [type="radio"]:checked + label {
  background: url(/design/default/quickbuy/checkbox.png) left -20px no-repeat; }

.float-bar.inchat {
  bottom: auto;
  top: 0;
  left: 0;
  right: 0;
  width: auto;
  padding: 0 20px; }
  .float-bar.inchat .float-bar-tab-wrapper.top {
    display: none; }
  .float-bar.inchat .float-bar-tab-wrapper.bottom {
    display: block; }
  .float-bar.inchat .float-bar-tab-wrapper .float-bar-tab {
    border-radius: 0 0 4px 4px; }

.float-bar.outline .float-bar-tab {
  position: relative;
  z-index: 111;
  border: 1px solid #fff;
  border-bottom: none; }
.float-bar.outline .content-wrapper {
  position: relative;
  z-index: 110;
  border: 1px solid #fff;
  border-bottom: none; }
.float-bar.outline.template-1 .float-bar-tab, .float-bar.outline.template-1 .content-wrapper {
  border-color: #FBAD0D; }
.float-bar.outline.template-2 .float-bar-tab, .float-bar.outline.template-2 .content-wrapper {
  border-color: #840065; }
.float-bar.outline.template-3 .float-bar-tab, .float-bar.outline.template-3 .content-wrapper {
  border-color: #b5e3e1; }

#stripMessage {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  #stripMessage .wrapper {
    display: table;
    width: 100%;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.5em; }
  #stripMessage .success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    background-image: -webkit-linear-gradient(top, #dff0d8 0, #c8e5bc 100%);
    background-image: -o-linear-gradient(top, #dff0d8 0, #c8e5bc 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
    background-image: linear-gradient(to bottom, #dff0d8 0, #c8e5bc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
    background-repeat: repeat-x; }
  #stripMessage .fail {
    background-color: #f2dede;
    background-image: -webkit-linear-gradient(top, #f2dede 0, #e7c3c3 100%);
    background-image: -o-linear-gradient(top, #f2dede 0, #e7c3c3 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
    background-image: linear-gradient(to bottom, #f2dede 0, #e7c3c3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
    background-repeat: repeat-x;
    border-color: #dca7a7;
    color: #a94442; }
  #stripMessage .message, #stripMessage .close {
    padding: 15px;
    display: table-cell;
    vertical-align: middle; }
  #stripMessage .message {
    text-align: left; }
  #stripMessage .close {
    text-align: right; }
    #stripMessage .close a {
      font-size: 21px;
      font-weight: 700;
      line-height: 1;
      color: #000;
      text-shadow: 0 1px 0 #fff;
      filter: alpha(opacity=20);
      opacity: .2; }
      #stripMessage .close a:hover {
        text-decoration: none; }

@keyframes sxc-spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
@keyframes sxc-bounce-in {
  0% {
    transform: scale(0); }
  80% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }
@keyframes sxc-bounce-out {
  0% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(1.5);
    opacity: 0; } }
.gift-flash {
  position: absolute;
  top: -1000px;
  left: -1000px;
  width: 100px;
  height: 100px;
  transform-origin: 50%;
  transform: scale(0); }
  .gift-flash img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .gift-flash.transform-in {
    transform: scale(1);
    animation: sxc-bounce-in 500ms linear; }
  .gift-flash.transform-out {
    transform: scale(1.5);
    opacity: 0;
    animation: sxc-bounce-out 500ms linear; }

.sfw .roomlist_image {
  visibility: hidden; }

/*# sourceMappingURL=style.css.map */