/* 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-azz.jpg);
}

#testa{	float:left;
	width:455px;
	height:100%;
	background-repeat: no-repeat;
	background-image: url(../../img/testa-azz.jpg);
}

#login{	float:right;
	width:167px;
	height:100%;
	background-image: url(../../img/login-azz.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; 
  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_cyan.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_cyan.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 ********/
/*************************************************/
/*** FOREGROUND: 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: #d9c7f7 !important; }
.foreColor_02 { color: #00f !important; }
.foreColor_03 { color: #e4d3f4 !important; }
.foreColor_04 { color: #b25fff !important; }
.foreColor_05 { color: #e9e5ff !important; }
.foreColor_06 { color: #7bc9ff !important; }
.foreColor_black { color: #000 !important; }
.foreColor_white { color: #fff !important; }
.foreColor_gray { color: #999 !important; }
/*** BACKGROUND: 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
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: #d9c7f7 !important; }
.backColor_02 {background-color: #00f !important; }
.backColor_03 {background-color: #e4d3f4 !important; }
.backColor_04 {background-color: #b25fff !important; }
.backColor_05 { background-color: #e9e5ff !important; }
.backColor_06 { background-color: #7bc9ff !important; }
.backColor_07 { background-color: #a998fe !important; }
.backColor_08 { background-color: #d4cbff !important; }
.backColor_09 { background-color: #e4e7fb !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:#9898fb !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_azz_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/titpage_cyan.gif); */
	background-repeat: no-repeat;
	padding-top:0px;
	width:100%;
/*	height:35px; */
	height:10px;
	margin-bottom: 5px;
	/* vertical-align:top; */
	line-height:10px;
	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) */
.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:#d4cbff;
	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;
	color:#fff;
	background:#a998fe; 
	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 ***/
.button_bar {
       	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;
	/*
	margin: 0.5em 0em 0em 0em; 
	padding: 0.3em 0 0.3em 0;
	*/
	width: 100%;
}

/*pulsante di submit */
.button_bar input {
	font-size: 12px;
	font-family:sans-serif;
	margin: 0.1em 0 0 0.7em; 
	/* border: #999 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_cyan.gif);
	padding:0;
	vertical-align:middle;
	cursor: pointer;
}

/*link a forma di bottone*/
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: #999 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_azz.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: #E4E7FB;
	/* background-image:url(../../img/button_azz.gif); */
	text-align:left;
	font-weight:bold;
}

/*** righe dispari elenchi ***/
.odd_line {
	background-color: #e9e5ff;
}

/*** 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_azz.gif);
}

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

/*** barra contenente il messaggio ***/
.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:#a998fe;
	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_cyan.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:#DFF2FC;
	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_cyan.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;
}