html,body
{
	margin:0; padding:0px;
}

body
{
  font-family		: Verdana, Arial, Helvetica, sans-serif;
  text-align:     center;
  font-size		  : 11px;
  background    : #eee;
}

td
{
  font-family		: Verdana, Arial, Helvetica, sans-serif;
  font-size		  : 11px;
}

.grosso
{
  font-family   : Verdana, Arial, Helvetica, sans-serif;
  font-size		  : 15px;
  font-weight   : bold;
}

.title
{
  margin: 0;
  padding: 0;
  position: absolute;
  top: 2px;
  font: bold 15px verdana,arial,sans-serif; 
  color: #F00;
}

#container 
{
  position:           relative;
  text-align:         left;
  width:              770px;
  height:             620px;
  background-color:   white;
  position:           relative; 
  margin:             0px auto; 
  padding:            0px;
  border-style:       solid;
  border-color:       #ccc;
  border-left-width:  2px;
  border-right-width: 2px;
  border-top-width:   0px;     
  border-bottom-width:0px;
}

#top
{
  width:              770px;
  height:             215px;
  background:         #fff url(top.jpg) center no-repeat;
}

#titolo
{
  position:           absolute;
  top:                215px;
  width:              770px;
  height:             35px;
  background:         white;
  text-align:         left;
  color:              white;
}

#input
{
  position:           absolute;
  width:              400px;
  left:               15px;
  top:                260px;
  float			        : left;
}

#calcola
{
  position:           relative;
  width:              100%;
  text-align:         center;
}

#output
{
  position:           absolute;
  left:               410px;
  top:                260px;
  margin :            0px auto;
  padding:            0px;
  width:              360px;
  height:             360px;
}

#divoutput
{
  position:           absolute; 
  top:                3px; 
  left:               0px;
  width:              360px;
}

#divinfo
{
  position:           absolute; 
  top:                3px; 
  left:               0px;
  width:              340px;
  padding:            10px;
}

#note
{
  position:           absolute;
  left:               35px;
  top:                210px;
  width:              290px;
  border:             1px solid #f22;
  color:              222;
  font-size:          9px; 
  padding:            10px;
}

#inf
{
  position:           absolute;
  top:                0px;
  left:               700px;
  width:              50px;
  text-align:         right;
}

.results
{
  color:              black;
  font-size:          14px;
}

.num
{
  color:              #F00;
  font-weight:        bold;
}

ul { padding: 0; margin: 0;}

li {padding: 0; margin: 0; list-style: none; display: block; padding: 2px 2px 2px 24px; background: url(list.gif) no-repeat top left; width:300px;}

li a:link {color: #C30; text-decoration: none;}
li a:visited {color: #C30; text-decoration: none;}
li a:hover {background-color:#eee; color: red; text-decoration: none;}

a:link {color: #C30; text-decoration: none;}
a:visited {color: #C30; text-decoration: none;}
a:hover {background-color:#eee; color: red; text-decoration: none;}