@charset "utf-8";
/* -------------------------------------------------------------------
	Edizioni Terra Santa - CSS per form
	
	Versione:			1.0 del 11.09.07
	Ultima revisione:	15.06.09  (cartella finale)
	Ultima validazione:	05.10.07 (nessun errore, 1 segnalazione minore relativa allo sfondo di <legend>)
	Autore:				Alessandro Placidi
	Contatto:			a.placidi@mindgear.it
	© 2009 Edizioni Terra Santa
------------------------------------------------------------------- */


/* -- INDEX ----------------------------------------------------------

Elementi generici
[1.0] - Fieldset
[2.0] - Legend
[3.0] - Label
[4.0] - Input, select e textarea
[5.0] - Avvisi e alert

Elementi di sezioni specifiche
[6.0] - Login laterale
[7.0] - Menu laterale
[8.0] - Carrello laterale
[9.0] - Checkout

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


/* [1.0] FIELDSET
------------------------------------------------------------------------------------------ */
fieldset {
	position: relative;	/* NOTA: inserito per risolvere il problema di visualizzazione del tag <legend> da parte di IE */
	margin-top: 25px; /*NOTA: inserito per aumentare lo spacing ridotto a causa del tag <legend> */
	padding: 15px 10px 0 10px;
	border: 1px solid #DDD;
	color: inherit;
	background-color: #EEE;
}

fieldset * {
	margin-bottom: 15px; /*NOTA: sovrascrivo il margine di default (10px) per spaziare maggiormente gli elementi del form. */
}




/* [2.0] LEGEND
------------------------------------------------------------------------------------------ */
legend {
	position: absolute; /* NOTA: inserito per risolvere il problema di visualizzazione del tag <legend> da parte di IE */
	top: -0.5em;
	left: 0.2em;
	margin: 0;
	padding: 0 5px;
	color: #333; /* NOTA: non specificare uno sfondo genera una segnalazione in fase di validazione, ma specificare il colore è necessario. */
	font-size: 11px;
	font-weight: bold;
}




/* [3.0] LABEL
------------------------------------------------------------------------------------------ */
fieldset label {
	display: block;
	margin: 0;
	font-size: 10px;
	font-weight: bold;
}




/* [4.0] INPUT, SELECT E TEXTAREA
------------------------------------------------------------------------------------------ */
input, select, textarea {
	margin: 0;
	font-size: 11px;
}

select option, select optgroup {
	margin: 0; /* NOTA: inserito per evitare il margine verticale applicato di default tramite il selettore universale (vedi body *) */
}

textarea {
	width: 99%;
	height: 100px;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

input.campoLungo {
	width: 300px;
}

input.campoCorto {
	width: 60px;
}


/* campo medio nella versione demo non c'era*/
input.campoMedio {
	width: 130px;
}

/*agiunto da demo*/
input.campoTestoLargoControlloOk {
	width: 300px;
	border: 1px solid #00CC33;
	color: inherit;
	background-color: #EDFFE2;
}

input.campoTestoLargoControlloNonOk {
	width: 300px;
	border: 1px solid #FF6A6A;
	color: inherit;
	background-color: #FFF2E3;
}

input.campoTestoCortoControlloOk {
	width: 60px;
	border: 1px solid #00CC33;
	color: inherit;
	background-color: #EDFFE2;
}

input.campoTestoCortoControlloNonOk {
	width: 60px;
	border: 1px solid #FF6A6A;
	color: inherit;
	background-color: #FFF2E3;
}




/* [5.0] AVVISI E ALERT
------------------------------------------------------------------------------------------ */
fieldset .avviso {
	display: block;
	color: #CC0000;
	background-color: inherit;
	line-height: 1.2em;
	font-size: 10px;
	font-weight: bold;
}




/* [6.0] LOGIN LATERALE
------------------------------------------------------------------------------------------ */
#loginLaterale label {
	display: block;
	margin: 0;
}

#loginLaterale input {
	width: 168px;
}




/* [7.0] MENU LATERALE
------------------------------------------------------------------------------------------ */
#menuLaterale label {
	display: block;
	margin: 0;
}

#menuLaterale input {
	width: 168px;
}

#menuLaterale select {
	width: 174px;
}




/* [8.0] CARRELLO LATERALE
------------------------------------------------------------------------------------------ */
#carrelloLaterale div input {
	width: 12px;
	font-size: 9px;
}




/* [9.0] CHECKOUT
------------------------------------------------------------------------------------------ */
#checkout input {
	width: 25px;
}