/*
 -----> form-style
*/
.form-style { margin:0; padding:10px 0 0 0; width:650px; overflow:visible; }
.form-style fieldset { margin:20px 0 0 0; padding:0 0 5px 0; border:none; overflow:visible; position: relative; }
.form-style fieldset.mt-40 { margin-top:40px; }
.form-style.top0,.form-style fieldset.top0 {margin-top:0; padding-top:0;}
.form-style fieldset legend { color:#555; margin: 0; padding: 0; }
.form-style fieldset legend span { font-weight:bold; color:#555; position: absolute; top:-20px; line-height: 14px; left:0;  }
.form-style p { float:left; margin-bottom:10px; }
.form-style .interaction p{ float: none; padding: 0; } 
/* label style */
.form-style label { float:left; padding-top:4px; display:inline-block; }
.form-style label span { color:#d60000; }
.form-style label span.note { color:#666; font-size: 0.8em }



/* input style */
.form-style input,
.form-style select,
.form-style textarea { font-family: Arial, Helvetica, sans-serif; color:#333; font-size:12px; border:1px solid #bababa; padding:3px; background-color:#f8f8f8; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; float:right; }
.form-style textarea { overflow:auto; height:100px; }
.form-style select option { font-family: Arial, Helvetica, sans-serif; color:#333; font-size:12px; }
.form-style select optgroup { border:1px solid #eee; padding-top: 6px; }
.form-style select optgroup option { padding-left: 6px; }
.form-style input[readonly=readonly]{ border: 0;}
/* 2 colonne */
.form-style.a2col label,
.form-style .a2col label{ white-space:nowrap; }
.form-style.a2col label.wrap,
.form-style .a2col label.wrap{ white-space: normal;  width:112px; padding-top: 0;  }
.form-style.a2col p,
.form-style .a2col p{ width:310px; padding-right:15px; }
.form-style.a2col .interaction p,
.form-style .a2col .interaction p{ width:auto; padding-right: 0; } 
.form-style.a2col input,
.form-style .a2col input{ width:180px; } /* 180 + padding + border = 188 */
.form-style.a2col select,
.form-style .a2col select{ width:188px; }
.form-style.a2col input.half,
.form-style .a2col input.half{ width:90px; } /* 180 + padding + border = 188 */
/* 1 colonna */
.form-style.a1col p { clear:both; width:100%; }
.form-style.a1col label { white-space:nowrap; width:38%; }
.form-style.a1col input,
.form-style.a1col select,
.form-style.a1col textarea { float:left; width:58%; }
/* block */
.form-style fieldset .block { clear:both; width:auto; }
.form-style fieldset.a2col .block { clear:both; width:auto; }
.form-style fieldset .block label { display:block; float:none; margin-bottom:5px; white-space:normal; width:auto; }
.form-style fieldset .block input,
.form-style fieldset .block select,
.form-style fieldset .block textarea { display:block; float:none; width: 627px; /*650 - 2xborder - 2xpadding - padding-right di P */ }
/* input type radio or checkbox */
.form-style input[type=checkbox],
.form-style input[type=radio],
.form-style.a1col input[type=checkbox],
.form-style.a1col input[type=radio],
.form-style.a2col input[type=checkbox],
.form-style.a2col input[type=radio] { width:auto; padding:0; border:none; }

/* clear */
.form-style .clear,
.form-style.a2col .clear,
.form-style.a1col .clear { clear:both; width:auto; }
/* auto*/
.form-style .auto,
.form-style.a2col .auto,
.form-style.a1col .auto { width:auto; }
/* newline */
.form-style .newline { clear:both; }
/* captcha */
.form-style input.captcha { float:left; width:25px; margin-left:5px }
/* button style */
.form-style input.button { color:#333; text-align:center; width:auto; padding:3px 10px; float:left; margin-right:15px; color:#333; cursor:pointer; font-weight:bold; font-size:13px; }
.form-style input.button.reset { color:#999; }
/* on focus */
.form-style input.focus,.form-style input:focus,
.form-style input.button.focus,.form-style input.button:focus,
.form-style select.focus,.form-style select:focus,
.form-style textarea.focus,.form-style textarea:focus{ border-color:#555; -webkit-box-shadow: 1px 1px 2px #999; -moz-box-shadow: 1px 1px 2px #999; box-shadow: 1px 1px 2px #999; }

/* on hover */
.form-style input.button.hover,.form-style input.button:hover,
.form-style input.button.reset.hover,.form-style input.button.reset:hover { border-color:#555; -webkit-box-shadow: 1px 1px 2px #999; -moz-box-shadow: 1px 1px 2px #999; box-shadow: 1px 1px 2px #999; }
/* loading inside form */
.form-style.a2col .loading { float:right; margin:0; }
/* orizontal-input-list */
.form-style ul.orizontal-input-list{ margin:0; padding: 0; float: left; clear: both;}
.form-style ul.orizontal-input-list li{ margin: 0 10px 10px 0; padding: 0; list-style: none; float: left; }
.form-style ul.orizontal-input-list li input{ float: left;}
.form-style ul.orizontal-input-list li input[type=radio],.form-style ul.orizontal-input-list li input[type=checkbox]{width:auto; border:0; padding: 0; margin-right: 5px;}
.form-style ul.orizontal-input-list li label{width:auto;  min-width: 5px;  }
/* fill_person */
.form-style p#fill_person { float:left; }
.form-style p#fill_person input { float:left; margin-right: 10px;  }
.form-style p#fill_person label { float:left;  }

.form-style input.checkboxinline{ padding: 0; margin: 0 5px 0 0; float: left;}

.form-style label.clean,.form-style.a2col label.clean{ float: none;padding-top: 0; display: inline; white-space: normal}
.form-style p.legal,.form-style.a2col p.legal{ float:left; width:auto; padding:0; clear: both; text-align: justify;}
