/*
  root element for the scrollable.
  when scrolling occurs this element stays still.
*/
.scrollable {

  /* required settings */
  position:relative;
  overflow:hidden;
  height:260px;
}

/*
  root element for scrollable items. Must be absolutely positioned
  and it should have a extremely large width to accommodate scrollable items.
  it's enough that you set width and height for the root element and
  not for this element.
*/
.scrollable .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
}

/*
  a single item. must be floated in horizontal scrolling.
  typically, this element is the one that *you* will style
  the most.
*/
.articlecontainer.past_news .items .ac_item
{
  float:left;
  width:207px;
}

#scrollable_controls
{
  position:relative;
}

#scrollable_controls a
{
  cursor:pointer;
  font-size:2em;
  position:absolute;
}

#scrollable_controls .prev 
{
    background: url(/resources/dyn/files/385421z79a78e61/_fn/arrow_prev.png) no-repeat scroll left top transparent;
    left: -35px;
    top: 100px;
    height: 27px;
    width: 28px;
    text-indent: -4000em;
}

#scrollable_controls .next 
{
    background: url(/resources/dyn/files/385422ze0aedfdb/_fn/arrow_next.png) no-repeat scroll left top transparent;
    right: -30px;
    top: 100px;
    height: 27px;
    width: 28px;
    text-indent: -4000em;
}

#scrollable_controls .disabled
{
  color:#ccc;
  cursor:default;
}