@charset "UTF-8";
@media screen {
    #dashBoard      { height: 10em; margin: 0; padding: 1em 0; overflow: hidden; line-height: 1.5em; background-color: #e1e1e1; font-size: 0.9em }
    #dashBoard dt,
    #dashBoard dd   { display: block; float: left; border-bottom: 0.16em solid #fff; color: #4d4d4d; margin: 0.16em 0 0.4em 0.5em; padding: 0 0 0.2em 0 }
    #dashBoard dt   { width: 40%; margin-left: 0.5em; padding-left: 0.5em }
    #dashBoard dt:before
                    { content: '>> '; font-weight: bold; color: #da0d14 }
    #dashBoard dd   { margin-right: 0.5em; margin-left: 0; width: 2%; text-align: right }
    #dashBoard a    { color: #4d4d4d }

    #chartTitleBar  { position: absolute; padding: 0.2em 1.2em 0.2em 0.8em; color: #fff; background: url("/img/style/sprite.png") no-repeat right -172px }
    #chartTitleBar.green  { position: absolute; padding: 0.2em 1.2em 0.5em 0.8em; color: #fff; background: url("/img/style/sprite.png") no-repeat right -1700px }
    #chartNoteBar   { font-size: 0.8em ; text-align:left; padding-left:2em}
    /*Fissata la grandezza dei grafici per far calcolare al JS che allunga la sidebar*/
    .plugin_charts {
        height:524px;
    }
    .plugin_charts.theme #dashBoard dt
                    { width: 100% }
    .plugin_charts.theme #dashBoard dt:before
                    { color: #39722f }
    .plugin_charts.theme #chartTitleBar
                    {  }

    #chartContainer_plugIn
                    { background-color: #eee }
    #chartContainer_plugIn .iconlist
                    { margin-top: 1em }

    #chartPanel     { position: absolute; border: 0.1em #4d4d4d solid }
    #chartPanel a   { color: inherit }
    #chartPanel p   { margin: 0; padding: 0.1em 0.3em; background-color: #4d4d4d; text-align: right; font-weight: bold }
    #chartPanel p a { color: #fff }
    #chartPanel form
                    { margin: 0 }
    #chartPanel textarea
                    { width: 100%; border: 0; font-size: 90% }
    #chartPanel .iconList
                    { margin: 0 2em }
}