/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnail {
	color: #FFFFFF;
	position: relative;
	z-index: 0;
	font-size: x-small;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	text-decoration: none;
}

.thumbnail:hover {
	background-color: transparent;
	z-index: 50;
}

.thumbnail span { /*CSS for enlarged image*/
	position: absolute;
	background-color: #bcca99;
	padding: 6px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	font-size: small;
	font-weight: bold;
}

.thumbnail span img { /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span { /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	top: -150px; /*position where enlarged image should offset vertically */
	left: -60px; /*position where enlarged image should offset horizontally */
	color: #174608;
	text-decoration: none;
}