Changed docs/src/Roo_htmleditor_FilterWord.js.html
[roojs1] / cssX / roojs-all.css
1 /*
2  * Based on:
3  * Ext JS Library 1.1.1
4  * Copyright(c) 2006-2007, Ext JS, LLC.
5  * licensing@extjs.com
6  * 
7  * http://www.extjs.com/license
8  */
9
10 html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
11 img,body,html{border:0;}
12 address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
13 ol,ul{list-style:none;}
14 caption,th{text-align:left;}
15 h1,h2,h3,h4,h5,h6{font-size:100%;}
16 q:before,q:after{content:'';}
17
18 .roo-el-mask{z-index:20000;position:absolute;top:0;left:0;-moz-opacity:0.5;opacity:.50;filter:alpha(opacity=50);background-color:#CCC;width:100%;height:100%;zoom:1;}
19 .roo-el-mask-msg{z-index:20001;position:absolute;top:0;left:0;border:1px solid #6593cf;background:#c3daf9 url(../images/default/box/tb-blue.gif) repeat-x 0 -16px;padding:2px;}
20 .roo-el-mask-msg div{padding:5px 10px 5px 10px;background:#eee;border:1px solid #a3bad9;color:#333;font:normal 12px tahoma,arial,helvetica,sans-serif;cursor:wait;}
21 .roo-shim{position:absolute;visibility:hidden;left:0;top:0;overflow:hidden;}
22 .roo-ie .roo-shim{filter:alpha(opacity=0);}
23 .x-mask-loading div{padding:5px 10px 5px 25px;background:#eee url( '../images/default/grid/loading.gif' ) no-repeat 5px 5px;line-height:16px;}
24 .x-hidden{position:absolute;left:-10000px;top:-10000px;}
25 .x-masked{overflow:hidden!important;}
26 .x-masked select,.x-masked object,.x-masked embed{visibility:hidden;}
27 .x-layer{visibility:hidden;}
28 .x-unselectable,.x-unselectable *{-moz-user-select:none;-khtml-user-select:none;}
29 .x-repaint{zoom:1;background-color:transparent;-moz-outline:none;}
30 .x-item-disabled{color:gray;cursor:default;opacity:.6;-moz-opacity:.6;filter:alpha(opacity=60);}
31 .x-item-disabled *{color:gray;cursor:default!important;}
32 .x-splitbar-proxy{position:absolute;visibility:hidden;z-index:20001;background:#aaa;zoom:1;line-height:1px;font-size:1px;overflow:hidden;}
33 .x-splitbar-h,.x-splitbar-proxy-h{cursor:e-resize;cursor:col-resize;}
34 .x-splitbar-v,.x-splitbar-proxy-v{cursor:s-resize;cursor:row-resize;}
35 .x-color-palette{width:150px;height:92px;cursor:pointer;}
36 .x-color-palette a{border:1px solid #fff;float:left;padding:2px;text-decoration:none;-moz-outline:0 none;outline:0 none;cursor:pointer;}
37 .x-color-palette a:hover,.x-color-palette a.x-color-palette-sel{border:1px solid #8BB8F3;background:#deecfd;}
38 .x-color-palette em{display:block;border:1px solid #ACA899;}
39 .x-color-palette em span{cursor:pointer;display:block;height:10px;line-height:10px;width:10px;}
40 .x-ie-shadow{display:none;position:absolute;overflow:hidden;left:0;top:0;background:#777;zoom:1;}
41 .x-shadow{display:none;position:absolute;overflow:hidden;left:0;top:0;}
42 .x-shadow *{overflow:hidden;}
43 .x-shadow *{padding:0;border:0;margin:0;clear:none;zoom:1;}
44 .x-shadow .xstc,.x-shadow .xsbc{height:6px;float:left;}
45 .x-shadow .xstl,.x-shadow .xstr,.x-shadow .xsbl,.x-shadow .xsbr{width:6px;height:6px;float:left;}
46 .x-shadow .xsc{width:100%;}
47 .x-shadow .xsml,.x-shadow .xsmr{width:6px;float:left;height:100%;}
48 .x-shadow .xsmc{float:left;height:100%;}
49 .x-shadow .xst,.x-shadow .xsb{height:6px;overflow:hidden;width:100%;}
50 .loading-indicator{font-size:11px;background-image:url( '../images/default/grid/loading.gif' );background-repeat:no-repeat;background-position:left;padding-left:20px;line-height:16px;margin:3px;}
51 .x-text-resize{position:absolute;left:-1000px;top:-1000px;visibility:hidden;zoom:1;}
52 .x-drag-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);}
53 .x-clear{clear:both;height:0;overflow:hidden;line-height:0;font-size:0;}
54
55 .x-ws-normal {
56     white-space: normal !important;
57 }
58
59 .x-tabs-wrap{border-bottom:1px solid #eee;padding-top:2px;}
60 .x-tabs-strip-wrap{width:100%;}
61 .x-tabs-wrap table{position:relative;top:0;left:0;}
62 .x-tabs-strip td{padding:0;padding-left:2px;}
63
64
65 .x-tabs-strip a,.x-tabs-strip span,.x-tabs-strip em{display:block;}
66 .x-tabs-strip a{text-decoration:none!important;-moz-outline:none;outline:none;cursor:pointer;}
67 .x-tabs-strip .x-tabs-text{font:bold 11px tahoma,arial,helvetica;color:#666;overflow:hidden;white-space:nowrap;cursor:pointer;text-overflow:ellipsis;}
68 .x-tabs-strip .on .x-tabs-text{cursor:default;color:#000;}
69 .x-tabs-strip .disabled .x-tabs-text{cursor:default;color:#aaa;}
70 .x-tabs-strip .x-tabs-inner{padding:4px 10px;}
71 .x-tabs-strip .on .x-tabs-right{background:url(../images/default/tabs/tab-sprite.gif) no-repeat right 0;}
72 .x-tabs-strip .on .x-tabs-left{background:url(../images/default/tabs/tab-sprite.gif) no-repeat 0 -100px;}
73 .x-tabs-strip .x-tabs-right{background:url(../images/default/tabs/tab-sprite.gif) no-repeat right -50px;}
74 .x-tabs-strip .x-tabs-left{background:url(../images/default/tabs/tab-sprite.gif) no-repeat 0 -150px;}
75 .x-tabs-strip a{position:relative;top:1px;left:0;}
76 .x-tabs-strip a:hover .x-tabs-text { text-decoration:underline;}
77
78 .x-tabs-strip .on a{position:relative;}
79 .x-tabs-strip .on .x-tabs-inner{padding-bottom:5px;}
80 .x-tabs-strip .x-tabs-closable .x-tabs-inner{padding-right:22px;position:relative;}
81 .x-tabs-strip .x-tabs-closable .close-icon{line-height:1px;font-size:1px;background-image:url(../images/default/layout/tab-close.gif);display:block;position:absolute;right:5px;top:4px;width:11px;height:11px;cursor:pointer;}
82 .x-tabs-strip .on .close-icon{background-image:url(../images/default/layout/tab-close-on.gif);}
83 .x-tabs-strip .x-tabs-closable .close-over{background-image:url(../images/default/layout/tab-close-on.gif);}
84 .x-tabs-body{border:1px solid #6593cf;border-top:0 none;}
85 .x-tabs-bottom .x-tabs-wrap{border-top:1px solid #eee;border-bottom:0 none;padding-top:0;padding-bottom:2px;}
86 .x-tabs-bottom .x-tabs-strip .x-tabs-right{background:url(../images/default/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom left;}
87 .x-tabs-bottom .x-tabs-strip .x-tabs-left{background:url(../images/default/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom right;}
88 .x-tabs-bottom .x-tabs-strip .on .x-tabs-right{background:url(../images/default/tabs/tab-btm-right-bg.gif) no-repeat bottom left;}
89 .x-tabs-bottom .x-tabs-strip .on .x-tabs-left{background:url(../images/default/tabs/tab-btm-left-bg.gif) no-repeat bottom right;}
90 .x-tabs-bottom .x-tabs-strip a{position:relative;top:0;left:0;}
91 .x-tabs-bottom .x-tabs-strip .on a{margin-top:-1px;}
92 .x-tabs-bottom .x-tabs-strip .on .x-tabs-inner{padding-top:5px;}
93 .x-tabs-bottom .x-tabs-body{border:1px solid #6593cf;border-bottom:0 none;}
94
95 .x-form-field{margin:0;font:normal 12px tahoma,arial,helvetica,sans-serif;}
96 .x-form-text,textarea.x-form-field{padding:1px 2px;background:#fff url(../images/default/form/text-bg.gif) repeat-x 0 0;border:1px solid #B5B8C8;}
97 .x-form-text{height:22px;line-height:18px;vertical-align:middle;}
98 .roo-ie .x-form-text{margin-top:-1px;margin-bottom:-1px;height:22px;line-height:18px;}
99 .roo-strict .x-form-text{height:18px;}
100 .roo-safari .x-form-text{height:20px;}
101 .roo-gecko .x-form-text{padding-top:2px;padding-bottom:0;}
102 .x-form-select-one{height:20px;line-height:18px;vertical-align:middle;background-color:#fff;border:1px solid #B5B8C8;}
103 .x-form-field-wrap{position:relative;zoom:1;white-space:nowrap;}
104 .x-editor .x-form-check-wrap{background:#fff;}
105 .x-form-field-wrap .x-form-trigger{width:17px;height:21px;border:0;background:transparent url(../images/default/form/trigger.gif) no-repeat 0 0;cursor:pointer;border-bottom:1px solid #B5B8C8;position:absolute;top:0;}
106 .roo-safari .x-form-field-wrap .x-form-trigger{height:19px;}
107 .x-form-field-wrap .x-form-date-trigger{background-image:url(../images/default/form/date-trigger.gif);cursor:pointer;}
108 .x-form-field-wrap .x-form-clear-trigger{background-image:url(../images/default/form/clear-trigger.gif);cursor:pointer;}
109 .x-form-field-wrap .x-form-search-trigger{background-image:url(../images/default/form/search-trigger.gif);cursor:pointer;}
110 .roo-safari .x-form-field-wrap .x-form-trigger{right:0;}
111 .x-form-field-wrap .x-form-twin-triggers .x-form-trigger{position:static;top:auto;vertical-align:top;}
112 .x-form-field-wrap .x-form-trigger-over{background-position:-17px 0;}
113 .x-form-field-wrap .x-form-trigger-click{background-position:-34px 0;}
114 .x-trigger-wrap-focus .x-form-trigger{background-position:-51px 0;}
115 .x-trigger-wrap-focus .x-form-trigger-over{background-position:-68px 0;}
116 .x-trigger-wrap-focus .x-form-trigger-click{background-position:-85px 0;}
117 .x-trigger-wrap-focus .x-form-trigger{border-bottom:1px solid #7eadd9;}
118 .x-item-disabled .x-form-trigger-over{background-position:0 0!important;border-bottom:1px solid #B5B8C8;}
119 .x-item-disabled .x-form-trigger-click{background-position:0 0!important;border-bottom:1px solid #B5B8C8;}
120
121 /* .x-form-focus,textarea.x-form-focus{border:1px solid #7eadd9;} */
122 .x-form-focus,textarea.x-form-focus{border: 2px inset #000;}
123
124 .x-form-invalid,textarea.x-form-invalid{background:#fff url(../images/default/grid/invalid_line.gif) repeat-x bottom;border:1px solid #dd7870;}
125 .roo-safari .x-form-invalid{background-color:#fee;border:1px solid #ff7870;}
126 .x-editor{visibility:hidden;padding:0;margin:0;}
127 .x-form-check-wrap{line-height:18px;}
128 .roo-ie .x-form-check-wrap input{width:15px;height:15px;}
129 .x-editor .x-form-check-wrap{padding:3px;}
130 .x-editor .x-form-checkbox{height:13px;border:0 none;}
131 .x-form-grow-sizer{font:normal 12px tahoma,arial,helvetica,sans-serif;left:-10000px;padding:8px 3px;position:absolute;visibility:hidden;top:-10000px;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;zoom:1;}
132 .x-form-grow-sizer p{margin:0!important;border:0 none!important;padding:0!important;}
133 .x-form-item{font:normal 12px tahoma,arial,helvetica,sans-serif;display:block;margin-bottom:4px;}
134 .x-form-item label{display:block;float:left;width:100px;padding:3px;padding-left:0;clear:left;z-index:2;position:relative;}
135 .x-form-element{padding-left:105px;position:relative;}
136 .x-form-invalid-msg{color:#e00;padding:2px;padding-left:18px;font:normal 11px tahoma,arial,helvetica,sans-serif;background:transparent url(../images/default/shared/warning.gif) no-repeat 0 2px;line-height:16px;width:200px;}
137 .x-form-label-right label{text-align:right;}
138 .x-form-label-top .x-form-item label{width:auto;float:none;clear:none;display:inline;margin-bottom:4px;position:static;}
139 .x-form-label-top .x-form-element{padding-left:0;padding-top:4px;}
140 .x-form-label-top .x-form-item{padding-bottom:4px;}
141 .x-form fieldset{border:1px solid #B5B8C8;padding:10px 10px 5px 10px;margin-bottom:10px;}
142 .x-form fieldset legend{font:bold 11px tahoma,arial,helvetica,sans-serif;color:#15428b;}
143 .roo-ie .x-form fieldset legend{margin-bottom:10px;}
144 .roo-ie .x-form fieldset{padding-top:0;}
145 .x-form-empty-field{color:gray;}
146 .x-small-editor .x-form-field{font:normal 11px arial,tahoma,helvetica,sans-serif;}
147 .x-small-editor .x-form-text{height:20px;line-height:16px;vertical-align:middle;}
148 .roo-ie .x-small-editor .x-form-text{margin-top:-1px!important;margin-bottom:-1px!important;height:20px!important;line-height:16px!important;}
149 .roo-strict .x-small-editor .x-form-text{height:16px!important;}
150 .roo-safari .x-small-editor .x-form-field{font:normal 12px arial,tahoma,helvetica,sans-serif;}
151 .roo-ie .x-small-editor .x-form-text{height:20px;line-height:16px;}
152 .roo-border-box .x-small-editor .x-form-text{height:20px;}
153 .x-small-editor .x-form-select-one{height:20px;line-height:16px;vertical-align:middle;}
154 .x-small-editor .x-form-num-field{text-align:right;}
155 .x-small-editor .x-form-field-wrap .x-form-trigger{height:19px;}
156 .x-form-clear{clear:both;height:0;overflow:hidden;line-height:0;font-size:0;}
157 /* added 10px width here for chrome */
158 .x-form-clear-left{clear:left;height:0;overflow:hidden;line-height:0;font-size:0;width:10px}
159 .x-form-cb-label{width:'auto'!important;float:none!important;clear:none!important;display:inline!important;margin-left:4px;}
160 .x-form-column{float:left;padding:0;margin:0;width:48%;overflow:hidden;zoom:1;}
161 .x-form .x-form-btns-ct .x-btn{float:right;clear:none;}
162 .x-form .x-form-btns-ct .x-form-btns td{border:0;padding:0;}
163 .x-form .x-form-btns-ct .x-form-btns-right table{float:right;clear:none;}
164 .x-form .x-form-btns-ct .x-form-btns-left table{float:left;clear:none;}
165 .x-form .x-form-btns-ct .x-form-btns-center{text-align:center;}
166 .x-form .x-form-btns-ct .x-form-btns-center table{margin:0 auto;}
167 .x-form .x-form-btns-ct table td.x-form-btn-td{padding:3px;}
168 .x-form .x-form-btns-ct .x-btn-focus .x-btn-left{background-position:0 -147px;}
169 .x-form .x-form-btns-ct .x-btn-focus .x-btn-right{background-position:0 -168px;}
170 .x-form .x-form-btns-ct .x-btn-focus .x-btn-center{background-position:0 -189px;}
171 .x-form .x-form-btns-ct .x-btn-click .x-btn-center{background-position:0 -126px;}
172 .x-form .x-form-btns-ct .x-btn-click .x-btn-right{background-position:0 -84px;}
173 .x-form .x-form-btns-ct .x-btn-click .x-btn-left{background-position:0 -63px;}
174 .x-form-invalid-icon{width:16px;height:18px;visibility:hidden;position:absolute;left:0;top:0;display:block;background:transparent url(../images/default/form/exclamation.gif) no-repeat 0 2px;}
175 .roo-ie td .x-form-text{position:relative;top:-1px;}
176
177 .x-form .x-form-combo-add,
178 .x-form .x-form-combo-edit
179 {
180     background:transparent url(../images/default/dd/drop-add.gif) no-repeat scroll 0 0;
181     border-style:none none solid;
182     cursor:pointer;
183     height:21px;
184     position:absolute;
185     top:2;
186     width:17px;
187     margin-left: 20px;
188
189
190 .x-form .x-form-combo-edit
191 {
192     background:transparent url(../images/default/tree/leaf.gif) no-repeat scroll 0 0;
193
194
195
196
197 .x-btn{font:normal 11px tahoma,verdana,helvetica;cursor:pointer;white-space:nowrap;}
198 .x-btn button{border:0 none;background:transparent;font:normal 11px tahoma,verdana,helvetica;padding-left:3px;padding-right:3px;cursor:pointer;margin:0;overflow:visible;width:auto;-moz-outline:0 none;outline:0 none;}
199 * html .roo-ie .x-btn button{width:1px;}
200 .roo-gecko .x-btn button{padding-left:0;padding-right:0;}
201 .roo-ie .x-btn button{padding-top:2px;}
202 .x-btn-icon .x-btn-center .x-btn-text{background-position:center;background-repeat:no-repeat;height:16px;width:16px;cursor:pointer;white-space:nowrap;padding:0;}
203 .x-btn-icon .x-btn-center{padding:1px;}
204 .x-btn em{font-style:normal;font-weight:normal;}
205 .x-btn-text-icon .x-btn-center .x-btn-text{background-position:0 2px;background-repeat:no-repeat;padding-left:18px;padding-top:1px;padding-bottom:1px;padding-right:0;}
206 .x-btn-left,.x-btn-right{font-size:1px;line-height:1px;}
207 .x-btn-left{width:3px;height:21px;background:url(../images/default/basic-dialog/btn-sprite.gif) no-repeat 0 0;}
208 .x-btn-right{width:3px;height:21px;background:url(../images/default/basic-dialog/btn-sprite.gif) no-repeat 0 -21px;}
209 .x-btn-left i,.x-btn-right i{display:block;width:3px;overflow:hidden;font-size:1px;line-height:1px;}
210 .x-btn-center{background:url(../images/default/basic-dialog/btn-sprite.gif) repeat-x 0 -42px;vertical-align:middle;text-align:center;padding:0 5px;cursor:pointer;white-space:nowrap;}
211 .x-btn-over .x-btn-left{background-position:0 -63px;}
212 .x-btn-over .x-btn-right{background-position:0 -84px;}
213 .x-btn-over .x-btn-center{background-position:0 -105px;}
214 .x-btn-click .x-btn-center,.x-btn-menu-active .x-btn-center{background-position:0 -126px;}
215 .x-btn-disabled *{color:gray!important;cursor:default!important;}
216 .x-btn-menu-text-wrap .x-btn-center{padding:0 3px;}
217 .roo-gecko .x-btn-menu-text-wrap .x-btn-center{padding:0 1px;}
218 .x-btn-menu-arrow-wrap .x-btn-center{padding:0;}
219 .x-btn-menu-arrow-wrap .x-btn-center button{width:12px!important;height:21px;padding:0!important;display:block;background:transparent url(../images/default/basic-dialog/btn-arrow.gif) no-repeat left 3px;}
220 .x-btn-with-menu .x-btn-center{padding-right:2px!important;}
221 .x-btn-with-menu .x-btn-center em{display:block;background:transparent url(../images/default/toolbar/btn-arrow.gif) no-repeat right 0;padding-right:10px;}
222 .x-btn-text-icon .x-btn-with-menu .x-btn-center em{display:block;background:transparent url(../images/default/toolbar/btn-arrow.gif) no-repeat right 3px;padding-right:10px;}
223
224 .x-btn-clear .x-btn-center .x-btn-text  {
225         width:16px;
226         height:16px;
227         background:url(../images/default/basic-dialog/btn-clear.gif) no-repeat 0 0;
228 }
229
230
231
232 .x-toolbar{border-top:1px solid #eaf0f7;border-bottom:1px solid #a9bfd3;display:block;padding:2px;background:#d0def0 url(../images/default/layout/panel-title-light-bg.gif) repeat-x;position:relative;zoom:1;}
233 .x-toolbar .x-item-disabled .x-btn-icon{opacity:.35;-moz-opacity:.35;filter:alpha(opacity=35);}
234 .x-toolbar td{vertical-align:middle; padding: 0;}
235 .mso .x-toolbar,.x-grid-mso .x-toolbar{border:0 none;background:url(../images/default/grid/mso-hd.gif);}
236 .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{white-space:nowrap;font:normal 11px tahoma,arial,helvetica,sans-serif;}
237 .x-toolbar .x-item-disabled{color:gray;cursor:default;opacity:.6;-moz-opacity:.6;filter:alpha(opacity=60);}
238 .x-toolbar .x-item-disabled *{color:gray;cursor:default;}
239
240 /*
241 .x-toolbar .x-btn-left{background:none;}
242 .x-toolbar .x-btn-right{background:none;}
243 .x-toolbar .x-btn-center{background:none;padding:0;}
244 */
245 .x-toolbar .x-btn-menu-text-wrap .x-btn-center button{padding-right:2px;}
246 .roo-gecko .x-toolbar .x-btn-menu-text-wrap .x-btn-center button{padding-right:0;}
247 .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button{padding:0 2px;}
248
249 .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button{width:12px;background:transparent url(../images/default/toolbar/btn-arrow.gif) no-repeat 0 3px;}
250 .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button{width:12px;background:transparent url(../images/default/toolbar/btn-arrow.gif) no-repeat 0 3px;}
251 .x-toolbar .x-btn-over .x-btn-menu-arrow-wrap .x-btn-center button{background-position:0 -47px;}
252 .x-toolbar .x-btn-over .x-btn-left{background:url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 0;}
253 .x-toolbar .x-btn-over .x-btn-right{background:url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -21px;}
254 .x-toolbar .x-btn-over .x-btn-center{background:url(../images/default/toolbar/tb-btn-sprite.gif) repeat-x 0 -42px;}
255 .x-toolbar .x-btn-click .x-btn-left,.x-toolbar .x-btn-pressed .x-btn-left,.x-toolbar .x-btn-menu-active .x-btn-left{background:url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -63px;}
256 .x-toolbar .x-btn-click .x-btn-right,.x-toolbar .x-btn-pressed .x-btn-right,.x-toolbar .x-btn-menu-active .x-btn-right{background:url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -84px;}
257 .x-toolbar .x-btn-click .x-btn-center,.x-toolbar .x-btn-pressed .x-btn-center,.x-toolbar .x-btn-menu-active .x-btn-center{background:url(../images/default/toolbar/tb-btn-sprite.gif) repeat-x 0 -105px;}
258 .x-toolbar .x-btn-with-menu .x-btn-center em{padding-right:8px;}
259 .x-toolbar .ytb-text{padding:2px;}
260 .x-toolbar .ytb-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:0 2px 0;border:0;}
261 .x-toolbar .ytb-spacer{width:2px;}
262 .mso .x-toolbar .ytb-sep,.x-grid-mso .x-toolbar .ytb-sep{background-image:url(../images/default/grid/grid-blue-split.gif);}
263
264 .x-toolbar .x-toolbar-td { padding: 0 2; }
265 .x-grid-bottombar .x-toolbar .x-toolbar-td { padding: 0 0; }
266
267 .x-grid-page-number{width:24px;height:14px;}
268 .x-grid-page-first .x-btn-text{background-image:url(../images/default/grid/page-first.gif);}
269 .x-grid-loading .x-btn-text{background-image:url(../images/default/grid/done.gif);}
270 .x-grid-page-last .x-btn-text{background-image:url(../images/default/grid/page-last.gif);}
271 .x-grid-page-next .x-btn-text{background-image:url(../images/default/grid/page-next.gif);}
272 .x-grid-page-prev .x-btn-text{background-image:url(../images/default/grid/page-prev.gif);}
273 .x-item-disabled .x-grid-loading .x-btn-text{background-image:url(../images/default/grid/loading.gif);}
274 .x-item-disabled .x-grid-page-first .x-btn-text{background-image:url(../images/default/grid/page-first-disabled.gif);}
275 .x-item-disabled .x-grid-page-last .x-btn-text{background-image:url(../images/default/grid/page-last-disabled.gif);}
276 .x-item-disabled .x-grid-page-next .x-btn-text{background-image:url(../images/default/grid/page-next-disabled.gif);}
277 .x-item-disabled .x-grid-page-prev .x-btn-text{background-image:url(../images/default/grid/page-prev-disabled.gif);}
278 .x-paging-info{position:absolute;top:8px;right:8px;color:#15428b;}
279
280 .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;}
281 .x-resizable-handle-east{width:6px;cursor:e-resize;right:0;top:0;height:100%;}
282 .roo-ie .x-resizable-handle-east{margin-right:-1px;}
283 .x-resizable-handle-south{width:100%;cursor:s-resize;left:0;bottom:0;height:6px;}
284 .roo-ie .x-resizable-handle-south{margin-bottom:-1px;}
285 .x-resizable-handle-west{width:6px;cursor:w-resize;left:0;top:0;height:100%;}
286 .x-resizable-handle-north{width:100%;cursor:n-resize;left:0;top:0;height:6px;}
287 .x-resizable-handle-southeast{width:6px;cursor:se-resize;right:0;bottom:0;height:6px;z-index:101;}
288 .x-resizable-handle-northwest{width:6px;cursor:nw-resize;left:0;top:0;height:6px;z-index:101;}
289 .x-resizable-handle-northeast{width:6px;cursor:ne-resize;right:0;top:0;height:6px;z-index:101;}
290 .x-resizable-handle-southwest{width:6px;cursor:sw-resize;left:0;bottom:0;height:6px;z-index:101;}
291 .x-resizable-over .x-resizable-handle,.x-resizable-pinned .x-resizable-handle{filter:alpha(opacity=100);opacity:1;}
292 .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;}
293 .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;}
294 .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;}
295 .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;}
296 .x-resizable-over .x-resizable-handle-southeast,.x-resizable-pinned .x-resizable-handle-southeast{background:url(../images/default/sizer/se-handle.gif);background-position:top left;}
297 .x-resizable-over .x-resizable-handle-northwest,.x-resizable-pinned .x-resizable-handle-northwest{background:url(../images/default/sizer/nw-handle.gif);background-position:bottom right;}
298 .x-resizable-over .x-resizable-handle-northeast,.x-resizable-pinned .x-resizable-handle-northeast{background:url(../images/default/sizer/ne-handle.gif);background-position:bottom left;}
299 .x-resizable-over .x-resizable-handle-southwest,.x-resizable-pinned .x-resizable-handle-southwest{background:url(../images/default/sizer/sw-handle.gif);background-position:top right;}
300 .x-resizable-proxy{border:1px dashed #6593cf;position:absolute;overflow:hidden;display:none;left:0;top:0;z-index:50000;}
301 .x-resizable-overlay{width:100%;height:100%;display:none;position:absolute;left:0;top:0;background:white;z-index:200000;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);}
302
303 /* .x-grid{position:relative;overflow:hidden;background-color:#fff;} */
304 .x-grid{position:absolute;overflow:hidden;background-color:#fff;top:0;left:0;}
305 .x-grid-scroller{overflow:auto;display: block; left:0; top:0; }
306 .x-grid-viewport,.x-grid-locked{position:absolute;left:0;top:0;z-index:2;overflow:hidden;visibility:hidden;}
307 .x-grid-cell-inner,.x-grid-hd-inner{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
308 .x-grid-hd-row td,.x-grid-row td{font:normal 11px arial,tahoma,helvetica,sans-serif;line-height:13px;white-space:nowrap;vertical-align:top;-moz-outline:none;-moz-user-focus:normal;}
309 .x-grid-hd-row td{line-height:14px;}
310 .x-grid-col{border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;}
311 .x-grid-locked .x-grid-body td{background-color:#FBFDFF;border-right:1px solid #deecfd;border-bottom:1px solid #deecfd!important;}
312 .x-grid-locked .x-grid-body td .x-grid-cell-inner{border-top:0 none;}
313 .x-grid-locked .x-grid-row-alt td{background-color:#F5FAFE;}
314 .x-grid-locked .x-grid-header table{border-right:1px solid transparent;}
315 .x-grid-locked .x-grid-body table{border-right:1px solid #c3daf9;}
316 .x-grid-row{cursor:default;}
317 .x-grid-row-alt{background-color:#f1f1f1;}
318 .x-grid-row-over td{background-color:#d9e8fb;}
319 .x-grid-resize-proxy{width:3px;background-color:#ccc;cursor:e-resize;cursor:col-resize;position:absolute;top:0;height:100px;overflow:hidden;visibility:hidden;border:0 none;z-index:7;}
320 .x-grid-focus{position:absolute;top:0;-moz-outline:0 none;outline:0 none;-moz-user-select:normal;-khtml-user-select:normal;}
321 .x-grid-header{background:#ebeadb url(../images/default/grid/grid-hrow.gif) repeat-x;overflow:hidden;position:relative;cursor:default;width:100%;}
322 .x-grid-hd-row{height:22px;}
323 .x-grid-hd{padding-right:1px;}
324 .x-grid-hd-over .x-grid-hd-inner{border-bottom:1px solid #c3daf9;}
325 .x-grid-hd-over .x-grid-hd-text{background:#fafafa url(../images/default/grid/grid-hrow.gif) repeat-x 0 1px;padding-bottom:1px;border-bottom:1px solid #b3cae9;}
326 .x-grid-sort-icon{background-repeat:no-repeat;display:none;height:4px;width:13px;margin-left:3px;vertical-align:middle;}
327 .x-grid-header .sort-asc .x-grid-sort-icon{background-image:url(../images/default/grid/sort_asc.gif);display:inline;}
328 .x-grid-header .sort-desc .x-grid-sort-icon{background-image:url(../images/default/grid/sort_desc.gif);display:inline;}
329 .x-grid-body{overflow:hidden;position:relative;width:100%;zoom:1;}
330 .x-grid-cell-text,.x-grid-hd-text{display:block;padding:3px 5px 3px 5px;-moz-user-select:none;-khtml-user-select:none;color:black;}
331 .x-grid-hd-text{padding-top:4px;}
332 .x-grid-split{background-image:url(../images/default/grid/grid-split.gif);background-position:center;background-repeat:no-repeat;cursor:e-resize;cursor:col-resize;display:block;font-size:1px;height:16px;overflow:hidden;position:absolute;top:2px;width:6px;z-index:3;}
333 .x-grid-hd-text{color:#15428b;}
334 .x-dd-drag-proxy .x-grid-hd-inner{background:#ebeadb url(../images/default/grid/grid-hrow.gif) repeat-x;height:22px;width:120px;}
335 .col-move-top,.col-move-bottom{width:9px;height:9px;position:absolute;top:0;line-height:1px;font-size:1px;overflow:hidden;visibility:hidden;z-index:20000;}
336 /*
337 .col-move-top{background:transparent url(../images/default/grid/col-move-top.gif) no-repeat left top;}
338 .col-move-bottom{background:transparent url(../images/default/grid/col-move-bottom.gif) no-repeat left top;}
339 */
340 .x-grid-row-selected td,.x-grid-locked .x-grid-row-selected td{background-color:#316ac5!important;color:white;}
341 .x-grid-row-selected span,.x-grid-row-selected b,.x-grid-row-selected div,.x-grid-row-selected strong,.x-grid-row-selected i{color:white!important;}
342 .x-grid-row-selected .x-grid-cell-text{color:white;}
343 .x-grid-cell-selected{background-color:#316ac5!important;color:white;}
344 .x-grid-cell-selected span{color:white!important;}
345 .x-grid-cell-selected .x-grid-cell-text{color:white;}
346 .x-grid-locked td.x-grid-row-marker,.x-grid-locked .x-grid-row-selected td.x-grid-row-marker{background:#ebeadb url(../images/default/grid/grid-hrow.gif) repeat-x 0 bottom!important;vertical-align:middle!important;color:black;padding:0;border-top:1px solid white;border-bottom:none!important;border-right:1px solid #6fa0df!important;text-align:center;}
347 .x-grid-locked td.x-grid-row-marker div,.x-grid-locked .x-grid-row-selected td.x-grid-row-marker div{padding:0 4px;color:#15428b!important;text-align:center;}
348 .x-grid-dirty-cell{background:transparent url(../images/default/grid/dirty.gif) no-repeat 0 0;}
349 .x-grid-row-alt .x-grid-dirty-cell{background-color:#f1f1f1;}
350 .x-grid-topbar,.x-grid-bottombar{font:normal 11px arial,tahoma,helvetica,sans-serif;overflow:hidden;display:none;zoom:1;position:relative;}
351 .x-grid-topbar .x-toolbar{border-right:0 none;}
352 .x-grid-bottombar .x-toolbar{border-right:0 none;border-bottom:0 none;border-top:1px solid #a9bfd3;}
353 .x-props-grid .x-grid-cell-selected .x-grid-cell-text{background-color:#316ac5!important;}
354 .x-props-grid .x-grid-col-value .x-grid-cell-text{background-color:white;}
355 .x-props-grid .x-grid-col-name{background-color:#c3daf9;}
356 .x-props-grid .x-grid-col-name .x-grid-cell-text{background-color:white;margin-left:10px;}
357 .x-props-grid .x-grid-split-value{visibility:hidden;}
358 .xg-hmenu-sort-asc .x-menu-item-icon{background-image:url(../images/default/grid/hmenu-asc.gif);}
359 .xg-hmenu-sort-desc .x-menu-item-icon{background-image:url(../images/default/grid/hmenu-desc.gif);}
360 .xg-hmenu-lock .x-menu-item-icon{background-image:url(../images/default/grid/hmenu-lock.gif);}
361 .xg-hmenu-unlock .x-menu-item-icon{background-image:url(../images/default/grid/hmenu-unlock.gif);}
362 .x-dd-drag-ghost .x-grid-dd-wrap{padding:1px 3px 3px 1px;}
363
364 .x-layout-container{width:100%;height:100%;overflow:hidden;background-color:#c3daf9;}
365 .x-layout-container .x-layout-tabs-body{border:0 none;}
366 .x-layout-collapsed{position:absolute;left:-10000px;top:-10000px;visibility:hidden;background-color:#eee;width:20px;height:20px;overflow:hidden;border:1px solid #98c0f4;z-index:20;}
367 .roo-border-box .x-layout-collapsed{width:22px;height:22px;}
368 .x-layout-collapsed-over{cursor:pointer;background-color:#d9e8fb;}
369 .x-layout-collapsed-west .x-layout-collapsed-tools,
370 .x-layout-collapsed-east .x-layout-collapsed-tools{
371         position:absolute;
372         float:left;
373         overflow:hidden;
374         top:0;left:0;
375         width:15px;height:15px;
376 }
377 .x-layout-collapsed-north .x-layout-collapsed-tools,
378 .x-layout-collapsed-south .x-layout-collapsed-tools{
379         position:absolute;
380         float:left;
381         overflow:hidden;
382         top:0;right:0;
383         width:15px;height:15px;
384 }
385 .x-layout-collapsed .x-layout-tools-button{margin:0;}
386 .x-layout-collapsed .x-layout-tools-button-inner{
387         width:15px;height:15px;
388 }
389 .x-layout-inactive-content{position:absolute;left:-10000px;top:-10000px;visibility:hidden;}
390 .x-layout-active-content{visibility:visible;}
391 .x-layout-panel{position:absolute;border:1px solid #eee;overflow:hidden;background-color:white;}
392 .x-layout-panel-east,.x-layout-panel-west{z-index:10;}
393 .x-layout-panel-north,.x-layout-panel-south{z-index:11;}
394 .x-layout-collapsed-north,.x-layout-collapsed-south,.x-layout-collapsed-east,.x-layout-collapsed-west{z-index:12;}
395 .x-layout-panel-body{overflow:hidden;}
396 .x-layout-split{position:absolute;height:5px;width:5px;line-height:1px;font-size:1px;z-index:3;background-color:#c3daf9;}
397
398 .x-layout-panel-hd {background-image:url(../images/default/layout/panel-title-light-bg.gif);color:black;border-bottom:1px solid #98c0f4;position:relative;}
399 .x-layout-panel-hd-text {font:normal 11px tahoma,verdana,helvetica;padding:4px;padding-left:4px;display:block;white-space:nowrap;}
400 .x-layout-panel-hd-tools {
401     position:absolute;right:0;top:0;text-align:right;padding-top:2px;padding-right:2px;width:60px;
402 }
403
404 .x-layout-tools-button {
405     z-index:6;
406     padding:2px;
407     cursor:pointer;
408     float:right;
409     background-image:url("../images/default/layout/tool-sprites.gif");
410 }
411
412 .x-layout-tools-button-over { padding:1px;border:1px solid #98c0f4;background-color:white; }
413 .x-layout-tools-button-inner{height:12px;width:12px;line-height:1px;font-size:1px;background-repeat:no-repeat;background-position:center;}
414 .x-layout-close{background-image:url(../images/default/layout/panel-close.gif);}
415 .x-layout-stick{background-image:url(../images/default/layout/stick.gif);}
416
417 /** we changed to use the sprite */
418
419 .x-layout-collapse-west,.x-layout-expand-east { background-position: 0 -180px; }
420 .x-layout-tools-button-over .x-tool-collapse-west,
421 .x-layout-tools-button-over .x-layout-expand-east { background-position: -15px -180px;}
422
423 .x-layout-collapse-east,.x-layout-expand-west { background-position: 0 -165px; }
424 .x-layout-tools-button-over .x-tool-collapse-east,
425 .x-layout-tools-button-over .x-tool-expand-west { background-position: -15px -165px;}
426
427 .x-layout-collapse-north,.x-layout-expand-south{  background-position: 0 -195px; }
428 .x-layout-tools-button-over .x-tool-collapse-north,
429 .x-layout-tools-button-over .x-tool-expand-south { background-position: -15px -195px;}
430
431 .x-layout-expand-north,.x-layout-collapse-south{  background-position: 0 -195px; }
432 .x-layout-tools-button-over .x-tool-collapse-south,
433 .x-layout-tools-button-over .x-tool-expand-north { background-position: -15px -195px;}
434
435 .x-layout-split-h{background-image:url(../images/default/sizer/e-handle.gif);background-position:left;}
436 .x-layout-split-v{background-image:url(../images/default/sizer/s-handle.gif);background-po5sition:top;}
437 .x-layout-panel .x-tabs-wrap{background:url(../images/default/layout/panel-title-light-bg.gif);}
438 .x-layout-panel .x-tabs-body{background-color:white;overflow:auto;height:100%;}
439 .x-layout-component-panel,.x-layout-nested-layout{position:relative;padding:0;overflow:hidden;width:200px;height:200px;}
440 .x-layout-nested-layout .x-layout-panel{border:0 none;}
441 .x-layout-nested-layout .x-layout-panel-north{border-bottom:1px solid #98c0f4;}
442 .x-layout-nested-layout .x-layout-panel-south{border-top:1px solid #98c0f4;}
443 .x-layout-nested-layout .x-layout-panel-east{border-left:1px solid #98c0f4;}
444 .x-layout-nested-layout .x-layout-panel-west{border-right:1px solid #98c0f4;}
445 .x-layout-panel-dragover{border:2px solid #6593cf;}
446 .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;}
447 .x-layout-slider{z-index:15;overflow:hidden;position:absolute;}
448 .x-scroller-up,.x-scroller-down{background-color:#c3daf9;border:1px solid #6593cf;border-top-color:#fff;border-left-color:#fff;border-right:0 none;cursor:pointer;overflow:hidden;line-height:16px;}
449 .x-scroller-down{border-bottom:0 none;border-top:1px solid #6593cf;}
450 .x-scroller-btn-over{background-color:#d9e8f8;}
451 .x-scroller-btn-click{background-color:#AECEF7;}
452 .x-scroller-btn-disabled{cursor:default;background-color:#c3daf9;-moz-opacity:0.3;opacity:.30;filter:alpha(opacity=30);}
453 .x-reader .x-layout-panel-north{border:0 none;}
454 .x-reader .x-layout-panel-center{border:0 none;}
455 .x-reader .x-layout-nested-layout .x-layout-panel-center{border:1px solid #99bbe8;border-top:0 none;}
456 .x-reader .x-layout-nested-layout .x-layout-panel-south{border:1px solid #99bbe8;}
457
458 .x-dlg-proxy{background-image:url(../images/default/gradient-bg.gif);background-color:#c3daf9;border:1px solid #6593cf;z-index:10001;overflow:hidden;position:absolute;left:0;top:0;}
459 .x-dlg-shadow{background:#aaa;position:absolute;left:0;top:0;}
460 .x-dlg-focus{-moz-outline:0 none;outline:0 none;width:0;height:0;overflow:hidden;position:absolute;top:0;left:0;}
461 .x-dlg-mask{z-index:10000;display:none;position:absolute;top:0;left:0;-moz-opacity:0.5;opacity:.50;filter:alpha(opacity=50);background-color:#CCC;}
462 body.x-body-masked select{visibility:hidden;}
463 body.x-body-masked .x-dlg select{visibility:visible;}
464 .x-dlg{z-index:10001;overflow:hidden;position:absolute;left:300;top:0;}
465 .x-dlg .x-dlg-hd{
466         background:url(../images/default/basic-dialog/hd-sprite.gif) repeat-x 0 -82px;
467         background-color:navy;
468         color:#FFF;
469         font:bold 11px "sans serif",tahoma,verdana,helvetica;
470         overflow:hidden;
471         padding:5px;
472         white-space:nowrap;
473     }
474 .x-dlg .x-dlg-hd-left{background:url(../images/default/basic-dialog/hd-sprite.gif) no-repeat 0 -41px;padding-left:3px;margin:0;}
475 .x-dlg .x-dlg-hd-right{background:url(../images/default/basic-dialog/hd-sprite.gif) no-repeat right 0;padding-right:3px;}
476 .x-dlg .x-dlg-dlg-body{background:url(../images/default/layout/gradient-bg.gif);border:1px solid #6593cf;border-top:0 none;padding:10px;position:absolute;top:24px;left:0;z-index:1;overflow:hidden;}
477 .x-dlg-collapsed .x-resizable-handle{display:none;}
478 .x-dlg .x-dlg-bd{overflow:hidden;}
479 .x-dlg .x-dlg-ft{overflow:hidden;padding:5px;padding-bottom:0;}
480 .x-dlg .x-tabs-body{background:white;overflow:auto;}
481 .x-dlg .x-tabs-top .x-tabs-body{border:1px solid #6593cf;border-top:0 none;}
482 .x-dlg .x-tabs-bottom .x-tabs-body{border:1px solid #6593cf;border-bottom:0 none;}
483 .x-dlg .x-layout-container .x-tabs-body{border:0 none;}
484 .x-dlg .inner-tab{margin:5px;}
485 .x-dlg .x-dlg-ft .x-btn{margin-right:5px;float:right;clear:none;}
486 .x-dlg .x-dlg-ft .x-dlg-btns td{border:0;padding:0;}
487 .x-dlg .x-dlg-ft .x-dlg-btns-right table{float:right;clear:none;}
488 .x-dlg .x-dlg-ft .x-dlg-btns-left table{float:left;clear:none;}
489 .x-dlg .x-dlg-ft .x-dlg-btns-center{text-align:center;}
490 .x-dlg .x-dlg-ft .x-dlg-btns-center table{margin:0 auto;}
491 .x-dlg .x-dlg-ft .x-dlg-btns .x-btn-focus .x-btn-left{background-position:0 -147px;}
492 .x-dlg .x-dlg-ft .x-dlg-btns .x-btn-focus .x-btn-right{background-position:0 -168px;}
493 .x-dlg .x-dlg-ft .x-dlg-btns .x-btn-focus .x-btn-center{background-position:0 -189px;}
494 .x-dlg .x-dlg-ft .x-dlg-btns .x-btn-click .x-btn-center{background-position:0 -126px;}
495 .x-dlg .x-dlg-ft .x-dlg-btns .x-btn-click .x-btn-right{background-position:0 -84px;}
496 .x-dlg .x-dlg-ft .x-dlg-btns .x-btn-click .x-btn-left{background-position:0 -63px;}
497 .x-dlg-draggable .x-dlg-hd{cursor:move;}
498 .x-dlg-closable .x-dlg-hd{padding-right:22px;}
499 .x-dlg-toolbox{position:absolute;top:4px;right:4px;z-index:6;width:40px;cursor:default;height:15px;background:transparent;}
500 .x-dlg .x-dlg-close,.x-dlg .x-dlg-collapse{float:right;height:15px;width:15px;margin:0;margin-left:2px;padding:0;line-height:1px;font-size:1px;background-repeat:no-repeat;cursor:pointer;visibility:inherit;}
501
502 .x-dlg .x-dlg-close{
503     background-image:url("../images/default/layout/tool-sprites.gif");
504     background-position:0 0;
505 }
506 .x-dlg .x-dlg-close-over {
507     background-position:-15px 0;
508 }
509
510 .x-dlg .x-dlg-collapse{
511     background-image:url("../images/default/layout/tool-sprites.gif");
512     background-position:0 -15px;
513 }
514 .x-dlg .x-dlg-collapse-over {
515     background-position:-15px -15px;
516 }
517
518 /*    background-image:url(../images/default/basic-dialog/collapse.gif);} */
519 .x-dlg-collapsed .x-dlg-collapse{
520     background-image:url("../images/default/layout/tool-sprites.gif");
521     background-position:0 -30px;
522 }
523
524 .x-dlg div.x-resizable-handle-east{background-image:url(../images/default/basic-dialog/e-handle.gif);border:0;background-position:right;margin-right:0;}
525 .x-dlg div.x-resizable-handle-south{background-image:url(../images/default/sizer/s-handle-dark.gif);border:0;height:6px;}
526 .x-dlg div.x-resizable-handle-west{background-image:url(../images/default/basic-dialog/e-handle.gif);border:0;background-position:1px;}
527 .x-dlg div.x-resizable-handle-north{background-image:url(../images/default/s.gif);border:0;}
528 .x-dlg div.x-resizable-handle-northeast,.xtheme-gray .x-dlg div.x-resizable-handle-northeast{background-image:url(../images/default/s.gif);border:0;}
529 .x-dlg div.x-resizable-handle-northwest,.xtheme-gray .x-dlg div.x-resizable-handle-northwest{background-image:url(../images/default/s.gif);border:0;}
530 .x-dlg div.x-resizable-handle-southeast{background-image:url(../images/default/basic-dialog/se-handle.gif);background-position:bottom right;width:8px;height:8px;border:0;}
531 .x-dlg div.x-resizable-handle-southwest{background-image:url(../images/default/sizer/sw-handle-dark.gif);background-position:top right;margin-left:1px;margin-bottom:1px;border:0;}
532 #x-msg-box .x-dlg-ft .x-btn{float:none;clear:none;margin:0 3px;}
533 #x-msg-box .x-dlg-bd{padding:5px;overflow:hidden!important;font:normal 13px verdana,tahoma,sans-serif;}
534 #x-msg-box .roo-mb-input{margin-top:4px;width:95%;}
535 #x-msg-box .roo-mb-textarea{margin-top:4px;font:normal 13px verdana,tahoma,sans-serif;}
536 #x-msg-box .roo-mb-text{display:inline;}
537 #x-msg-box .roo-mb-progress-wrap{margin-top:4px;border:1px solid #6593cf;}
538 #x-msg-box .roo-mb-progress{height:18px;background:#e0e8f3 url(../images/default/qtip/bg.gif) repeat-x;}
539 #x-msg-box .roo-mb-progress-bar{height:18px;overflow:hidden;width:0;background:#8BB8F3;border-top:1px solid #B2D0F7;border-bottom:1px solid #65A1EF;border-right:1px solid #65A1EF;}
540 #x-msg-box .x-msg-box-wait{background:transparent url(../images/default/grid/loading.gif) no-repeat left;display:block;width:300px;padding-left:18px;line-height:18px;}
541
542 .x-dd-drag-proxy{position:absolute;left:0;top:0;visibility:hidden;z-index:15000;}
543 .x-dd-drag-ghost{color:black;font:normal 11px arial,helvetica,sans-serif;-moz-opacity:0.85;opacity:.85;filter:alpha(opacity=85);border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #bbb;border-bottom:1px solid #bbb;padding:3px;padding-left:20px;background-color:white;white-space:nowrap;}
544 .x-dd-drag-repair .x-dd-drag-ghost{-moz-opacity:0.4;opacity:.4;filter:alpha(opacity=40);border:0 none;padding:0;background-color:transparent;}
545 .x-dd-drag-repair .x-dd-drop-icon{visibility:hidden;}
546 .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;}
547 .x-dd-drop-nodrop .x-dd-drop-icon{background-image:url(../images/default/dd/drop-no.gif);}
548 .x-dd-drop-ok .x-dd-drop-icon{background-image:url(../images/default/dd/drop-yes.gif);}
549 .x-dd-drop-ok-add .x-dd-drop-icon{background-image:url(../images/default/dd/drop-add.gif);}
550 .x-dd-drop-ok-sub .x-dd-drop-icon{background-image:url(../images/default/dd/drop-sub.gif);}
551
552 .x-tree-icon,.x-tree-ec-icon,.x-tree-elbow-line,.x-tree-elbow,.x-tree-elbow-end,.x-tree-elbow-plus,.x-tree-elbow-minus,.x-tree-elbow-end-plus,.x-tree-elbow-end-minus{border:0 none;height:18px;margin:0;padding:0;vertical-align:middle;width:16px;background-repeat:no-repeat;}
553 .x-tree-node-collapsed .x-tree-node-icon,.x-tree-node-expanded .x-tree-node-icon,.x-tree-node-leaf .x-tree-node-icon{border:0 none;height:18px;margin:0;padding:0;vertical-align:middle;width:16px;background-position:center;background-repeat:no-repeat;}
554 .x-tree-node-collapsed .x-tree-node-icon{background-image:url(../images/default/tree/folder.gif);}
555 .x-tree-node-expanded .x-tree-node-icon{background-image:url(../images/default/tree/folder-open.gif);}
556 .x-tree-node-leaf .x-tree-node-icon{background-image:url(../images/default/tree/leaf.gif);}
557 .roo-ie input.x-tree-node-cb{width:15px;height:15px;}
558 input.x-tree-node-cb{margin-left:1px;}
559 .roo-ie input.x-tree-node-cb{margin-left:0;}
560 .x-tree-noicon .x-tree-node-icon{width:0;height:0;}
561 .x-tree-node-loading .x-tree-node-icon{background-image:url(../images/default/tree/loading.gif)!important;}
562 .x-tree-node-loading a span{font-style:italic;color:#444;}
563 .x-tree-lines .x-tree-elbow{background-image:url(../images/default/tree/elbow.gif);}
564 .x-tree-lines .x-tree-elbow-plus{background-image:url(../images/default/tree/elbow-plus.gif);}
565 .x-tree-lines .x-tree-elbow-minus{background-image:url(../images/default/tree/elbow-minus.gif);}
566 .x-tree-lines .x-tree-elbow-end{background-image:url(../images/default/tree/elbow-end.gif);}
567 .x-tree-lines .x-tree-elbow-end-plus{background-image:url(../images/default/tree/elbow-end-plus.gif);}
568 .x-tree-lines .x-tree-elbow-end-minus{background-image:url(../images/default/tree/elbow-end-minus.gif);}
569 .x-tree-lines .x-tree-elbow-line{background-image:url(../images/default/tree/elbow-line.gif);}
570 .x-tree-no-lines .x-tree-elbow{background:transparent;}
571 .x-tree-no-lines .x-tree-elbow-plus{background-image:url(../images/default/tree/elbow-plus-nl.gif);}
572 .x-tree-no-lines .x-tree-elbow-minus{background-image:url(../images/default/tree/elbow-minus-nl.gif);}
573 .x-tree-no-lines .x-tree-elbow-end{background:transparent;}
574 .x-tree-no-lines .x-tree-elbow-end-plus{background-image:url(../images/default/tree/elbow-end-plus-nl.gif);}
575 .x-tree-no-lines .x-tree-elbow-end-minus{background-image:url(../images/default/tree/elbow-end-minus-nl.gif);}
576 .x-tree-no-lines .x-tree-elbow-line{background:transparent;}
577 .x-tree-elbow-plus,.x-tree-elbow-minus,.x-tree-elbow-end-plus,.x-tree-elbow-end-minus{cursor:pointer;}
578 .roo-ie ul.x-tree-node-ct{font-size:0;line-height:0;}
579 .x-tree-node{color:black;font:normal 11px arial,tahoma,helvetica,sans-serif;white-space:nowrap;}
580 .x-tree-node a,.x-dd-drag-ghost a{text-decoration:none;color:black;-khtml-user-select:none;-moz-user-select:none;-kthml-user-focus:normal;-moz-user-focus:normal;-moz-outline:0 none;outline:0 none;}
581 .x-tree-node a span,.x-dd-drag-ghost a span{text-decoration:none;color:black;padding:1px 3px 1px 2px;}
582 .x-tree-node .x-tree-node-disabled a span{color:gray!important;}
583 .x-tree-node .x-tree-node-disabled .x-tree-node-icon{-moz-opacity:0.5;opacity:.5;filter:alpha(opacity=50);}
584 .x-tree-node .x-tree-node-inline-icon{background:transparent;}
585 .x-tree-node a:hover,.x-dd-drag-ghost a:hover{text-decoration:none;}
586 .x-tree-node div.x-tree-drag-insert-below{border-bottom:1px dotted #36c;}
587 .x-tree-node div.x-tree-drag-insert-above{border-top:1px dotted #36c;}
588 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{border-bottom:0 none;}
589 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{border-top:0 none;}
590 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{border-bottom:2px solid #36c;}
591 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{border-top:2px solid #36c;}
592 .x-tree-node .x-tree-drag-append a span{background:#ddd;border:1px dotted gray;}
593 .x-tree-node .x-tree-selected a span{background:#36c;color:white;}
594 .x-dd-drag-ghost .x-tree-node-indent,.x-dd-drag-ghost .x-tree-ec-icon{display:none!important;}
595 .x-tree-drop-ok-append .x-dd-drop-icon{background-image:url(../images/default/tree/drop-add.gif);}
596 .x-tree-drop-ok-above .x-dd-drop-icon{background-image:url(../images/default/tree/drop-over.gif);}
597 .x-tree-drop-ok-below .x-dd-drop-icon{background-image:url(../images/default/tree/drop-under.gif);}
598 .x-tree-drop-ok-between .x-dd-drop-icon{background-image:url(../images/default/tree/drop-between.gif);}
599
600 .x-tip{position:absolute;top:0;left:0;visibility:hidden;z-index:20000;border:0 none;}
601 .x-tip .x-tip-close{background-image:url(../images/default/qtip/close.gif);height:15px;float:right;width:15px;margin:0 0 2px 2px;cursor:pointer;display:none;}
602 /*
603 .x-tip .x-tip-top{height:6px;overflow:hidden;}
604 .x-tip .x-tip-top-left{padding-left:6px;zoom:1;}
605 .x-tip .x-tip-top-right{padding-right:6px;zoom:1;}
606 .x-tip .x-tip-ft{height:6px;overflow:hidden;}
607 .x-tip .x-tip-ft-left{padding-left:6px;zoom:1;}
608 .x-tip .x-tip-ft-right{padding-right:6px;zoom:1;}
609 .x-tip .x-tip-bd{border:0 none;font:normal 11px tahoma,arial,helvetica,sans-serif;}
610 .x-tip .x-tip-bd-left{padding-left:6px;zoom:1;}
611 .x-tip .x-tip-bd-right{padding-right:6px;zoom:1;}
612 */
613 .x-tip h3{font:bold 11px tahoma,arial,helvetica,sans-serif;margin:0;padding:2px 0;color:#444;background:#eee;}
614
615 .x-tip .x-tip-bd-inner{
616         font:normal 11px tahoma,arial,helvetica,sans-serif;
617         margin:0!important;
618         line-height:14px;
619         color:#444;
620         float:left;
621         background:#ff9;
622         padding:3px;
623         border: 1px solid #ca0;
624 }
625
626 /*
627 .x-form-invalid-tip .x-tip-top{background-image:url(../images/default/form/error-tip-corners.gif);}
628 .x-form-invalid-tip .x-tip-top-left{background-image:url(../images/default/form/error-tip-corners.gif);}
629 .x-form-invalid-tip .x-tip-top-right{background-image:url(../images/default/form/error-tip-corners.gif);}
630 .x-form-invalid-tip .x-tip-ft{background-image:url(../images/default/form/error-tip-corners.gif);}
631 .x-form-invalid-tip .x-tip-ft-left{background-image:url(../images/default/form/error-tip-corners.gif);}
632 .x-form-invalid-tip .x-tip-ft-right{background-image:url(../images/default/form/error-tip-corners.gif);}
633 .x-form-invalid-tip .x-tip-bd-left{background-image:url(../images/default/form/error-tip-corners.gif);}
634 .x-form-invalid-tip .x-tip-bd-right{background-image:url(../images/default/form/error-tip-corners.gif);}
635 .x-form-invalid-tip .x-tip-bd .x-tip-bd-inner{padding-left:24px;background:transparent url(../images/default/form/exclamation.gif) no-repeat 2px 2px;}
636 .x-form-invalid-tip .x-tip-bd-inner{padding:2px;}
637
638 */
639 .x-form-invalid-tip .x-tip-bd .x-tip-bd-inner{
640         padding:3px;
641         padding-left:24px;
642         background:#F99 url(../images/default/form/exclamation.gif) no-repeat 2px 2px;
643         border: 1px solid #f00;
644 }
645
646
647
648
649
650 .x-date-picker{border:1px solid #1b376c;border-top:0 none;background:#fff;position:relative;}
651 .x-date-picker a{-moz-outline:0 none;outline:0 none;}
652 .x-date-inner,.x-date-inner td,.x-date-inner th{border-collapse:separate;}
653 .x-date-middle,.x-date-left,.x-date-right{background:url(../images/default/basic-dialog/hd-sprite.gif) repeat-x 0 -83px;color:#FFF;font:bold 11px "sans serif",tahoma,verdana,helvetica;overflow:hidden;}
654 .x-date-middle .x-btn-left,.x-date-middle .x-btn-center,.x-date-middle .x-btn-right{background:transparent!important;vertical-align:middle;}
655 .x-date-middle .x-btn .x-btn-text{color:#fff;}
656 .x-date-middle .x-btn-with-menu .x-btn-center em{background:transparent url(../images/default/toolbar/btn-arrow-light.gif) no-repeat right 0;}
657 .x-date-right,.x-date-left{width:18px;}
658 .x-date-right{text-align:right;}
659 .x-date-middle{padding-top:2px;padding-bottom:2px;}
660 .x-date-right a,.x-date-left a{display:block;width:16px;height:16px;background-position:center;background-repeat:no-repeat;cursor:pointer;-moz-opacity:0.6;opacity:.6;filter:alpha(opacity=60);}
661 .x-date-right a:hover,.x-date-left a:hover{-moz-opacity:1;opacity:1;filter:alpha(opacity=100);}
662 .x-date-right a{background-image:url(../images/default/grid/arrow-right-white.gif);margin-right:2px;text-decoration:none!important;}
663 .x-date-left a{background-image:url(../images/default/grid/arrow-left-white.gif);margin-left:2px;text-decoration:none!important;}
664 table.x-date-inner{width:100%;table-layout:fixed;}
665 .x-date-inner th{width:25px;}
666 .x-date-inner th{background:#dfecfb url(../images/default/shared/glass-bg.gif) repeat-x left top;text-align:right!important;border-bottom:1px solid #a3bad9;font:normal 10px arial,helvetica,tahoma,sans-serif;color:#233d6d;cursor:default;padding:0;border-collapse:separate;}
667 .x-date-inner th span{display:block;padding:2px;padding-right:7px;}
668 .x-date-inner td{border:1px solid #fff;text-align:right;padding:0;}
669 .x-date-inner a{padding:2px 5px;display:block;font:normal 11px arial,helvetica,tahoma,sans-serif;text-decoration:none;color:black;text-align:right;zoom:1;}
670 .x-date-inner .x-date-active{cursor:pointer;color:black;}
671 .x-date-inner .x-date-selected a{background:#dfecfb url(../images/default/shared/glass-bg.gif) repeat-x left top;border:1px solid #8db2e3;padding:1px 4px;}
672 .x-date-inner .x-date-today a{border:1px solid darkred;padding:1px 4px;}
673 .x-date-inner .x-date-selected span{font-weight:bold;}
674 .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a{color:#aaa;text-decoration:none!important;}
675 .x-date-bottom{padding:4px;border-top:1px solid #a3bad9;background:#dfecfb url(../images/default/shared/glass-bg.gif) repeat-x left top;}
676 .x-date-inner a:hover,.x-date-inner .x-date-disabled a:hover{text-decoration:none!important;color:black;background:#ddecfe;}
677 .x-date-inner .x-date-disabled a{cursor:default;background:#eee;color:#bbb;}
678 .x-date-mmenu{background:#eee!important;}
679 .x-date-mmenu .x-menu-item{font-size:10px;padding:1px 24px 1px 4px;white-space:nowrap;color:#000;}
680 .x-date-mmenu .x-menu-item .x-menu-item-icon{width:10px;height:10px;margin-right:5px;background-position:center -4px!important;}
681 .x-date-mp{position:absolute;left:0;top:0;background:white;display:none;}
682 .x-date-mp td{padding:2px;font:normal 11px arial,helvetica,tahoma,sans-serif;}
683 td.x-date-mp-month,td.x-date-mp-year,td.x-date-mp-ybtn{border:0 none;text-align:center;vertical-align:middle;width:25%;}
684 .x-date-mp-ok{margin-right:3px;}
685 .x-date-mp-btns button{text-decoration:none;text-align:center;text-decoration:none!important;background:#083772;color:white;border:1px solid;border-color:#36c #005 #005 #36c;padding:1px 3px 1px;font:normal 11px arial,helvetica,tahoma,sans-serif;cursor:pointer;}
686 .x-date-mp-btns{background:#dfecfb url(../images/default/shared/glass-bg.gif) repeat-x left top;}
687 .x-date-mp-btns td{border-top:1px solid #c5d2df;text-align:center;}
688 td.x-date-mp-month a,td.x-date-mp-year a{display:block;padding:2px 4px;text-decoration:none;text-align:center;color:#15428b;}
689 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover{color:#15428b;text-decoration:none;cursor:pointer;background:#ddecfe;}
690 td.x-date-mp-sel a{padding:1px 3px;background:#dfecfb url(../images/default/shared/glass-bg.gif) repeat-x left top;border:1px solid #8db2e3;}
691 .x-date-mp-ybtn a{overflow:hidden;width:15px;height:15px;cursor:pointer;background:transparent url(../images/default/panel/tool-sprites.gif) no-repeat;display:block;margin:0 auto;}
692 .x-date-mp-ybtn a.x-date-mp-next{background-position:0 -120px;}
693 .x-date-mp-ybtn a.x-date-mp-next:hover{background-position:-15px -120px;}
694 .x-date-mp-ybtn a.x-date-mp-prev{background-position:0 -105px;}
695 .x-date-mp-ybtn a.x-date-mp-prev:hover{background-position:-15px -105px;}
696 .x-date-mp-ybtn{text-align:center;}
697 td.x-date-mp-sep{border-right:1px solid #c5d2df;}
698
699 .x-menu{border:1px solid #718bb7;z-index:15000;background:#fff url(../images/default/menu/menu-bg.gif) repeat-y scroll 0 0;}
700 .roo-ie .x-menu{zoom:1;overflow:hidden;}
701 .x-menu-list{border:1px solid #fff;}
702 .x-menu li{line-height:100%;}
703 .x-menu li.x-menu-sep-li{font-size:1px;line-height:1px;}
704 .x-menu-list-item{font:normal 11px tahoma,arial,sans-serif;white-space:nowrap;-moz-user-select:none;-khtml-user-select:none;display:block;padding:1px;}
705 .x-menu-item-arrow{background:transparent url(../images/default/menu/menu-parent.gif) no-repeat right;}
706 .x-menu-sep{display:block;font-size:1px;line-height:1px;height:1px;background:#c3daf9;margin:3px 3px 3px 32px;}
707 .x-menu-focus{position:absolute;left:0;top:-5px;width:0;height:0;line-height:1px;}
708 .x-menu-item{display:block;line-height:14px;padding:3px 21px 3px 3px;white-space:nowrap;text-decoration:none;color:#233d6d;-moz-outline:0 none;outline:0 none;cursor:pointer;}
709 .x-menu-item-active{color:#233d6d;background:#c3daf9;border:1px solid #8BB8F3;padding:0;}
710 .x-menu-item-icon{border:0 none;height:16px;padding:0;vertical-align:middle;width:16px;margin:0 11px 0 0;background-position:center;}
711 .x-menu-check-item .x-menu-item-icon{
712         background:transparent url(../images/default/menu/chk-sprite.gif) no-repeat scroll 0 0;
713 }
714 .x-menu-item-checked .x-menu-item-icon{background-position: 0 -16px;}
715 .x-menu-group-item .x-menu-item-icon{background:transparent;}
716 .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{background:transparent url(../images/default/menu/group-checked.gif) no-repeat center;}
717 .x-menu-plain{background:#fff;}
718 .x-menu-date-item{padding:0;}
719 .x-menu .x-color-palette,.x-menu .x-date-picker{margin-left:32px;margin-right:4px;}
720 .x-menu .x-date-picker{border:1px solid #a3bad9;margin-top:2px;margin-bottom:2px;}
721 .x-menu-plain .x-color-palette,.x-menu-plain .x-date-picker{margin:0;border:0 none;}
722 .x-date-menu{padding:0!important;}
723
724  .x-box-tl{background:transparent url(../images/default/box/corners.gif) no-repeat 0 0;zoom:1;}
725 .x-box-tc{height:8px;background:transparent url(../images/default/box/tb.gif) repeat-x 0 0;overflow:hidden;}
726 .x-box-tr{background:transparent url(../images/default/box/corners.gif) no-repeat right -8px;}
727 .x-box-ml{background:transparent url(../images/default/box/l.gif) repeat-y 0;padding-left:4px;overflow:hidden;zoom:1;}
728 .x-box-mc{background:#eee url(../images/default/box/tb.gif) repeat-x 0 -16px;padding:4px 10px;font-family:"Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;color:#393939;font-size:12px;}
729 .x-box-mc h3{font-size:14px;font-weight:bold;margin:0 0 4 0;zoom:1;}
730 .x-box-mr{background:transparent url(../images/default/box/r.gif) repeat-y right;padding-right:4px;overflow:hidden;}
731 .x-box-bl{background:transparent url(../images/default/box/corners.gif) no-repeat 0 -16px;zoom:1;}
732 .x-box-bc{background:transparent url(../images/default/box/tb.gif) repeat-x 0 -8px;height:8px;overflow:hidden;}
733 .x-box-br{background:transparent url(../images/default/box/corners.gif) no-repeat right -24px;}
734 .x-box-tl,.x-box-bl{padding-left:8px;overflow:hidden;}
735 .x-box-tr,.x-box-br{padding-right:8px;overflow:hidden;}
736 .x-box-blue .x-box-bl,.x-box-blue .x-box-br,.x-box-blue .x-box-tl,.x-box-blue .x-box-tr{background-image:url(../images/default/box/corners-blue.gif);}
737 .x-box-blue .x-box-bc,.x-box-blue .x-box-mc,.x-box-blue .x-box-tc{background-image:url(../images/default/box/tb-blue.gif);}
738 .x-box-blue .x-box-mc{background-color:#c3daf9;}
739 .x-box-blue .x-box-mc h3{color:#17385b;}
740 .x-box-blue .x-box-ml{background-image:url(../images/default/box/l-blue.gif);}
741 .x-box-blue .x-box-mr{background-image:url(../images/default/box/r-blue.gif);}
742
743 #x-debug-browser .x-tree .x-tree-node a span{color:#222297;font-size:12px;padding-top:2px;font-family:"courier","courier new";line-height:18px;}
744 #x-debug-browser .x-tree a i{color:#FF4545;font-style:normal;}
745 #x-debug-browser .x-tree a em{color:#999;}
746 #x-debug-browser .x-tree .x-tree-node .x-tree-selected a span{background:#c3daf9;}
747 #x-debug-browser pre,.x-debug-browser pre xmp{font:normal 11px tahoma,arial,helvetica,sans-serif!important;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}
748 #x-debug-browser pre{display:block;padding:5px!important;border-bottom:1px solid #eee!important;}
749 #x-debug-browser pre xmp{padding:0!important;margin:0!important;}
750 #x-debug-console .x-layout-panel-center,#x-debug-inspector .x-layout-panel-center{border-right:1px solid #98c0f4;}
751 #x-debug-console textarea{border:0 none;font-size:12px;font-family:"courier","courier new";padding-top:4px;padding-left:4px;}
752 .x-debug-frame{background:#eee;border:1px dashed #aaa;}
753
754 .x-combo-list{border:1px solid #98c0f4;background:#ddecfe;zoom:1;overflow:hidden;}
755 .x-combo-list-inner{overflow:auto;background:white;position:relative;zoom:1;overflow-x:hidden;}
756 .x-combo-list-hd{font:bold 11px tahoma,arial,helvetica,sans-serif;color:#15428b;background-image:url(../images/default/layout/panel-title-light-bg.gif);border-bottom:1px solid #98c0f4;padding:3px;}
757 .x-resizable-pinned .x-combo-list-inner{border-bottom:1px solid #98c0f4;}
758 .x-combo-list-item{font:normal 12px tahoma,arial,helvetica,sans-serif;padding:2px;border:1px solid #fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
759 .x-combo-list .x-combo-selected{background-color:#c3daf9!important;cursor:pointer;border:1px solid #369;}
760 .x-combo-noedit{cursor:pointer;}
761 .x-combo-list-small .x-combo-list-item{font:normal 11px tahoma,arial,helvetica,sans-serif;}
762
763
764
765 .x-html-editor-wrap
766 {
767     background-color:#fff;
768     border:1px solid #a3bac9;
769 }
770
771 .x-html-editor-wrap .x-form-textarea
772 {
773     font-family : monospace;
774 }
775 .x-html-editor-tb .x-btn-text {
776     background:transparent url(../images/default/form/htmleditor.gif) no-repeat scroll 0% 0%;
777 }
778 .x-html-editor-tb  .x-btn-text { width: 18px; }
779 /* all the rest are done with background offsets ( -16 height each one ) */
780
781
782 .x-html-editor-tb .x-edit-bold .x-btn-text              { background-position: 0 0px; }
783 .x-html-editor-tb .x-edit-italic .x-btn-text            { background-position: 0 -16px; } 
784 .x-html-editor-tb .x-edit-underline .x-btn-text         { background-position: 0 -32px; } 
785 .x-html-editor-tb .x-edit-increasefontsize .x-btn-text  { background-position: 0 -48px; } 
786 .x-html-editor-tb .x-edit-decreasefontsize .x-btn-text  { background-position: 0 -64px; } 
787 .x-html-editor-tb .x-edit-insertorderedlist .x-btn-text { background-position: 0 -80px; } 
788 .x-html-editor-tb .x-edit-insertunorderedlist .x-btn-text { background-position: 0 -96px; } 
789 .x-html-editor-tb .x-edit-justifyleft .x-btn-text       { background-position: 0 -112px; } 
790 .x-html-editor-tb .x-edit-justifycenter .x-btn-text     { background-position: 0 -128px; } 
791 .x-html-editor-tb .x-edit-justifyright .x-btn-text      { background-position: 0 -144px; } 
792
793 .x-html-editor-tb .x-edit-forecolor .x-btn-text         { background-position: 0 -160px; } 
794 .x-html-editor-tb .x-edit-backcolor .x-btn-text         { background-position: 0 -176px; } 
795 .x-html-editor-tb .x-edit-sourceedit .x-btn-text        { background-position: 0 -192px; } 
796 .x-html-editor-tb .x-edit-createlink .x-btn-text        { background-position: 0 -208px; } 
797 .x-html-editor-tb .x-edit-none .x-btn-text             { background-position: 0 -400px; } 
798
799 .x-html-editor-tb .x-toolbar .x-btn {
800     margin-left:0px;
801     margin-right:0px;
802 }
803   
804
805 /*
806 .x-html-editor-wrap{border:1px solid #a9bfd3;background:white;}
807 .x-html-editor-tb .x-btn-text{background:transparent url(../images/default/editor/tb-sprite.gif) no-repeat;}
808 .x-html-editor-tb .x-edit-bold .x-btn-text{background-position:0 0;}
809 .x-html-editor-tb .x-edit-italic .x-btn-text{background-position:-16px 0;}
810 .x-html-editor-tb .x-edit-underline .x-btn-text{background-position:-32px 0;}
811 .x-html-editor-tb .x-edit-forecolor .x-btn-text{background-position:-160px 0;}
812 .x-html-editor-tb .x-edit-backcolor .x-btn-text{background-position:-176px 0;}
813 .x-html-editor-tb .x-edit-justifyleft .x-btn-text{background-position:-112px 0;}
814 .x-html-editor-tb .x-edit-justifycenter .x-btn-text{background-position:-128px 0;}
815 .x-html-editor-tb .x-edit-justifyright .x-btn-text{background-position:-144px 0;}
816 .x-html-editor-tb .x-edit-insertorderedlist .x-btn-text{background-position:-80px 0;}
817 .x-html-editor-tb .x-edit-insertunorderedlist .x-btn-text{background-position:-96px 0;}
818 .x-html-editor-tb .x-edit-increasefontsize .x-btn-text{background-position:-48px 0;}
819 .x-html-editor-tb .x-edit-decreasefontsize .x-btn-text{background-position:-64px 0;}
820 .x-html-editor-tb .x-edit-sourceedit .x-btn-text{background-position:-192px 0;}
821 .x-html-editor-tb .x-edit-createlink .x-btn-text{background-position:-208px 0;}
822 .x-html-editor-tip .x-tip-bd .x-tip-bd-inner{padding:5px;padding-bottom:1px;}
823 .x-html-editor-tb .x-toolbar{position:static!important;}
824 */
825
826
827
828
829 /** ---- for column tree --- */
830
831 .x-column-tree .x-tree-node { zoom:1;  }
832 .x-column-tree .x-tree-node-el { 
833     border-bottom:1px solid #eee; 
834     border-right: 1px solid #ccc;
835     zoom:1;
836 }
837 .x-column-tree .x-tree-selected {
838     background: #d9e8fb;
839 }
840 .x-column-tree  .x-tree-node a {
841     line-height:18px;
842     vertical-align:middle;
843 }
844
845 .x-column-tree  .x-tree-node .x-tree-selected a span{
846         background:transparent;
847         color:#000;
848 }
849 .x-column-tree .x-tree-col {
850     float:left;
851     overflow:hidden;
852     padding:0;    
853     border-left: 1px solid #ccc;
854     height: 18px;
855     zoom:1;
856 }
857
858 .x-column-tree .x-tree-col-text,.x-column-tree  .x-tree-hd-text {
859     overflow:hidden;
860     -o-text-overflow: ellipsis;
861         text-overflow: ellipsis;
862     padding:3px 3px 3px 5px;
863     white-space: nowrap;
864     font:normal 11px arial, tahoma, helvetica, sans-serif;
865 }
866
867 .x-column-tree .x-tree-headers {
868     background: #EBEADB url(../images/gray/grid/grid-hrow.gif) repeat-x scroll 0 0;
869         cursor:default;
870     zoom:1;
871 }
872
873 .x-column-tree .x-tree-hd {
874     float:left;
875     overflow:hidden;
876     border-left:1px solid #eee;
877     border-right:1px solid #d0d0d0;
878 }
879