/* --------------- */
/* Basic elements. */
/* --------------- */

body {
	background: #CCCCCC;
	color: #000000;
	font-family: sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	text-align: left;
	border-bottom: solid #5566AA;
	padding-left: 0.1em;
}

h1 {
	border-bottom-width: 5px;
}

h2 {
	border-bottom-width: 3px;
}

h3,
h4,
h5,
h6 {
	border-bottom-width: 1px;
}

p {
}

p.help {
	font-size: small;
}

p.footer {
	background: #CCCCCC;
	color: #555555;
	border-top: solid #5566AA 2px;
	padding-left: 0.1em;
	padding-top: 0.25em;
	font-size: small;
}

p.cache_age {
	background: #BBBBBB;
	color: #555555;
	margin: 0;
	padding: 0.5em;
	font-size: small;
}

p.pager {
	text-align: right;
	padding: 4px 0.5em;
	font-size: small;
	border: none;
	margin: 0;
}

p.maintenance {
	background: #BBBBBB;
	color: #EE0000;
	font-weight: bold;
	padding: 5px;
}


/* --------------- */
/* Error messages. */
/* --------------- */

div.error {
	padding: 5px;
}

div.fatal_error {
	margin-top: 1em;
	border: solid 5px #FF0000;
	padding: 5px;
}

div.error h1 {
}

div.fatal_error h1 {
	margin-top: 0;
	border-bottom: solid 5px #FF0000;
}

div.error div.error_background,
div.fatal_error div.error_background {
	background: #BBBBBB;
	color: #000000;
}

div.error p.error,
div.fatal_error p.error {
	background-color: inherit;
	color: #FF0000;
	padding: 10px;
	border-bottom: 3px solid red;
}

div.error p.help,
div.fatal_error p.help {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}


/* --------- */
/* Top menu. */
/* --------- */

ul.header_menu {
	background: #5566AA;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
}

ul.header_menu li {
	display: inline;
	margin: 0;
}

ul.header_menu li a {
	float: left;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 6px 15px;
	border-right: 1px solid #CCCCCC;
	color: #FFFFFF;
	background: #5566AA;
}

ul.header_menu li.my_profile a,
ul.header_menu li.login a {
	border-left: 5px solid #CCCCCC;
}

ul.header_menu li.login a,
ul.header_menu li.logout a {
	border-right: 5px solid #CCCCCC;
}

ul.header_menu li a:visited {
	background-color: inherit;
	color: #FFFFFF;
}

ul.header_menu li.active_page a {
	background: #7788CC;
	color: #FFFFFF;
}

ul.header_menu li a:hover {
	background: #44AAFF;
	color: #FFFFFF;
}


/* ------------------ */
/* Tables in general. */
/* ------------------ */

table {
	border: 2px solid #334488;
	border-collapse: collapse;
}

table th,
table td {
	border: none;
}

table tr.header {
	background: #5566AA;
	color: #FFFFFF;
}

table tr.sub_header {
	background: #7788CC;
	color: #FFFFFF;
}

table tr {
	vertical-align: top;
}

table th {
	text-align: left;
	font-weight: bold;
}

table td,
table th {
	vertical-align: middle;
}

table tr td,
table tr th {
	padding: 3px 10px;
}

table tr.header td,
table tr.header th,
table tr.sub_header td,
table tr.sub_header th {
	padding: 5px 10px;
	font-weight: bold;
}

table tr.no_data {
	background: #AAAAAA;
	color: #000000;
}

table tr.no_data td.no_data {
	text-align: center;
	font-weight: bold;
}

table tr.row_1 {
	background: #BBBBBB;
	color: #000000;
}

table tr.row_2 {
	background: #AAAAAA;
	color: #000000;
}

table tr.row_top_1 {
	background: #FFD700;
	color: #000000;
}

table tr.row_top_2 {
	background: #E6E8FA;
	color: #000000;
}

table tr.row_top_3 {
	background: #AD7457;
	color: #000000;
}

table tr.row_1.current_user {
	background: #007744;
	color: #000000;
}

table tr.row_2.current_user {
	background: #008844;
	color: #000000;
}

table tr th.button {
	text-align: center;
}


/* ------------ */
/* Log in page. */
/* ------------ */

div.login p.login_error {
	background: #CCCCCC;
	color: #FF0000;
}

table.login_form input.string,
table.login_form input.password {
	width: 20em;
}


/* --------------- */
/* Find user page. */
/* --------------- */

table.find_user_form input.string {
	width: 20em;
}

table.user_list th.user,
table.user_list td.user {
	text-align: left;
	min-width: 20em;
}

table.user_list td.user a {
	background-color: inherit;
	color: #000000;
}

table.user_list td.user a:active {
	background-color: inherit;
	color: #FF0000;
}


/* ---------------------- */
/* Leaderboard selection. */
/* ---------------------- */

table.select_leaderboard,
table.select_leaderboard th,
table.select_leaderboard td {
	border: none;
}

table.leaderboard_container,
table.leaderboard_container > tbody > tr > th,
table.leaderboard_container > tbody > tr > td {
	border: none;
	padding: 0;
}


/* ---------------- */
/* Event selection. */
/* ---------------- */

table.event_list tr.row_1.active {
	background: #00AA44;
	color: #000000;
}

table.event_list tr.row_2.active {
	background: #00BB44;
	color: #000000;
}

table.event_list th.event_name,
table.event_list td.event_name {
	text-align: left;
	min-width: 20em;
}

table.event_list th.status,
table.event_list td.status {
	text-align: left;
	min-width: 12em;
}

table.event_list th.track,
table.event_list td.track {
	text-align: left;
	min-width: 15em;
}

table.event_list th.vehicle,
table.event_list td.vehicle {
	text-align: left;
	min-width: 15em;
}

table.event_list td.event_name a {
	background-color: inherit;
	color: #000000;
}

table.event_list td.event_name a:active {
	background-color: inherit;
	color: #FF0000;
}


/* -------------- */
/* Event details. */
/* -------------- */

table.event_details th.label {
	text-align: left;
	min-width: 8em;
}

table.event_details td.value {
	text-align: left;
	min-width: 30em;
}

table.event_details tr.event_name td {
	padding: 5px 10px;
	font-weight: bold;
}

table.event_details.status_active tr.event_name {
	background: #00AA44;
	color: #000000;
}

table.event_details.status_finished tr.event_name {
	background: #AA4444;
	color: #000000;
}

table.event_details.status_future tr.event_name {
	background: #AA8888;
	color: #000000;
}


/* ------------- */
/* Leaderboards. */
/* ------------- */

table.leaderboard th.rank {
	text-align: center;
}

table.leaderboard td.rank_icon {
	text-align: center;
	padding-right: 5px;
}

table.leaderboard td.rank {
	text-align: right;
	padding-left: 5px;
}

table.leaderboard th.user,
table.leaderboard td.user {
	text-align: left;
	min-width: 20em;
}

table.leaderboard th.vehicle,
table.leaderboard td.vehicle {
	text-align: left;
	min-width: 20em;
}

table.leaderboard th.time,
table.leaderboard td.time {
	text-align: right;
	min-width: 5em;
}

table.leaderboard th.gap,
table.leaderboard td.gap {
	text-align: center;
	min-width: 5em;
}

table.leaderboard th.assists,
table.leaderboard td.assists {
	text-align: center;
	min-width: 6em;
}

table.leaderboard th.timestamp,
table.leaderboard td.timestamp {
	text-align: center;
	min-width: 8em;
}

table.leaderboard td.user a,
table.leaderboard td.vehicle a {
	background-color: inherit;
	color: #000000;
}

table.leaderboard td.user a:active,
table.leaderboard td.vehicle a:active {
	background-color: inherit;
	color: #FF0000;
}


/* -------- */
/* Profile. */
/* -------- */

div.profile_image {
	margin-left: 5px;
	float: left;
	border: 3px solid #CCCCCC;
}


/* ---------------------- */
/* Profile records table. */
/* ---------------------- */

table.profile_records th.leaderboard_name,
table.profile_records td.leaderboard_name {
	text-align: left;
	min-width: 20em;
}

table.profile_records th.rank {
	text-align: center;
}

table.profile_records td.rank_icon {
	text-align: center;
	padding-right: 5px;
}

table.profile_records td.rank {
	text-align: right;
	padding-left: 5px;
}

table.profile_records th.time,
table.profile_records td.time {
	text-align: right;
	min-width: 5em;
}

table.profile_records th.gap,
table.profile_records td.gap {
	text-align: center;
	min-width: 5em;
}

table.profile_records th.assists,
table.profile_records td.assists {
	text-align: center;
	min-width: 6em;
}

table.profile_records th.timestamp,
table.profile_records td.timestamp {
	text-align: center;
	min-width: 8em;
}

table.profile_records tr.sub_header td.leaderboard_name a {
	background-color: inherit;
	color: #FFFFFF;
}

table.profile_records td.leaderboard_name a {
	background-color: inherit;
	color: #000000;
}

table.profile_records td.leaderboard_name a:active,
table.profile_records td.leaderboard_name a.track:active {
	background-color: inherit;
	color: #FF0000;
}


/* --------------------- */
/* Global records table. */
/* --------------------- */

table.global_records th.user,
table.global_records td.user {
	text-align: left;
	min-width: 20em;
}

table.global_records th.vehicle,
table.global_records td.vehicle {
	text-align: left;
	min-width: 20em;
}

table.global_records th.time,
table.global_records td.time {
	text-align: right;
	min-width: 5em;
}

table.global_records th.assists,
table.global_records td.assists {
	text-align: center;
	min-width: 6em;
}

table.global_records th.timestamp,
table.global_records td.timestamp {
	text-align: center;
	min-width: 8em;
}

table.global_records tr.sub_header th.track a {
	background-color: inherit;
	color: #FFFFFF;
}

table.global_records td.user a,
table.global_records td.vehicle a {
	background-color: inherit;
	color: #000000;
}

table.global_records tr.sub_header th.track a:active,
table.global_records td.user a:active,
table.global_records td.vehicle a:active {
	background-color: inherit;
	color: #FF0000;
}


/* ---------*/
/* Servers. */
/* ---------*/

table.servers_container,
table.servers_container > tbody > tr > th,
table.servers_container > tbody > tr > td {
	border: none;
	padding: 0;
}

table.servers th.name {
	text-align: center;
}

table.servers td.name {
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}

table.servers th.status {
	text-align: center;
	min-width: 4em;
}

table.servers td.status {
	text-align: right;
	min-width: 4em;
}

table.servers th.players {
	text-align: center;
	min-width: 4em;
}

table.servers td.players {
	text-align: center;
	min-width: 4em;
}

table.servers th.settings,
table.servers td.settings {
	text-align: center;
	min-width: 4em;
}

table.servers th.platform,
table.servers td.platform {
	text-align: left;
	min-width: 4em;
}

table.servers th.version,
table.servers td.version {
	text-align: center;
	min-width: 4em;
}


/* ------------- */
/* Skin testing. */
/* ------------- */

div.skin_test p.warning,
div.skin_test p.error {
	background: #CCCCCC;
	color: #FF0000;
}

div.skin_test p.success {
	background: #CCCCCC;
	color: #008000;
}

div.skin_test ul.skin_file_list {
	font-family: monospace;
}

table.skin_test_form input.string {
	width: 40em;
}


/* --- */
/* EOF */
/* --- */