.popup_overlay {
  display:none;
  z-index:1000;
  position:fixed;
  top:-10px;
  left:-10px;
  width:200%;
  height:200%;
  background-color:rgba(0,0,0,0.8);
}
.popup {
  display:none;
  background:transparent;
  position:fixed;
  z-index:1001;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.popup>div {
  position:relative;
  display:table-cell;
  vertical-align:middle;
  text-align:center;
}
.popup>div>div {
  position:relative;
  margin:auto;
}
.popup .close {
  position:absolute;
  top:-1em;
  right:-1em;
  cursor:pointer;
  font-size:100%;
  width:2em;
  height:2em;
  line-height:2em;
  text-align:center;
  font-weight:bold;
  text-decoration:none;
  border:1px solid #666;
  -moz-border-radius:1em;
  -webkit-border-radius:1em;
  border-radius:1em;
  color:#eee;
  background-color:#555;
  background-image:linear-gradient(bottom, rgb(105,105,105) 0, rgb(98,98,98) 100%);
  background-image:-o-linear-gradient(bottom, rgb(105,105,105) 0, rgb(98,98,98) 100%);
  background-image:-moz-linear-gradient(bottom, rgb()105,105,105 0, rgb(98,98,98) 100%);
  background-image:-webkit-linear-gradient(bottom, rgb(105,105,105) 0, rgb(98,98,98) 100%);
  background-image:-ms-linear-gradient(bottom, rgb()105,105,105 0, rgb(98,98,98) 100%);
  background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(105,105,105)), color-stop(1.0, rgb(98,98,98)));
}
.popup>div>div {
  background-color:#fff;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  padding:6pt 12pt;
}
.popup>div>div>h1:first-child {
  margin-top:-0.5em;
  background-color:#444;
  color:#eee;
  text-align:center;
  margin-left:-12pt;
  margin-right:-12pt;
  margin-top:-6pt;
  padding:6pt 0;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
}

.popup>div>div>h1:first-child {
  background-color:#58759d;
  background-image:linear-gradient(bottom, rgb(88,117,157) 50%, rgb(143,164,193) 90%);
  background-image:-o-linear-gradient(bottom, rgb(88,117,157) 50%, rgb(143,164,193) 90%);
  background-image:-moz-linear-gradient(bottom, rgb(88,117,157) 50%, rgb(143,164,193) 90%);
  background-image:-webkit-linear-gradient(bottom, rgb(88,117,157) 50%, rgb(143,164,193) 90%);
  background-image:-ms-linear-gradient(bottom, rgb(88,117,157) 50%, rgb(143,164,193) 90%);
  background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0.50, rgb(88,117,157)), color-stop(0.90, rgb(143,164,193)));
}

.popup .radios label, .popup .checks label {
  font-size:70%;
  padding:0 0.5em;
}

@media screen and (max-width:500px) {
  .popup>div>div>h1:first-child {
    font-size:16px;
  }
}