.modal {position: fixed;top: 0;left: 0;bottom: 0;right: 0;display: none;overflow: auto;background-color: #000000;background-color: rgba(0, 0, 0, 0.7);z-index: 9999;}
.modal-window {position: relative;background-color: #FFFFFF;width: 30%;margin: 10% auto;height:200px;}
.modal-window h3 {padding:0px 10px;}
.modal-window.small {width: 30%;}
.modal-window.large {width: 75%;}
.modalheader{background-color:#CCCCCC;width:100%;color:Black;height:30px;margin-bottom:20px;}
.modalheader h2 { font-size:16px; float:left; text-align:left; color:Black; font-weight:bold; padding:8px 10px;}
.modalfield { width:100%; float:left; display:inline-block; padding:15px 10px;}
.modalfield p { font-size:12px; color:Red; padding-top:10px;}
.modaltext { padding:5px 10px;}
.modalbtn { padding:7px 20px; color:White; background-color:Black; border:none; outline:none;}
.close {position: absolute;top: 0;right: 0;color:#000;height: 30px;width: 30px;font-size: 25px;line-height: 30px;text-align: center;}
.close:hover,
.close:focus {color: #000000;cursor: pointer;}
.open {display: block;}