/* SMALL */
.dialog {
 width: 562px;
 margin:0px auto;
 min-width:10px;
 max-width:562px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
}

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

.dialog .ft .c {
 height:18px;
}

.dialog .hd {
 background:transparent url(graphics/corners/tl.jpg) no-repeat 0px 0px;
 margin-right:18px; /* space for right corner */
}

.dialog .hd .c {
 background:transparent url(graphics/corners/tr.jpg) no-repeat right 0px;
 margin-right:-18px; /* pull right corner back over "empty" space (from above margin) */
}

.dialog .bd {
 background:transparent url(graphics/corners/ml.jpg) repeat-y 0px 0px;
 margin-right:6px;
}

.dialog .bd .c {
 background:transparent url(graphics/corners/mr.jpg) repeat-y right 0px;
 margin-right:-6px;
}

.dialog .bd .c .s {
  margin:0px;
  padding:5px;
}

.dialog .ft {
 background:transparent url(graphics/corners/bl.jpg) no-repeat 0px 0px;
 margin-right:14px;
}

.dialog .ft .c {
 background:transparent url(graphics/corners/br.jpg) no-repeat right 0px;
 margin-right:-14px;
}

/* MEDIUM WHITE */
.dialog_mw {
 width: 675px;
 margin:60px 0 0 89px;
 min-width:10px;
 max-width:675px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
}

.dialog_mw .hd_mw .c_mw,
.dialog_mw .ft_mw .c_mw {
 font-size:1px; /* ensure minimum height */
 height:74px;
}

.dialog_mw .ft_mw .c_mw {
 height:74px;
}

.dialog_mw .hd_mw {
 background:transparent url(graphics/corners/ang_head.jpg) no-repeat 0px 0px;
 margin-right:18px; /* space for right corner */
}

.dialog_mw .hd_mw .c_mw {
 background:transparent url(graphics/corners/ang_up.jpg) no-repeat right 0px;
 margin-right:-18px; /* pull right corner back over "empty" space (from above margin) */
}

.dialog_mw .bd_mw {
 background:transparent url(graphics/corners/ang_line.jpg) repeat-y 0px 0px;
 margin-right:6px;
}

.dialog_mw .bd_mw .c_mw {
 background:transparent url(graphics/corners/ang.jpg) repeat-y right 0px;
 margin-right:-6px;
}

.dialog_mw .bd_mw .c_mw .s_mw {
  margin:0px;
  padding:5px;
}

.dialog_mw .ft_mw {
 background:transparent url(graphics/corners/ang_line_foot.jpg) no-repeat 0px 0px;
 margin-right:14px;
}

.dialog_mw .ft_mw .c_mw {
 background:transparent url(graphics/corners/ang_down.jpg) no-repeat right 0px;
 margin-right:-14px;
}

/* MEDIUM YELLOW */
.dialog_my {
 width: 675px;
 margin:60px 0 0 89px;
 min-width:10px;
 max-width:675px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
}

.dialog_my .hd_my .c_my,
.dialog_my .ft_my .c_my {
 font-size:1px; /* ensure minimum height */
 height:74px;
}

.dialog_my .ft_my .c_my {
 height:74px;
}

.dialog_my .hd_my {
 background:transparent url(graphics/corners/ang_head_yell.jpg) no-repeat 0px 0px;
 margin-right:18px; /* space for right corner */
}

.dialog_my .hd_my .c_my {
 background:transparent url(graphics/corners/ang_up_yell.jpg) no-repeat right 0px;
 margin-right:-18px; /* pull right corner back over "empty" space (from above margin) */
}

.dialog_my .bd_my {
 background:transparent url(graphics/corners/ang_line_yell.jpg) repeat-y 0px 0px;
 margin-right:6px;
}

.dialog_my .bd_my .c_my {
 background:transparent url(graphics/corners/ang.jpg) repeat-y right 0px;
 margin-right:-6px;
}

.dialog_my .bd_my .c_my .s_my {
  margin:0px;
  padding:5px;
}

.dialog_my .ft_my {
 background:transparent url(graphics/corners/ang_line_foot_yell.jpg) no-repeat 0px 0px;
 margin-right:14px;
}

.dialog_my .ft_my .c_my {
 background:transparent url(graphics/corners/ang_down_yell.jpg) no-repeat right 0px;
 margin-right:-14px;
}

/* BIG WHITE */
.dialog_bw {
 width: 765px;
 margin:0 0 0 260px;
 min-width:10px;
 max-width:765px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
}

.dialog_bw .hd_bw .c_bw,
.dialog_bw .ft_bw .c_bw {
 font-size:1px; /* ensure minimum height */
 height:80px;
}

.dialog_bw .ft_bw .c_bw {
 height:40px;
}

.dialog_bw .hd_bw {
 background:transparent url(graphics/corners/ng_head_cornice.jpg) no-repeat 0px 0px;
 margin-right:10px; /* s_bwpace for right corner */
}

.dialog_bw .hd_bw .c_bw {
 background:transparent url(graphics/corners/ng_up.jpg) no-repeat right 0px;
 margin-right:-10px; /* pull right corner back over "empty" s_bwpace (from above margin) */
}

.dialog_bw .bd_bw {
 background:transparent url(graphics/corners/ang_line_cornice.jpg) repeat-y 0px 0px;
 margin-right:6px;
}

.dialog_bw .bd_bw .c_bw {
 background:transparent url(graphics/corners/ang.jpg) repeat-y right 0px;
 margin-right:-6px;
}

.dialog_bw .bd_bw .c_bw .s_bw {
  margin:0px;
  padding:0px;
}

.dialog_bw .ft_bw {
 background:transparent url(graphics/corners/ang_line_foot_cornice.jpg) no-repeat 0px 0px;
 margin-right:10px;
}

.dialog_bw .ft_bw .c_bw {
 background:transparent url(graphics/corners/ang_down.jpg) no-repeat right 0px;
 margin-right:-10px;
}

/* BIG YELLOW */
.dialog_by {
 width: 765px;
 margin:0 0 0 260px;
 min-width:10px;
 max-width:765px; /* I only cut the left_big_yell background images_big_yell out to 800px. You could do much larger, etc. */
}

.dialog_by .hd_by .c_by,
.dialog_by .ft_by .c_by {
 font-size:1px; /* ensure minimum height */
 height:80px;
}

.dialog_by .ft_by .c_by {
 height:40px;
}

.dialog_by .hd_by {
 background:transparent url(graphics/corners/ng_head_cornice_yell.jpg) no-repeat 0px 0px;
 margin-right:10px; /* s_bypace for right corner */
}

.dialog_by .hd_by .c_by {
 background:transparent url(graphics/corners/ng_up_yell.jpg) no-repeat right 0px;
 margin-right:-10px; /* pull right corner back over "empty" s_bypace (from above margin) */
}

.dialog_by .bd_by {
 background:transparent url(graphics/corners/ang_line_cornice_yell.jpg) repeat-y 0px 0px;
 margin-right:6px;
}

.dialog_by .bd_by .c_by {
 background:transparent url(graphics/corners/ang.jpg) repeat-y right 0px;
 margin-right:-6px;
}

.dialog_by .bd_by .c_by .s_by {
  margin:0px;
  padding:0px;
}

.dialog_by .ft_by {
 background:transparent url(graphics/corners/ang_line_foot_cornice_yell.jpg) no-repeat 0px 0px;
 margin-right:10px;
}

.dialog_by .ft_by .c_by {
 background:transparent url(graphics/corners/ang_down_yell.jpg) no-repeat right 0px;
 margin-right:-10px;
}