$column-width: 48%;


#account-column-wrapper {
  @include clearfix;
  margin-bottom: 3em;

  .overview-box {
    width: $column-width;
    @include inline-block;
  }

  #account-overview {
    float: left;

    table tr {
      font-size: 12px;
      border-bottom: 1px solid $border-color;
    }
  }

  #plan-overview {
    float: right;

    h2 p {
      @include inline-block;
      margin: 0;
      line-height: 20px;
      vertical-align: middle;

      .important-button { margin: 0; }
    }

    ul.features li {
      font-size: 13px;
      list-style: none;

      margin-bottom: 8px;
      padding-left: 10px;
      padding-bottom: 5px;
      margin-left: 5px;
      border-bottom: 1px solid $border-color;

      &.absent {  background: transparent image-url('cross.png') no-repeat 95% 0px; }
      &.present {  background: transparent image-url('tick.png') no-repeat 95% 0px; }
    }
  }
}

#key-overview {
  margin-top: 15px;
  margin-bottom: 25px;
  clear: both;
  width: 2 * $column-width;

  .key {
      @include border-radius(7px);
      height: 60px;

      background-repeat: no-repeat;
      background-position: 10px 20px;
      background-image: image-url('provider/key-background.png');

      text-align: center;
      vertical-align: middle;


      padding: 40px 5px 15px 45px;
      font-family: monospace;
      font-size: 26px;
  }
}


#account-cancellation, #account-upgrade {
  margin-top: 5em;
  a { color: red; }
}
