/* --------------------------- The Thumbnails Container ----------------------------------------- */
.IndexGallery {
  text-align:left
}




/* ---------------------------------- Thumbnail ------------------------------------------------- */

/* The Thumbnail Wrapper */
.IndexGallery .thumb {
  display        : inline-block;
  text-align     : left;
  vertical-align : middle;
  position       : relative;
  font-size      : 12px;
  visibility     : hidden;
}

/* The Thumbnail Table */
.IndexGallery .thumb .imageWrapper {
  table-layout       : fixed;
  position           : absolute;
  z-index            : 2;
  border-collapse    : separate !important;
  /*Uncomment this to use background image*//*background-image   : url(thumbnail_bg.png);*/
  background-position: center center;
}

/* The thumbnail image container (td) */
.IndexGallery .thumb .imageWrapper td.imagetd {
  position       : relative;
  vertical-align : middle;  
}

/* 
  The thumbnail image 
  NOTE: max-height and max-width (and width and height for some browsers) 
  will be overriden at runtime. 
*/
.IndexGallery .thumb img {
  max-height :100%;
  max-width  :100%;
  border:none;
}

/* The link */
.IndexGallery .thumb a {
  outline:none;
}

/* 
  The thumbnail title 
  NOTE: paddingTop and marginTop will be overriden at runtime. 
*/
.IndexGallery .thumb .title {
  position        : absolute;
  z-index         : 3;
  left            : 5%;
  width           : 90%;
  height          : 20px;
  top             : 100%;
  text-align      : center;
  white-space     : nowrap;
	overflow        : hidden;
	text-overflow   : ellipsis;
  -o-text-overflow: ellipsis;
  text-shadow     : 1px 1px 2px #000;
  font-family     : Tahoma, sans-serif, Arial;
  font-size       : 12px;
}

.IndexGallery .thumb .iconHint {
  position    : absolute;
  z-index     : 4;
  left        : 100%;
  margin-left : -16px;
  width       : 14px;
  height      : 14px;
  top         : 2px;
  background  : url(link.png) no-repeat;
  display     : none;
}

.IndexGallery .thumb:hover .iconHint, 
* html .IndexGallery .thumbnailHover .iconHint {
  display : block;
}

/* 
  The thumbnail shadow layer 
  NOTE: border-radius, box-shadow and filter will be overriden at runtime. 
*/
.IndexGallery .thumb .shadow {
  position   : absolute;
  width      : 100%;
  height     : 100%;
  background : rgb(0,0,0);
  background : rgba(0,0,0,0.3); /* for newer browsers */
  /*z-index    : -1;*/
  margin     : -1px auto auto -1px;
  padding    : 1px;
  -moz-border-radius   : 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius : 5px;
  -o-border-radius     : 5px;
  -moz-box-shadow      : 0px 0px 10px rgba(0,0,0,0.6);
  -webkit-box-shadow   : 0px 0px 10px rgba(0,0,0,0.6);
  -khtml-box-shadow    : 0px 0px 10px rgba(0,0,0,0.6);
	box-shadow           : 0px 0px 10px rgba(0,0,0,0.6);
  filter : progid:DXImageTransform.Microsoft.Blur(makeShadow=1, pixelRadius=6, shadowOpacity=0.6);
}

/* Use noshadow class to disable the drop shadow */
.noshadow .thumb .shadow {
  display : none !important;
}



.thumbnailGalleryProgress {
  position    : absolute;
  z-index     : 50000;
  left        : 50%;
  margin-left : -32px;
  width       : 64px;
  height      : 10px;
  top         : 50%;
  margin-top  : -5px;
  background  : url(progress.gif) no-repeat;
}


/* ------------------------------------- The Viewer --------------------------------------------- */

/* The Overlay */
.ThumbnailGalleryDefaultViewerOverlay {
  background: #000;
  position  : fixed;
  z-index   : 9999;
  top       : 0px;
  left      : 0px;
  bottom    : 0px;
  right     : 0px;
  width     : 100%;
  height    : 100%;
  overflow  : hidden;
}

#IndexGallery_proxy_wrapper .closeBtn {
  position    : absolute;
  z-index     : 40000;
  left        : 100%;
  margin-left : -18px;
  width       : 16px;
  height      : 16px;
  top         : 2px;
  background  : url(close.gif) no-repeat;
  opacity     : 0.7;
  filter      : alpha(opacity=70);
}

#IndexGallery_proxy_wrapper .closeBtn:hover {
  opacity : 1;
  filter:none;
}

/*The Viewer proxy (image or canvas) */
.ThumbnailGalleryDefaultViewerProxy {
  position  : absolute;
  z-index   : 10000;
  top       : 0px;
  left      : 0px;
  width     : 30px;
  height    : 30px;
  overflow  : hidden;
}

/* 
  This is a container for the title and description of the activated viewer. 
  NOTE: top, left, width and height will be overriden at runtime. 
*/
#IndexGallery_proxy_wrapper {
  position    : absolute;
  z-index     : 20000;
  text-shadow : 1px 1px 3px #000;
  color       : #FFF;
  overflow    : hidden;
}

/* 
  This is the title layer of the activated viewer. 
  NOTE: top, paddingTop and marginTop will be overriden at runtime. 
*/
#IndexGallery_proxy_wrapper #title_div {
  position    : absolute;
  top         : 0;
  left        : 0;
  width       : 100%;
  background  : url(transparent_black.png);
}

/* The title text */
#IndexGallery_proxy_wrapper #title_div span {
  line-height     : 150%;
  text-shadow     : 1px 1px 3px #000;
  color           : #FFF;
  padding         : 2px 6px;
  font-family     : Arial, sans-serif, Tahoma;
  font-size       : 15px;
  white-space     : nowrap;
  overflow        : hidden;
	text-overflow   : ellipsis;
  -o-text-overflow: ellipsis;
}

/* 
  This is the description layer of the activated viewer. 
  NOTE: top, bottom, visibility, paddingBottom and marginBottom will be overriden at runtime. 
*/
#IndexGallery_proxy_wrapper #description_div {
  position    : absolute;
  top         : 0;
  left        : 0;
  width       : 96%;
  padding     : 3px 3%;
  background  : url(transparent_black.png);
}

/* The description text */
#IndexGallery_proxy_wrapper #description_div span {
  color           : #DDD;
  padding         : 2px 0px;
  font-family     : Tahoma, sans-serif, Arial;
  font-size       : 11px;
}