body {
	font-family: "Lucida Grande", Verdana, arial, sans-serif;
	font-size:12px;	
	background-color:#331100;
	color:white;
}

div {
	display:block;	
}

table,td,tr {
	border:none;
}

div.content {
	margin:10px;
	position:relative;	
}

div.pyramid {
	position:absolute;
	width:62%;
	top:0px;
	left:0px;
}

div.forms {
	position:absolute;
	width:28%;
	top:0px;
	left:69%;
	display:block;;
}

div.control {
	background-color:#664400;
	border:solid 1px #664400;
	color:white;
	margin-top:5px;
}

div.info {
	background-color:#664400;
	border:solid 1px #664400;
	display:none;
	color:white;
}

div.info table {
	width:100%;
}

div.forms .button {
	width:100px;
	font-weight:bold;	
}

div#actions {
	background-color:#443300;	
	padding:5px;
	padding-bottom:10px;
}

div.layer {
	text-align:center;
	clear:both;
	overflow:hidden;
	padding-top:3px;
	height:56px;
}

div.player-selected div.player {
	opacity:0.3;
}

div.player {
	border:solid 2px #664400;
	background-color:#664400;
	background-position:0px -30px;
	color:white;	
	
display:inline-block;
zoom:1;
*display:inline;

	width:70px;
	height:50px;
	margin-right:5px;
	cursor:pointer;
	overflow:hidden;
	vertical-align:top;
}

div.uitgedaagd {
	background-color:#332200;
	border:solid 2px #332200;
}

div.player div.wrapper {
	margin:0px;
	margin-top:35px;
	padding:2px;
	font-size:9px;
	font-weight:bold;
	background-color:black;
}

div.selected {
	border:solid 2px white;
	background-color:#BBCCAA;
	opacity:1.0 !important;
	-moz-opacity:1.0;
}

div.selected div.wrapper {
	background-color:white;
	color:black;
}

div.won {
	border:solid 2px #00FF00;
	opacity:1.0 !important;
}

div.won div.wrapper {
	background-color:#00FF00;
	color:black;
}

div.lost {
	border:solid 2px #FF0000;
	opacity:1.0 !important;
}

div.lost div.wrapper {
	background-color:#FF0000;
	color:white;
}

div.undecided {
	border:dashed 2px #FFCC00 !important;
	opacity:1.0 !important;
}

div.undecided div.wrapper {
	background-color:#FFCC00;
	color:black;
}

span#player-naam {
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;	
}

table#games {
	width:100%;	
}

table#games td {
	font-size:10px;	
	margin-bottom:1px;
	padding:4px;
}

td.game-id {
	font-style:italic;
}

td.game-id:before {
	content:"#";
}

td.game-id, td.game-date {
	color:#332200;
}

td.game-score, td.game-player {
	font-weight:bold;	
	min-width:40px;
}

div#player-naam {
	color:white;
	background-color:#553300;
	font-weight:bold;
	font-size:15px;	
	padding:5px;
}

div.header {
	background-color:#663300;
	color:white;
	font-weight:bold;	
	text-transform:uppercase;
	padding:2px;
}

td.left {
	text-align:right;
}

table.stats td.left {
	color:#332200;
}

div.register-info {
	background-color:#443300;
	margin-top:5px;
	display:block;
	padding:5px;
}

span.explanation {
	color:#A0A0A0;
	font-style:italic;
	clear:both;
	display:block;	
}

div.links, div.links a {
	text-decoration:none;
	color:#664400;
	font-weight:bold;	
}

div.links a {
	border-right:solid 1px #442200;
	padding:5px;
}

div.links a:hover {
	background-color:#442200;	
}

div.saldo-indicator {	
	display:inline;
}

span.positive, span.negative {
	padding-left:18px;
	background-repeat:no-repeat;
	background-position:left top;
	font-weight:bold;	
}

div#games-played div.header {
	text-decoration:underline;
	cursor:pointer;
}

div#games-played table {
	display:none;
	width:100%;
}

span.positive { background-image:url('img/positive.png'); }
span.negative { background-image:url('img/negative.png'); }

div#confirm {
	background-color:#664400;
	display:block;
	padding:5px;
	margin-top:5px;
}

a { color:white; }

div.more {
	color:#997700 !important;
	text-transform:none !important;
	text-decoration:underline;
	cursor:pointer;
	padding-left:2px;
}

div.more:hover {
	background-color:#443300;
}

div.rules {
	margin:0px;
	margin-top:5px;
	background-color:#332200;
}

div#rules-text {
	height:200px;
	overflow-y:scroll;
	color:#CCAA99;
	padding-top:5px;
}

div.rules h3 {
	text-transform:uppercase;
	color:#997700;
	font-size:12px;
	margin:0px;
	margin-left:3px;
}

div.rules p {
	font-size:11px;
	margin:7px;
	margin-top:0px;
	text-align:justify;
}

div#rules-text object, div#rules-text embed {
	width:100%;
	height:100%;
}