#content th,
  #content td {
    padding: 3px 6px;
    vertical-align: top;
  }
  #content th {
    text-align: left;
    color: #fff;
  }
  #content thead th {
    background-color: #15b;    
  }
  #content .sortable thead th {
    padding-left: 18px;
  }
  #content tbody th {
    background-color: #6f93ce;
    padding-left: 6px;
  }
  #content .date-column {
    width: 40px;
  }
  th img {
    float: left;
  }
  
  tr.even,
  tr.first {
    background-color: #eee;
  }
  tr.odd,
  tr.second {
    background-color: #ddd;
  }
  tr.third {
    background-color: #ccc;  
  }
  
  td.sorted {
          background: #ffd;
  }
  th.clickable {
    background: transparent url(../images/sort-arrows.png) no-repeat 0 0;
  }
  th.sorted-asc {
   background-position: 0 -20px;
  }
  th.sorted-desc {
    background-position: 0 -40px;
  }
  
  .filtered {
    display: none;
  }
  
  /* filterable table */
  
  #content table.filterable {
    width: 78%;
    
  }
  #content .filters {
   float: right;
   width: 19%;
   padding-left:5px;
  }
  
  #content .filterable thead th {
    padding-left: 6px;
  }
  div.pager {
    margin-bottom: .25em;
  }
  
  #content .page-number,
  #content .filter {
    padding: .2em;
  }
  #content .page-number {
    border: 1px solid #ccc;
    margin-right: 2px;
  }
  #content .active {
    background: #ccf;
    border: 1px solid #006;
  }
  
  #content tr.highlight {
    background: #ff6;
  }
  #content tr.plain {
    background: #fff;
  }
  #tooltip {
    position: absolute;
    z-index: 2;
    background: #efd;
    border: 1px solid #ccc;
    padding: 3px;
  }