html, body, div, form, img { margin: 0; padding: 0; boder: 0 }

body {
	background: url(../images/player_bg.gif) left top no-repeat;
	width: 550px;
	height: 297px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f2f1e6;
}

#nav {
	position: absolute;
	left: 94px;
	top: 6px;
}

#image {
	position: absolute;
	width: 227px;
	height: 170px;
	left: 19px;
	top: 65px;
}

#text {
	position: absolute;
	width: 260px;
	height: 170px;
	left: 270px;
	top: 62px;
}

.scroll {
  width: 260px;
  height: 170px;
  overflow: auto;
}

#text a {
  color: #ffffff;
}

#controls {
	position: absolute;
	left: 21px;
	top: 270px;
}

#pause {
	display: none;
}

#meta {
	position: absolute;
	left: 133px;
	top: 273px;
}

#playlist {
	position: absolute;
	width: 155px;
	left: 383px;
	top: 269px;
}


#playerContainer {
	position: absolute;
	left: 19px;
	top: 65px;
}

	/*********************** SCROLLERS ***********************/
	.root     {
			position: relative;
			height:      170px;
			width:      240px;
			margin:       0px 0px 0px 0px;
			}
	.thumb     {
			position:      absolute;
			height:      9px;
			width:      15px;
			left:       10px;
			}
	.up, .dn   {
			position:      absolute;
			left:       10px;
			}
	.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{
			border:      0;
			}
	.scrollContainer { 
			position:      absolute; 
			left:      2px; 
			top:      19px; 
			width:      240px; 
			height:      170px; 
			clip:      rect(0 467 200 0); 
			overflow:      auto; 
			background:    transparent;
			}
	.scrollContent { 
			position:      absolute; 
			left:      0px; 
			top:      0px;
			}