@charset "utf-8";

form { margin:0; padding:0;}
fieldset {
	margin: 0 5% 1em;
	padding: .8em 0;
	border: thin solid rgb(200,200,200);
	border-width: thin 0 0;
	}
fieldset fieldset {
	border: none;
	padding: 0;
	margin: 0 5%;
	}
.submitfield {
	text-align: right;
	padding: .8em 10% 0;
	margin: .5em 0 .3em;
	border-top: 1px dotted rgb(150,150,150);
	}
legend {
	padding: 0 .9em .1em 0;
	margin: 0;
	font-weight: 400;
	background: transparent;
	color: rgb(55,58,63);
	}
input[type="text"],
input[type="email"],
input[type="url"],
textarea {
	width: 65%;
	margin: 0;
	max-width: 30em;
	/*-moz-box-sizing: border-box;*/
	}
	
input:invalid,
textarea:invalid {
	/*box-shadow: none;*/
	/*box-shadow: 0 0 1.5px 1px rgba(0,0,187, .5);*/
	}
/* probably want to use
 * :-moz-submit-invalid:enabled
 *
 */
:-moz-ui-invalid:not(output) {
	box-shadow: 0 0 1.5px 1px rgba(187,0,0, .5);
	}
input[name="antispam"] {
	width: 2em;
	width: 4ch;
	}
textarea {
	height: 8em;
	resize: vertical;
	}
input[type="submit"] {
	margin: 0 0 0 .5em;
	}
	:-moz-submit-invalid { box-shadow: none;}
label {
	display: inline-block;
	width: 6em; /*20%*/
	vertical-align: top;
	margin-bottom: 0;
	}
	label[id]:target {
		background: rgb(242,233,193);
		color: rgb(187,0,0);
		}

#cc-opt-error {
	display: block;
	width: auto;
	float: left;
	margin: 1em 5% 0;
	vertical-align: baseline;
	}
span.explain {
	color: rgb(150,150,150);
	display: block;
	font-size: smaller;
	}

fieldset p {margin: .5em 0;}

#results p {
	color: rgb(187,0,0);
	background: rgba(245,245,245, .5);
	padding: .2em;
	border: 1px solid rgb(187,0,0);
	}

.req {
	color: rgb(187,0,0);
	background: transparent;
	}

h2 + p em {
	font-style: italic;
	display: block;
	}

fieldset ol {
	list-style: none;
	margin: 0;
	padding: 0;
	}
fieldset li { padding:.4em 0; }

h5 { margin-bottom: .5em; }
h5 ~ p { margin: .3em 5%;}