body {
    background-image        : url('../images/bgs/body.jpg');
    background-repeat       : no-repeat;
    margin                  : auto;
    background-color        : white;
    font-family             : Arial, Helvetica, Geneva, Swiss, Sans-Serif; 
    font-size               : 12px;
    color                   : black;
}

select {
    background-color        : #fff;
}

img {
    border                  : 0px;
}

a {
    color                   : #663300;
    text-decoration         : underline;
}
a:hover {
    color                   : black;
    background-color        : #f7e8aa; 
}

a.lista {
    color                   : #663300;
    text-decoration         : none;
}

a:hover.lista {
    background-color        : #f7e8aa; 
}


form {
    padding                 : 0px; 
    margin                  : 0px;
}

th {
    font-weight             : bold;
}

/*
* Header Pagina
*/
#headerContainer {
    width                   : 760px;
}
#header {
    height                  : 78px;
}
#headerTitolo {
    padding-left            : 10px;
    height                  : 30px;
    line-height             : 30px;
    font-size               : 18px;
    font-family             : Geneva, Swiss, Sans-Serif; 
    font-weight             : bold;
    color                   : #663300;
}

#headerTitolo a{
	text-decoration: none;
}
/*
* Home page
*/
#homeStatic {
    padding                 : 5px;
}
#homeStatic h1 {
    font-size               : 18px;
}
#homeStatic h2 {
    font-size               : 14px;
    margin-top              : 20px;
}
#homeStatic p {
    text-align              : justify;
}


#home {
    padding                 : 10px;
}
#homeSx {
    float                   : left;
    width                   : 320px;
}
#homeSx img {
    border                  : 0px;
}
#homeDx {
    float                   : left;
    width                   : 420px;
    text-align              : justify;
}
.accessoBiglietteria { 
    margin-top              : 20px;
    text-align              : center;
    font-size               : 2em;
}


/*
* Colonna sinistra
*/
#colonnaSx {
    width                   : 200px;
    float                   : left;
}
#menuSx {
    width                   : 195px;
    max-width               : 195px;
    padding-top             : 0px;
}
#menuSx ul {
    margin                  : 0px;
    padding                 : 0px;
    list-style              : none;
}
#menuSx li {
    margin                  : 0px;
    padding                 : 0px;
    color                   : black;
}
#menuSx li a {
    display                 : block;
    width                   : 180px;
    border-top              : 1px solid black;
    border-left             : 1px solid black;
    border-right            : 1px solid black;  
    padding                 : 8px 0px 8px 20px;
    text-decoration         : none;
    color                   : black;
    background              : #fbf7e4 url('../images/nav_icons/menuSx_li.gif') 2px 8px no-repeat;
}
#menuSx div.menuPadre {
    width                   : 180px;
    border-top              : 1px solid black;
    border-left             : 1px solid black;
    border-right            : 1px solid black;  
    padding                 : 8px 0px 8px 20px;
    text-decoration         : none;
    color                   : black;
    background              : #F0F0F0 url('../images/nav_icons/menuSx_li_main.gif') 2px 8px no-repeat;
}
#menuSx div.menuPadreCorrente  {
    display                 : block;
    color                   : black;
    border-top              : 1px solid black;
    border-left             : 1px solid black;
    border-right            : 1px solid black; 
    padding                 : 8px 0px 8px 20px;
    width                   : 180px;
    background              : #f9e279 url('../images/nav_icons/menuSx_li_main.gif') 2px 8px no-repeat;
    text-decoration         : none;
} 
#menuSx .last {
    border-bottom           : 1px solid black;
}
#menuSx li a:hover {
    background-color        : #f7e8aa;
    text-decoration         : none;
}
#menuSx li.corrente a {
    display                 : block;
    color                   : black;
    padding                 : 8px 0px 8px 20px;
    width                   : 180px;
    background              : #f9e279 url('../images/nav_icons/menuSx_li.gif') 2px 8px no-repeat;
    text-decoration         : none;
}

#menuSx ul li ul {
    margin                  : 0px;
    padding                 : 0px;
    list-style              : none;
}
#menuSx li ul li a {
    display                 : block;
    width                   : 180px;
    border-top              : 1px solid black;
    border-left             : 1px solid black;
    border-right            : 1px solid black;  
    padding                 : 8px 0px 8px 20px;
    text-decoration         : none;
    color                   : black;
    background-color        : #fbf7e4;
    background-image        : none;
}
#menuSx li ul li.mid a {
    background              : #fbf7e4 url('../images/nav_icons/menuSx_li_mid.gif') 7px 0px no-repeat;
}
#menuSx li ul li.end a {
    background              : #fbf7e4 url('../images/nav_icons/menuSx_li_end.gif') 7px 0px no-repeat;
}
#menuSx ul li .last {
    border-bottom           : 1px solid black;
}
#menuSx li ul li a:hover {
    background-color        : #f7e8aa;
    text-decoration         : none;
}
#menuSx ul li li.corrente a {
    display                 : block;
    color                   : black;
    padding                 : 8px 0px 8px 20px;
    width                   : 180px;
    background-color        : #f9e279;
    text-decoration         : none;
} 
#menuSx li ul li .mid a {
    background-image        : url('../images/nav_icons/menuSx_li_mid.gif');
}
#menuSx li ul li .end a {
    background-image        : url('../images/nav_icons/menuSx_li_end.gif');
}

/*
* Selezione Lingua colonna sinistra
*/
#colonnaSx span {
    font-weight             : bold;
    text-transform          : uppercase;
}
#colonnaSx #selezioneLinguaContainer {
    text-align              : center;
    margin                  : 10px 4px 4px 10px;
}
#colonnaSx input {
    border:1px solid black;
}


#contenuti {
    width                   : 550px;
    float                   : right;
}
#medio {
    width                   : 760px;
    margin-top              : 8px;
}
.infoSezione {
    text-align              : justify;
    padding                 : 5px;
    margin-bottom           : 10px;
}

/*
* Prenotazioni
*/
ul.prenotazioneSceltaVoce {
    font-size               : 14px;
    padding                 : 0px;
    margin-left             : 0px;
}
ul.prenotazioneSceltaVoce li {
    padding                 : 5px;
    text-align              : justify;
    /*list-style-image        : url('../images/nav_icons/menuSx_li.gif');*/
    list-style-image        : none;
    list-style-type         : none;
    border-left             : 3px solid #b3b3b3;
    margin-bottom           : 10px;
}
ul.prenotazioneSceltaVoce li a {
    display                 : block;
    padding                 : 5px;
    text-decoration         : none;
}
.prenotazioneSceltaVoce .titolo {
    font-weight             : bold;
    text-transform          : uppercase;
    text-decoration         : underline;
}
.prenotazioneSceltaVoce .descrizione {
    text-align              : justify;
    text-decoration         : none;
    color                   : black;
}
div#prenotazionePreSommario {
    border                  : 0px;
}
#prenotazioneSommario legend, #prenotazionePreSommario legend {
    font-weight             : bold; 
}
.separatoreVoceRiepilogo {
    float                   : left;
    padding                 : 10px 0px 10px 0px;
}
#prenotazioneSommario .voceRiepilogo, #prenotazionePreSommario .voceRiepilogo {
    float                   : left;
    padding                 : 10px;
}
#prenotazioneSommario .voceRiepilogo div, #prenotazionePreSommario .voceRiepilogo div { 
    text-align            : justify;
}
#prenotazioneSommario .voceRiepilogo .nome, #prenotazionePreSommario .voceRiepilogo .nome {
    font-weight             : bold;
    color                   : #2c2c2c;
}
#prenotazioneSommario .voceRiepilogo .valore, #prenotazionePreSommario .voceRiepilogo .valore {
    color                   : black;
    text-transform          : uppercase;
}
#prenotazioneSommario input, #prenotazionePreSommario input {
    border                  : 1px solid black;
}
#prenotazioneSommario input#modificaFiltro {
    display                 : none;
}
.invisibile {
    display                 : none;
}


/*
* Form Fieldset 
*/
fieldset {
    margin                  : 15px 0px 15px 0px;
    border                  : 1px solid gray;
    padding-bottom          : 20px;
}
legend {
    font-size               : 14px;
    font-weight             : bold;
    text-transform          : uppercase;
    border                  : none;
    padding                 : 2px 5px 2px 5px;
    color                   : #050585;
}
fieldset .floatDivSx {
    float                   : left;
    padding                 : 10px 0px 10px 10px;
}
fieldset input {
    border                : 1px solid black
}
.floatDivSx input {
    border                  : 1px solid black;
}
fieldset .fieldsetContainer {
    padding                 : 10px;
    float                   : none;
}

.label {
    line-height:25px;
}
.valore {
    line-height:25px;
}
.obbligatorio .label{
    font-weight:bold;
}


/*
* Calendario Mensile e Giornaliero
*/
#calendarioMensile  {
    /*display               : block;*/
    padding-top           : 10px;
}
#calendarioMensile table, .legendaCalendario table {
    width                 : 545px;
    border-collapse       : collapse;
    margin                : 0px 4px 4px 4px;    
}
#calendarioMensile .prevDate , #calendarioGiornaliero .prevDate {
    float                 : left;
    margin-left           : 10px;
    width                 : 150px;
    border                : 1px solid black;
    background-color      : #d4d4d4;
    text-align            : center;  
    height                : 20px;
    line-height           : 20px;
    font-size             : 14px;
}
#calendarioMensile .prevDate a , #calendarioGiornaliero .prevDate a  {
    display               : block;
}
#calendarioMensile .nextDate a , #calendarioGiornaliero .nextDate a {
    display               : block;
}
#calendarioMensile .nextDate , #calendarioGiornaliero .nextDate   {
    float                 : left;
    margin-left           : 5px;
    width                 : 150px;
    border                : 1px solid black;
    background-color      : #d4d4d4;
    text-align            : center;
    height                : 20px;
    line-height           : 20px;
    font-size             : 14px;
}
#calendarioMensile .nextDate a, #calendarioGiornaliero .nextDate a {
    display               : block;
}
#calendarioMensile .headerX {
    font-size             : 16px;
    text-transform        : uppercase;
    font-weight           : bold;
    border                : 1px solid black;
    background-color      : #eef5a3;
    text-align            : center;
    height                : 40px;
}
#calendarioMensile .headerY {
    padding-left          : 5px;
    background-color      : #eef5a3;
    text-align            : left;
    font-weight           : bold;
    font-size             : 14px;
    border                : 1px solid black;
}

#calendarioMensile .stdCell {
    width                   : 70px;
    height                  : 30px;
    border                  : 1px solid black;
    font-size               : 16px;
    line-height             : 30px;
    text-align              : center;
}
#calendarioMensile .inEsaurimento {
    background-color        : #ddedc9;
    background-image        : url('../images/yellow.gif');
    background-repeat       : no-repeat;
}
#calendarioMensile .disponibile {
    background-image        : url('../images/green.gif');
    background-color        : #ddedc9;
    background-repeat       : no-repeat;
}
#calendarioMensile .nonDisponibile {
    background-color        : #ffdfc5;
    color                   : gray;
}
#calendarioMensile .disponibile a, #calendarioMensile .inEsaurimento a {
    background-color        : transparent;
    color                   : black;
    display                 : block;
}
#calendarioMensile .disponibile a:hover #calendarioMensile .inEsaurimento a:hover {
    font-size             : 16px;
    color                 : black;
    text-align            : center;
    width                 : 70px;
    height                : 30px;
    line-height           : 30px;
}
#calendarioMensile .disponibile a:hover {
    background-color      : #f7e8aa;
    background-image      : url('../images/green.gif');
    background-repeat     : no-repeat;
}
#calendarioMensile .inEsaurimento a:hover {
    background-color      : #f7e8aa;
    background-image      : url('../images/yellow.gif');
    background-repeat     : no-repeat;
}
#calendarioMensile div#nessunaFasciaDisponibile {
    /*text-align            : center;*/
    text-align            : left;
    font-size             : 16px;
    font-weight           : bold;
    padding               : 10px 0px 10px 0px;
    color                 : red;
    height                : 200px;
}

/*
* Calendario Giornaliero
*/
#calendarioGiornaliero {
    padding-top           : 10px;
}
#calendarioGiornaliero div {
    
}
#calendarioGiornaliero table {
    width                 : 545px;
    border-collapse       : collapse;
    border                : 1px solid black;
    margin                : 0px 4px 4px 4px;    
}
#calendarioGiornaliero table {
    width                 : 545px;
    border-collapse       : collapse;
    margin                : 0px 4px 4px 4px;
}

#calendarioGiornaliero .otherView {
    float                 : left;
    margin-left           : 5px;
    width                 : 200px;
    border                : 1px solid black;
    background-color      : #d4d4d4;
    text-align            : center;
    height                : 20px;
    line-height           : 20px;
    font-size             : 14px;
}
#calendarioGiornaliero .otherView a {
    display               : block;
}
#calendarioGiornaliero .headerX {
    font-size             : 16px;
    text-transform        : uppercase;
    font-weight           : bold;
    border                : 1px solid black;
    background-color      : #eef5a3;
    text-align            : center;
    height                : 40px;
}
#calendarioGiornaliero .headerY {
    padding-left          : 5px;
    background-color      : #eef5a3;
    text-align            : left;
    font-weight           : bold;
    font-size             : 14px;
    border                : 1px solid black;
}

#calendarioGiornaliero tr.disponibile, #calendarioGiornaliero tr.inEsaurimento  {
    background-color      : #ddedc9;
    cursor                : pointer;
}
#calendarioGiornaliero tr.evidenzia {
    background-color      : #f7e8aa;    
    cursor                : pointer;
}
#calendarioGiornaliero tr.nonDisponibile {
    background-color      : #ffdfc5;
}
#calendarioGiornaliero .nonDisponibile {
    color                 : gray;
}
#calendarioGiornaliero td {
    height                : 30px;
    line-height           : 30px;
    border                : 1px solid black;
    color                 : black;
    text-align            : center;
}
#calendarioGiornaliero td.orario {
    width                 : 200px;
    background-position   : 5px 5px;
    background-repeat     : no-repeat;
    font-size             : 16px;
}
#calendarioGiornaliero td.disponibilta {
    font-size             : 12px;
}
#calendarioGiornaliero tr.disponibile td.orario,#calendarioGiornaliero tr.evidenzia td.disponibile {
    background-image      : url('../images/green.gif');
}
#calendarioGiornaliero tr.inEsaurimento td.orario,#calendarioGiornaliero tr.evidenzia td.inEsaurimento {
    background-image      : url('../images/yellow.gif');
}
#calendarioGiornaliero tr.evidenzia td.inEsaurimento,#calendarioGiornaliero tr.evidenzia td.disponibile {
    background-position   : 6px 6px;
}
#calendarioGiornaliero td a {
    display               : block;
}
#calendarioGiornaliero div#nessunaFasciaDisponibile {
    text-align            : center;
    font-size             : 16px;
    font-weight           : bold;
    padding               : 10px 0px 10px 0px;
    color                 : red;
}

.legendaCalendario .legendCell{
    width                   : 140px;
    height                  : 20px;
    border                  : 1px solid black;
    font-size               : 16px;
    line-height             : 20px;
    text-align              : center;
}
.legendaCalendario .inEsaurimento {
    background-color        : #ddedc9;
    background-image        : url('../images/yellow.gif');
    background-repeat       : no-repeat;
}
.legendaCalendario .disponibile {
    background-image        : url('../images/green.gif');
    background-color        : #ddedc9;
    background-repeat       : no-repeat;
}

.legendaCalendario .infoCalendario {
	border:1px solid black;
	font-size:12px;
	height:20px;
	line-height:20px;
	padding:10px;
	text-align:justify;
}
  
.legendaCalendario .nonDisponibile {
    background-color        : #ffdfc5;
    color                   : gray;
}

#filtroPeriodoPartecipanti {
    display                 : block;
}

/*
* tipo biglietto e servizi
*/
.biglietto {
    border                : 1px solid gray; 
    margin                : 2px;
}
.biglietto .header {
    height                : 20px; 
    padding               : 5px; 
    background-color      : #eef5a3; 
    font-size             : 16px; 
    border-bottom         : 1px solid black; 
    font-weight           : bold;
}
.biglietto .header .descrizione {
    float                 : left;
}
.biglietto .header .prezzo {
    float                 : right;
}

.biglietto .descrizioneEstesa {
    text-align            : justify;
    padding               : 5px;
}
.biglietto .quantita {
    text-align            : right;
    font-weight           : bold;
    text-transform        : uppercase;
    padding               : 5px;
}
.biglietto select {
    width                 : 50px;
}


.servizio {
    border                : 1px solid gray; 
    margin                : 2px;
}
.servizio .header {
    height                : 20px; 
    padding               : 5px; 
    background-color      : #eef5a3; 
    font-size             : 16px; 
    border-bottom         : 1px solid black; 
    font-weight           : bold;
}
.servizio .header .descrizione {
    float                 : left;
}
.servizio .header .prezzo {
    float                 : right;
}
.servizio .descrizioneEstesa {
    text-align            : justify; 
    padding               : 5px;
}
.servizio .selezione {
    text-align            : right;
    font-weight           : bold;
    text-transform        : uppercase;
    padding               : 5px;
}
.servizio input {
    border                : 0px;
}
#serviziAggiuntivi .evidenzia {
    background-color      : #f9e279;
}

/*
* Footer
*/
#menuInferiore {
    clear                   : both;
    width                   : 760px;
    text-align              : right;
    margin-top              : 40px;
}
#footer {
    margin-top              : 15px;
    clear                   : both;
    width                   : 760px;
    border-top              : 1px dotted gray;
    text-align              : center;  
}
#copyright {
    margin-top              : 5px;
}

/*
* Generale
*/

#breadcrumbGeneral {
    /*color                   : #5c5c5c;*/
    color                   : #663300;
    font-weight             : bold;
    font-size               : 1.4em;
    line-height             : 1.4em;
    margin-bottom           : 10px;
}
#breadcrumbGeneral img {
    vertical-align          : middle;
}

.filterLeftFloat {
    float                   : left;
    padding                 : 10px;
}

#condizioniGeneraliContainer, #trattamentoDatiPersonali, #condizioniRiduzioneBiglietti {
    text-align              : center;
}
#condizioniGeneraliContainer div, #condizioniRiduzioneBiglietti div {
    margin                  : 10px 0px 0px 0px;
}
#condizioniRiduzioneBiglietti ul {
    text-align              : left;
    list-style              : none;
}
fieldset.enfasi {
    border                  : 1px solid red;
}
fieldset.enfasi legend {
    background-color        : #FFEFE6;
    color:black;
    border:1px solid black;
}
fieldset.enfasi input {
    border                  : 0px;
}

#testoTrattamentoDatiPersonali,#testoCondizioniGenerali  {
    border                  : 1px solid black;  
    width                   : 450px;  
    height                  : 100px;  
    margin                  : 5px;  
    font-size               : 10px;  
    text-align              : justify;  
    padding                 : 5px;
}
#trattamentoDatiPersonali input, #condizioniGeneraliContainer input { 
    border                  : 0px;
}


#datiPartecipanti span {
    text-transform        : uppercase;
}
#datiPartecipanti input {
    border                : 1px solid black;
}
#datiPartecipanti div {
    float                 : left;  
    padding               : 10px;
    height                : 30px; 
}
#datiPartecipanti .idPartecipante {
    width                 : 50px; 
    line-height           : 30px; 
    font-weight           : bold; 
    font-size             : 1.5em; 
    text-align            : right; 
    border-right          : 1px solid black;
}


#datiReferente span, #datiRichiedente span, #filtroStorico span {
    text-transform        : uppercase;
}
#datiReferente .obbligatorio span, #datiRichiedente .obbligatorio span, #filtroStorico .obbligatorio span {
    font-weight           : bold;
}
#datiReferente div, #datiRichiedente div {
    width                 : 170px;
    float                 : left;
    padding               : 10px;
}
#filtroStorico #standard div, #filtroStorico #avanzato div  {
    width                 : 220px;
    float                 : left;
    padding               : 10px;
}
#datiReferente div.interaRiga, #datiRichiedente div.interaRiga,  #filtroStorico #standard div.interaRiga {
    width                 : 90%;
    float                 : left;
    padding               : 10px;
}
#datiReferente div input, #datiRichiedente div input , #datiReferente div textarea, #datiRichiedente div textarea {
    border                : 1px solid black;
}
#datiReferente #sessoReferente, #datiReferente #nazioneNascita, #datiReferente #linguaReferente, #datiReferente div input  {
    width                 : 150px;
}
#codiceTipoVisita, #codiceTipoMovimento {
    width                 : 98%;
}

#datiRichiedente #sesso, #datiRichiedente #nazione, #datiRichiedente #lingua, #datiRichiedente div input  {
    width                 : 150px;
}

#noteRichiestaAccount{
    text-align : center;    
}

#noteRichiestaAccount #note  {
    border                : 1px solid black;
    width                 : 500px;
}

#codiceSicurezzaCaptcha div  {  
    text-align            : center; 
    margin-top            : 10px; 
}
#codiceSicurezzaCaptcha div.hint  {  
    text-align            : left; 
}
#codiceSicurezzaCaptcha img  {  
    border                : 1px solid black; 
    margin                : 10px 0px 4px 0px;
}
#codiceSicurezzaCaptcha a    {  
    font-weight           : bold;
}


#preventivo table       {  
    width                 : 100%;    
}
#preventivo .causale    {  
    text-align            : left;    
}
#preventivo .costo      {  
    text-align            : right;   
}
#preventivo .quantita   {  
    text-align            : center;  
}
#preventivo .totalePerProdotto     {  
    text-align            : right; 
    padding-right         : 5px;  
}
#preventivo table .totale div {
    float                 : right; 
    text-align            : right; 
    width                 : 300px; 
    font-weight           : bold; 
    background-color      : #eef5a3; 
    border                : 1px solid gray; 
    padding               : 5px 5px 5px 5px;
}
#preventivo table .parziale div {
    text-align            : center; 
    font-weight           : bold; 
    background-color      : #e9f8cc; 
    border                : 1px solid gray; 
    padding               : 5px 5px 5px 5px;
}

div#idPrenotazione {
    text-align            : center;
}

div#idPrenotazione div {
    text-align            : center;
    width                 : 460px;
    font-weight           : bold;
    font-size             : 26px;
    padding               : 20px;
    border                : 3px double gray;
    margin-left           : auto;
    margin-right          : auto;
    margin-top            : 20px;
    margin-bottom         : 20px;
}

#legendaCarteCredito div.intestazione {
    text-align            : left;
}
#legendaCarteCredito div.carta {
    padding               : 10px;
    height                : 40px;
    font-size             : 14px;
    float                 : left;
    text-align            : center;
    max-width			  : 70px;    
}
#legendaCarteCredito img {
    border                : 1px solid black;
    vertical-align        : middle;
    margin                : 4px;
}
#concludiAcquisto  {
    text-align            : center;
}
#concludiAcquisto input {
    border                : 1px solid black;
}
#concludiAcquisto  input#concludi, #concludiAcquisto  input#concludiFondo, #concludiAcquisto  input#concludiCarta {
    border                : 2px solid green;
    width                 : 250px;
    line-height           : 20px;
    height                : 45px; 
    cursor                : pointer; 
    margin                : 30px 0px 20px 0px;
}
#concludiAcquisto  input#annulla {
    border                : 2px solid red;
    width                 : 250px;
    line-height           : 20px;
    height                : 45px; 
    cursor                : pointer; 
    margin                : 30px 0px 20px 0px;
}

#richiestaAccessoPrenotazione div {
    float                 : left;
    padding               : 10px;
}

div#statoPrenotazione {
    margin-top            : 20px;
    border                : 1px solid black;
}
#statoPrenotazione .datiPrincipali {
    border-bottom         : 3px double black;
}
#statoPrenotazione .datiPrincipali div.label {
    font-size             : 14px;
    padding               : 10px 0px 10px 10px;
    float                 : left;
    width                 : 170px;
    font-weight           : bold;
}
#statoPrenotazione .datiPrincipali div.valore {
    font-size             : 14px;
    padding               : 10px;
    float                 : left;
    width                 : 330px;
}

#statoPrenotazione .dettaglioPrenotazione div.label {
    font-size             : 14px;
    padding               : 10px 0px 10px 10px;
    float                 : left;
    width                 : 170px;
    font-weight           : bold;
}
#statoPrenotazione .dettaglioPrenotazione div.valore {
    font-size             : 14px;
    padding               : 10px;
    float                 : left;
    width                 : 330px;
}
#statoPrenotazione #voucherDownload {
    text-align            : center;
    border-top            : 3px double black;
}
#statoPrenotazione #voucherDownload a {
    display               : block;
    text-decoration       : none;
}



#containerCodiceModificaPrenotazione {
    display               : none;
}
#codiceModificaPrenotazione input#codice {
    width                 : 300px;
}


/*
* Server Messages
*/

#chiusuraPagina {
    text-align              : center;
    font-weight             : bold;
    font-size               : 14px;
}

#messaggioErrore { 
    border-top              : 1px solid #f38684;
    border-bottom           : 1px solid #f38684;
    background-color        : #ffe2e2;
    padding                 : 10px 10px 10px 50px;
    background-image        : url('../images/errorMessage.gif');
    background-repeat       : no-repeat;
    background-position     : 10px 10px;
    line-height             : 30px;
    font-size               : 14px;
    margin-bottom           : 10px;
    font-weight             : bold;
}

.suggerimento {
    margin-left             : 10px;
    padding                 : 10px;
    text-align              : justify;
    background-color        : white;
    border                  : 1px solid gray;
}

#rapportoOperazione { 
    border-top              : 1px solid #afe39d;
    border-bottom           : 1px solid #afe39d;
    background-color        : #e8ffda;
    padding                 : 10px 10px 10px 50px;
    margin-bottom           : 10px;
    background-image        : url('../images/reportMessage.gif');
    background-repeat       : no-repeat;
    background-position     : 10px 10px;
    line-height             : 30px;
    font-weight             : bold;
    font-size               : 14px;
}
#messaggioWarning { 
    border-top              : 1px solid #fff872;
    border-bottom           : 1px solid #fff872;
    background-color        : #fffad6;
    padding                 : 10px 10px 10px 50px;
    background-image        : url('../images/warningMessage.gif');
    background-repeat       : no-repeat;
    background-position     : 10px 10px;
    line-height             : 30px;
    margin-bottom           : 10px;
    font-weight             : bold;
    font-size               : 14px;
}
.messaggioAllertaStep7 {
    text-align              : justify;
    color                   : red;
    font-weight             : bold;
}
.messaggioAllertaStepFinale {
    margin-top              : 30px;
    margin-bottom           : 30px;
    text-align              : center;
    color                   : red;
    font-size               : 14px;
}
.messaggioAllertaStepFinale img {
    border                  : 1px solid black;
    margin-top              : 20px;
}

.headerStatoPrenotazione {
    padding                 : 10px 10px 10px 50px;
    background-repeat       : no-repeat;
    background-position     : 10px 10px;
    line-height             : 30px;
}
.headerStatoPrenotazione span { 
    font-weight             : bold;
    font-size               : 18px;
}

.headerStatoPrenotazione#indefinita { 
    border-top              : 1px solid gray;
    border-bottom           : 1px solid gray;
    background-color        : #f5f5f5;
    /* background-image        : url('../images/reportMessage.gif'); */
}
.headerStatoPrenotazione#aperta { 
    border-top              : 1px solid black;
    border-bottom           : 1px solid black;
}
.headerStatoPrenotazione#confermata { 
    border-top              : 1px solid yellow;
    border-bottom           : 1px solid yellow;
    background-color        : #fffad6;
}
.headerStatoPrenotazione#saldataParziale { 
    border-top              : 1px solid yellow;
    border-bottom           : 1px solid yellow;
    background-color        : #fffad6;
}
.headerStatoPrenotazione#saldata { 
    border-top              : 1px solid green;
    border-bottom           : 1px solid green;
    background-color        : #e8ffda;
}
.headerStatoPrenotazione#annullata { 
    border-top              : 1px solid red;
    border-bottom           : 1px solid red;
    background-color        : #ffd6c3;
}

.containerStoricoElemento .headerStoricoMovimento {
    border-bottom           : 0px;
    border-top              : 1px solid gray;
    border-left             : 1px solid gray;
    border-right            : 1px solid gray;
    float                   : right; 
    width                   : 90%;
    text-align              : right;
    font-weight             : bold;  
    text-transform          : uppercase;
    font-size               : 14px;
    padding                 : 2px;
}

.containerStoricoElemento div.totale {
    float                   : right;
    text-align              : right;
    width                   : 300px;
    font-weight             : bold;
    background-color        : #eef5a3;
    border                  : 1px solid gray; 
    padding                 : 5px 5px 5px 5px;
}
.containerStoricoElemento .infoMovimento {
    clear:both;
    border:1px solid gray;
    padding:5px;
    height:100%; /* Fix IE  */
}

.containerStoricoElemento {
    margin-bottom:5px;
    border:1px solid white;
}
.containerStoricoElemento .headerStoricoPrenotazione {
    float                   : right; 
    width                   : 90%;
    text-align              : right;
    font-weight             : bold;  
    text-transform          : uppercase;
    font-size               : 14px;
    padding                 : 2px;
    background-image        : url('../images/expandIcon.png');
    background-repeat       : no-repeat;
}
.headerStoricoPrenotazione.indefinita  { 
    border                  : 1px solid gray;     background-color        : #f5f5f5; 
}
.headerStoricoPrenotazione.aperta { 
    border : 1px solid black;                     background-color        : #f5f5f5; 
}
.headerStoricoPrenotazione.confermata  { 
    border                  : 1px solid black;    background-color        : #fffad6;
}
.headerStoricoPrenotazione.saldataParziale { 
    border                  : 1px solid black;    background-color        : #fffad6;
}
.headerStoricoPrenotazione.saldata { 
    border                  : 1px solid black;    background-color        : #e8ffda;
}
.headerStoricoPrenotazione.annullata { 
    border                  : 1px solid black;    background-color        : #ffd6c3;
}
.containerStoricoElemento .infoPrenotazione {
    clear:both;
    border:1px solid gray;
    padding:5px;
}
.containerStoricoElemento .azioni {
    padding-top:5px;
    border-top:1px solid gray;
    height:100%;
}
.containerStoricoElemento .azioni div {
    float : right;
    margin: 5px 5px 5px 5px;
    text-align:center;
    min-width:90px;
}
.containerStoricoElemento .azioni a {
    text-decoration:none;
    display:block;
    border:1px solid white;
    padding:4px;
}
.containerStoricoElemento .azioni a:hover {
    text-decoration:none;
    display:block;
    border:1px solid black;
}
.avvisoFiltroCodicePrenotazione, .avvisoFiltroCodiceMovimento {
    font-weight:bold;
    border:1px solid gray;
    text-transform:uppercase;
    text-align:justify;
    background-color:#fbf7e4;
}

div#nessunRisultatoRicerca {
    text-align            : center;
    font-size             : 16px;
    font-weight           : bold;
    padding               : 10px 0px 10px 0px;
    color                 : red;
    line-height           : 100px;
    height                : 100px;
}

#rapportoOperazione span { 
    font-size               : 18px;
    font-weight             : bold;
}

div.resetButton {
    float                   : left;
    padding                 : 10px;
}

div.submitButton {
    float                   : right;
    padding                 : 10px;
    text-align              : center;
}

div.resetButton input {
    border                  : 1px solid black;
    background-color        : #f7e8aa;
}

div.submitButton input {
    border                  : 1px solid black;
    background-color        : #f7e8aa;
}

.timestampStd {
    font-size               : 12px;
    text-align              : right;
    padding                 : 10px;
}

fieldset .hint {
    padding                 : 10px;
}

.note {
    padding                 : 10px;
}

.note .titolo {  
    font-weight             : bold; 
    text-transform          : uppercase;
}

.note .descrizione {  
    text-align              : justify;
}


.evidenzia {
    background-color        : #f9e279;
}

.livelloVisita {
    font-weight             : bold;
    text-transform          : uppercase;
    font-size               : 16px;
    margin-top              : 10px;
    background-color        : #cccccc;
}
/*
* Autenticazione
*/
#auth {
    width                   : 350px;
    margin                  : auto;
    border                  : 1px solid black;
    padding                 : 10px 20px 10px 10px;
}
#auth input {
    width                   : 250px;
    margin                  : 5px;
    border                  : 1px solid black;
}
#authSupport {
    padding                 : 2px;
}


.legendaCampiObbligatori {
    font-weight             : bold;
    margin-top              : 10px;
    margin-bottom           : 10px;
}

#supporto {
    font-size               : 14px;
    text-align              : center;
}

#supporto div {
    font-size               : 14px;
    text-align              : justify;
}
.emailSupporto {
    text-align              : center;
}

#faq .lista {
    text-align              : justify;
}

#faq .lista .faqR {
    padding-left            : 10px;
    border-left             : 3px solid #00ae0f;
}


ul#faq {
    list-style              : none;
    padding                 : 0px;
    margin                  : 0px;
}

ul#faq li div.lista {
    border-left             : 3px solid #b3b3b3;
    padding-left            : 4px;
    padding-right           : 4px;
    margin                  : 20px 0px 0px 0px;
    cursor:pointer;
}

ul#faq li div.lista div.faqQ:first-letter, ul#faq li div.lista div.faqR:first-letter {
    font-size               : 20px;
    font-weight             : bold;
}
ul#faq li div.lista div.faqQ {
    font-weight             : bold;
}
#supporto .faqHeader,.emailSupporto .faqHeader {
    border-top              : 1px solid black;
    border-bottom           : 1px solid black;
    margin-top              : 20px;
    text-align              : center;
    font-size               : 16px;
    font-weight             : bold;
    padding-top             : 10px;
    padding-bottom          : 10px;
    background-color        : #FBF7E4;
}

#loading {
    display                 : none;
    text-align              : center;
}

#userInfo, #authContainer {
    background-color        : #fbf7e4;
    width                   : 180px;    
    border                  : 1px solid black;
}

#userInfo {
    padding                 : 5px 0px 5px 20px;
    margin-bottom           : 10px;
    text-transform          : uppercase;
}

#authContainer {
    padding                 : 8px 10px 8px 10px;
    margin-top              : 10px;
}

#authContainer div#intestazioneAutenticazione {
    padding                 : 0px 0px 4px 0px;
    border-bottom           : 3px double gray;
    text-align              : center;
    font-weight             : bold;
    text-transform          : uppercase;
}

#authContainer div , #userInfo div{
    margin-top              : 5px;
}

#authContainer input {
    border                  : 1px solid black;
    margin-bottom           : 5px;
}
#authContainer input#username, #authContainer input#password {
    width:160px;
}


.paginazione {
    text-align:center;
    border:1px dotted gray;
    margin:10px 0px 10px 0px;
    height:100%; /* Fix IE  */
}

.paginazione .numeroPagine {
    min-width:18px;border:1px solid black;float:right;margin:4px;
}

.paginazione .paginaCorrente {
    background-color:#f9e279; padding:5px; font-weight:bold;
}

.paginazione .avantiIndietro {
    width:100px;border:1px solid black;float:left;margin:4px;
}

.paginazione .null {
    padding:5px;width:100px;border:1px solid #a3a3a3;float:left;margin:4px;
}

.paginazione a {
    display:block;
    padding:5px;
}

#disponibilitaConto {
    text-align:center;
}
#disponibilitaConto div.totale {
    margin:auto;
    width                 : 300px; 
    background-color      : #eef5a3; 
    border                : 1px solid gray; 
    padding               : 5px 5px 5px 5px;
    font-size:18px;
}
#disponibilitaConto #selezionaRicarica {
    text-align:right;
    margin-bottom:10px;
}

table#movimentiConto {
    width                 : 545px;
    border-collapse       : collapse;
    margin                : 0px 4px 4px 4px;    
}

#movimentiConto th {
    padding-left          : 5px;
    background-color      : #eef5a3;
    text-align            : left;
    font-weight           : bold;
    font-size             : 16px;
    border                : 1px solid black;
    height                  : 30px;
    line-height             : 30px;    
}

#movimentiConto td {
    height                  : 30px;
    border                  : 1px solid black;
    font-size               : 16px;
    line-height             : 30px;
    padding                 : 4px;
}

#movimentiConto td.idMovimento, #movimentiConto th.idMovimento  {
    text-align : left;
}
#movimentiConto td.data, #movimentiConto th.data {
    text-align : center;
}
#movimentiConto td.ammontare, #movimentiConto th.ammontare {
    text-align : right;
}
#movimentiConto td.operazioni, #movimentiConto th.operazioni {
    text-align : center;
    width:50px;
}
#movimentiConto td.info {
    background-image: url('../images/expandIcon.png');
    background-repeat: no-repeat;
    background-position: center center;
    cursor:pointer;
}
#movimentiConto td.noteAggiuntive {
    border:0px;
    padding:0px;
}

#movimentiConto td.noteAggiuntive div.noteAggiuntive {
    border-left:1px dotted black;
    border-bottom:1px dotted black;
    border-right:1px dotted black;
    width:95%;
    padding:4px;
    background-color:#fbf7e4;
}
#movimentiConto .minus {
    background-color        : #ffdfc5;
}
#movimentiConto .plus {
    background-color        : #ddedc9;
}

input:focus, select.focus, textarea.focus, .inputFocus {
    background-color        : #f7e8aa;
}
.inputTest {
    background-color        : black;
}
.inputError {
    background-color        :  #ffe3cb;
}

.nessunRecordDisponibile {
    text-align            : center;
    font-size             : 16px;
    font-weight           : bold;
    padding               : 10px 0px 10px 0px;
    color                 : red;
    height                : 200px;
}

#colonnaSx .tariffs2018 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    margin: 10px;
    border:1px solid black;
    background-color: #fbf7e4;
    color:red;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

#colonnaSx .tariffs2018 p {
    margin: 20px 5px;
}


.report .tariffs2018 {
    color:red;
    font-weight: bold;
    text-align: center;
}