/*
 * Simple Modal CSS
 */

#modalOverlay {
  background-color:#000;
}

#modalContainer {
  width:600px;
  left:50%;
  top:15%;
  margin-left:-300px; /* half the width, to center */
  background-color:#fff;
  border:3px solid #ccc;
}

#modalContainer a.modalCloseImg {
  background:url(/i/x.png) no-repeat;
  _background:none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/x.png", sizingMethod="scale");
  width:25px;
  height:29px;
  display:inline;
  z-index:3200;
  position:absolute;
  top:-14px;
  right:-18px;
  cursor:pointer;
}

/*
 * CSS for the Modal Gallery
 */

#modalContainer #modalImage { text-align: center; padding: 10px; min-height: 400px; _height: 400px; }
#modalContainer .thumbs { margin: 0; clear: both; padding: 10px; display: inline-block; }
#modalContainer .thumbs { display: block; }
#modalContainer .thumbs:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }
#modalContainer .thumbs li { float: left; width: 50px; height: 50px; list-style: none; display: inline; margin-right: 10px; background: none; padding: 0; }
#modalContainer .thumbs li a { float: left; width: 50px; height: 50px; overflow: hidden; border: 1px solid #d4d4dd; }
#modalContainer .thumbs li a:hover, #modalContainer .thumbs li a:focus { border-color: #292954; } }