/************************************************

CONTEXT:		Boilerplate Template
SITE:		  	Moorfields School
FILE:		  	forms.css
DESCRIPTION:  	Styles for forms

************************************************/

/* @group 1. Generic Elements */

	/* Basic Elements */
		form					{margin:30px 10px 10px 0;}
		fieldset				{}
		form dl					{}
		form dt					{width:140px; margin-bottom: 5px;}
		form dd					{width:250px; margin-bottom: 10px;}
		form label				{}
		form label span			{ color: #D20D0C; font-style:italic; font-size: 80%; position: relative; top: -3px;}
		form dd label			{}
	
	/* Elements that need classes */
		.textfield				{ color: #1D3D0B; width:250px; border: 1px solid #8DB77B; padding: .4em 0 .4em .4em; font-family: Tahoma, Geneva, Verdana; font-size: 100%;}
		.textarea				{ color: #1D3D0B; width:400px; border: 1px solid #8DB77B; height: 150px; padding: .4em 0 .4em .4em; font-family: Tahoma, Geneva, Verdana; font-size: 100%; }
		.radio,				
		.checkbox				{margin-right:15px;}
		.select					{}
		.actions				{}
		.actions				{clear:left;}
		
		
		
		
/* @group 2. Reusable Elements */		
		

.frm-content,
.frm-content dl,
.frm-content dt,
.frm-content dd  {float:left;}

.frm-content dl  {width: 680px; margin-left: 20px;}
.frm-content dt  {width: 250px;}
.frm-content dd  {width: 400px;}

.frm-content .actions  {clear:both; }
.frm-content .textfield  {width: 400px;}  

#contact-send  { float:right; padding: 3px 15px; display: block; margin-right: 23px;}