.dialog
{
	font-family: Tahoma;
	font-size: 11pt;
	color: #222222;
	background-color: Transparent;
}

.dialogBackground
{
	background-color: #fff;
	filter:alpha(opacity=50);
	opacity:0.5;
}

/* header styles */
.dialog .header
{
	position: relative;
	color: #fff;
	cursor: move; /* So the user knows they can drag the panel */
}

.dialog .header .outer
{
	background: url(../images/controls/dialog/top-right.gif) right no-repeat;
	padding-right: 40px;
}

.dialog .header .inner
{
	background: url(../images/controls/dialog/top-left.gif) left no-repeat;
	padding-left: 9px;
}

.dialog .header .content
{
	height: 35px;
	background: url(../images/controls/dialog/top-mid.gif) repeat-x;
}

.dialog .header .content H2
{
	font-size: 12pt;
	font-weight: bold;
	color: #fff;
	padding-top: 6px;
	margin: 0;
}

.dialog .header .close
{
	height: 23px;
	width: 33px;
	position: absolute;
	top: 6px;
	right: 6px;
	background: url(../images/controls/dialog/close.gif) no-repeat;
	cursor: pointer;
}

.dialog .header .close:hover
{
	/* set the hover image */
	background: url(../images/controls/dialog/close-hover.gif) no-repeat;
}

.dialog .header .settings
{
	height: 16px;
	width: 16px;
	position: absolute;
	top: 10px;
	right: 7px;
	cursor: pointer;
}

/* dialog body styles */
.dialog .body
{
	background-color: #fff;
}

.dialog .body .outer
{
	background: url(../images/controls/dialog/right.gif) right repeat-y;
	padding-right: 7px;
}

.dialog .body .inner
{
	background: url(../images/controls/dialog/left.gif) left repeat-y;
	padding-left: 7px;
}

.dialog .body .contentGlobal
{
	font: normal 13px "Lucida Grande", Tahoma, Arial;
	line-height: 20px;
	font-weight: normal;
	color: #666;
}

.dialog .body .content
{
}

.dialog .body .content H2
{
	padding: 20px 10px 20px 10px;
	margin: 0px;
	text-align: center;
	font-size: 11pt;
	color: #222222;
	font-weight: normal;
}

.dialog .body .content .footer
{
	/* footer image is 41 pixels tall */
	background: url(../images/controls/dialog/footer.gif) repeat-x bottom;
	height: 41px;
}

.dialog .body .content .footer .commands
{
	text-align: right;
	padding: 8px;
}

/* dialog footer styles */
.dialog .footer
{
}

.dialog .footer .outer
{
	background: url(../images/controls/dialog/bottom-right.gif) right top no-repeat;
	padding-right: 9px;
}

.dialog .footer .inner
{
	background: url(../images/controls/dialog/bottom-left.gif) left top no-repeat;
	padding-left: 9px;
}

.dialog .footer .content
{
	height: 7px;
	background: url(../images/controls/dialog/bottom-mid.gif) repeat-x;
}