ol.questions {
	list-style: none;
}

ol.questions input, ol.questions select, ol.questions textarea {
	border: 1px solid #999999;
	padding: 2px;
}

ol.questions li {
	margin-bottom: 5px;
	clear: left;
}

ol.questions li span, ol.questions li label {
	float: left;
	text-align: right;
	width: 200px;
	margin-right: 10px;
    padding-right:5px;
}

ol.questions li.optionGroup label, ol.questions li.checklist label {
	width: inherit;
	float: none;
}

ol.questions li span.error {
	float: none;
}

ol.questions li.required span, ol.questions li.required label {
	color: red;
}

ol.questions li.error span, ol.questions li.error label {
	color: #990033;
}

ol.questions li.required input, ol.questions li.required select, ol.questions li.required textarea {
}
ol.questions li.error input, ol.questions li.error select, ol.questions li.error textarea {
	background-color: #ffcccc;
}

ol.questions li ul {
	list-style: none;
}

ol.questions li ul li {
	float: left;
	clear: none;
}
.success {
	padding: 10px;
	text-align: center;
	background-color: #ffc;
	font-weight: bold;
	font-size: 1.3em;
}
.contact-form .success {
	/* was 310px, reserving room for the contact details when they sat to the
	   right of the form. They are on the left now and this rule applies inside
	   the 425px .contact-form, so the reservation would squash the message. */
	margin-right: 0;
}
input#whitelist {
	border: 0;
}