@import url(reset.css);

body {
	font: 0.8em/1.3 Arial, Helvetica, sans-serif;
	color: #333;
	margin: 1em;
}

h1 {
	margin-bottom: 1em;
	font-size: 1.4em;
}

form { margin: 1em 0; }
p { margin: 0 0 1em; }

button {
	font: 0.9em/1.3 Arial, Helvetica, sans-serif;
	background: #EFEFEF;
	border: 1px solid #666;
	border-top-color: #CDCDCD;
	border-left-color: #CDCDCD;
}

button img {
	vertical-align: -5px;
	margin-right: 0.4em;
}

input, textarea {
	font: 1em/1.3 Arial, Helvetica, sans-serif;
	border: 1px solid #999;
	background: #FCFCFC;
	width: 28em;
	vertical-align: -0.1em;
}
textarea { height: 6em; }
input.nontext { border: none; width: auto; }

input:focus, textarea:focus, input.focus, textarea.focus { background: #FFFFCF; }

form fieldset {
	margin-bottom: 1em;
	padding-top: 1em;
	border-top: 1px solid #999;
}

form fieldset legend {
	font-size: 1.2em;
	font-weight: bold;
}

form label {
	display: block;
	font-weight: bold;
}

form label small {
	font-weight: normal;
	font-size: 0.8em;
	color: #777;
}

form label em, .requiredField {
	color: red;
	font-style: normal;
	font-size: 1.2em;
}

.left { float: left; width: 50%; }
.right { float: right; width: 50%; }

form ol li { margin-bottom: 0.3em; }
form ol ul { margin: 0.5em 1em; }
form ol ul label { font-weight: normal; display: inline; }

form ol ul.inline { height: 1.5em; }
form ol ul.inline li { float: left; margin-right: 0.5em; }

ul.errors {
	list-style-type: disc;
	list-style-position: outside;
	margin: 1em 2em;
}

ul.errors li, p.errors {
	color: red;
	margin-bottom: 0.2em;
}
ul.errors li span, p.errors { font-weight: bold; }

#container { width: 760px; }

#logos { height: 160px; }
#logos li, #footer li {
	float: left;
	margin-right: 1em;
}

#footer {
	clear: both;
	border-top: 1px solid #999;
	padding-top: 1em;
	margin: 2em 0;
	height: 228px;
}

#wordCounter { display: block; font-weight: bold; }

#stemAmbassador {
	background: #110D0E url(../images/bg-stemambassadors.png) no-repeat right center;
	color: #FFF;
	padding: 1em 345px 1em 1em;
	margin-top: 1em;
}
#stemAmbassador a { color: #F28725; }
#stemAmbassador p:last-of-type { margin-bottom: 0; }

/* Expiry notice */
#expiredShadow {
	background: #CCC;
	position: absolute;
	left: 50%; top: 50%;
	width: 40em; height: 30em;
	margin: -15em 0 0 -20em;
}

#expired {
	background: #FFF;
	position: relative;
	top: -8px; left: -8px;
	width: 38em; height: 28em;
	border: 1px solid #AAA;
	padding: 1em;
}

#expired #logos { margin-bottom: 1.2em; }