/* Autore: Fabio Di Lupo
   www.operadigitale.it
   ENJOY !!!		 
   Questo foglio di stile è conforme a standard W3C e supera il test per usabilità e accessibilità
   http://www.webaccessibile.org/css/default.asp
  -----------------------
*/

/* Generale */
body {background:#ccc; color:black; font:70% Verdana,Arial,sans-serif; padding:0; margin:0 auto 30px auto; text-align:center;}

a, a:link ,a:visited, a:active {background:white; color:#1e2A74; font-weight:bold; text-decoration:underline;}
a:hover {background:white; color:#d00;}
p{font:100% Verdana,Arial,sans-serif; text-align: justify;}
em {background:white; color:#d00; font:bold 100% Verdana,Arial,sans-serif;}
strong {background:white; color:navy; font:bold 100% Verdana,Arial,sans-serif;}
div {background:#fff; color:#555; width:100%; font:100% Verdana,Arial,sans-serif; text-align:justify; vertical-align:top; margin:0 auto 0 auto;}
table{width:100%; border:0; padding:0; margin:0;}
caption {background:#d00; color:white; font:bold 100% Verdana,Arial,sans-serif; border-bottom:2px solid #900; border-top:2px solid #f00; border-left:2px solid #f00; border-right:2px solid #900; padding:3px 3px 3px 3px; margin:0px 0px 0px 0px; caption-side:top;}
img{border:0; padding:0; margin:0;}
	img.sx {border:1px solid #000; background:#ddd; color:black; margin:0 10px 10px 0; padding:3px; float:left;} 
	img.dx {border:1px solid #000; background:#ddd; color:black; margin:0 0 10px 10px; padding:3px; float:right;} 
acronym,abbr{background:#fff; color:#333; cursor:help; font:100% Verdana,Arial,sans-serif; border-bottom:1px solid #f00;}
small {font:bold 10px Verdana,Arial,sans-serif}
legend {background:#fff; color:#0546b7; font:bold 100% Verdana,Arial,sans-serif;}
input,select,textarea {font:100% Verdana,Arial,sans-serif; padding:0; margin:0;}
	input:focus{background:#ffc;color:black;}
	input.larga{width:200px}
form,button{font:100% Verdana,Arial,sans-serif; padding:0; margin:0;}
fieldset { padding:10px; margin:0; }
dt {font:bold 100% Verdana,Arial,sans-serif;}
ul{list-style-type:square;}
li{text-align:justify;}
	ul.cubi {background:white; color:#343434; margin:5px 0 5px 20px; padding:0 0 0 10px;}
	ul.cubi li {background:white; color:#343434; margin:0px; padding:3px 0 3px 0; list-style-image: url(/icone/cube.gif);}
	ul.utenti {background:white; color:#343434;  margin:5px; padding:0 0 0 10px;}
	ul.utenti li {background:white; color:#343434;  margin:0px; padding:3px 0 3px 0; list-style-image: url(/icone/figure_ver1.gif);}
	
/* Headers */
h1{background:#eee; color:#036; font:bold 130% Georgia,Verdana,Arial,Sans-Serif; text-align:left; border-left:10px solid #1a4E95; border-bottom:0; border-top:0; border-right:0; padding:5px 5px 5px 5px; margin:5px 0 5px 0;  vertical-align:middle; clear:both;}
h1 acronym,h1 abbr{background:#eee; color:#333; cursor:help; font:100% Verdana,Arial,sans-serif; border-bottom:1px solid #f00;}
h1.permessi{background:#eee url(/icone/permessi.gif) no-repeat 15px 50%; color:#036; padding:15px 5px 15px 50px;}
h1.report{background:#eee url(/icone/report.gif) no-repeat 15px 50%; color:#036; padding:15px 5px 15px 50px;}
h1.utenti{background:#eee url(/icone/group.gif) no-repeat 15px 50%; color:#036; padding:15px 5px 15px 50px;}
h1.utente{background:#eee url(/icone/domuser.gif) no-repeat 15px 50%; color:#036; padding:15px 5px 15px 50px;}
h1.magazzino{background:#eee url(/icone/dbase.gif) no-repeat 15px 50%; color:#036; padding:15px 5px 15px 50px;}
h1.terrabandiere{background:#eee url(/icone/sottodomini.gif) no-repeat 15px 50%; color:#036; padding:15px 5px 15px 50px;}
h1.helpdesk{background:#eee url(/icone/helpdesk.gif) no-repeat 15px 50%; color:#036; padding:15px 5px 15px 50px;}
h1.tariffe{background:#eee url(/icone/domtemplate.gif) no-repeat 15px 50%; color:#036; padding:15px 5px 15px 50px;}
h1.blocconote{background:#eee url(/icone/logmanager.gif) no-repeat 15px 50%; color:#036; padding:15px 5px 15px 50px;}
h1.certificato{background:#eee url(/icone/ssl.gif) no-repeat 15px 50%; color:#036; padding:15px 5px 15px 50px;}
h1.repdel{background:#eee url(/icone/reportdelivery.gif) no-repeat 15px 50%; color:#036; padding:15px 5px 15px 50px;}
h1.cassetti{background:#eee url(/icone/appvault.gif) no-repeat 15px 50%; color:#036; padding:15px 5px 15px 50px;}
h1.trademark{background:#eee url(/icone/logosetup.gif) no-repeat 15px 50%; color:#036; padding:15px 5px 15px 50px;}
h1.edit{background:#eee url(/icone/edit.gif) no-repeat 15px 50%; color:#036; padding:15px 5px 15px 50px;}
h1.ricerca{background:#eee url(/icone/preferenze.gif) no-repeat 15px 50%; color:#036; padding:15px 5px 15px 50px;}
h1.fatture{background:#eee url(/icone/mbox.gif) no-repeat 15px 50%; color:#036; padding:15px 5px 15px 50px;}
h1.crono{background:#eee url(/icone/crontab.gif) no-repeat 15px 50%; color:#036; padding:15px 5px 15px 50px;}
h1.edi{background:#eee url(/icone/traffichistory.gif) no-repeat 15px 50%; color:#036; padding:15px 5px 15px 50px;}
h1.bandiere{background:#eee url(/icone/dns.gif) no-repeat 15px 50%; color:#036; padding:15px 5px 15px 50px;}
h1.protezione{background:#eee url(/icone/spamassassin.gif) no-repeat 15px 50%; color:#036; padding:15px 5px 15px 50px;}

h2{background:#eee; color:#036; font:bold 130% Verdana,Arial,Sans-Serif; text-align:left; border-left:10px solid #E78D27; padding:5px 5px 5px 5px;  margin:5px 0 5px 0;}

/* Sezione DIV */
div#alto {background:#1e2A74; color:white; width:900px; padding:0px; margin:0 auto 0 auto; font:100% Verdana, Arial, sans-serif; text-align:left; border-left:1px solid #444; border-right:1px solid #444;} 
div#alto acronym {background:#1e2A74; color:#eee}
div#alto table td {background:#1e2A74; color:#fff}
div#alto table td img {background:#1e2A74; color:#1e2A74; border:0; margin:0; padding:0}
/* Gestione Utenti */
div.autenticazione {background:#1e2A74; color:yellow; padding:0 5px 3px 5px; margin:0 auto 0 auto; border-top:0; border-left:0; border-right:0; border-bottom:10px solid #5a8Ec5; font:bold 100% Verdana,Arial,sans-serif; text-align:left; width:890px;}
div.autenticazione fieldset {padding:0 8px 3px 8px; border:1px solid #ccc; margin:0px}
div.autenticazione fieldset legend {padding:0 8px 0 8px; margin:0; background:#1e2A74; color:#ffd; font:bold 100% Verdana,Arial,sans-serif;}
div.autenticazione fieldset label {background:#1e2A74; color:#fff; margin:0 5px 0 5px; font:bold 100% Verdana,Arial,sans-serif;}
div.autenticazione fieldset input{font:100% Verdana,Arial,sans-serif; width:150px}
div.autenticazione fieldset input.bottone {cursor:pointer; width:60px; background:#1e2A74; color:#fff; border-bottom:2px solid #0E0A54; border-top:2px solid #3E4A94; border-left:2px solid #3E4A94; border-right:2px solid #0E0A54; }

fieldset.opera { padding:10px; margin:0; }
fieldset.opera legend {background:#fff; color:#1e2A74; padding:0 5px 5px 5px; margin:0; }
fieldset.opera label{background:white; color:#444; float:left; font:bold 100% Verdana, Arial, sans-serif; text-align:left; margin:0px 10px 15px 0; padding:2px 2px 2px 5px; border-left:5px solid #d00; border-bottom:1px solid #eee; width:140px; clear:left;}
fieldset.opera input,fieldset.opera select{background:#F4F4BE; color:#000; margin:0px 10px 5px 0; padding:2px 2px 2px 5px; display:block; width:180px}
fieldset.opera input.chiaro {background:#fff; color:#000;}
fieldset.opera input.noacapo{background:white; color:#000; margin:0px 10px 5px 0; padding:2px 2px 2px 5px; display:inline; width:20px}
fieldset.opera input.contacaratteri{background:white; color:#000; border:0;}
fieldset.opera input.bottone {cursor:pointer; width:90px; background:#1e2A74; color:#fff; border-bottom:2px solid #0E0A54; border-top:2px solid #3E4A94; border-left:2px solid #3E4A94; border-right:2px solid #0E0A54; }

div#main {background:white; color:black; width:890px; padding:5px; margin:0 auto 0 auto; font:100% Verdana, Arial, sans-serif; text-align:justify; border-left:1px solid #444; border-right:1px solid #444;} 
div#main div.messaggio {background:white; color:black; padding:0px; margin:0 auto 0 auto; text-align:center;} 
div#main div.messaggio table {background:#fff; color:black; margin:0 auto 0 auto; width:400px;} 
div#main div.messaggio fieldset label{background:white; color:#555; float:left; font:bold 100% Verdana, Arial, sans-serif; text-align:left; margin:0px 10px 5px 0; padding:2px 2px 2px 5px; border-left:5px solid #000066; border-bottom:1px dotted #eee; width:150px}
div#main div.messaggio fieldset input{margin:0px 10px 5px 0; padding:2px 2px 2px 5px; display:block; width:180px}

div.aiuto {background:#ffd; color:black; padding:0px; margin:5px 0px 10px 0px; border-bottom:1px solid #ccc; border-top:1px solid #ccc; }
div.aiuto h1 {background:#eee url(/icone/helpdesk.gif) no-repeat 15px 50%; color:#036; font:bold 130% Georgia,Verdana,Arial,Sans-Serif; text-align:left; border-left:10px solid #aaa; border-bottom:0; border-top:0; border-right:0; padding:15px 5px 15px 40px; margin:5px 0 5px 0;  vertical-align:middle;}
div.aiuto h1 acronym,div.aiuto h1 abbr{background:#eee; color:#036; font:bold 100% Georgia,Verdana,Arial,Sans-Serif;  cursor:help; border-bottom:1px solid #f00;}
div.aiuto a, div.aiuto a:link, div.aiuto a:visited, div.aiuto a:active {background:#ffd; color:#1e2A74; font-weight:bold; text-decoration:underline;}
div.aiuto a:hover {background:#ffd; color:#d00;}
div.aiuto acronym {background:#ffd; color:#333}
div.pag {background:#fff; color:#555; padding:0px; margin:5px 0px 5px 0px;} 

div#basso {background:#eee; color:#000; width:890px; padding:5px; margin:0 auto 0 auto; font:100% Verdana, Arial, sans-serif;  border-top:1px solid #444; border-left:1px solid #444; border-right:1px solid #444; border-bottom:1px solid #444; text-align:left;} 
div#basso acronym {background:#eee; color:#222}
div#basso a, div#basso a:link, div#basso a:visited, div#basso a:active {background:#eee; color:#1e2A74; font-weight:bold; text-decoration:underline;}
div#basso a:hover {background:#eee; color:#222;}

div#finale {background:#ccc; color:#000; width:890px; padding:5px; margin:0 auto 0 auto; font:100% Verdana, Arial, sans-serif;  border:0; text-align:center;} 

div.privacy {background:#EBE4DC; color:black; border:#000 1px solid;  width:850px; padding:5px; margin:0px; font:9px Verdana,Arial,sans-serif;}
div.time {background:#ffd; color:black; padding:2px; margin:5px 0px 5px 0px; border-bottom:1px solid #eee; border-top:1px solid #eee; width:330px }
div.time a, div.time a:link, div.time a:visited, div.time a:active {background:#ffd; color:#1e2A74; font-weight:bold; text-decoration:underline;}
div.time a:hover {background:#ffd; color:#d00;}

p.ricerca{background:white; color:green; font:100% Verdana,Arial,sans-serif; text-align: justify;}

td {font:100% Verdana,Arial,sans-serif; background:white; color:black; vertical-align:top;}
	td.tabe{font-weight:bold; border-bottom:2px solid #0E0A54; border-top:2px solid #3E4A94; border-left:2px solid #3E4A94; border-right:2px solid #0E0A54; background:#1e2A74; color:white;}
	td.tabc{font-weight:bold; border-bottom:2px solid #0E0A54; border-top:2px solid #3E4A94; border-left:2px solid #3E4A94; border-right:2px solid #0E0A54; background:#1e2A74; color:white; text-align:center;}
	td.red{font-weight:bold; border-bottom:2px solid #900; border-top:2px solid #f00; border-left:2px solid #f00; border-right:2px solid #900; background:#d00; color:white; text-align:center; vertical-align:top;}
	td.tgr{font-weight:bold; background:#aaa; color:black;}
th {background:#d00; color:white; font:100% Verdana,Arial,sans-serif; border-bottom:2px solid #900; border-top:2px solid #f00; border-left:2px solid #f00; border-right:2px solid #900; text-align:justify; vertical-align:middle; } 

/*-----------------------*/
/* Sezioni menù e fondo pagina */
table.m {border-bottom:2px solid #0E0A54; border-top:2px solid #3E4A94; border-left:2px solid #3E4A94; border-right:2px solid #0E0A54; background:#1e2A74; color:white;}
table.r {border-bottom:2px solid #900; border-top:2px solid #f00; border-left:2px solid #f00; border-right:2px solid #900; background:#d00; color:white;}

table.blu {padding:0px; margin:0px; background:#1e2A74; color:white;}
table.blu td {background:#1e2A74; color:white;font-weight:bold; border-bottom:2px solid #0E0A54; border-top:2px solid #3E4A94; border-left:2px solid #3E4A94; border-right:2px solid #0E0A54; text-align:center;}
table.blu a{text-decoration:none; background:#1e2A74; color:white;}
table.blu a:active{text-decoration:none; background:#1e2A74; color:white;}
table.blu a:visited{text-decoration:none; background:#1e2A74; color:white;}
table.blu a:hover{background:#1e2A74; color:yellow;}

.button {background:#1e2A74; color:#fff; padding:0; margin:0; text-align:left; border:0; font:100% Verdana, Arial, sans-serif; width:150px; }
.button ul {list-style:none; margin: 0; padding:1px; border:none;}
.button ul li {border-bottom:1px solid #1e2A74; margin:0; width:150px;}
.button ul li.titolo {background:#eee; color:#1e2A74; font-weight:bold; text-transform:uppercase; display:block; border-left:10px solid #ccc; border-bottom:1px solid #eee; padding:1px 1px 1px 1px; margin:0; width:100%;}
.button ul li a, .button ul li a:visited, .button ul li a:active {background:#1e2A74; color:#fff; font-weight:normal; display:block; padding:1px 1px 1px 1px; border-left:10px solid #d00; text-decoration:none; width:100%;}
.button ul li a:hover {background:#4E5Aa4; color:#ff0; border-left:10px solid #f00;}
.button ul li#activelink a, .button ul li#activelink a:visited, .button ul li#activelink a:active {background:#4E5Aa4; color:#ff0; font-weight:normal; text-transform:uppercase; display:block; padding:1px 1px 1px 1px; border-left:10px solid #ff0; text-decoration:none; width:100%;}
html>body #button ul li a, html>body #button ul li a:visited, html>body #button ul li a:active, html>body #button ul li a:hover {width: auto;} 
html>body #button ul li.titolo {width: auto;}
html>body #button ul li#activelink a, html>body #button ul li#activelink a:visited, html>body #button ul li#activelink a.active, html>body #button ul li#activelink a:hover {width: auto;}
.button ul li.evidenziato a, .button ul li.evidenziato a:visited, .button ul li.evidenziato a:active {background:#eeee00; color:#000066; font-weight:normal; display:block; padding:1px 1px 1px 1px; border-left:10px solid #f00; text-decoration:none; width:100%;}
.button ul li.evidenziato a:hover {background:#ff0; color:#000; border-left:10px solid #f00;}

table.grigia{background:#ccc; color:#000;}
table.grigia td {background:#ccc; color:#000; border-right:#aCaCaC 2px solid; border-top:#ECECEC 2px solid; border-left:#ECECEC 2px solid; border-bottom:#aCaCaC 2px solid; font:10px Verdana,Arial,sans-serif; text-align:justify;}
table.grigia th {border-bottom:2px solid #900; border-top:2px solid #f00; border-left:2px solid #f00; border-right:2px solid #900; background:#d00; color:white; font:10px Verdana,Arial,sans-serif; text-align:center; vertical-align:top; } 
table.grigia td.tabe{font-weight:bold; border-bottom:2px solid #0E0A54; border-top:2px solid #3E4A94; border-left:2px solid #3E4A94; border-right:2px solid #0E0A54; background:#1e2A74; color:white;}
table.grigia td em {background:#ccc; color:#006900; font-weight:bold; } 
table.grigia td.tabc{font-weight:bold; border-bottom:2px solid #0E0A54; border-top:2px solid #3E4A94; border-left:2px solid #3E4A94; border-right:2px solid #0E0A54; background:#1e2A74; color:white; text-align:center;}
table.grigia td.tgr{font-weight:bold; background:#aaa; color:#000; border-bottom:2px solid #8a8a8a; border-top:2px solid #CaCaCa; border-left:2px solid #CaCaCa; border-right:2px solid #8a8a8a; }
table.grigia td.red{font-weight:bold; border-bottom:2px solid #900; border-top:2px solid #f00; border-left:2px solid #f00; border-right:2px solid #900; background:#d00; color:white; font:10px Verdana,Arial,sans-serif; text-align:center; vertical-align:top;}
table.grigia a, table.grigia a:link, table.grigia a:visited, table.grigia a:active {background:#ccc; color:#000069; font-weight:bold; text-decoration:underline;}
table.grigia a:hover {background:#ccc; color:#690000;}

/* Tabella Messaggi - strong=ERRORE ; em=WARNING ; b=OK*/
table.messaggio {width:500px; background:#ccc; color:black;}
table.messaggio td {background:#ccc; color:#000; border-right:#aCaCaC 2px solid; border-top:#ECECEC 2px solid; border-left:#ECECEC 2px solid; border-bottom:#aCaCaC 2px solid; font:12px Georgia,Verdana,arial,sans-serif; text-align:justify;}
table.messaggio th {border-bottom:2px solid #900; border-top:2px solid #f00; border-left:2px solid #f00; border-right:2px solid #900; background:#d00; color:white; font:bold 14px Georgia,Verdana,arial,sans-serif; text-align:center; vertical-align:top; } 
table.messaggio td strong {background:#ccc; color:#690000; } 
table.messaggio td em {background:#ccc; color:#690000; font-weight:bold; } 
table.messaggio td b {background:#ccc; color:#006900; } 

table.numerica{background:#ccc; color:#000;}
table.numerica td {background:#ccc; color:#000; border-right:#aCaCaC 2px solid; border-top:#ECECEC 2px solid; border-left:#ECECEC 2px solid; border-bottom:#aCaCaC 2px solid; font:10px Verdana,Arial,sans-serif; text-align:right; padding:2px}
table.numerica td em {background:#ccc; color:#006900; font-weight:bold; } 
table.numerica td.s {text-align:left;}
table.numerica th {border-bottom:2px solid #900; border-top:2px solid #f00; border-left:2px solid #f00; border-right:2px solid #900; background:#d00; color:white; font:10px Verdana,Arial,sans-serif; text-align:center; vertical-align:top; } 
table.numerica td.tabe{text-align:left; font-weight:bold; border-bottom:2px solid #0E0A54; border-top:2px solid #3E4A94; border-left:2px solid #3E4A94; border-right:2px solid #0E0A54; background:#1e2A74; color:white;}
table.numerica td.tabe acronym{background:#1e2A74; color:#fff; cursor:help; font:bold 100% Verdana,Arial,sans-serif; border-bottom:1px solid #f00;}
table.numerica td.tabd{text-align:right; font-weight:bold; border-bottom:2px solid #0E0A54; border-top:2px solid #3E4A94; border-left:2px solid #3E4A94; border-right:2px solid #0E0A54; background:#1e2A74; color:white;}
table.numerica td.tabd acronym{background:#1e2A74; color:#fff; cursor:help; font:bold 100% Verdana,Arial,sans-serif; border-bottom:1px solid #f00;}
table.numerica td.ts{font-weight:bold; border-bottom:2px solid #0E0A54; border-top:2px solid #3E4A94; border-left:2px solid #3E4A94; border-right:2px solid #0E0A54; background:#1e2A74; color:white; text-align:left;}
table.numerica td.tabc{font-weight:bold; border-bottom:2px solid #0E0A54; border-top:2px solid #3E4A94; border-left:2px solid #3E4A94; border-right:2px solid #0E0A54; background:#1e2A74; color:white; text-align:center;}
table.numerica td strong {background:#ccc; color:#000069; font:bold 100% Verdana,Arial,sans-serif;}
table.numerica a, table.numerica a:link, table.numerica a:visited, table.numerica a:active {background:#ccc; color:#000069; font-weight:bold; text-decoration:underline;}
table.numerica a:hover {background:#ccc; color:#690000;}

table.lista td {border-bottom:1px solid #ccc; background:#eee; color:black;}
	table.lista td.titolo {border-bottom:1px solid #ccc; background:#ffffcc; color:black; text-align:center; font-weight: bold;}
	table.lista td.dx {text-align:right;}
table.lista th.dx {text-align:right;}
table.lista em {background:#eee; color:#006900}
table.lista strong {background:#eee; color:#d30}
table.lista a, table.lista a:link, table.lista a:visited, table.lista a:active {background:#eee; color:#1e2A74; font-weight:bold; text-decoration:underline;}
table.lista a:hover {background:#eee; color:#690000;}

table.centrata caption {background:#eee; color:black; font:italic 10px Verdana,Arial,sans-serif; padding:5px; border:0; text-align:center;}
table.centrata td {background:white; color:black; font:10px Verdana,Arial,sans-serif; padding:5px; border-top:1px #ccc solid; text-align:center;}
table.centrata th {background:#d00; color:white; font:100% Verdana,Arial,sans-serif; border-bottom:2px solid #900; border-top:2px solid #f00; border-left:2px solid #f00; border-right:2px solid #900; text-align:center; vertical-align:middle; } 

/* per i bubble tooltips */
.tooltip{width: 200px; color:#000; font:normal 11px/1.3 "Trebuchet MS",Arial,sans-serif; text-decoration:none; text-align:center; z-index:100;}
.tooltip span.top{padding: 30px 8px 0; background: url(/icone/bty.gif) no-repeat top; color: #036; font-weight:bold; font-family:"Trebuchet MS",Arial,sans-serif;}
.tooltip b.bottom{padding:3px 8px 15px;color: #000; background: url(/icone/bty.gif) no-repeat bottom; font-weight:normal; font-family:"Trebuchet MS",Arial,sans-serif; font-size:smaller}