/*-------------------------------------------------
VIRGIN CHART (component) s:virgin-chart
-------------------------------------------------*/
div.virginChart 						{ font-size: 12px; height:115px; 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:115px; 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:300px;}
div.virginChart .subjectCell h1 		{ color:#d00000 !important; font-size: 16px; font-weight: bold;}
div.virginChart .subjectCell h2 		{ color: #333333 !important; font-size: 14px;}
div.virginChart .subjectCell p 			{ color: #333333; 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: #000 !important; }
#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;}

/* mg 12-ott-2010 */
#black #left h2.heading { margin-bottom:10px; background:#f0f0f0; color:#cc0000; border-bottom:solid 1px #cc0000; font-size:17px; font-weight:bold; }
#black div.virginChart  { margin-top:0; }

/* MDP 06-nov-2010 */
#black #left h2.heading { background: none; color: #D51007; font-size: 18px; font-weight: bold; border-top: 1px dotted #B8B8B8; border-bottom: 0px dotted #B8B8B8;}			
#black #left h2.heading .h2Wrapper { padding: 15px 15px 10px 0;}


/*-------------------------------------------------
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;overflow:hidden; border-bottom:1px solid #444; padding-bottom:5px;}
.webradioWrapper ul li				{ list-style:none; float:left; margin:1px;}
.webradioWrapper ul li img			{ border:solid 1px #444; }
.webradioWrapper ul li img:hover	{ border:solid 1px #AA0000; }
.webradioWrapper .anteprima			{ height: 60px; background: #444; border:1px solid #222; magin: 0px; }

/*hack*/
.webradioWrapper ul				{ border: none; padding:0; margin:0 0 0 1px; }
.webradioWrapper ul li 			{ margin:1px 0; }
.webradioWrapper ul li img 		{ border: 1px solid #333; }
.webradioWrapper ul li img:hover{ border:solid 1px #FFF; }
.widget.webradio				{ margin:3px 0 6px 0; padding:3px 0 0 3px; width:294px; background: url(http://www.virginradio.it/styles/images/listGroup.png) repeat-x; border:solid 1px #333; border-top:none; }
.widget.webradio h1 			{ margin:0; padding:3px 7px; font-size:13px; font-weight:bold; color:#FFF; background:url('/images/hq_icon.png') 88px -3px no-repeat; width:120px; }
.widget.webradio h1 span 		{ margin:0; padding:1px 5px 0 0; font-size:12px; font-weight:bold; color:#F00; float:left; }
.widget.webradio .preascolto	{ text-transform:uppercase; line-height:12px; }
.widget.webradio .preascolto a 	{ padding:0; margin:5px 0 0 -4px; height:45px; width:90px; float:left; text-decoration:none; color:#FFF; font-weight:bold; }
.widget.webradio .preascolto span { margin:0; padding:0; float:left; }
.widget.webradio .preascolto h2 { margin:0; padding:5px 5px 2px 5px; font-size:13px; font-weight:bold; color:#F00; }



/*-------------------------------------------------
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; }	
/* mdp 12-ott-2010 */
.main_image 				{ width: 640px; height: 315px;}	
.main_image a img 			{ width: 640px;  height:315px;}
.image_thumb 				{ width: 640px; }
.image_thumb ul li			{ width: 122px; }
.image_thumb img 			{ width: 118px; }


/*-------------------------------------------------
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: 10px 0 0 0;  font-size: 12px; line-height: 1.28; }
ul.webtvHomeSmall li 								{ position: relative; display: block; float: left !important /*CMS Radiohead*/; width: 310px; height: 90px; margin: 0px 10px 10px 0; border-bottom: 1px dotted #DCDCDC; padding: 0 0 10px 0; }
ul.webtvHomeSmall li.noline 						{ border-bottom: 1px dotted #ffffff; }
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.channel					{ color: #d00000; font-weight: 700; text-decoration: none;  font-size: 14px;}
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; }
ul.webtvHomeSmall p.title 							{ padding: 0px 0; color: #000000; font-weight:bold; font-size: 12px; margin:0; }

ul.webtvHomeSmall-channel 							{ margin: 10px 0 0 0;  font-size: 12px; line-height: 1.28; }
ul.webtvHomeSmall-channel li 						{ position: relative; display: block; float: left !important; width: 310px; margin: 0px 10px 10px 0; border-bottom:2px solid #cc0000; padding:0; background:#f0f0f0; }
ul.webtvHomeSmall-channel li div.webtvContainer 	{ padding: 0 0px 0 145px; }
ul.webtvHomeSmall-channel strong a 					{ color: #000000; font-weight: 700; text-decoration: none;}
ul.webtvHomeSmall-channel strong a:hover 			{ color: #d00000; text-decoration: underline; }
ul.webtvHomeSmall-channel strong span.artImage 		{ float: left; margin: 0 0 0 -145px; padding:2px 2px 1px 2px; cursor: pointer; }
ul.webtvHomeSmall-channel strong span.play 			{ cursor: pointer; margin: 0 0 0 -35px;  position:absolute; top:55px; }
ul.webtvHomeSmall-channel div.webtvContainer p strong { display: inline; border: 0; }

div.tvWrapper 							{ width:310px; height:190px; position:relative; }
div.tvWrapper .player 					{ width:310px; height:190px; position:absolute; }
div.tvWrapper .layer 					{ width:310px; height:190px; position:absolute;}



/*-------------------------------------------------
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 15px; 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; font-size:11px; }
#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;}

div.contestMediumTextField							{ width: 48%; margin-right: 5px; float: left; display: block;}
div.contestMediumTextField input[type="text"]		{ width: 100%; border: 1px solid #DCDCDC; font-size: 14px; padding:2px; }
div.contestMediumTextField h1 						{ font-size: 14px; line-height: 1.28; margin-bottom: 5px; color: #d00000; }
div.contestMediumTextField div.itemContainer 		{ width: auto;  padding: 0 0px 2px 0px; position: relative; display: block; width: auto; margin: 0px 10px 0px 0;}
div.contestMediumTextField p.info 					{ padding: 0px 0; color: #696969; width: auto; font-size: 12px; margin:0; padding-bottom: 2px;}


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




/*-------------------------------------------------
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	{ border-bottom: 1px dotted #DCDCDC; clear: both; display: block; height: 54px; position: relative; width: 100%; }
.chartbar 						{ color: white; display: block; font-size: 12px; font-weight: bold; height: 25px; line-height: 22px; position: relative; text-align: left; width: auto; }
.chartbar span.value 			{ color: white; text-decoration: none; display: block; font-size: 12px; line-height: 22px; padding: 0px 6px; position: relative; z-index: 1; }
.chartbar span.bar 				{ background: #2993c1; display: block; height: 22px; left: 0px; line-height: 22px; min-width: 60px; position: absolute; top: 0px; padding-right:30px; }
.mediumChartWithOutImages li p 	{ padding: 3px 5px 0px 0px; font-size: 14px; margin-bottom:0px; margin-top: 3px;}
.mediumChartNotes 				{ color: #828282; margin: 5px 0px; font-size: 16px; }

.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; }

/*-------------------------------------------------
PLAYER VIDEO (component) player-video.phtml 
	player-video-maggiorenne-domanda.phtml
	player-video-maggiorenne.phtml
-------------------------------------------------*/
div.playerVideoBig 							{ width:460px; height:280px; position:relative; }
div.playerVideoBig .player 					{ width:460px; height:280px; position:absolute; }
div.playerVideoBig .layer 					{ width:460px; height:280px; position:absolute; text-align: center; background-color: #000000; opacity: 0.8;}
div.playerVideoBig .layer h2 				{ font-size: 22px; color: #ffffff; margin-top: 20px;}
div.playerVideoBig .layer h3 				{ font-size: 14px; color: #ffffff; margin-top: 20px;}
div.playerVideoBig .layer dl.vm18 			{ background-color:#ffffff; border: 1px solid #000000; width: 148px; text-align: center; padding: 10px; float: left; margin: 20px 30px 0px 30px; }
div.playerVideoBig .layer dl.vm18-button 	{ width: 400px; text-align: center; padding: 10px; float: left; margin: 0px; }
div.playerVideoBig .layer dl.vm18 dt 		{ font-weight: bold; font-size:34px; color: #000000; }
div.playerVideoBig .layer dl.vm18 dd 		{ margin: 0; padding: 0; }

/*-------------------------------------------------
PLAYLIST CON FOTO (component) playlist-con-foto.phtml
-------------------------------------------------*/
div.playlistFotoSmall 					{ font-size: 12px; display: block; overflow: hidden; line-height: 18px; padding: 10px 0 5px;  border-bottom:1px dotted #DCDCDC;}
div.playlistFotoSmall .coverArt 		{ width:105px; text-align:center; float:left; }
div.playlistFotoSmall .coverArt img 	{ border: 1px solid #DCDCDC; padding: 1px; }
div.playlistFotoSmall .subjectCell 		{ float: left; width: 355px;}
div.playlistFotoSmall .subjectCell h1 	{ color: #d00000; font-size: 13px; font-weight: bold;}
div.playlistFotoSmall .subjectCell h2 	{ color: #000000; font-size: 12px;}
div.playlistFotoSmall .subjectCell p 	{ color: #000000; font-size: 11px; margin: 0px; text-align:right; }


/*-------------------------------------------------
VIRGIN CHART (template) home.phtml
-------------------------------------------------*/
div.albumMedium                                    { line-height: 1.25em; position: relative; overflow:hidden; }
div.albumMedium div                                { display: inline; float: left; position: relative; width: 25.0%; }
div.albumMedium div.resContainer                   { padding: 0px 15px 0px 83px; border-right: 1px dotted #DCDCDC; }
div.albumMedium div.resContainer.last              { border-right: 0px dotted #DCDCDC; }

div.albumMedium div.resContainer                   { min-width: 130px;}
div.albumMedium div.resContainer a                 { color: black; font-size: 14px; text-decoration: none; }
div.albumMedium div.resContainer span.albumCover   { display: inline; float: left; margin: 0px 0px 0px -125px; }
div.albumMedium a span.albumCover                  { cursor: pointer; }
div.albumMedium span.coverMedium                   { height: 90px; width: 105px; }
div.albumMedium span.coverMedium img.art           { clip: rect(0px 90px 90px 0px); left: 7px; top: 2px; }
div.albumMedium span.albumCover img.art            { display: block; position: absolute; }
div.albumMedium span.coverMedium span.jewelcase    { background-image: url(http://www.virginradio.it/styles/images/jewelcase_medium.png); height: 80px; width: 80px; }
div.albumMedium span.coverMedium span.position     { background-image: url(http://www.virginradio.it/styles/images/charts-pos1.png); height: 14px; width: 10px; color: white; padding:8px 10px 10px 10px; }
div.albumMedium span.albumCover span.jewelcase     { background-position: 0% 0%; background-repeat: no-repeat; display: block; left: 0px; position: absolute; top: 0px; }
div.albumMedium span.albumCover span.position      { background-position: 0% 0%; background-repeat: no-repeat; display: block; left: 50px; position: absolute; top: 50px; }
div.albumMedium div.resContainer p.artist          { font-size: 11px; }
div.albumMedium div.resContainer p.genere          { font-size: 11px; color: #999; margin-top:5px; font-style: italic;}

div.albumMedium h2.heading 						   { background: none; font-size: 18px; font-weight: bold;}
div.albumMedium h2.heading .h2Wrapper 			   { background: none; padding: 5px 15px 15px 0;}





.column.grid_3 div.albumMedium div                 		{ display: inline; float: left; position: relative; width: 82.0%; }
.column.grid_3 div.albumMedium div.resContainer    		{ border-right: 0px dotted #DCDCDC; margin: 5px 0;}
.column.grid_3 div.albumMedium div.resContainer a  		{ color: #FFFFFF; font-size: 14px; text-decoration: none; }
.column.grid_3 div.albumMedium div.resContainer p		{ color: #999999;}

/*-------------------------------------------------
BOTTONE (component) bottone.phtml
-------------------------------------------------*/
.bottone{margin-top:10px; margin-bottom:10px;}

/*-------------------------------------------------
BOTTONI http://www.zurb.com/blog_uploads/0000/0617/buttons-03.html :-)
-------------------------------------------------*/
.awesome, 
.awesome:visited {
	background: #222 url(images/alert-overlay.png) repeat-x; 	
	display: inline-block; 
	padding: 6px 20px 5px 20px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 18px; 
	-webkit-border-radius: 18px;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.awesome:hover { 
	background-color: #111; 
	color: #fff;
	text-decoration: none; 
}

.awesome:active { 
	top: 1px; 
}

.btnSmall.awesome, 
.btnSmall.awesome:visited { 
	font-size: 12px; 
	padding: ; 
}
	
.awesome, .awesome:visited,
.btnMedium.awesome, 
.btnMedium.awesome:visited 	{ 
	font-size: 13px; 
	font-weight: bold; 
	line-height: 1; 
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
}

.btnLarge.awesome, 
.btnLarge.awesome:visited { 
	font-size: 14px; 
	padding: 8px 20px 8px 20px; 
}

.btnBlack.awesome, 
.btnBlack.awesome:visited { 
	background-color: #000000; 
}

.btnBlack.awesome:hover	{ 
	background-color: #333333; 
}

.btnBlue.awesome, 
.btnBlue.awesome:visited { 
	background-color: #003382; 
}

.btnBlue.awesome:hover { 
	background-color: #012357; 
}

.btnRed.awesome, 
.btnRed.awesome:visited { 
	background-color: #cd071e; 
}
	
.btnRed.awesome:hover { 
	background-color: #990009; 
}

.btnDarkGrey.awesome, .btnDarkGrey.awesome:visited { 
	background-color: #222222; 
}

.btnDarkGrey.awesome:hover { 
	background-color: #000000; 
}
/*-------------------------------------------------
FORM (component) Alfa SBK 2011
-------------------------------------------------*/
.alfasbk2011 dd { 
	margin-left: 0px;
}
.alfasbk2011 dt label {
	font-size: 14px;
	margin-bottom: 10px;
}
.alfasbk2011 dd label { 
	clear:both;
	display:block;
	height: 10px;
}


