.mpmodal {
    display: none;
    position: fixed; 
    z-index: 10001; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.8); 

}

.modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: 2px solid #888;
	width: 40%;
	-moz-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 1s; 
	-moz-animation-name: animatetop;
	-o-animation-name: animatetop;
	animation-name: animatetop;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
}

@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}


@-moz-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@-ms-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

.closeWindow {
    color: white;
    float: left;
    font-size: medium;
}

.closeWindow:hover,
.closeWindow:focus {
    color: #ff0000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #b6b6b6;
    color: #000;
	text-align: right;
	height:35px;
}


.modal-body {
	font:medium;
	color:black;
	padding: 2px;
	min-height:350px;
	/*text-align:center;*/
	vertical-align:center;
	font-weight:bold;
}

.modal-footer {
    padding: 2px;
    background-color: #b6b6b6;
    color: white;
	height:45px;
}

.modal-buttons {
    padding: 2px;
	float:right;
}