/* -- Even more rounded corners from schillmania.com. Margin-b on last contained element will break dialog box backgrounds, leaving whitespace -- */

.dialog {
  position:relative;
  text-align: left;
  margin:0px auto;
  padding:0;
  z-index:1;
  margin-left:22px; /* default, width of left corner */
  margin-bottom:0.5em; /* spacing under dialog */
  }

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
  background: url(images-site/dialog_box.gif) no-repeat top right;
  }

.dialog .content {
  position:relative;
  zoom:1;
  _overflow-y:hidden;
  padding:0px 22px 0px 0px;
  }

.dialog .t {
 /* top+left vertical slice */
  position:absolute;
  left:0px;
  top:0px;
  width:22px; /* top slice width */
  margin-left:-22px;
  height:100%;
  _height:1450px; /* arbitrary long height, IE 6 */
  background-position:top left;
  }

.dialog .b {
 /* bottom */
  position:relative;
  width:100%;
  }

.dialog .b,
.dialog .b div {
  height:22px; /* bottom height - looks like padding */
  font-size:1px;
  }

.dialog .b {
  background-position:bottom right;
  }

.dialog .b div {
  position:relative;
  width:22px; /* bottom corner width */
  margin-left:-22px;
  background-position:bottom left;
  }

.dialog .hd,
.dialog .bd,
.dialog .ft {
  position:relative;
  }