3 * Copyright(c) 2006-2010 Sencha Inc.
5 * http://www.sencha.com/license
7 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:'';}
9 .ext-forced-border-box, .ext-forced-border-box * {
10 -moz-box-sizing: border-box;
11 -ms-box-sizing: border-box;
12 -webkit-box-sizing: border-box;
21 filter: alpha(opacity=50);
33 background:repeat-x 0 -16px;
37 .ext-el-mask-msg div {
38 padding:5px 10px 5px 10px;
52 filter: alpha(opacity=0);
61 padding:5px 10px 5px 25px;
62 background:no-repeat 5px 5px;
66 /* class for hiding elements without using display:none */
67 .x-hidden, .x-hide-offsets {
68 position:absolute !important;
75 display:none !important;
79 .x-hide-nosize * /* Emulate display:none for children */
83 visibility:hidden!important;
84 border:none!important;
89 visibility:hidden !important;
93 overflow: hidden !important;
96 position: relative !important;
99 .x-masked select, .x-masked object, .x-masked embed {
107 .x-unselectable, .x-unselectable * {
108 -moz-user-select: none;
109 -khtml-user-select: none;
110 -webkit-user-select:ignore;
115 background-color: transparent;
124 filter: alpha(opacity=60);
128 cursor: default !important;
131 .x-form-radio-group .x-item-disabled {
145 .x-splitbar-h, .x-splitbar-proxy-h {
150 .x-splitbar-v, .x-splitbar-proxy-v {
165 text-decoration: none;
166 -moz-outline: 0 none;
171 .x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
175 .x-color-palette em {
180 .x-color-palette em span {
218 .x-shadow .xstc, .x-shadow .xsbc {
224 .x-shadow .xstl, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbr {
235 .x-shadow .xsml, .x-shadow .xsmr {
244 background-color: transparent;
247 .x-shadow .xst, .x-shadow .xsb {
254 background: transparent repeat-y 0 0;
258 background: transparent repeat-y -6px 0;
262 background: transparent no-repeat 0 0;
266 background: transparent repeat-x 0 -30px;
270 background: transparent repeat-x 0 -18px;
274 background: transparent no-repeat 0 -12px;
278 background: transparent repeat-x 0 -36px;
282 background: transparent repeat-x 0 -6px;
286 background: no-repeat left;
307 background-image:url(../images/default/s.gif);
326 filter: alpha(opacity=50);
349 .x-resizable-handle {
356 filter:alpha(opacity=0);
361 .x-resizable-handle-east{
369 .ext-ie .x-resizable-handle-east {
370 margin-right:-1px; /*IE rounding error*/
373 .x-resizable-handle-south{
381 .ext-ie .x-resizable-handle-south {
382 margin-bottom:-1px; /*IE rounding error*/
385 .x-resizable-handle-west{
393 .x-resizable-handle-north{
401 .x-resizable-handle-southeast{
410 .x-resizable-handle-northwest{
419 .x-resizable-handle-northeast{
428 .x-resizable-handle-southwest{
437 .x-resizable-over .x-resizable-handle, .x-resizable-pinned .x-resizable-handle{
438 filter:alpha(opacity=100);
442 .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east,
443 .x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west
445 background-position: left;
448 .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south,
449 .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north
451 background-position: top;
454 .x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
455 background-position: top left;
458 .x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{
459 background-position:bottom right;
462 .x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{
463 background-position: bottom left;
466 .x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{
467 background-position: top right;
480 .x-resizable-overlay{
490 filter: alpha(opacity=0);
496 .x-tab-panel-header, .x-tab-panel-footer {
502 .x-tab-panel-header {
507 .x-tab-panel-footer {
527 background: repeat-x bottom;
528 border-bottom: 1px solid;
531 ul.x-tab-strip-bottom{
533 background: repeat-x top;
534 border-top: 1px solid;
535 border-bottom: 0 none;
538 .x-tab-panel-header-plain .x-tab-strip-top {
539 background:transparent !important;
540 padding-top:0 !important;
543 .x-tab-panel-header-plain {
544 background:transparent !important;
545 border-width:0 !important;
546 padding-bottom:0 !important;
549 .x-tab-panel-header-plain .x-tab-strip-spacer,
550 .x-tab-panel-footer-plain .x-tab-strip-spacer {
557 .x-tab-panel-header-plain .x-tab-strip-spacer {
561 .x-tab-panel-footer-plain .x-tab-strip-spacer {
562 border-bottom: 0 none;
565 .x-tab-panel-footer-plain .x-tab-strip-bottom {
566 background:transparent !important;
567 padding-bottom:0 !important;
570 .x-tab-panel-footer-plain {
571 background:transparent !important;
572 border-width:0 !important;
573 padding-top:0 !important;
576 .ext-border-box .x-tab-panel-header-plain .x-tab-strip-spacer,
577 .ext-border-box .x-tab-panel-footer-plain .x-tab-strip-spacer {
586 ul.x-tab-strip li.x-tab-edge {
589 padding:0 !important;
590 border:0 none !important;
591 font-size:1px !important;
592 line-height:1px !important;
595 background:transparent !important;
599 .x-tab-strip a, .x-tab-strip span, .x-tab-strip em {
604 text-decoration:none !important;
612 text-overflow: ellipsis;
615 .x-tab-strip span.x-tab-strip-text {
621 .x-tab-strip-top .x-tab-with-icon .x-tab-right {
625 .x-tab-strip .x-tab-with-icon span.x-tab-strip-text {
627 background-position: 0 3px;
628 background-repeat: no-repeat;
631 .x-tab-strip-active, .x-tab-strip-active a.x-tab-right {
635 .x-tab-strip-active span.x-tab-strip-text {
639 .x-tab-strip-disabled .x-tabs-text {
651 .ext-ie .x-tab-strip .x-tab-right {
655 .x-tab-strip-top .x-tab-strip-active .x-tab-right {
660 * Horrible hack for IE8 in quirks mode
662 .ext-ie8 .x-tab-strip li {
665 .ext-border-box .ext-ie8 .x-tab-strip-top .x-tab-right {
668 .ext-ie8 .x-tab-strip-top {
671 .ext-border-box .ext-ie8 .x-tab-strip-top {
674 .ext-ie8 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
677 .ext-border-box .ext-ie8 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
680 .ext-ie8 .x-tab-strip-bottom .x-tab-right{
685 .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
689 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
693 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
697 .x-tab-strip-top .x-tab-right {
698 background: transparent no-repeat 0 -51px;
702 .x-tab-strip-top .x-tab-left {
703 background: transparent no-repeat right -351px;
707 .x-tab-strip-top .x-tab-strip-inner {
708 background: transparent repeat-x 0 -201px;
711 .x-tab-strip-top .x-tab-strip-over .x-tab-right {
712 background-position:0 -101px;
715 .x-tab-strip-top .x-tab-strip-over .x-tab-left {
716 background-position:right -401px;
719 .x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {
720 background-position:0 -251px;
723 .x-tab-strip-top .x-tab-strip-active .x-tab-right {
724 background-position: 0 0;
727 .x-tab-strip-top .x-tab-strip-active .x-tab-left {
728 background-position: right -301px;
731 .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
732 background-position: 0 -151px;
735 .x-tab-strip-bottom .x-tab-right {
736 background: no-repeat bottom right;
739 .x-tab-strip-bottom .x-tab-left {
740 background: no-repeat bottom left;
743 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
744 background: no-repeat bottom right;
747 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
748 background: no-repeat bottom left;
751 .x-tab-strip-bottom .x-tab-left {
756 .x-tab-strip-bottom .x-tab-right {
760 .x-tab-strip .x-tab-strip-close {
764 .x-tab-strip-closable {
768 .x-tab-strip-closable .x-tab-left {
772 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
775 background-repeat:no-repeat;
786 .x-tab-strip .x-tab-strip-active a.x-tab-strip-close {
790 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
799 .x-tab-panel-body-top {
803 .x-tab-panel-body-bottom {
804 border-bottom: 0 none;
807 .x-tab-scroller-left {
808 background: transparent no-repeat -18px 0;
809 border-bottom: 1px solid;
817 .x-tab-scroller-left-over {
818 background-position: 0 0;
821 .x-tab-scroller-left-disabled {
822 background-position: -18px 0;
825 filter:alpha(opacity=50);
829 .x-tab-scroller-right {
830 background: transparent no-repeat 0 0;
831 border-bottom: 1px solid;
840 .x-tab-scroller-right-over {
841 background-position: -18px 0;
844 .x-tab-scroller-right-disabled {
845 background-position: 0 0;
848 filter:alpha(opacity=50);
852 .x-tab-scrolling-bottom .x-tab-scroller-left, .x-tab-scrolling-bottom .x-tab-scroller-right{
856 .x-tab-scrolling .x-tab-strip-wrap {
865 .x-tab-panel-bbar .x-toolbar {
872 .x-tab-panel-tbar .x-toolbar {
883 outline: none !important;
886 /* ---- text fields ---- */
887 .x-form-text, textarea.x-form-field{
889 background:repeat-x 0 0;
893 textarea.x-form-field {
897 .x-form-text, .ext-ie .x-form-file {
900 vertical-align:middle;
903 .ext-ie6 .x-form-text, .ext-ie7 .x-form-text {
904 margin:-1px 0; /* ie bogus margin bug */
905 height:22px; /* ie quirks */
909 .ext-ie6 .x-form-field-wrap .x-form-file-btn, .ext-ie7 .x-form-field-wrap .x-form-file-btn {
910 top: -1px; /* because of all these margin hacks, these buttons are off by one pixel in IE6,7 */
913 .ext-ie6 textarea.x-form-field, .ext-ie7 textarea.x-form-field {
914 margin:-1px 0; /* ie bogus margin bug */
917 .ext-strict .x-form-text {
921 .ext-safari.ext-mac textarea.x-form-field {
922 margin-bottom:-2px; /* another bogus margin bug, safari/mac only */
926 .ext-strict .ext-ie8 .x-form-text, .ext-strict .ext-ie8 textarea.x-form-field {
931 .ext-gecko .x-form-text , .ext-ie8 .x-form-text {
932 padding-top:2px; /* FF won't center the text vertically */
936 .ext-ie6 .x-form-composite .x-form-text.x-box-item, .ext-ie7 .x-form-composite .x-form-text.x-box-item {
937 margin: 0 !important; /* clear ie bogus margin bug fix */
941 resize: none; /* Disable browser resizable textarea */
948 vertical-align:middle;
952 /* multi select boxes */
962 .ext-ie .x-form-check-wrap input {
967 .x-form-check-wrap input{
968 vertical-align: bottom;
971 .x-editor .x-form-check-wrap {
975 .x-editor .x-form-checkbox {
979 .x-form-check-group-label {
980 border-bottom: 1px solid;
982 padding-left: 3px !important;
983 float: none !important;
986 /* wrapped fields and triggers */
987 .x-form-field-wrap .x-form-trigger{
991 background:transparent no-repeat 0 0;
993 border-bottom: 1px solid;
998 .x-form-field-wrap .x-form-date-trigger, .x-form-field-wrap .x-form-clear-trigger, .x-form-field-wrap .x-form-search-trigger{
1002 .x-form-field-wrap .x-form-twin-triggers .x-form-trigger{
1008 .x-form-field-wrap {
1013 white-space: nowrap;
1016 .ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-trigger {
1017 right: 0; /* IE8 Strict mode trigger bug */
1020 .x-form-field-wrap .x-form-trigger-over{
1021 background-position:-17px 0;
1024 .x-form-field-wrap .x-form-trigger-click{
1025 background-position:-34px 0;
1028 .x-trigger-wrap-focus .x-form-trigger{
1029 background-position:-51px 0;
1032 .x-trigger-wrap-focus .x-form-trigger-over{
1033 background-position:-68px 0;
1036 .x-trigger-wrap-focus .x-form-trigger-click{
1037 background-position:-85px 0;
1040 .x-trigger-wrap-focus .x-form-trigger{
1041 border-bottom: 1px solid;
1044 .x-item-disabled .x-form-trigger-over{
1045 background-position:0 0 !important;
1046 border-bottom: 1px solid;
1049 .x-item-disabled .x-form-trigger-click{
1050 background-position:0 0 !important;
1051 border-bottom: 1px solid;
1058 /* field focus style */
1059 .x-form-focus, textarea.x-form-focus{
1063 /* invalid fields */
1064 .x-form-invalid, textarea.x-form-invalid{
1065 background:repeat-x bottom;
1069 .x-form-inner-invalid, textarea.x-form-inner-invalid{
1070 background:repeat-x bottom;
1080 .x-form-grow-sizer {
1086 white-space: pre-wrap;
1087 white-space: -moz-pre-wrap;
1088 white-space: -pre-wrap;
1089 white-space: -o-pre-wrap;
1090 word-wrap: break-word;
1094 .x-form-grow-sizer p {
1095 margin:0 !important;
1096 border:0 none !important;
1097 padding:0 !important;
1100 /* Form Items CSS */
1108 .x-form-item label.x-form-item-label {
1124 .x-form-invalid-msg {
1127 background: transparent no-repeat 0 2px;
1132 .x-form-label-left label.x-form-item-label {
1136 .x-form-label-right label.x-form-item-label {
1140 .x-form-label-top .x-form-item label.x-form-item-label {
1149 .x-form-label-top .x-form-element {
1154 .x-form-label-top .x-form-item {
1158 /* Editor small font for grid, toolbar and tree */
1159 .x-small-editor .x-form-text {
1162 vertical-align:middle;
1165 .ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text {
1166 margin-top:-1px !important; /* ie bogus margin bug */
1167 margin-bottom:-1px !important;
1168 height:20px !important; /* ie quirks */
1169 line-height:16px !important;
1172 .ext-strict .x-small-editor .x-form-text {
1173 height:16px !important;
1176 .ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text {
1181 .ext-border-box .x-small-editor .x-form-text {
1185 .x-small-editor .x-form-select-one {
1188 vertical-align:middle;
1191 .x-small-editor .x-form-num-field {
1195 .x-small-editor .x-form-field-wrap .x-form-trigger{
1199 .ext-webkit .x-small-editor .x-form-text{padding-top:3px;font-size:100%;}
1208 .x-form-clear-left {
1216 .ext-ie6 .x-form-check-wrap input, .ext-border-box .x-form-check-wrap input{
1226 .ext-ie .x-form-cb-label{
1230 .ext-ie6 .x-form-cb-label, .ext-border-box .x-form-cb-label{
1234 .x-form-display-field{
1238 .ext-gecko .x-form-display-field, .ext-strict .ext-ie7 .x-form-display-field{
1242 .ext-ie .x-form-display-field{
1246 .ext-strict .ext-ie8 .x-form-display-field{
1260 .x-form .x-form-btns-ct .x-btn{
1265 .x-form .x-form-btns-ct .x-form-btns td {
1270 .x-form .x-form-btns-ct .x-form-btns-right table{
1275 .x-form .x-form-btns-ct .x-form-btns-left table{
1280 .x-form .x-form-btns-ct .x-form-btns-center{
1281 text-align:center; /*ie*/
1284 .x-form .x-form-btns-ct .x-form-btns-center table{
1285 margin:0 auto; /*everyone else*/
1288 .x-form .x-form-btns-ct table td.x-form-btn-td{
1292 .x-form .x-form-btns-ct .x-btn-focus .x-btn-left{
1293 background-position:0 -147px;
1296 .x-form .x-form-btns-ct .x-btn-focus .x-btn-right{
1297 background-position:0 -168px;
1300 .x-form .x-form-btns-ct .x-btn-focus .x-btn-center{
1301 background-position:0 -189px;
1304 .x-form .x-form-btns-ct .x-btn-click .x-btn-center{
1305 background-position:0 -126px;
1308 .x-form .x-form-btns-ct .x-btn-click .x-btn-right{
1309 background-position:0 -84px;
1312 .x-form .x-form-btns-ct .x-btn-click .x-btn-left{
1313 background-position:0 -63px;
1316 .x-form-invalid-icon {
1324 background:transparent no-repeat 0 2px;
1332 display:block; /* preserve margins in IE */
1335 /* make top of checkbox/tools visible in webkit */
1336 .ext-webkit .x-fieldset-header {
1340 .ext-ie .x-fieldset legend {
1344 .ext-ie .x-fieldset {
1346 padding-bottom:10px;
1349 .x-fieldset legend .x-tool-toggle {
1352 float:left !important;
1355 .x-fieldset legend input {
1357 float:left !important;
1362 fieldset.x-panel-collapsed {
1363 padding-bottom:0 !important;
1364 border-width: 1px 1px 0 1px !important;
1365 border-left-color: transparent;
1366 border-right-color: transparent;
1369 .ext-ie6 fieldset.x-panel-collapsed{
1370 padding-bottom:0 !important;
1371 border-width: 1px 0 0 0 !important;
1376 fieldset.x-panel-collapsed .x-fieldset-bwrap {
1383 .ext-ie .x-fieldset-bwrap {
1387 .x-fieldset-noborder {
1388 border:0px none transparent;
1391 .x-fieldset-noborder legend {
1395 /* IE legend positioning bug */
1396 .ext-ie .x-fieldset-noborder legend {
1400 .ext-ie .x-fieldset-noborder legend span {
1405 .ext-gecko .x-window-body .x-form-item {
1411 .ext-mac.ext-gecko .x-window-body .x-form-item {
1415 .ext-gecko .x-form-item {
1420 .x-hide-label label.x-form-item-label {
1424 .x-hide-label .x-form-element {
1425 padding-left: 0 !important;
1428 .x-form-label-top .x-hide-label label.x-form-item-label{
1446 white-space: nowrap;
1451 background-color:transparent;
1458 -moz-outline:0 none;
1462 * html .ext-ie .x-btn button {
1466 .ext-gecko .x-btn button, .ext-webkit .x-btn button {
1471 .ext-gecko .x-btn button::-moz-focus-inner {
1475 .ext-ie .x-btn button {
1480 padding:0 !important;
1485 white-space: nowrap;
1489 /* icon placement and sizing styles */
1492 .x-btn-noicon .x-btn-small .x-btn-text{
1496 .x-btn-noicon .x-btn-medium .x-btn-text{
1500 .x-btn-noicon .x-btn-large .x-btn-text{
1505 .x-btn-icon .x-btn-text{
1506 background-position: center;
1507 background-repeat: no-repeat;
1510 .x-btn-icon .x-btn-small .x-btn-text{
1515 .x-btn-icon .x-btn-medium .x-btn-text{
1520 .x-btn-icon .x-btn-large .x-btn-text{
1525 /* Icons and text */
1527 .x-btn-text-icon .x-btn-icon-small-left .x-btn-text{
1528 background-position: 0 center;
1529 background-repeat: no-repeat;
1534 .x-btn-text-icon .x-btn-icon-medium-left .x-btn-text{
1535 background-position: 0 center;
1536 background-repeat: no-repeat;
1541 .x-btn-text-icon .x-btn-icon-large-left .x-btn-text{
1542 background-position: 0 center;
1543 background-repeat: no-repeat;
1549 .x-btn-text-icon .x-btn-icon-small-top .x-btn-text{
1550 background-position: center 0;
1551 background-repeat: no-repeat;
1555 .x-btn-text-icon .x-btn-icon-medium-top .x-btn-text{
1556 background-position: center 0;
1557 background-repeat: no-repeat;
1561 .x-btn-text-icon .x-btn-icon-large-top .x-btn-text{
1562 background-position: center 0;
1563 background-repeat: no-repeat;
1568 .x-btn-text-icon .x-btn-icon-small-right .x-btn-text{
1569 background-position: right center;
1570 background-repeat: no-repeat;
1575 .x-btn-text-icon .x-btn-icon-medium-right .x-btn-text{
1576 background-position: right center;
1577 background-repeat: no-repeat;
1582 .x-btn-text-icon .x-btn-icon-large-right .x-btn-text{
1583 background-position: right center;
1584 background-repeat: no-repeat;
1590 .x-btn-text-icon .x-btn-icon-small-bottom .x-btn-text{
1591 background-position: center bottom;
1592 background-repeat: no-repeat;
1593 padding-bottom:18px;
1596 .x-btn-text-icon .x-btn-icon-medium-bottom .x-btn-text{
1597 background-position: center bottom;
1598 background-repeat: no-repeat;
1599 padding-bottom:26px;
1602 .x-btn-text-icon .x-btn-icon-large-bottom .x-btn-text{
1603 background-position: center bottom;
1604 background-repeat: no-repeat;
1605 padding-bottom:34px;
1608 /* background positioning */
1609 .x-btn-tr i, .x-btn-tl i, .x-btn-mr i, .x-btn-ml i, .x-btn-br i, .x-btn-bl i{
1617 .x-btn-tr i, .x-btn-tl i, .x-btn-br i, .x-btn-bl i{
1624 background:no-repeat 0 0;
1629 background:no-repeat -3px 0;
1633 background:repeat-x 0 -6px;
1638 background:no-repeat 0 -24px;
1642 background:no-repeat -3px -24px;
1646 background:repeat-x 0 -1096px;
1647 vertical-align: middle;
1654 /* Fixes an issue with the button height */
1655 .ext-strict .ext-ie6 .x-btn-mc, .ext-strict .ext-ie7 .x-btn-mc {
1662 background:no-repeat 0 -3px;
1668 background:no-repeat -3px -3px;
1673 background:repeat-x 0 -15px;
1676 .x-btn-over .x-btn-tl{
1677 background-position: -6px 0;
1680 .x-btn-over .x-btn-tr{
1681 background-position: -9px 0;
1684 .x-btn-over .x-btn-tc{
1685 background-position: 0 -9px;
1688 .x-btn-over .x-btn-ml{
1689 background-position: -6px -24px;
1692 .x-btn-over .x-btn-mr{
1693 background-position: -9px -24px;
1696 .x-btn-over .x-btn-mc{
1697 background-position: 0 -2168px;
1700 .x-btn-over .x-btn-bl{
1701 background-position: -6px -3px;
1704 .x-btn-over .x-btn-br{
1705 background-position: -9px -3px;
1708 .x-btn-over .x-btn-bc{
1709 background-position: 0 -18px;
1712 .x-btn-click .x-btn-tl, .x-btn-menu-active .x-btn-tl, .x-btn-pressed .x-btn-tl{
1713 background-position: -12px 0;
1716 .x-btn-click .x-btn-tr, .x-btn-menu-active .x-btn-tr, .x-btn-pressed .x-btn-tr{
1717 background-position: -15px 0;
1720 .x-btn-click .x-btn-tc, .x-btn-menu-active .x-btn-tc, .x-btn-pressed .x-btn-tc{
1721 background-position: 0 -12px;
1724 .x-btn-click .x-btn-ml, .x-btn-menu-active .x-btn-ml, .x-btn-pressed .x-btn-ml{
1725 background-position: -12px -24px;
1728 .x-btn-click .x-btn-mr, .x-btn-menu-active .x-btn-mr, .x-btn-pressed .x-btn-mr{
1729 background-position: -15px -24px;
1732 .x-btn-click .x-btn-mc, .x-btn-menu-active .x-btn-mc, .x-btn-pressed .x-btn-mc{
1733 background-position: 0 -3240px;
1736 .x-btn-click .x-btn-bl, .x-btn-menu-active .x-btn-bl, .x-btn-pressed .x-btn-bl{
1737 background-position: -12px -3px;
1740 .x-btn-click .x-btn-br, .x-btn-menu-active .x-btn-br, .x-btn-pressed .x-btn-br{
1741 background-position: -15px -3px;
1744 .x-btn-click .x-btn-bc, .x-btn-menu-active .x-btn-bc, .x-btn-pressed .x-btn-bc{
1745 background-position: 0 -21px;
1749 cursor:default !important;
1753 /* With a menu arrow */
1755 .x-btn-mc em.x-btn-arrow {
1757 background:transparent no-repeat right center;
1761 .x-btn-mc em.x-btn-split {
1763 background:transparent no-repeat right center;
1768 .x-btn-mc em.x-btn-arrow-bottom {
1770 background:transparent no-repeat center bottom;
1771 padding-bottom:14px;
1774 .x-btn-mc em.x-btn-split-bottom {
1776 background:transparent no-repeat center bottom;
1777 padding-bottom:14px;
1780 /* height adjustment class */
1781 .x-btn-as-arrow .x-btn-mc em {
1783 background-color:transparent;
1784 padding-bottom:14px;
1792 .x-btn-group-header {
1798 background: transparent repeat-x 0 0;
1803 background: transparent no-repeat 0 0;
1809 background: transparent no-repeat right 0;
1815 background: transparent repeat-x 0 bottom;
1819 .x-btn-group-bc .x-panel-footer {
1824 background: transparent no-repeat 0 bottom;
1830 background: transparent no-repeat right bottom;
1841 .x-btn-group-mc .x-btn-group-body {
1842 background-color:transparent;
1847 background: transparent repeat-y 0 0;
1853 background: transparent repeat-y right 0;
1858 .x-btn-group-bc .x-btn-group-footer {
1862 .x-panel-nofooter .x-btn-group-bc {
1868 .x-btn-group-bwrap {
1878 .x-btn-group-notitle .x-btn-group-tc {
1879 background: transparent repeat-x 0 0;
1884 border-width:0 0 1px 0;
1887 background:repeat-x top left;
1899 .x-toolbar .x-item-disabled .x-btn-icon {
1902 filter: alpha(opacity=35);
1906 vertical-align:middle;
1909 .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
1910 white-space: nowrap;
1913 .x-toolbar .x-item-disabled {
1917 filter:alpha(opacity=60);
1920 .x-toolbar .x-item-disabled * {
1924 .x-toolbar .x-toolbar-cell {
1925 vertical-align:middle;
1928 .x-toolbar .x-btn-tl, .x-toolbar .x-btn-tr, .x-toolbar .x-btn-tc, .x-toolbar .x-btn-ml, .x-toolbar .x-btn-mr,
1929 .x-toolbar .x-btn-mc, .x-toolbar .x-btn-bl, .x-toolbar .x-btn-br, .x-toolbar .x-btn-bc
1931 background-position: 500px 500px;
1934 /* These rules are duplicated from button.css to give priority of x-toolbar rules above */
1935 .x-toolbar .x-btn-over .x-btn-tl{
1936 background-position: -6px 0;
1939 .x-toolbar .x-btn-over .x-btn-tr{
1940 background-position: -9px 0;
1943 .x-toolbar .x-btn-over .x-btn-tc{
1944 background-position: 0 -9px;
1947 .x-toolbar .x-btn-over .x-btn-ml{
1948 background-position: -6px -24px;
1951 .x-toolbar .x-btn-over .x-btn-mr{
1952 background-position: -9px -24px;
1955 .x-toolbar .x-btn-over .x-btn-mc{
1956 background-position: 0 -2168px;
1959 .x-toolbar .x-btn-over .x-btn-bl{
1960 background-position: -6px -3px;
1963 .x-toolbar .x-btn-over .x-btn-br{
1964 background-position: -9px -3px;
1967 .x-toolbar .x-btn-over .x-btn-bc{
1968 background-position: 0 -18px;
1971 .x-toolbar .x-btn-click .x-btn-tl, .x-toolbar .x-btn-menu-active .x-btn-tl, .x-toolbar .x-btn-pressed .x-btn-tl{
1972 background-position: -12px 0;
1975 .x-toolbar .x-btn-click .x-btn-tr, .x-toolbar .x-btn-menu-active .x-btn-tr, .x-toolbar .x-btn-pressed .x-btn-tr{
1976 background-position: -15px 0;
1979 .x-toolbar .x-btn-click .x-btn-tc, .x-toolbar .x-btn-menu-active .x-btn-tc, .x-toolbar .x-btn-pressed .x-btn-tc{
1980 background-position: 0 -12px;
1983 .x-toolbar .x-btn-click .x-btn-ml, .x-toolbar .x-btn-menu-active .x-btn-ml, .x-toolbar .x-btn-pressed .x-btn-ml{
1984 background-position: -12px -24px;
1987 .x-toolbar .x-btn-click .x-btn-mr, .x-toolbar .x-btn-menu-active .x-btn-mr, .x-toolbar .x-btn-pressed .x-btn-mr{
1988 background-position: -15px -24px;
1991 .x-toolbar .x-btn-click .x-btn-mc, .x-toolbar .x-btn-menu-active .x-btn-mc, .x-toolbar .x-btn-pressed .x-btn-mc{
1992 background-position: 0 -3240px;
1995 .x-toolbar .x-btn-click .x-btn-bl, .x-toolbar .x-btn-menu-active .x-btn-bl, .x-toolbar .x-btn-pressed .x-btn-bl{
1996 background-position: -12px -3px;
1999 .x-toolbar .x-btn-click .x-btn-br, .x-toolbar .x-btn-menu-active .x-btn-br, .x-toolbar .x-btn-pressed .x-btn-br{
2000 background-position: -15px -3px;
2003 .x-toolbar .x-btn-click .x-btn-bc, .x-toolbar .x-btn-menu-active .x-btn-bc, .x-toolbar .x-btn-pressed .x-btn-bc{
2004 background-position: 0 -21px;
2007 .x-toolbar div.xtb-text{
2013 .x-toolbar .xtb-sep {
2014 background-position: center;
2015 background-repeat: no-repeat;
2026 .x-toolbar .xtb-spacer {
2030 /* Paging Toolbar */
2031 .x-tbar-page-number{
2036 .ext-ie .x-tbar-page-number{
2051 .x-toolbar-right td {
2055 .x-panel-tbar, .x-panel-bbar, .x-window-tbar, .x-window-bbar, .x-tab-panel-tbar, .x-tab-panel-bbar, .x-plain-tbar, .x-plain-bbar {
2060 .x-toolbar-more .x-btn-small .x-btn-text{
2065 .x-toolbar-more em.x-btn-arrow {
2067 background-color:transparent;
2071 .x-toolbar-more .x-btn-mc em.x-btn-arrow {
2072 background-image: none;
2075 div.x-toolbar-no-items {
2076 color:gray !important;
2077 padding:5px 10px !important;
2080 /* fix ie toolbar form items */
2081 .ext-border-box .x-toolbar-cell .x-form-text {
2082 margin-bottom:-1px !important;
2085 .ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text {
2086 margin:0 !important;
2089 .ext-ie .x-toolbar-cell .x-form-field-wrap {
2093 .ext-ie .x-toolbar-cell .x-form-text {
2098 .ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-text, .ext-strict .ext-ie .x-toolbar-cell .x-form-text {
2102 .x-toolbar-right td .x-form-field-trigger-wrap{
2106 .x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio{
2110 .x-toolbar-cell .x-form-cb-label{
2111 vertical-align: bottom;
2115 .ext-ie .x-toolbar-cell .x-form-checkbox, .ext-ie .x-toolbar-cell .x-form-radio{
2119 .ext-ie .x-toolbar-cell .x-form-cb-label{
2128 .x-grid-panel .x-panel-body {
2129 overflow:hidden !important;
2132 .x-grid-panel .x-panel-mc .x-panel-body {
2144 .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{
2147 -moz-user-focus: normal;
2150 .x-grid3-row td, .x-grid3-summary-row td {
2152 vertical-align: top;
2155 -moz-user-select: none;
2156 -khtml-user-select:none;
2157 -webkit-user-select:ignore;
2161 -moz-user-select: none;
2162 -khtml-user-select:none;
2163 -webkit-user-select:ignore;
2166 .x-grid3-hd-row td {
2168 vertical-align:middle;
2169 border-left:1px solid;
2170 border-right:1px solid;
2173 .x-grid3-hd-row .x-grid3-marker-hd {
2177 .x-grid3-row .x-grid3-marker {
2181 .x-grid3-cell-inner, .x-grid3-hd-inner{
2183 -o-text-overflow: ellipsis;
2184 text-overflow: ellipsis;
2185 padding:3px 3px 3px 5px;
2186 white-space: nowrap;
2189 /* ActionColumn, reduce padding to accommodate 16x16 icons in normal row height */
2190 .x-action-col-cell .x-grid3-cell-inner {
2192 padding-bottom: 1px;
2195 .x-action-col-icon {
2202 padding:4px 3px 4px 5px;
2209 .x-grid3-body-cell {
2210 -moz-outline:0 none;
2214 /* IE Quirks to clip */
2215 .ext-ie .x-grid3-cell-inner, .ext-ie .x-grid3-hd-inner{
2219 /* reverse above in strict mode */
2220 .ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner{
2224 .x-grid-row-loading {
2225 background: no-repeat center center;
2240 background: repeat-x left top;
2243 .x-grid3-resize-proxy {
2257 .x-grid3-resize-marker {
2277 -moz-outline:0 none;
2279 -moz-user-select: text;
2280 -khtml-user-select: text;
2281 -webkit-user-select:ignore;
2286 background: repeat-x 0 bottom;
2292 .x-grid3-header-pop {
2293 border-left:1px solid;
2298 .x-grid3-header-pop-inner {
2299 border-left:1px solid;
2302 background: transparent no-repeat center center;
2305 .ext-ie .x-grid3-header-pop-inner {
2309 .ext-strict .x-grid3-header-pop-inner {
2313 .x-grid3-header-inner {
2319 .x-grid3-header-offset {
2324 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
2325 border-left:1px solid;
2326 border-right:1px solid;
2329 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 {
2330 background: repeat-x left bottom;
2335 background-repeat: no-repeat;
2340 vertical-align: middle;
2343 .sort-asc .x-grid3-sort-icon, .sort-desc .x-grid3-sort-icon {
2347 /* Header position fixes for IE strict mode */
2348 .ext-strict .ext-ie .x-grid3-header-inner, .ext-strict .ext-ie6 .x-grid3-hd {
2352 .ext-strict .ext-ie6 .x-grid3-hd-inner{
2367 .x-grid3-cell-text, .x-grid3-hd-text {
2369 padding: 3px 5px 3px 5px;
2370 -moz-user-select: none;
2371 -khtml-user-select: none;
2372 -webkit-user-select:ignore;
2376 background-position: center;
2377 background-repeat: no-repeat;
2390 /* Column Reorder DD */
2391 .x-dd-drag-proxy .x-grid3-hd-inner{
2392 background: repeat-x left bottom;
2399 .col-move-top, .col-move-bottom{
2409 background:transparent no-repeat left top;
2412 /* Selection Styles */
2413 .x-grid3-row-selected {
2417 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
2418 background: repeat-x 0 bottom !important;
2419 vertical-align:middle !important;
2421 border-top:1px solid;
2422 border-bottom:none !important;
2423 border-right:1px solid !important;
2427 .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
2433 .x-grid3-dirty-cell {
2434 background: transparent no-repeat 0 0;
2438 .x-grid3-topbar, .x-grid3-bottombar{
2445 .x-grid3-topbar .x-toolbar{
2446 border-right:0 none;
2449 .x-grid3-bottombar .x-toolbar{
2450 border-right:0 none;
2451 border-bottom:0 none;
2452 border-top:1px solid;
2455 /* Props Grid Styles */
2456 .x-props-grid .x-grid3-cell{
2460 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
2461 background:transparent repeat-y -16px !important;
2465 .x-props-grid .x-grid3-body .x-grid3-td-name{
2469 border-right:1px solid;
2476 background-color:transparent;
2479 .x-dd-drag-ghost .x-grid3-dd-wrap {
2480 padding:1px 3px 3px 1px;
2484 -moz-user-select:none;
2485 -khtml-user-select:none;
2486 -webkit-user-select:ignore;
2493 background:no-repeat left center;
2500 .x-grid3-hd-over .x-grid3-hd-btn, .x-grid3-hd-menu-open .x-grid3-hd-btn {
2504 a.x-grid3-hd-btn:hover {
2505 background-position:-14px center;
2509 .x-grid3-body .x-grid3-td-expander {
2510 background:transparent repeat-y right;
2513 .x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner {
2514 padding:0 !important;
2518 .x-grid3-row-expander {
2521 background-position:4px 2px;
2522 background-repeat:no-repeat;
2523 background-color:transparent;
2526 .x-grid3-row-collapsed .x-grid3-row-expander {
2527 background-position:4px 2px;
2530 .x-grid3-row-expanded .x-grid3-row-expander {
2531 background-position:-21px 2px;
2534 .x-grid3-row-collapsed .x-grid3-row-body {
2535 display:none !important;
2538 .x-grid3-row-expanded .x-grid3-row-body {
2539 display:block !important;
2543 .x-grid3-body .x-grid3-td-checker {
2544 background:transparent repeat-y right;
2547 .x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner, .x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner {
2548 padding:0 !important;
2552 .x-grid3-row-checker, .x-grid3-hd-checker {
2555 background-position:2px 2px;
2556 background-repeat:no-repeat;
2557 background-color:transparent;
2560 .x-grid3-row .x-grid3-row-checker {
2561 background-position:2px 2px;
2564 .x-grid3-row-selected .x-grid3-row-checker, .x-grid3-hd-checker-on .x-grid3-hd-checker,.x-grid3-row-checked .x-grid3-row-checker {
2565 background-position:-23px 2px;
2568 .x-grid3-hd-checker {
2569 background-position:2px 1px;
2572 .ext-border-box .x-grid3-hd-checker {
2573 background-position:2px 3px;
2576 .x-grid3-hd-checker-on .x-grid3-hd-checker {
2577 background-position:-23px 1px;
2580 .ext-border-box .x-grid3-hd-checker-on .x-grid3-hd-checker {
2581 background-position:-23px 3px;
2585 .x-grid3-body .x-grid3-td-numberer {
2586 background:transparent repeat-y right;
2589 .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
2590 padding:3px 5px 0 0 !important;
2596 .x-grid3-body .x-grid3-td-row-icon {
2597 background:transparent repeat-y right;
2602 .x-grid3-body .x-grid3-td-row-icon .x-grid3-cell-inner {
2603 padding:0 !important;
2604 background-position:center center;
2605 background-repeat:no-repeat;
2613 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
2614 .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
2615 .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
2616 background:transparent repeat-y right;
2619 .x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner {
2620 padding: 1px 0 0 0 !important;
2623 .x-grid3-check-col {
2626 background-position:center center;
2627 background-repeat:no-repeat;
2628 background-color:transparent;
2631 .x-grid3-check-col-on {
2634 background-position:center center;
2635 background-repeat:no-repeat;
2636 background-color:transparent;
2639 /* Grouping classes */
2640 .x-grid-group, .x-grid-group-body, .x-grid-group-hd {
2645 border-bottom: 2px solid;
2650 .x-grid-group-hd div.x-grid-group-title {
2651 background:transparent no-repeat 3px 3px;
2652 padding:4px 4px 4px 17px;
2655 .x-grid-group-collapsed .x-grid-group-body {
2659 .ext-ie6 .x-grid3 .x-editor .x-form-text, .ext-ie7 .x-grid3 .x-editor .x-form-text {
2664 .ext-ie .x-props-grid .x-editor .x-form-text {
2673 /* fix floating toolbar issue */
2674 .ext-ie7 .x-grid-panel .x-panel-bbar {
2679 /* Reset position to static when Grid Panel has been framed */
2680 /* to resolve 'snapping' from top to bottom behavior. */
2681 /* @forumThread 86656 */
2682 .ext-ie7 .x-grid-panel .x-panel-mc .x-panel-bbar {
2686 .ext-ie6 .x-grid3-header {
2690 /* Fix WebKit bug in Grids */
2691 .ext-webkit .x-grid-panel .x-panel-bwrap{
2692 -webkit-user-select:none;
2694 .ext-webkit .x-tbar-page-number{
2695 -webkit-user-select:ignore;
2700 .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
2702 border-right:1px solid;
2704 .x-pivotgrid .x-grid3-header-offset table {
2706 border-collapse: collapse;
2709 .x-pivotgrid .x-grid3-header-offset table td {
2710 padding: 4px 3px 4px 5px;
2712 white-space: nowrap;
2714 text-overflow: ellipsis;
2717 font-family: tahoma;
2720 .x-pivotgrid .x-grid3-row-headers {
2725 .x-pivotgrid .x-grid3-row-headers table {
2728 border-collapse: collapse;
2731 .x-pivotgrid .x-grid3-row-headers table td {
2733 padding: 2px 7px 0 0;
2735 text-overflow: ellipsis;
2737 font-family: tahoma;
2740 .ext-gecko .x-pivotgrid .x-grid3-row-headers table td {
2744 .x-grid3-header-title {
2749 vertical-align: middle;
2750 font-family: tahoma;
2753 display: table-cell;
2756 .x-grid3-header-title span {
2773 filter: alpha(opacity=85);
2780 .x-dd-drag-repair .x-dd-drag-ghost{
2783 filter: alpha(opacity=40);
2786 background-color:transparent;
2789 .x-dd-drag-repair .x-dd-drop-icon{
2800 background-color:transparent;
2801 background-position: center;
2802 background-repeat: no-repeat;
2814 filter:alpha(opacity=50);
2816 }.ext-strict .ext-ie .x-tree .x-panel-bwrap{
2821 .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{
2826 vertical-align: top;
2828 background-repeat: no-repeat;
2831 .x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon{
2836 vertical-align: top;
2838 background-position:center;
2839 background-repeat: no-repeat;
2842 .ext-ie .x-tree-node-indent img, .ext-ie .x-tree-node-icon, .ext-ie .x-tree-ec-icon {
2843 vertical-align: middle !important;
2846 .ext-strict .ext-ie8 .x-tree-node-indent img, .ext-strict .ext-ie8 .x-tree-node-icon, .ext-strict .ext-ie8 .x-tree-ec-icon {
2847 vertical-align: top !important;
2852 input.x-tree-node-cb {
2855 vertical-align: bottom;
2858 .ext-ie input.x-tree-node-cb {
2863 vertical-align: middle;
2866 .ext-strict .ext-ie8 input.x-tree-node-cb{
2869 vertical-align: bottom;
2872 .ext-strict .ext-ie8 input.x-tree-node-cb + a{
2873 vertical-align: bottom;
2876 .ext-opera input.x-tree-node-cb {
2878 vertical-align: middle;
2881 .x-tree-noicon .x-tree-node-icon{
2885 /* No line styles */
2886 .x-tree-no-lines .x-tree-elbow{
2887 background-color:transparent;
2890 .x-tree-no-lines .x-tree-elbow-end{
2891 background-color:transparent;
2894 .x-tree-no-lines .x-tree-elbow-line{
2895 background-color:transparent;
2899 .x-tree-arrows .x-tree-elbow{
2900 background-color:transparent;
2903 .x-tree-arrows .x-tree-elbow-plus{
2904 background:transparent no-repeat 0 0;
2907 .x-tree-arrows .x-tree-elbow-minus{
2908 background:transparent no-repeat -16px 0;
2911 .x-tree-arrows .x-tree-elbow-end{
2912 background-color:transparent;
2915 .x-tree-arrows .x-tree-elbow-end-plus{
2916 background:transparent no-repeat 0 0;
2919 .x-tree-arrows .x-tree-elbow-end-minus{
2920 background:transparent no-repeat -16px 0;
2923 .x-tree-arrows .x-tree-elbow-line{
2924 background-color:transparent;
2927 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{
2928 background-position:-32px 0;
2931 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus{
2932 background-position:-48px 0;
2935 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus{
2936 background-position:-32px 0;
2939 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus{
2940 background-position:-48px 0;
2943 .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
2947 .ext-ie ul.x-tree-node-ct{
2954 white-space: nowrap;
2962 .x-tree-node a, .x-dd-drag-ghost a{
2963 text-decoration:none;
2964 -khtml-user-select:none;
2965 -moz-user-select:none;
2966 -webkit-user-select:ignore;
2967 -kthml-user-focus:normal;
2968 -moz-user-focus:normal;
2969 -moz-outline: 0 none;
2973 .x-tree-node a span, .x-dd-drag-ghost a span{
2974 text-decoration:none;
2975 padding:1px 3px 1px 2px;
2978 .x-tree-node .x-tree-node-disabled .x-tree-node-icon{
2981 filter: alpha(opacity=50);
2984 .x-tree-node .x-tree-node-inline-icon{
2985 background-color:transparent;
2988 .x-tree-node a:hover, .x-dd-drag-ghost a:hover{
2989 text-decoration:none;
2992 .x-tree-node div.x-tree-drag-insert-below{
2993 border-bottom:1px dotted;
2996 .x-tree-node div.x-tree-drag-insert-above{
2997 border-top:1px dotted;
3000 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{
3001 border-bottom:0 none;
3004 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{
3008 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
3009 border-bottom:2px solid;
3012 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
3013 border-top:2px solid;
3016 .x-tree-node .x-tree-drag-append a span{
3020 .x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{
3021 display:none !important;
3024 /* Fix for ie rootVisible:false issue */
3035 -moz-outline:0 none;
3039 .x-date-inner, .x-date-inner td, .x-date-inner th{
3040 border-collapse:separate;
3043 .x-date-middle,.x-date-left,.x-date-right {
3044 background: repeat-x 0 -83px;
3048 .x-date-middle .x-btn-tc,.x-date-middle .x-btn-tl,.x-date-middle .x-btn-tr,
3049 .x-date-middle .x-btn-mc,.x-date-middle .x-btn-ml,.x-date-middle .x-btn-mr,
3050 .x-date-middle .x-btn-bc,.x-date-middle .x-btn-bl,.x-date-middle .x-btn-br{
3051 background:transparent !important;
3052 vertical-align:middle;
3055 .x-date-middle .x-btn-mc em.x-btn-arrow {
3056 background:transparent no-repeat right 0;
3059 .x-date-right, .x-date-left {
3070 width:130px; /* FF3 */
3073 .x-date-right a, .x-date-left a{
3077 background-position: center;
3078 background-repeat: no-repeat;
3082 filter: alpha(opacity=60);
3085 .x-date-right a:hover, .x-date-left a:hover{
3088 filter: alpha(opacity=100);
3091 .x-item-disabled .x-date-right a:hover, .x-item-disabled .x-date-left a:hover{
3094 filter: alpha(opacity=60);
3099 text-decoration:none !important;
3104 text-decoration:none !important;
3107 table.x-date-inner {
3112 .ext-webkit table.x-date-inner{
3113 /* Fix for webkit browsers */
3123 background: repeat-x left top;
3124 text-align:right !important;
3125 border-bottom: 1px solid;
3128 border-collapse:separate;
3131 .x-date-inner th span {
3146 text-decoration:none;
3151 .x-date-inner .x-date-active{
3156 .x-date-inner .x-date-selected a{
3157 background: repeat-x left top;
3162 .x-date-inner .x-date-today a{
3167 .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
3168 text-decoration:none !important;
3173 border-top: 1px solid;
3174 background: repeat-x left top;
3177 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
3178 text-decoration:none !important;
3181 .x-item-disabled .x-date-inner a:hover{
3185 .x-date-inner .x-date-disabled a {
3189 .x-date-menu .x-menu-item {
3190 padding:1px 24px 1px 4px;
3191 white-space: nowrap;
3194 .x-date-menu .x-menu-item .x-menu-item-icon {
3198 background-position:center -4px !important;
3210 font:normal 11px arial, helvetica,tahoma,sans-serif;
3213 td.x-date-mp-month,td.x-date-mp-year,td.x-date-mp-ybtn {
3216 vertical-align: middle;
3224 .x-date-mp-btns button {
3225 text-decoration:none;
3227 text-decoration:none !important;
3229 padding:1px 3px 1px;
3234 background: repeat-x left top;
3237 .x-date-mp-btns td {
3238 border-top: 1px solid;
3242 td.x-date-mp-month a,td.x-date-mp-year a {
3245 text-decoration:none;
3249 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
3250 text-decoration:none;
3254 td.x-date-mp-sel a {
3256 background: repeat-x left top;
3265 background:transparent no-repeat;
3270 .x-date-mp-ybtn a.x-date-mp-next {
3271 background-position:0 -120px;
3274 .x-date-mp-ybtn a.x-date-mp-next:hover {
3275 background-position:-15px -120px;
3278 .x-date-mp-ybtn a.x-date-mp-prev {
3279 background-position:0 -105px;
3282 .x-date-mp-ybtn a.x-date-mp-prev:hover {
3283 background-position:-15px -105px;
3291 border-right:1px solid;
3301 .x-tip .x-tip-close{
3311 background: transparent no-repeat 0 -62px;
3318 background: transparent no-repeat 0 0;
3325 background: transparent no-repeat right 0;
3332 background: transparent no-repeat 0 -121px;
3338 background: transparent no-repeat 0 -59px;
3344 background: transparent no-repeat right -59px;
3354 background: no-repeat 0 -124px;
3360 background: transparent no-repeat right -124px;
3365 .ext-ie .x-tip .x-tip-header,.ext-ie .x-tip .x-tip-tc {
3370 .ext-border-box .x-tip .x-tip-header, .ext-border-box .x-tip .x-tip-tc{
3374 .x-tip .x-tip-header-text {
3379 .x-tip .x-tip-body {
3380 margin:0 !important;
3385 .x-tip .x-tip-body .loading-indicator {
3389 .x-tip-draggable .x-tip-header,.x-tip-draggable .x-tip-header-text {
3393 .x-form-invalid-tip .x-tip-tc {
3394 background: repeat-x 0 -12px;
3398 .x-form-invalid-tip .x-tip-bc {
3399 background: repeat-x 0 -18px;
3403 .x-form-invalid-tip .x-tip-bl {
3404 background: no-repeat 0 -6px;
3407 .x-form-invalid-tip .x-tip-br {
3408 background: no-repeat right -6px;
3411 .x-form-invalid-tip .x-tip-body {
3415 .x-form-invalid-tip .x-tip-body {
3417 background:transparent no-repeat 2px 2px;
3425 background: transparent no-repeat 0 0;
3428 .x-tip-anchor-bottom {
3429 background-position: -9px 0;
3431 .x-tip-anchor-right {
3432 background-position: -18px 0;
3435 .x-tip-anchor-left {
3436 background-position: -28px 0;
3441 background: repeat-y;
3449 text-decoration: none !important;
3459 background-color:transparent;
3465 .ext-strict .ext-ie .x-menu-list{
3473 .x-menu li.x-menu-sep-li{
3479 white-space: nowrap;
3485 -moz-user-select: none;
3486 -khtml-user-select:none;
3487 -webkit-user-select:ignore;
3491 background:transparent no-repeat right;
3499 border-bottom:1px solid;
3511 -moz-outline:0 none;
3513 -moz-user-select: none;
3514 -khtml-user-select:none;
3515 -webkit-user-select:ignore;
3524 outline-color: -moz-use-text-color;
3525 outline-style: none;
3527 padding: 3px 21px 3px 27px;
3529 text-decoration: none;
3530 white-space: nowrap;
3533 .x-menu-item-active {
3534 background-repeat: repeat-x;
3535 background-position: left bottom;
3537 border-width: 1px 0;
3542 .x-menu-item-active a.x-menu-item {
3552 vertical-align: top;
3558 background-position:center;
3561 .ext-ie .x-menu-item-icon {
3564 .ext-strict .x-menu-item-icon {
3568 .ext-ie6 .x-menu-item-icon {
3572 .ext-ie .x-menu-item-icon {
3573 vertical-align: middle;
3576 .x-menu-check-item .x-menu-item-icon{
3577 background: transparent no-repeat center;
3580 .x-menu-group-item .x-menu-item-icon{
3581 background-color: transparent;
3584 .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
3585 background: transparent no-repeat center;
3588 .x-date-menu .x-menu-list{
3596 .x-menu .x-color-palette, .x-menu .x-date-picker{
3601 .x-menu .x-date-picker{
3607 .x-menu-plain .x-color-palette, .x-menu-plain .x-date-picker{
3613 padding:0 !important;
3617 * fixes separator visibility problem in IE 6
3619 .ext-strict .ext-ie6 .x-menu-sep-li {
3622 .ext-strict .ext-ie6 .x-menu-sep {
3628 * Fixes an issue with "fat" separators in webkit
3630 .ext-webkit .x-menu-sep{
3635 * Ugly mess to remove the white border under the picker
3637 .ext-ie .x-date-menu{
3641 .ext-strict .ext-ie .x-date-menu, .ext-border-box .ext-ie8 .x-date-menu{
3645 .ext-strict .ext-ie7 .x-date-menu{
3649 .ext-strict .ext-ie8 .x-date-menu{
3653 .x-cycle-menu .x-menu-item-checked {
3654 border:1px dotted !important;
3658 .x-menu .x-menu-scroller {
3660 background-repeat:no-repeat;
3661 background-position:center;
3669 .x-menu .x-menu-scroller-active{
3674 .x-menu-list-item-indent{
3677 Creates rounded, raised boxes like on the Ext website - the markup isn't pretty:
3678 <div class="x-box-blue">
3679 <div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>
3680 <div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc">
3681 <h3>YOUR TITLE HERE (optional)</h3>
3682 <div>YOUR CONTENT HERE</div>
3684 <div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>
3689 background: transparent no-repeat 0 0;
3695 background: transparent repeat-x 0 0;
3700 background: transparent no-repeat right -8px;
3704 background: transparent repeat-y 0;
3711 background: repeat-x 0 -16px;
3721 background: transparent repeat-y right;
3727 background: transparent no-repeat 0 -16px;
3732 background: transparent repeat-x 0 -8px;
3738 background: transparent no-repeat right -24px;
3741 .x-box-tl, .x-box-bl {
3746 .x-box-tr, .x-box-br {
3755 .x-combo-list-inner {
3757 position:relative; /* for calculating scroll offsets */
3763 border-bottom:1px solid;
3767 .x-resizable-pinned .x-combo-list-inner {
3768 border-bottom:1px solid;
3771 .x-combo-list-item {
3774 white-space: nowrap;
3776 text-overflow: ellipsis;
3779 .x-combo-list .x-combo-selected{
3780 border:1px dotted !important;
3784 .x-combo-list .x-toolbar {
3785 border-top:1px solid;
3786 border-bottom:0 none;
3788 border-style: solid;
3795 padding:5px 3px 4px 5px;
3798 background: transparent repeat-x 0 -1px;
3805 position: relative; /* added for item scroll positioning */
3808 .x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
3815 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
3816 border-top:1px solid;
3817 border-bottom: 0 none;
3820 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
3821 border-top:1px solid;
3829 .x-panel-tl .x-panel-header {
3830 padding:5px 0 4px 0;
3832 background:transparent no-repeat;
3835 .x-panel-tl .x-panel-icon, .x-window-tl .x-panel-icon {
3836 padding-left:20px !important;
3837 background-repeat:no-repeat;
3838 background-position:0 4px;
3842 .x-panel-inline-icon {
3845 background-repeat:no-repeat;
3846 background-position:0 0;
3847 vertical-align:middle;
3854 background: transparent repeat-x 0 0;
3858 /* fix ie7 strict mode bug */
3859 .ext-strict .ext-ie7 .x-panel-tc {
3864 background: transparent no-repeat 0 0;
3867 border-bottom:1px solid;
3871 background: transparent no-repeat right 0;
3877 background: transparent repeat-x 0 bottom;
3881 .x-panel-bc .x-panel-footer {
3886 background: transparent no-repeat 0 bottom;
3892 background: transparent no-repeat right bottom;
3904 .x-panel-mc .x-panel-body {
3905 background-color:transparent;
3910 background: repeat-y 0 0;
3916 background: transparent repeat-y right 0;
3921 .x-panel-bc .x-panel-footer {
3925 .x-panel-nofooter .x-panel-bc, .x-panel-nofooter .x-window-bc {
3942 .x-panel-collapsed .x-resizable-handle{
3946 .ext-gecko .x-panel-animated div {
3947 overflow:hidden !important;
3955 .x-plain-bbar .x-toolbar {
3960 .x-plain-tbar .x-toolbar {
3981 background:transparent no-repeat;
3985 /* expand / collapse tools */
3987 background-position:0 -60px;
3990 .x-tool-toggle-over {
3991 background-position:-15px -60px;
3994 .x-panel-collapsed .x-tool-toggle {
3995 background-position:0 -75px;
3998 .x-panel-collapsed .x-tool-toggle-over {
3999 background-position:-15px -75px;
4004 background-position:0 -0;
4007 .x-tool-close-over {
4008 background-position:-15px 0;
4012 background-position:0 -15px;
4015 .x-tool-minimize-over {
4016 background-position:-15px -15px;
4020 background-position:0 -30px;
4023 .x-tool-maximize-over {
4024 background-position:-15px -30px;
4028 background-position:0 -45px;
4031 .x-tool-restore-over {
4032 background-position:-15px -45px;
4036 background-position:0 -90px;
4040 background-position:-15px -90px;
4044 background-position:0 -105px;
4048 background-position:-15px -105px;
4052 background-position:0 -120px;
4056 background-position:-15px -120px;
4060 background-position:0 -135px;
4064 background-position:-15px -135px;
4068 background-position:0 -150px;
4071 .x-tool-unpin-over {
4072 background-position:-15px -150px;
4076 background-position:0 -165px;
4079 .x-tool-right-over {
4080 background-position:-15px -165px;
4084 background-position:0 -180px;
4088 background-position:-15px -180px;
4092 background-position:0 -195px;
4096 background-position:-15px -195px;
4100 background-position:0 -210px;
4104 background-position:-15px -210px;
4108 background-position:0 -225px;
4111 .x-tool-refresh-over {
4112 background-position:-15px -225px;
4116 background-position:0 -240px;
4120 background-position:-15px -240px;
4124 background-position:0 -255px;
4127 .x-tool-minus-over {
4128 background-position:-15px -255px;
4132 background-position:0 -270px;
4135 .x-tool-search-over {
4136 background-position:-15px -270px;
4140 background-position:0 -285px;
4144 background-position:-15px -285px;
4148 background-position:0 -300px;
4152 background-position:-15px -300px;
4156 background-position:0 -315px;
4159 .x-tool-print-over {
4160 background-position:-15px -315px;
4164 background-position:0 -330px;
4167 .x-tool-expand-over {
4168 background-position:-15px -330px;
4172 background-position:0 -345px;
4175 .x-tool-collapse-over {
4176 background-position:-15px -345px;
4180 background-position:0 -360px;
4183 .x-tool-resize-over {
4184 background-position:-15px -360px;
4188 background-position:0 -375px;
4192 background-position:-15px -375px;
4203 filter:alpha(opacity=65);
4218 cursor:move !important;
4221 .x-panel-dd-spacer {
4231 .x-panel-btns td.x-toolbar-cell{
4235 .x-panel-btns .x-btn-focus .x-btn-left{
4236 background-position:0 -147px;
4239 .x-panel-btns .x-btn-focus .x-btn-right{
4240 background-position:0 -168px;
4243 .x-panel-btns .x-btn-focus .x-btn-center{
4244 background-position:0 -189px;
4247 .x-panel-btns .x-btn-over .x-btn-left{
4248 background-position:0 -63px;
4251 .x-panel-btns .x-btn-over .x-btn-right{
4252 background-position:0 -84px;
4255 .x-panel-btns .x-btn-over .x-btn-center{
4256 background-position:0 -105px;
4259 .x-panel-btns .x-btn-click .x-btn-center{
4260 background-position:0 -126px;
4263 .x-panel-btns .x-btn-click .x-btn-right{
4264 background-position:0 -84px;
4267 .x-panel-btns .x-btn-click .x-btn-left{
4268 background-position:0 -63px;
4271 .x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
4272 white-space: nowrap;
4275 * W3C Suggested Default style sheet for HTML 4
4276 * http://www.w3.org/TR/CSS21/sample.html
4278 * Resets for Ext.Panel @cfg normal: true
4280 .x-panel-reset .x-panel-body html,
4281 .x-panel-reset .x-panel-body address,
4282 .x-panel-reset .x-panel-body blockquote,
4283 .x-panel-reset .x-panel-body body,
4284 .x-panel-reset .x-panel-body dd,
4285 .x-panel-reset .x-panel-body div,
4286 .x-panel-reset .x-panel-body dl,
4287 .x-panel-reset .x-panel-body dt,
4288 .x-panel-reset .x-panel-body fieldset,
4289 .x-panel-reset .x-panel-body form,
4290 .x-panel-reset .x-panel-body frame, frameset,
4291 .x-panel-reset .x-panel-body h1,
4292 .x-panel-reset .x-panel-body h2,
4293 .x-panel-reset .x-panel-body h3,
4294 .x-panel-reset .x-panel-body h4,
4295 .x-panel-reset .x-panel-body h5,
4296 .x-panel-reset .x-panel-body h6,
4297 .x-panel-reset .x-panel-body noframes,
4298 .x-panel-reset .x-panel-body ol,
4299 .x-panel-reset .x-panel-body p,
4300 .x-panel-reset .x-panel-body ul,
4301 .x-panel-reset .x-panel-body center,
4302 .x-panel-reset .x-panel-body dir,
4303 .x-panel-reset .x-panel-body hr,
4304 .x-panel-reset .x-panel-body menu,
4305 .x-panel-reset .x-panel-body pre { display: block }
4306 .x-panel-reset .x-panel-body li { display: list-item }
4307 .x-panel-reset .x-panel-body head { display: none }
4308 .x-panel-reset .x-panel-body table { display: table }
4309 .x-panel-reset .x-panel-body tr { display: table-row }
4310 .x-panel-reset .x-panel-body thead { display: table-header-group }
4311 .x-panel-reset .x-panel-body tbody { display: table-row-group }
4312 .x-panel-reset .x-panel-body tfoot { display: table-footer-group }
4313 .x-panel-reset .x-panel-body col { display: table-column }
4314 .x-panel-reset .x-panel-body colgroup { display: table-column-group }
4315 .x-panel-reset .x-panel-body td,
4316 .x-panel-reset .x-panel-body th { display: table-cell }
4317 .x-panel-reset .x-panel-body caption { display: table-caption }
4318 .x-panel-reset .x-panel-body th { font-weight: bolder; text-align: center }
4319 .x-panel-reset .x-panel-body caption { text-align: center }
4320 .x-panel-reset .x-panel-body body { margin: 8px }
4321 .x-panel-reset .x-panel-body h1 { font-size: 2em; margin: .67em 0 }
4322 .x-panel-reset .x-panel-body h2 { font-size: 1.5em; margin: .75em 0 }
4323 .x-panel-reset .x-panel-body h3 { font-size: 1.17em; margin: .83em 0 }
4324 .x-panel-reset .x-panel-body h4,
4325 .x-panel-reset .x-panel-body p,
4326 .x-panel-reset .x-panel-body blockquote,
4327 .x-panel-reset .x-panel-body ul,
4328 .x-panel-reset .x-panel-body fieldset,
4329 .x-panel-reset .x-panel-body form,
4330 .x-panel-reset .x-panel-body ol,
4331 .x-panel-reset .x-panel-body dl,
4332 .x-panel-reset .x-panel-body dir,
4333 .x-panel-reset .x-panel-body menu { margin: 1.12em 0 }
4334 .x-panel-reset .x-panel-body h5 { font-size: .83em; margin: 1.5em 0 }
4335 .x-panel-reset .x-panel-body h6 { font-size: .75em; margin: 1.67em 0 }
4336 .x-panel-reset .x-panel-body h1,
4337 .x-panel-reset .x-panel-body h2,
4338 .x-panel-reset .x-panel-body h3,
4339 .x-panel-reset .x-panel-body h4,
4340 .x-panel-reset .x-panel-body h5,
4341 .x-panel-reset .x-panel-body h6,
4342 .x-panel-reset .x-panel-body b,
4343 .x-panel-reset .x-panel-body strong { font-weight: bolder }
4344 .x-panel-reset .x-panel-body blockquote { margin-left: 40px; margin-right: 40px }
4345 .x-panel-reset .x-panel-body i,
4346 .x-panel-reset .x-panel-body cite,
4347 .x-panel-reset .x-panel-body em,
4348 .x-panel-reset .x-panel-body var,
4349 .x-panel-reset .x-panel-body address { font-style: italic }
4350 .x-panel-reset .x-panel-body pre,
4351 .x-panel-reset .x-panel-body tt,
4352 .x-panel-reset .x-panel-body code,
4353 .x-panel-reset .x-panel-body kbd,
4354 .x-panel-reset .x-panel-body samp { font-family: monospace }
4355 .x-panel-reset .x-panel-body pre { white-space: pre }
4356 .x-panel-reset .x-panel-body button,
4357 .x-panel-reset .x-panel-body textarea,
4358 .x-panel-reset .x-panel-body input,
4359 .x-panel-reset .x-panel-body select { display: inline-block }
4360 .x-panel-reset .x-panel-body big { font-size: 1.17em }
4361 .x-panel-reset .x-panel-body small,
4362 .x-panel-reset .x-panel-body sub,
4363 .x-panel-reset .x-panel-body sup { font-size: .83em }
4364 .x-panel-reset .x-panel-body sub { vertical-align: sub }
4365 .x-panel-reset .x-panel-body sup { vertical-align: super }
4366 .x-panel-reset .x-panel-body table { border-spacing: 2px; }
4367 .x-panel-reset .x-panel-body thead,
4368 .x-panel-reset .x-panel-body tbody,
4369 .x-panel-reset .x-panel-body tfoot { vertical-align: middle }
4370 .x-panel-reset .x-panel-body td,
4371 .x-panel-reset .x-panel-body th { vertical-align: inherit }
4372 .x-panel-reset .x-panel-body s,
4373 .x-panel-reset .x-panel-body strike,
4374 .x-panel-reset .x-panel-body del { text-decoration: line-through }
4375 .x-panel-reset .x-panel-body hr { border: 1px inset }
4376 .x-panel-reset .x-panel-body ol,
4377 .x-panel-reset .x-panel-body ul,
4378 .x-panel-reset .x-panel-body dir,
4379 .x-panel-reset .x-panel-body menu,
4380 .x-panel-reset .x-panel-body dd { margin-left: 40px }
4381 .x-panel-reset .x-panel-body ul, .x-panel-reset .x-panel-body menu, .x-panel-reset .x-panel-body dir { list-style-type: disc;}
4382 .x-panel-reset .x-panel-body ol { list-style-type: decimal }
4383 .x-panel-reset .x-panel-body ol ul,
4384 .x-panel-reset .x-panel-body ul ol,
4385 .x-panel-reset .x-panel-body ul ul,
4386 .x-panel-reset .x-panel-body ol ol { margin-top: 0; margin-bottom: 0 }
4387 .x-panel-reset .x-panel-body u,
4388 .x-panel-reset .x-panel-body ins { text-decoration: underline }
4389 .x-panel-reset .x-panel-body br:before { content: "\A" }
4390 .x-panel-reset .x-panel-body :before, .x-panel-reset .x-panel-body :after { white-space: pre-line }
4391 .x-panel-reset .x-panel-body center { text-align: center }
4392 .x-panel-reset .x-panel-body :link, .x-panel-reset .x-panel-body :visited { text-decoration: underline }
4393 .x-panel-reset .x-panel-body :focus { outline: invert dotted thin }
4395 /* Begin bidirectionality settings (do not change) */
4396 .x-panel-reset .x-panel-body BDO[DIR="ltr"] { direction: ltr; unicode-bidi: bidi-override }
4397 .x-panel-reset .x-panel-body BDO[DIR="rtl"] { direction: rtl; unicode-bidi: bidi-override }
4402 .x-window .x-window-handle {
4405 filter:alpha(opacity=0);
4417 filter:alpha(opacity=50);
4432 .x-window-tl .x-window-header {
4433 padding:5px 0 4px 0;
4436 .x-window-header-text {
4441 background: transparent repeat-x 0 0;
4447 background: transparent no-repeat 0 0;
4455 background: transparent no-repeat right 0;
4460 background: transparent repeat-x 0 bottom;
4464 .x-window-bc .x-window-footer {
4472 background: transparent no-repeat 0 bottom;
4478 background: transparent no-repeat right bottom;
4490 background: transparent repeat-y 0 0;
4496 background: transparent repeat-y right 0;
4509 .x-window-maximized .x-window-bl, .x-window-maximized .x-window-br,
4510 .x-window-maximized .x-window-ml, .x-window-maximized .x-window-mr,
4511 .x-window-maximized .x-window-tl, .x-window-maximized .x-window-tr {
4515 .x-window-maximized .x-window-footer {
4519 .x-window-maximized .x-window-tc {
4524 .x-window-maximized .x-window-mc {
4526 border-right:0 none;
4529 .x-window-tbar .x-toolbar, .x-window-bbar .x-toolbar {
4531 border-right: 0 none;
4534 .x-window-bbar .x-toolbar {
4535 border-top:1px solid;
4536 border-bottom:0 none;
4539 .x-window-draggable, .x-window-draggable .x-window-header-text {
4543 .x-window-maximized .x-window-draggable, .x-window-maximized .x-window-draggable .x-window-header-text {
4548 background-color:transparent;
4551 .x-panel-ghost .x-window-tl {
4552 border-bottom:1px solid;
4555 .x-panel-collapsed .x-window-tl {
4556 border-bottom:1px solid;
4559 .x-window-maximized-ct {
4563 .x-window-maximized .x-window-handle {
4567 .x-window-sizing-ghost ul {
4568 border:0 none !important;
4572 -moz-outline:0 none;
4582 .ext-webkit .x-dlg-focus{
4595 filter: alpha(opacity=50);
4598 body.ext-ie6.x-body-masked select {
4602 body.ext-ie6.x-body-masked .x-window select {
4606 .x-window-plain .x-window-mc {
4610 .x-window-plain .x-window-body {
4612 background:transparent !important;
4613 }.x-html-editor-wrap {
4617 .x-html-editor-tb .x-btn-text {
4618 background:transparent no-repeat;
4621 .x-html-editor-tb .x-edit-bold, .x-menu-item img.x-edit-bold {
4622 background-position:0 0;
4623 background-image:url(../images/default/editor/tb-sprite.gif);
4626 .x-html-editor-tb .x-edit-italic, .x-menu-item img.x-edit-italic {
4627 background-position:-16px 0;
4628 background-image:url(../images/default/editor/tb-sprite.gif);
4631 .x-html-editor-tb .x-edit-underline, .x-menu-item img.x-edit-underline {
4632 background-position:-32px 0;
4633 background-image:url(../images/default/editor/tb-sprite.gif);
4636 .x-html-editor-tb .x-edit-forecolor, .x-menu-item img.x-edit-forecolor {
4637 background-position:-160px 0;
4638 background-image:url(../images/default/editor/tb-sprite.gif);
4641 .x-html-editor-tb .x-edit-backcolor, .x-menu-item img.x-edit-backcolor {
4642 background-position:-176px 0;
4643 background-image:url(../images/default/editor/tb-sprite.gif);
4646 .x-html-editor-tb .x-edit-justifyleft, .x-menu-item img.x-edit-justifyleft {
4647 background-position:-112px 0;
4648 background-image:url(../images/default/editor/tb-sprite.gif);
4651 .x-html-editor-tb .x-edit-justifycenter, .x-menu-item img.x-edit-justifycenter {
4652 background-position:-128px 0;
4653 background-image:url(../images/default/editor/tb-sprite.gif);
4656 .x-html-editor-tb .x-edit-justifyright, .x-menu-item img.x-edit-justifyright {
4657 background-position:-144px 0;
4658 background-image:url(../images/default/editor/tb-sprite.gif);
4661 .x-html-editor-tb .x-edit-insertorderedlist, .x-menu-item img.x-edit-insertorderedlist {
4662 background-position:-80px 0;
4663 background-image:url(../images/default/editor/tb-sprite.gif);
4666 .x-html-editor-tb .x-edit-insertunorderedlist, .x-menu-item img.x-edit-insertunorderedlist {
4667 background-position:-96px 0;
4668 background-image:url(../images/default/editor/tb-sprite.gif);
4671 .x-html-editor-tb .x-edit-increasefontsize, .x-menu-item img.x-edit-increasefontsize {
4672 background-position:-48px 0;
4673 background-image:url(../images/default/editor/tb-sprite.gif);
4676 .x-html-editor-tb .x-edit-decreasefontsize, .x-menu-item img.x-edit-decreasefontsize {
4677 background-position:-64px 0;
4678 background-image:url(../images/default/editor/tb-sprite.gif);
4681 .x-html-editor-tb .x-edit-sourceedit, .x-menu-item img.x-edit-sourceedit {
4682 background-position:-192px 0;
4683 background-image:url(../images/default/editor/tb-sprite.gif);
4686 .x-html-editor-tb .x-edit-createlink, .x-menu-item img.x-edit-createlink {
4687 background-position:-208px 0;
4688 background-image:url(../images/default/editor/tb-sprite.gif);
4691 .x-html-editor-tip .x-tip-bd .x-tip-bd-inner {
4696 .x-html-editor-tb .x-toolbar {
4697 position:static !important;
4698 }.x-panel-noborder .x-panel-body-noborder {
4702 .x-panel-noborder .x-panel-header-noborder {
4703 border-width:0 0 1px;
4707 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
4708 border-width:0 0 1px;
4712 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
4713 border-width:1px 0 0 0;
4717 .x-window-noborder .x-window-mc {
4721 .x-window-plain .x-window-body-noborder {
4725 .x-tab-panel-noborder .x-tab-panel-body-noborder {
4729 .x-tab-panel-noborder .x-tab-panel-header-noborder {
4730 border-width: 0 0 1px 0;
4733 .x-tab-panel-noborder .x-tab-panel-footer-noborder {
4734 border-width: 1px 0 0 0;
4737 .x-tab-panel-bbar-noborder .x-toolbar {
4738 border-width: 1px 0 0 0;
4742 .x-tab-panel-tbar-noborder .x-toolbar {
4743 border-width:0 0 1px;
4745 }.x-border-layout-ct {
4755 .x-tool-collapse-south {
4756 background-position:0 -195px;
4759 .x-tool-collapse-south-over {
4760 background-position:-15px -195px;
4763 .x-tool-collapse-north {
4764 background-position:0 -210px;
4767 .x-tool-collapse-north-over {
4768 background-position:-15px -210px;
4771 .x-tool-collapse-west {
4772 background-position:0 -180px;
4775 .x-tool-collapse-west-over {
4776 background-position:-15px -180px;
4779 .x-tool-collapse-east {
4780 background-position:0 -165px;
4783 .x-tool-collapse-east-over {
4784 background-position:-15px -165px;
4787 .x-tool-expand-south {
4788 background-position:0 -210px;
4791 .x-tool-expand-south-over {
4792 background-position:-15px -210px;
4795 .x-tool-expand-north {
4796 background-position:0 -195px;
4798 .x-tool-expand-north-over {
4799 background-position:-15px -195px;
4802 .x-tool-expand-west {
4803 background-position:0 -165px;
4806 .x-tool-expand-west-over {
4807 background-position:-15px -165px;
4810 .x-tool-expand-east {
4811 background-position:0 -180px;
4814 .x-tool-expand-east-over {
4815 background-position:-15px -180px;
4818 .x-tool-expand-north, .x-tool-expand-south {
4823 .x-tool-expand-east, .x-tool-expand-west {
4828 .x-accordion-hd .x-tool-toggle {
4829 background-position:0 -255px;
4832 .x-accordion-hd .x-tool-toggle-over {
4833 background-position:-15px -255px;
4836 .x-panel-collapsed .x-accordion-hd .x-tool-toggle {
4837 background-position:0 -240px;
4840 .x-panel-collapsed .x-accordion-hd .x-tool-toggle-over {
4841 background-position:-15px -240px;
4848 background: transparent repeat-x 0 -9px;
4851 .x-layout-collapsed{
4863 .ext-border-box .x-layout-collapsed{
4868 .x-layout-collapsed-over{
4872 .x-layout-collapsed-west .x-layout-collapsed-tools, .x-layout-collapsed-east .x-layout-collapsed-tools{
4888 background-color:transparent;
4891 /* IE6 strict won't drag w/out a color */
4892 .ext-strict .ext-ie6 .x-layout-split{
4893 background-color: #fff !important;
4894 filter: alpha(opacity=1);
4898 background-image:url(../images/default/s.gif);
4899 background-position: left;
4903 background-image:url(../images/default/s.gif);
4904 background-position: top;
4907 .x-column-layout-ct {
4936 filter:alpha(opacity=50);
4939 .x-layout-mini-over, .x-layout-collapsed-over .x-layout-mini{
4945 .x-layout-split-west .x-layout-mini {
4949 .x-layout-split-east .x-layout-mini {
4953 .x-layout-split-north .x-layout-mini {
4959 .x-layout-split-south .x-layout-mini {
4965 .x-layout-cmini-west .x-layout-mini {
4969 .x-layout-cmini-east .x-layout-mini {
4973 .x-layout-cmini-north .x-layout-mini {
4979 .x-layout-cmini-south .x-layout-mini {
4985 .x-layout-cmini-west, .x-layout-cmini-east {
4987 width:5px !important;
4989 background-color:transparent;
4992 .x-layout-cmini-north, .x-layout-cmini-south {
4994 height:5px !important;
4996 background-color:transparent;
4999 .x-viewport, .x-viewport body {
5007 .x-abs-layout-item {
5013 .ext-ie input.x-abs-layout-item, .ext-ie textarea.x-abs-layout-item {
5041 background:repeat-x;
5049 background: repeat-x left center;
5050 border-top:1px solid;
5051 border-bottom:1px solid;
5052 border-right:1px solid;
5063 .x-progress-text-back {
5067 .ext-ie .x-progress-text-back {
5071 .ext-strict .ext-ie7 .x-progress-text-back{
5075 background: repeat-x 0 bottom;
5081 .x-list-header-inner div {
5085 -o-text-overflow: ellipsis;
5086 text-overflow: ellipsis;
5087 white-space: nowrap;
5090 .x-list-header-inner div em {
5092 border-left:1px solid;
5095 -moz-user-select: none;
5096 -khtml-user-select: none;
5117 -o-text-overflow: ellipsis;
5118 text-overflow: ellipsis;
5119 white-space: nowrap;
5124 .x-list-body dt em {
5128 -moz-user-select: none;
5129 -khtml-user-select: none;
5133 border-left:1px solid;
5134 border-right:1px solid;
5140 .x-list-header-inner em.sort-asc {
5141 background: transparent no-repeat center 0;
5143 border-width: 0 1px 1px;
5147 .x-list-header-inner em.sort-desc {
5148 background: transparent no-repeat center -23px;
5150 border-width: 0 1px 1px;
5175 -moz-outline:0 none;
5177 -moz-user-select: none;
5178 -khtml-user-select:none;
5179 -webkit-user-select:ignore;
5184 /* Horizontal styles */
5187 background:transparent no-repeat 0 -22px;
5190 .x-slider-horz .x-slider-end {
5193 background:transparent no-repeat right -44px;
5196 .x-slider-horz .x-slider-inner {
5197 background:transparent repeat-x 0 0;
5201 .x-slider-horz .x-slider-thumb {
5207 background:transparent no-repeat 0 0;
5210 .x-slider-horz .x-slider-thumb-over {
5211 background-position: -14px -15px;
5214 .x-slider-horz .x-slider-thumb-drag {
5215 background-position: -28px -30px;
5218 /* Vertical styles */
5221 background:transparent no-repeat -44px 0;
5225 .x-slider-vert .x-slider-end {
5228 background:transparent no-repeat -22px bottom;
5231 .x-slider-vert .x-slider-inner {
5232 background:transparent repeat-y 0 0;
5235 .x-slider-vert .x-slider-thumb {
5241 background:transparent no-repeat 0 0;
5244 .x-slider-vert .x-slider-thumb-over {
5245 background-position: -15px -14px;
5248 .x-slider-vert .x-slider-thumb-drag {
5249 background-position: -30px -28px;
5250 }.x-window-dlg .x-window-body {
5251 border:0 none !important;
5253 overflow:hidden !important;
5256 .x-window-dlg .x-window-mc {
5257 border:0 none !important;
5260 .x-window-dlg .ext-mb-input {
5265 .x-window-dlg .ext-mb-textarea {
5269 .x-window-dlg .x-progress-wrap {
5273 .ext-ie .x-window-dlg .x-progress-wrap {
5277 .x-window-dlg .x-msg-box-wait {
5278 background:transparent no-repeat left;
5285 .x-window-dlg .ext-mb-icon {
5291 .x-window-dlg .x-dlg-icon .ext-mb-content{
5296 .x-window-dlg .ext-mb-info, .x-window-dlg .ext-mb-warning, .x-window-dlg .ext-mb-question, .x-window-dlg .ext-mb-error {
5297 background:transparent no-repeat top left;
5300 .ext-gecko2 .ext-mb-fix-cursor {
5303 background-color: #ccc;
5307 border-color:#6593cf;
5308 background-color:#c3daf9;
5309 background-image:url(../images/default/box/tb-blue.gif);
5311 .ext-el-mask-msg div {
5312 background-color: #eee;
5313 border-color:#a3bad9;
5315 font:normal 11px tahoma, arial, helvetica, sans-serif;
5318 .x-mask-loading div {
5319 background-color:#fbfbfb;
5320 background-image:url(../images/default/grid/loading.gif);
5327 .x-item-disabled * {
5328 color: gray !important;
5332 background-color: #aaa;
5335 .x-color-palette a {
5339 .x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
5340 border-color:#8bb8f3;
5341 background-color: #deecfd;
5345 .x-color-palette em:hover, .x-color-palette span:hover{
5346 background-color: #deecfd;
5350 .x-color-palette em {
5351 border-color:#aca899;
5355 background-color:#777;
5359 background-image: url(../images/default/shadow-c.png);
5362 .x-shadow .xsml, .x-shadow .xsmr {
5363 background-image: url(../images/default/shadow-lr.png);
5366 .x-shadow .xstl, .x-shadow .xstc, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbc, .x-shadow .xsbr{
5367 background-image: url(../images/default/shadow.png);
5370 .loading-indicator {
5372 background-image: url(../images/default/grid/loading.gif);
5376 background-color: #ccc;
5378 .x-tab-panel-header, .x-tab-panel-footer {
5379 background-color: #deecfd;
5380 border-color:#8db2e3;
5385 .x-tab-panel-header, .x-tab-panel-footer {
5386 border-color:#8db2e3;
5390 background-color:#cedff5;
5391 background-image: url(../images/default/tabs/tab-strip-bg.gif);
5392 border-bottom-color:#8db2e3;
5395 ul.x-tab-strip-bottom{
5396 background-color:#cedff5;
5397 background-image: url(../images/default/tabs/tab-strip-btm-bg.gif);
5398 border-top-color:#8db2e3;
5401 .x-tab-panel-header-plain .x-tab-strip-spacer,
5402 .x-tab-panel-footer-plain .x-tab-strip-spacer {
5403 border-color:#8db2e3;
5404 background-color: #deecfd;
5407 .x-tab-strip span.x-tab-strip-text {
5408 font:normal 11px tahoma,arial,helvetica;
5412 .x-tab-strip-over span.x-tab-strip-text {
5416 .x-tab-strip-active span.x-tab-strip-text {
5421 .x-tab-strip-disabled .x-tabs-text {
5425 .x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner{
5426 background-image: url(../images/default/tabs/tabs-sprite.gif);
5429 .x-tab-strip-bottom .x-tab-right {
5430 background-image: url(../images/default/tabs/tab-btm-inactive-right-bg.gif);
5433 .x-tab-strip-bottom .x-tab-left {
5434 background-image: url(../images/default/tabs/tab-btm-inactive-left-bg.gif);
5437 .x-tab-strip-bottom .x-tab-strip-over .x-tab-right {
5438 background-image: url(../images/default/tabs/tab-btm-over-right-bg.gif);
5441 .x-tab-strip-bottom .x-tab-strip-over .x-tab-left {
5442 background-image: url(../images/default/tabs/tab-btm-over-left-bg.gif);
5445 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
5446 background-image: url(../images/default/tabs/tab-btm-right-bg.gif);
5449 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
5450 background-image: url(../images/default/tabs/tab-btm-left-bg.gif);
5453 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
5454 background-image:url(../images/default/tabs/tab-close.gif);
5457 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
5458 background-image:url(../images/default/tabs/tab-close.gif);
5462 border-color:#8db2e3;
5463 background-color:#fff;
5466 .x-tab-panel-body-top {
5470 .x-tab-panel-body-bottom {
5471 border-bottom: 0 none;
5474 .x-tab-scroller-left {
5475 background-image:url(../images/default/tabs/scroll-left.gif);
5476 border-bottom-color:#8db2e3;
5479 .x-tab-scroller-left-over {
5480 background-position: 0 0;
5483 .x-tab-scroller-left-disabled {
5484 background-position: -18px 0;
5487 filter:alpha(opacity=50);
5491 .x-tab-scroller-right {
5492 background-image:url(../images/default/tabs/scroll-right.gif);
5493 border-bottom-color:#8db2e3;
5496 .x-tab-panel-bbar .x-toolbar, .x-tab-panel-tbar .x-toolbar {
5497 border-color:#99bbe8;
5499 font:normal 12px tahoma, arial, helvetica, sans-serif;
5502 .x-form-text, textarea.x-form-field {
5503 background-color:#fff;
5504 background-image:url(../images/default/form/text-bg.gif);
5505 border-color:#b5b8c8;
5508 .x-form-select-one {
5509 background-color:#fff;
5510 border-color:#b5b8c8;
5513 .x-form-check-group-label {
5514 border-bottom: 1px solid #99bbe8;
5518 .x-editor .x-form-check-wrap {
5519 background-color:#fff;
5522 .x-form-field-wrap .x-form-trigger {
5523 background-image:url(../images/default/form/trigger.gif);
5524 border-bottom-color:#b5b8c8;
5527 .x-form-field-wrap .x-form-date-trigger {
5528 background-image: url(../images/default/form/date-trigger.gif);
5531 .x-form-field-wrap .x-form-clear-trigger {
5532 background-image: url(../images/default/form/clear-trigger.gif);
5535 .x-form-field-wrap .x-form-search-trigger {
5536 background-image: url(../images/default/form/search-trigger.gif);
5539 .x-trigger-wrap-focus .x-form-trigger {
5540 border-bottom-color:#7eadd9;
5543 .x-item-disabled .x-form-trigger-over {
5544 border-bottom-color:#b5b8c8;
5547 .x-item-disabled .x-form-trigger-click {
5548 border-bottom-color:#b5b8c8;
5551 .x-form-focus, textarea.x-form-focus {
5552 border-color:#7eadd9;
5555 .x-form-invalid, textarea.x-form-invalid {
5556 background-color:#fff;
5557 background-image:url(../images/default/grid/invalid_line.gif);
5561 .x-form-invalid.x-form-composite {
5563 background-image: none;
5566 .x-form-invalid.x-form-composite .x-form-invalid {
5567 background-color:#fff;
5568 background-image:url(../images/default/grid/invalid_line.gif);
5572 .x-form-inner-invalid, textarea.x-form-inner-invalid {
5573 background-color:#fff;
5574 background-image:url(../images/default/grid/invalid_line.gif);
5577 .x-form-grow-sizer {
5578 font:normal 12px tahoma, arial, helvetica, sans-serif;
5582 font:normal 12px tahoma, arial, helvetica, sans-serif;
5585 .x-form-invalid-msg {
5587 font:normal 11px tahoma, arial, helvetica, sans-serif;
5588 background-image:url(../images/default/shared/warning.gif);
5591 .x-form-empty-field {
5595 .x-small-editor .x-form-field {
5596 font:normal 11px arial, tahoma, helvetica, sans-serif;
5599 .ext-webkit .x-small-editor .x-form-field {
5600 font:normal 11px arial, tahoma, helvetica, sans-serif;
5603 .x-form-invalid-icon {
5604 background-image:url(../images/default/form/exclamation.gif);
5608 border-color:#b5b8c8;
5611 .x-fieldset legend {
5612 font:bold 11px tahoma, arial, helvetica, sans-serif;
5616 font:normal 11px tahoma, verdana, helvetica;
5620 font:normal 11px arial,tahoma,verdana,helvetica;
5629 .x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc{
5630 background-image:url(../images/default/button/btn.gif);
5633 .x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text{
5638 color:gray !important;
5641 .x-btn-mc em.x-btn-arrow {
5642 background-image:url(../images/default/button/arrow.gif);
5645 .x-btn-mc em.x-btn-split {
5646 background-image:url(../images/default/button/s-arrow.gif);
5649 .x-btn-over .x-btn-mc em.x-btn-split, .x-btn-click .x-btn-mc em.x-btn-split, .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-btn-pressed .x-btn-mc em.x-btn-split {
5650 background-image:url(../images/default/button/s-arrow-o.gif);
5653 .x-btn-mc em.x-btn-arrow-bottom {
5654 background-image:url(../images/default/button/s-arrow-b-noline.gif);
5657 .x-btn-mc em.x-btn-split-bottom {
5658 background-image:url(../images/default/button/s-arrow-b.gif);
5661 .x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-btn-click .x-btn-mc em.x-btn-split-bottom, .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-btn-pressed .x-btn-mc em.x-btn-split-bottom {
5662 background-image:url(../images/default/button/s-arrow-bo.gif);
5665 .x-btn-group-header {
5670 background-image: url(../images/default/button/group-tb.gif);
5674 background-image: url(../images/default/button/group-cs.gif);
5678 background-image: url(../images/default/button/group-cs.gif);
5682 background-image: url(../images/default/button/group-tb.gif);
5686 background-image: url(../images/default/button/group-cs.gif);
5690 background-image: url(../images/default/button/group-cs.gif);
5694 background-image: url(../images/default/button/group-lr.gif);
5697 background-image: url(../images/default/button/group-lr.gif);
5700 .x-btn-group-notitle .x-btn-group-tc {
5701 background-image: url(../images/default/button/group-tb.gif);
5703 border-color:#a9bfd3;
5704 background-color:#d0def0;
5705 background-image:url(../images/default/toolbar/bg.gif);
5708 .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
5709 font:normal 11px arial,tahoma, helvetica, sans-serif;
5712 .x-toolbar .x-item-disabled {
5716 .x-toolbar .x-item-disabled * {
5720 .x-toolbar .x-btn-mc em.x-btn-split {
5721 background-image:url(../images/default/button/s-arrow-noline.gif);
5724 .x-toolbar .x-btn-over .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split,
5725 .x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split
5727 background-image:url(../images/default/button/s-arrow-o.gif);
5730 .x-toolbar .x-btn-mc em.x-btn-split-bottom {
5731 background-image:url(../images/default/button/s-arrow-b-noline.gif);
5734 .x-toolbar .x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split-bottom,
5735 .x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split-bottom
5737 background-image:url(../images/default/button/s-arrow-bo.gif);
5740 .x-toolbar .xtb-sep {
5741 background-image: url(../images/default/grid/grid-blue-split.gif);
5745 background-image: url(../images/default/grid/page-first.gif) !important;
5749 background-image: url(../images/default/grid/refresh.gif) !important;
5753 background-image: url(../images/default/grid/page-last.gif) !important;
5757 background-image: url(../images/default/grid/page-next.gif) !important;
5761 background-image: url(../images/default/grid/page-prev.gif) !important;
5764 .x-item-disabled .x-tbar-loading{
5765 background-image: url(../images/default/grid/refresh-disabled.gif) !important;
5768 .x-item-disabled .x-tbar-page-first{
5769 background-image: url(../images/default/grid/page-first-disabled.gif) !important;
5772 .x-item-disabled .x-tbar-page-last{
5773 background-image: url(../images/default/grid/page-last-disabled.gif) !important;
5776 .x-item-disabled .x-tbar-page-next{
5777 background-image: url(../images/default/grid/page-next-disabled.gif) !important;
5780 .x-item-disabled .x-tbar-page-prev{
5781 background-image: url(../images/default/grid/page-prev-disabled.gif) !important;
5788 .x-toolbar-more-icon {
5789 background-image: url(../images/default/toolbar/more.gif) !important;
5790 }.x-resizable-handle {
5791 background-color:#fff;
5794 .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east,
5795 .x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west
5797 background-image:url(../images/default/sizer/e-handle.gif);
5800 .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south,
5801 .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north
5803 background-image:url(../images/default/sizer/s-handle.gif);
5806 .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north{
5807 background-image:url(../images/default/sizer/s-handle.gif);
5809 .x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
5810 background-image:url(../images/default/sizer/se-handle.gif);
5812 .x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{
5813 background-image:url(../images/default/sizer/nw-handle.gif);
5815 .x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{
5816 background-image:url(../images/default/sizer/ne-handle.gif);
5818 .x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{
5819 background-image:url(../images/default/sizer/sw-handle.gif);
5822 border-color:#3b5a82;
5824 .x-resizable-overlay{
5825 background-color:#fff;
5828 background-color:#fff;
5831 .x-grid-panel .x-panel-mc .x-panel-body {
5832 border-color:#99bbe8;
5835 .x-grid3-row td, .x-grid3-summary-row td{
5836 font:normal 11px/13px arial, tahoma, helvetica, sans-serif;
5839 .x-grid3-hd-row td {
5840 font:normal 11px/15px arial, tahoma, helvetica, sans-serif;
5844 .x-grid3-hd-row td {
5845 border-left-color:#eee;
5846 border-right-color:#d0d0d0;
5849 .x-grid-row-loading {
5850 background-color: #fff;
5851 background-image:url(../images/default/shared/loading-balls.gif);
5855 border-color:#ededed;
5856 border-top-color:#fff;
5860 background-color:#fafafa;
5865 background-color:#efefef;
5866 background-image:url(../images/default/grid/row-over.gif);
5869 .x-grid3-resize-proxy {
5870 background-color:#777;
5873 .x-grid3-resize-marker {
5874 background-color:#777;
5878 background-color:#f9f9f9;
5879 background-image:url(../images/default/grid/grid3-hrow.gif);
5882 .x-grid3-header-pop {
5883 border-left-color:#d0d0d0;
5886 .x-grid3-header-pop-inner {
5887 border-left-color:#eee;
5888 background-image:url(../images/default/grid/hd-pop.gif);
5891 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
5892 border-left-color:#aaccf6;
5893 border-right-color:#aaccf6;
5896 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 {
5897 background-color:#ebf3fd;
5898 background-image:url(../images/default/grid/grid3-hrow-over.gif);
5902 .sort-asc .x-grid3-sort-icon {
5903 background-image: url(../images/default/grid/sort_asc.gif);
5906 .sort-desc .x-grid3-sort-icon {
5907 background-image: url(../images/default/grid/sort_desc.gif);
5910 .x-grid3-cell-text, .x-grid3-hd-text {
5915 background-image: url(../images/default/grid/grid-split.gif);
5922 .x-dd-drag-proxy .x-grid3-hd-inner{
5923 background-color:#ebf3fd;
5924 background-image:url(../images/default/grid/grid3-hrow-over.gif);
5925 border-color:#aaccf6;
5929 background-image:url(../images/default/grid/col-move-top.gif);
5933 background-image:url(../images/default/grid/col-move-bottom.gif);
5936 td.grid-hd-group-cell {
5937 background: url(../images/default/grid/grid3-hrow.gif) repeat-x bottom;
5940 .x-grid3-row-selected {
5941 background-color: #dfe8f6 !important;
5942 background-image: none;
5943 border-color:#a3bae9;
5946 .x-grid3-cell-selected{
5947 background-color: #b8cfee !important;
5951 .x-grid3-cell-selected span{
5952 color:#000 !important;
5955 .x-grid3-cell-selected .x-grid3-cell-text{
5959 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
5960 background-color:#ebeadb !important;
5961 background-image:url(../images/default/grid/grid-hrow.gif) !important;
5963 border-top-color:#fff;
5964 border-right-color:#6fa0df !important;
5967 .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
5968 color:#15428b !important;
5971 .x-grid3-dirty-cell {
5972 background-image:url(../images/default/grid/dirty.gif);
5975 .x-grid3-topbar, .x-grid3-bottombar{
5976 font:normal 11px arial, tahoma, helvetica, sans-serif;
5979 .x-grid3-bottombar .x-toolbar{
5980 border-top-color:#a9bfd3;
5983 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
5984 background-image:url(../images/default/grid/grid3-special-col-bg.gif) !important;
5985 color:#000 !important;
5988 .x-props-grid .x-grid3-body .x-grid3-td-name{
5989 background-color:#fff !important;
5990 border-right-color:#eee;
5993 .xg-hmenu-sort-asc .x-menu-item-icon{
5994 background-image: url(../images/default/grid/hmenu-asc.gif);
5997 .xg-hmenu-sort-desc .x-menu-item-icon{
5998 background-image: url(../images/default/grid/hmenu-desc.gif);
6001 .xg-hmenu-lock .x-menu-item-icon{
6002 background-image: url(../images/default/grid/hmenu-lock.gif);
6005 .xg-hmenu-unlock .x-menu-item-icon{
6006 background-image: url(../images/default/grid/hmenu-unlock.gif);
6010 background-color:#c3daf9;
6011 background-image:url(../images/default/grid/grid3-hd-btn.gif);
6014 .x-grid3-body .x-grid3-td-expander {
6015 background-image:url(../images/default/grid/grid3-special-col-bg.gif);
6018 .x-grid3-row-expander {
6019 background-image:url(../images/default/grid/row-expand-sprite.gif);
6022 .x-grid3-body .x-grid3-td-checker {
6023 background-image: url(../images/default/grid/grid3-special-col-bg.gif);
6026 .x-grid3-row-checker, .x-grid3-hd-checker {
6027 background-image:url(../images/default/grid/row-check-sprite.gif);
6030 .x-grid3-body .x-grid3-td-numberer {
6031 background-image:url(../images/default/grid/grid3-special-col-bg.gif);
6034 .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
6038 .x-grid3-body .x-grid3-td-row-icon {
6039 background-image:url(../images/default/grid/grid3-special-col-bg.gif);
6042 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
6043 .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
6044 .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
6045 background-image:url(../images/default/grid/grid3-special-col-sel-bg.gif);
6048 .x-grid3-check-col {
6049 background-image:url(../images/default/menu/unchecked.gif);
6052 .x-grid3-check-col-on {
6053 background-image:url(../images/default/menu/checked.gif);
6056 .x-grid-group, .x-grid-group-body, .x-grid-group-hd {
6061 border-bottom-color:#99bbe8;
6064 .x-grid-group-hd div.x-grid-group-title {
6065 background-image:url(../images/default/grid/group-collapse.gif);
6067 font:bold 11px tahoma, arial, helvetica, sans-serif;
6070 .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {
6071 background-image:url(../images/default/grid/group-expand.gif);
6075 background-image:url(../images/default/grid/group-by.gif);
6079 background-image:url(../images/default/grid/columns.gif);
6082 .x-show-groups-icon {
6083 background-image:url(../images/default/grid/group-by.gif);
6088 font:normal 11px tahoma, arial, helvetica, sans-serif;
6091 .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
6092 border-right-color:#ededed;
6095 .x-grid-with-col-lines .x-grid3-row-selected {
6096 border-top-color:#a3bae9;
6097 }.x-pivotgrid .x-grid3-header-offset table td {
6098 background: url(../images/default/grid/grid3-hrow.gif) repeat-x 50% 100%;
6099 border-left: 1px solid;
6100 border-right: 1px solid;
6101 border-left-color: #EEE;
6102 border-right-color: #D0D0D0;
6105 .x-pivotgrid .x-grid3-row-headers {
6106 background-color: #f9f9f9;
6109 .x-pivotgrid .x-grid3-row-headers table td {
6110 background: #EEE url(../images/default/grid/grid3-rowheader.gif) repeat-x left top;
6111 border-left: 1px solid;
6112 border-right: 1px solid;
6113 border-left-color: #EEE;
6114 border-right-color: #D0D0D0;
6115 border-bottom: 1px solid;
6116 border-bottom-color: #D0D0D0;
6121 font: normal 11px arial, helvetica, sans-serif;
6122 border-color: #ddd #bbb #bbb #ddd;
6123 background-color:#fff;
6126 .x-dd-drop-nodrop .x-dd-drop-icon{
6127 background-image: url(../images/default/dd/drop-no.gif);
6130 .x-dd-drop-ok .x-dd-drop-icon{
6131 background-image: url(../images/default/dd/drop-yes.gif);
6134 .x-dd-drop-ok-add .x-dd-drop-icon{
6135 background-image: url(../images/default/dd/drop-add.gif);
6139 background-color:#c3daf9;
6140 border-color:#3399bb;
6141 }.x-tree-node-expanded .x-tree-node-icon{
6142 background-image:url(../images/default/tree/folder-open.gif);
6145 .x-tree-node-leaf .x-tree-node-icon{
6146 background-image:url(../images/default/tree/leaf.gif);
6149 .x-tree-node-collapsed .x-tree-node-icon{
6150 background-image:url(../images/default/tree/folder.gif);
6153 .x-tree-node-loading .x-tree-node-icon{
6154 background-image:url(../images/default/tree/loading.gif) !important;
6157 .x-tree-node .x-tree-node-inline-icon {
6158 background-image: none;
6161 .x-tree-node-loading a span{
6166 .x-tree-lines .x-tree-elbow{
6167 background-image:url(../images/default/tree/elbow.gif);
6170 .x-tree-lines .x-tree-elbow-plus{
6171 background-image:url(../images/default/tree/elbow-plus.gif);
6174 .x-tree-lines .x-tree-elbow-minus{
6175 background-image:url(../images/default/tree/elbow-minus.gif);
6178 .x-tree-lines .x-tree-elbow-end{
6179 background-image:url(../images/default/tree/elbow-end.gif);
6182 .x-tree-lines .x-tree-elbow-end-plus{
6183 background-image:url(../images/default/tree/elbow-end-plus.gif);
6186 .x-tree-lines .x-tree-elbow-end-minus{
6187 background-image:url(../images/default/tree/elbow-end-minus.gif);
6190 .x-tree-lines .x-tree-elbow-line{
6191 background-image:url(../images/default/tree/elbow-line.gif);
6194 .x-tree-no-lines .x-tree-elbow-plus{
6195 background-image:url(../images/default/tree/elbow-plus-nl.gif);
6198 .x-tree-no-lines .x-tree-elbow-minus{
6199 background-image:url(../images/default/tree/elbow-minus-nl.gif);
6202 .x-tree-no-lines .x-tree-elbow-end-plus{
6203 background-image:url(../images/default/tree/elbow-end-plus-nl.gif);
6206 .x-tree-no-lines .x-tree-elbow-end-minus{
6207 background-image:url(../images/default/tree/elbow-end-minus-nl.gif);
6210 .x-tree-arrows .x-tree-elbow-plus{
6211 background-image:url(../images/default/tree/arrows.gif);
6214 .x-tree-arrows .x-tree-elbow-minus{
6215 background-image:url(../images/default/tree/arrows.gif);
6218 .x-tree-arrows .x-tree-elbow-end-plus{
6219 background-image:url(../images/default/tree/arrows.gif);
6222 .x-tree-arrows .x-tree-elbow-end-minus{
6223 background-image:url(../images/default/tree/arrows.gif);
6228 font: normal 11px arial, tahoma, helvetica, sans-serif;
6231 .x-tree-node a, .x-dd-drag-ghost a{
6235 .x-tree-node a span, .x-dd-drag-ghost a span{
6239 .x-tree-node .x-tree-node-disabled a span{
6240 color:gray !important;
6243 .x-tree-node div.x-tree-drag-insert-below{
6244 border-bottom-color:#36c;
6247 .x-tree-node div.x-tree-drag-insert-above{
6248 border-top-color:#36c;
6251 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
6252 border-bottom-color:#36c;
6255 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
6256 border-top-color:#36c;
6259 .x-tree-node .x-tree-drag-append a span{
6260 background-color:#ddd;
6264 .x-tree-node .x-tree-node-over {
6265 background-color: #eee;
6268 .x-tree-node .x-tree-selected {
6269 background-color: #d9e8fb;
6272 .x-tree-drop-ok-append .x-dd-drop-icon{
6273 background-image: url(../images/default/tree/drop-add.gif);
6276 .x-tree-drop-ok-above .x-dd-drop-icon{
6277 background-image: url(../images/default/tree/drop-over.gif);
6280 .x-tree-drop-ok-below .x-dd-drop-icon{
6281 background-image: url(../images/default/tree/drop-under.gif);
6284 .x-tree-drop-ok-between .x-dd-drop-icon{
6285 background-image: url(../images/default/tree/drop-between.gif);
6287 border-color: #1b376c;
6288 background-color:#fff;
6291 .x-date-middle,.x-date-left,.x-date-right {
6292 background-image: url(../images/default/shared/hd-sprite.gif);
6294 font:bold 11px "sans serif", tahoma, verdana, helvetica;
6297 .x-date-middle .x-btn .x-btn-text {
6301 .x-date-middle .x-btn-mc em.x-btn-arrow {
6302 background-image:url(../images/default/toolbar/btn-arrow-light.gif);
6306 background-image: url(../images/default/shared/right-btn.gif);
6310 background-image: url(../images/default/shared/left-btn.gif);
6314 background-color:#dfecfb;
6315 background-image:url(../images/default/shared/glass-bg.gif);
6316 border-bottom-color:#a3bad9;
6317 font:normal 10px arial, helvetica,tahoma,sans-serif;
6326 font:normal 11px arial, helvetica,tahoma,sans-serif;
6330 .x-date-inner .x-date-active{
6334 .x-date-inner .x-date-selected a{
6335 background-color:#dfecfb;
6336 background-image:url(../images/default/shared/glass-bg.gif);
6337 border-color:#8db2e3;
6340 .x-date-inner .x-date-today a{
6341 border-color:darkred;
6344 .x-date-inner .x-date-selected span{
6348 .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
6353 border-top-color:#a3bad9;
6354 background-color:#dfecfb;
6355 background-image:url(../images/default/shared/glass-bg.gif);
6358 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
6360 background-color:#ddecfe;
6363 .x-date-inner .x-date-disabled a {
6364 background-color:#eee;
6369 background-color:#eee !important;
6372 .x-date-mmenu .x-menu-item {
6378 background-color:#fff;
6382 font:normal 11px arial, helvetica,tahoma,sans-serif;
6385 .x-date-mp-btns button {
6386 background-color:#083772;
6388 border-color: #3366cc #000055 #000055 #3366cc;
6389 font:normal 11px arial, helvetica,tahoma,sans-serif;
6393 background-color: #dfecfb;
6394 background-image: url(../images/default/shared/glass-bg.gif);
6397 .x-date-mp-btns td {
6398 border-top-color: #c5d2df;
6401 td.x-date-mp-month a,td.x-date-mp-year a {
6405 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
6407 background-color: #ddecfe;
6410 td.x-date-mp-sel a {
6411 background-color: #dfecfb;
6412 background-image: url(../images/default/shared/glass-bg.gif);
6413 border-color:#8db2e3;
6417 background-image:url(../images/default/panel/tool-sprites.gif);
6421 border-right-color:#c5d2df;
6422 }.x-tip .x-tip-close{
6423 background-image: url(../images/default/qtip/close.gif);
6426 .x-tip .x-tip-tc, .x-tip .x-tip-tl, .x-tip .x-tip-tr, .x-tip .x-tip-bc, .x-tip .x-tip-bl, .x-tip .x-tip-br, .x-tip .x-tip-ml, .x-tip .x-tip-mr {
6427 background-image: url(../images/default/qtip/tip-sprite.gif);
6431 font: normal 11px tahoma,arial,helvetica,sans-serif;
6434 background-color: #fff;
6437 .x-tip .x-tip-header-text {
6438 font: bold 11px tahoma,arial,helvetica,sans-serif;
6442 .x-tip .x-tip-body {
6443 font: normal 11px tahoma,arial,helvetica,sans-serif;
6447 .x-form-invalid-tip .x-tip-tc, .x-form-invalid-tip .x-tip-tl, .x-form-invalid-tip .x-tip-tr, .x-form-invalid-tip .x-tip-bc,
6448 .x-form-invalid-tip .x-tip-bl, .x-form-invalid-tip .x-tip-br, .x-form-invalid-tip .x-tip-ml, .x-form-invalid-tip .x-tip-mr
6450 background-image: url(../images/default/form/error-tip-corners.gif);
6453 .x-form-invalid-tip .x-tip-body {
6454 background-image:url(../images/default/form/exclamation.gif);
6458 background-image:url(../images/default/qtip/tip-anchor-sprite.gif);
6460 background-color:#f0f0f0;
6461 background-image:url(../images/default/menu/menu.gif);
6465 border-color:#718bb7;
6469 background-image:none;
6473 font:normal 11px arial,tahoma,sans-serif;
6477 background-image:url(../images/default/menu/menu-parent.gif);
6481 background-color:#e0e0e0;
6482 border-bottom-color:#fff;
6489 .x-menu-item-active {
6490 background-image: url(../images/default/menu/item-over.gif);
6491 background-color: #dbecf4;
6492 border-color:#aaccf6;
6495 .x-menu-item-active a.x-menu-item {
6496 border-color:#aaccf6;
6499 .x-menu-check-item .x-menu-item-icon{
6500 background-image:url(../images/default/menu/unchecked.gif);
6503 .x-menu-item-checked .x-menu-item-icon{
6504 background-image:url(../images/default/menu/checked.gif);
6507 .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
6508 background-image:url(../images/default/menu/group-checked.gif);
6511 .x-menu-group-item .x-menu-item-icon{
6512 background-image:none;
6516 background-color:#f0f0f0 !important;
6517 background-image: none;
6520 .x-date-menu, .x-color-menu{
6521 background-color: #fff !important;
6524 .x-menu .x-date-picker{
6525 border-color:#a3bad9;
6528 .x-cycle-menu .x-menu-item-checked {
6529 border-color:#a3bae9 !important;
6530 background-color:#def8f6;
6533 .x-menu-scroller-top {
6534 background-image:url(../images/default/layout/mini-top.gif);
6537 .x-menu-scroller-bottom {
6538 background-image:url(../images/default/layout/mini-bottom.gif);
6541 background-image: url(../images/default/box/corners.gif);
6545 background-image: url(../images/default/box/tb.gif);
6549 background-image: url(../images/default/box/corners.gif);
6553 background-image: url(../images/default/box/l.gif);
6557 background-color: #eee;
6558 background-image: url(../images/default/box/tb.gif);
6559 font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;
6570 background-image: url(../images/default/box/r.gif);
6574 background-image: url(../images/default/box/corners.gif);
6578 background-image: url(../images/default/box/tb.gif);
6582 background-image: url(../images/default/box/corners.gif);
6585 .x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr {
6586 background-image: url(../images/default/box/corners-blue.gif);
6589 .x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc {
6590 background-image: url(../images/default/box/tb-blue.gif);
6593 .x-box-blue .x-box-mc {
6594 background-color: #c3daf9;
6597 .x-box-blue .x-box-mc h3 {
6601 .x-box-blue .x-box-ml {
6602 background-image: url(../images/default/box/l-blue.gif);
6605 .x-box-blue .x-box-mr {
6606 background-image: url(../images/default/box/r-blue.gif);
6608 border-color:#98c0f4;
6609 background-color:#ddecfe;
6610 font:normal 12px tahoma, arial, helvetica, sans-serif;
6613 .x-combo-list-inner {
6614 background-color:#fff;
6618 font:bold 11px tahoma, arial, helvetica, sans-serif;
6620 background-image: url(../images/default/layout/panel-title-light-bg.gif);
6621 border-bottom-color:#98c0f4;
6624 .x-resizable-pinned .x-combo-list-inner {
6625 border-bottom-color:#98c0f4;
6628 .x-combo-list-item {
6632 .x-combo-list .x-combo-selected{
6633 border-color:#a3bae9 !important;
6634 background-color:#dfe8f6;
6637 .x-combo-list .x-toolbar {
6638 border-top-color:#98c0f4;
6641 .x-combo-list-small {
6642 font:normal 11px tahoma, arial, helvetica, sans-serif;
6644 border-color: #99bbe8;
6651 font-family: tahoma,arial,verdana,sans-serif;
6652 border-color:#99bbe8;
6653 background-image: url(../images/default/panel/white-top-bottom.gif);
6657 border-color:#99bbe8;
6658 background-color:#fff;
6661 .x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
6662 border-color:#99bbe8;
6665 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
6666 border-top-color:#99bbe8;
6669 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
6670 border-top-color:#99bbe8;
6673 .x-panel-tl .x-panel-header {
6675 font:bold 11px tahoma,arial,verdana,sans-serif;
6679 background-image: url(../images/default/panel/top-bottom.gif);
6682 .x-panel-tl, .x-panel-tr, .x-panel-bl, .x-panel-br{
6683 background-image: url(../images/default/panel/corners-sprite.gif);
6684 border-bottom-color:#99bbe8;
6688 background-image: url(../images/default/panel/top-bottom.gif);
6692 font: normal 11px tahoma,arial,helvetica,sans-serif;
6693 background-color:#dfe8f6;
6697 background-color: #fff;
6698 background-image:url(../images/default/panel/left-right.gif);
6702 background-image: url(../images/default/panel/left-right.gif);
6706 background-image:url(../images/default/panel/tool-sprites.gif);
6710 background-color:#cbddf3;
6714 border-color:#99bbe8;
6717 .x-panel-dd-spacer {
6718 border-color:#99bbe8;
6721 .x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
6722 font:normal 11px arial,tahoma, helvetica, sans-serif;
6725 background-color:#c7dffc;
6726 border-color:#99bbe8;
6729 .x-window-tl .x-window-header {
6731 font:bold 11px tahoma,arial,verdana,sans-serif;
6735 background-image: url(../images/default/window/top-bottom.png);
6739 background-image: url(../images/default/window/left-corners.png);
6743 background-image: url(../images/default/window/right-corners.png);
6747 background-image: url(../images/default/window/top-bottom.png);
6751 background-image: url(../images/default/window/left-corners.png);
6755 background-image: url(../images/default/window/right-corners.png);
6759 border-color:#99bbe8;
6760 font: normal 11px tahoma,arial,helvetica,sans-serif;
6761 background-color:#dfe8f6;
6765 background-image: url(../images/default/window/left-right.png);
6769 background-image: url(../images/default/window/left-right.png);
6772 .x-window-maximized .x-window-tc {
6773 background-color:#fff;
6776 .x-window-bbar .x-toolbar {
6777 border-top-color:#99bbe8;
6780 .x-panel-ghost .x-window-tl {
6781 border-bottom-color:#99bbe8;
6784 .x-panel-collapsed .x-window-tl {
6785 border-bottom-color:#84a0c4;
6789 background-color:#ccc;
6792 .x-window-plain .x-window-mc {
6793 background-color: #ccd9e8;
6794 border-color: #a3bae9 #dfe8f6 #dfe8f6 #a3bae9;
6797 .x-window-plain .x-window-body {
6798 border-color: #dfe8f6 #a3bae9 #a3bae9 #dfe8f6;
6801 body.x-body-masked .x-window-plain .x-window-mc {
6802 background-color: #ccd9e8;
6803 }.x-html-editor-wrap {
6804 border-color:#a9bfd3;
6805 background-color:#fff;
6807 .x-html-editor-tb .x-btn-text {
6808 background-image:url(../images/default/editor/tb-sprite.gif);
6809 }.x-panel-noborder .x-panel-header-noborder {
6810 border-bottom-color:#99bbe8;
6813 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
6814 border-bottom-color:#99bbe8;
6817 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
6818 border-top-color:#99bbe8;
6821 .x-tab-panel-bbar-noborder .x-toolbar {
6822 border-top-color:#99bbe8;
6825 .x-tab-panel-tbar-noborder .x-toolbar {
6826 border-bottom-color:#99bbe8;
6827 }.x-border-layout-ct {
6828 background-color:#dfe8f6;
6834 background-image: url(../images/default/panel/light-hd.gif);
6837 .x-layout-collapsed{
6838 background-color:#d2e0f2;
6839 border-color:#98c0f4;
6842 .x-layout-collapsed-over{
6843 background-color:#d9e8fb;
6846 .x-layout-split-west .x-layout-mini {
6847 background-image:url(../images/default/layout/mini-left.gif);
6849 .x-layout-split-east .x-layout-mini {
6850 background-image:url(../images/default/layout/mini-right.gif);
6852 .x-layout-split-north .x-layout-mini {
6853 background-image:url(../images/default/layout/mini-top.gif);
6855 .x-layout-split-south .x-layout-mini {
6856 background-image:url(../images/default/layout/mini-bottom.gif);
6859 .x-layout-cmini-west .x-layout-mini {
6860 background-image:url(../images/default/layout/mini-right.gif);
6863 .x-layout-cmini-east .x-layout-mini {
6864 background-image:url(../images/default/layout/mini-left.gif);
6867 .x-layout-cmini-north .x-layout-mini {
6868 background-image:url(../images/default/layout/mini-bottom.gif);
6871 .x-layout-cmini-south .x-layout-mini {
6872 background-image:url(../images/default/layout/mini-top.gif);
6874 border-color:#6593cf;
6878 background-color:#e0e8f3;
6879 background-image:url(../images/default/qtip/bg.gif);
6883 background-color:#9cbfee;
6884 background-image:url(../images/default/progress/progress-bg.gif);
6885 border-top-color:#d1e4fd;
6886 border-bottom-color:#7fa9e4;
6887 border-right-color:#7fa9e4;
6896 .x-progress-text-back {
6899 background-color:#f9f9f9;
6900 background-image:url(../images/default/grid/grid3-hrow.gif);
6903 .x-list-header-inner div em {
6904 border-left-color:#ddd;
6905 font:normal 11px arial, tahoma, helvetica, sans-serif;
6908 .x-list-body dt em {
6909 font:normal 11px arial, tahoma, helvetica, sans-serif;
6913 background-color:#eee;
6917 background-color:#dfe8f6;
6921 border-left-color:#555;
6922 border-right-color:#555;
6925 .x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc {
6926 background-image:url(../images/default/grid/sort-hd.gif);
6927 border-color: #99bbe8;
6928 }.x-slider-horz, .x-slider-horz .x-slider-end, .x-slider-horz .x-slider-inner {
6929 background-image:url(../images/default/slider/slider-bg.png);
6932 .x-slider-horz .x-slider-thumb {
6933 background-image:url(../images/default/slider/slider-thumb.png);
6936 .x-slider-vert, .x-slider-vert .x-slider-end, .x-slider-vert .x-slider-inner {
6937 background-image:url(../images/default/slider/slider-v-bg.png);
6940 .x-slider-vert .x-slider-thumb {
6941 background-image:url(../images/default/slider/slider-v-thumb.png);
6942 }.x-window-dlg .ext-mb-text,
6943 .x-window-dlg .x-window-header-text {
6947 .x-window-dlg .ext-mb-textarea {
6948 font:normal 12px tahoma,arial,helvetica,sans-serif;
6951 .x-window-dlg .x-msg-box-wait {
6952 background-image:url(../images/default/grid/loading.gif);
6955 .x-window-dlg .ext-mb-info {
6956 background-image:url(../images/default/window/icon-info.gif);
6959 .x-window-dlg .ext-mb-warning {
6960 background-image:url(../images/default/window/icon-warning.gif);
6963 .x-window-dlg .ext-mb-question {
6964 background-image:url(../images/default/window/icon-question.gif);
6967 .x-window-dlg .ext-mb-error {
6968 background-image:url(../images/default/window/icon-error.gif);