ol
{
	padding: 5px;
	margin: 0;
	list-style: none;
}

li
{
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 0.5em;
}


label
{
	display: inline;
	font-size: 90%;
	font-weight: normal;
	/* text-transform: uppercase; */
	color: var(--grey);
	
}

label:after {
	content:"\a";
	white-space: pre;
}

label strong img
{
	position: relative;
	top: -2px;
}

label strong {
	
	position: relative;
	top: -1px;
	left: 2px;
	color: var(--heading);
	font-size: var(--fontsmall);
	
}

input[type=text]
{
	width: 18em;
	font-size: 16px;
	padding: 4px;
	margin-top: 2px;
	border-radius: 4px;
	border: 1px solid var(--greyborder);
	background-color: white;
	
	transition: all 0.3s ease;
	-webkit-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;

}

input[type=text].StealthInput {
	
	color: #000;
	border: none;
	padding: 0;
	margin: 0;
}

input[type=text]:focus
{
	background-color: var(--yellow);
	outline: none;
	box-shadow: 0 0 2px 1px var(--heading);
}

input[type=password]
{
	width: 18em;
	font-size: 16px;
	padding: 4px;
	margin-top: 2px;
	border-radius: 4px;
	border: 1px solid var(--greyborder);
	background-color: #ffffff;
	
	transition: all 0.3s ease;
	-webkit-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
}

input[type=password]:focus
{
	background-color: var(--yellow);
	outline: none;
	box-shadow: 0 0 2px 1px var(--heading);
}

input.submit, input.button 
{
	background-color: #222;
	border: none;
	border-radius: 4px;
	color: white;
	padding: 4px 8px;
	text-decoration: none;
	margin: 0px;
	margin-left: 2px; 
	font-size: 16px;
	cursor: pointer;
	width: auto;
}

ol li input.submit:focus, ol li input.button:focus
{
	outline: none;
	box-shadow: 0 0 2px 1px var(--heading);
}

input.button:disabled {
	background-color: #999;
}

select {
	
	font-size: var(--inputfontsize);
	padding: 3px;
	margin-top: 2px;
	border-radius: 4px;
	border: 1px solid var(--greyborder);
	background-color: white;
	
	transition: all 0.3s ease;
	-webkit-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	
}

select:focus
{
	background-color: var(--yellow);
	outline: none;
	box-shadow: 0 0 2px 1px var(--heading);
}

.fieldnote
{
	color: var(--heading);
	font-size: 80%;
	text-transform: uppercase;
}