@charset "utf-8";

#o_popup_overlay { display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:998; opacity:.9; }
#o_popup_container { display:none; position:fixed; margin:0; padding:0; z-index:999; border:1px solid #ccc; }
#o_popup_container iframe { position:absolute; width:100%; height:100%; top:0px; left:0; background-color:#fff; }
#o_popup_content { position:absolute; display:block; margin:0; padding:.4em; width:100%; left:0; overflow:auto; }
#o_popup_header { position:absolute; width:100%; height:2.3em; top:0px; left:0; border-bottom:1px solid #ccc; }
#o_popup_title { display:inline-block; padding:.8em .4em; }
#o_popup_closer { float:right; display:inline-block; margin:.4em; width:26px; height:26px; border:1px solid #ccc; border-radius:50%; background:url(img/ico-closer.png) no-repeat; }
#o_popup_closer:hover { background-color:#58b; }
#o_popup_footer { position:absolute; width:100%; height:2.3em; bottom:0px; left:0; border-top:1px solid #ccc; background-color:#eee; }
#o_popup_footer a.btn { float:left; padding:.8em 2em; border-right:1px solid #ccc; }
#o_popup_footer a.btn:hover { background-color:#6CF; }
#o_popup_content,
#o_popup_footer,
#o_popup_header { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }

#o_popup_img { display:block; max-width:100%; height:auto; }



.overlay_default { background-color:#000; }
.container_default { background-color:#eee; }
.container_default #o_popup_header { color:#fff; background-color:#666; }
.container_default #o_popup_content { color:#15a; }
.overlay_default #o_popup_footer { color:#fff; background-color:#999; }



.overlay_okay { background-color:#9f9; }
.container_okay { background-color:#cfc; }
.container_okay #o_popup_header { color:#fff; background-color:#393; }
.container_okay #o_popup_content { color:#060; }
.container_okay #o_popup_footer { color:666; background-color:#c9c; }



.overlay_error { background-color:#900; }
.container_error { background-color:#fcc; }
.container_error #o_popup_header { color:#fff; background-color:#600; }
.container_error #o_popup_content { color:#600; }
.container_error #o_popup_footer { color:666; background-color:#c99; }