html          { height:97vh}
body          { background-color: #F9F9F9; margin: 20px; height:97vh}
table         { font-family: Verdana; font-size: 12px; color: #333333}
div           { font-family: Verdana; font-size: 12px; color: #333333}
input         { font-family: Verdana; font-size: 12px; color: #003399; width:200px}
input[type='checkbox'] {width:15px}
input.button  { font-family: Verdana; font-size: 12px; width:100px; background-color: #003399; border: 1px solid #CCCCCC; color: white; padding: 5px 5px; -webkit-transition-duration: 0.2s; transition-duration: 0.2s} 
input.button:hover {background-color: #FFCB00; color: #003399; border: 1px solid #AAAAAA; cursor:pointer}
input.radio               { width:20px; cursor:pointer}
input.radio[disabled]     { cursor:default}
select        { font-family: Verdana; font-size: 12px; color: #003399; width:300px}
textarea      { font-family: Verdana; font-size: 12px; color: #003399; width:100%; height:100px}
img           { border:0px}
form          { padding:0px; margin:0px}
h1            { font-family: Verdana; font-size: 14px; font-weight: bold; color: #003399}
h2            { font-family: Verdana; font-size: 13px; font-weight: bold; color: #333333}
a             { color:#003399; text-decoration:none}
a:hover       { color:#6699FF; text-decoration:none}
a.bold        { font-weight:bold}
a:hover.bold  { text-decoration:none}

table.main    { height:90%; width:100%}
table.chiara  { border:1px solid #BBBBBB; border-collapse: collapse}
td.chiara     { border: 1px solid #BBBBBB; padding: 5px}
th.chiara     { border: 1px solid #BBBBBB; background:#E0E0E0; padding:5px; font-weight:bold}
td.menuu      { font-family: Verdana; font-size: 14px; color: #FFFFFF}
td.selezione  { border-left:2px solid #003399; border-right:2px solid #003399}
td.selTop     { border-left:2px solid #003399; border-right:2px solid #003399; border-top:2px solid #003399}
td.selBottom  { border-left:2px solid #003399; border-right:2px solid #003399; border-bottom:2px solid #003399}
div.dettaglio { background:#DDDDDD; border:1px solid #BBBBBB; padding:0.5em 1em}
img.foto      { border:1px solid #666666}
span.error    { font-family: Verdana; font-size: 12px; font-weight: bold; color: #FF0000}
td.utente     { font-family: Verdana; font-size: 12px; font-weight: normal; color: #333333; text-align: right}
table.footer  { width:100%; font-family: Verdana; font-size: 12px; font-weight: bold; color: #333333}
.piccolo      { font-family: Verdana; font-size: 11px}
.grassetto    { font-weight: bold}
.link         { color: #003399}
.rosso        { color: #FF0000}
.menuSel      { color: #FFFFFF}
.destra       { text-align: right}
.sinistra     { text-align: left}
.centro       { text-align: center}
.su           { vertical-align: text-top}
.giu          { vertical-align: text-bottom}
.middle       { vertical-align: middle}
.cursor       { cursor:pointer}
.help         { cursor:help}
.stato3Rosso  { background:#FF0000}
.stato4Nero   { background:#000000}
.stato2Giallo { background:#FFDD00}
.stato1Verde  {}
.diagramma    { border:1px solid #999999; background:#EEEEEE}
p.grande      { font-family: Verdana; font-size: 16px; font-weight: bold; color: #003399}
.megaicon     { background:#DDDDDD; border:1px solid #BBBBBB; padding:2em; width:200px; height:200px; text-align: center}
.megaicon:hover { text-decoration:none; background:#FFFFFF; border:1px solid #DDDDDD; cursor:pointer}

#menu ul {background:#003366; border:0px; list-style:none; position:relative; float:left; margin:0; padding:0; width:100%}
#menu ul a {display:block; color:#FFFFFF; font-family:Arial; text-decoration:none; font-weight: bold; font-size:14px; padding:0.5em 1em}
#menu ul li {position:relative; float:left; margin:0; padding:0}
#menu ul li a:hover {background:#999999; color:#FFFFFF}
#menu ul li:hover > ul {display:block}
#menu ul ul {display:none; position:absolute; z-index:100; top:90%; left:5px; background:#CCCCCC; padding:0; box-shadow: 2px 2px 2px #888888}
#menu ul ul li {float:none; }
#menu ul ul a {color:#333333; font-family:Arial; text-decoration:none; font-weight: bold; font-size:12px; padding:0.4em 1em}
#menu ul ul ul {top:0; left:100%}

/***** JSW *****/                          
.jsw                      { width:300px; background-color:#CCCCCC; padding:20px; border:1px solid #BBBBBB; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.29); font-family: Verdana, sans-serif; font-size: 12px; color:#333333; text-align: center}
.jswToolTip               { background:#FFFFFF; padding:5px; border: 1px solid #999999; font-family: Verdana; font-size: 11px; color: #2b2b2b}
.jswSfondo                { background:#000000; opacity:0.5}
.jswButton                { font-family: Verdana; font-size: 12px; width:100px; background-color: #003399; border: 1px solid #CCCCCC; color: white; padding: 5px 5px; -webkit-transition-duration: 0.2s; transition-duration: 0.2s} 
.jswButton:hover          { background-color: #FFCB00; color: #003399; border: 1px solid #AAAAAA; cursor:pointer}

.completamentoAutomatico {display:none; position:absolute; background:#CCCCCC; width:304px; box-shadow: 2px 2px 5px #666666; font-family: Verdana; font-size: 12px; color: #333333 }
.completamentoAutomatico table {border: 1px solid #666666; border-collapse: collapse; width:100%}
.completamentoAutomatico td {border: 1px solid #666666; border-collapse: collapse; padding:3px}
.completamentoAutomatico td:hover {border: 1px solid #666666; border-collapse: collapse; padding:3px; background-color: #003399; color: #FFFFFF; cursor:pointer}

.displaytag               { border-collapse: collapse; width: 100%; margin: 20px 0 20px 0}
.displaytag td            { border: 1px solid #DDDDDD; border-collapse: collapse; padding: 2px 4px 2px 4px;	vertical-align: top}
.displaytag td.icon       { padding:0 4px 0 4px; vertical-align:middle; text-align: center, width:90px}
.displaytag td.icons      { padding:0 2px 0 2px; border:0; border-collapse:collapse; text-align: center; width:22px}
.displaytag thead         { font-family: Verdana; font-size: 12px; background-color: #003399; color: #FFFFFF; text-align: center;}
.displaytag th            { border: 1px solid #999999; border-collapse: collapse; padding: 4px}
.displaytag th.sorted     { background-color: #FFCB00}
.displaytag th.sorted a:hover    { text-decoration:none; color: #003399}
.displaytag th a, .displaytag th a:visited {color: #FFFFFF}
.displaytag th a:hover    { text-decoration:none; color: #FFCB00}
.displaytag th.sorted a, .displaytag th.sortable a { background-position: right; display: block; width: 100%}
.displaytag th.sortable a { background-repeat: no-repeat}
.displaytag th.order1 a   { background-repeat: no-repeat}
.displaytag th.order2 a   { background-repeat: no-repeat}
.displaytag tr.odd        { font-family: Verdana; font-size: 12px; background-color: #FDFDFD}
.displaytag tr.tableRowEven, tr.even { font-family: Verdana; font-size: 12px; background-color: #F4F8FF}
.displaytag tr.odd:hover, tr.tableRowEven:hover, tr.even:hover { background-color: #BBCCEE}
.displaytag tr.evidenziato{ font-weight: bold; background-color: #E8E8E8}
span.pagebanner           { font-family: Verdana; font-size: 12px}
span.pagelinks            { font-family: Verdana; font-size: 12px; font-weight: bold; cursor:default}
div.exportlinks font      { font-family: Verdana; font-size: 12px; font-weight: normal; text-align: left; color: #333333}
div.exportlinks span, div.exportlinks a:hover, span.pagelinks a { font-family: Verdana; font-size: 12px; font-weight: bold; text-align: left; color: #003399}
button.dt                 { border-radius:0px; font-family: Verdana; font-size: 12px; width:35px; background-color: #003399; border:none; color: white; padding: 7px 0 7px 0; cursor:pointer; -webkit-transition-duration: 0.2s; transition-duration: 0.2s} 
button.dt:hover           { background-color: #9CBDF0}
button.dtdisabled         { border-radius:0px; font-family: Verdana; font-size: 12px; width:35px; background-color: #777777; border:none; color: white; padding: 7px 0 7px 0; cursor:default}