/* photo viewer */
.pictureHolder a.next {	opacity: 0.6; filter: alpha(opacity=60); position: absolute; top: 40%; right: -25px; width: 30px; height: 40px; background: url(../images/nextSquare.png) no-repeat; }
.pictureHolder a.previous { opacity: 0.6; filter: alpha(opacity=60); position: absolute; top: 40%; left: -25px; width: 30px; height: 40px; background: url(../images/prevSquare.png) no-repeat; }
.pictureHolder a.next:hover { opacity: 1.0; filter: alpha(opacity=100); right: -30px; cursor: pointer; }
.pictureHolder a.previous:hover { opacity: 1.0; filter: alpha(opacity=100); left: -30px; cursor: pointer; }
.pictureHolder .content a.expand { background: url(../images/btnExpand.gif) top left no-repeat; cursor: pointer; }
.pictureHolder .content a.expand:hover { background: url(../images/btnExpand.gif) bottom left no-repeat; cursor: pointer; }
.pictureHolder .content a.contract { background: url(../images/btnContract.gif) top left no-repeat; cursor: pointer; }
.pictureHolder .content a.contract:hover { background: url(../images/btnContract.gif) bottom left no-repeat; cursor: pointer; }
.pictureHolder a.close { width: 30px; height: 30px; background: url(../images/closebox.png) center left no-repeat; cursor: pointer; }
.pictureHolder .content .details .nav a.arrow_previous { background: url(../images/arrow_previous.gif) top center no-repeat; }
.pictureHolder .content .details .nav a.arrow_next { background: url(../images/arrow_next.gif) top center no-repeat; }
.pictureHolder .loaderIcon { background: url(../images/loader.gif) center center no-repeat; }
.pictureHolder #pauseBtn { color: #369; cursor: pointer; }

.photoViewerOverlay {
	background: #000;
	position: absolute;	z-index: 9500; 
	top: 0; left: 0;
	width: 100%;
}
.pictureHolder {
	position: absolute; z-index: 9998;
	top: 20px;
	width: 100px;
}		
.pictureHolder .content {
	padding: 20px;
	position: relative;
	width: 100%; height: 40px;
	text-align: left;
	background: #fff;
}		
.pictureHolder .content .details {
	display: none;
}
div.pictureHolder .content .details p.description { 
	display: none; 
	float: left; 
}
div.pictureHolder .content .details .nav { 
	display: block; 
	float: right; 
}
.pictureHolder .content .details .nav p { 
	margin: 0 5px;
	float: left;  
}
.pictureHolder .content .details .nav a.arrow_previous,
.pictureHolder .content .details .nav a.arrow_next {
	margin-top: 3px;
	float: left;
	width: 8px; height: 9px;
}
.pictureHolder .content .hoverContainer {
	position: absolute; z-index: 9999;
	top: 20px; left: 20px;
	width: 100%;
	opacity: 0.8; filter: alpha(opacity=80); background: url(../images/pixel.gif);
}
.pictureHolder .content .hoverContainer p { 
	display: none;
	margin-top: 25.4%;
	color: #fff;
	font-size: 2em; 
	font-weight: bold; 
	text-align:center; 
	line-height: 2em;
}
.pictureHolder .content a.next {
	position: relative; z-index: 9999;
	display: block; float: right;
	width: 49%; height: 100%;
	background: url(../images/btnNext.gif) 10000px 50% no-repeat;
}
.pictureHolder .content a.previous {
	cursor: pointer;
	display: block;
	width: 49%; height: 100%;
	background: url(../images/btnPrevious.gif) 10000px 50% no-repeat;
	
}
.pictureHolder .content a.expand,
.pictureHolder .content a.contract {
	position: absolute; z-index: 20000;
	top: 30px; right: 30px;
	cursor: pointer;
	display: none;
	width: 20px; height: 20px;	
}
.pictureHolder a.close {
	position: absolute; z-index: 20000;
	top: -10px; right: -10px;
}
.pictureHolder .loaderIcon {
	display: none;
	position: absolute;
	top: 50%; left: 50%;
	margin: -12px 0 0 -12px;
	width: 24px; height: 24px;
}
.pictureHolder #fullResImageContainer { 
	width: 100%; 
	text-align: center; 
}
/* END photo viewer */