
/* Use black and white depending on context (more readable than red) */
.eidogo-player .board .point.marker.label {
	color: black !important;
	padding: 0 !important;
	height: 19px !important;
	width: 19px !important;
	line-height: 19px !important;
	text-align: center;
}

.eidogo-player .board .point.marker.label.on-black {
	color: white !important;
}

.eidogo-player .board .point.marker {
	background: transparent url(images/markers.png) no-repeat scroll -76px 0px !important;
}

.eidogo-player .board .point.marker.dim {
	background: transparent url(eidogo/player/images/dim.png) no-repeat scroll left top !important;
}

.eidogo-player .board .point.marker.triangle          { background-position:   0px -19px !important; }
.eidogo-player .board .point.marker.square            { background-position: -19px -19px !important; }
.eidogo-player .board .point.marker.circle            { background-position: -38px -19px !important; }
.eidogo-player .board .point.marker.ex                { background-position: -57px -19px !important; }
.eidogo-player .board .point.marker.current           { background-position: -76px -19px !important; }
.eidogo-player .board .point.marker.territory-white   { background-position: -95px -19px !important; }
.eidogo-player .board .point.marker.territory-black   { background-position: -95px   0px !important; }
.eidogo-player .board .point.marker.triangle.on-black { background-position:   0px   0px !important; }
.eidogo-player .board .point.marker.square.on-black   { background-position: -19px   0px !important; }
.eidogo-player .board .point.marker.circle.on-black   { background-position: -38px   0px !important; }
.eidogo-player .board .point.marker.ex.on-black       { background-position: -57px   0px !important; }

/* For problem mode, make sure three lines are exactly visible for neatness */
.wp-eidogo-problem .comments {
	height: auto !important;
	min-height: 39px !important;
	line-height: 13px;
}

.wp-eidogo-problem .comments .comment-status,
.wp-eidogo-problem .comments .comment-pass {
	margin-bottom: 0;
}

/* Some fancy markup for comments */
.eidogo-player .comments .right {
	color: #0000aa;
	font-style: inherit;
}

.eidogo-player .comments .wrong {
	color: #aa0000;
	font-style: inherit;
}

.eidogo-player .comments .wstone {
	background: transparent url(images/tiny-theme/w.png) no-repeat scroll center center;
	padding: 4px;
	font-style: inherit;
	color: black;
}

.eidogo-player .comments .bstone {
	background: transparent url(images/tiny-theme/b.png) no-repeat scroll center center;
	padding: 4px;
	font-style: inherit;
	color: white;
}

/* Basic layout within the page */
.wp-eidogo  {
	margin: 1.25em 0;
}

.wp-eidogo.alignleft {
	display: inline; /* IE6 fix for float margins */
	float: left;
	margin: 0 10px 10px 0;
}

.wp-eidogo.alignright {
	display: inline; /* IE6 fix for float margins */
	float: right;
	margin: 0 0 10px 10px;
}

.wp-eidogo.aligncenter {
	clear: both;
}

.wp-eidogo.aligncenter .player-container,
.wp-eidogo-problem.aligncenter .eidogo-player {
	margin: 0 auto;
}
