.black_overlay_donate{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8; 
opacity:.80;
filter: alpha(opacity=80);
}
.white_content_donate {
display: none;
position: absolute;
width: 90%;
height: 90%;
margin: 50px;
padding: 16px;
border: 16px solid orange;
background-color: white;
z-index:1002;
overflow: auto;
}
ul.pagination {
text-align:center;
color:#829994;
}
ul.pagination li {
display:inline;
padding:0 3px;
}
ul.pagination a {
color:#0d7963;
display:inline-block;
padding:5px 10px;
border:1px solid #cde0dc;
text-decoration:none;
}
ul.pagination a:hover, 
ul.pagination a.current {
background:#0d7963;
color:#fff; 
}
.overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
width:100%;
height:100%;
}
.overlay:target, .overlay-loaded {
visibility: visible;
opacity: 1;
z-index: 999;
}
.overlay {
opacity: 1;
z-index: 999;
}
.popup {
margin: 70px auto;
padding: 20px;
background: #fff;
border-radius: 5px;
border:1px solid #000;
width: 85%;
position: relative;
z-index: 9999;
transition: all 5s ease-in-out;
}
.popup h2 {
margin-top: 0;
color: #333;
font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
position: absolute;
top: 0px;
right: 0px;
transition: all 200ms;
font-size: 40px;
font-weight: bold;
text-decoration: none;
color: #333;
}
.popup .close:hover {
color: orange;
}
.popup .content {
max-height: 100%;
overflow: auto;
}