@import url( ../../../stylesheets/base.css );
@import url( ../../../stylesheets/game.css );


/* DESCRIPTION + ICON */
	div#desc{ width: 125px; float: left; }
	div#desc img { margin: -10px 0px 0px -10px; }
	div#desc p { width: 112px; }

	div#bg-stars {
		width: 112px;
		height: 20px;

		background-image: url( ../images/stars.gif ); 
	}

	div#rating {
		width: 112px;
		height: 20px;

		background-image: url( ../images/stars_o.gif ); 
	}

/* RATING */
	div#stars {  margin-top: 20px; text-align: center; }
	div#stars img { cursor: pointer; }
	div#stars strong { color: #2B0F6D; }

/* HIGHSCORES */
	table.highscores { 
		width: 241px; 
		float: right; 
		margin-left: 20px; 
		background-image: url( ../images/table-background.gif ); 
		background-position: 0 47px;
	}

	table.highscores thead tr th{ height: 27px; background-image: url( ../images/table-header.gif ); padding-left: 10px; text-align: left; background-position: 0 0;}
	table.highscores tbody tr { height: 20px; }
	table.highscores tbody tr td.pos { width: 30px; text-align: center; font-weight: bold; border-left: 1px solid #B0DEEF; }
	table.highscores tbody tr td.name { width: 136px; }
	table.highscores tbody tr td.score { padding-right: 12px; width: 75px; text-align: right; border-right: 1px solid #B0DEEF; }
	table.highscores tfoot tr td { height: 13px; background-image: url( ../images/table-footer.gif ); background-repeat: repeat-x; background-position: 0 0; }

/* COMMENTS */
div.comment, div.comment2 { padding: 10px; background-color: #EBF7FB; }
div.comment2 { background-color: #FFFFFF; }
div.comment strong, div.comment2 strong { color: #2B0F6D; }
div.comment em, div.comment2 em { font-style: normal; color: #727272; font-size: 0.9em; }

fieldset label { display: block; }
fieldset textarea.text { border: 1px solid #ABDBEE; padding: 2px; margin-bottom: 3px; margin-top: 5px;  }
fieldset input.knop { margin-top: 10px;  }