

























html body,
html div,
html p,
html tr,
html td,
html input,
html button,
html select,
html textarea {
  font-family: "Open Sans", arial, sans-serif;
  font-size: 12px;
}
html .pgn {
  margin: 1px;
}
html .pagination a.btn,
html .pagination a.pgn_nht,
html .pagination a.pgn_ht {
  margin: 2px 1px;
  padding: 4px 10px;
  *background-color: transparent;
  background-image: none;
  border-radius: 0;
  font-size: 0.75rem;
  border: 1px solid #CCC;
  background-repeat: no-repeat;
  text-shadow: none;
  box-shadow: none;
}
html .modal .char-count {
  color: #999999;
  padding-right: 10px;
  vertical-align: middle;
}
.pulsing-notification {
  position: relative;
}
.pulsing-notification .circle {
  border-radius: 50%;
  border: 2px solid #f84e4e;
  width: 18px;
  height: 18px;
  margin: 1px;
}
.pulsing-notification .bubble {
  position: absolute;
  width: 0px;
  height: 0px;
  top: 11px;
  left: 12px;
  -webkit-transition-duration: .5s;
  -webkit-transition-property: all;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-duration: .5s;
  -moz-transition-property: all;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-duration: .5s;
  -ms-transition-property: all;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-duration: .5s;
  -o-transition-property: all;
  -o-transition-timing-function: ease-in-out;
  transition-duration: .5s;
  transition-property: all;
  transition-timing-function: ease-in-out;
  text-align: center;
  background: #f84e4e;
  color: white;
  border-radius: 100%;
  overflow: hidden;
  font-size: 11px;
  line-height: 22px;
}
.pulsing-notification .pulse-out {
  width: 22px;
  height: 22px;
  top: 1px;
  left: 1px;
}
.pulsing-notification .pulse-in {
  top: 6px;
  left: 6px;
  width: 12px;
  height: 12px;
}
.radial-down {
  position: absolute;
  width: 11px;
}
.radial-down .radial-mask {
  -webkit-transition: max-height 0.5s;
  -moz-transition: max-height 0.5s;
  -ms-transition: max-height 0.5s;
  -o-transition: max-height 0.5s;
  transition: max-height 0.5s;
  overflow: hidden;
  max-height: 0px;
}
.radial-down .radial-mask.open {
  max-height: 29px;
}
.radial-up {
  position: absolute;
  left: 11px;
  width: 12px;
  height: 24px;
}
.radial-up .radial-mask {
  overflow: hidden;
  position: absolute;
  width: 14px;
  bottom: 0;
  top: 26px;
  -webkit-transition-property: top, bottom;
  -webkit-transition-duration: .5s;
  -o-transition-property: top, bottom;
  -o-transition-duration: .5s;
  -moz-transition-property: top, bottom;
  -moz-transition-duration: .5s;
  -ms-transition-property: top, bottom;
  -ms-transition-duration: .5s;
  transition-property: top, bottom;
  transition-duration: .5s;
}
.radial-up .radial-mask.open {
  top: 0px;
}
.radial-up .radial-mask.open .circle {
  top: 0px;
}
.radial-up .circle {
  position: absolute;
  left: -11px;
  top: -26px;
  -webkit-transition: top .5s;
  -moz-transition: top .5s;
  -ms-transition: top .5s;
  -o-transition: top .5s;
  transition: top .5s;
}
a {
  color: #3366cc;
  text-decoration: none;
}
a:hover,
a:active {
  color: #01437f;
  text-decoration: none;
}
a:focus {
  outline: none;
}
.btn,
button,
[type="submit"],
[type="button"],
[type="reset"] {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  text-shadow: none;
  padding: 3px 11px;
  font-size: 0.75rem;
  border-color: #cccccc;
  background-color: #f0f0f0;
  color: #333333;
}
.btn:hover,
button:hover,
[type="submit"]:hover,
[type="button"]:hover,
[type="reset"]:hover,
.btn:active,
button:active,
[type="submit"]:active,
[type="button"]:active,
[type="reset"]:active {
  background-color: #c8c8c8;
  border-color: #c8c8c8;
}
.btn.disabled,
button.disabled,
[type="submit"].disabled,
[type="button"].disabled,
[type="reset"].disabled,
.btn[disabled],
button[disabled],
[type="submit"][disabled],
[type="button"][disabled],
[type="reset"][disabled] {
  background-color: #f0f0f0;
  border-color: #cccccc;
  opacity: 0.6;
}
.btn-group > .btn:first-child,
.btn.group > .btn:first-child {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  text-shadow: none;
  color: #333333;
  border: 1px solid #cccccc;
  background-color: #f0f0f0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  padding: 3px 9px;
}
.btn-group > .btn:hover,
.btn.group > .btn:hover,
.btn-group > .btn:active,
.btn.group > .btn:active {
  background-color: #c8c8c8;
  border-color: #c8c8c8;
}
.btn-group > .btn.disabled,
.btn.group > .btn.disabled,
.btn-group > .btn[disabled],
.btn.group > .btn[disabled] {
  background-color: #f0f0f0;
  border-color: #cccccc;
  opacity: 0.6;
}
.btn.info,
.btn-info {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  text-shadow: none;
  padding: 3px 11px;
  border: 1px solid #444444;
  background-color: #444444;
  color: #ffffff;
}
.btn.info:hover,
.btn-info:hover,
.btn.info:active,
.btn-info:active {
  background-color: #010101;
  border-color: #010101;
}
.btn.info.disabled,
.btn-info.disabled,
.btn.info[disabled],
.btn-info[disabled] {
  background-color: #444444;
  border-color: #444444;
  opacity: 0.6;
}
.btn-blue,
.btn.primary,
.btn-primary {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  text-shadow: none;
  padding: 3px 11px;
  border: 1px solid #428bca;
  background-color: #428bca;
  color: #ffffff;
}
.btn-blue:hover,
.btn.primary:hover,
.btn-primary:hover,
.btn-blue:active,
.btn.primary:active,
.btn-primary:active {
  background-color: #034e8f;
  border-color: #034e8f;
}
.btn-blue.disabled,
.btn.primary.disabled,
.btn-primary.disabled,
.btn-blue[disabled],
.btn.primary[disabled],
.btn-primary[disabled] {
  background-color: #428bca;
  border-color: #428bca;
  opacity: 0.6;
}
.btn-red,
.btn.cta,
.btn-cta {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  text-shadow: none;
  padding: 3px 11px;
  border: 1px solid #f41002;
  background-color: #f41002;
  color: #ffffff;
}
.btn-red:hover,
.btn.cta:hover,
.btn-cta:hover,
.btn-red:active,
.btn.cta:active,
.btn-cta:active {
  background-color: #b10b01;
  border-color: #b10b01;
}
.btn-red.disabled,
.btn.cta.disabled,
.btn-cta.disabled,
.btn-red[disabled],
.btn.cta[disabled],
.btn-cta[disabled] {
  background-color: #f41002;
  border-color: #f41002;
  opacity: 0.6;
}
.btn-darkblue,
.btn-secondary,
.btn.secondary {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  text-shadow: none;
  padding: 3px 11px;
  border: 1px solid #4c66a4;
  background-color: #4c66a4;
  color: #ffffff;
}
.btn-darkblue:hover,
.btn-secondary:hover,
.btn.secondary:hover,
.btn-darkblue:active,
.btn-secondary:active,
.btn.secondary:active {
  background-color: #304678;
  border-color: #304678;
}
.btn-darkblue.disabled,
.btn-secondary.disabled,
.btn.secondary.disabled,
.btn-darkblue[disabled],
.btn-secondary[disabled],
.btn.secondary[disabled] {
  background-color: #4c66a4;
  border-color: #4c66a4;
  opacity: 0.6;
}
.btn-green,
.btn-new,
.btn.new {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  text-shadow: none;
  padding: 3px 11px;
  border: 1px solid #37a05b;
  background-color: #37a05b;
  color: #ffffff;
}
.btn-green:hover,
.btn-new:hover,
.btn.new:hover,
.btn-green:active,
.btn-new:active,
.btn.new:active {
  background-color: #22683a;
  border-color: #22683a;
}
.btn-green.disabled,
.btn-new.disabled,
.btn.new.disabled,
.btn-green[disabled],
.btn-new[disabled],
.btn.new[disabled] {
  background-color: #37a05b;
  border-color: #37a05b;
  opacity: 0.6;
}
.btn-yellow,
.btn-order,
.btn.order {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  text-shadow: none;
  padding: 3px 11px;
  border: 1px solid #fe9f25;
  background-color: #fe9f25;
  color: #ffffff;
}
.btn-yellow:hover,
.btn-order:hover,
.btn.order:hover,
.btn-yellow:active,
.btn-order:active,
.btn.order:active {
  background-color: #ea8503;
  border-color: #ea8503;
}
.btn-yellow.disabled,
.btn-order.disabled,
.btn.order.disabled,
.btn-yellow[disabled],
.btn-order[disabled],
.btn.order[disabled] {
  background-color: #fe9f25;
  border-color: #fe9f25;
  opacity: 0.6;
}
.btn-large,
.btn-small,
.btn-tiny {
  border-radius: 0;
}
.btn-large,
.btn.large {
  padding: 11px 19px;
  font-size: 18px;
}
.btn-small,
.btn.small {
  padding: 2px 10px;
  font-size: 11px;
  -webkit-transform: 0.8333;
  -webkit-transform-origin-x: 0;
}
.btn-tiny,
.btn.tiny {
  padding: 0 6px;
  font-size: 10px;
  -webkit-transform: 0.8333;
  -webkit-transform-origin-x: 0;
}
.activity_like.btn i,
#likebox-left .btn i,
#likebox-main .btn i {
  display: inline-block;
  margin: 0 0;
  width: 18px;
  height: 18px;
}
.activity_like.btn .sprite-like,
#likebox-left .btn .sprite-like,
#likebox-main .btn .sprite-like {
  background: url('https://secureimage.securedataimages.com/images/common/png/button_icons_sprite.png') no-repeat 0 0;
  background-size: 450px;
  background-position: -230px -29px;
}
/*.btn:hover {
    .sprite-envelope {
        background-position: -82px -64px;
    }
    .sprite-flirt-face {
        background-position: -84px -288px;
    }
    .sprite-hotlist {
        background-position: -83px -384px;
    }
    .sprite-add-friend {
        background-position: -81px -512px;
    }
}*/
/* TODO Overrides to be removed in version fruit_buttons_v1_0_1.ess */
html {
  /*
    #next,
    #prev {
        &.btn {
            i {
                display: inline-block;
                background-image: url('https://secureimage.securedataimages.com/images/common/png/button_icons_sprite.png');
                background-repeat: no-repeat;
                background-size: 500px auto;
                background-position: 0 0;
            }
        }
    }

    #next {
        &.btn {
            i {
                background-position: -180px -27px;
            }
        }
    }

    #prev {
        &.btn {
            i {
                background-position: -58px -32px;
            }
        }
    }*/
}
html .activity_button_wrapper .btn-action .btn,
html .activity_container .btn-action .btn,
html .activity_container.vertical .btn-action .btn,
html .activity_container .dispi .btn-action .btn,
html .member_cell_container .btn-action .btn,
html .activity_button_wrapper .btn-action-treatment .btn,
html .activity_container .btn-action-treatment .btn,
html .activity_container.vertical .btn-action-treatment .btn,
html .activity_container .dispi .btn-action-treatment .btn,
html .member_cell_container .btn-action-treatment .btn {
  background-color: transparent;
  border-color: transparent;
}
html .activity_button_wrapper .btn-action .btn:hover,
html .activity_container .btn-action .btn:hover,
html .activity_container.vertical .btn-action .btn:hover,
html .activity_container .dispi .btn-action .btn:hover,
html .member_cell_container .btn-action .btn:hover,
html .activity_button_wrapper .btn-action-treatment .btn:hover,
html .activity_container .btn-action-treatment .btn:hover,
html .activity_container.vertical .btn-action-treatment .btn:hover,
html .activity_container .dispi .btn-action-treatment .btn:hover,
html .member_cell_container .btn-action-treatment .btn:hover {
  background-color: transparent;
  border-color: transparent;
}
html .activity_button_wrapper .btn-action.top_fans_button .btn.btn-blue,
html .activity_container .btn-action.top_fans_button .btn.btn-blue,
html .activity_container.vertical .btn-action.top_fans_button .btn.btn-blue,
html .activity_container .dispi .btn-action.top_fans_button .btn.btn-blue,
html .member_cell_container .btn-action.top_fans_button .btn.btn-blue {
  background-color: #428bca;
  border-color: #428bca;
}
html .activity_button_wrapper .btn-action.top_fans_button .btn.btn-blue:hover,
html .activity_container .btn-action.top_fans_button .btn.btn-blue:hover,
html .activity_container.vertical .btn-action.top_fans_button .btn.btn-blue:hover,
html .activity_container .dispi .btn-action.top_fans_button .btn.btn-blue:hover,
html .member_cell_container .btn-action.top_fans_button .btn.btn-blue:hover {
  background-color: #034e8f;
  border-color: #034e8f;
}
html #friend_requesta_mini_container .btn-group > .btn,
html #friend_requesta_mini_container .btn.group > .btn,
html #friend_requesta_mini_container .btn-group > .dropdown-menu,
html #friend_requesta_mini_container .btn.group > .dropdown-menu,
html #friend_requesta_mini_container .btn-group > .popover,
html #friend_requesta_mini_container .btn.group > .popover {
  background-color: #428bca;
  padding: 0 6px;
}
html #navigation .page {
  padding: 0 10px;
  min-width: 960px;
}
html #navigation #nav_alert_count {
  width: 16px;
}
html #navigation ul li .nav_title {
  padding: 0 10px;
}
html #navigation ul li a {
  padding: 0 12px;
}
@media only screen and (max-width: 1277px) {
  html .japanese #navigation #nav_right,
  html .swedish #navigation #nav_right,
  html .portuguese #navigation #nav_right,
  html .dutch #navigation #nav_right {
    position: absolute;
    right: 0;
    top: 87px;
    padding: 0 2px 3px 0;
    background-color: #666666;
    z-index: 2;
  }
}
@media only screen and (min-width: 1278px) {
  html .japanese #navigation #nav_right,
  html .swedish #navigation #nav_right,
  html .portuguese #navigation #nav_right,
  html .dutch #navigation #nav_right {
    *position: absolute;
    *right: 0;
    *top: 88px;
    *padding: 0 2px 3px 0;
    *background-color: #666666;
    *z-index: 2;
  }
}
html .sprite-topfan-star-alt {
  background-position: -202px -800px;
}
html .mc_dd._lock {
  opacity: 1;
}
html .handle_container {
  font-size: 11px;
  max-width: 58px;
}
html .rel .won_wrapper .won_mem_info {
  font-size: 11px;
}
