/* imagogallery css*/
body {
	background-color: #FFFFFF;
	color: #000000;
	margin: 0px;
       width: 800px;
       /*border: 1px dotted black;*/
}

.imago_thumbImg {
	border: 2px solid #000000;
        text-align: right;
}

.imago_selectedThumb {
	border: 2px solid #BBBBBB;
}

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

#imagoThumbMenu {
	position: fixed;
	left: 25px;
	top: 0px;
	width: 360px;
	height: 330px;
        /*border: 1px dotted black;*/
}
 
#imagoCurrentThumbTable {
	position: fixed;
       border-collapse: collapse;
	border-spacing: 5px;
	margin: 5px;
	padding: 5px;
	outline: 5px;
       top: 35px;
       max-height: 590px;
}
#imagoCurrentThumbTable img {
      width: 100px;
      max-height: 170px;
}
#imagoCurrentThumbTable td {
	/*border: 1px dotted black;*/
       
}
#imagoCurrentThumbTable tr {
	/*border: 1px dotted black;*/
       vertical-align: top;
}


#imagoCurrentImageTitle {
	/*visibility:hidden;
        height: 0px;
        width: 0px;*/
        text-align: left;
        font-size: 12px;
	/*font-weight: bold;*/
	color: #000000;
	margin-top: 5px;
	/*z-index:11;*/
}

#imagoGalleryTitle,  #imagoGalleryTitle h3{
        visibility:hidden;
        height: 0px;
        width: 0px;
	/*text-align: left;
	font-size: larger;
	font-weight: bold;
	font-family: serif;
	color: #000000;
        padding-left: 5px;*/
}

#imagoFrame {
	position: relative;
	left:360px;
        top:0px;
}

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

#imagoCurrentImg {
	border: 3px solid #000000;
}
.imagogallery{
        position: relative;
	float: auto;
        top: 0px;
	left: 0px;
        height: 580px;
        overflow-y: scroll;
}

#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, 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 {
	left: 0px;
	top: 0px;
	background: url('img/prevImg.png') no-repeat top left;
}

a.imago_navNext {
	right: 50px;
	top: 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;
}