p
{
 margin: 0 0 10px 0;
 padding: 0;
 text-align: justify;
}

form
{
 font: 13px Arial, Helvetica, sans-serif;
 background: #eee;
 margin-left: 270px;
 margin-top: 10px;
 margin-bottom: 10px;
 padding: 10px 20px;
 width: 310px;
}

form ol
{
 list-style: none;
 margin: 0;
 padding: 0;
}

form li
{
 padding: 6px;
 background: #e1e1e1;
 margin-bottom: 1px;
}

form li#send
{
 background: none;
 margin-top: 6px;
 margin-left: 87px;
}

form label
{
 float: left;
 width: 80px;
 text-align: right;
 margin-right: 7px;
 color: #0066CC;
 line-height: 23px; /* This will make the labels vertically centered with the inputs */
}

form input
{
 padding: 4px;
 font: 13px Arial, Helvetica, sans-serif;
 border: 1px solid #999999;
 width: 200px;
}

form textarea
{
 padding: 10px;
 font: 13px Arial, Helvetica, sans-serif;
 border: 1px solid #999999;
 width: 500px;
}

form input:focus, form textarea:focus
{
 border: 1px solid #666;
 background: #94BD5E; /*#e3f1f1;*/
}

form li#send button
{
 background: #003366 url(../immagini/user.png) no-repeat 8px 50%;
 border: none;
 padding: 4px 8px 4px 28px;
 /*
 border-radius:15%;  Don't expect this to work on IE6 or 7
 -moz-border-radius: 15%;
 -webkit-border-radius: 15%;
 */
 color: #fff;
 /*margin-left: 77px;*/ /* Total width of the labels + their right margin */
 cursor: pointer;
}

form li#send button:hover
{
 background-color: #94BD5E; /*#006633;*/
}