body {
  margin: 10px;
  font-family: sans-serif;
}

#site-header {
  color: #999;
  font-size: 75%;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
  background: #baadcb;
  color: white;
}

table.grid {
  border-collapse: collapse;
  width: 100%;
}

table.grid td, table.grid th {
  border: thin solid gray;
  padding: 5px;
  vertical-align: top;
}

table.grid th {
  text-align: right;
}

@media print {
  /* Bootstrap adds URLs after every link, stop doing that... */
  a[href]:after {
    content: none !important;
  }

  /* and don't print any navigation or form controls, either */
  input, a.btn, ul.nav {
    display: none;
  }
}