body {
	background-color: #ffffff;
	margin-left: 0px;
	margin-right: 0px;
	font-family: Verdana; font-size: 90%; vertical-align: middle; line-height: 50%;
}

.p4wn-board table{
  border-spacing: 1px;
}

.p4wn-board td{
  padding: 1px;
}

.p4wn-white-square {
  background-color: #ccc;
}

.p4wn-black-square {
  background-color: #888;
}

.p4wn-board {
  position: relative;
  left: 4px;
  top: 0px;
  /*border:1px solid red;*/
  float: left;
  box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.2);
}

.p4wn-log {
  font-family: monospace;
  white-space: pre;
  font-size: smaller;
  overflow: auto;
  max-width: 5em;
  height: 90%;
  background-color:#fefbc7;
  box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.2);
  /*border:1px solid blue;*/
}

.p4wn-controls{
  clear: both;
  text-alig: center;
  max-width: 96%;
  line-height: 1.4;
}

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

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

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