/* Foglio di stile per la parte dati della visualizzazione web */

body {
   text-decoration: none;
   background-color: #FFF;/*#E0FCFF;*/
	color: #777;
   padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	width: 96%;
}

/* Informazioni generali in alto */
div#info{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold;
	background: inherit;
	color: #00F;
	margin: 5px 0px 5px 2.5%;
	text-align: center;
	width: 100%;
}

/* Tabella principale */
.tabellaRiepilogo {
   border-collapse: collapse;
	text-align: center;
	padding: 0px;
}

/* Tabella dei voti alle liste */
/*
.tabellaheader{
	text-align: center;
}
*/


/* Riga per le informazioni sul tipo di dati (affluenze, camera, senato) */
.hrow1 {
   height: 30px; 	
	text-align: center;
	font: normal bold 18px/25px Verdana, Arial, sans-serif;
	padding: 0px 1px 0px 1px;
	border-bottom: 2px solid #FFF;
}

.hcell1Camera {
   width: 100%;
	background: #FFD6D6;
	color: #222;
	/*border-bottom: 2px solid #FFF;*/
}

.hcell1Senato {
   width: 100%;
	background: #FFFFB5;
	color: #222;
	border-bottom: 2px solid #FFF;
}

/* Righe di tipo 2 (dettagli sui risultati e sulle sezioni scrutinate) */
.hrow2 {
	font: normal bold 12px/18px Verdana, Arial, sans-serif;
	text-align: center;
	padding: 0px;
}

.hcell2Camera {
   width: 100%;
	background: #dcdcdc /*#EEE*/;
	color: #578bb8 /*#222*/;
	font-weight: bold;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;	
}

.hcell2Senato {
   width: 100%;
	background: #dcdcdc /*#EEE*/;
	color: #578bb8 /*#222*/;
	font-weight: bold;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}


/* Riga di tipo 3: intestazioni delle colonne della tabella */
.hrow3{
   height: 30px;
	/*font: normal bold 11px/15px Verdana, Arial, sans-serif;*/
	text-align: center;
	font-family: Verdana, Arial, sans-serif; 
	font-weight: bold;
	font-size: 11px;
	padding: 0px;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}

/* Nome della lista */
.hcell3A {
	background: /*#dcdcdc*/Navy;
	color: /*#578bb8*/White;
	width: 40%;
	border-right: 2px solid #FFF;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	/*border: 2px solid Fuchsia;*/
}

/* Numero di voti */
.hcell3B {
   background: /*#dcdcdc*/Navy;
	color: /*#578bb8*/ White;
	width: 10%;
	border-right: 2px solid #FFF;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	/*border: 2px solid Fuchsia;*/
}

/* Percentuali (istogramma e valore numerico) */
.hcell3C {
   background: /*#dcdcdc*/Navy;
	color: /*#578bb8*/White;
	width: 50%;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	/*border: 2px solid Fuchsia;*/
}

/* Nome della lista (per il dettaglio delle sezioni) */
.hcell3 {
	background: Navy;
	color: White;
	height: 60px;
	width: 10%;
	border-right: 2px solid #FFF;
}


/* CELLA CON IL LINK PER PASSARE DA RIEPILOGO COMUNE A DETTAGLI SEZIONE */
.linkswitch {
	/*height: 11px;*/
	text-align: left;
	text-decoration: none;
	background: #DCDCDC;
	color: Blue;
	font-weight: bold;
	font-family: Arial, sans-serif;
	font-size: 10px;
	/*line-height: 11px;*/
	width: 100%;
}

a.nodecoration {
	text-decoration: none;
	background-color: inherit;
	color: Blue;
}

a.nodecoration:link {
   text-decoration: none;
	background-color: inherit;
	color: Blue;
}

a.nodecoration:hover {
   text-decoration: none;
	background-color: inherit;
	color: Red;
}
/*************** FINE LINK PER RIEPILOGO / DETTAGLI SEZIONE ************/







/************* STILI PER LE PAGINE CON IL RIEPILOGO PER COMUNE *********/

/* Riga di dettaglio */
.detailrow {
	background: #F6F6F6;
	color: #666;
}


/* Cella con l'immagine del simbolo della lista o gruppo*/
.det-img {
	/*border: 2px solid Fuchsia;*/
	width: 7%; /*40px*/
	border-bottom: 2px solid #FFF;
}

/* Cella contenente il nome della lista o gruppo */
.det-nomelista {
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #666;
	padding-left: 5px;
	text-align: left;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	/*border: 2px solid Fuchsia;*/
	/*width: 33%;*/
}

/* Cella contenente il numero dei voti */
.det-voti {
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #666;
	text-align: right;
	padding-right: 5px;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	/*border: 2px solid Fuchsia;*/
}

/* Cella contenente le percentuali */
.det-perc { 
	text-align: left;
	padding-left: 3px;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	/*border: 2px solid Fuchsia;*/
}

/* Cella contenente le percentuali dei voti */
span.det-votiperc {
	position: relative;
	bottom: 10px;
	left: 2px;
	
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 100%;
	color: #666;
	text-align: right;
	/*padding-right: 2%;*/
	border-right: 2px solid #FFF;
}
/******************** FINE TABELLA RIEPILOGO COMUNE *********************/


/************* STILI PER LE PAGINE CON IL RIEPILOGO PER LISTA *********/


/* Percentuali (istogramma e valore numerico) */
.hcell20Perc {
  background: /*#dcdcdc*/Navy;
	color: /*#578bb8*/White;
	width: 20%;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	border-left: 2px solid #FFF;
}

/* Nome della lista (per il dettaglio delle sezioni) */
.hcell60Perc {
	background: Navy;
	color: White;
	height: 60px;
	width: 60%;
}


/* Riga di dettaglio */
.detailrow1 {
	background: #EEE;
	color: #666;
}

.detailrow2 {
	background: #F6F6F6;
	color: #666;
}


/* Cella contenente il nome della lista o gruppo */
.det-AlignLeft {
	font-family: Verdana, Arial, sans-serif;
	padding-left: 5px;
	text-align: left;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}

/* Cella contenente il numero dei voti */
.det-AlignRight {
	font-family: Verdana, Arial, sans-serif;
	text-align: right;
	padding-right: 10px;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}

/******************** FINE TABELLA RIEPILOGO LISTA *********************/


/************* STILI PER LE PAGINE CON IL DETTAGLIO DELLE SEZIONI *********/

/* Righe per il dettaglio sezioni (COLORE 1) */
.detailrowvoti1 {
	background: #FFF;
}
.detailrowperc1 {
	background: #FFF;
	border-bottom: 2px solid #FFF;
}

/* Righe per il dettaglio sezioni (COLORE 2) */
.detailrowvoti2 {
	background: #EEE;
}
.detailrowperc2 {
	background: #EEE;
	border-bottom: 2px solid #FFF;
}


/******************** CELLE DI CONTENUTO DEI DATI ************************/
/* Cella con il numero sezione */
.det-sezione {
	text-align: right;
	font-weight: bold;
	font-size: 11px;
	color: #555;
	border-right: 2px solid #FFF;
}

/* Numero dei voti */
.det-votiperlista {
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #555;
	text-align: right;
	padding-right: 3px;
	border-right: 2px solid #FFF;
}

/* Percentuale dei voti */
.det-percperlista {
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #555;
	text-align: center;
	border-right: 2px solid #FFF;
}

/* Totale dei voti */
.det-totvotiperlista {
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	background: Navy;
	color: #FFF;
	text-align: right;
	border-right: 2px solid #FFF;
}

/* Totale delle percentuali */
.det-totpercperlista {
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 10px;
	background: Navy;
	color: #FFF;
	text-align: center;
	border-right: 2px solid #FFF;
}
/********************* FINE CELLE DATI TABELLA ***********************/




/********************  TABELLA PER LA LEGENDA SIMBOLI ****************/
.separatore {
   margin: 10px 0px 10px 0px;
	width: 90%;
	background-color: Silver;
	color: Silver;
	text-align: center;
}

.tabellalegenda {
	width: 25%;
	text-align: left;
	margin-top: 10px;
	margin-left: 2.5%;
	border-collapse: collapse;
}

.hrowlegenda {
	background: Navy;
	color: #FFF;
	width: 40%;
	border-bottom: 2px solid #FFF;
	height: 20px;
}

.hcelllegenda {
	font: bold normal 14px/20px Verdana, Arial, sans-serif;
	text-align: center;
	background: Navy;
	color: #FFF;
}	

.dcelllegenda {
	font: normal 12px Verdana, Arial, sans-serif;
	color: #000;
	background: #EEE;
	text-align: center;
	border-right: 2px solid #FFF;
}
/******************** FINE TABELLA LEGENDA ***************************/