/* white */

body {	color:#000;
	border:0;
	padding:0;
	margin:0;
	font-family:sans-serif;
	font-size:11px;
	background-color:#ccc;
	background-image:url(../../img/bgimage.gif);
	background-position:center;
	text-align:center;

} 

 

/* layout struttura */

/*fascia superiore contenente logo + testa + login */

#intesta{width:801px;

	height:112px;

	margin: auto;

	background-color: #fff;

}



#logo{	float:left;

	width:179px;

	height:100%;

	background-repeat: no-repeat;

	background-image: url(../../img/logo.jpg);

}



#testa{	float:left;

	width:455px;

	height:100%;

	background-repeat: no-repeat;

	background-image: url(../../img/testa.jpg);

}



#login{	float:right;

	width:167px;

	height:100%;

	background-image: url(../../img/login.jpg); 

	background-repeat: no-repeat;

	text-align:right;

}

/* bottone di login/logout */

#login a {

	font-size: 13px;

	line-height:2.5em;

	padding:0.15em 0.7em;

	margin: 0 1em 0 0; 

	border: #999 1px solid;

	/* background-color: #fff1c4; */

	background-image:url(../../img/button_grigio_double.gif);

	vertical-align:middle;

	cursor: pointer;

	color:black;

}



/*current user*/

#login p {

  margin: 0 1em 0 1em; 

  text-align:left;

  color:#333;

}  



#login p em {

  display:block;

  margin: 0; 

  width:120px;
  background:white;
  text-align:left;

  border: 1px solid #aaa;

}  





/* contenitore combo language */

.language_form {

  padding:0.2em 0 0 1em;

  text-align:left;

  margin:auto;

}  





/*pulsante di submit language */

.language_form input {

	font-size: 13px;

	font-family:sans-serif;

	border: #999 1px solid;

	/* background-color: #fff1c4; */

	background-image:url(../../img/button_grigio_double.gif);

	width:2.3em;

	text-align:center;

	vertical-align:middle;

	cursor: pointer;

}



/*** casella di tipo SELECT language ***/

.language_form select {

	border:0;

	width:9.3em;

	background-color: #fff;

	vertical-align:middle;

	font-size:12px;

	font-style:italic;

}





#menu{	position:relative;  /*serve per il posizionamento del menu contenuto */

	width:800px;

	border-right: 1px solid white;

	height: 26px;

	margin:auto;

	background-image: url(../../img/bgmenu_orange.gif);

}


div.ddmenu { /* position:relative; */ /*serve per il posizionamento del menu contenuto */ 

	width:800px;
	height: 25px;
	margin:auto; 
	text-align:center;
}

/* spacer per il contenitore */
div.spacer { clear: both; }


#corpo{	width:800px;

	margin:auto;

	background-color: #fff;

	text-align:center;		/* serve per ie 5.5 */

}

/*** contenitore del logo della hp ***/
.logo_hp {
      	display:block;
        background-image:url(../../img/tit_orange.gif);
        background-repeat: no-repeat;
	margin:0.7em 0 0.7em 13em;
	width:500px;
	height:60px;
}

/*********************************************/

/******* collegamenti generici****************/

/*********************************************/



a {text-decoration:none}

a:hover {background-color: #d4d5d7 }

a:active {background-color: #d4d5d7}



img { border:none }



/*************************************************/
/******* CLASSI DEFINIZIONE DEI COLORI ********/
/*************************************************/

/*** corrispondenza nuovo nome/vecchio nome ***/
/* 
foreColor_01 / arancio_1
foreColor_02 / arancio_2
foreColor_03 / arancio_3
foreColor_04 / arancio_4
foreColor_05 / giallo_1
foreColor_06 / giallo_2
foreColor_black / nero
foreColor_white / bianco
foreColor_gray / grigio
*/

.foreColor_01 { color: #f7efd6 !important; }
.foreColor_02 { color: #f8c31b !important; }
.foreColor_03 { color: #efe7de !important; }
.foreColor_04 { color: #ffe25f !important; }
.foreColor_05 { color: #ffffe4 !important; }
.foreColor_06 { color: #ffef5f !important; }
.foreColor_black { color: #000 !important; }
.foreColor_white { color: #fff !important; }
.foreColor_gray { color: #999 !important; }

/*** corrispondenza nuovo nome/vecchio nome // classi che usano il colore come background ***/
/* 
backColor_01 / arancio_1_back
backColor_02 / arancio_2_back
backColor_03 / arancio_3_back    // std_form1 input, select, textarea
backColor_04 / arancio_4_back
backColor_05 / giallo_1_back     // std_table odd_line 
backColor_06 / giallo_2_back
backColor_07 / giallo_3_back     // std_form2 p
backColor_08 / nuovo colore      // std_form2 span, label
backColor_09 / nuovo colore      // std_table th
backColor_black / nero_back
backColor_white / bianco_back
backColor_gray / grigio_back
*/

.backColor_01 {background-color: #f7efd6 !important; }
.backColor_02 {background-color: #f8c31b !important; }
.backColor_03 {background-color: #efe7de !important; }
.backColor_04 {background-color: #ffe25f !important; }
.backColor_05 { background-color: #ffffe4 !important; }
.backColor_06 { background-color: #ffef5f !important; }
.backColor_07 { background-color: #fff8be !important; }
.backColor_08 { background-color: #ffefaf !important; }
.backColor_09 { background-color: #fce4cb !important; }
.backColor_black { background-color: #000 !important; }
.backColor_white { background-color: #fff !important; }
.backColor_gray { background-color: #999 !important; }


.transp_back { background-color:transparent !important; }

/* colore di background delle icone della home page */
.back_icons_hp a:hover { background-color:#faee02 !important; 
			 color:#fff !important; }

/******************************************************/

/***  immagini di sfondo per titles, buttons & bars ***/

/******************************************************/



/* sfondo buttons, barra titoli tabelle e altro... a piacere */
.button_ara { background-image:url(../../img/button_ara.gif) !important; }
.button_verde { background-image:url(../../img/button_verde.gif) !important; }
.button_grigio { background-image:url(../../img/button_grigio.gif) !important; }
.button_azz { background-image:url(../../img/button_azz.gif) !important; }



/* sfondo buttons, barra titoli tabelle e altro... a piacere SU 2 RIGHE */
.button_ara_double { background-image:url(../../img/button_ara_double.gif) !important; }
.button_verde_double { background-image:url(../../img/button_verde_double.gif) !important; }
.button_grigio_double { background-image:url(../../img/button_grigio_double.gif) !important; }
.button_azz_double { background-image:url(../../img/button_azz_double.gif) !important; }

/* bars: pager & button bars */

.bar_ara { background-image:url(../../img/bar_ara.gif) !important; }
.bar_verde { background-image:url(../../img/bar_verde.gif) !important; }
.bar_grigio { background-image:url(../../img/bar_grigio.gif) !important; }
.bar_azz { background-image:url(../../img/bar_azz.gif) !important; }



/*************************************************************/

/******* CLASSI GENERALI SFONDO/BORDO PER GLI OGGETTI ********/

/*************************************************************/



/*** titolo delle pagine ***/

.gen_titolo-corpo {

	/* background-image: url(../../img/titolo02-v.gif); */
	background-image: url(../../img/titpage_orange.gif);
	background-repeat: no-repeat;
	padding-top:0.5em;
	width:100%;
	height:35px;
	/* vertical-align:top; */
	line-height:35px;
	font-size:9px;
	/* font-style:italic; */
	text-align:right;

}

.gen_titolo-corpo span { 
	margin-right:2.5em;
	color:#999;
}


/******************************************************************************/

/******* CLASSI GENERALI PER IL FORM STANDARD CON UTILIZZO DI FIELDSET ********/

/******************************************************************************/





/*** impostazione generale del form ***/

.std_form1 {

	padding: 0.5em;

      	border: 1px solid #999;

      	margin: 0.6em auto 1em auto;

      	width: 95%;

	text-align:left;

}



/**** contenitore delle singole righe del form ***/

.line_form {

	margin-top: 0.8em;

	padding: 0 0.5em 0 0.5em;

	vertical-align: middle;

}





/**** contenitore delle label nelle righe del form ***/

.std_form1 label, .std_form1 span {

	margin-right:0.5em;

}



/**** contenitore dei contenuti nelle righe del form ***/

.std_form1 label.align_top, .std_form1 span.align_top {

	vertical-align:top;

}





/*** impostazione delle caselle di tipo INPUT ***/

.std_form1 input {

	background-color: #efe7de;

}



/* bordo per campi di input; bisogna fare cosi' causa opera */

.simple_border {

	border: 1px solid #999;

}



/*** impostazione delle caselle di tipo SELECT ***/

.std_form1 select {

	border: 1px solid #999;

	background-color: #efe7de;

}





/*** impostazione delle caselle di tipo TEXTAREA ***/

.std_form1 textarea {

	border: 1px solid #999;

	background-color: #efe7de;

	font-size: 13px;

	font-family: sans-serif;

}





/*** impostazione delle caselle di tipo CHECKBOX ***/

input.check_button {

	cursor: pointer;

	background-color:transparent;

	vertical-align: middle;

}





/*** impostazione delle caselle di tipo CHECKBOX ***/

input.radio_button {

	background-color: transparent;

	cursor: pointer;

	vertical-align: middle;

}

/*******************************************************************/



/* standard form di tipo 2 (due colonne) */
/* MODIFY */
.std_form2 {

      	border: 1px solid #ccc;

      	margin: 0.6em auto 1em auto;

      	width: 95%;

      	padding:0.5em;

	text-align:left;

}



.line_form2 {

	vertical-align: middle;

	height:30px;

}



.std_form2 label, .std_form2 span {

	display:block;

	float:left;

	clear:left;

	background:#ffefaf;

	width:20%;

	text-align:right;

	vertical-align:middle;

	padding:2px 0.5em 2px 0;

	margin:2px 2px 0 0;

	height:24px;

	line-height:24px;

}



.std_form2 p {

	float:left;

	background:#FFF8BE; 

	width:77%;

	padding:4px 0 0 0.5em;

	margin:2px 2px 0 0;

	height:28px;

        voice-family: "\"}\"";

        voice-family: inherit;

        height:24px;

}





/*** impostazione delle caselle di tipo INPUT ***/

.std_form2 input, .std_form2 select, .std_form2 textarea {

	font-size:13px;  /*serve per IE */

}



/*******************************************************************/


/*** barra pulsanti form ***/
/* MODIFY */
.button_bar {

	/* soluzione 1 linea con ombra */

       	background-image:url(../../img/button_bar_gray.gif);
	background-repeat:repeat;
	background-position:center;
	height:25px;
	margin: 0.5em 0em 0em 0em; 
	padding: 0.3em 0 0.4em 0;

	/* originale */
	/*
	margin: 0.5em 0em 0em 0em; 
	padding: 0.3em 0 0.3em 0;
	*/
	
	width: 100%;
	
}



/* pulsante di submit */
/* MODIFY */
.button_bar input {

	font-size: 12px;
	font-family:sans-serif;
	margin: 0.1em 0 0 0.7em; 
	/* border: #ccc 1px solid; */
	border-top:1px #fff solid;
	border-left:1px #fff solid;
	border-right:1px #aaa solid;
	border-bottom:1px #aaa solid;
 	background-image:url(../../img/button_orange.gif);
	padding:0;
	vertical-align:middle;
	cursor: pointer;

}



/*link a forma di bottone*/
/* MODIFY */
a.button_link {

	font-size: 12px;

	/* padding:0.15em 0.7em; */
	padding:0.12em 1em 0.12em 1em;
	margin: 0 0 0 0.4em; 
	/* border: #ccc 1px solid; */
	border-top:1px #fff solid;
	border-left:1px #fff solid;
	border-right:1px #aaa solid;
	border-bottom:1px #aaa solid;

	background-image:url(../../img/button_orange.gif);
	vertical-align:middle;
	cursor: pointer;
	color:black;

}

a.button_link:hover, a.button_link:visited {

	background-color: #fff1c4;

	color:black;

}



/*******************************************************************/





/*   Tabella generale *******/

/*** titolo degli elenchi ***/

.std_table {

      	margin: 1em auto 1em auto;

      	width: 96%;

	text-align:left;

}



.std_table table {

	width:100%;

	font-size:11px;

}



.std_table th {

	/* border: #ccc19d 1px solid; */
	border-top:1px #fff solid;
	border-left:1px #fff solid;
	border-right:1px #999 solid;
	border-bottom:1px #999 solid;

	margin: 0.1em;

	padding: 0.1em 0.2em 0.1em 0.2em;

	background-color: #FCE4CB; 

	/* background-image:url(../../img/button_ara.gif); */

	text-align:left;

	font-weight:bold;

}



/*** righe dispari elenchi ***/

.odd_line {

	background-color: #ffffe4;

}



/*** righe pari elenchi ***/

.even_line {

	background-color: #fff;

}



.std_table td {

	border: 1px solid #ddd;

	padding: 0.1em 0.2em 0.1em 0.2em;

}

/*******************************************************************/



/*** barra pager ***/

.pager_bar {

	border: #ccc19d 1px solid;

	text-align:center;

	margin: 0.5em 0em 0em 0em; 

	padding: 0.3em 0 0.3em 0;

	/* background-color: #efe7de; */

 	background-image:url(../../img/bar_ara.gif);

}



/*******************************************************************/



/*** barra contenente il messaggio ***/
/* MODIFY */
.error_box {

	/* border: #999 1px solid; */
	border-top:1px #fff solid;
	border-left:1px #fff solid;
	border-right:1px #aaa solid;
	border-bottom:1px #aaa solid;

	width:95%;

	text-align:left;

	margin: 1em auto 0.5em auto; 

	padding: 0.3em 0.5em 0.3em 0.5em;

	/* background-color:#ffd9d9; */
	background-color:#f00;
	color:#fff;
}

.msgError_box {

	/* border: #999 1px solid; */
	border-top:1px #fff solid;
	border-left:1px #fff solid;
	border-right:1px #aaa solid;
	border-bottom:1px #aaa solid;

	width:95%;

	text-align:left;

	margin: 1em auto 0.5em auto; 

	padding: 0.3em 0.5em 0.3em 0.5em;

	/* background-color:#ffd9d9; */
	background-color:#ffe25f;
	color:#555;
}


.error_box a {

	display:block;

	width:3em;

	text-align:center;

	margin:0 0 0 auto;

}



/*******************************************************************/





/*******************************

contenitore footer

********************************/

.footer {
	clear:left;
      	margin: 0.1em auto auto auto;

      	width: 95%;

	text-align:center;

}



.footer span {

	display:block;

}

.footer p {
      	padding: 0.1em 0 0 0;
      	margin:0;
      	width: 100%;
	text-align:left;
}


/*******************************
classi per le pagine di help 
*******************************/

div.title_help { height:50px;
		 background-repeat: no-repeat;
		 background-image: url(../../img/help_orange.gif);
	         text-align:center;
	         border:1px solid #fff;
}

div.title_help p { font-size:14px;
	      color:#fff;
	      line-height:50px;
	      font-weight:bold;
	      vertical-align:middle;
}

div.title_help img {
        float:left;
	margin:0.5em 0em 0em 0.5em;
}

div.help {
	background-color:#fbfbc0;
	text-align:justify;
}

div.help p {
	padding:5px 20px 5px 20px;
	margin:0;
}

/* da usare per i titoli */
div.help span {
	display:block;
	color:#a00000;
	padding:15px 20px 5px 20px;
	margin:0;
}

div.help ul {
	/* margin-top:0px;
	margin-bottom:0px; */
	/* margin:0; */
}

div.help li {
	padding-right:10px;
}


/* classe per il div delle scorciatoie */
.shortcut { 
       	background-image:url(../../img/short_bar_orange.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:23px;
	padding-right:35px;
	text-align:right;
	vertical-align:middle;
	margin-bottom:2px;
}

.shortcut img { float:left;
		margin-right:2px;
}

.shortcut span {
	display:block; 
	float:right;
 	color:#666;
 	padding-top:4px;
 	padding-left:20px;
  	font-size:10px;
	height:25px;
	vertical-align:middle;
}