header.users {
  margin-bottom: 30px;

  h1 {
    color: $base-font-color;
    font: bold 38px/44px $sans-serif;
    text-align: center;
    text-transform: uppercase;
  }
}

section.awesome-members {
  background: rgb(240,240,240);
  border: 1px solid rgb(170,170,170);
  border-radius: 4px;
  margin: 20px 1.5em;
  padding: 30px 40px;
  overflow: auto;
  font-size: 0.8em;
  

  table.members {
    tr {
      td {
        h2 {
          color: $base-font-color;
          font-family: $sans-serif;
          font-weight: bold;
          font-size: 1em;
          display: inline;
        }

        .demote-user,
        .promote-user,
        .remove-user, {
          @include button(rgb(240,240,240));
          font-weight: normal;
          padding-right: 10px;
          padding-left: 10px;
          text-align: center;
          text-decoration: none;
          text-shadow: 0 1px rgba(255,255,255, 0.4);
          display: block;
          font-size: 11px;
        }

        .demote-user,
        .promote-user {
          display: none;
        }

        &.trustee {
          a.promote-user {
            display: block;
          }
        }

        &.dean {
          a.demote-user {
            display: block;
          }
        }
      }

      &.admin {
        td.promote-demote-admin {
          a.demote-user {
            display: block;
          }
        }
      }

      &.non_admin {
        td.name {
          span.status {
            display: none;
          }
        }
        td.promote-demote-admin {
          a.promote-user {
            display: block;
          }
        }
      }
    }
  }
}
