.ui-dialog { *zoom: 1; _float: left; position: relative; background-color: #fff; border: 1px solid #999; border-radius: 3px; outline: 0; background-clip: padding-box; font-family: Helvetica,arial,sans-serif; font-size: 14px; line-height: 1.428571429; color: #666; opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform .15s ease-in-out,opacity .15s ease-in-out; transition: transform .15s ease-in-out,opacity .15s ease-in-out }

.ui-popup-show .ui-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.ui-popup-focus .ui-dialog {
    box-shadow: 0 0 8px rgba(0,0,0,.1)
}

.ui-popup-modal .ui-dialog {
    box-shadow: 0 0 8px rgba(0,0,0,.1),0 0 256px hsla(0,0%,100%,.3)
}

.ui-dialog-grid {
    width: auto;
    margin: 0;
    border: 0 none;
    border-collapse: collapse;
    border-spacing: 0;
    background: transparent
}

.ui-dialog-body, .ui-dialog-footer, .ui-dialog-header {
    padding: 0;
    border: 0 none;
    text-align: left;
    background: transparent
}

.ui-dialog-header {
    white-space: nowrap;
    background-color:#d9265e;
}

.ui-dialog-close {
    position: relative;
    _position: absolute;
    float: right;
    top: 13px;
    right: 13px;
    _height: 26px;
    padding: 0 4px;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
    cursor: pointer;
    background: transparent;
    _background: #fff;
    border: 0;
    -webkit-appearance: none
}

    .ui-dialog-close:focus, .ui-dialog-close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        outline: 0;
        opacity: .5;
        filter: alpha(opacity=50)
    }

.ui-dialog-title {
    margin: 0;
    line-height: 1.428571429;
    min-height: 16.428571429px;
    padding: 10px 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /*font-weight: 700;*/
    cursor: default;
    font-size: 15px;
    color: #FFF;
}

.ui-dialog-body {
    padding: 35px 0px;
    text-align: center;
    min-width: 320px;
}

.ui-dialog-content {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    *zoom: 1;
    *display: inline;
    text-align: center;
    max-width: 420px;
    line-height: 28px;
    padding: 0 30px;
}

.ui-dialog-footer {
    padding: 0 20px 20px
}

.ui-dialog-statusbar {
    float: left;
    margin-right: 20px;
    padding: 6px 0;
    line-height: 1.428571429;
    font-size: 14px;
    color: #888;
    white-space: nowrap
}

    .ui-dialog-statusbar label:hover {
        color: #666
    }

    .ui-dialog-statusbar .label, .ui-dialog-statusbar input {
        vertical-align: middle
    }

.ui-dialog-button {
    /*float: right;*/
    white-space: nowrap;
    text-align: center;
}

.ui-dialog-footer button, .ui-dialog-footer button + button {
    margin-bottom: 0;
    margin-left: 10px
}

.ui-dialog-footer button {
    width: auto;
    overflow: visible;
    display: inline-block;
    padding: 6px 25px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

    /*.ui-dialog-footer button:focus {
        outline: thin dotted #57bc4c;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }*/

    /*.ui-dialog-footer button:focus, .ui-dialog-footer button:hover {
        color: #57bc4c;
        text-decoration: none
    }*/

    /*.ui-dialog-footer button:active {
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
    }*/

    .ui-dialog-footer button[disabled] {
        pointer-events: none;
        cursor: not-allowed;
        opacity: .65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none
    }

.ui-dialog-footer button {
    color: #666;
    background-color: #ebebeb;
}

    .ui-dialog-footer button:active, .ui-dialog-footer button:focus, .ui-dialog-footer button:hover {
        color: #666;
        background-color: #d9265e;
    }

    .ui-dialog-footer button:active {
        background-image: none
    }

    .ui-dialog-footer button[disabled], .ui-dialog-footer button[disabled]:active, .ui-dialog-footer button[disabled]:focus, .ui-dialog-footer button[disabled]:hover {
        background-color: #e1e1e1;
    }

    .ui-dialog-footer button.ui-dialog-autofocus {
        color: #fff;
        background-color: #d9265e;
    }

        .ui-dialog-footer button.ui-dialog-autofocus:active, .ui-dialog-footer button.ui-dialog-autofocus:focus, .ui-dialog-footer button.ui-dialog-autofocus:hover {
            color: #fff;
            background-color: #d9266d;
        }

        .ui-dialog-footer button.ui-dialog-autofocus:active {
            background-image: none
        }

.ui-popup-top-left .ui-dialog, .ui-popup-top-right .ui-dialog, .ui-popup-top .ui-dialog {
    top: -8px
}

.ui-popup-bottom-left .ui-dialog, .ui-popup-bottom-right .ui-dialog, .ui-popup-bottom .ui-dialog {
    top: 8px
}

.ui-popup-left-bottom .ui-dialog, .ui-popup-left-top .ui-dialog, .ui-popup-left .ui-dialog {
    left: -8px
}

.ui-popup-right-bottom .ui-dialog, .ui-popup-right-top .ui-dialog, .ui-popup-right .ui-dialog {
    left: 8px
}

.ui-dialog-arrow-a, .ui-dialog-arrow-b {
    position: absolute;
    display: none;
    width: 0;
    height: 0;
    overflow: hidden;
    _color: #ff3fff;
    _filter: chroma(color=#FF3FFF);
    border: 8px dashed transparent
}

.ui-popup-follow .ui-dialog-arrow-a, .ui-popup-follow .ui-dialog-arrow-b {
    display: block
}

.ui-popup-top-left .ui-dialog-arrow-a, .ui-popup-top-right .ui-dialog-arrow-a, .ui-popup-top .ui-dialog-arrow-a {
    bottom: -16px;
    border-top: 8px solid #7c7c7c
}

.ui-popup-top-left .ui-dialog-arrow-b, .ui-popup-top-right .ui-dialog-arrow-b, .ui-popup-top .ui-dialog-arrow-b {
    bottom: -15px;
    border-top: 8px solid #fff
}

.ui-popup-top-left .ui-dialog-arrow-a, .ui-popup-top-left .ui-dialog-arrow-b {
    left: 15px
}

.ui-popup-top .ui-dialog-arrow-a, .ui-popup-top .ui-dialog-arrow-b {
    left: 50%;
    margin-left: -8px
}

.ui-popup-top-right .ui-dialog-arrow-a, .ui-popup-top-right .ui-dialog-arrow-b {
    right: 15px
}

.ui-popup-bottom-left .ui-dialog-arrow-a, .ui-popup-bottom-right .ui-dialog-arrow-a, .ui-popup-bottom .ui-dialog-arrow-a {
    top: -16px;
    border-bottom: 8px solid #7c7c7c
}

.ui-popup-bottom-left .ui-dialog-arrow-b, .ui-popup-bottom-right .ui-dialog-arrow-b, .ui-popup-bottom .ui-dialog-arrow-b {
    top: -15px;
    border-bottom: 8px solid #fff
}

.ui-popup-bottom-left .ui-dialog-arrow-a, .ui-popup-bottom-left .ui-dialog-arrow-b {
    left: 15px
}

.ui-popup-bottom .ui-dialog-arrow-a, .ui-popup-bottom .ui-dialog-arrow-b {
    margin-left: -8px;
    left: 50%
}

.ui-popup-bottom-right .ui-dialog-arrow-a, .ui-popup-bottom-right .ui-dialog-arrow-b {
    right: 15px
}

.ui-popup-left-bottom .ui-dialog-arrow-a, .ui-popup-left-top .ui-dialog-arrow-a, .ui-popup-left .ui-dialog-arrow-a {
    right: -16px;
    border-left: 8px solid #7c7c7c
}

.ui-popup-left-bottom .ui-dialog-arrow-b, .ui-popup-left-top .ui-dialog-arrow-b, .ui-popup-left .ui-dialog-arrow-b {
    right: -15px;
    border-left: 8px solid #fff
}

.ui-popup-left-top .ui-dialog-arrow-a, .ui-popup-left-top .ui-dialog-arrow-b {
    top: 15px
}

.ui-popup-left .ui-dialog-arrow-a, .ui-popup-left .ui-dialog-arrow-b {
    margin-top: -8px;
    top: 50%
}

.ui-popup-left-bottom .ui-dialog-arrow-a, .ui-popup-left-bottom .ui-dialog-arrow-b {
    bottom: 15px
}

.ui-popup-right-bottom .ui-dialog-arrow-a, .ui-popup-right-top .ui-dialog-arrow-a, .ui-popup-right .ui-dialog-arrow-a {
    left: -16px;
    border-right: 8px solid #7c7c7c
}

.ui-popup-right-bottom .ui-dialog-arrow-b, .ui-popup-right-top .ui-dialog-arrow-b, .ui-popup-right .ui-dialog-arrow-b {
    left: -15px;
    border-right: 8px solid #fff
}

.ui-popup-right-top .ui-dialog-arrow-a, .ui-popup-right-top .ui-dialog-arrow-b {
    top: 15px
}

.ui-popup-right .ui-dialog-arrow-a, .ui-popup-right .ui-dialog-arrow-b {
    margin-top: -8px;
    top: 50%
}

.ui-popup-right-bottom .ui-dialog-arrow-a, .ui-popup-right-bottom .ui-dialog-arrow-b {
    bottom: 15px
}

@-webkit-keyframes ui-dialog-loading {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes ui-dialog-loading {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.ui-dialog-loading {
    vertical-align: middle;
    position: relative;
    display: block;
    *zoom: 1;
    *display: inline;
    overflow: hidden;
    width: 32px;
    height: 32px;
    top: 50%;
    margin: -16px auto 0;
    font-size: 0;
    text-indent: -999em;
    color: #666;
    width: 100%;
    text-indent: 0;
    line-height: 32px;
    text-align: center;
    font-size: 12px
}

    .ui-dialog-loading:after {
        position: absolute;
        content: "";
        width: 3px;
        height: 3px;
        margin: 14.5px 0 0 0px;
        border-radius: 100%;
        box-shadow: 0 -10px 0 1px #e14b23,10px 0 #e14b23,0 10px #e14b23,-10px 0 #e14b23,-7px -7px 0 .5px #e14b23,7px -7px 0 1.5px #e14b23,7px 7px #e14b23,-7px 7px #e14b23;
        -webkit-transform: rotate(1turn);
        -webkit-animation: ui-dialog-loading 1.5s infinite linear;
        transform: rotate(1turn);
        animation: ui-dialog-loading 1.5s infinite linear;
        /*display: none*/
    }
.ui-dialog-tips{ padding:5px;line-height:24px;}
.ui-dialog-tips i{ width:25px; height:25px; display:block; background: url(../images/dialog_icon.png) no-repeat; float: left; margin-right:10px;}
.ui-dialog-tips i.success{}
.ui-dialog-tips i.error{ background-position:0 -36px;}
.ui-dialog-tips i.fail{ background-position:0 -72px;}
.ui-dialog-tips img{ width:20px; height:20px; margin-right:10px; float:left;}
