body {
  font-family: arial, helvetica, sans-serif;
  background-color: #000000;
  color: #00ff20;
  font-weight: normal;
  padding: 0px;
  margin: 5px;
}

.yellowtext {
  font-family: arial, helvetica, sans-serif;
  color: #ffff00;
}

.redtext {
  font-family: arial, helvetica, sans-serif;
  color: #ff0000;
}

th.imageheader {
  background-color: #000000;
  text-align: center;
}

th.small {
  font-size: 60%;
}

span.imagecaption {
  color: #ffffff;
  font-family: arial, helvetica, sans-serif;
  font-size: 60%;
}

span.boldtext {
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  color: #ffff00;
}

span.warning {
  font-family: arial, helvetica, sans-serif;
  font-size: 80%;
  color: #ff4444;
}

/* e.g. Driver or Team (at the top of the page) */
span.typeheader {
  font-style: italic;
  color: #ffff00;
}

span.date {
  font-family: arial, helvetica, sans-serif;
  font-style: italic;
  color: #ffff00;
}

.subtitle {
  font-family: arial, helvetica, sans-serif;
  color: #ffff00;
  font-weight: bold;
  font-size: 125%;
}

.seealso {
  font-family: arial, helvetica, sans-serif;
  font-size: 65%;
  color: #ffff00;
}

td.graphblue {
  background: #00ffff;
}

td.graphtrans {
  /* background: #404020; */
  background: #000000;
}

td.graphscale {
  font-family: arial, helvetica, sans-serif;
  font-size: 65%;
  color: #ffff00;
}

td.graphlabel {
  font-family: arial, helvetica, sans-serif;
  font-size: 65%;
  color: #00ff00;
}

/* e.g. for the left and right links */
td.small {
  font-family: arial, helvetica, sans-serif;
  font-size: 65%;
}

.small {
  font-family: arial, helvetica, sans-serif;
  font-size: 80%;
}

td.weathercaption {
  font-family: arial, helvetica, sans-serif;
  font-size: 65%;
  text-align: center;
}

td.largenumber {
  font-family: arial, helvetica, sans-serif;
  font-size: 115%;
  text-align: center;
  font-weight: bold;
}

td.copyright {
  font-family: arial, helvetica, sans-serif;
  font-size: 65%;
  color: #00ff20;
  text-align: center;
}

span.gridnum {
  font-family: arial, helvetica, sans-serif;
  font-size: 80%;
  color: #ffff00;
  text-align: center;
}

.jumpform {
  font-family: arial, helvetica, sans-serif;
  font-size: 64%;
  color: #ffff00;
  text-align: center;
}

.menusection {
  font-family: arial, helvetica, sans-serif;
  font-size: 100%;
  font-weight: bold;
  color: #00ff20;
}

.menuitem {
  font-family: arial, helvetica, sans-serif;
  font-size: 80%;
  color: #00ff20;
}

td {
  font-size: 80%;
  font-family: arial, helvetica, sans-serif;
  color: #00ff20;
  background: #000000;
}

td.greenborder {
  background: #00ff20;
}

td.yellowborder {
  background: #ffff00;
}

th {
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 80%;
  background: #404020;
  color: #00ff20;
}

a.headersortable {
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  background: #404020;
  color: #00ff20;
}

a.headersorted {
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  background: #404020;
  color: #ffff00;
}

/* e.g. for Details, F1 History, etc. */
td.sectionheader {
  background-color: #000000;
  font-family: arial black, arial, helvetica, sans-serif;
  /* font-weight: bold; */
  color: #ffaa00;
  font-size: 140%;
  text-align: right;
}

h1 {
  color: yellow;
  font-weight: bold;
  font-size: 200%;
}

h2 {
  color: yellow;
  font-weight: bold;
  font-size: 125%;
}

a {
  color: #33eed0;
/*  font-weight: bold; */
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a.penalty {
  font-family: arial, helvetica, sans-serif;
  color: #ff0000;
  text-decoration: none;
}

a.penalty:hover {
  text-decoration: underline;
  color: #ff0000;
}

.nonlink {
  text-decoration: none;
  color: #00ff20;
  font-family: arial, helvetica, sans-serif;
  font-size: 80%;
  font-weight: bold;
}

.nonlink:hover {
  text-decoration: none;
}

span.roman {
  font-size: 80%;
  text-decoration: underline overline;
}