/*

    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;}

#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:#bababa;}



#colorbox{}

    #cboxContent{margin-top:0px;}

        #cboxLoadedContent{background:#fff;}

        #cboxTitle{display:none}

        #cboxCurrent{display:none}

        #cboxSlideshow{display:none}

        #cboxPrevious{display:none}

        #cboxPrevious.hover{display:none}

        #cboxNext{display:none}

        #cboxNext.hover{display:none}

      

    

        #cboxClose{position:absolute;float:right; top:-25px; right:-25px; display:block; background:url(../../images/se/colorbox/close_btn.png) top right no-repeat; width:31px; height:31px; text-indent:-9999px; z-index:99999; }

      

        

        

        /*

    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.

*/



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

#cboxMiddleLeft, #cboxBottomLeft{clear:left;}



#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:#fff;}



/*#colorBox{}

    #cboxTopLeft{width:25px; height:25px; background:url(../../images/coral/colorbox/borderTopLeft.png) 0 0 no-repeat;}

    #cboxTopCenter{height:25px; background:url(../../images/coral/colorbox/borderTopCenter.png) 0 0px repeat-x;}

    #cboxTopRight{width:25px; height:25px; background:url(../../images/coral/colorbox/borderTopRight.png) -25px 0 no-repeat;}

    #cboxBottomLeft{width:25px; height:25px; background:url(../../images/coral/colorbox/borderBottomLeft.png) 0 0px no-repeat;}

    #cboxBottomCenter{height:25px; background:url(../../images/coral/colorbox/borderBottomCenter.png) 0 0px repeat-x;}

    #cboxBottomRight{width:25px; height:25px; background:url(../../images/coral/colorbox/borderBottomRight.png) 0px 0px no-repeat;}

    #cboxMiddleLeft{width:25px; background:url(../../images/coral/colorbox/border21.png) 0 0 repeat-y;}

    #cboxMiddleRight{width:25px; background:url(../../images/coral/colorbox/border21.png) -26px 0 repeat-y;}

    #cboxLoadingOverlay{background:#151515 url(../../images/coral/colorbox/loading.gif)  center center no-repeat;}

     

*/



#colorBox{}

    #cboxTopLeft{width:25px; height:25px; background:url(../../images/se/colorbox/colorbox/border1.png) 0 0 no-repeat;}

    #cboxTopCenter{height:25px; background:url(../../images/se/colorbox/colorbox/border1.png) 0 -50px repeat-x;}

    #cboxTopRight{width:25px; height:25px; background:url(../../images/se/colorbox/colorbox/border1.png) -25px 0 no-repeat;}

    #cboxBottomLeft{width:25px; height:25px; background:url(../../images/se/colorbox/colorbox/border1.png) 0 -25px no-repeat;}

    #cboxBottomCenter{height:25px; background:url(../../images/se/colorbox/colorbox/border1.png) 0 -75px repeat-x;}

    #cboxBottomRight{width:25px; height:25px; background:url(../../images/se/colorbox/colorbox/border1.png) -25px -25px no-repeat;}

    #cboxMiddleLeft{width:25px; background:url(../../images/se/colorbox/colorbox/border2.png) 0 0 repeat-y;}

    #cboxMiddleRight{width:25px; background:url(../../images/se/colorbox/colorbox/border2.png) -25px 0 repeat-y;}

    #cboxContent{background:#fff;}

    

      #cboxLoadingOverlay{background:#fff url(../../images/se/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.

*/

*html #cboxMiddleLeft{background: url(../../images/se/colorbox/colorbox/ie6.gif) 14px 0 repeat-y}

*html #cboxMiddleRight{background:url(../../images/se/colorbox/colorbox/ie6.gif) 0px 0 repeat-y;}

*html #cboxClose{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../images/se/colorbox/close_btn.png, sizingMethod='crop')}