/*| Style for easy form handling	- by jnz
********************************************************************
Just give the form class="jform" and use
<p>
	<label>name</label>
	<input type="text" [class="input"] />
</p>
<div class="clear">&nbsp;</div> <!-- to clear floats -->
*/

form.jform			{ margin: 0 auto; text-align: left }
form.jform .input	{ width: 100% }
form.jform p		{ margin: 5px 0px; padding: 5px 0px }
form.jform label	{ float: left; width: 33%; font: bold 11px arial,sans-serif }
form.jform span		{ float: right; font-size: x-small; color: #888; background: inherit }
form.jform .checkbox{ border: 0px; }
form.jform .errormsg{ padding-left: 2px; margin-bottom: 10px; width: 100%; color: white; background: #c00; border: 1px solid #a00 }
form.jform .okmsg	{ padding-left: 2px; margin-bottom: 10px; width: 100%; color: white; background: #0a0; border: 1px solid green }
form.jform .btn		{ float: right; }
form.jform .clear	{ clear: both; width: 100%; line-height: 1px; height: 1px }

/* IE FIX */
* html form.jform .errormsg,* html form.jform .okmsg { margin-bottom: 0px }

/*| THEMES */
form.jform div.theme00 { border: 1px solid #c0c0c0; padding: 10px; color: inherit; background: inherit }
form.jform div.theme01 { border: 1px solid #c0c0c0; padding: 10px; color: inherit; background: #F5F5DC }
form.jform div.theme02 { border: 1px solid #c0c0c0; padding: 10px; color: inherit; background: #FFFADF }

form.jform input,form.jform select,form.jform textarea {
	color: #333333;
	background-color: #ECEED9;
	border: 1px solid #c0c0c0
}