<style type="text/css">


#control_overlay {  
     background-color:#000;  
 } 
  

 
.gradient-style {
	font-family: "Verdana" , "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 1px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
.gradient-style th
{
	font-size: 10px;
	font-weight: normal;
	font-family: "Verdana";
	padding: 8px;
	background: #b9c9fe url(<?php echo $baseUrl ?>/images/gradhead.png) repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
}
.gradient-style td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #e8edff url(<?php echo $baseUrl ?>/images/gradback.png) repeat-x;
}
.gradient-style tfoot tr td
{
	background: #e8edff;
	font-size: 10px;
	color: #99c;
}
.gradient-style tbody tr:hover td
{
	background: #d0dafd url(<?php echo $baseUrl ?>/images/gradhover.png) repeat-x;
	color: #339;
}



#tabella_listini {
	border: 1px ;
	FONT-FAMILY:			verdana;
	FONT-SIZE:				9px;
	FONT-WEIGHT: normal;	
	vertical-align: middle;
	text-align: center;	
}

  
#tabella_listini  th{	
	MARGIN:		10px;
	padding:5px 10px 2px 15px;
	BORDER-color: gray;	
	text-align: center;	
}

#tabella_listini  td{
	MARGIN:						10px;
	padding:5px 10px 2px 15px;
	BORDER-color: gray;	
	text-align: center;	
}


label {
	FONT-FAMILY:			verdana;
	FONT-SIZE:				9px;
	BORDER-COLOR:			#5C2F1F;
	BORDER-STYLE:			outset;
	BORDER-WIDTH:			0px;
	MARGIN:					5px;
	PADDING:				5px;
	HEIGHT:					15px; 
	vertical-align: middle;
	text-align: left;
}






#test_id {
  position:absolute;
  top:150px;
  left:100px;
} 

#frm_ordini .text {
 font-family: Verdana, courier, Helvetica, sans-serif;
 font-size: 9px;
 width: 100px;
 margin-right: 6px;

}



.buttons {
 font-family: Verdana, courier, Helvetica, sans-serif;
 font-size: 9px;
 background-color: #E1E1E1;
 color: #000000;
 margin-left: 10px; 
}



.buttonslist {
 font-family: Verdana, courier, Helvetica, sans-serif;
 font-size: 9px;
 background-color: #333333;
 color: #FFFFFF;
}


.sbmbuttons {
 font-family: Verdana, courier, Helvetica, sans-serif;
 font-size: 9px;
 background-color: orange;
 color: #000000;
  margin-left: 10px; 
}

.sbmbuttons[disabled] {
 font-family: Verdana, courier, Helvetica, sans-serif;
 font-size: 9px;
 background-color: #FFF;
 color: grey;
 margin-left: 10px; 
}



#reg .sbmbuttons {
	width: 90px;
}


.etichette {
	FONT-FAMILY:			verdana;
	COLOR:						orange;
	FONT-SIZE:				9px;
	FONT-WEIGHT: 			bold;
	BORDER-COLOR:			#520E98;
	BORDER-STYLE:			outset;
	BORDER-WIDTH:			0px;
	MARGIN:						0px;
	PADDING:					0px;
	HEIGHT:						15px;
}

	
.etichette_nero {
	FONT-FAMILY:			verdana;
	COLOR:					 #000000;
	FONT-SIZE:				9px;
	FONT-WEIGHT: 			bold; 
	BORDER-COLOR:			#520E98;
	BORDER-STYLE:			outset;
	BORDER-WIDTH:			0px;
	MARGIN:						0px;
	PADDING:					0px;
	HEIGHT:						15px; 
}

.etichette_nero1 {
	FONT-FAMILY:			verdana;
	COLOR:					 #000000;
	FONT-SIZE:				9px;
	FONT-WEIGHT: 			bold; 
	BORDER-COLOR:			#520E98; 
	BORDER-STYLE: dotted;
	BORDER-WIDTH:			1px;
	MARGIN:						0px;
	PADDING:					0px;
	HEIGHT:						15px; 
}

.etichette_rosso {
	FONT-FAMILY:			verdana;
	COLOR:						red;
	FONT-SIZE:				9px;
	FONT-WEIGHT: 			bold;
	BORDER-COLOR:			#520E98;
	BORDER-STYLE:			outset;
	BORDER-WIDTH:			0px;
	MARGIN:						0px;
	PADDING:					0px;
	HEIGHT:						15px;
}

label {
	/*FONT-FAMILY:		*/	
	FONT-SIZE:				9px;
	BORDER-COLOR:			#5C2F1F;
	BORDER-STYLE:			outset;
	BORDER-WIDTH:			0px;
	MARGIN:					5px;
	PADDING:				5px;
	HEIGHT:					15px; 
	vertical-align: middle;
	text-align: left;
}

#reg label {
	FONT-FAMILY:			verdana;
	FONT-SIZE:				9px;
	FONT-WEIGHT: 			bold;
	BORDER-COLOR:			#5C2F1F;
	BORDER-STYLE:			outset;
	BORDER-WIDTH:			0px;
	MARGIN:					5px;
	PADDING:				5px;
	HEIGHT:					15px; 
	vertical-align: middle;
	text-align: left;
}



#reg input {
 font-family: Verdana, courier, Helvetica, sans-serif;
 font-size: 9px;
 margin-right: 6px;
 width: 170px;
}


#frm_stat select {
 font-family: Verdana, courier, Helvetica, sans-serif;
 font-size: 9px;
 margin-right: 6px;
 width: 500px;
}


.campi  {
	FONT-FAMILY:			verdana;
	FONT-SIZE:				9px;
	BORDER-COLOR:			#5C2F1F;
	BORDER-STYLE:			outset;
	BORDER-WIDTH:			0px;
	MARGIN:					5px;
	PADDING:				5px;
	HEIGHT:					15px; 
	vertical-align: middle;
	text-align: left;
}


.input_campi  {
	FONT-FAMILY:			verdana;
	FONT-SIZE:				9px;
	FONT-WEIGHT: bold; 
	BORDER-COLOR:			#5C2F1F;
	BORDER-STYLE:			outset;
	BORDER-WIDTH:			1px;
	MARGIN:					0px;
	PADDING:				0px;
	HEIGHT:					12px; 
	vertical-align: middle;
	text-align: left;
}

.tendina  {
	FONT-FAMILY:			verdana;
	FONT-SIZE:				9px;
	FONT-WEIGHT: normal;
	BORDER-COLOR:			#5C2F1F;
	BORDER-STYLE: dotted;
	BORDER-WIDTH: 1px;
	MARGIN:					0px;
	PADDING:				0px;
}



.tendina_corta {
	FONT-FAMILY:			verdana;
	FONT-SIZE:				9px;
	FONT-WEIGHT: normal;
	BORDER-COLOR:			#5C2F1F;
	BORDER-STYLE: dotted;
	BORDER-WIDTH: 1px;
	MARGIN:					0px;
	PADDING:				0px;
	WIDTH:					100px;
}



#testa_tabella td {
	height:						40px; 
	FONT-FAMILY:			verdana;
	text-align: center;
	FONT-SIZE:				9px;
	COLOR:			#000000;
	FONT-WEIGHT: bold;	
	BORDER-COLOR:			#000000;
	BORDER-STYLE:			outset;
	BORDER-WIDTH:			1px;
	MARGIN:						1px;
	PADDING:					1px;
	background-color: 		#E1E1E1;	
} 
 
#testa_tabella .ordine {
	cursor: pointer;
}

.cursore_link {
	cursor: pointer;
}



.letturafac {
	height:						40px;
	FONT-FAMILY:			verdana;
	FONT-SIZE:				9px;
	FONT-WEIGHT: normal;
	BORDER-COLOR:			#5C2F1F;
	BORDER-STYLE: dotted;
	BORDER-WIDTH: 1px;
	MARGIN:					1px;
	PADDING:				1px;	
	background-color: 		#C8EDF8;
	vertical-align: middle;
	text-align: center;	
}

.semaforo {
	height:						40px;
	FONT-FAMILY:			verdana;
	FONT-SIZE:				9px;
	FONT-WEIGHT: normal;
	BORDER-COLOR:			#5C2F1F;
	BORDER-STYLE: dotted;
	BORDER-WIDTH: 1px;
	MARGIN:					1px;
	PADDING:				1px;	
	vertical-align: middle;
	text-align: center;	
}


.anticipoVerde {
	FONT-FAMILY:			verdana;
	FONT-SIZE:				9px;
	FONT-WEIGHT: normal;
	BORDER-COLOR:			#5C2F1F;
	BORDER-STYLE: dotted;
	BORDER-WIDTH: 1px;
	MARGIN:					1px;
	PADDING:				1px;
	COLOR:	yellow;	
	background-color: green;
	text-align: center;
	
}

.anticipoGiallo {
	FONT-FAMILY:			verdana;
	FONT-SIZE:				9px;
	FONT-WEIGHT: normal;
	BORDER-COLOR:			#5C2F1F;
	BORDER-STYLE: dotted;
	BORDER-WIDTH: 1px;
	MARGIN:					1px;
	PADDING:				1px;	
	background-color: yellow;
	text-align: center;
	
}

.anticipoRosso {
	FONT-FAMILY:			verdana;
	FONT-SIZE:				9px;
	FONT-WEIGHT: normal;
	BORDER-COLOR:			#5C2F1F;
	BORDER-STYLE: dotted;
	BORDER-WIDTH: 1px;
	MARGIN:					1px;
	PADDING:				1px;
	COLOR:	yellow;	
	background-color: red;
	text-align: center;
	
}


.td_over {
	FONT-FAMILY:			verdana;
	FONT-SIZE:				9px;
	FONT-WEIGHT: 			bold;	
	BORDER-COLOR:			white;
	BORDER-STYLE:			outset;
	BORDER-WIDTH:			0px;
	MARGIN:						1px;
	PADDING:					1px;
	background-color: 		#E1E1E1;	
	text-align:					center;
}



.dati_griglia {
	FONT-FAMILY:			verdana;
	FONT-SIZE:				9px;
	FONT-WEIGHT: normal;	
	BORDER-COLOR:			#5C2F1F;
	BORDER-STYLE: dotted;
	BORDER-WIDTH: 1px;	
	MARGIN:						1px;
	PADDING:					1px;
	vertical-align: middle;
	text-align: center;	
	background-color:		#FFFFFF;
}

.dati_griglia1 td {
	FONT-FAMILY:			verdana; 
	FONT-SIZE:				9px;
	FONT-WEIGHT: normal;	
	BORDER-COLOR:			#5C2F1F; 
	BORDER-bottom-STYLE: dotted; 
	BORDER-WIDTH: 1px;	
	MARGIN:						1px;
	PADDING:					4px;
	vertical-align: middle;
	text-align: center;	
	background-color:		ffffff;
}

.dati_griglia2 td {
	FONT-FAMILY:			verdana; 
	FONT-SIZE:				9px;
	FONT-WEIGHT: normal;	
	BORDER-COLOR:			#5C2F1F; 
	BORDER-bottom-STYLE: dotted; 
	BORDER-WIDTH: 1px;	
	MARGIN:						1px;
	PADDING:					4px;
	vertical-align: middle;
	text-align: center;	
	background-color:		ffffff;
}

#testa_tabella_anag td {
	height:						20px;
	FONT-FAMILY:			verdana;
	text-align: left;
	FONT-SIZE:				9px;
	BORDER-COLOR:			#000000;
	BORDER-STYLE:			outset;
	BORDER-WIDTH:			1px;
	MARGIN:						1px;
	PADDING:					1px;
	background-color: 		#E1E1E1;	
}

#testa_tabella_anag input {
		FONT-SIZE:				10px;
		background-color: 		#FFFF00;	
}

 #testa_tabella_rub td{
	height:						20px;
	FONT-FAMILY:			verdana;
	text-align: center; FONT-WEIGHT: normal;	
	FONT-SIZE:				9px;
	BORDER-COLOR:			#000000;
	COLOR:			#000000;
	BORDER-STYLE:			outset;
	BORDER-WIDTH:			1px;
	MARGIN:						2px;
	PADDING:					2px;
	background-color: 		#E1E1E1;	
} 

#testa_tabella_rub input {
		FONT-SIZE:				9px;
		background-color: 		#FFFF00;	
}

#testa_tabella_rub select{
		width:	80px;		
}

#testa_tabella_rub img{
	padding-top: 3px;
}




.testa_tabella_label  {
	FONT-FAMILY:			verdana;
	text-align: left;
	FONT-SIZE:				9px;
	FONT-WEIGHT: bold;	
}


ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:26px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px #aaa; border-top:none; width:148px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#d1d1d1}
ul.menu ul li a:hover {background-color:#c5c5c5}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; background-color:#d1d1d1; width:134px}
ul.menu .menulink:hover, ul.menu .menuhover {background-color:orange;}
ul.menu .sub {background:#d1d1d1 136px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}




#big-box-display {
	overflow: auto;
	position: absolute;
	width: 350px;
	height:	250px;
	left: 40%;
	background-color: #E1E1E1;
	border: 2px solid #000;
	font-family: "Helvetica Neue" , Helvetica , courier , sans-serif;
	text-transform:	uppercase;
	text-align:	center;
	line-height:	50px;
	font-size:	10px;
	z-index: 100;
	opacity: 0.9;	
	filter: alpha(opacity=90);
} 

#big-box-ctr {
	top: 30%;
	left: 40%;
	position: fixed;
	z-index: 99;
}

#big-box {
	width: 500px;
	height:	400px;
/*	
	background-color: #E1E1E1; 
*/
	background-color: #FFFFFF; 
	border: 2px solid #000;
	font-family: "Helvetica Neue" , Helvetica , courier , sans-serif;
	text-transform:	uppercase;
	text-align:	center;
	line-height:	50px;
	font-size:	10px;
	z-index: 100;
	opacity: 0.9;	
	filter: alpha(opacity=90);
	display: none;
	overflow:scroll;
} 

#big-box span {
     font-weight:bold;  
	font-size:	14px;
} 



#test_g {
	position: absolute;
	width: 100%;
	height:	100%;
	left: 1px;
	top: 1px;
	background-color: #E1E1E1;
	z-index: 100;
	opacity: 0.6;	
	filter: alpha(opacity=60);
} 



.puntatore {
	cursor: pointer;        
  }




div.autocomplete {
  font-family: "Verdana" , "Lucida Sans Unicode", "Lucida Grande";
  position:absolute;
  width:300px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
  z-index: 1000;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  color: red;
  list-style-type:none;
  display:block;
  FONT-SIZE:	10px;
  margin:0;
  padding:1px;
  height:50px;
  cursor:pointer;
}

.campili  {
  color: black;
  list-style-type:none;
  display:block;
  FONT-SIZE:	9px;
  margin:0;
  padding:2px;
  height:30px;
  cursor:pointer;
}

#icone {
	border: 0px;
}

.nascosto {
	display: none;
}

.lamp  {
  color: red;
  list-style-type:none;
  display:block;
  FONT-SIZE:	14px;
  margin:0;
  padding:2px;
  height:20px;
  cursor:pointer;
  text-decoration: blink;  
}

</style>

