td.tabHover {
    background-color: #E4EDF3;
}

td.tabClick {
    background-color: #CFE8F5;
}



/* STILE PER TUTTI GLI ELEMENTI DI UN TIPO */

body { /* Stili per body  ------------------- */
    margin-top: 5px;
    BACKGROUND-COLOR: #316394;
    /** BACKGROUND-COLOR: #5C83B4;
    FONT-SIZE: .8em;
    FONT-SIZE: inherit;
    FONT-SIZE: 100%;
        
        **/
    FONT-FAMILY: Verdana;
    /**FONT-SIZE: inherit;**/
    FONT-SIZE: 24px;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    /** text-align: center;**/
    height: 100%;
    width: 100%;
}

html { /* Stili per HTML ------------------- */
    height: 100%;
    width: 100%;
    font-size: inherit;
}

#form1 { /* Stili per la form ------------------- */
    height: 100%;
    width: 100%;
}

lbl { /* Stili per la lbl ------------------- */
    height: 100%;
}

input[type="text"] { /* Stili per la text box ------------------- */
    height: 90%;
    font-size:  inherit;
    margin-top: 0px;
    font-size: 24px;
}

    input[type="text"]:hover {
        background-color: #ffffaa;
        font-weight: bold;
        color: #316394;
    }

input[type="password"] { /* Stili per la text password ---------------------------- */
    height: 90%;
    font-size: 24px;
}

    input[type="password"]:hover {
        background-color: #ffffaa;
        font-weight: bold;
        color: #316394;
    }

input[type="file"] { /* Stili per la text carica file ------------------------------- */
    height: 90%;
    background-color: #ffffff;
    font-size: 24px;
}

    input[type="file"]:hover {
        background-color: #ffffaa;
        font-weight: bold;
        color: #316394;
    }

input[type="checkbox"] { /*   height: 30%;     width: 30%; -----------------------------  */
    height: 20px;
    width: 20px;
    font-size: 24px;
}

input[type="checkbox"]:hover {
        background-color: #ffffaa;
        font-weight: bold;
        color: #316394;
    }

input[type="radio"] { /* Stili per radio--------------------------------------  */
    font-size: 24px;
}

input[type="radio"]:hover {
        background-color: #ffffaa;
        font-weight: bold;
        color: #316394;
    }

/*input[type="submit"] {  Stili per la bottone ----------------------      gestito di volta in volta
    font-size:  larger;
    margin-right: 0px;
}

    input[type="submit"]:hover {
        background-color: #ffffaa;
        font-weight: bold;
        color: #075167;
    }  */

input[type="button"] { /* Stili per la bottone ---------------------- */
    /*  height: 90%;  crea problemi ai bottoni gridview  */
    font-size: 24px;
}

    input[type="button"]:hover {
        background-color: #ffffaa;
        font-weight: bold;
        color: #316394;
    }

select { /* Stili per la tendina a discesa -------------------------*/
    height: 90%;
    width: 90%;
    font-size: 24px;
}

    select:hover {
        background-color: #ffffaa;
        font-weight: bold;
        color: #316394;
    }

textarea { /* Stili per la listbox  ------------------------  */
    height: 90%;
    width: 90%;
    font-size: 24px;
}

    textarea:hover {
        background-color: #ffffaa;
        font-weight: bold;
        color: #316394;
    }

table { /* Stili per la table    --------------------------------*/
    font-size: inherit;
    width: 100%;
    height: 90%;
    margin-top: 0px;
    font-size:  24px;
}

img { /* Stili per la immagini    --------------------------------*/
    /**margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;**/
    border-style: none;
}

a:link { /* Stili per il tag <a href=".....">....</a> ------------------------- */
    height: 90%;
    text-decoration: none;
    text-align: center;
    color: inherit;
    /**color: #000099;;**/
}

a:visited {
    text-decoration: none;
    /**color:	#333399;**/
    color: inherit;
}

a:active {
    text-decoration: none;
    color: #ffffaa;
}

a:hover {
    text-decoration: underline;
    color: #ffffaa;
}



/* Stili per il tag <a href=".....">....</a>   il   :  indica l'azione */

a:link {
    text-decoration: none;
    text-align: center;
    color: inherit;
    /**color: #000099;;**/
}

a:visited {
    text-decoration: none;
    /**color:	#333399;**/
    color: inherit;
}

a:active {
    text-decoration: none;
    color: #FFFF66;
}

a:hover {
    text-decoration: underline;
    color: #FFFF66;
}

/**         ---------- CLASSI ----------         **/


/**       BOTTONI -------------------------   **/


.btnScorri {
    background-color: #316394;
    color: #000066;
    border: hidden;
    font-family: Tahoma;
    font-size: 100px;
    text-align: center;
    margin-bottom: 0px;
    height: 100px;
    width: 100px;
}

.btnMenu {
    background-color: #BBFDDC;
    color: #000066;
    font-family: Tahoma;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 0px;
    height: 90%;
    width: 50%;
}



/**     DDL  ---------------------------   **/

.ddlAlfa {    /**  Ricerca Alfabetica   **/

    background-color: silver;
    width:90%;
    margin-bottom: 0px;
}

.ddlGestione {      /**  Gestione   **/

    background-color: #BBFDDC;
    color: #000066;
    font-family: Tahoma;
    font-size:  24px;
    text-align: left;
    font-weight: bold;
    width: 20%;
}
.ddlGestioneRighe {      /**  Gestione   **/

    background-color: #DBDBDB;
    color: #000006;
    font-family: Tahoma;
    font-size:  24px;
    text-align: left;
    font-weight: bold;
    height: 90%;
    width: 12%;
    margin-bottom: 0px;
}
.ddlPagine {      /**  Pagine   **/

    background-color: #9BBCFF;
    color: #000066;
    font-family: Tahoma;
    font-size:  24px;
    text-align: left;
    font-weight: bold;
    height: 90%;
    width: 20%;
}
.ddlStampa {      /**  Pagine   **/

    background-color: #e3bdfa;
    color: #000066;
    font-family: Tahoma;
    font-size:  24px;
    text-align: left;
    font-weight: bold;
    height: 90%;
    width: 12%;
}

.ddlMenuSocietà {      
    background-color: #BBFDDC;
    color: #000066;
    font-family: Tahoma;
    font-size:  24px;
    text-align: left;
    font-weight: bold;
    height: 60%;
    width: 30%;
}
.ddlMenuAttività {  
    background-color: #9BBCFF;
    color: #000066;
    font-family: Tahoma;
    font-size:  24px;
    text-align: left;
    font-weight: bold;
    height: 60%;
    width: 30%;
}
.ddlMenuMagazzino {   
    background-color: #e3bdfa;
    color: #000066;
    font-family: Tahoma;
    font-size:  24px;
    text-align: left;
    font-weight: bold;
    height: 60%;
    width: 30%;
}
.ddlMenuContabilità {   
    background-color: #c9d49a;
    color: #000066;
    font-family: Tahoma;
    font-size:  24px;
    text-align: left;
    font-weight: bold;
    height: 60%;
    width: 30%;
}
.ddlMenuServizio {   
    background-color: #DBDBDB;
    color: #000066;
    font-family: Tahoma;
    font-size:  24px;
    text-align: left;
    font-weight: bold;
    height: 60%;
    width: 30%;
}
.ddlMenuScrivi {   
    background-color: #BBFDDC;
    color: #000066;
    font-family: Tahoma;
    font-size:  24px;
    text-align: left;
    font-weight: bold;
    height: 60%;
    width: 30%;
}

/**       lbl   ---------------------------   **/


.lblMsg {
    color: Yellow;
    font-family: Tahoma;
    font-size: 18px;
    text-align: left;
}


.lblUtente {
    color: Silver;
    font-family: Tahoma;
    font-size: small;
    text-align: left;
}


/**   TABELLE  -------------------------------  **/

.Tabella5 {
    height: 5%;
    width: 99%;
    color: White;
    text-align: left;
    flood-color: #FFFFFF;
    font-family: Verdana;
    font-size:  24px;
    /**  font-weight:bold;    */
}
.Tabella10 {
    height: 10%;
    width: 99%;
    color: White;
    flood-color: #FFFFFF;
    font-family: Verdana;
    font-size:  24px;
    text-align: left;
}
.Tabella10Riga {
    BACKGROUND-COLOR: #3366cc;
    height: 10%;
    width: 99%;
    color: White;
    flood-color: #FFFFFF;
    font-family: Verdana;
    font-size:  24px;
    text-align: left;
}

.Tabella20 {
    height: 20%;
    width: 99%;
    color: White;
    flood-color: #FFFFFF;
    font-family: Verdana;
    font-size:  24px;
    text-align: left;
    /**  font-weight:bold;    */
}
.Tabella20Riga {
    BACKGROUND-COLOR: #3366cc;
    height: 20%;
    width: 99%;
    color: White;
    flood-color: #FFFFFF;
    font-family: Verdana;
    font-size:  24px;
    text-align: left;
    /**  font-weight:bold;    */
}
.Tabella30 {
    height: 30%;
    width: 99%;
    color: White;
    text-align: left;
    flood-color: #FFFFFF;
    font-family: Verdana;
    font-size:  24px;
    /**  font-weight:bold;    */
}
.Tabella40 {
    height: 40%;
    width: 99%;
    color: White;
    text-align: left;
    flood-color: #FFFFFF;
    font-family: Verdana;
    font-size:  24px;
    /**  font-weight:bold;    */
}
.Tabella50 {
    height: 50%;
    width: 99%;
    color: White;
    text-align: left;
    flood-color: #FFFFFF;
    font-family: Verdana;
    font-size:  24px;
    /**  font-weight:bold;    */
}
.Tabella60 {
    height: 60%;
    width: 99%;
    color: White;
    text-align: left;
    flood-color: #FFFFFF;
    font-family: Verdana;
    font-size:  24px;
    /**  font-weight:bold;    */
}
.Tabella70 {
    height: 70%;
    width: 99%;
    color: White;
    text-align: left;
    flood-color: #FFFFFF;
    font-family: Verdana;
    font-size:  24px;
    /**  font-weight:bold;    */
}
.Tabella70Riga {
    BACKGROUND-COLOR: #3366cc;
    height: 70%;
    width: 99%;
    color: White;
    text-align: left;
    flood-color: #FFFFFF;
    font-family: Verdana;
    font-size:  24px;
    /**  font-weight:bold;    */
}
.Tabella90 {
    height: 90%;
    width: 99%;
    color: White;
    text-align: left;
    flood-color: #FFFFFF;
    font-family: Verdana;
    font-size:  24px;
    /**  font-weight:bold;    */
}
.Tabella120 {
    height: 120%;
    width: 99%;
    color: White;
    text-align: left;
    flood-color: #FFFFFF;
    font-family: Verdana;
    font-size:  24px;
    /**  font-weight:bold;    */
}
.Tabella150 {
    height: 150%;
    width: 99%;
    color: White;
    text-align: left;
    flood-color: #FFFFFF;
    font-family: Verdana;
    font-size:  24px;
    /**  font-weight:bold;    */
}
.Tabella150Riga {
    BACKGROUND-COLOR: #3366cc;
    height: 150%;
    width: 99%;
    color: White;
    text-align: left;
    flood-color: #FFFFFF;
    font-family: Verdana;
    font-size:  24px;
    /**  font-weight:bold;    */
}
.Tabella200 {
    height: 200%;
    width: 99%;
    color: White;
    text-align: left;
    flood-color: #FFFFFF;
    font-family: Verdana;
    font-size:  24px;
    /**  font-weight:bold;    */
}
.Tabella250 {
    height: 250%;
    width: 99%;
    color: White;
    text-align: left;
    flood-color: #FFFFFF;
    font-family: 24px;
    font-size:  24px;
    /**  font-weight:bold;    */
}

.Tabella250R {
    BACKGROUND-COLOR: #3366cc;
    height: 250%;
    width: 99%;
    color: White;
    text-align: left;
    flood-color: #FFFFFF;
    font-family: 24px;
    font-size:  24px;
    /**  font-weight:bold;    */
}

.TabellaLunga {
    width: 99%;
    color: White;
    flood-color: #FFFFFF;
    font-family: Verdana;
    font-size:  24px;
    /**  font-weight:bold;    */
}

/**td   td Base    **/

.td_W05 {
    width: 5%;
}
.td_W08 {
    width: 8%;
}
.td_W10 {
    width: 10%;
}
.td_W12 {
    width: 12%;
}

.td_W20 {
    width: 20%;
}

.td_W30 {
    width: 30%;
}

.td_W30R {
    width: 30%;
}

.td_W40 {
    width: 40%;
}
.td_W40R {
    width: 40%;
}

.td_W50 {
    width: 50%;
}

.td_W60 {
    width: 60%;
}

.td_W70 {
    width: 70%;
}

.td_W80 {
    width: 80%;
}



/**   GRIGLIA  -------------------------------  **/

.Griglia {
    background-color: gainsboro;
    color: black;
    width: 100%;
    font-family: Verdana;
    flood-color: #FFFFFF;
    font-size: inherit;
    font-weight: normal;
    /**  font-weight:bold;    */
    height: 90%;
    width: 90%;

    padding: 0px;
    border: solid 1px #c1c1c1;
    border-collapse:collapse;

    
}
 .Griglia td { /**  riga   */
      padding: 2px;
      border: solid 1px #c1c1c1; 
      color: black;
      font-size: inherit; 

 }

.Griglia th  { /**  testata   */
      padding : 4px 2px;
      color: #fff;
      background: SteelBlue url(Images/grid-header.png) repeat-x top;
      border-left: solid 1px #525252;
      font-size: inherit; 
}
.Griglia .AlternatingR {background: #fcfcfc url(Images/grid-alt.png) repeat-x top;  background-color: AliceBlue; }
.Griglia .PagerS {background: gainsboro url(Images/grid-pgr.png) repeat-x top;}
.Griglia .RowS  {background: gainsboro; color :Black}
.Griglia .SelectedR {background: Aqua; }
.Griglia .Header {background: Aqua; color:white;}
.Griglia .Footer {background: red; }
.Griglia .EditR {background: Tomato; }
.Griglia .EmptyR {background: Aqua; }