.messageDialog 
{
	position:relative;
	overflow:hidden;
	padding:10px 5px;
	text-align:center;
	margin: auto auto 10px; 
    width:40%;
}

.messageDialog .boxInnerMessage 
{
	padding: 0px 0px;
	
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;	
}

.messageDialog .corner 
{
	position:absolute;
	width:20px;
	height:20px;
	left:-10px;
	top:-10px;
	background:url('../images/messageDialog/cornerImage.png');
}

.messageDialog .corner.tr, .messageDialog .corner.br 
{
	margin-left:100%;
}

.messageDialog .corner.bl, .messageDialog .corner.br 
{
	top:auto;
}

.messageDialog .buttonContainer
{
    margin: 10px auto 0px;    
    text-align:center;    
}

.errorMessage
{
    color: #DA252E;
    background: #FFE7EA;
}

.neutralMessage
{
    color: #363636;    
    background: #F0F1F3;
}

.positiveMessage
{
    color: #007B04;
    background: #CBEDCC;
}

.warningMessage
{
    color: #802c03;
    background: #fbcb6d;
}

/*
If message dialog is used in standalone mode 
out of the regular mechanism (below the menu)
it has to be placed inside the container (eg. div)
with class='message_dialog_corrector'
*/
.message_dialog_corrector .corner.tr,
.message_dialog_corrector .corner.br
{
    *margin-left: -10px !important;
    *left: 100% !important;
}

.message_dialog_corrector div.messageDialog
{
    width: 90%;
}