/* Automatically compiled css file from subdirectories. */ /* ./WebContent/ITMILL/themes/base/accordion/accordion.css */ .i-accordion { position: relative; outline: none; overflow: hidden; text-align: left /* Force default alignment */ } .i-accordion-item { position: relative; } .i-accordion-item-caption { white-space: nowrap; } .i-accordion-item-caption .i-caption { cursor: pointer; } .i-accordion-item-open .i-accordion-item-caption .i-caption { cursor: default; } .i-accordion-item-content { position: absolute; overflow: auto; width: 100%; } /* ./WebContent/ITMILL/themes/base/button/button.css */ .i-button { cursor: pointer; white-space: nowrap; margin: 0; } .i-button img { display:inline; } .i-button-link { border: none; text-align: left; text-decoration: underline; background: none; padding: 0; } .i-sa .i-button-link:focus { outline-offset: -3px; } .i-button-link span { text-decoration: underline; } /* fixes streched buttons in IE6 */ .i-ie6 .i-button { width: 1px; overflow: visible; padding-left: 10px; padding-right: 10px; } /* fixes streched buttons in IE7 */ .i-ie7 .i-button { overflow: visible; padding-left: 10px; padding-right: 10px; width: expression(this.offsetWidth + "px"); } /* Error indicator on checkbox fix for IE */ .i-ie .i-checkbox * { display: block; float: left; } .i-ie .i-checkbox .i-errorindicator { padding-right: 4px; } .i-ie7 .i-checkbox .i-errorindicator { padding-right: 7px; } /* Error indicator on button fix for IE */ .i-ie button .i-errorindicator { display: inline; padding-right:5 px; } /* ./WebContent/ITMILL/themes/base/caption/caption.css */ .i-captionwrapper { text-align: left /* Force default alignment */ } .i-caption { overflow: hidden; white-space: nowrap; } .i-errorindicator { float: left; } .i-caption .i-icon { float: left; } .i-caption .i-captiontext { float: left; overflow: hidden; } .i-caption .i-required-field-indicator { float: left; } /* ./WebContent/ITMILL/themes/base/common/common.css */ .i-generated-body { width:100%; height:100%; border:0; margin:0; overflow:hidden; } .i-app { height: 100%; } .i-app-loading { /* Specify initial loading-throbber styles with this selector (e.g. a banner that is shown before app starts) */ } .i-view { height: 100%; width: 100%; overflow: auto; /* avoid scrollbars with margins in root layout */ outline: none; margin-top:-1px; border-top:1px solid transparent; position:relative; } /** * Try to cope printing somehow. Reasonable printing support * needs application specific planning and CSS tuning. */ @media print { .i-generated-body { height: auto; min-height: 20cm; overflow: visible; } .i-app { height:auto; min-height: 20cm; } .i-view { overflow: visible; } .i-gridlayout { overflow: visible !important; } } .i-view:active, .i-view:focus { outline: none; } .i-app input, .i-window input, .i-app select, .i-window select, .i-app textarea, .i-window textarea, .i-app button, .i-window button, .i-contextmenu, .i-datefield-popup { /* Specify application global font style and color with this selector */ } .i-app select, .i-window select { padding: 0; margin: 0; } .i-disabled { opacity: 0.3; filter: Alpha(opacity=30); } .i-ie .i-disabled { zoom: 1; } .i-disabled .i-disabled { opacity: 1.0; filter: Alpha(opacity=100); } .i-required-field-indicator { padding-left:2px; color: red; } /** * Custom tooltip */ .i-tooltip { /* The outer element */ } .i-tooltip-text { /* The main tooltip text (i.e. help text) */ overflow: auto; } .i-tooltip .i-errormessage { /* Additional error message that is shown in case of a component error */ overflow: auto; } .i-tooltip .i-errormessage h2 { /* Error messages often include HTML tags in them */ } .i-tooltip .i-errormessage h3 { } /** * Context menu styles */ .i-contextmenu { background: #efefef; border: 1px solid #ddd; } .i-contextmenu .gwt-MenuBar { /* DIV element inside the context menu, which contains all actions */ } .i-contextmenu table { } .i-contextmenu .gwt-MenuItem { cursor: pointer; /* Action item (TD element) */ } .i-contextmenu .gwt-MenuItem div { white-space: nowrap; } .i-contextmenu .gwt-MenuItem-selected div { } .i-contextmenu .gwt-MenuItem img { /* Action icon */ } /** * Link component styles */ .i-link a { } /** * Label has tiny paddings to include contents margins. */ .i-label { } /* Loading indicator states (top-right-corner throbber). * Note: client side expects that loading indicator has a height. It depends on * this css property to ensure browsers have applied all required styles. */ .i-loading-indicator, .i-loading-indicator-delay, .i-loading-indicator-wait { /* remember to specify height */ height: 1px; } .i-loading-indicator-delay { /* shown after ~3 seconds of loading */ } .i-loading-indicator-wait { /* shown after ~10 seconds of loading */ } /* debug dialog */ .i-debug-console { background:white; opacity: 0.85; border: 1px solid black; font-family:sans-serif; } .i-debug-console-caption { background:black; border-bottom: 1px solid grey; color: white; font-weight: bold; } .i-debug-console-content { font-size:x-small; overflow: auto; } .i-debug-console-content input { font-size:xx-small; } /* Debug style */ .i-app .invalidlayout, .i-app .invalidlayout * { background: #f99 !important; } /* ./WebContent/ITMILL/themes/base/coordinatelayout/coordinatelayout.css */ .i-coordinatelayout-margin-values { margin: 0; } /* ./WebContent/ITMILL/themes/base/datefield/datefield.css */ .i-datefield { white-space: nowrap; } .i-datefield-calendarpanel { width: 19em; font-size: 12px; } .i-datefield-popup .i-datefield-calendarpanel { width: 16em; } .i-datefield-calendarpanel table { width: 100%; } .i-datefield-calendarpanel td { text-align: right; width: 14.2%; padding: 0; margin: 0; } .i-datefield-calendarpanel td span { display: block; } .i-datefield-calendarpanel-month { white-space: nowrap; } .i-datefield-calendarpanel-day, .i-datefield-calendarpanel-day-today { cursor: pointer; } .i-disabled .i-datefield-calendarpanel-day, .i-disabled .i-datefield-calendarpanel-day-today { cursor: default; } .i-datefield-calendarpanel-day-entry { color: #999; } .i-datefield-calendarpanel-day-disabled { color: #ddd; } .i-datefield-calendarpanel-day-entry.i-datefield-calendarpanel-day-disabled { color: #bbb; } .i-datefield-calendarpanel-day-selected { font-weight: bold; cursor: default; } .i-datefield-time { white-space: nowrap; } .i-datefield-time .i-label { display: inline; } .i-datefield-rendererror .i-textfield { background: #ff9999; } /* IE somehow loses generic i-disabled alpha. See #1960 */ .i-ie .i-disabled .i-datefield-button, .i-ie .i-disabled .i-datefield-textfield { filter: alpha(opacity=30); } /* ./WebContent/ITMILL/themes/base/formlayout/formlayout.css */ .i-formlayout-errorcell .i-errorindicator { width: 10px; height: 16px; display: block; background: transparent url(icons/16/error.png) no-repeat top right; } .i-formlayout-captioncell { text-align: right; white-space: nowrap; } .i-formlayout-captioncell .i-caption { overflow: visible; } .i-formlayout-contentcell { width:100%; } .i-formlayout-error-indicator { /* fix width so layout is not jumpy when error disappears */ width: 12px; } .i-formlayout-spacing .i-formlayout-row .i-formlayout-captioncell, .i-formlayout-spacing .i-formlayout-row .i-formlayout-contentcell, .i-formlayout-spacing .i-formlayout-row .i-formlayout-errorcell { padding-top: 8px; } .i-formlayout-spacing .i-formlayout-firstrow .i-formlayout-captioncell, .i-formlayout-spacing .i-formlayout-firstrow .i-formlayout-contentcell, .i-formlayout-spacing .i-formlayout-firstrow .i-formlayout-errorcell { padding-top: 0; } .i-formlayout-margin-top .i-formlayout-firstrow .i-formlayout-captioncell, .i-formlayout-margin-top .i-formlayout-firstrow .i-formlayout-contentcell, .i-formlayout-margin-top .i-formlayout-firstrow .i-formlayout-errorcell { padding-top: 15px; } .i-formlayout-margin-bottom .i-formlayout-lastrow .i-formlayout-captioncell, .i-formlayout-margin-bottom .i-formlayout-lastrow .i-formlayout-contentcell, .i-formlayout-margin-bottom .i-formlayout-lastrow .i-formlayout-errorcell { padding-bottom: 15px; } .i-formlayout-margin-left .i-formlayout-captioncell { padding-left: 18px; } .i-formlayout-margin-right .i-formlayout-contentcell { padding-right: 18px; } /* Form */ .i-form-errormessage { background: transparent url(icons/16/error.png) no-repeat top left; padding-left: 20px; margin-bottom: 5px; margin-top: 5px; min-height: 20px; } * html .i-form-errormessage { height: 20px } .i-form { border: none; margin: 0; padding: 0; } .i-form .i-caption .i-required-field-indicator { float: none; } /* ./WebContent/ITMILL/themes/base/gridlayout/gridlayout.css */ /* Margin values if defined from server side */ .i-gridlayout-margin-top { padding-top: 15px; } .i-gridlayout-margin-bottom { padding-bottom: 15px; } .i-gridlayout-margin-left { padding-left: 18px; } .i-gridlayout-margin-right { padding-right: 18px; } /* * Spacing values used by IGridLayout. (element does not exist in DOM) * Use padding-left for horizontal spacing and padding-top for vertical. */ .i-gridlayout-spacing-on { padding-left:8px; padding-top:8px; } .i-gridlayout-spacing-off { padding-left:0px; padding-top:0px; } .i-gridlayout-spacing, .i-gridlayout-spacing-off { padding-left:0px; padding-top:0px; } .i-gridlayout { overflow:hidden; } /* ./WebContent/ITMILL/themes/base/menubar/menubar.css */ /*Top menu */ .i-menubar table { white-space: nowrap; } .i-menubar .menuitem{ cursor : default; } .i-menubar .menuitem-selected { background: #eee; } .i-menubar-submenu { white-space: nowrap; } .i-menubar-submenu .menuitem { cursor: default; } .i-menubar-submenu .menuitem-selected { background: #eee; } /* ./WebContent/ITMILL/themes/base/notification/notification.css */ .i-Notification { background: #999; color: #fff; cursor: pointer; overflow: hidden; padding: 1em; } .i-Notification h1, .i-Notification p, .i-Notification.error h1, .i-Notification.error p, .i-Notification.warning h1, .i-Notification.warning p { display: inline; white-space: nowrap; margin: 0 0.5em 0 0; } .i-Notification.warning { background: orange; } .i-Notification.error { background: red; } .i-Notification.tray h1 { display: block; } .i-Notification.tray p { display: block; } .i-Notification.system { background-color: red; opacity: 0.7; filter: alpha(opacity=70); } .i-Notification.system h1 { display: block; margin: 0; } .i-Notification.system p { white-space: nowrap; } /* ./WebContent/ITMILL/themes/base/orderedlayout/orderedlayout.css */ .i-orderedlayout { overflow: hidden; } .i-orderedlayout-margin-top { padding-top: 15px; } .i-orderedlayout-margin-right { padding-right: 18px; } .i-orderedlayout-margin-bottom { padding-bottom: 15px; } .i-orderedlayout-margin-left { padding-left: 18px; } .i-orderedlayout-spacing-on { padding-top: 8px; padding-left: 8px; } /** This can be used to define spacing if spacing is off server side */ .i-orderedlayout-spacing-off { padding-top: 0; padding-left: 0; } /* ./WebContent/ITMILL/themes/base/panel/panel.css */ .i-panel, .i-panel-caption, .i-panel-content, .i-panel-deco, .i-panel-light, .i-panel-caption-light, .i-panel-content-light, .i-panel-deco-light { outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */ text-align: left /* Force default alignment */ } .i-panel-caption .i-errorindicator { float: none; padding-right:1 8px; display: inline; } .i-panel-caption .i-icon { display: inline; } .i-panel-caption { font-weight: bold; } .i-panel-content { overflow: auto; } /* ./WebContent/ITMILL/themes/base/popupview/popupview.css */ .i-popupview { cursor: pointer; } .i-popupview-popup { background: white; overflow: auto; } /* ./WebContent/ITMILL/themes/base/progressindicator/progressindicator.css */ .i-progressindicator-wrapper { overflow: hidden; /* for IE6 */ height: 9px; } .i-progressindicator { background: #eee; overflow: hidden; /* for IE6 */ width: 150px; } .i-progressindicator-disabled { background: #efefef; height: 9px; overflow: hidden; /* for IE6 */ } .i-progressindicator-indicator { background: #ddd; height: 9px; overflow: hidden; /* for IE6 */ } .i-progressindicator-indeterminate { background: #eee; height: 16px; width: 16px; overflow: hidden; /* for IE6 */ } .i-progressindicator-disabled-indeterminate { background: #efefef; height: 16px; width: 16px; overflow: hidden; /* for IE6 */ } /* ./WebContent/ITMILL/themes/base/select/select.css */ .i-select { text-align: left /* Force default alignment */ } .i-select-optiongroup .i-select-option { display: block; white-space: nowrap; } .i-ie .i-select-optiongroup .i-select-option { zoom: 1; } .i-select-select { display: block; } /* Twincol style */ .i-select-twincol { white-space: nowrap; } .i-select-twincol-options { float: left; } .i-select-twincol-selections { font-weight: bold; } .i-select-twincol-buttons { float: left; padding: 2px; /* does not work in first render in FF ? */ text-align: center; } .i-select-twincol-buttons .i-select-twincol-deco { clear:both; } .i-select-twincol .i-textfield { display: block; float: left; clear: left; } .i-select-twincol .i-button { display: block; float: left; } .i-select-twincol-buttons .i-button { display: inline; float: none; } /** Filterselect aka ComboBox styles */ .i-filterselect { white-space: nowrap; text-align: left /* Force default alignment */ } .i-filterselect-input { float: left; margin: 0; } .i-filterselect-button { float: right; width: 1em; height: 1em; cursor: pointer; background: #ddd; } .i-filterselect-suggestpopup { background: #eee; border: 1px solid #ddd; } .i-filterselect-suggestmenu table { border-collapse: collapse; border: none; padding: 0; margin: 0; } .i-filterselect-suggestmenu .gwt-MenuItem { cursor: pointer; height: 1em; white-space: nowrap; } .i-filterselect-suggestmenu .gwt-MenuItem-selected { background: #999; color: #fff; } .i-filterselect-nextpage, .i-filterselect-nextpage-off, .i-filterselect-prevpage-off, .i-filterselect-prevpage { overflow: hidden; } .i-filterselect-nextpage span, .i-filterselect-nextpage-off span, .i-filterselect-prevpage-off span, .i-filterselect-prevpage span { display: block; background: #ddd; cursor: pointer; overflow: hidden; text-align: center; } .i-filterselect-nextpage-off, .i-filterselect-prevpage-off { opacity: 0.5; filter: Alpha(opacity=50); } .i-filterselect-nextpage-off span, .i-filterselect-prevpage-off span { cursor: default; } .i-filterselect-status { white-space: nowrap; text-align: center; } .i-filterselect-error { background: #ff2222; } .i-filterselect-error .i-filterselect-button { background: red; } /* ./WebContent/ITMILL/themes/base/shadow/shadow.css */ .i-shadow { position: absolute; } .i-shadow .top-left { position: absolute; overflow: hidden; top: -3px; left: -4px; width: 8px; height: 8px; background: transparent url(shadow/img/top-left.png); } .i-shadow .top { position: absolute; overflow: hidden; top: -3px; left: 4px; height: 8px; right: 4px; background: transparent url(shadow/img/top.png); } .i-shadow .top-right { position: absolute; overflow: hidden; top: -3px; right: -4px; width: 8px; height: 8px; background: transparent url(shadow/img/top-right.png); } .i-shadow .left { position: absolute; overflow: hidden; top: 5px; left: -4px; width: 8px; bottom: 3px; background: transparent url(shadow/img/left.png); } .i-shadow .center { position: absolute; overflow: hidden; top: 5px; left: 4px; bottom: 3px; right: 4px; background: transparent url(shadow/img/center.png); } .i-shadow .right { position: absolute; overflow: hidden; top: 5px; right: -4px; width: 8px; bottom: 3px; background: transparent url(shadow/img/right.png); } .i-shadow .bottom-left { position: absolute; overflow: hidden; bottom: -5px; left: -4px; width: 8px; height: 8px; background: transparent url(shadow/img/bottom-left.png); } .i-shadow .bottom { position: absolute; overflow: hidden; bottom: -5px; left: 4px; right: 4px; height: 8px; background: transparent url(shadow/img/bottom.png); } .i-shadow .bottom-right { position: absolute; overflow: hidden; bottom: -5px; right: -4px; width: 8px; height: 8px; background: transparent url(shadow/img/bottom-right.png); } /* For IE6 (no transparent png's, we use a blur filter) */ * html .i-shadow * { display: none; } * html .i-shadow { background: #000; filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2) alpha(opacity=20); margin-top: -3px; margin-left: -4px; } /* ./WebContent/ITMILL/themes/base/slider/slider.css */ /*-------------------------- Default (horizontal) styles --------------------------*/ .i-slider { height: 12px; width: 200px; margin: 5px 0; } .i-slider-base { /* changing the borders will require adjustments to ISlider.java (offsetHeight should be 3px, 1px borders on the sides) */ height: 3px; background: #efefef; border-left: 1px solid #eee; border-right: 1px solid #eee; } .i-slider-handle { background: #ddd; width: 12px; height: 12px; margin-top: -5px; font-size: 0; cursor: pointer; } /*----------------- Vertical styles -----------------*/ .i-slider-vertical { width: 3px; height: auto; margin: 0 5px; border: none; border-left: 1px solid #eee; border-right: 1px solid #eee; } .i-slider-vertical .i-slider-base { width: 3px; border-left: none; border-right: none; background: #efefef; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .i-slider-vertical .i-slider-handle { background: #ddd; width: 12px; height: 12px; font-size: 0; cursor: pointer; margin-left: -5px; } /* IE specific styles */ .i-ie6 .i-slider, .i-ie6 .i-slider-vertical { margin: 0; } .i-ie6 .i-slider .i-slider-handle { margin: -1px 0; } .i-ie6 .i-slider-vertical .i-slider-handle { margin: 0 -1px; } /* ./WebContent/ITMILL/themes/base/splitpanel/splitpanel.css */ .i-splitpanel-horizontal, .i-splitpanel-vertical { overflow: hidden; } .i-splitpanel-horizontal .i-splitpanel-hsplitter { width: 6px; font-size: 1px; /* for IE6 */ } .i-splitpanel-horizontal .i-splitpanel-hsplitter div { width: 6px; font-size: 1px; /* for IE6 */ position: absolute; top: 0; bottom: 0; background: #ddd; cursor: e-resize; } .i-splitpanel-vertical .i-splitpanel-vsplitter { height: 6px; font-size: 1px; /* for IE6 */ } .i-splitpanel-vertical .i-splitpanel-vsplitter div { height: 6px; font-size: 1px; /* for IE6 */ background: #ddd; cursor: n-resize; } /* IE specific styles */ .i-ie6 .i-splitpanel-horizontal .i-splitpanel-hsplitter div { height: 99%; } /* ./WebContent/ITMILL/themes/base/table/table.css */ .i-table { overflow: hidden; text-align: left /* Force default alignment */ } .i-table-header-wrap { background: #efefef; border: 1px solid #ddd; overflow: hidden; } .i-table-header table, .i-table-table { border-collapse: collapse; margin: 0; padding: 0; border: 0; } .i-table-header td, .i-table-table td { margin: 0; padding: 0; border: 0; } .i-table-header td { cursor: pointer; } .i-table-resizer { display: block; height: 1em; float: right; background: #ddd; cursor: col-resize; } .i-table-caption-container { float: right; overflow: hidden; white-space: nowrap; } .i-table-row-spacer { height: 10px; overflow: hidden; /* IE hack to allow < one line height divs */ } .i-table-row, .i-table-row-odd { border: 0; margin: 0; padding: 0; } .i-table .i-selected { background: #999; color: #fff; } .i-table-row td, .i-table-row-odd td { padding: 0; } .i-table-cell-content { white-space: nowrap; overflow: hidden; padding: 3px 0 3px 3px; margin-right: 5px; } .i-table-column-selector { float: right; background: #ddd; margin: -1em 0 0 0; height: 1em; width: 0.5em; position: relative; /* hide this from IE, it works without it */ } .i-ie .i-table-column-selector { position: static; } .i-table-focus-slot-left { border-left: 2px solid #999; margin-right: -2px; } .i-table-focus-slot-right { border-right: 2px solid #999; margin-left: -2px; } .i-table-header-drag { position: absolute; background: #efefef; border: 1px solid #eee; opacity: 0.5; filter: alpha(opacity=50); margin-top: 20px; z-index: 30000; } .i-table-scrollposition { width: 160px; background: #eee; } .i-table-scrollposition span { display: block; text-align: center; } /* row in column selector */ .i-on div { } .i-off div { color: #ddd; } /* ./WebContent/ITMILL/themes/base/tabsheet/tabsheet.css */ .i-tabsheet, .i-tabsheet-content, .i-tabsheet-deco { outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */ text-align: left /* Force default alignment */ } .i-tabsheet-tabs { empty-cells: hide; border-collapse: collapse; margin: 0; padding: 0; border: 0; width: 100%; overflow: hidden; border-bottom: 1px solid #ddd; } .i-tabsheet-tabs td { margin:0; padding:0; vertical-align: bottom; } .i-tabsheet-spacertd { width: 100%; } .i-tabsheet-hidetabs .i-tabsheet-tabcontainer { display: none; } .i-tabsheet-scroller { white-space: nowrap; text-align: right; margin-top: -1em; } .i-tabsheet-scrollerPrev, .i-tabsheet-scrollerNext { border: none; width: 0.5em; height: 1em; background: #ddd; cursor: pointer; } .i-tabsheet-scrollerPrev-disabled, .i-tabsheet-scrollerNext-disabled { border: none; width: 0.5em; height: 1em; background: #efefef; } .i-tabsheet-tabs .i-caption { white-space: nowrap; } /* for IE (does not inherit) */ .i-tabsheet-tabs .i-caption span { white-space: nowrap; } .i-tabsheet-tabitem { cursor: pointer; } .i-tabsheet-tabitem-selected { background: #ddd; } .i-tabsheet-content { position: relative; } /* ./WebContent/ITMILL/themes/base/textfield/textfield.css */ .i-textfield { text-align: left /* Force default alignment */ } .i-richtextarea { overflow: hidden; } .i-richtextarea iframe { border: 0; } /* ./WebContent/ITMILL/themes/base/tree/tree.css */ .i-tree { text-align: left /* Force default alignment */ } /* ie6compatnode is hidden from non ie6 browsers, because ie6 * uses weird hack to sink all events properly */ .i-tree-node-ie6compatnode { display: none; } .i-ie6 .i-tree-node-ie6compatnode { display: inline; float: left; background: #000; margin: 0; width: 14px; height: 10px; padding: 1px; filter: Alpha(opacity=0); } .i-ie6 .i-tree-node { clear: both; } .i-tree-node-caption { margin-left: 16px; } .i-tree-node span { cursor: pointer; white-space: nowrap; } .i-tree-node-selected span { background: #999; color: #fff; cursor: pointer; } .i-tree-node-children { padding-left: 16px; } /* ./WebContent/ITMILL/themes/base/window/window.css */ .i-window { background: #fff; } .i-window-outerheader { cursor: move; } .i-window-header { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .i-ie6 .i-window-header { width: 100%; } .i-window-header .i-icon { vertical-align: middle; /* This has to be 'middle', not 'bottom', to allow larger icons than 16px */ } /* Partial fix for bug #1106 */ /* Target Firefox 2 (somehow this will force almost all window borders on top of a Flash object) */ .i-window-contents, x:-moz-any-link { overflow: hidden; } /* Target Firefox 3 (it doesn't need any trickery, so revert the previous) */ .i-window-contents, x:-moz-any-link, x:default { overflow: visible; } .i-window-footer { height: 10px; } .i-window-resizebox { position: relative; /* Needed to position the element over ScrollPanel, which is also relatively positioned */ display: inline; /* fix IE6 double float margin bug */ float: right; width: 10px; height: 10px; cursor: se-resize; background: #ddd; overflow: hidden; } .i-window-resizebox-disabled { cursor: default; background: transparent; } .i-window-closebox { position: absolute; top: 0; right: 0; width: 12px; height: 12px; background: red; cursor: pointer; overflow: hidden; } .i-window-modalitycurtain { top: 0; left: 0; background: white; opacity: 0.5; position: fixed; width: 100%; height: 100%; filter: alpha(opacity=50); } /* IE6 workaround for position:fixed; */ * html .i-window-modalitycurtain { position: absolute; top: expression(document.documentElement.scrollTop + "px"); } /* IE specific styles */ * html .i-window { width: 0; /* min-size for IE6 */ } /* Shadow for window */ .i-shadow-window { position: absolute; } .i-shadow-window .top-left { position: absolute; overflow: hidden; top: -13px; left: -20px; width: 39px; height: 39px; background: transparent url(window/img/shadow/top-left.png); } .i-shadow-window .top { position: absolute; overflow: hidden; top: -13px; left: 19px; height: 39px; right: 19px; background: transparent url(window/img/shadow/top.png); } .i-shadow-window .top-right { position: absolute; overflow: hidden; top: -13px; right: -20px; width: 39px; height: 39px; background: transparent url(window/img/shadow/top-right.png); } .i-shadow-window .left { position: absolute; overflow: hidden; top: 26px; left: -20px; width: 39px; bottom: 12px; background: transparent url(window/img/shadow/left.png); } .i-shadow-window .center { position: absolute; overflow: hidden; top: 26px; left: 19px; bottom: 12px; right: 19px; background: transparent url(window/img/shadow/center.png); } .i-shadow-window .right { position: absolute; overflow: hidden; top: 26px; right: -20px; width: 39px; bottom: 12px; background: transparent url(window/img/shadow/right.png); } .i-shadow-window .bottom-left { position: absolute; overflow: hidden; bottom: -27px; left: -20px; width: 39px; height: 39px; background: transparent url(window/img/shadow/bottom-left.png); } .i-shadow-window .bottom { position: absolute; overflow: hidden; bottom: -27px; left: 19px; right: 19px; height: 39px; background: transparent url(window/img/shadow/bottom.png); } .i-shadow-window .bottom-right { position: absolute; overflow: hidden; bottom: -27px; right: -20px; width: 39px; height: 39px; background: transparent url(window/img/shadow/bottom-right.png); } /* For IE6 (no transparent png's, we use a blur filter) */ * html .i-shadow-window * { display: none; } * html .i-shadow-window { background: #000; filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=5) alpha(opacity=20); margin-top: 2px; margin-left: 2px; }