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

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

/* Larger image container and position before hover*/
.hoverPopupTop 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 */
.hoverPopupTop span img{
	border-width: 0;
	padding: 0px;
	width: 45px;
	height: 30px;
}

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

/* Larger image size and container on hover */
.hoverPopupTop: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 */
.hoverPopupTop img {
	padding: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #996666;
	width: 275px;
	height: 185px;	
}

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