/* ---------------------------------- */

#RadioProgramme
{
	width:880px;
	height:251px;

	padding-bottom:2px;

	color:White;	
	text-align:left;
}

.OnAirWrapper
{
	position:relative;

	width:217px;
	height:251px;

	overflow:hidden;

	margin-right:2px;

	background-image: url('Images/Master/OnAir.jpg');
}

.OnAirWrapper .onair_picture
{
	position:absolute;
	
	top:6px;
	left:10px;

	width:156px;
	height:156px;

	padding:2px;

	border: solid 1px Gray;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;			
}

#OnAirWrapper .onair_song
{
	position:absolute;
	
	top:195px;
	left:10px;
	
	width:197px;
}

.OnAirWrapper .onair_title
{
}

.OnAirWrapper .onair_artist
{
}

.ComingUpWrapper
{
	width:176px;
	height:221px;

	overflow:hidden;

	margin-right:2px;
	padding:30px 10px 0 10px;

	background-image: url('Images/Master/ComingUp.jpg');
}

.ComingUpWrapper .row
{
}

.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;*/
}

#OnAirProgrammeWrapper
{
	position: relative;

	width:207px;
	height:251px;

	margin-right:3px;
	
	background-color: #505050;
}

#OnAirProgrammeWrapper .forcePicture
{
	position:absolute;
	
	right:3px;
	top:1px;
	
	font-style:italic;
}

#OnAirProgrammeWrapper img
{
	width:207px;
	height:251px;
}

#TodayProgrammeWrapper
{
	width:253px;
	height:220px;
	
	padding-top:31px;

	background-image: url('Images/Master/TodayProgramme.jpg');
}

#TodayProgrammeWrapper .row
{
	width:241px;
	height:15px;

	padding: 3px 6px 3px 6px;
	
	overflow:hidden;
	
	line-height:16px;
}

#TodayProgrammeWrapper .row .hour
{
	font-weight:bold;
	padding-right:5px;
}

#TodayProgrammeWrapper .row .title
{
	font-weight:bold;
	font-style:normal;
}

#TodayProgrammeWrapper .row .description
{
	color:Gray;
	font-style:italic;
	padding-left:8px;
}

/* ---------------------------------- */

#ListenLinks
{
	position:relative;
	
	width:545px;
	height:116px;

	margin: 10px 32px 10px 32px;

	background-image: url('Images/Default/ListenLinks.png');
}

#ListenLinks a
{
	font-size:9px;
	color:White;
}

/* ------------------------ */

#SalsaTubeWidget
{
	position:relative;
	
	width:619px;
	height:410px;
	
	border:solid 1px Black;
	margin: 5px 2px 0 2px;

	color:White;

	background-color:#303030; /* #cb0303; */
}

#salsaTubeIntro
{
	position: absolute;
	
	top:6px;
	left:7px;
}

#salsaTubePlayer
{
	position: absolute;
	
	top:56px;
	left:15px;
	
	width:320px;
	height:256px;
	
	background-color:Black;
	border: solid 1px White;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;			
}

#salsaTubeScrollableWrapper
{
	position: absolute;
	
	top:4px;
	right:5px;
	
	width:259px;
	height:400px;	/* 378 + 22 (arrow up; arrow down is absolutely positioned) */
}

#salsaTubeScrollable
{
	width:259px;
	height:378px;
}

#salsaTubeScrollable item
{
	width:259px;
	height:378px;
}

#salsaTubeScrollableWrapper .arrow 
{	
	width:37px;
	height:22px;
	
	display:block;

	cursor:pointer;

	background:url('css/scrollable/arrowy.png') no-repeat;
}

#salsaTubeScrollableWrapper .arrow.up
{
	display:block;
	
	width:37px;
	height:22px;
	
	margin-left:106px;
}

#salsaTubeScrollableWrapper .arrow.down
{
	position:absolute;

	bottom:-2px;
	right:116px;
}

#salsaTubeScrollableWrapper .arrow.up			{  }
#salsaTubeScrollableWrapper .arrow.up:hover  	{ background-position:-37px 0;}
#salsaTubeScrollableWrapper .arrow.up:active	{ background-position:-74px 0; }

#salsaTubeScrollableWrapper .arrow.down 		{  background-position: 0 -22px; }
#salsaTubeScrollableWrapper .arrow.down:hover  	{ background-position:-37px -22px; }
#salsaTubeScrollableWrapper .arrow.down:active 	{ background-position:-74px -22px; }