body {
    font-size: x-small;
    font-family: "tahoma", "sans-serif", "arial", "helvetica";
}
table, th, td {
  font-size: x-small;
  font-family: 'tahoma', 'sans-serif', 'arial', 'helvetica';
}
tr:nth-child(even) {background-color: #f1f1c1}
tr:nth-child(odd) {background-color: #f2f2f2}
tr:hover {background-color: #f5f5f5}
td.hd {background-color: #bbb}

ul.tab {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #333;
}
ul.tab li {
  float: left;
  border-right: 1px solid #bbb;
}
ul.tab li:last-child {
  border-right: none;
}
ul.tab li a {
  display: block;
  color: white;
  font-weight: bold;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  transition: 0.3s;
}
ul.tab li a:hover {
  color: black;
  background-color: #ddd;
}
ul.tab li a:focus, .active {
  background-color: #bb0000;
}
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}
