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

/* prev, next, prevPage and nextPage buttons */
a.browse {
	/*background:url(../img/scrollable/arrow/hori_large.png) no-repeat;*/
	/*background:url(../images/hori_large.png) no-repeat;*/
	display:block;
	width:16px;
	height:72px;
	float:left;
	margin:2px 0 2px 0;
	cursor:pointer;
	font-size:1px;	
	
}

#homeDontMissMid a.browse {
	width: 9px;
}


/* right */
a.right 				{ clear:right; margin-right: 0px; margin-left:0px; margin-top: 2px;background:url(../images/btnScrollerHistoryRight_off.gif) no-repeat;}
a.right:hover 		{ background:url(../images/btnScrollerHistoryRight_on.gif) no-repeat;}
a.right:active 	{ background:url(../images/btnScrollerHistoryRight_on.gif) no-repeat; } 
/*page specific*/
#mediaLightBoxMid a.right { margin-left:10px; margin-top: 43px; background:url(../images/btnSrollRight_off.gif) no-repeat;}
#mediaLightBoxMid a.right:hover 		{ background:url(../images/btnSrollRight_on.gif) no-repeat;}
#mediaLightBoxMid a.right:active 	{ background:url(../images/btnSrollRight_on.gif) no-repeat; } 
#mediaLightBoxMid a.right.disabled:hover {background:url(../images/btnSrollRight_off.gif) no-repeat;}

#homeDontMissMid a.right { margin-left:11px; background:url(../images/btnSrollRight_off.gif) no-repeat;}
#homeDontMissMid a.right:hover 		{ background:url(../images/btnSrollRight_on.gif) no-repeat;}
#homeDontMissMid a.right:active 	{ background:url(../images/btnSrollRight_on.gif) no-repeat; } 

#booksDontMissMid a.right { margin-left:11px; margin-top: 50px; background:url(../images/btnSrollRight_off.gif) no-repeat;}
#booksDontMissMid a.right:hover 		{ background:url(../images/btnSrollRight_on.gif) no-repeat;}
#booksDontMissMid a.right:active 	{ background:url(../images/btnSrollRight_on.gif) no-repeat; }
#eventScroll a.right { margin-left:10px; margin-top: 5px; height:179px; background:url(../images/btnScrollerLongRight_off.gif) no-repeat;}
#eventScroll a.right:hover 		{ background:url(../images/btnScrollerLongRight_on.gif) no-repeat;}
#eventScroll a.right:active 	{ background:url(../images/btnScrollerLongRight_on.gif) no-repeat; } 
#eventsPhotosMid a.right { margin-left:11px; margin-top: 50px; background:url(../images/btnSrollRight_off.gif) no-repeat;}
#eventsPhotosMid a.right:hover 		{ background:url(../images/btnSrollRight_on.gif) no-repeat;}
#eventsPhotosMid a.right:active 	{ background:url(../images/btnSrollRight_on.gif) no-repeat; }
#educationScroll a.right {margin-left:10px;}
#historyEducationScroll a.right {margin-top: 8px;}

#travelPhotoScroll a.right { margin-left:10px; margin-top: 60px; height:179px; background:url(../images/btnScrollerLongRight_off.gif) no-repeat;}
#travelPhotoScroll a.right:hover 		{ background:url(../images/btnScrollerLongRight_on.gif) no-repeat;}
#travelPhotoScroll a.right:active 	{ background:url(../images/btnScrollerLongRight_on.gif) no-repeat; } 

/* left */
a.left				{ margin-left: 0px; margin-right:10px; margin-top: 2px; background:url(../images/btnScrollerHistoryLeft_off.gif) no-repeat;} 
a.left:hover  		{ background:url(../images/btnScrollerHistoryLeft_on.gif) no-repeat;}
a.left:active  	{ background:url(../images/btnScrollerHistoryLeft_on.gif) no-repeat; }
/*page specific*/
#mediaLightBoxMid a.left { margin-right:10px; margin-top: 43px; background:url(../images/btnSrollLeft_off.gif) no-repeat;}
#mediaLightBoxMid a.left:hover  		{ background:url(../images/btnSrollLeft_on.gif) no-repeat;}
#mediaLightBoxMid a.left:active  	{ background:url(../images/btnSrollLeft_on.gif) no-repeat; }
#mediaLightBoxMid a.left.disabled:hover {background:url(../images/btnSrollLeft_off.gif) no-repeat;}

#homeDontMissMid a.left { margin-right:11px; background:url(../images/btnSrollLeft_off.gif) no-repeat;}
#homeDontMissMid a.left:hover  		{ background:url(../images/btnSrollLeft_on.gif) no-repeat;}
#homeDontMissMid a.left:active  	{ background:url(../images/btnSrollLeft_on.gif) no-repeat; }

#booksDontMissMid a.left { margin-right:11px; margin-top: 50px; background:url(../images/btnSrollLeft_off.gif) no-repeat;}
#booksDontMissMid a.left:hover  		{ background:url(../images/btnSrollLeft_on.gif) no-repeat;}
#booksDontMissMid a.left:active  	{ background:url(../images/btnSrollLeft_on.gif) no-repeat; }

#eventScroll a.left { margin-right:10px; margin-top: 5px; height:179px; background:url(../images/btnScrollerLongLeft_off.gif) no-repeat;}
#eventScroll a.left:hover  		{ background:url(../images/btnScrollerLongLeft_on.gif) no-repeat;}
#eventScroll a.left:active  	{ background:url(../images/btnScrollerLongLeft_on.gif) no-repeat; }

#eventsPhotosMid a.left { margin-right:11px; margin-top: 50px; background:url(../images/btnSrollLeft_off.gif) no-repeat;}
#eventsPhotosMid a.left:hover  		{ background:url(../images/btnSrollLeft_on.gif) no-repeat;}
#eventsPhotosMid a.left:active  	{ background:url(../images/btnSrollLeft_on.gif) no-repeat; }
#educationScroll a.left {margin-right:7px;}

#historyEducationScroll a.left {margin-top: 8px;}

#travelPhotoScroll a.left { margin-left:8px; margin-right:10px; margin-top: 60px; height:179px; background:url(../images/btnScrollerLongLeft_off.gif) no-repeat;}
#travelPhotoScroll a.left:hover  		{ background:url(../images/btnScrollerLongLeft_on.gif) no-repeat;}
#travelPhotoScroll a.left:active  	{ background:url(../images/btnScrollerLongLeft_on.gif) no-repeat; }

/* up and down (not use this for this project)*/
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up  */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 

/* disabled navigational button */
a.right.disabled, a.left.disabled {
	visibility:visible;
	cursor:default;
	opacity:0.4;
	filter:alpha(opacity=40);
} 	

a.left.disabled:hover {
	background:url(../images/btnScrollerHistoryLeft_off.gif) no-repeat;
} 	

a.right.disabled:hover {
	background:url(../images/btnScrollerHistoryRight_off.gif) no-repeat;
} 	

/* prev, next, prevPage and nextPage buttons */
#theEducationFeatureNav a.browse {
	background:url(../images/btnSrollLeft_on.png) no-repeat;
	display:block;
	width:15px;
	height:20px;
	cursor:pointer;
	font-size:1px;
	margin-top: 2px;
}

/* right */
#theEducationFeatureNav a.right 				{ background:url(../images/btnSrollRight_off.png) no-repeat; display: inline; float: left; width: 9px; }
#theEducationFeatureNav a.right:hover 			{ background:url(../images/btnSrollRight_on.png) no-repeat; }
#theEducationFeatureNav a.right:active 			{ background:url(../images/btnSrollRight_on.png) no-repeat; } 


/* left */
#theEducationFeatureNav a.left					{ background:url(../images/btnSrollLeft_off.png) no-repeat; display: inline; float: left; width: 9px; } 
#theEducationFeatureNav a.left:hover  			{ background:url(../images/btnSrollLeft_on.png) no-repeat; }
#theEducationFeatureNav a.left:active  			{ background:url(../images/btnSrollLeft_on.png) no-repeat; }

/* play/pause */
#theEducationFeatureNav a.pause 				{ background:url(../images/btnScrollerPause_off.png) no-repeat; display: inline; float: left; width: 20px;
												  margin-left: 10px }
#theEducationFeatureNav a.pause:hover			{ background:url(../images/btnScrollerPause_on.png) no-repeat; display: inline; float: left; width: 20px;
												  margin-left: 10px }	
												  
#theEducationFeatureNav a.play 					{ background:url(../images/btnPlay_off.png) no-repeat; display: inline; float: left; width: 20px;
												  margin-left: 10px }
#theEducationFeatureNav a.play:hover			{ background:url(../images/btnPlay_on.png) no-repeat; display: inline; float: left; width: 20px;
												  margin-left: 10px }												  

/* disabled navigational button */
#theEducationFeatureNav a.disabled {
	opacity:0.4;
	filter:alpha(opacity=10);
	cursor:default;
} 	

#theEducationFeatureNav a.left.disabled:hover {
	background:url(../images/btnSrollLeft_off.png) no-repeat;
} 	

#theEducationFeatureNav a.right.disabled:hover {
	background:url(../images/btnSrollRight_off.png) no-repeat;
} 	

/*** Education Feature Begins ***/