/* =| Popup |================================ */
#popup { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 1; }

div.popup-outer-bg { position: absolute; background: #000; opacity: 0.7; width: 100%; height: 100%; top: 0; left: 0; z-index: 20; display: none; padding: 0; margin: 0; float: left; }
div.popup-main { position: absolute; top: 0; left: 0; min-width: 250px; width: 600px; height: 450px; z-index: 340; display: none; float: left; overflow: visible; }
div.popup-inner-bg { position: absolute; left: 0; width: 600px; height: 450px; padding: 15px; -moz-border-radius: 15px; border-radius: 15px; z-index: 200; }
div.popup-content { position: absolute; left: 0; margin-top: 10px; margin-left: 10px; z-index: 500; opacity: 1; }
div.close { position: relative; float: left; width: 600px; height: 30px; text-align: right; color: #fff; background: url(../../../../assets/img/popup/top.png) repeat-x left bottom; padding: 0 !important; -moz-border-radius-topleft: 7px; border-top-left-radius: 7px; -moz-border-radius-topright: 7px; border-top-right-radius: 7px;  font: 11px bold; display: block; }
div.close:hover { cursor: pointer; }
div.frame { position: relative; float: left; width: 610px; height: 420px; text-align: right; background-color: #fff; padding: 0 !important; -moz-border-radius-bottomleft: 7px; border-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; border-bottom-right-radius: 7px;  text-align: left; }
#popupiframe { width: 100%; height: 100%; }
.closebtn { padding-top: 4px; padding-right: 3px; }
iframe { border: none; width: 100%; height: 100%; }
#popupcontent input:active { background: #ddd; border: 1px solid #ccc; }
p.bar-approved { }
#popupcontent input { font-size: 16px; padding: 2px; margin: 4px 0; background: #eee; border: 1px solid #ddd; min-width: 150px; color: #394d5b; }
#popupcontent input:active { background: #ddd; border: 1px solid #ccc; color: #394d5b; }
#popupcontent input.uppercase { text-transform: uppercase; font-size: 12px; font-weight: bold; min-width: 100px; color: #394d5b; }
form.blokselector { position: relative; float: left; width: inherit; }
#popupcontent select { font-size: 16px; padding: 7px; background: #eee; border: 1px solid #ddd; min-width: 20px; color: #394d5b; }
div.blokselector p { font-size: 14px; margin-bottom: -10px; color: #666; font-weight: bold; }
p.bar-approved { position: relative; float: left; height: 30px; width: 100%; border: 1px solid #7ab44c; background: #a0d04d; padding: 15px; }
img.saved { }
div.save-wrapper div.center-popup-message { position: relative; float: left; width: 100%; height: 50%; top: 10px; }
div.save-wrapper div.center-popup-message p.icon { position: relative; float: left; width: 100%; min-width: 58px; text-align: center; margin-bottom: -5px; }
div.save-wrapper div.center-popup-message p { position: relative; float: left; font: 14px/22px "Gill Sans MT",Verdana,Helvetica; color: #2b3f09; text-align: center; width: 100%; }
div.save-wrapper { position: relative; float: left; width: 100%; height: 420px; overflow: hidden; }
div.save-wrapper div.center-popup-message input.widebutton{ width: 250px; }
div.save-wrapper div.center-popup-message input.centerbutton { position: relative; float: left; margin: 0 auto; display: block; }
div.save-wrapper div.center-popup-message div.centerp { position: relative; width: 250px; margin: 0 auto; text-align: center; overflow: hidden; top: -20px; }
div.save-wrapper div.center-popup-message div.centerp #popupcontent { position: relative; width: 250px; margin: 0 auto; margin-top: 15px; text-align: center; overflow: hidden; }
div.save-wrapper div.center-popup-message p.red { color: #bb0000; }