styles.css

/* body {background: #fff; color: #000;} */

.requireJS {display: none;}
.hide {display: none;}
.noJS {background: #ff0; color: #000; padding: 1em;}
.noJS {max-width: 40em;}
#steps_count {width: 5em;}
#contactdetails {width: 25em;}
ol li {margin: 1em 0 1em;}
.grey {color: #888; background: #fff;}
textarea, #steps_count {font: inherit; color: black;}
#result {padding: 10px; border: 1px solid #000; resize: none; width: 97%; font: inherit; color: black;}
#comment, #commentshort {width: 97%; resize: none;}
#contact, #contactshort {min-width: 20em;}
.nowrap {white-space: nowrap;}
.sectionhead {font-size: 1.2em;}
/* Style the label so it looks like a button */
button, .toggle {
	border: 4px outset #cccccc;
	background-color: #cccccc;
	position: relative;
	z-index: 3;
	padding: 4px;
	float: left;
	margin: 1em;
}
/* CSS to make the checkbox disappear (but remain functional) */
.toggle input {
	visibility: hidden;
	}
#tooltip {
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div {margin: 0;}
#tooltip h3 {font: inherit}
.clear {clear: left;}
.tooltipindicator {
	margin-left: 0.2em;
	text-align: center;
	width: 1.4em;
	height: 1.4em;
	font-weight: bold;
	display: inline-block;
	background: #10a;
	color: #fff;
	-moz-border-radius: 50%;
	-khtml-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	font-size: 80%;
	vertical-align: super;
}

.shorthelp {
	display: block-inline;
	background-color: #10a;
	color: #fff;
	border: solid 1px #10a;
}

/* IE hacks */
*+html .nowrap {white-space: normal; display: inline-block;}
*+html .toggle input {visibility: visible; height: 0; width: 0; padding: 0; margin:0; top: -1000px;}