/* Generale
-------------------------------------------------------------- */
form {}
form fieldset, form button { border: 0; }
form legend { visibility: hidden; }

h1.blue { color: #3275AC; font: bold 1.85em "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: -1px; }

div.formContact {}
	div.formContact .H1title { color: #666; font: normal 1.3em Arial, Helvetica, sans-serif; padding-bottom: 5px; }
	.formContact dl { clear: both; font-size: 0.75em; height: 1%; margin: 2px 0; overflow: hidden; padding: 5px; }
		.formContact label { font-weight: bold; }
		.formContact dd { font-weight: normal; }
		.formContact dt, .formContact dd { position: relative; text-align: left; }
		.formContact dd.text { font-weight: normal; padding-top: 10px; }
			.formContact dd.text * { float: left; }
			.formContact dd.text label { font-weight: normal; margin-left: 5px; }
		.formContact dd small { color: #C3402F; font-size: 18px; font-weight: bold; position: absolute; right: 2px; top: 2px; }
		.formContact dl.fieldError, .formContact dl.fieldFocus { padding: 4px; }
		.formContact dl.fieldError dt { color: #C3402F; }
			.formContact dl.fieldError { background: #ECD3D3; border: 1px solid #EF5858; }
		.formContact dl.fieldFocus dt { color: #C5942E; }
			.formContact dl.fieldFocus { background: #EEECD0; border: 1px solid #D49E34; }
		.formContact dl.formBtn { margin-top: 0; }
			.formContact dl.formBtn dt * { visibility: hidden; }
			.formContact dl.formBtn dd { text-align: left; }
			.formContact dl.formBtn input { background: url(images/btn-blue.png) no-repeat 0 0; border: 0; color: #fff; font-size: 1.3em; font-weight: bold; margin-top: 5px; padding: 10px 15px; text-align: center; text-decoration: none; text-transform: uppercase; width: 200px; }

	.formContact input.textfield, .formContact textarea, .formContact select { font: 28px Arial, Helvetica, sans-serif; line-height: 140%; }
	.formContact input.textfield, .formContact textarea, .formContact select, .formContact #policy { background: #F7F7F7; color: #59686E; border: 1px solid #78CAE2; padding: 2px; }
	.formContact select { padding: 2px; }
	.formContact em.info { background: url(images/icon-info.gif) no-repeat 0 0; cursor: pointer; height: 16px; display: block; float: right; margin: 0 3px; outline: none; overflow: hidden; position: absolute; right: 2px; text-indent: -9999px; top: 2px; width: 16px; }
	.formContact input#captcha { float: left; margin-right: 10px; }
	.formContact #policy { float: left; height: 100px; overflow: auto; }
		.formContact #policy div { padding: 2px; }
		.formContact #policy .title { font-weight: bold; margin-bottom: 10px; }

/* Avvisi
-------------------------------------------------------------- */
.formAlert { border: 1px solid; margin: 5px auto; position: relative; }
	.formAlert .color { border: 10px solid; line-height: 100%; padding: 12px 5px 10px 80px; }
	.formAlert img { position: absolute; top: 20px; left: 20px; }
	.formAlert .title { font-size: 1.2em; margin-bottom: 10px; }
	.formAlert p { margin: 0; }
	.formAlert ol {}
		.formAlert ol li { list-style-type: decimal; }
	.alertValid { background: url(images/form-valid-bck.png); border-color: #249224; }
		.alertValid .color { border-color: #8CD657; }
	.alertError { background: url(images/form-error-bck.png); border-color: #D49E34; }
		.alertError .color { border-color: #F4DE64; }

/* Template Form
-------------------------------------------------------------- */
.tplINLINE form {}
	.tplINLINE dt, .tplINLINE dd { float: left; }
	.tplINLINE dt { width: 25%; }
	.tplINLINE dd { width: 50%; }
	.tplINLINE dd.formBtn { width: 25%; }
	.tplINLINE input.textfield, .tplINLINE textarea, .tplINLINE select, .tplINLINE #policy, .tplINLINE dd.text label { margin-right: 5px; width: 90%; }
		.tplINLINE input.min { width: 20%; } .tplINLINE select.min { width: 23%; }
		.tplINLINE input.med { width: 30%; } .tplINLINE select.med { width: 33%; }
		.tplINLINE input.max { width: 48%; } .tplINLINE select.max { width: 63%; }
	.tplINLINE dd.text { display: inline; margin-left: 25%; }
	.tplINLINE dd.formBtn input { background: url(images/btn-greenMidle.png) no-repeat 0 0; border: 0; color: #fff; font-size: 0.9em; font-weight: bold; margin-top: 5px; padding: 4px 15px; text-align: center; text-decoration: none; text-transform: uppercase; width: 120px; }
	.tplINLINE input.textfield { font-size: 22px; }

.tplBLOCK form {}
	.tplBLOCK dt, .tplBLOCK dd { clear: both; width: 100%; }
	.tplBLOCK dt { padding-bottom: 3px; }
	.tplBLOCK dd {}
	.tplBLOCK input.textfield, .tplBLOCK textarea, .tplBLOCK select, .tplBLOCK #policy, .tplBLOCK dd.text label { width: 95%; }
		.tplBLOCK input.min { width: 30%; } .tplBLOCK select.min { width: 33%; }
		.tplBLOCK input.med { width: 40%; } .tplBLOCK select.med { width: 43%; }
		.tplBLOCK input.max { width: 50%; } .tplBLOCK select.max { width: 53%; }
	.tplBLOCK dd.text {}
	.tplBLOCK dl.formBtn { margin: 0; }
		.tplBLOCK dl.formBtn dt { display: none; }
		.tplBLOCK dl.formBtn dd { text-align: center; }

/* Tooltip
-------------------------------------------------------------- */
#tooltip { background: #FFFACA; border: 1px solid #D49E34; opacity: 0.85; padding: 8px; position: absolute; z-index: 20; }
#tooltip.width { width: 120px; }
	form div.info { background: #fff; border: 5px solid #557E97; display: none; height: 190px; left: 50px; padding: 10px; position: absolute; top: 10px; width: 250px; z-index: 50; }