﻿div.MessageBox,div.MessageBoxBusy
{
	border: 1px solid black;
	top:160px;
	position:relative;
	display:none;
	z-index:1002;
	background-color:White;
	text-align:left;
	margin:0px auto;
}
div.MessageBox
{
	width:450px;
}

.MessageBoxHeader
{
	font-size:18px;

	margin-top:15px;
	margin-right:15px;
	margin-bottom:0px;
	margin-left:19px;
}

@-moz-document url-prefix()
{
	/*Required for MessageBox style forms inside an iFrame */
	.MessageBoxHeader
	{
		margin-top:0px;
		padding-top:15px;
	}
}

/* obsolete - use mbSeparator with MessageBoxHeader*/
.MessageBoxHR
{
	height:1px;
	background-color:#CDCDCD;
	margin: 2px 15px 0px 18px;
}

div.mbSeparator
{
	border-bottom:solid 1px #CDCDCD;
}

.mbBorder
{
	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+ */
}

.MessageBoxText, .MessageBoxContent
{
	margin: 15px 15px 0px 18px;
}

.MessageBoxText
{
	font-size:12px;
	line-height:18px;
}

.MessageBoxContent
{
}

.MessageBoxFooter
{
	text-align:right;

	margin:0px 15px 0px 18px;

	height:60px;
}

.MessageBoxFooterContent
{
	float:left;
	line-height:60px;
}

.MessageBoxButton
{
	margin:15px 0px;

	text-align:center;

	margin-left:1px;
	display:inline-block;
}


div.MessageBoxBusy
{
	width:198px;		/*width a border, this makes the message box 200px wide*/
	padding:0px;
}
img.MessageBoxBusy
{
	vertical-align:middle;
	margin:15px 6px 15px 14px;
}
span.MessageBoxBusyText
{
	vertical-align:middle;
}
