/* * Ext JS Library 1.0 * Copyright(c) 2006-2007, Ext JS, LLC. * licensing@extjs.com * * http://www.extjs.com/license */ /* menus */ .x-menu { border:1px solid; border-color: #96b9e6 #8BB8F3 #8BB8F3 #96b9e6; z-index: 15000; zoom:1; background:#c3daf9; padding:2px; } .x-menu-list{ background: #fafafa; border:1px solid #fff; border-color:#a3bad9; } .x-menu-item-icon { margin-right:8px; } .x-menu-sep { margin-left:3px; } .x-menu-item-active { color:#233d6d; background:#c3daf9; border:1px solid #fff; padding:0; } .x-date-mmenu .x-menu-list{ padding:0; } .x-date-mmenu .x-menu-list{ border:0 none; } .x-menu .x-color-palette, .x-menu .x-date-picker{ margin-left:26px; } .x-menu-plain .x-color-palette, .x-menu-plain .x-date-picker{ margin:0; border:0 none; } /** * Tabs */ .x-tabs-wrap, .x-layout-panel .x-tabs-top .x-tabs-wrap { background:#deecfd; border:1px solid #8db2e3; padding-bottom:2px; padding-top:0; } .x-tabs-strip-wrap{ padding-top:1px; background:#cedff5 url(../images/aero/tabs/tab-strip-bg.gif) repeat-x bottom; border-bottom:1px solid #8db2e3; } .x-tabs-strip .x-tabs-text { color:#15428b; font:bold 11px tahoma,arial,verdana,sans-serif; } .x-tabs-strip .on .x-tabs-text { cursor:default; color:#15428b; } .x-tabs-top .x-tabs-strip .on .x-tabs-right { background: url(../images/aero/tabs/tab-sprite.gif) no-repeat right 0; } .x-tabs-top .x-tabs-strip .on .x-tabs-left,.x-tabs-top .x-tabs-strip .on a:hover .x-tabs-left{ background: url(../images/aero/tabs/tab-sprite.gif) no-repeat 0 -100px; } .x-tabs-top .x-tabs-strip .x-tabs-right { background:transparent url(../images/aero/tabs/tab-sprite.gif) no-repeat right -50px; } .x-tabs-top .x-tabs-strip .x-tabs-left { background:transparent url(../images/aero/tabs/tab-sprite.gif) no-repeat 0 -150px; } .x-tabs-top .x-tabs-body { border:1px solid #8db2e3; border-top:0 none; } .x-tabs-bottom .x-tabs-wrap, .x-layout-panel .x-tabs-bottom .x-tabs-wrap { background:#deecfd; border:1px solid #8db2e3; padding-top:2px; padding-bottom:0; } .x-tabs-bottom .x-tabs-strip-wrap{ padding-top:0; padding-bottom:1px; background:#cedff5 url(../images/aero/tabs/tab-strip-btm-bg.gif) repeat-x top; border-top:1px solid #8db2e3; border-bottom:0 none; } .x-tabs-bottom .x-tabs-strip .x-tabs-right { background:transparent url(../images/aero/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom right; } .x-tabs-bottom .x-tabs-strip .x-tabs-left { background:transparent url(../images/aero/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom left; } .x-tabs-bottom .x-tabs-strip .on .x-tabs-right,.x-tabs-bottom .x-tabs-strip .on a:hover { background: url(../images/aero/tabs/tab-btm-right-bg.gif) no-repeat bottom left; } .x-tabs-bottom .x-tabs-strip .on .x-tabs-left,.x-tabs-bottom .x-tabs-strip .on a:hover .x-tabs-left { background: url(../images/aero/tabs/tab-btm-left-bg.gif) no-repeat bottom right; } .x-tabs-bottom .x-tabs-body { border:1px solid #8db2e3; border-bottom:0 none; } /* * Basic-Dialog */ .x-dlg-proxy { background:#C7DFFC; border:1px solid #A5CCF9; } .x-dlg-shadow{ background:#cccccc; opacity:.3; -moz-opacity:.3; filter: alpha(opacity=30); } .x-dlg { background:transparent; } .x-dlg .x-dlg-hd { background: url(../images/aero/basic-dialog/hd-sprite.gif) repeat-x 0 -82px; background-color:#aabaca; color:#15428b; zoom:1; padding-top:7px; } .x-dlg .x-dlg-hd-left { opacity:.85; -moz-opacity:.85; filter:alpha(opacity=80); background: url(../images/aero/basic-dialog/hd-sprite.gif) no-repeat 0 -41px; zoom:1; } .x-dlg-modal .x-dlg-hd-left { opacity:.75; -moz-opacity:.75; filter:alpha(opacity=70); } .x-dlg .x-dlg-hd-right { background: url(../images/aero/basic-dialog/hd-sprite.gif) no-repeat right 0; zoom:1; } .x-dlg .x-dlg-dlg-body{ padding:0 0 0; position:absolute; top:24px;left:0; z-index:1; border:0 none; background:transparent; } .x-dlg .x-dlg-bd{ background:#fff; border:1px solid #96b9e6; } .x-dlg .x-dlg-ft{ border:0 none; background:transparent; padding-bottom:8px; } .x-dlg .x-dlg-bg{ filter:alpha(opacity=80); opacity:.85; -moz-opacity:.85; zoom:1; } .x-dlg-modal .x-dlg-bg { opacity:.75; -moz-opacity:.75; filter:alpha(opacity=70); } .x-dlg .x-dlg-bg-center { padding: 2px 7px 7px 7px; background:transparent url(../images/aero/basic-dialog/bg-center.gif) repeat-x bottom; zoom:1; } .x-dlg .x-dlg-bg-left{ padding-left:7px; background:transparent url(../images/aero/basic-dialog/bg-left.gif) no-repeat bottom left; zoom:1; } .x-dlg .x-dlg-bg-right{ padding-right:7px; background:transparent url(../images/aero/basic-dialog/bg-right.gif) no-repeat bottom right; zoom:1; } .x-dlg-auto-tabs .x-dlg-dlg-body, .x-dlg-auto-layout .x-dlg-dlg-body{ background:transparent; border:0 none; } .x-dlg-auto-tabs .x-dlg-bd, .x-dlg-auto-layout .x-dlg-bd{ background:#fff; border:1px solid #e9f3f5; } .x-dlg-auto-tabs .x-tabs-top .x-tabs-body,.x-dlg-auto-tabs .x-tabs-bottom .x-tabs-body{ border-color:#8db2e3; } .x-dlg-auto-tabs .x-tabs-top .x-tabs-wrap,.x-dlg-auto-tabs .x-tabs-bottom .x-tabs-wrap{ border-color:#8db2e3; } .x-dlg .x-dlg-toolbox { width:50px; height:20px; right:5px; top:5px; } .x-dlg .x-dlg-close, .x-dlg .x-dlg-collapse { width:21px; height:20px; margin:0; } .x-dlg .x-dlg-close { background-image:url(../images/aero/basic-dialog/aero-close.gif); } .x-dlg .x-dlg-collapse { background-image:url(../images/aero/basic-dialog/collapse.gif); } .x-dlg-collapsed { border-bottom:1px solid #96b9e6; } .x-dlg .x-dlg-close-over { background-image:url(../images/aero/basic-dialog/aero-close-over.gif); } .x-dlg .x-dlg-collapse-over { background-image:url(../images/aero/basic-dialog/collapse-over.gif); } .x-dlg-collapsed .x-dlg-collapse { background-image:url(../images/aero/basic-dialog/expand.gif); } .x-dlg-collapsed .x-dlg-collapse-over { background-image:url(../images/aero/basic-dialog/expand-over.gif); } .x-dlg div.x-resizable-handle-east{ background-image:url(../images/aero/s.gif); border:0 none; } .x-dlg div.x-resizable-handle-south{ background-image:url(../images/aero/s.gif); border:0 none; } .x-dlg div.x-resizable-handle-west{ background-image:url(../images/aero/s.gif); border:0 none; } .x-dlg div.x-resizable-handle-southeast{ background-image:url(../images/aero/basic-dialog/se-handle.gif); background-position: bottom right; width:9px; height:9px; border:0; right:2px; bottom:2px; } .x-dlg div.x-resizable-handle-southwest{ background-image:url(../images/aero/s.gif); background-position: top right; margin-left:1px; margin-bottom:1px; border:0; } .x-dlg div.x-resizable-handle-north{ background-image:url(../images/aero/s.gif); border:0 none; } #x-msg-box .x-dlg-bd{ background:#CFE0F5; border:0 none; } body.x-masked #x-msg-box .x-dlg-bd, body.x-body-masked #x-msg-box .x-dlg-bd{ background:#c4d2e3; border:0 none; } /* BorderLayout */ .x-layout-container{ background:#deecfd; } .x-layout-collapsed{ background-color:#deecfd; border:1px solid #99bbe8; } .x-layout-collapsed-over{ background-color:#F5F9FE; } .x-layout-panel{ border:1px solid #99bbe8; } .x-layout-nested-layout .x-layout-panel { border:0 none; } .x-layout-split{ background-color:#deecfd; } .x-layout-panel-hd{ background: #ebeadb url(../images/aero/grid/grid-hrow.gif) repeat-x; border-bottom:1px solid #99bbe8; } .x-layout-panel-hd-text { color:#15428b; font:bold 11px tahoma,arial,verdana,sans-serif; } .x-layout-split-h{ background:#deecfd; } .x-layout-split-v{ background:#deecfd; } .x-layout-panel .x-tabs-top .x-tabs-wrap{ border:0 none; border-bottom:1px solid #8db2e3; } .x-layout-panel .x-tabs-bottom .x-tabs-wrap{ border:0 none; border-top:1px solid #8db2e3; } .x-layout-nested-layout .x-layout-panel-north { border-bottom:1px solid #99bbe8; } .x-layout-nested-layout .x-layout-panel-south { border-top:1px solid #99bbe8; } .x-layout-nested-layout .x-layout-panel-east { border-left:1px solid #99bbe8; } .x-layout-nested-layout .x-layout-panel-west { border-right:1px solid #99bbe8; } .x-layout-panel-dragover { border: 2px solid #99bbe8; } .x-layout-panel-proxy { background-image: url(../images/aero/layout/gradient-bg.gif); background-color:#f3f2e7; border:1px dashed #99bbe8; } .x-layout-container .x-layout-tabs-body{ border:0 none; } /** Resizable */ .x-resizable-proxy{ border: 1px dashed #3b5a82; } /* grid */ .x-grid-hd-text { color:#15428b; font-weight:bold; } .x-grid-locked .x-grid-body td { background: #FBFDFF; border-right: 1px solid #deecfd; border-bottom: 1px solid #deecfd !important; } .x-grid-locked .x-grid-body td .x-grid-cell-inner { border-top:0 none; } .x-grid-locked .x-grid-row-alt td{ background: #F5FAFE; } .x-grid-locked .x-grid-row-selected td{ color: #fff !important; background-color: #316ac5 !important; } .x-grid-hd{ border-bottom:0; background:none; } .x-grid-hd-row{ height:auto; } .x-grid-hd-over { border-bottom:0 none; } .x-grid-hd-over .x-grid-hd-body{ background:none; border-bottom:0 none; } .x-grid-hd-over .x-grid-hd-body{ background-color: transparent; border-bottom:0; } .x-grid-split { background-image: url(../images/aero/grid/grid-blue-split.gif); } .x-grid-header{ background: url(../images/aero/grid/grid-hrow.gif); border:0 none; border-bottom:1px solid #6f99cf; } .x-grid-row-alt{ background-color: #f5f5f5; } .x-grid-row-over td, .x-grid-locked .x-grid-row-over td{ background-color:#d9e8fb; } .x-grid-col { border-right: 1px solid #eee; border-bottom: 1px solid #eee; } .x-grid-header .x-grid-hd-inner { padding-bottom: 1px; } .x-grid-header .x-grid-hd-text { padding-bottom: 3px; } .x-grid-hd-over .x-grid-hd-inner { border-bottom: 1px solid #316ac5; padding-bottom: 0; } .x-grid-hd-over .x-grid-hd-text { background: #d5e4f5; border-bottom: 1px solid #fff; padding-bottom: 2px; } .x-grid-header .sort-asc .x-grid-hd-inner, .x-grid-header .sort-desc .x-grid-hd-inner { border-bottom: 1px solid #316ac5; padding-bottom: 0; } .x-grid-header .sort-asc .x-grid-hd-text, .x-grid-header .sort-desc .x-grid-hd-text { border-bottom: 0 none; padding-bottom: 3px; } .x-grid-header .sort-asc .x-grid-sort-icon { background-image: url(../images/aero/grid/sort_asc.gif); } .x-grid-header .sort-desc .x-grid-sort-icon { background-image: url(../images/aero/grid/sort_desc.gif); } .x-dd-drag-proxy .x-grid-hd-inner{ background: #ebeadb url(../images/aero/grid/grid-hrow.gif) repeat-x; height:22px; width:120px; } .x-grid-locked td.x-grid-row-marker, .x-grid-locked .x-grid-row-selected td.x-grid-row-marker{ background: #ebeadb url(../images/aero/grid/grid-hrow.gif) repeat-x 0 0 !important; vertical-align:middle !important; color:black; padding:0; border-top:1px solid white; border-bottom:1px solid #6f99cf !important; border-right:1px solid #6f99cf !important; text-align:center; } .x-grid-locked td.x-grid-row-marker div, .x-grid-locked .x-grid-row-selected td.x-grid-row-marker div{ padding:0 4px; color:#15428b !important; text-align:center; } /** Toolbar */ .x-toolbar{ padding:2px 2px 2px 2px; background:#d0def0 url(../images/default/toolbar/tb-bg.gif) repeat-x; } .x-toolbar .ytb-sep{ background-image: url(../images/aero/grid/grid-blue-split.gif); } .x-toolbar .x-btn-over .x-btn-left{ background:url(../images/aero/toolbar/tb-btn-sprite.gif) no-repeat 0 0; } .x-toolbar .x-btn-over .x-btn-right{ background:url(../images/aero/toolbar/tb-btn-sprite.gif) no-repeat 0 -21px; } .x-toolbar .x-btn-over .x-btn-center{ background:url(../images/aero/toolbar/tb-btn-sprite.gif) repeat-x 0 -42px; } .x-toolbar .x-btn-click .x-btn-left, .x-toolbar .x-btn-pressed .x-btn-left, .x-toolbar .x-btn-menu-active .x-btn-left{ background:url(../images/aero/toolbar/tb-btn-sprite.gif) no-repeat 0 -63px; } .x-toolbar .x-btn-click .x-btn-right, .x-toolbar .x-btn-pressed .x-btn-right, .x-toolbar .x-btn-menu-active .x-btn-right{ background:url(../images/aero/toolbar/tb-btn-sprite.gif) no-repeat 0 -84px; } .x-toolbar .x-btn-click .x-btn-center, .x-toolbar .x-btn-pressed .x-btn-center, .x-toolbar .x-btn-menu-active .x-btn-center{ background:url(../images/aero/toolbar/tb-btn-sprite.gif) repeat-x 0 -105px; } /*************** TABS 2 *****************/ /** * Tabs */ .x-tab-panel-header, .x-tab-panel-footer { background:#deecfd; border:1px solid #8db2e3; } .x-tab-panel-header { background:#deecfd; border:1px solid #8db2e3; padding-bottom:2px; } .x-tab-panel-footer { background:#deecfd; border:1px solid #8db2e3; padding-top:2px; } .x-tab-strip-top{ padding-top:1px; background:#cedff5 url(../images/aero/tabs/tab-strip-bg.gif) repeat-x bottom; border-bottom:1px solid #8db2e3; } .x-tab-strip-bottom{ padding-bottom:1px; background:#cedff5 url(../images/aero/tabs/tab-strip-btm-bg.gif) repeat-x top; border-top:1px solid #8db2e3; border-bottom:0 none; } .x-tab-strip .x-tab-strip-text { color:#15428b; font:bold 11px tahoma,arial,verdana,sans-serif; } .x-tab-strip .x-tab-strip-active .x-tab-text { cursor:default; color:#15428b; } .x-tab-strip-top .x-tab-strip-active .x-tab-right { background: url(../images/aero/tabs/tab-sprite.gif) no-repeat right 0; } .x-tab-strip-top .x-tab-strip-active .x-tab-left { background: url(../images/aero/tabs/tab-sprite.gif) no-repeat 0 -100px; } .x-tab-strip-top .x-tab-right { background: url(../images/aero/tabs/tab-sprite.gif) no-repeat right -50px; } .x-tab-strip-top .x-tab-left { background: url(../images/aero/tabs/tab-sprite.gif) no-repeat 0 -150px; } .x-tab-strip-bottom .x-tab-right { background: url(../images/aero/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom left; } .x-tab-strip-bottom .x-tab-left { background: url(../images/aero/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom right; } .x-tab-strip-bottom .x-tab-strip-active .x-tab-right { background: url(../images/aero/tabs/tab-btm-right-bg.gif) no-repeat bottom left; } .x-tab-strip-bottom .x-tab-strip-active .x-tab-left { background: url(../images/aero/tabs/tab-btm-left-bg.gif) no-repeat bottom right; } .x-tab-panel-body-top { border:1px solid #8db2e3; border-top:0 none; } .x-tab-panel-body-bottom { border:1px solid #8db2e3; border-bottom:0 none; }