#visualization {
  background-color: #fff;
}

/* Slider. */
.sliderContainer {
  float: left;
}

.sliderTrack {
  stroke: #aaa;
  stroke-width: 6px;
  stroke-linecap: round;
}

.sliderKnob {
  fill: #ddd;
  stroke: #bbc;
  stroke-width: 1px;
  stroke-linejoin: round;
}

.sliderKnob:hover {
  fill: #eee;
}

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

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

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

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

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

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