body {
font-family: "Bookman Old Style", "Book Antiqua", "Verdana", "Arial";
font-size: 12px;
margin:0;
background: url('images/background03.jpg');
background-color: #FFFFFF;
}
img {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
}
td { font-size: 12px; vertical-align: top; }

a:link { color: #2795D3; }
a:visited { color: #2795D3; }
a:hover { color: #FF582F; text-decoration: none; }

td.topbar { font-size: 12px; font-weight: bold; font-family: Verdana, Tahoma, Arial; vertical-align: middle; color: #5A5A5A;
background: url('images/topline.png'); background-repeat: no-repeat; }

a.top:link { color: #CCCCCC; text-decoration: none; }
a.top:visited { color: #CCCCCC; text-decoration: none; }
a.top:hover { color: #FF9900; }

a.pan:link {color: gray; font-size: 10px; text-decoration: none; font-family: Verdana, Tahoma; }
a.pan:visited {color: gray; font-size: 10px; text-decoration: none; font-family: Verdana, Tahoma; }
a.pan:active {color: gray; font-size: 10px; text-decoration: none; font-family: Verdana, Tahoma; }
a.pan:hover { text-decoration: overline }

img.mso { height: 64px; width: 64px; }
img.mso:hover { height: 128px; width: 128px; }
td.mst { height: 144px; vertical-align: middle; }

/* div properties */


div.previews { position: relative; height: 160px; vertical-align: middle; display: inline; text-align: center; }
div.preview { margin: 0 8px 8px 0; height: 160px; vertical-align: middle; position: absolute; display: inline; top: 0; }
img.preview { 
position: absolute; 
display: inline;
width: 64px;
height: 64px; 
vertical-align: middle; }

/* Animated Icons */

.dock{
list-style:none;
position:relative;
margin:0px auto;
}
.dock li, .dock a {
display:inline;
}
.dock img{
display:block;
border:none;
width:64px;
height:64px; 
position:absolute; 
top:auto;
left:auto;
}

/* Image special */
.special { filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50; }
.special:hover { filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90; }

/* Screenshot pop-up */
.scpop{
position: relative;
z-index: 0;
}

.scpop:hover{
background-color: transparent;
z-index: 5;
}

.scpop span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 2px;
bottom: 116px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.scpop:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
position: absolute;
bottom: 116px;
left: 0px; /*position where enlarged image should offset horizontally */
}