@charset "utf-8";
.dialog {
    position: absolute;
    top: 58px;
    left: 200px;
    width: 300px;
    border: 1px solid #cccccc;
    background-color: #FFFFFF;
    z-index: 12;
    display: none;
}

.dialogclose {
    float: right;
}

.dialogcaption {
    background-color: #878785;
    padding: 4px 4px;
    color: #FFFFFF;
    font-size: 8pt;
    font-weight: bold;
}

.dialogclose a {
    padding: 3px;
    color: #FFF;
    text-decoration: none;
}

.dialogbody {
    padding: 10px 10px;
}

.xspinner {
    line-height: 30px;
    text-align: center;
}

.shadow /*POPUP*/
{
    left: 0;
    opacity: .7;
    position: absolute;
    text-align: center;
    top: 0;
    background-color: #000000;
    z-index: 10;
    display: block;
}

.spinner {
    position: absolute;
    opacity: 0.3;
    z-index: 902;
    background-color: #000000;
}

.spinner2 {
    position: absolute;
    opacity: 0.3;
    z-index: 10;
    background-color: #000000;
}

.spinner-msg {
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
}

.spinner-img {
    background: url(spinner.gif) no-repeat;
    width: 24px;
    height: 24px;
    margin: 0 auto;
    z-index: 12;
}

.mask {
    position: absolute;
    opacity: 0.5;
    z-index: 2;
    background-color: #000000;
}