/*
    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:visible;}
#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;}


/* Specific to this design -------------------------------------------------- */

#cboxOverlay { background: #000; }
#cboxContent { background: #fff; }


/* Text Items */

#cboxTitle,
#cboxCurrent,
#cboxSlideshow {
    position: absolute;
    height: 20px;
    line-height: 20px;
    color: #666666;
}
#cboxTitle {
    width: 100%;
    left: 0; 
    bottom: -50px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
}
#cboxCurrent {
    width: 100%;
    left: 0; 
    bottom: -70px;
    text-align: center;
    font-weight: normal;
    font-size: 10px;
}
#cboxSlideshow {
    bottom: -70px;
    right: -10px;
    font-size: 10px;
    font-weight: normal;
    line-height: 20px;
}


/* Buttons */

#cboxClose {
    position: absolute;
    top: -30px;
    right: -16px;
    width: 20px;
    height: 20px;
    background: url(images/close.png) no-repeat 0 0;
    text-indent: -9999px;
    cursor: pointer;
}
#cboxClose.hover {
    background-position: -20px 0;
}

#cboxPrevious,
#cboxNext {
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: -50px;
    text-indent: -9999px;
}

#cboxPrevious {
    left: -15px;
    background: url(images/previous.png) no-repeat 0 0;
}
#cboxPrevious.hover {
    background-position: -20px;
}

#cboxNext {
    right: -15px;
    background: url(images/next.png) no-repeat 0 0;
}
#cboxNext.hover {
    background-position: -20px;
}


/* Loading */

#cboxLoadingOverlay {
    background: url(images/loading-background.png) no-repeat center center;
}

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


/* Colorbox Container */

#cboxTopLeft,
#cboxTopRight,
#cboxBottomLeft,
#cboxBottomRight {
    background-image: url(images/corners.png);
    background-repeat: no-repeat;
}
#cboxTopLeft     { width: 40px; height:  55px; background-position:   0px   0px; }
#cboxTopRight    { width: 40px; height:  55px; background-position: -40px   0px; }
#cboxBottomLeft  { width: 40px; height: 100px; background-position:   0px -55px; }
#cboxBottomRight { width: 40px; height: 100px; background-position: -40px -55px; }

#cboxTopCenter,
#cboxBottomCenter { 
    background-image: url(images/center.png);
    background-repeat: repeat-x;
}
#cboxTopCenter    { height:  55px; background-position: 0   0; }
#cboxBottomCenter { height: 100px; background-position: 0 -55px; }

#cboxMiddleLeft,
#cboxMiddleRight {
    width: 40px;
    background-image: url(images/middle.png);
    background-repeat: repeat-y;
}
#cboxMiddleLeft  { background-position:   0   0; }
#cboxMiddleRight { background-position: -40px 0; }


/*
    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, 
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    background: transparent; 
}

.cboxIE #cboxTopLeft      { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/includes/colorbox/images-ie/top-left.png, sizingMethod='scale'); }
.cboxIE #cboxTopCenter    { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/includes/colorbox/images-ie/top-center.png, sizingMethod='scale'); }
.cboxIE #cboxTopRight     { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/includes/colorbox/images-ie/top-right.png, sizingMethod='scale'); }
.cboxIE #cboxMiddleLeft   { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/includes/colorbox/images-ie/middle-left.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight  { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/includes/colorbox/images-ie/middle-right.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft   { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/includes/colorbox/images-ie/bottom-left.png, sizingMethod='scale'); }
.cboxIE #cboxBottomCenter { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/includes/colorbox/images-ie/bottom-center.png, sizingMethod='scale'); }
.cboxIE #cboxBottomRight  { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/includes/colorbox/images-ie/bottom-right.png, sizingMethod='scale'); }