body {
  /*background-color: white;*/
  /*Prova a usare uno di questi font (dal primo all'ultimo) finchè non ne trova uno installato)*/
  font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  padding: 0px;
  margin: 0px;
  vertical-align: top;
}

input.button {
  padding: 0px;
  margin: 0px;
  font-size: 9pt;
  width: 200px;
  height: 25px;
}

/*Definisco una volta per tutte la dimensione massima della tabella main che contiene tutto*/
table.mainstyle {
  border: 0px solid black;
  padding: 0px;
  margin: 0px;
  font-size: 8pt;
  width: 1000px;
}

td.mainstyle {
  text-align: left;
  border: 0px solid red;
}

table {
  border: 0px solid black;
  padding: 0px;
  margin: 0px;
  font-size: 8pt;
  text-align: left;
}

td {

}


/*PARTE DI PRESENTAZIONE*/
/*-------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/

/*Generici*/
img {
  border: 0px solid white;
  padding: 0px;
  margin: 0px;
}

p {
  padding: 2px;
  margin: 0px;
  font-size: 8pt;
  width: 100%;
}

input.button {
  padding: 0px;
  margin: 0px;
  font-size: 9pt;
  width: 200px;
  height: 25px;
}

form {
  border: 0px solid black;
  padding: 0px;
  margin: 0px;
}

hr {
  width: 50%;
}

/*link che mette l'utente*/
a:link, a:visited, a:active  {
  text-decoration: none;
  color: rgb(196, 112, 160);
  font: normal;
}

a:hover {
  text-decoration: underline;
}

/*link pagine utente*/
a:link.userPage, a:visited.userPage, a:active.userPage  {
  text-decoration: none;
  color: rgb(116, 134, 156);
  font: normal;
}

a:hover.userPage {
  text-decoration: underline;
}

/*link pagine utente*/
a:link.userMenu, a:visited.userMenu, a:active.userMenu  {
  text-decoration: none;
  color: rgb(116, 134, 156);
  font: normal;
}

a:hover.userMenu {
  text-decoration: underline;
}

/*tabella per i link*/
table.links {
  border: 0px solid yellow;
  width: 100%;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

td.links {
  border: 0px solid darkred;
  width: 100%;
  padding: 0px;
  padding-top: 2px;
  padding-bottom: 10px;
  padding-left: 5px;
  margin: 0px;
}

/*pagina utente*/
table.userPage {
  width: 100%;
  border: 1px solid rgb(100, 100, 100);;
  padding: 0px;
  margin: 0px;
}

/*colonna di sinistra*/
td.userPageLeft {
  width: 17.5%;
  border: 0px solid navy;
  border-right: 1px solid rgb(200, 200, 200);
  padding: 0px;
  margin: 0px;
  text-align: right;
  background-color: rgb(162,  187,  194);/*rgb(226, 226, 226);*/
}

/*colonna di destra*/
td.userPageRight {
  width: 82.5%;
  border: 0px solid red;
  padding: 0px;
  padding-left: 0px;
  margin: 0px;
  text-align: left;
}

/*colonna in alto dove c'è l'header.jpg*/
td.userPageTop {
  width: 100%;
  height: 120px;
  border: 0px solid yellow;
  border-bottom: 1px solid rgb(200, 200, 200);
  padding: 0px;
  margin: 0px;
  text-align: center;
}

/*tabella generale delle informazioni sulla sinistra*/
table.listOfAreas {
  width: 94%;
  border: 1px solid rgb(50, 50, 80);
  padding-bottom: 0px;
  margin-bottom: 5px;
}

td.listOfAreasHeader {
  width: 100%;
  border: 0px solid rgb(34, 25, 54);
  border-bottom: 1px solid rgb(34, 25, 54);
  padding: 2px;
  margin: 0px;
  text-align: left;
  background-color: rgb(100, 130, 168);
}

td.listOfAreas {
  width: 100%;
  border: 0px solid darkgrey;
  padding: 5px;
  margin: 0px;
  text-align: left;
  background-color: rgb(255, 255, 255);
}

/*area selezionata*/
td.listOfAreasSelected {
  width: 100%;
  border: 0px solid darkgrey;
  padding: 5px;
  margin: 0px;
  text-align: left;
  background-color: rgb(163, 162, 164);/*rgb(145, 163, 191);/*rgb(164,  189,  80);/*rgb(156, 163, 168);*/
}

/*Tabella per le aree principali*/
table.area {
  width: 99%;
  vertical-align: left;
  margin: 5px;
  margin-top: 0px;
  margin-right: 0px;
}
td.areaTitle {
  width: 93%;
  border: 0px solid red;
  border-bottom: 1px solid black;
  padding-left: 0px;
  padding-top: 12px;
  padding-bottom: 2px;
  text-align: left;
  font-weight: bold;
  font-size: 12pt;
  /*text-decoration: underline;*/
}
td.area {
  width: 100%;
  border: 0px solid darkblue;
  padding: 2px;
  padding-left: 10px;
  padding-top: 5px;
  margin: 1px;
  text-align: left;
}
/*Tabella per le aree principali*/
table.areaChild {
  width: 99%;
  vertical-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 20px;
  margin-right: 0px;
}
td.areaTitleChild {
  width: 100%;
  border: 0px solid red;
  border-bottom: 1px solid black;
  padding-left: 5px;
  padding-top: 12px;
  padding-bottom: 2px;
  text-align: left;
  font-weight: bold;
  font-size: 11pt;
  /*text-decoration: underline;*/
}
td.areaChild {
  width: 100%;
  border: 0px solid darkblue;
  padding: 2px;
  padding-left: 10px;
  padding-top: 5px;
  margin: 1px;
  text-align: left;
}

/*Tabella per le attivita*/
table.activity {
  width: 99%;
  vertical-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 20px;
  margin-right: 0px;
}
td.activityDate {
  width: 25%;
  border: 0px solid red;
  padding-left: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: left;
  font-weight: bold;
  /*text-decoration: underline;*/
  font-size: 8pt;
}
td.activityTitle {
  width: 99%;
  border-left: 1px solid rgb(199, 193, 183);
  padding: 2px;
  padding-left: 10px;
  margin: 1px;
  text-align: left;
  font-size: 10pt;
}
td.activitySubTitle {
  width: 99%;
  border-left: 1px solid rgb(199, 193, 183);
  border-bottom: 1px solid rgb(199, 193, 183);
  padding: 2px;
  padding-left: 10px;
  padding-bottom: 6px;
  margin: 1px;
  text-align: left;
  font-size: 9pt;
 /* background-color: rgb(93, 22, 222);*/
}
td.activity {
  width: 99%;
  border: 0px solid darkblue;
  padding: 2px;
  padding-left: 10px;
  margin: 1px;
  text-align: left;
}
td.activityDescr {
  width: 99%;
  border-bottom: 0px solid rgb(229, 223, 237);
  padding: 2px;
  padding-left: 10px;
  padding-top: 10px;
  margin: 1px;
  text-align: left;
}
td.activityEven {
  width: 99%;
  border: 0px solid darkblue;  
  padding: 2px;
  padding-left: 10px;
  padding-bottom: 2px;
  margin: 1px;
  text-align: left;
  /*background-color: rgb(253, 232, 244); /*ROSA*/
  background-color: rgb(255, 255, 255);
}
td.activityOdd {
  width: 99%;
  border: 0px solid darkblue;
  padding: 2px;
  padding-left: 10px;
  padding-bottom: 2px;
  margin: 1px;
  text-align: left;
  /*background-color: rgb(227, 236, 247); /*BLU*/
  background-color: rgb(255, 255, 255);
}

/*cella relativa all'autore*/
td.author {
  width: 100%;
  border-top: 1px solid rgb(99, 95, 97);
  padding: 1px;
  margin: 0px;
  text-align: center;
  font-size: 7pt;
  background-color: rgb(163, 162, 164);
}

/*tabella generale delle informazioni sulla destra*/
table.genericList {
  width: 99%;
  border: 0px solid blue;
  padding-bottom: 0px;
  margin-bottom: 0px;
  vertical-align: left;
}

td.genericList {
  width: 100%;
  border: 0px solid darkblue;
  padding: 0px;
  margin: 0px;
  text-align: left;
}


/*tabella per la galleria*/
table.gallery {
  width: 99.9%;
  border: 0px solid blue;
  padding-bottom: 0px;
  margin-left: 5px;
  margin-bottom: 0px;
  vertical-align: top;
  text-align: center;
}
td.gallery {
  text-align: center;
  width: 20%;
  height: 100px;
  border-top: 0px solid blue;
  border-bottom: 0px solid blue;
  padding: 0px;
  margin: 0px;
}
td.galleryDescr {
  text-align: left;
  border-top: 0px solid blue;
  border-bottom: 0px solid rgb(229, 223, 237);
  padding: 5px;
}

input.btn {
  font-size: 8pt;
  background-color: rgb(229, 223, 237);
  width: 100px;
  height: 20px;
}