﻿


/* ---------------------------------- */

#AttualitaTop
{
	width:322px;
}

#AttualitaContent
{
	width:314px;
	height:380px;
	padding-top:8px;
	padding-left:0px;
	padding-right:15px;
}



/* ---------------------------------- */

#MusicaTop
{
	width:310px;
	padding-bottom:10px;
	background-color:#cdfbff;
        color:#0066cc;
	font-weight:bold;
	font-size:14px;
	font-family: Arial;
}

#CinemaTop
{
	width:310px;
	padding-bottom:10px;
	background-color:#fcdcff;	
	color:#c021a0;
	font-weight:bold;
font-size:14px;
	font-family: Arial;
}

#GossipTop
{
	width:310px;
	padding-bottom:10px;
	 background-color:#d0ffd9;
	color:#3fba56;	
	font-weight:bold;
font-size:14px;
	font-family: Arial;
}

.NewsCycle
{
	width:310px;
	height:220px;
	margin: 0px 20px 8px 0px;
	overflow:hidden;
	
	position:relative;
}

.DownloadCycle
{
	width:320px;
	height:247px;
	margin: 0px 20px 8px 0px;
	overflow:hidden;
	top:12px;
	position:relative;
}

.Immagine
{
	display:block;

	width:310px;
	height:200px;	
}

.TitoloMusic
{
	display:block;
	
	width:300px;
	height:20px;
	overflow:hidden;
	line-height:20px;
	
	padding-left:5px;
	padding-right:5px;
	
    background-color:#cdfbff;	
	
	
	font-size:12px;
	color:#0066cc;
}

.TitoloCinema
{
	display:block;
	
	width:300px;
	height:20px;
	overflow:hidden;
	line-height:20px;
	
	padding-left:5px;
	padding-right:5px;
	
    background-color:#fcdcff;	
	
	
	font-size:12px;
	color:#c021a0;
}

.TitoloGossip
{
	display:block;
	
	width:300px;
	height:20px;
	overflow:hidden;
	line-height:20px;
	
	padding-left:5px;
	padding-right:5px;
	
    background-color:#d0ffd9;		
	
	
	font-size:12px;
	color:#3fba56;	
}
/* ---------------------------------- */

/* ---------------------------------- */




#NowPlaying
{
	width:314px;
	height:370px;
	background-image:url('Images/Playlist/NowPlaying.jpg');
}

#NowPlayingHeader
{
	width:314px;
	height:30px;
	padding-top:8px;
	text-align:center;
}

#SongBoxContent
{
	width:314px;
	height:350px;
	/*padding: 6px 10px 4px 10px;*/
	overflow:hidden;
	text-align:center;
	color:Red;
	font-size:14px;
}

#SongBoxContent .title
{
	width:314px;
	
	padding-left:10px;
	padding-top:4px;
	text-align:left;
	font-weight:bold;
}

#SongBoxContent .artist
{
	width:314px;
	padding-left:10px;
	text-align:left;
	font-weight:bold;
}

#ComingUp
{
	width:318px;
	height:380px;
	padding-top:8px;
}

.comingUpBoxContent
{
	width:318px;
	min-height:190px;
	padding: 3px 0px 3px 0px;
	text-align:left;
	color:#3b3b3b;
}

.OnAirWrapper
{
}

.OnAirWrapper .pictureBox
{
	padding-top:2px;
	padding-bottom:3px;
}

.OnAirWrapper .onair_picture
{
	width:312px;
	height:280px;
	border:1px solid gray;

}

.OnAirWrapper .onair_title
{
}

.OnAirWrapper .onair_artist
{
}

.ComingUpWrapper
{
    width:318px;
    height:330px;
    color:#027ACF;
}



.ComingUpWrapper .row
{
	background-image: url("Images/Playlist2/ComingBackground.jpg");
	height:67px;
}
#row_0
{
	background-image: url("Images/Playlist2/ComingBackgroundOA.jpg");
}
.ComingUpWrapper .title
{
}

.ComingUpWrapper .artist
{
}

.ComingUpWrapper .schedule
{
    font-weight:bold;
}

.ComingUpWrapper .separator
{
	width:100%;
	height:1px;
	margin-top:4px;
	margin-bottom:4px;
	/*background-image: url('Images/Playlist/QueueSongSeparator.jpg');
	background-repeat:no-repeat;*/
}


/* ---------------------------------- */

#BoxRadio
{
	width:714px;
	height:188px;
}

#BoxRadioEN
{
	width:714px;
	height:188px;
	background-image:url('Images/Home/RadioStandByEN.jpg')
}

.BoxRadioContent
{
	width:240px;
	height:140px;
	overflow:auto;
	float:right;
	margin: 25px 20px 0px 0px;
	font-size:11px;

}

#BoxFilm80
{
	width:352px;
	height:193px;
	padding-top:2px;
	padding-bottom: 3px;
	padding-left:2px;
}

#BoxTV
{
	width:352px;
	height:193px;
	padding-top:2px;
	padding-bottom: 3px;
	padding-left:4px;
}

/* ---------------------------------- */

#Footer
{
	width:100%;
	margin:10px 3px 10px 3px;
}


/* ------------------------ */ /* jTVMini.css */ /* v 2.0 rev a */ 
#TVMiniWrapper
{
	position: relative; width: 320px; height: 247px; margin-bottom:20px; top:22px; color: #027cd1;
}

#TVMiniWrapper a
{
	font-size:12px;
	color: White;
	text-decoration:none;
}

#TVMiniWrapper #text1
{
	position: absolute;
	
	top:10px;
	left:68px;
	
	font-weight:bold;
}

#TVMiniWrapper #text2
{
	position: absolute;
	
	top:16px;
	left:6px;
	
	font-weight:bold;
}

#TVMiniWrapper #text3
{
	position: absolute;
	
	top:25px;
	left:0px;
	
	width:100%;
	text-align: center;	
}

#TVMiniWrapper #TVContentTitle
{
	position:absolute;
	
	top:42px;
	left:0px;

	width: 310px;
	padding-left:3px;
	padding-right:3px;

	text-align:center;
}

#TVMiniWrapper #TVPlayerAbsolute
{	
	position:absolute;
	
	bottom:3px;
	left:3px;
}

#TVMiniWrapper #TVPlayerOutput
{
	position:relative;

	width:320px;
	height:247px;

	overflow:hidden;	
	
	background-color:black;	
}

#TVMiniWrapper #TVPlayerEmbedWrapper
{	
	position:absolute;			
	left:0px;
    
	width:320px;
	//height:247px;
	height:700px;
	top: -228px; 
}

#TVMiniWrapper #TVPlayerEmbedPlaceHolder
{
	width:320px;
	//height:247px;
	height:700px;
}
/* ------------------------ */ 

/* root element for tabs  */
            ul.tabs { 
	            font-size:16px;
	            font-family: Arial;
	            font-weight:bold;
                list-style-type:none;
	            margin:0 !important; 
	            padding:0;	
	            height:30px;
	            padding-bottom:10px;
            }

            /* single tab */
            ul.tabs li { 
	            font-size:16px;
	            font-family: Arial;
	            font-weight:bold;
	            color:#027cd1;
	            background-image:none;
	            float:left;	 
	            text-indent:0;
	            padding:0;
	            margin:0 !important;
            	
		            }

            /* link inside the tab. uses a background image */
            ul.tabs a { 
	            font-size:16px;
	            font-family: Arial;
	            font-weight:bold;
	            display:block;
	            height: 30px;  
	            line-height:30px;
	            width: 80px;
	            text-align:center;	
	            text-decoration:none;
	            color:#027cd1;
	            padding:0px;
	            margin:0px;	
	            position:relative;
	            top:1px;
            	
            }

            ul.tabs a:active {
	            outline:none;
            			
            }

            /* when mouse enters the tab move the background image */
            ul.tabs a:hover {
	            background-position: -420px -31px;	
	            color:#027cd1;
            		
            }

            /* active tab uses a class name "current". its highlight is also done by moving the background image. */
            ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	            color:#027cd1;
	            font-size:16px;
	            font-family: Arial;
	            font-weight:bold;

            	
	            }

            /* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


            /* width 1 */
            ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
            ul.tabs a.s:hover 	{ background-position: -553px -31px; }
            ul.tabs a.s.current  { background-position: -553px -62px; }

            /* width 2 */
            ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
            ul.tabs a.l:hover 	{ background-position: -248px -31px; }
            ul.tabs a.l.current  { background-position: -248px -62px; }


            /* width 3 */
            ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
            ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
            ul.tabs a.xl.current { background-position: 0 -62px; }


            /* initially all pan    display:none;		
            }</style><!-- tab pane styling --><style type="text/css">
            	
            /* tab pane styling */
            
            	
            /* tab pane styling */
            .panes div {
	            color: #027cd1;
	            display:none;		
	            padding:0px 0px;
	            border:0px;
	            border-top:0;
	            height:250px;
	            font-size:14px;
	            background-color:#fff;
            }
