/* coding=UTF-8 */
/* LINK A BOTTONE TUTTO TESTUALE */
a.linkbutton, a.linkbutton:link, a.linkbutton:visited {
text-decoration: none;
color: #0000FF;
font-size: 94%;
border: 2px solid;
border-color: #CCCCCC #808080 #808080 #CCCCCC;
border-radius: 4px;
line-height: 250%; /* Crea un margine superiore ed inferiore per distanziare il bottone dalle righe che lo contengono. */
margin-right: 1em;
padding: 0.3em 0.6em 0.3em 0.6em; }
a.linkbutton:hover { border-color: #666666 #A9A9A9 #A9A9A9 #666666; }
a.back { background-color: #CCFFFF; } /* Bottone per tornare alla videata precedente (es.: "Torna alla lista"). */
a.back:hover { background-color: #99FFFF; }
a.skip { background-color: #DCDCDC; } /* Bottoni per scorrere i record (es.: "<< Prec." / "Seg. >>"). */
a.skip:hover { background-color: #C0C0C0; }
a.func1 { background-color: #FFDEAD; } /* Bottoni per funzioni ausiliarie (layout-1). */
a.func1:hover { background-color: #DEB887; }
a.linkbutton-off, a.linkbutton-off:link, a.linkbutton-off:visited, a.linkbutton-off:hover { /* Bottone disattivo, visualizzato solo come segnaposto. */
text-decoration: none;
color: #1E90FF;
font-size: 94%;
border: 2px solid;
border-color: #CCCCCC;
border-radius: 4px;
line-height: 250%; /* Crea un margine superiore ed inferiore per distanziare il bottone dalle righe che lo contengono. */
margin-right: 1em;
padding: 0.2em 0.6em 0.2em 0.6em;
background-color: #F5F5F5; }
a.linkbutton.nomargin, a.linkbutton-off.nomargin { margin-right: 0px; }
/* LINK A BOTTONE GRAFICO */
/* Bottoni quadrati con immagine dentro, usati per Skype e Messenger. */
a.mess-button {
display: block;
width: 70px; height: 70px;
margin: 1em;
font-weight: bold; font-size: 18px; /* line-height: 70px; */
text-decoration: none; text-align: center; color: #0066FF;
background: transparent url("/common-files/img/sfondo_bottoni_70.gif") no-repeat scroll 0px 0px; }
a.mess-button:hover { color: #FF9900; } /* Per IE fino alla versione 6, per evitare il rollover grafico ed il relativo flickring. Cambia solo il colore del testo (che in questi bottoni non c'è). */
html>body a.mess-button:hover { background-position: 0px -70px; color: #FF9900; } /* Per gli altri Browser. */
/* Bottoni rotondi usati per "cancella". */
a.delete-row {
display: block; float: left;
width: 37px; height: 37px;
vertical-align: middle;
font-weight: bold; font-size: 18px; line-height: 37px;
text-decoration: none; text-align: center; color: #0066FF;
background: transparent url("/common-files/img/cancella_double.gif") no-repeat scroll 0px 0px; }
a.delete-row:hover { color: #FF9900; } /* Per IE fino alla versione 6, per evitare il rollover grafico ed il relativo flickring. Cambia solo il colore del testo (che in questi bottoni non c'è). */
html>body a.delete-row:hover { background-position: 0px -37px; color: #FF9900; } /* Per gli altri Browser. */
a.delete-row-small {
display: block; float: left;
width: 16px; height: 16px;
vertical-align: middle;
font-weight: bold; font-size: 16px; line-height: 16px;
text-decoration: none; text-align: center; color: #0066FF;
background: transparent url("/common-files/img/cancella_double_small.gif") no-repeat scroll 0px 0px; }
a.delete-row-small:hover { color: #FF9900; } /* Per IE fino alla versione 6, per evitare il rollover grafico ed il relativo flickring. Cambia solo il colore del testo (che in questi bottoni non c'è). */
html>body a.delete-row-small:hover { background-position: 0px -16px; color: #FF9900; } /* Per gli altri Browser. */
a.delete-row-medium {
display: block; float: left;
width: 24px; height: 24px;
vertical-align: middle;
font-weight: bold; font-size: 18px; line-height: 24px;
text-decoration: none; text-align: center; color: #0066FF;
background: transparent url("/common-files/img/cancella_double_medium.gif") no-repeat scroll 0px 0px; }
a.delete-row-medium:hover { color: #FF9900; } /* Per IE fino alla versione 6, per evitare il rollover grafico ed il relativo flickring. Cambia solo il colore del testo (che in questi bottoni non c'è). */
html>body a.delete-row-medium:hover { background-position: 0px -24px; color: #FF9900; } /* Per gli altri Browser. */
/* Bottone usato per "modifica". */
a.edit-row {
display: block; float: left;
width: 37px; height: 37px;
vertical-align: middle;
font-weight: bold; font-size: 18px; line-height: 37px;
text-decoration: none; text-align: center; color: #0066FF;
background: transparent url("/common-files/img/edit_button_over.gif") no-repeat scroll 0px 0px; }
a.delete-row:hover { color: #FF9900; } /* Per IE fino alla versione 6, per evitare il rollover grafico ed il relativo flickring. Cambia solo il colore del testo (che in questi bottoni non c'è). */
html>body a.edit-row:hover { background-position: 0px -37px; color: #FF9900; } /* Per gli altri Browser. */
/* MINI BOTTONI BICOLORE (LINK) - Esempio d'uso: 'Testo colore-1 Testo colore-2 */
/* La seconda classe assegnata per disegnare il bottone determina la dimensione del font, perché 'font-size: "linkbuttBi-size%";' impostato ad 85 era troppo grande, a 71 andava differenziato per Safari. */
a.minibutton, a.minibutton:link, a.minibutton:visited {
text-decoration: none;
font-weight: normal; font-style: normal; font-variant: normal;
white-space: nowrap;
border: 1px solid;
border-color: #CCCCCC #666666 #666666 #CCCCCC;
border-radius: 3px;
margin-right: 1em;
padding: 0.2em 0px 0.2em 0px; }
/* --- Classi aggiuntive assegnate nella costruzione della pagina (in PHP) se viene rilevato il Browser indicato nella classe. --- */
a.minibutton.ie7 { padding: 0px; } /* Classe assegnata per 'IE<=7'. */
/* Con IE7 il padding superiore ed inferiore viene aggiunto agli elementi "SPAN" interni, mentre gli altri browser considerano che il padding dei due elementi è uguale e li allineano correttamente. Negli altri Browser, senza mettere il padding ad , il suo bordo risulta coperto da con padding, perdendo l'effetto "bottone premuto".
"line-height" per gli elementi in linea non aumenta l'altezza del colore di sfondo, ma solo l'interlinea, quindi non è un'alternativa efficace. La visualizzazione uguale per tutti i Browser si ottiene azzerando il padding verticale di tutti gli elementi interessati, però i bottoni sono meno belli; oppure rendendo tutto "block" e "float" ed assegnando le dimensioni verticali. */
/* --- Fine classi. --- */
a.minibutton:hover { border-color: #333333 #999999 #999999 #333333; }
/* Sono stati usati 2 per migliorare la compatibilità con IE7, anche se sarebbe bastato uno per il testo a destra ed il testo a sinistra dentro il link . */
a.minibutton span.left { padding: 0.2em 0px 0.2em 0.4em; }
a.minibutton span.right { padding: 0.2em 0.4em 0.2em 0.4em; }
a.validator-css span.left { background-color: #FFFFFF; color: #0C479D; }
a.validator-css span.right { background-color: #B2CDE0; color: #000000; }
a.validator-xhtml span.left { background-color: #FFFFFF; color: #0C479D; }
a.validator-xhtml span.right { background-color: #FFCC66; color: #000000; }
a.validator-xhtml-wdg span.left { background-color: #D3D3D3; color: #CC3333; }
a.validator-xhtml-wdg span.right { background-color: #F4A460; color: #000000; }
a.validator-xhtml-validome span.left { background-color: #597188; color: #F7EFD6; }
a.validator-xhtml-validome span.right { background-color: #F7EFD6; color: #000000; }
a.rss span.left { background: #F1F1F1 url("/common-files/img/rss_15px.gif") no-repeat scroll 0px 0px; padding-left: 19px; color: #000000; } /* I valori delle URL si riferiscono sempre al percorso del foglio di stile e non a quello del documento al quale il foglio di stile è associato. */
a.rss span.right { background-color: #FF6600; color: #FFFFFF; font-weight: bold; font-style: normal; }
a.info span.left { background-color: #F5F5F5; color: #708090; }
a.noinfo span.left { background-color: #FFFACD; color: #DC143C; }
a.info span.right, a.noinfo span.right { background-color: #708090; color: #F5F5F5; }
a.devel span.left { background-color: #008080; color: #FFFFCC; }
a.devel span.right { background-color: #FFFFCC; color: #666666; letter-spacing: 1px; }
/* Colori usati per la scritta. */
a span.color-jem-j { color: #476CFF; font-weight: bold; font-style: italic; padding: 0px; }
a span.color-jem-e { color: #FF6666; font-weight: normal; font-style: normal; padding: 0px; }
a span.color-jem-m { color: #33CC33; font-weight: bold; font-style: normal; padding: 0px; }
a span.color-jem-j2 { color: #2F4F4F; font-weight: normal; font-style: italic; padding: 0px; }
a span.color-jem-ob { color: #2F4F4F; font-weight: normal; font-style: normal; padding: 0px; }
a.goto span.right { background-color: #CCFFCC; }
a.togo span.left { background-color: #CCFFCC; }
/* MINI BOTTONI MONOCOLORE (LINK) - Esempio d'uso: Testo bottone */
a.minibutton1, span.minibutton1, a.minibutton1:link, a.minibutton1:visited { /* Il tag serve per simulare dei bottoni disabilitati. */
text-decoration: none;
font-weight: normal; font-style: normal; font-variant: normal;
white-space: nowrap;
border: 1px solid;
border-color: #CCCCCC #666666 #666666 #CCCCCC;
border-radius: 3px;
margin-right: 1em;
padding: 0.2em 0.4em 0.2em 0.4em; }
a.minibutton1:hover { border-color: #333333 #999999 #999999 #333333; }
span.minibutton1 { border-color: #666666 #CCCCCC #CCCCCC #666666 !important; }
a.color-goto { background-color: #CCFFCC; }
a.color-cmd { background-color: #FFFF00; }
span.color-disable { background-color: #DCDCDC; }
a.minibutton.nomargin, a.minibutton1.nomargin, span.minibutton1.nomargin { margin-right: 0px; }