/* -----------------------------------
default
----------------------------------- */

.form fieldset
{
	border: 0;
	padding: 0;
	margin: 0;
}

.form legend
{
	display: block;
	width: 100%;
	font-weight: bold;
}

.legend
{
	display: block;
	padding: 1em 0;
}

textarea { resize: vertical; }

.formbox,
.formbox--alt,
.formbox--list,
.formbox--indent
{
	display: block;
	overflow: hidden;
	margin: 0 0 1em;
	padding: 0 0 0 1px;
	zoom: 1;
}

.formbox--alt input,
.formbox--alt textarea
{
	-moz-boxsizing: border-box;
	box-sizing: border-box;
	border: 1px solid #666;
	padding: .5em 10px;
	margin: 0;
	width: 100%;
}

.formbox--alt textarea { height: 150px; }

.formbox--alt select
{
	margin: 0;
	padding: 0;
	width: 100%;
}

.formbox--list ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.formbox--list li { margin-bottom: .3em; }
.formbox--list input { margin-right: .3em; }

.formbox__label,
.formbox__instructions,
.formbox__error
{
	display: block;
	margin: .3em 0 0;
}

.formbox__instructions
{
	color: #777;
	font-size: 90%;
}

.formbox__error
{
	padding: .5em;
	color: #fff;
	background: red;
	font-size: 90%;
}

.formbox__required
{
	color: red;
	font-size: 60%;
	text-transform: uppercase;
}

@media (min-width: 700px)
{
	.formbox--indent
	{
		margin-left: 35%;
		width: 60%;
		position: relative;
	}
	
	.legend { margin-left: 35%; }
	
	.formbox__label
	{
		float: left;
		width: 30%;
		margin-right: 5%;
		text-align: right;
	}
	
	.formbox__control
	{
		float: left;
		width: 60%;
	}
	
	.formbox__required { display: block; }
	.formbox--medium input,
		.formbox--medium textarea,
		.formbox--medium select { width: 60%; }
	.formbox--narrow input,
		.formbox--narrow textarea,
		.formbox--narrow select { width: 40%; }
}