body {
 font:normal 76% georgia,helvetica,verdana,tahoma,arial,"sans serif";
}
/* Black Color */

.dialog {
 width:67%;
 margin:0px auto;
 min-width:20em;
 color:#fff;
}

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

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

.dialog .hd {
 background:transparent url(imgs/tl.gif) no-repeat 0px 0px;
}

.dialog .hd .c {
 background:transparent url(imgs/tr.gif) no-repeat right 0px;
}

.dialog .bd {
 background:transparent url(imgs/ml.gif) repeat-y 0px 0px;
}

.dialog .bd .c {
 background:transparent url(imgs/mr.gif) repeat-y right 0px;
}

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

.dialog .ft {
 background:transparent url(imgs/bl.gif) no-repeat 0px 0px;
}

.dialog .ft .c {
 background:transparent url(imgs/br.gif) no-repeat right 0px;
}


/* content-specific */

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

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

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

/* Blue Color */

.dialog2 {
 width:67%;
 margin:0px auto;
 min-width:20em;
 color:#fff;
}

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

.dialog2 .ft .c {
 height:14px;
}

.dialog2 .hd {
 background:transparent url(imgs/tl2.gif) no-repeat 0px 0px;
}

.dialog2 .hd .c {
 background:transparent url(imgs/tr2.gif) no-repeat right 0px;
}

.dialog2 .bd {
 background:transparent url(imgs/ml2.gif) repeat-y 0px 0px;
}

.dialog2 .bd .c {
 background:transparent url(imgs/mr2.gif) repeat-y right 0px;
}

.dialog2 .bd .c .s {
 margin:0px 8px 0px 4px;
 background:#000 url(imgs/ms2.gif) repeat-x repeat-y 0px 0px;
 padding:1em;
}

.dialog2 .ft {
 background:transparent url(imgs/bl2.gif) no-repeat 0px 0px;
}

.dialog2 .ft .c {
 background:transparent url(imgs/br2.gif) no-repeat right 0px;
}


/* content-specific */

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

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

html>body .dialog2 pre {
 font-size:1.1em;
}

/* Blue Light Color */

.dialog3 {
 width:67%;
 margin:0px auto;
 min-width:20em;
 color:#fff;
}

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

.dialog3 .ft .c {
 height:14px;
}

.dialog3 .hd {
 background:transparent url(imgs/tl3.gif) no-repeat 0px 0px;
}

.dialog3 .hd .c {
 background:transparent url(imgs/tr3.gif) no-repeat right 0px;
}

.dialog3 .bd {
 background:transparent url(imgs/ml3.gif) repeat-y 0px 0px;
}

.dialog3 .bd .c {
 background:transparent url(imgs/mr3.gif) repeat-y right 0px;
}

.dialog3 .bd .c .s {
 margin:0px 8px 0px 4px;
 background:#000 url(imgs/ms3.gif) repeat-x repeat-y 0px 0px;
 padding:1em;
}

.dialog3 .ft {
 background:transparent url(imgs/bl3.gif) no-repeat 0px 0px;
}

.dialog3 .ft .c {
 background:transparent url(imgs/br3.gif) no-repeat right 0px;
}


/* content-specific */

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

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

html>body .dialog3 pre {
 font-size:1.1em;
}