body {
  margin: 0px;
  padding: 0px;
  background-color: #4c4c4c;
}

a {
  color: #0000FF;
}

a:link {}
a:hover {}
a:active {}
a:visited {}

#hidden_stuff {
  position: absolute;
  top: -1000px;
  left: -1000px;
}

#outside_border {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

.outside_border, .outside_border TD, .outside_border TH {
  background-color: #4c4c4c;
  color: #8e8e8f;
  font: 12px arial; 
}

.outside_noborder, .outside_noborder TD, .outside_noborder TH {
  background-color: #4c4c4c;
}

.outside_border_copyright {
  background-color: #4c4c4c;
  color: #8e8e8f;
  font: 10px arial; 
}

.outside_border_copyright a {
  color: #45a0c9;
  font: 9px arial;
  text-decoration: none;
}

.outside_border_copyright a:hover {
  color: #ffffff;
  font: 9px arial;
  text-decoration: none;
}

#viewport {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: move;
}

#toolbar {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 27px;
  width: 100%;
  z-index:3;
  cursor: auto;
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  border: 0px solid #000000;
}

#ad_banner {
  position: relative;
  left: 0px;
  z-index: 5;
  background-color: #000000;
}
.ad_banner_title {
  font: 16px arial;
  color: #646464;
}

#nav_bar {
  position: relative;
  left: 0px;
  z-index: 5;
  background-color: #ffffff;
}

.nav_bar_row {
  background-color: #fee5a2;
}

.nav_bar_row_mapper {
  background-color: #febf0f;
}

#nav_bar a {
  color: #6c0a06;
  font: bold 12px arial;
  text-decoration: none;
}

#nav_bar a:hover {
  color: #ff0000;
  font: bold 12px arial;
  text-decoration: none;
}

#main_div {
  position: relative;
  left: 0px;
  z-index: 6;
}

.race_title {
  color: #d2d2d2;
  font: bold 17px arial;
  text-decoration: none;
}

.page_title_bar_big {
  background-color: #4c4c4c;
  color: #d2d2d2;
  font: bold 15px arial;
  text-decoration: none;
}

.page_title_bar {
  background-color: #4c4c4c;
  color: #aaaaaa;
  font: 13px arial;
  text-decoration: none;
}

.page_title_bar a {
  color: #45a0c9;
  font: 13px arial;
  text-decoration: none;
}

.page_title_bar a:hover {
  color: #ffffff;
  font: 13px arial;
  text-decoration: none;
}

#my_boats_div {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 5;
  text-decoration: none;
}

#showHideMyBoats {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 6;
  width: 50px;
  color: #ffffff;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  width: 185px;
}

#showHideMyBoats a:link {
  color: #ffffff;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #707070;
  }

#showHideMyBoats a:visited {
  color: #ffffff;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #707070;
  }

#showHideMyBoats a:hover {
  color: #ffffff;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #000066;
  }

#showHideMyBoats a:active {
  color: #ffffff;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #707070;
  }

#boatList {
  position: relative;
  top: -1px;
  z-index: 5;
}

#showHideLegend {
  position: absolute;
  width: 195px;
  bottom: 2px;
  right: 0px;
  z-index: 6;
  color: #ffffff;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  width: 185px;
  background-color: #707070;
}

#showHideLegend a:link {
  color: #ffffff;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #707070;
  }

#showHideLegend a:visited {
  color: #ffffff;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #707070;
  }

#showHideLegend a:hover {
  color: #ffffff;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #000066;
  }

#showHideLegend a:active {
  color: #ffffff;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #707070;
  }

#map_controls_div {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 5;
  text-decoration: none;
}

#reference {
  position: absolute;
  width: 195px;
  bottom: 15px;
  right: 0px;
  z-index: 2;
  cursor: auto;
  display: block;
}

#legend {
  position: relative;
  left: 10px;
  top: 0px;
  width: 185px;
  height: 46px;
}

#keymap {
  position: relative;
  width: 181px;
  height: 131px;
  border: 2px solid #707070;
  overflow: hidden;
}

#scalebar {
  position: absolute;
  top: -1000px;
  left: -1000px;
  width: 250px;
  height: 33px;
  border: 1px solid #000000;
}


.bevelInset {
  border-top: 1px solid #666666;
  border-left: 1px solid #666666;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

.bevelOutset {
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
}


.label {
  font-family: arial;
  font-size: 11px;
  font-weight: normal;
}


.value {
  font-family: arial;
  font-size: 11px;
  font-weight: bold;
}

.control_table, .control_table TD, .control_table TH
{
background-color:#d4d4d4;
}


input {
  font-family: arial;
  font-size: 11px;
  font-weight: normal;
}

select {
  font-family: arial;
  font-size: 10px;
  font-weight: normal;
}

#confidential {
  position: absolute;
  right: 4px;
  top: 21px;
  z-index: 2;
  text-decoration: none;
  font-family: arial;
  font-size: 32px;
  color: #FF0000;
}

#copyright {
  position: absolute;
  left: 1px;
  bottom: 2px;
  z-index: 2;
}

#coords {
  position: absolute;
  left: 2px;
  bottom: 2px;
  z-index: 2;
  color: #000000;
  background-color: #ffffff;
  text-decoration: none;
  font-family: arial;
  font-size: 13px;
  font-weight: bold;
}

#en_banner {
  position: absolute;
  right: 5px;
  top: 51px;
  z-index: 2;
  text-decoration: none;
  font-family: arial;
  font-size: 12px;
  color: #000000;
}

#kaLogo {
  position: absolute;
  right: 3px;
  bottom: 3px;
  z-index: 2;
}

#colorbar_legend {
  position: absolute;
  right: 35%;
bottom: 2px;  z-index: 3;
}

#disclaimer_text {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10000;
  font-family: arial;
  font-size: 12px;
  font-weight: normal;
  visibility: hidden;
}

.leaderboard_row0 {
  background-color: #707070;
}

.leaderboard_row0 a {
  color: #000000;
  text-decoration: none;
}

.leaderboard_row0 a:hover {
  color: #ffffff;
  text-decoration: none;
}

.leaderboard_row1 {
  background-color: #949494;
}

.leaderboard_row1 a {
  color: #000000;
  text-decoration: none;
}

.leaderboard_row1 a:hover {
  color: #ffffff;
  text-decoration: none;
}

/* ---------- Map Tips Styles ---------- */

.mapTipsTable {
  border: 1px solid #707070;
}

.mapTipsRow1 {
  background-color: #707070;
}

.mapTipsRow1alert {
  background-color: #ff0000;
}

.mapTipsRow2 {
  background-color: #cdcdcd;
}

.mapTipsRow3 {
  background-color: #cdcdcd;
}

.mapTipsLabelAlert {
  color: #ff0000;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
}

.mapTipsLabel0 {
  color: #ffffff;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}

.mapTipsLabel1 {
  color: #ffffff;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
}

.mapTipsLabel1 A:hover {
  background-color: #707070;
}

.mapTipsLabel1_white A {
  color: #ffffff;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
}
.mapTipsLabel1_white A:hover {
  background-color: #707070;
}

.mapTipsLabel2Alert {
  color: #ff0000;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
}

.mapTipsLabel2 {
  color: #000000;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
}

.mapTipsLabel4Alert {
  color: #ff0000;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  vertical-align: top;
}

.mapTipsLabel4 {
  color: #000000;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  vertical-align: top;
}

.mapTipsLabel2_nohover {
  color: #000000;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
}

.mapTipsLabel2_nohover A:hover {
}

.mapTipsLabel3 {
  color: #000000;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  border: 1px dashed #707070;
}

.linkText {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold; 
  color: #000000;
}

.whiteText {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold; 
  color: #ffffff;
}

.mapTipsLabel1 {
  color: #ffffff;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
}

.mapControlPanelTimeLabel {
  color: #000000;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.mapControlPanelRegularLabel {
  color: #000000;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
}

.roster td {
  font-size:10px;
}

.control td {
  background:#7db3ff;
  outline:1px solid black;
  color:black;
}