/* imagogallery css*/

.imago_thumbImg {
	border: 5px solid #111;
}

.imago_selectedThumb {
	border: 5px solid #FFFFFF;
}

#imagoError {
	position: absolute;
	top: 50px;
	left: 50px;
	display: none;
	color: #FFFFFF;
}

#imagoThumbMenu {
	float: left;
	width: 180px;
	height: 370px; 
	margin-top: 0px;
	padding-top: 0px;
	border: 0px solid #fff;
}

#imagoCurrentImageTitle {
	text-align: center;
	font-weight: bold;
	color: #fff;
	margin-top: 0px;
	z-index:11;
	display: none;
}

#imagoGalleryTitle {
	font-family: monospace;
	color: #FFFFFF;
	height: 0px;
	display: none;
}

#imagoFrame {
	float: left;
}

#imagoCurrentImageDiv {
	position: relative;
	top: 0px;
}

#imagoCurrentImg {
	border: 10px solid #111;
	height: 350px; 
	width: 650px;
	margin-top: 3px;
}

.imagogallery{
	float: left;
	height: 373px;
	width: 850px;
}

#imagoLoadingDiv {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:10;
	width: 100%;
	height: 100%;
}

#imagoLoadingDiv, #imagoCurrentImageLoadingDiv {
	background: url('img/loading.gif') no-repeat center center;
	background-color: #000;
}
#imagoCurrentImageLoadingDiv {
	position: absolute;
	display: none;
	z-index:10;
}
a.imago_navNextImage, a.imago_navPreviousImage
{
	position: absolute;
	height: 100%;
	width: 10%;
	cursor: pointer;
	z-index:10;
	background: url('img/empty.gif') no-repeat center center;
}

a.imago_navNext {
	float: right;
	margin-top: 340px;
	margin-right: 10px;
	height: 31px;
	width: 31px;
	cursor: pointer;
	z-index:10;
	background: url('img/empty.gif') no-repeat center center;
}

a.imago_navPrev {
	float: right;
	margin-top: 340px;
	margin-right: 50px;
	height: 31px;
	width: 31px;
	cursor: pointer;
	z-index:10;
	background: url('img/empty.gif') no-repeat center center;
}

a.imago_navPreviousImage:focus, a.imago_navNextImage:focus {
  outline-style: none;
}

a.imago_navPrev {
	left: 30px;
	bottom: 0px;
	background: url('img/prevImg.png') no-repeat top left;
}

a.imago_navNext {
	right: 30px;
	bottom: 0px;
	background: url('img/nextImg.png') no-repeat top right;
}

a.imago_navNextImage:hover {
	background: url('img/nextImg.png') no-repeat center center;
}

a.imago_navNextImage {
	right: 20px;
	top: 0px;
}

a.imago_navPreviousImage {
	left: 20px;
	top: 0px;
}
a.imago_navPreviousImage:hover {
	background: url('img/prevImg.png') no-repeat center center;
}