/*********************** SCROLLERS ***********************/
.root {
	float: right;
	height: 236px;
	margin: 0;
	position: relative;
	right: 18px;
	width: 300px;
}

.thumb {
	position: absolute;
	width: 10px;
	height: 20px;
	top: 0px;
	left: 0px;
	background-image: url(/images/basic/home/klizac.png)
}

.scroll {
	width: 10px;
	top: 10px;
	position: relative;
	background: #BABABC url(/images/basic/home/scroll-back.png) left top repeat-y
}

.up,.dn {
	position: absolute;
	left: 10px;
	width: 10px;
	height: 10px;
}

.up {
	background-image: url(/images/basic/home/arrow_up.png);
}

.dn {
	background-image: url(/images/basic/home/arrow_down.png)
}

.thumb a  , .thumb a img {
	border: 0;
}

.scrollContainer {
	position: absolute;
	right: 34px;
	top: 7px;
	width: 300px;
	height: 236px;
	/*clip:			rect(0 467 200 0); */
	overflow: auto;
}

.scrollContent {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100px;
}

.imagepreview {
/*	border: 1px solid red; */
	float: left;
	height: 236px;
	position: relative;
	width: 270px;
}

.playlist-item, .playlist-item-hover {
	clear: left;
	vertical-align: middle;
	border-bottom: 1px solid #BABABC;
	height: 33px;
	/*margin: 3px 0px;*/
}

.playlist-item-hover {
	background-color: #CCCCCC;
}

.playimage {
	width: 33px;
	height: 33px;
	float: left;
	background: transparent url(/images/basic/home/play_off.png) center center no-repeat;
}

.playlist-item-hover .playimage {
	background: transparent url(/images/basic/home/play_on.png) center center no-repeat;
}
.playlist-item-hover .link {
	color: #000000;
}

.playlist-item-hover .link:hover {
	color: #FF7E00;
}
