/*
body { 
  margin-left:auto; 
  margin-right:auto; 
  width:525px; 
  font-size:1em; 
  font-family: Verdana,Tahoma,sans-serif; 
}
*/
#doChess p { 
  margin:0 1em 1em; 
  line-height:1.5; 
}
#doChess p.about { 
  font-size: 0.9em;
  color: brown; /*#551a8b;*/
  text-align: center;
  margin: 0.5em 0em 0em 0em;
  background: silver;
  border-top-left-radius: 1.1em;
  border-top-right-radius: 1.1em;
}
#doChess p.about span { 
  font-size:0.9em;
}
#doChess .bbody { 
  border: 4px solid silver; 
  border-top:2px solid silver; 
}
#bboard { 
  float:left; 
  width: 330px; 
  height:370px; 
}
#bboard1 p { 
  text-align: center; 
  font-size: 0.9em;
  margin-bottom:0.5em; 
}
#bboard1 p button {
  padding:0;
  font: 0.85em "lucida grande",tahoma,verdana,sans-serif;
  width: auto;   
  text-align: center; 
  /*font-weight: bold; */
}
#bboard1 p input {  
  width: 1em;
  height: 1.1em;
  vertical-align:middle;
  text-align:center;
  font-family:monospace;
  /*font-weight: bold;*/
}
#tgame { 
  float:left; 
}
#tgametab { 
  font-size:0.9em;
  line-height:1.05em; 
  margin-left:1.5em;
}
#gmoves p { 
  margin-left: 0em;
  margin-bottom: 0em;
  margin-top:1em;
  font-size:0.9em;
}

.kdlgclip { font-size: 0.8em; }
.kdlgclip .ui-dialog-content { 
  display: none; 
}

div.kdlgtr .ui-dialog-titlebar { 
  display: none; 
}
div.kdlgtr .ui-dialog-content { 
  display: none; 
}
div.kdlgtr .ui-dialog-buttonpane { 
  border: 0; 
  margin: 0; 
  padding: 0; 
}
div.kdlgtr .ui-dialog-buttonpane button { 
  padding: 0.1em; 
}
#dlgsave textarea { 
  font-size: 0.8em; 
}
#doChess a, #doChess a:link, #doChess a:visited, #doChess a:active {
  text-decoration:none
}
#doChess a {
  color: #660000 !important; /*#0000EE;*/
}
#doChess a:visited {
  color: #0000DD;
}
#doChess a:hover {
  color:#0000EE !important; /*brown;*/ /*#DD0000;*/
}

#doChess .bbody { 
  background:#eef; 
  padding: 0.2em 0em 0.2em 0.5em; 
}
div.moves { 
  font-family: monospace; 
  height: 300px; 
  width:130px;
  overflow: auto;
  background:white;
  padding-left:0.2em;
  padding-top:0.2em;
}
div.moves a {
  color:#551a8b;
}
div.moves .oneMove { 
  padding-right:0.2em; 
  padding-left: 0.4em; 
  text-align: right; 
  text-decoration: none; 
}
div.moves .whiteMove { 
  width: 5em; 
  padding-left: 0.1em; 
}
div.moves .oneMove:hover { 
  background-color: #ccf; 
}
div.moves .oneMoveSel, .oneMoveSel:hover { 
  background-color: #66c; color: #fff; 
}

.gsdiv { 
  width:450px;
  border:1px solid black;
  font-size:0.8em;
}
.gsdiv p {  
  margin-bottom: 0.1em;
}
