/*  Popup an images which is displayed as a thumbnail  */	
                    
                    .thumbnail{
                    position: relative;
                    z-index: 0;
                    }
                    
                    .thumbnail:hover{
                    background-color: transparent;
                    z-index: 50;
                    }
                    
                    .thumbnail span{ /*CSS for enlarged image*/
                    position: absolute;
                    background-color:#E8F5FD;
                    padding: 3px;
                    left: -1000px;
                    border: 1px solid blue;
                    visibility: hidden;
                    color: blue;
                    text-decoration: none;
                    }
                    
                    .thumbnail span img{ /*CSS for enlarged image*/
                    border-width: 0;
                    padding: 2px;
                    }
                    
                    .thumbnail:hover span{ /*CSS for enlarged image on hover*/
                    visibility: visible;
                    top: 0;
                    left: 10px; /*position where enlarged image should offset horizontally */
                    
                    }