/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; }
#cboxWrapper{ left:9px; top:9px; } /* edit kuna */
#cboxOverlay{position:fixed; width:100%; height:100%; }
#cboxMiddleLeft, #cboxBottomLeft{clear:left; }
#cboxContent{position:relative; }
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch; }
#cboxTitle{ margin:0; }
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

.cboxPhoto{float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode:bicubic; }
.cboxIframe{width: 100%; height: 100%; display: block; border: 0; }
#colorbox, #cboxContent, #cboxLoadedContent { box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; }

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{ background: rgba(0, 0, 0, 0.95); }
#colorbox{outline:0; border:0px solid transparent; padding:9px; background:#fff; -webkit-box-shadow: 0px 0px 20px #707070; box-shadow: 0px 0px 20pxpx #707070;}   /* edit kuna */
    #cboxContent{margin-top:0px; overflow:visible; background:#fff;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:0px solid #ccc;}
        #cboxLoadedContent{background:#3d3c3f; padding:1px;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#fff;}
        #cboxTitle{position:absolute; bottom:-47px; width:100%; text-align:center; color:#000;}
        #cboxTitle a { display:inline-block;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxClose { position: absolute; top: -9px; right: -9px; width: 40px; height: 40px; background: url(/iDesign.nsf/close.png?OpenImageResource) no-repeat center #89bd3a; border: 1px solid #cacaca; border-top: 0; border-right: 0; }
        #cboxClose:hover { background-image: url(/iDesign.nsf/close-hover.png?OpenImageResource); }
        #cboxPrevious, #cboxNext { background-color: #89bd3a; position: absolute; border: 1px solid #cacaca; top: 50%; width: 40px; height:40px; margin-top: -20px; background-repeat: no-repeat; background-position: 50% 50%; z-index: 100; }
        #cboxPrevious { left: -9px; background-image: url(/iDesign.nsf/left.png?OpenImageResource); border-left: 0; }
        #cboxPrevious:hover { background-image: url(/iDesign.nsf/left-hover.png?OpenImageResource); }
        #cboxNext { right: -9px; background-image: url(/iDesign.nsf/right.png?OpenImageResource); border-right: 0; }
        #cboxNext:hover { background-image: url(/iDesign.nsf/right-hover.png?OpenImageResource); }