/**
 * BuoniPasto.it
 * Form di informazioni sui buoni pasto.
 */
 
#form-info {
	display:						block;
	margin:							20px 0 20px 0;
	font-size:						0.9em;
}



/**
 * Definizioni generiche dei componenti di informazione
 * -------------------------------------------------------------------------------------------------
 */

.form-info-data-txt input, .form-info-data select, .form-info-data textarea {
	border:							1px solid #aaa;
	color:							#666;
	padding:						2px;
	width:							110px;
	font-family:					verdana;
	font-size:						11px;
}

.form-info-data-full input, .form-info-data-full textarea {
	width:							344px;
}




/**
 * Elementi strutturali della form
 * -------------------------------------------------------------------------------------------------
 */
.form-info-row {
	padding:						5px 0 5px 0;
}

	.form-info-label {
		display:					block;
		width:						150px;
		float:						left;
		padding-top:				4px;
		border-bottom:				1px solid #ddd;
	}
	
	.form-info-data {
		display:					block;
		width:						350px;
		float:						right;
	}
	
	.form-info-spacer {
		padding:					0 10px 0 0;
	}
	
/**
 * Variante di riga con label molto ampi.
 */
	.form-info-row1 .form-info-label {
		width:						250px;
	}
	
	.form-info-row1 .form-info-data {
		width:						250px;
	}
	
		.form-info-row1 .form-info-data-full input {
			width:					244px;
		}
		




/**
 * Gestione degli errori
 * -------------------------------------------------------------------------------------------------
 */
.form-info-error, #form-info .error_message {
	color:							#900;
	background:						#fff2fb;
	border:							1px solid #900;
	margin:							10px 0 3px 0;
	padding:						3px;
}









/**
 * Gestione Tickets Box
 * -------------------------------------------------------------------------------------------------
 */
#form-info-tickets {
	display:						block;
	margin:							30px 0 0 0;
}

.form-info-ticket {
	display:						block;
	width:							250px;
	height:							100px;
	margin:							0 0 15px 0;
	float:							left;
	
	background-image:				url(buonipasto/sprite_page.jpg);
	background-position:			-30px -131px;
}
	
	.form-info-ticket input {
		display:					block;
		width:						30px;
		height:						15px;
		float:						left;
		
		margin:						0;
		padding:					0;
	}
	.form-info-ticket label {
		display:					block;
		width:						110px;
		margin-top:					0px;
		float:						left;
		font-weight:				bold;
	}
	
	.form-info-ticket div {
		display:					block;
		margin-left:				80px;
	}
	
	
	.form-info-ticket p {
		display:					block;
		margin-left:				110px;
		clear:						both;
	}
	
	/* Nascondo i campi checkbox utilizzati da CakePHP per gestire il valore nelle checkbox */
	#FormInfoBuonchef_, #FormInfoSmartcard_, #FormInfoClub_, #FormInfoDay_ {
		display:none;
	}
	
/* Stili personalizzati per il singolo ticket */
#ticket-buonchef {}

#ticket-smartcard {
	background-position:			-30px -301px;
}

#ticket-club {
	background-position:			-30px -757px;
	width:							400px;
	height:							60px;
}

#ticket-day {
	background-position:			-30px -615px;
	height:							50px;
}





/**
 * Gestione Box Privacy
 * -------------------------------------------------------------------------------------------------
 */
#form-info-privacy {
	padding:						20px 0 10px 0;
	background-image:				url(buonipasto/tratteggio.jpg);
	background-repeat:				repeat-x;
	background-position:			top;
}

	#form-info-privacy p, #form-info-privacy div {
		padding:					0 10px 0 10px;
	}
	
	#form-info-privacy input {
		margin-right:				10px;
	}
	




/**
 * Gestione Submit
 * -------------------------------------------------------------------------------------------------
 */
#form-info-submit {
	padding-top:					10px;
	background-image:				url(buonipasto/tratteggio.jpg);
	background-repeat:				repeat-x;
	background-position:			top;
	
	text-align:						right;
}

	#form-info-submit input {
		color:						#FF7900;
		background:					none;
		border:						none;
		font-family:				Arial;
		font-size:					1.4em;
		font-weight:				bold;
		font-style:					italic;
		margin-left:				30px;
	}
	
	#form-info-submit input:hover {
		text-decoration:			underline;
	}
	
	#form-info-submit .form-info-submit {
		float:						right;
	}





/**
 * Box di conferma
 */
.form-info-confirm {
	border:1px solid #aaa;
	background: #eee;
	padding:10px;
	color:black;
}
.form-info-confirm strong {
	color:green;
}