@media print
	{
	    
	    

		
	}	
@media screen
	{
		/* 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:36px;
				height:36px;
				background:url(../../../IMG/Global/Scrollable/left.png) no-repeat;
				float:left;
				margin:43px 10px;
				cursor:pointer;
			}

		/* mouseover state */
		a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover 
			{
				background-position:0px -36px;		
			}
			
		/* disabled navigational button */
		a.disabled 
			{
				visibility:hidden !important;		
			}
			
		/* next button uses another background image */
		a.next, a.nextPage 
			{
				background-image:url(../../../IMG/Global/Scrollable/right.png);
				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;
				float:left;
				margin:3px;
				background:url(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;     
			} 		     

	}
@media all
	{
	
	}
	





