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

Load this stylesheet after formtastic.css in your layouts to override the CSS to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

For example, to make the inline hint paragraphs a little darker in color than the standard #666:

form.formtastic fieldset ol li p.inline-hints { color:#333; }

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

form.formtastic fieldset.inputs{
	border-bottom: 1px grey dotted;
	width: 100%;
}

form.formtastic legend{
	text-transform: uppercase;
	color: #6c7778;
	padding-top: 8px;
	padding-bottom: 16px;

}

form.formtastic label{
	text-transform: capitalize;
	margin-bottom: 8px; 
}

form.formtastic input[type = "text"], form.formtastic input[type = "password"], form.formtastic textarea {
	line-height: 16px;
	padding: 5px 2px 5px 2px;
	border-style: solid;
	background-color: #ddf5f7;
	border-color: #aabbbf;
	border-width: 1px;
	min-width: 100px;
	width: 100%;
}

form.formtastic input[type="submit"]{
	text-align: center;
	border-style: none;
	padding-left: 10px;
	padding-bottom: 6px;
	padding-right: 10px;
	padding-top: 6px;
	color: white;
	background-color: #5bae25;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}


form.formtastic input:focus, form.formtastic textarea:focus{
	border-width: 1px;
	border-color: #0c0c0c;
	background-color: white;
}

form.formtastic fieldset{
	width: 100%;
}

form.formtastic fieldset ol{
	width: 100%;
}

form.formtastic fieldset li{
	width: 100%;
}

form.formtastic fieldset ol li.string input, form.formtastic fieldset ol li.password input{
	width: 100%;
}

form.formtastic fieldset ol li.numeric input{
	width: auto;
}


form.formtastic fieldset ol li.text textarea{
	width: 100%;
}

form.formtastic fieldset ol li.datetime fieldset, form.formtastic fieldset ol li.date fieldset{
	width: 100%;
}

form.formtastic fieldset.buttons{
	padding: 16px 0 0 0;
	margin: 0;
}
	
form.formtastic fieldset.buttons ol{ 
	float:right;
	width: auto;
}

form.formtastic fieldset.buttons ol li{ 
	float:right; 
	padding-left:0.5em;
}