/* this makes it possible to add next button beside scrollable */
div.scrollable { float:left; }

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage { display:block; width:20px; height:26px; background:url(/a/img/global/prev.gif) no-repeat; float:left; cursor:pointer; }

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover { }

/* disabled navigational button */
a.disabled { visibility:hidden !important; }

/* next button uses another background image */
a.next, a.nextPage { background-image:url(/a/img/global/next.gif); clear:right;	}

/*********** navigator ***********/
/* position and dimensions of the navigator */
div.navi { margin-left:328px; width:200px; height:20px; }

/* items inside navigator */
div.navi a { width:8px; height:8px; border: 1px solid #000; float:left; margin:3px; background:url(/a/img/global/navigator.png) 0 0 no-repeat; cursor:pointer; }

/* mouseover state */
div.navi a:hover { background-position:0 -8px; }

/* active state (current page state) */
div.navi a.active { background-position:0 -16px; }