html          { height:87vh}
body          { background-color: #F9F9F9; margin: 20px; height:87vh}
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: #184589; width:350px}
input.button  { font-family: Verdana; font-size: 12px; width:100px; background-color: #184589; border: none; color: white; padding: 5px 5px; -webkit-transition-duration: 0.2s; transition-duration: 0.2s} 
input.button:hover {background-color: #999999; border: none}
input.check   { width:20px}
input.radio   { width:20px}
select        { font-family: Verdana; font-size: 12px; color: #184589; width:350px}
textarea      { font-family: Verdana; font-size: 12px; color: #184589; width:100%; height:200px}
textarea[disabled] { color: #333333; font-weight: bold}
img           { border:0px}
form          { padding:0px; margin:0px}
h1            { font-family: Verdana; font-size: 15px; font-weight: bold; color: #184589}
h2            { font-family: Verdana; font-size: 14px; font-weight: bold; color: #184589}
h3            { font-family: Verdana; font-size: 13px; font-weight: bold; color: #184589}
h4            { font-family: Verdana; font-size: 12px; font-weight: bold; color: #184589}
h5            { font-family: Verdana; font-size: 12px; color: #184589}
a             { color:#ED2D23; text-decoration:none}
a:hover       { text-decoration:underline}
a.bold        { font-weight:bold}
a:hover.bold  { text-decoration:underline}
hr            { border: 1px solid #CCCCCC}

table.main      { height:87vh; width:100%}
div.ricerca     { background:#EEEEEE; border:1px dashed #CCCCCC; padding:1em 1em}
div.dettaglio   { background:#EEEEEE; border:1px solid #999999; padding:0.5em 1em}
table.dettaglio { width:100%; background:#EEEEEE; border:1px solid #999999; padding:1em 1em}
table.chiara    { border:1px solid #CCCCCC; border-collapse: collapse}
td.chiara       { border-left: 1px solid #CCCCCC}
tr.chiara       { border-top: 1px solid #CCCCCC}
img.foto        { border:1px solid #666666}
span.error      { font-family: Verdana; font-size: 12px; font-weight: bold; color: #FF0000}
table.footer    { width:100%; font-family: Verdana; font-size: 12px; font-weight: bold; color: #333333}
td.utente       { background:#003366; font-family: Verdana; font-size: 12px; font-weight: normal; color: #FFFFFF; text-align: right}
.blu            { color:#184589}
.link           { color:#b36a0c}
.disabilitato   { color:#999999}
.grassetto      { font-weight: bold}
.destra         { text-align: right}
.sinistra       { text-align: left}
.destra         { text-align: right}
.centro         { text-align: center}
.bianco         { text-align: center; color:#FFFFFF}
.su             { vertical-align: text-top}
.giu            { vertical-align: text-bottom}
.cursor         { cursor:pointer}
.cornice        { border:1px solid #184589; padding:0px 0px}
.diagramma      { border:1px solid #999999; background:#EEEEEE}
.piccolo        { font-family: Verdana; font-size: 10px}
.gross          { font-family: Verdana; font-size: 13px; font-weight: bold; color: #184589; margin-top:0px}

#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      { display:none; position:absolute; left:40%; width:20%; background:#CCCCCC; padding:20px; border: 1px solid #666666; box-shadow: 2px 2px 5px #666666; font-family: Verdana; font-size: 12px; color: #333333}
#jswWait  { display:none; position:absolute; left:40%; width:20%; background:#CCCCCC; height:100px; padding:20px; border: 1px solid #666666; box-shadow: 2px 2px 5px #666666; font-family: Verdana; font-size: 12px; color: #333333}

#calendar     {max-width: 900px; margin: 0 auto;}

.hint {font-style: "italic"; color:blue}

.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: #184589; color: #FFFFFF; text-align: center;}
.displaytag th            { border: 1px solid #999999; border-collapse: collapse; padding: 4px}
.displaytag th.sorted     { background-color: #9CBDF0}
.displaytag th.sorted a:hover    { text-decoration:none; color: #184589}
.displaytag th a, .displaytag th a:visited {color: #FFFFFF}
.displaytag th a:hover    { text-decoration:none; color: #999999}
.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.maiVisual  { font-weight: bold; font-style: italic}
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: #184589}
button.dt                 { border-radius:0px; font-family: Verdana; font-size: 12px; width:35px; background-color: #184589; 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}