/* ----- EasyScroll Vertical Content Scroller Style Sheet ------ */


/* easyscroll main container*/

#easyscroll{
	background:#FFFFFF;
	margin: 0px 0px;
	/* add additional styling */
	}	

/* easyscroll */

#easyscroll{
	background:#FFFFFF;
	margin:10px 0px 5px 0px;
	/* add additional styling */
	}	

/*--- easyscroll navigation buttons ---*/	

	#easyscrollnav, #easyscrollnav li{
	height:10px;
	line-height:10px;
	margin:0;
	padding:0;
		}
			
	#easyscrollnav{
		margin: 5px 0px;
		
		}
					
	#easyscrollnav li{
		float:right;
		margin-right:0px;		
		padding:0px 5px;
		color:#FFFFFF;
		list-style:none; /* gets rid of bullet point */
		cursor:pointer;
		}
							
	#easyscrollnav li.over{
		text-decoration:none;
		}

/*Insert images as background images, then use no-repeat to get only one image*/
		
	#easyscrollnav #btnUp {	
	background-image:url(/common/images/up_arrow.png) !important;
	background-repeat: no-repeat;	
		}
		
	#easyscrollnav #btnDown {	
	background-image:url(/common/images/down_arrow.png) !important;
	background-repeat: no-repeat;	
		}
	 	
		 
/*use image with a different color or size for hover effect*/
	
	#easyscrollnav #btnUp:hover {
	background-image:url(/common/images/up_arrow_hover.png) !important;
	background-repeat:no-repeat;	
		}	 
		
	#easyscrollnav #btnDown:hover {
	background-image:url(/common/images/down_arrow_hover.png) !important;
	background-repeat:no-repeat;	
		}