@charset "UTF-8";
#stats-detailed .score {
  font-family: Purista, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  text-align: right; }

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

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

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

#dogtags-equipped-box {
  margin-bottom: 8px; }
  #dogtags-equipped-box .box-content {
    position: relative;
    padding: 16px 13px; }
    #dogtags-equipped-box .box-content .dogtags-chain {
      height: 130px;
      margin-bottom: 0; }
    #dogtags-equipped-box .box-content.claim {
      padding-top: 32px;
      padding-bottom: 36px; }
      #dogtags-equipped-box .box-content.claim .btn {
        margin-bottom: 16px;
        width: 100%; }
      #dogtags-equipped-box .box-content.claim .progress-bar {
        margin-top: 16px;
        margin-bottom: 8px; }
      #dogtags-equipped-box .box-content.claim .progress-info {
        margin-top: 10px;
        font-size: 14px; }

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

.profile-stats-dogtags li {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 130px;
  height: 73px;
  padding: 4px 1px 1px;
  margin: 0 1px 1px 0;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer; }
  .profile-stats-dogtags li:nth-child(5n) {
    width: 132px;
    margin-right: 0; }
  .profile-stats-dogtags li.disabled .dogtags {
    opacity: 0.5; }
    .cssfilters .profile-stats-dogtags li.disabled .dogtags {
      opacity: 1;
      -webkit-filter: brightness(40%);
      -moz-filter: brightness(40%);
      -ms-filter: brightness(40%);
      -o-filter: brightness(40%);
      filter: brightness(40%); }
  .profile-stats-dogtags li:hover {
    background-color: rgba(0, 0, 0, 0.7); }
  .profile-stats-dogtags li.equipped {
    box-shadow: inset 0 0 0 1px #fff; }
  .profile-stats-dogtags li.active {
    background-color: #fff; }
    .profile-stats-dogtags li.active:hover {
      background-color: #fff; }

.dogtags-chain {
  margin: 14px 0; }
  .dogtags-chain .basic {
    position: relative;
    z-index: 2; }
  .dogtags-chain.horizontal .basic {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg); }
  .dogtags-chain.horizontal .basic + .advanced {
    margin-left: -60px; }
    .dogtags-chain.horizontal .basic + .advanced.xlarge, .dogtags-chain.horizontal .basic + .advanced.large {
      margin-left: -80px; }
    .dogtags-chain.horizontal .basic + .advanced.medium, .dogtags-chain.horizontal .basic + .advanced.mediumns {
      margin-left: -60px; }
    .dogtags-chain.horizontal .basic + .advanced.small, .dogtags-chain.horizontal .basic + .advanced.smallns {
      margin-left: -25px; }
  .dogtags-chain.vertical .advanced {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg); }
  .dogtags-chain.vertical .basic, .dogtags-chain.vertical .advanced {
    display: block; }
  .dogtags-chain.vertical .basic + .advanced {
    margin-top: -40px; }
    .dogtags-chain.vertical .basic + .advanced.medium {
      margin-left: -30px; }
    .dogtags-chain.vertical .basic + .advanced.small {
      margin-left: -12px; }

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

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

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

.kits-list li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 163px;
  height: 110px;
  margin: 0 0 1px 1px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center; }
  .kits-list li:nth-child(4n+1) {
    margin-left: 0;
    width: 164px; }
  .kits-list li:hover {
    background-color: rgba(0, 0, 0, 0.7);
    cursor: pointer; }
  .kits-list li.noprogress:not(.active) .image {
    opacity: 0.5; }
  .kits-list li.noprogress:not(.active) p {
    color: #a8a8a8; }
  .kits-list li.active {
    color: black;
    background-color: white;
    background-image: -webkit-linear-gradient(top, #c9c9c9, rgba(200, 200, 200, 0) 40%);
    background-image: linear-gradient(to bottom, #c9c9c9, rgba(200, 200, 200, 0) 40%);
    box-shadow: 0 0 7px 0 #e0f4f8; }
    .kits-list li.active p {
      font-weight: bold; }
  .kits-list li .image {
    margin: 16px 0; }
    .kits-list li .image.kititem {
      margin-top: 26px; }
    .kits-list li .image.weapon {
      margin-top: 26px; }
  .kits-list li p {
    position: absolute;
    bottom: 16px;
    left: 0;
    right: 0;
    font-size: 12px; }
  .kits-list li .progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0; }

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

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

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

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

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

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

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

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

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

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

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

  to {
    box-shadow: none; } }

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

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

  to {
    box-shadow: none; } }

/* Weapons
* ---------------------------------------------------------------- */
.warsaw-stats-content .profile-statistics-head .show-filters {
  position: relative;
  margin-top: 8px;
  -webkit-transition: height 1s linear;
  -moz-transition: height 1s linear;
  transition: height 1s linear; }
  .warsaw-stats-content .profile-statistics-head .show-filters h1 {
    font-size: 12px;
    color: #FFF;
    font-family: Arial, sans-serif;
    text-transform: none;
    font-weight: normal;
    line-height: 32px;
    cursor: pointer; }
  .warsaw-stats-content .profile-statistics-head .show-filters .toggler {
    float: right;
    position: absolute;
    top: 0;
    right: 10px; }
    .warsaw-stats-content .profile-statistics-head .show-filters .toggler:after {
      text-align: center;
      color: #AAA;
      content: "+";
      font-size: 21px;
      width: 20px; }
  .warsaw-stats-content .profile-statistics-head .show-filters header:hover .toggler:after {
    color: #FFF; }
  .warsaw-stats-content .profile-statistics-head .show-filters header.active .toggler:after {
    content: "-"; }
  .warsaw-stats-content .profile-statistics-head .show-filters #filter-options {
    display: none;
    margin: 0; }
.warsaw-stats-content .profile-statistics-head .list-icon {
  cursor: pointer;
  margin-left: 0;
  margin: 0; }
.warsaw-stats-content .profile-statistics-container {
  margin-top: 8px;
  position: relative;
  margin-bottom: 16px;
  min-height: 400px; }
  .warsaw-stats-content .profile-statistics-container .locked .image {
    opacity: 0.7; }
  .warsaw-stats-content .profile-statistics-container .locked p {
    color: #a8a8a8; }
  .warsaw-stats-content .profile-statistics-container .locked-column {
    font-size: 14px; }
.warsaw-stats-content table.profile-stats-table {
  margin-bottom: 0; }
  .warsaw-stats-content table.profile-stats-table th {
    padding: 5px 0;
    width: 82px;
    text-align: center; }
    .warsaw-stats-content table.profile-stats-table th:first-child {
      width: 40px; }
    .warsaw-stats-content table.profile-stats-table th.item-name {
      width: auto;
      text-align: left;
      padding-left: 5px; }
  .warsaw-stats-content table.profile-stats-table tbody tr.locked:not(.active) .image {
    opacity: 0.3; }
  .warsaw-stats-content table.profile-stats-table tbody tr.active p {
    color: #000;
    font-weight: bold; }
  .warsaw-stats-content table.profile-stats-table tbody tr.active td {
    color: black;
    background-color: white;
    background-image: -webkit-linear-gradient(top, #c9c9c9, rgba(200, 200, 200, 0) 40%);
    background-image: linear-gradient(to bottom, #c9c9c9, rgba(200, 200, 200, 0) 40%);
    box-shadow: 0 0 7px 0 #e0f4f8; }
  .warsaw-stats-content table.profile-stats-table tbody tr.active:hover {
    background-color: transparent; }
  .warsaw-stats-content table.profile-stats-table tbody tr .relative.no-entry {
    color: #a8a8a8;
    padding-top: 0;
    line-height: 53px; }
  .warsaw-stats-content table.profile-stats-table td {
    height: 85px;
    padding: 0;
    text-align: center;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.5);
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 400; }
    .warsaw-stats-content table.profile-stats-table td:first-child {
      font-size: 24px; }
    .warsaw-stats-content table.profile-stats-table td:nth-child(2) .progress-bar {
      width: auto; }
    .warsaw-stats-content table.profile-stats-table td .relative {
      position: relative; }
    .warsaw-stats-content table.profile-stats-table td strong {
      display: block;
      font-size: 20px;
      font-weight: 400; }
    .warsaw-stats-content table.profile-stats-table td .progress-bar {
      margin: 0;
      position: absolute;
      right: 0;
      left: 0;
      bottom: 0px; }
    .warsaw-stats-content table.profile-stats-table td.item-name {
      width: 208px;
      text-align: center; }
      .warsaw-stats-content table.profile-stats-table td.item-name .image {
        vertical-align: middle;
        margin-bottom: 9px; }
      .warsaw-stats-content table.profile-stats-table td.item-name p {
        font-size: 12px;
        font-family: Arial, sans-serif; }
      .warsaw-stats-content table.profile-stats-table td.item-name .progress-bar {
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0; }
      .warsaw-stats-content table.profile-stats-table td.item-name span {
        position: absolute;
        bottom: 4px;
        left: 0;
        right: 0;
        text-align: center;
        font-size: 12px; }
    .warsaw-stats-content table.profile-stats-table td.item-kills strong {
      margin-top: 26px;
      margin-bottom: 10px; }
      .warsaw-stats-content table.profile-stats-table td.item-kills strong.soldier-equipment {
        margin-top: 16px; }
    .warsaw-stats-content table.profile-stats-table td.item-kills span {
      color: #a8a8a8;
      font-size: 12px; }
    .warsaw-stats-content table.profile-stats-table td.item-kills .icon-weapon {
      position: absolute;
      top: 5px;
      right: 5px; }
    .warsaw-stats-content table.profile-stats-table td .unlocks-taken {
      position: absolute;
      top: 10px;
      left: 0;
      width: 100%;
      font-size: 12px;
      text-align: center; }

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

ul.weapon-accessories {
  margin-top: 1px; }
  ul.weapon-accessories li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    float: left;
    width: 79px;
    height: 40px;
    padding-top: 10px;
    margin: 0 0 1px 1px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    overflow: hidden; }
    ul.weapon-accessories li:nth-child(4n+1) {
      margin-left: 0;
      width: 80px; }
    ul.weapon-accessories li[data-guid]:not(.active) {
      cursor: pointer; }
      ul.weapon-accessories li[data-guid]:not(.active):hover {
        background-color: rgba(0, 0, 0, 0.7); }
    ul.weapon-accessories li .progress-bar {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0; }
    ul.weapon-accessories li .battlepacks {
      top: -13px;
      position: relative; }
    ul.weapon-accessories li.locked:not(.active) .weaponaccessory {
      opacity: 0.3; }
    ul.weapon-accessories li.locked:not(.active) .battlepacks_lineart {
      opacity: 0.3; }
    ul.weapon-accessories li.locked:not(.active) p {
      color: #a8a8a8; }
    ul.weapon-accessories li.active {
      color: black;
      background-color: white;
      background-image: -webkit-linear-gradient(top, #c9c9c9, rgba(200, 200, 200, 0) 40%);
      background-image: linear-gradient(to bottom, #c9c9c9, rgba(200, 200, 200, 0) 40%);
      box-shadow: 0 0 7px 0 #e0f4f8; }

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

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

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

#weapon-list .icon {
  position: absolute;
  right: 2px;
  bottom: 2px; }

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

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

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

.weapons-stat-tbl .service-star.no-service-stars {
  text-indent: -200%;
  overflow: hidden;
  opacity: 0.4;
  width: 20px;
  padding: 0; }
.weapons-stat-tbl td.item-name > .relative {
  height: 69px;
  padding-top: 16px; }
.weapons-stat-tbl td.item-servicestars > .relative {
  height: 53px;
  padding-top: 32px; }
.weapons-stat-tbl td.item-nextunlock > .relative {
  height: 51px;
  padding-top: 34px; }

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

/* Vehicles
* ---------------------------------------------------------------- */
.vehicles-stat-tbl td {
  height: 100px; }
.vehicles-stat-tbl .image-container {
  margin: 0 auto;
  overflow: hidden; }
.vehicles-stat-tbl .service-star.no-service-stars {
  text-indent: -200%;
  overflow: hidden;
  opacity: 0.4;
  width: 20px;
  padding: 0; }
.vehicles-stat-tbl td.item-name > .relative {
  height: 69px; }
.vehicles-stat-tbl td.item-servicestars > .relative {
  height: 53px;
  padding-top: 32px; }
.vehicles-stat-tbl td.item-nextunlock > .relative {
  height: 56px;
  padding-top: 29px; }

td.item-servicestars > .relative .servicestar.faded {
  opacity: 0.3; }

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

.vehicle-stats-list li {
  height: 100px;
  background-color: rgba(0, 0, 0, 0.5); }
  .vehicle-stats-list li:hover {
    background-color: rgba(0, 0, 0, 0.7); }
  .vehicle-stats-list li .image-container {
    position: absolute;
    top: 33px;
    width: 118px;
    overflow: hidden; }
    .vehicle-stats-list li .image-container .vehicleunlock {
      margin-left: -11px; }
  .vehicle-stats-list li .progress-bar {
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
    width: 100%; }
  .vehicle-stats-list li.locked .image-container {
    opacity: 0.5; }
  .vehicle-stats-list li.active {
    color: black;
    background-color: white;
    background-image: -webkit-linear-gradient(top, #c9c9c9, rgba(200, 200, 200, 0) 40%);
    background-image: linear-gradient(to bottom, #c9c9c9, rgba(200, 200, 200, 0) 40%);
    box-shadow: 0 0 7px 0 #e0f4f8;
    opacity: 1; }

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

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

.category-vehicles-list li {
  margin-top: 1px;
  padding: 5px 10px;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 12px; }
  .category-vehicles-list li span {
    float: left;
    color: #a8a8a8;
    text-transform: uppercase; }
  .category-vehicles-list li strong {
    float: right; }
  .category-vehicles-list li.active span {
    color: #fff; }
  .category-vehicles-list li.total span, .category-vehicles-list li.total strong {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    padding: 5px 0; }
  .category-vehicles-list li[data-guid] {
    cursor: pointer; }
    .category-vehicles-list li[data-guid]:hover {
      background-color: #fff;
      color: #000; }
      .category-vehicles-list li[data-guid]:hover span {
        color: #000; }

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

body #base-container #user .profile-stats-blaze-down {
  text-align: center;
  font-size: 14px;
  height: 200px;
  line-height: 200px;
  color: #a8a8a8; }
body #base-container #user .profile-info {
  position: relative;
  position: relative; }
  body #base-container #user .profile-info.premium .box.username {
    background-image: url(../base/bf4/overlay-p.png);
    background-position: top center;
    background-repeat: no-repeat;
    color: #f4d07d; }
    body #base-container #user .profile-info.premium .box.username .icon-premium-p-big {
      margin-top: 4px;
      position: relative;
      left: 10px; }
  body #base-container #user .profile-info .box {
    margin-bottom: 1px;
    width: 815px;
    height: 39px; }
    body #base-container #user .profile-info .box .box-content {
      height: 39px;
      line-height: 39px;
      padding: 0 14px; }
    body #base-container #user .profile-info .box.username {
      background-color: rgba(7, 7, 7, 0.6);
      font-family: Purista, sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 36px; }
    body #base-container #user .profile-info .box.userinfo {
      font-family: Arial;
      font-size: 14px; }
      body #base-container #user .profile-info .box.userinfo .infotext {
        color: #a8a8a8; }
      body #base-container #user .profile-info .box.userinfo .box-content:empty {
        height: 41px;
        position: relative;
        top: -1px; }
    body #base-container #user .profile-info .box.soldiers {
      font-family: Purista, sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 19px; }
      body #base-container #user .profile-info .box.soldiers .allsoldiers {
        width: 680px;
        height: 39px;
        overflow: hidden; }
    body #base-container #user .profile-info .box.last .box-content {
      height: 56px;
      line-height: 56px; }
  body #base-container #user .profile-info h1 {
    margin: 0;
    padding: 0 14px;
    overflow: hidden;
    width: 100%;
    text-transform: none; }
    body #base-container #user .profile-info h1 span.premium {
      color: #f7da8d; }
  body #base-container #user .profile-info .presentation {
    line-height: 25px; }
  body #base-container #user .profile-info .avatar-container {
    float: left;
    margin-right: 1px; }
    body #base-container #user .profile-info .avatar-container .avatar {
      height: 176px;
      width: 176px; }
  body #base-container #user .profile-info .user-container {
    float: left;
    width: 815px; }
  body #base-container #user .profile-info .interact {
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 400; }
    body #base-container #user .profile-info .interact .btn {
      margin-right: 8px; }
    body #base-container #user .profile-info .interact .avatar {
      margin-left: 6px; }
body #base-container #user .profile-overview .presentation {
  line-height: 22px;
  color: #a8a8a8;
  font-size: 14px; }
body #base-container #user .profile-playing {
  background: #2f84b1;
  height: 72px; }
  body #base-container #user .profile-playing .map {
    margin: 6px; }
    body #base-container #user .profile-playing .map .map-image {
      height: 60px; }
  body #base-container #user .profile-playing .info {
    padding-top: 8px;
    margin: 0 10px; }
    body #base-container #user .profile-playing .info .servername {
      text-transform: none; }
    body #base-container #user .profile-playing .info h1 {
      font-family: Purista, sans-serif;
      font-style: normal;
      font-weight: 400;
      font-weight: 600;
      font-size: 19px;
      color: #fff;
      line-height: 14px;
      margin: 6px 0;
      margin-bottom: 4px; }
    body #base-container #user .profile-playing .info h2 {
      font-family: Purista, sans-serif;
      font-style: normal;
      font-weight: 400;
      font-weight: 600;
      font-size: 16px;
      color: #fff;
      line-height: 14px;
      margin-bottom: 4px; }
    body #base-container #user .profile-playing .info h3 {
      font-family: Arial;
      font-weight: normal;
      font-size: 12px;
      color: #d7d7d7;
      line-height: 14px; }
  body #base-container #user .profile-playing .btn {
    margin: 13px 16px; }
body #base-container #user .join-flow {
  background-color: rgba(0, 0, 0, 0.5);
  margin-bottom: 16px; }
  body #base-container #user .join-flow .server-info {
    float: left;
    padding: 16px; }
    body #base-container #user .join-flow .server-info header {
      margin-bottom: 14px; }
  body #base-container #user .join-flow .join-button {
    padding-right: 16px;
    float: right; }
body #base-container #user .soldier-info {
  position: relative;
  height: 294px;
  background-color: rgba(0, 0, 0, 0.7);
  padding-left: 16px;
  padding-top: 16px; }
  body #base-container #user .soldier-info div {
    margin-bottom: 14px; }
  body #base-container #user .soldier-info .avatar {
    z-index: 10;
    position: absolute;
    right: 5px; }
  body #base-container #user .soldier-info .dogtags {
    position: absolute;
    right: 40px;
    top: 0px; }
body #base-container #user #soldiers header {
  margin-bottom: 1px; }
body #base-container #user #soldiers .banned .rank {
  display: none; }
body #base-container #user #soldiers .soldier-data-container.premium {
  background-image: url(../base/bf4/overlay-p.png);
  background-position: top center;
  background-repeat: no-repeat; }
  body #base-container #user #soldiers .soldier-data-container.premium .soldier-name {
    color: #f4d07d; }
body #base-container #user #soldiers h2 {
  font-size: 22px;
  margin: 0;
  line-height: 1; }
  body #base-container #user #soldiers h2.soldier-name {
    position: relative;
    text-transform: none;
    z-index: 2; }
  body #base-container #user #soldiers h2 .count {
    float: right; }
body #base-container #user #soldiers .soldier-name-banned {
  font-size: 12px;
  text-transform: uppercase;
  color: #f00; }
body #base-container #user #soldiers h3 {
  font-size: 30px;
  line-height: 1; }
  body #base-container #user #soldiers h3.skill {
    margin-bottom: 20px; }
  body #base-container #user #soldiers h3.rank {
    font-size: 40px;
    font-weight: 400; }
body #base-container #user #soldiers h5 {
  font-size: 16px;
  line-height: 1;
  font-weight: 400; }
body #base-container #user #soldiers .soldier-emblem {
  position: absolute;
  top: 40px;
  right: 90px;
  z-index: 0; }
body #base-container #user #soldiers .rank, body #base-container #user #soldiers .dogtags {
  -webkit-transition: 0.5s opacity;
  -moz-transition: 0.5s opacity;
  transition: 0.5s opacity; }
body #base-container #user #soldiers .rank {
  position: absolute;
  top: 30px;
  left: 6px; }
  body #base-container #user #soldiers .rank.other {
    top: 60px; }
body #base-container #user #soldiers .hidden {
  opacity: 0; }
body #base-container #user #soldiers .soldier-hidden {
  display: none; }
body #base-container #user #soldiers .box-padding {
  z-index: 3; }
body #base-container #user #soldiers .profile-soldier-image {
  position: absolute;
  z-index: 1;
  right: -80px;
  bottom: -215px; }
body #base-container #user #soldiers h3.rank {
  font-size: 30px;
  line-height: 1; }
  body #base-container #user #soldiers h3.rank img {
    vertical-align: middle; }
body #base-container #user #soldiers .details {
  display: none; }
body #base-container #user #soldiers .dogtags {
  position: absolute;
  left: 95px;
  top: 130px; }
  body #base-container #user #soldiers .dogtags img {
    position: absolute;
    width: 75px; }
    body #base-container #user #soldiers .dogtags img:first-child {
      z-index: 1;
      -webkit-transform: rotate(10deg);
      -moz-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
      -o-transform: rotate(10deg);
      transform: rotate(10deg);
      top: 3px; }
    body #base-container #user #soldiers .dogtags img:last-child {
      left: 45px; }
body #base-container #user #soldiers .icon-platform {
  display: inline-block; }
body #base-container #user #soldiers .soldier {
  cursor: pointer;
  height: 127px;
  margin-bottom: 1px;
  position: relative;
  overflow: hidden; }
  body #base-container #user #soldiers .soldier > a:hover {
    text-decoration: none; }
  body #base-container #user #soldiers .soldier.big {
    height: 279px; }
    body #base-container #user #soldiers .soldier.big .rank {
      position: absolute;
      top: 35px;
      left: 6px; }
      body #base-container #user #soldiers .soldier.big .rank.other {
        top: 65px; }
    body #base-container #user #soldiers .soldier.big .details {
      display: block;
      position: absolute;
      bottom: 16px;
      left: 16px;
      /* This is necessary since the soldier image is placed at z-index 1 */
      z-index: 2; }
    body #base-container #user #soldiers .soldier.big .profile-soldier-image {
      bottom: -60px; }
  body #base-container #user #soldiers .soldier:hover {
    text-decoration: none; }
body #base-container #user .veteran-score .box-content h1, body #base-container #user .connected-devices .box-content h1 {
  text-align: center; }
body #base-container #user .veteran-score .box-content p, body #base-container #user .connected-devices .box-content p {
  font-size: 12px; }
  body #base-container #user .veteran-score .box-content p span.red, body #base-container #user .connected-devices .box-content p span.red {
    color: red;
    padding-left: 1px;
    padding-right: 1px; }
  body #base-container #user .veteran-score .box-content p span.green, body #base-container #user .connected-devices .box-content p span.green {
    color: #78c753; }
body #base-container #user .friends ul {
  margin-right: -11px;
  margin-bottom: -8px; }
  body #base-container #user .friends ul li {
    display: inline-block;
    margin-right: 11px;
    margin-bottom: 8px; }
body #base-container #user .friends footer {
  padding: 0; }
  body #base-container #user .friends footer a {
    padding: 16px;
    display: block;
    text-decoration: none; }
  body #base-container #user .friends footer:hover {
    background-color: rgba(7, 7, 7, 0.6); }
body #base-container #user .friends .facebook-friendfinder {
  background: url(../facebook/icon-fb-l.png) no-repeat;
  background-position: center 0px;
  padding-top: 60px;
  text-align: center;
  position: relative;
  z-index: 1; }
  body #base-container #user .friends .facebook-friendfinder p {
    margin-bottom: 12px;
    text-transform: none;
    font-family: Arial;
    font-size: 14px;
    line-height: 1.5em;
    color: #a8a8a8; }
  body #base-container #user .friends .facebook-friendfinder button {
    cursor: pointer; }
body #base-container #user .wallpost.profile-others textarea {
  padding: 8px; }

.right-column .friends header h1 a {
  color: #d5dde5;
  text-decoration: none; }

/* All friends */
#profile-friends .friend {
  margin-top: 1px; }
#profile-friends .interact {
  margin-top: 13px; }
#profile-friends .text {
  margin-left: 76px;
  margin-top: 20px; }
  #profile-friends .text .username {
    text-decoration: none;
    display: block;
    margin-top: 6px;
    color: #a8a8a8;
    font-size: 12px; }
#profile-friends .playing .text {
  line-height: 20px;
  margin-top: 9px; }

#warsaw-stats > .submenu li a {
  font-size: 16px; }
#warsaw-stats .loading-box, #warsaw-stats .profile-stats-blaze-down {
  padding: 50px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.45);
  font-size: 16px; }
#warsaw-stats .box.no-results {
  text-align: center; }

#warsaw-stats-head {
  margin-bottom: 8px;
  height: 64px; }
  #warsaw-stats-head:before, #warsaw-stats-head:after {
    display: table;
    content: "";
    line-height: 0; }
  #warsaw-stats-head:after {
    clear: both; }
  #warsaw-stats-head .avatar-container {
    float: left;
    margin-right: 16px; }
  #warsaw-stats-head h1 {
    margin-bottom: 4px;
    font-size: 36px;
    line-height: 32px; }
  #warsaw-stats-head .soldier-info-name span.premium {
    color: #f7da8d; }
  #warsaw-stats-head .user {
    min-width: 650px; }
    #warsaw-stats-head .user:before, #warsaw-stats-head .user:after {
      display: table;
      content: "";
      line-height: 0; }
    #warsaw-stats-head .user:after {
      clear: both; }
    #warsaw-stats-head .user .common-gameicon-hori {
      text-decoration: none; }
    #warsaw-stats-head .user .common-gameicon-hori, #warsaw-stats-head .user a.profile-link {
      line-height: 13px;
      font-size: 13px; }
    #warsaw-stats-head .user .common-gameicon-hori, #warsaw-stats-head .user .icon-premium-wide {
      margin-right: 5px;
      float: left; }
    #warsaw-stats-head .user .icon-premium-wide {
      margin-top: 4px; }

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

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

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

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

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

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

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

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

#overview-top-modes:hover {
  background-color: rgba(0, 0, 0, 0.7); }
#overview-top-modes ul {
  padding: 4px 16px;
  margin: 0; }

#overview-completion {
  margin-top: 16px; }
  #overview-completion .box-content {
    background-color: inherit; }
  #overview-completion ul li {
    height: 40px;
    margin-bottom: 1px;
    padding: 6px 0;
    background-color: rgba(0, 0, 0, 0.4); }
    #overview-completion ul li:hover {
      background-color: rgba(0, 0, 0, 0.7); }
    #overview-completion ul li i {
      float: left;
      margin-top: 6px; }
    #overview-completion ul li .completion-content {
      padding: 8px 0 12px 20px;
      overflow: hidden; }
      #overview-completion ul li .completion-content h6 {
        color: #fff;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
        margin-top: 3px;
        float: left; }
      #overview-completion ul li .completion-content .progress-bar {
        width: 700px;
        margin-top: 3px;
        margin-bottom: 0;
        float: right; }
      #overview-completion ul li .completion-content p {
        float: right;
        width: 90px;
        padding-left: 10px;
        font-size: 12px;
        position: relative;
        top: 3px;
        padding-top: 3px; }
        #overview-completion ul li .completion-content p.completed {
          background-image: url(../profile/warsaw/checkbox.png);
          background-repeat: no-repeat;
          background-position: 74px 0;
          height: 16px; }

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

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

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

.stat-list-col > li {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 0 1px 1px 0;
  text-align: center;
  cursor: pointer; }
  .stat-list-col > li:hover {
    background-color: rgba(0, 0, 0, 0.7); }
  .stat-list-col > li.active {
    color: black;
    background-color: white;
    background-image: -webkit-linear-gradient(top, #c9c9c9, rgba(200, 200, 200, 0) 40%);
    background-image: linear-gradient(to bottom, #c9c9c9, rgba(200, 200, 200, 0) 40%);
    box-shadow: 0 0 7px 0 #e0f4f8;
    opacity: 1; }
.stat-list-col.col6 > li {
  width: 108px; }
  .stat-list-col.col6 > li:nth-child(6n+4), .stat-list-col.col6 > li:nth-child(6n+5) {
    width: 109px; }
  .stat-list-col.col6 > li:nth-child(6n) {
    width: 109px;
    margin-right: 0; }
.stat-list-col.col5 > li {
  width: 130px; }
  .stat-list-col.col5 > li:nth-child(5n+4) {
    width: 131px; }
  .stat-list-col.col5 > li:nth-child(5n) {
    width: 131px;
    margin-right: 0; }

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

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

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

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

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

.soldierbox-hidden {
  display: none; }

#soldierbox-footer {
  padding: 0;
  color: #fff;
  cursor: pointer; }
  #soldierbox-footer p {
    padding: 16px; }
  #soldierbox-footer:hover {
    background-color: rgba(7, 7, 7, 0.6); }

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

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

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

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

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

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

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

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

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

td#profile-edit-soldier-name {
  width: 400px; }
  td#profile-edit-soldier-name a {
    font-size: 14px; }

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

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

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

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

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

#profile-custom-dropdown ul {
  list-style: none;
  min-width: 150px; }
  #profile-custom-dropdown ul li:first-child a {
    border-bottom: 0; }
  #profile-custom-dropdown ul li a {
    font-size: 12px;
    line-height: 34px;
    padding: 0 16px;
    color: #fff;
    border-top: 1px solid #3c4249;
    font-weight: normal;
    display: block;
    text-transform: uppercase; }
    #profile-custom-dropdown ul li a:hover {
      background: rgba(255, 255, 255, 0.1); }

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

.profile-custom .popover .popover-body {
  border: 1px solid #d5dde5;
  background: #0a0e14; }

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

.profile-twitch-stream .box-content {
  position: relative;
  margin-bottom: 1px; }
  .profile-twitch-stream .box-content img {
    position: absolute;
    top: 10px;
    right: 10px; }
  .profile-twitch-stream .box-content p {
    font-family: Frutiger;
    font-size: 22px;
    text-transform: uppercase; }
    .profile-twitch-stream .box-content p .twitch-viewers {
      font-size: 11px;
      color: #a8a8a8;
      padding-left: 20px;
      text-transform: none; }

/* Overview */
#overview-info {
  margin-bottom: 16px;
  /* Temp fix for the none working no-padding class.. */ }
  #overview-info .bfh-overview-top-box {
    margin-top: 1px;
    position: relative; }
  #overview-info .overview-top-box .item-highlighted {
    right: 0;
    width: 100%; }
  #overview-info .overview-top-box .top-item {
    background-color: rgba(0, 0, 0, 0.5); }
    #overview-info .overview-top-box .top-item .vehicle_unlock {
      margin-top: 28px; }
      #overview-info .overview-top-box .top-item .vehicle_unlock .title {
        width: 100%;
        text-align: center; }
      #overview-info .overview-top-box .top-item .vehicle_unlock .score {
        width: 100%;
        text-align: center; }
    #overview-info .overview-top-box .top-item .weapon_unlock {
      margin-top: 28px; }
      #overview-info .overview-top-box .top-item .weapon_unlock .title {
        width: 100%;
        text-align: center; }
      #overview-info .overview-top-box .top-item .weapon_unlock .score {
        width: 100%;
        text-align: center; }
  #overview-info .overview-top-box .item-top-header {
    position: absolute;
    top: 16px;
    width: 100%;
    text-align: center;
    z-index: 10;
    color: #a2a2a2;
    text-transform: uppercase;
    font-size: 12px; }
  #overview-info .overview-top-box.bfh-overview-top-box .box-content {
    height: 160px; }
  #overview-info .overview-info-box.small .box-content.servicestarkits {
    height: 161px; }
    #overview-info .overview-info-box.small .box-content.servicestarkits a {
      position: absolute;
      width: 100%;
      height: 100%; }
  #overview-info .servicestarsheader.item-top-header {
    position: absolute;
    top: 28px;
    width: 100%;
    text-align: center;
    z-index: 10;
    color: #a2a2a2;
    text-transform: uppercase;
    font-size: 12px; }
  #overview-info .overview-info-box .top-leaderboards {
    width: 100%; }
  #overview-info .overview-top-box.overview-info-box .item-highlighted {
    right: 0; }
  #overview-info .edit-link {
    opacity: 0;
    display: inline-block;
    padding: 0 16px;
    background: rgba(0, 0, 0, 0.5);
    line-height: 30px;
    font-size: 11px;
    position: absolute;
    -webkit-transition: opacity 0.1s ease-out;
    -moz-transition: opacity 0.1s ease-out;
    transition: opacity 0.1s ease-out; }
  #overview-info .leaderboard-highlight {
    height: 55px;
    margin-bottom: 1px;
    overflow: hidden;
    text-transform: uppercase;
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 600; }
    #overview-info .leaderboard-highlight .position, #overview-info .leaderboard-highlight .icon, #overview-info .leaderboard-highlight .description {
      float: left;
      margin-top: 8px;
      margin-left: 8px;
      line-height: 40px;
      color: #fff; }
    #overview-info .leaderboard-highlight img {
      height: 40px; }
    #overview-info .leaderboard-highlight .position {
      font-size: 23px; }
    #overview-info .leaderboard-highlight .description {
      font-size: 19px; }
  #overview-info #replay-nodes-container, #overview-info .progress-bar-inner {
    -webkit-transform: translate3d(0, 0, 0); }
  #overview-info a:not(.edit-link):hover {
    text-decoration: none; }
  #overview-info .overview-info-box.small {
    margin-top: 1px; }
    #overview-info .overview-info-box.small .box-content {
      height: 160px; }
  #overview-info .progress-bar {
    height: 14px;
    overflow: hidden;
    padding-right: 1px; }
    #overview-info .progress-bar .progress-bar-inner {
      position: absolute; }
      #overview-info .progress-bar .progress-bar-inner.warning {
        z-index: 100; }
      #overview-info .progress-bar .progress-bar-inner.success {
        z-index: 50; }
    #overview-info .progress-bar .progress-bar-inner + .progress-bar-inner {
      margin-left: 0; }
  #overview-info #overview-rank {
    position: relative;
    height: 256px; }
    #overview-info #overview-rank > .rank {
      position: absolute;
      left: 50%;
      top: 40px;
      margin-left: -64px;
      -webkit-transition: transform 0.5s ease 0.01s;
      -moz-transition: transform 0.5s ease 0.01s;
      transition: transform 0.5s ease 0.01s; }
      #overview-info #overview-rank > .rank.highlighted {
        -webkit-transform: scale(1.12);
        -moz-transform: scale(1.12);
        -ms-transform: scale(1.12);
        -o-transform: scale(1.12);
        transform: scale(1.12); }
    #overview-info #overview-rank .rank-progress {
      position: absolute;
      left: 16px;
      right: 16px;
      bottom: 20px; }
      #overview-info #overview-rank .rank-progress .progress-bar {
        position: relative; }
      #overview-info #overview-rank .rank-progress .progress-bar-info {
        font-size: 12px; }
        #overview-info #overview-rank .rank-progress .progress-bar-info p:first-child {
          float: left;
          color: #a8a8a8; }
        #overview-info #overview-rank .rank-progress .progress-bar-info p:last-child {
          float: right; }
  #overview-info .overview-service-stars {
    margin-left: 0;
    margin-right: 0;
    margin-top: 48px; }
    #overview-info .overview-service-stars li {
      width: 82px; }
      #overview-info .overview-service-stars li .kit-icon {
        margin-left: 25px; }
      #overview-info .overview-service-stars li .progress-bar {
        margin-left: 8px; }
      #overview-info .overview-service-stars li .star-count.disabled {
        margin-left: 32px;
        opacity: 0.5; }
    #overview-info .overview-service-stars li.last {
      width: 81px; }
    #overview-info .overview-service-stars .progress-bar {
      height: 8px; }
  #overview-info.replay-drag .progress-bar-inner {
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    transition: width 0.3s ease; }
  #overview-info #overview-skill .box-content {
    height: 130px;
    text-align: center; }
    #overview-info #overview-skill .box-content .cashperminute {
      color: #a2a2a2;
      position: relative;
      width: 100%;
      text-align: center;
      font-size: 12px;
      padding-top: 20px;
      font-family: Arial, sans-serif;
      text-transform: uppercase; }
    #overview-info #overview-skill .box-content p#overview-skill-value {
      font-size: 46px;
      margin: 10px auto;
      color: #41b946;
      font-family: "Frutiger Bold", sans-serif;
      font-weight: bold;
      -webkit-transition: 0.8s;
      -moz-transition: 0.8s;
      transition: 0.8s; }
    #overview-info #overview-skill .box-content .overview-skill-bar {
      position: relative;
      width: 150px;
      height: 8px;
      margin: 0 auto;
      border: 1px solid #fff;
      background-color: rgba(0, 0, 0, 0.6); }
      #overview-info #overview-skill .box-content .overview-skill-bar > div {
        position: absolute;
        left: 0;
        width: 8px;
        height: 8px;
        background-color: #fff;
        -webkit-transition: left 0.8s ease;
        -moz-transition: left 0.8s ease;
        transition: left 0.8s ease;
        box-shadow: 0 0 4px 1px rgba(255, 255, 255, 0.6); }
  #overview-info #overview-info-list li {
    float: left;
    width: 111px;
    height: 62px;
    background-color: rgba(0, 0, 0, 0.5);
    margin: 1px 1px 0 0;
    text-align: center; }
    #overview-info #overview-info-list li.last {
      margin-right: 0; }
    #overview-info #overview-info-list li span {
      display: block;
      margin: 12px auto 2px;
      color: #a8a8a8;
      font-size: 12px;
      text-transform: uppercase; }
    #overview-info #overview-info-list li strong {
      display: block;
      font-weight: bold;
      line-height: 30px;
      font-size: 14px; }
      #overview-info #overview-info-list li strong.focus {
        font-size: 22px;
        font-family: "Frutiger Bold", sans-serif;
        font-weight: bold; }
  #overview-info #overview-soldier .box-content {
    height: 418px;
    position: relative; }
    #overview-info #overview-soldier .box-content .soldier-emblem {
      position: absolute;
      top: 10px;
      left: 10px;
      z-index: 0;
      width: 200px;
      height: 200px; }
      #overview-info #overview-soldier .box-content .soldier-emblem .emblem-preview-link {
        display: block;
        height: 100%; }
      #overview-info #overview-soldier .box-content .soldier-emblem.click-area {
        z-index: 2; }
        #overview-info #overview-soldier .box-content .soldier-emblem.click-area .edit-link {
          top: -10px;
          left: -10px; }
        #overview-info #overview-soldier .box-content .soldier-emblem.click-area:hover .edit-link {
          opacity: 1; }
    #overview-info #overview-soldier .box-content .soldier-portrait {
      width: 287px;
      height: 360px;
      overflow: hidden;
      position: absolute;
      bottom: 0;
      right: 0; }
      #overview-info #overview-soldier .box-content .soldier-portrait.click-area {
        z-index: 1; }
        #overview-info #overview-soldier .box-content .soldier-portrait.click-area .edit-link {
          right: 0;
          bottom: 0; }
        #overview-info #overview-soldier .box-content .soldier-portrait.click-area:hover .edit-link {
          opacity: 1; }
    #overview-info #overview-soldier .box-content .profile-soldier-image {
      position: absolute;
      top: 0;
      right: -65px;
      width: 327px;
      height: 430px; }
  #overview-info .box > header + .box-content.no-padding {
    padding: 0; }

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

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

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

.overview-service-stars {
  margin: 6px 16px 0 12px; }
  .overview-service-stars li {
    height: 34px;
    position: relative;
    display: block;
    float: left;
    width: 82px; }
  .overview-service-stars .kit-icon {
    position: relative;
    top: 10px; }
  .overview-service-stars .progress-bar {
    position: relative;
    top: 7px;
    right: 0;
    width: 62px;
    margin: 0;
    height: 14px; }
  .overview-service-stars .star-count {
    position: relative;
    top: 4px;
    left: 0px;
    margin-left: 31px;
    margin-top: 10px;
    margin-bottom: 5px;
    z-index: 200;
    height: 18px;
    min-width: 18px;
    background: url(../profile/warsaw/stats/servicestars/servicestar-18x18.png) no-repeat; }
    .overview-service-stars .star-count span {
      padding-left: 20px;
      line-height: 18px; }
  .overview-service-stars.gamemodes {
    margin: 6px 0; }
    .overview-service-stars.gamemodes .star-count {
      left: 200px; }
    .overview-service-stars.gamemodes .gamemode {
      padding-top: 12px;
      font-size: 12px;
      color: #a8a8a8; }
    .overview-service-stars.gamemodes .progress-bar {
      width: 150px; }

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

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

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

#player-stats-winrate {
  height: 92px; }

#player-win-percentage {
  position: absolute;
  top: 28px;
  left: 200px; }
  #player-win-percentage header {
    text-transform: uppercase;
    color: #a2a2a2;
    font-size: 12px; }
  #player-win-percentage #stat-win-percentage {
    padding-top: 4px;
    font-size: 22px;
    display: block;
    font-family: "Frutiger Bold", sans-serif;
    font-weight: bold; }

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

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

.assignment-rewards {
  text-align: center; }
  .assignment-rewards p {
    margin-top: 5px;
    font-weight: bold; }

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

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

#assignment-dependencies li .dependency-icon {
  float: left; }
#assignment-dependencies li a {
  cursor: pointer; }
#assignment-dependencies li span, #assignment-dependencies li a {
  float: left;
  margin: 4px 0 0 10px; }
#assignment-dependencies li .green-check-small {
  float: right;
  background-image: url(../battledash/images/icons/green-check-small.png);
  width: 12px;
  height: 12px;
  margin-top: 3px; }
#assignment-dependencies li.nottaken .green-check-small {
  opacity: 0.2; }

/* Awards
* ---------------------------------------------------------------- */
.awards-list li {
  height: 170px; }
  .awards-list li .nottaken .image {
    opacity: 0.3; }
  .awards-list li .award-medal {
    position: relative;
    height: 105px;
    margin-bottom: 1px;
    background-color: rgba(0, 0, 0, 0.5); }
    .awards-list li .award-medal .progress-bar {
      position: absolute;
      bottom: 0;
      margin-bottom: 0;
      width: 100%; }
  .awards-list li .award-ribbon-empty {
    background-color: rgba(0, 0, 0, 0.5);
    height: 170px; }
    .awards-list li .award-ribbon-empty:hover {
      cursor: default; }
  .awards-list li .award-ribbon {
    position: relative;
    height: 64px;
    background-color: rgba(0, 0, 0, 0.5); }
    .awards-list li .award-ribbon div {
      margin-top: -16px;
      /* TMP, TODO: Remove this when the gamedata award_ribbons is ok */ }
  .awards-list li .times-taken {
    position: absolute;
    bottom: 5px;
    right: 5px;
    font-size: 11px;
    color: #bec3c7; }
  .awards-list li.active .award-medal, .awards-list li.active .award-ribbon {
    background-color: #fff; }
  .awards-list li.active .image {
    opacity: 1; }
  .awards-list li.has-icon .award-ribbon .times-taken {
    right: 25px; }
.awards-list .xp-icon {
  position: absolute;
  right: 2px;
  bottom: 2px; }

#awards-details .image-container {
  text-align: center; }
#awards-details .award-medal {
  margin-bottom: 1px; }
#awards-details .award-info {
  margin: 16px 0 0; }
#awards-details .progress-bar {
  margin: 8px 0; }
#awards-details .progress-info {
  font-size: 12px;
  color: #a8a8a8; }
#awards-details .award-info strong, #awards-details .progress-info .pull-left {
  width: 245px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }
#awards-details .award-xpack {
  margin-bottom: 15px; }
  #awards-details .award-xpack .xp-icon {
    position: relative;
    top: 5px; }
  #awards-details .award-xpack span {
    font-size: 12px;
    color: #a8a8a8; }
  #awards-details .award-xpack strong {
    font-weight: normal;
    color: #fff; }

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

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

/* Battlereports
* ---------------------------------------------------------------- */
table.battlereports-table {
  font-size: 14px;
  margin: 0; }
  table.battlereports-table.show-first-ten tr:nth-child(n+11) {
    display: none; }
  table.battlereports-table tr {
    cursor: pointer; }
    table.battlereports-table tr .star {
      display: block;
      width: 20px;
      margin: 0;
      padding: 0; }
      table.battlereports-table tr .star:after {
        position: relative;
        z-index: 1;
        display: none;
        content: "★";
        font-size: 22px;
        color: rgba(255, 255, 255, 0.3); }
      table.battlereports-table tr .star.starred:after {
        display: block;
        color: white; }
    table.battlereports-table tr.active {
      -webkit-filter: drop-shadow(0 0 7px #e0f4f8);
      -moz-filter: drop-shadow(0 0 7px #e0f4f8);
      -ms-filter: drop-shadow(0 0 7px #e0f4f8);
      -o-filter: drop-shadow(0 0 7px #e0f4f8);
      filter: drop-shadow(0 0 7px #e0f4f8); }
      table.battlereports-table tr.active [class*='winstatus-'] {
        color: #000; }
      table.battlereports-table tr.active .star:after {
        color: rgba(0, 0, 0, 0.3); }
      table.battlereports-table tr.active .star.starred:after {
        color: #000; }
      table.battlereports-table tr.active td.favcell:hover .star:after {
        color: #000; }
    table.battlereports-table tr td.favcell {
      width: 22px;
      text-align: center; }
      table.battlereports-table tr td.favcell:hover .star:after {
        color: #fff; }
    table.battlereports-table tr .favorite {
      width: 20px;
      overflow: hidden; }
    table.battlereports-table tr .server-icons {
      padding: 0 0 0 6px; }
  table.battlereports-table.own-reports tr:hover .star:after {
    display: block; }
  table.battlereports-table thead th {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 24px; }
  table.battlereports-table .map-thumb {
    margin-right: 8px; }
  table.battlereports-table td p:nth-of-type(1) {
    line-height: 20px; }
  table.battlereports-table td p:nth-of-type(2) {
    font-size: 11px;
    line-height: 13px;
    color: #a8a8a8; }
  table.battlereports-table .winstatus {
    text-transform: uppercase; }
  table.battlereports-table .winstatus-1 {
    color: #94cdf3; }
  table.battlereports-table .winstatus--1 {
    color: #ff9f80; }
  table.battlereports-table .winstatus-0 {
    color: #86B886; }

#battlereports img.map {
  width: 100%; }
#battlereports .row {
  float: left; }
#battlereports .box {
  margin-bottom: 1px; }
#battlereports aside .box header {
  padding: 0; }
#battlereports aside .box ul {
  display: table;
  width: 100%;
  font-size: 12px; }
  #battlereports aside .box ul li {
    display: table-row; }
    #battlereports aside .box ul li span {
      text-align: left;
      display: table-cell;
      padding-top: 8px; }
      #battlereports aside .box ul li span:first-child {
        width: 30%;
        color: #a8a8a8;
        padding: 0; }
#battlereports aside footer {
  padding: 0; }
  #battlereports aside footer a {
    display: block;
    padding: 16px;
    text-decoration: none; }
  #battlereports aside footer:hover {
    background-color: rgba(7, 7, 7, 0.6); }
#battlereports .premium-requirement-box .btn {
  width: auto; }
#battlereports .btn {
  width: 100%;
  margin-top: 4px; }
#battlereports section footer {
  padding: 0; }
  #battlereports section footer .btn {
    margin-top: 0; }
#battlereports #battlereports-favorites {
  margin-bottom: 16px; }
  #battlereports #battlereports-favorites footer {
    margin-top: 0; }
#battlereports #battlereports-latest {
  margin-bottom: 20px; }

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

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

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

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

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

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

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

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

.profile-stats-dogtags li {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 130px;
  height: 73px;
  padding: 4px 1px 1px;
  margin: 0 0 1px 1px;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer; }
  .profile-stats-dogtags li:nth-child(5n+1) {
    margin-left: 0;
    width: 131px; }
  .profile-stats-dogtags li:nth-child(5n) {
    width: 131px; }
  .profile-stats-dogtags li.disabled .dogtags {
    opacity: 0.5; }
    .cssfilters .profile-stats-dogtags li.disabled .dogtags {
      opacity: 1;
      -webkit-filter: brightness(40%);
      -moz-filter: brightness(40%);
      -ms-filter: brightness(40%);
      -o-filter: brightness(40%);
      filter: brightness(40%); }
  .profile-stats-dogtags li:hover {
    background-color: rgba(0, 0, 0, 0.7); }
  .profile-stats-dogtags li.equipped {
    box-shadow: inset 0 0 0 1px #fff; }
  .profile-stats-dogtags li.active {
    background-color: #fff; }
    .profile-stats-dogtags li.active:hover {
      background-color: #fff; }

.dogtags-chain {
  margin: 14px 0; }
  .dogtags-chain .basic {
    position: relative;
    z-index: 2; }
  .dogtags-chain.horizontal .basic {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg); }
  .dogtags-chain.horizontal .basic + .advanced {
    margin-left: -60px; }
    .dogtags-chain.horizontal .basic + .advanced.xlarge, .dogtags-chain.horizontal .basic + .advanced.large {
      margin-left: -80px; }
    .dogtags-chain.horizontal .basic + .advanced.medium, .dogtags-chain.horizontal .basic + .advanced.mediumns {
      margin-left: -60px; }
    .dogtags-chain.horizontal .basic + .advanced.small, .dogtags-chain.horizontal .basic + .advanced.smallns {
      margin-left: -25px; }
  .dogtags-chain.vertical .advanced {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg); }
  .dogtags-chain.vertical .basic, .dogtags-chain.vertical .advanced {
    display: block; }
  .dogtags-chain.vertical .basic + .advanced {
    margin-top: -40px; }
    .dogtags-chain.vertical .basic + .advanced.medium {
      margin-left: -30px; }
    .dogtags-chain.vertical .basic + .advanced.small {
      margin-left: -12px; }

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

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

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

.kits-list li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 163px;
  height: 110px;
  margin: 0 0 1px 1px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center; }
  .kits-list li:nth-child(4n+1) {
    margin-left: 0;
    width: 164px; }
  .kits-list li:hover {
    background-color: rgba(0, 0, 0, 0.7);
    cursor: pointer; }
  .kits-list li.noprogress:not(.active) .image {
    opacity: 0.5; }
  .kits-list li.noprogress:not(.active) p {
    color: #a8a8a8; }
  .kits-list li.active {
    color: black;
    background-color: white;
    background-image: -webkit-linear-gradient(top, #c9c9c9, rgba(200, 200, 200, 0) 40%);
    background-image: linear-gradient(to bottom, #c9c9c9, rgba(200, 200, 200, 0) 40%);
    box-shadow: 0 0 7px 0 #e0f4f8; }
    .kits-list li.active p {
      font-weight: bold; }
  .kits-list li .image {
    margin: 16px 0; }
    .kits-list li .image.kititem {
      margin-top: 26px; }
    .kits-list li .image.weapon {
      margin-top: 26px; }
  .kits-list li p {
    position: absolute;
    bottom: 16px;
    left: 0;
    right: 0;
    font-size: 12px; }
  .kits-list li .progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0; }

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

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

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

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

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

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

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

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

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

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

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

  to {
    box-shadow: none; } }

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

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

  to {
    box-shadow: none; } }

/* Weapons
* ---------------------------------------------------------------- */
.warsaw-stats-content .profile-statistics-head .show-filters {
  position: relative;
  margin-top: 8px;
  -webkit-transition: height 1s linear;
  -moz-transition: height 1s linear;
  transition: height 1s linear; }
  .warsaw-stats-content .profile-statistics-head .show-filters h1 {
    font-size: 12px;
    color: #FFF;
    font-family: Arial, sans-serif;
    text-transform: none;
    font-weight: normal;
    line-height: 32px;
    cursor: pointer; }
  .warsaw-stats-content .profile-statistics-head .show-filters .toggler {
    float: right;
    position: absolute;
    top: 0;
    right: 10px; }
    .warsaw-stats-content .profile-statistics-head .show-filters .toggler:after {
      text-align: center;
      color: #AAA;
      content: "+";
      font-size: 21px;
      width: 20px; }
  .warsaw-stats-content .profile-statistics-head .show-filters header:hover .toggler:after {
    color: #FFF; }
  .warsaw-stats-content .profile-statistics-head .show-filters header.active .toggler:after {
    content: "-"; }
  .warsaw-stats-content .profile-statistics-head .show-filters #filter-options {
    display: none;
    margin: 0; }
.warsaw-stats-content .profile-statistics-head .list-icon {
  cursor: pointer;
  margin-left: 0;
  margin: 0; }
.warsaw-stats-content .profile-statistics-container {
  margin-top: 8px;
  position: relative;
  margin-bottom: 16px;
  min-height: 400px; }
  .warsaw-stats-content .profile-statistics-container .locked .image {
    opacity: 0.7; }
  .warsaw-stats-content .profile-statistics-container .locked p {
    color: #a8a8a8; }
  .warsaw-stats-content .profile-statistics-container .locked-column {
    font-size: 14px; }
.warsaw-stats-content table.profile-stats-table {
  margin-bottom: 0; }
  .warsaw-stats-content table.profile-stats-table th {
    padding: 5px 0;
    width: 82px;
    text-align: center; }
    .warsaw-stats-content table.profile-stats-table th:first-child {
      width: 40px; }
    .warsaw-stats-content table.profile-stats-table th.item-name {
      width: auto;
      text-align: left;
      padding-left: 5px; }
  .warsaw-stats-content table.profile-stats-table tbody tr.locked:not(.active) .image {
    opacity: 0.3; }
  .warsaw-stats-content table.profile-stats-table tbody tr:not(.active) td.item-name .relative .smallinv, .warsaw-stats-content table.profile-stats-table tbody tr.active td.item-name .relative .small {
    display: none; }
  .warsaw-stats-content table.profile-stats-table tbody tr.active p {
    color: #000;
    font-weight: bold; }
  .warsaw-stats-content table.profile-stats-table tbody tr.active td {
    color: black;
    background-color: white;
    background-image: -webkit-linear-gradient(top, #c9c9c9, rgba(200, 200, 200, 0) 40%);
    background-image: linear-gradient(to bottom, #c9c9c9, rgba(200, 200, 200, 0) 40%);
    box-shadow: 0 0 7px 0 #e0f4f8;
    font-family: Frutiger, sans-serif; }
  .warsaw-stats-content table.profile-stats-table tbody tr.active:hover {
    background-color: transparent; }
  .warsaw-stats-content table.profile-stats-table td {
    height: 95px;
    padding: 0;
    text-align: center;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.5);
    font-family: Frutiger, sans-serif; }
    .warsaw-stats-content table.profile-stats-table td:first-child {
      font-size: 24px; }
    .warsaw-stats-content table.profile-stats-table td:nth-child(2) .progress-bar {
      width: auto; }
    .warsaw-stats-content table.profile-stats-table td .relative {
      position: relative;
      padding-top: 0;
      height: 95px; }
    .warsaw-stats-content table.profile-stats-table td strong {
      display: block;
      font-size: 20px;
      font-weight: 400; }
    .warsaw-stats-content table.profile-stats-table td .progress-bar {
      margin: 0;
      position: absolute;
      right: 0;
      left: 0;
      bottom: 0px; }
    .warsaw-stats-content table.profile-stats-table td.item-name {
      width: 208px;
      text-align: center; }
      .warsaw-stats-content table.profile-stats-table td.item-name .image {
        vertical-align: middle;
        margin-bottom: 9px; }
      .warsaw-stats-content table.profile-stats-table td.item-name p {
        font-size: 12px;
        font-family: Arial, sans-serif; }
      .warsaw-stats-content table.profile-stats-table td.item-name .progress-bar {
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0; }
      .warsaw-stats-content table.profile-stats-table td.item-name span {
        position: absolute;
        bottom: 4px;
        left: 0;
        right: 0;
        text-align: center;
        font-size: 12px; }
    .warsaw-stats-content table.profile-stats-table td.item-kills strong {
      margin-top: 26px;
      margin-bottom: 10px; }
    .warsaw-stats-content table.profile-stats-table td.item-kills span {
      color: #a8a8a8;
      font-size: 12px; }
    .warsaw-stats-content table.profile-stats-table td.item-kills .icon-weapon {
      position: absolute;
      top: 5px;
      right: 5px; }
    .warsaw-stats-content table.profile-stats-table td .unlocks-taken {
      position: absolute;
      top: 10px;
      left: 0;
      width: 100%;
      font-size: 12px;
      text-align: center; }
    .warsaw-stats-content table.profile-stats-table td .price {
      font-size: 12px;
      padding-top: 10px;
      display: block;
      clear: both;
      color: #41b747;
      text-shadow: #41b747 0px 0px 10px; }
      .warsaw-stats-content table.profile-stats-table td .price.insufficient-funds {
        color: #b00f0f;
        text-shadow: #b00f0f 0px 0px 10px; }

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

ul.weapon-accessories {
  margin-top: 1px; }
  ul.weapon-accessories li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    float: left;
    width: 79px;
    height: 40px;
    padding-top: 10px;
    margin: 0 0 1px 1px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    overflow: hidden; }
    ul.weapon-accessories li:nth-child(4n+1) {
      margin-left: 0;
      width: 80px; }
    ul.weapon-accessories li[data-guid]:not(.active) {
      cursor: pointer; }
      ul.weapon-accessories li[data-guid]:not(.active):hover {
        background-color: rgba(0, 0, 0, 0.7); }
    ul.weapon-accessories li .progress-bar {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0; }
    ul.weapon-accessories li .battlepacks {
      top: -13px;
      position: relative; }
    ul.weapon-accessories li.locked:not(.active) .weaponaccessory {
      opacity: 0.3; }
    ul.weapon-accessories li.locked:not(.active) .battlepacks_lineart {
      opacity: 0.3; }
    ul.weapon-accessories li.locked:not(.active) p {
      color: #a8a8a8; }
    ul.weapon-accessories li.active {
      color: black;
      background-color: white;
      background-image: -webkit-linear-gradient(top, #c9c9c9, rgba(200, 200, 200, 0) 40%);
      background-image: linear-gradient(to bottom, #c9c9c9, rgba(200, 200, 200, 0) 40%);
      box-shadow: 0 0 7px 0 #e0f4f8; }

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

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

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

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

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

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

.bfh-stats-content .weapons-stat-tbl .service-star.no-service-stars {
  text-indent: -200%;
  overflow: hidden;
  opacity: 0.4;
  width: 20px;
  padding: 0; }
.bfh-stats-content .weapons-stat-tbl td.item-name {
  height: 85px; }
  .bfh-stats-content .weapons-stat-tbl td.item-name .relative {
    height: 79px;
    padding-top: 16px; }
    .bfh-stats-content .weapons-stat-tbl td.item-name .relative .image {
      margin-bottom: 2px; }
.bfh-stats-content .weapons-stat-tbl td.item-servicestars > .relative {
  height: 79px;
  padding-top: 16px; }
  .bfh-stats-content .weapons-stat-tbl td.item-servicestars > .relative .servicestar.faded {
    opacity: 0.5; }
.bfh-stats-content .weapons-stat-tbl td.item-nextunlock > .relative {
  height: 51px;
  padding-top: 34px; }

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

/* Vehicles
* ---------------------------------------------------------------- */
.vehicles-stat-tbl td {
  height: 100px; }
.vehicles-stat-tbl .image-container {
  overflow: hidden; }
.vehicles-stat-tbl .relative {
  position: relative; }
.vehicles-stat-tbl td.item-name > .relative {
  height: 69px;
  padding-top: 16px; }
.vehicles-stat-tbl td.item-nextunlock > .relative {
  height: 68px;
  padding-top: 17px; }
.vehicles-stat-tbl .stars-inner {
  position: relative; }
.vehicles-stat-tbl .servicestar {
  margin-top: 17px; }

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

.vehicle-stats-list li {
  height: 100px;
  background-color: rgba(0, 0, 0, 0.5); }
  .vehicle-stats-list li:hover {
    background-color: rgba(0, 0, 0, 0.7); }
  .vehicle-stats-list li .image-container {
    position: absolute;
    top: 33px;
    width: 118px;
    overflow: hidden; }
    .vehicle-stats-list li .image-container .vehicleunlock {
      margin-left: -11px; }
  .vehicle-stats-list li .progress-bar {
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
    width: 100%; }
  .vehicle-stats-list li.locked .image-container {
    opacity: 0.5; }
  .vehicle-stats-list li.active {
    color: black;
    background-color: white;
    background-image: -webkit-linear-gradient(top, #c9c9c9, rgba(200, 200, 200, 0) 40%);
    background-image: linear-gradient(to bottom, #c9c9c9, rgba(200, 200, 200, 0) 40%);
    box-shadow: 0 0 7px 0 #e0f4f8;
    opacity: 1; }

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

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

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

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

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

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

.right-column .friends header h1 a {
  color: #d5dde5;
  text-decoration: none; }

/* All friends */
#profile-friends .friend {
  margin-top: 1px; }
#profile-friends .interact {
  margin-top: 13px; }
#profile-friends .text {
  margin-left: 76px;
  margin-top: 20px; }
  #profile-friends .text .username {
    text-decoration: none;
    display: block;
    margin-top: 6px;
    color: #a8a8a8;
    font-size: 12px; }
#profile-friends .playing .text {
  line-height: 20px;
  margin-top: 9px; }

#warsaw-stats > .submenu li a {
  font-size: 16px; }
#warsaw-stats .loading-box, #warsaw-stats .profile-stats-blaze-down {
  padding: 50px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.45);
  font-size: 16px; }
#warsaw-stats .box.no-results {
  text-align: center; }

#warsaw-stats-head {
  margin-bottom: 8px;
  height: 64px; }
  #warsaw-stats-head:before, #warsaw-stats-head:after {
    display: table;
    content: "";
    line-height: 0; }
  #warsaw-stats-head:after {
    clear: both; }
  #warsaw-stats-head .avatar-container {
    float: left;
    margin-right: 16px; }
  #warsaw-stats-head h1 {
    margin-bottom: 4px;
    font-size: 36px;
    line-height: 32px; }
  #warsaw-stats-head .soldier-info-name span.premium {
    color: #f7da8d; }
  #warsaw-stats-head .user {
    min-width: 500px; }
    #warsaw-stats-head .user:before, #warsaw-stats-head .user:after {
      display: table;
      content: "";
      line-height: 0; }
    #warsaw-stats-head .user:after {
      clear: both; }
    #warsaw-stats-head .user .common-gameicon-hori, #warsaw-stats-head .user a.profile-link {
      line-height: 13px;
      font-size: 13px;
      margin-right: 5px; }
    #warsaw-stats-head .user .common-gameicon-hori, #warsaw-stats-head .user .icon-premium-wide {
      margin-right: 5px;
      float: left; }
    #warsaw-stats-head .user .icon-premium-wide {
      margin-top: 4px; }

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

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

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

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

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

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

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

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

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

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

#overview-completion {
  margin-top: 16px; }
  #overview-completion .box-content {
    background-color: inherit; }
  #overview-completion ul li {
    height: 40px;
    margin-bottom: 1px;
    padding: 6px 0;
    background-color: rgba(0, 0, 0, 0.4); }
    #overview-completion ul li:hover {
      background-color: rgba(0, 0, 0, 0.7); }
    #overview-completion ul li i {
      float: left;
      margin-top: 6px; }
    #overview-completion ul li .completion-content {
      padding: 8px 0 12px 20px;
      overflow: hidden; }
      #overview-completion ul li .completion-content h6 {
        color: #fff;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
        margin-top: 3px;
        float: left; }
      #overview-completion ul li .completion-content .progress-bar {
        width: 700px;
        margin-top: 3px;
        margin-bottom: 0;
        float: right; }
      #overview-completion ul li .completion-content p {
        float: right;
        width: 90px;
        padding-left: 10px;
        font-size: 12px;
        position: relative;
        top: 3px;
        padding-top: 3px; }
        #overview-completion ul li .completion-content p.completed {
          background-image: url(../profile/warsaw/checkbox.png);
          background-repeat: no-repeat;
          background-position: 74px 0;
          height: 16px; }

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

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

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

.stat-list-col > li {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 1px 1px 0 0;
  text-align: center;
  cursor: pointer; }
  .stat-list-col > li:hover {
    background-color: rgba(0, 0, 0, 0.7); }
  .stat-list-col > li.active {
    color: black;
    background-color: white;
    background-image: -webkit-linear-gradient(top, #c9c9c9, rgba(200, 200, 200, 0) 40%);
    background-image: linear-gradient(to bottom, #c9c9c9, rgba(200, 200, 200, 0) 40%);
    box-shadow: 0 0 7px 0 #e0f4f8;
    opacity: 1; }
.stat-list-col.col6 > li {
  width: 108px; }
  .stat-list-col.col6 > li:nth-child(6n+4), .stat-list-col.col6 > li:nth-child(6n+5) {
    width: 109px; }
  .stat-list-col.col6 > li:nth-child(6n) {
    width: 109px;
    margin-right: 0; }
.stat-list-col.col5 > li {
  width: 130px; }
  .stat-list-col.col5 > li:nth-child(5n+4) {
    width: 131px; }
  .stat-list-col.col5 > li:nth-child(5n) {
    width: 129px;
    margin-right: 0; }

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

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

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

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

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

.soldierbox-hidden {
  display: none; }

#soldierbox-footer {
  padding: 0;
  color: #fff;
  cursor: pointer; }
  #soldierbox-footer p {
    padding: 16px; }
  #soldierbox-footer:hover {
    background-color: rgba(7, 7, 7, 0.6); }

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

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

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

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

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

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

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

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

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

td#profile-edit-soldier-name {
  width: 400px; }
  td#profile-edit-soldier-name a {
    font-size: 14px; }

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

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

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

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

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

#profile-custom-dropdown ul {
  list-style: none;
  min-width: 150px; }
  #profile-custom-dropdown ul li:first-child a {
    border-bottom: 0; }
  #profile-custom-dropdown ul li a {
    font-size: 12px;
    line-height: 34px;
    padding: 0 16px;
    color: #fff;
    border-top: 1px solid #3c4249;
    font-weight: normal;
    display: block;
    text-transform: uppercase; }
    #profile-custom-dropdown ul li a:hover {
      background: rgba(255, 255, 255, 0.1); }

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

.profile-custom .popover .popover-body {
  border: 1px solid #d5dde5;
  background: #0a0e14; }

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

#soldierportraits-container #soldierimage li {
  margin: 5px 10px; }
  #soldierportraits-container #soldierimage li:hover {
    cursor: pointer; }
  #soldierportraits-container #soldierimage li.selected {
    background: #fff; }

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

.common-reportbutton, .common-reportbutton-container .common-reportbutton {
  background: url(../common/icon-report-s.png); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.devblog .devblog-post {
  margin-top: 4px; }
  .devblog .devblog-post .devblog-index-content .wp-caption.alignnone img, .devblog .devblog-post .devblog-index-content img.alignnone, .devblog .devblog-post .devblog-index-content .wp-caption.aligncenter img, .devblog .devblog-post .devblog-index-content img.aligncenter {
    width: 654px; }
.devblog .news-blocks {
  margin-bottom: 16px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  margin-right: 0; }
  .devblog .news-blocks .devblog-topstories-container {
    margin-left: -1px; }
.devblog .devblog-topstories-container {
  margin-bottom: 0; }
  .devblog .devblog-topstories-container .devblog-topstory-wrapper .devblog-topstory .devblog-topstory-content h2 {
    font-family: Frutiger, sans-serif;
    font-style: normal;
    font-weight: 400; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.forum-title-quicklinks a {
  font-size: 11px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.forum-postreply {
  position: relative; }

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

.forum-postreply textarea {
  resize: none;
  font-size: 12px;
  font-family: arial, sans-serif;
  position: relative;
  float: left;
  left: 16px;
  margin-top: 5px;
  width: 875px;
  height: 97px; }

.forum-postreply-container .forum-postreply textarea {
  height: 395px; }

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

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

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

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

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

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

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

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

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

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

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

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

textarea.forum-quickreply {
  width: 868px;
  margin-top: 10px;
  padding-top: 10px;
  left: 70px;
  position: relative; }

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

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

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

.forum-start-container .forum-breadcrumbs a {
  font-size: 11px;
  font-weight: normal; }

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

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

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

.forum-newthread {
  position: relative; }

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

.forum-newthread textarea {
  overflow-y: auto;
  font-size: 12px;
  font-family: arial, sans-serif;
  color: #434343;
  padding: 5px;
  width: 944px;
  max-width: 944px;
  height: 305px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.forum-threadview-post-text .spoiler a {
  color: #353535; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.forum-view-latest-posts a {
  font-weight: normal;
  font-size: 11px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.forum-edit-title a {
  font-weight: normal;
  font-size: 11px; }

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

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

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

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

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

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

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

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

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

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

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

.forum-search-subline a {
  font-size: 11px;
  font-weight: normal; }

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

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

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

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

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

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

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

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

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

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

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

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

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

.forum-postsimilarlist a {
  line-height: 16px;
  margin-right: 5px; }

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

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

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

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

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

#forum-activity-view-more a {
  text-decoration: none;
  display: block; }

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

#forum-activity-view-more a:hover {
  background-position: 0 100%; }

.breadcrumb {
  margin-bottom: 16px; }

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

#forum-activity-view-more {
  border: 0;
  margin: 1px 0 17px; }
  #forum-activity-view-more a {
    border: 0;
    display: block;
    background: rgba(0, 0, 0, 0.5); }
    #forum-activity-view-more a:hover {
      background: rgba(0, 0, 0, 0.7); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.forum-newthread label {
  color: #fff; }
  .forum-newthread label.upper {
    text-transform: uppercase;
    font-size: 14px; }
.forum-newthread textarea {
  width: 948px;
  max-width: 948px;
  color: #fff; }
.forum-newthread input[type=text] {
  color: #fff; }

.forum-start-container .forum-base-button-search {
  border: 1px solid #d5dde5; }
.forum-start-container .forum-forumlist .forum-start-forum-title {
  width: 597px; }
  .forum-start-container .forum-forumlist .forum-start-forum-title .locked {
    float: left; }
  .forum-start-container .forum-forumlist .forum-start-forum-title .forum-start-forum-title-block {
    float: left;
    width: 565px; }
.forum-start-container .common-box-title-solid-with-line {
  border: 1px solid rgba(255, 255, 255, 0.15); }
.forum-start-container .forum-start-border .common-box-title {
  padding-top: 0;
  margin-bottom: 2px; }
.forum-start-container .forum-activity .forum-start-border {
  margin-bottom: 0;
  border-bottom: 0; }
  .forum-start-container .forum-activity .forum-start-border .common-box-title-solid-with-line {
    border-bottom: 0; }
  .forum-start-container .forum-activity .forum-start-border:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
.forum-start-container .forum-activity ~ .forum-start-border {
  margin-top: 16px; }
.forum-start-container .forum-start-border .forum-start-forum:not(.forum-forumlist) .forum-start-forum-title {
  width: 639px; }
.forum-start-container .common-box-title.forum-box-title .forum-start-forum-forum {
  width: 679px; }
.forum-start-container .forum-start-info .forum-start-forum-forum {
  width: 613px; }
.forum-start-container .forum-start-white-title p {
  font-family: Frutiger, sans-serif; }
.forum-start-container .forum-threadview-post-poster {
  width: 184px; }
.forum-start-container .forum-threadview-post {
  margin: 0 -3px -2px -1px; }
  .forum-start-container .forum-threadview-post .forum-threadview-post-content {
    width: 749px; }
    .forum-start-container .forum-threadview-post .forum-threadview-post-content .forum-threadview-post-ago {
      max-width: 751px; }
    .forum-start-container .forum-threadview-post .forum-threadview-post-content .forum-threadview-post-text {
      max-width: 751px; }
.forum-start-container .common-box-inner-border {
  border: 1px solid rgba(255, 255, 255, 0.15); }
.forum-start-container .common-box-title-solid-with-line .common-box-inner-border {
  border: none; }
.forum-start-container .common-box-inner {
  margin-top: -1px; }

.forum-start-border .forum-start-forum-title h4 {
  font-weight: normal; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  100% {
    opacity: 1; } }

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

  100% {
    opacity: 1; } }

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

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

  100% {
    opacity: 1; } }

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

  100% {
    opacity: 1; } }

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

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

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

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

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

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

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

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

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

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

.geoleaderboards .submenu.zoom-widget {
  border: 0; }
  .geoleaderboards .submenu.zoom-widget ul {
    border: 1px solid #525d6b; }

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

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

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

#geoleaderboard-container .title {
  font-family: Frutiger, sans-serif; }
#geoleaderboard-container .description {
  font-family: Frutiger, sans-serif; }
#geoleaderboard-container .performances .row-tight {
  margin-top: 0; }

#geoleaderboard-container.overview #map-info {
  position: absolute;
  top: 852px;
  right: 0; }

.geoleaderboard-loggedout {
  background: transparent; }

#geoleaderboard-container #user-details-container {
  font-family: Frutiger, sans-serif; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.leaflet-top {
  top: 0; }

.leaflet-right {
  right: 0; }

.leaflet-bottom {
  bottom: 0; }

.leaflet-left {
  left: 0; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.leaflet-container a {
  color: #0078A8; }

.leaflet-container a.leaflet-active {
  outline: 2px solid orange; }

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

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

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

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

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

.leaflet-bar a:hover {
  background-color: #f4f4f4; }

.leaflet-bar a:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px; }

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

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb; }

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

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.leaflet-container a.leaflet-popup-close-button:hover {
  color: #999; }

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

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

.leaflet-editing-icon {
  -webkit-border-radius: 2px;
  border-radius: 2px; }

/* Icon sprites */
.mapbox-icon {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAACcCAYAAABho7sLAAACz0lEQVR42u2YTWgTQRiGE2lRQRAktGovagMFCyW/DbkFEQt6EVTwpPYi8eZBpQcNgh48tOJVUKJQEFGhorWKCnoRQkEEL71Uqh7qD4QiQgqlGd+BT3YJu7jdmV2ovAMPk/m+ZZ6ZzOzuJAmlVCxQRBFF/7Mon88vaOIQKc36FsnXpXxYiE3ENVrT9uaTgSKKKKKIIoooCgIPkNwMFFFEEUUUUUSRnCtuJBKJDXGIVKFQeFQulzdbE6Ek0ekJ8BaCn0BpRPYOdSqwSEY51dHJrMTHgfIjl8s9W6tIuSkWi/vBID6vuOMGM/L/bw6jfSwdzuDzaCaT2eW1RsYitD+DCb1OWgLZKeNd5xZJuxujfuWXF8xF6XR6I0SViEUOEYn8sSly7iP/7XyZT2+KKKKIIooAXgs7cEbYp2vrIhH0y2FR/UXa/dZEpVKpV06jLczmNupDUrd0XOetiNBZXWYw7I7rtsyubks0Dxo+uYbO2xI1waRPbhIs2hK9Bi0cdbe547ot63TXiggLPyJr8TSbzZZ1TNe6LfGaFZEs/AXXL4gfQLlYQf6oFZHMbAidXgJ3QBXtNOoHgWQiCk2lUukKJBORNRlmeS8ikSOD5Kyu+ZqgiCKKKPJnABwOyICJqKmCl2ZoUYCOb4JrzoDsi76BTa7r5qISXZd8FbwHy1GJqpKfcUJ2RV9ABeyU/JC0W7ZFcx7XpKKY0SpYAqOSfwh+ARX1Gj0HiiIvxsCUByOSr7liY3xNUEQRRRStE1EXSJqKtoMjPrlh0AC6LIKr4BbYG0Z0DLTBFY9RvwSd5SM4GUZUUE55A06D3aAPtD1E0yAZRtQLnnh0+FV5l/Nh12gQrKrg5YDJrpsOKGmDHhNRH3gRQFQ3vY+6wew/JEugx0gkbAFnwHKnQWLHTW/YPeAguAi+e0jmQc7GIygFauAD+C2dfwL3wTmwlU9viiiKV/QHn/TDxm/TaPYAAAAASUVORK5CYII=');
  background-repeat: no-repeat;
  background-size: 26px 156px; }

/* Retina icon */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .mapbox-icon {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAE4CAYAAAAUzdAkAAAGAklEQVR42uzdb2hVdRzH8bl0MXIpLVOjEmQRtLpsd/9cywoSwsonzfUHklhQ9mBJBMkoCISiJyXtSQirB0H/tSxYOIggjfakB5v2oElg2UaJjhSjls7t9PnCCX4curv3rHvu+d3T+8B7znt/Z/5eO+ee3bv91JogCDIVIECAAAECBAgQIECAAAECBCgboLa2tlEVhI1mARS4AQIEKOOg6NVsiY36CAr+S4A45f7vFwVAgADx8oFXrIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAglpexAJAVjUUb5aIACBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAA+Q6y5QGv19TU1GYJFLS3t3/c3d1dnxlQiBrTr1dnAuT0Qz6fb/Ie1NHRsU4TfU69pb7RxGcMUKAzra2t3V6Cmpub63Qq7dYkz6sgRn8K/kCiIP0ht2pyh4tMZLKvr++yELNSvx9XwRKbF+qZxEBFMUpjtttYbcvsymW3eQsqAfOtM/bpuIBCp1xqID3wt4RHp1a/P7FUjHtRqChokVPz3uhYdVF9qPt6BW/RtrrYZdsbkD2Vccdpgl/YZTvOF1avQAJ85ox7V62I+9THtyP0XTjmNbva/XO7Hhftum1YTahzBZ6cegn6XZ/xQ3H39xJkjwE1p6NxcyZAgqzRfW/Y+5kANTU1Xa7T7ZZMgNwApQ+KH6CwFF4+xM8+Vqog9wVeOTD2sfhGIyBAgAABAgQIECBAgAABAgQIECBAgAABAgRo8fQD42u16OJ+/WThRcvet9uqDqSJbxZgcrE1dDbGe5AtZdFE99q6thLXvu21fbwFaZIHI5P+TY2oPWEjdltkzEEvQfop3CORib7X2dnZGB1nt9l97ljb1ytQLpe7JrKq95Vi+9gYZ/yMfQxfQHZ0djqTO2Yrf0tZHWxjnaO00xuQLRFzFvf1x7ga9jufiGGfQBMOKBcDlHNAE96A3EXlPT09DaXuZ2Md0B8+PYbGnIl1xThCm5z9jvt0hIacie2Ksd8uZ78Rb0D6TD/qTOwXffW/qtg+NsbGOle5x70B2dMXO2Uc1P7FVv7afTbGGX/aFgp6A7Js5XvkOdxRlf8XTD68L3Ca8XKtj069l2yCkaZt3bZl76ugQKcN5QvIRT3oPA2KV4jyCmR1dXWt1cTeLnBEZtWbOkXvsKc+SaCS/vt063XUtoVHLm9/KcpdAp0Eyt6kUHIoe5MplL3xGfWlv6D4qGN2W9WCXJSLqVqQi7L4zikgQIAAAQIECBAgQIAAAQIECBAgQICqEtShhtS+MjekOtIATamktqkUQMlugFIEzagB1aKuVI1qgzpSjaApVegfwRutRlCvqskS6Apn/1p1n3Pp/7naQNOR/bdU+0VhMrL/7qyBBqsRdFwNhj0R2X+TGnQ6Ww2gUv9H9lp1IUugDSrIEujuagFdUKfCvo7sP+Dcd46rHCBAgAABitl4gqDxNECNql89VWIPRfZvKTCuXzXynVNAgAABAgQIECBAgAABAgQIECBAgAABAuQZaJXaqHLqelVfYNyySoFWq3VL2G+N+kBFt0tqj1qurlPPq0NqRaVAfer7mKgG9ZNabDup5tWC6q3kKTesghC1vsR99qlStr/Uy+pZtaNSoDFnAmfUw0XG16s5FWf7RC2vFOhVFd0+VU0Fxt8WEzOi6ip5ym1dZDKH1WNqpTN+e0zQjZW+bNepr4pMakGdUJ+rAzFBaysN2qE2q6Oq3NslVVtp0IiybTYB0HQazxReUElt+9MANahfEwI9mQbIukudLTNmXt2QFsi6SR1QF8sE+ijtZ9uDIehkGTALKpc26PZwIuXY3vHl9dBAGTA/qlW+gKx71MQSMXOq29dXrFvVqRiYWbXNx5fgG9X7MR9P59WdPnxPoUX93Y4dmwAIQ2EQhqxi4xSOIGQcC8dwBKfIAIJdRrB3AxvP3sZUT7jAN8DBa/JnTFhRcTV8D7ooI0lCxoavr2KMvPoMWFBwvJzciR0z+r/OWOnh0GiQQQYZZJBBBhlkkEEGBXcD/NcD18JsKswAAAAASUVORK5CYII='); } }

a.mapbox-icon-share {
  background-position: 0 -52px; }

a.mapbox-icon-geocoder {
  background-position: 0 -78px; }

a.mapbox-icon-facebook {
  background-position: 0 -104px; }

a.mapbox-icon-twitter {
  background-position: 0 -130px; }

/* Map legends */
.map-legends {
  border: 1px solid #bbb;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.map-legends {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }

.map-legends .map-legend {
  padding: 10px; }

.map-tooltip {
  z-index: 999999;
  padding: 10px;
  max-width: 300px;
  opacity: 1;
  -webkit-transition: opacity 150ms;
  -moz-transition: opacity 150ms;
  -ms-transition: opacity 150ms;
  -o-transition: opacity 150ms;
  transition: opacity 150ms;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  user-select: auto;
  border: 1px solid #bbb;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  min-width: 180px;
  max-width: 280px;
  max-height: 400px;
  overflow: auto;
  width: 220px\8;
  /*< IE 9*/
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  color: #222;
  font: normal 13px/20px Arial, sans-serif; }

.map-tooltip .close {
  text-indent: -999em;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAeCAYAAADO4udXAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHFSURBVHic7dpBbsIwEAXQoZpbwKKz8Bm66EFyjUicI1KuwUF6Ci/cBbmFJbqoLbluJezgMSn8JyGhJMRAvmZiw+5yuRBAay/3fgPwmBAsUIFggQoEC1QgWKACwQIVCBaoQLCgiIiMIjKWHo9gbVy4oJ/po9e42fPiUBERcemBxpiD935i5qO19ly6rzUR+SAics69a46zFc65WUSIKi9sA2MYN449O+fm0hcXVyzv/UREb977kzHmELeHUJ3Cvqn0fDfYhwfoi5WqKlREFRWLmY8hQPsQroGIKG4jooWZjzWDw3VJG4oXtnflWqU4WNbaszFmSMMVdsVQDdpt8NmkoYoVI2lPPY0iQjVVa1f774ak9cV2pBqqcE91rfUtre+57jGuiIxJgFa3oS0orljQxU03zGv8NeNzzr3eet6qipVVqyVs7toK43S7xYffmmwpoVulysPV4rstnhXmoWLmgZkH+g7YPp8twnOrXW74UZ2stecsXD2WG55F1Ur3Wtmss1mFrF1u+LUImswWp07LDcv1Q/6n3u1dc9ZZPSuExxErosa9HIIFKvAjNKhAsEAFggUqECxQgWCBCgQLVCBYoALBAhVfpi7sxwlEhWYAAAAASUVORK5CYII=) no-repeat 0 0;
  overflow: hidden;
  display: none; }

.map-tooltip.closable .close:active {
  border-color: #b0b0b0;
  background-color: #f0f0f0; }

.map-tooltip.closable .close {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 20px;
  height: 20px;
  background-position: -5px -5px;
  border-radius: 10px; }

.map-tooltip.closable .close {
  display: block; }

.map-tooltip small {
  font-size: 11px; }

.map-tooltip h1, .map-tooltip h2, .map-tooltip h3, .map-tooltip h4, .map-tooltip h5, .map-tooltip h6 {
  font-size: 16px; }

.map-tooltip h1, .map-tooltip h2, .map-tooltip h3, .map-tooltip h4, .map-tooltip h5, .map-tooltip h6, .map-tooltip p {
  margin: 0px 0px 10px; }

/* Leaflet Overrides */
.leaflet-control-interaction {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 300px; }

.leaflet-popup {
  pointer-events: none; }

.leaflet-popup-close-button {
  pointer-events: all; }

.leaflet-popup-content-wrapper {
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  pointer-events: all; }

.leaflet-popup-content {
  line-height: 1.6em;
  margin: 12px 16px; }

.leaflet-popup-content .marker-title {
  font-weight: bold;
  line-height: 2em; }

.leaflet-popup-tip {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }

.leaflet-control .mapbox-button {
  border-radius: 4px;
  font-weight: bold;
  padding: 5px 8px; }

/* General Toolbar Overrides */
.leaflet-bar, .leaflet-touch .leaflet-bar {
  box-shadow: none;
  -webkit-border-radius: 2px;
  border-radius: 2px; }

.leaflet-bar a:first-child, .leaflet-touch .leaflet-bar a:first-child {
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px; }

.leaflet-bar a:last-child, .leaflet-touch .leaflet-bar a:last-child {
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px; }

/* Cursors */
.leaflet-container {
  cursor: default;
  cursor: -webkit-default;
  cursor: -moz-default; }

.leaflet-popu a, .map-tooltip a, .map-legend a {
  color: #489;
  text-decoration: none; }

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

.leaflet-clickable, .leaflet-container.map-clickable {
  cursor: pointer;
  cursor: -webkit-pointer;
  cursor: -moz-pointer; }

/* Sharing */
.mapbox-share-buttons {
  clear: both;
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 15px 0; }

.mapbox-share-buttons a {
  border-radius: 2px;
  display: inline-block;
  font-weight: bold;
  height: 26px;
  line-height: 26px;
  padding-left: 30px;
  text-decoration: none;
  width: 48%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.mapbox-share-buttons a.mapbox-share-facebook {
  color: #fff;
  background-color: #3B5998;
  margin-right: 4%; }

.mapbox-share-buttons a.mapbox-share-facebook:hover {
  background-color: #466EB2; }

.mapbox-share-buttons a.mapbox-share-twitter {
  color: #fff;
  background-color: #4099FF; }

.mapbox-share-buttons a.mapbox-share-twitter:hover {
  background-color: #64B2FF; }

.mapbox-share-popup {
  background: #fff;
  padding: 20px;
  z-index: 1000;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.mapbox-share-popup h3 {
  margin: 0px; }

.mapbox-share-popup small {
  color: #666; }

.mapbox-share-popup textarea {
  width: 100%;
  height: 50px; }

/* Light Theme (default) */
.leaflet-control .mapbox-button {
  background-color: #fff;
  border: 1px solid #bbb; }

.leaflet-control .mapbox-button:hover {
  background-color: #F4F4F4;
  cursor: pointer; }

.leaflet-bar, .leaflet-touch .leaflet-bar {
  border: 1px solid #bbb; }

.leaflet-bar a:active, .leaflet-control .mapbox-button:active {
  background-color: #e2e2e2; }

/* geocoder */
.leaflet-control-mapbox-geocoder {
  position: relative; }

.leaflet-control-mapbox-geocoder.searching:before {
  content: '';
  background: #cccccc;
  background: rgba(224, 224, 224, 0.5);
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 100; }

.leaflet-control-mapbox-geocoder .leaflet-control-mapbox-geocoder-wrap {
  background: #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: absolute;
  -webkit-transition: width 100ms;
  -moz-transition: width 100ms;
  -ms-transition: width 100ms;
  -o-transition: width 100ms;
  transition: width 100ms;
  border: 1px solid #ccc;
  overflow: hidden;
  top: -1px;
  left: 27px;
  width: 0;
  height: 28px;
  opacity: 0; }

.leaflet-control-mapbox-geocoder.active .leaflet-control-mapbox-geocoder-wrap {
  width: 175px;
  border-radius: 0 2px 2px 0;
  border-left: 0;
  opacity: 1; }

.leaflet-bar .leaflet-control-mapbox-geocoder-toggle, .leaflet-bar .leaflet-control-mapbox-geocoder-toggle:hover {
  border-bottom: none; }

.leaflet-control-mapbox-geocoder-toggle {
  border-radius: 2px;
  -webkit-border-radius: 2px; }

.leaflet-control-mapbox-geocoder.active, .leaflet-control-mapbox-geocoder.active .leaflet-control-mapbox-geocoder-toggle {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px; }

.leaflet-control-mapbox-geocoder .leaflet-control-mapbox-geocoder-form input {
  border: 0;
  width: 175px;
  padding-left: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 26px;
  outline: none; }

.leaflet-control-mapbox-geocoder .mapbox-geocoder-toggle {
  position: absolute;
  top: 0;
  left: 0; }

.leaflet-control-mapbox-geocoder input:focus {
  border-color: #888; }

.leaflet-control-mapbox-geocoder-results {
  position: absolute;
  left: 26px;
  top: 26px; }

.leaflet-control-mapbox-geocoder-results a, .leaflet-control-mapbox-geocoder-results span, .leaflet-control-mapbox-geocoder-results a:hover {
  width: 176px;
  padding: 0 10px;
  text-overflow: ellipsis;
  border: 1px solid #ccc;
  border-top: 0;
  white-space: nowrap;
  display: block;
  background: #fff;
  line-height: 26px;
  overflow: hidden;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.leaflet-control-mapbox-geocoder-results a:hover {
  background: #eee; }

.leaflet-control-mapbox-geocoder-results a:last-child, .leaflet-control-mapbox-geocoder-results span:last-child {
  border-bottom: 1px solid #ccc; }

/* Dark Theme */
.leaflet-container.dark .leaflet-bar {
  border-color: #000; }

.leaflet-container.dark .leaflet-bar a, .leaflet-container.dark .leaflet-control .mapbox-button {
  background-color: #404040;
  color: #fff;
  border-color: #000; }

.leaflet-container.dark .leaflet-bar a:hover, .leaflet-container.dark .leaflet-control .mapbox-button:hover {
  background-color: #565656; }

.leaflet-container.dark .leaflet-bar a:active, .leaflet-container.dark .leaflet-control .mapbox-button:active {
  background-color: #6B6B6B; }

.leaflet-container.dark .leaflet-bar a.leaflet-disabled, .leaflet-container.dark .leaflet-control .mapbox-button.disabled {
  background-color: #252525;
  color: #474747; }

.leaflet-container.dark .leaflet-control-mapbox-geocoder input[type=text] {
  background-color: #565656;
  border-color: #000;
  color: #fff; }

.leaflet-container.dark .leaflet-control-mapbox-geocoder input:focus {
  border-color: #ccc; }

.marker-cluster .marker-cluster-container {
  position: relative;
  width: 58px;
  height: 58px; }
  .marker-cluster .marker-cluster-container div {
    position: absolute;
    width: 58px;
    height: 58px;
    top: 50%;
    left: 50%;
    margin-top: -29px;
    margin-left: -29px;
    border-radius: 29px;
    background: url("../geoleaderboard/icon-cluster.png");
    text-align: center;
    font: 13px Purista; }
  .marker-cluster .marker-cluster-container.current-user div {
    background: url("../geoleaderboard/icon-cluster-yellow.png"); }
  .marker-cluster .marker-cluster-container span {
    line-height: 58px; }
.marker-cluster.highlight .marker-cluster-container div {
  background: url("../geoleaderboard/icon-cluster-hover.png"); }
.marker-cluster.highlight .marker-cluster-container.current-user div {
  background: url("../geoleaderboard/icon-cluster-yellow-hover.png"); }

.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
  -webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-in;
  -moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-in;
  -o-transition: -o-transform 0.2s ease-out, opacity 0.2s ease-in;
  transition: transform 0.2s ease-out, opacity 0.2s ease-in; }

/* challenges component CSS resource */
h1.mission-overviewstats-empty {
  text-align: center; }

.loggedout-usp-container.missions-loggedout {
  overflow: visible; }
  .loggedout-usp-container.missions-loggedout .usp.missions {
    background: none;
    margin-top: 0;
    margin-bottom: 0; }
  .loggedout-usp-container.missions-loggedout .usp.footer {
    padding-bottom: 44px; }

.create-mission-info {
  line-height: 18px;
  padding: 6px 12px;
  font-size: 12px; }
  .create-mission-info a {
    text-decoration: underline; }

#missions-overview {
  position: relative;
  font-family: Purista, sans-serif; }
  #missions-overview #no-results {
    text-align: center; }
  #missions-overview .mission-tight {
    margin-top: 8px; }
  #missions-overview .challenge-element {
    cursor: pointer;
    position: relative; }
    #missions-overview .challenge-element .thumb {
      width: 55px;
      float: left;
      text-align: center;
      padding: 3px 0; }
      #missions-overview .challenge-element .thumb img {
        width: 40px;
        height: 40px; }
    #missions-overview .challenge-element.challenge-selected {
      color: black;
      background-color: white;
      background-image: -webkit-linear-gradient(top, #c9c9c9, rgba(200, 200, 200, 0) 40%);
      background-image: linear-gradient(to bottom, #c9c9c9, rgba(200, 200, 200, 0) 40%);
      box-shadow: 0 0 7px 0 #e0f4f8; }
      #missions-overview .challenge-element.challenge-selected .info .challenge-type {
        font-weight: bold; }
    #missions-overview .challenge-element .info {
      float: left;
      line-height: 18px;
      padding-top: 6px; }
      #missions-overview .challenge-element .info .challenge-type {
        text-transform: uppercase; }
      #missions-overview .challenge-element .info .challenge-info {
        font-family: Arial, sans-serif;
        font-size: 12px;
        color: #a8a8a8; }
    #missions-overview .challenge-element .users {
      float: right;
      padding: 6px; }
      #missions-overview .challenge-element .users .avatar {
        display: block;
        float: left;
        margin-left: 2px; }
    #missions-overview .challenge-element a {
      position: relative;
      z-index: 2; }
      #missions-overview .challenge-element a.hover-wrapper {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        top: 0;
        left: 0; }
  #missions-overview .mission-create-button {
    margin-left: 16px; }
  #missions-overview .missions-details .box-content {
    position: relative; }
  #missions-overview .missions-details .thumb {
    float: left;
    width: 158px; }
  #missions-overview .missions-details .header {
    margin-left: 164px; }
    #missions-overview .missions-details .header h1 {
      text-transform: uppercase;
      font-size: 26px;
      line-height: 28px;
      margin: 0; }
    #missions-overview .missions-details .header h2 {
      margin-top: 8px;
      font-size: 16px;
      line-height: 18px;
      margin-bottom: 0;
      font-weight: 200; }
  #missions-overview .missions-details .invite-response-buttons {
    position: absolute;
    left: 180px;
    bottom: 16px; }
    #missions-overview .missions-details .invite-response-buttons button + button {
      margin-left: 3px; }
  #missions-overview .missions-details .comments .writecomment form {
    padding-bottom: 24px; }
    #missions-overview .missions-details .comments .writecomment form textarea {
      font-family: Arial, sans-serif;
      font-size: 12px;
      font-style: normal;
      resize: none; }
    #missions-overview .missions-details .comments .writecomment form .submit-missioncomment {
      margin-top: 4px;
      position: relative;
      float: right; }
  #missions-overview .missions-details .comments .writecomment #message {
    width: 470px;
    height: 40px; }
    #missions-overview .missions-details .comments .writecomment #message.disabled {
      color: #555; }
  #missions-overview .missions-details .comments .viewmore {
    margin-top: 5px;
    float: right;
    cursor: pointer; }
  #missions-overview .missions-details .comments .comment {
    margin-left: 0;
    background: rgba(0, 0, 0, 0.5);
    font-family: arial;
    font-size: 12px; }
    #missions-overview .missions-details .comments .comment .gravatar {
      margin: 5px;
      float: left; }
    #missions-overview .missions-details .comments .comment .msgbox {
      margin: 5px 5px 8px 52px; }
      #missions-overview .missions-details .comments .comment .msgbox .username {
        margin-bottom: 4px; }
      #missions-overview .missions-details .comments .comment .msgbox .message {
        word-break: break-word;
        color: #aaa; }
    #missions-overview .missions-details .comments .comment .ago {
      font-size: 11px;
      font-family: Arial;
      margin-left: 52px;
      margin-bottom: 5px;
      color: #aaa; }
  #missions-overview .details-info {
    margin-top: 1px; }
    #missions-overview .details-info .span2, #missions-overview .details-info .span4 {
      margin-bottom: 1px;
      background: rgba(0, 0, 0, 0.5);
      padding: 8px;
      text-transform: uppercase; }
    #missions-overview .details-info .span2 {
      margin-left: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: auto; }
    #missions-overview .details-info .span4 {
      margin-left: 1px;
      width: 335px; }
  #missions-overview .progress-bar-inner {
    text-indent: 4px; }
  #missions-overview .players .mission-row {
    margin-bottom: 1px;
    background: rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
    margin-bottom: 1px; }
    #missions-overview .players .mission-row .player {
      height: 48px;
      line-height: 28px; }
    #missions-overview .players .mission-row .position {
      padding: 10px;
      float: left;
      width: 49px;
      text-align: center; }
    #missions-overview .players .mission-row.active {
      background: #ccc; }
    #missions-overview .players .mission-row .member-avatar a {
      float: left;
      margin-top: 4px;
      width: 40px;
      height: 40px; }
    #missions-overview .players .mission-row .username {
      float: left;
      width: 160px;
      font-size: 12px;
      font-family: arial;
      font-weight: bold;
      margin-top: 11px;
      overflow: hidden;
      padding-left: 10px;
      text-transform: none; }
    #missions-overview .players .mission-row .played-rounds {
      color: #808080;
      float: left;
      padding: 10px;
      width: 65px; }
      #missions-overview .players .mission-row .played-rounds .dots > li {
        width: 7px;
        height: 7px;
        display: inline-block;
        border: 1px solid #717171;
        box-sizing: border-box;
        -moz-box-sizing: border-box; }
        #missions-overview .players .mission-row .played-rounds .dots > li.active {
          background: #fff;
          border: none; }
    #missions-overview .players .mission-row .score {
      float: left;
      font-family: Purista, arial;
      font-size: 26px;
      line-height: 50px;
      width: 105px;
      text-align: right;
      margin-right: 8px; }

/****** CREATE Mission *******/
#missions-create .mission-tight {
  margin-top: 8px; }
#missions-create #mission-description, #missions-create #map-description, #missions-create #attempts-description {
  font-family: Purista, arial;
  font-size: 17px; }
#missions-create .selectmission, #missions-create .selectmap, #missions-create .numrounds, #missions-create .invitefriends {
  display: inline-block;
  height: 23px;
  margin-bottom: 1px;
  padding: 0 10px; }
#missions-create .subheader {
  text-transform: uppercase;
  font-size: 19px;
  font-family: Purista, arial; }
#missions-create .scroll-container .scrollable {
  background: none;
  border: 1px solid rgba(7, 7, 7, 0.5);
  height: 169px; }
  #missions-create .scroll-container .scrollable .imagebox {
    background: rgba(0, 0, 0, 0.5);
    margin-bottom: 1px; }
  #missions-create .scroll-container .scrollable img {
    padding: 4px 0px; }
  #missions-create .scroll-container .scrollable .title {
    font-family: Purista, arial;
    background: rgba(0, 0, 0, 0.5);
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  #missions-create .scroll-container .scrollable.selected {
    border: 1px solid #fff; }
    #missions-create .scroll-container .scrollable.selected .title {
      background: url(../challenges/boxselected.png);
      font-weight: bold; }
    #missions-create .scroll-container .scrollable.selected .description {
      display: none; }
#missions-create .scroll-left.disabled, #missions-create .scroll-right.disabled {
  opacity: 0.6;
  background-color: rgba(0, 0, 0, 0.8);
  cursor: default; }
#missions-create #challenge-type-select {
  height: 181px; }
#missions-create #map-select {
  height: 118px;
  position: relative;
  margin-bottom: 10px; }
  #missions-create #map-select .scroll-left, #missions-create #map-select .scroll-right {
    line-height: 144px; }
  #missions-create #map-select .scrollables .scrollable {
    height: 106px;
    overflow: visible; }
    #missions-create #map-select .scrollables .scrollable .title {
      line-height: 28px; }
    #missions-create #map-select .scrollables .scrollable:hover:not(.selected) {
      background-color: rgba(0, 0, 0, 0.35); }
    #missions-create #map-select .scrollables .scrollable .thumb {
      position: relative;
      height: 78px; }
      #missions-create #map-select .scrollables .scrollable .thumb img {
        height: 77px;
        padding: 0; }
      #missions-create #map-select .scrollables .scrollable .thumb .xp-icon {
        position: absolute;
        right: 2px;
        bottom: 3px; }
#missions-create #rounds-select > div {
  margin-left: 0; }
  #missions-create #rounds-select > div ul li {
    background-color: none; }
    #missions-create #rounds-select > div ul li a {
      font-size: 16px;
      background-color: rgba(0, 0, 0, 0.5); }
    #missions-create #rounds-select > div ul li.active a {
      background-color: #fff; }
#missions-create #friend-select {
  margin-bottom: 20px; }
  #missions-create #friend-select .friend-box {
    width: 96px;
    height: 96px;
    float: left;
    background: rgba(0, 0, 0, 0.5);
    margin-right: 2px;
    margin-bottom: 2px;
    font-size: 80px;
    text-align: center;
    position: relative; }
    #missions-create #friend-select .friend-box .box-delete-hover {
      display: none; }
    #missions-create #friend-select .friend-box:hover .box-delete-hover {
      display: block;
      position: absolute;
      cursor: pointer;
      width: 16px;
      height: 16px;
      line-height: 16px;
      font-size: 14px;
      font-weight: bold;
      right: 0;
      background: rgba(0, 0, 0, 0.7);
      color: #fff;
      float: right; }
    #missions-create #friend-select .friend-box .avatar.large {
      height: 96px;
      width: 96px; }
    #missions-create #friend-select .friend-box.invite-friend:after {
      content: '+';
      line-height: 100px; }
    #missions-create #friend-select .friend-box.invite-friend {
      cursor: pointer; }
      #missions-create #friend-select .friend-box.invite-friend:hover {
        background-color: rgba(0, 0, 0, 0.35); }
#missions-create a.cancel {
  font-family: Arial;
  font-size: 12px;
  text-transform: uppercase;
  margin-left: 8px; }

#friend-invite-popup {
  background-color: #222;
  padding: 1px;
  max-height: 300px; }
  #friend-invite-popup .jspTrack {
    background: rgba(0, 0, 0, 0.5); }
  #friend-invite-popup .jspDrag {
    background: #ccc; }
  #friend-invite-popup .friend-row {
    color: #666;
    border-bottom: 1px solid #333;
    height: 36px;
    overflow: hidden;
    cursor: pointer; }
    #friend-invite-popup .friend-row:hover {
      background: rgba(255, 255, 255, 0.5);
      color: #000 !important; }
    #friend-invite-popup .friend-row.friend-row-online {
      color: #c8c8c8; }
    #friend-invite-popup .friend-row.selected {
      background: #eee;
      color: #000; }
    #friend-invite-popup .friend-row:last-child {
      border-bottom: 0; }
    #friend-invite-popup .friend-row .friend-avatar {
      float: left;
      margin: 3px;
      padding-right: 10px; }
      #friend-invite-popup .friend-row .friend-avatar img {
        width: 30px;
        height: 30px; }
    #friend-invite-popup .friend-row .friend-name {
      float: left;
      line-height: 35px;
      font-size: 13px; }

#missions-top-boxes .dogtags-header h1.dogtags-dimmed {
  opacity: 0.2; }
#missions-top-boxes .box-content {
  position: relative;
  height: 33px; }
  #missions-top-boxes .box-content h1 {
    line-height: 34px;
    margin-bottom: 0; }
    #missions-top-boxes .box-content h1 .secondary {
      color: #a8a8a8; }
  #missions-top-boxes .box-content h2, #missions-top-boxes .box-content h3 {
    margin-left: 50px;
    font-size: 16px;
    line-height: 12px; }
  #missions-top-boxes .box-content h3 {
    font-weight: 400; }
  #missions-top-boxes .box-content .thumb {
    position: absolute;
    left: 8px;
    top: 7px; }
    #missions-top-boxes .box-content .thumb img {
      width: 50px;
      height: 50px; }
  #missions-top-boxes .box-content .nemesis-score {
    position: absolute;
    top: 6px;
    left: 16px; }
    #missions-top-boxes .box-content .nemesis-score h1 {
      font-size: 30px;
      line-height: 22px; }
  #missions-top-boxes .box-content .nemesis-user {
    position: absolute;
    top: 32px;
    left: 16px; }
    #missions-top-boxes .box-content .nemesis-user .username {
      font-size: 13px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }

.score span.win {
  color: #94cdf3; }
.score span.loss {
  color: #ff9f80; }

#missions-top5-nemesis .box-content {
  position: relative;
  height: 146px; }
  #missions-top5-nemesis .box-content > div {
    height: 88px; }
#missions-top5-nemesis .avatar {
  position: absolute;
  right: 15px;
  top: 36px; }
#missions-top5-nemesis p {
  font-size: 13px;
  line-height: 16px; }
  #missions-top5-nemesis p.gray {
    color: #a8a8a8; }
#missions-top5-nemesis h6 {
  margin-bottom: 2px;
  margin-top: -6px;
  width: 166px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal; }
#missions-top5-nemesis h1 {
  font-size: 30px;
  line-height: 26px;
  font-weight: 400;
  width: 100px; }

#missions-dogtags {
  font-size: 16px; }
  #missions-dogtags .dogtags {
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative; }
  #missions-dogtags .midtag {
    text-align: center; }
  #missions-dogtags .cent {
    width: 110px;
    height: 60px; }
    #missions-dogtags .cent td {
      padding-left: 30px;
      text-align: left;
      overflow: hidden;
      text-overflow: ellipsis; }
  #missions-dogtags .locked .dogtags {
    opacity: 0.4; }
  #missions-dogtags .progress-bar {
    margin-bottom: 0; }

/* challenges component CSS resource */
h1.mission-overviewstats-empty {
  text-align: center; }

.loggedout-usp-container.missions-loggedout {
  overflow: visible; }
  .loggedout-usp-container.missions-loggedout .usp.missions {
    background: none;
    margin-top: 0;
    margin-bottom: 0; }
  .loggedout-usp-container.missions-loggedout .usp.footer {
    padding-bottom: 44px; }

.create-mission-info {
  line-height: 18px;
  padding: 6px 12px;
  font-size: 12px; }
  .create-mission-info a {
    text-decoration: underline; }

#missions-overview {
  position: relative;
  font-family: Purista, sans-serif; }
  #missions-overview #no-results {
    text-align: center; }
  #missions-overview .mission-tight {
    margin-top: 8px; }
  #missions-overview .challenge-element {
    cursor: pointer;
    position: relative; }
    #missions-overview .challenge-element .thumb {
      width: 55px;
      float: left;
      text-align: center;
      padding: 3px 0; }
      #missions-overview .challenge-element .thumb img {
        width: 40px;
        height: 40px; }
    #missions-overview .challenge-element.challenge-selected {
      color: black;
      background-color: white;
      background-image: -webkit-linear-gradient(top, #c9c9c9, rgba(200, 200, 200, 0) 40%);
      background-image: linear-gradient(to bottom, #c9c9c9, rgba(200, 200, 200, 0) 40%);
      box-shadow: 0 0 7px 0 #e0f4f8; }
      #missions-overview .challenge-element.challenge-selected .info .challenge-type {
        font-weight: bold; }
    #missions-overview .challenge-element .info {
      float: left;
      line-height: 18px;
      padding-top: 6px; }
      #missions-overview .challenge-element .info .challenge-type {
        text-transform: uppercase; }
      #missions-overview .challenge-element .info .challenge-info {
        font-family: Arial, sans-serif;
        font-size: 12px;
        color: #a8a8a8; }
    #missions-overview .challenge-element .users {
      float: right;
      padding: 6px; }
      #missions-overview .challenge-element .users .avatar {
        display: block;
        float: left;
        margin-left: 2px; }
    #missions-overview .challenge-element a {
      position: relative;
      z-index: 2; }
      #missions-overview .challenge-element a.hover-wrapper {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        top: 0;
        left: 0; }
  #missions-overview .mission-create-button {
    margin-left: 16px; }
  #missions-overview .missions-details .box-content {
    position: relative; }
  #missions-overview .missions-details .thumb {
    float: left;
    width: 158px; }
  #missions-overview .missions-details .header {
    margin-left: 164px; }
    #missions-overview .missions-details .header h1 {
      text-transform: uppercase;
      font-size: 26px;
      line-height: 28px;
      margin: 0; }
    #missions-overview .missions-details .header h2 {
      margin-top: 8px;
      font-size: 16px;
      line-height: 18px;
      margin-bottom: 0;
      font-weight: 200; }
  #missions-overview .missions-details .invite-response-buttons {
    position: absolute;
    left: 180px;
    bottom: 16px; }
    #missions-overview .missions-details .invite-response-buttons button + button {
      margin-left: 3px; }
  #missions-overview .details-info {
    margin-top: 1px; }
    #missions-overview .details-info .span2, #missions-overview .details-info .span4 {
      margin-bottom: 1px;
      background: rgba(0, 0, 0, 0.5);
      padding: 8px;
      text-transform: uppercase; }
    #missions-overview .details-info .span2 {
      margin-left: 0; }
    #missions-overview .details-info .span4 {
      margin-left: 1px;
      width: 335px; }
  #missions-overview .progress-bar-inner {
    text-indent: 4px; }
  #missions-overview .players .mission-row {
    margin-bottom: 1px;
    background: rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
    margin-bottom: 1px; }
    #missions-overview .players .mission-row .player {
      height: 48px;
      line-height: 28px; }
    #missions-overview .players .mission-row .position {
      padding: 10px;
      float: left;
      width: 49px;
      text-align: center; }
    #missions-overview .players .mission-row.active {
      background: #ccc; }
    #missions-overview .players .mission-row .member-avatar a {
      float: left;
      margin-top: 4px;
      width: 40px;
      height: 40px; }
    #missions-overview .players .mission-row .username {
      float: left;
      width: 160px;
      font-size: 12px;
      font-family: arial;
      font-weight: bold;
      margin-top: 11px;
      overflow: hidden;
      padding-left: 10px;
      text-transform: none; }
    #missions-overview .players .mission-row .played-rounds {
      color: #808080;
      float: left;
      padding: 10px;
      width: 65px; }
      #missions-overview .players .mission-row .played-rounds .dots > li {
        width: 7px;
        height: 7px;
        display: inline-block;
        border: 1px solid #717171;
        box-sizing: border-box;
        -moz-box-sizing: border-box; }
        #missions-overview .players .mission-row .played-rounds .dots > li.active {
          background: #fff;
          border: none; }
    #missions-overview .players .mission-row .score {
      float: left;
      font-family: Purista, arial;
      font-size: 26px;
      line-height: 50px;
      width: 105px;
      text-align: right;
      margin-right: 8px; }

/****** CREATE Mission *******/
#missions-create .mission-tight {
  margin-top: 8px; }
#missions-create #mission-description, #missions-create #map-description, #missions-create #attempts-description {
  font-family: Purista, arial;
  font-size: 17px; }
#missions-create .selectmission, #missions-create .selectmap, #missions-create .numrounds, #missions-create .invitefriends {
  display: inline-block;
  height: 23px;
  margin-bottom: 1px;
  padding: 0 10px; }
#missions-create .subheader {
  text-transform: uppercase;
  font-size: 19px;
  font-family: Purista, arial; }
#missions-create .scroll-container .scrollable {
  background: none;
  border: 1px solid rgba(7, 7, 7, 0.5);
  height: 169px; }
  #missions-create .scroll-container .scrollable .imagebox {
    background: rgba(0, 0, 0, 0.5);
    margin-bottom: 1px; }
  #missions-create .scroll-container .scrollable img {
    padding: 4px 0px; }
  #missions-create .scroll-container .scrollable .title {
    font-family: Purista, arial;
    background: rgba(0, 0, 0, 0.5);
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  #missions-create .scroll-container .scrollable.selected {
    border: 1px solid #fff; }
    #missions-create .scroll-container .scrollable.selected .title {
      background: url(../veteranprogram/boxselected.png);
      font-weight: bold; }
    #missions-create .scroll-container .scrollable.selected .description {
      display: none; }
#missions-create .scroll-left.disabled, #missions-create .scroll-right.disabled {
  opacity: 0.6;
  background-color: rgba(0, 0, 0, 0.8);
  cursor: default; }
#missions-create #challenge-type-select {
  height: 181px; }
#missions-create #map-select {
  height: 118px;
  position: relative;
  margin-bottom: 10px; }
  #missions-create #map-select .scroll-left, #missions-create #map-select .scroll-right {
    line-height: 144px; }
  #missions-create #map-select .scrollables .scrollable {
    height: 106px;
    overflow: visible; }
    #missions-create #map-select .scrollables .scrollable .title {
      line-height: 28px; }
    #missions-create #map-select .scrollables .scrollable:hover:not(.selected) {
      background-color: rgba(0, 0, 0, 0.35); }
    #missions-create #map-select .scrollables .scrollable .thumb {
      position: relative;
      height: 78px; }
      #missions-create #map-select .scrollables .scrollable .thumb img {
        height: 77px;
        padding: 0; }
      #missions-create #map-select .scrollables .scrollable .thumb .xp-icon {
        position: absolute;
        right: 2px;
        bottom: 3px; }
#missions-create #rounds-select > div {
  margin-left: 0; }
  #missions-create #rounds-select > div ul li {
    background-color: none; }
    #missions-create #rounds-select > div ul li a {
      font-size: 16px;
      background-color: rgba(0, 0, 0, 0.5); }
    #missions-create #rounds-select > div ul li.active a {
      background-color: #fff; }
#missions-create #fee-select > div {
  margin-left: 0; }
#missions-create #friend-select {
  margin-bottom: 20px; }
  #missions-create #friend-select .friend-box {
    width: 96px;
    height: 96px;
    float: left;
    background: rgba(0, 0, 0, 0.5);
    margin-right: 2px;
    margin-bottom: 2px;
    font-size: 80px;
    text-align: center;
    position: relative; }
    #missions-create #friend-select .friend-box .box-delete-hover {
      display: none; }
    #missions-create #friend-select .friend-box:hover .box-delete-hover {
      display: block;
      position: absolute;
      cursor: pointer;
      width: 16px;
      height: 16px;
      line-height: 16px;
      font-size: 14px;
      font-weight: bold;
      right: 0;
      background: rgba(0, 0, 0, 0.7);
      color: #fff;
      float: right; }
    #missions-create #friend-select .friend-box .avatar.large {
      height: 96px;
      width: 96px; }
    #missions-create #friend-select .friend-box.invite-friend:after {
      content: '+';
      line-height: 100px; }
    #missions-create #friend-select .friend-box.invite-friend {
      cursor: pointer; }
      #missions-create #friend-select .friend-box.invite-friend:hover {
        background-color: rgba(0, 0, 0, 0.35); }
#missions-create a.cancel {
  font-family: Arial;
  font-size: 12px;
  text-transform: uppercase;
  margin-left: 8px; }

#friend-invite-popup {
  background-color: #222;
  padding: 1px;
  max-height: 300px; }
  #friend-invite-popup .jspTrack {
    background: rgba(0, 0, 0, 0.5); }
  #friend-invite-popup .jspDrag {
    background: #ccc; }
  #friend-invite-popup .friend-row {
    color: #666;
    border-bottom: 1px solid #333;
    height: 36px;
    overflow: hidden;
    cursor: pointer; }
    #friend-invite-popup .friend-row:hover {
      background: rgba(255, 255, 255, 0.5);
      color: #000 !important; }
    #friend-invite-popup .friend-row.friend-row-online {
      color: #c8c8c8; }
    #friend-invite-popup .friend-row.selected {
      background: #eee;
      color: #000; }
    #friend-invite-popup .friend-row:last-child {
      border-bottom: 0; }
    #friend-invite-popup .friend-row .friend-avatar {
      float: left;
      margin: 3px;
      padding-right: 10px; }
      #friend-invite-popup .friend-row .friend-avatar img {
        width: 30px;
        height: 30px; }
    #friend-invite-popup .friend-row .friend-name {
      float: left;
      line-height: 35px;
      font-size: 13px; }

#missions-top-boxes .dogtags-header h1.dogtags-dimmed {
  opacity: 0.2; }
#missions-top-boxes .box-content {
  position: relative;
  height: 33px; }
  #missions-top-boxes .box-content h1 {
    line-height: 34px;
    margin-bottom: 0; }
    #missions-top-boxes .box-content h1 span {
      color: #a8a8a8; }
  #missions-top-boxes .box-content h2, #missions-top-boxes .box-content h3 {
    margin-left: 50px;
    font-size: 16px;
    line-height: 12px; }
  #missions-top-boxes .box-content h3 {
    font-weight: 400; }
  #missions-top-boxes .box-content .thumb {
    position: absolute;
    left: 8px;
    top: 7px; }
    #missions-top-boxes .box-content .thumb img {
      width: 50px;
      height: 50px; }
  #missions-top-boxes .box-content .avatar {
    position: absolute;
    left: 100px;
    top: 13px; }
  #missions-top-boxes .box-content .username {
    position: absolute;
    left: 145px;
    top: 25px;
    font-size: 13px; }

#missions-top5-nemesis .box-content {
  position: relative;
  height: 133px; }
  #missions-top5-nemesis .box-content > div {
    height: 72px; }
#missions-top5-nemesis .avatar {
  position: absolute;
  right: 15px;
  top: 15px; }
#missions-top5-nemesis p {
  font-size: 13px;
  line-height: 16px; }
  #missions-top5-nemesis p.gray {
    color: #a8a8a8; }
#missions-top5-nemesis h1 {
  font-size: 30px;
  line-height: 22px;
  font-weight: 400px; }
  #missions-top5-nemesis h1 span.win {
    color: #94cdf3; }
  #missions-top5-nemesis h1 span.loss {
    color: #ff9f80; }

#missions-dogtags {
  font-size: 16px; }
  #missions-dogtags .dogtags {
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative; }
  #missions-dogtags .midtag {
    text-align: center; }
  #missions-dogtags .cent {
    width: 110px;
    height: 60px; }
    #missions-dogtags .cent td {
      padding-left: 30px;
      text-align: left;
      overflow: hidden;
      text-overflow: ellipsis; }
  #missions-dogtags .locked .dogtags {
    opacity: 0.4; }
  #missions-dogtags .progress-bar {
    margin-bottom: 0; }

.comments .writecomment {
  margin-top: 3px; }
  .comments .writecomment form {
    margin-bottom: 5px; }
    .comments .writecomment form textarea {
      font-family: Arial, sans-serif;
      font-size: 12px;
      font-style: italic; }
    .comments .writecomment form .submit-missioncomment {
      margin-top: 4px;
      position: relative;
      float: right;
      display: none; }
    .comments .writecomment form.selected {
      padding-bottom: 24px; }
      .comments .writecomment form.selected textarea {
        font-style: normal; }
      .comments .writecomment form.selected .submit-missioncomment {
        display: inline-block; }
  .comments .writecomment #message {
    width: 470px;
    height: 40px; }
    .comments .writecomment #message.disabled {
      color: #555; }
.comments .viewmore {
  margin-top: 5px;
  float: right;
  cursor: pointer; }
.comments .comment {
  margin-bottom: 1px;
  background: rgba(0, 0, 0, 0.5);
  font-family: arial;
  font-size: 14px; }
  .comments .comment .gravatar {
    margin: 5px;
    float: left; }
  .comments .comment .username {
    float: left;
    margin-top: 16px; }
  .comments .comment .msgbox {
    float: left; }
    .comments .comment .msgbox .message {
      word-break: break-word;
      color: #aaa;
      margin-top: 16px;
      margin-left: 3px; }
  .comments .comment .ago {
    font-size: 11px;
    font-family: Arial;
    margin-left: 46px;
    margin-bottom: 5px;
    color: #aaa; }

/*
Game Feature complete styling. "h1" design. This should be removed later on.
 */
#platoons-menu {
  margin-top: 1px;
  margin-bottom: 16px; }

#platoons-friendsplatoons-box {
  margin-top: 16px; }

#platoons-findplatoons-box {
  margin-top: 16px; }

.platoon-invite-body-user {
  float: left;
  padding-right: 20px; }

.platoon-invite-body-user-checkbox {
  float: left; }

.platoon-member-invites-invited {
  float: left;
  width: 50%; }

.platoon-member-invites-waiting {
  float: right;
  width: 50%; }

.platoons-leave-link {
  cursor: pointer; }

.platoons-top-info {
  float: left;
  width: 50%; }

.platoons-top-actions {
  float: right;
  width: 50%; }

.platoon-top-actions-button {
  float: right; }

.box > header + .box-content.platoons-invites-list-wrapper {
  padding-bottom: 6px; }

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 {
  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;
    width: 2129px;
    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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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, .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 {
  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 {
  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-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 a {
      text-decoration: underline; }
    #premium-content .premium-top .more-info-text .detailed {
      width: 578px;
      font-size: 14px;
      line-height: 20px; }
  #premium-content .premium-top .price {
    float: left; }
  #premium-content .premium-top .buy-now {
    float: left; }
    #premium-content .premium-top .buy-now .strike {
      text-decoration: line-through; }
    #premium-content .premium-top .buy-now div {
      color: #fff;
      font-family: Purista, sans-serif;
      font-size: 32px;
      text-transform: uppercase;
      margin-right: 16px; }
    .is-hybrid #premium-content .premium-top .buy-now {
      display: none; }
#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 {
  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: #a8a8a8;
    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; }
#premium-content .premium-content-change-disclaimer {
  position: relative;
  top: 450px; }

#campaign {
  /* MENU */ }
  #campaign > header h1 {
    float: left; }
  #campaign > header button {
    float: right; }
  #campaign .loggedout-usp-container .usp.footer {
    margin-top: 44px;
    padding-bottom: 44px; }
  #campaign table.menu {
    width: 100%;
    margin-bottom: 16px; }
    #campaign table.menu td {
      font-family: Purista, sans-serif;
      font-style: normal;
      font-weight: 600;
      width: 106px;
      border-right: 1px solid transparent; }
      #campaign table.menu td:last-child {
        border: 0; }
      #campaign table.menu td .box-content {
        height: 49px;
        background: rgba(0, 0, 0, 0.4) url("../campaign/padlock.png") center no-repeat; }
      #campaign table.menu td footer {
        background-color: rgba(0, 0, 0, 0.4);
        padding: 4px 6px;
        color: #fff;
        text-transform: uppercase;
        font-size: 16px;
        line-height: 14px;
        font-weight: 400; }
        #campaign table.menu td footer .difficulties {
          float: right; }
          #campaign table.menu td footer .difficulties li {
            float: left;
            width: 12px;
            height: 12px;
            margin-left: 2px;
            line-height: 12px;
            background-color: rgba(255, 255, 255, 0.2);
            text-indent: -9999px;
            color: #000; }
            #campaign table.menu td footer .difficulties li.completed {
              text-indent: 0;
              text-align: center; }
      #campaign table.menu td:not(.overview) footer {
        text-align: left; }
      #campaign table.menu td.unlocked {
        cursor: pointer; }
        #campaign table.menu td.unlocked .box-content {
          background-size: cover;
          background-position: center center; }
        #campaign table.menu td.unlocked.overview .box-content {
          background-image: url('//d34ymitoc1pg7m.cloudfront.net/bf4/campaign/levels/sp_overview-1b0b92eb.jpg'); }
        #campaign table.menu td.unlocked.sp1 .box-content {
          background-image: url(//d34ymitoc1pg7m.cloudfront.net/bf4/campaign/levels/thumb/sp_01_thumb-29f4af1a.jpg); }
        #campaign table.menu td.unlocked.sp2 .box-content {
          background-image: url(//d34ymitoc1pg7m.cloudfront.net/bf4/campaign/levels/thumb/sp_02_thumb-6f115c2b.jpg); }
        #campaign table.menu td.unlocked.sp3 .box-content {
          background-image: url(//d34ymitoc1pg7m.cloudfront.net/bf4/campaign/levels/thumb/sp_03_thumb-4a541ea5.jpg); }
        #campaign table.menu td.unlocked.sp4 .box-content {
          background-image: url(//d34ymitoc1pg7m.cloudfront.net/bf4/campaign/levels/thumb/sp_04_thumb-d64bea3e.jpg); }
        #campaign table.menu td.unlocked.sp5 .box-content {
          background-image: url(//d34ymitoc1pg7m.cloudfront.net/bf4/campaign/levels/thumb/sp_05_thumb-66ecc794.jpg); }
        #campaign table.menu td.unlocked.sp6 .box-content {
          /* No image for #6, use overview */
          background-image: url(//d34ymitoc1pg7m.cloudfront.net/bf4/campaign/levels/sp_overview-1b0b92eb.jpg); }
        #campaign table.menu td.unlocked.sp7 .box-content {
          background-image: url(//d34ymitoc1pg7m.cloudfront.net/bf4/campaign/levels/thumb/sp_07_thumb-096e3dd0.jpg); }
        #campaign table.menu td.unlocked.sp8 .box-content {
          background-image: url(//d34ymitoc1pg7m.cloudfront.net/bf4/campaign/levels/thumb/sp_08_thumb-bebba64b.jpg); }
        #campaign table.menu td.unlocked footer {
          background-color: rgba(0, 0, 0, 0.75); }
      #campaign table.menu td.active .box-content {
        box-shadow: 0 0 7px 0 #e0f4f8; }
      #campaign table.menu td.active footer {
        color: black;
        background-color: white;
        background-image: -webkit-linear-gradient(top, #c9c9c9, rgba(200, 200, 200, 0) 40%);
        background-image: linear-gradient(to bottom, #c9c9c9, rgba(200, 200, 200, 0) 40%);
        box-shadow: 0 0 7px 0 #e0f4f8; }
        #campaign table.menu td.active footer .difficulties li {
          background-color: rgba(0, 0, 0, 0.2); }
      #campaign table.menu td footer .difficulties > span.completed {
        background-color: #54b270; }
  #campaign .campaign-level-head {
    height: 345px;
    position: relative;
    overflow: hidden; }
    #campaign .campaign-level-head .footer {
      background-color: rgba(0, 0, 0, 0.75);
      position: absolute;
      z-index: 1;
      bottom: 0px;
      width: 100%; }
      #campaign .campaign-level-head .footer span.score {
        font-family: Purista, sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 24px; }
      #campaign .campaign-level-head .footer h1 {
        font-size: 24px;
        line-height: 22px;
        font-weight: 400; }
      #campaign .campaign-level-head .footer h2 {
        font-size: 16px;
        line-height: 14px;
        font-weight: 400;
        margin-bottom: 0; }
      #campaign .campaign-level-head .footer > div {
        padding: 16px; }
        #campaign .campaign-level-head .footer > div p:nth-child(1) span {
          font-size: 17px;
          float: right; }
    #campaign .campaign-level-head .level-background {
      position: absolute;
      width: 992px;
      height: 345px;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      opacity: 1;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      #campaign .campaign-level-head .level-background.show-on-load {
        opacity: 0; }

/*********** General campaign stuff ***********/
.campaign-info {
  margin-top: 8px; }
  .campaign-info .box {
    padding: 0; }
    .campaign-info .box .box-content {
      padding: 0; }
  .campaign-info header span {
    float: right;
    margin-top: 4px;
    font-size: 14px; }

.campaign-progress-list li {
  position: relative;
  height: 33px;
  line-height: 33px;
  background-color: rgba(0, 0, 0, 0.45);
  margin-top: 1px;
  font-size: 14px; }
  .campaign-progress-list li span {
    float: left;
    text-align: center;
    margin-left: 10px; }
  .campaign-progress-list li strong {
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 31px;
    float: right;
    margin-right: 10px; }
  .campaign-progress-list li.total-score {
    font-size: 16px;
    padding: 5px 0; }
  .campaign-progress-list li.disabled {
    color: #a8a8a8; }

.li-progress {
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.45);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%; }

.li-content {
  position: absolute;
  width: 100%;
  z-index: 20; }

/*********** Overview ***********/
#campaign-assignments-list {
  margin-top: 1px; }
  #campaign-assignments-list li {
    cursor: pointer;
    width: 159px;
    height: 100px;
    float: left;
    position: relative;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 1px 1px 0; }
    #campaign-assignments-list li:nth-child(2n) {
      margin-right: 0;
      width: 160px; }
    #campaign-assignments-list li:hover {
      background-color: rgba(0, 0, 0, 0.7); }
    #campaign-assignments-list li.locked .award_mission {
      opacity: 0.4; }
    #campaign-assignments-list li .progress-bar {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      margin-bottom: 0; }

/*********** Level ***********/
#campaign-progression {
  margin-bottom: 16px; }
  #campaign-progression li.box-content {
    float: left;
    position: relative;
    width: 186px;
    height: 112px;
    margin-right: 1px;
    margin-top: 0;
    padding-top: 16px; }
    #campaign-progression li.box-content img {
      position: absolute;
      left: 16px;
      top: 0; }
    #campaign-progression li.box-content:nth-child(3n) {
      margin-right: 0; }
    #campaign-progression li.box-content h1 {
      font-size: 16px;
      line-height: 16px;
      font-weight: 400;
      text-align: center;
      text-transform: none;
      margin: 0; }
    #campaign-progression li.box-content .progress-bar {
      position: absolute;
      left: 0;
      bottom: 0;
      right: 0;
      margin: 0;
      height: 19px; }
    #campaign-progression li.box-content.locked img {
      opacity: 0.3; }
    #campaign-progression li.box-content .weapon_unlock {
      position: absolute;
      bottom: 32px;
      right: 16px; }

#campaign-collectibles #campaign-weapons > div, #campaign-collectibles #campaign-dogtags > div {
  padding: 8px 16px;
  font-size: 14px;
  line-height: 15px; }
#campaign-collectibles ul {
  height: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: height 0.2s ease, opacity 0.3s ease;
  -moz-transition: height 0.2s ease, opacity 0.3s ease;
  transition: height 0.2s ease, opacity 0.3s ease; }
  #campaign-collectibles ul.active {
    opacity: 1;
    height: auto; }
#campaign-collectibles li.box-content {
  float: left;
  width: 159px;
  margin: 0 1px 1px 0;
  cursor: pointer;
  height: 101px; }
  #campaign-collectibles li.box-content:nth-child(2n) {
    width: 160px;
    margin-right: 0; }
  #campaign-collectibles li.box-content.not-found .dogtags {
    opacity: 0.3; }
  #campaign-collectibles li.box-content .dogtags {
    margin-left: 16px;
    margin-top: 20px; }

#campaign-weapons li.box-content {
  height: 101px; }
  #campaign-weapons li.box-content.not-found .weapon_unlock {
    opacity: 0.3; }
  #campaign-weapons li.box-content .weapon_unlock {
    margin-left: 6px;
    margin-top: 8px; }

#campaign-leaderboard .avatarcontainer {
  padding: 0;
  width: 46px; }
  #campaign-leaderboard .avatarcontainer a {
    margin: 5px 0 5px 10px; }
#campaign-leaderboard .common-playername-username {
  color: #a8a8a8;
  max-width: 180px; }
#campaign-leaderboard .common-playername-personaname, #campaign-leaderboard .common-playername-username {
  max-width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

#campaign-stats {
  margin-left: 0; }
  #campaign-stats .box-content {
    padding: 8px 16px;
    font-size: 14px;
    line-height: 15px; }

/* comment component CSS resource */
.comments-listing {
  margin-top: 16px; }

.comment-main {
  font-size: 12px;
  position: relative; }
  .comment-main .comment-main-separator {
    margin-top: 10px;
    margin-bottom: 10px; }
  .comment-main .comment-main-header {
    height: 38px;
    line-height: 40px;
    margin-bottom: 10px; }
    .comment-main .comment-main-header h3 {
      float: left;
      color: #a8a8a8;
      font-family: Tahoma, sans-serif;
      font-size: 12px; }
  .comment-main .comment-main-header-write-link {
    float: right;
    text-align: right;
    font-weight: normal; }
  .comment-main .comment-main-avatar {
    position: absolute;
    top: 16px;
    left: 16px;
    width: 60px;
    height: 60px; }
  .comment-main .comment-post-form-wrapper {
    padding-left: 74px;
    width: 549px; }
  .comment-main .comment-body {
    margin: 1px 0;
    padding-bottom: 9px;
    padding: 16px 8px 8px 80px;
    min-height: 68px;
    position: relative; }
    .comment-main .comment-body .avatar {
      position: absolute;
      top: 16px;
      left: 16px; }
    .comment-main .comment-body a {
      font-weight: bold; }
    .comment-main .comment-body:last-child {
      border-bottom: none; }
  .comment-main .comment-reply-report-container {
    float: right;
    display: none; }
  .comment-main .comment-report-container {
    position: absolute;
    top: 10px;
    right: 10px;
    display: none; }
  .comment-main .comment-body:hover .comment-report-container, .comment-main .show-report .comment-report-container {
    display: block; }
  .comment-main .comment-hasnext {
    clear: both; }
  .comment-main .comment-body-left {
    margin-top: 5px;
    margin-left: 15px;
    float: left;
    width: 570px; }
  .comment-main .comment-body-name {
    float: left;
    width: 350px;
    font-weight: bold; }
  .comment-main .comment-body-points {
    float: right;
    margin-left: 20px; }
  .comment-main .comment-write-commenttext {
    height: 90px;
    width: 98%;
    padding: 1%;
    font-family: Arial, sans-serif;
    font-size: 12px;
    resize: vertical; }
  .comment-main .comment-body-left-text {
    color: #d3d3d3;
    width: 495px;
    float: left;
    margin-left: 15px;
    line-height: 18px;
    font-size: 12px;
    margin-top: 2px;
    word-wrap: break-word; }
  .comment-main .comment-body-left-avatar {
    float: left;
    width: 52px;
    margin-right: 10px; }
  .comment-main .comment-footer {
    color: #a8a8a8;
    font-size: 11px; }
  .comment-main .comment-body .comment-show-reply-form {
    font-weight: normal;
    font-size: 11px;
    cursor: pointer; }
  .comment-main .comment-body-votes .comment-vote-icon {
    cursor: pointer;
    opacity: 0.5;
    background: url(../feed/icon-hooah-activitystream.png) no-repeat;
    width: 18px;
    height: 18px;
    background-position: 0 -54px;
    float: left; }
    .comment-main .comment-body-votes .comment-vote-icon:hover {
      background-position: 0 -54px;
      opacity: 1; }
  .comment-main .comment-body-votes.voted .comment-vote-icon {
    background-position: 0 -54px;
    opacity: 1; }
  .comment-main .comment-body-votes .comment-point-count {
    font-weight: bold;
    float: left;
    margin-right: 3px; }
  .comment-main .comment-body-votes.voted .comment-point-count {
    color: #fff; }
  .comment-main .comment-body-right {
    float: right;
    width: 100px;
    text-align: right;
    color: #AFAFAF;
    line-height: 16px;
    font-size: 11px; }
  .comment-main .comment-write-comment {
    background: none; }
  .comment-main .comment-button {
    background: url(../comment/postbutton.png);
    width: 72px;
    height: 23px;
    float: right;
    border: 0px;
    cursor: pointer;
    margin-top: 8px; }
  .comment-main .comment-write-comment {
    padding-left: 15px;
    font-weight: bold;
    color: #fff;
    line-height: 37px;
    width: 656px;
    position: relative;
    height: 37px;
    left: -15px;
    background: url(../base/bfbc2/subheader_x2.png) no-repeat; }
  .comment-main .comment-replies {
    margin-top: 8px; }
  .comment-main .comment-reply-text-not-clicked {
    font-family: Arial, sans-serif;
    font-style: italic;
    height: 22px;
    line-height: 22px;
    padding: 0 5px;
    color: #a1a1a1;
    font-size: 11px;
    width: 378px;
    max-width: 378px; }
  .comment-main .comment-reply-text-clicked {
    font-family: Arial, sans-serif;
    height: 28px;
    line-height: 13px;
    padding: 5px;
    color: #fff;
    font-size: 11px;
    width: 378px;
    max-width: 378px;
    margin-bottom: 5px; }
  .comment-main .comment-reply-item {
    border-top: 1px solid #666666;
    padding: 5px 5px 5px 0;
    width: 390px; }
    .comment-main .comment-reply-item .avatar {
      position: static; }
    .comment-main .comment-reply-item .comment-reply-body {
      color: #d3d3d3; }
  .comment-main .comment-reply-submit-button-area {
    float: right;
    margin-right: 0px;
    margin-top: 0px;
    display: none;
    position: relative;
    width: 100%; }
    .comment-main .comment-reply-submit-button-area div {
      float: left;
      padding-top: 5px; }
    .comment-main .comment-reply-submit-button-area input {
      float: right; }
  .comment-main .comments-reply-show {
    padding: 5px 5px 5px 0;
    cursor: pointer;
    color: #fff;
    /*border-top: 1px solid #e8e8e8;*/
    display: block;
    font-size: 11px; }
  .comment-main a.comments-reply-show {
    font-weight: normal; }
  .comment-main .comments-reply-show:hover {
    text-decoration: underline; }
  .comment-main .comment-reply-form-container {
    padding: 5px 5px 5px 0;
    margin-top: -1px;
    line-height: 0;
    width: 390px; }

.comment-pagination {
  margin-top: 16px;
  margin-bottom: 16px; }
  .comment-pagination .pagination-paginationbutton {
    cursor: pointer; }

/*
.devblog-comments {

    .common-reportbutton {
        float: right;
    }

 .avatar {
            position: absolute;
            top: 16px;
            left: 16px;
        }
    .comment-body {
        position: relative;
        padding: 16px 8px 8px 80px;
        min-height: 68px;

        font-size: 12px;
        line-height: 18px;
        color: $color-grey-on-dark;





        .comment-vote-icon {
            background: url(../feed/icon-hooah-activitystream.png) no-repeat;
        }

    }

}
*/
nav.submenu {
  margin-bottom: 16px; }

#loadout-message {
  display: none;
  margin-bottom: 8px;
  text-align: center; }
  #loadout-message p + p {
    margin-top: 8px; }

.loadout-save-dialog-container footer {
  display: none; }
.loadout-save-dialog-container .btn-group {
  text-align: center;
  padding: 8px 0 0; }
.loadout-save-dialog-container form {
  vertical-align: top; }
  .loadout-save-dialog-container form input {
    line-height: 24px;
    width: 510px; }
  .loadout-save-dialog-container form .btn {
    vertical-align: top; }
  .loadout-save-dialog-container form.error .error-message {
    display: block;
    padding: 6px 0 0; }
  .loadout-save-dialog-container form.error input {
    border: 1px solid #af0000; }
  .loadout-save-dialog-container form .error-message {
    display: none;
    padding: 6px 0 0;
    font-size: 12px;
    font-weight: bold;
    color: #c30000; }
.loadout-save-dialog-container p {
  padding-top: 7px;
  color: #a8a8a8; }
  .loadout-save-dialog-container p .icon {
    margin: 0 4px -2px 0; }
.loadout-save-dialog-container .no-preset-slots p:first-of-type {
  text-transform: none; }
.loadout-save-dialog-container footer {
  padding-top: 0; }

.loadout-delete-dialog-container .confirm-text {
  font-size: 13px; }
.loadout-delete-dialog-container .btn + .btn {
  margin-left: 16px; }
.loadout-delete-dialog-container footer {
  padding-top: 2px; }

#loadout {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 30px; }
  #loadout #loadout-presets-dropdown-wrapper {
    position: relative;
    display: inline-block; }
  #loadout #loadout-flipper {
    position: relative;
    min-height: 630px; }
    #loadout #loadout-flipper.presets-active .front {
      display: none; }
    #loadout #loadout-flipper.presets-active .back {
      display: block; }
    #loadout #loadout-flipper .front, #loadout #loadout-flipper .back {
      position: relative;
      top: 0;
      left: 0; }
    #loadout #loadout-flipper .front {
      z-index: 2; }
    #loadout #loadout-flipper .back {
      display: none;
      position: absolute;
      top: 0;
      left: 0; }
    #loadout #loadout-flipper.animated {
      -webkit-transition: 0.4s ease;
      -moz-transition: 0.4s ease;
      transition: 0.4s ease;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-perspective: 1000;
      -moz-perspective: 1000;
      perspective: 1000; }
      #loadout #loadout-flipper.animated .front, #loadout #loadout-flipper.animated .back {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        display: block; }
      #loadout #loadout-flipper.animated.presets-active {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg); }
  #loadout #loadout-presets {
    text-align: left; }
    #loadout #loadout-presets .icon-premium-shield {
      margin-bottom: -6px;
      margin-right: 5px; }
    #loadout #loadout-presets .icon-premium-wide {
      margin-bottom: -2px; }
    #loadout #loadout-presets #presets-used {
      font-size: 12px;
      font-weight: normal; }
    #loadout #loadout-presets #apply-preset-btn {
      margin-right: 5px; }
    #loadout #loadout-presets .no-preset-slots {
      font-weight: normal;
      font-size: 13px;
      padding: 10px 0;
      line-height: 20px;
      text-align: center;
      min-height: 53px; }
    #loadout #loadout-presets #preset-list {
      margin-top: 1px; }
      #loadout #loadout-presets #preset-list .jspPane {
        width: 647px; }
      #loadout #loadout-presets #preset-list table {
        margin-bottom: 8px; }
      #loadout #loadout-presets #preset-list td {
        cursor: pointer;
        vertical-align: middle;
        position: relative; }
        #loadout #loadout-presets #preset-list td .icon-premium-p {
          display: none; }
        #loadout #loadout-presets #preset-list td.empty:not(.locked) {
          cursor: default; }
          #loadout #loadout-presets #preset-list td.empty:not(.locked):hover {
            background-color: rgba(0, 0, 0, 0.5); }
        #loadout #loadout-presets #preset-list td.empty:not(.premium) {
          color: #a8a8a8;
          cursor: default; }
        #loadout #loadout-presets #preset-list td .premium-glow {
          display: none; }
        #loadout #loadout-presets #preset-list td.premium {
          color: #f4d07d; }
          #loadout #loadout-presets #preset-list td.premium .premium-glow {
            display: block;
            top: -10px; }
            #loadout #loadout-presets #preset-list td.premium .premium-glow:after {
              height: 60px; }
          #loadout #loadout-presets #preset-list td.premium .icon-premium-p {
            display: inline-block; }
        #loadout #loadout-presets #preset-list td .preset-name span {
          display: inline-block;
          width: 585px;
          overflow: hidden;
          text-transform: none;
          font-size: 14px;
          font-family: Arial, sans-serif;
          text-overflow: ellipsis;
          white-space: nowrap;
          line-height: 16px; }
        #loadout #loadout-presets #preset-list td:hover .action {
          opacity: 1; }
          #loadout #loadout-presets #preset-list td:hover .action:hover {
            background-position-y: 100%;
            background-color: rgba(0, 0, 0, 0.3); }
      #loadout #loadout-presets #preset-list .preset-slot-wrapper {
        position: relative; }
      #loadout #loadout-presets #preset-list .actions {
        position: absolute;
        right: 0;
        top: 2px; }
        #loadout #loadout-presets #preset-list .actions .action {
          float: right;
          font-size: 11px;
          line-height: 11px;
          font-weight: bold;
          cursor: pointer;
          width: 13px;
          height: 13px;
          background: url('../base/shared/editposition_sprite.png') no-repeat;
          background-position: 0 0;
          text-indent: -30px;
          overflow: hidden;
          opacity: 0.3;
          margin-left: 4px;
          border-radius: 5px; }
          #loadout #loadout-presets #preset-list .actions .action.action-remove {
            background-position: -39px 0;
            background-color: rgba(0, 0, 0, 0.8); }
    #loadout #loadout-presets #preset-types table {
      margin-bottom: 1px; }
    #loadout #loadout-presets #preset-types nav {
      margin-bottom: 0; }
    #loadout #loadout-presets #preset-preview p {
      font-weight: normal;
      font-size: 15px;
      padding-top: 8px;
      width: 200px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    #loadout #loadout-presets #preset-preview .box {
      margin-bottom: 1px; }
      #loadout #loadout-presets #preset-preview .box .box-content {
        padding: 8px 16px; }
    #loadout #loadout-presets #preset-preview .preview-info {
      background-color: transparent;
      padding: 0; }
      #loadout #loadout-presets #preset-preview .preview-info table {
        margin: 0; }
    #loadout #loadout-presets #preset-preview tbody .preview-thumbnail {
      text-align: center;
      width: 90px;
      max-width: 90px; }
    #loadout #loadout-presets #preset-preview tbody .preview-item-name {
      font-size: 14px; }
    #loadout #loadout-presets #preset-preview tbody th {
      border-bottom: 1px solid rgba(0, 0, 0, 0); }
    #loadout #loadout-presets #preset-preview #no-preview .box-content {
      height: 50px;
      padding-top: 114px;
      padding-bottom: 90px;
      font-weight: normal;
      color: #a8a8a8;
      text-transform: capitalize; }
    #loadout #loadout-presets #presets-footer {
      margin-top: 19px; }
    #loadout #loadout-presets td {
      font-size: 15px; }
    #loadout #loadout-presets th {
      font-size: 12px;
      padding: 8px;
      color: #a8a8a8; }
    #loadout #loadout-presets #no-presets {
      margin-bottom: 8px; }
      #loadout #loadout-presets #no-presets table {
        margin: 0; }
      #loadout #loadout-presets #no-presets .box-content {
        text-transform: none;
        font-weight: normal; }
      #loadout #loadout-presets #no-presets p {
        line-height: 24px;
        padding-bottom: 8px; }
    #loadout #loadout-presets .premium-requirement-box {
      height: 77px; }
    #loadout #loadout-presets #presets-list-wrapper {
      overflow-y: auto;
      margin-bottom: 8px;
      max-height: 535px; }
      #loadout #loadout-presets #presets-list-wrapper table:last-of-type {
        margin: 0; }
  #loadout.not-logged-in #loadout-actions {
    display: none; }
  #loadout header h1 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  #loadout a {
    outline: none; }
  #loadout #copy-loadout {
    display: none; }
  #loadout.other-soldier #items-select-menu .items-select-item {
    cursor: default; }
    #loadout.other-soldier #items-select-menu .items-select-item.locked .item-unlock-info {
      display: none; }
  #loadout.other-soldier #reset-loadout, #loadout.other-soldier #random-loadout, #loadout.other-soldier #save-loadout {
    display: none; }
  #loadout.other-soldier #copy-loadout {
    display: inline-block; }
  #loadout .box-content {
    margin-bottom: 0; }
  #loadout #loadout-breadcrumbs i {
    margin-top: 9px;
    margin-left: -4px;
    vertical-align: top; }
    #loadout #loadout-breadcrumbs i.icon-angle-right {
      background-image: url('../loadout/right-angle.png'); }
  #loadout #loadout-breadcrumbs .breadcrumb li:first-of-type a {
    padding-left: 15px; }
  #loadout #loadout-menu-wpr {
    margin: 0 0 16px;
    min-height: 32px; }
  #loadout #loadout-menus {
    position: relative; }
  #loadout #weapon-loadout {
    display: none; }
  #loadout table.loadout-item-accessories td {
    min-width: 33%; }
  #loadout .preset-box {
    margin-bottom: 8px; }
    #loadout .preset-box .box-content {
      padding: 10px 10px 11px; }
    #loadout .preset-box input {
      line-height: 24px;
      text-align: left;
      width: 132px;
      float: left; }
    #loadout .preset-box .btn {
      padding: 0 10px;
      float: right; }
  #loadout .loadout-item-container {
    position: relative;
    margin-bottom: 9px;
    color: #FFF;
    font-size: 12px; }
    #loadout .loadout-item-container:after {
      clear: both;
      display: block;
      content: " "; }
    #loadout .loadout-item-container a {
      text-decoration: none;
      display: block; }
    #loadout .loadout-item-container .box-content {
      padding: 0; }
    #loadout .loadout-item-container .loadout-item-info {
      height: 31px;
      overflow: hidden;
      display: block; }
      #loadout .loadout-item-container .loadout-item-info .loadout-item-picture {
        float: left;
        height: 31px;
        width: 64px;
        overflow: hidden;
        display: table;
        padding-left: 5px; }
        #loadout .loadout-item-container .loadout-item-info .loadout-item-picture .loadout-item-picture-inner {
          display: table-cell;
          vertical-align: middle;
          text-align: center;
          padding-top: 1px; }
      #loadout .loadout-item-container .loadout-item-info .loadout-item-name {
        min-height: 12px;
        float: right;
        width: 165px; }
        #loadout .loadout-item-container .loadout-item-info .loadout-item-name span {
          padding: 9px 5px;
          display: block;
          font-weight: normal;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          max-width: auto; }
      #loadout .loadout-item-container .loadout-item-info .loadout-slot-info {
        padding: 4px 10px 5px;
        font-size: 11px; }
        #loadout .loadout-item-container .loadout-item-info .loadout-slot-info .description {
          font-size: 10px;
          text-align: center;
          padding-bottom: 4px; }
        #loadout .loadout-item-container .loadout-item-info .loadout-slot-info .item-stats-right-col-2 {
          width: 105px; }
        #loadout .loadout-item-container .loadout-item-info .loadout-slot-info .progress-bar {
          margin: 0; }
        #loadout .loadout-item-container .loadout-item-info .loadout-slot-info .item-extended-stats {
          padding: 5px 0 0;
          overflow: hidden; }
        #loadout .loadout-item-container .loadout-item-info .loadout-slot-info table {
          width: 100%;
          border: none; }
          #loadout .loadout-item-container .loadout-item-info .loadout-slot-info table tr + tr td {
            padding-bottom: 5px; }
          #loadout .loadout-item-container .loadout-item-info .loadout-slot-info table th {
            font-size: 10px;
            text-align: center;
            font-weight: bold; }
          #loadout .loadout-item-container .loadout-item-info .loadout-slot-info table td {
            height: 24px;
            font-size: 12px; }
            #loadout .loadout-item-container .loadout-item-info .loadout-slot-info table td:hover {
              background: transparent; }
            #loadout .loadout-item-container .loadout-item-info .loadout-slot-info table td:last-of-type {
              width: 120px; }
    #loadout .loadout-item-container.type-appearance .loadout-item-info .loadout-item-picture .loadout-item-picture-inner {
      padding-top: 4px;
      padding-left: 2px; }
    #loadout .loadout-item-container.active table {
      z-index: 1; }
  #loadout #loadout-overview .loadout-overview-container {
    position: relative; }
  #loadout #loadout-overview h1 {
    position: relative; }
  #loadout #loadout-overview .row {
    margin-bottom: 15px; }
  #loadout #loadout-overview .loadout-item-container {
    margin: 1px 0 0; }
  #loadout #items-select-menu .row-tight + .row-tight {
    margin-top: 0;
    margin-bottom: 7px; }
    #loadout #items-select-menu .row-tight + .row-tight.items-category {
      margin-bottom: 1px; }
  #loadout #items-select-menu .items-category {
    padding: 0; }
    #loadout #items-select-menu .items-category:not(:first-of-type) {
      margin-top: 9px;
      margin-left: 0; }
  #loadout #items-select-menu .row-tight:first-of-type {
    padding-left: 1px;
    margin-bottom: 1px; }
  #loadout #items-select-menu .items-select-item {
    cursor: pointer;
    position: relative;
    display: block; }
    #loadout #items-select-menu .items-select-item h1 {
      font-family: Arial, sans-serif;
      font-weight: bold;
      font-size: 14px; }
    #loadout #items-select-menu .items-select-item .items-select-item-name {
      padding: 0 8px;
      height: 31px; }
      #loadout #items-select-menu .items-select-item .items-select-item-name h1 {
        padding: 4px 0 0; }
        #loadout #items-select-menu .items-select-item .items-select-item-name h1 span {
          float: left; }
  #loadout .item-stats-info .item-stats-left-col {
    float: left;
    min-width: 80px; }
    #loadout .item-stats-info .item-stats-left-col span {
      padding: 4px 0 0;
      display: block; }
  #loadout .item-stats-info .item-stats-right-col-1 {
    width: 25px;
    padding-top: 4px;
    float: right;
    text-align: center;
    padding-left: 5px; }
  #loadout .item-stats-info .item-stats-right-col-2 {
    float: right;
    width: 115px;
    padding-top: 5px; }
    #loadout .item-stats-info .item-stats-right-col-2.rate-of-fire {
      float: left;
      width: 140px;
      font-size: 11px;
      padding: 4px 0 0; }
    #loadout .item-stats-info .item-stats-right-col-2 span {
      display: inline-block;
      position: relative;
      padding-left: 8px;
      margin-left: 1px;
      vertical-align: top; }
      #loadout .item-stats-info .item-stats-right-col-2 span:before {
        position: absolute;
        top: 0;
        left: 0; }
      #loadout .item-stats-info .item-stats-right-col-2 span.success {
        color: #9cca80; }
        #loadout .item-stats-info .item-stats-right-col-2 span.success:before {
          content: "+"; }
      #loadout .item-stats-info .item-stats-right-col-2 span.danger {
        color: #e9a789;
        padding-left: 5px; }
        #loadout .item-stats-info .item-stats-right-col-2 span.danger:before {
          top: -1px;
          content: "-"; }
  #loadout .item-stats-info li {
    padding: 0 0 4px;
    overflow: hidden; }

/* ============================== @@ ============================= */
#battlereport > header:before, #battlereport > header:after {
  display: table;
  content: "";
  line-height: 0; }
#battlereport > header:after {
  clear: both; }
#battlereport > header h1 {
  float: left; }
#battlereport > header nav {
  float: right; }

#battlereport-top #add-as-favorite-battlereport {
  position: relative;
  padding-left: 40px; }
  #battlereport-top #add-as-favorite-battlereport .icon-premium-shield {
    position: absolute;
    top: 6px;
    left: 12px; }
  #battlereport-top #add-as-favorite-battlereport .star {
    position: absolute;
    left: 12px; }

#battlereport-metadata {
  margin-top: 1px; }
  #battlereport-metadata > .battlereport-metadata-inner {
    padding: 8px;
    font-size: 12px;
    background-color: rgba(7, 7, 7, 0.8); }
    #battlereport-metadata > .battlereport-metadata-inner .battlereport-header-info-gameicon {
      position: relative;
      top: 2px; }

#battlereport-prizes {
  margin-top: 1px; }
  #battlereport-prizes > div {
    background-color: rgba(0, 0, 0, 0.7); }
    #battlereport-prizes > div.span6 {
      width: 100%; }
    #battlereport-prizes > div > .inner {
      padding: 8px 16px;
      min-height: 73px; }
      #battlereport-prizes > div > .inner:before, #battlereport-prizes > div > .inner:after {
        display: table;
        content: "";
        line-height: 0; }
      #battlereport-prizes > div > .inner:after {
        clear: both; }
      #battlereport-prizes > div > .inner.squad {
        padding-bottom: 7px; }
      #battlereport-prizes > div > .inner h3 {
        font-size: 16px;
        line-height: 19px; }
      #battlereport-prizes > div > .inner > a, #battlereport-prizes > div > .inner > div {
        float: left; }
      #battlereport-prizes > div > .inner > .content {
        font-family: Purista, sans-serif;
        font-style: normal;
        font-weight: 400;
        color: #fff;
        font-size: 14px;
        line-height: 14px;
        margin-left: 16px;
        max-width: 156px; }
        #battlereport-prizes > div > .inner > .content > p {
          margin-top: 4px; }
        #battlereport-prizes > div > .inner > .content .score {
          font-size: 22px;
          line-height: 23px; }
        #battlereport-prizes > div > .inner > .content .score-label {
          margin-left: 6px;
          font-size: 11px;
          font-family: Arial;
          color: #a8a8a8;
          word-break: break-word;
          max-width: 80px;
          margin-top: 5px;
          line-height: 10px; }
    #battlereport-prizes > div .avatar.large {
      width: 45px;
      height: 45px; }
    #battlereport-prizes > div .avatar.xsmall {
      width: 22px;
      height: 22px;
      margin-bottom: 1px; }
    #battlereport-prizes > div .squad-avatars {
      max-width: 75px; }

#battlereport-scoreboard nav li {
  cursor: pointer; }

.scoreboard-section {
  display: none; }

.scoreboard-section.active {
  display: block; }

table.scoreboard {
  font-family: Purista, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 8px; }
  table.scoreboard .common-playername-personaname {
    width: 130px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  table.scoreboard.table > thead tr {
    height: 31px;
    line-height: 31px;
    background-repeat: repeat-x; }
    table.scoreboard.table > thead tr.tr-color-clubs {
      background-color: rgba(0, 0, 0, 0.6); }
    table.scoreboard.table > thead tr.tr-color-allied {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAfCAIAAACgQJBPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjEwMzcyMTNDMkQ0MTFFMjhBN0U5NTVCRENERjNGRDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjEwMzcyMTRDMkQ0MTFFMjhBN0U5NTVCRENERjNGRDAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMTAzNzIxMUMyRDQxMUUyOEE3RTk1NUJEQ0RGM0ZEMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMTAzNzIxMkMyRDQxMUUyOEE3RTk1NUJEQ0RGM0ZEMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq6HMfoAAACJSURBVHjaXMxbCoJQFEZhDcEyDdI83kbdaJpFM5AS8WCaQmDeeqjX1t5vH4t/m+fL1fg7q+gHOPU9+Na94ezowvlTdLHPu1H85/7ecB8ForcTrII9XDbs/old1zN8UOwP0d3QgVvRnXAH9/UC24r9pbm3IvZBr/Am3sKz6EZsw2v1gb8J+k+AAQCDxS//vRw2IwAAAABJRU5ErkJggg==); }
    table.scoreboard.table > thead tr.tr-color-enemy {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAfCAIAAACgQJBPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEZGRjkzMDFDMkQ1MTFFMjhGOTlEQTkyNTZENjhCQ0MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEZGRjkzMDJDMkQ1MTFFMjhGOTlEQTkyNTZENjhCQ0MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowRkZGOTJGRkMyRDUxMUUyOEY5OURBOTI1NkQ2OEJDQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRkZGOTMwMEMyRDUxMUUyOEY5OURBOTI1NkQ2OEJDQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlzNY20AAACNSURBVHjaXJDNCoJAHAczFkH8agnLVXvkzr1RT5HSqgiiqC0dxEt6dNrbMAz/H2s9H/fD7ompfINPKgWbqgD7cQb+6Bc4TG70RU6fJvQ57wfZ9a/X7FXE/bqmv0j2VUMfhfR1S3926Zue+6RD347sAxs8dobeE9w/fPn/7pF+mtnj/ObNApbOb8+rAAMAwpMvZ6PnRjIAAAAASUVORK5CYII=); }
  table.scoreboard.table > thead th {
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    background-color: transparent;
    padding: 0 10px; }
    table.scoreboard.table > thead th:first-child {
      font-size: 19px; }
    table.scoreboard.table > thead th:nth-child(2) {
      width: 35px; }
    table.scoreboard.table > thead th:nth-child(3) {
      width: 35px; }
    table.scoreboard.table > thead th:nth-child(4) {
      width: 90px; }
  table.scoreboard tbody > tr {
    cursor: pointer; }
    table.scoreboard tbody > tr.active {
      background-color: #fff; }
    table.scoreboard tbody > tr td:first-child {
      width: 45px;
      padding: 0; }
    table.scoreboard tbody > tr.active-player td:first-child {
      color: #000; }
    table.scoreboard tbody > tr.active-player:not(.active) td:first-child {
      background-color: #e09a00; }
    table.scoreboard tbody > tr.active-player:not(.active) td:not(:first-child) {
      color: #cbff5b; }
    table.scoreboard tbody > tr.active-squad:not(.active) td:not(:first-child) {
      color: #cbff5b; }
    table.scoreboard tbody > tr.myfriend:not(.active, .active-player, .active-squad) td:not(:first-child) {
      color: #94cdf3; }
  table.scoreboard tr.dnf {
    opacity: 0.5; }
  table.scoreboard tr.hiddenPlayer {
    display: none; }
  table.scoreboard td.soldier-name {
    /* Modifications to center content vertically inside player row */ }
    table.scoreboard td.soldier-name:before, table.scoreboard td.soldier-name:after {
      display: table;
      content: "";
      line-height: 0; }
    table.scoreboard td.soldier-name:after {
      clear: both; }
    table.scoreboard td.soldier-name > * {
      float: left; }
    table.scoreboard td.soldier-name .avatar {
      margin: 0; }
    table.scoreboard td.soldier-name .user-personarank {
      margin: 1px 5px 0 5px; }
    table.scoreboard td.soldier-name .common-playername-personaname.solo {
      line-height: 26px; }
    table.scoreboard td.soldier-name .common-playername-username {
      font-size: 12px; }
  table.scoreboard tr.squadrow-fillup {
    background: transparent; }
    table.scoreboard tr.squadrow-fillup td {
      border-top: 1px solid transparent;
      height: 46px;
      padding: 0; }
  table.scoreboard tfoot tr {
    background-color: rgba(0, 0, 0, 0.6); }

.table tr.battlereport-player-score {
  cursor: auto; }
  .table tr.battlereport-player-score td {
    padding: 0;
    border: 0;
    top: -1px; }
  .table tr.battlereport-player-score header {
    background-color: rgba(0, 0, 0, 0.4);
    height: 40px;
    line-height: 40px; }
    .table tr.battlereport-player-score header strong {
      margin-left: 17px; }
  .table tr.battlereport-player-score .player-score-container {
    border: 1px solid #fff;
    border-top: 0; }
    .table tr.battlereport-player-score .player-score-container.loading {
      height: 194px;
      line-height: 194px;
      text-align: center; }
  .table tr.battlereport-player-score .player-score-content:before, .table tr.battlereport-player-score .player-score-content:after {
    display: table;
    content: "";
    line-height: 0; }
  .table tr.battlereport-player-score .player-score-content:after {
    clear: both; }
  .table tr.battlereport-player-score .player-score-content .player-prize {
    line-height: 25px;
    padding-left: 15px;
    height: 25px;
    background-color: rgba(0, 0, 0, 0.4); }
    .table tr.battlereport-player-score .player-score-content .player-prize > span {
      text-transform: uppercase; }
    .table tr.battlereport-player-score .player-score-content .player-prize span.score-name {
      float: left; }
    .table tr.battlereport-player-score .player-score-content .player-prize span.score {
      float: right;
      margin-right: 4px; }
    .table tr.battlereport-player-score .player-score-content .player-prize span.score-label {
      float: right;
      color: #8a8a8a;
      margin-right: 8px; }
  .table tr.battlereport-player-score .player-score-content ul.player-stats {
    float: left;
    width: 70%;
    height: 130px; }
    .table tr.battlereport-player-score .player-score-content ul.player-stats li {
      margin-top: 1px;
      background-color: rgba(0, 0, 0, 0.4);
      height: 25px;
      line-height: 25px; }
      .table tr.battlereport-player-score .player-score-content ul.player-stats li:before, .table tr.battlereport-player-score .player-score-content ul.player-stats li:after {
        display: table;
        content: "";
        line-height: 0; }
      .table tr.battlereport-player-score .player-score-content ul.player-stats li:after {
        clear: both; }
      .table tr.battlereport-player-score .player-score-content ul.player-stats li span.label {
        float: left;
        margin-left: 17px;
        color: #8a8a8a;
        text-transform: uppercase; }
      .table tr.battlereport-player-score .player-score-content ul.player-stats li span.score {
        float: right;
        margin-right: 17px; }
  .table tr.battlereport-player-score .player-score-content .player-score-pie {
    float: right;
    width: 29.8%;
    height: 130px;
    margin-top: 1px;
    background-color: rgba(0, 0, 0, 0.4); }
  .table tr.battlereport-player-score .player-score-content .common-reportbutton-container {
    float: right;
    margin: 6px 6px 0 0; }
  .table tr.battlereport-player-score footer {
    margin-top: 1px;
    padding: 15px 0;
    background-color: rgba(0, 0, 0, 0.4); }
    .table tr.battlereport-player-score footer .btn {
      width: 30%;
      margin: 0 0.75%; }
      .table tr.battlereport-player-score footer .btn:first-child {
        margin-left: 3%; }
      .table tr.battlereport-player-score footer .btn:last-child {
        margin-right: 3%; }

/********** Player report ***********/
#playerreport {
  margin: 0 0 16px 0; }
  #playerreport > header {
    position: relative;
    height: 80px;
    background-color: rgba(0, 0, 0, 0.6); }
    #playerreport > header .avatar {
      position: absolute;
      top: 10px;
      left: 10px; }
    #playerreport > header h4 {
      position: absolute;
      top: 14px;
      left: 85px; }
    #playerreport > header .playerreport-soldierpic {
      max-width: 240px;
      height: 92px;
      overflow: hidden;
      position: absolute;
      bottom: 0;
      right: 8px; }
    #playerreport > header .common-playername-personaname {
      display: inline-block; }
    #playerreport > header .common-playername-username {
      display: inline-block;
      color: #a8a8a8;
      font-family: Purista, sans-serif;
      font-style: normal;
      font-weight: 400; }
  #playerreport > div:before, #playerreport > div:after {
    display: table;
    content: "";
    line-height: 0; }
  #playerreport > div:after {
    clear: both; }
  #playerreport footer {
    margin-top: 1px;
    padding: 6px 0;
    background-color: rgba(0, 0, 0, 0.6);
    text-align: center;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    cursor: pointer; }
    #playerreport footer:hover {
      background-color: #fff;
      color: #000; }

#playerreport-additional {
  position: absolute;
  top: 50px;
  left: 85px; }
  #playerreport-additional .personal-prize-info {
    font-size: 12px;
    margin-left: 5px;
    position: relative;
    top: -1px;
    color: #a8a8a8; }

#playerreport-score {
  position: relative; }
  #playerreport-score svg {
    position: relative;
    z-index: 100; }
  #playerreport-score p {
    position: absolute;
    top: 72px;
    width: 100%;
    z-index: 90; }
    #playerreport-score p span {
      text-transform: uppercase;
      font-size: 14px; }
    #playerreport-score p strong {
      display: block;
      margin-top: 5px;
      font-size: 26px; }
  #playerreport-score #playerreport-pie-percent {
    font-size: 11px;
    margin-top: 5px; }

.playerreport-box {
  float: left;
  margin: 1px 0 0 1px; }
  .playerreport-box.small {
    width: 123px;
    height: 87px; }
    .playerreport-box.small > div {
      height: 63px;
      line-height: 64px;
      font-family: Purista, sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 30px;
      color: #fff; }
  .playerreport-box.medium {
    width: 247px;
    height: 144px; }
    .playerreport-box.medium > div {
      height: 120px; }
    .playerreport-box.medium a {
      display: inline-block;
      width: 100%;
      height: 100%; }
      .playerreport-box.medium a:hover {
        background-color: rgba(0, 0, 0, 0.3); }
    .playerreport-box.medium span {
      position: absolute;
      bottom: 12px;
      color: #fff; }
      .playerreport-box.medium span.best-key {
        left: 15px; }
      .playerreport-box.medium span.best-value {
        right: 15px; }
  .playerreport-box.large {
    width: 248px;
    height: 231px; }
    .playerreport-box.large > div {
      height: 208px; }
  .playerreport-box.full {
    width: 100%;
    margin-left: 0; }
  .playerreport-box > div {
    position: relative;
    margin-top: 1px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.45); }
    .playerreport-box > div.no-bg {
      background-color: inherit; }
    .playerreport-box > div .kit-icon, .playerreport-box > div .weapon, .playerreport-box > div .vehicle {
      margin-top: 12px; }
  .playerreport-box:first-child {
    margin-left: 0; }
  .playerreport-box header {
    height: 23px;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 0 8px;
    text-align: center; }
    .playerreport-box header h5 {
      font-size: 14px;
      line-height: 24px;
      margin: 0;
      padding: 0; }
  .playerreport-box .best-stuff-no-image p {
    font-size: 14px;
    line-height: 100px;
    color: #a8a8a8; }

/********** Awards slider ***********/
#playerreport-awards {
  position: relative;
  left: 37px;
  width: 918px;
  height: 106px;
  /*overflow: hidden;*/
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }
  #playerreport-awards .arrow {
    position: absolute;
    top: 0;
    width: 36px;
    height: 106px;
    z-index: 200;
    background-color: rgba(0, 0, 0, 0.45);
    cursor: pointer;
    /*&:hover {
            background-color: rgba(#fff, 0.8);
            cursor: auto;
        }*/ }
    #playerreport-awards .arrow i {
      display: inline-block;
      width: 12px;
      height: 21px;
      margin-top: 42px;
      background-image: url(../battlereport/slider-arrows.png);
      background-repeat: no-repeat;
      text-indent: -9999px; }
    #playerreport-awards .arrow.sodaSlider-arrow-disabled {
      cursor: auto; }
      #playerreport-awards .arrow.sodaSlider-arrow-disabled i {
        opacity: 0.25; }
    #playerreport-awards .arrow.sodaSlider-arrow-left {
      left: -37px; }
      #playerreport-awards .arrow.sodaSlider-arrow-left i {
        background-position: 0 0; }
    #playerreport-awards .arrow.sodaSlider-arrow-right {
      right: -37px; }
      #playerreport-awards .arrow.sodaSlider-arrow-right i {
        background-position: -12px 0; }

.playerreport-no-awards {
  color: #fff;
  font-size: 12px;
  height: 50px;
  line-height: 50px; }

#sodaSlider-slider-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 918px;
  height: 106px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.45); }

#battlereport-personal-awards-slider {
  position: absolute;
  left: 0;
  height: 106px;
  white-space: nowrap; }
  #battlereport-personal-awards-slider li {
    display: inline-block;
    padding: 0 10px;
    position: relative;
    vertical-align: middle;
    height: 106px;
    min-width: 120px; }
    #battlereport-personal-awards-slider li .dogtags {
      margin-top: 11px; }
    #battlereport-personal-awards-slider li .kititem_unlock, #battlereport-personal-awards-slider li .weapon_unlock, #battlereport-personal-awards-slider li .weaponaccessory_unlock, #battlereport-personal-awards-slider li .vehicleunlock_unlock {
      margin-top: 18px; }
    #battlereport-personal-awards-slider li .battlepacks, #battlereport-personal-awards-slider li .award_star {
      margin-top: 5px; }
    #battlereport-personal-awards-slider li p {
      position: absolute;
      bottom: 18px;
      z-index: 100;
      font-size: 10px;
      width: 120px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
      #battlereport-personal-awards-slider li p.weaponname {
        bottom: 6px;
        color: #a8a8a8; }

.playerreport-awards-ribbons {
  position: relative; }
  .playerreport-awards-ribbons span {
    position: absolute;
    bottom: 36px;
    right: 1px;
    z-index: 110;
    color: #fff;
    font-size: 11px;
    padding: 2px 5px; }

/* Round summary*/
#battlereport-round-summary {
  margin-bottom: 16px; }
  #battlereport-round-summary .team-bg-allied {
    background-color: #148ec1;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0IyQzI0NDNDMkQ5MTFFMkIxQTQ5RkI4MkQ5QzY1MTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0IyQzI0NDRDMkQ5MTFFMkIxQTQ5RkI4MkQ5QzY1MTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQjJDMjQ0MUMyRDkxMUUyQjFBNDlGQjgyRDlDNjUxNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQjJDMjQ0MkMyRDkxMUUyQjFBNDlGQjgyRDlDNjUxNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pi3053IAAAAXSURBVHjaYhTpO8jAwMAYevY/kAIIMAAaFQOHzoI9LAAAAABJRU5ErkJggg==);
    box-shadow: 0 0 3px 1px #148ec1 inset; }
  #battlereport-round-summary .team-bg-enemy {
    background-color: #9e3a31;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTczREY0RDNDMkQ5MTFFMjlDM0NENDIyNzQzOEM2NTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTczREY0RDRDMkQ5MTFFMjlDM0NENDIyNzQzOEM2NTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNzNERjREMUMyRDkxMUUyOUMzQ0Q0MjI3NDM4QzY1OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNzNERjREMkMyRDkxMUUyOUMzQ0Q0MjI3NDM4QzY1OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjvTtcAAAAAXSURBVHjaYpxnZcjAwMD4MzkMSAEEGAAWGQK+Adw+WAAAAABJRU5ErkJggg==);
    box-shadow: 0 0 3px 1px #9e3a31 inset; }
  #battlereport-round-summary .player-bar {
    background-color: #eea026;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUY3NkU4QkNDMkRBMTFFMjgyNjRBMjkxRDg5OTcyNDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUY3NkU4QkRDMkRBMTFFMjgyNjRBMjkxRDg5OTcyNDQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRjc2RThCQUMyREExMUUyODI2NEEyOTFEODk5NzI0NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRjc2RThCQkMyREExMUUyODI2NEEyOTFEODk5NzI0NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pqc6tN8AAAAXSURBVHjaYny3QJWBgYGFU8YGSAEEGAAXFwIa9M2IIQAAAABJRU5ErkJggg==);
    box-shadow: 0 0 3px 1px #eea026 inset; }
  #battlereport-round-summary header {
    /* Same as playerreport-box header, should be combined.. */
    height: 23px;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 0 8px;
    text-align: center; }
    #battlereport-round-summary header .legend {
      position: absolute;
      margin-top: 2px;
      text-align: left; }
      #battlereport-round-summary header .legend > div {
        display: inline-block;
        margin-right: 10px; }
        #battlereport-round-summary header .legend > div span {
          font-size: 11px; }
      #battlereport-round-summary header .legend .team-bg-allied, #battlereport-round-summary header .legend .team-bg-enemy, #battlereport-round-summary header .legend .player-bar {
        display: inline-block;
        width: 10px;
        height: 10px;
        top: 1px;
        position: relative; }
    #battlereport-round-summary header h5 {
      font-size: 14px;
      line-height: 24px;
      margin: 0;
      padding: 0; }
  #battlereport-round-summary #round-summary-content > div {
    background-color: rgba(0, 0, 0, 0.45);
    text-align: center; }
    #battlereport-round-summary #round-summary-content > div .round-summary-charts {
      margin-top: 25px;
      margin-bottom: 8px; }
    #battlereport-round-summary #round-summary-content > div div.label {
      text-transform: uppercase;
      font-size: 14px;
      margin-bottom: 8px;
      min-height: 28px; }

.round-summary-chart {
  position: relative;
  height: 120px;
  width: 60px;
  float: left; }
  .round-summary-chart:first-child {
    margin: 0 4px 0 18px; }
  .round-summary-chart .bar {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0%;
    background-repeat: repeat; }
  .round-summary-chart .round-summary-value {
    display: none;
    position: absolute;
    left: 9%;
    bottom: 0;
    width: 82%;
    margin-bottom: 4px;
    padding: 4px 0;
    font-size: 11px;
    background-color: #000;
    border-radius: 4px; }
    .round-summary-chart .round-summary-value > span {
      font-size: 11px;
      display: block;
      margin-top: 1px;
      color: #f7bc61; }

/* Minicard */
.battlereport-minicard {
  font-size: 14px;
  line-height: 14px; }
  .battlereport-minicard > img {
    margin-right: 8px; }
  .battlereport-minicard .body {
    width: 175px; }
    .battlereport-minicard .body > div {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      height: 14px; }
      .battlereport-minicard .body > div:last-child {
        margin: 0; }
    .battlereport-minicard .body span {
      font-size: 11px;
      line-height: 12px;
      color: #a8a8a8; }
    .battlereport-minicard .body strong {
      font-size: 11px;
      color: #fff; }
  .battlereport-minicard .winstatus {
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    text-align: right;
    color: #a8a8a8;
    margin: 14px 8px 0 0;
    width: 60px;
    overflow: hidden; }
    .battlereport-minicard .winstatus.winstatus-1 {
      color: #94cdf3; }
    .battlereport-minicard .winstatus.winstatus-2 {
      color: #ff9f80; }

.bf4-minicard .comcenter-notifications-moreinfo {
  padding-right: 0; }

/* Compare */
.battlereport-compare {
  font-family: Purista, sans-serif;
  font-style: normal;
  font-weight: 400; }
  .battlereport-compare div.players {
    margin-bottom: 16px; }
    .battlereport-compare div.players:before, .battlereport-compare div.players:after {
      display: table;
      content: "";
      line-height: 0; }
    .battlereport-compare div.players:after {
      clear: both; }
    .battlereport-compare div.players > div {
      width: 50%;
      float: left; }
      .battlereport-compare div.players > div:before, .battlereport-compare div.players > div:after {
        display: table;
        content: "";
        line-height: 0; }
      .battlereport-compare div.players > div:after {
        clear: both; }
      .battlereport-compare div.players > div > i, .battlereport-compare div.players > div > div {
        float: left; }
      .battlereport-compare div.players > div > div {
        padding: 0 8px;
        font-size: 20px;
        line-height: 60px; }
    .battlereport-compare div.players > div:last-child {
      float: right; }
      .battlereport-compare div.players > div:last-child > i, .battlereport-compare div.players > div:last-child > div {
        float: right; }
  .battlereport-compare .compare-row p {
    width: 174px;
    padding: 4px 1px;
    display: inline-block;
    text-transform: uppercase; }
  .battlereport-compare .compare-row p:nth-child(2) {
    text-align: center; }
  .battlereport-compare .compare-row p:nth-child(3) {
    text-align: right; }

#battlereport-commander-scoreboard {
  margin: 8px 0; }
  #battlereport-commander-scoreboard h3 {
    font-size: 19px;
    line-height: 19px; }

.gamereport-comment-delete {
  width: 13px;
  height: 13px;
  cursor: pointer;
  background: url(../base/shared/editposition_sprite.png) no-repeat;
  text-indent: -30px;
  overflow: hidden;
  background-position: -39px 0; }
  .gamereport-comment-delete:hover {
    background-position: -39px 100%; }

.star {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  margin: 0 auto;
  padding: 0; }
  .star:after {
    position: relative;
    z-index: 1;
    content: "★";
    font-size: 22px;
    color: rgba(255, 255, 255, 0.3); }

/* ============================== EOR ============================*/
/* ============================== @@ ============================= */
.battlereport-section-container {
  margin-bottom: 16px; }

.eor-bg {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 0;
  height: 345px;
  opacity: 1; }
  .eor-bg.aside {
    width: 320px;
    height: 163px; }
  .eor-bg.mobile {
    width: 324px;
    height: 163px; }
  .eor-bg.feed, .eor-bg.battlereport-eor.battledash {
    width: 548px;
    height: 163px;
    opacity: 1 !important; }
  .eor-bg.battledash {
    width: 530px;
    height: 163px;
    opacity: 1 !important; }
  .eor-bg.hide {
    display: block !important;
    opacity: 0; }

.battlereport-eor.feed .teams > .team .name.flag-THIEVES, .battlereport-eor.feed .teams > .team .battlereport-eor.battledash, .battlereport-eor.aside .teams > .team .name.flag-THIEVES, .battlereport-eor .teams > .team .name.flag-THIEVES {
  background-image: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/badges/criminals-0d307da2.png); }

.battlereport-eor.feed .teams > .team .name.flag-SWAT, .battlereport-eor.feed .teams > .team .battlereport-eor.battledash, .battlereport-eor.aside .teams > .team .name.flag-SWAT, .battlereport-eor .teams > .team .name.flag-SWAT {
  background-image: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/badges/cops-e802ebde.png); }

.battlereport-eor.feed .teams > .team .name.flag-SWAT, .battlereport-eor.feed .teams > .team .battlereport-eor.battledash, .battlereport-eor.feed .teams > .team .name.flag-THIEVES, .battlereport-eor.feed .teams > .team .battlereport-eor.battledash, .battlereport-eor.aside .teams > .team .name.flag-SWAT, .battlereport-eor.aside .teams > .team .name.flag-THIEVES {
  height: 42px;
  line-height: 42px; }

.battlereport-eor {
  font-family: Purista, sans-serif;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 1px;
  height: 345px;
  text-shadow: 0 0 0.2em #81A8CC;
  background-color: #000;
  color: #fff;
  overflow: hidden;
  position: relative; }
  .battlereport-eor .eor-bg {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover; }
  .battlereport-eor:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1; }
  .battlereport-eor p {
    padding: 0;
    margin: 0; }
  .battlereport-eor .winning-team {
    position: relative;
    z-index: 2;
    padding-top: 54px;
    text-align: center; }
    .battlereport-eor .winning-team h2 {
      font-size: 36px;
      margin-bottom: 16px;
      line-height: 36px;
      white-space: nowrap; }
  .battlereport-eor .info {
    position: relative;
    z-index: 2;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 16px; }
  .battlereport-eor .teams {
    position: relative;
    width: 440px;
    margin: 0 auto;
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 36px;
    z-index: 2; }
    .battlereport-eor .teams > .team {
      width: 200px;
      display: inline-block;
      margin-bottom: 2px; }
      .battlereport-eor .teams > .team .score-label {
        text-transform: uppercase;
        font-weight: normal;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 4px; }
        .battlereport-eor .teams > .team .score-label strong {
          font-family: Purista, sans-serif;
          font-style: normal;
          font-weight: 600; }
      .battlereport-eor .teams > .team:nth-child(n+3) {
        margin-top: 8px; }
      .battlereport-eor .teams > .team:nth-child(odd) .score {
        text-align: left; }
      .battlereport-eor .teams > .team:nth-child(odd) .score-label {
        text-align: right; }
      .battlereport-eor .teams > .team:nth-child(odd) .score-label + .score {
        text-align: right; }
      .battlereport-eor .teams > .team:nth-child(odd) [class*=flag-] {
        background-position: center left;
        padding-left: 96px; }
      .battlereport-eor .teams > .team:nth-child(even) {
        float: right; }
        .battlereport-eor .teams > .team:nth-child(even) .score, .battlereport-eor .teams > .team:nth-child(even) .name {
          text-align: right; }
        .battlereport-eor .teams > .team:nth-child(even) .score-label {
          text-align: left; }
        .battlereport-eor .teams > .team:nth-child(even) .score-label + .score {
          text-align: left; }
        .battlereport-eor .teams > .team:nth-child(even) [class*=flag-] {
          background-position: center right;
          padding-right: 96px; }
          .battlereport-eor .teams > .team:nth-child(even) [class*=flag-] + .score {
            float: right; }
      .battlereport-eor .teams > .team [class*=flag-] + .score {
        width: 80px;
        text-align: center; }
      .battlereport-eor .teams > .team .name {
        line-height: 64px; }
        .battlereport-eor .teams > .team .name[class*=flag-] {
          background-repeat: no-repeat; }
        .battlereport-eor .teams > .team .name.flag-US {
          background-image: url(../battlereport/flags/US.png); }
        .battlereport-eor .teams > .team .name.flag-RU {
          background-image: url(../battlereport/flags/RU.png); }
        .battlereport-eor .teams > .team .name.flag-CN {
          background-image: url(../battlereport/flags/CN.png); }
  .battlereport-eor .vs, .battlereport-eor .score-type {
    position: absolute;
    text-align: center;
    width: 100%;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: normal; }
  .battlereport-eor .vs {
    top: 12px; }
  .battlereport-eor .score-type {
    top: 64px;
    line-height: 36px; }
  .battlereport-eor.gamemode-8 .winning-team {
    padding-top: 32px; }
  .battlereport-eor.gamemode-8.full .teams {
    width: 560px; }
    .battlereport-eor.gamemode-8.full .teams > .team .name {
      line-height: 32px; }
    .battlereport-eor.gamemode-8.full .teams > .team:nth-child(n+2) {
      float: right; }
      .battlereport-eor.gamemode-8.full .teams > .team:nth-child(n+2) .score, .battlereport-eor.gamemode-8.full .teams > .team:nth-child(n+2) .name {
        text-align: left; }
    .battlereport-eor.gamemode-8.full .teams > .team:nth-child(n+4) {
      float: left; }
      .battlereport-eor.gamemode-8.full .teams > .team:nth-child(n+4) .score, .battlereport-eor.gamemode-8.full .teams > .team:nth-child(n+4) .name {
        text-align: right; }
    .battlereport-eor.gamemode-8.full .teams > .team:first-child {
      float: left; }
      .battlereport-eor.gamemode-8.full .teams > .team:first-child .score, .battlereport-eor.gamemode-8.full .teams > .team:first-child .name {
        text-align: right; }
  .battlereport-eor.aside, .battlereport-eor.feed, .battlereport-eor.battledash {
    height: 163px; }
    .battlereport-eor.aside .winning-team, .battlereport-eor.feed .winning-team, .battlereport-eor.feed .battlereport-eor.battledash {
      padding-top: 16px; }
    .battlereport-eor.aside .info, .battlereport-eor.feed .info, .battlereport-eor.feed .battlereport-eor.battledash {
      display: none; }
    .battlereport-eor.aside h2, .battlereport-eor.feed h2, .battlereport-eor.feed .battlereport-eor.battledash {
      font-size: 24px;
      line-height: 28px;
      margin-bottom: 2px; }
    .battlereport-eor.aside .teams, .battlereport-eor.feed .teams, .battlereport-eor.feed .battlereport-eor.battledash {
      top: 8px;
      font-size: 24px;
      line-height: 24px; }
      .battlereport-eor.aside .teams > .team .name, .battlereport-eor.feed .teams > .team .name, .battlereport-eor.feed .teams > .team .battlereport-eor.battledash {
        line-height: 24px;
        margin-bottom: 8px; }
        .battlereport-eor.aside .teams > .team .name[class*=flag-], .battlereport-eor.feed .teams > .team .name[class*=flag-], .battlereport-eor.feed .teams > .team .battlereport-eor.battledash {
          background-size: contain; }
        .battlereport-eor.aside .teams > .team .name.flag-US, .battlereport-eor.feed .teams > .team .name.flag-US, .battlereport-eor.feed .teams > .team .battlereport-eor.battledash {
          background-image: url(../battlereport/flags/US.png); }
        .battlereport-eor.aside .teams > .team .name.flag-RU, .battlereport-eor.feed .teams > .team .name.flag-RU, .battlereport-eor.feed .teams > .team .battlereport-eor.battledash {
          background-image: url(../battlereport/flags/RU.png); }
        .battlereport-eor.aside .teams > .team .name.flag-CN, .battlereport-eor.feed .teams > .team .name.flag-CN, .battlereport-eor.feed .teams > .team .battlereport-eor.battledash {
          background-image: url(../battlereport/flags/CN.png); }
      .battlereport-eor.aside .teams > .team:nth-child(n+3), .battlereport-eor.feed .teams > .team:nth-child(n+3), .battlereport-eor.feed .teams > .battlereport-eor.battledash {
        margin-top: 2px; }
      .battlereport-eor.aside .teams > .team:nth-child(odd) [class*=flag-], .battlereport-eor.feed .teams > .team:nth-child(odd) [class*=flag-], .battlereport-eor.feed .teams > .team:nth-child(odd) .battlereport-eor.battledash {
        padding-left: 55px; }
      .battlereport-eor.aside .teams > .team:nth-child(even) [class*=flag-], .battlereport-eor.feed .teams > .team:nth-child(even) [class*=flag-], .battlereport-eor.feed .teams > .team:nth-child(even) .battlereport-eor.battledash {
        padding-right: 55px; }
      .battlereport-eor.aside .teams > .team [class*=flag-] + .score, .battlereport-eor.feed .teams > .team [class*=flag-] + .score, .battlereport-eor.feed .teams > .team [class*=flag-] + .battlereport-eor.battledash {
        width: 70px;
        margin-right: -10px;
        margin-left: -10px; }
      .battlereport-eor.aside .teams > .team .score-label, .battlereport-eor.feed .teams > .team .score-label, .battlereport-eor.feed .teams > .team .battlereport-eor.battledash {
        padding: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
    .battlereport-eor.aside .vs, .battlereport-eor.aside .score-type, .battlereport-eor.feed .vs, .battlereport-eor.feed .battlereport-eor.battledash, .battlereport-eor.feed .score-type, .battlereport-eor.feed .battlereport-eor.battledash {
      font-size: 14px; }
    .battlereport-eor.aside .vs, .battlereport-eor.feed .vs, .battlereport-eor.feed .battlereport-eor.battledash {
      top: 1px; }
    .battlereport-eor.aside .score-type, .battlereport-eor.feed .score-type, .battlereport-eor.feed .battlereport-eor.battledash {
      top: 33px;
      line-height: 24px; }
    .battlereport-eor.aside.gamemode-8 .winning-team, .battlereport-eor.feed.gamemode-8 .winning-team, .battlereport-eor.feed.gamemode-8 .battlereport-eor.gamemode-8.battledash {
      padding-top: 12px; }
    .battlereport-eor.aside.gamemode-8 h2, .battlereport-eor.feed.gamemode-8 h2, .battlereport-eor.feed.gamemode-8 .battlereport-eor.gamemode-8.battledash {
      margin-bottom: 0; }
    .battlereport-eor.aside.gamemode-8 .teams, .battlereport-eor.feed.gamemode-8 .teams, .battlereport-eor.feed.gamemode-8 .battlereport-eor.gamemode-8.battledash {
      font-size: 20px;
      width: 320px; }
      .battlereport-eor.aside.gamemode-8 .teams > .team .name, .battlereport-eor.feed.gamemode-8 .teams > .team .name, .battlereport-eor.feed.gamemode-8 .teams > .team .battlereport-eor.gamemode-8.battledash {
        margin-bottom: 0; }
      .battlereport-eor.aside.gamemode-8 .teams > .team:nth-child(odd) .name, .battlereport-eor.aside.gamemode-8 .teams > .team:nth-child(odd) .score, .battlereport-eor.feed.gamemode-8 .teams > .team:nth-child(odd) .name, .battlereport-eor.feed.gamemode-8 .teams > .team:nth-child(odd) .battlereport-eor.gamemode-8.battledash, .battlereport-eor.feed.gamemode-8 .teams > .team:nth-child(odd) .score, .battlereport-eor.feed.gamemode-8 .teams > .team:nth-child(odd) .battlereport-eor.gamemode-8.battledash {
        text-align: right; }
      .battlereport-eor.aside.gamemode-8 .teams > .team:nth-child(even) .name, .battlereport-eor.aside.gamemode-8 .teams > .team:nth-child(even) .score, .battlereport-eor.feed.gamemode-8 .teams > .team:nth-child(even) .name, .battlereport-eor.feed.gamemode-8 .teams > .team:nth-child(even) .battlereport-eor.gamemode-8.battledash, .battlereport-eor.feed.gamemode-8 .teams > .team:nth-child(even) .score, .battlereport-eor.feed.gamemode-8 .teams > .team:nth-child(even) .battlereport-eor.gamemode-8.battledash {
        text-align: left; }
    .battlereport-eor.aside.gamemode-8 .score-type, .battlereport-eor.feed.gamemode-8 .score-type, .battlereport-eor.feed.gamemode-8 .battlereport-eor.gamemode-8.battledash {
      top: 22px; }
  .battlereport-eor.aside .teams {
    width: 292px; }
    .battlereport-eor.aside .teams > .team {
      width: 131px; }
      .battlereport-eor.aside .teams > .team .score-label {
        font-size: 12px;
        line-height: 14px; }
        .battlereport-eor.aside .teams > .team .score-label:nth-of-type(2) {
          font-size: 11px;
          line-height: 12px; }
  .battlereport-eor.aside.gamemode-8 {
    width: 320px; }
  .battlereport-eor.feed .teams, .battlereport-eor.feed .battlereport-eor.battledash {
    width: 360px; }
    .battlereport-eor.feed .teams > .team, .battlereport-eor.feed .teams > .battlereport-eor.battledash {
      width: 165px; }
      .battlereport-eor.feed .teams > .team .score-label, .battlereport-eor.feed .teams > .team .battlereport-eor.battledash {
        font-size: 14px;
        line-height: 16px; }
  .battlereport-eor.feed.gamemode-8 .teams, .battlereport-eor.feed.gamemode-8 .battlereport-eor.gamemode-8.battledash {
    width: 495px; }
    .battlereport-eor.feed.gamemode-8 .teams > .team, .battlereport-eor.feed.gamemode-8 .teams > .battlereport-eor.gamemode-8.battledash {
      width: 200px; }

.battlereport-section-container {
  border: 1px solid rgba(255, 255, 255, 0.15); }

#playerreport {
  border: 1px solid rgba(255, 255, 255, 0.15); }

.playerreport-box.small > div, .playerreport-box.medium > div .best-key, .playerreport-box.small > div .best-value {
  font-family: Frutiger, sans-serif;
  text-transform: uppercase; }
.playerreport-box.large {
  width: 246px; }
.playerreport-box > div .kit-icon {
  margin-top: 19px; }

#battlereport-round-summary {
  border: 1px solid rgba(255, 255, 255, 0.15); }
  #battlereport-round-summary .team-bg-allied {
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0, transparent 100%), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0IyQzI0NDNDMkQ5MTFFMkIxQTQ5RkI4MkQ5QzY1MTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0IyQzI0NDRDMkQ5MTFFMkIxQTQ5RkI4MkQ5QzY1MTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQjJDMjQ0MUMyRDkxMUUyQjFBNDlGQjgyRDlDNjUxNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQjJDMjQ0MkMyRDkxMUUyQjFBNDlGQjgyRDlDNjUxNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pi3053IAAAAXSURBVHjaYhTpO8jAwMAYevY/kAIIMAAaFQOHzoI9LAAAAABJRU5ErkJggg==);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0, transparent 100%), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0IyQzI0NDNDMkQ5MTFFMkIxQTQ5RkI4MkQ5QzY1MTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0IyQzI0NDRDMkQ5MTFFMkIxQTQ5RkI4MkQ5QzY1MTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQjJDMjQ0MUMyRDkxMUUyQjFBNDlGQjgyRDlDNjUxNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQjJDMjQ0MkMyRDkxMUUyQjFBNDlGQjgyRDlDNjUxNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pi3053IAAAAXSURBVHjaYhTpO8jAwMAYevY/kAIIMAAaFQOHzoI9LAAAAABJRU5ErkJggg==);
    background-color: #148ec1;
    box-shadow: 8px 0 8px -4px #148ec1 inset, -8px 0 8px -4px #148ec1 inset, 0 0 3px 1px #148ec1 inset; }
  #battlereport-round-summary .team-bg-enemy {
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0, transparent 100%), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTczREY0RDNDMkQ5MTFFMjlDM0NENDIyNzQzOEM2NTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTczREY0RDRDMkQ5MTFFMjlDM0NENDIyNzQzOEM2NTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNzNERjREMUMyRDkxMUUyOUMzQ0Q0MjI3NDM4QzY1OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNzNERjREMkMyRDkxMUUyOUMzQ0Q0MjI3NDM4QzY1OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjvTtcAAAAAXSURBVHjaYpxnZcjAwMD4MzkMSAEEGAAWGQK+Adw+WAAAAABJRU5ErkJggg==);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0, transparent 100%), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTczREY0RDNDMkQ5MTFFMjlDM0NENDIyNzQzOEM2NTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTczREY0RDRDMkQ5MTFFMjlDM0NENDIyNzQzOEM2NTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNzNERjREMUMyRDkxMUUyOUMzQ0Q0MjI3NDM4QzY1OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNzNERjREMkMyRDkxMUUyOUMzQ0Q0MjI3NDM4QzY1OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjvTtcAAAAAXSURBVHjaYpxnZcjAwMD4MzkMSAEEGAAWGQK+Adw+WAAAAABJRU5ErkJggg==);
    background-color: #9e3a31;
    box-shadow: 8px 0 8px -4px #9e3a31 inset, -8px 0 8px -4px #9e3a31 inset, 0 0 3px 1px #9e3a31 inset; }
  #battlereport-round-summary .player-bar {
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0, transparent 100%), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUY3NkU4QkNDMkRBMTFFMjgyNjRBMjkxRDg5OTcyNDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUY3NkU4QkRDMkRBMTFFMjgyNjRBMjkxRDg5OTcyNDQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRjc2RThCQUMyREExMUUyODI2NEEyOTFEODk5NzI0NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRjc2RThCQkMyREExMUUyODI2NEEyOTFEODk5NzI0NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pqc6tN8AAAAXSURBVHjaYny3QJWBgYGFU8YGSAEEGAAXFwIa9M2IIQAAAABJRU5ErkJggg==);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0, transparent 100%), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUY3NkU4QkNDMkRBMTFFMjgyNjRBMjkxRDg5OTcyNDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUY3NkU4QkRDMkRBMTFFMjgyNjRBMjkxRDg5OTcyNDQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRjc2RThCQUMyREExMUUyODI2NEEyOTFEODk5NzI0NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRjc2RThCQkMyREExMUUyODI2NEEyOTFEODk5NzI0NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pqc6tN8AAAAXSURBVHjaYny3QJWBgYGFU8YGSAEEGAAXFwIa9M2IIQAAAABJRU5ErkJggg==);
    background-color: #eea026;
    box-shadow: 8px 0 8px -4px #eea026 inset, -8px 0 8px -4px #eea026 inset, 0 0 3px 1px #eea026 inset; }

#battlereport-scoreboard .scoreboard .battlereport-teamstats-row td {
  padding: 5px 10px; }
  #battlereport-scoreboard .scoreboard .battlereport-teamstats-row td:first-child {
    padding: 0; }

#playerreport-awards {
  width: 916px; }
  #playerreport-awards #sodaSlider-slider-wrapper {
    width: 916px; }

.battlereport-eor p {
  font-family: Frutiger, sans-serif; }

.battlereport-eor .vs, .battlereport-eor .score-type {
  font-family: Frutiger, sans-serif; }

.battlereport-eor .teams > .team .name {
  font-family: Frutiger, sans-serif; }

#battlereport-round-summary #round-summary-content > div div.label {
  font-family: Frutiger, sans-serif; }

#battlereport-scoreboard table.scoreboard.table > tfoot td, #battlereport-scoreboard table.scoreboard.table > tbody td, #battlereport-scoreboard table.scoreboard.table > thead th {
  font-family: Frutiger, sans-serif; }

.lootbags, .numlootbags {
  font-size: 18px; }

table.scoreboard .battlereport-teamstats-row td.soldier-name {
  padding: 5px 10px 1px; }
  table.scoreboard .battlereport-teamstats-row td.soldier-name .user-personarank {
    position: relative;
    width: 29px;
    height: 26px;
    margin-top: 0; }
    table.scoreboard .battlereport-teamstats-row td.soldier-name .user-personarank .rank {
      position: absolute;
      top: -1px; }

.battlereport-eor.full .teams > .team [class*=flag-] + .score {
  margin-left: -5px; }

.battlereport-eor.full .teams > .team:nth-child(even) [class*=flag-] + .score {
  margin-right: 7px; }

.battlereport-eor.feed .teams > .team [class*=flag-] + .score, .battlereport-eor.feed .teams > .team [class*=flag-] + .battlereport-eor.battledash {
  text-indent: 3px; }

.battlereport-eor.feed .teams > .team .name.flag-SWAT + .score, .battlereport-eor.feed .teams > .team .name.flag-SWAT + .battlereport-eor.battledash {
  text-indent: -16px;
  text-align: center; }

#battlereport-personal-awards-slider li p {
  bottom: 14px; }
#battlereport-personal-awards-slider li .servicestar {
  margin-top: 24px; }

.battlereport-eor .teams > .team .name {
  line-height: 88px;
  margin-bottom: 5px; }
.battlereport-eor .vs {
  top: 27px; }
.battlereport-eor .score-type {
  top: 93px; }
.battlereport-eor.aside .vs, .battlereport-eor.feed .vs, .battlereport-eor.feed .battlereport-eor.battledash {
  top: 10px; }
.battlereport-eor.aside .score-type, .battlereport-eor.feed .score-type, .battlereport-eor.feed .battlereport-eor.battledash {
  top: 50px; }

.battlefeed .feed-story-heading .feed-info-description.limit {
  width: auto; }
.battlefeed .list .feed-item-interaction-area {
  top: 5px;
  right: 5px; }
.battlefeed .list .item {
  padding: 16px;
  min-height: 60px; }
  .battlefeed .list .item ul {
    color: #a8a8a8; }
  .battlefeed .list .item:first-child {
    padding-top: 16px; }
  .battlefeed .list .item:last-child {
    padding-bottom: 16px; }
  .battlefeed .list .item:not(:hover) .feed-story-area-comment-and-like {
    display: none; }
  .battlefeed .list .item .feed-story {
    position: relative;
    padding-left: 76px; }
    .battlefeed .list .item .feed-story > .avatar {
      left: 0; }
    .battlefeed .list .item .feed-story .feed-story-heading {
      color: lightgrey;
      font-size: 14px; }
    .battlefeed .list .item .feed-story .feed-story-content .feed-story-area {
      line-height: 24px; }
    .battlefeed .list .item .feed-story .feed-story-content .feed-story-small-icon {
      display: none; }
    .battlefeed .list .item .feed-story .feed-story-content .feed-story-infoarea {
      padding-top: 8px;
      position: relative; }
      .battlefeed .list .item .feed-story .feed-story-content .feed-story-infoarea, .battlefeed .list .item .feed-story .feed-story-content .feed-story-infoarea a {
        font-size: 12px;
        color: lightgrey; }
      .battlefeed .list .item .feed-story .feed-story-content .feed-story-infoarea .feed-story-creationDate {
        display: inline-block;
        margin-right: 4px; }
        .battlefeed .list .item .feed-story .feed-story-content .feed-story-infoarea .feed-story-creationDate, .battlefeed .list .item .feed-story .feed-story-content .feed-story-infoarea .feed-story-creationDate a, .battlefeed .list .item .feed-story .feed-story-content .feed-story-infoarea .feed-story-creationDate span {
          color: #a8a8a8; }
      .battlefeed .list .item .feed-story .feed-story-content .feed-story-infoarea .comment-and-like-container {
        position: absolute;
        right: 0;
        bottom: 1px; }
    .battlefeed .list .item .feed-story .feed-story-content .feed-story-infoarea-separator {
      display: none; }
    .battlefeed .list .item .feed-story .feed-story-content .feed-story-area-comment-and-like {
      /* Hide share button until it works properly */
      margin-left: 2px;
      border: 1px solid rgba(255, 255, 255, 0.15); }
      .battlefeed .list .item .feed-story .feed-story-content .feed-story-area-comment-and-like.feed-story-area-share {
        display: none; }
      .battlefeed .list .item .feed-story .feed-story-content .feed-story-area-comment-and-like a {
        font-weight: normal;
        font-size: 12px;
        color: white;
        display: inline-block;
        padding: 0 8px;
        cursor: pointer; }
        .battlefeed .list .item .feed-story .feed-story-content .feed-story-area-comment-and-like a i.icon {
          height: 15px;
          width: 15px;
          display: inline-block;
          background: url(../feed/feed-icons.png);
          position: relative;
          top: 3px;
          margin-right: 4px; }
          @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
            .battlefeed .list .item .feed-story .feed-story-content .feed-story-area-comment-and-like a i.icon {
              background-image: url("../feed/feed-icons@2x.png");
              background-size: 45px 15px; } }
          .battlefeed .list .item .feed-story .feed-story-content .feed-story-area-comment-and-like a i.icon.comment {
            background-position: 30px 0; }
          .battlefeed .list .item .feed-story .feed-story-content .feed-story-area-comment-and-like a i.icon.hooah {
            background-position: 15px 0; }
          .battlefeed .list .item .feed-story .feed-story-content .feed-story-area-comment-and-like a i.icon.share {
            background-position: 0 0; }
        .battlefeed .list .item .feed-story .feed-story-content .feed-story-area-comment-and-like a span.icon {
          background: url(../base/shared/row_icon_chat_light.png) right -26px no-repeat;
          width: 13px;
          height: 13px;
          display: inline-block;
          margin: 0 -4px -2px 4px; }
        .battlefeed .list .item .feed-story .feed-story-content .feed-story-area-comment-and-like a:hover span.icon {
          background-position: right -39px; }
  .battlefeed .list .item .feed-item-likescontainer, .battlefeed .list .item .feed-story-comments {
    margin-left: 76px;
    width: auto; }
  .battlefeed .list .item .feed-story-likes {
    width: auto; }
    .battlefeed .list .item .feed-story-likes .feed-show-likes {
      cursor: pointer; }
  .battlefeed .list .item .feed-story-comments .feed-comments-show {
    color: lightgrey; }
  .battlefeed .list .item .feed-story-comments .feed-comments-item {
    padding: 0;
    position: relative;
    min-height: 32px; }
    .battlefeed .list .item .feed-story-comments .feed-comments-item .feed-avatar-container .avatar {
      width: 30px;
      height: 30px;
      margin: 1px 0 0 1px; }
    .battlefeed .list .item .feed-story-comments .feed-comments-item .feed-comment-body {
      margin-left: 36px;
      font-size: 12px;
      line-height: 14px;
      padding: 9px 100px 9px 0;
      color: #a8a8a8; }
      .battlefeed .list .item .feed-story-comments .feed-comments-item .feed-comment-body .base-profile-link {
        font-size: 12px;
        font-weight: normal !important; }
    .battlefeed .list .item .feed-story-comments .feed-comments-item .feed-story-creationDate {
      top: 5px;
      position: relative; }
      .battlefeed .list .item .feed-story-comments .feed-comments-item .feed-story-creationDate, .battlefeed .list .item .feed-story-comments .feed-comments-item .feed-story-creationDate span {
        color: #a8a8a8; }
  .battlefeed .list .item .feed-story-comments .feed-comment-form {
    background: 0;
    padding: 0;
    margin-top: 5px; }
    .battlefeed .list .item .feed-story-comments .feed-comment-form .feed-comment-form-textarea-wrap {
      margin-bottom: 5px; }
      .battlefeed .list .item .feed-story-comments .feed-comment-form .feed-comment-form-textarea-wrap textarea {
        margin-top: 0;
        font-size: 12px;
        font-style: normal;
        width: 528px !important;
        max-width: 528px !important; }

.feed-comment-text-clicked, .feed-comment-text-not-clicked {
  width: 528px; }

#notificationsInbox .line {
  margin-bottom: 1px; }
#notificationsInbox .inbox-notification {
  position: relative;
  color: #d3d3d3;
  font-size: 14px; }
  #notificationsInbox .inbox-notification a.base-profile-link {
    font-weight: bold; }
  #notificationsInbox .inbox-notification .avatar {
    float: left;
    margin-right: 10px; }
  #notificationsInbox .inbox-notification .comcenter-notification-ago {
    margin-top: 5px; }
  #notificationsInbox .inbox-notification .notification-platoon-wrapper a:first-child {
    float: right; }
  #notificationsInbox .inbox-notification .iconbox {
    position: relative;
    float: left; }

.notification-platoon-wrapper .platoon-badge-item, .notification-platoon-wrapper .club-emblem {
  right: 0;
  top: 50%;
  margin-top: -13px;
  position: absolute; }

#community-bar #notifications .notification-platoon-wrapper {
  max-width: 180px; }

#main-middle {
  background-color: transparent; }

#emblem-edit-layers .layer {
  background: rgba(0, 0, 0, 0.5);
  color: #cacaca;
  margin-bottom: 1px; }
  #emblem-edit-layers .layer:hover {
    background: rgba(0, 0, 0, 0.7); }
    #emblem-edit-layers .layer:hover .actions .action {
      opacity: 1; }
  #emblem-edit-layers .layer.placeholder {
    opacity: 0.1; }
  #emblem-edit-layers .layer .color {
    border: 1px solid #cacaca;
    cursor: pointer; }
  #emblem-edit-layers .layer.selected {
    color: black;
    background-color: white;
    background-image: -webkit-linear-gradient(top, #c9c9c9, rgba(200, 200, 200, 0) 40%);
    background-image: linear-gradient(to bottom, #c9c9c9, rgba(200, 200, 200, 0) 40%);
    box-shadow: 0 0 7px 0 #e0f4f8; }
    #emblem-edit-layers .layer.selected .actions .action.action-remove {
      background-position: 0 0; }
      #emblem-edit-layers .layer.selected .actions .action.action-remove:hover {
        background-position: 0 100%; }
    #emblem-edit-layers .layer.selected .actions .action.action-lock {
      background-position: -78px 0; }
      #emblem-edit-layers .layer.selected .actions .action.action-lock:hover {
        background-position: -78px 100%; }
    #emblem-edit-layers .layer.selected.locked .actions .action.action-lock {
      background-position: -92px 0;
      opacity: 1; }
      #emblem-edit-layers .layer.selected.locked .actions .action.action-lock:hover {
        background-position: -92px 100%; }
  #emblem-edit-layers .layer.locked .actions .action.action-lock {
    background-position: -120px 0;
    opacity: 1; }
    #emblem-edit-layers .layer.locked .actions .action.action-lock:hover {
      background-position: -120px 100%; }
  #emblem-edit-layers .layer .action {
    width: 13px;
    height: 13px;
    background: url(../base/shared/editposition_sprite.png) no-repeat;
    text-indent: -30px;
    overflow: hidden;
    opacity: 0;
    margin-left: 4px; }
    #emblem-edit-layers .layer .action.action-remove {
      background-position: -39px 0; }
      #emblem-edit-layers .layer .action.action-remove:hover {
        background-position: -39px 100%; }
    #emblem-edit-layers .layer .action.action-lock {
      width: 14px;
      background-position: -106px 0; }
      #emblem-edit-layers .layer .action.action-lock:hover {
        background-position: -106px 100%; }

#shape-select-menu {
  margin-bottom: 8px; }

#emblem-edit-shapes .premium-shapes-notice {
  margin-bottom: 1px;
  padding-right: 8px; }
  #emblem-edit-shapes .premium-shapes-notice .box-content {
    padding: 0; }
#emblem-edit-shapes .icon-premium-p {
  position: absolute;
  top: auto;
  bottom: 2px;
  left: 2px;
  pointer-events: none; }
  #emblem-edit-shapes .icon-premium-p + .icon-battlepack {
    left: 18px; }
#emblem-edit-shapes .icon-battlepack {
  position: absolute;
  bottom: 2px;
  left: 2px;
  opacity: 0.35;
  pointer-events: none; }
#emblem-edit-shapes .emblem-shapes-wrapper {
  display: none; }
  #emblem-edit-shapes .emblem-shapes-wrapper.active {
    display: block; }
  #emblem-edit-shapes .emblem-shapes-wrapper .emblem-shapes-header {
    width: 395px;
    background-color: rgba(7, 7, 7, 0.8);
    margin: 0 0 1px 0;
    padding: 0 8px;
    line-height: 23px;
    font-size: 16px;
    color: #d5dde5;
    text-transform: uppercase;
    cursor: default;
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 600;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  #emblem-edit-shapes .emblem-shapes-wrapper .shape-wrapper {
    background-color: rgba(7, 7, 7, 0.5);
    margin: 0 1px 1px 0; }
    #emblem-edit-shapes .emblem-shapes-wrapper .shape-wrapper.locked img {
      opacity: 0.35; }
#emblem-edit-shapes .shape:hover {
  background-color: rgba(0, 0, 0, 0.7); }

.keyboard-controls {
  margin-top: 1px; }
  .keyboard-controls .toggler {
    overflow: hidden;
    cursor: pointer;
    float: right;
    top: 1px;
    right: 10px;
    color: #aaa; }
    .keyboard-controls .toggler:after {
      float: right;
      text-align: center;
      content: "-";
      padding-right: 3px;
      font-size: 21px; }
    .keyboard-controls .toggler.controlsHidden:after {
      content: "+"; }
    .keyboard-controls .toggler:hover {
      color: #fff; }
  .keyboard-controls .box-content {
    padding-bottom: 0; }
  .keyboard-controls .keyboard-shortcut-info {
    font-size: 12px;
    width: 45%;
    float: left;
    padding-right: 10px;
    margin-bottom: 8px; }
    .keyboard-controls .keyboard-shortcut-info .controls {
      line-height: 23px;
      color: #d5dde5;
      text-transform: uppercase;
      margin: 0;
      font-family: Purista, sans-serif;
      font-style: normal;
      font-weight: 600;
      clear: both;
      font-size: 30px;
      margin-top: 4px; }
      .keyboard-controls .keyboard-shortcut-info .controls .icon {
        height: 30px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 0 50%;
        display: inline-block; }
      .keyboard-controls .keyboard-shortcut-info .controls .shift {
        background-image: url('//d34ymitoc1pg7m.cloudfront.net/bf4/emblems/shiftkey-4e5421ea.png');
        width: 45px; }
      .keyboard-controls .keyboard-shortcut-info .controls .plus {
        line-height: 30px;
        vertical-align: top; }
      .keyboard-controls .keyboard-shortcut-info .controls .move {
        background-image: url('//d34ymitoc1pg7m.cloudfront.net/bf4/emblems/movekey-477bd693.png');
        width: 16px; }
      .keyboard-controls .keyboard-shortcut-info .controls .alt {
        background-image: url('//d34ymitoc1pg7m.cloudfront.net/bf4/emblems/altkey-12a5366d.png');
        width: 45px; }
      .keyboard-controls .keyboard-shortcut-info .controls .arrowkeys {
        background-image: url('//d34ymitoc1pg7m.cloudfront.net/bf4/emblems/arrowkeys-177958f7.png');
        width: 43px;
        background-position: 0; }

.emblem-layer-options.disabled {
  opacity: 0.5; }
.emblem-layer-options .layer-actions .action .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../emblem/warsaw/layer-action-icons.png) no-repeat;
  position: relative;
  top: 6px; }
.emblem-layer-options .layer-actions .action.action-duplicate .icon {
  background-position: -72px 0; }
.emblem-layer-options .layer-actions .action.action-flipx .icon {
  background-position: -48px 0; }
.emblem-layer-options .layer-actions .action.action-flipy .icon {
  background-position: -24px 0; }
.emblem-layer-options .layer-actions .action.action-rotate .icon {
  background-position: 0 0; }
.emblem-layer-options .layer-colors {
  background: rgba(0, 0, 0, 0.7); }
  .emblem-layer-options .layer-colors .color:hover {
    box-shadow: 0 0 0 1px #fff; }
.emblem-layer-options .layer-modinputs .modinput {
  background: rgba(0, 0, 0, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.7); }
  .emblem-layer-options .layer-modinputs .modinput.color {
    color: #fff; }
    .emblem-layer-options .layer-modinputs .modinput.color input {
      color: #fff; }
    .emblem-layer-options .layer-modinputs .modinput.color.light {
      color: #000; }
      .emblem-layer-options .layer-modinputs .modinput.color.light input {
        color: #000; }
.emblem-layer-options .layer-modinputs .alpha-slider {
  width: 181px; }
  .emblem-layer-options .layer-modinputs .alpha-slider .slider {
    height: 7px;
    background: rgba(255, 255, 255, 0.5);
    border: 0;
    margin: 14px 10px 0;
    cursor: pointer; }
    .emblem-layer-options .layer-modinputs .alpha-slider .slider .ui-slider-handle {
      width: 6px;
      height: 16px;
      border: 0;
      outline: none;
      margin-left: -3px;
      cursor: pointer; }

.clubemblem {
  line-height: 19px;
  font-size: 14px; }
  .clubemblem .description {
    padding-top: 100px; }

.sharing-options {
  margin-bottom: 8px; }
  .sharing-options .ui-select {
    width: 100%; }

#emblem-edit .layer-no-pad #emblem-edit-layers {
  min-height: 0;
  margin: 0; }
  #emblem-edit .layer-no-pad #emblem-edit-layers .layer:last-child {
    margin-bottom: 0; }
#emblem-edit .loading-indicator {
  margin-left: 0;
  margin-right: -16px; }

#emblem-edit-shapes .emblem-shapes-wrapper .emblem-shapes-header {
  padding: 0 16px;
  font-family: Frutiger, sans-serif;
  font-style: normal;
  font-weight: 400; }

/* TODO: SASSify code */
/* friendrecommendation component CSS resource */
.axis path, .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges; }

.line {
  fill: none;
  stroke-width: 1.5px; }

.queued {
  stroke: steelblue; }

.completed {
  stroke: maroon; }

#friendrecommendation-stats-vals {
  /*margin-left: 40px;*/
  margin: 0 auto; }

#friendrecommendation-stats-vals thead {
  font-weight: bold; }

#friendrecommendation-stats-vals td {
  text-align: right;
  padding-right: 14px;
  padding-top: 8px; }

/* recommendedfriends component CSS resource */
#friendrecommendation-main-container {
  display: none;
  margin-top: 15px;
  margin-bottom: 16px; }
  #friendrecommendation-main-container .box-content {
    padding-bottom: 4px; }
  #friendrecommendation-main-container .facebook-friendfinder {
    background: url(../facebook/icon-fb-m.png) no-repeat;
    margin-top: 1px;
    padding: 0 15px;
    padding-left: 63px;
    background-position: 16px center;
    font-size: 12px;
    text-align: left; }

#friendrecommendation-main-container a.avatar {
  margin-right: 10px; }

#friendrecommendation-main-container button.add-recommended-friend {
  float: right;
  margin-top: 4px;
  margin-right: 10px; }

#friendrecommendation-main-container .avatar {
  float: left; }

#friendrecommendation-main-container .textinfo {
  float: left;
  margin-bottom: 10px;
  color: #a8a8a8; }

#friendrecommendation-main-container .textinfo a {
  font-weight: bold; }