* { 
	margin: 0px; 
	padding: 0px;
	list-style-type: none;
}

body {
	font-family:"Arial",sans-serif; 
	font-size:8pt;	
	font-size-adjust:none;	font-style:normal;	font-variant:normal;
	font-weight:normal;	line-height:normal;	background-color: #fff; margin: auto; padding-top: 2px}

a {text-decoration: none}




a img { vertical-align: top; margin-right: 2px;}
h2.pageTitle{font-size: 12pt; font-weight: bold; margin: 5px}
.ui-widget-overlay { height: 500pt !important;}

.listTb {
	width: 100%;
	border-collapse: collapse;
}

.listTb th, .listTb td {
	padding: 2px;
	vertical-align: middle;
	/*cursor: pointer;*/
	//border-bottom: 1px solid #CCC
}
.listTb th {text-align: left}

.listTb a {float: left; padding: 2px}

.ShadowBackgroundStyle{
	z-index:900;
	background-color:#FFF;
	height:500%;
	left:0pt;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	position:absolute;
	top:0pt;
	width:100%;
}

.cmdButton {cursor: pointer; background-color: #455359; border-radius: 2px; font-size: 10pt; font-weight: 700;}

#GeneralLoading .BoxContainerStyle {
	left: 50%;
	top: 30%;
	position:fixed; /*absolute;*/
	z-index:901;
}

#GeneralLoading .BoxContainerStyle .BoxBodyStyle {position:relative;	left: -50%;	z-index:902; padding: 10px;}




#contenitore {margin: auto; width: 960px}
#testata {float: left; height: 80px; width: 100%; background-color: #ededed}


#navigator {float: left; width: 100%; background-color: #455359; font-size: 10pt; font-weight: 700;}
#navigator li {display: inline; line-height: 27px; padding: 0px 10px}
.nav-item {color: #DDD}
.nav-selected {color: #FFF}
.nav-hvr {color: #FFF}

                                                                                                   

#bozza {float: left;  color: #FFF; background-color: #C00; width: 100%}
#mainlogo {float: left;}
#maintitle h1{font-size: 18pt; margin: 5px; float: right}
#maintitle h2{font-size: 12pt; margin: 5px; float: right;}
#logoCaritas{float: left; position: relative; margin: 10px}
.mainimage{float: right;}




#corpo {float: right; width: 100%;  }
#piede {float: left; width: 100%; border-top: 1px #DDD solid}

                  
#listaDossier{list-style-type: none; margin: 20px 0px 10px 50px}

.intestazione-pagina {color: #8B1C03; font-weight: 700;
                     font-size: 14pt; line-height: 35px; height: 40px;}

.sezione-pagina {height: 16px; color: #093; font-size: 12pt; line-height: 20px}

#dettaglionotizia { margin-top: 10px}
#testonotizia {width: 760px; float: left; }
 

#progetto{}

#testoprogetto {width: 760px; float: left; font-size: 10pt;}

#chisiamo{ } 
#chisiamo h5 {font-size: 10pt; margin-bottom: 10px}
#testochisiamo {width: 760px; float: left; font-size: 10pt;}
#testochisiamo p {margin-bottom: 10px}                  
#testochisiamo ol {margin: 0px 0px 10px 30px}
#testochisiamo ol li {list-style-type: decimal; margin-bottom: 10px }
#testochisiamo ul {margin: 0px 0px 10px 30px}
#testochisiamo ul li {margin-bottom: 10px }

#contatti {} 
#contatti h5 {font-size: 10pt;  margin-bottom: 10px}
#testocontatti {width: 760px; float: left; font-size: 10pt;}
#testocontatti .diocesi{width: 320px; height: 125px; margin: 10px 5px 10px 30px; list-style-type: none; float: left}
#testocontatti .nome{font-size: 10pt;font-weight: bold; color: #8B1C03}
#testocontatti .dettaglio{margin-left: 40px}


#donazioni { margin-top: 10px} 
#donazioni h5 {font-size: 10pt; margin-bottom: 10px}
#testodonazioni {width: 760px; float: left; font-size: 10pt;}
#testodonazioni .diocesi{width: 320px; height: 80px; margin: 10px 5px 10px 30px; list-style-type: none; float: left}
#testodonazioni .nome{font-size: 10pt;font-weight: bold; color: #8B1C03}
#testodonazioni .dettaglio{margin-left: 40px}
#testodonazioni a{font-weight: 700; text-decoration: underline ;}


.tabellaCaricamento {margin-top: 10px}
.tabellaCaricamento  th{padding: 5px; border-left: 1px solid #FFF}
.tabellaCaricamento  .descrizione{border-bottom: 1px solid #CCC}
.tabellaCaricamento  .dot{text-align: center; border-bottom: 1px solid #CCC}

#uploadForm {}
#uploadDetails  {float: left;  background-color: #F0F0F0; padding: 5px; margin-right: 20px}
#uploadDetails  li{list-style-type: none; margin-bottom: 10px}
#uploadDetails  label{float: left; width: 80px}
#uploadDetails  label.error{float: right; width: 200px; color: #C00}
#uploadDetails  input[type=file]{width: 300px}
#uploadDetails  #uploadFile{width: 300px; height: 20px}
#uploadDetails  select{width: 180px}

#csvToggle {text-decoration: underline}
#csvDetails {width: 300px; float: left; background-color: #F0F0F0; padding: 5px}
#csvDetails input {margin-right: 20px; width: 12px; text-align: center}
/*
#uploadOutput{float: left; width: 100%; background-color: #F0F0F0;}
*/

#formElaborazione {}
/*
#formElaborazione  .nav-item{line-height: 27px; background-color: #455359; border-radius: 2px; float: right; display: inline;
    font-size: 10pt;font-weight: 700; margin-bottom: 10px;  padding: 0px 10px 0px 10px; cursor: pointer}
*/

#formElaborazione  .nav-item{line-height: 27px; border: 1px solid ; border-radius: 2px; 
      cursor: pointer; font-size: 11pt;
      float: right; 
      padding: 0px 10px 0px 10px; 
       margin-bottom: 10px; 
      vertical-align: top; height: 30px; 
      background-color: #0078ae; color: #FBFBFB; font-weight: 700}


#dove {float: right; width: 58%;  margin-bottom: 10px}
#quando {float: left; width: 38%;   margin-bottom: 35px}

#apriListaCda{font-weight: bold; color: #455359; text-decoration: underline; cursor: pointer}

#spazioCda{font-size: 8pt;  background-color: #F6F6FF;}
#navilista {float: right; margin: 15px}
/* #listaCda  td{border-bottom: 1px solid #4d859d; padding: 2px} */
.listaRisorse {list-style-type: none; }
.listaRisorse  li{margin-bottom: 20px }
.listaRisorse  .nome {font-size: 10pt; text-decoration: underline;}
.listaRisorse  .tipologia {font-size: 8pt; font-style: italic}
.listaRisorse  .secondariga {font-size: 10pt}
.listaRisorse  .telefono {font-size: 10pt}
.listaRisorse  .fax {font-size: 10pt}
.listaRisorse  .mail {font-size: 10pt}
.listaRisorse  .www {font-size: 10pt}
.listaRisorse  .apertura {font-size: 10pt}


#navbar{ list-style-type: none; margin: 10px}
#navbar .navItem {font-weight: bold; color: #455359; text-decoration: underline; display: inline}

#links { margin: 10px}
#links  label{float: left; cursor: pointer}
.navItem{cursor: pointer}
#intestazioneLinks {margin-left: 30px; font-weight: bold; color: #455359; float: left; width: 80%}
#altreDiocesi {font-weight: bold; color: #455359; height: 25px; vertical-align: bottom}
#selettori {margin: 10px 0px 10px 10px}
#selettori a {font-weight: bold; color: #455359; text-decoration: underline; cursor: pointer; margin-right: 10px}

#contenitore-dove { height: 297px; overflow: auto; }
/* #cosaquando{float: left; width: 76%; }*/
#contenitore-dove, #contenitore-quando,  #contenitore-cosa, #selettoreVariabiliSingoloAnno, #selettoreVariabiliSerieStorica {margin-top: 10px; 
            background-color: #FBFBFB; border: 1px solid #DDD; padding: 4px; border-radius: 2px; } 
#selettoriTipo label{cursor: pointer}
#selettoriTipo li{ display: inline; margin-right: 5px}

#anni {margin: 5px 0px 0px 30px}
#anni td {height: 20px}
#anni .label {width: 32px}
.yearSelector {width: 65px}

#cosa {float: left; width: 38%}

#contenitore-quando{float: left; width: 100%; }
#contenitore-cosa {float: left; width: 100%; margin-bottom: 10px; height: 200px}
#contenitore-cosa tr {vertical-align: top;}


#cosa h5{font-size: 10pt; width: 100%; float: left;}

#cosa h6{font-size: 8pt; width: 100%; margin: 0px;  padding: 10px 35px 0px 0px; height: 20px; }
#cosa h6 label{line-height: 15px;  padding: 2px;}

#cosa label{cursor: pointer}

#cosa ul{padding: 0px; margin-left: 25px; float: left}

#cosa li {list-style-type: none; margin: 6px 0px; }
#cosa li .figlio{font-size: 8pt; float: left;margin: 1px; width: 200px;}
#cosa li .figli{margin-left: 15px; }
#cosa .marcato {color: #C00; font-weight: 700}


#elabora { float: right; width: 58%;  }


#elaborazione{font-size: 8pt;}
#elaborazione #pulsanti {line-height: 27px; clear: left; }
#elaborazione #pulsanti .nav-item{background-color: #455359; border-radius: 2px; float: right; display: inline;
    font-size: 10pt;font-weight: 700; margin: 20px 10px;  padding: 0px 10px 0px 10px}



#selettore-elaborazione{position: absolute; width: 132px;}
#selettore-elaborazione li {line-height: 27px;}
#selettore-elaborazione li a {color: #C00; font-size: 10pt; font-weight: 700; margin-left: 10px}
#selettore-elaborazione span {float: left; margin: 5px 0px 0px 5px; width: 100%}

.area-elaborazione{margin: 10px 0px 10px 132px; padding: 20px; 
                     background-color: #FBFBFB;border: 1px solid #DDD; border-radius: 2px}
/* .area-selected {background-color: #eee} */

#grafico {padding: 10px}
#areaGrafico {margin: 20px 0px 10px 100px}
#areaGrafico .jqplot-point-label {font-weight: bold; font-size: 1.0em}
#dati {margin: 10px}
#dati caption{font-weight: bold;  padding-bottom: 10px}
#dati  td{padding: 5px}
#dati th {border-bottom: 1px dotted #BBB; text-align: right; background-color: #DDD; padding: 5px}
#dati .etichetta {border-bottom: 1px dotted #BBB;}
#dati .dato {border-bottom: 1px dotted #BBB; text-align: right; margin-left: 25px}
#dati .totale {font-weight: bold;  background-color: #DDD}
.nota {margin: 10px; float: left; font-style: italic}

.notaIndice {margin-left: 10px; float: left; font-style: italic}

 
#map {width: 900px; height: 600px; border: 1px solid #CCC}
.mapPopup  div {margin-top: 10px}
.mapPopup  .nome {font-size: 10pt; font-weight: bold}
.mapPopup  .tipologia {font-style: italic}
.mapPopup  .telefono {font-style: italic}
.mapPopup  .apertura {font-style: italic}
/*
#listaCda  .tipologia {font-size: 10pt}
#listaCda  .secondariga {font-size: 10pt}
#listaCda  .telefono {font-size: 10pt}
#listaCda  .apertura {font-size: 10pt}
*/


#listacda #pulsanti {line-height: 27px; clear: left; }
#listacda #pulsanti .nav-item{background-color: #455359; border-radius: 2px; float: right; display: inline;
    font-size: 10pt;font-weight: 700; margin-bottom: 10px;  padding: 0px 10px 0px 10px}

#listacda #datiContatore {width: 50%; float: left}
#listacda #contatore {font-size:12pt;  color: #093; font-weight: 700; line-height: 30px}

#listacda #datiRisorse { width: 46%; float: left}
#listacda #mappa { width: 50%; float: right; clear: right}


#segnalazione{font-size: 10pt;  }
#segnalazione a {text-decoration: underline;font-weight: bold}

#listaSegnalazione { margin: 10px auto; padding: 0px; background-color: #FBFBFB;border: 1px solid #DDD; border-radius: 2px}
#listaSegnalazione li {width: 840px; margin: auto; padding: 20px 0px 20px 0px}


#confermanuovo{font-size: 10pt;  background-color: #F6F6FF; margin-top: 20px}
#confermanuovo h4 {height: 25px; background: url(/img/segnalazione.png) no-repeat 10px #455359; font-size: 8pt}
#confermanuovo .centro{width: 80%; margin: auto; padding: 50px 0px 50px 0px}
#confermanuovo p{margin-bottom: 15px}
#confermanuovo #torna{float: right; padding: 3px; margin-right: 5%}



#update {font-size: 10pt; }

/* #update #titolo {height: 25px; background: url(/img/segnalazione-di-un-servizio.png) no-repeat 10px #455359; font-size: 8pt}*/

#update #ente-riferimento {height: 25px; background: url(/img/ente-riferimento.png) no-repeat 10px #455359; font-size: 8pt}
#update #contatti {height: 25px; background: url(/img/contatti.png) no-repeat 10px #455359; font-size: 8pt}

#update #formSelect{width: 80%; margin: auto; padding: 50px 0px 50px 0px}

#update #formUpdate{margin: auto; padding: 0px 0px 5px 0px}
#update a { text-decoration: none;font-weight: bold}

#update table {width: 100%; }
#update .dati {background-color: #FBFBFB;border: 1px solid #DDD; border-radius: 2px; padding: 3px; margin-bottom: 10px}
#update table td { padding-bottom: 2px}
#update table .label {width: 200px}
#update table .dato {width: 300px;}
#update textarea {font-family: Arial, sans-serif; font-size: 10pt; height: 70px}

#update label{cursor: pointer; font-size: 8pt; margin: 0px 10px 0px 2px; line-height: 16px;}

#update #pulsanti {line-height: 27px;}
#update #pulsanti .nav-item{background-color: #455359; border-radius: 2px; float: right; display: inline;
    font-size: 10pt;font-weight: 700; margin-left: 10px; padding: 0px 10px 0px 10px}

#update .istruzione {font-size: 8pt; font-style: italic; float: right}

#salvarisorsa {font-size: 10pt; }
#salvarisorsa .centro{width: 80%; margin: auto; padding: 50px 0px 50px 0px}
#salvarisorsa .salvataggioScheda {padding: 10px; background-color: #FBFBFB; border: 1px solid #DDD; border-radius: 2px}

#risorse {}
#risorse h5 {font-size: 10pt; font-weight: 400; text-align: center;} 
#risorse #frm-ricerca {margin-bottom: 10px}
#risorse .header {font-size:12pt;  color: #093; font-weight: 700; line-height: 30px}
#risorse #ricercaTesto {height: 24px; font-size: 12pt; width: 50%; padding: 2px 0px 2px 5px; background-color: #FBFBFB; border: 1px solid #DDD; }
#risorse .icon {background-image: url("ui/images/ui-icons_0078ae_256x240.png");height: 16px; width: 16px; display: inline-block}
#risorse .editItem {background-position: -176px -192px; margin: 5px 3px 2px 3px}
/* #risorse #bottoneRicerca {border: 1px solid #DDD; border-radius: 2px; cursor: pointer; vertical-align: top; width: 30px; height: 30px} */
#risorse #bottoneRicerca {border: 1px solid ; border-radius: 2px; cursor: pointer; font-size: 11pt;
      vertical-align: top; width: 80px; height: 30px; background-color: #0078ae; color: #FBFBFB; font-weight: 700}

#risorse #linkSegnalazione {font-size: 10pt; font-weight: 700; float: right; text-decoration: underline; line-height: 24px}

#risorse  #datiContatore {width: 100%; float: left}
#risorse  #contatore {font-size:12pt;  color: #093; font-weight: 700; line-height: 30px}
#risorse  #datiRisorse { width: 46%; float: left}
#risorse  #mappa { width: 50%; float: right; clear: right}



#risorse .bordato {background-color: #FBFBFB; border: 1px solid #DDD; border-radius: 2px; vertical-align: top} 
.ricercaCategorie h6{font-size: 8pt; width: 100%; margin: 0px;  padding: 10px 35px 0px 0px; height: 20px; }
.ricercaCategorie h6 label{line-height: 15px; margin-left: 3px; font-weight: 700; padding: 2px ; background-color: #DDD;}

.ricercaCategorie label{cursor: pointer}

.ricercaCategorie ul{padding: 0px; margin-left: 5px;  float: left;}

.ricercaCategorie li {list-style-type: none; margin-bottom: 3px ; float: left;display: inline-block; }
.ricercaCategorie li .figlio{font-size: 8pt; float: left;margin: 1px}
.ricercaCategorie li .figli{margin-left: 15px; }
.ricercaCategorie .marcato {color: #C00; font-weight: 700}

#selettoreDistrettiCdA li {width: 20%}
#selettoreDistrettiCdA li .figlio{width: 180px}


#listaCategoriecategorie .figlio{ width: 320px;}
#selettoreDistretti {width: 240px}
#selettoreDistretti .figlio{ width: 180px; }

#dettagliorisorsa #inforisorsa {float: left; background-color: #FBFBFB; border: 1px solid #DDD; 
                                 border-radius: 2px; margin: 10px auto; padding: 10px}
#dettagliorisorsa .datirisorsa {float: left; width: 420px}
#dettagliorisorsa li {line-height: 18px}

#dettagliorisorsa #mapparisorsa {width: 480px; height: 360px; background-color: #FFF; float: right; }

#dettagliorisorsa .sezione-pagina {margin: 5px 0}
#dettagliorisorsa #pulsanti {line-height: 27px; clear: left; }
#dettagliorisorsa #pulsanti .nav-item{background-color: #455359; border-radius: 2px; float: left; display: inline;
    font-size: 10pt;font-weight: 700; margin-top: 10px;  padding: 0px 10px 0px 10px}

#dettagliorisorsa .tipoente {font-style: italic;}
#infologo {float: right; line-height: 16px; vertical-align: middle; text-align: right; margin: 5px 5px 0px 0px}
#infologo .highlight {color: #C00; font-weight: 700}

#istruzioni-risorse{font-size: 10pt;}
#closeBookDetail {float: right; cursor: pointer; color: #8B1C03}

#testoistruzioni-risorse {margin: 10px auto; padding: 10px;  }
#testoistruzioni-risorse p {margin-bottom: 5px}                  
#testoistruzioni-risorse ul {margin: 0px 0px 5px 30px}
#testoistruzioni-risorse li {list-style-type: disc; }
#testoistruzioni-risorse a {text-decoration: underline; font-weight: 700; }                  


#istruzioni-dati{font-size: 10pt;}
#istruzioni-datiQuit {float: right; cursor: pointer; color: #8B1C03}

#testoistruzioni-dati {margin: 10px auto; padding: 10px}
#testoistruzioni-dati p {margin-bottom: 20px}                  
#testoistruzioni-dati ul {margin: 0px 0px 10px 30px}
#testoistruzioni-dati li {list-style-type: disc; margin-bottom: 20px }
#testoistruzioni-dati a {text-decoration: underline; font-weight: 700; }                  


#home {}

#news {float: left; width: 760px; margin-top: 10px}
#modules{float: right; width: 190px; margin-top: 10px}
/* .bordato {background-color: #FBFBFB; border: 1px solid #F0F0F0; border-radius: 2px; vertical-align: top} */ 

.homearticolo {/*border-top: 1px dotted #222; */ line-height: 1.5em; padding-top: 1px}
.homearticolo  .sinistra {float: left ; margin: 0px 15px 5px 0px }
.homearticolo .destra {float: right; margin: 0px 0px 5px 15px}
.homearticolo h3 {font-weight: normal; font-size: 0.9em; padding: 0.4em 0 0 1em; color: #444; 
                     background-color: #f5f5f5; 
                     border-radius: 2px 2px 2px 2px;  
                     /*background: url("/img/homearticolotitolo.gif") repeat-x scroll left top transparent*/}

.homearticolo h1 {font-weight: normal; font-size: 2em; font-spacing: -1px; 
                  font-family: Arial, serif; line-height: 1.5em; vertical-align: baseline;}

.homearticolo a {color: #8B1C03; }

.homearticolo a:hover {color: #8B1C03; text-decoration: underline;}

.homearticolo h2 {font-weight: normal; font-size: 1.2em; font-spacing: -1px; color: #444; 
                  line-height: 1.5em; vertical-align: baseline;}

.homearticolo section {margin: 1.2em 0; font-size: 1.2em; line-height: 1.5em; vertical-align: baseline;
                      color: #444; }
                      
.articolo {line-height: 1.5em; padding-top: 5px}
.articolo  .sinistra {float: left ; margin: 0px 5px 5px 0px }
.articolo .destra {float: right; margin: 0px 0px 5px 5px}
.articolo h3 {font-weight: normal; font-size: 0.9em; color: #444; }

.articolo h1 {font-weight: normal; font-size: 2em; font-spacing: -1px; 
                  font-family: Arial, serif; line-height: 1.5em; vertical-align: baseline;}

.articolo h1 a {color: #8B1C03; }

.articolo h1 a:hover {color: #2F5EB1; text-decoration: underline;}

.articolo h2 {font-weight: normal; font-size: 1.2em; font-spacing: -1px; color: #444; 
                  line-height: 1.5em; vertical-align: baseline;}

.articolo section {margin: 1.2em 0; font-size: 1.2em; line-height: 1.5em; vertical-align: baseline; color: #444; }
.articolo section p {text-indent: 10px; margin-bottom: 0.8em}         
                      
.ritorno {line-height: 1.5em; padding: 5px 0px; font-size: 1.2em; }
.ritorno a {color: #8B1C03; }
.ritorno a:hover {color: #2F5EB1; text-decoration: underline;}
              
                      
#modules .spot {width: 188px; border: 1px solid #e5e5e5; margin-bottom: 2px; border-radius: 2px; background-color: #f5f5f5}          
#modules .spot hgroup {/*background: url("/img/bg_spot_hgroup.jpg") repeat-x scroll left top transparent;  */ padding: 5px}          
#modules .spot h5 {color: #8B1C03; font-size: 10pt; margin: 0px; }    
#modules .spot h5 a {color: #8B1C03; }    
#modules .spot section {padding: 4px; line-height: 1.5em}    
#modules .spot section a {color: #5E6265}           
#modules .spot a:hover {text-decoration: underline}