.InfoPopupHeader
{
	position:absolute;
	top:16px;
	left:-240px;
	z-index:300;
	background-color:Blue;
	width:730px;
	height:20px;
}

.InfoPopupHeaderCommand
{
	position:absolute;
	top:2px;
	left:645px;
	z-index:300;
	background-color:Blue;
	width:85px;
	height:20px;
	color:White
}

.InfoPopup
{
	position:absolute;
	top:36px;
	left:-240px;
	z-index:300;
	background-color:White;
	width:710px;
	height:400px;
	padding: 10px;
}
.InfoPopupFodder
{
	position:absolute;
	top:436px;
	left:-240px;
	z-index:300;
	background-color:Blue;
	width:730px;
	height:20px;
}
.ShowPopupDetail
{
position:absolute;
	top:2px;
	left:645px;
	z-index:300;
	background-color:Blue;
	width:85px;
	height:18px;
	color:White
}
.ShowPopupList
{
	position:absolute;
	top:2px;
	left:545px;
	z-index:300;
	background-color:Blue;
	width:85px;
	height:18px;
	color:White
}


.thumbnail{
	position: relative;
	z-index: 0;
}

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

.thumbnail span
{
	/*CSS for enlarged image*/
	position: absolute;
	background-color: White;
	padding: 5px;
	left: -1000px;
	visibility: hidden;
	color: black;
	text-decoration: none;
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: gray 1px solid;
}

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

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	position:fixed;
	left: 150px;
	top: 200px;
	visibility: visible;
	


	/*left: 60px; /*position where enlarged image should offset horizontally */
}