/*********************************************************************************************\
*       COPYRIGHT © 2011 ENVISION INFORMATION TECHNOLOGIES, LLC.    ALL RIGHTS RESERVED       *
*       DISTRIBUTION, UNAUTHORIZED USE AND MODIFICATION IS STRICTLY PROHIBITED                *
*       ENVISION IT, MADISON, WI    http://www.envisionitllc.com   info@envisionitllc.com     *
\*********************************************************************************************/

/* The wrapper around the whole gallery */
.gallery_container
{
  margin: 10px auto;
  width: 575px;
}

#cboxLoadedContent
{
  position: relative;
}

.gallery_sharing_block
{
  background: white;
  border-radius: 5px;
  display: none;
  right: 10px;
  padding: 5px;
  position: absolute;
  bottom: 10px;
}

/* Container for the slides if this is a slideshow gallery */
.gallery_slideshow
{
  height: 400px; /* At least as big as the largest slide height */
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative; /* Necessary since the slides are absolutely positioned */
  width: 575px; /* At least as big as the largest slide width */
}

/* Container for each slide in the slideshow */
.gallery_slide
{
  display: block; 
  filter: alpha(opacity=0);
  height: 400px; /* At least as big as the largest slide height */
  margin: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 575px; /* At least as big as the largest slide width */
}

/* Start the first slide visible */
.gallery_slide:first-child
{
  filter: alpha(opacity=100); /* Note this is also done in .js to fix IE6 issue of not recognizing :first-child */
  opacity: 1; /* Note this is also done in .js to fix IE6 issue of not recognizing :first-child */
}

/* Slide image in each slide in the slideshow */
.gallery_slide img
{

}

/* Container for the entire slideshow controls */
.gallery_slideshow_controls
{
  height: 82px; /* At least as big as the largest thumbnail height, plus any border that might go on the selected thumbnail */
  margin: 10px; 
  overflow: hidden;
  padding: 0;
  width: 555px; /* Generally set to either the slideshow width, or the content width */
}

/* The left scroll button for the slideshow controls */
.gallery_slideshow_control_scroll_left
{
  background: url('/gallery/images/controls.png') no-repeat -75px 0;
  cursor: pointer;
  float: left;
  height: 25px;
  margin: 30px 10px 10px 0;
  padding: 0;
  width: 25px;
}
.gallery_slideshow_control_scroll_left:hover
{
  background-position: -75px -25px;
}

/* The right scroll button for the slideshow controls */
.gallery_slideshow_control_scroll_right
{
  background: url('/gallery/images/controls.png') no-repeat -50px 0;
  cursor: pointer;
  float: left;
  height: 25px;
  margin: 30px 0 10px 10px;
  padding: 0;
  width: 25px;
}
.gallery_slideshow_control_scroll_right:hover
{
  background-position: -50px -25px;
}

/* The container for the scrolling thumbnail region of the slideshow controls */
.gallery_slideshow_control_thumbnails
{
  float: left;
  height: 82px; /* At least as big as the largest thumbnail height, plus any border that might go on the selected thumbnail */
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 485px; /* Generally set to either the slideshow width, or the content width minus the scroll button width */
}

/* The container for all the thumbnails to slide back and forth to show them */
.gallery_slideshow_control_thumbnails_slider
{
  height: 82px; /* At least as big as the largest thumbnail height, plus any border that might go on the selected thumbnail */
  margin: 0;
  padding: 0;
  position: absolute;
  width: auto; /* stretches to include all thumbnails */
}

/* An individual thumbnail container in the controls */
.gallery_slideshow_control_thumbnail
{
  border: 1px solid white; /* changed from transparent to white for ie6 support */
  cursor: pointer;
  float: left;
  height: 80px; /* At least as big as the largest thumbnail height */
  overflow: hidden;
  margin: 0 0 0 10px;
  padding: 0;
  width: 80px; /* At least as big as the largest thumbnail width */
}

.gallery_slideshow_control_thumbnail:first-child
{
  margin: 0; /* Note this is also done in .js to fix IE6 issue of not recognizing :first-child */
}

/* The thumbnail container currently showing on the slideshow */
.gallery_slideshow_control_thumbnail_selected
{
  border: 1px solid black;
}

/* The image of the thumbnail for slideshow controls */
.gallery_slideshow_control_thumbnail img
{

}

/* The thumbnail container for a thumbnail grid gallery */
.gallery_thumbnail_wrapper
{
  float: left;
  height: auto; /* At least as big as the largest thumbnail height */
  margin: 10px;
  overflow: hidden;
  padding: 0;
  width: auto; /* At least as big as the largest thumbnail width */
}

/* The thumbnail container for a thumbnail grid gallery */
.gallery_thumbnail
{
  display: block;
  height: auto; /* At least as big as the largest thumbnail height */
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: auto; /* At least as big as the largest thumbnail width */
}

/* The image of the thumbnail for a thumbnail grid gallery */
.gallery_thumbnail img
{

}

@media (max-width: 587px)
{
  /* The wrapper around the whole gallery */
  .gallery_container
  {
    margin: 1.70vw auto;
    width: 97.96vw;
  }
  /*
  .gallery_sharing_block
  {
    background: white;
    border-radius: 5px;
    display: none;
    right: 10px;
    padding: 5px;
    position: absolute;
    bottom: 10px;
  }
  */
  
  /* Container for the slides if this is a slideshow gallery */
  .gallery_slideshow
  {
    height: 68.14vw; /* At least as big as the largest slide height */
    width: 97.96vw; /* At least as big as the largest slide width */
  }
  
  /* Container for each slide in the slideshow */
  .gallery_slide
  {
    height: 68.14vw; /* At least as big as the largest slide height */
    width: 97.96vw; /* At least as big as the largest slide width */
  }
  
  /* Slide image in each slide in the slideshow */
  .gallery_slide img
  {
    height: 68.14vw;
    width: 97.96vw;
  }
  
  /* Container for the entire slideshow controls */
  .gallery_slideshow_controls
  {
    height: 13.97vw; /* At least as big as the largest thumbnail height, plus any border that might go on the selected thumbnail */
    margin: 1.70vw; 
    width: 94.55vw; /* Generally set to either the slideshow width, or the content width */
  }
  
  /* The left scroll button for the slideshow controls */
  .gallery_slideshow_control_scroll_left
  {
    background: url('/gallery/images/controls.png') no-repeat -12.78vw 0;
    background-size: 29.81vw 8.52vw;
    height: 4.26vw;
    margin: 5.11vw 1.70vw 1.70vw 0;
    width: 4.26vw;
  }
  .gallery_slideshow_control_scroll_left:hover
  {
    background-position: -12.78vw -4.26vw;
  }
  
  /* The right scroll button for the slideshow controls */
  .gallery_slideshow_control_scroll_right
  {
    background: url('/gallery/images/controls.png') no-repeat -8.52vw 0;
    background-size: 29.81vw 8.52vw;
    height: 4.26vw;
    margin: 5.11vw 0 1.70vw 1.70vw;
    width: 4.26vw;
  }
  .gallery_slideshow_control_scroll_right:hover
  {
    background-position: -8.52vw -4.26vw;
  }
  
  /* The container for the scrolling thumbnail region of the slideshow controls */
  .gallery_slideshow_control_thumbnails
  {
    height: 13.97vw; /* At least as big as the largest thumbnail height, plus any border that might go on the selected thumbnail */
    width: 82.62vw; /* Generally set to either the slideshow width, or the content width minus the scroll button width */
  }
  
  /* The container for all the thumbnails to slide back and forth to show them */
  .gallery_slideshow_control_thumbnails_slider
  {
    height: 13.97vw; /* At least as big as the largest thumbnail height, plus any border that might go on the selected thumbnail */
  }
  
  /* An individual thumbnail container in the controls */
  .gallery_slideshow_control_thumbnail
  {
    height: 13.63vw; /* At least as big as the largest thumbnail height */
    margin: 0 0 0 1.70vw;
    width: 13.63vw; /* At least as big as the largest thumbnail width */
  }
  
  /* The image of the thumbnail for slideshow controls */
  .gallery_slideshow_control_thumbnail img
  {
    height: 13.63vw;
    width: 13.63vw;
  }
  
  /* The thumbnail container for a thumbnail grid gallery */
  .gallery_thumbnail_wrapper
  {
    margin: 1.70vw;
  }
  
  /* The image of the thumbnail for a thumbnail grid gallery */
  .gallery_thumbnail img
  {
    height: 13.63vw;
    width: 13.63vw;
  }
}