html, body {
	margin:8px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:9px;
	color: #333333;
	background-color: #c2c2c2;
	/*background-image: url(../../imgs/bg_site.gif);
	background-repeat: norepeat; */
	background-position: top;
	width:100%;
	text-align:center;
}
select { height:16px;
 background: #ffffff;
      color:#000000;
     margin-bottom:5px;
      font-size: 10px;
      border: Solid 1px #000000;
}
table,td { border-style:none; }

table {	margin:0px; border-collapse:collapse; }

td { padding:0px; }
	
a { text-decoration: none;
color: #6e6e6e;
	 }

a:hover { text-decoration: underline;
color: #6e6e6e;
	 }
	 img { border:0;
	 }
	 
	 a.trasparenza img{
filter: alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
border:0;
}
a.trasparenza:hover img{
filter: alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
.eventhome{ 
text-transform:uppercase;
font-size:18px;
font-weight: bold;
color: #000000;

}
.eventhome2{ 
text-transform:uppercase;
font-size:14px;
font-weight: bold;
color: #000000;

}
.eventhome3{ 
font-size:13px;
font-weight: bold;
color: #000000;

}
.projnome{ 
font-size:16px;
font-weight: bold;
color: #000000;
}
.projlista{ 
font-size:10px;
font-weight: bold;
color: #000000;
}
.projlista
{ text-decoration: none; color: #000000; padding:0 0 0 0px; display:inline;}
.projlista:hover
{ text-decoration: none; color: #ffffff;}

.small { font-size: 10px;
font-weight: bold;
 }
 .smallblacktop { font-size: 10px;
color: #000000; border-top:1px solid #777777
 }
 .smallblack {
	font-size: 10px;
	color: #CCCCCC;
 }
 .smallblack a{ text-decoration: none; color: #000000;
 }
  .smallwhite { font-size: 10px;
color: #ffffff;
 }
 .smallwhite a { text-decoration: none; color: #ffffff; }
.smallwhite a:hover{ text-decoration: none; color: #ffffff; }


	.cellatrans tbody tr:hover {
	background-color: #f0f0f0;
}

.cell {
	padding: 0 2px 0 2px;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	border: 1px solid #A5BADC;
}
	
.copyright { font-size: 10px; }
	
.button { font-size: 11px; font-weight: bold; }

	

	

.myTr { background-color: #ffffff; }

.myTD { padding: 3px; }

.tdlink { display: block; height:100%; min-height:100%;}
.tdlink:hover { text-decoration: none; background-color: #f0f0f0;}
.tdlink2 { display: block; height:100%}
.tdlink2:hover { text-decoration: none;}
.myQuote { border: 1px solid #000000; padding: 3px;
	font-size: 11px; text-align: justify;
	background-color: #fff8dc; } 


form, input, textarea {
     margin: 0;
     padding: 0;
	 margin-bottom:0px;
	 display:inline;
	 
}

.cellogin {
	padding: 0 2 0 2px;
	font-size: 10px;
	font-weight: normal;
	color:#000000;
	border: 1px solid #cccccc;
	height: 14px;
	line-height: 14px;
	width:135px;
}
.cellogin2 {
	padding: 0 ;
	font-size: 10px;
	font-weight: normal;
	color:#000000;
	border: 1px solid #cccccc;
	height: 16px;
	line-height: 16px;
	width:185px;
}
.topp { margin-top:0px }

/*css dela lista PROGETTI a sinistra------------------------------------------------*/
div#nav2{PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 10px; width:198px; max-width:198px; border: 0px solid; margin: 0 auto; text-align: left;left:0px;}
div#nav2 h3{font-size: 10px;margin: 0; text-indent:2px; padding: 0px 0px 0px 0px; border-top: 4px solid #ffffff; color: #000000; background-color: #ffffff}
div#nav2 h3 a:hover{color: #FFffff}
div#nav2 ul{margin: 0;padding: 0;list-style-type: none}
div#nav2 li{margin: 0;padding: 0;list-style-type: none;margin: 0 0 0 0;padding: 0 0 0 0}
div#nav2 a{text-align: left;display: block;padding-left: 0px;height: 18px;line-height: 18px;border-top: 0px solid;color: #000000;text-decoration: none;font-weight: bold; padding: 0 0 0 0}
div#nav2 ul ul a:hover{color: #FF0000; background-color: #eeeeee}
div#nav2 ul ul a{
	text-indent:4px;
	color: #666666;
	background-color: #FFFFFF;
	font-size: 10px;
	PADDING-LEFT: 3px;
}
/*css essenziale se javascript è abilitato*/
div.jsenable h3{cursor: pointer}
div.jsenable ul ul{display:none}
div#nav2 li.hide ul{display:none}
div#nav2 li.show ul{display:block; color:#ffffff}
div#nav2 li.show h3{color:#ffffff}

/*css dela lista PROGETTI a destra------------------------------------------------*/
div#nav3{PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 10px; width:515px; max-width:515px; border: 0px solid; margin: 0 auto; text-align: left;left:0px;}
div#nav3 h3{font-size: 10px;margin: 0; text-indent:2px; padding: 0px 0px 0px 0px; border-top: 4px solid #ffffff; color: #000000; background-color: #ffffff}
div#nav3 h3 a:hover{color: #FFffff}
div#nav3 ul{margin: 0;padding: 0;list-style-type: none}
div#nav3 li{margin: 0;padding: 0;list-style-type: none;margin: 0 0 0 0;padding: 0 0 0 0}
div#nav3 a{text-align: left;display: block;padding-left: 0px;height: 18px;line-height: 18px;border-top: 0px solid;color: #000000;text-decoration: none;font-weight: bold; padding: 0 0 0 0}
div#nav3 ul ul a:hover{color: #FF0000; background-color: #eeeeee}
div#nav3 ul ul a{
	text-indent:4px;
	color: #666666;
	background-color: #FFFFFF;
	font-size: 10px;
	PADDING-LEFT: 3px;
}
/*css essenziale se javascript è abilitato*/
div.jsenable h3{cursor: pointer}
div.jsenable ul ul{display:none}
div#nav3 li.hide ul{display:none}
div#nav3 li.show ul{display:block; color:#ffffff}
div#nav3 li.show h3{color:#ffffff}

/*css dei tab ZERY*/

div#navigation{background-color: #fff;}
#navigation ul{margin:0; padding:0;list-style: none; height:22px; }
#navigation ul li{min-width:95px; width:95px; margin:0; float:left; margin:2 4 0 4;font-size:10px;font-weight:bold;}

#navigation ul li a{text-decoration: none; background: #fff;color: #000; border-top: 1px solid #000000; display:block; padding-top:4px; padding-bottom:6px;}
#navigation ul li a:hover{background-color: #f0f0f0; border-top: 1px solid #f0f0f0; }
#navigation ul li#activelink a{border-top: 1px solid #f0f0f0; background-color: #f0f0f0;color: #000}

/*css dei tab2 RAM*/
div#navigation2{
	background-color: #c2c2c2;
	float: left;
	clear: left;
	width: 100%;
}
#navigation2 ul{margin:0; padding:0;list-style: none; height:22px; }
#navigation2 ul li{
	min-width:95px;
	width:95px;
	margin:0;
	float:left;
	margin:2px 0px 0 0;
	font-size:10px;
	font-weight:bold;
}

#navigation2 ul li .RAM{
	min-width:95px;
	width:95px;
	margin:0;
	float:left;
	margin:2px 0px 0 0;
	font-size:10px;
	font-weight:bold;
}

#navigation2 ul li a{
	text-decoration: none;
	background: #333333;
	color: #fff;
	border-top: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
	display:block;
	padding-top:4px;
	padding-bottom:6px;
}

#navigation2 ul li.RAM a{
	text-decoration: none;
	background: #ff0000;
	color: #fff;
	border-top: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
	display:block;
	padding-top:4px;
	padding-bottom:6px;
}
#navigation2 ul li a:hover{
	background-color: #000000;
	border-top: 1px solid #666666;
	color: #999999
}

#navigation2 ul li.RAM a:hover{
	background-color: #ffffff;
	border-top: 1px solid #ff0000;
	color: #ff0000
}
#navigation2 ul li#activelink a{
	border-top: 1px solid #ff0000;
	background-color: #ffffff;
	color: #666666
}

/*css del tasto SOUNDARTMUSEUM*/
#navigation2 ul li a.sam{text-decoration: none; background: #ff0000;color: #00ccff; border-top: 1px solid #00ccff; display:block; padding-top:4px; padding-bottom:6px;}
#navigation2 ul li a.sam:hover{background-color: #00ccff; border-top: 1px solid #00ccff;color: #000000 }
#navigation2 ul li#activelink a.sam{border-top: 1px solid #00ccff; background-color: #00ccff;color: #000000}

/*css dei tab3 SOUNDARTMUSEUM*/
div#navigation3{
	float: left;
	background-color: #333333;
	width: 70%;
}
#navigation3 ul{
	margin:0;
	padding:0;
	list-style: none;
	height:22px;
	margin-left: 10px;
}
#navigation3 ul li{
	min-width:95px;
	width:95px;
	margin:0;
	float:left;
	margin:2 4 0 4;
	font-size:10px;
	font-weight:bold;
}

#navigation3 ul li a{
	text-decoration: none;
	background: #ff0000;
	color: #FFFFFF;
	border-top: 1px solid #00ccff;
	display:block;
	padding-top:4px;
	padding-bottom:6px;
}
#navigation3 ul li a:hover{
	background-color: #FFFFFF;
	border-top: 1px solid #ff0000;
	color: #FF0000
}
#navigation3 ul li#activelink a{border-top: 1px solid #DFFBFD; background-color: #DFFBFD; color: #000000}

/*FLICKR*/
div.flickr td { padding:0px; background-color:#f0f0f0; }
div.flickr img { border:0px; }

/*TOOLTIP*/
.tt A {
 text-align:center;
	Z-INDEX: 24; 
	COLOR: #000; 
	POSITION: relative; 
	BACKGROUND-COLOR: #f0f0f0; 
	TEXT-DECORATION: none;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	border:0;
}
.tt A:hover {
	Z-INDEX: 25; 
	BACKGROUND-COLOR: #ff0000;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
.tt A SPAN {
	DISPLAY: none
}
.tt a:hover span{ 			
    	display: block; 
    	position:absolute; 
    	font: 9px Arial, Helvetica, sans-serif;
    	LEFT: 1em; 
			TOP: 1em; 
			width: 15em;
    	border: 1px solid #666666; 
    	background-color: #f0f0f0; 
    	color:#666666;
      font-size: 9px;
      text-align: center;
      TEXT-DECORATION: none}
      
.tt a:hover span:hover 
{ display: block;
		color:#ff0000; 
		cursor:pointer;
		}
		
		
/*pagina di login*/
#content{
width: 770px;
margin-left: auto;
margin-right: auto;
text-align: left;

}

#content .forminside{
	padding:15 100 50 100px;
	background-color: #f5f5f5;
}


#content .forminside form{
border: 0px solid #000;
padding: 0px;
margin: 0px;
}

#content .forminside legend{
padding: 0px;
margin: 0 0 0 40px;
font: bold 14px Arial,sans-serif;
color: red;

}

#content .forminside form br{clear:left}

#content .forminside fieldset{
border: 1px solid #00ccff;
padding: 5px;
margin: 0 0px;
background-color: #fff;
}

#content .forminside fieldset label{
float:left;
width:250px;
line-height: 22px;
margin-right: 5px;
text-align: right;
font-size: 12px;
font-weight: bold;
color:#666;
}


 
#content .forminside fieldset input.visible, textarea, select{
border: 1px solid #778899;
font-size: 12px;
background-color:#fff;
color: #000;
padding: 0 0 0 2px;
}

#content .forminside input#buttonconfirm{
border-style: solid;
background-color: #f5f5f5;
border-color: #00ccff;
border-width: 1px 1px 1px 1px;
color: #00ccff;
font-size: 12px;
font-weight: bold;
}

.adminenter{
	text-align: center;
}

.adminenter a{
margin: 0 5 0 0px;
padding: 2 4 2 4px;
border-style: solid;
background-color: #fff;
border-color: red;
border-width: 1px 1px 1px 1px;
color: red;
font-size: 12px;
font-weight: bold;
}
.adminenter a:hover{
	text-decoration: none;
	border-color: #00ccff;
	color: #00ccff;
}
.sounds ul{
	list-style-image: url("imgs/play.gif");	
}

.xmllistTitle{ display:inline;width:320px; float: left; text-align:right; padding:0 10px 0 4px;height:50px;background:#404040;border-left:1px solid #333333;}
.xmllistTitle a img{	padding-right:10px;}

#xmllist{ display:inline;width:320px; float: left; text-align:right; padding:0 10px 0 4px; height:600px; overflow:auto;background:#404040;border-left:1px solid #333333; }
#xmllist a{ color: #CCCCCC}

.xmllistTitle2{ font-size: 12px;font-weight: bold;display:inline;width:320px; float: right; text-align:right; padding:10px 10px 0 4px;height:40px;background:#404040;border-left:1px solid #333333;}
.xmllistTitle2 a img{	padding-right:10px;}
#xmllist2{ display:inline;width:320px; float: right; text-align:right; padding:0 10px 0 4px; height:600px; overflow-y:scroll;overflow-x:hidden;background:#404040;border-left:1px solid #333333; }
#xmllist2 a{ color: #CCCCCC}
#xmllist2 ul{ list-style: none;margin:0 !important; padding:0 !important;}
#xmllist2 ul li{ margin:0 !important; padding:0 !important;}
#xmllist2 ul li object {width:300px !important;height:260px !important;margin:0 !important; padding:0 !important;}
#xmllist2 ul li embed {width:300px !important;height:260px !important;margin:0 !important; padding:0 !important;}
#xmllist2 ul li a object {width:300px !important;height:260px !important;margin:0 !important; padding:0 !important;}
#xmllist2 ul li a embed {width:300px !important;height:260px !important;margin:0 !important; padding:0 !important;}
#xmllist2 ul li img {width:170px !important;height:170px !important;margin:0 !important; padding:0 !important;/*float:right !important;*/margin-left:10px !important;}
#xmllist2 ul li a img {width:170px !important;height:170px !important;margin:0 !important; padding:0 !important;float:right !important; margin-left:10px !important;}

#calendar{
	width:400px;
	float: left;
	margin-left:5px;
	display:inline;
}
#calendar img{ float:right; margin-right:15px;}
#calendar object, #calendar iframe{ float:left;}
.extgoogle .date-top{ color:#FFFFFF}

#calendar .subcalendar{
	margin-top: 25px;float: left;
}

.view-container-border{
	background: Aqua;
}
h2{font-size:13px;font-weight: bold;margin-top:3px;}
h5{font-size:9px;margin-bottom:0px;}