BODY{ 
  margin:0; padding:0; font-size: 80%;

  scrollbar-face-color:#ccf;
  scrollbar-arrow-color:black;
  scrollbar-track-color:#EEEEEE;
  scrollbar-shadow-color:'';
  scrollbar-highlight-color:'';
  scrollbar-3dlight-color:'';
  scrollbar-darkshadow-Color:'';
}

/* stesso carattere per questi stili: */
body,code,i,p { font-family: sans-serif,verdana,helvetica; }

/* ----------------------------------------------------------- */
/** MENU 2 ** roll-over basato sui colori e sui bordi laterali **/
ul.menu2{ 
  width:120px; /* dim di una riga */
  list-style:none; /* elimino i punti elenco */
  margin:0; padding:0; /* elimino i rientri delle liste */
  FONT-SIZE: 10px;
  border-top:1px solid #009; 
  border-bottom:1px solid #009; 
}
ul.menu2 li a{ 
  display:block; /* il link occupa tutto lo spazio orizzontale */
  text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
  padding:0 0.3em; /* lascia spazio far il bordo del menu e il testo del link */
  height:1.5em;line-height:1.5em; /* altezza del link: height e line-height devono avere il medesimo valore */ 
  border-width:5px;border-style:none solid; /* aggiungo dei bordi laterali */
}
ul.menu2 li{display:inline} /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/
ul.menu2 li a:link, ul.menu2 li a:visited{ 
  background:#ccc;
  color: #009;
  border-color:#009
} /* colori per il link */
ul.menu2 li a:hover, ul.menu2 li a:active{ 
  background: #eee;
  color:#c00;
  border-color:#66c;
}
/* ----------------------------------------------------------- */
/* Stile dei link */
A:link {
  COLOR: blue; TEXT-DECORATION: none; FONT-WEIGHT: bold
}
A:visited {
  COLOR: blue; TEXT-DECORATION: none; FONT-WEIGHT: bold
}
A:active {
  COLOR: #000000; TEXT-DECORATION: none
}
A:hover {
  /* Sfondo evidenziato e sottolinea */
  BACKGROUND: #ddeedd; COLOR: navy; TEXT-DECORATION: underline; text-shadow: 0.2em 0.2em 1px black;
  text-indent : 5px  /* il testo rientra */
}
/* ----------------------------------------------------------- */
/* Stile testo */
/* Titolo dei contenuti dei messaggi output */
H2 { 
font: italic 900 1.0em/1em verdana, helvetica, sans-serif;
display: block;
margin:10px 0;
text-align: left;
padding-right: 100px;
}

P{
  FONT-WEIGHT: normal;
  FONT-SIZE: 11px;
  BACKGROUND: none transparent scroll repeat 0% 0%;
  COLOR: #000000;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  TEXT-INDENT: 1em;
}

code {font-size:80%; display:block; margin:0 1em .5em 1em; }

/* ----------------------------------------------------------- */
/* CONTROLLI */
#corpo form input.formbut {border: 1px outset #FC6; background: #900; color: #FFF; font: bold 11px verdana,sans-serif; text-transform: uppercase; }
FORM {
  MARGIN-TOP:0px;
  MARGIN-BOTTOM: 0px;
  PADDING-BOTTOM: 0px;
  PADDING-TOP: 0px;
  TEXT-ALIGN: center;
  FONT-WEIGHT: bold;
}

SELECT {
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  BACKGROUND-COLOR: #e9e9e9;
}
INPUT {
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  FONT-WEIGHT: normal;
  BACKGROUND-COLOR: #e9e9e9;
}

TEXTAREA {
  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
  background: #ccc; 
}

HR { display:none }

P.output {
  FONT-WEIGHT: bold; FONT-SIZE: 1em; COLOR: black; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #336699
}

.HR1 {
  BORDER-RIGHT: black 0px solid; BORDER-TOP: #ff6600 2px solid; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: #666666 1px solid; HEIGHT: 1px
}

/* Classi generiche: */
.nota { font-size: 10px; color: #999999; } /* testo piccolo in grigio */
.maisc { text-transform: uppercase }
.minusc { text-transform: lowercase }
.capit { text-transform: capitalize }
.giust { text-align: justify }
.concetto { margin: 10px 5px;padding: 10px 5px;border: 2px dotted red }
}


/*------------------------------------------------------------------------------------------------------*/
/* centrare la pagina web a larghezza fissa */
body { text-align:center }

#testa{width:98%; margin:0.1em auto; text-align:left}
#titolo{width:98%; margin:0.1em auto; text-align:center}
#corpo{width:98%; margin:0.1em auto; text-align:left}
#coda{width:98%; margin:0.1em auto; text-align:left}

#testa{ 
  background:#ccc; 
  border:1px solid #000; 
  padding:0.1em 0.1em;
}

#titolo{ 
  background:#ccf; 
  border:1px solid #000; 
  padding:0.2em 0.2em;
}

#titolo H1{
  font:italic 1.5em/1.5em georgia, serif;
  font-weight:bold;
  color:navy;
  margin:0px;
  padding:0px;
}

#corpo{ 
  position:relative; 
  border:1px solid #000;
  background:#a0b0d0 repeat-y;
}

#sn { 
	position:absolute; top:0; left:0; 
    padding:0.5em 0.2em; 
}

#main { 
	margin:0px 132px 0 130px; /* era 140px */
	border-left:1px solid #000; 
	border-right:1px dotted #000; 
	/* background:#fff; */
	background:#E0E0FF;
	padding:0em 0.2em;
	color:#000000;
	/* RIGA PER EVITARE COLONNA SN PIU' LUNGA DI MAIN... */
    padding-top:6px;
    padding-bottom:20%;
	/* RIGA PER EVITARE PROBLEMI CON I COLORI DI SFONDO DEI BLOCK...*/
    position:relative; 
}
#dx {
	position:absolute;top:0;right:0; 
	width:130px; /* correlato al 2° argomento di margin in MAIN*/ 
	padding:0.5em 0.2em;
}

/*pie' di pagina */
#coda { 
	background:#ccf; 
	border:1px solid #000; 
	padding:1em 0.2em;
	font-size: 10px;
}

/* da usare come riquadro interno a main */
#riq_compl {
    BORDER-RIGHT: #000 1px dashed;
	PADDING-RIGHT: 1em;
	BORDER-TOP: #000 1px dashed;
	DISPLAY: block;
	PADDING-LEFT: 1em;
	BACKGROUND: #ff0; MARGIN-BOTTOM: 0.5em;
	PADDING-BOTTOM: 0.3em;
	BORDER-LEFT: #000 1px dashed;
	PADDING-TOP: 0.3em;
	BORDER-BOTTOM: #000 1px dashed; 
}

#riq_msg {
    BORDER-RIGHT: #000 1px dashed;
	PADDING-RIGHT: 1em;
	BORDER-TOP: #000 1px dashed;
	DISPLAY: block;
	PADDING-LEFT: 1em;
	BACKGROUND: #ff0; MARGIN-BOTTOM: 0.5em;
	PADDING-BOTTOM: 0.3em;
	BORDER-LEFT: #000 1px dashed;
	PADDING-TOP: 0.3em;
	BORDER-BOTTOM: #000 1px dashed; 
}


/* ------------------------------------------*/
/* Output tabella gestione (mod_tabelle.php) */
.gest_tab_title{
  /* Titolo sopra la tabella */
  /*font: italic 900 1.0em/1em verdana, helvetica, sans-serif;
  */
  COLOR: navy;
  font-size: 1.4em;
  text-align: center;
  PADDING-TOP: 0.2em;
  PADDING-BOTTOM: 0.1em;
}
.gest_tab_page{
  COLOR: navy;
  font-size: 0.9em;
  FONT-WEIGHT: bold;
  text-align: center;
  PADDING-BOTTOM: 0.3em;
}
.gest_tab {
	/* FONT-WEIGHT: normal; FONT-SIZE: 11px; 
	BACKGROUND-IMAGE: url(images/bckg_top_grigio.gif);
	BACKGROUND-REPEAT: repeat-x; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 75px; BACKGROUND-COLOR: #e9e9e9 */
	FONT-WEIGHT: normal;
	FONT-SIZE: 1em;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	/* HEIGHT: 1em; */
	BACKGROUND-COLOR: #e9e9e9;
	cellpadding: 0; cellspacing: 0;
	bordercolor: Red; bordercolorlight: Blue;
}

.gest_tr_head {
	FONT-WEIGHT: bold;
	FONT-SIZE: 0.9em;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	/* HEIGHT: 75px; */
	COLOR: white;
	BACKGROUND-COLOR: navy;
}

.gest_tr {
	FONT-WEIGHT: normal;
	FONT-SIZE: 0.8em;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	/* HEIGHT: 75px; */
	BACKGROUND-COLOR: #e9e9e9
}
/* -------------------------------------------------------------- */
/* layout del view generico dell'utility di gestione dati tabelle */
/* in mod_operaz_funz.php (funzione op_show) */
.viewitem {
	BORDER-RIGHT: #993 2px solid;
    BORDER-TOP: #993 2px solid;
    BACKGROUND: #fff;
    MARGIN-BOTTOM: 1em;
    BORDER-LEFT: #993 2px solid;
    COLOR: #000;
    BORDER-BOTTOM: #993 2px solid
}
.viewitem_titolo{
	PADDING-RIGHT: 0.5em;
	PADDING-LEFT: 0.5em;
    PADDING-BOTTOM: 0.5em;
    PADDING-TOP: 0.5em;
    BACKGROUND: #cc9;
    BORDER-BOTTOM: #993 2px solid
}
.viewitem_corpo {
	PADDING-RIGHT: 0.5em;
    PADDING-LEFT: 0.5em;
    PADDING-BOTTOM: 0.5em;
    PADDING-TOP: 0.5em;
    BACKGROUND: #ddd;
    BORDER-BOTTOM: #993 2px solid;
}

.msg_form {
	text-align: center;
}
/* ----------------------------- */
/* layout oggetti nelle colonne  */
/* Per esempio riquadro del nome */ 
/* utente a sinistra             */
.lateral_square_tit{
  MARGIN-BOTTOM:2px;
  MARGIN-LEFT:3px;
  MARGIN-RIGHT:3px;
  FONT: bold italic verdana, helvetica, sans-serif;
  FONT-SIZE: 0.9em;
  TEXT-ALIGN: center;
  COLOR: black;
  BACKGROUND: #888;
  DISPLAY: block;
  PADDING-RIGHT:2px;
  PADDING-LEFT:2px;
  PADDING-BOTTOM:1px;
  PADDING-TOP:1px;
  BORDER-BOTTOM: navy 1px solid;
  BORDER-RIGHT: navy 1px solid;
  BORDER-TOP: navy 1px solid;
  BORDER-LEFT: navy 1px solid;
}
.lateral_square_corpo{
  MARGIN-BOTTOM:1px;
  MARGIN-LEFT:3px;
  MARGIN-RIGHT:3px;
  FONT: verdana, helvetica, sans-serif;
  FONT-SIZE: 0.8em;
  COLOR: black;
  BACKGROUND: #bbb;
  DISPLAY: block;
  PADDING-RIGHT:2px;
  PADDING-LEFT:2px;
  BORDER-BOTTOM: navy 1px solid;
  BORDER-RIGHT: navy 1px solid;
  BORDER-TOP: navy 1px solid;
  BORDER-LEFT: navy 1px solid;
}
/* layout link colonne */
A.link_col:link{
	COLOR: #009; TEXT-DECORATION: none;
}
A.link_col:visited{
	COLOR: navy; TEXT-DECORATION: none;
}
A.link_col:active{
	COLOR: yellow; TEXT-DECORATION: none;
}
A.link_col:hover{
  BACKGROUND: #ddeedd;
  COLOR: navy;
  TEXT-DECORATION: underline;
  text-shadow: 0.2em 0.2em 1px black;
  text-indent : 5px  /* il testo rientra */
}
/* ------------------------------------------------ */
/* layout messaggi di sistema */
/* layout oggetti main */
.main_square_tit{
  FONT: bold italic verdana, helvetica, sans-serif;
  FONT-SIZE: 1.2em;
  TEXT-ALIGN: center;
  COLOR: black;
  BACKGROUND: #888;
  DISPLAY: block;
  PADDING-RIGHT: 0.3em;
  PADDING-LEFT: 0.3em;
  PADDING-BOTTOM: 0.3em;
  PADDING-TOP: 0.3em;
  BORDER-BOTTOM: navy 1px solid;
  BORDER-RIGHT: navy 1px solid;
  BORDER-TOP: navy 1px solid;
  BORDER-LEFT: navy 1px solid;
  MARGIN-BOTTOM: 0.1em;
}
.main_square_corpo{
  FONT: verdana, helvetica, sans-serif;
  FONT-SIZE: 1em;
  COLOR: black;
  BACKGROUND: #bbb;
  DISPLAY: block;
  PADDING-RIGHT: 0.3em;
  PADDING-LEFT: 0.3em;
  BORDER-BOTTOM: navy 1px solid;
  BORDER-RIGHT: navy 1px solid;
  BORDER-TOP: navy 1px solid;
  BORDER-LEFT: navy 1px solid;
  MARGIN-BOTTOM: 0.1em;
}
.main_square_err{
  FONT: verdana, helvetica, sans-serif;
  FONT-SIZE: 1em;
  COLOR: navy;
  BACKGROUND: #bbb;
  DISPLAY: block;
  PADDING-RIGHT: 0.3em;
  PADDING-LEFT: 0.3em;
  BORDER-BOTTOM: navy 1px solid;
  BORDER-RIGHT: navy 1px solid;
  BORDER-TOP: navy 1px solid;
  BORDER-LEFT: navy 1px solid;
  MARGIN-BOTTOM: 0.1em;
}

/* layout link di main_link */
A.link_main:link{
	COLOR: #009; TEXT-DECORATION: none;
}
A.link_main:visited{
	COLOR: navy; TEXT-DECORATION: none;
}
A.link_main:active{
	COLOR: red; TEXT-DECORATION: none;
}
A.link_main:hover{
  BACKGROUND: #ddeedd;
  COLOR: navy;
  TEXT-DECORATION: underline;
  text-shadow: 0.2em 0.2em 1px black;
  text-indent : 5px  /* il testo rientra */
}
/* ------------------------------------------------ */

.little_char{
  font-size: 0.8em;
}

.main_cmd_square{
  FONT: verdana, helvetica, sans-serif;
  /*
  FONT-SIZE: 1em;
  COLOR: black;
  DISPLAY: block;
  MARGIN-BOTTOM: 0.1em;
  */
  BACKGROUND: #bbb;
  text-align: center;
  PADDING-RIGHT: 0.3em;
  PADDING-LEFT: 0.3em;
  PADDING-TOP: 0.2em;
  PADDING-BOTTOM: 0.3em;
  BORDER-BOTTOM: navy 1px solid;
  BORDER-RIGHT: navy 1px solid;
  BORDER-TOP: navy 1px solid;
  BORDER-LEFT: navy 1px solid;
}