第一個ext.js demo
阿新 • • 發佈：2018-12-18
https://www.w3cschool.cn/extjs/extjs_environment_setup.html
* 目錄結構
* index.html
<html> <head> <meta charset="UTF-8"> <title>ext.js simple</title> </head> <body> <div id="helloworldpanel"></div> <script type="text/javascript" src="./js/ext-base.js"></script> <script type="text/javascript" src="./js/ext-all.js"></script> <script> Ext.onReady(function() { var hello = new Ext.Panel({ renderTo: 'helloworldpanel', height: 100, width: 200, title: 'hello world', html: 'First Ext js hello world program' }); }); </script> </body> </html>
* css/theme-classic-all.css
.x-size-monitored{position:relative}.x-size-monitors{position:absolute;left:0;top:0;width:100%;height:100%;visibility:hidden;overflow:hidden}.x-size-monitors > *{width:100%;height:100%;overflow:hidden}.x-size-monitors.scroll > *.shrink::after{content:'';display:block;width:200%;height:200%;min-width:1px;min-height:1px}.x-size-monitors.scroll > *.expand::after{content:'';display:block;width:100000px;height:100000px}.x-size-monitors.overflowchanged > *.shrink > *{width:100%;height:100%}.x-size-monitors.overflowchanged > *.expand > *{width:200%;height:200%}.x-size-change-detector{visibility:hidden;position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;overflow:hidden}.x-size-change-detector > *{visibility:hidden}.x-size-change-detector-shrink > *{width:200%;height:200%}.x-size-change-detector-expand > *{width:100000px;height:100000px}@-webkit-keyframes x-paint-monitor-helper{from{zoom:1}to{zoom:1}}@keyframes x-paint-monitor-helper{from{zoom:1}to{zoom:1}}.x-paint-monitored{position:relative}.x-paint-monitor{width:0 !important;height:0 !important;visibility:hidden}.x-paint-monitor.cssanimation{-webkit-animation-duration:0.0001ms;-webkit-animation-name:x-paint-monitor-helper;animation-duration:0.0001ms;animation-name:x-paint-monitor-helper}.x-paint-monitor.overflowchange{overflow:hidden}.x-paint-monitor.overflowchange::after{content:'';display:block;width:1px !important;height:1px !important}.x-translatable{position:absolute !important;top:500000px !important;left:500000px !important;overflow:visible !important;z-index:1}.x-translatable-hboxfix{position:absolute;min-width:100%;top:0;left:0}.x-translatable-hboxfix > .x-translatable{position:relative !important}.x-translatable-container{overflow:hidden;width:auto;height:auto;position:absolute;top:0;right:0;bottom:0;left:0}.x-translatable-container::before{content:'';display:block;width:1000000px;height:1000000px;visibility:hidden}.x-domscroller-spacer{position:absolute;height:1px;width:1px;font-size:0;line-height:0}.x-treelist{background-color:#fff;background-position-x:16px;overflow:hidden;padding:0 0 0 0}.x-treelist-container,.x-treelist-root-container{width:100%}.x-treelist-toolstrip{display:none}.x-treelist-micro > .x-treelist-toolstrip{display:inline-block}.x-treelist-micro > .x-treelist-root-container{display:none}.x-treelist-item,.x-treelist-container,.x-treelist-root-container{overflow:hidden;list-style:none;padding:0;margin:0}.x-treelist-item-tool,.x-treelist-row,.x-treelist-item-wrap{position:relative}.x-treelist-item-icon,.x-treelist-item-expander{display:none;position:absolute;top:0}.x-treelist-item-expander{right:0;cursor:pointer}.x-treelist-expander-only .x-treelist-item-expandable > * > .x-treelist-item-wrap > *{cursor:pointer}.x-treelist-item-text{cursor:default;white-space:nowrap;overflow:hidden}.x-treelist-item-collapsed > .x-treelist-container{display:none}.x-treelist-item-expandable > * > * > .x-treelist-item-expander,.x-treelist-item-icon{display:block}.x-treelist-item-floated > * > * > .x-treelist-item-expander,.x-treelist-item-floated > * > * > .x-treelist-item-icon{display:none}.x-treelist-expander-first .x-treelist-item-expander{left:0;right:auto}.x-treelist-toolstrip{background-color:#f8f8f8}.x-treelist-item-selected > .x-treelist-row{background-color:#dfe8f6}.x-treelist-item-selected > .x-treelist-row:hover{background-color:#dfe8f6}.x-treelist-item-tool{padding-left:0;padding-right:6px}.x-treelist-item-icon,.x-treelist-item-tool,.x-treelist-item-expander{line-height:20px;text-align:center}.x-treelist-item-icon,.x-treelist-item-tool{color:gray;font-size:16px;width:16px}.x-treelist-item-tool{width:22px}.x-treelist-item-expander{color:gray;font-size:16px;width:16px}.x-treelist-item-expander:after{content:"\f0da";font:16px/1 FontAwesome}.x-treelist-item-expanded > * > * > .x-treelist-item-expander:after{content:"\f0d7";font:16px/1 FontAwesome}.x-treelist-item-text{color:#000;margin-left:19px;margin-right:16px;font-size:11px;line-height:20px;text-overflow:ellipsis}.x-treelist-row{padding-left:0;padding-right:6px}.x-treelist-item-floated .x-treelist-container{width:auto}.x-treelist-item-floated > .x-treelist-row{background-color:#f8f8f8}.x-treelist-item-floated > .x-treelist-container{margin-left:-16px}.x-big .x-treelist-item-floated > .x-treelist-container{margin-left:0}.x-treelist-item-floated > * > * > .x-treelist-item-text{margin-left:0}.x-treelist-item-floated > * .x-treelist-row{padding-left:0}.x-treelist-item-floated .x-treelist-row:before{width:0}.x-treelist-item-floated > .x-treelist-row:hover{background-color:#f8f8f8}.x-treelist-item-floated > .x-treelist-row:hover > * > .x-treelist-item-text{color:#000}.x-treelist-item-expanded > .x-treelist-item-expander:after{content:"\f0d7";font:16px/1 FontAwesome}.x-treelist-item-collapsed > * > .x-treelist-item-expander:after{content:"\f0da";font:16px/1 FontAwesome}&.x-treelist-highlight-path .x-treelist-item:hover > * > .x-treelist-item-icon{color:gray;transition:color 0.5s}&.x-treelist-highlight-path .x-treelist-item:hover > * > .x-treelist-item-text{color:#000;transition:color 0.5s}&.x-treelist-highlight-path .x-treelist-item:hover > * > .x-treelist-item-expander{color:gray;transition:color 0.5s}.x-treelist-row:hover{background-color:#efefef}.x-treelist-row:hover > * > .x-treelist-item-icon{color:gray;transition:color 0.5s}.x-treelist-row:hover > * > .x-treelist-item-text{color:#000;transition:color 0.5s}.x-treelist-row:hover > * > .x-treelist-item-expander{color:gray;transition:color 0.5s}.x-treelist-expander-first .x-treelist-item-icon{left:16px}.x-treelist-expander-first .x-treelist-item-text{margin-left:35px;margin-right:0}.x-treelist-expander-first .x-treelist-item-hide-icon > * > * > .x-treelist-item-text{margin-left:19px}.x-treelist-item-hide-icon > * > * > .x-treelist-item-text{margin-left:3px}.x-scroll-container{overflow:hidden;position:relative}.x-scroll-scroller{float:left;position:relative;min-width:100%;min-height:100%}.x-body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.x-no-touch-scroll{touch-action:none;-ms-touch-action:none}@-ms-viewport{width:device-width}img{border:0}.x-border-box,.x-border-box *{box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box}.x-ltr{direction:ltr}.x-clear{overflow:hidden;clear:both;font-size:0;line-height:0;display:table}.x-layer{position:absolute !important;overflow:hidden}.x-fixed-layer{position:fixed !important;overflow:hidden}.x-shim{position:absolute;left:0;top:0;overflow:hidden;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}.x-hidden-display{display:none !important}.x-hidden-visibility{visibility:hidden !important}.x-hidden,.x-hidden-offsets{display:block !important;visibility:hidden !important;position:absolute !important;top:-10000px !important}.x-hidden-clip{position:absolute !important;clip:rect(0, 0, 0, 0)}.x-masked-relative{position:relative}.x-ie-shadow{background-color:#777;position:absolute;overflow:hidden}.x-unselectable{user-select:none;-o-user-select:none;-ms-user-select:none;-moz-user-select:-moz-none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;cursor:default}.x-selectable{cursor:auto;-moz-user-select:text;-webkit-user-select:text;-ms-user-select:text;user-select:text;-o-user-select:text}.x-list-plain{list-style-type:none;margin:0;padding:0}.x-table-plain{border-collapse:collapse;border-spacing:0;font-size:1em}.x-frame-tl,.x-frame-tr,.x-frame-tc,.x-frame-bl,.x-frame-br,.x-frame-bc{overflow:hidden;background-repeat:no-repeat}.x-frame-tc,.x-frame-bc{background-repeat:repeat-x}td.x-frame-tl,td.x-frame-tr,td.x-frame-bl,td.x-frame-br{width:1px}.x-frame-mc{background-repeat:repeat-x;overflow:hidden}.x-proxy-el{position:absolute;background:#b4b4b4;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}.x-css-shadow{position:absolute;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}.x-item-disabled,.x-item-disabled *{cursor:default;pointer-events:none}.x-component,.x-container{position:relative}:focus{outline:none}.x-sync-repaint:before,.x-sync-repaint:after{content:none !important}.x-box-item{position:absolute !important;left:0;top:0}.x-autocontainer-outerCt{display:table}.x-autocontainer-innerCt{display:table-cell;height:100%;vertical-align:top}.x-mask{z-index:100;position:absolute;top:0;left:0;width:100%;height:100%;outline:none !important}.x-ie8 .x-mask{background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.x-mask-fixed{position:fixed}.x-mask-msg{position:absolute}.x-progress{position:relative;border-style:solid;overflow:hidden}.x-progress-bar{overflow:hidden;position:absolute;width:0;height:100%}.x-progress-text{overflow:hidden;position:absolute}.x-btn{display:inline-block;outline:0;cursor:pointer;white-space:nowrap;text-decoration:none;vertical-align:top;overflow:hidden;position:relative}.x-btn > .x-frame{height:100%;width:100%}.x-btn-wrap{height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.x-btn-wrap.x-btn-arrow-bottom,.x-btn-wrap.x-btn-split-bottom{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.x-ie9m .x-btn-wrap{display:table;border-spacing:0}.x-btn-button{white-space:nowrap;line-height:0;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0}.x-btn-button.x-btn-icon-top,.x-btn-button.x-btn-icon-bottom{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.x-ie9m .x-btn-button{display:table-cell;vertical-align:middle}.x-btn-inner{overflow:hidden;text-overflow:ellipsis;-ms-flex-negative:1;display:block}.x-ie9m .x-btn-inner{display:inline-block;vertical-align:middle}.x-btn-icon.x-btn-no-text > .x-btn-inner{display:none}.x-btn-icon-el{display:none;vertical-align:middle;text-align:center;background-position:center center;background-repeat:no-repeat}.x-btn-icon > .x-btn-icon-el{display:block}.x-ie9m .x-btn-icon-left > .x-btn-icon-el,.x-ie9m .x-btn-icon-right > .x-btn-icon-el{display:inline-block}.x-btn-button-center{text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.x-btn-button-left{text-align:left;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.x-btn-button-right{text-align:right;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.x-btn-arrow:after,.x-btn-split:after{display:block;background-repeat:no-repeat;content:'';box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;text-align:center}.x-btn-arrow-right:after,.x-btn-split-right:after{background-position:right center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.x-ie9m .x-btn-arrow-right:after,.x-ie9m .x-btn-split-right:after{display:table-cell;vertical-align:middle}.x-btn-arrow-bottom:after,.x-btn-split-bottom:after{background-position:center bottom;content:'\00a0';line-height:0}.x-ie9m .x-btn-arrow-bottom:after,.x-ie9m .x-btn-split-bottom:after{display:table-row}.x-btn-split-right > .x-btn-button:after{position:absolute;display:block;top:-100%;right:0;height:300%;content:''}.x-btn-split-bottom > .x-btn-button:after{position:absolute;display:block;bottom:0;left:-100%;font-size:0;width:300%;content:''}.x-btn-mc{overflow:visible}.x-segmented-button{display:table;table-layout:fixed}.x-segmented-button-item{display:table-cell;vertical-align:top}.x-segmented-button-item > .x-frame{width:100%;height:100%}.x-segmented-button-item .x-btn-mc{width:100%}.x-segmented-button-item-horizontal{display:table-cell;height:100%}.x-segmented-button-item-horizontal.x-segmented-button-first{border-top-right-radius:0;border-bottom-right-radius:0}.x-segmented-button-item-horizontal.x-segmented-button-first .x-btn-tr,.x-segmented-button-item-horizontal.x-segmented-button-first .x-btn-mr,.x-segmented-button-item-horizontal.x-segmented-button-first .x-btn-br{display:none}.x-segmented-button-item-horizontal.x-segmented-button-middle{border-radius:0;border-left:0}.x-segmented-button-item-horizontal.x-segmented-button-middle .x-btn-tl,.x-segmented-button-item-horizontal.x-segmented-button-middle .x-btn-tr,.x-segmented-button-item-horizontal.x-segmented-button-middle .x-btn-ml,.x-segmented-button-item-horizontal.x-segmented-button-middle .x-btn-mr,.x-segmented-button-item-horizontal.x-segmented-button-middle .x-btn-bl,.x-segmented-button-item-horizontal.x-segmented-button-middle .x-btn-br{display:none}.x-segmented-button-item-horizontal.x-segmented-button-last{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.x-segmented-button-item-horizontal.x-segmented-button-last .x-btn-tl,.x-segmented-button-item-horizontal.x-segmented-button-last .x-btn-ml,.x-segmented-button-item-horizontal.x-segmented-button-last .x-btn-bl{display:none}.x-segmented-button-row{display:table-row}.x-segmented-button-item-vertical.x-segmented-button-first{border-bottom-right-radius:0;border-bottom-left-radius:0}.x-segmented-button-item-vertical.x-segmented-button-first .x-btn-bl,.x-segmented-button-item-vertical.x-segmented-button-first .x-btn-bc,.x-segmented-button-item-vertical.x-segmented-button-first .x-btn-br{display:none}.x-segmented-button-item-vertical.x-segmented-button-middle{border-radius:0;border-top:0}.x-segmented-button-item-vertical.x-segmented-button-middle .x-btn-tl,.x-segmented-button-item-vertical.x-segmented-button-middle .x-btn-tc,.x-segmented-button-item-vertical.x-segmented-button-middle .x-btn-tr,.x-segmented-button-item-vertical.x-segmented-button-middle .x-btn-bl,.x-segmented-button-item-vertical.x-segmented-button-middle .x-btn-bc,.x-segmented-button-item-vertical.x-segmented-button-middle .x-btn-br{display:none}.x-segmented-button-item-vertical.x-segmented-button-last{border-top:0;border-top-right-radius:0;border-top-left-radius:0}.x-segmented-button-item-vertical.x-segmented-button-last .x-btn-tl,.x-segmented-button-item-vertical.x-segmented-button-last .x-btn-tc,.x-segmented-button-item-vertical.x-segmented-button-last .x-btn-tr{display:none}.x-title-icon{background-repeat:no-repeat;background-position:0 0;vertical-align:middle;text-align:center}.x-title{display:table;table-layout:fixed}.x-title-text{display:table-cell;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;vertical-align:middle}.x-title-align-left{text-align:left}.x-title-align-center{text-align:center}.x-title-align-right{text-align:right}.x-title-rotate-right{-webkit-transform:rotate(90deg);-webkit-transform-origin:0 0;-moz-transform:rotate(90deg);-moz-transform-origin:0 0;-ms-transform:rotate(90deg);-ms-transform-origin:0 0;transform:rotate(90deg);transform-origin:0 0}.x-ie8 .x-title-rotate-right{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1)}.x-title-rotate-left{-webkit-transform:rotate(270deg);-webkit-transform-origin:100% 0;-moz-transform:rotate(270deg);-moz-transform-origin:100% 0;-ms-transform:rotate(270deg);-ms-transform-origin:100% 0;transform:rotate(270deg);transform-origin:100% 0}.x-ie8 .x-title-rotate-left{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}.x-horizontal.x-header .x-title-rotate-right.x-title-align-left > .x-title-item{vertical-align:bottom}.x-horizontal.x-header .x-title-rotate-right.x-title-align-center > .x-title-item{vertical-align:middle}.x-horizontal.x-header .x-title-rotate-right.x-title-align-right > .x-title-item{vertical-align:top}.x-horizontal.x-header .x-title-rotate-left.x-title-align-left > .x-title-item{vertical-align:top}.x-horizontal.x-header .x-title-rotate-left.x-title-align-center > .x-title-item{vertical-align:middle}.x-horizontal.x-header .x-title-rotate-left.x-title-align-right > .x-title-item{vertical-align:bottom}.x-vertical.x-header .x-title-rotate-none.x-title-align-left > .x-title-item{vertical-align:top}.x-vertical.x-header .x-title-rotate-none.x-title-align-center > .x-title-item{vertical-align:middle}.x-vertical.x-header .x-title-rotate-none.x-title-align-right > .x-title-item{vertical-align:bottom}.x-title-icon-wrap{display:table-cell;text-align:center;vertical-align:middle;line-height:0}.x-title-icon-wrap.x-title-icon-top,.x-title-icon-wrap.x-title-icon-bottom{display:table-row}.x-title-icon{display:inline-block;vertical-align:middle;background-position:center;background-repeat:no-repeat}.x-tool{font-size:0;line-height:0}.x-header > .x-box-inner,.x-panel-header-mc > .x-box-inner,.x-window-header-mc > .x-box-inner{overflow:visible}.x-splitter{font-size:1px}.x-splitter-horizontal{cursor:e-resize;cursor:row-resize}.x-splitter-vertical{cursor:e-resize;cursor:col-resize}.x-splitter-collapsed,.x-splitter-horizontal-noresize,.x-splitter-vertical-noresize{cursor:default}.x-splitter-active{z-index:4}.x-collapse-el{position:absolute;background-repeat:no-repeat}.x-splitter-focus{z-index:4}.x-box-layout-ct{overflow:hidden;position:relative}.x-box-target{position:absolute;width:20000px;top:0;left:0;height:1px}.x-box-inner{overflow:hidden;position:relative;left:0;top:0}.x-box-scroller{position:absolute;background-repeat:no-repeat;background-position:center;line-height:0;font-size:0;text-align:center}.x-box-scroller-top{top:0}.x-box-scroller-right{right:0}.x-box-scroller-bottom{bottom:0}.x-box-scroller-left{left:0}.x-box-menu-body-horizontal{float:left}.x-box-menu-after{position:relative;float:left}.x-toolbar-text{white-space:nowrap}.x-toolbar-separator{display:block;font-size:1px;overflow:hidden;cursor:default;border:0;width:0;height:0;line-height:0px}.x-toolbar-scroller{padding-left:0}.x-toolbar-plain{border:0}.x-dd-drag-proxy,.x-dd-drag-current{z-index:1000000!important;pointer-events:none}.x-dd-drag-repair .x-dd-drag-ghost{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);opacity:0.6}.x-dd-drag-repair .x-dd-drop-icon{display:none}.x-dd-drag-ghost{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);opacity:0.85;padding:5px;padding-left:20px;white-space:nowrap;color:#000;font:normal 11px tahoma, arial, verdana, sans-serif;border:1px solid;border-color:#ddd #bbb #bbb #ddd;background-color:#fff}.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-dd-drop-ok .x-dd-drop-icon{background-image:url(images/dd/drop-yes.gif)}.x-dd-drop-ok-add .x-dd-drop-icon{background-image:url(images/dd/drop-add.gif)}.x-dd-drop-nodrop div.x-dd-drop-icon{background-image:url(images/dd/drop-no.gif)}.x-docked{position:absolute !important;z-index:2}.x-docked-vertical{position:static}.x-docked-top{border-bottom-width:0 !important}.x-docked-bottom{border-top-width:0 !important}.x-docked-left{border-right-width:0 !important}.x-docked-right{border-left-width:0 !important}.x-docked-noborder-top{border-top-width:0 !important}.x-docked-noborder-right{border-right-width:0 !important}.x-docked-noborder-bottom{border-bottom-width:0 !important}.x-docked-noborder-left{border-left-width:0 !important}.x-noborder-l{border-left-width:0 !important}.x-noborder-b{border-bottom-width:0 !important}.x-noborder-bl{border-bottom-width:0 !important;border-left-width:0 !important}.x-noborder-r{border-right-width:0 !important}.x-noborder-rl{border-right-width:0 !important;border-left-width:0 !important}.x-noborder-rb{border-right-width:0 !important;border-bottom-width:0 !important}.x-noborder-rbl{border-right-width:0 !important;border-bottom-width:0 !important;border-left-width:0 !important}.x-noborder-t{border-top-width:0 !important}.x-noborder-tl{border-top-width:0 !important;border-left-width:0 !important}.x-noborder-tb{border-top-width:0 !important;border-bottom-width:0 !important}.x-noborder-tbl{border-top-width:0 !important;border-bottom-width:0 !important;border-left-width:0 !important}.x-noborder-tr{border-top-width:0 !important;border-right-width:0 !important}.x-noborder-trl{border-top-width:0 !important;border-right-width:0 !important;border-left-width:0 !important}.x-noborder-trb{border-top-width:0 !important;border-right-width:0 !important;border-bottom-width:0 !important}.x-noborder-trbl{border-width:0 !important}.x-panel,.x-plain{overflow:hidden;position:relative}.x-panel{outline:none}td.x-frame-mc{vertical-align:top}.x-panel-body{overflow:hidden;position:relative}.x-panel-header-plain,.x-panel-body-plain{border:0;padding:0}.x-panel-collapsed-mini{visibility:hidden}.x-table-layout{font-size:1em}.x-btn-group{position:relative;overflow:hidden}.x-btn-group-body{position:relative}.x-btn-group-body .x-table-layout-cell{vertical-align:top}.x-viewport,.x-viewport > .x-body{margin:0;padding:0;border:0 none;overflow:hidden;position:static;touch-action:none;-ms-touch-action:none}.x-viewport{height:100%}.x-viewport > .x-body{min-height:100%}.x-column{float:left}.x-resizable-overlay{position:absolute;left:0;top:0;width:100%;height:100%;display:none;z-index:200000;background-color:#fff;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}.x-window{outline:none;overflow:hidden}.x-window .x-window-wrap{position:relative}.x-window-body{position:relative;overflow:hidden}.x-form-item{display:table;table-layout:fixed;border-spacing:0;border-collapse:separate}.x-form-item-label{overflow:hidden}.x-form-item.x-form-item-no-label > .x-form-item-label{display:none}.x-form-item-label,.x-form-item-body{display:table-cell}.x-form-item-body{vertical-align:middle;height:100%}.x-form-item-label-inner{display:inline-block}.x-form-item-label-top{display:table-row;height:1px}.x-form-item-label-top > .x-form-item-label-inner{display:table-cell}.x-form-item-label-top-side-error:after{display:table-cell;content:''}.x-form-item-label-right{text-align:right}.x-form-error-wrap-side{display:table-cell;vertical-align:middle}.x-form-error-wrap-under{display:table-row;height:1px}.x-form-error-wrap-under > .x-form-error-msg{display:table-cell}.x-form-error-wrap-under-side-label:before{display:table-cell;content:'';pointer-events:none}.x-form-invalid-icon{overflow:hidden}.x-form-invalid-icon ul{display:none}.x-form-trigger-wrap{display:table;width:100%;height:100%}.x-gecko .x-form-trigger-wrap{display:-moz-inline-box;display:inline-flex;vertical-align:top}.x-form-text-wrap{display:table-cell;overflow:hidden;height:100%}.x-gecko .x-form-text-wrap{display:block;-moz-box-flex:1;flex:1}.x-form-item-body.x-form-text-grow{min-width:inherit;max-width:inherit}.x-form-text{border:0;margin:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;display:block;background:repeat-x 0 0;width:100%;height:100%}.x-webkit .x-form-text{height:calc(100% + 3px)}.x-form-trigger{display:table-cell;vertical-align:top;cursor:pointer;overflow:hidden;background-repeat:no-repeat;text-align:center;line-height:0;white-space:nowrap}.x-item-disabled .x-form-trigger{cursor:default}.x-form-trigger.x-form-trigger-cmp{background:none;border:0}.x-gecko .x-form-trigger{display:block}.x-form-textarea{overflow:auto;resize:none}div.x-form-text-grow .x-form-textarea{min-height:inherit}.x-message-box .x-form-display-field{height:auto}.x-form-cb-wrap{vertical-align:top}.x-form-cb-wrap-inner{position:relative}.x-form-cb{position:absolute;left:0;right:auto;vertical-align:top;overflow:hidden;padding:0;border:0;cursor:default}.x-form-cb::-moz-focus-inner{padding:0;border:0}.x-form-cb-after{left:auto;right:0}.x-form-cb-label{display:inline-block}.x-form-cb-label.x-form-cb-no-box-label{display:none}.x-fieldset{display:block;position:relative;overflow:hidden}.x-fieldset-header{overflow:hidden}.x-fieldset-header .x-form-item,.x-fieldset-header .x-tool{float:left}.x-fieldset-header .x-fieldset-header-text{float:left}.x-fieldset-header .x-form-cb-wrap{font-size:0;line-height:0;min-height:0;height:auto}.x-fieldset-header .x-form-cb{margin:0;position:static;display:inherit}.x-fieldset-body{overflow:hidden}.x-fieldset-collapsed{padding-bottom:0 !important}.x-fieldset-collapsed > .x-fieldset-body{display:none}.x-fieldset-header-text-collapsible{cursor:pointer}.x-view-item-focused{outline:1px dashed #c0d4ed!important;outline-offset:-1px}.x-ie9 .x-boundlist-list-ct{min-height:0%}.x-datepicker{position:relative}.x-datepicker .x-monthpicker{left:0;top:0;display:block}.x-datepicker .x-monthpicker-months,.x-datepicker .x-monthpicker-years{height:100%}.x-datepicker-inner{table-layout:fixed;width:100%;border-collapse:separate}.x-datepicker-cell{padding:0}.x-datepicker-header{position:relative}.x-datepicker-arrow{position:absolute;outline:none;font-size:0}.x-datepicker-column-header{padding:0}.x-datepicker-date{display:block;text-decoration:none}.x-monthpicker{display:table}.x-monthpicker-body{height:100%;position:relative}.x-monthpicker-months,.x-monthpicker-years{float:left}.x-monthpicker-item{float:left}.x-monthpicker-item-inner{display:block;text-decoration:none}.x-monthpicker-yearnav-button-ct{float:left;text-align:center}.x-monthpicker-yearnav-button{display:inline-block;outline:none;font-size:0}.x-monthpicker-buttons{width:100%}.x-datepicker .x-monthpicker-buttons{position:absolute;bottom:0}.x-datepicker-month .x-btn-split > .x-btn-button:after{content:none}.x-form-display-field-body{vertical-align:top}.x-form-file-btn{overflow:hidden;position:relative}.x-form-file-input{border:0;position:absolute;cursor:pointer;top:-2px;right:-2px;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;font-size:1000px}.x-form-item-hidden{margin:0}.x-tip{position:absolute;overflow:visible}.x-tip-body{overflow:hidden;position:relative}.x-tip-anchor{position:absolute;overflow:hidden;border-style:solid}.x-color-picker-item{float:left;text-decoration:none}.x-color-picker-item-inner{display:block;font-size:1px}.x-html-editor-tb .x-toolbar{position:static !important}.x-htmleditor-iframe,.x-htmleditor-textarea{display:block;overflow:auto;width:100%;height:100%;border:0}.x-tagfield-body{vertical-align:top}.x-tagfield{height:auto!important;cursor:text;overflow-y:auto}.x-tagfield .x-tagfield-list{padding:0;margin:0}.x-tagfield-list.x-tagfield-singleselect{white-space:nowrap;overflow:hidden}.x-tagfield-input,.x-tagfield-item{vertical-align:top;display:inline-block;position:relative}.x-tagfield-empty-input,.x-tagfield-input-field{font:inherit;border:0;margin:0;background:none;width:100%}.x-tagfield-emptyinput{display:none}.x-tagfield-stacked .x-tagfield-item{display:block}.x-tagfield-item{cursor:default}.x-tagfield-item-close{cursor:pointer;position:absolute}.x-fit-item{position:relative}.x-grid-view{overflow:hidden;position:relative}.x-grid-row-table{width:0;table-layout:fixed;border:0 none;border-collapse:separate;border-spacing:0}.x-grid-item{table-layout:fixed;outline:none}.x-grid-row{outline:none}.x-grid-td{overflow:hidden;border-width:0;vertical-align:top}.x-grid-cell-inner{overflow:hidden;white-space:nowrap}.x-wrap-cell .x-grid-cell-inner{white-space:normal}.x-grid-resize-marker{position:absolute;z-index:5;top:0}.x-col-move-top,.x-col-move-bottom{position:absolute;top:0;line-height:0;font-size:0;overflow:hidden;z-index:20000;background:no-repeat center top transparent}.x-grid-header-ct{cursor:default}.x-column-header{position:absolute;overflow:hidden;background-repeat:repeat-x}.x-column-header-inner{white-space:nowrap;position:relative;overflow:hidden}.x-leaf-column-header{height:100%}.x-leaf-column-header .x-column-header-text-container{height:100%}.x-column-header-text-container{width:100%;display:table;table-layout:fixed}.x-column-header-text-container.x-column-header-text-container-auto{table-layout:auto}.x-column-header-text-wrapper{display:table-cell;vertical-align:middle}.x-column-header-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-column-header-text-inner{background-repeat:no-repeat}.x-column-header-trigger{display:none;height:100%;background-repeat:no-repeat;position:absolute;right:0;top:0;z-index:4;text-align:center}.x-column-header-over .x-column-header-trigger,.x-column-header-open .x-column-header-trigger{display:block}.x-column-header-align-right{text-align:right}.x-column-header-align-left{text-align:left}.x-column-header-align-center{text-align:center}.x-grid-cell-inner-action-col{line-height:0;font-size:0}.x-grid-cell-inner-action-col :focus{outline:1px dotted #464646}.x-action-col-icon{display:inline-block;line-height:1}.x-grid-cell-inner-checkcolumn{line-height:0;font-size:0}.x-grid-cell-inner-checkcolumn :focus{outline:1px dotted #464646}.x-grid-checkcolumn{display:inline-block}.x-group-hd-container{overflow:hidden}.x-grid-group-hd{white-space:nowrap;outline:none}.x-grid-group-title{position:relative}.x-grid-row-body-hidden,.x-grid-group-collapsed{display:none}.x-grid-row-body-hidden{display:none}.x-menu{outline:none}.x-menu-item{white-space:nowrap;overflow:hidden;border-color:transparent;border-style:solid}.x-menu-item-cmp .x-field-label-cell{vertical-align:middle}.x-menu-icon-separator{position:absolute;top:0px;z-index:0;height:100%;overflow:hidden}.x-menu-plain .x-menu-icon-separator{display:none}.x-menu-item-link{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;text-decoration:none;outline:0;display:block}.x-menu-item-link-href{-webkit-touch-callout:default}.x-menu-item-text{display:inline-block}.x-menu-item-icon,.x-menu-item-icon-right,.x-menu-item-arrow{font-size:0;position:absolute;text-align:center;background-repeat:no-repeat}.x-grid-editor .x-form-cb-wrap{text-align:center}.x-grid-editor .x-form-cb{position:static}.x-grid-editor .x-form-display-field{margin:0;white-space:nowrap;overflow:hidden}.x-grid-editor div.x-form-action-col-field{line-height:0}.x-grid-row-editor-wrap{position:absolute;overflow:visible;z-index:2}.x-grid-row-editor{position:absolute}.x-grid-row-editor-buttons{position:absolute;white-space:nowrap}.x-grid-row-expander{font-size:0;line-height:0;text-align:center}.x-grid-row-expander:focus{outline:1px dotted #464646}.x-ssm-row-numberer-hd{cursor:se-resize!important}.x-ssm-row-numberer-cell{cursor:e-resize}.x-ssm-column-select .x-column-header{cursor:s-resize}.x-ssm-extender-drag-handle{position:absolute;z-index:1;cursor:crosshair}.x-ssm-extender-mask{position:absolute;z-index:1;pointer-events:none}.x-abs-layout-ct{position:relative}.x-abs-layout-item{position:absolute !important}.x-border-layout-ct{overflow:hidden}.x-border-layout-ct{position:relative}.x-border-region-slide-in{z-index:5}.x-region-collapsed-placeholder{z-index:4}.x-center-layout-item{position:absolute}.x-center-target{position:relative}.x-form-layout-wrap{display:table;width:100%;border-collapse:separate}.x-form-layout-colgroup{display:table-column-group}.x-form-layout-column{display:table-column}.x-form-layout-auto-label > * > .x-form-item-label{width:auto !important}.x-form-layout-auto-label > * > .x-form-item-label > .x-form-item-label-inner{width:auto !important;white-space:nowrap}.x-form-layout-auto-label > * > .x-form-layout-label-column{width:1px}.x-form-layout-sized-label > * > .x-form-item-label{width:auto !important}.x-form-form-item{display:table-row}.x-form-form-item > .x-form-item-label{padding-left:0 !important;padding-right:0 !important;padding-bottom:0 !important}.x-form-form-item > .x-form-item-body{max-width:none}.x-form-form-item.x-form-item-no-label:before{content:' ';display:table-cell;pointer-events:none}.x-resizable-wrapped{box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box}.x-column-header-checkbox .x-column-header-text{display:block;background-repeat:no-repeat;font-size:0}.x-grid-cell-row-checker{vertical-align:middle;text-align:center;background-repeat:no-repeat;font-size:0}.x-slider{outline:none;position:relative}.x-slider-inner{position:relative;left:0;top:0;overflow:visible}.x-slider-vert .x-slider-inner{background:repeat-y 0 0}.x-slider-thumb{position:absolute;background:no-repeat 0 0;cursor:default}.x-slider-horz .x-slider-thumb{left:0}.x-slider-vert .x-slider-thumb{bottom:0}.x-tab{display:block;outline:0;cursor:pointer;white-space:nowrap;text-decoration:none;vertical-align:top;overflow:hidden;position:relative}.x-tab > .x-frame{height:100%;width:100%}.x-tab-wrap{height:100%;width:100%;display:table;border-spacing:0}.x-tab-button{white-space:nowrap;line-height:0;position:relative;display:table-cell;vertical-align:middle}.x-tab-inner{overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle}.x-tab-icon.x-tab-no-text > .x-tab-inner{display:none}.x-tab-icon-el{display:none;vertical-align:middle;text-align:center;background-position:center center;background-repeat:no-repeat}.x-tab-icon > .x-tab-icon-el{display:inline-block}.x-tab-icon-top > .x-tab-icon-el,.x-tab-icon-bottom > .x-tab-icon-el{display:block}.x-tab-button-center{text-align:center}.x-tab-button-left{text-align:left}.x-tab-button-right{text-align:right}.x-tab-mc{overflow:visible}.x-tab{z-index:1}.x-tab-active{z-index:3}.x-tab-button{position:relative}.x-tab-close-btn{display:block;position:absolute;overflow:hidden;font-size:0;line-height:0}.x-tab-rotate-left{-webkit-transform:rotate(270deg);-webkit-transform-origin:100% 0;-moz-transform:rotate(270deg);-moz-transform-origin:100% 0;-ms-transform:rotate(270deg);-ms-transform-origin:100% 0;transform:rotate(270deg);transform-origin:100% 0}.x-ie8 .x-tab-rotate-left{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}.x-tab-rotate-right{-webkit-transform:rotate(90deg);-webkit-transform-origin:0 0;-moz-transform:rotate(90deg);-moz-transform-origin:0 0;-ms-transform:rotate(90deg);-ms-transform-origin:0 0;transform:rotate(90deg);transform-origin:0 0}.x-ie8 .x-tab-rotate-right{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1)}.x-tab-tr,.x-tab-br,.x-tab-mr,.x-tab-tl,.x-tab-bl,.x-tab-ml{width:1px}.x-tab-bar{z-index:0;position:relative}.x-tab-bar-body{position:relative}.x-tab-bar-strip{position:absolute;line-height:0;font-size:0;z-index:2}.x-tab-bar-top > .x-tab-bar-strip{bottom:0}.x-tab-bar-bottom > .x-tab-bar-strip{top:0}.x-tab-bar-left > .x-tab-bar-strip{right:0}.x-tab-bar-right > .x-tab-bar-strip{left:0}.x-tab-bar-horizontal .x-tab-bar-strip{width:100%;left:0}.x-tab-bar-vertical{display:table-cell}.x-tab-bar-vertical .x-tab-bar-strip{height:100%;top:0}.x-tab-bar-plain{background:transparent !important}.x-box-scroller-plain{background-color:transparent !important}.x-breadcrumb-btn .x-box-target:first-child{margin:0}.x-breadcrumb-btn > .x-btn-split-right > .x-btn-button:after{content:none}.x-breadcrumb-btn.x-btn-over > .x-btn-split-right > .x-btn-button:after,.x-breadcrumb-btn.x-btn-menu-active > .x-btn-split-right > .x-btn-button:after{content:''}.x-autowidth-table .x-grid-item{table-layout:auto;width:auto !important}.x-tree-view{overflow:hidden}.x-tree-elbow-img,.x-tree-icon{display:inline-block;text-align:center;background-repeat:no-repeat;background-position:0 center;vertical-align:top}.x-tree-checkbox{display:inline-block;vertical-align:top;position:relative}.x-tree-animator-wrap{overflow:hidden}.x-scroll-indicator{position:absolute;background-color:#000;opacity:0.5;border-radius:3px;margin:2px}.x-scroll-indicator-x{bottom:0;left:0;height:6px}.x-scroll-indicator-y{right:0;top:0;width:6px}.x-body{color:#000;font-size:12px;font-family:tahoma, arial, verdana, sans-serif}.x-animating-size,.x-collapsed{overflow:hidden!important}.x-editor .x-form-item-body{padding-bottom:0}.x-mask{background-image:none;background-color:rgba(204, 204, 204, 0.5);cursor:default;border-style:solid;border-width:1px;border-color:transparent}.x-ie8 .x-mask{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80cccccc, endColorstr=#80cccccc);zoom:1}.x-mask.x-focus{border-style:solid;border-width:1px;border-color:#c0d4ed}.x-mask-msg{padding:2px;border-style:solid;border-width:1px;border-color:#99bce8;background:#dfe9f6}.x-mask-msg-inner{padding:0 5px;border-style:solid;border-width:1px;border-color:#a3bad9;background-color:#eee;color:#222;font:normal 11px tahoma, arial, verdana, sans-serif}.x-mask-msg-text{padding:5px 5px 5px 20px;background-image:url(images/grid/loading.gif);background-repeat:no-repeat;background-position:0 center}.x-progress-default{background-color:#e0e8f3;border-width:1px;height:20px;border-color:#6594cf}.x-progress-default .x-progress-bar-default{background-image:none;background-color:#73a3e0;background-image:-webkit-gradient(linear, top, bottom, color-stop(0%, #b2ccee), color-stop(50%, #88b1e5), color-stop(51%, #73a3e0), color-stop(0%, #5e96db));background-image:-webkit-linear-gradient(top, #b2ccee, #88b1e5 50%, #73a3e0 51%, #5e96db);background-image:-moz-linear-gradient(top, #b2ccee, #88b1e5 50%, #73a3e0 51%, #5e96db);background-image:-o-linear-gradient(top, #b2ccee, #88b1e5 50%, #73a3e0 51%, #5e96db);background-image:-ms-linear-gradient(top, #b2ccee, #88b1e5 50%, #73a3e0 51%, #5e96db);background-image:linear-gradient(top, #b2ccee, #88b1e5 50%, #73a3e0 51%, #5e96db)}.x-nlg .x-progress-default .x-progress-bar-default{background:repeat-x;background-image:url(images/progress/progress-default-bg.gif)}.x-progress-default .x-progress-text{color:#fff;font-weight:bold;font-size:11px;font-family:tahoma, arial, verdana, sans-serif;text-align:center;line-height:18px}.x-progress-default .x-progress-text-back{color:#396295;line-height:18px}.x-cmd-slicer.x-progress-bar-default:before{display:none;content:"x-slicer:bg:url(images/progress/progress-default-bg.gif), stretch:bottom" !important}.x-progressbar-default-cell > .x-grid-cell-inner,.x-progressbarwidget-default-cell > .x-grid-cell-inner{padding-top:0px;padding-bottom:0px}.x-progressbar-default-cell > .x-grid-cell-inner .x-progress-default,.x-progressbarwidget-default-cell > .x-grid-cell-inner .x-progress-default{height:18px}.x-btn-default-small{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;padding:2px 2px 2px 2px;border-width:1px;border-style:solid;background-image:none;background-color:#fff;background-image:-webkit-gradient(linear, top, bottom, color-stop(0%, #fff), color-stop(48%, #f9f9f9), color-stop(52%, #e2e2e2), color-stop(0%, #e7e7e7));background-image:-webkit-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);background-image:-moz-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);background-image:-o-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);background-image:-ms-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);background-image:linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7)}.x-btn-default-small-mc{background-image:url(images/btn/btn-default-small-fbg.gif);background-position:0 top;background-color:#fff}.x-nbr .x-btn-default-small{padding:0 !important;border-width:0 !important;-webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;border-radius:0px;background-color:transparent !important;background-image:none;box-shadow:none !important}.x-btn-default-small-frameInfo{font-family:th-3-3-3-3-1-1-1-1-2-2-2-2}.x-btn-default-small-tl{background-position:0 -6px}.x-btn-default-small-tr{background-position:right -9px}.x-btn-default-small-bl{background-position:0 -12px}.x-btn-default-small-br{background-position:right -15px}.x-btn-default-small-ml{background-position:0 top}.x-btn-default-small-mr{background-position:right top}.x-btn-default-small-tc{background-position:0 0}.x-btn-default-small-bc{background-position:0 -3px}.x-btn-default-small-tr,.x-btn-default-small-br,.x-btn-default-small-mr{padding-right:3px}.x-btn-default-small-tl,.x-btn-default-small-bl,.x-btn-default-small-ml{padding-left:3px}.x-btn-default-small-tc{height:3px}.x-btn-default-small-bc{height:3px}.x-btn-default-small-tl,.x-btn-default-small-bl,.x-btn-default-small-tr,.x-btn-default-small-br,.x-btn-default-small-tc,.x-btn-default-small-bc,.x-btn-default-small-ml,.x-btn-default-small-mr{background-image:url(images/btn/btn-default-small-corners.gif)}.x-btn-default-small-ml,.x-btn-default-small-mr{background-image:url(images/btn/btn-default-small-sides.gif)}.x-btn-default-small-mc{padding:0px 0px 0px 0px}.x-cmd-slicer.x-btn-default-small:before{display:none;content:"x-slicer:stretch:bottom, frame:3px 3px 3px 3px, frame-bg:url(images/btn/btn-default-small-fbg.gif), corners:url(images/btn/btn-default-small-corners.gif), sides:url(images/btn/btn-default-small-sides.gif)" !important}.x-btn-default-small{border-color:#d1d1d1}.x-btn-button-default-small{min-height:16px}.x-ie9m .x-btn-button-default-small{min-height:auto;height:16px}.x-btn-inner-default-small{font:normal 11px/16px tahoma, arial, verdana, sans-serif;color:#333;padding:0 4px;max-width:100%}.x-btn-icon-right > .x-btn-inner-default-small,.x-btn-icon-left > .x-btn-inner-default-small{max-width:calc(100% - 16px)}.x-ie10p .x-btn-inner-default-small{max-width:none}.x-btn-icon-el-default-small{font-size:16px;height:16px;color:#333;line-height:16px}.x-btn-icon-left > .x-btn-icon-el-default-small,.x-btn-icon-right > .x-btn-icon-el-default-small{width:16px}.x-btn-icon-top > .x-btn-icon-el-default-small,.x-btn-icon-bottom > .x-btn-icon-el-default-small{min-width:16px}.x-btn-icon-el-default-small.x-btn-glyph{opacity:0.5}.x-ie8 .x-btn-icon-el-default-small.x-btn-glyph{color:#999}.x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-small{margin-right:0px}.x-btn-text.x-btn-icon-right > .x-btn-icon-el-default-small{margin-left:0px}.x-btn-text.x-btn-icon-top > .x-btn-icon-el-default-small{margin-bottom:4px}.x-btn-text.x-btn-icon-bottom > .x-btn-icon-el-default-small{margin-top:4px}.x-btn-arrow-right > .x-btn-icon.x-btn-no-text.x-btn-button-default-small{padding-right:4px}.x-btn-arrow-right > .x-btn-text.x-btn-icon-right > .x-btn-icon-el-default-small{margin-right:4px}.x-btn-arrow-bottom > .x-btn-button-default-small,.x-btn-split-bottom > .x-btn-button-default-small{padding-bottom:2px}.x-btn-wrap-default-small.x-btn-arrow-right:after{width:8px;background-image:url(images/button/arrow.gif);padding-right:8px}.x-btn-wrap-default-small.x-btn-arrow-bottom:after{height:8px;background-image:url(images/button/arrow.gif)}.x-btn-wrap-default-small.x-btn-split-right:after{width:14px;background-image:url(images/button/s-arrow.gif);padding-right:14px}.x-btn-wrap-default-small.x-btn-split-bottom:after{height:14px;background-image:url(images/button/s-arrow-b.gif)}.x-btn-over > .x-btn-wrap-default-small.x-btn-split-right:after{background-image:url(images/button/s-arrow-o.gif)}.x-btn-over > .x-btn-wrap-default-small.x-btn-split-bottom:after{background-image:url(images/button/s-arrow-bo.gif)}.x-btn-split-right > .x-btn-icon.x-btn-no-text.x-btn-button-default-small{padding-right:4px}.x-btn-split-right > .x-btn-text.x-btn-icon-right > .x-btn-icon-el-default-small{margin-right:4px}.x-btn-focus.x-btn-default-small{border-color:#b0ccf2;background-image:none;background-color:#fff;background-image:-webkit-gradient(linear, top, bottom, color-stop(0%, #fff), color-stop(48%, #f9f9f9), color-stop(52%, #e7e7e7), color-stop(0%, #ececec));background-image:-webkit-linear-gradient(top, #fff, #f9f9f9 48%, #e7e7e7 52%, #ececec);background-image:-moz-linear-gradient(top, #fff, #f9f9f9 48%, #e7e7e7 52%, #ececec);background-image:-o-linear-gradient(top, #fff, #f9f9f9 48%, #e7e7e7 52%, #ececec);background-image:-ms-linear-gradient(top, #fff, #f9f9f9 48%, #e7e7e7 52%, #ececec);background-image:linear-gradient(top, #fff, #f9f9f9 48%, #e7e7e7 52%, #ececec)}.x-btn-focus.x-btn-default-small .x-btn-wrap{outline:1px dotted #333}.x-btn-default-small .x-btn-arrow-el{position:absolute;top:0;right:0;height:100%;width:16px;pointer-events:none}.x-btn-over.x-btn-default-small{border-color:#b0ccf2;background-image:none;background-color:#e4f3ff;background-image:-webkit-gradient(linear, top, bottom, color-stop(0%, #e4f3ff), color-stop(48%, #d9edff), color-stop(52%, #c2d8f2), color-stop(0%, #c6dcf6));background-image:-webkit-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);background-image:-moz-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);background-image:-o-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);background-image:-ms-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);background-image:linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6)}.x-btn.x-btn-menu-active.x-btn-default-small,.x-btn.x-btn-pressed.x-btn-default-small{border-color:#9ebae1;background-image:none;background-color:#b6cbe4;background-image:-webkit-gradient(linear, top, bottom, color-stop(0%, #b6cbe4), color-stop(48%, #bfd2e6), color-stop(52%, #8dc0f5), color-stop(0%, #98c5f5));background-image:-webkit-linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);background-image:-moz-linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);background-image:-o-linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);background-image:-ms-linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);background-image:linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5)}.x-btn.x-btn-disabled.x-btn-default-small{border-color:#e1e1e1;background-image:none;background-color:#f7f7f7;background-image:-webkit-gradient(linear, top, bottom, color-stop(0%, #f7f7f7), color-stop(48%, #f1f1f1), color-stop(52%, #dadada), color-stop(0%, #dfdfdf));background-image:-webkit-linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);background-image:-moz-linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);background-image:-o-linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);background-image:-ms-linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);background-image:linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf)}.x-btn-focus .x-btn-default-small-tl,.x-btn-focus .x-btn-default-small-bl,.x-btn-focus .x-btn-default-small-tr,.x-btn-focus .x-btn-default-small-br,.x-btn-focus .x-btn-default-small-tc,.x-btn-focus .x-btn-default-small-bc{background-image:url(images/btn/btn-default-small-focus-corners.gif)}.x-btn-focus .x-btn-default-small-ml,.x-btn-focus .x-btn-default-small-mr{background-image:url(images/btn/btn-default-small-focus-sides.gif)}.x-btn-focus .x-btn-default-small-mc{background-color:#fff;background-image:url(images/btn/btn-default-small-focus-fbg.gif)}.x-btn-over .x-btn-default-small-tl,.x-btn-over .x-btn-default-small-bl,.x-btn-over .x-btn-default-small-tr,.x-btn-over .x-btn-default-small-br,.x-btn-over .x-btn-default-small-tc,.x-btn-over .x-btn-default-small-bc{background-image:url(images/btn/btn-default-small-over-corners.gif)}.x-btn-over .x-btn-default-small-ml,.x-btn-over .x-btn-default-small-mr{background-image:url(images/btn/btn-default-small-over-sides.gif)}.x-btn-over .x-btn-default-small-mc{background-color:#e4f3ff;background-image:url(images/btn/btn-default-small-over-fbg.gif)}.x-btn-focus.x-btn-over .x-btn-default-small-tl,.x-btn-focus.x-btn-over .x-btn-default-small-bl,.x-btn-focus.x-btn-over .x-btn-default-small-tr,.x-btn-focus.x-btn-over .x-btn-default-small-br,.x-btn-focus.x-btn-over .x-btn-default-small-tc,.x-btn-focus.x-btn-over .x-btn-default-small-bc{background-image:url(images/btn/btn-default-small-focus-over-corners.gif)}.x-btn-focus.x-btn-over .x-btn-default-small-ml,.x-btn-focus.x-btn-over .x-btn-default-small-mr{background-image:url(images/btn/btn-default-small-focus-over-sides.gif)}.x-btn-focus.x-btn-over .x-btn-default-small-mc{background-color:#e4f3ff;background-image:url(images/btn/btn-default-small-focus-over-fbg.gif)}.x-btn.x-btn-menu-active .x-btn-default-small-tl,.x-btn.x-btn-menu-active .x-btn-default-small-bl,.x-btn.x-btn-menu-active .x-btn-default-small-tr,.x-btn.x-btn-menu-active .x-btn-default-small-br,.x-btn.x-btn-menu-active .x-btn-default-small-tc,.x-btn.x-btn-menu-active .x-btn-default-small-bc,.x-btn.x-btn-pressed .x-btn-default-small-tl,.x-btn.x-btn-pressed .x-btn-default-small-bl,.x-btn.x-btn-pressed .x-btn-default-small-tr,.x-btn.x-btn-pressed .x-btn-default-small-br,.x-btn.x-btn-pressed .x-btn-default-small-tc,.x-btn.x-btn-pressed .x-btn-default-small-bc{background-image:url(images/btn/btn-default-small-pressed-corners.gif)}.x-btn.x-btn-menu-active .x-btn-default-small-ml,.x-btn.x-btn-menu-active .x-btn-default-small-mr,.x-btn.x-btn-pressed .x-btn-default-small-ml,.x-btn.x-btn-pressed .x-btn-default-small-mr{background-image:url(images/btn/btn-default-small-pressed-sides.gif)}.x-btn.x-btn-menu-active .x-btn-default-small-mc,.x-btn.x-btn-pressed .x-btn-default-small-mc{background-color:#b6cbe4;background-image:url(images/btn/btn-default-small-pressed-fbg.gif)}.x-btn-focus.x-btn-menu-active .x-btn-default-small-tl,.x-btn-focus.x-btn-menu-active .x-btn-default-small-bl,.x-btn-focus.x-btn-menu-active .x-btn-default-small-tr,.x-btn-focus.x-btn-menu-active .x-btn-default-small-br,.x-btn-focus.x-btn-menu-active .x-btn-default-small-tc,.x-btn-focus.x-btn-menu-active .x-btn-default-small-bc,.x-btn-focus.x-btn-pressed .x-btn-default-small-tl,.x-btn-focus.x-btn-pressed .x-btn-default-small-bl,.x-btn-focus.x-btn-pressed .x-btn-default-small-tr,.x-btn-focus.x-btn-pressed .x-btn-default-small-br,.x-btn-focus.x-btn-pressed .x-btn-default-small-tc,.x-btn-focus.x-btn-pressed .x-btn-default-small-bc{background-image:url(images/btn/btn-default-small-focus-pressed-corners.gif)}.x-btn-focus.x-btn-menu-active .x-btn-default-small-ml,.x-btn-focus.x-btn-menu-active .x-btn-default-small-mr,.x-btn-focus.x-btn-pressed .x-btn-default-small-ml,.x-btn-focus.x-btn-pressed .x-btn-default-small-mr{background-image:url(images/btn/btn-default-small-focus-pressed-sides.gif)}.x-btn-focus.x-btn-menu-active .x-btn-default-small-mc,.x-btn-focus.x-btn-pressed .x-btn-default-small-mc{background-color:#b6cbe4;background-image:url(images/btn/btn-default-small-focus-pressed-fbg.gif)}.x-btn.x-btn-disabled .x-btn-default-small-tl,.x-btn.x-btn-disabled .x-btn-default-small-bl,.x-btn.x-btn-disabled .x-btn-default-small-tr,.x-btn.x-btn-disabled .x-btn-default-small-br,.x-btn.x-btn-disabled .x-btn-default-small-tc,.x-btn.x-btn-disabled .x-btn-default-small-bc{background-image:url(images/btn/btn-default-small-disabled-corners.gif)}.x-btn.x-btn-disabled .x-btn-default-small-ml,.x-btn.x-btn-disabled .x-btn-default-small-mr{background-image:url(images/btn/btn-default-small-disabled-sides.gif)}.x-btn.x-btn-disabled .x-btn-default-small-mc{background-color:#f7f7f7;background-image:url(images/btn/btn-default-small-disabled-fbg.gif)}.x-nbr .x-btn-default-small{background-image:none}.x-btn-disabled.x-btn-default-small .x-btn-inner,.x-btn-disabled.x-btn-default-small .x-btn-icon-el{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5}.x-nbr .x-segmented-button-item-horizontal.x-btn-default-small.x-segmented-button-first{border-right-width:1px !important}.x-nbr .x-segmented-button-item-horizontal.x-btn-default-small.x-segmented-button-first .x-btn-default-small-mc{padding-right:2px !important}.x-nbr .x-segmented-button-item-horizontal.x-btn-default-small.x-segmented-button-middle{border-right-width:1px !important}.x-nbr .x-segmented-button-item-horizontal.x-btn-default-small.x-segmented-button-middle .x-btn-default-small-mc{padding-right:2px !important;padding-left:2px !important}.x-nbr .x-segmented-button-item-horizontal.x-btn-default-small.x-segmented-button-last .x-btn-default-small-mc{padding-left:2px !important}.x-nbr .x-segmented-button-item-vertical.x-btn-default-small.x-segmented-button-first{border-bottom-width:1px !important}.x-nbr .x-segmented-button-item-vertical.x-btn-default-small.x-segmented-button-first .x-btn-default-small-mc{padding-bottom:2px !important}.x-nbr .x-segmented-button-item-vertical.x-btn-default-small.x-segmented-button-middle{border-bottom-width:1px !important}.x-nbr .x-segmented-button-item-vertical.x-btn-default-small.x-segmented-button-middle .x-btn-default-small-mc{padding-top:2px !important;padding-bottom:2px !important}.x-nbr .x-segmented-button-item-vertical.x-btn-default-small.x-segmented-button-last .x-btn-default-small-mc{padding-top:2px !important}.x-nbr .x-segmented-button-item.x-btn-default-small:after{content:' ';border-style:solid;border-width:0;position:absolute}.x-nbr .x-segmented-button-item-horizontal.x-btn-default-small:after{top:1px;right:0;bottom:1px;left:0}.x-nbr .x-segmented-button-item-horizontal.x-btn-default-small.x-segmented-button-first:after{left:1px}.x-nbr .x-segmented-button-item-horizontal.x-btn-default-small.x-segmented-button-last:after{right:1px}.x-nbr .x-segmented-button-item-vertical.x-btn-default-small:after{top:0;right:1px;bottom:0;left:1px}.x-nbr .x-segmented-button-item-vertical.x-btn-default-small.x-segmented-button-first:after{top:1px}.x-nbr .x-segmented-button-item-vertical.x-btn-default-small.x-segmented-button-last:after{bottom:1px}.x-cmd-slicer.x-btn-focus.x-btn-default-small:before{display:none;content:"x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-small-focus-corners.gif), sides:url(images/btn/btn-default-small-focus-sides.gif), frame-bg:url(images/btn/btn-default-small-focus-fbg.gif)" !important}.x-cmd-slicer.x-btn-over.x-btn-default-small:before{display:none;content:"x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-small-over-corners.gif), sides:url(images/btn/btn-default-small-over-sides.gif), frame-bg:url(images/btn/btn-default-small-over-fbg.gif)" !important}.x-cmd-slicer.x-btn-focus.x-btn-over.x-btn-default-small:before{display:none;content:"x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-small-focus-over-corners.gif), sides:url(images/btn/btn-default-small-focus-over-sides.gif), frame-bg:url(images/btn/btn-default-small-focus-over-fbg.gif)" !important}.x-cmd-slicer.x-btn-pressed.x-btn-default-small:before{display:none;content:"x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-small-pressed-corners.gif), sides:url(images/btn/btn-default-small-pressed-sides.gif), frame-bg:url(images/btn/btn-default-small-pressed-fbg.gif)" !important}.x-cmd-slicer.x-btn-focus.x-btn-pressed.x-btn-default-small:before{display:none;content:"x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-small-focus-pressed-corners.gif), sides:url(images/btn/btn-default-small-focus-pressed-sides.gif), frame-bg:url(images/btn/btn-default-small-focus-pressed-fbg.gif)" !important}.x-cmd-slicer.x-btn-disabled.x-btn-default-small:before{display:none;content:"x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-small-disabled-corners.gif), sides:url(images/btn/btn-default-small-disabled-sides.gif), frame-bg:url(images/btn/btn-default-small-disabled-fbg.gif)" !important}.x-button-default-small-cell > .x-grid-cell-inner{padding-top:0;padding-bottom:0}.x-button-default-small-cell > .x-grid-cell-inner >.x-btn-default-small{vertical-align:top}.x-btn-default-medium{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;padding:3px 3px 3px 3px;border-width:1px;border-style:solid;background-image:none;background-color:#fff;background-image:-webkit-gradient(linear, top, bottom, color-stop(0%, #fff), color-stop(48%, #f9f9f9), color-stop(52%, #e2e2e2), color-stop(0%, #e7e7e7));background-image:-webkit-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);background-image:-moz-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);background-image:-o-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);background-image:-ms-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);background-image:linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7)}.x-btn-default-medium-mc{background-image:url(images/btn/btn-default-medium-fbg.gif);background-position:0 top;background-color:#fff}.x-nbr .x-btn-default-medium{padding:0 !important;border-width:0 !important;-webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;border-radius:0px;background-color:transparent !important;background-image:none;box-shadow:none !important}.x-btn-default-medium-frameInfo{font-family:th-3-3-3-3-1-1-1-1-3-3-3-3}.x-btn-default-medium-tl{background-position:0 -6px}.x-btn-default-medium-tr{background-position:right -9px}.x-btn-default-medium-bl{background-position:0 -12px}.x-btn-default-medium-br{background-position:right -15px}.x-btn-default-medium-ml{background-position:0 top}.x-btn-default-medium-mr{background-position:right top}.x-btn-default-medium-tc{background-position:0 0}.x-btn-default-medium-bc{background-position:0 -3px}.x-btn-default-medium-tr,.x-btn-default-medium-br,.x-btn-default-medium-mr{padding-right:3px}.x-btn-default-medium-tl,.x-btn-default-medium-bl,.x-btn-default-medium-ml{padding-left:3px}.x-btn-default-medium-tc{height:3px}.x-btn-default-medium-bc{height:3px}.x-btn-default-medium-tl,.x-btn-default-medium-bl,.x-btn-default-medium-tr,.x-btn-default-medium-br,.x-btn-default-medium-tc,.x-btn-default-medium-bc,.x-btn-default-medium-ml,.x-btn-default-medium-mr{background-image:url(images/btn/btn-default-medium-corners.gif)}.x-btn-default-medium-ml,.x-btn-default-medium-mr{background-image:url(images/btn/btn-default-medium-sides.gif)}.x-btn-default-medium-mc{padding:1px 1px 1px 1px}.x-cmd-slicer.x-btn-default-medium:before{display:none;content:"x-slicer:stretch:bottom, frame:3px 3px 3px 3px, frame-bg:url(images/btn/btn-default-medium-fbg.gif), corners:url(images/btn/btn-default-medium-corners.gif), sides:url(images/btn/btn-default-medium-sides.gif)" !important}.x-btn-default-medium{border-color:#d1d1d1}.x-btn-button-default-medium{min-height:24px}.x-ie9m .x-btn-button-default-medium{min-height:auto;height:24px}.x-btn-inner-default-medium{font:normal 11px/16px tahoma, arial, verdana, sans-serif;color:#333;padding:0 4px;max-width:100%}.x-btn-icon-right > .x-btn-inner-default-medium,.x-btn-icon-left > .x-btn-inner-default-medium{max-width:calc(100% - 24px)}.x-ie10p .x-btn-inner-default-medium{max-width:none}.x-btn-icon-el-default-medium{font-size:24px;height:24px;color:#333;line-height:24px}.x-btn-icon-left > .x-btn-icon-el-default-medium,.x-btn-icon-right > .x-btn-icon-el-default-medium{width:24px}.x-btn-icon-top > .x-btn-icon-el-default-medium,.x-btn-icon-bottom > .x-btn-icon-el-default-medium{min-width:24px}.x-btn-icon-el-default-medium.x-btn-glyph{opacity:0.5}.x-ie8 .x-btn-icon-el-default-medium.x-btn-glyph{color:#999}.x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-medium{margin-right:0px}.x-btn-text.x-btn-icon-right > .x-btn-icon-el-default-medium{margin-left:0px}.x-btn-text.x-btn-icon-top > .x-btn-icon-el-default-medium{margin-bottom:4px}.x-btn-text.x-btn-icon-bottom > .x-btn-icon-el-default-medium{margin-top:4px}.x-btn-arrow-right > .x-btn-icon.x-btn-no-text.x-btn-button-default-medium{padding-right:4px}.x-btn-arrow-right > .x-btn-text.x-btn-icon-right > .x-btn-icon-el-default-medium{margin-right:4px}.x-btn-arrow-bottom > .x-btn-button-default-medium,.x-btn-split-bottom > .x-btn-button-default-medium{padding-bottom:3px}.x-btn-wrap-default-medium.x-btn-arrow-right:after{width:8px;background-image:url(images/button/arrow.gif);padding-right:8px}.x-btn-wrap-default-medium.x-btn-arrow-bottom:after{height:8px;background-image:url(images/button/arrow.gif)}.x-btn-wrap-default-medium.x-btn-split-right:after{width:14px;background-image:url(images/button/s-arrow.gif);padding-right:14px}.x-btn-wrap-default-medium.x-btn-split-bottom:after{height:14px;background-image:url(images/button/s-arrow-b.gif)}.x-btn-over > .x-btn-wrap-default-medium.x-btn-split-right:after{background-image:url(images/button/s-arrow-o.gif)}.x-btn-over > .x-btn-wrap-default-medium.x-btn-split-bottom:after{background-image:url(images/button/s-arrow-bo.gif)}.x-btn-split-right > .x-btn-icon.x-btn-no-text.x-btn-button-default-medium{padding-right:4px}.x-btn-split-right > .x-btn-text.x-btn-icon-right > .x-btn-icon-el-default-medium{margin-right:4px}.x-btn-focus.x-btn-default-medium{border-color:#b0ccf2;background-image:none;background-color:#fff;background-image:-webkit-gradient(linear, top, bottom, color-stop(0%, #fff), color-stop(48%, #f9f9f9), color-stop(52%, #e7e7e7), color-stop(0%, #ececec));background-image:-webkit-linear-gradient(top, #fff, #f9f9f9 48%, #e7e7e7 52%, #ececec);background-image:-moz-linear-gradient(top, #fff, #f9f9f9 48%, #e7e7e7 52%, #ececec);background-image:-o-linear-gradient(top, #fff, #f9f9f9 48%, #e7e7e7 52%, #ececec);background-image:-ms-linear-gradient(top, #fff, #f9f9f9 48%, #e7e7e7 52%, #ececec);background-image:linear-gradient(top, #fff, #f9f9f9 48%, #e7e7e7 52%, #ececec)}.x-btn-focus.x-btn-default-medium .x-btn-wrap{outline:1px dotted #333}.x-btn-default-medium .x-btn-arrow-el{position:absolute;top:0;right:0;height:100%;width:17px;pointer-events:none}.x-btn-over.x-btn-default-medium{border-color:#b0ccf2;background-image:none;background-color:#e4f3ff;background-image:-webkit-gradient(linear, top, bottom, color-stop(0%, #e4f3ff), color-stop(48%, #d9edff), color-stop(52%, #c2d8f2), color-stop(0%, #c6dcf6));background-image:-webkit-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);background-image:-moz-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);background-image:-o-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);background-image:-ms-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);background-image:linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6)}.x-btn.x-btn-menu-active.x-btn-default-medium,.x-btn.x-btn-pressed.x-btn-default-medium{border-color:#9ebae1;background-image:none;background-color:#b6cbe4;background-image:-webkit-gradient(linear, top, bottom, color-stop(0%, #b6cbe4), color-stop(48%, #bfd2e6), color-stop(52%, #8dc0f5), color-stop(0%, #98c5f5));background-image:-webkit-linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);background-image:-moz-linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);background-image:-o-linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);background-image:-ms-linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);background-image:linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5)}.x-btn.x-btn-disabled.x-btn-default-medium{border-color:#e1e1e1;background-image:none;background-color:#f7f7f7;background-image:-webkit-gradient(linear, top, bottom, color-stop(0%, #f7f7f7), color-stop(48%, #f1f1f1), color-stop(52%, #dadada), color-stop(0%, #dfdfdf));background-image:-webkit-linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);background-image:-moz-linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);background-image:-o-linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);background-image:-ms-linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);background-image:linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf)}.x-btn-focus .x-btn-default-medium-tl,.x-btn-focus .x-btn-default-medium-bl,.x-btn-focus .x-btn-default-medium-tr,.x-btn-focus .x-btn-default-medium-br,.x-btn-focus .x-btn-default-medium-tc,.x-btn-focus .x-btn-default-medium-bc{background-image:url(images/btn/btn-default-medium-focus-corners.gif)}.x-btn-focus .x-btn-default-medium-ml,.x-btn-focus .x-btn-default-medium-mr{background-image:url(images/btn/btn-default-medium-focus-sides.gif)}.x-btn-focus .x-btn-default-medium-mc{background-color:#fff;back