
.Form input, .Form select, .Form textarea { color:inherit; border:1px solid #ccc; background:#fff; padding:2px; margin:0; font-size:11px; }

.Form input.radio, .Form input.checkbox { border:0; }

.Form fieldset {  }
.Form legend { margin-left:10px; color:inherit; }
.Form ul { margin:12px; }
.Form li { list-style: none; margin-bottom:15px; clear:both; }

.Form .actions { clear:both; border-top:1px solid #ddd; padding-top:5px; overflow:hidden; margin-bottom:10px; }
.Form .actions div { margin-left:32%; margin-top:12px; }
.Form .actions input { width:auto; display:inline; font-size:12px; }
.Form .actions input.primary {  }
.Form .actions input.secondary { border:0; }

li.checkboxes { clear:both; }
li.checkboxes div, li.radios div { float:left; width:47%; }
li.checkboxes div span, li.radios div span { display:block; margin-bottom:10px; }


/*--LEFT ALIGNED FIELDS---*/
.leftAlign label.desc { width:32%; display:block; float:left; }
.leftAlign input.text, .leftAlign select { width:47%; }


/*--RIGHT ALIGNED FIELDS--*/
.rightAlign label.desc { width:44%; display:block; float:left; text-align:right; padding-right:2%; }
.rightAlign input.text, .rightAlign select { width:47%; }


/*--TOP ALIGNED FIELDS----*/
.topAlign li { clear:both; overflow:hidden; margin-bottom:5px; }
.topAlign li.left, .topAlign li.right { clear:none; float:left; width:47%; }
.topAlign li.left { clear:both; }

.topAlign label.desc { font-weight:700; display:block; margin-bottom:5px; }
.topAlign input.text, .topAlign select { width:92%; }

.topAlign span { float:left; clear:left; display:block; width:100%; margin-bottom:10px; }
.topAlign span input.text, .topAlign span select { width:92%; }
.topAlign span label { display:block; font-size:10px; }

.topAlign span.left, .topAlign span.right { width:46%; clear:none; margin-right:2%; }
.topAlign span.left { clear:left; }

.topAlign .actions div { margin:0; }
.topAlign .actions input.primary { float:left; }
.topAlign .actions input.secondary { float:right; border:0; }

.topAlign li.checkboxes span label, .topAlign li.radios span label { display:inline; font-size:inherit; }

form { margin:10px 20px 10px 0; width:70px; float:left;}
form h4 { font-size:14px; border-bottom:1px solid #ddd; margin-bottom:10px;}
form fieldset { border:1px solid #ccc; width:480px; background:#eee;}
form legend { font-size:10px; text-transform:uppercase; padding:0 5px; }


