/* (C) Copyright Bobbing Wide 2009 */

.thumbnail, .thumbnail2, .thumbnail3 {
position: relative;
z-index: 0;
text-decoration: none;
}

.thumbnail:hover, .thumbnail2:hover, .thumbnail3:hover {
background-color: transparent;
z-index: 50;
}

.thumbnail span, .thumbnail div, .thumbnail2 span, .thumbnail3 span{ /*CSS for enlarged image*/
position: absolute;
width: 260px;
background-color: #ffffe0; /* lightyellow */;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail h4, .thumbnail2 h4, .thumbnail3 h4 { margin-bottom: 1em; }

.thumbnail p, .thumbnail li { font-size: 100% }

li.thumbnail {  list-style-position: outside;  }

a.thumbnail, a.thumbnail2, a.thumbnail3 { background: transparent url( ../images/infomark.png ) no-repeat top right; padding-right: 1.3em;  }

/* Try to center this better vertically */
.infomark { margin-bottom: -4px; }


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


.thumbnail:hover span, .thumbnail:hover div, .thumbnail:focus span { /*CSS for enlarged image on hover*/
visibility: visible;
position: absolute;
top: -20px;
left: 380px; /*position where unhidden link should offset horizontally - Google */
text-decoration: none;

}

.thumbnail2:hover span, .thumbnail2:focus span{ /*CSS for enlarged image on hover*/
visibility: visible;
position: absolute;
top: -180px;
left: 380px; /*position where unhidden link should offset horizontally - Google */
text-decoration: none;

}
.thumbnail3:hover span, .thumbmail:focus span{ /*CSS for enlarged image on hover*/
visibility: visible;
position: absolute;
top: -280px;
left: 380px; /*position where unhidden link should offset horizontally - Google */
text-decoration: none;

}