#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: 550px;
padding: 7px;
padding-bottom: 5;
background: #E6E6E6;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.7em;
color: white;
padding:5px;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
font: bold 12px Tahoma;
color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #E6E6E6;
padding: 5px;
z-index: 5;
}

.img-shadow {
  float:left;
  background: url("/images/shadowAlpha.png") no-repeat bottom right !important;
  background: url("/images/shadow.gif") no-repeat bottom right;
  margin: 5px 0 0 5px !important;
  margin: 5px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #E6E6E6;
  margin: -6px 6px 6px -6px;
  padding: 3px;
  }

.p-shadow {
  width: 90%;
  float:left;
  background: url("/images/shadowAlpha.png") no-repeat bottom right !important;
  background: url("/images/shadow.gif") no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.p-shadow div {
  background: none !important;
  background: url("/images/shadow2.gif") no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

.p-shadow p {
  color: #777;
  background-color: #fff;
  font: italic 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }