/*
    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;border:0;display:block;margin:auto;}
.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,#cboxWrapper {overflow:visible;}
  #cboxError {border:1px solid #ccc;padding:50px;}
  #cboxLoadedContent {
    overflow:visible;
    padding:7px;
    background:url(/media/images/bg_login_modal.png);
    -moz-box-shadow:0 0 18px rgba(0,0,0,0.4);
    -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);
    box-shadow:0 0 18px rgba(0,0,0,0.4);
  }
    #article #cboxLoadedContent {width:auto!important;height:auto!important;}
    #cboxLoadingGraphic {background:transparent url(../images/loading_large.gif) no-repeat center center;}
    #cboxLoadingOverlay {background:#fff;}
    #cboxTitle {
      left:0;
      position:absolute;
      top:-22px;
      color:#000;
    }
    #cboxCurrent {
      position:absolute;
      right:205px;
      top:-22px;
      text-indent:-9999px;
    }
    #cboxSlideshow,#cboxPrevious,#cboxNext,#cboxClose {
      height:20px;
      width:20px;
      position:absolute;
      top:-20px;
      background:url(../images/colorbox/controls.png) no-repeat 0 0;
      text-indent:-9999px;
    }
    #cboxPrevious { top:0; right:44px; background-position:0 0; }
      #cboxPrevious.hover {background-position:0 -26px;}
    #cboxNext { top:0; right:22px; background-position:-25px 0; }
      #cboxNext.hover {background-position:-25px -26px;}
    #cboxClose { top:8px; right:25px; background-position:-51px 0; }
      #home #cboxClose,#marketing #cboxClose,.read-view #cboxClose {right:8px;}
      .page-reader-tools #cboxClose {right:4px;top:11px;}
      #cboxClose.hover {background-position:-51px -26px;}
    .cboxSlideshow_on #cboxPrevious,.cboxSlideshow_off #cboxPrevious {right:66px;}
    .cboxSlideshow_on #cboxSlideshow { top:0; right:44px; background-position:-76px -26px; }
    .cboxSlideshow_on #cboxSlideshow.hover {background-position:-101px -26px;}
    .cboxSlideshow_off #cboxSlideshow { top:0; right:44px; background-position:-101px 0; }
    .cboxSlideshow_off #cboxSlideshow.hover {background-position:-76px -26px;}