#mask {
	display: none;
	background: #444; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: 0.5;
	z-index: 1000;
}
.modal-popup {
	display:none;
	background: #fff;
	padding: 10px; 	
	border: 0px solid #ddd;
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	max-height:750px;
	overflow:auto;
	box-shadow: 0px 0px 20px #999;
	-moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius:0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
img.btn_close {
	float: right; 
	margin: -28px -28px 0 0;
	margin: -20px -20px 0 0;
}
.modalHeader {
	padding:10px 20px;
	padding: 5px 10px;	
	margin:-11px -10px 10px -10px;
	color:#fff;
	border-radius:0px 0px 0 0;
	-moz-border-radius:0px 0px 0 0;
	-webkit-border-radius:0px 0px 0 0;
	font-size:18px;
	font-family: "Lato", Arial,Verdana;
	font-family: inherit;
}

.modalHeaderSuccess { background:#b0cb20; }
.modalHeaderError { background:#e03636; }
.modalHeaderWarning { background:#ff8b8b; }
.modalHeaderCorfirm { background:#348aff; }