3 * Copyright(c) 2006-2010 Ext JS, Inc.
5 * http://www.extjs.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 ul.x-tab-strip li {
665 .ext-ie8 .x-tab-strip .x-tab-right{
666 margin-bottom: 0 !important;
669 .ext-ie8 ul.x-tab-strip-top {
672 .ext-ie8 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
675 .ext-ie8 .x-tab-strip-bottom .x-tab-right{
680 .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
684 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
688 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
692 .x-tab-strip-top .x-tab-right {
693 background: transparent no-repeat 0 -51px;
697 .x-tab-strip-top .x-tab-left {
698 background: transparent no-repeat right -351px;
702 .x-tab-strip-top .x-tab-strip-inner {
703 background: transparent repeat-x 0 -201px;
706 .x-tab-strip-top .x-tab-strip-over .x-tab-right {
707 background-position:0 -101px;
710 .x-tab-strip-top .x-tab-strip-over .x-tab-left {
711 background-position:right -401px;
714 .x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {
715 background-position:0 -251px;
718 .x-tab-strip-top .x-tab-strip-active .x-tab-right {
719 background-position: 0 0;
722 .x-tab-strip-top .x-tab-strip-active .x-tab-left {
723 background-position: right -301px;
726 .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
727 background-position: 0 -151px;
730 .x-tab-strip-bottom .x-tab-right {
731 background: no-repeat bottom right;
734 .x-tab-strip-bottom .x-tab-left {
735 background: no-repeat bottom left;
738 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
739 background: no-repeat bottom right;
742 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
743 background: no-repeat bottom left;
746 .x-tab-strip-bottom .x-tab-left {
751 .x-tab-strip-bottom .x-tab-right {
755 .x-tab-strip .x-tab-strip-close {
759 .x-tab-strip-closable {
763 .x-tab-strip-closable .x-tab-left {
767 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
770 background-repeat:no-repeat;
781 .x-tab-strip .x-tab-strip-active a.x-tab-strip-close {
785 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
794 .x-tab-panel-body-top {
798 .x-tab-panel-body-bottom {
799 border-bottom: 0 none;
802 .x-tab-scroller-left {
803 background: transparent no-repeat -18px 0;
804 border-bottom: 1px solid;
812 .x-tab-scroller-left-over {
813 background-position: 0 0;
816 .x-tab-scroller-left-disabled {
817 background-position: -18px 0;
820 filter:alpha(opacity=50);
824 .x-tab-scroller-right {
825 background: transparent no-repeat 0 0;
826 border-bottom: 1px solid;
835 .x-tab-scroller-right-over {
836 background-position: -18px 0;
839 .x-tab-scroller-right-disabled {
840 background-position: 0 0;
843 filter:alpha(opacity=50);
847 .x-tab-scrolling-bottom .x-tab-scroller-left, .x-tab-scrolling-bottom .x-tab-scroller-right{
851 .x-tab-scrolling .x-tab-strip-wrap {
860 .x-tab-panel-bbar .x-toolbar {
867 .x-tab-panel-tbar .x-toolbar {
878 outline: none !important;
881 /* ---- text fields ---- */
882 .x-form-text, textarea.x-form-field{
884 background:repeat-x 0 0;
888 textarea.x-form-field {
892 .x-form-text, .ext-ie .x-form-file {
895 vertical-align:middle;
898 .ext-ie6 .x-form-text, .ext-ie7 .x-form-text {
899 margin:-1px 0; /* ie bogus margin bug */
900 height:22px; /* ie quirks */
904 .ext-ie6 .x-form-field-wrap .x-form-file-btn, .ext-ie7 .x-form-field-wrap .x-form-file-btn {
905 top: -1px; /* because of all these margin hacks, these buttons are off by one pixel in IE6,7 */
908 .ext-ie6 textarea.x-form-field, .ext-ie7 textarea.x-form-field {
909 margin:-1px 0; /* ie bogus margin bug */
912 .ext-strict .x-form-text {
916 .ext-safari.ext-mac textarea.x-form-field {
917 margin-bottom:-2px; /* another bogus margin bug, safari/mac only */
921 .ext-strict .ext-ie8 .x-form-text, .ext-strict .ext-ie8 textarea.x-form-field {
926 .ext-gecko .x-form-text , .ext-ie8 .x-form-text {
927 padding-top:2px; /* FF won't center the text vertically */
931 .ext-ie6 .x-form-composite .x-form-text.x-box-item, .ext-ie7 .x-form-composite .x-form-text.x-box-item {
932 margin: 0 !important; /* clear ie bogus margin bug fix */
936 resize: none; /* Disable browser resizable textarea */
943 vertical-align:middle;
947 /* multi select boxes */
957 .ext-ie .x-form-check-wrap input {
962 .x-form-check-wrap input{
963 vertical-align: bottom;
966 .x-editor .x-form-check-wrap {
970 .x-editor .x-form-checkbox {
974 .x-form-check-group-label {
975 border-bottom: 1px solid;
977 padding-left: 3px !important;
978 float: none !important;
981 /* wrapped fields and triggers */
982 .x-form-field-wrap .x-form-trigger{
986 background:transparent no-repeat 0 0;
988 border-bottom: 1px solid;
993 .x-form-field-wrap .x-form-date-trigger, .x-form-field-wrap .x-form-clear-trigger, .x-form-field-wrap .x-form-search-trigger{
997 .x-form-field-wrap .x-form-twin-triggers .x-form-trigger{
1003 .x-form-field-wrap {
1008 white-space: nowrap;
1011 .ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-trigger {
1012 right: 0; /* IE8 Strict mode trigger bug */
1015 .x-form-field-wrap .x-form-trigger-over{
1016 background-position:-17px 0;
1019 .x-form-field-wrap .x-form-trigger-click{
1020 background-position:-34px 0;
1023 .x-trigger-wrap-focus .x-form-trigger{
1024 background-position:-51px 0;
1027 .x-trigger-wrap-focus .x-form-trigger-over{
1028 background-position:-68px 0;
1031 .x-trigger-wrap-focus .x-form-trigger-click{
1032 background-position:-85px 0;
1035 .x-trigger-wrap-focus .x-form-trigger{
1036 border-bottom: 1px solid;
1039 .x-item-disabled .x-form-trigger-over{
1040 background-position:0 0 !important;
1041 border-bottom: 1px solid;
1044 .x-item-disabled .x-form-trigger-click{
1045 background-position:0 0 !important;
1046 border-bottom: 1px solid;
1053 /* field focus style */
1054 .x-form-focus, textarea.x-form-focus{
1058 /* invalid fields */
1059 .x-form-invalid, textarea.x-form-invalid{
1060 background:repeat-x bottom;
1064 .x-form-inner-invalid, textarea.x-form-inner-invalid{
1065 background:repeat-x bottom;
1075 .x-form-grow-sizer {
1081 white-space: pre-wrap;
1082 white-space: -moz-pre-wrap;
1083 white-space: -pre-wrap;
1084 white-space: -o-pre-wrap;
1085 word-wrap: break-word;
1089 .x-form-grow-sizer p {
1090 margin:0 !important;
1091 border:0 none !important;
1092 padding:0 !important;
1095 /* Form Items CSS */
1103 .x-form-item label.x-form-item-label {
1119 .x-form-invalid-msg {
1122 background: transparent no-repeat 0 2px;
1127 .x-form-label-left label.x-form-item-label {
1131 .x-form-label-right label.x-form-item-label {
1135 .x-form-label-top .x-form-item label.x-form-item-label {
1144 .x-form-label-top .x-form-element {
1149 .x-form-label-top .x-form-item {
1153 /* Editor small font for grid, toolbar and tree */
1154 .x-small-editor .x-form-text {
1157 vertical-align:middle;
1160 .ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text {
1161 margin-top:-1px !important; /* ie bogus margin bug */
1162 margin-bottom:-1px !important;
1163 height:20px !important; /* ie quirks */
1164 line-height:16px !important;
1167 .ext-strict .x-small-editor .x-form-text {
1168 height:16px !important;
1171 .ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text {
1176 .ext-border-box .x-small-editor .x-form-text {
1180 .x-small-editor .x-form-select-one {
1183 vertical-align:middle;
1186 .x-small-editor .x-form-num-field {
1190 .x-small-editor .x-form-field-wrap .x-form-trigger{
1194 .ext-webkit .x-small-editor .x-form-field-wrap .x-form-trigger{
1198 .ext-webkit .x-small-editor .x-form-text{padding-top:3px;font-size:100%;}
1207 .x-form-clear-left {
1215 .ext-ie6 .x-form-check-wrap input, .ext-border-box .x-form-check-wrap input{
1225 .ext-ie .x-form-cb-label{
1229 .ext-ie6 .x-form-cb-label, .ext-border-box .x-form-cb-label{
1233 .x-form-display-field{
1237 .ext-gecko .x-form-display-field, .ext-strict .ext-ie7 .x-form-display-field{
1241 .ext-ie .x-form-display-field{
1245 .ext-strict .ext-ie8 .x-form-display-field{
1259 .x-form .x-form-btns-ct .x-btn{
1264 .x-form .x-form-btns-ct .x-form-btns td {
1269 .x-form .x-form-btns-ct .x-form-btns-right table{
1274 .x-form .x-form-btns-ct .x-form-btns-left table{
1279 .x-form .x-form-btns-ct .x-form-btns-center{
1280 text-align:center; /*ie*/
1283 .x-form .x-form-btns-ct .x-form-btns-center table{
1284 margin:0 auto; /*everyone else*/
1287 .x-form .x-form-btns-ct table td.x-form-btn-td{
1291 .x-form .x-form-btns-ct .x-btn-focus .x-btn-left{
1292 background-position:0 -147px;
1295 .x-form .x-form-btns-ct .x-btn-focus .x-btn-right{
1296 background-position:0 -168px;
1299 .x-form .x-form-btns-ct .x-btn-focus .x-btn-center{
1300 background-position:0 -189px;
1303 .x-form .x-form-btns-ct .x-btn-click .x-btn-center{
1304 background-position:0 -126px;
1307 .x-form .x-form-btns-ct .x-btn-click .x-btn-right{
1308 background-position:0 -84px;
1311 .x-form .x-form-btns-ct .x-btn-click .x-btn-left{
1312 background-position:0 -63px;
1315 .x-form-invalid-icon {
1323 background:transparent no-repeat 0 2px;
1331 display:block; /* preserve margins in IE */
1334 /* make top of checkbox/tools visible in webkit */
1335 .ext-webkit .x-fieldset-header {
1339 .ext-ie .x-fieldset legend {
1343 .ext-ie .x-fieldset {
1345 padding-bottom:10px;
1348 .x-fieldset legend .x-tool-toggle {
1351 float:left !important;
1354 .x-fieldset legend input {
1356 float:left !important;
1361 fieldset.x-panel-collapsed {
1362 padding-bottom:0 !important;
1363 border-width: 1px 1px 0 1px !important;
1364 border-left-color: transparent;
1365 border-right-color: transparent;
1368 .ext-ie6 fieldset.x-panel-collapsed{
1369 padding-bottom:0 !important;
1370 border-width: 1px 0 0 0 !important;
1375 fieldset.x-panel-collapsed .x-fieldset-bwrap {
1382 .ext-ie .x-fieldset-bwrap {
1386 .x-fieldset-noborder {
1387 border:0px none transparent;
1390 .x-fieldset-noborder legend {
1394 /* IE legend positioning bug */
1395 .ext-ie .x-fieldset-noborder legend {
1399 .ext-ie .x-fieldset-noborder legend span {
1404 .ext-gecko .x-window-body .x-form-item {
1410 .ext-mac.ext-gecko .x-window-body .x-form-item {
1414 .ext-gecko .x-form-item {
1419 .x-hide-label label.x-form-item-label {
1423 .x-hide-label .x-form-element {
1424 padding-left: 0 !important;
1427 .x-form-label-top .x-hide-label label.x-form-item-label{
1445 white-space: nowrap;
1450 background-color:transparent;
1457 -moz-outline:0 none;
1461 * html .ext-ie .x-btn button {
1465 .ext-gecko .x-btn button, .ext-webkit .x-btn button {
1470 .ext-gecko .x-btn button::-moz-focus-inner {
1474 .ext-ie .x-btn button {
1479 padding:0 !important;
1484 white-space: nowrap;
1488 /* icon placement and sizing styles */
1491 .x-btn-noicon .x-btn-small .x-btn-text{
1495 .x-btn-noicon .x-btn-medium .x-btn-text{
1499 .x-btn-noicon .x-btn-large .x-btn-text{
1504 .x-btn-icon .x-btn-text{
1505 background-position: center;
1506 background-repeat: no-repeat;
1509 .x-btn-icon .x-btn-small .x-btn-text{
1514 .x-btn-icon .x-btn-medium .x-btn-text{
1519 .x-btn-icon .x-btn-large .x-btn-text{
1524 /* Icons and text */
1526 .x-btn-text-icon .x-btn-icon-small-left .x-btn-text{
1527 background-position: 0 center;
1528 background-repeat: no-repeat;
1533 .x-btn-text-icon .x-btn-icon-medium-left .x-btn-text{
1534 background-position: 0 center;
1535 background-repeat: no-repeat;
1540 .x-btn-text-icon .x-btn-icon-large-left .x-btn-text{
1541 background-position: 0 center;
1542 background-repeat: no-repeat;
1548 .x-btn-text-icon .x-btn-icon-small-top .x-btn-text{
1549 background-position: center 0;
1550 background-repeat: no-repeat;
1554 .x-btn-text-icon .x-btn-icon-medium-top .x-btn-text{
1555 background-position: center 0;
1556 background-repeat: no-repeat;
1560 .x-btn-text-icon .x-btn-icon-large-top .x-btn-text{
1561 background-position: center 0;
1562 background-repeat: no-repeat;
1567 .x-btn-text-icon .x-btn-icon-small-right .x-btn-text{
1568 background-position: right center;
1569 background-repeat: no-repeat;
1574 .x-btn-text-icon .x-btn-icon-medium-right .x-btn-text{
1575 background-position: right center;
1576 background-repeat: no-repeat;
1581 .x-btn-text-icon .x-btn-icon-large-right .x-btn-text{
1582 background-position: right center;
1583 background-repeat: no-repeat;
1589 .x-btn-text-icon .x-btn-icon-small-bottom .x-btn-text{
1590 background-position: center bottom;
1591 background-repeat: no-repeat;
1592 padding-bottom:18px;
1595 .x-btn-text-icon .x-btn-icon-medium-bottom .x-btn-text{
1596 background-position: center bottom;
1597 background-repeat: no-repeat;
1598 padding-bottom:26px;
1601 .x-btn-text-icon .x-btn-icon-large-bottom .x-btn-text{
1602 background-position: center bottom;
1603 background-repeat: no-repeat;
1604 padding-bottom:34px;
1607 /* background positioning */
1608 .x-btn-tr i, .x-btn-tl i, .x-btn-mr i, .x-btn-ml i, .x-btn-br i, .x-btn-bl i{
1616 .x-btn-tr i, .x-btn-tl i, .x-btn-br i, .x-btn-bl i{
1623 background:no-repeat 0 0;
1628 background:no-repeat -3px 0;
1632 background:repeat-x 0 -6px;
1637 background:no-repeat 0 -24px;
1641 background:no-repeat -3px -24px;
1645 background:repeat-x 0 -1096px;
1646 vertical-align: middle;
1653 /* Fixes an issue with the button height */
1654 .ext-strict .ext-ie6 .x-btn-mc, .ext-strict .ext-ie7 .x-btn-mc {
1661 background:no-repeat 0 -3px;
1667 background:no-repeat -3px -3px;
1672 background:repeat-x 0 -15px;
1675 .x-btn-over .x-btn-tl{
1676 background-position: -6px 0;
1679 .x-btn-over .x-btn-tr{
1680 background-position: -9px 0;
1683 .x-btn-over .x-btn-tc{
1684 background-position: 0 -9px;
1687 .x-btn-over .x-btn-ml{
1688 background-position: -6px -24px;
1691 .x-btn-over .x-btn-mr{
1692 background-position: -9px -24px;
1695 .x-btn-over .x-btn-mc{
1696 background-position: 0 -2168px;
1699 .x-btn-over .x-btn-bl{
1700 background-position: -6px -3px;
1703 .x-btn-over .x-btn-br{
1704 background-position: -9px -3px;
1707 .x-btn-over .x-btn-bc{
1708 background-position: 0 -18px;
1711 .x-btn-click .x-btn-tl, .x-btn-menu-active .x-btn-tl, .x-btn-pressed .x-btn-tl{
1712 background-position: -12px 0;
1715 .x-btn-click .x-btn-tr, .x-btn-menu-active .x-btn-tr, .x-btn-pressed .x-btn-tr{
1716 background-position: -15px 0;
1719 .x-btn-click .x-btn-tc, .x-btn-menu-active .x-btn-tc, .x-btn-pressed .x-btn-tc{
1720 background-position: 0 -12px;
1723 .x-btn-click .x-btn-ml, .x-btn-menu-active .x-btn-ml, .x-btn-pressed .x-btn-ml{
1724 background-position: -12px -24px;
1727 .x-btn-click .x-btn-mr, .x-btn-menu-active .x-btn-mr, .x-btn-pressed .x-btn-mr{
1728 background-position: -15px -24px;
1731 .x-btn-click .x-btn-mc, .x-btn-menu-active .x-btn-mc, .x-btn-pressed .x-btn-mc{
1732 background-position: 0 -3240px;
1735 .x-btn-click .x-btn-bl, .x-btn-menu-active .x-btn-bl, .x-btn-pressed .x-btn-bl{
1736 background-position: -12px -3px;
1739 .x-btn-click .x-btn-br, .x-btn-menu-active .x-btn-br, .x-btn-pressed .x-btn-br{
1740 background-position: -15px -3px;
1743 .x-btn-click .x-btn-bc, .x-btn-menu-active .x-btn-bc, .x-btn-pressed .x-btn-bc{
1744 background-position: 0 -21px;
1748 cursor:default !important;
1752 /* With a menu arrow */
1754 .x-btn-mc em.x-btn-arrow {
1756 background:transparent no-repeat right center;
1760 .x-btn-mc em.x-btn-split {
1762 background:transparent no-repeat right center;
1767 .x-btn-mc em.x-btn-arrow-bottom {
1769 background:transparent no-repeat center bottom;
1770 padding-bottom:14px;
1773 .x-btn-mc em.x-btn-split-bottom {
1775 background:transparent no-repeat center bottom;
1776 padding-bottom:14px;
1779 /* height adjustment class */
1780 .x-btn-as-arrow .x-btn-mc em {
1782 background-color:transparent;
1783 padding-bottom:14px;
1791 .x-btn-group-header {
1797 background: transparent repeat-x 0 0;
1802 background: transparent no-repeat 0 0;
1808 background: transparent no-repeat right 0;
1814 background: transparent repeat-x 0 bottom;
1818 .x-btn-group-bc .x-panel-footer {
1823 background: transparent no-repeat 0 bottom;
1829 background: transparent no-repeat right bottom;
1840 .x-btn-group-mc .x-btn-group-body {
1841 background-color:transparent;
1846 background: transparent repeat-y 0 0;
1852 background: transparent repeat-y right 0;
1857 .x-btn-group-bc .x-btn-group-footer {
1861 .x-panel-nofooter .x-btn-group-bc {
1867 .x-btn-group-bwrap {
1877 .x-btn-group-notitle .x-btn-group-tc {
1878 background: transparent repeat-x 0 0;
1883 border-width:0 0 1px 0;
1886 background:repeat-x top left;
1898 .x-toolbar .x-item-disabled .x-btn-icon {
1901 filter: alpha(opacity=35);
1905 vertical-align:middle;
1908 .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
1909 white-space: nowrap;
1912 .x-toolbar .x-item-disabled {
1916 filter:alpha(opacity=60);
1919 .x-toolbar .x-item-disabled * {
1923 .x-toolbar .x-toolbar-cell {
1924 vertical-align:middle;
1927 .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,
1928 .x-toolbar .x-btn-mc, .x-toolbar .x-btn-bl, .x-toolbar .x-btn-br, .x-toolbar .x-btn-bc
1930 background-position: 500px 500px;
1933 /* These rules are duplicated from button.css to give priority of x-toolbar rules above */
1934 .x-toolbar .x-btn-over .x-btn-tl{
1935 background-position: -6px 0;
1938 .x-toolbar .x-btn-over .x-btn-tr{
1939 background-position: -9px 0;
1942 .x-toolbar .x-btn-over .x-btn-tc{
1943 background-position: 0 -9px;
1946 .x-toolbar .x-btn-over .x-btn-ml{
1947 background-position: -6px -24px;
1950 .x-toolbar .x-btn-over .x-btn-mr{
1951 background-position: -9px -24px;
1954 .x-toolbar .x-btn-over .x-btn-mc{
1955 background-position: 0 -2168px;
1958 .x-toolbar .x-btn-over .x-btn-bl{
1959 background-position: -6px -3px;
1962 .x-toolbar .x-btn-over .x-btn-br{
1963 background-position: -9px -3px;
1966 .x-toolbar .x-btn-over .x-btn-bc{
1967 background-position: 0 -18px;
1970 .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{
1971 background-position: -12px 0;
1974 .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{
1975 background-position: -15px 0;
1978 .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{
1979 background-position: 0 -12px;
1982 .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{
1983 background-position: -12px -24px;
1986 .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{
1987 background-position: -15px -24px;
1990 .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{
1991 background-position: 0 -3240px;
1994 .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{
1995 background-position: -12px -3px;
1998 .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{
1999 background-position: -15px -3px;
2002 .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{
2003 background-position: 0 -21px;
2006 .x-toolbar div.xtb-text{
2012 .x-toolbar .xtb-sep {
2013 background-position: center;
2014 background-repeat: no-repeat;
2025 .x-toolbar .xtb-spacer {
2029 /* Paging Toolbar */
2030 .x-tbar-page-number{
2035 .ext-ie .x-tbar-page-number{
2050 .x-toolbar-right td {
2054 .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 {
2059 .x-toolbar-more .x-btn-small .x-btn-text{
2064 .x-toolbar-more em.x-btn-arrow {
2066 background-color:transparent;
2070 .x-toolbar-more .x-btn-mc em.x-btn-arrow {
2071 background-image: none;
2074 div.x-toolbar-no-items {
2075 color:gray !important;
2076 padding:5px 10px !important;
2079 /* fix ie toolbar form items */
2080 .ext-border-box .x-toolbar-cell .x-form-text {
2081 margin-bottom:-1px !important;
2084 .ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text {
2085 margin:0 !important;
2088 .ext-ie .x-toolbar-cell .x-form-field-wrap {
2092 .ext-ie .x-toolbar-cell .x-form-text {
2097 .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 {
2101 .x-toolbar-right td .x-form-field-trigger-wrap{
2105 .x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio{
2109 .x-toolbar-cell .x-form-cb-label{
2110 vertical-align: bottom;
2114 .ext-ie .x-toolbar-cell .x-form-checkbox, .ext-ie .x-toolbar-cell .x-form-radio{
2118 .ext-ie .x-toolbar-cell .x-form-cb-label{
2127 .x-grid-panel .x-panel-body {
2128 overflow:hidden !important;
2131 .x-grid-panel .x-panel-mc .x-panel-body {
2143 .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{
2146 -moz-user-focus: normal;
2149 .x-grid3-row td, .x-grid3-summary-row td {
2151 vertical-align: top;
2154 -moz-user-select: none;
2155 -khtml-user-select:none;
2156 -webkit-user-select:ignore;
2160 -moz-user-select: none;
2161 -khtml-user-select:none;
2162 -webkit-user-select:ignore;
2165 .x-grid3-hd-row td {
2167 vertical-align:middle;
2168 border-left:1px solid;
2169 border-right:1px solid;
2172 .x-grid3-hd-row .x-grid3-marker-hd {
2176 .x-grid3-row .x-grid3-marker {
2180 .x-grid3-cell-inner, .x-grid3-hd-inner{
2182 -o-text-overflow: ellipsis;
2183 text-overflow: ellipsis;
2184 padding:3px 3px 3px 5px;
2185 white-space: nowrap;
2188 /* ActionColumn, reduce padding to accommodate 16x16 icons in normal row height */
2189 .x-action-col-cell .x-grid3-cell-inner {
2191 padding-bottom: 1px;
2194 .x-action-col-icon {
2201 padding:4px 3px 4px 5px;
2208 .x-grid3-body-cell {
2209 -moz-outline:0 none;
2213 /* IE Quirks to clip */
2214 .ext-ie .x-grid3-cell-inner, .ext-ie .x-grid3-hd-inner{
2218 /* reverse above in strict mode */
2219 .ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner{
2223 .x-grid-row-loading {
2224 background: no-repeat center center;
2239 background: repeat-x left top;
2242 .x-grid3-resize-proxy {
2256 .x-grid3-resize-marker {
2276 -moz-outline:0 none;
2278 -moz-user-select: text;
2279 -khtml-user-select: text;
2280 -webkit-user-select:ignore;
2285 background: repeat-x 0 bottom;
2291 .x-grid3-header-pop {
2292 border-left:1px solid;
2297 .x-grid3-header-pop-inner {
2298 border-left:1px solid;
2301 background: transparent no-repeat center center;
2304 .ext-ie .x-grid3-header-pop-inner {
2308 .ext-strict .x-grid3-header-pop-inner {
2312 .x-grid3-header-inner {
2318 .x-grid3-header-offset {
2323 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
2324 border-left:1px solid;
2325 border-right:1px solid;
2328 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 {
2329 background: repeat-x left bottom;
2334 background-repeat: no-repeat;
2339 vertical-align: middle;
2342 .sort-asc .x-grid3-sort-icon, .sort-desc .x-grid3-sort-icon {
2346 /* Header position fixes for IE strict mode */
2347 .ext-strict .ext-ie .x-grid3-header-inner, .ext-strict .ext-ie6 .x-grid3-hd {
2351 .ext-strict .ext-ie6 .x-grid3-hd-inner{
2366 .x-grid3-cell-text, .x-grid3-hd-text {
2368 padding: 3px 5px 3px 5px;
2369 -moz-user-select: none;
2370 -khtml-user-select: none;
2371 -webkit-user-select:ignore;
2375 background-position: center;
2376 background-repeat: no-repeat;
2389 /* Column Reorder DD */
2390 .x-dd-drag-proxy .x-grid3-hd-inner{
2391 background: repeat-x left bottom;
2398 .col-move-top, .col-move-bottom{
2408 background:transparent no-repeat left top;
2411 /* Selection Styles */
2412 .x-grid3-row-selected {
2416 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
2417 background: repeat-x 0 bottom !important;
2418 vertical-align:middle !important;
2420 border-top:1px solid;
2421 border-bottom:none !important;
2422 border-right:1px solid !important;
2426 .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
2432 .x-grid3-dirty-cell {
2433 background: transparent no-repeat 0 0;
2437 .x-grid3-topbar, .x-grid3-bottombar{
2444 .x-grid3-topbar .x-toolbar{
2445 border-right:0 none;
2448 .x-grid3-bottombar .x-toolbar{
2449 border-right:0 none;
2450 border-bottom:0 none;
2451 border-top:1px solid;
2454 /* Props Grid Styles */
2455 .x-props-grid .x-grid3-cell{
2459 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
2460 background:transparent repeat-y -16px !important;
2464 .x-props-grid .x-grid3-body .x-grid3-td-name{
2468 border-right:1px solid;
2475 background-color:transparent;
2478 .x-dd-drag-ghost .x-grid3-dd-wrap {
2479 padding:1px 3px 3px 1px;
2483 -moz-user-select:none;
2484 -khtml-user-select:none;
2485 -webkit-user-select:ignore;
2492 background:no-repeat left center;
2499 .x-grid3-hd-over .x-grid3-hd-btn, .x-grid3-hd-menu-open .x-grid3-hd-btn {
2503 a.x-grid3-hd-btn:hover {
2504 background-position:-14px center;
2508 .x-grid3-body .x-grid3-td-expander {
2509 background:transparent repeat-y right;
2512 .x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner {
2513 padding:0 !important;
2517 .x-grid3-row-expander {
2520 background-position:4px 2px;
2521 background-repeat:no-repeat;
2522 background-color:transparent;
2525 .x-grid3-row-collapsed .x-grid3-row-expander {
2526 background-position:4px 2px;
2529 .x-grid3-row-expanded .x-grid3-row-expander {
2530 background-position:-21px 2px;
2533 .x-grid3-row-collapsed .x-grid3-row-body {
2534 display:none !important;
2537 .x-grid3-row-expanded .x-grid3-row-body {
2538 display:block !important;
2542 .x-grid3-body .x-grid3-td-checker {
2543 background:transparent repeat-y right;
2546 .x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner, .x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner {
2547 padding:0 !important;
2551 .x-grid3-row-checker, .x-grid3-hd-checker {
2554 background-position:2px 2px;
2555 background-repeat:no-repeat;
2556 background-color:transparent;
2559 .x-grid3-row .x-grid3-row-checker {
2560 background-position:2px 2px;
2563 .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 {
2564 background-position:-23px 2px;
2567 .x-grid3-hd-checker {
2568 background-position:2px 1px;
2571 .ext-border-box .x-grid3-hd-checker {
2572 background-position:2px 3px;
2575 .x-grid3-hd-checker-on .x-grid3-hd-checker {
2576 background-position:-23px 1px;
2579 .ext-border-box .x-grid3-hd-checker-on .x-grid3-hd-checker {
2580 background-position:-23px 3px;
2584 .x-grid3-body .x-grid3-td-numberer {
2585 background:transparent repeat-y right;
2588 .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
2589 padding:3px 5px 0 0 !important;
2595 .x-grid3-body .x-grid3-td-row-icon {
2596 background:transparent repeat-y right;
2601 .x-grid3-body .x-grid3-td-row-icon .x-grid3-cell-inner {
2602 padding:0 !important;
2603 background-position:center center;
2604 background-repeat:no-repeat;
2612 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
2613 .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
2614 .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
2615 background:transparent repeat-y right;
2618 .x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner {
2619 padding: 1px 0 0 0 !important;
2622 .x-grid3-check-col {
2625 background-position:center center;
2626 background-repeat:no-repeat;
2627 background-color:transparent;
2630 .x-grid3-check-col-on {
2633 background-position:center center;
2634 background-repeat:no-repeat;
2635 background-color:transparent;
2638 /* Grouping classes */
2639 .x-grid-group, .x-grid-group-body, .x-grid-group-hd {
2644 border-bottom: 2px solid;
2649 .x-grid-group-hd div.x-grid-group-title {
2650 background:transparent no-repeat 3px 3px;
2651 padding:4px 4px 4px 17px;
2654 .x-grid-group-collapsed .x-grid-group-body {
2658 .ext-ie6 .x-grid3 .x-editor .x-form-text, .ext-ie7 .x-grid3 .x-editor .x-form-text {
2663 .ext-ie .x-props-grid .x-editor .x-form-text {
2672 /* fix floating toolbar issue */
2673 .ext-ie7 .x-grid-panel .x-panel-bbar {
2678 /* Reset position to static when Grid Panel has been framed */
2679 /* to resolve 'snapping' from top to bottom behavior. */
2680 /* @forumThread 86656 */
2681 .ext-ie7 .x-grid-panel .x-panel-mc .x-panel-bbar {
2685 .ext-ie6 .x-grid3-header {
2689 /* Fix WebKit bug in Grids */
2690 .ext-webkit .x-grid-panel .x-panel-bwrap{
2691 -webkit-user-select:none;
2693 .ext-webkit .x-tbar-page-number{
2694 -webkit-user-select:ignore;
2699 .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
2701 border-right:1px solid;
2703 .x-pivotgrid .x-grid3-header-offset table {
2705 border-collapse: collapse;
2708 .x-pivotgrid .x-grid3-header-offset table td {
2709 padding: 4px 3px 4px 5px;
2711 white-space: nowrap;
2713 text-overflow: ellipsis;
2716 font-family: tahoma;
2719 .x-pivotgrid .x-grid3-row-headers {
2724 .x-pivotgrid .x-grid3-row-headers table {
2727 border-collapse: collapse;
2730 .x-pivotgrid .x-grid3-row-headers table td {
2732 padding: 2px 7px 0 0;
2734 text-overflow: ellipsis;
2736 font-family: tahoma;
2739 .ext-gecko .x-pivotgrid .x-grid3-row-headers table td {
2743 .x-grid3-header-title {
2748 vertical-align: middle;
2749 font-family: tahoma;
2752 display: table-cell;
2755 .x-grid3-header-title span {
2772 filter: alpha(opacity=85);
2779 .x-dd-drag-repair .x-dd-drag-ghost{
2782 filter: alpha(opacity=40);
2785 background-color:transparent;
2788 .x-dd-drag-repair .x-dd-drop-icon{
2799 background-color:transparent;
2800 background-position: center;
2801 background-repeat: no-repeat;
2813 filter:alpha(opacity=50);
2815 }.ext-strict .ext-ie .x-tree .x-panel-bwrap{
2820 .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{
2825 vertical-align: top;
2827 background-repeat: no-repeat;
2830 .x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon{
2835 vertical-align: top;
2837 background-position:center;
2838 background-repeat: no-repeat;
2841 .ext-ie .x-tree-node-indent img, .ext-ie .x-tree-node-icon, .ext-ie .x-tree-ec-icon {
2842 vertical-align: middle !important;
2845 .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 {
2846 vertical-align: top !important;
2851 input.x-tree-node-cb {
2854 vertical-align: bottom;
2857 .ext-ie input.x-tree-node-cb {
2862 vertical-align: middle;
2865 .ext-strict .ext-ie8 input.x-tree-node-cb{
2868 vertical-align: bottom;
2871 .ext-strict .ext-ie8 input.x-tree-node-cb + a{
2872 vertical-align: bottom;
2875 .ext-opera input.x-tree-node-cb {
2877 vertical-align: middle;
2880 .x-tree-noicon .x-tree-node-icon{
2884 /* No line styles */
2885 .x-tree-no-lines .x-tree-elbow{
2886 background-color:transparent;
2889 .x-tree-no-lines .x-tree-elbow-end{
2890 background-color:transparent;
2893 .x-tree-no-lines .x-tree-elbow-line{
2894 background-color:transparent;
2898 .x-tree-arrows .x-tree-elbow{
2899 background-color:transparent;
2902 .x-tree-arrows .x-tree-elbow-plus{
2903 background:transparent no-repeat 0 0;
2906 .x-tree-arrows .x-tree-elbow-minus{
2907 background:transparent no-repeat -16px 0;
2910 .x-tree-arrows .x-tree-elbow-end{
2911 background-color:transparent;
2914 .x-tree-arrows .x-tree-elbow-end-plus{
2915 background:transparent no-repeat 0 0;
2918 .x-tree-arrows .x-tree-elbow-end-minus{
2919 background:transparent no-repeat -16px 0;
2922 .x-tree-arrows .x-tree-elbow-line{
2923 background-color:transparent;
2926 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{
2927 background-position:-32px 0;
2930 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus{
2931 background-position:-48px 0;
2934 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus{
2935 background-position:-32px 0;
2938 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus{
2939 background-position:-48px 0;
2942 .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
2946 .ext-ie ul.x-tree-node-ct{
2953 white-space: nowrap;
2961 .x-tree-node a, .x-dd-drag-ghost a{
2962 text-decoration:none;
2963 -khtml-user-select:none;
2964 -moz-user-select:none;
2965 -webkit-user-select:ignore;
2966 -kthml-user-focus:normal;
2967 -moz-user-focus:normal;
2968 -moz-outline: 0 none;
2972 .x-tree-node a span, .x-dd-drag-ghost a span{
2973 text-decoration:none;
2974 padding:1px 3px 1px 2px;
2977 .x-tree-node .x-tree-node-disabled .x-tree-node-icon{
2980 filter: alpha(opacity=50);
2983 .x-tree-node .x-tree-node-inline-icon{
2984 background-color:transparent;
2987 .x-tree-node a:hover, .x-dd-drag-ghost a:hover{
2988 text-decoration:none;
2991 .x-tree-node div.x-tree-drag-insert-below{
2992 border-bottom:1px dotted;
2995 .x-tree-node div.x-tree-drag-insert-above{
2996 border-top:1px dotted;
2999 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{
3000 border-bottom:0 none;
3003 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{
3007 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
3008 border-bottom:2px solid;
3011 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
3012 border-top:2px solid;
3015 .x-tree-node .x-tree-drag-append a span{
3019 .x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{
3020 display:none !important;
3023 /* Fix for ie rootVisible:false issue */
3034 -moz-outline:0 none;
3038 .x-date-inner, .x-date-inner td, .x-date-inner th{
3039 border-collapse:separate;
3042 .x-date-middle,.x-date-left,.x-date-right {
3043 background: repeat-x 0 -83px;
3047 .x-date-middle .x-btn-tc,.x-date-middle .x-btn-tl,.x-date-middle .x-btn-tr,
3048 .x-date-middle .x-btn-mc,.x-date-middle .x-btn-ml,.x-date-middle .x-btn-mr,
3049 .x-date-middle .x-btn-bc,.x-date-middle .x-btn-bl,.x-date-middle .x-btn-br{
3050 background:transparent !important;
3051 vertical-align:middle;
3054 .x-date-middle .x-btn-mc em.x-btn-arrow {
3055 background:transparent no-repeat right 0;
3058 .x-date-right, .x-date-left {
3069 width:130px; /* FF3 */
3072 .x-date-right a, .x-date-left a{
3076 background-position: center;
3077 background-repeat: no-repeat;
3081 filter: alpha(opacity=60);
3084 .x-date-right a:hover, .x-date-left a:hover{
3087 filter: alpha(opacity=100);
3090 .x-item-disabled .x-date-right a:hover, .x-item-disabled .x-date-left a:hover{
3093 filter: alpha(opacity=60);
3098 text-decoration:none !important;
3103 text-decoration:none !important;
3106 table.x-date-inner {
3111 .ext-webkit table.x-date-inner{
3112 /* Fix for webkit browsers */
3122 background: repeat-x left top;
3123 text-align:right !important;
3124 border-bottom: 1px solid;
3127 border-collapse:separate;
3130 .x-date-inner th span {
3145 text-decoration:none;
3150 .x-date-inner .x-date-active{
3155 .x-date-inner .x-date-selected a{
3156 background: repeat-x left top;
3161 .x-date-inner .x-date-today a{
3166 .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
3167 text-decoration:none !important;
3172 border-top: 1px solid;
3173 background: repeat-x left top;
3176 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
3177 text-decoration:none !important;
3180 .x-item-disabled .x-date-inner a:hover{
3184 .x-date-inner .x-date-disabled a {
3188 .x-date-menu .x-menu-item {
3189 padding:1px 24px 1px 4px;
3190 white-space: nowrap;
3193 .x-date-menu .x-menu-item .x-menu-item-icon {
3197 background-position:center -4px !important;
3209 font:normal 11px arial, helvetica,tahoma,sans-serif;
3212 td.x-date-mp-month,td.x-date-mp-year,td.x-date-mp-ybtn {
3215 vertical-align: middle;
3223 .x-date-mp-btns button {
3224 text-decoration:none;
3226 text-decoration:none !important;
3228 padding:1px 3px 1px;
3233 background: repeat-x left top;
3236 .x-date-mp-btns td {
3237 border-top: 1px solid;
3241 td.x-date-mp-month a,td.x-date-mp-year a {
3244 text-decoration:none;
3248 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
3249 text-decoration:none;
3253 td.x-date-mp-sel a {
3255 background: repeat-x left top;
3264 background:transparent no-repeat;
3269 .x-date-mp-ybtn a.x-date-mp-next {
3270 background-position:0 -120px;
3273 .x-date-mp-ybtn a.x-date-mp-next:hover {
3274 background-position:-15px -120px;
3277 .x-date-mp-ybtn a.x-date-mp-prev {
3278 background-position:0 -105px;
3281 .x-date-mp-ybtn a.x-date-mp-prev:hover {
3282 background-position:-15px -105px;
3290 border-right:1px solid;
3300 .x-tip .x-tip-close{
3310 background: transparent no-repeat 0 -62px;
3317 background: transparent no-repeat 0 0;
3324 background: transparent no-repeat right 0;
3331 background: transparent no-repeat 0 -121px;
3337 background: transparent no-repeat 0 -59px;
3343 background: transparent no-repeat right -59px;
3353 background: no-repeat 0 -124px;
3359 background: transparent no-repeat right -124px;
3364 .ext-ie .x-tip .x-tip-header,.ext-ie .x-tip .x-tip-tc {
3369 .ext-border-box .x-tip .x-tip-header, .ext-border-box .x-tip .x-tip-tc{
3373 .x-tip .x-tip-header-text {
3378 .x-tip .x-tip-body {
3379 margin:0 !important;
3384 .x-tip .x-tip-body .loading-indicator {
3388 .x-tip-draggable .x-tip-header,.x-tip-draggable .x-tip-header-text {
3392 .x-form-invalid-tip .x-tip-tc {
3393 background: repeat-x 0 -12px;
3397 .x-form-invalid-tip .x-tip-bc {
3398 background: repeat-x 0 -18px;
3402 .x-form-invalid-tip .x-tip-bl {
3403 background: no-repeat 0 -6px;
3406 .x-form-invalid-tip .x-tip-br {
3407 background: no-repeat right -6px;
3410 .x-form-invalid-tip .x-tip-body {
3414 .x-form-invalid-tip .x-tip-body {
3416 background:transparent no-repeat 2px 2px;
3424 background: transparent no-repeat 0 0;
3427 .x-tip-anchor-bottom {
3428 background-position: -9px 0;
3430 .x-tip-anchor-right {
3431 background-position: -18px 0;
3434 .x-tip-anchor-left {
3435 background-position: -28px 0;
3440 background: repeat-y;
3448 text-decoration: none !important;
3458 background-color:transparent;
3464 .ext-strict .ext-ie .x-menu-list{
3472 .x-menu li.x-menu-sep-li{
3478 white-space: nowrap;
3484 -moz-user-select: none;
3485 -khtml-user-select:none;
3486 -webkit-user-select:ignore;
3490 background:transparent no-repeat right;
3498 border-bottom:1px solid;
3510 -moz-outline:0 none;
3512 -moz-user-select: none;
3513 -khtml-user-select:none;
3514 -webkit-user-select:ignore;
3523 outline-color: -moz-use-text-color;
3524 outline-style: none;
3526 padding: 3px 21px 3px 27px;
3528 text-decoration: none;
3529 white-space: nowrap;
3532 .x-menu-item-active {
3533 background-repeat: repeat-x;
3534 background-position: left bottom;
3536 border-width: 1px 0;
3541 .x-menu-item-active a.x-menu-item {
3551 vertical-align: top;
3557 background-position:center;
3560 .ext-ie .x-menu-item-icon {
3563 .ext-strict .x-menu-item-icon {
3567 .ext-ie6 .x-menu-item-icon {
3571 .ext-ie .x-menu-item-icon {
3572 vertical-align: middle;
3575 .x-menu-check-item .x-menu-item-icon{
3576 background: transparent no-repeat center;
3579 .x-menu-group-item .x-menu-item-icon{
3580 background-color: transparent;
3583 .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
3584 background: transparent no-repeat center;
3587 .x-date-menu .x-menu-list{
3595 .x-menu .x-color-palette, .x-menu .x-date-picker{
3600 .x-menu .x-date-picker{
3606 .x-menu-plain .x-color-palette, .x-menu-plain .x-date-picker{
3612 padding:0 !important;
3616 * fixes separator visibility problem in IE 6
3618 .ext-strict .ext-ie6 .x-menu-sep-li {
3621 .ext-strict .ext-ie6 .x-menu-sep {
3627 * Fixes an issue with "fat" separators in webkit
3629 .ext-webkit .x-menu-sep{
3634 * Ugly mess to remove the white border under the picker
3636 .ext-ie .x-date-menu{
3640 .ext-strict .ext-ie .x-date-menu, .ext-border-box .ext-ie8 .x-date-menu{
3644 .ext-strict .ext-ie7 .x-date-menu{
3648 .ext-strict .ext-ie8 .x-date-menu{
3652 .x-cycle-menu .x-menu-item-checked {
3653 border:1px dotted !important;
3657 .x-menu .x-menu-scroller {
3659 background-repeat:no-repeat;
3660 background-position:center;
3668 .x-menu .x-menu-scroller-active{
3673 .x-menu-list-item-indent{
3676 Creates rounded, raised boxes like on the Ext website - the markup isn't pretty:
3677 <div class="x-box-blue">
3678 <div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>
3679 <div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc">
3680 <h3>YOUR TITLE HERE (optional)</h3>
3681 <div>YOUR CONTENT HERE</div>
3683 <div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>
3688 background: transparent no-repeat 0 0;
3694 background: transparent repeat-x 0 0;
3699 background: transparent no-repeat right -8px;
3703 background: transparent repeat-y 0;
3710 background: repeat-x 0 -16px;
3720 background: transparent repeat-y right;
3726 background: transparent no-repeat 0 -16px;
3731 background: transparent repeat-x 0 -8px;
3737 background: transparent no-repeat right -24px;
3740 .x-box-tl, .x-box-bl {
3745 .x-box-tr, .x-box-br {
3754 .x-combo-list-inner {
3756 position:relative; /* for calculating scroll offsets */
3762 border-bottom:1px solid;
3766 .x-resizable-pinned .x-combo-list-inner {
3767 border-bottom:1px solid;
3770 .x-combo-list-item {
3773 white-space: nowrap;
3775 text-overflow: ellipsis;
3778 .x-combo-list .x-combo-selected{
3779 border:1px dotted !important;
3783 .x-combo-list .x-toolbar {
3784 border-top:1px solid;
3785 border-bottom:0 none;
3787 border-style: solid;
3794 padding:5px 3px 4px 5px;
3797 background: transparent repeat-x 0 -1px;
3804 position: relative; /* added for item scroll positioning */
3807 .x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
3814 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
3815 border-top:1px solid;
3816 border-bottom: 0 none;
3819 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
3820 border-top:1px solid;
3828 .x-panel-tl .x-panel-header {
3829 padding:5px 0 4px 0;
3831 background:transparent no-repeat;
3834 .x-panel-tl .x-panel-icon, .x-window-tl .x-panel-icon {
3835 padding-left:20px !important;
3836 background-repeat:no-repeat;
3837 background-position:0 4px;
3841 .x-panel-inline-icon {
3844 background-repeat:no-repeat;
3845 background-position:0 0;
3846 vertical-align:middle;
3853 background: transparent repeat-x 0 0;
3857 /* fix ie7 strict mode bug */
3858 .ext-strict .ext-ie7 .x-panel-tc {
3863 background: transparent no-repeat 0 0;
3866 border-bottom:1px solid;
3870 background: transparent no-repeat right 0;
3876 background: transparent repeat-x 0 bottom;
3880 .x-panel-bc .x-panel-footer {
3885 background: transparent no-repeat 0 bottom;
3891 background: transparent no-repeat right bottom;
3903 .x-panel-mc .x-panel-body {
3904 background-color:transparent;
3909 background: repeat-y 0 0;
3915 background: transparent repeat-y right 0;
3920 .x-panel-bc .x-panel-footer {
3924 .x-panel-nofooter .x-panel-bc, .x-panel-nofooter .x-window-bc {
3941 .x-panel-collapsed .x-resizable-handle{
3945 .ext-gecko .x-panel-animated div {
3946 overflow:hidden !important;
3954 .x-plain-bbar .x-toolbar {
3959 .x-plain-tbar .x-toolbar {
3980 background:transparent no-repeat;
3984 /* expand / collapse tools */
3986 background-position:0 -60px;
3989 .x-tool-toggle-over {
3990 background-position:-15px -60px;
3993 .x-panel-collapsed .x-tool-toggle {
3994 background-position:0 -75px;
3997 .x-panel-collapsed .x-tool-toggle-over {
3998 background-position:-15px -75px;
4003 background-position:0 -0;
4006 .x-tool-close-over {
4007 background-position:-15px 0;
4011 background-position:0 -15px;
4014 .x-tool-minimize-over {
4015 background-position:-15px -15px;
4019 background-position:0 -30px;
4022 .x-tool-maximize-over {
4023 background-position:-15px -30px;
4027 background-position:0 -45px;
4030 .x-tool-restore-over {
4031 background-position:-15px -45px;
4035 background-position:0 -90px;
4039 background-position:-15px -90px;
4043 background-position:0 -135px;
4047 background-position:-15px -135px;
4051 background-position:0 -150px;
4054 .x-tool-unpin-over {
4055 background-position:-15px -150px;
4059 background-position:0 -165px;
4062 .x-tool-right-over {
4063 background-position:-15px -165px;
4067 background-position:0 -180px;
4071 background-position:-15px -180px;
4075 background-position:0 -210px;
4079 background-position:-15px -210px;
4083 background-position:0 -195px;
4087 background-position:-15px -195px;
4091 background-position:0 -225px;
4094 .x-tool-refresh-over {
4095 background-position:-15px -225px;
4099 background-position:0 -255px;
4102 .x-tool-minus-over {
4103 background-position:-15px -255px;
4107 background-position:0 -240px;
4111 background-position:-15px -240px;
4115 background-position:0 -270px;
4118 .x-tool-search-over {
4119 background-position:-15px -270px;
4123 background-position:0 -285px;
4127 background-position:-15px -285px;
4131 background-position:0 -300px;
4135 background-position:-15px -300px;
4139 background-position:0 -315px;
4142 .x-tool-print-over {
4143 background-position:-15px -315px;
4147 background-position:0 -360px;
4150 .x-tool-resize-over {
4151 background-position:-15px -360px;
4155 background-position:0 -375px;
4159 background-position:-15px -375px;
4170 filter:alpha(opacity=65);
4185 cursor:move !important;
4188 .x-panel-dd-spacer {
4198 .x-panel-btns td.x-toolbar-cell{
4202 .x-panel-btns .x-btn-focus .x-btn-left{
4203 background-position:0 -147px;
4206 .x-panel-btns .x-btn-focus .x-btn-right{
4207 background-position:0 -168px;
4210 .x-panel-btns .x-btn-focus .x-btn-center{
4211 background-position:0 -189px;
4214 .x-panel-btns .x-btn-over .x-btn-left{
4215 background-position:0 -63px;
4218 .x-panel-btns .x-btn-over .x-btn-right{
4219 background-position:0 -84px;
4222 .x-panel-btns .x-btn-over .x-btn-center{
4223 background-position:0 -105px;
4226 .x-panel-btns .x-btn-click .x-btn-center{
4227 background-position:0 -126px;
4230 .x-panel-btns .x-btn-click .x-btn-right{
4231 background-position:0 -84px;
4234 .x-panel-btns .x-btn-click .x-btn-left{
4235 background-position:0 -63px;
4238 .x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
4239 white-space: nowrap;
4242 * W3C Suggested Default style sheet for HTML 4
4243 * http://www.w3.org/TR/CSS21/sample.html
4245 * Resets for Ext.Panel @cfg normal: true
4247 .x-panel-reset .x-panel-body html,
4248 .x-panel-reset .x-panel-body address,
4249 .x-panel-reset .x-panel-body blockquote,
4250 .x-panel-reset .x-panel-body body,
4251 .x-panel-reset .x-panel-body dd,
4252 .x-panel-reset .x-panel-body div,
4253 .x-panel-reset .x-panel-body dl,
4254 .x-panel-reset .x-panel-body dt,
4255 .x-panel-reset .x-panel-body fieldset,
4256 .x-panel-reset .x-panel-body form,
4257 .x-panel-reset .x-panel-body frame, frameset,
4258 .x-panel-reset .x-panel-body h1,
4259 .x-panel-reset .x-panel-body h2,
4260 .x-panel-reset .x-panel-body h3,
4261 .x-panel-reset .x-panel-body h4,
4262 .x-panel-reset .x-panel-body h5,
4263 .x-panel-reset .x-panel-body h6,
4264 .x-panel-reset .x-panel-body noframes,
4265 .x-panel-reset .x-panel-body ol,
4266 .x-panel-reset .x-panel-body p,
4267 .x-panel-reset .x-panel-body ul,
4268 .x-panel-reset .x-panel-body center,
4269 .x-panel-reset .x-panel-body dir,
4270 .x-panel-reset .x-panel-body hr,
4271 .x-panel-reset .x-panel-body menu,
4272 .x-panel-reset .x-panel-body pre { display: block }
4273 .x-panel-reset .x-panel-body li { display: list-item }
4274 .x-panel-reset .x-panel-body head { display: none }
4275 .x-panel-reset .x-panel-body table { display: table }
4276 .x-panel-reset .x-panel-body tr { display: table-row }
4277 .x-panel-reset .x-panel-body thead { display: table-header-group }
4278 .x-panel-reset .x-panel-body tbody { display: table-row-group }
4279 .x-panel-reset .x-panel-body tfoot { display: table-footer-group }
4280 .x-panel-reset .x-panel-body col { display: table-column }
4281 .x-panel-reset .x-panel-body colgroup { display: table-column-group }
4282 .x-panel-reset .x-panel-body td,
4283 .x-panel-reset .x-panel-body th { display: table-cell }
4284 .x-panel-reset .x-panel-body caption { display: table-caption }
4285 .x-panel-reset .x-panel-body th { font-weight: bolder; text-align: center }
4286 .x-panel-reset .x-panel-body caption { text-align: center }
4287 .x-panel-reset .x-panel-body body { margin: 8px }
4288 .x-panel-reset .x-panel-body h1 { font-size: 2em; margin: .67em 0 }
4289 .x-panel-reset .x-panel-body h2 { font-size: 1.5em; margin: .75em 0 }
4290 .x-panel-reset .x-panel-body h3 { font-size: 1.17em; margin: .83em 0 }
4291 .x-panel-reset .x-panel-body h4,
4292 .x-panel-reset .x-panel-body p,
4293 .x-panel-reset .x-panel-body blockquote,
4294 .x-panel-reset .x-panel-body ul,
4295 .x-panel-reset .x-panel-body fieldset,
4296 .x-panel-reset .x-panel-body form,
4297 .x-panel-reset .x-panel-body ol,
4298 .x-panel-reset .x-panel-body dl,
4299 .x-panel-reset .x-panel-body dir,
4300 .x-panel-reset .x-panel-body menu { margin: 1.12em 0 }
4301 .x-panel-reset .x-panel-body h5 { font-size: .83em; margin: 1.5em 0 }
4302 .x-panel-reset .x-panel-body h6 { font-size: .75em; margin: 1.67em 0 }
4303 .x-panel-reset .x-panel-body h1,
4304 .x-panel-reset .x-panel-body h2,
4305 .x-panel-reset .x-panel-body h3,
4306 .x-panel-reset .x-panel-body h4,
4307 .x-panel-reset .x-panel-body h5,
4308 .x-panel-reset .x-panel-body h6,
4309 .x-panel-reset .x-panel-body b,
4310 .x-panel-reset .x-panel-body strong { font-weight: bolder }
4311 .x-panel-reset .x-panel-body blockquote { margin-left: 40px; margin-right: 40px }
4312 .x-panel-reset .x-panel-body i,
4313 .x-panel-reset .x-panel-body cite,
4314 .x-panel-reset .x-panel-body em,
4315 .x-panel-reset .x-panel-body var,
4316 .x-panel-reset .x-panel-body address { font-style: italic }
4317 .x-panel-reset .x-panel-body pre,
4318 .x-panel-reset .x-panel-body tt,
4319 .x-panel-reset .x-panel-body code,
4320 .x-panel-reset .x-panel-body kbd,
4321 .x-panel-reset .x-panel-body samp { font-family: monospace }
4322 .x-panel-reset .x-panel-body pre { white-space: pre }
4323 .x-panel-reset .x-panel-body button,
4324 .x-panel-reset .x-panel-body textarea,
4325 .x-panel-reset .x-panel-body input,
4326 .x-panel-reset .x-panel-body select { display: inline-block }
4327 .x-panel-reset .x-panel-body big { font-size: 1.17em }
4328 .x-panel-reset .x-panel-body small,
4329 .x-panel-reset .x-panel-body sub,
4330 .x-panel-reset .x-panel-body sup { font-size: .83em }
4331 .x-panel-reset .x-panel-body sub { vertical-align: sub }
4332 .x-panel-reset .x-panel-body sup { vertical-align: super }
4333 .x-panel-reset .x-panel-body table { border-spacing: 2px; }
4334 .x-panel-reset .x-panel-body thead,
4335 .x-panel-reset .x-panel-body tbody,
4336 .x-panel-reset .x-panel-body tfoot { vertical-align: middle }
4337 .x-panel-reset .x-panel-body td,
4338 .x-panel-reset .x-panel-body th { vertical-align: inherit }
4339 .x-panel-reset .x-panel-body s,
4340 .x-panel-reset .x-panel-body strike,
4341 .x-panel-reset .x-panel-body del { text-decoration: line-through }
4342 .x-panel-reset .x-panel-body hr { border: 1px inset }
4343 .x-panel-reset .x-panel-body ol,
4344 .x-panel-reset .x-panel-body ul,
4345 .x-panel-reset .x-panel-body dir,
4346 .x-panel-reset .x-panel-body menu,
4347 .x-panel-reset .x-panel-body dd { margin-left: 40px }
4348 .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;}
4349 .x-panel-reset .x-panel-body ol { list-style-type: decimal }
4350 .x-panel-reset .x-panel-body ol ul,
4351 .x-panel-reset .x-panel-body ul ol,
4352 .x-panel-reset .x-panel-body ul ul,
4353 .x-panel-reset .x-panel-body ol ol { margin-top: 0; margin-bottom: 0 }
4354 .x-panel-reset .x-panel-body u,
4355 .x-panel-reset .x-panel-body ins { text-decoration: underline }
4356 .x-panel-reset .x-panel-body br:before { content: "\A" }
4357 .x-panel-reset .x-panel-body :before, .x-panel-reset .x-panel-body :after { white-space: pre-line }
4358 .x-panel-reset .x-panel-body center { text-align: center }
4359 .x-panel-reset .x-panel-body :link, .x-panel-reset .x-panel-body :visited { text-decoration: underline }
4360 .x-panel-reset .x-panel-body :focus { outline: invert dotted thin }
4362 /* Begin bidirectionality settings (do not change) */
4363 .x-panel-reset .x-panel-body BDO[DIR="ltr"] { direction: ltr; unicode-bidi: bidi-override }
4364 .x-panel-reset .x-panel-body BDO[DIR="rtl"] { direction: rtl; unicode-bidi: bidi-override }
4369 .x-window .x-window-handle {
4372 filter:alpha(opacity=0);
4384 filter:alpha(opacity=50);
4399 .x-window-tl .x-window-header {
4400 padding:5px 0 4px 0;
4403 .x-window-header-text {
4408 background: transparent repeat-x 0 0;
4414 background: transparent no-repeat 0 0;
4422 background: transparent no-repeat right 0;
4427 background: transparent repeat-x 0 bottom;
4431 .x-window-bc .x-window-footer {
4439 background: transparent no-repeat 0 bottom;
4445 background: transparent no-repeat right bottom;
4457 background: transparent repeat-y 0 0;
4463 background: transparent repeat-y right 0;
4476 .x-window-maximized .x-window-bl, .x-window-maximized .x-window-br,
4477 .x-window-maximized .x-window-ml, .x-window-maximized .x-window-mr,
4478 .x-window-maximized .x-window-tl, .x-window-maximized .x-window-tr {
4482 .x-window-maximized .x-window-footer {
4486 .x-window-maximized .x-window-tc {
4491 .x-window-maximized .x-window-mc {
4493 border-right:0 none;
4496 .x-window-tbar .x-toolbar, .x-window-bbar .x-toolbar {
4498 border-right: 0 none;
4501 .x-window-bbar .x-toolbar {
4502 border-top:1px solid;
4503 border-bottom:0 none;
4506 .x-window-draggable, .x-window-draggable .x-window-header-text {
4510 .x-window-maximized .x-window-draggable, .x-window-maximized .x-window-draggable .x-window-header-text {
4515 background-color:transparent;
4518 .x-panel-ghost .x-window-tl {
4519 border-bottom:1px solid;
4522 .x-panel-collapsed .x-window-tl {
4523 border-bottom:1px solid;
4526 .x-window-maximized-ct {
4530 .x-window-maximized .x-window-handle {
4534 .x-window-sizing-ghost ul {
4535 border:0 none !important;
4539 -moz-outline:0 none;
4549 .ext-webkit .x-dlg-focus{
4562 filter: alpha(opacity=50);
4565 body.ext-ie6.x-body-masked select {
4569 body.ext-ie6.x-body-masked .x-window select {
4573 .x-window-plain .x-window-mc {
4577 .x-window-plain .x-window-body {
4579 background:transparent !important;
4580 }.x-html-editor-wrap {
4584 .x-html-editor-tb .x-btn-text {
4585 background:transparent no-repeat;
4588 .x-html-editor-tb .x-edit-bold, .x-menu-item img.x-edit-bold {
4589 background-position:0 0;
4590 background-image:url(../images/default/editor/tb-sprite.gif);
4593 .x-html-editor-tb .x-edit-italic, .x-menu-item img.x-edit-italic {
4594 background-position:-16px 0;
4595 background-image:url(../images/default/editor/tb-sprite.gif);
4598 .x-html-editor-tb .x-edit-underline, .x-menu-item img.x-edit-underline {
4599 background-position:-32px 0;
4600 background-image:url(../images/default/editor/tb-sprite.gif);
4603 .x-html-editor-tb .x-edit-forecolor, .x-menu-item img.x-edit-forecolor {
4604 background-position:-160px 0;
4605 background-image:url(../images/default/editor/tb-sprite.gif);
4608 .x-html-editor-tb .x-edit-backcolor, .x-menu-item img.x-edit-backcolor {
4609 background-position:-176px 0;
4610 background-image:url(../images/default/editor/tb-sprite.gif);
4613 .x-html-editor-tb .x-edit-justifyleft, .x-menu-item img.x-edit-justifyleft {
4614 background-position:-112px 0;
4615 background-image:url(../images/default/editor/tb-sprite.gif);
4618 .x-html-editor-tb .x-edit-justifycenter, .x-menu-item img.x-edit-justifycenter {
4619 background-position:-128px 0;
4620 background-image:url(../images/default/editor/tb-sprite.gif);
4623 .x-html-editor-tb .x-edit-justifyright, .x-menu-item img.x-edit-justifyright {
4624 background-position:-144px 0;
4625 background-image:url(../images/default/editor/tb-sprite.gif);
4628 .x-html-editor-tb .x-edit-insertorderedlist, .x-menu-item img.x-edit-insertorderedlist {
4629 background-position:-80px 0;
4630 background-image:url(../images/default/editor/tb-sprite.gif);
4633 .x-html-editor-tb .x-edit-insertunorderedlist, .x-menu-item img.x-edit-insertunorderedlist {
4634 background-position:-96px 0;
4635 background-image:url(../images/default/editor/tb-sprite.gif);
4638 .x-html-editor-tb .x-edit-increasefontsize, .x-menu-item img.x-edit-increasefontsize {
4639 background-position:-48px 0;
4640 background-image:url(../images/default/editor/tb-sprite.gif);
4643 .x-html-editor-tb .x-edit-decreasefontsize, .x-menu-item img.x-edit-decreasefontsize {
4644 background-position:-64px 0;
4645 background-image:url(../images/default/editor/tb-sprite.gif);
4648 .x-html-editor-tb .x-edit-sourceedit, .x-menu-item img.x-edit-sourceedit {
4649 background-position:-192px 0;
4650 background-image:url(../images/default/editor/tb-sprite.gif);
4653 .x-html-editor-tb .x-edit-createlink, .x-menu-item img.x-edit-createlink {
4654 background-position:-208px 0;
4655 background-image:url(../images/default/editor/tb-sprite.gif);
4658 .x-html-editor-tip .x-tip-bd .x-tip-bd-inner {
4663 .x-html-editor-tb .x-toolbar {
4664 position:static !important;
4665 }.x-panel-noborder .x-panel-body-noborder {
4669 .x-panel-noborder .x-panel-header-noborder {
4670 border-width:0 0 1px;
4674 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
4675 border-width:0 0 1px;
4679 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
4680 border-width:1px 0 0 0;
4684 .x-window-noborder .x-window-mc {
4688 .x-window-plain .x-window-body-noborder {
4692 .x-tab-panel-noborder .x-tab-panel-body-noborder {
4696 .x-tab-panel-noborder .x-tab-panel-header-noborder {
4697 border-width: 0 0 1px 0;
4700 .x-tab-panel-noborder .x-tab-panel-footer-noborder {
4701 border-width: 1px 0 0 0;
4704 .x-tab-panel-bbar-noborder .x-toolbar {
4705 border-width: 1px 0 0 0;
4709 .x-tab-panel-tbar-noborder .x-toolbar {
4710 border-width:0 0 1px;
4712 }.x-border-layout-ct {
4722 .x-tool-collapse-south {
4723 background-position:0 -195px;
4726 .x-tool-collapse-south-over {
4727 background-position:-15px -195px;
4730 .x-tool-collapse-north {
4731 background-position:0 -210px;
4734 .x-tool-collapse-north-over {
4735 background-position:-15px -210px;
4738 .x-tool-collapse-west {
4739 background-position:0 -180px;
4742 .x-tool-collapse-west-over {
4743 background-position:-15px -180px;
4746 .x-tool-collapse-east {
4747 background-position:0 -165px;
4750 .x-tool-collapse-east-over {
4751 background-position:-15px -165px;
4754 .x-tool-expand-south {
4755 background-position:0 -210px;
4758 .x-tool-expand-south-over {
4759 background-position:-15px -210px;
4762 .x-tool-expand-north {
4763 background-position:0 -195px;
4765 .x-tool-expand-north-over {
4766 background-position:-15px -195px;
4769 .x-tool-expand-west {
4770 background-position:0 -165px;
4773 .x-tool-expand-west-over {
4774 background-position:-15px -165px;
4777 .x-tool-expand-east {
4778 background-position:0 -180px;
4781 .x-tool-expand-east-over {
4782 background-position:-15px -180px;
4785 .x-tool-expand-north, .x-tool-expand-south {
4790 .x-tool-expand-east, .x-tool-expand-west {
4795 .x-accordion-hd .x-tool-toggle {
4796 background-position:0 -255px;
4799 .x-accordion-hd .x-tool-toggle-over {
4800 background-position:-15px -255px;
4803 .x-panel-collapsed .x-accordion-hd .x-tool-toggle {
4804 background-position:0 -240px;
4807 .x-panel-collapsed .x-accordion-hd .x-tool-toggle-over {
4808 background-position:-15px -240px;
4815 background: transparent repeat-x 0 -9px;
4818 .x-layout-collapsed{
4830 .ext-border-box .x-layout-collapsed{
4835 .x-layout-collapsed-over{
4839 .x-layout-collapsed-west .x-layout-collapsed-tools, .x-layout-collapsed-east .x-layout-collapsed-tools{
4855 background-color:transparent;
4858 /* IE6 strict won't drag w/out a color */
4859 .ext-strict .ext-ie6 .x-layout-split{
4860 background-color: #fff !important;
4861 filter: alpha(opacity=1);
4865 background-image:url(../images/default/s.gif);
4866 background-position: left;
4870 background-image:url(../images/default/s.gif);
4871 background-position: top;
4874 .x-column-layout-ct {
4903 filter:alpha(opacity=50);
4906 .x-layout-mini-over, .x-layout-collapsed-over .x-layout-mini{
4912 .x-layout-split-west .x-layout-mini {
4916 .x-layout-split-east .x-layout-mini {
4920 .x-layout-split-north .x-layout-mini {
4926 .x-layout-split-south .x-layout-mini {
4932 .x-layout-cmini-west .x-layout-mini {
4936 .x-layout-cmini-east .x-layout-mini {
4940 .x-layout-cmini-north .x-layout-mini {
4946 .x-layout-cmini-south .x-layout-mini {
4952 .x-layout-cmini-west, .x-layout-cmini-east {
4954 width:5px !important;
4956 background-color:transparent;
4959 .x-layout-cmini-north, .x-layout-cmini-south {
4961 height:5px !important;
4963 background-color:transparent;
4966 .x-viewport, .x-viewport body {
4974 .x-abs-layout-item {
4980 .ext-ie input.x-abs-layout-item, .ext-ie textarea.x-abs-layout-item {
5008 background:repeat-x;
5016 background: repeat-x left center;
5017 border-top:1px solid;
5018 border-bottom:1px solid;
5019 border-right:1px solid;
5030 .x-progress-text-back {
5034 .ext-ie .x-progress-text-back {
5038 .ext-strict .ext-ie7 .x-progress-text-back{
5042 background: repeat-x 0 bottom;
5048 .x-list-header-inner div {
5052 -o-text-overflow: ellipsis;
5053 text-overflow: ellipsis;
5054 white-space: nowrap;
5057 .x-list-header-inner div em {
5059 border-left:1px solid;
5062 -moz-user-select: none;
5063 -khtml-user-select: none;
5084 -o-text-overflow: ellipsis;
5085 text-overflow: ellipsis;
5086 white-space: nowrap;
5091 .x-list-body dt em {
5095 -moz-user-select: none;
5096 -khtml-user-select: none;
5100 border-left:1px solid;
5101 border-right:1px solid;
5107 .x-list-header-inner em.sort-asc {
5108 background: transparent no-repeat center 0;
5110 border-width: 0 1px 1px;
5114 .x-list-header-inner em.sort-desc {
5115 background: transparent no-repeat center -23px;
5117 border-width: 0 1px 1px;
5142 -moz-outline:0 none;
5144 -moz-user-select: none;
5145 -khtml-user-select:none;
5146 -webkit-user-select:ignore;
5151 /* Horizontal styles */
5154 background:transparent no-repeat 0 -22px;
5157 .x-slider-horz .x-slider-end {
5160 background:transparent no-repeat right -44px;
5163 .x-slider-horz .x-slider-inner {
5164 background:transparent repeat-x 0 0;
5168 .x-slider-horz .x-slider-thumb {
5174 background:transparent no-repeat 0 0;
5177 .x-slider-horz .x-slider-thumb-over {
5178 background-position: -14px -15px;
5181 .x-slider-horz .x-slider-thumb-drag {
5182 background-position: -28px -30px;
5185 /* Vertical styles */
5188 background:transparent no-repeat -44px 0;
5192 .x-slider-vert .x-slider-end {
5195 background:transparent no-repeat -22px bottom;
5198 .x-slider-vert .x-slider-inner {
5199 background:transparent repeat-y 0 0;
5202 .x-slider-vert .x-slider-thumb {
5208 background:transparent no-repeat 0 0;
5211 .x-slider-vert .x-slider-thumb-over {
5212 background-position: -15px -14px;
5215 .x-slider-vert .x-slider-thumb-drag {
5216 background-position: -30px -28px;
5217 }.x-window-dlg .x-window-body {
5218 border:0 none !important;
5220 overflow:hidden !important;
5223 .x-window-dlg .x-window-mc {
5224 border:0 none !important;
5227 .x-window-dlg .ext-mb-input {
5232 .x-window-dlg .ext-mb-textarea {
5236 .x-window-dlg .x-progress-wrap {
5240 .ext-ie .x-window-dlg .x-progress-wrap {
5244 .x-window-dlg .x-msg-box-wait {
5245 background:transparent no-repeat left;
5252 .x-window-dlg .ext-mb-icon {
5258 .x-window-dlg .x-dlg-icon .ext-mb-content{
5263 .x-window-dlg .ext-mb-info, .x-window-dlg .ext-mb-warning, .x-window-dlg .ext-mb-question, .x-window-dlg .ext-mb-error {
5264 background:transparent no-repeat top left;
5267 .ext-gecko2 .ext-mb-fix-cursor {