ul#thumbnail {
margin: 0;
list-style-type: none;
float: left;
display: block; 
width: auto;
height: auto;
}

ul#thumbnail li{
display: list-item;
float: left;
height: auto;
text-align: center;
vertical-align: bottom;
}

img#thumbnail {
padding: 2px;
border: 1px solid #ccc;
margin: 5px
}

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
margin: 0 auto;
width: auto;
padding: 5px;
padding-bottom: 0;
background: #fff;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
border: 10px solid #000;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: #000;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
padding-bottom: 10px;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}