BODY, TD {
  background: #fffffc;
  font: 10pt Arial;
  padding: 0;
  margin: 0;
  }

H1 {
  font: bold 14pt Arial;
  margin: 10 10;
  }

H2 {
  font: bold 12pt Arial;
  margin: 20px 10px 10px;
  }

P {
  margin: 12 0;
  }

.divTbl {
  display: table;
  border-collapse: separate;
  border-spacing: 0px;
}

.divTbl > DIV {
  display: table-row;
}

.divTbl > DIV > DIV {
  display: table-cell;
  vertical-align: middle;
}

.divTbl > DIV > DIV > IMG {
  display: block;
}

TABLE {
  border: none;
  margin: 0;
  padding: 0;
  }

.TitleBar {
  background: #6666FF;
  color: #ffb070;
  font: bold 18pt Arial;
  text-align: center;
  padding: 6;
  }

.TitleBar A:visited, .TitleBar A:link {
  color: #ffb070;
  text-decoration: none;
  }

.TitleBar A:hover {
  color: #f0f040;
  text-decoration: none;
  }

.BigDevice .TitleBar {
  white-space: nowrap;
  font-size: 1.8em;
  border-bottom: solid 1px #aaaaaa;
  }

.MenuHolder {
  background: #6666FF;
  color: #ffffff;
  }

.SideMenu A:visited, .SideMenu A:link {
  color: #ffffff;
  text-decoration: none;
  }

.SideMenu A:hover {
  color: #e8d000;
  text-decoration: none;
  }

.BigDevice .SideMenu DIV {
  display: inline-block;
}

.BigDevice .SideMenu A {
  display: block;
  font-size: 1.1em;
  padding: 0.5em 1em;
  white-space: nowrap;
}

.SubBody {
  padding: 15 0 0 8;
  }

.DataTable TH, .DataTable .DataHeader TD , .DataTable TH A:link, .DataTable TH A:visited {
  color: #800080;
  font: bold 10pt Arial;
  padding: 1 4;
  }

.DataTable .Medal1 TD {
  background: #f5e060;
  }

.DataTable .Medal2 TD {
  background: #d0d0d0;
  }

.DataTable .Medal3 TD {
  background: #d89048;
  }

.DataTable TD {
  xbackground: #e0e8ff;
  background: #fff0c0;
  font: 10pt Arial;
  padding: 1 4;
  }

.DataTable .LeagueEvent {
  font: bold 10pt Arial;
  }

.DetailHeader {
  font: bold 10pt Arial;
  }

.ResultHeader {
  font: bold 10pt Arial;
  }

.ResultRaceHeader {
  font: bold 12pt Arial;
  }

.PlacingsCatHeader {
  font: bold 11pt Arial;
  }

.DataTable .PlaceRacePts {
  background: #fff4d0;
  text-align: center;
  padding: 1 5;
  }

.DataTable .PlaceRacePtsDrop {
  background: #fff4d0;
  text-align: center;
  text-decoration: line-through;
  color: #808080;
  padding: 1 5;
  }

.DataTable .Medal1 .PlaceRacePts, .DataTable .Medal1 .PlaceRacePtsDrop {
  background: #fff080;
  }

.DataTable .Medal2 .PlaceRacePts, .DataTable .Medal2 .PlaceRacePtsDrop {
  background: #e8e8e8;
  }

.DataTable .Medal3 .PlaceRacePts, .DataTable .Medal3 .PlaceRacePtsDrop {
  background: #eeaa66;
  }

.DataTable .Medal3 .PlaceRacePtsDrop {
  color: #808080;
  }

.EDP A:visited, .EDP A:link {
  font: bold 18pt Arial;
  color: #6666ff;
  }


/*Lap-o-meter styles*/

.LapometerSubBody {
  /*padding: 8px 0px 0px 8px;*/
  padding: 8px;
  }


.GraphBorder TD {
  background: #fff0c0;
  padding: 6px 16px 6px 6px;
  }

.GraphTable TD {
  background: #ffffff;
  padding: 0px 0px 0px 0px;
  line-height: 1px; /* Need this to ensure table cells are the height of the image ond no greater in standards mode */
  }

.GraphLapHeader TD {
  text-align: center;
  background: #fff0c0;
  color: #800080;
  font: bold 10pt Arial;
  padding: 0px 0px 4px;
  }

.GraphTitleBar {
  text-align: center;
  white-space: nowrap;
  background: #6666FF;
  color: #ffb070;
  font: bold 14pt Arial;
  padding: 6px;
  }

.CxMapInfoBox {
  background-color: #ffffff;  /* for old browsers that don't understand alpha channel */
  background-color: #fffffff0;
  color: black;
  border: 2px black solid;
  border-radius: 0.5em;
  padding: 0.5em;
}

.CxMapInfoBoxTitle {
  font-weight: bold;
  font-size: 1.1em;
}