#footpanelx {
	position: fixed;
	/*top: 0; left: 0;*/ /*--BARRA ALTA--*/
  top: 0; left: 0;
  	z-index: 9999; /*--Keeps the panel on top of all other elements--*/
	background: url(images/grafica2/sfondo_barra.jpg) repeat-x;
	border-top: none; /*--BARRA ALTA--*/
	/*border-bottom: none;*/
	border-bottom:1px solid #999999;
	width: 100%;
	margin: 0 0%;
	color: #ffffff;
  height: 37px;
  text-align:center;
}
#footpanel {
	z-index: 9999;
border:1px solid #00000;
margin:0 auto;
  width: 96%;
  height: 34px;
}
 
 
#footpanel ul {
font-family:Arial;
	padding: 0; margin: 0;
	float: left;
	width: 100%;
	list-style: none;
	border-top: 1px solid #fff; /*--Gives the bevel feel on the panel--*/
	font-size: 1.1em;
}
#footpanel ul li{
	padding: 0; margin: 0;
	float: left;
	position: relative;
}
#footpanel ul li a{
	padding: 5px;
	float: left;
	text-indent: -9999px;
	height: 25px; width: 16px;
	text-decoration: none;
	color: #0a5db9;
	position: relative;
	font-size:14px;
}

html #footpanel ul li a:hover{	background-color: #0b62b7; color: #fedc00; }
html #footpanel ul li a.carrello:link{
  color: #2c618a;
  text-decoration: none;
  cursor:pointer;
}
html #footpanel ul li a.carrello:hover{
  color: #023965;
  text-decoration: none;
  cursor:pointer;
}
html #footpanel ul li a.active { /*--Active state when subpanel is open--*/
	background-color: #0b62b7;
	height: 25px;
	margin-top: -2px; /*--Push it up 2px to attach the active button to subpanel--*/
	border: 1px solid #555;
	border-top: none;
	z-index: 200; /*--Keeps the active area on top of the subpanel--*/
	position: relative;
	color: #fedc00;
}
 
 
#footpanel a.home{	
	background: url(home.png) no-repeat 2px center;
	width: 140px;
	padding-left: 30px;
	border-right: 1px solid #bbb;
	text-indent: 0; /*--Reset text indent--*/
	font-size:13px;
}
#footpanel a.registrazione{	
	background: url(forum.png) no-repeat 5px center;
	width: 80px;
	padding-left: 25px;
	border-right: 1px solid #bbb;
	text-indent: 0; /*--Reset text indent--*/
	font-size:13px;
}

#footpanel a.offerte{	
	background: url(offerte.png) no-repeat 5px center;
	width: 90px;
	padding-left: 25px;
	border-right: 1px solid #bbb;
	text-indent: 0; /*--Reset text indent--*/
	font-size:13px;
}
#footpanel a.contatti{	
	background: url(contact.png) no-repeat 5px center;
	width: 70px;
	padding-left: 20px;
	border-right: 1px solid #bbb;
	text-indent: 0; /*--Reset text indent--*/
	font-size:13px;
}
a.profile{	background: url(user.png) no-repeat center center;  }
a.contacts{	background: url(address_book.png) no-repeat center center; }
a.playlist{	background: url(document_music_playlist.png) no-repeat center center; }
a.videos{	background: url(film.png) no-repeat center center; }
a.messages{	background: url(mail.png) no-repeat center center; }
a.editprofile{	background: url(wrench_screwdriver.png) no-repeat center center; }
#footpanel a.chat{	
	background: url(cart.png) no-repeat 15px center;
	width: 154px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding-left: 40px;
	text-indent: 0; /*--Reset text indent--*/
}
#footpanel a.user{	
	background: url(user.png) no-repeat 15px center;
	width: 154px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding-left: 40px;
	text-indent: 0; /*--Reset text indent--*/
}
a.alerts{	background: url(newspaper.png) no-repeat center center;	 }
 
#footpanel li#chatpanel, #footpanel li#alertpanel, #footpanel li#userpanel {	float: right; }  /*--Right align the chat and alert panels--*/
 
#footpanel a small {  /*--panel tool tip styles--*/
	text-align: center;
	width: 70px;
	background: url(pop_arrow.gif) no-repeat center bottom;
	padding: 5px 5px 11px;
	display: none; /*--Hide by default--*/
	color: #fff;
	font-size: 0.9em;
	text-indent: 0;
}
#footpanel a:hover small{
	display: block; /*--Show on hover--*/
	position: absolute;
	top: -35px; /*--Position tooltip 35px above the list item--*/
	left: 50%; 
	margin-left: -40px; /*--Center the tooltip--*/
	z-index: 9999;
}
 
 
 
 
 
#footpanel ul li div a { /*--Reset link style for subpanel links--*/
	text-indent: 0;
	width: auto;
	height: auto;
	padding: 0;
	float: none;
	color: #00629a;
	position: static;
}
#footpanel ul li div a:hover {	text-decoration: underline; background-color:#f1f3f3;} /*--Reset link style for subpanel links--*/
 
#footpanel .subpanel {
	position: absolute; /*--BARRA ALTA--*/
	color:#000000;
  /*position: absolute;*/
  left: 0; top: 35px;
	display: none;	/*--Hide by default--*/
	width: 198px;
	border: 1px solid #999999;
	background-color: #ffffff;
	overflow: hidden;
	padding-bottom: 10px;
	opacity: .97;
filter: alpha(opacity=97);
ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=97)";
	
}
#footpanel .subpanel .chat2 .prova {
	margin-top:0px;
  background: #ffffff;
	padding: 5px 80px 5px 80px;
	color: #ffffff;
	font-size: 1.1em;
	cursor: pointer;
	height:36px;
}
#footpanel h3 span { 
	font-size: 1.5em;
	float: right;
	line-height: 0.6em;	
	font-weight: normal;
}
#footpanel .subpanel ul{
	padding: 0; margin: 0;
	background: #ffffff;
	width: 100%;
	overflow: auto;
	margin-top:-15px;

}
#footpanel .subpanel li{ 

	float: none; /*--Reset float--*/
	display: block;
	padding: 0; margin: 0;
    overflow: hidden;
	clear: both;
	background: #ffffff;
	position: static;  /*--Reset relative positioning--*/
	font-size: 0.9em;
}
 
#chatpanel .subpanel li { 
} 
#chatpanel .subpanel li span {
	padding: 5px;
	background: #ffffff;

}
#chatpanel .subpanel li a{
	background: #ffffff;

}
#chatpanel .subpanel li a:hover {

	text-decoration: none;
}
#chatpanel .subpanel li a img {
	float: left;
	margin: 0 5px;
}
#chatpanel .subpanel2 li a{
	padding: 3px 0;	margin: 0;
	line-height: 22px;
	height: 22px;
	background: #f1f3f3;
	display: block;
}
#chatpanel .subpanel2 li a:hover {
	background: #3b5998;
	color: #fff;
	text-decoration: none;
}
 
 
#alertpanel .subpanel { right: 0; left: auto; /*--Reset left positioning and make it right positioned--*/ }
#alertpanel .subpanel li {
	border-top: 1px solid #efefef;
	display: block;
}
#alertpanel .subpanel li p {padding: 5px 10px;}
#alertpanel .subpanel li a.delete{
	background: url(delete_x.gif) no-repeat;
	float: right;
	width: 13px; height: 14px;
	margin: 5px;
	text-indent: -9999px;
	visibility: hidden; /*--Hides by default but still takes up space (not completely gone like display:none;)--*/
}
#alertpanel .subpanel li a.delete:hover { background-position: left bottom; }
#footpanel #alertpanel li.view {
	text-align: right;
	padding: 5px 10px 5px 0;
}