/* outmost wrapper element */
div.scrollable {padding:8px; -moz-border-radius:5px;}
div.scrollable_lower {padding:8px; margin-top:0px;}
div.horizontal {width:530px; height:68px;}
div.vertical {width:102px !important; *width:auto; padding-left:20px; height:450px; xfloat:left;}
div.double {height:145px;}
div.double div.items {height:145px !important;}
div.noitems {padding-top:0px;}
div.noitems div.__scrollable {margin-top:8px;}
/* container for the scrollable items */
div.horizontal div.items {height:66px; margin-left:8px; float:left; width:420px !important;}
div.vertical div.items {height:240px !important; *height:270px !important;}
/* single item */
div.items a, div.noitems a {display:block; width:88px; background:url(/img/playlist/entry.gif) 0 0 no-repeat; font-size:50px; color:#ccc; line-height:66px; text-decoration:none; text-align:center; cursor:pointer; font-family:verdana;}
div.items a {float:left; margin-right:8px;}
div.item {height:200px; width:96px; float:left;}
div.double div.items a {float:none; margin-bottom:10px; cursor:default;}
div.items a:hover, div.noitems a:hover {color:#999;}
div.item a:hover {color:#ccc;}
div.items a.active, div.noitems a.active {background-position:-174px 0; color:#555; cursor:default;}
div.vertical a {margin-bottom:10px;}
div.vertical div.items a {float:none;}
/* next / prev buttons */
a.prev, a.next {display:block; width:18px; height:18px; float:left;	margin:22px 0 0 0; cursor:pointer;}
a.next {}
a.prev:hover {background-position:0 -18px;}
a.next:hover {background-position:0 -18px;}
div.double a.prev, div.double a.next {margin-top:50px;}
/* navigator */
div.navi {position:relative; top:-30px; left:310px; margin-left:-60px; width:50px; height:0px;}
div.vertical div.navi {left:75px; width:60px;}
/* items inside navigator */
div.navi span{width:8px; height:8px; float:left; margin:3px; background:url(/img/playlist/dots.png) 0 0 no-repeat; cursor:pointer;}
div.navi span:hover {background-position:0 -8px;}
div.navi span.active {background-position:0 -16px;}