/*Copyright (c) 2006 Perillo Manlio (manlio.perillo@gmail.com)
All rights reserved.

$Id: strumenti.css 1885 2007-08-27 16:49:31Z manlio $
*/

/* ORGANIZZASPOSI - STRUMENTI			  */
/* FOGLIO DI STILE CSS Livello 2.1		  */
/* design -> Alessandro Ferullo <-		  */
/* contact -> webmaster at namec dot net */


/* SET DI SKIN PER LE FORM */
.questionario {
  /*width: 100%; <-INCREDIBILE! ROMPE IL CAZZO NELLA BARRA ROSSA DI LISTA INVITATI!!! */
  margin: 0 auto 0 auto;
  padding: 0 0 0 0;
}

.questionario a, .barracontent_sx a {
  /*Permette di utilizzare un intero TD come link, da perfezionare per non danneggiare gli help
  /*Utilizzato in GESTIONE TAVOLI 
  display:block;
  width:100%;
  height: 100%;*/
	
  position: relative; 
  text-decoration: none;
}

.questionario a span, .barracontent_sx a span {
  display: none;
}

.questionario a.help:hover, .questionario a.required:hover,
.barracontent_sx a:hover {
  font-size: 100%; /*IE FIX*/ 
}

html body .questionario a.help:hover span,
html body .questionario a.required:hover span,
.barracontent_sx a:hover span {
  display: block !important;
	
  /* Utilizzato in Gestione Tavoli, da perfezionare per non danneggiare 
     gli help
  position: absolute;	top: -20px; left: 150px;
  *position: absolute; *top: -28px; *left: 150px; /*IE FIX */
  text-decoration: none; /*IE FIX*/
  position: absolute;
  top: -16px;
  left: 5px;
  *top: -13px; 
  *left: 25px; /*IE FIX */	
  font: 9px verdana,arial,helvetica,sans-serif;
  color: #000000;
  width: 235px;
  padding: 2px;
  margin: 10px;
  z-index: 100;
  border: 1px dotted #363636;
  background: url("images/tooltip_form_bg.png") 100% 0 no-repeat;
  background-color: #f0f0f0;
  opacity: 0.9; /*GEKKO CODE*/
  filter: alpha(opacity=90); /*IE CODE*/
}


.barracontent_sx a:hover span {
  display: block !important;
  text-decoration:none; /*IE FIX*/
  position: absolute;
  top: -70px; left: 55px;
  *top: -70px; *left: 38px; /*IE FIX */     
  font: 9px verdana,arial,helvetica,sans-serif;
  color: #000000;
  width: 400px;
  padding: 2px;
  margin: 10px;
  z-index: 100;
  border: 1px dotted #363636;
  background: url("images/tooltip_form_bg.png") 100% 0 no-repeat;
  background-color: #f0f0f0;
  opacity: 0.9; /*GEKKO CODE*/
  filter: alpha(opacity=90); /*IE CODE*/
}

.questionario legend {
  font-weight: bold;
  font: 11px verdana,arial,helvetica,sans-serif;
  padding: 2px;
  margin: 0 0 0 0;
  margin: 0 0 0 -7px; /*IE FIX*/
  color: #993300;
  border: 1px solid #000000;
  background: url("images/tableheader_bg.png") repeat-x;
}

.questionario form {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

.questionario fieldset {
  width: 100%;
  float: left; /* TODO rimuovere per sezione admin */
  margin: 10px 0 10px 0; 
  *margin: 0 0 20px 0;
  padding: 0 0 10px 0;
  border: none; 
  background: url("images/fieldset_bg.png") 0px -2px repeat-x;
  *background: url("images/fieldset_bg.png") 0px 7px repeat-x; /*IE FIX*/
  position: static; /*IE FIX */
}

.questionario fieldset div {
  float: left; 
  width: 480px;
  padding: 0px 0; 
  margin: 10px 0 0 0;
  border: none;
}	 

.questionario label, p.label {
  float: left;
  width: 90px;
  display: inline; 
  margin: 0 0 5px 40px;
  line-height: 18px
}


/* Gestione errori per form */

.control_error {
  font: bold 10px verdana,arial,helvetica,sans-serif;
  color: #FF0000;
}

.control_error input, .control_error textarea {
  font: 9px verdana,arial,helvetica,sans-serif; 
  color: #000000;
  background: url("images/formbg_errore.png");
  border: 1px solid #FF0000;
  margin-left: 2px;
  padding-left: 2px; 
}


.form_errors {
  border: 1px dashed #FF0000;
  background-color: #FFDADA;
  margin: 5px 5px 5px 5px;
  padding: 10px 10px 10px 10px;
  *margin-bottom: 15px; /*IE FIX */
}

.form_errors dl {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.form_errors dt {
  margin: 0  0 5px 0;
  padding: 0 0 0 10px;
  font: bold 10px verdana,arial,helvetica,sans-serif; 
  color: #FF0000;
  background: url("images/lista_dot_form_errore.png") 0px 2px no-repeat;
}

.form_errors dd {
  list-style-type: none;
  margin: 0px 0px 10px 20px;
  padding: 0 0 0 10px;
  font: 10px verdana,arial,helvetica,sans-serif; 
  color: #363636;
  background: url("images/lista_dot_form_errore_corner.png") 0px 0px no-repeat;
}

/* MARKER COLORI PER ATTRIBUTO UTENTI */
#marker {
  font: 9px verdana,arial,helvetica,sans-serif;
  border: 1px solid #993300;
  cursor: crosshair;
  background: #FFFFFF; 
  color: #000000;
}


/* TABLE SKIN PER LISTE */

/* Titolo utilizzato in lista tavoli */
.titololista {
  font: bold 12px verdana,arial,helvetica,sans-serif;
  padding: 2px;
  margin: 0 0 0 0;
  color: #993300;
  border: 1px solid #000000;
  background: url("images/tableheader_bg.png") repeat-x;
}

table.lista {
  clear: left;
  width: 100%;
  padding: 5px 0;
  background: none;
  border-collapse: separate;
  border-spacing: 2px; 
  border: none;
  margin: 10px auto 10px auto;
}

table.lista caption {
  padding: 0 0 5px 0;
  width: 100%;	 
  font: 9px verdana,arial,helvetica,sans-serif; 
  color: #696969;
  text-align: right;
}

table.lista th {
  font: 10px verdana,arial,helvetica,sans-serif; 
  color: #993300;
  border: 1px solid #F2A671;
  text-transform: uppercase;
  text-align: right;
  padding: 6px 6px 6px 12px;
  background: url("images/tableheader_bg.png") repeat-x;
}

table.lista th#parte{
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  width: 55px;
}

table.lista th.nobg {
  border-top: 0;
  border-left: 0;
  border-right: 1px solid #C1DAD7;
  background: none;
}

table.lista th.fine {
  border: 1px solid #F7B484;
  text-align:right;
  margin: 0 0 0 0;
  padding: 0 5px 0 0;
  background: #ffffff url("images/riassunto_bg.gif") repeat-x;
}

table.lista td {
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #aeaeae;
  border-bottom: 1px solid #cdcdcd;
  padding: 6px 3px 6px 3px;
  text-align: center;
}

table.lista td.sposo { 
  background: url("images/sposo_bg.png") 100% 100% no-repeat;
  background-color: inherit; /*IE FIX */
}

table.lista td.sposa { 
  background: url("images/sposa_bg.png") 100% 100% no-repeat;
  background-color: inherit; /*IE FIX */
}

table.lista td.nome, table.lista td.nome-disabilitato {
  padding-left: 5px;
  text-align: left;
  width: 80%;
}

table.lista td.nome-disabilitato a {
  color: #888888; /* XXX TODO */
  padding-left: 5px;
  text-align: left;
  width: 80%;
}

table.lista td.nome-disabilitato span { 
  color: #888888; /* XXX TODO */
  padding-left: 5px;
}

table.lista td.nome img { 
  margin-left: 20px; 
}

table.lista td.indirizzo {
  /* XXX per evitare di usare &nbsp; */
  white-space: pre;
}

table.lista td.contatti {
  white-space: pre;
  text-align: left;
  padding-left: 5px;
}

table.lista td.box { 
  text-align: center;
}

table.lista td.box input {
  border: none;
  background: none;
  text-align: center;
}

table.lista tr {
  background: #fff;
  color: #696969;
}

table.lista tr.even {
  background: #FFE6CD;
  color: #363636;
}

/* XXX definizione ripetuta */
table.lista td.nome {
  text-align: left;
  width: 80%;
}

table.lista td.nome input {
  border: none;
  background: none;
  border-bottom: 1px dashed #993300;
  width: 150px; 
}

/* Utilizzato per i titoli delle cat eventi in wizard */
table.lista td.vuoto {
  line-height: 20px;
  padding-top: 20px;
  background: #ffffff;
  border: 1px solid #ffffff;
  font: bold 12px verdana,arial,helvetica,sans-serif; 
  text-align: center;
  color: #993300;
  text-transform: uppercase;
}

/* Gestione footer */

table.lista th div.riepilogo {
  text-align: right;
  float: none;
  width: auto;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font: 9px verdana,arial,helvetica,sans-serif; 
  color: #696969;
}

table.lista th div.riepilogo  ul {
  list-style-type: none;
  text-align: right;
  margin: 10px 0 0 0;
  padding: 0 0 0 0;
}

table.totale {
  width: 80px;
  line-height: 20px;
  border-top: 1px solid #696969;
  margin-top: 3px;
  float: right;
}



/* ORGANIZZASPOSI - Quickmemo			  */
/* FOGLIO DI STILE CSS Livello 2.1		  */
/* design -> Alessandro Ferullo <-		  */
/* contact -> webmaster at namec dot net  */

/* Contenitore principale */
#quickmemo { 
  margin: 10px 0 10px 0; 
}

/* Cornice grafica stile blocconote */
.quickmemo_t { 
  background: url("images/quickmemo_fermaglio.jpg") 5px 0 repeat-x; 
  width: 515px; 
  min-height: 100%; 
}

.quickmemo_b { 
  background: url("images/quickmemo_b.png") 0 100% repeat-x; 
  width: 100%; 
}

.quickmemo_l { 
  background: url("images/quickmemo_l.png") 0 0 repeat-y; 
}

.quickmemo_r { 
  background: url("images/quickmemo_r.png") 100% 0 repeat-y; 
}

.quickmemo_bl { 
  background: url("images/quickmemo_bl.png") 0 100% no-repeat; 
}

.quickmemo_br { 
  background: url("images/quickmemo_br.jpg") 100% 100% no-repeat; 
}

.quickmemo_tl { 
  background: url("images/quickmemo_tl.png") 0 0 no-repeat; 
}

.quickmemo_tr { 
  background: url("images/quickmemo_tr.png") 100% 0 no-repeat; 
  padding:110px 5px 120px 5px; 
}

.quickmemo_strappo { 
  width:95%; 
  border-bottom: 1px dashed #CDCDCD; 
  margin:-5px auto 20px auto; 
}

/* La tabella che contiene tutti i dati */
table.notebook {
  table-layout: fixed; 
  width: 90%;
  background: none; 
  border-collapse: collapse; 
  border-spacing: 0px; 
  border: none;
  margin: 0 auto 0 auto; 
  padding: 0 0 0 0;
}

/* Colonna di stato con ORARI o STATUS */	
.notebook_colonna {
  width: 15%;
  background: #ebebeb;
  border: none; 
  border-bottom: 1px solid #bfbfbf; 
  border-right: 1px solid #333333;
  font: 10px verdana,arial,helvetica,sans-serif; 
  color: #993300; 
  text-align: center;
  line-height: 10px; 
  vertical-align: bottom;
  padding: 0 2px 0 2px;
}

/* I SEMAFORINI DI STATUS */
.notebook_colonna img { 
  vertical-align: middle; 
  margin-bottom: 6px; }

/* Titoli maiuscoli prima delle righe */
.notebook_titolo {
  height: 30px;
  background: #ebebeb;
  border: none; 
  border-bottom: 1px solid #333333;
  font: bold 12px verdana,arial,helvetica,sans-serif; 
  color: #993300;
  line-height: 30px;
  padding-left: 5px;
}

/* Il testo contenuto nelle righe */
.notebook_descrizione {
  height: 30px;
  background: none;
  font: 10px verdana,arial,helvetica,sans-serif; 
  color: #333333;
  border: none; 
  border-bottom: 1px solid #bfbfbf;
  padding-left: 5px; 
  margin-top: 5px;
  line-height: 10px;
  vertical-align: bottom;
}

.notebook_descrizione a { 
  font: bold 10px verdana,arial,helvetica,sans-serif; 
  color: #333333; 
}

.notebook_descrizione a:hover { 
  font: bold 10px verdana,arial,helvetica,sans-serif; 
  color: #993300; 
}

/* Il titolo evidenziato prima del testo contenuto nelle righe */
.notebook_descrizione span { 
  font: bold 10px verdana,arial,helvetica,sans-serif; 
  color: #993300; 
}

/* Elementi vuoti della tabella */
.notebook_vuoto { 
  background:none; 
  border:none; 
  height: 30px; 
}


/* ORGANIZZASPOSI - GEST. PAG. PERSONALI  */
/* FOGLIO DI STILE CSS Livello 2.1		  */
/* design -> Alessandro Ferullo <-		  */
/* contact -> webmaster at namec dot net  */

.container_pp { 
  width: 95%; 
  padding: 0px 10px 0px 10px; 
}

.blocco_pp {
  float: left;
  width: 100px; 
  height: 130px;
  border: 1px solid #c0c0c0;
  background: #e4e4e4 url("images/pagpersonali_grad.png") 0 0 repeat-x;
  padding: 20px 5px 5px 5px; 
  margin: 0px 5px 0px 5px;
  text-align: center;
}

.blocco_pp a { 
  font: 20px verdana,arial,helvetica,sans-serif; 
  color: #737373; 
}

div.spacer { 
  clear: left; 
}

.blocco_pp img { 
  margin-bottom: 20px; 
} 

/* PHOTOGALLERY */

.photogallery_contenitore { 
  width: 520px; 
}

.photogallery_contenitore img { 
  margin: 5px; 
  border: 2px solid #ababab;
}

.spacer { 
  clear: both; 
}
 
.float { 
  float: left; 
}
  
.float p { 
  text-align: center;
} 


/* WIZARD */
#losapeviche {
  float: right; 
}