div.scrollable {
  background-color:#fff;
  margin-top:30px;
  width: 230px;
}


div.items 
{
  width:230px !important;         
  padding:5px; 
  height:130px;
  border:1px solid #ddd;
  -moz-border-radius:7px;
}

div.items .item {
  display:block;
  float:left;
  margin-right:8px;
  color:#ccc;
  line-height:15px;
  text-decoration:none;
  text-align:center;
  width:225px;
}

.item .ilustracao 
{  
  padding:2px;
  text-align:center;
}
.item .titulo 
{  
  text-align:center;
}
.item .titulo a
{  
  font-size:0.8em;
  color:#000;
}


div.items a:hover {color:#999;}

div.items .item 
{
  margin-bottom:20px;
}

/* next / prev buttons */
a.prev, a.next, a.prevPage, a.nextPage {
  background:url(../../images/playlist/left.png) no-repeat;
  display:block;
  width:18px;
  height:18px;
  float:left;	
  margin:0px 3px;
  cursor:pointer;
}
a.next, a.nextPage 
{
  background:url(../../images/playlist/right.png) no-repeat;
  clear:right;
}
a.disabled
{
  background:none;
  }


a.prev:hover, a.next:hover {background-position:0 -18px;}

/* navigator */
div.navi {
   height:20px;
   width: 140px;
   margin: 0px 20px;
   float:left;        
}

div.navi a, div.navi span 
{ 
  width:8px;
  height:8px;
  font-size:1px;/*ie*/
  float:left;
  margin:3px;
  background:url(../../images/playlist/dots.gif) 0 0 no-repeat;     
  cursor:pointer;
}

div.navi a:hover, div.navi span:hover
{  
  background-position:0 -8px;  
}
div.navi a.active, div.navi span.active 
{ 
  display:block;
  background-position:0 -16px;     
  }