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

/* prev, next, prevPage and nextPage buttons */
a.browse 
{
	position: absolute;
	top: 75px;
	display:block;
	width:15px;
	height:15px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right  
{
	right: 5px;
	background:url(/images/slide-buttons.png) no-repeat;
	background-position:-15px 0;
	clear:right; 
	margin-right: 0px;
	z-index: 100;
}
a.right:hover 		
{ 
	background-position:-15px -15px;
}
a.right:active 	
{ 
	background-position:-15px -15px;
} 

/* left */
a.left				
{ 
	left: 5px;
	background:url(/images/slide-buttons.png) no-repeat;
	background-position:0 0; 
	margin-left: 0px; 
	z-index: 100;
} 
a.left:hover  		
{ 
	background-position:0 -15px; 
}
a.left:active  	
{ 
	background-position:0 -15px; 
}

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

#slide-read-more
{
	position: absolute;
	bottom: 4px;
	left: 46px;
	height: 17px;
	width: 90px;
}
a.slide-read-more
{
	display:block;
	height: 16px;
	width: 90px;
	background:url(/images/slide-read-more.png) no-repeat;
	background-position:0 0; 
	z-index: 100;
	text-indent:-9999em;
	font-size:1px;
}
a.slide-read-more:hover
{
	background-position:0 -17px; 
}

.slide-more
{
	position: absolute;
	top: 2px;
	left: 46px;
	height: 17px;
	width: 90px;
	border: solid 1px #000;
}