/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog {
 position: relative;
 min-width: 8em;
 max-width: 500px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index: 5;
}

.dialog .close { position: absolute; top: 5px; right: 10px; z-index: 6; cursor: pointer; }

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background: transparent url(images/dialog2-dark-800x1600.png) no-repeat top right;
 _background-image: url(images/dialog2-dark.gif);
}

.dialog .content {
 position: relative;
 zoom: 1;
 _overflow-y: hidden;
 /*padding: 0px 12px 0px 0px;*/
 padding: 40px 10px 20px 10px;
}

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

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

.dialog .b,
.dialog .b div {
 height: 30px; /* height of bottom cap/shade */
 font-size: 1px;
}

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

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