/********** Nuovo foglio di stile per la zona di catalogazione **********/
/* Condiviso tra tutti gli applicativi*/

table {
    border-collapse: collapse;
    line-height: 1.1; /* per uniformare le tabelle tra Firefox ed altri browser */
}

td {
    border: none;
}

input, button, textarea {
    border-color: whitesmoke;
}

img {
    outline: none !important;
}

/* focus elementi  */
input:focus, textarea:focus, button:focus, select:focus {
    outline: 1px outset #f28b0c;
}

table:focus, option:focus, img:focus, a:focus {
    outline: none !important;
}



/* Classi per omogenizzare gli stili delle tabelle */
.tabelladati {
    color: #000;
    border: solid 1px #c4c4c4;
    border-collapse: collapse;
}

    .tabelladati td, .tabelladati th {
        white-space: nowrap;
        border-collapse: collapse;
        border: solid 1px #c4c4c4;
    }

    .tabelladati .headerrow {
        background-color: #b0c4de;
        font-weight: bold;
    }

    .tabelladati .headerrow2 {
        /* usato nella tabella delle risposte e dei fascicoli (EraSelTitoli) */
        background-color: #deb887;
        font-weight: bold;
    }

    .tabelladati .headerrow3 {
        /* NavajoWhite */
        background-color: #ffdead;
        font-weight: bold;
    }

    .tabelladati tr, .tabelladati tr.row {
        background-color: #fff;
        height: 13px;
    }

        .tabelladati tr.altrow {
            background-color: #f2f2f2;
        }

        .tabelladati tr.selectedrow {
            background-color: #ffdead;
        }

        .tabelladati tr.selectedrow2 {
            /* usato nella tabella delle risposte e dei fascicoli (EraSelTitoli) */
            background-color: #fffacd;
        }

        .tabelladati tr.pagerrow {
            font-weight: bold;
            background-color: #dcdcdc;
        }

            .tabelladati tr.pagerrow span {
                /* il numero selezionato */
                color: #b22222;
            }

            .tabelladati tr.pagerrow a {
                /* i collegamenti alle altre pagine */
                font-weight: normal;
            }


.blacklinks a, .blacklinks a:link, .blacklinks a:visited {
    color: black;
}


.barrato {
    text-decoration: line-through;
}

.hidden {
    display: none;
}


/* Vecchi stili da rivedere e rimpiazzare quanto prima (20/2/2012) */
body {
    margin: 0;
    padding: 0;
    font-size: 11px;
    background-image: url(../../Image/Sfondo.jpg);
    color: black;
    font-family: Tahoma,Arial,Verdana;
    background-color: #ece9d8;
    border-color: whitesmoke;
}

a, a:link, a:visited {
    text-decoration: none;
    font-weight: normal;
}

    a:hover {
        color: red;
        background-color: NavajoWhite;
    }

.VisComboBox {
    font-weight: bold;
    font-size: 11px;
    vertical-align: baseline;
    border-top-style: none;
    font-family: tahoma;
    border-right-style: none;
    border-left-style: none;
    text-align: center;
    text-decoration: none;
    border-bottom-style: none;
}

.stato {
    font-weight: bold;
    font-size: 16pt;
    vertical-align: baseline;
    font-family: Tahoma,Arial;
    text-align: center;
    font-variant: normal;
}

.titoli {
    font-weight: bold;
    font-size: 17pt;
    background-image: url(../../Image/SFONDO.JPG);
    color: orangered;
    font-family: Tahoma,Arial;
    background-color: transparent;
    font-variant: normal;
}

.LabelStato {
    vertical-align: sub;
    box-shadow: 3px 3px 3px #888888;
    border-radius: 25px;
    text-align: center;
    height: 20px;
    padding-top: 5px;
}


.azioni {
    font-weight: bold;
    font-size: 12px;
    color: blue;
    font-family: Tahoma,Arial;
    font-variant: normal;
}

a.moduli, a.moduli:link, a.moduli:visited, a.moduli:hover {
    text-decoration: underline;
}


a.result, a.result:link, a.result:visited {
    font-weight: bold;
    font-size: 11px;
    background-image: url(../../Image/Sfondo.jpg);
    color: black;
    font-style: normal;
    font-family: Tahoma, Verdana, Arial;
    background-color: #f9f9f9;
    font-variant: normal;
    text-decoration: none;
}

    a.result:hover {
        color: #ff6633;
    }

a.action, a.action:link, a.action:visited {
    font-weight: bold;
    font-size: 11px;
    color: black;
    font-style: normal;
    font-family: Tahoma, Verdana, Arial;
    background-color: #f9f9f9;
    background-image: url(../../Image/Sfondo.jpg);
    text-decoration: none;
}

    a.action:hover {
        color: #ff6633;
    }

a.menu, a.menu:link, a.menu:visited {
    font-weight: normal;
    font-size: 9pt;
    background-image: none;
    vertical-align: bottom;
    color: black;
    font-style: normal;
    font-family: Tahoma, Verdana, Arial;
    background-color: lightsteelblue;
    text-align: left;
    font-variant: normal;
    text-decoration: none;
}

    a.menu:hover {
        font-weight: bold;
        color: firebrick;
        background-color: lightsteelblue;
        font-variant: normal;
        text-decoration: underline;
    }


a.bottone, a.bottone:link, a.bottone:visited {
    background-image: url(../../image/decorazioni/SfondoCeleste.gif);
    vertical-align: sub;
    color: navy;
    background-repeat: repeat-x;
    background-color: lightsteelblue;
    text-align: center;
}

    a.bottone:hover {
        font-weight: bold;
        color: white;
        background-color: brown;
    }


/*Modal Popup*/
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}

/* Per rendere le righe "hr" compatibili con firefox:
sostituire le righe "hr" con un div e applicare questo stile,
solo il bordo superiore rimane visibile creando un linea simile
ad "hr"
*/
.divHr {
    border-style: solid;
    border-width: 1px 0px 0px 0px;
}

select {
    border: 1px solid #C9C7BA;
    background-color: white;
}


textarea {
    resize: none;
    border-style: solid;
    border-width: 1px;
    border-color: #ACA899;
}


/* Per simulare il bordino Groove in firefox ed Explorer
*/
.standardDiv {
    border-style: solid;
    border-width: 1px;
    border-color: #ACA899;
}

/* Per rendere bianchi gli elementi INPUT in firefox
*/
.textInput {
    background-color: white;
    border-style: solid;
    border-width: 1px;
    border-color: #7F9DB9;
}

/* Per aggiungere il bordino alle textbox gialle in firefox
*/
.textInputBig {
    background-color: LemonChiffon;
    border-style: solid;
    border-width: 2px;
    border-color: #99999D white white #99999D;
}

/* Per correggere il colore dei bordi delle textinput in firefox
*/
.textInputBorders {
    border-style: solid;
    border-width: 2px;
    border-color: #99999D white white #99999D;
}

/* Per correggere il colore dei bordi delle textinput in Firefox
*/
.textInputBordersThin {
    border-style: solid;
    border-width: 1px;
    border-color: #99999D white white #99999D;
}


/* Per correggere il colore dei bordi dei div in rilievo
*/
.inRilievoDiv {
    border-style: solid;
    border-width: 1px;
    border-color: #ece9d8 #716f64 #716f64 #ece9d8;
}

/* Per correggere il colore dei bordi dei div in rilievo
*/
.inRilievoBiancoDiv {
    border-style: solid;
    border-width: 1px;
    border-color: white #716f64 #716f64 white;
}

/* Per correggere il colore dei bordi dei div in rilievo
*/
.inRilievoGrigioDiv {
    border-style: solid;
    border-width: 1px;
    border-color: #ECE9D8 #716f64 #716f64 #ECE9D8;
}

.btt {
    margin-left: 0px;
}


/* Per correggere il colore degli elementi disabilitati in firefox e ie8
*/
[disabled] {
    color: Gray;
}

/* Gestione degli errori con Ajax
*/
#AlertDiv {
    left: 4px;
    top: 50px;
    position: absolute;
    padding: 12px;
    border: #000000 5px Ridge;
    font-size: 9pt;
    font-weight: bold;
    color: White;
    background-color: Purple;
    text-align: left;
    visibility: hidden;
    z-index: 10000;
}

#AlertButtons {
    position: absolute;
    right: 5%;
    bottom: 5%;
}

.ellipsis {
    /* per troncare il testo e mettere i puntini di sospensione */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

.greybox {
    /* usato soprattutto nei legami per il box contenente l'ISBD */
    background-color: #ECE9D8;
    border: solid 1px #ccc;
}



/**
Menu
*/
.MenuDiv {
    background-color: #b0c4de;
    background-image: url(../../Image/SfondoMenu.gif);
    background-repeat: repeat-x;
    width: 100%;
    height: 30px;
}


/***
   Legami
*/
.legContainer {
    width: 610px;
    margin-left: 1px;
}

    .legContainer select {
        font-family: Tahoma;
        font-size: 10px;
    }

    .legContainer textarea {
        font-family: Tahoma;
        font-size: 12px;
    }

    .legContainer a, .legContainer a:link, .legContainer a:visited {
        color: black;
    }

    .legContainer #pnlTitolo span {
        color: Navy;
    }

    .legContainer .legIdElem {
        background-color: #ECE9D8;
        color: #003399;
        border: inset 1px #ccc;
        font-size: 12px;
        font-weight: bold;
    }

    .legContainer .legDecElem {
        background-color: #ECE9D8;
        border: solid 1px #ccc;
        font-weight: bold;
        font-size: 11px;
        color: #b22222;
    }



/***
Barra di stato con i messaggi
*/
select.cbStatus {
    border-style: solid;
    border-width: 1px;
    border-color: #7F9DB9;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    background-color: #FAFAD2;
    color: #b22222;
    width: 100%;
}

    select.cbStatus.Evd {
        background-color: #003366;
        color: #ffff00;
    }

    select.cbStatus.Alert {
        background-color: #990000;
        color: #fff;
    }


/* div per contenere comandi fluttuanti a fondo pagina */
#divBottom {
    display: none;
    position: fixed;
    z-index: 2000;
    width: 100%;
    height: 40px;
    bottom: 0;
    padding: 10px;
    text-align: center;
    background-color: #ece9d8;
    border: solid 1px #6C6565;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background-color: rgba(0,0,0,0.5);
}


/* pagine SBN */

.sbnDettLabel {
    color: mediumblue;
}

.sbnTitoletto {
    text-align: center;
    background-color: #b22222;
    color: #ffffff;
    font-size: 8pt;
    font-weight: bold;
}

.obb {
    background-color: Cornsilk;
}


/* Tutti i placeholder */

/* all elements */
::-webkit-input-placeholder {
    font-weight: normal;
}

::-moz-placeholder {
    font-weight: normal;
}
/* firefox 19+ */
:-ms-input-placeholder {
    font-weight: normal;
}
/* ie */
input:-moz-placeholder {
    font-weight: normal;
}

.hand {
    cursor: pointer;
}

.ope-reserved {
    opacity: 1.5;
    background-color: tan !important;
}


/* Privacy policy e Cookie Policy*/
h2.policy {
    font-size: 16px;
    color: #f9423a;
}

.opac-nome-policy {
    font-weight: bold;
    color: firebrick;
}

.opac-url-policy {
    font-weight: bold;
    color: mediumblue;
}


/* Alert RFID */
.alert-rfid {
    line-height: 19px;
    text-align: center;
}

    .alert-rfid ul {
        text-align: left;
    }


/** Tasti di scrittura e abilitazione antitaccheggio RFID  **/
.rfid-singolo, .rfid-massivo {
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding: 2px 8px 2px 8px;
    background-color: #fff;
    border: solid 1px #000;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.rfid-singolo {
    font-size: 12px;
}

    .rfid-singolo span, .rfid-massivo span {
        position: relative;
        top: -2px;
    }

/* tutti i tasti della maschera singola e solo il "leggi" della maschera multipla hanno gli stessi colori */
.rfid-singolo, .rfid-massivo.leggi {
    color: #4682b4;
    border-color: #4682b4;
}

    .rfid-singolo:hover, .rfid-massivo.leggi:hover {
        background-color: #e6eef5 !important;
    }

    .rfid-singolo.leggi i, .rfid-massivo.leggi i {
        font-size: 20px;
    }

    .rfid-singolo.leggi span, .rfid-massivo.leggi span {
        top: -3px;
    }

    .rfid-singolo.scrivi, .rfid-massivo.scrivi {
        padding: 4px 8px 3px 8px;
    }

.rfid-massivo.scrivi {
    color: #483d8b;
    border-color: #483d8b;
}

    .rfid-massivo.scrivi:hover {
        background-color: #e8e6f7 !important;
    }

    .rfid-singolo.scrivi i, .rfid-massivo.scrivi i {
        font-size: 17px;
    }

.rfid-massivo.cancella {
    color: #c50a0a;
    border-color: #c50a0a;
    padding-top: 2px;
    padding-bottom: 2px;
}

    .rfid-massivo.cancella:hover {
        background-color: #ffe5e5 !important;
    }

    .rfid-singolo.cancella i, .rfid-massivo.cancella i {
        font-size: 20px;
    }

.rfid-singolo.abilita-eas, .rfid-massivo.abilita-eas, .rfid-singolo.disabilita-eas {
    color: #fff;
    padding-top: 5px;
    padding-bottom: 4px;
    text-shadow: 1px 1px #565656;
    top: -1px;
}

.rfid-singolo.abilita-eas, .rfid-massivo.abilita-eas {
    background-color: #04b904;
    border-color: #021f02;
}

    .rfid-singolo.abilita-eas:hover, .rfid-massivo.abilita-eas:hover {
        background-color: #29da29 !important;
    }

    .rfid-singolo.abilita-eas i, .rfid-massivo.abilita-eas i, .rfid-singolo.disabilita-eas i {
        font-size: 15px;
    }

.rfid-singolo.disabilita-eas {
    background-color: red;
    border-color: #5f0202;
}

    .rfid-singolo.disabilita-eas:hover {
        background-color: #ff8a8a !important;
    }


.rfid.disabled {
    color: #696969 !important;
    border-color: #696969 !important;
}