FORM /*Inizializziamo le FORM in modo che siano uguali nei 2 browser*/
{
  margin:0px;
  padding:0px;
}

TABLE
{
   border-collapse:collapse;
}

TABLE.articoli_interpellanze TD
{
  font-size:13px;
  text-align:justify;
  padding:5px;
  padding-bottom:7px;
  vertical-align:top;
  border-bottom:solid 1px brown;
}

TABLE.articoli_interpellanze TD a:hover, TABLE.articoli_interpellanze TD a:visited 
{
  color:brown;
}

TABLE#elenco_candidati, /*Tabella che elenca i candidati*/
TABLE#elenco_fotodenunce /*Tabella che elenca tutte le fotodenunce*/
{
   border-style:solid;
   border-color:brown;
   border-width:2px;
}

TABLE#blog /*Tabella che elenca le voci del blog*/
{
  font-size:13px;
  text-align:justify;
  border-style:solid;
  border-color:brown;
  border-width:2px;
  width:760px;
}

TABLE#blog TD
{
  text-align:justify;
  padding:10px;
  padding-right:0px;
  font-size:13px;
  vertical-align:top;
  border-bottom:solid 1px brown;
}

TABLE#sondaggi /*Tabella che elenca le voci del sondaggio*/
{
  font-size:13px;
  text-align:justify;
  border-style:solid;
  border-color:brown;
  border-width:2px;
  width:760px;
}

TABLE#sondaggi TD
{
  font-size:13px;
  padding:5px;
  border:solid 1px orange;
  border-bottom:solid 1px brown;
}

TABLE#sondaggi TD.giudizi
{
  text-align:center;
  padding:5px;
}

TABLE#sondaggi TH.intestazioni_giudizi
{
  text-align:center;
  padding:5px;
  border:solid 1px orange;
  border-bottom:solid 1px brown;
}

TABLE#sondaggi TH.gruppi_domande
{
  text-align:left;
  border:solid 2px brown;
  color:brown;
  font-size:17px;
  padding:5px;
  padding-left:20px;
  background-color:rgb(255,255,170);
}

BUTTON.immagini /*Se si vuole utilizzare un'immagine come pulsante conviene applicare qeusta classe*/
{
  background-color:transparent;
  border:none;
  cursor:pointer;
  outline:none;
  -moz-outline:none;
}

TEXTAREA /*Evitiamo che il testo sia il classico Courier*/
{
  font-family:'Trebuchet MS',Verdana,Tahoma,Arial,'Arial Black',Helvetica,'Century Gothic','Lucida Sans Unicode',Impact,sans-serif;
  font-size:13px;
}

/*Firefox esegue correttamente gli stili definiti dal selettore TR mentre Explorer no!
Quindi per poter avere i bordi bianchi tra una riga e un'altra, mentre in Mozilla basterebbe
definire lo stile di TR, in Explorer è necessario ricorrere ad un artificio, dando un bordo
diverso per le celle e forzando il bordo inferiore (o superiore) alle stesse caratteristiche
impostate per TR*/

/*
TR
{
   border-style:solid;
   border-color:white;
   border-width:1px; 
}*/

TABLE#elenco_candidati TD,
TABLE#elenco_fotodenunce TD /*Tutte le celle hanno le seguenti caratteristiche*/
{
   border-style:solid;
   border-color:orange;
   border-width:1px;
   border-bottom:solid 1px brown;
}

TD.colonna_foto /*Colonna che contiene le FOTO*/
{
  width:180px;
  text-align:center;
  padding-top:10px;
  padding-bottom:5px;
  vertical-align:top;
}

TD.colonna_descrizione /*Colonna che contiente il testo e gli eventuali pulsanti*/
{
  width:580px;
  text-align:justify;
  padding:10px;
  padding-right:0px;
  font-size:13px;
  vertical-align:top;
}

/*Stili per incorniciare le immagini*/
DIV.imgcontainer
{ 
  width:161px;
  background:url(../immagini/dropshadow1.jpg) no-repeat bottom right;
  margin-left:5px;
}

DIV.cornice
{
  position:relative;
  top:-5px;
  left:-5px;
  background-color:white;
  padding:5px;
  border:1px solid #ccc;
  border-color:#ccc #666 #666 #ccc;
  cursor:url(zoomin.cur), pointer;
}
/*------------------------------------------------*/

H3.autore /*Autore del contributo*/
{
  float:right;
  margin-top:-10px;
  margin-right:0px;
  display:inline;
  padding:2px 8px 2px 8px;
  border-left:6px solid brown;
  border-bottom:solid 1px brown;
  background:#EFF0ED;
}

DIV.testo_fotodenuncia
{
  width:510px;
}

DIV.testo_blog
{
  width:690px;
}

TABLE#inserisci_fotodenuncia
{
  border:none;
  width:720px;
  margin-left:95px;
}

TABLE#table_autenticazione
{
  border:none;
  width:760px;
}

TD.descrizioni /*Prima colonna delle tabelle di inserimento dati*/
{
  border-right:solid brown 1px; /*per creare il bordo separatore si ripete il bordo destro per ogni cella*/
  padding:5px; /*Servirebbe per separare le righe della tabella ma il padding sui valori lo supera: SUPERFLUO!*/
  padding-right:10px; /*per aumentare lo spazio tra le descrizioni e il bordo separatore*/
  text-align:right;
  width:50%;
}

TD.campi /*Seconda colonna delle tabelle di inserimento dati*/
{
  padding:5px; /*per aumentare la separazione tra le righe senza aumentarte l'interlinea*/
  padding-left:10px; /*per aumentare lo spazio tra i campi e il bordo separatore*/
  text-align:left;
  width:50%;
}

TD.descr_ins_fotodenuncia
{
  width:70px;
  padding-left:0px;
}

TD.campi_ins_fotodenuncia
{
  width:auto;
  padding-right:0px;
}

TD.campi INPUT.campi_con_validazione
{
  border:solid 1px rgb(127,157,188); /*Forzo il bordo ad avere il colore predefinito delle form di Windows*/
}

.oggetti_disattivati /*Le denunce disattivate vengono mostrate con un effetto sbiadito, non attivo*/
{
  filter:alpha(opacity=40);
  -moz-opacity:0.4;
  opacity:0.4;
  /*height:auto !important; /*letto da Firefox,Opera, IE7*/
  /*height:100%; /* letto da IE6,IE5.x*/
}

  /*-------- Stili per l'effetto di espansione delle descrizioni-------*/
.container
{ 
  display:block;
}

.question
{ 
  display:inline;
  color:blue;
  font-size:14px;
  font-weight:bolder;
  cursor:pointer;
}

.answer
{
  display:none;
}