/* -----------------------------------
Form - narrow
----------------------------------- */

.row-form
{
	clear: left;
	overflow: hidden;
	zoom: 1;
	margin: 0 0 1em;
}

.label
{
	display: block;
	margin: 0 0 .1em;
}

.input,.select,.textarea
{
	width: 100%;
	*width: 90%;
	box-sizing: border-box;
	border: 1px solid #999;
	border-radius: .3em;
}

.input,.textarea { padding: 5px; }
.textarea { height: 150px; }

.radio
{
	margin-left: 1px;
	margin-right: .5em;
}

.checkbox
{
	margin-left: 1px;
	margin-right: .5em;
}

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

.btn
{
	display: inline-block;
	margin: 0;
	padding: .5em .5em;
	border: 0;
	border-radius: .3em;
	color: rgba(255,255,255,1);
	background-color: rgba(255,130,0,1);
	line-height: 1;
}

.btn:focus { background-color: rgba(153,0,102,1); }
.btn:hover { background-color: rgba(153,0,0,1); }
.btn:active { background-color: rgba(255,0,0,1); }

/* -----------------------------------
Form - wide
----------------------------------- */

@media (min-width:38em)
{
	.submission-form { max-width: 40em; }
	
	.label
	{
		float: left;
		width: 25%;
		margin: 0 2% 0 0;
		text-align: right;
	}
	
	.input,.select,.textarea
	{
		float: left;
		width: 70%;
	}

	.form-indent
	{
		margin-left: 27%;
		width: 64%;
	}
}