#goals_list {
  background: #EEE;
  border: 1px solid #CCC;
  margin: 10px;
  padding: 10px;
  font-size: 0.8em;
  .goal {
    clear: both;
    height: 20px;
    border-bottom: 1px solid #DDD;
    padding: 2px 10px;
    cursor: pointer;
    &:hover {
      background: white;
    }
    span {
      display: inline-block;
      vertical-align: middle;
    }
    .order {
      width: 70px;
      text-align: center;
    }
    .title {
      width: 50px;
      text-align: center;
      font-weight: 700;
    }
    .kind, .category {
      width: 100px;
    }
    .name {
      width: 160px;
    }
    .visible {
      float: right;
    }
  }
}

#unlockable {
  .purchase_title {
    text-align: center;
  }
  .goal {
    margin-top: 20px;
    padding: 20px;
    border: 1px solid #AAA;
    background: #CCC;
    box-shadow: inset 0 2px 6px rgba(0,0,0,0.2);
    h2 {
      font-size: 2em;
    }
    .notes {
      padding: 5px;
      font-size: 0.9em;
      font-style: italic;
      color: #555;
    }
    .charge_form {
      display: inline-block;
      text-align: center;
      .amount {
        display: inline-block;
        margin: 10px;
      }
    }
  }
}