div.scrollable {
	position:relative;
	overflow:hidden;
	margin-left:20px;
	width: 480px;
	height:280px;
	float:left;
}

div.scrollable div.loadingitems {
	margin-top:110px;
	margin-left:170px;
	position:absolute;
	color:#263d74;
	font-size:14px;
}

div.scrollable div.items {
	width: 20000em;
	height:280px;
	position:absolute;
	display:none;
}

div.items a {
	float:left;
	padding:0;
	margin-right:5px;
	width:155px;
	height:140px;
	color:#263d74;
	font-size:14px;
}


div.items a.lower1 {
	margin-top:145px;
	margin-left:-480px;
}
div.items a.lower2 {
	margin-top:145px;
	margin-left:-320px;
}
div.items a.lower3 {
	margin-top:145px;
	margin-left:-160px;
}

div.items a span{
	font-size:13px;
	color:#000000;}

div.items a:hover span{
	color:#263d74;}

div.items a.playing, div.items a.paused, div.items a.progress {
	background:url(../images/current-vid.jpg) 87% 18% no-repeat;
}



a.nextPage, a.prevPage {
	float:left;
	height:20px;
	width:20px;
	line-height:20px; 
	cursor:pointer;
	display:block;
}

a.prevPage {
	margin:0px 3px 0 150px;}
a.nextPage {
	margin:0px 3px 0 3px;}
	
a.prevPage {
	background:url(../images/playlist-navi.png) 0px 0px no-repeat;
}

a.nextPage {
	background:url(../images/playlist-navi.png) 0px -100px no-repeat;
}

/* mouseover state */
a.prevPage:hover{
	background-position:0px -20px;
}

a.nextPage:hover{
	background-position:0px -120px;		
}

a.nextPage.disabled, a.prevPage.disabled {
	visibility:hidden;		
}




a.next, a.prev {
	float:left;
	height:20px;
	width:20px;
	margin:9px 3px 0 3px;
	line-height:20px; 
	cursor:pointer;
	display:block;
}

/* mouseover state */
a.prev {
	background:url(../images/playlist-navi.png) 0px 0px no-repeat;
}

a.next {
	background:url(../images/playlist-navi.png) 0px -100px no-repeat;
}

a.prev:hover{
	background-position:0px -120px;
}

a.next:hover{
	background-position:0px -60px;	
}



a.next.disabled, a.prev.disabled {
	visibility:hidden;		
}

/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	position:relative;
	float:left;
	height:20px;
	line-height:20px;}


/* items inside navigator */
div.navi a {
	width:20px;
	height:20px;
	float:left;
	margin:0px 3px 0 3px;
	background:url(../images/playlist-navi.png) 0px -40px no-repeat;    
	cursor:pointer;	
}

/* mouseover state */
div.navi a:hover {
	background-position:0px -60px;    
}

div.navi a.active {
	background-position:0px -80px;    
}