[roojs1] / css / basic-dialog.css

.x-dlg-proxy {\r
        background-image: url(../images/default/gradient-bg.gif);\r
        background-color:#c3daf9;\r
        border:1px solid #6593cf;\r
        z-index:10001;\r
        overflow:hidden;\r
        position:absolute;\r
        left:0;top:0;\r
}\r
.x-dlg-shadow{\r
        background:#aaaaaa;\r
        position:absolute;\r
        left:0;top:0;\r
}\r
.x-dlg-focus{\r
        -moz-outline:0 none;\r
        outline:0 none;\r
        width:0;\r
        height:0;\r
        overflow:hidden;\r
        position:absolute;\r
        top:0;\r
        left:0;\r
}\r
.x-dlg-mask{\r
        z-index:10000;   \r
   display:none;\r
   position:absolute;\r
   top:0;\r
   left:0;\r
   -moz-opacity: 0.5;\r
   opacity:.50;\r
   filter: alpha(opacity=50);\r
   background-color:#CCC;\r
}\r
body.masked{\r
}\r
body.masked select {\r
        visibility:hidden;\r
}\r
body.masked .x-dlg select {\r
        visibility:visible;\r
}\r
.x-dlg{\r
        z-index:10001;\r
        overflow:hidden;\r
        position:absolute;\r
        left:300;top:0;\r
}\r
.x-resizable-proxy{\r
        z-index:10002;\r
}\r
.x-dlg .x-dlg-hd {\r
        background: url(../images/default/basic-dialog/hd-sprite.gif) repeat-x 0 -82px;\r
        background-color:navy;\r
        color:#ffffff;\r
        font:bold 12px "sans serif", tahoma, verdana, helvetica;\r
        overflow:hidden;\r
        padding:5px;\r
}\r
.x-dlg .x-dlg-hd-left {\r
        background: url(../images/default/basic-dialog/hd-sprite.gif) no-repeat 0 -41px;\r
        padding-left:3px;\r
        margin:0px;\r
}\r
.x-dlg .x-dlg-hd-right {\r
        background: url(../images/default/basic-dialog/hd-sprite.gif) no-repeat right 0;\r
        padding-right:3px;\r
}\r
.x-dlg .x-dlg-dlg-body{\r
        background:url(../images/default/layout/gradient-bg.gif);\r
        border:1px solid #6593cf;\r
        border-top:0 none;\r
        padding:10px;\r
        overflow:hidden;
    position: absolute;\r
}\r
.x-dlg .x-dlg-bd{\r
        overflow:hidden;\r
}\r
.x-dlg .x-dlg-ft{\r
        overflow:hidden;\r
        padding:5px;\r
        padding-bottom:0;\r
}\r
.x-dlg .roo-tabbody{\r
        background:white;\r
        overflow:auto;\r
}\r
.x-dlg .x-tabs-top .roo-tabbody{\r
        border:1px solid #6593cf;\r
        border-top:0 none;\r
}\r
.x-dlg .x-tabs-bottom .roo-tabbody{\r
        border:1px solid #6593cf;\r
        border-bottom:0 none;\r
}\r
.x-dlg .x-layout-container  .roo-tabbody{\r
        border:0 none;\r
}\r
.x-dlg .inner-tab{\r
        margin:5px;\r
}\r
.x-dlg .x-dlg-ft .x-btn{\r
        margin-right:5px;\r
        float:right;\r
        clear:none;\r
}\r
.x-dlg .x-dlg-ft .x-dlg-btns td {\r
        border:0;\r
        padding:0;\r
}\r
.x-dlg .x-dlg-ft .x-dlg-btns-right table{\r
        float:right;\r
        clear:none;\r
}\r
.x-dlg .x-dlg-ft .x-dlg-btns-left table{\r
        float:left;\r
        clear:none;\r
}\r
.x-dlg .x-dlg-ft .x-dlg-btns-center{\r
        text-align:center; /*ie*/\r
}\r
.x-dlg .x-dlg-ft .x-dlg-btns-center table{\r
        margin:0 auto; /*everyone else*/\r
}\r
.x-dlg-draggable .x-dlg-hd{\r
        cursor:move;\r
}\r
.x-dlg-closable .x-dlg-hd{\r
        padding-right:22px;\r
}\r
.x-dlg .x-dlg-close {\r
        position:absolute;\r
        top:4px;\r
        right:4px;\r
        z-index:6;\r
        height:15px;\r
        width:15px;\r
        margin:0;\r
        padding:0;\r
        line-height:1px;\r
        font-size:1px;\r
        background-repeat:no-repeat;\r
        cursor:pointer;\r
        visibility:inherit;\r
        background-image:url(../images/default/basic-dialog/close.gif);\r
}\r
.x-dlg div.x-resizable-handle-east{\r
        background-image:url(../images/default/sizer/e-handle-dark.gif);\r
        border:0;\r
        background-position:left;\r
        margin-right:0;\r
}\r
.x-dlg div.x-resizable-handle-south{\r
        background-image:url(../images/default/sizer/s-handle-dark.gif);\r
        border:0;\r
        height:6px;\r
}\r
.x-dlg div.x-resizable-handle-west{\r
        background-image:url(../images/default/sizer/e-handle-dark.gif);\r
        border:0;\r
        background-position:1px;\r
}\r
.x-dlg div.x-resizable-handle-north{\r
        background-image:url(../images/default/s.gif);\r
        border:0;\r
}\r
.x-dlg div.x-resizable-handle-northeast, .x-theme-gray .x-dlg div.x-resizable-handle-northeast{\r
        background-image:url(../images/default/s.gif);\r
        border:0;\r
}\r
.x-dlg div.x-resizable-handle-northwest, .x-theme-gray .x-dlg div.x-resizable-handle-northwest{\r
        background-image:url(../images/default/s.gif);\r
        border:0;\r
}\r
.x-dlg div.x-resizable-handle-southeast{\r
        background-image:url(../images/default/sizer/corners-sprite.gif);\r
        background-position: top left;\r
        width:8px;\r
        height:8px;\r
        border:0;\r
}\r
.x-dlg div.x-resizable-handle-southwest{\r
        background-image:url(../images/default/sizer/corners-sprite.gif);\r
        background-position: top right;\r
        margin-left:1px;\r
        margin-bottom:1px;\r
        border:0;\r
}\r
\r
#x-msg-box .x-dlg-ft .x-btn{\r
        float:none;\r
        clear:none;\r
        margin:0 3px;\r
}\r
\r
#x-msg-box .x-dlg-bd {\r
        padding:5px;\r
        overflow:hidden !important;\r
}\r
#x-msg-box .roo-mb-input {\r
        margin-top:4px;\r
        width:95%;\r
}\r
#x-msg-box .roo-mb-textarea, 
#x-msg-box .roo-mb-text 
{\r
        margin-top:4px;\r
        font:normal 13px "sans serif", tahoma, verdana, helvetica;
    display: inline;\r
}\r
#x-msg-box .roo-mb-progress-wrap {\r
        margin-top:4px;\r
        border:1px solid #6593cf;\r
}\r
#x-msg-box .roo-mb-progress {\r
        height:18px;\r
        background:transparent url(../images/default/basic-dialog/progress2.gif) repeat-x 1px 1px;\r
}\r
#x-msg-box .roo-mb-progress-bar {\r
        height:18px;\r
        overflow:hidden;\r
        width:0;\r
        background:#8bb8f3;\r
}