/* picShow CSS  - styles for picShow control*/

/* Main Control */
.picShow {width: 550px; margin: 0; background: #fff; border: solid 1px #ccc;}
.loading {background: #fff url(../../styles/images/loading.gif) 50% 50% no-repeat;}

/* Image Container */
.picShow_imgContainer {padding: 15px 15px 10px 15px; text-align: center; width: 520px; position: relative;}
	.picShow_imgContainer img {margin: 0 auto; border: none;}
	.picShow_imgContainer object {width: 520px;}
		.picShow_imgContainer embed {width: 520px;}
	
/* Thumbnail Container and thumbnails */
.picShow_tnContainer {}
.picShow_thumbnails {width: 525px; overflow: hidden; height: 95px;}
.picShow_thumbnails ul {margin: 0 25px; padding: 0; overflow: auto; white-space: nowrap; list-style: none; width: 500px; height: 85px;}
	.picShow_thumbnails ul li {display: inline-block; margin: 0 -2px; padding: 0; width: 100px; text-align: center;}
	.picShow_thumbnails ul li a {padding: 0 2px; margin: 0; display: block; text-align: center;}
		.picShow_thumbnails ul li a:hover img {opacity: 1; filter: alpha(opacity=100);}
	.picShow_thumbnails ul li a img {padding: 0; margin: 0 auto; border: none; opacity: .7; filter: alpha(opacity=70); height: 60px;}
	.picShow_thumbnails ul li code {display: none; visibility: hidden; padding: 0; margin: 0; width: 0; height: 0;}
	.picShow_thumbnails ul li p {display: none; visibility: hidden; padding: 0; margin: 0; width: 0; height: 0;}
		
/* Controls */
.picShow_prev, .picShow_next {width: 25px; height: 60px; display: block; overflow: hidden;
									background: #fff url(nextprev.png) no-repeat; text-indent: -999em;}
.picShow_prev {float: left; background-position: 0 0;}
	.picShow_prev:hover {background-position: -25px 0;}
.picShow_next {float: right; background-position: -50px 0;}
	.picShow_next:hover {background-position: -75px 0;}

.picShow_imgControls {}
.picShow_maxButton {position: absolute; bottom: 14px; right: 19px; width: 20px; height: 20px;
						display: block; text-indent: -999em;
						background: transparent url(descmax.png) -20px 0;}
	.picShow_maxButton:hover {background-position: -60px 0;}
.picShow_descButton {position: absolute; bottom: 14px; right: 45px; width: 20px; height: 20px;
						 display: block; text-indent: -999em; outline: none;
						 background: transparent url(descmax.png) 0 0;}
	.picShow_descButton:hover {background-position: -40px 0;}
.picShow_descContainer {position: absolute; top: 15px; left: 15px; width: 510px; padding: 5px; text-align: left;
								background: #fff; opacity: .8; filter: alpha(opacity=80); display: block;}
.picShow_descContainer p, .picShow_descContainer p a {margin: 0; color: #000;}


/* Styles when javascript is applied */
.js .picShow_descContainer p {padding: 5px 60px 5px 5px;}
.js .picShow_thumbnails {width: 500px; overflow: hidden; position: relative; height: 70px;}
.js .picShow_thumbnails ul {margin: 0; overflow: hidden; position: relative; left: 0;}
.js .picShow_thumbnails ul li a img {display: block;}