.rankings {

  sup {
    color: red;
  }

  .character, .guild {
    position: relative;
    width: 184px;
    float: left;
    height: 88px;
    padding: 4px 0px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-top: -1px;

    &:nth-child(3n) {
      border-right: 0;
    }

    .rank-up, .rank-down, .rank-stayed {
      color: #7B7A79;
      font-weight: bold;
      position: absolute;
      right: 10px;
      font-size: 15px;
      top: 8px;
    }

    .rank-up {
      color: #4C9A33;
    }

    .rank-down {
      color: #C34F4F;
    }

    .rank-trophy {
      position: absolute;
      bottom: 5px;
      right: 5px;
      width: 31px;
      height: 60px;
    }

    &.rank-1 .rank-trophy {
      background-image: url(../images/trofeu_ouro.png);
      background-position: right 10px;
      background-repeat: no-repeat;
    }

    &.rank-2 .rank-trophy {
      background-image: url(../images/trofeu_prata.png);
      background-position: right 10px;
      background-repeat: no-repeat;
    }

    &.rank-3 .rank-trophy {
      background-image: url(../images/trofeu_bronze.png);
      background-position: right 10px;
      background-repeat: no-repeat;
    }

    .image {
      width: 65px;
      height: 88px;
      margin-left: 10px;
      float: left;
      position: relative;

      .gen {
        position: absolute;
        right: 5px;
        bottom: 5px;
        width: 25px;
        height: 35px;
      }

      .mold {
        background-image: url(../images/border-avatar-ranking.png);
        width: 70px;
        height: 86px;
        position: relative;
        z-index: 10;
      }

      img, svg {
        position: absolute;
        top: 5px;
        left: 0;
      }
    }

    .desc {
      width: 101px;
      padding-top: 5px;
      float: left;
    }

    .rank {
      position: absolute;
      bottom: 5px;
      right: 5px;
      font-size: 12px;
      background: #ccc;
      .border-radius(5px);
      padding: 4px;
      height: 20px;
      width: 20px;
      line-height: 20px;
      text-align: center;
      font-weight: bold;
    }

    div {
    	height: 14px;
    }

    .name {
    	font-size: 13px;
    	margin: 0;
    }

    .class {
      margin-top: 2px;
    	font-size: 9px;
    }

    .resets {
    	margin: 2px 0;
    }

    .level {
      margin: 2px 0 6px;
      font-size: 14px;
      color: #5F5F00;
      font-weight: bold;
    }
  }

  .guild {
    height: 73px;

    .image {
      width: 69px;
      height: 73px;
    }
  }
  
}