/**
 * @file table.css
 * Style for tables. Cribbed from NPR Visuals. <http://blog.apps.npr.org/2014/05/09/responsive-data-tables.html>
 *
 * @author Patrick Judge <pjudge@bettergov.org>
 */

table {
    font-size: 12px;
    border-collapse: collapse;
    padding: 0;
    margin: 0 0 11px 0;
    width: 100%;
}
table th {
    text-align: left;
    border-bottom: 2px solid #eee;
    vertical-align: bottom;
    padding: 0 10px 10px 10px;
    text-align: right;
}
table td {
    border-bottom: 1px solid #eee;
    vertical-align: top;
    padding: 10px;
    text-align: right;
}
table th:nth-child(1),
table td:nth-child(1) {
    text-align: left;
    padding-left: 0;
    font-weight: bold;
}

/* responsive table */
/*@media screen and (max-width: 480px) {
  table,
  tbody {
      display: block;
      width: 100%;
  }
  thead { display: none; }
  table tr,
  table th,
  table td {
    display: block;
    padding: 0;
    text-align: left;
    white-space: normal;
  }
  table tr {
    border-bottom: 1px solid #eee;
    padding-bottom: 11px;
    margin-bottom: 11px;
  }
  table th[data-title]:before,
  table td[data-title]:before {
     content: attr(data-title) ":\00A0";
     font-weight: bold;
  }
  table td {
      border: none;
      margin-bottom: 6px;
      color: #444;
  }
  table td:empty { display: none; }
  table td:first-child {
      font-size: 14px;
      font-weight: bold;
      margin-bottom: 6px;
      color: #333;
  }
  table td:first-child:before { content: ''; }

}*/