@import "../css/header.css";

/*
##############################
Definizione stile tag generici
##############################
*/
body {
	background: white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal !important;
	/* font-family: Verdana, Arial, Helvetica, sans-serif; */
	margin: 0px;
	padding: 0px;
	/*font-size: 90% !important;*/
	color: black;
	/* per mantenere fixed il top della pagina per IE < 7 (scommentare anche div.contenuto l'overflow)
	height: 100%; 
	<!--[if IE]>
	overflow: hidden;
	<![endif]-->
	*/
	behavior: url("../css/csshover2.htc"); /*Only for IE < 7*/
}
/* Cross Browser*/
body,td,th,p,a,input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

body,body a,body input,body select,body textarea,body td,body th,body p
	{
	font-size: xx-small;
	/*voice-family: "\"}\"";*/
	/*voice-family: inherit;*/
	font-size: xx-small;
}

html>body,html>body a,html>body input,html>body textarea,html>body select,html>body td,html>body th
html>body p {
	font-size: xx-small;
}
/* */
table {
	background: white;
	border: 0px;
	padding: 0px;
	width: 98%;
	/*table-layout: fixed;*/
}

h3 {
	color: black;
	font-size: medium;
}

h2 {
	color: #143B5C;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*background-image: url(../img/header/sfondo-blu.gif);*/  
	font-size: medium;
	padding: 5px 5px 5px 5px;
	text-align: left;

	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(105,206,236,1) 50%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(105,206,236,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(105,206,236,1) 50%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(105,206,236,1) 50%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(105,206,236,1) 50%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(105,206,236,1) 50%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}

/*a {
	text-decoration: none;
}*/
/*
a:hover {
 text-decoration: underline;
}*/

/* box invisibile con i link per l'accessibilità */
div.hiddenBox {
	float: left;
	clear: left;
	/*font-size: 1em;*/
}

div.hiddenBox a {
	color: white !important;
	background: transparent;
}

div.contenuto {
	/*height: 100%; */
	/*  height: 70%; buono, ma inutile */
	/*overflow: auto; */
	/*position: absolute;*/
	/*top: 100px;*/
	width: 99.5%;
	text-align: center; /* IE patch: set alignment */
	z-index: 2;
	/* float: left;*/
	clear: both;
}

img {
	border: 0px;
	padding: 0px;
	margin: 0px;
	background: transparent;
	vertical-align: middle;
}
/* fine definizione stile tag generici */

/*
##########################
Definizione stili generici
##########################
*/
.bold-text {
	font-weight: bold !important;
}

.centrato {
	text-align: center !important;
}

.sinistra {
	text-align: left !important;
}

.bianco {
	background-color: white;
}

.grigio {
	background-color: #EFEFEF;
}

.rosso {
	background-color: red;
}

.rosa {
	background-color: #FFE8DF;
}

.noacapo {
	white-space: nowrap;
}

.destra {
	text-align: right;
}


.sottolineato {
	text-decoration: underline;
}

td.rowraffinato {
	background-color: #ddaa44;
	text-align: left;
	font-weight: bold;
	font-size: x-small;
	border-top: 0.2em solid white !important;
	border-bottom: 0 none black !important;
	border-left: 0 none black !important;
	border-right: 0 none black !important;
}

td.numerazione {
	text-align: center;
	font-size: xx-small;
	font-style: italic;
	font-weight: lighter;
	color: lightgray !important;
}

td.divisorio {
	width: 0.2em;
	background: lightgray;
}

/* fine definizione stili generici */
img.img-w3c {
	height: 31px;
	width: 88px;
}

p.infoNote {
	font-family: Verdana, sans-serif;
	/*font-size: x-small;*/
	text-align: left;
	font-style: italic;
	color: maroon;
	padding: 5px;
	border: 1px dotted Silver;
}

div.infoNote {
	font-family: Verdana, sans-serif;
	/*font-size: x-small;*/
	text-align: left;
	font-style: italic;
	color: maroon;
	padding: 5px;
	border: 1px dotted Silver;
}

/* Stile per la barra di navigazione dinamica */
div.toolbar {
	margin-left: 5px;
	color: black;
	/*font-size: 95% !important;*/
}

div.toolbar a {
	color: #AE3100;
}

/* Fine stile per la barra di navigazione dinamica */

/* Stile per la barra di navigazione statica dell'applicativo */
div.navigazione-sintesi {
	margin: 0.1em;
	color: #AE3100;
	float: left;
	clear: left;
	/*font-size: small;*/
	text-decoration: none;
	width: 100%;
	text-align: left;
}

div.navigazione-sintesi a {
	margin-right: 1px;
	margin-left: 1px;
	text-decoration: none;
	font-size: 1.1em;
}

/*div.navigazione-sintesi a:focus,div.navigazione-sintesi a.current:focus, */
div.navigazione-sintesi a:hover,div.navigazione-sintesi a:active,div.navigazione-sintesi a.current:hover,div.navigazione-sintesi a.current:active
	{
	background-color: #CCD1F5;
	border-color: orange;
	border-style: solid;
	border-width: 1px;
	color: #000000;

	/*text-decoration: none;*/
}

div.navigazione-sintesi a.current {
	font-weight: bold;
	text-decoration: underline;
	background-color: Yellow;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 2px;
	border: solid 0px;
}

div.navigazione-sintesi a.parent {
	font-weight: bold;
	text-decoration: underline;
	background-color: #dfd45e;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 2px;
	border: solid 0px;
}

/* Fine stile per la barra di navigazione statica dell'applicativo */
div.area-centrale {
	width: 100%;
	/*margin-left: 5px;
	margin-right: 5px;*/
	margin-top: 5px;
	float: left;
	clear: left;
}
/*Abstract nome pagina*/
div.area-centrale div.funzione-title {
	font-size: 180%;
	color: #AE3100;
	font-weight: bold;
	margin-top: 10px;
	text-align: left;
}

.area-centrale .sotto-titolo {
	/*font-size: 120%;*/
	color: #AE3100;
	font-weight: bold;
	/*margin-right: 10px;*/
	background: white;
	width: 100%;
	height: 100%;
}

.area-centrale caption {
	/*font-size: 90%;*/
	color: #000000;
	text-align: left;
	font-weight: bold;
	margin-right: 10px;
	background: white;
	width: 100%;
	height: 100%;
}

/*
##################################
Definizione stile box per messaggi
##################################
*/
.box-messaggio {
	font-weight: normal;
	font-size: small;
	text-align: left;
	border: 0px solid #AE3100;
	padding: 5px;
	margin: 6px 0px 6px 0px;
	width: 70%;
}

.box-messaggio .confirm-message {
	/*color: #d06a1e;*/
	color: black;
}

.box-messaggio .warning-message {
	color: maroon;
}

.box-messaggio .info-message {
	color: green;
	text-align: left;
}

.box-messaggio .error-message {
	color: red;
}
/* fine definizione box per messaggi */

/* definizione tabella per la praticaSintesi */
table.pratica-sintesi {
	width: 100%;
	text-align: left;
	/*font-size: 100% !important;*/
	padding: 0px;
	/* border: 1px solid #AE3100; */
}

table.pratica-sintesi th {
	/*font-size: 90%;*/
	width: 9em;
}

table.bottom th {
	width: 13em !important;
	width: 14em;
}

table.pratica-sintesi td {
	width: auto;
	/*font-size: 85%;*/
}

table.pratica-sintesi td.separatore {
	width: 100%;
	height: 1px;
	background: #AE3100;
	padding: 0px;
}

div.bordato {
	border: 1px solid #AE3100;
}

div.tab-sintesi {
	width: 98%;
	text-align: center;
	padding: 1px;
	border: 0px solid #AE3100;
	margin-top: 20px;
	margin-left: 10px;
}

.tab-sintesi table.tabella-sintesi {
	white-space: nowrap;
	text-align: left;
	border: 1px solid #AE3100;
	padding: 15px 0px 15px 15px;
}

.tab-sintesi table.tabella-sintesi td {
	padding-top: 8px !important;
	padding-bottom: 0px !important;
	padding-left: 5px !important;
}

.tab-sintesi table.tabella-sintesi td img {
	vertical-align: middle;
}

.tab-sintesi table.tabella-sintesi td span.buttonSintesiDisabled {
	color: #AE3100;
	/*font-size: 100% !important;*/
	/*font-size: 90%;*/
}

.tab-sintesi table.tabella-sintesi td span.buttonSintesi a {
	color: #AE3100;
	/*font-size: 100% !important;*/
	/*font-size: 90%;*/
}

.tab-sintesi table.tabella-sintesi td span.buttonSintesiN a {
	color: #AE3100;
	/*font-size: 100% !important;*/
	/*font-size: 90%;*/
}

.tab-sintesi table.navigazioneQuadri {
	width: 100%;
	text-align: center;
	margin-top: 5px;
	padding-top: 5px;
}
/* fine definizione tabella per la praticaSintesi */
a.link-report {
	color: #ae3100;
	/*font-size: 100%;*/
}

/*
##########################
Layout per i bottoni input
##########################
*/
a.paginazione {
	font-family: verdana, sans-serif;
	/*font-size: small;*/
	font-weight: normal;
	background-color: #006685;
	text-align: center;
	text-transform: capitalize;
	text-decoration: none;
	vertical-align: bottom;
	height: 1em;
	width: 4em;
	border-style: inset;
	color: Maroon;
	padding-left: 0.2em;
	padding-right: 0.2em;
	padding-top: 0.05em;
	padding-bottom: 0.05em;
	border-left: 0.1em solid #E0E0E0;
	border-top: 0.1em solid #E0E0E0;
	border-right: 0.1em solid Black;
	border-bottom: 0.1em solid Black;
	background-image: url(../img/sfondo_button.gif);
}

.case {
	text-transform: none !important;
}
/*input.field:disabled input.field[disabled='disabled'*/
input.field {
	font-family: verdana, sans-serif;
	/*font-size: xx-small;*/
	text-transform: uppercase;
	color: Maroon;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	padding: 0px 0px;
	border: 1px solid Black;
}
/*input.field:disabled input.field[disabled='disabled'] */
input.field_disabled {
	background-color: #C0C0C0;
	font-family: verdana, sans-serif;
	/*font-size: xx-small;*/
	text-transform: uppercase;
	color: Maroon;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	border: 1px solid black;
	padding: 0px 0px;
}

select.field {
	font-family: verdana, sans-serif;
	/*font-size: xx-small;*/
	text-transform: uppercase;
	color: Maroon;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	border: 1px solid Black;
	padding: 0px 0px;
	max-width: 55em;
	margin: 0.2em;
	width: 55em;
}

select.field lookupfix {
	width: 100%!important;
}


textarea.field {
	font-family: verdana, sans-serif;
	/*font-size: xx-small;*/
	/*text-transform: uppercase;*/
	color: Maroon;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	border: 1px solid Black;
	padding: 0px 0px;
	width: 50em;
	height: 6em;
}

.uppercase {
	text-transform: uppercase;
}

div.bottoniera {
	width: auto;
	text-align: left; /* IE patch: set alignment */
	clear: both;
	margin-left: 1em;
}

div.bottoniera span.main {
	padding: 5px;
	border: 1px solid #EDEAB3;
}
/*
div.bottoniera span {
	padding: 5px;
  border: 1px solid #EDEAB3;
}*/

a.button {
	white-space: nowrap;
}
/*
span.progressivo {
	width: 1.5em;
	float: left;
	display: inline;
	clear: none;
	
}*/

.frecciagiu {
	background-image: url(../img/frecciagiu.png) !important;
	background-position: center;
	background-repeat: no-repeat;
	/*width: 16px;
	float: right;
   display: inline;
	clear: none;*/
}

.frecciasu {
	background-image: url(../img/frecciasu.png) !important;
	background-position: center;
	background-repeat: no-repeat;
	/*width: 16px;
	float: left;
	display: inline;
	clear: none;*/
}

span.spaziofreccia {
	width: 16px;
	/*float: none;
	display: inline;	
	clear: none;*/
}
/* bottone classico */
.button {
	font-family: verdana, sans-serif;
	/*font-size: small;*/
	font-weight: normal;
	background-color: silver;
	text-align: center;
	text-transform: capitalize;
	text-decoration: none;
	/* vertical-align: middle; */
	height: 130%;
	width: auto;
	border-style: inset;
	color: Maroon;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-left: 1px solid #E0E0E0;
	border-top: 1px solid #E0E0E0;
	border-right: 1px solid Black;
	border-bottom: 1px solid Black;
	background-image: url(../img/sfondo_button.gif);
}
/* input.button:focus,a.button:focus, */
.button:hover,.button:active {
	color: gray;
	text-transform: capitalize;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: Black;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: Black;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e0e0e0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e0e0e0;
	border-style: outset;
	cursor: pointer;
	cursor: hand; /*Cross browser*/
}

/* bottone maggiormente distanziato dal top */
/*input.button-cancella{
	margin-top: 15px;
}*/

/* bottone classico più piccolo, usato nelle liste/tabelle */
.button-ligth {
	background: #AE3100 url(../img/bg-button.gif);
	color: white;
	border: 1px solid #AE3100 !important;
	padding: 0px;
	margin: 3px 0px 0px 0px;
	height: auto;
	/*font-size: x-small !important;*/
	/*font-size: xx-small;*/
}

/* input.button:focus,a.button:focus, */
.button-ligth:hover,.button-ligth:active {
	color: gray;
	border-style: outset;
	cursor: pointer;
	cursor: hand; /*Cross browser*/
}

/* utilizzato in supporto ai button*/
.ligth {
	padding: 0.3em !important;
	width: auto !important;
	height: auto !important;
	/*font-size: x-small !important;	*/
}

/* stesso bottone a cui viene impostato un rientro maggiore
 * (usato  per il bottone "Aggiungi") */
input.rientrato {
	margin-left: 30px;
}
/* fine layout per i bottoni input */

/*
####################################
Definizione per il filtro di ricerca
####################################
*/
table.filtro {
	width: auto;
	text-align: left;
	/*font-size: 100% !important;*/
	padding: 0px;
	margin: 15px 1% 0px 1%;
	border: 1px solid #EDEAB3;
}

table.filtro th,table.filtro td {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	width: auto;
}

table.filtro th {
	background-color: #EDEAB3;
	text-align: left;
	color: #800000;
}

table.filtro th.spaziato {
	padding-right: 5px;
	padding-left: 5px;
}

table.filtro th.bianco {
	background-color: white;
}

.input-field {
	background: white;
	border: 1px solid Black;
	/*font-size: 90%;*/
	/*	width: 60px; */
	width: 70px;
	text-transform: uppercase;
	color: #800000;
}

.input-field-unmod {
	color: black;
	background: #EFEFEF;
	border: 1px solid #AE3100;
	/*font-size: 90%;*/
	/*	width: 60px; */
	width: 70px;
	text-transform: uppercase;
}

.input-area {
	color: #800000;
	background: white;
	border: 1px solid Black;
	text-transform: uppercase;
}

.input-area-unmod {
	color: black;
	background: #EFEFEF;
	border: 1px solid #AE3100;
	text-transform: uppercase;
}

input.filtra {
	margin: 0px 0px 0px 10px;
	padding: 0px 8px;
	height: auto;
}
/* fine definizione tabella per il filtro di ricerca */

/* definizione elementi risultato della ricerca */
div.risultati-ricerca {
	/*
  width: 98%;
  margin: 15px 1% 0px 1%;
*/
	width: 98%;
	margin: 10px 10px 10px 10px;
	/* per lo scroll */
	/*max-height: 300px;*/
	height: auto !important;
	/*overflow: scroll !important;*/
	/*height: 300px;*/ /* for IE < 7 */
	/*overflow: auto;*/ /* for IE < 7 */
	/*height: expression(this.scrollHeight > 300? "300px" : "auto");*/
	/* for IE < 7 */
	/* fine per lo scroll */
	border: 1px solid #A56B2A;
	/*font-size: x-small;*/
}

div.risultati-ricerca td.riga-titolo {
	color: #A56B2A;
	border-top: 1px solid #A56B2A;
	border-bottom: 1px solid #A56B2A;
	border-right: 0px solid #A56B2A;
}

/* per disattivare lo scroll */
div.no-scroll {
	/*max-height: auto;*/
	height: auto;
	/*overflow-y: auto !important;*/
	overflow: hidden;
	box-sizing: border-box;
}

div.risultati-ricerca table {
	width: 100%;
	text-align: left;
	/*font-size: 105% !important;	*/
	padding: 0px;
	border-collapse: collapse;
}

div.risultati-ricerca table th,div.risultati-ricerca table td {
	margin: 0px;
	padding: 0px 4px;
	border-collapse: collapse;
	border-right: 1px solid white;
}

div.risultati-ricerca table th.no-border,div.risultati-ricerca table td.no-border
	{
	border: 0px;
}

div.risultati-ricerca table td.lista-vuota {
	border: 0px;
}

div.risultati-ricerca table th {
	background: #A56B2A url(../img/bg-button.gif);
	color: white;
	text-align: center;
	font-weight: normal;
}

div.risultati-ricerca table td {
	border-right: 1px solid #AE3100;
	padding: 3px 4px;
}

div.risultati-ricerca table input.button {
	height: auto;
	margin: 0px 1px;
}

/* stile per la paginazione delle tabelle a dimensione fissa */
div.box-paginazione {
	width: 98%;
	text-align: center;
	padding: 10px 0px;
	/*font-size: 100% !important;	*/
}

/* fine stile per la paginazione delle tabelle a dimensione fissa */
/*div.lista-vuota {
	
}*/
/* fine definizione elementi risultato della ricerca */

/* definizione elementi delle form di ricerca */
div.ricerca {
	width: auto;
}

div.ricerca table {
	width: auto;
	/*font-size: 100% !important;*/
	/*font-size: 90%;*/
}

div.ricerca table td.nome {
	padding-right: 10px;
}
/* fine definizione elementi delle form di ricerca */

/* Definizione tabelle di descrizione */
table.descrizione {
	width: 98%;
	text-align: left;
	/*font-size: 100% !important;	*/
	padding: 0px;
	margin: 15px 1% 10px 1%;
	border: 1px solid #AE3100;
}

table.descrizione th {
	width: auto;
	/*font-size: x-small;*/
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	color: Maroon;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
	background-color: #edeab3;
	padding-left: 0.2em;
	padding-right: 0.2em;
	border-bottom-width: 0.1em;
	border-bottom-style: solid;
	border-bottom-color: #669999;
	border-top-width: 0.1em;
	border-top-style: solid;
	border-top-color: #d8e1e8;
	border-left-width: 0.1em;
	border-left-style: solid;
	border-left-color: #d8e1e8;
	border-right-width: 0.1em;
	border-right-style: solid;
	border-right-color: #669999;
	margin-left: 0.2em;
	margin-right: 0.2em;
}

table.descrizione td {
	color: Maroon;
	background-color: White;
	padding-left: 0.2em;
	border-bottom-width: 0.1em;
	border-bottom-style: solid;
	border-bottom-color: buttonface;
	border-top-width: 0.1em;
	border-top-style: solid;
	border-top-color: #d8e1e8;
	border-left-width: 0.1em;
	border-left-style: solid;
	border-left-color: #d8e1e8;
	border-right-width: 0.1em;
	border-right-style: solid;
	border-right-color: buttonface;
	margin-left: 0.1em;
	margin-right: 0.1em;
	text-transform: uppercase;
	/*font-size: x-small;*/
}

table.descrizione th,table.descrizione td {
	vertical-align: middle;
/*	text-align: left;*/
}

table.sezione {
	border: 1px solid #AE3100;
}

table.sezione td.presentazione {
	text-align: left;
	font-weight: bold;
	color: #AE3100;
	padding: 0px 0px 1px 0px;
	border-bottom: 1px solid #AE3100;
}

table.sezione td.no-sottolineato {
	border-bottom: none;
}

table.sezione td {
	padding-top: 3px;
}

table.sezione th {
	width: 12em;
}

td.divisorio {
	background: white;
	line-height: 0.2em;
}

/* Fine definizione tabelle di descrizione */

/* altri stili generici */
.variabile {
	width: auto;
}

.strong {
	font-weight: bold !important;
}

input.maiuscolo {
	text-transform: uppercase;
}

.evidenzia {
	color: red !important;
	font-weight: bold !important;
	font-size: larger !important;
}

.titoletto {
	/* 	color: red !important; */
	font-weight: bold !important;
	font-size: 1.5em !important;
	font-style: italic !important;
}

.titoloBlu {
	color: blue !important;
	font-weight: bold !important;
	font-size: 1.1em !important;
	font-style: italic !important;
}

/* Definizione span con testo colorato */
span.testo-colorato {
	color: #AE3100;
}

div.risultati-ricerca td.row0 {
	color: Maroon;
	/*background-color: #FFFFF0;*/
	background-color: White;
	padding-left: 5px;
	border-bottom: 1px solid ButtonFace;
	border-top: 1px solid #d8e1e8;
	border-left: 1px solid #d8e1e8;
	border-right: 1px solid ButtonFace;
	margin-left: 2px;
	margin-right: 2px;
}

div.risultati-ricerca td.row1 {
	color: Maroon;
	background-color: #EDEAB3; /*background-color: #000066;*/
	border-bottom: 1px solid ButtonFace;
	border-top: 1px solid #d8e1e8;
	border-left: 1px solid #d8e1e8;
	border-right: 1px solid ButtonFace;
	padding-left: 5px;
	margin-left: 2px;
	margin-right: 2px;
}

div.risultati-ricerca td.row2 {
	color: Maroon;
	background-color: #cccccc; /*background-color: #000066;*/
	border-bottom: 1px solid ButtonFace;
	border-top: 1px solid #d8e1e8;
	border-left: 1px solid #d8e1e8;
	border-right: 1px solid ButtonFace;
	padding-left: 5px;
	margin-left: 2px;
	margin-right: 2px;
}

div.risultati-ricerca td.row3 {
	color: Maroon;
	/*background-color: #FFFFF0;*/
	background-color: #cccccc;
	padding-left: 5px;
	border-bottom: 1px solid ButtonFace;
	border-top: 1px solid #d8e1e8;
	border-left: 1px solid #d8e1e8;
	border-right: 1px solid ButtonFace;
	margin-left: 2px;
	margin-right: 2px;
}

div.risultati-ricerca td.row4 {
	color: Maroon;
	background-color: #8c8c8c; /*background-color: #000066;*/
	border-bottom: 1px solid ButtonFace;
	border-top: 1px solid #d8e1e8;
	border-left: 1px solid #d8e1e8;
	border-right: 1px solid ButtonFace;
	padding-left: 5px;
	margin-left: 2px;
	margin-right: 2px;
}

div.risultati-ricerca td.row0dark {
	color: Maroon;
	/*background-color: #FFFFF0;*/
	background-color: #8cfeff;
	border-top: 0.2em solid #999;
	border-left: 0.2em solid #999;
	margin: -8px;
	padding: 0;
	font-size: 50%;
	/*position: relative;*/

	/*margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	border-top: 1px solid #999;
	z-index: 1;*/
	/*padding-left: 5px;
	border-bottom: 1px solid ButtonFace;
	border-top: 1px solid #d8e1e8;
	border-left: 1px solid #d8e1e8;
	border-right: 1px solid ButtonFace; 
	margin-left: 2px;
	margin-right: 2px;*/
}

div.risultati-ricerca td.row1dark {
	color: Maroon;
	background-color: #b0ad1a;
	border-bottom: 1px solid ButtonFace;
	border-top: 1px solid #d8e1e8;
	border-left: 1px solid #d8e1e8;
	border-right: 1px solid ButtonFace;
	padding-left: 5px;
	margin-left: 2px;
	margin-right: 2px;
}

div.liquidpic {
	/*border:1px solid;
	border-color: #CCC  #666 #666 #CCC;*/
	padding: 3px
}

div.liquidpic img {
	display: block;
	width: 100%
}

div#container {
	width: 50%;
	margin-top: 0pt;
	margin-right: auto;
	margin-bottom: 0pt;
	margin-left: auto;
}

span.diff {
	font-family: Verdana, sans-serif;
	/*font-size: x-small;*/
	text-align: left;
	font-style: italic;
	color: blue;
	background: transparent;
	padding: 1px;
	border: 2px dotted red;
}
span.diffCf {
	font-family: Verdana, sans-serif;
	/*font-size: x-small;*/
	text-align: left;
	font-style: italic;
	color: green; 
	background: transparent;
	padding: 1px;
	border: 2px double fuchsia;
}

fieldset.blockGroup {
	padding-bottom: 5px;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

legend.blockTitle {
	/*font-size: 1.1em;*/
	color: Black;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}
/** Tabs questionario*/
div#navigation {
	/*background-color: #9cf;*/
	background-color: #fff;
	border-bottom: 1px solid #787878;
	padding-left: 20px
}

div#navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	/*white-space: nowrap*/
}

div#navigation li {
	display: inline;
	margin: 0;
	padding: 0;
}

div#navigation li a {
	text-decoration: none;
	border: 1px solid #787878;
	padding: 0px 0.3em;
	background: #ccc;
	color: #036;
	white-space: nowrap;
}

div#navigation li a:hover,div#navigation li a:active {
	background-color: #f0f0f0
}

div#navigation li#activelink a {
	border-bottom: 1px solid #fff;
	background-color: #fff;
	color: #603;
	border-top: 5px solid aquamarine;
	font-size: x-large;
}

div#navigation li input {
	text-decoration: none;
	border: 1px solid #787878;
	padding: 0px 1px;
	background: #ccc;
	color: #036
	
}

div#navigation li span {
	text-decoration: none;
	/*border: 1px solid #787878;*/
	padding: 0px 1px;
	font-size: larger;
	font-style: italic;
	font-weight: bold;
	background: transparent;
	color: blue;
}

div#navigation li input:hover,div#navigation li  input:active {
	background-color: #f0f0f0;
	cursor: pointer;
	cursor: hand; /*Cross browser*/
}

div#navigation li#activelink input {
	border-bottom: 1px solid #fff;
	background-color: #fff;
	color: #603
}

/* CUSTOM HINT */
div#navigation li a#tooltip {
    text-decoration: none;	
	outline: none;
	cursor: help;
	
	position: relative;
	border: 0; 
	padding: 0px 1px;
	font-size: larger;
	font-style: italic;
	font-weight: bold;
	background: transparent;
	color: blue;
}


div#navigation li a#tooltip span {
	margin-left: -999em;
	position: absolute;
}

div#navigation li a#tooltip:hover span {
	border-radius: 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	position: absolute;
	left: 1em;
	top: 2em;
	z-index: 99;
	margin-left: 0;
	width: 250px;
}

img#info {
	border: 0;
	margin: -10px 0 0 -55px;
	float: left;
	/*position: absolute;*/
}
img#infoRichiestaUtenza {
	border: 0;
	margin: -10px 0 0 -0px;
	float: left;
	/*position: absolute;*/
}

div#navigation li a#tooltip:hover span#info em {
	font-family: Candara, Tahoma, Geneva, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	padding: 0.2em 0 0.6em 0;
}


/*
* html a:hover {
	background: transparent;
}*/


div#navigation li a#tooltip span#info {
	padding: 0.5em 0.8em 0.8em 2em;
	background: #9FDAEE;
	border: 1px solid #2BB0D7;
	white-space: normal;
}

table.filtro-nowidth {
	text-align: left;
	/*font-size: 100% !important;*/
	padding: 0px;
	margin: 15px 0px 0px 0px;
	border: 1px solid #1F741F;
}

table.filtro-nowidth th.red {
	background: #AF0000;
	text-align: left;
	/*font-size: 100% !important;*/
	padding: 0px;
	margin: 15px 0px 0px 0px;
	border: 1px solid #1F741F;
}

table.filtro-nowidth td.red {
	text-align: left;
	color: #AF0000;
	/*font-size: 100% !important;*/
	padding: 0px;
	margin: 15px 0px 0px 0px;
	border: 1px solid #1F741F;
}

/*Beautiful tooltips*/

a.tooltip {
	border-bottom: 1px dotted #000000 !important;
	color: #000000 !important;
	outline: none !important;
	/*cursor: help !important;*/
	text-decoration: none !important;
	position: relative !important;
}


 a.tooltip:hover, a.tooltip:active  {
	background: transparent !important;
}

a.tooltip span {
	margin-left: -999em !important;
	position: absolute !important;
}

a.tooltip:hover span, a.tooltip:active span {
	border-radius: 5px 5px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1) !important;
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1) !important;
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1) !important;
	font-family: Calibri, Tahoma, Geneva, sans-serif !important;
	position: absolute !important;
	left: 1em !important;
	top: 2em !important;
	z-index: 99 !important;
	margin-left: 0 !important;
	width: 400px !important;
	font-size: 1.2em !important;
}

a.tooltip:hover img, a.tooltip:active img {
	border: 0 !important;
	margin: -10px 0 0 -55px !important;
	float: left !important;
	position: absolute !important;
}

a.tooltip:hover em, a.tooltip:active em {
	font-family: Candara, Tahoma, Geneva, sans-serif !important;
	font-size: 1.5em !important;
	font-weight: bold !important;
	display: block !important;
	padding: 0.2em 0 0.6em 0 !important;
}

.classic {
	padding: 0.8em 1em !important;
	background: #FFFFAA !important;
	border: 1px solid #FFAD33 !important;
}

.custom {
	padding: 0.5em 0.8em 0.8em 2em;
}



.critical {
	background: #FFCCAA;
	border: 1px solid #FF3334;
}

.help {
	background: #9FDAEE;
	border: 1px solid #2BB0D7;
}

.info {
	background: #9FDAEE;
	border: 1px solid #2BB0D7;
}

.warning {
	background: #FFFFAA;
	border: 1px solid #FFAD33;
}

.isa_info, .isa_success, .isa_warning, .isa_error {
margin: 10px 10px;
padding:12px;
}
.isa_info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../img/hint/Info.png') ;
    background-repeat: no-repeat;
	background-size: 4em;
    width: 80%;
	margin: 10px auto;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.isa_success {
    color: #4F8A10;
    background-color: #DFF2BF;
}
.isa_warning {
    color: #9F6000;
    background-color: #FEEFB3;
}
.isa_error {
    color: #D8000C;
    background-color: #FFBABA;
}
.isa_info i, .isa_success i, .isa_warning i, .isa_error i {
    margin:10px 22px;
    font-size:2em;
    vertical-align:middle;
}

.logoEnte {
   padding:1px;
   border:1px solid #021a40;
   background-color:#ff0;
}
/*
.readonly-field {
	
}*/

.table-list-firma {
	margin: 10px 30px;
	width: 95%;
}
.table-list-firma tr th,
.table-list-firma tr td {
	padding: 3px 6px;
}
.table-list-firma tr th {
	color: #FFF;
	background-color: #C44719;
}
.table-list-firma tr td {
	color: #333;
	background-color: #EEE;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url(../img/ajax-loader.gif) 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

/*
 * Nella pagina in cui si inserisce il tag iframe è necessario inserire il seguente foglio di stile che 
 * controlla la visibilità dell'iframe
*/

.frame_invisible {
	height: 0px;
	width: 0px;
	visibility: hidden;
}

.frame_visible {
	width: 490px;
	height: 650px;
	border: 0px;
	visibility: visible;
	position: absolute;
	top: 15px;
	left: 250px;
}

.frame_visible_ps {
	width: 590px;
	height: 650px;
	border: 1px;
	visibility: visible;
	position: absolute;
	top: 15px;
	left: 250px;
	background: white;
	z-index: 2;
}

/* personalizzazioni funzione di rettifica */
a.paginazione.dettaglio {
	font-weight: bold;
	vertical-align: middle;
}
.ico-stato{
	display: inline-block;
	padding-right: 6px;
	vertical-align: middle;
}
.box-messaggio.info-rettifica{
	text-align: center;
	border: 1px solid #CCC;
	padding: 6px 12px;
	margin: 12px auto;
	background-color: #f0f0f0;
	line-height: 1.5em;
}

.tit_label{
	color:black !important;
	font-weight: bold !important;
	padding-left: 5px !important;
}

.infoMessaggioOK  {
	color: green;
	font-weight: bold;
}

.gruppoPersonale p:first-child {
  margin-top: 0px;
}

.gruppoPersonale p:first-child select {
  background-color: yellow;
}

.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}