body {background-color: white; color: black; font: 12px arial; margin: 3px; }


a:link {color: black}
a:visited {color: black}
a:hover {color: black}
a:active {color: black}

table {border: 0px;  }

td {font: 10px arial; color: black; padding: 0px; vertical-align: top;}

td.pic { background-color: #EEEEEE; padding: 0px; }
td.picr { text-align: right; background-color: #EEEEEE; padding: 0px; }
td.thumb { background-color: #EEEEEE; padding: 0px; }
td.thumbcenter { vertical-align: middle; text-align: center; background-color: #EEEEEE; padding: 0px; }
td.thumbtitle { vertical-align: middle; height: 36px; text-align: center; background-color: #EEEEEE; padding: 2px; font: bold 14px arial; }
td.thumbtitlesmall { vertical-align: middle; height: 36px; text-align: center; background-color: #EEEEEE; padding: 2px; font: bold 10px arial; }
td.title { background-color: #EEEEEE; padding: 2px; font: bold 14px arial; border-bottom: 2px solid #999999}
td.bigtitle { font: bold 24px arial; color: #999999; padding: 0px; }
td.std { background-color: #EEEEEE; padding: 2px; font: 12px arial; }

.mo img { filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }
.mo:hover img { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }

img.controls { border: 0px; width: 24px; height: 24px; }

img.thumbna { width: 100px; height: 75px; }
.thumbn img { border: 1px solid black; }
.thumbn:hover img { border: 1px solid #999999; }
.thumbn:hover{color: red; /* irrelevant definition to overcome IE bug */}

.picn img { border: 2px solid black; }
.picn:hover img { border: 2px solid #999999; }
.picn:hover{color: red; /* irrelevant definition to overcome IE bug */}

ul { margin-top: 5px; margin-bottom: 5px; }