body { background-color: white; margin: 0px 0px; }

.pageTitle { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 16px; font-weight: bold; padding: 4px 0px 4px 1ex; color: #333333; text-shadow: 2px 2px 4px #666666; }
#pageHeader { background: linear-gradient(#ddd 0%, white 40%, white 60%, #bbb 100%);  border-bottom: 1px solid #666666; height: 40px; }
#caption { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #0000CC; }
#caption b { font-family: Verdana,Arial,Helvetica; font-size: 9px; font-weight: bold; color: black; }
#caption A { font-family: Times; font-size: 12px; color: #CC0000; font-style: italic; }
#dropdown { font-size: 11px; }

#vcr img:hover { background-color: #0000FF; }
#vcr img:active { background-color: #00FFFF; }
#vcr img { cursor: hand; cursor: pointer; display: block;}

#options { table-layout: fixed; position: absolute; top: 32px; right: 10px; opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50); }
#options:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
#options img:hover { background-color: #0099FF; }
#options img:active { background-color: #CC0000; }
#options img { cursor: hand; cursor: pointer; display: block; }
#delay { font-size: 9px; font-family: Verdana,Arial,Helvetica; color: #000000; text-align: center; }

#thumBrowser { width: 318px; padding: 4px 2px; position: absolute; top: 70px; right: 10px; }
.thumbFrame { opacity: .5; transition: opacity .5s ease-in; cursor: hand; cursor: pointer; width: 53px; height: 35px; float: left; text-align: center; overflow: hidden; background-color: black; }
.thumbFrame:hover { background-color: yellow; opacity: 1; transition-duration: 0s; }

.viewerImg { position: absolute; top: 70px; left: 10px; }

#galleryIcon { opacity: .35; -moz-opacity: .35; filter: alpha(opacity=35); }
#galleryIcon:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }