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

/* 
    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(/uploads/image/images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxtopleft{width:21px; height:21px; background:url(/uploads/image/images/controls.png) -100px 0 no-repeat;}
    #cboxtopright{width:21px; height:21px; background:url(/uploads/image/images/controls.png) -129px 0 no-repeat;}
    #cboxbottomleft{width:21px; height:21px; background:url(/uploads/image/images/controls.png) -100px -29px no-repeat;}
    #cboxbottomright{width:21px; height:21px; background:url(/uploads/image/images/controls.png) -129px -29px no-repeat;}
    #cboxmiddleleft{width:21px; background:url(/uploads/image/images/controls.png) left top repeat-y;}
    #cboxmiddleright{width:21px; background:url(/uploads/image/images/controls.png) right top repeat-y;}
    #cboxtopcenter{height:21px; background:url(/uploads/image/images/border.png) 0 0 repeat-x;}
    #cboxbottomcenter{height:21px; background:url(/uploads/image/images/border.png) 0 -29px repeat-x;}
    #cboxcontent{background:#fff;}
        #cboxloadedcontent{margin-bottom:28px;}
        #cboxtitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxcurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxslideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxprevious{position:absolute; bottom:0; left:0px; background:url(/uploads/image/images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxprevious.hover{background-position:-75px -25px;}
        #cboxnext{position:absolute; bottom:0; left:27px; background:url(/uploads/image/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxnext.hover{background-position:-50px -25px;}
        #cboxloadingoverlay{background: center center no-repeat;}
        #cboxloadinggraphic{background:url(/uploads/image/images/loading.gif) center center no-repeat;}
        #cboxclose{position:absolute; bottom:0; right:0; background:url(/uploads/image/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxclose.hover{background-position:-25px -25px;}

/*
    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/internet_explorer/bordertopleft.png, sizingmethod='scale');}
.cboxie #cboxtopcenter{background:transparent; filter: progid:dximagetransform.microsoft.alphaimageloader(src=images/internet_explorer/bordertopcenter.png, sizingmethod='scale');}
.cboxie #cboxtopright{background:transparent; filter: progid:dximagetransform.microsoft.alphaimageloader(src=images/internet_explorer/bordertopright.png, sizingmethod='scale');}
.cboxie #cboxbottomleft{background:transparent; filter: progid:dximagetransform.microsoft.alphaimageloader(src=images/internet_explorer/borderbottomleft.png, sizingmethod='scale');}
.cboxie #cboxbottomcenter{background:transparent; filter: progid:dximagetransform.microsoft.alphaimageloader(src=images/internet_explorer/borderbottomcenter.png, sizingmethod='scale');}
.cboxie #cboxbottomright{background:transparent; filter: progid:dximagetransform.microsoft.alphaimageloader(src=images/internet_explorer/borderbottomright.png, sizingmethod='scale');}
.cboxie #cboxmiddleleft{background:transparent; filter: progid:dximagetransform.microsoft.alphaimageloader(src=images/internet_explorer/bordermiddleleft.png, sizingmethod='scale');}
.cboxie #cboxmiddleright{background:transparent; filter: progid:dximagetransform.microsoft.alphaimageloader(src=images/internet_explorer/bordermiddleright.png, sizingmethod='scale');}