/* File $Workfile: jfdropshadow.css $ */
/* $Archive: /IMatch/scripts/WebGallery/jfgallery/jfdropshadow.css $ */
/* Last changed by $Author: Jürgen Failenschmid $ */
/* Last modified   $Modtime: 7/24/05 11:50a $ */
/* Last checked in $Date: 7/24/05 2:41p $ */
/* $Revision: 2 $ */

/* Drop shadow technique inspired by http://www.alistapart.com/articles/cssdrop2/ */
/* Box model hack techniques: http://css-discuss.incutio.com/?page=BoxModelHack */

/* Tested with IE6 (standard and quirks modes), Mozilla Firefox 1.0.6 */

/* Definitions are for a white background */

.dropshadow /* outer box has shadow */ {
  /* if outer box does not float, then box width must be specified per image */
  /* outer div width = (image width) + 2 x (6px frame) + (6px shadow) */
  background: url(shadow1.gif) no-repeat bottom right;
  margin: auto;
}

.dropshadow div /* inner box dissolves shadow */ {
  background: url(shadow2.png) no-repeat left top !important;
  background: url(shadow2.gif) no-repeat left top; /* hard shadow in IE */
  padding: 0px 6px 6px 0px; /* shadow width */
}

/* IE5/Win box hack - innermost div */
.dropshadow div div {
  background-color: #f; /* color of picture frame */
  padding: 0px !important;
  padding /**/: 5px 5px 5px 5px; /* IE5/Win picture frame */
  border: 0px !important;
  border /**/: 1px solid #a0a0a0; /* IE5/Win, color and thickness of border */
}

.dropshadow img {
  background-color: #f; /* color of picture frame */
  padding: 5px; /* width of picture frame */
  border: 1px solid #a0a0a0 !important; /* color and thickness of border */
  border /**/: 0px; /* IE5/Win box hack */
  vertical-align:bottom;
}