/*** general styling ***/
	.slideshow {
		border-collapse:collapse;
		border:1px solid #505763;
	}
	.slideshow .slideshowHeader {
		background:#20282f;
	}
	.slideshow .slideshowTitle {
		font-family:Arial, Helvetica, Verdana;
		font-size:11px;
		color:#fff;
	}
	.slideshow .slideshowSubtitle {
		font-family:Arial, Helvetica, Verdana;
		font-size:11px;
		color:#aaa;
	}

/*** navigation buttons ***/
	/*** styling common to all states ***/
		.navButton, .navButton:link, .navButton:visited, .navButton:hover, .navButton:active {
			display:block;
			position:relative;
			width:30px;
			height:25px;
			padding:0;
			margin:0;
			border:dotted 1px #555;
			text-decoration:none;
			background:#000 url(../images/button-bg.gif) left top repeat-x;
		}
		.navButton .arrow {
			position:absolute;
			left:0;
			top:0;
			width:100%;
			height:100%;
			background-repeat:no-repeat;
			background-position:center center;
			opacity:.8;
			filter:alpha(opacity=80);
		}
	
	/*** direction-specific styling (arrow images) ***/
		/*** towards first ***/
			.navButton .gotoFirst {
				background-image:url(../images/nav-arrows/nav-arrow-horz-first.gif);
			}
			.navButton .gotoPrevious {
				background-image:url(../images/nav-arrows/nav-arrow-horz-previous.gif);
			}
	
		/*** towards last ***/
			.navButton .gotoLast {
				background-image:url(../images/nav-arrows/nav-arrow-horz-last.gif);
			}
			.navButton .gotoNext {
				background-image:url(../images/nav-arrows/nav-arrow-horz-next.gif);
			}
	
	/*** state-specific styling ***/
		/*** grayed (disabled) ***/
			.navButtonGrayed,
			.navButtonGrayed:link,
			.navButtonGrayed:visited,
			.navButtonGrayed:hover,
			.navButtonGrayed:active
			{
				border:1px solid #333;
				background:#222;
			}
			.navButtonGrayed .arrow {
				opacity:.25;
				filter:alpha(opacity=25);
			}
	
		/*** over (mouseover) ***/
			.navButtonOver,
			.navButtonOver:link,
			.navButtonOver:visited,
			.navButtonOver:hover,
			.navButtonOver:active
			{
				border:solid 1px #777;
			}
	
		/*** common styling to over & active ***/
			.navButtonOver .arrow, .navButtonActive .arrow {
				opacity:1;
				filter:alpha(opacity=100);
			}
	
		/*** active (mousedown) ***/
			.navButtonActive,
			.navButtonActive:link,
			.navButtonActive:visited,
			.navButtonActive:hover,
			.navButtonActive:active
			{
				border:solid 1px #999;
				background-color:#444;
			}
			/*** arrow shift ***/
				.navButtonActive .towardsFirst {
					background-position:40% center;
				}
				.navButtonActive .towardsLast {
					background-position:60% center;
				}