.messageBox .popup {
	left: 50%;
	margin: 0 0 0 -230px;
	position: absolute;
	width:460px;
	top: 200px;
	z-index: 999;
}

.messageBox .onpage {
	width:460px;
	margin:20px auto;
}

.messageBox div {
	background-color:transparent;
}

.messageBox .top {
	color:#fff;
	background:url('../../images/messageBox/notification_top.png') no-repeat;
	min-height:25px;
	padding:25px 25px 5px 65px;
}

.messageBox .content {
	color:#fff;
	background:url('../../images/messageBox/notification_background.png') repeat-y;
	padding:0 25px 25px 65px;
}

.messageBox .bottom {
	background:url('../../images/messageBox/bottom.png') no-repeat;
	height:58px;
}

.messageBox .headline {
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.1em;
}

.messageBox p {
	margin:0 0 10px 0;
	padding:0;
}

.messageBox .loading {
	background:url('../../images/loading.gif') no-repeat;
	width: 16px;
	height: 16px;
}

.messageBox .buttons {
	display: block;
	position: relative;
}

.messageBox button {
	display: block;
	position: absolute;
	margin: 10px 0 0 0;
	border: 0;
}

.messageBox button.cancel {
	background: url('../../images/buttons/btn-cancel.png') 0 0 no-repeat;
	top: 0px;
	left: 20px;
	height: 26px;
	width: 81px;
}

.messageBox button.cancel:hover {
	background: url('../../images/buttons/btn-cancel.png') 0 -26px no-repeat;
}

.messageBox button.ok {
	background: url('../../images/buttons/btn-ok.png') 0 0 no-repeat;
	top: 0px;
	right: 20px;
	height: 26px;
	width: 81px;
}

.messageBox button.ok:hover {
	background: url('../../images/buttons/btn-ok.png') 0 -26px no-repeat;
}

.messageBox button.proceed {
	background: url('../../images/buttons/btn-proceed.png') 0 0 no-repeat;
	top: 0px;
	right: 20px;
	height: 26px;
	width: 81px;
}

.messageBox button.proceed:hover {
	background: url('../../images/buttons/btn-proceed.png') 0 -26px no-repeat;
}

/* type: success */

.messageBox .success .top {
	background-image:url('../../images/messageBox/success_top.png');
}

.messageBox .success .content {
	color:#000;
	background:url('../../images/messageBox/success_background.png') repeat-y;
}


/* type: error */

.messageBox .error .top {
	background-image:url('../../images/messageBox/error_top.png');
}

.messageBox .error .content {
	color:#000;
	background:url('../../images/messageBox/error_background.png') repeat-y;
}