.focus { background-color: #ddd; }
.error { background-color: #d4e6ef; }

/* Page specifics */

#page { width:40em; margin: 1em auto 2em; }

#formarea { background-color: #EFEFEF; padding: 8px; border: 1px solid #C0C0C0; }
div.errorMessage {
	display: block;
	font: 12px verdana, sans-serif;
	color: #c10808;
	margin: 0 0 1em;
	padding: 0.5em;
	background-color: #d4e6ef;
	border: dotted 1px;
}

.form-row { color: #000; width: 295px; margin-bottom: 5px; border-top: 1px dotted #444; padding: 0.5em; }

.form-row-set {
	float: left;
	margin-right: 2em;
}

fieldset {
	border: none;
	padding: 0;
}

label { color: #444; padding: 0; }
input, textarea, .options {
	float: left;
	padding: 0.2em;
	
}
select {
	font: .9em "lucida sans", verdana, sans-serif;
}

.options input {
	float: none;
	padding-left: 0;
}
.options label {
	color: #444;
}
.clear {
	clear: left;
}
span.highlight { background-color: #fbffc1; }
span.highlight2 { background-color: #d1ffc1; }
var { color: #b00000; }

codeblock {
	border: 1px solid #DADADA;
}

ul { list-style-type: square; margin: .5em 0 .5em 0; }
li { font: .9em "trebuchet ms", arial, helvetica, verdana; color: #454545; margin: 0 0 .3em 0; }

dl {
	background-color: #d8f4fe;
	color: #000;
	border: 1px solid #acd3ff;
	padding: .5em;
}

dt {
	margin: 0 1em 0 0;
	font: bold .9em "lucida sans", verdana, sans-serif;
	color: #000;
}

dd {
	font: .9em "lucida sans", verdana, sans-serif;
	color: #000;
}