/* this makes it possible to add next button beside scrollable */
div.scrollable {  
	position: relative;
	height: 560px; overflow: hidden;
	width: 100%; float: left; clear: both; 	
}
/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block; float:left; margin:0 10px 0 0; cursor:pointer;
	}
/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {}
/* disabled navigational button */
a.disabled {/*visibility:hidden !important;*/}
a.disabled:hover {cursor: default;}
/* next button uses another background image */
a.next, a.nextPage {
	/*background-image:url(../img/arrow/right.png);*/
	clear:right;	
	}
/*********** navigator ***********/
/* position and dimensions of the navigator */
div.navi {
	height:20px; overflow: hidden; float: left; margin: 0 0 3em;
	}
/* items inside navigator */
div.navi a {
	width:20px; height:20px; overflow: hidden;
	float:left; margin:0 10px 0 0;    
	cursor:pointer; background: url(../../images/bgd/bg.sphere.gif) 0 0 no-repeat;	
	}
/* mouseover state */
div.navi a:hover {
	background-position: 0 -20px;
	}
/* active state (current page state) */
div.navi a.active {
	background-position: 0 -20px;   
	}
	
/* custom positioning for navigational links */
a.prev, a.next {
	margin-top:4px; background: url(../../images/bgd/bg.steps.gif) no-repeat #fff;
	height: 17px; overflow: hidden; text-indent: -99999em;
}
	a.prev {
		width:100px; background-position: 0 0; margin-left: 20px;
		}
		a.prev:hover {background-position: 0 -17px;}
		a.prev.disabled {background-position: 0 -34px;}
	a.next {
		width:75px; background-position: -112px 0;
		}
		a.next:hover {background-position: -112px -17px;}
		a.next.disabled {background-position: -112px -34px;}
	a.prev.team {width:160px; background-position: 0 -51px;}
		a.prev.team:hover {background-position: 0 -68px;}
		a.prev.team.disabled {background-position: 0 -85px;}
	a.next.team {width:150px; background-position: -165px -51px;}
		a.next.team:hover {background-position: -165px -68px;}
		a.next.team.disabled {background-position: -165px -85px;}
#scroll_progression {	
	position: absolute; width: 20000em; clear: both;
}
/* single item */
#scroll_progression div {
	float: left; width: 680px; height: 560px;
}				
/* style when mouse is over the item */
#scroll_progression div.hover {}
/* style when element is active (clicked) */
#scroll_progression div.active {}