/*	弹出的模式窗口样式	*/

.UI-diag { position: fixed; border: solid 1px #226c8a; background: #FFF; _position: absolute; _top: expression(document.body.scrollTop + this.style.top); z-index: 1000; }

    .UI-diag .title { height: 29px; background: url(../Images/diag-qq.gif) repeat-x; border: solid 1px #56c5f3; border-bottom: none; }
        .UI-diag .title .tit { font-size: 12px; font-weight: bold; float: left; line-height: 28px; text-indent: 1em; }
        .UI-diag .title .close { float: right; width: 36px; height: 17px; margin: -1px; background: url(../Images/diag-qq.gif) no-repeat left -60px; position: initial; opacity:1;}
            .UI-diag .title .close:hover { background-position: left -30px; }
        .UI-diag .title .body { border: solid 1px #e4f5f8; overflow: scroll; }

/*  使用CSS3的皮肤   */
.UI-diag-css3 { -moz-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 18px rgba(0, 0, 0, 0.5); }
    .UI-diag-css3 .title { -moz-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; text-shadow: 1px 1px 2px #ffffff; color: #333333; }


/* 只有一个关闭按钮的窗口 */
.UI-diag-close { border: none; background: url(/image/loadbar.gif) no-repeat center center; }
    .UI-diag-close .title { height: 0px; background: none; border: none; overflow: visible; }
        .UI-diag-close .title .tit { display: none; }
        .UI-diag-close .title .close { position: absolute; width: 47px; height: 46px; background: url(../images/close.png) no-repeat; right: -20px; top: -19px; }
            .UI-diag-close .title .close:hover { background-position: left top; }

/*  模拟系统的弹出框 */
.UI-diag-type-alert { box-shadow: 0px 0px 30px rgba(0,0,0,0.4); border-radius: 10px; }
    .UI-diag-type-alert .alert-title { text-align: center; font-size: 14px; padding: 10px; }
    .UI-diag-type-alert .control { text-align: center; padding: 10px; }
        .UI-diag-type-alert .control .alert-button { display: block; height: 24px; line-height: 24px; background: url(../images/web_diag.gif) repeat-x; width: 100px; margin: auto; border: 1px solid #CCC; border-radius: 4px; }
            .UI-diag-type-alert .control .alert-button:hover { background-position: left -24px; color: white; text-decoration: none; }