/*
** Colori del tema sixteen
************************************
** sfondo pagina (content e sidebar)
** RGB 228,224,198 #e4e0c6
**
** sfondo generale (al di fuori del content)
** RGB 217,213,186 #D9D5BA
*/

	h1
	{
		font: normal small-caps ;
		font-size: 16px;
		color: black;
		text-align: center;
	}
										
	form			
	{
		width: 90%;
		text-align:left;
		color:black;
		margin:50px auto;
		padding: 25px;
		overflow: auto;
		border-radius:10px;
		box-shadow:1px 1px 7px #000;
	}	

	
	div.commento
	{
		text-align:right;
		color:red;
		border: 2px  solid yellow;	
	}    

        
	table.tabdati
	{			
                border-collapse: collapse;
                empty-cells: hide;
                border-spacing: 5px;
	}
	table.tabinput
	{	
		margin: auto;	
		table-layout: fixed;
		border: none;
		width: 100%;
		empty-cells: hide;
		border-collapse: collapse;
		border-spacing: 15px 15px;
	}

	
	td.parametri
	{
		background-color: transparent;	
		text-align: left;
		vertical-align: middle;
		font-size: small;
		padding-top: 2px;
		padding-bottom: 2px;
		border:  ridge ;			/* non copisco perchè se non tolgo il bordo rimane un border-bottom dotted ??? */
	}
	td.intestazione
	{
		background-color: rgb(228,224,198);	
		text-align: center;
		vertical-align: middle;
		font-size: small;
		padding-top: 1px;
		padding-bottom: 1px;
		border:  ridge ;
	}
	td.valore
	{
		text-align: right;
		vertical-align: middle;
		font-size: small;
		padding-top: 5px;
		padding-bottom: 5px;
		border:  ridge ;			/* non copisco perchè se non tolgo il bordo rimane un border-bottom dotted ??? */
	}
        
   td.giudizio
	{
		text-align: center;
		vertical-align: middle;
		font-size: small;
		font-weight: bolder;
		padding-top: 5px;
		padding-bottom: 5px;
		border:  ridge ;			
	}
        
	td.tdinput
	{
		background-color: rgb(228,224,198);	
		text-align: center;
		vertical-align: middle;
		font-size: small;
		padding-top: 5px;
		padding-bottom: 5px;
		// border:  2px solid red ;			/* non copisco perchè se non tolgo il bordo rimane un border-bottom dotted ??? */
	}
        
	.tdinput2
	{
		text-align: justify;
		vertical-align: middle;
		font-size: small;
		padding-top: 5px;
		padding-bottom: 5px;
		// border:  2px solid red ;			/* non copisco perchè se non tolgo il bordo rimane un border-bottom dotted ??? */
	}
        
	td.tdcommento
	{
		text-align: left;
		vertical-align: middle;
		font-size: small;
		padding-top: 5px;
		padding-bottom: 5px;
		border-bottom:  1px dotted;
	}
        
	td.separaz
	{
		background-color: rgb(228,224,198);
		text-align: right;
		vertical-align: middle;
		font-size: small;
		padding-top: 2px;
		padding-bottom: 2px;
		border-top: none;
		border-bottom: none;
		
	}
	input.valore
	{
		background: white;
		width: 70%;
		text-align: right;
		font-size: small;
		padding-top: 5px;
		padding-bottom: 5px;
		/* border-bottom: 1px dotted #808080; */
	}
    .bottone
	{
		background: white;
		width: 20%;
		text-align: center;
		font-size:small;
		padding-top: 2px;
		padding-bottom: 2px;
		/* border-bottom: 1px dotted #808080; */
	}
    .bottone2
	{
		background: yellow;
		width: 70%;
		text-align: center;
		font-size: 6px;
		color: red;
		padding-top: 10px;
		padding-bottom: 10px;
           /*    maxlength: 5;
		/* border-bottom: 1px dotted #808080; */
	}
    #commento
    {
        -moz-tab-size: 8;
        -o-tab-size: 8;
        tab-size: 8;
        text-align: left;
        color: black;
	font-size: small;
	// font-weight: bold;
	font-family: arial;
	background: none;	
        
    }
    
        #commento2
    {
        -moz-tab-size: 8;
        -o-tab-size: 8;
        tab-size: 8;
        text-align: left;
        color: black;
	font-size: small;
	//font-weight: bold;
	font-family: arial;
	background: none;	
        
    }
    
    #giu_finale
    {
        -moz-tab-size: 8;
        -o-tab-size: 8;
        tab-size: 8;
        text-align: left;
        color: black;
	font-size: small;
	// font-weight: bold;
	font-family: arial;
	background: none;	
        
    }
       #giu_finale2
    {
        -moz-tab-size: 8;
        -o-tab-size: 8;
        tab-size: 8;
        text-align: left;
        color: black;
	font-size: small;
	// font-weight: bold;
	font-family: arial;
	background: none;	
        
    }

    #inputbox
    {
        width: 50%;
        
    }

	
/* ************************ classi dinamiche ************************ */
input[type="button"]
{ 
height: 50px;
width: 98%;
}
 
input[type="button"]:focus { background-color: cyan; }
input[type="button"]:hover { background-color: red; }
input[name="reset"]:focus { background-color: cyan; }
input[name="reset"]:hover { background-color: red; }