/**
 * Progetto		MelaMusic
 * @Author:		Daniele Malavasi
 * @Version:	1.0
 * @Start:		8-12-2007
 * 
 * CSS dedicato alla colonna sinistra della pagina.
 * Contiene le definizioni per il login, per l'accordion menu ed altro.
 */
 




/**
 * LOGIN BOX
 */
#login {
	position: relative;
	display:block;
	width:150px;
	height:104px;
	overflow: hidden;
	margin: 0 0 20px 20px;
	background: url(img/sf_login.jpg);
}
#login h3 { display:none; }
#login form, #login form p, #login ul {
	margin:0 0 0 15px;
	padding:0;
	list-style:none;
	text-align: left;
}
#login form p {
	margin-bottom:2px;
}
#login form p.em label, #login form p.pw label {
	font-size:8pt;
	color:#43458F;
	display:block;
}

p.logged{
	margin:5px 0 0 25px;
	text-align:left;
	font-size:8pt;
	color:#43458F;
	display:block;
}

p.logged a{
	font-size: 8pt;
	font-weight: bold;
	color:#325099;
	text-decoration: none;
}

#login form p.em input, #login form p.pw input {
	font-family: Verdana;
	font-size: 8pt;
	border:1px solid #333;
	width:110px;
	
}
/* Personalizzazione posizionamento campi login. */
#login form p.em {}
#login form p.em label {}
#login form p.em input {}
#login form p.pw {
	display:block;
	width:60px;
}
#login form p.pw label {}
#login form p.pw input {
	width:60px;
}
#login form p.sb input {
	position:absolute;
	top:45px;
	left:90px;
	color:#324F9B;
	font-weight:bold;
	font-size: 9pt;
	text-transform: uppercase;
	border:0;
	background: transparent;
}
/* Menu testuale del login box. */
#login ul {
	position:absolute;
	top:75px;
	left:20px;
	margin:0;
	font-size: 8pt;
	font-weight: bold;
}
#login ul li.first {
	text-transform: uppercase;
}
#login ul li a {
	color:#325099;
	text-decoration: none;
}








/**
 * ACCORDION MENU
 */
/* Primo livello */
#menu_l {
	width:150px;
	height:28px;
	margin:0 0 0 20px;
	padding:0;
}

#menu_l a{
	display:block;
	text-align: right;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	color:#fff;
	padding:8px 5px 0 0;
	text-decoration: none;
}

#menu_l a:hover {
	color:#ccccff;
}

#editore{
	display:block;
	margin:0;
	padding:0;
	background: #ebf7fd;
	padding: 2px 10px 2px 0;
}

#editore a{
	display:block;
	color:#ba4a8c;
	font-weight:bold;
	text-decoration: none;
	text-align: right;
	padding: 2px 10px 2px 0;
}

#editore a:hover {
	color:#a5005c;
}

#sottomenu{
	display:block;
	margin:0;
	padding:0;
	background: #ebf7fd;
	padding: 2px 10px 2px 0;
}

#sottomenu a{
	display:block;
	color:#ba4a8c;
	font-weight:normal;
	text-decoration: none;
	text-align: right;
	padding: 2px 10px 2px 0;
}

#sottomenu a:hover {
	color:#a5005c;
}



/**
 * FORM DI RICERCA
 */
form#lsearch {
	position:relative;
	display:block;
	width:150px;
	height:62px;
	margin:20px 0 0 20px;
	padding:0;
	overflow: hidden;
	background: url(img/sf_search.jpg);
}
form#lsearch h3 {
	display:none;
}
form#lsearch input.t {
	position:absolute;
	top:10px;
	left:20px;
	font-family: Verdana;
	font-size: 8pt;
	border:1px solid #333;
	width:80px;
}
form#lsearch input.s {
	position:absolute;
	top:10px;
	left:100px;
	color:#060;
	font-weight:bold;
	font-size: 9pt;
	text-transform: uppercase;
	border:0;
	background: transparent;
}
form#lsearch a {
	position:absolute;
	top:40px;
	left:25px;
	color:#060;
	font-weight:bold;
	font-size: 8.5pt;
	text-decoration:none;
}


/**
 * PANNELLO NEWS
 */
#lnews {
	display:block;
	width:150px;
	min-height:150px;
	height:auto !important;
	height:150px;
	margin: 20px 0 0 20px;
	background: url(img/sf_news_bottom.jpg) bottom no-repeat;
	text-align:left;
}
#lnews h3 {
	position:relative;
	display:block;
	width:150px;
	height:20px;
	margin:0;
	font-size:12px;
	text-indent: 30px;
	color:#f60;
}
#lnews h3 span {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:150px;
	height:20px;
	background: url(img/sf_news_top.jpg);
}
#lnews div.news, #lnews p.archive {
	margin: 0 0 0 30px;
	padding: 0 10px 0 0;
}
#lnews h4, #lnews div.title {
	margin:0;
	font-size:8pt;
	font-weight: normal;
	text-transform: uppercase;
	color:#f90;
	font-weight: bold;
}
#lnews h4 a {
	color:#f90;
	text-decoration: none;
}
#lnews div.first h4 a {
	font-weight: bold;
}
#lnews div.first h4 a, #lnews div.news a, #lnews p.archive a {
	color:#f60;
	text-decoration: none;
}
#lnews p.archive {
	margin: 5px 0 0 30px;
	padding-bottom: 5px;
}
#lnews p.archive a {
	font-weight:bold;
	display:block;
}
#lnews a:hover, #lnews div.news p a:hover, #lnews div.first h4 a:hover, #lnews p.archive a:hover {
	text-decoration: underline;
}
#lnews div.news span.date, #lnews div.news strong {
	display:block;
	font-weight:normal;
	color:#f96;
	font-style: italic;
}
#lnews div.news {
	color:#999;
}
#lnews h4, #lnews div.first {
	padding-bottom: 11px;
	background: url(img/double_dot_blue.jpg) bottom repeat-x;
}
#lnews div.first p {
	margin:0;
}
#lnews div.first h4 {
	padding-bottom:0;
	background: none;
}




/**
 * NEWSLETTER
 */
#lnewsl {
	display:block;
	width:150px;
	height: 54px;
	margin: 20px 0 0 20px;
	background: url(img/sf_newsletter.jpg);
	text-transform: uppercase;
	text-align: left;
}
#lnewsl a {
	display:block;
	font-weight: bold;
	padding: 15px 0 0 30px;
	color:#36c;
	text-decoration: none;
}
#lnewsl a:hover {
	text-decoration: underline;
}





/**
 * ASSISTENZA CLIENTI
 */
#lass {
	position:relative;
	display:block;
	width: 150px;
	height:150px;
	margin: 20px 0 10px 20px;
}
#lass a, #lass a span {
	position: absolute;
	top:0;
	left:0;
	display:block;
	width: 150px;
	height:150px;
	background: url(img/sf_assistenza_clienti.jpg);
}