.node-staff-page .field-name-field-portrait {
  padding: 20px 20px 0 20px;
}

.view-people table.views-view-grid  {
  table-layout: fixed;
}

.view-people table.views-view-grid tr {
  border: none;
}

.view-people table.views-view-grid td {
    border: 1px solid #e4e4e4;
}

/* NB we make sure we add .has-horizontal-teaser to the row classes in the view
   definition. Really we mean something like...
     .view-people .node-staff-page:has(> .campl-horizontal-teaser)
   ...but the :has() pseudo-selector can't be used in css and isn't yet
   supported anyway! */
.view-people .has-horizontal-teaser .node-staff-page  {
  border-bottom: 1px #dedede solid;
}

#edit-ch-staff-page-sidebar-options {
  border: 1px solid #e4e4e4;
}

.view-people table.views-view-grid.cols-4 td {
  border: 1px solid #e4e4e4;
  text-align: center;
}

/**
 * NB without this, the table widths are unequal
 * on Safari.
 */
@media (min-width: 767px) {
  .view-people table.views-view-grid.cols-4 td {
    width: 25%;
  }
}

.view-people h3 {
  text-align: center;
}

.view-people table.views-view-grid {
  table-layout: fixed;
}

table.views-view-grid + h3 {
  padding-top: 18px;
}

.view-people .node-staff-page .staff-teaser-title{
  font-weight: 600;
}

.view-people.view-display-id-search_form .views-exposed-form .views-exposed-widget {
 float:none;
}

.view-people.view-display-id-search_form .form-item input.form-text {
 width: 30em;
 max-width: 100%;
}

.view-people.view-display-id-search_form .views-exposed-form .reset-button {
 margin-left: 10px;
}

.view-people.view-display-id-search_form .views-exposed-widget.views-submit-button {
 padding-top: 0px;
}

.view-people.view-display-id-search_form .views-exposed-widget.views-submit-button input {
 margin-top: 0px;
}

.node-teaser div.field-name-field-portrait {
  padding-top: 0;
}