body { background: #eee; }
body > div { width: 90%; margin: auto; }

div.test   { border-top: 5px solid black;
	     border-left: 5px solid black;
	     padding-left: 5px;
	     margin-bottom: 2em;
	   }
div.test.passed { border-color: green; }
div.test.failed { border-color: red; }

div.output { margin-top: 1em; background: #fff; }

textarea {width: 100%; height: 200px; box-sizing: border-box; resize: vertical; }
div.control { position: relative; margin-top: 5px; text-align: right; }
div.control input { position: absolute; left: 0px; }

label.show-as { margin: 0px 1ex; }

div.test           div.output > div      { display: none; }
div.test.show-html div.output > div.html { display: block; }
div.test.show-raw  div.output > div.raw  { display: block; }
div.test.show-DOM  div.output > div.DOM  { display: block; }
div.error { color: red; }

div.output { padding: 5px; border: 1px solid #888; }

#re-run-all { float:right; }

div.header {
  margin-bottom: 2ex;
}

div.header input {
  position: relative;
  top: 3px;
  margin-left: 2ex;
}

div.header label {
  font-weight: bold;
}

div.header span.count {
  margin-right: 1ex;
}

div.footer {
  margin-top: 1ex;
  border-top: 1px solid #888;
  padding-top: 1ex;
  text-align: right;
}

