#game {
  width: 30em;
  margin: 0 auto;
}

#tile {
/*  opacity: 0.01;*/
}

#board {
/*	border: 1px solid white;	*/
  border: 1px solid rgba(255,255,255, .8); 
  table-layout: fixed; 
  background-color: rgba(0,0,0, .9);
  border-collapse: collapse; /* collapse ==== zero 'cellspacing' */
  /*border-spacing: 0 0;  horizontal, vertical */
  cursor: crosshair;
  margin-top: -1px;
}

#wait {
  width: 30em;
  height: 25.9em;
  border: 1px solid black;
  background-color: black;
  margin-left: -1px;
  display: none;
  position: absolute;
  top: 2.35em; 
  cursor: wait;
}

#board tr {
/*	border: 1px dotted rgba(255,255,255, .3); */
}

#board td {
  width: 6em;
  height: 4em;
  border: 1px dotted rgba(255,255,255, .3);  
}

#board td:hover {
  border: 1px solid rgba(255,255,255, .9);
  box-shadow: 0px 0px .5em #777 inset;
/* background-image: -moz-radial-gradient(#BDDFB3, #167F39);
  background-image: -webkit-radial-gradient(#BDDFB3, #167F39); */
}

#panel {
  width: 20em;
  height: 2.35em;
  margin: 0 auto;
/*  background-color: rgba(0,0,0, .9);*/
}

#panel ul {
  margin: 0; padding: 0;
}

#panel ul li {
  width: 40%;
  white-space: nowrap;
  overflow: hidden; 
  display: inline-block; 
  background-color: grey;
  border-radius: 12px 12px 0 0;
  margin-left: -.2em;
}

#panel h3 {
  width: 100%;
  display: inline-block; 
  margin: 0;
  padding: .5em 0 .5em 0;
  border-radius: 12px 12px 0px 0px;
  opacity: .1;
}

#panel h3#player0 {
  background-color: red;
}

#panel h3#player1 {
  background-color: blue;
}

#message {
  width: 100%;
  display: none;
  border-radius: 0px 0px 12px 12px;
  background-color: green;
  font-weight: bold;
  margin: 0;
  padding: .5em 0 .5em 0;
}

#endGame {
  width: 30em;
  height: 25.8em;
  border: 1px solid black;
  background-color: black;
  margin-left: -1px;
  display: none;
  position: absolute;
  top: 2.35em; 
  cursor: default;
}