a:link, a:visited, a:active {
	color: #0A009C;
	text-decoration: underline;
}

a:hover {
	color: #0A009C;
	text-decoration: none;
}

a.nav:link, a.nav:visited, a.nav:active {
	color: #0A009C;
	text-decoration: none;
}

a.nav:hover {
	color: #dd2222;
	text-decoration: none;
}

a img {
  border: none;
}

dt { font-family: monospace; }

.plain {
	font-family: "Trebuchet MS", Arial; font-size: 12px; color: black;
	line-height: 14px;
}

.header-title-cell {
	font-family: "Trebuchet MS", Arial; font-size: 12px; font-weight: bold; color: #333333;
	line-height: 16px;
	border-top: #999999 1px solid;
	border-right: #999999 1px solid;
	border-bottom: #FFFFFF 1px solid;
	border-left: #999999 1px solid;
	padding-top: 3px; padding-right: 8px; padding-bottom: 0px; padding-left: 8px;
	background-color: #DDDDDD;
}

.header-nav-cell {
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
	border-left: #999999 1px solid;
	padding-top: 5px; padding-right: 3px; padding-bottom: 4px; padding-left: 3px;
	background-color: #EEEEEE;
}

.header-single-cell {
	font-family: "Trebuchet MS", Arial; font-size: 12px; font-weight: bold; color: #333333;
	line-height: 16px;
	border-top: #999999 1px solid;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
	border-left: #999999 1px solid;
	padding-top: 3px; padding-right: 8px; padding-bottom: 3px; padding-left: 8px;
	background-color: #DDDDDD;
}

.header-navitem-cell {
	font-family: Verdana, Arial; font-size: 9px;
	border-right: #999999 1px solid;
	padding-top: 0px; padding-right: 6px; padding-bottom: 0px; padding-left: 6px;
	text-align: center; margin: 0px;
}

.header-navitem-lastcell {
	font-family: Verdana, Arial; font-size: 9px;
	padding-top: 0px; padding-right: 6px; padding-bottom: 0px; padding-left: 6px;
	text-align: center; margin: 0px;
}

.page-title {
	font-family: "Trebuchet MS", Arial; font-size: 16px; font-weight: bold; color: #333333;
	line-height: 16px;
}

img.helpicon {
  cursor: pointer; border: none;
  margin-left: 4px;
  vertical-align: middle;
  opacity: 0.50;
  filter: alpha(opacity = 50);
}

img.helpicon:hover {
  opacity: 1;
  filter: alpha(opacity = 100);
}

.section-header {
	font-family: "Trebuchet MS", Arial; font-size: 16px; font-weight: bold; color: #000000;
	padding-top: 6px; padding-bottom: 4px; padding-left: 5px;
}

.table-header {
	font-family: "Trebuchet MS", Arial; font-size: 14px; font-weight: bold; color: #000000;
}

.table-header small {
	font-size: 13px;
}

.body-cell {
	border: #CCCCCC 1px solid;
	padding: 3px;
}

.footer-help img {
  vertical-align: middle;
  margin-right: 3px; margin-left: 2px;
  cursor: pointer;
}

.footer-help {
  padding: 3px;
  background-color: #EEEEEE;
}

.input-label {
	font-family: "Trebuchet MS", Arial; font-size: 12px; color: black;
	line-height: 14px; text-align: right;
  vertical-align: top; padding-top: 14px;
}

table.tight td { font-size: 12px; }
table.tight tr { vertical-align: top; }
table.tight .input-label { padding-top: 6px; padding-right: 2px; }
table.tight td.plain { padding-top: 6px; }

.input-label-bulk {
	font-family: "Trebuchet MS", Arial; font-size: 12px; color: black; font-weight: bold;
	line-height: 14px; text-align: left;
	padding: 8px 8px 8px 0px;
}

.input-cell-bulk {
	padding-top: 4px; padding-right: 5px;  padding-bottom: 4px;
}

table.tight .input-label-bulk {
	padding: 5px 8px 4px 5px;
}

table.tight .input-cell-bulk {
	padding-top: 1px; padding-right: 5px;  padding-bottom: 1px;
}

.input-label-candidate {
	font-family: "Trebuchet MS", Arial; font-size: 12px; color: black; font-weight: bold; line-height: 14px;
  vertical-align: top;
  text-align: right; padding-right: 5px; padding-top: 10px;
}

.fixedtext-cell-candidate {
  font-family: "Trebuchet MS", Arial; font-size: 12px; color: black; line-height: 14px;
  vertical-align: top;
  padding-top: 10px; padding-bottom: 6px;
}

.input-cell-response {
  font-family: "Trebuchet MS", Arial; color: black;
  vertical-align: top;
	padding-top: 7px; padding-bottom: 6px;
  font-size: 10px;
}

.question-label {
	font-family: "Trebuchet MS", Arial; font-size: 12px; color: black;
	padding-left: 10px; padding-top: 12px; padding-right: 15px;
}

.question-text {
	font-family: "Trebuchet MS", Arial; font-size: 12px; color: black;
	padding-right: 0px; padding-top: 12px; line-height: 14px;
}

.input-cell-candidate {
	font-family: "Trebuchet MS", Arial; font-size: 12px; color: black;
	padding-top: 7px; padding-right: 0px;  padding-bottom: 7px; padding-left: 4px;
}

.input-cell-candidate.const {
  padding-top: 9px;
}

.question-separator {
    border-bottom: #CCCCCC 1px solid;
}

.button-row-cell {
    padding-right: 7px; vertical-align: top;
}

.input-explanation {
	font-family: "Trebuchet MS", Arial; font-size: 10px; color: black;
  font-weight: normal;
}

.input-error {
	font-family: "Trebuchet MS", Arial; font-size: 12px; color: #CC0000; font-weight: bold;
	line-height: 14px; text-align: right;
}

.input-form {
	margin: 0px;
  display: inline;
}

.input-form input {
	font-family: Verdana, Helvetica, sans-serif; font-size: 12px;
}

.input-form select {
	font-family: Verdana, Helvetica, sans-serif; font-size: 11px;
}

.input-title {
	font-family: Verdana, Helvetica, sans-serif; font-weight: bold;
}

.input-form textarea {
	font-family: "Courier New", Courier; font-size: 11px; color: #000000;
	line-height: 14px;
}

.input-form textarea.invalid {
	background-color: #FFEE99;
}

form input.submit-disabled, a.submit-disabled img {
  opacity: 0.5;
  filter: alpha( opacity = 50 );
  cursor: progress;
}

ul.vgt-error-messages {
  background: #FFEEDD url(/images/warning.png) no-repeat 10px 10px;
  font-family: "Trebuchet MS", Arial; font-size: 14px; color: #993300;
	line-height: 18px;
  padding: 7px 7px 9px 7px;
  margin: 0px 0px 10px 0px;
  min-height: 26px;
}

ul.vgt-error-messages li { margin-left: 52px; }

.races-table {
	border: #999999 1px solid;
}

.races-cell-noborder {}

.races-cell-bottom {
	border-bottom: #999999 1px solid;
}

.races-cell-right {
	border-right: #999999 1px solid;
}

.races-cell-bottomright {
	border-bottom: #999999 1px solid;
	border-right: #999999 1px solid;
}

.preview-label {
	font-family: "Trebuchet MS", Arial; font-size: 10px; color: #333333;
}

.tracker-cell {
    border-top: #999999 1px solid;
    border-right: #999999 1px solid;
}

.tracker-title {
    font-family: "Trebuchet MS", Arial; font-size: 12px; color: black; line-height: 14px;
}

.tracker-boldtitle {
    font-family: "Trebuchet MS", Arial; font-size: 12px; color: black; line-height: 16px; font-weight: bold;
}

.tracker-cell-top {
    border-top: #999999 1px solid;
}

.current-races-title {
	font-family: "Trebuchet MS", Arial; font-size: 16px; color: black; /* font-weight: bold; */
	padding-top: 0px; padding-left: 0px; padding-bottom: 5px;
}

.bulk-item-title {
	font-family: "Trebuchet MS", Arial; font-size: 13px; color: black;
	padding-top: 6px; padding-left: 0px; padding-bottom: 8px;
}

.bulk-section-title {
	font-family: "Trebuchet MS", Arial; font-size: 14px; color: black; font-weight: bold;
	padding-top: 18px; padding-left: 0px; padding-bottom: 6px;
}

.bulk-load-instr {
	font-family: "Trebuchet MS", Arial; font-size: 12px; color: #333333;
	line-height: 13px;
}

.selected-item {
    color: #dd2222;
    font-weight: bold;
}

.errortile-table {

}

.errortile-cell {
	font-family: "Trebuchet MS", Arial; font-size: 12px; color: #CC0000;
	border: #FFCCCC 1px solid;
	background-color: #FFEEEE;
	padding: 10px;
}

.help_topic {
	font-size: 14px; font-weight: bold;
	padding-top: 75px;
}

.help_q {
	font-weight: bold;
	padding-top: 15px;
}

.help_a {
	padding-top: 6px;
}

SPAN.missing-feature {
	color: #999999;
}

DIV.home-navitem {
	font-family: "Trebuchet MS", Arial; font-size: 12px; color: black;
	padding: 4px 0px 8px 2px;
}

TABLE.race-manager {
	border: 1px solid #999999;
}

TABLE.race-manager TH {
	font-family: "Trebuchet MS", Arial; font-size: 11px; color: black; font-weight: bold;
	background-color: #CCCCCC;
	border-bottom: 1px solid #999999;
	padding: 3px 2px 2px 2px;
	text-align: left;
}

TABLE.race-manager TR.upper TH {
	border-bottom: 1px dashed #999999;
}

TABLE.race-manager TD {
	font-family: "Trebuchet MS", Arial; font-size: 11px; color: black;
	padding: 1px 2px 1px 2px;
}

TABLE.race-manager TR.even {
	background-color: #FFFFFF;
}

TABLE.race-manager TR.odd {
	background-color: #EEEEEE;
}

TABLE.race-manager TR.collate TD {
	background-color: #FFFFFF;
	border-top: 1px solid #999999;
}

TABLE.race-manager TR.collate-first TD {
	background-color: #FFFFFF;
}

TABLE.race-manager TR.first TD {
	border-top: 1px dashed #999999;
	background-color: #EEEEEE;
}

TABLE.race-manager TD.right-line {
	border-right: 1px solid #BBBBBB;
}

TABLE.race-manager TR.even TD.right-line-on {
	border-right: 1px solid #BBBBBB;
	background-color: #FFFFDD;
}

TABLE.race-manager TR.first TD.right-line-on, TABLE.race-manager TR.odd TD.right-line-on {
	border-right: 1px solid #BBBBBB;
	background-color: #FFFFAA;
}

TABLE.race-manager TH.right-line {
	border-right: 1px solid #999999;
}

TABLE.race-manager-nav, DIV.race-manager {
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
}

TABLE.race-manager-nav TD {
	font-family: "Trebuchet MS", Arial; font-size: 11px; color: black;
	padding: 3px 6px 2px 6px;
	background-color: #CCCCCC;
}

DIV.race-manager {
	background-color: #EEEEEE;
	font-family: "Trebuchet MS", Arial; font-size: 12px; color: black;
}

DIV.race-manager DIV.filter {
	font-family: "Trebuchet MS", Arial; font-size: 11px; color: black;
	padding: 3px 6px 4px 6px;
}

DIV.race-manager TABLE TD {
	font-family: "Trebuchet MS", Arial; font-size: 11px; color: black;
	padding: 3px 6px 2px 6px;
}

DIV.race-manager-edit {
	/* border: 1px solid #999999; */
	font-family: "Trebuchet MS", Arial; font-size: 12px; color: black;
	padding: 10px;
	margin-top: 10px;
}

DIV.race-manager-edit TABLE TD {
	font-family: "Trebuchet MS", Arial; font-size: 12px; color: black;
	padding: 0px 4px 0px 0px;
}

DIV.race-manager-edit SMALL {
	font-size: 11px;
}

DIV.race-manager-edit TABLE TR.gap TD {
	padding-bottom: 12px;
}

.tracker-yes, .tracker-no, .tracker-export {
	font-family: "Trebuchet MS", Arial; font-size: 11px; color: black; font-weight: bold;
}

A.tracker-yes:link, A.tracker-yes:visited, A.tracker-yes:active,
A.tracker-no:link, A.tracker-no:visited, A.tracker-no:active,
A.tracker-delete:link, A.tracker-delete:visited, A.tracker-delete:active,
A.tracker-export:link, A.tracker-export:visited, A.tracker-export:active {
	padding: 0px 3px 0px 3px;
	border: 1px solid #666666;
	background-color: #CCCCCC;
	text-decoration: none;
	color: black;
}

SPAN.tracker-yes {
	padding: 0px 3px 0px 3px;
	border: 1px solid #339900;
	background-color: #99FF00;
}

SPAN.tracker-no {
	padding: 0px 3px 0px 3px;
	border: 1px solid #CC0000;
	background-color: #FF6666;
}

A.tracker-yes:hover {
	background-color: #CCFF66;
}

A.tracker-no:hover {
	background-color: #FF9999;
}

A.tracker-delete:hover {
	background-color: #FF3333;
}

A.tracker-export:hover {
	background-color: #FFEE00;
}

A.tracker:link A.tracker:visited {
  color: black;
}

A.tracker {
	padding: 0px 3px 0px 3px;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial; font-size: 11px; font-weight: bold;
}

A.tracker-invite, A.tracker-respond, A.tracker-approve {
	border: 1px solid #555588;
	background-color: #77AADD;
}

A.tracker-invite:hover, A.tracker-respond:hover, A.tracker-approve:hover {
	background-color: #33CCFF;
}

A.tracker-unapprove, A.tracker-uninvite {
	border: 1px solid #664477;
	background-color: #AA77EE;
}

A.tracker-unremind {
  padding: 0px 2px 0px 2px;
  border: 1px solid #992200;
  background-color: #FF6633; text-decoration: line-through;
}

A.tracker-unapprove:hover, A.tracker-uninvite:hover { background-color: #CC99FF; }

A.tracker-reinvite {
  padding: 0px 2px 0px 2px;
	border: 1px solid #775522;
	background-color: #FFAA66;
}

A.tracker-reinvite:hover { background-color: #FFCC33; }

TABLE.race-manager TD.left-line {
	border-left: 1px solid #BBBBBB;
	padding-right: 8px; padding-left: 8px;
}

TABLE.race-manager TR.even TD.left-line-on {
	border-left: 1px solid #BBBBBB;
	background-color: #FFFFDD;
	padding-right: 4px; padding-left: 4px;
}

TABLE.race-manager TR.first TD.left-line-on, TABLE.race-manager TR.odd TD.left-line-on {
	border-left: 1px solid #BBBBBB;
	background-color: #FFFFAA;
}

TABLE.race-manager TH.left-line {
	border-left: 1px solid #999999;
}

TABLE.race-manager TR.bulk TD {
	border-left: 1px solid #999999;
	text-align: center;
	border-top: 1px solid #999999;
	padding-top: 5px; padding-bottom: 5px;
	background-color: #FFFF66;
}

TABLE.race-manager TR.bulk TD.header {
	text-align: right; font-weight: bold;
	border-left: none;
	padding-right: 6px;
}

TABLE.event-audit {

}

TABLE.event-audit TH {
	font-family: "Trebuchet MS", Arial; font-size: 11px; color: black; font-weight: bold;
	text-align: left;
	padding: 3px 12px 2px 4px;
}

TABLE.event-audit TD {
	font-family: "Trebuchet MS", Arial; font-size: 11px; color: black;
	padding: 3px 12px 2px 4px;
}

TABLE.event-audit TD.date {
	font-family: monospace; font-size: 10px; color: black;
}

TABLE.event-audit TR.even {
	background-color: #EEEEEE;
}

TABLE.event-audit TR.odd {
	background-color: #FFFFFF;
}

TABLE.progress {

}

TABLE.progress TD {
	font-family: "Trebuchet MS", Arial; font-size: 12px; color: black;
	padding: 2px;
}
/*
TABLE.progress TD.l1 {
	padding: 2px 8px 2px 0px;
}

TABLE.progress TD.l2 {
	padding: 2px 8px 2px 18px;
}
*/
TABLE.progress TABLE TD {
	padding: 0px;
}

DIV.help-popup {
	text-align: left;
	font-family: "Trebuchet MS", Arial; font-size: 11px; color: black;
	background-color: #FFFF99;
	border: 1px solid #FFCC00;
	padding: 6px;
}

A.help-button:link, A.help-button:visited, A.help-button:active {
	font-family: "Trebuchet MS", Arial; font-size: 15px; color: black; font-weight: bold;
	padding: 0px 5px 0px 5px;
	border: 1px solid #666666;
	background-color: #99CCFF;
	text-decoration: none;
	color: black;
}

A.help-button:hover {
	background-color: #3399FF;
}

div.divider {
  border-top: #CCCCCC solid 1px; overflow:hidden;
  padding: 0px; margin: 0px; width: 100%; height: 1px; line-height: 1px;
}

.input-uncommitted {
	background-color: #FFCCDD;
}

table.restore-list td { padding-left: 12px; }

div.vgt-preview-ctrl {
  padding: 4px;
  border: 1px solid #79afd9;
  background-color: #cceeff;
  margin: 4px 0px;
  color: #666666;
  font-size: 12px;
}

table.tighter {
}
table.tighter tr {
  vertical-align: top;
}
table.tighter td.input-label {
  vertical-align: top; padding-top: 6px;
}
div.chat-group {
  border: #CCCCCC solid 1px;
  margin-bottom: 12px;
  padding: 4px;
}

div.LimitedInput_status {
  color: #666666;
  padding-top: 1px;
  font-size: 11px;
  padding-bottom: 2px;
}
div.LimitedInput_status.warn {
  color: #CC6600;
  font-weight: bold;
}
div.LimitedInput_status.error {
  color: #CC0000;
  font-weight: bold;
}

.reorderable_elm.dragging {
  background-color: #FFFF99;
}
.reorderable_drag {
  cursor: move;
  opacity: 0.5;
  filter: alpha( opacity = 50 );
}
.reorderable_drag.active {
  opacity: 1.0;
  filter: alpha( opacity = 100 );
}

.races-import-notice {
  padding: 3px 0px 0px 20px;
}

a.vgtbtn span, span.vgtbtn, input.vgtbtn {
  background-color:#8397B2;
  color: white;
  cursor: pointer;
  padding: 3px 10px;
  border: outset 1px #697D98;
  font-weight:bold;
  font-size: 10px;
  font-family:Verdana, sans-serif;
  -webkit-border-radius: 4px;
  -moz-border-radius: 6px;
  text-shadow: #001122 0px 0px 2px;
  text-decoration: none;
  display: inline-block;
  text-align: center;
}

a.vgtbtn span:hover, span.vgtbtn:hover, input.vgtbtn:hover {
  background-color: #6d95c7;
  color: #FFFF99;
}

a.vgtbtn span:active, span.vgtbtn:active, input.vgtbtn:active {
  background-color: #487299;
  color: #ffe799;
}

a.vgtbtn {
  text-decoration: none;
}

.webkit a.vgtbtn span, .ie a.vgtbtn span, .webkit span.vgtbtn, .ie span.vgtbtn {
  padding: 2px 10px 2px 10px;
}

.gecko a.vgtbtn span, .gecko span.vgtbtn {
  padding: 2px 10px 2px 10px;
}

.gecko input.vgtbtn {
  padding: 1px 7px;
}

.gecko input.vgtbtn {
  padding: 1px 7px;
}

.ie input.vgtbtn {
  padding: 2px 0px 1px 0px;
  margin: 0px;
  vertical-align: top;
}

fieldset {
  margin-bottom: 16px;
}

fieldset div.field {
  margin-bottom: 6px;
}

fieldset div.field label {
  width: 125px;
  padding-right: 8px;
  display: inline-block;
  vertical-align: top;
  padding: 3px;
}

fieldset div.field div {
  display: inline-block;
}

div.progressOK {
  background: url(/images/ok.png) no-repeat 0px 0px;
  min-height: 24px;
  padding: 6px 6px 6px 30px;
}

div.progressWarn {
  background: url(/images/warning.png) no-repeat 0px 0px;
  min-height: 24px;
  padding: 6px 6px 6px 30px;
}

body.official {
  width: 600px;
  padding-left: 10px;
}

body.official div.footer-help {
  margin-top: 20px;
}