* @class Roo.LayoutRegion
* @extends Roo.BasicLayoutRegion
* This class represents a region in a layout manager.
- * @cfg {Boolean} collapsible False to disable collapsing (defaults to true)
- * @cfg {Boolean} collapsed True to set the initial display to collapsed (defaults to false)
- * @cfg {Boolean} floatable False to disable floating (defaults to true)
- * @cfg {Object} margins Margins for the element (defaults to {top: 0, left: 0, right:0, bottom: 0})
- * @cfg {Object} cmargins Margins for the element when collapsed (defaults to: north/south {top: 2, left: 0, right:0, bottom: 2} or east/west {top: 0, left: 2, right:2, bottom: 0})
- * @cfg {String} tabPosition "top" or "bottom" (defaults to "bottom")
- * @cfg {String} collapsedTitle Optional string message to display in the collapsed block of a north or south region
- * @cfg {Boolean} alwaysShowTabs True to always display tabs even when there is only 1 panel (defaults to false)
- * @cfg {Boolean} autoScroll True to enable overflow scrolling (defaults to false)
- * @cfg {Boolean} titlebar True to display a title bar (defaults to true)
- * @cfg {String} title The title for the region (overrides panel titles)
- * @cfg {Boolean} animate True to animate expand/collapse (defaults to false)
- * @cfg {Boolean} autoHide False to disable auto hiding when the mouse leaves the "floated" region (defaults to true)
- * @cfg {Boolean} preservePanels True to preserve removed panels so they can be readded later (defaults to false)
- * @cfg {Boolean} closeOnTab True to place the close icon on the tabs instead of the region titlebar (defaults to false)
- * @cfg {Boolean} hideTabs True to hide the tab strip (defaults to false)
- * @cfg {Boolean} resizeTabs True to enable automatic tab resizing. This will resize the tabs so they are all the same size and fit within
- * the space available, similar to FireFox 1.5 tabs (defaults to false)
- * @cfg {Number} minTabWidth The minimum tab width (defaults to 40)
- * @cfg {Number} preferredTabWidth The preferred tab width (defaults to 150)
- * @cfg {Boolean} showPin True to show a pin button
-* @cfg {Boolean} hidden True to start the region hidden (defaults to false)
-* @cfg {Boolean} hideWhenEmpty True to hide the region when it has no panels
-* @cfg {Boolean} disableTabTips True to disable tab tooltips
-* @cfg {Number} width For East/West panels
-* @cfg {Number} height For North/South panels
-* @cfg {Boolean} split To show the splitter
+ * @cfg {Boolean} collapsible False to disable collapsing (defaults to true)
+ * @cfg {Boolean} collapsed True to set the initial display to collapsed (defaults to false)
+ * @cfg {Boolean} floatable False to disable floating (defaults to true)
+ * @cfg {Object} margins Margins for the element (defaults to {top: 0, left: 0, right:0, bottom: 0})
+ * @cfg {Object} cmargins Margins for the element when collapsed (defaults to: north/south {top: 2, left: 0, right:0, bottom: 2} or east/west {top: 0, left: 2, right:2, bottom: 0})
+ * @cfg {String} tabPosition "top" or "bottom" (defaults to "bottom")
+ * @cfg {String} collapsedTitle Optional string message to display in the collapsed block of a north or south region
+ * @cfg {Boolean} alwaysShowTabs True to always display tabs even when there is only 1 panel (defaults to false)
+ * @cfg {Boolean} autoScroll True to enable overflow scrolling (defaults to false)
+ * @cfg {Boolean} titlebar True to display a title bar (defaults to true)
+ * @cfg {String} title The title for the region (overrides panel titles)
+ * @cfg {Boolean} animate True to animate expand/collapse (defaults to false)
+ * @cfg {Boolean} autoHide False to disable auto hiding when the mouse leaves the "floated" region (defaults to true)
+ * @cfg {Boolean} preservePanels True to preserve removed panels so they can be readded later (defaults to false)
+ * @cfg {Boolean} closeOnTab True to place the close icon on the tabs instead of the region titlebar (defaults to false)
+ * @cfg {Boolean} hideTabs True to hide the tab strip (defaults to false)
+ * @cfg {Boolean} resizeTabs True to enable automatic tab resizing. This will resize the tabs so they are all the same size and fit within
+ * the space available, similar to FireFox 1.5 tabs (defaults to false)
+ * @cfg {Number} minTabWidth The minimum tab width (defaults to 40)
+ * @cfg {Number} preferredTabWidth The preferred tab width (defaults to 150)
+ * @cfg {Boolean} showPin True to show a pin button
+ * @cfg {Boolean} hidden True to start the region hidden (defaults to false)
+ * @cfg {Boolean} hideWhenEmpty True to hide the region when it has no panels
+ * @cfg {Boolean} disableTabTips True to disable tab tooltips
+ * @cfg {Number} width For East/West panels
+ * @cfg {Number} height For North/South panels
+ * @cfg {Boolean} split To show the splitter
+ * @cfg {Boolean} toolbar xtype configuration for a toolbar - shows on right of tabbar
*/
Roo.LayoutRegion = function(mgr, config, pos){
Roo.LayoutRegion.superclass.constructor.call(this, mgr, config, pos, true);
// overridden
},
- initTabs : function(){
+ initTabs : function()
+ {
this.bodyEl.setStyle("overflow", "hidden");
- var ts = new Roo.TabPanel(this.bodyEl.dom, {
- tabPosition: this.bottomTabs ? 'bottom' : 'top',
- disableTooltips: this.config.disableTabTips
- });
+ var ts = new Roo.TabPanel(
+ this.bodyEl.dom,
+ {
+ tabPosition: this.bottomTabs ? 'bottom' : 'top',
+ disableTooltips: this.config.disableTabTips,
+ toolbar : this.config.toolbar
+ }
+ );
if(this.config.hideTabs){
ts.stripWrap.setDisplayed(false);
}
-/*
+ /*
* Based on:
* Ext JS Library 1.1.1
* Copyright(c) 2006-2007, Ext JS, LLC.
Roo.fly(this.stripWrap.dom.firstChild).setStyle("overflow-x", "hidden");
}
if(this.tabPosition != "bottom"){
- /** The body element that contains {@link Roo.TabPanelItem} bodies.
- * @type Roo.Element
- */
- this.bodyEl = Roo.get(this.createBody(this.el.dom));
- this.el.addClass("x-tabs-top");
+ /** The body element that contains {@link Roo.TabPanelItem} bodies. +
+ * @type Roo.Element
+ */
+ this.bodyEl = Roo.get(this.createBody(this.el.dom));
+ this.el.addClass("x-tabs-top");
}
this.items = [];
this.cpad = this.el.getPadding("lr");
this.hiddenCount = 0;
+
+ // toolbar on the tabbar support...
+ if (this.toolbar) {
+ var tcfg = this.toolbar;
+ tcfg.container = this.stripEl.child('td.x-tab-strip-toolbar');
+ this.toolbar = new Roo.Toolbar(tcfg);
+ if (Roo.isSafari) {
+ var tbl = tcfg.container.child('table', true);
+ tbl.setAttribute('width', '100%');
+ }
+
+ }
+
+
+
Roo.TabPanel.superclass.constructor.call(this);
};
Roo.extend(Roo.TabPanel, Roo.util.Observable, {
- /*
- *@cfg {String} tabPosition "top" or "bottom" (defaults to "top")
- */
+ /*
+ *@cfg {String} tabPosition "top" or "bottom" (defaults to "top")
+ */
tabPosition : "top",
- /*
- *@cfg {Number} currentTabWidth The width of the current tab (defaults to 0)
- */
+ /*
+ *@cfg {Number} currentTabWidth The width of the current tab (defaults to 0)
+ */
currentTabWidth : 0,
- /*
- *@cfg {Number} minTabWidth The minimum width of a tab (defaults to 40) (ignored if {@link #resizeTabs} is not true)
- */
+ /*
+ *@cfg {Number} minTabWidth The minimum width of a tab (defaults to 40) (ignored if {@link #resizeTabs} is not true)
+ */
minTabWidth : 40,
- /*
- *@cfg {Number} maxTabWidth The maximum width of a tab (defaults to 250) (ignored if {@link #resizeTabs} is not true)
- */
+ /*
+ *@cfg {Number} maxTabWidth The maximum width of a tab (defaults to 250) (ignored if {@link #resizeTabs} is not true)
+ */
maxTabWidth : 250,
- /*
- *@cfg {Number} preferredTabWidth The preferred (default) width of a tab (defaults to 175) (ignored if {@link #resizeTabs} is not true)
- */
+ /*
+ *@cfg {Number} preferredTabWidth The preferred (default) width of a tab (defaults to 175) (ignored if {@link #resizeTabs} is not true)
+ */
preferredTabWidth : 175,
- /*
- *@cfg {Boolean} resizeTabs True to enable dynamic tab resizing (defaults to false)
- */
+ /*
+ *@cfg {Boolean} resizeTabs True to enable dynamic tab resizing (defaults to false)
+ */
resizeTabs : false,
- /*
- *@cfg {Boolean} monitorResize Set this to true to turn on window resize monitoring (ignored if {@link #resizeTabs} is not true) (defaults to true)
- */
+ /*
+ *@cfg {Boolean} monitorResize Set this to true to turn on window resize monitoring (ignored if {@link #resizeTabs} is not true) (defaults to true)
+ */
monitorResize : true,
+ /*
+ *@cfg {Object} toolbar xtype description of toolbar to show at the right of the tab bar.
+ */
+ toolbar : false,
/**
* Creates a new {@link Roo.TabPanelItem} by looking for an existing element with the provided id -- if it's not found it creates one.
/** @private */
Roo.TabPanel.prototype.createStripList = function(strip){
// div wrapper for retard IE
- strip.innerHTML = '<div class="x-tabs-strip-wrap"><table class="x-tabs-strip" cellspacing="0" cellpadding="0" border="0"><tbody><tr></tr></tbody></table></div>';
+ // returns the "tr" element.
+ strip.innerHTML = '<div class="x-tabs-strip-wrap">'+
+ '<table class="x-tabs-strip" cellspacing="0" cellpadding="0" border="0"><tbody><tr>'+
+ '<td class="x-tab-strip-toolbar"></td></tr></tbody></table></div>';
return strip.firstChild.firstChild.firstChild.firstChild;
};
/** @private */
/** @private */
Roo.TabPanel.prototype.createStripElements = function(stripEl, text, closable){
var td = document.createElement("td");
- stripEl.appendChild(td);
+ stripEl.insertBefore(td, stripEl.childNodes[stripEl.childNodes.length-1]);
+ //stripEl.appendChild(td);
if(closable){
td.className = "x-tabs-closable";
if(!this.closeTpl){
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;}fieldset,img{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:'';}
.roo-el-mask{z-index:20000;position:absolute;top:0;left:0;-moz-opacity:.5;opacity:.50;filter:alpha(opacity=50);background-color:#CCC;width:100%;height:100%;zoom:1;}.roo-el-mask-msg{position:absolute;z-index:20000;border:4px double #557;background-color:#fff;}.roo-el-mask-msg div{font:bold 13px "sans serif",tahoma,verdana,helvetica;z-index:20001;padding:4px 15px;color:#557;}.x-body-masked{overflow:hidden!important;}.x-body-masked select,.ext-masked object,.ext-masked embed{visibility:hidden;}.roo-ie .roo-shim{filter:alpha(opacity=0);}.roo-shim{position:absolute;left:0;top:0 visibility:hidden;overflow:hidden;}.x-hidden{position:absolute;top:0;left:0;visibility:hidden;display:none;}
.x-tabs-body{background:#fff;}.x-tabs-wrap{border-bottom:1px solid #6593cf;padding-top:2px;}.x-tabs-strip-wrap{width:100%;}.x-tabs-wrap table{position:relative;top:0;left:0;}.x-tabs-strip td{padding:0;}.x-tabs-strip a,.x-tabs-strip span,.x-tabs-strip em{display:block;}.x-tabs-strip a{text-decoration:none!important;-moz-outline:none;outline:none;cursor:pointer;}.x-tabs-strip .x-tabs-text{font:bold 11px tahoma,arial,helvetica;color:#666;overflow:hidden;white-space:nowrap;cursor:pointer;text-overflow:ellipsis;}.x-tabs-strip .on .x-tabs-text{cursor:default;color:#083772;}.x-tabs-strip .disabled .x-tabs-text{cursor:default;color:#aaa;}.x-tabs-strip .x-tabs-inner{padding:4px 10px;}.x-tabs-strip .on .x-tabs-right{background:url(../images/default/tabs/tab-sprite.gif) no-repeat right 0;}.x-tabs-strip .on .x-tabs-left{background:url(../images/default/tabs/tab-sprite.gif) no-repeat 0 -100px;}.x-tabs-strip .x-tabs-right{background:url(../images/default/tabs/tab-sprite.gif) no-repeat right -50px;padding-right:1px;}.x-tabs-strip .x-tabs-left{background:url(../images/default/tabs/tab-sprite.gif) no-repeat 0 -150px;}.x-tabs-strip a{position:relative;top:1px;left:0;}.x-tabs-strip .on a{position:relative;}.x-tabs-strip .x-tabs-closable .x-tabs-inner{padding-right:22px;position:relative;}.x-tabs-strip .x-tabs-closable .close-icon{line-height:1px;font-size:1px;background-image:url(../images/default/layout/layout-sprite.gif);background-repeat:no-repeat;background-position:50% -60px;display:block;position:absolute;right:5px;top:4px;width:12px;height:11px;cursor:pointer;}.x-tabs-strip .on .close-icon{background-image:url(../images/default/layout/layout-sprite.gif);background-repeat:no-repeat;background-position:50% -60px;}.x-tabs-strip .x-tabs-closable .close-over{background-image:url(../images/default/layout/layout-sprite.gif);background-repeat:no-repeat;background-position:50% -72px;}.x-tabs-bottom .x-tabs-wrap{border-top:1px solid #6593cf;border-bottom:0 none;padding-top:0;padding-bottom:2px;}.x-tabs-bottom .x-tabs-strip .x-tabs-right{background:url(../images/default/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom left;}.x-tabs-bottom .x-tabs-strip .x-tabs-left{background:url(../images/default/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom right;}.x-tabs-bottom .x-tabs-strip .on .x-tabs-right{background:url(../images/default/tabs/tab-btm-right-bg.gif) no-repeat bottom left;}.x-tabs-bottom .x-tabs-strip .on .x-tabs-left{background:url(../images/default/tabs/tab-btm-left-bg.gif) no-repeat bottom right;}.x-tabs-bottom .x-tabs-strip a{position:relative;top:0;left:0;}.x-tabs-bottom .x-tabs-strip .on a{margin-top:-1px;}.x-tabs-bottom .x-tabs-strip .on .x-tab-inner{padding-top:5px;}
-.x-form{margin:5px;}.x-form-item label{clear:left;display:block;float:left;padding-left:0;padding-right:3px;padding-bottom:3px;padding-top:3px;position:relative;z-index:2;}.x-form-label-right label{text-align:right;}.x-form-label-top .x-form-item label{clear:none;float:none;display:inline;position:static;margin-bottom:2px;width:auto;}.x-form-item,.x-form-text,.x-combo-list,.x-form fieldset legend{font:normal 11px tahoma,verdana,helvetica;}.x-form-item{display:block;margin-bottom:4px;}.x-form-element{padding-left:100px;position:relative;}.x-form-field{margin:0;}.x-form-text{height:18px;line-height:18px;vertical-align:middle;background:url(../images/default/form/bg.gif) repeat-x 0 0;padding-left:2px;padding-right:2px;padding-top:2px;padding-bottom:2px;}.x-form-item .x-form-text{height:14px;}.x-form-text,.x-form-textarea,.x-html-editor-wrap{border:solid 1px black;}.x-form-field-wrap{position:relative;whitespace:nowrap;}.roo-ie .roo-strict .x-form-text,.roo-ie .x-form-text{padding-top:0;padding-bottom:0;margin-top:-1px;height:22px;}.roo-ie .x-toolbar .x-form-text{padding-top:0;padding-left:2px;height:18px!important;}.roo-ie .x-form-date-trigger,.roo-ie .x-form-arrow-trigger{margin:0;margin-top:1px;height:20px!important;}.roo-gecko .roo-strict .x-form-text{height:18px;}.roo-gecko .x-form-item .x-form-text{height:16px;}.roo-gecko .x-form-text{height:18px;padding-top:2px;padding-bottom:0;}.x-form-empty-field{color:#666;}.x-form-invalid-icon{display:block;position:absolute;top:0;left:0;height:16px;width:16px;visibility:hidden;background:url(../images/default/tree/drop-no.gif) no-repeat 0 0;}.x-form-invalid{background:#ff0 url(../images/default/grid/invalid_line.gif) repeat-x 0 16px;border:1px solid red!important;}textarea.x-form-invalid{background:none;}.x-form-clear-left,.x-form-clear,{font-size:0;height:0;line-height:0;overflow:hidden;}.x-form-clear-left{clear:left;}.x-form-clear{clear:both;}.x-form-column{float:left;margin:0;padding:0;overflow:hidden;width:47%;}.x-form fieldset{border:1px solid #ccc;padding-top:7px;padding-left:12px;padding-bottom:7px;margin-bottom:9px;float:left;}.x-form fieldset legend{font-weight:bold;}.x-form-cb-label{clear:none!important;float:none!important;;display:inline!important;;margin-left:4px;}.x-form-field-wrap .x-form-trigger{cursor:pointer;border-left:0 solid;position:absolute;background:url(../images/default/combo/arrow.gif);background-repeat:no-repeat;background-position:center;}.x-form .x-form-btns-ct .x-form-btns-center{text-align:center;}.x-form .x-form-btns-ct .x-form-btns-center table{margin:0 auto;}.x-form .x-form-btns-ct .x-form-btns td.x-form-btn-td{padding:3px;}.x-form .x-form-btns-ct .x-form-btns td{border:0;padding:0;}.x-form .x-form-btns-ct .x-btn{clear:none;float:right;}.x-form-grow-sizer{position:absolute;top:-10000px;left:-10000px;visibility:hidden;}
+.x-form{margin:5px;}.x-form-item label{clear:left;display:block;float:left;padding-left:0;padding-right:3px;padding-bottom:3px;padding-top:3px;position:relative;z-index:2;}.x-form-displayfield{padding-top:3px;}.x-form-label-right label{text-align:right;}.x-form-label-top .x-form-item label{clear:none;float:none;display:inline;position:static;margin-bottom:2px;width:auto;}.x-form-item,.x-form-text,.x-combo-list,.x-form fieldset legend{font:normal 11px tahoma,verdana,helvetica;}.x-form-item{display:block;margin-bottom:4px;}.x-form-element{padding-left:100px;position:relative;}.x-form-field{margin:0;}.x-form-text{height:18px;line-height:18px;vertical-align:middle;background:url(../images/default/form/bg.gif) repeat-x 0 0;padding-left:2px;padding-right:2px;padding-top:2px;padding-bottom:2px;}.x-form-item .x-form-text{height:14px;}.x-form-text,.x-form-textarea,.x-html-editor-wrap{border:solid 1px black;}.x-form-field-wrap{position:relative;whitespace:nowrap;}.roo-ie .roo-strict .x-form-text,.roo-ie .x-form-text{padding-top:0;padding-bottom:0;margin-top:-1px;height:22px;}.roo-ie .x-toolbar .x-form-text{padding-top:0;padding-left:2px;height:18px!important;}.roo-ie .x-form-date-trigger,.roo-ie .x-form-arrow-trigger{margin:0;margin-top:1px;height:20px!important;}.roo-gecko .roo-strict .x-form-text{height:18px;}.roo-gecko .x-form-item .x-form-text{height:16px;}.roo-gecko .x-form-text{height:18px;padding-top:2px;padding-bottom:0;}.x-form-empty-field{color:#666;}.x-form-invalid-icon{display:block;position:absolute;top:0;left:0;height:16px;width:16px;visibility:hidden;background:url(../images/default/tree/drop-no.gif) no-repeat 0 0;}.x-form-invalid{background:#ff0 url(../images/default/grid/invalid_line.gif) repeat-x 0 16px;border:1px solid red!important;}textarea.x-form-invalid{background:none;}.x-form-clear-left,.x-form-clear,{font-size:0;height:0;line-height:0;overflow:hidden;}.x-form-clear-left{clear:left;}.x-form-clear{clear:both;}.x-form-column{float:left;margin:0;padding:0;overflow:hidden;width:47%;}.x-form fieldset{border:1px solid #ccc;padding-top:7px;padding-left:12px;padding-bottom:7px;margin-bottom:9px;float:left;}.x-form fieldset legend{font-weight:bold;}.x-form-cb-label{clear:none!important;float:none!important;;display:inline!important;;margin-left:4px;}.x-form-field-wrap .x-form-trigger{cursor:pointer;border-left:0 solid;position:absolute;background:url(../images/default/combo/arrow.gif);background-repeat:no-repeat;background-position:center;}.x-form .x-form-btns-ct .x-form-btns-center{text-align:center;}.x-form .x-form-btns-ct .x-form-btns-center table{margin:0 auto;}.x-form .x-form-btns-ct .x-form-btns td.x-form-btn-td{padding:3px;}.x-form .x-form-btns-ct .x-form-btns td{border:0;padding:0;}.x-form .x-form-btns-ct .x-btn{clear:none;float:right;}.x-form-grow-sizer{position:absolute;top:-10000px;left:-10000px;visibility:hidden;}
.x-btn{font:normal 8pt tahoma,verdan,arial,helvetica;white-space:nowrap;text-decoration:none!important;color:black!important;-moz-user-select:none;-khtml-user-select:none;cursor:pointer;vertical-align:middle;text-align:center;border:0 none;}.x-btn em{font-weight:normal;font-style:normal;}.x-toolbar .x-btn-left,.x-toolbar .x-btn-right,.x-btn-left,.x-btn-right{font-size:1px;line-height:1px;width:3px;}.x-btn-left i .x-btn-right i{display:block;overflow:hidden width:3px;line-height:1px;font-size:1px;}.x-btn-left,.x-btn-center,.x-btn-right{background-image:url(../images/default/basic-dialog/btn-sprite.gif);background-repeat:no-repeat;height:21px;}.x-btn-left{background-position:0 0;}.x-btn-right{background-position:0 -21px;}.x-btn-center{background-position:0 -42px;background-repeat:repeat-x;width:auto;padding:0 5px;}.x-btn-clear .x-btn-center .x-btn-text{width:16px;height:16px;background:url(../images/default/basic-dialog/btn-clear.gif) no-repeat 0 0;}.x-btn-icon .x-btn-text{width:16px;}.x-btn-over .x-btn-left{background-position:0 -63px;}.x-btn-over .x-btn-right{background-position:0 -84px;}.x-btn-over .x-btn-center{background-position:0 -105px;}.x-btn-click .x-btn-left{background-position:0 -63px;}.x-btn-click .x-btn-right{background-position:0 -84px;}.x-btn-click .x-btn-center{background-position:0 -126px;}.x-btn .x-btn-disabled{cursor:default;}.x-btn-disabled .x-btn-center{color:gray;}.x-btn button{font-size:11px;background:none no-repeat scroll 0 0 transparent;cursor:pointer;margin:0;outline:none;color:-moz-use-text-color;overflow:visible;width:auto;border:0 none;}.x-btn-left i,.x-btn-right i{display:block;width:3px;}.roo-gecko .x-btn button{padding-left:0;padding-right:0;}.x-btn-text-icon .x-btn-center .x-btn-text{background-position:0 2px;background:none no-repeat scroll 0 0 transparent;padding:1px 0 1px 18px;}button.x-btn-menu-arrow-el{display:block;background:url(../images/default/grid/sort_desc.gif) no-repeat scroll left 7px;}.x-btn-text-icon .x-btn-with-menu .x-btn-center em{display:block;background:url(../images/default/grid/sort_desc.gif) no-repeat scroll right 6px;}.x-btn-with-menu .x-btn-center em{display:block;padding-right:14px;}.x-btn-pressed .x-btn-center .x-btn-text{padding:0 0 2px 0;}
-.x-toolbar{background:url(../images/default/toolbar/gray-bg.gif) repeat-x 0 0;border-top:1px solid #cbc7b8;border-bottom:1px solid #cbc7b8;display:block;position:relative;padding:1px;}.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{font:normal 11px tahoma,verdana,helvetica;white-space:nowrap;line-height:normal;}.x-toolbar td{vertical-align:middle;}.x-toolbar .x-btn-center{padding:0;}.x-toolbar .x-btn-with-menu .x-btn-center em{padding-right:14px;}.x-toolbar .ytb-text{padding:2px;}.x-toolbar .x-btn-click .x-btn-center,.x-toolbar .x-btn-pressed .x-btn-center,.x-toolbar .x-btn-active .x-btn-center,.x-toolbar .x-btn-over .x-btn-center,.x-toolbar .x-btn-click .x-btn-left,.x-toolbar .x-btn-pressed .x-btn-left,.x-toolbar .x-btn-active .x-btn-left,.x-toolbar .x-btn-over .x-btn-left,.x-toolbar .x-btn-click .x-btn-right,.x-toolbar .x-btn-pressed .x-btn-right,.x-toolbar .x-btn-active .x-btn-right,.x-toolbar .x-btn-over .x-btn-right{background-repeat:no-repeat;background-image:url(../images/default/basic-dialog/btn-sprite.gif);}.x-toolbar .x-btn-click .x-btn-center,.x-toolbar .x-btn-pressed .x-btn-center,.x-toolbar .x-btn-active .x-btn-center{background-position:0 -42px;background-repeat:repeat-x;}.x-toolbar .x-btn-over .x-btn-center{background-position:0 -105px;background-repeat:repeat-x;}.x-toolbar .x-btn-click .x-btn-left,.x-toolbar .x-btn-pressed .x-btn-left,.x-toolbar .x-btn-active .x-btn-left{background-position:0 0;}.x-toolbar .x-btn-over .x-btn-left{background-position:0 -63px;}.x-toolbar .x-btn-click .x-btn-right,.x-toolbar .x-btn-pressed .x-btn-right,.x-toolbar .x-btn-active .x-btn-right{background-position:0 -21px;}.x-toolbar .x-btn-over .x-btn-right{background-position:0 -84px;}.x-toolbar .x-form-text{height:14px;}.roo-gecko .x-toolbar .x-form-text{height:16px;}.x-menu{background:white url(../images/default/menu/menu-bg.gif) repeat-y 0 0;font:normal 11px arial,tahoma,verdana,helvetica;border:1px solid black;margin-top:2px;margin-left:2px;}.x-menu-plain{background:none;}.x-menu-plain .x-menu-list-item .x-color-palette,.x-menu-plain .x-menu-list-item .x-date-picker{margin-left:4px;margin-right:0;}.x-menu-focus{position:absolute;left:0;top:-5px;width:0;height:0;}.x-menu-list{border:1px solid white;}.x-menu li{line-height:100%;}.x-menu-list-item{-moz-user-select:none;display:block;white-space:nowrap;}.x-menu-item{color:#333;display:block;line-height:15px;outline:none;padding:3px 21px 3px 3px;text-decoration:none;white-space:nowrap;}.x-menu-item-active{background-color:#ABC9C2;}.x-menu li.x-menu-sep-li{font-size:1px;line-height:1px;background:#ccc;display:block;height:1px;margin:3px 3px 3px 32px;}.x-menu-item-icon{background-position:center center;border:0;width:16px;height:16px;padding:0;margin:0 11px 0 0;vertical-align:middle;}.x-menu-list-item .x-menu-item-arrow{background:url(../images/default/grid/page-next.gif) no-repeat right 2px;}.x-item-disabled .x-menu-item,.x-item-disabled{color:#ccc;cursor:default!important;}.x-menu-check-item .x-menu-item-icon{background:url(../images/default/menu/chk-sprite.gif) no-repeat 0 0;width:16px;height:16px;}.x-menu-item-checked .x-menu-item-icon{background-position:0 -16px;width:16px;height:16px;}.x-toolbar .x-tb-button-disabled .x-tb-button-inner{color:gray;cursor:default;}.x-toolbar .ytb-sep{background-image:url(../images/default/grid/grid-split.gif);background-position:center center;background-repeat:no-repeat;border:0 none;cursor:default;display:block;font-size:1px;height:16px;margin:0 2px;overflow:hidden;width:4px;}
+.x-toolbar{background:url(../images/default/toolbar/gray-bg.gif) repeat-x 0 0;border-top:1px solid #cbc7b8;border-bottom:1px solid #cbc7b8;display:block;position:relative;padding:1px;}.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{font:normal 11px tahoma,verdana,helvetica;white-space:nowrap;line-height:normal;}.x-toolbar td{vertical-align:middle;}.x-toolbar .x-btn-center{padding:0;}.x-toolbar .x-btn-with-menu .x-btn-center em{padding-right:14px;}.x-toolbar .ytb-text{padding:2px;}.x-toolbar .x-btn-click .x-btn-center,.x-toolbar .x-btn-pressed .x-btn-center,.x-toolbar .x-btn-active .x-btn-center,.x-toolbar .x-btn-over .x-btn-center,.x-toolbar .x-btn-click .x-btn-left,.x-toolbar .x-btn-pressed .x-btn-left,.x-toolbar .x-btn-active .x-btn-left,.x-toolbar .x-btn-over .x-btn-left,.x-toolbar .x-btn-click .x-btn-right,.x-toolbar .x-btn-pressed .x-btn-right,.x-toolbar .x-btn-active .x-btn-right,.x-toolbar .x-btn-over .x-btn-right{background-repeat:no-repeat;background-image:url(../images/default/basic-dialog/btn-sprite.gif);}.x-toolbar .x-btn-click .x-btn-center,.x-toolbar .x-btn-pressed .x-btn-center,.x-toolbar .x-btn-active .x-btn-center{background-position:0 -42px;background-repeat:repeat-x;}.x-toolbar .x-btn-over .x-btn-center{background-position:0 -105px;background-repeat:repeat-x;}.x-toolbar .x-btn-click .x-btn-left,.x-toolbar .x-btn-pressed .x-btn-left,.x-toolbar .x-btn-active .x-btn-left{background-position:0 0;}.x-toolbar .x-btn-over .x-btn-left{background-position:0 -63px;}.x-toolbar .x-btn-click .x-btn-right,.x-toolbar .x-btn-pressed .x-btn-right,.x-toolbar .x-btn-active .x-btn-right{background-position:0 -21px;}.x-toolbar .x-btn-over .x-btn-right{background-position:0 -84px;}.x-toolbar .x-form-text{height:14px;}.roo-gecko .x-toolbar .x-form-text{height:16px;}.x-menu{background:white url(../images/default/menu/menu-bg.gif) repeat-y 0 0;font:normal 11px arial,tahoma,verdana,helvetica;border:1px solid black;margin-top:2px;margin-left:2px;}.x-menu-plain{background:none;}.x-menu-plain .x-menu-list-item .x-color-palette,.x-menu-plain .x-menu-list-item .x-date-picker{margin-left:4px;margin-right:0;}.x-menu-focus{position:absolute;left:0;top:-5px;width:0;height:0;}.x-menu-list{border:1px solid white;}.x-menu li{line-height:100%;}.x-menu-list-item{-moz-user-select:none;display:block;white-space:nowrap;}.x-menu-item{color:#333;display:block;line-height:15px;outline:none;padding:3px 21px 3px 3px;text-decoration:none;white-space:nowrap;}.x-menu-item-active{background-color:#ABC9C2;}.x-menu li.x-menu-sep-li{font-size:1px;line-height:1px;background:#ccc;display:block;height:1px;margin:3px 3px 3px 32px;}.x-menu-item-icon{background-position:center center;border:0;width:16px;height:16px;padding:0;margin:0 11px 0 0;vertical-align:middle;}.x-menu-list-item .x-menu-item-arrow{background:url(../images/default/grid/page-next.gif) no-repeat right 2px;}.x-item-disabled .x-menu-item,.x-item-disabled{color:#ccc;cursor:default!important;}.x-menu-check-item .x-menu-item-icon{background:url(../images/default/menu/chk-sprite.gif) no-repeat 0 0;width:16px;height:16px;}.x-menu-item-checked .x-menu-item-icon{background-position:0 -16px;width:16px;height:16px;}.x-toolbar .x-tb-button-disabled .x-tb-button-inner{color:gray;cursor:default;}.x-toolbar .ytb-sep{background-image:url(../images/default/grid/grid-split.gif);background-position:center center;background-repeat:no-repeat;border:0 none;cursor:default;display:block;font-size:1px;height:16px;margin:0 2px;overflow:hidden;width:4px;}.x-tabs-strip-wrap .x-toolbar{background:none!important;}.x-tab-strip-toolbar{width:100%;}
.x-resizable-handle{position:absolute;z-index:100;font-size:1px;line-height:6px;overflow:hidden;background:white;filter:alpha(opacity=0);opacity:0;zoom:1;}.x-resizable-handle-east{width:6px;cursor:e-resize;right:0;top:0;height:100%;margin-right:-1px;}.x-resizable-handle-south{width:100%;cursor:s-resize;left:0;bottom:0;height:6px;margin-bottom:-1px;}.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{background:url("../images/default/sizer/e-handle.gif");background-position:left;}.x-resizable-over .x-resizable-handle-west,.x-resizable-pinned .x-resizable-handle-west{background:url("../images/default/sizer/e-handle.gif");background-position:left;}.x-resizable-over .x-resizable-handle-south,.x-resizable-pinned .x-resizable-handle-south{background:url("../images/default/sizer/s-handle.gif");background-position:top;}.x-resizable-over .x-resizable-handle-north,.x-resizable-pinned .x-resizable-handle-north{background:url("../images/default/sizer/s-handle.gif");background-position:top;}.x-resizable-over .x-resizable-handle-southeast,.x-resizable-pinned .x-resizable-handle-southeast{background:url("../images/default/sizer/corners-sprite.gif");background-position:top left;}.x-resizable-over .x-resizable-handle-northwest,.x-resizable-pinned .x-resizable-handle-northwest{background:url("../images/default/sizer/corners-sprite.gif");background-position:bottom right;}.x-resizable-over .x-resizable-handle-northeast,.x-resizable-pinned .x-resizable-handle-northeast{background:url("../images/default/sizer/corners-sprite.gif");background-position:bottom left;}.x-resizable-over .x-resizable-handle-southwest,.x-resizable-pinned .x-resizable-handle-southwest{background:url("../images/default/sizer/corners-sprite.gif");background-position:top right;}.x-resizable-proxy{border:1px dashed #6593cf;position:absolute;overflow:hidden;visibility:hidden;left:0;top:0;z-index:1001;}.x-resizable-overlay{width:100%;height:100%;display:none;position:absolute;left:0;top:0;background:white;z-index:20000;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);border:1px solid red;}
.x-grid{background-color:#FFF;position:relative;overflow:hidden;}.x-grid-locked,.x-grid-viewport{position:absolute;display:block;z-index:2;top:0;left:0;overflow:hidden;}.x-grid-scroller{overflow:auto;}.x-grid-hd-text{font-size:8pt;padding-left:6px;}.x-grid-hd-text,.x-grid-cell-text{display:block;overflow:hidden;padding:3px 5px;-moz-user-select:none;}.x-grid-col{cursor:default;height:16px!important;box-sizing:border-box;-moz-box-sizing:border-box;-moz-outline:none;-moz-user-focus:normal;overflow:hidden;border-left:1px solid #f1efe2;}.x-edit-grid .x-grid-col{-moz-outline:normal;}.x-grid-col,.x-grid-header{-o-text-overflow:ellipsis;text-overflow:ellipsis;}.x-grid-col-0{border-left:0;}.x-grid-col-last{border-right:1px solid #f1efe2;}.x-grid-editor{box-sizing:border-box;-moz-box-sizing:border-box;font:normal 8pt arial;border:1px solid #afbdc9;z-index:10;}.x-grid-editor input{font:normal 8pt arial;border:0;padding-top:2px;padding-left:3px;height:18px;}.x-grid-editor-container{overflow:hidden;display:block;background-color:white;}.x-grid-editor .pick-button{width:15px;height:20px;position:absolute;display:block;right:0;top:0;z-index:2;background-image:url(../images/default/grid/pick-button.gif);background-repeat:no-repeat;}.x-grid-editor-invalid{background-image:url(../images/default/grid/invalid_line.gif);background-repeat:repeat-x;background-position:bottom;border:1px solid #afbdc9;}.x-grid-checkbox-editor{text-align:center;overflow:hidden;display:block;background-color:white;}.x-grid-checkbox-editor input{margin-top:3px;height:13px;width:13px;}select.x-grid-editor{padding:0;-moz-outline:none;border:1px solid #afbdc9;}.x-grid-num-editor{text-align:right;padding-top:2px;padding-left:3px;}.x-grid-text-editor{padding-top:2px;padding-left:3px;}.x-grid-header{font:normal 8pt arial;background-color:#ebeadb;box-sizing:border-box;-moz-box-sizing:border-box;display:block;position:absolute;overflow:hidden;width:100%;height:22px;border-bottom:1px solid #333;cursor:pointer;}.x-grid-column-sizer{width:1px;border-right:1px dashed #6593cf;background:none;cursor:col-resize;}.x-grid-drag-proxy{width:150px;height:24px;background-color:#36c;border:1px solid #026;position:absolute;visibility:hidden;z-index:10000;}.x-grid-drag-text{font:normal 8pt arial;color:white;position:absolute;top:0;left:26px;padding:3px;display:block;}.x-grid-drop-icon{position:absolute;top:0;left:0;display:block;width:24px;height:100%;background-position:center;background-repeat:no-repeat;}.x-grid-drop-nodrop{background-image:url(../images/default/grid/drop-no.gif);}.x-grid-drop-ok{background-image:url(../images/default/grid/drop-yes.gif);}.x-grid-hd-row img.x-grid-sort-icon{height:4px;width:13px;border:0;margin-left:4px;vertical-align:middle;}.x-grid-hd-row .sort-asc img.x-grid-sort-icon{background-image:url(../images/default/grid/sort_asc.gif);background-position:right;background-repeat:no-repeat;}.x-grid-hd-row .sort-desc img.x-grid-sort-icon{background-image:url(../images/default/grid/sort_desc.gif);background-position:right;background-repeat:no-repeat;}.x-grid-hd-body{cursor:default;display:block;font:normal 8pt arial;left:0;overflow:hidden;padding:3px 5px;position:relative;top:0;white-space:nowrap;}.x-grid-hd-body span{font:normal 8pt arial;white-space:nowrap;}.x-grid-hd-over{border-bottom:2px solid #fcc247;}.x-grid-hd-over .x-grid-hd-body{background-color:#faf9f4;border-bottom:1px solid #f9a900;}.x-grid-split{background-image:url(../images/default/grid/grid-split.gif);background-position:center;background-repeat:no-repeat;cursor:e-resize;display:block;font-size:1px;height:16px;overflow:hidden;position:absolute;top:2px;width:6px;z-index:3;}.x-grid-hrow{background:#ebeadb url(../images/default/grid/grid-hrow.gif) repeat-x;display:block;height:22px;left:0;position:relative;top:0;width:10000px;overflow:hidden;z-index:2;}.x-grid-hrow-frame{height:22px;left:0;display:block;position:absolute;top:0;width:10000px;z-index:1;}.x-grid-footer .x-toolbar{border:0;}.x-grid-page-number{width:24px;height:14px;}.x-grid-page-first button{background:url(../images/default/grid/page-first.gif) no-repeat;width:16px;}.x-grid-loading button{background:url(../images/default/grid/done.gif) no-repeat;width:16px;}.x-grid-page-last button{background:url(../images/default/grid/page-last.gif) no-repeat;width:16px;}.x-date-mp-next,.x-grid-page-next button{background:url(../images/default/grid/page-next.gif) no-repeat;width:16px;}.x-date-mp-prev,.x-grid-page-prev button{background:url(../images/default/grid/page-prev.gif) no-repeat;width:16px;}.x-date-mp-prev,.x-date-mp-next{display:block;width:16px;height:16px;}.x-item-disabled .x-grid-loading button{background:url(../images/default/grid/loading.gif) no-repeat;}.x-item-disabled .x-grid-page-first button{background:url(../images/default/grid/page-first-disabled.gif) no-repeat;}.x-item-disabled .x-grid-page-last button{background:url(../images/default/grid/page-last-disabled.gif) no-repeat;}.x-item-disabled .x-grid-page-next button{background:url(../images/default/grid/page-next-disabled.gif) no-repeat;}.x-item-disabled .x-grid-page-prev button{background:url(../images/default/grid/page-prev-disabled.gif) no-repeat;}.x-grid-mso .x-grid-header{background:none;border-bottom:0;}.x-grid-mso .x-grid-footer{border-top:1px solid #6593cf;}.x-grid-mso .x-grid-footer .x-grid-fbutton{border:0;}.x-grid-mso .x-grid-hd-body{border-bottom:0;}.x-grid-mso .x-grid-hd-over{border-bottom:0;}.x-grid-mso .x-grid-hd-over .x-grid-hd-body{background-color:transparent;}.x-grid-mso .x-grid-split{background-image:url(../images/default/grid/grid-blue-split.gif);}.x-grid-mso .x-toolbar .x-tb-sep{background-image:url(../images/default/grid/grid-blue-split.gif);}.x-grid-mso .x-grid-hrow{background:url(../images/default/grid/mso-hd.gif);border-bottom:1px solid #6593cf;height:21px;}.x-grid-mso .x-grid-row{color:black;border-bottom:1px solid #ddecfe;}.x-grid-mso .x-grid-row-alt{background-color:#f5f5f5;}.x-grid-mso .x-grid-row-selected{background-color:#b3c8e8!important;color:black;}.x-grid-mso .x-grid-row-selected span{color:black!important;}.x-props-grid .x-grid-col-1{background-color:#f1efe2;}.x-props-grid .x-grid-col-1 .x-grid-cell-text{background-color:white;}.x-props-grid .x-grid-col-0{background-color:#f1efe2;}.x-props-grid .x-grid-col-0 .x-grid-cell-text{background-color:white;margin-left:10px;}.x-props-grid .x-grid-prop-edting .x-grid-col-0 .x-grid-cell-text{background-color:#316ac5;color:white;}.x-props-grid .x-grid-prop-edting .x-grid-col-0{color:white;}.x-props-grid .x-grid-num-editor{text-align:left;}.x-grid-row td,.x-grid-hd-row td{font:normal 8pt tahoma,arial,helvetica;border-bottom:1px solid #f1efe2;border-left:1px solid #f1efe2;overflow:visible;white-space:nowrap;}.x-grid-row-alt{background-color:#fcfaf6;}.x-grid-row-over{background-color:#f1f1f1;color:black;}.x-grid-cell-selected,.x-grid-row-selected{background-color:#316ac5!important;color:white;}.x-grid-body{height:100%;left:0;overflow:hidden;position:relative;top:22px;}.x-grid-footer{display:block;padding:0;border-top:1px solid #cbc7b8;}.x-grid-wrap-footer{display:block;overflow:hidden;width:100%;height:25px;box-sizing:border-box;-moz-box-sizing:border-box;background-color:#ebeadb;position:absolute;bottom:0;}.x-grid-wrap-body{left:0;overflow:hidden;position:absolute;top:0;display:block;}.x-grid-wrap-headers{left:0;overflow:hidden;position:absolute;top:0;z-index:12;}.x-grid-simple-view .x-grid-col{height:100%!important;position:static;display:table-cell;display:inline-block;}.x-grid-simple-view .x-grid-row{position:static;display:table-row;}.x-paging-info{position:absolute;right:7px;top:7px;}.x-grid-topbar,.x-grid-bottombar{line-height:0;display:none;position:relative;height:24px;top:0;}.x-grid-editor .x-form-check-wrap{background-color:#FFF;padding:2px 0;}
.x-layout-container{width:100%;height:100%;overflow:hidden;background-color:#c3daf9;}.x-layout-collapsed{position:absolute;left:-10000px;top:-10000px;visibility:hidden;background-color:#c3daf9;width:20px;height:20px;overflow:hidden;border:1px solid #98c0f4;z-index:20;}.x-layout-collapsed-over{cursor:pointer;background-color:#d9e8fb;}.x-layout-collapsed-west .x-layout-tools-button{float:right;}.x-layout-collapsed-east .x-layout-tools-button{float:left;}.x-layout-collapsed-north,.x-layout-collapsed-south{text-align:right;}.x-layout-collapsed .x-layout-tools-button{margin:2px;width:12px;text-align:center;}.x-layout-inactive-content{position:absolute;left:-10000px;top:-10000px;visibility:hidden;}.x-layout-active-content{visibility:visible;}.x-layout-panel{position:absolute;border:1px solid #98c0f4;overflow:hidden;background-color:white;}.x-layout-panel-east,.x-layout-panel-west{z-index:10;}.x-layout-panel-north,.x-layout-panel-south{z-index:11;}.x-layout-collapsed-north,.x-layout-collapsed-south,.x-layout-collapsed-east,.x-layout-collapsed-west{z-index:12;}.x-layout-panel-body{overflow:hidden;}.x-layout-split{position:absolute;height:5px;width:5px;line-height:1px;font-size:1px;z-index:3;background-color:#c3daf9;}.x-layout-panel-hd{background-image:url(../images/default/layout/panel-title-light-bg.gif);color:black;border-bottom:1px solid #98c0f4;position:relative;}.x-layout-panel-hd-text{font:normal 11px tahoma,verdana,helvetica;padding:4px;padding-left:4px;display:block;white-space:nowrap;}.x-layout-panel-hd-tools{position:absolute;right:0;top:0;text-align:right;padding-top:2px;padding-right:2px;width:40px;}.x-layout-tools-button{z-index:6;padding:2px;float:right;cursor:pointer;}.x-layout-tools-button-over{padding:1px;border:1px solid #98c0f4;background-color:white;}.x-layout-tools-button-inner{height:12px;width:12px;line-height:1px;font-size:1px;background-repeat:no-repeat;background-position:center;}.x-layout-close{background-image:url(../images/default/layout/layout-sprite.gif);background-repeat:no-repeat;background-position:50% -48px;}.x-layout-collapse-west,.x-layout-expand-east{background-image:url(../images/default/layout/layout-sprite.gif);background-repeat:no-repeat;background-position:50% 0;}.x-layout-expand-west,.x-layout-collapse-east{background-image:url(../images/default/layout/layout-sprite.gif);background-repeat:no-repeat;background-position:50% -12px;}.x-layout-collapse-north,.x-layout-expand-south{background-image:url(../images/default/layout/layout-sprite.gif);background-repeat:no-repeat;background-position:50% -24px;}.x-layout-expand-north,.x-layout-collapse-south{background-image:url(../images/default/layout/layout-sprite.gif);background-repeat:no-repeat;background-position:50% -36px;}.x-layout-split-h{background-image:url(../images/default/sizer/e-handle.gif);background-position:left;cursor:col-resize;}.x-layout-split-v{background-image:url(../images/default/sizer/s-handle.gif);background-position:top;cursor:row-resize;}.x-layout-panel .x-tabs-wrap{background:url(../images/default/layout/gradient-bg.gif);}.x-layout-panel .roo-tabbody{background-color:white;overflow:auto;height:100%;}.x-layout-component-panel,.x-layout-nested-layout{position:relative;padding:0;overflow:hidden;width:200px;height:200px;}.x-layout-nested-layout .x-layout-panel{border:0 none;}.x-layout-nested-layout .x-layout-panel-north{border-bottom:1px solid #98c0f4;}.x-layout-nested-layout .x-layout-panel-south{border-top:1px solid #98c0f4;}.x-layout-nested-layout .x-layout-panel-east{border-left:1px solid #98c0f4;}.x-layout-nested-layout .x-layout-panel-west{border-right:1px solid #98c0f4;}.roo-repaint{zoom:1;background-color:transparent;}.x-layout-panel-dragover{border:2px solid #6593cf;}.x-layout-panel-proxy{background-image:url(../images/default/layout/gradient-bg.gif);background-color:#c3daf9;border:1px dashed #6593cf;z-index:10001;overflow:hidden;position:absolute;left:0;top:0;}.x-layout-slider{z-index:15;overflow:hidden;position:absolute;}.x-unselectable{-moz-user-select:none;-khtml-user-select:none;cursor:default;}.x-splitbar-proxy{z-index:40009;visibility:hidden;position:absolute;background:#666;border:1px solid #000;overflow:hidden;}.x-splitbar-h,.x-splitbar-proxy-h{cursor:col-resize;}.x-splitbar-v,.x-splitbar-proxy-v{cursor:row-resize;}.x-grid-resize-proxy{z-index:40009;visibility:hidden;position:absolute;background:#666;border:1px solid #000;overflow:hidden;cursor:col-resize;overflow:hidden;width:2px;}
/* ------- MAIN TOOLBAR ---------------- */
-.x-toolbar {\r
- background: url(../images/default/toolbar/gray-bg.gif) repeat-x 0 0;\r
- border-top: 1px solid #cbc7b8;
- border-bottom: 1px solid #cbc7b8;\r
- display: block;
- position: relative;\r
- padding: 1px;\r
+.x-toolbar {
+ background: url(../images/default/toolbar/gray-bg.gif) repeat-x 0 0;
+ border-top: 1px solid #cbc7b8;
+ border-bottom: 1px solid #cbc7b8;
+ display: block;
+ position: relative;
+ padding: 1px;
}
/*
.x-toolbar .x-btn
/* NOT SURE WHAT THIS DOES ? - MS HACK? */
-\r
-/*\r
+
+/*
.mso .x-toolbar, .x-grid-mso .x-toolbar
-{\r
- border: 0px none;\r
- background: url(../images/default/grid/mso-hd.gif);\r
-}\r
+{
+ border: 0px none;
+ background: url(../images/default/grid/mso-hd.gif);
+}
*/
-/* disabled?? */\r
+/* disabled?? */
.x-toolbar .x-tb-button-disabled .x-tb-button-inner
-{\r
- color:gray;\r
- cursor:default;\r
-}\r
+{
+ color:gray;
+ cursor:default;
+}
/* a seperator */
-\r
-/*\r
- Default button class is icon only. Add a class with a background-image property\r
- to your toolbar button\r
+
+/*
+ Default button class is icon only. Add a class with a background-image property
+ to your toolbar button
*/
-/*\r
+/*
.x-toolbar .x-tb-button-inner
-{\r
- background-position: center;\r
- background-repeat: no-repeat;\r
- display: block;\r
- height: 16px;\r
- width: 16px;\r
- cursor:pointer;\r
- white-space: nowrap;\r
-}
-*/\r
-\r
-/* \r
- Button class for icon and text. Add this class and a class with a background-image \r
- to your toolbar button for both text and icon \r
+{
+ background-position: center;
+ background-repeat: no-repeat;
+ display: block;
+ height: 16px;
+ width: 16px;
+ cursor:pointer;
+ white-space: nowrap;
+}
+*/
+
+/*
+ Button class for icon and text. Add this class and a class with a background-image
+ to your toolbar button for both text and icon
*/
-/*\r
+/*
.x-toolbar .x-tb-text-icon
-{\r
- background-position: 0px 0px;\r
- background-repeat: no-repeat;\r
- padding-left:18px;\r
- padding-top:1px;\r
- width:auto;\r
- display:block;\r
-}
-*/\r
-\r
-/* \r
- Button class for a button with only text. Add this class \r
- to your toolbar button for a just text button\r
+{
+ background-position: 0px 0px;
+ background-repeat: no-repeat;
+ padding-left:18px;
+ padding-top:1px;
+ width:auto;
+ display:block;
+}
+*/
+
+/*
+ Button class for a button with only text. Add this class
+ to your toolbar button for a just text button
+*/
+/*
+.x-toolbar .x-tb-text-only{
+ background:none;
+ padding-left:0px;
+ padding-top:1px;
+ width:auto;
+ display:block;
+}
+.x-toolbar .x-tb-text{
+ padding:2px;
+}
+.x-toolbar .x-tb-button{
+ padding:2px 3px;
+ display:block;
+}
+.x-toolbar .x-tb-button-over{
+ background:#c3d3ed url(../images/default/toolbar/btn-over-bg.gif) repeat-x;
+ border:1px solid #6593cf;
+ padding:1px 2px;
+}
+.x-toolbar .x-tb-sep {
+ background-image: url(../images/default/grid/grid-split.gif);
+ background-position: center;
+ background-repeat: no-repeat;
+ display: block;
+ font-size: 1px;
+ height: 16px;
+ width:4px;
+ overflow: hidden;
+ cursor:default;
+ margin: 0px 2px 0px;
+ border:0px;
+}
+.mso .x-toolbar .x-tb-sep, .x-grid-mso .x-toolbar .x-tb-sep{
+ background-image: url(../images/default/grid/grid-blue-split.gif);
+}
+
*/
-/*\r
-.x-toolbar .x-tb-text-only{\r
- background:none;\r
- padding-left:0px;\r
- padding-top:1px;\r
- width:auto;\r
- display:block;\r
-}\r
-.x-toolbar .x-tb-text{\r
- padding:2px;\r
-}\r
-.x-toolbar .x-tb-button{\r
- padding:2px 3px;\r
- display:block;\r
-}\r
-.x-toolbar .x-tb-button-over{\r
- background:#c3d3ed url(../images/default/toolbar/btn-over-bg.gif) repeat-x;\r
- border:1px solid #6593cf;\r
- padding:1px 2px;\r
-}\r
-.x-toolbar .x-tb-sep {\r
- background-image: url(../images/default/grid/grid-split.gif);\r
- background-position: center;\r
- background-repeat: no-repeat;\r
- display: block;\r
- font-size: 1px;\r
- height: 16px;\r
- width:4px;\r
- overflow: hidden;\r
- cursor:default;\r
- margin: 0px 2px 0px;\r
- border:0px;\r
-}\r
-.mso .x-toolbar .x-tb-sep, .x-grid-mso .x-toolbar .x-tb-sep{\r
- background-image: url(../images/default/grid/grid-blue-split.gif);\r
-}\r
-\r
-*/
\ No newline at end of file
+
+
+/** ---- Toolbar ontop of tab bar ---------- **/
+.x-tabs-strip-wrap .x-toolbar {
+ background: none !important;
+}
+.x-tab-strip-toolbar {
+ width: 100%;
+}
\ No newline at end of file