2 * Ext JS Library 0.30
\r
3 * Copyright(c) 2006-2009, Ext JS, LLC.
\r
4 * licensing@extjs.com
\r
6 * http://extjs.com/license
\r
10 * Ext JS Library 2.0.1
\r
11 * Copyright(c) 2006-2008, Ext JS, LLC.
\r
12 * licensing@extjs.com
\r
14 * http://extjs.com/license
\r
17 html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}
25 filter: alpha(opacity=50);
\r
26 background-color: #CCC;
\r
36 border:1px solid #6593cf;
\r
37 background: #c3daf9 url(../images/default/box/tb-blue.gif) repeat-x 0 -16px;
\r
40 .ext-el-mask-msg div {
\r
41 padding:5px 10px 5px 10px;
\r
43 border:1px solid #a3bad9;
\r
45 font:normal 11px tahoma, arial, helvetica, sans-serif;
\r
57 filter: alpha(opacity=0);
\r
59 .ext-ie6 .ext-shim {
\r
64 .x-mask-loading div {
\r
65 padding:5px 10px 5px 25px;
\r
66 background: #fbfbfb url( '../images/default/grid/loading.gif' ) no-repeat 5px 5px;
\r
70 .x-hidden, .x-hide-offsets {
\r
77 display:none !important;
\r
80 .x-hide-visibility {
\r
81 visibility:hidden !important;
\r
85 overflow: hidden !important;
\r
88 .x-masked select, .x-masked object, .x-masked embed {
\r
96 .x-unselectable, .x-unselectable * {
\r
97 -moz-user-select: none;
\r
98 -khtml-user-select: none;
\r
103 background-color: transparent;
\r
104 -moz-outline: none;
\r
112 filter: alpha(opacity=60);
\r
115 .x-item-disabled * {
\r
116 color: gray !important;
\r
117 cursor: default !important;
\r
120 .x-splitbar-proxy {
\r
121 position: absolute;
\r
122 visibility: hidden;
\r
131 .x-splitbar-h, .x-splitbar-proxy-h {
\r
133 cursor: col-resize;
\r
136 .x-splitbar-v, .x-splitbar-proxy-v {
\r
138 cursor: row-resize;
\r
147 .x-color-palette a {
\r
148 border: 1px solid #fff;
\r
151 text-decoration: none;
\r
152 -moz-outline: 0 none;
\r
157 .x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
\r
158 border: 1px solid #8BB8F3;
\r
159 background: #deecfd;
\r
162 .x-color-palette em {
\r
164 border: 1px solid #ACA899;
\r
167 .x-color-palette em span {
\r
177 position: absolute;
\r
187 position: absolute;
\r
206 .x-shadow .xstc, .x-shadow .xsbc {
\r
212 .x-shadow .xstl, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbr {
\r
223 .x-shadow .xsml, .x-shadow .xsmr {
\r
232 background: transparent url( ../images/default/shadow-c.png );
\r
235 .x-shadow .xst, .x-shadow .xsb {
\r
242 background: transparent url( ../images/default/shadow-lr.png ) repeat-y 0 0;
\r
246 background: transparent url( ../images/default/shadow-lr.png ) repeat-y -6px 0;
\r
250 background: transparent url( ../images/default/shadow.png ) no-repeat 0 0;
\r
254 background: transparent url( ../images/default/shadow.png ) repeat-x 0 -30px;
\r
258 background: transparent url( ../images/default/shadow.png ) repeat-x 0 -18px;
\r
262 background: transparent url( ../images/default/shadow.png ) no-repeat 0 -12px;
\r
266 background: transparent url( ../images/default/shadow.png ) repeat-x 0 -36px;
\r
270 background: transparent url( ../images/default/shadow.png ) repeat-x 0 -6px;
\r
273 .loading-indicator {
\r
275 background-image: url(../images/default/grid/loading.gif);
\r
276 background-repeat: no-repeat;
\r
277 background-position: left;
\r
278 padding-left: 20px;
\r
284 position: absolute;
\r
287 visibility: hidden;
\r
295 position: absolute;
\r
298 background-image:url(../images/default/s.gif);
\r
313 position: absolute;
\r
318 filter: alpha(opacity=50);
\r
319 background-color: #CCC;
\r
328 .x-tab-panel-header, .x-tab-panel-footer {
330 border: 1px solid #8db2e3;
336 .x-tab-panel-header {
337 border: 1px solid #8db2e3;
341 .x-tab-panel-footer {
342 border: 1px solid #8db2e3;
361 background: url(../images/default/tabs/tab-strip-bg.gif) #cedff5 repeat-x bottom;
362 border-bottom: 1px solid #8db2e3;
365 ul.x-tab-strip-bottom{
367 background: url(../images/default/tabs/tab-strip-btm-bg.gif) #cedff5 repeat-x top;
368 border-top: 1px solid #8db2e3;
369 border-bottom: 0 none;
372 .x-tab-panel-header-plain .x-tab-strip-top {
373 background:transparent !important;
374 padding-top:0 !important;
376 .x-tab-panel-header-plain {
377 background:transparent !important;
378 border-width:0 !important;
379 padding-bottom:0 !important;
382 .x-tab-panel-header-plain .x-tab-strip-spacer {
383 border:1px solid #8db2e3;
391 .ext-border-box .x-tab-panel-header-plain .x-tab-strip-spacer {
402 ul.x-tab-strip li.x-tab-edge {
405 padding:0 !important;
406 border:0 none !important;
407 font-size:1px !important;
408 line-height:1px !important;
411 background:transparent !important;
415 .x-tab-strip a, .x-tab-strip span, .x-tab-strip em {
420 text-decoration:none !important;
428 text-overflow: ellipsis;
431 .x-tab-strip span.x-tab-strip-text {
432 font:normal 11px tahoma,arial,helvetica;
438 .x-tab-strip .x-tab-with-icon .x-tab-right {
441 .x-tab-strip .x-tab-with-icon span.x-tab-strip-text {
443 background-position: 0 3px;
444 background-repeat: no-repeat;
447 .x-tab-strip-over span.x-tab-strip-text {
451 .x-tab-strip-active {
455 .x-tab-strip-active span.x-tab-strip-text {
461 .x-tab-strip-disabled .x-tabs-text {
472 .ext-ie .x-tab-strip .x-tab-right {
476 .x-tab-strip-top .x-tab-strip-active .x-tab-right {
480 .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
484 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
487 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
492 .x-tab-strip-top .x-tab-right {
493 background: transparent url(../images/default/tabs/tabs-sprite.gif) no-repeat 0 -51px;
497 .x-tab-strip-top .x-tab-left {
498 background: transparent url(../images/default/tabs/tabs-sprite.gif) no-repeat right -351px;
502 .x-tab-strip-top .x-tab-strip-inner {
503 background: transparent url(../images/default/tabs/tabs-sprite.gif) repeat-x 0 -201px;
506 .x-tab-strip-top .x-tab-strip-over .x-tab-right {
507 background-position:0 -101px;
509 .x-tab-strip-top .x-tab-strip-over .x-tab-left {
510 background-position:right -401px;
512 .x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {
513 background-position:0 -251px;
516 .x-tab-strip-top .x-tab-strip-active .x-tab-right {
517 background-position: 0 0;
520 .x-tab-strip-top .x-tab-strip-active .x-tab-left {
521 background-position: right -301px;
524 .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
525 background-position: 0 -151px;
528 .x-tab-strip-bottom .x-tab-right {
529 background: url(../images/default/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom right;
532 .x-tab-strip-bottom .x-tab-left {
533 background: url(../images/default/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom left;
536 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
537 background: url(../images/default/tabs/tab-btm-right-bg.gif) no-repeat bottom left;
540 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
541 background: url(../images/default/tabs/tab-btm-left-bg.gif) no-repeat bottom right;
543 .x-tab-strip-bottom .x-tab-left {
546 .x-tab-strip-bottom .x-tab-right {
549 .x-tab-strip .x-tab-strip-close {
552 .x-tab-strip-closable {
556 .x-tab-strip-closable .x-tab-left {
560 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
561 background-image:url(../images/default/tabs/tab-close.gif);
564 background-repeat:no-repeat;
566 width:11px;height:11px;
574 .x-tab-strip .x-tab-strip-active a.x-tab-strip-close {
578 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
579 background-image:url(../images/default/tabs/tab-close.gif);
585 border: 1px solid #8db2e3;
588 .x-tab-panel-body-top {
591 .x-tab-panel-body-bottom {
592 border-bottom: 0 none;
595 .x-tab-scroller-left {
596 background: transparent url(../images/default/tabs/scroll-left.gif) no-repeat -18px 0;
597 border-bottom: 1px solid #8db2e3;
605 .x-tab-scroller-left-over {
606 background-position: 0 0;
608 .x-tab-scroller-left-disabled {
609 background-position: -18px 0;
612 filter:alpha(opacity=50);
615 .x-tab-scroller-right {
616 background: transparent url(../images/default/tabs/scroll-right.gif) no-repeat 0 0;
617 border-bottom: 1px solid #8db2e3;
625 .x-tab-scroller-right-over {
626 background-position: -18px 0;
628 .x-tab-scroller-right-disabled {
629 background-position: 0 0;
632 filter:alpha(opacity=50);
636 .x-tab-scrolling .x-tab-strip-wrap {
645 .x-tab-panel-bbar .x-toolbar {
646 border:1px solid #99bbe8;
652 .x-tab-panel-tbar .x-toolbar {
653 border:1px solid #99bbe8;
659 .x-border-layout-ct .x-tab-panel {
665 font:normal 12px tahoma, arial, helvetica, sans-serif;
669 .x-form-text, textarea.x-form-field{
671 background:#fff url(../images/default/form/text-bg.gif) repeat-x 0 0;
672 border:1px solid #B5B8C8;
674 textarea.x-form-field {
680 vertical-align:middle;
682 .ext-ie .x-form-text {
687 .ext-ie textarea.x-form-field {
690 .ext-strict .x-form-text {
693 .ext-safari .x-form-text {
697 .ext-safari.ext-mac textarea.x-form-field {
700 .ext-gecko .x-form-text {
713 vertical-align:middle;
714 background-color:#fff;
715 border: 1px solid #B5B8C8;
739 .x-editor .x-form-check-wrap {
742 .x-form-field-wrap .x-form-trigger{
746 background:transparent url(../images/default/form/trigger.gif) no-repeat 0 0;
748 border-bottom: 1px solid #B5B8C8;
752 .ext-safari .x-form-field-wrap .x-form-trigger{
756 .x-form-field-wrap .x-form-date-trigger{
757 background-image: url(../images/default/form/date-trigger.gif);
760 .x-form-field-wrap .x-form-clear-trigger{
761 background-image: url(../images/default/form/clear-trigger.gif);
764 .x-form-field-wrap .x-form-search-trigger{
765 background-image: url(../images/default/form/search-trigger.gif);
768 .ext-safari .x-form-field-wrap .x-form-trigger{
771 .x-form-field-wrap .x-form-twin-triggers{
774 .x-form-field-wrap .x-form-twin-triggers .x-form-trigger{
781 .x-form-field-wrap .x-form-trigger-over{
782 background-position:-17px 0;
784 .x-form-field-wrap .x-form-trigger-click{
785 background-position:-34px 0;
788 .x-trigger-wrap-focus .x-form-trigger{
789 background-position:-51px 0;
791 .x-trigger-wrap-focus .x-form-trigger-over{
792 background-position:-68px 0;
794 .x-trigger-wrap-focus .x-form-trigger-click{
795 background-position:-85px 0;
797 .x-trigger-wrap-focus .x-form-trigger{
798 border-bottom: 1px solid #7eadd9;
801 .x-item-disabled .x-form-trigger-over{
802 background-position:0 0 !important;
803 border-bottom: 1px solid #B5B8C8;
805 .x-item-disabled .x-form-trigger-click{
806 background-position:0 0 !important;
807 border-bottom: 1px solid #B5B8C8;
811 .x-form-focus, textarea.x-form-focus{
812 border: 1px solid #7eadd9;
816 .x-form-invalid, textarea.x-form-invalid{
817 background:#fff url(../images/default/grid/invalid_line.gif) repeat-x bottom;
818 border: 1px solid #dd7870;
820 .ext-safari .x-form-invalid{
821 background-color:#ffeeee;
822 border: 1px solid #ff7870;
835 .ext-ie .x-form-check-wrap input {
839 .x-editor .x-form-check-wrap {
842 .x-editor .x-form-checkbox {
847 font:normal 12px tahoma, arial, helvetica, sans-serif;
853 white-space: pre-wrap;
854 white-space: -moz-pre-wrap;
855 white-space: -pre-wrap;
856 white-space: -o-pre-wrap;
857 word-wrap: break-word;
860 .x-form-grow-sizer p {
862 border:0 none !important;
863 padding:0 !important;
868 font:normal 12px tahoma, arial, helvetica, sans-serif;
889 .x-form-invalid-msg {
893 font:normal 11px tahoma, arial, helvetica, sans-serif;
894 background: transparent url(../images/default/shared/warning.gif) no-repeat 0 2px;
900 .x-form-label-right label {
904 .x-form-label-top .x-form-item label {
913 .x-form-label-top .x-form-element {
918 .x-form-label-top .x-form-item {
922 .x-form-empty-field {
926 .x-small-editor .x-form-field {
927 font:normal 11px arial, tahoma, helvetica, sans-serif;
929 .x-small-editor .x-form-text {
932 vertical-align:middle;
934 .ext-ie .x-small-editor .x-form-text {
935 margin-top:-1px !important;
936 margin-bottom:-1px !important;
937 height:20px !important;
938 line-height:16px !important;
940 .ext-strict .x-small-editor .x-form-text {
941 height:16px !important;
944 .ext-safari .x-small-editor .x-form-field {
946 font:normal 12px arial, tahoma, helvetica, sans-serif;
948 .ext-ie .x-small-editor .x-form-text {
952 .ext-border-box .x-small-editor .x-form-text {
956 .x-small-editor .x-form-select-one {
959 vertical-align:middle;
961 .x-small-editor .x-form-num-field {
964 .x-small-editor .x-form-field-wrap .x-form-trigger{
985 width:'auto' !important;
986 float:none !important;
987 clear:none !important;
988 display:inline !important;
1002 .x-form .x-form-btns-ct .x-btn{
1006 .x-form .x-form-btns-ct .x-form-btns td {
1010 .x-form .x-form-btns-ct .x-form-btns-right table{
1014 .x-form .x-form-btns-ct .x-form-btns-left table{
1018 .x-form .x-form-btns-ct .x-form-btns-center{
1021 .x-form .x-form-btns-ct .x-form-btns-center table{
1024 .x-form .x-form-btns-ct table td.x-form-btn-td{
1028 .x-form .x-form-btns-ct .x-btn-focus .x-btn-left{
1029 background-position:0 -147px;
1031 .x-form .x-form-btns-ct .x-btn-focus .x-btn-right{
1032 background-position:0 -168px;
1034 .x-form .x-form-btns-ct .x-btn-focus .x-btn-center{
1035 background-position:0 -189px;
1038 .x-form .x-form-btns-ct .x-btn-click .x-btn-center{
1039 background-position:0 -126px;
1041 .x-form .x-form-btns-ct .x-btn-click .x-btn-right{
1042 background-position:0 -84px;
1044 .x-form .x-form-btns-ct .x-btn-click .x-btn-left{
1045 background-position:0 -63px;
1047 .x-form-invalid-icon {
1055 background:transparent url(../images/default/form/exclamation.gif) no-repeat 0 2px;
1060 border:1px solid #B5B8C8;
1064 .x-fieldset legend {
1065 font:bold 11px tahoma, arial, helvetica, sans-serif;
1068 .ext-ie .x-fieldset legend {
1071 .ext-ie .x-fieldset {
1075 .x-fieldset legend .x-tool-toggle {
1078 float:left !important;
1080 .x-fieldset legend input {
1082 float:left !important;
1086 fieldset.x-panel-collapsed {
1087 padding-bottom:0 !important;
1088 border-width: 1px 0 0 0 !important;
1090 fieldset.x-panel-collapsed .x-fieldset-bwrap {
1096 .ext-ie .x-fieldset-bwrap {
1099 .ext-ie td .x-form-text {
1103 .x-fieldset-noborder {
1104 border:0px none transparent;
1106 .x-fieldset-noborder legend {
1110 .ext-ie .x-fieldset-noborder legend {
1114 .ext-ie .x-fieldset-noborder legend span {
1119 .ext-gecko .x-window-body .x-form-item {
1124 .ext-gecko .x-form-item {
1128 .x-hide-label label.x-form-item-label {
1131 .x-hide-label .x-form-element {
1132 padding-left: 0 !important;
1135 font:normal 11px tahoma, verdana, helvetica;
\r
1137 white-space: nowrap;
\r
1141 background:transparent;
\r
1142 font:normal 11px tahoma,verdana,helvetica;
\r
1144 padding-right:3px;
\r
1149 -moz-outline:0 none;
\r
1152 * html .ext-ie .x-btn button {
\r
1155 .ext-gecko .x-btn button {
\r
1159 .ext-ie .x-btn button {
\r
1164 .x-btn-icon .x-btn-center .x-btn-text{
\r
1165 background-position: center;
\r
1166 background-repeat: no-repeat;
\r
1170 white-space: nowrap;
\r
1173 .x-btn-icon .x-btn-center{
\r
1177 font-style:normal;
\r
1178 font-weight:normal;
\r
1182 .x-btn-text-icon .x-btn-center .x-btn-text{
\r
1183 background-position: 0 2px;
\r
1184 background-repeat: no-repeat;
\r
1185 padding-left:18px;
\r
1187 padding-bottom:2px;
\r
1191 .x-btn-left, .x-btn-right{
\r
1198 background:url(../images/default/button/btn-sprite.gif) no-repeat 0 0;
\r
1203 background:url(../images/default/button/btn-sprite.gif) no-repeat 0 -21px;
\r
1205 .x-btn-left i, .x-btn-right i{
\r
1213 background:url(../images/default/button/btn-sprite.gif) repeat-x 0 -42px;
\r
1214 vertical-align: middle;
\r
1215 text-align:center;
\r
1218 white-space:nowrap;
\r
1220 .x-btn-over .x-btn-left{
\r
1221 background-position:0 -63px;
\r
1223 .x-btn-over .x-btn-right{
\r
1224 background-position:0 -84px;
\r
1226 .x-btn-over .x-btn-center{
\r
1227 background-position:0 -105px;
\r
1229 .x-btn-click .x-btn-center, .x-btn-menu-active .x-btn-center{
\r
1230 background-position:0 -126px;
\r
1232 .x-btn-disabled *{
\r
1233 color:gray !important;
\r
1234 cursor:default !important;
\r
1236 .x-btn-menu-text-wrap .x-btn-center {
\r
1239 .ext-gecko .x-btn-menu-text-wrap .x-btn-center {
\r
1242 .x-btn-menu-arrow-wrap .x-btn-center {
\r
1245 .x-btn-menu-arrow-wrap .x-btn-center button {
\r
1246 width:12px !important;
\r
1248 padding:0 !important;
\r
1250 background:transparent url(../images/default/button/btn-arrow.gif) no-repeat left 3px;
\r
1252 .x-btn-with-menu .x-btn-center {
\r
1253 padding-right:2px !important;
\r
1255 .x-btn-with-menu .x-btn-center em {
\r
1257 background:transparent url(../images/default/toolbar/btn-arrow.gif) no-repeat right 0;
\r
1258 padding-right:10px;
\r
1261 .x-btn-text-icon .x-btn-with-menu .x-btn-center em {
\r
1263 background:transparent url(../images/default/toolbar/btn-arrow.gif) no-repeat right 3px;
\r
1264 padding-right:10px;
\r
1268 .x-btn-pressed .x-btn-left{
\r
1269 background: url(../images/default/button/btn-sprite.gif) no-repeat 0 -63px;
\r
1271 .x-btn-pressed .x-btn-right{
\r
1272 background: url(../images/default/button/btn-sprite.gif) no-repeat 0 -84px;
\r
1274 .x-btn-pressed .x-btn-center{
\r
1275 background: url(../images/default/button/btn-sprite.gif) repeat-x 0 -126px;
\r
1278 border-color:#a9bfd3;
\r
1279 border-style:solid;
\r
1280 border-width:0 0 1px 0;
\r
1283 background:#d0def0 url(../images/default/toolbar/bg.gif) repeat-x top left;
\r
1284 position:relative;
\r
1287 .x-toolbar .x-item-disabled .x-btn-icon {
\r
1289 -moz-opacity: .35;
\r
1290 filter: alpha(opacity=35);
\r
1293 vertical-align:middle;
\r
1295 .mso .x-toolbar, .x-grid-mso .x-toolbar{
\r
1297 background: url(../images/default/grid/mso-hd.gif);
\r
1299 .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
\r
1300 white-space: nowrap;
\r
1301 font:normal 11px tahoma, arial, helvetica, sans-serif;
\r
1303 .x-toolbar .x-item-disabled {
\r
1308 filter:alpha(opacity=60);
\r
1310 .x-toolbar .x-item-disabled * {
\r
1314 .x-toolbar .x-btn-left{
\r
1317 .x-toolbar .x-btn-right{
\r
1320 .x-toolbar .x-btn-center{
\r
1324 .x-toolbar .x-btn-menu-text-wrap .x-btn-center button{
\r
1325 padding-right:2px;
\r
1327 .ext-gecko .x-toolbar .x-btn-menu-text-wrap .x-btn-center button{
\r
1330 .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button{
\r
1334 .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
\r
1336 background:transparent url(../images/default/toolbar/btn-arrow.gif) no-repeat 0 3px;
\r
1338 .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {
\r
1340 background:transparent url(../images/default/toolbar/btn-arrow.gif) no-repeat 0 3px;
\r
1342 .x-toolbar .x-btn-over .x-btn-menu-arrow-wrap .x-btn-center button {
\r
1343 background-position: 0 -47px;
\r
1345 .x-toolbar .x-btn-over .x-btn-left{
\r
1346 background: url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 0;
\r
1348 .x-toolbar .x-btn-over .x-btn-right{
\r
1349 background: url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -21px;
\r
1351 .x-toolbar .x-btn-over .x-btn-center{
\r
1352 background: url(../images/default/toolbar/tb-btn-sprite.gif) repeat-x 0 -42px;
\r
1355 .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{
\r
1356 background: url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -63px;
\r
1358 .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{
\r
1359 background: url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -84px;
\r
1362 .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{
\r
1363 background: url(../images/default/toolbar/tb-btn-sprite.gif) repeat-x 0 -105px;
\r
1366 .x-toolbar .x-btn-with-menu .x-btn-center em{
\r
1367 padding-right:8px;
\r
1370 .x-toolbar .ytb-text{
\r
1373 .x-toolbar .ytb-sep {
\r
1374 background-image: url(../images/default/grid/grid-blue-split.gif);
\r
1375 background-position: center;
\r
1376 background-repeat: no-repeat;
\r
1386 .x-toolbar .ytb-spacer {
\r
1392 .x-tbar-page-number{
\r
1396 .x-tbar-page-first{
\r
1397 background-image: url(../images/default/grid/page-first.gif) !important;
\r
1400 background-image: url(../images/default/grid/done.gif) !important;
\r
1402 .x-tbar-page-last{
\r
1403 background-image: url(../images/default/grid/page-last.gif) !important;
\r
1405 .x-tbar-page-next{
\r
1406 background-image: url(../images/default/grid/page-next.gif) !important;
\r
1408 .x-tbar-page-prev{
\r
1409 background-image: url(../images/default/grid/page-prev.gif) !important;
\r
1411 .x-item-disabled .x-tbar-loading{
\r
1412 background-image: url(../images/default/grid/loading.gif) !important;
\r
1414 .x-item-disabled .x-tbar-page-first{
\r
1415 background-image: url(../images/default/grid/page-first-disabled.gif) !important;
\r
1417 .x-item-disabled .x-tbar-page-last{
\r
1418 background-image: url(../images/default/grid/page-last-disabled.gif) !important;
\r
1420 .x-item-disabled .x-tbar-page-next{
\r
1421 background-image: url(../images/default/grid/page-next-disabled.gif) !important;
\r
1423 .x-item-disabled .x-tbar-page-prev{
\r
1424 background-image: url(../images/default/grid/page-prev-disabled.gif) !important;
\r
1427 position:absolute;
\r
1433 .x-resizable-handle {
\r
1434 position:absolute;
\r
1441 filter:alpha(opacity=0);
\r
1445 .x-resizable-handle-east{
\r
1452 .ext-ie .x-resizable-handle-east {
\r
1453 margin-right:-1px;
\r
1455 .x-resizable-handle-south{
\r
1462 .ext-ie .x-resizable-handle-south {
\r
1463 margin-bottom:-1px;
\r
1465 .x-resizable-handle-west{
\r
1472 .x-resizable-handle-north{
\r
1479 .x-resizable-handle-southeast{
\r
1487 .x-resizable-handle-northwest{
\r
1495 .x-resizable-handle-northeast{
\r
1503 .x-resizable-handle-southwest{
\r
1511 .x-resizable-over .x-resizable-handle, .x-resizable-pinned .x-resizable-handle{
\r
1512 filter:alpha(opacity=100);
\r
1515 .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east{
\r
1516 background:url(../images/default/sizer/e-handle.gif);
\r
1517 background-position: left;
\r
1519 .x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west{
\r
1520 background:url(../images/default/sizer/e-handle.gif);
\r
1521 background-position: left;
\r
1523 .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south{
\r
1524 background:url(../images/default/sizer/s-handle.gif);
\r
1525 background-position: top;
\r
1527 .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north{
\r
1528 background:url(../images/default/sizer/s-handle.gif);
\r
1529 background-position: top;
\r
1531 .x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
\r
1532 background:url(../images/default/sizer/se-handle.gif);
\r
1533 background-position: top left;
\r
1535 .x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{
\r
1536 background:url(../images/default/sizer/nw-handle.gif);
\r
1537 background-position:bottom right;
\r
1539 .x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{
\r
1540 background:url(../images/default/sizer/ne-handle.gif);
\r
1541 background-position: bottom left;
\r
1543 .x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{
\r
1544 background:url(../images/default/sizer/sw-handle.gif);
\r
1545 background-position: top right;
\r
1547 .x-resizable-proxy{
\r
1548 border: 1px dashed #3b5a82;
\r
1549 position:absolute;
\r
1555 .x-resizable-overlay{
\r
1559 position:absolute;
\r
1566 filter: alpha(opacity=0);
\r
1571 position:relative;
\r
1573 background-color:#fff;
\r
1576 .x-grid-panel .x-panel-body {
\r
1577 overflow:hidden !important;
\r
1580 .x-grid-panel .x-panel-mc .x-panel-body {
\r
1581 border:1px solid #99bbe8;
\r
1584 .ext-ie .x-grid3 table,.ext-safari .x-grid3 table {
\r
1585 table-layout:fixed;
\r
1587 .x-grid3-viewport{
\r
1590 .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{
\r
1591 font:normal 11px arial, tahoma, helvetica, sans-serif;
\r
1592 -moz-outline: none;
\r
1593 -moz-user-focus: normal;
\r
1595 .x-grid3-row td, .x-grid3-summary-row td {
\r
1597 vertical-align: top;
\r
1599 padding-right:1px;
\r
1600 -moz-user-select: none;
\r
1602 .x-grid3-hd-row td {
\r
1604 vertical-align:middle;
\r
1605 border-left:1px solid #eee;
\r
1606 border-right:1px solid #d0d0d0;
\r
1609 .x-grid3-hd-row .x-grid3-marker-hd {
\r
1613 .x-grid3-row .x-grid3-marker {
\r
1617 .x-grid3-cell-inner, .x-grid3-hd-inner{
\r
1619 -o-text-overflow: ellipsis;
\r
1620 text-overflow: ellipsis;
\r
1621 padding:3px 3px 3px 5px;
\r
1622 white-space: nowrap;
\r
1625 .x-grid3-hd-inner {
\r
1626 position:relative;
\r
1628 padding:4px 3px 4px 5px;
\r
1631 .x-grid3-row-body {
\r
1632 white-space:normal;
\r
1635 .x-grid3-body-cell {
\r
1636 -moz-outline:0 none;
\r
1640 .ext-ie .x-grid3-cell-inner, .ext-ie .x-grid3-hd-inner{
\r
1644 .ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner{
\r
1652 .x-grid-row-loading {
\r
1653 background: #fff url(../images/default/shared/loading-balls.gif) no-repeat center center;
\r
1660 border:1px solid #ededed;
\r
1661 border-top-color:#fff;
\r
1666 background-color:#fafafa;
\r
1669 .x-grid3-row-over {
\r
1670 border:1px solid #dddddd;
\r
1671 background: #efefef url(../images/default/grid/row-over.gif) repeat-x left top;
\r
1674 .x-grid3-resize-proxy {
\r
1677 background-color:#777;
\r
1679 cursor: col-resize;
\r
1680 position:absolute;
\r
1684 visibility:hidden;
\r
1688 .x-grid3-resize-marker {
\r
1691 background-color:#777;
\r
1692 position:absolute;
\r
1696 visibility:hidden;
\r
1701 position:absolute;
\r
1703 -moz-outline:0 none;
\r
1705 -moz-user-select: normal;
\r
1706 -khtml-user-select: normal;
\r
1711 background: #f9f9f9 url(../images/default/grid/grid3-hrow.gif) repeat-x 0 bottom;
\r
1714 padding:1px 0 0 0;
\r
1717 .x-grid3-header-pop {
\r
1718 border-left:1px solid #d0d0d0;
\r
1722 .x-grid3-header-pop-inner {
\r
1723 border-left:1px solid #eee;
\r
1726 background: transparent url(../images/default/grid/hd-pop.gif) no-repeat center center;
\r
1728 .ext-ie .x-grid3-header-pop-inner {
\r
1731 .ext-strict .x-grid3-header-pop-inner {
\r
1734 .x-grid3-header-inner {
\r
1739 .x-grid3-header-offset {
\r
1744 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
\r
1745 border-left:1px solid #aaccf6;
\r
1746 border-right:1px solid #aaccf6;
\r
1748 td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {
\r
1749 background: #ebf3fd url(../images/default/grid/grid3-hrow-over.gif) repeat-x left bottom;
\r
1752 .x-grid3-sort-icon{
\r
1753 background-repeat: no-repeat;
\r
1758 vertical-align: middle;
\r
1760 .sort-asc .x-grid3-sort-icon {
\r
1761 background-image: url(../images/default/grid/sort_asc.gif);
\r
1764 .sort-desc .x-grid3-sort-icon {
\r
1765 background-image: url(../images/default/grid/sort_desc.gif);
\r
1770 .ext-strict .ext-ie .x-grid3-header-inner{position:relative;}
\r
1771 .ext-strict .ext-ie6 .x-grid3-hd{position:relative;}
\r
1772 .ext-strict .ext-ie6 .x-grid3-hd-inner{position:static;}
\r
1778 .x-grid3-scroller {
\r
1781 position:relative;
\r
1783 .x-grid3-cell-text, .x-grid3-hd-text {
\r
1785 padding: 3px 5px 3px 5px;
\r
1786 -moz-user-select: none;
\r
1787 -khtml-user-select: none;
\r
1791 background-image: url(../images/default/grid/grid-split.gif);
\r
1792 background-position: center;
\r
1793 background-repeat: no-repeat;
\r
1795 cursor: col-resize;
\r
1800 position: absolute;
\r
1806 .x-grid3-hd-text {
\r
1810 .x-dd-drag-proxy .x-grid3-hd-inner{
\r
1811 background: #ebf3fd url(../images/default/grid/grid3-hrow-over.gif) repeat-x left bottom;
\r
1814 border:1px solid #aaccf6;
\r
1818 .col-move-top, .col-move-bottom{
\r
1821 position:absolute;
\r
1826 visibility:hidden;
\r
1830 background:transparent url(../images/default/grid/col-move-top.gif) no-repeat left top;
\r
1833 background:transparent url(../images/default/grid/col-move-bottom.gif) no-repeat left top;
\r
1837 .x-grid3-row-selected {
\r
1838 background: #DFE8F6 !important;
\r
1839 border:1px dotted #a3bae9;
\r
1842 .x-grid3-cell-selected{
\r
1843 background-color: #B8CFEE !important;
\r
1846 .x-grid3-cell-selected span{
\r
1847 color: black !important;
\r
1849 .x-grid3-cell-selected .x-grid3-cell-text{
\r
1853 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
\r
1854 background: #ebeadb url(../images/default/grid/grid-hrow.gif) repeat-x 0 bottom !important;
\r
1855 vertical-align:middle !important;
\r
1858 border-top:1px solid white;
\r
1859 border-bottom:none !important;
\r
1860 border-right:1px solid #6fa0df !important;
\r
1861 text-align:center;
\r
1863 .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
\r
1865 color:#15428b !important;
\r
1866 text-align:center;
\r
1870 .x-grid3-dirty-cell {
\r
1871 background: transparent url(../images/default/grid/dirty.gif) no-repeat 0 0;
\r
1875 .x-grid3-topbar, .x-grid3-bottombar{
\r
1876 font:normal 11px arial, tahoma, helvetica, sans-serif;
\r
1880 position:relative;
\r
1882 .x-grid3-topbar .x-toolbar{
\r
1883 border-right:0 none;
\r
1885 .x-grid3-bottombar .x-toolbar{
\r
1886 border-right:0 none;
\r
1887 border-bottom:0 none;
\r
1888 border-top:1px solid #a9bfd3;
\r
1891 .x-props-grid .x-grid3-cell{
\r
1894 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
\r
1895 background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y -16px !important;
\r
1896 padding-left:12px;
\r
1897 color:black !important;
\r
1899 .x-props-grid .x-grid3-body .x-grid3-td-name{
\r
1902 background:white !important;
\r
1904 border-right:1px solid #eeeeee;
\r
1908 .xg-hmenu-sort-asc .x-menu-item-icon{
\r
1909 background-image: url(../images/default/grid/hmenu-asc.gif);
\r
1911 .xg-hmenu-sort-desc .x-menu-item-icon{
\r
1912 background-image: url(../images/default/grid/hmenu-desc.gif);
\r
1914 .xg-hmenu-lock .x-menu-item-icon{
\r
1915 background-image: url(../images/default/grid/hmenu-lock.gif);
\r
1917 .xg-hmenu-unlock .x-menu-item-icon{
\r
1918 background-image: url(../images/default/grid/hmenu-unlock.gif);
\r
1925 background:transparent;
\r
1928 .x-dd-drag-ghost .x-grid3-dd-wrap {
\r
1929 padding:1px 3px 3px 1px;
\r
1933 -moz-user-select:none;
\r
1938 position:absolute;
\r
1940 background:#c3daf9 url(../images/default/grid/grid3-hd-btn.gif) no-repeat left center;
\r
1947 .x-grid3-hd-over .x-grid3-hd-btn, .x-grid3-hd-menu-open .x-grid3-hd-btn {
\r
1951 a.x-grid3-hd-btn:hover {
\r
1952 background-position:-14px center;
\r
1957 .x-grid3-body .x-grid3-td-expander {
\r
1958 background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y right;
\r
1960 .x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner {
\r
1961 padding:0 !important;
\r
1964 .x-grid3-row-expander {
\r
1967 background-position:4px 2px;
\r
1968 background-repeat:no-repeat;
\r
1969 background-color:transparent;
\r
1970 background-image:url(../images/default/grid/row-expand-sprite.gif);
\r
1972 .x-grid3-row-collapsed .x-grid3-row-expander {
\r
1973 background-position:4px 2px;
\r
1975 .x-grid3-row-expanded .x-grid3-row-expander {
\r
1976 background-position:-21px 2px;
\r
1978 .x-grid3-row-collapsed .x-grid3-row-body {
\r
1979 display:none !important;
\r
1981 .x-grid3-row-expanded .x-grid3-row-body {
\r
1982 display:block !important;
\r
1987 .x-grid3-body .x-grid3-td-checker {
\r
1988 background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y right;
\r
1991 .x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner, .x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner {
\r
1992 padding:0 !important;
\r
1996 .x-grid3-row-checker, .x-grid3-hd-checker {
\r
1999 background-position:2px 2px;
\r
2000 background-repeat:no-repeat;
\r
2001 background-color:transparent;
\r
2002 background-image:url(../images/default/grid/row-check-sprite.gif);
\r
2004 .x-grid3-row .x-grid3-row-checker {
\r
2005 background-position:2px 2px;
\r
2007 .x-grid3-row-selected .x-grid3-row-checker, .x-grid3-hd-checker-on .x-grid3-hd-checker {
\r
2008 background-position:-23px 2px;
\r
2010 .x-grid3-hd-checker {
\r
2011 background-position:2px 3px;
\r
2013 .x-grid3-hd-checker-on .x-grid3-hd-checker {
\r
2014 background-position:-23px 3px;
\r
2019 .x-grid3-body .x-grid3-td-numberer {
\r
2020 background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y right;
\r
2022 .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
\r
2023 padding:3px 5px 0 0 !important;
\r
2030 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
\r
2031 .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
\r
2032 .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
\r
2033 background:transparent url(../images/default/grid/grid3-special-col-sel-bg.gif) repeat-y right;
\r
2035 .x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner {
\r
2036 padding: 1px 0 0 0 !important;
\r
2039 .x-grid3-check-col {
\r
2042 background-position:center center;
\r
2043 background-repeat:no-repeat;
\r
2044 background-color:transparent;
\r
2045 background-image:url(../images/default/menu/unchecked.gif);
\r
2049 .x-grid3-check-col-on {
\r
2052 background-position:center center;
\r
2053 background-repeat:no-repeat;
\r
2054 background-color:transparent;
\r
2055 background-image:url(../images/default/menu/checked.gif);
\r
2059 .x-grid-group, .x-grid-group-body, .x-grid-group-hd {
\r
2062 .x-grid-group-hd {
\r
2063 border-bottom: 2px solid #99bbe8;
\r
2067 .x-grid-group-hd div {
\r
2068 background:transparent url(../images/default/grid/group-expand-sprite.gif) no-repeat 3px -47px;
\r
2069 padding:4px 4px 4px 17px;
\r
2071 font:bold 11px tahoma, arial, helvetica, sans-serif;
\r
2073 .x-grid-group-collapsed .x-grid-group-hd div {
\r
2074 background-position: 3px 3px;
\r
2076 .x-grid-group-collapsed .x-grid-group-body {
\r
2080 .x-group-by-icon {
\r
2081 background-image:url(../images/default/grid/group-by.gif);
\r
2084 background-image:url(../images/default/grid/columns.gif);
\r
2086 .x-show-groups-icon {
\r
2087 background-image:url(../images/default/grid/group-by.gif);
\r
2090 .ext-ie .x-grid3 .x-editor .x-form-text {
\r
2091 position:relative;
\r
2095 position: relative !important;
\r
2102 font:normal 11px tahoma, arial, helvetica, sans-serif;
\r
2105 position:absolute;
\r
2107 visibility:hidden;
\r
2112 font: normal 11px arial, helvetica, sans-serif;
\r
2113 -moz-opacity: 0.85;
\r
2115 filter: alpha(opacity=85);
\r
2116 border-top:1px solid #dddddd;
\r
2117 border-left:1px solid #dddddd;
\r
2118 border-right:1px solid #bbbbbb;
\r
2119 border-bottom:1px solid #bbbbbb;
\r
2121 padding-left:20px;
\r
2122 background-color:white;
\r
2123 white-space:nowrap;
\r
2125 .x-dd-drag-repair .x-dd-drag-ghost{
\r
2126 -moz-opacity: 0.4;
\r
2128 filter: alpha(opacity=40);
\r
2131 background-color:transparent;
\r
2133 .x-dd-drag-repair .x-dd-drop-icon{
\r
2134 visibility:hidden;
\r
2137 position:absolute;
\r
2143 background-color:transparent;
\r
2144 background-position: center;
\r
2145 background-repeat: no-repeat;
\r
2148 .x-dd-drop-nodrop .x-dd-drop-icon{
\r
2149 background-image: url(../images/default/dd/drop-no.gif);
\r
2151 .x-dd-drop-ok .x-dd-drop-icon{
\r
2152 background-image: url(../images/default/dd/drop-yes.gif);
\r
2154 .x-dd-drop-ok-add .x-dd-drop-icon{
\r
2155 background-image: url(../images/default/dd/drop-add.gif);
\r
2159 .x-view-selector {
\r
2160 position:absolute;
\r
2164 background:#c3daf9;
\r
2165 border:1px dotted #3399bb;
\r
2168 filter:alpha(opacity=50);
\r
2171 .x-tree .x-panel-body{
\r
2172 background-color:#fff;
\r
2174 .ext-strict .ext-ie .x-tree .x-panel-bwrap{
\r
2175 position:relative;
\r
2178 .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{
\r
2183 vertical-align: top;
\r
2185 background-repeat: no-repeat;
\r
2187 .x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon{
\r
2192 vertical-align: top;
\r
2194 background-position:center;
\r
2195 background-repeat: no-repeat;
\r
2197 .ext-ie .x-tree-node-indent img, .ext-ie .x-tree-node-icon, .ext-ie .x-tree-ec-icon {
\r
2198 vertical-align:middle !important;
\r
2201 .x-tree-node-collapsed .x-tree-node-icon{
\r
2202 background-image:url(../images/default/tree/folder.gif);
\r
2204 .x-tree-node-expanded .x-tree-node-icon{
\r
2205 background-image:url(../images/default/tree/folder-open.gif);
\r
2207 .x-tree-node-leaf .x-tree-node-icon{
\r
2208 background-image:url(../images/default/tree/leaf.gif);
\r
2212 .ext-ie input.x-tree-node-cb {
\r
2216 input.x-tree-node-cb {
\r
2219 .ext-ie input.x-tree-node-cb {
\r
2223 .x-tree-noicon .x-tree-node-icon{
\r
2224 width:0; height:0;
\r
2227 .x-tree-node-loading .x-tree-node-icon{
\r
2228 background-image:url(../images/default/tree/loading.gif) !important;
\r
2230 .x-tree-node-loading a span{
\r
2231 font-style: italic;
\r
2234 .ext-ie .x-tree-node-el input {
\r
2239 .x-tree-lines .x-tree-elbow{
\r
2240 background-image:url(../images/default/tree/elbow.gif);
\r
2242 .x-tree-lines .x-tree-elbow-plus{
\r
2243 background-image:url(../images/default/tree/elbow-plus.gif);
\r
2245 .x-tree-lines .x-tree-elbow-minus{
\r
2246 background-image:url(../images/default/tree/elbow-minus.gif);
\r
2248 .x-tree-lines .x-tree-elbow-end{
\r
2249 background-image:url(../images/default/tree/elbow-end.gif);
\r
2251 .x-tree-lines .x-tree-elbow-end-plus{
\r
2252 background-image:url(../images/default/tree/elbow-end-plus.gif);
\r
2254 .x-tree-lines .x-tree-elbow-end-minus{
\r
2255 background-image:url(../images/default/tree/elbow-end-minus.gif);
\r
2257 .x-tree-lines .x-tree-elbow-line{
\r
2258 background-image:url(../images/default/tree/elbow-line.gif);
\r
2262 .x-tree-no-lines .x-tree-elbow{
\r
2263 background:transparent;
\r
2265 .x-tree-no-lines .x-tree-elbow-plus{
\r
2266 background-image:url(../images/default/tree/elbow-plus-nl.gif);
\r
2268 .x-tree-no-lines .x-tree-elbow-minus{
\r
2269 background-image:url(../images/default/tree/elbow-minus-nl.gif);
\r
2271 .x-tree-no-lines .x-tree-elbow-end{
\r
2272 background:transparent;
\r
2274 .x-tree-no-lines .x-tree-elbow-end-plus{
\r
2275 background-image:url(../images/default/tree/elbow-end-plus-nl.gif);
\r
2277 .x-tree-no-lines .x-tree-elbow-end-minus{
\r
2278 background-image:url(../images/default/tree/elbow-end-minus-nl.gif);
\r
2280 .x-tree-no-lines .x-tree-elbow-line{
\r
2281 background:transparent;
\r
2286 .x-tree-arrows .x-tree-elbow{
\r
2287 background:transparent;
\r
2289 .x-tree-arrows .x-tree-elbow-plus{
\r
2290 background:transparent url(../images/default/tree/arrows.gif) no-repeat 0 0;
\r
2292 .x-tree-arrows .x-tree-elbow-minus{
\r
2293 background:transparent url(../images/default/tree/arrows.gif) no-repeat -16px 0;
\r
2295 .x-tree-arrows .x-tree-elbow-end{
\r
2296 background:transparent;
\r
2298 .x-tree-arrows .x-tree-elbow-end-plus{
\r
2299 background:transparent url(../images/default/tree/arrows.gif) no-repeat 0 0;
\r
2301 .x-tree-arrows .x-tree-elbow-end-minus{
\r
2302 background:transparent url(../images/default/tree/arrows.gif) no-repeat -16px 0;
\r
2304 .x-tree-arrows .x-tree-elbow-line{
\r
2305 background:transparent;
\r
2308 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{
\r
2309 background-position:-32px 0;
\r
2311 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus{
\r
2312 background-position:-48px 0;
\r
2314 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus{
\r
2315 background-position:-32px 0;
\r
2317 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus{
\r
2318 background-position:-48px 0;
\r
2323 .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
\r
2326 .ext-ie ul.x-tree-node-ct{
\r
2333 font: normal 11px arial, tahoma, helvetica, sans-serif;
\r
2334 white-space: nowrap;
\r
2342 .x-tree-node a, .x-dd-drag-ghost a{
\r
2343 text-decoration:none;
\r
2345 -khtml-user-select:none;
\r
2346 -moz-user-select:none;
\r
2347 -kthml-user-focus:normal;
\r
2348 -moz-user-focus:normal;
\r
2349 -moz-outline: 0 none;
\r
2352 .x-tree-node a span, .x-dd-drag-ghost a span{
\r
2353 text-decoration:none;
\r
2355 padding:1px 3px 1px 2px;
\r
2357 .x-tree-node .x-tree-node-disabled a span{
\r
2358 color:gray !important;
\r
2360 .x-tree-node .x-tree-node-disabled .x-tree-node-icon{
\r
2361 -moz-opacity: 0.5;
\r
2363 filter: alpha(opacity=50);
\r
2365 .x-tree-node .x-tree-node-inline-icon{
\r
2366 background:transparent;
\r
2368 .x-tree-node a:hover, .x-dd-drag-ghost a:hover{
\r
2369 text-decoration:none;
\r
2371 .x-tree-node div.x-tree-drag-insert-below{
\r
2372 border-bottom:1px dotted #3366cc;
\r
2374 .x-tree-node div.x-tree-drag-insert-above{
\r
2375 border-top:1px dotted #3366cc;
\r
2377 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{
\r
2378 border-bottom:0 none;
\r
2380 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{
\r
2381 border-top:0 none;
\r
2383 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
\r
2384 border-bottom:2px solid #3366cc;
\r
2386 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
\r
2387 border-top:2px solid #3366cc;
\r
2389 .x-tree-node .x-tree-drag-append a span{
\r
2390 background:#dddddd;
\r
2391 border:1px dotted gray;
\r
2393 .x-tree-node .x-tree-node-over {
\r
2394 background-color: #eee;
\r
2396 .x-tree-node .x-tree-selected {
\r
2397 background-color: #d9e8fb;
\r
2399 .x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{
\r
2400 display:none !important;
\r
2402 .x-tree-drop-ok-append .x-dd-drop-icon{
\r
2403 background-image: url(../images/default/tree/drop-add.gif);
\r
2405 .x-tree-drop-ok-above .x-dd-drop-icon{
\r
2406 background-image: url(../images/default/tree/drop-over.gif);
\r
2408 .x-tree-drop-ok-below .x-dd-drop-icon{
\r
2409 background-image: url(../images/default/tree/drop-under.gif);
\r
2411 .x-tree-drop-ok-between .x-dd-drop-icon{
\r
2412 background-image: url(../images/default/tree/drop-between.gif);
\r
2416 border: 1px solid #1b376c;
2422 -moz-outline:0 none;
2425 .x-date-inner, .x-date-inner td, .x-date-inner th{
2426 border-collapse:separate;
2428 .x-date-middle,.x-date-left,.x-date-right {
2429 background: url(../images/default/shared/hd-sprite.gif) repeat-x 0 -83px;
2431 font:bold 11px "sans serif", tahoma, verdana, helvetica;
2435 .x-date-middle .x-btn-left,.x-date-middle .x-btn-center,.x-date-middle .x-btn-right{
2436 background:transparent !important;
2437 vertical-align:middle;
2439 .x-date-middle .x-btn .x-btn-text {
2442 .x-date-middle .x-btn-with-menu .x-btn-center em {
2443 background:transparent url(../images/default/toolbar/btn-arrow-light.gif) no-repeat right 0;
2445 .x-date-right, .x-date-left {
2452 padding-top:2px;padding-bottom:2px;
2454 .x-date-right a, .x-date-left a{
2458 background-position: center;
2459 background-repeat: no-repeat;
2463 filter: alpha(opacity=60);
2465 .x-date-right a:hover, .x-date-left a:hover{
2468 filter: alpha(opacity=100);
2471 background-image: url(../images/default/shared/right-btn.gif);
2473 text-decoration:none !important;
2476 background-image: url(../images/default/shared/left-btn.gif);
2478 text-decoration:none !important;
2480 table.x-date-inner {
2488 background: #dfecfb url(../images/default/shared/glass-bg.gif) repeat-x left top;
2489 text-align:right !important;
2490 border-bottom: 1px solid #a3bad9;
2491 font:normal 10px arial, helvetica,tahoma,sans-serif;
2495 border-collapse:separate;
2497 .x-date-inner th span {
2503 border: 1px solid #fff;
2510 font:normal 11px arial, helvetica,tahoma,sans-serif;
2511 text-decoration:none;
2516 .x-date-inner .x-date-active{
2520 .x-date-inner .x-date-selected a{
2521 background: #dfecfb url(../images/default/shared/glass-bg.gif) repeat-x left top;
2522 border:1px solid #8db2e3;
2525 .x-date-inner .x-date-today a{
2526 border: 1px solid darkred;
2529 .x-date-inner .x-date-selected span{
2532 .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
2534 text-decoration:none !important;
2538 border-top: 1px solid #a3bad9;
2539 background: #dfecfb url(../images/default/shared/glass-bg.gif) repeat-x left top;
2542 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
2543 text-decoration:none !important;
2545 background: #ddecfe;
2548 .x-date-inner .x-date-disabled a {
2554 background:#eeeeee !important;
2556 .x-date-mmenu .x-menu-item {
2558 padding:1px 24px 1px 4px;
2559 white-space: nowrap;
2562 .x-date-mmenu .x-menu-item .x-menu-item-icon {
2563 width:10px;height:10px;margin-right:5px;
2564 background-position:center -4px !important;
2576 font:normal 11px arial, helvetica,tahoma,sans-serif;
2578 td.x-date-mp-month,td.x-date-mp-year,td.x-date-mp-ybtn {
2581 vertical-align: middle;
2587 .x-date-mp-btns button {
2588 text-decoration:none;
2590 text-decoration:none !important;
2594 border-color: #3366cc #000055 #000055 #3366cc;
2595 padding:1px 3px 1px;
2596 font:normal 11px arial, helvetica,tahoma,sans-serif;
2600 background: #dfecfb url(../images/default/shared/glass-bg.gif) repeat-x left top;
2602 .x-date-mp-btns td {
2603 border-top: 1px solid #c5d2df;
2606 td.x-date-mp-month a,td.x-date-mp-year a {
2609 text-decoration:none;
2614 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
2616 text-decoration:none;
2618 background: #ddecfe;
2621 td.x-date-mp-sel a {
2623 background: #dfecfb url(../images/default/shared/glass-bg.gif) repeat-x left top;
2624 border:1px solid #8db2e3;
2631 background:transparent url(../images/default/panel/tool-sprites.gif) no-repeat;
2635 .x-date-mp-ybtn a.x-date-mp-next {
2636 background-position:0 -120px;
2638 .x-date-mp-ybtn a.x-date-mp-next:hover {
2639 background-position:-15px -120px;
2641 .x-date-mp-ybtn a.x-date-mp-prev {
2642 background-position:0 -105px;
2644 .x-date-mp-ybtn a.x-date-mp-prev:hover {
2645 background-position:-15px -105px;
2651 border-right:1px solid #c5d2df;
2654 position: absolute;
\r
2657 visibility: hidden;
\r
2661 .x-tip .x-tip-close{
\r
2662 background-image: url(../images/default/qtip/close.gif);
\r
2666 margin:0 0 2px 2px;
\r
2670 .x-tip .x-tip-tc {
\r
2671 background: transparent url(../images/default/qtip/tip-sprite.gif) no-repeat 0 -62px;
\r
2676 .x-tip .x-tip-tl {
\r
2677 background: transparent url(../images/default/qtip/tip-sprite.gif) no-repeat 0 0;
\r
2682 .x-tip .x-tip-tr {
\r
2683 background: transparent url(../images/default/qtip/tip-sprite.gif) no-repeat right 0;
\r
2684 padding-right:6px;
\r
2688 .x-tip .x-tip-bc {
\r
2689 background: transparent url(../images/default/qtip/tip-sprite.gif) no-repeat 0 -121px;
\r
2693 .x-tip .x-tip-bl {
\r
2694 background: transparent url(../images/default/qtip/tip-sprite.gif) no-repeat 0 -59px;
\r
2698 .x-tip .x-tip-br {
\r
2699 background: transparent url(../images/default/qtip/tip-sprite.gif) no-repeat right -59px;
\r
2700 padding-right:6px;
\r
2703 .x-tip .x-tip-mc {
\r
2705 font: normal 11px tahoma,arial,helvetica,sans-serif;
\r
2707 .x-tip .x-tip-ml {
\r
2708 background: #fff url(../images/default/qtip/tip-sprite.gif) no-repeat 0 -124px;
\r
2712 .x-tip .x-tip-mr {
\r
2713 background: transparent url(../images/default/qtip/tip-sprite.gif) no-repeat right -124px;
\r
2714 padding-right:6px;
\r
2717 .ext-ie .x-tip .x-tip-header,.ext-ie .x-tip .x-tip-tc {
\r
2721 .x-tip .x-tip-header-text {
\r
2722 font: bold 11px tahoma,arial,helvetica,sans-serif;
\r
2727 .x-tip .x-tip-body {
\r
2728 font: normal 11px tahoma,arial,helvetica,sans-serif;
\r
2729 margin:0 !important;
\r
2735 .x-tip .x-tip-body .loading-indicator {
\r
2739 .x-tip-draggable .x-tip-header,.x-tip-draggable .x-tip-header-text {
\r
2743 .x-form-invalid-tip {
\r
2746 .x-form-invalid-tip .x-tip-tc {
\r
2747 background: url(../images/default/form/error-tip-corners.gif) repeat-x 0 -12px;
\r
2750 .x-form-invalid-tip .x-tip-tl {
\r
2751 background-image: url(../images/default/form/error-tip-corners.gif);
\r
2753 .x-form-invalid-tip .x-tip-tr {
\r
2754 background-image: url(../images/default/form/error-tip-corners.gif);
\r
2756 .x-form-invalid-tip .x-tip-bc {
\r
2757 background: url(../images/default/form/error-tip-corners.gif) repeat-x 0 -18px;
\r
2760 .x-form-invalid-tip .x-tip-bl {
\r
2761 background: url(../images/default/form/error-tip-corners.gif) no-repeat 0 -6px;
\r
2763 .x-form-invalid-tip .x-tip-br {
\r
2764 background: url(../images/default/form/error-tip-corners.gif) no-repeat right -6px;
\r
2766 .x-form-invalid-tip .x-tip-ml {
\r
2767 background-image: url(../images/default/form/error-tip-corners.gif);
\r
2769 .x-form-invalid-tip .x-tip-mr {
\r
2770 background-image: url(../images/default/form/error-tip-corners.gif);
\r
2772 .x-form-invalid-tip .x-tip-body {
\r
2775 .x-form-invalid-tip .x-tip-body {
\r
2776 padding-left:24px;
\r
2777 background:transparent url(../images/default/form/exclamation.gif) no-repeat 2px 2px;
\r
2780 border: 1px solid #718bb7;
\r
2783 background: #f0f0f0 url(../images/default/menu/menu.gif) repeat-y;
\r
2787 text-decoration: none !important;
\r
2794 background:transparent;
\r
2800 .x-menu li.x-menu-sep-li{
\r
2804 .x-menu-list-item{
\r
2805 font:normal 11px tahoma,arial, sans-serif;
\r
2806 white-space: nowrap;
\r
2807 -moz-user-select: none;
\r
2808 -khtml-user-select: none;
\r
2812 .x-menu-item-arrow{
\r
2813 background:transparent url(../images/default/menu/menu-parent.gif) no-repeat right;
\r
2820 background-color:#e0e0e0;
\r
2821 border-bottom:1px solid #fff;
\r
2824 position:absolute;
\r
2831 .x-menu a.x-menu-item {
\r
2834 padding:3px 21px 3px 3px;
\r
2835 white-space: nowrap;
\r
2836 text-decoration:none;
\r
2838 -moz-outline: 0 none;
\r
2842 .x-menu-item-active {
\r
2843 background: #ebf3fd url(../images/default/menu/item-over.gif) repeat-x left bottom;
\r
2844 border:1px solid #aaccf6;
\r
2847 .x-menu-item-active a.x-menu-item {
\r
2851 .x-menu-item-icon {
\r
2855 vertical-align: top;
\r
2857 margin: 0 8px 0 0;
\r
2858 background-position:center;
\r
2861 .x-menu-check-item .x-menu-item-icon{
\r
2862 background: transparent url(../images/default/menu/unchecked.gif) no-repeat center;
\r
2865 .x-menu-item-checked .x-menu-item-icon{
\r
2866 background-image:url(../images/default/menu/checked.gif);
\r
2868 .x-menu-group-item .x-menu-item-icon{
\r
2869 background: transparent;
\r
2872 .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
\r
2873 background: transparent url(../images/default/menu/group-checked.gif) no-repeat center;
\r
2877 background:#fff !important;
\r
2879 .x-menu-date-item{
\r
2883 .x-menu .x-color-palette, .x-menu .x-date-picker{
\r
2884 margin-left: 26px;
\r
2887 .x-menu .x-date-picker{
\r
2888 border:1px solid #a3bad9;
\r
2890 margin-bottom:2px;
\r
2892 .x-menu-plain .x-color-palette, .x-menu-plain .x-date-picker{
\r
2897 padding:0 !important;
\r
2900 .x-cycle-menu .x-menu-item-checked {
\r
2901 border:1px dotted #a3bae9 !important;
\r
2902 background:#DFE8F6;
\r
2909 background: transparent url(../images/default/box/corners.gif) no-repeat 0 0;
2915 background: transparent url(../images/default/box/tb.gif) repeat-x 0 0;
2920 background: transparent url(../images/default/box/corners.gif) no-repeat right -8px;
2924 background: transparent url(../images/default/box/l.gif) repeat-y 0;
2931 background: #eee url(../images/default/box/tb.gif) repeat-x 0 -16px;
2933 font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;
2946 background: transparent url(../images/default/box/r.gif) repeat-y right;
2952 background: transparent url(../images/default/box/corners.gif) no-repeat 0 -16px;
2957 background: transparent url(../images/default/box/tb.gif) repeat-x 0 -8px;
2963 background: transparent url(../images/default/box/corners.gif) no-repeat right -24px;
2966 .x-box-tl, .x-box-bl {
2971 .x-box-tr, .x-box-br {
2976 .x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr {
2977 background-image: url(../images/default/box/corners-blue.gif);
2980 .x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc {
2981 background-image: url(../images/default/box/tb-blue.gif);
2984 .x-box-blue .x-box-mc {
2985 background-color: #c3daf9;
2988 .x-box-blue .x-box-mc h3 {
2992 .x-box-blue .x-box-ml {
2993 background-image: url(../images/default/box/l-blue.gif);
2996 .x-box-blue .x-box-mr {
2997 background-image: url(../images/default/box/r-blue.gif);
2999 #x-debug-browser .x-tree .x-tree-node a span {
3003 font-family:"monotype","courier new",sans-serif;
3006 #x-debug-browser .x-tree a i {
3010 #x-debug-browser .x-tree a em {
3013 #x-debug-browser .x-tree .x-tree-node .x-tree-selected a span{
3016 #x-debug-browser .x-tool-toggle {
3017 background-position:0 -75px;
3019 #x-debug-browser .x-tool-toggle-over {
3020 background-position:-15px -75px;
3022 #x-debug-browser.x-panel-collapsed .x-tool-toggle {
3023 background-position:0 -60px;
3025 #x-debug-browser.x-panel-collapsed .x-tool-toggle-over {
3026 background-position:-15px -60px;
3029 border:1px solid #98c0f4;
3034 .x-combo-list-inner {
3042 font:bold 11px tahoma, arial, helvetica, sans-serif;
3044 background-image: url(../images/default/layout/panel-title-light-bg.gif);
3045 border-bottom:1px solid #98c0f4;
3048 .x-resizable-pinned .x-combo-list-inner {
3049 border-bottom:1px solid #98c0f4;
3051 .x-combo-list-item {
3052 font:normal 12px tahoma, arial, helvetica, sans-serif;
3054 border:1px solid #fff;
3055 white-space: nowrap;
3057 text-overflow: ellipsis;
3059 .x-combo-list .x-combo-selected{
3060 border:1px dotted #a3bae9 !important;
3067 .x-combo-list .x-toolbar {
3068 border-top:1px solid #98c0f4;
3069 border-bottom:0 none;
3072 .x-combo-list-small .x-combo-list-item {
3073 font:normal 11px tahoma, arial, helvetica, sans-serif;
3076 border-style: solid;
3077 border-color: #99bbe8;
3085 font:bold 11px tahoma,arial,verdana,sans-serif;
3086 padding:5px 3px 4px 5px;
3087 border:1px solid #99bbe8;
3089 background: transparent url(../images/default/panel/white-top-bottom.gif) repeat-x 0 -1px;
3093 border:1px solid #99bbe8;
3100 .x-panel-bbar .x-toolbar {
3101 border:1px solid #99bbe8;
3107 .x-panel-tbar .x-toolbar {
3108 border:1px solid #99bbe8;
3114 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
3115 border-top:1px solid #99bbe8;
3116 border-bottom: 0 none;
3118 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
3119 border-top:1px solid #99bbe8;
3125 .x-panel-tl .x-panel-header {
3127 font:bold 11px tahoma,arial,verdana,sans-serif;
3128 padding:5px 0 4px 0;
3130 background:transparent;
3132 .x-panel-tl .x-panel-icon, .x-window-tl .x-panel-icon {
3133 padding-left:20px !important;
3134 background-repeat:no-repeat;
3135 background-position:0 4px;
3138 .x-panel-inline-icon {
3141 background-repeat:no-repeat;
3142 background-position:0 0;
3143 vertical-align:middle;
3149 background: transparent url(../images/default/panel/top-bottom.gif) repeat-x 0 0;
3153 .ext-ie7 .x-panel-tc {
3157 background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat 0 0;
3160 border-bottom:1px solid #99bbe8;
3163 background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat right 0;
3168 background: transparent url(../images/default/panel/top-bottom.gif) repeat-x 0 bottom;
3171 .x-panel-bc .x-panel-footer {
3176 background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat 0 bottom;
3181 background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat right bottom;
3189 font: normal 11px tahoma,arial,helvetica,sans-serif;
3193 .x-panel-mc .x-panel-body {
3194 background:transparent;
3198 background: #fff url(../images/default/panel/left-right.gif) repeat-y 0 0;
3203 background: transparent url(../images/default/panel/left-right.gif) repeat-y right 0;
3207 .x-panel-bc .x-panel-footer {
3210 .x-panel-nofooter .x-panel-bc {
3225 .x-panel-collapsed .x-resizable-handle{
3229 .ext-gecko .x-panel-animated div {
3230 overflow:hidden !important;
3238 .x-plain-bbar .x-toolbar {
3243 .x-plain-tbar .x-toolbar {
3264 background:transparent url(../images/default/panel/tool-sprites.gif) no-repeat;
3270 background-position:0 -60px;
3272 .x-tool-toggle-over {
3273 background-position:-15px -60px;
3275 .x-panel-collapsed .x-tool-toggle {
3276 background-position:0 -75px;
3278 .x-panel-collapsed .x-tool-toggle-over {
3279 background-position:-15px -75px;
3283 background-position:0 -0;
3285 .x-tool-close-over {
3286 background-position:-15px 0;
3290 background-position:0 -15px;
3292 .x-tool-minimize-over {
3293 background-position:-15px -15px;
3297 background-position:0 -30px;
3299 .x-tool-maximize-over {
3300 background-position:-15px -30px;
3304 background-position:0 -45px;
3306 .x-tool-restore-over {
3307 background-position:-15px -45px;
3311 background-position:0 -90px;
3314 background-position:-15px -90px;
3318 background-position:0 -135px;
3321 background-position:-15px -135px;
3324 background-position:0 -150px;
3326 .x-tool-unpin-over {
3327 background-position:-15px -150px;
3330 background-position:0 -165px;
3332 .x-tool-right-over {
3333 background-position:-15px -165px;
3336 background-position:0 -180px;
3339 background-position:-15px -180px;
3342 background-position:0 -210px;
3345 background-position:-15px -210px;
3348 background-position:0 -195px;
3351 background-position:-15px -195px;
3354 background-position:0 -225px;
3356 .x-tool-refresh-over {
3357 background-position:-15px -225px;
3361 background-position:0 -255px;
3363 .x-tool-minus-over {
3364 background-position:-15px -255px;
3367 background-position:0 -240px;
3370 background-position:-15px -240px;
3374 background-position:0 -270px;
3376 .x-tool-search-over {
3377 background-position:-15px -270px;
3380 background-position:0 -285px;
3383 background-position:-15px -285px;
3386 background-position:0 -300px;
3389 background-position:-15px -300px;
3392 background-position:0 -315px;
3394 .x-tool-print-over {
3395 background-position:-15px -315px;
3407 filter:alpha(opacity=65);
3416 border:1px solid #99bbe8;
3422 cursor:move !important;
3425 .x-panel-dd-spacer {
3426 border:2px dashed #99bbe8;
3434 .x-panel-btns-ct .x-btn{
3438 .x-panel-btns-ct .x-panel-btns td {
3442 .x-panel-btns-ct .x-panel-btns-right table{
3446 .x-panel-btns-ct .x-panel-btns-left table{
3450 .x-panel-btns-ct .x-panel-btns-center{
3453 .x-panel-btns-ct .x-panel-btns-center table{
3456 .x-panel-btns-ct table td.x-panel-btn-td{
3460 .x-panel-btns-ct .x-btn-focus .x-btn-left{
3461 background-position:0 -147px;
3463 .x-panel-btns-ct .x-btn-focus .x-btn-right{
3464 background-position:0 -168px;
3466 .x-panel-btns-ct .x-btn-focus .x-btn-center{
3467 background-position:0 -189px;
3470 .x-panel-btns-ct .x-btn-over .x-btn-left{
3471 background-position:0 -63px;
3473 .x-panel-btns-ct .x-btn-over .x-btn-right{
3474 background-position:0 -84px;
3476 .x-panel-btns-ct .x-btn-over .x-btn-center{
3477 background-position:0 -105px;
3480 .x-panel-btns-ct .x-btn-click .x-btn-center{
3481 background-position:0 -126px;
3483 .x-panel-btns-ct .x-btn-click .x-btn-right{
3484 background-position:0 -84px;
3486 .x-panel-btns-ct .x-btn-click .x-btn-left{
3487 background-position:0 -63px;
3492 .x-window .x-resizable-handle {
3495 filter:alpha(opacity=0);
3500 border:1px solid #99bbe8;
3508 filter:alpha(opacity=50);
3520 .x-window-tl .x-window-header {
3522 font:bold 11px tahoma,arial,verdana,sans-serif;
3523 padding:5px 0 4px 0;
3525 .x-window-header-text {
3529 background: transparent url(../images/default/window/top-bottom.png) repeat-x 0 0;
3534 background: transparent url(../images/default/window/left-corners.png) no-repeat 0 0;
3541 background: transparent url(../images/default/window/right-corners.png) no-repeat right 0;
3545 background: transparent url(../images/default/window/top-bottom.png) repeat-x 0 bottom;
3548 .x-window-bc .x-window-footer {
3555 background: transparent url(../images/default/window/left-corners.png) no-repeat 0 bottom;
3560 background: transparent url(../images/default/window/right-corners.png) no-repeat right bottom;
3565 border:1px solid #99bbe8;
3568 font: normal 11px tahoma,arial,helvetica,sans-serif;
3574 background: transparent url(../images/default/window/left-right.png) repeat-y 0 0;
3579 background: transparent url(../images/default/window/left-right.png) repeat-y right 0;
3583 .x-panel-nofooter .x-window-bc {
3592 .x-window-maximized .x-window-bl, .x-window-maximized .x-window-br,
3593 .x-window-maximized .x-window-ml, .x-window-maximized .x-window-mr,
3594 .x-window-maximized .x-window-tl, .x-window-maximized .x-window-tr {
3597 .x-window-maximized .x-window-footer {
3600 .x-window-maximized .x-window-tc {
3603 background-color:white;
3605 .x-window-maximized .x-window-mc {
3607 border-right:0 none;
3609 .x-window-tbar .x-toolbar, .x-window-bbar .x-toolbar {
3611 border-right: 0 none;
3613 .x-window-bbar .x-toolbar {
3614 border-top:1px solid #99bbe8;
3615 border-bottom:0 none;
3617 .x-window-draggable, .x-window-draggable .x-window-header-text {
3620 .x-window-maximized .x-window-draggable, .x-window-maximized .x-window-draggable .x-window-header-text {
3624 background:transparent;
3626 .x-panel-ghost .x-window-tl {
3627 border-bottom:1px solid #99bbe8;
3629 .x-panel-collapsed .x-window-tl {
3630 border-bottom:1px solid #84a0c4;
3632 .x-window-maximized-ct {
3635 .x-window-maximized .x-resizable-handle {
3638 .x-window-sizing-ghost ul {
3639 border:0 none !important;
3644 -moz-outline:0 none;
3661 filter: alpha(opacity=50);
3662 background-color:#CCC;
3665 body.ext-ie6.x-body-masked select {
3668 body.ext-ie6.x-body-masked .x-window select {
3672 .x-window-plain .x-window-mc {
3673 background: #CAD9EC;
3674 border-right:1px solid #DFE8F6;
3675 border-bottom:1px solid #DFE8F6;
3676 border-top:1px solid #a3bae9;
3677 border-left:1px solid #a3bae9;
3680 .x-window-plain .x-window-body {
3681 border-left:1px solid #DFE8F6;
3682 border-top:1px solid #DFE8F6;
3683 border-bottom:1px solid #a3bae9;
3684 border-right:1px solid #a3bae9;
3685 background:transparent !important;
3688 body.x-body-masked .x-window-plain .x-window-mc {
3689 background: #C7D6E9;
3691 .x-html-editor-wrap {
\r
3692 border:1px solid #a9bfd3;
\r
3695 .x-html-editor-tb .x-btn-text {
\r
3696 background:transparent url(../images/default/editor/tb-sprite.gif) no-repeat;
\r
3698 .x-html-editor-tb .x-edit-bold .x-btn-text {
\r
3699 background-position:0 0;
\r
3701 .x-html-editor-tb .x-edit-italic .x-btn-text {
\r
3702 background-position:-16px 0;
\r
3704 .x-html-editor-tb .x-edit-underline .x-btn-text {
\r
3705 background-position:-32px 0;
\r
3707 .x-html-editor-tb .x-edit-forecolor .x-btn-text {
\r
3708 background-position:-160px 0;
\r
3710 .x-html-editor-tb .x-edit-backcolor .x-btn-text {
\r
3711 background-position:-176px 0;
\r
3713 .x-html-editor-tb .x-edit-justifyleft .x-btn-text {
\r
3714 background-position:-112px 0;
\r
3716 .x-html-editor-tb .x-edit-justifycenter .x-btn-text {
\r
3717 background-position:-128px 0;
\r
3719 .x-html-editor-tb .x-edit-justifyright .x-btn-text {
\r
3720 background-position:-144px 0;
\r
3722 .x-html-editor-tb .x-edit-insertorderedlist .x-btn-text {
\r
3723 background-position:-80px 0;
\r
3725 .x-html-editor-tb .x-edit-insertunorderedlist .x-btn-text {
\r
3726 background-position:-96px 0;
\r
3728 .x-html-editor-tb .x-edit-increasefontsize .x-btn-text {
\r
3729 background-position:-48px 0;
\r
3731 .x-html-editor-tb .x-edit-decreasefontsize .x-btn-text {
\r
3732 background-position:-64px 0;
\r
3734 .x-html-editor-tb .x-edit-sourceedit .x-btn-text {
\r
3735 background-position:-192px 0;
\r
3737 .x-html-editor-tb .x-edit-createlink .x-btn-text {
\r
3738 background-position:-208px 0;
\r
3741 .x-html-editor-tip .x-tip-bd .x-tip-bd-inner {
\r
3743 padding-bottom:1px;
\r
3746 .x-html-editor-tb .x-toolbar {
\r
3747 position:static !important;
\r
3749 .x-panel-noborder .x-panel-body-noborder {
\r
3753 .x-panel-noborder .x-panel-header-noborder {
\r
3755 border-bottom:1px solid #99bbe8;
\r
3758 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
\r
3760 border-bottom:1px solid #99bbe8;
\r
3763 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
\r
3765 border-top:1px solid #99bbe8;
\r
3768 .x-window-noborder .x-window-mc {
\r
3772 .x-window-plain .x-window-body-noborder {
\r
3776 .x-tab-panel-noborder .x-tab-panel-body-noborder {
\r
3780 .x-tab-panel-noborder .x-tab-panel-header-noborder {
\r
3781 border-top-width:0;
\r
3782 border-left-width:0;
\r
3783 border-right-width:0;
\r
3786 .x-tab-panel-noborder .x-tab-panel-footer-noborder {
\r
3787 border-bottom-width:0;
\r
3788 border-left-width:0;
\r
3789 border-right-width:0;
\r
3793 .x-tab-panel-bbar-noborder .x-toolbar {
\r
3795 border-top:1px solid #99bbe8;
\r
3798 .x-tab-panel-tbar-noborder .x-toolbar {
\r
3800 border-bottom:1px solid #99bbe8;
\r
3802 .x-border-layout-ct {
3811 .x-tool-collapse-south {
3812 background-position:0 -195px;
3814 .x-tool-collapse-south-over {
3815 background-position:-15px -195px;
3818 .x-tool-collapse-north {
3819 background-position:0 -210px;
3821 .x-tool-collapse-north-over {
3822 background-position:-15px -210px;
3825 .x-tool-collapse-west {
3826 background-position:0 -180px;
3828 .x-tool-collapse-west-over {
3829 background-position:-15px -180px;
3832 .x-tool-collapse-east {
3833 background-position:0 -165px;
3835 .x-tool-collapse-east-over {
3836 background-position:-15px -165px;
3840 .x-tool-expand-south {
3841 background-position:0 -210px;
3843 .x-tool-expand-south-over {
3844 background-position:-15px -210px;
3847 .x-tool-expand-north {
3848 background-position:0 -195px;
3850 .x-tool-expand-north-over {
3851 background-position:-15px -195px;
3854 .x-tool-expand-west {
3855 background-position:0 -165px;
3857 .x-tool-expand-west-over {
3858 background-position:-15px -165px;
3861 .x-tool-expand-east {
3862 background-position:0 -180px;
3864 .x-tool-expand-east-over {
3865 background-position:-15px -180px;
3868 .x-tool-expand-north, .x-tool-expand-south {
3872 .x-tool-expand-east, .x-tool-expand-west {
3879 .x-accordion-hd .x-tool-toggle {
3880 background-position:0 -255px;
3882 .x-accordion-hd .x-tool-toggle-over {
3883 background-position:-15px -255px;
3885 .x-panel-collapsed .x-accordion-hd .x-tool-toggle {
3886 background-position:0 -240px;
3888 .x-panel-collapsed .x-accordion-hd .x-tool-toggle-over {
3889 background-position:-15px -240px;
3898 background: transparent url(../images/default/panel/light-hd.gif) repeat-x 0 -9px;
3901 .x-layout-collapsed{
3906 background-color:#d2e0f2;
3910 border:1px solid #98c0f4;
3913 .ext-border-box .x-layout-collapsed{
3917 .x-layout-collapsed-over{
3919 background-color:#d9e8fb;
3921 .x-layout-collapsed-west .x-layout-collapsed-tools, .x-layout-collapsed-east .x-layout-collapsed-tools{
3937 background-color:transparent;
3941 background-image:url(../images/default/s.gif);
3942 background-position: left;
3945 background-image:url(../images/default/s.gif);
3946 background-position: top;
3949 .x-column-layout-ct {
3976 filter:alpha(opacity=50);
3978 .x-layout-mini-over, .x-layout-collapsed-over .x-layout-mini{
3984 .x-layout-split-west .x-layout-mini {
3986 background-image:url(../images/default/layout/mini-left.gif);
3988 .x-layout-split-east .x-layout-mini {
3990 background-image:url(../images/default/layout/mini-right.gif);
3992 .x-layout-split-north .x-layout-mini {
3996 background-image:url(../images/default/layout/mini-top.gif);
3998 .x-layout-split-south .x-layout-mini {
4002 background-image:url(../images/default/layout/mini-bottom.gif);
4006 .x-layout-cmini-west .x-layout-mini {
4008 background-image:url(../images/default/layout/mini-right.gif);
4011 .x-layout-cmini-east .x-layout-mini {
4013 background-image:url(../images/default/layout/mini-left.gif);
4016 .x-layout-cmini-north .x-layout-mini {
4020 background-image:url(../images/default/layout/mini-bottom.gif);
4023 .x-layout-cmini-south .x-layout-mini {
4027 background-image:url(../images/default/layout/mini-top.gif);
4030 .x-layout-cmini-west, .x-layout-cmini-east {
4032 width:5px !important;
4034 background:transparent;
4037 .x-layout-cmini-north, .x-layout-cmini-south {
4039 height:5px !important;
4041 background:transparent;
4044 .x-viewport, .x-viewport body {
4052 .x-abs-layout-item {
4057 .x-progress-wrap {
\r
4058 border:1px solid #6593cf;
\r
4061 .x-progress-inner {
\r
4063 background: #e0e8f3 url(../images/default/qtip/bg.gif) repeat-x;
\r
4064 position:relative;
\r
4070 background:#9CBFEE url( ../images/default/progress/progress-bg.gif ) repeat-x left center;
\r
4071 border-top:1px solid #D1E4FD;
\r
4072 border-bottom:1px solid #7FA9E4;
\r
4073 border-right:1px solid #7FA9E4;
\r
4075 .x-progress-text {
\r
4081 position:absolute;
\r
4083 text-align:center;
\r
4085 .x-progress-text-back {
\r
4089 .ext-ie .x-progress-text-back {
\r
4092 .x-window-dlg .x-window-body {
\r
4093 border:0 none !important;
\r
4095 overflow:hidden !important;
\r
4097 .x-window-dlg .x-window-mc {
\r
4098 border:0 none !important;
\r
4100 .x-window-dlg .ext-mb-text,
\r
4101 .x-window-dlg .x-window-header-text {
\r
4104 .x-window-dlg .ext-mb-input {
\r
4108 .x-window-dlg .ext-mb-textarea {
\r
4110 font:normal 12px tahoma,arial,helvetica,sans-serif;
\r
4112 .x-window-dlg .x-progress-wrap {
\r
4115 .ext-ie .x-window-dlg .x-progress-wrap {
\r
4118 .x-window-dlg .x-msg-box-wait {
\r
4119 background: transparent url(../images/default/grid/loading.gif) no-repeat left;
\r
4122 padding-left:18px;
\r
4125 .x-window-dlg .ext-mb-icon {
\r
4130 .ext-ie .x-window-dlg .ext-mb-icon {
\r
4133 .x-window-dlg .ext-mb-info {
\r
4134 background:transparent url(../images/default/window/icon-info.gif) no-repeat top left;
\r
4136 .x-window-dlg .ext-mb-warning {
\r
4137 background:transparent url(../images/default/window/icon-warning.gif) no-repeat top left;
\r
4139 .x-window-dlg .ext-mb-question {
\r
4140 background:transparent url(../images/default/window/icon-question.gif) no-repeat top left;
\r
4142 .x-window-dlg .ext-mb-error {
\r
4143 background:transparent url(../images/default/window/icon-error.gif) no-repeat top left;
\r