@import url("/GUI/Styles/components/main.css");
@import url("/GUI/Styles/videoPlayList.css");

@font-face {
	font-family: 'MTV-Pharma-BoldCn';
	src: url('/GUI/Font/MTV-Pharma-BoldCn.eot');
	src: local('MTV-Pharma-BoldCn'), url('/GUI/Font/MTV-Pharma-BoldCn.ttf') format('truetype');
}


#mainColumn a {color:#e20a16;text-decoration:none;}
#mainColumn a:hover {text-decoration:underline;}
#mainColumn a:hover img { border-color:#e20a16;}

.stripGraphics{padding:3px 0 0 !important;}
.stripGraphics span{ color:#fff !important;font: 10pt 'MTV-Pharma-BoldCn', 'Arial', 'Helvetica', sans-serif; font-weight:normal;}

/*#videoPl ol li p{ position:static;}
#videoPl ol li p .onPlay { display:inline; width: auto; background-color:#E20A16 !important;}*/

.bg-gray a {color:#3399cc !important; text-decoration:none;}
.bg-gray a:hover {text-decoration:underline;}
.bg-gray a:hover img { border-color:#3399cc !important;}
#rightColumn{width:300px;}

/*++++++++++++++++++ GIUDA TV (restyling 01/2011) +++++++++++*/

/* left column */
.bg-gray {margin-right:10px;
          margin-bottom:10px;
          padding:10px 10px 0 !important;
          width: 596px !important;
          background-color:#eee;
          position:relative;
          overflow:hidden;          
}

.leftColumn-bottom{float:left; 
                   height: 31px;
                   margin-left: -10px;
				   width: 616px;
                   background:url(/gui/images/tv/palinsesto/features/bg_bottom_main.jpg) repeat-x bottom left;
                   }


h1 {
    float: left;
    font-size: 24px;
    margin: 0 0 7px 10px;
    padding: 0;
}

img.logo{float:left;
		margin:0 14px 20px 0;
       }

img.logo.mtv{margin: 0 14px 20px 0;}

p.intro-canale{float:left;
               width:340px;
               padding:0;
               margin:0 0 0 10px;
               font-size: 14px;
               }

h2 {float: left;
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 3px 0 0;
    background: url(/gui/images/tv/palinsesto/features/bg_title.jpg) repeat-x top left;
    font-size:14px;
    color: #fff;
    line-height: 24px;
}

h2 .white{ color:#fff;font: 10pt 'MTV-Pharma-BoldCn', 'Arial', 'Helvetica', sans-serif;font-weight:normal;}


ul.item-list{float:left;
             width:596px;
             margin: 0 0 20px;
             padding:0;
             list-style-type:none;
             }

ul.item-list li{float:left;
                margin:10px;
                }

ul.item-list li h3,
ul.item-list li h4{display:block;
                   margin:0;
                   padding:0;
                   color:#3399cc;
                   }
                   
ul.item-list li h3{font-size:18px;} 
ul.item-list li h4{font-size:16px;}

ul.item-list li p{display:block;
                  color:#000;
                  margin:5px 0;
                  padding:0;
                  font-size:12px; 
                  font-weight: bold;
                  }                   

ul.item-list li h3 a,
ul.item-list li h4 a{color:#3399cc; 
                     text-decoration:none;
                     }

ul.item-list li h3 a:hover,
ul.item-list li h4 a:hover{color:#3399cc; 
						   text-decoration:none;
						   }
                     
ul.item-list li img{float:left;
                    margin:0 10px 0 0;
                    border:0;
                    }
                    
                                       
ul.item-list.width273{margin-bottom:10px;}
ul.item-list.width273 li{width:277px;}



/* weekly-schedule */
ul.item-list.weekly-schedule{ position:relative; z-index:1; height:44px; 
                             background:url(/gui/images/tv/palinsesto/features/bg2_sett.jpg) repeat-x top left;
                             margin-bottom:0;}

ul.item-list.weekly-schedule li{margin:0; padding:2px 0 0;}

ul.item-list.weekly-schedule li.guida-tv{/*width: 123px;*/ width:114px;}

ul.item-list.weekly-schedule li a{float:left;
                                  color:#fff !important;
                                  font-size:16px;
                                  font-weight:bold;
                                  text-align:center;
								  padding:0 14px;
                                  /*
								  padding:0 17px;
								  border-right:solid 2px #fff;*/
                                  }

ul.item-list.weekly-schedule li a:hover{ text-decoration:none !important; color:#b3b3b3 !important;}
                                 
ul.item-list.weekly-schedule li span.selected{float:left;
                                              width:68px;
                                              height:49px;
                                              margin-top: -5px;
                                              margin-left: -5px;
                                              color:#fff !important;
											  font-size:12px;
											  font-weight:normal;
											  text-align:center;
											  padding-top:3px;
											  position:relative;
											  z-index:1;
	background:url(/gui/images/tv/palinsesto/features/selected_day.png) no-repeat top left;}

ul.item-list.weekly-schedule li span.selected strong{font-size:16px; float:none;} 

ul.item-list.weekly-schedule li span{font-size:12px;}

ul.item-list.weekly-schedule li h2{ background: url(/gui/images/tv/palinsesto/features/bg__title.jpg) repeat-x top left;
                                    height:32px;
                                    margin:-2px 0 0 0;
                                    padding-top: 8px;
                                    line-height: 37px;
                                    width:auto;
                                    }
                                    
ul.item-list.weekly-schedule li h2 span{font-size:18px !important; 
                                        padding: 0 18px 0 15px;
                                        }

ul.item-list.weekly-schedule li strong{float:left;
                                       margin-top:3px;
                                       font-size:20px;
                                       color:#fff;
                                       }


/* broadcasts */
ul.item-list.broadcasts{background-color:#fff; padding:5px; width: auto !important; margin-bottom:0;}

ul.item-list.broadcasts li{/*width:100%;*/
                           width:586px;
                           margin:0 !important;
                           padding:7px 0;
                           position:relative;
                           background-color:#fff;
                           }

ul.item-list.broadcasts li.pari{background-color:#efefef;}
                           
ul.item-list.broadcasts li span,
ul.item-list.broadcasts li h3{float:left;
                              font-size:14px;
                              font-weight:bold;
                              text-transform:uppercase;
                              color:#000;
                              }

ul.item-list.broadcasts li span{ width:65px; margin-left:5px;}

ul.item-list.broadcasts li h3 a{color:#3399cc !important; float:left;}

ul.item-list.broadcasts li p{float:left;
                             margin-left:70px;
                             color:#555;
                             font-weight:normal;
                             clear:both;
                             width: 87%;
                             }

ul.item-list.broadcasts li h3.red{color:#990000;
                                  text-transform:capitalize !important;
                                  }
                                  
ul.item-list.broadcasts li a{float:right; color:#000 !important;}


/* choose-time */
ul.item-list.choose-time{ background-color:#fff; border-bottom: 1px solid #CCCCCC; margin-bottom:0;}
ul.item-list.choose-time.top{ float: right;
                              position: absolute; 
                              top:130px;
                              right:12px;
                              margin-bottom:0;
                              width:340px; 
                              background-color:#eee; 
                              border-bottom: none 0;
                              z-index:1; 
                              }
                              
ul.item-list.choose-time.top.mtv{top:10px; right:10px; position:relative;}
ul.item-list.choose-time li{float:right;}
ul.item-list.choose-time a{color:#990000 !important;}
ul.item-list.choose-time a:hover{color:#000 !important;}



/* navigate */
ul.item-list.navigate{width:312px;
                      margin-left:-12px;
                      }
                      
ul.item-list.navigate li{width:312px; margin:0 6px 0 0; position: relative;font-family:'MTV-Pharma-BoldCn','Arial','Helvetica',sans-serif;}

ul.item-list.navigate li.current{background:#efefef url(/gui/images/tv/palinsesto/features/bg_current_link.jpg) no-repeat top right;}

ul.item-list.navigate li a{ border-bottom: 1px dashed #ccc;color: #3399CC !important;display: block;font-size: 16px;height: 32px;margin-left: 12px;outline: medium none;padding: 15px 0 5px 56px;position: relative;width: 243px;font-size:13pt;letter-spacing:-0.5pt;}
							
ul.item-list.navigate li a.last-item{border-bottom:none 0;}

ul.item-list.navigate li a.mtv-one{background:url(/gui/images/tv/palinsesto/mtv-one/logo-small.png) no-repeat 10px center;}
ul.item-list.navigate li a.mtv-plus{background:url(/gui/images/tv/palinsesto/mtv-music/logo-small.png) no-repeat 10px center;}
ul.item-list.navigate li a.mtv-hits{background:url(/gui/images/tv/palinsesto/mtv-hits/logo-small.png) no-repeat 10px center;}
ul.item-list.navigate li a.mtv-classic{background:url(/gui/images/tv/palinsesto/mtv-classic/logo-small.png) no-repeat 10px center;}
ul.item-list.navigate li a.mtv-rocks{background:url(/gui/images/tv/palinsesto/mtv-rocks/logo-small.png) no-repeat 10px center;}
ul.item-list.navigate li a.mtv-dance{background:url(/gui/images/tv/palinsesto/mtv-dance/logo-small.png) no-repeat 10px center;}
ul.item-list.navigate li a.mtv-live{background:url(/gui/images/tv/palinsesto/mtv-live/logo-small.png) no-repeat 10px center;}

ul.item-list.navigate li span{position: absolute;
                              right: 15px;
                              bottom: 20px;
                              z-index:1;
                              font-size:9pt;
                              color:#000;
                              text-align:right;
                              }

ul.item-list.navigate li div.arrow{float:left;
                                   visibility:hidden;
                                   width:10px;
                                   height:16px;
                                   margin-left: 3px;
								   margin-top: 17px;
                                   background:url(/gui/images/tv/palinsesto/features/arrow.png) no-repeat center left;}

ul.item-list.navigate li.current div.arrow{ visibility:visible;}
ul.item-list.navigate li.current a{cursor:text;}
ul.item-list.navigate li.current a:hover{ text-decoration:none !important;}


/* scegli programma nuovi css */
div.newsideSelect {float: left;position: relative;width: 300px; margin: 5px 0 20px;}
		div.newsideSelect .listselectTv {position: relative;width: 300px;height: 58px;line-height:58px;background:#fff url("http://www.mtv.it/gui/images/components/bg_side_search_select.gif") no-repeat 0 0;color:#666;font-family: Arial,Helvetica,sans-serif;font-size: 20px;}
			div.newsideSelect .listselectTv .selected {cursor: pointer;display: block;height: 58px;line-height: 2.8em;margin-right: 10px;padding-left: 30px;}
			ul#TVList {background: none #ccc;border-bottom: 1px solid #999;cursor: pointer;list-style: none;margin:0;max-height: 260px;overflow-x: hidden;	overflow-y: auto;padding: 0;width: 300px;}
				ul#TVList li {line-height: 1.2;border-left: 1px solid #999;border-right: 1px solid #999;color:#fff;font-size: 16px;font-weight: bold;margin: 0;padding: 0 20px 5px;}
					ul#TVList li a{display:block;text-decoration:none;color:#fff}
					ul#TVList li a:hover{color:#e20a16}


/* OLD STYLES */

/* dx - scegli programma */
#sideSearchPrograms {margin:0 0 15px 0;padding:0;float:left;}
#sideSearchPrograms h2 {margin-bottom:0;width:300px;}
.sideSelect {float:left;}
.selectTv {Background: url("/gui/images/components/bg_side_search_select.gif") no-repeat 0 0;font-family:Arial, Helvetica, sans-serif;	font-size:20px;	color:#666;}
.selectTv .passiveSelect,.selectTv .activeSelect{height:58px;line-height:2.8em;display:block;cursor:pointer;padding-left:30px;margin-right:10px;}
.selectTv ul {padding:0;margin:0;background:#ccc;list-style:none;max-height:260px;overflow-x: hidden;overflow-y: auto;cursor:pointer;width:300px;border-bottom:1px solid #999;}
.selectTv li {padding:0;margin:0;font-weight:bold;padding:0 20px 5px 20px;color:#fff;font-size:16px;border-right:1px solid #999;border-left:1px solid #999;}
.selectTv li.first {display:none;}
.selectTv li:hover {color:#e20a16;}
.selectTv .selected {color:#000;}
                     

/* ----------------------------sovrascrivo videoplaylist CSS --------------------------*/
/*highlight video */
#vidContainer { background-color:Transparent; float:left !important;}

#listVideoPl.vertical{ overflow:hidden;}
#videoPl ol {padding-top:10px; float:left !important;}
#videoPl ol li{list-style-type:none !important;}
.chartDet #videoPl ol {float:left;}
.chartDet #videoPl ol li {clear:both; width:605px; display:block;min-height:80px;height:auto!important;height:80px;}
#videoPl ol li .icoThumb {left:0;position:relative;right:4px;}
#videoPl ol li p {font-size:12px;color:#000;font-weight:bold; overflow:hidden;}
#videoPl ol li p strong {margin-top:4px;font-size:14px;}
#videoPl a {color:#e20a16 !important;}
#videoPl ol li .Thumb {border:2px solid #999999;overflow:hidden;background:url(/GUI/Images/music/noImg.gif) no-repeat top left;}
#videoPl a:hover img.Thumb {border:2px solid #e20a16 !important;}
#videoPl a:visited {color:#e20a16!important;}
/*#videoPl a img.onPlay {border:2px solid #e20a16 !important;}*/
#videoPl ol li p .onPlay {
    background-color: #E20A16 !important;
    color: #FFFFFF;
    font-size: 10px;
    padding: 0 5px;
    display:block;
    width:95px !important;
    font-style:normal;
    height:13px !important;
}

#viewGridList .other {float:left;padding:7px;}
#viewGridList .visual {float:right;}
#videoPl ol li .vota  {background:none;padding:0;right:210px;text-align:center;top:52px;width:auto!important;float:left;}
#videoPl ol li .vota strong {background:none;margin:5px;}
#videoPl ol li .vota a {background:none;margin:0 5px;}
#videoPl ol li p .fullLength { position:static;float:left;margin-top:5px;}


/*adv Tips*/
#advText{margin-right:20px;}
#advText h3.stripGraphics{float:left; width:100%;}
#advText h3.stripGraphics span{ background-color:Transparent; display:inline; border-bottom:none 0;}

/* vari */
.iconTv {background:transparent url(/gui/images/tv/tv-small.png) no-repeat 0 0;position:absolute;width:43px;height:41px;top:-10px;left:0;}
.stripGraphics span .dynamic {padding-top:0;padding-left:0;}

#Highlights #slideshow .item .description h1, #Highlights #slideshow .item .description h2 {background-image:none;float:none; height:auto; line-height:normal;}
#Highlights #slideshow .item .description h1, #Highlights #slideshow .item .description h1 {float:none;}

/* promo */
#promo .launch {height:auto!important;margin-bottom:0;padding-bottom:10px;}
#promo.tvProgramming .launch {border-right:1px dashed #ccc;width:143px;}
#promo.tvProgramming .launch h4{padding-right:3px;}
#promo.horizzontal .launch {padding-bottom:6px;}


/* ONDEMAND */
#mtvOnDemand #header {width:620px;min-height:24px!important;background: url(/gui/images/homepage/patternStrips.jpg) repeat-x top left;margin-bottom:10px;}
#mtvOnDemand #header .logo { width: 133px; height: 23px; float: left; margin: 1px 7px 0;}
#mtvOnDemand #header ul { float: left; list-style-type: none; margin: 0; padding: 0; }
#mtvOnDemand #header ul li { float: left; height: 24px; vertical-align: middle; margin: 0; }
#mtvOnDemand #header ul li a { float: left; color: #fff; height: 14px; border-left: solid 1px #fff; outline: none; text-decoration: none; padding: 0 10px; margin-top: 4px; font-size: 11px; font-weight: bold; }
#mtvOnDemand #header ul li a:hover { color: #33cc33; }
#mtvOnDemand #header ul li span { float: left; height: 20px; padding: 4px 10px 0; color: #33cc33; font-size: 11px; font-weight: bold; background-color: #000; }
#mtvOnDemand #header .lancio-adv-container {float:right;margin:3px;}
#mtvOnDemand .launch {position:relative;float:left;width:140px;margin:0 4px 0 10px;padding:0;}
#mtvOnDemand .launch h3 {margin:0;padding:0;font-size:11px;font-weight:normal;}
#mtvOnDemand .launch h3 a {color:#000;cursor:pointer;}
#mtvOnDemand .launch h3 a:hover {color:#33CC33;}
#mtvOnDemand .launch img {border:none;margin-bottom:4px;}
#mtvOnDemand .launch p {clear:both;margin:0 0 10px;padding:0;}
#mtvOnDemand .launch h3 a .play {position: absolute; left: 0; top: 0; width: 140px; height: 105px; background: url(/gui/images/homepage/play.png) no-repeat 27px  center; z-index: 2;display: none;}
#mtvOnDemand .launch h3 a:hover .play {display: block;}
#mtvOnDemand .launch h3 a .play i {display: none;}
#mtvOnDemand .launch .label-format{display:none; height:21px; left:5px; position:absolute; top:5px; width:44px; z-index:1; padding:0;}
#mtvOnDemand .launch .label-format.video-wide{background:url(http://ondemand.mtv.it/img/fascette_format/16-9.png) no-repeat center center; display:block}
#mtvOnDemand .launch .label-format.video-hd{background:url(http://ondemand.mtv.it/img/fascette_format/hd.png) no-repeat center center; display:block}
#mtvOnDemand .launch .label{display:none; height:23px; left:0; position:absolute; top:82px; width:140px; z-index:1; padding:0;}
#mtvOnDemand .launch .label.exclusive{background:url(http://ondemand.mtv.it/img/fascette_thumb/exclusive.jpg) no-repeat scroll center center; display:block}
#mtvOnDemand .launch .label.promo{background:url(http://ondemand.mtv.it/img/fascette_thumb/promo.jpg) no-repeat scroll center center; display:block}
#mtvOnDemand .launch .label.anteprima{background:url(http://ondemand.mtv.it/img/fascette_thumb/anteprima.jpg) no-repeat scroll center center; display:block}
#mtvOnDemand .launch .label.extra{background:url(http://ondemand.mtv.it/img/fascette_thumb/extra.jpg) no-repeat scroll center center; display:block}
#mtvOnDemand .launch .label.adv{display:block}


/* banner satelitari */
#satBanner{float: left; margin-bottom: 20px;}

/* aggiustatine */
#menuHeader{ height:32px; padding-bottom:0 !important;}
#subHeaderBanner{overflow:visible;}