/* imagogallery css*/
body {
	background-color: #242424;
	color: #000000;
	margin: 0px;
}
.imago_thumbImg {
	border: 3px solid #000000;
}

.imago_selectedThumb {
	border: 3px solid #72CC39;
}

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

#imagoThumbMenu {
	position: relative;
	left: 560px;
	top: -20px;
	width: 200px;
	height: 330px;
}
 
#imagoCurrentThumbTable {
	border-collapse: separate;
	border-spacing:2px;
	margin: 3px;
	padding: 5px;
	outline: 5px;
}

#imagoCurrentImageTitle {
	text-align: center;
	font-weight: normal;
	color: #666666;
	margin-top: 0px;
	z-index:11;
}

#imagoGalleryTitle {
	text-align: left;
	font-size: small;
	font-weight: normal;
	font-family: monospace;
	color: #666666;
}

#imagoFrame {
	position: relative;
	margin-top: -330px;
	margin-left: 5px;
}

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

#imagoCurrentImg {
	border: 0px solid #000000;
}
.imagogallery{
    position: relative;
	top: 0px;
	left: 0px;

}





#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: #666666;
}
#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, a.imago_navPrev
{
	position: absolute;
	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 {
top:10px;
left:60px;
background: url('img/btn-up.gif') no-repeat top left;
}

a.imago_navNext {
padding-left:40px;
top:340px;
background: url('img/btn-dn.gif') no-repeat top right;
}

a.imago_navNextImage:hover {
	background: url('img/arrow-right.png') no-repeat bottom left;
}

a.imago_navNextImage {
	background: url('img/arrow-right.png') no-repeat bottom left;
	right: -5px;
	top: -10px;
}

a.imago_navPreviousImage {
 right:50px;
	
	top: -10px;
	background: url('img/arrow-left.png') no-repeat bottom right;
}
a.imago_navPreviousImage:hover {
	background: url('img/arrow-left.png') no-repeat bottom right ;
}