/*uzivatel musi mit na pameti ze chceme videt scrollbar vzdy, proto je nutne ho mit zapnuty a pocitat s jeho sirkou 17px!!!*/
/*tedy sirka galerie musi byt o 17px vice a sirka thmbus pole take, pokud je vse nalezato tak se jedna o vysku*/

/*rozmery galerie*/
#lightBox                     {background-color: black; width: 920px; height: 462px; padding-top:10px; padding-left: 10px; padding-right: 10px;}
#lightBox .image-browser-image               {width: 800px; height: 450px; border: 1px solid #333; overflow: hidden; padding: 0px; float: left; position: relative;}
/*nahledovy pas*/
#lightBox .image-browser-thumbs              {width: 117px;height: 452px; overflow-y:scroll; float: right;}
#lightBox .image-browser-thumbs table           {border-collapse:separate; border-spacing:3px 3px;}
#lightBox .image-browser-thumbs td           {padding: 0px; border: 1px solid #333;}
#lightBox .image-browser-thumbs .image-browser-thumb-box {height: 55px; width: 100px; margin: 0px; padding: 0px;}
/*ramecek okolo aktivniho nahledu*/
#lightBox .image-browser-active              {border: 3px solid red;}

/*zasednuti pod galerii*/
div.image-browser-root                 { _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/app/jak/lightbox/img/bg.png', sizingMethod='scale' );}
div[class~="image-browser-root"]             { background: url(/app/jak/lightbox/img/bg.png); }

/*ovladaci tlacitka*/
#lightBox .image-browser-prev                { position: absolute; top: 20px; left: 20px; display: block; width: 42px; height: 36px; cursor: pointer; background: url(/app/jak/lightbox/img/lb-previous-active.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/app/jak/lightbox/img/lb-previous-active.png'));}
#lightBox .image-browser-prev:hover          { background: url(/app/jak/lightbox/img/lb-previous-hover.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/app/jak/lightbox/img/lb-previous-hover.png')); }
#lightBox .image-browser-next                { position: absolute; top: 20px; left: 66px; display: block; width: 42px; height: 36px; cursor: pointer; background: url(/app/jak/lightbox/img/lb-next-active.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/app/jak/lightbox/img/lb-next-active.png')); }
#lightBox .image-browser-next:hover          { background: url(/app/jak/lightbox/img/lb-next-hover.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/app/jak/lightbox/img/lb-next-hover.png')); }
#lightBox .image-browser-prev-disabled          { position: absolute; top: 20px; left: 20px; display: block; width: 42px; height: 36px; cursor: pointer; background: url(/app/jak/lightbox/img/lb-previous-inactive.png); _background: none;  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/app/jak/lightbox/img/lb-previous-inactive.png')); }
#lightBox .image-browser-next-disabled          { position: absolute; top: 20px; left: 66px; display: block; width: 42px; height: 36px; cursor: pointer; background: url(/app/jak/lightbox/img/lb-next-inactive.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/app/jak/lightbox/img/lb-next-inactive.png')); }
#lightBox .image-browser-close               { position: absolute; top: 20px; left: 760px; display: block; width: 42px; height: 36px; cursor: pointer; background: url(/app/jak/lightbox/img/lb-close-active.png); _background:none ;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/app/jak/lightbox/img/lb-close-active.png'));}
#lightBox .image-browser-close:hover            { background: url(/app/jak/lightbox/img/lb-close-hover.png); _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/app/jak/lightbox/img/lb-close-hover.png'));}