/***********************************************
* CSS Popup Image Viewer- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

/*==gallery===*/
.gallerycontainer{
position: relative;
float:left;
margin:0 30px 0 0;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
border: none;
overflow:hidden;
}

.thumbnail:hover img{
cursor:pointer;
outline: 1px solid #999;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
margin:0;
background-color: white;
padding: 10px 5px 5px 10px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}

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

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -120px;
left: 255px; /*position where enlarged image should offset horizontally */
z-index: 50;
-moz-box-shadow: 0 0 35px rgba(0,0,0,0.50);
-webkit-box-shadow: 0 0 35px rgba(0,0,0,0.50);
box-shadow: 0 0 35px rgba(0,0,0,0.50);
}

.schol:hover span{ /*CSS for enlarged image*/
top: -130px;
}


/*==gallery end===*/