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

/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:35px;
	height:25px;
	float:left;
	margin:0;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right {
	background:url('../images/arrow-right.png') center no-repeat;
	margin-right:0px;
}

a.right:hover {
	background:url('../images/arrow-right-hover.png') center no-repeat;
}

a.right:active {
	background:url('../images/arrow-right.png') center no-repeat;
} 

/* left */
a.left {
	background:url('../images/arrow-left.png') center no-repeat;
	margin-left: 0px;
} 

a.left:hover {
	background:url('../images/arrow-left-hover.png') center no-repeat;
}

a.left:active {
	background:url('../images/arrow-left.png') center no-repeat;
}

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

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

/* prev, next, prevPage and nextPage buttons */
a.browse-p {
	display:block;
	width:10px;
	height:38px;
	float:left;
	margin:0;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right-p {
	background:url('../images/arrow-p-right.png') center no-repeat;
	margin-right:0px;
}

a.right-p:hover {
	background:url('../images/arrow-p-right-hover.png') center no-repeat;
}

a.right-p:active {
	background:url('../images/arrow-p-right.png') center no-repeat;
} 

/* left */
a.left-p {
	background:url('../images/arrow-p-left.png') center no-repeat;
	margin-left: 0px;
} 

a.left-p:hover {
	background:url('../images/arrow-p-left-hover.png') center no-repeat;
}

a.left-p:active {
	background:url('../images/arrow-p-left.png') center no-repeat;
}

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