/*JQuery Viewer-Opener */
.big-image-box { position: absolute; background: white; z-index: 50; padding: 0px; left: 0; top: 0; }
.big-image-box .topdiv { text-align: right; background: #f6f6f6; padding-bottom: 10px; min-height: 35px; height: auto !important; height: 35px; }
.thumb-box { margin: 10px 10px 0 20px; text-align: center; }
.thumb-box a img { height: 30px; }
.thumb-box a { border: 1px solid white; margin-right: 10px; display: block; padding: 5px; outline: none; }
a.thumb-pic.active { border: 1px solid red; }
.thumb-box a:hover { border: 1px solid gray; }
a.thumb-pic.active:hover { border: 1px solid red; }
.big-box { clear: both; margin: 20px; background-image: url("../img/loading.jpg"); background-repeat: no-repeat; background-position: center center; }
#cur-image-box { display: none; }
.thumb-box-a { float: left; }
.big-image-box h1 { text-align: center; margin: 0 20px; color: #de2f00; font-size: 14px; }
.overlay { background: black; position: absolute; z-index: 40; top: 0; left:0; width: 100%; opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); }


.controls img { vertical-align: middle; line-height: 16px;}
.controls { font-size: 10px; width: 210px; float: right; margin-top: -27px; text-align: right; }



#sup-comments { width: 100pt; float: right; position: relative; top: 1.8em; z-index: 3; }
#sup-comments .ico { float: right; margin-right: 3pt;  }
#sup-comments #comment { display: block; text-decoration: none;  border-bottom: 1px dotted #0084b0; float: right; margin-right: 10px; }
#sup-comments #comment:hover { border-bottom: 1px dotted #00b4ef; }
#sup-comments #comment.active { -webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px;  background: #ffc400;  color: #000000;  border: medium none; padding: 0 1px 3px 5px; }

.commentblock {  position: absolute;  border: 3px solid  #f5cd05; z-index: 5; background: #ffffff; right: 0; max-height: 300pt; overflow: auto; }