.dialog {
 margin:0px auto;
 min-width:13em;
 max-width:20em; 
 color:#ffffff;
 position:absolute;
 width:0px;
 height:0px;
 text-align:center;
 background-color:Black;
}

.dialogWide {
 margin:0px auto;
 min-width:25em;
 max-width:40em; 
 color:#ffffff;
 position:absolute;
 width:0px;
 height:0px;
 text-align:left;
 background-color:Black;
}

.dialog .hd .c,
.dialog .ft .c,
.dialogWide .hd .c,
.dialogWide .ft .c {
 font-size:1px; /* ensure minimum height */
 height:11px;
}

.dialog .ft .c,
.dialogWide .ft .c {
 height:14px;
}

.dialog .hd,
.dialogWide .hd {
 background:transparent url(images/tl.png) no-repeat 0px 0px;
 margin-right:14px; /* space for right corner */
}

.dialog .hd .c,
.dialogWide .hd .c {
 background:transparent url(images/tr.png) no-repeat right 0px;
 margin-right:-14px; /* pull right corner back over "empty" space (from above margin) */
}

.dialog .bd,
.dialogWide .bd {
 background:transparent url(images/ml.png) repeat-y 0px 0px;
 margin-right:6px;
}

.dialog .bd .c,
.dialogWide .bd .c {
 background:transparent url(images/mr.png) repeat-y right 0px;
 margin-right:-6px;
}

.dialog .bd .c .s, 
.dialogWide .bd .c .s {
 margin:0px 8px 0px 4px;
 background:#000 url(images/ms.jpg) repeat-x 0px 0px;
 padding:1em;
}

.dialog .ft, 
.dialogWide .ft {
 background:transparent url(images/bl.png) no-repeat 0px 0px;
 margin-right:14px;
}

.dialog .ft .c,
.dialogWide .ft .c {
 background:transparent url(images/br.png) no-repeat right 0px;
 margin-right:-14px;
}

/* content-specific */

.dialog h1,
.dialogWide h1 {
 /* header */
 font-size:2em;
 margin:0px;
 padding:0px;
 margin-top:-0.6em;
}

p {
 font-family:verdana,tahoma,arial,"sans serif";
}

.dialog p,
.dialogWide p {
 margin:0.5em 0px 0px 0px;
 padding:0px;
 font:0.95em/1.5em arial,tahoma,"sans serif";
}

html>body .dialog pre,
html>body .dialogWide pre {
 font-size:1.1em;
}