/*

    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; overflow:hidden;}

#cboxOverlay{position:fixed; width:100%; height:100%;}

#cboxMiddleLeft, #cboxBottomLeft{clear:left;}

#cboxContent{position:relative;}

#cboxLoadedContent{overflow:auto;}

#cboxTitle{margin:0;}

#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    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:url(/css/image/colorbox/overlay.png) repeat 0 0;} */
   #cboxOverlay{background:url(/css/image/colorbox/bgcolorbox.png) repeat 0 0;} 
#colorbox{}

/*  #cboxTopLeft{width:21px; height:21px; background:url(/css/image/colorbox/controls.png) no-repeat -100px 0;} */
/*  #cboxTopRight{width:21px; height:21px; background:url(/css/image/colorbox/controls.png) no-repeat -129px 0;} */
/*  #cboxBottomLeft{width:21px; height:21px; background:url(/css/image/colorbox/controls.png) no-repeat -100px -29px;} */
/*  #cboxBottomRight{width:21px; height:21px; background:url(/css/image/colorbox/controls.png) no-repeat -129px -29px;} */
/*  #cboxMiddleLeft{width:21px; background:url(/css/image/colorbox/controls.png) left top repeat-y;} */
/*  #cboxMiddleRight{width:21px; background:url(/css/image/colorbox/controls.png) right top repeat-y;} */
/*  #cboxTopCenter{height:21px; background:url(/css/image/colorbox/border.png) 0 0 repeat-x;} /*
/*  #cboxBottomCenter{height:21px; background:url(/css/image/colorbox/border.png) 0 -29px repeat-x;} */
 
        #cboxContent{
         background:#fff; 
         overflow:hidden; 
         border:1px solid #ccc;
        }
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}

        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}

        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}

        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(/css/image/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}

        #cboxPrevious.hover{background-position:-75px -25px;}

        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/css/image/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}

        #cboxNext.hover{background-position:-50px -25px;}

        #cboxLoadingOverlay{background:url(/css/image/colorbox/loading_background.png) no-repeat center center;}

        #cboxLoadingGraphic{background:url(/css/image/colorbox/loading.gif) no-repeat center center;}

/*
        #cboxClose{
          position:absolute; 
          top:0; 
          right:0; 
          background: url(/css/image/colorbox/controls.png) no-repeat -25px 0; 
          background-color: #FFFFFF;
          width:25px; 
          height:25px; 
          text-indent:-9999px;
        }
*/

#cboxClose{
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAoCAYAAAD32nqhAAACSElEQVR4Ae2UAwwdURBFp7ZtGzEap7bdoG7UoG5U227j2svaNoPato3dzk3+Jq/z9+2r4k5yk5c75+zfryWM7/sZ9rtzDh1xJw0lwzAzDCwciuaAO3MHF+Em3w4Y6KeTD7uT+oMBC4cwB93p61BE2eJvDBjsHCN3wU5l4dIZZ8gdtUS2+uu/H3KnNYlknNFJjt279GV9rvynnJHP5XKrt+brQXdGPQRnuYcDlzDv1xctftwZ/UZC271VnxHZg4VD6rzeUL4Cf4AfJCwDBizFzYsN1evwLX/WydiBoaS5abVsssl30mR02CXKDObc4y2+r7sD7MDo5Kz7vIXXACYFDFgpZ9rnzjsv4R3esgCRPVg4kZzhgDvncMxXGN7Z2GA4grPcw4HLP+WZW9N/iWvDW1bTyZQanNFJjt1tdN4eeO3n/8IG/rRbLSYxN6xWS7BTWbgUrqOcZ5zBj1Bs9u3wutVuDWnmmtVuLRiwcOCiT/0fhr+4anXeRoa5YnXeDhaO2uNO8nEykGHAgKX/8+8Hn24vTh0TB4bTW5Y9ON849zmVE+TKnAdg4URla84XTpjKDU5pKaPj3FS4L3Cx2IVC5CKniCIXQRfD7Yl+gWfkEh12pr3pFQ4hujs0vUddboI1fMpa+QEY0/dcl/NVyuiw+5Uf1BwImswxyWMBGjJWJw+OgT8jsgcr5X6cQEDfON0RnMUugBPJXTXAAEoNzpoX6IblFhQiQ0kMOsnBxSIn56hSjkv4kMcrHJyc6hP5PGfuL3zN88BG/4Mfha3swlO545gAAAAASUVORK5CYII=") 0 0 no-repeat;
  width: 16px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 5px;          
  text-indent:-9999px;
}

#cboxClose:hover{
  background-position: 0 -23px;        
}

        #cboxClose.hover{
          background-position:-25px -25px;
        }



/*

  The following fixes a problem where IE7+ replaces a PNG's alpha transparency with a black fill

  when an alpha filter (opacity change) is set on the element or ancestor element.

*/

.cboxIE #cboxTopLeft,

.cboxIE #cboxTopCenter,

.cboxIE #cboxTopRight,

.cboxIE #cboxBottomLeft,

.cboxIE #cboxBottomCenter,

.cboxIE #cboxBottomRight,

.cboxIE #cboxMiddleLeft,

.cboxIE #cboxMiddleRight {

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);

}



/*

  The following provides PNG transparency support for IE6

*/

.cboxIE6 #cboxTopLeft{background:url(/css/image/colorbox/ie6/borderTopLeft.png);}

.cboxIE6 #cboxTopCenter{background:url(/css/image/colorbox/ie6/borderTopCenter.png);}

.cboxIE6 #cboxTopRight{background:url(/css/image/colorbox/ie6/borderTopRight.png);}

.cboxIE6 #cboxBottomLeft{background:url(/css/image/colorbox/ie6/borderBottomLeft.png);}

.cboxIE6 #cboxBottomCenter{background:url(/css/image/colorbox/ie6/borderBottomCenter.png);}

.cboxIE6 #cboxBottomRight{background:url(/css/image/colorbox/ie6/borderBottomRight.png);}

.cboxIE6 #cboxMiddleLeft{background:url(/css/image/colorbox/ie6/borderMiddleLeft.png);}

.cboxIE6 #cboxMiddleRight{background:url(/css/image/colorbox/ie6/borderMiddleRight.png);}



.cboxIE6 #cboxTopLeft,

.cboxIE6 #cboxTopCenter,

.cboxIE6 #cboxTopRight,

.cboxIE6 #cboxBottomLeft,

.cboxIE6 #cboxBottomCenter,

.cboxIE6 #cboxBottomRight,

.cboxIE6 #cboxMiddleLeft,

.cboxIE6 #cboxMiddleRight {

    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");

}

