﻿/*Start all these rules with .tblGallery or some container to prevent conflicts with other parts of the page*/
.tblGallery td{ vertical-align:top; text-align:left;}
.tblGallery .pics{ width:749px; height:405px; overflow:hidden; background:White;}
.tblGallery .pics div{width:100%; height:100%;}
.tblGallery .pics div img{display:block;}

.tblGallery .tdRightSide{ background:url(../images/gallery/topbox.jpg) no-repeat top right;}
.tblGallery .divRightSide{width:232px; margin-left:17px;}

.tblGallery .divSlideControls{height:52px;margin-top:15px;}
.tblGallery .divSlideControls .prev2, .tblGallery .divSlideControls .next2{width:87px; height:20px; cursor:pointer;display:inline-block;}
.tblGallery .divSlideControls .prev2{background:url(../images/gallery/previous.jpg) no-repeat;}
.tblGallery .divSlideControls .next2{background:url(../images/gallery/next.jpg) no-repeat;}
.tblGallery .divSlideControls .sPagerState{display:inline-block; width:42px; height:17px; overflow:hidden; text-align:center;
                                           padding-top:3px; font-size:13px;}
.tblGallery .divSlideControls .divStartStop{color:#477795; cursor:pointer; width:95px; margin: 0 auto; text-align:center;padding-left:24px; 
                                            background:url(../images/gallery/photoicon.jpg) no-repeat top left;margin-top:5px; font-size:13px;}
.tblGallery .divSlideControls .divStartStop:hover{text-decoration:underline;}
.tblGallery .divContent{height:379px; text-align:left; overflow-x:hidden; overflow-y:auto;}

.tblGallery .divInstBack{width:90%; margin:0 auto; height:45px; background:url(../images/gallery/greydot.jpg) repeat-x left 23px;}
.tblGallery .divInstBack .divInst{width:313px; margin: 0 auto;background-color:White; text-align:center;
                                  font-style:italic;padding-top:15px;font-size:13px;}
.tblGallery .tdThumbNav{height:141px; width:897px;}
.tblGallery .tdFilmStrip{background:url(../images/gallery/bottomBox.jpg) no-repeat left bottom;}
.tblGallery .tblFilmStrip{width:963px; margin:0 auto; }
.tblGallery .divNavFrame{ height:100%; width:897px; position:relative; overflow:hidden;}
.tblGallery .nav {position:absolute;top:0px;left:0px;height:100%;margin:0;padding:0;width:10000px;}
.tblGallery .nav li {width:83px;/*width=77+3+3*/ float: left; margin:0 8px 0 8px; list-style: none; 
                     color:#477795; font-size:0.8em;line-height: 1em; }
.tblGallery .nav a {display:block;padding:3px;width:77px;margin-bottom:2px; cursor:pointer;}
.tblGallery .nav a.activeSlide {-moz-background-clip:border;-moz-background-inline-policy:continuous;
                                -moz-background-origin:padding;background:#ffb200 none repeat scroll 0 0;}
.tblGallery .nav a:focus {outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;}
.tblGallery .nav img {border:medium none;display:block;}
.tblGallery .nav .divCrop{height:77px;width:77px; overflow:hidden;}
.tblGallery .thumb{border:none;}
.tblGallery .tPagerPrev, .tblGallery .tPagerNext{width:21px; height:35px; overflow:hidden; cursor:pointer;position:relative;top:16px;}
.tblGallery .tPagerPrev{ background:url(../images/gallery/leftarrow.jpg) no-repeat; margin-right:12px;}
.tblGallery .tPagerNext{ background:url(../images/gallery/rightarrow.jpg) no-repeat; margin-left:12px;}
.tblGallery .tdPrevArrow{width:33px;text-align:right;}
.tblGallery .tdNextArrow{width:33px;text-align:left;}

.tblGallery .hiddenLabel{display:none;}