/* This stylesheet is for NPI slideshows, and for slideshows used elsewhere. */


#geaheader {
	padding-top: 10px;
}

#slideshowHeading {
	padding-top: 16px;
}
#slideshowHeading img {
	vertical-align: top;
}

#slideshowBody {
	padding-top: 5px;
}

#slideshowTable {
	width: 712px;
}
#slideshowLeftCell {
	width: 482px;
}
#slideshowRightCell {
	width: 230px;
}
#slideshowRightCell_inner {
	padding-left: 12px;
}

#slideshowPhoto img {
	border: solid 1px #c0c0c0;
}

#slideshowText {
	_height: 159px; /* IE only, will expand as needed */
	min-height: 159px; /* for Firefox, since it strictly enforces height */
	overflow: visible; /* for Firefox */
}
#slideshowText .slideshowPhotoTitle {
	/* dynamically generated.  see slideshow.js. */
	font-size: 100%;
	margin: 0;
	font-weight: bold;
}
#slideshowText .slideshowPhotoSubtitle {
	/* subtitles are things like "(Available December 2005)". */
	/* dynamically generated.  see slideshow.js. */
	font-size: 85%;
	margin: 0;
}
#slideshowText .slideshowPhotoComment {
	/* subtitles are things like "Only GE has it!". */
	/* dynamically generated.  see slideshow.js. */
	font-size: 100%;
	margin: 0;
	font-weight: bold;
	font-style: italic;
	color: #ed8000;
}
#slideshowText .slideshowPhotoDescription {
	/* dynamically generated.  see slideshow.js. */
	font-size: 85%;
	margin: 0;
	padding-bottom: 10px;
}
#slideshowText .slideshowPhotoFootnotes {
	/* dynamically generated.  see slideshow.js. */
	margin: 0;
	margin-top: 15px;
	padding-bottom: 10px;
	font-size: 85%;
	color: #999999;
}

#slideshowNavigation {
	width: 198px;
	height: 23px;
	font-size: 85%;
}
#slideshowNavigation img.seethru {
	vertical-align: top;
}
#slideshowNavigationPrevious {
	float: left;
	font-weight:bold;
}
#slideshowNavigationNext {
	float: right;
	font-weight:bold;
}

#slideshowThumbnails {
	height: 320px; /* 69px for each row */
	width: 218px; /* 66px for each column + 20px for scrollbar */
	overflow: auto;
	line-height: 0; /* In Firefox, this eliminates the extra vertical space
		between lines consisting purely of images, */
	position: relative; /* Firefox requires this for dynamic scrolling to
		work properly.  This causes thumbnails to have offsetTop relative
		to the slideshowThumbnails element. */
}
#slideshowThumbnails img {
	margin: 2px;
	border: 1px solid #c0c0c0;
	border-color: #c0c0c0;
	opacity: 0.75;
	filter: alpha(opacity=75); /* see below */
}
#slideshowThumbnails a:hover img {
	margin: 1px; /* keep border + margin the same to prevent image shifting */
	border: 2px solid;
	border-color: #89abd5; /* overridden in /css05/color_xxx.css. */
	opacity: 1.00;
	filter: alpha(opacity=100); /* see below */
}
#slideshowThumbnails img.selected {
	margin: 1px; /* keep border + margin the same to prevent image shifting */
	border: 2px solid;
	border-color: #89abd5; /* overridden in /css05/color_xxx.css. */
	opacity: 1.00;
	filter: alpha(opacity=100); /* see below */
}
/* NOTE: in MSIE, removing the opacities will cause the image border width
   changing on hover to stop working, and the border color changing to stop
   working reliably.  But wait, there's more.  The default opacity *must*
   be different from the on-hover opacity. */

/* see also: /products/introductions/css/introductions.css */
#copyright {
	color: #999999;
	font-size: 85%;
	margin-top: 15px;
	margin-left: 24px;
}