/******************************************************************************
 * Classi in aggiunta al secondo prototipo (thestyle.css)
 *
 * nuovo colore di sfondo alla tabella della mappa: #E0ECF1
 *****************************************************************************/

/* blocchi */
#navbar {
	margin: 0 0 2px 0;
	padding: 2px 0 2px 5px;
	color: #005094;
	/*background-color: #E0ECF1;
	border: 1px solid #005094;*/
}
#navbar a{color:#005094;}
#navbar a:hover{color:#fff;background-color:#005094;}

#blocco_dettagli {
	border: 1px solid silver;
	margin: 0;
	padding: 1em;
}
#blocco_dettagli a{color:#005094;}
#blocco_dettagli a:hover{color:#fff;background-color:#005094;}

/* elementi generici */
pre {font-size: small;}
img {border: none;}


/* titoli */
div.title9 {height:25px;background:url('../img/tit_civico_o_particella.gif') no-repeat top left}
div.title10 {height:25px;background:url('../img/tit_particella_da_mappa.gif') no-repeat top left}
div.title11 {height:25px;background:url('../img/tit_civico_da_mappa.gif') no-repeat top left}
div.title12 {height:25px;background:url('../img/tit_verifica_stato_richiesta.gif') no-repeat top left}
div.title13 {height:25px;background:url('../img/tit_risultati.gif') no-repeat top left}
div.title14 {height:25px;background:url('../img/tit_richiedente.gif') no-repeat top left}
div.title15 {height:25px;background:url('../img/tit_riepilogo.gif') no-repeat top left}
div.title16 {height:25px;background:url('../img/tit_parametri_visura_mappa.gif') no-repeat top left}
div.title17 {height:25px;background:url('../img/tit_visura_della_mappa.gif') no-repeat top left}
div.title18 {height:25px;background:url('../img/tit_parametri_di_ricerca.gif') no-repeat top left}
div.title19 {height:25px;background:url('../img/tit_civico_particella_o_zona.gif') no-repeat top left}
div.title20 {height:25px;background:url('../img/tit_elenco_strumenti_urbanistici.gif') no-repeat top left}
div.title21 {height:25px;background:url('../img/tit_tavole_e_documenti.gif') no-repeat top left}
div.title22 {height:25px;background:url('../img/tit_invio_richiesta.gif') no-repeat top left}


/* tabelle */
table.mappa {width: 100%; margin: 0; padding: 0; border-collapse: collapse;}
table.mappa td {background-color: #E0ECF1; margin: 0; padding: 0;}

table.innermap               {margin: 0; padding: 0; width: 100%; height: 390px; border-collapse: collapse; font-size: 2px;}
table.innermap td            {margin: 0; padding: 0;}
table.innermap td img        {margin: 0; padding: 0; border: none;}

table.innermap td.nord-ovest {vertical-align: bottom; text-align: right;  height: 10px;}
table.innermap td.nord       {vertical-align: bottom; text-align: center; height: 10px;}
table.innermap td.nord-est   {vertical-align: bottom; text-align: left;   height: 10px;}

table.innermap td.ovest      {vertical-align: middle; text-align: right;  height: 370px;}
table.innermap td.mapcell    {vertical-align: middle; text-align: center; height: 370px; width: 100%;}
table.innermap td.est        {vertical-align: middle; text-align: left;   height: 370px;}

table.innermap td.sud-ovest  {vertical-align: top;    text-align: right;  height: 10px;}
table.innermap td.sud        {vertical-align: top;    text-align: center; height: 10px;}
table.innermap td.sud-est    {vertical-align: top;    text-align: left;   height: 10px;}

td.pannello {border: 1px solid silver; width: 100px; vertical-align:top; }
td.mapcell {width: 100%; height: 100%; text-align: center;}
td.temi {border: 1px solid silver; width: 150px; vertical-align:top;}

/*sviluppo su 8 colonne */
.table_data3 {background-color:#F7F7F7;color:#444}
.table_data3 th{text-align:left;background-color:#E8E8E8;padding:5px 0 5px 13px;color:#000}
.table_data3 td{padding:5px 0 5px 13px;border-bottom:1px solid #E8E8E8;}
.table_data3 td.subtitle{background-color:#E8E8E8;color:#000}
.table_data3 td.label{width:8%;color:#005094;font-weight:bold;}
.table_data3 td.data{width:16%;}

/*Tabelle di dati: form*/
/*sviluppo su 8 colonne */
.table_data3 input{width:80%;}
.table_data3 input.radio{width:20px;}


/* Header compatto */ 
div#logo_compact{position:absolute;top:2px;left:10px;z-index:1;}	  
div#logo_compact img{border:0;}	
table.header_compact {background: #005094;}

/* link list compatta */
td.linklist_compact {background: #005094; color:#fff;}
td.linklist_compact ul{margin:0;padding:5px 0 5px 5px;}
td.linklist_compact ul li{display:inline;padding-right:15px;}
td.linklist_compact a {color:#fff;text-decoration:none;padding:3px}
td.linklist_compact a:hover {color:#005094;text-decoration:none;background-color:#fff;padding:3px}


/* classi generiche */
.disabled {border:1px solid silver; background-color: white; color: #444;}


/* testi */
span.error {display: block; margin: 3px; padding: 5px; border: 2px dotted #990000; color: red;}
span.warning {display: block; margin: 3px; padding: 5px; border: 2px dotted #006600; color: #339933;}


/* immagini */
img.mapimage {border: 1px solid silver; margin: 0; padding: 0; cursor: pointer; width:100%; height:100%;}


/* correzione classe dell'altro css: aggiungo padding per equiparare la visualizzazione tra explorer e firefox */
table.menu ul {padding: 0;}
table.box_contestuale ul {padding: 0;}


/**
 * Serve per i link di test del prototipo, nella versione finale si puo' togliere
 */
p.testlink {
	color: silver;
}
p.testlink a {
	color: silver;
	text-decoration: none;
}
p.testlink a:visited {
	color: silver;
}
p.testlink a:hover {
	background-color: silver;
	color: white;
}


/******************************************************************************
 * Classi recuperate dal primo prototipo people
 *****************************************************************************/

table.listacdu {
	border-collapse: collapse;
	width: 100%;
}
table.listacdu th {
	background-color: #efefef;
	border: 1px solid silver;
	text-align: center;
}
table.listacdu td {
	text-align: center;
	border: 1px solid silver;
}



/**
 * TOOLBAR MENU MAPPA 2
 */
a.tbmodena {
	display: block;
	height: 25px;
	width: 25px;
}
a.tbmodena span {
	display: none;
}


a.tbm1 {
	background: transparent url('../img/icons_modena/zoom_in_off.gif') 50% 50% no-repeat;
}
a.tbm1:hover {
	background: transparent url('../img/icons_modena/zoom_in_on.gif') 50% 50% no-repeat;
}
a.tbm1selected {
	background: transparent url('../img/icons_modena/zoom_in_ok.gif') 50% 50% no-repeat;
}

a.tbm2 {
	background: transparent url('../img/icons_modena/zoom_out_on.gif') 50% 50% no-repeat;
}
a.tbm2:hover {
	background: transparent url('../img/icons_modena/zoom_out_on.gif') 50% 50% no-repeat;
}
a.tbm2selected {
	background: transparent url('../img/icons_modena/zoom_out_ok.gif') 50% 50% no-repeat;
}

a.tbm3 {
	background: transparent url('../img/icons_modena/zoom_tutto_on.gif') 50% 50% no-repeat;
}
a.tbm3:hover {
	background: transparent url('../img/icons_modena/zoom_tutto_on.gif') 50% 50% no-repeat;
}
a.tbm3selected {
	background: transparent url('../img/icons_modena/zoom_tutto_ok.gif') 50% 50% no-repeat;
}

a.tbm4 {
	background: transparent url('../img/icons_modena/zoom_prec_on.gif') 50% 50% no-repeat;
}
a.tbm4:hover {
	background: transparent url('../img/icons_modena/zoom_prec_on.gif') 50% 50% no-repeat;
}
a.tbm4selected {
	background: transparent url('../img/icons_modena/zoom_prec_ok.gif') 50% 50% no-repeat;
}

a.tbm5 {
	background: transparent url('../img/icons_modena/pan_on.gif') 50% 50% no-repeat;
}
a.tbm5:hover {
	background: transparent url('../img/icons_modena/pan_on.gif') 50% 50% no-repeat;
}
a.tbm5selected {
	background: transparent url('../img/icons_modena/pan_ok.gif') 50% 50% no-repeat;
}

a.tbm6 {
	background: transparent url('../img/icons_modena/cancella.gif') 50% 50% no-repeat;
}
a.tbm6:hover {
	background: transparent url('../img/icons_modena/cancella.gif') 50% 50% no-repeat;
}
a.tbm6selected {
	background: transparent url('../img/icons_modena/cancella_ok.gif') 50% 50% no-repeat;
}

a.tbm7 {
	background: transparent url('../img/icons_modena/particella.gif') 50% 50% no-repeat;
}
a.tbm7:hover {
	background: transparent url('../img/icons_modena/particella.gif') 50% 50% no-repeat;
}
a.tbm7selected {
	background: transparent url('../img/icons_modena/particella_ok.gif') 50% 50% no-repeat;
}

a.tbm8 {
	background: transparent url('../img/icons_modena/evidenzia_on.gif') 50% 50% no-repeat;
}
a.tbm8:hover {
	background: transparent url('../img/icons_modena/evidenzia_on.gif') 50% 50% no-repeat;
}
a.tbm8selected {
	background: transparent url('../img/icons_modena/evidenzia_ok.gif') 50% 50% no-repeat;
}

a.tbm9 {
	background: transparent url('../img/icons_modena/info_off.gif') 50% 50% no-repeat;
}
a.tbm9:hover {
	background: transparent url('../img/icons_modena/info_on.gif') 50% 50% no-repeat;
}
a.tbm9selected {
	background: transparent url('../img/icons_modena/info_ok.gif') 50% 50% no-repeat;
}


td.tools {
	color: #1F5E65;
	font-size: 10pt;
	font-weight: bold;
	width: 75px;
}

table.tablemenu {
	margin-top: 0px;
	border-collapse: collapse;
	width: 75px;
}
table.tablemenu td {
	text-align: center;
	vertical-align: middle;
	padding: 2px;
}

div.dettagli {
	border-left: 11px solid #efefef;
	margin: 5px 0 0 0px;
	padding: 0 0 0 3em;
}

table.dettagli {
	margin: 0;
	padding: 0;
	width: 300px;
	border-collapse: collapse;
}
table.dettagli caption {
	text-align: left;
	margin: 2px 0 4px 0;
	font-weight: bold;
}
table.dettagli td {
	border: 1px solid silver;
	padding: 2px;
}
table.dettagli td.label {
	text-align: right;
	font-weight: normal;
	color: #444;
}
table.dettagli td.data {
	text-align: left;
	font-weight: bold;
}


table.optionlist {
	width: 100%;
	font-size: larger;
	border-collapse: collapse;
}
table.optionlist td {
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	padding: 5px;
	vertical-align: middle;
}
table.optionlist td.radio {text-align: center; width: 20px;}
table.optionlist td.filetype {text-align: center; width: 20px;}
table.optionlist td.comandi {text-align: center; width: 100px;}


/* Blocco dei dettagli: il link che espande/contrae la visualizzazione dei dettagli */
a.meno {
	background: transparent url('../img/meno.gif') 0px 3px no-repeat;
	margin: 0;
	padding: 0 0 0 20px;
}
a.piu {
	background: transparent url('../img/piu.gif') 0px 3px no-repeat;
	margin: 0;
	padding: 0 0 0 20px;
}