/*
    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;}
/* 
    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: url(../../images/colorBox/overlay.png) repeat;
}
#cboxTopLeft{
    width:20px;
    height:20px;
    background: url(../../images/colorBox/images.png) -40px -122px no-repeat;
}
#cboxTopRight{
    width:20px;
    height:20px;
    background: url(../../images/colorBox/images.png) -40px -162px no-repeat;
}
#cboxBottomLeft{
    width:20px;
    height:20px;
    background: url(../../images/colorBox/images.png) -40px -142px no-repeat;
}
#cboxBottomRight{
    width:20px;
    height:20px;
    background: url(../../images/colorBox/images.png) -40px -182px no-repeat;
}
#cboxMiddleLeft{
    width:20px;
    background: url(../../images/colorBox/border-y.png) repeat-y;
}
#cboxMiddleRight{
    width:20px;
    background: url(../../images/colorBox/border-y.png) -20px 0px repeat-y;
}
#cboxTopCenter{
    height:20px;
    background: url(../../images/colorBox/border-x.png) repeat-x;
}
#cboxBottomCenter{
    height:20px;
    background: url(../../images/colorBox/border-x.png) 0px -20px repeat-x;
}
#cboxContent {
    
}
#cboxLoadedContent {
    background: #000000;
    padding: 5px;
}
#cboxClose {
    position: absolute;
    height:30px;
    width:30px;
    top: -20px;
    right: -20px;
    background: url(../../images/colorBox/control.png) no-repeat;
    background-position: 0 -40px;
    /* background-position: 0 0; black close button */
    cursor:pointer;
    /*display:none;*/
    z-index:9999;
    text-indent:-9999px;
}
#cboxClose.hover{

}
#cboxPrevious{
    position:absolute;
    height:30px;
    width:30px;
    top: -20px;
    left: 30px;
    background: url('../../images/colorBox/control.png') no-repeat;
    background-position: 0 -120px;
    text-indent:-9999px;
}
#cboxPrevious.hover{

}
#cboxNext{
    position:absolute;
    height:30px;
    width:30px;
    top: -20px;
    left: 0px;
    background: url('../../images/colorBox/control.png') no-repeat;
    background-position: 0 -80px;
    text-indent:-9999px;
}
#cboxNext.hover{

}
#cboxSlideshow{
    position:absolute;
    height:30px;
    width:30px;
    top: -20px;
    left: 60px;
    background: url('../../images/colorBox/control.png') no-repeat;
    background-position: 0 -160px;
    text-indent:-9999px;
}
#cboxTitles {
    position:absolute;
    width: 100%;
    height: 30px;
    bottom: 0px;
    left: 0px;
    background-color: black;
    /* for IE */
    filter:alpha(opacity=70);
    /* CSS3 standard */
    opacity:0.7;
}
#cboxTitle {
    position: absolute;
    display: block;
    bottom: 0px;
    margin: 9px 0px 9px 9px;
    color:#FFF;
    text-align: left;
    font-family: Arial;
    font-size: 12px;
}
#cboxCurrent {
    position: absolute;
    display: block;
    bottom: 0px;
    margin: 9px -9px 9px -18px;
    color: #FFF;
    width: 100%;
    text-align: right;
    font-family: Arial;
    font-size: 12px;
}
#cboxLoadingOverlay{
    background:#000;
}
#cboxLoadingGraphic{
    background:url(../../images/colorBox/loading.gif) center center no-repeat;
}

/*
    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 !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/colorBox/tl_shadow.png', sizingMethod='scale');}
.cboxIE #cboxTopCenter{background: transparent !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/colorBox/tm_shadow.png', sizingMethod='scale');}
.cboxIE #cboxTopRight{background: transparent !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/colorBox/tr_shadow.png', sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background: transparent !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/colorBox/bl_shadow.png', sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background: transparent !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/colorBox/bm_shadow.png', sizingMethod='scale');}
.cboxIE #cboxBottomRight{background: transparent !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/colorBox/br_shadow.png', sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background: transparent !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/colorBox/ml_shadow.png', sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background: transparent !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/colorBox/mr_shadow.png', sizingMethod='scale');}

.cboxIE #cboxClose{background: transparent !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/colorBox/closebox_red.png', sizingMethod='scale');}
.cboxIE #cboxPrevious{background: transparent !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/colorBox/nav_right.png', sizingMethod='scale');}
.cboxIE #cboxNext{background: transparent !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/colorBox/nav_left.png', sizingMethod='scale');}
.cboxIE #cboxSlideshow{background: transparent !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/colorBox/nav_stop.png', sizingMethod='scale');}