/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#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;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay                                      { background:#000; }
#colorbox                                         {  }
  #cboxContent                                    { margin-top:32px; overflow:visible; }
    .cboxIframe                                   { background:#fff; }
    #cboxError                                    { padding:50px; border:1px solid #ccc; }
    #cboxLoadedContent                            { background:#f8f9f4; padding:0px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
    #cboxLoadingGraphic                           { background:url(/css/colorbox/images/loading.gif) no-repeat center center; }
    #cboxLoadingOverlay                           { background:#000; }
    #cboxTitle                                    { position:absolute; top:-22px; left:0; color:#000; }
    #cboxCurrent                                  { position:absolute; top:-22px; right:205px; text-indent:-9999px; }
    #cboxSlideshow                                ,
    #cboxPrevious                                 ,    
    #cboxNext                                     , 
    #cboxPrevious                                 { background-position:0px 0px; right:44px; }
    #cboxPrevious:hover                           { background-position:0px -25px; }
    #cboxNext                                     { background-position:-25px 0px; right:22px; }
    #cboxNext:hover                               { background-position:-25px -25px; }
    .cboxSlideshow_on #cboxPrevious               , 
    .cboxSlideshow_off #cboxPrevious              { right:66px; }
    .cboxSlideshow_on #cboxSlideshow              { background-position:-75px -25px; right:44px; }
    .cboxSlideshow_on #cboxSlideshow:hover        { background-position:-100px -25px; }
    .cboxSlideshow_off #cboxSlideshow             { background-position:-100px 0px; right:44px; }
    .cboxSlideshow_off #cboxSlideshow:hover       { background-position:-75px -25px; } 


    #cboxClose                                    { display:block; position:absolute; top:10px; right:10px; background:url(/css/colorbox/images/popup-close.png) top left no-repeat; width:20px; height:20px; text-indent:-100000px; overflow:hidden; }
    #cboxClose:hover                              { background-position:bottom left; }