.imgOverlay {display: none; background-color: transparent; border: 0px solid #ffeac2; padding: 0px 40px;}
.imgOverlay div.close {background-image: url(i-overlay-close.png); position:absolute; right:-2px; top:5px; cursor:pointer; height:20px; width:20px; }

/* "next image" and "prev image" links */
.next, .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:10%;	
	border:0px solid #ffeac2;	
	cursor:pointer;
	cursor:hand;
	display:block;
	padding:10px 10px;
	color:#ffeac2;
	font-size:11px;

	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.prev, .prev:hover {
	float: left;
	left:0;
	border-left:0;
}

.next, .next:hover {
	right:0;
	border-right:0;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.info {
	position:absolute;
	bottom:-40px;
	padding:10px 10px;
	color:#ffeac2;
	font-size:11px;
	border-top:0px solid #ffeac2;
	
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.info strong {
	
	display:block;	
	font-weight: normal;
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	background:#001600 !important;
	background: url(i-bcg-item.png);		
}