div.DialogTitle
{
	font-size:16px;
	line-height:36px;
	height:36px;
	background-color:#000000;
	color:White;
	padding-left:10px;
	padding-right:10px;
}
img.DialogTitleClose
{
	float:right; 
	margin-top:10px;
	margin-right:5px;
}
div.DialogSubtitle
{
	font-size:14px;
	line-height:28px;
	height:28px;
	background-color:#7A7A7A;
	color:White;
	padding-left:10px;
	padding-right:10px;
}
div.DialogIntro
{
	display:block;
	margin:15px 15px 0px 15px;
	position:relative;
}

div.DialogSection
{
	margin:15px 15px 0px 15px;

	position:relative;

	/*color:#404040 !important;*/
}

.dsBorder
{
	border:solid 1px #DDDDDD;

	/* make padding inclusive*/
	-webkit-box-sizing: border-box;	/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;	/* Firefox, other Gecko */
	box-sizing: border-box;			/* Opera/IE 8+ */
}
.dsColor
{
	background-color:#F0F0F0;
}


/*ds - Short for Dialog Section*/
img.dsNumber
{
	position:absolute;
	top:-5px;
	left:-5px;
}

/* dsTitle is used when the section starts with a darker or bolder text*/
.dsBold
{
	font-weight:bold;
}

/* dsLabel is used when the section starts with a bold label (one or two words)*/
div.dsLabel
{
	font-weight:bold;
	
	margin:10px 0px 5px 0px;
}

/* dsCaption is used when the section starts with descriptive text*/
div.dsCaption
{
	display:block;

	margin:10px 15px 0px 15px;

	line-height:16px;
	font-size:13px;

	position:relative;
}

div.dsSeparator
{
	padding-bottom:10px;
	border-bottom:solid 1px #A0A0A0;
}

div.dsContent
{
	margin:10px 15px;
}
.dsContentColor
{
	background-color:#EEEEEE;
}

.dsFooter
{
	text-align:right;

	margin:0px 10px;
}

/*
.dsFooter .MessageBoxButton
{
	margin:0px;
}
*/


div.DialogFooter
{
	text-align:right;

	height:60px;

	margin:0px 15px;
}

div.DialogFooterContent
{
	float:left;

	height:59px;
	line-height:59px;

	position:relative;
}

div.DialogButton
{
	margin:15px 0px;

	text-align:center;

	margin-left:1px;
	display:inline-block;
}

/* only used when displaying an iFrame */
div.FrameContent
{
}