body
{
  width: 100%;
  height: 100%;
	font-family: Delicious;
	font-weight: normal;
	font-style: normal;
	font-size: 25pt;
	color: white;
	background-color: #000;
	color: #ffffff00;
  padding: 0px;
  margin: 0px;
	z-index: -1;
}

game {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0.75em;
}

div.grp {
    display:inline;
    padding-right:0.5em;
}
div.cmd {
    display:inline;
    padding-right: 0.5em;
    border-color: #fff; 
}
div.fps, div#lblBlack, div#lblWhite, div#cntWhite, div#cntBlack {
    display:inline;
}

div#grpGame {
	width: 75%;
	position:absolute;
	top:0px;
	left:0px;
  padding-right: 1.0%;
  padding-left: 1.5%;
  padding-bottom: 1.5%;
  padding-top: 1%;
}
div#grpGame:hover, div#grpBlack:hover, div#grpWhite:hover  {
  color: #ffffff80;
}
div#grpBlack {
	width: 25%;
	position:absolute;
	bottom:0px;
	left:0px;
  padding-right: 1.0%;
  padding-left: 1.5%;
  padding-bottom: 1.5%;
  padding-top: 1%;
}
div#grpMessage {
  color: #ffffff80;
	width: 50%;
	position:absolute;
	bottom:0px;
	left:25%;
	text-align:center;
  padding-right: 1.0%;
  padding-left: 1.5%;
  padding-bottom: 1.5%;
  padding-top: 1%;
}


div#grpDebug {
	width: 25%;
	position:absolute;
	bottom:0px;
	right:0px;
	text-align:right;
  padding-right: 1.0%;
  padding-left: 1%;
  padding-bottom: 1.5%;
  padding-top: 1%;
}

div#grpWhite {
	width: 25%;
	position:absolute;
	top:0px;
	right:0px;
	text-align:right;
  padding-right: 1.0%;
  padding-left: 1%;
  padding-bottom: 1.0%;
  padding-top: 1%;
}

div.fps {
    bottom:0;
    right:0;
    text-align:right;
}

div.cmd:hover {
    color: #fff;
}

.active {
	text-decoration: underline;
}