body {
	margin: 0px;
	padding: 0px;
	background-color: #EEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
  color: #222; 
	text-decoration: none;
  min-width: 500px; 
}

div.wrapper {
  width: 100%;
}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

tr.alt {
	background-color: #9BB1D0; 
}

td {
	font-size: 11px;
	margin-left: auto;
	margin-right: auto;
	color: #453048;
	background-color: transparent;
	border: 0px;
	padding: 3px;
	font-weight: normal;
}

div.heat {
	border: 1px solid #999999;
}

.heat th {
	font-size: 11px;
	font-weight: bold;
}

td.heat_number, td.heat_score, td.heat_prog {
  background-color: #C0C0C0;
  text-align: center;
  font-size: 22px;
}

td.heat_time {
  background-color: #C0C0C0;
  text-align: center;
  font-size: 14px;
}

td.rider_score, td.gate_number {
  text-align: center;
}


td.rider_name {
	font-weight: bold;
  padding-right: 10px;
}

.team_grid th {
  padding-right: 10px;
	font-size: 12px;
	font-weight: bold;	
}

.team_title {
	font-size: 16px;
}

th {
  text-align: left;
}

.match_title {
	font-size: 20px;
	font-weight: bold;	
  text-align: center;
}

.match_date {
	font-size: 12px;
  text-align: center;
}

.flash_notice, .unassigned_gates {
	color: red;
	font-size: 11px;
	font-weight: bold;
}

.flash_errors {
	color: red;
	font-size: 11px;
	font-weight: bold;
}

.action_title {
	font-size: 18px;
	font-weight: bold;
}

.action_sub_title {
	font-size: 16px;
	font-weight: bold;
}

.displayname {
	font-size: 14px;
	font-weight: bold;
}

span.error {
	font-size: 10px;
	font-weight: bold;
	color: #ff0000;
}

input.time {
  width: 60px;  
}

a {
	text-decoration: none;
}

.surrounded_button, .button {
  border: none;
  margin: none;
	padding: 2px 6px 2px 6px;
	color: #000;
	display: inline-block;
	/* Was #C1C1C1 -- effectively the same grey as td.heat_number/
	   td.heat_score/td.heat_prog/td.heat_time's #C0C0C0, so the inline
	   time-entry "update" button (and every other button in the app,
	   since this class is shared app-wide via the surrounded_button/
	   surrounded_submit helpers) didn't stand out against a grey
	   container behind/around it. Darkened app-wide rather than scoped
	   to one button, per Jez. */
	background-color: #999999;
	font-weight: bold;
}

.surrounded_button:hover {
	background-color: #248;
}

.footer {
  height: 30px;
}

.footer > * {
  display: inline-block;
}

.index_header {
	color: #000;
	background-color: #C1C1C1;
	font-size: 12px;
	font-weight: bold;
}

.menubar {
	background-color: #47474C;
  height: 30px;
  margin-bottom: 6px;
}

.menu, .menu_selected {
	display: inline-block;
  vertical-align: top;
	border: none;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
  width: 70px;
  height: 100%;
}

.menu, .menu a {
	color: #272727;
	background-color: #A1A1A1;
}

.menu_selected, .menu_selected a  {
	color: #A1A1A1;
	background-color: #272727;
}

.menubar_bottom {
	background-color: #272727;
  height: 4px;
  width: 100%;
}

.menu a,  .menu_selected a  {
  display: block;
  height: 100%;
  width: 100%;
}

.menu:hover, .menu_selected:hover, .menu a:hover, .menu_selected a:hover {
	color: #00FF00;
}

.menu_selected:hover {
	color: #0F0;
}

div.button:hover {
	background-color: #248;
}

table, .heat_result_editor {
 width: 100%;
}

div.heat, div.team_grid {
  min-width: 400px;
}

.tactical_change {
	border-color: #FFF;
  text-align: left;
  padding: 5px;
	border: 1px solid #999999;
  margin: 2px;
}

.tactical_title {
	font-size: 13px;
  padding-bottom: 10px;
	font-weight: bold;
}

div.record_field {
  text-align: left;
}

div.record_title {
	font-size: 14px;
	font-weight: bold;
}

.field_name {
  width: 25%;
  float: left;
}

.field_value select,.field_value input {
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #999999;
}

.field_value select {
  width: 30%;
}

.field_value input {
  width: 20%;
}

div.buttons, div.actions {
  margin: 4px;
  padding: 4px;
}

.content_tabs {
  height: 18px;
	padding: 2px;
	background-color: #919191;
}

a.content_tab, a.content_tab_selected {
	padding: 0px 6px 2px 6px;
	margin: 2px 2px 2px 2px;
	border: none;
	border-width: 0px;
	display: inline;
	font-size: 12px;
	font-weight: bold;
  position: relative;
  top: 2px;
	color: #ffffff;
	background-color: #272727;
}

a.content_tab_selected {
	color: #000000;
	background-color: #ffffff;
}

a.content_tab:hover, a.subcontent_tab:hover, a.content_tab_selected:hover {
	font-size: 12px;
	font-weight: bold;
	color: #00FF00;
	border: none;
	background-color: #0A1240;
}

a.content_tab_selected:hover {
	color: #0F0;
	background-color: #ffffff;
}

table.finish_select {
  width: 400px;
}

table.finish_select td {
  height: 30px;
  font-size: 18px;
  line-height: 30px;
  padding: 0px;
}

div.helm {
	display: inline-block;
  height: 30px;
  width: 30px;
  margin: 5px;
  padding: 0px;
  border: 0px;
  border-radius: 10px;
}

.R, .R * {
	background-color: #F00;
  color: #EEF;
}
.B, .B * {
	background-color: #309;
  color: #EEF;
}
.G, .G * {
	background-color: #3C0;
  color: #000;
}
.Y, .Y * {
	background-color: #FF3;
  color: #000;
}
.W, .W * {
	background-color: #FFF;
  color: #000;
}

.helm_radio {
  display: none;
}
 
.helm_radio + label {
  height: 30px;
  width: 30px;
  font-size: 10px;
  text-align: center;
  line-height: 30px;
  display: block;
  font-family: monospace;
  border-radius: 10px;
  font-size: 20px;
}

.R .helm_radio:checked + label {
  background-image: url("/images/helmet_white.gif");
  color: #F00;
}
.B .helm_radio:checked + label {
  background-image: url("/images/helmet_white.gif");
  color: #309;
}
.G .helm_radio:checked + label {
  background-image: url("/images/helmet_black.gif");
  color: #3C0;
}
.Y .helm_radio:checked + label {
  background-image: url("/images/helmet_black.gif");
  color: #FF3;
}
.W .helm_radio:checked + label {
  background-image: url("/images/helmet_black.gif");
  color: #FFF;
}
.helm_default_1 {
  background-image: url("/images/helmet_black.gif");
}
.helm_default_2 {
  background-image: url("/images/helmet_white.gif");
}