/**
 * Old styles required for displaying payment-overdue lightboxes on regular pages.
 */

/***********************
 Modules
***********************/
.xg_module {
    clear:left;
    margin-bottom:5px;
    position:relative;
}
.xg_module form { /* For pages like inbox and member moderation */
    clear:left;
}
.xg_module_head {
    margin-bottom:1px;
    padding:3px 5px;
    position:relative;
}
.xg_module_head h2 {
    float:left;
    margin:0;
    line-height:1.2em;
}
.xg_module_body {
    clear:left;
    margin-bottom:1px;
    padding:5px;
    position:relative;
    word-wrap: break-word;
}
.xg_module_body li {
    margin-left:2.5em;
}
.xg_module_body ul li {
    list-style:square;
    margin-bottom: 3px;
}
#xg_overlay {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#333;
    opacity:0.5;
    z-index:1000;
}
.xg_floating_module {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    width: 100vw;
    height: 100vh;
    align-items: center;
    justify-content: center;
    z-index: 10020;
}
.xg_floating_container {
    position: relative;
    min-width: 250px;
    width: auto;
    background-image: none !important;
    border: none!important;
    margin: 0!important;
    max-width: 100%;
    background-color: #ffffff;
    color: #5e5e5e;
    font-weight: normal;
    font-size: 12px;
    font-family: 'Fira Sans', sans-serif;
}
.xg_floating_container .xg_module_head {
    margin-bottom:0;
}
.xg_floating_container .xg_module_head h2 {
    float:none;
}
.xg_floating_container .xg_module_body {
    padding:12px;
}
.xg_floating_container_wide {

    min-width:450px;
}
@media screen and (max-width:480px) {
    .xg_floating_container_wide {
        min-width: 100%;
    }
}
.xg_floating_module .xg_module_head a.xg_icon-close {
    background: transparent url(../gfx/buttons-ningbar.png) no-repeat scroll 0 -188px !important;
    padding:0;
    position:absolute;
    right:1px;
    top:2px;
    z-index:2;
    height:17px;
    width:17px;
    display:block;
}
/***********************
 Modal Dialog from Pretzel (TODO: Remove?)
***********************/
.dy-modal { _text-align:left; z-index:1001;  width:500px; max-width: 100%;  /* (width + l/r padding + l/r border) / 2 */ background:#fff !important; /*style*/border: 5px solid #e1e1e1; /*style - light secondary?*/padding: 10px 14px; box-shadow:0 0 20px #111; /*experimental*/ -webkit-box-shadow:0 0 20px #111; /*experimental*/ -moz-box-shadow:0 0 20px #111; /*experimental*/}
.xg_floating_container.dy-modal { background: #fff !important; border: 5px solid #e1e1e1 !important; }
.dy-modal-close { position:absolute; top:6px; right:6px;}
.dy-modal-close .xg_close, .dy-modal-close .xg_icon-close { display:block; background: transparent url(../gfx/buttons-ningbar.png) no-repeat scroll 0 -188px !important; background-image: url(../gfx/buttons-ningbar.png) !important; text-indent:-9999px; height:16px; width:14px;}
.dy-modal a.submit,
.dy-modal p {
    text-transform:none;
    text-decoration:none;
    font-variant:normal;
   /* font-size:12px;
    line-height:18px;*/
    margin-bottom:.4em;
    color:#5e5e5e;
}
.dy-modal .button:hover,
.xg_floating_container.dy-modal .button:hover,
.xg_floating_container.dy-modal .button,
.dy-modal .button {
    background:#ED7B09 url(../gfx/msg/ning-button.png) repeat-x scroll 0 0 !important;
}
.dy-modal .button {
    border:1px solid #F2B77C !important;
    color:#FFF !important;
    text-transform:uppercase !important;
    text-decoration:none !important;
    font-variant:normal !important;
    font-family:'Trebuchet MS',Arial,sans-serif !important;
    font-weight:bold !important;
    font-size:13px !important;
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
}
.dy-modal .button:hover { font-size: 150%; padding: 6px 12px; }
.dy-modal a { color: #00B0D8; }
.dy-modal .button {
    color: #fff;
    font-size:15px;
    padding:6px 12px;
}
/***********************
 Default Ning branded styles
***********************/
.dy-modal, .dy-ning {
    line-height: 1.3;
    color:#5e5e5e !important;
    font-family:'Fira Sans', sans-serif !important;
    font-size:12px !important;
}
.dy-modal.dy_addons {
    font-family: 'Montserrat', sans-serif !important;
}
.dy-modal p, .dy-ning p {
    margin:0 0 10px !important;
    line-height:16px !important;
}
.dy-modal a, .dy-ning a {
    color: #00B0D8 !important;
    text-decoration:none !important;
    font-weight:normal !important;
}
.dy-ning p.buttongroup a {
    margin: 0 6px;
}
.dy-modal a:hover,
.dy-ning a:hover {
    text-decoration:underline !important;
}
.dy-modal h1, .dy-modal h2, .dy-modal h3, .dy-modal h4, .dy-modal h5, .dy-modal h6,
.dy-ning h1, .dy-ning h2, .dy-ning h3, .dy-ning h4, .dy-ning h5, .dy-ning h6 {

}

.dy-modal .dy-error-inline {
    color:#ff0000;
}
.overdue-lb h3 {
    color: #c00 !important;
    letter-spacing: 0 !important; /* 982 themes commonly tighten up the tracking on h3, which makes longer strings like these hard to read */
}
.overdue-lb .headline { color: #c00; font-weight: bold !important; }