@import url('/gui/styles/viewGridList.css');	
@import url('/GUI/Styles/paginazione.css');

/*solo per file asp*/
.mod300 {width:300px;float:left;}
.mod400 {width:400px;margin:10px 0 20px -6px;float:left;}
.mod425 {width:425px;margin:10px 0 20px 0;float:left;}
.mod436 {width:436px;margin:10px 0 20px 0;float:left;}
.mod436  #viewGridList {margin-bottom:0!important;}
.mod436  #viewGridList dl {float:right}
.mod720 {width:720px;margin:10px 0 20px 0;float:left;}
.marginSx25 {margin-left:25px;margin-top:10px;}
.marginSx10 {padding-left:10px;margin-top:10px;}
.marginSx9 {margin-left:9px!important;margin-left:4px;margin-top:10px;}
.mod300 ol {clear:both;width:300px;}
.mod400 ol {clear:both;width:400px;}
.mod425 ol {clear:both;width:425px;}
.mod436 ol {clear:both;width:436px;}
.mod720 ol {float:left;width:240px;height:363px!important;height:395px;overflow:auto;position:relative;}
/*solo per file asp*/
/*________________________________________________________________ lista */	

#vidContainer {float:left;width:auto;}
#videoPl {float:left;clear:both;color:#333; overflow:hidden;}
	#videoPl a {text-decoration: underline;color: #147CAE!important;outline:none;}
	#videoPl a:visited {color: #147CAE!important;}
	#videoPl a:active {color: #147CAE!important;}
	#videoPl a:hover {text-decoration: none; cursor:pointer;}
	#videoPl h3 { background:url(/gui/images/videoPl/bgVideoPl.png) no-repeat 0 0; padding:0 10px; line-height:25px; margin-bottom:15px; color:#000;font-size:14px;font-family:georgia,arial,helvetica,sans-serif;display:none;}
	#videoPl ol {background:#f2f2f2 url(/gui/images/videoPl/bgVPL.png) repeat-x 0 0; border-top:1px solid #b1b1b1;border-bottom:1px solid #b1b1b1;list-style-type:none;margin:0;padding:15px 0;}
		#videoPl ol li {margin:0 5px 10px 10px;padding:0;overflow:hidden;height:64px;font-family:arial,helvetica,sans-serif; position:relative;}
			#videoPl ol li .number { display:none}
			#videoPl ol li .goVideo {float:left;position:relative;z-index:9; }
            #videoPl ol li .Thumb {float:left;margin:0; padding:0;border:2px solid #fff;margin-right:10px; display:inline;}
			#videoPl a:hover img.Thumb {border:2px solid #000!important; cursor:pointer;}
			#videoPl a img.onPlay {border:2px solid #000!important;}
			#videoPl ol li .icoThumb {border:0px;position:absolute;top:3px;left:4px;}
	        #videoPl ol li p {font-size:11px;margin:0;padding:0; height:65px; position:relative;}
					#videoPl ol li p .onPlay {background-color:#e20a16;color:#fff;font-size:10px; padding:0 5px;}
					#videoPl ol li p .fullLength {background-color:#333333;bottom:2px;color:#FFFFFF; font-size:10px; position:absolute;text-transform:uppercase; width:102px; text-align:center }
				    #videoPl ol li p strong {font-size:12px;display:block;position:relative;}
					#videoPl ol li p .artist {  font-size:11px;}
					#videoPl ol li .vota{float:right; width:80px; height:43px; background: #e1e1e1; position:absolute; top:0; right:0;text-align:center; padding:10px 0;font-size:14px; letter-spacing:-1px;}	
					#videoPl ol li .vota a { background:url(/gui/Images/icone/chart_vota.gif) no-repeat 0 0; clear:both; width:55px; height:21px; color:#fff!important; text-decoration:none; line-height:20px; font-weight:bold; letter-spacing:0; margin:5px 12px 0pt;}

/*________________________________________________________________ thumb */	
.thumbList #listWrapper { height:94px!important;overflow-x:auto!important;overflow-y:hidden;position:relative!important;scrollbar-face-color:#999;scrollbar-highlight-color:#999;scrollbar-3dlight-color:#999;scrollbar-darkshadow-color:#666;scrollbar-shadow-color:#999;scrollbar-arrow-color:#000;scrollbar-track-color:#ccc; width:100%;}
	.thumbList ol  { white-space:nowrap;position:absolute;padding: 6px 3px!important;top:0; left:0;}
		.thumbList ol li  {float:left!important;float:none; margin:0!important;display:block!important; display:inline; }
			.thumbList ol li a.goVideo  { 
	display:inline; height:64px!important;width:84px!important;margin:0 1px!important;padding:0!important;   }
				.thumbList ol li a.goVideo img.THUMB {padding:0!important; margin:0!important; position: absolute; top:0; left:0px;}
			.thumbList ol li p {display:none;}
			
/*________________________________________________________________ chart*/
.chart ol li p.wid200 { float:left; width:200px;}
.chart ol li p.widAuto { float:none; width:auto;}

.chart span img{ clear:both; position:relative; }
/*standard*/	
.chart span.standard {width:27px; height:27px; margin:0 17px 0 7px; line-height:25px; font:Arial; font-size:14px; font-weight:bold; color:#fff;  float:left; text-align:center; background:transparent url(/gui/Images/icone/bgNumStand.png) no-repeat 0 0 !important;background:none transparent scroll no-repeat 0 0;filter/**/:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gui/Images/icone/bgNumStand.png',sizingMethod='crop'); }

/*Hit List Italia*/	
.chart span.hlItalia { background:transparent url(/gui/Images/icone/bgHLitalia.gif) no-repeat scroll 0pt 0pt !important;color:#000000;float:left;font-size:27px;font-weight:bold;height:40px;letter-spacing:-3px;line-height:25px;margin:7px 11px 0pt 1px;padding:18px 0pt 0pt 0px;text-align:center;width:40px;clear:both}

/*Euro Top 20*/	
.chart span.euroTop20 {background:transparent url(/gui/Images/icone/bgeurotop20.png) no-repeat scroll 0pt 0pt !important; background:none transparent scroll no-repeat 0 0;filter/**/:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gui/Images/icone/bgeurotop20.png',sizingMethod='crop');color:#000000;float:left;font-size:16px;font-weight:bold;height:35px;letter-spacing:0px;margin:15px 15px 0 4px;padding:0;text-align:center;width:33px;line-height:30px;}
	
/*________________________________________________________________ tooltip */	
#tooltip { display:none;white-space:nowrap;	position: absolute; padding: 3px 10px;z-index: 99; color: #000; background: #fff; font: 11px "Arial", sans-serif;text-align: left; text-decoration: none;width:auto; border:1px solid #666;}