body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px; 
   /* font-size: 10px;*/
	color: #000000;
	margin: 1em;
	background-color: #FFFFFF;
}

img {
    border:0;
}

sup {
	font-size: 9px;
	font-weight: bold;
	color: #CC0000;
}

fieldset {
	border: 2px solid #CCCCCC;
	padding-top: 1em;
}

fieldset fieldset{
	border: 1px solid #CCCCCC;
}

hr {
    border: 1px solid #CCCCCC;
}

legend {
	font-family: Arial, Verdana, Geneva,Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	padding-right: 0.5em;
	padding-left: 0.5em;

}

td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.miaa { font-weight:bold; size: 12px;}

a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
	
}

a:hover {
	color: #990000;
	text-decoration: underline;
}

.history {
	clear: both;
	border-bottom: 1px solid #CDCDCD;
	padding: 0.5em;
	color: #000000;
	text-align: left;
}

/* Sostituisce la vecchia history2. 
 * Ruolo: visualizzazione della history principale
 */
.main-history {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*font-size: 95%;*/
	font-size: 13px;
	font-weight: bold;
	border-top: 0;
	padding: 0;
	color: #990000;
	text-align: left;
}
/*
 * Ruolo: visualizzazione messaggi di attesa 
 * Introdotta per eliminare l'uso scorretto della vecchia history2 nei messaggi di attesa
 */
.loading-message{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    padding: 0.5em;
    border-top: 0;  
    color: #990000;
	text-align: left;
}


/* 
 * Ruolo: Stile per i messaggi di errore
 * Introdotta per eliminare l'uso scorretto della vecchia history2 nelle pagine di errore
 * Nota: qui veniva usato cosi': <td class="history2" style="font-size: 15px; padding: 0.5em;">
 */
.error-message {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    padding: 0.5em;
    color: #990000;
	text-align: left;
}

/*
 * Classe per la barra di navigazione
 */
.navtoolbar{
	clear: both;
	border-bottom: 1px solid #CDCDCD;
	padding: 0.5em;
	color: #000000;
}

.help {
	text-align: right;
}

#help dt {
    	font-weight: bold;
}

/* 
 * Ruolo: identifica l'intestazione della scrivania
 */
#header {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-bottom: 1px solid #CDCDCD;
	padding: 0em;
	width: 770px;
	height: 70px;
}

h1, h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*font-size: 150%;*/
	font-size:130%;
	font-weight: bold;
	border-top:0;
	padding-top:0;
	margin:0;
	color: #990000;
	padding-bottom:.5em; /* aggiunto 8-3-2006 */
}

h3 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	border-top: 0;
	padding-top: 0;
	color: #990000;
}

/*
 * Ruolo: identifica il pie' di pagina della scrivania
 */
#footer {
	height:20px; 
	width:100%; 
	background-color:#6e6e6e;
	font: normal normal 11px "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: right;
}

#footer a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;

}

.container {
    width: 770px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0;
	color: #000000; 
	background-color: #FFFFFF;
}

#contenuto {
	float: right;
	padding: 0.5em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	width: 572px;
	font-weight: normal;
}

#welcome {
    text-align:justify;
}

#welcome ul {
    padding-left:2em !important;
}
/*
 * Ruolo: evidenziare il formato della data da utilizzare
 */
.formatodata {
        font-size:9px;
        color:#993300;
}
.selezione {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px
}
.radiobutton {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: bold;
}
.titoletti {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.titoli {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.textbar {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
/*
 * classe dal nome infelice usata per lo stile di alcuni td in tabelle
 * negli xsl di visualizzazione delle pratiche
 */
.corpo {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0.5em;
	color: #000000;
	font-weight: normal;
}
#logo {
	float: left;
	border: 0;
	background-image: url("../images/logo.gif");
	height: 62px;
	width: 271px;
	background-position: left;
	background-repeat: no-repeat;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}

/*
 * Stile della td che contiene il menu nella tabella strutturale della scrivania
 */
.menu {
	width: 170px;
	float: left;
	padding: 0.5em;
	border-right: 0px solid #CDCDCD;
	max-height: 100%;
}

/*stile per labels relative a campi obbligatori di form */
p.mandatoryField:before{
    content: "*";
    font-weight:900;
    padding-right:0.2em;
    padding-top:0.5em;
    color:#990000;
}

label.mandatoryField:before{
    content: "*";
    font-weight:900;
    padding-right:0.2em;
    padding-top:0.5em;
    color:#990000;
}

/*
 * Classe usata nella patch per Exploder
 * per dare lo stile agli asterischi che 
 * evidenziano i campi obbligatori dei forms
 */
.asterisco
{
    font-weight:900;
    padding-right:0.2em;
    padding-top:0.5em;
    color:#990000;
}

legend.mandatoryField:before{
    content: "*";
    color:#990000;
    padding-right:0.2em;
}

span.mandatoryField:before{
    content: "*";
    font-weight:900;
    padding-right:0.2em;
    padding-top:0.5em;
    color:#990000;
}


/* dtree */
.dtree {
	position: relative;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.dtree img {
	border: 0px;
	vertical-align: text-bottom;
}

.dtree a {
	text-decoration: none;
}

.dtree a:hover {
	color: #000000;
	text-decoration: underline;
}

.dtree .node {
	top: -2px;
	padding: 1px;
	color: #000000;
}

.dtree .nodeSel {
	top: -2px;
	padding: 1px;
	color: #000000;
}

/*
#form {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	width: 585px;
	border: 1px solid #4c78ab;
	padding: 3px;

}
#form h1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3366CC;
	text-align: center;
	width: 100%;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-top: 2px;
}
#form h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	width: 100%;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	padding-top: 2px;
}
#form td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-align: left;
}
*/
.lista-servizi {
	line-height: 1.5em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2em;
}

.lista-servizi a {
	display: block;
	font-weight: bold;
}

#descrizione {
	padding: 0em 1em 2em 2em;
}

.boxtable {
	border: 1px solid #DDDDDD; 
	background-color: #F4F4F4;
}

.innertable {
	border: 0;
	margin-top: 5px;
	width: 100%;
	padding: 3px 3px 3px 3px;
}

.innertable td {
	padding-right: 3px;
	padding-left: 3px;
}

.innertable td.label{
    width:50%;
	text-align:right;
    
}

.tableborder {
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-right: 0px;
	border-bottom: 0px;
}

.ssolink {	
	color: #453BAC;
}

.redirettolink {	
	color: #13A1DE;
}

.label-tabella {
	padding: 0.3em;
	padding-left: 2em;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #F4F4F4;
	width: 200px;
    vertical-align: top;
}

.label-tabella-profili {
	padding: 0.3em;
	padding-left: 2em;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #F4F4F4;
	vertical-align: top;
	width: 15%;
}

/* Classe usata in Iscrizioni, 01 selezione per elencare/selezionare enti */
.selezione-ente {
	padding: 0.3em;
	padding-left: 2em;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #F4F4F4;
	vertical-align: top;
}

.cella-tabella {
	padding: 0.3em;
	padding-left: 0.3em;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #F4F4F4;
	vertical-align: top;
}

.label-riga-tabella {
	padding: 0.3em;
	padding-left: 0.3em;
	border-bottom: 1px dotted #CCCCCC;
	border-top: 1px dotted  #FFFFFF;
	background-color: #FCFCFC;
	border-right: 1px solid #CCCCCC;
}

.label4-tabella {
	padding: 0.3em;
	padding-left: 2em;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #FFFFFF;
	background-color: #F4F4F4;
	border-right: 1px solid #CCCCCC;
	width: 200px;
}

.label5-tabella {
	padding: 0.3em;
	padding-left: 2em;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #FFFFFF;
	background-color: #F4F4F4;
	border-right: 1px solid #CCCCCC;
}

.label6-tabella {
	padding: 0.8em; 
	border-top: 1px solid #CCCCCC;
	background-color: #E0E0E0;
	font-weight: bold;
}

.value-tabella {
	padding: 0.3em; 
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
.value2-tabella {
	padding: 0.3em; 
	border-bottom: 1px dotted #CCCCCC;
	background-color: #FFFFFF;
}

.label-top-tabella {
	padding: 0.3em; 
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #EEEEEE;
	font-weight: bold;
} 

/*
 * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Inizio stile per la visualizzazione delle pratiche
 * * * * * * * * * * * * * * * * * * * * * * * * * * *
 */
table.view-mode {
    width: 560px;
    background-color: #fefefe;
    border:1px solid #CCCCCC;
    border-collapse:collapse;
    margin-top:1em;
}

table.view-mode tr td{
    background-color:#fefefe;
    border:0;   
    padding-top:0.1em;
    padding-bottom:0.5em;  
}


table.view-mode th {
    border:0;
    border-bottom: 1px solid #CCC;
	background-color: #E0E0E0;
	font-weight:bold;
	font-size:14px; 
	width: 100%;
	padding-top:0.1em;
    padding-bottom:0.1em;
}

table.view-mode table {
    width:100%;
    padding:0;
    border-collapse:collapse;

}
table.view-mode table td {
    padding-left:0.3em;
}

fieldset fieldset td.view-mode-label{
    padding-left:0.2em !important;
    width:30% !important;
}

fieldset fieldset td.view-mode-label.four-in-a-row{
    padding-left:0.6em !important;
    width:25% !important;
}

fieldset fieldset td.view-mode-value.four-in-a-row{
    padding-left:0.3em !important;
    width:25% !important;
}

td.view-mode-label{
    width:30% !important;
    vertical-align: middle; 
    padding-left:2em;
    padding-top:0.2em !important;
    border-bottom:1px dotted #CCC !important;
}

fieldset table td.view-mode-label{
    padding-left:1em;
    width:29%;
}

table.view-mode fieldset {
    padding-bottom:.3em;
}

/* classe per i messaggi all'interno delle tabelle di visualizzazione pura*/
.view-mode-message {
   padding:1em;
   padding-top:2em !important;
   font-weight: 600;
   color:#666;
   line-height:1.2em;
   text-align:center;  
}

/* classe per note all'interno delle tabelle di visualizzazione pura*/
.view-mode-note {
   padding:2em;
   font-weight: 400;
   text-align:justify;
   
}

table table td.view-mode-label:after{
    content: ":"
}

.view-mode-value {
	font-weight: 600;
	color:#666;
	vertical-align: middle; 
	padding-left:0.3em;
	padding-top:0.2em !important;
	border-bottom:1px dotted #CCC !important;
}

.view-mode-title{
    text-align: center;
    font-weight:bold;
    letter-spacing:0.2em;
    padding-top:1em !important;
}

.view-mode-subtitle {
    text-align: center;
    font-weight:500;
    padding-top:1em !important;
}

.view-mode-header{
    padding: 0.5em !important; 
    padding-left:0.3em !important; 
	border-bottom: 1px solid #CCC !important;
	background-color: #ECECEC !important;
	font-weight: bold;
	text-align:center;
}
/* Sotto intestazioni nelle tabelle di visualizzazione. Es. Nei quadri INAIL "Quadro O - L.O.Premi"*/
.view-mode-subheader {
    padding: 0.3em; 
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #f5f5f5;
	font-weight: bold;
	text-align:center;
}
/* Labels che fungono da sotto intestazioni di peso inferiore rispetto a quelle per cui si usa la 
   .view-mode-subheader. Es Nel quadro O di INAIL viene usata per le etichette "N. Addetti" e "Retribuzioni"*/
.view-mode-top-label {
	padding: 0.3em;
	padding-left: 0.3em;
	border-bottom: 1px dotted #CCCCCC;
	border-top: 1px dotted  #FFFFFF;
	background-color: #fefefe;
	border-right: 1px solid #CCCCCC;
	text-align:center;
	font-weight:bold;
}

td.view-mode-label.four-in-a-row, td.view-mode-value.four-in-a-row {
    width:25% !important;
}

td.view-mode-label.four-in-a-row{
    padding-left: 0.3em;
}

/*
 * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Fine stile per la visualizzazione delle pratiche
 * * * * * * * * * * * * * * * * * * * * * * * * * *
 */

table.archivi-enti ,table.sintesi , table.submit { 
    width: 560px;
    border: 0;
    padding: .3em;
    border-collapse:collapse;
    margin:0;
}

table.quadroO {
    width: 560px;
    padding: .3em;
    border: 1px solid #DDDDDD; 
    border-collapse:collapse;
    background-color: #fefefe;
}

.attesa-stile {
    font-weight: bold;
    font-size: 13px;
    background-color: #F4F4F4;
    color: #50a050;
    text-align: center;
}


br.brall {
    clear: both;
}

/*
 * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Inizio stile albero menu - colonna sx
 * * * * * * * * * * * * * * * * * * * * * * * * * * *
 */
ul#albero {
    width: 165px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 1em;
}

ul#albero ol {
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 5px;
}

ul#albero li, ul#albero a {
	/*font: normal normal 13px Verdana, Geneva, Arial, Helvetica, sans-serif;*/
    font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #89222F;
    display: block;
}

ul#albero li {
    /*border-bottom: solid 1px #99181d;*/
    border-bottom: solid 1px #E2D9DA;
    line-height: 15px;
}

ul#albero ol li {
    border-bottom:  solid 1px #E2D9DA;
	/*font: normal normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;*/
    font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* terzo livello */
ul#albero>li>ol>li>ol>li>a {
	/*font: normal normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;*/
    font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#666;
}

/* quarto livello */
ul#albero>li>ol>li>ol>li>ol>li>a {
	font-style: italic;
	color:#666;
}

ul#albero a {
	text-decoration: none;
	outline: none;
	/*font: normal normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;*/
    font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #89222F;
}

ul#albero ol a {
    color: #333;
}
ul#albero a:hover {
    color: #000;
	     
}

ul#albero a.active {
    font-weight: bold;
    background: #fff url(../images/freccia_mattone_menu.gif) top right no-repeat;
}

ul#albero a.father,
ul#albero a.father:link {
    text-decoration: none;
	outline: none;
	/*font: normal normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;*/
    font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #89222F;
}

ul#albero a.father.selected,
ul#albero a.father.selected:link {
    font-weight:bold;
}

ul#albero>li>ol>li>a:active{
   color: #89222F;
}

ul#torna_alla_pratica {
    width: 165px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 1em;
}

ul#albero2 {
    width: 165px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 1em;
}

ul#albero2 ol {
    list-style-type: none;
    margin: 0;
    padding: 5px;
}

ul#albero2 li, ul#albero2 a {
	/*font: normal normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;*/
    /*font: normal normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;*/
    font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #89222F;
	display: block;
}

ul#torna_alla_pratica li, ul#torna_alla_pratica a {
	/*font: normal normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;*/
    font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #89222F;
}

ul#albero2 li {
    /*border-bottom: solid 0px #99181d;*/
    border-bottom: solid 0px #E2D9DA;
    line-height: 15px;
}

ul#albero2 ol li {
	border-bottom:  solid 1px #E2D9DA;
	/*font: normal normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;*/
    font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

ul#albero2 a {
    text-decoration: none;
    outline: none;
	/*font: normal normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;*/
    font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #89222F;
}
ul#albero2 ol a {
    color: #333;
}
ul#albero2 a:hover {
    color: #000;
}

ul#albero2 a.active {
    font-weight: bold;
    background: #fff url(../images/freccia_mattone_menu.gif) top right no-repeat;
}
/*
 * * * * * * * * * * * * * * * * * * * 
 * Fine stile albero menu colonna sx
 * * * * * * * * * * * * * * * * * * * 
 */

/* Identificazione area a pie' di pagina */
#pieDiPagina{
	height:20px; 
	width:100%; 
	border-top: 1px solid #6E6E6E;
	font: normal normal 11px "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	color: #fff;
} 

/* Inizio stile per il footer */
#menuFooter ul {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 590px;
}

#menuFooter li {
	list-style: none;
	padding: 0 5px 0 20px;
	font: normal normal 12px Arial, Helvetica, sans-serif;
	background: url(../images/cubo_rosso.gif) 0 0 no-repeat;
	display: block;
	float: left;
	margin: 0;
}

#menuFooter li a {
	color: #333;
	text-decoration: none;
	background: #fff;
}

#menuFooter li a:hover {
	color: #ccc;
	background: #fff;
}
/* Fine stile per il footer */


#italiaGov {
	BACKGROUND: url(../images/gov_it.gif) no-repeat 0px 0px; DISPLAY: block; FLOAT: right; HEIGHT: 25px; WIDTH: 115px
}
#italiaGov SPAN {
	DISPLAY: none
}

.brall {clear:both; height: 1px; font-size: 1px;}

/* Stile menu colonna sinistra  */
ul#indice {
    width: 165px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 1em;
}

ul#indice ol {
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 5px;
}

ul#indice li, ul#indice a {
	font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #89222F;
    display: block;
}

ul#indice li {
    border-bottom: solid 1px #89222F;
    line-height: 15px;
}

ul#indice ol li {
    border-bottom:  solid 1px #ccc;
	font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

ul#indice a {
	text-decoration: none;
	outline: none;
	font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #89222F;

}
ul#indice ol a {
    color: #333;
}
ul#indice a:hover {
    color: #000;
	     
}

ul#indice a.active {
    font-weight: bold;
	background: #fff url(../images/freccia_mattone_menu.gif) top right no-repeat;
}

ul#indice a.containsErrors {
	background: #fff url(../images/warning_menu.gif) top right no-repeat;
}

/* Fine stile menu colonna sinistra */

.bordertable {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

.border1px {
	border: 1px solid #CCCCCC;
}

.bordertable td {
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

/* sfondo righe dispari */
.odd {
	background-color: #FFFFFF;
}

/* sfondo righe pari */
.even {
	background-color: #F1F1F1;
}

.pulsante {
	border: 1px outset #CCCCCC;
	background-color: #EEEEEE;
	color: #000000;
	font-size: 10px;
	
}

input, textarea, select {
	font-size: 11px;
}

/* Stile per le tabelle con liste di oggetti - ad es.lista pratiche, lista utenti... */
table.display-list {
    width:100%;
    border:1px solid #CCCCCC;
    border-collapse:collapse;
    background-color:#fff;
}

.display-list th {
    padding: 0.3em; 
	border: 1px solid #CCCCCC;
	background-color: #E0E0E0;
	font-weight: bold;
	font-size: 11px;
	text-align:left;
}

.display-list td {
    padding: 0.3em; 
	border: 1px solid #CCCCCC;
	font-weight: normal;
	font-size: 11px;
	text-align:left;
}

.display-list td.state-icon {
    text-align:center;
}
/* Fine stile per le tabelle con liste di oggetti - ad es.lista pratiche, lista utenti... */

/* Stile per la tabella della legenda delle icone */
table.icons-legend {
    width: 100%;
    border:0;
    margin-top:1em;
    clear:both;
}

div.legend-link {
    float:left;
    padding-top:1em;
}

.stato-trasmessa {
    color:#009900;
}

.stato-parz-trasmessa {
    color:#FF6611;
}

.stato-non-trasmessa {
    color:#FF0000;
}

#error {
	color: #FF0000;
}

.error {
	color: #FF0000;
	text-align: center;
	font-size:13px;
}

td.error {
    background: #F4F4F4;
}

.warning {
 color: #FF0000;
}

/*
 * DEPRECATED use class "note" instead
 */
#note1, #note2, #note3, #note4, #note5, #note6, #note7, #note8, #note9, #note9a{
	font-size: 9px;
	/*font: Verdana, Thaoma, Arial;*/
	color: #CC0000;
}

.note {
	font-size: 9px;
	color: #CC0000;
	
}

.testata-tabella {
	padding: 0.3em; 
	border-bottom: 1px solid #CCCCCC;
	background-color: #E0E0E0;
	font-weight: bold;
}

#dataLev0{
    text-align:left;
    padding:0;
    margin:0;
    
}
#dataLev0 table.main{
    /*width:100%;*/
    width:572px;
    padding:0;
    border:1px solid #CCCCCC;
}

#datalev0 .odd {
    /*every second line should be shaded */
    background-color: #FFFFFF;
}
#datalev0 .even {
    background-color: #F4F4F4;
}


#dataLev0 td.label{
    padding: 0.3em;
	padding-left: 2em;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #F4F4F4;
	font-weight:700;
    vertical-align: top;
    /*letter-spacing:1px;
    color:#4B4B4B;*/
}

#dataLev0 td.value{
    padding: 0.3em; 
	border-bottom:1px solid #CCCCCC;
	background-color: #FFFFFF;
	/*color:#414141;
    letter-spacing:1px;*/
}

#dataLev0 th{
    padding:0.3em;
    padding-left:0.8em; 
	background-color:#E0E0E0;
	font-weight:800;
	font-size:11pt;
	color:#990000;
	text-align:left;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}


#dataLev0 th.sub{
    padding:0.3em;
    padding-left:2.5em; 
	background-color:#E0E0E0;
	font-weight:800;
	font-size:10pt;
	color:#990000;
	text-align:left;

}

#dataLev0 td.sub{
    padding:0.3em;
    padding-left:2em; 
	background-color:#E0E0E0;
	font-weight:800;
	font-size:10pt;
	color:#990000;
	text-align:left;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	
}	

#dataLev0 th a{
	font-weight:800;
	font-size:11pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #990000;
	text-decoration: underline;
}


#dataLev0 th a:hover{
	font-weight:800;
	font-size:11pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
}


.dataLev1 {
    margin:10px;
    width:550px;
    background:white;
    border:1px solid #990000;
}

.dataLev2 {
    margin-left:20px;
    margin-right:20px;
    margin-bottom:10px;
    /*border:1px solid #990000;*/
    border:1px solid #CCCCCC;
    background:white;
    /*width:530px;*/
    width:508px;
    
}

.patternLabel1 {
      background-image:url(../images/dot.gif); 
      background-repeat:repeat-x;
      background-position:bottom;
      font-weight:700;
      vertical-align:top;
      /*letter-spacing:1px;
      color:#4B4B4B;*/
      padding-left:3em;
}

.patternLabel2 {
      background-image:url(../images/dot.gif); 
      background-repeat:repeat-x;
      background-position:bottom;
      font-weight:700;
      vertical-align:top;
      /*letter-spacing:1px;
      color:#4B4B4B;*/
      padding-left:1em;
}

.patternValue {
      background-image:url(../images/dot.gif); 
      background-repeat:repeat-x;
      background-position:bottom;
      font-weight:500;
      padding-left:0;
      vertical-align:top;
      /*letter-spacing:1px;
      color:#4B4B4B;*/
}
/*Da usare per le liste di primo livello all'interno di tabelle - es: lista PAT in INAIL*/
.listLev0 {
    padding-top:0.3em;
    padding-bottom:0.3em;
    padding-right:0;
	padding-left: 2em;
	background-color: #F4F4F4;
	font-weight:700;
    vertical-align: top;
    /*letter-spacing:1px;
    color:#4B4B4B;*/
}

.listLev0Value {
    padding:0;
    padding-top:0.3em;
    padding-bottom:0.3em;
	background-color:#F4F4F4;
	font-weight:500;
	font-size:9px;
    vertical-align: top;
    /*letter-spacing:1px;
    color:#4B4B4B;*/
}
/*Da usare per le liste di secondo livello all'interno di tabelle*/
.listLev1 {
    padding:0.2em;
	padding-left:3em;
	background-color:#fff;
	font-weight:700;
    vertical-align: top;
    /*letter-spacing:1px;
    color:#4B4B4B;*/
}

.title {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11pt;
	font-weight:700;
	color: #990000;
	text-align:center;
}

.p2 {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:500;
	color:#4B4B4B;
	text-align:center;
    
}

#text {
    padding:10px;
    padding-bottom:0px;
    border:1px solid #cccccc;
}

#text p{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:400;
	color:#4B4B4B;
	text-align:justify;
}

#text b{
    font-weight:600;
}

#text ul{
    list-style: none;
	margin: 5px;
	margin-top: 0;
	padding: 0px;
	
}

#text li p{
    background: transparent url(../images/freccia_mattone_menu.gif) no-repeat 0 50%;
    text-align:left;
    margin-top:0px;
    margin-bottom:0px;
    padding-left:10px;
    line-height:100%;
    
}

#text table.main{
    border-collapse: collapse;
    font-size:9pt;
    margin-left:10px;
    margin-bottom:1em;
    width:90%;
}

#text td.label{
    padding-left:0px;
    color:#4B4B4B;
    text-align:left;
    width:25%;
}

/* Stile usato nelle tabelle per evidenziare etichette di righe con errore */
#text td.error-label{
    padding-left:0px;
    color:#B01016;
    text-align:left;
    width:25%;
}

#text td.value{
    color:#4B4B4B;
    font-weight:600;
    text-align:justify;
}

/* Stile usato nelle tabelle per evidenziare valori di riche con errore */
#text td.error-value{
    color:#DD0000;
    font-weight:600;
    text-align:justify;
}

#info p{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:400;
	color:#4B4B4B;
	text-align:left;
	line-height:1.5em;

}

.closing{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:400;
	color:#4B4B4B;
	text-align:justify;
	margin-top:2em;
}

#search {
    background-color:#eeeeee;
    padding:0.5em;
    border:1px solid #ddd;
}

#search td{
    vertical-align: top;
    font-size:11px;
    font-weight:600;
}

.selectMedium{
    width:170px;
}

.selectLong{
    width:370px;
}

/* Stile per le pagine di help */
#help {
    color:#4B4B4B;
    text-align:justify;
}

#help p{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color:#4B4B4B;
	margin:4px 0px 4px 0px;
}

#help p.title1{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 800;
	color:#990000;
	margin-bottom: 30px;
	margin-top: 15px;
}

#help p.title2{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing:1px;
	color:#990000;
	margin-bottom: 5px;
	margin-top:15px;
}

#help table{
    
    border: 2px solid #CCCCCC;
    border-collapse:collapse;
   margin-top:20px;
   margin-bottom:20px;
}

#help td{
    border: 1px solid #CCCCCC;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 8pt;
	font-weight: 400;
	letter-spacing:1px;
	color:#4B4B4B;
	text-align:center;
	padding:2em;
}

#help ul,
#welcome ul{
    list-style: none;
	margin-left:0.3em;		
}

#help ul ul{
    list-style: none;
	margin-left:0.1em;	
	margin-top:0;
	margin-bottom:0;	
}

#help li,
#welcome li { 
    background: transparent url(../images/freccia_mattone_menu.gif) no-repeat 0 0.5em;
    text-align:justify;
    margin-top:0;
    margin-bottom:0;
    padding-top:0.5em;	
    padding-bottom:0.5em;
    padding-left:0.9em;
    line-height:120%;    
}

#help ul ul li{
    background: transparent url(../images/arrow_li_on.gif) no-repeat 0 35%;
    text-align:justify;
    margin-top:0;
    margin-bottom:0;
    padding-top:0;
    padding-bottom:0;
    padding-left:0.9em;    
    line-height:120%; 
}

#help b{
    font-weight: 800;
    letter-spacing:1px;
}

#backOnePage {
    float:right;
}
/* Fine stile per le pagine di help */

.download {
    border:1px dotted #ccc;
    margin-top:30px;
    padding:10px;
    text-align:justify;
    
}

.download img {
    margin-top:5px;
    margin-bottom:5px;
}


#submitArea {
    text-align:center;
    margin-top:30px;
    
}

#submitArea table {
    width:100%;
    padding:5px;
}

#submitArea table td {
	border: 1px solid #CCCCCC;
	background-color: #F4F4F4;
	font-weight:700;
	text-align:center;
}

/* stile per la lista degli enti nella ricevuta - non viene + usata per questo scopo da quando 
   sono state inserite le subdeleghe
*/
ul.horizontal {
    margin: 0;
    margin-top:0.5em;
    margin-bottom:0.5em;
    padding: 0;
    list-style-type: none;
    text-align:center;
}

ul.horizontal li {
    display:inline;
    margin-left:2.5em;
    margin-right:2.5em;   
    padding: 0.1em 2em;
    color:#4B4B4B;
    border:1px dotted #CCCCCC;
    background-color:#eee;
    font-weight:700;
    font-size:14px;
    letter-spacing:1px;
}

table.sintesi-elenco-enti {
    width:100%;
    border-collapse:collapse;
}

.sintesi-elenco-enti th {
    font-size:70%;
    padding: 0.3em; 
	border-bottom: 1px solid #CCCCCC;
	background-color: #E0E0E0;
	font-weight: bold;
}

.sintesi-elenco-enti td {
    padding: 0.3em;
	padding-left: 2em;
	background-color: #F4F4F4;
    vertical-align: top;
}
   
.sintesi-elenco-enti td.ente {
    padding: 0.1em 2em;
    color:#4B4B4B;
    font-weight:700;
    font-size:14px;
    letter-spacing:1px;
    width:20%;
} 

.profilo-subdelegato {
    color:#4B4B4B;
}

span.nVerde {
    color: #0066cc;
    width: 240px;
    margin: 3px 0 3px 5px ;
    padding: 3px 0;
    float: left;
}
span.nVerde a, span.nVerde a:visited {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}
span.nVerde a:hover {
    color: #0033cc;
    text-decoration: none;
}
span.nVerde a:hover em, p.nVerde a:hover strong{
    color: #000;
}
span.nVerde strong {
    color: #0066cc;
    padding: 2px 0 !important;
    padding: 0;
    border: 1px solid #0066cc; 
}
span.nVerde em {
    padding: 2px;
    background: #0066cc;
    color: #fff;
    font-style: normal;
}
   
/* stile per realizzare un form senza tabelle*/     
#noTablesForm {
    background-color: #eee;
    padding:0.5em;
    margin:0;
    margin-bottom:2em;
    border:1px solid #ddd;
}

#noTablesForm input {
	display: block;
	float: left;
	margin-bottom: 10px;
}

#noTablesForm input.date{
    width:10ex;
    margin: 0 5px;
    margin-top:1em;
}

#noTablesForm input.submit {
    margin-left: 21em;  
    margin-top:1em;
    margin-bottom:1em;
    border: 1px outset #CCC;
	background-color: #EEE;
	color: #000;	
}

#noTablesForm label {
	text-align: right;
	width: 40%;
	padding-right: 20px;
	float: left;
	margin-bottom: 10px;
	color:#4B4B4B;	
	font-weight:600;
	font-size: 11px;
}

#noTablesForm fieldset fieldset{
   padding:1em;
   margin: 0 1em;
}

#noTablesForm label.inline{
    width:15ex;
    padding-right:0;
    padding-top:1em;
}

#noTablesForm br {
	clear: left;
}
/* Fine stile per form senza tabelle*/ 


.tabella-lista-deleghe {
		width: 100%;
        padding: 5px;
        border:0;
        background: #FFFFFF;
        border-collapse: collapse;
}

.tabella-lista-deleghe td {
        padding-left: 3em;
        padding-top: 0.3em;
        padding-bottom: 0.3em;
}

.tabella-lista-deleghe caption {
		display: none;
}

.pulsantiera {
		width: 100%;
		padding:0;
        border: 0;
        background: #FFFFFF;
        border-collapse: collapse;
        text-align: center;
		margin-left: auto;
    	margin-right: auto;
    	margin-top: 1em;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Inizio stile per la paginazione 
 * usare se si sceglie di rappresentare il navigatore con una tabella
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 */
#navigatore {
	width: 100%;
	padding: 5px;
	margin-top:3em;
    border: 1px dotted #CCCCCC;
}

#navigatore td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 800;
	width: 40%; 
	vertical-align: middle;
}

/*paginazione vecchia maniera, con il link alla pagina precedente, il numero della pagina corrente ed il link alla pagina successiva*/
#navigatore td.numero-pagina {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 400;
	width: 20%; 
	text-align: center;
	vertical-align: middle;
}

#navigatore td.pagina-prec {
    text-align:left;
}

#navigatore td.pagina-succ {
    text-align:right;
}

/*usare quando si sceglie di rappresentare il navigatore con un div*/
div#navigatore {
    text-align:center;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    margin-top:5em;
    width:100%;
    border: 1px dotted #CCCCCC;
}


#navigatore .pagina-corrente {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 700;
	padding: .3em;
	color: #990000;
	text-align: center;
}

#navigatore a.altre-pagine{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 600;
	padding: .3em;
	color: #003333;
}

#navigatore a.altre-pagine:hover{
	text-decoration: none;
}

#navigatore a.pagina-prec{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 600;
	padding: .3em;
	/*color: #476a91;*/
	text-decoration: underline;
}

#navigatore a.pagina-prec:hover{
	text-decoration: none;
}


#navigatore a.pagina-succ{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 600;
	padding: .3em;
	/*color: #476a91;*/
	text-decoration: underline;
}

#navigatore a.pagina-succ:hover{
	text-decoration: none;
}

/*
 * Fine stile per la paginazione * * * * * * * * * * * * * * * * * * * * * * 
 *
 */

#divAttendere p{
    font-weight: bold;
    font-size: 13px;
    background-color: #F4F4F4;
    color: #50a050;
    text-align: center;
}

.iconsLegend {
	border: 1px dotted #eee;
	margin-top:3em;
	padding:.2em;	
}

.legendItem {
    float:left;
}

.legendItem p {
    text-align:left;
}

div.spacer {
  clear: both;
  }

.indicazione-subdelegato {
  font-weight: normal;
  font-size: 0.8em;
}

.divLoading {
    position: absolute;
	font: 18px arial;
	color: #a51d1d;
	background-color: #fff0c8;
	border: 2px solid #9999cc;
	/*display: none;*/
	/*visibility: hidden;*/
}

.floating-alert {
    position: absolute;
	background-color: #F2F0F0;
	padding: 6px;
	color: #89222F;
	width: 10em;
	vertical-align: middle;
	text-align: center;
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
	border-top: 2px solid #FFF;
	border-left: 2px solid #FFF;
}

/*
 * Classi per elenco unordered, usate per esempio nel
 * servizio Autorizzazioni Convegni e Congressi MDS
 * per visualizzare la lista di aziende da inserire
 */
.itemList img {
    vertical-align:middle;
    margin-left:1px;
}

.itemList  ul{
     list-style:none;
     padding:0;
}

.itemList li {
    background: transparent url(../images/grey_arrow_transp.gif) 0 50% no-repeat;
    text-align:justify;
    margin-top:0;
    margin-bottom:0;
    margin-left:0;
    padding-top:0.5em;	
    padding-bottom:0.5em;
    padding-left:12px;  
}

/*
 * Classe per il box contenente le informazioni sullo stato della pratica in corso 
 */
.contenuto-stato-pratica {
  background-color: #F7F7F7;
}


.-error {
}

.gwt-ListBox-error, .gwt-TextBox-error {
	background-color: #FFFF66;
}