/* Twisteddigits.com

Welcome to our source code. 
If you're in the habit of trawling code we'd recommend looking at :
www.alistapart.com
www.mezzoblue.com
www.stopdesign.com

@Site		Katharinehowardfoundation.ie
@Owner		JNF
@File name	forms.css
@Modified	The last date this sheet was modified.
@Purpose	Layout and additional formatting for forms.

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


/* Forms
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
Each form element should be put within a div or p element and assigned the .row class.
In the case of radio boxes and check boxes, their div or p should be given the .radioRow class.
Also note that labels should be given using the "for" attribute rather than nesting the form
control within the label element.
Finally, labels should be placed after radio and checkbox conrols
*/
fieldset{
	padding:10px 5px 5px;
	}
.row{
	clear:both;
	margin:5px 0;
	}
label{ 
	display: block; 
	float:left;
	width:30%;
	}
legend{
	color:#69C;
	font-size:125%;
	padding:0 10px;
	}
	
/* Radio and Checkboxes
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.radioRow{
	clear:both;
	}
.radioRow label{
	width:auto;
	float:none;
	}
.radioRow input{
	width:auto;
	}

/* text input and textboxes
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
fieldset input{
	display:block;
	float:left;/**/
	width:60%;
	}
textarea{
	width:60%;
	}

fieldset:focus{
	background:#E2EFD1;
	}