th.competenze
  {
  background: #CCFFFF;
  border: 1px solid #000000;
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-variant: normal;
/*  font-stretch: wider; */
  font-size: larger;
  width: 33%;
  color: #0b1d85;
  }

td.competenze
  {
  border: 2px dashed #CCCCFF;
  padding: 8px;
  vertical-align: top;
  }

td.compinner
  {
  vertical-align: top;
/*  text-align: justify; */
  }


th.domris
  {
  background:  #FFCC66;
  border: 1px solid #000000;
  font-family:  Arial, Helvetica, sans-serif;
  font-variant: normal;
/*  font-stretch: wider; */
  font-size: larger;
  width: 33%;
  color: #0b1d85;
  }

td.domris
  {
  border: 2px ridge #CCCCFF;
  padding: 8px;
  vertical-align: top;
  background-color: #FFFFFF;
  }









hr
  {
  background: #3399FF;
  height: 6px  ;
  }


/*
 * La cosa funziona con Opera ma non su internet Explorer
@media print {
  div#banner
  {
  position: absolute;
  top: 0.5em;
  right: 1em;

  width: 1px;
  height: 1px;
  /* overflow:auto; *
  }
}

@media screen {
  div#banner
  {
  position: absolute;
  top: 0.5em;
  right: 1em;

  width: 468px;
  height: 60px;
  /* overflow:auto; *

  border: 1px solid #3399FF;
  padding: 5px;
  background: #CCFF99;
  }
}

*/



/*
 * It is better NOT to put a height so the box resizes to the right length
 * to accomodate the whole content.
 */
div#helpline
  {
  position: absolute;
  left:  35%;
  top: 0.3em;

  width: 12em;
/*  height: 7.9em;
  overflow: visible;
  */

  white-space: nowrap;
  border: 1px solid #3399FF;
  background: #CCFF99;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  }


div#newbrowser
  {
  position: absolute;
  right: 2em;
  top: 2em;

  width: 16em;
/*  height: 4em; */

  border: 1px solid #3399FF;
  padding: 5px;
  background: #FFF5E1;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}



div#domande-risposte
  {
/*
  position: absolute;
  left: 24em;
  top: 0.8em;

  width: 11em;
  height: 9em;
*/
  page-break-before: always;
  border: 1px solid #3399FF;
  padding: 10px;
  background-color: #F1FFDD;
  }



div#lavori-fatti
  {
/*
  position: absolute;
  left: 24em;
  top: 0.8em;

  width: 11em;
  height: 9em;
*/
  page-break-before: always;
  border: 1px solid #3399FF;
  padding: 10px;
  background: #FFFFDD;
  }


table#lavori
  {
  border-collapse: collapse;
  }

td.lavori
  {
  font-size: xx-large;
  border: none;
  vertical-align: middle;
  margin: 0px;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-right: 0;
  padding-left: 0.5em;
  }


/*
ul#lavori
  {
  list-style-image: url(images/redstar.gif);
  padding: 1em;
  margin: 1em;
  line-height: 2em;
  }

span.lavori
  {
  font-size: x-large;
  padding-left: 0.5em;
  vertical-align: 50%;
  }
*/


div#feedback
  {
  page-break-before: always;
/*
  position: absolute;
  left: 24em;
  top: 0.8em;

  width: 11em;
  height: 9em;
*/
  }


div#blog
  {
/* if you put postion relative IE goes crazy with the float
  position: relative;
  left: 24em;
  top: 0.8em;

  width: 11em;
  height: 9em;
*/

  border: 1px solid #3399FF;
  padding: 10px;
  background: #FFEAFF;
  }

a#damiano
  {
  float: right;
  width: 96px;
  height: 110px;
  background-image: url(images/damiano.jpg);
  display: block;
  text-decoration: none;
  border: 1px solid ;
  border-color: #FF9966;
  margin-left: 10px;
  }


em.bold
  {
  font-weight: bold;
  }


span.bolder
  {
  font-size: large;
  color: #990033;
  }


div#banner
  {
  width: 468px;
  height: 60px;

  border: 1px solid #3399FF;
  padding: 5px;
  background: #CCFF99;
  margin-top: 4px;

  float: left;
  }


div#validation
  {
  padding: 5px;
  margin: 0px 2px;
  }