/* Player *********************************************************************/
	
	#player
	{
		margin-top: 34px;

		width:  400px;
		height: 167px;

		float: left;
	}
	
	.videocasting #player {
		margin-top: 64px;
	}
	
	#player .interface
	{
		background: url("skin.png") no-repeat left top;
	}
	
	
	
/* Font family ****************************************************************/
	
	#player .title,
	#player .position-status-description
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	
/* Title **********************************************************************/
	#player .image {
		position: absolute;
		top: 12px;
		left: 18px;
		width: 80px;
		height: 54px;  

		text-align: center;
		line-height: 54px;
	}	

	#player .image img {
	  	height: expression( this.scrollHeight > 53 ? "54px" : "auto" ); /* sets max-height for IE */
		max-width: 80px;
		max-height: 54px;
	}

	/* Position and dimensions of the title text */
	#player .title
	{		
		left: 104px;
		top:  16px;
		
		width:  275px;
		height: 2.6em;

		white-space: nowrap;

		overflow: hidden;
	}
	
	/* Font for the title text */
	#player .title
	{
		font-size: 13px;
		font-weight: bold;
	}
	
	
	
/* Position/status/description ************************************************/
	
	/* Position and dimensions of the position/status/description line */
	#player .position-status-description
	{
		background: #e5e5e5 url("skin.png") -75px -49px;


		left: 104px;
		top:  52px;
		
		width:  278px;
	}
	
	
	
/* Position/status text *******************************************************/
	
	/* Font and colour of the position/status text (e.g "00:28/03:40 PAUSED") */
	#player .position-status
	{	
		position: absolute;

		background: #e5e5e5 url("skin.png") -75px -49px;

		color: #999999;
		
		font-size: 11px;
		font-weight: normal;
	}
	
	/* Margin between the position/status, and the scrolling description */
	#player .position-status
	{
		margin-right: 4px;
	}
	
	
	
/* Description ****************************************************************/
	
	/* Font for the description text */
	.description
	{
		position: absolute;
		left: 12px;
		top: 3px;

		width: 269px;
		height: 16px;
		font-size: 9px;
	}

	.popup-description {
		position: relative;
		top: -4px;
		left: -4px;
	}
	
	
	
/* Play/pause button **********************************************************/
	
	/* Position and dimensions of the play/pause button */
	#player .play-pause
	{		width: 88px;
		margin: 0;
		padding: 0;
		left: 8px;
		top:  80px;
		
		width:  123px;
		height: 69px;
	}
	
	/* Location of the play image */
	#player .play
	{
		background: url("skin.png") -0px -172px;
	}
	
	/* Location of the mouse-over play image */
	#player .play:hover
	{
		background: url("skin.png") -129px -172px;
	}
	
	/* Location of the pause image */
	#player .pause
	{
		background: url("skin.png") -0px -249px;
	}
	
	/* Location of the mouse-over pause image */
	#player .pause:hover
	{
		background: url("skin.png") -129px -249px;
	}
	
	
	
/* Seek bar *******************************************************************/
	
	/* Position and dimensions of the seekbar */
	#player .seekbar
	{
		left: 139px;
		top:  79px;
		
		width:  247px;
		height: 21px;
	}
	
	/* Location of the unbuffered seekbar image */
	#player .seekbar
	{
		background: url("skin.png") -0px -327px;
	}
	
	/* Location of the fully-buffered seekbar image */
	#player .seekbar-buffered
	{
		background: url("skin.png") -0px -356px;
	}
	
	/* Position and dimensions of the seekbar handle */
	#player .seekbar-handle
	{
		width:  3px;
		height: 21px;
	}
	
	/* Location of the seekbar handle image */
	#player .seekbar-handle
	{
		background: url("skin.png") -249px -327px;
	}
	
	
	
/* Volume setting *************************************************************/
	
	/* Position and dimensions of the volume bar */
	#player .volbar
	{	
		left: 175px;
		top:  123px;
		
		width:  56px;
		height: 18px;
	}
	
	/* Location of 0% volume image */
	#player .volbar-empty
	{
		background: url("skin.png") -261px -327px;
	}
	
	/* Location of 100% volume image */
	#player .volbar-full
	{
		background: url("skin.png") -325px -327px;
	}
	
	
	
/* Open in new window button **************************************************/
	
	/* Position and dimensions of the new window button */
	#player .new-window
	{
		left: 356px;
		top:  115px;
		
		width:  34px;
		height: 34px;
	}
	
	/* Location of the new window button image */
	#player .new-window
	{
		background: url("skin.png") -261px -356px;
	}
	
	/* Location of the mouse-over new window button image */
	#player .new-window:hover
	{
		background: url("skin.png") -300px -356px;
	}

	#player .close-window 
	{
		left: 356px;
		top:  115px;
		
		width:  34px;
		height: 34px;
	}
	
	/* Location of the new window button image */
	#player .close-window
	{
		background: url("skin.png") -341px -356px;
	}
	
	/* Location of the mouse-over new window button image */
	#player .close-window:hover
	{
		background: url("skin.png") -380px -356px;
	}

	
	#player .error {
		width: 370px;
		height: 137px;
		margin: 15px;
		overflow: auto;
	}

	#player .error p {
		margin: 5px 0 5px 0;
	}
	
	#player .rating {
		left: 248px;
		top:  115px;

		width: 104px;
		height: 34px;
		background: url("skin.png") -258px -249px;
	}

	#player .current-score,
	#player .score {
		top: 7px;
		left: 10px;

		width: 88px;
		height: 18px;

		padding: 0;
		margin: 0;
	}

	.five {
		width: 0px;
		height: 18px;

		padding: 0;
		margin: 0;
	}

	.current-score .five {
		background: url("skin.png") -270px -291px;
		margin: 0;
		padding: 0;
	}

	.score .five {
		background: url("skin.png") -270px -214px;
		margin: 0;
		padding: 0;
	}

	.score-width {
		width: 88px;
	}

	.message {
		bottom: 8px;
		right: 8px;
		width: 200px;
		height: 20px;
		text-align: center;
		line-height: 20px;
		font-size: 14px;
		opacity: 0;
		background: #FFF;
		border: 1px solid #000;
	}

	#popupList {
		font-size: 85%;

		background-color: #FFF;
		border: 1px solid #000;
		left: 10px;
		top: 205px;
		height: 200px;

		width: 400px;
	}

	#popupChannelList {
		width: 120px;
		float: left;
	}

	.extControls {
		bottom: 0;
	}