BODY {
	font-family: Arial;
}

BODY,
#TutorialContainer,
#OverlayContainer {
	background: linear-gradient(to right, black 0%, #d9ecff 10%, #d9ecff 90%, black 100%);
}

.GameButton {
	background-color: #8fc5f5;
	border: 1px solid #000055;
}

.GameButton:hover {
	background-color: #AFE5FF;
}

#WordList > DIV {
	font-size: 8pt;
	color: black;
}

#WordList > DIV.Selected {
	background-color: #AADDFF;
	border-color: black;
	color: black;
}

#CounterNumber,
#CounterMessage {
	color: white;
}

#Board > DIV > DIV,
#Solution > DIV > DIV {
	color: white;
	-webkit-text-stroke: 1px black;
}

#History > DIV.HistoryBoard > DIV > DIV,
#Solution > DIV > DIV {
	border: 1px solid #CCCCCC;
}

#Solution > DIV > DIV.InSolutionGimme:hover {
	background-color: #0bdb43 !important;
}

#Board > DIV > DIV {
	border: 1px solid black;
	background-color: #77AADD;
}

#Board > DIV > DIV.Selected {
	background-color: #c76666 !important;
}

#History .Gimme,
#Solution .Gimme {
	background-color: #888888;
	color: #777777;
	-webkit-text-stroke: 0.5px #666666;
}

#History .Gimme {
	color: black;
}

#History .InSolutionGimme,
#Solution .InSolutionGimme,
.Check4 {
	background-color: #0033CC !important;
	color: white;
}

#Board > DIV > DIV.OnHover {
	background-color: #99CCFF !important;
}

#Solution > DIV > DIV.InSolutionGimme.OnHover, 
#Solution > DIV > DIV.Check4.OnHover {
	background-color: #c76666;
	background-color: #2244EE !important;
}

#History > DIV.HistoryBoard {
	border: 1px solid white;
}

#Tutorial,
#Overlay {
	background-color: rgba(200, 225, 255, 1);
	color: #001199;
	border: 1px solid #774040;
}

#Tutorial > DIV,
#Overlay > DIV {
	color: black;
}

#Overlay > DIV.GameButton {
	color: black;
}

.OverlayMessage {
	color: white;
}

#DebugToolbar {
	background-color: rgba(200,200,200,0.6);
}

#OverlayClose {
	color: white;
}

.BarChart > DIV > DIV:nth-child(2) {
	background-color: #6699CC;
}

.BarChart > DIV > DIV:nth-child(3) {
	background-color: blue;
}

#Debug {
	background-color: #CCCCCC;
	border: 1px solid black;
}