html, body{height:100%;}
body{margin:0; padding:0px 20px 0px 20px; background:#ffffff; font-size:65.5%;}
.mainTable{height:100%;}
.topRow{vertical-align:top; padding-top:20px; text-align:center;}
.thumbMatrix{border-top:1px solid #dfdcdc; }
.splitter{border-top:1px solid #dfdcdc;  border-bottom:1px solid #dfdcdc; }

.rowBeginBottom{position:relative; left:0px; bottom:0px; z-index:1000;}
.rowBeginBottom img{left:0px; bottom:0px; position:absolute;}
.rowBeginTop{position:relative; left:0px; top:0px; z-index:1000;}
.rowBeginTop img{left:0px; top:-1px; position:absolute;}

.title{white-space:nowrap; padding-left:20px; border:1px solid #dfdcdc; line-height:3.6em; width:800px; text-align:left;}
.title a{font-family: Arial, Verdana, Helvetica, sans-serif; font-size:2.4em; color:#080909; vertical-align:top; text-decoration:none;}
.title a:hover{color:#022d7b;}

.pagerContainer{padding-right:10px; width:100%; text-align:right;}
.buttonsContainer{padding-left:20px; white-space:nowrap;}

.buttonUp {position:relative; white-space:nowrap; margin-right:20px; color:#000000; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; white-space:nowrap; line-height:24px;}
.buttonUp:hover{color:#07317e;}

.buttonSlideshow{position:relative;  white-space:nowrap; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;}
.buttonSlideshow:hover{color:#07317e;}

.pager{font-size:11px;}
.pager td{white-space:nowrap;}
.pager, .pager a{color:#000000; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;}
.pager a:hover, .currentPage{color:#07317e;}
.nthPage, .currentPage{display:block; width:28px; white-space:nowrap; text-align:center;}

.photoName, .bigPhotoName{color:#323232; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-align:center; border:1px solid #dfdcdc; white-space:nowrap; width:100%;}
.bigPhotoName{line-height:20px;}

.pagerButtonEnabled {padding-left:6px; padding-right:6px; border:1px solid #a09d9d; cursor:pointer;}
.pagerButtonDisabled {padding-left:6px; padding-right:6px; border:1px solid #dfdcdc; cursor:default;}

#thumbPagerContainer{position: relative; width:800px; overflow: hidden; text-align:left;}

.thumbPagerCell, .currentThumbPagerCell {vertical-align:middle; white-space:nowrap; cursor:pointer;}
.currentThumbPagerCell{border:1px solid #a09d9d;}
.thumbPagerCell{border:1px solid #dfdcdc;}

.currentThumbPagerCell img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
-moz-opacity: 1.0; /* Mozilla 1.6- */
-khtml-opacity: 1.0; /* Konqueror 3.1, Safari 1.1 */
opacity: 1.0;
zoom: 1;}

.thumbPagerCell img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE 5.5+*/
-moz-opacity: 0.7; /* Mozilla 1.6- */
-khtml-opacity: 0.7; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.7;
zoom: 1;
}

.frame, .bigFrame{border:solid #dfdcdc; background:url(../images/frame_bg.gif); text-align:center; vertical-align:middle;}
.frame{padding:5px; border-width:0px 1px 0px 1px; }
.bigFrame{padding:20px; border-width:1px 1px 0px 1px; }

.buttonFullsize{color:#4e4e4e; text-decoration:none; white-space:nowrap; font-family:Arial, Verdana, Helvetica, sans-serif; bottom:20px; left:0px; position:absolute; text-align:center;}
.buttonFullsize:hover{color:#07317e;}

.noscriptText{font-family:Arial, Verdana, Helvetica, sans-serif; font-size:1.1em; text-align:center; font-weight:bold; color:#747474;}
.noscriptText a{color:#1d1e1e;}

.text{font-family:Arial, Verdana, Helvetica, sans-serif; text-align:center; color:#747474; height:25px; width:600px; padding-top:10px;}
.text a{color:#1d1e1e; text-decoration:none;}
.text a span{text-decoration:underline;}
.text a:hover{color:#07317e;}
.text a img{display:inline; vertical-align:middle; border:0; margin-right:2px;}

.exif{width:800px; position:relative; padding-top:15px; padding-left: 10px; padding-right: 10px; padding-bottom:15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; color:#707070; border:1px solid #dfdcdc; margin-top:10px;}