/* ---------- begin ---------- */
body {
    margin: 0px;
}

.title .item, .title .itemA, .title .itemH {
    background: url(http://images.MasonSoft.com/common/mask.jpg) no-repeat;
    color: #000099;
    cursor: pointer;
    float: left;
    font-size: 14px;
    height: 29px;
    width: 102px;
    text-align: center;
    line-height: 28px;
    border: 1px solid #a4ceec;
    border-bottom: none;
}

.title .item {
    background-position: 0px -1px;
}

.title .itemH {
    background-position: 0px -30px;
}

.title .itemA {
    background-position: 0px -59px;
    border-color: #73c5ff;
    color: #333333;
    cursor: auto;
    font-weight: bold;
    height: 29px;
}

.title .space {
    border-bottom: 1px solid #73c5ff;
    float: left;
    height: 29px;
    width: 1px;
}
/* ---------- end ---------- */


.loading, .empty {
    width: 100%;
}
.loading .label {
    background: url(http://www.sinaimg.cn/cj/money/images/progress2.gif) no-repeat 15px 5px;
    height: 20px;
    margin: 20px auto;
    line-height: 20px;
    padding: 5px;
    padding-left: 37px;
    width: 100px;
}

/* Popup */
/* ---------- begin ---------- */
.popup {
    position: absolute;
    width: 489px;
}

.popup .shadow {
    background: #999999;
    width: 486px;
    height: 192px;
    position: absolute;
    left: 3px;
    top: 3px;
    
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

.popup .main {
    border: 1px solid #74c4ff;
    height: 190px;
    position: absolute;
    width: 484px;
}

.popup .main .head {
    /*background: #FFFFFF url(http://images.MasonSoft.com/common/mask.jpg) repeat-x 0px -197px;
    border-bottom: 1px solid #74C4FF;*/
    background: #74c4ff;
    height: 25px;
    width: 484px;
}

.popup .main .head .titleText {
    float: left;
    height: 25px;
    width: 250px;
    font-size: 16px;
    font-weight: bold;
    color: #666666;
    margin: 0.2em 0em 0em 12em;
}
.popup .main .head .titleAlert, .popup .main .head .titleConfirm, .popup .main .head .titlePrompt {
    background: url(http://images.MasonSoft.com/common/mask.jpg) no-repeat;
    float: left;
    height: 25px;
    width: 160px;
}
.popup .main .head .titleAlert {
    background-position: 0px -371px;
}
.popup .main .head .titleConfirm {
    background-position: 0px -396px;
}
.popup .main .head .titlePrompt {
    background-position: 0px -421px;
}

.popup .main .head .tail, .popup .main .head .tailH {
    /*background: url(http://images.MasonSoft.com/common/mask.jpg) no-repeat;*/
    float: right;
    height: 25px;
    width: 41px;
}

.popup .main .head .tail {
    background-position: -60px -284px;
}
.popup .main .head .tailH {
    background-position: -101px -284px;
}

.popup .main .head .tail .closeIcon, .popup .main .head .tailH .closeIcon {
    background: url(http://images.MasonSoft.com/common/mask.jpg) no-repeat;
    display: inline;
    float: right;
    font-size: 0px;
    height: 18px;
    margin: 3px 4px 0px 0px;
    width: 19px;
    cursor: pointer;
}
.popup .main .head .tail .closeIcon {
    background-position: -142px -284px;
}
.popup .main .head .tailH .closeIcon {
    background-position: -161px -284px;
}

.popup .main .body {
    background: #ffffff;
    height: 164px;
    width: 484px;
}

.popup .main .body .iconError, .popup .main .body .iconWarning, .popup .main .body .iconEditing, .popup .main .body .iconSuccess {
    background: url(http://images.MasonSoft.com/common/mask.jpg) no-repeat;
    display: inline;
    float: left;
    height: 62px;
    width: 60px;
    margin: 30px 40px;
}
.popup .main .body .iconError {
    background-position: -0px -222px;
}
.popup .main .body .iconWarning {
    background-position: -60px -222px;
}
.popup .main .body .iconEditing {
    background-position: -120px -222px;
}
.popup .main .body .iconSuccess {
    background-position: 0px -284px;
}

.popup .main .body .element {
    clear: right;
    display: inline;
    float: left;
    height: 100px;
    margin: 10px 0px;
    width: 305px;
}

.popup .main .body .element .elementEntity {
    height: 100px;
    vertical-align: middle;
}

.popup .main .body .element .elementEntity .title {
    font-size: 14px;
    width: 100%;
}
.popup .main .body .element .elementEntity label {
    font-weight: bold;
}
.popup .main .body .element .elementEntity span {
    color: #ff0000;
}

.popup .main .body .element .elementEntity .input {
    margin: 5px 0px;
    border: 1px solid #a5acb2;
    font-size: 12px;
    height: 14px;
    padding: 2px;
    width: 200px;
}

.popup .main .body .buttons {
    text-align: center;
    clear: both;
}

.popup .main .body .buttons .button {
    display: inline;
    height: 25px;
    margin: 5px 10px;
    width: 80px;
}


/* ---------- end ---------- */

/* ---------- begin ---------- */
.mask {    
    filter: alpha(opacity=70);
    opacity: 0.7;
    background: #000000;
    position: absolute;
    left: 0px;
    top: 0px;
    
}
.loading {
    background: url(images/progress2.gif) no-repeat center center;
    position: absolute;
    left: 0px;
    top: 0px;
    
}