.dialog
{
	margin: 0px auto;
	min-width: 20em;
	max-width: 800px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
	color: black;
	bottom: 5px;
	font-family: Verdana;
	font-size: 8pt;
	font-weight:bold;
}
.dialog .hd .c, .dialog .ft .c
{
	font-size: 1px; /* ensure minimum height */
	height: 11px;
}
.dialog .ft .c
{
	height: 14px;
}
.dialog .hd
{
	background: transparent url(../Images/Dialog/tl.png) no-repeat 0px 0px;
	margin-right: 14px; /* space for right corner */
}
.dialog .hd .c
{
	background: transparent url(../Images/Dialog/tr.png) no-repeat right 0px;
	margin-right: -14px; /* pull right corner back over "empty" space (from above margin) */
}
.dialog .bd
{
	background: transparent url(../Images/Dialog/ml.png) repeat-y 0px 0px;
	margin-right: 6px;
}
.dialog .bd .c
{
	background: transparent url(../Images/Dialog/mr.png) repeat-y right 0px;
	margin-right: -6px;
}
.dialog .bd .c .s
{
	margin: 0px 8px 0px 4px;
	background: #000 url(../Images/Dialog/ms.jpg) repeat-x 0px 0px;
	padding: 1em;
}
.dialog .ft
{
	background: transparent url(../Images/Dialog/bl.png) no-repeat 0px 0px;
	margin-right: 14px;
}
.dialog .ft .c
{
	background: transparent url(../Images/Dialog/br.png) no-repeat right 0px;
	margin-right: -14px;
}
/* content-specific */.dialog h1
{
	/* header */
	font-size: 2em;
	margin: 0px;
	padding: 0px;
	margin-top: -0.6em;
}
p
{
	font-family: verdana,tahoma,arial, "sans serif";
}
.dialog p
{
	margin: 0.5em 0px 0px 0px;
	padding: 0px;
	font: 0.95em/1.5em arial,tahoma, "sans serif";
	text-align: left;
	color: black;
}
html > body .dialog pre
{
	font-size: 1.1em;
}

.sRed
{
	margin: 0px 8px 0px 4px;
	background: #000 url(../Images/Dialog/msRed.jpg) repeat-x 0px 0px;
	background-color:#fe4a4b;
	padding: 1em;
}

.sBlue
{
	margin: 0px 8px 0px 4px;
	background: #000 url(../Images/Dialog/msBlue.jpg) repeat-x 0px 0px;
	background-color:#1dd4fc;
	padding: 1em;
}


/*Blue Dialog*/

.bluedialog
{
	margin: 0px auto;
	min-width: 20em;
	max-width: 800px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
	color: #fff;
	bottom: 5px;
}
.bluedialog .hd .c, .bluedialog .ft .c
{
	font-size: 1px; /* ensure minimum height */
	height: 11px;
}
.bluedialog .ft .c
{
	height: 14px;
}
.bluedialog .hd
{
	background: transparent url(../Images/Dialog/blue tl.png) no-repeat 0px 0px;
	margin-right: 14px; /* space for right corner */
}
.bluedialog .hd .c
{
	background: transparent url(../Images/dialog/blue tr.png) no-repeat right 0px;
	margin-right: -14px; /* pull right corner back over "empty" space (from above margin) */
}
.bluedialog .bd
{
	background: transparent url(../Images/dialog/blue ml.png) repeat-y 0px 0px;
	margin-right: 6px;
}
.bluedialog .bd .c
{
	background: transparent url(../Images/dialog/blue mr.png) repeat-y right 0px;
	margin-right: -6px;
}
.bluedialog .bd .c .s
{
	margin: 0px 8px 0px 4px;
	background: #2f8692 url(../Images/dialog/blue ms.jpg) repeat-x 0px 0px;
	padding: 1em;
}
.bluedialog .ft
{
	background: transparent url(../Images/dialog/blue bl.png) no-repeat 0px 0px;
	margin-right: 14px;
}
.bluedialog .ft .c
{
	background: transparent url(../Images/dialog/blue br.png) no-repeat right 0px;
	margin-right: -14px;
}
/* content-specific */.bluedialog h1
{
	/* header */
	font-size: 2em;
	margin: 0px;
	padding: 0px;
	margin-top: -0.6em;
}
.bluedialog p
{
	margin: 0.5em 0px 0px 0px;
	padding: 0px;
	font: 0.95em/1.5em arial,tahoma, "sans serif";
}
html > body .bluedialog pre
{
	font-size: 1.1em;
}


/*Blue Dialog Ends*/