/*************************************************************/
/*** Popup larger image when mouse hovers on its thumbnail ***/
/*-----------------------------------------------------------*/
.hoverPopupGallery {
	position: relative;
	z-index: 0;	
}

.hoverPopupGallery:hover {
	z-index: 10;
}

/* Larger image container and position before hover*/
.hoverPopupGallery span {
	position: absolute;
	z-index: 15;
	visibility: visible;
	background-color: #FFFFFF;
	padding: 10px;
	left: -1200px;
	border: 5px ridge #CC6699;
}

/* Larger image size and container before hover */
.hoverPopupGallery span img{
	border-width: 0;
	padding: 0px;
	width: 45px;
	height: 30px;
}

/* Position of larger image container on hover */
.hoverPopupGallery:hover span { 
	visibility: visible;
	top: -375px;
	left: -120px; 
}

/* Larger image size and container on hover */
.hoverPopupGallery:hover span img {
	border-width: 0;
	padding: 0px;
	width: 425px;
	height: 300px;
	opacity: 1.0;
	filter: alpha(opacity=100);
	/*background-color: #000000;*/
}
 
/* Small image properties */
.hoverPopupGallery img {
	padding: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #996666;
	width: 212px;
	height: 143px;	
}

/* Display border on small image on hover */
.hoverPopupGallery:hover img {
	border-width: 1px;
	border-style: solid;
	border-color: #FF0099;
	opacity: 0.5;
	filter: alpha(opacity=50);
	background-color: #000000;
}