@charset "UTF-8";
#main-bannerkarkand-buy-form {
  position: absolute;
  top: 0;
  left: 16px; }

/* Banner Kit Shortcuts
 -------------------------------------------------------------------- */
#main-show-banner-kitshortcuts {
  background: url(../main/banner_kit_shortcuts.jpg) left top no-repeat;
  display: block;
  height: 107px;
  width: 320px;
  position: relative;
  margin-bottom: 16px; }
  #main-show-banner-kitshortcuts h2 {
    font-family: BebasNeueRegular, Arial, sans-serif;
    font-size: 24px;
    color: white;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 12px;
    left: 16px;
    font-weight: normal; }
  #main-show-banner-kitshortcuts p {
    background: url(../main/icon_new_win.gif) right center no-repeat;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #3aade3;
    position: absolute;
    left: 16px;
    bottom: 12px;
    padding-right: 14px; }
  #main-show-banner-kitshortcuts:hover p {
    text-decoration: underline; }

.main-loggedin-leftcolumn-activity {
  margin-bottom: 10px;
  position: relative;
  overflow: hidden; }

.main-loggedin-leftcolumn-activity-intro {
  border-bottom: 1px solid #e1e1e1;
  background: #f8f3c5;
  padding: 16px 20px 16px 16px;
  position: relative;
  display: none;
  color: #353535;
  padding: 10px; }

.main-loggedin-leftcolumn-activity.show-intro .main-loggedin-leftcolumn-activity-intro {
  display: block; }

.main-loggedin-leftcolumn-activity-intro .close {
  width: 7px;
  height: 7px;
  background: url(../base/shared/row_close.png) 0 0 no-repeat;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer; }
  .main-loggedin-leftcolumn-activity-intro .close:hover {
    background-position: 0 -7px; }
.main-loggedin-leftcolumn-activity-intro h4 {
  line-height: 16px;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 2px; }
.main-loggedin-leftcolumn-activity-intro p {
  line-height: 18px;
  font-size: 12px; }
.main-loggedin-leftcolumn-activity-intro a, .main-loggedin-leftcolumn-activity-intro .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .main-loggedin-leftcolumn-activity-intro a {
  font-weight: normal;
  font-size: 12px;
  line-height: 18px; }

.main-loggedin-leftcolumn-activity .activity-header-gameicon {
  float: right;
  margin: 1px 10px 0 0; }

.main-loggedin-leftcolumn-activity .base-box-push-inner {
  padding: 0;
  overflow: hidden; }

#main-loggedin-leftcolumn .main-loggedin-leftcolumn-activity .base-box-push-header {
  border-bottom: 1px solid #e1e1e1;
  padding: 0 6px 0 16px;
  height: 40px; }
  #main-loggedin-leftcolumn .main-loggedin-leftcolumn-activity .base-box-push-header h3 {
    line-height: 39px;
    margin: 0;
    font-weight: bold;
    color: #353535;
    font-family: Tahoma, sans-serif;
    font-size: 12px;
    float: left; }

.main-loggedin-leftcolumn-activity .activitystream-list-wrapper {
  width: 100%;
  overflow-y: hidden;
  height: 334px;
  position: relative;
  z-index: 0; }
  .main-loggedin-leftcolumn-activity .activitystream-list-wrapper .activitystream-noevents {
    height: 334px; }
.main-loggedin-leftcolumn-activity.show-intro .activitystream-list-wrapper .activitystream-noevents {
  height: 212px; }
.main-loggedin-leftcolumn-activity .activitystream-list-wrapper .activitystream-noevents td {
  vertical-align: middle;
  text-align: center;
  background: transparent;
  border: 0;
  padding: 0 30px; }
  .main-loggedin-leftcolumn-activity .activitystream-list-wrapper .activitystream-noevents td h4 {
    font-size: 14px;
    text-transform: uppercase; }
  .main-loggedin-leftcolumn-activity .activitystream-list-wrapper .activitystream-noevents td p {
    font-size: 12px;
    line-height: 22px; }
.main-loggedin-leftcolumn-activity .view-more {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }
  .main-loggedin-leftcolumn-activity .view-more span {
    display: block;
    padding: 0 16px;
    text-align: left;
    line-height: 30px;
    font-size: 11px;
    font-weight: normal;
    background: #ebebeb;
    z-index: 2;
    border-top: 1px solid #d3d3d3; }
  .main-loggedin-leftcolumn-activity .view-more::after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 20px;
    background: transparent;
    box-shadow: 0 -2px 20px 6px rgba(0, 0, 0, 0.1);
    z-index: -1;
    border-radius: 30%; }
.main-loggedin-leftcolumn-activity .activitystream-noevents + .view-more {
  display: none; }
.main-loggedin-leftcolumn-activity.show-intro .activitystream-list-wrapper {
  height: 213px; }
.main-loggedin-leftcolumn-activity .activitystream-list {
  padding: 0 9px;
  position: relative;
  z-index: 0;
  height: 100%;
  overflow: hidden; }
.main-loggedin-leftcolumn-activity .common-scrollbar-style .activitystream-list {
  height: auto;
  overflow: visible; }
.main-loggedin-leftcolumn-activity .activitystream-list .activitystream-item:first-child {
  margin-top: 12px; }
.main-loggedin-leftcolumn-activity .activitystream-list .activitystream-item:last-child {
  margin-bottom: 12px; }
.main-loggedin-leftcolumn-activity .common-scrollbar-style .activitystream-list {
  padding: 0 18px 0 9px; }

.main-loggedin-premium-scoremultiplier {
  background: url(../main/bf3/bg-event-1024.png) top right no-repeat;
  line-height: 35px;
  color: #fb8800;
  font-size: 11px;
  margin: 0 auto;
  width: 974px;
  position: absolute;
  right: 0;
  font-weight: bold;
  text-align: right;
  padding-right: 50px;
  font-family: Tahoma, sans-serif;
  height: 35px;
  margin-top: 8px;
  margin-bottom: 16px; }
  .main-loggedin-premium-scoremultiplier.brief {
    position: absolute;
    top: 0;
    right: 0;
    width: 355px;
    bottom: 0;
    background: url(../main/bf3/bg-event-400.png) top right no-repeat; }
  .main-loggedin-premium-scoremultiplier > strong {
    text-transform: uppercase;
    font-weight: bold;
    margin-right: 8px;
    color: #FFF;
    font-size: 11px;
    padding-top: 5px;
    clear: both;
    display: block;
    line-height: 1;
    font-family: Tahoma, sans-serif; }
  .main-loggedin-premium-scoremultiplier > span {
    clear: both;
    color: #f78513;
    line-height: 1;
    margin-right: 8px;
    display: block;
    text-transform: uppercase;
    padding-top: 2px;
    font-size: 12px;
    font-family: Tahoma, sans-serif; }
  .main-loggedin-premium-scoremultiplier > a, .main-loggedin-premium-scoremultiplier > .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .main-loggedin-premium-scoremultiplier > a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1; }

#main-loggedin-premium-scoremultiplier-icon {
  width: 44px;
  height: 26px;
  position: absolute;
  top: 13px;
  right: 5px;
  background: url(../main/bf3/icon-2xp.png); }

.main-loggedin-actionbar.noplaybar .main-loggedin-premium-scoremultiplier {
  position: relative; }

.main-loggedin-header-puff-loading {
  position: absolute;
  right: 10px;
  bottom: 10px; }

.main-topstory-comments {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 6px 0;
  padding: 0 6px 0 0;
  height: 18px; }
  .main-topstory-comments .icon {
    position: relative;
    top: 3px;
    display: block;
    float: left;
    background: url(../devblog/icon-comments.png) 0 -11px;
    width: 13px;
    height: 11px;
    margin: 0 6px 0 16px; }

.main-topstory-votes {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 6px 0;
  padding: 0 6px 0 0;
  height: 18px; }
  .main-topstory-votes .icon {
    display: inline-block;
    background: url(../feed/icon-hooah-activitystream.png) 0 -54px;
    width: 14px;
    height: 14px;
    margin: 0 3px 0 0; }

#main-loggedin-header-puff-topstory h3 {
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.8); }

.main-loggedin-actionbar {
  position: relative; }

.main-loggedin-playbar {
  float: left;
  height: 35px;
  margin-top: 8px;
  margin-bottom: 16px;
  position: relative; }
  .main-loggedin-playbar span.title {
    font-family: BebasNeueRegular, Arial, sans-serif;
    font-size: 22px;
    font-weight: normal;
    color: #fff;
    background: url(../main/bf3/boxes/bg-playnow.png) top right no-repeat;
    float: left;
    height: 35px;
    line-height: 37px;
    margin-right: 10px;
    padding: 0 20px 0 16px;
    cursor: default; }

.main-loggedin-playbutton {
  margin-right: 6px; }
  .main-loggedin-playbutton p {
    padding: 0 20px; }

#main-loggedin-header-puff-unlocks .main-loggedin-header-puff-content {
  z-index: 2; }

.main-loggedin-header-puff-soldiers-content {
  bottom: 43px;
  left: 18px; }
  .main-loggedin-header-puff-soldiers-content > h1 {
    margin-bottom: 8px;
    font-size: 13px; }
  .main-loggedin-header-puff-soldiers-content > div {
    float: left;
    width: 88px;
    background-color: rgba(255, 255, 255, 0.3); }
    .main-loggedin-header-puff-soldiers-content > div > span {
      height: 5px;
      background: #fff;
      display: block; }

#main-loggedin-header-puff-unlocks {
  overflow: hidden; }
  #main-loggedin-header-puff-unlocks ul {
    position: absolute;
    right: 25px;
    bottom: -2px;
    z-index: 1; }
    #main-loggedin-header-puff-unlocks ul > li {
      float: left;
      width: 34px; }
      #main-loggedin-header-puff-unlocks ul > li > img {
        height: 107px; }

.main-loggedin-header-puff-platoon-content {
  width: 303px;
  position: absolute;
  top: 53px; }
  .main-loggedin-header-puff-platoon-content > h1 {
    font-size: 14px; }
  .main-loggedin-header-puff-platoon-content > span {
    display: block;
    float: none;
    margin: 3px 0 6px 2px; }
  .main-loggedin-header-puff-platoon-content > img.platoon-badge-item {
    position: absolute;
    top: -27px;
    right: 5px; }
  .main-loggedin-header-puff-platoon-content > div.main-loggedin-platoon-overlay {
    background-image: url('../main/mohw/boxes/platoon-overlay.png');
    width: 60px;
    height: 62px;
    position: absolute;
    top: -28px;
    right: 5px; }
    .main-loggedin-header-puff-platoon-content > div.main-loggedin-platoon-overlay > p {
      -webkit-transition: background 0.5s ease;
      -moz-transition: background 0.5s ease;
      -ms-transition: background 0.5s ease;
      -o-transition: background 0.5s ease;
      transition: background 0.5s ease;
      width: 60px;
      height: 62px; }

.main-loggedin-header-puff:hover div.main-loggedin-platoon-overlay > p {
  background: rgba(255, 255, 255, 0.1); }

.main-loggedin-header-puff-platoon-content > em {
  display: block;
  font-size: 11px;
  font-style: normal; }

#main-introduction {
  padding: 0;
  border: 0; }
  #main-introduction > header {
    background: url(//d34ymitoc1pg7m.cloudfront.net/bf3/intro/intro-banner-bf3-1bd910e2.png) no-repeat;
    height: 207px;
    width: 1024px;
    margin: 0;
    border-bottom: 0; }
    #main-introduction > header > h3 {
      font-family: BebasNeueRegular, Arial, sans-serif;
      font-weight: normal;
      font-size: 44px;
      color: #fff;
      text-align: center;
      top: 35px;
      position: relative; }
  #main-introduction > .common-box-inner {
    padding: 16px;
    text-align: center; }
  #main-introduction .sections {
    display: table;
    margin: 0 77px 16px 77px;
    text-align: left; }
  #main-introduction section {
    display: table-cell;
    width: 33%; }
    #main-introduction section > .image {
      width: 264px;
      height: 137px;
      background: no-repeat 50% 50% #ebebeb;
      border: 0; }
    #main-introduction section > h2 {
      font-family: BebasNeueRegular, Arial, sans-serif;
      font-size: 30px;
      color: #353535;
      margin: 20px 0 12px 0;
      font-weight: normal; }
    #main-introduction section > p {
      font-family: Arial, sans-serif;
      font-size: 14px;
      color: #898989;
      line-height: 21px; }
    #main-introduction section.friends > .image {
      background-image: url(../main/intro-icon-friends-bf3.png); }
    #main-introduction section.platoons > .image {
      background-image: url(../main/intro-icon-platoon-bf3.png); }
    #main-introduction section.stats > .image {
      background-image: url(../main/intro-icon-stats-bf3.png); }
  #main-introduction .continue-button {
    margin: 32px 0; }
    #main-introduction .continue-button p {
      padding: 2px 110px 0 110px;
      font-size: 32px;
      font-weight: normal; }
    #main-introduction .continue-button:hover {
      text-decoration: none; }
  #main-introduction.mohw > header {
    background-image: url(//d34ymitoc1pg7m.cloudfront.net/mohw/intro/intro-banner-mohw-580c25d4.png); }
    #main-introduction.mohw > header > h3 {
      color: #353535; }
  #main-introduction.mohw section.friends > .image {
    background-image: url(../main/intro-icon-friends-mohw.png); }
  #main-introduction.mohw section.platoons > .image {
    background-image: url(../main/intro-icon-platoon-mohw.png); }
  #main-introduction.mohw section.stats > .image {
    background-image: url(../main/intro-icon-stats-mohw.png); }

body.premium .main-header .persona {
  background: url(../base/bf4/overlay-p.png) no-repeat top center; }
  body.premium .main-header .persona .username {
    color: #E4B744; }
  body.premium .main-header .persona .icon-premium-wide {
    float: left; }
  body.premium .main-header .persona .platform {
    float: left; }

#bfhbeta-offer {
  overflow: hidden;
  margin-bottom: 16px;
  height: 130px; }
  #bfhbeta-offer .bfh-hero {
    margin-top: -100px;
    margin-right: -16px;
    width: 200px;
    float: right; }
  #bfhbeta-offer .bfh-logo {
    width: 200px;
    float: right;
    margin-top: -45px;
    margin-right: -42px; }
  #bfhbeta-offer .offer-not-available {
    padding-bottom: 16px; }
  #bfhbeta-offer .get-hardline-beta-btn {
    float: left;
    margin-top: 8px; }
  #bfhbeta-offer .pre-order {
    margin-left: 16px;
    float: left;
    margin-top: 8px; }

.main-header .playbar {
  margin: 0;
  margin-top: 16px;
  margin-bottom: 16px; }
.main-header .tiles .box {
  height: 143px;
  background: none;
  margin-top: 1px;
  cursor: pointer; }
  .main-header .tiles .box h1 {
    font-size: 19px;
    line-height: 16px; }
  .main-header .tiles .box h2 {
    font-size: 16px;
    line-height: 16px;
    font-weight: normal;
    color: lightgrey; }
  .main-header .tiles .box h2 {
    line-height: 21px; }
    .main-header .tiles .box h2.white {
      color: #fff; }
  .main-header .tiles .box .box-content {
    background-color: transparent;
    background-position: 96% 67px;
    background-repeat: no-repeat;
    -webkit-transition: background-position 0.2s ease-in;
    transition: background-position 0.2s ease-in; }
  .main-header .tiles .box .box-hide {
    position: absolute; }
    .main-header .tiles .box .box-hide h1 {
      margin-top: 25px;
      font-size: 50px;
      line-height: 40px; }
    .main-header .tiles .box .box-hide h2 {
      text-transform: uppercase; }
  .main-header .tiles .box:hover > .box-content {
    background-position: 96% 62px;
    -webkit-transition: background-position 0.1s ease-in;
    transition: background-position 0.1s ease-in; }
    .main-header .tiles .box:hover > .box-content .box-hide {
      opacity: 0; }
    .main-header .tiles .box:hover > .box-content .box-inner {
      -webkit-transition: opacity 0.3s ease-in-out;
      transition: opacity 0.3s ease-in-out;
      opacity: 1; }
      .main-header .tiles .box:hover > .box-content .box-inner .bg-inner {
        -webkit-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
        opacity: 1; }
.main-header .box {
  overflow: hidden;
  position: relative;
  text-decoration: none; }
  .main-header .box .bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0.6;
    width: 100%;
    height: 100%; }
    .main-header .box .bg.image {
      opacity: 0.8; }
  .main-header .box:hover .bg {
    opacity: 0.8;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out; }
    .main-header .box:hover .bg.image {
      opacity: 1; }
  .main-header .box > .box-content {
    position: relative;
    z-index: 4;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .main-header .box > .box-content .box-inner {
      opacity: 0; }
.main-header .tiles a:hover, .main-header .tiles .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress .main-header .tiles a:hover {
  text-decoration: none; }
.main-header .tiles .bg {
  background: url(../main/warsaw/bg-box.jpg) 0 0; }
.main-header .tiles .leaderboards .bg {
  background: url(../main/warsaw/bg-box-lb.jpg) 0 0; }
.main-header .tiles .leaderboards .icons {
  position: absolute;
  right: 10px;
  bottom: 3px;
  -webkit-transition: bottom 0.1s ease-in;
  transition: bottom 0.1s ease-in; }
  .main-header .tiles .leaderboards .icons .division {
    position: absolute;
    bottom: 0;
    right: 60px; }
    .main-header .tiles .leaderboards .icons .division img {
      height: 55px; }
  .main-header .tiles .leaderboards .icons .category {
    position: absolute;
    right: 0;
    bottom: 16px; }
  .main-header .tiles .leaderboards .icons .rank {
    position: absolute;
    right: 70px;
    bottom: 0px;
    margin-top: 25px;
    font-size: 50px;
    line-height: 40px; }
  .main-header .tiles .leaderboards .icons.no-leaderboard {
    background-image: url(../main/warsaw/content-box-lb.png);
    background-repeat: no-repeat; }
.main-header .tiles .leaderboards .box:hover .icons {
  bottom: 8px; }
.main-header .tiles .leaderboards .loader {
  display: block;
  margin: 0 auto;
  margin-top: 30px; }
.main-header .tiles .club.no-club .bg img {
  opacity: 0.2; }
.main-header .tiles .club .bg img {
  position: absolute;
  top: -20px;
  right: -20px;
  width: 160px;
  height: 160px; }
.main-header .tiles .club .club-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  height: 16px;
  display: block;
  width: 150px;
  margin-bottom: 14px; }
.main-header .tiles .club h3 {
  font-size: 12px; }
.main-header .tiles .club h2 {
  width: auto; }
.main-header .tiles .club .box-hide {
  bottom: 12px;
  width: 90%; }
  .main-header .tiles .club .box-hide .club-rank {
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 600;
    margin: 6px 0;
    font-size: 19px; }
  .main-header .tiles .club .box-hide .rank-progress {
    width: 80%;
    margin-bottom: 0;
    font-size: 12px;
    color: #34454f; }
  .main-header .tiles .club .box-hide .club-details {
    margin-bottom: 4px; }
.main-header .tiles .loadout .box:hover > .box-content {
  background-position: 96% 0px; }
.main-header .tiles .loadout .box-content {
  background-position: 96% 10px;
  background-image: url(../main/warsaw/content-box-loadout.png); }
.main-header .tiles .challenges .box-content {
  background-position: 96% 72px;
  background-image: url(../main/warsaw/content-box-missions.png); }
.main-header .tiles .twitch .box-content {
  background-position: 96% 108px;
  background-image: url(//eaassets-a.akamaihd.net/battlelog/bb/common/logos/twitch-small-08bb4a91.png); }
.main-header .tiles .twitch .box-content:hover {
  background-position: 96% 102px; }
.main-header .tiles .premium .bg-inner {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(-315deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(45deg, #000000 0%, rgba(0, 0, 0, 0) 100%); }
.main-header .tiles .premium h2 {
  position: relative;
  z-index: 1; }
  .main-header .tiles .premium h2.no-items {
    top: 24px; }
.main-header .tiles .premium .icon-premium-p-big {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1; }
.main-header .tiles .premium .bullets {
  position: absolute;
  left: 14px;
  bottom: 5px; }
  .main-header .tiles .premium .bullets span {
    font-family: Arial, sans-serif;
    font-size: 32px;
    line-height: 0;
    letter-spacing: 1px;
    color: #4f545a;
    -webkit-transition: color 0.2s; }
    .main-header .tiles .premium .bullets span.active {
      color: #cfcfcf; }
.main-header .tiles .premium h1 {
  position: absolute;
  z-index: 1; }
.main-header .tiles .premium article {
  display: none;
  padding: 40px 16px 16px 16px;
  box-sizing: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }
  .main-header .tiles .premium article .featured-background {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../main/warsaw/bg-box-p.jpg); }
  .main-header .tiles .premium article .thumbnail {
    position: absolute;
    right: 16px;
    bottom: 10px; }
.main-header .tiles .battlepacks .box-content {
  width: 327px;
  background-image: url(../main/warsaw/content-box-bp.png); }
.main-header .tiles .preorder {
  position: relative; }
  .main-header .tiles .preorder .box {
    background: url(../main/preorder-home.jpg) no-repeat; }
    .main-header .tiles .preorder .box.premium {
      background: url(../main/preorder-premium-home.jpg) no-repeat; }
  .main-header .tiles .preorder .bg {
    display: none; }
  .main-header .tiles .preorder h1 {
    color: black; }
  .main-header .tiles .preorder h2 {
    color: #353535; }
  .main-header .tiles .preorder button {
    position: absolute;
    bottom: 16px;
    left: 16px; }
    body.is-hybrid.is-ios .main-header .tiles .preorder button {
      display: none; }
.main-header .tiles.cteguide {
  background-image: url(../communitytest/cte-icons-guide.png); }
.main-header .tiles.feedback {
  background-image: url(../communitytest/cte-icons-feedback.png); }
.main-header .topstory {
  height: 352px;
  position: relative;
  background: rgba(255, 255, 255, 0.1);
  background-size: 100% auto; }
  .main-header .topstory .loader {
    margin: 15px; }
  .main-header .topstory .article {
    width: 100%;
    height: 100%;
    background: none;
    background-repeat: no-repeat;
    background-size: 100% auto; }
    .main-header .topstory .article > h1 {
      font-size: 22px;
      line-height: 22px;
      color: white;
      background: none;
      text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75); }
    .main-header .topstory .article > footer {
      background-color: rgba(0, 0, 0, 0.6);
      position: absolute;
      bottom: 0px;
      text-align: left;
      min-height: 80px;
      padding-top: 10px;
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .main-header .topstory .article > footer h5 {
        text-transform: none;
        line-height: 24px;
        font-weight: normal; }
      .main-header .topstory .article > footer .meta {
        float: left;
        height: 16px;
        line-height: 19px; }
      .main-header .topstory .article > footer .published {
        font-size: 12px;
        text-transform: none; }
        .main-header .topstory .article > footer .published span {
          color: #a8a8a8; }
    .main-header .topstory .article:hover .box-content {
      background-color: rgba(255, 255, 255, 0.1); }
.main-header .persona {
  height: 247px;
  margin-bottom: 1px; }
  .main-header .persona .username {
    font-size: 22px;
    font-family: Purista;
    margin: -2px 0 3px 0;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .main-header .persona .platform {
    line-height: 0;
    margin-bottom: 5px; }
  .main-header .persona .soldier-emblem {
    position: absolute;
    top: 40px;
    right: 70px; }
  .main-header .persona .dogtags-chain {
    position: relative;
    -webkit-transform: scale(0.8) translateX(-35px);
    transform: scale(0.8) translateX(-35px); }
  .main-header .persona .rank {
    position: relative; }
    .main-header .persona .rank > .image {
      position: absolute;
      top: -16px; }
    .main-header .persona .rank > .number {
      font-family: Purista;
      font-size: 48px;
      position: relative;
      left: 66px;
      bottom: 9px; }
  .main-header .persona .legendary-level-container {
    position: relative; }
    .main-header .persona .legendary-level-container .legendary {
      display: block; }
    .main-header .persona .legendary-level-container .rank-number {
      display: block;
      position: absolute;
      right: 0;
      bottom: 0;
      font-size: 20px;
      color: #000; }
  .main-header .persona .soldier {
    position: absolute;
    top: 40px;
    right: 0;
    pointer-events: none; }
    .main-header .persona .soldier > img {
      width: 265px; }
  .main-header .persona .progress {
    position: absolute;
    bottom: 15px;
    width: 75%; }
    .main-header .persona .progress > .progress-bar {
      margin-bottom: 2px; }
    .main-header .persona .progress > .experience {
      font-size: 12px;
      color: lightgrey; }
.main-header .suggestions .suggestion {
  height: 80px;
  width: 108px;
  position: relative;
  padding: 0;
  text-align: center;
  overflow: hidden;
  margin-top: 1px;
  float: left;
  margin-right: 1px; }
  .main-header .suggestions .suggestion:last-child {
    width: 109px;
    margin-right: 0; }
  .main-header .suggestions .suggestion .image {
    margin: 15% 0; }
    .main-header .suggestions .suggestion .image.vehicleunlock {
      margin: 9% 0;
      margin-left: -45px; }
  .main-header .suggestions .suggestion .loader {
    margin-top: 23px; }
  .main-header .suggestions .suggestion .progress-bar {
    position: absolute;
    bottom: 0;
    width: 100%;
    border: 0;
    margin: 0; }
  .main-header .suggestions .suggestion .refresh {
    cursor: pointer;
    position: absolute;
    top: 3px;
    left: 5px;
    -webkit-transition: opacity 2s ease-out;
    transition: opacity 2s ease-out;
    background: rgba(0, 0, 0, 0.5);
    padding: 2px;
    opacity: 0.8; }
    .main-header .suggestions .suggestion .refresh:hover {
      opacity: 1; }
    .main-header .suggestions .suggestion .refresh:active {
      -webkit-transition: none;
      transition: none;
      opacity: 0.5; }
    .main-header .suggestions .suggestion .refresh.disabled, .main-header .suggestions .suggestion .refresh.loading {
      opacity: 0.25;
      cursor: default;
      pointer-events: none; }
  .main-header .suggestions .suggestion:not(:hover) .refresh {
    opacity: 0;
    pointer-events: none; }
  .main-header .suggestions .suggestion .green-check-small {
    background-image: url(../battledash/images/icons/green-check-small.png);
    width: 12px;
    height: 12px;
    position: absolute;
    right: 3px;
    bottom: 10px; }
  .main-header .suggestions .suggestion .xp-icon {
    position: absolute;
    left: 2px;
    bottom: 6px; }
.main-header #recommended-server {
  position: relative; }
  .main-header #recommended-server .bg-map {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 2s ease;
    transition: opacity 2s ease;
    background-size: cover; }
  .main-header #recommended-server .overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-image: -webkit-linear-gradient(left top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(to right bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    -webkit-transition: opacity 2s ease;
    transition: opacity 2s ease;
    opacity: 0; }
  .main-header #recommended-server.loaded .bg-map, .main-header #recommended-server.loaded .overlay {
    opacity: 1; }
  .main-header #recommended-server .loader {
    display: block;
    margin: 0 auto;
    margin-top: 30px; }
  .main-header #recommended-server .servername {
    display: block; }
  .main-header #recommended-server .playercount {
    font-weight: bold; }
  .main-header #recommended-server .servermeta {
    margin: 6px 0; }
    .main-header #recommended-server .servermeta > .item {
      font-size: 12px;
      color: lightgrey;
      margin-top: 3px; }
  .main-header #recommended-server .players {
    position: absolute;
    bottom: 15px;
    left: 15px; }
    .main-header #recommended-server .players .avatar {
      width: 28px;
      height: 28px; }
  .main-header #recommended-server button {
    position: absolute;
    bottom: 15px;
    right: 15px; }
  .main-header #recommended-server.disabled {
    opacity: 0.5; }
.main-header .challenges {
  position: relative;
  background: url(../main/warsaw/bg-box.jpg) 0 0; }
  .main-header .challenges .badge {
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 16px;
    left: 50%;
    margin-left: -60px;
    z-index: 0; }
    .main-header .challenges .badge.focused {
      z-index: 1;
      left: 50%;
      margin-left: -10px; }
.main-header .spotlight {
  height: 287px; }
  .main-header .spotlight h1 {
    font-size: 19px;
    line-height: 16px; }
  .main-header .spotlight h2 {
    font-size: 16px;
    line-height: 16px;
    font-weight: normal;
    color: lightgrey; }
  .main-header .spotlight h1, .main-header .spotlight h2 {
    text-align: center; }
  .main-header .spotlight.video > .box-content {
    background-color: rgba(255, 255, 255, 0); }
    .main-header .spotlight.video > .box-content header {
      margin-top: 166px; }
  .main-header .spotlight.video:hover > .box-content {
    background-color: rgba(255, 255, 255, 0.1); }

#main-alphatrialinformation {
  margin-bottom: 16px; }
  #main-alphatrialinformation p {
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 10px; }

.agerating-container .box-content {
  min-height: 130px; }

#rsp h6 {
  font-size: 14px;
  color: #8a8a8a; }
#rsp a, #rsp .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #rsp a {
  display: inline-block;
  margin: 0 30px; }

/*body.home-signedout-bf4 {
    background: #080a16;
}*/
body.loggedout-usps #base-container {
  width: auto; }

body.is-loggedin:not(.loggedout-usps) .usp {
  opacity: 0; }
  body.is-loggedin:not(.loggedout-usps) .usp.is-mobile-app {
    opacity: 1; }

body.is-loggedout {
  background: #080a14; }
  body.is-loggedout #base-background {
    -webkit-transition: transform 500ms ease-out;
    transition: transform 500ms ease-out; }

body.is-sc {
  background-color: transparent; }

body.home-signedout-bf4 #base-background {
  position: absolute;
  overflow: hidden;
  height: 940px; }
  body.home-signedout-bf4 #base-background:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    z-index: 0;
    background: -webkit-linear-gradient(top, rgba(35, 13, 13, 0) 0%, #080A14 100%);
    background: linear-gradient(to bottom, rgba(35, 13, 13, 0) 0%, #080A14 100%); }

body.loggedout-usps #footer-wrapper {
  display: none !important; }

body.loggedout-usps:not(.is-loggedout) #footer-wrapper {
  display: none; }

body.is-loggedout #footer-wrapper {
  position: relative;
  margin: 0 auto;
  width: 992px;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto; }

@-webkit-keyframes pulsate {
  from {
    -webkit-transform: scale(1);
    transform: scale(1); }

  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); } }

@-moz-keyframes pulsate {
  from {
    -webkit-transform: scale(1);
    transform: scale(1); }

  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); } }

-o-keyframes pulsate from {
  -webkit-transform: scale(1);
  transform: scale(1); }
-o-keyframes pulsate to {
  -webkit-transform: scale(0.8);
  transform: scale(0.8); }

@-ms-keyframes pulsate {
  from {
    -webkit-transform: scale(1);
    transform: scale(1); }

  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); } }

@keyframes pulsate {
  from {
    -webkit-transform: scale(1);
    transform: scale(1); }

  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); } }

.main-about-icon {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: url(../base/shared/icon-info.png) no-repeat;
  text-decoration: none;
  opacity: 0.75;
  cursor: pointer; }
  .main-about-icon:hover {
    opacity: 1; }

#base-container #main-loggedout {
  padding-top: 16px;
  margin-top: -16px; }
  #base-container #main-loggedout .main-loggedout-loader {
    display: block;
    margin: 100px auto; }

.loggedout-usp-container {
  min-width: 992px;
  overflow: hidden; }
  .loggedout-usp-container #scroll-down-icon, .loggedout-usp-container #scroll-down-icon-fixed {
    left: 50%;
    margin-left: -41px;
    width: 82px;
    height: 52px;
    background: url(../main/warsaw/loggedout/arrow-down.png) no-repeat;
    cursor: pointer;
    opacity: 0.9;
    z-index: 2; }
    .loggedout-usp-container #scroll-down-icon:hover, .loggedout-usp-container #scroll-down-icon-fixed:hover {
      opacity: 1; }
  .loggedout-usp-container #scroll-down-icon {
    position: absolute;
    bottom: -60px; }
  .loggedout-usp-container #scroll-down-icon-fixed {
    position: fixed;
    bottom: 0;
    display: none; }
  .loggedout-usp-container .usp {
    width: 992px;
    margin: 0 auto;
    text-align: center;
    -webkit-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out; }
    .loggedout-usp-container .usp h1.headline, .loggedout-usp-container .usp h2.subheading {
      font-family: Purista, sans-serif;
      font-style: normal;
      font-weight: 600;
      background: rgba(240, 240, 240, 0.65);
      text-transform: uppercase;
      font-size: 36px;
      display: inline-block;
      padding: 1px 16px 0;
      margin-bottom: 1px; }
    .loggedout-usp-container .usp h2.subheading {
      font-family: Purista, sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 23px;
      line-height: 31px; }
    .loggedout-usp-container .usp p.subheading-big {
      font-family: Purista, sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 23px;
      text-transform: uppercase;
      margin-bottom: 10px; }
    .loggedout-usp-container .usp h2 {
      font-size: 30px;
      margin-bottom: 4px; }
    .loggedout-usp-container .usp p.subheading-small {
      font-family: Purista, sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 19px;
      text-transform: uppercase;
      margin-bottom: 6px; }
    .loggedout-usp-container .usp p.subheading-tiny {
      font-size: 16px;
      font-family: Purista, sans-serif;
      font-style: normal;
      font-weight: 400;
      text-transform: uppercase; }
    .loggedout-usp-container .usp p.description {
      color: #a8a8a8;
      line-height: 24px;
      font-size: 14px;
      margin-bottom: 12px; }
  .loggedout-usp-container .alwayson {
    text-align: left;
    margin-top: 16px;
    position: relative; }
    .loggedout-usp-container .alwayson h1.header-headline {
      display: inline-block;
      margin: 0;
      padding: 6px 12px;
      font-size: 50px;
      background-color: rgba(240, 240, 240, 0.65); }
    .loggedout-usp-container .alwayson .battlefield-logo {
      background-image: url(//d34ymitoc1pg7m.cloudfront.net/bf4/loggedout/home-logo-e3e42ee9.png);
      width: 616px;
      height: 114px;
      margin-top: 24px; }
    .loggedout-usp-container .alwayson .alwayson-soldier {
      position: absolute;
      right: -375px;
      top: -75px;
      height: 940px;
      overflow: hidden; }
      .loggedout-usp-container .alwayson .alwayson-soldier:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 328px;
        right: 213px;
        height: 50px;
        z-index: 0;
        background: -webkit-linear-gradient(top, rgba(8, 10, 20, 0) 0%, #080A14 100%);
        background: linear-gradient(to bottom, rgba(8, 10, 20, 0) 0%, #080A14 100%); }
    .loggedout-usp-container .alwayson .calltoaction {
      margin-top: 32px; }
      .loggedout-usp-container .alwayson .calltoaction .btn {
        display: inline-block;
        min-width: 288px;
        width: auto; }
      .loggedout-usp-container .alwayson .calltoaction .btn-login {
        margin-right: 8px; }
      .loggedout-usp-container .alwayson .calltoaction .btn-get-game {
        position: relative;
        font-size: 19px;
        padding-left: 76px;
        overflow: visible; }
        .loggedout-usp-container .alwayson .calltoaction .btn-get-game .game-stack {
          width: 68px;
          height: 81px;
          position: absolute;
          top: -15px;
          left: 8px;
          background: url(../main/warsaw/loggedout/getbf-stack.png) no-repeat; }
    .loggedout-usp-container .alwayson.in-viewport .devices img {
      opacity: 1; }
      .loggedout-usp-container .alwayson.in-viewport .devices img.anim {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0); }
    .loggedout-usp-container .alwayson .devices {
      margin-top: 48px;
      height: 500px;
      position: relative; }
      .loggedout-usp-container .alwayson .devices img {
        position: absolute;
        opacity: 0;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out; }
        .loggedout-usp-container .alwayson .devices img.anim {
          -webkit-transition-delay: 1s;
          transition-delay: 1s; }
      .loggedout-usp-container .alwayson .devices img.tv {
        left: 215px;
        top: 0px; }
      .loggedout-usp-container .alwayson .devices img.pc {
        left: 25px;
        top: 85px;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px); }
      .loggedout-usp-container .alwayson .devices img.tablet {
        left: 525px;
        top: 185px;
        -webkit-transform: translateX(100px);
        transform: translateX(100px); }
      .loggedout-usp-container .alwayson .devices img.mobile {
        left: 850px;
        top: 210px;
        -webkit-transform: translate(200px);
        transform: translate(200px); }
  .loggedout-usp-container .connected {
    margin-top: 100px;
    padding-top: 65px;
    margin-bottom: 65px;
    position: relative;
    text-align: left; }
    .loggedout-usp-container .connected.is-mobile-app {
      margin-top: 0px;
      padding-top: 0px; }
    .loggedout-usp-container .connected .googleplay-logo {
      margin-left: 6px; }
    .loggedout-usp-container .connected .row {
      position: relative; }
    .loggedout-usp-container .connected img.battlescreen {
      margin-top: 30px;
      margin-left: -50px;
      opacity: 0; }
      .loggedout-usp-container .connected img.battlescreen.transition {
        -webkit-transition: margin-left 0.25s ease-out, opacity 0.25s ease-out;
        transition: margin-left 0.25s ease-out, opacity 0.25s ease-out; }
    .loggedout-usp-container .connected img.remotejoin, .loggedout-usp-container .connected img.loadout {
      position: absolute;
      bottom: 0;
      right: -100px;
      opacity: 0; }
      .loggedout-usp-container .connected img.remotejoin.transition, .loggedout-usp-container .connected img.loadout.transition {
        -webkit-transition: right 0.25s ease-out, opacity 0.25s ease-out;
        transition: right 0.25s ease-out, opacity 0.25s ease-out; }
    .loggedout-usp-container .connected img.loadout {
      right: 200px; }
    .loggedout-usp-container .connected.in-viewport img.battlescreen {
      margin-left: 0;
      opacity: 1; }
    .loggedout-usp-container .connected.in-viewport img.remotejoin {
      right: 0;
      opacity: 1; }
    .loggedout-usp-container .connected.in-viewport img.loadout {
      right: 252px;
      opacity: 1; }
  .loggedout-usp-container .commander {
    position: relative;
    padding-top: 60px;
    height: 1126px;
    overflow-y: hidden;
    width: auto;
    text-align: center;
    background: url(//d34ymitoc1pg7m.cloudfront.net/bf4/loggedout/bg-home-commander-36b3c266.jpg) 50% 0 no-repeat; }
    .loggedout-usp-container .commander p.description {
      color: white;
      display: block;
      width: 560px;
      margin-top: 8px;
      margin-left: auto;
      margin-right: auto; }
    .loggedout-usp-container .commander .commander-tablet {
      position: relative;
      margin-top: 106px;
      opacity: 0;
      margin-left: auto;
      margin-right: auto;
      width: 992px;
      height: 774px;
      -webkit-transition: margin-top 0.25s ease-out, opacity 0.25s ease-out;
      transition: margin-top 0.25s ease-out, opacity 0.25s ease-out; }
    .loggedout-usp-container .commander.in-viewport .commander-tablet {
      margin-top: 16px;
      opacity: 1; }
  .loggedout-usp-container .ingame {
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
    text-align: center;
    background: url(//d34ymitoc1pg7m.cloudfront.net/bf4/loggedout/ingame-bkg-47ff6e40.jpg) no-repeat top center;
    width: auto; }
    .loggedout-usp-container .ingame p.description {
      color: white;
      margin-top: 8px;
      display: block;
      width: 550px;
      margin-left: auto;
      margin-right: auto; }
    .loggedout-usp-container .ingame .tv-carousel {
      position: relative; }
      .loggedout-usp-container .ingame .tv-carousel .arrowleft, .loggedout-usp-container .ingame .tv-carousel .arrowright {
        width: 52px;
        height: 103px;
        position: absolute;
        top: 190px;
        background-image: url(../main/warsaw/loggedout/ingame-arrows.png);
        cursor: pointer; }
      .loggedout-usp-container .ingame .tv-carousel .arrowleft {
        background-position: 0 0; }
      .loggedout-usp-container .ingame .tv-carousel .arrowright {
        right: 0px;
        background-position: -52px 0; }
      .loggedout-usp-container .ingame .tv-carousel .dots {
        margin: 22px auto 0;
        display: block; }
        .loggedout-usp-container .ingame .tv-carousel .dots .dot {
          width: 14px;
          height: 14px;
          border: 1px solid #fff;
          margin-right: 16px;
          display: inline-block; }
        .loggedout-usp-container .ingame .tv-carousel .dots .dot.last {
          margin-right: 0; }
        .loggedout-usp-container .ingame .tv-carousel .dots .dot.active {
          background: #fff; }
      .loggedout-usp-container .ingame .tv-carousel .screenshots {
        position: absolute;
        left: 112px;
        top: 16px; }
        .loggedout-usp-container .ingame .tv-carousel .screenshots img {
          position: absolute;
          left: 0;
          top: 0;
          -webkit-transition: opacity 0.4s ease-in-out;
          -moz-transition: opacity 0.4s ease-in-out;
          -o-transition: opacity 0.4s ease-in-out;
          transition: opacity 0.4s ease-in-out;
          opacity: 0;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
          filter: alpha(opacity=0); }
        .loggedout-usp-container .ingame .tv-carousel .screenshots img.opaque {
          opacity: 1;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
          filter: alpha(opacity=1); }
    .loggedout-usp-container .ingame .controllers {
      position: relative;
      margin-top: -30px;
      height: 150px; }
      .loggedout-usp-container .ingame .controllers .xbox, .loggedout-usp-container .ingame .controllers .ps, .loggedout-usp-container .ingame .controllers .pc {
        position: absolute;
        top: 50px;
        -webkit-transition: top 0.5s ease-out, left 0.5s ease-out, right 0.5s ease-out;
        transition: top 0.5s ease-out, left 0.5s ease-out, right 0.5s ease-out; }
      .loggedout-usp-container .ingame .controllers .xbox {
        left: -50px; }
      .loggedout-usp-container .ingame .controllers .ps {
        left: 240px; }
      .loggedout-usp-container .ingame .controllers .pc {
        right: -50px; }
    .loggedout-usp-container .ingame.in-viewport .controllers .xbox, .loggedout-usp-container .ingame.in-viewport .controllers .ps, .loggedout-usp-container .ingame.in-viewport .controllers .pc {
      top: 0; }
    .loggedout-usp-container .ingame.in-viewport .controllers .xbox {
      left: 0; }
    .loggedout-usp-container .ingame.in-viewport .controllers .pc {
      right: 0; }
  .loggedout-usp-container .progress {
    height: 643px;
    position: relative;
    margin-top: 75px; }
    .loggedout-usp-container .progress .stats {
      margin-top: 16px;
      position: relative; }
    .loggedout-usp-container .progress .soldier-image {
      position: absolute;
      right: -200px;
      top: -240px; }
  .loggedout-usp-container .stats {
    width: auto;
    padding-top: 65px;
    padding-bottom: 100px;
    text-align: center;
    background: url(//d34ymitoc1pg7m.cloudfront.net/bf4/loggedout/bg-home-stats-c4afedb7.jpg) top center no-repeat; }
    .loggedout-usp-container .stats p.description {
      display: block;
      color: white;
      width: 600px;
      margin-top: 8px;
      margin-left: auto;
      margin-right: auto; }
    .loggedout-usp-container .stats #overview-info {
      width: 993px;
      margin-left: auto;
      margin-right: auto;
      text-align: left;
      margin-top: 45px; }
      .loggedout-usp-container .stats #overview-info #overview-soldier .box-content {
        height: 460px;
        text-align: center; }
    .loggedout-usp-container .stats .soldier {
      position: absolute;
      top: -45px;
      right: 25px; }
  .loggedout-usp-container .missions {
    padding-top: 65px;
    height: 850px;
    width: auto;
    background: url(//d34ymitoc1pg7m.cloudfront.net/bf4/loggedout/bg-home-missions-d248322d.jpg) top center no-repeat; }
    .loggedout-usp-container .missions .mission-content {
      position: relative;
      width: 992px;
      margin-top: 65px;
      margin-left: auto;
      margin-right: auto; }
    .loggedout-usp-container .missions.in-viewport .leaderboard .leaderboard-list li {
      opacity: 1; }
      .loggedout-usp-container .missions.in-viewport .leaderboard .leaderboard-list li.item-3 .position {
        background: #ffc600;
        color: #000; }
    .loggedout-usp-container .missions.in-viewport .soldier {
      opacity: 1; }
    .loggedout-usp-container .missions.in-viewport .soldier-highlight {
      opacity: 1;
      -webkit-animation: pulsate 2s ease-in-out 0s infinite alternate;
      -moz-animation: pulsate 2s ease-in-out 0s infinite alternate;
      -ms-animation: pulsate 2s ease-in-out 0s infinite alternate;
      -o-animation: pulsate 2s ease-in-out 0s infinite alternate;
      animation: pulsate 2s ease-in-out 0s infinite alternate; }
    .loggedout-usp-container .missions .soldier {
      position: absolute;
      opacity: 0;
      z-index: 1;
      -webkit-transition: opacity 0.25s ease-in;
      transition: opacity 0.25s ease-in; }
      .loggedout-usp-container .missions .soldier.soldier-1 {
        -webkit-transition-delay: 0s;
        transition-delay: 0s; }
      .loggedout-usp-container .missions .soldier.soldier-2 {
        -webkit-transition-delay: 0.25s;
        transition-delay: 0.25s; }
      .loggedout-usp-container .missions .soldier.soldier-3 {
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s; }
      .loggedout-usp-container .missions .soldier.soldier-4 {
        -webkit-transition-delay: 0.75s;
        transition-delay: 0.75s; }
      .loggedout-usp-container .missions .soldier.soldier-5 {
        -webkit-transition-delay: 1s;
        transition-delay: 1s; }
    .loggedout-usp-container .missions .soldier-1 {
      left: -139px;
      top: -70px; }
    .loggedout-usp-container .missions .soldier-2 {
      left: 95px;
      top: -20px; }
    .loggedout-usp-container .missions .soldier-3 {
      left: 213px;
      top: 10px; }
    .loggedout-usp-container .missions .soldier-4 {
      left: 305px;
      top: 40px; }
    .loggedout-usp-container .missions .soldier-5 {
      left: 455px;
      top: 10px; }
    .loggedout-usp-container .missions .soldier-highlight {
      width: 225px;
      height: 56px;
      position: absolute;
      left: 224px;
      top: 532px;
      background: url(../main/warsaw/loggedout/soldier-highlight.png) no-repeat;
      z-index: 0;
      opacity: 0;
      -webkit-transition: opacity 1s 2s ease-out;
      transition: opacity 1s 2s ease-out; }
    .loggedout-usp-container .missions .leaderboard {
      margin-top: 125px;
      text-align: left; }
      .loggedout-usp-container .missions .leaderboard header {
        background: #04050b;
        height: 88px;
        padding: 16px;
        padding-left: 118px;
        padding-top: 48px;
        position: relative; }
        .loggedout-usp-container .missions .leaderboard header p.subheading-small {
          font-weight: 600; }
        .loggedout-usp-container .missions .leaderboard header .mission-type-image {
          position: absolute;
          left: -28px;
          top: 10px; }
      .loggedout-usp-container .missions .leaderboard .leaderboard-list {
        margin: 0;
        padding: 0;
        list-style: none; }
        .loggedout-usp-container .missions .leaderboard .leaderboard-list li {
          margin-top: 1px;
          background: #04050b;
          height: 39px;
          line-height: 39px;
          color: #fff;
          position: relative;
          font-size: 16px;
          opacity: 0;
          -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out; }
          .loggedout-usp-container .missions .leaderboard .leaderboard-list li.item-1 {
            -webkit-transition-delay: 0.25s;
            transition-delay: 0.25s; }
          .loggedout-usp-container .missions .leaderboard .leaderboard-list li.item-2 {
            -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s; }
          .loggedout-usp-container .missions .leaderboard .leaderboard-list li.item-3 {
            -webkit-transition-delay: 0.75s;
            transition-delay: 0.75s; }
          .loggedout-usp-container .missions .leaderboard .leaderboard-list li.item-4 {
            -webkit-transition-delay: 1s;
            transition-delay: 1s; }
          .loggedout-usp-container .missions .leaderboard .leaderboard-list li.item-5 {
            -webkit-transition-delay: 1.25s;
            transition-delay: 1.25s; }
          .loggedout-usp-container .missions .leaderboard .leaderboard-list li.item-3 .position {
            -webkit-transition: all 1s 2s ease-out;
            transition: all 1s 2s ease-out; }
          .loggedout-usp-container .missions .leaderboard .leaderboard-list li .position {
            float: left;
            text-align: center;
            width: 39px;
            font-family: Purista, sans-serif;
            font-style: normal;
            font-weight: 600; }
          .loggedout-usp-container .missions .leaderboard .leaderboard-list li .avatar {
            width: 39px;
            height: 39px;
            display: block;
            float: left; }
          .loggedout-usp-container .missions .leaderboard .leaderboard-list li .name {
            padding-left: 8px;
            float: left;
            font-family: Purista, sans-serif;
            font-style: normal;
            font-weight: 400; }
          .loggedout-usp-container .missions .leaderboard .leaderboard-list li .score {
            position: absolute;
            top: 0;
            right: 0;
            padding-right: 8px;
            font-size: 23px;
            font-family: Purista, sans-serif;
            font-style: normal;
            font-weight: 600; }
  .loggedout-usp-container .geoleaderboards {
    width: auto;
    height: 940px;
    position: relative;
    text-align: center;
    background-position: top center;
    background-repeat: no-repeat; }
    .loggedout-usp-container .geoleaderboards .map {
      width: 100%;
      height: 940px;
      position: absolute;
      left: 0;
      top: 0;
      -webkit-transition: opacity 1s ease-in-out;
      -moz-transition: opacity 1s ease-in-out;
      -o-transition: opacity 1s ease-in-out;
      transition: opacity 1s ease-in-out;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      background-repeat: no-repeat;
      background-position: top center;
      cursor: default; }
      .loggedout-usp-container .geoleaderboards .map .player {
        position: absolute;
        background-size: 100%;
        top: 50%;
        left: 50%; }
        .loggedout-usp-container .geoleaderboards .map .player.p1 {
          width: 120px;
          height: 120px;
          background: url(../main/warsaw/loggedout/avatar1.png); }
        .loggedout-usp-container .geoleaderboards .map .player.p2 {
          width: 203px;
          height: 203px;
          background: url(../main/warsaw/loggedout/avatar2.png); }
        .loggedout-usp-container .geoleaderboards .map .player.p3 {
          width: 120px;
          height: 120px;
          background: url(../main/warsaw/loggedout/avatar3.png); }
        .loggedout-usp-container .geoleaderboards .map .player.p4 {
          width: 72px;
          height: 72px;
          background: url(../main/warsaw/loggedout/avatar4.png); }
        .loggedout-usp-container .geoleaderboards .map .player.p5 {
          width: 72px;
          height: 72px;
          background: url(../main/warsaw/loggedout/avatar5.png); }
        .loggedout-usp-container .geoleaderboards .map .player.p6 {
          width: 172px;
          height: 172px;
          background: url(../main/warsaw/loggedout/avatar6.png); }
        .loggedout-usp-container .geoleaderboards .map .player.p7 {
          width: 120px;
          height: 120px;
          background: url(../main/warsaw/loggedout/avatar7.png); }
        .loggedout-usp-container .geoleaderboards .map .player.p8 {
          width: 120px;
          height: 120px;
          background: url(../main/warsaw/loggedout/avatar8.png); }
        .loggedout-usp-container .geoleaderboards .map .player.p9 {
          width: 203px;
          height: 203px;
          background: url(../main/warsaw/loggedout/avatar9.png); }
        .loggedout-usp-container .geoleaderboards .map .player.p10 {
          width: 120px;
          height: 120px;
          background: url(../main/warsaw/loggedout/avatar10.png); }
        .loggedout-usp-container .geoleaderboards .map .player.me {
          width: 199px;
          height: 199px;
          background: url(../main/warsaw/loggedout/avatar_me.png); }
    .loggedout-usp-container .geoleaderboards .map.friends {
      background-image: url(//d34ymitoc1pg7m.cloudfront.net/bf4/loggedout/geoleaderboards-map-friends-ccd63843.jpg); }
      .loggedout-usp-container .geoleaderboards .map.friends .player.me {
        margin-left: -201px;
        margin-top: 8px; }
      .loggedout-usp-container .geoleaderboards .map.friends .player.p2 {
        margin-left: 52px;
        margin-top: -142px; }
      .loggedout-usp-container .geoleaderboards .map.friends .player.p3 {
        margin-left: -424px;
        margin-top: 238px; }
      .loggedout-usp-container .geoleaderboards .map.friends .player.p6 {
        margin-left: -255px;
        margin-top: -82px; }
    .loggedout-usp-container .geoleaderboards .map.city {
      background-image: url(//d34ymitoc1pg7m.cloudfront.net/bf4/loggedout/geoleaderboards-map-city-2d1eae7d.jpg); }
      .loggedout-usp-container .geoleaderboards .map.city .player.me {
        margin-left: -74px;
        margin-top: -75px; }
      .loggedout-usp-container .geoleaderboards .map.city .player.p4 {
        margin-left: -128px;
        margin-top: 8px; }
      .loggedout-usp-container .geoleaderboards .map.city .player.p7 {
        margin-left: -268px;
        margin-top: -152px; }
    .loggedout-usp-container .geoleaderboards .map.country {
      background-image: url(//d34ymitoc1pg7m.cloudfront.net/bf4/loggedout/geoleaderboards-map-country-08b0bccb.jpg); }
      .loggedout-usp-container .geoleaderboards .map.country .player.me {
        margin-left: -160px;
        margin-top: 65px; }
      .loggedout-usp-container .geoleaderboards .map.country .player.p1 {
        margin-left: -140px;
        margin-top: -35px; }
      .loggedout-usp-container .geoleaderboards .map.country .player.p5 {
        margin-left: -227px;
        margin-top: 192px; }
    .loggedout-usp-container .geoleaderboards .map.world {
      background-image: url(//d34ymitoc1pg7m.cloudfront.net/bf4/loggedout/geoleaderboards-map-world-3f3f31f4.jpg); }
      .loggedout-usp-container .geoleaderboards .map.world .player.me {
        margin-left: -288px;
        margin-top: -305px; }
      .loggedout-usp-container .geoleaderboards .map.world .player.p8 {
        margin-left: -360px;
        margin-top: 95px; }
      .loggedout-usp-container .geoleaderboards .map.world .player.p9 {
        margin-left: -808px;
        margin-top: -181px; }
      .loggedout-usp-container .geoleaderboards .map.world .player.p10 {
        margin-left: 290px;
        margin-top: -25px; }
    .loggedout-usp-container .geoleaderboards .map.opaque {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=1); }
    .loggedout-usp-container .geoleaderboards .heading {
      position: absolute;
      left: 0;
      top: 35px;
      width: 100%; }
    .loggedout-usp-container .geoleaderboards .zoom-widget {
      position: absolute;
      left: 0;
      top: 135px;
      width: 100%; }
      .loggedout-usp-container .geoleaderboards .zoom-widget ul {
        width: 608px;
        margin: 0 auto; }
      .loggedout-usp-container .geoleaderboards .zoom-widget li {
        width: 150px; }
        .loggedout-usp-container .geoleaderboards .zoom-widget li:not(.active) span {
          cursor: pointer; }
          .loggedout-usp-container .geoleaderboards .zoom-widget li:not(.active) span:hover {
            background-color: rgba(240, 240, 240, 0.65); }
      .loggedout-usp-container .geoleaderboards .zoom-widget li span {
        padding: 63px 0 10px;
        height: 23px;
        background-image: url(../main/warsaw/loggedout/geoleaderboards-btn-icons.png);
        background-size: auto;
        display: block; }
      .loggedout-usp-container .geoleaderboards .zoom-widget li.friends span {
        background-position: 0 0; }
      .loggedout-usp-container .geoleaderboards .zoom-widget li.friends.active span {
        background-position: 0 -86px; }
      .loggedout-usp-container .geoleaderboards .zoom-widget li.city span {
        background-position: -152px 0; }
      .loggedout-usp-container .geoleaderboards .zoom-widget li.city.active span {
        background-position: -152px -86px; }
      .loggedout-usp-container .geoleaderboards .zoom-widget li.country span {
        background-position: -304px 0; }
      .loggedout-usp-container .geoleaderboards .zoom-widget li.country.active span {
        background-position: -304px -86px; }
      .loggedout-usp-container .geoleaderboards .zoom-widget li.world span {
        background-position: -456px 3px; }
      .loggedout-usp-container .geoleaderboards .zoom-widget li.world.active span {
        background-position: -456px -83px; }
  .loggedout-usp-container.geoleaderboard-loggedout .geoleaderboards {
    height: 1000px; }
  .loggedout-usp-container .video {
    padding-top: 60px;
    position: relative;
    text-align: center; }
    .loggedout-usp-container .video #uspVideo {
      margin-top: 32px;
      margin-bottom: 44px; }
      .loggedout-usp-container .video #uspVideo .overlay {
        position: relative;
        display: inline-block;
        cursor: pointer;
        width: 656px;
        height: 369px;
        background: url(//d34ymitoc1pg7m.cloudfront.net/bf4/loggedout/movie-template-e7c745ff.jpg) 0 50% no-repeat;
        -webkit-transition: opacity 0.5s ease-in-out;
        transition: opacity 0.5s ease-in-out; }
        .loggedout-usp-container .video #uspVideo .overlay:after {
          content: "";
          width: 90px;
          height: 90px;
          background: url(../serverbrowserwarsaw/playbutton-circle.png);
          position: absolute;
          left: 50%;
          margin-left: -45px;
          top: 50%;
          margin-top: -45px;
          opacity: 0.8; }
        .loggedout-usp-container .video #uspVideo .overlay:hover:after {
          opacity: 0.9; }
  .loggedout-usp-container .footer {
    position: relative;
    text-align: center;
    padding-bottom: 50px;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
    .loggedout-usp-container .footer .buttons {
      padding-bottom: 46px; }
      .loggedout-usp-container .footer .buttons .btn {
        font-size: 19px; }
      .loggedout-usp-container .footer .buttons a.btn.withstack, .loggedout-usp-container .footer .buttons .devblog .devblog-post .battlelog-wordpress a.btn.withstack, .devblog .devblog-post .battlelog-wordpress .loggedout-usp-container .footer .buttons a.btn.withstack {
        padding: 0 40px 0 86px;
        overflow: visible;
        position: relative;
        margin-left: 10px; }
        .loggedout-usp-container .footer .buttons a.btn.withstack img, .loggedout-usp-container .footer .buttons a.btn.withstack .devblog .devblog-post .battlelog-wordpress a.btn.withstack, .devblog .devblog-post .battlelog-wordpress .loggedout-usp-container .footer .buttons a.btn.withstack a.btn.withstack {
          position: absolute;
          left: 9px;
          top: -12px; }
    .loggedout-usp-container .footer p.learnmore {
      margin-bottom: 30px; }
    .loggedout-usp-container .footer .appicons .googleplay-logo {
      margin-left: 6px; }

.main-friends-container {
  position: absolute;
  bottom: 40px;
  width: 327px;
  height: 82px; }
  .main-friends-container .friends h3 {
    line-height: 16px;
    color: #fff;
    font-size: 14px;
    margin: 0;
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 400;
    text-align: center; }
  .main-friends-container .friends .outer-center {
    float: right;
    right: 50%;
    position: relative; }
  .main-friends-container .friends .inner-center {
    float: right;
    right: -50%;
    position: relative; }
  .main-friends-container .friends .clear {
    clear: both; }
  .main-friends-container .friends .avatars {
    float: left;
    padding: 0;
    padding-top: 6px; }
  .main-friends-container .friends .more-friends {
    float: left;
    text-align: center;
    font-size: 14px;
    font-family: Purista, sans-serif;
    width: 34px;
    height: 34px;
    overflow: hidden;
    line-height: 34px;
    margin-top: 8px;
    background: rgba(0, 0, 0, 0.8);
    border: 1px solid #606870;
    margin-left: 3px; }

.dialog-bf4required .dialog-body {
  padding: 0;
  overflow: hidden; }
.dialog-bf4required.xp.download .dialog-content {
  height: 260px; }
  .dialog-bf4required.xp.download .dialog-content .info {
    height: 80px; }
.dialog-bf4required.xp.has-premium .dialog-content {
  height: 300px; }
  .dialog-bf4required.xp.has-premium .dialog-content .info {
    height: 130px; }
.dialog-bf4required.xp .dialog-content {
  height: 400px; }
  .dialog-bf4required.xp .dialog-content .main-friends-container {
    color: #fff;
    width: 560px;
    bottom: 70px;
    overflow: hidden; }
  .dialog-bf4required.xp .dialog-content .premium-xpack-info {
    color: #fff;
    position: absolute;
    bottom: 60px;
    width: 560px;
    text-align: center; }
  .dialog-bf4required.xp .dialog-content .info {
    height: 220px; }
    .dialog-bf4required.xp .dialog-content .info h3 {
      text-transform: uppercase;
      font-size: 18px;
      line-height: 18px;
      margin: 0;
      padding: 0;
      margin-top: 12px;
      color: #fff;
      font-weight: normal; }
    .dialog-bf4required.xp .dialog-content .info .buttons {
      position: absolute;
      bottom: 16px;
      left: 0;
      width: 560px; }
.dialog-bf4required.xp.xp1048576 {
  /* XP1 China Rising */ }
  .dialog-bf4required.xp.xp1048576 .dialog-content {
    background: url(../main/warsaw/game-dialog-bg-xp1.jpg) top center no-repeat; }
.dialog-bf4required.xp.xp524288 {
  /* XP0 Second Assault */ }
  .dialog-bf4required.xp.xp524288 .dialog-content {
    background: url(../main/warsaw/game-dialog-bg-xp0.jpg) top center no-repeat; }
.dialog-bf4required.xp.xp2097152 {
  /* XP2 Naval Strike */ }
  .dialog-bf4required.xp.xp2097152 .dialog-content {
    background: url(../main/warsaw/game-dialog-bg-xp2.jpg) top center no-repeat; }
.dialog-bf4required.xp.bfh, .dialog-bf4required.xp.xp536870912 {
  /* Criminal Activity BFH */ }
  .dialog-bf4required.xp.bfh .dialog-content, .dialog-bf4required.xp.xp536870912 .dialog-content {
    background: url(../clubs/club-npx-bfh.jpg) top center no-repeat;
    background-size: cover; }
.dialog-bf4required .dialog-content {
  width: 560px;
  height: 326px;
  background: url(../main/warsaw/game-dialog-bg.jpg) top center no-repeat;
  position: relative; }
  .dialog-bf4required .dialog-content .main-friends-container {
    width: 560px; }
  .dialog-bf4required .dialog-content .overlay {
    position: absolute;
    top: 164px;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-image: -webkit-linear-gradient(left top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 100%);
    background-image: linear-gradient(to right bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 100%); }
  .dialog-bf4required .dialog-content .info {
    z-index: 3;
    position: absolute;
    bottom: 0;
    height: 160px;
    text-align: center;
    width: 560px;
    left: 0; }
    .dialog-bf4required .dialog-content .info .buttons {
      position: absolute;
      bottom: 16px;
      left: 146px; }
      .dialog-bf4required .dialog-content .info .buttons .btn-primary {
        margin-right: 8px; }
    .dialog-bf4required .dialog-content .info h4 {
      font-weight: bold;
      font-family: Arial;
      font-size: 16px;
      text-transform: uppercase;
      line-height: 24px;
      margin: 0;
      padding: 0;
      margin-top: 12px; }
    .dialog-bf4required .dialog-content .info h5 {
      font-weight: normal;
      font-family: Arial;
      font-size: 14px;
      text-transform: none;
      line-height: 24px; }

#trialmessage {
  font-size: 14px;
  color: #ccc; }
  #trialmessage .expired-box {
    background-image: url(//d34ymitoc1pg7m.cloudfront.net/bf4/trial/bg-gametime-786dcb2b.png);
    text-align: center;
    padding: 32px; }
    #trialmessage .expired-box h3 {
      font-size: 23px;
      line-height: 1; }
    #trialmessage .expired-box p {
      margin: 23px 0 13px 0; }
    #trialmessage .expired-box a.origin-upgrade, #trialmessage .expired-box .devblog .devblog-post .battlelog-wordpress a.origin-upgrade, .devblog .devblog-post .battlelog-wordpress #trialmessage .expired-box a.origin-upgrade {
      font-size: 22px;
      text-decoration: underline;
      display: inline-block;
      background-image: url(../odcstore/origin-storelogo-small.png);
      background-repeat: no-repeat;
      background-position: center right;
      line-height: 45px;
      padding-right: 45px; }
  #trialmessage .unexpired-box {
    background-image: url(//d34ymitoc1pg7m.cloudfront.net/bf4/trial/icon-gametime-cd01b474.png);
    background-repeat: no-repeat;
    background-position: 12px 12px;
    padding-left: 50px;
    font-family: Purista;
    font-size: 16px;
    line-height: 32px; }
    #trialmessage .unexpired-box .btn {
      float: right; }
    #trialmessage .unexpired-box a.origin-upgrade, #trialmessage .unexpired-box .devblog .devblog-post .battlelog-wordpress a.origin-upgrade, .devblog .devblog-post .battlelog-wordpress #trialmessage .unexpired-box a.origin-upgrade {
      margin-left: 12px;
      font-size: 16px;
      display: inline-block;
      text-decoration: underline;
      background-image: url(../odcstore/origin-storelogo-small.png);
      background-repeat: no-repeat;
      background-position: center right;
      background-size: contain;
      line-height: 35px;
      padding-right: 35px; }

.survey {
  font-size: 12px;
  margin-top: 16px; }
  .survey input {
    display: none; }
  .survey .checkboxicon {
    background: url(../main/poll-checkbox.png);
    width: 10px;
    height: 10px;
    position: relative;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 0;
    cursor: pointer; }
  .survey table.scores {
    color: #2a3b44;
    margin-top: 16px;
    margin-bottom: 8px; }
    .survey table.scores tr td {
      padding-right: 16px;
      margin-bottom: 8px;
      text-align: center; }
  .survey .description {
    color: #34454f; }
    .survey .description .min {
      float: left; }
    .survey .description .max {
      float: right; }
  .survey .feedback textarea, .survey .feedback #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form .survey .feedback #profile-edit-forumsignature, .survey .feedback #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form .survey .feedback #profile-edit-presentation, .survey .feedback .forum-start-container .common-replyform-form-body, .forum-start-container .survey .feedback .common-replyform-form-body {
    width: 270px;
    max-width: 270px;
    height: 50px;
    overflow-y: auto;
    margin-top: 16px;
    margin-bottom: 8px; }
  .survey .feedback button {
    float: right; }

body.no-main-header header section.game-bar {
  display: None; }

.main-xp-boost-notice:hover {
  text-decoration: none; }

body.is-sc .track-button {
  display: none; }

#base-bfh-html .is-loggedout #footer-wrapper {
  bottom: 0px; }

.main-header {
  margin-bottom: 16px; }
  .main-header .persona .progress {
    width: 286px;
    bottom: 64px; }
    .main-header .persona .progress > .experience {
      color: #34454f; }
      .main-header .persona .progress > .experience span {
        color: #34454f; }
  .main-header .persona .soldier {
    top: 54px; }
  .main-header .tiles .box {
    margin-top: 0; }
  .main-header .tiles .leaderboards .bg {
    background-size: cover; }
  .main-header .topstory {
    height: 347px; }
    .main-header .topstory .article > footer {
      width: auto;
      left: 0;
      right: 0;
      background: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/news/topnews-footer-bgr-87046153.png);
      background-size: cover;
      background-repeat: no-repeat;
      padding: 16px 16px 10px 16px; }
      .main-header .topstory .article > footer h5 {
        color: #fff;
        font-family: "Frutiger", sans-serif;
        font-weight: bold; }
      .main-header .topstory .article > footer .published span {
        color: #fff; }
  .main-header .persona {
    height: 347px;
    margin-bottom: 0; }
    .main-header .persona .username {
      font-family: "Frutiger", sans-serif;
      font-weight: normal; }
    .main-header .persona .soldier {
      right: -70px; }

#recommended-server-row {
  position: relative;
  height: 122px;
  margin-bottom: 20px;
  font-family: "Frutiger", sans-serif;
  font-weight: normal; }
  #recommended-server-row .map {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0; }
    #recommended-server-row .map:after {
      position: absolute;
      content: " ";
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background-color: rgba(62, 128, 184, 0.5); }
  #recommended-server-row .content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: block;
    color: #fff;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    /* IE10+ */
    background: linear, to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%;
    /* W3C */ }
    #recommended-server-row .content .names {
      position: absolute;
      left: 15px;
      top: 15px; }
    #recommended-server-row .content:hover + .player-info .server-info p.server {
      text-decoration: underline; }
  #recommended-server-row .player-info {
    z-index: 2;
    position: absolute;
    left: 15px;
    bottom: 15px;
    height: 60px; }
    #recommended-server-row .player-info .player-avatars {
      cursor: default; }
    #recommended-server-row .player-info .server-info {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      height: 100%;
      display: block;
      margin-left: 10px;
      padding-top: 5px;
      text-decoration: none;
      color: #fff; }
      #recommended-server-row .player-info .server-info:hover p.server {
        text-decoration: underline; }
      #recommended-server-row .player-info .server-info p {
        margin-top: 5px;
        font-size: 18px; }
        #recommended-server-row .player-info .server-info p.server {
          margin-top: 7px;
          font-size: 14px; }
  #recommended-server-row .btn-primary {
    position: absolute;
    right: 15px;
    bottom: 15px;
    min-width: 220px;
    z-index: 3; }

#main-loggedin-feed {
  margin-top: 0; }
  #main-loggedin-feed .wallpost-body {
    width: 546px; }

#base-container #main-loggedout {
  padding-top: 0;
  margin-top: 0; }

.is-loggedout.log-in #base-background {
  background: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/backgrounds/loggedoutblur-2011c2c0.jpg) no-repeat;
  background-size: cover; }

.rank-number {
  font-family: "Frutiger", sans-serif;
  font-weight: bold; }

.find-more-games {
  text-align: center;
  text-transform: uppercase;
  font-family: "Frutiger", sans-serif;
  font-weight: normal; }

.main-nav-buttons {
  margin-bottom: 16px; }
  .main-nav-buttons .btn {
    background-color: #d66e29;
    width: 100%;
    font-size: 17px;
    padding: 4px 16px;
    font-family: "Frutiger", sans-serif;
    font-weight: bold; }

.main-quickmatch-map-image {
  position: absolute;
  z-index: 4;
  width: 100%;
  height: 100%; }

.main-quickmatch-row {
  height: 236px;
  position: relative; }
  .main-quickmatch-row .span2 {
    position: relative; }
  .main-quickmatch-row .span3 {
    position: relative; }
  .main-quickmatch-row .players {
    width: 296px;
    position: relative;
    left: 16px; }
  .main-quickmatch-row .main-quickmatch-data {
    z-index: 6;
    position: relative;
    width: 100%;
    height: 236px; }
    .main-quickmatch-row .main-quickmatch-data .title {
      text-transform: uppercase;
      font-size: 16px;
      color: #fff;
      padding: 16px;
      font-family: "Frutiger", sans-serif;
      font-weight: normal; }
    .main-quickmatch-row .main-quickmatch-data .description {
      font-size: 14px;
      color: #FFF;
      padding: 0 0 10px 16px;
      width: 75%;
      position: relative;
      font-family: Arial, sans-serif;
      line-height: 1.25; }
    .main-quickmatch-row .main-quickmatch-data .gamemode {
      text-transform: uppercase;
      color: #FFF;
      font-size: 20px;
      font-weight: bold;
      padding: 0 0 10px 16px;
      font-family: "Frutiger", sans-serif;
      font-weight: normal; }
    .main-quickmatch-row .main-quickmatch-data .joinbutton {
      position: absolute;
      bottom: 16px;
      left: 16px; }
    .main-quickmatch-row .main-quickmatch-data .main-about-icon {
      position: absolute;
      top: 10px;
      right: 10px; }
    .main-quickmatch-row .main-quickmatch-data .heist-tutorial-box {
      width: 130px;
      height: 75px;
      background-image: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/video/heist-video-tutorial-thumb-6f357e23.jpg);
      position: absolute;
      top: 10px;
      right: 10px;
      border: 1px solid #fff;
      cursor: pointer;
      box-shadow: 0 0 2px 0 #000; }
      .main-quickmatch-row .main-quickmatch-data .heist-tutorial-box .play-icon {
        position: absolute;
        left: 50%;
        top: 50%;
        display: block;
        background-image: url(../video/playbutton.png);
        background-size: 40px 40px;
        width: 40px;
        height: 40px;
        margin-top: -20px;
        margin-left: -20px;
        opacity: 0.7; }
      .main-quickmatch-row .main-quickmatch-data .heist-tutorial-box:hover .play-icon {
        opacity: 1;
        -webkit-filter: drop-shadow(0 0 7px #fff);
        -moz-filter: drop-shadow(0 0 7px #fff);
        -ms-filter: drop-shadow(0 0 7px #fff);
        -o-filter: drop-shadow(0 0 7px #fff);
        filter: drop-shadow(0 0 7px #fff); }
    .main-quickmatch-row .main-quickmatch-data .heist-tutorial-box ~ .description {
      width: 60%; }
  .main-quickmatch-row .span2 .heist-tutorial-box {
    width: 100px;
    height: 55px; }
    .main-quickmatch-row .span2 .heist-tutorial-box .play-icon {
      background-size: 30px 30px;
      width: 30px;
      height: 30px;
      margin-top: -15px;
      margin-left: -15px; }

.loggedout-usp-container .geoleaderboards .map.friends {
  background-image: url(../geoleaderboard/Leaderboards-Friends.jpg); }
.loggedout-usp-container .geoleaderboards .map.city {
  background-image: url(../geoleaderboard/Leaderboards-Stockholm.jpg); }
.loggedout-usp-container .geoleaderboards .map.country {
  background-image: url(../geoleaderboard/Leaderboards-Sweden.jpg); }
.loggedout-usp-container .geoleaderboards .map.world {
  background-image: url(../geoleaderboard/Leaderboards-World.jpg); }
.loggedout-usp-container .usp h1.headline {
  font-family: Frutiger, sans-serif;
  color: #FFF;
  background: transparent; }
.loggedout-usp-container .usp h2.subheading {
  color: #FFF;
  font-family: Frutiger, sans-serif;
  background: transparent; }

.gradientbg {
  position: absolute;
  z-index: 5;
  height: 100%;
  width: 100%;
  background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.73) 17%, rgba(0, 0, 0, 0.45) 48%, rgba(0, 0, 0, 0.23) 73%, rgba(0, 0, 0, 0) 99%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(17%, rgba(0, 0, 0, 0.73)), color-stop(48%, rgba(0, 0, 0, 0.45)), color-stop(73%, rgba(0, 0, 0, 0.23)), color-stop(99%, rgba(0, 0, 0, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.73) 17%, rgba(0, 0, 0, 0.45) 48%, rgba(0, 0, 0, 0.23) 73%, rgba(0, 0, 0, 0) 99%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, rgba(0, 0, 0, 0.73) 17%, rgba(0, 0, 0, 0.45) 48%, rgba(0, 0, 0, 0.23) 73%, rgba(0, 0, 0, 0) 99%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, rgba(0, 0, 0, 0.73) 17%, rgba(0, 0, 0, 0.45) 48%, rgba(0, 0, 0, 0.23) 73%, rgba(0, 0, 0, 0) 99%);
  /* IE10+ */
  background: linear, 135deg, rgba(0, 0, 0, 0.73) 17%, rgba(0, 0, 0, 0.45) 48%, rgba(0, 0, 0, 0.23) 73%, rgba(0, 0, 0, 0) 99%;
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba000000', endColorstr='#00000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.persona-info-box-container {
  position: relative; }

#main-profile-customize-dropdown-button {
  z-index: 4;
  position: absolute;
  bottom: 16px;
  left: 16px; }
  #main-profile-customize-dropdown-button .btn {
    width: 288px;
    padding-left: 10px;
    white-space: nowrap;
    padding-right: 10px; }
    #main-profile-customize-dropdown-button .btn img {
      position: relative;
      top: -3px;
      right: -2px;
      opacity: 0.85; }
    #main-profile-customize-dropdown-button .btn:hover img {
      opacity: 1; }

#main-profile-customize-dropdown-button + .popover.visible {
  margin-right: 16px;
  width: 288px; }

.experience-box-container-title {
  position: absolute; }

.chooseexperience {
  background-image: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/npx/mpcampaignexperience-1e2f4cfa.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  overflow: hidden;
  background-color: rgba(245, 245, 245, 0.8); }
  .chooseexperience .experience {
    width: 400px; }
  .chooseexperience #base-background {
    display: none; }
  .chooseexperience #base-container:before {
    height: 48px; }
  .chooseexperience .experience-box-container-title {
    font-size: 42px;
    color: white;
    position: relative;
    text-align: center;
    width: 100%;
    margin-top: 74px;
    font-family: Frutiger, sans-serif; }
    .chooseexperience .experience-box-container-title span {
      font-weight: bold; }
  .chooseexperience .experience {
    background-color: rgba(245, 245, 245, 0.8);
    position: fixed;
    height: 247px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.85) 0%, rgba(245, 245, 245, 0.85) 46%, rgba(245, 245, 245, 0.87) 51%, #f5f5f5 78%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.85)), color-stop(46%, rgba(245, 245, 245, 0.85)), color-stop(51%, rgba(245, 245, 245, 0.87)), color-stop(78%, #f5f5f5));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.85) 0%, rgba(245, 245, 245, 0.85) 46%, rgba(245, 245, 245, 0.87) 51%, #f5f5f5 78%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.85) 0%, rgba(245, 245, 245, 0.85) 46%, rgba(245, 245, 245, 0.87) 51%, #f5f5f5 78%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.85) 0%, rgba(245, 245, 245, 0.85) 46%, rgba(245, 245, 245, 0.87) 51%, #f5f5f5 78%);
    /* IE10+ */
    background: linear, to bottom, rgba(255, 255, 255, 0.85) 0%, rgba(245, 245, 245, 0.85) 46%, rgba(245, 245, 245, 0.87) 51%, whitesmoke 78%;
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ffffff', endColorstr='#f5f5f5',GradientType=0 );
    /* IE6-9 */
    border-top: 1px solid #aaa; }
    .chooseexperience .experience.campaign-experience {
      border-right: 1px solid #555; }
  .chooseexperience .experience-box {
    position: absolute;
    height: 247px;
    top: 16px; }
    .chooseexperience .experience-box.campaign-experience-box {
      right: 16px; }
    .chooseexperience .experience-box.mp-experience-box {
      left: 16px; }
    .chooseexperience .experience-box .experience-box-title {
      color: #34454f;
      width: 370px; }
      .chooseexperience .experience-box .experience-box-title h1 {
        font-size: 42px;
        font-weight: bold;
        padding: 16px;
        padding-bottom: 0; }
    .chooseexperience .experience-box .experience-box-text {
      color: #34454f;
      padding: 16px;
      padding-top: 0;
      width: 370px;
      font-size: 14px;
      line-height: 1.2; }
    .chooseexperience .experience-box .experience-box-button {
      margin: 16px;
      position: absolute;
      bottom: 16px;
      width: 360px; }

#main-bfhfacebookpromo {
  background: url(../facebook/bfh_facebook_promo.jpg);
  position: relative;
  width: 320px;
  height: 220px; }
  #main-bfhfacebookpromo .title {
    color: #FFF;
    position: relative;
    font-size: 16px;
    text-transform: uppercase;
    width: 220px;
    line-height: 1.2;
    top: 20px;
    left: 20px;
    font-family: "Frutiger", sans-serif;
    font-weight: bold; }
  #main-bfhfacebookpromo .buttons {
    position: absolute;
    right: 16px;
    bottom: 40px;
    height: 70px;
    width: 100px; }
    #main-bfhfacebookpromo .buttons .btn {
      width: 100%;
      position: relative;
      margin-bottom: 5px; }

body.premium .main-header .persona .icon-premium-wide {
  margin-left: 4px;
  margin-top: -1px; }

#bfh-nopersona-box {
  background: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/profile/bfh_home_promo-a9ec05be.png) no-repeat;
  position: relative;
  width: 320px;
  height: 354px; }
  #bfh-nopersona-box a, #bfh-nopersona-box .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #bfh-nopersona-box a {
    position: absolute;
    width: 288px;
    left: 16px;
    bottom: 16px; }

#alpha-trial p {
  line-height: 21px; }
  #alpha-trial p:not(last-of-type) {
    margin-bottom: 1em; }
#alpha-trial textarea, #alpha-trial #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form #alpha-trial #profile-edit-forumsignature, #alpha-trial #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form #alpha-trial #profile-edit-presentation, #alpha-trial .forum-start-container .common-replyform-form-body, .forum-start-container #alpha-trial .common-replyform-form-body {
  width: 100%;
  height: 300px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
#alpha-trial a, #alpha-trial .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #alpha-trial a {
  text-decoration: underline; }

html.ugm-showing #serverbrowser {
  padding-bottom: 60px; }

.icon-servertype {
  width: 11px;
  height: 16px; }

.icon-servertype-1 {
  background: url(../serverguide/icon-rank-official.png) top left no-repeat; }

.icon-servertype-2 {
  background: url(../serverguide/icon-rank-ranked.png) top left no-repeat; }

.icon-servertype-4 {
  background: url(../serverguide/icon-rank-unranked.png) top left no-repeat; }

.icon-servertype-8 {
  background: url(../serverguide/icon-rank-private.png) top left no-repeat; }

.server-row.active .icon-servertype-1 {
  background: url(../serverguide/icon-rank-official-dark.png) top left no-repeat; }
.server-row.active .icon-servertype-2 {
  background: url(../serverguide/icon-rank-ranked-dark.png) top left no-repeat; }
.server-row.active .icon-servertype-4 {
  background: url(../serverguide/icon-rank-unranked-dark.png) top left no-repeat; }
.server-row.active .icon-servertype-8 {
  background: url(../serverguide/icon-rank-private-dark.png) top left no-repeat; }

.serverguide-open-filter-box {
  position: relative;
  top: 2px; }

#serverbrowser #server-browser-refresh-global {
  padding: 1px 8px 0 12px;
  margin: 6px 0 0; }
#serverbrowser header button {
  margin: 4px 0 0 10px; }
#serverbrowser .serverbrowser-platform-filter-select {
  float: right; }
#serverbrowser .arrow-container {
  position: relative; }
  #serverbrowser .arrow-container .outerarrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 30px; }
  #serverbrowser .arrow-container .arrow {
    position: absolute;
    top: 50%;
    left: 0%;
    margin-top: -3px;
    margin-left: 4px;
    border: 6px solid transparent;
    border-top-color: #fff;
    opacity: 0.3;
    -webkit-transition: all 0.1s ease-out, opacity 0;
    transition: all 0.1s ease-out, opacity 0;
    -webkit-transform-origin: center;
    transform-origin: center; }
  #serverbrowser .arrow-container:hover .arrow, #serverbrowser .arrow-container.active .arrow {
    opacity: 0.75; }
#serverbrowser .server-filter {
  margin-bottom: 16px; }
  #serverbrowser .server-filter.collapsed {
    padding-right: 28px; }
    #serverbrowser .server-filter.collapsed > footer {
      width: 27px;
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      background-color: rgba(255, 255, 255, 0.65);
      padding: 0; }
#serverbrowser .no-results {
  margin-top: 16px;
  text-align: center; }
  #serverbrowser .no-results h2 {
    font-size: 2em; }
#serverbrowser [data-sort] {
  text-decoration: none; }
#serverbrowser .sort-desc:after {
  content: "▲";
  padding-left: 2px;
  text-decoration: none; }
#serverbrowser .sort-asc:after {
  content: "▼";
  padding-left: 2px;
  text-decoration: none; }
#serverbrowser #servers {
  margin-top: 8px;
  min-height: 800px; }
#serverbrowser .servers-list thead th {
  line-height: 24px;
  padding: 0 6px; }
#serverbrowser .servers-list thead .players {
  width: 55px; }
#serverbrowser .servers-list thead .ping {
  width: 40px; }
#serverbrowser .servers-list thead .server-icons {
  width: 22px; }
#serverbrowser .servers-list:not(.loading) tfoot {
  display: none; }
#serverbrowser .servers-list tfoot th {
  padding: 16px;
  text-align: center; }
#serverbrowser .servers-list tr .icon {
  background: url(../serverguide/icons_server.png) top left no-repeat;
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0; }
  #serverbrowser .servers-list tr .icon.punkbuster {
    background-position: -141px -166px; }
    #serverbrowser .servers-list tr .icon.punkbuster.on {
      background-position: -142px -128px; }
  #serverbrowser .servers-list tr .icon.ranked {
    background-position: -68px -167px; }
    #serverbrowser .servers-list tr .icon.ranked.on {
      background-position: -68px -128px; }
  #serverbrowser .servers-list tr .icon.type {
    background-position: -214px -128px; }
    #serverbrowser .servers-list tr .icon.type.normal {
      background-position: -214px -167px; }
#serverbrowser .servers-list .server-icons {
  padding: 0 0 0 6px; }
#serverbrowser .servers-list .active .icon.punkbuster {
  background-position: -142px -128px; }
  #serverbrowser .servers-list .active .icon.punkbuster.on {
    background-position: -141px -166px; }
#serverbrowser .servers-list .active .icon.ranked {
  background-position: -68px -128px; }
  #serverbrowser .servers-list .active .icon.ranked.on {
    background-position: -68px -167px; }
#serverbrowser .servers-list img {
  vertical-align: middle; }
#serverbrowser .servers-list tbody .server-row {
  height: 49px;
  cursor: pointer; }
  #serverbrowser .servers-list tbody .server-row:active:not(.active) > td {
    background-color: rgba(240, 240, 240, 0.65); }
  #serverbrowser .servers-list tbody .server-row .favorite {
    width: 20px;
    overflow: hidden;
    padding-right: 0; }
  #serverbrowser .servers-list tbody .server-row .star {
    display: block;
    width: 20px;
    margin: 0 auto;
    padding: 0; }
    #serverbrowser .servers-list tbody .server-row .star:after {
      position: relative;
      z-index: 1;
      display: none;
      content: "★";
      font-size: 22px;
      color: rgba(255, 255, 255, 0.3); }
  #serverbrowser .servers-list tbody .server-row .server-icons {
    padding: 10px 0 0 9px; }
  #serverbrowser .servers-list tbody .server-row:hover .star:after, #serverbrowser .servers-list tbody .server-row .star.starred:after {
    display: block;
    color: rgba(255, 255, 255, 0.3); }
  #serverbrowser .servers-list tbody .server-row .star.starred:after, #serverbrowser .servers-list tbody .server-row .star:hover:after {
    color: white; }
  #serverbrowser .servers-list tbody .server-row.loading-info td.map .loader {
    display: block; }
  #serverbrowser .servers-list tbody .server-row td {
    line-height: 28px;
    font-size: 12px;
    padding: 6px; }
    #serverbrowser .servers-list tbody .server-row td:first-child {
      width: 18px; }
    #serverbrowser .servers-list tbody .server-row td.map {
      width: 48px;
      line-height: 1;
      position: relative; }
      #serverbrowser .servers-list tbody .server-row td.map .loader {
        position: absolute;
        top: 50%;
        left: 21px;
        margin-top: -13px;
        display: none; }
      #serverbrowser .servers-list tbody .server-row td.map .map-thumb {
        width: auto; }
    #serverbrowser .servers-list tbody .server-row td.server {
      min-width: 50px;
      max-width: 480px;
      overflow: hidden; }
      #serverbrowser .servers-list tbody .server-row td.server .server-name {
        line-height: 16px;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      #serverbrowser .servers-list tbody .server-row td.server .server-details {
        line-height: 12px;
        margin-top: 2px;
        font-size: 11px;
        color: #a8a8a8;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        #serverbrowser .servers-list tbody .server-row td.server .server-details .country-flag {
          float: left;
          margin-top: -2px;
          margin-right: 5px; }
      #serverbrowser .servers-list tbody .server-row td.server .friends-playing {
        position: absolute;
        line-height: 48px;
        top: 0;
        right: 8px;
        bottom: 0; }
    #serverbrowser .servers-list tbody .server-row td.players {
      text-align: center;
      width: 55px; }
    #serverbrowser .servers-list tbody .server-row td.ping {
      color: #a8a8a8;
      font-size: 11px;
      text-align: center;
      width: 40px; }
    #serverbrowser .servers-list tbody .server-row td.server-icons {
      width: 22px; }

html:not(.is-touch) #serverbrowser .servers-list tbody .server-row.active {
  -webkit-filter: drop-shadow(0 0 7px #e0f4f8);
  -moz-filter: drop-shadow(0 0 7px #e0f4f8);
  -ms-filter: drop-shadow(0 0 7px #e0f4f8);
  -o-filter: drop-shadow(0 0 7px #e0f4f8);
  filter: drop-shadow(0 0 7px #e0f4f8); }
  html:not(.is-touch) #serverbrowser .servers-list tbody .server-row.active .server-name {
    font-weight: bold; }
  html:not(.is-touch) #serverbrowser .servers-list tbody .server-row.active .star:after {
    color: rgba(0, 0, 0, 0.3); }
  html:not(.is-touch) #serverbrowser .servers-list tbody .server-row.active .star.starred:after, html:not(.is-touch) #serverbrowser .servers-list tbody .server-row.active .star:hover:after {
    color: rgba(0, 0, 0, 0.9) !important; }

.is-touch #serverbrowser aside .action-buttons-container .favorite-toggle {
  margin-top: 8px; }
  .is-touch #serverbrowser aside .action-buttons-container .favorite-toggle.starred .add-text {
    display: none; }
  .is-touch #serverbrowser aside .action-buttons-container .favorite-toggle.starred .remove-text {
    display: inline; }
  .is-touch #serverbrowser aside .action-buttons-container .favorite-toggle .remove-text {
    display: none; }

#serverbrowser-show .btn.join {
  margin-top: 8px; }
#serverbrowser-show .settings {
  margin-top: -10px; }
  #serverbrowser-show .settings li {
    font-size: 12px;
    color: #34454f;
    display: block;
    margin-top: 10px;
    line-height: 16px;
    clear: both; }
    #serverbrowser-show .settings li b {
      max-width: 130px;
      padding-right: 5px;
      color: #fff;
      float: right;
      text-align: right;
      margin-right: 5px; }
    #serverbrowser-show .settings li .icon {
      vertical-align: middle;
      margin-top: -4px;
      margin-right: 2px; }
#serverbrowser-show .quick-info {
  position: relative;
  height: 160px;
  width: auto;
  overflow: hidden;
  background-position: center center; }
  #serverbrowser-show .quick-info:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-linear-gradient( rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient( rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.8) 100%); }
  #serverbrowser-show .quick-info .holder {
    position: absolute;
    padding: 16px;
    bottom: 0; }
  #serverbrowser-show .quick-info .player-count, #serverbrowser-show .quick-info .map-info li {
    padding: 0 5px; }
  #serverbrowser-show .quick-info li {
    height: 18px;
    line-height: 18px;
    float: left; }
  #serverbrowser-show .quick-info .player-count {
    font-size: 18px;
    margin-bottom: 2px; }
  #serverbrowser-show .quick-info .holder ul {
    float: left; }
    #serverbrowser-show .quick-info .holder ul.friends li {
      padding: 0 5px; }
  #serverbrowser-show .quick-info .map-info {
    color: #eee;
    font-size: 12px; }
    #serverbrowser-show .quick-info .map-info img {
      vertical-align: middle; }
#serverbrowser-show #serverbrowser-show-serverjoin {
  margin-top: 5px; }
#serverbrowser-show .box {
  margin-top: 8px; }
#serverbrowser-show footer {
  padding: 0; }
  #serverbrowser-show footer a, #serverbrowser-show footer .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #serverbrowser-show footer a {
    padding: 16px;
    text-decoration: none;
    display: block; }
  #serverbrowser-show footer:hover {
    background-color: rgba(7, 7, 7, 0.6); }

#serverbrowser-recommended-servers ul {
  overflow: hidden; }
  #serverbrowser-recommended-servers ul.row-tight .span2.server {
    width: 330px; }
#serverbrowser-recommended-servers .loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -16px;
  margin-top: -16px; }
#serverbrowser-recommended-servers .toggle {
  position: relative;
  overflow: hidden;
  cursor: pointer; }
  #serverbrowser-recommended-servers .toggle .serverbrowser-toggler {
    float: right;
    position: absolute;
    top: 1px;
    right: 10px;
    color: #aaa; }
    #serverbrowser-recommended-servers .toggle .serverbrowser-toggler:after {
      float: right;
      text-align: center;
      content: "-";
      padding-right: 3px;
      font-size: 21px; }
  #serverbrowser-recommended-servers .toggle:hover .serverbrowser-toggler {
    color: #fff; }
#serverbrowser-recommended-servers.collapsed .toggle .serverbrowser-toggler {
  top: 2px; }
  #serverbrowser-recommended-servers.collapsed .toggle .serverbrowser-toggler:after {
    float: right;
    text-align: center;
    content: "+";
    padding-right: 0;
    font-size: 21px; }
#serverbrowser-recommended-servers .server {
  height: 160px;
  position: relative;
  display: table;
  background: rgba(240, 240, 240, 0.65);
  overflow: hidden; }
  #serverbrowser-recommended-servers .server img {
    position: absolute;
    top: 0;
    bottom: 0;
    opacity: 1;
    width: 100%;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    #serverbrowser-recommended-servers .server img.show-on-load {
      opacity: 0; }
  #serverbrowser-recommended-servers .server:before {
    position: absolute;
    z-index: 1;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-linear-gradient( rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient( rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.8) 100%); }
  #serverbrowser-recommended-servers .server > header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.9);
    padding: 8px 16px;
    min-height: 37px;
    z-index: 2; }
    #serverbrowser-recommended-servers .server > header .recommendation {
      line-height: 14px;
      font-size: 12px;
      color: #a8a8a8; }
    #serverbrowser-recommended-servers .server > header .server-name {
      color: #000;
      font-size: 14px;
      line-height: 22px;
      text-decoration: none;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    #serverbrowser-recommended-servers .server > header .server-details {
      line-height: 18px;
      font-size: 12px;
      color: #a8a8a8; }
  #serverbrowser-recommended-servers .server button {
    margin-left: 8px;
    bottom: 16px;
    right: 16px;
    position: absolute;
    z-index: 2; }
  #serverbrowser-recommended-servers .server > .server-info {
    position: absolute;
    z-index: 2;
    font-size: 11px;
    left: 16px;
    bottom: 22px;
    color: #fff; }
    #serverbrowser-recommended-servers .server > .server-info p {
      height: 32px;
      position: relative;
      top: 7px;
      line-height: 16px;
      font-size: 12px;
      display: table-cell;
      vertical-align: bottom; }
      #serverbrowser-recommended-servers .server > .server-info p span {
        display: block; }
        #serverbrowser-recommended-servers .server > .server-info p span.map {
          white-space: nowrap;
          width: 126px;
          overflow: hidden;
          text-overflow: ellipsis; }
  #serverbrowser-recommended-servers .server > .players {
    position: absolute;
    z-index: 2;
    top: 61px;
    left: 16px; }
    #serverbrowser-recommended-servers .server > .players .avatar {
      width: 32px;
      height: 32px;
      float: left;
      margin-right: 2px; }

#serverbrowser-filters .toggle {
  font-family: Arial, sans-serif !important;
  position: relative;
  overflow: hidden;
  padding: 0 16px;
  cursor: pointer;
  font-size: 12px;
  color: #aaa;
  line-height: 32px;
  margin-right: 37px; }
  #serverbrowser-filters .toggle em {
    text-transform: uppercase;
    background: url(../base/shared/search-icon-white.png) 0 1px no-repeat;
    padding-left: 18px;
    color: #fff; }
  #serverbrowser-filters .toggle:hover .serverbrowser-toggler {
    color: #fff; }
  #serverbrowser-filters .toggle #custom-filter-list-content {
    display: inline-block;
    max-width: 725px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top; }
  #serverbrowser-filters .toggle ul, #serverbrowser-filters .toggle li {
    display: inline;
    margin: 0;
    padding: 0; }
  #serverbrowser-filters .toggle ul {
    list-style: none; }
  #serverbrowser-filters .toggle li {
    margin: 0 6px 0 0;
    text-transform: none; }
  #serverbrowser-filters .toggle .outerarrow {
    top: 1px; }
#serverbrowser-filters .serverbrowser-refresh {
  cursor: pointer;
  font-size: 21px;
  line-height: 32px;
  padding: 0;
  height: 32px;
  width: 36px;
  text-align: center;
  float: right;
  color: #a8a8a8; }
  #serverbrowser-filters .serverbrowser-refresh:hover {
    color: #fff; }
#serverbrowser-filters.expanded .toggle .arrow {
  margin-top: -9px;
  border-top-color: transparent;
  border-bottom-color: #fff; }
#serverbrowser-filters.expanded .filters-container {
  display: block; }
#serverbrowser-filters.expanded.advanced-expanded .advanced-filters {
  display: block; }
#serverbrowser-filters.expanded.advanced-expanded .button-row .arrow {
  margin-top: -9px;
  border-top-color: transparent;
  border-bottom-color: #fff; }
#serverbrowser-filters .btn-primary {
  margin-left: 10px; }
#serverbrowser-filters .filters-container, #serverbrowser-filters .advanced-filters {
  display: none; }
#serverbrowser-filters .box-content {
  overflow: hidden;
  position: relative; }
  #serverbrowser-filters .box-content .serverbrowser-filter {
    padding: 2px 0;
    width: 132px;
    overflow: hidden;
    border-top: 1px solid #dadad9;
    float: left;
    border-right: 1px solid #e1e1e1;
    height: 100%;
    position: relative;
    background: #ececec;
    border-top-width: 0; }
  #serverbrowser-filters .box-content .filterextra .serverbrowser-filter {
    width: 218px; }
#serverbrowser-filters .row-tight {
  overflow: hidden;
  padding-bottom: 16px; }
#serverbrowser-filters .filter-col {
  margin-top: 0;
  padding-bottom: 1000px;
  margin-bottom: -1000px; }
  #serverbrowser-filters .filter-col.filter-player-settings {
    width: 396px; }
  #serverbrowser-filters .filter-col .filter-col {
    margin-top: 1px; }

section.filter {
  margin-bottom: 16px; }
  section.filter:last-child {
    margin-bottom: 0; }
  section.filter:after {
    clear: both;
    content: "";
    display: table; }
  section.filter h3 {
    color: #8A8A8A;
    font-size: 13px;
    line-height: 20px; }
  section.filter ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    section.filter ul li {
      min-height: 20px;
      font-size: 12px;
      margin: 0 0 4px 0;
      padding: 0;
      cursor: pointer;
      padding-left: 20px;
      background: url(../serverbrowserwarsaw/icon-checkbox-4.png) no-repeat;
      line-height: 14px;
      -webkit-transition: color 0.2s ease;
      transition: color 0.2s ease;
      /* -1 */
      background-position: 0 -297px; }
      section.filter ul li[data-toggle="section"] {
        font-family: Purista, sans-serif;
        font-style: normal;
        font-weight: 600;
        text-transform: uppercase;
        color: #8A8A8A !important;
        font-size: 13px;
        line-height: 1.2;
        margin-bottom: 7px; }
      section.filter ul li.plain {
        padding-left: 0px;
        background: none; }
      section.filter ul li:hover {
        background-position: 0 -396px; }
        section.filter ul li:hover.on {
          background-position: 0 -97px; }
      section.filter ul li.on {
        /* 1 */
        background-position: 0 4px;
        color: #d1ffbe; }
      section.filter ul li.off {
        background-position: 0 -796px;
        color: #ffcacf; }
      section.filter ul li.filter-range {
        min-height: 20px; }
        section.filter ul li.filter-range input {
          padding: 1px 2px;
          text-align: center;
          width: 65px; }
  section.filter label {
    cursor: pointer;
    position: relative;
    top: 2px; }
    section.filter label.premium {
      display: inline-block;
      background: url(../premium/icon-p-s.png) right center no-repeat;
      padding-right: 18px; }
    section.filter label img.icon {
      margin: -3px 4px 0px -4px;
      vertical-align: middle; }
  section.filter a.popup, section.filter .devblog .devblog-post .battlelog-wordpress a.popup, .devblog .devblog-post .battlelog-wordpress section.filter a.popup {
    position: relative;
    top: 2px; }
    section.filter a.popup:after, section.filter .devblog .devblog-post .battlelog-wordpress a.popup:after, .devblog .devblog-post .battlelog-wordpress section.filter a.popup:after {
      clear: both;
      content: "";
      display: table; }
  section.filter select, section.filter input[type="checkbox"] {
    display: none; }
  section.filter input[disabled] + label {
    opacity: 0.5; }
  section.filter #serverbrowser-open-advanced-link, section.filter #serverbrowser-open-region-link {
    float: none;
    margin: 0;
    padding: 0;
    top: 2px; }
  section.filter.gameexpansion-filter li {
    margin-bottom: 16px; }
  section.filter.split ul li {
    width: 157px;
    float: left;
    margin-right: 4px; }
  section.filter .filter-range label {
    display: inline-block;
    max-width: 185px; }
  section.filter.xpack-filter .section label {
    float: left; }
    section.filter.xpack-filter .section label img.icon {
      margin-top: 0;
      float: left; }

.popup-serveradvancedfilter-value.bool-filter {
  position: relative;
  clear: both;
  width: 100%; }

#serverbrowser-filterstring em {
  margin-right: 5px;
  text-decoration: none;
  font-style: normal; }
#serverbrowser-filterstring strong {
  text-decoration: none;
  font-style: normal; }
#serverbrowser-filterstring label {
  margin-left: 3px;
  margin-right: 3px; }

#server-page > header {
  margin-bottom: 8px; }
  #server-page > header p {
    margin-bottom: 16px; }
  #server-page > header button {
    width: 220px;
    display: block; }
    #server-page > header button + button {
      margin-top: 8px; }
#server-page h5 {
  text-transform: none; }

#server-page-map-rotation .scroll-area {
  overflow: hidden; }
#server-page-map-rotation table {
  margin-top: 1px;
  margin-bottom: 0; }
#server-page-map-rotation td {
  vertical-align: top;
  width: 178px;
  height: 130px;
  margin-bottom: 8px;
  padding: 1px; }
  #server-page-map-rotation td.active {
    background-color: #fff; }
    #server-page-map-rotation td.active .xp-icon {
      border: 1px solid #000; }
  #server-page-map-rotation td:last-child {
    width: auto; }
  #server-page-map-rotation td .map-image {
    width: auto;
    min-width: 160px;
    height: 79px;
    display: block;
    background-repeat: no-repeat;
    background-size: cover; }
  #server-page-map-rotation td .xp-icon {
    float: left;
    margin-top: 2px;
    margin-right: 6px;
    margin-left: -8px; }
  #server-page-map-rotation td p {
    padding: 5px 14px 4px;
    font-size: 12px;
    line-height: 16px; }
    #server-page-map-rotation td p span {
      color: #34454f; }
  #server-page-map-rotation td.xpack p {
    padding-left: 32px; }
#server-page-map-rotation .no-maps-rotation {
  vertical-align: middle;
  text-align: center; }
#server-page-map-rotation .jspHorizontalBar .jspTrack {
  background: rgba(240, 240, 240, 0.65); }

#server-page-settings {
  margin-bottom: 16px;
  overflow: hidden; }
  #server-page-settings .span2 .box-content {
    padding-bottom: 500px;
    margin-bottom: -484px; }
  #server-page-settings dl {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 11px;
    padding-bottom: 6px;
    margin-bottom: 7px; }
    #server-page-settings dl dt {
      float: left;
      color: #34454f;
      text-transform: uppercase; }
    #server-page-settings dl dd {
      float: right; }
      #server-page-settings dl dd .icon {
        vertical-align: top;
        margin-top: -1px; }
    #server-page-settings dl:last-child {
      border-bottom: 0;
      margin: 0;
      padding: 0; }

#server-page-join-buttons {
  background-color: transparent;
  padding: 16px 0px 0px; }
  #server-page-join-buttons .btn + .btn {
    margin-left: 8px; }

#server-page-slot-info {
  margin-top: 15px; }
  #server-page-slot-info dl {
    font-size: 11px;
    padding-bottom: 3px; }
    #server-page-slot-info dl dt {
      float: left;
      color: #34454f;
      text-transform: uppercase; }
    #server-page-slot-info dl dd {
      float: right; }
    #server-page-slot-info dl:last-child {
      border-bottom: 0;
      margin: 0;
      padding: 0; }

#server-page-info .row-tight {
  overflow: hidden; }
  #server-page-info .row-tight .box header {
    text-align: center;
    padding-bottom: 200px;
    margin-bottom: -200px; }
  #server-page-info .row-tight .box section {
    height: 78px;
    padding: 16px;
    text-align: center; }
    #server-page-info .row-tight .box section h5 {
      margin: 0;
      font-size: 22px;
      line-height: 24px; }
#server-page-info .icon-servertype-large {
  width: 19px;
  height: 27px;
  margin-bottom: -8px; }
#server-page-info .icon-servertype-large-1 {
  background: url(../serverguide/icon-rank-official-l.png) top left no-repeat; }
#server-page-info .icon-servertype-large-2 {
  background: url(../serverguide/icon-rank-ranked-l.png) top left no-repeat; }
#server-page-info .icon-servertype-large-4 {
  background: url(../serverguide/icon-rank-unranked-l.png) top left no-repeat; }
#server-page-info .icon-servertype-large-8 {
  background: url(../serverguide/icon-rank-private-l.png) top left no-repeat; }

#server-page-gamemode {
  margin-bottom: 1px; }
  #server-page-gamemode p {
    font-size: 14px;
    line-height: 14px; }
  #server-page-gamemode .flag {
    margin: 0 8px -1px 8px; }
  #server-page-gamemode .common-gameicon-hori {
    margin-bottom: -2px; }
  #server-page-gamemode .common-gameexpansion {
    margin-bottom: -2px; }

/* serverbrowser component CSS resource */
.serverbrowser-invite-item {
  clear: both;
  height: 26px;
  line-height: 26px;
  margin-bottom: 6px; }

#serverbrowser-serverfilter-configure .base-link {
  font-weight: normal; }

.serverbrowser-invite-avatar, .serverbrowser-invite-username {
  float: left; }

.serverbrowser-invite-status {
  float: right;
  text-align: right;
  width: 100px; }

.serverbrowser-invite-list-container {
  margin-top: 16px; }

.serverbrowser-invite-username {
  width: 160px;
  margin-left: 6px;
  overflow: hidden; }

.serverbrowser-invite-status {
  width: 100px;
  font-size: 11px; }

.serverbrowser-invite-text {
  display: block;
  width: 75px;
  text-align: left;
  float: left;
  padding-left: 6px; }

.serverbrowser-invite-img-waiting, .serverbrowser-invite-img-joining, .serverbrowser-invite-img-declined {
  float: left;
  width: 16px;
  height: 16px;
  margin-top: 5px; }

.serverbrowser-invite-img-waiting {
  background: url(../serverguide/invited_loader.gif); }

.serverbrowser-invite-img-joining {
  margin-left: 2px;
  margin-top: 8px;
  width: 11px;
  height: 11px;
  background: url(../serverguide/invited_status.png); }

.serverbrowser-invite-img-declined {
  margin-top: 8px;
  width: 11px;
  height: 11px;
  background: url(../serverguide/invited_status.png) 0 11px; }

#serverbrowser-search-container {
  width: 992px;
  position: relative;
  top: 122px;
  height: 33px;
  margin: 0 auto; }

#serverbrowser-search {
  width: 405px;
  height: 34px;
  clear: both;
  background: white url(../serverguide/search.png); }

#serverbrowser-search-input {
  background-image: url(../base/shared/search-icon-white.png);
  background-position: 5px 10px;
  background-repeat: no-repeat;
  width: 123px;
  font-size: 14px;
  padding: 8px 8px 8px 23px; }

#serverbrowser-search-button {
  background: url(../serverguide/search-button.png);
  float: left;
  width: 21px;
  height: 28px;
  border: 0;
  cursor: pointer;
  margin-top: 3px; }

#serverbrowser-content {
  width: 100%; }
  #serverbrowser-content .common-box-inner-border {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-right-width-value: 1px;
    border-left-width-value: 1px; }

.serverbrowser-selectable span {
  text-shadow: none;
  font-weight: normal;
  font-size: 12px;
  margin-left: 20px; }
.serverbrowser-selectable.serverbrowser-include span, .serverbrowser-selectable.serverbrowser-noinclude span {
  font-weight: bold; }

#serverbrowser-apply-filters .serverbrowser-filter-search {
  border-top: 0;
  height: 49px;
  width: 440px;
  text-align: left;
  position: absolute;
  bottom: -2px; }
  #serverbrowser-apply-filters .serverbrowser-filter-search h1 {
    position: relative;
    top: 17px;
    float: left;
    margin-left: 14px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase; }
  #serverbrowser-apply-filters .serverbrowser-filter-search input {
    position: relative;
    top: -3px;
    float: left;
    margin-left: 10px; }

#serverbrowser-filters .serverbrowser-filter-game {
  width: 227px;
  height: 160px; }
#serverbrowser-filters .serverbrowser-filter-search {
  width: 227px;
  height: 100px; }
#serverbrowser-filters .filtergameexpansionvenice {
  float: left;
  width: 228px; }
#serverbrowser-filters .filtergameexpansion {
  float: left;
  margin-left: 16px;
  width: 184px; }
#serverbrowser-filters .serverbrowser-filter-gamemode {
  width: 403px;
  border-right: none;
  min-height: 0; }
#serverbrowser-filters .serverbrowser-filter-region {
  height: 136px;
  width: 227px; }
#serverbrowser-filters .serverbrowser-filter-slots {
  width: 139px;
  position: relative;
  height: 404px; }
#serverbrowser-filters .serverbrowser-filter-gametype {
  height: 49px; }
#serverbrowser-filters .serverbrowser-filter-extra {
  min-height: 404px;
  height: 100%; }
#serverbrowser-filters .serverbrowser-filter-map {
  border-right: 0;
  width: 403px;
  height: 267px;
  padding: 0; }
#serverbrowser-filters .serverbrowser-filter-mapmode-wrapper {
  border-right: 0;
  width: 403px;
  max-height: 428px;
  overflow-y: auto;
  min-height: 328px;
  /* height: 235px; */
  float: left;
  background: #ececec; }
#serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-name {
  width: 100%;
  height: 30px;
  float: left;
  position: relative;
  clear: both; }
  #serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-name h1 {
    font-weight: bold;
    text-shadow: none;
    float: left;
    font-size: 11px;
    margin-right: 0;
    margin-top: 12px;
    text-align: left;
    font-family: Tahoma, Arial, sans-serif;
    margin-left: 16px;
    clear: both;
    position: relative;
    text-transform: uppercase;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text; }
#serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-selectables {
  width: 100%;
  position: relative;
  padding-bottom: 3px;
  width: 100%;
  position: relative; }
#serverbrowser-filters .serverbrowser-filter.serverbrowser-filter-map .serverbrowser-filter-selectables {
  padding-bottom: 4px; }
  #serverbrowser-filters .serverbrowser-filter.serverbrowser-filter-map .serverbrowser-filter-selectables .serverbrowser-selectable {
    /*width: 187px;*/
    height: 21px;
    line-height: 21px;
    position: relative;
    margin-left: 16px;
    margin-top: 2px;
    width: 184px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    clear: none; }
    #serverbrowser-filters .serverbrowser-filter.serverbrowser-filter-map .serverbrowser-filter-selectables .serverbrowser-selectable.multicolumn {
      float: left;
      clear: none; }
      #serverbrowser-filters .serverbrowser-filter.serverbrowser-filter-map .serverbrowser-filter-selectables .serverbrowser-selectable.multicolumn.second {
        margin-left: 10px; }
#serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-label {
  font-size: 14px;
  font-weight: bold;
  text-shadow: #fff 0 1px 1px;
  float: left;
  margin-right: 8px;
  margin-top: 12px; }
#serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-selectable {
  width: 85%;
  line-height: 16px;
  text-align: left;
  float: left;
  cursor: pointer;
  position: relative;
  clear: both;
  margin: 0 0 2px 16px;
  display: block; }
  #serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-selectable.serverbrowser-selectable-small {
    width: 41px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin: 8px 34px 8px 0; }

/*#serverbrowser-filters .filtergameexpansionvenice .serverbrowser-filter.serverbrowser-filter-game {*/
/*min-height: 310px;*/
/*}*/
.serverbrowser-selectable {
  font-size: 13px;
  font-weight: normal;
  text-shadow: #fff 0 1px 1px;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  user-select: none; }

#serverbrowser-filters.serverbrowser-filter-map .serverbrowser-filter-selectables .serverbrowser-selectable span {
  top: 1px;
  display: block;
  width: 120px; }
#serverbrowser-filters .serverbrowser-filter-selectables .serverbrowser-selectable.serverbrowser-exclude:hover span {
  color: #353535;
  font-weight: bold; }
#serverbrowser-filters .serverbrowser-filter-selectables .serverbrowser-selectable.serverbrowser-disabled span {
  color: #c7c7c7; }
#serverbrowser-filters.serverbrowser-filter-map .serverbrowser-filter-selectables .serverbrowser-selectable.serverbrowser-disabled img {
  opacity: 0.3;
  filter: alpha(opacity=30); }
#serverbrowser-filters .serverbrowser-filter-selectables .serverbrowser-selectable.serverbrowser-selectable-small span {
  margin-left: 0; }
#serverbrowser-filters .serverbrowser-filter-game.serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-selectable {
  height: 51px; }
  #serverbrowser-filters .serverbrowser-filter-game.serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-selectable.serverbrowser-selectable-game-bfbc2 .ticbox {
    top: 10px; }
  #serverbrowser-filters .serverbrowser-filter-game.serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-selectable.serverbrowser-selectable-game-bfbc2nam .ticbox {
    top: 18px; }
#serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-selectable .serverbrowser-selectable-background-icon {
  position: relative;
  z-index: 0;
  width: 150px;
  left: 20px; }
#serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-selectable.serverbrowser-exclude .serverbrowser-selectable-background-icon {
  opacity: 0.7;
  filter: alpha(opacity=70); }
  #serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-selectable.serverbrowser-exclude .serverbrowser-selectable-background-icon:hover {
    opacity: 1;
    filter: alpha(opacity=100); }
#serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-selectable#serverbrowser-squaddeathmatch .serverbrowser-selectable-background-icon {
  top: 7px; }
#serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-selectable#serverbrowser-squadrush .serverbrowser-selectable-background-icon, #serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-selectable#serverbrowser-rush .serverbrowser-selectable-background-icon {
  top: 6px; }
#serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-selectable.serverbrowser-filter-gamemode-item {
  float: left;
  width: 184px;
  clear: none; }

.ticbox {
  width: 10px;
  height: 10px;
  background: url(../serverbrowserwarsaw/icon-checkbox-4.png) no-repeat;
  position: absolute;
  top: 6px;
  left: 0; }

.serverbrowser-exclude .ticbox {
  background-position: 0 -301px; }

.serverbrowser-exclude:hover .ticbox {
  background-position: 0 -400px; }

.serverbrowser-include .ticbox {
  background-position: 0 0; }

.serverbrowser-include:hover .ticbox {
  background-position: 0 -101px; }

.serverbrowser-noinclude .ticbox {
  background-position: 0 -800px; }

.serverbrowser-noinclude:hover .ticbox {
  background-position: 0 -800px; }

/*.serverbrowser-selectable-multi.serverbrowser-include:hover .ticbox {*/
/*background-position: -10px 0;*/
/*}*/
.serverbrowser-disabled .ticbox {
  opacity: 0.4;
  filter: alpha(opacity=40);
  background-position: 0 -40px; }
.serverbrowser-disabled:hover {
  background-position: 0 -40px;
  cursor: default !important; }

.serverbrowser-include.serverbrowser-selectable-small {
  width: 41px;
  height: 28px;
  background: url(../serverguide/bfbc2/selectable-small.png); }

.serverbrowser-exclude.serverbrowser-selectable-small {
  background: url(../serverguide/bfbc2/selectable-small.png) 0 56px; }

.serverbrowser-selectable-small:hover {
  background: url(../serverguide/bfbc2/selectable-small.png) 0 28px; }

.serverbrowser-ignore {
  border: 1px solid #666;
  background: #999; }

#serverbrowser-filters .serverbrowser-filter.serverbrowser-filter-map .serverbrowser-filter-selectables .serverbrowser-selectable img {
  float: left;
  width: 30px;
  height: 21px;
  margin: 2px 2px;
  margin-bottom: 0;
  margin-top: 0;
  margin-left: 18px;
  margin-right: -9px; }

#serverbrowser-apply-filters {
  text-align: right;
  margin-top: 16px; }

#serverbrowser-open-region-link, #serverbrowser-open-advanced-link {
  float: left;
  margin-left: 10px;
  font-weight: normal;
  top: 4px;
  position: relative; }

#serverbrowser-show-loading {
  display: none;
  width: 195px; }
  #serverbrowser-show-loading img {
    position: relative;
    left: 85px;
    top: 5px; }

#serverbrowser-noservers .box-content {
  text-align: center; }
  #serverbrowser-noservers .box-content p {
    background: transparent;
    font-size: 16px; }
  #serverbrowser-noservers .box-content h1 {
    font-weight: bold;
    font-size: 30px; }

.serverbrowser-list {
  width: 681px;
  margin-bottom: 16px;
  position: relative;
  float: left; }
  .serverbrowser-list .common-box-container {
    border-top: none; }

#serverbrowser-result {
  width: 679px;
  border-bottom-width: 0; }
  #serverbrowser-result #results-container {
    position: relative; }

#serverbrowser-apply-filters #serverbrowser-join-random span {
  margin-left: 10px; }

#serverbrowser-result p {
  background: #eeeeec;
  font-size: 14px;
  font-weight: normal;
  padding: 20px; }

#serverbrowser-no-result p {
  font-size: 14px;
  font-weight: normal;
  padding: 20px; }

.serverbrowser-join-ie7fix {
  margin-top: 0;
  padding-left: 5px; }

.serverbrowser-headercells {
  height: 28px;
  cursor: default;
  background: url(../common/box-title-gradient-with-lin.png) repeat-x 0 0;
  position: relative;
  top: 0;
  left: 0;
  width: 679px; }

.serverbrowser-bodycells {
  background: #fefefe;
  cursor: pointer;
  height: 40px;
  margin-top: 0;
  height: 47px;
  /*margin-top: -1px;*/
  line-height: 47px;
  position: relative;
  padding: 1px 0 0;
  border-top: 1px solid #ededed; }
  .serverbrowser-bodycells:hover {
    background-color: #f3f3f3; }
  .serverbrowser-bodycells .serverbrowser-cell-join input[type=submit] {
    visibility: hidden; }

.serverbrowser-server-friends-playing {
  background: #e7eef1;
  border-top-color: #dbe2e5; }

.serverbrowser-bodycells.active {
  /*background: url(../serverguide/row-active.png) no-repeat 100% 0;*/
  /*width: 691px;*/
  background: #353535;
  margin-top: 1px;
  z-index: 10;
  border-top: none; }
  .serverbrowser-bodycells.active:before {
    content: "";
    position: absolute;
    background: #353535;
    right: -1px;
    top: 2px;
    width: 1px;
    height: 44px;
    display: block; }
  .serverbrowser-bodycells.active:after {
    position: absolute;
    content: "";
    top: 0;
    left: 100%;
    border-left: 12px solid #353535;
    border-right: none;
    border-top: 26px solid transparent;
    border-bottom: 22px solid transparent; }

.serverbrowser-headercell {
  float: left;
  height: 30px;
  font-size: 11px;
  font-family: Arial, sans-serif;
  line-height: 30px;
  border: 0; }

.serverbrowser-bodycell {
  float: left;
  height: 30px;
  font-size: 11px;
  font-family: Arial, sans-serif;
  line-height: 30px;
  border: 0;
  float: left;
  height: 47px;
  font-size: 11px;
  font-family: Arial, sans-serif;
  overflow: hidden;
  border: 0;
  border-right: 1px solid #f2f2f2;
  padding-right: 1px; }

.serverbrowser-server-friends-playing .serverbrowser-bodycell {
  border-right-color: #e0e7e9; }

.serverbrowser-bodycells:hover .serverbrowser-bodycell {
  border-right-color: #e8e8e8; }
.serverbrowser-bodycells.active .serverbrowser-bodycell {
  border-right: 1px solid #2c2c2c;
  height: 47px; }

.serverbrowser-bodycell.serverbrowser-cell-noborder {
  padding-right: 0; }

.serverbrowser-bodycell .serverbrowser-bodycell-border {
  width: 1px;
  height: 38px;
  position: relative;
  float: right;
  background-color: #f2f2f2;
  margin-top: 1px; }

.serverbrowser-bodycells.active .serverbrowser-bodycell .serverbrowser-bodycell-border {
  background-color: #2c2c2c; }
.serverbrowser-bodycells.active .serverbrowser-bodycell a, .serverbrowser-bodycells.active .serverbrowser-bodycell .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .serverbrowser-bodycells.active .serverbrowser-bodycell a {
  font-weight: bold; }
.serverbrowser-bodycells .serverbrowser-bodycell.serverbrowser-cell-noborder {
  border: 0; }

.serverbrowser-headercell {
  font-weight: normal;
  text-shadow: none;
  position: relative;
  font-size: 11px; }

.serverbrowser-sort-down, .serverbrowser-sort-up {
  background: url(../common/box-title-gradient-active.png) repeat-x 0 0; }

.serverbrowser-headersep {
  float: left;
  width: 1px;
  margin-left: 0;
  height: 28px;
  background-color: #d7d7d7; }

.serverbrowser-bodycell {
  color: #8a8a8a;
  font-weight: normal;
  line-height: 47px;
  font-size: 11px;
  margin-top: 0; }

.serverbrowser-cell-expansion {
  width: 39px;
  position: relative; }
  .serverbrowser-cell-expansion > .premium {
    position: absolute;
    height: 43px;
    background-color: #FFC17F;
    width: 3px;
    left: 2px;
    top: 2px; }

.serverbrowser-bodycells.active .serverbrowser-cell-expansion > .premium {
  background-color: #CC700D; }

.serverbrowser-headercell.serverbrowser-cell-expansion {
  width: 40px; }

.serverbrowser-cell-official {
  width: 32px;
  display: none; }

.serverbrowser-cell-fav {
  width: 32px; }

.serverbrowser-cell-friendfavs, .serverbrowser-cell-friend {
  width: 32px;
  text-align: center;
  font-size: 12px;
  color: #353535;
  font-weight: bold; }

.serverbrowser-cell-name {
  width: 418px;
  line-height: normal; }

.special-column .serverbrowser-cell-name {
  width: 151px; }

.serverbrowser-cell-players {
  width: 65px;
  font-size: 11px; }

.serverbrowser-cell-free {
  width: 54px; }

.serverbrowser-cell-map {
  width: 136px;
  position: relative; }

.serverbrowser-cell-mode {
  width: 77px; }

.serverbrowser-cell-type-wrapper {
  width: 22px; }
  .serverbrowser-cell-type-wrapper .serverbrowser-cell-type {
    height: 26px;
    margin-top: 4px; }

.serverbrowser-cell-pb-wrapper {
  width: 23px;
  border-right: none; }
  .serverbrowser-cell-pb-wrapper .serverbrowser-cell-pb {
    height: 26px;
    margin-top: 4px; }

.serverbrowser-cell-lock {
  width: 34px; }

.serverbrowser-cell-ranked-wrapper {
  width: 23px;
  border-right: none; }
  .serverbrowser-cell-ranked-wrapper .serverbrowser-cell-ranked {
    height: 26px;
    margin-top: 4px; }

.serverbrowser-cell-ping {
  width: 62px; }

.serverbrowser-cell-join {
  width: 86px; }

.serverbrowser-cell-expand {
  width: 12px; }

.serverbrowser-cellend {
  clear: both; }

.serverbrowser-favorite-off, .serverbrowser-favorite-on, .serverbrowser-favorite-header, .serverbrowser-friends-off, .serverbrowser-friends-on, .serverbrowser-friends-header, .serverbrowser-friendfavs-header, .serverbrowser-password-off, .serverbrowser-password-on, .serverbrowser-password-header, .serverbrowser-punkbuster-on, .serverbrowser-punkbuster-off, .serverbrowser-ranked-on, .serverbrowser-ranked-off, .serverbrowser-expansion-header, .serverbrowser-official-on, .serverbrowser-official-off, .serverbrowser-official-header {
  background-repeat: no-repeat; }

.serverbrowser-friendfavs-header, .serverbrowser-friends-header {
  background-image: url(../serverguide/icons_server.png);
  background-position: 11px -44px;
  width: 33px; }

.serverbrowser-friendfavs-header {
  background-position: -99px -43px; }

.serverbrowser-sort-up.serverbrowser-friends-header, .serverbrowser-sort-down.serverbrowser-friends-header {
  background-position: 11px -5px; }

.serverbrowser-sort-up.serverbrowser-friendfavs-header, .serverbrowser-sort-down.serverbrowser-friendfavs-header {
  background-position: -79px -4px; }

.serverbrowser-sort-up.serverbrowser-ranked-header, .serverbrowser-sort-down.serverbrowser-ranked-header {
  background-position: -67px -3px; }

.serverbrowser-sort-up.serverbrowser-pb-header, .serverbrowser-sort-down.serverbrowser-pb-header {
  background-position: -138px -3px; }

.serverbrowser-sort-up.serverbrowser-type-header, .serverbrowser-sort-down.serverbrowser-type-header {
  background-position: -212px -4px; }

.serverbrowser-cell-type, .serverbrowser-ranked-on, .serverbrowser-punkbuster-on, .serverbrowser-ranked-off, .serverbrowser-punkbuster-off {
  background-image: url(../serverguide/icons_server.png); }

.serverbrowser-punkbuster-on {
  background-position: -138px 0; }

.serverbrowser-bodycells.active .serverbrowser-punkbuster-on {
  background-position: -137px -116px; }

.serverbrowser-punkbuster-off {
  background-position: -138px -78px; }

.serverbrowser-bodycells.active .serverbrowser-punkbuster-off {
  background-position: -137px -156px; }

.serverbrowser-ranked-on {
  background-position: -64px 0; }

.serverbrowser-bodycells.active .serverbrowser-ranked-on {
  background-position: -62px -116px; }

.serverbrowser-ranked-off {
  background-position: -62px -78px; }

.serverbrowser-bodycells.active .serverbrowser-ranked-off {
  background-position: -62px -156px; }

.serverbrowser-type-hardcore {
  background-position: -211px 0; }

.serverbrowser-bodycells.active .serverbrowser-type-hardcore {
  background-position: -211px -116px; }

.serverbrowser-type-normal, .serverbrowser-type-custom {
  background-position: -211px -78px; }

.serverbrowser-bodycells.active .serverbrowser-type-normal {
  background-position: -211px -156px; }
.serverbrowser-bodycells.active .serverbrowser-type-infantry {
  background-position: 0 -116px; }
.serverbrowser-bodycells.active .serverbrowser-type-custom {
  background-position: -211px -156px; }

.serverbrowser-cell-expansion-normal {
  display: block; }

.serverbrowser-cell-expansion-hover {
  display: none; }

.serverbrowser-bodycells:hover .serverbrowser-cell-expansion-normal {
  display: none; }
.serverbrowser-bodycells:hover .serverbrowser-cell-expansion-hover {
  display: block; }

.serverbrowser-cell-expansion-button-play {
  background: url(../comcenter/icons-interact.png) repeat scroll -23px 0 transparent;
  height: 24px;
  width: 23px;
  float: left;
  margin-top: 11px;
  margin-left: 7px;
  cursor: pointer;
  border: none; }
  .serverbrowser-cell-expansion-button-play:hover {
    background-position: -46px 0; }
  .serverbrowser-cell-expansion-button-play:active {
    background-position: -69px 0; }

.serverbrowser-bodycells.active .serverbrowser-cell-expansion-button-play {
  background-position: -161px 0; }
  .serverbrowser-bodycells.active .serverbrowser-cell-expansion-button-play:hover {
    background-position: -184px 0; }
  .serverbrowser-bodycells.active .serverbrowser-cell-expansion-button-play.active, .serverbrowser-bodycells.active .serverbrowser-cell-expansion-button-play:active {
    background-position: -207px 0; }

.serverbrowser-cell-expansion-button-play.base-button-general-dropdown:hover {
  background-position: -92px 0; }
.serverbrowser-cell-expansion-button-play.base-button-general-dropdown.active, .serverbrowser-cell-expansion-button-play.base-button-general-dropdown:active {
  background-position: -115px 0; }

.serverbrowser-bodycells.active .serverbrowser-cell-expansion-button-play.base-button-general-dropdown:hover {
  background-position: -230px 0; }
.serverbrowser-bodycells.active .serverbrowser-cell-expansion-button-play.base-button-general-dropdown.active, .serverbrowser-bodycells.active .serverbrowser-cell-expansion-button-play.base-button-general-dropdown:active {
  background-position: -253px 0; }
.serverbrowser-bodycells .serverbrowser-cell-expansion-hover .base-general-dropdown-area {
  width: 130px;
  top: 35px;
  left: 5px;
  border: 1px solid #A6A6A6; }
  .serverbrowser-bodycells .serverbrowser-cell-expansion-hover .base-general-dropdown-area a, .serverbrowser-bodycells .serverbrowser-cell-expansion-hover .base-general-dropdown-area .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .serverbrowser-bodycells .serverbrowser-cell-expansion-hover .base-general-dropdown-area a {
    color: #353535 !important; }
  .serverbrowser-bodycells .serverbrowser-cell-expansion-hover .base-general-dropdown-area li:hover a, .serverbrowser-bodycells .serverbrowser-cell-expansion-hover .base-general-dropdown-area li:hover .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .serverbrowser-bodycells .serverbrowser-cell-expansion-hover .base-general-dropdown-area li:hover a {
    color: #FFC500 !important; }
.serverbrowser-bodycells.active .serverbrowser-cell-expansion-hover .base-general-dropdown-area span {
  display: block; }

.serverbrowser-sort-arrow {
  position: relative;
  height: 4px;
  left: 0;
  width: 7px;
  top: 0;
  visibility: hidden;
  margin: 0 auto;
  z-index: 10; }

.serverbrowser-sort-down .serverbrowser-sort-arrow {
  visibility: visible;
  background: url(../serverguide/serverbrowser-sort.gif) no-repeat scroll center bottom;
  top: -6px; }

.serverbrowser-sort-up .serverbrowser-sort-arrow {
  visibility: visible;
  top: -28px;
  background: url(../serverguide/serverbrowser-sort.gif) no-repeat; }

.serverbrowser-cell-name span, .serverbrowser-cell-map span, .serverbrowser-cell-type span, .serverbrowser-cell-mode span {
  padding-left: 10px;
  padding-top: 8px;
  float: left; }

.serverbrowser-cell-name .serverbrowser-hasPassword {
  width: 8px;
  height: 12px;
  float: left;
  margin-left: 2px;
  margin-right: 1px;
  margin-top: 7px;
  background-image: url(../serverguide/icons_server.png);
  background-position: -288px -13px; }

.serverbrowser-bodycells.active .serverbrowser-cell-name .serverbrowser-hasPassword {
  margin-top: 8px;
  background-position: -288px -131px; }

.serverbrowser-cell-mode span {
  text-transform: capitalize; }

.serverbrowser-bodycells .serverbrowser-cell-map span {
  padding-left: 49px; }

.serverbrowser-cell-map img {
  position: absolute;
  top: 8px;
  left: 10px; }

.serverbrowser-cell-players, .serverbrowser-cell-free, .serverbrowser-cell-pb, .serverbrowser-cell-ranked, .serverbrowser-cell-ping {
  text-align: center; }

.serverbrowser-bodycell.serverbrowser-cell-players {
  font-size: 12px; }

.serverbrowser-cell-players, .serverbrowser-cell-ping {
  text-align: left;
  padding-left: 10px; }

.serverbrowser-headercell.serverbrowser-cell-players, .serverbrowser-headercell.serverbrowser-cell-ping {
  color: #2f8dbf; }

.serverbrowser-punkbuster, .serverbrowser-ranked, .serverbrowser-slots {
  margin-top: 6px;
  float: left;
  margin-right: 32px; }

.serverbrowser-cell-name-server-ping-lines-wrapper {
  width: 12px;
  height: 8px;
  float: left;
  margin: 20px 6px 0 0; }

.serverbrowser-cell-name-server-ping-line {
  width: 2px;
  float: left;
  margin-right: 1px;
  background-color: #ededed; }

.serverbrowser-bodycells:hover .serverbrowser-cell-name-server-ping-line {
  background-color: #e5e5e5; }
.serverbrowser-bodycells.active .serverbrowser-cell-name-server-ping-line {
  background-color: #606060; }

.serverbrowser-cell-name-server-ping-line.worst {
  height: 2px;
  margin-top: 6px; }
.serverbrowser-cell-name-server-ping-line.bad {
  height: 4px;
  margin-top: 4px; }
.serverbrowser-cell-name-server-ping-line.good {
  height: 6px;
  margin-top: 2px; }
.serverbrowser-cell-name-server-ping-line.best {
  height: 8px; }

.serverbrowser-cell-name-server-ping-lines-wrapper.ping-worst .serverbrowser-cell-name-server-ping-line.worst {
  background-color: #ff0000; }
.serverbrowser-cell-name-server-ping-lines-wrapper.ping-bad .serverbrowser-cell-name-server-ping-line.worst, .serverbrowser-cell-name-server-ping-lines-wrapper.ping-bad .serverbrowser-cell-name-server-ping-line.bad {
  background-color: #ffaa07; }
.serverbrowser-cell-name-server-ping-lines-wrapper.ping-good .serverbrowser-cell-name-server-ping-line.worst, .serverbrowser-cell-name-server-ping-lines-wrapper.ping-good .serverbrowser-cell-name-server-ping-line.bad, .serverbrowser-cell-name-server-ping-lines-wrapper.ping-good .serverbrowser-cell-name-server-ping-line.good {
  background-color: #99b839; }
.serverbrowser-cell-name-server-ping-lines-wrapper.ping-best .serverbrowser-cell-name-server-ping-line.worst, .serverbrowser-cell-name-server-ping-lines-wrapper.ping-best .serverbrowser-cell-name-server-ping-line.bad, .serverbrowser-cell-name-server-ping-lines-wrapper.ping-best .serverbrowser-cell-name-server-ping-line.good, .serverbrowser-cell-name-server-ping-lines-wrapper.ping-best .serverbrowser-cell-name-server-ping-line.best {
  background-color: #39b54a; }

.serverbrowser-cell-name-server-map-image {
  float: left;
  margin-top: 6px;
  margin-right: 8px; }

.serverbrowser-cell-name-server-wrapper {
  float: left;
  width: 358px;
  overflow: hidden;
  position: relative; }

.serverbrowser-cell-name-server-name {
  font-weight: bold;
  padding: 7px 0 3px 2px;
  display: block;
  overflow: hidden;
  height: 15px;
  max-width: 345px;
  white-space: nowrap;
  float: left;
  text-overflow: ellipsis;
  color: #353535; }

body .serverbrowser-cell-name-server-name:hover {
  text-decoration: none; }

.serverbrowser-cell-name-server-info {
  color: #c5c5c5;
  font-size: 11px;
  font-weight: normal;
  padding: 1px 0 0 2px; }
  .serverbrowser-cell-name-server-info span {
    color: #8a8a8a;
    padding: 0 2px;
    float: none;
    position: relative;
    top: -1px; }

.serverbrowser-bodycells.active .serverbrowser-cell-name-server-info {
  color: #8a8a8a; }
  .serverbrowser-bodycells.active .serverbrowser-cell-name-server-info span {
    color: #c5c5c5; }

.serverbrowser-name-header-sorting-extra {
  font-weight: normal;
  font-size: 11px;
  color: #8a8a8a;
  float: right;
  padding: 8px 10px 0 0; }
  .serverbrowser-name-header-sorting-extra a, .serverbrowser-name-header-sorting-extra .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .serverbrowser-name-header-sorting-extra a {
    font-weight: normal;
    font-size: 11px; }
    .serverbrowser-name-header-sorting-extra a.serverbrowser-sort-up, .serverbrowser-name-header-sorting-extra .devblog .devblog-post .battlelog-wordpress a.serverbrowser-sort-up, .devblog .devblog-post .battlelog-wordpress .serverbrowser-name-header-sorting-extra a.serverbrowser-sort-up, .serverbrowser-name-header-sorting-extra a.serverbrowser-sort-down, .serverbrowser-name-header-sorting-extra .devblog .devblog-post .battlelog-wordpress a.serverbrowser-sort-down, .devblog .devblog-post .battlelog-wordpress .serverbrowser-name-header-sorting-extra a.serverbrowser-sort-down {
      color: #000;
      background: none; }
    .serverbrowser-name-header-sorting-extra a.serverbrowser-sort-up:hover, .serverbrowser-name-header-sorting-extra .devblog .devblog-post .battlelog-wordpress a.serverbrowser-sort-up:hover, .devblog .devblog-post .battlelog-wordpress .serverbrowser-name-header-sorting-extra a.serverbrowser-sort-up:hover, .serverbrowser-name-header-sorting-extra a.serverbrowser-sort-down:hover, .serverbrowser-name-header-sorting-extra .devblog .devblog-post .battlelog-wordpress a.serverbrowser-sort-down:hover, .devblog .devblog-post .battlelog-wordpress .serverbrowser-name-header-sorting-extra a.serverbrowser-sort-down:hover {
      cursor: default;
      text-decoration: none; }

.serverbrowser-list[data-sorting=map] .serverbrowser-cell-name-server-info-map, .serverbrowser-list[data-sorting=friend] .serverbrowser-cell-name-server-info-friend, .serverbrowser-list[data-sorting=mode] .serverbrowser-cell-name-server-info-mode {
  font-weight: bold;
  colohideFooterr: #353535; }

#serverbrowser-show-column .serverbrowser-offline-info {
  min-height: 400px; }
#serverbrowser-show-column .common-secondary-column-line, #serverbrowser-show-column .common-secondary-simple-column-line {
  width: 295px;
  margin: 6px 0; }
#serverbrowser-show-column .common-gameicon {
  position: relative;
  float: left;
  top: 17px;
  margin-right: 5px; }
#serverbrowser-show-column h1 {
  padding-top: 16px;
  word-wrap: break-word;
  float: left;
  width: 264px; }
#serverbrowser-show-column hr {
  color: #dfdfdf;
  background-color: #dfdfdf;
  border-width: 0;
  float: left;
  height: 1px;
  width: 295px;
  margin: 10px 0; }

#serverbrowser-region-serverfilter-popup {
  float: left;
  width: 214px;
  margin-left: 16px; }

#serverbrowser-country-serverfilter-popup {
  float: left;
  width: 420px; }

#serverbrowser-region-serverfilter-popup h1, #serverbrowser-country-serverfilter-popup h1 {
  font-weight: bold;
  color: #8a8a8a;
  text-shadow: none;
  float: left;
  font-size: 11px;
  margin: 12px 0 0;
  text-align: left;
  font-family: Tahoma, Arial, sans-serif;
  width: 100%;
  clear: both;
  position: relative;
  text-transform: uppercase;
  line-height: 11px; }

.serverbrowser-region-countries {
  display: none; }

.serverbrowser-region-filter-show {
  position: relative;
  clear: both;
  width: 100%;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  line-height: 25px;
  cursor: pointer; }
  .serverbrowser-region-filter-show span.label:hover {
    text-decoration: underline; }
  .serverbrowser-region-filter-show.showing {
    font-weight: bold;
    cursor: default; }
    .serverbrowser-region-filter-show.showing:hover {
      text-decoration: none; }

.region-server-filter div h1 {
  padding-bottom: 16px; }

.serverbrowser-regionfilter-selectable {
  position: relative;
  clear: both;
  width: 100%;
  line-height: 1.7;
  height: 20px;
  font-size: 12px; }
  .serverbrowser-regionfilter-selectable:hover {
    font-weight: bold; }

.serverbrowser-regionfilter-selectable, #popup-serveradvancedfilter-settings-gamesettings .serverguide-advancedfilter-selectable {
  text-indent: 16px; }

.serverbrowser-regionfilter-selectable .ticbox:hover, .serverbrowser-regionfilter-selectable span:hover, #popup-serveradvancedfilter-settings-gamesettings .serverguide-advancedfilter-selectable .ticbox:hover, #popup-serveradvancedfilter-settings-gamesettings .serverguide-advancedfilter-selectable span:hover {
  cursor: pointer;
  font-weight: bold; }

.serverbrowser-regionfilter-selectable.even-column, .serverbrowser-regionfilter-selectable.odd-column {
  float: left;
  clear: none;
  width: 200px; }

.region-server-filter {
  width: 682px; }

.region-server-filter h1, .advanced-server-filter h1 {
  font-weight: bold;
  color: #8a8a8a;
  text-shadow: none;
  float: left;
  font-size: 11px;
  margin-right: 0;
  margin-top: 12px;
  text-align: left;
  font-family: Tahoma, Arial, sans-serif;
  width: 100%;
  clear: both;
  position: relative;
  text-transform: uppercase; }

#serverbrowser-filters .serverguide-filter #serverbrowser-region-settings-checkbox {
  width: auto;
  float: left; }

.serverbrowser-show-join-button-wrapper {
  position: absolute;
  top: 0;
  right: 0; }

.serverbrowser-regionfilter-selectable-selectall {
  position: relative;
  clear: both;
  width: 100%;
  line-height: 24px;
  padding-bottom: 6px;
  text-indent: 16px; }
  .serverbrowser-regionfilter-selectable-selectall:hover {
    font-weight: bold;
    cursor: pointer; }

.serverbrowser-regionfilter-selectable {
  position: relative;
  clear: both;
  width: 100%;
  line-height: 1.7;
  height: 20px;
  font-size: 12px; }

.serverbrowser-regionfilter-selectable:hover {
  font-weight: bold; }

.play-now-menu > ul {
  width: 100%;
  margin-top: 1px; }
  .play-now-menu > ul > li {
    width: 100%;
    padding: 0;
    margin-bottom: 1px;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative; }
    .play-now-menu > ul > li.active > a, .play-now-menu > ul > li.active > .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .play-now-menu > ul > li.active > a, .play-now-menu > ul > li.active > a:active, .play-now-menu > ul > li.active > .devblog .devblog-post .battlelog-wordpress a:active, .devblog .devblog-post .battlelog-wordpress .play-now-menu > ul > li.active > a:active {
      background-color: #fff;
      font-family: Purista, sans-serif;
      font-style: normal;
      font-weight: 600; }
    .play-now-menu > ul > li.premium {
      background: -webkit-radial-gradient(center,  ellipse cover, rgba(255, 239, 123, 0.45) 0%, rgba(255, 184, 0, 0.25) 10%, transparent 70%) center -24px no-repeat;
      background: radial-gradient( ellipse  at center, rgba(255, 239, 123, 0.45) 0%, rgba(255, 184, 0, 0.25) 10%, transparent 70%) center -24px no-repeat; }
    .play-now-menu > ul > li .icon-premium-p {
      position: absolute;
      right: 6px;
      bottom: 6px; }
    .play-now-menu > ul > li > div {
      position: absolute;
      left: 8px;
      top: 8px;
      width: 57px;
      height: 32px;
      background: #182937; }
    .play-now-menu > ul > li:not(.active) > a:hover, .play-now-menu > ul > li:not(.active) > .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress .play-now-menu > ul > li:not(.active) > a:hover {
      background-color: rgba(240, 240, 240, 0.65); }
    .play-now-menu > ul > li > a, .play-now-menu > ul > li > .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .play-now-menu > ul > li > a {
      display: block;
      padding: 8px 0px 8px 80px;
      line-height: 31px;
      font-size: 16px;
      text-transform: uppercase;
      text-decoration: none;
      cursor: pointer;
      font-family: Purista, sans-serif;
      font-style: normal;
      font-weight: 400;
      background-color: rgba(255, 255, 255, 0.65);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: auto; }

.playnow-tab-content {
  position: relative;
  min-height: 432px; }
  .playnow-tab-content .ranked-only {
    position: absolute;
    right: 16px;
    top: 62px;
    font-size: 14px; }
  .playnow-tab-content div.game-mode-image {
    margin: 0px -16px 0 -16px;
    overflow: hidden;
    position: relative;
    text-align: center;
    min-height: 164px; }
    .playnow-tab-content div.game-mode-image .image {
      width: 663px;
      height: 164px;
      opacity: 1;
      -webkit-filter: blur(0px);
      background-position: -329px center;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      .playnow-tab-content div.game-mode-image .image.show-on-load {
        -webkit-filter: blur(10px);
        opacity: 0; }
    .playnow-tab-content div.game-mode-image .play-button {
      width: 90px;
      height: 90px;
      position: absolute;
      left: 287px;
      z-index: 1;
      top: 37px;
      cursor: pointer;
      background-image: url(../serverbrowserwarsaw/playbutton-circle.png);
      opacity: 0.5;
      background-repeat: no-repeat; }
      .playnow-tab-content div.game-mode-image .play-button:hover {
        opacity: 0.75; }
  .playnow-tab-content p.objective-text {
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 400;
    padding-right: 200px;
    text-transform: uppercase;
    line-height: 22px;
    margin-bottom: 16px;
    height: 88px;
    overflow: hidden;
    text-overflow: ellipsis; }
  .playnow-tab-content .game-mode-objectives {
    float: left;
    width: 450px;
    margin-top: 16px; }
    .playnow-tab-content .game-mode-objectives p {
      color: #34454f;
      font-size: 12px;
      line-height: 22px; }
    .playnow-tab-content .game-mode-objectives ul.objectives {
      list-style-type: disc;
      list-style-position: inside;
      margin-bottom: 16px; }
      .playnow-tab-content .game-mode-objectives ul.objectives > li {
        color: #34454f;
        font-size: 14px;
        padding: 4px;
        margin-left: 16px;
        list-style-position: outside; }
    .playnow-tab-content .game-mode-objectives ul.maps > li {
      float: left;
      margin-right: 6px;
      width: 62px;
      height: 42px; }
    .playnow-tab-content .game-mode-objectives h5 {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: 0px; }
  .playnow-tab-content button {
    position: absolute;
    top: 16px;
    right: 16px; }
  .playnow-tab-content .game-mode-legends {
    float: right;
    width: 150px;
    margin-top: 16px; }
    .playnow-tab-content .game-mode-legends ul > li {
      color: #000;
      font-size: 12px;
      text-transform: uppercase;
      margin-bottom: 4px; }
      .playnow-tab-content .game-mode-legends ul > li#legend-squad {
        color: #9EC555; }
      .playnow-tab-content .game-mode-legends ul > li#legend-friendly, .playnow-tab-content .game-mode-legends ul > li#legend-friendly-base {
        color: #65BBEE; }
      .playnow-tab-content .game-mode-legends ul > li#legend-enemy, .playnow-tab-content .game-mode-legends ul > li#legend-enemy-base {
        color: #D6757D; }
      .playnow-tab-content .game-mode-legends ul > li span {
        padding-left: 6px; }

.legend-icon {
  background: url(../serverbrowserwarsaw/icons-gameexplain.png) no-repeat;
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle; }
  .legend-icon.neutral {
    background-position: 0 0px;
    opacity: 1; }
  .legend-icon.friendly-base {
    background-position: 0 -25px;
    opacity: 1; }
  .legend-icon.enemy-base {
    background-position: 0 -50px;
    opacity: 1; }
  .legend-icon.squad {
    background-position: 0 -75px;
    opacity: 1; }
  .legend-icon.friendly {
    background-position: 0 -100px;
    opacity: 1; }
  .legend-icon.enemy {
    background-position: 0 -125px;
    opacity: 1; }

#server-page header .server-buttons + .server-title {
  width: 850px; }
#server-page header .server-buttons.can-favorite + .server-title {
  width: 760px; }
#server-page header .server-buttons {
  padding-top: 6px; }
  #server-page header .server-buttons .btn {
    padding-left: 8px;
    padding-right: 10px; }
    #server-page header .server-buttons .btn.refresh {
      padding-left: 8px;
      padding-right: 8px;
      line-height: 32px; }
    #server-page header .server-buttons .btn .star {
      display: inline-block;
      vertical-align: top;
      padding-right: 5px; }
      #server-page header .server-buttons .btn .star:after {
        position: relative;
        z-index: 1;
        content: "★";
        font-size: 22px;
        color: rgba(255, 255, 255, 0.3); }
    #server-page header .server-buttons .btn.starred .star:after {
      color: #FFF; }

#live-header {
  margin-bottom: 4px; }
  #live-header header {
    padding: 0 5px 0 8px; }
    #live-header header .switch-container {
      margin-top: 5px; }
    #live-header header p {
      margin: -2px 8px 0 0;
      line-height: 17px;
      font-size: 13px; }
  #live-header .box-content {
    padding: 8px 16px;
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 400; }

#selected-server-scoreboard .box {
  position: relative; }
#selected-server-scoreboard .box-content {
  min-height: 32px; }
#selected-server-scoreboard .error {
  font-size: 12px;
  line-height: 14px;
  color: #34454f; }
#selected-server-scoreboard .team {
  font-family: Purista, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #f06831; }
  #selected-server-scoreboard .team:first-child {
    color: #00c7ff; }
  #selected-server-scoreboard .team.pull-right {
    text-align: right; }
  #selected-server-scoreboard .team .team-score {
    margin-top: 4px;
    font-size: 20px;
    line-height: 24px;
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 600; }
#selected-server-scoreboard .progress-bar {
  width: 60px;
  margin: 1px 8px; }
  #selected-server-scoreboard .progress-bar.home {
    background-color: rgba(151, 215, 246, 0.4); }
  #selected-server-scoreboard .progress-bar.away {
    background-color: rgba(233, 167, 137, 0.4); }
#selected-server-scoreboard .round-time {
  position: absolute;
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  color: #34454f;
  bottom: 16px;
  left: 0;
  width: 100%; }
#selected-server-scoreboard .targets {
  font-size: 12px;
  line-height: 12px;
  margin-bottom: 4px; }
  #selected-server-scoreboard .targets .target {
    display: inline-block;
    border: 1px solid;
    text-align: center;
    padding: 1px;
    width: 12px;
    height: 12px; }
    #selected-server-scoreboard .targets .target.destroyed {
      opacity: 0.3; }
#selected-server-scoreboard .lspace {
  letter-spacing: 0.13em;
  margin-right: -0.13em; }
#selected-server-scoreboard .gamemode-8 .team {
  margin-bottom: 2px; }
#selected-server-scoreboard .gamemode-8 .team-name {
  width: 56px;
  padding-right: 8px;
  text-align: right; }
#selected-server-scoreboard .gamemode-8 .team-score {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  width: 36px; }
#selected-server-scoreboard .gamemode-8 .progress-bar {
  width: 96px;
  margin-right: 0; }
#selected-server-scoreboard .gamemode-8 .round-time {
  position: inherit;
  line-height: 12px;
  margin-top: 8px; }
#selected-server-scoreboard .gamemode-32 .round-time {
  bottom: 34px; }
#selected-server-scoreboard .gamemode-268435456 .round-time {
  bottom: 34px; }
#selected-server-scoreboard .gamemode-8589934592 .round-time {
  bottom: 34px; }
#selected-server-scoreboard .gamemode-33554432 .round-time {
  top: 19px;
  bottom: auto; }
#selected-server-scoreboard .gamemode-33554432 .team-score {
  margin-top: 0;
  margin-bottom: 8px;
  line-height: 20px; }
#selected-server-scoreboard .gamemode-33554432 .objectives {
  margin-top: 8px;
  color: #fff;
  font-size: 18px;
  font-weight: 600; }
#selected-server-scoreboard .gamemode-2 .team-score {
  color: #00c7ff; }
  #selected-server-scoreboard .gamemode-2 .team-score:first-child {
    margin-right: 16px; }
  #selected-server-scoreboard .gamemode-2 .team-score:last-child {
    color: #f06831; }
#selected-server-scoreboard .gamemode-2 .progress-bar {
  width: 112px; }
#selected-server-scoreboard .gamemode-2 .team-name {
  margin-top: 8px;
  color: #00c7ff;
  text-transform: uppercase; }
#selected-server-scoreboard .gamemode-2 .round-time {
  text-align: right;
  right: 16px;
  bottom: 12px;
  width: auto; }
#selected-server-scoreboard .gamemode-2147483648 .team-score {
  color: #00c7ff; }
  #selected-server-scoreboard .gamemode-2147483648 .team-score:first-child {
    margin-right: 16px; }
  #selected-server-scoreboard .gamemode-2147483648 .team-score:last-child {
    color: #f06831; }
#selected-server-scoreboard .gamemode-2147483648 .progress-bar {
  width: 112px; }
#selected-server-scoreboard .gamemode-2147483648 .team-name {
  margin-top: 8px;
  color: #00c7ff;
  text-transform: uppercase; }
#selected-server-scoreboard .gamemode-2147483648 .round-time {
  text-align: right;
  right: 16px;
  bottom: 12px;
  width: auto; }
#selected-server-scoreboard .gamemode-17179869184 .team-score {
  color: #00c7ff; }
  #selected-server-scoreboard .gamemode-17179869184 .team-score:first-child {
    margin-right: 16px; }
  #selected-server-scoreboard .gamemode-17179869184 .team-score:last-child {
    color: #f06831; }
#selected-server-scoreboard .gamemode-17179869184 .progress-bar {
  width: 112px; }
#selected-server-scoreboard .gamemode-17179869184 .team-name {
  margin-top: 8px;
  color: #00c7ff;
  text-transform: uppercase; }
#selected-server-scoreboard .gamemode-17179869184 .round-time {
  text-align: right;
  right: 16px;
  bottom: 12px;
  width: auto; }
#selected-server-scoreboard .gamemode-34359738368 .pull-left {
  text-align: left; }
  #selected-server-scoreboard .gamemode-34359738368 .pull-left .link-icon {
    background: url(../serverguide/chainlink-blue.png) top left no-repeat; }
#selected-server-scoreboard .gamemode-34359738368 .pull-right {
  text-align: right; }
  #selected-server-scoreboard .gamemode-34359738368 .pull-right .link-icon {
    background: url(../serverguide/chainlink-orange.png) top left no-repeat; }
#selected-server-scoreboard .gamemode-34359738368 .round-time {
  line-height: 70px;
  font-weight: bold;
  font-size: 14px; }
#selected-server-scoreboard .gamemode-512 {
  text-align: center; }
  #selected-server-scoreboard .gamemode-512 h2 {
    font-size: 18px;
    line-height: 18px;
    margin: 0; }
  #selected-server-scoreboard .gamemode-512 h1 {
    font-size: 30px;
    margin-bottom: 18px; }
  #selected-server-scoreboard .gamemode-512 h1, #selected-server-scoreboard .gamemode-512 h2 {
    font-weight: 400; }

#server-page-map-rotation .round-status {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 12px;
  color: #FFF; }

section.filter h3 {
  color: #2a3b44; }
section.filter ul li {
  background-image: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/serverbrowser/bfh-icon-checkbox-4-8a6d1f31.png);
  /* -1 */
  background-position: 0 -396px; }
  section.filter ul li:hover {
    background-position: 0 -297px; }
    section.filter ul li:hover.on {
      background-position: 0 4px; }
    section.filter ul li:hover.off {
      background-position: 0 -695px; }
  section.filter ul li.on {
    /* 1 */
    background-position: 0 -97px;
    color: #d1ffbe; }
  section.filter ul li.off {
    background-position: 0 -796px;
    color: #ffcacf; }

section.filter label {
  font-family: Arial, sans-serif;
  font-size: 12px; }

section.filter ul li[data-toggle="section"] {
  font-family: Arial, sans-serif; }

section.filter ul li.on {
  color: #d66e29; }
section.filter ul li.off {
  color: #000; }
  section.filter ul li.off label {
    opacity: 0.35; }

#server-page-info .icon-servertype-large-1 {
  background: url(../serverguide/icon-rank-official-dark-l.png) top left no-repeat; }
#server-page-info .icon-servertype-large-2 {
  background: url(../serverguide/icon-rank-ranked-dark-l.png) top left no-repeat; }
#server-page-info .icon-servertype-large-4 {
  background: url(../serverguide/icon-rank-unranked-dark-l.png) top left no-repeat; }
#server-page-info .icon-servertype-large-8 {
  background: url(../serverguide/icon-rank-private-dark-l.png) top left no-repeat; }
#server-page-info .box section h5 {
  padding-top: 16px; }

#serverbrowser section.filter ul li[data-toggle="section"] label {
  color: #2a3b44; }
#serverbrowser .toggle-advanced.arrow-container .arrow {
  border-top-color: #000; }
#serverbrowser .servers-list > thead th {
  color: #bbb; }
  #serverbrowser .servers-list > thead th a, #serverbrowser .servers-list > thead th .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #serverbrowser .servers-list > thead th a {
    color: #d5dde5; }
#serverbrowser .servers-list tbody .server-row .star:after {
  color: rgba(0, 0, 0, 0.3); }
#serverbrowser .servers-list tbody .server-row:hover .star:after, #serverbrowser .servers-list tbody .server-row .star.starred:after {
  color: rgba(0, 0, 0, 0.3); }
#serverbrowser .servers-list tbody .server-row .star.starred:after, #serverbrowser .servers-list tbody .server-row .star:hover:after {
  color: black; }
#serverbrowser .servers-list tbody .server-row td.server .server-name {
  color: #2a3b44; }
#serverbrowser .servers-list tbody .server-row td.server .server-details {
  color: #34454f; }
#serverbrowser .servers-list tbody .server-row td.ping {
  color: #34454f; }

html:not(.is-touch) #serverbrowser .servers-list tbody .server-row.active {
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none; }

#server-page-settings {
  margin-bottom: 0; }

#server-page > header {
  margin-bottom: 0px; }

#server-page-map-rotation td {
  width: 146px; }
#server-page-map-rotation .jspContainer {
  padding-bottom: 8px; }

#serverbrowser-show .server-info {
  display: none; }
#serverbrowser-show footer:hover {
  background: none; }
#serverbrowser-show footer a, #serverbrowser-show footer .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #serverbrowser-show footer a {
  padding: 0; }
#serverbrowser-show .settings li b {
  color: #2a3b44; }
#serverbrowser-show .quick-info {
  color: #fff; }
#serverbrowser-show .quick-info .holder ul.friends {
  float: none;
  height: 26px;
  margin-bottom: 6px; }
  #serverbrowser-show .quick-info .holder ul.friends li {
    padding: 0 4px; }
    #serverbrowser-show .quick-info .holder ul.friends li.more {
      width: 26px;
      height: 26px;
      color: #fff;
      background-color: rgba(0, 0, 0, 0.8);
      padding: 0;
      text-align: center;
      line-height: 26px;
      font-size: 12px; }

.players-unavailable {
  margin-top: 1px; }

#quickmatch {
  position: relative;
  margin-top: 16px; }
  #quickmatch .box-content {
    position: relative;
    min-height: 250px; }
    #quickmatch .box-content h5 {
      font-family: "Frutiger", sans-serif;
      font-weight: bold; }
  #quickmatch .btn {
    position: absolute;
    left: 16px;
    bottom: 16px;
    right: 16px; }
  #quickmatch p {
    line-height: 18px;
    font-size: 12px; }
  #quickmatch p + p {
    margin-top: 0.5em; }
  #quickmatch img.game-mode {
    display: block; }

#serverbrowser-filters .toggle {
  line-height: 40px;
  font-size: 14px; }
  #serverbrowser-filters .toggle .outerarrow {
    top: 5px; }
#serverbrowser-filters .serverbrowser-refresh {
  height: 40px;
  line-height: 40px; }
#serverbrowser-filters.expanded.advanced-expanded .button-row .toggle-advanced.arrow-container .arrow {
  border-bottom-color: #000; }

#selected-server-scoreboard .team {
  font-family: "Frutiger", sans-serif;
  font-weight: normal; }
  #selected-server-scoreboard .team .team-score {
    font-family: "Frutiger", sans-serif;
    font-weight: normal; }

#serverbrowser-page #live-header .box-content {
  font-family: "Frutiger", sans-serif;
  font-weight: normal; }

.icon-servertype-1 {
  background: url(../serverguide/icon-rank-official-dark.png) top left no-repeat; }

.icon-servertype-2 {
  background: url(../serverguide/icon-rank-ranked-dark.png) top left no-repeat; }

.icon-servertype-4 {
  background: url(../serverguide/icon-rank-unranked-dark.png) top left no-repeat; }

.icon-servertype-8 {
  background: url(../serverguide/icon-rank-private-dark.png) top left no-repeat; }

.serverbrowser-region-filter-show {
  color: #2a3b44; }

.ticbox {
  background-image: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/serverbrowser/bfh-icon-checkbox-4-723aa0ae.png); }

#serverbrowser-search-input {
  background-image: url(../base/shared/search-icon.png); }

@-webkit-keyframes text-motion-blur {
  0%, 100% {
    text-shadow: 0em 0 0px rgba(255, 255, 255, 0), 0em 0 0px rgba(255, 255, 255, 0), 0em 0 0px rgba(255, 255, 255, 0), 0em 0 0px rgba(255, 255, 255, 0), 0em 0 0px rgba(255, 255, 255, 0); }

  50% {
    text-shadow: -0.3em 0 2px rgba(255, 255, 255, 0.12), -0.25em 0 2px rgba(255, 255, 255, 0.12), -0.2em 0 1px rgba(255, 255, 255, 0.12), -0.15em 0 0px rgba(255, 255, 255, 0.12), -0.1em 0px rgba(255, 255, 255, 0.12); } }

@-moz-keyframes text-motion-blur {
  0%, 100% {
    text-shadow: 0em 0 0px rgba(255, 255, 255, 0), 0em 0 0px rgba(255, 255, 255, 0), 0em 0 0px rgba(255, 255, 255, 0), 0em 0 0px rgba(255, 255, 255, 0), 0em 0 0px rgba(255, 255, 255, 0); }

  50% {
    text-shadow: -0.3em 0 2px rgba(255, 255, 255, 0.12), -0.25em 0 2px rgba(255, 255, 255, 0.12), -0.2em 0 1px rgba(255, 255, 255, 0.12), -0.15em 0 0px rgba(255, 255, 255, 0.12), -0.1em 0px rgba(255, 255, 255, 0.12); } }

-o-keyframes text-motion-blur 0%, -o-keyframes text-motion-blur 100% {
  text-shadow: 0em 0 0px rgba(255, 255, 255, 0), 0em 0 0px rgba(255, 255, 255, 0), 0em 0 0px rgba(255, 255, 255, 0), 0em 0 0px rgba(255, 255, 255, 0), 0em 0 0px rgba(255, 255, 255, 0); }
-o-keyframes text-motion-blur 50% {
  text-shadow: -0.3em 0 2px rgba(255, 255, 255, 0.12), -0.25em 0 2px rgba(255, 255, 255, 0.12), -0.2em 0 1px rgba(255, 255, 255, 0.12), -0.15em 0 0px rgba(255, 255, 255, 0.12), -0.1em 0px rgba(255, 255, 255, 0.12); }

@-ms-keyframes text-motion-blur {
  0%, 100% {
    text-shadow: 0em 0 0px rgba(255, 255, 255, 0), 0em 0 0px rgba(255, 255, 255, 0), 0em 0 0px rgba(255, 255, 255, 0), 0em 0 0px rgba(255, 255, 255, 0), 0em 0 0px rgba(255, 255, 255, 0); }

  50% {
    text-shadow: -0.3em 0 2px rgba(255, 255, 255, 0.12), -0.25em 0 2px rgba(255, 255, 255, 0.12), -0.2em 0 1px rgba(255, 255, 255, 0.12), -0.15em 0 0px rgba(255, 255, 255, 0.12), -0.1em 0px rgba(255, 255, 255, 0.12); } }

@keyframes text-motion-blur {
  0%, 100% {
    text-shadow: 0em 0 0px rgba(255, 255, 255, 0), 0em 0 0px rgba(255, 255, 255, 0), 0em 0 0px rgba(255, 255, 255, 0), 0em 0 0px rgba(255, 255, 255, 0), 0em 0 0px rgba(255, 255, 255, 0); }

  50% {
    text-shadow: -0.3em 0 2px rgba(255, 255, 255, 0.12), -0.25em 0 2px rgba(255, 255, 255, 0.12), -0.2em 0 1px rgba(255, 255, 255, 0.12), -0.15em 0 0px rgba(255, 255, 255, 0.12), -0.1em 0px rgba(255, 255, 255, 0.12); } }

/* Overview */
#overview-info {
  margin-bottom: 16px;
  /* Temp fix for the none working no-padding class.. */ }
  #overview-info .bfh-overview-top-box {
    margin-top: 1px;
    position: relative; }
  #overview-info .overview-box {
    position: relative;
    margin-top: 1px;
    background: rgba(255, 255, 255, 0.65); }
    #overview-info .overview-box:before, #overview-info .overview-box:after {
      display: table;
      content: "";
      line-height: 0; }
    #overview-info .overview-box:after {
      clear: both; }
    #overview-info .overview-box:first-child {
      margin-top: 0; }
    #overview-info .overview-box .box-split-2 {
      float: left;
      width: 50%; }
    #overview-info .overview-box .box-header {
      text-align: center;
      color: #2a3b44;
      font-size: 16px;
      text-transform: uppercase;
      margin: 24px 0 10px;
      font-family: "Frutiger", sans-serif;
      font-weight: bold; }
    #overview-info .overview-box .box-stats-header {
      color: #2a3b44;
      font-size: 12px;
      line-height: 16px;
      text-transform: uppercase;
      margin: -2px 0 3px;
      white-space: nowrap;
      max-width: 130px;
      text-overflow: ellipsis;
      overflow: hidden;
      font-family: "Frutiger", sans-serif;
      font-weight: normal; }
    #overview-info .overview-box .box-stats-value {
      color: #2a3b44;
      font-size: 18px;
      font-family: "Frutiger", sans-serif;
      font-weight: bold; }
    #overview-info .overview-box .box-body {
      height: 140px;
      text-align: center; }
      #overview-info .overview-box .box-body.small {
        height: 80px; }
      #overview-info .overview-box .box-body .box-stats-value {
        font-size: 48px; }
    #overview-info .overview-box .box-footer {
      height: 60px;
      width: 100%;
      display: table;
      padding: 0 34px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      white-space: nowrap; }
      #overview-info .overview-box .box-footer .footer-cell {
        display: inline-block;
        width: 33%; }
    #overview-info .overview-box .cash .footer-cell {
      width: 50%; }
  #overview-info .overview-soldier {
    position: relative;
    margin-bottom: 1px;
    background-color: rgba(255, 255, 255, 0.65); }
    #overview-info .overview-soldier .soldierbox-reportbutton {
      position: absolute;
      top: 5px;
      right: 5px; }
    #overview-info .overview-soldier .span2 {
      position: relative; }
    #overview-info .overview-soldier .soldier-emblem {
      height: 256px;
      z-index: 0;
      text-align: center; }
      #overview-info .overview-soldier .soldier-emblem .agent-no-emblem {
        line-height: 222px;
        background-image: url(../platoon/default-emblem-320.png);
        background-repeat: no-repeat;
        background-size: 67%;
        background-position: center center;
        position: relative;
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.05s ease-in-out;
        transition: all 0.05s ease-in-out; }
        #overview-info .overview-soldier .soldier-emblem .agent-no-emblem:hover {
          opacity: 0.5; }
      #overview-info .overview-soldier .soldier-emblem img {
        margin-top: 16px; }
      #overview-info .overview-soldier .soldier-emblem .emblem-preview-link {
        display: block;
        height: 100%; }
      #overview-info .overview-soldier .soldier-emblem.click-area {
        z-index: 2;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }
        #overview-info .overview-soldier .soldier-emblem.click-area .edit-link {
          bottom: 0px;
          right: 0px; }
        #overview-info .overview-soldier .soldier-emblem.click-area:hover .edit-link {
          opacity: 1; }
    #overview-info .overview-soldier .soldier-portrait {
      height: 256px;
      overflow: hidden; }
      #overview-info .overview-soldier .soldier-portrait .click-area {
        z-index: 2;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }
        #overview-info .overview-soldier .soldier-portrait .click-area .edit-link {
          position: absolute;
          left: 0;
          bottom: 0; }
      #overview-info .overview-soldier .soldier-portrait:hover .edit-link {
        opacity: 1; }
      #overview-info .overview-soldier .soldier-portrait .agent-info-on-portrait {
        position: absolute;
        z-index: 2;
        bottom: 0;
        left: 0;
        right: 0;
        height: auto;
        color: #fff;
        overflow: hidden;
        font-size: 16px;
        font-style: italic;
        line-height: 22px;
        padding: 22px; }
        #overview-info .overview-soldier .soldier-portrait .agent-info-on-portrait .name, #overview-info .overview-soldier .soldier-portrait .agent-info-on-portrait .boardname, #overview-info .overview-soldier .soldier-portrait .agent-info-on-portrait .division {
          -webkit-transform: translate3d(-100%, 0, 0) skewX(-10deg);
          transform: translate3d(-100%, 0, 0) skewX(-10deg);
          -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
          transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
          -webkit-animation: text-motion-blur-off 1s 1s 0 normal forwards ease;
          -moz-animation: text-motion-blur-off 1s 1s 0 normal forwards ease;
          -ms-animation: text-motion-blur-off 1s 1s 0 normal forwards ease;
          -o-animation: text-motion-blur-off 1s 1s 0 normal forwards ease;
          animation: text-motion-blur-off 1s 1s 0 normal forwards ease; }
          #overview-info .overview-soldier .soldier-portrait .agent-info-on-portrait .name.show, #overview-info .overview-soldier .soldier-portrait .agent-info-on-portrait .boardname.show, #overview-info .overview-soldier .soldier-portrait .agent-info-on-portrait .division.show {
            -webkit-transform: translate3d(0, 0, 0) skewX(0deg);
            transform: translate3d(0, 0, 0) skewX(0deg);
            -webkit-animation-name: text-motion-blur;
            -moz-animation-name: text-motion-blur;
            -ms-animation-name: text-motion-blur;
            -o-animation-name: text-motion-blur;
            animation-name: text-motion-blur;
            -webkit-animation-iteration-count: 1;
            -moz-animation-iteration-count: 1;
            -ms-animation-iteration-count: 1;
            -o-animation-iteration-count: 1;
            animation-iteration-count: 1; }
        #overview-info .overview-soldier .soldier-portrait .agent-info-on-portrait .name {
          font-size: 22px;
          font-weight: bold;
          -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
          -webkit-animation-delay: 500ms;
          -moz-animation-delay: 500ms;
          -ms-animation-delay: 500ms;
          -o-animation-delay: 500ms;
          animation-delay: 500ms; }
        #overview-info .overview-soldier .soldier-portrait .agent-info-on-portrait .boardname {
          -webkit-transition-delay: 550ms;
          transition-delay: 550ms;
          -webkit-animation-delay: 550ms;
          -moz-animation-delay: 550ms;
          -ms-animation-delay: 550ms;
          -o-animation-delay: 550ms;
          animation-delay: 550ms; }
        #overview-info .overview-soldier .soldier-portrait .agent-info-on-portrait .division {
          -webkit-transition-delay: 600ms;
          transition-delay: 600ms;
          -webkit-animation-delay: 600ms;
          -moz-animation-delay: 600ms;
          -ms-animation-delay: 600ms;
          -o-animation-delay: 600ms;
          animation-delay: 600ms; }
      #overview-info .overview-soldier .soldier-portrait:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 1; }
      #overview-info .overview-soldier .soldier-portrait.gradient-cr:after {
        background: -webkit-linear-gradient(-313deg, #993a1e 0%, rgba(153, 58, 30, 0) 50%);
        background: linear-gradient(43deg, #993a1e 0%, rgba(153, 58, 30, 0) 50%); }
      #overview-info .overview-soldier .soldier-portrait.gradient-le:after {
        background: -webkit-linear-gradient(-313deg, #1e5799 0%, rgba(30, 87, 153, 0) 50%);
        background: linear-gradient(43deg, #1e5799 0%, rgba(30, 87, 153, 0) 50%); }
  #overview-info .overview-top-box .item-highlighted {
    right: 0;
    width: 100%; }
  #overview-info .overview-top-box .top-item {
    background: rgba(255, 255, 255, 0.65); }
    #overview-info .overview-top-box .top-item.is-linked {
      background: transparent; }
      #overview-info .overview-top-box .top-item.is-linked > a, #overview-info .overview-top-box .top-item.is-linked > .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #overview-info .overview-top-box .top-item.is-linked > a {
        background: rgba(255, 255, 255, 0.65); }
        #overview-info .overview-top-box .top-item.is-linked > a:hover, #overview-info .overview-top-box .top-item.is-linked > .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress #overview-info .overview-top-box .top-item.is-linked > a:hover {
          background: rgba(255, 255, 255, 0.55); }
    #overview-info .overview-top-box .top-item .vehicle_unlock {
      margin-top: 28px; }
      #overview-info .overview-top-box .top-item .vehicle_unlock .title {
        width: 100%;
        text-align: center; }
      #overview-info .overview-top-box .top-item .vehicle_unlock .score {
        width: 100%;
        text-align: center; }
    #overview-info .overview-top-box .top-item .weapon_unlock {
      margin-top: 28px; }
      #overview-info .overview-top-box .top-item .weapon_unlock .title {
        width: 100%;
        text-align: center; }
      #overview-info .overview-top-box .top-item .weapon_unlock .score {
        width: 100%;
        text-align: center; }
  #overview-info .overview-top-box.bfh-overview-top-box .box-content {
    height: 160px; }
  #overview-info .overview-info-box.small .box-content.servicestarkits {
    height: 161px; }
    #overview-info .overview-info-box.small .box-content.servicestarkits a, #overview-info .overview-info-box.small .box-content.servicestarkits .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #overview-info .overview-info-box.small .box-content.servicestarkits a {
      position: absolute;
      width: 100%;
      height: 100%; }
  #overview-info .servicestarsheader.item-top-header {
    position: absolute;
    top: 28px;
    width: 100%;
    text-align: center;
    z-index: 10;
    color: #34454f;
    text-transform: uppercase;
    font-size: 12px; }
  #overview-info .overview-info-box .top-leaderboards {
    width: 100%; }
  #overview-info .overview-top-box.overview-info-box .item-highlighted {
    right: 0; }
  #overview-info .edit-link {
    opacity: 0;
    display: inline-block;
    padding: 0 16px;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    line-height: 30px;
    position: absolute;
    text-transform: uppercase;
    font-size: 12px;
    font-family: "Frutiger", sans-serif;
    font-weight: bold;
    -webkit-transition: opacity 0.1s ease-out;
    transition: opacity 0.1s ease-out; }
  #overview-info .leaderboard-highlight {
    height: 55px;
    margin-bottom: 1px;
    overflow: hidden;
    text-transform: uppercase;
    font-family: "Frutiger", sans-serif;
    font-weight: bold; }
    #overview-info .leaderboard-highlight .position, #overview-info .leaderboard-highlight .icon, #overview-info .leaderboard-highlight .description {
      float: left;
      margin-top: 8px;
      margin-left: 8px;
      line-height: 40px;
      color: #000; }
    #overview-info .leaderboard-highlight img {
      height: 40px; }
    #overview-info .leaderboard-highlight .position {
      font-size: 23px; }
    #overview-info .leaderboard-highlight .description {
      font-size: 19px; }
  #overview-info #replay-nodes-container, #overview-info .progress-bar-inner {
    -webkit-transform: translate3d(0, 0, 0); }
  #overview-info a:not(.edit-link):hover, #overview-info .devblog .devblog-post .battlelog-wordpress a:not(.edit-link):hover, .devblog .devblog-post .battlelog-wordpress #overview-info a:not(.edit-link):hover {
    text-decoration: none; }
  #overview-info .overview-info-box.small {
    margin-top: 1px; }
    #overview-info .overview-info-box.small .box-content {
      height: 160px; }
  #overview-info .progress-bar {
    height: 10px;
    overflow: hidden;
    padding-right: 1px; }
    #overview-info .progress-bar .progress-bar-inner {
      position: absolute; }
      #overview-info .progress-bar .progress-bar-inner.warning {
        z-index: 100; }
      #overview-info .progress-bar .progress-bar-inner.success {
        z-index: 50; }
    #overview-info .progress-bar .progress-bar-inner + .progress-bar-inner {
      margin-left: 0; }
  #overview-info .go-legendary {
    z-index: 1;
    position: absolute;
    bottom: 65px;
    left: 16px;
    right: 16px;
    text-align: center;
    font-size: 14px; }
    #overview-info .go-legendary a, #overview-info .go-legendary .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #overview-info .go-legendary a {
      font-weight: bold;
      cursor: pointer; }
  #overview-info #overview-rank {
    position: relative;
    height: 256px; }
    #overview-info #overview-rank .legendary-level-container {
      padding-top: 20px;
      position: relative;
      width: 128px;
      margin: 0 auto; }
      #overview-info #overview-rank .legendary-level-container .rank-number {
        font-family: "Frutiger", sans-serif;
        font-weight: bold;
        position: absolute;
        bottom: 0;
        right: 0;
        font-size: 20px; }
    #overview-info #overview-rank > .rank {
      position: absolute;
      left: 50%;
      top: 20px;
      margin-left: -64px;
      -webkit-transition: transform 0.5s ease 0.01s;
      transition: transform 0.5s ease 0.01s; }
      #overview-info #overview-rank > .rank.highlighted {
        -webkit-transform: scale(1.12);
        transform: scale(1.12); }
    #overview-info #overview-rank .rank-progress {
      position: absolute;
      left: 16px;
      right: 16px;
      bottom: 20px; }
      #overview-info #overview-rank .rank-progress .progress-bar {
        position: relative; }
      #overview-info #overview-rank .rank-progress .progress-bar-info {
        font-size: 12px; }
        #overview-info #overview-rank .rank-progress .progress-bar-info p:first-child {
          float: left;
          color: #34454f; }
        #overview-info #overview-rank .rank-progress .progress-bar-info p:last-child {
          width: 100%;
          text-align: center; }
  #overview-info .overview-service-stars {
    margin: 0;
    padding-left: 5px; }
    #overview-info .overview-service-stars li {
      width: 62px;
      height: 100px;
      margin-top: 16px; }
      #overview-info .overview-service-stars li .circlebackground {
        position: absolute;
        z-index: 0;
        background-color: rgba(0, 0, 0, 0.1);
        width: 62px;
        height: 62px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%; }
        #overview-info .overview-service-stars li .circlebackground.gold {
          width: 73px;
          height: 73px;
          top: -5px;
          left: -4px; }
        #overview-info .overview-service-stars li .circlebackground.silver {
          width: 57px;
          height: 57px;
          top: 3px;
          left: 3px; }
        #overview-info .overview-service-stars li .circlebackground.bronze {
          width: 47px;
          height: 47px;
          top: 8px;
          left: 8px; }
      #overview-info .overview-service-stars li .kit-icon {
        margin-left: 1px;
        top: 15px; }
      #overview-info .overview-service-stars li .progress-bar {
        margin-left: 8px;
        width: 45px; }
      #overview-info .overview-service-stars li .star-count.disabled {
        opacity: 0.5;
        left: 9px; }
    #overview-info .overview-service-stars li.last {
      width: 61px; }
      #overview-info .overview-service-stars li.last .circlebackground.gold {
        width: 73px;
        height: 73px;
        top: -5px;
        left: -4px; }
      #overview-info .overview-service-stars li.last .circlebackground.silver {
        width: 57px;
        height: 57px;
        top: 3px;
        left: 3px; }
      #overview-info .overview-service-stars li.last .circlebackground.bronze {
        width: 48px;
        height: 48px;
        top: 7px;
        left: 7px; }
    #overview-info .overview-service-stars .progress-bar {
      height: 6px; }
  #overview-info.replay-drag .progress-bar-inner {
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease; }
  #overview-info #overview-skill-value {
    line-height: 60px;
    padding-top: 30px;
    color: #41b946;
    font-family: "Frutiger", sans-serif;
    font-weight: bold; }
  #overview-info #overview-skill .box-content {
    height: 130px;
    text-align: center; }
    #overview-info #overview-skill .box-content .cashperminute {
      color: #34454f;
      position: relative;
      width: 100%;
      text-align: center;
      font-size: 12px;
      padding-top: 20px;
      font-family: Arial, sans-serif;
      text-transform: uppercase; }
    #overview-info #overview-skill .box-content .overview-skill-bar {
      position: relative;
      width: 150px;
      height: 8px;
      margin: 0 auto;
      border: 1px solid #fff;
      background-color: rgba(0, 0, 0, 0.6); }
      #overview-info #overview-skill .box-content .overview-skill-bar > div {
        position: absolute;
        left: 0;
        width: 8px;
        height: 8px;
        background-color: #fff;
        -webkit-transition: left 0.8s ease;
        transition: left 0.8s ease;
        box-shadow: 0 0 4px 1px rgba(255, 255, 255, 0.6); }
  #overview-info #overview-info-list li {
    float: left;
    width: 111px;
    height: 62px;
    background-color: rgba(255, 255, 255, 0.65);
    margin: 1px 1px 0 0;
    text-align: center; }
    #overview-info #overview-info-list li.last {
      margin-right: 0; }
    #overview-info #overview-info-list li span {
      display: block;
      margin: 12px auto 2px;
      color: #34454f;
      font-size: 12px;
      text-transform: uppercase; }
    #overview-info #overview-info-list li strong {
      display: block;
      font-weight: bold;
      line-height: 30px;
      font-size: 14px; }
      #overview-info #overview-info-list li strong.focus {
        font-size: 22px;
        font-family: "Frutiger", sans-serif;
        font-weight: bold; }
  #overview-info .box > header + .box-content.no-padding {
    padding: 0; }

.overview-missions-empty {
  line-height: 36px;
  font-weight: bold;
  font-size: 20px;
  text-align: center; }

.overview-missions-top-opponent .inner-wrapper {
  position: relative;
  padding-left: 46px;
  height: 46px; }
.overview-missions-top-opponent .avatar {
  position: absolute;
  top: 0;
  left: 0; }
.overview-missions-top-opponent .title {
  font-size: 14px;
  color: #34454f;
  text-transform: uppercase; }
.overview-missions-top-opponent .name {
  font-weight: bold;
  font-size: 12px;
  padding-top: 6px; }

.overview-most-played-mission .inner-wrapper {
  padding-left: 58px;
  position: relative; }
.overview-most-played-mission .thumb {
  position: absolute;
  bottom: 0;
  left: 0; }
.overview-most-played-mission .title {
  font-size: 14px;
  color: #34454f;
  text-transform: uppercase; }
.overview-most-played-mission .mission-name {
  width: 100%;
  overflow: hidden;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  line-height: 1;
  padding-top: 6px;
  font-family: "Frutiger", sans-serif;
  font-weight: bold; }
.overview-most-played-mission p {
  padding-top: 2px;
  font-size: 16px;
  text-transform: uppercase;
  font-family: "Frutiger", sans-serif;
  font-weight: normal; }

.overview-service-stars {
  margin: 6px 16px 0 12px; }
  .overview-service-stars li {
    height: 34px;
    position: relative;
    display: block;
    float: left;
    width: 82px; }
  .overview-service-stars .kit-icon {
    position: relative;
    top: 10px; }
  .overview-service-stars .progress-bar {
    position: relative;
    top: 60px;
    right: 0;
    width: 62px;
    margin: 0;
    height: 14px; }
  .overview-service-stars .star-count {
    position: absolute;
    top: 58px;
    margin-left: 13px;
    margin-top: 10px;
    margin-bottom: 5px;
    z-index: 200;
    height: 18px;
    min-width: 44px; }
    .overview-service-stars .star-count .servicestars {
      width: 18px;
      height: 18px;
      float: left; }
    .overview-service-stars .star-count div.numstars-taken {
      line-height: 18px;
      padding-left: 1px;
      float: left; }
  .overview-service-stars.gamemodes {
    margin: 6px 0; }
    .overview-service-stars.gamemodes .star-count {
      left: 200px; }
    .overview-service-stars.gamemodes .gamemode {
      padding-top: 12px;
      font-size: 12px;
      color: #34454f; }
    .overview-service-stars.gamemodes .progress-bar {
      width: 150px; }

#overview-dogtags img {
  width: 190px;
  height: 95px; }
#overview-dogtags .box-content {
  text-align: center;
  position: relative; }
  #overview-dogtags .box-content .edit-link {
    top: 0;
    left: 0; }
  #overview-dogtags .box-content:hover .edit-link {
    opacity: 1; }
#overview-dogtags .dogtags {
  margin-top: 45px; }

#overview-stats .box-content {
  padding: 20px 0;
  text-align: center;
  margin-bottom: 1px; }
  #overview-stats .box-content.double-row {
    padding: 12px 0; }
  #overview-stats .box-content p {
    font-size: 22px; }
  #overview-stats .box-content span {
    font-size: 12px; }
  #overview-stats .box-content .winlossgraph {
    padding-top: 50px; }

#overview-info .overview-info-box.small#overview-teamplay .box-content.winrate {
  height: 98px;
  padding-top: 0;
  padding-bottom: 0; }
#overview-info .overview-info-box.small#overview-teamplay .box-content.gamehistory {
  height: 62px; }

#player-win-stats {
  position: relative;
  overflow: hidden; }
  #player-win-stats .box-stats-header {
    text-align: left; }

#player-stats-winrate {
  height: 140px;
  margin: 0 auto;
  margin-top: -8px; }

#player-win-percentage {
  position: absolute;
  top: 49px;
  left: 0;
  right: 0; }
  #player-win-percentage header {
    text-transform: uppercase;
    color: #34454f;
    font-size: 12px; }
  #player-win-percentage .box-stats-value {
    text-align: center;
    font-size: 28px !important; }
  #player-win-percentage #stat-win-percentage {
    display: block;
    font-family: "Frutiger", sans-serif;
    font-weight: bold; }

#base-bfh-html .game-stats-content, .game-stats-content.bfh-stats-content {
  margin-top: 16px; }
  #base-bfh-html .game-stats-content .profile-statistics-container, .game-stats-content.bfh-stats-content .profile-statistics-container {
    margin-top: 0; }

.bfh-stats-content #stats-detailed .score {
  font-family: Frutiger, sans-serif; }
.bfh-stats-content #stats-detailed td {
  height: 32px; }
  .bfh-stats-content #stats-detailed td.name {
    border-right: 0; }

.cashperminute, .kdratiobox, .winlossbox {
  min-height: 240px; }

.cashperminute.empty {
  max-height: 250px; }
  .cashperminute.empty .box-body {
    height: 120px; }

.notopvehicle {
  min-height: 140px;
  line-height: 84px;
  color: #2a3b44; }

.gamemode-star-progress {
  padding: 0 10px 10px 10px;
  width: 307px;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  color: #2a3b44;
  left: 0px;
  position: absolute; }
  .gamemode-star-progress .gamemode-star-progress-seperator {
    position: relative;
    width: 100%;
    display: block;
    height: 50px;
    margin-top: 10px; }
    .gamemode-star-progress .gamemode-star-progress-seperator .star-count {
      position: relative;
      top: 0px;
      left: 0px;
      height: 43px;
      width: 43px;
      float: left; }
      .gamemode-star-progress .gamemode-star-progress-seperator .star-count div {
        position: absolute;
        width: 43px;
        height: 43px;
        text-align: center;
        font-size: 28px;
        font-weight: normal;
        line-height: 43px; }
      .gamemode-star-progress .gamemode-star-progress-seperator .star-count .servicestar.faded {
        opacity: 0.5; }
    .gamemode-star-progress .gamemode-star-progress-seperator .gamemode-star-progress-name {
      float: left;
      position: relative;
      width: 214px;
      margin: 8px 0 4px 8px; }
  .gamemode-star-progress .progress-bar {
    float: left;
    margin-top: 0px;
    margin-left: 8px;
    width: 250px; }

.soldier-emblem.click-area .agent-edit-emblem {
  position: absolute;
  bottom: 5px;
  right: 10px;
  display: none; }

.soldier-emblem.click-area:hover .agent-edit-emblem {
  display: block; }

/* Assignments
* ---------------------------------------------------------------- */
.assignments-list li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid transparent;
  position: relative;
  height: 108px;
  background-color: rgba(255, 255, 255, 0.65); }
  .assignments-list li .award_mission {
    opacity: 0.3;
    -webkit-filter: saturate(0%);
    -moz-filter: saturate(0%);
    -ms-filter: saturate(0%);
    -o-filter: saturate(0%);
    filter: saturate(0%);
    width: 90px;
    height: 90px;
    margin-top: 5px; }
  .assignments-list li.active .award_mission, .assignments-list li.completed .award_mission {
    opacity: 1;
    -webkit-filter: saturate(100%);
    -moz-filter: saturate(100%);
    -ms-filter: saturate(100%);
    -o-filter: saturate(100%);
    filter: saturate(100%);
    width: 90px;
    height: 90px;
    margin-top: 5px; }
.assignments-list .tmp-code {
  position: absolute;
  top: 56px;
  left: 50%;
  margin-left: -27px;
  width: 50px;
  color: #000;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 2px 0;
  font-size: 10px;
  text-align: center; }
.assignments-list .dependencies {
  position: absolute;
  bottom: 1px;
  right: 1px; }
  .assignments-list .dependencies li {
    float: right;
    height: 14px;
    width: 14px;
    border: 1px solid #fff;
    margin-left: 1px; }
.assignments-list li.has-progress .dependencies {
  bottom: 8px; }

.assignment-rewards {
  text-align: center; }
  .assignment-rewards .casereward {
    display: inline-block; }
  .assignment-rewards p {
    margin-top: 5px;
    font-weight: bold; }
  .assignment-rewards li {
    margin-top: 1px; }
    .assignment-rewards li:first-child {
      margin-top: 0; }
  .assignment-rewards .box-content {
    -webkit-transition: all 0.05s ease-in-out;
    -moz-transition: all 0.05s ease-in-out;
    -o-transition: all 0.05s ease-in-out;
    transition: all 0.05s ease-in-out; }
    .assignment-rewards .box-content:hover {
      background-color: rgba(255, 255, 255, 0.55); }
  .assignment-rewards .battlepacks_closed {
    display: inline-block; }

.assignment-info {
  text-align: center; }

.dependency-icon {
  height: 19px;
  width: 19px;
  border: 1px solid #fff;
  background-color: rgba(255, 255, 255, 0.65);
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .dependency-icon[data-code^="rk"] {
    background-image: url(../profile/bf4/icon-dependencies.png);
    background-position: -1px -1px; }
  .dependency-icon[data-code^="as"], .dependency-icon[data-code^="xp"], .dependency-icon[data-code="apremium"] {
    background-image: url(../profile/bf4/icon-dependencies.png);
    background-position: -20px -1px; }

#assignment-dependencies li .dependency-icon {
  float: left; }
#assignment-dependencies li a, #assignment-dependencies li .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #assignment-dependencies li a {
  cursor: pointer; }
#assignment-dependencies li .pull-left {
  max-width: 250px;
  line-height: 18px; }
#assignment-dependencies li span, #assignment-dependencies li a, #assignment-dependencies li .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #assignment-dependencies li a {
  float: left; }
#assignment-dependencies li .green-check-small {
  float: right;
  background-image: url(../battledash/images/icons/green-check-small.png);
  width: 12px;
  height: 12px;
  margin-top: 3px; }
#assignment-dependencies li.nottaken .green-check-small {
  float: right;
  background-image: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/ui/unchecked-small-9164c156.png);
  width: 12px;
  height: 12px;
  margin-top: 3px; }

#assignment-criterias li .pull-left {
  max-width: 250px;
  line-height: 18px; }
#assignment-criterias li .pull-right {
  line-height: 18px; }
#assignment-criterias.req-not-started li {
  opacity: 0.2; }

/* Awards
* ---------------------------------------------------------------- */
.awards-list li {
  height: 105px; }
  .awards-list li.active .image {
    opacity: 1 !important; }
  .awards-list li .nottaken .image {
    opacity: 0.3;
    -webkit-filter: saturate(0%);
    -moz-filter: saturate(0%);
    -ms-filter: saturate(0%);
    -o-filter: saturate(0%);
    filter: saturate(0%); }
  .awards-list li .award-medal {
    position: relative;
    height: 105px;
    margin-bottom: 1px;
    background-color: rgba(255, 255, 255, 0.65); }
    .awards-list li .award-medal i {
      display: block; }
    .awards-list li .award-medal .progress-bar {
      position: absolute;
      bottom: 0;
      margin-bottom: 0;
      width: 100%; }
  .awards-list li .award-ribbon-empty {
    background-color: rgba(255, 255, 255, 0.65);
    height: 105px; }
    .awards-list li .award-ribbon-empty:hover {
      cursor: default; }
  .awards-list li .award-ribbon {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 64px;
    background-image: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/ui/coin-bg-156611d1.png);
    background-repeat: no-repeat;
    background-position: 11px 16px; }
    .awards-list li .award-ribbon div {
      margin-top: 0; }
  .awards-list li .times-taken {
    position: absolute;
    bottom: 8px;
    left: 5px;
    font-size: 11px;
    color: #34454f; }
  .awards-list li.active {
    background-color: #fff; }
    .awards-list li.active .image {
      opacity: 1;
      -webkit-filter: saturate(100%);
      -moz-filter: saturate(100%);
      -ms-filter: saturate(100%);
      -o-filter: saturate(100%);
      filter: saturate(100%); }
  .awards-list li.has-icon .award-ribbon .times-taken {
    right: 25px; }
.awards-list .xp-icon {
  position: absolute;
  right: 2px;
  bottom: 2px; }

#awards-details .image-container {
  text-align: center; }
  #awards-details .image-container .award_ribbons {
    margin: 0 auto; }
#awards-details .box {
  margin-bottom: 0; }
#awards-details .award-medal {
  margin-bottom: 1px; }
#awards-details .award-info {
  margin: 16px 0 0; }
#awards-details .progress-bar {
  margin: 8px 0; }
#awards-details .progress-info {
  font-size: 12px;
  color: #34454f; }
#awards-details .award-info strong {
  color: #2a3b44; }
#awards-details .award-xpack {
  margin-bottom: 15px; }
  #awards-details .award-xpack .xp-icon {
    position: relative;
    top: 5px; }
  #awards-details .award-xpack span {
    font-size: 12px;
    color: #34454f; }
  #awards-details .award-xpack strong {
    font-weight: normal;
    color: #000; }

/* Unlocks
* ---------------------------------------------------------------- */
.upcoming-unlocks-container .upcoming-unlock header img {
  float: right;
  margin-top: 2px; }
.upcoming-unlocks-container .upcoming-unlock header span {
  color: #34454f;
  font-size: 14px; }
.upcoming-unlocks-container .upcoming-unlock header strong {
  display: block;
  margin-top: 3px; }
.upcoming-unlocks-container .upcoming-unlock > a, .upcoming-unlocks-container .upcoming-unlock > .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .upcoming-unlocks-container .upcoming-unlock > a {
  display: block;
  text-align: center; }
.upcoming-unlocks-container .upcoming-unlock > div {
  font-size: 12px; }
  .upcoming-unlocks-container .upcoming-unlock > div .progress-info {
    text-align: right;
    color: #666; }
  .upcoming-unlocks-container .upcoming-unlock > div .progress-bar {
    margin: 3px auto 5px; }

#weapon-details-accessories .box {
  margin-top: 16px; }

#upcoming-unlocks-progression {
  margin-top: 16px; }
  #upcoming-unlocks-progression td {
    height: 60px;
    padding: 0;
    box-shadow: none; }
  #upcoming-unlocks-progression .value-cell {
    position: relative;
    width: 100px;
    font-size: 30px;
    vertical-align: top;
    line-height: 60px; }
    #upcoming-unlocks-progression .value-cell div {
      position: absolute;
      background-color: rgba(200, 200, 200, 0.2);
      height: 60px; }
  #upcoming-unlocks-progression .kit-cell {
    width: 20px; }
  #upcoming-unlocks-progression .image-cell {
    width: 90px; }
  #upcoming-unlocks-progression .desc-cell a, #upcoming-unlocks-progression .desc-cell .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #upcoming-unlocks-progression .desc-cell a {
    text-decoration: none;
    color: #34454f; }
  #upcoming-unlocks-progression .desc-cell p {
    margin-left: 20px;
    font-size: 13px; }
    #upcoming-unlocks-progression .desc-cell p:first-child {
      margin-bottom: 5px;
      font-size: 15px; }

/* Battlereports
* ---------------------------------------------------------------- */
#battlereports img.map {
  width: 100%; }
#battlereports .row {
  float: left; }
#battlereports .box {
  margin-bottom: 1px; }
#battlereports aside .box header {
  padding: 0; }
#battlereports aside .box ul {
  display: table;
  width: 100%;
  font-size: 12px; }
  #battlereports aside .box ul li {
    display: table-row; }
    #battlereports aside .box ul li span {
      text-align: left;
      display: table-cell;
      padding-top: 8px; }
      #battlereports aside .box ul li span:first-child {
        width: 30%;
        color: #34454f;
        padding: 0; }
#battlereports aside footer {
  padding: 0; }
  #battlereports aside footer .btn {
    margin: 0;
    width: auto; }
#battlereports .premium-box {
  margin-top: 1px; }
  #battlereports .premium-box .premium-requirement-box {
    background-image: none; }
    #battlereports .premium-box .premium-requirement-box .btn {
      width: auto; }
    #battlereports .premium-box .premium-requirement-box p span {
      color: #E4B744; }
#battlereports .btn {
  width: 100%;
  margin-top: 4px; }
#battlereports section footer {
  padding: 0; }
  #battlereports section footer .btn {
    margin-top: 0; }
#battlereports #battlereports-favorites {
  margin-bottom: 16px; }
  #battlereports #battlereports-favorites footer {
    margin-top: 0; }
  #battlereports #battlereports-favorites td.clearfix {
    width: 368px; }
#battlereports #battlereports-latest {
  margin-bottom: 20px; }

.no-reports.hide {
  display: none; }

.is-touch .star:after {
  display: block !important; }

/* Stat details
* ---------------------------------------------------------------- */
#stats-detailed .name {
  font-size: 14px; }
#stats-detailed .score {
  font-family: "Frutiger", sans-serif;
  font-weight: bold;
  font-size: 16px;
  text-align: right; }

#soldierportraits-container li.selected {
  background-color: #000; }

/* Dog tags
* ---------------------------------------------------------------- */
#dogtags-filter.submenu {
  margin-bottom: 8px; }

#dogtags-top .submenu {
  margin-bottom: 8px; }

#dogtags-equipped-box {
  margin-bottom: 8px; }
  #dogtags-equipped-box .box-content {
    position: relative;
    padding: 16px 13px; }
    #dogtags-equipped-box .box-content .dogtags-chain {
      height: 130px;
      margin-bottom: 0; }

#dogtags-body {
  margin-top: 0; }
  #dogtags-body .dogtags-list .box {
    margin-bottom: 8px; }
  #dogtags-body .dogtags-list .box.grid .box-content {
    padding: 0;
    background: inherit; }
  #dogtags-body .dogtags-list footer {
    margin-top: 0; }
  #dogtags-body .dogtag-aside button {
    width: 100%;
    margin-top: 8px; }
  #dogtags-body .dogtag-aside .box-content.selected-dog-tags.advanced-active .dogtags-chain .advanced {
    z-index: 3;
    position: relative; }
  #dogtags-body .dogtag-aside .box-content.description p {
    font-size: 12px;
    line-height: 1.4; }
  #dogtags-body .dogtag-aside .box-content.seen {
    font-family: "Frutiger", sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    padding: 8px 16px;
    font-size: 14px;
    color: #2a3b44; }
  #dogtags-body .dogtag-aside .box-content .name {
    font-family: "Frutiger", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px; }

.profile-stats-dogtags {
  margin-left: -1px; }
  .profile-stats-dogtags li {
    position: relative;
    float: left;
    width: 130px;
    height: 130px;
    padding: 4px 1px 1px;
    margin: 0 0 1px 1px;
    background-color: rgba(255, 255, 255, 0.65);
    cursor: pointer;
    -webkit-transition: all 0.05s ease-in-out;
    -moz-transition: all 0.05s ease-in-out;
    -o-transition: all 0.05s ease-in-out;
    transition: all 0.05s ease-in-out;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .profile-stats-dogtags li:nth-child(5n+1) {
      width: 130px; }
    .profile-stats-dogtags li:nth-child(5n) {
      width: 132px; }
    .profile-stats-dogtags li.disabled .dogtags {
      opacity: 0.5;
      -webkit-filter: saturate(0%);
      -moz-filter: saturate(0%);
      -ms-filter: saturate(0%);
      -o-filter: saturate(0%);
      filter: saturate(0%); }
    .profile-stats-dogtags li:hover {
      background-color: rgba(240, 240, 240, 0.65); }
    .profile-stats-dogtags li.equipped {
      background-color: #fff; }
    .profile-stats-dogtags li.active {
      background-color: #fff; }
      .profile-stats-dogtags li.active .dogtags {
        opacity: 1;
        -webkit-filter: saturate(100%);
        -moz-filter: saturate(100%);
        -ms-filter: saturate(100%);
        -o-filter: saturate(100%);
        filter: saturate(100%); }
      .profile-stats-dogtags li.active:hover {
        background-color: #fff; }
    .profile-stats-dogtags li .profile-stats-dogtags-dogtag-image {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -46px;
      margin-top: -46px; }

.dogtags-chain {
  margin: 14px 0; }
  .dogtags-chain .basic {
    position: relative;
    z-index: 2; }
  .dogtags-chain.horizontal .basic {
    float: left;
    margin-left: 46px;
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  .dogtags-chain.horizontal .basic + .advanced {
    float: left;
    margin-left: 16px; }
    .dogtags-chain.horizontal .basic + .advanced.xlarge, .dogtags-chain.horizontal .basic + .advanced.large {
      margin-left: 16px; }
    .dogtags-chain.horizontal .basic + .advanced.medium, .dogtags-chain.horizontal .basic + .advanced.mediumns {
      margin-left: 16px; }
    .dogtags-chain.horizontal .basic + .advanced.small, .dogtags-chain.horizontal .basic + .advanced.smallns {
      margin-left: 16px; }
  .dogtags-chain.vertical .advanced {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  .dogtags-chain.vertical .basic, .dogtags-chain.vertical .advanced {
    display: block; }
  .dogtags-chain.vertical .basic + .advanced {
    margin-top: -40px; }
    .dogtags-chain.vertical .basic + .advanced.medium {
      margin-left: -30px; }
    .dogtags-chain.vertical .basic + .advanced.small {
      margin-left: -12px; }

.dogtags-extra {
  position: absolute;
  left: 12px;
  bottom: 4px; }

.dogtag-seen-times {
  background: #353535;
  color: white;
  font-size: 11px;
  font-family: Arial, sans-serif;
  padding: 1px 5px 2px 5px;
  float: left; }

/* Kits */
#stats-kits .span8 > .box {
  margin-bottom: 8px; }
#stats-kits .span8 .box-content {
  padding: 0;
  background: inherit; }
#stats-kits aside .kititem {
  margin-left: 16px; }
#stats-kits aside h4 {
  margin-top: 16px; }
#stats-kits aside .progress-bar {
  margin-bottom: 8px; }
#stats-kits aside .score {
  font-size: 12px;
  color: #34454f; }
#stats-kits aside .track-button {
  margin: 16px 0;
  width: 100%; }
#stats-kits aside .description {
  font-size: 12px;
  line-height: 20px;
  margin-top: 8px; }

.kits-list li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 163px;
  height: 110px;
  margin: 0 0 1px 1px;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.65);
  text-align: center; }
  .kits-list li:nth-child(4n+1) {
    margin-left: 0;
    width: 164px; }
  .kits-list li:hover {
    background-color: rgba(240, 240, 240, 0.65);
    cursor: pointer; }
  .kits-list li.noprogress:not(.active) .image {
    opacity: 0.5; }
  .kits-list li.noprogress:not(.active) p {
    color: #a8a8a8; }
  .kits-list li.active {
    background-color: #fff; }
    .kits-list li.active p {
      font-weight: bold; }
  .kits-list li .image {
    margin: 16px 0; }
    .kits-list li .image.kititem {
      margin-top: 26px; }
    .kits-list li .image.weapon {
      margin-top: 26px; }
  .kits-list li p {
    position: absolute;
    bottom: 16px;
    left: 0;
    right: 0;
    font-size: 12px; }
  .kits-list li .progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0; }

aside .weapon_unlock, aside .kititem_unlock {
  display: block;
  margin: 0 auto; }

/* Replay bar */
#replay-button {
  position: absolute;
  left: 0;
  width: 42px;
  height: 31px;
  background-color: rgba(0, 0, 0, 0.6);
  background-image: url(../profile/replay-button-small.png);
  background-repeat: no-repeat;
  background-position: 0 0; }

#stat-replay-container {
  margin: 1px 0 0;
  height: 31px;
  position: relative; }
  #stat-replay-container.disabled {
    -webkit-transition: opacity 0.15s ease-out 0.1s;
    transition: opacity 0.15s ease-out 0.1s;
    opacity: 0.5; }
    #stat-replay-container.disabled #stat-replay-track {
      opacity: 0.1; }
    #stat-replay-container.disabled #replay-no-data {
      display: block; }
    #stat-replay-container.disabled .scrubber {
      display: none; }
  #stat-replay-container:not(.disabled) #replay-button {
    cursor: pointer; }
    #stat-replay-container:not(.disabled) #replay-button:hover {
      background-color: #fff;
      box-shadow: 0 0 4px 1px rgba(255, 255, 255, 0.6);
      background-position: 0 -31px; }
    #stat-replay-container:not(.disabled) #replay-button.playing {
      background-position: -42px 0; }
      #stat-replay-container:not(.disabled) #replay-button.playing:hover {
        background-position: -42px -31px; }
  #stat-replay-container:not(.disabled) #stat-replay-slider {
    cursor: pointer; }
  #stat-replay-container:not(.disabled) .scrubber {
    cursor: w-resize; }
  #stat-replay-container.not-premium #replay-nodes-container {
    width: 728px; }
  #stat-replay-container.not-premium #stat-replay-slider {
    width: 750px; }
  #stat-replay-container.not-premium #premium-info {
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    left: 43px;
    width: 199px;
    height: 31px; }
  #stat-replay-container.not-premium .border {
    position: absolute;
    left: 0px;
    width: 210px;
    z-index: 1;
    top: 14px;
    left: 16px;
    height: 1px;
    border-bottom: 1px solid #7A7D83; }

#stat-replay-slider {
  position: absolute;
  right: 0;
  width: 949px;
  height: 31px;
  background-color: rgba(0, 0, 0, 0.6); }

#stat-replay-track {
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  height: 1px;
  z-index: 100;
  background-color: #fff; }
  #stat-replay-track .scrubber {
    position: absolute;
    top: -6px;
    left: 100%;
    right: 0;
    margin-left: -6px;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background-color: #fff; }
    #stat-replay-track .scrubber p {
      opacity: 0;
      -webkit-transition: opacity 0.15s ease-out 0.1s;
      transition: opacity 0.15s ease-out 0.1s;
      font-size: 10px;
      position: relative;
      width: 60px;
      margin: 17px 0 0 -23px;
      text-align: center; }

.replay-playing #stat-replay-track .scrubber, .replay-drag #stat-replay-track .scrubber {
  cursor: default; }
  .replay-playing #stat-replay-track .scrubber p, .replay-drag #stat-replay-track .scrubber p {
    opacity: 1; }
.replay-playing #stat-replay-slider, .replay-drag #stat-replay-slider {
  cursor: w-resize; }
.replay-playing .replay-start-date, .replay-playing .replay-end-date, .replay-drag .replay-start-date, .replay-drag .replay-end-date {
  opacity: 0; }

#replay-nodes-container {
  position: relative;
  width: 919px;
  height: 31px;
  margin: 0 15px;
  z-index: 90; }
  #replay-nodes-container canvas {
    position: relative;
    left: -5px; }
  #replay-nodes-container .replay-date {
    position: absolute;
    bottom: 2px;
    font-size: 10px;
    -webkit-transition: opacity 0.15s ease-out 0.1s;
    transition: opacity 0.15s ease-out 0.1s; }
  #replay-nodes-container .replay-start-date {
    left: 0; }
  #replay-nodes-container .replay-end-date {
    right: 0; }
    #replay-nodes-container .replay-end-date span {
      text-align: right;
      right: 0; }

#replay-no-data {
  position: absolute;
  top: 11px;
  left: 50%;
  width: 300px;
  margin-left: -150px;
  font-size: 10px;
  text-align: center;
  text-transform: uppercase;
  display: none; }

.replay-highlight {
  -moz-animation-duration: 0.8s;
  -webkit-animation-duration: 0.8s;
  -moz-animation-name: highlightbox;
  -webkit-animation-name: highlightbox; }

@-moz-keyframes highlightbox {
  from {
    box-shadow: none; }

  50% {
    box-shadow: 0 0 4px 1px rgba(255, 255, 255, 0.6); }

  to {
    box-shadow: none; } }

@-webkit-keyframes highlightbox {
  from {
    box-shadow: none; }

  50% {
    box-shadow: 0 0 4px 1px rgba(255, 255, 255, 0.6); }

  to {
    box-shadow: none; } }

/* Weapons
* ---------------------------------------------------------------- */
.game-stats-content .profile-statistics-head .show-filters {
  position: relative;
  margin-top: 8px;
  -webkit-transition: height 1s linear;
  transition: height 1s linear; }
  .game-stats-content .profile-statistics-head .show-filters h1 {
    font-size: 12px;
    color: #FFF;
    font-family: Arial, sans-serif;
    text-transform: none;
    font-weight: normal;
    line-height: 32px;
    cursor: pointer; }
  .game-stats-content .profile-statistics-head .show-filters .toggler {
    float: right;
    position: absolute;
    top: 0;
    right: 10px; }
    .game-stats-content .profile-statistics-head .show-filters .toggler:after {
      text-align: center;
      color: #AAA;
      content: "+";
      font-size: 21px;
      width: 20px; }
  .game-stats-content .profile-statistics-head .show-filters header:hover .toggler:after {
    color: #FFF; }
  .game-stats-content .profile-statistics-head .show-filters header.active .toggler:after {
    content: "-"; }
  .game-stats-content .profile-statistics-head .show-filters #filter-options {
    display: none;
    margin: 0; }
.game-stats-content .profile-statistics-head .list-icon {
  cursor: pointer;
  margin-left: 0;
  margin: 0; }
.game-stats-content .profile-statistics-container {
  margin-top: 8px;
  position: relative;
  margin-bottom: 16px;
  min-height: 400px; }
  .game-stats-content .profile-statistics-container .locked .image {
    opacity: 0.7; }
  .game-stats-content .profile-statistics-container .locked p {
    color: #a8a8a8; }
  .game-stats-content .profile-statistics-container .locked-column {
    font-size: 14px; }

.stat-details .box:last-child {
  margin-bottom: 0; }
.stat-details .box-content {
  padding: 16px 16px; }
.stat-details .image-container {
  overflow: hidden;
  text-align: center; }
  .stat-details .image-container .large {
    margin-top: 10px;
    margin-bottom: 10px; }
  .stat-details .image-container .squarelarge {
    margin-top: -20%;
    margin-bottom: -20%; }
.stat-details .box-content + .box {
  margin-top: 1px; }
.stat-details .missing-details-info {
  font-size: 12px;
  text-align: center; }
.stat-details .progress-bar {
  margin-bottom: 0; }
.stat-details .track-weapon-stats .progress-bar {
  margin-top: 2px; }
.stat-details .fire-modes span {
  padding-top: 3px; }
.stat-details .progress-info {
  font-size: 12px;
  color: #34454f;
  margin: 6px 0; }
.stat-details .btn {
  height: 30px;
  line-height: 30px;
  margin-top: 16px;
  margin-bottom: 16px; }
  .stat-details .btn:last-child {
    margin-bottom: 0; }
.stat-details h4 {
  width: 100%;
  margin: 5px 0;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: bold; }
.stat-details #assignment-details h4 {
  margin: 48px 0 8px 0; }
.stat-details p {
  font-size: 12px;
  line-height: 20px; }
.stat-details .track-button {
  margin-top: 16px; }
  .stat-details .track-button i {
    background-image: url(../common/warsaw/icon-track.png);
    width: 19px;
    height: 19px;
    display: inline-block;
    position: relative;
    top: 3px;
    right: 2px; }
.stat-details .track-weapon-stats {
  margin-top: 16px; }
  .stat-details .track-weapon-stats li {
    padding: 5px 0; }
  .stat-details .track-weapon-stats.weapon-statistics span:first-child {
    width: 160px; }
  .stat-details .track-weapon-stats span {
    font-size: 12px; }
    .stat-details .track-weapon-stats span:first-child {
      float: left;
      width: 100px;
      margin-right: 5px;
      text-overflow: ellipsis; }
      .stat-details .track-weapon-stats span:first-child.extended {
        width: 150px; }
    .stat-details .track-weapon-stats span:last-child {
      float: right; }
  .stat-details .track-weapon-stats .progress-bar {
    float: left;
    width: 140px; }
.stat-details .weapon-statistics {
  margin-top: 0; }
.stat-details .loader {
  display: block;
  margin: 8px auto; }

ul.weapon-accessories {
  margin-top: 1px; }
  ul.weapon-accessories li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    float: left;
    width: 79px;
    height: 55px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0 0 1px 1px;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.65);
    text-align: center;
    overflow: hidden; }
    ul.weapon-accessories li:nth-child(4n+1) {
      margin-left: 0;
      width: 80px; }
    ul.weapon-accessories li[data-guid]:not(.active) {
      cursor: pointer; }
      ul.weapon-accessories li[data-guid]:not(.active):hover {
        background-color: rgba(240, 240, 240, 0.65); }
    ul.weapon-accessories li .progress-bar {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0; }
    ul.weapon-accessories li .battlepacks {
      top: -13px;
      position: relative; }
    ul.weapon-accessories li.locked:not(.active) .weaponaccessory {
      opacity: 0.3; }
    ul.weapon-accessories li.locked:not(.active) .battlepacks_lineart {
      opacity: 0.3; }
    ul.weapon-accessories li.locked:not(.active) p {
      color: #a8a8a8; }
    ul.weapon-accessories li.active {
      background-color: #fff; }
    ul.weapon-accessories li .weaponaccessory {
      position: absolute;
      top: 11px;
      left: 8px; }

ul.weapon-accessories.plating {
  padding-bottom: 10px; }
  ul.weapon-accessories.plating li {
    padding-top: 0px; }
    ul.weapon-accessories.plating li .weaponaccessory {
      position: absolute;
      top: 0px;
      left: -8px; }

.weapon-details {
  margin-top: 1px;
  text-align: center; }

.weapon-pagination {
  margin: 10px 0; }
  .weapon-pagination a, .weapon-pagination .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .weapon-pagination a {
    padding: 7px 11px;
    background-color: rgba(0, 0, 0, 0.45);
    cursor: pointer;
    text-decoration: none;
    margin-right: 1px;
    float: left; }
    .weapon-pagination a:hover, .weapon-pagination .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress .weapon-pagination a:hover {
      background-color: rgba(0, 0, 0, 0.65); }
    .weapon-pagination a.active, .weapon-pagination .devblog .devblog-post .battlelog-wordpress a.active, .devblog .devblog-post .battlelog-wordpress .weapon-pagination a.active {
      background-color: #fff;
      box-shadow: 0 0 7px 0 #e0f4f8;
      color: #000; }
  .weapon-pagination .loader {
    display: none;
    float: left;
    margin: 3px 0 0 10px; }

.weapon-stats-box > header ~ .box-content {
  padding: 0;
  background-color: inherit;
  margin-bottom: 8px; }
.weapon-stats-box.license-unlocked {
  margin-bottom: 16px; }
  .weapon-stats-box.license-unlocked .box-content {
    background-color: transparent;
    padding: 0; }

.weapon-stats-list li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 163px;
  height: 96px;
  margin: 0 0 1px 1px;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.65);
  text-align: center; }
  .weapon-stats-list li:nth-child(4n+1) {
    margin-left: 0;
    width: 164px; }
  .weapon-stats-list li[data-guid]:not(.active) {
    cursor: pointer; }
    .weapon-stats-list li[data-guid]:not(.active):hover {
      background-color: rgba(240, 240, 240, 0.65); }
  .weapon-stats-list li .weapon {
    margin-top: 18px; }
  .weapon-stats-list li .service-star-container {
    position: absolute;
    left: 4px;
    bottom: 3px; }
    .weapon-stats-list li .service-star-container .service-star {
      padding-left: 16px;
      background-size: 14px 14px;
      font-weight: 400;
      font-size: 14px;
      height: 14px;
      line-height: 15px; }
  .weapon-stats-list li p {
    position: absolute;
    bottom: 18px;
    width: 100%;
    padding: 4px 0;
    font-size: 12px; }
  .weapon-stats-list li .progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0; }
  .weapon-stats-list li.locked:not(.active) .image {
    opacity: 0.3; }
  .weapon-stats-list li.locked:not(.active) p {
    color: #a8a8a8; }
  .weapon-stats-list li.active, .weapon-stats-list li.active.locked {
    background-color: #fff; }
    .weapon-stats-list li.active p, .weapon-stats-list li.active.locked p {
      font-weight: bold;
      color: #000; }
  .weapon-stats-list li .xp-icon {
    position: absolute;
    right: 2px;
    bottom: 2px; }
  .weapon-stats-list li.has-progress .service-star-container, .weapon-stats-list li.has-progress .xp-icon {
    bottom: 10px; }

.license-unlocked .weapon-stats-list .service-star-container {
  bottom: 3px; }

.no-weapons-found {
  font-size: 12px; }

#bn-show-all {
  margin-top: 1px; }

/* Vehicles
* ---------------------------------------------------------------- */
.vehicle-stats-box {
  margin-bottom: 16px; }
  .vehicle-stats-box > header + .box-content {
    padding: 0;
    background-color: inherit; }

.vehicle-stats-list li {
  height: 100px;
  background-color: rgba(255, 255, 255, 0.65); }
  .vehicle-stats-list li:hover {
    background-color: rgba(240, 240, 240, 0.65); }
  .vehicle-stats-list li .image-container {
    position: absolute;
    top: 33px;
    width: 118px;
    overflow: hidden; }
    .vehicle-stats-list li .image-container .vehicleunlock {
      margin-left: -11px; }
  .vehicle-stats-list li .progress-bar {
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
    width: 100%; }
  .vehicle-stats-list li.locked .image-container {
    opacity: 0.5; }
  .vehicle-stats-list li.active {
    background-color: #fff;
    opacity: 1; }

#vehicle-details .box {
  margin-top: 0; }
#vehicle-details .details-category-name {
  padding: 4px 16px; }

.stat-details .box {
  margin-bottom: 16px; }

.category-vehicle-box {
  overflow: hidden;
  -webkit-transition: height 0.25s ease-in-out;
  transition: height 0.25s ease-in-out; }
  .category-vehicle-box .vehicle_unlock {
    display: block;
    margin: 0 auto; }

.category-vehicles-list li {
  margin-top: 1px;
  padding: 5px 10px !important;
  background-color: rgba(255, 255, 255, 0.65);
  font-size: 12px;
  font-family: "Frutiger", sans-serif;
  font-weight: normal; }
  .category-vehicles-list li span {
    float: left;
    color: #000; }
  .category-vehicles-list li strong {
    float: right; }
  .category-vehicles-list li.active {
    background-color: #fff; }
  .category-vehicles-list li.total span, .category-vehicles-list li.total strong {
    color: #000;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    padding: 5px 0; }
  .category-vehicles-list li[data-guid] {
    cursor: pointer; }
    .category-vehicles-list li[data-guid]:hover {
      background-color: rgba(255, 255, 255, 0.55); }

#vehicle-category-details .track-button {
  margin-bottom: 0; }
#vehicle-category-details .info {
  margin-top: 16px; }

.stats-progression header {
  display: block;
  clear: both;
  top: 16px;
  position: relative; }
.stats-progression header:first-child {
  top: 0; }
.stats-progression #progression-item-details .image {
  width: 104px;
  height: 104px;
  left: 90px;
  position: relative;
  padding: 48px 0; }
.stats-progression #progression-item-details .item-name {
  font-size: 12px;
  color: #2a3b44;
  margin-bottom: 8px;
  text-transform: uppercase;
  font-family: "Frutiger", sans-serif;
  font-weight: bold; }
.stats-progression #progression-item-details .description {
  font-size: 12px;
  padding: 10px 0;
  color: #000; }
.stats-progression #progression-item-details .servicestars {
  margin-top: 8px;
  color: #707070;
  font-size: 12px;
  text-transform: initial;
  padding-bottom: 8px; }
  .stats-progression #progression-item-details .servicestars:before, .stats-progression #progression-item-details .servicestars:after {
    display: table;
    content: "";
    line-height: 0; }
  .stats-progression #progression-item-details .servicestars:after {
    clear: both; }
  .stats-progression #progression-item-details .servicestars .servicestar-name {
    float: left; }
  .stats-progression #progression-item-details .servicestars .servicestar-progress {
    float: right; }
.stats-progression .progression-list {
  clear: both;
  display: block; }
  .stats-progression .progression-list li {
    background-color: rgba(255, 255, 255, 0.65); }
    .stats-progression .progression-list li figure {
      position: relative;
      text-align: center;
      padding: 24px 16px 24px 60px;
      margin-bottom: 6px; }
    .stats-progression .progression-list li figcaption {
      font-size: 12px;
      text-align: left;
      line-height: 16px;
      text-transform: uppercase;
      height: 34px;
      padding-top: 2px;
      vertical-align: middle;
      display: table-cell;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-family: "Frutiger", sans-serif;
      font-weight: bold; }
    .stats-progression .progression-list li .image {
      width: 34px;
      height: 34px;
      margin-top: -17px;
      position: absolute;
      top: 50%;
      left: 16px; }

body #base-container #user .profile-stats-blaze-down {
  text-align: center;
  font-size: 14px;
  height: 200px;
  line-height: 200px;
  color: #34454f; }
body #base-container #user .profile-expansion-icon {
  top: 2px;
  position: relative; }
body #base-container #user .profile-info {
  position: relative; }
  body #base-container #user .profile-info.premium .box.username .box-content {
    position: relative;
    overflow: hidden; }
    body #base-container #user .profile-info.premium .box.username .box-content:after {
      opacity: 0.5; }
  body #base-container #user .profile-info.premium .icon-premium-p-big {
    margin-top: 4px;
    position: relative;
    left: 10px; }
  body #base-container #user .profile-info .box {
    margin-bottom: 1px;
    width: 813px;
    height: auto; }
    body #base-container #user .profile-info .box .box-content {
      height: 39px;
      line-height: 39px;
      padding: 0 14px; }
    body #base-container #user .profile-info .box.username {
      color: #2a3b44;
      font-size: 32px;
      font-weight: bold; }
    body #base-container #user .profile-info .box.userinfo {
      font-family: Arial;
      font-size: 14px; }
      body #base-container #user .profile-info .box.userinfo .infotext {
        color: #34454f; }
      body #base-container #user .profile-info .box.userinfo .box-content:empty {
        height: 41px;
        position: relative;
        top: -1px; }
    body #base-container #user .profile-info .box.soldiers {
      font-family: "Frutiger", sans-serif;
      font-weight: bold;
      font-size: 19px; }
      body #base-container #user .profile-info .box.soldiers .allsoldiers {
        width: 680px;
        height: 39px;
        overflow: hidden; }
    body #base-container #user .profile-info .box.last {
      margin-bottom: 0; }
      body #base-container #user .profile-info .box.last .box-content {
        height: 56px;
        line-height: 56px; }
  body #base-container #user .profile-info h1 {
    margin: 0;
    padding: 0 14px;
    overflow: hidden;
    width: 100%;
    text-transform: none; }
  body #base-container #user .profile-info .presentation {
    line-height: 25px; }
  body #base-container #user .profile-info .avatar-container {
    float: left;
    margin-right: 1px;
    height: 176px;
    width: 176px; }
    body #base-container #user .profile-info .avatar-container .avatar {
      height: 176px;
      width: 176px; }
  body #base-container #user .profile-info .user-container {
    float: left;
    width: 813px; }
  body #base-container #user .profile-info .interact {
    font-family: "Frutiger", sans-serif;
    font-weight: normal; }
    body #base-container #user .profile-info .interact .btn {
      margin-right: 8px; }
    body #base-container #user .profile-info .interact .avatar {
      margin-left: 6px; }
body #base-container #user .profile-overview .presentation {
  line-height: 22px;
  color: #34454f;
  font-size: 14px; }
body #base-container #user .profile-playing {
  background: #2f84b1;
  height: 72px; }
  body #base-container #user .profile-playing .map {
    margin: 6px; }
    body #base-container #user .profile-playing .map .map-image {
      height: 60px; }
  body #base-container #user .profile-playing .info {
    padding-top: 8px;
    margin: 0 10px; }
    body #base-container #user .profile-playing .info .servername {
      text-transform: none; }
    body #base-container #user .profile-playing .info h1 {
      font-family: "Frutiger", sans-serif;
      font-weight: normal;
      font-weight: 600;
      font-size: 19px;
      color: #fff;
      line-height: 14px;
      margin: 6px 0;
      margin-bottom: 4px; }
    body #base-container #user .profile-playing .info h2 {
      font-family: "Frutiger", sans-serif;
      font-weight: normal;
      font-weight: 600;
      font-size: 16px;
      color: #fff;
      line-height: 14px;
      margin-bottom: 4px; }
    body #base-container #user .profile-playing .info h3 {
      font-family: Arial;
      font-weight: normal;
      font-size: 12px;
      color: #d7d7d7;
      line-height: 14px; }
  body #base-container #user .profile-playing .btn {
    margin: 13px 16px; }
body #base-container #user .join-flow {
  background-color: rgba(255, 255, 255, 0.65);
  margin-bottom: 16px; }
  body #base-container #user .join-flow .server-info {
    float: left;
    padding: 16px; }
    body #base-container #user .join-flow .server-info header {
      margin-bottom: 14px; }
  body #base-container #user .join-flow .join-button {
    padding-right: 16px;
    float: right; }
body #base-container #user .soldier-info {
  position: relative;
  height: 294px;
  background-color: rgba(240, 240, 240, 0.65);
  padding-left: 16px;
  padding-top: 16px; }
  body #base-container #user .soldier-info div {
    margin-bottom: 14px; }
  body #base-container #user .soldier-info .avatar {
    z-index: 10;
    position: absolute;
    right: 5px; }
  body #base-container #user .soldier-info .dogtags {
    position: absolute;
    right: 40px;
    top: 0px; }
body #base-container #user #soldiers header {
  margin-bottom: 0; }
body #base-container #user #soldiers .soldier-data-container {
  margin-top: 1px; }
  body #base-container #user #soldiers .soldier-data-container .icon-premium-wide {
    vertical-align: middle;
    margin-top: -1px; }
  body #base-container #user #soldiers .soldier-data-container.premium .soldier-name {
    font-weight: bold; }
  body #base-container #user #soldiers .soldier-data-container.empty .soldier {
    opacity: 0.4;
    cursor: default; }
    body #base-container #user #soldiers .soldier-data-container.empty .soldier div {
      position: relative;
      top: 45%;
      width: 100%;
      text-align: center; }
  body #base-container #user #soldiers .soldier-data-container.empty.soldier-game-bf3 .soldier {
    background: url(../profile/soldier-empty-bf3.jpg) 50% no-repeat;
    background-size: cover; }
  body #base-container #user #soldiers .soldier-data-container.empty.soldier-game-bf4 .soldier {
    background: url(../profile/soldier-empty-bf4.jpg) 50% no-repeat;
    background-size: cover; }
  body #base-container #user #soldiers .soldier-data-container.empty.soldier-game-bfh .soldier {
    background: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/profile/profile_bfh-44f6cc83.jpg) 50% no-repeat;
    background-size: cover; }
body #base-container #user #soldiers h2 {
  font-size: 22px;
  margin: 0;
  line-height: 1; }
  body #base-container #user #soldiers h2.soldier-name {
    position: relative;
    text-transform: none;
    z-index: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  body #base-container #user #soldiers h2 .count {
    float: right; }
body #base-container #user #soldiers h3 {
  font-size: 30px;
  line-height: 1; }
  body #base-container #user #soldiers h3.skill {
    margin-bottom: 20px; }
  body #base-container #user #soldiers h3.rank {
    font-size: 40px;
    font-weight: 400; }
body #base-container #user #soldiers h5 {
  font-size: 16px;
  line-height: 1;
  font-weight: 400; }
body #base-container #user #soldiers .soldier-emblem {
  position: absolute;
  top: 40px;
  right: 70px;
  z-index: 0; }
body #base-container #user #soldiers .rank, body #base-container #user #soldiers .dogtags {
  -webkit-transition: 0.5s opacity;
  transition: 0.5s opacity; }
body #base-container #user #soldiers .rank-wrapper {
  position: absolute;
  top: 60px;
  left: 12px; }
  body #base-container #user #soldiers .rank-wrapper.other {
    top: 60px; }
  body #base-container #user #soldiers .rank-wrapper .rank {
    position: static;
    top: auto;
    left: auto; }
body #base-container #user #soldiers .hidden {
  opacity: 0; }
body #base-container #user #soldiers .soldier-hidden {
  display: none; }
body #base-container #user #soldiers .box-padding {
  z-index: 3; }
body #base-container #user #soldiers .profile-soldier-image {
  position: absolute;
  z-index: 1;
  right: -80px;
  bottom: -215px; }
body #base-container #user #soldiers h3.rank {
  font-size: 30px;
  line-height: 1; }
  body #base-container #user #soldiers h3.rank img {
    vertical-align: middle; }
body #base-container #user #soldiers .details {
  display: none; }
body #base-container #user #soldiers .dogtags {
  position: absolute;
  left: 95px;
  top: 130px; }
  body #base-container #user #soldiers .dogtags img {
    position: absolute;
    width: 75px; }
    body #base-container #user #soldiers .dogtags img:first-child {
      z-index: 1;
      -webkit-transform: rotate(10deg);
      transform: rotate(10deg);
      top: 3px; }
    body #base-container #user #soldiers .dogtags img:last-child {
      left: 45px; }
body #base-container #user #soldiers .icon-platform {
  display: inline-block; }
body #base-container #user #soldiers .soldier {
  cursor: pointer;
  height: 317px;
  margin-bottom: 0;
  position: relative;
  overflow: hidden; }
  body #base-container #user #soldiers .soldier .rank-wrapper {
    position: absolute;
    top: 70px;
    left: 12px; }
    body #base-container #user #soldiers .soldier .rank-wrapper .rank {
      position: static;
      top: auto;
      left: auto; }
    body #base-container #user #soldiers .soldier .rank-wrapper .legendary-level-container {
      position: relative; }
      body #base-container #user #soldiers .soldier .rank-wrapper .legendary-level-container .legendary {
        display: block; }
      body #base-container #user #soldiers .soldier .rank-wrapper .legendary-level-container .rank-number {
        position: absolute;
        bottom: 0;
        right: 0;
        font-size: 20px; }
  body #base-container #user #soldiers .soldier .details {
    display: block;
    position: absolute;
    bottom: 16px;
    left: 16px;
    /* This is necessary since the soldier image is placed at z-index 1 */
    z-index: 2; }
  body #base-container #user #soldiers .soldier .profile-soldier-image {
    bottom: -60px; }
  body #base-container #user #soldiers .soldier > a:hover, body #base-container #user #soldiers .soldier > .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress body #base-container #user #soldiers .soldier > a:hover {
    text-decoration: none; }
  body #base-container #user #soldiers .soldier:hover {
    text-decoration: none; }
body #base-container #user .veteran-score .box-content h1, body #base-container #user .connected-devices .box-content h1 {
  text-align: center; }
body #base-container #user .veteran-score .box-content p, body #base-container #user .connected-devices .box-content p {
  font-size: 12px; }
  body #base-container #user .veteran-score .box-content p span.red, body #base-container #user .connected-devices .box-content p span.red {
    color: red;
    padding-left: 1px;
    padding-right: 1px; }
  body #base-container #user .veteran-score .box-content p span.green, body #base-container #user .connected-devices .box-content p span.green {
    color: #78c753; }
body #base-container #user .completion-progression {
  padding: 12px 14px 5px;
  margin-bottom: 14px;
  background-color: rgba(72, 140, 90, 0.8);
  font-size: 12px; }
  body #base-container #user .completion-progression > div {
    margin-top: 4px; }
body #base-container #user .friends ul {
  margin-bottom: -8px; }
  body #base-container #user .friends ul li {
    display: inline-block;
    margin-right: 11px;
    margin-bottom: 8px; }
    body #base-container #user .friends ul li:nth-child(4n) {
      margin-right: 0; }
body #base-container #user .friends footer {
  padding: 0; }
  body #base-container #user .friends footer a, body #base-container #user .friends footer .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress body #base-container #user .friends footer a {
    padding: 0; }
body #base-container #user .friends .facebook-friendfinder {
  background: url(../facebook/icon-fb-l.png) no-repeat;
  background-position: center 0px;
  padding-top: 60px;
  text-align: center;
  position: relative;
  z-index: 1; }
  body #base-container #user .friends .facebook-friendfinder p {
    margin-bottom: 12px;
    text-transform: none;
    font-family: Arial;
    font-size: 14px;
    line-height: 1.5em;
    color: #34454f; }
  body #base-container #user .friends .facebook-friendfinder button {
    cursor: pointer; }
body #base-container #user .wallpost.profile-others textarea, body #base-container #user .wallpost.profile-others #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form body #base-container #user .wallpost.profile-others #profile-edit-forumsignature, body #base-container #user .wallpost.profile-others #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form body #base-container #user .wallpost.profile-others #profile-edit-presentation, body #base-container #user .wallpost.profile-others .forum-start-container .common-replyform-form-body, .forum-start-container body #base-container #user .wallpost.profile-others .common-replyform-form-body {
  padding: 8px; }

.right-column .friends header h1 a, .right-column .friends header h1 .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .right-column .friends header h1 a {
  color: #d5dde5;
  text-decoration: none; }

/* Platoon List */
.clubs-list .box:first-of-type {
  margin-top: 0; }
.clubs-list .box {
  margin-top: 1px; }
.clubs-list .emblem {
  float: left;
  display: inline-block; }
.clubs-list .club-info {
  float: left;
  display: inline-block;
  margin-top: 12px;
  margin-left: 24px; }
  .clubs-list .club-info .name {
    font-family: "Frutiger", sans-serif;
    font-weight: bold;
    font-size: 16px;
    width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .clubs-list .club-info .info {
    font-family: "Frutiger", sans-serif;
    font-weight: normal;
    line-height: 2.5em;
    font-size: 10px;
    text-transform: uppercase; }

/* All friends */
#profile-friends .friend {
  margin-top: 1px; }
#profile-friends .interact {
  margin-top: 13px; }
#profile-friends .text {
  font-family: "Frutiger", sans-serif;
  font-weight: bold;
  margin-left: 76px;
  margin-top: 20px; }
  #profile-friends .text .username {
    text-decoration: none;
    display: block;
    margin-top: 6px;
    color: #34454f;
    font-size: 12px; }
#profile-friends .playing .text {
  line-height: 20px;
  margin-top: 9px; }

#game-stats > .submenu li a, #game-stats > .submenu li .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #game-stats > .submenu li a {
  font-size: 16px;
  white-space: nowrap; }
#game-stats .loading-box, #game-stats .profile-stats-blaze-down {
  padding: 50px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.65);
  font-size: 16px; }
#game-stats .box.no-results {
  text-align: center; }
#game-stats .servicestar {
  margin: 0 auto; }
  #game-stats .servicestar.no-service-stars {
    text-indent: -200%;
    overflow: hidden;
    opacity: 0.4;
    width: 20px;
    padding: 0; }
  #game-stats .servicestar.faded {
    opacity: 0.5; }
#game-stats .image {
  display: inline-block; }
#game-stats table.profile-stats-table {
  margin-bottom: 0; }
  #game-stats table.profile-stats-table tbody tr.locked:not(.active) .image {
    opacity: 0.3; }
  #game-stats table.profile-stats-table tbody tr.active p {
    color: #000;
    font-weight: bold; }
  #game-stats table.profile-stats-table tbody tr.active td {
    background-color: #fff; }
  #game-stats table.profile-stats-table tbody tr.active:hover {
    background-color: transparent; }
  #game-stats table.profile-stats-table thead th:nth-child(1) {
    width: 25px; }
  #game-stats table.profile-stats-table thead th:nth-child(2) {
    width: 200px; }
  #game-stats table.profile-stats-table thead th:nth-child(3) {
    width: 75px; }
  #game-stats table.profile-stats-table td {
    padding: 0;
    text-align: center;
    cursor: pointer;
    height: 95px; }
    #game-stats table.profile-stats-table td:first-child {
      font-size: 24px; }
    #game-stats table.profile-stats-table td:nth-child(2) .progress-bar {
      width: auto;
      position: absolute;
      bottom: 0; }
    #game-stats table.profile-stats-table td strong {
      display: block;
      font-size: 20px;
      font-weight: 400; }
    #game-stats table.profile-stats-table td .progress-bar {
      margin: 0;
      position: absolute;
      right: 0;
      left: 0;
      bottom: 0px; }
    #game-stats table.profile-stats-table td.item-name {
      text-align: center; }
      #game-stats table.profile-stats-table td.item-name .image {
        vertical-align: middle;
        margin-bottom: 9px; }
      #game-stats table.profile-stats-table td.item-name p {
        font-size: 12px;
        font-family: Arial, sans-serif; }
      #game-stats table.profile-stats-table td.item-name .progress-bar {
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0; }
      #game-stats table.profile-stats-table td.item-name span {
        position: absolute;
        bottom: 4px;
        left: 0;
        right: 0;
        text-align: center;
        font-size: 12px; }
    #game-stats table.profile-stats-table td.item-kills strong {
      margin-top: 26px;
      margin-bottom: 10px; }
    #game-stats table.profile-stats-table td.item-kills span {
      color: #34454f;
      font-size: 12px; }
    #game-stats table.profile-stats-table td.item-kills .icon-weapon {
      position: absolute;
      top: 5px;
      right: 5px; }
    #game-stats table.profile-stats-table td .unlocks-taken {
      position: absolute;
      top: 10px;
      left: 0;
      width: 100%;
      font-size: 12px;
      text-align: center; }
    #game-stats table.profile-stats-table td .price {
      font-size: 12px;
      padding-top: 10px;
      display: block;
      clear: both;
      color: #41b747;
      font-weight: bold; }
      #game-stats table.profile-stats-table td .price.insufficient-funds {
        color: #b00f0f; }

#game-stats-head {
  margin-bottom: 8px;
  height: 64px; }
  #game-stats-head:before, #game-stats-head:after {
    display: table;
    content: "";
    line-height: 0; }
  #game-stats-head:after {
    clear: both; }
  #game-stats-head .club-link {
    font-family: "Frutiger", sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    color: #333; }
  #game-stats-head .avatar-container {
    float: left;
    margin-right: 16px; }
  #game-stats-head h1 {
    margin-bottom: 4px;
    font-size: 36px;
    line-height: 32px; }
  #game-stats-head .user {
    min-width: 860px; }
    #game-stats-head .user:before, #game-stats-head .user:after {
      display: table;
      content: "";
      line-height: 0; }
    #game-stats-head .user:after {
      clear: both; }
    #game-stats-head .user .common-gameicon-hori, #game-stats-head .user a.profile-link, #game-stats-head .user .devblog .devblog-post .battlelog-wordpress a.profile-link, .devblog .devblog-post .battlelog-wordpress #game-stats-head .user a.profile-link {
      line-height: 13px;
      font-size: 13px;
      margin-right: 5px; }
    #game-stats-head .user .common-gameicon-hori, #game-stats-head .user .icon-premium-wide {
      margin-right: 5px;
      float: left; }
    #game-stats-head .user .icon-premium-wide {
      margin-top: 4px; }

#stats-header-challenges {
  font-family: "Frutiger", sans-serif;
  font-weight: normal; }
  #stats-header-challenges:before, #stats-header-challenges:after {
    display: table;
    content: "";
    line-height: 0; }
  #stats-header-challenges:after {
    clear: both; }
  #stats-header-challenges > div {
    margin-top: 14px; }
  #stats-header-challenges > div:nth-child(2) {
    margin-right: 16px;
    height: 29px;
    padding-top: 3px; }
    #stats-header-challenges > div:nth-child(2) i:nth-of-type(1) {
      margin-right: 16px; }
    #stats-header-challenges > div:nth-child(2) i:nth-of-type(2) {
      float: right;
      margin-left: 16px; }

#stats-list-container li {
  clear: both;
  height: 26px;
  line-height: 26px;
  padding: 0 10px; }
  #stats-list-container li:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.3); }
  #stats-list-container li span {
    float: left; }
  #stats-list-container li strong {
    float: right; }

.overview-small-list-box .box-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 64px;
  padding: 14px 16px 0; }
  .overview-small-list-box .box-content.alpha {
    height: 79px;
    padding: 15px 15px 0; }
.overview-small-list-box .no-data {
  width: 100%;
  margin-top: 12px;
  text-align: center;
  font-size: 12px;
  color: #34454f; }

.overview-small-solo-box .box-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 144px; }

.empty-overview-top-box .box-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 143px; }
.empty-overview-top-box .no-data {
  width: 100%;
  margin-top: 64px;
  text-align: center;
  font-size: 12px;
  color: #34454f; }

.overview-top-box .box-content {
  background: transparent;
  position: relative;
  height: 143px; }
.overview-top-box .item-highlighted {
  position: absolute;
  top: 0;
  right: 85px;
  bottom: 0;
  left: 0; }
  .overview-top-box .item-highlighted .top-item {
    width: 100%;
    height: 100%; }
    .overview-top-box .item-highlighted .top-item .info {
      right: 10px;
      bottom: 13px;
      left: 16px;
      text-align: left; }
      .overview-top-box .item-highlighted .top-item .info .service-stars {
        position: absolute;
        right: 0;
        bottom: 0;
        text-align: right;
        font-size: 19px;
        height: 21px;
        padding-left: 22px;
        padding-top: 0;
        background: url(../profile/warsaw/stats/servicestars/servicestar-20x20.png) 0 1px no-repeat;
        background-size: 18px 18px;
        font-family: "Frutiger", sans-serif;
        font-weight: bold; }
.overview-top-box.overview-info-box .top-item {
  background: rgba(0, 0, 0, 0.5); }
.overview-top-box.overview-info-box .item-highlighted {
  right: 106px; }
  .overview-top-box.overview-info-box .item-highlighted .top-item .leaderboard-icons {
    padding-top: 24px; }
.overview-top-box.overview-info-box .items-highlighted {
  width: 105px; }
  .overview-top-box.overview-info-box .items-highlighted .top-item {
    width: 105px;
    height: 90px; }
    .overview-top-box.overview-info-box .items-highlighted .top-item + .top-item {
      height: 89px; }
.overview-top-box .items-highlighted {
  float: right;
  margin-top: -1px;
  width: 84px; }
  .overview-top-box .items-highlighted .top-item {
    margin-top: 1px; }
    .overview-top-box .items-highlighted .top-item .info .title, .overview-top-box .items-highlighted .top-item .info .score {
      display: none; }
.overview-top-box .top-item {
  width: 84px;
  height: 71px;
  position: relative;
  background-color: rgba(0, 0, 0, 0.4); }
  .overview-top-box .top-item.is-linked a:hover, .overview-top-box .top-item.is-linked .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress .overview-top-box .top-item.is-linked a:hover {
    background-color: rgba(240, 240, 240, 0.65); }
  .overview-top-box .top-item > a, .overview-top-box .top-item > .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .overview-top-box .top-item > a {
    width: 100%;
    height: 100%;
    text-decoration: none;
    display: block;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .overview-top-box .top-item.list-head {
    text-align: center;
    font-size: 18px;
    line-height: 55px; }
  .overview-top-box .top-item .info {
    position: absolute;
    right: 0;
    bottom: 8px;
    left: 0;
    text-align: center; }
    .overview-top-box .top-item .info .title {
      font-size: 14px;
      line-height: 1;
      margin-bottom: 4px;
      text-transform: uppercase;
      color: #34454f;
      text-align: center; }
    .overview-top-box .top-item .info .score {
      font-size: 19px;
      line-height: 1;
      text-transform: uppercase;
      text-align: center;
      font-family: "Frutiger", sans-serif;
      font-weight: bold; }
    .overview-top-box .top-item .info .service-stars {
      font-size: 12px;
      line-height: 1;
      display: inline-block;
      font-weight: bold;
      height: 13px;
      padding-top: 1px;
      padding-left: 16px;
      background: url(../profile/warsaw/stats/servicestars/servicestar-18x18.png) 0 0 no-repeat;
      background-size: 13px 13px; }
    .overview-top-box .top-item .info + span {
      float: right;
      margin: 10px 10px 0 0; }
  .overview-top-box .top-item span {
    font-size: 12px;
    color: #34454f; }
.overview-top-box .top-leaderboards .leaderboard-icons img {
  margin: 4px;
  margin-top: 12px; }
.overview-top-box .top-leaderboards .items-highlighted .lb-item-image {
  position: absolute;
  right: 8px;
  top: 4px;
  height: 40px; }
.overview-top-box .top-leaderboards .items-highlighted .division-rank {
  position: absolute;
  left: 8px;
  bottom: 4px;
  z-index: 1;
  font-weight: bold;
  font-size: 12px; }
  .overview-top-box .top-leaderboards .items-highlighted .division-rank .division {
    height: 32px; }
  .overview-top-box .top-leaderboards .items-highlighted .division-rank .area {
    height: 20px; }
  .overview-top-box .top-leaderboards .items-highlighted .division-rank .rank {
    line-height: 10px;
    vertical-align: 50%; }
.overview-top-box .battlereport-minicard {
  padding: 7px; }
  .overview-top-box .battlereport-minicard:hover {
    background-color: rgba(0, 0, 0, 0.35);
    cursor: pointer; }

#overview-battlereport-favorites > a, #overview-battlereport-favorites > .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #overview-battlereport-favorites > a {
  display: inline-block;
  margin: 4px 12px 0 0; }
  #overview-battlereport-favorites > a:last-child, #overview-battlereport-favorites > .devblog .devblog-post .battlelog-wordpress a:last-child, .devblog .devblog-post .battlelog-wordpress #overview-battlereport-favorites > a:last-child {
    margin-right: 0; }
#overview-battlereport-favorites .no-data {
  margin-top: 18px; }

#overview-info .overview-info-box #overview-battlereport-favorites.box-content {
  height: 90px; }
  #overview-info .overview-info-box #overview-battlereport-favorites.box-content + .box-content {
    height: 89px; }

.dimmed {
  height: 223px;
  background-color: rgba(0, 0, 0, 0.45);
  font-family: "Frutiger", sans-serif;
  font-weight: normal;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
  line-height: 212px; }

#overview-top-modes:hover {
  background-color: rgba(240, 240, 240, 0.65); }
#overview-top-modes ul {
  padding: 20px 16px 21px;
  margin: 0; }

#overview-completion {
  margin-top: 16px; }
  #overview-completion .box-content {
    background-color: inherit; }
  #overview-completion ul li {
    height: 40px;
    margin-bottom: 1px;
    padding: 6px 0;
    background-color: rgba(255, 255, 255, 0.65); }
    #overview-completion ul li:hover {
      background-color: rgba(255, 255, 255, 0.55); }
    #overview-completion ul li i {
      float: left;
      margin-top: 6px; }
    #overview-completion ul li .completion-content {
      padding: 8px 0 12px 20px;
      overflow: hidden; }
      #overview-completion ul li .completion-content h6 {
        color: #000;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
        margin-top: 3px;
        float: left;
        text-transform: lowercase;
        font-family: Arial;
        width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      #overview-completion ul li .completion-content h6:first-letter {
        text-transform: uppercase; }
      #overview-completion ul li .completion-content .progress-bar {
        width: 700px;
        margin-top: 7px;
        margin-bottom: 0;
        float: right; }
      #overview-completion ul li .completion-content p {
        float: right;
        width: 90px;
        padding-left: 30px;
        font-size: 12px;
        position: relative;
        top: 5px;
        padding-top: 3px;
        color: #000; }
        #overview-completion ul li .completion-content p.completed {
          background-image: url(../profile/warsaw/checkbox.png);
          background-repeat: no-repeat;
          background-position: 74px 0;
          height: 16px; }

.stat-latest-game h6 {
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0; }
.stat-latest-game i {
  display: inline-block;
  height: 42px;
  width: 42px; }
.stat-latest-game .info {
  text-align: left; }
  .stat-latest-game .info p:first-child {
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 6px;
    text-transform: uppercase;
    color: #34454f; }
  .stat-latest-game .info p:last-child {
    line-height: 14px; }

#filter-options {
  display: none;
  margin-bottom: 20px; }
  #filter-options .ui-widget-content {
    border: 0;
    background-color: rgba(0, 0, 0, 0.6); }
  #filter-options .ui-slider-handle {
    width: 6px;
    height: 9px;
    top: -2px;
    margin-left: -5px; }
  #filter-options .ui-widget-header {
    background-color: #148ec1;
    background-image: -webkit-linear-gradient(left, #148ec1 50%, transparent 50%), -webkit-linear-gradient(left, #44d7ff 50%, transparent 50%);
    background-image: linear-gradient(to right, #148ec1 50%, transparent 50%), linear-gradient(to right, #44d7ff 50%, transparent 50%);
    background-size: 1px 1px, 2px 2px, 3px 3px;
    box-shadow: 0 0 3px 1px #148ec1 inset; }
  #filter-options .filter-list li {
    margin-bottom: 10px; }
  #filter-options .filter-list span {
    font-size: 12px;
    text-transform: uppercase; }
    #filter-options .filter-list span:last-child {
      float: right;
      margin-top: 4px;
      color: #34454f; }
  #filter-options .filter-list .filter-slider {
    margin-top: 6px; }
  #filter-options h3 {
    color: #8A8A8A;
    font-size: 13px;
    line-height: 1.2; }
  #filter-options section {
    float: left; }
    #filter-options section.attributes-filter {
      width: 480px; }
    #filter-options section.category-filter {
      width: 430px;
      margin-left: 50px; }
      #filter-options section.category-filter li {
        display: inline-block;
        width: 190px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }

/* Shared stuff for stat pages
* ---------------------------------------------------------------- */
.stat-box {
  margin-bottom: 16px; }
  .stat-box > header + .box-content {
    padding: 0;
    background-color: inherit;
    margin-top: 0; }

.stat-list-col > li {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 1px 1px 0 0;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.05s ease-in-out;
  -moz-transition: all 0.05s ease-in-out;
  -o-transition: all 0.05s ease-in-out;
  transition: all 0.05s ease-in-out; }
  .stat-list-col > li:hover {
    background-color: rgba(255, 255, 255, 0.55); }
  .stat-list-col > li.active {
    background-color: #fff;
    opacity: 1; }
.stat-list-col.col6 > li {
  width: 108px; }
  .stat-list-col.col6 > li:nth-child(6n+4), .stat-list-col.col6 > li:nth-child(6n+5) {
    width: 109px; }
  .stat-list-col.col6 > li:nth-child(6n) {
    width: 109px;
    margin-right: 0; }
.stat-list-col.col5 > li {
  width: 130px; }
  .stat-list-col.col5 > li:nth-child(5n+1) {
    width: 131px; }
  .stat-list-col.col5 > li:nth-child(5n+5) {
    width: 131px;
    margin-right: 0; }
.stat-list-col.col4 > li {
  width: 163px; }
  .stat-list-col.col4 > li:nth-child(4n+1) {
    width: 164px; }
  .stat-list-col.col4 > li:nth-child(4n+4) {
    width: 163px;
    margin-right: 0; }
.stat-list-col.col3 > li {
  width: 218px;
  min-height: 104px; }
  .stat-list-col.col3 > li:nth-child(3n+3) {
    margin-right: 0; }
.stat-list-col .valign {
  margin-top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }
.stat-list-col .progress-bar {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0; }

.box-list {
  margin-bottom: 1px; }
  .box-list li {
    margin-top: 1px;
    padding: 8px 10px;
    background-color: rgba(255, 255, 255, 0.65);
    font-size: 12px; }

/* Common link class ? */
a.box-link, .devblog .devblog-post .battlelog-wordpress a.box-link {
  padding: 2px 5px;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  font-size: 12px;
  text-decoration: none; }
  a.box-link:hover, .devblog .devblog-post .battlelog-wordpress a.box-link:hover {
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 6px 0 rgba(255, 255, 255, 0.5);
    color: #000; }

#profile-status-message-edit {
  width: 100%;
  box-sizing: border-box;
  font-size: 14px;
  padding: 7px 8px;
  margin-bottom: 8px; }

#profile-status-message {
  position: relative; }
  #profile-status-message .profile-status-message-text {
    display: inline-block; }
  #profile-status-message .profile-status-message-date {
    font-size: 12px;
    color: #34454f; }
  #profile-status-message.profile-your .message {
    border: 1px solid #c5c5c5;
    background-color: rgba(255, 255, 255, 0.65); }
    #profile-status-message.profile-your .message #profile-status-message-area {
      font-size: 14px;
      padding: 8px; }
  #profile-status-message.profile-your:hover .message {
    cursor: text;
    border-color: #34454f; }
  #profile-status-message #profile-edit-status-button {
    background-image: url(../comcenter/chat-edit.png);
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 11px;
    top: 11px;
    cursor: pointer; }
    #profile-status-message #profile-edit-status-button:hover {
      background-position: 0 -14px; }
  #profile-status-message:hover #profile-edit-status-button {
    background-position: 0 -14px; }
  #profile-status-message .feed-update-status-terms {
    cursor: pointer; }

#profile-edit-full-form .soldier-row.premium {
  background-image: url(../base/bf4/overlay-p.png);
  background-position: top center;
  background-repeat: no-repeat; }
  #profile-edit-full-form .soldier-row.premium .icon-premium-wide {
    position: relative;
    top: 2px;
    margin-right: 6px; }
#profile-edit-full-form .profile-edit-full-form-loader {
  float: left;
  margin-right: 8px;
  margin-top: 0px;
  display: none;
  position: relative; }
#profile-edit-full-form #profile-edit-blocked-users .base-profile-link {
  font-size: 12px;
  font-weight: bold; }
#profile-edit-full-form #profile-edit-blocked-users .profile-removeblock {
  margin-top: 4px; }
#profile-edit-full-form .profile-edit-gravatar-container {
  float: left;
  margin-right: 16px;
  background: rgba(0, 0, 0, 0.5);
  color: #d5dde5; }
#profile-edit-full-form p {
  font-size: 12px;
  line-height: 1.2; }
  #profile-edit-full-form p a, #profile-edit-full-form p .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #profile-edit-full-form p a {
    text-decoration: none; }
  #profile-edit-full-form p a:hover, #profile-edit-full-form p .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress #profile-edit-full-form p a:hover {
    text-decoration: underline; }
#profile-edit-full-form label {
  font-size: 12px; }
#profile-edit-full-form #profile-edit-gravatar {
  margin-top: 10px;
  line-height: 26px;
  width: 340px; }
#profile-edit-full-form #profile-edit-remove-gravatar, #profile-edit-full-form #profile-edit-change-gravatar {
  font-size: 12px;
  margin-right: 16px;
  line-height: 40px; }
#profile-edit-full-form .blockbox {
  width: 100%;
  margin-top: 1px; }
#profile-edit-full-form .profile-personas-playing-game li {
  clear: both; }
  #profile-edit-full-form .profile-personas-playing-game li .profile-tag-soldier-name {
    clear: both;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 0; }
    #profile-edit-full-form .profile-personas-playing-game li .profile-tag-soldier-name .soldiername {
      float: left;
      margin-right: 5px; }
    #profile-edit-full-form .profile-personas-playing-game li .profile-tag-soldier-name .profile-soldier-game {
      margin-top: 2px; }
  #profile-edit-full-form .profile-personas-playing-game li .profile-edit-clantag-input-container {
    position: relative;
    top: 10px;
    left: 10px;
    float: left; }
  #profile-edit-full-form .profile-personas-playing-game li .soldier-dogtags {
    position: relative;
    left: 20px; }
#profile-edit-full-form .profile-edit-dogtag-text {
  display: inline-block;
  position: absolute;
  top: 30px;
  font-size: 12px;
  cursor: pointer;
  margin-left: 10px; }
#profile-edit-full-form .profile-edit-dogtag-text:hover {
  text-decoration: underline; }
#profile-edit-full-form .profile-edit-picture .profile-soldier-image {
  cursor: inherit; }
#profile-edit-full-form .profile-edit-soldier-text {
  display: inline-block;
  position: absolute;
  top: 30px;
  font-size: 12px;
  cursor: pointer;
  margin-left: 10px; }
#profile-edit-full-form .profile-edit-soldier-text:hover {
  text-decoration: underline; }
#profile-edit-full-form .profile-edit-presentation-text {
  float: left;
  width: 104px;
  display: inline-block;
  font-size: 12px;
  position: relative;
  top: 5px; }
#profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form #profile-edit-presentation {
  overflow-y: auto;
  font-size: 12px;
  padding: 8px;
  width: 438px;
  max-width: 438px;
  height: 100px;
  margin: 0; }
#profile-edit-full-form p.edit-profile-user-details-text {
  line-height: 1.2;
  padding-bottom: 15px; }
#profile-edit-full-form #profile-edit-row-name {
  margin-bottom: 16px; }
#profile-edit-full-form #profile-edit-row-location label {
  float: left; }
#profile-edit-full-form .profile-presentation-box {
  margin-top: 10px; }
#profile-edit-full-form .profile-edit-dateformat-label {
  width: 150px; }
#profile-edit-full-form .profile-edit-friends-info {
  position: absolute;
  line-height: 16px; }
#profile-edit-full-form .profile-edit-row {
  min-height: 22px; }
#profile-edit-full-form .profile-edit-row > label:first-child {
  min-width: 170px;
  text-transform: uppercase;
  font-weight: bold;
  float: left;
  position: relative;
  top: 5px; }
#profile-edit-full-form #profile-edit-clantag-input.greyedout {
  background: rgba(255, 255, 255, 0.05); }
#profile-edit-full-form #profile-edit-clantag-input {
  width: 90px; }
#profile-edit-full-form .profile-edit-row-birthday .ui-select {
  margin-right: 8px;
  text-transform: capitalize; }
#profile-edit-full-form .profile-warsawstats-resetstatsbutton {
  position: relative;
  top: 5px;
  margin-right: 6px; }
#profile-edit-full-form .switch {
  margin: 0;
  margin-right: 10px;
  position: relative;
  top: 3px; }
#profile-edit-full-form .profile-edit-invisible-label.label-hidden {
  display: none; }
#profile-edit-full-form .extra-info {
  margin-left: 170px;
  margin-right: 170px;
  margin-top: 16px;
  color: #34454f;
  font-size: 12px;
  line-height: 18px; }
  #profile-edit-full-form .extra-info.hidden {
    display: none; }
#profile-edit-full-form #profile-edit-row-game-launch .profile-edit-notification-label, #profile-edit-full-form #profile-edit-row-privacy .profile-edit-notification-label, #profile-edit-full-form #profile-edit-row-sound-notification .profile-edit-notification-label, #profile-edit-full-form #profile-edit-row-local-settings .profile-edit-notification-label {
  float: left; }
#profile-edit-full-form #profile-edit-row-game-launch .soundevents, #profile-edit-full-form #profile-edit-row-game-launch .local-settings, #profile-edit-full-form #profile-edit-row-privacy .soundevents, #profile-edit-full-form #profile-edit-row-privacy .local-settings, #profile-edit-full-form #profile-edit-row-sound-notification .soundevents, #profile-edit-full-form #profile-edit-row-sound-notification .local-settings, #profile-edit-full-form #profile-edit-row-local-settings .soundevents, #profile-edit-full-form #profile-edit-row-local-settings .local-settings {
  float: left; }
  #profile-edit-full-form #profile-edit-row-game-launch .soundevents .profile-edit-sound-notification-option, #profile-edit-full-form #profile-edit-row-game-launch .soundevents .profile-edit-local-setting, #profile-edit-full-form #profile-edit-row-game-launch .local-settings .profile-edit-sound-notification-option, #profile-edit-full-form #profile-edit-row-game-launch .local-settings .profile-edit-local-setting, #profile-edit-full-form #profile-edit-row-privacy .soundevents .profile-edit-sound-notification-option, #profile-edit-full-form #profile-edit-row-privacy .soundevents .profile-edit-local-setting, #profile-edit-full-form #profile-edit-row-privacy .local-settings .profile-edit-sound-notification-option, #profile-edit-full-form #profile-edit-row-privacy .local-settings .profile-edit-local-setting, #profile-edit-full-form #profile-edit-row-sound-notification .soundevents .profile-edit-sound-notification-option, #profile-edit-full-form #profile-edit-row-sound-notification .soundevents .profile-edit-local-setting, #profile-edit-full-form #profile-edit-row-sound-notification .local-settings .profile-edit-sound-notification-option, #profile-edit-full-form #profile-edit-row-sound-notification .local-settings .profile-edit-local-setting, #profile-edit-full-form #profile-edit-row-local-settings .soundevents .profile-edit-sound-notification-option, #profile-edit-full-form #profile-edit-row-local-settings .soundevents .profile-edit-local-setting, #profile-edit-full-form #profile-edit-row-local-settings .local-settings .profile-edit-sound-notification-option, #profile-edit-full-form #profile-edit-row-local-settings .local-settings .profile-edit-local-setting {
    margin-bottom: 4px; }
    #profile-edit-full-form #profile-edit-row-game-launch .soundevents .profile-edit-sound-notification-option:last-child, #profile-edit-full-form #profile-edit-row-game-launch .soundevents .profile-edit-local-setting:last-child, #profile-edit-full-form #profile-edit-row-game-launch .local-settings .profile-edit-sound-notification-option:last-child, #profile-edit-full-form #profile-edit-row-game-launch .local-settings .profile-edit-local-setting:last-child, #profile-edit-full-form #profile-edit-row-privacy .soundevents .profile-edit-sound-notification-option:last-child, #profile-edit-full-form #profile-edit-row-privacy .soundevents .profile-edit-local-setting:last-child, #profile-edit-full-form #profile-edit-row-privacy .local-settings .profile-edit-sound-notification-option:last-child, #profile-edit-full-form #profile-edit-row-privacy .local-settings .profile-edit-local-setting:last-child, #profile-edit-full-form #profile-edit-row-sound-notification .soundevents .profile-edit-sound-notification-option:last-child, #profile-edit-full-form #profile-edit-row-sound-notification .soundevents .profile-edit-local-setting:last-child, #profile-edit-full-form #profile-edit-row-sound-notification .local-settings .profile-edit-sound-notification-option:last-child, #profile-edit-full-form #profile-edit-row-sound-notification .local-settings .profile-edit-local-setting:last-child, #profile-edit-full-form #profile-edit-row-local-settings .soundevents .profile-edit-sound-notification-option:last-child, #profile-edit-full-form #profile-edit-row-local-settings .soundevents .profile-edit-local-setting:last-child, #profile-edit-full-form #profile-edit-row-local-settings .local-settings .profile-edit-sound-notification-option:last-child, #profile-edit-full-form #profile-edit-row-local-settings .local-settings .profile-edit-local-setting:last-child {
      margin: 0; }
#profile-edit-full-form #profile-edit-row-game-launch span, #profile-edit-full-form #profile-edit-row-privacy span, #profile-edit-full-form #profile-edit-row-sound-notification span, #profile-edit-full-form #profile-edit-row-local-settings span {
  font-size: 12px; }
#profile-edit-full-form #profile-edit-row-game-launch .profile-edit-privacy-option-labels, #profile-edit-full-form #profile-edit-row-privacy .profile-edit-privacy-option-labels, #profile-edit-full-form #profile-edit-row-sound-notification .profile-edit-privacy-option-labels, #profile-edit-full-form #profile-edit-row-local-settings .profile-edit-privacy-option-labels {
  margin-left: 16px;
  margin-bottom: 8px; }
#profile-edit-full-form #profile-edit-row-game-launch .ui-select, #profile-edit-full-form #profile-edit-row-privacy .ui-select, #profile-edit-full-form #profile-edit-row-sound-notification .ui-select, #profile-edit-full-form #profile-edit-row-local-settings .ui-select {
  margin-right: 6px; }
#profile-edit-full-form #profile-edit-row-game-launch div.label label, #profile-edit-full-form #profile-edit-row-privacy div.label label, #profile-edit-full-form #profile-edit-row-sound-notification div.label label, #profile-edit-full-form #profile-edit-row-local-settings div.label label {
  font-size: 14px;
  font-weight: bold; }
#profile-edit-full-form .profile-edit-privacy-option-label a, #profile-edit-full-form .profile-edit-privacy-option-label .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #profile-edit-full-form .profile-edit-privacy-option-label a {
  color: #34454f; }

.soldierbox-hidden {
  display: none; }

#soldierbox-footer {
  padding: 0; }

#favorite-battlereports-table {
  width: 327px;
  font-size: 10px; }
  #favorite-battlereports-table .favmapname {
    padding-bottom: 5px;
    font-size: 11px; }
  #favorite-battlereports-table .map-info p {
    white-space: normal;
    word-wrap: break-word;
    width: 99px; }

.profile-location-display {
  font-size: 12px;
  padding: 0px 0;
  width: 400px;
  margin-left: 5px;
  font-weight: bold;
  float: left; }
  .profile-location-display a, .profile-location-display .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .profile-location-display a {
    font-weight: normal;
    font-size: 12px; }
  .profile-location-display p {
    font-weight: normal; }

.profile-editsoldier {
  padding: 0 !important;
  margin-top: 0; }
  .profile-editsoldier .dogtag1 {
    position: relative;
    left: 14px; }

.profile-editsoldier-icon {
  position: relative;
  top: 3px; }

.profile-editsoldier-table {
  margin-bottom: 0 !important; }
  .profile-editsoldier-table .game-title {
    color: #fff;
    font-size: 16px;
    font-family: "Frutiger", sans-serif;
    font-weight: bold; }

.profile-editprivacy-table {
  margin-bottom: 0 !important; }

#friend-unblock-button.hidden {
  display: none; }

#friend-block-button.hidden {
  display: none; }

td.profile-edit-primary .switch {
  position: relative;
  left: 12px; }

td#profile-edit-soldier-name {
  width: 400px; }
  td#profile-edit-soldier-name a, td#profile-edit-soldier-name .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress td#profile-edit-soldier-name a {
    font-size: 14px; }

span.edit-profile-back {
  margin-left: 10px; }

h1.primary.soldier-info-name span, h1.primary.soldier-info-name #battlereport > header h1.soldier-info-name, #battlereport > header h1.primary.soldier-info-name h1.soldier-info-name {
  text-transform: none;
  line-height: 40px; }

.overview-info-box .box-content {
  position: relative; }

#profile-customize-dropdown-button {
  position: relative; }
  #profile-customize-dropdown-button .btn {
    padding-left: 10px;
    white-space: nowrap;
    padding-right: 10px; }
    #profile-customize-dropdown-button .btn img {
      position: relative;
      top: -3px;
      right: -2px;
      opacity: 0.85; }
    #profile-customize-dropdown-button .btn:hover img {
      opacity: 1; }

.btn.set-as-active {
  padding: 0 10px;
  margin-right: 10px; }

.profile.underage {
  text-align: center; }
  .profile.underage .box-content {
    padding-top: 200px;
    min-height: 300px; }

.dogtags-chain {
  text-align: left;
  position: relative; }
  .dogtags-chain .dog-tag-name-overlay {
    font-size: 14px;
    position: absolute;
    top: 16px;
    left: 51px;
    z-index: 2;
    color: #444;
    text-shadow: 0px -2px 3px rgba(255, 255, 255, 0.8), 0px 2px 3px rgba(0, 0, 0, 0.8);
    font-family: "Frutiger", sans-serif;
    font-weight: normal;
    -webkit-transform: rotate(11deg);
    transform: rotate(11deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text; }
    .dogtags-chain .dog-tag-name-overlay.inverted {
      color: #fff;
      text-shadow: 0px -1px 3px rgba(255, 255, 255, 0.8), 0px 2px 3px rgba(0, 0, 0, 0.8); }

#soldierportraits-container #soldierimage {
  text-align: center; }
  #soldierportraits-container #soldierimage li {
    margin: 5px 10px;
    cursor: pointer; }
    #soldierportraits-container #soldierimage li.disabled {
      opacity: 0.4;
      cursor: inherit; }
    #soldierportraits-container #soldierimage li:hover {
      background: rgba(255, 255, 255, 0.1); }
    #soldierportraits-container #soldierimage li.selected {
      background: #fff; }
    #soldierportraits-container #soldierimage li img {
      display: block; }
    #soldierportraits-container #soldierimage li .unlock-info {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0; }
    #soldierportraits-container #soldierimage li .icon-premium-p {
      right: 6px;
      bottom: 100%;
      margin-bottom: 8px; }
    #soldierportraits-container #soldierimage li .icon-battlepack {
      position: absolute;
      right: 6px;
      bottom: 100%;
      margin-bottom: 8px; }
      #soldierportraits-container #soldierimage li .icon-battlepack + .icon-premium-p {
        right: 26px; }
    #soldierportraits-container #soldierimage li .battlepack-desc {
      background: rgba(0, 0, 0, 0.75);
      color: #fff;
      line-height: 16px;
      font-size: 11px; }

.profile-solder-picture {
  cursor: pointer; }

.common-reportbutton-container.active .common-reportbutton {
  background-position: 0 0; }

.common-reportbutton.bright {
  background-position: 0 0; }

#agent-top-leaderboards .box-content {
  -webkit-transition: all 0.05s ease-in-out;
  -moz-transition: all 0.05s ease-in-out;
  -o-transition: all 0.05s ease-in-out;
  transition: all 0.05s ease-in-out; }
#agent-top-leaderboards .box-content:hover {
  background-color: rgba(255, 255, 255, 0.55); }
#agent-top-leaderboards .top-leaderboards .top-item {
  width: 165px;
  text-align: center;
  height: 194px;
  padding: 35px 0;
  float: left;
  position: relative;
  left: 42px; }
  #agent-top-leaderboards .top-leaderboards .top-item a:hover, #agent-top-leaderboards .top-leaderboards .top-item .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress #agent-top-leaderboards .top-leaderboards .top-item a:hover {
    text-decoration: none; }
  #agent-top-leaderboards .top-leaderboards .top-item .lb-title {
    font-size: 12px;
    color: #2a3b44;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    padding-bottom: 10px; }
    #agent-top-leaderboards .top-leaderboards .top-item .lb-title:hover {
      text-decoration: none; }
  #agent-top-leaderboards .top-leaderboards .top-item .lb-scoretype {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 14px;
    color: #2a3b44;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 6px; }
    #agent-top-leaderboards .top-leaderboards .top-item .lb-scoretype:hover {
      text-decoration: none; }
  #agent-top-leaderboards .top-leaderboards .top-item .division-rank {
    padding-top: 10px; }
  #agent-top-leaderboards .top-leaderboards .top-item .rank {
    clear: both;
    position: relative;
    width: 100%;
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 20px;
    color: #2a3b44; }
    #agent-top-leaderboards .top-leaderboards .top-item .rank:hover {
      text-decoration: none; }

body #base-container #user #soldiers .soldier-game-8192 .soldier .profile-soldier-image {
  bottom: 0; }

.devblog {
  font-family: Arial, sans-serif; }
  .devblog .header {
    margin-bottom: 15px; }
  .devblog section.pagination {
    margin-top: 10px; }
  .devblog .no-caps {
    text-transform: none; }
  .devblog .devblog-topstories-container {
    margin-bottom: 16px; }
    .devblog .devblog-topstories-container .devblog-topstory-wrapper .devblog-topstory {
      display: block;
      background-repeat: no-repeat;
      background-size: 100% auto;
      position: relative;
      height: 224px;
      background-color: black; }
      .devblog .devblog-topstories-container .devblog-topstory-wrapper .devblog-topstory .devblog-topstory-overlay {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: -webkit-linear-gradient( rgba(19, 22, 26, 0.5), #13161a 50%);
        background-image: linear-gradient( rgba(19, 22, 26, 0.5), #13161a 50%); }
      .devblog .devblog-topstories-container .devblog-topstory-wrapper .devblog-topstory .devblog-topstory-content {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        bottom: 0;
        margin-top: 16px;
        padding: 0 16px 16px 16px; }
        .devblog .devblog-topstories-container .devblog-topstory-wrapper .devblog-topstory .devblog-topstory-content .devblog-topstory-votes {
          display: inline-block;
          margin: 0 0 12px 0;
          padding: 0 6px 0 0;
          line-height: 18px;
          font-size: 14px; }
          .devblog .devblog-topstories-container .devblog-topstory-wrapper .devblog-topstory .devblog-topstory-content .devblog-topstory-votes .icon {
            display: block;
            float: left;
            background: url('../feed/icon-hooah-activitystream.png') 0 -54px no-repeat;
            width: 18px;
            height: 18px;
            margin: 0 6px 0 0; }
        .devblog .devblog-topstories-container .devblog-topstory-wrapper .devblog-topstory .devblog-topstory-content .devblog-topstory-comments {
          display: inline-block;
          margin: 0 0 12px 0;
          padding: 0 6px 0 0;
          line-height: 18px;
          font-size: 14px; }
          .devblog .devblog-topstories-container .devblog-topstory-wrapper .devblog-topstory .devblog-topstory-content .devblog-topstory-comments .icon {
            display: block;
            float: left;
            background-image: url('../devblog/icon-comments.png');
            background-repeat: no-repeat;
            background-position: 0 -10px;
            width: 18px;
            height: 13px;
            margin: 3px 6px 0 0; }
        .devblog .devblog-topstories-container .devblog-topstory-wrapper .devblog-topstory .devblog-topstory-content h2 {
          font-family: purista;
          font-size: 20px;
          max-height: 61px;
          overflow: hidden;
          text-transform: none;
          line-height: inherit;
          font-weight: normal;
          min-height: 40px; }
    .devblog .devblog-topstories-container .devblog-topstory-wrapper .info-box {
      padding: 16px;
      position: absolute;
      bottom: 0px;
      left: 0px; }
      .devblog .devblog-topstories-container .devblog-topstory-wrapper .info-box .comments {
        padding-left: 16px;
        background-color: rgba(240, 240, 240, 0.65);
        width: 20px; }
  .devblog .devblog-post {
    font-size: 14px;
    line-height: 20px; }
    .devblog .devblog-post h1 {
      font-size: 30px;
      line-height: 32px;
      margin-bottom: 16px;
      text-transform: none;
      font-weight: bold; }
    .devblog .devblog-post .devblog-index-iteminfo {
      position: relative; }
      .devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-avatar {
        display: inline-block;
        margin-right: 10px; }
      .devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo {
        display: inline-block;
        line-height: 35px; }
        .devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .username {
          font-weight: bold;
          color: #fff;
          padding-right: 10px; }
        .devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .ago {
          color: #a8a8a8;
          padding-right: 10px; }
        .devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .devblog-comment-icon {
          color: #fff;
          text-decoration: none;
          display: inline-block;
          line-height: 15px;
          cursor: pointer;
          opacity: 0.5;
          background: url("../devblog/icon-comments.png") no-repeat scroll 0 -10px transparent;
          padding-left: 20px;
          height: 12px;
          margin: 0 6px 0 0; }
          .devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .devblog-comment-icon:hover {
            opacity: 1; }
          .devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .devblog-comment-icon .comments {
            color: #fff;
            padding-right: 10px; }
        .devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .devblog-toggle-vote {
          color: #fff;
          display: inline-block; }
          .devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .devblog-toggle-vote .devblog-vote-icon {
            color: #fff;
            text-decoration: none;
            display: inline-block;
            line-height: 26px;
            height: 20px;
            cursor: pointer;
            opacity: 0.5;
            background: url("../feed/icon-hooah-activitystream.png") no-repeat scroll 0 -50px transparent;
            padding-left: 20px; }
            .devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .devblog-toggle-vote .devblog-vote-icon:hover {
              background-position: 0 -50px;
              opacity: 1; }
            .devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .devblog-toggle-vote .devblog-vote-icon.voted:hover {
              background-position: 0 -50px;
              opacity: 1; }
            .devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .devblog-toggle-vote .devblog-vote-icon.voted {
              background-position: 0 -50px;
              opacity: 1; }
      .devblog .devblog-post .devblog-index-iteminfo .share-widgets {
        padding: 7px 0 0 0;
        height: 20px;
        float: right; }
      .devblog .devblog-post .devblog-index-iteminfo .share-widgets li {
        float: left; }
    .devblog .devblog-post .devblog-index-content {
      color: white;
      padding-bottom: 0; }
      .devblog .devblog-post .devblog-index-content p {
        margin-bottom: 1em; }
      .devblog .devblog-post .devblog-index-content .wp-caption.alignnone img, .devblog .devblog-post .devblog-index-content img.alignnone, .devblog .devblog-post .devblog-index-content .wp-caption.aligncenter img, .devblog .devblog-post .devblog-index-content img.aligncenter {
        margin: 0 -16px 0 -16px;
        width: 656px;
        height: auto; }
      .devblog .devblog-post .devblog-index-content p.wp-caption-text {
        margin: -10px -16px 10px -16px;
        width: 656px;
        padding: 5px 16px;
        font-size: 12px;
        color: #a8a8a8;
        font-style: italic; }
      .devblog .devblog-post .devblog-index-content table {
        border: 1px solid white; }
        .devblog .devblog-post .devblog-index-content table td {
          padding: 10px 10px;
          border: 1px solid white; }
    .devblog .devblog-post .preamble {
      display: none; }
  .devblog .voting {
    float: left; }
  .devblog .reply-item {
    position: relative;
    padding-left: 40px;
    height: 40px; }
  .devblog .right-column {
    line-height: 16px;
    margin-bottom: 1px; }
    .devblog .right-column .item {
      padding-bottom: 16px; }
      .devblog .right-column .item:before, .devblog .right-column .item:after {
        display: table;
        content: "";
        line-height: 0; }
      .devblog .right-column .item:after {
        clear: both; }
    .devblog .right-column h2 {
      font-size: 12px;
      line-height: 16px;
      text-transform: none; }
    .devblog .right-column .iteminfo {
      font-size: 11px;
      line-height: 16px;
      color: #a8a8a8; }
      .devblog .right-column .iteminfo .post-title {
        font-size: 12px;
        font-weight: bold; }
      .devblog .right-column .iteminfo .common-square {
        margin: 0 2px 2px 2px; }
    .devblog .right-column .thumbnail {
      float: right;
      margin-left: 16px; }
      .devblog .right-column .thumbnail img {
        max-height: 53px; }

.devblog-postlistsmall {
  margin-bottom: 16px; }
  .devblog-postlistsmall .devblog-item .details {
    line-height: 1.8;
    font-size: 11px;
    color: #898989; }
  .devblog-postlistsmall footer {
    padding: 0; }
    .devblog-postlistsmall footer a, .devblog-postlistsmall footer .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .devblog-postlistsmall footer a {
      display: block;
      padding: 16px;
      text-decoration: none; }
    .devblog-postlistsmall footer:hover {
      background: rgba(7, 7, 7, 0.6); }

.devblog-comments-title {
  color: #353535;
  font-size: 12px;
  font-weight: bold; }

.devblog-view-border {
  background: #dadada;
  height: 1px;
  margin: 0px;
  width: 100%;
  clear: both; }

.devblog-view-comments-divider {
  height: 3px;
  background: #dfdfdf;
  border-bottom: 1px solid #fbfbfb;
  margin-bottom: 15px; }

.devblog-comment-bottom {
  height: 23px;
  margin-top: 8px;
  background: url(../devblog/blogbox-bottom.png) repeat-x; }

.devblog-list-bottom {
  height: 41px;
  margin-top: 0px;
  line-height: 41px; }

.devblog-noposts {
  font-size: 14px;
  padding: 9px 20px 16px 2px;
  color: #353535; }

#base-all-body .devblog-post h1 {
  color: #308DBF; }

.devblog-comments .pagination-pagination-right {
  float: left; }

.devblog-sidebar {
  float: right;
  width: 320px;
  overflow: hidden; }
  .devblog-sidebar .common-secondary-column-line {
    margin-bottom: 11px; }

.devblog-main {
  float: left;
  width: 656px; }

.devblog-post.expansion-premium {
  background: url(../premium/avatar-premium-corner-supersize2.png) 100% 0 no-repeat;
  min-height: 66px; }

.devblog-postlistsmall .expansion-premium a, .devblog-postlistsmall .expansion-premium .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .devblog-postlistsmall .expansion-premium a {
  display: inline-block;
  background: url(../premium/icon-p-s.png) 0 1px no-repeat;
  padding-left: 21px; }

.devblog-post .battlelog-wordpress {
  padding: 16px 0 16px 0; }
  .devblog-post .battlelog-wordpress ul, .devblog-post .battlelog-wordpress ol {
    margin: -1em 0 1em 0;
    padding: 0 2.5em; }
    .devblog-post .battlelog-wordpress ul li, .devblog-post .battlelog-wordpress ol li {
      padding: 3px 0; }
  .devblog-post .battlelog-wordpress ul {
    list-style: disc; }
  .devblog-post .battlelog-wordpress ol {
    list-style: decimal; }
  .devblog-post .battlelog-wordpress a, .devblog-post .battlelog-wordpress .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .devblog-post .battlelog-wordpress a {
    text-decoration: underline;
    color: #a8a8a8; }
    .devblog-post .battlelog-wordpress a:hover, .devblog-post .battlelog-wordpress .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress .devblog-post .battlelog-wordpress a:hover {
      color: #fff; }

.devblog .devblog-topstories-container {
  margin-bottom: 16px; }
  .devblog .devblog-topstories-container .devblog-topstory-wrapper .devblog-topstory {
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 224px; }
    .devblog .devblog-topstories-container .devblog-topstory-wrapper .devblog-topstory .devblog-topstory-content h2 {
      color: #2a3b44 !important;
      line-height: 1.2em;
      margin-bottom: 16px; }
    .devblog .devblog-topstories-container .devblog-topstory-wrapper .devblog-topstory .devblog-topstory-content .devblog-topstory-comments {
      color: #2a3b44;
      font-family: "Frutiger", sans-serif;
      font-weight: bold; }
      .devblog .devblog-topstories-container .devblog-topstory-wrapper .devblog-topstory .devblog-topstory-content .devblog-topstory-comments .icon {
        background-position: 0 2px;
        margin: 0 2px 0 0; }
    .devblog .devblog-topstories-container .devblog-topstory-wrapper .devblog-topstory .devblog-topstory-content .devblog-topstory-votes {
      color: #2a3b44;
      font-family: "Frutiger", sans-serif;
      font-weight: bold; }
      .devblog .devblog-topstories-container .devblog-topstory-wrapper .devblog-topstory .devblog-topstory-content .devblog-topstory-votes .icon {
        background-position: 0 -1px;
        margin: 0 2px 0 0; }
    .devblog .devblog-topstories-container .devblog-topstory-wrapper .devblog-topstory .devblog-topstory-overlay {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(255, 255, 255, 0.9); }
.devblog .devblog-post {
  margin-top: 16px; }
  .devblog .devblog-post.devblog-single-post {
    margin-top: 0; }
  .devblog .devblog-post .devblog-index-content {
    color: #000; }
    .devblog .devblog-post .devblog-index-content .wp-caption.alignnone img, .devblog .devblog-post .devblog-index-content img.alignnone, .devblog .devblog-post .devblog-index-content .wp-caption.aligncenter img, .devblog .devblog-post .devblog-index-content img.aligncenter {
      margin: 0 -16px 16px -16px; }
  .devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .username {
    color: inherit; }
  .devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .ago {
    color: #34454f; }
  .devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .devblog-comment-icon {
    color: #34454f;
    background: url(//d34ymitoc1pg7m.cloudfront.net/bfh/icons/icon-comments-44ce6d90.png) no-repeat scroll 0 1px transparent; }
    .devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .devblog-comment-icon .comments {
      color: #34454f;
      padding-right: 10px; }
  .devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .devblog-toggle-vote {
    color: #34454f; }
    .devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .devblog-toggle-vote .devblog-vote-icon {
      color: #34454f;
      background: url(//d34ymitoc1pg7m.cloudfront.net/bfh/icons/icon-hooah-activitystream-8d139f6d.png) no-repeat scroll 0 -32px transparent;
      opacity: 0.5; }
      .devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .devblog-toggle-vote .devblog-vote-icon:hover {
        opacity: 1;
        background-position: 0 -32px; }
      .devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .devblog-toggle-vote .devblog-vote-icon.voted:hover {
        opacity: 1;
        background-position: 0 -32px; }
      .devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .devblog-toggle-vote .devblog-vote-icon.voted {
        opacity: 1;
        background-position: 0 -32px; }
.devblog .right-column .iteminfo {
  color: #34454f; }
.devblog .right-column .thumbnail {
  float: left;
  margin-left: 0;
  margin-right: 16px; }
.devblog .news-blocks {
  margin-bottom: 16px;
  margin-right: 0; }
  .devblog .news-blocks .devblog-topstories-container {
    margin-left: -1px; }
.devblog .devblog-topstories-container {
  margin-bottom: 0; }
  .devblog .devblog-topstories-container .devblog-topstory-wrapper .devblog-topstory .devblog-topstory-content {
    color: #fff; }
    .devblog .devblog-topstories-container .devblog-topstory-wrapper .devblog-topstory .devblog-topstory-content h2 {
      color: #fff;
      font-family: "Frutiger", sans-serif;
      font-weight: bold; }

.devblog-postlistsmall footer {
  padding: 0; }
  .devblog-postlistsmall footer:hover {
    background: transparent; }
  .devblog-postlistsmall footer a, .devblog-postlistsmall footer .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .devblog-postlistsmall footer a {
    padding: 0; }

/* Straight from .css and IDE reformated */
.forum-middle {
  position: relative;
  clear: both;
  width: 100%;
  background: url(//d34ymitoc1pg7m.cloudfront.net/common/backgrounds/light-bg-26fc61c7.jpg) repeat-x scroll center top #F3f3f3; }

.forum-create-post-similar-threads {
  margin-top: 16px; }

.forum-start-container {
  width: 990px;
  float: left;
  min-height: 400px; }
  .forum-start-container .common-box-container {
    width: auto; }
  .forum-start-container .common-box-inner {
    padding: 0; }

.forum-start-border {
  padding: 0;
  margin-bottom: 8px; }

.forum-start-info {
  height: 27px;
  color: #34454f; }

.forum-start-info-bottom {
  height: 1px;
  width: 100%;
  background-color: #f2f2f2; }

.forum-start-sticky-thread-separator {
  height: 4px;
  background: #f4f4f4;
  margin-left: -2px;
  margin-right: -2px;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8; }

.forum-activity .forum-start-sticky-thread-separator {
  height: 1px;
  border-top: none;
  margin: 0;
  background: none; }

.forum-start-forum {
  position: relative;
  height: 56px; }

.forum-start-forum-has-official {
  border-left: 3px solid #cce3f9; }

.forum-start-forum-separator {
  height: 1px;
  background-color: #e8e8e8;
  width: 100%;
  margin-top: 1px;
  margin-bottom: 1px; }

.forum-start-forum-title {
  float: left;
  margin-left: 39px;
  margin-top: 10px;
  width: 550px;
  overflow: hidden;
  white-space: nowrap;
  position: relative; }

.forum-start-container .forum-start-forum-bodycell a, .forum-start-container .forum-start-forum-bodycell .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .forum-start-container .forum-start-forum-bodycell a {
  font-size: 12px;
  font-weight: normal; }
.forum-start-container .forum-start-forum-title a, .forum-start-container .forum-start-forum-title .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .forum-start-container .forum-start-forum-title a {
  font-size: 14px;
  font-weight: bold; }
.forum-start-container .forum-start-forum-title p a, .forum-start-container .forum-start-forum-title p .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .forum-start-container .forum-start-forum-title p a {
  font-size: 11px;
  font-weight: normal; }

.forum-title-quicklinks {
  font-size: 11px;
  position: relative;
  color: #8b8b8b;
  margin-left: 10px; }

.forum-title-quicklinks a, .forum-title-quicklinks .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .forum-title-quicklinks a {
  font-size: 11px; }

.forum-forumlist .forum-start-forum-title {
  padding-left: 0;
  margin-left: 16px;
  width: 590px; }
  .forum-forumlist .forum-start-forum-title:hover {
    text-decoration: none; }
  .forum-forumlist .forum-start-forum-title h4:hover {
    text-decoration: underline; }

.forum-start-forum-title-prefix {
  display: inline-block;
  vertical-align: top;
  margin-top: 3px;
  margin-right: 3px;
  font-size: 12px;
  color: #a8a8a8; }

.forum-start-forum-title p, .forum-start-forum-title p a, .forum-start-forum-title p .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .forum-start-forum-title p a {
  font-size: 12px;
  margin-top: 6px;
  font-weight: normal;
  padding-bottom: 1px; }

.forum-start-forum-title p {
  color: #353535;
  width: 97%;
  word-wrap: normal;
  text-overflow: ellipsis;
  overflow: hidden; }

.forum-start-forum-title-block {
  display: inline-block;
  width: 90%; }

.forum-start-forum-title .forum-icons {
  float: left;
  margin-right: 6px; }
  .forum-start-forum-title .forum-icons div {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 29px;
    top: 10px;
    left: -3px; }
    .forum-start-forum-title .forum-icons div.premium {
      background: url(../premium/icon-p-s.png) no-repeat; }
    .forum-start-forum-title .forum-icons div.locked {
      background: url(../forum/locked-icon-white.png) no-repeat; }
    .forum-start-forum-title .forum-icons div.linked {
      background: url(../forum/linked-icon-white.png) no-repeat;
      left: -2px; }

.forum-thread-icons {
  position: absolute;
  height: 15px;
  top: 13px;
  left: 2px;
  text-align: center;
  width: 36px;
  z-index: 5; }

.forum-thread-icons .icon {
  display: block;
  margin-left: 10px;
  margin-bottom: 3px; }

.forum-thread-icons .sticky {
  background: url(../forum/sticky-icon-white.png) no-repeat;
  width: 14px;
  height: 15px; }

.forum-thread-icons .locked {
  background: url(../forum/locked-icon-white.png) no-repeat;
  width: 14px;
  height: 15px; }

.forum-start-forum-unread {
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 56px;
  background-color: #b6b6b6; }

.forum-start-forum-latest {
  width: 232px; }

.forum-start-forum-topics {
  width: 77px;
  text-align: center; }

.forum-start-forum-posts {
  width: 65px;
  text-align: center; }

.forum-start-forum-headercell {
  float: right;
  height: 27px; }

.forum-start-forum-headercellleft {
  border: 0;
  /*margin-left: 10px;*/ }

.forum-start-forum-bodycell {
  float: right;
  height: 58px;
  margin-top: -1px;
  margin-bottom: -1px;
  border-left: 1px solid #f2f2f2; }

.forum-start-forum-forum {
  float: left; }

.forum-start-forum-headercell p {
  font-weight: normal;
  line-height: 30px;
  color: #8b8b8b;
  margin-left: 9px;
  margin-right: 14px;
  font-size: 11px; }

.forum-start-forum-bodycell p {
  line-height: 56px;
  color: #34454f;
  font-size: 12px; }

.forum-start-forum-latest .avatar {
  float: left; }

.forum-start-forum-latest-info {
  font-size: 11px;
  width: 186px;
  overflow: hidden;
  height: 38px;
  color: #34454f;
  margin-left: 0;
  margin-top: 16px;
  float: right; }

.forum-start-forum-latest-info a, .forum-start-forum-latest-info .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .forum-start-forum-latest-info a {
  white-space: nowrap;
  font-size: 11px;
  font-weight: normal; }

.forum-start-forum-latest-info a.forum-start-forum-latest-info-title, .forum-start-forum-latest-info .devblog .devblog-post .battlelog-wordpress a.forum-start-forum-latest-info-title, .devblog .devblog-post .battlelog-wordpress .forum-start-forum-latest-info a.forum-start-forum-latest-info-title {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 179px;
  float: left;
  height: 15px; }

.forum-start-forum-latest-info div {
  margin-top: 4px; }

.forum-start-forum-latest-info .forum-ago {
  float: left;
  line-height: 14px; }

.forum-start-forum-latest-info .forum-username {
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: right;
  color: #34454f;
  height: 14px;
  line-height: 14px; }
  .forum-start-forum-latest-info .forum-username a, .forum-start-forum-latest-info .forum-username .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .forum-start-forum-latest-info .forum-username a {
    font-size: 11px; }

.forum-start-forum-latest .avatar {
  float: right;
  margin-top: 16px;
  margin-right: 8px; }

.forum-start-latest-container {
  float: right;
  width: 247px; }

.forum-start-latest-container h2 {
  color: #34454f;
  font-size: 11px;
  margin-bottom: 8px;
  font-family: Tahoma, Arial, sans-serif; }

.forum-start-latest-container .forum-start-forum-latest {
  padding-top: 4px;
  padding-bottom: 5px;
  width: 247px; }

.forum-start-latest-container .forum-start-forum-latest-info {
  width: 210px;
  height: 30px;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0; }

.forum-start-latest-container .forum-start-forum-latest .avatar {
  margin-top: 0;
  margin-right: 0; }

.forum-search-container {
  float: right; }

.forum-index-page {
  position: relative; }
  .forum-index-page .forum-search-container {
    position: absolute;
    top: 0px;
    right: 0; }

.forum-sidebar-search-form-input {
  background-color: #fff;
  border: 1px solid #cccccc;
  border-top-color: #ababab;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
  padding: 4px 6px;
  width: 204px;
  float: left;
  margin-right: 4px; }

.forum-sidebar-search-input::-webkit-input-placeholder, .forum-sidebar-search-input:-moz-placeholder {
  color: #34454f; }

.forum-sidebar-search-form-line {
  margin-bottom: 11px; }

.forum-search-form {
  margin: 16px 0 15px; }

.forum-search-form-input {
  background-color: #fff;
  border: 1px solid #cccccc;
  border-top-color: #ababab;
  font-size: 14px;
  height: 18px;
  line-height: 18px;
  padding: 4px 10px;
  width: 203px;
  margin-right: 4px; }

.forum-search-form-input::-webkit-input-placeholder, .forum-search-form-input:-moz-placeholder {
  color: #34454f; }

.forum-search-form .forum-advanced-search select {
  padding: 5px;
  width: 150px;
  margin-top: 4px;
  margin-bottom: 4px; }

.forum-post-preview-container {
  clear: both;
  margin-top: 16px; }

.forum-postreply-container {
  margin-top: 12px;
  position: relative;
  z-index: 1; }

.forum-postreply {
  position: relative; }

.forum-postreply .avatar {
  position: relative;
  float: left;
  top: 40px; }

.forum-postreply textarea, .forum-postreply #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form .forum-postreply #profile-edit-forumsignature, .forum-postreply #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form .forum-postreply #profile-edit-presentation, .forum-postreply .forum-start-container .common-replyform-form-body, .forum-start-container .forum-postreply .common-replyform-form-body {
  resize: none;
  font-size: 12px;
  font-family: arial, sans-serif;
  position: relative;
  float: left;
  left: 16px;
  margin-top: 5px;
  width: 875px;
  height: 97px; }

.forum-postreply-container .forum-postreply textarea, .forum-postreply-container .forum-postreply #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form .forum-postreply-container .forum-postreply #profile-edit-forumsignature, .forum-postreply-container .forum-postreply #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form .forum-postreply-container .forum-postreply #profile-edit-presentation, .forum-postreply-container .forum-postreply .forum-start-container .common-replyform-form-body, .forum-start-container .forum-postreply-container .forum-postreply .common-replyform-form-body {
  height: 395px; }

.forum-postreply input[type=submit] {
  float: right;
  margin-top: 15px; }

.forum-postreply-official-selector {
  float: right;
  font-size: 12px;
  margin-right: 10px;
  margin-top: 4px; }

.forum-postreply-official-selector input {
  position: relative;
  top: 1px; }

.forum-postreply-error {
  background: #FFE3E3;
  border: 1px solid #FFA0A0;
  color: #666666;
  font-weight: bold;
  font-size: 12px;
  padding: 7px 32px 7px 32px;
  width: 320px;
  position: relative;
  left: 13px;
  top: 8px; }

.forum-postreply-disabled {
  font-size: 16px;
  font-weight: bold;
  color: #353535;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px; }

.forum-preview-post {
  float: right;
  margin-right: 5px;
  margin-left: 10px; }

.forum-postreply .forum-preview-post {
  margin-top: 15px; }

.forum-bbcode-edit {
  position: relative;
  float: right; }

.forum-bbcode-quickreply {
  position: relative;
  float: right; }

.forum-bbcode-reply {
  position: relative;
  float: right;
  margin-top: 8px; }

.forum-quickreply {
  padding-top: 0;
  margin-top: 16px; }

.forum-quickreply .common-replyform-avatar {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 54px;
  left: 16px; }

textarea.forum-quickreply, #profile-edit-full-form .forum-quickreply#profile-edit-forumsignature, #profile-edit-full-form .forum-quickreply#profile-edit-presentation, .forum-start-container .forum-quickreply.common-replyform-form-body {
  width: 868px;
  margin-top: 10px;
  padding-top: 10px;
  left: 70px;
  position: relative; }

.forum-newthread-container .forum-preview-post {
  margin-top: 0; }

.forum-postreply-container .forum-preview-post {
  margin-right: 10px; }

.forum-breadcrumbs {
  margin-top: -6px; }

.forum-start-container .forum-breadcrumbs a, .forum-start-container .forum-breadcrumbs .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .forum-start-container .forum-breadcrumbs a {
  font-size: 11px;
  font-weight: normal; }

.forum-breadcrumbs span {
  font-size: 9px;
  color: #666;
  margin-left: 5px;
  margin-right: 5px; }

.forum-editpost-official-selector {
  float: right;
  margin-top: 20px;
  font-size: 12px;
  margin-right: 5px; }

.forum-newthread-container {
  width: 988px;
  margin-top: 16px;
  float: left; }

.forum-newthread {
  position: relative; }

.forum-newthread .avatar {
  position: absolute;
  left: 16px;
  top: 42px; }

.forum-newthread textarea, .forum-newthread #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form .forum-newthread #profile-edit-forumsignature, .forum-newthread #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form .forum-newthread #profile-edit-presentation, .forum-newthread .forum-start-container .common-replyform-form-body, .forum-start-container .forum-newthread .common-replyform-form-body {
  overflow-y: auto;
  font-size: 12px;
  font-family: arial, sans-serif;
  color: #434343;
  padding: 5px;
  width: 944px;
  max-width: 944px;
  height: 305px; }

.forum-newthread input[type=text] {
  padding: 5px;
  width: 301px;
  color: #434343;
  font-size: 12px;
  font-family: arial, sans-serif; }

.forum-newthread input[type=submit] {
  float: right; }

.forum-newthread label {
  display: block;
  font-size: 12px;
  font-weight: bold;
  color: #666; }

.forum-newthread .forum-newthread-bodylabel {
  width: 200px;
  padding-top: 14px; }

.forum-newthread-official-selector {
  float: right;
  margin-right: 10px;
  margin-top: 5px; }

.forum-newthread-official-selector label {
  font-weight: normal; }

.forum-newthread-official-selector input {
  position: relative;
  top: 1px; }

.forum-newthread-error {
  background: #FFE3E3;
  border: 1px solid #FFA0A0;
  color: #666666;
  font-weight: bold;
  font-size: 12px;
  padding: 7px 32px 7px 32px;
  position: absolute;
  left: 13px;
  bottom: 19px; }

.forum-newthread-label-cell {
  padding-right: 14px; }

.forum-newthread-label-cell.vtop {
  vertical-align: top; }

.forum-newthread-form-table td {
  padding-top: 10px; }

.forum-threadview-post {
  background: transparent none;
  display: table;
  margin: 0 -3px -2px -1px;
  border-spacing: 1px;
  border-collapse: separate; }

.forum-threadview-post-ea {
  background: #e6f3ff;
  border: 3px solid #cce3f9;
  border-right-width: 1px;
  border-left-width: 1px; }

.forum-threadview-post-censored {
  opacity: 0.5;
  filter: alpha(opacity=50); }

.forum-threadview-post-poster {
  background: rgba(7, 7, 7, 0.7);
  display: table-cell;
  width: 200px;
  padding-left: 92px;
  margin: 0;
  position: relative;
  float: none; }

.forum-threadview-post-content {
  width: 780px;
  float: left;
  font-size: 13px;
  color: #353535;
  padding: 12px 0 16px;
  line-height: 18px;
  word-wrap: break-word;
  max-width: 734px; }

.forum-threadview-post-administrate {
  width: 50px;
  float: left;
  font-size: 12px;
  color: #353535;
  padding-top: 12px;
  line-height: 18px; }

.forum-threadview-post-poster-name {
  margin-left: 16px;
  width: 140px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 16px; }

.forum-threadview-post-text {
  min-height: 56px;
  word-break: break-word; }
  .forum-threadview-post-text a, .forum-threadview-post-text .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .forum-threadview-post-text a {
    text-decoration: underline; }

.forum-threadview-post-censored .forum-threadview-post-text {
  font-style: italic; }

.forum-editpost-preview .common-box-inner {
  padding: 0px; }

#forum-preview-post-area .spoiler, .forum-threadview-post-text .spoiler {
  background: #353535;
  color: #353535;
  cursor: pointer; }

#forum-preview-post-area h1, .forum-threadview-post-text h1 {
  font-size: 20px;
  line-height: 22px; }
  #forum-preview-post-area h1 + br, .forum-threadview-post-text h1 + br {
    display: none; }

.is-touch #forum-preview-post-area .spoiler:before, .is-touch .forum-threadview-post-text .spoiler:before {
  content: attr(data-tooltip);
  color: rgba(255, 255, 255, 0.75);
  padding-left: 8px; }

.forum-threadview-post-text .spoiler a, .forum-threadview-post-text .spoiler .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .forum-threadview-post-text .spoiler a {
  color: #353535; }

.forum-threadview-post-signature {
  border-top: 1px solid #646464;
  padding-top: 5px;
  margin-top: 5px;
  color: #898989;
  word-break: break-word; }

.forum-threadview-post-tags {
  margin: 0px 0 0px 16px;
  float: left; }
  .forum-threadview-post-tags ul {
    clear: both; }
    .forum-threadview-post-tags ul li {
      float: left;
      margin-right: 2px; }

.forum-threadview-avatar-container {
  position: absolute;
  top: 34px;
  left: 16px;
  height: 60px;
  width: 60px; }

.forum-threadview-post-poster .avatar {
  display: block;
  margin-top: 8px;
  margin-left: 16px;
  clear: both;
  position: relative; }

.forum-threadview-post-content blockquote {
  background: #fafafa;
  border: 1px solid #e8e8e8;
  padding: 10px;
  margin-top: 4px;
  margin-bottom: 4px;
  color: #34454f; }

.forum-threadview-post-content blockquote em {
  font-style: normal;
  color: #34454f;
  font-size: 11px;
  font-weight: bold; }

.forum-threadview-post-poster-country {
  margin-left: 36px;
  position: relative;
  margin-top: 11px;
  font-size: 11px;
  color: #757575; }

.forum-threadview-post-poster-country img {
  position: absolute;
  left: -20px;
  bottom: 50%;
  margin-bottom: -6px; }

.forum-threadview-post-poster-posts, .forum-threadview-post-poster-enlisted {
  margin-top: 8px;
  font-size: 11px;
  color: #acacac;
  margin-left: 16px; }

.forum-threadview-post-poster-posts em, .forum-threadview-post-poster-enlisted em {
  font-style: normal;
  font-size: 11px;
  color: #34454f; }

.forum-threadview-post-poster-enlisted {
  margin-bottom: 12px; }

.forum-threadview-post-poster-enlisted img {
  margin-bottom: -1px;
  margin-right: 2px; }

.forum-threadview-post-quote {
  float: right; }

.forum-threadview-post-edit {
  float: right; }

.forum-view-latest-posts {
  padding-top: 5px; }

.forum-view-latest-posts a, .forum-view-latest-posts .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .forum-view-latest-posts a {
  font-weight: normal;
  font-size: 11px; }

.forum-threadview-post-report {
  height: 14px;
  float: right;
  border-right: 1px solid #ccc;
  padding-right: 5px;
  margin-top: 2px; }

.forum-threadview-post-ago {
  color: #acacac;
  font-size: 11px;
  margin-bottom: 12px; }

.forum-threadview-separator {
  height: 1px;
  margin-left: 16px;
  margin-right: 16px;
  border-top: 1px solid #f2f2f2; }

.forum-threadview-pages-top, .forum-threadview-pages-bottom {
  height: 43px;
  background: #f3f3f3 url(../forum/title-shade.png) no-repeat center center;
  border: 1px solid #dbdbdb; }

.forum-threadview-pages-bottom {
  margin-top: 1px;
  border-top: 1px solid #dbdbdb; }

.forum-post-select-checkbox {
  float: right; }

.forum-no-found {
  margin: 50px;
  text-align: center;
  color: #fff; }

.forum-page-title {
  color: #000;
  font-size: 25px;
  font-weight: bold;
  margin: 8px 0 12px;
  font-family: Arial, sans-serif; }
  .forum-page-title h1 {
    margin-bottom: 0; }

.forum-focus-bar-view-bottom {
  position: relative;
  /*height: 26px;*/
  margin-top: 8px; }

.forum-focus-bar-view-top {
  position: relative;
  /*height: 26px;*/
  margin-bottom: 8px; }

.forum-search-sort-container span {
  text-transform: uppercase;
  color: #34454f;
  font-size: 11px;
  font-weight: bold; }

.forum-search-sort-container select {
  padding: 5px;
  margin-left: 7px;
  min-width: 150px; }

.forum-admin-multi-container {
  float: right;
  font-size: 12px; }

.forum-start-latest-separator {
  height: 26px;
  float: right;
  width: 200px; }

.forum-report-container {
  position: absolute;
  right: 110px;
  top: 9px; }

.forum-thread-title-edit {
  margin: 9px 0 12px 0;
  position: relative;
  top: -7px;
  left: -4px; }

.forum-thread-title-edit input[type=text] {
  font-size: 22px;
  font-weight: bold; }

.forum-edit-title {
  position: absolute;
  right: 140px;
  top: 7px; }

.forum-edit-title a, .forum-edit-title .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .forum-edit-title a {
  font-weight: normal;
  font-size: 11px; }

.forum-reply-container {
  float: right; }

.forum-hidden-post {
  display: none; }

.forum-thread-is-locked {
  padding-left: 20px;
  background: url(../forum/locked-icon-white.png) no-repeat scroll 0 6px transparent;
  padding-top: 6px;
  font-weight: bold;
  font-size: 16px; }
  .forum-thread-is-locked.top {
    float: right;
    margin-top: 20px; }

.forum-sticky-separator {
  height: 16px; }

.forum-start-forum .forum-start-forum-title-username {
  color: #a8a8a8;
  white-space: nowrap;
  overflow: hidden;
  max-width: 350px; }

.forum-search-results-heading {
  font-size: 12px;
  font-family: Tahoma, sans-serif;
  font-weight: bold;
  line-height: 23px; }
  .forum-search-results-heading span {
    word-break: break-word; }

.forum-search-results-none {
  padding: 40px 0 !important;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  width: 100%; }

.forum-search-results-item {
  padding: 0 0 12px; }

.forum-search-results-item-title {
  float: none;
  display: block; }

.forum-search-results-item-title .forum-search-results-icons {
  float: left;
  margin-right: 4px; }

.forum-search-subline {
  margin-top: 5px;
  font-size: 11px;
  font-weight: normal; }

.forum-search-subline a, .forum-search-subline .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .forum-search-subline a {
  font-size: 11px;
  font-weight: normal; }

.forum-search-results-item-title h3 {
  float: left;
  text-transform: none;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 12px; }

.forum-search-results-item-title a, .forum-search-results-item-title .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .forum-search-results-item-title a {
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  float: left; }

.forum-search-results-item-title span {
  float: left;
  padding-left: 10px;
  font-size: 11px;
  color: #34454f;
  line-height: 14px;
  font-weight: normal;
  padding-top: 3px; }

.forum-search-results-item-post {
  color: #353535;
  font-size: 12px;
  padding-top: 4px;
  float: none;
  display: block;
  line-height: 19px; }

.forum-search-results-item-post b {
  background-color: #fbf2d4;
  font-weight: bold;
  padding: 0 1px; }

.forum-posthistory-container {
  padding-bottom: 10px; }

.forum-posthistory-container b {
  font-size: 12px; }

.forum-posthistory-container .forum-start-border {
  margin-top: 5px; }

.forum-posthistory-container .forum-posthistory-revisions .forum-threadview-post {
  background-color: #fafafa; }

/* forum auto-search
 ------------------------------------------------------------------ */
.forum-postsimilarlist {
  float: right;
  width: 318px;
  margin: 15px 0 19px 16px;
  position: relative; }

.forum-postsimilarlist h2 {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  color: #34454f;
  margin-bottom: 12px; }

.forum-postsimilarlist-hr {
  height: 1px;
  margin-top: 8px;
  margin-bottom: 8px;
  border: 0px;
  background-color: #808080;
  opacity: 0.2;
  filter: alpha(opacity=20); }

.forum-postsimilarlist-sticky {
  position: relative;
  top: 3px; }

.forum-postsimilarlist a, .forum-postsimilarlist .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .forum-postsimilarlist a {
  line-height: 16px;
  margin-right: 5px; }

.forum-postsimilarlist span {
  white-space: nowrap;
  color: #6C6C6C;
  line-height: 16px;
  font-size: 11px; }

.forum-disabled-container {
  width: 600px;
  padding: 30px;
  margin: auto;
  text-align: center; }

.forum-activity {
  position: relative;
  margin-top: 16px; }

.forum-activity .common-box-inner {
  padding: 0px; }

#forum-activity-view-more {
  display: block;
  text-align: center;
  border-bottom: 1px solid #fff;
  margin: 4px 0 6px; }

#forum-activity-view-more a, #forum-activity-view-more .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #forum-activity-view-more a {
  text-decoration: none;
  display: block; }

#forum-activity-view-more .common-cleanbutton-middle {
  width: 972px; }

#forum-activity-view-more a:hover, #forum-activity-view-more .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress #forum-activity-view-more a:hover {
  background-position: 0 100%; }

.forum-start-container {
  width: auto;
  float: none; }
  .forum-start-container .common-replyform-form-body {
    color: #FFF; }
  .forum-start-container .pagination-paginationbutton-extra {
    display: none;
    background: url(../forum/pagination-icons-white.png) no-repeat;
    width: 8px;
    height: 9px;
    top: 6px;
    position: relative; }
  .forum-start-container .forum-edit-title a, .forum-start-container .forum-edit-title .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .forum-start-container .forum-edit-title a {
    cursor: pointer; }
  .forum-start-container .forum-base-button-search {
    padding: 0 10px;
    margin-left: -1px; }
  .forum-start-container .forum-sidebar-search-form-input {
    height: 24px;
    border: 1px solid #d5dde5; }
  .forum-start-container .pagination-pagination-left {
    float: right;
    /* http://i.imgur.com/UkVej.gif */ }
  .forum-start-container .pagination-pagination-right {
    float: left;
    /* http://i.imgur.com/UkVej.gif */ }
  .forum-start-container .common-box-bottom-border {
    display: none; }
  .forum-start-container .common-cleanbutton {
    border: 0;
    cursor: pointer; }
    .forum-start-container .common-cleanbutton a, .forum-start-container .common-cleanbutton .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .forum-start-container .common-cleanbutton a {
      display: inline-block;
      height: 29px;
      line-height: 29px;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 16px;
      padding: 1px 20px;
      font-family: Purista, sans-serif;
      font-style: normal;
      font-weight: 400;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      color: #2a3b44;
      border: 1px solid #2a3b44;
      background-color: transparent;
      background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 100%);
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 100%); }
      .forum-start-container .common-cleanbutton a:hover:not([disabled]):not(.disabled), .forum-start-container .common-cleanbutton .devblog .devblog-post .battlelog-wordpress a:hover:not([disabled]):not(.disabled), .devblog .devblog-post .battlelog-wordpress .forum-start-container .common-cleanbutton a:hover:not([disabled]):not(.disabled) {
        background-image: -webkit-linear-gradient(top, rgba(12, 12, 12, 0.6) 0%, rgba(63, 63, 63, 0.8) 100%);
        background-image: linear-gradient(to bottom, rgba(12, 12, 12, 0.6) 0%, rgba(63, 63, 63, 0.8) 100%);
        color: #517283;
        border-color: #517283; }
      .forum-start-container .common-cleanbutton a:active:not([disabled]):not(.disabled), .forum-start-container .common-cleanbutton .devblog .devblog-post .battlelog-wordpress a:active:not([disabled]):not(.disabled), .devblog .devblog-post .battlelog-wordpress .forum-start-container .common-cleanbutton a:active:not([disabled]):not(.disabled), .forum-start-container .common-cleanbutton a.active:not([disabled]):not(.disabled), .forum-start-container .common-cleanbutton .devblog .devblog-post .battlelog-wordpress a.active:not([disabled]):not(.disabled), .devblog .devblog-post .battlelog-wordpress .forum-start-container .common-cleanbutton a.active:not([disabled]):not(.disabled) {
        background-color: rgba(0, 0, 0, 0);
        background-image: -webkit-linear-gradient(top, #517283 0%, #2a3b44 50%, #000000 100%);
        background-image: linear-gradient(to bottom, #517283 0%, #2a3b44 50%, #000000 100%);
        text-shadow: none;
        color: white;
        border: 1px solid black; }
  .forum-start-container .common-cleanbuttonsmall {
    margin-left: 16px;
    cursor: pointer; }
  .forum-start-container .forum-threadview-post-report {
    border-right: none;
    padding-right: 0; }

#forum-activity-view-more {
  border: 0;
  margin: 1px 0 17px; }
  #forum-activity-view-more a, #forum-activity-view-more .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #forum-activity-view-more a {
    border: 0;
    display: block;
    background: rgba(255, 255, 255, 0.65); }
    #forum-activity-view-more a:hover, #forum-activity-view-more .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress #forum-activity-view-more a:hover {
      background: rgba(240, 240, 240, 0.65); }

.forum-search-form {
  margin: 0; }
  .forum-search-form > input {
    margin-bottom: 10px;
    margin-right: 10px; }
  .forum-search-form .forum-advanced-search {
    margin-bottom: 10px; }
    .forum-search-form .forum-advanced-search > .ui-select {
      margin-right: 10px; }

.forum-focus-bar-view-top {
  margin: 7px 0; }

.forum-search-results-item {
  padding: 16px; }

.forum-search-results-item-title span {
  color: #a8a8a8; }

.forum-search-subline {
  color: #a8a8a8; }

.forum-search-sort-container span {
  color: #000; }

.forum-hottopics .forum-start-border {
  margin-bottom: 16px; }

.forum-activity {
  margin-top: 0; }
  .forum-activity .forum-start-border {
    margin-bottom: 1px; }

.forum-start-forum-has-official {
  border-left: 0; }

.forum-threadview-post-ea {
  border: 0; }

.forum-start-sticky-thread-separator {
  background: 0;
  border: 0;
  margin: 0;
  padding: 0;
  height: 8px; }

.forum-threadview-post-ea, .forum-start-forum-has-official {
  position: relative; }
  .forum-threadview-post-ea:after, .forum-start-forum-has-official:after {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    bottom: 1px;
    left: 1px;
    background-color: #1b61bf;
    width: 2px; }
  .forum-threadview-post-ea .forum-threadview-post-poster, .forum-start-forum-has-official .forum-threadview-post-poster {
    background: #16263f !important; }
  .forum-threadview-post-ea .forum-threadview-post-content, .forum-start-forum-has-official .forum-threadview-post-content {
    background: rgba(22, 38, 63, 0.7) !important; }

.forum-post-select-checkbox {
  margin-left: 16px; }

.forum-start-title {
  position: relative; }

/*
    The following is a hack to make longer titles wrap dynamically and also
    be wrapped by the buttons to the right of the title.
*/
.forum-start-title, .forum-page-title {
  margin: 16px 0; }

.forum-start-forum-separator {
  background: transparent;
  margin: 0; }

.forum-threadview-separator {
  display: none; }

.forum-start-info {
  height: 30px; }

.forum-start-forum-headercell {
  height: auto; }
  .forum-start-forum-headercell p {
    line-height: 30px;
    color: #a8a8a8; }

.forum-thread-icons .sticky {
  background: url(../forum/sticky-icon-white.png) no-repeat; }

.forum-thread-icons .locked {
  background: url(../forum/locked-icon-white.png) no-repeat; }

.forum-start-border .common-box-title {
  color: #a8a8a8;
  text-transform: uppercase;
  font-size: 11px;
  margin-bottom: 1px;
  padding-top: 1px; }
  .forum-start-border .common-box-title .forum-start-forum-headercell {
    background: rgba(225, 225, 225, 0.65);
    box-sizing: border-box; }
.forum-start-border .forum-start-forum-title {
  width: 665px;
  height: 55px;
  background-color: rgba(255, 255, 255, 0.65);
  padding-left: 16px;
  padding-top: 10px;
  height: 45px;
  margin: 0;
  position: relative; }
  .forum-start-border .forum-start-forum-title h4 {
    font-size: 14px;
    line-height: normal;
    margin: 0;
    font-family: Arial, sans-serif;
    font-weight: bold;
    display: inline-block;
    word-wrap: normal;
    text-overflow: ellipsis;
    overflow: hidden; }
  .forum-start-border .forum-start-forum-title:hover {
    text-decoration: none;
    background-color: rgba(7, 7, 7, 0.3); }
    .forum-start-border .forum-start-forum-title:hover h4 {
      text-decoration: underline; }
.forum-start-border .forum-start-form-thread-links {
  position: absolute;
  left: 40px;
  top: 31px;
  font-size: 12px; }
.forum-start-border .forum-start-forum:not(.forum-forumlist) .forum-start-forum-title {
  width: 641px;
  padding-left: 40px; }
.forum-start-border .forum-start-forum-bodycell {
  margin: 0;
  border-left: 0;
  margin-left: 1px;
  background: rgba(255, 255, 255, 0.65);
  height: 55px; }
  .forum-start-border .forum-start-forum-bodycell p {
    color: #000; }
.forum-start-border .forum-start-forum-forum {
  width: 681px; }
.forum-start-border .forum-start-forum-latest {
  width: 232px;
  margin-left: 1px; }
.forum-start-border .forum-start-forum-topics {
  width: 77px;
  margin-left: 1px; }
.forum-start-border .forum-start-forum-posts {
  width: 65px;
  margin-left: 1px; }

.forum-start-info .forum-start-forum-forum {
  width: 615px; }

.forum-start-forum-forum p {
  padding-left: 7px; }

.forum-start-white-title p {
  color: #000;
  font-size: 16px;
  font-family: Purista, sans-serif;
  font-style: normal;
  font-weight: 600; }

.common-box-title.forum-box-title .forum-start-forum-forum {
  width: 681px; }

.forum-no-found {
  background: rgba(255, 255, 255, 0.65);
  margin: 0;
  padding: 50px; }

.forum-start-forum {
  height: 55px; }

.forum-start-info-bottom {
  display: none; }

.forum-forumlist .forum-start-forum-title {
  width: 599px; }
  .forum-forumlist .forum-start-forum-title p {
    color: #a8a8a8; }
.forum-forumlist .forum-start-forum-latest-info > div {
  width: 186px; }
.forum-forumlist .forum-start-forum-latest-info span {
  display: inline-block; }
.forum-forumlist .forum-start-forum-latest-info .forum-ago {
  float: none; }
.forum-forumlist .forum-start-forum-latest-info .forum-username {
  padding-right: 3px;
  float: left; }
  .forum-forumlist .forum-start-forum-latest-info .forum-username:after {
    content: "-"; }

.forum-threadview-post {
  background: transparent none;
  display: table;
  margin: 0 -2px -2px -1px;
  border-spacing: 1px;
  border-collapse: separate;
  position: relative;
  min-height: 142px; }
  .forum-threadview-post .forum-threadview-post-edit, .forum-threadview-post .forum-threadview-post-quote, .forum-threadview-post .forum-threadview-post-report {
    opacity: 0; }
  .forum-threadview-post:hover .forum-threadview-post-edit, .forum-threadview-post:hover .forum-threadview-post-quote, .forum-threadview-post:hover .forum-threadview-post-report {
    opacity: 1; }
  .forum-threadview-post .forum-threadview-post-poster {
    background: none rgba(7, 7, 7, 0.8);
    padding-left: 16px;
    display: table-cell;
    margin: 0;
    position: relative;
    float: none;
    vertical-align: top;
    width: 200px; }
    .forum-threadview-post .forum-threadview-post-poster .avatar {
      margin: 0; }
    .forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-poster-name, .forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-tags, .forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-poster-enlisted {
      margin-left: 0;
      margin-right: 0;
      float: none; }
    .forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-poster-name {
      font-size: 12px;
      font-weight: bold;
      padding-top: 12px; }
    .forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-tags {
      padding-left: 70px;
      min-height: 60px; }
    .forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-poster-enlisted {
      padding-left: 0; }
  .forum-threadview-post .forum-threadview-post-content {
    width: 734px;
    padding: 20px;
    background: rgba(240, 240, 240, 0.65);
    display: table-cell;
    float: none;
    vertical-align: top;
    padding: 12px 20px;
    word-break: break-word;
    max-width: 734px; }
    .forum-threadview-post .forum-threadview-post-content .forum-threadview-post-ago {
      color: #a8a8a8;
      margin-bottom: 8px;
      border-bottom: 1px solid rgba(168, 168, 168, 0.5); }
    .forum-threadview-post .forum-threadview-post-content .forum-threadview-post-text {
      color: #fff; }
    .forum-threadview-post .forum-threadview-post-content blockquote {
      background: rgba(0, 0, 0, 0.3);
      border: 1px solid rgba(167, 167, 167, 0.3); }
    .forum-threadview-post .forum-threadview-post-content .forum-post-select-checkbox {
      margin-left: 15px;
      margin-top: 0; }
  .forum-threadview-post.forum-threadview-post-censored .forum-threadview-post-poster, .forum-threadview-post.forum-threadview-post-censored .forum-threadview-post-content {
    opacity: 0.5; }

.forum-postreply-disabled {
  color: white; }

.forum-newthread-container {
  float: none;
  width: auto; }

.forum-newthread-height form {
  padding: 0; }

.forum-newthread-form-table tr:first-child td {
  padding-top: 0; }

.forum-newthread label {
  color: #000; }
  .forum-newthread label.upper {
    text-transform: uppercase;
    font-size: 14px; }
.forum-newthread textarea, .forum-newthread #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form .forum-newthread #profile-edit-forumsignature, .forum-newthread #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form .forum-newthread #profile-edit-presentation, .forum-newthread .forum-start-container .common-replyform-form-body, .forum-start-container .forum-newthread .common-replyform-form-body {
  width: 948px;
  max-width: 948px;
  color: #000; }
.forum-newthread input[type=text] {
  color: #000; }

.forum-start-container .forum-quickreply.common-replyform-form-body {
  width: 872px; }
.forum-start-container .common-replyform-form-body {
  color: #2a3b44;
  margin-bottom: 16px; }
.forum-start-container .forum-no-found {
  color: #000; }
.forum-start-container .forum-start-title .thread-title {
  text-transform: none;
  color: #2a3b44; }
.forum-start-container .forum-base-button-search {
  margin-left: 1px; }
.forum-start-container .forum-start-border .common-box-title .forum-start-forum-headercell {
  background-color: #282d33; }
  .forum-start-container .forum-start-border .common-box-title .forum-start-forum-headercell p {
    color: #d5dde5; }
.forum-start-container .forum-forumlist .forum-start-forum-title {
  width: 597px; }
  .forum-start-container .forum-forumlist .forum-start-forum-title:hover {
    background-color: rgba(255, 255, 255, 0.55); }
  .forum-start-container .forum-forumlist .forum-start-forum-title .locked {
    float: left; }
  .forum-start-container .forum-forumlist .forum-start-forum-title .forum-start-forum-title-block {
    float: left;
    width: 550px; }
  .forum-start-container .forum-forumlist .forum-start-forum-title p {
    color: #34454f; }
.forum-start-container .common-box-title-solid-with-line {
  border: 1px solid rgba(255, 255, 255, 0.15); }
.forum-start-container .forum-start-border .common-box-title {
  padding-top: 0;
  margin-bottom: 2px; }
.forum-start-container .forum-activity .forum-start-border {
  margin-bottom: 0;
  border-bottom: 0; }
  .forum-start-container .forum-activity .forum-start-border .common-box-title-solid-with-line {
    border-bottom: 0; }
  .forum-start-container .forum-activity .forum-start-border:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
.forum-start-container .forum-activity ~ .forum-start-border {
  margin-top: 16px; }
.forum-start-container .forum-start-border .forum-start-forum:not(.forum-forumlist) .forum-start-forum-title {
  width: 639px; }
.forum-start-container .common-box-title.forum-box-title .forum-start-forum-forum {
  width: 679px; }
.forum-start-container .forum-start-info .forum-start-forum-forum {
  width: 613px; }
.forum-start-container .forum-start-white-title p {
  font-family: "Frutiger", sans-serif;
  font-weight: normal;
  font-size: 11px; }
.forum-start-container .forum-threadview-post-poster {
  width: 199px;
  background: rgba(255, 255, 255, 0.65); }
.forum-start-container .forum-threadview-post {
  margin: 0 -3px -2px -1px; }
  .forum-start-container .forum-threadview-post .forum-threadview-post-content {
    background: rgba(255, 255, 255, 0.65);
    width: 734px; }
    .forum-start-container .forum-threadview-post .forum-threadview-post-content .forum-threadview-post-ago {
      max-width: 751px;
      color: #34454f; }
    .forum-start-container .forum-threadview-post .forum-threadview-post-content .forum-threadview-post-text {
      max-width: 751px;
      color: #000; }
    .forum-start-container .forum-threadview-post .forum-threadview-post-content blockquote {
      background: rgba(0, 0, 0, 0.06); }
.forum-start-container .common-box-inner-border {
  border: 1px solid rgba(255, 255, 255, 0.15); }
.forum-start-container .common-box-title-solid-with-line .common-box-inner-border {
  border: none; }
.forum-start-container .common-box-inner {
  margin-top: -1px; }

.forum-start-border .forum-start-forum-title h4 {
  font-weight: normal; }
.forum-start-border .forum-start-forum-title:hover {
  background-color: rgba(255, 255, 255, 0.55); }

#forum-activity-view-more {
  margin: 0;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-top: 0;
  padding-top: 1px; }
  #forum-activity-view-more a, #forum-activity-view-more .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #forum-activity-view-more a {
    height: 40px;
    line-height: 40px; }
  #forum-activity-view-more .common-cleanbutton-middle {
    font-family: "Frutiger", sans-serif;
    font-weight: normal; }

.forum-postreply-disabled {
  color: #34454f; }

.forum-postreply-offFicial-selector {
  margin-top: 11px; }
  .forum-postreply-offFicial-selector input {
    top: 0; }

.forum-start-forum .forum-start-forum-title-username {
  color: #34454f; }

.forum-threadview-post-poster-posts, .forum-threadview-post-poster-enlisted {
  color: #34454f; }

.forum-start-container .pagination-paginationbutton-extra {
  background: url(../forum/bfh/pagination-icons.png) no-repeat; }

.forum-threadview-post-ea .forum-threadview-post-content, .forum-threadview-post-ea a, .forum-threadview-post-ea .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .forum-threadview-post-ea a, .forum-threadview-post-ea .forum-threadview-post-poster-enlisted, .forum-threadview-post-ea .forum-threadview-post-poster-enlisted em {
  color: #fff; }
.forum-start-container .forum-threadview-post-ea.forum-threadview-post .forum-threadview-post-content .forum-threadview-post-ago, .forum-start-container .forum-threadview-post-ea.forum-threadview-post .forum-threadview-post-content .forum-threadview-post-text {
  color: #fff; }

.forum-threadview-post-ea .forum-threadview-post-poster, .forum-start-forum-has-official .forum-threadview-post-poster {
  background: #586375 !important;
  color: #fff; }

.forum-threadview-post-ea blockquote {
  color: #fff; }
  .forum-threadview-post-ea blockquote em {
    color: #fff; }

.forum-threadview-post-ea, .forum-start-forum-has-official {
  position: relative; }
  .forum-threadview-post-ea:after, .forum-start-forum-has-official:after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    background-color: #3498db;
    width: 4px; }

/*
    Activitystream component CSS resource
*/
.activity-stream {
  position: relative;
  /*.activitystream-item.large > .share {*/
  /*top: 0;*/
  /*margin-top: 0;*/
  /*}*/
  /*.activitystream-item .award-item img {*/
  /*max-height: 52px;*/
  /*max-width: 100%;*/
  /*}*/ }
  .activity-stream ul.activitystream-list {
    padding: 0; }
  .activity-stream .activitystream-list .activitystream-item {
    position: relative;
    padding: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .activity-stream .activitystream-item.shareable {
    padding-right: 22px; }
  .activity-stream .activitystream-list.shareable-only .item:not(.shareable) {
    display: none; }
  .activity-stream .activitystream-list .activitystream-item:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0; }
  .activity-stream .activitystream-item > .item-body {
    position: relative;
    padding-left: 52px;
    color: #fff; }
    .activity-stream .activitystream-item > .item-body .clear.spacing {
      height: 4px; }
  .activity-stream .activitystream-item.large > .item-body .clear.spacing {
    height: 8px; }
  .activity-stream .activitystream-item.medium > .item-body .clear.spacing {
    height: 0; }
  .activity-stream .activitystream-item > .avatar {
    position: absolute;
    left: 16px;
    height: auto;
    width: auto;
    padding: 0; }
  .activity-stream .activitystream-item .item-body > .user {
    font-size: 12px;
    margin-bottom: 1px; }
    .activity-stream .activitystream-item .item-body > .user .description {
      line-height: 16px; }
    .activity-stream .activitystream-item .item-body > .user a, .activity-stream .activitystream-item .item-body > .user .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .activity-stream .activitystream-item .item-body > .user a {
      font-size: 12px;
      font-weight: normal; }
    .activity-stream .activitystream-item .item-body > .user .name {
      font-weight: bold; }
  .activity-stream .activitystream-item .item-body > .details {
    line-height: 1.8;
    font-size: 11px;
    color: #a8a8a8; }
    .activity-stream .activitystream-item .item-body > .details a, .activity-stream .activitystream-item .item-body > .details .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .activity-stream .activitystream-item .item-body > .details a {
      font-size: 11px;
      font-weight: normal; }
  .activity-stream .activitystream-item > .share {
    width: 14px;
    height: 14px;
    position: absolute;
    right: 16px;
    top: 16px;
    display: none;
    background: url(../profile/profile-icons.png) -140px 0 no-repeat;
    cursor: pointer;
    opacity: 0.8;
    -webkit-transition: opacity 0.1s ease-out;
    -moz-transition: opacity 0.1s ease-out;
    -ms-transition: opacity 0.1s ease-out;
    -o-transition: opacity 0.1s ease-out;
    transition: opacity 0.1s ease-out; }
    .activity-stream .activitystream-item > .share:hover {
      opacity: 1; }
  .activity-stream .activitystream-item.shareable > .share {
    display: block; }
  .activity-stream .activitystream-item.shareable.shared > .share {
    cursor: default;
    background-position: -126px 0;
    opacity: 1; }
  .activity-stream .activitystream-item .item-body > .details .like {
    cursor: pointer;
    opacity: 0.5;
    margin-top: -2px;
    display: inline-block;
    background: url(../feed/icon-hooah-activitystream.png) no-repeat;
    width: 18px;
    height: 18px; }
    .activity-stream .activitystream-item .item-body > .details .like.mohw {
      background-image: url(../feed/icon-salute.png); }
    .activity-stream .activitystream-item .item-body > .details .like:hover {
      background-position: 0 -18px;
      opacity: 1; }
  .activity-stream .activitystream-item.liked .item-body > .details .like {
    background-position: 0 -36px;
    cursor: default;
    opacity: 1; }
    .activity-stream .activitystream-item.liked .item-body > .details .like:hover {
      background-position: 0 -36px;
      cursor: default;
      opacity: 1; }
  .activity-stream .activitystream-item .likes-count[data-numlikes="0"] {
    display: none; }
  .activity-stream .activitystream-item .solo-link {
    margin: 4px 0 0; }
    .activity-stream .activitystream-item .solo-link a, .activity-stream .activitystream-item .solo-link .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .activity-stream .activitystream-item .solo-link a {
      font-size: 12px;
      font-weight: normal; }
  .activity-stream .activitystream-item .record-item {
    margin: 2px 0 0 0;
    background-repeat: no-repeat; }
    .activity-stream .activitystream-item .record-item img {
      float: left;
      margin: 0 4px 0 0;
      max-height: 30px; }
    .activity-stream .activitystream-item .record-item .description {
      color: #353535;
      font-size: 11px;
      line-height: 16px; }
  .activity-stream .activitystream-list .activitystream-item .record-item .record:before {
    content: " \A ";
    white-space: pre; }
  .activity-stream .activitystream-item .record-item .record .value {
    font-weight: bold;
    font-size: 12px;
    color: #353535; }
  .activity-stream .activitystream-item .tour-item {
    margin: 2px 0 0 0;
    background-repeat: no-repeat;
    color: #353535;
    font-size: 11px; }
    .activity-stream .activitystream-item .tour-item img {
      float: left;
      margin: 0 4px 0 0;
      max-height: 30px; }
    .activity-stream .activitystream-item .tour-item .level {
      font-weight: bold; }
  .activity-stream .feed-sharedgameevent-body {
    margin: 10px 0; }
    .activity-stream .feed-sharedgameevent-body.activitystream-item {
      margin: 2px 0;
      display: table-cell; }
      .activity-stream .feed-sharedgameevent-body.activitystream-item .rank-icon {
        display: table-cell; }
        .activity-stream .feed-sharedgameevent-body.activitystream-item .rank-icon img {
          vertical-align: middle; }
        .activity-stream .feed-sharedgameevent-body.activitystream-item .rank-icon h1 {
          vertical-align: middle;
          margin-top: 6px;
          display: inline-block;
          font-family: "BebasNeueRegular", Arial, sans-serif;
          font-size: 48px;
          font-weight: normal;
          color: #3c3c3c; }
        .activity-stream .feed-sharedgameevent-body.activitystream-item .rank-icon h2 {
          font-size: 14px;
          color: #3c3c3c; }
        .activity-stream .feed-sharedgameevent-body.activitystream-item .rank-icon h3 {
          font-size: 11px;
          font-weight: normal; }
        .activity-stream .feed-sharedgameevent-body.activitystream-item .rank-icon .info {
          margin-left: 10px;
          display: inline-block;
          vertical-align: middle; }
      .activity-stream .feed-sharedgameevent-body.activitystream-item .record-item {
        width: 450px;
        height: 45px;
        margin: 6px 0 8px 0; }
        .activity-stream .feed-sharedgameevent-body.activitystream-item .record-item img {
          margin-right: 9px;
          width: 45px;
          height: 45px;
          max-height: 45px;
          display: block; }
        .activity-stream .feed-sharedgameevent-body.activitystream-item .record-item .description {
          color: #353535;
          font-size: 12px;
          line-height: 16px;
          display: block;
          font-weight: bold;
          margin-bottom: 4px; }
        .activity-stream .feed-sharedgameevent-body.activitystream-item .record-item .record .value {
          font-size: 18px;
          color: #353535; }
        .activity-stream .feed-sharedgameevent-body.activitystream-item .record-item .record .plus {
          font-size: 18px;
          color: #8a8a8a; }
  .activity-stream .activitystream-item.large[data-type="BF3RANKUP"], .activity-stream .activitystream-item.large[data-type="BF4RANKUP"], .activity-stream .activitystream-item.large[data-type="RANKUP"] {
    min-height: 128px; }
  .activity-stream .activitystream-item[data-type="BF3RANKUP"] > .item-body, .activity-stream .activitystream-item[data-type="BF4RANKUP"] > .item-body, .activity-stream .activitystream-item[data-type="RANKUP"] > .item-body {
    padding-right: 39px; }
  .activity-stream .activitystream-item.large[data-type="BF3RANKUP"] > .item-body, .activity-stream .activitystream-item.large[data-type="BF4RANKUP"] > .item-body, .activity-stream .activitystream-item.large[data-type="RANKUP"] > .item-body {
    padding-right: 138px; }
  .activity-stream .activitystream-item.large[data-type="BF3RANKUP"] .rank-icon, .activity-stream .activitystream-item.large[data-type="BF4RANKUP"] .rank-icon, .activity-stream .activitystream-item.large[data-type="RANKUP"] .rank-icon {
    width: 128px;
    height: 128px;
    top: 0;
    margin-top: 10px;
    position: relative; }
  .activity-stream .common-selector {
    float: right; }

.activitystream-item {
  padding: 10px 0 0 0; }
  .activitystream-item .rank-icon {
    display: inline-block;
    vertical-align: middle; }
  .activitystream-item .assignment-item, .activitystream-item .award-item, .activitystream-item .track-item {
    display: inline-block;
    margin: 4px 4px 0 0;
    overflow: hidden;
    vertical-align: middle;
    text-align: center; }
  .activitystream-item .track-item {
    position: relative; }
    .activitystream-item .track-item .image-container {
      min-width: 100px; }
    .activitystream-item .track-item .progress-bar {
      width: 80px; }
    .activitystream-item .track-item .green-check-small {
      background-image: url(../battledash/images/icons/green-check-small.png);
      width: 12px;
      height: 12px;
      position: absolute;
      right: 0px;
      bottom: 7px; }

.activity-stream .activitystream-item .item-body > .user .description {
  color: #000; }
.activity-stream .activitystream-item .item-body > .details .base-ago {
  color: #34454f; }

/* Geoleaderboard elements are absolute positioned on top of the map to keep map functionality intact (pan, zoom, etc) */
@-webkit-keyframes bar-left-animation {
  0% {
    opacity: 0;
    right: 66px; }

  100% {
    opacity: 1;
    right: 16px; } }

@-moz-keyframes bar-left-animation {
  0% {
    opacity: 0;
    right: 66px; }

  100% {
    opacity: 1;
    right: 16px; } }

-o-keyframes bar-left-animation 0% {
  opacity: 0;
  right: 66px; }
-o-keyframes bar-left-animation 100% {
  opacity: 1;
  right: 16px; }

@-ms-keyframes bar-left-animation {
  0% {
    opacity: 0;
    right: 66px; }

  100% {
    opacity: 1;
    right: 16px; } }

@keyframes bar-left-animation {
  0% {
    opacity: 0;
    right: 66px; }

  100% {
    opacity: 1;
    right: 16px; } }

@-webkit-keyframes bar-right-animation {
  0% {
    opacity: 0;
    left: 66px; }

  100% {
    opacity: 1;
    left: 16px; } }

@-moz-keyframes bar-right-animation {
  0% {
    opacity: 0;
    left: 66px; }

  100% {
    opacity: 1;
    left: 16px; } }

-o-keyframes bar-right-animation 0% {
  opacity: 0;
  left: 66px; }
-o-keyframes bar-right-animation 100% {
  opacity: 1;
  left: 16px; }

@-ms-keyframes bar-right-animation {
  0% {
    opacity: 0;
    left: 66px; }

  100% {
    opacity: 1;
    left: 16px; } }

@keyframes bar-right-animation {
  0% {
    opacity: 0;
    left: 66px; }

  100% {
    opacity: 1;
    left: 16px; } }

@-webkit-keyframes skull-marker {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes skull-marker {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

-o-keyframes skull-marker 0% {
  opacity: 0; }
-o-keyframes skull-marker 100% {
  opacity: 1; }

@-ms-keyframes skull-marker {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes skull-marker {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

.geoleaderboard #base-background {
  background-image: none;
  background-color: #090d16; }
  .geoleaderboard #base-background .video-container {
    display: none; }

.geoleaderboard-loggedout {
  margin-top: -112px;
  background: #080a14;
  padding-top: 96px; }
  .geoleaderboard-loggedout .usp.geoleaderboards .content {
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat; }
  .geoleaderboard-loggedout .usp.geoleaderboards .friends .content {
    background-image: url("../geoleaderboard/geo-friend-bright.png"); }
  .geoleaderboard-loggedout .usp.geoleaderboards .city .content {
    background-image: url("../geoleaderboard/geo-friend-bright.png"); }
  .geoleaderboard-loggedout .usp.geoleaderboards .country .content {
    background-image: url("../geoleaderboard/geo-friend-bright.png"); }
  .geoleaderboard-loggedout .usp.geoleaderboards .world .content {
    background-image: url("../geoleaderboard/geo-friend-bright.png"); }
  .geoleaderboard-loggedout .usp.footer {
    z-index: 1;
    padding-bottom: 44px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }

.no-comcenter #geomap {
  right: 0; }

#skull-content {
  cursor: pointer;
  width: 14px;
  height: 18px;
  text-align: center;
  opacity: 0.4; }
  #skull-content:hover {
    opacity: 0.6; }

#skull-container {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.95);
  z-index: 10000;
  color: #5bafd2;
  padding: 25px;
  font-size: 12px;
  font-family: "Lucida Console", "Courier New", monospace;
  overflow-y: auto; }
  #skull-container #skull-marker {
    -webkit-animation: skull-marker cubic-bezier(1, 0, 0, 1) 1s infinite;
    -moz-animation: skull-marker cubic-bezier(1, 0, 0, 1) 1s infinite;
    -ms-animation: skull-marker cubic-bezier(1, 0, 0, 1) 1s infinite;
    -o-animation: skull-marker cubic-bezier(1, 0, 0, 1) 1s infinite;
    animation: skull-marker cubic-bezier(1, 0, 0, 1) 1s infinite; }
  #skull-container #skull-close {
    position: absolute;
    top: 16px;
    right: 16px;
    background: url('../unifiedgamemanager/close.png') no-repeat 0 0 transparent;
    width: 15px;
    height: 15px;
    cursor: pointer; }

span.mapinfo-dialog {
  color: #a8a8a8; }

#geomap {
  position: absolute;
  top: 96px;
  left: 0;
  height: 950px;
  z-index: 1;
  background: #1c1f24;
  margin-bottom: 200px; }
  #geomap .leaflet-tile-pane {
    opacity: 0.6; }
  #geomap .cross-hair {
    outline: none; }
  #geomap.index {
    height: 750px; }
  #geomap:before {
    content: "";
    background: url("../geoleaderboard/lb-overlay-top.png") repeat-x;
    z-index: 2;
    height: 185px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0; }
  #geomap:after {
    content: "";
    background: url("../geoleaderboard/lb-overlay-bottom.png") repeat-x;
    height: 185px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0; }
  #geomap .user-marker-container {
    background: transparent;
    cursor: normal;
    outline: none; }
    #geomap .user-marker-container .user-marker {
      border: 1px solid rgba(110, 174, 224, 0.5);
      background-color: rgba(32, 97, 150, 0.25);
      box-shadow: 0px 0px 10px rgba(42, 98, 150, 0.5);
      position: relative;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      #geomap .user-marker-container .user-marker.viewing-user {
        border: 1px solid rgba(224, 154, 0, 0.5);
        background-color: rgba(224, 154, 0, 0.25);
        box-shadow: 0px 0px 10px rgba(224, 154, 0, 0.5); }
      #geomap .user-marker-container .user-marker div {
        position: absolute;
        width: 30px;
        height: 30px;
        top: 50%;
        margin-top: -15px;
        left: 50%;
        margin-left: -15px;
        background-color: rgba(0, 0, 0, 0.5); }
      #geomap .user-marker-container .user-marker.combined {
        cursor: pointer; }
        #geomap .user-marker-container .user-marker.combined div {
          width: 58px;
          margin-left: -29px; }
          #geomap .user-marker-container .user-marker.combined div img.lb-icon {
            border-left: 0; }
      #geomap .user-marker-container .user-marker img {
        display: inline;
        border: 2px solid rgba(0, 0, 0, 0.5);
        width: 26px;
        height: 26px; }
    #geomap .user-marker-container.highlight .user-marker {
      border: 2px solid rgba(110, 174, 224, 0.75);
      background-color: rgba(32, 97, 150, 0.35);
      box-shadow: 0px 0px 10px #2a6296; }
      #geomap .user-marker-container.highlight .user-marker.viewing-user {
        border: 2px solid rgba(224, 154, 0, 0.75);
        background-color: rgba(224, 154, 0, 0.35);
        box-shadow: 0px 0px 10px #e09a00; }

#geoleaderboard-container {
  /* SHARED */
  width: 992px;
  height: 0px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
  -webkit-user-select: none;
  user-select: none;
  /* CATEGORY PAGES */
  /* OVERVIEW PAGE */
  /* CHOOSE POSITION PAGE */ }
  #geoleaderboard-container > header {
    position: absolute; }
    #geoleaderboard-container > header .avatar-container {
      float: left;
      height: 40px;
      background-color: rgba(7, 7, 7, 0.6); }
      #geoleaderboard-container > header .avatar-container img {
        margin: 2px;
        margin-right: 0; }
    #geoleaderboard-container > header .main-about-icon {
      margin-left: 4px;
      margin-right: 4px; }
  #geoleaderboard-container .location-container {
    position: absolute;
    right: 0;
    top: 24px;
    font-size: 11px; }
    #geoleaderboard-container .location-container .flag {
      float: left;
      margin-top: 2px;
      margin-left: 5px; }
    #geoleaderboard-container .location-container .city {
      float: left;
      margin-top: 3px;
      margin-left: 3px; }
    #geoleaderboard-container .location-container .set-position {
      float: left;
      margin-left: 5px;
      margin-top: 1px; }
  #geoleaderboard-container .submenu {
    position: absolute;
    top: 56px; }
    #geoleaderboard-container .submenu ul li a, #geoleaderboard-container .submenu ul li .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #geoleaderboard-container .submenu ul li a {
      height: 32px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  #geoleaderboard-container .notification, #geoleaderboard-container .next-goal {
    position: absolute;
    width: 960px;
    padding-left: 16px;
    padding-right: 16px;
    line-height: 40px;
    font-size: 12px; }
  #geoleaderboard-container #map-viewport {
    position: absolute;
    top: 216px;
    width: 656px;
    height: 0; }
  #geoleaderboard-container #map-details, #geoleaderboard-container .leaderboard-details, #geoleaderboard-container .num-competing {
    position: absolute;
    font-family: Purista;
    text-transform: uppercase;
    font-size: 23px; }
    #geoleaderboard-container #map-details .location, #geoleaderboard-container .leaderboard-details .location, #geoleaderboard-container .num-competing .location {
      color: #ff9900; }
  #geoleaderboard-container #map-details, #geoleaderboard-container .leaderboard-details {
    left: 16px; }
  #geoleaderboard-container .num-competing {
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    top: 541px;
    right: 16px; }
    #geoleaderboard-container .num-competing.above-leaderboard-message {
      top: 496px; }
  #geoleaderboard-container #zoom-indicator {
    width: 32px;
    height: 19px;
    line-height: 19px;
    position: absolute;
    margin-top: -9px;
    left: 1050px;
    top: 2px;
    padding: 0 4px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-left: none;
    color: rgba(255, 255, 255, 0.3);
    font-family: Purista;
    font-size: 16px;
    text-align: right;
    z-index: 100;
    display: none;
    -webkit-transition: top 0.3s ease-out, opacity 0.5s 0.3s ease-out;
    transition: top 0.3s ease-out, opacity 0.5s 0.3s ease-out; }
    #geoleaderboard-container #zoom-indicator:before {
      content: "";
      display: block;
      width: 10px;
      height: 19px;
      background: url(../geoleaderboard/indicator-arrows.png) -6px 0 no-repeat;
      position: absolute;
      left: -10px;
      top: 0;
      opacity: 0.3; }
    #geoleaderboard-container #zoom-indicator:after {
      content: "";
      display: block;
      width: 6px;
      height: 11px;
      background: url(../geoleaderboard/indicator-arrows.png) 0 0 no-repeat;
      position: absolute;
      left: -1064px;
      top: 50%;
      margin-top: -6px;
      opacity: 0.3; }
  #geoleaderboard-container .side-bar {
    position: absolute;
    top: 0px;
    height: 600px;
    width: 20px; }
    #geoleaderboard-container .side-bar .ruler {
      position: absolute;
      width: 32px;
      height: 572px;
      opacity: 0; }
    #geoleaderboard-container .side-bar.left {
      right: 100%; }
      #geoleaderboard-container .side-bar.left .ruler {
        background-image: url(../geoleaderboard/map-ruler-left.png);
        background-position: top right;
        right: 16px; }
      #geoleaderboard-container .side-bar.left.animate .ruler {
        opacity: 1;
        -webkit-animation: bar-left-animation ease-in-out 0.5s 1;
        -moz-animation: bar-left-animation ease-in-out 0.5s 1;
        -ms-animation: bar-left-animation ease-in-out 0.5s 1;
        -o-animation: bar-left-animation ease-in-out 0.5s 1;
        animation: bar-left-animation ease-in-out 0.5s 1; }
    #geoleaderboard-container .side-bar.right {
      left: 992px; }
      #geoleaderboard-container .side-bar.right .ruler {
        background-image: url(../geoleaderboard/map-ruler-right.png);
        background-repeat: no-repeat;
        left: 16px; }
      #geoleaderboard-container .side-bar.right.animate .ruler {
        opacity: 1;
        -webkit-animation: bar-right-animation ease-in-out 0.5s 1;
        -moz-animation: bar-right-animation ease-in-out 0.5s 1;
        -ms-animation: bar-right-animation ease-in-out 0.5s 1;
        -o-animation: bar-right-animation ease-in-out 0.5s 1;
        animation: bar-right-animation ease-in-out 0.5s 1; }
  #geoleaderboard-container .map-corner {
    position: absolute;
    background-image: url(../geoleaderboard/map-corners.png);
    width: 24px;
    height: 24px; }
    #geoleaderboard-container .map-corner.top-left {
      background-position: top left;
      left: 0; }
    #geoleaderboard-container .map-corner.top-right {
      background-position: top right;
      left: 632px; }
    #geoleaderboard-container .map-corner.bottom-left {
      background-position: bottom left;
      top: 549px;
      left: 0; }
    #geoleaderboard-container .map-corner.bottom-right {
      background-position: bottom right;
      top: 549px;
      left: 632px; }
  #geoleaderboard-container .map-controls {
    position: absolute;
    top: 16px;
    left: 592px; }
    #geoleaderboard-container .map-controls button {
      font-size: 32px;
      display: block;
      height: 32px;
      line-height: 32px;
      width: 48px;
      padding: 0;
      margin-bottom: 1px;
      text-align: center; }
      #geoleaderboard-container .map-controls button > div {
        margin-top: -4px; }
    #geoleaderboard-container .map-controls .disabled {
      pointer: normal;
      opacity: 0.2; }
  #geoleaderboard-container #map-info {
    position: absolute;
    top: 573px;
    right: -336px;
    margin-top: 16px;
    margin-bottom: 8px;
    padding-right: 84px;
    padding-left: 8px;
    font-size: 11px;
    background: rgba(7, 7, 7, 0.3);
    height: 24px;
    line-height: 24px; }
    #geoleaderboard-container #map-info span {
      color: #a8a8a8; }
    #geoleaderboard-container #map-info img {
      position: absolute;
      top: 2px;
      right: 8px;
      opacity: 0.75; }
    #geoleaderboard-container #map-info:hover {
      cursor: pointer; }
      #geoleaderboard-container #map-info:hover span {
        color: #fff; }
      #geoleaderboard-container #map-info:hover img {
        opacity: 1; }
  #geoleaderboard-container #skull-content {
    position: absolute;
    top: 573px;
    left: 0;
    margin-top: 16px; }
  #geoleaderboard-container .division {
    height: 66px;
    width: 57px;
    background-repeat: no-repeat; }
    #geoleaderboard-container .division.locality-1 {
      background-image: url("../geoleaderboard/divisions/city-1.png"); }
    #geoleaderboard-container .division.country-1 {
      background-image: url("../geoleaderboard/divisions/country-1.png"); }
    #geoleaderboard-container .division.state1 {
      background-image: url("../geoleaderboard/divisions/state-1.png"); }
    #geoleaderboard-container .division.world-1 {
      background-image: url("../geoleaderboard/divisions/world-1.png"); }
    #geoleaderboard-container .division.locality-2 {
      background-image: url("../geoleaderboard/divisions/city-2.png"); }
    #geoleaderboard-container .division.country-2 {
      background-image: url("../geoleaderboard/divisions/country-2.png"); }
    #geoleaderboard-container .division.state2 {
      background-image: url("../geoleaderboard/divisions/state-2.png"); }
    #geoleaderboard-container .division.world-2 {
      background-image: url("../geoleaderboard/divisions/world-2.png"); }
    #geoleaderboard-container .division.locality-3 {
      background-image: url("../geoleaderboard/divisions/city-3.png"); }
    #geoleaderboard-container .division.country-3 {
      background-image: url("../geoleaderboard/divisions/country-3.png"); }
    #geoleaderboard-container .division.state3 {
      background-image: url("../geoleaderboard/divisions/state-3.png"); }
    #geoleaderboard-container .division.world-3 {
      background-image: url("../geoleaderboard/divisions/world-3.png"); }
    #geoleaderboard-container .division.locality-4 {
      background-image: url("../geoleaderboard/divisions/city-4.png"); }
    #geoleaderboard-container .division.country-4 {
      background-image: url("../geoleaderboard/divisions/country-4.png"); }
    #geoleaderboard-container .division.state4 {
      background-image: url("../geoleaderboard/divisions/state-4.png"); }
    #geoleaderboard-container .division.world-4 {
      background-image: url("../geoleaderboard/divisions/world-4.png"); }
    #geoleaderboard-container .division.locality-5 {
      background-image: url("../geoleaderboard/divisions/city-5.png"); }
    #geoleaderboard-container .division.country-5 {
      background-image: url("../geoleaderboard/divisions/country-5.png"); }
    #geoleaderboard-container .division.state5 {
      background-image: url("../geoleaderboard/divisions/state-5.png"); }
    #geoleaderboard-container .division.world-5 {
      background-image: url("../geoleaderboard/divisions/world-5.png"); }
    #geoleaderboard-container .division.locality-6 {
      background-image: url("../geoleaderboard/divisions/city-6.png"); }
    #geoleaderboard-container .division.country-6 {
      background-image: url("../geoleaderboard/divisions/country-6.png"); }
    #geoleaderboard-container .division.state6 {
      background-image: url("../geoleaderboard/divisions/state-6.png"); }
    #geoleaderboard-container .division.world-6 {
      background-image: url("../geoleaderboard/divisions/world-6.png"); }
    #geoleaderboard-container .division.locality-7 {
      background-image: url("../geoleaderboard/divisions/city-7.png"); }
    #geoleaderboard-container .division.country-7 {
      background-image: url("../geoleaderboard/divisions/country-7.png"); }
    #geoleaderboard-container .division.state7 {
      background-image: url("../geoleaderboard/divisions/state-7.png"); }
    #geoleaderboard-container .division.world-7 {
      background-image: url("../geoleaderboard/divisions/world-7.png"); }
    #geoleaderboard-container .division.locality-8 {
      background-image: url("../geoleaderboard/divisions/city-8.png"); }
    #geoleaderboard-container .division.country-8 {
      background-image: url("../geoleaderboard/divisions/country-8.png"); }
    #geoleaderboard-container .division.state8 {
      background-image: url("../geoleaderboard/divisions/state-8.png"); }
    #geoleaderboard-container .division.world-8 {
      background-image: url("../geoleaderboard/divisions/world-8.png"); }
    #geoleaderboard-container .division.locality-9 {
      background-image: url("../geoleaderboard/divisions/city-9.png"); }
    #geoleaderboard-container .division.country-9 {
      background-image: url("../geoleaderboard/divisions/country-9.png"); }
    #geoleaderboard-container .division.state9 {
      background-image: url("../geoleaderboard/divisions/state-9.png"); }
    #geoleaderboard-container .division.world-9 {
      background-image: url("../geoleaderboard/divisions/world-9.png"); }
    #geoleaderboard-container .division.locality-10 {
      background-image: url("../geoleaderboard/divisions/city-10.png"); }
    #geoleaderboard-container .division.country-10 {
      background-image: url("../geoleaderboard/divisions/country-10.png"); }
    #geoleaderboard-container .division.state10 {
      background-image: url("../geoleaderboard/divisions/state-10.png"); }
    #geoleaderboard-container .division.world-10 {
      background-image: url("../geoleaderboard/divisions/world-10.png"); }
  #geoleaderboard-container .leaderboard-details {
    top: 8px;
    left: 16px;
    line-height: 32px; }
    #geoleaderboard-container .leaderboard-details .leaderboard-name {
      width: 568px;
      height: 32px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    #geoleaderboard-container .leaderboard-details .star {
      font-family: Arial, sans-serif;
      display: inline-block;
      cursor: pointer; }
      #geoleaderboard-container .leaderboard-details .star:after {
        position: relative;
        z-index: 1;
        content: "★";
        font-size: 22px;
        color: rgba(255, 255, 255, 0.4); }
      #geoleaderboard-container .leaderboard-details .star:hover:after {
        color: rgba(255, 255, 255, 0.7); }
      #geoleaderboard-container .leaderboard-details .star.starred:after {
        color: white; }
    #geoleaderboard-container .leaderboard-details span.location {
      padding-left: 3px; }
    #geoleaderboard-container .leaderboard-details .pr-description {
      font-size: 16px;
      line-height: 16px;
      margin-bottom: 16px; }
    #geoleaderboard-container .leaderboard-details .division {
      float: left;
      height: 33px;
      width: 29px;
      background-size: 29px 33px;
      background-repeat: no-repeat;
      cursor: pointer;
      margin-left: -5px; }
    #geoleaderboard-container .leaderboard-details .description {
      font-size: 16px;
      float: left;
      line-height: 16px;
      margin-left: 4px; }
      #geoleaderboard-container .leaderboard-details .description span {
        display: block;
        font-weight: 600; }
        #geoleaderboard-container .leaderboard-details .description span.goal {
          font-weight: normal;
          max-width: 500px; }
      #geoleaderboard-container .leaderboard-details .description .division-info {
        display: inline-block;
        vertical-align: top;
        background-image: url(../loadout/icon-info-s.png);
        background-size: 14px 28px;
        height: 14px;
        width: 15px;
        cursor: pointer; }
  #geoleaderboard-container .geoleaderboard-selector {
    width: 992px;
    position: absolute;
    top: -120px; }
    #geoleaderboard-container .geoleaderboard-selector .scroll-container-outer {
      height: 112px; }
    #geoleaderboard-container .geoleaderboard-selector .scroll-left, #geoleaderboard-container .geoleaderboard-selector .scroll-right {
      line-height: 138px; }
    #geoleaderboard-container .geoleaderboard-selector .scrollable {
      height: 102px;
      width: 190px;
      font-family: Purista;
      font-size: 13px; }
      #geoleaderboard-container .geoleaderboard-selector .scrollable .thumb {
        height: 64px; }
        #geoleaderboard-container .geoleaderboard-selector .scrollable .thumb img {
          margin-top: 5px;
          opacity: 0.9; }
      #geoleaderboard-container .geoleaderboard-selector .scrollable .description {
        height: 40px;
        padding-top: 6px; }
      #geoleaderboard-container .geoleaderboard-selector .scrollable .score {
        text-transform: none;
        font-family: Arial;
        font-size: 12px;
        color: #a8a8a8; }
      #geoleaderboard-container .geoleaderboard-selector .scrollable .title {
        white-space: nowrap;
        height: 13px;
        overflow: hidden;
        color: #fff; }
      #geoleaderboard-container .geoleaderboard-selector .scrollable.selected {
        height: 101px;
        width: 188px;
        background: rgba(0, 0, 0, 0.5);
        border: 1px solid #fff;
        border-bottom: 0; }
        #geoleaderboard-container .geoleaderboard-selector .scrollable.selected .description {
          background: url(../veteranprogram/boxselected.png) repeat-x #fff; }
          #geoleaderboard-container .geoleaderboard-selector .scrollable.selected .description .title {
            color: #000;
            font-weight: bold; }
        #geoleaderboard-container .geoleaderboard-selector .scrollable.selected .thumb img {
          opacity: 1;
          margin-top: 4px; }
      #geoleaderboard-container .geoleaderboard-selector .scrollable:hover {
        background-color: rgba(255, 255, 255, 0.7); }
        #geoleaderboard-container .geoleaderboard-selector .scrollable:hover .thumb img {
          opacity: 1; }
  #geoleaderboard-container #location-selector {
    position: absolute;
    top: 128px;
    left: 8px;
    font-family: Purista;
    font-size: 16px;
    line-height: 24px; }
    #geoleaderboard-container #location-selector a, #geoleaderboard-container #location-selector .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #geoleaderboard-container #location-selector a {
      display: block; }
    #geoleaderboard-container #location-selector .area-button {
      height: 28px;
      line-height: 28px;
      width: 48px;
      overflow: hidden;
      text-transform: uppercase;
      background-color: rgba(0, 0, 0, 0.5);
      cursor: pointer;
      background-position: 15px 50%;
      background-repeat: no-repeat;
      margin-bottom: 1px;
      text-decoration: none;
      font-family: Purista;
      font-size: 13px;
      font-weight: 600; }
      #geoleaderboard-container #location-selector .area-button span {
        margin-left: 48px;
        padding-left: 8px;
        padding-right: 8px; }
      #geoleaderboard-container #location-selector .area-button:hover {
        background-color: rgba(150, 150, 150, 0.5);
        width: auto; }
      #geoleaderboard-container #location-selector .area-button.friend {
        background-image: url("../geoleaderboard/geo-friend-bright.png"); }
      #geoleaderboard-container #location-selector .area-button.locality {
        background-position: 17px 50%;
        background-image: url("../geoleaderboard/geo-locality-bright.png"); }
      #geoleaderboard-container #location-selector .area-button.state {
        background-image: url("../geoleaderboard/geo-state-bright.png"); }
      #geoleaderboard-container #location-selector .area-button.country {
        background-image: url("../geoleaderboard/geo-country-bright.png"); }
      #geoleaderboard-container #location-selector .area-button.world {
        background-image: url("../geoleaderboard/geo-world-bright.png"); }
      #geoleaderboard-container #location-selector .area-button.selected {
        background-color: rgba(255, 255, 255, 0.9);
        color: #000; }
        #geoleaderboard-container #location-selector .area-button.selected.friend {
          background-image: url("../geoleaderboard/geo-friend-dark.png"); }
        #geoleaderboard-container #location-selector .area-button.selected.locality {
          background-image: url("../geoleaderboard/geo-locality-dark.png"); }
        #geoleaderboard-container #location-selector .area-button.selected.state {
          background-image: url("../geoleaderboard/geo-state-dark.png"); }
        #geoleaderboard-container #location-selector .area-button.selected.country {
          background-image: url("../geoleaderboard/geo-country-dark.png"); }
        #geoleaderboard-container #location-selector .area-button.selected.world {
          background-image: url("../geoleaderboard/geo-world-dark.png"); }
  #geoleaderboard-container .standings {
    position: absolute;
    top: 0px;
    height: 573px;
    right: -336px;
    width: 327px; }
    #geoleaderboard-container .standings .header {
      font-family: Purista;
      font-size: 16px;
      color: #d5dde5;
      padding-left: 8px;
      text-transform: uppercase;
      line-height: 23px;
      background-color: rgba(0, 0, 0, 0.65);
      margin-bottom: 1px; }
    #geoleaderboard-container .standings table {
      margin-bottom: 0; }
    #geoleaderboard-container .standings tr.active a, #geoleaderboard-container .standings tr.active .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #geoleaderboard-container .standings tr.active a {
      color: #000; }
    #geoleaderboard-container .standings td {
      height: 47px;
      font-size: 12px;
      padding: 0; }
    #geoleaderboard-container .standings #standings-list {
      position: relative;
      height: 464px;
      overflow: hidden;
      margin-bottom: 14px; }
      #geoleaderboard-container .standings #standings-list .jspVerticalBar {
        width: 8px;
        right: 1px;
        background: rgba(0, 0, 0, 0.5); }
      #geoleaderboard-container .standings #standings-list .jspDrag {
        background: #fff;
        opacity: 0.7; }
        #geoleaderboard-container .standings #standings-list .jspDrag:hover {
          opacity: 1; }
    #geoleaderboard-container .standings .standing {
      width: 45px;
      font-family: Frutiger;
      font-size: 16px; }
      #geoleaderboard-container .standings .standing.current-user {
        background-color: #ff9900;
        color: #000; }
      #geoleaderboard-container .standings .standing .division {
        height: 33px;
        width: 100%;
        background-size: 29px 33px;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        cursor: pointer; }
    #geoleaderboard-container .standings .avatarcontainer {
      width: 45px; }
    #geoleaderboard-container .standings .rankcontainer {
      width: 35px;
      overflow: hidden;
      line-height: 0; }
      #geoleaderboard-container .standings .rankcontainer .rank {
        margin-top: 8px; }
    #geoleaderboard-container .standings .name {
      width: 142px; }
      #geoleaderboard-container .standings .name .common-playername-personaname {
        font-weight: bold;
        margin-bottom: 2px; }
      #geoleaderboard-container .standings .name .common-playername-username {
        font-size: 11px;
        color: #a8a8a8; }
    #geoleaderboard-container .standings .score {
      width: 44px;
      padding-right: 16px;
      font-size: 14px;
      font-weight: bold;
      text-align: right; }
  #geoleaderboard-container .leaderboard-message {
    position: absolute;
    top: 512px;
    left: 8px;
    right: 16px;
    background: rgba(0, 0, 0, 0.5);
    line-height: 40px;
    font-size: 12px;
    font-family: Arial, sans-serif;
    margin-left: 8px;
    margin-top: 8px;
    padding-left: 8px;
    text-transform: none;
    color: #ebc6b5;
    text-shadow: -1px -1px 4px #b74b19, 1px 1px 4px #b74b19; }
    #geoleaderboard-container .leaderboard-message i {
      vertical-align: middle;
      width: 24px;
      height: 22px;
      margin-top: -4px;
      background: url(../ui/icons/icon-error.png) no-repeat;
      margin-right: 5px;
      display: inline-block; }
  #geoleaderboard-container .next-goal {
    border: 1px solid rgba(128, 128, 128, 0.5);
    background: rgba(0, 0, 0, 0.5);
    top: 589px; }
  #geoleaderboard-container .notification {
    top: -48px;
    background: rgba(0, 0, 0, 0.5); }
    #geoleaderboard-container .notification .date {
      float: right;
      font-size: 11px;
      color: #a8a8a8; }
    #geoleaderboard-container .notification a, #geoleaderboard-container .notification .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #geoleaderboard-container .notification a {
      font-weight: bold; }
    #geoleaderboard-container .notification a:hover, #geoleaderboard-container .notification .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress #geoleaderboard-container .notification a:hover {
      text-decoration: none; }
    #geoleaderboard-container .notification img {
      float: left;
      margin-top: 10px;
      margin-right: 10px; }
  #geoleaderboard-container #map-details {
    top: 16px;
    line-height: 24px; }
    #geoleaderboard-container #map-details .title {
      display: block; }
    #geoleaderboard-container #map-details .description {
      display: block;
      font-size: 16px; }
  #geoleaderboard-container #user-details-container {
    display: none;
    position: absolute;
    top: 521px;
    left: 16px;
    line-height: 16px;
    font-family: Purista;
    font-size: 16px;
    text-transform: uppercase; }
    #geoleaderboard-container #user-details-container img {
      float: left;
      border: 1px solid #fff; }
    #geoleaderboard-container #user-details-container div {
      margin-left: 44px;
      height: 35px;
      padding-top: 4px; }
    #geoleaderboard-container #user-details-container span.username {
      display: block;
      font-weight: 600;
      text-transform: none; }
    #geoleaderboard-container #user-details-container span.description {
      color: #a8a8a8; }
  #geoleaderboard-container .performances {
    position: absolute;
    top: 589px;
    margin-bottom: 24px;
    width: 100%; }
    .ugm-showing #geoleaderboard-container .performances {
      padding-bottom: 64px; }
    #geoleaderboard-container .performances .row-tight {
      margin-top: 1px; }
    #geoleaderboard-container .performances .header div {
      background: rgba(0, 0, 0, 0.4);
      text-transform: uppercase;
      color: #d5dde5;
      line-height: 23px;
      font-size: 15px;
      font-weight: 600;
      font-family: Purista;
      padding-left: 8px; }
    #geoleaderboard-container .performances .boxes .span1 {
      background: rgba(0, 0, 0, 0.4);
      padding: 8px;
      text-align: center;
      text-transform: uppercase;
      line-height: 16px;
      overflow-x: hidden;
      overflow-y: hidden;
      height: 240px;
      text-decoration: none; }
      #geoleaderboard-container .performances .boxes .span1 .name {
        font-size: 11px; }
      #geoleaderboard-container .performances .boxes .span1 .score {
        font-size: 11px;
        color: #a8a8a8; }
      #geoleaderboard-container .performances .boxes .span1 .icon {
        margin-top: 8px;
        margin-bottom: 8px;
        height: 56px;
        overflow: hidden;
        background-position: 50% 50%;
        background-repeat: no-repeat; }
      #geoleaderboard-container .performances .boxes .span1 .division {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 8px;
        width: 57px; }
      #geoleaderboard-container .performances .boxes .span1 .position {
        font-family: Purista;
        font-size: 19px;
        line-height: 24px; }
      #geoleaderboard-container .performances .boxes .span1 .location {
        margin-top: 5px;
        display: inline-block;
        padding-left: 25px;
        background-repeat: no-repeat;
        background-position: left center;
        font-size: 11px;
        line-height: 19px; }
        #geoleaderboard-container .performances .boxes .span1 .location.locality {
          background-image: url("../geoleaderboard/geo-locality-bright.png"); }
        #geoleaderboard-container .performances .boxes .span1 .location.country {
          background-image: url("../geoleaderboard/geo-country-bright.png"); }
        #geoleaderboard-container .performances .boxes .span1 .location.world {
          background-image: url("../geoleaderboard/geo-world-bright.png"); }
  #geoleaderboard-container.overview #map-viewport, #geoleaderboard-container.choose-position #map-viewport {
    top: 104px;
    width: 992px; }
  #geoleaderboard-container.overview .top-right, #geoleaderboard-container.choose-position .top-right {
    left: 968px; }
  #geoleaderboard-container.overview .bottom-right, #geoleaderboard-container.choose-position .bottom-right {
    left: 968px; }
  #geoleaderboard-container.overview .map-controls, #geoleaderboard-container.choose-position .map-controls {
    left: 928px; }
  #geoleaderboard-container.overview #location-selector, #geoleaderboard-container.choose-position #location-selector {
    top: 88px; }
  #geoleaderboard-container.overview #map-info {
    position: relative;
    top: 0;
    right: 0;
    float: right; }
  #geoleaderboard-container.overview #skull-content {
    position: relative;
    top: auto;
    left: auto; }
  #geoleaderboard-container.overview.has-latest-update #map-viewport {
    top: 152px; }
  #geoleaderboard-container.choose-position header {
    text-align: center;
    width: 992px; }
  #geoleaderboard-container.choose-position h1 {
    font-size: 40px; }
  #geoleaderboard-container.choose-position h3 {
    font-size: 23px;
    font-weight: normal; }
  #geoleaderboard-container.choose-position #map-details {
    position: absolute;
    top: 328px;
    text-align: center;
    height: 0;
    width: 960px;
    overflow: visible;
    color: #ff9900; }
  #geoleaderboard-container.choose-position #map-info {
    top: 677px;
    right: 0; }
  #geoleaderboard-container.choose-position #skull-content {
    top: 677px;
    left: 0;
    margin-top: 16px; }
  #geoleaderboard-container .set-location-box {
    height: 104px;
    position: absolute;
    top: 453px;
    left: 16px;
    right: 16px;
    background-color: rgba(0, 0, 0, 0.5); }
    #geoleaderboard-container .set-location-box .privacy-settings {
      margin: 16px;
      width: 400px; }
      #geoleaderboard-container .set-location-box .privacy-settings span {
        margin-top: 9px;
        display: block;
        line-height: 16px; }
    #geoleaderboard-container .set-location-box .continue {
      position: absolute;
      top: 16px;
      right: 16px;
      text-align: center; }
      #geoleaderboard-container .set-location-box .continue a, #geoleaderboard-container .set-location-box .continue .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #geoleaderboard-container .set-location-box .continue a {
        margin-top: 16px;
        display: block; }
    #geoleaderboard-container .set-location-box span, #geoleaderboard-container .set-location-box a, #geoleaderboard-container .set-location-box .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #geoleaderboard-container .set-location-box a {
      color: #a8a8a8;
      font-size: 12px; }

.geo-location-dialog {
  text-align: center; }
  .geo-location-dialog span, .geo-location-dialog button {
    margin-top: 16px;
    margin-bottom: 16px;
    display: block; }
  .geo-location-dialog button {
    margin-left: auto;
    margin-right: auto; }

#geoleaderboard-divisions {
  position: relative; }
  #geoleaderboard-divisions h3 {
    font-family: Purista;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    color: #a8a8a8;
    font-weight: normal;
    margin-bottom: 16px; }
  #geoleaderboard-divisions .divisions, #geoleaderboard-divisions .score-needed {
    font-family: Purista;
    font-size: 16px;
    line-height: 16px;
    color: #fff; }
  #geoleaderboard-divisions .divisions {
    margin-bottom: 16px; }
    #geoleaderboard-divisions .divisions .division {
      height: 24px; }
      #geoleaderboard-divisions .divisions .division .num {
        float: left;
        width: 24px; }
      #geoleaderboard-divisions .divisions .division .bar {
        float: left;
        width: 250px; }
        #geoleaderboard-divisions .divisions .division .bar .progress-bar {
          margin-bottom: 8px; }
      #geoleaderboard-divisions .divisions .division .details {
        float: left;
        margin-left: 8px; }
      #geoleaderboard-divisions .divisions .division .clear {
        clear: left; }
  #geoleaderboard-divisions .score-needed {
    position: absolute;
    top: 0;
    left: 400px; }
    #geoleaderboard-divisions .score-needed .score {
      height: 24px; }
  #geoleaderboard-divisions .description {
    font: Arial 12px white; }

#geomap {
  background: #252e3b; }
  #geomap:before {
    background: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/geoleaderboard/lb-overlay-top-cedd345c-e5a2d32f.png) repeat-x;
    height: 321px;
    top: -10px; }
  #geomap:after {
    background: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/geoleaderboard/lb-overlay-bottom-cedd345c-1c944605.png) repeat-x;
    height: 250px; }
  #geomap .leaflet-tile-pane {
    opacity: 1; }

.geoleaderboard #base-background {
  background-color: #2d3745; }

.geoleaderboards .submenu.zoom-widget {
  border: 0; }
  .geoleaderboards .submenu.zoom-widget ul {
    border: 1px solid #525d6b; }
    .geoleaderboards .submenu.zoom-widget ul li span {
      text-align: center; }

.marker-cluster .marker-cluster-container span {
  color: #fff; }

#base-bfh-html .loggedout-usp-container .btn-primary {
  text-align: center; }

#base-bfh-html #geoleaderboard-container .notification {
  background: rgba(0, 0, 0, 0.06);
  color: #fff; }
  #base-bfh-html #geoleaderboard-container .notification a, #base-bfh-html #geoleaderboard-container .notification .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-bfh-html #geoleaderboard-container .notification a {
    color: #fff; }
    #base-bfh-html #geoleaderboard-container .notification a:hover, #base-bfh-html #geoleaderboard-container .notification .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress #base-bfh-html #geoleaderboard-container .notification a:hover {
      text-decoration: underline; }
#base-bfh-html #geoleaderboard-container h1.primary, #base-bfh-html #geoleaderboard-container #battlereport > header h1, #battlereport > header #base-bfh-html #geoleaderboard-container h1 {
  color: #fff; }
#base-bfh-html #geoleaderboard-container .scrollable {
  background: rgba(0, 0, 0, 0.3); }
  #base-bfh-html #geoleaderboard-container .scrollable .description .title {
    color: #d5dde5; }
  #base-bfh-html #geoleaderboard-container .scrollable .description .score {
    color: #fff; }
  #base-bfh-html #geoleaderboard-container .scrollable.selected .description .title {
    color: #000; }
  #base-bfh-html #geoleaderboard-container .scrollable.selected .description .score {
    color: #2a3b44; }
#base-bfh-html #geoleaderboard-container .scroll-left, #base-bfh-html #geoleaderboard-container .scroll-right {
  background: rgba(0, 0, 0, 0.3); }
  #base-bfh-html #geoleaderboard-container .scroll-left:not(.disabled):hover, #base-bfh-html #geoleaderboard-container .scroll-right:not(.disabled):hover {
    opacity: 0.5; }
#base-bfh-html #geoleaderboard-container .set-location-box {
  background: rgba(255, 255, 255, 0.65); }
  #base-bfh-html #geoleaderboard-container .set-location-box span {
    color: #000; }
  #base-bfh-html #geoleaderboard-container .set-location-box a, #base-bfh-html #geoleaderboard-container .set-location-box .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-bfh-html #geoleaderboard-container .set-location-box a {
    color: #000; }
#base-bfh-html #geoleaderboard-container .location-container {
  color: #fff; }
#base-bfh-html #geoleaderboard-container #location-selector .area-button {
  color: #fff; }
  #base-bfh-html #geoleaderboard-container #location-selector .area-button.selected, #base-bfh-html #geoleaderboard-container #location-selector .area-button.selected:hover {
    color: #000;
    background-color: #fff; }
#base-bfh-html #geoleaderboard-container.overview #map-info {
  top: 264px; }
#base-bfh-html #geoleaderboard-container.choose-position h1, #base-bfh-html #geoleaderboard-container.choose-position h3 {
  color: #fff; }
#base-bfh-html #geoleaderboard-container.choose-position #map-info {
  top: 677px; }
#base-bfh-html #geoleaderboard-container #map-info {
  position: absolute;
  top: 573px;
  right: 0;
  background: rgba(0, 0, 0, 0.06); }
  #base-bfh-html #geoleaderboard-container #map-info span {
    color: #fff; }
#base-bfh-html #geoleaderboard-container #location-selector .area-button {
  background-color: rgba(0, 0, 0, 0.5); }
  #base-bfh-html #geoleaderboard-container #location-selector .area-button:hover {
    background-color: rgba(0, 0, 0, 0.45); }
#base-bfh-html #geoleaderboard-container .title {
  font-family: "Frutiger", sans-serif;
  font-weight: normal; }
#base-bfh-html #geoleaderboard-container .description {
  font-family: "Frutiger", sans-serif;
  font-weight: normal; }
#base-bfh-html #geoleaderboard-container .performances {
  margin-bottom: 0px;
  padding-bottom: 56px; }
  #base-bfh-html #geoleaderboard-container .performances .row-tight {
    margin-top: 0; }
  #base-bfh-html #geoleaderboard-container .performances .header div {
    background: #282d33;
    color: #d5dde5; }
  #base-bfh-html #geoleaderboard-container .performances .boxes .span1 {
    background: rgba(0, 0, 0, 0.06);
    margin-top: 1px; }
    #base-bfh-html #geoleaderboard-container .performances .boxes .span1:hover {
      background: rgba(0, 0, 0, 0.03); }
    #base-bfh-html #geoleaderboard-container .performances .boxes .span1 .name {
      color: #d5dde5; }
    #base-bfh-html #geoleaderboard-container .performances .boxes .span1 .score {
      color: #fff; }
    #base-bfh-html #geoleaderboard-container .performances .boxes .span1 .location {
      color: #fff; }
#base-bfh-html #geoleaderboard-container .standings .header {
  font-family: Frutiger; }
#base-bfh-html #geoleaderboard-container .standings tr .current-user {
  background-color: #ff9900; }
#base-bfh-html #geoleaderboard-container .standings tr td {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3); }
  #base-bfh-html #geoleaderboard-container .standings tr td a, #base-bfh-html #geoleaderboard-container .standings tr td .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-bfh-html #geoleaderboard-container .standings tr td a {
    color: #fff; }
  #base-bfh-html #geoleaderboard-container .standings tr td.standing.current-user {
    color: #000; }
#base-bfh-html #geoleaderboard-container .standings tr.active td {
  color: rgba(172, 175, 188, 0.7); }
  #base-bfh-html #geoleaderboard-container .standings tr.active td a, #base-bfh-html #geoleaderboard-container .standings tr.active td .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-bfh-html #geoleaderboard-container .standings tr.active td a {
    color: rgba(172, 175, 188, 0.7); }
#base-bfh-html #geoleaderboard-container .jspDrag {
  background: #FFF; }
#base-bfh-html #geoleaderboard-container .jspScrollable:hover .jspDrag {
  background: #FFF; }
#base-bfh-html #geoleaderboard-container .jspScrollable.scrollbar-visible .jspDrag {
  background: #FFF; }

#geoleaderboard-container #map-details, #geoleaderboard-container .leaderboard-details, #geoleaderboard-container .num-competing {
  color: #fff;
  font-family: "Frutiger", sans-serif;
  font-weight: normal; }

#geoleaderboard-container #location-selector .area-button span {
  font-family: "Frutiger", sans-serif;
  font-weight: normal; }

#geoleaderboard-container .performances .header div {
  font-family: "Frutiger", sans-serif;
  font-weight: normal; }
  #geoleaderboard-container .performances .header div:last-child {
    margin-right: 1px; }

.geoleaderboard-loggedout {
  background: #252f3b;
  padding-top: 0;
  margin-top: -16px; }
  .geoleaderboard-loggedout a, .geoleaderboard-loggedout .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .geoleaderboard-loggedout a {
    color: #fff; }
  .geoleaderboard-loggedout .usp.footer {
    width: auto;
    margin: 0;
    padding-bottom: 74px;
    border: 0; }

#geoleaderboard-container #user-details-container {
  color: #fff;
  font-family: "Frutiger", sans-serif;
  font-weight: normal; }

#geoleaderboard-divisions h3 {
  color: #2a3b44;
  font-family: Frutiger; }
#geoleaderboard-divisions .divisions, #geoleaderboard-divisions .score-needed {
  font-family: Frutiger;
  color: #34454f; }

/* required styles */
.leaflet-map-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-pane, .leaflet-tile-container, .leaflet-overlay-pane, .leaflet-shadow-pane, .leaflet-marker-pane, .leaflet-popup-pane, .leaflet-overlay-pane svg, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer {
  position: absolute;
  left: 0;
  top: 0; }

.leaflet-container {
  overflow: hidden;
  -ms-touch-action: none; }

.leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none; }

.leaflet-marker-icon, .leaflet-marker-shadow {
  display: block; }

/* map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container img {
  max-width: none !important; }

/* stupid Android 2 doesn't understand "max-width: none" properly */
.leaflet-container img.leaflet-image-layer {
  max-width: 15000px !important; }

.leaflet-tile {
  filter: inherit;
  visibility: hidden; }

.leaflet-tile-loaded {
  visibility: inherit; }

.leaflet-zoom-box {
  width: 0;
  height: 0; }

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none; }

.leaflet-tile-pane {
  z-index: 2; }

.leaflet-objects-pane {
  z-index: 3; }

.leaflet-overlay-pane {
  z-index: 4; }

.leaflet-shadow-pane {
  z-index: 5; }

.leaflet-marker-pane {
  z-index: 6; }

.leaflet-popup-pane {
  z-index: 7; }

/* control positioning */
.leaflet-control {
  position: relative;
  z-index: 7;
  pointer-events: auto; }

.leaflet-top, .leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none; }

.leaflet-top {
  top: 0; }

.leaflet-right {
  right: 0; }

.leaflet-bottom {
  bottom: 0; }

.leaflet-left {
  left: 0; }

.leaflet-control {
  float: left;
  clear: both; }

.leaflet-right .leaflet-control {
  float: right; }

.leaflet-top .leaflet-control {
  margin-top: 10px; }

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px; }

.leaflet-left .leaflet-control {
  margin-left: 10px; }

.leaflet-right .leaflet-control {
  margin-right: 10px; }

/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile, .leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear; }

.leaflet-fade-anim .leaflet-tile-loaded, .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1; }

.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); }

.leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile, .leaflet-touching .leaflet-zoom-animated {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none; }

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden; }

/* cursors */
.leaflet-clickable {
  cursor: pointer; }

.leaflet-container {
  cursor: -webkit-grab;
  cursor: -moz-grab; }

.leaflet-popup-pane, .leaflet-control {
  cursor: auto; }

.leaflet-dragging, .leaflet-dragging .leaflet-clickable, .leaflet-dragging .leaflet-container {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing; }

/* visual tweaks */
.leaflet-container {
  background: #ddd;
  outline: 0; }

.leaflet-container a, .leaflet-container .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .leaflet-container a {
  color: #0078A8; }

.leaflet-container a.leaflet-active, .leaflet-container .devblog .devblog-post .battlelog-wordpress a.leaflet-active, .devblog .devblog-post .battlelog-wordpress .leaflet-container a.leaflet-active {
  outline: 2px solid orange; }

.leaflet-zoom-box {
  border: 2px dotted #05f;
  background: white;
  opacity: 0.5; }

/* general typography */
.leaflet-container {
  font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; }

/* general toolbar styles */
.leaflet-bar {
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.65);
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.leaflet-bar a, .leaflet-bar .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .leaflet-bar a, .leaflet-bar a:hover, .leaflet-bar .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress .leaflet-bar a:hover {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black; }

.leaflet-bar a, .leaflet-bar .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .leaflet-bar a, .leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block; }

.leaflet-bar a:hover, .leaflet-bar .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress .leaflet-bar a:hover {
  background-color: #f4f4f4; }

.leaflet-bar a:first-child, .leaflet-bar .devblog .devblog-post .battlelog-wordpress a:first-child, .devblog .devblog-post .battlelog-wordpress .leaflet-bar a:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px; }

.leaflet-bar a:last-child, .leaflet-bar .devblog .devblog-post .battlelog-wordpress a:last-child, .devblog .devblog-post .battlelog-wordpress .leaflet-bar a:last-child {
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none; }

.leaflet-bar a.leaflet-disabled, .leaflet-bar .devblog .devblog-post .battlelog-wordpress a.leaflet-disabled, .devblog .devblog-post .battlelog-wordpress .leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb; }

.leaflet-touch .leaflet-bar {
  -webkit-border-radius: 10px;
  border-radius: 10px; }

.leaflet-touch .leaflet-bar a, .leaflet-touch .leaflet-bar .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px; }

.leaflet-touch .leaflet-bar a:first-child, .leaflet-touch .leaflet-bar .devblog .devblog-post .battlelog-wordpress a:first-child, .devblog .devblog-post .battlelog-wordpress .leaflet-touch .leaflet-bar a:first-child {
  -webkit-border-top-left-radius: 7px;
  border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  border-top-right-radius: 7px; }

.leaflet-touch .leaflet-bar a:last-child, .leaflet-touch .leaflet-bar .devblog .devblog-post .battlelog-wordpress a:last-child, .devblog .devblog-post .battlelog-wordpress .leaflet-touch .leaflet-bar a:last-child {
  -webkit-border-bottom-left-radius: 7px;
  border-bottom-left-radius: 7px;
  -webkit-border-bottom-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom: none; }

/* zoom control */
.leaflet-control-zoom-in {
  font: bold 18px 'Lucida Console', Monaco, monospace; }

.leaflet-control-zoom-out {
  font: bold 22px 'Lucida Console', Monaco, monospace; }

.leaflet-touch .leaflet-control-zoom-in {
  font-size: 22px;
  line-height: 30px; }

.leaflet-touch .leaflet-control-zoom-out {
  font-size: 28px;
  line-height: 30px; }

/* layers control */
.leaflet-control-layers {
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.4);
  background: #f8f8f9;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.leaflet-control-layers-toggle {
  background-image: url(images/layers.png);
  width: 36px;
  height: 36px; }

.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(images/layers-2x.png);
  background-size: 26px 26px; }

.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px; }

.leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none; }

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative; }

.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff; }

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px; }

.leaflet-control-layers label {
  display: block; }

.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px; }

/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 5px #bbb;
  margin: 0; }

.leaflet-control-attribution, .leaflet-control-scale-line {
  padding: 0 5px;
  color: #333; }

.leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale {
  font-size: 11px; }

.leaflet-left .leaflet-control-scale {
  margin-left: 5px; }

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px; }

.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  color: black;
  line-height: 1.1;
  padding: 2px 5px 1px;
  font-size: 11px;
  text-shadow: 1px 1px 1px #fff;
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
  overflow: hidden; }

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777; }

.leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-control-zoom {
  box-shadow: none; }

.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-control-zoom {
  border: 4px solid rgba(0, 0, 0, 0.3); }

/* popup */
.leaflet-popup {
  position: absolute;
  text-align: center; }

.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  -webkit-border-radius: 12px;
  border-radius: 12px; }

.leaflet-popup-content {
  margin: 13px 19px;
  line-height: 1.4; }

.leaflet-popup-content p {
  margin: 18px 0; }

.leaflet-popup-tip-container {
  margin: 0 auto;
  width: 40px;
  height: 20px;
  position: relative;
  overflow: hidden; }

.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
  background: white;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); }

.leaflet-container a.leaflet-popup-close-button, .leaflet-container .devblog .devblog-post .battlelog-wordpress a.leaflet-popup-close-button, .devblog .devblog-post .battlelog-wordpress .leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 4px 0 0;
  text-align: center;
  width: 18px;
  height: 14px;
  font: 16px/14px Tahoma, Verdana, sans-serif;
  color: #c3c3c3;
  text-decoration: none;
  font-weight: bold;
  background: transparent; }

.leaflet-container a.leaflet-popup-close-button:hover, .leaflet-container .devblog .devblog-post .battlelog-wordpress a.leaflet-popup-close-button:hover, .devblog .devblog-post .battlelog-wordpress .leaflet-container a.leaflet-popup-close-button:hover {
  color: #999; }

.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd; }

/* div icon */
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666; }

.leaflet-editing-icon {
  -webkit-border-radius: 2px;
  border-radius: 2px; }

/* Icon sprites */
.mapbox-icon {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAACcCAYAAABho7sLAAACz0lEQVR42u2YTWgTQRiGE2lRQRAktGovagMFCyW/DbkFEQt6EVTwpPYi8eZBpQcNgh48tOJVUKJQEFGhorWKCnoRQkEEL71Uqh7qD4QiQgqlGd+BT3YJu7jdmV2ovAMPk/m+ZZ6ZzOzuJAmlVCxQRBFF/7Mon88vaOIQKc36FsnXpXxYiE3ENVrT9uaTgSKKKKKIIoooCgIPkNwMFFFEEUUUUUSRnCtuJBKJDXGIVKFQeFQulzdbE6Ek0ekJ8BaCn0BpRPYOdSqwSEY51dHJrMTHgfIjl8s9W6tIuSkWi/vBID6vuOMGM/L/bw6jfSwdzuDzaCaT2eW1RsYitD+DCb1OWgLZKeNd5xZJuxujfuWXF8xF6XR6I0SViEUOEYn8sSly7iP/7XyZT2+KKKKIIooAXgs7cEbYp2vrIhH0y2FR/UXa/dZEpVKpV06jLczmNupDUrd0XOetiNBZXWYw7I7rtsyubks0Dxo+uYbO2xI1waRPbhIs2hK9Bi0cdbe547ot63TXiggLPyJr8TSbzZZ1TNe6LfGaFZEs/AXXL4gfQLlYQf6oFZHMbAidXgJ3QBXtNOoHgWQiCk2lUukKJBORNRlmeS8ikSOD5Kyu+ZqgiCKKKPJnABwOyICJqKmCl2ZoUYCOb4JrzoDsi76BTa7r5qISXZd8FbwHy1GJqpKfcUJ2RV9ABeyU/JC0W7ZFcx7XpKKY0SpYAqOSfwh+ARX1Gj0HiiIvxsCUByOSr7liY3xNUEQRRRStE1EXSJqKtoMjPrlh0AC6LIKr4BbYG0Z0DLTBFY9RvwSd5SM4GUZUUE55A06D3aAPtD1E0yAZRtQLnnh0+FV5l/Nh12gQrKrg5YDJrpsOKGmDHhNRH3gRQFQ3vY+6wew/JEugx0gkbAFnwHKnQWLHTW/YPeAguAi+e0jmQc7GIygFauAD+C2dfwL3wTmwlU9viiiKV/QHn/TDxm/TaPYAAAAASUVORK5CYII=');
  background-repeat: no-repeat;
  background-size: 26px 156px; }

/* Retina icon */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .mapbox-icon {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAE4CAYAAAAUzdAkAAAGAklEQVR42uzdb2hVdRzH8bl0MXIpLVOjEmQRtLpsd/9cywoSwsonzfUHklhQ9mBJBMkoCISiJyXtSQirB0H/tSxYOIggjfakB5v2oElg2UaJjhSjls7t9PnCCX4curv3rHvu+d3T+8B7znt/Z/5eO+ee3bv91JogCDIVIECAAAECBAgQIECAAAECBCgboLa2tlEVhI1mARS4AQIEKOOg6NVsiY36CAr+S4A45f7vFwVAgADx8oFXrIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAglpexAJAVjUUb5aIACBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAA+Q6y5QGv19TU1GYJFLS3t3/c3d1dnxlQiBrTr1dnAuT0Qz6fb/Ie1NHRsU4TfU69pb7RxGcMUKAzra2t3V6Cmpub63Qq7dYkz6sgRn8K/kCiIP0ht2pyh4tMZLKvr++yELNSvx9XwRKbF+qZxEBFMUpjtttYbcvsymW3eQsqAfOtM/bpuIBCp1xqID3wt4RHp1a/P7FUjHtRqChokVPz3uhYdVF9qPt6BW/RtrrYZdsbkD2Vccdpgl/YZTvOF1avQAJ85ox7V62I+9THtyP0XTjmNbva/XO7Hhftum1YTahzBZ6cegn6XZ/xQ3H39xJkjwE1p6NxcyZAgqzRfW/Y+5kANTU1Xa7T7ZZMgNwApQ+KH6CwFF4+xM8+Vqog9wVeOTD2sfhGIyBAgAABAgQIECBAgAABAgQIECBAgAABAgRo8fQD42u16OJ+/WThRcvet9uqDqSJbxZgcrE1dDbGe5AtZdFE99q6thLXvu21fbwFaZIHI5P+TY2oPWEjdltkzEEvQfop3CORib7X2dnZGB1nt9l97ljb1ytQLpe7JrKq95Vi+9gYZ/yMfQxfQHZ0djqTO2Yrf0tZHWxjnaO00xuQLRFzFvf1x7ga9jufiGGfQBMOKBcDlHNAE96A3EXlPT09DaXuZ2Md0B8+PYbGnIl1xThCm5z9jvt0hIacie2Ksd8uZ78Rb0D6TD/qTOwXffW/qtg+NsbGOle5x70B2dMXO2Uc1P7FVv7afTbGGX/aFgp6A7Js5XvkOdxRlf8XTD68L3Ca8XKtj069l2yCkaZt3bZl76ugQKcN5QvIRT3oPA2KV4jyCmR1dXWt1cTeLnBEZtWbOkXvsKc+SaCS/vt063XUtoVHLm9/KcpdAp0Eyt6kUHIoe5MplL3xGfWlv6D4qGN2W9WCXJSLqVqQi7L4zikgQIAAAQIECBAgQIAAAQIECBAgQICqEtShhtS+MjekOtIATamktqkUQMlugFIEzagB1aKuVI1qgzpSjaApVegfwRutRlCvqskS6Apn/1p1n3Pp/7naQNOR/bdU+0VhMrL/7qyBBqsRdFwNhj0R2X+TGnQ6Ww2gUv9H9lp1IUugDSrIEujuagFdUKfCvo7sP+Dcd46rHCBAgAABitl4gqDxNECNql89VWIPRfZvKTCuXzXynVNAgAABAgQIECBAgAABAgQIECBAgAABAuQZaJXaqHLqelVfYNyySoFWq3VL2G+N+kBFt0tqj1qurlPPq0NqRaVAfer7mKgG9ZNabDup5tWC6q3kKTesghC1vsR99qlStr/Uy+pZtaNSoDFnAmfUw0XG16s5FWf7RC2vFOhVFd0+VU0Fxt8WEzOi6ip5ym1dZDKH1WNqpTN+e0zQjZW+bNepr4pMakGdUJ+rAzFBaysN2qE2q6Oq3NslVVtp0IiybTYB0HQazxReUElt+9MANahfEwI9mQbIukudLTNmXt2QFsi6SR1QF8sE+ijtZ9uDIehkGTALKpc26PZwIuXY3vHl9dBAGTA/qlW+gKx71MQSMXOq29dXrFvVqRiYWbXNx5fgG9X7MR9P59WdPnxPoUX93Y4dmwAIQ2EQhqxi4xSOIGQcC8dwBKfIAIJdRrB3AxvP3sZUT7jAN8DBa/JnTFhRcTV8D7ooI0lCxoavr2KMvPoMWFBwvJzciR0z+r/OWOnh0GiQQQYZZJBBBhlkkEEGBXcD/NcD18JsKswAAAAASUVORK5CYII='); } }

a.mapbox-icon-share, .devblog .devblog-post .battlelog-wordpress a.mapbox-icon-share {
  background-position: 0 -52px; }

a.mapbox-icon-geocoder, .devblog .devblog-post .battlelog-wordpress a.mapbox-icon-geocoder {
  background-position: 0 -78px; }

a.mapbox-icon-facebook, .devblog .devblog-post .battlelog-wordpress a.mapbox-icon-facebook {
  background-position: 0 -104px; }

a.mapbox-icon-twitter, .devblog .devblog-post .battlelog-wordpress a.mapbox-icon-twitter {
  background-position: 0 -130px; }

/* Map legends */
.map-legends {
  border: 1px solid #bbb;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.map-legends {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }

.map-legends .map-legend {
  padding: 10px; }

.map-tooltip {
  z-index: 999999;
  padding: 10px;
  max-width: 300px;
  opacity: 1;
  -webkit-transition: opacity 150ms;
  -moz-transition: opacity 150ms;
  -ms-transition: opacity 150ms;
  -o-transition: opacity 150ms;
  transition: opacity 150ms;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  user-select: auto;
  border: 1px solid #bbb;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  min-width: 180px;
  max-width: 280px;
  max-height: 400px;
  overflow: auto;
  width: 220px\8;
  /*< IE 9*/
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  color: #222;
  font: normal 13px/20px Arial, sans-serif; }

.map-tooltip .close {
  text-indent: -999em;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAeCAYAAADO4udXAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHFSURBVHic7dpBbsIwEAXQoZpbwKKz8Bm66EFyjUicI1KuwUF6Ci/cBbmFJbqoLbluJezgMSn8JyGhJMRAvmZiw+5yuRBAay/3fgPwmBAsUIFggQoEC1QgWKACwQIVCBaoQLCgiIiMIjKWHo9gbVy4oJ/po9e42fPiUBERcemBxpiD935i5qO19ly6rzUR+SAics69a46zFc65WUSIKi9sA2MYN449O+fm0hcXVyzv/UREb977kzHmELeHUJ3Cvqn0fDfYhwfoi5WqKlREFRWLmY8hQPsQroGIKG4jooWZjzWDw3VJG4oXtnflWqU4WNbaszFmSMMVdsVQDdpt8NmkoYoVI2lPPY0iQjVVa1f774ak9cV2pBqqcE91rfUtre+57jGuiIxJgFa3oS0orljQxU03zGv8NeNzzr3eet6qipVVqyVs7toK43S7xYffmmwpoVulysPV4rstnhXmoWLmgZkH+g7YPp8twnOrXW74UZ2stecsXD2WG55F1Ur3Wtmss1mFrF1u+LUImswWp07LDcv1Q/6n3u1dc9ZZPSuExxErosa9HIIFKvAjNKhAsEAFggUqECxQgWCBCgQLVCBYoALBAhVfpi7sxwlEhWYAAAAASUVORK5CYII=) no-repeat 0 0;
  overflow: hidden;
  display: none; }

.map-tooltip.closable .close:active {
  border-color: #b0b0b0;
  background-color: #f0f0f0; }

.map-tooltip.closable .close {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 20px;
  height: 20px;
  background-position: -5px -5px;
  border-radius: 10px; }

.map-tooltip.closable .close {
  display: block; }

.map-tooltip small {
  font-size: 11px; }

.map-tooltip h1, .map-tooltip h2, .map-tooltip h3, .map-tooltip h4, .map-tooltip h5, .map-tooltip h6 {
  font-size: 16px; }

.map-tooltip h1, .map-tooltip h2, .map-tooltip h3, .map-tooltip h4, .map-tooltip h5, .map-tooltip h6, .map-tooltip p {
  margin: 0px 0px 10px; }

/* Leaflet Overrides */
.leaflet-control-interaction {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 300px; }

.leaflet-popup {
  pointer-events: none; }

.leaflet-popup-close-button {
  pointer-events: all; }

.leaflet-popup-content-wrapper {
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  pointer-events: all; }

.leaflet-popup-content {
  line-height: 1.6em;
  margin: 12px 16px; }

.leaflet-popup-content .marker-title {
  font-weight: bold;
  line-height: 2em; }

.leaflet-popup-tip {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }

.leaflet-control .mapbox-button {
  border-radius: 4px;
  font-weight: bold;
  padding: 5px 8px; }

/* General Toolbar Overrides */
.leaflet-bar, .leaflet-touch .leaflet-bar {
  box-shadow: none;
  -webkit-border-radius: 2px;
  border-radius: 2px; }

.leaflet-bar a:first-child, .leaflet-bar .devblog .devblog-post .battlelog-wordpress a:first-child, .devblog .devblog-post .battlelog-wordpress .leaflet-bar a:first-child, .leaflet-touch .leaflet-bar a:first-child, .leaflet-touch .leaflet-bar .devblog .devblog-post .battlelog-wordpress a:first-child, .devblog .devblog-post .battlelog-wordpress .leaflet-touch .leaflet-bar a:first-child {
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px; }

.leaflet-bar a:last-child, .leaflet-bar .devblog .devblog-post .battlelog-wordpress a:last-child, .devblog .devblog-post .battlelog-wordpress .leaflet-bar a:last-child, .leaflet-touch .leaflet-bar a:last-child, .leaflet-touch .leaflet-bar .devblog .devblog-post .battlelog-wordpress a:last-child, .devblog .devblog-post .battlelog-wordpress .leaflet-touch .leaflet-bar a:last-child {
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px; }

/* Cursors */
.leaflet-container {
  cursor: default;
  cursor: -webkit-default;
  cursor: -moz-default; }

.leaflet-popu a, .leaflet-popu .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .leaflet-popu a, .map-tooltip a, .map-tooltip .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .map-tooltip a, .map-legend a, .map-legend .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .map-legend a {
  color: #489;
  text-decoration: none; }

.leaflet-dragging {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing; }

.leaflet-clickable, .leaflet-container.map-clickable {
  cursor: pointer;
  cursor: -webkit-pointer;
  cursor: -moz-pointer; }

/* Sharing */
.mapbox-share-buttons {
  clear: both;
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 15px 0; }

.mapbox-share-buttons a, .mapbox-share-buttons .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .mapbox-share-buttons a {
  border-radius: 2px;
  display: inline-block;
  font-weight: bold;
  height: 26px;
  line-height: 26px;
  padding-left: 30px;
  text-decoration: none;
  width: 48%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.mapbox-share-buttons a.mapbox-share-facebook, .mapbox-share-buttons .devblog .devblog-post .battlelog-wordpress a.mapbox-share-facebook, .devblog .devblog-post .battlelog-wordpress .mapbox-share-buttons a.mapbox-share-facebook {
  color: #fff;
  background-color: #3B5998;
  margin-right: 4%; }

.mapbox-share-buttons a.mapbox-share-facebook:hover, .mapbox-share-buttons .devblog .devblog-post .battlelog-wordpress a.mapbox-share-facebook:hover, .devblog .devblog-post .battlelog-wordpress .mapbox-share-buttons a.mapbox-share-facebook:hover {
  background-color: #466EB2; }

.mapbox-share-buttons a.mapbox-share-twitter, .mapbox-share-buttons .devblog .devblog-post .battlelog-wordpress a.mapbox-share-twitter, .devblog .devblog-post .battlelog-wordpress .mapbox-share-buttons a.mapbox-share-twitter {
  color: #fff;
  background-color: #4099FF; }

.mapbox-share-buttons a.mapbox-share-twitter:hover, .mapbox-share-buttons .devblog .devblog-post .battlelog-wordpress a.mapbox-share-twitter:hover, .devblog .devblog-post .battlelog-wordpress .mapbox-share-buttons a.mapbox-share-twitter:hover {
  background-color: #64B2FF; }

.mapbox-share-popup {
  background: #fff;
  padding: 20px;
  z-index: 1000;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.mapbox-share-popup h3 {
  margin: 0px; }

.mapbox-share-popup small {
  color: #666; }

.mapbox-share-popup textarea, .mapbox-share-popup #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form .mapbox-share-popup #profile-edit-forumsignature, .mapbox-share-popup #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form .mapbox-share-popup #profile-edit-presentation, .mapbox-share-popup .forum-start-container .common-replyform-form-body, .forum-start-container .mapbox-share-popup .common-replyform-form-body {
  width: 100%;
  height: 50px; }

/* Light Theme (default) */
.leaflet-control .mapbox-button {
  background-color: #fff;
  border: 1px solid #bbb; }

.leaflet-control .mapbox-button:hover {
  background-color: #F4F4F4;
  cursor: pointer; }

.leaflet-bar, .leaflet-touch .leaflet-bar {
  border: 1px solid #bbb; }

.leaflet-bar a:active, .leaflet-bar .devblog .devblog-post .battlelog-wordpress a:active, .devblog .devblog-post .battlelog-wordpress .leaflet-bar a:active, .leaflet-control .mapbox-button:active {
  background-color: #e2e2e2; }

/* geocoder */
.leaflet-control-mapbox-geocoder {
  position: relative; }

.leaflet-control-mapbox-geocoder.searching:before {
  content: '';
  background: #cccccc;
  background: rgba(224, 224, 224, 0.5);
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 100; }

.leaflet-control-mapbox-geocoder .leaflet-control-mapbox-geocoder-wrap {
  background: #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: absolute;
  -webkit-transition: width 100ms;
  -moz-transition: width 100ms;
  -ms-transition: width 100ms;
  -o-transition: width 100ms;
  transition: width 100ms;
  border: 1px solid #ccc;
  overflow: hidden;
  top: -1px;
  left: 27px;
  width: 0;
  height: 28px;
  opacity: 0; }

.leaflet-control-mapbox-geocoder.active .leaflet-control-mapbox-geocoder-wrap {
  width: 175px;
  border-radius: 0 2px 2px 0;
  border-left: 0;
  opacity: 1; }

.leaflet-bar .leaflet-control-mapbox-geocoder-toggle, .leaflet-bar .leaflet-control-mapbox-geocoder-toggle:hover {
  border-bottom: none; }

.leaflet-control-mapbox-geocoder-toggle {
  border-radius: 2px;
  -webkit-border-radius: 2px; }

.leaflet-control-mapbox-geocoder.active, .leaflet-control-mapbox-geocoder.active .leaflet-control-mapbox-geocoder-toggle {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px; }

.leaflet-control-mapbox-geocoder .leaflet-control-mapbox-geocoder-form input {
  border: 0;
  width: 175px;
  padding-left: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 26px;
  outline: none; }

.leaflet-control-mapbox-geocoder .mapbox-geocoder-toggle {
  position: absolute;
  top: 0;
  left: 0; }

.leaflet-control-mapbox-geocoder input:focus {
  border-color: #888; }

.leaflet-control-mapbox-geocoder-results {
  position: absolute;
  left: 26px;
  top: 26px; }

.leaflet-control-mapbox-geocoder-results a, .leaflet-control-mapbox-geocoder-results .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .leaflet-control-mapbox-geocoder-results a, .leaflet-control-mapbox-geocoder-results span, .leaflet-control-mapbox-geocoder-results a:hover, .leaflet-control-mapbox-geocoder-results .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress .leaflet-control-mapbox-geocoder-results a:hover {
  width: 176px;
  padding: 0 10px;
  text-overflow: ellipsis;
  border: 1px solid #ccc;
  border-top: 0;
  white-space: nowrap;
  display: block;
  background: #fff;
  line-height: 26px;
  overflow: hidden;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.leaflet-control-mapbox-geocoder-results a:hover, .leaflet-control-mapbox-geocoder-results .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress .leaflet-control-mapbox-geocoder-results a:hover {
  background: #eee; }

.leaflet-control-mapbox-geocoder-results a:last-child, .leaflet-control-mapbox-geocoder-results .devblog .devblog-post .battlelog-wordpress a:last-child, .devblog .devblog-post .battlelog-wordpress .leaflet-control-mapbox-geocoder-results a:last-child, .leaflet-control-mapbox-geocoder-results span:last-child {
  border-bottom: 1px solid #ccc; }

/* Dark Theme */
.leaflet-container.dark .leaflet-bar {
  border-color: #000; }

.leaflet-container.dark .leaflet-bar a, .leaflet-container.dark .leaflet-bar .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .leaflet-container.dark .leaflet-bar a, .leaflet-container.dark .leaflet-control .mapbox-button {
  background-color: #404040;
  color: #fff;
  border-color: #000; }

.leaflet-container.dark .leaflet-bar a:hover, .leaflet-container.dark .leaflet-bar .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress .leaflet-container.dark .leaflet-bar a:hover, .leaflet-container.dark .leaflet-control .mapbox-button:hover {
  background-color: #565656; }

.leaflet-container.dark .leaflet-bar a:active, .leaflet-container.dark .leaflet-bar .devblog .devblog-post .battlelog-wordpress a:active, .devblog .devblog-post .battlelog-wordpress .leaflet-container.dark .leaflet-bar a:active, .leaflet-container.dark .leaflet-control .mapbox-button:active {
  background-color: #6B6B6B; }

.leaflet-container.dark .leaflet-bar a.leaflet-disabled, .leaflet-container.dark .leaflet-bar .devblog .devblog-post .battlelog-wordpress a.leaflet-disabled, .devblog .devblog-post .battlelog-wordpress .leaflet-container.dark .leaflet-bar a.leaflet-disabled, .leaflet-container.dark .leaflet-control .mapbox-button.disabled {
  background-color: #252525;
  color: #474747; }

.leaflet-container.dark .leaflet-control-mapbox-geocoder input[type=text] {
  background-color: #565656;
  border-color: #000;
  color: #fff; }

.leaflet-container.dark .leaflet-control-mapbox-geocoder input:focus {
  border-color: #ccc; }

.marker-cluster .marker-cluster-container {
  position: relative;
  width: 58px;
  height: 58px; }
  .marker-cluster .marker-cluster-container div {
    position: absolute;
    width: 58px;
    height: 58px;
    top: 50%;
    left: 50%;
    margin-top: -29px;
    margin-left: -29px;
    border-radius: 29px;
    background: url("../geoleaderboard/icon-cluster.png");
    text-align: center;
    font: 13px Purista; }
  .marker-cluster .marker-cluster-container.current-user div {
    background: url("../geoleaderboard/icon-cluster-yellow.png"); }
  .marker-cluster .marker-cluster-container span {
    line-height: 58px; }
.marker-cluster.highlight .marker-cluster-container div {
  background: url("../geoleaderboard/icon-cluster-hover.png"); }
.marker-cluster.highlight .marker-cluster-container.current-user div {
  background: url("../geoleaderboard/icon-cluster-yellow-hover.png"); }

.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
  -webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-in;
  -moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-in;
  -o-transition: -o-transform 0.2s ease-out, opacity 0.2s ease-in;
  transition: transform 0.2s ease-out, opacity 0.2s ease-in; }

#clubs {
  position: relative;
  width: 992px;
  margin: 0 auto;
  font-family: Arial;
  font-size: 14px; }
  #clubs header {
    position: relative; }
  #clubs #memberbox-footer {
    padding: 0;
    background-color: rgba(7, 7, 7, 0.4);
    margin-top: 1px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer; }
    #clubs #memberbox-footer p {
      padding: 16px; }
    #clubs #memberbox-footer:hover {
      background-color: rgba(7, 7, 7, 0.6); }
  #clubs .empty-message {
    text-align: center;
    color: #34454f; }
  #clubs .club-delete {
    background: url(../base/shared/row_icon_chat_light.png) 0 -26px;
    width: 13px;
    height: 13px;
    position: absolute;
    right: 16px;
    cursor: pointer;
    top: 16px; }
    #clubs .club-delete:hover {
      background-position: 0 -39px; }
  #clubs .public-wall-title {
    margin-bottom: 1px; }
  #clubs textarea, #clubs #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form #clubs #profile-edit-forumsignature, #clubs #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form #clubs #profile-edit-presentation, #clubs .forum-start-container .common-replyform-form-body, .forum-start-container #clubs .common-replyform-form-body {
    font-family: Arial;
    font-size: 13px; }
  #clubs .club-message-area {
    margin-bottom: 0px; }
    #clubs .club-message-area textarea, #clubs .club-message-area #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form #clubs .club-message-area #profile-edit-forumsignature, #clubs .club-message-area #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form #clubs .club-message-area #profile-edit-presentation, #clubs .club-message-area .forum-start-container .common-replyform-form-body, .forum-start-container #clubs .club-message-area .common-replyform-form-body {
      font-size: 14px;
      height: 22px;
      line-height: 22px; }
    #clubs .club-message-area button, #clubs .club-message-area label, #clubs .club-message-area .bbarea {
      display: none; }
    #clubs .club-message-area.expanded textarea, #clubs .club-message-area.expanded #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form #clubs .club-message-area.expanded #profile-edit-forumsignature, #clubs .club-message-area.expanded #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form #clubs .club-message-area.expanded #profile-edit-presentation, #clubs .club-message-area.expanded .forum-start-container .common-replyform-form-body, .forum-start-container #clubs .club-message-area.expanded .common-replyform-form-body {
      height: 100px;
      overflow-y: auto; }
      #clubs .club-message-area.expanded textarea.comment-reply, #clubs .club-message-area.expanded #profile-edit-full-form .comment-reply#profile-edit-forumsignature, #profile-edit-full-form #clubs .club-message-area.expanded .comment-reply#profile-edit-forumsignature, #clubs .club-message-area.expanded #profile-edit-full-form .comment-reply#profile-edit-presentation, #profile-edit-full-form #clubs .club-message-area.expanded .comment-reply#profile-edit-presentation, #clubs .club-message-area.expanded .forum-start-container .comment-reply.common-replyform-form-body, .forum-start-container #clubs .club-message-area.expanded .comment-reply.common-replyform-form-body {
        height: 50px; }
    #clubs .club-message-area.expanded button, #clubs .club-message-area.expanded label, #clubs .club-message-area.expanded .bbarea {
      display: block; }
  #clubs .wall-message-author a, #clubs .wall-message-author .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #clubs .wall-message-author a {
    font-weight: bold; }
  #clubs .wall-message {
    margin: 8px 0 16px;
    line-height: 18px; }
  #clubs .wall-message-add {
    padding-bottom: 0; }
  #clubs .wall-message-ago {
    font-size: 11px;
    color: #8a8a8a; }
  #clubs .wall-message-right {
    float: left;
    width: 548px; }
  #clubs .wall-message-left {
    float: left;
    margin-right: 16px; }
  #clubs nav.submenu {
    margin-bottom: 8px; }
  #clubs .wall-comment-right {
    float: left;
    width: 480px; }
  #clubs .wall-comment-left {
    float: left;
    margin-right: 16px; }
  #clubs .club-wall-help {
    padding: 32px 16px;
    text-align: center; }
  #clubs .wall-post-message-form textarea, #clubs .wall-post-message-form #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form #clubs .wall-post-message-form #profile-edit-forumsignature, #clubs .wall-post-message-form #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form #clubs .wall-post-message-form #profile-edit-presentation, #clubs .wall-post-message-form .forum-start-container .common-replyform-form-body, .forum-start-container #clubs .wall-post-message-form .common-replyform-form-body, #clubs .wall-sticky-form textarea, #clubs .wall-sticky-form #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form #clubs .wall-sticky-form #profile-edit-forumsignature, #clubs .wall-sticky-form #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form #clubs .wall-sticky-form #profile-edit-presentation, #clubs .wall-sticky-form .forum-start-container .common-replyform-form-body, .forum-start-container #clubs .wall-sticky-form .common-replyform-form-body {
    width: 606px;
    max-width: 606px; }
  #clubs .wall-post-comment-form textarea, #clubs .wall-post-comment-form #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form #clubs .wall-post-comment-form #profile-edit-forumsignature, #clubs .wall-post-comment-form #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form #clubs .wall-post-comment-form #profile-edit-presentation, #clubs .wall-post-comment-form .forum-start-container .common-replyform-form-body, .forum-start-container #clubs .wall-post-comment-form .common-replyform-form-body {
    width: 530px;
    max-width: 530px;
    font-size: 12px; }
  #clubs #club-wall-messages {
    margin-top: 1px; }
  #clubs .club-wall-comments {
    position: relative; }
  #clubs .club-wall-comments-container {
    margin-bottom: 1px; }
  #clubs .comments-info .box-content {
    padding: 6px;
    margin-bottom: 1px;
    font-size: 11px;
    color: #34454f; }
    #clubs .comments-info .box-content a, #clubs .comments-info .box-content .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #clubs .comments-info .box-content a {
      font-weight: bold; }
  #clubs .club-report-message-container, #clubs .club-report-comment-container {
    position: absolute;
    right: 16px;
    display: none; }
  #clubs .admin .club-report-message-container {
    right: 60px; }
  #clubs .admin .club-report-comment-container {
    right: 36px;
    top: 12px; }
  #clubs .create-club-btn {
    position: absolute;
    top: 0;
    right: 0; }
    #clubs .create-club-btn .icon-premium-shield {
      position: relative;
      left: -7px;
      top: 4px; }
  #clubs .clubs-list .box-content {
    cursor: pointer;
    margin-top: 1px; }
    #clubs .clubs-list .box-content:hover {
      background-color: rgba(7, 7, 7, 0.6); }
  #clubs .clubs-list .friends {
    margin-top: 8px; }
  #clubs .reports a, #clubs .reports .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #clubs .reports a {
    position: relative;
    display: inline-block; }
  #clubs .club-link .emblem, #clubs .club-link .club-info {
    float: left;
    margin-right: 16px; }
  #clubs .club-link .name {
    margin: 8px 0;
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 19px; }
  #clubs .club-link .info {
    font-size: 12px; }
  #clubs #club-sticky-container {
    position: absolute;
    right: 0;
    top: 0; }
  #clubs .club-index .no-friends-yet {
    height: 100px;
    padding-top: 90px;
    text-align: center;
    color: #34454f; }
  #clubs .club-index .myclubs {
    text-align: center; }
    #clubs .club-index .myclubs .divider {
      width: 1px;
      height: 20px;
      float: left; }
    #clubs .club-index .myclubs .box-content {
      height: 360px;
      float: left;
      width: 298px;
      margin-bottom: 1px; }
      #clubs .club-index .myclubs .box-content .name {
        margin: 10px 0;
        font-family: Purista, sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 19px;
        white-space: nowrap;
        max-width: 300px;
        text-overflow: ellipsis;
        overflow: hidden; }
      #clubs .club-index .myclubs .box-content .active {
        color: #ff9900;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: bold;
        margin-top: 8px; }
  #clubs .club-create .form-title, #clubs .club-create .form-value, #clubs .club-create .form-desc {
    float: left; }
  #clubs .club-create .form-value {
    margin-right: 16px; }
  #clubs .club-create .form-desc {
    color: #34454f;
    line-height: 36px; }
  #clubs .club-create .wide-input {
    width: 360px;
    float: left;
    padding: 10px; }
  #clubs .club-create .bbarea {
    clear: both; }
  #clubs .club-create textarea, #clubs .club-create #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form #clubs .club-create #profile-edit-forumsignature, #clubs .club-create #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form #clubs .club-create #profile-edit-presentation, #clubs .club-create .forum-start-container .common-replyform-form-body, .forum-start-container #clubs .club-create .common-replyform-form-body {
    height: 150px;
    max-width: 360px; }
  #clubs .club-create .box-content {
    margin-top: 1px; }
  #clubs .club-create .form-title {
    width: 200px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    line-height: 36px; }
  #clubs .club-create .form-value .switch {
    margin-bottom: 8px; }
  #clubs .club-member-row {
    margin-bottom: 1px; }
    #clubs .club-member-row button.member-join {
      padding: 0 11px;
      width: 32px; }
      #clubs .club-member-row button.member-join i.icon-join-member {
        margin-top: 8px;
        background: url("../base/shared/icon-join.png") no-repeat scroll 0 -10px rgba(0, 0, 0, 0);
        width: 10px;
        height: 11px; }
    #clubs .club-member-row .club-member-info {
      padding: 0 16px; }
      #clubs .club-member-row .club-member-info .club-member-text-row {
        margin-top: 8px;
        line-height: 15px; }
        #clubs .club-member-row .club-member-info .club-member-text-row .base-profile-link {
          font-weight: bold; }
        #clubs .club-member-row .club-member-info .club-member-text-row .club-member-separator {
          margin-left: 8px;
          margin-right: 8px; }
  #clubs .membersbox ul.new-row {
    min-height: 74px; }
    #clubs .membersbox ul.new-row li.club-member {
      margin-right: 16px; }
      #clubs .membersbox ul.new-row li.club-member:last-child {
        margin-right: 0; }
      #clubs .membersbox ul.new-row li.club-member .club-member-level {
        text-align: center; }
    #clubs .membersbox ul.new-row:last-child {
      min-height: 60px; }
  #clubs .club-member {
    float: left;
    margin-right: 8px; }
    #clubs .club-member.expanded {
      float: none;
      margin-right: 0; }
  #clubs .btn-close {
    margin: 15px 0 0 20px;
    border: none;
    outline: none;
    background: url('../unifiedgamemanager/close.png') no-repeat 0 0 transparent;
    width: 15px;
    height: 15px;
    box-shadow: none; }
  #clubs .emblembox {
    position: relative; }
    #clubs .emblembox .emblem-edit-hover {
      display: none; }
      #clubs .emblembox .emblem-edit-hover a, #clubs .emblembox .emblem-edit-hover .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #clubs .emblembox .emblem-edit-hover a {
        padding: 8px;
        background-color: rgba(7, 7, 7, 0.6);
        color: whiteSmoke;
        font-size: 11px;
        cursor: pointer;
        display: block; }
      #clubs .emblembox .emblem-edit-hover .edit-link {
        position: absolute;
        top: 8px;
        left: 8px; }
      #clubs .emblembox .emblem-edit-hover .sync-link {
        position: absolute;
        bottom: 8px;
        right: 8px; }
      #clubs .emblembox .emblem-edit-hover:hover {
        text-decoration: underline; }
    #clubs .emblembox:hover .emblem-edit-hover {
      display: block; }
  #clubs .club-members-playing {
    display: block;
    margin-bottom: 16px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    background-color: #2f84b1; }
  #clubs .sync-width {
    width: 320px; }
  #clubs .npxarea {
    background: url(../clubs/club-npx.jpg);
    text-align: center;
    margin-bottom: 16px;
    width: 991px;
    height: 371px;
    font-size: 14px;
    position: relative; }
    #clubs .npxarea h1 {
      line-height: 50px;
      padding-top: 100px;
      display: block;
      font-size: 46px;
      min-height: 150px;
      text-shadow: 0 1px #000; }
    #clubs .npxarea div {
      bottom: 16px;
      width: 660px;
      margin: 0 auto;
      line-height: 24px; }
    #clubs .npxarea .clubs-npx-button {
      position: absolute;
      top: 0px;
      right: 8px; }
  #clubs .report-help {
    text-align: center; }
    #clubs .report-help h1 {
      margin-left: 16px; }
    #clubs .report-help p {
      color: #34454f;
      line-height: 20px; }
  #clubs .battlereports-table .map-info {
    max-width: 550px; }
  #clubs .battlereports-table .players {
    margin-left: 56px;
    margin-top: 8px; }
    #clubs .battlereports-table .players span {
      margin-left: 4px; }
  #clubs .club-report {
    position: absolute;
    right: 16px;
    top: 16px; }
  #clubs .club-info {
    margin-bottom: 1px;
    position: relative; }
  #clubs .show-members {
    color: #34454f;
    display: inline-block;
    float: right; }
  #clubs .info-icon {
    background: url('../loadout/icon-info-s.png') 0 0 no-repeat;
    width: 17px;
    height: 17px;
    cursor: pointer;
    opacity: 0;
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    position: absolute;
    top: 30px;
    right: 4px; }
    #clubs .info-icon:hover {
      opacity: 1 !important; }
  #clubs .box:hover .info-icon {
    opacity: 0.4; }
  #clubs .club-wall-help {
    line-height: 20px;
    color: #34454f; }
  #clubs .club-member-level {
    font-size: 12px;
    color: #d5dde5;
    margin: 8px 0; }
  #clubs .club-interact-area {
    position: absolute;
    top: 0;
    right: 0; }
  #clubs .max-amount-reached {
    line-height: 20px; }
  #clubs .stats {
    height: 202px;
    text-align: center; }
    #clubs .stats .club-rank {
      font-size: 79px;
      padding: 8px;
      font-family: Purista, sans-serif;
      font-style: normal;
      font-weight: 600; }
    #clubs .stats .club-span50 {
      width: 326px;
      margin-left: 0px; }
      #clubs .stats .club-span50:first-child {
        width: 329px; }
      #clubs .stats .club-span50:last-child {
        margin-left: 1px; }
    #clubs .stats .rankscore {
      position: relative;
      height: 170px; }
      #clubs .stats .rankscore #overview-rank {
        margin-top: 14px; }
        #clubs .stats .rankscore #overview-rank .progress-bar-info {
          font-size: 12px; }
      #clubs .stats .rankscore .value {
        font-size: 34px;
        padding-top: 60px; }
    #clubs .stats .title {
      text-transform: uppercase;
      font-size: 12px;
      margin-bottom: 6px;
      color: #34454f;
      white-space: nowrap; }
    #clubs .stats .value {
      font-size: 14px; }
    #clubs .stats .score {
      height: 105px; }
      #clubs .stats .score .value {
        font-family: Purista, sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 34px;
        padding-top: 26px; }
    #clubs .stats .right-area {
      position: relative; }
      #clubs .stats .right-area .box-content {
        margin-left: 0; }
    #clubs .stats .club-span1 {
      position: relative;
      margin-top: 1px;
      margin-left: 0;
      width: 108px;
      margin-right: 1px; }
      #clubs .stats .club-span1:last-child {
        margin-right: 0px; }
  #clubs .club-link {
    margin-bottom: 6px;
    display: block; }
    #clubs .club-link:hover {
      text-decoration: none; }
      #clubs .club-link:hover .name {
        text-decoration: underline; }
    #clubs .club-link .ui-emblem {
      display: inline;
      margin-right: 6px; }
  #clubs .wallmessage, #clubs .wallcomment, #clubs .wallsticky {
    position: relative; }
    #clubs .wallmessage.leader, #clubs .wallcomment.leader, #clubs .wallsticky.leader {
      box-shadow: 0 0 5px white; }
    #clubs .wallmessage:hover .club-delete, #clubs .wallcomment:hover .club-delete, #clubs .wallsticky:hover .club-delete {
      display: block; }
  #clubs .wallmessage {
    margin-bottom: 1px; }
    #clubs .wallmessage .sticky {
      position: absolute;
      top: 0;
      right: 20px;
      width: 15px;
      height: 16px;
      background: url(../clubs/sticky.png); }
    #clubs .wallmessage .add-sticky {
      display: none;
      cursor: pointer; }
    #clubs .wallmessage .remove-sticky {
      cursor: pointer; }
    #clubs .wallmessage:hover .add-sticky, #clubs .wallmessage:hover .message-interact, #clubs .wallmessage:hover .club-report-message-container {
      display: block; }
  #clubs .wall-message-container {
    position: relative; }
  #clubs .wall-likes {
    margin-top: 16px;
    margin-bottom: 1px; }
    #clubs .wall-likes .box-content {
      padding: 4px 5px 4px;
      font-size: 11px;
      color: #34454f; }
      #clubs .wall-likes .box-content .base-profile-link {
        font-weight: bold; }
      #clubs .wall-likes .box-content a, #clubs .wall-likes .box-content .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #clubs .wall-likes .box-content a {
        cursor: pointer; }
  #clubs .message-interact {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0; }
    #clubs .message-interact .interact-item {
      margin-left: 3px;
      border: 1px solid rgba(255, 255, 255, 0.15);
      padding: 4px 0;
      display: inline; }
      #clubs .message-interact .interact-item a, #clubs .message-interact .interact-item .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #clubs .message-interact .interact-item a {
        font-weight: normal;
        font-size: 12px;
        color: white;
        display: inline-block;
        padding: 0 8px;
        cursor: pointer; }
        #clubs .message-interact .interact-item a.hide, #clubs .message-interact .interact-item .devblog .devblog-post .battlelog-wordpress a.hide, .devblog .devblog-post .battlelog-wordpress #clubs .message-interact .interact-item a.hide {
          display: none; }
        #clubs .message-interact .interact-item a i.icon, #clubs .message-interact .interact-item a .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #clubs .message-interact .interact-item a a {
          height: 15px;
          width: 15px;
          display: inline-block;
          background: url(../feed/feed-icons.png);
          position: relative;
          top: 3px;
          margin-right: 4px; }
          @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
            #clubs .message-interact .interact-item a i.icon {
              background-image: url("../feed/feed-icons@2x.png");
              background-size: 45px 15px; } }
          #clubs .message-interact .interact-item a i.icon.comment, #clubs .message-interact .interact-item a .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #clubs .message-interact .interact-item a a {
            background-position: 30px 0; }
          #clubs .message-interact .interact-item a i.icon.hooah, #clubs .message-interact .interact-item a .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #clubs .message-interact .interact-item a a {
            background-position: 15px 0; }
          #clubs .message-interact .interact-item a i.icon.share, #clubs .message-interact .interact-item a .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #clubs .message-interact .interact-item a a {
            background-position: 0 0; }
        #clubs .message-interact .interact-item a span.icon, #clubs .message-interact .interact-item a .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #clubs .message-interact .interact-item a a {
          background: url(../base/shared/row_icon_chat_light.png) right -26px no-repeat;
          width: 13px;
          height: 13px;
          display: inline-block;
          margin: 0 -4px -2px 4px; }
        #clubs .message-interact .interact-item a:hover span.icon, #clubs .message-interact .interact-item a:hover .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress #clubs .message-interact .interact-item a:hover a:hover {
          background-position: right -39px; }
  #clubs .wallcomment {
    clear: both;
    line-height: 18px;
    color: #34454f;
    margin-bottom: 1px;
    font-size: 12px; }
    #clubs .wallcomment .box-content {
      padding: 8px; }
    #clubs .wallcomment:hover .club-report-comment-container {
      display: block; }
    #clubs .wallcomment .wall-comment-content {
      padding-right: 50px; }
    #clubs .wallcomment .new-indicator {
      width: 0px;
      height: 0px;
      border-style: solid;
      border-width: 0 10px 10px 0;
      border-color: transparent #f90 transparent transparent;
      -webkit-transition: 0.2s ease-out;
      -webkit-transition-property: opacity;
      position: absolute;
      top: 0;
      right: 0; }
  #clubs .presentation {
    line-height: 20px;
    margin: 1px 0; }
    #clubs .presentation .preswrapper {
      max-height: 120px;
      overflow: hidden; }
    #clubs .presentation .view-more-btn {
      display: none; }
    #clubs .presentation.minified .view-more-btn {
      display: block; }
      #clubs .presentation.minified .view-more-btn a, #clubs .presentation.minified .view-more-btn .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #clubs .presentation.minified .view-more-btn a {
        cursor: pointer;
        color: #34454f; }