/* http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/ */


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


.thumbnail img{border: 1px solid #ccc;;margin: 0 5px 5px;}
.thumbnail p{border-bottom: 0px;margin: 0 5px 5px; display:inline; margin-bottom:-15px;}
.thumbnail:hover{background-color: transparent;}
.thumbnail:hover img{border: 1px solid #ccc;}
.thumbnail span{ position: absolute;  background:rgba(230, 230, 250, 0.8); 
padding: 15px;left: -1000px;border: 1px dashed gray;visibility: hidden;
color: black;text-decoration: none; text-align:center; font-size: 16px;}/*CSS for enlarged image*/

.thumbnail span img{ border: 3px solid #ccc; padding: 15px; }/*CSS for enlarged image*/

.thumbnail:hover span{ /*CSS for enlarged image*/
				visibility: visible;top: 10px; left: 120px; 
				/*position where enlarged image should offset horizontally */
				z-index: 50;}

.gallerycode { float:right; width:75%; padding:5px;  font-family:"Courier New", Courier, monospace; font-size:12px; 
				padding:5px; border:1px solid #aaa;background-color:#d9d9c9; 
				-moz-border-radius: 10px;    -webkit-border-radius: 10px;    -khtml-border-radius: 10px;    border-radius: 10px;}