/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
CSS pannello di gestione Prospero

versione:   1.0
autore:     federico pizzutto [per Prospero Multilab]
email:      info@prosperomultilab.com
sito web:   http://www.prosperomultilab.com/
..............................................................................

- Convenzioni -
NOTE:: --> utilizzato per indicare particolari informazioni
HACK:: --> utilizzato per indicare correzioni specifiche

- Colori -
bordi box:      --> #BBC4C8
bordi fieldset: --> #BBC4C8
bordi scuri:    --> #95A2A7
titoli:         --> #95A2A7
sfondo titoli:  --> #F3F3F3

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


/* Definizioni per Reset
-----------------------------------------------------------------------------*/

/* NOTE:: Rimuovi padding e margin */
* {margin: 0; padding: 0;}

/* NOTE:: Class per clearing floats [2] */
.clear {clear:both;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* NOTE:: Toglie il bordo dalle img con link */
img {border: 0;}

/* Definizione della struttura *fixed*
-----------------------------------------------------------------------------*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#111111;
	line-height: 1.3em;
	/*height:100%;
	overflow:auto;*/
	min-width:300px;
}
#head {
    width:100%;
    background: url(Images/testa_centrale.gif) repeat-x 0 0;
    height:50px;
    position:fixed;
    top:0;
    display:block;
    z-index:5;
}
#headLogo a#imgTestaLogo {
    width:150px;
    display:block;
    height:50px;
}
#headLogo {
    width:100%;
    height:50px;
    background: url(images/testa_logo.gif) no-repeat 0 0;
}

/* NOTE:: definizione della posizione del nome utente */
#headLogo span{     
    float:right;
    padding-right: 4px;
    margin-top: -20px;
    font-weight:bold;
    color:#fff;
}

#headPannello {background:url(images/testa_sfuma2.gif) no-repeat top right;}
#headPannello a#logout {
    height:30px;
    width:81px;
    display:block;
    z-index:10;
    float:right;
    margin-top:-50px;
}
#headPannello a#logout:link, #headPannello a#logout:visited { background: url(images/testa_logout.gif) no-repeat 0 0;}
#headPannello a#logout:hover {background: url(images/testa_logout.gif) no-repeat -81px 0;}

#menu {
    position:fixed;
    display:block;
    left:0;
    top:50px;
    height:100%;
    width:150px;
    z-index:4;
}

#content{
    margin-top:70px;
    padding: 0 0 0 150px;
    text-align:left;
}

#prospero {
	display:block;
	width:112px;
	height:33px;
	position:fixed;
	background:url(Images/logoProspero.gif) no-repeat left bottom;
	bottom:5px;
	left: 5px;
}
/* HACK:: correggo per IE win fino a IE6 */
* html #prospero {display:none;}
* html body {background: #fff url(Images/logoProspero.gif) no-repeat left bottom;}

/* Titoli
-----------------------------------------------------------------------------*/
h1, h2, h3, h4 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
h1 {
	font-size: 180%;
	padding: 0.5em 0.5em;
	margin: 0 10px 30px 10px;
	color:#CC6666;
	border-top: 1px solid #95A2A7;
	border-bottom: 5px solid #95A2A7;
	background:#f3f3f3;
}
h2 {
	font-size: 148%;
	white-space:nowrap;
	font-weight: bold;
	padding: 0.3em 0.5em;
	color:#95A2A7;
	border-bottom: 2px solid #95A2A7;
    background:#F3F3F3;
}
h3 {
	font-size: 100%;
	font-weight: normal;
	margin: 0.5em 0 0 0;
	color:#CC6666;
}

/* blocchi [DIV]
-----------------------------------------------------------------------------*/
/*.novanta {width:90%;}*/
.box {
    border:0px solid #BBC4C8;
    margin:0 10px 10px 10px;
	padding-bottom: 30px;
}
.filtra {
    background:#F3F3F3;
    border-bottom: 2px solid #95A2A7;
	border-top: 1px solid #BBC4C8;
    border-right:0;
    border-left:0;
	padding:0;
	margin-bottom:20px;
}
.filtra input, .filtra select {margin-right:20px;}
.filtra select {width:14em; padding-left: 0;}
.filtra select.filtroSelect {width:auto; padding-left: 0;}
.filta * {vertical-align:middle;}
.filtra .bottone {margin:0;}

/* HACK:: correggo per IE l'allinemento verticale */
* html .filtra input, * html .filtra select {margin-bottom: -2px;}


/* paragrafi e liste
-----------------------------------------------------------------------------*/
p {
	font-size: 100%;
	padding: 0.3em 0.5em;
	margin: 0 0 0 0;
	line-height:1.3em;
}
ul,ol {list-style:none;}
li {padding: 0.4em 0;}

.filtra p {margin:0; padding:1em 0.5em;}

/* TABELLE
-----------------------------------------------------------------------------*/
#content table {
    border-collapse:collapse;
    border-spacing:0;
}
#content td {
    padding:0.1em 0.2em;
    vertical-align:middle;
}
.tabella {
    width:82%;
    border-top: 1px solid #BBC4C8;
	margin-top:0.8em;
}
fieldset .tabella { width:96%;}
#content .tabella td {
    background: #f7f7f7;
    padding: 1em 0.5em;
    border-bottom: 1px solid #BBC4C8;
}
.tabellaElencocheck {width:98%; margin: 10px 0;}
.tabellaElencocheck td { padding: 3px 0; font-size: 90%;}
.tabellaElencocheck input { width:auto; border:0; float:left;}
.tabellaElencocheck td label {  padding-left:5px; float:left; margin-top: -5px;}

/* HACK:: correggo per IE */
* html .tabellaElencocheck td label {margin-top: 0; padding-left:3px;}


/* DEFINIZIONE ELEMENTI DEL FORM
-----------------------------------------------------------------------------*/
fieldset {
    border:4px solid #BBC4C8;
    margin:0 10px 10px 10px;
    font-size: 100%;
	padding:1.5em 2em;
}
/* HACK:: correggo il margine sotto per IE */
* html fieldset { margin-top:-20px;}
* html fieldset legend {margin-bottom:10px;}

fieldset p {clear:both; padding:0.3em 1em;}

/*fieldset fieldset {
    border:2px solid #BBC4C8;
    margin:10px;
    width:77%;
    font-size: 100%;
    padding-bottom: 1em;
    padding-left: 1em;
}*/
fieldset fieldset {
    border:2px solid #BBC4C8;
    margin:10px;
    font-size: 100%;
    padding: 0 1em 1em 1em;
}

/* HACK:: correggo il margine sinistro per IE */
* html legend {margin-left:0;}

legend {
	font-size: 160%;
	font-weight: bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0.3em 0.5em;
	margin:0 0.5em;
	color:#95A2A7;
	/*border-bottom: 1px solid #BBC4C8;
	border-right: 1px solid #BBC4C8;
	border-left: 1px solid #BBC4C8;
	border-top: 2px solid #95A2A7;
    background:#F3F3F3;*/
}
fieldset fieldset legend {font-size:145%;}

/* HACK:: correggo il margine sinistro per IE */
* html fieldset fieldset legend {margin-bottom:0;}

label, input, select, textarea {width:auto; font-size:110%; font-family: Verdana, Arial, Helvetica, sans-serif;}
fieldset label, fieldset input, fieldset select, fieldset textarea {display:block;width:80%;}
textarea {overflow:auto;}
fieldset label {padding:0.3em 0 0.2em 0;}
label {
    font-weight:bold;
    color: #666;
    padding:0 0 0.3em 0;
}
input, select, textarea {padding: 0.2em; background: #FFFFEC;}
option {padding:0.1em 0.1em 0 0.1em}
input[type="image"]{background:none;}
input[type="text"], input[type="password"], select, textarea {
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

/* NOTE:: correggo un problema di Firefox causato da input display:block */
input[type="hidden"] {display:none;}

input.bottoneImmagine {background:none; width:auto; display:inline; margin-bottom: -6px;}
input.bottone {
    padding:0.1em 0.2em;
    font-family: Arial, Sans-Serif, Serif;
    font-size: 115%;
    background:#D4D0C8;
    width:auto;
    display:inline;
}
.radiocheck input {
    margin-right: 5px;
    vertical-align:middle;
    width: auto;
    display:inline;
}
.radiocheck label {display:inline; padding:0;}
.radiocheck {line-height:1.6em;}

input.campoUpload {width:auto;}

p.bottone {text-align:right; margin-top:20px;}
p.bottone span {padding-right: 25px;}

.bottoneLink a/*, .tabella a*/ {
    font-weight:bold;
    padding: 3px;
    margin-right: 1em;
    text-decoration:none;
    background:#fff;
}
.bottoneLink a:link, .bottoneLink a:visited{ border: 1px solid #cc6666;}
.bottoneLink a:hover{ border: 1px solid #900;}

/* NOTE:: definisco lo stile degli input su --> focus */
input:focus, select:focus, textarea:focus {background: #ffc;}
input.bottone:focus {background:#D4D0C8;}

/* HACK:: correggo per IE */
* html input.bottone {padding:0;}
/** html input, * html textarea, * html select {
    border-top: 2px solid #999;
	border-left: 2px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}*/
* html .radiocheck input { border:0; background:none; vertical-align:bottom;}
/** html input.bottone {
    border-top: 1px solid #ccc;
	border-left: 1px solid #ccc; 
    border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}*/
* html fieldset legend {margin-top:10px;}
/** html input.campoUpload {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc; 
    border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}*/


/* NOTE:: definisco le classi per casi diversi */
.descrizione {
    padding-top: 0;
    padding-bottom: 1em;
    font-style:italic;
    font-size: 100%;
}
.bottoneLink, p.bottoneLink {
    padding:1em;
    margin-top:0;
    width:80%;
}


/* Prospero grid
-----------------------------------------------------------------------------*/
.prosperoGrid td {
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	padding: 3px 3px;
}
.testoIntestazioni {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #ffffff;
	background: #95A2A7;
	font-weight: bold;
}
tr.testoIntestazioni td a:link, tr.testoIntestazioni td a:visited {
	color:#fff !important;
	text-decoration:none;
}
tr.testoIntestazioni td {height:1.8em; border-right: 1px solid #fefefe;}
tr.testoIntestazioni td a:hover { text-decoration: underline;}
td.centrato {text-align:center;}
td.gridDx {border-left: 0 !important;}

/*
a.testoIntestazioni {
	color: #ffffff;
}
a.testoIntestazioni:link, a.testoIntestazioni:visited {	text-decoration: none;}
a.testoIntestazioni:hover {
	text-decoration: underline;
	background-color: #dddddd;
}*/


/* HACK:: tolgo sfondo da icone in prosperogrid*/
* html table input {background:none;}

.testoPager {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #fff;
	background-color: #95A2A7;	
	font-weight: bold;
	height:2em;
}
.testoPager td a {
	text-decoration: none;
	font-weight: normal;
	padding:0.1em;		
}
.testoPager td a:link, .testoPager td a:visited {color: #fff;}
.testoPager td a:hover {text-decoration: underline;}

span.prosperoGrid {
	display:block;
	border-right:1px solid #95A2A7;
	border-bottom:2px solid #95A2A7;
	border-left:1px solid #95A2A7;
	padding: 0.5em;
	margin:0 1px;
	font-size: 1.1em;
	background-color:#F3F3F3;
}


/* LINK
-----------------------------------------------------------------------------*/
a:link, a:visited {
	color: #CC6666;
}
/*a:visited {	color:#CC6666;}*/
a:hover {
	color: #990000;
}
a.elenco:link {
	color: #990000;
	font-weight:bold;
	text-decoration:none;
}
a.elenco:visited {
	color: #330000;
	font-weight:bold;
	text-decoration:none;
}
a.elenco:hover {
	color: #FF3300;
	font-weight:bold;
	text-decoration:underline;
}

.tabella a:link, .tabella a:visited { font-weight:bold; padding-right:5px; text-decoration: none;}
.tabella a:hover { text-decoration: underline;}

/* general
-----------------------------------------------------------------------------*/
.errore {color: #ff0000; font-weight:bold;}
.autore{ font-style:italic;}
.grigioLabel {color:#666;}
div.asterisco {
	clear:both;
	margin-bottom:1em;
}
p.asterisco {
	background: /*#f3f3f3*/ url(Images/ico_asterisco.gif) no-repeat 5px 4px;
	padding-left: 25px;
	/*display:inline;*/
	margin-left:1em;
	color: #666;
	/*border: 1px dashed #BBC4C8;*/
}
/* HACK:: aggiusto l'asterisco in IE */
* html p.asterisco {
	background: url(Images/ico_asterisco.gif) no-repeat 5px 6px;
}

.disabilitato {
    color: #999;
    background-color:#ddd;
}
input.disabilitato:focus, select.disabilitato:focus, textarea.disabilitato:focus {
    color: #999;
    background-color:#ddd;
}
/* commentati il 11/10/2006
.notiziaHome{
	font-size:85%;
	font-weight:normal;
	line-height: 1.2;
	color:#000000;
}
a.notiziaHome:link{
	font-size:85%;
	font-weight:normal;
	line-height: 1.2;
	color:#336699;
}
a.notiziaHome:visited{
	font-size:85%;
	font-weight:normal;
	line-height: 1.2;
	color:#336699;
}
a.notiziaHome:hover{
	font-size:85%;
	font-weight:normal;
	line-height: 1.2;
	color:#003399;
}
.shareIntestazione {
	font-weight: bold;
	color:#666;
}
.shareTesto {padding-top:0; border-bottom: 1px solid #BBC4C8;}*/


/* definizione box home (blocchi piccoli flessibili)
-----------------------------------------------------------------------------*/
.blocco50 {
    width: 260px;
    border:2px solid #BBC4C8;
    margin-left: 10px;
    margin-bottom:10px;
    float:left;
    display:inline;
}
.blocco50 div {height: 150px; overflow:auto;}
.blocco50 p {font-size: 90%;}
.blocco50 a {display:block; font-size: 110%;line-height: 1.4em;}


.vediTutto {
    padding: 0.3em 0.5em 0.5em 0.5em;
    margin:0 0 0 0;
    text-align:right;
    border-top: 1px solid #95A2A7;
    background:#F3F3F3;
}
.vediTutto a {
    font-weight:bold;
    padding: 0 16px 0 0;
    color:#95A2A7;
}

/* box privilegi utenti
-----------------------------------------------------------------------------*/
.privilegi {
    margin: 0 10px 15px 10px;
    border:2px solid #BBC4C8;
}
.privilegi ul {
    margin:0 0 0 10px;
    padding:0.5em 0;
}
.privilegi li {
    border-bottom: 1px dashed #BBC4C8;
    text-indent:25px;
    padding: 0.8em 0;
    background: url(images/ico_azioni.gif) no-repeat left center;
}
.privilegi li span {text-indent:25px;display:block;}


/**************************************************************************************
	SPECIFICO PER CAMINA
**************************************************************************************/
fieldset select {width:auto; padding:0.2em 0;}
fieldset input.data {width:6em;} /* da aumentare un po' */
fieldset input.telefono {width:12em;}
fieldset input.cap {width:3.5em;}
fieldset input.normal {width:25em;} /* NOTE:: valido per cittą, nome, cognome, mail...*/

fieldset input.bottone, input.bottone {
    padding:0.1em 0.3em;
    font-weight:bold;
}

/*p.bottone {text-align:left; margin-top:20px;}
p.bottone span {padding-right: 25px;}*/

p.share {
	margin:0 10px;
	padding: 0 0 1.5em 0;
}
p.share input { margin-bottom: 5px;}

/* NOTE:: definisco lo stile per upload immagini */
p.ecceziunale input.campoUpload/*, .ecceziunale .bottoneLink*/ {display:inline;}
.ecceziunale .bottoneLink {margin-left:10px;}
p.ecceziunale img {
	margin:0.5em 0.3em 0 0.3em;
	padding:2px;
	border: 2px solid #bbc4c8 !important;
	display:block;
}
/* NOTE:: utile per IE */
p.ecceziunale .elimina {display:block;}

.tabella a.linkSpoglio:link, .tabella a.linkSpoglio:visited {color:#111; font-weight:normal; padding-right:0; text-decoration: underline;}
.tabella a.linkSpoglio:hover { text-decoration: underline;}