/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#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; overflow: hidden; }
#cboxLoadedContent{ overflow: auto; }
#cboxLoadedContent iframe{ display: block; width: 100%; height: 100%; border: 0; }
#cboxTitle{ margin: 0; }
#cboxLoadingOverlay, #cboxLoadingGraphic{ position: absolute; top: 0; left: 0; width: 100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{ cursor: pointer; }

/*
ColorBox example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{ background: #000000; }

#colorBox{  }
    #cboxTopLeft{ width: 25px; height: 25px; background: url('../images/colorbox/border1.png') 0 0 no-repeat; }
    #cboxTopCenter{ height: 25px; background: url('../images/colorbox/border1.png') 0 -50px repeat-x; }
    #cboxTopRight{ width: 25px; height: 25px; background: url('../images/colorbox/border1.png') -25px 0 no-repeat; }
    #cboxBottomLeft{ width: 25px; height: 25px; background: url('../images/colorbox/border1.png') 0 -25px no-repeat; }
    #cboxBottomCenter{ height: 25px; background: url('../images/colorbox/border1.png') 0 -75px repeat-x; }
    #cboxBottomRight{ width: 25px; height: 25px; background: url('../images/colorbox/border1.png') -25px -25px no-repeat; }
    #cboxMiddleLeft{ width: 25px; background: url('../images/colorbox/border2.png') 0 0 repeat-y; }
    #cboxMiddleRight{ width: 25px; background: url('../images/colorbox/border2.png') -25px 0 repeat-y; }
    #cboxContent{ background: #FFFFFF; }
        #cboxLoadedContent{ margin-top: 20px; }
        #cboxTitle{ position: absolute; bottom: 0px; left: 0; text-align: center; width: 100%; color: #999; }
        #cboxCurrent{ position: absolute; bottom: 0px; left: 100px; color: #999; }
        #cboxSlideshow{ position: absolute; bottom: 0px; right: 42px; color: #444; }
        #cboxPrevious{ position: absolute; bottom: 0px; left: 0; color: #444; }
        #cboxNext{ position: absolute; bottom: 0px; left: 63px; color: #444; }
        #cboxLoadingOverlay{ background: url('../images/colorbox/loading.gif') 5px 5px no-repeat #fff; }
        #cboxClose{ position: absolute; top: 0; right: 0; display: block; color: #444; line-height: 1; font-weight: bold; }

/*
The following fixes png-transparency for IE6.
It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition

Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
Colorbox preloads navigation hover classes to account for this.

!! Important Note:  AlphaImageLoader src paths are relative to the HTML document,
while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{ background: transparent; _filter:  progid: DXImageTransform.Microsoft.AlphaImageLoader('src=../images/colorbox/internet-explorer/borderTopLeft.png, sizingMethod='scale''); }
.cboxIE #cboxTopCenter{ background: transparent; _filter:  progid: DXImageTransform.Microsoft.AlphaImageLoader('src=../images/colorbox/internet-explorer/borderTopCenter.png, sizingMethod='scale''); }
.cboxIE #cboxTopRight{ background: transparent; _filter:  progid: DXImageTransform.Microsoft.AlphaImageLoader('src=../images/colorbox/internet-explorer/borderTopRight.png, sizingMethod='scale''); }
.cboxIE #cboxBottomLeft{ background: transparent; _filter:  progid: DXImageTransform.Microsoft.AlphaImageLoader('src=../images/colorbox/internet-explorer/borderBottomLeft.png, sizingMethod='scale''); }
.cboxIE #cboxBottomCenter{ background: transparent; _filter:  progid: DXImageTransform.Microsoft.AlphaImageLoader('src=../images/colorbox/internet-explorer/borderBottomCenter.png, sizingMethod='scale''); }
.cboxIE #cboxBottomRight{ background: transparent; _filter:  progid: DXImageTransform.Microsoft.AlphaImageLoader('src=../images/colorbox/internet-explorer/borderBottomRight.png, sizingMethod='scale''); }
.cboxIE #cboxMiddleLeft{ background: transparent; _filter:  progid: DXImageTransform.Microsoft.AlphaImageLoader('src=../images/colorbox/internet-explorer/borderMiddleLeft.png, sizingMethod='scale''); }
.cboxIE #cboxMiddleRight{ background: transparent; _filter:  progid: DXImageTransform.Microsoft.AlphaImageLoader('src=../images/colorbox/internet-explorer/borderMiddleRight.png, sizingMethod='scale''); }