#r3player_modules
{
	z-index:100;
	position:relative;
	font-family:Verdana;
}

#r3player
{
    width:800px;
    height:100px;
    background:#000;
    position:relative;
	overflow:visible;
	font-family:Verdana;
}

a.r3playerLink
{
	color:#ff9900;
	text-decoration:none;
	font-weight:bold;
}

a.r3playerLink:active,
a.r3playerLink:hover,
a.r3playerLink:focus
{
	text-decoration:underline;
}

.playerButton
{
    width:49px;
    height:49px;
    display:block;
    overflow:hidden;
    position:absolute;
    cursor:pointer;
	border:none;
	text-indent:-7000px;
	letter-spacing:-130px;
}

#r3player .display
{
    width:500px;
    height:49px;
    overflow:hidden;
    position:absolute;
}   

#r3player #playPause
{
    width:99px;
    left:0;
    top:0;
}
	#r3player .playerButton.play
	{
		background:url(../images/R3Player_Assets.gif) 0 0;
		
	}
		#r3player .playerButton.play:hover,
		#r3player .playerButton.play:focus
		{
			background-position: 0 -50px;
		}
		#r3player .playerButton.play:active
		{
			background-position: 0 -100px;
		}

	
	#r3player .playerButton.pause
	{
		background:url(../images/R3Player_Assets.gif) 0 -150px;
		
	}
		#r3player .playerButton.pause:hover, 
		#r3player .playerButton.pause:focus
		{
			background-position: 0 -200px;
		}
		#r3player .playerButton.pause:active
		{
			background-position: 0 -250px;
		}
		
		#r3player .playerButton.play.disabled,
		#r3player .playerButton.pause.disabled
		{
			background-position:-200px -200px;
		}

		
/************************
Track/Status Display and Permalink Context
************************/		
#r3player #trackDisplay
{   
    background:url(../images/R3Player_Assets.gif) -100px 0;
    left:100px;
    top:0;
}
	
	#r3player #nowPlaying
	{
		width:60px;
		height:10px;		
		position:absolute;
		top:10px;
		left:10px;	
		background:url(../images/R3Player_Assets.gif) -100px -150px transparent;
	}
		#r3player #nowPlaying:hover
		{
			background-position:-100px -170px;
		}		
		
		#r3player #nowPlaying.disabled
		{
			cursor:default;
			background-position:-100px -150px;
		}
		
	#r3player #info
	{		
		position:absolute;
		left:75px;
		top:7px;
		height:30px;
		overflow:hidden;
	}	
		
		
		
	#r3player #trackDisplay #info .title
	{
		color:#ff9900;
		font-size:13px;
		width:350px;
		height:16px;
		overflow:hidden;
		line-height:16px;
		font-weight:bold;
			
	}
		
		
		#r3player #trackDisplay #info .title a
		{
			font-size:13px;
			font-weight:bold;
			text-transform: uppercase;
		}				
	
	
	#r3player #trackDisplay #info .subTitle
	{
		width:350px;
		height:13px;
		overflow:hidden;
		font-size:11px;
		color:#ffffff;
		line-height:13px;
	}
	
	#r3player #time
	{
		font-size:11px;
		color:#cccccc;
		width:70px;
		height:11px;
		overflow:hidden;
		text-align:right;
		line-height:11px;
		cursor:pointer;
		
		position:absolute;
		left:420px;
		top:8px;
	}
	
		#r3player #timeLabel
		{
			cursor:pointer;
		}

		/*Styles for Context Templates for Now Playing button*/
		#r3player #trackDisplay .context .streamContext
		{
			text-transform:uppercase;
		}
		
		#r3player #trackDisplay .context .playlistContext
		{

		}			
			#r3player #trackDisplay .context .playlistContext .subTitle a
			{
				color:#ffcc00;
				font-weight:bold;
			}
		
		
		#r3player #trackDisplay .iTunes
		{
			position:absolute;
			right:7px;
			bottom:5px;
			background:url(../images/iTunesButton.gif) no-repeat;
			height:20px;
			width:40px;
		}
			#r3player #trackDisplay .iTunes:hover
			{
				background-position:0px -20px;
			}
		
		
/********************************************
*Previous/History and Next/Upcoming Controls
********************************************/		
		
#r3player #prev
{
   left:0;
   top:50px;
}
	#r3player .playerButton.prevPlaylist
	{
		background:url(../images/R3Player_Assets.gif) -100px -100px; 
	}
		#r3player .playerButton.prevPlaylist:hover, 
		#r3player .playerButton.prevPlaylist:focus
		{
			background-position: -300px -100px; 
		}
		#r3player .playerButton.prevPlaylist:active
		{
			background-position:-300px -150px; 
		}
				
	
	#r3player .playerButton.prevStream
	{
		background:url(../images/R3Player_Assets.gif) -200px -100px; 
	}
		#r3player .playerButton.prevStream:hover, 
		#r3player .playerButton.prevStream:focus
		{
			background-position: -400px -100px; 
		}
		
		#r3player .playerButton.prevStream:active
		{
			background-position: -400px -150px; 
		}

	#r3player .playerButton.prevStream.disabled,
	#r3player .playerButton.prevPlaylist.disabled
	{
		background-position: -200px -150px;
	}

	
#r3player #next
{
   left:50px;
   top:50px;
}
	#r3player .nextPlaylist
	{
		background:url(../images/R3Player_Assets.gif) -150px -100px; 
	}
		#r3player .nextPlaylist:hover, .nextPlaylist:focus
		{
			background:url(../images/R3Player_Assets.gif) -350px -100px; 
		}
		#r3player .nextPlaylist:active
		{
			background:url(../images/R3Player_Assets.gif) -350px -150px; 
		}
	
	#r3player .nextStream
	{
		background:url(../images/R3Player_Assets.gif) -250px -100px; 
	}
		#r3player .nextStream:hover, .nextStream:focus
		{
			background:url(../images/R3Player_Assets.gif) -450px -100px; 
		}
		#r3player .nextStream:active
		{
			background:url(../images/R3Player_Assets.gif) -450px -150px; 
		}

	#r3player .playerButton.nextPlaylist.disabled,
	#r3player .playerButton.nextStream.disabled
	{
		background-position: -250px -150px;
	}
	
/********************************************
*Stream/Playlist toggle Controls
********************************************/				
#r3player #controls
{
   background:url(../images/R3Player_Assets.gif) -100px -50px; 
   left:100px;
   top:50px;
}
	#r3player .toggle
	{		
		height:15px;
		position:absolute;
		display:block;
		text-indent:-7000px;
		letter-spacing:-130px;
		border:none;
		background:url(../images/playerSelector_Assets.gif?v=2) no-repeat;
	}

		#r3player #stream
		{
			left:10px;
			top:25px;
			cursor:pointer;	
			width:110px;			
		}
			
			#r3player .stream {
				background-position:0 0;
			}
			
			#r3player .stream.off {
				background-position:0 -16px;
			}		
			

		#r3player #playlist
		{
			left:129px;
			top:25px;
			cursor:pointer;
			width:90px;
		}
			#r3player .playlist {
				background-position:0 -32px;
			}
			
			#r3player .playlist.off {
				background-position:0 -48px;
			}
			
			
			
			
		#r3player .selector
		{
			width:60px;
			height:15px;
			position:absolute;		
			top:25px;
		}		
		
		#r3player .selector#tracks
		{
			left:160px;
		}
		
			#r3player .selector.enabled
			{
				background:url(../images/playerSelector_Assets.gif?v=2) 0 -64px no-repeat;
				cursor:pointer;
			}			
			
			#r3player .selector.disabled
			{
				background:url(../images/playerSelector_Assets.gif?v=2) 0 -80px no-repeat;
				cursor:default;
			}
			
	
	#r3player #progressDisplay
	{
		position:absolute;
		top:10px;
		left:10px;
		width:0;
		height:10px;
		background:url(../images/R3Player_progressStatus.gif) no-repeat;
	}
		
		#r3player .buffering
		{
			background:url(../images/R3Player_buffering.gif) no-repeat;
		}
	
	#r3player #progressTrack
	{
		position:absolute;
		width:480px;
		height:10px;
		top:10px;
		left:10px;
	}
		#r3player #progressHandle
		{
			cursor:pointer; 
			position:absolute; 
			width:22px;
			height:10px;
			background:url(../images/R3Player_progressHandle.gif) no-repeat;
		}
		
		* html #progressHandle
		{
			cursor:default;
		}
	
	#r3player #volumeTrack
	{
		position:absolute;
		width:106px;
		height:15px;
		background:none;
		top:25px;
		left:382px;
	}
		#r3player #volumeHandle
		{
			cursor:pointer; 
			position:absolute; 
			width:15px;
			height:15px;
			background:url(../images/R3Player_volumeHandle.gif) no-repeat;
			
		}
#r3player #add
{
    background:url(../images/R3Player_Assets.gif) -601px 0;
    left:601px;
    top:0;
}
	#r3player #add:hover, 
	#r3player #add:focus
	{
	    background-position: -601px -100px;
	}
	#r3player #add:active
	{
	    background-position: -601px -200px;
	}
	
	#r3player #add.add_disabled
	{
	    background-position: -400px -200px;
	    cursor:default;
	}


#r3player #shuffle
{
   left:701px;
   top:0;
}
	#r3player .shuffle.off
	{
		background:url(../images/R3Player_Assets.gif) -701px 0;
	}
		#r3player .shuffle.off:hover, 
		#r3player .shuffle.off:focus
		{
			background-position:-701px -100px;
		}
		#r3player .shuffle.off:active
		{
			background-position: -701px -200px;
		}
		
	#r3player .shuffle.on
	{
		background:url(../images/R3Player_Assets.gif) -500px -100px;
	}
		#r3player .shuffle.on:active
		{
			background-position: -500px -150px;
		}
		
	#r3player .shuffle.disabled,
	#r3player .shuffle.disabled:hover,
	#r3player .shuffle.disabled:focus,
	#r3player .shuffle.disabled:active
	{
		background-position: -500px -200px;
		cursor:default;
	}
	

#r3player .playerButton.help
{
   background:url(../images/R3Player_Assets.gif) -751px 0;
   left:751px;
   top:0;
}	
	#r3player .playerButton.help:hover, 
	#r3player .playerButton.help:focus
	{
		background-position: -751px -100px; 
	}
	#r3player .playerButton.help:active
	{
		background-position: -751px -200px; 
	}

#r3player #addFavourite
{
	left:601px;
	top:50px;		
}
	#r3player .addFavourite
	{
	   background:url(../images/R3Player_Assets.gif) -601px -50px; 
	}
		#r3player .addFavourite:hover, .addFavourite:focus
		{
			background:url(../images/R3Player_Assets.gif) -601px -150px; 
		}
		#r3player .addFavourite:active
		{
			background:url(../images/R3Player_Assets.gif) -601px -250px; 
		}
	
	#r3player .addFavourite.added
	{
		background:url(../images/addFavourite_added.gif) no-repeat; 
		cursor:default;
	}

	#r3player .addFavourite.disabled,
	#r3player .addFavourite.disabled:hover,
	#r3player .addFavourite.disabled:active,
	#r3player .addFavourite.disabled:focus
	{
		background:url(../images/R3Player_Assets.gif) -550px -100px; 
		cursor:default;
	}
#r3player #thumbUp
{
   left:651px;
   top:0;
}
	#r3player .thumbUp
	{
		background:url(../images/R3Player_Assets.gif) -651px 0;
	}
	#r3player .thumbUp:hover
	{
		background:url(../images/R3Player_Assets.gif) -651px -100px;
	}
	#r3player .thumbUp:active
	{
		background:url(../images/R3Player_Assets.gif) -651px -200px;
	}
		#r3player .thumbUp.thumbed,
		#r3player .thumbUp.thumbed:active,
		#r3player .thumbUp.thumbed:hover,
		#r3player .thumbUp.thumbed:focus
		{
			background:url(../images/thumbUp_fade.gif) 0px 0px;
			cursor:default;
		}
		
		#r3player .thumbUp.disabled,
		#r3player .thumbUp.disabled:active,
		#r3player .thumbUp.disabled:hover,
		#r3player .thumbUp.disabled:focus
		{
		    background:url(../images/R3Player_Assets.gif) -450px -200px;
			cursor:default;
		}
		
		
	
#r3player #thumbDown
{
   left:651px;
   top:50px;
}
	#r3player .thumbDown
	{
		background:url(../images/R3Player_Assets.gif) -651px -50px; 
	}
	#r3player .thumbDown:hover	
	{
		background-position: -651px -150px; 
	}
	#r3player .thumbDown:active
	{
		background-position: -651px -250px; 
	}		
		#r3player .thumbDown.thumbed,
		#r3player .thumbDown.thumbed:active,
		#r3player .thumbDown.thumbed:hover,
		#r3player .thumbDown.thumbed:focus
		{
			background:url(../images/thumbDown_fade.gif) 0px 0px;
			cursor:default;
		}
		
		#r3player .thumbDown.disabled,
		#r3player .thumbDown.disabled:active,
		#r3player .thumbDown.disabled:hover,
		#r3player .thumbDown.disabled:focus
		{
		    background-position: -450px -250px;
			cursor:default;
		}

#r3player #permalink
{
   left:701px;
   top:50px;
}
	#r3player .permalink
	{
		background:url(../images/R3Player_Assets.gif) -701px -50px; 
	}
	#r3player .permalink:hover,
	#r3player .permalink:focus
	{
		background-position: -701px -150px; 
	}
	#r3player .permalink:active
	{
		background-position: -701px -250px; 
	}
	
		#r3player .permalink.disabled,
		#r3player .permalink.disabled:active,
		#r3player .permalink.disabled:focus,
		#r3player .permalink.disabled:hover
		{
			background-position: -550px -200px;
			cursor:default;
		}
#r3player #mp3Stream
{   
   left:751px;
   top:50px;
}

#r3player .mp3Stream
{
	background:url(../images/R3Player_Assets.gif) -751px -50px; 
}
	#r3player .mp3Stream:hover,
	#r3player .mp3Stream:focus
	{
		background-position: -751px -150px; 
	}
	#r3player .mp3Stream:active
	{
		background-position: -751px -250px; 
	}

	#r3player .mp3Stream.disabled
	{
		background-position: -550px -250px;
		cursor:default;
	}

/***********************************
* Common Panel Classes
************************************/
.panelButton
{
	cursor:pointer;
	text-align:left;
	display:block;
	padding:0;
	margin:0;
	border:0;
	overflow:hidden;
	position:relative;
	background:none;
}

.close
{
	display:block;
	cursor:pointer;
	width:36px;
	height:14px;
	background:url(../images/panel_close.gif) no-repeat;
	border:none;
	text-indent:-9999em;
	overflow:hidden;
	letter-spacing:-130px;
}


/**********************************
* Playlist Panel
***********************************/

#playlistPanel
{
	width:320px;	
	font-size:11px;
	color:#fff;
}

	#playlistPanel_playlistHeader
	{
		height:39px;
		background:url(../images/playlistPanel_playlistHeader.gif) no-repeat;
		position:relative;
	}
	
	#playlistPanel_addPlaylistHeader
	{
		height:39px;
		background:url(../images/playlistPanel_addPlaylistHeader.gif) no-repeat;
		position:relative;
	}
	
	#playlistPanel_close
	{
		float:right;
		margin:5px;		
	}
		#playlistPanel_personalPlaylists
		{
			background:url(../images/playlistPanel_stripes.gif) #414141;
		}
		
		#playlistPanel_favouritePlaylists
		{
			background:url(../images/playlistPanel_stripes.gif) #414141;
		}
		
	
	#playlistPanel_favouritesHeader
	{
		height:41px;
		background:url(../images/playlistPanel_favouritesHeader.gif) no-repeat;
	}
	
	#playlistPanel_footer
	{
		height:11px;
		background:url(../images/playlistPanel_footer.gif) no-repeat;
	}
	
	.playlistItem
	{
		height:30px;
		position:relative;
		overflow:hidden;
		
	}
		.playlistItem_button
		{
			height:29px;
			position:absolute;
			top:0;
			left:0;
		}
		
			.playlistItem_button.personal
			{
				width:270px;
			}
		
			.playlistItem_button.favourite
			{
				width:290px;
			}
		
			.playlistItem_button.full
			{
				width:320px;
			}
		
				.playlistItem_label
				{
					text-indent:10px;
					line-height:29px;
					height:29px;
					color:#ffffff;
					font-size:11px;		
					background:url(../images/transparentBlock.gif);	
					font-family:"Verdana";		
				}
						
					.playlistItem_label.active
					{
						text-indent:30px;
						background-image:url(../images/playlistItem_active.gif);
						background-repeat:no-repeat;
						background-position: 10px 9px;
					}
		
		.personal:active,
		.personal:hover,
		.personal:focus
		{
			background-color:#aa4e18;
		}

		.favourite:active,
		.favourite:hover,
		.favourite:focus
		{
			background-color:#4a7100;
		}
		
		.playlistItem_label:active,
		.playlistItem_label:hover,
		.playlistItem_label:focus
		{
			height:29px;
			cursor:pointer;
			overflow:hidden;
		}
	
		.playlistItem_edit
		{
			position:absolute;
			left:270px;
			width:50px;
			height:29px;
			cursor:pointer;
			background:url(../images/playlistItem_edit.gif) no-repeat center center;
			text-align:left;
			text-indent:-7000em;
			
		}
			
		
		.playlistItem_edit:active,
		.playlistItem_edit:hover,
		.playlistItem_edit:focus
		{
			background:url(../images/playlistItem_edit_hover.gif) no-repeat center center #aa4e18;
		}
		
		.playlistItem_delete
		{
			position:absolute;
			left:290px;
			width:30px;
			height:29px;
			cursor:pointer;
			background:url(../images/playlistItem_delete.gif) no-repeat center center;
			text-indent:-7000em;
			
		}
		
		.playlistItem_delete:active,
		.playlistItem_delete:hover,
		.playlistItem_delete:focus
		{
			background:url(../images/playlistItem_delete.gif) no-repeat center center #4a7100;
		}

/**********************************
* Shared Classes for confirmation panel
***********************************/		
.confirmPanel
{
    background:#454545;
    position:relative;
}

    .confirmPanel .userMessage
    {        
		position:absolute;
		width:120px;
		color:#ffcc00;
		left:0;
		top:0;
		padding:10px;
		line-height:12px;
    }
    .confirmPanel .buttons
    {
        background:#7f7f7f;
        width:180px;
		position:absolute;
		left:140px;
    }


/**********************************
* Track Exists Chooser Panel
***********************************/		
		
.trackExistsChooser
{
	height:60px;
	overflow:hidden;
	position:relative;
}

    .trackExistsChooser .confirmPanel
    {
        height:60px;
    }
	
	.trackExistsChooser_label
	{
		height:59px;
		
	}
		.trackExistsChooser_label label
		{
			display:block;
			margin:10px;			
		}
	
	
	.trackExistsChooser .buttons
	{		
		height:59px;
	}
	
		.trackExistsChooser_button
		{
			position:relative;
			height:20px;
			width:160px;
			margin-left:10px;
			background:url(../images/trackExistsChooser_Assets.gif) no-repeat;

		}
		.trackExistsChooser_add
		{
			background-position:0 0;
			margin-top:8px;
		}
			.trackExistsChooser_add:hover
			{
				background-position:0 -40px;
			}
			
		
		.trackExistsChooser_cancel
		{
			background-position:0 -20px;
			margin-top:4px;
		}
			.trackExistsChooser_cancel:hover
			{
				background-position:0 -60px;
			}



/**********************************
* Create New Playlist Input Box
***********************************/
.createPlaylistInputBox
{
    background:#ccc;
}
    

    .createPlaylistInputBox_playlistName
	{
        background:#414141;
        padding:10px;        
    }
        
        .createPlaylistInputBox_playlistName input
		{
            width:290px;
            border:0;
            font:normal 18px "Arial";
            color:#000;
            padding:3px 5px 3px 5px;
        }    


    .createPlaylistInputBox .confirmPanel
	{
        height:79px;
    }
    
    
    .createPlaylistInputBox .buttons
	{
        height:79px;             
    }

    .createPlaylistInputBox_button
	{
        background:url(../images/playlistPanel_CreateNewPlaylistAssets.gif) no-repeat;
        width:160px;  
        position:relative;      
        margin-left:10px;        
    }


        .createPlaylistInputBox_save
		{
            background-position:0 0;
            height:34px;
            margin-top:10px;
        }    
            .createPlaylistInputBox_save:hover
			{
                background-position:0 -40px;
            }

        .createPlaylistInputBox_cancel
		{
            background-position:0 -80px;
            height:19px;
            margin-top:6px;
        }    

            .createPlaylistInputBox_cancel:hover
			{
                background-position:0 -100px;
            }

        
        
        
/**********************************
* Schedule Panel
***********************************/		
.schedulePanel
{
	width:409px;
	position:absolute;
	top:50px;	
}
	
	.schedulePanel_tab
	{
		height:50px;		
		position:relative;
	}
	
		.schedulePanel_tabButton
		{
			width:50px;
			height:50px;
			cursor:pointer;
			border:none;
			text-indent:-7000px;
			overflow:hidden;			
			position:absolute;
			left:0px;
			top:0px;
			
		}
		
		.schedulePanel_prev
		{	
			background:url(../images/schedulePanel_prev.gif) no-repeat;
		}
		
		.schedulePanel_next
		{
			background:url(../images/schedulePanel_next.gif) no-repeat;
		}
		
	.schedulePanel_content
	{
		background-color:#464646;
		padding:0 10px 0 10px;
		margin:0;
	}
	
	.schedulePanel_header
	{
		height:30px;
	}
	
		.schedulePanel_close
		{
			margin-top:10px;
			float:right;
		}
		
	.schedulePanel_footer
	{
		height:10px;
		background:url(../images/schedulePanel_footer.gif) no-repeat;
		overflow:hidden;
	}
	
		.schedulePanel_header.history
		{
			background:url(../images/schedulePanel_history.gif) 0 10px no-repeat;
		}
		
		.schedulePanel_header.upcoming
		{
			background:url(../images/schedulePanel_upcoming.gif) 0 10px no-repeat;
		}
	
	.schedulePanel_items
	{
		background:url(../images/schedulePanel_stripes.gif);
	}
	
		.schedulePanel_items .emptyTracks
		{
			padding:100px 0 100px 0; 
			background:#333; 
			text-align:center;
		}
	
	
	.scheduleItem
	{
		height:60px;
		width:100%;
		position:relative;
		overflow:hidden;
	}
	
		.scheduleItem_image
		{
			width:79px;
			position:absolute;
			left:0;
			top:0;
		}
			.scheduleItem_image a
			{
				
			}
			
				.scheduleItem_image a img
				{
					width:79px;
					height:59px;
					border:none;
				}
		
		.scheduleItem_details
		{
			position:absolute;
			width:250px;
			left:90px;
			top:9px;
			overflow:hidden;
		}
		
			.scheduleItem_artist
			{
				height:14px;
				line-height:14px;
				white-space:nowrap;
			}
			
				.scheduleItem_artist a
				{
					font-size:11px;
					text-transform:uppercase;
					
				}
				
			.scheduleItem_title
			{
				font-size:11px;	
				color:#ffffff;
				line-height:14px;
				height:14px;
			}
			
			.scheduleItem_status
			{
				font-size:9px;
				color:#999999;
				line-height:12px;
				height:12px;
			}
		
		.scheduleItem_buttons
		{
			position:absolute;
			width:25px;
			left:360px;
		}
		
			.scheduleItem_button
			{
				width:25px;
				height:25px;
				float:right;
				margin:3px 0 0 0;
				padding:0;
				text-indent:-7000px;
				letter-spacing:-130px;
				border:none;
				
			}
			.scheduleItem_play
			{
				cursor:pointer;
				background:url(../images/scheduleItem_play.gif?v=2) no-repeat;				
			}
				.scheduleItem_play:hover
				{
					background-position:0px -25px;
				}
				
			.scheduleItem_add
			{
				cursor:pointer;
				background:url(../images/scheduleItem_add.gif?v=2) no-repeat;
			}
				.scheduleItem_add:hover
				{
					background-position:0px -25px;
				}
			
			.scheduleItem_playDisabled
			{
				cursor:default;
				background:none;
			}
			
			.scheduleItem_addDisabled
			{
				cursor:default;
				background:none;
			}
	
/*****************************************
*Track Panel
*****************************************/	
#trackPanel
{	
	width:409px;
	z-index:20000;
}		

	.trackPanel_header
	{
		height:60px;
		background-color:#464646;
		position:relative;
	}
		.trackPanel_header label
		{
			margin:0;
		}
		
		.trackPanel_playlistInfo
		{
			position:absolute;
			top:30px;
			height:24px;
			overflow:hidden;
			width:400px;
		}
		
		.trackPanel_playlistTitle
		{
			font-weight:normal;
			font-size:14px;
			color:#fff;
			float:left;
			width:260px;
			overflow:hidden;
			padding-left:10px;
			line-height:22px;
		}
		
			.trackPanel_playlistLinks
			{
				float:right;				
				width:120px;
				text-align:right;
				color:#ccc;
			}
				.trackPanel_playlistLinks a
				{	
					font-size:9px;
				}

		.trackPanel_close
		{
			position:absolute;
			top:10px;
			left:365px;
		}
	
	.trackPanel_trackItemsWrapper
	{
		padding:0 10px 0 10px;
		overflow:hidden;
		background-color:#464646;
	}
	.trackPanel_trackItems
	{
		height:300px;
		overflow-x:hidden;
		overflow-y:scroll;
		position:relative;
		width:100%;
		background:#222;
	}
	
	.trackPanel_footer
	{
		height:10px;
		background:url(../images/trackPanel_footer.gif) no-repeat;
	}
	
	button.trackItem
	{
		height:30px;
		font-family:verdana;
		font-size:11px;
		background-color:#323232;
		width:100%;
		line-height:30px;
	}
		button.trackItem label
		{
			margin:0;
		}
		button.trackItem.odd
		{
			background-color:#292929;
		}
	
		button.trackItem:hover
		{
			background-color:#000;
		}
		
		.trackItem_info
		{
			height:29px;
			border-bottom:1px solid #464646;
		}
		
		.trackItem_info label
		{
			line-height:29px;
			cursor:pointer;
			height:29px;
			display:block;
		}
		
		.trackItem_info label.sequence
		{				
			width:40px;
			text-indent:10px;
			position:absolute;
			left:0;
			color:#ffffff;
		}
		
		.trackItem_info label.track		
		{
			width:320px;
			float:left;
			position:absolute;
			left:40px;
			overflow:hidden;
		}
			.trackItem_info label.track span.artist
			{
				color:#ff9900;
				font-weight:bold;
				line-height:29px;
			}
			
			.trackItem_info label.track span.title
			{
				color:#cccccc;
				line-height:29px;
			}
			
		.trackItem_active .trackItem_info label.track
		{
			text-indent:15px;
			background-image:url(../images/playlistItem_active.gif);
			background-repeat:no-repeat;
			background-position: 0 9px;			
		}			
		
/*****************************************
*Radio Streams Panel
*****************************************/			

#streamPanel
{
	width:600px;
	background:#fff;
}

	#streamPanel .streamPanel_header
	{
		position:relative;
		height:29px;
		background:url(../images/streamPanel_header.gif) no-repeat #424242;
		border-bottom:1px solid #000;
	}
	
		/*Close button*/
		#streamPanel .streamPanel_header button
		{
			position:absolute;
			top:7px;
			right:7px;
		}
		
		#streamPanel .streamPanel_status
		{
			background:#424242;
		}
		
		#streamPanel table 
		{ 
			width:100%; 
			font-size:10px;
		}
			
		#streamPanel table th
		{			
			background:#323232;
			line-height:19px;
			height:19px;
			border-bottom:1px solid #000;
			text-indent:10px;
		}	
			#streamPanel table td
			{ 
				height:30px; 
				line-height:30px;
				font-size:10px;
			}
				
			/*Column width declarations*/	
			#streamPanel table col.stream 	{ width:119px; }								
			#streamPanel table col.track	{  }
			#streamPanel table col.button	{ width:40px; }
						
			#streamPanel table td.stream 
			{
				background:#454545;				
			}
				#streamPanel table td.stream label
				{
					font-weight:bold;
					color:#fff;
					text-indent:10px;
					text-transform:capitalize;
					cursor:pointer;	
					display:block;
					height:30px;
					width:100%;
				}
					#streamPanel table td.stream label:hover
					{
						color:#ffcc00;
					}
			
			#streamPanel table td.track
			{
				overflow:hidden;
				text-indent:10px;				
				background:#5a5a5a;
			}			
				#streamPanel table td.track a
				{
					font-weight:bold;
				}
			
			/*Play button states*/
			#streamPanel table td.button
			{
				background:#5a5a5a;
			}
				#streamPanel table td.button button
				{
					background:url(../images/streamPanel_playButton.gif) no-repeat 0 0;
					height:20px;
					width:30px;
					margin-left:5px;
				}
					#streamPanel table td.button button:hover
					{
						background-position:0 -20px;
					}
					
					

			/*Row Striping Rules*/			
			#streamPanel table tr.odd td.stream
			{
				background:#3a3a3a;
			}
			
			#streamPanel table tr.odd td
			{
				background:#4b4b4b;
			}
					
			
			
			/*Currently Active Stream Row*/
			#streamPanel table tr.active td.button button,
			#streamPanel table tr.active td.button button:hover
			{
				background-position:0 -40px;
				cursor:default;
			}
			
			#streamPanel table tr.active td.stream
			{
				background-image:url(../images/streamPanel_activeStream.gif);
				background-repeat:no-repeat;
				background-position:10px 10px;							
			}
				#streamPanel table tr.active td.stream label,
				#streamPanel table tr.active td.stream label:hover
				{
					text-indent:20px;
					cursor:default;
					color:#fff;
				}					
			
			
		
		
/*****************************************
* Util and Extras
*****************************************/			
			
.loading
{
	background:url(../images/loading.gif) no-repeat center center;
	height:28px;
	width:30px;			
}
	#schedulePanel .loading	{ background-image:url(../images/loading_schedulePanel.gif); }	
	#playlistPanel .loading	{ background-image:url(../images/loading_playlistPanel.gif); }	
	#trackPanel .loading	{ background-image:url(../images/loading_playlistTracks.gif); }
	#streamPanel .loading	{ background-image:url(../images/loading_playlistTracks.gif); }


			
.clear
{
    clear:both;
}