#light_bot_menu {
  float: right;
  border: 4px inset black;
  margin: 15px;
  padding: 8px; }

img.command {
  border: 2px solid black; }

img.command-active {
  border-color: #ffff99; }

img.command-hover {
  border-color: #eeaaaa; }

img.light_bot_control_button {
  border: 2px outset black;
  margin: 2px;
  width: 25px;
  height: 25px;
  cursor: pointer; }

img.light_bot_control_button_down {
  border-style: inset; }

td.grid {
  width: 40px;
  height: 40px;
  background: white;
  border: 3px solid #FFF; }
  td.grid div.grid_editor_height {
    background: black;
    color: white;
    font-weight: bold;
    position: absolute; }

.light_bot_small_board td.grid {
  width: 15px;
  height: 15px;
  border-width: 1px; }
  .light_bot_small_board td.grid img {
    width: 15px;
    height: 15px; }

td.grid-target {
  background: #97caff;
  border-color: #97caff; }

td.grid-lit {
  background: #ffff99;
  border-color: #ffff99; }


div.light_bot_control_slider {
  width: 150px;
  height: 10px;
  background: black; }

div.light_bot_control_handle {
  width: 10px;
  height: 15px;
  background-color: #fff;
  border: 3px double black;
  cursor: move; }

div.light_bot_program {
  border: 2px solid black; }

div.light_bot_active_program {
  white-space: nowrap;
  margin: 2px;
  border: 3px solid;
  border-color: #eeeeee;
  cursor: pointer; }
  div.light_bot_active_program:hover {
    border-color: black; }

div.light_bot_active_prog_highlighted {
  border-bottom-style: double;
  border-bottom-color: black;
  border-top-style: double;
  border-top-color: black; }

div.light_bot_active_prog_improved {
  border-color: #aaeeaa; }

span.light_bot_active_prog_value {
  padding-left: 5px;
  font-family: monospace;
  font-weight: bold; }

div#population {
  margin: 10px;
  padding: 10px;
  border: 5px double black;
  height: 300px;
  overflow: auto; }

div#offspring {
  margin: 10px;
  padding: 10px;
  border-width: 5px;
  border-style: solid;
  border-color: #eeeeee;
  height: 180px; }

#algorithm_holder {
  min-height: 600px; }

#small_commands {
  width: 715px; }
  #small_commands img.command {
    width: 20px;
    height: 20px;
    border-width: 0px;
    padding: 0px; }

tr.lbman_task td.id {
  cursor: default; }

table.board_header td {
  border-left: 3px outset black;
  border-bottom: 3px outset black;
  padding-right: 20px;
  padding-left: 8px; }

.light_bot_snapshot_selected td {
  background-color: #aaeeaa; }

.light_bot_snapshot_hover {
  cursor: pointer; }
  .light_bot_snapshot_hover td {
    background-color: #ffff99; }

.grid.light_bot_bdark {
  border-bottom-color: #222; }
.grid.light_bot_tdark {
  border-top-color: #222; }
.grid.light_bot_ldark {
  border-left-color: #222; }
.grid.light_bot_rdark {
  border-right-color: #222; }
.grid.light_bot_blight {
  border-bottom-color: #BBB; }
.grid.light_bot_tlight {
  border-top-color: #BBB; }
.grid.light_bot_llight {
  border-left-color: #BBB; }
.grid.light_bot_rlight {
  border-right-color: #BBB; }
.grid.light_bot_bdarkred {
  border-bottom-color: #D00; }
.grid.light_bot_tdarkred {
  border-top-color: #D00; }
.grid.light_bot_ldarkred {
  border-left-color: #D00; }
.grid.light_bot_rdarkred {
  border-right-color: #D00; }
.grid.light_bot_blightred {
  border-bottom-color: #FBB; }
.grid.light_bot_tlightred {
  border-top-color: #FBB; }
.grid.light_bot_llightred {
  border-left-color: #FBB; }
.grid.light_bot_rlightred {
  border-right-color: #FBB; }