form
{
	width: 95%;
}


ul.errorlist
{
	color: #CC4040;
	font-weight: bold;
}


.field
{
	width: 100%; max-width: 40em;
	margin: 1em;
}

.field label
{
	width: 20%;
	float: left; clear: none;
	text-align: right;
	padding-right: 1em;
}

.field input,
.field textarea
{
	width: 50%;
	padding: 0.1em;
	border-bottom-width: 1px;
	border-style: dotted;
	
	font-size: 1em;
	font-family: monospace;
	font-weight: normal;

	border-color: #6B71A3;
	background: #404040;
	color: #CCCCCC;
}

.field input:hover,
.field textarea:hover
{
	border-style: solid;
	background: #808080;
}

.field input:focus,
.field textarea:focus
{
	border-style: solid;

	border-color: #A8B4F4;
	background: #404040;
	color: white;
}


.field textarea
{
	height: 6em;
	border-width: 1px;
}


.controls
{
	width: 80%; max-width: 40em;
	margin: 2em 8em;
}

.controls input,
.controls button
{
	width: 25%;
	margin: 0.5% 4.5%;
	border-width: 1px;
	border-style: dotted;
	
	font-size: 1em;
	font-weight: bold;
	background: #111111;
	color: #6B71A3;
	border-color: #6B71A3;
	
	cursor: pointer;
}

.controls input:hover,
.controls button:hover
{
	border-style: solid;

	background: black;
	color: #A8B4F4;
	border-color: #A8B4F4;
}