* {

  box-sizing: border-box;

  font-family: Arial, Helvetica, sans-serif;

}



body {

  margin: 0;

  font-family: Arial, Helvetica, sans-serif;

}



/* Style the top navigation bar */

.topnav {

  overflow: hidden;

  background-color: #FF8C00;

}



/* Style the topnav links */

.topnav a {

  float: left;

  display: block;

  color: #f2f2f2;

  text-align: center;

  padding: 14px 16px;

  text-decoration: none;

}



/* Change color on hover */

.topnav a:hover {

  background-color: #ddd;

  color: black;

}



/* Style the content */

.content {

  background-color: #fff;

  padding: 10px;

  overflow-x:auto

}



/* Style the footer */

.footer {

  background-color: #8B4513;

  color: #f2f2f2;

  padding: 10px;

}



#results {

  font-family: Arial, Helvetica, sans-serif;

  border-collapse: collapse;

  width: 100%;

}



#results td, #results th {

  border: 1px solid #ddd;

  padding: 8px;

}



#results tr:nth-child(even){background-color: #eee;}



#results tr:hover {background-color: #ddd;}



#plain-num {

  background-color: #f5f5f5;

  font-weight: bold;

  text-align: center;

  color: black;

  text-decoration: none;

}



#plain-num a {

  color: black;

  text-decoration: none;

}



#dereg-num {

  background-color: #ff6347;

  font-weight: bold;

  text-align: center;

  color: black;

  text-decoration: none;

}



#dereg-num a {

  color: black;

  text-decoration: none;

}



#bee-num {

  background-color: #ffd700;

  font-weight: bold;

  text-align: center;

  color: black;

  text-decoration: none;

}



#bee-num a {

  color: black;

  text-decoration: none;

}



#results tr:row-bee {

  background-color: #ffce44;

  font-weight: bold;

}



#results th {

  padding-top: 12px;

  padding-bottom: 12px;

  text-align: left;

  background-color: #000;

  color: white;

}