﻿body {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    margin: 0;
    background-color: Transparent;
    color: #515151;
}
img { border: none; }
table { width: 100%; border-collapse: collapse; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; }
#premiumContainer 
{
    width: 498px;
}
.premium caption { text-align: left; padding: 5px; background-color: #f0f0f0; }
.premium td, .premium th 
{
    padding: 5px;
    border-top: solid 1px white;
    border-bottom: solid 1px white;
}
.premium td { text-align: right; font-weight: bold; }
.premium th { text-align: left; font-weight: normal; }
.premiumChart { width: 496px; height: 260px; border: solid 1px #f0f0f0; background-color: #fff; margin: 10px 0; text-align: center; }
/*.premium tr { background-color: #fff; }*/
.premium tr.alt { background-color: #f0f0f0; }
.aumento { color: green; }
.diminuzione { color: Red; }

#chartContainer 
{
    width: 498px;
}
#blockMenuContainer 
{
    float: left;
}
#confrontoIndici, #tipoGrafico, #opzioni 
{
    float: left;
    cursor: pointer;
    width: 120px;
    padding: 3px 5px;
    text-align: left;
    border: solid 1px #ccc;
    margin: 5px 5px 0 5px;
    color: #fff;
    border-bottom: none;
}
.open { display: block; }
.close { display: none; }
.clear { clear: both; }
#confrontoIndici.open, #tipoGrafico.open, #opzioni.open 
{
    display: block;
    background: transparent url(/YOOX/images/tabOpen.png) no-repeat left center;
}
#confrontoIndici.close, #tipoGrafico.close, #opzioni.close 
{
    display: block;
    background: transparent url(/YOOX/images/tabClose.png) no-repeat left center;
}
#blockPeriodo { float: left; width: 100%; }
#lblPeriodo { float: left; padding-left: 5px; letter-spacing: -1px; }
#lblPeriodoCustom { padding-left: 5px; letter-spacing: -1px; }
#linkContainer { float: right; }
#confrontoIndiciList, #tipoGraficoList, #opzioniList 
{
    clear: both;
    border-top: solid 1px #ccc;
    width: 478px;
    padding: 10px;
    background-color: #f1f1f1;
}
#confrontoIndiciList label, #tipoGraficoList label, #opzioniList label
{
    width: 95px;
    display: inline-block;
}

select { font-family: Arial, Helvetica, Sans-Serif; color: #515151; font-size: 11px; }
#blockPeriodo { margin: 0; border-top: solid 1px #ccc; padding-top: 5px; }
#blockPeriodo a { color: #515151; text-decoration: none; }
#blockPeriodo a:hover { text-decoration: underline; }
#blockPeriodo a.selected { color: #66958F; text-decoration: underline; }
#item_custom2 { color: #66958F; text-decoration: underline; }
#blockPeriodoCustom { padding:0; border-top: solid 1px #ccc; clear: both; }
#tablePeriodoCustom { width: 500px; margin: 0;  }
#tablePeriodoCustom th { font-weight: normal; padding: 5px 0 0 0; white-space: nowrap; overflow: hidden; }
#tablePeriodoCustom td { padding: 5px 0 0 0; white-space: nowrap; overflow: hidden; }
.nota { padding: 0; margin: 5px 0; }
h4 { margin: 5px 0; }
.button { font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #515151; background-color: #fff; padding: 2px 8px; border: solid 1px #ccc; cursor: pointer; }
select.sel37 { width: 37px; }
select.sel49 { width: 49px; }
p.info 
{
    clear: both;
    margin: 0;
    padding: 4px 0;
}
.centro { text-align: center; }
.destra { text-align: right; }
.sinistra { text-align: left; }

.tableStoInput th 
{
    text-align: left;
    font-weight: normal;
}
.tableStoInput th, .tableStoInput td
{
    padding: 5px;
}
.tableStoInput caption { text-align: left; padding: 5px; background-color: #f0f0f0; }
.BTN { margin-bottom: 5px; }
.BTN input 
{
    border: solid 1px #fff;
    background-color: #f0f0f0;
    padding: 5px;
    font: normal 11px/11px Arial;
    color: #515151;
    cursor: pointer;    
}
.tableData th
{
    background-color: #f0f0f0;
}
.tableData td, .tableData th 
{
    padding: 5px;
    border-top: solid 1px white;
    border-bottom: solid 1px white;
}
.tableData tr.alt { background-color: #f0f0f0; }
.stPagNav tr
{
    background-color: #f0f0f0;
}
tr.stPagNav td 
{
    padding: 0;
    border: none;
}
tr.stPagNav table td { width: 33%; padding: 5px; border-top: solid 1px #fff; border-bottom: solid 1px #fff; }
.stPagNav a { color: #578B80; font-weight: bold; text-decoration: none; }
.stPagNav a:hover { color: #000; }
#plusContainer 
{
    width: 365px;
    height: 275px;
    overflow: hidden;
}
.plusChart { width: 365px; border: solid 1px #f0f0f0; background-color: #fff; margin: 0 0 10px 0; text-align: center; }
