/*------------------------------------------------------------------
[Community Stylesheet]

Project:		Virgin Radio
Version:		2.0
Last change:	25/03/09 [Creazione fogli di stile componenti Radiohead, mdp]
Assigned to:	Marcello De Palo (mdp)
Primary use:	Community
-------------------------------------------------------------------*/


/* ------------------------------
HTML Redefine Tags
------------------------------ */ 
h2.heading {
    margin: 15px 0px 2px 0px;
    padding: 0;
    color: #D51007;
    font-size: 18px;
    line-height: 13px;
    border-top: 1px dotted #ccc;
}
	

h2.heading 						{ background-image:none; }
h2.heading .h2Wrapper 			{ display: block; padding: 15px 15px 15px 0px; }
h2.heading .h2Wrapper a 		{ text-decoration: none;}
h2.heading .h2Wrapper a:hover 	{ text-decoration: underline; }
h2.heading .h2Wrapper a 		{ color: #D51007; }

h2.first {
	margin: 0px 0px 2px 0px;
	
}


/* ------------------------------
PAGE STRUCTURE
------------------------------ */
span.moduleOptions {
	clear: both;
	display: block;
	text-align: right;
	color: #0187c5;
}


div.profileHead {
	margin: 0;
	overflow: hidden;
	font-size: 12px;
	line-height: 1.28;
}

div.profileHead div {
	position: relative;
	display: block;
	float: left;
	width: 99%;
	margin: 0px 0 0 0;
	padding: 0 0 10px 0;
}

div.profileHead div div.profileHeadContainer {
	padding: 0 0 0 165px;
}

div.profileHead strong a {
	color: #d00000;
	font-weight: 700;
	font-size: 18px;
}

div.profileHead strong span.avatarThumbnail {
	float: left;
	margin: 0 0 0 -165px;
	border: 1px solid #DCDCDC;
	padding: 1px;
	cursor: pointer;
}

div.profileHead div.profileHeadContainer p strong {
	display: inline;
	border: 0;
}

div.profileHead p.info {
	padding: 2px 0px;
	color: #696969;
	font-size: 12px;
	margin: 0;
}


/* placeholder */
div.profileHead div.placeHolderForm {/**/
	width: 400px;
    height: 41px;
    display: -moz-inline-box;
    display: inline-block;
    padding: 4px 3px 0 0;
    background: #FFFFFF url(images/placeholder.png) no-repeat left top;
    font-size: 11px;
    text-decoration: none;
    text-align: left;
    vertical-align: middle;
}

div.placeHolderForm .inputtext  {/**/
	color: #999999;
	margin:5px;
	width: 330px;
	border: 1px solid #DCDCDC;
}


/* small */
ul.amiciSmall li {
	float: left;
	display: inline;
	width: 49%;
	margin: 0 0 7px 0;
}

ul.amiciSmall li div {
	padding: 0 0 0 65px;
	font-size: 11px;
	line-height: 1.181818em;
	color: #696969;
}

ul.amiciSmall li div p {
	margin: 0px;
}

ul.amiciSmall li strong a {
	color: #1b1b1b;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer; /* explicit for IE */
}

ul.amiciSmall li strong a:hover {
	color: #0187c5;
}

ul.amiciSmall span.userImage {
	float: left;
	margin: 0 0 0 -65px;
	border: 1px solid #DCDCDC;
	padding: 1px;
	cursor: pointer;
}

}
*+html ul.usersSmall div {
	position: relative;
	min-height: 38px;
}

*+html ul.usersSmall span.userImage {
	float: none;
	display: block;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
}



/* blog small */
ul.blogPostSmall li {
	float: left;
	display: inline;
	width: 99%;
	margin: 0 0 10px 0;
	padding-bottom: 10px;
	border-bottom: 1px dotted #f1f1f1;
}

ul.blogPostSmall li div {
	padding: 0px;
	font-size: 11px;
	line-height: 1.9em;
	color: #000;
}

ul.blogPostSmall li div p {
	font-size: 11px;
	margin: 0px;
}

ul.blogPostSmall li p.date {
	color: #999;
}

ul.blogPostSmall li strong a {
	font-size: 16px;
	color: #1b1b1b;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer; /* explicit for IE */
}

ul.blogPostSmall li strong a:hover {
	color: #d00000;
}


/* ------------------------------
FORM LOGIN
------------------------------ */
.logbaloon {
    background: #FFFFFF url(images/bgFormLogin.png) no-repeat left top;	
    padding:10px;
    margin: 10px;
}

.logbaloon .input {
	width: 133px;
}




/*AGGIUNTI DA MARIO 29/10/2009*/
/*top BLOG*/
.leftColumn{margin-right:10px!important; width:245px!important;}
.topBlogSmall{background:#DFDDC3;padding:5px;width:245px; margin:0px!important;}
.topBlogSmall{background:#DFDFDF;padding:5px;width:245px;}
.topBlogSmall li{ margin:0;padding:0; overflow:hidden; background:#EFEEE0;padding:5px!important; width:225px!important; margin-bottom:1px!important; border:0px!important; -moz-border-radius:5px 5px 0px 5px;}
.topBlogSmall li{background:#F1F1F1;padding:5px!important;width:225px!important;margin-bottom:1px!important;border:0px!important;-moz-border-radius:0px 5px 5px 5px;}
.topBlogSmall li:hover{background:#FAFAFA;padding:5px!important;width:225px!important;margin-bottom:1px!important;border:0px!important;-moz-border-radius:0px 5px 5px 5px;}

/*AVVISI COMMUNITY*/

.avvisi_dentro ul{ width:245px!important;}
/*
.avvisi_dentro ul li{padding:5px;border-top:1px solid #FFF;border-bottom:1px solid #DFDFDF;background:#F1f1f1;}
.avvisi_dentro ul li h2 { font-size:12px; font-weight: bold;}

.avvisi_dentro ul li:hover{}
.avvisi_dentro ul li a, 
.avvisi_dentro ul li a:hover,
.avvisi_dentro ul li a:visited,
.avvisi_dentro ul li a:link{color:#C00;}
*/


ul.avvisiSmall 									{ margin: 1em 0 0 0; overflow: hidden; font-size: 12px; line-height: 1.28; }
ul.avvisiSmall li 								{ position: relative; display: block; float: left; width: 99%; margin: 0px 0 10px 0; border-bottom: 1px dotted #DCDCDC; padding: 0 0 10px 0; }
ul.avvisiSmall li div.avvisiContainer 			{ padding: 0 0 0 60px; }
ul.avvisiSmall div.avvisiContainer strong		{ display: block; padding-bottom: 2px; }
ul.avvisiSmall strong a 						{ color: #d00000; font-size: 11px; }
ul.avvisiSmall strong a:hover 					{ color: #d00000; text-decoration: underline; }
ul.avvisiSmall strong span.artImage 			{ float: left; margin: 0 0 0 -60px; border: 1px solid #DCDCDC; padding: 1px; cursor: pointer; }
ul.avvisiSmall div.avvisiContainer p strong 	{ display: inline; border: 0; }
ul.avvisiSmall p.info 							{ padding: 0px 0; color: #696969; font-size: 11px; margin:0; }



/*REGOLAMENTI*/
.regolamenti{background:#F1F1F1; padding:5px; -moz-border-radius:5px;margin-top:10px;margin-bottom:10px;}
.regolamenti li{background:#FFF; padding:3px 3px 3px 7px; -moz-border-radius:5px; margin-top:2px;}
.regolamenti li:hover{background:#DFDFDF;}


.boxUtentiBlog{margin:0!important;padding:0!important;}
.boxAvvisi{margin:0!important;padding:0!important;}
.boxTopBlog{margin:0!important;padding:0!important;}


.facceClubSmall li{width:32px!important;height:32px!important; overflow:hidden!important; margin-right:6px!important;}

.menuSx .comm{
padding-top:10px;
}
.baloon_scuro_dentro{text-align:left;}
.baloon_scuro_dentro h2{font-size:15px;margin:0; padding:0;line-height:10px;font-weight:bold;}
.baloon_scuro_dentro a{border-left:7px solid #f1f1f1; padding-left:5px;}
.baloon_scuro_dentro a:hover{border-left:7px solid #D51007; padding-left:5px;}


/**/