.piece {
  background-color : transparent;
  border   : 0;
  margin   : 0;
  padding  : 0;
  position : absolute;
/*
  opacity  : 0.98;
  filter   : alpha(opacity=98);
*/
  z-index  : 2;
}

.obstruction, .obstruction-newgame {
  border   : 0;
  margin   : 0;
  padding  : 0;
  position : absolute;
  width: 44px;
  height: 44px;
  background-color: #000000;
  opacity  : 0.50;
  filter   : alpha(opacity=50);
  z-index : 2;
}

.obstruction-new {
  background-color: #99ddff;
}

.obstruction-newgame {
  width: 22px;
  height: 22px;
}

.outline-move-to, .outline-move-from {
  margin   : 0;
  padding  : 0;
  position : absolute;
  width: 40px;
  height: 40px;
  z-index : 1;
}

.outline-move-to {
  border   : 2px solid #ffebcd;
}

.outline-move-from {
  border   : 2px solid #99ddff;
}

#piece-from {
  z-index : 3;
}

#ScoreDiv {
  width: 370px;
}

#ScoreTitle {
  font-weight: bold;
  padding-right: 0.5em;
  padding-left: 0.5ex;
}

.board {
  overflow: hidden;
  margin: 0;
  padding: 0;
  z-index : 0;
  position : relative;
  text-align: left;
}

.board-image {
  opacity : 0.90;
  filter  : alpha(opacity=90);
}

#Board {
  width: 370px;
  height: 370px;
}

#BoardNewGame {
  width: 185px;
  height: 185px;
}

#BoardImage {
  width: 554px;
  height: 554px;
}

#BoardImageNewGame {
  width: 277px;
  height: 277px;
}

#Score {
  width: 5em;
}

.toMove {
  background-color : #fbfbfb;
  color :  #0080c0;
  font-weight: bold;
}

#Player1Score, #Player2Score {
  padding-left: 2px;
  padding-right: 2px;
}

div.gameOption {
  width: 20em;
  padding-bottom: 1ex;
  text-align: right;
}

div.gameOption label {
  float: left;
  clear: left;
}

div.gameOption select {
  width: 10em;
}

div.column-coord, div.row-coord {
  height: 46px;
  text-align: center;
  font-size: 12px;
}

div.column-coord {
  float: left;
  width: 46px;
}

div.row-coord {
  line-height: 46px;
}

#RowCoordinateDiv {
  position: absolute;
}