/* 
tables.css
yatzy highscore-tabellen
*/

/* allgemein: nicht sichtbare elemente */
.hide {
	display: none;
}

/* allgemein: freistellen */
.break {
	clear: both;
}

/* highscores tabelle */
table.stats {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white;
	float: left;
	margin: 0px 2px;
}

table.stats col.rank {
	width: 19px;
}

table.stats col.name {
	width: 83px;
}

table.stats col.points {
	width: 48px;
}

table.stats col.date {
	width: 70px;
}

/* tabellenüberschrift */
table.stats caption {
	font-size: 0.9em;
	font-weight: bold;
	text-align: left;
	padding: 2px;
	padding-left: 26px;
}

table.stats tr {
	background-color: #2FAB3F;
}

table.stats td, table.stats th {
	font-size: 0.7em;
	padding: 2px;
	padding-left: 3px;
}

/* hintergrundfarbe von kopf und ggf. fußzeile */
table.stats th, table.stats tr.moreless {
	background-color: #777777;
}

table.stats tr.moreless a{
	color: white;
	text-decoration: none;
}

/* leere zeilen (kein eintrag vorhanden) */
table.stats tr.empty td{
	background-color: #CFCFCF;
}

table.stats tr.empty td.nobg{
	background-color: black;
}

/* wechselnde zeilenfarbe */
table.stats tr.alt {
	background-color: #027E13;
}

/* hervorhebung einer zeile (aktuelles spielergebnis) */
table.stats tr.highlight {
	background-color: #467F9A;
}

/* hervorhebung von rated zeilen */
table.stats tr.rated1 {
	background-color: #EEBB11;
}

table.stats tr.rated2 {
	background-color: #DD1111;
}

table.stats tr.rated2 td {
	text-decoration: line-through;
}

/* hover für zeilen */
table.stats tr:hover td {
	background-color: white;
	color: black;
}

/* zurücksetzen des hover für fußzeile */
table.stats tr.moreless:hover td {
	background-color: #777777;
}

table.stats tr.moreless td a:hover {
	color: black;
}

table.stats tr:hover td.nobg {
	background-color: black;
	color: white;
}

table.stats td.nobg, table.stats th.nobg {
	background-color: black;
	color: white;
	text-align: right;
}

/* link zu weniger tabelleneinträgen (zunächst nicht angezeigt) */
.less {
	float: left;
	margin-left: 2px;
	display: none;
}

/* link zu mehr tabelleneinträgen */
.more {
	float: right;
	margin-right: 3px;
}