/* Form styles
-------------------------------------------------------------- */
label       											{ display:block; font-weight:bold; cursor:pointer;}
fieldset    											{ }
legend      											{ font-weight: bold;}

/* input, select, textarea */
input, select, textarea						{ margin:.5em 0; padding:.3em;}
input, select											{ vertical-align:middle; }
input.title												{ font-size:1.5em;}
input.radio, input.checkbox 			{ margin:-.25em .3em 0 .3em; }
input.text, input.title						{ border:1px solid #bbb;}
input.text, select, textarea 			{ background:#fff; border:1px solid #bbb; font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight:normal; }
input.text												{ width:170px;}
select, textarea 									{ padding:2px; background:#fff; border:1px solid #bbb; font-size:100%; font-weight:normal; }
textarea           								{ width:100%; height:250px; border:1px solid #bbb; background:#eee;}

input.text:focus, textarea:focus, 
input.title:focus, select:focus		{ border:1px solid #000;}
select.error, input.error,  input.error:focus   { border:1px solid #f20e0e;}
.radiogroup.error	.radio label		{ color:#f20e0e;}

/* field */
div.field													{ margin:0 0 1em 0; float:left;}
fieldset div.clear								{ clear:both; float:none;}
div.field span										{ display:block; margin-bottom:7px; font-weight:bold;}

.phonecheck												{ clear:both; overflow:hidden;}
.phonecheck input.text						{ float:left;}
.phonecheck span.message					{ float:left; margin:8px 0 0 5px;}
.phonecheck span.message img			{ display:block;}

div.radiogroup, div.checkboxgroup	{ overflow:hidden;}
div.radiogroup label							{ display:block; margin:.4em 1em 0 0; font-weight:normal; float:left;}
div.radiogroup .radio input				{ float:left; margin:.3em .2em 0 0;}
div.radiogroup label.main					{ font-weight:bold;}
div.checkboxgroup label						{ display:block; font-weight:normal; float:none;}
div.checkboxgroup input.checkbox	{ float:left; margin-top:.3em;}
div.checkboxgroup label.main			{ font-weight:bold;}