@import url(http://fonts.googleapis.com/css?family=Marcellus+SC);
@import url(http://fonts.googleapis.com/css?family=Signika);
/* Eric Meyer's Reset CSS v2.0 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.loading {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -60px 0 0 -60px;
  background: #3a2665;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  border: 10px solid #dfbd5a; }
  .loading span {
    width: 60px;
    height: 53px;
    background: url("../img/loading-santa.png") no-repeat transparent center bottom;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto 15px auto auto;
    text-indent: -9999px;
    overflow: hidden; }
  .loading:after {
    content: '';
    background: trasparent;
    width: 140%;
    height: 140%;
    position: absolute;
    border-radius: 100%;
    top: -20%;
    left: -20%;
    opacity: 0.7;
    box-shadow: rgba(255, 255, 255, 0.6) -4px -5px 3px -3px;
    animation: rotate 2s infinite linear;
    -webkit-animation: rotate 2s infinite linear;
    -moz-animation: rotate 2s infinite linear; }

@-moz-keyframes rotate {
  0% {
    -moz-transform: rotateZ(0deg); }

  100% {
    -moz-transform: rotateZ(360deg); } }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotateZ(0deg); }

  100% {
    -webkit-transform: rotateZ(360deg); } }

@keyframes rotate {
  0% {
    transform: rotateZ(0deg); }

  100% {
    transform: rotateZ(360deg); } }

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */
.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html, body {
  font-family: "Signika", sans-serif; }

body {
  background: url("../img/bg.png") repeat 0 0 #2e1a46 fixed;
  overflow-x: hidden;
  min-height: 650px; }

#snowglobe {
  position: fixed;
  width: 98%;
  height: 100%;
  z-index: 0;
  top: 0;
  left: 0;
  overflow: hidden; }
  #snowglobe .flake {
    position: absolute;
    width: 1px;
    height: 1px;
    color: #ffeeee;
    color: rgba(0, 0, 0, 0);
    text-shadow: 0 0 3px white; }

.header {
  height: 38px;
  width: 100%;
  position: relative;
  z-index: 9;
  background-color: #d31f2c;
  box-shadow: 0 4px 1px 4px rgba(0, 0, 0, 0.3); }

.header_outter {
  height: 51px;
  width: 100%;
  background: url("../img/navigator.png") no-repeat center top transparent;
  position: relative;
  z-index: 10; }

.header_nav {
  width: 760px; }

.header_nav,
.map_navigation {
  height: 38px;
  margin: 0 auto; }
  .header_nav .left,
  .map_navigation .left {
    float: left;
    margin-left: 60px; }
  .header_nav .right,
  .map_navigation .right {
    float: right; }
  .header_nav > ul,
  .map_navigation > ul {
    display: block;
    height: 38px;
    overflow: hidden; }
    .header_nav > ul li,
    .map_navigation > ul li {
      display: block;
      float: left;
      margin: 0 12px; }
      .header_nav > ul li a,
      .map_navigation > ul li a {
        display: block;
        position: relative;
        line-height: 38px;
        font-size: 14px;
        color: #dfbd5a;
        text-decoration: none;
        padding-left: 5px; }
        .header_nav > ul li a:hover,
        .map_navigation > ul li a:hover {
          color: #2e1a46; }
        .header_nav > ul li a.selected,
        .map_navigation > ul li a.selected {
          color: #ffffff; }
        .header_nav > ul li a i,
        .map_navigation > ul li a i {
          display: block;
          height: 9px;
          width: 9px;
          background: url("../img/social-icons.png") no-repeat -22px 0 transparent;
          position: absolute;
          left: -9px;
          top: 15px; }
  .header_nav .social_icons,
  .map_navigation .social_icons {
    position: absolute;
    top: 0;
    right: 8px; }
    .header_nav .social_icons > ul,
    .map_navigation .social_icons > ul {
      display: block;
      height: 38px;
      overflow: hidden; }
      .header_nav .social_icons > ul li,
      .map_navigation .social_icons > ul li {
        display: block;
        float: left;
        margin: 0; }
        .header_nav .social_icons > ul li a,
        .map_navigation .social_icons > ul li a {
          display: block;
          position: relative;
          height: 18px;
          width: 18px;
          margin: 10px 3px;
          background-image: url("../img/social-icons.png");
          background-color: transparent;
          overflow: hidden;
          text-indent: -999px;
          transition: all 100ms;
          -webkit-transition: all 100ms;
          -moz-transition: all 100ms; }
          .header_nav .social_icons > ul li a.sound,
          .map_navigation .social_icons > ul li a.sound {
            background-position: 0 -19px; }
            .header_nav .social_icons > ul li a.sound:hover,
            .map_navigation .social_icons > ul li a.sound:hover {
              background-position: 0 -39px; }
            .header_nav .social_icons > ul li a.sound.muted,
            .map_navigation .social_icons > ul li a.sound.muted {
              background-position: 0 1px; }
          .header_nav .social_icons > ul li a.facebook,
          .map_navigation .social_icons > ul li a.facebook {
            background-position: -19px -19px; }
            .header_nav .social_icons > ul li a.facebook:hover,
            .map_navigation .social_icons > ul li a.facebook:hover {
              background-position: -19px -39px; }
          .header_nav .social_icons > ul li a.twitter,
          .map_navigation .social_icons > ul li a.twitter {
            background-position: -38px -19px; }
            .header_nav .social_icons > ul li a.twitter:hover,
            .map_navigation .social_icons > ul li a.twitter:hover {
              background-position: -38px -39px; }

.wrapper {
  position: relative;
  z-index: 5;
  width: 800px;
  margin: 0 auto; }

.footer_link {
  display: block;
  width: 263px;
  height: 40px;
  background: url("../img/social-icons.png") no-repeat 0 -88px transparent;
  cursor: pointer;
  overflow: hidden;
  text-indent: -999px;
  position: absolute;
  top: 174px;
  left: 50%;
  margin-left: -128px;
  z-index: 20; }
  .footer_link h1 {
    text-indent: -999px; }

.ornaments {
  width: 325px;
  height: 375px;
  float: left;
  background: url("../img/letter.png") no-repeat 0 0 transparent;
  position: relative; }
  .ornaments .text {
    position: absolute;
    bottom: 48px;
    right: 69px;
    width: 115px;
    height: 150px; }
    .ornaments .text p {
      font-size: 12px;
      line-height: 14px;
      color: #dfbd5a;
      text-align: center;
      letter-spacing: 0; }

.letter {
  width: 420px;
  height: 373px;
  float: right;
  margin-top: 25px;
  background: url("../img/letter.png") no-repeat right bottom transparent;
  position: relative; }

.thankyou_overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #333333;
  filter: alpha(opacity=60);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  background-color: rgba(0, 0, 0, 0.65); }

.thankyou {
  width: 583px;
  height: 471px;
  background: url("../img/letter-thank-you-note.png") no-repeat 0 0 transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -235px 0 0 -291px; }

.close {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 10px;
  right: 10px;
  background: url("../img/close.png") no-repeat 0 0 transparent;
  cursor: pointer; }

.formWrap {
  width: 310px;
  position: absolute;
  top: 105px;
  left: 30px; }
  .formWrap .text1,
  .formWrap .text2,
  .formWrap .input_field,
  .formWrap .age_field,
  .formWrap .mobile_field,
  .formWrap .email_field {
    display: block;
    border: none;
    background-color: gainsboro;
    padding: 3px 5px;
    resize: none;
    font-size: 14px;
    line-height: 13px;
    color: #4d4d4d;
    font-family: "Signika", sans-serif;
    margin-top: 5px; }
  .formWrap .text1 {
    width: 300px;
    height: 44px; }
  .formWrap .text2 {
    width: 300px;
    height: 33px;
    margin-top: 40px; }
  .formWrap .input_field {
    width: 300px;
    margin-top: 5px; }
  .formWrap .age_field,
  .formWrap .mobile_field,
  .formWrap .email_field {
    float: left; }
  .formWrap .age_field {
    width: 60px; }
  .formWrap .mobile_field {
    width: 96px;
    margin-right: 3px;
    margin-left: 3px; }
  .formWrap .email_field {
    width: 118px; }
  .formWrap .send_button {
    display: block;
    width: 65px;
    height: 24px;
    background: url("../img/social-icons.png") no-repeat 0 -60px transparent;
    margin: 5px 0;
    border: 0;
    padding: 0;
    float: right;
    cursor: pointer;
    overflow: hidden;
    text-indent: -999px; }
  .formWrap .notes {
    float: left;
    margin: 5px 0; }
    .formWrap .notes p {
      font-size: 11px;
      line-height: 14px;
      color: #b0b0b0; }

.earth {
  width: 1000px;
  height: 240px;
  bottom: 0;
  position: relative;
  margin: 0 auto;
  z-index: 0;
  overflow: hidden; }
  @media (min-width: 1300px) {
    .earth {
      width: 1298px;
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -646px; } }
  @media (max-width: 800px) {
    .earth {
      width: 800px; } }
  @media (max-width: 1297px) and (min-width: 801px) {
    .earth {
      width: 900px; } }
  @media (min-width: 1298px) {
    .earth {
      width: 1298px; } }
  .earth #layer1,
  .earth #layer2,
  .earth #layer3,
  .earth #layer4 {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -649px;
    width: 1298px;
    height: 1298px;
    overflow: hidden;
    text-indent: -999px; }
  .earth #layer0 {
    width: 755px;
    height: 154px;
    position: absolute;
    top: -10px;
    left: 45%;
    margin-left: -377px;
    background: url("../img/sky.png") no-repeat center center transparent;
    z-index: 0;
    overflow: hidden;
    text-indent: -999px; }
  .earth .santa {
    background: url("../img/santa.gif") no-repeat 0 0 transparent;
    width: 132px;
    height: 130px;
    position: absolute;
    overflow: hidden;
    text-indent: -999px;
    top: 30px;
    z-index: 3;
    transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg); }
    @media (max-width: 800px) {
      .earth .santa {
        left: 200px; } }
    @media (max-width: 1297px) and (min-width: 801px) {
      .earth .santa {
        left: 268px; } }
    @media (min-width: 1298px) {
      .earth .santa {
        left: 400px; } }

.toys_bag {
  width: 358px;
  height: 376px;
  background: url("../img/top-10-toys_BG.png") no-repeat 0 0 transparent;
  float: left;
  margin: 25px 0 0 15px;
  position: relative; }
  .toys_bag .text {
    width: 173px;
    position: absolute;
    top: 170px;
    left: 75px; }
    .toys_bag .text p {
      font-size: 12px;
      line-height: 14px;
      color: #ffffff;
      text-align: center; }

.toys_top10list {
  width: 310px;
  height: 746px;
  background: url("../img/top-10-toys_BG.png") no-repeat right top transparent;
  float: right;
  margin: 25px 35px 0 0;
  position: relative; }

.toys {
  background-image: url("../img/toys_sprite.png");
  background-color: transparent;
  background-repeat: no-repeat;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  position: absolute;
  cursor: pointer; }
  .toys.one {
    width: 114px;
    height: 114px;
    background-position: -376px 1px;
    top: 86px;
    left: 6px; }
  .toys.two {
    width: 111px;
    height: 111px;
    background-position: -253px 1px;
    top: 133px;
    left: 105px; }
  .toys.three {
    width: 102px;
    height: 102px;
    background-position: 0 -129px;
    top: 92px;
    left: 204px; }
  .toys.four {
    width: 101px;
    height: 101px;
    background-position: -352px -130px;
    top: 229px;
    left: 47px; }
  .toys.five {
    width: 127px;
    height: 127px;
    background-position: -105px -130px;
    top: 231px;
    left: 155px; }
    .toys.five a {
      width: 93%;
      height: 93%; }
  .toys.six {
    width: 122px;
    height: 122px;
    background-position: 0 0;
    top: 336px;
    left: 39px; }
  .toys.seven {
    width: 95px;
    height: 95px;
    background-position: -238px -130px;
    top: 363px;
    left: 171px; }
  .toys.eight {
    width: 113px;
    height: 113px;
    background-position: -623px 1px;
    top: 443px;
    left: 106px; }
  .toys.nine {
    width: 115px;
    height: 115px;
    background-position: -128px 0;
    top: 536px;
    left: 39px; }
  .toys.ten {
    width: 108px;
    height: 108px;
    background-position: -502px 1px;
    top: 601px;
    left: 137px; }
  .toys a {
    position: absolute;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 94%;
    height: 94%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    text-decoration: none;
    color: #ffffff;
    cursor: pointer;
    display: none;
    background-color: #2e1a46;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%; }
    .toys a span {
      position: absolute;
      width: 85%;
      height: 55%;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      margin: auto;
      text-align: center;
      font-size: 11px;
      color: #c7b0e2;
      display: table; }
      .toys a span b {
        display: table-cell;
        font-size: 16px;
        font-family: "Marcellus SC", serif;
        line-height: 22px;
        color: #ffffff;
        text-align: center;
        vertical-align: middle; }

.toys_overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.5);
  display: none; }

.toys_lightbox {
  width: 500px;
  height: 400px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: url("../img/bg.png");
  overflow: hidden; }
  .toys_lightbox .toy_img,
  .toys_lightbox .toy_info {
    float: left;
    margin-top: 40px; }
  .toys_lightbox .toy_img {
    text-align: center;
    width: 310px; }
  .toys_lightbox .toy_info {
    width: 175px;
    overflow: hidden; }
    .toys_lightbox .toy_info h3 {
      font-family: "Marcellus SC", serif;
      font-size: 28px;
      color: #dfbd5a; }
    .toys_lightbox .toy_info p {
      font-size: 14px;
      line-height: 18px;
      color: #ffffff;
      margin: 10px 0; }
      .toys_lightbox .toy_info p b {
        font-weight: bold; }

.map_nav_shadow {
  height: 31px;
  background-color: #3a2665;
  width: 100%;
  position: relative;
  z-index: 6; }

.map_nav_outer {
  height: 39px;
  width: 100%;
  background: url("../img/map_navigation.png") no-repeat center top transparent; }

.map_navigation {
  width: 500px; }
  .map_navigation .left {
    margin: 0; }
  .map_navigation ul li a:hover {
    color: #ffff00; }

.map_wrapper {
  position: relative;
  z-index: 0;
  width: 800px;
  margin: 0 auto; }

#map-canvas {
  height: 390px;
  width: 800px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
  border-bottom: 10px solid #3a2665; }

.tweet_wrap {
  width: 250px;
  height: 345px;
  border-top: 4px solid #3a2665;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  right: 8px;
  z-index: 11;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.3); }

.rollmeup {
  width: 12px;
  height: 12px;
  background: url("../img/maps_sprite.png") no-repeat transparent -158px -36px;
  cursor: pointer;
  position: absolute;
  top: 13px;
  right: 15px;
  z-index: 20; }
  .rollmeup.rolled {
    background: url("../img/maps_sprite.png") no-repeat transparent -158px -48px; }

.tabs {
  display: block; }
  .tabs li {
    display: block;
    float: left;
    width: 49%;
    margin: 0 0 0 1%;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    transition: all 300ms; }
    .tabs li a {
      display: block;
      font-size: 10px;
      line-height: 30px;
      color: #3a2665;
      text-align: center;
      text-decoration: none;
      background-color: #e9e9e9; }
      .tabs li a.selected {
        border-top: 4px solid #d31f2c;
        line-height: 26px; }
    .tabs li:first-child {
      border-right: 1px solid white;
      margin: 0; }

.tabs_content {
  padding: 5px;
  display: none;
  height: 66px; }
  .tabs_content .countdown {
    display: block;
    width: 237px;
    height: 35px;
    margin: 4px auto 0;
    background: url("../img/maps_sprite.png") no-repeat 0 0 transparent;
    text-align: center;
    line-height: 35px;
    font-size: 26px;
    color: #fff; }
  .tabs_content .gifts_remaining {
    width: 119px;
    height: 52px;
    margin: 5px auto 0;
    background: url("../img/maps_sprite.png") no-repeat 0 -36px transparent;
    text-align: center;
    line-height: 56px;
    font-size: 24px;
    color: #fff; }
  .tabs_content > span {
    display: block;
    font-size: 16px;
    text-align: center;
    line-height: 28px;
    color: #2e1a46; }

.tweets_section {
  border-top: 1px solid #e9e9e9;
  padding: 2px 10px; }
  .tweets_section h3 {
    font-size: 12px;
    color: #dfbd5a;
    line-height: 24px; }
  .tweets_section .tweets {
    position: relative;
    display: block;
    width: 230px;
    height: 162px;
    overflow: hidden; }
    .tweets_section .tweets li {
      display: block;
      padding: 5px;
      margin: 0 0 2px;
      background-color: #e9e9e9;
      overflow: hidden; }
      .tweets_section .tweets li .userpic {
        width: 24px;
        height: 24px;
        float: left;
        background-color: #6a6a6a;
        margin-right: 5px; }
      .tweets_section .tweets li p {
        font-size: 11px;
        color: #392664;
        line-height: 13px; }
        .tweets_section .tweets li p a {
          text-decoration: none;
          color: #3a2665; }
      .tweets_section .tweets li.santaTweet {
        background-color: #d31f2c; }
        .tweets_section .tweets li.santaTweet p {
          color: #dfbd5a; }
          .tweets_section .tweets li.santaTweet p a {
            color: #dfbd5a; }
  .tweets_section .tweet_form {
    margin: 4px 0; }
    .tweets_section .tweet_form textarea {
      float: left;
      display: block;
      width: 178px;
      height: 26px;
      margin-right: 2px;
      resize: none;
      padding: 5px;
      color: #dfbd5a;
      font-size: 11px;
      border: 1px solid #e9e9e9; }
    .tweets_section .tweet_form .submit {
      display: block;
      width: 38px;
      height: 38px;
      background: url("../img/maps_sprite.png") no-repeat -118px -36px;
      cursor: pointer;
      border: none; }

.brandmovers {
  display: block;
  text-align: center;
  font-size: 10px;
  color: #dfbd5a;
  text-decoration: none;
  position: absolute;
  z-index: 900;
  bottom: 2px;
  left: 45%; }

#stage_jbeeb_3 {
  position: absolute !important;
  z-index: 99; }

/* ==========================================================================
   Helper classes
   ========================================================================== */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

@-webkit-keyframes lightsout {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-moz-keyframes lightsout {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-ms-keyframes lightsout {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

.ps-container .ps-scrollbar-x-rail {
  position: absolute;
  bottom: 3px;
  height: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  filter: alpha(opacity=0);
  -o-transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear; }

.ps-container .ps-scrollbar-y-rail {
  position: absolute;
  right: 3px;
  width: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  filter: alpha(opacity=0);
  -o-transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear; }

.ps-container .ps-scrollbar-x {
  position: absolute;
  bottom: 0;
  height: 8px;
  background-color: #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -o-transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear; }

.ps-container .ps-scrollbar-y {
  position: absolute;
  right: 0;
  width: 8px;
  background-color: #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -o-transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear; }

.ps-container:hover .ps-scrollbar-x-rail, .ps-container.hover .ps-scrollbar-x-rail, .ps-container:hover .ps-scrollbar-y-rail, .ps-container.hover .ps-scrollbar-y-rail {
  opacity: 0.6;
  filter: alpha(opacity=60); }

.ps-container .ps-scrollbar-x-rail:hover, .ps-container .ps-scrollbar-x-rail.hover, .ps-container .ps-scrollbar-y-rail:hover, .ps-container .ps-scrollbar-y-rail.hover {
  background-color: #eee;
  opacity: 0.9;
  filter: alpha(opacity=90); }

.ps-container .ps-scrollbar-x-rail.in-scrolling, .ps-container .ps-scrollbar-y-rail.in-scrolling {
  opacity: 0.9;
  filter: alpha(opacity=90); }

.ps-container.ie6 .ps-scrollbar-x, .ps-container.ie .ps-scrollbar-y {
  font-size: 0; }

.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x, .ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x, .ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y, .ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
  background-color: #999; }

.datepick {
  background-color: #fff;
  color: #000;
  border: 1px solid #dfbd5a;
  border-radius: .25em;
  -moz-border-radius: .25em;
  -webkit-border-radius: .25em;
  font-family: h_albertregular, Tahoma, sans-serif;
  font-size: 100%; }

.datepick-rtl {
  direction: rtl; }

.datepick-popup {
  z-index: 1000; }

.datepick-disable {
  position: absolute;
  z-index: 100;
  background-color: #FFF;
  opacity: 0.5;
  filter: alpha(opacity=50); }

.datepick a {
  color: #fff;
  text-decoration: none; }

.datepick a.datepick-disabled {
  color: #888;
  cursor: auto; }

.datepick button {
  background-color: #fcc;
  border: none;
  border-radius: .25em;
  -moz-border-radius: .25em;
  -webkit-border-radius: .25em;
  font-weight: 700;
  margin: .25em;
  padding: 0.125em 0; }

.datepick-nav, .datepick-ctrl {
  float: left;
  width: 100%;
  background-color: #d31f2c;
  color: #fff;
  font-size: 90%;
  font-weight: 700; }

.datepick-ctrl {
  background-color: #dfbd5a; }

.datepick-cmd {
  width: 30%; }

.datepick-cmd:hover {
  background-color: #777; }

.datepick-cmd-prevJump, .datepick-cmd-nextJump {
  width: 8%; }

a.datepick-cmd {
  line-height: 1.5em; }

button.datepick-cmd {
  text-align: center; }

.datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear {
  float: left;
  padding-left: 2%; }

.datepick-cmd-current, .datepick-cmd-today {
  float: left;
  width: 35%;
  text-align: center; }

.datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close {
  float: right;
  padding-right: 2%;
  text-align: right; }

.datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump, .datepick-rtl .datepick-cmd-clear {
  float: right;
  padding-left: 0;
  padding-right: 2%;
  text-align: right; }

.datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today {
  float: right; }

.datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump, .datepick-rtl .datepick-cmd-close {
  float: left;
  padding-left: 2%;
  padding-right: 0;
  text-align: left; }

.datepick-month-nav {
  float: left;
  background-color: #777;
  text-align: center; }

.datepick-month-nav div {
  float: left;
  width: 12.5%;
  margin: 1%;
  padding: 1%; }

.datepick-month-row {
  clear: left; }

.datepick-month {
  float: left;
  width: 15em;
  border: 1px solid #dfbd5a;
  text-align: center; }

.datepick-month-header, .datepick-month-header select, .datepick-month-header input {
  line-height: 1.5em;
  background-color: #d31f2c;
  color: #fff;
  font-weight: 700; }

.datepick-month-header select, .datepick-month-header input {
  line-height: 1.4em;
  border: none;
  font-size: 100%; }

.datepick-month-header input {
  position: absolute;
  display: none; }

.datepick-month table {
  width: 100%;
  border-collapse: collapse; }

.datepick-month thead {
  border-bottom: 1px solid #aaaaaa; }

.datepick-month th, .datepick-month td {
  font-weight: 400;
  text-align: center;
  margin: 0;
  padding: 0; }

.datepick-month th {
  border: 1px solid #777777; }

.datepick-month td {
  background-color: #eee;
  border: 1px solid #dfbd5a; }

.datepick-month td.datepick-week {
  border: 1px solid #dfbd5a; }

.datepick-month td.datepick-week * {
  background-color: #777;
  color: #fff;
  border: none; }

.datepick-month a {
  display: block;
  width: 100%;
  background-color: #eee;
  color: #000;
  text-decoration: none;
  padding: 0.125em 0; }

.datepick-month span {
  display: block;
  width: 100%;
  padding: 0.125em 0; }

.datepick-month td .datepick-other-month {
  background-color: #fff; }

.datepick-month td .datepick-weekend {
  background-color: #ddd; }

.datepick-month td .datepick-today {
  background-color: #f0c0c0; }

.datepick-status {
  clear: both;
  background-color: #ddd;
  text-align: center; }

.datepick-clear-fix {
  clear: both; }

.datepick-ctrl .datepick-cmd:hover, .datepick-month td .datepick-highlight {
  background-color: #f08080; }

.datepick-month-nav span, .datepick-month td span {
  color: #888; }

.datepick-month th, .datepick-month th a, .datepick-month td .datepick-selected, .datepick-month th.datepick-week {
  background-color: #777;
  color: #fff; }