#svgMaze {
  border: solid 1px #dbdbdb;
  box-sizing: content-box;
}

/* 'Look' icon */
#look > path {
  display: none;
  fill: none;
  stroke-width: 10;
  stroke-linecap: round;
  stroke-opacity: 0.7;
}

/* Sprited icons. */
.icon21 {
  height: 21px;
  width: 21px;
  background-image: url(/blockly/media/maze/icons.png);
}

.code {
  background-position: -21px 0;
}

.link {
  background-position: 0 0;
}

.run {
  background-position: 0 -21px;
  margin-right: 3px;
}

.stop {
  background-position: -21px -21px;
  margin-right: 3px;
}

.float-right {
  float: right;
}
html[dir=RTL] .float-right {
  float: left;
}

#spelling-table-wrapper {
  display: inline-block;
  width: 100%;
}

.spellingTextCell {
  vertical-align: middle;
  text-align: right;
  padding-right: 16px;
}

.spellingButtonCell {
  vertical-align: middle;
  margin-right: 0;
}

.spellingButton {
  color: #fff;
  font-size: large;
  min-width: 96px;
  margin-left: 0;
  margin-right: 0;
  border: 1px solid #00b050;
  cursor: default;
  text-align: center;
}

.spellingButton:hover {
  box-shadow: none;
}

#searchWord {
  border: 1px solid #00b050;
  background-color: white;
  color: black;
}

#currentWord {
  background-color: #00b050;
}

.search-letter {
  line-height: 120%;
  cursor: default;
}

/* fix transform-origin for IE / RTL in maze levels */
html[dir=RTL] div#visualization.responsive > svg {
  -ms-transform-origin: 0 0;
}