/* dialog variants - alternate colours, widths and so on */

.dialog.short .wrapper {
 max-height:520px;
}

.dialog.type2 .content,
.dialog.type2 .t,
.dialog.type2 .b,
.dialog.type2 .b div {
 background-image:url(dialog2-dark-800x1200-alpha.png);
 _background-image:url(dialog2-dark-alpha.gif);
}

.dialog.type2 .b,
.dialog.type2 .b div {
 height:20px; /* slightly higher due to bottom shade */
}

.dialog.type2 .content {
 /* min-height:155px; */ /* compensate overall height for bottom shade */
}

/* "Mr. Clean" */

.dialog.type3 .content,
.dialog.type3 .t,
.dialog.type3 .b,
.dialog.type3 .b div {
 background-image:url(dialog2-mrclean.png);
 _background-image:url(dialog2-mrclean.gif);
}

.dialog.type4 .content,
.dialog.type4 .t,
.dialog.type4 .b,
.dialog.type4 .b div {
 background-image:url(dialog2-blue-800x1600-drip.png);
 _background-image:url(dialog2-blue.gif);
}

.dialog.type5 .content,
.dialog.type5 .t,
.dialog.type5 .b,
.dialog.type5 .b div {
 background-image:url(dialog2-red-800x1200.png);
 _background-image:url(dialog2-red.gif);
}

p.dText { padding-top:20px; padding-left:10px;padding-right:10px; font-size:1.2em; font-style:italic }
.content h3 { padding-top:20px;padding-left:10px;margin:0 }