div.problem {
	background-color: #444;
	color: #fff;
	overflow: hidden;
	padding: 0em 1em;
}

div.problem .hidden {
	display: none !important;
}

div.problem hr {
	border: none;
	border-bottom: 0.25em dotted #888;
}

div.problem div {
	margin: 1em 0em;
}

div.problem div.faded {
	color: #888;
}

div.problem code {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0em 0.25em;
}

div.problem pre {
	background-color: #666;
	border-radius: 0.5em;
	border-style: none;
	color: #fff;
	font-size: 1.2em;
	overflow: auto;
	padding: 0.5em;
	tab-size: 4;
}

div.problem h1 {
	font-size: 1.2em;
}

div.problem select {
	background-color: #666;
	border-radius: 0.5em;
	border-style: none;
	color: #fff;
	cursor: pointer;
	font-size: 1em;
	padding: 0.5em;
}

div.problem optgroup {
	background-color: #888;
}

div.problem option {
	background-color: #666;
}

div.problem select.success,
div.problem option.success {
	background-color: #595;
}

div.problem table {
	border-spacing: 0.5em;
}

#description pre {
	margin: 1em 0em;
}

#description button {
	background: none;
	border: none;
	color: #fff;
	cursor: pointer;
	font-style: italic;
	margin: 0em;
	padding: 0em;
}

#description button:hover {
	text-decoration: underline;
}

#description th,
#description td,
#validation td:first-child,
#validation td.actual.error div,
#validation-error {
	background-color: #666;
	border-radius: 0.5em;
	border-style: none;
	padding: 0.5em;
}

#description th {
	text-align: left;
}

#validation pre {
	margin: 0em;
}

#validation button {
	background-color: #888;
	border-radius: 0.5em;
	border-style: none;
	color: #fff;
	cursor: pointer;
	font-size: 1em;
	margin-top: 1em;
	padding: 0.5em;
}

#validation div.scroll {
	margin: 0em;
	overflow-x: auto;
}

#validation th {
	padding: 0em 0.5em;
}

#validation td {
	padding: 0em;
	vertical-align: top;
}

#validation td:first-child {
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

#validation td.actual.true pre {
	background-color: #595;
}

#validation td.actual.false pre,
#validation td.actual.error div {
	background-color: #955;
}

#validation td.actual.error div {
	font-style: italic;
	margin: 0em;
	vertical-align: middle;
}

#validation td pre.button {
	cursor: pointer;
}

#validation td pre.button:hover {
	background-color: #888;
}

#validation button:hover,
#validation td pre.button:active {
	background-color: #ccc;
	color: #000;
}

#validation-error {
	background-color: #955;
	display: inline-block;
	font-style: italic;
	margin-top: 1em;
}
