/*******************************************************************
 * CUSOTM STYLES (not relevant to gallery plugin)
* *****************************************************************/

/* 
 * Gives the gallery block a frame.
 */
.gallery_style_frame {
  width: 600px;
  background-color: #333333;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 20px 20px 20px 20px;
}

/* 
 * Sets all images to have the same width (in case javascript is
 * disabled and the gallery plugin can't resize them)
 */
.gallery__item img{
  width: 600px;
}

/*******************************************************************
 * GALLERY STYLES (only relevant to gallery plugin)
* *****************************************************************/
/* reset styles */
.gallery {
  padding: 0;
  margin: 0;
  font-weight: normal;
  text-align: center;    
}
.gallery table { border-collapse: collapse; border-spacing: 0; }
.gallery td, .gallery th, .gallery caption { font-weight: normal; text-align: left; }
.gallery img, .gallery fieldset { border: 0; }
.gallery ol { padding-left: 1.4em; list-style: decimal; }
.gallery ul { padding-left: 1.4em; list-style:square; }
.gallery q:before, .gallery q:after { content:''; }
/* end reset */

/* 
 * gallery
 */
.gallery_style_normal
{
  position: relative;
  margin: 0 auto;
  color: #FFFFFF;
}

/* 
 * gallery__item
 */
.gallery__item
{
  position:relative;
}
.gallery__item_pos_absolute
{
  position: absolute;
  top: 0;
  left: 0;
}

/* 
 * gallery__item__img-wrapper
 */
.gallery__item__img-wrapper
{
  display: table-cell;
  vertical-align: middle;
}
.gallery__item__img-wrapper img
{
  padding: 0;
  margin: 0;
}

/* 
 * gallery__item__caption
 */
.gallery__item__caption
{
}
.gallery__item__caption_pos_absolute
{
  position: absolute;
  right: 0;
  bottom: 0;
}
.gallery__item__caption_size_normal
{
  height: 50px;
  width: 100%;
  font-size: 15px;
}
.gallery__item__caption_style_dark-trans
{
  border-top: 1px solid #000000;
  color: #FFFFFF;
  /* Set background to 60% opacity with opac foreground */
  background: rgb(0, 0, 0) transparent;
  background: rgba(0, 0, 0, 0.6);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

/* 
 * gallery__ctrl
 */
.gallery__ctrl
{

}
.gallery__ctrl_type_next
{
  width: 50%;
  text-align: right;
}
.gallery__ctrl_type_prev
{
  width: 50%;
  text-align: left;
}
.gallery__ctrl_type_toggle-caption
{
  z-index: 6;
  position: absolute;
  bottom: 0;
  right: 0;
}
.gallery__ctrl_style_overlayed
{
  cursor: pointer;
  float: left;
  position: relative;
  z-index: 5;
  height: 100%;
}

.gallery__ctrl__btn_style_dark-trans:hover,
.gallery__ctrl_style_overlayed:hover .gallery__ctrl__btn_style_dark-trans
{
  /* Set background to 60% opacity with opac foreground */
	-moz-opacity:1.00;
	-khtml-opacity: 1.00;
	opacity: 1.00;
  background: rgb(0, 0, 0) transparent;
  background: rgba(0, 0, 0, 0.6);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

/* 
 * gallery__ctrl__btn
 */
.gallery__ctrl__btn
{
  color: #FFFFFF;
  cursor: pointer;
  font-family: Sans-Serif;
  text-align: center;
}
.gallery__ctrl__btn_style_dark-trans
{
  /* Set background and foreground to 30% opacity */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	-moz-opacity:0.30;
	-khtml-opacity: 0.30;
	opacity: 0.30;
}
.gallery__ctrl__btn_style_rect-small
{
  font-size: 10px;
  border: 1px solid #FFFFFF;
  width: 25px;
  line-height: 10px;
  margin: 0;
  padding: 2px;
}
.gallery__ctrl__btn_style_circle-medium
{
  font-size: 20px;
  border: 2px solid #FFFFFF;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  border-radius: 32px;
  display: table-cell;
  vertical-align: middle;
  font-weight: bolder;
  margin: 20px;
}
.gallery__ctrl__btn_type_next
{
  float:right;
}
.gallery__ctrl__btn_type_prev
{
  float:left;
}

/* 
 * gallery__ctrl__floater-medium
 */
.gallery__ctrl__floater-medium
{
  height: 50%;
  margin-bottom: -35px;
}