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

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(images/hori_small.png) no-repeat;
	display:block;
	width:20px;
	height:20px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{
	clear:right;
	margin-right: 0px;
	position: absolute;
	height: 40px;
	width: 25px;
	top: 85px;
	right: -12px;
	z-index: 500;
	background-image: url(../images/arrow-right.png);
	background-position: 0px 0px;
}
a.right.hilite 		{
	background-position:0px -40px;
}


/* left */
a.left				{
	margin-left: 0px;
	position: absolute;
	height: 40px;
	width: 25px;
	left: -14px;
	top: 85px;
	z-index: 500;
	background-image: url(../images/arrow-left.png);
	background-position: 0px 0px;
} 
a.left.hilite  		{
	background-position:0px -40px;
}
a.up/* up and down */
 		{
	float: none;
	position: absolute;
	top: 0px;
	z-index: 100;
	background-image: url(images/vert_small.png);
	background-repeat: no-repeat;
	right: 0px;
}

/* up */
a.up:hover  		{
	background-position:-20px 0;
}
a.up:active  		{
	background-position:-40px 0;
}

/* down */
a.down 				{
	background-position: 0px -20px;
	position: absolute;
	background-image: url(images/vert_small.png);
	background-repeat: no-repeat;
	right: 0px;
	bottom: 0px;
}
a.down:hover  		{
	background-position:-20px -20px;
}
a.down:active  	{
	background-position:-40px -20px;
} 


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