/* interactive board */

.board {
  padding: 0;
  margin: 0;
  border: 3px solid #000;
}

.boardBox {
  border: 2px solid #000;
  padding: 0;
  margin: 0;
}

.board input {
  width: 1.2em;
  height: 1.2em;
/*  display: block; */
  text-align: center;
  font-size: 1.6em;
  background-color: #fff;
  padding: 0.2em;
  margin: 0;
  border: 0;
}

.board td {
  width: 1.2em;
  height: 1.2em;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 1px;
  margin: 0;
}

.board td.leftLine {
  border-left: 2px solid #000;
  padding-left: 0;
} 
.board td.rightLine {
  border-right: 2px solid #000;
  padding-right: 0;
} 
.board td.topLine {
  border-top: 2px solid #000;
  padding-top: 0;
} 
.board td.bottomLine {
  border-bottom: 2px solid #000;
  padding-bottom: 0;
} 

.cell {
  color: #00f;
}

.fixed {
  color: #000;
}

.highlight {
  color: #f00;
}

.pencil {
  font-size: 0.8em;
  position: absolute;
  padding-left: 0.1em;
  color: #00f;
}

/* panel */

#puzzleDifficulty {
  margin: 0;
  padding: 0;
  display: inline;
}

#puzzlePanel {
  background-color: #ddf;
  border: 2px solid #006;
  text-align: center;
  margin-left: 0.2em;
  padding-left: 0.6em; 
  padding-right: 0.3em;
  padding-top: 0.4em;
  width: 10.5em;
}

#puzzlePanel .button {
  width: 6em;
  height: 1.8em;
  display: block;
  margin: 0.1em;
  font-size: 0.8em;
}

#puzzlePanel #helpButton {
  color: #006;
  font-weight: bold;
}

#puzzlePanel select {
  font-size: 0.8em;
}

#puzzlePanel #checkboxSet {
  text-align: left;
  margin-left: 1.8em;
  font-size: 0.8em;
}

#puzzlePanel #printSet {
  text-align: center;
}

#puzzlePanel #printSet table {
  text-align: center;
  font-size: 0.8em;
}

#puzzlePanel #printButton {
  text-align: center;
  display: inline;
}

#puzzlePanel #undoButton, #puzzlePanel #redoButton {
  width: 2.9em;
  height: 3.8em;
  padding: 0;
  vertical-align: middle;
}

/*  
#puzzlePanel #redoButton {
  float: top;
}
*/


#puzzlePanel .buttonGroup {
  text-align: center;
  clear: both;
  display: block;
  position: relative;
}

#puzzlePanel hr {
  clear: both;
  margin: 0;
  padding: 0;
  height: 0.3em;
/*  visibility: hidden; */
}

#puzzlePanel .separator {
/*  display: block; */
  clear: both;
  margin-top: 2em;
}

#puzzlePanel .block {
  display: block;
  float: left;
}

#puzzlePanel p {
  clear: both;
  margin: 0;
  padding: 0;
  padding-bottom: 0.4em;
}


#playHelp h4 {
  margin: 0;
  padding: 0;
}

#playHelp p {
  margin-top: 0;
}

#playTimer { 
  font-size: 0.8em;
}

#playTimer #timer { 
  border: 0;
  margin: 0;
  text-align: center;
}

#playTimer .timerButton {  
  width: 2em;
}