/* pop ups */
.popup { position: absolute; display: none; padding: 20px; background-color: #252525; color: #fff; z-index: 500; }
    .popup .close { position: absolute; width: 16px; height: 16px; cursor: pointer; background: transparent url('/images/popup/popup_black_close.png'); right: 10px; top: 10px; }
    .popup h2 { font-size: 26px; font-weight: normal; text-align: center; text-align: center; font-weight: 300; margin: 0; }
    .popup .error { height: 20px; color: red; text-align: center; }
    .popup span.info { font-weight: 300; font-size: 14px; text-align: center; display: inline-block; width: 100%; }
    .popup span.simple-info { font-weight: 300; font-size: 14px; text-align: center; display: inline-block; width: 100%; }

.popup-white { background-color: #f2f2f2; color: #000000; border: #000 1px solid; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75); }
    .popup-white .close { background: transparent url('/images/popup/popup_white_close.png'); }
.popup-red { background-color: #ccc; color: #000; border: #000 1px solid; }
    .popup-red .close { background: transparent url('/images/popup/popup_white_close.png'); }
    .popup-red input { width: 100%; margin-bottom: 5px; }
    .popup-red a { color: #000; }
    .popup-red h3 { margin-top: 20px; }

.popupbtn { background: #000; color: #fff; display: inline-block; padding: 10px 30px; }
    .popupbtn a { color: #fff; }