body
{
    background-position: top left;
    background-image: url('../../images/bkg_wood_03.jpg');
    background-repeat: repeat;
    background-attachment: scroll;
    background-color: #CEE7FF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.label_small
{
    font-size: 9pt;
}

.text_small
{
    font-size: 11px;
}

.link_mute
{
    text-decoration: none;
    color: inherit;
}

.text_copyright
{
    padding: 0px 4px 0px 4px;
    position: absolute;
    top: 54px;
    right: 4px;
    font-family: Tahoma;
    font-size: 8px;
    color: #000000;
    font-family: verdana;
    background-color: #FFFFFF;
}

.div_text
{
    color: #333333;
    font-family: 'Comic Sans MS' , 'Times New Roman' , Times, serif;
    padding: 16px;
    background-color: #FFFFFF;
    font-size: 14px;
    text-align: center;
}

.div_inset
{
    border-style: solid;
    border-width: 4px;
    border-color: #666666 #999999 #999999 #666666;
}


.div_table
{
    width: 80%;
    border: 1px solid #444444;
}

.div_cell
{
    padding: 8px;
    width: 80%;
    border: 1px solid #444444;
    vertical-align: top;
}


.btn_normal
{
    width: 20%;
}


.mappa_small
{
    width: 190px;
    height: 800px;
}

.mappa_title
{
    padding: 8px;
    border-style: solid;
    border-width: 1px;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    background-color: #DDDDDD;
    color: #333333;
    text-decoration: none;
}

/* Link alla visione di dettaglio della mappa */
.mappa_zoom_high
{
    position: absolute;
    left: 218px;
    top: 24px;
    z-index: 10;
}
.mappa_zoom_low
{
    position: absolute;
    left: 0px;
    bottom: 10px;
    z-index: 10;
}

/* Link alla visione generale della mappa */
.mappa_info_high
{
    position: absolute;
    left: -42px;
    top: 400px;
}
.mappa_info_middle
{
    position: absolute;
    left: -42px;
    top: 1200px;
}
.mappa_info_low
{
    position: absolute;
    left: -42px;
    bottom: 400px;
}


/* Colori di base delle mappe */
.BaseMappa01
{
    background-color: #FF0000;
    color: #FFFFFF;
}
.BaseMappa02
{
    background-color: #0000FF;
    color: #FFFFFF;
}
.BaseMappa03
{
    background-color: #009900;
    color: #FFFFFF;
}
.BaseMappa04
{
    background-color: #FFFF00;
    color: #999999;
}
.BaseMappa05
{
    background-color: #FFAA00;
    color: #FFFFFF;
}
.BaseMappa06
{
    background-color: #007777;
    color: #FFFFFF;
}
.BaseMappa07
{
    background-color: #CC00AA;
    color: #FFFFFF;
}
.BaseMappa08
{
    background-color: #9999DD;
    color: #FFFFFF;
}
.BaseMappa09
{
    background-color: #999999;
    color: #FFFFFF;
}
.BaseMappa10
{
    background-color: #BB8800;
    color: #FFFFFF;
}
.BaseMappa11
{
    background-color: #FFFFFF;
    color: #FF0000;
}
.BaseMappa12
{
    background-color: #FFFFFF;
    color: #000099;
}
.BaseMappa13
{
    background-color: #FFFFFF;
    color: #005500;
}
.BaseMappa14
{
    background-color: #FFFFFF;
    color: #BB8800;
}
.BaseMappa15
{
    background-color: #FFFFFF;
    color: #CC00AA;
}
.BaseMappa16
{
    background-color: #00BBAA;
    color: #FFFFFF;
}


/* rivenditori */

.std_table
{
    border-spacing: 4 px;
    width: 100%;
    margin-bottom: 16px;
}

.std_table_header
{
    border: 2px solid #333333;
    text-align: center;
    font-weight: bold;
    background-color: #663300;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    color: #FFFFFF;
    font-size: larger;
}

.std_cell_bold
{
    padding: 8px;
    text-align: right;
    font-weight: bold;
    background-color: #FFFFCC;
    width: 50%;
    vertical-align: middle;
}

.std_cell_normal
{
    padding: 8px;
    text-align: left;
    background-color: #FFFFCC;
    width: 50%;
    vertical-align: middle;
}


/* Dettaglio mappe */
.mappa_leftside
{
    width: 50px;
    height: 2700px;
    background-position: bottom;
    background-repeat: repeat-y;
}

.ModalControl_Background
{
    background-color: #000000;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.ModalControl_Close
{
    font: normal normal bold 8pt Arial, Helvetica, sans-serif;
    background-color: Blue;
    color: White;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 8px;
    cursor: crosshair;
    font-family: verdana;
}
.ModalControl_Panel
{
    width: 350px;
    padding: 12px;
    border: 1px solid #FFFFFF;
}
.ModalControl_Info
{
    margin-top: 8px;
    padding: 4px;
    background-color: #FFFFE8;
}

.mappa_titolo
{
    width: 50px;
    height: 400px;
    margin-top: 25px;
}
.mappa_cartina_envelope
{
    width: 640px;
    height: 2700px;
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 1;
}
.mappa_cartina
{
    width: 640px;
    height: 2700px;
}
.mappa_sponsor_envelope
{
    background-position: right;
    width: 160px;
    height: 2700px;
    position: absolute;
    right: 0px;
    top: 0px;
    background-repeat: repeat-y;
    z-index: 2;
}
.mappa_sponsor_div
{
    width: 160px;
    height: 60px;
    cursor: pointer;
}
.mappa_sponsor_img
{
    width: 160px;
    height: 60px;
}

.mappa_copyright
{
    text-align: center;
    width: 640px;
    padding: 4px;
    margin-top: 16px;
    margin-bottom: 16px;
    background-color: #FFFFFF;
    font-family: 'Times New Roman' , Times, serif;
    font-size: 14px;
    font-style: italic;
}


/* Video modali */
.ModalControl_Video_Panel
{
    padding: 16px;
    background-color: #666666;
}

.ModalControl_Video_Ribbon
{
    border-style: solid none none solid;
    border-width: 1px;
    border-color: #666666;
    padding: 4px;
    height: 20px;
    background-color: #FFFFFF;
    text-align: right;
}

.ModalControl_Video_Background
{
    background-color: #000000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}