/*
-- Even more rounded corners with CSS: Base stylesheet --
*/
.dialog
{
	position: relative;
	margin: 0px auto;
	min-width: 30px;
	max-width: 1030px;
/*based on image dimensions - not quite consistent with drip styles yet*/
	color: #7D4591;
	z-index: 1;
	margin-left: 10px;
/*default, width of left corner*/
	margin-bottom: 0.5em;
/*spacing under dialog*/
}
.dialog .content, .dialog .t, .dialog .b, .dialog .b DIV
{
	background: transparent url(../images/cadround.png) no-repeat top right;
	_background-image: url(../images/cadround.gif);
}
.dialog .content
{
	position: relative;
	zoom: 1;
	_overflow-y: hidden;
	padding: 0px 12px 0px 0px;
}
.dialog .t
{
/*top+left vertical slice*/
	position: absolute;
	left: 0px;
	top: 0px;
	width: 12px;
/*top slice width*/
	margin-left: -10px;
	height: 100%;

/*arbitrary long height, IE 6*/
	background-position: top left;
}
.dialog .b
{
/*bottom*/
	position: relative;
	width: 100%;
}
.dialog .b, .dialog .b DIV
{
	height: 24px;
/*height of bottom cap/shade*/
	font-size: 1px;
}
.dialog .b
{
	background-position: bottom right;
}

.dialog .b DIV
{
	position: relative;
	width: 12px;
/*bottom corner width*/
margin-left: -10px;
#margin-left: -230px;
	background-position: left bottom;
}
.dialog .hd, .dialog .bd, .dialog .ft
{
	position: relative;
}
.dialog .wrapper
{
/*extra content protector - preventing vertical overflow (past background)*/
	position: static;
	max-height: 1000px;
	overflow: auto;
/*note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues.*/
}
.dialog H1, .dialog P
{
	margin: 0px;
/*margins will blow out backgrounds, leaving whitespace.*/
	padding: 0.5em 0px;
}
.dialog H1
{
	padding-bottom: 0px;
}