﻿/* ------------- General -------------*/

body
{
	font-family: Verdana, Georgia, Arial, "Times New Roman";
	font-size: 11px;
	margin: 0;
	padding: 0;
	border-style: none;
	color:Black;
	background-color:White;
}

a
{
	color:Black;
	text-decoration:none;
}

table
{
	margin: 0;
	padding: 0;
	border-style: none;
}

tr
{
	margin: 0;
	padding: 0;
	border-style: none;
}

td
{
	margin: 0;
	padding: 0;
	border-style: none;
}

img
{
	text-decoration:none;
	border-style:none;
}

iframe
{
	margin: 0;
	padding: 0;
	border-style: none;
}

/* ---------------------------------- */

*:focus
{
	outline: none;
	-moz-outline: none;
}

body
{
	background-image: url('Images/Master/WBKG.jpg');
	background-repeat: repeat-x;
	background-color:#0683ed;
}

#WindowWrapper
{
	width:100%;
	height:100%;
}

#CenteredWrapper
{
}

/* ---------------------------------- */

#MenuWrapper
{
	width:934px;
	height:40px;
	margin-top:5px;
}

#menuLeft
{
	width:8px;
	height:40px;
	background-image: url('Images/Master/menuLeft.jpg');
}

#menuCentral
{
	width:918px;
	height:40px;
	background-color:#01182a;
	text-align:left;
}

#menuRight
{
	width:8px;
	height:40px;
	background-image: url('Images/Master/menuRight.jpg');
}

#Clock
{
	 float:right;
}

#Date
{
	float:right;
	padding-top:15px;
	padding-right:2px;
	color:#3fabda;
}

.menuItem
{
	padding-top:5px;
	width: 140px;
}

.menuItem a
{
	font-size:14px;
	font-weight:bold;
	color:#3fabda;
}

/* ---------------------------------- */

#RadioMusicBanner
{
	background-color:#272526;
	width:934px;
	height:158px;
	
	position:relative;
}

#ProveTecniche
{
	position:absolute;
	top:5px;
	right:5px;
	
	color:White;
	font-weight:bold;
	font-size:22px;
	text-decoration: underline blink;
}


/* ---------------------------------- */

#XBar
{
	width:934px;
	height:60px;
	padding-top:0px;
}

/* ---------------------------------- */

#WhiteWrapper
{
	width:934px;
	background-color:White;
	margin-bottom:0px;
}

#whiteLeft
{
	width:8px;
	height:44px;
	background-image: url('Images/Master/whiteTopLeft.jpg');
	background-repeat:no-repeat;	
}

#whiteRight
{
	width:8px;
	height:44px;
	background-image: url('Images/Master/whiteTopRight.jpg');
	background-repeat:no-repeat;	
}

#whiteBottomLeft
{
	width:8px;
	height:15px;
	background-image: url('Images/Master/whiteBottomLeft.jpg');
	background-repeat:no-repeat;	
}

#whiteBottom
{
	width:918px;
	height:15px;
}

#whiteBottomRight
{
	width:8px;
	height:15px;
	background-image: url('Images/Master/whiteBottomRight.jpg');
	background-repeat:no-repeat;	
}

/* ---------------------------------- */

#LeftWrapper
{
	width:222px;
	padding: 36px 12px 10px 0px;
	background-image: url('Images/Master/whiteTop.jpg');
	background-repeat:repeat-x;	
}

#PlaylistWrapper
{
	width:222px;
	height:496px;
	overflow:hidden;
	color:White;
	text-align:left;
	
	position: relative;
}

#channelGoToLink
{
	position:absolute;
	bottom:7px;
	left:30px;
	
	color:White;
	font-weight:bold;
}

#NowPlaying
{
	width:204px;
	padding:5px 8px 0px 10px;
}

#PlaylistSeparator
{
	margin:5px 9px 5px 9px;
	background-image: url('Images/Master/ComingUpOnTheRadio_Separatore.jpg');
	background-repeat: no-repeat;	
}

.DebugPanel
{
	width:222px;
}


#channelIntro
{
	font-size:9px;
	line-height:9px;
}

#channelNowPlaying
{
	font-size:14px;
	font-weight:bold;
}

.OnAirWrapper
{
}

.OnAirWrapper .onair_title
{
}

.OnAirWrapper .onair_artist
{
}

.OnAirWrapper .onair_pictureBox
{
	padding-top:8px;
	padding-bottom:8px;
}

.OnAirWrapper .onair_picture
{
	width:140px;
	height:140px;
	
	border: solid 1px Black;
	/*-moz-border-radius:4px;
	-webkit-border-radius:4px;*/
}

.OnAirWrapper .onAirVerticale
{
	width:24px;
	padding-left:10px;
	padding-right:20px;
}

.ComingUpWrapper
{
}

.ComingUpWrapper .row
{
	padding-bottom:2px;	
}

.ComingUpWrapper .title
{
}

.ComingUpWrapper .artist
{
}

.ComingUpWrapper .schedule
{
    font-weight:bold;
}

.ComingUpWrapper .separator
{
    font-weight:bold;
}


#separatore_playlist
{
	width:100%;
	margin-top:2px;
	margin-bottom:5px;
	text-align:center;
}

#ComingUp
{
	width:204px;
	padding:0px 8px 0px 10px;
}

#channelComingUp
{
	font-size:14px;
	font-weight:bold;
	padding-bottom:3px;
}

/* ---------------------------------- */

#TopNews
{
	width:222px;
	color:#3b6b81;	
}

#topnewsHeader
{
	width:222px;
	height:15px;
	padding-top:20px;
	padding-bottom:12px;
}

.translate-links
{
	width:100%;
	text-align:right;
}

.translate-links img
{
	width: 24px;
	height: 24px;
}

/* ---------------------------------- */

#RadioMusicOniPhone
{
	width:222px;
	text-align:center;
}

#RadioMusicOniPhone a
{
	color:Blue;
	text-decoration:underline;
}

#RadioMusicDesktopPlayer
{
	width:222px;
	padding-top:15px;
}

/* ---------------------------------- */

#WeatherForecast
{
	width:222px;
	color:#3b6b81;		
}

#weatherHeader
{
	width:222px;
	height:15px;
	padding-top:20px;
	padding-bottom:12px;
}

#weatherIFrame
{
	width:222px;
	height:305px;
	padding-bottom:12px;
}


/* ---------------------------------- */

#ContentWrapper
{
	width:684px;
	background-image: url('Images/Master/whiteTop.jpg');
	background-repeat:repeat-x;	
}

#Channels
{
	width:684px;
}

#channelsTopPadding
{
	width:684px;
	height:6px;
}

.ChannelBox
{
	display:block;
	width:171px;
	height:103px;
}

.channelBoxText1
{
	display:block;
	padding-top:20px;
	width:120px;
	text-align:center;
	color:White;
	font-weight:bold;
	font-size:13px;
}

.channelBoxText2
{
	display:block;
	padding-top:4px;
	width:120px;
	text-align:center;
	color:White;
	font-size:12px;
}

/* ---------------------------------- */

#StreamUpArrow
{
	width:684px;
	height:12px;
}

.upArrow
{
	width:171px;
	height:12px;
	text-align: center;
}

#StreamBox
{
	width:670px;
	height:111px;
	margin: 0px 7px 0px 7px;
	background-image: url('Images/Master/RadioChannels_StreamSelection.jpg');
	background-repeat:no-repeat;
	text-align:left;
}

#streamLeft
{
	width:364px;
	padding-top:4px;
}

#streamRight1
{
	width:306px;
	height:40px;
}

#streamRight2
{
	height:51px;
}

#streamRight3
{
	height:20px;
}

.streamLink128
{
	width:60px;
	text-align:left;
}

.streamLink128 a
{
	color:#4b88cb;
	font-weight:bold;
	text-decoration:underline;
}

.streamLink32
{
	width:62px;
	padding-left:62px;
	text-align:left;
}

.streamLink32 a
{
	color:#4b88cb;
	font-weight:bold;
	text-decoration:underline;
}

/* ---------------------------------- */

#Players
{
	width:670px;
	padding-left:14px;
	margin-top:20px;
	margin-bottom:20px;
	text-align:left;
}

#DesktopPlayer
{
	width:320px;
}

#PopUpPlayer
{
	width:350px;
}

.playerAnchor
{
	padding-top:8px;
	padding-left:35px;
	text-align:left;
}

/* ---------------------------------- */

#VisitCannels
{
	position:relative;
	clear:both;

	width:629px;
	height:213px;
	margin: 15px 27px 25px 28px;
	overflow:hidden;
	text-align:left;
		
	color:Black;
	background-color:White;
}

#VisitCannels #panes_scroll_handle
{
	position:absolute;
	clear:both;

	width:20000em;
	height:213px;
}

#VisitCannels .pane
{
	float:left;
	position:relative;
	
	width:629px;
	height:213px;
}

#VisitDanceThumb
{
	position:absolute;
	display:block;

	bottom:0px;
	right:0px;
	width:325px;
	height:203px;

	/*
	top:4px;
	right:45px;
	width:198px;
	height:207px;
	*/
	
	background-image:url(Images/Channels/SnapDance.png);   
}

#VisitDanceThumb:hover		{ background-image:url(Images/Channels/SnapDanceOver.png); }

#VisitRock4teThumb
{
	position:absolute;
	display:block;

	bottom:0px;
	right:0px;
	width:325px;
	height:203px;

	/*
	top:15px;
	right:10px;
	width:277px;
	height:184px;
	*/
		
	background-image:url(Images/Channels/SnapRock.png);   
}

#VisitRock4teThumb:hover	{ background-image:url(Images/Channels/SnapRockOver.png); }

#VisitSalsa4teThumb
{
	position:absolute;
	display:block;

	bottom:0px;
	right:0px;
	width:325px;
	height:203px;

	/*	
	top:4px;
	right:50px;
	width:198px;
	height:207px;
	*/
	
	background-image:url(Images/Channels/SnapSalsa.png);   
}

#VisitSalsa4teThumb:hover	{ background-image:url(Images/Channels/SnapSalsaOver.png); }

#VisitItalyThumb
{
	position:absolute;
	display:block;
	
	bottom:0px;
	right:0px;
	width:325px;
	height:203px;

	/*	
	top:4px;
	right:30px;
	width:198px;
	height:207px;
	*/
	
	background-image:url(Images/Channels/SnapEasy.png);   
}

#VisitItalyThumb:hover	{ background-image:url(Images/Channels/SnapEasyOver.png); }

.VisitArrow
{
	position:absolute;
	display:block;

	width:20px;
	height:30px;

	background-image:url(Images/Channels/arrow.png);   
	background-position:-20px 0;
}

.VisitArrow:hover { background-position:0px 0; }

#VisitDance .VisitArrow		{ top:33px; left:285px; }
#VisitItaly .VisitArrow		{ top:33px; left:285px; }
#VisitRock4te .VisitArrow	{ top:33px; left:285px; }
#VisitSalsa4te .VisitArrow	{ top:33px; left:285px; }

.PopUpMultiPlayerAnchor
{
	position:absolute;
	display:block;
	bottom:8px;
	left:255px;

	width:60px;
	height:60px;

	background-image:url(Images/Channels/play.png);   
	background-position:0px 0;
}

.PopUpMultiPlayerAnchor:hover { background-position:-60px 0; }

#VisitDance .PopUpMultiPlayerAnchor		{ bottom:38px; left:170px; }
#VisitItaly .PopUpMultiPlayerAnchor		{ bottom:38px; left:170px; }
#VisitRock4te .PopUpMultiPlayerAnchor	{ bottom:38px; left:170px; }
#VisitSalsa4te .PopUpMultiPlayerAnchor	{ bottom:38px; left:170px; }

/* ---------------------------------- */

.ListenMarker
{
	padding-top:4px;
	padding-left:10px;
}

.ListenBigMsg
{
	padding-top:0px;
	padding-bottom:5px;
	font-size:18px;
	font-weight:bold;
	color:#ba0403;
}

.ListenSmallMsg
{
	padding-left:15px;
	font-size:12px;
	font-weight:bold;
	color:#ba0403;
}

/* ---------------------------------- */

#PageWrapper
{
	width:684px;
	padding-bottom:10px;
	text-align:left;
}

/* ---------------------------------- */

#FooterWrapper
{
	width:934px;
	height:24px;
	
	line-height:24px;
	text-align:right;
	
	color:White;
}

#FooterWrapper a
{
	text-decoration:underline;
	color:White;
}
