/*

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



.zoom img, .zoom a {cursor: url("images/zoomin.cur"), pointer !important;}



/* 

    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/overlay.png);}

#colorbox{}



    #cboxTopLeft{width:5px; height:5px; background-color:#003399;}

    #cboxTopRight{width:5px; height:5px; background-color:#003399;}

    #cboxBottomLeft{width:5px; height:5px; background-color:#003399;}

    #cboxBottomRight{width:5px; height:5px; background-color:#003399;}    

    #cboxMiddleLeft{width:5px; background-color:#003399;}

    #cboxMiddleRight{width:5px; background-color:#003399;}

    #cboxTopCenter{height:5px; background-color:#003399;}

    #cboxBottomCenter{height:5px;  background-color:#003399;}



    #cboxContent{}

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

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

        #cboxClose{position:absolute; top:0; right:0; background:url(close.gif) no-repeat; width:77px; height:27px; text-indent:-9999px;}