/* Basic form styles
----------------------------------------------------------

@package:	atatonic CSS framework 2009	
@Author: 	Tim Benniks <tim@timbenniks.com>
@Created: 	05-02-2009
@Changed:	21-05-2009

---------------------------------------------------------- */

fieldset { 
	margin: 0 0 18px 0; 
	padding: 9px;
	border: 1px solid #ccc; 
}

legend { 
	color: #333;
	font-size: 18px;
	line-height: 18px;
	padding: 0;
}

label { 
	display: block; 
	margin: 0;
	font-size: 12px; 
	text-align: left;  
	cursor: pointer;
	color: #333;
}

.form-item, /* this class will deprecate later */
.form-element {
	margin: 0 0 11px 0;
}

textarea,
input { 
	padding: 4px;
	border: solid #ddd;
	border-width: 1px;
	width: 310px;
}

textarea {
	font-family: "Lucida Sans",Helvetica,sans-serif;
	font-size: 11px;
}

textarea:focus,
input:focus { 
	background: #f9f9f9;
	border: solid #ddd;
	border-width: 1px;
}

input.form-field-error,
textarea.form-field-error {
	border-style: solid;
	border-color: #FBC2C4 #FBC2C4 #ee9b9e #FBC2C4;
	border-width: 1px;
	background: #FBE3E4;
	color: #8A1F11;
}

input.form-field-notice,
textarea.form-field-notice {
	border-style: solid;
	border-color: #FFD324 #FFD324 #e3bb1b #FFD324;
	border-width: 1px;
	background: #FFF6BF;
	color: #514721;
}

select {  
	border: 1px solid #ccc;
	background: #f9f9f9; 
	color: #333; 
}

input[type="checkbox"],
input[type="radio"] { 
	margin: 3px 4px 0 0;
}

input[type="checkbox"] { 
	color: #000; 
}

input[type="radio"] {  
	background-color: #fff; 
	color: #000;
}

option { 	
	background: #fff; 
	color: #000; 
}

optgroup { 
	background: #f2f2f2; 
	color: #111; 
}