/********************************************************************************
PROGETTO GESTIONE PRENOTAZIONI MUSEALI
CSS amministrazione

Inizio sviluppo modulo: 6 luglio 2012

Copyright: eibit.it (2011)
********************************************************************************/

* { font-family: Arial Helvetica, Sans-Serif; font-weight: normal; color:#383838;}
b { font-weight: bold;  }
body {background-color:#E8E8E8;font-size:12px;line-height:1.4em; }
small { font-size:97%; }
pre { font-size:11px;line-height:1.3em; border:1px solid gray;margin-bottom:1em;padding:0.25em;}
a, a:hover, a:visited { color:inherit; text-decoration:none; }
a:hover { text-decoration:underline; }
.rosso { color:#710009;}
.sfondorosso { background-color:red;}
.sfondogiallo { background-color:yellow;}

h1 { font-size:1.5em; color:#710009; margin-bottom: 0.5em;}
h2 { font-size:1.3em; color:#123C59; line-height:1.3em;}
h3 { font-size:1em; color:#123C59;}


#contenitore {width:920px;margin:0 auto;background-color:white;min-height:500px; height:auto; padding-bottom:30px;}
#corpo {width:880px;margin-left:20px; }
.resetfloat {	clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.titolo { text-align:center; font-size:1.5em; color:#123C59; font-weight:bold;}

.colonnasx { float:left; width:68%; }
.colonnadx { float:right; width:30%; border-left:1px dotted #777;  }
.colonnasx .formatocolonna { padding:0.5em 0.5em 0.5em 0; min-height:500px; height:auto;  }
.colonnadx .formatocolonna { padding:0.5em 0 0.5em 0.5em; min-height:500px; height:auto;  }

/**
ul.menuintroduzione li   { border:1px solid #CCC; padding:0; text-decoration:none;}
ul.menuintroduzione li:hover  { border:1px solid #123C59; }
**/

.calendario table { width:100%; border-collapse:collapse; font-size:1em; margin-bottom:1em; }
.calendario tr { width:100%; }
.calendario th { background-color:#123C59; color:white;}
.calendario td, .calendario th { padding:0.25em; text-align:center; }
.calendario td { border:1px solid #123C59; background-color:#c5dbe8; height:2.5em;vertical-align:middle;font-size:1.1em;}
.calendario td:hover {color:white;background-color:#123C59;}		
.calendario td.parzialmenteoccupato { background-color:#ffff88; }
.calendario td.occupato { background-color:#d10000; color:white; }
.calendario td.giornonondisponibile { background-color:white; }
.calendario td.giornochiusura { background-color:#EEE; }
.calendario td.fuorimese { background-color:#BBB; color:#333; }
.calendario .tabellaoraria caption { text-align:center; background-color:#123C59; color:white; }
.calendario .tabellaoraria td { padding:0px; }
.calendario td.evidenza { border:2px solid #123C59;}
.calendario tr.prenotazioniannullate td { background-color:#B3A8F4; }

.calendario table.selezionemesi { margin:0;}
.calendario table.selezionemesi th { background-color:white; color:#710009; padding:0; text-transform: uppercase; font-weight: bold; }
.calendario table.selezionemesi th a:hover { text-decoration:none;  }
.calendario table.selezionemesi th.allineadestra { text-align:right; font-size:0.8em; font-weight: normal; }
.calendario table.selezionemesi th.allineasinistra { text-align:left; font-size:0.8em; font-weight: normal;  }

.colonnadx div.formatocolonna ul li { list-style-type: none; list-style-position:outside; margin-left:1em;}
.colonnadx div.formatocolonna .menuintroduzione li {margin:0; margin-top: 8px;padding: 3px; text-align:center; color: white; border:2px solid #710009; background-color:#710009;}
.colonnadx div.formatocolonna .menuintroduzione li:hover {margin:0; margin-top: 8px;padding: 3px; text-align:center; color: white; border:2px solid #888888; background-color:#888888;}
.colonnadx div.formatocolonna .menuintroduzione li a:hover {color:white;}


.allineadestra { text-align:right; }
.allineacentro { text-align:center; }
.allineasinistra { text-align:left; }

div.prenotazione { font-size:1em; line-height:2em;} 
div.prenotazione fieldset { border:1px solid #a6a6a6; padding:0.25em 0.5em 1em 0.75em; margin-bottom:0.25em;}
div.prenotazione fieldset legend { text-transform: uppercase; padding:0 0.25em 0 0.25em; color:#710009;}

/**
div.prenotazione form { font-size:1em; line-height:2em;} 
div.prenotazione form fieldset { border:1px solid #888; padding:0.25em 0.5em 1em 0.75em;}
div.prenotazione form fieldset legend { text-transform: uppercase; padding:0 0.25em 0 0.25em; color:#123C59;}
**/
div.prenotazione form label { display:inline-block;width:40%;margin-right:1%; text-align:left; }
div.prenotazione form label { margin-right:1%; } 
div.prenotazione form select,
div.prenotazione form input.campotesto,
div.prenotazione form input.campotestocorto { font-size:inherit; color:#123C59;  } 
div.prenotazione form select,
div.prenotazione form input.campotesto { width:50%; } 
div.prenotazione form input.campotestocorto { width:10%; } 
div.prenotazione form input.campotestocorto,
div.prenotazione form input.campotesto { border:none; border-bottom:1px dotted #333; } 
div.prenotazione form input.campotesto:focus,
div.prenotazione form input.campotestocorto:focus { color:red; } 
div.prenotazione form fieldset textarea { display: block; width:97%; height:7em;}
div.prenotazione form div.piedipaginaform input { width:100px;height:20px; background-color:#123C59; color:white; border:0px; margin-right:2em;}
div.prenotazione form div.piedipaginaform input:hover { background-color:#888888; }

div.prenotazione div.calcolocosto form label { margin-right:1%; margin-left:3px;} 
div.prenotazione div.calcolocosto form input.campotesto,
div.prenotazione div.calcolocosto form input.campotestocorto { float:left; width:4%; border:1px solid #666; text-align:right; position:relative; top:4px; } 

div.prenotazione div.calcolocosto form fieldset label { width:300px;}


div.prenotazione form .en { font-size:0.9em; text-transform:uppercase;}

table.preventivo {  text-align:right;}
table.preventivo th { border-bottom:1px solid #333;}
table.preventivo tfoot tr { border-top:1px solid #333; }

div.touroperator table {  text-align:left; width:100%;margin-bottom:1em;}
div.touroperator caption { text-align:left; font-size:1.25em; margin-bottom:0.25em;}
div.touroperator tr {  width:100%;}
div.touroperator tbody,div.touroperator thead {  border:1px solid #123C59; }
div.touroperator table th { border-bottom:1px solid #333; background-color:#123C59; color:white;}
div.touroperator table th, div.touroperator table td { padding:0.25em; }
div.touroperator table tfoot tr { border-top:1px solid #333; }

.colonnadx div.formatocolonna .touroperatormain ul {  }
.colonnadx div.formatocolonna .touroperatormain ul li { list-style-type: none; margin-bottom:1em; margin-left:0; text-transform:uppercase;}

.colonnadx div.formatocolonna .touroperatorlogin ul { border:1px solid #777; background-color:#F1F1F1; padding:1em; }
.colonnadx div.formatocolonna .touroperatorlogin ul li { list-style-type: none; margin-bottom:1em; margin-left:0;}

tr.trcliccabile:hover, td.tdcliccabile:hover {  cursor: hand; }

table.tabellapreventivo {  width:100%; text-align:left;}
table.tabellapreventivo thead tr { border-bottom:1px solid #333;}
table.tabellapreventivo tfoot tr { border-top:1px solid #333; }

ul.mesiselezionabili { margin-bottom:0.25em; padding:0.25em; }
ul.mesiselezionabili li { color:#710009; text-align:center; display: inline-block; width:16.66%;}

ul.mesiselezionabili12 { margin-bottom:0.25em; padding:0.25em; }
ul.mesiselezionabili12 li { color:#123C59; text-align:center; display: inline-block; width:8.32%;}

h1.messaggioerrore { color:white; background-color:red; padding:1em; text-transform: uppercase;}

/** Colori principali **/
.elencoschede ul li ul li, .elencoschede ul.prenotazionesottogruppo ul ul ul ul li { color:black; }
.amministrazione A:hover, .elencoschede ul li,	.elencoschede ul.prenotazionesottogruppo ul ul ul li { color:red; }
.amministrazione .amministrazionetestata li { color:#777; }
.elencoschede ul.prenotazionesottogruppo ul ul li.nomesottogruppo { color:white; background-color:red; }


/** CSS amministrazione **/
.amministrazione A:hover { text-decoration:none;  }

.amministrazione div.colonnasx,
.amministrazione div.colonnadx,
.amministrazione div.colonnacentrale,
.amministrazione div.colonnalarga,
.amministrazione div.colonna50 { margin:0; padding:0; border:0; float:left;  }
.amministrazione div.colonnasx,
.amministrazione div.colonnadx { width:20%; }
.amministrazione div.colonnacentrale { width:60%; }
.amministrazione div.colonnalarga { width:80%; }
.amministrazione div.colonna50 { width:50%; }
.amministrazione div.colonnasx div { padding-right:0.5em;  }
.amministrazione div.colonnadx div { padding-left:0.5em; font-size:0.9em;}
.amministrazione div.colonnadx div img { padding-right:0.25em; }
.amministrazione .amministrazionetestata ul { padding-top:0.5em; padding-bottom:2em; }
.amministrazione .amministrazionetestata li { text-transform: uppercase; display:inline; font-size:0.9em; }
.amministrazione ul.menuscelta,
.amministrazione ul.menuoperazioni {padding:0.5em 0.25em 4em 0.25em; font-size:0.9em; }
.amministrazione ul.menuscelta li,
.amministrazione ul.menuoperazioni li { text-transform: uppercase; color:#333; border-bottom:1px dashed #333; margin-bottom:0.75em; }
.amministrazione ul.menuscelta li input,
.amministrazione ul.menuoperazioni li input { width:80%; border:1pt solid #AAA; background-color:#FAFAFA; margin-bottom:0.5em; }
.elencoschede { padding: 1em 0.5em 3em 1em; border:1px solid #777;}
.elencoschede hr { margin-bottom:2em;  }
.elencoschede ul { margin-right:0.25em; margin-bottom: 2em;  }

.elencoschede ul.menuslotorari  { margin:0; padding:0; margin-bottom:1em; float:left;}
.elencoschede ul.menuslotorari li { display:inline; border:1px solid #123C59; padding:0.25em; background-color:#123C59; color:white;}

.elencoschede ul.menuelencoicone { margin:0; padding:0; border:0; float:right; }
.elencoschede ul.menuelencoicone li { display:inline; }

.elencoschede ul.prenotazionesottogruppo ul ul { margin:1em 0 1em 0.25em; }
.elencoschede ul.prenotazionesottogruppo ul ul li.nomesottogruppo { padding:0.25em;  }
.elencoschede ul.prenotazionesottogruppo ul ul ul { margin-left:0; margin-top:0; }

.elencoschede ul li,
.elencoschede ul.prenotazionesottogruppo ul ul ul li { text-transform: uppercase; }
.elencoschede ul li ul li,
.elencoschede ul.prenotazionesottogruppo ul ul ul ul li { text-transform: none; }

.schedacompilazione select { width:60%; }
.schedacompilazione ul li { margin-bottom:1em;color:#710009;}
.schedacompilazione ul ul { border:1px solid #a6a6a6; padding:0.25em; margin-bottom:1em;}
.schedacompilazione ul ul ul { border:1px solid #a6a6a6; padding:0.5em; margin-bottom:0em;}
.schedacompilazione ul ul li * { color:#333; }
.schedacompilazione ul ul li:last-child { margin-bottom:0; }
.schedacompilazione ul ul li label { display:inline; width:40%; text-align:left;margin-right:0.5em; font-weight:bold;}
/*.schedacompilazione ul ul ul li label { display:inline-block; width:60%; text-align:left;margin-right:0.5em; font-weight:bold;}*/
.schedacompilazione ul ul li input { color:green; width:60%; border:none; border-bottom:1px dotted #555; }
.schedacompilazione ul ul li input.inputcorto { width:10%; }
.schedacompilazione ul ul li input:focus { background-color:#DDD; }
.schedacompilazione ul ul li textarea { width:95%;height:10em;border:1px dotted #CCC; font-size:inherit; }
.schedacompilazione ul ul li textarea:focus { border:1px dashed black; }

.calendario .tabellaoraria caption { font-size:1.5em; height: 2em; padding:0.5em; font-weight:bold; }
.calendario table.selezionemesi th { font-size:1.25em;}
.calendario table.selezionemesi th.allineadestra,
.calendario table.selezionemesi th.allineasinistra { font-size:1em;}
	
.immaginefloatdx { float:right; margin-left:0.5em; }

.risultatiricerca table {	width:100%; margin-top:1em; font-size:0.9em;}
.risultatiricerca table caption{	text-align:left; font-size:1em;}
.risultatiricerca thead th {	color:white; background-color:#123C59; text-align:left; }
.risultatiricerca thead th.allineadestra { text-align:right; }
.risultatiricerca th,
.risultatiricerca td {	padding:0.25em; }
.risultatiricerca tr.evidenza {	background-color:#ffccb6; }