img.x    {
        Position : Absolute ;
        Left : 0px ;
        Top : 0px ;
        Z-Index : -1
        }
img.shadow {
        background: url(shadow-1000x1000.gif) no-repeat right bottom;
        padding: 5px 10px 10px 5px;
}

img.double-border {
        border: 1px solid #909090;
        padding: 5px; /*Inner border size*/
        height: 250px;
        width: 125px;
        background: #fff; /*Inner border color*/
        float: right;
        margin-left: 10px;
}


img.hline {
	padding: 1px;
        height: 15px;
        width: 180px;
	}

img.left {
        padding: 3px; /*Inner border size*/
        height: 100px;
        width: 150px;
        float: left;
        margin-right: 10px;
}

img.right {
        padding: 3px; /*Inner border size*/
        height: 100px;
        width: 150px;
        float: right;
        margin-left: 10px;
}

img.mp3s {
        border: 1px solid #909090;
        padding: 1px; /*Inner border size*/
        height: 25px;
        width: 25px;
        float: left;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
        
.gallerycontainer       {
        position: relative;
        /*Add a height attribute and set to largest image's height to prevent overlaying*/
        }
        
.thumbnail img  {
        border: 1px solid white;
        margin: 0 5px 5px 0;
        }
.thumbnail:hover        {
        background-color: transparent;
        }
        
.thumbnail:hover img    {
        border: 1px solid blue;
        }
         
.thumbnail span { /*CSS for enlarged image*/
        position: absolute;
        background-color: #ffffff;
        padding: 5px;
        left: -1000px;
        border: 1px dashed gray;
        visibility: hidden;
        color: black;
        text-decoration: none;
        }
        
.thumbnail span img     { /*CSS for enlarged image*/
        border-width: 0;
        padding: 2px;
        }
.thumbnail:hover span   { /*CSS for enlarged image*/
        visibility: visible;
        top: 0;
        left: 230px; /*position where enlarged image should offset horizontally */
        z-index: 50;
        }


