.p4wn-board table{
  border-spacing: 0px;
  border-width: 0px;
  padding: 0;
  table-layout:fixed;
  width: 416px;
}

.p4wn-table table{
  border-spacing: 0px;
  border-width: 0px;
  padding: 0;
  table-layout:fixed;
/*  width: 416px;*/
}

.p4wn-board td{
  padding: 0px;
  border: 0; 
}

.p4wn-board tr{
  padding: 0;
  border: 0; 
  line-height: 0;
}

.p4wn-white-square {
  background-color: #f0dec7;
  width: 48px;
  max-width: 48px;
  height: 48px; 
  padding: 0;
  border: 0; 
}

.p4wn-black-square {
  background-color:#b5876b;
  width: 48px;
  max-width: 48px; 
  height: 48px; 
  padding: 0;
  border: 0; 
}

.p4wn-clicked-square {
  background-color:#00c;
  width: 48px;
  max-width: 48px; 
  height: 48px; 
  padding: 0;
  border: 0; 
}

.p4wn-square-labels {
/*  width: 32px; */
  height: 32px; 
  padding: 0;
  text-align: center; 
}

.p4wn-board {
  position: relative;
  left: 0px;
  top: 0px;
/*  border:1px solid red;*/
  float: left;
}

.p4wn-log {
  font-family: monospace;
  white-space: pre;
  font-size: smaller;
  overflow: auto;
  max-width: 14em;
  height: 90%;
  /*border:1px solid blue;*/
}

.p4wn-controls{
  clear: both;
  /*border:1px solid green;*/
}

.p4wn-control-button {
  padding: 0px 5px;
  cursor: pointer;
  white-space: nowrap;
  display: inline-block;
  margin: 1px;
}

.p4wn-log-move {
  padding: 0px 7px;
  cursor: pointer;
}

.p4wn-wrapper{
  /*border: 1px solid yellow;*/
}