/*
    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;
  box-shadow: 0px 0px 10px #666;
}
#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;}

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

#colorbox{}
    #cboxContent{background-color: #fff;}
      #cboxContent .panel img{padding:0px;}
      #cboxContent .nav-next{
        right:5px !important;
        background:url('overlayimages/lightbox_right_sprite.png') no-repeat center top;
        display: block;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 40px; /* Width of new image */
        height: 60px; /* Height of new image */
        padding-left: 40px;
        bottom:0px !important;
        top:auto !important;
      }
      #cboxContent .nav-next:hover{
        background-position: center bottom;
      } 
      #cboxContent .nav-prev{
        left:5px !important;
        background:url('overlayimages/lightbox_left_sprite.png') no-repeat center top;
        display: block;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 40px; /* Width of new image */
        height: 60px; /* Height of new image */
        padding-left: 40px;
        bottom:0px !important;
        top:auto !important;
      }
      #cboxContent .nav-prev:hover{
        background-position: center bottom;
      }
      #cboxContent .strip_wrapper{margin-top:5px;}
      /*jquery galleryview overrides */
      #cboxContent .gallery #pointer{display: none;border-width: 1px;}
      #cboxContent .gallery .panel{
        border-bottom: 1px solid #e1dfda;
        padding-bottom:10px;
      }
        #cboxLoadedContent{
          margin:70px 10px 10px 10px;
          overflow-y:auto !important;
          overflow-x:hidden !important;
        }
        #cboxTitle{
          position:absolute;
          top:20px;
          left:10px;
          font-size: 28px;
          color: #2d003e;
          font-family:'Roboto', arial, helvetica, sans-serif;
          padding-left:5px;padding-top:5px;
        }
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{
          position:absolute;
          top:50%; 
          left:0px; 
          margin-top:-30px; 
          background:url('overlayimages/lightbox_left_sprite.png') center top no-repeat #fff; 
          width:40px; 
          height:60px; 
          text-indent:-9999px;
        }
        #cboxNext{
          position:absolute;
          top:50%; right:0px;
          margin-top:-30px;
          background:url('overlayimages/lightbox_right_sprite.png') center top no-repeat #fff; 
          width:40px; 
          height:60px; 
          text-indent:-9999px;
        }
        #cboxPrevious:hover, #cboxNext:hover{
          background-position: center bottom;
        }
        #cboxLoadingOverlay{background:#fff;}
        #cboxLoadingGraphic{background:url('images/loading.gif') center center no-repeat;}
        #cboxClose{
          position:absolute;
          top:20px;
          right:10px;
          display:block;
          text-indent:-9999px;
          height:30px;
          width:30px;
          background:url('overlayimages/lightbox_close.png') center top no-repeat;
          margin-right: 5px;
        }
        #cboxClose:hover{
          background-position: bottom center;
        }


/*
#colorbox{}
    #cboxContent{background:url('overlayimages/overlaytitlebarbg.gif') repeat-x #fff;}
        #cboxLoadedContent{margin:50px 10px 10px 10px;}
        #cboxTitle{position:absolute; top:5px; left:10px;color:#303030;font-size:18px;padding-left:5px;padding-top:5px;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:0px; margin-top:-30px; background:url('overlayimages/leftarrows.gif') top left no-repeat; width:40px; height:60px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:0px; margin-top:-30px; background:url('overlayimages/rightarrows.gif') top right no-repeat; width:40px; height:60px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#fff;background:url('overlayimages/overlaytitlebarbg.gif') repeat-x #fff;}
        #cboxLoadingGraphic{background:url('images/loading.gif') center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:0px; display:block; text-indent:-9999px;height:30px;width:30px;background:url('overlayimages/closebox.png') top center no-repeat;margin-right: 5px;}
        #cboxClose.hover{background-position:bottom center;}*/