#popup-control { display: none; position: fixed; padding: 0.25% 50%; z-index: 9999999 }
#popup-outer { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #111111; opacity: 0.5; z-index: 9001 }
#popup-container { display: none; position: fixed; top: 15%; left: 50%; max-width: 600px; min-width: 240px; width: 85%; z-index: 9999999 }
#popup-inner { left: -50% }
.popup-inner { position: relative; text-align: center; background: #f9fff0; border: 8px solid #7bb103; border-radius: 12px; box-shadow: 0 0 15px 5px #333 }
.popup-close { position: absolute; top: -25px; right: -25px; outline: medium none; height: 35px; width: 35px; background-image: url(close.png); background-position: 5px 3px; background-repeat: no-repeat; cursor: pointer }

.popup-form input { margin: 5px 0; font-family: Verdana, Sans-serif }
.popup-form input[type="text"] { padding: 8px; width: 80%; max-width: 240px; color: #666; font-size: 15px; border: 1px solid #666; border-radius: 6px }
.popup-form input[type="submit"] { cursor: pointer; margin: 12.5px; padding: 5px 15px; background: #77b536; color: #000000; font-size: 25px; font-weight: bold; text-shadow: 1px 1px 1px #888888; border: 1px solid #77b536; border-radius: 10px; font-family: Arial, Sans-serif; box-shadow: 0 0 3px 0 #000 }

.popup-headline { padding: 10px 20px; font-weight: bold; font-size: 33px; line-height: 37px; color: #0054a1; font-family: Tahoma, Sans-serif }
.popup-subheadline { padding: 0 25px 10px 25px; font-weight: bold; font-size: 19px; color: #008705; font-family: Arial, Sans-serif }
.popup-calltoaction { padding: 0 25px 10px 25px; font-size: 13px; color: #444444; font-family: Verdana, Sans-serif }
.popup-privacy { padding: 0 25px 10px 25px; font-size: 10px; color: #888888; font-family: Verdana, Sans-serif }
.popup-footer { padding: 10px 25px; font-size: 11px; background: #ede9e0; color: #000000; border-radius: 0 0 4px 4px; font-family: Verdana, Sans-serif }