body {  /*font-family: 'Pathway Gothic One', sans-serif;*/ }

#header 
{
    background-color: rgba(240,240,250,0.4);
    color: black;
    font-size:small;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 90px;
    padding: 0px;
    margin: 0px;
    z-index:5;
}

#header #header-content { margin: 0px; }

#header #header-info    { font-size:x-small; float:right; width:40%; padding: 0px 5px 0px 0px; }

.work 
{  
    background-color: rgba(255,255,255,1.0);
    width: 100%;
    padding: 0px;
    margin-top:130px;
    margin-left:0px;
    text-align:center;    
    font-size:small;
}

.work_index 
{  
    background-color: rgba(255,255,255,1.0);
    width: 100%;
    padding: 0px;
    margin-top:50px;
    margin-left:0px;
    text-align:center;    
    font-size:small;
}

.work_mobile 
{  
    background-color: rgba(255,255,255,1.0);
    width: 100%;
    padding: 0px;
    margin-top:20px;
    margin-left:0px;
    text-align:center;    
    font-size:small;
}

.green  { font-size: large; 
	background-color: #CCFFA2;
	color: green;
	margin-left: -10px;
    	top: 10px;
    	left: 0px;
    	width: 100%;
	height:12px;
	padding: 10px 10px 18px 10px;
	font-weight: bold;
	text-align:center;}

.red   { font-size: large; 
	background-color: #FFA3A3;
	color: black;
	margin-left: -10px;
    	top: 10px;
    	left: 0px;
    	width: 100%;
	height:12px;
	padding: 10px 10px 18px 10px;
	font-weight: bold;
	text-align:center;}

.blue  { font-size: large; 
	background: #e4edf5;
	color: navy;
	margin-left: -10px;
    	top: 10px;
    	left: 0px;
    	width: 100%;
	height:12px;
	padding: 10px 10px 18px 10px;
	font-weight: bold;
	text-align:center;}
	
.yellow { font-size: large; 
	background-color: gold;
	color: black;
	margin-left: -10px;
    	top: 10px;
    	left: 0px;
    	width: 100%;
	height:12px;
	padding: 10px 10px 18px 10px;
	font-weight: bold;
	text-align:center;}
	

.chiaro    {font-size: medium; font-weight: bold; text-align:center; color:black; margin: 0px auto;}
.errore    {font-size: medium; font-weight: bold; text-align:center; color:red; margin: 0px auto;}

.disp_green    	{font-size: 36px; font-weight: bold; text-align:center; color:green;}
.disp_red	{font-size: 36px; font-weight: bold; text-align:center; color:red;}
.disp_navy     	{font-size: 36px; font-weight: bold; text-align:center; color:navy;}
.disp_black    	{font-size: 36px; font-weight: bold; text-align:center; color:black;}

.percent    	{font-size: 26px; font-weight: bold; text-align:center; color:orange;}

.grey	   {background-color:#F0F0F0;}
.darkgrey  {background-color:#A0A0A0;}
.bold	   {font-weight:bold;}

.data	   {font-weight:bold; text-align:center; background-color:rgb(153, 193, 241);}

.titolo    {text-align:center; font-size:small; font-weight:bold; color:white; background-color:#003366;}
.title     {text-align:center; font-size:small; font-weight:bold; color:white; background-color:#003366;}

.titolox   {text-align:center; font-size:small; font-weight:bold; color:white; background-color:red;}
.titlex    {text-align:center; font-size:small; font-weight:bold; color:white; background-color:red;}

.small     {font-size: small; font-weight: bold;}
.warning   {font-size: x-small; font-weight: bold; text-align:center; color: navy;}
.warnnig   {font-size: x-small; font-weight: bold; text-align:center; color: navy;}
.rigido    {font-size: large; font-family:monospace;}

.left	   {text-align:left;}
.center	   {text-align:center;}
.right	   {text-align:right;}

.link	   {text-decoration:none; color:navy;}
:hover.link {color:red;}

.linkx	     {text-decoration:none; color:red;}
:hover.linkx {color:orange;}

.tasto     {font-size:large; font-weight:bold; border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;}
:hover.tasto {background-color:#BBE4FF;}

.tastog     {font-size:large; font-weight:bold; color:green; border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;}
:hover.tastog {background-color:lightgreen;}

.tastoy     {font-size:large; font-weight:bold; color:brown; border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;}
:hover.tastoy {background-color:yellow;}

.tastox    {font-size:large; font-weight:bold; color:red; font-weight:bold; border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;}
:hover.tastox {background-color:#FFBDBD;}

.dettaglio {background-color:white; width:100%; line-height:18px; font-weight:bold; border-spacing:1px; }

.info {font-size:medium; font-weight:bold; border-spacing:1px; }

.calendario {background-color:white; width:100%; line-height:22px; font-weight:bold; border-spacing:4px; border: 1px solid black; }

.riga       { }
:hover.riga {background-color:yellow;}
.parametro  { }

.action_button_blue { background-color:#BBE4FF; color:#1C407D; font-weight:bold;     
		      border-radius: 8px;
    		      -moz-border-radius: 8px;
    		      -webkit-border-radius: 8px;}

:hover.action_button_blue {background-color:white;}

.action_button_green  { background-color:#CDFF9E; color:#015B13; font-weight:bold;
		      border-radius: 8px;
    		      -moz-border-radius: 8px;
    		      -webkit-border-radius: 8px;}

:hover.action_button_green {background-color:white;}

.action_button_yellow { background-color:#FFF766; color:black; font-weight:bold;
		      border-radius: 8px;
    		      -moz-border-radius: 8px;
    		      -webkit-border-radius: 8px;}

:hover.action_button_yellow {background-color:white;}

.action_button_red    { background-color:#FF9E9E; color:black; font-weight:bold;
		      border-radius: 8px;
    		      -moz-border-radius: 8px;
    		      -webkit-border-radius: 8px;}

:hover.action_button_red {background-color:white;}

.action_button_white  { background-color:#F0F0F0; color:black; font-weight:bold;
		      border-radius: 8px;
    		      -moz-border-radius: 8px;
    		      -webkit-border-radius: 8px;}

.campo {background-color:#FAFAFA;
        border: 1px solid #ccc;
     	color: #000000;
     	text-align:left;
     	font-size: small;
     	font-style: normal;
     	font-weight: bold;
     	padding: 1px;}

.campo_center {background-color:#FAFAFA;
        border: 1px solid #ccc;
     	color: #000000;
     	text-align:center;
     	font-size: small;
     	font-style: normal;
     	font-weight: bold;
     	padding: 1px;}

.readonly {background-color: #D0D0D0;
        border: 1px solid #ccc;
     	color: #000000;
     	font-size: small;
     	font-style: normal;
     	font-weight: bold;
     	padding: 1px;}

.numero {background-color: #FAFAFA;
        border: 1px solid #ccc;
     	color: #000000;
     	text-align:right;
     	font-size: small;
     	font-style: normal;
     	font-weight: bold;
     	padding: 1px;}
     	
.areatesto {background-color: #FAFAFA;
        border: 1px solid #ccc;
     	color: #000000;
     	text-align:left;
     	font-size: large;
     	font-weight: bold;
     	padding: 3px;
     	width:95%;}

.areatesto_readonly {background-color: #D0D0D0;
        border: 1px solid #ccc;
     	color: #000000;
     	text-align:left;
     	font-size: large;
     	font-weight: bold;
     	padding: 3px;
     	width:95%;}


.pannello {  }

.msgline { height:48px; }

p.accordion{ cursor: pointer; 
	     background-color: #E0E0E0; 
	     color:black; 
	     height:24px; 
	     font-size:medium; 
	     font-weight:bold;
	     padding-top: 8px; text-align:center;}
	     
div.accordion{ display: none; background-color:#FFFFFF;  text-align:center;}