/**
 * Webkit specific way of ellipsis last line of a text that is too long to fit its container.
 * Non-webkit browsers will have overflow hidden applied, just not showing the ellipsis.
 */
/**
 * Mixin to use ellipsis for texts if they go beyond their allowed width
 * @param max-width
 */
/**
 * Mixin to generate button states
 * @param color
 * @param bg-color
 * @param border-color
 * @param hover
 * @param active
 */
/**
 * Mixin to use ellipsis for texts if they go beyond their allowed width
 * @param max-width
 */
#base-header, .btn, a.btn, .devblog .devblog-post .battlelog-wordpress a.btn, .map-thumb, #base-bfh-html #site-gate .gate-actions .btn-get-game, .loggedout-usp-container .geoleaderboards .map, #serverbrowser-filters, #serverbrowser-filters .box-content, #soldierportraits-container #soldierimage, #promo.promo-bfh .btn, #promo.promo-bfh a.btn, #promo.promo-bfh .devblog .devblog-post .battlelog-wordpress a.btn, .devblog .devblog-post .battlelog-wordpress #promo.promo-bfh a.btn {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }

#base-header .game-bar .dropdown-bar .soldierstats-box .rank .points, #base-header .game-bar .dropdown-bar .soldierstats-box .rank .experience {
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  -o-user-select: all;
  user-select: all; }

#base-header .game-bar .grid-container:before, #base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .base-login-bottom:before, .dialog.emblemselect .emblem-items:before, .dialog.soldierselect .soldier-list > li > a:before, .dialog.soldierselect .soldier-list > li > .devblog .devblog-post .battlelog-wordpress a:before, .devblog .devblog-post .battlelog-wordpress .dialog.soldierselect .soldier-list > li > a:before, #serverbrowser-filters .box-content:before, #server-page > header:before, #server-page-settings dl:before, #server-page-slot-info dl:before, body #base-container #user .profile-info:before, .devblog .devblog-topstories-container:before, .forum-search-results-item-title:before, .forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-poster-name:before, .forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-tags:before, .forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-poster-enlisted:before, .base-clear:before, #base-header .game-bar .grid-container:after, #base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .base-login-bottom:after, .dialog.emblemselect .emblem-items:after, .dialog.soldierselect .soldier-list > li > a:after, .dialog.soldierselect .soldier-list > li > .devblog .devblog-post .battlelog-wordpress a:after, .devblog .devblog-post .battlelog-wordpress .dialog.soldierselect .soldier-list > li > a:after, #serverbrowser-filters .box-content:after, #server-page > header:after, #server-page-settings dl:after, #server-page-slot-info dl:after, body #base-container #user .profile-info:after, .devblog .devblog-topstories-container:after, .forum-search-results-item-title:after, .forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-poster-name:after, .forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-tags:after, .forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-poster-enlisted:after, .base-clear:after {
  display: table;
  content: "";
  line-height: 0; }
#base-header .game-bar .grid-container:after, #base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .base-login-bottom:after, .dialog.emblemselect .emblem-items:after, .dialog.soldierselect .soldier-list > li > a:after, .dialog.soldierselect .soldier-list > li > .devblog .devblog-post .battlelog-wordpress a:after, .devblog .devblog-post .battlelog-wordpress .dialog.soldierselect .soldier-list > li > a:after, #serverbrowser-filters .box-content:after, #server-page > header:after, #server-page-settings dl:after, #server-page-slot-info dl:after, body #base-container #user .profile-info:after, .devblog .devblog-topstories-container:after, .forum-search-results-item-title:after, .forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-poster-name:after, .forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-tags:after, .forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-poster-enlisted:after, .base-clear:after {
  clear: both; }

#serverbrowser %focus-box > .server-filter, #serverbrowser %focus-box > .server-filter, #serverbrowser %focus-box-expandable.collapsed > .collapsed.server-filter {
  background-color: rgba(240, 240, 240, 0.65); }

#serverbrowser %focus-box > .server-filter, #serverbrowser %focus-box-expandable.collapsed > .collapsed.server-filter {
  background-color: rgba(255, 255, 255, 0.65); }

#serverbrowser .server-filter {
  color: #fff;
  position: relative; }
  #serverbrowser %focus-box-expandable > .server-filter {
    padding: 0 16px;
    line-height: 36px; }
  #serverbrowser %focus-box-expandable > .server-filter {
    padding: 16px; }
  #serverbrowser %focus-box-expandable > .server-filter {
    padding: 0 16px; }

#serverbrowser .server-filter.collapsed > header {
  cursor: pointer; }
#serverbrowser .server-filter.collapsed > section, #serverbrowser .server-filter.collapsed > footer {
  display: none; }

body {
  font-family: Arial, sans-serif;
  font-size: 16px; }

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 16px;
  font-family: Purista, sans-serif;
  font-style: normal;
  font-weight: 600; }

h1, h2, h3 {
  text-transform: uppercase; }

h1 {
  font-size: 36px;
  line-height: 40px;
  margin-bottom: 8px; }

h2 {
  font-size: 36px;
  line-height: 40px;
  margin-bottom: 8px; }

h3 {
  font-size: 33px;
  line-height: 40px;
  margin-bottom: 8px; }

h4 {
  font-size: 29px;
  line-height: 32px; }

h5 {
  font-size: 23px;
  line-height: 32px;
  margin-bottom: 8px;
  text-transform: uppercase; }

h6 {
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase; }

strong, b {
  font-weight: bold; }

em, i {
  font-style: italic; }

a, .devblog .devblog-post .battlelog-wordpress a {
  text-decoration: none; }
  a:hover, .devblog .devblog-post .battlelog-wordpress a:hover {
    text-decoration: underline; }

small {
  font-size: 70%; }

body {
  color: #000; }

h1, h2, h3, h4, h5, a, .devblog .devblog-post .battlelog-wordpress a {
  color: #2a3b44; }

a:hover, .devblog .devblog-post .battlelog-wordpress a:hover {
  color: #2a3b44;
  text-decoration: underline; }

.uppercase {
  text-transform: uppercase; }

.lowercase {
  text-transform: lowercase; }

h1, h2, h4, h5, h6 {
  font-family: "Frutiger", sans-serif;
  font-weight: normal; }

h3 {
  font-family: "Frutiger", sans-serif;
  font-weight: bold; }

.header-dropdown-active #base-header .game-bar .dropdown-bar {
  box-shadow: 0 0 30px 10px rgba(185, 243, 255, 0.15); }

#base-ajax-loading {
  display: none;
  position: relative;
  top: 3px;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out; }

.ajax-loading #base-ajax-loading {
  display: inline-block; }
.ajax-loading #base-notices {
  opacity: 0; }

.base-premium #community-bar .game-logo .logo.game-bf3 {
  background-image: url(../base/bf3/header-logo-premium.png);
  width: 170px;
  background-size: 121px;
  background-position: 50% 50%; }

body.premium #base-header .grid-container.premium-bg {
  background: url(../base/bf4/overlay-p.png) no-repeat;
  background-position: 0 -48px;
  width: 992px;
  height: 48px;
  position: relative; }
body.premium #base-header .premium-bg.fade {
  background-position: 0 0;
  -webkit-transition: background-position 1s linear 1s;
  transition: background-position 1s linear 1s; }

body.show-section-select #community-bar .dropdown-bar {
  height: 192px; }
  body.show-section-select #community-bar .dropdown-bar .game-box {
    opacity: 1; }
body.show-section-select #community-bar .outerarrow .arrow {
  margin-top: -9px;
  border-top-color: transparent;
  border-bottom-color: #fff;
  opacity: 0.75; }
body.show-section-select #base-container:before {
  height: 304px; }

#community-bar {
  position: relative;
  background: #080c0f; }
  #community-bar .game-logo {
    position: relative;
    z-index: 1;
    display: inline-block; }
    #community-bar .game-logo .ajax-loading-wrapper {
      position: absolute;
      top: 9px;
      right: 100%;
      margin-right: 10px;
      z-index: 0;
      cursor: default; }
    #community-bar .game-logo .logo {
      display: block;
      width: 175px;
      height: 48px;
      background-position: 0 50%;
      background-repeat: no-repeat;
      background-size: 165px; }
      #community-bar .game-logo .logo.game-bf3 {
        background-image: url(../base/bf3/bf3-logo-m.png); }
      #community-bar .game-logo .logo.game-bf4 {
        background-image: url(../base/bf4/header-logo-bf4.png);
        width: 170px; }
        #community-bar .game-logo .logo.game-bf4.premium {
          background-image: url(//d34ymitoc1pg7m.cloudfront.net/bf4/logos/logo-bf4p-73ab578c.png);
          background-size: 121px;
          background-position: 50% 50%; }
      #community-bar .game-logo .logo.cte {
        background-image: url(../base/bf4/header-logo-bf4-cte.png); }
      #community-bar .game-logo .logo.game-mohw {
        background-image: url(//d34ymitoc1pg7m.cloudfront.net/mohw/mohw-logo-9c9d7e49.png); }
  #community-bar .battlelog-logo {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border-right: 0; }
    #community-bar .battlelog-logo .logo {
      display: block;
      width: 95px;
      height: 48px;
      background: url(//d34ymitoc1pg7m.cloudfront.net/common/battlelog-logo-082bd9ee.png) 0 50% no-repeat;
      background-size: contain; }
  #community-bar .user-tools {
    position: absolute;
    top: 0;
    right: 0;
    text-align: left; }
  #community-bar .dropdown-bar {
    background: #151718 url(../common/community-dropdown-bg.png);
    overflow: hidden;
    position: relative;
    height: 0;
    text-align: left;
    -webkit-transition: height 0.2s ease-out;
    transition: height 0.2s ease-out; }
    #community-bar .dropdown-bar .grid-container {
      padding: 16px 0;
      text-align: center; }
      #community-bar .dropdown-bar .grid-container .row {
        display: inline-block; }
    #community-bar .dropdown-bar .base-game-selector .game-box {
      opacity: 0; }
  #community-bar .inner-wrapper {
    height: 48px;
    z-index: 3;
    position: relative;
    text-align: center; }
  #community-bar .outerarrow {
    position: absolute;
    top: 20%;
    left: 100%;
    width: 20px;
    height: 30px;
    cursor: pointer; }
    #community-bar .outerarrow .arrow {
      position: absolute;
      top: 50%;
      left: 0%;
      margin-top: -3px;
      margin-left: 4px;
      border: 6px solid transparent;
      border-top-color: #fff;
      opacity: 0.3;
      cursor: pointer;
      -webkit-transition: all 0.1s ease-out, opacity 0;
      transition: all 0.1s ease-out, opacity 0;
      -webkit-transform-origin: center 50%;
      transform-origin: center 50%; }
      #community-bar .outerarrow .arrow:hover {
        opacity: 0.75; }

#base-header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1000; }
  #base-header .alert {
    background: black;
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    margin-bottom: 0; }
  #base-header .grid-container {
    position: relative;
    width: 992px; }
  #base-header .game-bar {
    position: relative; }
    #base-header .game-bar .inner-wrapper {
      height: 47px;
      position: relative;
      border-top: 1px solid rgba(255, 255, 255, 0.15);
      z-index: 1; }
    #base-header .game-bar .main-nav {
      position: relative;
      z-index: 2;
      float: left; }
      #base-header .game-bar .main-nav .base-section-menu {
        float: left; }
        #base-header .game-bar .main-nav .base-section-menu > li {
          float: left;
          border-right: 1px solid rgba(255, 255, 255, 0.15);
          position: relative; }
          #base-header .game-bar .main-nav .base-section-menu > li:first-child {
            border-left: 1px solid rgba(255, 255, 255, 0.15); }
          #base-header .game-bar .main-nav .base-section-menu > li.nav-home a, #base-header .game-bar .main-nav .base-section-menu > li.nav-home .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-header .game-bar .main-nav .base-section-menu > li.nav-home a {
            padding-left: 0; }
            #base-header .game-bar .main-nav .base-section-menu > li.nav-home a .icon-home, #base-header .game-bar .main-nav .base-section-menu > li.nav-home a .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-header .game-bar .main-nav .base-section-menu > li.nav-home a a {
              position: relative;
              top: 2px;
              opacity: 0.75;
              -webkit-transition: opacity 0.1s ease-out;
              transition: opacity 0.1s ease-out; }
            #base-header .game-bar .main-nav .base-section-menu > li.nav-home a:hover .icon-home, #base-header .game-bar .main-nav .base-section-menu > li.nav-home a:hover .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress #base-header .game-bar .main-nav .base-section-menu > li.nav-home a:hover a:hover {
              opacity: 1; }
          #base-header .game-bar .main-nav .base-section-menu > li.has-dropdown {
            cursor: pointer; }
            #base-header .game-bar .main-nav .base-section-menu > li.has-dropdown:after {
              content: "";
              z-index: 1;
              display: block;
              position: absolute;
              right: 2px;
              bottom: 2px;
              border: 4px solid #fff;
              border-top-color: transparent;
              border-left-color: transparent;
              opacity: 0.1; }
          #base-header .game-bar .main-nav .base-section-menu > li.soldier .profile-soldier-image {
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 2; }
          #base-header .game-bar .main-nav .base-section-menu > li.soldier .header-soldier-rank {
            height: 64px;
            position: absolute;
            top: -7px;
            left: 28px;
            z-index: 2;
            -webkit-transform: scale(0.75);
            transform: scale(0.75); }
          #base-header .game-bar .main-nav .base-section-menu > li.soldier .icon-platform {
            position: absolute;
            bottom: 4px;
            left: 81px;
            z-index: 100;
            line-height: 11px; }
          #base-header .game-bar .main-nav .base-section-menu > li.soldier > a, #base-header .game-bar .main-nav .base-section-menu > li.soldier > .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-header .game-bar .main-nav .base-section-menu > li.soldier > a {
            padding-left: 80px; }
          #base-header .game-bar .main-nav .base-section-menu > li.active:not(.nav-home) > a, #base-header .game-bar .main-nav .base-section-menu > li.active:not(.nav-home) > .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-header .game-bar .main-nav .base-section-menu > li.active:not(.nav-home) > a, #base-header .game-bar .main-nav .base-section-menu > li.active:not(.nav-home) > a:hover, #base-header .game-bar .main-nav .base-section-menu > li.active:not(.nav-home) > .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress #base-header .game-bar .main-nav .base-section-menu > li.active:not(.nav-home) > a:hover, #base-header .game-bar .main-nav .base-section-menu > li.active:not(.nav-home).focused > a, #base-header .game-bar .main-nav .base-section-menu > li.active:not(.nav-home).focused > .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-header .game-bar .main-nav .base-section-menu > li.active:not(.nav-home).focused > a {
            color: #000;
            background-color: #fff;
            cursor: default;
            background-image: -webkit-linear-gradient(top, #d7d7d7 0%, rgba(215, 215, 215, 0) 50%);
            background-image: linear-gradient(to bottom, #d7d7d7 0%, rgba(215, 215, 215, 0) 50%);
            box-shadow: inset 0 10px 15px 0 rgba(0, 0, 0, 0.2), 0 0 7px 1px rgba(224, 244, 248, 0.3); }
          #base-header .game-bar .main-nav .base-section-menu > li.active.has-dropdown:after {
            border: 4px solid rgba(0, 0, 0, 0.3);
            border-top-color: transparent;
            border-left-color: transparent; }
          #base-header .game-bar .main-nav .base-section-menu > li:not(.nav-home) > a:hover, #base-header .game-bar .main-nav .base-section-menu > li:not(.nav-home) > .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress #base-header .game-bar .main-nav .base-section-menu > li:not(.nav-home) > a:hover, #base-header .game-bar .main-nav .base-section-menu > li:not(.nav-home).focused > a, #base-header .game-bar .main-nav .base-section-menu > li:not(.nav-home).focused > .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-header .game-bar .main-nav .base-section-menu > li:not(.nav-home).focused > a {
            color: #fff;
            background: #0a0e14; }
          #base-header .game-bar .main-nav .base-section-menu > li > div.feature-disabled {
            cursor: default; }
          #base-header .game-bar .main-nav .base-section-menu > li > div.feature-disabled, #base-header .game-bar .main-nav .base-section-menu > li > a, #base-header .game-bar .main-nav .base-section-menu > li > .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-header .game-bar .main-nav .base-section-menu > li > a {
            position: relative;
            display: block;
            color: #2a3b44;
            font-size: 16px;
            height: 47px;
            line-height: 47px;
            padding: 0 10px;
            text-decoration: none;
            text-transform: uppercase;
            font-family: Purista, sans-serif;
            font-style: normal;
            font-weight: 400; }
    #base-header .game-bar .dropdown-bar {
      padding: 0;
      position: relative;
      color: #fff;
      z-index: 0;
      overflow: hidden;
      height: 0;
      background-color: #0a0e14;
      -webkit-transition: height 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
      transition: height 0.2s ease-in-out, box-shadow 0.2s ease-in-out; }
      #base-header .game-bar .dropdown-bar a:not(.btn), #base-header .game-bar .dropdown-bar .devblog .devblog-post .battlelog-wordpress a:not(.btn), .devblog .devblog-post .battlelog-wordpress #base-header .game-bar .dropdown-bar a:not(.btn) {
        color: #fff;
        text-decoration: none; }
        #base-header .game-bar .dropdown-bar a:not(.btn):hover, #base-header .game-bar .dropdown-bar .devblog .devblog-post .battlelog-wordpress a:not(.btn):hover, .devblog .devblog-post .battlelog-wordpress #base-header .game-bar .dropdown-bar a:not(.btn):hover {
          text-decoration: underline; }
        #base-header .game-bar .dropdown-bar a:not(.btn)[disabled], #base-header .game-bar .dropdown-bar .devblog .devblog-post .battlelog-wordpress a:not(.btn)[disabled], .devblog .devblog-post .battlelog-wordpress #base-header .game-bar .dropdown-bar a:not(.btn)[disabled] {
          color: #666; }
          #base-header .game-bar .dropdown-bar a:not(.btn)[disabled] i, #base-header .game-bar .dropdown-bar a:not(.btn)[disabled] .devblog .devblog-post .battlelog-wordpress a:not(.btn)[disabled], .devblog .devblog-post .battlelog-wordpress #base-header .game-bar .dropdown-bar a:not(.btn)[disabled] a:not(.btn)[disabled] {
            opacity: 0.75; }
      #base-header .game-bar .dropdown-bar > .dropdown-content {
        opacity: 0;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        padding-top: 16px;
        padding-bottom: 10px;
        z-index: 0;
        min-height: 190px;
        -webkit-transition: opacity 0.1s ease-out;
        transition: opacity 0.1s ease-out; }
        #base-header .game-bar .dropdown-bar > .dropdown-content.active {
          opacity: 1;
          z-index: 1; }
        #base-header .game-bar .dropdown-bar > .dropdown-content .recommended {
          height: 190px; }
      #base-header .game-bar .dropdown-bar section > header {
        cursor: default;
        margin-bottom: 6px; }
        #base-header .game-bar .dropdown-bar section > header h1 {
          font-size: 13px;
          color: #898989;
          line-height: 22px;
          text-transform: uppercase;
          font-family: Purista, sans-serif;
          font-style: normal;
          font-weight: 400; }
        #base-header .game-bar .dropdown-bar section > header + .dropdown-menu {
          margin-top: -11px; }
      #base-header .game-bar .dropdown-bar .dropdown-menu {
        position: relative; }
        #base-header .game-bar .dropdown-bar .dropdown-menu > a, #base-header .game-bar .dropdown-bar .dropdown-menu > .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-header .game-bar .dropdown-bar .dropdown-menu > a, #base-header .game-bar .dropdown-bar .dropdown-menu div {
          display: block;
          margin: 0 0 7px 0;
          padding: 1px 0 0 16px;
          line-height: 31px;
          text-transform: uppercase;
          text-decoration: none;
          font-size: 19px;
          font-family: Purista, sans-serif;
          font-style: normal;
          font-weight: 400;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; }
          #base-header .game-bar .dropdown-bar .dropdown-menu > a [class^="icon-"], #base-header .game-bar .dropdown-bar .dropdown-menu > a .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-header .game-bar .dropdown-bar .dropdown-menu > a a, #base-header .game-bar .dropdown-bar .dropdown-menu > a [class*=" icon-"], #base-header .game-bar .dropdown-bar .dropdown-menu > a .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-header .game-bar .dropdown-bar .dropdown-menu > a a, #base-header .game-bar .dropdown-bar .dropdown-menu div [class^="icon-"], #base-header .game-bar .dropdown-bar .dropdown-menu div [class*=" icon-"] {
            margin-right: 6px; }
        #base-header .game-bar .dropdown-bar .dropdown-menu > a:hover, #base-header .game-bar .dropdown-bar .dropdown-menu > .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress #base-header .game-bar .dropdown-bar .dropdown-menu > a:hover {
          background-color: rgba(255, 255, 255, 0.1);
          text-decoration: none; }
      #base-header .game-bar .dropdown-bar .recommended-servers {
        margin-top: 4px; }
        #base-header .game-bar .dropdown-bar .recommended-servers a:hover, #base-header .game-bar .dropdown-bar .recommended-servers .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress #base-header .game-bar .dropdown-bar .recommended-servers a:hover {
          text-decoration: none; }
        #base-header .game-bar .dropdown-bar .recommended-servers > header {
          margin-bottom: 8px; }
        #base-header .game-bar .dropdown-bar .recommended-servers:hover > .server {
          opacity: 0.75; }
        #base-header .game-bar .dropdown-bar .recommended-servers > .server {
          height: 42px;
          padding-left: 72px;
          position: relative;
          color: #fff;
          font-size: 12px;
          line-height: 14px;
          margin-bottom: 10px;
          cursor: pointer; }
          #base-header .game-bar .dropdown-bar .recommended-servers > .server:hover {
            opacity: 1; }
          #base-header .game-bar .dropdown-bar .recommended-servers > .server .map-thumb {
            position: absolute;
            top: 0;
            left: 0; }
          #base-header .game-bar .dropdown-bar .recommended-servers > .server .server-name {
            width: 100%;
            font-weight: bold;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            position: relative;
            top: -2px;
            padding-bottom: 1px; }
          #base-header .game-bar .dropdown-bar .recommended-servers > .server .details {
            color: #a8a8a8;
            white-space: nowrap;
            padding-bottom: 2px; }
            #base-header .game-bar .dropdown-bar .recommended-servers > .server .details > span {
              float: left;
              margin-right: 8px;
              overflow: hidden;
              width: 255px;
              text-overflow: ellipsis; }
          #base-header .game-bar .dropdown-bar .recommended-servers > .server .recommend-reason {
            color: #a8a8a8;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
            #base-header .game-bar .dropdown-bar .recommended-servers > .server .recommend-reason em {
              color: #fff;
              font-style: italic; }
      #base-header .game-bar .dropdown-bar .platoons-list:hover .platoon-item {
        opacity: 0.75; }
      #base-header .game-bar .dropdown-bar .platoons-list .platoon-item {
        min-height: 26px;
        margin-bottom: 10px; }
        #base-header .game-bar .dropdown-bar .platoons-list .platoon-item:hover {
          opacity: 1; }
        #base-header .game-bar .dropdown-bar .platoons-list .platoon-item.platoon-invite > a, #base-header .game-bar .dropdown-bar .platoons-list .platoon-item.platoon-invite > .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-header .game-bar .dropdown-bar .platoons-list .platoon-item.platoon-invite > a {
          padding-right: 72px; }
        #base-header .game-bar .dropdown-bar .platoons-list .platoon-item.platoon-invite .invite-response-actions {
          width: 62px;
          position: absolute;
          top: 0;
          right: 0; }
          #base-header .game-bar .dropdown-bar .platoons-list .platoon-item.platoon-invite .invite-response-actions .response-button {
            width: 25px;
            height: 26px;
            float: left;
            margin-left: 6px;
            border: 0;
            cursor: pointer; }
          #base-header .game-bar .dropdown-bar .platoons-list .platoon-item.platoon-invite .invite-response-actions.accept {
            background: url(../comcenter/friend-accept-button.png); }
          #base-header .game-bar .dropdown-bar .platoons-list .platoon-item.platoon-invite .invite-response-actions.deny {
            background: url(../comcenter/friend-deny-button.png); }
        #base-header .game-bar .dropdown-bar .platoons-list .platoon-item > a, #base-header .game-bar .dropdown-bar .platoons-list .platoon-item > .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-header .game-bar .dropdown-bar .platoons-list .platoon-item > a {
          display: block;
          height: 26px;
          padding: 0 0 0 36px;
          position: relative;
          color: #353535;
          font-size: 12px;
          cursor: pointer;
          color: #a8a8a8;
          text-decoration: none; }
        #base-header .game-bar .dropdown-bar .platoons-list .platoon-item .primary-indicator {
          position: absolute;
          top: 10px;
          left: -14px;
          width: 11px;
          height: 8px;
          background: url(../base/shared/check.png) no-repeat; }
        #base-header .game-bar .dropdown-bar .platoons-list .platoon-item .emblem {
          width: 26px;
          height: 26px;
          position: absolute;
          left: 0;
          top: 0; }
        #base-header .game-bar .dropdown-bar .platoons-list .platoon-item .name {
          line-height: 1;
          padding: 1px 0;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          position: relative;
          top: -2px; }
      #base-header .game-bar .dropdown-bar .soldierstats-box {
        color: #fff;
        position: relative;
        min-height: 190px; }
        #base-header .game-bar .dropdown-bar .soldierstats-box .loadticker-wrapper {
          text-align: center;
          padding: 50px 0; }
        #base-header .game-bar .dropdown-bar .soldierstats-box .soldier-switch {
          position: absolute;
          bottom: 0;
          left: 0;
          font-size: 12px;
          z-index: 1;
          color: #ececec;
          cursor: pointer; }
        #base-header .game-bar .dropdown-bar .soldierstats-box header {
          position: relative;
          z-index: 1; }
          #base-header .game-bar .dropdown-bar .soldierstats-box header .name {
            font-size: 23px;
            margin-bottom: 10px;
            font-family: Purista, sans-serif;
            font-style: normal;
            font-weight: 600; }
          #base-header .game-bar .dropdown-bar .soldierstats-box header .platform {
            margin-bottom: 10px; }
            #base-header .game-bar .dropdown-bar .soldierstats-box header .platform:before, #base-header .game-bar .dropdown-bar .soldierstats-box header .platform:after {
              display: table;
              content: "";
              line-height: 0; }
            #base-header .game-bar .dropdown-bar .soldierstats-box header .platform:after {
              clear: both; }
        #base-header .game-bar .dropdown-bar .soldierstats-box .rank {
          min-height: 64px;
          position: relative;
          z-index: 1; }
          #base-header .game-bar .dropdown-bar .soldierstats-box .rank:before, #base-header .game-bar .dropdown-bar .soldierstats-box .rank:after {
            display: table;
            content: "";
            line-height: 0; }
          #base-header .game-bar .dropdown-bar .soldierstats-box .rank:after {
            clear: both; }
          #base-header .game-bar .dropdown-bar .soldierstats-box .rank .rank-progress {
            padding-left: 64px; }
          #base-header .game-bar .dropdown-bar .soldierstats-box .rank .insignia {
            position: absolute;
            top: 0;
            left: 0; }
          #base-header .game-bar .dropdown-bar .soldierstats-box .rank .title {
            font-size: 14px;
            margin-bottom: 2px;
            font-family: Purista, sans-serif;
            font-style: normal;
            font-weight: 400; }
          #base-header .game-bar .dropdown-bar .soldierstats-box .rank .progress-bar {
            width: 150px; }
          #base-header .game-bar .dropdown-bar .soldierstats-box .rank .points, #base-header .game-bar .dropdown-bar .soldierstats-box .rank .experience {
            font-size: 12px;
            color: #fff;
            float: left; }
            #base-header .game-bar .dropdown-bar .soldierstats-box .rank .points em, #base-header .game-bar .dropdown-bar .soldierstats-box .rank .experience em {
              color: #fff;
              font-style: normal; }
      #base-header .game-bar .dropdown-bar .soldierstats-pic-container {
        position: absolute;
        top: 30px;
        right: 0;
        bottom: 0;
        z-index: -1; }
      #base-header .game-bar .dropdown-bar .padder {
        padding-right: 16px; }
  #base-header .sticky-bar {
    position: relative;
    z-index: -3; }

#facebook-bar {
  position: relative;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  height: 168px;
  color: #fff;
  padding-top: 16px;
  margin-top: 96px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  #facebook-bar a.avatar, #facebook-bar .devblog .devblog-post .battlelog-wordpress a.avatar, .devblog .devblog-post .battlelog-wordpress #facebook-bar a.avatar {
    width: 136px;
    height: 136px;
    float: left;
    margin-right: 16px; }
  #facebook-bar .buy {
    float: right;
    position: relative; }
    #facebook-bar .buy i.box-art {
      display: block;
      background-image: url(//d34ymitoc1pg7m.cloudfront.net/bf4/bf4-boxshots-e75e198f.png);
      background-size: 100%;
      width: 140px;
      height: 119px;
      margin-left: 30px;
      margin-bottom: 8px; }
    #facebook-bar .buy a.btn, #facebook-bar .buy .devblog .devblog-post .battlelog-wordpress a.btn, .devblog .devblog-post .battlelog-wordpress #facebook-bar .buy a.btn {
      position: absolute;
      right: 4px;
      bottom: -10px; }
  #facebook-bar .info-content {
    color: #a8a8a8;
    font-size: 14px; }
    #facebook-bar .info-content h3 {
      color: #F5AA25;
      font-size: 24px;
      text-transform: none;
      font-family: Purista, sans-serif;
      font-style: normal;
      font-weight: 600;
      margin: 0; }
    #facebook-bar .info-content p {
      margin-bottom: 12px; }
      #facebook-bar .info-content p a.learn-more, #facebook-bar .info-content p .devblog .devblog-post .battlelog-wordpress a.learn-more, .devblog .devblog-post .battlelog-wordpress #facebook-bar .info-content p a.learn-more {
        color: #000; }

#base-header-secondary-nav {
  float: right;
  position: relative;
  z-index: 1;
  line-height: 47px; }
  #base-header-secondary-nav > ul {
    overflow: hidden; }
    #base-header-secondary-nav > ul > li {
      float: left;
      padding-left: 10px; }
      #base-header-secondary-nav > ul > li.active a, #base-header-secondary-nav > ul > li.active .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-header-secondary-nav > ul > li.active a {
        color: #fff;
        opacity: 1; }
      #base-header-secondary-nav > ul > li > a, #base-header-secondary-nav > ul > li > .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-header-secondary-nav > ul > li > a {
        display: block;
        color: #dbdbdb;
        opacity: 0.75;
        font-size: 14px;
        text-transform: uppercase;
        text-decoration: none;
        font-family: Purista, sans-serif;
        font-style: normal;
        font-weight: 400; }
        #base-header-secondary-nav > ul > li > a.premium-link, #base-header-secondary-nav > ul > li > .devblog .devblog-post .battlelog-wordpress a.premium-link, .devblog .devblog-post .battlelog-wordpress #base-header-secondary-nav > ul > li > a.premium-link {
          color: #E4B744; }
        #base-header-secondary-nav > ul > li > a.premium, #base-header-secondary-nav > ul > li > .devblog .devblog-post .battlelog-wordpress a.premium, .devblog .devblog-post .battlelog-wordpress #base-header-secondary-nav > ul > li > a.premium {
          overflow: hidden;
          text-indent: 100%;
          color: #cda51d;
          background: url(../base/bf4/logo-p-s.png) no-repeat 0 17px;
          width: 82px; }
        #base-header-secondary-nav > ul > li > a:hover, #base-header-secondary-nav > ul > li > .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress #base-header-secondary-nav > ul > li > a:hover {
          opacity: 1; }

#base-header-user-tools .header-signup-link {
  font-size: 12px;
  color: #fff;
  height: 13px;
  line-height: 13px;
  border-left: 1px solid #3c4042;
  padding-left: 5px;
  margin-top: 10px;
  float: left;
  position: relative;
  left: -1px; }
#base-header-user-tools .header-login-button {
  height: 47px;
  float: left; }
  #base-header-user-tools .header-login-button.popover-visible {
    background: #0a0e14; }
    #base-header-user-tools .header-login-button.popover-visible .login-btn {
      background: transparent;
      cursor: default; }
      #base-header-user-tools .header-login-button.popover-visible .login-btn:hover {
        background: transparent; }
  #base-header-user-tools .header-login-button .login-btn {
    line-height: 33px;
    background: transparent;
    border: 0;
    padding: 0 5px;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    margin: 0;
    outline: 0; }
    #base-header-user-tools .header-login-button .login-btn:hover span {
      text-decoration: underline; }
#base-header-user-tools .base-login-remember {
  font-size: 12px; }
#base-header-user-tools .tools > li {
  float: left; }
  #base-header-user-tools .tools > li:last-child .tools-item {
    right: 0;
    z-index: 0; }
#base-header-user-tools .tools .tools-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 36px;
  min-width: 36px;
  position: relative;
  right: -1px;
  z-index: 1;
  margin: 6px 0 0 0; }
  #base-header-user-tools .tools .tools-item.comcenter-toggle {
    margin-left: 8px; }
  #base-header-user-tools .tools .tools-item + .popover {
    -webkit-transform: translateY(13px);
    transform: translateY(13px); }
    #base-header-user-tools .tools .tools-item + .popover .gamemanager-state.fail, #base-header-user-tools .tools .tools-item + .popover .gamemanager-state.success {
      background: transparent; }
  #base-header-user-tools .tools .tools-item:hover {
    background: #191c21; }
  #base-header-user-tools .tools .tools-item.popover-visible {
    background: #353a3f;
    z-index: 2; }
  #base-header-user-tools .tools .tools-item.pro {
    cursor: pointer;
    right: 0;
    z-index: 0; }
    #base-header-user-tools .tools .tools-item.pro.popover-visible .username, #base-header-user-tools .tools .tools-item.pro:hover .username {
      color: #fff; }
    #base-header-user-tools .tools .tools-item.pro .avatar {
      float: right;
      position: relative; }
    #base-header-user-tools .tools .tools-item.pro .username {
      padding: 0 12px 0 11px;
      font-size: 12px;
      color: #d5dde5;
      line-height: 32px;
      display: inline-block;
      margin: 2px 0 0 0; }
      #base-header-user-tools .tools .tools-item.pro .username:hover {
        text-decoration: none; }
#base-header-user-tools .tools .log {
  cursor: pointer; }
  #base-header-user-tools .tools .log:after {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background: url(../base/shared/header-icons.png) top left no-repeat;
    opacity: 0.3;
    position: relative;
    top: 3px;
    left: 3px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
      #base-header-user-tools .tools .log:after {
        background-image: url("../base/shared/header-icons@2x.png");
        background-size: 240px 60px; } }
  #base-header-user-tools .tools .log:hover:after, #base-header-user-tools .tools .log:active:after, #base-header-user-tools .tools .log.popover-visible:after {
    opacity: 1; }
  #base-header-user-tools .tools .log.notifications:after {
    background-position: -90px 0; }
  #base-header-user-tools .tools .log.notifications.highlight:after {
    background-position: -90px -30px; }
  #base-header-user-tools .tools .log.missions:after {
    background-position: -120px 0; }
  #base-header-user-tools .tools .log.missions.highlight:after {
    background-position: -120px -30px; }
  #base-header-user-tools .tools .log.reports:after {
    background-position: -60px 0; }
  #base-header-user-tools .tools .log.reports.highlight:after {
    background-position: -60px -30px; }
  #base-header-user-tools .tools .log.matches:after {
    background-position: -30px 0; }
  #base-header-user-tools .tools .log.matches.highlight:after {
    background-position: -30px -30px; }
  #base-header-user-tools .tools .log.gamemanager:after {
    background-position: 0 0; }
  #base-header-user-tools .tools .log.gamemanager.highlight:after {
    background-position: 0 -30px; }
  #base-header-user-tools .tools .log.gamemanager {
    display: none; }
  #base-header-user-tools .tools .log.gamemanager .base-section-menu-dropdown {
    width: 304px;
    line-height: 16px; }
  #base-header-user-tools .tools .log.highlight {
    position: relative; }
    #base-header-user-tools .tools .log.highlight:after {
      opacity: 1;
      background-position-y: -30px; }
  #base-header-user-tools .tools .log > div[data-bind-toggle=popover] {
    width: 100%;
    height: 100%; }
#base-header-user-tools .tools.login-tools .tools-item, #base-header-user-tools .tools.login-tools .tools-item:hover {
  background: transparent; }
#base-header-user-tools .tools.login-tools .popover {
  padding: 0;
  color: #a8a8a8; }
  #base-header-user-tools .tools.login-tools .popover input.base-login-input {
    color: #ffffff;
    padding-left: 0; }
#base-header-user-tools .tools .popover {
  width: 272px;
  background: #0a0e14;
  margin-top: -10px;
  z-index: -1;
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  border: 0;
  margin-top: -11px; }
  #base-header-user-tools .tools .popover .popover-callout {
    display: none; }
  #base-header-user-tools .tools .popover .popover-body {
    color: #a8a8a8;
    border-top: 0; }
    #base-header-user-tools .tools .popover .popover-body li {
      font-weight: bold; }
      #base-header-user-tools .tools .popover .popover-body li:hover > a, #base-header-user-tools .tools .popover .popover-body li:hover > .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-header-user-tools .tools .popover .popover-body li:hover > a {
        background: rgba(255, 255, 255, 0.1); }
      #base-header-user-tools .tools .popover .popover-body li:first-child > a, #base-header-user-tools .tools .popover .popover-body li:first-child > .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-header-user-tools .tools .popover .popover-body li:first-child > a {
        border-top: none; }
      #base-header-user-tools .tools .popover .popover-body li > a, #base-header-user-tools .tools .popover .popover-body li > .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-header-user-tools .tools .popover .popover-body li > a {
        color: #a8a8a8;
        border-top: 1px solid #302f33; }
        #base-header-user-tools .tools .popover .popover-body li > a#toggleInvisible span, #base-header-user-tools .tools .popover .popover-body li > a#toggleInvisible .devblog .devblog-post .battlelog-wordpress a#toggleInvisible, .devblog .devblog-post .battlelog-wordpress #base-header-user-tools .tools .popover .popover-body li > a#toggleInvisible a#toggleInvisible {
          padding-right: 25px; }
    #base-header-user-tools .tools .popover .popover-body .header-profile-dropdown a, #base-header-user-tools .tools .popover .popover-body .header-profile-dropdown .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-header-user-tools .tools .popover .popover-body .header-profile-dropdown a {
      position: relative;
      padding-left: 36px;
      color: #fff;
      font-weight: normal; }
      #base-header-user-tools .tools .popover .popover-body .header-profile-dropdown a [class^="icon-"], #base-header-user-tools .tools .popover .popover-body .header-profile-dropdown a .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-header-user-tools .tools .popover .popover-body .header-profile-dropdown a a, #base-header-user-tools .tools .popover .popover-body .header-profile-dropdown a [class*=" icon-"], #base-header-user-tools .tools .popover .popover-body .header-profile-dropdown a .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-header-user-tools .tools .popover .popover-body .header-profile-dropdown a a {
        position: absolute;
        top: 50%;
        left: 12px;
        margin-top: -7px; }
    #base-header-user-tools .tools .popover .popover-body .header-profile-dropdown li.facebook i.fb-icon {
      position: absolute;
      top: 50%;
      left: 12px;
      margin-top: -7px;
      background: url(../base/shared/icon-fb-share.png);
      width: 14px;
      height: 14px; }
    #base-header-user-tools .tools .popover .popover-body .header-profile-dropdown li.facebook div.switch {
      margin: 0;
      position: absolute;
      top: 9px;
      right: 10px; }
    #base-header-user-tools .tools .popover .popover-body .header-profile-dropdown .signout a, #base-header-user-tools .tools .popover .popover-body .header-profile-dropdown .signout .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-header-user-tools .tools .popover .popover-body .header-profile-dropdown .signout a {
      color: #a8a8a8; }
    #base-header-user-tools .tools .popover .popover-body .header-profile-dropdown .invisible-mode {
      height: 25px;
      line-height: 25px;
      padding-left: 35px;
      padding-right: 10px;
      font-size: 12px; }
      #base-header-user-tools .tools .popover .popover-body .header-profile-dropdown .invisible-mode #goVisible {
        cursor: pointer;
        position: relative;
        float: right;
        top: 6px; }
    #base-header-user-tools .tools .popover .popover-body .header-profile-dropdown .profile-progression .completion-progression {
      padding: 12px 14px 5px;
      background-color: rgba(72, 140, 90, 0.8);
      font-size: 12px; }
      #base-header-user-tools .tools .popover .popover-body .header-profile-dropdown .profile-progression .completion-progression > div {
        margin-top: 4px; }
        #base-header-user-tools .tools .popover .popover-body .header-profile-dropdown .profile-progression .completion-progression > div span, #base-header-user-tools .tools .popover .popover-body .header-profile-dropdown .profile-progression .completion-progression > div a, #base-header-user-tools .tools .popover .popover-body .header-profile-dropdown .profile-progression .completion-progression > div .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-header-user-tools .tools .popover .popover-body .header-profile-dropdown .profile-progression .completion-progression > div a {
          font-size: 12px;
          color: #fff;
          padding-left: 0; }
    #base-header-user-tools .tools .popover .popover-body .admin a, #base-header-user-tools .tools .popover .popover-body .admin .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-header-user-tools .tools .popover .popover-body .admin a {
      padding-left: 36px;
      font-weight: normal; }
    #base-header-user-tools .tools .popover .popover-body .profile-icon-box {
      width: 36px;
      height: 36px;
      float: left;
      text-align: center; }
      #base-header-user-tools .tools .popover .popover-body .profile-icon-box .profile-icon {
        width: 11px;
        height: 11px;
        display: block;
        position: relative;
        top: 18px;
        margin: auto;
        background: transparent url(../common/profilehead.png) no-repeat 100% 50%; }
      #base-header-user-tools .tools .popover .popover-body .profile-icon-box .invis-icon {
        width: 11px;
        height: 11px;
        display: block;
        position: relative;
        top: 13px;
        margin: auto;
        background: transparent url(../common/profileinvis.png) no-repeat 100% 50%; }
    #base-header-user-tools .tools .popover .popover-body li.profile > a, #base-header-user-tools .tools .popover .popover-body li.profile > .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-header-user-tools .tools .popover .popover-body li.profile > a {
      color: #fff;
      line-height: 16px;
      padding-top: 6px;
      padding-bottom: 6px;
      font-weight: normal; }
    #base-header-user-tools .tools .popover .popover-body li.profile span {
      display: block;
      color: #8a8a8a;
      font-size: 11px; }
    #base-header-user-tools .tools .popover .popover-body li.signout > a, #base-header-user-tools .tools .popover .popover-body li.signout > .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-header-user-tools .tools .popover .popover-body li.signout > a {
      text-align: right;
      padding-right: 10px;
      font-weight: normal; }
  #base-header-user-tools .tools .popover .base-header-login-dropdown {
    padding: 0; }
    #base-header-user-tools .tools .popover .base-header-login-dropdown #base-login-ajax-loader {
      position: absolute;
      margin: 0;
      display: none;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.6);
      top: 0;
      left: 0;
      z-index: 2; }
      #base-header-user-tools .tools .popover .base-header-login-dropdown #base-login-ajax-loader .loader.small {
        display: block;
        margin: 0 auto;
        position: relative;
        top: 50%;
        margin-top: -16px; }
    #base-header-user-tools .tools .popover .base-header-login-dropdown .form-container {
      padding: 16px; }
      #base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .originconnect-status {
        display: none; }
      #base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .base-login-bottom {
        min-height: 28px;
        margin-top: 16px; }
        #base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .base-login-bottom .base-login-rmbrme {
          float: left;
          margin-top: 3px;
          margin-left: 0;
          font-size: 12px; }
        #base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .base-login-bottom label {
          position: relative;
          top: -1px; }
        #base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .base-login-bottom .base-login-submitbutton {
          margin: 0; }
      #base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .base-login-popup-account-actions {
        width: 272px;
        padding-top: 6px;
        padding-bottom: 6px; }
      #base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .common-form-input-wrapper.base-login-input-wrapper {
        margin-bottom: 10px;
        position: relative;
        background: #fff;
        line-height: 13px; }
        #base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .common-form-input-wrapper.base-login-input-wrapper:last-child {
          margin-bottom: 0; }
        #base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .common-form-input-wrapper.base-login-input-wrapper input {
          width: 100%;
          box-sizing: border-box;
          border: 0;
          background: transparent;
          font-size: 12px;
          color: #000;
          padding: 8px; }
        #base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .common-form-input-wrapper.base-login-input-wrapper span {
          top: 9px;
          left: 11px;
          font-size: 12px;
          color: #8a8a8a; }
    #base-header-user-tools .tools .popover .base-header-login-dropdown footer {
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      text-align: center; }
      #base-header-user-tools .tools .popover .base-header-login-dropdown footer a, #base-header-user-tools .tools .popover .base-header-login-dropdown footer .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-header-user-tools .tools .popover .base-header-login-dropdown footer a {
        text-transform: none;
        color: #a8a8a8;
        line-height: 22px;
        font-size: 12px; }

.base-game-selector:before, .base-game-selector:after {
  display: table;
  content: "";
  line-height: 0; }
.base-game-selector:after {
  clear: both; }
.base-game-selector .game-box {
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  width: 236px;
  display: block;
  height: 160px;
  background-position: center center;
  position: relative;
  overflow: hidden;
  text-align: center;
  text-decoration: none; }
  .base-game-selector .game-box .game-box-text {
    line-height: 160px;
    background: rgba(0, 0, 0, 0.35); }
    .base-game-selector .game-box .game-box-text:hover {
      background: rgba(0, 0, 0, 0.7); }
  .base-game-selector .game-box .game-box-image {
    display: block;
    width: 320px;
    margin: 0;
    border: 0;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -160px;
    z-index: 0; }
  .base-game-selector .game-box.game-mohw .game-box-image {
    margin-left: -118px; }
  .base-game-selector .game-box.active {
    cursor: default; }
    .base-game-selector .game-box.active:before {
      content: "";
      display: block;
      position: absolute;
      z-index: 2;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      box-shadow: inset 0 0 0 4px #ff9900; }
  .base-game-selector .game-box:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(7, 7, 7, 0.5);
    -webkit-transition: opacity 0.1s ease-out;
    transition: opacity 0.1s ease-out; }
  .base-game-selector .game-box:hover:after, .base-game-selector .game-box.active:after {
    opacity: 0;
    -webkit-transition: opacity 0 ease-out;
    transition: opacity 0 ease-out; }

.forum-link .external {
  float: right;
  position: relative;
  display: inline-block;
  width: 15px;
  height: 15px;
  top: 16px;
  left: 2px;
  opacity: 0.7;
  background: url(../forum/linked-icon-white.png) no-repeat; }

#base-header .header-soldier-rank .rank {
  margin-top: -3px; }
#base-header .game-bar .inner-wrapper {
  background: #282d33; }
#base-header .game-bar .main-nav .legendary-level-container {
  position: absolute;
  top: 64px; }
  #base-header .game-bar .main-nav .legendary-level-container .rank-number {
    position: absolute;
    bottom: 6px;
    right: -72px; }
  #base-header .game-bar .main-nav .legendary-level-container .legendary {
    position: absolute;
    bottom: 3px;
    left: 8px; }
#base-header .game-bar .main-nav .base-section-menu > li {
  padding: 0; }
  #base-header .game-bar .main-nav .base-section-menu > li > div.feature-disabled, #base-header .game-bar .main-nav .base-section-menu > li > a, #base-header .game-bar .main-nav .base-section-menu > li > .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-header .game-bar .main-nav .base-section-menu > li > a {
    color: #fff;
    padding: 0 15px;
    font-family: "Frutiger", sans-serif;
    font-weight: normal;
    font-size: 13px; }
    #base-header .game-bar .main-nav .base-section-menu > li > div.feature-disabled.agent-link, #base-header .game-bar .main-nav .base-section-menu > li > a.agent-link, #base-header .game-bar .main-nav .base-section-menu > li > .devblog .devblog-post .battlelog-wordpress a.agent-link, .devblog .devblog-post .battlelog-wordpress #base-header .game-bar .main-nav .base-section-menu > li > a.agent-link {
      line-height: 1;
      padding-left: 90px; }
  #base-header .game-bar .main-nav .base-section-menu > li.active:not(.nav-home) > a, #base-header .game-bar .main-nav .base-section-menu > li.active:not(.nav-home) > .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-header .game-bar .main-nav .base-section-menu > li.active:not(.nav-home) > a, #base-header .game-bar .main-nav .base-section-menu > li.active:not(.nav-home) > a:hover, #base-header .game-bar .main-nav .base-section-menu > li.active:not(.nav-home) > .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress #base-header .game-bar .main-nav .base-section-menu > li.active:not(.nav-home) > a:hover, #base-header .game-bar .main-nav .base-section-menu > li.active:not(.nav-home).focused > a, #base-header .game-bar .main-nav .base-section-menu > li.active:not(.nav-home).focused > .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-header .game-bar .main-nav .base-section-menu > li.active:not(.nav-home).focused > a {
    background: #fff;
    box-shadow: none; }
#base-header .game-bar .dropdown-bar section > header h1 {
  font-family: "Frutiger", sans-serif;
  font-weight: normal; }
#base-header .game-bar .dropdown-bar .dropdown-menu > a, #base-header .game-bar .dropdown-bar .dropdown-menu > .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-header .game-bar .dropdown-bar .dropdown-menu > a, #base-header .game-bar .dropdown-bar .dropdown-menu div {
  font-family: "Frutiger", sans-serif;
  font-weight: normal; }
#base-header .game-bar .dropdown-bar .soldierstats-box header .name {
  font-family: "Frutiger", sans-serif;
  font-weight: normal;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis; }
#base-header .game-bar .dropdown-bar .soldierstats-box header .rank .title {
  font-family: "Frutiger", sans-serif;
  font-weight: normal; }
#base-header .game-bar .dropdown-bar .soldierstats-box header .rank .experience {
  color: #34454f; }

#community-bar .game-logo .logo.game-bfh {
  background-image: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/logos/bfh-logo-670296c4.png);
  background-size: auto 37px;
  background-position: center center;
  position: relative; }
  #community-bar .game-logo .logo.game-bfh.premium {
    background-image: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/logos/bf-premium-logo-7e910ccd.png); }

#base-header-user-tools .tools .popover .base-header-login-dropdown #base-login-ajax-loader .loader.small {
  margin-top: -32px; }
#base-header-user-tools .tools .username {
  max-width: 140px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

#base-header-secondary-nav {
  float: right; }
  #base-header-secondary-nav > ul > li {
    padding: 0; }
    #base-header-secondary-nav > ul > li > a, #base-header-secondary-nav > ul > li > .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-header-secondary-nav > ul > li > a {
      padding: 0 8px;
      font-family: "Frutiger", sans-serif;
      font-weight: normal;
      color: #dbdbdb;
      opacity: 1;
      font-size: 12px; }
      #base-header-secondary-nav > ul > li > a:hover, #base-header-secondary-nav > ul > li > .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress #base-header-secondary-nav > ul > li > a:hover {
        background: #0a0e14; }

#base-header span.agent-tag {
  display: block;
  padding-top: 16px; }
#base-header span#cash-balance-container {
  position: relative;
  color: #41b747;
  font-weight: bold;
  padding: 0;
  margin: 0;
  display: block;
  font-size: 11px;
  overflow: hidden;
  max-width: 80px;
  -webkit-user-select: none;
  user-select: none; }
  #base-header span#cash-balance-container:hover {
    cursor: default; }

#facebook-bar .buy i.box-art {
  background-image: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/icons/getbf-stack-5f0118f0.png);
  width: 68px;
  height: 81px;
  margin-right: 16px; }
#facebook-bar .info-content p a.learn-more, #facebook-bar .info-content p .devblog .devblog-post .battlelog-wordpress a.learn-more, .devblog .devblog-post .battlelog-wordpress #facebook-bar .info-content p a.learn-more {
  color: #fff; }

body {
  background: #fff;
  height: 100%; }

#base-background {
  background: #292E33 url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/backgrounds/bfhbg-de1c8ba8.png) 50% 0 no-repeat;
  background-size: auto;
  -webkit-transform: translate3d(0, 0, 0); }
  #base-background .video-container {
    height: 1080px;
    width: 1920px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -960px;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: opacity 8s ease;
    transition: opacity 8s ease; }
    #base-background .video-container.show {
      opacity: 1; }
    #base-background .video-container video {
      outline: none; }

#viewport, #base-page {
  height: 100%; }

#base-container {
  min-height: 100%;
  position: relative;
  width: 992px;
  margin: 0 auto; }

#base-bfh-html #footer-wrapper {
  bottom: -300px; }

body.battlescreen #base-container {
  width: auto;
  padding: 0;
  margin: 0; }

body.is-cte {
  background: #22170d none !important; }
  body.is-cte.is-loggedout #receipt-container {
    margin-bottom: 10px; }
  body.is-cte.is-loggedout #base-container:before {
    height: 48px; }
  body.is-cte #community-bar .game-logo .logo.game-bfh {
    background-image: url(/cdnprefix/local/public/communitytest/bfh-cte-logo-small.png); }
  body.is-cte .loggedout-usp-container {
    height: 710px; }

h1.primary, #battlereport > header h1, #base-container .content > section > header h1, .forum-start-title h1, .forum-page-title h1, #forum-preview-post-area h1 {
  display: inline-block;
  line-height: 37px;
  color: #2a3b44;
  margin: 0 0 16px 0;
  padding: 0;
  letter-spacing: 0;
  font-family: "Frutiger", sans-serif;
  font-weight: bold; }

#geoleaderboard-container .primary {
  margin-left: 8px; }

#forum-preview-post-area h1 {
  margin-top: 16px;
  margin-bottom: 0; }
#forum-preview-post-area .forum-post-preview-container {
  margin-top: 8px; }

table.table-hover > tbody > tr:hover td {
  background-color: rgba(255, 255, 255, 0.55); }

/*table.table-striped {
    > tbody > tr:nth-child(odd) {
        background: rgba(0, 0, 0, 0.35);
    }

    &.table-hover {
        > tbody > tr:nth-child(odd) {
            &:hover {
                background-color: rgba(0, 0, 0, 0.5);
            }
        }
    }
}*/
html:not(.is-ios) table.table th, html:not(.is-ios) table.table td {
  background-clip: padding-box; }

table.table {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 16px;
  width: 100%; }
  table.table .center {
    text-align: center; }
  table.table .middle {
    vertical-align: middle; }
  table.table .right {
    text-align: right; }
  table.table .valign {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  table.table th, table.table td {
    white-space: nowrap;
    padding: 10px 15px;
    position: relative;
    color: #000;
    background-color: rgba(255, 255, 255, 0.65);
    border: 1px solid transparent;
    border-left: 0;
    border-top: 0; }
    table.table th:last-child, table.table th.no-separator, table.table td:last-child, table.table td.no-separator {
      box-shadow: none;
      border-right: 0; }
    table.table th.less-padding, table.table td.less-padding {
      padding: 0 6px; }
    table.table th.center, table.table td.center {
      text-align: center; }
    table.table th.right, table.table td.right {
      text-align: right; }
    table.table th .pos-rel, table.table td .pos-rel {
      position: relative;
      width: 100%;
      height: 100%; }
  table.table tbody tr:last-child td, table.table tbody tr:last-child th, table.table tfoot tr:last-child td, table.table tfoot tr:last-child th {
    border-bottom: 0; }
  table.table > thead th, table.table > tfoot th {
    background-color: #282d33;
    color: #d5dde5;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 23px;
    padding: 0 10px;
    font-family: "Frutiger", sans-serif;
    font-weight: normal; }
  table.table > tbody > tr {
    position: relative; }
    table.table > tbody > tr.active > td {
      background: #fff; }
    table.table > tbody > tr.divider > td {
      text-align: center; }
      table.table > tbody > tr.divider > td:after {
        content: "• • •";
        text-align: center; }

table.table-leaderboard {
  font-size: 12px; }
  table.table-leaderboard.table-hover tbody tr {
    cursor: pointer; }
  table.table-leaderboard .position, table.table-leaderboard .score {
    font-family: "Frutiger", sans-serif;
    font-weight: normal; }
  table.table-leaderboard .position {
    text-align: center;
    font-size: 16px;
    width: 28px; }
  table.table-leaderboard .me .position {
    background: #ebca2f;
    color: #2a3b44; }
  table.table-leaderboard .score {
    text-align: right;
    font-size: 16px; }
  table.table-leaderboard .user {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #8a8a8a;
    line-height: 14px; }
    table.table-leaderboard .user a, table.table-leaderboard .user .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress table.table-leaderboard .user a {
      font-weight: bold;
      color: #fff; }
  table.table-leaderboard .avatar {
    float: left;
    margin: -5px 0;
    margin-right: 8px; }
  table.table-leaderboard .common-playername-personaname {
    font-weight: bold;
    margin-bottom: 2px; }
    table.table-leaderboard .common-playername-personaname.solo {
      margin-top: 7px; }
  table.table-leaderboard .common-playername-username {
    color: #34454f; }
  table.table-leaderboard .played-rounds {
    color: #808080;
    width: 50px; }
    table.table-leaderboard .played-rounds .dots {
      margin-top: -4px; }
      table.table-leaderboard .played-rounds .dots > li {
        width: 7px;
        height: 7px;
        border: 1px solid #717171;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        display: inline-block; }
        table.table-leaderboard .played-rounds .dots > li.active {
          background: #fff;
          border: none; }
  table.table-leaderboard .status {
    color: #34454f;
    text-transform: uppercase; }
  table.table-leaderboard .show-more {
    cursor: pointer;
    line-height: 8px; }
    table.table-leaderboard .show-more td:after {
      position: relative;
      display: inline;
      content: "▪ ▪ ▪"; }

#footer-wrapper {
  position: absolute;
  height: 207px;
  bottom: -207px;
  clear: both;
  background: transparent;
  z-index: 0;
  color: #34454f; }

.footer-mirror {
  width: 1024px;
  height: 54px;
  position: absolute;
  bottom: -54px;
  left: 1px;
  /*background: url(../footer/footer-bg-mirror.png) 50% -1px no-repeat;*/ }

.base-content-full-width .footer-mirror {
  display: none; }
.base-content-full-width #footer {
  padding-bottom: 54px;
  background: transparent; }

#footer-social {
  min-height: 201px;
  padding-top: 21px;
  margin-bottom: 22px; }
  #footer-social #footer-social {
    padding-top: 30px; }
  #footer-social .footer-box {
    width: 280px;
    min-height: 201px;
    float: left;
    margin: 0 50px 0 0;
    position: relative; }
    #footer-social .footer-box .footer-box-header {
      color: #ffffff;
      /*text-shadow: 0 0 1px #b7b7b7;*/
      font-family: Tahoma, Arial, sans-serif;
      font-weight: bold;
      font-size: 11px;
      margin-bottom: 16px;
      text-transform: uppercase; }

.base-content-full-width #footer-social .footer-box .footer-box-header {
  color: #353535; }

#footer-social .footer-box.last {
  margin-right: 0;
  width: 330px; }

#footer-poll .footer-poll-title {
  padding: 0 0 6px;
  font-size: 12px;
  line-height: 1.3;
  color: #ffffff; }

.base-content-full-width #footer-poll .footer-poll-title {
  color: #353535; }

#footer-poll .footer-poll-novoting {
  font-weight: bold;
  font-size: 14px;
  line-height: 1.2; }
#footer-poll .footer-poll-voted-spacer {
  height: 20px; }
#footer-poll .footer-poll-totalvotes, #footer-poll .footer-poll-notloggedin {
  margin: 10px 0;
  font-size: 12px;
  color: #8a8a8a; }

.base-content-full-width #footer-poll .footer-poll-totalvotes, .base-content-full-width #footer-poll .footer-poll-notloggedin {
  color: #353535; }

#footer-poll .footer-poll-notloggedin {
  float: right;
  font-size: 10px;
  margin-top: 14px; }
  #footer-poll .footer-poll-notloggedin a, #footer-poll .footer-poll-notloggedin .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #footer-poll .footer-poll-notloggedin a {
    font-size: 10px; }
#footer-poll .footer-poll-totalvotes {
  margin-top: 15px;
  font-size: 11px;
  float: left; }
#footer-poll #footer-poll-form {
  margin: 0; }

#footer-poll-form input[type=submit] {
  margin: 10px 0 0 0; }
#footer-poll-form .footer-poll-answer {
  clear: both;
  margin: 2px 0;
  color: #a5a5a5; }

.base-content-full-width #footer-poll-form .footer-poll-answer {
  color: #606060; }

#footer-poll-form .footer-poll-answer.on label span {
  background-position: 0 -10px; }
#footer-poll-form .footer-poll-answer .checkboxicon {
  background: url(../main/poll-checkbox.png);
  width: 10px;
  height: 10px;
  top: 1px;
  margin-right: 5px;
  position: relative;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 0;
  cursor: pointer; }
#footer-poll-form .footer-poll-answer input {
  display: none; }
#footer-poll-form .footer-poll-answer label {
  font-size: 12px;
  font-weight: normal; }
#footer-poll-form .footer-pollanswer-radio {
  margin: 8px 10px 0 0; }

#footer-poll .footer-poll-answertitle {
  overflow: hidden;
  margin: 6px 0;
  color: #a5a5a5; }

.base-content-full-width #footer-poll .footer-poll-answertitle {
  color: #353535; }

#footer-poll .footer-poll-answertitle div.text-answer {
  float: left;
  font-size: 12px;
  font-weight: normal;
  width: 238px; }
#footer-poll .footer-poll-answertitle div.answer-percentage {
  float: right;
  clear: right;
  width: 40px;
  font-size: 12px;
  text-align: right;
  font-weight: normal; }

#footer-blog-list .footer-list-item {
  margin-bottom: 14px; }
#footer-blog-list .footer-item-title {
  line-height: 20px;
  font-size: 12px; }
#footer-blog-list .footer-item-info {
  color: #8a8a8a;
  font-size: 11px;
  margin-top: 4px; }
  #footer-blog-list .footer-item-info a, #footer-blog-list .footer-item-info .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #footer-blog-list .footer-item-info a {
    font-weight: normal;
    font-size: 11px; }
  #footer-blog-list .footer-item-info .footer-item-info-created {
    margin-right: 10px; }

#footer-twitter .main-officialupdate-item {
  padding: 0 0 4px;
  border-bottom: none; }
#footer-twitter .main-officialupdate-item-content {
  padding-top: 1px;
  font-size: 12px;
  line-height: 19px;
  padding-bottom: 6px;
  color: #a5a5a5; }
#footer-twitter .main-officialupdate-item-subcontent {
  padding-top: 2px;
  color: #8a8a8a; }

#footer-highlighted .footer-box {
  margin-top: 13px;
  float: left;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  height: 128px; }
  #footer-highlighted .footer-box a, #footer-highlighted .footer-box .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #footer-highlighted .footer-box a {
    display: inline-block;
    vertical-align: middle; }
    #footer-highlighted .footer-box a + a, #footer-highlighted .footer-box a + .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #footer-highlighted .footer-box a + a, #footer-highlighted .footer-box a + .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #footer-highlighted .footer-box a + a {
      margin-left: 10px; }
  #footer-highlighted .footer-box#footer-frostbite, #footer-highlighted .footer-box#footer-esn {
    margin-left: 62px; }
  #footer-highlighted .footer-box#footer-ratings {
    float: right; }

#footer-diceea a, #footer-diceea .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #footer-diceea a {
  margin-top: 27px; }
  #footer-diceea a + a, #footer-diceea a + .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #footer-diceea a + a, #footer-diceea a + .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #footer-diceea a + a {
    margin-left: 20px !important; }

#footer-frostbite a, #footer-frostbite .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #footer-frostbite a {
  margin-top: 20px; }

#footer-esn a, #footer-esn .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #footer-esn a {
  margin-top: 26px;
  vertical-align: bottom !important; }

#footer-ratings .footer-rating-image a, #footer-ratings .footer-rating-image .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #footer-ratings .footer-rating-image a {
  margin-top: 15px;
  margin-left: 0; }

#footer-change-lang {
  font-size: 11px;
  font-weight: normal;
  text-decoration: none; }

#footer-allrightsreserved {
  max-width: 860px;
  font-size: 11px;
  line-height: 14px;
  color: #34454f; }

#footer-allrightsreserved .sep, #footer-links .sep {
  padding-left: 4px;
  padding-right: 4px;
  color: rgba(255, 255, 255, 0.3); }

#footer-links {
  margin-top: 8px;
  line-height: 16px; }
  #footer-links li {
    display: inline;
    padding: 0 5px;
    padding-left: 0;
    padding-right: 5px;
    font-size: 11px; }
    #footer-links li:first-child {
      border-left: 0;
      padding-left: 0; }
    #footer-links li a, #footer-links li .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #footer-links li a {
      color: #a8a8a8;
      font-weight: normal;
      text-decoration: none;
      margin-right: 5px; }
      #footer-links li a:hover, #footer-links li .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress #footer-links li a:hover {
        text-decoration: underline; }
      #footer-links li a.footer-link-highlighted, #footer-links li .devblog .devblog-post .battlelog-wordpress a.footer-link-highlighted, .devblog .devblog-post .battlelog-wordpress #footer-links li a.footer-link-highlighted {
        font-weight: bold; }

#footer-highlighted .footer-box-header {
  color: #8a8a8a;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 180px; }

#footer-legal {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  position: relative;
  padding: 15px 0 16px; }

html.ugm-showing #footer-legal {
  padding-bottom: 80px; }

#footer-share {
  position: absolute;
  height: 20px;
  right: 0;
  top: 8px; }
  #footer-share ul {
    position: relative;
    margin: 0;
    padding: 0; }
    #footer-share ul li {
      float: left;
      margin-right: 15px;
      position: relative; }
      #footer-share ul li.last {
        margin-right: 0; }
      #footer-share ul li a, #footer-share ul li .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #footer-share ul li a {
        display: block;
        width: 100%;
        height: 100%;
        position: relative; }
        #footer-share ul li a#footer-facebook-logo, #footer-share ul li .devblog .devblog-post .battlelog-wordpress a#footer-facebook-logo, .devblog .devblog-post .battlelog-wordpress #footer-share ul li a#footer-facebook-logo {
          width: 24px;
          height: 24px;
          background-image: url(../footer/icon-facebook.png); }
        #footer-share ul li a#footer-twitter-logo, #footer-share ul li .devblog .devblog-post .battlelog-wordpress a#footer-twitter-logo, .devblog .devblog-post .battlelog-wordpress #footer-share ul li a#footer-twitter-logo {
          margin-top: 2px;
          width: 24px;
          height: 20px;
          background-image: url(../footer/icon-twitter.png); }
        #footer-share ul li a#footer-youtube-logo, #footer-share ul li .devblog .devblog-post .battlelog-wordpress a#footer-youtube-logo, .devblog .devblog-post .battlelog-wordpress #footer-share ul li a#footer-youtube-logo {
          margin-top: 2px;
          width: 50px;
          height: 20px;
          background-image: url(../footer/icon-youtube.png); }

.footer-ratings-continent {
  color: #8A8A8A;
  font-size: 9px;
  text-transform: uppercase; }

.footer-show-poll {
  position: absolute;
  bottom: 19px;
  right: 0; }
  .footer-show-poll.footer-show-poll-vote {
    bottom: 10px; }

#footer-poll .common-percentbar-container {
  background: #000;
  border-color: #464646; }

.base-content-full-width #footer-poll .common-percentbar-container {
  background: #fff;
  border-color: #cacaca; }

#footer-poll .common-percentbar-container div {
  background-color: #fff; }

.base-content-full-width #footer-poll .common-percentbar-container div {
  background-color: #353535; }

.footer-rating-image {
  float: left; }
  .footer-rating-image.rating-eu {
    width: 75px; }
  .footer-rating-image.rating-us {
    margin-left: 55px;
    width: 170px;
    overflow: hidden; }
    .footer-rating-image.rating-us a, .footer-rating-image.rating-us .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .footer-rating-image.rating-us a {
      float: left; }
    .footer-rating-image.rating-us .more-info {
      line-height: 15px;
      text-align: left;
      margin-top: 20px;
      margin-left: 8px;
      float: left;
      width: 100px;
      font-size: 11px; }

#footer-logo-esrb {
  position: relative; }

/* Home footer styles */
#home-footer {
  margin-top: 16px; }
  #home-footer .row-tight .span2 .box-content {
    height: 300px; }
  #home-footer #tweets {
    float: left; }
  #home-footer .main-officialupdate-item {
    font-size: 12px;
    line-height: 16px; }
  #home-footer .main-officialupdate-item-content {
    margin-left: 40px;
    margin-bottom: 10px; }
  #home-footer .main-officialupdate-icon-twitteravatar {
    float: left;
    margin-right: 5px;
    margin-top: 3px; }

#footer-highlighted .footer-box#footer-frostbite, #footer-highlighted .footer-box#footer-esn {
  margin-left: 12px; }
#footer-highlighted .footer-box-header {
  max-width: 100%; }
#footer-highlighted .footer-box#footer-frostbite {
  margin-left: 70px; }

#base-bfh-html body:not(.is-loggedout) #footer-wrapper {
  position: absolute;
  height: 207px;
  bottom: -207px;
  clear: both;
  background: transparent;
  z-index: 0;
  color: #fff; }
#base-bfh-html #footer-links {
  opacity: 0.5; }
  #base-bfh-html #footer-links:hover {
    opacity: 1; }
  #base-bfh-html #footer-links a, #base-bfh-html #footer-links .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-bfh-html #footer-links a {
    color: #fff; }
  #base-bfh-html #footer-links li:after {
    content: "|";
    padding-left: 4px;
    padding-right: 4px;
    color: rgba(255, 255, 255, 0.3); }
  #base-bfh-html #footer-links li:last-child:after {
    display: none; }
#base-bfh-html #footer-allrightsreserved, #base-bfh-html #footer-change-lang, #base-bfh-html #footer-allrightsreserved a, #base-bfh-html #footer-allrightsreserved .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-bfh-html #footer-allrightsreserved a {
  color: #fff; }
#base-bfh-html #footer-highlighted .footer-box-header {
  color: #fff; }

#footer-poll .footer-poll-title, .base-content-full-width #footer-poll .footer-poll-title {
  color: #2a3b44;
  font-weight: bold; }

#footer-poll .footer-poll-title {
  display: block;
  padding: 0 0 6px;
  font-size: 12px;
  line-height: 1.3;
  margin: 0; }

#footer-poll .footer-poll-answertitle {
  color: #2a3b44; }

#footer-poll-form .footer-poll-answer {
  color: #2a3b44;
  margin: 0 0 4px; }
  #footer-poll-form .footer-poll-answer.on {
    color: #2a3b44; }

#footer-share ul li a#footer-facebook-logo, #footer-share ul li .devblog .devblog-post .battlelog-wordpress a#footer-facebook-logo, .devblog .devblog-post .battlelog-wordpress #footer-share ul li a#footer-facebook-logo {
  background-image: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/footer/facebook-b1417066.png); }
#footer-share ul li a#footer-twitter-logo, #footer-share ul li .devblog .devblog-post .battlelog-wordpress a#footer-twitter-logo, .devblog .devblog-post .battlelog-wordpress #footer-share ul li a#footer-twitter-logo {
  background-image: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/footer/twitter-b1a52f4d.png); }
#footer-share ul li a#footer-youtube-logo, #footer-share ul li .devblog .devblog-post .battlelog-wordpress a#footer-youtube-logo, .devblog .devblog-post .battlelog-wordpress #footer-share ul li a#footer-youtube-logo {
  width: 48px;
  height: 21px;
  background-image: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/footer/youtube-64e55bc0.png); }

ul.more-info {
  color: #fff; }

form.inline label, form.inline input, form.inline button, form.inline select, form.inline textarea, form.inline #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form form.inline #profile-edit-forumsignature, form.inline #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form form.inline #profile-edit-presentation, form.inline .forum-start-container .common-replyform-form-body, .forum-start-container form.inline .common-replyform-form-body, form fieldset.inline label, form fieldset.inline input, form fieldset.inline button, form fieldset.inline select, form fieldset.inline textarea, form fieldset.inline #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form form fieldset.inline #profile-edit-forumsignature, form fieldset.inline #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form form fieldset.inline #profile-edit-presentation, form fieldset.inline .forum-start-container .common-replyform-form-body, .forum-start-container form fieldset.inline .common-replyform-form-body {
  display: inline-block; }
  form.inline label + input, form.inline label + button, form.inline label + select, form.inline label + textarea, form.inline label + #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form form.inline label + #profile-edit-forumsignature, form.inline label + #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form form.inline label + #profile-edit-presentation, form.inline label + .forum-start-container .common-replyform-form-body, .forum-start-container form.inline label + .common-replyform-form-body, form.inline input + input, form.inline input + button, form.inline input + select, form.inline input + textarea, form.inline input + #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form form.inline input + #profile-edit-forumsignature, form.inline input + #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form form.inline input + #profile-edit-presentation, form.inline input + .forum-start-container .common-replyform-form-body, .forum-start-container form.inline input + .common-replyform-form-body, form.inline button + input, form.inline button + button, form.inline button + select, form.inline button + textarea, form.inline button + #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form form.inline button + #profile-edit-forumsignature, form.inline button + #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form form.inline button + #profile-edit-presentation, form.inline button + .forum-start-container .common-replyform-form-body, .forum-start-container form.inline button + .common-replyform-form-body, form.inline select + input, form.inline select + button, form.inline select + select, form.inline select + textarea, form.inline select + #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form form.inline select + #profile-edit-forumsignature, form.inline select + #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form form.inline select + #profile-edit-presentation, form.inline select + .forum-start-container .common-replyform-form-body, .forum-start-container form.inline select + .common-replyform-form-body, form.inline textarea + input, form.inline textarea + #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form form.inline textarea + #profile-edit-forumsignature, form.inline textarea + #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form form.inline textarea + #profile-edit-presentation, form.inline textarea + .forum-start-container .common-replyform-form-body, .forum-start-container form.inline textarea + .common-replyform-form-body, form.inline textarea + button, form.inline textarea + #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form form.inline textarea + #profile-edit-forumsignature, form.inline textarea + #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form form.inline textarea + #profile-edit-presentation, form.inline textarea + .forum-start-container .common-replyform-form-body, .forum-start-container form.inline textarea + .common-replyform-form-body, form.inline textarea + select, form.inline textarea + #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form form.inline textarea + #profile-edit-forumsignature, form.inline textarea + #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form form.inline textarea + #profile-edit-presentation, form.inline textarea + .forum-start-container .common-replyform-form-body, .forum-start-container form.inline textarea + .common-replyform-form-body, form.inline textarea + textarea, form.inline textarea + #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form form.inline textarea + #profile-edit-forumsignature, form.inline textarea + #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form form.inline textarea + #profile-edit-presentation, form.inline textarea + .forum-start-container .common-replyform-form-body, .forum-start-container form.inline textarea + .common-replyform-form-body, form.inline textarea + #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form form.inline textarea + #profile-edit-forumsignature, form.inline textarea + #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form form.inline textarea + #profile-edit-presentation, form.inline textarea + .forum-start-container .common-replyform-form-body, .forum-start-container form.inline textarea + .common-replyform-form-body, form fieldset.inline label + input, form fieldset.inline label + button, form fieldset.inline label + select, form fieldset.inline label + textarea, form fieldset.inline label + #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form form fieldset.inline label + #profile-edit-forumsignature, form fieldset.inline label + #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form form fieldset.inline label + #profile-edit-presentation, form fieldset.inline label + .forum-start-container .common-replyform-form-body, .forum-start-container form fieldset.inline label + .common-replyform-form-body, form fieldset.inline input + input, form fieldset.inline input + button, form fieldset.inline input + select, form fieldset.inline input + textarea, form fieldset.inline input + #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form form fieldset.inline input + #profile-edit-forumsignature, form fieldset.inline input + #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form form fieldset.inline input + #profile-edit-presentation, form fieldset.inline input + .forum-start-container .common-replyform-form-body, .forum-start-container form fieldset.inline input + .common-replyform-form-body, form fieldset.inline button + input, form fieldset.inline button + button, form fieldset.inline button + select, form fieldset.inline button + textarea, form fieldset.inline button + #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form form fieldset.inline button + #profile-edit-forumsignature, form fieldset.inline button + #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form form fieldset.inline button + #profile-edit-presentation, form fieldset.inline button + .forum-start-container .common-replyform-form-body, .forum-start-container form fieldset.inline button + .common-replyform-form-body, form fieldset.inline select + input, form fieldset.inline select + button, form fieldset.inline select + select, form fieldset.inline select + textarea, form fieldset.inline select + #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form form fieldset.inline select + #profile-edit-forumsignature, form fieldset.inline select + #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form form fieldset.inline select + #profile-edit-presentation, form fieldset.inline select + .forum-start-container .common-replyform-form-body, .forum-start-container form fieldset.inline select + .common-replyform-form-body, form fieldset.inline textarea + input, form fieldset.inline textarea + #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form form fieldset.inline textarea + #profile-edit-forumsignature, form fieldset.inline textarea + #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form form fieldset.inline textarea + #profile-edit-presentation, form fieldset.inline textarea + .forum-start-container .common-replyform-form-body, .forum-start-container form fieldset.inline textarea + .common-replyform-form-body, form fieldset.inline textarea + button, form fieldset.inline textarea + #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form form fieldset.inline textarea + #profile-edit-forumsignature, form fieldset.inline textarea + #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form form fieldset.inline textarea + #profile-edit-presentation, form fieldset.inline textarea + .forum-start-container .common-replyform-form-body, .forum-start-container form fieldset.inline textarea + .common-replyform-form-body, form fieldset.inline textarea + select, form fieldset.inline textarea + #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form form fieldset.inline textarea + #profile-edit-forumsignature, form fieldset.inline textarea + #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form form fieldset.inline textarea + #profile-edit-presentation, form fieldset.inline textarea + .forum-start-container .common-replyform-form-body, .forum-start-container form fieldset.inline textarea + .common-replyform-form-body, form fieldset.inline textarea + textarea, form fieldset.inline textarea + #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form form fieldset.inline textarea + #profile-edit-forumsignature, form fieldset.inline textarea + #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form form fieldset.inline textarea + #profile-edit-presentation, form fieldset.inline textarea + .forum-start-container .common-replyform-form-body, .forum-start-container form fieldset.inline textarea + .common-replyform-form-body, form fieldset.inline textarea + #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form form fieldset.inline textarea + #profile-edit-forumsignature, form fieldset.inline textarea + #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form form fieldset.inline textarea + #profile-edit-presentation, form fieldset.inline textarea + .forum-start-container .common-replyform-form-body, .forum-start-container form fieldset.inline textarea + .common-replyform-form-body {
    margin-left: 8px; }

label {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none; }

.input, input[type=text], input[type=password], input[type=email], input[type=number], input[type=search], select, textarea, #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form #profile-edit-presentation, .forum-start-container .common-replyform-form-body, .forum-start-container .forum-sidebar-search-form-input, .battlefeed .list .item .feed-story-comments .feed-comment-form .feed-comment-form-textarea-wrap {
  outline: none;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #bbb;
  padding: 3px 8px;
  margin: 0;
  color: #2a3b44; }
  .input:hover, input[type=text]:hover, input[type=password]:hover, input[type=email]:hover, input[type=number]:hover, input[type=search]:hover, select:hover, textarea:hover, #profile-edit-full-form #profile-edit-forumsignature:hover, #profile-edit-full-form #profile-edit-presentation:hover, .forum-start-container .common-replyform-form-body:hover, .forum-start-container .forum-sidebar-search-form-input:hover, .battlefeed .list .item .feed-story-comments .feed-comment-form .feed-comment-form-textarea-wrap:hover, .input:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, input[type=search]:focus, select:focus, textarea:focus, #profile-edit-full-form #profile-edit-forumsignature:focus, #profile-edit-full-form #profile-edit-presentation:focus, .forum-start-container .common-replyform-form-body:focus, .forum-start-container .forum-sidebar-search-form-input:focus, .battlefeed .list .item .feed-story-comments .feed-comment-form .feed-comment-form-textarea-wrap:focus, .input:active, input[type=text]:active, input[type=password]:active, input[type=email]:active, input[type=number]:active, input[type=search]:active, select:active, textarea:active, #profile-edit-full-form #profile-edit-forumsignature:active, #profile-edit-full-form #profile-edit-presentation:active, .forum-start-container .common-replyform-form-body:active, .forum-start-container .forum-sidebar-search-form-input:active, .battlefeed .list .item .feed-story-comments .feed-comment-form .feed-comment-form-textarea-wrap:active {
    border-color: #34454f; }
  .input:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, input[type=search]:focus, select:focus, textarea:focus, #profile-edit-full-form #profile-edit-forumsignature:focus, #profile-edit-full-form #profile-edit-presentation:focus, .forum-start-container .common-replyform-form-body:focus, .forum-start-container .forum-sidebar-search-form-input:focus, .battlefeed .list .item .feed-story-comments .feed-comment-form .feed-comment-form-textarea-wrap:focus, .input:active, input[type=text]:active, input[type=password]:active, input[type=email]:active, input[type=number]:active, input[type=search]:active, select:active, textarea:active, #profile-edit-full-form #profile-edit-forumsignature:active, #profile-edit-full-form #profile-edit-presentation:active, .forum-start-container .common-replyform-form-body:active, .forum-start-container .forum-sidebar-search-form-input:active, .battlefeed .list .item .feed-story-comments .feed-comment-form .feed-comment-form-textarea-wrap:active {
    color: #2a3b44; }
  .input:-moz-placeholder, input[type=text]:-moz-placeholder, input[type=password]:-moz-placeholder, input[type=email]:-moz-placeholder, input[type=number]:-moz-placeholder, input[type=search]:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder, #profile-edit-full-form #profile-edit-forumsignature:-moz-placeholder, #profile-edit-full-form #profile-edit-presentation:-moz-placeholder, .forum-start-container .common-replyform-form-body:-moz-placeholder, .forum-start-container .forum-sidebar-search-form-input:-moz-placeholder, .battlefeed .list .item .feed-story-comments .feed-comment-form .feed-comment-form-textarea-wrap:-moz-placeholder, .input::moz-placeholder, input[type=text]::moz-placeholder, input[type=password]::moz-placeholder, input[type=email]::moz-placeholder, input[type=number]::moz-placeholder, input[type=search]::moz-placeholder, select::moz-placeholder, textarea::moz-placeholder, #profile-edit-full-form #profile-edit-forumsignature::moz-placeholder, #profile-edit-full-form #profile-edit-presentation::moz-placeholder, .forum-start-container .common-replyform-form-body::moz-placeholder, .forum-start-container .forum-sidebar-search-form-input::moz-placeholder, .battlefeed .list .item .feed-story-comments .feed-comment-form .feed-comment-form-textarea-wrap::moz-placeholder, .input:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder, #profile-edit-full-form #profile-edit-forumsignature:-ms-input-placeholder, #profile-edit-full-form #profile-edit-presentation:-ms-input-placeholder, .forum-start-container .common-replyform-form-body:-ms-input-placeholder, .forum-start-container .forum-sidebar-search-form-input:-ms-input-placeholder, .battlefeed .list .item .feed-story-comments .feed-comment-form .feed-comment-form-textarea-wrap:-ms-input-placeholder, .input::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, #profile-edit-full-form #profile-edit-forumsignature::-webkit-input-placeholder, #profile-edit-full-form #profile-edit-presentation::-webkit-input-placeholder, .forum-start-container .common-replyform-form-body::-webkit-input-placeholder, .forum-start-container .forum-sidebar-search-form-input::-webkit-input-placeholder, .battlefeed .list .item .feed-story-comments .feed-comment-form .feed-comment-form-textarea-wrap::-webkit-input-placeholder {
    color: rgba(250, 246, 246, 0.6); }
  .input.block, input.block[type=text], input.block[type=password], input.block[type=email], input.block[type=number], input.block[type=search], select.block, textarea.block, #profile-edit-full-form .block#profile-edit-forumsignature, #profile-edit-full-form .block#profile-edit-presentation, .forum-start-container .block.common-replyform-form-body, .forum-start-container .block.forum-sidebar-search-form-input, .battlefeed .list .item .feed-story-comments .feed-comment-form .block.feed-comment-form-textarea-wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 10px;
    height: 10px;
    line-height: 1em;
    margin-top: -2px;
    margin-right: 2px;
    border-radius: 3px;
    border: 1px solid #333;
    cursor: pointer;
    padding: 1px;
    outline: none;
    background: rgba(0, 0, 0, 0.1);
    opacity: 0.75; }
    input[type=radio]:checked {
      position: relative;
      border-color: #000;
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
      input[type=radio]:checked:after {
        position: absolute;
        top: 1px;
        left: 1px;
        right: 1px;
        bottom: 1px;
        content: "";
        background: #000;
        border-radius: 2px; }
    input[type=radio]:disabled {
      opacity: 0.5;
      cursor: default; }
  input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    line-height: 1em;
    vertical-align: middle;
    margin-right: 2px;
    margin-top: 1px;
    border: 1px solid #333;
    cursor: pointer;
    padding: 1px;
    outline: none;
    background: rgba(0, 0, 0, 0.1);
    opacity: 0.75; }
    input[type=checkbox]:checked {
      position: relative;
      border: 1px solid #000;
      background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAGAQMAAAA1wBY1AAAABlBMVEVMaXEAAACaXKEdAAAAAXRSTlMAQObYZgAAABRJREFUCB1jYGJgY+hhuMFQwKAAAAnUAf0/2PvzAAAAAElFTkSuQmCC');
      background-position: center center;
      background-repeat: no-repeat; }
    input[type=checkbox]:active, input[type=checkbox]:focus {
      border-color: #000; }
    input[type=checkbox]:disabled {
      opacity: 0.5;
      cursor: default; } }

.btn:before, a.btn:before, .devblog .devblog-post .battlelog-wordpress a.btn:before, .swipe-glow:before {
  -webkit-transition: opacity 0.3s ease 0, left 0s linear 0.3s;
  transition: opacity 0.3s ease 0, left 0s linear 0.3s;
  opacity: 0;
  content: " ";
  -webkit-backface-visibility: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -100%;
  z-index: 100;
  overflow: hidden;
  background-size: cover;
  background-image: url('//eaassets-a.akamaihd.net/battlelog/bb/bfh/ui/swiping-glow-408c7792.png'); }
.btn:hover:not([disabled]):not(.disabled):before, a.btn:hover:not([disabled]):not(.disabled):before, .devblog .devblog-post .battlelog-wordpress a.btn:hover:not([disabled]):not(.disabled):before, .swipe-glow:hover:not([disabled]):not(.disabled):before {
  -webkit-transition: opacity 0s ease, left 0.4s linear;
  transition: opacity 0s ease, left 0.4s linear;
  left: 100%;
  opacity: 1; }
.btn:hover:not([disabled]):not(.disabled).swipe-slow:before, a.btn:hover:not([disabled]):not(.disabled).swipe-slow:before, .devblog .devblog-post .battlelog-wordpress a.btn:hover:not([disabled]):not(.disabled).swipe-slow:before, .swipe-glow:hover:not([disabled]):not(.disabled).swipe-slow:before {
  -webkit-transition: opacity 0s ease, left 0.6s linear;
  transition: opacity 0s ease, left 0.6s linear; }

.btn, a.btn, .devblog .devblog-post .battlelog-wordpress a.btn {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  margin: 0;
  text-align: left;
  text-transform: uppercase;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  line-height: 34px;
  font-size: 12px;
  padding: 0 16px;
  vertical-align: middle;
  cursor: pointer;
  outline: none;
  font-family: "Frutiger", sans-serif;
  font-weight: normal;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  border: none;
  background: #10212b; }
  .btn:after, a.btn:after, .devblog .devblog-post .battlelog-wordpress a.btn:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.15);
    opacity: 0; }
  .btn:hover:not([disabled]):not(.disabled):after, a.btn:hover:not([disabled]):not(.disabled):after, .devblog .devblog-post .battlelog-wordpress a.btn:hover:not([disabled]):not(.disabled):after {
    opacity: 1; }
  .btn:active:not([disabled]):not(.disabled), a.btn:active:not([disabled]):not(.disabled), .devblog .devblog-post .battlelog-wordpress a.btn:active:not([disabled]):not(.disabled) {
    color: #000;
    background: #fff; }
  .btn.btn-primary, a.btn.btn-primary, .devblog .devblog-post .battlelog-wordpress a.btn.btn-primary {
    background-color: #d66e29; }
  .btn.btn-inverse, a.btn.btn-inverse, .devblog .devblog-post .battlelog-wordpress a.btn.btn-inverse {
    color: #000;
    background: rgba(255, 255, 255, 0.5);
    padding: 0 16px !important; }
  .btn.btn-subtle, .btn.btn-clean, a.btn.btn-subtle, .devblog .devblog-post .battlelog-wordpress a.btn.btn-subtle, a.btn.btn-clean, .devblog .devblog-post .battlelog-wordpress a.btn.btn-clean {
    background: none;
    color: #2a3b44; }
    .btn.btn-subtle:hover:not([disabled]):not(.disabled), .btn.btn-clean:hover:not([disabled]):not(.disabled), a.btn.btn-subtle:hover:not([disabled]):not(.disabled), .devblog .devblog-post .battlelog-wordpress a.btn.btn-subtle:hover:not([disabled]):not(.disabled), a.btn.btn-clean:hover:not([disabled]):not(.disabled), .devblog .devblog-post .battlelog-wordpress a.btn.btn-clean:hover:not([disabled]):not(.disabled) {
      background: none;
      color: #000; }
    .btn.btn-subtle:active:not([disabled]):not(.disabled), .btn.btn-clean:active:not([disabled]):not(.disabled), a.btn.btn-subtle:active:not([disabled]):not(.disabled), .devblog .devblog-post .battlelog-wordpress a.btn.btn-subtle:active:not([disabled]):not(.disabled), a.btn.btn-clean:active:not([disabled]):not(.disabled), .devblog .devblog-post .battlelog-wordpress a.btn.btn-clean:active:not([disabled]):not(.disabled) {
      color: #000;
      background: none;
      box-shadow: 0; }
  .btn.btn-large, a.btn.btn-large, .devblog .devblog-post .battlelog-wordpress a.btn.btn-large {
    line-height: 47px;
    font-size: 23px;
    padding: 0 16px; }
  .btn.btn-small, a.btn.btn-small, .devblog .devblog-post .battlelog-wordpress a.btn.btn-small {
    line-height: 32px;
    font-size: 16px;
    padding: 0px 16px; }
    .btn.btn-small .icon-search, a.btn.btn-small .icon-search, a.btn.btn-small .devblog .devblog-post .battlelog-wordpress a.btn.btn-small, .devblog .devblog-post .battlelog-wordpress a.btn.btn-small a.btn.btn-small {
      position: relative;
      top: 2px; }
  .btn.btn-tiny, a.btn.btn-tiny, .devblog .devblog-post .battlelog-wordpress a.btn.btn-tiny {
    line-height: 24px;
    font-size: 13px;
    padding: 0 10px; }
  .btn[disabled], .btn.disabled, .is-touch #serverbrowser aside .action-buttons-container .favorite-toggle.starred, a.btn[disabled], .devblog .devblog-post .battlelog-wordpress a.btn[disabled], a.btn.disabled, .is-touch #serverbrowser aside .action-buttons-container a.favorite-toggle.starred, .devblog .devblog-post .battlelog-wordpress a.favorite-toggle.starred, .devblog .devblog-post .battlelog-wordpress a.btn.disabled, .is-touch #serverbrowser aside .action-buttons-container a.favorite-toggle.starred {
    cursor: default;
    opacity: 0.5; }
  .btn.arrow i:before, a.btn.arrow i:before, a.btn.arrow .devblog .devblog-post .battlelog-wordpress a.btn.arrow, .devblog .devblog-post .battlelog-wordpress a.btn.arrow a.btn.arrow {
    position: relative;
    bottom: 0.15em;
    right: 0.2em;
    content: "► ";
    font-size: 0.7em; }
  .btn.arrow-down i:after, a.btn.arrow-down i:after, a.btn.arrow-down .devblog .devblog-post .battlelog-wordpress a.btn.arrow-down, .devblog .devblog-post .battlelog-wordpress a.btn.arrow-down a.btn.arrow-down {
    position: relative;
    bottom: 0.15em;
    left: 0.2em;
    content: " ▼";
    font-size: 0.7em;
    line-height: 1; }
  .btn.btn-block, a.btn.btn-block, .devblog .devblog-post .battlelog-wordpress a.btn.btn-block {
    display: block;
    width: 100%; }
  .btn > [class^="icon-"], .btn > [class*=" icon-"], a.btn > [class^="icon-"], a.btn > .devblog .devblog-post .battlelog-wordpress a.btn, .devblog .devblog-post .battlelog-wordpress a.btn > a.btn, a.btn > [class*=" icon-"], a.btn > .devblog .devblog-post .battlelog-wordpress a.btn, .devblog .devblog-post .battlelog-wordpress a.btn > a.btn {
    opacity: 0.8; }
  .btn:hover:not(.disabled) > [class^="icon-"], .btn:hover:not(.disabled) > [class*=" icon-"], a.btn:hover:not(.disabled) > [class^="icon-"], a.btn:hover:not(.disabled) > .devblog .devblog-post .battlelog-wordpress a.btn:hover:not(.disabled), .devblog .devblog-post .battlelog-wordpress a.btn:hover:not(.disabled) > a.btn:hover:not(.disabled), a.btn:hover:not(.disabled) > [class*=" icon-"], a.btn:hover:not(.disabled) > .devblog .devblog-post .battlelog-wordpress a.btn:hover:not(.disabled), .devblog .devblog-post .battlelog-wordpress a.btn:hover:not(.disabled) > a.btn:hover:not(.disabled) {
    opacity: 1; }
  .btn:hover:not(.disabled).btn-subtle, a.btn:hover:not(.disabled).btn-subtle, .devblog .devblog-post .battlelog-wordpress a.btn:hover:not(.disabled).btn-subtle {
    background-color: rgba(7, 7, 7, 0.35); }

/**
 * Map thumbnails
 */
.map-thumb {
  position: relative;
  width: 48px;
  height: 33px; }
  .map-thumb img {
    height: 100%;
    width: 100%; }
  .map-thumb .quick-join {
    position: absolute;
    z-index: 1;
    background: rgba(0, 0, 0, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.9);
    opacity: 0;
    width: 25px;
    height: 25px;
    top: 3px;
    left: 10px; }
    .map-thumb .quick-join:after {
      display: block;
      vertical-align: middle;
      text-align: center;
      content: "▶";
      color: rgba(0, 0, 0, 0.9);
      font-size: 19px;
      line-height: 1.2; }
  .map-thumb:hover .quick-join {
    opacity: 1; }
  .map-thumb.medium {
    width: 62px;
    height: 42px; }
    .map-thumb.medium .quick-join {
      width: 30px;
      height: 30px;
      top: 5px;
      left: 13px; }
      .map-thumb.medium .quick-join:after {
        line-height: 1.4; }

article:hover .map-thumb .quick-join, tr:hover .map-thumb .quick-join {
  opacity: 1; }

.map-thumb .quick-join:after {
  color: rgba(255, 255, 255, 0.9); }

/* Firemode Icons */
.firemode-icon {
  background: transparent url(../common/warsaw/firemode-icons.png) no-repeat;
  width: 23px;
  height: 15px;
  display: inline-block; }
  .firemode-icon.disabled {
    opacity: 0.6; }
  .firemode-icon.auto {
    background-position: 0 0; }
  .firemode-icon.burst {
    background-position: 0 -18px; }
  .firemode-icon.single {
    background-position: 0 -36px; }

/* Kit icons */
.common-kit-icon {
  background: url(../profile/bf3/stats/stats-time-icons.png) no-repeat;
  width: 22px;
  height: 22px; }
  .common-kit-icon.kit-1 {
    background-position: -26px 2px; }
  .common-kit-icon.kit-2 {
    background-position: 1px -26px; }
  .common-kit-icon.kit-8 {
    background-position: 1px 1px; }
  .common-kit-icon.kit-32 {
    background-position: -26px -26px; }

/* ----------------- Warsaw kit icons ----------------- */
.kit-icon {
  display: inline-block;
  background-repeat: no-repeat; }
  .kit-icon.xsmall {
    background-image: url(../common/warsaw/kit-icons-xsmall.png);
    width: 15px;
    height: 15px; }
    .kit-icon.xsmall.kit-1, .kit-icon.xsmall.assault {
      background-position: 0 0; }
    .kit-icon.xsmall.kit-2, .kit-icon.xsmall.engineer {
      background-position: -17px 0; }
    .kit-icon.xsmall.kit-32, .kit-icon.xsmall.support {
      background-position: -30px 0; }
    .kit-icon.xsmall.kit-8, .kit-icon.xsmall.recon {
      background-position: -45px 0; }
  .kit-icon.small {
    background-image: url(../common/warsaw/kit-icons-small.png);
    width: 32px;
    height: 32px; }
    .kit-icon.small.kit-1, .kit-icon.small.assault {
      background-position: 0 0; }
    .kit-icon.small.kit-2, .kit-icon.small.engineer {
      background-position: -32px 0; }
    .kit-icon.small.kit-32, .kit-icon.small.support {
      background-position: -64px 0; }
    .kit-icon.small.kit-8, .kit-icon.small.recon {
      background-position: -96px 0; }
    .kit-icon.small.kit-2048, .kit-icon.small.commander {
      background-position: -128px 0; }
  .kit-icon.medium {
    background-image: url(../common/warsaw/kit-icons-medium.png);
    width: 52px;
    height: 52px; }
    .kit-icon.medium.kit-1, .kit-icon.medium.assault {
      background-position: 0 0; }
    .kit-icon.medium.kit-2, .kit-icon.medium.engineer {
      background-position: -52px 0; }
    .kit-icon.medium.kit-32, .kit-icon.medium.support {
      background-position: -104px 0; }
    .kit-icon.medium.kit-8, .kit-icon.medium.recon {
      background-position: -156px 0; }
    .kit-icon.medium.kit-2048, .kit-icon.medium.commander {
      background-position: -208px 0; }

/* ----------------- Warsaw vehicle icons ----------------- */
.vehicle-icon.xsmall {
  background-image: url(../common/warsaw/vehicle-icons-xsmall.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px; }
  .vehicle-icon.xsmall.vehicle-3, .vehicle-icon.xsmall.fast-attack-boat {
    background-position: -57px -5px; }
  .vehicle-icon.xsmall.vehicle-6, .vehicle-icon.xsmall.heli-attack {
    background-position: -109px -5px; }
  .vehicle-icon.xsmall.vehicle-5, .vehicle-icon.xsmall.heli-scout {
    background-position: -135px -5px; }
  .vehicle-icon.xsmall.vehicle-8, .vehicle-icon.xsmall.heli-transport {
    background-position: -161px -5px; }
  .vehicle-icon.xsmall.vehicle-4, .vehicle-icon.xsmall.jet-attack {
    background-position: -187px -5px; }
  .vehicle-icon.xsmall.vehicle-7, .vehicle-icon.xsmall.jet-ground-attack {
    background-position: -213px -5px; }
  .vehicle-icon.xsmall.vehicle-2, .vehicle-icon.xsmall.mobile-aa {
    background-position: -317px -5px; }
  .vehicle-icon.xsmall.vehicle-1, .vehicle-icon.xsmall.tank-ifv {
    background-position: -577px -5px; }
  .vehicle-icon.xsmall.vehicle-0, .vehicle-icon.xsmall.tank-mbt {
    background-position: -629px -5px; }

/* ----------------- List icons ----------------- */
.list-icon {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.45);
  background-image: url(../common/buttons/list-buttons.png);
  width: 76px;
  height: 24px;
  float: left;
  margin-left: 1px; }
  .list-icon.thumbs {
    background-position: 0 -24px; }
  .list-icon.rows {
    background-position: 76px -24px; }
  .list-icon.active {
    background-color: #fff;
    box-shadow: 0 0 7px 0 #e0f4f8; }
    .list-icon.active.thumbs {
      background-position: 0 0; }
    .list-icon.active.rows {
      background-position: 76px 0; }

.tag-icon-list {
  float: left;
  margin: 2px 3px 0 0; }
  .tag-icon-list li {
    float: left;
    margin-right: 2px; }

/* ----------------- Xpack icons ----------------- */
.xp-icon {
  display: inline-block;
  height: 17px;
  width: 17px;
  border: 1px solid #fff;
  background-color: rgba(255, 255, 255, 0.65);
  background-image: url(../profile/bf4/icon-bf4-xp-17x17.png); }
  .xp-icon[data-xpack=xp1] {
    background-position: -17px 0; }
  .xp-icon[data-xpack=xp2] {
    background-position: -34px 0; }
  .xp-icon[data-xpack=xp3] {
    background-position: -51px 0; }
  .xp-icon[data-xpack=xp4] {
    background-position: -68px 0; }
  .xp-icon[data-xpack=xp5] {
    background-position: -85px 0; }
  .xp-icon[data-xpack=xp6] {
    background-position: -102px 0; }
  .xp-icon[data-xpack=xp7] {
    background-position: -119px 0; }

/* ----------------- Bfh kit icons ----------------- */
.kit-icon.xsmall {
  background-image: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/icons/kit-icons-xsmall-d568eea8.png); }
.kit-icon.small {
  background-image: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/icons/kit-icons-small-08dfe891.png); }
  .kit-icon.small.kit-2048, .kit-icon.small.commander {
    background-position: -128px 0; }
.kit-icon.medium {
  background-image: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/icons/kit-icons-medium-509fb045.png); }
  .kit-icon.medium.kit-2048, .kit-icon.medium.commander {
    background-position: -208px 0; }
.kit-icon.xsmall.kit-1, .kit-icon.xsmall.operator, .kit-icon.small.kit-1, .kit-icon.small.operator, .kit-icon.medium.kit-1, .kit-icon.medium.operator {
  background: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/icons/operator-d89f26d1.png);
  background-size: cover; }
.kit-icon.xsmall.kit-2, .kit-icon.xsmall.mechanic, .kit-icon.small.kit-2, .kit-icon.small.mechanic, .kit-icon.medium.kit-2, .kit-icon.medium.mechanic {
  background: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/icons/mechanic-c1d31736.png);
  background-size: cover; }
.kit-icon.xsmall.kit-32, .kit-icon.xsmall.enforcer, .kit-icon.small.kit-32, .kit-icon.small.enforcer, .kit-icon.medium.kit-32, .kit-icon.medium.enforcer {
  background: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/icons/enforcer-422681d3.png);
  background-size: cover; }
.kit-icon.xsmall.kit-8, .kit-icon.xsmall.professional, .kit-icon.small.kit-8, .kit-icon.small.professional, .kit-icon.medium.kit-8, .kit-icon.medium.professional {
  background: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/icons/professional-4315e72d.png);
  background-size: cover; }
.kit-icon.xsmall.kit-16, .kit-icon.xsmall.hacker, .kit-icon.small.kit-16, .kit-icon.small.hacker, .kit-icon.medium.kit-16, .kit-icon.medium.hacker {
  background: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/icons/Hacker-icon-58fbdc7d.png);
  background-size: cover; }

/* Firemode Icons */
.firemode-icon {
  background-image: url(//d34ymitoc1pg7m.cloudfront.net/bfh/icons/firemode-icons-inverted-1b7801b5.png); }

/* ----------------- Xpack icons ----------------- */
.xp-icon {
  display: inline-block;
  height: 14px;
  width: 14px;
  border: 1px solid #fff;
  background-color: rgba(255, 255, 255, 0.65);
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .xp-icon[data-xpack="bfhxp1"] {
    background-image: url(../common/tags/expansion/536870912.gif); }
  .xp-icon[data-xpack="bfhxp2"] {
    background-image: url(../common/tags/expansion/1073741824.gif); }
  .xp-icon[data-xpack="bfhxp3"] {
    background-image: url(../common/tags/expansion/2147483648.gif); }
  .xp-icon[data-xpack="bfhxp4"] {
    background-image: url(../common/tags/expansion/4294967296.gif); }

.dialog .popup-reportabuse-body {
  height: 300px; }
.dialog.dialog-friends .dialog-body {
  height: 268px !important;
  overflow-x: hidden;
  overflow-y: auto; }
.dialog ul.avatars p {
  padding: 10px 16px;
  font-size: 12px;
  color: #575757; }
.dialog ul.avatars {
  width: 100%;
  position: relative; }
.dialog ul.avatars li {
  float: none;
  padding: 6px;
  position: relative;
  background: url(../base/bfbc2/loggedin-clean-heading2.png) bottom left no-repeat; }
  .dialog ul.avatars li.selected {
    background: rgba(255, 255, 255, 0.7);
    color: #000; }
    .dialog ul.avatars li.selected .base-friends-username {
      font-weight: bold; }
    .dialog ul.avatars li.selected .base-friends-selectbutton {
      opacity: 0.4; }
  .dialog ul.avatars li.non-selectable {
    opacity: 0.6; }
    .dialog ul.avatars li.non-selectable .base-friends-selectbutton {
      display: none; }
.dialog ul.avatars.avatar-only li {
  display: inline-block;
  background: none;
  float: left; }
.dialog ul.avatars li.last {
  background: none; }
.dialog ul.avatars li img {
  float: left; }
.dialog ul.avatars li img.main-profile-status-icon {
  margin: 5px 5px 0 12px; }
.dialog ul.avatars li a, .dialog ul.avatars li .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .dialog ul.avatars li a {
  line-height: 18px; }
.dialog ul.avatars .base-friends-avatar {
  float: left;
  margin-right: 10px; }
.dialog ul.avatars .base-friends-username {
  float: left; }
  .dialog ul.avatars .base-friends-username a, .dialog ul.avatars .base-friends-username .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .dialog ul.avatars .base-friends-username a {
    text-decoration: none; }
.dialog ul.avatars .base-friends-selectbutton {
  float: right;
  position: relative;
  top: 2px; }
.dialog > header a, .dialog > header .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .dialog > header a {
  color: #34454f; }
.dialog > header .no-transform {
  text-transform: none; }
.dialog.joinflow-origin-not-started #joinflow-origin-missing-image {
  background: url(../joinflow/origin.png) center center no-repeat;
  background-size: cover;
  width: 106px;
  height: 106px;
  margin: 10px;
  float: left;
  position: relative; }
.dialog.joinflow-origin-not-started footer {
  text-align: right;
  margin-right: 8px; }
.dialog.joinflow-origin-not-started .bullet {
  margin-bottom: 12px;
  height: 30px; }
.dialog.joinflow-origin-not-started #joinflow-pluginpopup-info .loader {
  margin-right: 6px; }
.dialog.joinflow-origin-not-started .bullet-number {
  font-weight: bold;
  float: left;
  text-align: center;
  background: rgba(255, 255, 255, 0.9);
  color: #000;
  font-size: 20px;
  margin-right: 8px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #ccc; }
.dialog.joinflow-origin-not-started .bullet-text {
  position: relative;
  top: 56%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-left: 40px;
  line-height: 17px; }
  .dialog.joinflow-origin-not-started .bullet-text.one-line {
    line-height: 30px; }
.dialog.identity2 {
  width: 900px;
  background: #fbfbfb;
  border: 0; }
  #base-bf3-html .dialog.identity2, #base-mohw-html .dialog.identity2 {
    margin-left: -450px; }
  .dialog.identity2 .background-loader {
    z-index: 0;
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -16px; }
  .dialog.identity2 .icon-dialog-close {
    z-index: 10;
    background: url("../base/shared/bright-close.png") center center no-repeat;
    width: 30px;
    height: 30px;
    padding-right: 6px;
    position: absolute;
    right: auto !important;
    left: 5px !important;
    top: 8px !important;
    cursor: pointer;
    opacity: 0.6; }
    #base-mohw-html .dialog.identity2 .icon-dialog-close {
      background-image: url("../base/shared/dark-close.png"); }
    .dialog.identity2 .icon-dialog-close:hover {
      opacity: 1; }
  .dialog.identity2 .dialog-body {
    padding: 0; }
  .dialog.identity2 iframe {
    z-index: 1;
    position: relative;
    display: block;
    width: 100%;
    height: 500px; }
  .dialog.identity2 footer {
    display: none; }
.dialog.punkbuster {
  width: 630px; }
.dialog.emblempreview.cloning .dialog-body .loader {
  display: block; }
.dialog.emblempreview .dialog-body {
  position: relative;
  text-align: center; }
  .dialog.emblempreview .dialog-body .loader {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -9px; }
.dialog.emblemselect {
  width: 572px; }
  .dialog.emblemselect .emblems-loading {
    display: block;
    margin: 30px auto 10px; }
  .dialog.emblemselect .emblem-items .item {
    width: 100px;
    min-height: 148px;
    float: left;
    text-align: center;
    margin-left: 10px;
    text-decoration: none; }
    .dialog.emblemselect .emblem-items .item.item-none {
      margin-left: 0; }
    .dialog.emblemselect .emblem-items .item.active .edit-link {
      opacity: 1; }
    .dialog.emblemselect .emblem-items .item.active .emblem {
      opacity: 1;
      cursor: default;
      box-shadow: inset 0 0 10px 4px rgba(255, 255, 255, 0.2); }
    .dialog.emblemselect .emblem-items .item.disabled {
      opacity: 0.3; }
      .dialog.emblemselect .emblem-items .item.disabled .emblem {
        opacity: 1; }
      .dialog.emblemselect .emblem-items .item.disabled:hover .emblem {
        cursor: default; }
    .dialog.emblemselect .emblem-items .item.item-platoon .emblem {
      background: #a8a8a8; }
    .dialog.emblemselect .emblem-items .item.item-none .emblem, .dialog.emblemselect .emblem-items .item.item-create .emblem {
      background: none;
      text-align: center;
      color: #000; }
      .dialog.emblemselect .emblem-items .item.item-none .emblem:before, .dialog.emblemselect .emblem-items .item.item-create .emblem:before {
        content: "X";
        font-size: 100px;
        line-height: 100px; }
    .dialog.emblemselect .emblem-items .item.item-create .emblem {
      border-radius: 0;
      box-shadow: inset 0 0 0 2px #000; }
      .dialog.emblemselect .emblem-items .item.item-create .emblem:before {
        content: "+"; }
    .dialog.emblemselect .emblem-items .item h1 {
      text-align: left;
      text-transform: uppercase;
      color: #a8a8a8;
      font-size: 13px;
      line-height: 24px;
      font-family: Purista, sans-serif;
      font-weight: normal;
      margin: 0;
      cursor: default; }
    .dialog.emblemselect .emblem-items .item .emblem {
      width: 100px;
      height: 100px;
      display: block;
      margin-bottom: 8px;
      opacity: 0.7;
      cursor: pointer;
      border-radius: 2px;
      -webkit-transition: box-shadow 0.5s ease;
      transition: box-shadow 0.5s ease; }
      .dialog.emblemselect .emblem-items .item .emblem:first-child {
        margin-top: 24px; }
      .dialog.emblemselect .emblem-items .item .emblem:hover {
        opacity: 1; }
      .dialog.emblemselect .emblem-items .item .emblem img {
        width: 100px;
        height: 100px;
        display: block; }
    .dialog.emblemselect .emblem-items .item .edit-link {
      font-size: 12px; }
.dialog.soldierselect section {
  padding: 0;
  max-height: 300px;
  overflow-y: scroll; }
.dialog.soldierselect .soldier-list > li > a, .dialog.soldierselect .soldier-list > li > .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .dialog.soldierselect .soldier-list > li > a {
  padding: 10px;
  display: block;
  position: relative;
  line-height: 30px; }
  .dialog.soldierselect .soldier-list > li > a .bfh-game-platform, .dialog.soldierselect .soldier-list > li > a .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .dialog.soldierselect .soldier-list > li > a a {
    display: inline-block;
    width: 100px; }
  .dialog.soldierselect .soldier-list > li > a:hover, .dialog.soldierselect .soldier-list > li > .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress .dialog.soldierselect .soldier-list > li > a:hover {
    background-color: rgba(0, 0, 0, 0.1); }
.dialog.soldierselect .soldier-list > li .clan-tag, .dialog.soldierselect .soldier-list > li .name {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 2px; }
.dialog.soldierselect .soldier-list > li .gameicon {
  min-width: 26px;
  display: inline-block;
  vertical-align: text-bottom;
  margin-right: 10px;
  position: relative;
  top: 1px; }
.dialog .soldierselect-description {
  font-size: 11px;
  line-height: 16px;
  float: left;
  max-width: 360px;
  text-align: left; }
.dialog #soldierimage li {
  float: left;
  position: relative; }
  .dialog #soldierimage li .icon-premium-p {
    position: absolute;
    bottom: 6px;
    right: 6px; }
.dialog a:not(.btn), .dialog .devblog .devblog-post .battlelog-wordpress a:not(.btn), .devblog .devblog-post .battlelog-wordpress .dialog a:not(.btn) {
  text-decoration: underline; }
  .dialog a:not(.btn):hover, .dialog .devblog .devblog-post .battlelog-wordpress a:not(.btn):hover, .devblog .devblog-post .battlelog-wordpress .dialog a:not(.btn):hover, .dialog a:not(.btn):active, .dialog .devblog .devblog-post .battlelog-wordpress a:not(.btn):active, .devblog .devblog-post .battlelog-wordpress .dialog a:not(.btn):active {
    color: #808080; }
.dialog .popup-reportabuse-show-type {
  margin-bottom: 10px; }
  .dialog .popup-reportabuse-show-type select {
    cursor: pointer; }
  .dialog .popup-reportabuse-show-type .popup-reportabuse-text {
    margin-right: 6px;
    font-weight: bold;
    line-height: 24px; }
.dialog .popup-gameinvite-avatar {
  float: left;
  width: 65px;
  margin-left: 5px; }
.dialog .popup-gameinvite-serverinfo-firstrow {
  color: #a8a8a8; }
.dialog .popup-gameinvite-content {
  margin-left: 82px; }
.dialog .popup-gameinvite-serverinfo-map {
  overflow: hidden; }
  .dialog .popup-gameinvite-serverinfo-map img {
    height: 100px;
    width: auto;
    display: block;
    margin-left: -95px; }
.dialog .popup-gameinvite-serverinfo-gameicon {
  display: inline-block; }
.dialog .popup-gameinvite-serverinfo-gameicon span {
  margin-bottom: -2px; }
.dialog .popup-gameinvite-servername a, .dialog .popup-gameinvite-servername .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .dialog .popup-gameinvite-servername a {
  font-size: 14px;
  padding: 3px 0;
  font-weight: bold;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap; }
.dialog .popup-party-invitetext {
  line-height: 60px; }
.dialog.popup-coop-invite .popup-gameinvite-serverinfo-map {
  float: left;
  width: 75px; }
  .dialog.popup-coop-invite .popup-gameinvite-serverinfo-map img {
    margin-left: 0;
    height: auto; }
.dialog.popup-coop-invite .popup-coop-info {
  float: left; }
.dialog.popup-bannedpersona {
  text-align: center; }
.dialog.bfh-feedback-dialog {
  width: 1020px;
  height: 90%;
  margin-left: -510px;
  background-color: #fff; }
  .dialog.bfh-feedback-dialog .dialog-body {
    background-color: #fff;
    padding: 0;
    overflow-x: auto;
    overflow-y: hidden; }
    .dialog.bfh-feedback-dialog .dialog-body .content ::-webkit-scrollbar {
      width: 7px; }
    .dialog.bfh-feedback-dialog .dialog-body .content ::-webkit-scrollbar-thumb {
      background: rgba(0, 0, 0, 0.5); }

html:not(.is-touch) body:not(.no-comcenter) #dialog-container .bfh-feedback-dialog {
  margin-left: -392px; }

#base-bf4-html .dialog.popup-coop-invite .popup-gameinvite-serverinfo-container {
  padding-top: 10px;
  padding-bottom: 6px; }

.track-item-dialog {
  width: 574px; }
  .track-item-dialog .dialog-body {
    padding-bottom: 0; }
  .track-item-dialog #selected-track-item {
    background-color: #fff;
    color: #000;
    width: 180px;
    height: 150px; }
  .track-item-dialog .suggestion-box {
    width: 180px;
    height: 150px;
    float: left;
    position: relative;
    overflow: hidden;
    background-color: #202026;
    text-align: center; }
    .track-item-dialog .suggestion-box:hover {
      background-color: #26262d; }
    .track-item-dialog .suggestion-box:first-child {
      margin-right: 1px; }
    .track-item-dialog .suggestion-box:last-child {
      margin-left: 1px; }
    .track-item-dialog .suggestion-box.active {
      background-color: rgba(255, 255, 255, 0.1); }
      .track-item-dialog .suggestion-box.active .current {
        display: none; }
    .track-item-dialog .suggestion-box strong {
      position: absolute;
      top: 10px;
      left: 15px;
      padding-right: 15px; }
    .track-item-dialog .suggestion-box .image {
      margin: 40px auto 0; }
    .track-item-dialog .suggestion-box .progress-bar {
      position: absolute;
      bottom: 0;
      margin-bottom: 0;
      width: 100%; }
    .track-item-dialog .suggestion-box .green-check-small {
      background-image: url(../battledash/images/icons/green-check-small.png);
      width: 12px;
      height: 12px;
      position: absolute;
      right: 3px;
      bottom: 10px; }

#gamenotstarting-resolve-origin {
  list-style-type: circle;
  margin-bottom: 24px;
  margin-left: 24px;
  margin-top: 8px; }

.share-br-dialog {
  width: 680px; }
  .share-br-dialog .avatar {
    float: left; }
  .share-br-dialog .content-container {
    float: left;
    width: 548px;
    margin-left: 15px; }
  .share-br-dialog .share-comment {
    margin-bottom: 8px; }
    .share-br-dialog .share-comment textarea, .share-br-dialog .share-comment #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form .share-br-dialog .share-comment #profile-edit-forumsignature, .share-br-dialog .share-comment #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form .share-br-dialog .share-comment #profile-edit-presentation, .share-br-dialog .share-comment .forum-start-container .common-replyform-form-body, .forum-start-container .share-br-dialog .share-comment .common-replyform-form-body {
      font-family: Arial, sans-serif;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 548px;
      height: 75px; }
  .share-br-dialog footer .facebook-sharing {
    float: left;
    margin-left: 75px;
    position: relative;
    padding-left: 22px; }
    .share-br-dialog footer .facebook-sharing i.fb-icon {
      position: absolute;
      top: 3px;
      left: 0px;
      background: url(../base/shared/icon-fb-share.png);
      background-size: 100%;
      width: 11px;
      height: 11px; }
    .share-br-dialog footer .facebook-sharing a, .share-br-dialog footer .facebook-sharing .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .share-br-dialog footer .facebook-sharing a {
      text-decoration: none;
      margin-right: 8px; }
    .share-br-dialog footer .facebook-sharing .switch {
      margin-top: 0;
      margin-bottom: 0;
      position: relative;
      top: 0px; }
  .share-br-dialog footer .btn-container {
    float: right;
    margin-right: 25px; }

.feed-story-body p.feed-br-share-text {
  padding: 4px 0; }

.dialog-share-content {
  background-color: #303030; }

a.feed-item-anchor-battlereport:hover, .devblog .devblog-post .battlelog-wordpress a.feed-item-anchor-battlereport:hover {
  text-decoration: none !important; }

.battlefeed .list .battlereport-feed-item, .battlereport-feed-item {
  width: 548px;
  margin: 10px 0 3px 0; }
  .battlefeed .list .battlereport-feed-item header, .battlereport-feed-item header {
    margin: 0 !important;
    padding: 0 !important;
    height: 163px; }
  .battlefeed .list .battlereport-feed-item .prize .box-content, .battlereport-feed-item .prize .box-content {
    padding: 8px; }
  .battlefeed .list .battlereport-feed-item .info-list li, .battlereport-feed-item .info-list li {
    display: inline-block;
    width: 106px;
    float: left;
    background-color: rgba(0, 0, 0, 0.5);
    margin: 1px 0 0 1px;
    text-align: center;
    overflow: hidden;
    color: #fff; }
    .battlefeed .list .battlereport-feed-item .info-list li h5, .battlereport-feed-item .info-list li h5 {
      font-size: 14px;
      line-height: 14px;
      margin: 10px auto 0;
      padding: 0; }
    .battlefeed .list .battlereport-feed-item .info-list li strong, .battlereport-feed-item .info-list li strong {
      font-size: 24px;
      font-weight: bold;
      line-height: 36px; }
    .battlefeed .list .battlereport-feed-item .info-list li.small, .battlereport-feed-item .info-list li.small {
      height: 65px; }
    .battlefeed .list .battlereport-feed-item .info-list li.medium, .battlereport-feed-item .info-list li.medium {
      position: relative;
      height: 85px;
      width: 213px; }
      .battlefeed .list .battlereport-feed-item .info-list li.medium h5, .battlereport-feed-item .info-list li.medium h5 {
        margin: 0 auto 4px;
        padding: 5px 0 3px;
        background-color: #000; }
      .battlefeed .list .battlereport-feed-item .info-list li.medium .na, .battlereport-feed-item .info-list li.medium .na {
        margin-top: 20px;
        color: #666;
        display: block; }
      .battlefeed .list .battlereport-feed-item .info-list li.medium .kit-icon, .battlereport-feed-item .info-list li.medium .kit-icon {
        margin-top: 10px; }
    .battlefeed .list .battlereport-feed-item .info-list li.large, .battlereport-feed-item .info-list li.large {
      width: 120px;
      height: 151px;
      margin-left: 0; }
      .battlefeed .list .battlereport-feed-item .info-list li.large .team-position, .battlereport-feed-item .info-list li.large .team-position {
        display: block;
        font-size: 38px;
        line-height: 40px;
        margin: 15px auto 32px; }

.popup-feedback-container {
  max-height: 320px; }
  .popup-feedback-container .hidden {
    display: none; }
  .popup-feedback-container .feedback-manual {
    margin-bottom: 16px; }
    .popup-feedback-container .feedback-manual p {
      font-size: 12px;
      font-weight: bold;
      margin-bottom: 10px; }
  .popup-feedback-container .feedback-manual-download {
    border: 1px solid rgba(255, 255, 255, 0.15);
    padding: 6px;
    text-decoration: none !important;
    margin-right: 6px;
    margin-top: 6px; }

.dialog-battlescreen {
  width: 800px; }
  .is-app .dialog-battlescreen {
    margin-left: -400px; }
  .dialog-battlescreen h6 {
    color: #a8a8a8;
    line-height: 24px; }
  .dialog-battlescreen .apps {
    color: #a8a8a8; }
    .dialog-battlescreen .apps a + a, .dialog-battlescreen .apps a + .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .dialog-battlescreen .apps a + a, .dialog-battlescreen .apps a + .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .dialog-battlescreen .apps a + a {
      margin-left: 5px; }
  .dialog-battlescreen .info {
    width: 310px;
    padding: 20px 0 0 20px; }
  .dialog-battlescreen .smartglass {
    margin-bottom: 5px; }
  .dialog-battlescreen p {
    text-transform: uppercase;
    font-weight: bold;
    padding: 2px 0 4px;
    font-size: 11px; }

.dialog .popup-gameinvite-serverinfo .popup-gameinvite-serverinfo-firstrow {
  color: #2a3b44; }

.dialog-loadout-confirm-purchase {
  width: 460px;
  text-align: center; }
  .dialog-loadout-confirm-purchase .item-img {
    display: inline-block; }
  .dialog-loadout-confirm-purchase footer .btn-container .btn {
    display: block;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    min-width: 180px; }
    .dialog-loadout-confirm-purchase footer .btn-container .btn:first-child {
      margin-top: 0; }
  .dialog-loadout-confirm-purchase .name {
    font-size: 25px;
    font-family: "Frutiger", sans-serif;
    font-weight: normal; }
  .dialog-loadout-confirm-purchase .price {
    font-size: 22px;
    color: #41b747;
    font-weight: bold; }
  .dialog-loadout-confirm-purchase .buy-actions {
    margin-top: 16px; }
    .dialog-loadout-confirm-purchase .buy-actions .voucher-header {
      margin: 16px 0 2px;
      text-align: left;
      font-size: 13px;
      text-transform: uppercase;
      font-family: "Frutiger", sans-serif;
      font-weight: normal; }

.dialog-share-content {
  background: none; }

.battlefeed .list .battlereport-feed-item header, .battlereport-feed-item header {
  color: #fff; }
.battlefeed .list .battlereport-feed-item .info-list li, .battlereport-feed-item .info-list li {
  background: rgba(255, 255, 255, 0.65);
  color: #2a3b44; }
  .battlefeed .list .battlereport-feed-item .info-list li.medium h5, .battlereport-feed-item .info-list li.medium h5 {
    background: #282d33;
    color: #d5dde5; }
  .battlefeed .list .battlereport-feed-item .info-list li.medium .na, .battlereport-feed-item .info-list li.medium .na {
    color: #666; }

.dialog-bfhnps {
  width: 800px; }
  .dialog-bfhnps h5 {
    text-transform: initial; }
  .dialog-bfhnps .radios {
    margin: 60px 0; }
  .dialog-bfhnps label {
    display: inline-block;
    position: relative;
    width: 67px;
    height: 59px;
    text-align: center;
    font-size: 19px; }
    .dialog-bfhnps label input {
      -webkit-transform: scale(3);
      transform: scale(3);
      margin-left: 2px;
      border-radius: 5px; }
      .dialog-bfhnps label input:checked:after {
        border-radius: 5px; }
    .dialog-bfhnps label strong {
      position: absolute;
      bottom: 0px;
      left: 0;
      right: 0; }
  .dialog-bfhnps p {
    margin: 0 20px 8px;
    font-size: 19px; }
  .dialog-bfhnps i.arrow:before {
    content: "←";
    font-size: 89px;
    line-height: 47px;
    bottom: -7px;
    position: relative;
    display: inline-block;
    width: 36px;
    margin-right: 5px;
    overflow: hidden; }
  .dialog-bfhnps i.arrow.right-arrow:before {
    content: "→";
    text-indent: -50px;
    margin-right: 0;
    margin-left: 5px; }
  .dialog-bfhnps .step-2 {
    display: none;
    text-align: center;
    margin: 116px 0; }

.dialog-feedback {
  width: 560px;
  font-family: "Frutiger", sans-serif;
  font-weight: normal; }
  .dialog-feedback .sprite {
    display: inline-block;
    background: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/dialog/dialog-feedback-55492d1e.png) no-repeat top left;
    background-position: center center;
    width: 82px; }
    .dialog-feedback .sprite.ea {
      background-position: 0 0;
      width: 57px;
      height: 58px;
      vertical-align: middle;
      margin-top: -5px; }
    .dialog-feedback .sprite.accounts {
      background-position: 0 -68px;
      height: 67px; }
    .dialog-feedback .sprite.troubleshooting {
      background-position: -1px -145px;
      height: 67px; }
    .dialog-feedback .sprite.connectivity {
      background-position: 0 -218px;
      width: 81px;
      height: 67px; }
    .dialog-feedback .sprite.battlelog {
      background-position: 0 -285px;
      width: 49px;
      height: 42px;
      vertical-align: middle;
      margin-top: -5px;
      margin-right: 8px; }
    .dialog-feedback .sprite.help-ea-com {
      background-position: 0 -337px;
      width: 55px;
      height: 32px; }
    .dialog-feedback .sprite.answer-hq {
      background-position: 0 -379px;
      width: 52px;
      height: 45px; }
  .dialog-feedback h1 {
    text-transform: initial;
    line-height: 55px;
    margin-bottom: 16px; }
  .dialog-feedback h2 {
    text-transform: initial;
    line-height: 55px;
    margin: 16px 0;
    font-size: 26px !important; }
  .dialog-feedback .boxes a, .dialog-feedback .boxes .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .dialog-feedback .boxes a, .dialog-feedback .buttons a, .dialog-feedback .buttons .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .dialog-feedback .buttons a {
    position: relative;
    text-decoration: none !important; }
    .dialog-feedback .boxes a:hover, .dialog-feedback .boxes .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress .dialog-feedback .boxes a:hover, .dialog-feedback .buttons a:hover, .dialog-feedback .buttons .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress .dialog-feedback .buttons a:hover {
      color: #fff; }
      .dialog-feedback .boxes a:hover:after, .dialog-feedback .boxes .devblog .devblog-post .battlelog-wordpress a:hover:after, .devblog .devblog-post .battlelog-wordpress .dialog-feedback .boxes a:hover:after, .dialog-feedback .buttons a:hover:after, .dialog-feedback .buttons .devblog .devblog-post .battlelog-wordpress a:hover:after, .devblog .devblog-post .battlelog-wordpress .dialog-feedback .buttons a:hover:after {
        opacity: 1; }
    .dialog-feedback .boxes a:after, .dialog-feedback .boxes .devblog .devblog-post .battlelog-wordpress a:after, .devblog .devblog-post .battlelog-wordpress .dialog-feedback .boxes a:after, .dialog-feedback .buttons a:after, .dialog-feedback .buttons .devblog .devblog-post .battlelog-wordpress a:after, .devblog .devblog-post .battlelog-wordpress .dialog-feedback .buttons a:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(255, 255, 255, 0.2);
      opacity: 0;
      -webkit-transition: 0.1s opacity ease-out;
      transition: 0.1s opacity ease-out; }
  .dialog-feedback .boxes a, .dialog-feedback .boxes .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .dialog-feedback .boxes a {
    display: block;
    padding: 16px;
    width: calc(33% - 37px);
    margin-right: 10px;
    float: left;
    min-height: 132px;
    text-align: center;
    color: #fff; }
    .dialog-feedback .boxes a i, .dialog-feedback .boxes a .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .dialog-feedback .boxes a a {
      margin: 8px; }
    .dialog-feedback .boxes a h3, .dialog-feedback .boxes a .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .dialog-feedback .boxes a a {
      text-align: left;
      color: #fff;
      text-transform: initial;
      font-size: 18px;
      line-height: 22px;
      margin: 0;
      -webkit-margin-after: 0; }
    .dialog-feedback .boxes a:nth-child(1), .dialog-feedback .boxes .devblog .devblog-post .battlelog-wordpress a:nth-child(1), .devblog .devblog-post .battlelog-wordpress .dialog-feedback .boxes a:nth-child(1) {
      background-color: #2a3b44; }
    .dialog-feedback .boxes a:nth-child(2), .dialog-feedback .boxes .devblog .devblog-post .battlelog-wordpress a:nth-child(2), .devblog .devblog-post .battlelog-wordpress .dialog-feedback .boxes a:nth-child(2) {
      background-color: #623f35; }
    .dialog-feedback .boxes a:nth-child(3), .dialog-feedback .boxes .devblog .devblog-post .battlelog-wordpress a:nth-child(3), .devblog .devblog-post .battlelog-wordpress .dialog-feedback .boxes a:nth-child(3) {
      background-color: #325b5a;
      margin-right: 0; }
  .dialog-feedback .buttons a, .dialog-feedback .buttons .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .dialog-feedback .buttons a, .dialog-feedback .more-help a, .dialog-feedback .more-help .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .dialog-feedback .more-help a {
    display: block;
    float: left; }
  .dialog-feedback .buttons a, .dialog-feedback .buttons .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .dialog-feedback .buttons a {
    margin-bottom: 10px;
    color: #fff;
    background-color: #2a3b44;
    font-size: 15px;
    padding: 8px 16px; }
    .dialog-feedback .buttons a.half, .dialog-feedback .buttons .devblog .devblog-post .battlelog-wordpress a.half, .devblog .devblog-post .battlelog-wordpress .dialog-feedback .buttons a.half {
      width: calc(50% - 37px);
      margin-right: 10px; }
      .dialog-feedback .buttons a.half:nth-child(even), .dialog-feedback .buttons .devblog .devblog-post .battlelog-wordpress a.half:nth-child(even), .devblog .devblog-post .battlelog-wordpress .dialog-feedback .buttons a.half:nth-child(even) {
        margin-right: 0; }
    .dialog-feedback .buttons a.full, .dialog-feedback .buttons .devblog .devblog-post .battlelog-wordpress a.full, .devblog .devblog-post .battlelog-wordpress .dialog-feedback .buttons a.full {
      width: calc(100% - 32px); }
  .dialog-feedback .more-help a, .dialog-feedback .more-help .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .dialog-feedback .more-help a {
    width: calc(50% - 10px);
    text-decoration: none !important;
    margin-right: 10px; }
    .dialog-feedback .more-help a:nth-child(even), .dialog-feedback .more-help .devblog .devblog-post .battlelog-wordpress a:nth-child(even), .devblog .devblog-post .battlelog-wordpress .dialog-feedback .more-help a:nth-child(even) {
      margin-right: 0; }
  .dialog-feedback .more-help i {
    margin-right: 16px; }
    .dialog-feedback .more-help i.help-ea-com {
      margin-top: 5px; }
    .dialog-feedback .more-help i.answer-hq {
      margin-top: 2px; }

.pagination-paginationbutton {
  margin-right: 5px;
  float: left;
  text-decoration: none;
  background-color: #efefef;
  border-bottom: 1px solid #fff; }

.pagination-paginationbutton:hover {
  text-decoration: none;
  background-color: #f9f9f9; }

.pagination-paginationbutton-border {
  border: 1px solid #d5d5d5; }

.pagination-paginationbutton-inner {
  font-size: 12px;
  text-align: center;
  display: block;
  height: 22px;
  line-height: 22px;
  padding: 1px 7px 0;
  font-weight: normal;
  box-shadow: inset 0 1px 0 #fff; }

.pagination-paginationbutton-extra {
  display: none;
  background: url(../forum/pagination-icons.png) no-repeat;
  width: 8px;
  height: 9px;
  top: 6px;
  position: relative; }

.pagination-paginationbutton.pagination-type-dots .pagination-paginationbutton-extra {
  display: block;
  height: 3px;
  background-position: 0 -38px;
  top: 12px; }

.pagination-paginationbutton.pagination-type-next .pagination-paginationbutton-extra {
  display: block;
  background-position: 0 0; }

.pagination-paginationbutton.pagination-type-next-disabled .pagination-paginationbutton-extra {
  display: block;
  background-position: 0 -9px; }

.pagination-paginationbutton.pagination-type-prev .pagination-paginationbutton-extra {
  display: block;
  background-position: 0 -19px; }

.pagination-paginationbutton.pagination-type-prev-disabled .pagination-paginationbutton-extra {
  display: block;
  background-position: 0 -28px; }

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

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

.pagination-paginationbutton.pagination-type-on {
  background-color: #dcdcdc; }

.pagination-paginationbutton.pagination-type-on:hover {
  cursor: default; }

.pagination-paginationbutton.pagination-type-on .pagination-paginationbutton-border {
  border: none;
  border-top: 1px solid #cacaca; }

.pagination-paginationbutton.pagination-type-on .pagination-paginationbutton-inner {
  box-shadow: inset 0 1px 0 #d5d5d5, inset 0 -1px 0 #d5d5d5;
  font-weight: bold;
  color: #353535;
  padding-bottom: 1px; }

.pagination-paginationbutton.pagination-type-next-disabled, .pagination-paginationbutton.pagination-type-prev-disabled {
  background-color: #f0f0f0;
  color: #dcdcdc; }

.pagination-paginationbutton.pagination-type-next-disabled .pagination-paginationbutton-border, .pagination-paginationbutton.pagination-type-prev-disabled .pagination-paginationbutton-border {
  border: 1px solid #e8e8e8; }

.pagination-paginationbutton.pagination-type-next, .pagination-paginationbutton.pagination-type-next-disabled {
  margin-right: 0; }

.pagination-paginationbutton.pagination-type-dots, .pagination-paginationbutton.pagination-type-dots .pagination-paginationbutton-border, .pagination-paginationbutton.pagination-type-dots .pagination-paginationbutton-inner, .pagination-paginationbutton.pagination-type-dots:hover, .pagination-paginationbutton.pagination-type-dots:hover .pagination-paginationbutton-border, .pagination-paginationbutton.pagination-type-dots:hover .pagination-paginationbutton-inner {
  background: none;
  border: none;
  cursor: default;
  height: auto; }

.pagination-paginationbutton.pagination-type-dots .pagination-paginationbutton-inner {
  padding: 0 2px; }

/* ########################## extra ########################## **/
#leaderboard-result .pagination-paginationbutton {
  margin-top: 0; }

.pagination-paginationbutton {
  background: none;
  border: none;
  margin-right: 1px; }
  .pagination-paginationbutton:hover {
    background: none; }
    .pagination-paginationbutton:hover .pagination-paginationbutton-border {
      border-color: #fff; }
    .pagination-paginationbutton:hover .pagination-paginationbutton-inner {
      color: #fff; }
  .pagination-paginationbutton.pagination-type-dots {
    margin: 0 5px; }
    .pagination-paginationbutton.pagination-type-dots .pagination-paginationbutton-extra {
      top: 11px; }

.pagination-paginationbutton-border {
  border: none;
  background-color: rgba(255, 255, 255, 0.65); }

.pagination-paginationbutton-inner {
  box-shadow: none;
  color: #2a3b44; }

.pagination-paginationbutton.pagination-type-on {
  background: none; }

.pagination-paginationbutton.pagination-type-on .pagination-paginationbutton-border {
  border: none; }

.pagination-paginationbutton.pagination-type-on .pagination-paginationbutton-inner {
  padding-bottom: 0;
  font-weight: normal;
  background-color: #fff; }

.pagination-paginationbutton.pagination-type-next-disabled, .pagination-paginationbutton.pagination-type-prev-disabled {
  background-color: transparent;
  color: #a8a8a8; }

.pagination-paginationbutton.pagination-type-next-disabled .pagination-paginationbutton-border, .pagination-paginationbutton.pagination-type-prev-disabled .pagination-paginationbutton-border {
  border: none; }

.pagination-paginationbutton.pagination-type-next .pagination-paginationbutton-extra, .pagination-paginationbutton.pagination-type-prev .pagination-paginationbutton-extra {
  height: 10px;
  opacity: 0.8; }

.pagination-paginationbutton.pagination-type-next:hover .pagination-paginationbutton-extra, .pagination-paginationbutton.pagination-type-prev:hover .pagination-paginationbutton-extra {
  opacity: 1; }

.pagination-paginationbutton.pagination-type-next-disabled .pagination-paginationbutton-extra, .pagination-paginationbutton.pagination-type-prev-disabled .pagination-paginationbutton-extra {
  height: 10px;
  opacity: 0.3; }

.pagination-paginationbutton.pagination-type-next .pagination-paginationbutton-extra {
  background-position: 0 -9px; }

.pagination-paginationbutton.pagination-type-prev .pagination-paginationbutton-extra {
  background-position: 0 -28px; }

.battlefeed .loading {
  text-align: center; }
.battlefeed .update {
  padding: 16px;
  border-bottom: 1px solid transparent; }
.battlefeed .feeditems .base-item-ribbon-small {
  background: "/profile/bf3/stats/ribbons/ribbons-sprite.png"; }
.battlefeed .feeditems .awards .awardcontainer {
  border: 1px solid #8a8a8a;
  padding: 10px; }
.battlefeed .list .item {
  position: relative;
  font-size: 14px;
  padding-left: 68px;
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  line-height: 16px; }
  .battlefeed .list .item .avatar {
    position: absolute;
    left: 0px; }
  .battlefeed .list .item + .item {
    border-top: 1px solid transparent; }
  .battlefeed .list .item:first-child {
    padding-top: 0px; }
  .battlefeed .list .item:last-child {
    padding-bottom: 32px; }
  .battlefeed .list .item span {
    line-height: 16px;
    margin-bottom: 2px; }
  .battlefeed .list .item header {
    margin-bottom: 10px; }
    .battlefeed .list .item header .username {
      font-weight: bold; }
    .battlefeed .list .item header .hooah {
      float: right; }
  .battlefeed .list .item footer {
    text-transform: none; }
.battlefeed #profile-status-message #profile-edit-status-button {
  display: none; }
.battlefeed #profile-status-message #feed-addlinkwithpreviewarea {
  display: none;
  margin-bottom: 8px; }
.battlefeed #profile-status-message .feed-actions {
  float: right;
  text-align: right; }
.battlefeed .feed-comment-form, .battlefeed .feed-comment-text-not-clicked, .battlefeed .feed-comment-text-clicked {
  font-size: 12px; }
.battlefeed .feed-comment-form, .battlefeed .feed-comment-text-not-clicked {
  color: #34454f; }

/* feed component CSS resource */
#feed-container {
  margin-top: 1px; }
  #feed-container .feed-friends .box-content {
    text-align: center; }
    #feed-container .feed-friends .box-content h2 {
      font-size: 20px; }
    #feed-container .feed-friends .box-content h3 {
      font-size: 16px; }
    #feed-container .feed-friends .box-content li {
      margin-bottom: 4px; }
  #feed-container .feed-statstransferlink {
    display: inline-block; }
    #feed-container .feed-statstransferlink:hover {
      text-decoration: none; }
  #feed-container .feed-statstransfer {
    margin-top: 8px;
    margin-bottom: 8px;
    background: rgba(0, 0, 0, 0.5);
    width: 310px;
    height: 54px;
    cursor: pointer; }
    #feed-container .feed-statstransfer:hover {
      background: rgba(0, 0, 0, 0.7); }
    #feed-container .feed-statstransfer .stats {
      font-family: Purista, sans-serif;
      font-style: normal;
      font-weight: 400;
      display: inline-block;
      width: 140px;
      text-align: center;
      font-size: 26px;
      margin-top: 18px; }
      #feed-container .feed-statstransfer .stats.grey {
        color: #ccc; }
      #feed-container .feed-statstransfer .stats.arrow {
        width: 9px;
        height: 18px;
        background: url(../feed/arrow_thin_white.png); }
  #feed-container.feed-show-item {
    margin-top: 0; }
  #feed-container .feed-story-creationDate a, #feed-container .feed-story-creationDate .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #feed-container .feed-story-creationDate a {
    color: #8A8A8A; }
  #feed-container .feed-story-playingas a, #feed-container .feed-story-playingas .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #feed-container .feed-story-playingas a {
    font-size: 11px;
    font-weight: normal; }
  #feed-container .base-profile-link {
    font-weight: bold; }

#feed-single-event-container {
  padding-top: 10px;
  padding-bottom: 10px; }
  #feed-single-event-container .feed-single-item {
    border: 0; }

.feed-single-item {
  clear: both;
  font-size: 12px;
  padding: 10px 0 10px 0;
  position: relative; }

.feed-show-item {
  width: 654px;
  min-height: 200px; }
  .feed-show-item .base-big-title {
    margin-bottom: 16px; }

.feed-showlikes-popup .common-popup-content-container {
  width: 495px;
  max-height: 350px;
  overflow: hidden; }

.feed-showlikes-useritem {
  position: relative;
  clear: both;
  padding: 5px; }
  .feed-showlikes-useritem:hover {
    background: rgba(255, 255, 255, 0.1); }
  .feed-showlikes-useritem div.base-avatar-container {
    display: inline-block; }
  .feed-showlikes-useritem a.base-profile-link, .feed-showlikes-useritem .devblog .devblog-post .battlelog-wordpress a.base-profile-link, .devblog .devblog-post .battlelog-wordpress .feed-showlikes-useritem a.base-profile-link {
    display: inline-block;
    position: relative;
    margin-left: 5px; }
  .feed-showlikes-useritem button {
    float: right;
    right: 5px;
    top: 5px;
    position: relative; }

.feed-events:last-child, .feed-single-item:last-child {
  border-bottom: none; }

.feed-events.feed-no-border {
  border-top: none; }

.menu-item {
  padding: 10px 0;
  padding-bottom: 5px;
  border-bottom: 1px solid #efefee; }

.feed-post-to {
  margin-left: 3px;
  font-size: 14px; }

.menu-item.active {
  border: 0px; }

.feed-show {
  display: block; }

.feed-bundle-likes, .feed-story-likes {
  margin-left: 45px;
  font-size: 11px;
  font-family: Arial, sans-serif;
  background: transparent;
  background: rgba(0, 0, 0, 0.2); }

.feed-story-comments {
  margin-left: 45px;
  font-size: 11px;
  font-family: Arial, sans-serif; }
  .feed-story-comments.feed-show {
    margin-top: 5px; }

.feed-item-likes a, .feed-item-likes .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .feed-item-likes a {
  font-size: 11px; }

.feed-item-likescontainer {
  margin-left: 45px; }

.feed-story {
  font-size: 12px;
  font-family: Arial, sans-serif; }

.feed-comment-text-not-clicked {
  font-family: Arial, sans-serif;
  font-style: italic;
  height: 22px;
  line-height: 22px;
  width: 530px;
  max-width: 530px; }

.feed-comment-textarea {
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
  transition: height 0.2s; }

.feed-comment-text-clicked {
  font-family: Arial, sans-serif;
  height: 28px;
  padding: 6px 8px;
  width: 530px;
  max-width: 530px; }

.feed-bundle-likes, .feed-story-likes, .feed-story-comments {
  clear: both;
  width: 390px;
  line-height: 18px; }

.feed-sub-events .feed-single-item {
  margin: 5px 0; }

.feed-bundle-likes {
  margin-top: 4px;
  margin-left: 42px;
  font-size: 11px; }

.feed-story-likes {
  margin-left: 0;
  margin-top: 5px;
  padding: 4px 5px 4px; }

.feed-story-comments {
  border: 0;
  padding: 0;
  width: 402px; }

.feed-events a, .feed-events .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .feed-events a, .feed-story a, .feed-story .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .feed-story a, .feed-story-likes a, .feed-story-likes .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .feed-story-likes a, .feed-story-comments a, .feed-story-comments .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .feed-story-comments a {
  text-decoration: none; }

.feed-events a:hover, .feed-events .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress .feed-events a:hover, .feed-story a:hover, .feed-story .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress .feed-story a:hover, .feed-story-likes a:hover, .feed-story-likes .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress .feed-story-likes a:hover, .feed-story-comments a:hover, .feed-story-comments .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress .feed-story-comments a:hover {
  text-decoration: underline; }

.feed-avatar-container {
  margin-right: 10px;
  float: left;
  position: relative; }

.feed-story-content {
  overflow: hidden;
  line-height: 18px; }

.feed-story-creationDate, .feed-story-playingas {
  color: #aaa;
  font-size: 11px; }

.feed-story-heading {
  color: #8A8A8A;
  line-height: 18px;
  word-wrap: break-word; }

.feed-story-body {
  color: #fff;
  line-height: 18px;
  word-wrap: break-word; }
  .feed-story-body p {
    padding-left: 46px;
    word-wrap: break-word; }

.feed-story-heading .feed-info-title {
  font-size: 12px;
  color: #d5dde5;
  font-weight: bold; }

#feed-container .feed-story-heading .feed-info-title a, #feed-container .feed-story-heading .feed-info-title .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #feed-container .feed-story-heading .feed-info-title a, #feed-container .feed-story-body .feed-info-title a, #feed-container .feed-story-body .feed-info-title .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #feed-container .feed-story-body .feed-info-title a {
  font-weight: bold; }

.feed-story-heading .feed-info-description {
  font-size: 11px;
  color: #8A8A8A; }
  .feed-story-heading .feed-info-description.limit {
    width: 400px; }
  .feed-story-heading .feed-info-description ul {
    list-style: disc;
    margin-left: 15px; }

.wallpost-body {
  width: 410px;
  color: #000;
  word-wrap: break-word; }

#main-loggedin-feed .wallpost-body {
  width: 552px; }

.feed-story-created-content {
  color: #353535; }

#feed-container {
  position: relative; }
  #feed-container .feed-unavailable {
    padding: 24px 0;
    font-size: 12px;
    font-style: italic; }

#feed-filter-content .feed-view-more-events {
  width: 991px;
  bottom: -14px;
  left: 1px; }

.feed-view-more-events {
  text-align: center;
  height: 26px;
  line-height: 26px;
  bottom: 0;
  left: -15px;
  margin-top: 16px; }

.feed-view-more-events-button {
  width: 602px;
  color: #308DBF; }

.feed-story-friend-icon {
  position: relative;
  top: 4px;
  padding-right: 5px; }

.feed-story-small-icon {
  display: inline-block; }
  .feed-story-small-icon img {
    vertical-align: middle;
    margin-right: 2px; }

.feed-story-small-likeicon {
  vertical-align: middle; }

.feed-story-infoarea-separator {
  position: relative;
  top: 1px;
  display: inline-block;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 11px;
  color: #a8a8a8; }

.feed-story-area-game {
  position: relative;
  top: 4px;
  line-height: 24px; }

.feed-story-content, .feed-events {
  font-size: 14px; }

.feed-story-area {
  display: inline-block; }

.feed-sub-events {
  margin-left: 16px;
  margin-top: 10px; }

.feed-comment-body {
  font-size: 11px;
  line-height: 18px;
  position: relative;
  margin-left: 40px;
  word-wrap: break-word; }
  .feed-comment-body a, .feed-comment-body .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .feed-comment-body a {
    font-size: 11px; }

.feed-comments-item {
  position: relative;
  clear: both;
  background: rgba(0, 0, 0, 0.05);
  margin-top: 1px;
  padding: 5px; }

.feed-comment-form {
  clear: both;
  overflow: hidden;
  margin-top: 1px;
  line-height: 0; }

.feed-comments-item .feed-avatar-container {
  margin-right: 5px; }

.feed-comment-submit-button-area {
  float: right;
  margin-right: 0px;
  margin-top: 8px;
  display: none; }

.feed-story-infoarea {
  clear: both; }
  .feed-story-infoarea a, .feed-story-infoarea .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .feed-story-infoarea a {
    font-size: 11px; }

.feed-nothing-happening {
  position: relative;
  width: 100%;
  line-height: 18px; }
  .feed-nothing-happening p {
    font-size: 12px;
    color: #525252;
    padding: 10px 0; }
    .feed-nothing-happening p.feed-nothing-happening-empty {
      text-align: center;
      color: #8a8a8a;
      font-style: italic;
      padding-top: 13px;
      font-size: 12px;
      line-height: 15px;
      padding-bottom: 0; }
  .feed-nothing-happening ul {
    list-style-type: square;
    list-style-position: inside;
    text-indent: 16px;
    color: #353535;
    color: #353535;
    font-size: 12px; }
    .feed-nothing-happening ul li {
      padding-bottom: 3px; }

.feed-livefeed-item {
  border-bottom: 1px solid #F0F0EF; }

.feed-livefeed-avatar {
  float: left;
  padding: 9px 10px 9px 0px; }

.feed-livefeed-content {
  float: left;
  font-size: 12px; }

.feed-livefeed-text {
  float: none;
  padding-top: 13px;
  color: #2F3030; }

.feed-livefeed-ago {
  float: none;
  padding-top: 5px;
  color: #8a8a8a;
  font-size: 11px; }

.battlefeed .list .item:not(:hover) .feed-story-area-comment-and-like {
  display: inline-block; }

.feed-unlike-item a, .feed-unlike-item .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .feed-unlike-item a {
  color: #8A8A8A;
  font-size: 11px;
  position: relative;
  padding-right: 13px;
  cursor: pointer;
  display: inline-block; }

.feed-story-content .feed-unlike-item a span.icon, .feed-story-content .feed-unlike-item a .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .feed-story-content .feed-unlike-item a a {
  background: url(../base/shared/row_icon_chat.png) right -26px no-repeat;
  width: 13px;
  height: 13px;
  display: inline-block; }

.feed-award-image {
  float: left;
  margin-right: 6px;
  margin-bottom: 10px; }
  .feed-award-image .common-selected-server-mapimage {
    position: relative; }

.feed-gameaccess .common-selected-feed-image {
  display: table-cell;
  vertical-align: top;
  border: none; }
  .feed-gameaccess .common-selected-feed-image.feed-image-premium img {
    background: black;
    padding: 10px; }

.feed-award-info {
  font-size: 11px;
  display: table-cell;
  vertical-align: top;
  padding-left: 10px; }

.feed-gamereport-info {
  font-size: 11px;
  float: left;
  padding-bottom: 10px; }

.feed-addedfavserver-gameicon {
  display: inline-block;
  width: 30px;
  height: 10px; }

.feed-addedfavserver-and {
  font-size: 12px;
  margin-right: 3px; }

.feed-bundle:hover .feed-story-delete, .feed-single-item:hover .feed-story-delete {
  background: url(../base/shared/row_icon_chat_light.png) 0 -26px;
  width: 13px;
  height: 13px;
  position: relative;
  float: right;
  cursor: pointer; }

.feed-bundle:hover .feed-story-delete:hover, .feed-single-item:hover .feed-story-delete:hover {
  background-position: 0 -39px; }

.feed-media-preview-remove {
  background: url(../base/shared/row_icon_chat_light.png) 0 -26px;
  width: 13px;
  height: 13px;
  position: relative;
  float: right;
  cursor: pointer; }

/*
#feed-addlinkwithpreviewarea {
    background: #fff;
    position: relative;
    top: -1px;
    padding: 10px;
    border: 1px solid #ABABAB;
    border-color: #E6E6E6 #ccc #ccc;
    label {
        color: #353535;
        font-size: 13px;
    }
}
*/
/*
.feed-link-preview {
    width: 626px;
    height: 25px;
    color: #353535;
    font-size: 16px;
    font-weight: normal;
    margin-top: 6px;
}
*/
.feed-media-preview-remove:hover {
  background-position: 0 -39px; }

.feed-bundle:hover #feed-optionsbutton, .feed-single-item:hover #feed-optionsbutton {
  background: url(../base/shared/row_icon_chat.png) 0 -26px;
  width: 13px;
  height: 13px;
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer; }

.feed-bundle:hover #feed-optionsbutton:hover, .feed-single-item:hover #feed-optionsbutton:hover {
  background-position: 0 -39px; }

#feed-optionsbutton-container {
  position: absolute;
  right: 0;
  top: 0;
  background: #f00; }

.feed-bundle:hover #feed-story-options, .feed-single-item:hover #feed-story-options {
  background: url(../base/shared/row_icon_chat.png) 0 -26px;
  width: 13px;
  height: 13px;
  position: relative;
  right: 5px;
  top: 5px;
  cursor: pointer; }

.feed-bundle:hover #feed-story-options:hover, .feed-single-item:hover #feed-story-options:hover {
  background-position: 0 -39px; }

#feed-optionsbutton-dropdown {
  position: absolute;
  width: 120px;
  top: 20px;
  right: 0px;
  z-index: 100;
  display: none;
  background-color: white;
  border: 1px solid #aaa;
  display: none; }
  #feed-optionsbutton-dropdown .active {
    display: block; }

.feed-story-report-container {
  visibility: hidden;
  position: relative;
  float: right;
  margin-right: 2px;
  margin-top: 5px; }
  .feed-story-report-container .common-reportbutton {
    opacity: 0.5; }
    .feed-story-report-container .common-reportbutton:hover {
      opacity: 1; }

.feed-single-item:hover .feed-item-interaction-area .feed-story-report-container, .feed-comments-item:hover .feed-story-report-container, .feed-bundle:hover .feed-story-report-container {
  visibility: visible; }

.feed-comments-show {
  padding: 5px;
  cursor: pointer;
  color: #308DBF;
  background: rgba(0, 0, 0, 0.2);
  border-bottom: 0; }
  .feed-comments-show:hover {
    text-decoration: underline; }

.feed-textlimit-counter {
  position: absolute;
  margin-top: 4px;
  color: #a8a8a8;
  font-size: 11px; }

.feed-textlimit-fillout {
  float: right;
  position: relative;
  margin-top: 19px;
  margin-right: 12px; }

.feed-view-center-loader {
  text-align: center; }

#feed-view-more-events-loading {
  display: none;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
  z-index: 20; }

.feed-comments-item:hover .feed-story-comment-delete {
  background: url(../base/shared/row_icon_chat_light.png) 0 -26px;
  width: 13px;
  height: 13px;
  position: relative;
  float: right;
  cursor: pointer;
  margin-top: 5px;
  margin-right: 5px;
  z-index: 2; }
  .feed-comments-item:hover .feed-story-comment-delete:hover {
    background-position: 0 -39px;
    z-index: 2; }

.feed-ago {
  font-size: 11px; }

.feed-item-interaction-area {
  position: absolute;
  right: 0;
  width: 40px;
  top: 4px; }

.feed-item-platoonbadge {
  margin-bottom: 6px; }

.feed-coop-level-complete-icon {
  background: url(../coop/difficulty-sprite.png) -2px 2px no-repeat;
  width: 19px;
  height: 19px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2; }

.feed-media-preview {
  position: relative;
  display: table;
  width: 100%;
  margin-top: 8px; }

#feed-media-preview-view-now-link {
  display: table-row; }

.feed-media-preview-thumb {
  display: table-cell;
  margin-left: 0px;
  margin-right: 10px;
  position: relative;
  width: 150px; }

.feed-media-preview-description {
  display: table-cell;
  padding: 0 0 0 12px;
  line-height: 18px;
  vertical-align: top; }
  .feed-media-preview-description h3 {
    font-size: 16px;
    line-height: 18px; }

.feed-media-preview-remove {
  position: absolute;
  top: 0px;
  right: 6px; }

.feed-media-preview-show-now {
  clear: both;
  position: absolute;
  top: 0px;
  left: 0px;
  width: inherit;
  height: 100%; }

.feed-media-preview-show-now-icon {
  background: url(../feed/icon-play.png) no-repeat;
  width: 34px;
  height: 34px;
  left: 50%;
  top: 50%;
  position: absolute;
  margin-left: -17px;
  margin-top: -17px; }

.feed-media-preview-show-now:hover .feed-media-preview-show-now-icon {
  background-position: 0 -34px; }

#feed-addlink-container {
  color: #8a8a8a;
  font-size: 12px;
  padding-top: 8px; }

.feed-update-status-terms {
  color: #898989;
  font-size: 11px;
  font-weight: normal;
  margin-right: 10px; }

.feed-update-status-button {
  float: right;
  margin: 10px 0;
  margin-top: 8px;
  z-index: 999;
  position: relative; }

#feed-addlinkwithpreview {
  cursor: pointer; }

.feed-addlink-container {
  font-size: 11px;
  color: #8a8a8a; }

.feed-link-preview-label {
  line-height: 24px;
  font-size: 12px; }
  .feed-link-preview-label input {
    width: 607px;
    margin-left: -1px; }

#feed-hidden-by-admin {
  color: #8A8A8A;
  display: block;
  font-size: 12px;
  padding: 30px;
  text-align: center; }

.common-reportbutton-dropdown a, .common-reportbutton-dropdown .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .common-reportbutton-dropdown a {
  font-weight: normal;
  color: #000; }

/*
.feed-like-item a {
    :hover {
        text-decoration: underline;
    }
    cursor: pointer;
}

.feed-unlike-item a {
    :hover {
        text-decoration: underline;
    }
    cursor: pointer;
}
*/
form.wallpost .wall-message-container {
  height: 32px;
  overflow: hidden; }
form.wallpost .btn-small {
  margin-left: 8px;
  box-sizing: border-box; }
form.wallpost textarea, form.wallpost #profile-edit-full-form #profile-edit-forumsignature, #profile-edit-full-form form.wallpost #profile-edit-forumsignature, form.wallpost #profile-edit-full-form #profile-edit-presentation, #profile-edit-full-form form.wallpost #profile-edit-presentation, form.wallpost .forum-start-container .common-replyform-form-body, .forum-start-container form.wallpost .common-replyform-form-body {
  overflow: hidden;
  resize: none;
  width: 100%;
  resize: none;
  height: 14px;
  line-height: 14px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  box-sizing: border-box; }

#feed-share-dialog {
  position: absolute;
  z-index: 5000;
  width: 145px;
  height: 92px;
  background-color: #f4f4f4;
  padding: 5px;
  border-radius: 5px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); }
  #feed-share-dialog .share-container {
    width: 125px;
    height: 73px;
    padding: 10px;
    background-color: #fff;
    text-align: center; }
  #feed-share-dialog .callout:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  #feed-share-dialog .callout:after {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #f4f4f4;
    border-width: 10px;
    left: 50%;
    margin-left: -10px; }
  #feed-share-dialog .close-dialog {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #f4f4f4;
    padding: 5px;
    font-size: 20px;
    line-height: 10px;
    color: #222; }
  #feed-share-dialog .share-option {
    display: inline-block;
    height: 55px;
    width: 55px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer; }
  #feed-share-dialog .share-tw {
    background-image: url(../feed/share_tw.png); }
  #feed-share-dialog .share-fb {
    background-image: url(../feed/share_fb.png); }
  #feed-share-dialog .share-link {
    font-size: 11px;
    display: block;
    position: absolute;
    top: 70px;
    width: 125px;
    box-sizing: border-box; }

.dialog.facebook-infopopup section.dialog-body {
  padding: 24px 30px 24px 30px;
  font-size: 14px; }
.dialog.facebook-infopopup h1 {
  font-size: 22px;
  line-height: 28px;
  text-align: center;
  padding-left: 70px;
  padding-right: 70px;
  padding-top: 67px;
  background: url(../facebook/icon-fb-l.png) no-repeat;
  background-position: center 0px; }
.dialog.facebook-infopopup p {
  color: #34454f;
  margin-top: 24px;
  margin-bottom: 24px; }
  .dialog.facebook-infopopup p b {
    font-weight: bold;
    color: #000; }
.dialog.facebook-infopopup ul {
  padding-left: 16px; }
  .dialog.facebook-infopopup ul li {
    list-style-type: disc;
    padding-left: 5px; }
.dialog.facebook-infopopup footer button {
  margin-left: 7px;
  margin-right: 7px; }

.dialog.facebook-friendfinder .dialog-body {
  padding: 16px;
  padding-top: 22px;
  min-height: 60px; }
  .dialog.facebook-friendfinder .dialog-body .info {
    margin-bottom: 20px; }
  .dialog.facebook-friendfinder .dialog-body .friendfinder-content {
    text-align: center; }
  .dialog.facebook-friendfinder .dialog-body button.connect {
    margin-top: 4px; }
  .dialog.facebook-friendfinder .dialog-body h4 {
    margin: 4px 0 4px 0;
    font-family: "Arial";
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    color: #000; }
  .dialog.facebook-friendfinder .dialog-body ol li {
    margin-bottom: 12px;
    padding-right: 16px; }
    .dialog.facebook-friendfinder .dialog-body ol li:hover {
      background: rgba(255, 255, 255, 0.2); }
    .dialog.facebook-friendfinder .dialog-body ol li img {
      float: left;
      margin-right: 12px; }
    .dialog.facebook-friendfinder .dialog-body ol li .user-info {
      float: left;
      text-align: left;
      margin-top: 6px; }
      .dialog.facebook-friendfinder .dialog-body ol li .user-info .username {
        display: block;
        text-decoration: inherit; }
        .dialog.facebook-friendfinder .dialog-body ol li .user-info .username:hover {
          color: #000;
          text-decoration: underline; }
      .dialog.facebook-friendfinder .dialog-body ol li .user-info .realname {
        display: block;
        color: #34454f; }
    .dialog.facebook-friendfinder .dialog-body ol li button {
      float: right;
      margin-top: 8px; }
.dialog.facebook-friendfinder footer {
  padding: 26px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: none; }
  .dialog.facebook-friendfinder footer .sharing .switch {
    margin-right: 10px; }
  .dialog.facebook-friendfinder footer button {
    margin-top: 16px; }

#comcenter-area .facebook-friendfinder, #feed-container .facebook-friendfinder {
  background: url(../facebook/icon-fb-l.png) no-repeat;
  background-position: center 80px;
  padding-top: 140px;
  margin-right: 15px;
  text-align: center;
  position: relative;
  z-index: 1; }
  #comcenter-area .facebook-friendfinder p, #feed-container .facebook-friendfinder p {
    margin-bottom: 12px;
    text-transform: none;
    font-family: Arial;
    font-size: 14px;
    line-height: 1.5em;
    color: #34454f; }
  #comcenter-area .facebook-friendfinder button, #feed-container .facebook-friendfinder button {
    cursor: pointer; }

#feed-container .facebook-friendfinder {
  background-position: center 0;
  padding-top: 55px;
  margin-bottom: 20px; }

#comcenter-area .comcenter-no-online-friends .facebook-friendfinder {
  margin-right: 0; }

.dialog.facebook-infopopup h1 {
  background-image: url(../facebook/icon-fb-l-inv.png); }

@-webkit-keyframes pulsing-icon {
  0% {
    opacity: 0.2; }

  50% {
    opacity: 1; }

  100% {
    opacity: 0.2; } }

@-moz-keyframes pulsing-icon {
  0% {
    opacity: 0.2; }

  50% {
    opacity: 1; }

  100% {
    opacity: 0.2; } }

-o-keyframes pulsing-icon 0% {
  opacity: 0.2; }
-o-keyframes pulsing-icon 50% {
  opacity: 1; }
-o-keyframes pulsing-icon 100% {
  opacity: 0.2; }

@-ms-keyframes pulsing-icon {
  0% {
    opacity: 0.2; }

  50% {
    opacity: 1; }

  100% {
    opacity: 0.2; } }

@keyframes pulsing-icon {
  0% {
    opacity: 0.2; }

  50% {
    opacity: 1; }

  100% {
    opacity: 0.2; } }

.npx-explorer-icon {
  position: absolute;
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/icons/npx-icon-f371f6ea.png);
  cursor: pointer;
  -webkit-animation: pulsing-icon 2s ease infinite both;
  -moz-animation: pulsing-icon 2s ease infinite both;
  -ms-animation: pulsing-icon 2s ease infinite both;
  -o-animation: pulsing-icon 2s ease infinite both;
  animation: pulsing-icon 2s ease infinite both;
  z-index: 100; }
  .npx-explorer-icon.fixed {
    position: fixed; }
  .npx-explorer-icon[data-feature='leaderboards'], .npx-explorer-icon[data-feature='forum'] {
    z-index: 1000; }

.base-section-menu .npx-explorer-icon, #base-header-secondary-nav .npx-explorer-icon {
  top: 30px;
  left: 50%; }

#ugm-action-buttons .npx-explorer-icon {
  top: -2px;
  left: 7px; }

.profile-stats-tab.loadout {
  position: relative; }
  .profile-stats-tab.loadout .npx-explorer-icon {
    top: 7px;
    left: 10px; }

.npx-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  -webkit-backface-visibility: hidden; }
  .npx-tooltip.success .npx-tooltip-box {
    border-color: #05d705;
    background: -webkit-radial-gradient(center, ellipse cover, #044903 0, #0b7a07 90%);
    background: -moz-radial-gradient(center, ellipse cover, #044903 0, #0b7a07 90%);
    background: radial, ellipse cover center, #044903 0, #0b7a07 90%; }
    .npx-tooltip.success .npx-tooltip-box:after {
      content: " ";
      display: block;
      width: 114px;
      height: 100%;
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -57px;
      background-image: url(../npx/check.png);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center; }
    .npx-tooltip.success .npx-tooltip-box h5, .npx-tooltip.success .npx-tooltip-box p, .npx-tooltip.success .npx-tooltip-box .close {
      opacity: 0; }
  .npx-tooltip.success .arrow {
    background-image: url(../npx/green-arrow.png); }
  .npx-tooltip.success.top .arrow {
    background-image: url(../npx/green-arrow-down.png); }
  .npx-tooltip .arrow {
    display: block;
    width: 21px;
    height: 12px;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    background-image: url(../npx/blue-arrow.png);
    background-repeat: no-repeat;
    z-index: 90; }
  .npx-tooltip.fixed {
    position: fixed; }
  .npx-tooltip.bottom .arrow {
    top: -12px; }
  .npx-tooltip.top .arrow {
    bottom: -12px;
    background-image: url(../npx/blue-arrow-down.png); }
  .npx-tooltip .npx-tooltip-box {
    -webkit-backface-visibility: hidden;
    display: block;
    top: 11px;
    position: absolute;
    z-index: 80;
    width: 220px;
    margin-left: -108px;
    background-color: #10212B;
    text-align: left;
    border-radius: 4px; }
    .npx-tooltip .npx-tooltip-box .content {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-backface-visibility: hidden;
      overflow: hidden;
      margin: 12px; }
    .npx-tooltip .npx-tooltip-box .close {
      position: absolute;
      top: 5px;
      right: 5px;
      z-index: 200;
      display: block;
      width: 11px;
      height: 11px;
      background-image: url(../npx/close.png);
      cursor: pointer; }
    .npx-tooltip .npx-tooltip-box h5 {
      font-size: 14px;
      line-height: 16px;
      margin: 0 0 4px 0;
      color: #FFF; }
    .npx-tooltip .npx-tooltip-box p {
      color: #FFF;
      font-size: 12px;
      line-height: 16px; }
    .npx-tooltip .npx-tooltip-box .swiping-glow {
      -webkit-backface-visibility: hidden;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 100;
      overflow: hidden; }
      .npx-tooltip .npx-tooltip-box .swiping-glow > div {
        content: " ";
        width: 123px;
        height: 100%;
        background-image: url(../npx/swiping-glow.png);
        background-repeat: no-repeat;
        display: block;
        position: absolute;
        top: 0;
        left: -150px;
        background-size: cover; }

@media screen and (min-width: 1261px) {
  html:not(.is-touch) body:not(.no-comcenter) .dialog.npx-console {
    width: 980px;
    margin-left: -490px; } }

.dialog.npx-console {
  min-width: 819px;
  height: 80%;
  max-height: 500px;
  width: 80%;
  margin-left: -40%;
  top: 10%; }
  .dialog.npx-console section {
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%; }
  .dialog.npx-console .dialog-body {
    padding: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%; }
  .dialog.npx-console .card {
    padding: 0;
    text-align: center;
    position: absolute;
    left: 0px;
    top: 32px;
    right: 0px;
    bottom: 0px;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Purista;
    display: none; }
    .dialog.npx-console .card .card-content {
      position: relative;
      width: 100%;
      margin: 0px auto;
      padding-top: 50px;
      height: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .dialog.npx-console .card .card-content:before, .dialog.npx-console .card .card-content:after {
        display: table;
        content: "";
        line-height: 0; }
      .dialog.npx-console .card .card-content:after {
        clear: both; }
      .dialog.npx-console .card .card-content figure {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        width: 50%; }
      .dialog.npx-console .card .card-content article {
        position: relative;
        height: 66%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        width: 50%;
        text-align: left;
        padding-top: 20px;
        padding-left: 80px;
        min-height: 300px; }
        .dialog.npx-console .card .card-content article h2 {
          text-transform: uppercase;
          font-size: 36px;
          margin: 0;
          padding: 0;
          line-height: 1.1em;
          margin-bottom: 16px; }
        .dialog.npx-console .card .card-content article p {
          font-size: 19px;
          margin: 0 0 1.5em 0;
          padding: 0; }
          .dialog.npx-console .card .card-content article p small {
            color: #a8a8a8; }
        .dialog.npx-console .card .card-content article .btn {
          position: absolute;
          bottom: 0; }
    .dialog.npx-console .card.show {
      display: block;
      z-index: 10; }

.dialog.npx-pc {
  width: 845px;
  background-image: url("//d34ymitoc1pg7m.cloudfront.net/bf4/npx/pc/first-login-1-23e2dc67.png");
  background-position: bottom right;
  background-repeat: no-repeat; }
  .dialog.npx-pc .dialog-body {
    padding: 25px 40px; }
  .dialog.npx-pc h6, .dialog.npx-pc p {
    width: 330px; }
  .dialog.npx-pc h1 {
    width: 670px;
    font-size: 50px;
    line-height: 50px; }
  .dialog.npx-pc h6 {
    font-size: 19px;
    line-height: 28px;
    text-transform: none;
    font-weight: 400; }
  .dialog.npx-pc p {
    font-size: 14px;
    color: #a8a8a8; }
  .dialog.npx-pc footer {
    width: 350px; }

@-webkit-keyframes pulsing-icon {
  0% {
    opacity: 0.2; }

  50% {
    opacity: 1; }

  100% {
    opacity: 0.2; } }

@-moz-keyframes pulsing-icon {
  0% {
    opacity: 0.2; }

  50% {
    opacity: 1; }

  100% {
    opacity: 0.2; } }

-o-keyframes pulsing-icon 0% {
  opacity: 0.2; }
-o-keyframes pulsing-icon 50% {
  opacity: 1; }
-o-keyframes pulsing-icon 100% {
  opacity: 0.2; }

@-ms-keyframes pulsing-icon {
  0% {
    opacity: 0.2; }

  50% {
    opacity: 1; }

  100% {
    opacity: 0.2; } }

@keyframes pulsing-icon {
  0% {
    opacity: 0.2; }

  50% {
    opacity: 1; }

  100% {
    opacity: 0.2; } }

.npx-explorer-icon {
  position: absolute;
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/icons/npx-icon-f371f6ea.png);
  cursor: pointer;
  -webkit-animation: pulsing-icon 2s ease infinite both;
  -moz-animation: pulsing-icon 2s ease infinite both;
  -ms-animation: pulsing-icon 2s ease infinite both;
  -o-animation: pulsing-icon 2s ease infinite both;
  animation: pulsing-icon 2s ease infinite both;
  z-index: 100; }
  .npx-explorer-icon.fixed {
    position: fixed; }
  .npx-explorer-icon[data-feature='leaderboards'], .npx-explorer-icon[data-feature='forum'] {
    z-index: 1000; }

.base-section-menu .npx-explorer-icon, #base-header-secondary-nav .npx-explorer-icon {
  top: 30px;
  left: 50%; }

#ugm-action-buttons .npx-explorer-icon {
  top: -2px;
  left: 7px; }

.profile-stats-tab.loadout {
  position: relative; }
  .profile-stats-tab.loadout .npx-explorer-icon {
    top: 7px;
    left: 10px; }

.npx-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  -webkit-backface-visibility: hidden; }
  .npx-tooltip.success .npx-tooltip-box {
    border-color: #05d705;
    background: -webkit-radial-gradient(center, ellipse cover, #044903 0, #0b7a07 90%);
    background: -moz-radial-gradient(center, ellipse cover, #044903 0, #0b7a07 90%);
    background: radial, ellipse cover center, #044903 0, #0b7a07 90%; }
    .npx-tooltip.success .npx-tooltip-box:after {
      content: " ";
      display: block;
      width: 114px;
      height: 100%;
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -57px;
      background-image: url(../npx/check.png);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center; }
    .npx-tooltip.success .npx-tooltip-box h5, .npx-tooltip.success .npx-tooltip-box p, .npx-tooltip.success .npx-tooltip-box .close {
      opacity: 0; }
  .npx-tooltip.success .arrow {
    background-image: url(../npx/green-arrow.png); }
  .npx-tooltip.success.top .arrow {
    background-image: url(../npx/green-arrow-down.png); }
  .npx-tooltip .arrow {
    display: block;
    width: 21px;
    height: 12px;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    background-image: url(../npx/blue-arrow.png);
    background-repeat: no-repeat;
    z-index: 90; }
  .npx-tooltip.fixed {
    position: fixed; }
  .npx-tooltip.bottom .arrow {
    top: -12px; }
  .npx-tooltip.top .arrow {
    bottom: -12px;
    background-image: url(../npx/blue-arrow-down.png); }
  .npx-tooltip .npx-tooltip-box {
    -webkit-backface-visibility: hidden;
    display: block;
    top: 11px;
    position: absolute;
    z-index: 80;
    width: 220px;
    margin-left: -108px;
    background-color: #10212B;
    text-align: left;
    border-radius: 4px; }
    .npx-tooltip .npx-tooltip-box .content {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-backface-visibility: hidden;
      overflow: hidden;
      margin: 12px; }
    .npx-tooltip .npx-tooltip-box .close {
      position: absolute;
      top: 5px;
      right: 5px;
      z-index: 200;
      display: block;
      width: 11px;
      height: 11px;
      background-image: url(../npx/close.png);
      cursor: pointer; }
    .npx-tooltip .npx-tooltip-box h5 {
      font-size: 14px;
      line-height: 16px;
      margin: 0 0 4px 0;
      color: #FFF; }
    .npx-tooltip .npx-tooltip-box p {
      color: #FFF;
      font-size: 12px;
      line-height: 16px; }
    .npx-tooltip .npx-tooltip-box .swiping-glow {
      -webkit-backface-visibility: hidden;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 100;
      overflow: hidden; }
      .npx-tooltip .npx-tooltip-box .swiping-glow > div {
        content: " ";
        width: 123px;
        height: 100%;
        background-image: url(../npx/swiping-glow.png);
        background-repeat: no-repeat;
        display: block;
        position: absolute;
        top: 0;
        left: -150px;
        background-size: cover; }

.dialog.npx-ps4.bfh, .dialog.npx-pc.bfh {
  background-image: none; }
  .dialog.npx-ps4.bfh .dialog-body, .dialog.npx-pc.bfh .dialog-body {
    background: #000 url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/npx/bfh-firstlogin2-30a3bfdd.jpg) no-repeat top center;
    padding-bottom: 18px; }
  .dialog.npx-ps4.bfh h6, .dialog.npx-ps4.bfh p, .dialog.npx-pc.bfh h6, .dialog.npx-pc.bfh p {
    width: 100%;
    text-align: center; }
  .dialog.npx-ps4.bfh h1, .dialog.npx-pc.bfh h1 {
    width: 100%;
    font-size: 50px;
    line-height: 50px;
    text-align: center;
    margin-bottom: 18px;
    padding-top: 242px; }
  .dialog.npx-ps4.bfh h1.npx-heading, .dialog.npx-ps4.bfh h6.npx-subheading, .dialog.npx-pc.bfh h1.npx-heading, .dialog.npx-pc.bfh h6.npx-subheading {
    color: #fff; }
  .dialog.npx-ps4.bfh h6, .dialog.npx-pc.bfh h6 {
    font-size: 15px;
    line-height: 22px;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 18px; }
  .dialog.npx-ps4.bfh p, .dialog.npx-pc.bfh p {
    font-size: 14px;
    color: #fff; }
  .dialog.npx-ps4.bfh footer, .dialog.npx-pc.bfh footer {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    position: relative;
    padding: 20px 0 10px 0; }
    .dialog.npx-ps4.bfh footer .btn-primary, .dialog.npx-pc.bfh footer .btn-primary {
      margin-left: 6px; }

.dialog.npx-survey-dialog h1 {
  padding-top: 50px; }
.dialog.npx-survey-dialog footer {
  padding-bottom: 40px; }
  .dialog.npx-survey-dialog footer button {
    overflow: visible; }

.dialog.npx-gunbench {
  width: 832px; }

#base-bfh-html .odcstore .header-notice {
  top: 6px; }
#base-bfh-html .odcstore .product-container.kitshortcuts .product .cta .release-date {
  margin: 6px 0 0 0; }
#base-bfh-html .odcstore .product-container.kitshortcuts .products {
  padding-top: 0; }
  #base-bfh-html .odcstore .product-container.kitshortcuts .products.line-list .product .boxart.tiny {
    width: 48px; }
  #base-bfh-html .odcstore .product-container.kitshortcuts .products.line-list .product .cta .price .current-price .regular-price {
    color: #34454f; }
  #base-bfh-html .odcstore .product-container.kitshortcuts .products.line-list .price {
    color: #34454f; }
#base-bfh-html .odcstore .product-container.base-game {
  background-image: url(//d34ymitoc1pg7m.cloudfront.net/bfh/loggedout/loggedout-bg-d181dab1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 336px;
  background-position: center center;
  position: relative; }
  #base-bfh-html .odcstore .product-container.base-game .not-available {
    background: rgba(255, 255, 255, 0.9);
    color: #34454f; }
    #base-bfh-html .odcstore .product-container.base-game .not-available .icon {
      margin-bottom: 8px; }
  #base-bfh-html .odcstore .product-container.base-game .logo {
    position: absolute;
    top: 16px;
    left: 16px; }
  #base-bfh-html .odcstore .product-container.base-game .products {
    background: none;
    background-color: rgba(255, 255, 255, 0.9); }
    #base-bfh-html .odcstore .product-container.base-game .products .product .product-title {
      color: #2a3b44;
      min-height: 72px; }
    #base-bfh-html .odcstore .product-container.base-game .products .product .product-edition {
      color: #2a3b44; }
    #base-bfh-html .odcstore .product-container.base-game .products .product .product-description {
      color: #2a3b44; }
    #base-bfh-html .odcstore .product-container.base-game .products .product .platforms {
      color: #2a3b44; }
    #base-bfh-html .odcstore .product-container.base-game .products .product .release-date {
      color: #2a3b44; }
    #base-bfh-html .odcstore .product-container.base-game .products .product .price {
      color: #2a3b44; }
#base-bfh-html .odcstore .product-container.premium {
  background: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/premium/BFHPEgenKEYARTrgbWIDEflat-ab656e9a.jpg) no-repeat;
  background-size: cover;
  padding-top: 356px; }
  #base-bfh-html .odcstore .product-container.premium .products {
    background-color: rgba(255, 255, 255, 0.9); }
    #base-bfh-html .odcstore .product-container.premium .products .icon {
      color: #34454f; }
    #base-bfh-html .odcstore .product-container.premium .products .product {
      width: 960px; }
      #base-bfh-html .odcstore .product-container.premium .products .product .product-title {
        color: #34454f; }
      #base-bfh-html .odcstore .product-container.premium .products .product .product-edition {
        color: #34454f; }
      #base-bfh-html .odcstore .product-container.premium .products .product .product-description {
        color: #34454f;
        width: 956px;
        max-width: 956px;
        font-size: 16px;
        line-height: 1.2; }
      #base-bfh-html .odcstore .product-container.premium .products .product .platforms {
        color: #34454f; }
      #base-bfh-html .odcstore .product-container.premium .products .product .release-date {
        color: #34454f; }
      #base-bfh-html .odcstore .product-container.premium .products .product .price {
        color: #34454f; }
      #base-bfh-html .odcstore .product-container.premium .products .product .not-available {
        left: 158px;
        right: 158px; }
#base-bfh-html .odcstore .product-container.expansions {
  background-color: rgba(255, 255, 255, 0.9); }
  #base-bfh-html .odcstore .product-container.expansions .product .price {
    color: #34454f; }
  #base-bfh-html .odcstore .product-container.expansions .product .cta .btn {
    max-width: 166px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
#base-bfh-html .odcstore .product-container .bfh-box-content-pack-1 .boxart {
  width: 130px;
  height: 130px; }
#base-bfh-html .odcstore .product-container .bfh-box-content-pack-1.len-3 .boxart {
  background: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/gamedata/battlepacks_closed/mediumns/battlepack-bag-gold-closed-c3b72c26.png); }
#base-bfh-html .odcstore .product-container .bfh-box-content-pack-1.len-4 .boxart {
  background: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/gamedata/battlepacks_closed/mediumns/battlepack-bag-5x-gold-ad2bf9fb.png); }
#base-bfh-html .odcstore .product-container .bfh-box-content-pack-2 .boxart {
  width: 130px;
  height: 130px;
  margin: 0 auto;
  position: relative; }
#base-bfh-html .odcstore .product-container .bfh-box-content-pack-2.len-3 .boxart {
  background: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/gamedata/battlepacks_closed/mediumns/battlepack-bag-silver-closed-378cbef5.png); }
#base-bfh-html .odcstore .product-container .bfh-box-content-pack-2.len-4 .boxart {
  background: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/gamedata/battlepacks_closed/mediumns/battlepack-bag-gold-closed-c3b72c26.png); }
#base-bfh-html .odcstore .product-container .bfh-box-content-pack-3 .boxart {
  width: 130px;
  height: 130px;
  margin: 0 auto;
  position: relative; }
#base-bfh-html .odcstore .product-container .bfh-box-content-pack-3.len-3 .boxart {
  background: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/gamedata/battlepacks_closed/mediumns/battlepack-bag-bronze-closed-38f1cc42.png); }
#base-bfh-html .odcstore .product-container .bfh-box-content-pack-3.len-4 .boxart {
  background: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/gamedata/battlepacks_closed/mediumns/battlepack-bag-silver-closed-378cbef5.png); }
#base-bfh-html .odcstore .product-container .bfh-box-content-pack-4 .boxart {
  width: 130px;
  height: 130px;
  margin: 0 auto;
  position: relative; }
#base-bfh-html .odcstore .product-container .bfh-box-content-pack-4.len-4 .boxart {
  background: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/gamedata/battlepacks_closed/mediumns/battlepack-bag-bronze-closed-38f1cc42.png); }
#base-bfh-html .odcstore .product-container .bfh-box-content-pack-1, #base-bfh-html .odcstore .product-container .bfh-box-content-pack-2, #base-bfh-html .odcstore .product-container .bfh-box-content-pack-3, #base-bfh-html .odcstore .product-container .bfh-box-content-pack-4 {
  min-height: 310px; }
  #base-bfh-html .odcstore .product-container .bfh-box-content-pack-1 .product-description, #base-bfh-html .odcstore .product-container .bfh-box-content-pack-2 .product-description, #base-bfh-html .odcstore .product-container .bfh-box-content-pack-3 .product-description, #base-bfh-html .odcstore .product-container .bfh-box-content-pack-4 .product-description {
    color: #34454f; }
  #base-bfh-html .odcstore .product-container .bfh-box-content-pack-1 .price, #base-bfh-html .odcstore .product-container .bfh-box-content-pack-2 .price, #base-bfh-html .odcstore .product-container .bfh-box-content-pack-3 .price, #base-bfh-html .odcstore .product-container .bfh-box-content-pack-4 .price {
    color: #34454f; }
  #base-bfh-html .odcstore .product-container .bfh-box-content-pack-1.len-3, #base-bfh-html .odcstore .product-container .bfh-box-content-pack-2.len-3, #base-bfh-html .odcstore .product-container .bfh-box-content-pack-3.len-3, #base-bfh-html .odcstore .product-container .bfh-box-content-pack-4.len-3 {
    width: 298px;
    margin-left: 1px;
    float: left;
    text-align: center; }
    #base-bfh-html .odcstore .product-container .bfh-box-content-pack-1.len-3 .product, #base-bfh-html .odcstore .product-container .bfh-box-content-pack-2.len-3 .product, #base-bfh-html .odcstore .product-container .bfh-box-content-pack-3.len-3 .product, #base-bfh-html .odcstore .product-container .bfh-box-content-pack-4.len-3 .product {
      width: 250px; }
#base-bfh-html .odcstore .product-container .bfh-box-content-pack-1.len-4 {
  width: 217px;
  float: left; }
#base-bfh-html .odcstore .product-container .bfh-box-content-pack-2.len-4, #base-bfh-html .odcstore .product-container .bfh-box-content-pack-3.len-4, #base-bfh-html .odcstore .product-container .bfh-box-content-pack-4.len-4 {
  float: left;
  width: 215px;
  margin-left: 1px;
  margin-top: 0px; }
#base-bfh-html .odcstore .product-container.battlepacks .product .description .product-title {
  text-align: left; }
#base-bfh-html .odcstore .product-container.battlepacks .product .description .product-description {
  text-align: left;
  margin-top: 16px;
  color: #464850;
  min-height: 50px; }
#base-bfh-html .odcstore .product-container.battlepacks .product .cta .price {
  text-align: left;
  margin-top: 16px; }
#base-bfh-html .odcstore .product-container.battlepacks .product .cta .btn {
  float: left;
  margin-top: 16px; }
#base-bfh-html .odcstore .friends-container {
  margin-top: 1px;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 16px;
  color: #000; }

.comcenter-icon-notifications-container, #comcenter-icon-notifications, #comcenter-icon-game, #comcenter-icon-inbox, #comcenter-icon-matches {
  float: left;
  width: 40px;
  cursor: pointer;
  position: relative;
  height: 40px; }

.comcenter-icon-notifications-container:hover {
  background: url(../comcenter/taskbar-bg-hover.png); }

#comcenter-reports-list-loading, #comcenter-updates-list-loading {
  padding-top: 16px;
  text-align: center; }

#comcenter-icon-inbox {
  background: url(../comcenter/icons/cc-inbox-inactive.png) center center no-repeat; }
  #comcenter-icon-inbox:hover {
    background: url(../comcenter/cc-inbox-hover.png) no-repeat;
    background-position: 1px 1px; }

#comcenter-icon-game {
  background: url(../comcenter/icons/cc-reports.png) -5px 0 no-repeat; }

#comcenter-icon-matches {
  background: url(../comcenter/icons/cc-matches.png) -4px 0 no-repeat; }
  #comcenter-icon-matches:hover {
    background-position: -4px -40px; }
  #comcenter-icon-matches.open {
    background-color: #FDBF00;
    background-position: -4px -80px; }

#comcenter-tab-friends-content .btn.btn-small.join-friend-submit-link, .comcenter-chat-content .btn.btn-small.join-friend-submit-link {
  width: 32px;
  height: 32px;
  padding: 0 11px;
  margin-top: 4px;
  opacity: 0.8;
  float: left;
  border: 1px solid #ff9900; }
  #comcenter-tab-friends-content .btn.btn-small.join-friend-submit-link:hover, .comcenter-chat-content .btn.btn-small.join-friend-submit-link:hover {
    opacity: 1; }
  #comcenter-tab-friends-content .btn.btn-small.join-friend-submit-link.disabled, #comcenter-tab-friends-content .is-touch #serverbrowser aside .action-buttons-container .btn-small.join-friend-submit-link.favorite-toggle.starred, .is-touch #serverbrowser aside .action-buttons-container #comcenter-tab-friends-content .btn-small.join-friend-submit-link.favorite-toggle.starred, .comcenter-chat-content .btn.btn-small.join-friend-submit-link.disabled, .comcenter-chat-content .is-touch #serverbrowser aside .action-buttons-container .btn-small.join-friend-submit-link.favorite-toggle.starred, .is-touch #serverbrowser aside .action-buttons-container .comcenter-chat-content .btn-small.join-friend-submit-link.favorite-toggle.starred {
    opacity: 0.5; }
  #comcenter-tab-friends-content .btn.btn-small.join-friend-submit-link.btn-primary, .comcenter-chat-content .btn.btn-small.join-friend-submit-link.btn-primary {
    opacity: 1;
    width: 23px;
    height: 24px;
    padding: 0;
    margin-top: 2px; }
    #comcenter-tab-friends-content .btn.btn-small.join-friend-submit-link.btn-primary i, .comcenter-chat-content .btn.btn-small.join-friend-submit-link.btn-primary i {
      margin-top: 0;
      margin-left: 2px;
      padding-bottom: 1px; }
  #comcenter-tab-friends-content .btn.btn-small.join-friend-submit-link i, .comcenter-chat-content .btn.btn-small.join-friend-submit-link i {
    margin-top: 8px;
    background: url(../base/shared/icon-join.png) 0 0 no-repeat;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px; }

body .comcenter-chat-content .btn.btn-small.join-friend-submit-link {
  margin-top: 0px; }

#comcenter-icon-game.unread, #comcenter-icon-game:hover {
  background: url(../comcenter/icons/cc-reports.png) -5px -40px no-repeat;
  cursor: pointer; }

/*#comcenter-icon-game.unread,*/
body #comcenter-icon-game.open {
  background: url(../comcenter/icons/cc-reports.png) -5px -80px no-repeat #fdbf00; }

#comcenter-icon-inbox.unread, #comcenter-icon-inbox.open {
  background: url(../comcenter/icons/cc-inbox-open.png) center center no-repeat #fdbf00; }

#comcenter-icon-notifications {
  background: url(../comcenter/icons/cc-notifications.png) -4px 0; }
  #comcenter-icon-notifications:hover {
    background-position: -4px -40px; }

/*
#comcenter-icon-notifications.unread
{
    background: url(../comcenter/icons/cc-notification-new.png) center center no-repeat;
}*/
/* #comcenter-icon-notifications:hover,*/
/*#comcenter-icon-notifications.unread,*/
#comcenter-icon-notifications.open {
  background-color: #FDBF00;
  background-position: -4px 40px; }

.comcenter-inbox-notifier {
  cursor: pointer; }

#base-header .comcenter-notification:hover, #base-header .comcenter-inbox-notifier:hover, #base-header .comcenter-notifications-moreinfo:hover {
  background: rgba(255, 255, 255, 0.1); }

#comcenter-icon-inbox.unread .comcenter-chat-unread {
  /* #comcenter-icon-notifications.unread .comcenter-chat-unread { */
  display: block; }

#comcenter .comcenter-chat-taskbar.unread .icon.chat.unread {
  display: block; }

body #comcenter .comcenter-chat-taskbar.active .icon.chat.unread {
  display: none; }

.chat-admin-info {
  text-align: center;
  color: #fff; }

#comcenter-icon-notifications.unread {
  background-position: -4px 80px; }
  #comcenter-icon-notifications.unread .comcenter-chat-unread {
    display: block; }

#comcenter-icon-game.unread .comcenter-chat-unread {
  display: block; }
#comcenter-icon-game.open .comcenter-chat-unread {
  display: none; }

#comcenter-icon-notifications.open .comcenter-chat-unread {
  display: none; }

#comcenter {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2000;
  font-size: 11px;
  font-weight: bold;
  color: #494949;
  line-height: 42px;
  height: 0; }
  #comcenter #comcenter-inner {
    height: 100%; }

.ugm-showing #comcenter {
  bottom: 42px; }

@-webkit-keyframes comcenter-friend-online {
  0% {
    background-color: rgba(168, 168, 168, 0); }

  100% {
    background-color: rgba(168, 168, 168, 0.6); } }

@-moz-keyframes comcenter-friend-online {
  0% {
    background-color: rgba(168, 168, 168, 0); }

  100% {
    background-color: rgba(168, 168, 168, 0.6); } }

-o-keyframes comcenter-friend-online 0% {
  background-color: rgba(168, 168, 168, 0); }
-o-keyframes comcenter-friend-online 100% {
  background-color: rgba(168, 168, 168, 0.6); }

@-ms-keyframes comcenter-friend-online {
  0% {
    background-color: rgba(168, 168, 168, 0); }

  100% {
    background-color: rgba(168, 168, 168, 0.6); } }

@keyframes comcenter-friend-online {
  0% {
    background-color: rgba(168, 168, 168, 0); }

  100% {
    background-color: rgba(168, 168, 168, 0.6); } }

#comcenter-friends .comcenter-friend {
  /* Fallback for legacy browsers (IE9) */ }
  #comcenter-friends .comcenter-friend.comcenter-friend-online.animate-ie9, #comcenter-friends .comcenter-friend.comcenter-friend-playing.animate-ie9 {
    background-color: rgba(168, 168, 168, 0.6); }
  #comcenter-friends .comcenter-friend.comcenter-friend-online.animate {
    -webkit-animation-name: comcenter-friend-online;
    -moz-animation-name: comcenter-friend-online;
    -ms-animation-name: comcenter-friend-online;
    -o-animation-name: comcenter-friend-online;
    animation-name: comcenter-friend-online;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    -ms-animation-direction: alternate;
    -o-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-iteration-count: 2;
    -moz-animation-iteration-count: 2;
    -ms-animation-iteration-count: 2;
    -o-animation-iteration-count: 2;
    animation-iteration-count: 2; }
  #comcenter-friends .comcenter-friend.comcenter-friend-playing, #comcenter-friends .comcenter-friend.comcenter-friend-online {
    color: #6f6; }
  #comcenter-friends .comcenter-friend.comcenter-friend-idle {
    color: #FF0; }
  #comcenter-friends .comcenter-friend.comcenter-friend-offline {
    color: #999; }
    #comcenter-friends .comcenter-friend.comcenter-friend-offline a, #comcenter-friends .comcenter-friend.comcenter-friend-offline .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #comcenter-friends .comcenter-friend.comcenter-friend-offline a {
      color: #8a8a8a;
      font-weight: normal;
      text-decoration: none; }
      #comcenter-friends .comcenter-friend.comcenter-friend-offline a:hover, #comcenter-friends .comcenter-friend.comcenter-friend-offline .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress #comcenter-friends .comcenter-friend.comcenter-friend-offline a:hover {
        color: #8a8a8a;
        font-weight: normal;
        text-decoration: none; }
  #comcenter-friends .comcenter-friend.comcenter-friend-dnd {
    color: #F99; }

.comcenter-info {
  float: left;
  position: relative;
  margin-left: 3px; }

#patcher-events #patching, #comcenter-joinflow, #comcenter-gamereportupdates-preview, #comcenter-inbox-preview, #comcenter-notifications, #comcenter-matches {
  display: none;
  width: 213px;
  background: #fdfdfd;
  border: 1px solid #aaaaaa;
  border-bottom: 0px;
  position: absolute;
  bottom: 40px;
  left: 104px;
  z-index: 2000; }

#comcenter-notifications {
  left: 0;
  width: 230px; }

#comcenter-matches {
  left: 0;
  width: 269px; }

#patcher-events #patching, #comcenter-joinflow {
  display: none;
  height: 224px;
  top: -225px;
  left: -1px;
  width: 229px; }

#patcher-events #patching {
  display: block; }

#gamecontrol-game-launcher #comcenter-joinflow {
  display: block; }
  #gamecontrol-game-launcher #comcenter-joinflow.askForFullscreen {
    height: 264px;
    top: -265px; }

#comcenter-gamereportupdates-preview {
  left: -1px;
  width: 229px; }

#comcenter-inbox-preview {
  left: -1px; }

.comcenter-notification-icon {
  float: left;
  width: 34px;
  left: 0;
  position: absolute; }

.comcenter-notification-text {
  padding-left: 40px;
  position: relative;
  min-height: 35px;
  font-weight: normal;
  font-size: 12px; }
  .comcenter-notification-text a, .comcenter-notification-text .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .comcenter-notification-text a {
    font-size: 12px; }

.comcenter-notification-text.missions {
  min-height: 44px; }

.comcenter-notifications-bottom {
  clear: both;
  height: 4px;
  width: 100%;
  background: #ffc600; }

#comcenter-notifications a, #comcenter-notifications .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #comcenter-notifications a {
  color: #1c799d;
  font-size: 11px;
  text-decoration: none; }

.comcenter-notification-title {
  height: 33px;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
  background: #ebebeb;
  border-bottom: 1px solid #221e25;
  text-transform: uppercase;
  color: #000;
  text-shadow: 0 1px #fff;
  font-size: 11px;
  font-weight: bold;
  line-height: 33px;
  overflow: hidden;
  padding-left: 12px; }

.comcenter-notification-content {
  color: #000;
  max-height: 500px;
  overflow-y: auto; }
  .comcenter-notification-content a, .comcenter-notification-content .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .comcenter-notification-content a {
    font-size: 11px; }

.comcenter-notification-list {
  position: relative; }

#challenges .iconbox {
  width: 52px; }

.comcenter-notification .iconbox, .inbox-notification .iconbox {
  position: absolute;
  width: 40px;
  height: 32px;
  left: 0; }
.comcenter-notification .icon, .inbox-notification .icon {
  margin-top: 8px;
  margin-left: 8px;
  width: 18px;
  height: 18px;
  display: inline-block;
  overflow: hidden;
  background: url(../notification/notification-icons.png) no-repeat; }
  .comcenter-notification .icon.friend, .inbox-notification .icon.friend {
    background-position: 0 -18px; }
  .comcenter-notification .icon.comment, .inbox-notification .icon.comment {
    background-position: 0 -36px; }
  .comcenter-notification .icon.platoon, .inbox-notification .icon.platoon {
    background-position: 0 -54px; }
  .comcenter-notification .icon.premium, .inbox-notification .icon.premium {
    background-position: 0 -72px; }

.comcenter-notifications-one-click {
  cursor: pointer; }

.comcenter-notification {
  line-height: 14px;
  border-bottom: 1px solid #302f33;
  padding: 10px;
  font-size: 12px;
  font-weight: normal; }
  .comcenter-notification.notfound {
    text-align: center;
    line-height: 24px;
    height: 42px;
    line-height: 42px; }
  .comcenter-notification a, .comcenter-notification .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .comcenter-notification a {
    color: #fff;
    font-weight: normal; }
  .comcenter-notification .base-profile-link {
    font-weight: bold; }
  .comcenter-notification.not-read {
    background: rgba(255, 255, 255, 0.05); }
  .comcenter-notification:last-child {
    border-bottom: 0; }

.comcenter-notification-ago {
  color: #afafaf;
  font-size: 11px;
  display: block; }

.comcenter-notifications-moreinfo {
  text-align: center;
  line-height: 28px; }
  .comcenter-notifications-moreinfo a, .comcenter-notifications-moreinfo .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .comcenter-notifications-moreinfo a {
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    width: 100%;
    display: inline-block; }
    .comcenter-notifications-moreinfo a:hover, .comcenter-notifications-moreinfo .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress .comcenter-notifications-moreinfo a:hover {
      text-decoration: underline; }

.comcenter-section {
  width: 132px;
  height: 100%;
  float: left;
  border-right: 1px solid #838382;
  text-align: center; }
  .comcenter-section img {
    margin-top: 7px; }

#comcenter-friendbutton {
  cursor: pointer;
  height: 39px;
  line-height: 14px;
  border: 1px solid #393939;
  border-bottom: 0;
  width: 235px; }

.comcenter-divider-left, .comcenter-divider {
  float: right;
  width: 1px;
  height: 40px; }

.comcenter-divider-left {
  float: left; }

#comcenter-friendbutton.active .comcenter-taskbar-info {
  background: url(../comcenter/comcenter-active.png);
  color: #131110; }
#comcenter-friendbutton .comcenter-button-info, #comcenter-friendbutton .comcenter-button-title {
  color: #FFF;
  font-weight: bold;
  margin-left: 8px;
  text-transform: uppercase; }
#comcenter-friendbutton .comcenter-button-info {
  color: #ffc600;
  font-weight: normal;
  text-transform: none;
  width: 116px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
#comcenter-friendbutton.active .comcenter-button-info {
  color: #58410b;
  text-shadow: 0 1px #fddd82;
  font-weight: normal; }
#comcenter-friendbutton .comcenter-origin-logo {
  background: transparent url(../base/shared/origin-logo.png) no-repeat 210px center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }
#comcenter-friendbutton .comcenter-button-title {
  margin-top: 5px;
  font-size: 11px;
  font-family: Tahoma, Arial, sans-serif; }
#comcenter-friendbutton.active .comcenter-button-title {
  color: #000;
  text-shadow: 0 1px #fddd82; }

#comcenter-friends-list ul li {
  padding: 5px 0 5px 0;
  clear: both;
  overflow: auto;
  display: block; }
  #comcenter-friends-list ul li:hover {
    background-color: #e9e9e9; }

#comcenter-friends-list ul li img {
  margin: 0 5px 0 5px;
  float: left; }
#comcenter-friends-list ul li .main-profile-status-icon {
  margin: 5px 0 0 10px; }
#comcenter-friends-list ul li a, #comcenter-friends-list ul li .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #comcenter-friends-list ul li a {
  float: left;
  line-height: 18px;
  text-decoration: none; }

.comcenter-chat-header form.join-friend .base-general-dropdown-area {
  border: 1px solid #ccc;
  left: 86px;
  top: 30px; }

#comcenter-friends-list ul li .join-friend .base-button-arrow-tiny {
  height: 18px;
  float: right;
  margin-right: 8px;
  background: transparent url(../base/bfbc2/buttons/base-button-arrow-extra-small.png) repeat scroll 0 -36px; }
  #comcenter-friends-list ul li .join-friend .base-button-arrow-tiny:hover {
    background: url(../base/bfbc2/buttons/base-button-arrow-extra-small.png) 0 -18px; }
  #comcenter-friends-list ul li .join-friend .base-button-arrow-tiny:active {
    background: url(../base/bfbc2/buttons/base-button-arrow-extra-small.png) 0 -36px; }

#comcenter li .join-friend {
  height: 5px; }

#comcenter-friendcounter {
  position: relative;
  float: right;
  margin-right: 10px;
  width: 25px;
  height: 100%;
  background: url(../comcenter/friends-online.png) center left no-repeat;
  padding-left: 10px;
  color: #959595;
  font-size: 11px;
  font-weight: bold;
  font-family: Arial, sans-serif; }

#comcenter-friendsplaying {
  position: relative;
  float: right;
  margin-right: 0;
  width: 20px;
  height: 100%;
  background: url(../comcenter/friends-playing.png) center left no-repeat;
  padding-left: 10px;
  color: #959595;
  font-size: 11px;
  font-weight: bold;
  font-family: Arial, sans-serif; }

.comcenter-item {
  float: left; }

.comcenter-chat-status-icon {
  float: left;
  width: 18px;
  height: 100%; }

.comcenter-status-icon {
  float: left;
  width: 18px;
  height: 100%; }
  .comcenter-status-icon img {
    margin-left: 6px;
    margin-top: 14px; }

.comcenter-chat-status-icon img {
  margin-left: 6px;
  margin-top: 12px; }

.comcenter-dropdownbutton {
  height: 37px;
  width: 18px;
  position: absolute;
  right: 0px;
  top: 0px;
  display: none; }

.comcenter-dropdownbutton-inner {
  background: url(../comcenter/dropdownbutton.png);
  height: 13px;
  width: 13px;
  position: absolute;
  top: 11px; }

.comcenter-friend:hover .comcenter-dropdownbutton {
  display: block; }

.comcenter-dropdownbutton.active, .comcenter-dropdownbutton:hover {
  display: block; }
.comcenter-dropdownbutton.active .comcenter-dropdownbutton-inner, .comcenter-dropdownbutton:hover .comcenter-dropdownbutton-inner {
  background-position: 0 13px; }

.comcenter-dropdown {
  border: 1px solid #aaaaaa;
  width: 115px;
  background: #fff;
  position: absolute;
  right: 6px;
  top: 23px;
  z-index: 100; }
  .comcenter-dropdown a, .comcenter-dropdown .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .comcenter-dropdown a {
    display: block;
    font-size: 11px;
    padding: 0 10px;
    width: 95px;
    height: 25px;
    line-height: 25px; }

#comcenter-area .comcenter-dropdown li {
  border-bottom: 1px solid #ebebeb;
  height: 25px;
  font-size: 11px;
  line-height: 25px; }

.comcenter-dropdown li.inactive {
  cursor: default;
  color: #a8a8a8;
  padding: 0 10px;
  cursor: default !important; }

.comcenter-friend-item .comcenter-dropdown li:hover {
  background: #fff; }

.comcenter-chat-avatar-multi, .comcenter-chat-avatar-taskbar, .comcenter-avatar, .comcenter-chat-avatar {
  float: left;
  margin-right: 6px; }

#comcenter-friendrequests-list .comcenter-avatar {
  padding-left: 11px; }

.comcenter-chat-avatar-taskbar {
  margin: 0 2px;
  margin-top: 4px;
  line-height: normal; }

.comcenter-chat-group .comcenter-chat-avatar-taskbar {
  margin-top: 8px; }

.comcenter-chat-avatar-multi-free-slot {
  margin-top: 0px;
  margin-right: 2px;
  margin-left: 0px;
  position: relative;
  width: 26px;
  height: 26px;
  float: left;
  background: #202020;
  border-top: 1px solid #202020; }

.comcenter-chat-avatar-multi {
  margin-top: 0px;
  margin-right: 2px;
  margin-left: 0px;
  position: relative;
  width: 26px;
  height: 27px;
  line-height: 1; }
  .comcenter-chat-avatar-multi:hover .base-general-dropdown-area {
    display: block; }
  .comcenter-chat-avatar-multi .base-general-dropdown-area {
    display: none;
    background: rgba(0, 0, 0, 0.9);
    z-index: 100;
    top: 26px;
    width: 140px;
    line-height: 1; }
    .comcenter-chat-avatar-multi .base-general-dropdown-area a, .comcenter-chat-avatar-multi .base-general-dropdown-area .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .comcenter-chat-avatar-multi .base-general-dropdown-area a {
      color: #fff; }

.comcenter-chat-serverinfo-playing {
  color: #353535;
  font-weight: normal; }

.comcenter-chat-serverinfo a, .comcenter-chat-serverinfo .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .comcenter-chat-serverinfo a {
  font-size: 11px; }

.comcenter-chat-serverinfo-notplaying {
  color: #959595;
  text-align: center; }

.comcenter-chat-empty {
  text-align: center;
  position: absolute;
  top: 120px;
  height: 120px;
  width: 200px; }

.comcenter-no-online-friends {
  text-align: center;
  padding: 4px;
  color: #959595;
  z-index: 1;
  font-size: 12px;
  line-height: 23px;
  font-weight: bold; }
  .comcenter-no-online-friends img {
    margin-top: 18px; }
  .comcenter-no-online-friends .loader {
    position: relative;
    top: 60px; }

.comcenter-origin-unavailable {
  color: #cc382c;
  padding-top: 20px; }

#comcenter-tab-settings-content {
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden; }

.chat-header {
  position: relative;
  text-transform: uppercase;
  color: #000;
  text-shadow: 0 1px #fff;
  font-size: 11px;
  font-weight: bold;
  height: 34px;
  background: #ebebeb;
  border-bottom: 1px solid #bebebe;
  font-weight: bold;
  line-height: 33px; }

.comcenter-chat-contract {
  cursor: pointer;
  position: absolute;
  right: 6px;
  background: url(../base/shared/row_icon_chat.png);
  background-position: 0px 0px;
  height: 13px;
  top: 10px;
  width: 13px; }

.chat-header .comcenter-chat-contract {
  position: absolute;
  right: 22px; }

.chat-header .comcenter-username {
  position: absolute;
  right: 36px;
  height: 34px; }

.comcenter-chat-group .chat-header .comcenter-chat-contract {
  position: relative;
  right: 6px;
  float: right; }

.comcenter-close-group, .comcenter-close {
  cursor: pointer;
  position: relative;
  float: right;
  margin-right: 4px;
  top: 14px;
  background: url(../base/shared/row_icon_chat.png);
  background-position: 0px 26px;
  height: 13px;
  width: 13px; }

.comcenter-chat-party-menu {
  cursor: pointer;
  position: relative;
  float: right;
  margin-right: 4px;
  top: 10px; }

.comcenter-chat-party-menu-icon {
  cursor: pointer;
  position: relative;
  position: -2px;
  height: 14px;
  width: 14px;
  background-size: cover;
  background: url(../ui/icons-small.png) no-repeat;
  background-position: -14px -42px;
  opacity: 0.3; }
  .comcenter-chat-party-menu-icon:hover {
    opacity: 0.8; }

.comcenter-close-group {
  display: none;
  background-position: 0px 13px; }

.comcenter-close:hover {
  background-position: 0px 13px; }

.chat-header .comcenter-close-group, .chat-header .comcenter-close {
  top: 10px; }

#comcenter-notifications.comcenter-notification-padder {
  left: 2px; }

.chat-header {
  position: relative;
  z-index: 100;
  /*cursor:pointer;*/ }

.comcenter-contract:hover, .comcenter-chat-contract:hover {
  background-position: 0px -13px; }

.chat-members {
  display: none;
  position: absolute;
  top: 34px;
  left: 0;
  right: 0;
  bottom: 38px;
  background: #000;
  z-index: 1;
  overflow-y: auto; }
  .chat-members .chattitle {
    font-family: Tahoma, Arial, sans-serif;
    color: #8a8a8a;
    font-size: 13px;
    text-transform: uppercase;
    display: block;
    margin: 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 0 6px;
    font-weight: normal;
    line-height: 20px; }
  .comcenter-chat-taskbar.showmembers .chat-members {
    display: block; }
  .chat-members .close-chat-members {
    position: fixed;
    bottom: 0px;
    left: 0;
    right: 0;
    height: 30px;
    text-align: center; }
  .chat-members .comcenter-chat-member {
    padding: 6px;
    clear: both;
    position: relative;
    border-bottom: 1px solid #2E2E2E; }
    .chat-members .comcenter-chat-member .join-friend-generic-button {
      position: absolute;
      top: 8px;
      right: 8px; }
    .chat-members .comcenter-chat-member .comcenter-chat-member-actions {
      text-align: right;
      position: absolute;
      top: 4px;
      right: 6px; }
    .chat-members .comcenter-chat-member .comcenter-chat-username {
      color: #8a8a8a;
      font-weight: normal;
      line-height: 18px;
      font-size: 12px;
      margin-left: 4px; }
    .chat-members .comcenter-chat-member .comcenter-chat-member-actions li {
      float: left;
      margin-right: 6px; }

.chat-member-close {
  display: none;
  position: absolute;
  z-index: 2;
  bottom: 0;
  height: 38px;
  line-height: 38px;
  left: 0;
  right: 0;
  background: #000;
  text-align: center;
  border-top: 1px solid #2E2E2E; }
  .comcenter-chat-taskbar.showmembers .chat-member-close {
    display: block; }

.comcenter-chat-group-header {
  border-top: 1px solid #d2d2d2;
  line-height: 34px;
  background: none;
  clear: both;
  position: relative;
  height: 34px; }

.comcenter-chat-header {
  height: 33px;
  position: relative;
  border-bottom: 1px solid #ccc;
  padding: 0 5px; }

.comcenter-chat-idle, .comcenter-chat-offline, .comcenter-chat-server {
  text-align: center;
  color: #8a8a8a;
  border-bottom: 1px solid #ccc; }

.comcenter-chat-header-origin {
  line-height: 17px; }

.chat-header-group-chat {
  float: left;
  padding-left: 6px;
  font-size: 12px;
  white-space: nowrap;
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: none; }

.chat-header-group-name-area {
  position: absolute;
  top: 0px;
  left: 5px;
  z-index: 2;
  width: 181px;
  display: none;
  background: #EBEBEB; }

.chat-header-submit {
  font-size: 11px; }

.chat-header-group-chat-editname {
  display: block;
  background: url(../comcenter/chat-edit.png) no-repeat 0 0;
  height: 14px;
  width: 14px;
  float: left;
  margin-left: 6px;
  margin-top: 9px; }
  .chat-header-group-chat-editname:hover {
    background-position: 0 -14px; }

.chat-header-group-name-area-input {
  width: 120px; }

.comcenter-chat-group-avatars {
  white-space: nowrap;
  margin-left: 4px;
  margin-top: 0px;
  position: Relative; }

.comcenter-chat-platoon .comcenter-chat-group-avatars {
  width: 135px; }

.comcenter-chat-group-expand {
  background: url(../base/shared/row_icon_collapse_expand.png);
  width: 12px;
  height: 12px;
  float: left;
  margin-top: 14px;
  margin-left: 6px;
  cursor: pointer; }
  .comcenter-chat-group-expand:hover {
    background-position: 0px -12px; }
  .comcenter-chat-group-expand.active {
    background-position: 0px 24px; }
    .comcenter-chat-group-expand.active:hover {
      background-position: 0px 12px; }

.comcenter-chat-group-expanded-header {
  background: none repeat scroll 0 0 #fdfdfd;
  height: 257px;
  position: absolute;
  top: 76px;
  z-index: 20;
  width: 230px;
  overflow-y: scroll;
  display: none; }

.comcenter-chat-group-usernames {
  clear: both;
  margin-left: 6px;
  margin-top: 0px; }
  .comcenter-chat-group-usernames a, .comcenter-chat-group-usernames .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .comcenter-chat-group-usernames a {
    font-size: 11px;
    font-weight: normal; }

.comcenter-chat-username-you {
  float: left;
  width: 154px;
  overflow: hidden;
  white-space: nowrap;
  color: #959595;
  font-weight: bold;
  font-size: 11px; }

.comcenter-chat-username-other {
  float: left;
  width: 154px;
  overflow: hidden;
  white-space: nowrap;
  color: #959595;
  font-weight: bold;
  font-size: 11px; }
  .comcenter-chat-username-other a, .comcenter-chat-username-other .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .comcenter-chat-username-other a {
    font-size: 11px; }

.comcenter-chat-timestamp {
  float: right;
  color: #cacaca;
  font-size: 9px; }

.comcenter-chat-message-content {
  clear: both;
  color: #353535;
  font-weight: normal;
  word-wrap: break-word;
  font-size: 12px; }
  .comcenter-chat-message-content .em {
    width: 18px;
    height: 18px;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    zoom: 1;
    position: relative;
    top: 3px; }

.comcenter-chat-same-author {
  padding: 6px;
  padding-top: 0px;
  line-height: 16px; }

.comcenter-chat-message-content a, .comcenter-chat-message-content .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .comcenter-chat-message-content a {
  font-size: 11px; }

.comcenter-chat-status-message-content {
  font-weight: bold;
  clear: both;
  color: #353535;
  text-align: left;
  line-height: 16px;
  margin-bottom: 1px;
  padding: 6px 0;
  border-top: 1px solid #EBEBEB;
  padding-left: 6px; }

.chat-game-logo {
  float: left;
  margin: 0px 6px; }

.comcenter-chat-serverinfo {
  float: left;
  overflow: hidden;
  color: #308dbf;
  line-height: 30px;
  white-space: nowrap;
  margin-left: 1px; }

.comcenter-server-joinbutton {
  position: absolute;
  right: 6px;
  top: -2px;
  display: block; }

.chat-joinbutton {
  position: absolute;
  right: 6px;
  top: -2px;
  display: block;
  top: 0px; }

.comcenter-chat-bottom {
  height: 36px;
  width: 229px;
  position: relative; }
  .comcenter-chat-bottom .comcenter-chat-bottom-info {
    text-align: center;
    color: #a8a8a8;
    line-height: 36px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
    .comcenter-chat-bottom .comcenter-chat-bottom-info a, .comcenter-chat-bottom .comcenter-chat-bottom-info .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .comcenter-chat-bottom .comcenter-chat-bottom-info a {
      color: #fff;
      text-decoration: none;
      font-weight: bold;
      cursor: pointer; }
  .comcenter-chat-bottom.user-is-offline {
    background-position: 0 -38px; }
  .comcenter-chat-bottom.disabled {
    background-position: 0 38px; }

#comcenter-chats ::-webkit-scrollbar {
  width: 7px; }
#comcenter-chats ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.5); }

#comcenter-chats .comcenter-chat-chat {
  overflow-y: scroll;
  height: 302px;
  width: 100%;
  color: #959595;
  background: none repeat scroll 0 0 #FFF;
  position: relative; }
  #comcenter-chats .comcenter-chat-chat div:first-of-type {
    border-top: none; }

#comcenter-chats .comcenter-chat-minisize {
  height: 267px; }

#comcenter-chats .comcenter-chat-group .comcenter-chat-chat {
  height: 266px; }

#comcenter-chats .comcenter-chat-platoon .comcenter-chat-chat {
  height: 257px; }

.comcenter-chat-message {
  border-top: 1px solid #ebebeb;
  padding: 6px;
  line-height: 16px; }

.chat-header {
  text-transform: none;
  width: 230px; }

.comcenter-bottom-row {
  height: 4px;
  width: 100%;
  background: url(../comcenter/bottom-yellow.png); }

.comcenter-playing-logo {
  float: left;
  right: 0px;
  margin-top: 10px;
  margin-right: 4px;
  width: 26px; }

.comcenter-chat-group-list {
  width: 213px; }

/* #draggables is where a ComCenter friend is when you drag it.. style with pleasure! */
#draggables li {
  width: 225px;
  background: #000;
  color: #fff;
  border: 0px;
  overflow: hidden;
  list-style-type: none;
  padding: 5px; }
  #draggables li, #draggables li a, #draggables li .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #draggables li a {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
    /* There's no grabbing icon in IE, and a bug in how IE treats url()
            in cursor prevents us from using a relative url */
    cursor: url(/cdnprefix/local/public/comcenter/cursors/cursor-closedhand.cur), move; }
  #draggables li.active {
    background: #353535; }
  #draggables li .comcenter-interact-container, #draggables li .comcenter-dropdownbutton {
    display: none; }

.comcenter-friend-item {
  clear: both;
  /* width: 200px; */
  padding-right: 10px; }

#comcenter-tabs {
  height: 29px;
  line-height: 29px; }

.comcenter-tab-small, .comcenter-tab {
  float: left;
  width: 134px;
  text-transform: uppercase;
  color: #353535;
  font-size: 11px;
  font-weight: bold;
  background: url(../comcenter/tab-not-active.png);
  cursor: pointer;
  height: 29px;
  text-shadow: 0 1px #e0e0e0; }

.comcenter-tab-small.setting {
  border-left: 1px solid #9d9d9d;
  width: 31px; }

.comcenter-setting-icon {
  background: url(../comcenter/icon-settings.png);
  background-position: 0 -17px;
  width: 16px;
  height: 17px;
  margin-left: 8px;
  margin-top: 7px; }

.comcenter-tab.active .comcenter-setting-icon {
  background: url(../comcenter/icon-settings.png); }
.comcenter-tab.title {
  float: left; }
.comcenter-tab.active {
  background: url(../comcenter/tab-active.png);
  color: #ffc500;
  text-shadow: 0 1px #000000; }

.comcenter-tab .title {
  margin-left: 10px;
  float: left;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 11px; }

.comcenter-tab-content {
  display: block; }
  .comcenter-tab-content.active {
    display: block; }

.comcenter-tab-line {
  width: 100%;
  height: 5px;
  background: url(../comcenter/comcenter-upper-line.png);
  clear: both;
  background: #000; }

#comcenter-loading {
  position: absolute;
  top: 68px;
  left: 0px;
  width: 270px;
  height: 303px;
  background: #f1f1f1;
  z-index: 12;
  display: none; }

.comcenter-loading-area {
  background: url(../base/shared/loading16x16.gif) no-repeat top center;
  height: 100px;
  width: 100px;
  text-align: center;
  padding-top: 48px;
  font-weight: bold;
  color: #353535;
  margin: 130px auto 0;
  margin-top: 100px; }

#comcenter-friendrequests-separator {
  position: relative; }

.chat-header p {
  margin-left: 15px; }

.comcenter-notification-title {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 11px;
  padding-left: 12px; }

.comcenter-friend {
  font-weight: bold;
  height: 34px; }
  .comcenter-friend .comcenter-friend-avatar {
    width: 21px;
    height: 21px;
    border: 1px solid #DCDCDC;
    margin: 6px 10px;
    background: #FFF;
    float: left; }
  .comcenter-friend .comcenter-username {
    margin-top: 9px; }
  .comcenter-friend a, .comcenter-friend .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .comcenter-friend a {
    color: #308DBF;
    text-decoration: none; }
    .comcenter-friend a:hover, .comcenter-friend .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress .comcenter-friend a:hover {
      text-decoration: underline; }
  .comcenter-friend.ui-draggable-dragging.comcenter-friend-playing .comcenter-username {
    margin-top: 0; }
  .comcenter-friend.ui-draggable-dragging .comcenter-username.comcenter-username-idle {
    margin-top: 0; }
  .comcenter-friend.ui-multidraggable {
    background: #444444;
    border-bottom-color: #212121; }
    .comcenter-friend.ui-multidraggable:hover {
      background: #444444;
      border-bottom-color: #212121; }
      .comcenter-friend.ui-multidraggable:hover .comcenter-dropdownbutton {
        display: none; }

li.comcenter-thisisyou:hover {
  background: none;
  cursor: default; }

#comcenter-surface-friends {
  display: block; }

.comcenter-chat-bottom-loader {
  position: absolute;
  right: 11px;
  top: 13px;
  display: none; }

.comcenter-chat-input-disabled {
  width: 214px;
  height: 21px;
  line-height: 19px;
  margin-left: 6px;
  font-size: 12px;
  padding: 0 3px;
  color: #000;
  position: relative;
  top: -4px;
  border: 1px solid #cccccc;
  border-top: 1px solid #abadb3;
  left: -2px; }

.comcenter-chat-input {
  width: 214px;
  height: 21px;
  line-height: 19px;
  margin-left: 6px;
  font-size: 12px;
  padding: 0 3px;
  color: #000;
  position: relative;
  top: -4px;
  border: 1px solid #cccccc;
  border-top: 1px solid #abadb3;
  left: -2px; }
  .comcenter-chat-input::-webkit-input-placeholder, .comcenter-chat-input:-moz-placeholder, .comcenter-chat-input:-ms-input-placeholder {
    color: #8a8a8a; }

.comcenter-chat-content {
  position: absolute;
  bottom: 0px;
  height: 377px;
  width: 230px;
  border: 1px solid #ccc;
  border-bottom: 0;
  background: none repeat scroll 0 0 #fff;
  cursor: default;
  display: none;
  z-index: 5;
  overflow: hidden;
  -webkit-backface-visibility: hidden; }

.comcenter-chat-droppable-content {
  position: absolute;
  top: 106px;
  text-align: center;
  width: 231px; }

.comcenter-chat-droppable-info {
  position: absolute;
  top: 10px;
  text-align: center;
  width: 216px; }

.comcenter-chat-droppable {
  background: url(../comcenter/dropzone-party.png);
  padding: 0;
  display: none;
  width: 213px;
  height: 300px;
  position: absolute;
  top: 56px;
  left: 0;
  z-index: 100;
  text-align: center;
  color: #959595;
  font-weight: normal;
  line-height: 16px; }
  .comcenter-chat-droppable b {
    color: #000; }

.comcenter-chat-content .comcenter-chat-droppable.dragging .comcenter-chat-droppable-content, .comcenter-chat-content .comcenter-chat-droppable.active .comcenter-chat-droppable-content {
  color: #353535; }
.comcenter-chat-content .comcenter-chat-droppable.dragging, .comcenter-chat-content .comcenter-chat-droppable.active {
  background: url(../comcenter/dropzone-active.png);
  width: 230px;
  height: 195px; }

.comcenter-chat-droppable.visible {
  display: block; }

.comcenter-receipt {
  width: 270px;
  height: 40px;
  line-height: 40px;
  background: #daf3c1;
  position: absolute;
  bottom: 1px;
  left: 0px;
  z-index: 100;
  text-align: center;
  color: #353535;
  font-weight: bold;
  border-top: 1px solid #9cc078;
  display: none; }

.comcenter-chat-leavechat {
  float: right;
  margin-right: 6px; }

.comcenter-chat-taskbar.contracted {
  width: 40px; }
.comcenter-chat-taskbar .comcenter-close {
  display: none; }
.comcenter-chat-taskbar:hover .comcenter-close {
  display: block;
  background: url(../base/shared/row_icon_chat_light.png);
  background-position: 0px -26px; }
.comcenter-chat-taskbar .comcenter-close:hover {
  display: block;
  background: url(../base/shared/row_icon_chat_light.png);
  background-position: 0px 13px; }

#comcenter-search .hidden {
  display: none; }

.comcenter-search-friends {
  width: 210px;
  height: 32px;
  background: url(../comcenter/search.png); }

#comcenter-search-friends-input {
  width: 174px;
  height: 14px;
  line-height: 14px;
  margin-left: 6px;
  font-size: 11px;
  padding: 3px 3px 3px 21px;
  background: none;
  color: #353535;
  position: relative;
  top: -5px;
  border: none; }

.comcenter-setting {
  float: right;
  background: url(../comcenter/fullwidth-sprite.png);
  height: 40px;
  width: 33px;
  opacity: 0.75;
  filter: alpha(opacity=75);
  border-left: 1px solid #404040;
  cursor: pointer;
  position: relative;
  z-index: 2; }

.comcenter-setting:hover, .comcenter-setting.muted {
  opacity: 1;
  filter: alpha(opacity=100); }

.comcenter-setting.noise {
  background-position: -2px -35px; }

#comcenter-friendbutton.notselectable .noise.muted {
  background-position: -39px -35px;
  background-color: #d11b1b; }

.comcenter-setting.mic {
  background-position: -2px -71px; }

.ui-dragable, .ui-slider {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

.comcenter-notification-content .comcenter-separator {
  padding-left: 14px;
  color: #8a8a8a;
  height: 17px;
  line-height: 18px;
  font-size: 11px;
  text-transform: uppercase;
  font-family: Purista, sans-serif;
  font-style: normal;
  font-weight: 600; }

.comcenter-chat-offlineuser {
  position: absolute;
  bottom: 0px;
  background: #f8f8f8;
  border: 1px solid #ccc;
  padding: 6px;
  margin: 3px;
  width: 193px;
  color: #353535;
  line-height: 16px;
  height: 33px;
  font-weight: normal; }

.comcenter-notification-index-sendlink {
  float: left;
  margin-left: 6px; }

.comcenter-notification-index-viewlink {
  float: right; }

li.comcenter-friend-hidden {
  display: none; }

#comcenter-currentchannel {
  position: relative; }
  #comcenter-currentchannel .common-dropzone {
    width: 266px;
    height: 100%; }
    #comcenter-currentchannel .common-dropzone .common-dropzone-content {
      width: 263px;
      height: 105px; }

.comcenter-chat-platoon-header {
  height: 42px;
  padding: 0 6px;
  line-height: 18px;
  border-bottom: 1px solid #E2E2E2; }

.comcenter-platoonbadge {
  position: relative;
  top: 6px; }

.comcenter-friendrequestarea {
  float: right;
  width: 68px; }

.comcenter-friend-request-button {
  float: left;
  width: 25px;
  height: 26px;
  margin-right: 6px;
  border: 0;
  margin-top: 5px;
  cursor: pointer; }

.comcenter-taskbar-info {
  float: left;
  width: 100%;
  height: 39px;
  background: rgba(0, 0, 0, 0.9); }
  .comcenter-taskbar-info:hover {
    background: rgba(42, 42, 42, 0.9); }

.chat-list-party-privacy, .chat-toggle-party-privacy {
  float: left;
  margin-left: 6px;
  height: 10px;
  width: 11px;
  display: block;
  background: url(../base/shared/icon-lock.png);
  margin-top: 11px;
  position: relative; }

.chat-list-party-privacy:hover {
  cursor: default;
  text-decoration: none; }
.chat-list-party-privacy.open {
  background-position: -11px 0; }

.chat-toggle-party-privacy.open {
  background-position: 0px 0;
  text-decoration: none; }

.chat-list-party-privacy.closed {
  background-position: 11px 0; }

.chat-toggle-party-privacy.closed {
  background-position: 22px 0;
  text-decoration: none; }

#comcenter-create-party-area {
  background: #efefef;
  line-height: 32px;
  border-top: 2px solid #d2d2d2;
  color: #8a8a8a;
  padding-left: 6px;
  height: 32px; }

.comcenter-game-icon {
  float: left;
  margin-top: 1px;
  margin-right: 4px; }

.comcenter-interact-container {
  position: absolute;
  right: 12px;
  top: 0; }

.comcenter-manage-friends {
  display: block;
  text-decoration: none;
  background: url(../comcenter/icon-managefriends.png) no-repeat scroll 0 0 transparent;
  width: 23px;
  height: 33px;
  position: relative;
  top: 0;
  left: 6px;
  border-right: 1px solid #d2d2d2; }

.comcenter-manage-friendsn:hover {
  background-position: 0 -28px; }

#comcenter-area .join-friend-dropdown {
  width: 130px;
  top: 30px;
  left: -107px;
  border: 1px solid #A6A6A6; }

.comcenter-chat-bottom-container {
  border-top: 1px solid #d2d2d2;
  background: #f3f3f3; }

.comcenter-chat-group-avatars-container {
  margin: 4px 0;
  position: relative; }

.comcenter-username-serverinfo {
  position: relative;
  clear: both;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.comcenter-chat-platoon-badge {
  float: left;
  height: 20px;
  position: relative;
  top: 4px;
  margin-left: 6px; }

.comcenter-chat-group-partyserverbutton {
  float: right;
  margin-right: 4px;
  position: relative;
  top: -2px;
  height: 35px; }
  .comcenter-chat-group-partyserverbutton button {
    line-height: 16px; }

.comcenter-chat-group-partyservername {
  float: left;
  line-height: 14px;
  margin-left: 6px;
  padding-top: 4px; }

.comcenter-chat-group-partyserver {
  position: relative;
  top: 0px;
  background: #F3F3F3;
  width: 230px;
  z-index: 1;
  border-bottom: 1px solid #d2d2d2;
  height: 38px;
  border-top: 1px solid #D2D2D2;
  padding-top: 2px; }

.comcenter-chat-group-partyservername .common-playing-mode {
  position: relative;
  top: 8px; }

.comcenter-chatpartyjoin {
  width: 130px;
  float: left; }

.comcenter-chatpartyjoin-icon {
  float: left;
  margin-top: 2px;
  margin-right: 4px;
  clear: left;
  line-height: 13px;
  width: 116px;
  overflow: hidden; }

.comcenter-chatpartyjoin-joinbutton {
  float: right;
  margin-right: 2px; }

.comcenter-chat-group-partyservername-players {
  color: #8a8a8a;
  float: left;
  cursor: pointer; }

.comcenter-chat-group-nooneplaying {
  text-align: center;
  color: #8a8a8a;
  background: #F3F3F3;
  border-bottom: 1px solid #D2D2D2;
  height: 41px;
  clear: both; }

.comcenter-chat-group-settings {
  float: right;
  display: block;
  height: 12px;
  width: 12px;
  background: url(../comcenter/settings.png);
  margin-right: 6px;
  margin-top: 7px;
  position: relative; }
  .comcenter-chat-group-settings:hover {
    background-position: 0 -12px; }

body .comcenter-chatparty-gameicon {
  margin-top: 1px;
  margin-right: 0px;
  position: relative;
  top: 4px;
  left: -4px; }

.comcenter-chat-partyowner {
  position: absolute;
  top: 0px;
  width: 2px;
  height: 2px;
  background: #000; }

.comcenter-chatparty-playingserver {
  width: 100px;
  overflow: hidden; }

#comcenter-matches-list-empty {
  color: #a8a8a8;
  padding-left: 10px;
  border-bottom: 1px solid #302f33;
  font-weight: normal;
  padding: 10px;
  font-size: 12px; }

/* Full height comcenter styling
 -------------------------------------------------------------------- */
#comcenter-friends .comcenter-friends-border {
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: -1px;
  background: #dfdfdf;
  opacity: 0.25;
  filter: alpha(opacity=25); }

#comcenter-tab-friends-content, #comcenter-tab-chats, #comcenter-tab-search {
  position: absolute;
  top: 48px;
  right: 0;
  bottom: 41px;
  left: 0;
  background: none;
  overflow: auto;
  margin-bottom: 0;
  outline: none; }
  .app-promotion #comcenter-tab-friends-content, .app-promotion #comcenter-tab-chats, .app-promotion #comcenter-tab-search {
    bottom: 134px; }

.comcenter-taskbar-info {
  display: none; }

.base-button-party {
  background-image: url(../comcenter/fullwidth-button-party.png);
  width: 132px;
  margin-left: 2px; }

li.comcenter-found-no-online-friends {
  background: none; }
li.comcenter-separator {
  height: 19px;
  margin-top: 4px;
  padding-left: 24px;
  margin-left: 2px; }

#comcenter-friendbutton {
  border: 0; }

.comcenter-friend-online .comcenter-username a, .comcenter-friend-online .comcenter-username .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .comcenter-friend-online .comcenter-username a, .comcenter-friend-playing .comcenter-username a, .comcenter-friend-playing .comcenter-username .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .comcenter-friend-playing .comcenter-username a, #comcenter-surface-friendrequests .comcenter-username a, #comcenter-surface-friendrequests .comcenter-username .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #comcenter-surface-friendrequests .comcenter-username a {
  color: white; }

.comcenter-friend-draggable, .comcenter-friend-draggable-dummy {
  float: left;
  width: 3px;
  height: 8px;
  margin-left: 1px;
  margin-right: 6px;
  margin-top: 14px; }

.comcenter-friend-draggable {
  background: url(../comcenter/comcenter-draggable.png);
  background-position: 0 48px; }

.base-button-party {
  display: none; }

.comcenter-full-height {
  display: inline; }

.comcenter-small-height {
  display: none; }

#comcenter-friendbutton {
  bottom: 0px;
  right: 0px;
  position: absolute; }

.comcenter-full-height {
  display: none; }

.comcenter-chat-username-link {
  padding-left: 6px;
  font-size: 12px;
  float: left; }

/* NEW STUFF HERE */
#comcenter-friends {
  display: block;
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1001;
  width: 237px;
  background: rgba(0, 0, 0, 0.75);
  font-size: 12px;
  /** Begin states **/
  /** End states **/ }
  #comcenter-friends .jspVerticalBar {
    right: 0; }
    #comcenter-friends .jspVerticalBar .jspDrag {
      border-radius: 0; }
  #comcenter-friends .comcenter-setting.mic.muted {
    background-color: #d11b1b;
    background-position: -38px -71px; }
  #comcenter-friends #comcenter-friendrequests-list {
    margin-bottom: 6px; }
    #comcenter-friends #comcenter-friendrequests-list .comcenter-username a, #comcenter-friends #comcenter-friendrequests-list .comcenter-username .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #comcenter-friends #comcenter-friendrequests-list .comcenter-username a {
      width: 90px; }
  #comcenter-friends .comcenter-username-idle {
    float: left;
    font-size: 12px;
    white-space: nowrap;
    padding-top: 1px;
    margin-top: 0; }
  #comcenter-friends .comcenter-username-away {
    color: #8a8a8a;
    font-size: 11px;
    font-weight: normal;
    line-height: 15px; }
  #comcenter-friends #comcenter-tab-friends-content .common-playing-link {
    font-weight: normal;
    font-size: 11px;
    color: #8a8a8a;
    line-height: 15px;
    width: 100px; }
  #comcenter-friends #comcenter-tab-friends-content li {
    position: relative;
    padding: 4px 8px; }
    #comcenter-friends #comcenter-tab-friends-content li:hover {
      background: rgba(255, 255, 255, 0.2);
      cursor: pointer; }
      #comcenter-friends #comcenter-tab-friends-content li:hover .comcenter-friend-draggable {
        background-position: 0 0px; }
    #comcenter-friends #comcenter-tab-friends-content li.comcenter-friend-playing .comcenter-username {
      color: #a0a0a0;
      margin-top: 0; }
    #comcenter-friends #comcenter-tab-friends-content li.comcenter-add-friend {
      padding: 8px;
      padding-left: 19px;
      color: #8a8a8a; }
      #comcenter-friends #comcenter-tab-friends-content li.comcenter-add-friend .icon {
        margin-right: 2px; }
    #comcenter-friends #comcenter-tab-friends-content li.comcenter-add-friend-disabled {
      opacity: 0.2;
      cursor: default; }
    #comcenter-friends #comcenter-tab-friends-content li.comcenter-found-no-online-friends {
      color: #8a8a8a;
      text-align: center;
      cursor: default;
      background: #FDFDFD; }
      #comcenter-friends #comcenter-tab-friends-content li.comcenter-found-no-online-friends:hover {
        color: #8a8a8a;
        text-align: center;
        cursor: default;
        background: #FDFDFD; }
    #comcenter-friends #comcenter-tab-friends-content li.comcenter-separator.offline {
      background: rgba(0, 0, 0, 0.4); }
      #comcenter-friends #comcenter-tab-friends-content li.comcenter-separator.offline:hover {
        background: black;
        cursor: pointer; }
    #comcenter-friends #comcenter-tab-friends-content li.comcenter-separator.online {
      font-family: Purista, sans-serif;
      font-style: normal;
      font-weight: 600; }
      #comcenter-friends #comcenter-tab-friends-content li.comcenter-separator.online:hover {
        background: none;
        cursor: default; }
      #comcenter-friends #comcenter-tab-friends-content li.comcenter-separator.online .origin {
        padding-left: 24px; }
        #comcenter-friends #comcenter-tab-friends-content li.comcenter-separator.online .origin:before {
          content: "";
          position: absolute;
          background: url(../base/shared/origin-logo.png);
          top: 2px;
          width: 16px;
          height: 22px;
          display: block; }
    #comcenter-friends #comcenter-tab-friends-content li.comcenter-searched-for {
      padding-left: 16px;
      color: #353535;
      height: 28px;
      line-height: 28px; }
      #comcenter-friends #comcenter-tab-friends-content li.comcenter-searched-for:hover {
        background: #FDFDFD;
        cursor: default; }
    #comcenter-friends #comcenter-tab-friends-content li.comcenter-separator {
      cursor: pointer;
      line-height: 20px;
      font-size: 13px;
      text-transform: uppercase;
      font-family: Frutiger;
      color: #8a8a8a;
      padding-left: 16px;
      white-space: nowrap; }
      #comcenter-friends #comcenter-tab-friends-content li.comcenter-separator .base-left {
        float: none; }
    #comcenter-friends #comcenter-tab-friends-content li .join-friend {
      float: right;
      margin-left: 5px; }
    #comcenter-friends #comcenter-tab-friends-content li .icon-origin, #comcenter-friends #comcenter-tab-friends-content li .icon-mobile {
      float: right;
      margin: 14px 0 0 10px; }
    #comcenter-friends #comcenter-tab-friends-content li .origin-game-title {
      width: 150px; }
  #comcenter-friends .app-promotion {
    overflow: hidden;
    position: absolute; }
    #comcenter-friends .app-promotion .box {
      bottom: 43px; }
    #comcenter-friends .app-promotion .box-content {
      padding-bottom: 0px;
      background-color: rgba(255, 255, 255, 0.08); }
    #comcenter-friends .app-promotion img {
      float: left; }
    #comcenter-friends .app-promotion .origin {
      float: none; }
    #comcenter-friends .app-promotion .text {
      margin-left: 64px;
      font-size: 12px; }
      #comcenter-friends .app-promotion .text .title {
        color: #000;
        font-weight: bold;
        display: inline-block;
        margin-top: 8px; }
      #comcenter-friends .app-promotion .text .upsell {
        color: #34454f;
        display: inline-block;
        margin-top: 8px; }
    #comcenter-friends .app-promotion .app-promotion-interaction-area {
      position: absolute;
      right: 4px;
      top: 4px;
      width: 20px; }
      #comcenter-friends .app-promotion .app-promotion-interaction-area .app-promotion-close {
        background: url(../base/shared/row_icon_chat_light.png) 0 -26px;
        width: 13px;
        height: 13px;
        position: relative;
        float: right;
        cursor: pointer; }
      #comcenter-friends .app-promotion .app-promotion-interaction-area .app-promotion-close:hover {
        background-position: 0 -39px; }

#comcenter .comcenter-interact-party, #comcenter div.comcenter-interact-playing, #comcenter .comcenter-interact-party-invite, #comcenter .comcenter-interact-chat-offline, #comcenter .comcenter-interact-chat, #comcenter-friends .comcenter-interact-party, #comcenter-friends div.comcenter-interact-playing, #comcenter-friends .comcenter-interact-party-invite, #comcenter-friends .comcenter-interact-chat-offline, #comcenter-friends .comcenter-interact-chat {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  height: 24px;
  width: 23px;
  float: right;
  border: 0;
  cursor: pointer;
  margin-top: 4px; }
#comcenter .comcenter-interact-container .comcenter-interact-party, #comcenter .comcenter-interact-container div.comcenter-interact-playing, #comcenter .comcenter-interact-container .comcenter-interact-party-invite, #comcenter .comcenter-interact-container .comcenter-interact-chat-offline, #comcenter .comcenter-interact-container .comcenter-interact-chat, #comcenter-friends .comcenter-interact-container .comcenter-interact-party, #comcenter-friends .comcenter-interact-container div.comcenter-interact-playing, #comcenter-friends .comcenter-interact-container .comcenter-interact-party-invite, #comcenter-friends .comcenter-interact-container .comcenter-interact-chat-offline, #comcenter-friends .comcenter-interact-container .comcenter-interact-chat {
  margin-top: 9px; }
#comcenter .comcenter-interact-party, #comcenter-friends .comcenter-interact-party {
  background: transparent url(../comcenter/icons-interact.png) no-repeat;
  background-position: 0 -120px; }
  #comcenter .comcenter-interact-party.inParty, #comcenter-friends .comcenter-interact-party.inParty {
    background-position: -23px -120px; }
    #comcenter .comcenter-interact-party.inParty:hover, #comcenter-friends .comcenter-interact-party.inParty:hover {
      background-position: -46px -120px; }
    #comcenter .comcenter-interact-party.inParty:active, #comcenter-friends .comcenter-interact-party.inParty:active {
      background-position: -69px -120px; }
#comcenter .comcenter-friend-item:hover .comcenter-interact-chat, #comcenter .comcenter-friend-item:hover .comcenter-interact-party-invite, #comcenter-friends .comcenter-friend-item:hover .comcenter-interact-chat, #comcenter-friends .comcenter-friend-item:hover .comcenter-interact-party-invite {
  display: block; }
#comcenter .comcenter-interact-party-invite, #comcenter .comcenter-interact-chat-offline, #comcenter .comcenter-interact-chat, #comcenter-friends .comcenter-interact-party-invite, #comcenter-friends .comcenter-interact-chat-offline, #comcenter-friends .comcenter-interact-chat {
  display: none;
  background: transparent url(../comcenter/icons-interact.png) no-repeat;
  background-position: -23px -96px; }
  #comcenter .comcenter-interact-party-invite:hover, #comcenter .comcenter-interact-chat-offline:hover, #comcenter .comcenter-interact-chat:hover, #comcenter-friends .comcenter-interact-party-invite:hover, #comcenter-friends .comcenter-interact-chat-offline:hover, #comcenter-friends .comcenter-interact-chat:hover {
    background-position: -96px -96px;
    cursor: pointer; }
#comcenter .comcenter-interact-chat-offline, #comcenter-friends .comcenter-interact-chat-offline {
  background-position: 0 -96px; }
#comcenter .icon.chat, #comcenter-friends .icon.chat {
  display: inline-block; }
  #comcenter .icon.chat.group, #comcenter-friends .icon.chat.group {
    background: url(../comcenter/icon-party.png) no-repeat scroll 0 -5px transparent;
    width: 29px;
    height: 22px;
    vertical-align: baseline; }
  #comcenter .icon.chat.close, #comcenter .icon.chat.contract, #comcenter-friends .icon.chat.close, #comcenter-friends .icon.chat.contract {
    height: 13px;
    width: 13px;
    background: url(../base/shared/row_icon_chat.png);
    cursor: pointer; }
    #comcenter .icon.chat.close.inverted, #comcenter .icon.chat.contract.inverted, #comcenter-friends .icon.chat.close.inverted, #comcenter-friends .icon.chat.contract.inverted {
      background-image: url(../base/shared/row_icon_chat_light.png); }
  #comcenter .icon.chat.close, #comcenter-friends .icon.chat.close {
    background-position: 0 26px; }
    #comcenter .icon.chat.close:hover, #comcenter-friends .icon.chat.close:hover {
      background-position: 0 13px; }
    #comcenter .icon.chat.close:after, #comcenter-friends .icon.chat.close:after {
      display: none; }
  #comcenter .icon.chat.contract, #comcenter-friends .icon.chat.contract {
    background-position: 0 0; }
    #comcenter .icon.chat.contract:hover, #comcenter-friends .icon.chat.contract:hover {
      background-position: 0 -13px; }
  #comcenter .icon.chat.unread, #comcenter-friends .icon.chat.unread {
    display: none;
    background: url(../comcenter/unread.png);
    position: absolute;
    top: 0px;
    right: 0;
    height: 9px;
    width: 9px;
    z-index: 13; }
  #comcenter .icon.chat.add-friend, #comcenter-friends .icon.chat.add-friend {
    background: url(../comcenter/fullwidth-addfriend.png) no-repeat;
    width: 26px;
    height: 26px;
    vertical-align: middle; }

#comcenter-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%; }
  #comcenter-area.chats .show-cc-btn {
    opacity: 0.6; }
  #comcenter-area.chats .show-chat-btn {
    opacity: 1; }

#friendlist-header {
  margin-left: 15px;
  height: auto;
  margin-top: 6px;
  font-size: 14px;
  line-height: 42px;
  font-family: Frutiger;
  color: #2a3b44;
  text-transform: uppercase; }

.comcenter-username {
  float: left;
  position: relative;
  font-size: 12px; }
  .comcenter-username a, .comcenter-username .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .comcenter-username a {
    display: inline-block;
    white-space: nowrap;
    width: 130px;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 18px; }
  .comcenter-username .comcenter-chat-username-link a, .comcenter-username .comcenter-chat-username-link .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .comcenter-username .comcenter-chat-username-link a {
    width: 150px;
    display: block;
    margin-top: 2px;
    margin-bottom: -2px; }
  .comcenter-username .comcenter-chat-username-link .comcenter-username-away {
    color: #8a8a8a;
    font-size: 11px;
    font-weight: normal;
    line-height: 15px;
    text-shadow: none; }
  .comcenter-username p {
    font-weight: normal;
    clear: both;
    font-size: 11px; }

/* COMCENTER SETTINGS */
.comcenter-settings {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  overflow: hidden;
  text-align: center;
  line-height: 1;
  z-index: 1;
  padding: 0 8px;
  height: 41px;
  line-height: 41px;
  border-top: 1px solid rgba(223, 223, 223, 0.15); }
  .comcenter-settings .icon.group {
    margin-bottom: -5px;
    margin-top: -1px; }
  .comcenter-settings .base-left {
    position: absolute;
    right: 112px; }

/* COMCENTER LIST */
.comcenter-list li:hover {
  background: rgba(255, 255, 255, 0.2); }

/* CHATS */
#comcenter-chats {
  position: absolute;
  margin: 0;
  height: 0;
  right: 8px;
  bottom: 40px; }
  .show-comcenter #comcenter-chats {
    right: 242px; }
  #comcenter-chats .comcenter-chat-gameicon {
    margin-top: 6px; }
  #comcenter-chats .comcenter-divider-left {
    float: right; }
  #comcenter-chats .comcenter-chat-avatar {
    position: relative;
    margin-left: 6px;
    margin-right: 0; }
  #comcenter-chats .comcenter-username a, #comcenter-chats .comcenter-username .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #comcenter-chats .comcenter-username a {
    color: #000; }
  #comcenter-chats .comcenter-chat-more-users {
    color: #a8a8a8;
    text-align: center;
    width: 26px;
    height: 26px;
    line-height: 26px;
    float: left; }
    #comcenter-chats .comcenter-chat-more-users:hover {
      cursor: pointer;
      color: #fff;
      background: rgba(255, 255, 255, 0.1); }
  #comcenter-chats .comcenter-chat-taskbar-avatar {
    color: #a8a8a8; }
    #comcenter-chats .comcenter-chat-taskbar-avatar .username {
      color: #a8a8a8; }
  #comcenter-chats .comcenter-chat-taskbar-username {
    color: #a8a8a8; }
  #comcenter-chats .comcenter-chat-taskbar-button {
    padding-left: 8px;
    padding-right: 8px;
    height: 40px;
    overflow: hidden; }
    #comcenter-chats .comcenter-chat-taskbar-button .avatar {
      float: left;
      display: inline-block;
      position: relative;
      margin: 8px 4px 0 0;
      line-height: 1; }
    #comcenter-chats .comcenter-chat-taskbar-button .username {
      display: inline-block;
      width: 71px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  #comcenter-chats .chat-header .icon.chat {
    float: right;
    margin: 10px 0;
    margin-right: 5px; }
  #comcenter-chats .comcenter-chat-taskbar-button:hover .icon.close {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 8px; }

.comcenter-chat-taskbar-group {
  float: left; }

.comcenter-chat-group-icon {
  background: url(../comcenter/icon-party.png) no-repeat scroll 0 -5px transparent;
  height: 22px; }

.chat-header .comcenter-chat-group-icon {
  position: relative;
  top: -5px;
  left: 4px; }

/* PARTY CHAT */
.comcenter-chat-taskbar-username {
  display: inline-block;
  white-space: nowrap;
  width: 123px;
  overflow: hidden;
  text-overflow: ellipsis; }
  .comcenter-chat-taskbar-username .club-emblem {
    position: relative;
    top: 10px;
    margin-right: 3px; }
  .comcenter-chat-taskbar-username .icon.group {
    background-position: 0 -79px;
    position: relative;
    top: 5px; }

.comcenter-party-chat.active .icon.group {
  background-position: 0 -41px; }

.comcenter-chat-taskbar {
  position: relative;
  float: right;
  width: 136px;
  height: 40px;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.9);
  border-bottom: 0;
  color: #000;
  margin-left: 1px; }
  .comcenter-chat-taskbar:hover {
    background: rgba(42, 42, 42, 0.9); }
  .comcenter-chat-taskbar.active {
    color: #000;
    background: url(../comcenter/comcenter-active.png);
    border-left: 0;
    border-right: 0;
    width: 232px; }
    .comcenter-chat-taskbar.active .icon-close {
      display: block; }
    .comcenter-chat-taskbar.active .comcenter-chat-taskbar-username {
      color: #000; }
  .comcenter-chat-taskbar.unread .icon.unread, .comcenter-chat-taskbar.active .comcenter-chat-content {
    display: block; }

.comcenter-chat-party-menu-dropdown {
  display: none;
  position: absolute;
  top: 24px;
  width: 120px;
  background: rgba(0, 0, 0, 0.9);
  right: -42px;
  z-index: 10;
  line-height: 26px;
  border: 1px solid #302f33;
  font-size: 11px;
  text-indent: 6px;
  text-shadow: none; }
  .comcenter-chat-party-menu-dropdown li {
    border-top: 1px solid #302f33; }
    .comcenter-chat-party-menu-dropdown li:hover {
      background: rgba(255, 255, 255, 0.2); }
  .comcenter-chat-party-menu-dropdown a, .comcenter-chat-party-menu-dropdown .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .comcenter-chat-party-menu-dropdown a {
    color: #fff;
    display: block;
    font-size: 11px; }
  .comcenter-chat-party-menu.active .comcenter-chat-party-menu-dropdown {
    display: block; }

#comcenter, #comcenter-friends {
  -webkit-user-select: none;
  user-select: none; }

#comcenter-chats .comcenter-chat-chat {
  -webkit-user-select: text;
  user-select: text; }

.btn-yes, .btn-no {
  width: 25px;
  height: 26px;
  float: left;
  cursor: pointer; }

.btn-yes {
  background: url(../base/bfbc2/buttons/base_button_yesno.png) no-repeat 0 -26px; }
  .btn-yes.active, .btn-yes:active {
    background-position: 0 -52px; }
  .btn-yes:hover[disabled], .btn-yes:active[disabled], .btn-yes[disabled] {
    background-position: 0 -78px;
    cursor: default; }

.btn-no {
  background: url(../base/bfbc2/buttons/base_button_yesno.png) no-repeat -25px 0; }
  .btn-no:hover {
    background-position: -25px -26px; }
  .btn-no.active, .btn-no:active {
    background-position: -25px -52px; }
  .btn-no:hover[disabled], .btn-no:active[disabled], .btn-no[disabled] {
    background-position: -25px -78px;
    cursor: default; }

#friendlist-header {
  position: relative; }
  #friendlist-header .icon-search {
    background: url(../base/shared/search-icon-white.png) 0 0 no-repeat;
    height: 14px;
    width: 14px;
    padding: 0;
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 16px; }
  #friendlist-header form {
    display: none;
    line-height: 1; }
    #friendlist-header form input {
      background: #000;
      outline: none;
      border: 1px solid #505050;
      color: #fff;
      width: 188px;
      padding: 4px 8px;
      margin: 0; }
      #friendlist-header form input::-ms-clear {
        display: none; }
      #friendlist-header form input:focus {
        border-color: #fff; }

#comcenter-area.show-search #friendlist-header form {
  top: 42px;
  position: relative;
  display: block; }
  #comcenter-area.show-search #friendlist-header form .icon-close {
    position: absolute;
    top: 7px;
    right: 22px;
    z-index: 1;
    cursor: pointer; }
#comcenter-area.show-search #comcenter-tab-chats, #comcenter-area.show-search #comcenter-tab-friends-content {
  display: none; }
#comcenter-area.show-search #comcenter-tab-search {
  display: block;
  top: 80px; }
#comcenter-area.show-search #comcenter-search-results p {
  padding: 10px;
  color: #fff; }
#comcenter-area.show-search #comcenter-search-results li {
  margin-bottom: 8px; }
#comcenter-area.show-search #comcenter-search-results i.icon-platform {
  display: inline-block;
  position: relative;
  top: 15px; }

.comcenter-toggle {
  display: none; }
  .comcenter-toggle.show-cc-btn, .comcenter-toggle.show-chat-btn {
    display: block; }
  .comcenter-toggle.show-chat-btn button .icon {
    background: url(../base/shared/header-icons.png) -240px 0 no-repeat; }
  .comcenter-toggle.show-chat-btn.unread button {
    color: orange !important; }
    .comcenter-toggle.show-chat-btn.unread button .icon {
      background-position: -240px -30px; }
  .comcenter-toggle button {
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 400;
    position: relative;
    vertical-align: middle;
    background: none;
    border: 0;
    cursor: pointer;
    width: auto;
    color: #2a3b44;
    font-size: 16px;
    margin-top: 6px;
    padding: 7px 0 0;
    margin: 0;
    outline: 0; }
    .comcenter-toggle button:not(:hover) {
      opacity: 0.9; }
    .comcenter-toggle button .icon {
      width: 30px;
      height: 30px;
      background: url(../base/shared/header-icons.png) -180px 0 no-repeat;
      display: inline-block;
      vertical-align: middle;
      top: -3px;
      position: relative; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
        .comcenter-toggle button .icon {
          background-image: url("../base/shared/header-icons@2x.png");
          background-size: 240px 60px; } }

/* Fix for removing white background on checkboxes in chrome when using -webkit-backface-visibility: hidden;
       https://code.google.com/p/chromium/issues/detail?id=119698 */
/*
#base-header,
#base-container,
#comcenter-friends,
#comcenter-chats {
    //@include transform(translateZ(0));
    -webkit-perspective: 1000;
    //-webkit-backface-visibility: hidden;
}*/
#comcenter-challenges-list-loading {
  text-align: center; }
  #comcenter-challenges-list-loading .loader {
    margin-top: 16px; }

#challenges .comcenter-notification-text {
  padding-left: 51px;
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer; }

#challenges .comcenter-notification-text span.username {
  font-weight: bold;
  color: #fff; }

#challenges .comcenter-notification-text span.mission {
  color: #fff; }

#react-chats-container .chats-info {
  color: #fff;
  font-family: Tahoma, Arial, sans-serif;
  padding: 16px;
  text-align: center;
  line-height: 18px; }
  #react-chats-container .chats-info h2 {
    font-size: 14px;
    color: #8a8a8a; }
#react-chats-container .comcenter-create-chat {
  margin: 8px;
  text-align: center;
  width: 220px; }
#react-chats-container .chat-title {
  font-family: Tahoma, Arial, sans-serif;
  color: #8a8a8a;
  font-size: 13px;
  text-transform: uppercase;
  display: block;
  margin: 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 6px; }
#react-chats-container ul {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0; }
#react-chats-container li {
  list-style: none;
  position: relative;
  padding: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  line-height: 16px;
  font-size: 13px;
  color: #8a8a8a;
  cursor: pointer; }
  #react-chats-container li.kicked {
    opacity: 0.5; }
    #react-chats-container li.kicked:hover {
      opacity: 1; }
      #react-chats-container li.kicked:hover .leave-btn {
        display: block; }
  #react-chats-container li .leave-btn {
    display: none;
    position: absolute;
    top: 10px;
    right: 18px; }
  #react-chats-container li.unread .chat-row-info .unreadCount {
    display: block; }
  #react-chats-container li.unread:before {
    position: absolute;
    top: 0;
    right: 0;
    width: 9px;
    height: 9px;
    background: url('../comcenter/unread.png');
    content: ""; }
  #react-chats-container li:hover {
    background: rgba(255, 255, 255, 0.2); }
  #react-chats-container li.selected {
    background-color: rgba(255, 255, 255, 0.8);
    color: #000;
    box-shadow: 0 0 5px white; }
  #react-chats-container li .chat-club-emblem, #react-chats-container li .chat-icon {
    float: left;
    width: 44px;
    height: 36px; }
  #react-chats-container li .chat-icon {
    position: relative; }
    #react-chats-container li .chat-icon.group {
      background: url('../comcenter/chat/group-icon.png') no-repeat top left; }
    #react-chats-container li .chat-icon .avatar-container {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
  #react-chats-container li .chat-club-emblem {
    position: relative; }
    #react-chats-container li .chat-club-emblem img {
      position: absolute;
      top: 6px;
      left: 6px; }
  #react-chats-container li .chat-row-info {
    float: left;
    width: 174px; }
    #react-chats-container li .chat-row-info .usernames {
      margin-right: 8px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-weight: bold;
      font-size: 14px; }
    #react-chats-container li .chat-row-info .unreadCount {
      font-size: 12px;
      color: orange;
      display: none;
      position: absolute;
      bottom: 8px;
      right: 6px; }
  #react-chats-container li .lastmessage {
    margin-top: 4px;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    #react-chats-container li .lastmessage .em {
      width: 18px;
      height: 18px;
      display: -moz-inline-stack;
      display: inline-block;
      *display: inline;
      zoom: 1;
      position: relative;
      top: 3px; }
  #react-chats-container li.no-user .lastmessage {
    margin-top: 11px; }

.show-chat-btn {
  position: absolute;
  top: 0;
  left: 116px;
  opacity: 0.6; }

.show-cc-btn {
  position: absolute;
  top: 0;
  left: 46px;
  opacity: 1; }

/*
Fix for platform icons in search tab being stacked in top right corner.
*/
#comcenter-tab-search #comcenter-search-results li {
  padding: 4px 8px; }
#comcenter-tab-search #comcenter-search-results .comcenter-friend .comcenter-username {
  margin-top: 1px; }
#comcenter-tab-search #comcenter-search-results .comcenter-friend .comcenter-interact-container {
  position: relative;
  display: inline-block;
  right: 0;
  width: 130px; }
  #comcenter-tab-search #comcenter-search-results .comcenter-friend .comcenter-interact-container i.icon-platform {
    top: 0; }

#comcenter-friends {
  background: #080c0f; }
  #comcenter-friends #comcenter-tab-friends-content li.comcenter-separator {
    margin-left: 0;
    color: #fff; }
    #comcenter-friends #comcenter-tab-friends-content li.comcenter-separator.offline {
      background: rgba(255, 255, 255, 0.15); }
      #comcenter-friends #comcenter-tab-friends-content li.comcenter-separator.offline:hover {
        background: rgba(255, 255, 255, 0.1); }
  #comcenter-friends .comcenter-friend .comcenter-friend-offline a, #comcenter-friends .comcenter-friend .comcenter-friend-offline .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #comcenter-friends .comcenter-friend .comcenter-friend-offline a {
    color: #34454f; }
  #comcenter-friends button {
    color: #fff; }

#friendlist-header {
  color: #fff; }

.comcenter-toggle button {
  color: #fff;
  padding: 0;
  line-height: 36px; }

#comcenter-tab-friends-content .btn.btn-small.join-friend-submit-link, .comcenter-chat-content .btn.btn-small.join-friend-submit-link {
  margin-top: 6px; }
  #comcenter-tab-friends-content .btn.btn-small.join-friend-submit-link i, .comcenter-chat-content .btn.btn-small.join-friend-submit-link i {
    margin-top: 8px;
    background: url(../base/shared/icon-join.png) 0 -10px no-repeat;
    background-repeat: no-repeat;
    height: 10px;
    width: 10px; }

#comcenter-tab-friends-content .btn.btn-small.join-friend-submit-link.btn-primary, #comcenter-chats .comcenter-chat-content .btn.btn-small.join-friend-submit-link.btn-primary {
  width: 26px;
  height: 27px;
  margin-top: 7px; }
  #comcenter-tab-friends-content .btn.btn-small.join-friend-submit-link.btn-primary .icon-join-friend, #comcenter-chats .comcenter-chat-content .btn.btn-small.join-friend-submit-link.btn-primary .icon-join-friend {
    position: absolute;
    background-position: 0 0;
    left: 6px !important;
    top: 8px; }

#comcenter-chats .comcenter-chat-content .comcenter-chat-header .btn.btn-small.join-friend-submit-link.btn-primary .icon-join-friend {
  left: 0px; }

#comcenter-chats .comcenter-chat-content .btn.btn-small.join-friend-submit-link.btn-primary {
  margin-top: 3px; }

#comcenter-chats .comcenter-chat-username-other a, #comcenter-chats .comcenter-chat-username-other .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #comcenter-chats .comcenter-chat-username-other a {
  color: #a8a8a8; }
#comcenter-chats .comcenter-chatpartyjoin-icon {
  width: 110px; }
  #comcenter-chats .comcenter-chatpartyjoin-icon .common-playing-link {
    color: #a8a8a8; }
    #comcenter-chats .comcenter-chatpartyjoin-icon .common-playing-link a, #comcenter-chats .comcenter-chatpartyjoin-icon .common-playing-link .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #comcenter-chats .comcenter-chatpartyjoin-icon .common-playing-link a {
      white-space: nowrap; }
#comcenter-chats .join-friend-generic-button.join-friend-submit-link {
  left: 5px;
  width: 130px;
  text-align: center; }
#comcenter-chats .pull-left {
  margin: 0; }
#comcenter-chats .comcenter-chat-content {
  background-color: rgba(0, 0, 0, 0.85);
  border: 1px solid #2E2E2E; }
#comcenter-chats .comcenter-chat-message {
  border-top: 1px solid #1D1D1D; }
  #comcenter-chats .comcenter-chat-message:first-child {
    border-top: 0; }
#comcenter-chats .chat-header-group-chat {
  line-height: 32px; }
#comcenter-chats .chat-header {
  position: relative;
  border-bottom: 1px solid #2E2E2E;
  background: rgba(0, 0, 0, 0.45);
  font-family: Arial;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  height: 34px;
  margin-bottom: 1px;
  line-height: 32px;
  width: 230px;
  z-index: 100; }
  #comcenter-chats .chat-header .comcenter-close-group, #comcenter-chats .chat-header .comcenter-close {
    top: 10px; }
#comcenter-chats .comcenter-chat-chat {
  overflow-y: scroll;
  height: 298px;
  width: 229px;
  margin-top: 1px;
  color: #959595;
  background: none;
  position: relative; }
#comcenter-chats .comcenter-chat-idle {
  background: #000;
  margin-left: -5px;
  margin-right: -5px; }
#comcenter-chats .comcenter-chat-offline {
  background: #000;
  margin-left: -5px;
  margin-right: -5px; }
#comcenter-chats .comcenter-chat-serverinfo a, #comcenter-chats .comcenter-chat-serverinfo .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #comcenter-chats .comcenter-chat-serverinfo a {
  color: #a8a8a8; }
#comcenter-chats .comcenter-chat-idle, #comcenter-chats .comcenter-chat-offline, #comcenter-chats .comcenter-chat-server {
  border-bottom: 0; }
#comcenter-chats .comcenter-chat-input {
  background: rgba(0, 0, 0, 0.45);
  margin-left: 1px;
  padding-top: 10px;
  height: 25px;
  border: 1px solid rgba(10, 10, 10, 0.6);
  color: #a8a8a8; }
#comcenter-chats .comcenter-username a, #comcenter-chats .comcenter-username .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #comcenter-chats .comcenter-username a {
  color: #fff;
  text-shadow: none; }
#comcenter-chats .comcenter-chat-taskbar.active {
  background: none; }
#comcenter-chats .comcenter-chat-timestamp {
  color: #8a8a8a; }
#comcenter-chats .comcenter-chat-bottom-container {
  border-top: 1px solid #2e2e2e;
  background: #000; }
  #comcenter-chats .comcenter-chat-bottom-container .comcenter-chat-bottom {
    height: 38px;
    overflow: hidden; }
#comcenter-chats .comcenter-chat-message-content {
  color: #d3d3d3; }
  #comcenter-chats .comcenter-chat-message-content a, #comcenter-chats .comcenter-chat-message-content .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #comcenter-chats .comcenter-chat-message-content a {
    color: #d3d3d3; }
#comcenter-chats .comcenter-chat-content .comcenter-chat-minisize {
  height: 264px; }
#comcenter-chats #comcenter-tab-friends-content .btn.btn-small.join-friend-submit-link, #comcenter-chats .comcenter-chat-content .btn.btn-small.join-friend-submit-link {
  width: 24px;
  height: 24px;
  padding: 0 7px;
  margin-top: 4px; }
  #comcenter-chats #comcenter-tab-friends-content .btn.btn-small.join-friend-submit-link i, #comcenter-chats .comcenter-chat-content .btn.btn-small.join-friend-submit-link i {
    position: relative;
    top: -4px; }
#comcenter-chats #comcenter-tab-friends-content:hover .btn.btn-small.join-friend-submit-link:hover, #comcenter-chats .comcenter-chat-content:hover .btn.btn-small.join-friend-submit-link:hover {
  border: 1px solid #f90; }
#comcenter-chats .comcenter-chat-header, #comcenter-chats .comcenter-chat-group-header {
  border-top: 0;
  border-bottom: 1px solid #2e2e2e;
  line-height: 28px; }
#comcenter-chats .comcenter-chat-group-nooneplaying {
  background: none;
  border-bottom: 1px solid #2e2e2e; }
#comcenter-chats .comcenter-chat-group-settings {
  float: right;
  display: block;
  height: 12px;
  width: 12px;
  opacity: 0.8;
  background: url(../comcenter/settings.png) 0 -24px;
  margin-right: 6px;
  margin-top: 7px;
  position: relative; }
  #comcenter-chats .comcenter-chat-group-settings:hover {
    opacity: 1; }
#comcenter-chats .comcenter-chat-group-partyserver {
  background: #000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #2E2E2E; }
#comcenter-chats .comcenter-chat-status-message-content {
  color: #ccc; }
#comcenter-chats .comcenter-chat-status-message-content {
  border-top: 1px solid #2e2e2e; }
#comcenter-chats .base-general-dropdown-area {
  position: relative;
  background: #333;
  top: 0; }
  #comcenter-chats .base-general-dropdown-area ul li {
    height: 34px;
    line-height: 34px;
    border-top: 1px solid #666;
    cursor: pointer; }
    #comcenter-chats .base-general-dropdown-area ul li a, #comcenter-chats .base-general-dropdown-area ul li .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #comcenter-chats .base-general-dropdown-area ul li a {
      margin-left: 5px;
      color: #fff; }

.comcenter-chat-droppable-content {
  color: #a8a8a8; }

#comcenter-chats .comcenter-chat-droppable {
  background: url(../comcenter/dropzone-party-transparent.png) no-repeat; }

#comcenter-chats .comcenter-chat-droppable.dragging, #comcenter-chats .comcenter-chat-droppable.active {
  background: url(../comcenter/dropzone-active.png); }

.comcenter-chat-group-partyserverbutton button {
  margin-top: -4px; }

#comcenter-area .app-promotion.box {
  background: rgba(255, 255, 255, 0.08);
  border: 0;
  box-shadow: none;
  min-height: 90px;
  bottom: 42px; }
  #comcenter-area .app-promotion.box .box-content {
    background: none; }
  #comcenter-area .app-promotion.box .text .title {
    color: #fff;
    font-weight: bold;
    display: inline-block;
    margin-top: 8px; }
  #comcenter-area .app-promotion.box .text .upsell {
    color: #8a8a8a; }

.comcenter-no-online-friends a, .comcenter-no-online-friends .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .comcenter-no-online-friends a {
  color: #8a8a8a;
  font-weight: bold; }

.error-page.unavailable .box-content {
  height: 300px;
  text-align: center;
  padding: 0; }
  .error-page.unavailable .box-content p {
    line-height: 20px;
    margin-top: 140px; }

body.originconnect_in_progress #site-gate .gate-form .originconnect-status {
  opacity: 1;
  display: block; }
body.originconnect_in_progress #site-gate .gate-form .originconnect-fallback {
  max-height: 0; }

#site-gate {
  min-height: 0; }
  #site-gate .alert {
    margin-bottom: 16px; }
  #site-gate #recaptcha_widget_div {
    margin: 8px 0; }
  #site-gate .gate-actions {
    height: 50px; }
    #site-gate .gate-actions:before, #site-gate .gate-actions:after {
      display: table;
      content: "";
      line-height: 0; }
    #site-gate .gate-actions:after {
      clear: both; }
    #site-gate .gate-actions .btn-login, #site-gate .gate-actions .btn-get-game {
      float: right;
      min-width: 316px; }
  #site-gate .site-gate-footer {
    padding: 0 16px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    #site-gate .site-gate-footer:before, #site-gate .site-gate-footer:after {
      display: table;
      content: "";
      line-height: 0; }
    #site-gate .site-gate-footer:after {
      clear: both; }
    #site-gate .site-gate-footer.show-form .gate-actions {
      height: auto; }
    #site-gate .site-gate-footer .gate-actions {
      margin: 16px 0 32px; }
    #site-gate .site-gate-footer > .btn {
      float: right;
      min-width: 288px; }
    #site-gate .site-gate-footer .btn-login {
      margin-left: 8px; }
  #site-gate .header-headline {
    display: inline-block;
    margin: 0;
    padding: 6px 0;
    font-size: 50px;
    line-height: 40px;
    color: #fff; }
  #site-gate .logo {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center 0;
    width: 992px;
    margin-bottom: 48px; }
  #site-gate .promo {
    position: relative;
    z-index: 1;
    width: 992px;
    margin-top: 94px; }
  #site-gate .base-game-selector {
    margin-top: 16px; }

.site-gate-form-wrapper {
  float: right;
  width: 408px;
  margin-left: 16px; }
  .site-gate-form-wrapper .input-wrapper:before, .site-gate-form-wrapper .input-wrapper:after {
    display: table;
    content: "";
    line-height: 0; }
  .site-gate-form-wrapper .input-wrapper:after {
    clear: both; }
  .site-gate-form-wrapper .originconnect-status {
    background-color: #1a1a1a;
    margin: 16px 0;
    padding: 27px 20px;
    display: none;
    opacity: 0;
    position: absolute;
    width: 282px;
    -webkit-transition: opacity 0.2s ease-in;
    z-index: 1; }
  .site-gate-form-wrapper .originconnect-working, .site-gate-form-wrapper .originconnect-error {
    font-size: 14px;
    font-weight: bold;
    background-image: url(../originconnect/loading_blue.gif);
    background-repeat: no-repeat;
    background-position: 0px 50%;
    padding-left: 35px;
    line-height: 22px; }
  .site-gate-form-wrapper .originconnect-error {
    display: none; }
  .site-gate-form-wrapper .originconnect-fallback {
    overflow: hidden;
    -webkit-transition: max-height 0.2s ease-in;
    max-height: 250px; }
  .site-gate-form-wrapper .originconnect-error .originconnect-status {
    background-image: url(../originconnect/originicon.png); }
  .site-gate-form-wrapper .gate-form-checkbox label {
    padding-top: 1px;
    font-size: 13px;
    float: left; }
  .site-gate-form-wrapper .gate-login-form-submit-wrapper {
    text-align: right;
    padding-top: 5px; }
  .site-gate-form-wrapper .gate-login-form-extra {
    margin-top: 2px; }
    .site-gate-form-wrapper .gate-login-form-extra a, .site-gate-form-wrapper .gate-login-form-extra .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .site-gate-form-wrapper .gate-login-form-extra a {
      font-size: 12px;
      font-weight: normal;
      margin-right: 8px;
      color: #8a8a8a; }
  .site-gate-form-wrapper label.placeholder.gate-form-input-wrapper {
    width: 200px;
    position: relative;
    height: 30px;
    background: #fff;
    margin-bottom: 5px;
    display: block;
    float: left; }
    .site-gate-form-wrapper label.placeholder.gate-form-input-wrapper.omega {
      margin-left: 8px; }
    .site-gate-form-wrapper label.placeholder.gate-form-input-wrapper span {
      position: absolute;
      top: 0;
      left: 12px;
      line-height: 30px;
      font-size: 14px;
      color: #898989;
      z-index: 0;
      cursor: text;
      /* for IE */
      opacity: 1;
      -webkit-transition: all 1s ease-out;
      transition: all 1s ease-out; }
  .site-gate-form-wrapper label.placeholder:not(.filled) input:focus + span {
    opacity: 0.5;
    -webkit-transition: all 0 linear;
    transition: all 0 linear; }
  .site-gate-form-wrapper label.placeholder.filled span {
    opacity: 0;
    -webkit-transition: all 0 linear;
    transition: all 0 linear; }
  .site-gate-form-wrapper label.placeholder input {
    width: 176px;
    height: 20px;
    color: #353535;
    line-height: 20px;
    font-size: 14px;
    padding: 5px 12px;
    font-weight: normal;
    font-family: Arial, sans-serif;
    background: transparent;
    z-index: 1;
    position: relative;
    border: 0;
    outline: 0; }
    .site-gate-form-wrapper label.placeholder input:-webkit-autofill {
      color: #434343; }
  .site-gate-form-wrapper #gate-login-form-info {
    padding-top: 8px; }
  .site-gate-form-wrapper .gate-login-form-info-status {
    font-size: 16px;
    font-weight: bold;
    line-height: 22px; }
  .site-gate-form-wrapper .gate-login-form-info-secondary {
    font-size: 14px;
    font-weight: normal;
    line-height: 22px; }
  .site-gate-form-wrapper .gate-login-form-info-action-button {
    margin-top: 15px;
    min-width: 106px; }
  .site-gate-form-wrapper .gate-login-errormsg {
    color: #da3030;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 16px; }
    .site-gate-form-wrapper .gate-login-errormsg a, .site-gate-form-wrapper .gate-login-errormsg .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .site-gate-form-wrapper .gate-login-errormsg a {
      font-size: 16px;
      font-weight: bold; }
  .site-gate-form-wrapper .gate-login-queue {
    display: none; }
    .site-gate-form-wrapper .gate-login-queue.show {
      font-size: 14px;
      display: block;
      padding-bottom: 2px; }
  .site-gate-form-wrapper table.gate-login-possible {
    width: 100%;
    padding: 0;
    margin: 0; }
    .site-gate-form-wrapper table.gate-login-possible tr td {
      vertical-align: top; }

#base-bfh-html #site-gate .header-headline {
  padding: 6px 0;
  color: #2a3b44;
  font-family: "Frutiger", sans-serif;
  font-weight: bold; }
#base-bfh-html #site-gate .logo {
  height: 302px;
  margin-bottom: 36px;
  background-image: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/logos/BFHLlogoPRIMARYrgb_992-122fbda7.png); }
#base-bfh-html #site-gate .site-gate-footer {
  background: rgba(255, 255, 255, 0.65);
  margin-bottom: 16px; }
  #base-bfh-html #site-gate .site-gate-footer.show-form .gate-actions .btn-get-game {
    float: left; }
#base-bfh-html #site-gate .gate-actions .btn-login, #base-bfh-html #site-gate .gate-actions .btn-get-game {
  float: right;
  text-align: left !important;
  font-family: "Frutiger", sans-serif;
  font-weight: normal; }
#base-bfh-html #site-gate .gate-actions .btn-login {
  font-size: 18px !important; }
#base-bfh-html #site-gate .gate-actions .btn-get-game {
  position: relative;
  font-size: 13px;
  display: inline-block;
  background: #10212b;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  #base-bfh-html #site-gate .gate-actions .btn-get-game .game-stack {
    width: 68px;
    height: 81px;
    position: absolute;
    top: -15px;
    left: 8px;
    background: url(../main/bfh/getbf-stack.png) no-repeat;
    z-index: 0; }
  #base-bfh-html #site-gate .gate-actions .btn-get-game a, #base-bfh-html #site-gate .gate-actions .btn-get-game .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #base-bfh-html #site-gate .gate-actions .btn-get-game a {
    display: block;
    padding: 0 16px 0 92px;
    min-width: 316px;
    line-height: 47px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    z-index: 1; }
#base-bfh-html #site-gate .base-game-selector .game-box {
  width: 228px; }
#base-bfh-html .site-gate-form-wrapper .originconnect-status {
  color: #000; }
#base-bfh-html .site-gate-form-wrapper .gate-login-form-info-status {
  color: #000; }
#base-bfh-html .site-gate-form-wrapper .gate-login-form-info-secondary {
  color: #34454f; }
#base-bfh-html .site-gate-form-wrapper .gate-login-queue {
  color: #34454f; }
#base-bfh-html .site-gate-form-wrapper .gate-form-checkbox label {
  color: #34454f; }

body.base-premium #profile-user .soldier-name .common-gameicon-hori {
  float: left;
  margin-right: 3px; }

i.icon.premium-badge {
  display: inline-block;
  background: url(../premium/icon-p-s.png) no-repeat;
  width: 14px;
  height: 14px; }

.base-avatar-container .base-avatar-premium-overlay-supersize2 {
  background: url(../premium/avatar-premium-corner-supersize-topleft.png) no-repeat scroll 0 0 transparent;
  height: 66px;
  width: 66px;
  position: absolute;
  z-index: 50;
  left: 0;
  top: 0; }

.base-avatar-container .base-avatar-premium-overlay-large {
  background: url(../premium/avatar-premium-corner-large.png) no-repeat scroll 0 0 transparent;
  height: 21px;
  width: 21px;
  position: absolute;
  z-index: 50;
  right: 0;
  top: 0; }

.forum-forumlist.premium {
  border-left: 4px solid #ffc17f; }

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

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

.about-loggedin-header-puff-info-premium {
  color: #fff;
  font-size: 11px;
  line-height: 2;
  width: 268px;
  margin: 20px auto;
  padding: 5px; }

label.premium-label {
  background: url(../premium/icon-p-s.png) no-repeat 100% 100%;
  padding-right: 8px; }

.premium-calendar-container {
  position: relative; }
  .premium-calendar-container .calendar-progress {
    position: absolute;
    top: 146px;
    left: 0px;
    height: 24px;
    background-color: rgba(7, 7, 7, 0.7); }
    .premium-calendar-container .calendar-progress .progress {
      background-image: url(../premium/calender-overlay.png);
      height: 24px;
      border-right: 1px solid rgba(255, 153, 0, 0.2);
      max-width: 100%; }

.premium-calendar {
  width: 100%;
  font-size: 18px;
  font-weight: normal;
  color: white;
  border-collapse: collapse;
  border: 0;
  margin-bottom: 30px; }

.premium-calendar-unavailable {
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.premium-calendar-unavailable-background {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7; }

.premium-calendar-unavailable-message {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 200px;
  text-align: center;
  color: #fff; }

.premium-calendar-head .premium-calendar-cell {
  height: 27px;
  line-height: 27px;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  background: #515152;
  background-image: linear, bottom, #49494a 38%, #5b5b5c 69%;
  background-image: -o-linear-gradient(bottom, #49494a 38%, #5b5b5c 69%);
  background-image: -moz-linear-gradient(bottom, #49494a 38%, #5b5b5c 69%);
  background-image: -webkit-linear-gradient(bottom, #49494a 38%, #5b5b5c 69%);
  background-image: -ms-linear-gradient(bottom, #49494a 38%, #5b5b5c 69%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.38, #49494a), color-stop(0.69, #5b5b5c)); }

.premium-calendar-body .premium-calendar-cell {
  height: 64px;
  background: #212121; }

.premium-calendar-body .new-premium-calendar-expansion .premium-calendar-cell-inner {
  height: 142px; }

.premium-calendar-body .premium-calendar-cell-inner {
  visibility: hidden;
  height: 62px;
  border: 1px solid #c5710e;
  position: relative;
  background: #42311d; }

.premium-calendar-body .premium-calendar-cell.valued:hover {
  background: #5b5b5c; }

.premium-calendar-body .premium-calendar-cell.valued:hover .premium-calendar-cell-inner {
  visibility: visible; }

.premium-calendar-cell-icon {
  visibility: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 54px;
  height: 59px;
  margin: -29px 0 0 -28px;
  background: url(../premium/calendar-icons.png) no-repeat;
  cursor: pointer;
  z-index: 1; }

.valued .premium-calendar-cell-icon {
  visibility: visible; }

/*
.released .premium-calendar-cell-icon {
    background-image: url(../premium/calendar-icons-released.png)
}*/
.premium-calendar-typecell-head {
  background: #000; }

.premium-calendar-cell {
  width: 64px;
  border: 0; }

.premium-calendar-body .premium-calendar-typecell {
  width: 165px;
  vertical-align: middle;
  font-family: Arial;
  font-weight: bold;
  font-size: 14px;
  background: #353535;
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 17px;
  text-transform: uppercase; }

.premium-calendar-type0 .premium-calendar-cell-icon {
  background-position: 0 0; }

.premium-calendar-type1 .premium-calendar-cell-icon {
  background-position: -54px 0; }

.premium-calendar-type2 .premium-calendar-cell-icon {
  background-position: -108px 0; }

.premium-calendar-type3 .premium-calendar-cell-icon {
  background-position: -162px 0; }

.premium-calendar-type4 .premium-calendar-cell-icon {
  background-position: -216px 0; }

.premium-calendar-type5 .premium-calendar-cell-icon {
  background-position: -324px 0; }

.premium-calendar-type0 .premium-calendar-cell.multiple .premium-calendar-cell-icon {
  background-position: -0 -59px; }

.premium-calendar-type1 .premium-calendar-cell.multiple .premium-calendar-cell-icon {
  background-position: -54px -59px; }

.premium-calendar-type2 .premium-calendar-cell.multiple .premium-calendar-cell-icon {
  background-position: -108px -59px; }

.premium-calendar-type3 .premium-calendar-cell.multiple .premium-calendar-cell-icon {
  background-position: -162px -59px; }

.premium-calendar-type4 .premium-calendar-cell.multiple .premium-calendar-cell-icon {
  background-position: -216px -59px; }

.premium-calendar-type5 .premium-calendar-cell.multiple .premium-calendar-cell-icon {
  background-position: -324px -59px; }

.premium-calendar-item-type {
  color: #fff; }

.premium-calendar-item-link {
  margin-top: 1em; }

.premium-calendar-item-link a, .premium-calendar-item-link .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .premium-calendar-item-link a {
  font-size: 14px;
  font-weight: normal;
  color: #3AADE3; }

.premium-calendar-hover {
  display: none;
  position: absolute;
  left: 100%;
  bottom: 39px;
  z-index: 2;
  background: #000;
  width: 250px;
  text-align: left;
  font-family: Arial;
  font-size: 11px;
  color: #fff;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-transform: none; }

.premium-calendar-hover .premium-calendar-item-andmore {
  margin-top: 5px;
  text-align: right; }

.premium-calendar-hover .premium-calendar-item-image {
  width: 56px;
  height: 90px;
  float: left;
  margin-right: 10px; }

.premium-calendar-hover .premium-calendar-item-title {
  font-weight: 600;
  font-size: 19px;
  margin-bottom: 0;
  line-height: 24px; }

.premium-calendar-hover .premium-calendar-item-subtitle {
  font-weight: normal;
  margin: 0 0;
  font-size: 12px;
  line-height: 26px;
  font-family: Arial, sans-serif; }

.premium-calendar-hover .premium-calendar-item-content {
  color: #ababab;
  line-height: 14px; }

.premium-calendar-cell.rightside .premium-calendar-hover {
  left: auto;
  right: 100%; }

.premium-calendar-cell.valued:hover .premium-calendar-hover {
  display: block; }

.premium-calendar-hover-arrow {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  position: absolute;
  bottom: 10px; }

.premium-featured-item.rightside .premium-calendar-hover, .premium-calendar-cell.rightside .premium-calendar-hover {
  margin-right: -10px; }

.premium-featured-item.rightside .premium-calendar-hover-arrow, .premium-calendar-cell.rightside .premium-calendar-hover-arrow {
  border-left: 5px solid #000;
  right: -5px; }

.premium-featured-item.leftside .premium-calendar-hover, .premium-calendar-cell.leftside .premium-calendar-hover {
  margin-left: -10px; }

.premium-featured-item.leftside .premium-calendar-hover-arrow, .premium-calendar-cell.leftside .premium-calendar-hover-arrow {
  border-right: 5px solid #000;
  left: -5px; }

.premium-calendar-popup-container {
  box-shadow: 0 5px 15px rgba(23, 23, 23, 0.5);
  border: 1px solid #5d5d5d;
  background: #353535;
  width: 800px !important; }

.premium-calendar-popup-container .common-popup-content-container {
  margin-bottom: 10px; }

.premium-calendar-popup {
  margin: 0 5px;
  max-height: 500px;
  overflow: auto;
  width: 755px;
  background: #353535;
  padding: 0 20px !important; }

.premium-calendar-popup .premium-calendar-item-image {
  width: 187px;
  height: 300px;
  float: right;
  margin-left: 10px; }

.premium-calendar-popup .premium-calendar-item-body {
  font-family: Arial;
  font-size: 14px;
  color: #999999; }

.premium-calendar-popup .premium-calendar-item-type {
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 0 10px 0; }

.premium-calendar-popup .premium-calendar-item-title {
  font-size: 35px;
  font-weight: normal;
  color: #f88613; }

.premium-calendar-popup .premium-calendar-item-subtitle {
  margin: 8px 0 12px 0;
  font-weight: normal; }

.premium-calendar-popup .premium-calendar-item-content {
  font-size: 14px;
  color: #fff;
  line-height: 18px;
  width: 550px; }

.premium-calendar-popup .premium-calendar-item-content p {
  margin: 10px 0; }

.premium-calendar-popup .premium-calendar-item-content ul {
  list-style: disc inside;
  margin: 10px 0; }

.premium-calendar-popup-switchbutton {
  float: left;
  margin-right: 5px; }

.premium-calendar-popup-closebutton {
  float: right; }

.premium-calendar-footer {
  background: #353535; }

.premium-calendar-popup-container .common-popup-footer-container {
  display: none; }

.premium-calendar-popup-container .common-popup-title-container {
  background: #353535 !important;
  height: 32px; }

.premium-calendar-popup-container .common-popup-title-container .common-popup-close-container {
  top: 0 !important;
  right: 0 !important; }

.premium-calendar-progress-container {
  position: absolute;
  top: 29px;
  left: 0;
  width: 100%;
  height: 389px; }

.premium-calendar-progress-padder {
  padding-left: 183px;
  height: 100%; }

.premium-calendar-progress {
  height: 100%;
  background: url(../premium/premium-calendar-progress-highlight.png);
  border-right: 1px solid #965d23; }

.premium-index-box {
  border: 0; }

.premium-index-box div.buy-buttons {
  width: 320px;
  margin: 30px auto 0;
  text-align: left;
  position: relative; }

.premium-index-box button[disabled='disabled'] a, .premium-index-box button[disabled='disabled'] .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .premium-index-box button[disabled='disabled'] a {
  text-decoration: none;
  color: gray;
  text-shadow: none;
  cursor: default; }

.premium-index-box div.buy-buttons button p {
  margin: 0 !important;
  color: #000 !important; }

.premium-index-box div.buy-buttons button[disabled] p {
  color: #c3c3c3 !important; }

.premium-index-box div.buy-buttons span.platform, .premium-index-box div.buy-buttons span.action {
  bottom: -2px;
  position: relative; }

.premium-index-box div.buy-buttons button.common-button-xlarge {
  width: 100%;
  display: block; }

.premium-index-box div.buy-buttons .common-button-xlarge span.platform {
  float: right;
  margin: 0 0 0 5px;
  line-height: 1; }

.premium-index-box div.buy-buttons .common-button-xlarge span.platform span.common-title {
  font-size: 22px !important;
  line-height: 55px;
  padding: 0; }

.premium-index-box div.buy-buttons .common-button-xlarge span.action {
  float: left;
  line-height: 1; }

.premium-index-box div.buy-buttons .common-button-xlarge span.action span.common-title {
  font-size: 32px;
  font-weight: normal;
  line-height: 55px; }

.premium-index-wrapper {
  padding: 0 100px;
  background: url(//d34ymitoc1pg7m.cloudfront.net/bf3/premium/bg-page-p2-4309b1e0.jpg) no-repeat #000; }

.premium-index-wrapper-bottom {
  background: #fff;
  padding-bottom: 20px; }

.premium-index-wrapper-bottom-background {
  background: url(//d34ymitoc1pg7m.cloudfront.net/bf3/premium/bg-page-p-bottom-df6df16f.jpg) no-repeat;
  position: absolute;
  height: 378px;
  width: 100%;
  z-index: 0;
  margin-top: -62px; }

.premium-index-buybutton {
  margin: auto;
  display: block;
  float: none; }

.premium-index-buybutton > img {
  position: relative;
  top: 9px;
  left: 10px; }

.premium-index-header {
  color: #fff;
  text-transform: uppercase;
  padding: 20px 0 0 0; }

.premium-index-header-logo {
  background: url(//d34ymitoc1pg7m.cloudfront.net/bf3/premium/premium-logo-189bfa35.png) no-repeat;
  width: 519px;
  height: 174px;
  margin: auto; }

.premium-index-header-description {
  font-size: 23px;
  line-height: 23px;
  height: 23px;
  text-align: center;
  margin: 20px auto 0 auto; }

.premium-index-header-divider {
  border-bottom: 1px solid #333;
  padding-bottom: 18px; }

.premium-owned .premium-index-header-divider {
  border: 0; }

.premium-index-header .premium-index-buybutton {
  margin-top: 20px;
  z-index: 10;
  position: relative; }

.premium-index-header .premium-index-section {
  margin: 25px 0 0 0; }

.premium-index-section .span-five-in-row {
  cursor: pointer;
  width: 197px;
  margin-top: 1px; }
  .premium-index-section .span-five-in-row:hover {
    background-color: rgba(7, 7, 7, 0.3); }
  .premium-index-section .span-five-in-row.rightmost {
    width: 200px; }
  .premium-index-section .span-five-in-row .box {
    position: relative;
    height: 100%; }
    .premium-index-section .span-five-in-row .box .cell-item-info {
      text-transform: uppercase;
      font-size: 16px;
      font-weight: 600; }
      .premium-index-section .span-five-in-row .box .cell-item-info .cell-item-title {
        height: 26px; }
    .premium-index-section .span-five-in-row .box .box-content {
      height: 225px; }

.premium-index-header .premium-index-section > h1 {
  color: #fff;
  margin-bottom: 10px; }

.premium-index-header-whatyouget {
  padding: 20px 0 0 0;
  line-height: 28px;
  margin: 0 0 25px 0; }

.premium-index-header-whatyouget > h1 {
  font-size: 35px;
  color: white;
  font-weight: normal; }

.premium-index-header-whatyouget > h2 {
  font-size: 23px;
  color: #f88613;
  border: 0;
  font-weight: normal; }

.premium-index-wrapper.premium-owned {
  background-image: url(//d34ymitoc1pg7m.cloudfront.net/bf3/premium/bg-page-p1-aa324515.jpg); }

.premium-index-wrapper.premium-owned .premium-index-buybutton {
  position: absolute;
  top: 15px;
  right: 30px; }

.premium-index-header .premium-index-section-top > h1 {
  color: #F88613; }

.premium-index-header .premium-index-section-top > h2 {
  color: #fff; }

.premium-index-header .premium-index-section-top > h1, .premium-index-header .premium-index-section-top > h2 {
  padding-left: 48px;
  top: 5px;
  position: relative; }

.premium-index-section-top-icon {
  top: 24px;
  left: 19px;
  position: absolute; }

.premium-index-expansions-boxes {
  background: url(//d34ymitoc1pg7m.cloudfront.net/bf3/premium/premium-expansions-899bd651.png) no-repeat;
  width: 817px;
  height: 300px; }

.premium-index-expansions-boxes a.box, .premium-index-expansions-boxes .devblog .devblog-post .battlelog-wordpress a.box, .devblog .devblog-post .battlelog-wordpress .premium-index-expansions-boxes a.box {
  width: 155px;
  height: 295px;
  float: left; }

.premium-index-expansion {
  float: left;
  margin: 15px 0 0 13px;
  width: 142px;
  text-transform: none;
  font-family: Arial;
  font-size: 12px;
  font-weight: normal;
  color: #898989;
  line-height: 20px; }

.premium-index-expansion img {
  width: 90px;
  height: 150px;
  margin-bottom: -17px;
  position: relative; }

.premium-index-expansion h1, .premium-index-expansion h2 {
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #fff;
  padding-left: 5px; }

.premium-index-expansion h2 {
  color: #898989;
  line-height: 10px;
  margin-top: -2px; }

.premium-index-expansion.premium-isexpout h2 {
  color: #fff; }

.premium-index-expansion ul {
  list-style: disc inside;
  text-align: left;
  left: 6px;
  position: relative; }

.premium-index-expansions-padding {
  padding: 0 39px; }

.premium-index-section {
  clear: both;
  margin-top: 0px;
  position: relative;
  z-index: 1; }

.premium-index-section > legend {
  width: 258px;
  height: 300px;
  float: right;
  background-repeat: no-repeat; }

.premium-index-section > h1 {
  font-size: 43px;
  font-weight: normal;
  color: #353535;
  margin-bottom: 10px; }

.premium-index-section > h2 {
  font-size: 31px;
  font-weight: normal;
  color: #f88613;
  margin: -8px 0 15px 0; }

.premium-index-section > ul {
  margin-right: 280px; }

.premium-index-section > ul > li {
  font-family: Arial;
  font-size: 16px;
  color: #8a8a8a;
  padding: 5px 5px 5px 39px;
  line-height: 29px;
  background: url(//d34ymitoc1pg7m.cloudfront.net/bf3/premium/premium-icon-feature-56172962.png) no-repeat 0 50%;
  border-top: 1px solid #ededed; }

.premium-index-section > ul > li.premium-featurenote {
  font-family: Arial;
  font-size: 12px;
  font-style: italic;
  background: none;
  padding-left: 0; }

.premium-index-section.featureset-content > legend {
  background-image: url(//d34ymitoc1pg7m.cloudfront.net/bf3/premium/premium-icon-featurespotlight-content-39ca4aae.png);
  height: 201px; }

.premium-index-section.featureset-battlelog > legend {
  background-image: url(//d34ymitoc1pg7m.cloudfront.net/bf3/premium/premium-icon-featurespotlight-content-39ca4aae.png);
  height: 201px; }

.premium-index-section.featureset-vip > legend {
  background-image: url(//d34ymitoc1pg7m.cloudfront.net/bf3/premium/premium-icon-featurespotlight-vip-894453d4.png);
  height: 281px; }

.premium-index-section-grid {
  float: left;
  width: 33.33%;
  clear: none;
  font-size: 75%; }

.premium-index-section-grid > ul {
  margin-right: 10px; }

.premium-index-section-grid > h1 {
  font-size: 25px; }

.premium-index-section-grid > h2 {
  font-size: 15px;
  margin-bottom: 10px; }

.premium-index-section-grid > ul > li {
  font-size: 12px;
  padding: 3px 3px 3px 27px;
  line-height: 22px; }

.premium-index-andmuchmore {
  margin-top: 25px; }

.premium-index-andmuchmore > h1 {
  margin: 0px 0 -5px 0; }

.premium-index-footer {
  margin-bottom: 30px; }

.premium-subpage-container {
  background: url(//d34ymitoc1pg7m.cloudfront.net/bf3/premium/premium-background-subpage-6c45d8e0.png) no-repeat #fff;
  padding: 0 100px; }

.premium-subpage-backlink {
  position: absolute;
  top: 15px;
  left: 15px; }

.premium-subpage-title {
  font-size: 32px;
  top: -14px;
  display: inline;
  position: relative; }

.premium-subpage-container .premium-index-header-divider {
  text-align: center;
  padding: 45px 20px 10px 20px;
  margin-bottom: 20px; }

.premium-subpage-container .premium-index-header .premium-calendar-cell-icon {
  position: inherit;
  display: inline;
  padding: 41px 54px 0 0;
  cursor: default; }

.premium-subpage-servicenotavailable {
  color: white;
  font-size: 14px;
  text-align: center;
  margin: 20px; }

.premium-subpage-extrabox {
  width: 495px;
  padding: 14px 16px;
  margin: 20px 0 16px; }

.premium-subpage-extrabox.toggled {
  background: #333333; }

.premium-subpage-extrabox > .toggler {
  margin-bottom: 14px;
  font-weight: normal;
  font-size: 12px;
  display: block;
  position: relative;
  padding-left: 16px; }

.premium-subpage-extrabox.toggled > .toggler {
  color: #fff; }

.premium-subpage-extrabox > .toggler:before {
  content: "+";
  color: #9f9f9f;
  font-size: 16px;
  line-height: 20px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
  font-weight: bold; }

.premium-subpage-extrabox.toggled > .toggler:before {
  content: "–";
  font-size: 14px;
  margin-top: -10px; }

.premium-subpage-extrabox-body {
  display: none;
  margin-top: 6px;
  position: relative; }

.toggled > .premium-subpage-extrabox-body {
  display: block; }

.premium-subpage-extrabox-body > .highlighted {
  font-size: 24px;
  color: #cdad5b;
  text-align: center;
  line-height: 65px;
  background: #5c5c5c;
  margin-bottom: 20px; }

.premium-subpage-extrabox-body > .info {
  min-height: 85px;
  padding-right: 66px;
  position: relative; }

.premium-subpage-extrabox-body > .info > p {
  color: #898989;
  font-size: 12px;
  line-height: 16px;
  margin: 0;
  padding: 0 67px 0 0; }

.premium-subpage-extrabox-body > .info > p a, .premium-subpage-extrabox-body > .info > p .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .premium-subpage-extrabox-body > .info > p a {
  font-weight: normal; }

.premium-subpage-extrabox-body > .info > .icon {
  position: absolute;
  top: 0;
  right: 0; }

.premium-subpage-extrabox-body > .info > .icon img {
  width: 51px;
  height: 85px; }

.premium-generallist-item {
  color: #fff;
  position: relative;
  padding-bottom: 30px;
  min-height: 92px; }

.premium-generallist-item > article {
  padding-left: 80px; }

.premium-generallist-item > article > h1 {
  font-size: 22px;
  color: #F78513; }

.premium-generallist-item > article > h1 > a, .premium-generallist-item > article > h1 > .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .premium-generallist-item > article > h1 > a {
  color: inherit;
  font-size: inherit; }

.premium-generallist-item > article > h2 {
  font-size: 12px;
  text-transform: uppercase;
  margin: 8px 0 5px 0; }

.premium-generallist-item > comment {
  color: #898989;
  font-size: 12px; }

.premium-generallist-item > comment p {
  margin-top: 1em; }

.premium-generallist-item.locked > h1 {
  color: #898989; }

.premium-generallist-item-icon-container {
  float: left;
  width: 165px;
  height: 92px;
  margin: 0 20px 15px 0;
  position: relative; }

.premium-generallist-item-icon-container > img {
  width: 100%;
  height: 100%; }

.premium-generallist-item-icon-container > span {
  background: url(../feed/icon-play.png) no-repeat;
  width: 34px;
  height: 34px;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -17px;
  margin-top: -17px; }

.active .premium-generallist-item-icon-container:hover > span {
  background-position: 0 -34px;
  cursor: pointer; }

.locked .premium-generallist-item-icon-container > span {
  background: url(../feed/icon-play-locked.png) no-repeat; }

.premium-subpage-bonuscontent, .premium-subpage-strategyguides {
  background: url(//d34ymitoc1pg7m.cloudfront.net/bf3/premium/premium-background-subpage-notransition-ed032869.png) no-repeat #000; }

.premium-subpage-bonuscontent .premium-generallist-item-icon-container, .premium-subpage-strategyguides .premium-generallist-item-icon-container {
  width: 65px;
  height: 100px; }

.premium-subpage-bonuscontent .active .premium-generallist-item-icon-container > span, .premium-subpage-strategyguides .active .premium-generallist-item-icon-container > span {
  display: none; }

.premium-subpage-videos {
  background: url(//d34ymitoc1pg7m.cloudfront.net/bf3/premium/premium-background-subpage-notransition-ed032869.png) no-repeat #000; }

.premium-subpage-video .premium-generallist-item {
  padding-bottom: 30px;
  min-height: 0; }

#premium-subpage-video-fullscreentoggle {
  position: absolute;
  top: 0;
  right: 0;
  background: url(../premium/icon-fullscreen-on.png) no-repeat;
  width: 33px;
  height: 29px;
  opacity: 0;
  -webkit-transition: opacity 0.1s;
  -moz-transition: opacity 0.1s;
  -ms-transition: opacity 0.1s;
  -o-transition: opacity 0.1s;
  transition: opacity 0.1s;
  cursor: pointer;
  display: none; }

#premium-subpage-video-container {
  height: 461px;
  border: 2px solid #8b8d93;
  margin-bottom: 30px;
  position: relative; }

#premium-subpage-video-container.premium-video-fullscreen {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  background: black; }

#premium-subpage-video-container.premium-video-fullscreen #premium-subpage-video-fullscreentoggle {
  background-image: url(../premium/icon-fullscreen-off.png); }

#premium-subpage-video-container:hover #premium-subpage-video-fullscreentoggle {
  opacity: 1; }

.premium-salebox {
  height: 40px;
  background: url(//d34ymitoc1pg7m.cloudfront.net/mohw/popup/premium-popup-bg-c415fdff.png);
  line-height: 40px;
  font-size: 12px;
  color: #fff;
  font-weight: normal;
  line-height: 40px;
  padding-left: 16px; }

.premium-salebox-small {
  margin: 10px auto 0;
  width: 50%; }

.premium-salebox .premium-logo {
  float: right;
  margin-right: 16px;
  margin-top: 15px; }

.premium-salebox a, .premium-salebox .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .premium-salebox a {
  color: #8a8a8a;
  font-weight: normal; }

.premium-prepage-container {
  background: #000 url(../premium/bg-page-empty.jpg) no-repeat;
  padding: 35px 0 200px;
  text-align: center;
  position: relative; }

.premium-prepage-container:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: #fff;
  opacity: 0.1; }

.premium-prepage-container h1 {
  font-size: 30px;
  margin: 30px 16px 6px;
  color: #fff;
  font-weight: bold;
  font-family: Arial, sans-serif; }

.premium-prepage-info a, .premium-prepage-info .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .premium-prepage-info a, .premium-prepage-info {
  font-weight: normal;
  font-size: 16px;
  line-height: 32px; }

.premium-prepage-info {
  color: #898989;
  margin: 0 0 25px; }

.premium-icon-small {
  background: url(../premium/icon-p-s.png) left top no-repeat;
  height: 14px;
  width: 14px;
  float: left;
  margin-right: 6px;
  margin-top: 6px; }

.premium-index-topbox {
  width: auto;
  margin: 0;
  padding: 15px;
  background: url(../premium/p-box-l.png) no-repeat #111; }

.premium-index-topbox h1 {
  font-size: 30px;
  font-weight: normal;
  color: #f78513;
  margin-bottom: 10px;
  position: relative; }

.premium-index-featurebox {
  float: left;
  position: relative;
  cursor: default;
  padding: 0;
  width: 404px;
  margin: 0 16px 16px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15); }

.premium-index-featurebox.with-link:hover p {
  color: #a9a9a9; }

.premium-index-featurebox:nth-child(-n+2) {
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.15); }

.premium-index-featurebox.with-link:hover {
  text-decoration: none;
  cursor: pointer; }

.premium-index-featurebox.with-link:hover * {
  cursor: pointer; }

.premium-index-featurebox:nth-child(even) {
  margin-right: 0; }

.premium-index-featurebox.bottommost {
  margin-bottom: 0; }

.premium-index-featurebox-inner {
  background: no-repeat 100% 50%;
  height: 162px;
  padding: 0 0 16px;
  position: relative;
  cursor: auto; }

.premium-index-featurebox-inner h1 {
  font-size: 30px;
  line-height: 40px;
  font-weight: normal;
  color: #f78513; }

.premium-index-featurebox-inner p {
  font-size: 12px;
  color: #898989;
  font-weight: normal;
  line-height: 18px;
  padding: 6px 150px 6px 0;
  text-transform: none;
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  -ms-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  transition: color 0.5s ease; }

.premium-index-featurebox-bottom {
  color: #898989;
  line-height: 22px;
  font-size: 14px;
  text-transform: none;
  font-weight: normal; }

a.premium-index-featurebox-bottom, .devblog .devblog-post .battlelog-wordpress a.premium-index-featurebox-bottom, .premium-index-featurebox-bottom a, .premium-index-featurebox-bottom .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .premium-index-featurebox-bottom a {
  color: #3aade3;
  text-transform: none;
  line-height: 22px;
  font-size: 14px;
  font-weight: normal; }

.premium-index-featurebox:hover {
  opacity: 1; }

.premium-index-featurebox-popupdata {
  display: none; }

.premium-index-featurebox-inner.feature-videos {
  background-image: url(../premium/p-item-videos.png); }

.premium-index-featurebox-inner.feature-community {
  background-image: url(../premium/p-item-standout.png); }

.premium-index-featurebox-inner.feature-queue {
  background-image: url(../premium/p-item-queue.png); }

.premium-index-featurebox-inner.feature-knife {
  background-image: url(../premium/p-item-knife.png); }

.premium-index-featurebox-inner.feature-dogtags {
  background-image: url(../premium/p-item-dogtags.png); }

.premium-index-featurebox-inner.feature-assignments {
  background-image: url(../premium/p-item-assignments.png); }

.premium-index-featurebox-inner.feature-stats {
  background-image: url(../premium/p-item-reset.png); }

.premium-index-featurebox-inner.feature-guides {
  background-image: url(../premium/p-item-guides.png); }

.premium-index-featurebox-inner.feature-bonus {
  background-image: url(../premium/p-item-bonus.png); }

.premium-index-featurebox-inner.feature-events {
  background-image: url(../premium/p-item-events.png); }

.premium-calendar > h1 {
  color: #fff; }

.premium-required-container {
  padding-bottom: 20px; }

.premium-required-container .premium-index-header .premium-calendar-cell-icon {
  display: none; }

.premium-required-message {
  color: #fff;
  font-size: 12px;
  text-align: center;
  min-height: 236px; }

#premium-subpage-video-mediabutton {
  position: absolute;
  background: url(../premium/premium-video-playbutton.png) no-repeat;
  width: 139px;
  height: 139px;
  left: 50%;
  top: 50%;
  margin: -70px 0 0 -70px;
  opacity: 0.8;
  cursor: pointer;
  -moz-transition: opacity 0.25s ease;
  -webkit-transition: opacity 0.25s ease;
  -o-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease; }

#premium-subpage-video-mediabutton:hover {
  opacity: 1; }

#premium-subpage-video-loader {
  position: absolute;
  background: url(../base/shared/ajax-loader-large.gif) no-repeat;
  width: 32px;
  height: 32px;
  left: 50%;
  top: 50%;
  margin: -16px 0 0 -16px;
  display: none; }

#premium-subpage-video-errormessage {
  color: white;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 25px;
  top: 50%;
  margin-top: -25px;
  font-size: 12px;
  line-height: 25px;
  background: black;
  display: none; }

.premium-video-isplaying #premium-subpage-video-mediabutton {
  opacity: 0;
  background: url(../premium/premium-video-pausebutton.png) no-repeat; }

.premium-video-isplaying:hover #premium-subpage-video-mediabutton {
  opacity: 0.8; }

.premium-video-isplaying #premium-subpage-video-mediabutton:hover {
  opacity: 1; }

.premium-video-isloading #premium-subpage-video-mediabutton {
  display: none; }

.premium-video-isloading #premium-subpage-video-loader {
  display: block; }

.premium-video-error #premium-subpage-video-loader {
  display: none; }

.premium-video-error #premium-subpage-video-errormessage {
  display: block; }

.premium-video-error #premium-subpage-video-mediabutton {
  display: none; }

.premium-video-isplaying.premium-video-mouseinactive #premium-subpage-video-mediabutton {
  opacity: 0; }

.premium-feature-popup {
  line-height: 18px;
  color: #fff;
  min-height: 300px; }

.premium-feature-popup-image {
  float: right; }

.premium-feature-popup-title {
  font-size: 42px;
  font-weight: normal;
  color: #F78513;
  margin-bottom: 10px;
  position: absolute;
  z-index: 1000; }

.premium-feature-popup-content {
  font-size: 14px;
  line-height: 22px;
  color: #a7a7a7;
  margin-top: 35px; }

.premium-feature-popup-padder {
  margin-top: 42px; }

.premium-index-upcomingitem {
  float: left;
  position: relative;
  width: 269px;
  margin: 0 8px 0 0; }

.premium-index-upcomingitem > a, .premium-index-upcomingitem > .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .premium-index-upcomingitem > a {
  display: block;
  font-weight: normal;
  text-decoration: none;
  background: transparent;
  -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; }

.premium-index-upcomingitem > a:hover, .premium-index-upcomingitem > .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress .premium-index-upcomingitem > a:hover {
  background: rgba(255, 255, 255, 0.1); }

.premium-index-upcomingitem > div {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background: #353535;
  opacity: 0.5;
  filter: alpha(opacity=50);
  z-index: 0; }

.premium-index-upcomingitem legend {
  height: 28px;
  line-height: 28px;
  background: url(../premium/bg-upcomingitem-header.png) no-repeat;
  padding-left: 32px;
  width: 237px;
  position: relative;
  z-index: 1;
  color: #F78513;
  font-size: 12px;
  font-family: Arial, sans-serif;
  text-transform: uppercase;
  font-weight: bold; }

.premium-index-upcomingitem legend > .icon {
  bottom: auto;
  left: -1px;
  top: -1px; }

.premium-index-upcomingitem article {
  position: relative;
  padding: 12px;
  z-index: 1;
  height: 359px; }

.premium-index-upcomingitem article > h1 {
  font-family: Arial, sans-serif;
  text-transform: none;
  color: #F78513;
  font-size: 18px; }

.premium-index-upcomingitem article > h2 {
  font-size: 12px;
  margin-top: 5px;
  text-transform: none;
  color: #fff; }

.premium-index-upcomingitem article > img {
  margin: auto;
  display: block;
  width: 196px;
  height: 324px; }

.premium-index-upcomingitem.rightmost {
  margin-right: 0; }

.premium-strategyguides-downloadbutton, .premium-bonuscontent-downloadbutton {
  display: block;
  margin: 10px 0 0 0;
  float: left; }

.premium-strategyguides-downloadbutton a, .premium-strategyguides-downloadbutton .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .premium-strategyguides-downloadbutton a, .premium-bonuscontent-downloadbutton a, .premium-bonuscontent-downloadbutton .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .premium-bonuscontent-downloadbutton a {
  color: inherit; }

.premium-recentlistsmall {
  border-top: 2px solid #E1E1E1;
  padding: 10px 0 6px 0;
  margin-top: 6px; }

.premium-recentlistsmall .premium-item {
  overflow: hidden; }

.premium-recentlistsmall h2 {
  color: #8A8A8A;
  font-size: 11px;
  margin-bottom: 6px;
  font-family: Tahoma, Arial, sans-serif;
  text-transform: uppercase; }

.premium-recentlistsmall img {
  float: right;
  margin-top: -20px; }

.premium-recentlistsmall .premium-all-items {
  font-size: 11px;
  font-weight: normal; }

/* Premium calendar icons */
.icon.premium-calendar-icon {
  background-image: url(../main/upcoming-calendar-typeicons.png);
  background-repeat: no-repeat;
  width: 27px;
  height: 30px;
  position: absolute;
  bottom: 10px;
  left: 10px; }

.icon.premium-calendar-icon.type-0 {
  background-position: 0 0; }

.icon.premium-calendar-icon.type-1 {
  background-position: -27px 0; }

.icon.premium-calendar-icon.type-2 {
  background-position: -54px 0; }

.icon.premium-calendar-icon.type-3 {
  background-position: -81px 0; }

.icon.premium-calendar-icon.type-4 {
  background-position: -108px 0; }

.icon.premium-calendar-icon.type-5 {
  background-position: -162px 0; }

#premium-content .premium-now {
  position: absolute;
  top: 10px;
  right: 6px;
  z-index: 1;
  font-family: Purista, sans-serif;
  font-style: normal;
  font-weight: 600; }
#premium-content .premium-offer {
  position: absolute;
  bottom: 0px; }
  #premium-content .premium-offer .box-content {
    width: 960px;
    padding: 12px 16px;
    padding-bottom: 0px;
    height: 186px; }
  #premium-content .premium-offer .gamelogo {
    float: left;
    margin-right: 12px;
    position: relative;
    top: 2px; }
  #premium-content .premium-offer .expansionlogos {
    position: absolute;
    right: 16px;
    bottom: 16px; }
  #premium-content .premium-offer .btn {
    margin-top: -9px; }
#premium-content .friends-container {
  height: 82px; }
  #premium-content .friends-container .friends h3 {
    line-height: 16px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0;
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: normal;
    text-align: center; }
  #premium-content .friends-container .friends .outer-center {
    float: right;
    right: 50%;
    position: relative; }
  #premium-content .friends-container .friends .inner-center {
    float: right;
    right: -50%;
    position: relative; }
  #premium-content .friends-container .friends .clear {
    clear: both; }
  #premium-content .friends-container .friends .avatars {
    float: left;
    padding: 0;
    padding-top: 6px; }
  #premium-content .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; }
#premium-content .premium-top {
  width: 992px;
  height: 462px;
  background: url(//d34ymitoc1pg7m.cloudfront.net/bf3/premium/store-premium-bg-8c709c38.jpg);
  position: relative;
  margin-bottom: 1px; }
  #premium-content .premium-top .premium-overlay {
    background: url(../premium/upcoming-overlay.png);
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 992px;
    height: 239px; }
  #premium-content .premium-top #premium-products .product .platforms, #premium-content .premium-top #premium-products .release-date {
    display: none; }
  #premium-content .premium-top .more-info-text {
    line-height: 18px;
    font-family: Arial;
    font-size: 16px;
    color: #a8a8a8;
    float: left; }
    #premium-content .premium-top .more-info-text h2 {
      font-size: 35px; }
    #premium-content .premium-top .more-info-text .detailed {
      width: 578px;
      font-size: 14px;
      line-height: 20px; }
      #premium-content .premium-top .more-info-text .detailed a, #premium-content .premium-top .more-info-text .detailed .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #premium-content .premium-top .more-info-text .detailed a {
        text-decoration: underline; }
  #premium-content .premium-top .price {
    float: left;
    color: #fff;
    font-weight: 600;
    text-transform: none;
    font-family: Purista, sans-serif;
    font-size: 32px;
    margin-right: 16px; }
    #premium-content .premium-top .price .strike {
      opacity: 0.7;
      display: inline-block;
      text-decoration: line-through;
      font-size: 70%;
      font-weight: normal; }
#premium-content .premium-calendar-cell.month {
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-family: Purista, sans-serif;
  font-size: 14px; }

.premium-calendar-body .premium-calendar-cell {
  background: none;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.5); }
.premium-calendar-body .premium-calendar-cell.month {
  height: 32px;
  line-height: 32px; }
.premium-calendar-body .premium-calendar-cell-icon {
  cursor: default; }

table.premium-calendar {
  border-collapse: separate;
  border-spacing: 1px 1px;
  position: relative;
  margin-left: -1px;
  width: 994px;
  margin-bottom: 8px; }

.premium-calendar-section header {
  margin-bottom: -1px; }

.premium-featured-item {
  position: relative;
  width: 200px;
  height: 280px;
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.5);
  color: #FFF;
  margin-right: 4px; }
  .premium-featured-item img {
    position: absolute;
    left: 16px;
    height: 260px;
    width: 168px; }
  .premium-featured-item h1 {
    text-align: center;
    width: 100%;
    position: relative; }

.premium-featured-item.rightmost {
  margin-right: -8px; }

.premium-featured-item.full {
  display: block;
  width: 100%;
  height: 320px;
  margin-bottom: 16px; }
  .premium-featured-item.full img {
    width: 958px;
    height: 288px;
    top: 16px; }
  .premium-featured-item.full h1 {
    line-height: 24px;
    font-size: 24px; }

.premium-featured-item:hover .premium-calendar-hover {
  display: block; }

#premium-content .premium-calendar-cell-inner img {
  position: relative;
  top: 5px; }

#premium-content .premium-calendar-cell-inner a, #premium-content .premium-calendar-cell-inner .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #premium-content .premium-calendar-cell-inner a {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2; }

.premium-calendar-image-container {
  text-align: center; }

#premium-content .premium-calendar .premium-calendar-image-container {
  visibility: visible;
  text-align: center; }

#premium-content .premium-calendar > h1, #premium-content .premium-featured > h1 {
  color: #fff; }

.premium-index-section .cell-item-info {
  text-align: center;
  font-size: 14px;
  font-family: Purista, sans-serif; }
  .premium-index-section .cell-item-info .cell-item-title {
    clear: both;
    font-weight: 600;
    padding-top: 8px;
    padding-bottom: 8px; }
  .premium-index-section .cell-item-info .cell-item-type {
    clear: both;
    color: #EC7600;
    padding-bottom: 5px;
    font-weight: normal;
    font-size: 14px;
    font-family: Arial, sans-serif; }
  .premium-index-section .cell-item-info .cell-item-release {
    clear: both;
    font-weight: normal;
    color: #a8a8a8;
    font-size: 12px;
    font-family: Arial, sans-serif; }

.premium-content-change-disclaimer {
  font-size: 11px;
  color: #FFF;
  padding-bottom: 16px;
  padding-top: 16px; }

.dialog-premiumItem {
  font-size: 14px; }
  .dialog-premiumItem img {
    margin: 8px auto;
    display: block; }
  .dialog-premiumItem h3 {
    font-size: 23px;
    line-height: 1;
    margin-bottom: 0; }
  .dialog-premiumItem h5 {
    color: #34454f;
    font-size: 16px;
    margin-bottom: 0;
    line-height: 1;
    padding: 5px 0; }

.dialog-premium .dialog-body {
  padding: 0;
  overflow: hidden; }
.dialog-premium .dialog-premium-content {
  width: 560px;
  height: 326px;
  background: url(//d34ymitoc1pg7m.cloudfront.net/bf3/premium/bg-pop-p-d6cd5cfb.jpg);
  position: relative; }
  .dialog-premium .dialog-premium-content .info {
    position: absolute;
    bottom: 0;
    height: 160px;
    text-align: center;
    width: 560px;
    left: 0; }
    .dialog-premium .dialog-premium-content .info .buttons {
      position: absolute;
      bottom: 16px;
      left: 146px; }
      .dialog-premium .dialog-premium-content .info .buttons .btn-primary {
        margin-right: 8px; }
    .dialog-premium .dialog-premium-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-premium .dialog-premium-content .info h5 {
      font-weight: normal;
      font-family: Arial;
      font-size: 14px;
      text-transform: none;
      line-height: 24px; }

#premium-content .scroll-container-outer {
  height: 438px; }
#premium-content .scroll-left, #premium-content .scroll-right {
  line-height: 438px; }
#premium-content .scrollable {
  height: 438px; }

/* main component CSS resource */
.main-404-wrapper {
  font-size: 30px;
  padding-top: 20px;
  line-height: 40px;
  color: #000;
  width: 992px;
  position: relative;
  margin: 0 auto; }

.main-404-text {
  float: left;
  padding-top: 25px;
  padding-left: 16px;
  color: #676767; }
  .main-404-text p {
    line-height: 16px;
    font-size: 14px; }
  .main-404-text h1 {
    font-size: 30px;
    font-weight: bold; }
  .main-404-text h3 {
    font-size: 14px;
    font-weight: bold; }
  .main-404-text ul {
    list-style-type: none;
    padding: 0;
    margin: 10px 0; }
  .main-404-text a, .main-404-text .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .main-404-text a {
    font-size: 14px; }
  .main-404-text ul a, .main-404-text ul .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .main-404-text ul a {
    font-weight: normal; }
  .main-404-text li {
    line-height: 28px;
    background: url(../base/shared/li-image.png) 0 18px no-repeat;
    padding-left: 10px; }

.main-is-online {
  color: #6D6D6D;
  font-size: 12px; }

.main-splashinfo-fader-content {
  top: 70px;
  position: relative; }
  .main-splashinfo-fader-content h1 {
    color: #000;
    text-shadow: #FFF 0 1px 0;
    font-size: 55px;
    position: relative; }
  .main-splashinfo-fader-content h2 {
    position: relative;
    font-size: 22px;
    font-weight: normal;
    margin-top: 20px;
    line-height: 125%;
    text-shadow: #FFF 0 1px 0; }

.main-splashbar {
  width: 100%;
  height: 89px;
  position: absolute;
  bottom: 0;
  background: url(../main/bfbc2/splashbar.png) repeat-x;
  z-index: 4; }

#main-middle {
  position: relative;
  width: 1024px;
  background-color: #f4f4f4;
  overflow: hidden;
  padding-bottom: 20px; }

.base-content-full-width #main-middle {
  width: auto;
  background: url(//d34ymitoc1pg7m.cloudfront.net/common/backgrounds/light-bg-26fc61c7.jpg) no-repeat scroll center top #f4f4f4; }

.mainloggedin-middle {
  position: relative;
  width: 100%;
  background: white url(../base/bfbc2/middle-background_column_left.jpg) top center no-repeat; }

#main-content {
  position: relative;
  width: 992px;
  margin: 0 auto;
  padding-top: 16px; }

.main-login-register-area, .main-login-area {
  width: 654px;
  position: relative;
  margin: 0 auto; }

.main-login-register-area {
  padding-bottom: 20px; }
  .main-login-register-area a, .main-login-register-area .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .main-login-register-area a {
    font-weight: normal; }

.main-login-area a, .main-login-area .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .main-login-area a {
  font-weight: normal; }

.main-register-area h1 {
  text-align: center;
  float: none;
  margin-bottom: 16px; }
.main-register-area .registration-buttons {
  width: 195px; }
.main-register-area main-login-register-title {
  padding: 5px 0 16px; }

.main-login .main-login-floating-image {
  right: -110px;
  bottom: 0;
  position: absolute;
  z-index: 2; }

.main-login-area form {
  position: relative;
  width: 310px;
  margin: 10px auto 0 auto;
  text-align: left; }

.main-login-register-title {
  width: 614px;
  position: relative;
  margin: 0 auto;
  padding: 22px 0; }

.main-login-register-description {
  width: 614px;
  position: relative;
  margin: 0 auto;
  padding: 15px 0;
  font-size: 12px; }

.main-login-register-title h1 {
  display: block;
  font-size: 35px;
  text-align: center;
  color: #000;
  font-weight: normal; }
.main-login-register-title p {
  font-weight: normal;
  font-size: 14px;
  color: #353535;
  line-height: 17px;
  margin-top: 5px;
  width: 100%;
  text-align: center; }
  .main-login-register-title p.faded {
    color: #8a8a8a;
    font-size: 12px; }

.main-login-register-subtitle {
  width: 614px;
  position: relative;
  margin: 0 auto;
  padding: 15px 0; }
  .main-login-register-subtitle h2 {
    font-size: 18px;
    font-weight: normal;
    font-family: Arial, sans-serif;
    color: #666;
    text-align: center;
    letter-spacing: 0; }

.main-login-register-closed p {
  padding: 0 20px 20px 20px;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, sans-serif;
  color: #666;
  text-align: center;
  letter-spacing: 0;
  line-height: 22px; }
.main-login-register-closed a, .main-login-register-closed .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .main-login-register-closed a {
  font-size: 14px; }

#main-eyecatcher {
  width: 438px;
  height: 393px;
  float: left; }

.main-login-button {
  cursor: pointer;
  font-weight: bold;
  color: #fff;
  line-height: 42px;
  padding-left: 45px;
  text-align: left;
  border: 0;
  background: url(../base/shared/button_login.png);
  height: 42px;
  width: 195px;
  margin-bottom: 15px;
  float: left;
  font-family: Arial, sans-serif;
  font-size: 16px; }

.main-login-persist {
  margin-top: 9px;
  font-size: 12px;
  color: #666;
  text-align: left;
  float: left; }
  .main-login-persist input[type="checkbox"] {
    margin-left: 0; }

#main-login-pleasewait {
  font-size: 12px;
  color: #666; }

.main-login-links {
  margin-top: 11px; }
  .main-login-links ul {
    list-style: none; }
    .main-login-links ul li {
      margin: 0;
      font-size: 12px; }

#main-login-ajax-loader {
  position: absolute;
  right: 0;
  top: 12px;
  display: none; }

#main-splashinfo h1.main-header {
  clear: both;
  font-size: 60px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  width: 500px;
  letter-spacing: -1.5px; }
#main-splashinfo h2.main-header {
  clear: both;
  font-size: 30px;
  font-weight: normal;
  font-family: Arial, sans-serif;
  width: 500px;
  margin-top: 20px;
  letter-spacing: -1px;
  line-height: 36px; }

#main-findserver {
  position: relative;
  width: 335px;
  height: 62px;
  line-height: 62px;
  margin-top: 40px; }

.single-column {
  width: 318px;
  height: 255px;
  float: left;
  margin-right: 18px; }

.single-column-last {
  margin-right: 0; }

.single-column-height {
  height: 276px; }

.single-column.single-column-first {
  margin-left: 0; }

.single-column-header {
  width: 320px;
  height: 38px; }

.main-twitter-column ul li.main-last-li {
  font-weight: bold;
  font-size: 12px;
  color: #6b6b6b;
  border-bottom: 0; }
  .main-twitter-column ul li.main-last-li div {
    margin-left: 23px; }
  .main-twitter-column ul li.main-last-li a, .main-twitter-column ul li.main-last-li .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .main-twitter-column ul li.main-last-li a {
    font-weight: bold;
    text-decoration: none; }
.main-twitter-column p.main-no-tweets {
  font-size: 12px;
  margin: 0 23px 13px 23px;
  padding-top: 13px; }

.main-singlecolumn-footer {
  position: absolute;
  width: 290px;
  bottom: 0;
  left: 0;
  height: 41px;
  border-top: 1px solid #EDEDED;
  margin: 0 14px; }

.main-singlecolumn-footertext {
  line-height: 39px;
  text-align: center;
  font-size: 12px;
  color: #6b6b6b; }

.main-blogpublishdate {
  font-size: 11px;
  margin: 0 23px 8px 23px; }
  .main-blogpublishdate a, .main-blogpublishdate .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .main-blogpublishdate a {
    text-decoration: none; }

.main-poll-title {
  padding-top: 13px; }
  .main-poll-title h4 {
    font-weight: normal;
    font-size: 12px;
    line-height: 1.3;
    color: #353535; }

.feed-livefeed-avatar {
  padding-top: 10px;
  padding-bottom: 6px; }

.main-login-text {
  font-size: 14px;
  color: #353535;
  float: left;
  margin-right: 20px;
  text-align: right;
  font-weight: bold; }
  .main-login-text div {
    position: relative;
    line-height: 26px;
    height: 43px;
    margin-top: 10px; }

.main-login-input-wrapper {
  position: relative;
  border: 1px solid #ccc;
  border-top-color: #ababab;
  background: #fff;
  margin-bottom: 5px;
  float: left; }
  .main-login-input-wrapper span {
    position: absolute;
    top: 7px;
    left: 13px;
    font-size: 18px;
    color: #a7a7a7;
    z-index: 0;
    cursor: text; }
  .main-login-input-wrapper input {
    width: 284px;
    height: 32px;
    font-size: 18px;
    padding: 0 12px;
    font-family: Arial, sans-serif;
    color: #353535;
    border: none;
    margin: 0; }

.register-container .main-login-text div #personaId {
  float: left;
  margin-top: 10px; }

.main-poll-novoting {
  font-weight: bold;
  font-size: 14px;
  line-height: 1.2; }

.main-poll-voted-spacer {
  height: 20px; }

.main-poll-totalvotes, .main-poll-notloggedin {
  margin: 10px 0;
  font-size: 12px; }

.main-poll-totalvotes {
  padding-bottom: 15px;
  margin-top: 15px;
  font-size: 11px;
  color: #353535; }

#main-poll-form {
  margin: 0 15px; }
  #main-poll-form input[type=submit] {
    margin: 20px 0 0 0;
    border: 0; }
  #main-poll-form .main-poll-answer {
    clear: both;
    margin: 2px 0; }

.main-poll-answertitle {
  overflow: hidden;
  width: 288px;
  margin: 6px 0;
  color: #353535; }
  .main-poll-answertitle div.text-answer {
    float: left;
    font-size: 12px;
    font-weight: bold;
    width: 248px; }
  .main-poll-answertitle div.answer-percentage {
    float: left;
    clear: right;
    width: 40px;
    font-size: 12px;
    text-align: right;
    font-weight: normal; }

#main-poll-form .main-poll-answer label {
  font-size: 12px;
  font-weight: bold; }
#main-poll-form .main-pollanswer-radio {
  margin: 10px 10px 0 0; }

#main-loggedin-top {
  width: 992px;
  height: 324px; }

.main-index-container {
  clear: both;
  width: 100%;
  position: relative;
  overflow: auto;
  top: -15px; }

.main-loggedin-container {
  width: 520px;
  margin: 0 auto;
  padding-top: 30px; }

.main-loggedin-submit {
  position: relative;
  margin-top: 5px;
  float: right; }

#main-loggedin-newsletter {
  background: url(../main/bfbc2/newsletter.png);
  margin-left: 16px;
  margin-top: 16px;
  float: right;
  width: 320px;
  height: 203px;
  position: relative; }
  #main-loggedin-newsletter #main-newsletter-signup {
    position: absolute;
    left: 190px;
    top: 103px; }
  #main-loggedin-newsletter #main-newsletter-view {
    position: absolute;
    left: 190px;
    top: 145px; }
  #main-loggedin-newsletter #main-newsletter-signup a, #main-loggedin-newsletter #main-newsletter-signup .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #main-loggedin-newsletter #main-newsletter-signup a {
    color: #f8f8f8;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    font-family: Arial, sans-serif; }
  #main-loggedin-newsletter #main-newsletter-view a, #main-loggedin-newsletter #main-newsletter-view .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #main-loggedin-newsletter #main-newsletter-view a {
    color: #f8f8f8;
    font-weight: bold;
    font-size: 12px;
    line-height: 12px;
    text-decoration: none;
    font-family: Arial, sans-serif; }
    #main-loggedin-newsletter #main-newsletter-view a:hover, #main-loggedin-newsletter #main-newsletter-view .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress #main-loggedin-newsletter #main-newsletter-view a:hover {
      color: #e69f1f; }
  #main-loggedin-newsletter #main-newsletter-signup a:hover, #main-loggedin-newsletter #main-newsletter-signup .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress #main-loggedin-newsletter #main-newsletter-signup a:hover {
    color: #e69f1f; }

#main-loggedin-content {
  width: 992px; }

.main-loggedin-playnow-desc {
  font-size: 11px;
  color: #353535;
  padding: 12px 0 6px 0; }
  .main-loggedin-playnow-desc a, .main-loggedin-playnow-desc .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .main-loggedin-playnow-desc a {
    font-size: 11px;
    font-weight: normal; }

.main-loggedin-award {
  clear: both;
  height: 58px; }

.main-loggedin-award-img {
  float: left;
  width: 110px;
  text-align: center; }

.main-loggedin-award-info {
  float: left;
  width: 210px; }

.main-loggedin-award-progress {
  padding-bottom: 3px;
  font-size: 12px; }

.main-loggedin-awarditem-progress {
  position: relative;
  top: 1px;
  left: 1px;
  background-color: #272829;
  height: 5px; }

.main-loggedin-award-title {
  padding-top: 5px;
  padding-bottom: 5px; }

.main-loggedin-award-desc {
  font-size: 11px;
  color: #8a8a8a;
  line-height: 1.2; }

.main-splashbar-container {
  position: relative;
  width: 992px;
  margin: 0 auto; }

.main-splashbar-signup {
  position: absolute;
  right: 0;
  top: 19px; }

.main-splashbar-info {
  float: left;
  margin-right: 70px;
  margin-top: 16px; }

.main-splashbar-info-text {
  text-shadow: 0 1px #000;
  color: #cccccc;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 8px; }

.main-splashbar-info-amount {
  text-shadow: 0 1px #000;
  color: #fefefe;
  font-size: 35px; }

#main-loggedin-leftcolumn {
  width: 320px;
  float: right;
  margin-left: 16px;
  padding-bottom: 230px;
  /* so the soldier logo always is visible */
  margin-top: 0; }
  #main-loggedin-leftcolumn h3 {
    font-family: Tahoma, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    color: #353535;
    margin-bottom: 6px; }
    #main-loggedin-leftcolumn h3.grey {
      font-size: 11px;
      text-transform: uppercase;
      color: #8a8a8a; }
  #main-loggedin-leftcolumn .advirticement {
    margin: 12px 0; }

.main-loggedin-leftcolumn-active-console-friends {
  padding-top: 10px; }

.main-loggedin-leftcolumn-active-console-friend-avatars {
  height: 36px; }

.main-loggedin-leftcolumn-active-console-friend-avatar {
  width: 36px;
  height: 36px;
  float: left;
  margin-right: 5px; }

.main-loggedin-leftcolumn-active-soldier {
  border-bottom: 1px solid #fcfcfc;
  position: relative;
  margin-bottom: 9px; }

.main-loggedin-leftcolumn-active-soldier-inner {
  border-bottom: 2px solid #e8e8e8;
  min-height: 144px;
  height: auto; }

.main-loggedin-leftcolumn-active-soldier-name {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  position: absolute;
  top: 30px;
  left: 83px; }

.main-loggedin-leftcolumn-active-soldier-info {
  color: #8a8a8a;
  font-size: 12px;
  line-height: 20px;
  position: absolute;
  top: 50px;
  left: 83px; }

.main-loggedin-leftcolumn-active-soldier-info-platform {
  float: left;
  padding-right: 3px;
  padding-top: 4px; }

.main-loggedin-leftcolumn-active-soldier-info a, .main-loggedin-leftcolumn-active-soldier-info .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .main-loggedin-leftcolumn-active-soldier-info a {
  font-size: 12px;
  font-weight: normal; }

.main-loggedin-leftcolumn-active-soldier-rank {
  width: 100%;
  height: 128px;
  position: absolute;
  left: 0;
  bottom: 1px;
  background: url(../main/sidebar_separator_texture.png) bottom left no-repeat; }

.main-loggedin-leftcolumn-active-soldier-link {
  position: absolute;
  bottom: 0;
  left: 0; }

.main-loggedin-leftcolumn-active-soldier-rank-char-image.bf3-char {
  background: url(../profile/kits/m/bf3-us-assault.png) center bottom no-repeat; }

.main-loggedin-leftcolumn-ad {
  margin-top: 14px;
  margin-bottom: 6px; }

.main-loggedin-leftcolumn-ad-inner {
  padding: 8px; }
  .main-loggedin-leftcolumn-ad-inner img {
    display: block; }

#main-loggedin-maincolumn {
  width: 656px;
  float: right;
  margin-top: 0; }

.main-loggedin-awarditem-progress-container {
  overflow: hidden;
  background: #cacaca;
  padding: 1px;
  height: 7px;
  width: 206px; }

.main-loggedin-awarditem-progress-container-inner {
  background: #fff;
  height: 7px;
  width: 100%; }

#main-loggedin-next-awards, #main-loggedin-your-targets {
  clear: both; }

#main-loggedin-feed-container {
  border: 1px solid #d7d8d8;
  border-top: 0;
  background: #fcfcfb; }

#main-loggedin-createsoldier-container {
  border: 1px solid #d7d8d8;
  border-top: 0;
  line-height: 16px;
  background: #fcfcfb;
  font-size: 12px;
  padding: 13px; }

#main-loggedin-feed {
  position: relative;
  margin-top: 1px; }
  #main-loggedin-feed .facebook-cta {
    background: rgba(240, 240, 240, 0.65) url(../facebook/icon-fb-m.png) no-repeat;
    background-position: 16px center;
    padding-left: 56px;
    padding-right: 100px;
    font-size: 14px;
    line-height: 18px;
    color: #34454f;
    position: relative; }
    #main-loggedin-feed .facebook-cta b {
      cursor: pointer;
      color: #000; }
      #main-loggedin-feed .facebook-cta b:hover {
        text-decoration: underline; }
    #main-loggedin-feed .facebook-cta .close {
      display: block;
      position: absolute;
      right: 16px;
      top: 26px;
      background: url(../unifiedgamemanager/close@2x.png);
      background-size: 100%;
      width: 16px;
      height: 16px;
      cursor: pointer; }

#main-loggedin-wb-avatar {
  position: absolute;
  left: 0;
  top: 15px; }

#main-loggedin-wb-info {
  float: left; }

.main-loggedin-wb-info-icon {
  float: left;
  background: url(../main/singedinicons.png);
  width: 27px;
  height: 25px;
  cursor: pointer;
  position: relative; }
  .main-loggedin-wb-info-icon:hover {
    background-position: -36px 0; }

.main-loggedin-icon-new {
  background: #000;
  color: #f5a905;
  font-size: 11px;
  padding: 0 3px;
  position: absolute;
  right: 2px;
  top: 0;
  height: 14px;
  line-height: 14px;
  display: none;
  text-shadow: none; }

.main-loggedin-wb-info-icon-divider {
  float: left;
  background: url(../main/singedinicons-divider.png);
  width: 1px;
  height: 25px; }

#main-loggedin-activesoldier {
  position: absolute;
  top: 0;
  left: 340px;
  width: 200px;
  height: 90px;
  background: url(../main/bfbc2/activesoldier.png) bottom left no-repeat; }

#main-loggedin-activesoldier-header {
  position: relative;
  font-size: 11px;
  font-family: Tahoma, Arial, sans-serif;
  font-weight: bold;
  color: #8a8a8a;
  top: 30px;
  left: 70px; }

#main-loggedin-activesoldier-link {
  position: absolute;
  width: 61px;
  left: -72px;
  top: -28px;
  height: 87px; }

#main-loggedin-activesoldier-header a, #main-loggedin-activesoldier-header .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #main-loggedin-activesoldier-header a {
  line-height: 20px;
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: bold; }

#main-loggedin-activesoldier-game {
  margin-top: 0;
  width: 30px; }

#main-loggedin-wb-info-icon-inbox {
  position: relative;
  top: 47px;
  margin-left: 65px; }

#main-loggedin-wb-info-icon-gameupdates {
  position: relative;
  top: 47px;
  margin-left: 2px; }

#main-loggedin-wb-info-icon-notifications {
  position: relative;
  top: 47px;
  margin-left: 0; }

#main-loggedin-wb-info-icon-inbox.unread {
  background-position: 36px 0; }

#main-loggedin-wb-info-icon-notifications.unread .main-loggedin-icon-new, #main-loggedin-wb-info-icon-inbox.unread .main-loggedin-icon-new {
  display: block; }

#main-loggedin-wb-info-icon-gameupdates {
  background-position: 0 50px;
  position: relative;
  margin-left: 2px; }
  #main-loggedin-wb-info-icon-gameupdates:hover {
    background-position: -36px 50px; }
  #main-loggedin-wb-info-icon-gameupdates.unread {
    background-position: 36px 50px; }

#main-loggedin-wb-info-icon-notifications {
  background-position: 0 25px;
  position: relative;
  margin-left: 65px; }
  #main-loggedin-wb-info-icon-notifications:hover {
    background-position: -36px 25px; }
  #main-loggedin-wb-info-icon-notifications.unread {
    background-position: 36px 25px; }

#main-loggedin-wb-info {
  margin-top: 8px;
  margin-left: 20px; }

#main-loggedin-wb-username {
  position: absolute;
  top: 27px;
  left: 72px;
  font-size: 16px;
  font-family: Arial, sans-serif; }

#main-loggedin-wb-container {
  top: 0;
  height: 92px;
  position: relative;
  width: 992px;
  margin: 0 auto;
  border-bottom: 1px solid #fff; }

#main-loggedin-wb-bottomline {
  position: absolute;
  height: 3px;
  width: 100%;
  left: 0;
  bottom: 0;
  border-bottom: 2px solid #c0c0c0;
  opacity: 0.2;
  filter: alpha(opacity=20); }

#main-loggedin-singlecolumns {
  clear: left;
  margin: 0 16px 60px 16px; }
  #main-loggedin-singlecolumns .single-column {
    margin: 0 0 16px 18px; }
    #main-loggedin-singlecolumns .single-column:first-child {
      margin-left: 0; }

.adbox {
  height: 352px; }
  .adbox .box-content {
    background: url(../main/warsaw/soldier-box.jpg) no-repeat;
    position: relative;
    text-align: center; }
  .adbox .btn {
    margin-top: 300px; }

#main-loggedin-friends {
  width: 100%;
  position: relative; }

.profile-clean-heading, .main-loggedin-clean-heading {
  border-top: 0 solid #e0dfdf;
  padding-top: 8px;
  padding-bottom: 4px;
  background: url(../base/bfbc2/loggedin-clean-heading.png) no-repeat top left; }

#main-loggedin-friends .main-loggedin-clean-heading {
  background: none; }

.main-loggedin-clean-heading {
  font-size: 12px;
  font-weight: bold;
  color: #353535;
  font-family: Tahoma, Arial, sans-serif; }
  .main-loggedin-clean-heading h1 {
    font-family: Tahoma, sans-serif; }

.main-loggedin-heading {
  text-transform: uppercase;
  height: 38px;
  width: 100%;
  position: relative;
  background: url(../base/bfbc2/header_x1.png); }
  .main-loggedin-heading h1 {
    color: #FFF;
    font-size: 17px;
    margin-left: 16px;
    text-shadow: 0 1px #000;
    line-height: 38px;
    text-transform: uppercase; }

#main-loggedin-content #feed-container {
  width: 620px; }
#main-loggedin-content .feed-container-empty {
  text-align: center;
  padding: 10px; }
  #main-loggedin-content .feed-container-empty span {
    font-size: 14px;
    padding-bottom: 10px;
    display: block;
    color: #353535; }
  #main-loggedin-content .feed-container-empty a, #main-loggedin-content .feed-container-empty .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #main-loggedin-content .feed-container-empty a {
    font-size: 14px;
    font-weight: bold; }

#main-trailer-splash-content {
  position: relative;
  margin: auto;
  z-index: 210;
  width: 660px;
  height: 405px;
  display: none; }

#main-trailer-splash-darkbox {
  position: absolute;
  background-color: #151515;
  opacity: 0.95;
  filter: alpha(opacity=95);
  left: 0;
  top: -30px;
  width: 100%;
  height: 1000px;
  z-index: 200;
  display: none; }

#main-trailer-thumbnail {
  position: relative;
  margin: 0 auto;
  top: 315px;
  width: 992px;
  z-index: 190;
  cursor: pointer; }

#main-trailer-thumbnail-img {
  margin: 0 0 5px 0; }

#main-trailer-caption {
  margin: auto;
  margin-left: 5px;
  position: absolute;
  bottom: -20px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #353535;
  text-shadow: #FFF 0 1px 0; }
  #main-trailer-caption:hover {
    color: #308DBF;
    text-decoration: underline; }

#main-live-userbar {
  position: relative;
  bottom: 0;
  width: 100%;
  margin-top: 20px; }

#loginFeed {
  width: 992px;
  margin: 72px auto auto;
  margin-top: 110px;
  position: relative;
  z-index: 2; }

.main-latest-logged-in-players {
  font-size: 14px;
  font-weight: bold;
  color: #a8a8a8; }

.main-splash-separator {
  margin: 15px 0 10px 0; }

.main-all-presence {
  margin: 0 auto;
  width: 618px;
  margin-bottom: 110px; }

.main-social {
  float: left;
  margin: 0 75px 20px 0;
  text-align: center;
  background: url(../main/all/footer-sociallogos-big.png);
  overflow: hidden; }

.main-social-last {
  margin-right: 0; }

#main-social-facebook {
  width: 158px;
  height: 59px; }
  #main-social-facebook:hover {
    background-position: 0 -59px; }

#main-social-twitter {
  margin-top: 12px;
  width: 167px;
  height: 39px;
  background-position: 0 -118px; }
  #main-social-twitter:hover {
    background-position: 0 -157px; }

#main-social-youtube {
  width: 127px;
  height: 53px;
  background-position: 0 -196px; }
  #main-social-youtube:hover {
    background-position: 0 -249px; }

.main-social-a {
  position: relative;
  top: 50px;
  left: 0;
  padding-top: 80px; }

#main-social-a-twitter {
  top: 38px;
  padding-top: 68px; }

#main-moh {
  position: relative;
  top: -20px; }

#loginfeed-avatars {
  height: 32px;
  margin-top: 5px;
  overflow: hidden;
  margin-top: 5px;
  width: 989px;
  padding: 5px;
  background-color: #f3f3f3; }

#loginfeed-avatars-container {
  position: relative;
  left: 0;
  width: 1200px;
  white-space: nowrap; }

#loginfeed-avatars .base-avatar-container {
  float: left;
  margin: 0 7px 0 0; }

.main-trailer-vietnam {
  display: none; }

#main-loggedin-top {
  width: 100%;
  height: 151px;
  background: url(//d34ymitoc1pg7m.cloudfront.net/bf3/backgrounds/loggedin-top-6f944a4b.png) repeat-x;
  position: relative; }

.main-campaign {
  width: 320px;
  height: 100%;
  position: relative;
  float: left; }

.main-campaign-label {
  width: 113px;
  height: 29px;
  background: url(../main/bf3/shade.png);
  position: absolute;
  top: 5px;
  line-height: 29px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  text-shadow: #000 0 1px 0;
  color: #FFF;
  text-transform: uppercase; }

.main-multiplayer-info, .main-campaign-info {
  color: #fff;
  font-size: 11px;
  margin: 10px;
  position: relative;
  float: left;
  line-height: 2.4; }

.main-campaign-launch {
  float: right;
  position: relative;
  margin-top: 10px;
  margin-right: 10px; }

.main-coop {
  float: left;
  position: relative;
  width: 352px;
  height: 100%; }

.main-multiplayer {
  float: left;
  position: relative;
  width: 320px;
  height: 100%; }

.main-multiplayer-label {
  width: 145px;
  height: 29px;
  background: url(../main/bf3/shade.png);
  position: absolute;
  top: 5px;
  line-height: 29px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  text-shadow: #000 0 1px 0;
  color: #fff;
  text-transform: uppercase; }
  .main-multiplayer-label span {
    float: left; }
  .main-multiplayer-label img {
    float: left;
    margin: 9px 10px 0 10px; }

.main-multiplayer-info {
  position: relative;
  top: 98px; }

.main-multiplayer-launch {
  position: absolute;
  bottom: 12px;
  right: 10px; }

.main-targetsunlocks {
  width: 654px;
  border-top: 1px solid #cacaca;
  border-bottom: 1px solid #fff;
  margin-bottom: 16px; }

.main-targetsunlocks-inner {
  border: 1px solid #dbdbdb;
  background-color: #e7e7e7;
  position: relative;
  padding-bottom: 13px; }

.main-targetsunlocks-container-left, .main-targetsunlocks-container-right {
  width: 309px;
  position: relative;
  float: left; }

.main-targetsunlocks-container-left {
  left: 15px; }

.main-targetsunlocks-container-right {
  margin-right: 14px;
  float: right; }

.main-targetsunlocks-box-wrapper {
  margin-top: 9px; }

.main-targetsunlocks-box {
  width: 100px;
  height: 65px;
  margin: 0 10px 10px 0;
  position: relative;
  background-color: #dfdfdf;
  float: left; }
  .main-targetsunlocks-box.last {
    margin-right: 0; }

.main-targetstaken-closeform {
  display: none; }

.main-targetsunlocks-box:hover .main-targetstaken-closeform {
  display: block; }

.main-targetsunlocks-box-title {
  color: #8a8a8a;
  font-size: 10px; }

.main-targetsunlocks-box.taken {
  background: #b0d379; }

.main-targetsunlocks-target, .main-targetsunlocks-upcoming {
  height: 35px;
  line-height: 35px;
  color: #353535;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  position: relative; }

.main-targetsunlocks-target {
  background: url(../main/all/target.png) left no-repeat;
  text-indent: 20px;
  left: 15px;
  float: left;
  width: 309px; }

.main-targetsunlocks-upcoming {
  width: 309px;
  float: right;
  margin-right: 14px; }

.main-targetsunlocks-change {
  position: relative;
  font-weight: normal;
  line-height: 17px;
  font-size: 11px;
  padding-left: 4px; }

.main-targetsunlocks-viewall {
  position: absolute;
  bottom: 10px;
  width: 304px;
  left: 15px;
  font-weight: normal;
  text-align: center; }
  .main-targetsunlocks-viewall a, .main-targetsunlocks-viewall .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .main-targetsunlocks-viewall a {
    font-weight: normal; }

.main-targetsunlocks-progress-container {
  position: absolute;
  left: 10px;
  bottom: 6px;
  overflow: hidden;
  background: #cacaca;
  padding: 1px;
  height: 7px;
  width: 80px; }

.main-targetsunlocks-progress-container-inner {
  background: #fff;
  height: 7px;
  width: 100%; }

.main-targetsunlocks-progress {
  position: relative;
  top: 1px;
  left: 1px;
  background-color: #272829;
  height: 5px; }

.main-targetsunlocks-awardtitle {
  position: absolute;
  bottom: 7px;
  font-size: 11px;
  color: #353535;
  width: 130px;
  left: 10px;
  text-align: center;
  height: 16px;
  overflow: hidden; }

.main-targetsunlocks-statsimage {
  position: absolute; }

.main-loggedin-upcomingunlocks {
  width: 100%;
  position: relative; }

.main-loggedin-rankbar {
  width: 100%;
  position: relative;
  position: absolute;
  left: 70px;
  top: 70px;
  margin-top: 0; }

.main-loggedin-upcomingunlocks {
  min-height: 65px;
  clear: both;
  position: relative;
  left: -10px; }

.main-loggedin-rankbar a:hover, .main-loggedin-rankbar .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress .main-loggedin-rankbar a:hover {
  text-decoration: none; }

.main-loggedin-rankbar-prev {
  float: left;
  margin: 12px 0 0 0; }

.main-loggedin-rankbar-next {
  float: left;
  margin: 12px 0 0 0;
  opacity: 0.2;
  filter: alpha(opacity=20); }

.main-loggedin-rankbar-bar {
  float: left;
  font-size: 12px;
  width: 131px;
  margin-top: 15px; }

.main-loggedin-rankbar-rankName {
  line-height: 20px;
  color: #353535;
  font-size: 12px; }

.main-loggedin-rankbar-points {
  text-align: left;
  font-size: 11px;
  line-height: 18px;
  color: #8a8a8a;
  padding-top: 1px; }
  .main-loggedin-rankbar-points strong {
    font-weight: normal;
    color: #353535; }

.main-loggedin-rankbar-barmeter {
  width: 129px;
  height: 7px;
  padding: 1px;
  border: 1px solid #bebebe;
  background-color: #fff; }
  .main-loggedin-rankbar-barmeter div {
    height: 7px;
    background-color: #353535;
    max-width: 100%; }

.main-loggedin-campaign-map {
  float: left;
  width: 66px;
  height: 46px;
  border: 1px solid #e0e0df; }
  .main-loggedin-campaign-map img {
    width: 62px;
    height: 42px;
    margin: 2px; }

.main-loggedin-campaign-info {
  float: left;
  width: 154px;
  margin-left: 6px;
  overflow: hidden;
  line-height: 16px; }

.main-loggedin-campaign-chapter {
  color: #353535;
  font-size: 11px;
  font-weight: bold; }

.main-loggedin-campaign-title {
  font-size: 11px; }

.main-loggedin-campaign-ago {
  font-size: 11px;
  color: #8a8a8a; }

#main-loggedin-campaign, #main-loggedin-coop, #main-loggedin-multiplayer {
  margin-top: 14px; }

#main-loggedin-campaign {
  height: 89px; }

#main-loggedin-coop {
  height: 70px; }

.main-loggedin-sectiontitle {
  font-size: 15px;
  color: #353535;
  font-weight: bold;
  margin-bottom: 6px;
  text-indent: 5px;
  text-shadow: 0 1px #ffffff; }

.main-loggedin-coop-logo {
  background: url(../campaign/mock-cooplevels.png);
  width: 35px;
  height: 24px;
  float: left;
  margin-right: 10px;
  margin-top: 5px; }

.main-loggedin-coop-info-text {
  color: #353535;
  font-size: 12px; }

.main-loggedin-coop-info-friends {
  color: #8a8a8a;
  font-size: 11px; }

.main-loggedin-section-button {
  float: right; }

.main-loggedin-coop-info {
  width: 188px;
  float: left;
  line-height: 16px; }

.main-loggedin-multiplayer-info {
  margin-top: 6px;
  width: 240px;
  float: left; }

.main-loggedin-multiplayer-title {
  color: #8a8a8a;
  font-family: Tahoma, Arial, sans-serif;
  font-weight: bold;
  font-size: 11px; }

.main-loggedin-multiplayer-filters {
  margin-top: 6px;
  line-height: 16px;
  font-size: 11px;
  color: #8a8a8a; }
  .main-loggedin-multiplayer-filters span {
    font-weight: bold; }
  .main-loggedin-multiplayer-filters a, .main-loggedin-multiplayer-filters .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .main-loggedin-multiplayer-filters a {
    font-size: 11px;
    font-weight: normal; }

.main-loggedin-server-description {
  font-size: 11px;
  font-weight: bold;
  color: #8a8a8a;
  font-weight: bold;
  font-family: tahoma, geneva, arial, sans-serif;
  margin-bottom: 12px; }

.main-loggedin-server-infoarea {
  font-size: 11px;
  color: #8a8a8a;
  margin-left: 6px;
  line-height: 16px;
  float: left;
  margin-top: 3px; }

.main-loggedin-server {
  clear: left;
  margin-bottom: 10px; }

.main-loggedin-server-title a, .main-loggedin-server-title .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .main-loggedin-server-title a {
  font-size: 11px; }

.main-loggedin-server-map {
  width: 66px;
  height: 46px;
  float: left;
  border: 1px solid #e0e0df; }
  .main-loggedin-server-map img {
    width: 62px;
    height: 42px;
    margin: 2px; }

.main-targetstaken-close {
  cursor: pointer;
  position: relative;
  float: right;
  margin-right: 4px;
  background: url(../base/shared/row_icon_chat.png) 0 26px;
  height: 13px;
  width: 13px;
  margin-top: 4px;
  border: 0;
  z-index: 2; }
  .main-targetstaken-close:hover {
    background-position: 0 13px; }

.main-targetunlocks-foundnotargets {
  font-size: 12px;
  text-align: center;
  color: #353535;
  height: 70px;
  line-height: 70px; }

.main-targetunlocks-pointsneeded {
  font-size: 11px;
  position: absolute;
  top: 88px;
  left: 28px;
  color: #8a8a8a;
  text-align: center;
  width: 102px; }

#main-landing {
  height: 709px;
  background: white url(//d34ymitoc1pg7m.cloudfront.net/bf3/backgrounds/landing_bg-41a2381f.jpg) no-repeat 50% 100%;
  text-align: center;
  position: relative; }

.main-landing-bg-flick {
  width: 100%;
  height: 100%;
  background: transparent no-repeat 50% 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: none; }

.main-landing-inner {
  width: 992px;
  height: 100%;
  margin: 0 auto;
  text-align: left;
  position: relative; }

#main-middle.main-landing-middle {
  padding-top: 62px;
  position: static; }

.main-landing-headinfo {
  height: 47px;
  padding-top: 25px; }
  .main-landing-headinfo table tr td {
    vertical-align: top; }

.main-landing-headinfo-line {
  width: 100%;
  height: 1px;
  background-color: #95a19b;
  margin-top: 24px; }

.main-landing-headinfo-title {
  font-family: Arial, sans-serif;
  font-size: 20px;
  padding: 14px 13px 0 12px;
  color: #c9c9cb;
  white-space: nowrap; }

#main-landing-headinfo-count {
  font-family: Arial, sans-serif;
  font-size: 47px;
  white-space: nowrap; }

.main-landing-header {
  height: 301px;
  padding-top: 70px;
  position: relative; }

.main-landing-header-action-link {
  /*padding-left: 34px;*/
  font-size: 32px;
  background: transparent no-repeat 0 50%;
  height: 34px;
  font-family: Arial, sans-serif;
  position: absolute;
  font-weight: normal; }

#base-all-body .main-landing-header {
  padding-top: 0; }

.main-landing-splashinfo {
  width: 662px;
  margin-left: 10px;
  padding-top: 14px;
  float: left; }
  .main-landing-splashinfo h1 {
    margin: 0;
    padding: 0;
    font-size: 90px;
    line-height: 75px;
    color: #ffffff;
    font-family: Arial, sans-serif;
    text-shadow: 0 1px 2px #222222;
    letter-spacing: 0;
    font-weight: normal; }
  .main-landing-splashinfo h2 {
    margin: 20px 0 0;
    padding: 0 0 0 4px;
    font-size: 32px;
    line-height: 32px;
    color: #252525;
    font-family: Arial, sans-serif;
    letter-spacing: 0;
    font-weight: normal; }

.main-landing-logo {
  width: 320px;
  height: 270px;
  float: left;
  background: transparent url(../main/all/logo.png) no-repeat 50% 20px; }

.main-landing-joincontent {
  height: 410px;
  position: absolute;
  bottom: -62px;
  z-index: 4; }

.main-landing-joincontent-login {
  width: 320px;
  height: 410px;
  background: #222222 url(../main/all/login_bg.png) no-repeat;
  float: left;
  text-align: center; }

.main-landing-joincontent-login-padder {
  padding: 19px 30px; }

.main-landing-joincontent-login h1 {
  font-family: Arial, sans-serif;
  color: #ffffff;
  font-size: 35px;
  line-height: 35px;
  margin: 0 0 18px;
  padding: 0;
  font-weight: normal; }
.main-landing-joincontent-login h4 {
  font-size: 14px;
  line-height: 22px;
  color: #d2d2d2;
  margin: 0 0 13px;
  padding: 0; }

.main-landing-joincontent-login-seperator {
  width: 260px;
  height: 14px;
  background: transparent url(../main/all/login-or-signup-seperator.png) no-repeat;
  margin: 32px 0 28px; }

.main-landing-joincontent-login-seperator-small {
  width: 260px;
  height: 1px;
  background-color: #2d2d2d;
  margin: 15px 0 11px; }

.main-landing-joincontent-login-form-input {
  position: relative;
  margin-bottom: 5px;
  background-color: #4f4f4f;
  height: 30px; }
  .main-landing-joincontent-login-form-input label {
    position: absolute;
    top: 9px;
    left: 10px;
    font-size: 12px;
    color: #a7a7a7;
    z-index: 0;
    cursor: text;
    /* for IE */ }
  .main-landing-joincontent-login-form-input.filled label {
    display: none; }
  .main-landing-joincontent-login-form-input input {
    width: 240px;
    height: 15px;
    margin: 0;
    padding: 9px 10px 6px !important;
    background-color: transparent;
    float: left;
    font-size: 12px;
    line-height: 12px;
    border: none;
    color: #b5b4b4;
    position: relative;
    z-index: 1; }
    .main-landing-joincontent-login-form-input input:focus {
      outline: none; }
    .main-landing-joincontent-login-form-input input:-webkit-autofill {
      color: #434343; }

.main-landing-login-form-actions {
  margin-top: 10px; }

.main-landing-login-form-action-remember {
  color: #a7a7a7;
  font-size: 11px;
  float: left;
  text-align: left;
  margin-top: 4px; }
  .main-landing-login-form-action-remember input {
    margin-left: 0; }
  .main-landing-login-form-action-remember label {
    top: -2px; }

.main-landing-login-action-lostpassword {
  font-weight: normal;
  color: #55728c;
  font-size: 11px; }

.main-landing-joincontent-pitchboxes {
  width: 672px;
  float: left; }

.main-landing-joincontent-pitchboxes-pitch {
  height: 197px;
  width: 320px;
  position: relative;
  float: left;
  margin-left: 16px;
  text-align: center; }

.main-landing-joincontent-pitchboxes-pitch-link {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0; }

.main-landing-joincontent-pitchbox-bg {
  position: absolute;
  z-index: -1;
  width: 320px;
  height: 215px;
  top: -18px;
  left: 0;
  background: transparent no-repeat; }

.main-landing-joincontent-pitchboxes-pitch h1 {
  font-size: 30px;
  font-family: Arial, sans-serif;
  line-height: 32px;
  color: #000;
  font-weight: normal;
  margin-top: 131px; }

.main-landing-joincontent-pitchboxes-pitch-info {
  color: #9e9e9e;
  font-size: 12px;
  padding-top: 5px; }

.main-landing-joincontent-pitchboxes-pitch-size2 .main-landing-joincontent-pitchboxes-pitch-info {
  padding-top: 7px; }

.main-landing-liveeventsbox .common-box-title {
  text-align: center; }
.main-landing-liveeventsbox .common-box-inner {
  padding-bottom: 13px; }
.main-landing-liveeventsbox .common-box-inner-border {
  height: 322px; }

.main-landing-stats-separator {
  height: 2px;
  background-color: #e7e7e7;
  border-bottom: 1px solid #fff;
  margin-bottom: 15px; }

.main-landing-stats {
  margin-bottom: 24px; }
  .main-landing-stats table {
    width: 100%;
    height: 78px; }
  .main-landing-stats h1 {
    font-size: 11px;
    font-family: Tahoma, Arial, sans-serif;
    color: #ababab;
    padding: 0;
    margin: 14px 0 8px 11px; }

.main-landing-stats-stat {
  font-size: 35px;
  font-family: Arial, sans-serif;
  color: #878787;
  margin: 0 0 0 11px;
  padding: 0; }

.main-landing-stats-icon-kills {
  width: 71px;
  background: transparent url(../main/stats-kills.png) no-repeat 0 6px; }

.main-landing-stats-icon-users {
  width: 68px;
  background: transparent url(../main/stats-users.png) no-repeat -6px 5px; }

.main-landing-stats-icon-time {
  width: 65px;
  background: transparent url(../main/stats-time.png) no-repeat -7px 8px; }

.main-landing-stats-icon-dogtags {
  width: 49px;
  background: transparent url(../main/stats-dogtags.png) no-repeat -23px 0; }

.main-landing-loggedin-goto-game {
  margin-top: 8px; }

.main-landing-loggedin-goto-game-title {
  text-align: left; }

#main-loggedin-closedbeta p {
  font-size: 12px;
  color: #8a8a8a;
  line-height: 1.4; }
#main-loggedin-closedbeta a, #main-loggedin-closedbeta .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #main-loggedin-closedbeta a {
  font-size: 12px;
  line-height: 1.4; }

.main-targetsunlocks-statsimage-padder {
  width: 25px;
  float: left;
  height: 30px; }

#main-loggedin-friendsuggest {
  margin-top: 16px; }
  #main-loggedin-friendsuggest p {
    font-size: 12px;
    color: #353535;
    margin-bottom: 16px; }
  #main-loggedin-friendsuggest li {
    margin-bottom: 10px; }
  #main-loggedin-friendsuggest .base-friends-username, #main-loggedin-friendsuggest .base-friends-avatar {
    width: auto;
    float: left;
    margin-right: 10px; }
  #main-loggedin-friendsuggest .profile-add-friend {
    float: right;
    margin-top: 5px; }

/* main.about */
.main-about-intro {
  height: 178px;
  text-align: center; }
  .main-about-intro h1 {
    font-size: 65px;
    line-height: 68px;
    color: #000;
    font-family: Arial, sans-serif;
    font-weight: normal;
    padding-top: 31px;
    text-transform: uppercase; }
  .main-about-intro p {
    font-size: 30px;
    line-height: 33px;
    color: #353535;
    font-family: Arial, sans-serif;
    font-weight: normal;
    padding-top: 13px; }

.main-about-feature {
  border-bottom: 1px solid #dfdfdf; }
  .main-about-feature .main-about-feature-info {
    width: 488px;
    float: left;
    position: relative; }
  .main-about-feature.text-right .main-about-feature-info {
    float: right; }
  .main-about-feature h2 {
    font-size: 35px;
    line-height: 38px;
    font-family: Arial, sans-serif;
    font-weight: normal;
    color: #000;
    margin: 43px 0 0;
    text-transform: uppercase; }
  .main-about-feature img {
    float: right; }
  .main-about-feature.text-right img {
    float: left; }

.main-about-feature-info-intro {
  font-size: 20px;
  font-weight: normal;
  font-family: Arial, sans-serif;
  line-height: 23px;
  color: #353535;
  margin: 7px 0 0; }

.main-about-feature .main-about-feature-info-description {
  color: #777777;
  font-size: 16px;
  line-height: 23px;
  margin: 10px 0 0; }

.main-about-foot {
  text-align: center;
  padding: 40px 0; }

.main-about-foot-back-home {
  font-size: 50px;
  line-height: 53px;
  text-decoration: none;
  font-family: Arial, sans-serif;
  text-transform: uppercase;
  font-weight: normal; }

/* Forgot Password
 * ---------------------------------------------------------------- */
.note {
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
  margin: 20px auto;
  width: 440px; }

.main-login-register-area {
  min-height: 500px;
  text-align: center; }

.main-forgotpassword-label {
  font-family: Arial, sans-serif;
  font-size: 12px;
  float: left;
  text-align: right;
  width: 110px;
  margin: 18px 10px 0 0; }

.main-forgotpassword-input {
  color: #353535;
  font-family: Arial, sans-serif;
  font-size: 18px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  width: 290px; }

.main-forgotpassword-submit {
  margin: 10px 0 0 120px; }

.main-loggedin-header {
  border-bottom: 1px solid #fcfcfc; }

.main-loggedin-header-inner {
  padding: 16px 16px 0;
  height: 226px;
  border-bottom: 1px solid #dfdfdf;
  background: rgba(0, 0, 0, 0.03); }

.main-loggedin-header-puffs {
  width: 1024px;
  margin-bottom: 10px;
  position: relative; }

.main-loggedin-header-puff {
  width: 336px;
  height: 115px;
  float: left;
  margin-right: 8px;
  position: relative;
  display: block;
  margin-bottom: 8px; }
  .main-loggedin-header-puff.last {
    margin-right: 0; }
  .main-loggedin-header-puff:hover .main-loggedin-header-puff-content {
    cursor: pointer;
    background: rgba(255, 255, 255, 0.1); }
  .main-loggedin-header-puff.disabled:hover .main-loggedin-header-puff-content {
    cursor: auto;
    background: none; }
  .main-loggedin-header-puff a, .main-loggedin-header-puff .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .main-loggedin-header-puff a {
    font-weight: normal;
    color: #3aade3; }

#main-loggedin-header-puff-multiplayer-groupjoin:hover {
  color: #ffc500; }

.main-loggedin-header-puff-overlay {
  position: absolute; }

.puff-disabled:hover {
  cursor: default; }

#main-loggedin-header-puff-campaign .main-loggedin-header-puff-background {
  background: url(../main/bf3/boxes/bg-campaign-bf3.jpg) no-repeat; }

#main-loggedin-header-puff-topstory {
  height: 238px; }
  #main-loggedin-header-puff-topstory a.main-topstory-link, #main-loggedin-header-puff-topstory .devblog .devblog-post .battlelog-wordpress a.main-topstory-link, .devblog .devblog-post .battlelog-wordpress #main-loggedin-header-puff-topstory a.main-topstory-link {
    display: block; }
  #main-loggedin-header-puff-topstory .main-loggedin-header-puff-background {
    background-image: url(../main/bf3/boxes/bg-story-bf3.jpg);
    background-size: auto 100%;
    height: 100%; }
  #main-loggedin-header-puff-topstory .main-loggedin-header-puff-content {
    height: 100%; }

#main-loggedin-header-puff-assignments .main-loggedin-header-puff-background {
  background-image: url(../main/bf3/boxes/bg-ass-bf3.jpg); }

#main-loggedin-header-puff-unlocks .main-loggedin-header-puff-background {
  background-image: url(../main/bf3/boxes/bg-unlocks-bf3.jpg); }

#main-loggedin-header-puff-loadout .main-loggedin-header-puff-background {
  background-image: url(../main/bf3/boxes/bg-loadout-bf3.jpg); }

#main-loggedin-header-puff-leaderboard .main-loggedin-header-puff-background {
  background-image: url(../main/bf3/boxes/bg-leaderboards-bf3.jpg); }

#main-loggedin-header-puff-premium .main-loggedin-header-puff-background {
  background-image: url(../main/bf3/boxes/bg-premium-bf3.jpg); }
#main-loggedin-header-puff-premium article {
  position: absolute;
  display: none;
  color: #fff;
  top: 50px;
  left: 16px;
  right: 16px;
  bottom: 16px; }
#main-loggedin-header-puff-premium i.icon {
  display: block;
  position: absolute;
  top: auto;
  left: auto;
  bottom: 0;
  right: 90px;
  z-index: 2; }
#main-loggedin-header-puff-premium .event {
  position: absolute;
  right: 57px;
  bottom: 0;
  z-index: 1; }
#main-loggedin-header-puff-premium h1 {
  width: 185px;
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }
#main-loggedin-header-puff-premium time {
  font-family: Arial, sans-serif;
  font-size: 11px;
  line-height: 15px;
  color: #8a8a8a; }
#main-loggedin-header-puff-premium .bullets {
  position: absolute;
  left: 14px;
  bottom: 5px; }
#main-loggedin-header-puff-premium span {
  font-family: Arial, sans-serif;
  font-size: 32px;
  line-height: 0;
  letter-spacing: 1px;
  color: #4f545a;
  -webkit-transition: color 0.2s; }
  #main-loggedin-header-puff-premium span.active {
    color: #cfcfcf; }

.main-loggedin-header-puff-background {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: 50% 20% !important;
  background-size: 100% auto; }

.main-loggedin-header-puff-background-dark {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: 50% 20% !important;
  background-size: 100% auto;
  background: #000;
  opacity: 0.3; }

.main-loggedin-header-puff-overlay {
  height: 100%;
  width: 100%;
  background: url(../main/topstory-overlay-home.png) left bottom repeat-x;
  box-shadow: inset 0 0 40px 0 rgba(255, 255, 255, 0.15); }

#main-loggedin-header-puff-campaign .main-loggedin-header-puff-overlay {
  width: 191px;
  height: 210px;
  background: url(//d34ymitoc1pg7m.cloudfront.net/bf3/main/1-overlay-33f290da.png) no-repeat;
  right: 0;
  top: 0; }

#main-loggedin-header-puff-coop .main-loggedin-header-puff-background {
  background: url(../main/bf3/boxes/bg-coop-bf3.jpg) no-repeat; }

#main-loggedin-header-puff-fireteams .main-loggedin-header-puff-background {
  background: url(../main/mohw/boxes/bg-fireteams-mohw.jpg) no-repeat; }

#main-loggedin-header-puff-coop .main-loggedin-header-puff-overlay {
  width: 193px;
  height: 228px;
  background: url(//d34ymitoc1pg7m.cloudfront.net/bf3/main/2-overlay-b4788212.png) no-repeat;
  left: 197px;
  top: 0; }
  #main-loggedin-header-puff-coop .main-loggedin-header-puff-overlay.disabled {
    background: url(//d34ymitoc1pg7m.cloudfront.net/bf3/main/2-overlay-inactive-b27f122e.png) no-repeat; }

#main-loggedin-header-puff-multiplayer .main-loggedin-header-puff-background {
  background: url(../main/bf3/boxes/bg-multi-bf3.jpg) no-repeat; }
#main-loggedin-header-puff-multiplayer .main-loggedin-header-puff-overlay {
  width: 148px;
  height: 118px;
  background: url(//d34ymitoc1pg7m.cloudfront.net/bf3/main/3-overlay-eef017b9.png) no-repeat;
  left: 182px;
  top: 109px; }

#main-loggedin-header-puff-buygame {
  width: 680px;
  height: 238px;
  margin-right: 0; }
  #main-loggedin-header-puff-buygame .pitch {
    position: absolute;
    bottom: 25px;
    left: 30px; }
  #main-loggedin-header-puff-buygame h1, #main-loggedin-header-puff-buygame h3 {
    font-family: Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase; }
  #main-loggedin-header-puff-buygame h1 {
    font-size: 24px;
    color: #ffc500;
    line-height: 1; }
  #main-loggedin-header-puff-buygame h3 {
    font-size: 14px;
    color: #fff;
    line-height: 1.9;
    text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.8); }
  #main-loggedin-header-puff-buygame .player {
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    top: 27px;
    right: 27px;
    width: 288px;
    height: 186px;
    background: #000;
    /*box-shadow: 0 2px 8px rgba(0,0,0,.75)*/ }
  #main-loggedin-header-puff-buygame .video {
    background: #000;
    display: none; }
  #main-loggedin-header-puff-buygame iframe {
    display: none; }
  #main-loggedin-header-puff-buygame .player .borders {
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    box-shadow: inset 0 0 1px 2px rgba(255, 255, 255, 0.3); }
  #main-loggedin-header-puff-buygame .player .mediabutton {
    display: none;
    position: absolute;
    background: url(../main/icon-play-m.png) 0 0 no-repeat;
    left: 50%;
    top: 50%;
    width: 72px;
    height: 73px;
    margin: -36px 0 0 -36px;
    cursor: pointer;
    z-index: 2; }
  #main-loggedin-header-puff-buygame .player:hover .mediabutton {
    background-position: 0 -72px; }
  #main-loggedin-header-puff-buygame .common-title {
    font-size: 22px;
    line-height: 35px; }

.main-loggedin-header-puff-content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -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;
  text-shadow: 1px 1px 3px black; }
  .main-loggedin-header-puff-content h2 {
    color: #fff;
    text-transform: uppercase;
    padding: 3px 0 0 16px;
    line-height: 1;
    text-shadow: 0 1px 3px #000;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=150,strength=1.5);
    overflow: hidden; }

.main-loggedin-header-puff-info {
  width: 288px;
  position: absolute;
  left: 16px;
  top: 50px; }

.main-loggedin-header-puff-info-title {
  font-size: 11px;
  font-family: Tahoma, sans-serif;
  color: #c3c3c3;
  line-height: 15px;
  font-weight: bold;
  text-transform: uppercase;
  padding-top: 1px;
  text-shadow: #222 2px 2px 5px; }

.puff-disabled .main-loggedin-header-puff-info-title {
  font-family: Arial, sans-serif;
  font-size: 22px;
  line-height: 22px;
  text-transform: uppercase;
  font-weight: normal;
  padding-top: 1px;
  text-shadow: none;
  color: #8a8a8a;
  padding-left: 16px; }
.puff-disabled .main-loggedin-header-puff-content h2 {
  text-shadow: none; }

.main-loggedin-header-puff-friends-avatars-wrapper {
  height: 36px;
  padding: 7px 0; }

.main-loggedin-header-puff-friends-avatar {
  width: 36px;
  height: 36px;
  float: left;
  margin-right: 5px; }

.main-view-friends-view-link {
  font-size: 11px;
  font-weight: normal;
  line-height: 14px; }

.main-loggedin-header-puff-progress-counter {
  background: black url(../coop/difficulty-sprite.png) 0 0 no-repeat;
  line-height: 19px;
  padding: 0 7px 0 27px;
  color: #fff;
  font-size: 12px; }

.main-loggedin-header-puff-play {
  position: absolute;
  left: 16px;
  bottom: 16px;
  color: #fff;
  font-size: 13px; }
  .main-loggedin-header-puff-play h3 {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    width: 300px;
    margin-bottom: 3px; }

.main-loggedin-header-puff-play-info {
  line-height: 14px;
  margin-bottom: 6px; }
  .main-loggedin-header-puff-play-info img {
    margin-bottom: -1px;
    padding-right: 4px; }
  .main-loggedin-header-puff-play-info a, .main-loggedin-header-puff-play-info .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .main-loggedin-header-puff-play-info a {
    font-weight: normal;
    font-size: 12px;
    color: #fff;
    text-decoration: none; }
    .main-loggedin-header-puff-play-info a:hover, .main-loggedin-header-puff-play-info .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress .main-loggedin-header-puff-play-info a:hover {
      font-weight: normal;
      font-size: 12px;
      color: #fff;
      text-decoration: none; }

.main-loggedin-header-puff-campaign-info-title {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  line-height: 20px;
  text-shadow: #222 2px 2px 5px;
  margin-top: 4px; }

.main-loggedin-header-puff-campaign-info-extra {
  font-size: 11px;
  color: #c3c3c3;
  line-height: 14px;
  text-shadow: #222 2px 2px 5px; }

.main-loggedin-leftcolumn-upcoming-unlocks {
  margin-bottom: 2px;
  min-height: 121px;
  position: relative; }

.main-loggedin-upcomingunlocks {
  min-height: 65px;
  position: relative;
  left: -10px; }

.main-loggedin-leftcolumn-upcoming-unlocks-footer-anchor-separator {
  padding-left: 4px;
  padding-right: 3px; }

#main-landing-middle-wrapper #main-middle, #main-landing-middle-wrapper #footer-wrapper {
  width: auto; }

.main-plugin-debug-contaioner {
  width: 650px;
  margin: 0 auto;
  height: 800px; }

.main-upcoming-unlock {
  width: 100px;
  float: left;
  margin-right: 6px;
  position: relative; }

body .main-upcoming-unlock .common-bubble {
  top: -50px !important; }

.main-upcoming-unlock img {
  margin-top: 5px;
  margin-left: 10px; }
.main-upcoming-unlock .common-percentbar-container {
  margin-left: 16px;
  background: rgba(255, 255, 255, 0.2);
  border: 0;
  padding: 0;
  height: 5px; }
  .main-upcoming-unlock .common-percentbar-container div {
    background: none repeat scroll 0 0 #fff;
    margin: 0;
    height: 5px; }
.main-upcoming-unlock.last {
  margin-right: 0; }

.main-friendlist-playing {
  float: left;
  margin-top: 3px;
  margin-right: 6px; }

.main-loggedin-leftcolumn-bf3preorder {
  margin-bottom: 7px; }

.main-side-column .advirticement.ad320x200 {
  width: 320px;
  height: 200px;
  margin-bottom: 16px; }
.main-side-column .advirticement > :last-child {
  margin: 0 0 16px 0;
  display: block; }
.main-side-column .advirticement .advirticement-default {
  display: none; }
.main-side-column .advirticement.ad320x200 .advirticement-default {
  width: 320px;
  height: 200px; }

/* Latest news
 * ---------------------------------------------------------------- */
#main-postlistsmall {
  padding: 0 0 10px 0; }
  #main-postlistsmall footer {
    padding: 0; }
    #main-postlistsmall footer a, #main-postlistsmall footer .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #main-postlistsmall footer a {
      padding: 16px;
      display: block;
      text-decoration: none; }
    #main-postlistsmall footer:hover {
      background: none; }

#main-latest-news {
  margin-bottom: 10px; }
  #main-latest-news h3 {
    margin-bottom: 6px; }
  #main-latest-news li {
    border-bottom: 1px solid #ddd;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0; }
    #main-latest-news li.last {
      border-bottom: 0; }
    #main-latest-news li.posts-premium a:first-child, #main-latest-news li.posts-premium .devblog .devblog-post .battlelog-wordpress a:first-child, .devblog .devblog-post .battlelog-wordpress #main-latest-news li.posts-premium a:first-child {
      display: inline-block;
      padding-left: 21px;
      min-height: 14px;
      background: url(../premium/icon-p-s.png) 0 0 no-repeat; }
    #main-latest-news li p {
      color: #8A8A8A;
      font-size: 11px;
      margin: 6px 0 3px 0; }
      #main-latest-news li p a, #main-latest-news li p .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #main-latest-news li p a {
        font-size: 11px;
        font-weight: normal; }

#main-loggedin-maincolumn #profile-status-message-area {
  padding-left: 10px; }

.agegate {
  font-size: 14px; }

body .main-credits-bf4 {
  background-color: rgba(7, 7, 7, 0.5); }
  body .main-credits-bf4 .main-credits-header1 {
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 32px; }
  body .main-credits-bf4 .main-credits-header2 {
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 23px; }
  body .main-credits-bf4 .main-credits-lines {
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-weight: normal; }
  body .main-credits-bf4 .main-credits-human-role {
    font-weight: 600;
    font-size: 16px; }
  body .main-credits-bf4 .main-credits-human-name {
    font-weight: 400;
    font-size: 16px; }
  body .main-credits-bf4 .main-credits-multilines {
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px; }
  body .main-credits-bf4 .main-credits-line {
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px; }
  body .main-credits-bf4 .logo {
    margin: 0 auto;
    margin-top: 30px;
    width: 265px;
    height: 50px;
    background: url(//d34ymitoc1pg7m.cloudfront.net/bf4/logos/bf4-logo-3ed8cb79.png); }

body .main-credits-bfh {
  background-color: rgba(7, 7, 7, 0.5); }
  body .main-credits-bfh .main-credits-header1 {
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 32px; }
  body .main-credits-bfh .main-credits-header2 {
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 23px; }
  body .main-credits-bfh .main-credits-lines {
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-weight: normal; }
  body .main-credits-bfh .main-credits-human-role {
    font-weight: 600;
    font-size: 16px; }
  body .main-credits-bfh .main-credits-human-name {
    font-weight: 400;
    font-size: 16px; }
  body .main-credits-bfh .main-credits-multilines {
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px; }
  body .main-credits-bfh .main-credits-line {
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px; }
  body .main-credits-bfh .logo {
    margin: 0 auto;
    margin-top: 30px;
    width: 390px;
    height: 119px;
    background: url(//d34ymitoc1pg7m.cloudfront.net/bfh/logos/bfh-logo-promo-24973360.png); }

.main-credits {
  margin-bottom: 50px;
  text-align: center; }

.main-credits-header1 {
  font-family: Arial, sans-serif;
  font-size: 50px;
  line-height: 50px;
  font-weight: normal;
  color: #fff;
  margin-top: 53px;
  text-transform: uppercase; }

.main-credits-header2 {
  font-family: Arial, sans-serif;
  font-size: 30px;
  line-height: 38px;
  font-weight: normal;
  color: #fff;
  margin: 27px 0 0;
  text-transform: uppercase; }

.main-credits-lines {
  color: #fff;
  line-height: 24px;
  margin: 7px auto 0; }

.main-credits-human-role {
  width: 50%;
  text-align: right;
  font-size: 14px;
  font-weight: normal;
  padding-right: 16px;
  white-space: nowrap; }

.main-credits-human-name {
  width: 47.5%;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap; }
  .main-credits-human-name.first {
    width: 50%;
    text-align: right;
    padding-right: 16px; }

.main-credits-multilines {
  color: #fff;
  line-height: 24px;
  margin: 7px auto 0; }

.main-credits-line {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  padding: 0 22px; }

.main-legal-image {
  float: left;
  margin-right: 16px; }

.main-legal-info {
  float: left;
  font-size: 12px;
  line-height: 18px;
  width: 188px; }

.main-legal-box {
  width: 320px;
  float: left;
  margin-right: 16px; }
  .main-legal-box:last-child {
    margin-right: 0; }

.main-legal-box-height {
  height: 142px;
  padding-top: 16px; }

.main-legal-info-subtitle {
  font-style: italic; }

.main-show-banner a, .main-show-banner .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .main-show-banner a {
  display: block;
  width: 100%;
  height: 100%; }
  .main-show-banner a:hover, .main-show-banner .devblog .devblog-post .battlelog-wordpress a:hover, .devblog .devblog-post .battlelog-wordpress .main-show-banner a:hover {
    text-decoration: none; }
.main-show-banner:hover .main-show-banner-info {
  text-decoration: underline; }

.main-show-banner-title {
  font-size: 25px;
  color: #fff;
  position: absolute;
  top: 16px;
  left: 16px;
  font-weight: normal; }

.main-show-banner-info {
  position: absolute;
  left: 16px;
  bottom: 20px;
  font-size: 12px;
  line-height: 16px;
  color: #3AADE3;
  font-weight: normal; }

a.main-show-banner-shop:hover, .devblog .devblog-post .battlelog-wordpress a.main-show-banner-shop:hover {
  text-decoration: none; }
  a.main-show-banner-shop:hover .main-show-banner-info, a.main-show-banner-shop:hover .devblog .devblog-post .battlelog-wordpress a.main-show-banner-shop:hover, .devblog .devblog-post .battlelog-wordpress a.main-show-banner-shop:hover a.main-show-banner-shop:hover {
    text-decoration: underline; }

.main-show-banner-shop {
  display: block;
  position: relative;
  width: 320px;
  height: 107px;
  margin-bottom: 12px;
  background: url(../main/banner-shop.jpg); }

.main-show-banner-karkand {
  margin-bottom: 12px;
  position: relative; }
  .main-show-banner-karkand.karkand-not-owned, .main-show-banner-karkand.karkand-owned {
    background: url(../main/bf3/banner-b2k-bg.jpg);
    width: 320px;
    height: 200px;
    margin-bottom: 12px; }

.main-news-comments a, .main-news-comments .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .main-news-comments a {
  padding-bottom: 0; }

.main-selectlanguage-middle {
  text-align: center; }

.main-selectlanguage-form-wrapper {
  margin: 0 auto;
  width: 654px; }

.main-selectlanguage-form {
  margin-top: 16px; }

.main-selectlanguage-form-padder {
  padding: 14px 16px;
  text-align: left; }

.main-selectlanguage-form-submit {
  margin: 16px 0; }

.main-selectlanguage-language {
  float: left;
  width: 50%;
  margin-bottom: 10px; }
  .main-selectlanguage-language label {
    font-size: 12px; }
  .main-selectlanguage-language input[checked] + label {
    font-weight: bold; }

.main-news-comments a, .main-news-comments .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .main-news-comments a {
  padding-bottom: 0; }

.main-selectlanguage-middle {
  text-align: center; }

.main-selectlanguage-form-wrapper {
  margin: 0 auto;
  width: 654px; }

.main-selectlanguage-form {
  margin-top: 16px; }

.main-selectlanguage-form-padder {
  padding: 14px 16px;
  text-align: left; }

.main-selectlanguage-form-submit {
  margin: 16px 0; }

.main-selectlanguage-language {
  float: left;
  width: 50%;
  margin-bottom: 10px; }
  .main-selectlanguage-language label {
    font-size: 12px; }
  .main-selectlanguage-language input[checked] + label {
    font-weight: bold; }

/* Page Box content
 * ------------------------------------------------------------------ */
#main-loggedin-top-banner {
  overflow: hidden;
  margin-bottom: 6px;
  width: 100%; }

/* Karkand banner
 * ------------------------------------------------------------------ */
.main-show-banner-karkand {
  margin-bottom: 6px;
  position: relative;
  font-size: 11px;
  line-height: 16px; }
  .main-show-banner-karkand a, .main-show-banner-karkand .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress .main-show-banner-karkand a {
    color: #3AADE3;
    font-size: 11px; }
  .main-show-banner-karkand.karkand-not-owned {
    background: url(../main/bf3/banner-b2k-bg.jpg);
    width: 320px;
    height: 200px; }
  .main-show-banner-karkand.karkand-owned {
    background: url(../main/bf3/banner-b2k-owned-bg.jpg);
    width: 320px;
    height: 166px; }

#main-karkandbanner-friends {
  height: 36px;
  padding: 7px 0; }

.main-loggedin-karkand-container {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 320px;
  height: 125px;
  padding-left: 12px; }

.karkand-owned .main-loggedin-karkand-container-nofriends {
  background: rgba(0, 0, 0, 0.85);
  position: absolute;
  left: 0;
  bottom: 0; }

.main-loggedin-header-puff-info-karkand {
  color: white;
  position: absolute;
  top: 46px;
  left: 16px; }

.main-bannerkarkand-avatar {
  margin: 2px 2px;
  display: inline-block; }

.main-loggedin-karkand-container-nofriends {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 6px 0 6px 36px;
  width: 284px; }

.main-bannerkarkand-avatar-container {
  text-align: center; }
  .main-bannerkarkand-avatar-container .base-avatar-status-overlay {
    background: none !important; }

.main-show-banner-karkand .base-button-arrow-large {
  font-family: BebasNeueRegular, Arial, sans-serif;
  font-size: 22px;
  font-weight: normal; }

#main-banner-karkand-transfooter {
  position: absolute;
  bottom: 8px;
  left: 16px; }

.main-show-banner-karkand karkand-owned #main-bannerkarkand-transfooter {
  height: 50px; }

.karkand-owned p {
  line-height: 16px;
  color: #fff;
  font-weight: bold; }

#main-bannerkarkand-checkbox {
  background: url(../coop/difficulty-sprite.png) no-repeat;
  width: 19px;
  height: 19px;
  position: absolute;
  top: 6px;
  left: 10px; }

.spinner {
  text-align: center;
  margin: 6px;
  display: none; }