/* Stili standard per i bottoni, i POP-UP e i menu Pull Down */

/* ################### BOTTONI

/*
vedi spiegazione per BOTTONI_TEN
*/
.BOTTONI_GRA, .BOTTONI_GRA2, .BOTTONI_MED, .BOTTONI_PIC, .BOTTONI_XL, .BOTTONI_XS {
    background-image: url(../Layout/BOTTONE1.png);
	font-family: helvetica,arial,verdana,sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	border-style: solid;
	border-color: #666666;
	border-width: 1px;
	cursor: pointer;
	padding: 0px;
	margin: 0 0 0 0;
	background-color: Transparent;
	background-repeat: repeat; 
	/* Nell'esempio va bene così, con bottoni più particolari bisogna
	usare no-repeat e creare immagini apposta per ogni misura di bottone.
	Per esempio se ci sono sfumature sui bordi verticali o angoli arrotondati ecc.
	*/
	border-radius: 0px;
}

.BOTTONI_GRA:hover, .BOTTONI_GRA2, .BOTTONI_MED:hover, .BOTTONI_PIC:hover, .BOTTONI_XL:hover, .BOTTONI_XS:hover {
    background-image: url(../Layout/BOTTONE-HOVER.png);
}

.BOTTONI_GRA {
	width: 125px;
	height: 31px; 
	/*
	l'immagine è alta 30, ma c'è il border a 1 quindi dovrei dare 32 di altezza,
	ma invece visivamente viene giusto dando 31 (con 32 lascia 1 pixel bianco) 
	e in teoria dovrei dare 102 di larghezza o fare un immagine da 98, ma non c'è 
	problema perchè i 2 pixel (o 1) in più vengono tagliati 
	*/
}
.BOTTONI_GRA2 {
	width: 150px;
	height: 33px; 
	/*
	l'immagine è alta 30, ma c'è il border a 1 quindi dovrei dare 32 di altezza,
	ma invece visivamente viene giusto dando 31 (con 32 lascia 1 pixel bianco) 
	e in teoria dovrei dare 102 di larghezza o fare un immagine da 98, ma non c'è 
	problema perchè i 2 pixel (o 1) in più vengono tagliati 
	*/
}

.BOTTONI_XL {
	width: 180px;
	height: 33px; 
}

.BOTTONI_MED {
	width: 85px;
	height: 33px; 
}

.BOTTONI_PIC {
	width: 65px;
	height: 33px; 
}
.BOTTONI_XS {
	width: 40px;
	height: 33px; 
}

.BOTTONI_GRADIS, .BOTTONI_GRA2DIS, .BOTTONI_MEDDIS, .BOTTONI_PICDIS, .BOTTONI_XLDIS, .BOTTONI_XSDIS { /* BOTTONE STANDARD NON SELEZIONABILE (PER PAGINA ATTIVA) */
	background-image: url(../Layout/BOTTONE-ATTIVATO.png);
	font-family: helvetica,arial,verdana,sans-serif;
	font-size: 11px;
	text-decoration: underline;
	color:#FFFFFF;
	font-weight: bold;
	border-style: solid;
	border-color: #666666;
	border-width: 1px;
	cursor: default;
	padding: 0px;
	margin: 0 0 0 0;
	background-color: Transparent;
	background-repeat: repeat;
	border-radius: 0px;
}

.BOTTONI_GRADIS {
	width: 125px;
	height: 33px;
}
.BOTTONI_GRA2DIS {
	width: 150px;
	height: 33px;
}
.BOTTONI_XLDIS {
	width: 180px;
	height: 33px;
}
.BOTTONI_MEDDIS {
	width: 85px;
	height: 33px;
}
.BOTTONI_PICDIS {
	width: 65px;
	height: 33px;
}
.BOTTONI_XSMDIS {
	width: 40px;
	height: 33px;
}
.BOTTONI_GRA:hover, .BOTTONI_XL:hover, .BOTTONI_MED:hover, .BOTTONI_PIC:hover, .BOTTONI_XS:hover {
	color: White; 
	text-decoration: none;
}

.BOTTONIL_MED {
    background-image: url(../Layout/LATERALE.png);
	font-family: helvetica,arial,verdana,sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	border-style: solid;
	border-color: #666666;
	border-width: 0 1px 1px 1px;
	cursor: pointer;
	padding: 0;
	margin: 0 0 0 0;
	background-color: Transparent;
	background-repeat: repeat; 
	/* Nell'esempio va bene così, con bottoni più particolari bisogna
	usare no-repeat e creare immagini apposta per ogni misura di bottone.
	Per esempio se ci sono sfumature sui bordi verticali o angoli arrotondati ecc.
	*/
	border-radius: 0px;
}

.BOTTONIL_MEDDIS {
	background-image: url(../Layout/LATERALE-ATTIVATO.png);
	font-family: helvetica,arial,verdana,sans-serif;
	font-size: 11px;
	text-decoration: underline;
	color:#FFFFFF;
	font-weight: bold;
	border-style: solid;
	border-color: #666666;
	border-width: 0 1px 1px 1px;
	cursor: default;
	padding: 0px;
	margin: 0 0 0 0;
	background-color: Transparent;
	background-repeat: repeat;
	border-radius: 0px;
}

.BOTTONIL_MEDDIS, .BOTTONIL_MED {
	width: 85px;
	height: 33px;
}

.BOTTONIL_MED:hover {
    background-image: url(../Layout/LATERALE-HOVER.png);
}




.BOTTONIL2_MED, .BOTTONIL3_MED, .BOTTONI_NOME {
	font-family: helvetica,arial,verdana,sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	border-style: solid;
	border-color: #666666;
	border-width: 1px 1px 1px 1px;
	padding: 0;
	margin: 3px 0 0 0;
	background-color: Transparent;
	background-repeat: repeat; 
	/* Nell'esempio va bene così, con bottoni più particolari bisogna
	usare no-repeat e creare immagini apposta per ogni misura di bottone.
	Per esempio se ci sono sfumature sui bordi verticali o angoli arrotondati ecc.
	*/
	border-radius: 5px;
}

.BOTTONIL3_MED {
    background-image: url(../Layout/LATERALE3.png);
}    
.BOTTONIL2_MED, .BOTTONI_NOME {
    background-image: url(../Layout/LATERALE.png);
}    

.BOTTONIL2_MEDDIS, .BOTTONIL3_MEDDIS {
	font-family: helvetica,arial,verdana,sans-serif;
	font-size: 11px;
	text-decoration: underline;
	color:#FFFFFF;
	font-weight: bold;
	border-style: solid;
	border-color: #666666;
	border-width: 0 1px 1px 1px;
	cursor: default;
	padding: 0px;
	margin: 3px 0 0 0;
	background-color: Transparent;
	background-repeat: repeat;
	border-radius: 5px;
}
.BOTTONIL2_MEDDIS {
	background-image: url(../Layout/LATERALE-ATTIVATO.png);
}	
.BOTTONIL3_MEDDIS {
	background-image: url(../Layout/LATERALE3-ATTIVATO.png);
}	

.BOTTONIL2_MED, .BOTTONIL3_MED {
	cursor: pointer;
}

.BOTTONI_NOME {
	cursor: default;
}

.BOTTONIL2_MEDDIS, .BOTTONIL2_MED, .BOTTONI_NOME, .BOTTONIL3_MED, .BOTTONIL3_MEDDIS {
	width: 95px;
	height: 33px;
}

.BOTTONIL2_MED:hover {
    background-image: url(../Layout/LATERALE-HOVER.png);
}
.BOTTONIL3_MED:hover {
    background-image: url(../Layout/LATERALE3-HOVER.png);
}





.BOTTONIB_MED, .BOTTONIB_MEDDIS {
	font-family: helvetica,arial,verdana,sans-serif;
	font-size: 11px;
	color: #000000;
	border-style: solid;
	border-color: #666666;
	border-width: 1px 1px 0 1px;
	padding: 0px;
	margin: 0 0 0 0;
	background-repeat: repeat; 
	/* Nell'esempio va bene così, con bottoni più particolari bisogna
	usare no-repeat e creare immagini apposta per ogni misura di bottone.
	Per esempio se ci sono sfumature sui bordi verticali o angoli arrotondati ecc.
	*/
	border-radius: 0px;
	width: 85px;
	height: 33px;
}

.BOTTONIB_MED {
	cursor: pointer;
    background-image: none;
	background-color: White;
	text-decoration: none;
	font-weight: normal;
}

.BOTTONIB_MED:hover {
	cursor: pointer;
    background-image: none;
    font-weight: normal;
    background-color: #E7E7E8;
	text-decoration: none;
}

.BOTTONIB_MEDDIS {
    cursor: default;
    background-image: none;
	background-color: #BBBBBB;
	text-decoration: none;
	font-weight: normal;
}



.BOTTONIB2_MED, .BOTTONIB2_MEDDIS {
	font-family: helvetica,arial,verdana,sans-serif;
	font-size: 11px;
	color: #000000;
	border-style: solid;
	border-color: #666666;
	border-width:  0 0 1px 0;
	padding: 0px;
	margin: 0 0 0 0;
	background-repeat: repeat; 
	/* Nell'esempio va bene così, con bottoni più particolari bisogna
	usare no-repeat e creare immagini apposta per ogni misura di bottone.
	Per esempio se ci sono sfumature sui bordi verticali o angoli arrotondati ecc.
	*/
	border-radius: 0px;
	width: 95px;
	height: 33px;
}

.BOTTONIB2_MED {
	cursor: pointer;
    background-image: none;
	background-color: White;
	text-decoration: none;
	font-weight: normal;
}

.BOTTONIB2_MED:hover {
	cursor: pointer;
    background-image: none;
    font-weight: normal;
    background-color: #E7E7E8;
	text-decoration: none;
}

.BOTTONIB2_MEDDIS {
    cursor: default;
    background-image: none;
	background-color: #BBBBBB;
	text-decoration: none;
	font-weight: normal;
}

.DIVSUBMENU {
    margin: 0 auto 3px auto; 
    text-align:center; 
    padding: 0 0 0 0; 
    border-radius: 5px;	
    border-style: solid; 
    border-color: #666666;	
    border-width: 1px 1px 1px 1px; 
    width:95px; 
    overflow:hidden; 
}

.DIV_PANNELLO_BOTTONI {
    margin: 0 0 0 0; 
    text-align:center; 
    padding: 0 0 0 0; 
    border-radius: 5px;	
    border-style: solid; 
    border-color: #666666;	
    border-width: 1px 1px 1px 1px; 
    overflow:hidden;
    background-color: #666666;
}



.BOTTONIM_MIC, .BOTTONIM_PIC, .BOTTONIM_MED, .BOTTONIM_GRA, .BOTTONIM_GRA2, .BOTTONIM_XL {
    background-image: url(../Layout/LATERALE.png);
	font-family: helvetica,arial,verdana,sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	border-style: solid;
	border-color: #000000;
	border-width: 0px;
	cursor: pointer;
	padding: 0px;
	margin: 0px;
	background-color: Transparent;
	background-repeat: repeat; 
	height: 24px;
	border-radius: 5px;
}
.BOTTONIM_MICATT, .BOTTONIM_PICATT, .BOTTONIM_MEDATT, .BOTTONIM_GRAATT, .BOTTONIM_GRA2ATT, .BOTTONIM_XLATT {
    font-family: helvetica,arial,verdana,sans-serif;
    font-size: 11px;
    text-decoration: none;
    color: #000000;
    font-weight: normal;
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
    cursor: default;
    padding: 0px;
    margin: 0px;
    background-color: white;
    background-repeat: repeat;
    height: 24px;
    border-radius: 5px;
}
.BOTTONIM_MICDIS, .BOTTONIM_PICDIS, .BOTTONIM_MEDDIS, .BOTTONIM_GRADIS, .BOTTONIM_GRA2DIS, .BOTTONIM_XLDIS {
    background-image: url(../Layout/INTERNO.jpg);
	font-family: helvetica,arial,verdana,sans-serif;
	font-size: 11px;
	text-decoration: none;
	color:#E7E7E8;
	font-weight: bold;
	border-style: solid;
	border-color: #000000;
	border-width: 0px;
	cursor: default;
	padding: 0px;
	margin: 0px;
	background-color: white;
	background-repeat: repeat; 
	height: 24px;
	border-radius: 5px;
}

.BOTTONIM_MIC, .BOTTONIM_MICATT, .BOTTONIM_MICDIS {
    width: 25px;
}
.BOTTONIM_PIC, .BOTTONIM_PICATT, .BOTTONIM_PICDIS {
    width: 45px;
}
.BOTTONIM_MED, .BOTTONIM_MEDATT, .BOTTONIM_MEDDIS {
    width: 75px;
}
.BOTTONIM_GRA, .BOTTONIM_GRAATT, .BOTTONIM_GRADIS {
    width: 115px;
}
.BOTTONIM_GRA2, .BOTTONIM_GRA2ATT, .BOTTONIM_GRA2DIS {
    width: 145px;
}

.BOTTONIM_XL, .BOTTONIM_XLATT, .BOTTONIM_XLDIS {
    width: 220px;
}

    .BOTTONIM_MIC:hover, .BOTTONIM_PIC:hover, .BOTTONIM_MED:hover, .BOTTONIM_GRA:hover, .BOTTONIM_GRA2:hover, .BOTTONIM_XL:hover {
        background-image: url(../Layout/BOTTONE-HOVER.png);
    }

.BOTTONIP_PIC, .BOTTONIP_MED, .BOTTONIP_GRA, .BOTTONIP_PICDIS, .BOTTONIP_MEDDIS, .BOTTONIP_GRADIS {
	font-family: helvetica,arial,verdana,sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	border-style: solid;
	border-color: #000000;
	border-width: 0;
	padding: 0;
	margin: 0;
	height: 28px;
}

.BOTTONIP_PIC, .BOTTONIP_MED, .BOTTONIP_GRA {
	background-color: #303880;
	color: #FFFFFF;
	cursor: pointer;
}

.BOTTONIP_PICDIS, .BOTTONIP_MEDDIS, .BOTTONIP_GRADIS {
	background-color: #FFFFFF;
	color: #000000;
	cursor: default;
}

.BOTTONIP_PIC, .BOTTONIP_PICDIS {
    width: 45px;
}
.BOTTONIP_MED, .BOTTONIP_MEDDIS {
    width: 70px;
}
.BOTTONIP_GRA, .BOTTONIP_GRADIS {
    width: 90px;
}

/* ############## MENU A TENDINA

/* BOTTONI PER MENU A TENDINA 
Ce ne sono 2 per far vedere come gestirli il caso in cui serva
creare più menu a tendina con caratteristiche in parte simili
in parte diverse. Alcune proprietà dei 2 menu restano in
comune alle 2 tendine, mentre altre possono essere diversificate.
Si può diversificare o lasciare in comune quello che si vuole, è
solo un esempio.
*/

.BOTTONI_TENPIC, .BOTTONI_TENMED, .BOTTONI_TENGRA { /* BOTTONE STANDARD SELEZIONABILE */
	font-family: helvetica,arial,verdana,sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	font-weight: normal ;
	background-color: #E0E0E0;
	background-repeat: no-repeat;
	background-image: none;
	border-style: solid;
	border-color: #707070;
    border-width: 1px 1px 1px 1px; 
	cursor: pointer;
	height: 20px; 
	margin: -1px 0 0 0;
    /*
    per i menu a tendina più semplici c'è il problema del BORDER, che non posso mettere sia sul TOP
    che sul BOTTOM perchè se no tra un bottone e l'altro i due border si sommano e risultano diversi
    visivamente da tutti gli altri BORDER (in pratica quelli del contorno). Allora si può dare a 
    tutti i border lo stesso valore e poi dare margin -1px (o quello che è il border) sul TOP. Così
    viene mangiato il border del top di tutti gli elementi, tranne che il primo che si mangia 1px (o
    quello che è dal MARGIN del PANEL che contiene i bottoni. Dunque va impostato margin 1px 0 0 0 nel
    PANEL se non si vuole alcune margine, oppure un px (o quello che è il border) in più di quello
    che si vuole ottenere.
    */
}

.BOTTONI_TENPIC {
    width: 65px;
}

.BOTTONI_TENMED {
    width: 95px;
}

.BOTTONI_TENGRA {
    width: 125px;
}

.BOTTONI_TENGRA:hover, .BOTTONI_TENMED:hover, .BOTTONI_TENPIC:hover {
    background-color: #707070;
	color: #FFFFFF;
}

/* STILE PER IL PANEL CHE FA DA SFONDO ALLA TENDINA */

.PANEL_TENDINA {
    width: auto;
    background-color: transparent;
    /* vedi la nota suoi BOTTONI_TEN per la reale impostazione da dare al MARGIN */
    margin-top: 5px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    overflow: visible;
    /* da qui si può impostare solo il MARGIN. Se i bottoni contenuti
    hanno misura diversa da quella che prende il PANEL vanno in overflow 
    e si vedono correttamente, ma il border e il padding del PANEL stesso
    perdono di significato e danno un risultato errrato, Forse in qualche
    caso si può usare in qualche modo anche il PADDING.
    */
}

/* mettendo dentro il panel una div con questa classe, in cui poi si inseriscono i bottoni,
si può ottenere un bordo gestibile per effetti estetici. 
Tutto il resto resta ugiale, basta metter o non mettere la div per avere a disposizione un
area attorno ai bottoni
*/

.AREA_TENDINA_PIC, .AREA_TENDINA_MED, .AREA_TENDINA_GRA {
    /* ATTENZIONE: Il border va data esattamente con questa sintassi*/
    border-left: solid 1px #000000;
    border-top: solid 1px #000000;
    border-bottom: solid 1px #000000;
    border-right: solid 1px #000000;
    /* o se no fa cose stranissime...*/
    padding-top: 11px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;    
    background-color: #E0E0E0;   
    
    /* 
    senza mettere margin:auto; non si riesce a centrare la DIV nel Panel.
    Probabilmetne capita sempre così quando non si riesce a centrare una DIV,
    bisogna mettere margin auto.
    */
    margin: auto;

    /* questa riga (e quella dopo che è lì solo per compatibilità con vecchie versioni di Firefox)
    serve ad arrotondare gli angoli di una div. Non funziona con IE7 e IE8, funziona perfettamente
    con IE9 e tutti gli altri. Essendo una cosa solo estetica va benissimo così. E' inutile impazzire
    a trovare soluzioni solo per IE7 e IE8. 
    */    
    border-radius: 10px;
}

.AREA_TENDINA_PIC {
    width: 65px; 
    /* è la larghezza dei bottoni, a cui si somma il padding e il border per avere la larghezza reale */
}

.AREA_TENDINA_MED {
    width: 95px; 
    /* è la larghezza dei bottoni, a cui si somma il padding e il border per avere la larghezza reale */
}

.AREA_TENDINA_GRA {
    width: 125px; 
    /* è la larghezza dei bottoni, a cui si somma il padding e il border per avere la larghezza reale */
}

.NORMALE {
    font-weight: normal;
    color: #000000;
}
.GRASSETTO {
    font-weight:bold;  
    color: #000000;
}
.GRASSETTO_ROSSO {
    font-weight:bold;  
    color: Red;
}
.PICCOLO {
    font-weight: normal;
    font-size: 7pt; 
    color: #000000;
}
.TITOLO_GRANDE {
    font-weight:bold;
    color: #b19b5e;
    font-size: 12pt;  
}


.GRIDVIEW
{
    height: 20px;
}

.GRIDVIEW-RIGAALT
{
    background-color: #ECECEC;
}

.GRIDVIEW-RIGA
{
    background-color: White;
}
.HYPERT
{
    text-decoration : none;
    cursor: pointer;   
    color: Blue; 
    font-size:9pt; 
    background-image: none;
    background-color: Transparent;
    border-width: 0; 
    padding: 0;
    margin: 0; 
    font-weight: normal; 
}
.HYPERT:hover
{
    text-decoration : underline;
    cursor: pointer;   
    color: Blue; 
    font-size:9pt; 
    font-weight: bold; 
}

.ALB_INTEST
{
    height: 1px;
    overflow: hidden;
    background-color: Transparent;
    cursor: pointer;
}
.ALB_PROJECT, .ALB_PROJECT:hover, .ALB_PROJECT:active
{
    color: #FFFFFF;
    font-size:8pt; 
    background-image: none;
    background-color: #303880;
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
    border-radius: 5px;
    padding: 0 10px 0 0;
    margin: 10px 0 0 0;
    height: 25px;
    vertical-align: middle;
    overflow: hidden;
}
.ALB_PROJECT
{
    text-decoration : none;
    cursor: pointer;
    font-weight: normal;

}

.ALB_PROJECT:hover
{
    text-decoration : none;
    cursor: pointer;
    font-weight: normal;
}
.ALB_PROJECT:active
{
    text-decoration : underline;
    cursor: pointer;
    font-weight: bold;
}

.ALB_DOC, .ALB_DOC:hover, .ALB_DOC:active
{
    font-size:8pt; 
    background-image: none;
    background-color: #FFFFFF;
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
    border-radius: 5px;
    cursor: pointer;
    padding: 0 10px 0 0;
    margin: 10px 0 0 0;
    height: 25px;
    vertical-align: middle;
    overflow: hidden;
}
.ALB_DOC
{ 
    color: #000000;
    text-decoration : none;
    cursor: pointer;
}

.ALB_DOC:hover
{
    color: #000000;
    text-decoration : none;
    cursor: pointer;
}

.ALB_DOC:active
{
    text-decoration : none; 
    color: Blue;
}

.ALBERO {  
    text-align: left; 
    font-weight: normal;
    font-size: 8pt;
    color: #000000;
}

.NODO {
    text-align: left;
    font-size: 8pt;
    text-decoration: underline;
}   

.NODOSEL {  
    text-align: left;   
    font-size: 8pt;
    font-weight: bold;
    text-decoration : underline;
} 

.ALB_NOTE, .ALB_NOTE:hover
{
    color: #000000;
    font-size:8pt; 
    background-image: none;
    background-color: #EEEEEE;
    border-style: solid;
    border-color: #666666;
    border-width: 1px;
    border-radius: 3px;
    padding: 2px 10px 2px 10px;
    margin: 0 0 3px 0; 
}
.ALB_NOTE
{
    text-decoration : none;
    cursor: pointer;
}

.ALB_NOTE:hover
{
    text-decoration : none;
    cursor: pointer;
}

.DivAttivita
{
    background-color: #FFFFFF;
    border-color: #303880;
    border-bottom-width: 3px;
    border-right-width: 3px;
    border-top-width: 1px;
    border-left-width: 1px;
    border-style: solid;
    padding: 5px 10px 5px 5px;
    margin: 15px 0 0 0;
    border-radius: 12px;
    height: 400px;

}

.DivAttivitaTitolo {
    font-size: 140%;
    color: Red;
    padding: 0 0 5px 0;
    font-weight: bold;
}