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

Title : Wufoo Form Framework
Author : Infinity Box Inc.
URL : http://wufoo.com

Last Updated : July 2, 2009

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

.wufoo{
	margin:16px 27px 0 27px
}
.wufoo li{
	width:90%;
}
form ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:47%;
	float:left;
}
ul.dx{	
	border-left:1px solid #eee;
	padding-left:36px;
	width:48%;
}
ul.dxContatti{	
	padding-left:28px;
	width:48%;
	margin:26px 0 0 0
}
form li{
	display:block;
	margin:0;
	padding:2px 5px 2px 0px;
	clear:both;
}
form li:after, form li div:after{
	content:"."; 
	display:block;
	height:0; 
	clear:both; 
	visibility:hidden;
}
* html form li{height: 1%;}
* html form li div{display:inline-block;}
*+html form li div{display:inline-block;}

form li div, form li span{
	margin:0 .3em 0 0;
	padding:0;
}
form li span{
	float:left;
}
.center, 
form li span.center input.text, form li span.center label,
form li.name input.text, form li.name span label,
form li.date input.text, form li.date span label, 
form li.phone input.text, form li.phone span label,
form li.time input.text, form li.time span label{
	text-align:center;
}
form li.time select.select{
	margin-left:5px;
}

form li div.col span{
	display:block;
	width:100%;
	float:left;
	padding:0;
}

/* ----- LABELS ----- */

form li div label, form li span label{
	margin:0;
	padding-top:6px;
	clear:both;
	font-size:85%;
	line-height:100%;
	color:#444;
	display:block;
}
form li div span label{
	padding-bottom:12px;
}
label.desc{
	font-size:95%;
	font-weight:bold;
	line-height:150%;
	margin:0;
	padding:0 0 3px 0;
	border:none;
	display:block;
}
label.choice{
	display:block;
	font-size:100%;
	line-height:150%;
	margin:-17px 0 0 23px;
	padding:0 0 5px 0;
	color:#222;
	width:88%;
}
.safari label.choice{
	margin-top:-16px;
}
form.rightLabel div.col{
	margin-top:-3px;
}

span.symbol{
	font-size:120%;
	line-height:135%;
}
form li .datepicker{
	float:left;
	margin:.19em 5px 0 0;
	padding:0;
	width: 16px;
	height: 16px;
	cursor:pointer !important;
}

/* ----- MIN/MAX COUNT ----- */

form li div label var{
	font-weight:bold;
	font-style:normal;
}
form li div label .currently{
	display:none;
}

/* ----- FIELDS ----- */

input.text, input.search, input.file, textarea.textarea, select{
	margin:0;
	padding:2px 0;
}
input.text, input.search, textarea.textarea, select{
	border-top:1px solid #fff;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background:#ddd url("../images/fieldbg.gif") repeat-x top;
}
.error{
	border-top:1px solid #9B243E;
	border-left:1px solid #9B243E;
	border-right:1px solid #9B243E;
	border-bottom:1px solid #9B243E;
	background:url("../images/error.gif") no-repeat 97% 50% #fff;
	margin:0;
	padding:2px 0;
}
select.select{
	padding:1px 5px 0 0;
}
input.search{
	padding-left:6px;
}
input.checkbox, input.radio{
	display:block;
	margin:4px 0 0 0;
	padding:0;
	width:13px;
	height:13px;
}
input.other{
	margin:0 0 8px 25px;
}

.safari select.select{
	font-size:100% !important;
	margin:0 0 1px 0;
}
* html select.select{
	margin:1px 0;
}
*+html select.select{
	margin:1px 0;
	border:1px solid red;
}

/* ----- FILES ----- */

li.file a{
	color:#222;text-decoration:none;
}
li.file span{
	display:inline;float:none;
}
li.file img{
	display:block;float:left;margin:0 0 0 -10px;padding:5px 5px 7px 5px;
}
li.file .file-size, li.file .file-type{
	color:#666;font-size:85%;text-transform: uppercase;
}
li.file .file-name{
	display:block;
	padding:14px 0 0 0;
	color:blue;
	text-decoration:underline;
}
li.file .file-delete{
	color:red !important;font-size:85%;text-decoration:underline;
}
li.file a:hover .file-name{
	color:green !important;
}
li.file a:hover .file-name{
	color:green !important;
}

/* ----- BUTTONS ----- */

input.btTxt{
	padding:0 7px;
	width:auto;
	overflow:visible;
}
form li.buttons{
	clear:both;
	padding-top:10px;
}
form li.buttons input{
	font-size:120%;
	margin-right: 5px;
}

/* ----- TEXT DIRECTION ----- */

.rtl .info h2, .rtl .info div, .rtl label.desc, .rtl label.choice, 
.rtl div label, .rtl span label, .rtl input.text, 
.rtl textarea.textarea, .rtl select.select, .rtl p.instruct, 
.rtl .section h3, .rtl .section div, .rtl input.btTxt{
	direction:rtl;
}

/* ----- SIZES ----- */

.third{
	width:32% !important;
}
.half{
	width:48% !important;
}
.full{
	width:100% !important;
}

input.small, select.small{
	width:15%;
}
input.medium, select.medium{
	width:50%;
}
input.large, select.large, textarea.textarea{
	width:100%;
}

textarea.small{
	height:5.5em;
}
textarea.medium{
	height:4em;
}
textarea.large{
	height:5em;
}

/* ----- ERRORS ----- */

#errorLi{
	width:99%;
	margin:0 auto;
	background:#fff !important;
	border:1px solid red;
	margin-bottom:1em;
	text-align:center;
	padding:1em 0 1em 0;
}
#errorMsgLbl{
	margin:0 0 5px 0;
	padding:0;
	font-size:125%;
	color:#DF0000 !important;
}
#errorMsg{
	margin:0 0 2px 0;
	color:#000 !important;
	font-size:100%;
}
#errorMsg strong{
	padding:2px 3px;
	background-color: #FFDFDF !important;
	color:red !important;
}
form li.error{
	display:block !important;
	background-color: #FFDFDF !important;
	margin-bottom:3px !important;
}
form li.error label, form li.error span.symbol{
	color:#DF0000 !important;
}
form p.error{
	display:none;
	margin:0 !important;
	padding:7px 0 0 0 !important;
	color:#DF0000 !important;
	font-weight:bold;
	font-size:10px;
	line-height:10px !important;
	clear:both;
}
form li.complex p.error{
	padding:0 0 9px 0 !important;
}
form li.error p.error{
	display:block;
}
.leftLabel p.error, .rightLabel p.error{
	margin-left:30%;
	padding-left:15px;
}
.noI .leftLabel p.error, .noI .rightLabel p.error{
	margin-left:35%;
	padding-left:15px;
}

/* ----- REQUIRED ----- */

span.req{
	display:inline;
	float:none;
	color:#9B243E !important;
	font-weight:normal;
	font-size:14px;
	margin:0px 0 0 0px;
	padding:0;
}

/* ----- INSTRUCTIONS ----- */

form li.focused{
	background-color:#fff7c0;
}
form li.focused, form li:hover{
	position:relative; /* Makes Instructs z-index stay on top in IE. */
}
form .instruct{
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
	width:42%;
	margin:0 0 0 8px;
	padding:8px 10px 10px 10px;
	border:1px solid #e6e6e6;
	background:#f5f5f5;
	visibility:hidden;
	font-size:105%;
}
form .instruct small{
	line-height:120%;
	font-size:80%;
	color:#444;
}
form li.focused .instruct, form li:hover .instruct{
	left:100%; /* Prevent scrollbars for IE Instruct fix */
	visibility:visible;
}

/* ----- ADVANCED CLASSNAMES ----- */

.hideSeconds .seconds, .hideAMPM .ampm{
	display:none;
}

/* ----- ALT INSTRUCTIONS ----- */

.altInstruct .instruct, li.leftHalf .instruct, li.rightHalf .instruct{
	visibility:visible;
	position:static;
	margin:0;
	padding:6px 0 0 0;
	width:100%;
	clear:left;
	background:none;
	border:none;
}
li.altInstruct p.complex , li.leftHalf p.complex, li.rightHalf p.complex{
	padding:0 0 9px 0;
}

/* ----- LABEL LAYOUT ----- */

.leftLabel li, .rightLabel li{
	width:74% !important;
	padding-top:9px;
}


.leftLabel label.desc, .rightLabel label.desc{
	float:left;
	width:29%;
	margin:0px 15px 0 0;
}
.rightLabel label.desc{
	text-align:right;
}
.leftLabel li div.col, .rightLabel li div.col,
.leftLabel li.complex div, .rightLabel li.complex div{
	float:left;
}


.leftLabel .small, .rightLabel .small{
	width:17%;
}
.leftLabel .medium, .rightLabel .medium{
	width:35%;
}
.leftLabel .large, .leftLabel textarea.textarea,
.rightLabel .large, .rightLabel textarea.textarea,
.leftLabel li div.col, .rightLabel li div.col,
.leftLabel li.complex div, .rightLabel li.complex div{
	width:64%;
}


* html .leftLabel .small, * html .rightLabel .small{
	width:23%;
}
* html .leftLabel .medium, * html .rightLabel .medium{
	width:55%;
}
* html .leftLabel .large, * html .leftLabel textarea.textarea,
* html .rightLabel .large, * html .rightLabel textarea.textarea{
	width:97%;
}


.leftLabel p.instruct, .rightLabel p.instruct{
	width:27%;
	margin-left:5px;
}
.leftLabel .altInstruct .instruct, .rightLabel .altInstruct .instruct{
	margin-left:29% !important;
	padding-left:15px;
	width:65%;
}


.leftLabel .buttons, .rightLabel .buttons{
	margin-left:15px;
}
* html .leftLabel .buttons, * html .rightLabel .buttons{
	margin-left:4px;
}
*+html .leftLabel .buttons, *+html .rightLabel .buttons{
	margin-left:7px;
}
.leftLabel .buttons .submit, .rightLabel .buttons .submit{
	margin-left:29%;
}
* html .leftLabel .buttons .submit, * html .rightLabel .buttons .submit{
	margin-left:22%;
}

/* ----- NO INSTRUCTIONS ----- */

.noI form li, .noI form li.buttons, .altInstruct form li, .altInstruct form li.buttons{
	width:97% !important;
}
.noI form li.section, .altInstruct form li.section{
	padding-left:9px !important;
}

/* ----- NO INSTRUCTIONS LABEL LAYOUT ----- */

.noI .leftLabel label.desc, .noI .rightLabel label.desc{
	width:34%;
}
.noI .leftLabel .large, .noI .leftLabel textarea.textarea,
.noI .rightLabel .large, .noI .rightLabel textarea.textarea,
.noI .leftLabel li div.col, .noI .rightLabel li div.col,
.noI .leftLabel li.complex div, .noI .rightLabel li.complex div{
	width:60%;
}

.noI .leftLabel .buttons input, .noI .rightLabel .buttons input{
	margin-left:34%;
}

/* ----- FIELD FLOATING ----- */

/* ----- LEFT HALF & RIGHT HALF ----- */
form li.leftHalf, form li.rightHalf{
	width:46% !important;
}
li.leftHalf{
	clear:left !important;
	float:left;
}
li.rightHalf{
	clear:none !important;
	float:right;
}
li.leftHalf .medium, li.rightHalf .medium{
	width:80%;
}
/* ----- LEFT BIG & RIGHT SMALL ----- */
form li.leftBig{
	width:71% !important;
}
form li.rightSmall{
	width:18% !important;
}
li.leftBig{
	clear:left !important;
	float:left;
}
li.rightSmall{
	clear:none !important;
	float:left;
}
li.leftBig .medium,
li.leftBig .small{
	width:90%;
}
li.rightSmall .medium,
li.rightSmall .small{
	width:100%;
}
/* ----- LEFT TRIPLE & MIDDLE TRIPLE & RIGHT TRIPLE ----- */
form li.leftTriple, form li.middleTriple, form li.rightTriple{
	width:23% !important;
}
li.leftTriple, li.middleTriple, li.rightTriple{
	clear:none !important;
	float:left;
}
li.leftTriple .medium, li.middleTriple .medium, li.rightTriple .medium{
	width:96%;
}
/* ----- NOTE ----- */
li.note{
	width:98%
}
li.messaggio{
	width:90%
}
.acconsento{
	margin:14px 0 0 0
}
.acconsento p{
	font-size:11px
}
.formAgree{
	width:260px;
	float:left;
	margin:5px 0 0 0
}
.cell-bott{
	float:left;
	border:0px solid #000;
	padding:0px;
	display:inline;
}
.sender{
	width:80px;
	height:32px;
	margin:0px 0 0 40px;
	padding:0px 0px 0px 0px;
	float:left;
	display:inline;
	background: url("../images/submit-off_ita.gif") no-repeat 0px top;
}


.senderEng{
	width:80px;
	height:32px;
	margin:0px 0 0 40px;
	padding:0px 0px 0px 0px;
	float:left;
	display:inline;
	background: url("../images/submit-off_eng.gif") no-repeat 0px top;
}
.senderDeu{
	width:80px;
	height:32px;
	margin:0px 0 0 40px;
	padding:0px 0px 0px 0px;
	float:left;
	display:inline;
	background: url("../images/submit-off_deu.gif") no-repeat 0px top;
}
.senderFra{
	width:80px;
	height:32px;
	margin:0px 0 0 40px;
	padding:0px 0px 0px 0px;
	float:left;
	display:inline;
	background: url("../images/submit-off_fra.gif") no-repeat 0px top;
}
.senderEsp{
	width:80px;
	height:32px;
	margin:0px 0 0 40px;
	padding:0px 0px 0px 0px;
	float:left;
	display:inline;
	background: url("../images/submit-off_esp.gif") no-repeat 0px top;
}
.senderRus{
	width:80px;
	height:32px;
	margin:0px 0 0 40px;
	padding:0px 0px 0px 0px;
	float:left;
	display:inline;
	background: url("../images/submit-off_rus.gif") no-repeat 0px top;
}

.senderPor{
	width:80px;
	height:32px;
	margin:0px 0 0 40px;
	padding:0px 0px 0px 0px;
	float:left;
	display:inline;
	background: url("../images/submit-off_por.gif") no-repeat 0px top;
}

.senderZhs{
	width:80px;
	height:32px;
	margin:0px 0 0 40px;
	padding:0px 0px 0px 0px;
	float:left;
	display:inline;
	background: url("../images/submit-off_zhs.gif") no-repeat 0px top;
}

.senderJpn{
	width:80px;
	height:32px;
	margin:0px 0 0 40px;
	padding:0px 0px 0px 0px;
	float:left;
	display:inline;
	background: url("../images/submit-off_jpn.gif") no-repeat 0px top;
}
.senderAra{
	width:80px;
	height:32px;
	margin:0px 0 0 40px;
	padding:0px 0px 0px 0px;
	float:left;
	display:inline;
	background: url("../images/submit-off_ara.gif") no-repeat 0px top;
}