/* albopress.css */


/* Palette

body			f7f4e7		f7f4e7		f7f4e7		
barra			4b6c8c		4b6c8c		3f316f		
barra hover		5f8eb6		5f8eb6		6f57c1		
link			735b1d		06396a		9f9f4b		
link info		735b1d		06396a		9f9f4b		
hover			ff0000		ff0000		ff0000   		
risposte		f7f1e6		cccccc		cccccc   		
controllo		a27f25		657f19		9f9f4b		


*/



/*
	TAGS
*/
html
{
	color: #333;
	background: transparent;
}

body
{
	margin: 0;
	font-family: "lucida grande" , tahoma, verdana, arial, sans-serif;
	color: #333;
	background: #ffffff; /* background: #f7f4e7; */
}

/* a { color: #735b1d; text-decoration: underline } */
a
{
	color: #06396a;
	text-decoration: underline;
}
a:hover
{
	color: #f00;
	text-decoration: none;
}

small
{
	font-size: 85%;
}

h1, h2, h3
{
	/* top & bottom margin based on font size */
	margin: 0 0 1em 0;
}

select, input, button, textarea
{
	font-family: "lucida grande" , tahoma, verdana, arial, sans-serif;
}




/* 
	LAYOUT
*/



div.container
{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

div.bar
{
	color: #fff;
	background: #4b6c8c url(bar-bottom.gif) left bottom no-repeat; /* background: #080 url(bg-bar.gif) left bottom no-repeat; */
	float: left;
	width: 960px;
	margin-bottom: 20px;
}

ul.menu
{
	display: inline;
	list-style-image: none;
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
	line-height: normal;
}

ul.menu li
{
	display: inline;
	margin: 0 14px 0 0;
}

ul.menu li a
{
	color: #fff; /* background: #3B5797; */
	background: #4b6c8c;
	font-weight: bold;
	text-decoration: none;
	display: block;
	float: left;
	width: auto;
	padding: 10px; /*  					padding-bottom: 7px 7px 7px 8px; 					*/
}

ul.menu li a.logo
{
	padding: 0;
	margin: 0 20px;
	width: 150px;
	height: 36px;
	display: inline; /* background: url(bg-logo.gif) 0 -36px no-repeat; */
	background: url(bg-logo.gif) 0 0 no-repeat;
}

ul.menu li a.logo span
{
	margin: -9999px;
}

ul.menu li a:hover
{
	color: #fff; /* background: #5c75aa; */
	background: #5f8eb6;
}

ul.menu li a.logo:hover
{
	background: url(bg-logo.gif) 0 0 no-repeat;
}












div.bar div.topform
{
	float: right;
	display: inline;
	width: 300px;
	height: 21px; /* background:#cde; */
	margin-right: 20px;
	margin-top: 6px;
	text-align: right;
	font-size: 85%;
}

div.bar div.topform input.testo
{
	width: 100px;
	height: 14px;
	padding: 2px 4px;
	margin: 0;
	border: 0;
	vertical-align: middle;
	background: #fff url(bg-input.gif) left top repeat-x;
}

div.bar div.topform input.bottone
{
	font-weight: bold;
	vertical-align: middle;
}

div.content
{
	width: 780px;
	float: left;
	display: inline;
	margin-left: 10px; /* margin-right: 10px; */
}

div.main
{
	width: 540px;
	float: right;
	display: inline;
	margin-left: 10px; /* margin-right: 10px; */
	background: #fff url(bg-main.gif) 0 0 repeat-y;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
div.mainGestione
{
	width: 915px;
	border: 1px solid #ccc;
	background-color: White;
	padding: 10px;
}


div.main div.inner
{
	width: 500px;
	float: right;
	display: inline;
	margin: 18px; /* background: #dec; */
	overflow: hidden;
}

div.intestazione
{
	/* float: left; 				display: inline; 				width: 500px; */
	margin-bottom: 20px;
}

div.intestazione h1
{
	margin-bottom: 0px;
}

div.intestazione h1 span
{
	font-weight: normal;
}

div.intestazione p.sottotitolo
{
	display: block;
}


div.main div.inner div.scrivi, div.filtro
{
	/* float: left; */
	width: 478px;
	padding: 10px;
	border: 1px solid #ccc;
	margin-bottom: 20px;
	background: #eee url(bg-scrivi.png) left top repeat-x; /* background: #eee; */
}

div.filtro A
{
	text-decoration: none;
}


div.main div.inner div.scrivi div.lbl-messaggio
{
	font-weight: bold;
}

div.main div.inner div.scrivi table.scrivi
{
	margin-bottom: 0;
}

div.main div.inner div.scrivi td.areamessaggio
{
	width: 100%;
	vertical-align: top;
}

div.main div.inner div.scrivi td.areamessaggio textarea
{
	/*  							float: left; 							display: inline; 							width: 390px; 							height: 20px; 							margin-right: 10px; 							margin-bottom: 10px; 							border: 1px solid #ccc; 							*/
	width: 100%;
	max-width: 386px; /* Webkit textarea resize */ /* height: 16px; */ /* min-height: 36px; */
	padding: 2px;
}

textarea.autogrow
{
	border: 1px solid #7f9db7;
}

div.main div.inner div.scrivi td.btnmessaggio
{
	vertical-align: top;
	white-space: nowrap;
	padding-left: 8px;
	text-align: right;
}

div.main div.inner div.scrivi td.btnmessaggio input
{
	/*  						float: right; 						display: inline; 						font-size: 85%;  						padding-left: 5px; 						padding-right: 5px; 						*/
	width: 70px;
}



/* generico - tutta la larghezza del .main */
div.main div.blocco
{
	float: left;
	display: inline;
	width: 500px;
}

div.messaggio
{
	float: left;
	display: inline;
	width: 500px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

div.icona
{
	float: left;
	display: inline;
	width: 60px; /* height: 60px; 					overflow:hidden; */
	margin-right: 10px;
}

div.icona img
{
	width: 60px;
}

/* generico - affiancato a icona */
div.testo
{
	float: left;
	display: inline;
	width: 430px;
	overflow: hidden;
}

div.testo div.risposta
{
	float: left;
	display: inline;
	width: 410px;
	padding: 10px;
	background: #F7F1E6;
	border-bottom: 2px solid #fff;
	font-size: 85%;
	overflow: hidden;
}

/* generico - icona piccola */
div.icona-mini
{
	float: left;
	display: inline;
	width: 40px; /* height: 40px; 							overflow: hidden; */
	margin-right: 10px;
}

div.icona-mini img
{
	width: 40px;
}

div.risposta div.testo
{
	float: left;
	display: inline;
	width: 360px;
}

div.risposta textarea.arearisposta
{
	max-width: 346px; /* Webkit textarea resize */
	width: 346px;
	min-height: 36px;
	height: 36px;
	padding: 2px;
}

div.risposta input.btnrisposta
{
	/* width: 80px; */
}

div.componente
{
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
}

div.dati
{
	float: left;
	display: inline;
	width: 450px;
	margin-right: -3px;
}

table.gruppo
{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 1.5em;
}

table.gruppo td
{
	padding: 5px;
	vertical-align: top;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

table.gruppo td.icona
{
	width: 50px;
}


table.messaggi
{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 1.5em;
}

table.messaggi td
{
	padding: 5px;
	vertical-align: top;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

table.messaggi td.icona
{
	width: 50px;
}

table.messaggi td.nominativo, table.messaggi td.autore
{
	white-space: nowrap;
}

table.messaggi td.testo-messaggio
{
	width: 100%;
}

/* link messaggi privati non letti */
a.non-letto
{
	font-weight: bold;
	color: #f00;
}

table.messaggi tr.unread td
{
	background: #ffc;
}




div.sub
{
	width: 220px;
	float: left;
	display: inline; /* margin-left: 10px; */
	margin-right: 10px; /* margin-top:-80px; */
	position: relative;
	overflow: hidden;
}

div.sub div.fotoprofilo
{
	width: 220px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	background: #fff url(bg-fotoprofilo.gif) right bottom no-repeat; /* border-top: 1px solid #ccc; */
}

div.sub div.fotoprofilo img
{
	display: block;
	width: 200px;
	padding: 9px 9px 9px 9px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

div.sub div.links-profilo
{
	border-top: 1px dashed #ccc;
}

div.sub div.links-profilo ul
{
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}

div.sub div.links-profilo ul li
{
	list-style: none; /* margin-bottom: 4px; */
}

div.sub div.links-profilo ul li a
{
	display: block;
	width: 220px; /* background-color: #efefef; */
	border-bottom: 1px dashed #ccc;
	padding: 5px 5px 5px 30px;
	text-decoration: none;
}

div.sub div.links-profilo ul li a:hover
{
	background-color: #fff;
	color: #880000;
}

div.sub div.links-profilo ul li a.email, div.links-profilo a#ctl00_Profilo_lnkMessaggio
{
	background-image: url(email.gif);
	background-position: 5px 50%;
	background-repeat: no-repeat;
}

div.sub div.links-profilo ul li a.pref, div.links-profilo a#ctl00_Profilo_lnkPreferiti
{
	background-image: url(heart.gif);
	background-position: 5px 50%;
	background-repeat: no-repeat;
}

div.sub div.links-profilo ul li a.bloc, div.links-profilo a#ctl00_Profilo_lnkCensurato
{
	background-image: url(delete.gif);
	background-position: 5px 50%;
	background-repeat: no-repeat;
}








div.extra
{
	width: 160px;
	float: left;
	display: inline;
	margin-left: 0px;
	margin-right: 10px;
}

div.extra div.controllo
{
	/* background: #369; */
}

/* div.extra div.controllo a {
			color: #fff;
			font-weight: bold;
		} */


div.extra div.controllo ul
{
	list-style: none;
	margin: 10px 0 20px -1px;
	padding: 0;
}

div.extra div.controllo ul li
{
	list-style: none;
	margin-bottom: 4px;
}

div.extra div.controllo ul li a
{
	display: block;
	width: 144px;
	text-decoration: none;
	background: #efefef; /* color: #fff; */
	border: 1px solid #ccc;
	font-weight: bold;
	padding: 8px 5px 8px 10px;
}

div.extra div.controllo ul li a.attivo, div.extra div.controllo ul li a.attivo:hover
{
	background: #fff;
	color: #800;
	border-left: 1px solid #fff;
}

div.extra div.controllo ul li a:hover
{
	background: #fff;
	color: #800;
	text-decoration: none;
}


div.extra div.extra-inner
{
	margin-left: 10px;
	overflow: hidden;
}


div.footer
{
	float: left;
	display: inline;
	width: 960px;
	margin: 20px auto;
	padding-top: 10px;
	border-top: 1px solid #ddd; /* text-align: center; */
}

div.footer div.albo
{
	float: left;
	display: inline;
	width: 600px;
	margin-left: 10px;
}

div.footer div.link-bottom
{
	float: right;
	display: inline;
	width: 320px;
	margin-right: 10px;
	text-align: right;
}



/*
	CLASSI GENERICHE
*/


table.tbl-bacheca
{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

table.tbl-bacheca td
{
	vertical-align: top;
}

table.tbl-bacheca td.icona
{
	width: 60px;
	padding-right: 5px;
	text-align: right;
}

table.tbl-bacheca td.testo
{
	padding: 10px;
	width: 415px;
}

table.tbl-bacheca td.testo div.msg
{
	width: 415px;
	overflow: hidden;
	position: relative;
}


/* messaggio */
table.tbl-bacheca tr.messaggio td.icona img
{
	width: 60px;
}

table.tbl-bacheca tr.messaggio td
{
	/* border-top: 1px solid #ddd; */
	padding-top: 20px;
	background: #fff url(bg-tr-msg.gif) top left repeat-x;
}

table.tbl-bacheca tr.messaggio td span.autore
{
	font-weight: bold;
}


/* risposta */
table.tbl-bacheca tr.risposta td
{
	border-top: 2px solid #fff;
}

table.tbl-bacheca tr.risposta td.icona img
{
	width: 40px;
}

table.tbl-bacheca tr.risposta td.testo
{
	font-size: 85%; /* background: #f7f1e6; */
	background: #efefef;
}

table.tbl-bacheca tr.risposta td.testo textarea
{
	width: 95%;
	margin-bottom: 10px;
}


table.tbl-bacheca a.commenta
{
	margin-right: 0.5em;
}

table.tbl-bacheca tr.risposta a.commenta
{
	display: none;
}


table.tbl-bacheca a.elimina
{
	display: block;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(cancella.gif) 0 -12px no-repeat;
	text-indent: -9999px;
}

table.tbl-bacheca a.elimina:hover
{
	background-position: 0 0;
}

table.tbl-bacheca a.elimina span
{
	/*text-indent: -9999px;*/
	display: none;
}








h3.ruler
{
	background: #4b6c8c;
	color: #fff;
	border-top: 1px solid #94a3c4;
	padding: 5px 10px;
}


div.box
{
	border: 1px solid #ccc;
	padding: 10px 10px 0 10px;
	margin-bottom: 1em;
}

div.box-titolo
{
	border: 1px solid #ccc;
	padding: 0 10px 0 10px;
	margin-bottom: 1em;
}

div.box-titolo h3
{
	background: #4b6c8c;
	color: #fff;
	border-top: 1px solid #94a3c4;
	padding: 5px 10px;
	margin-left: -10px;
	margin-right: -10px;
}

div.spot
{
	border: 1px solid #ccc;
	padding: 10px 10px 0 10px;
	margin-bottom: 1em;
	background: #fff url(bg-spot.png) left bottom repeat-x;
}

div.spot h3
{
	background: #4b6c8c;
	color: #fff;
	border-top: 1px solid #94a3c4;
	padding: 5px 10px;
	margin-top: -10px;
	margin-left: -10px;
	margin-right: -10px;
}

div.box-grigio
{
	border: 1px solid #ccc;
	padding: 10px 10px 0 10px;
	margin-bottom: 1em;
	background-color: #eee;
}

/* div.full {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
} */

div.messaggio div.testo span.autore
{
	font-weight: bold;
}
div.risposta div.testo span.autore
{
	font-weight: normal;
}

span.info
{
	font-size: 85%;
	color: #888;
}

span.info a
{
	color: #4c7aa7;
}

span.info a:hover
{
	color: #f00;
	text-decoration: none;
}












/********************************************************************/
/* TABELLE  (classi .bordi e .fascia)                               */
/********************************************************************/
/* reset */
table.bordi, table.fascia, table.bordi caption, table.fascia caption, table.bordi tbody, table.fascia tbody, table.bordi tfoot, table.fascia tfoot, table.bordi thead, table.fascia thead, table.bordi tr, table.fascia tr, table.bordi th, table.fascia th, table.bordi td, table.fascia td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
table.bordi, table.fascia
{
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 1.5em;
}
/* tables still need 'cellspacing="0"' in the markup */
/* fine reset */

/* base */
/* table {margin-top: 0; margin-bottom: 1.5em} *//* lasciato in base.css */
/* table { font-size:inherit } *//* lasciato in base.css */
table.bordi th, table.fascia th, table.bordi td, table.fascia td
{
	padding: 0.5em;
}

table.bordi th, table.fascia th
{
	font-weight: bold;
	text-align: center;
	background-color: #eee;
}
table.bordi td, table.fascia td
{
	background-color: #fff;
}
table.bordi caption, table.fascia caption
{
	margin-bottom: 0.5em;
	text-align: center;
	font-style: italic;
}

table.bordi
{
	margin-left: 1px;
}

table.bordi td, table.bordi th
{
	border: 1px solid #aaa;
}
table.fascia td, table.fascia th
{
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}
table.center
{
	margin-left: auto;
	margin-right: auto;
}






/* HOME */
div.home-content
{
	float: left;
	display: inline;
	width: 940px;
	margin: 0 10px;
}
div.home-main
{
	float: right;
	display: inline;
	width: 320px;
	border: 0;
	background: transparent;
}
div.home-sub
{
	float: left;
	display: inline;
	width: 600px;
	position: relative;
}

div.form-home
{
	width: 300px;
	background: #eee url(bg-scrivi.png) left top repeat-x;
	padding: 9px;
	border: 1px solid #ccc;
	margin-bottom: 1em;
}

table.tbl-home
{
	width: 100%;
}

/* table.tbl-home td { vertical-align:top } */

table.tbl-home td.label
{
	width: 90px;
	padding-right: 10px;
	text-align: right;
}

table.tbl-home td.input
{
	width: 160px;
}

div.intro
{
	width: 600px;
	height: 420px;
	position: relative;
	background: url(home.gif) 0px 0px no-repeat;
}

div.slogan
{
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 197%;
	color: #735B1D;
}



/* div.splash { margin-left: 20px; margin-top: 30px } */

a.infohome
{
	display: block;
	width: 100px;
	height: 30px;
	position: absolute;
	bottom: 0;
	right: 30px;
	background: url(bg-info.gif) 0 0 no-repeat;
}

a.infohome span
{
	/* margin: -9999px; */
	display: none;
}

a.infohome:hover
{
	background-position: 0 -30px;
}

/* div.home-info { 
	position: absolute;
	bottom: 0;
	right: 30px;
	width: 500px;
	height: 30px;
}

div.home-info a { 
	display: block;
	width: 100px;
	height: 30px;
	color: #735b1d;
	background: url(bg-info.gif) 0 0 no-repeat;
	text-decoration: none;
}

div.home-info a span { 
	display: none;
}

div.home-info a:hover { 
	background-position: 0 -30px;
} */

div.home-sub div.circuito
{
	margin-top: 50px;
	padding-top: 20px;
	text-align: center;
	background: transparent url(bg-circuito.png) 50% 0 no-repeat;
}

div.circuito img
{
	margin-right: 10px;
	margin-left: 10px;
}








/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}

.NOTdecoration
{
	text-decoration: none;
}