body {
	text-align: left;
}
.page-container {
	margin: 0 auto;
	width: 900px;
}
td, th {
	padding: 0;
	text-align: left;
}
.right {
	float: right;
}
.left {
	float: left;
}
.clear {
	float: none;
	clear: both;
}
.clickable {
	cursor: pointer;
}

.text--right {
	text-align: right;
}

.menu ul {
	padding-left: 0;
	margin: 0;
}
.menu li {
	list-style-type: none;
	display: inline-block;
	background-color: #000;
	width: 140px;
}
.menu li:hover,
.menu li.active {
	background-color: #CCC;
}
.menu a {
	text-decoration: none;
	color: #FFF;
	display: block;
	padding-left: 20px;
}
.menu ul ul {
	position: absolute;
	width: 140px;
	display: none;
}
.menu ul li:hover ul {
	display: block;
}

.menu > ul > li {
	border-top-left-radius: 10px;  border-top-right-radius: 10px;
}

.content {
	border: 1px solid #000;
	padding: 10px;
}


.standardList a {
	color: #000;
}

thead.table-fixed.table-fixed--header,
tfoot.table-fixed.table-fixed--footer {
	position: fixed !important;
	z-index: 1000;
	opacity: 0;
	box-shadow: 0 -2px 20px #888;
}
thead.table-fixed.table-fixed--header {
	top: 0;
	-webkit-transform: translateY(-100%);
}
tfoot.table-fixed.table-fixed--footer {
	bottom: 0;
	-webkit-transform: translateY(100%);
}




.typeahead,
.tt-query,
.tt-hint {
	width: 175px;
	/* height: 30px; */
	/* padding: 8px 12px; */
	/* font-size: 24px; */
	/* line-height: 30px; */
	/* border: 2px solid #ccc; */
	/* -webkit-border-radius: 8px; */
	-moz-border-radius: 8px;
	/* border-radius: 8px; */
	/* outline: none; */
}

.typeahead {
	background-color: #fff;
}

.typeahead:focus {
	border: 2px solid #0097cf;
}

.tt-query {
	/* -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); */
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	/* box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); */
}

.tt-hint {
	color: #999
}

.tt-dropdown-menu {
	width: 422px;
	/* margin-top: 12px; */
	/* padding: 8px 0; */
	background-color: #fff;
	border: 1px solid #ccc;
	/* border: 1px solid rgba(0, 0, 0, 0.2); */
	/* -webkit-border-radius: 8px; */
	-moz-border-radius: 8px;
	/* border-radius: 8px; */
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
	padding: 3px 20px;
	font-size: 18px;
	line-height: 24px;
}

.tt-suggestion.tt-is-under-cursor {
	color: #fff;
	background-color: #0097cf;

}

.tt-suggestion p {
	margin: 0;
}


#input div.participant div {
	float: left;
	font-size: 140%;
}
#input div.name {
	width: 55%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-top: 3%;
}
#input div.lap-count {
	width: 15%;
	padding-top: 3%;
}
#input div.lap-count input {
	font-size: 140%;
	border: 0;
	width: 100%;
}
#input div.buttons {
	width: 30%;
}
#input div.buttons img {
	width: 46%;
	margin: 0 2%;
}
#input div.participant {
	margin: 5% 0 0 0;
	/* display: inline-block; */
	width: 100%;
}


div.divBackgroundGrey > div:nth-child(odd),
table.standardList > tbody > tr:nth-child(odd),
table.rowBackgroundGrey > tbody > tr:nth-child(odd) {
  background-color: #fcfcfc;
  border-bottom: 1px solid silver;
  border-top: 1px solid silver;
}

div.divBackgroundGrey > div:nth-child(even),
table.standardList > tbody > tr:nth-child(even),
table.rowBackgroundGrey > tbody > tr:nth-child(even) {
  background-color: white;
}

table.standardList > tbody > tr:nth-child(1),
table.rowBackgroundGrey > tbody > tr:nth-child(1) {
  border-top: 1px solid #000;
}

table.standardList > tbody > tr:last-child,
table.rowBackgroundGrey > tbody > tr:last-child {
  border-bottom: 0 solid #000;
}

table.standardList > tbody > tr > td:nth-child(1) > img[data-preview] {
  border: 1px solid lightgrey;
  width: 24px;
  height: 24px;
}

table.standardList > tfoot > tr > td {
  font-weight: bold;
}

div.spy-container {
  position: relative;
}

div.spy-container-download {
  position: absolute;
  right: 0;
  top: -54px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-color: #FFF;
  padding: 2px 4px;
  text-decoration: none;
}

div.spy-container-download a {
  display: block;
  height: 18px;
  color: rgba(0, 0, 0, 0.4);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

div.spy-container-download a:hover:not([disabled]) {
  color: black;
}

div.spy-container-download a:hover:not([disabled]) div.sprite {
  opacity: 1;
}

div.spy-container-download a[disabled] {
  cursor: default;
}

div.spy-container-download div.sprite {
  vertical-align: bottom;
  opacity: 0.4;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

/**
* Tables
*/
table.standardList {
  width: 100%;
  border-collapse: collapse;
}

table.standardList > thead,
table.standardList > tfoot {
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
}

table.standardList > thead > tr,
table.standardList > tfoot > tr {
  background: #FFF;
}

table.standardList > thead > tr > th,
table.standardList > tfoot > tr > td {
  height: 20px;
  color: #000;
  padding-top: 3px;
  padding-bottom: 3px;
}

table.standardList > tbody > tr {
  height: 28px;
}

table.standardList.standardList--compact > thead > tr > th,
table.standardList.standardList--compact > tfoot > tr > td {
  height: 13px;
}

table.standardList.standardList--compact > tbody > tr {
  height: 19px;
}

table.standardList > tbody > tr > td {
  vertical-align: middle;
}



.text-right,
.textRight {
  text-align: right !important;
}

td.textRight,
th.textRight {
  padding-right: 10px;
}
