/*******************************************************************************
* GENERAL INFORMATION                                                          *
/*******************************************************************************
* Website:  Schneller als Kurz                                                 *
* File:     CSS Document                                                       *
* Usage:    Main                                                               *
* Version:  1.2                                                                *
* Date:     2006-06-16                                                         *
* Author:   Carsten Lambrecht                                                  *
*******************************************************************************/

/*******************************************************************************
* STYLE INFORMATION                                                            *
/*******************************************************************************
* FONTS:       Verdana, Geneva, Arial, Helvetica, sans-serif                   *
* COLORS:                                                                      *
* Dark-Blue:   #212a76                                                         *
* Medium-Blue: #3a56a6                                                         *
* Light-Blue:  #3975bb                                                         *
*******************************************************************************/


/* tx_sak styles */
body {
	background-color: #8AA5D6;
	font-family: 'Trebuchet MS',Verdana,Helvetica,Arial,sans-serif;
	font-size: 12px;
}

img {
	border: 0px;
}

h1 {
}
h2 {
}
h3 {

}

/* login area */
.login td {
	height: auto;
	width: auto;
}

/* main */
.tx-mlsak-pi1 {
}

/* game logo */
#game-logo {
	margin-bottom: 10px;
}

/*category select page */
table.category-select {
	width: 305px;
}
.category-select th,
.category-select td {
	padding: 5px;
	vertical-align: middle;
}
.category-select th {
	background-color: #eeeeee;
}
.category-select td {
	background-color: #f5f5f2;
}

/* highscore area */
table#highscore {
	margin-bottom: 20px;
}
.highscore th,
.highscore td {
	padding: 2px;
}
.highscore-current th,
.highscore th {
	background-color: #eeeeee;
	text-align: left;
}
.highscore-current td,
.highscore td {
	background-color: #f5f5f2;
	height: auto;
	width: auto;
}
.highscore td.score {
	font-weight: bold;
	text-align: right;
}
table.highscore-current {
	border-spacing: 0;
	margin-top: 3px;
	width: 295px;
}
.highscore-current th, 
.highscore-current td {
	/*border: 1px solid #ccc;*/
	padding: 2px;
}
.highscore .current-game,
.highscore-current .current-game {
	background-color: #cddcee;
}
.highscore th.pos {
	width: 30px;
}
.highscore th.player {
	width: 130px;
}
.highscore th.score {
	width: 50px;
}
.highscore th.category {
	width: 100px;
}
.highscore th.date {
	width: 65px;
}
.highscore th.medals {
	width: 115px;
}
.highscore th.games {
	width: 50px;
}





/* game area */
#gameboard td {
	font-size: 9px;
	height: 100px;
	width: 100px;
}

#gameboard td.category-col,
#gameboard td.category-row {
	background-color: #212a76;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
}
#gameboard td.category-col {
	height: 30px;
}
#gameboard span.category-unit {
	font-weight: normal;
}

#gameboard td.center {
}

#gameboard td.inivisible,
#gameboard td.illegal {
	border: hidden;
}
#gameboard td.inivisible {
	background-color: transparent !important;
}

#container {
}

#gameboard {
	float: left;
	height: 630px;
	margin: 0;
	padding: 0;
	width: 630px;
}
#gameboard img.card {
	height: 100px;
	width: 100px;
}
#gameboard img.play-card {
	height: 100px;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100px;
}







#play-column {
	height: 650px;
	float: left;
	padding: 0 10px;
	width: 275px;
}
#play-column #play-area {
	height: 220px;
	position: relative;
}

#play-column h1 {
	clear: both;
	margin: 0;
}
#play-column #next-card,
#play-column #play-buttons {
	margin: 0;
	padding:0;
}
#play-column #next-card {
	border: 1px solid #ddd;
	float: left;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 200px;
}
#play-column #play-buttons {
	height: 200px;
	width: 62px;
	position: absolute;
	top: 14px;
	right: 10px;
}
#play-column #play-buttons img {
	border: 1px solid #ddd;
	margin: 0 0 8px 0;
}


#highscore-column {
	float: left;
	padding: 10px;
	width: 250px;
}

img.next-card {
	height: 200px;
	width: 200px;
}


div.card-data {
	background-color: transparent;
	height: 90px;
	padding: 5px;
	position: absolute;
	width: 90px;
}

/* skipped cards rausgenommen ###############################################*/
#play-buttons div.skipped-card-1,
#play-buttons div.skipped-card-2 {
	position: absolute !important;
	float: left;
}
#play-buttons div.skipped-card-1 img,
#play-buttons div.skipped-card-2 img {
	border: 0px !important;
	float: left;	
}
#play-buttons div.skipped-card-1 a,
#play-buttons div.skipped-card-2 a {
	position: absolute !important;
	top: 0;
	left: 0;
}
#play-buttons div.skipped-card-1 {
	right: 200px;
	top: 130px;
}
#play-buttons div.skipped-card-2 {
	right: 80px !important;
	top: 130px;
}
#play-buttons div.skipped-card-1,
#play-buttons div.skipped-card-2 {
	display: block;
}



/* errors */
h2.error {
	color: #FF0000;
}



/* debug */
.debugMessageBox {
	background-color: #FC7A24;
	border: 1px solid #000000;
	padding: 10px;
	position: absolute;
	left: 1000px;
}
.debugMessage {
	background-color: #FC7A24;
	border: 1px solid #000000;
	padding: 10px;
}
.debugMessage h1,
.debugMessageBox h1 {
	color: #FFFFFF;
	font-size: 14px;
	margin: 0;
	padding: 0;
}
.debugItem {
	color: #FFFFFF;
	font-weight: bold;
	margin: 5px 0;
}