.gwt-DecoratorPanel {
    border-spacing: 2px;
    border-collapse: separate;
}

.gwt-piece-selected {
	background: rgba(255, 0, 0, 0.5);
}

.gwt-piece-unselected {
	
}

.gwt-square-selected {
	background: rgba(255, 0, 0, 0.3);
}

.gwt-square-previous-move {
	background: rgba(255, 0, 0, 0.2);
}

.gwt-square-unselected {
	
}

.movelink {
	white-space: nowrap;
}

.contentButtons {
	background-color: #d7dde8;
	border-bottom: 1px solid #c3c3c3;
	padding: 0px 10px;
}

.contentButton {
	margin-right: 20px;
	color: #888888;
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
	line-height: 20pt;
	vertical-align: middle;
	float: left
}

.contentButton:hover {
	color: #4B4A4A;
	text-decoration: underline;
}

.contentButtonSource {
	margin-right: 4px;
}

.contentList {
	font-size: 8pt;
	color: #4B4A4A;
	direction: ltr;
}

.percent {
    font-size: 8pt;
    color: #fff;
    border-spacing: 2px;
    border-collapse: separate;
    width: 100px;
}

.lesson-title {
    font-size: 20pt;
    color: #00008F;
    font-weight: bold;
}

.lesson-content {
    font-size: 13pt;
    background-color: #e8eaee;
    margin-top: 5px;
    margin-left: 10px;
}

.table-title {
    font-size: 18pt;
    font-weight: bold;
}

.board-canvas {
    z-index: 5;
    pointer-events: none;
}

.board-highlight-canvas {
    z-index: 6;
    pointer-events: none;
}

.insights-html {
    margin-left: 20px;
}

.mistakes-html {
    margin-left: 20px;
}