/* popup */

.body_overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.1;
    filter: alpha(opacity=10);
    z-index: 1000;
}



.page_loading {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 2000;
}

    .page_loading .inner {
        margin: -20px 0 0 -100px;
        width: 200px;
        height: 40px;
        background: #FFF;
        border: 2px solid #999;
        color: #333;
        text-align: center;
    }



.popup_wrapper {
    left: 50%;
    top: 50%;
    width: 1px;
    height: 1px;
    overflow: visible;
    position: fixed;
    z-index: 2000;
}

.popup {
    position: relative;
}


    .popup h1,
    .popup h2 {
        text-align: left;
    }

    .popup input[type="text"],
    .popup select {
        width: 300px;
    }


    /* popup inner */

    .popup_inner {
        z-index: 10;
        background: #f1f3f1;
    }

        .popup_head {
            z-index: 10;
            padding: 20px 30px;
            margin: 0;
            font-weight: bold;
            font-size: 18px;
            color: #FFF;
            background: rgb(2,0,36);
            background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(41,42,195,1) 0%, rgba(0,140,255,1) 150%);
            text-align: center;
        }

        .popup_body {
            padding: 12px 30px;
        }


        .popup_footer {
            background: rgb(2,0,36);
            background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(41,42,195,1) 0%, rgba(0,140,255,1) 150%);
            padding: 4px;
            overflow: hidden;
            zoom: 1;
            clear: both;
        }


    .popup_close {
        position: absolute;
        right: -8px;
        top: -8px;
        width: 24px;
        height: 24px;
        background: url(/static/images.motel/popup/close.png) no-repeat 0 0;
        z-index: 6;
        cursor: pointer;
    }


    /* popup border */

    .popup_ctl,
    .popup_ctr,
    .popup_cbl,
    .popup_cbr {
        width: 10px;
        height: 10px;
        position: absolute;
        background: transparent url(/static/images.motel/popup/corners.png) no-repeat 0 0;
        z-index: 5;
    }

    .popup_ctl {
        left: -10px;
        top: -10px;
    }

    .popup_ctr {
        right: -10px;
        top: -10px;
        background-position: 0 -10px;
    }

    .popup_cbl {
        left: -10px;
        bottom: -10px;
        background-position: 0 -20px;
    }

    .popup_cbr {
        right: -10px;
        bottom: -10px;
        background-position: 0 -30px;
    }



    .popup_ct,
    .popup_cb {
        width: 100%;
        height: 10px;
        position: absolute;
        background: transparent url(/static/images.motel/popup/tb.png) repeat-x 0 0;
        z-index: 5;
    }

    .popup_ct {
        top: -10px;
    }

    .popup_cb {
        background-position: 0 -10px;
        bottom: -10px;
    }


    .popup_cl,
    .popup_cr {
        width: 10px;
        height: 100%;
        position: absolute;
        background: transparent url(/static/images.motel/popup/lr.png) repeat-y 0 0;
        z-index: 5;
    }

    .popup_cl {
        left: -10px;
    }

    .popup_cr {
        background-position: -10px 0;
        right: -10px;
    }



.popup .step {
    position: relative;
    margin: 0 -30px;
    background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(41,42,195,1) 0%, rgba(0,140,255,1) 150%);
    height: 14px;
    padding: 5px 0 7px 10px;
    color: #FFF;
    font-weight: bold;
    clear: both;
}

    .popup .step span {
        float: left;
        width: 90px;
        text-transform: uppercase;
    }



.popup_document {
    margin: -100px 0 0 -180px;
    width: 350px;
}



    .popup_document .popup_inner {
        width: auto;
    }

    .popup_document .popup_body {
        padding: 10px 30px;
        overflow: auto;
        background: #FFF;
        height: 400px;
    }

.back_btn{width:65px;background-image: url(/static/images.front/back_btn.png);height:28px;float:left;cursor:pointer;display:none;}
.back_btn:hover{opacity:0.7}
.next_btn{width:65px;background-image: url(/static/images.front/next_btn.png);height:28px;float:right;cursor:pointer;display:none;}
.next_btn:hover{opacity:0.7}
.finish_btn{width:65px;background-image: url(/static/images.front/finish_btn.png);height:28px;float:right;cursor:pointer;display:none;}
.finish_btn:hover{opacity:0.7}


#arra_style .popup_head{
    background: #00aadb;
}