/*-------------------------------------------------
VIRGIN CHART (component) s:virgin-chart
-------------------------------------------------*/
div.virginChart 						{ font-size: 12px; height:75px; line-height: 18px; border-bottom:1px dotted #DCDCDC; padding: 10px 0 5px; }
div.virginChart .numero 				{ width:35px; height:25px; font-size:22px; font-weight:bold; float:left; text-align:center; }
div.virginChart .stato 					{ width:35px; height:25px; text-align:center; float:left; }
div.virginChart .coverArt 				{ width:65px; text-align:center; float:left; }
div.virginChart .positionCell 			{ width:35px; float:left; text-align:center; }
div.virginChart .coverArt img 			{ border: 1px solid #DCDCDC; padding: 1px; }
div.virginChart .subjectCell 			{ float:left; width:350px;}
div.virginChart .subjectCell h1 		{ color:#d00000; font-size: 13px; font-weight: bold;}
div.virginChart .subjectCell h2 		{ color: #000000; font-size: 12px;}
div.virginChart .subjectCell p 			{ color: #000000; font-size: 11px; margin: 0px; text-align:right;}
#right div.virginChart .subjectCell 	{ float:left; width:190px;}
#right div.virginChart .subjectCell p 	{ display:none; }

#right div.virginChart .subjectCell p.ascolta 	{ display:block; color:#fff; }
#right div.virginChart .subjectCell p.ascolta a 	{ color:#fff; }

#black div.virginChart 					{ font-size: 12px; height:55px; line-height: 18px; border: none; padding: 10px 0 5px; }
#black div.virginChart .numero 			{ color: #fff; }
#black div.virginChart .subjectCell h1 	{ color: #fff; font-size: 13px; font-weight: bold;}
#black div.virginChart .subjectCell h2 	{ color: #999; font-size: 12px;}
#black div.virginChart .subjectCell p 	{ color: #999; font-size: 11px; margin: 0px; text-align:right;}


/*-------------------------------------------------
PLAYER AUDI (component) player-audio.phtml
-------------------------------------------------*/
div.playerAudio 							{ width: 460px; color: #fff; font-size: 12px; display: block; overflow: hidden; line-height: 18px; padding: 10px 0 5px; background:#1a1a1a;}
div.playerAudio .art 						{ width:105px; text-align:center; float:left; }
div.playerAudio .art img 					{ border: 1px solid #DCDCDC; padding: 1px; }
div.playerAudio .subjectCellDescription 	{ float: left; width: 270px; border-right: 1px dotted #fff;}
div.playerAudio .subjectCellDescription h1 	{ color: #fff; font-size: 16px; font-weight: bold;}
div.playerAudio .subjectCellDescription h2 	{ color: #fff; font-size: 12px;}
div.playerAudio .subjectCellDescription p 	{ color: #fff; font-size: 11px; margin: 0px; text-align:right; }
div.playerAudio .subjectCellPlay 			{ float:left; padding:0px 10px 10px 10px; margin-top:-10px; text-align: center; width: 55px;}
div.playerAudio .subjectCellPlay .btnSmall	{ width: 80px; height: 60px;  }
div.playerAudio .subjectCellPlay a.play 		{ background: url(images/btn_player_video_play.png) no-repeat 10px 10px; color: white; cursor: pointer; display: inline-block; padding: 5px 10px 6px; position: relative; }
div.playerAudio .subjectCellPlay p a,
div.playerAudio .subjectCellPlay p a:hover  { color: #fff; font-size: 12px; font-weight:bold; text-align:center; }

div.playerAudioFooter 						{ display: block; overflow: hidden; line-height: 18px; padding: 10px; background:#222;}

div.playerAudioMedia 						{ color: #000; font-size: 12px; display: block; overflow: hidden; line-height: 18px; padding: 10px 5px 5px 0px; background:#f2f7fd;}
div.playerAudioMedia .anteprima 			{ width:105px; text-align:center; float:left; }
div.playerAudioMedia .anteprima img 		{ border: 1px solid #DCDCDC; padding: 1px; }
div.playerAudioMedia ul.photoSmall li 		{ background: white; border: 1px solid rgb(204, 204, 204); overflow: hidden; display: inline; float: left !important; height: 66px; margin: 0px 0px 10px 10px; padding: 2px; width: 90px; }

.bgPlayerGreen  	{ background: #90d02c url("images/bg_green.jpg") top left repeat-x !important; color: #ffffff !important; }
.bgPlayerBlue 		{ background: #1e80c6 !important; color: #ffffff !important; }
.bgPlayerRed  		{ background: #CC0000 url("images/bg_red.jpg") top left repeat-x !important; color: #ffffff !important; }
.bgPlayerDark		{ background: #1a1a1a !important; }
.bgPlayerViola		{ background: #8403a0 !important; color: #ffffff !important; }
.bgPlayerFuxia  	{ background: #d221b8 !important; color: #ffffff !important; }
.bgPlayerGold		{ background: #f0c900 url("images/bg_giallo.jpg") top left repeat-x!important; color: #ffffff !important; }
.bgPlayerGrey		{ background: #EBE9DD !important; color: #333 !important; }
.bgPlayerDarkGrey	{ background: #333333 !important; color: #ffffff !important; }
.bgPlayerTurchese	{ background: #27c8c2 url("images/bg_azzurro.jpg") top left repeat-x!important; color: #ffffff !important; }


/*-------------------------------------------------
PRIMO PIANO (component) abstract-primopiano.phtml
-------------------------------------------------*/
div.primoPianoWrapper div.rmcNewsContainer 		{ width: auto;  padding: 0px; position: relative; display: block; width: auto; margin: 0px 10px 12px 0; border-bottom: 0px dotted #DCDCDC;}
div.primoPianoWrapper strong a 					{ text-decoration:none; }
div.primoPianoWrapper strong a h2 				{ color: #000 !important; font-size: 14px !important;  text-decoration:none; }
div.primoPianoWrapper strong a:hover h2 		{ color: #d00000; text-decoration: underline; }
div.primoPianoWrapper strong span.artImage 		{ float: left; margin: 0px 0px 10px 0px; height: 90px; overflow:hidden; border: 1px solid #DCDCDC; padding: 3px; cursor: pointer; }
div.primoPianoWrapper strong img				{ width: 300px; }
div.primoPianoWrapper p.info 					{ padding: 0px 0; color: #696969; width: auto; font-size: 12px; margin:0; line-height: 16px; }


/*-------------------------------------------------
HOME MULTIMEDIA (component)
-------------------------------------------------*/
div.multimediaWrapper							{ float: left !important; width: 300px; padding: 0px 10px 0px 0px; overflow: hidden;  }
div.multimediaWrapper h1 						{ width: 300px; font-size: 14px; line-height: 1.28; margin-bottom: 10px; color: #d00000; }
div.multimediaWrapper div.virginContainer		{ width: auto;  height: 75px;  padding: 0 0px 0 70px; position: relative; display: block; width: auto; margin: 0px 10px 12px 0; }
div.multimediaWrapper strong a 					{ color: #000 !important; font-size: 12px; text-decoration: none; }
div.multimediaWrapper strong a:hover 			{ color: #d00000; text-decoration: underline; }
div.multimediaWrapper strong span.artImage 		{ float: left; margin: 0 0 0 -70px; height: 55px; overflow:hidden; border: 1px solid #DCDCDC; padding: 3px; cursor: pointer; }
div.multimediaWrapper strong img				{ width: 55px; }
div.multimediaWrapper p.info 					{ padding: 0px 0; color: #696969; width: auto; font-size: 12px; line-height: 1.28; margin:0; }

#black div.multimediaWrapper strong a 			{ color: #fff !important; font-size: 13px; text-decoration: none; }
#black div.multimediaWrapper strong a:hover 	{ color: #d00000; text-decoration: underline; }
#black div.multimediaWrapper p.info 			{ padding: 0px 0; color: #999; width: auto; font-size: 12px; line-height: 1.28; margin:0; }


/*-------------------------------------------------
HOME MULTIMEDIA (component)
-------------------------------------------------*/
.videoWrapper					{ width:640px;  font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height: 12px;}
.videoWrapper .tit				{ height:30px; background: url(images/listGroupGray.png) repeat-x; margin-bottom:10px; }
.videoWrapper .tit a			{ text-decoration:none; font-size:12px; font-weight:bold; color:#fff; padding:3px 5px; }
.videoWrapper .tit a:hover		{ text-decoration:none; font-size:12px; font-weight:bold; color:#fff; background: #CCC; }
.videoWrapper .tit ul			{ list-style:none; display:block; float:right; margin:0; padding-top:5px; }
.videoWrapper .tit ul li 		{ list-style:none; display:block; float:left; margin:0; padding:3px 5px; }
.videoWrapper .tit ul li.primo 	{ border-right:solid 1px #999; }

.videoWrapper .item				{ width:315px; margin:5px 5px 0 0; float:left; overflow:hidden; min-height:90px; }
.videoWrapper .item img 		{ width:130px; height:70px; border:solid 1px #CCC; padding:1px; margin-right:5px; float:left; }
.videoWrapper .item img:hover 	{ border:solid 1px #C00; }
.videoWrapper .item img.play 	{ position:absolute; border:none; width:20px; height:15px; margin:50px 0 0 105px; }
.videoWrapper .item p						{ margin:0; padding:0; float:left; width:170px; }
.videoWrapper .item p span.titolo a			{ color:#000; font-weight:bold; font-size:12px; }
.videoWrapper .item p span.titolo a:hover 	{ color:#C00; }
.videoWrapper .item p span a	{ text-decoration:none; color:#C00; font-weight:bold; margin:0; padding:0; }


/*-------------------------------------------------
STYLE ROCK (component) style-rock.phtml
-------------------------------------------------*/
ul.styleRockSmall 									{ margin: 1em 0 0 0; overflow: hidden; font-size: 12px; line-height: 1.28; }
ul.styleRockSmall li 								{ position: relative;  display: block; float: left; width: 99%; margin: 0px 0 10px 0; border-bottom: 0px dotted #DCDCDC; padding: 0 0 10px 0; }
ul.styleRockSmall li div.styleRockContainer 		{ padding: 0 0 0 105px; }
ul.styleRockSmall div.chartContainer strong			{ display: block; padding-bottom: 2px; border-bottom: 1px solid #ccc; }
ul.styleRockSmall strong a 							{ color: #000000; font-size: 12px; text-decoration: none; }
ul.styleRockSmall strong a:hover 					{ color: #d00000; text-decoration: underline; }
ul.styleRockSmall strong span.artImage 				{ float: left; margin: 0 0 0 -105px; border: 1px solid #DCDCDC; padding: 1px; cursor: pointer; }
ul.styleRockSmall div.styleRockContainer p strong 	{ display: inline; border: 0; }
ul.styleRockSmall p.info 							{ padding: 0px 0; color: #696969; font-size: 12px; margin:0; }

/*-------------------------------------------------
WEB RADIO (component) _webradio-2010.phtml
-------------------------------------------------*/
.webradioWrapper					{ width:300px; margin: 0px; }
.webradioWrapper ul					{ list-style:none; padding:0; padding-left:10px; }
.webradioWrapper ul li				{ list-style:none; display:block; float:left; margin: 5px 5px 5px 0px;}
.webradioWrapper ul li img			{ border:solid 1px #333; }
.webradioWrapper ul li img:hover	{ border:solid 1px #6F0000; }
.webradioWrapper .anteprima			{ height: 60px; background: #444; border:1px solid #222; magin: 0px; }

/*-------------------------------------------------
CAROSELLO (component) _webradio-2010.phtml
-------------------------------------------------*/
.main_image 				{ width: 520px; height: 284px; float: left; background: #333; position: relative; overflow: hidden; color: #fff; cursor: pointer; }
.main_image a img 			{ width: 520px; }
.image_thumb 				{ float: left; width: 110px; background: #f0f0f0; }
.image_thumb img 			{ border: 0px solid #ccc; padding: 1px; background: #fff; float: left; width: 100px; height: 59px;}
.image_thumb ul li			{ margin: 0; padding: 3px 3px; width: 100px; height: 63px !important; float: left !important; border-bottom: 1px solid #ccc; border-top: 1px solid #fff;  }
.image_thumb ul li .block 	{ float: left; margin-left: 10px; padding: 0; width: 135px; display:none; }	

/*-------------------------------------------------
EVENTI (component) eventi.phtml
-------------------------------------------------*/
ul.eventsSmall span.calSheet 			{ float: left; display: inline; margin-left: -40px; }
ul.eventsSmall li 						{ zoom: 1; padding: 10px 5px 10px 58px; border:none; font-size: 12px; line-height: 1.18em; }
ul.eventsSmall li.first 				{ border-top: 0; }
ul.eventsSmall li.last 					{ border-bottom: 0; }
ul.eventsSmall a 						{ text-decoration: none; color: #fff !important;}
ul.eventsSmall li strong.summary 		{ display: block; font-size: 12px; line-height: 1.2em; color: #fff; }
ul.eventsSmall strong.summary a
ul.eventsSmall strong.summary a:hover ,
ul.eventsSmall strong.summary a:active ,
ul.eventsSmall a:hover span.summary 	{ color: #000 ; text-decoration: underline; }
ul.eventsSmall li small.location 		{ display: block; color: #fff; font-size: 11px; margin: 1px 0 4px 0; }
ul.eventsSmall li p.info 				{ font-size: 10px; color: #696969; }
ul.eventsSmall a.comments:hover 		{ text-decoration: underline; }
ul.eventsSmall li.past span.calSheet 	{ filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }


#black ul.eventsSmall strong.summary a
#black ul.eventsSmall strong.summary a:hover ,
#black ul.eventsSmall strong.summary a:active ,
#black ul.eventsSmall a:hover span.summary 	{ color: #fff ; text-decoration: underline; }


/* calSheetSmall */
span.calSheetSmall 				{ width: 32px; }
span.calSheetSmall span.month 	{ height: 10px; font-size: 9px; padding-top: 1px; }
span.calSheetSmall span.day 	{ font-size: 14px; }
div.profileHead 				{ position: relative; }
div.profileHead h1 				{ display: inline; font-size: 18px; }

/* calSheet */
span.calSheet 					{ display: block; text-align: center; }
span.calSheet span 				{ display: block; float: left; width: 100%; }
span.calSheet span.month 		{ background: #D51007; border: 1px solid #D51007; color: #fff; text-transform: uppercase; line-height: 1.1em; font-weight: bold; text-align: center; }
span.calSheet span.day 			{ background: #fff; border: 1px solid #ccc; border-top: none; color: #000; line-height: 1.4em; font-weight: bold; letter-spacing: -0.1em; }


/*-------------------------------------------------
WEB TV
-------------------------------------------------*/
ul.webtvHomeSmall 									{ margin: 0 0 0 0;  font-size: 12px; line-height: 1.28; }
ul.webtvHomeSmall li 								{ position: relative; display: block; float: left !important /*CMS Radiohead*/; width: 310px; margin: 0px 10px 10px 0; border-bottom: 1px dotted #DCDCDC; padding: 0 0 10px 0; }
ul.webtvHomeSmall li div.webtvContainer 			{ padding: 0 0px 0 145px; }
ul.webtvHomeSmall strong a 							{ color: #000000; font-weight: 700; text-decoration: none;}
ul.webtvHomeSmall strong a:hover 					{ color: #d00000; text-decoration: underline; }
ul.webtvHomeSmall strong span.artImage 				{ float: left; margin: 0 0 0 -145px; border: 1px solid #DCDCDC; padding: 1px; cursor: pointer; }
ul.webtvHomeSmall strong span.play 					{ cursor: pointer; margin: 0 0 0 -35px;  position:absolute; top:55px; }
ul.webtvHomeSmall div.webtvContainer p strong 		{ display: inline; border: 0; }
ul.webtvHomeSmall p.info 							{ padding: 0px 0; color: #696969; font-size: 11px; margin:0; }


/*-------------------------------------------------
HOME COMUNITY
-------------------------------------------------*/
#box-community							{ width:280px; height:100px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; margin:0; }
/*#box-community .tit					{ height:30px; background:url(images/boxcomm_tit.jpg) left no-repeat #f0f0f0; border-bottom:solid 1px #C00; }
#box-community .tit a					{ text-decoration:none; font-size:12px; font-weight:bold; color:#999; padding:3px 5px; }
#box-community .tit a:hover				{ text-decoration:none; font-size:12px; font-weight:bold; color:#fff; background: #CCC; }
#box-community .tit ul					{ list-style:none; display:block; float:right; margin:0; padding-top:5px; }
#box-community .tit ul li 				{ list-style:none; display:block; float:left; margin:0; padding:3px 5px; }
#box-community .tit ul li.primo 		{ border-right:solid 1px #999; }*/
#box-community .utente					{ margin-left:20px; overflow:hidden; }
#box-community .utente img				{ border:solid 1px #CCC; padding:1px; margin: 5px 5px 0 0; }
#box-community .utente img.freccia		{ border:0px; float:left; margin:2px -1px 0px 0px;}
#box-community .utente p				{ margin:5px 0 0 70px; padding:0; color:#fff; }
#box-community .utente p a				{ text-decoration:none; color:#C00; font-weight:bold; }
#box-community .utente p.messaggio		{ background:#f0f0f0; border:solid 0px #CCC; margin:3px 0 0 0px; padding:3px; color:#333; line-height:12px; float:left; width:180px; }
#box-community .scrivi ul 				{ list-style:none; float:left; padding:0; margin:0; margin-top:5px; width:300px; }
#box-community .scrivi ul li 			{ list-style:none; display:block; float:left; margin:10px 15px 5px 20px; padding:3px 0 3px 30px; background:url(/styles/images/see-more-arrow2.png) no-repeat left top; }
#box-community .scrivi ul li img 		{ margin:-2px 5px; }
#box-community .scrivi ul li a 			{ text-decoration:underline; color:#fff; font-weight:bold; }
#box-community .scrivi ul li a:hover 	{ text-decoration:none; }

/*-------------------------------------------------
CONTEST (component) contest-risposta-chiusa-3-item.phtml
-------------------------------------------------*/
div.contestMedium h1 						{ font-size: 14px; line-height: 1.28; margin-bottom: 10px; color: #d00000; }
div.contestMedium div.itemContainer 		{ width: auto;  padding: 0 0px 2px 25px; position: relative; display: block; width: auto; margin: 0px 10px 5px 0;}
div.contestMedium strong span.radioButton 	{ float: left; margin: 0 0 0 -25px; height: 55px; overflow:hidden; padding: 3px; cursor: pointer; }
div.contestMedium p.info 					{ padding: 0px 0; color: #696969; width: auto; font-size: 12px; margin:0; padding-bottom: 2px;  border-bottom: 1px dotted #DCDCDC;}

/*-------------------------------------------------
CONTEST-WRAPPER (component) My_View_Helper_Contest
-------------------------------------------------*/
.contestWrapper h2.contest 	{ font-size: 18px !important; color: #000000; }
.contestWrapper p.desc 		{ font-size: 14px; color: #000000; line-height: 18px; margin: 5px 0 15px 0;}
.contestWrapper p.error 		{ font-size: 14px; color: #333333; text-align: center; line-height: 18px; margin: -25px 0 15px 0; padding: 20px 0; background-color: #F2F2F2; border: 1px solid #DCDCDC; }

/*-------------------------------------------------
CHART-WRAPPER (component) My_View_Helper_Sondaggio
-------------------------------------------------*/
.mediumChartWithOutImages li	{ clear: both; display: block; height: 54px; position: relative; width: 100%; }
.chartbar 						{ color: white; display: block; font-size: 11px; font-weight: bold; height: 22px; line-height: 22px; position: relative; text-align: left; width: auto; }
.chartbar span.value 			{ color: white; text-decoration: none; display: block; font-size: 11px; line-height: 22px; padding: 0px 5px; position: relative; z-index: 1; }
.chartbar span.bar 				{ background: #2993c1 url(images/chartbar-blue.jpg) no-repeat 100% 0%; display: block; height: 22px; left: 0px; line-height: 22px; min-width: 60px; position: absolute; top: 0px; }
.mediumChartWithOutImages li p 	{ padding: 3px 5px 3px 0px; }
.mediumChartNotes 				{ color: #828282; margin: 5px 0px; font-size: 12px; }

.mediumChartNotes .button		{ display: inline; float: left; }
.mediumChartNotes .results		{ display: inline; float: left; }


/*-------------------------------------------------
ARTISTA ALBUM (component) artista-album-brano.phtml 
-------------------------------------------------*/
div.albumItemSmall 					{ font-size: 12px; display: block; overflow: hidden; line-height: 18px; padding: 5px 0 5px;  border-bottom:1px dotted #DCDCDC;}

albumItemSmall:hover .number .circular-preview-control { visibility: display;}

div.albumItemSmall .number			{ float: left; width:30px; padding:0px;margin-top:-3px; }
div.albumItemSmall .number h2		{ text-align:right; float:left; font-size: 12px; color: #000000; font-weight: normal;}
div.albumItemSmall .subjectCell 	{ float: left; width: 70%;}
div.albumItemSmall .subjectCell h1 	{ color: #000000; font-size: 13px; font-weight: normal;}
div.circular-preview-control {
height: 21px;
overflow: visible;
position: absolute;
right: -4px;
top: -1px;
visibility: hidden;
width: 21px;
}