/* Container - Everything */
#lightbox {
position: absolute;
left: 0px
min-width: 950px;
width: 100%;
z-index: 100;
text-align: center;
}

/* Container - Actual Artwork/Photo */
#lightbox img {
width: auto;
height: auto;
max-width: 100%;
border: 1px #ffcc77 solid;
}

/* Container - Close Button */
#lightbox a img {
border: none;
}

/* Container - Entire Image Area Including Prev/Next Buttons */          /*DUPE 001*/
#outerImageContainer {
position: relative;
left: 0px;
padding: 0px;
margin: 0px auto;
min-width: 950px;
max-width: 100%;
}

/* Container - Outer Image Area Including Prev/Next Buttons - Not Full Height */
#imageContainer {
padding: 0px;

}

/* Graphic - Loading Artwork/Photo */
#loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0px;
}

/* Container - Entire Image Area Including Prev/Next Buttons */          /*DUPE 001*/
#hoverNav {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
z-index: 10px;

}

/* Container - Entire Image Area Including Prev/Next Buttons */          /*DUPE 001*/
#imageContainer>#hoverNav {
left: 0px;
}

/* Container - Prev and Next Button Links Over Image Area */           /*DUPE 002*/
#hoverNav a {
outline: none;
}

/* Container - Prev and Next Button Links Over Image Area */           /*DUPE 002*/
#prevLink, #nextLink {
width: 49%;
height: 100%;
background-image: url(data:/images/lightbox/gif;base64,AAAA);
/* Trick IE into showing hover */
display: block;

}

/* Container - Prev Button Link Over Image Area */    
#prevLink {
left: 0px;
float: left;
margin-left:9px;
}

/* Container - Next Button Link Over Image Area */ 
#nextLink {
right: 0px;
float: right;
margin-right:9px;

}

/* Container - Hover Effect Prev Button Link Over Image Area */ 
#prevLink:hover, #prevLink:visited:hover {
background: url(/images/lightbox/prevlabel.gif) left 15% no-repeat;
}

/* Container - Hover Effect Next Button Link Over Image Area */ 
#nextLink:hover, #nextLink:visited:hover {
background: url(/images/lightbox/nextlabel.gif) right 15% no-repeat;

}


/* Container - Entire Image Text Details */                                        /*DUPE 003*/
#imageDataContainer {
position: relative;
top: 0px;

margin: 0px auto;
}

/* Container - Entire Image Text Details */                                       /*DUPE 003*/
#imageData {
/*background-image: url('/images/backgrounds/background_website_content.jpg');*/
background-color:#000000;
height:60px;
border: 1px #ffcc77 solid;
margin-left:10px;
margin-right:10px;
}

/* Container - Image Count and Caption */
#imageData #imageDetails {
width: 70%;
float: left;
text-align: left;
position:relative;
height:100%;
}

/* Container - Image Caption */
#imageData #caption {
	font-family: monospace;
	font-size: 14px;
	font-weight: bold;
	color: #ffcc66;
	text-shadow: #000000 3px 3px 3px, #000000 -3px -3px 3px;
	padding-left:15px;
	padding-top:8px;
}



/* Container - Image Count */
#imageData #numberDisplay {
	display: block;
	clear: left;
	font-family: monospace;
	font-size: 14px;
	font-weight: normal;
	font-style:italic;
	color: #ffcc66;
	text-shadow: #000000 3px 3px 3px, #000000 -3px -3px 3px;
	padding-top:20px;
	padding-left:15px;
}			







/* Container - Close Button */
#imageData #bottomNavClose {
width: 66px;
float: right;
outline: none;
padding-top: 12px;
padding-right:15px;
}	 	

#overlay {
position: absolute;
top: 0px;
left: 0px;
z-index: 90;
min-width: 100%;
min-height: 100%;
width:100%;
height:100%;
background-color: #000000;
}