﻿/* ------------- General -------------*/

body
{
	font-family: Verdana, Georgia, Arial, "Times New Roman";
	font-size: 11px;
	margin: 0;
	padding: 0;
	border-style: none;
	color:white;
	
}

a
{
	color:white;
	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:940px;
	height:67px;
	margin-top:5px;
}




#menuCentral
{
	width:940px;
	height:67px;
	background-image: url('Images/Master/MenuBg.jpg');	
	text-align:left;
	padding-left:40px;
	padding-right:60px;
}

#IphoneIcon
{
	 float:right;
	 
}

#AndroidIcon
{
	 float:right;
}

#Clock
{
	 float:right;
}

#Date
{
	float:right;
	padding-top:10px;
	padding-right:10px;
	color:#3fabda;
}

.menuItem
{
	padding-top:5px;
	width: 140px;
}

.menuItem a
{
	font-size:14px;
	font-weight:bold;
	color:#3fabda;
}

/* ---------------------------------- */

#RadioMusicBanner
{
	background-color:#272526;
	width:940px;
	height:454px;
	background-image:url("Images/Master/BarraSuperiore.jpg");	
	position:relative;
}

#RadioMusicWrapper
{
	width:940px;
	height:454px;
	
}	




#ProveTecniche
{
	position:absolute;
	top:5px;
	right:5px;
	
	color:White;
	font-weight:bold;
	font-size:22px;
	text-decoration: underline blink;
}


/* ---------------------------------- */

#XBar
{
	width:940px;
	height:60px;
	padding-top:0px;
	top:100px;
	left:0px;
	position:absolute;
}

/* ---------------------------------- */

#BgLeft
{
	width:20px;
	height:67px;
	background-image: url('Images/Master/BgTopLeft.jpg');
	background-repeat:no-repeat;	
}

#BgRight
{
	width:20px;
	height:67px;
	background-image: url('Images/Master/BgTopRight.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:25px;
	
	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
{
	padding-top:15px;
}



.OnAirWrapper .onair_title
{
	padding-left:10px;
	
}

.OnAirWrapper .onair_artist
{
	padding-left:10px;
}

.OnAirWrapper .onair_pictureBox
{
	padding-top:58px;
	padding-left:5px;
	padding-bottom:2px;
}

.OnAirWrapper .onair_picture
{
	width:120px;
	height:120px;
	
	border: solid 1px Black;
	/*-moz-border-radius:4px;
	-webkit-border-radius:4px;*/
}

.OnAirWrapper .onAirVerticale
{
	width:24px;
	padding-left:10px;
	padding-right:20px;
}

.ComingUpWrapper
{
	padding-left:5px;
	padding-top:50px;
}

.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;	
}


.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:900px;
	
}

.Logo
{
	position:absolute;
	top:-10px;	
}

#GifMusic
{
	width:210px;
	margin-right:10px;
	margin-left:5px;	
	margin-top:22px;
}

#LogoMusic
{
	width:150px;
	margin-left:40px;	
	margin-top:20px;
}

#GifEasy
{
	width:200px;
	margin-left:10px;	
}

#LogoEasy
{
	width:120px;
	margin-left:50px;	
	margin-top:10px;
}

#GifSalsa
{
	width:150px;
	margin-left:30px;
	margin-top:10px;	
}

#LogoSalsa
{
	width:100px;
	margin-left:50px;
	margin-top:20px;	
}

#GifRock
{
	width:170px;
	margin-left:30px;
	margin-top:10px;		
}

#LogoRock
{
	width:120px;
	margin-left:40px;
	margin-top:10px;		
}

#Channels
{
	width:940px;
	padding-left:20px;
	padding-right:20px;
	position:absolute;
	left:0px;
	top:150px;
	
}

#channelsTopPadding
{
	width:936px;
	height:6px;
}

.ChannelBox
{
	display:block;
	width:220px;
	height:280px;
	position:relative;
}

.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;
}

#channelBoxDance
{
	background-image:url("Images/Master/RadioMusic_DanceLogoSelected.jpg");
	
	}
	
#channelBoxItaly
{
	background-image:url("Images/Master/RadioMusic_ItalyLogoSelected.jpg");
	
	}

#channelBoxSalsa
{
	background-image:url("Images/Master/RadioMusic_Salsa4teLogoSelected.jpg");
	
	}
	
#channelBoxRock
{
	background-image:url("Images/Master/RadioMusic_Rock4teLogoSelected.jpg");
	
	}

/* ---------------------------------- */

#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
{
	
}

#VisitCannels #panes_scroll_handle
{
	position:absolute;
	clear:both;

	width:20000em;
	height:213px;
}

#VisitCannels .pane
{
	float:left;
	position:relative;
	
	width:900px;
	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:4px;
	

	width:153px;
	height:45px;

	background-image:url(Images/Channels/play.png);   
	background-position:0px 0;
}

.PopUpMultiPlayerAnchor:hover {  }

#VisitDance	{ position:absolute; left:67px;  top:235px;}
#VisitItaly { position:absolute; left:67px;  top:235px;}
#VisitRock4te {position:absolute; left:67px; top:235px; }
#VisitSalsa4te { position:absolute; left:67px;  top:235px;}

/* ---------------------------------- */

.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:940px;
	padding-bottom:10px;
	text-align:left;
	background-color:black;
}

.Header
{	
	text-align:left;	
	font-weight:bold;
	padding-bottom:10px;
	color:White;
	font-size:14px;
}
/* ---------------------------------- */

#FooterWrapper
{
	width:900px;
	height:24px;
	
	line-height:24px;
	text-align:right;
	
	color:White;
}

#FooterWrapper a
{
	text-decoration:underline;
	color:White;
}

