/*stili per il layout fluido*/
html,body{margin: 0;padding:0}
body{margin: 0; padding:0;  font-family: Verdana,arial,sans-serif; background-color: #004B61;

}

/*stili generici tabelle*/

th, td { white-space: nowrap; text-align: left!important;}
td {text-transform: uppercase!important;}

input[type="text"]{ border-radius: 4px!important;
                    border: 1px solid #cccccc!important;
                    text-transform: uppercase!important;
                    border-shadow:1px 1px 1px #BBBBBB!important;
                    margin-right: 2px;}
textarea { border-radius: 4px!important;
    border: 1px solid #cccccc!important;
    text-transform: uppercase!important;
    border-shadow:1px 2px 2px #BBBBBB!important;
    margin-right: 2px;}

input[type="password"]{ border-radius: 4px!important;
                        border: 1px solid #cccccc!important;
                        border-shadow:1px 1px 1px #BBBBBB!important;}
select { border-radius: 4px!important; border: 1px solid #cccccc!important;text-transform:uppercase;}

label{ color: #666666!important;
       font-weight: bold!important;
    text-transform: uppercase!important;
    margin-right: 2px;}

div.dataTables_wrapper {
	width: auto;
	margin: 0 auto;
}

table.none{
	width: 80%;
	border: #CCCCCC solid 1px;
	background-color: #FFFFFF;
	border-collapse: collapse;
	
}

.none tr{margin: none; border: none; padding: none;}
.none td{margin: none; padding: none; border: #000000 solid 0px; }

.dataTable thead tr {
	background-color: #b9d8e2;
}

table.dataTable tbody tr.odd{
	background-color:#F0F8FF!important;
}

a{color: #ffFFFF;}

.link1{color: blue; text-decoration:none;}
.link2{color: #000000; text-decoration:none;}

fieldset{
	font-family:verdana;
	font-size: 12px;
	font-weight:bold;
}

.gisoOld{
	padding-top:15px;
	padding-left:10px;
    padding-right:10px;
	text-align:center;
	vertical-align:middle;
	width:170px; 
	height:85%;
	background-color:#ffffff;
	float: left;
	border-radius:15px;
	box-shadow: inset 0 0 3px 6px rgba(0,0,0,0.6);
	
}

.labor{
	padding-top:15px;
	padding-left:10px;
    padding-right:10px;
	text-align:center;
	vertical-align:middle;
	width:250px; 
	height:160px;
	background-color:#ffffff;
	float: left;
	border-radius:15px;
	box-shadow: inset 0 0 3px 6px rgba(0,0,0,0.6);
	z-index: -1;
 
}
.toolTip {
	position:absolute;
	z-index:9999;
	color:#fff;
	font-size:10px;
	width:180px;
	background:url(toolTip/tipHeader.gif) no-repeat;
	margin-left: 30px;	
}

.toolTip .tipHeader {
	height:8px;
	background:url(toolTip/tipHeader.gif) no-repeat;
}


.toolTip .tipBody {
	background-color:#000;
	padding:5px 5px 5px 15px;
}

.toolTip .tipFooter {
	height:8px;
	background:url(toolTip/tipFooter.gif) no-repeat;
}

.callout_sopra{
	width:698px; 
	height:146;
	margin-left:200px;
	background-image:url('../app/prevido/immagini/prevido/cloud_sopra.png');
	background-size: 698px 146px;
	background-repeat:no-repeat;
}

.callout_centro{
width:698px; 
	height:400;
	margin-left:200px;
	background-image:url('../app/prevido/immagini/prevido/cloud_centrale.png');
	background-size:698px 400px;
	background-repeat:no-repeat;	
}

.callout_sotto{
width:400px; 
	height:200;
	margin-left:200px;
	background-image:url('../app/prevido/immagini/prevido/cloud_sotto_centrale.png');
	background-size:300px 200px;
	background-repeat:no-repeat;	
}

.callout{
	
	vertical-align:middle;
	margin-left:30px;
	float: left;
	width:550px; 
	height:auto; 
	background-color:#ffffff;
	border-radius:60px;
	border-shadow:1px 5px 8px #BBBBBB;
	font-family: cursive;
	font-size: 13px;
	font-weight:bold;
	color:navy;
	padding:5px;
	padding-left:30px;
	padding-right:30px;
	position: relative;
	z-index: 1;
}


.callout_avviso{
	vertical-align:middle;
	margin-left:15px;
	float: left;
	width:550px; 
	height:auto; 
	background-color:#46fb93;
	border-radius:10px 60px;
	border-shadow:1px 3px 3px #BBBBBB;
	font-family: cursive;
	font-size: 13px;
	font-weight:bold;
	color:navy;
	padding:5px;
	padding-left:30px;
	padding-right:30px;
}

.legenda{
	margin:10px;
	margin-left:5%;
	margin-right:5%;
	width:90%;  
	background-color:#ffffff;
	border-radius:60px;
	border-shadow:1px 2px 2px #BBBBBB;
	font-family:verdana;
	font-size: 12px;
	font-weight:bold;
	color:navy;
	padding:3px;
}

.my_editor_class{
	background-color: black;
	}

/*stili generici, su header e footer*/
.grassetto{
	font-weight:bold;
}

.corsivo{
	
	background-color:#CCCCCC;
}

h1,h2{margin: 0;padding:0}
h1{padding-left:0.5em;font: bold 18px Verdana, arial,serif}
h2{color: #999;font-size: 1.5em}

body{
scrollbar-face-color: #808080; /*/ obviously change this to whatever you want /*/
scrollbar-arrow-color: #FFFFFF;
scrollbar-highlight-color: #FFFBF0;
scrollbar-3dlight-color: #808080;
scrollbar-shadow-color: #FFFBF0;
scrollbar-darkshadow-color: #808080;
scrollbar-track-color: #CCCCCC;
}



/*stili specifici per il layout*/
div#header{ background-color:#000080;  width:100%; height:10px; margin-top:0px; z-index: 1;}

span#headertext {font-family: arial;
	             font-weight:bold; width:80%; background-color:#000080; color: #ffffff; float: left;
                 padding-top:1px; padding-bottom:1px; box-shadow: 2px 2px 2px #888888;}
span#headerlink { text-align:right; width:18%; background-color:#000080; color: #ffffff; float: right;
			     font-size:11px; line-height: 20px; padding-top:1px; padding-bottom:1px; padding-right: 2%;
				 box-shadow: 2px 2px 2px #888888;}

div#navigation{ width:100%; height:0px; background: #3B5998;color:#ff0; font-size:13px; font-family: Verdana;
                 margin-top:0px;  clear:left; z-index: 100;}

div#navigation{ font-size:13px; font-family: Verdana;
                 }
                 
div#subheader{ background-color:red; height:10px; margin-top:0px;
               padding-bottom:1px; text-align:center; margin-bottom:20px;}

div#subheaderlink { width:30%; margin-left: auto; margin-right: auto;
	               text-decoration:none; font-size:11px; line-height: 15px;
	               background-color:#ffffff; padding-top:10px; border-radius: 2em;}
div#subheaderlink a {color:red; text-decoration:none;
			       font-size:11px; line-height: 15px; font-weight: bold;}

div#messaggio{
	width:100%;
	text-transform:uppercase;
	text-align:center;
	font-family: Verdana;
	font-size: 0px;
	color: yellow;
	font-weight: bold;
	margin-bottom: 5px;
	padding-top:5px;
	clear:left;
	
}
div#content{font-size:small; padding: 0em; margin-left:1%; margin-right:1%; clear: left; overflow:inherit; margin-top:5px;}

div#footer{text-align:center;padding: 0.5em;
     color: #000}
div#footer a{color: #fff;font-weight: bold;text-decoration: underline}

#nav, #nav ul {
	float: left;
	width: 100%;
	list-style: none;
	line-height: 1;
	font-weight: bold;
	padding: 0;
	margin: 0 0 1em 0;
	background: #d4d4d4;
	color:#000000;
	z-index: 100;
	
}

#nav a {
	font-size:11px;
	display: block;
	width: 11em;
	background: #d4d4d4;
	color:#000000;
	text-decoration: none;
	padding: 0.25em 2em;
}



#nav a.daddy {
	background: url(rightarrow2.gif) center right no-repeat;
}

#nav li {
	float: left;
	padding: 0px 0 2px 0px;
	width: 8em;
	margin-left: 0px;
	z-index: 100;
}

#nav li ul {
	visibility:visible; 	z-index: 100;
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	/*w\idth: 13.9em;*/
	font-weight: normal;
	border-width: 0.25em;
	border: 1px solid #a7b1c3;
	background: #d4d4d4;
	color:#000000;
	border-shadow:1px 3px 5px #BBBBBB;
}

#nav li li {/*dimensione colore sull'hover delle voci*/
	padding-right: 1em;
	width: 13.5em;
	height: 14.5px;
	z-index: 100;
}

#nav li ul a {
	background: #d4d4d4;
	color:#000000;
	font-weight: normal;	
	width: 13em;
	/*w\idth: 9em;*/
	z-index: 100;
}

#nav li ul a:hover {
	background-color:#e8e8e8;
	color:#000000;
}

#nav li ul ul { /* impostazioni menublok di terzo livello*/
	margin: -1.3em 0 0 14.2em;
	z-index: 1;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	
}

#nav li:hover, #nav li.sfhover {
	color:black;

}


.avviso{
	width:100%;
	height:30px;
	text-align:center;
	font-family: Verdana;
	font-size: 12px;
	color: red;
	font-weight: bold;
	margin-bottom: 1px;
}

/* W_AUTO 
fieldset.w_auto{
	border:solid 1px #DEDEDE;
	padding:20px;
	}
fieldset.w_auto label{
	font-size:14px;
	font-weight:bold; 
	color:#333333;
	display:block;
	paddign-left:18px;
	margin-bottom:6px;
	}
fieldset.w_auto legend{
	font-weight:bold;
	color:#999999;
	font-size:14px;
}
div.w_span_auto{
	background:url(wr.png) top right no-repeat; 
	padding-right:18px;
	height:34px;
	line-height:34px;
	clear:both;
	margin-bottom:14px;
	}
input[type=text]{
	border:none;
	height:28px;
	padding-top:6px;
	
	text-indent:18px;
	display:block; 
	font-size:12px; 
	color:#666666; 
	width:50%;
	size:50%;
	background:url(wl.png) top left no-repeat;
	}
textarea.w_auto{
	border:none;
	height:28px;
	padding-top:6px;
	text-indent:18px;
	display:block; 
	font-size:12px; 
	color:#666666; 
	width:100%; 
	
	background:url(wl.png) top left no-repeat;
	}

*/

/* STILE STANDARD PER LE TABELLE*/

.tabella {
    border:0px;
}
.tabella th{
	border: 0px solid #808080; 
}

.tabella tr{
	border: 1px solid #808080;
}

.tabella td{
	font-size:11px;
	border: 1px solid #808080;
	padding-left: 0.10em;
	padding-right: 0.10em;
	padding-top: 0.10em;
}


.tabella.riepilogo {
	font: bold 11px Verdana; 
	color: #FFFFFF; 
	text-decoration: none; 
	background: #708EB6; 
	padding: 0px 0px 0px 2px}
	
.tabella.riepilogo.intestazione {
	font: bold 20px Verdana; 
	color: #708EB6; 
	text-decoration: none;
	text-align: center; 
	/*background: #708EB6; */
	background: #FFFFFF;
	padding: 0px 0px 0px 2px}

.tabella.label {
   color: #ffffff; 
   background-color: #708EB6;
	padding-left:2px;
}

.tabella_header {
	font-size:11px;
	border: 0px solid #808080;
	padding-left: 0.10em;
	padding-right: 0.10em;
	padding-top: 0.10em;	
	color: #63697a; 
	background-color:#B9D8E2;
	/*background-color: #63697a;*/
	vertical-align: middle;
}

.tabella.header a {
	color: Aqua; 
}


.tabella.riga:HOVER {

}

.tabella.riga.alternata  {

}

.tabella.riga.alternata:hover  {

	

}

.tabella.riga.evidenziata {
	color: black;
	background-color: white;
	font-size: 16px; 
    padding-left: 0.10em;
	padding-right: 0.10em;
	font-weight: normal;
}

.tabella.indicatoreordinamento {
	font-family: Webdings;
}

.tabella.footer {
	background-color: #dddddd;
}



/*FINE STILE STANDARD PER LE TABELLE*/
.Titolo_miaForm {position: inherit; padding-left:10px; padding-right:10px; width: 50%; margin-left: auto; margin-right: auto;}
.Titolo_miaForm{
padding: 4px;
color:#43577b!important;
border: 0.19em solid lightgray;

border-radius:5px;
text-align: center;
font-family: Verdana; font-size: 12px; color: white;
font-weight: bold; letter-spacing: 1px;
margin-bottom:10px;
    text-transform: uppercase!important;
}

.TitoloSolo { position: inherit; padding-left:10px; padding-right:10px; width: 80%; margin-left: auto; margin-right: auto;}
.TitoloSolo{
padding: 4px;
    color:#43577b!important;
    background-color: #FFFFFF!important;
    border: 0.19em solid lightgray;
border-radius:5px;
text-align: center;
font-family: Verdana; font-size: 12px; color: 43577b;
font-weight: bold; letter-spacing: 1px;
margin-bottom:10px;
    text-transform: uppercase!important;
}

.pannello_form > .blur { margin:20px 0px 0px 8px !important; background-color: #F0F0F0; color: inherit; border-radius: 10px;}
.pannello_form > .blur > .shadow {margin:0px !important; bottom: 2px; right: 2px; border-radius: 10px;}
.pannello_form > .blur > .shadow > .content {margin:0px !important; bottom: 2px; right: 2px; border-radius: 10px;}
.pannello_form > .blur > .shadow {background-color: #E0E0E0; color: inherit; border-radius: 2em;}
.pannello_form > .blur > .shadow > .content {background-color: #fff;  color:#000 ; border: 1px solid #BBBBBB; padding: 10px; border-radius: 10px; overflow: auto;}


.Sottotitolo_miaTable {width: 80%!important; text-align:center;  color:#43577b!important; font-weight: bold; font-size:14px;margin-left: auto; margin-right: auto;}

.Titolo_miaTable {position: inherit; padding-left:10px; padding-right:10px; width: 80%; margin-left: auto; margin-right: auto;}

.Titolo_miaTable{
padding: 4px;
    color:#43577b!important;
    border: 0.19em solid lightgray;
border-radius:5px;
text-align: center;
font-family: Verdana; font-size: 12px;
font-weight: bold; letter-spacing: 1px;
margin-bottom:5px;
    text-transform: uppercase!important;
}

.miaTable > .blur { margin:20px 0px 0px 0px !important; background-color: #F0F0F0; color: inherit;   border-radius: 10px;}
.miaTable > .blur > .shadow {margin:0px !important; bottom: 2px; right: 2px; border-radius: 10px;}
.miaTable > .blur > .shadow > .content {margin:0px !important;bottom: 2px; right: 2px; border-radius: 10px;}
.miaTable > .blur > .shadow {background-color: #E0E0E0; color: inherit; border-radius: 10px;}

.miaTable > .blur > .shadow > .content {background-color: #fff;  color:#000 ; border: 1px solid #BBBBBB; padding:0.50em;
                                        padding-right:1.20em; border-radius: 10px; }


.miaTableHide {
	margin:0.20em 0em 0em 0em;
}

select {
    border-radius:10px;
	padding: 0 8px 0 8px;
	background-color: menu;
	border: 1px solid gray;
}

input {
    border: 1px solid gray;
    border-radius:10px;
	padding-left: 5px;
}

.buttonPrint {
	margin-top:3px;
	margin-bottom:1px;
	color:#4682B4;
	font-weight:bold;
    letter-spacing:2px;
	font-size:11px;
    border: 0px solid #778899;
    background: #fffff0;
    padding-left:0px;
    padding-right:0px;
    padding-top:0px;
    padding-bottom:2px;
    border-radius:0px 0px 4px;
    box-shadow:3px 2px 2px #000000;
}

.button div:parent  {
	margin-left:30px!important;
}

.button {
	color:#ffffff;
	font-weight:bold;
    border: 1px solid #4682B4;
    background: #4682B4;
	padding-bottom:2.5px ;
	padding-top:2.5px ;
    border-radius:6px;
	margin-left: 6px;
	margin-right: 4px;
}

.button:hover {
	color: #4682B4;
	font-weight: bold;
	border: 1px solid #778899;
	border-bottom-color: #ffffff;
	border-right-color: #ffffff;
	background: #87CEFA;
	padding-bottom:2.5px ;
	padding-top:2.5px ;
	border-radius:6px;
	margin-left: 6px;
	margin-right: 4px;
}

.button.popup{
	/*background-image: url("edit.gif");*/

    background-repeat: no-repeat;
    background-position: 5px 50%;

}

.button.image_popup{
	/*background-image: url("edit.gif");*/
	color:#ffffff;
	font-weight:bold;
    border: 0px solid #778899;
    background: none;
    padding-left:0px;
    padding-right:0px;
    padding-top:0px;
    padding-bottom:0px;
    border-radius:0px;
    background-repeat: no-repeat;
    background-position: center;
}

.button.rosso{
	color:#ffffff;
	font-weight:bold;
    border: 1px solid red;
    background: red;
    padding-left:30px;
    padding-right:10px;
    padding-top:2px;
    padding-bottom:2px;
    border-radius:6px;
}


.smallbutton {
	color:#ffffff;
	font-weight:bold;
	font-size:10px;
    border: 1px solid #4682B4;
    background: #4682B4;
    padding-left:20px;
    padding-right:5px;
    padding-top:2px;
    padding-bottom:2px;
    border-radius:6px;
}

.smallbutton:hover {
	color: #4682B4;
	font-weight: bold;
	font-size:10px;
	border: 1px solid #778899;
	border-bottom-color: #ffffff;
	border-right-color: #ffffff;
	background: #87CEFA;
	padding-left: 20px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-radius:6px;
}

/* Inseriti da Luigi */
#progress{

	color: white;
	font-size: 18px;
	font-weight: bold;
	height: 80px;
	
	line-height: 80px;
	margin: 0 auto;
	
	text-align: center;
	top: 150px;
	text-align: center;
	left: 550px;
	
	width: 200px;
	background-image: url(./app/prevido/immagini/ajax-loader.gif);
	
	background-position: bottom;
	background-repeat: no-repeat;


}

.tabellaLuigi {
   border:1px;
   width: auto;
}
.tabellaLuigi th{
	border: 1px solid #808080; 
	background-color: #43577b;
	color: white;
	
}
.tabellaLuigi tr{
	border: 1px solid #808080; 
	width: 100%;
	
}

.tabellaLuigi td{
	font-size:12px;
	border: 1px solid #808080;
	padding-left: 0.10em;
	padding-right: 0.10em;
	padding-top: 0.10em;
	width: auto;
}

/*
*/
.tabellaLuigisb {
  
   width: auto;
}
.tabellaLuigisb th{

	background-color: #43577b;
	color: white;
	
}
.tabellaLuigisb tr{

	width: 100%;
	
}

.tabellaLuigisb td{
	font-size:12px;

	padding-left: 0.10em;
	padding-right: 0.10em;
	padding-top: 0.10em;
	width: auto;
}

.tabellaLuigi2 {
   border:1px;
   width: auto;
   
}
.tabellaLuigi2 th{
	border: 1px solid #808080; 
	background-color: #43577b;
	color: white;
	
}
.tabellaLuigi2 tr{
	border: 1px solid #808080; 
	width: 100%;
	
}

.tabellaLuigi2 td{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 10px;
	
	padding-left: 0.10em;
	padding-right: 0.10em;
	padding-top: 0.10em;
	width: auto;
}

.even{
	background-color: #F0F8FF;
}

.odd{
 background-color: white;

}
.evidenziaRiga{
	background-color: blue;
	color: white;
}
.evidenziaColonna{
	background-color: #4682b4;
}

.pagenavigator{
	text-align: center;
	vertical-align:text-bottom;
	margin: 5px;
	width: auto;
	border: 1px solid gray;
	padding: 2.5px;
	
}

.pagenavigator > .text{
	text-align: center;
	vertical-align:middle;
	margin: 0px;
	width: auto;
	border: 0px;
	padding: 0px;
	
}
#loader{
	color: white;
	font-size: 18px;
	font-weight: bold;
	height: 80px;
	line-height: 80px;
	margin: 0 auto;
	text-align: center;
	width: 200px;
	background-image: url(./app/prevido/immagini/loadinfo.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	
}
#barra{
	width: 400px;
	color: yellow;
}

.messaggio{
	width:100%;
	text-transform:uppercase;
	text-align:center;
	font-family: Verdana;
	font-size: 10px;
	color: yellow;
	font-weight: bold;
	margin-bottom: 5px;
	padding-top:55px;
	clear:left;
	
}

.errore{
	width:100%;
	text-transform:uppercase;
	text-align:center;
	font-family: Verdana;
	font-size: 10px;
	color: red;
	font-weight: bold;
	margin-bottom: 0px;
	padding-top:0px;
	clear:left;
	
}
.footer{
	font-size: 11px;
	font-weight: bold;
	background-color: #43577b;
	color: white;
}

/*Ticker messaggi*/
#cont_ticker{
	width:300px;
    margin: 5px 5px 5px 5px ;
    /*margin-left:7.9%;*/
    padding:0px;
   
   /* overflow:hidden;*/
}

#cont_ticker div{
	/*float:left;*/
    width:200px;
    height:250px;
    margin-left:5px;
	margin-bottom:5px;
}

#cont_ticker li > div{

	margin-left: 0px;

}

.ticker {
	width: 350px;
	height: 200px;
	overflow: hidden;
	margin: 0px;
	margin-left: 5px;
	padding: 0px;
	list-style: none;
	background-color: #FFFFC8;
	border-radius: 10px;
	
	/*box-shadow: 5px 5px rgba(0,0,0,0.3);*/
	box-shadow: 0px 5px 5px 5px rgba(0,0,0,0.4);
	font-family: "Lucida console";
    margin:50px;
	text-align:center;
}

ul.ticker {
   padding:0px;
   width: 350px;
   height: 200px;
   overflow: hidden;
   margin:5px;
 font-size: 11px;


}

ul.ticker  li {
   width: 340px;
   height: 199px;
   padding: 10px;
   text-align: left;

}
 
ul.ticker li a {
   color: #666;
    list-style: none;
}
 
ul.ticker li span {
   display: block;
   font-weight: bold;
   color: #3b5998;
   border-bottom: thin solid;
}

ul.ticker span{
	
	color: navy;
	margin-bottom: 1px;
	font-weight: bold;
	background-color: #FFFFC8;
	width: 340px;
	
	
}

ul.ticker span.leggere{
	color: red;
	margin-bottom: 1px;
	font-weight: bold;
	text-align: right;
}

td .checkLuigi {
	font-size: 10px;
	
	
}

.seleziona{
	background-color: yellow;
	color: black;
}
/*Ticker

/************************************************/
/*
Pannello menu
*/
/*
#navigationSX{
	z-index: 999999;
	background-image: url(../immagini/action_forward.gif);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: white;
}
ul#navigationSX {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 50px;
    left: 0px;
    list-style: none;
   
}
ul#navigationSX li {
    width: 100px;
}
ul#navigationSX li a {
	text-decoration:none;
    display: block;
    margin-left: -2px;
    width: 20px;
    height: 40px;  
	font-size:16px;
	font-weight:bold;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center center;
	background-repeat:no-repeat;
	border-radius:0px 10px 10px 0px;
    border-radius:0px 10px 10px 0px;
    -webkitborder-bottom-right-radius: 10px;
    -webkitborder-top-right-radius: 10px;
    -khtmlborder-bottom-right-radius: 10px;
    -khtmlborder-top-right-radius: 10px;
	border:1px solid #ccc;
}

*/

.giso{
	padding-top:0px;
	padding-left:10px;
    padding-right:13px;
	text-align:center;
	vertical-align:middle;
	width:220px; 
	height:100%;
	background-color:#ffffff;
	float: left;
	border-radius:15px;
	box-shadow: inset 0 0 1px 1px rgba(0,0,0,0.6);
	background-image: url(../../../immagini/apertura.gif);
	background-position: center right;
	background-repeat: no-repeat;
	
	
}

.giso ul{
	list-style: none;

}
.giso li{
	margin-left: -50px;
	text-align: left;
	color: yellow;
}
.giso a{
	text-decoration: none;
}
.giso li:hover{
	color: orange;
}
.giso li>a{
	color: #3b5998;
	font-size: 11px;
}
.giso li>a:hover{
		color: orange;
}
#immNascondi{
	width:100%;
	text-align:right;
	vertical-align: middle;
	margin-top:5px;
	
}

#pannelloMenu{
	position:fixed; 
	top:45px;  
	height:90%;
	z-index:999;
	margin-left:-232px;
	overflow: visible;
	border-radius:15px;
	box-shadow: 3px 3px 3px #888888;
}

#pannelloMenu[primo]{
	position:fixed; 
	top:45px;  
	height:90%;
	z-index:999;
	margin-left:0px;
	overflow: visible;
	border-radius:15px;
	box-shadow: 3px 3px 3px #888888;
}

#dialog ul{
	list-style: none;

}
#dialog li{
	margin-left: -50px;
	text-align: left;
	color: yellow;
}
#dialog a{
	text-decoration: none;
	font-size: 11px;
}

.scroll-pane
{
	width: 100%;
	height: 75%;
	overflow: auto;
}
.fisso
{	text-align:center;
	padding-top:5px;
    padding-left:5px;
	margin-top:2px;
	margin-bottom:5px;
	width: 95%;
	height: 15%;
	text-align: left;
	color: blue;
	font-size: 9px;
	background-color: aqua;
	border-radius:15px;
	box-shadow: 2px 2px 2px #888888;
}

div#calnascosto{

	background-color:#f0ffff;
	top:50px;
	padding:15px;
	width: 50px;
	height: 30px;
	padding:1%;
	position: fixed;
	left: 97%;
	color:#000000;
	border-radius:15px;
	box-shadow: -2px -2px 6px 3px #888888 inset;
	z-index: 100;
	font-size:13px;
}

#CALENDARIO{
	font-size:13px;
	width: 650px;
	z-index: 80;
}

/* la classe è abbinata ai 4 tab degli avvisi*/
.calnascosto{
	background-color:#f0ffff;
	top:10px;
	padding:15px;
	width: 370px;
	height: 30px;
	padding:1%;
	position: fixed;
	left: 1410px;
	color:#000000;
	border-radius:15px;
	box-shadow: -2px -2px 6px 3px #888888 inset;
	font-size:13px;
}
.immCalendario{

	cursor: pointer;
}
.badge {
    background: radial-gradient( 5px -9px, circle, white 8%, red 26px );
    background: -moz-radial-gradient( 5px -9px, circle, white 8%, red 26px );
    background: -ms-radial-gradient( 5px -9px, circle, white 8%, red 26px );
    background: -o-radial-gradient( 5px -9px, circle, white 8%, red 26px );
    background: -webkit-radial-gradient( 5px -9px, circle, white 8%, red 26px );
    background-color: red;
    border: 2px solid white;
    border-radius: 12px; /* one half of ( (border * 2) + height + padding ) */
    box-shadow: 1px 1px 1px black;
    color: white;
    font: bold 12px/11px Helvetica, Verdana, Tahoma;
    height: 14px; 
    padding: 4px 3px 0 3px;
    text-align: center;
    min-width: 12px;
 float: left;
    margin: 0px;
    position: relative;
}

.badgeSmall {
     background: radial-gradient( 5px -9px, circle, white 8%, red 26px );
    background: -moz-radial-gradient( 5px -9px, circle, white 8%, red 26px );
    background: -ms-radial-gradient( 5px -9px, circle, white 8%, red 26px );
    background: -o-radial-gradient( 5px -9px, circle, white 8%, red 26px );
    background: -webkit-radial-gradient( 5px -9px, circle, white 8%, red 26px );
    background-color: red;
    border: 1.5px solid white;
    border-radius: 12px; /* one half of ( (border * 2) + height + padding ) */
    box-shadow: 1px 1px 1px black;
    color: white;
    font: bold 12px/11px Helvetica, Verdana, Tahoma;
    height: 14px; 
    padding: 0 3px 0 3px;
    text-align: center;
    min-width: 12px;

    margin: 0px;
    margin-bottom: 5px;
    position: inherit;
}
#splashpopup
{
    position:absolute;
    display:none;
    top:100px;
    left:50%;
    width:500px;
    height:70%px;
    margin-left:-250px;
    border:1px solid blue;
    padding:20px;
    background-color:white;
    font: 10px Verdana, Tahoma;
}
table.dataTable tbody th,
table.dataTable tbody td {
	white-space: nowrap;
}