/* Foglio di stile CSS predefinito per un nuovo progetto di applicazione Web */

html
{
    padding: 0px;
    margin: 0px;
}
body
{
    margin: 0 auto;
    font-family: 'Segoe UI';
    font-size: medium;
    text-align: center;
    background-color: #EFEFEF;
}
.buttonbar
{
    height: 40px;
    text-align: center;
    border: thin solid #FF69B4;
    color: #000080;
    background-color: #FFC0CB;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
}
.bluebutton, .greenbutton, .graybutton, .redbutton
{
    height: 32px;
    font: 300 medium Arial, Helvetica, sans-serif;
    border: White outset thin;
    text-align: center;
    cursor: pointer;
}
.bluebutton
{
    background-image: url(  'images/bluebutton.jpg' );
    background-position: center;
    color: #000080;
}
.bluebutton:HOVER
{
    background-image: url(  'images/greenbutton.jpg' );
    background-position: center;
    color: #008000;
}
.greenbutton
{
    background-image: url(  'images/greenbutton.jpg' );
    background-position: center;
    color: #008000;
}
.greenbutton:HOVER
{
    background-image: url(  'images/bluebutton.jpg' );
    background-position: center;
    color: #000080;
}
.graybutton
{
    background-image: url(  'images/graybutton.jpg' );
    background-position: center;
    color: #000000;
}
.graybutton:HOVER
{
    background-image: url(    'images/greenbutton.jpg' );
    background-position: center;
    color: #008000;
}
.redbutton
{
    background-image: url(  'images/redbutton.jpg' );
    background-position: center;
    color: #000000;
}
UL.vmenu
{
    margin: 0 auto;
    padding: 0;
    list-style: none;
}
UL.vmenu LI
{
    margin: 2px auto 2px auto;
    height: 24px;
    width: 180px;
    border: 1px solid #DDD;
    font: bold 10pt Arial, Helvetica, sans-serif;
    color: #2E4C74;
    line-height: 24px;
    background-color: #EEE;
    text-align: center;
    cursor: pointer;
}
UL.vmenu LI:HOVER
{
    background-color: #F0E68C;
}
.box
{
    margin: 4px;
    background-color: #FFFFFF;
    border: 1px solid #FF00FF;
    text-align: justify;
    color: #000000;
}
.box-title
{
    background-position: center;
    background-image: url( 'images/greenbutton.jpg' );
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    background-repeat: repeat-x;
    height: 24px;
}
.domanda
{
    border: thin solid #FFC0CB;
    background-color: #F0F8FF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
}
.risposta
{
    border: thin solid #FFC0CB;
    background-color: #F0F8FF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
}
.message
{
    padding: 4px;
    margin: 4px;
    border-style: outset;
    border-width: thin;
    font-family: 'Times New Roman' , Times, serif;
    font-style: italic;
    font-size: small;
    text-align: justify;
    background-color: #CCFF66;
}
.CLASS_TABLE
{
    border: thin outset #000080;
    width: 100%;
    background-color: #FFFF99;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
}
.CLASS_TH
{
    text-align: right;
    background-color: #003366;
    color: #FFFFFF;
    font-size: small;
}
.CLASS_TD
{
    border: thin outset #000080;
    text-align: right;
    font-size: small;
    background-color: #FFFFFF;
    font-family: 'Courier New' , Courier, monospace;
}
.graphic_back
{
    width: 100%;
    height: 32px;
    background-color: #FFFFE0;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    vertical-align: middle;
}
.graphic_green
{
    height: 24px;
    background-image: url( 'images/greenbutton.jpg');
    background-position: center;
    border-style: outset;
    border-width: thin;
}
.graphic_red
{
    height: 24px;
    background-image: url( 'images/redbutton.jpg');
    background-position: center;
    border-style: outset;
    border-width: thin;
}