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 {