#ascroller {
  position: relative; /* important */
  overflow: hidden; /* important */
  margin:4px;
  padding:0px;
  background-color: #fff;
  border: 1px solid #ddd;
  text-align: center;
}
#ascroller-top { border:1px solid #ddd; height:25px;}
#ascroller-bottom { border:1px solid #ddd; height:25px;}

/* list */
#ascroller-list {
  margin:0px;
  padding:0px;
  margin-left:25px;
}

#ascroller ul li {
  list-style-type: none;
  float:left;
  margin:2px;
  padding:4px;
  background-color: #fff;
  display:none;
}

#ascroller ul li div {
  border: 1px solid #ddd;
  text-align:center;
  padding:4px;
}

/* li contents */
#ascroller li p {  margin:0px; padding:0px; text-align:center;}
#ascroller li h1 { font-size:10px; font-weight:normal;}
#ascroller li.visible { display:block; }

/* nav */
#ascroller-nav {
  position: absolute;
  top:0px;
  left:0px;
  margin:0px;
  padding:0px;
  margin-top:0px; /* buttons */
}

#ascroller-nav div { display:block; margin:0px; padding:0px;}

#ascroller-next {
  float:right;
  height:25px;
  width:20px;
  background: url(/media/mod_article_scroller/images/next.gif) no-repeat;
  cursor:pointer;
}

#ascroller-previous {
  float:left;
  height:25px;
  width:20px;
  background: url(/media/mod_article_scroller/images/previous.gif) no-repeat;
  cursor:pointer;
}

#ascroller .hidebutton { background-image:none; }