/*
  -- Even more rounded corners with CSS: Base stylesheet --
*/
.expanding {
  position: relative;
  margin: 0px auto;
  min-width: 8em;
  max-width: 760px; /* based on image dimensions - not quite consistent with drip styles yet */
  color: #000; /* #fff */
  z-index: 1;
  margin-right: 21px; /* default, width of right corner */
  margin-bottom: 0px; /* spacing under expanding box */
}
.expanding .box,
.expanding .t,
.expanding .b,
.expanding .b div {
  background: transparent url(../images/blueBox.png) no-repeat top left;
  /* _background-image: url(../images/blueBox.gif); */
}
.expanding .box {
  position: relative;
  zoom: 1;
  _overflow-y: hidden;
  padding: 0px 0px 0px 21px;
}
.expanding .t {
  /* top+right vertical slice */
  position: absolute;
  right: 0px;
  top: 0px;
  width: 21px; /* top slice width */
  margin-right: -21px;
  height: 100%;
  _height: 1600px; /* arbitrary long height, IE 6 */
  background-position: top right;
}
.expanding .b {
  /* bottom */
  position: relative;
  width: 100%;
}
.expanding .b,
.expanding .b div {
  height: 20px; /* height of bottom cap/shade */
  font-size: 1px;
}
.expanding .b {
  background-position: bottom left;
}
.expanding .b div {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 21px; /* bottom corner width */
  margin-right: -21px;
  background-position: bottom right;
}
.expanding .hd,
.expanding .bd,
.expanding .ft {
  position: relative;
}
.expanding .wrapper {
  /* extra content protector - preventing vertical overflow (past background) */
  position: static;
  max-height: 1000px;
  overflow: auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}
.expanding h1,
.expanding p {
  /* margin: 0px; margins will blow out backgrounds, leaving whitespace. */
  /* padding: 0.5em 0px 0.5em 0px; */
}
.expanding h1 {
  /* padding-bottom: 0px; */
}
.expanding p {
  /* color: black; */
}
/* stop background blowout */
.boxBottom {
  padding-top: 1px;
  height: 0px;
}