/*BODY*********************************************************************************************/
body{
font-size:80%;
font-family: Arial, Georgia, "Times New Roman", Times, serif;
margin:0;
padding:0;
color:#494949;
}
/***************************************************************************************************
***************************************************************************************************/
/*questo l'ho messo perche c'erano degli ul fori dai p nei testi sarebbe meglio sistemarlo*/
ul{
font-size:11px;
}

/*LAYOUT*******************************************************************************************/
#topsection{
height: 105px;
background:url("./immagini/h_utente.png");
background-position:0px 13px;
background-repeat:no-repeat;

}
#topsection_p{
height: 105px;
background:url("./immagini/h_pub.png");
background-position:0px 15px;
background-repeat:no-repeat;

}

#logo_navigatore{
height:60px;
}

#logo{
margin-top:0px;
margin-bottom:10px;
text-align:center;
padding-bottom:20px;
width:360px;
height:50px;
float:left;
}

#logo_p{
margin-top:0px;
margin-bottom:10px;
text-align:center;
padding-bottom:20px;
width:300px;
height:50px;
float:left;
}


#datarange{
width:400px;
height:24px;
padding:0px;
background-color:;
font-size: 11px;
float:left;
margin-top:5px;
color:#283688;
}

#datarange input{
top:0px;
margin:0px;
padding:0px;
width:28px;
height:28px;
float:left;
display:block;
}

#datarange label{
width: 110px;
padding-top:5px;
float:left;
font-size:11px;
color:#283688;
text-align:right;
}

#pop_mappe{
height:24px;
padding:0px;
background:;
font-size: 11px;
margin-left:20px;
float:left;
margin-top:5px;
}

#pop_mappe label{
padding-top:5px;
width: 110px;
color:#283688;
text-align:right;
}
#pop_mappe select{
margin-top:4px;
}

#panel{
position:absolute;
top:50px;
right:0px;
height: 30px;
display:inline;
}


#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 360px; 
}

#leftcolumn{
display:block;
float: left;
width: 352px;
margin-left: -100%;
}

#leftcolumn img{
cursor:pointer;
}

/*pubblico*/

#contentcolumn_p{
margin: 0 200px 0 280px;
border-left:1px solid #DDD;
border-right:1px solid #DDD;
}

#leftcolumn_p{
float: left;
width: 280px;
margin-left: -100%;
}

#rightcolumn{
float: left;
width: 200px;
margin-left: -205px;
}

.innertube{
margin: 0px;
margin-top: 0;
}

#topmenu {
background-color: #F1F7FC;
}
#topmenu a{
padding-left: 10px;
text-decoration:none;
}


.personalmenu {
float:right;
margin-right:10px;
margin-top:4px;
}

.personalmenu a{

padding-left: 10px;
text-decoration:none;
}





#pannello_azzurro{
width:240px;
padding:6px;
background:#E8EEFA;
margin: 0 10px;
}

#pannello_azzurro1{
width:240px;
padding:6px;
background:#B7D7E9;
margin: 0 10px;
}

#left_bianco{
width:240px;
background:#FFFFFF;
margin: auto;
}

/***************************************************************************************************
***************************************************************************************************/






/*NAVIGATORE***************************************************************************************/
.navigatore{
margin:0px;
padding:0px;

background-color:#F1F7FC;
}

.navigatore ul{
margin:0;
margin-left: 10px;
padding: 0;
list-style: none;
}

.navigatore li {
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:none;

}

.navigatore a{
float: left;
display: block;
font: normal 14px Arial;
color: #00008B;
text-decoration: none;
margin: 0px 1px 0px 0px;
padding: 2px 10px 2px 10px;
}

.navigatore a:hover{
float: left;
display: block;
color: white;
background-color: #283688;
padding: 2px 10px 2px 10px;
}

.navigatore .current a{
background-color: #D42532;
padding: 2px 10px 2px 10px;
color: white;
}
/***************************************************************************************************
***************************************************************************************************/

/*ACCORDION****************************************************************************************/

/*accordion principale*/
#main_accordion
{
width: 340px;
margin-top:0px;
}
#main_accordion h3
{
margin:0px;
}

#main_accordion img
{
cursor:hand;
}
#main_accordion input
{
cursor:hand;
}
.basic  {
margin-left:10px;
width: 100%;
}

.basic div {
}

.basic p {
margin-bottom : 10px;
text-decoration: none;
font-weight: bold;
font-size: 10px;
margin: 0px;
padding: 10px;
}

.basic h3{
cursor:pointer;
display:block;
padding:5px;
margin-top: 0;
text-decoration: none;
font-weight: bold;
font-size: 13px;
color: #FFF;
border: 1px solid #FFFFFF;
/*background-image: url("./immagini/accordion_on.gif");*/
background-color: #283688;
}
	
.basic h3:hover {
background-color: white;
background-image: url("./immagini/accordion_off.gif");
color: #FFF;
}

.basic h3.selected {
color: #FFF;
border-bottom: 1px solid #444;
background-color: #283688;
background-image: url("immagini/accordion_off.gif");
}

/*accordion secondario*/
.sec  {	
width: 338px;
}
.sec div {

}

.sec p {
border: none;
text-decoration: none;
font-weight: normal;
font-size: 11px;
line-height:11px;
padding: 2px 10px;
}

.sec a.normale {
cursor:pointer;
display:block;
padding:5px;
margin-top: 0;
text-decoration: none;
font-weight: bold;
font-size: 12px;
color: #283688;
background-color: #E8EEFA;
border-top: 2px solid #FFF;
border-bottom: 2px solid #FFF;
background-image: url("");
}

.sec a.normale:hover {
border-top: 2px solid #FFF;
border-bottom: 2px solid #FFF;
background-color: #80B0E1;
color: #FFF;
font-size: 14px;
padding:5px;
font-weight: bold;
letter-spacing:1px;
text-align:right;
}

.sec a.selected {
border-top: 2px solid #FFF;
border-bottom: 2px solid #FFF;
background-color: #80B0E1;
color: #FFF;
padding:5px;
font-size: 14px;
font-weight: bold;
letter-spacing:1px;
text-align:right;
background-image: url("");
}

/***************************************************************************************************
***************************************************************************************************/


/*FORM ACCESSIBILE*********************************************************************************/
form{
margin:0px;
}

fieldset{
border: 0;
}

fieldset div
{
float:left;width:100%;
padding: 0px 0 0 2px;
border:0;
}

label
{
width:60px;
font-size:100%;
float:left;
display: block;
}
/***************************************************************************************************
***************************************************************************************************/






/*SCHEDE*******************************************************************************************/
.titoloscheda {
	color: #3C3F63;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}
.titolosezione {
font-size: 12px;
background-color: white;
color: #D83D47;
font-weight: bold;
letter-spacing:1px;
text-align:right;
padding:5px;
}

.s {
	font-size: 12px;
	color: #444444;
	text-align: right;
}

.d {
	font-size: 11px;
	color: #444444;
	padding-left: 6px;
	padding-bottom:2px;
}
.menu
{
	font-size: 11px;
	font-weight: bold;
	color: #444444;
	padding: 1px;
}

.field
{
	color: #3C3F63;
	padding: 0px;
	text-align: left;	
}

.text {
  font-size: 11px;
	color: #444444;
	padding: 1px;
	margin:0px;
	text-align: left;	
}
/***************************************************************************************************
***************************************************************************************************/


/*PULSANTI FORM*/

.salva{
background-color: transparent;
background-image: url("./immagini/salva.png");
background-repeat: no-repeat;
border-width: 0px;
color: #444444;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
height: 64px;
padding-left:65px;
width: 120px;
cursor:hand;
}

/*.ENTRA 
{
background-color: transparent;
background-image: url("./immagini/entra.png");
background-repeat: no-repeat;
border-width: 0px;
color: #444444;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
height: 64px;
padding-left:65px;
width: 120px;
cursor:hand;
}
*/

.caricaimmagine{
background-color: transparent;
background-image: url("./immagini/camera_big.png");
background-repeat: no-repeat;
border-width: 0px;
color: #444444;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
height: 64px;
padding-left:65px;
width: 200px;
cursor:hand;
}

.caricaicona{
background-color: transparent;
background-image: url("./immagini/carica_icona.png");
background-repeat: no-repeat;
border-width: 0px;
color: #444444;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
height: 64px;
padding-left:65px;
width: 200px;
cursor:hand;
}

.cerca_utente{
background-color: transparent;
background-image: url("./immagini/utenti.png");
background-repeat: no-repeat;
border-width: 0px;
color: #444444;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
height: 64px;
padding-left:65px;
width: 200px;
cursor:hand;
}

.invio_richiesta{
background-color: transparent;
background-image: url("./immagini/contatta_big.png");
background-repeat: no-repeat;
border-width: 0px;
color: #444444;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
height: 64px;
padding-left:65px;
width: 200px;
cursor:hand;
}
.anteprima_mail{
background-color: transparent;
background-image: url("./immagini/email.png");
background-repeat: no-repeat;
border-width: 0px;
color: #444444;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
height: 64px;
padding-left:65px;
width: 200px;
cursor:hand;
}
/*IMMAGINI*/
.invio_richiesta{
background-color: transparent;
background-image: url("./immagini/contatta_big.png");
background-repeat: no-repeat;
border-width: 0px;
color: #444444;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
height: 64px;
padding-left:65px;
width: 200px;
cursor:hand;
}
.immagine_p{
border:1px solid #DDD;
padding:6px;
margin:auto;
}





.fondo_logo {
	background-image: url("./immagini/logo_solo.png");
	background-repeat: no-repeat;
	width: 960px;
	height: 114px;
}






#filesB{
width: 200px;
}

body label, select .ui-select-menu {
float: left;
margin-right: 10px;
}
	
/*select with custom icons*/
body a.customicons { height: 2.6em;}
body .customicons li a, body a.customicons span.ui-selectmenu-status { line-height: 2.6em; padding-left: 30px !important; }
body .video .ui-selectmenu-item-icon, body .podcast .ui-selectmenu-item-icon, body .rss .ui-selectmenu-item-icon { height: 24px; width: 24px; }
body .video .ui-selectmenu-item-icon { background: url(immagini/24-video-square.png) 0 0 no-repeat; }
body .podcast .ui-selectmenu-item-icon { background: url(immagini/24-podcast-square.png) 0 0 no-repeat; }
body .rss .ui-selectmenu-item-icon { background: url(immagini/24-rss-square.png) 0 0 no-repeat; }