diff --git a/workflow/engine/methods/setup/skin_Ajax.php b/workflow/engine/methods/setup/skin_Ajax.php index 9fd60ac96..208da56dc 100755 --- a/workflow/engine/methods/setup/skin_Ajax.php +++ b/workflow/engine/methods/setup/skin_Ajax.php @@ -122,6 +122,12 @@ function newSkin ($baseSkin = 'classic') ) ); $pathBase = G::ExpandPath( "skinEngine" ) . 'base' . PATH_SEP; break; + case 'neoclassic': + //Special Copy of this dir + xmlreplace + copy_skin_folder( G::ExpandPath( "skinEngine" ) . 'neoclassic' . PATH_SEP, PATH_CUSTOM_SKINS . $skinFolder, array ("config.xml","baseCss" + ) ); + $pathBase = G::ExpandPath( "skinEngine" ) . 'neoclassic' . PATH_SEP; + break; default: //Commmon copy/paste of a folder + xmlrepalce copy_skin_folder( PATH_CUSTOM_SKINS . $skinBase, PATH_CUSTOM_SKINS . $skinFolder, array ("config.xml" diff --git a/workflow/engine/skinEngine/neoclassic/baseCss/ext-all-notheme.css b/workflow/engine/skinEngine/neoclassic/baseCss/ext-all-notheme.css new file mode 100644 index 000000000..95e9f7b6c --- /dev/null +++ b/workflow/engine/skinEngine/neoclassic/baseCss/ext-all-notheme.css @@ -0,0 +1,4878 @@ +/*! + * Variables + */ +@font-face { + font-family: 'Open Sans'; + src: url('/skins/neoclassic/fonts/OpenSans-Light-webfont.eot'); + src: url('/skins/neoclassic/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('/skins/neoclassic/fonts/OpenSans-Light-webfont.woff') format('woff'), url('/skins/neoclassic/fonts/OpenSans-Light-webfont.ttf') format('truetype'), url('/skins/neoclassic/fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg'); + font-weight: 300; + font-style: normal; +} +@font-face { + font-family: 'Open Sans'; + src: url('/skins/neoclassic/fonts/OpenSans-LightItalic-webfont.eot'); + src: url('/skins/neoclassic/fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('/skins/neoclassic/fonts/OpenSans-LightItalic-webfont.woff') format('woff'), url('/skins/neoclassic/fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'), url('/skins/neoclassic/fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg'); + font-weight: 300; + font-style: italic; +} +@font-face { + font-family: 'Open Sans'; + src: url('/skins/neoclassic/fonts/OpenSans-Regular-webfont.eot'); + src: url('/skins/neoclassic/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/skins/neoclassic/fonts/OpenSans-Regular-webfont.woff') format('woff'), url('/skins/neoclassic/fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('/skins/neoclassic/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: 'Open Sans'; + src: url('/skins/neoclassic/fonts/OpenSans-Italic-webfont.eot'); + src: url('/skins/neoclassic/fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('/skins/neoclassic/fonts/OpenSans-Italic-webfont.woff') format('woff'), url('/skins/neoclassic/fonts/OpenSans-Italic-webfont.ttf') format('truetype'), url('/skins/neoclassic/fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg'); + font-weight: normal; + font-style: italic; +} +@font-face { + font-family: 'Open Sans'; + src: url('/skins/neoclassic/fonts/OpenSans-Semibold-webfont.eot'); + src: url('/skins/neoclassic/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/skins/neoclassic/fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('/skins/neoclassic/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('/skins/neoclassic/fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg'); + font-weight: bold; + font-style: normal; +} +@font-face { + font-family: 'Open Sans'; + src: url('/skins/neoclassic/fonts/OpenSans-SemiboldItalic-webfont.eot'); + src: url('/skins/neoclassic/fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('/skins/neoclassic/fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'), url('/skins/neoclassic/fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('/skins/neoclassic/fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg'); + font-weight: bold; + font-style: italic; +} +/* +@font-face { + font-family: 'OpenSansBold'; + src: url('/skins/neoclassic/fonts/OpenSans-Bold-webfont.eot'); + src: url('/skins/neoclassic/fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), + url('/skins/neoclassic/fonts/OpenSans-Bold-webfont.woff') format('woff'), + url('/skins/neoclassic/fonts/OpenSans-Bold-webfont.ttf') format('truetype'), + url('/skins/neoclassic/fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg'); + font-weight: normal; + font-style: normal; + +} + +@font-face { + font-family: 'OpenSansBoldItalic'; + src: url('/skins/neoclassic/fonts/OpenSans-BoldItalic-webfont.eot'); + src: url('/skins/neoclassic/fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), + url('/skins/neoclassic/fonts/OpenSans-BoldItalic-webfont.woff') format('woff'), + url('/skins/neoclassic/fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'), + url('/skins/neoclassic/fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg'); + font-weight: normal; + font-style: normal; + +} + +*//*Colores*/ +.btn { + background-image: none; + color: #333333; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); + background-color: #f1f1f1; + background-image: -moz-linear-gradient(top, #ffffff, #dddddd); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#dddddd)); + background-image: -webkit-linear-gradient(top, #ffffff, #dddddd); + background-image: -o-linear-gradient(top, #ffffff, #dddddd); + background-image: linear-gradient(to bottom, #ffffff, #dddddd); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffdddddd', GradientType=0); + border-color: #dddddd #dddddd #b7b7b7; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #dddddd; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + border: 1px solid #ccc; + font-size: 10px; + font-weight: 400; + text-transform: capitalize; + text-decoration: none; + line-height: 14px; + color: #000; +} +.btn:hover, +.btn:focus, +.btn:active, +.btn.active, +.btn.disabled, +.btn[disabled] { + color: #333333; + background-color: #dddddd; + *background-color: #d0d0d0; +} +.btn:active, +.btn.active { + background-color: #c4c4c4 \9; +} +.btn:hover { + color: #333333; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); + background-color: #ebebeb; + background-image: -moz-linear-gradient(top, #dddddd, #ffffff); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dddddd), to(#ffffff)); + background-image: -webkit-linear-gradient(top, #dddddd, #ffffff); + background-image: -o-linear-gradient(top, #dddddd, #ffffff); + background-image: linear-gradient(to bottom, #dddddd, #ffffff); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdddddd', endColorstr='#ffffffff', GradientType=0); + border-color: #ffffff #ffffff #d9d9d9; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #ffffff; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + border: 1px solid #aaa; +} +.btn:hover:hover, +.btn:hover:focus, +.btn:hover:active, +.btn:hover.active, +.btn:hover.disabled, +.btn:hover[disabled] { + color: #333333; + background-color: #ffffff; + *background-color: #f2f2f2; +} +.btn:hover:active, +.btn:hover.active { + background-color: #e6e6e6 \9; +} +.btn:focus { + border: 1px solid #45626F; + outline: 0; +} +.btn:focus::-moz-focus-inner { + border: 1px solid transparent; +} +.btn-over { + color: #333333; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); + background-color: #ebebeb; + background-image: -moz-linear-gradient(top, #dddddd, #ffffff); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dddddd), to(#ffffff)); + background-image: -webkit-linear-gradient(top, #dddddd, #ffffff); + background-image: -o-linear-gradient(top, #dddddd, #ffffff); + background-image: linear-gradient(to bottom, #dddddd, #ffffff); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdddddd', endColorstr='#ffffffff', GradientType=0); + border-color: #ffffff #ffffff #d9d9d9; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #ffffff; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + border: 1px solid #aaa; +} +.btn-over:hover, +.btn-over:focus, +.btn-over:active, +.btn-over.active, +.btn-over.disabled, +.btn-over[disabled] { + color: #333333; + background-color: #ffffff; + *background-color: #f2f2f2; +} +.btn-over:active, +.btn-over.active { + background-color: #e6e6e6 \9; +} +.btn-focus { + border: 1px solid #45626F; + outline: 0; +} +.btn-focus::-moz-focus-inner { + border: 1px solid transparent; +} +.btn-no-button { + background: none; + border: 1px transparent solid; +} +.link { + color: #00a1e4; + text-decoration: none; +} +.link:hover { + color: #00597e; +} +.link-hover { + color: #00597e; +} +/* +botones del tinymce +.o2k7Skin .mceButton{ + .btn(); +} +*//*! + * Ext JS Library 3.2.1 + * Copyright(c) 2006-2010 Ext JS, Inc. + * licensing@extjs.com + * http://www.extjs.com/license + */ +html, +body, +div, +dl, +dt, +dd, +ul, +ol, +li, +h1, +h2, +h3, +h4, +h5, +h6, +pre, +form, +fieldset, +input, +p, +blockquote, +th, +td { + margin: 0; + padding: 0; +} +img, +body, +html { + border: 0; +} +address, +caption, +cite, +code, +dfn, +em, +strong, +th, +var { + font-style: normal; + font-weight: normal; +} +ol, +ul { + list-style: none; +} +caption, +th { + text-align: left; +} +h1, +h2, +h3, +h4, +h5, +h6 { + font-size: 100%; +} +q:before, +q:after { + content: ''; +} +.ext-el-mask { + z-index: 100; + position: absolute; + top: 0; + left: 0; + -moz-opacity: 0.5; + opacity: .50; + filter: alpha(opacity=50); + width: 100%; + height: 100%; + zoom: 1; +} +.ext-el-mask-msg { + z-index: 20001; + position: absolute; + top: 0; + left: 0; + border: 1px solid; + background: repeat-x 0 -16px; + padding: 2px; +} +.ext-el-mask-msg div { + padding: 5px 10px 5px 10px; + border: 1px solid; + cursor: wait; +} +.ext-shim { + position: absolute; + visibility: hidden; + left: 0; + top: 0; + overflow: hidden; +} +.ext-ie .ext-shim { + filter: alpha(opacity=0); +} +.ext-ie6 .ext-shim { + margin-left: 5px; + margin-top: 3px; +} +.x-mask-loading div { + padding: 5px 10px 5px 25px; + background: no-repeat 5px 5px; + line-height: 16px; +} +/* class for hiding elements without using display:none */ +.x-hidden, +.x-hide-offsets { + position: absolute !important; + left: -10000px; + top: -10000px; + visibility: hidden; +} +.x-hide-display { + display: none !important; +} +.x-hide-visibility { + visibility: hidden !important; +} +.x-masked { + overflow: hidden !important; +} +.x-masked-relative { + position: relative !important; +} +.x-masked select, +.x-masked object, +.x-masked embed { + visibility: hidden; +} +.x-layer { + visibility: hidden; +} +.x-unselectable, +.x-unselectable * { + -moz-user-select: none; + -khtml-user-select: none; + -webkit-user-select: ignore; +} +.x-repaint { + zoom: 1; + background-color: transparent; + -moz-outline: none; + outline: none; +} +.x-item-disabled { + cursor: default; + opacity: .6; + -moz-opacity: .6; + filter: alpha(opacity=60); +} +.x-item-disabled * { + cursor: default !important; +} +.x-form-radio-group .x-item-disabled { + filter: none; +} +.x-splitbar-proxy { + position: absolute; + visibility: hidden; + z-index: 20001; + zoom: 1; + line-height: 1px; + font-size: 1px; + overflow: hidden; +} +.x-splitbar-h, +.x-splitbar-proxy-h { + cursor: e-resize; + cursor: col-resize; +} +.x-splitbar-v, +.x-splitbar-proxy-v { + cursor: s-resize; + cursor: row-resize; +} +.x-color-palette { + width: 150px; + height: 92px; + cursor: pointer; +} +.x-color-palette a { + border: 1px solid; + float: left; + padding: 2px; + text-decoration: none; + -moz-outline: 0 none; + outline: 0 none; + cursor: pointer; +} +.x-color-palette a:hover, +.x-color-palette a.x-color-palette-sel { + border: 1px solid; +} +.x-color-palette em { + display: block; + border: 1px solid; +} +.x-color-palette em span { + cursor: pointer; + display: block; + height: 10px; + line-height: 10px; + width: 10px; +} +.x-ie-shadow { + display: none; + position: absolute; + overflow: hidden; + left: 0; + top: 0; + zoom: 1; +} +.x-shadow { + display: none; + position: absolute; + overflow: hidden; + left: 0; + top: 0; +} +.x-shadow * { + overflow: hidden; +} +.x-shadow * { + padding: 0; + border: 0; + margin: 0; + clear: none; + zoom: 1; +} +/* top bottom */ +.x-shadow .xstc, +.x-shadow .xsbc { + height: 6px; + float: left; +} +/* corners */ +.x-shadow .xstl, +.x-shadow .xstr, +.x-shadow .xsbl, +.x-shadow .xsbr { + width: 6px; + height: 6px; + float: left; +} +/* sides */ +.x-shadow .xsc { + width: 100%; +} +.x-shadow .xsml, +.x-shadow .xsmr { + width: 6px; + float: left; + height: 100%; +} +.x-shadow .xsmc { + float: left; + height: 100%; + background: transparent; +} +.x-shadow .xst, +.x-shadow .xsb { + height: 6px; + overflow: hidden; + width: 100%; +} +.x-shadow .xsml { + background: transparent repeat-y 0 0; +} +.x-shadow .xsmr { + background: transparent repeat-y -6px 0; +} +.x-shadow .xstl { + background: transparent no-repeat 0 0; +} +.x-shadow .xstc { + background: transparent repeat-x 0 -30px; +} +.x-shadow .xstr { + background: transparent repeat-x 0 -18px; +} +.x-shadow .xsbl { + background: transparent no-repeat 0 -12px; +} +.x-shadow .xsbc { + background: transparent repeat-x 0 -36px; +} +.x-shadow .xsbr { + background: transparent repeat-x 0 -6px; +} +.loading-indicator { + background: no-repeat left; + padding-left: 20px; + line-height: 16px; + margin: 3px; +} +.x-text-resize { + position: absolute; + left: -1000px; + top: -1000px; + visibility: hidden; + zoom: 1; +} +.x-drag-overlay { + width: 100%; + height: 100%; + display: none; + position: absolute; + left: 0; + top: 0; + background-image: url(../images/ext/default/s.gif); + z-index: 20000; +} +.x-clear { + clear: both; + height: 0; + overflow: hidden; + line-height: 0; + font-size: 0; +} +.x-spotlight { + z-index: 8999; + position: absolute; + top: 0; + left: 0; + -moz-opacity: 0.5; + opacity: .50; + filter: alpha(opacity=50); + width: 0; + height: 0; + zoom: 1; +} +#x-history-frame { + position: absolute; + top: -1px; + left: 0; + width: 1px; + height: 1px; + visibility: hidden; +} +#x-history-field { + position: absolute; + top: 0; + left: -1px; + width: 1px; + height: 1px; + visibility: hidden; +} +.x-resizable-handle { + position: absolute; + z-index: 100; + /* ie needs these */ + + font-size: 1px; + line-height: 6px; + overflow: hidden; + filter: alpha(opacity=0); + opacity: 0; + zoom: 1; +} +.x-resizable-handle-east { + width: 6px; + cursor: e-resize; + right: 0; + top: 0; + height: 100%; +} +.ext-ie .x-resizable-handle-east { + margin-right: -1px; + /*IE rounding error*/ + +} +.x-resizable-handle-south { + width: 100%; + cursor: s-resize; + left: 0; + bottom: 0; + height: 6px; +} +.ext-ie .x-resizable-handle-south { + margin-bottom: -1px; + /*IE rounding error*/ + +} +.x-resizable-handle-west { + width: 6px; + cursor: w-resize; + left: 0; + top: 0; + height: 100%; +} +.x-resizable-handle-north { + width: 100%; + cursor: n-resize; + left: 0; + top: 0; + height: 6px; +} +.x-resizable-handle-southeast { + width: 6px; + cursor: se-resize; + right: 0; + bottom: 0; + height: 6px; + z-index: 101; +} +.x-resizable-handle-northwest { + width: 6px; + cursor: nw-resize; + left: 0; + top: 0; + height: 6px; + z-index: 101; +} +.x-resizable-handle-northeast { + width: 6px; + cursor: ne-resize; + right: 0; + top: 0; + height: 6px; + z-index: 101; +} +.x-resizable-handle-southwest { + width: 6px; + cursor: sw-resize; + left: 0; + bottom: 0; + height: 6px; + z-index: 101; +} +.x-resizable-over .x-resizable-handle, +.x-resizable-pinned .x-resizable-handle { + filter: alpha(opacity=100); + opacity: 1; +} +.x-resizable-over .x-resizable-handle-east, +.x-resizable-pinned .x-resizable-handle-east, +.x-resizable-over .x-resizable-handle-west, +.x-resizable-pinned .x-resizable-handle-west { + background-position: left; +} +.x-resizable-over .x-resizable-handle-south, +.x-resizable-pinned .x-resizable-handle-south, +.x-resizable-over .x-resizable-handle-north, +.x-resizable-pinned .x-resizable-handle-north { + background-position: top; +} +.x-resizable-over .x-resizable-handle-southeast, +.x-resizable-pinned .x-resizable-handle-southeast { + background-position: top left; +} +.x-resizable-over .x-resizable-handle-northwest, +.x-resizable-pinned .x-resizable-handle-northwest { + background-position: bottom right; +} +.x-resizable-over .x-resizable-handle-northeast, +.x-resizable-pinned .x-resizable-handle-northeast { + background-position: bottom left; +} +.x-resizable-over .x-resizable-handle-southwest, +.x-resizable-pinned .x-resizable-handle-southwest { + background-position: top right; +} +.x-resizable-proxy { + border: 1px dashed; + position: absolute; + overflow: hidden; + display: none; + left: 0; + top: 0; + z-index: 50000; +} +.x-resizable-overlay { + width: 100%; + height: 100%; + display: none; + position: absolute; + left: 0; + top: 0; + z-index: 200000; + -moz-opacity: 0; + opacity: 0; + filter: alpha(opacity=0); +} +.x-tab-panel { + overflow: hidden; +} +.x-tab-panel-header, +.x-tab-panel-footer { + border: 1px solid; + overflow: hidden; + zoom: 1; +} +.x-tab-panel-header { + border: 1px solid; + padding-bottom: 2px; +} +.x-tab-panel-footer { + border: 1px solid; + padding-top: 2px; +} +.x-tab-strip-wrap { + width: 100%; + overflow: hidden; + position: relative; + zoom: 1; +} +ul.x-tab-strip { + display: block; + width: 5000px; + zoom: 1; +} +ul.x-tab-strip-top { + padding-top: 1px; + background: repeat-x bottom; + border-bottom: 1px solid; +} +ul.x-tab-strip-bottom { + padding-bottom: 1px; + background: repeat-x top; + border-top: 1px solid; + border-bottom: 0 none; +} +.x-tab-panel-header-plain .x-tab-strip-top { + background: transparent !important; + padding-top: 0 !important; +} +.x-tab-panel-header-plain { + background: transparent !important; + border-width: 0 !important; + padding-bottom: 0 !important; +} +.x-tab-panel-header-plain .x-tab-strip-spacer, +.x-tab-panel-footer-plain .x-tab-strip-spacer { + border: 1px solid; + height: 2px; + font-size: 1px; + line-height: 1px; +} +.x-tab-panel-header-plain .x-tab-strip-spacer { + border-top: 0 none; +} +.x-tab-panel-footer-plain .x-tab-strip-spacer { + border-bottom: 0 none; +} +.x-tab-panel-footer-plain .x-tab-strip-bottom { + background: transparent !important; + padding-bottom: 0 !important; +} +.x-tab-panel-footer-plain { + background: transparent !important; + border-width: 0 !important; + padding-top: 0 !important; +} +.ext-border-box .x-tab-panel-header-plain .x-tab-strip-spacer, +.ext-border-box .x-tab-panel-footer-plain .x-tab-strip-spacer { + height: 3px; +} +ul.x-tab-strip li { + float: left; + margin-left: 2px; +} +ul.x-tab-strip li.x-tab-edge { + float: left; + margin: 0 !important; + padding: 0 !important; + border: 0 none !important; + font-size: 1px !important; + line-height: 1px !important; + overflow: hidden; + zoom: 1; + background: transparent !important; + width: 1px; +} +.x-tab-strip a, +.x-tab-strip span, +.x-tab-strip em { + display: block; +} +.x-tab-strip a { + text-decoration: none !important; + -moz-outline: none; + outline: none; + cursor: pointer; +} +.x-tab-strip-inner { + overflow: hidden; + text-overflow: ellipsis; +} +.x-tab-strip span.x-tab-strip-text { + white-space: nowrap; + cursor: pointer; + padding: 4px 0; +} +.x-tab-strip-top .x-tab-with-icon .x-tab-right { + padding-left: 6px; +} +.x-tab-strip .x-tab-with-icon span.x-tab-strip-text { + padding-left: 20px; + background-position: 0 3px; + background-repeat: no-repeat; +} +.x-tab-strip-active, +.x-tab-strip-active a.x-tab-right { + cursor: default; +} +.x-tab-strip-active span.x-tab-strip-text { + cursor: default; +} +.x-tab-strip-disabled .x-tabs-text { + cursor: default; +} +.x-tab-panel-body { + overflow: hidden; +} +.x-tab-panel-bwrap { + overflow: hidden; +} +.ext-ie .x-tab-strip .x-tab-right { + position: relative; +} +.x-tab-strip-top .x-tab-strip-active .x-tab-right { + margin-bottom: -1px; +} +/* + * Horrible hack for IE8 in quirks mode + */ +.ext-ie8 ul.x-tab-strip li { + position: relative; +} +.ext-ie8 .x-tab-strip .x-tab-right { + margin-bottom: 0 !important; + top: 1px; +} +.ext-ie8 ul.x-tab-strip-top { + padding-top: 0; +} +.ext-ie8 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close { + top: 4px; +} +.ext-ie8 .x-tab-strip-bottom .x-tab-right { + top: 0; +} +.x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text { + padding-bottom: 5px; +} +.x-tab-strip-bottom .x-tab-strip-active .x-tab-right { + margin-top: -1px; +} +.x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text { + padding-top: 5px; +} +.x-tab-strip-top .x-tab-right { + background: transparent no-repeat 0 -51px; + padding-left: 10px; +} +.x-tab-strip-top .x-tab-left { + background: transparent no-repeat right -351px; + padding-right: 10px; +} +.x-tab-strip-top .x-tab-strip-inner { + background: transparent repeat-x 0 -201px; +} +.x-tab-strip-top .x-tab-strip-over .x-tab-right { + background-position: 0 -101px; +} +.x-tab-strip-top .x-tab-strip-over .x-tab-left { + background-position: right -401px; +} +.x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner { + background-position: 0 -251px; +} +.x-tab-strip-top .x-tab-strip-active .x-tab-right { + background-position: 0 0; +} +.x-tab-strip-top .x-tab-strip-active .x-tab-left { + background-position: right -301px; +} +.x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner { + background-position: 0 -151px; +} +.x-tab-strip-bottom .x-tab-right { + background: no-repeat bottom right; +} +.x-tab-strip-bottom .x-tab-left { + background: no-repeat bottom left; +} +.x-tab-strip-bottom .x-tab-strip-active .x-tab-right { + background: no-repeat bottom right; +} +.x-tab-strip-bottom .x-tab-strip-active .x-tab-left { + background: no-repeat bottom left; +} +.x-tab-strip-bottom .x-tab-left { + margin-right: 3px; + padding: 0 10px; +} +.x-tab-strip-bottom .x-tab-right { + padding: 0; +} +.x-tab-strip .x-tab-strip-close { + display: none; +} +.x-tab-strip-closable { + position: relative; +} +.x-tab-strip-closable .x-tab-left { + padding-right: 19px; +} +.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close { + opacity: .6; + -moz-opacity: .6; + background-repeat: no-repeat; + display: block; + width: 11px; + height: 11px; + position: absolute; + top: 3px; + right: 3px; + cursor: pointer; + z-index: 2; +} +.x-tab-strip .x-tab-strip-active a.x-tab-strip-close { + opacity: .8; + -moz-opacity: .8; +} +.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover { + opacity: 1; + -moz-opacity: 1; +} +.x-tab-panel-body { + border: 1px solid; +} +.x-tab-panel-body-top { + border-top: 0 none; +} +.x-tab-panel-body-bottom { + border-bottom: 0 none; +} +.x-tab-scroller-left { + background: transparent no-repeat -18px 0; + border-bottom: 1px solid; + width: 18px; + position: absolute; + left: 0; + top: 0; + z-index: 10; + cursor: pointer; +} +.x-tab-scroller-left-over { + background-position: 0 0; +} +.x-tab-scroller-left-disabled { + background-position: -18px 0; + opacity: .5; + -moz-opacity: .5; + filter: alpha(opacity=50); + cursor: default; +} +.x-tab-scroller-right { + background: transparent no-repeat 0 0; + border-bottom: 1px solid; + width: 18px; + position: absolute; + right: 0; + top: 0; + z-index: 10; + cursor: pointer; +} +.x-tab-scroller-right-over { + background-position: -18px 0; +} +.x-tab-scroller-right-disabled { + background-position: 0 0; + opacity: .5; + -moz-opacity: .5; + filter: alpha(opacity=50); + cursor: default; +} +.x-tab-scrolling-bottom .x-tab-scroller-left, +.x-tab-scrolling-bottom .x-tab-scroller-right { + margin-top: 1px; +} +.x-tab-scrolling .x-tab-strip-wrap { + margin-left: 18px; + margin-right: 18px; +} +.x-tab-scrolling { + position: relative; +} +.x-tab-panel-bbar .x-toolbar { + border: 1px solid; + border-top: 0 none; + overflow: hidden; + padding: 2px; +} +.x-tab-panel-tbar .x-toolbar { + border: 1px solid; + border-top: 0 none; + overflow: hidden; + padding: 2px; +} +/* all fields */ +.x-form-field { + margin: 0 0 0 0; +} +.ext-webkit *:focus { + outline: none !important; +} +/* ---- text fields ---- */ +.x-form-text, +textarea.x-form-field { + padding: 1px 3px; + background: repeat-x 0 0; + border: 1px solid; +} +textarea.x-form-field { + padding: 2px 3px; +} +.x-form-text, +.ext-ie .x-form-file { + height: 22px; + line-height: 18px; + vertical-align: middle; +} +.ext-ie6 .x-form-text, +.ext-ie7 .x-form-text { + margin: -1px 0; + /* ie bogus margin bug */ + + height: 22px; + /* ie quirks */ + + line-height: 18px; +} +.ext-ie6 textarea.x-form-field, +.ext-ie7 textarea.x-form-field { + margin: -1px 0; + /* ie bogus margin bug */ + +} +.ext-strict .x-form-text { + height: 18px; +} +.ext-safari.ext-mac textarea.x-form-field { + margin-bottom: -2px; + /* another bogus margin bug, safari/mac only */ + +} +.ext-strict .ext-ie8 .x-form-text, +.ext-strict .ext-ie8 textarea.x-form-field { + margin-bottom: 1px; +} +.ext-gecko .x-form-text, +.ext-ie8 .x-form-text { + padding-top: 2px; + /* FF won't center the text vertically */ + + padding-bottom: 0; +} +.ext-ie6 .x-form-composite .x-form-text.x-box-item, +.ext-ie7 .x-form-composite .x-form-text.x-box-item { + margin: 0 !important; + /* clear ie bogus margin bug fix */ + +} +textarea { + resize: none; + /* Disable browser resizable textarea */ + +} +/* select boxes */ +.x-form-select-one { + height: 20px; + line-height: 18px; + vertical-align: middle; + border: 1px solid; +} +/* multi select boxes */ +/* --- TODO --- */ +/* 2.0.2 style */ +.x-form-check-wrap { + line-height: 18px; + height: auto; +} +.ext-ie .x-form-check-wrap input { + width: 15px; + height: 15px; +} +.x-form-check-wrap input { + vertical-align: bottom; +} +.x-editor .x-form-check-wrap { + padding: 3px; +} +.x-editor .x-form-checkbox { + height: 13px; +} +.x-form-check-group-label { + border-bottom: 1px solid; + margin-bottom: 5px; + padding-left: 3px !important; + float: none !important; +} +/* wrapped fields and triggers */ +.x-form-field-wrap .x-form-trigger { + width: 17px; + height: 21px; + border: 0; + background: transparent no-repeat 0 0; + cursor: pointer; + border-bottom: 1px solid; + position: absolute; + top: 0; +} +.x-form-field-wrap .x-form-date-trigger, +.x-form-field-wrap .x-form-clear-trigger, +.x-form-field-wrap .x-form-search-trigger { + cursor: pointer; +} +.x-form-field-wrap .x-form-twin-triggers .x-form-trigger { + position: static; + top: auto; + vertical-align: top; +} +.x-form-field-wrap { + position: relative; + left: 0; + top: 0; + text-align: left; + zoom: 1; + white-space: nowrap; +} +.ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-trigger { + right: 0; + /* IE8 Strict mode trigger bug */ + +} +.x-form-field-wrap .x-form-trigger-over { + background-position: -17px 0; +} +.x-form-field-wrap .x-form-trigger-click { + background-position: -34px 0; +} +.x-trigger-wrap-focus .x-form-trigger { + background-position: -51px 0; +} +.x-trigger-wrap-focus .x-form-trigger-over { + background-position: -68px 0; +} +.x-trigger-wrap-focus .x-form-trigger-click { + background-position: -85px 0; +} +.x-trigger-wrap-focus .x-form-trigger { + border-bottom: 1px solid; +} +.x-item-disabled .x-form-trigger-over { + background-position: 0 0 !important; + border-bottom: 1px solid; +} +.x-item-disabled .x-form-trigger-click { + background-position: 0 0 !important; + border-bottom: 1px solid; +} +.x-trigger-noedit { + cursor: pointer; +} +/* field focus style */ +.x-form-focus, +textarea.x-form-focus { + border: 1px solid; +} +/* invalid fields */ +.x-form-invalid, +textarea.x-form-invalid { + background: repeat-x bottom; + border: 1px solid; +} +.x-form-inner-invalid, +textarea.x-form-inner-invalid { + background: repeat-x bottom; +} +/* editors */ +.x-editor { + visibility: hidden; + padding: 0; + margin: 0; +} +.x-form-grow-sizer { + left: -10000px; + padding: 8px 3px; + position: absolute; + visibility: hidden; + top: -10000px; + white-space: pre-wrap; + white-space: -moz-pre-wrap; + white-space: -o-pre-wrap; + word-wrap: break-word; + zoom: 1; +} +.x-form-grow-sizer p { + margin: 0 !important; + border: 0 none !important; + padding: 0 !important; +} +/* Form Items CSS */ +.x-form-item { + display: block; + margin-bottom: 4px; + zoom: 1; +} +.x-form-item label.x-form-item-label { + display: block; + float: left; + width: 100px; + padding: 3px; + padding-left: 0; + clear: left; + z-index: 2; + position: relative; +} +.x-form-element { + padding-left: 105px; + position: relative; +} +.x-form-invalid-msg { + padding: 2px; + padding-left: 18px; + background: transparent no-repeat 0 2px; + line-height: 16px; + width: 200px; +} +.x-form-label-left label.x-form-item-label { + text-align: left; +} +.x-form-label-right label.x-form-item-label { + text-align: right; +} +.x-form-label-top .x-form-item label.x-form-item-label { + width: auto; + float: none; + clear: none; + display: inline; + margin-bottom: 4px; + position: static; +} +.x-form-label-top .x-form-element { + padding-left: 0; + padding-top: 4px; +} +.x-form-label-top .x-form-item { + padding-bottom: 4px; +} +/* Editor small font for grid, toolbar and tree */ +.x-small-editor .x-form-text { + height: 20px; + line-height: 16px; + vertical-align: middle; +} +.ext-ie6 .x-small-editor .x-form-text, +.ext-ie7 .x-small-editor .x-form-text { + margin-top: -1px !important; + /* ie bogus margin bug */ + + margin-bottom: -1px !important; + height: 20px !important; + /* ie quirks */ + + line-height: 16px !important; +} +.ext-strict .x-small-editor .x-form-text { + height: 16px !important; +} +.ext-ie6 .x-small-editor .x-form-text, +.ext-ie7 .x-small-editor .x-form-text { + height: 20px; + line-height: 16px; +} +.ext-border-box .x-small-editor .x-form-text { + height: 20px; +} +.x-small-editor .x-form-select-one { + height: 20px; + line-height: 16px; + vertical-align: middle; +} +.x-small-editor .x-form-num-field { + text-align: right; +} +.x-small-editor .x-form-field-wrap .x-form-trigger { + height: 19px; +} +.ext-webkit .x-small-editor .x-form-text { + padding-top: 1px; + font-size: 100%; +} +.x-form-clear { + clear: both; + height: 0; + overflow: hidden; + line-height: 0; + font-size: 0; +} +.x-form-clear-left { + clear: left; + height: 0; + overflow: hidden; + line-height: 0; + font-size: 0; +} +.ext-ie6 .x-form-check-wrap input, +.ext-border-box .x-form-check-wrap input { + margin-top: 3px; +} +.x-form-cb-label { + position: relative; + margin-left: 4px; + top: 2px; +} +.ext-ie .x-form-cb-label { + top: 1px; +} +.ext-ie6 .x-form-cb-label, +.ext-border-box .x-form-cb-label { + top: 3px; +} +.x-form-display-field { + padding-top: 2px; +} +.ext-gecko .x-form-display-field, +.ext-strict .ext-ie7 .x-form-display-field { + padding-top: 1px; +} +.ext-ie .x-form-display-field { + padding-top: 3px; +} +.ext-strict .ext-ie8 .x-form-display-field { + padding-top: 0; +} +.x-form-column { + float: left; + padding: 0; + margin: 0; + width: 48%; + overflow: hidden; + zoom: 1; +} +/* buttons */ +.x-form .x-form-btns-ct .x-btn { + float: right; + clear: none; +} +.x-form .x-form-btns-ct .x-form-btns td { + border: 0; + padding: 0; +} +.x-form .x-form-btns-ct .x-form-btns-right table { + float: right; + clear: none; +} +.x-form .x-form-btns-ct .x-form-btns-left table { + float: left; + clear: none; +} +.x-form .x-form-btns-ct .x-form-btns-center { + text-align: center; + /*ie*/ + +} +.x-form .x-form-btns-ct .x-form-btns-center table { + margin: 0 auto; + /*everyone else*/ + +} +.x-form .x-form-btns-ct table td.x-form-btn-td { + padding: 3px; +} +.x-form .x-form-btns-ct .x-btn-focus .x-btn-left { + background-position: 0 -147px; +} +.x-form .x-form-btns-ct .x-btn-focus .x-btn-right { + background-position: 0 -168px; +} +.x-form .x-form-btns-ct .x-btn-focus .x-btn-center { + background-position: 0 -189px; +} +.x-form .x-form-btns-ct .x-btn-click .x-btn-center { + background-position: 0 -126px; +} +.x-form .x-form-btns-ct .x-btn-click .x-btn-right { + background-position: 0 -84px; +} +.x-form .x-form-btns-ct .x-btn-click .x-btn-left { + background-position: 0 -63px; +} +.x-form-invalid-icon { + width: 16px; + height: 18px; + visibility: hidden; + position: absolute; + left: 0; + top: 0; + display: block; + background: transparent no-repeat 0 2px; +} +/* fieldsets */ +.x-fieldset { + border: 1px solid; + padding: 10px; + margin-bottom: 10px; + display: block; + /* preserve margins in IE */ + +} +/* make top of checkbox/tools visible in webkit */ +.ext-webkit .x-fieldset-header { + padding-top: 1px; +} +.ext-ie .x-fieldset legend { + margin-bottom: 10px; +} +.ext-ie .x-fieldset { + padding-top: 0; + padding-bottom: 10px; +} +.x-fieldset legend .x-tool-toggle { + margin-right: 3px; + margin-left: 0; + float: left !important; +} +.x-fieldset legend input { + margin-right: 3px; + float: left !important; + height: 13px; + width: 13px; +} +fieldset.x-panel-collapsed { + padding-bottom: 0 !important; + border-width: 1px 1px 0 1px !important; + border-left-color: transparent; + border-right-color: transparent; +} +.ext-ie6 fieldset.x-panel-collapsed { + padding-bottom: 0 !important; + border-width: 1px 0 0 0 !important; + margin-left: 1px; + margin-right: 1px; +} +fieldset.x-panel-collapsed .x-fieldset-bwrap { + visibility: hidden; + position: absolute; + left: -1000px; + top: -1000px; +} +.ext-ie .x-fieldset-bwrap { + zoom: 1; +} +.x-fieldset-noborder { + border: 0px none transparent; +} +.x-fieldset-noborder legend { + margin-left: -3px; +} +/* IE legend positioning bug */ +.ext-ie .x-fieldset-noborder legend { + position: relative; + margin-bottom: 23px; +} +.ext-ie .x-fieldset-noborder legend span { + position: absolute; + left: 16px; +} +.ext-gecko .x-window-body .x-form-item { + -moz-outline: none; + outline: none; + overflow: auto; +} +.ext-gecko .x-form-item { + -moz-outline: none; + outline: none; +} +.x-hide-label label.x-form-item-label { + display: none; +} +.x-hide-label .x-form-element { + padding-left: 0 !important; +} +.x-form-label-top .x-hide-label label.x-form-item-label { + display: none; +} +.x-fieldset { + overflow: hidden; +} +.x-fieldset-bwrap { + overflow: hidden; + zoom: 1; +} +.x-fieldset-body { + overflow: hidden; +} +.x-btn { + cursor: pointer; + white-space: nowrap; +} +.x-btn button { + border: 0 none; + background: transparent; + padding-left: 3px; + padding-right: 3px; + cursor: pointer; + margin: 0; + overflow: visible; + width: auto; + -moz-outline: 0 none; + outline: 0 none; +} +* html .ext-ie .x-btn button { + width: 1px; +} +.ext-gecko .x-btn button, +.ext-webkit .x-btn button { + padding-left: 0; + padding-right: 0; +} +.ext-gecko .x-btn button::-moz-focus-inner { + padding: 0; +} +.ext-ie .x-btn button { + padding-top: 2px; +} +.x-btn td { + padding: 0 !important; +} +.x-btn-text { + cursor: pointer; + white-space: nowrap; + padding: 0; +} +/* icon placement and sizing styles */ +/* Only text */ +.x-btn-noicon .x-btn-small .x-btn-text { + height: 16px; +} +.x-btn-noicon .x-btn-medium .x-btn-text { + height: 24px; +} +.x-btn-noicon .x-btn-large .x-btn-text { + height: 32px; +} +/* Only icons */ +.x-btn-icon .x-btn-text { + background-position: center; + background-repeat: no-repeat; +} +.x-btn-icon .x-btn-small .x-btn-text { + height: 16px; + width: 16px; +} +.x-btn-icon .x-btn-medium .x-btn-text { + height: 24px; + width: 24px; +} +.x-btn-icon .x-btn-large .x-btn-text { + height: 32px; + width: 32px; +} +/* Icons and text */ +/* left */ +.x-btn-text-icon .x-btn-icon-small-left .x-btn-text { + background-position: 0 center; + background-repeat: no-repeat; + padding-left: 18px; + height: 16px; +} +.x-btn-text-icon .x-btn-icon-medium-left .x-btn-text { + background-position: 0 center; + background-repeat: no-repeat; + padding-left: 26px; + height: 24px; +} +.x-btn-text-icon .x-btn-icon-large-left .x-btn-text { + background-position: 0 center; + background-repeat: no-repeat; + padding-left: 34px; + height: 32px; +} +/* top */ +.x-btn-text-icon .x-btn-icon-small-top .x-btn-text { + background-position: center 0; + background-repeat: no-repeat; + padding-top: 18px; +} +.x-btn-text-icon .x-btn-icon-medium-top .x-btn-text { + background-position: center 0; + background-repeat: no-repeat; + padding-top: 26px; +} +.x-btn-text-icon .x-btn-icon-large-top .x-btn-text { + background-position: center 0; + background-repeat: no-repeat; + padding-top: 34px; +} +/* right */ +.x-btn-text-icon .x-btn-icon-small-right .x-btn-text { + background-position: right center; + background-repeat: no-repeat; + padding-right: 18px; + height: 16px; +} +.x-btn-text-icon .x-btn-icon-medium-right .x-btn-text { + background-position: right center; + background-repeat: no-repeat; + padding-right: 26px; + height: 24px; +} +.x-btn-text-icon .x-btn-icon-large-right .x-btn-text { + background-position: right center; + background-repeat: no-repeat; + padding-right: 34px; + height: 32px; +} +/* bottom */ +.x-btn-text-icon .x-btn-icon-small-bottom .x-btn-text { + background-position: center bottom; + background-repeat: no-repeat; + padding-bottom: 18px; +} +.x-btn-text-icon .x-btn-icon-medium-bottom .x-btn-text { + background-position: center bottom; + background-repeat: no-repeat; + padding-bottom: 26px; +} +.x-btn-text-icon .x-btn-icon-large-bottom .x-btn-text { + background-position: center bottom; + background-repeat: no-repeat; + padding-bottom: 34px; +} +/* background positioning */ +.x-btn-tr i, +.x-btn-tl i, +.x-btn-mr i, +.x-btn-ml i, +.x-btn-br i, +.x-btn-bl i { + font-size: 1px; + line-height: 1px; + width: 3px; + display: block; + overflow: hidden; +} +.x-btn-tr i, +.x-btn-tl i, +.x-btn-br i, +.x-btn-bl i { + height: 3px; +} +.x-btn-tl { + width: 3px; + height: 3px; + background: no-repeat 0 0; +} +.x-btn-tr { + width: 3px; + height: 3px; + background: no-repeat -3px 0; +} +.x-btn-tc { + height: 3px; + background: repeat-x 0 -6px; +} +.x-btn-ml { + width: 3px; + background: no-repeat 0 -24px; +} +.x-btn-mr { + width: 3px; + background: no-repeat -3px -24px; +} +.x-btn-mc { + background: repeat-x 0 -1096px; + vertical-align: middle; + text-align: center; + padding: 0 5px; + cursor: pointer; + white-space: nowrap; +} +/* Fixes an issue with the button height */ +.ext-strict .ext-ie6 .x-btn-mc, +.ext-strict .ext-ie7 .x-btn-mc { + height: 100%; +} +.x-btn-bl { + width: 3px; + height: 3px; + background: no-repeat 0 -3px; +} +.x-btn-br { + width: 3px; + height: 3px; + background: no-repeat -3px -3px; +} +.x-btn-bc { + height: 3px; + background: repeat-x 0 -15px; +} +.x-btn-click .x-btn-tl, +.x-btn-menu-active .x-btn-tl, +.x-btn-pressed .x-btn-tl { + background-position: -12px 0; +} +.x-btn-click .x-btn-tr, +.x-btn-menu-active .x-btn-tr, +.x-btn-pressed .x-btn-tr { + background-position: -15px 0; +} +.x-btn-click .x-btn-tc, +.x-btn-menu-active .x-btn-tc, +.x-btn-pressed .x-btn-tc { + background-position: 0 -12px; +} +.x-btn-click .x-btn-ml, +.x-btn-menu-active .x-btn-ml, +.x-btn-pressed .x-btn-ml { + background-position: -12px -24px; +} +.x-btn-click .x-btn-mr, +.x-btn-menu-active .x-btn-mr, +.x-btn-pressed .x-btn-mr { + background-position: -15px -24px; +} +.x-btn-click .x-btn-mc, +.x-btn-menu-active .x-btn-mc, +.x-btn-pressed .x-btn-mc { + background-position: 0 -3240px; +} +.x-btn-click .x-btn-bl, +.x-btn-menu-active .x-btn-bl, +.x-btn-pressed .x-btn-bl { + background-position: -12px -3px; +} +.x-btn-click .x-btn-br, +.x-btn-menu-active .x-btn-br, +.x-btn-pressed .x-btn-br { + background-position: -15px -3px; +} +.x-btn-click .x-btn-bc, +.x-btn-menu-active .x-btn-bc, +.x-btn-pressed .x-btn-bc { + background-position: 0 -21px; +} +.x-btn-disabled * { + cursor: default !important; +} +/* With a menu arrow */ +/* right */ +.x-btn-mc em.x-btn-arrow { + display: block; + background: transparent no-repeat right center; + padding-right: 10px; +} +.x-btn-mc em.x-btn-split { + display: block; + background: transparent no-repeat right center; + padding-right: 14px; +} +/* bottom */ +.x-btn-mc em.x-btn-arrow-bottom { + display: block; + background: transparent no-repeat center bottom; + padding-bottom: 14px; +} +.x-btn-mc em.x-btn-split-bottom { + display: block; + background: transparent no-repeat center bottom; + padding-bottom: 14px; +} +/* height adjustment class */ +.x-btn-as-arrow .x-btn-mc em { + display: block; + background: transparent; + padding-bottom: 14px; +} +/* groups */ +.x-btn-group { + padding: 1px; +} +.x-btn-group-header { + padding: 2px; + text-align: center; +} +.x-btn-group-tc { + background: transparent repeat-x 0 0; + overflow: hidden; +} +.x-btn-group-tl { + background: transparent no-repeat 0 0; + padding-left: 3px; + zoom: 1; +} +.x-btn-group-tr { + background: transparent no-repeat right 0; + zoom: 1; + padding-right: 3px; +} +.x-btn-group-bc { + background: transparent repeat-x 0 bottom; + zoom: 1; +} +.x-btn-group-bc .x-panel-footer { + zoom: 1; +} +.x-btn-group-bl { + background: transparent no-repeat 0 bottom; + padding-left: 3px; + zoom: 1; +} +.x-btn-group-br { + background: transparent no-repeat right bottom; + padding-right: 3px; + zoom: 1; +} +.x-btn-group-mc { + border: 0 none; + padding: 1px 0 0 0; + margin: 0; +} +.x-btn-group-mc .x-btn-group-body { + background: transparent; + border: 0 none; +} +.x-btn-group-ml { + background: transparent repeat-y 0 0; + padding-left: 3px; + zoom: 1; +} +.x-btn-group-mr { + background: transparent repeat-y right 0; + padding-right: 3px; + zoom: 1; +} +.x-btn-group-bc .x-btn-group-footer { + padding-bottom: 6px; +} +.x-panel-nofooter .x-btn-group-bc { + height: 3px; + font-size: 0; + line-height: 0; +} +.x-btn-group-bwrap { + overflow: hidden; + zoom: 1; +} +.x-btn-group-body { + overflow: hidden; + zoom: 1; +} +.x-btn-group-notitle .x-btn-group-tc { + background: transparent repeat-x 0 0; + overflow: hidden; + height: 2px; +} +.x-toolbar { + border-style: solid; + border-width: 0 0 1px 0; + display: block; + padding: 2px; + background: repeat-x top left; + position: relative; + left: 0; + top: 0; + zoom: 1; + overflow: hidden; +} +.x-toolbar-left { + width: 100%; +} +.x-toolbar .x-item-disabled .x-btn-icon { + opacity: .35; + -moz-opacity: .35; + filter: alpha(opacity=35); +} +.x-toolbar td { + vertical-align: middle; +} +.x-toolbar td, +.x-toolbar span, +.x-toolbar input, +.x-toolbar div, +.x-toolbar select, +.x-toolbar label { + white-space: nowrap; +} +.x-toolbar .x-item-disabled { + cursor: default; + opacity: .6; + -moz-opacity: .6; + filter: alpha(opacity=60); +} +.x-toolbar .x-item-disabled * { + cursor: default; +} +.x-toolbar .x-toolbar-cell { + vertical-align: middle; +} +.x-toolbar .x-btn-tl, +.x-toolbar .x-btn-tr, +.x-toolbar .x-btn-tc, +.x-toolbar .x-btn-ml, +.x-toolbar .x-btn-mr, +.x-toolbar .x-btn-mc, +.x-toolbar .x-btn-bl, +.x-toolbar .x-btn-br, +.x-toolbar .x-btn-bc { + background-position: 500px 500px; +} +/* These rules are duplicated from button.css to give priority of x-toolbar rules above */ +.x-toolbar .x-btn-click .x-btn-tl, +.x-toolbar .x-btn-menu-active .x-btn-tl, +.x-toolbar .x-btn-pressed .x-btn-tl { + background-position: -12px 0; +} +.x-toolbar .x-btn-click .x-btn-tr, +.x-toolbar .x-btn-menu-active .x-btn-tr, +.x-toolbar .x-btn-pressed .x-btn-tr { + background-position: -15px 0; +} +.x-toolbar .x-btn-click .x-btn-tc, +.x-toolbar .x-btn-menu-active .x-btn-tc, +.x-toolbar .x-btn-pressed .x-btn-tc { + background-position: 0 -12px; +} +.x-toolbar .x-btn-click .x-btn-ml, +.x-toolbar .x-btn-menu-active .x-btn-ml, +.x-toolbar .x-btn-pressed .x-btn-ml { + background-position: -12px -24px; +} +.x-toolbar .x-btn-click .x-btn-mr, +.x-toolbar .x-btn-menu-active .x-btn-mr, +.x-toolbar .x-btn-pressed .x-btn-mr { + background-position: -15px -24px; +} +.x-toolbar .x-btn-click .x-btn-mc, +.x-toolbar .x-btn-menu-active .x-btn-mc, +.x-toolbar .x-btn-pressed .x-btn-mc { + background-position: 0 -3240px; +} +.x-toolbar .x-btn-click .x-btn-bl, +.x-toolbar .x-btn-menu-active .x-btn-bl, +.x-toolbar .x-btn-pressed .x-btn-bl { + background-position: -12px -3px; +} +.x-toolbar .x-btn-click .x-btn-br, +.x-toolbar .x-btn-menu-active .x-btn-br, +.x-toolbar .x-btn-pressed .x-btn-br { + background-position: -15px -3px; +} +.x-toolbar .x-btn-click .x-btn-bc, +.x-toolbar .x-btn-menu-active .x-btn-bc, +.x-toolbar .x-btn-pressed .x-btn-bc { + background-position: 0 -21px; +} +.x-toolbar div.xtb-text { + padding: 2px 2px 0; + line-height: 16px; + display: block; +} +.x-toolbar .xtb-sep { + background-position: center; + background-repeat: no-repeat; + display: block; + font-size: 1px; + height: 16px; + width: 4px; + overflow: hidden; + cursor: default; + margin: 0 2px 0; + border: 0; +} +.x-toolbar .xtb-spacer { + width: 2px; +} +/* Paging Toolbar */ +.x-tbar-page-number { + width: 30px; + height: 14px; +} +.ext-ie .x-tbar-page-number { + margin-top: 2px; +} +.x-paging-info { + position: absolute; + top: 5px; + right: 8px; +} +/* floating */ +.x-toolbar-ct { + width: 100%; +} +.x-toolbar-right td { + text-align: center; +} +.x-panel-tbar, +.x-panel-bbar, +.x-window-tbar, +.x-window-bbar, +.x-tab-panel-tbar, +.x-tab-panel-bbar, +.x-plain-tbar, +.x-plain-bbar { + overflow: hidden; + zoom: 1; +} +.x-toolbar-more .x-btn-small .x-btn-text { + height: 16px; + width: 12px; +} +.x-toolbar-more em.x-btn-arrow { + display: inline; + background: transparent; + padding-right: 0; +} +.x-toolbar-more .x-btn-mc em.x-btn-arrow { + background-image: none; +} +div.x-toolbar-no-items { + color: gray !important; + padding: 5px 10px !important; +} +/* fix ie toolbar form items */ +.ext-border-box .x-toolbar-cell .x-form-text { + margin-bottom: -1px !important; +} +.ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text { + margin: 0 !important; +} +.ext-ie .x-toolbar-cell .x-form-field-wrap { + height: 21px; +} +.ext-ie .x-toolbar-cell .x-form-text { + position: relative; + top: -1px; +} +.ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-text, +.ext-strict .ext-ie .x-toolbar-cell .x-form-text { + top: 0px; +} +.x-toolbar-right td .x-form-field-trigger-wrap { + text-align: left; +} +.x-toolbar-cell .x-form-checkbox, +.x-toolbar-cell .x-form-radio { + margin-top: 5px; +} +.x-toolbar-cell .x-form-cb-label { + vertical-align: bottom; + top: 1px; +} +.ext-ie .x-toolbar-cell .x-form-checkbox, +.ext-ie .x-toolbar-cell .x-form-radio { + margin-top: 4px; +} +.ext-ie .x-toolbar-cell .x-form-cb-label { + top: 0; +} +/* Grid3 styles */ +.x-grid3 { + position: relative; + overflow: hidden; +} +.x-grid-panel .x-panel-body { + overflow: hidden !important; +} +.x-grid-panel .x-panel-mc .x-panel-body { + border: 1px solid; +} +.x-grid3 table { + table-layout: fixed; +} +.x-grid3-viewport { + overflow: hidden; +} +.x-grid3-hd-row td, +.x-grid3-row td, +.x-grid3-summary-row td { + -moz-outline: none; + outline: none; + -moz-user-focus: normal; +} +.x-grid3-row td, +.x-grid3-summary-row td { + line-height: 13px; + vertical-align: top; + padding-left: 1px; + padding-right: 1px; + -moz-user-select: none; + -khtml-user-select: none; + -webkit-user-select: ignore; +} +.x-grid3-cell { + -moz-user-select: none; + -khtml-user-select: none; + -webkit-user-select: ignore; +} +.x-grid3-hd-row td { + line-height: 15px; + vertical-align: middle; + border-left: 1px solid; + border-right: 1px solid; +} +.x-grid3-hd-row .x-grid3-marker-hd { + padding: 3px; +} +.x-grid3-row .x-grid3-marker { + padding: 3px; +} +.x-grid3-cell-inner, +.x-grid3-hd-inner { + overflow: hidden; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + padding: 3px 3px 3px 5px; + white-space: nowrap; +} +.x-grid3-hd-inner { + position: relative; + cursor: inherit; + padding: 4px 3px 4px 5px; +} +.x-grid3-row-body { + white-space: normal; +} +.x-grid3-body-cell { + -moz-outline: 0 none; + outline: 0 none; +} +/* IE Quirks to clip */ +.ext-ie .x-grid3-cell-inner, +.ext-ie .x-grid3-hd-inner { + width: 100%; +} +/* reverse above in strict mode */ +.ext-strict .x-grid3-cell-inner, +.ext-strict .x-grid3-hd-inner { + width: auto; +} +.x-grid-row-loading { + background: no-repeat center center; +} +.x-grid-page { + overflow: hidden; +} +.x-grid3-row { + cursor: default; + border: 1px solid; + width: 100%; +} +.x-grid3-row-over { + border: 1px solid; + background: repeat-x left top; +} +.x-grid3-resize-proxy { + width: 1px; + left: 0; + cursor: e-resize; + cursor: col-resize; + position: absolute; + top: 0; + height: 100px; + overflow: hidden; + visibility: hidden; + border: 0 none; + z-index: 7; +} +.x-grid3-resize-marker { + width: 1px; + left: 0; + position: absolute; + top: 0; + height: 100px; + overflow: hidden; + visibility: hidden; + border: 0 none; + z-index: 7; +} +.x-grid3-focus { + position: absolute; + left: 0; + top: 0; + width: 1px; + height: 1px; + line-height: 1px; + font-size: 1px; + -moz-outline: 0 none; + outline: 0 none; + -moz-user-select: text; + -khtml-user-select: text; + -webkit-user-select: ignore; +} +/* header styles */ +.x-grid3-header { + background: repeat-x 0 bottom; + cursor: default; + zoom: 1; +} +.x-grid3-header-pop { + border-left: 1px solid; + float: right; + clear: none; +} +.x-grid3-header-pop-inner { + border-left: 1px solid; + width: 14px; + height: 19px; + background: transparent no-repeat center center; +} +.ext-ie .x-grid3-header-pop-inner { + width: 15px; +} +.ext-strict .x-grid3-header-pop-inner { + width: 14px; +} +.x-grid3-header-inner { + overflow: hidden; + zoom: 1; + float: left; +} +.x-grid3-header-offset { + padding-left: 1px; + text-align: left; +} +td.x-grid3-hd-over, +td.sort-desc, +td.sort-asc, +td.x-grid3-hd-menu-open { + border-left: 1px solid; + border-right: 1px solid; +} +td.x-grid3-hd-over .x-grid3-hd-inner, +td.sort-desc .x-grid3-hd-inner, +td.sort-asc .x-grid3-hd-inner, +td.x-grid3-hd-menu-open .x-grid3-hd-inner { + background: repeat-x left bottom; +} +.x-grid3-sort-icon { + background-repeat: no-repeat; + display: none; + height: 4px; + width: 13px; + margin-left: 3px; + vertical-align: middle; +} +.sort-asc .x-grid3-sort-icon, +.sort-desc .x-grid3-sort-icon { + display: inline; +} +/* Header position fixes for IE strict mode */ +.ext-strict .ext-ie .x-grid3-header-inner, +.ext-strict .ext-ie6 .x-grid3-hd { + position: relative; +} +.ext-strict .ext-ie6 .x-grid3-hd-inner { + position: static; +} +/* Body Styles */ +.x-grid3-body { + zoom: 1; +} +.x-grid3-scroller { + overflow: auto; + zoom: 1; + position: relative; +} +.x-grid3-cell-text, +.x-grid3-hd-text { + display: block; + padding: 3px 5px 3px 5px; + -moz-user-select: none; + -khtml-user-select: none; + -webkit-user-select: ignore; +} +.x-grid3-split { + background-position: center; + background-repeat: no-repeat; + cursor: e-resize; + cursor: col-resize; + display: block; + font-size: 1px; + height: 16px; + overflow: hidden; + position: absolute; + top: 2px; + width: 6px; + z-index: 3; +} +/* Column Reorder DD */ +.x-dd-drag-proxy .x-grid3-hd-inner { + background: repeat-x left bottom; + width: 120px; + padding: 3px; + border: 1px solid; + overflow: hidden; +} +.col-move-top, +.col-move-bottom { + width: 9px; + height: 9px; + position: absolute; + top: 0; + line-height: 1px; + font-size: 1px; + overflow: hidden; + visibility: hidden; + z-index: 20000; + background: transparent no-repeat left top; +} +/* Selection Styles */ +.x-grid3-row-selected { + border: 1px dotted; +} +.x-grid3-locked td.x-grid3-row-marker, +.x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker { + background: repeat-x 0 bottom !important; + vertical-align: middle !important; + padding: 0; + border-top: 1px solid; + border-bottom: none !important; + border-right: 1px solid !important; + text-align: center; +} +.x-grid3-locked td.x-grid3-row-marker div, +.x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div { + padding: 0 4px; + text-align: center; +} +/* dirty cells */ +.x-grid3-dirty-cell { + background: transparent no-repeat 0 0; +} +/* Grid Toolbars */ +.x-grid3-topbar, +.x-grid3-bottombar { + overflow: hidden; + display: none; + zoom: 1; + position: relative; +} +.x-grid3-topbar .x-toolbar { + border-right: 0 none; +} +.x-grid3-bottombar .x-toolbar { + border-right: 0 none; + border-bottom: 0 none; + border-top: 1px solid; +} +/* Props Grid Styles */ +.x-props-grid .x-grid3-cell { + padding: 1px; +} +.x-props-grid .x-grid3-td-name .x-grid3-cell-inner { + background: transparent repeat-y -16px !important; + padding-left: 12px; +} +.x-props-grid .x-grid3-body .x-grid3-td-name { + padding: 1px; + padding-right: 0; + border: 0 none; + border-right: 1px solid; +} +/* dd */ +.x-grid3-col-dd { + border: 0 none; + padding: 0; + background: transparent; +} +.x-dd-drag-ghost .x-grid3-dd-wrap { + padding: 1px 3px 3px 1px; +} +.x-grid3-hd { + -moz-user-select: none; + -khtml-user-select: none; + -webkit-user-select: ignore; +} +.x-grid3-hd-btn { + display: none; + position: absolute; + width: 14px; + background: no-repeat left center; + right: 0; + top: 0; + z-index: 2; + cursor: pointer; +} +.x-grid3-hd-over .x-grid3-hd-btn, +.x-grid3-hd-menu-open .x-grid3-hd-btn { + display: block; +} +a.x-grid3-hd-btn:hover { + background-position: -14px center; +} +/* Expanders */ +.x-grid3-body .x-grid3-td-expander { + background: transparent repeat-y right; +} +.x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner { + padding: 0 !important; + height: 100%; +} +.x-grid3-row-expander { + width: 100%; + height: 18px; + background-position: 4px 2px; + background-repeat: no-repeat; + background-color: transparent; +} +.x-grid3-row-collapsed .x-grid3-row-expander { + background-position: 4px 2px; +} +.x-grid3-row-expanded .x-grid3-row-expander { + background-position: -21px 2px; +} +.x-grid3-row-collapsed .x-grid3-row-body { + display: none !important; +} +.x-grid3-row-expanded .x-grid3-row-body { + display: block !important; +} +/* Checkers */ +.x-grid3-body .x-grid3-td-checker { + background: transparent repeat-y right; +} +.x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner, +.x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner { + padding: 0 !important; + height: 100%; +} +.x-grid3-row-checker, +.x-grid3-hd-checker { + width: 100%; + height: 18px; + background-position: 2px 2px; + background-repeat: no-repeat; + background-color: transparent; +} +.x-grid3-row .x-grid3-row-checker { + background-position: 2px 2px; +} +.x-grid3-row-selected .x-grid3-row-checker, +.x-grid3-hd-checker-on .x-grid3-hd-checker, +.x-grid3-row-checked .x-grid3-row-checker { + background-position: -23px 2px; +} +.x-grid3-hd-checker { + background-position: 2px 1px; +} +.ext-border-box .x-grid3-hd-checker { + background-position: 2px 3px; +} +.x-grid3-hd-checker-on .x-grid3-hd-checker { + background-position: -23px 1px; +} +.ext-border-box .x-grid3-hd-checker-on .x-grid3-hd-checker { + background-position: -23px 3px; +} +/* Numberer */ +.x-grid3-body .x-grid3-td-numberer { + background: transparent repeat-y right; +} +.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner { + padding: 3px 5px 0 0 !important; + text-align: right; +} +/* Row Icon */ +.x-grid3-body .x-grid3-td-row-icon { + background: transparent repeat-y right; + vertical-align: top; + text-align: center; +} +.x-grid3-body .x-grid3-td-row-icon .x-grid3-cell-inner { + padding: 0 !important; + background-position: center center; + background-repeat: no-repeat; + width: 16px; + height: 16px; + margin-left: 2px; + margin-top: 3px; +} +/* All specials */ +.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer, +.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker, +.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander { + background: transparent repeat-y right; +} +.x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner { + padding: 1px 0 0 0 !important; +} +.x-grid3-check-col { + width: 100%; + height: 16px; + background-position: center center; + background-repeat: no-repeat; + background-color: transparent; +} +.x-grid3-check-col-on { + width: 100%; + height: 16px; + background-position: center center; + background-repeat: no-repeat; + background-color: transparent; +} +/* Grouping classes */ +.x-grid-group, +.x-grid-group-body, +.x-grid-group-hd { + zoom: 1; +} +.x-grid-group-hd { + border-bottom: 2px solid; + cursor: pointer; + padding-top: 6px; +} +.x-grid-group-hd div.x-grid-group-title { + background: transparent no-repeat 3px 3px; + padding: 4px 4px 4px 17px; +} +.x-grid-group-collapsed .x-grid-group-body { + display: none; +} +.ext-ie6 .x-grid3 .x-editor .x-form-text, +.ext-ie7 .x-grid3 .x-editor .x-form-text { + position: relative; + top: -1px; +} +.ext-ie .x-props-grid .x-editor .x-form-text { + position: static; + top: 0; +} +.x-grid-empty { + padding: 10px; +} +/* fix floating toolbar issue */ +.ext-ie7 .x-grid-panel .x-panel-bbar { + position: relative; +} +/* Reset position to static when Grid Panel has been framed */ +/* to resolve 'snapping' from top to bottom behavior. */ +/* @forumThread 86656 */ +.ext-ie7 .x-grid-panel .x-panel-mc .x-panel-bbar { + position: static; +} +.ext-ie6 .x-grid3-header { + position: relative; +} +/* Fix WebKit bug in Grids */ +.ext-webkit .x-grid-panel .x-panel-bwrap { + -webkit-user-select: none; +} +.ext-webkit .x-tbar-page-number { + -webkit-user-select: ignore; +} +/* end*/ +/* column lines */ +.x-grid-with-col-lines .x-grid3-row td.x-grid3-cell { + padding-right: 0; + border-right: 1px solid; +} +.x-dd-drag-proxy { + position: absolute; + left: 0; + top: 0; + visibility: hidden; + z-index: 15000; +} +.x-dd-drag-ghost { + -moz-opacity: 0.85; + opacity: .85; + filter: alpha(opacity=85); + border: 1px solid; + padding: 3px; + padding-left: 20px; + white-space: nowrap; +} +.x-dd-drag-repair .x-dd-drag-ghost { + -moz-opacity: 0.4; + opacity: .4; + filter: alpha(opacity=40); + border: 0 none; + padding: 0; + background-color: transparent; +} +.x-dd-drag-repair .x-dd-drop-icon { + visibility: hidden; +} +.x-dd-drop-icon { + position: absolute; + top: 3px; + left: 3px; + display: block; + width: 16px; + height: 16px; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + z-index: 1; +} +.x-view-selector { + position: absolute; + left: 0; + top: 0; + width: 0; + border: 1px dotted; + opacity: .5; + -moz-opacity: .5; + filter: alpha(opacity=50); + zoom: 1; +} +.ext-strict .ext-ie .x-tree .x-panel-bwrap { + position: relative; + overflow: hidden; +} +.x-tree-icon, +.x-tree-ec-icon, +.x-tree-elbow-line, +.x-tree-elbow, +.x-tree-elbow-end, +.x-tree-elbow-plus, +.x-tree-elbow-minus, +.x-tree-elbow-end-plus, +.x-tree-elbow-end-minus { + border: 0 none; + height: 18px; + margin: 0; + padding: 0; + vertical-align: top; + width: 16px; + background-repeat: no-repeat; +} +.x-tree-node-collapsed .x-tree-node-icon, +.x-tree-node-expanded .x-tree-node-icon, +.x-tree-node-leaf .x-tree-node-icon { + border: 0 none; + height: 18px; + margin: 0; + padding: 0; + vertical-align: top; + width: 16px; + background-position: center; + background-repeat: no-repeat; +} +.ext-ie .x-tree-node-indent img, +.ext-ie .x-tree-node-icon, +.ext-ie .x-tree-ec-icon { + vertical-align: middle !important; +} +.ext-strict .ext-ie8 .x-tree-node-indent img, +.ext-strict .ext-ie8 .x-tree-node-icon, +.ext-strict .ext-ie8 .x-tree-ec-icon { + vertical-align: top !important; +} +/* checkboxes */ +input.x-tree-node-cb { + margin-left: 1px; + height: 19px; + vertical-align: bottom; +} +.ext-ie input.x-tree-node-cb { + margin-left: 0; + margin-top: 1px; + width: 16px; + height: 16px; + vertical-align: middle; +} +.ext-strict .ext-ie8 input.x-tree-node-cb { + margin: 1px 1px; + height: 14px; + vertical-align: bottom; +} +.ext-strict .ext-ie8 input.x-tree-node-cb + a { + vertical-align: bottom; +} +.ext-opera input.x-tree-node-cb { + height: 14px; + vertical-align: middle; +} +.x-tree-noicon .x-tree-node-icon { + width: 0; + height: 0; +} +/* No line styles */ +.x-tree-no-lines .x-tree-elbow { + background: transparent; +} +.x-tree-no-lines .x-tree-elbow-end { + background: transparent; +} +.x-tree-no-lines .x-tree-elbow-line { + background: transparent; +} +/* Arrows */ +.x-tree-arrows .x-tree-elbow { + background: transparent; +} +.x-tree-arrows .x-tree-elbow-plus { + background: transparent no-repeat 0 0; +} +.x-tree-arrows .x-tree-elbow-minus { + background: transparent no-repeat -16px 0; +} +.x-tree-arrows .x-tree-elbow-end { + background: transparent; +} +.x-tree-arrows .x-tree-elbow-end-plus { + background: transparent no-repeat 0 0; +} +.x-tree-arrows .x-tree-elbow-end-minus { + background: transparent no-repeat -16px 0; +} +.x-tree-arrows .x-tree-elbow-line { + background: transparent; +} +.x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus { + background-position: -32px 0; +} +.x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus { + background-position: -48px 0; +} +.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus { + background-position: -32px 0; +} +.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus { + background-position: -48px 0; +} +.x-tree-elbow-plus, +.x-tree-elbow-minus, +.x-tree-elbow-end-plus, +.x-tree-elbow-end-minus { + cursor: pointer; +} +.ext-ie ul.x-tree-node-ct { + font-size: 0; + line-height: 0; + zoom: 1; +} +.x-tree-node { + white-space: nowrap; +} +.x-tree-node-el { + line-height: 18px; + cursor: pointer; +} +.x-tree-node a, +.x-dd-drag-ghost a { + text-decoration: none; + -khtml-user-select: none; + -moz-user-select: none; + -webkit-user-select: ignore; + -kthml-user-focus: normal; + -moz-user-focus: normal; + -moz-outline: 0 none; + outline: 0 none; +} +.x-tree-node a span, +.x-dd-drag-ghost a span { + text-decoration: none; + padding: 1px 3px 1px 2px; +} +.x-tree-node .x-tree-node-disabled .x-tree-node-icon { + -moz-opacity: 0.5; + opacity: .5; + filter: alpha(opacity=50); +} +.x-tree-node .x-tree-node-inline-icon { + background: transparent; +} +.x-tree-node a:hover, +.x-dd-drag-ghost a:hover { + text-decoration: none; +} +.x-tree-node div.x-tree-drag-insert-below { + border-bottom: 1px dotted; +} +.x-tree-node div.x-tree-drag-insert-above { + border-top: 1px dotted; +} +.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below { + border-bottom: 0 none; +} +.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above { + border-top: 0 none; +} +.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a { + border-bottom: 2px solid; +} +.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a { + border-top: 2px solid; +} +.x-tree-node .x-tree-drag-append a span { + border: 1px dotted; +} +.x-dd-drag-ghost .x-tree-node-indent, +.x-dd-drag-ghost .x-tree-ec-icon { + display: none !important; +} +/* Fix for ie rootVisible:false issue */ +.x-tree-root-ct { + zoom: 1; +} +.x-date-picker { + border: 1px solid; + border-top: 0 none; + position: relative; +} +.x-date-picker a { + -moz-outline: 0 none; + outline: 0 none; +} +.x-date-inner, +.x-date-inner td, +.x-date-inner th { + border-collapse: separate; +} +.x-date-middle, +.x-date-left, +.x-date-right { + background: repeat-x 0 -83px; + overflow: hidden; +} +.x-date-middle .x-btn-tc, +.x-date-middle .x-btn-tl, +.x-date-middle .x-btn-tr, +.x-date-middle .x-btn-mc, +.x-date-middle .x-btn-ml, +.x-date-middle .x-btn-mr, +.x-date-middle .x-btn-bc, +.x-date-middle .x-btn-bl, +.x-date-middle .x-btn-br { + background: transparent !important; + vertical-align: middle; +} +.x-date-middle .x-btn-mc em.x-btn-arrow { + background: transparent no-repeat right 0; +} +.x-date-right, +.x-date-left { + width: 18px; +} +.x-date-right { + text-align: right; +} +.x-date-middle { + padding-top: 2px; + padding-bottom: 2px; + width: 130px; + /* FF3 */ + +} +.x-date-right a, +.x-date-left a { + display: block; + width: 16px; + height: 16px; + background-position: center; + background-repeat: no-repeat; + cursor: pointer; + -moz-opacity: 0.6; + opacity: .6; + filter: alpha(opacity=60); +} +.x-date-right a:hover, +.x-date-left a:hover { + -moz-opacity: 1; + opacity: 1; + filter: alpha(opacity=100); +} +.x-item-disabled .x-date-right a:hover, +.x-item-disabled .x-date-left a:hover { + -moz-opacity: 0.6; + opacity: .6; + filter: alpha(opacity=60); +} +.x-date-right a { + margin-right: 2px; + text-decoration: none !important; +} +.x-date-left a { + margin-left: 2px; + text-decoration: none !important; +} +table.x-date-inner { + width: 100%; + table-layout: fixed; +} +.ext-webkit table.x-date-inner { + /* Fix for webkit browsers */ + + width: 175px; +} +.x-date-inner th { + width: 25px; +} +.x-date-inner th { + background: repeat-x left top; + text-align: right !important; + border-bottom: 1px solid; + cursor: default; + padding: 0; + border-collapse: separate; +} +.x-date-inner th span { + display: block; + padding: 2px; + padding-right: 7px; +} +.x-date-inner td { + border: 1px solid; + text-align: right; + padding: 0; +} +.x-date-inner a { + padding: 2px 5px; + display: block; + text-decoration: none; + text-align: right; + zoom: 1; +} +.x-date-inner .x-date-active { + cursor: pointer; + color: black; +} +.x-date-inner .x-date-selected a { + background: repeat-x left top; + border: 1px solid; + padding: 1px 4px; +} +.x-date-inner .x-date-today a { + border: 1px solid; + padding: 1px 4px; +} +.x-date-inner .x-date-prevday a, +.x-date-inner .x-date-nextday a { + text-decoration: none !important; +} +.x-date-bottom { + padding: 4px; + border-top: 1px solid; + background: repeat-x left top; +} +.x-date-inner a:hover, +.x-date-inner .x-date-disabled a:hover { + text-decoration: none !important; +} +.x-item-disabled .x-date-inner a:hover { + background: none; +} +.x-date-inner .x-date-disabled a { + cursor: default; +} +.x-date-menu .x-menu-item { + padding: 1px 24px 1px 4px; + white-space: nowrap; +} +.x-date-menu .x-menu-item .x-menu-item-icon { + width: 10px; + height: 10px; + margin-right: 5px; + background-position: center -4px !important; +} +.x-date-mp { + position: absolute; + left: 0; + top: 0; + display: none; +} +.x-date-mp td { + padding: 2px; + font: normal 11px "Open Sans", Tahoma, sans-serif, MiscFixed; +} +td.x-date-mp-month, +td.x-date-mp-year, +td.x-date-mp-ybtn { + border: 0 none; + text-align: center; + vertical-align: middle; + width: 25%; +} +.x-date-mp-ok { + margin-right: 3px; +} +.x-date-mp-btns button { + text-decoration: none; + text-align: center; + text-decoration: none !important; + border: 1px solid; + padding: 1px 3px 1px; + cursor: pointer; +} +.x-date-mp-btns { + background: repeat-x left top; +} +.x-date-mp-btns td { + border-top: 1px solid; + text-align: center; +} +td.x-date-mp-month a, +td.x-date-mp-year a { + display: block; + padding: 2px 4px; + text-decoration: none; + text-align: center; +} +td.x-date-mp-month a:hover, +td.x-date-mp-year a:hover { + text-decoration: none; + cursor: pointer; +} +td.x-date-mp-sel a { + padding: 1px 3px; + background: repeat-x left top; + border: 1px solid; +} +.x-date-mp-ybtn a { + overflow: hidden; + width: 15px; + height: 15px; + cursor: pointer; + background: transparent no-repeat; + display: block; + margin: 0 auto; +} +.x-date-mp-ybtn a.x-date-mp-next { + background-position: 0 -120px; +} +.x-date-mp-ybtn a.x-date-mp-next:hover { + background-position: -15px -120px; +} +.x-date-mp-ybtn a.x-date-mp-prev { + background-position: 0 -105px; +} +.x-date-mp-ybtn a.x-date-mp-prev:hover { + background-position: -15px -105px; +} +.x-date-mp-ybtn { + text-align: center; +} +td.x-date-mp-sep { + border-right: 1px solid; +} +.x-tip { + position: absolute; + top: 0; + left: 0; + visibility: hidden; + z-index: 20002; + border: 0 none; +} +.x-tip .x-tip-close { + height: 15px; + float: right; + width: 15px; + margin: 0 0 2px 2px; + cursor: pointer; + display: none; +} +.x-tip .x-tip-tc { + background: transparent no-repeat 0 -62px; + padding-top: 3px; + overflow: hidden; + zoom: 1; +} +.x-tip .x-tip-tl { + background: transparent no-repeat 0 0; + padding-left: 6px; + overflow: hidden; + zoom: 1; +} +.x-tip .x-tip-tr { + background: transparent no-repeat right 0; + padding-right: 6px; + overflow: hidden; + zoom: 1; +} +.x-tip .x-tip-bc { + background: transparent no-repeat 0 -121px; + height: 3px; + overflow: hidden; +} +.x-tip .x-tip-bl { + background: transparent no-repeat 0 -59px; + padding-left: 6px; + zoom: 1; +} +.x-tip .x-tip-br { + background: transparent no-repeat right -59px; + padding-right: 6px; + zoom: 1; +} +.x-tip .x-tip-mc { + border: 0 none; +} +.x-tip .x-tip-ml { + background: no-repeat 0 -124px; + padding-left: 6px; + zoom: 1; +} +.x-tip .x-tip-mr { + background: transparent no-repeat right -124px; + padding-right: 6px; + zoom: 1; +} +.ext-ie .x-tip .x-tip-header, +.ext-ie .x-tip .x-tip-tc { + font-size: 0; + line-height: 0; +} +.ext-border-box .x-tip .x-tip-header, +.ext-border-box .x-tip .x-tip-tc { + line-height: 1px; +} +.x-tip .x-tip-header-text { + padding: 0; + margin: 0 0 2px 0; +} +.x-tip .x-tip-body { + margin: 0 !important; + line-height: 14px; + padding: 0; +} +.x-tip .x-tip-body .loading-indicator { + margin: 0; +} +.x-tip-draggable .x-tip-header, +.x-tip-draggable .x-tip-header-text { + cursor: move; +} +.x-form-invalid-tip .x-tip-tc { + background: repeat-x 0 -12px; + padding-top: 6px; +} +.x-form-invalid-tip .x-tip-bc { + background: repeat-x 0 -18px; + height: 6px; +} +.x-form-invalid-tip .x-tip-bl { + background: no-repeat 0 -6px; +} +.x-form-invalid-tip .x-tip-br { + background: no-repeat right -6px; +} +.x-form-invalid-tip .x-tip-body { + padding: 2px; +} +.x-form-invalid-tip .x-tip-body { + padding-left: 24px; + background: transparent no-repeat 2px 2px; +} +.x-tip-anchor { + position: absolute; + width: 9px; + height: 10px; + overflow: hidden; + background: transparent no-repeat 0 0; + zoom: 1; +} +.x-tip-anchor-bottom { + background-position: -9px 0; +} +.x-tip-anchor-right { + background-position: -18px 0; + width: 10px; +} +.x-tip-anchor-left { + background-position: -28px 0; + width: 10px; +} +.x-menu { + z-index: 15000; + zoom: 1; + background: repeat-y; +} +.x-menu-floating { + border: 1px solid; +} +.x-menu a { + text-decoration: none !important; +} +.ext-ie .x-menu { + zoom: 1; + overflow: hidden; +} +.x-menu-list { + padding: 2px; + background: transparent; + border: 0 none; + overflow: hidden; + overflow-y: hidden; +} +.ext-strict .ext-ie .x-menu-list { + position: relative; +} +.x-menu li { + line-height: 100%; +} +.x-menu li.x-menu-sep-li { + font-size: 1px; + line-height: 1px; +} +.x-menu-list-item { + white-space: nowrap; + display: block; + padding: 1px; +} +.x-menu-item { + -moz-user-select: none; + -khtml-user-select: none; + -webkit-user-select: ignore; +} +.x-menu-item-arrow { + background: transparent no-repeat right; +} +.x-menu-sep { + display: block; + font-size: 1px; + line-height: 1px; + margin: 2px 3px; + border-bottom: 1px solid; + overflow: hidden; +} +.x-menu-focus { + position: absolute; + left: -1px; + top: -1px; + width: 1px; + height: 1px; + line-height: 1px; + font-size: 1px; + -moz-outline: 0 none; + outline: 0 none; + -moz-user-select: none; + -khtml-user-select: none; + -webkit-user-select: ignore; + overflow: hidden; + display: block; +} +a.x-menu-item { + cursor: pointer; + display: block; + line-height: 16px; + outline-color: -moz-use-text-color; + outline-style: none; + outline-width: 0; + padding: 3px 21px 3px 27px; + position: relative; + text-decoration: none; + white-space: nowrap; +} +.x-menu-item-active { + background-repeat: repeat-x; + background-position: left bottom; + border-style: solid; + border-width: 1px 0; + margin: 0 1px; + padding: 0; +} +.x-menu-item-active a.x-menu-item { + border-style: solid; + border-width: 0 1px; + margin: 0 -1px; +} +.x-menu-item-icon { + border: 0 none; + height: 16px; + padding: 0; + vertical-align: top; + width: 16px; + position: absolute; + left: 3px; + top: 3px; + margin: 0; + background-position: center; +} +.ext-ie .x-menu-item-icon { + left: -24px; +} +.ext-strict .x-menu-item-icon { + left: 3px; +} +.ext-ie6 .x-menu-item-icon { + left: -24px; +} +.ext-ie .x-menu-item-icon { + vertical-align: middle; +} +.x-menu-check-item .x-menu-item-icon { + background: transparent no-repeat center; +} +.x-menu-group-item .x-menu-item-icon { + background: transparent; +} +.x-menu-item-checked .x-menu-group-item .x-menu-item-icon { + background: transparent no-repeat center; +} +.x-date-menu .x-menu-list { + padding: 0; +} +.x-menu-date-item { + padding: 0; +} +.x-menu .x-color-palette, +.x-menu .x-date-picker { + margin-left: 26px; + margin-right: 4px; +} +.x-menu .x-date-picker { + border: 1px solid; + margin-top: 2px; + margin-bottom: 2px; +} +.x-menu-plain .x-color-palette, +.x-menu-plain .x-date-picker { + margin: 0; + border: 0 none; +} +.x-date-menu { + padding: 0 !important; +} +/* + * fixes separator visibility problem in IE 6 + */ +.ext-strict .ext-ie6 .x-menu-sep-li { + padding: 3px 4px; +} +.ext-strict .ext-ie6 .x-menu-sep { + margin: 0; + height: 1px; +} +/* + * Ugly mess to remove the white border under the picker + */ +.ext-ie .x-date-menu { + height: 199px; +} +.ext-strict .ext-ie .x-date-menu, +.ext-border-box .ext-ie8 .x-date-menu { + height: 197px; +} +.ext-strict .ext-ie7 .x-date-menu { + height: 195px; +} +.ext-strict .ext-ie8 .x-date-menu { + height: auto; +} +.x-cycle-menu .x-menu-item-checked { + border: 1px dotted !important; + padding: 0; +} +.x-menu .x-menu-scroller { + width: 100%; + background-repeat: no-repeat; + background-position: center; + height: 8px; + line-height: 8px; + cursor: pointer; + margin: 0; + padding: 0; +} +.x-menu .x-menu-scroller-active { + height: 6px; + line-height: 6px; +} +.x-menu-list-item-indent { + padding-left: 27px; +} +/* + Creates rounded, raised boxes like on the Ext website - the markup isn't pretty: +

+
+ | + {php} + global $G_TEMPLATE; + if ($G_TEMPLATE != '') + { + G::LoadTemplate($G_TEMPLATE); + } + {/php} + | +