Upgrade to ExtJS 3.2.0 - Released 03/30/2010
[extjs.git] / resources / css / structure / button.css
index 7d18f89..f463b93 100644 (file)
 /*!
- * Ext JS Library 3.1.1
- * Copyright(c) 2006-2010 Ext JS, LLC
+ * Ext JS Library 3.2.0
+ * Copyright(c) 2006-2010 Ext JS, Inc.
  * licensing@extjs.com
  * http://www.extjs.com/license
  */
-.x-btn{\r
-       cursor:pointer;\r
-       white-space: nowrap;\r
-}\r
-\r
-.x-btn button{\r
-    border:0 none;\r
-    background:transparent;\r
-    padding-left:3px;\r
-    padding-right:3px;\r
-    cursor:pointer;\r
-    margin:0;\r
-    overflow:visible;\r
-    width:auto;\r
-    -moz-outline:0 none;\r
-    outline:0 none;\r
-}\r
-\r
-* html .ext-ie .x-btn button {\r
-    width:1px;\r
-}\r
-\r
-.ext-gecko .x-btn button {\r
-    padding-left:0;\r
-    padding-right:0;\r
-}\r
-\r
-.ext-gecko .x-btn button::-moz-focus-inner {\r
-    padding:0;\r
-}\r
-\r
-.ext-ie .x-btn button {\r
-    padding-top:2px;\r
-}\r
-\r
-.x-btn td {\r
-    padding:0 !important;\r
-}\r
-\r
-.x-btn-text {\r
-    cursor:pointer;\r
-       white-space: nowrap;\r
-    padding:0;\r
-}\r
-\r
-/* icon placement and sizing styles */\r
-\r
-/* Only text */\r
-.x-btn-noicon .x-btn-small .x-btn-text{\r
-       height: 16px;\r
-}\r
-\r
-.x-btn-noicon .x-btn-medium .x-btn-text{\r
-    height: 24px;\r
-}\r
-\r
-.x-btn-noicon .x-btn-large .x-btn-text{\r
-    height: 32px;\r
-}\r
-\r
-/* Only icons */\r
-.x-btn-icon .x-btn-text{\r
-    background-position: center;\r
-       background-repeat: no-repeat;\r
-}\r
-\r
-.x-btn-icon .x-btn-small .x-btn-text{\r
-       height: 16px;\r
-       width: 16px;\r
-}\r
-\r
-.x-btn-icon .x-btn-medium .x-btn-text{\r
-    height: 24px;\r
-       width: 24px;\r
-}\r
-\r
-.x-btn-icon .x-btn-large .x-btn-text{\r
-    height: 32px;\r
-       width: 32px;\r
-}\r
-\r
-/* Icons and text */\r
-/* left */\r
-.x-btn-text-icon .x-btn-icon-small-left .x-btn-text{\r
-    background-position: 0 center;\r
-       background-repeat: no-repeat;\r
-    padding-left:18px;\r
-    height:16px;\r
-}\r
-\r
-.x-btn-text-icon .x-btn-icon-medium-left .x-btn-text{\r
-    background-position: 0 center;\r
-       background-repeat: no-repeat;\r
-    padding-left:26px;\r
-    height:24px;\r
-}\r
-\r
-.x-btn-text-icon .x-btn-icon-large-left .x-btn-text{\r
-    background-position: 0 center;\r
-       background-repeat: no-repeat;\r
-    padding-left:34px;\r
-    height:32px;\r
-}\r
-\r
-/* top */\r
-.x-btn-text-icon .x-btn-icon-small-top .x-btn-text{\r
-    background-position: center 0;\r
-       background-repeat: no-repeat;\r
-    padding-top:18px;\r
-}\r
-\r
-.x-btn-text-icon .x-btn-icon-medium-top .x-btn-text{\r
-    background-position: center 0;\r
-       background-repeat: no-repeat;\r
-    padding-top:26px;\r
-}\r
-\r
-.x-btn-text-icon .x-btn-icon-large-top .x-btn-text{\r
-    background-position: center 0;\r
-       background-repeat: no-repeat;\r
-    padding-top:34px;\r
-}\r
-\r
-/* right */\r
-.x-btn-text-icon .x-btn-icon-small-right .x-btn-text{\r
-    background-position: right center;\r
-       background-repeat: no-repeat;\r
-    padding-right:18px;\r
-    height:16px;\r
-}\r
-\r
-.x-btn-text-icon .x-btn-icon-medium-right .x-btn-text{\r
-    background-position: right center;\r
-       background-repeat: no-repeat;\r
-    padding-right:26px;\r
-    height:24px;\r
-}\r
-\r
-.x-btn-text-icon .x-btn-icon-large-right .x-btn-text{\r
-    background-position: right center;\r
-       background-repeat: no-repeat;\r
-    padding-right:34px;\r
-    height:32px;\r
-}\r
-\r
-/* bottom */\r
-.x-btn-text-icon .x-btn-icon-small-bottom .x-btn-text{\r
-    background-position: center bottom;\r
-       background-repeat: no-repeat;\r
-    padding-bottom:18px;\r
-}\r
-\r
-.x-btn-text-icon .x-btn-icon-medium-bottom .x-btn-text{\r
-    background-position: center bottom;\r
-       background-repeat: no-repeat;\r
-    padding-bottom:26px;\r
-}\r
-\r
-.x-btn-text-icon .x-btn-icon-large-bottom .x-btn-text{\r
-    background-position: center bottom;\r
-       background-repeat: no-repeat;\r
-    padding-bottom:34px;\r
-}\r
-\r
-/* background positioning */\r
-.x-btn-tr i, .x-btn-tl i, .x-btn-mr i, .x-btn-ml i, .x-btn-br i, .x-btn-bl i{\r
-       font-size:1px;\r
-    line-height:1px;\r
-    width:3px;\r
-    display:block;\r
-    overflow:hidden;\r
-}\r
-\r
-.x-btn-tr i, .x-btn-tl i, .x-btn-br i, .x-btn-bl i{\r
-       height:3px;\r
-}\r
-\r
-.x-btn-tl{\r
-       width:3px;\r
-       height:3px;\r
-       background:no-repeat 0 0;\r
-}\r
-.x-btn-tr{\r
-       width:3px;\r
-       height:3px;\r
-       background:no-repeat -3px 0;\r
-}\r
-.x-btn-tc{\r
-       height:3px;\r
-       background:repeat-x 0 -6px;\r
-}\r
-\r
-.x-btn-ml{\r
-       width:3px;\r
-       background:no-repeat 0 -24px;\r
-}\r
-.x-btn-mr{\r
-       width:3px;\r
-       background:no-repeat -3px -24px;\r
-}\r
-\r
-.x-btn-mc{\r
-       background:repeat-x 0 -1096px;\r
-    vertical-align: middle;\r
-       text-align:center;\r
-       padding:0 5px;\r
-       cursor:pointer;\r
-       white-space:nowrap;\r
-}\r
-\r
-/* Fixes an issue with the button height */\r
-.ext-strict .ext-ie6 .x-btn-mc, .ext-strict .ext-ie7 .x-btn-mc {\r
-    height: 100%;\r
-}\r
-\r
-.x-btn-bl{\r
-       width:3px;\r
-       height:3px;\r
-       background:no-repeat 0 -3px;\r
-}\r
-\r
-.x-btn-br{\r
-       width:3px;\r
-       height:3px;\r
-       background:no-repeat -3px -3px;\r
-}\r
-\r
-.x-btn-bc{\r
-       height:3px;\r
-       background:repeat-x 0 -15px;\r
-}\r
-\r
-.x-btn-over .x-btn-tl{\r
-       background-position: -6px 0;\r
-}\r
-\r
-.x-btn-over .x-btn-tr{\r
-       background-position: -9px 0;\r
-}\r
-\r
-.x-btn-over .x-btn-tc{\r
-       background-position: 0 -9px;\r
-}\r
-\r
-.x-btn-over .x-btn-ml{\r
-       background-position: -6px -24px;\r
-}\r
-\r
-.x-btn-over .x-btn-mr{\r
-       background-position: -9px -24px;\r
-}\r
-\r
-.x-btn-over .x-btn-mc{\r
-       background-position: 0 -2168px;\r
-}\r
-\r
-.x-btn-over .x-btn-bl{\r
-       background-position: -6px -3px;\r
-}\r
-\r
-.x-btn-over .x-btn-br{\r
-       background-position: -9px -3px;\r
-}\r
-\r
-.x-btn-over .x-btn-bc{\r
-       background-position: 0 -18px;\r
-}\r
-\r
-.x-btn-click .x-btn-tl, .x-btn-menu-active .x-btn-tl, .x-btn-pressed .x-btn-tl{\r
-       background-position: -12px 0;\r
-}\r
-\r
-.x-btn-click .x-btn-tr, .x-btn-menu-active .x-btn-tr, .x-btn-pressed .x-btn-tr{\r
-       background-position: -15px 0;\r
-}\r
-\r
-.x-btn-click .x-btn-tc, .x-btn-menu-active .x-btn-tc, .x-btn-pressed .x-btn-tc{\r
-       background-position: 0 -12px;\r
-}\r
-\r
-.x-btn-click .x-btn-ml, .x-btn-menu-active .x-btn-ml, .x-btn-pressed .x-btn-ml{\r
-       background-position: -12px -24px;\r
-}\r
-\r
-.x-btn-click .x-btn-mr, .x-btn-menu-active .x-btn-mr, .x-btn-pressed .x-btn-mr{\r
-       background-position: -15px -24px;\r
-}\r
-\r
-.x-btn-click .x-btn-mc, .x-btn-menu-active .x-btn-mc, .x-btn-pressed .x-btn-mc{\r
-       background-position: 0 -3240px;\r
-}\r
-\r
-.x-btn-click .x-btn-bl, .x-btn-menu-active .x-btn-bl, .x-btn-pressed .x-btn-bl{\r
-       background-position: -12px -3px;\r
-}\r
-\r
-.x-btn-click .x-btn-br, .x-btn-menu-active .x-btn-br, .x-btn-pressed .x-btn-br{\r
-       background-position: -15px -3px;\r
-}\r
-\r
-.x-btn-click .x-btn-bc, .x-btn-menu-active .x-btn-bc, .x-btn-pressed .x-btn-bc{\r
-       background-position: 0 -21px;\r
-}\r
-\r
-.x-btn-disabled *{\r
-       cursor:default !important;\r
-}\r
-\r
-\r
-/* With a menu arrow */\r
-/* right */\r
-.x-btn-mc em.x-btn-arrow {\r
-    display:block;\r
-    background:transparent no-repeat right center;\r
-       padding-right:10px;\r
-}\r
-\r
-.x-btn-mc em.x-btn-split {\r
-    display:block;\r
-    background:transparent no-repeat right center;\r
-       padding-right:14px;\r
-}\r
-\r
-/* bottom */\r
-.x-btn-mc em.x-btn-arrow-bottom {\r
-    display:block;\r
-    background:transparent no-repeat center bottom;\r
-       padding-bottom:14px;\r
-}\r
-\r
-.x-btn-mc em.x-btn-split-bottom {\r
-    display:block;\r
-    background:transparent no-repeat center bottom;\r
-       padding-bottom:14px;\r
-}\r
-\r
-/* height adjustment class */\r
-.x-btn-as-arrow .x-btn-mc em {\r
-    display:block;\r
-    background:transparent;\r
-       padding-bottom:14px;\r
-}\r
-\r
-/* groups */\r
-.x-btn-group {\r
-    padding:1px;\r
-}\r
-\r
-.x-btn-group-header {\r
-    padding:2px;\r
-    text-align:center;\r
-}\r
-\r
-.x-btn-group-tc {\r
-       background: transparent repeat-x 0 0;\r
-       overflow:hidden;\r
-}\r
-\r
-.x-btn-group-tl {\r
-       background: transparent no-repeat 0 0;\r
-       padding-left:3px;\r
-    zoom:1;\r
-}\r
-\r
-.x-btn-group-tr {\r
-       background: transparent no-repeat right 0;\r
-       zoom:1;\r
-    padding-right:3px;\r
-}\r
-\r
-.x-btn-group-bc {\r
-       background: transparent repeat-x 0 bottom;\r
-    zoom:1;\r
-}\r
-\r
-.x-btn-group-bc .x-panel-footer {\r
-    zoom:1;\r
-}\r
-\r
-.x-btn-group-bl {\r
-       background: transparent no-repeat 0 bottom;\r
-       padding-left:3px;\r
-    zoom:1;\r
-}\r
-\r
-.x-btn-group-br {\r
-       background: transparent no-repeat right bottom;\r
-       padding-right:3px;\r
-    zoom:1;\r
-}\r
-\r
-.x-btn-group-mc {\r
-    border:0 none;\r
-    padding:1px 0 0 0;\r
-    margin:0;\r
-}\r
-\r
-.x-btn-group-mc .x-btn-group-body {\r
-    background:transparent;\r
-    border: 0 none;\r
-}\r
-\r
-.x-btn-group-ml {\r
-       background: transparent repeat-y 0 0;\r
-       padding-left:3px;\r
-    zoom:1;\r
-}\r
-\r
-.x-btn-group-mr {\r
-       background: transparent repeat-y right 0;\r
-       padding-right:3px;\r
-    zoom:1;\r
-}\r
-\r
-.x-btn-group-bc .x-btn-group-footer {\r
-    padding-bottom:6px;\r
-}\r
-\r
-.x-panel-nofooter .x-btn-group-bc {\r
-       height:3px;\r
-    font-size:0;\r
-    line-height:0;\r
-}\r
-\r
-.x-btn-group-bwrap {\r
-    overflow:hidden;\r
-    zoom:1;\r
-}\r
-\r
-.x-btn-group-body {\r
-    overflow:hidden;\r
-    zoom:1;\r
-}\r
-\r
-.x-btn-group-notitle .x-btn-group-tc {\r
-       background: transparent repeat-x 0 0;\r
-       overflow:hidden;\r
-    height:2px;\r
+.x-btn{
+       cursor:pointer;
+       white-space: nowrap;
+}
+
+.x-btn button{
+    border:0 none;
+    background:transparent;
+    padding-left:3px;
+    padding-right:3px;
+    cursor:pointer;
+    margin:0;
+    overflow:visible;
+    width:auto;
+    -moz-outline:0 none;
+    outline:0 none;
+}
+
+* html .ext-ie .x-btn button {
+    width:1px;
+}
+
+.ext-gecko .x-btn button, .ext-webkit .x-btn button {
+    padding-left:0;
+    padding-right:0;
+}
+
+.ext-gecko .x-btn button::-moz-focus-inner {
+    padding:0;
+}
+
+.ext-ie .x-btn button {
+    padding-top:2px;
+}
+
+.x-btn td {
+    padding:0 !important;
+}
+
+.x-btn-text {
+    cursor:pointer;
+       white-space: nowrap;
+    padding:0;
+}
+
+/* icon placement and sizing styles */
+
+/* Only text */
+.x-btn-noicon .x-btn-small .x-btn-text{
+       height: 16px;
+}
+
+.x-btn-noicon .x-btn-medium .x-btn-text{
+    height: 24px;
+}
+
+.x-btn-noicon .x-btn-large .x-btn-text{
+    height: 32px;
+}
+
+/* Only icons */
+.x-btn-icon .x-btn-text{
+    background-position: center;
+       background-repeat: no-repeat;
+}
+
+.x-btn-icon .x-btn-small .x-btn-text{
+       height: 16px;
+       width: 16px;
+}
+
+.x-btn-icon .x-btn-medium .x-btn-text{
+    height: 24px;
+       width: 24px;
+}
+
+.x-btn-icon .x-btn-large .x-btn-text{
+    height: 32px;
+       width: 32px;
+}
+
+/* Icons and text */
+/* left */
+.x-btn-text-icon .x-btn-icon-small-left .x-btn-text{
+    background-position: 0 center;
+       background-repeat: no-repeat;
+    padding-left:18px;
+    height:16px;
+}
+
+.x-btn-text-icon .x-btn-icon-medium-left .x-btn-text{
+    background-position: 0 center;
+       background-repeat: no-repeat;
+    padding-left:26px;
+    height:24px;
+}
+
+.x-btn-text-icon .x-btn-icon-large-left .x-btn-text{
+    background-position: 0 center;
+       background-repeat: no-repeat;
+    padding-left:34px;
+    height:32px;
+}
+
+/* top */
+.x-btn-text-icon .x-btn-icon-small-top .x-btn-text{
+    background-position: center 0;
+       background-repeat: no-repeat;
+    padding-top:18px;
+}
+
+.x-btn-text-icon .x-btn-icon-medium-top .x-btn-text{
+    background-position: center 0;
+       background-repeat: no-repeat;
+    padding-top:26px;
+}
+
+.x-btn-text-icon .x-btn-icon-large-top .x-btn-text{
+    background-position: center 0;
+       background-repeat: no-repeat;
+    padding-top:34px;
+}
+
+/* right */
+.x-btn-text-icon .x-btn-icon-small-right .x-btn-text{
+    background-position: right center;
+       background-repeat: no-repeat;
+    padding-right:18px;
+    height:16px;
+}
+
+.x-btn-text-icon .x-btn-icon-medium-right .x-btn-text{
+    background-position: right center;
+       background-repeat: no-repeat;
+    padding-right:26px;
+    height:24px;
+}
+
+.x-btn-text-icon .x-btn-icon-large-right .x-btn-text{
+    background-position: right center;
+       background-repeat: no-repeat;
+    padding-right:34px;
+    height:32px;
+}
+
+/* bottom */
+.x-btn-text-icon .x-btn-icon-small-bottom .x-btn-text{
+    background-position: center bottom;
+       background-repeat: no-repeat;
+    padding-bottom:18px;
+}
+
+.x-btn-text-icon .x-btn-icon-medium-bottom .x-btn-text{
+    background-position: center bottom;
+       background-repeat: no-repeat;
+    padding-bottom:26px;
+}
+
+.x-btn-text-icon .x-btn-icon-large-bottom .x-btn-text{
+    background-position: center bottom;
+       background-repeat: no-repeat;
+    padding-bottom:34px;
+}
+
+/* background positioning */
+.x-btn-tr i, .x-btn-tl i, .x-btn-mr i, .x-btn-ml i, .x-btn-br i, .x-btn-bl i{
+       font-size:1px;
+    line-height:1px;
+    width:3px;
+    display:block;
+    overflow:hidden;
+}
+
+.x-btn-tr i, .x-btn-tl i, .x-btn-br i, .x-btn-bl i{
+       height:3px;
+}
+
+.x-btn-tl{
+       width:3px;
+       height:3px;
+       background:no-repeat 0 0;
+}
+.x-btn-tr{
+       width:3px;
+       height:3px;
+       background:no-repeat -3px 0;
+}
+.x-btn-tc{
+       height:3px;
+       background:repeat-x 0 -6px;
+}
+
+.x-btn-ml{
+       width:3px;
+       background:no-repeat 0 -24px;
+}
+.x-btn-mr{
+       width:3px;
+       background:no-repeat -3px -24px;
+}
+
+.x-btn-mc{
+       background:repeat-x 0 -1096px;
+    vertical-align: middle;
+       text-align:center;
+       padding:0 5px;
+       cursor:pointer;
+       white-space:nowrap;
+}
+
+/* Fixes an issue with the button height */
+.ext-strict .ext-ie6 .x-btn-mc, .ext-strict .ext-ie7 .x-btn-mc {
+    height: 100%;
+}
+
+.x-btn-bl{
+       width:3px;
+       height:3px;
+       background:no-repeat 0 -3px;
+}
+
+.x-btn-br{
+       width:3px;
+       height:3px;
+       background:no-repeat -3px -3px;
+}
+
+.x-btn-bc{
+       height:3px;
+       background:repeat-x 0 -15px;
+}
+
+.x-btn-over .x-btn-tl{
+       background-position: -6px 0;
+}
+
+.x-btn-over .x-btn-tr{
+       background-position: -9px 0;
+}
+
+.x-btn-over .x-btn-tc{
+       background-position: 0 -9px;
+}
+
+.x-btn-over .x-btn-ml{
+       background-position: -6px -24px;
+}
+
+.x-btn-over .x-btn-mr{
+       background-position: -9px -24px;
+}
+
+.x-btn-over .x-btn-mc{
+       background-position: 0 -2168px;
+}
+
+.x-btn-over .x-btn-bl{
+       background-position: -6px -3px;
+}
+
+.x-btn-over .x-btn-br{
+       background-position: -9px -3px;
+}
+
+.x-btn-over .x-btn-bc{
+       background-position: 0 -18px;
+}
+
+.x-btn-click .x-btn-tl, .x-btn-menu-active .x-btn-tl, .x-btn-pressed .x-btn-tl{
+       background-position: -12px 0;
+}
+
+.x-btn-click .x-btn-tr, .x-btn-menu-active .x-btn-tr, .x-btn-pressed .x-btn-tr{
+       background-position: -15px 0;
+}
+
+.x-btn-click .x-btn-tc, .x-btn-menu-active .x-btn-tc, .x-btn-pressed .x-btn-tc{
+       background-position: 0 -12px;
+}
+
+.x-btn-click .x-btn-ml, .x-btn-menu-active .x-btn-ml, .x-btn-pressed .x-btn-ml{
+       background-position: -12px -24px;
+}
+
+.x-btn-click .x-btn-mr, .x-btn-menu-active .x-btn-mr, .x-btn-pressed .x-btn-mr{
+       background-position: -15px -24px;
+}
+
+.x-btn-click .x-btn-mc, .x-btn-menu-active .x-btn-mc, .x-btn-pressed .x-btn-mc{
+       background-position: 0 -3240px;
+}
+
+.x-btn-click .x-btn-bl, .x-btn-menu-active .x-btn-bl, .x-btn-pressed .x-btn-bl{
+       background-position: -12px -3px;
+}
+
+.x-btn-click .x-btn-br, .x-btn-menu-active .x-btn-br, .x-btn-pressed .x-btn-br{
+       background-position: -15px -3px;
+}
+
+.x-btn-click .x-btn-bc, .x-btn-menu-active .x-btn-bc, .x-btn-pressed .x-btn-bc{
+       background-position: 0 -21px;
+}
+
+.x-btn-disabled *{
+       cursor:default !important;
+}
+
+
+/* With a menu arrow */
+/* right */
+.x-btn-mc em.x-btn-arrow {
+    display:block;
+    background:transparent no-repeat right center;
+       padding-right:10px;
+}
+
+.x-btn-mc em.x-btn-split {
+    display:block;
+    background:transparent no-repeat right center;
+       padding-right:14px;
+}
+
+/* bottom */
+.x-btn-mc em.x-btn-arrow-bottom {
+    display:block;
+    background:transparent no-repeat center bottom;
+       padding-bottom:14px;
+}
+
+.x-btn-mc em.x-btn-split-bottom {
+    display:block;
+    background:transparent no-repeat center bottom;
+       padding-bottom:14px;
+}
+
+/* height adjustment class */
+.x-btn-as-arrow .x-btn-mc em {
+    display:block;
+    background:transparent;
+       padding-bottom:14px;
+}
+
+/* groups */
+.x-btn-group {
+    padding:1px;
+}
+
+.x-btn-group-header {
+    padding:2px;
+    text-align:center;
+}
+
+.x-btn-group-tc {
+       background: transparent repeat-x 0 0;
+       overflow:hidden;
+}
+
+.x-btn-group-tl {
+       background: transparent no-repeat 0 0;
+       padding-left:3px;
+    zoom:1;
+}
+
+.x-btn-group-tr {
+       background: transparent no-repeat right 0;
+       zoom:1;
+    padding-right:3px;
+}
+
+.x-btn-group-bc {
+       background: transparent repeat-x 0 bottom;
+    zoom:1;
+}
+
+.x-btn-group-bc .x-panel-footer {
+    zoom:1;
+}
+
+.x-btn-group-bl {
+       background: transparent no-repeat 0 bottom;
+       padding-left:3px;
+    zoom:1;
+}
+
+.x-btn-group-br {
+       background: transparent no-repeat right bottom;
+       padding-right:3px;
+    zoom:1;
+}
+
+.x-btn-group-mc {
+    border:0 none;
+    padding:1px 0 0 0;
+    margin:0;
+}
+
+.x-btn-group-mc .x-btn-group-body {
+    background:transparent;
+    border: 0 none;
+}
+
+.x-btn-group-ml {
+       background: transparent repeat-y 0 0;
+       padding-left:3px;
+    zoom:1;
+}
+
+.x-btn-group-mr {
+       background: transparent repeat-y right 0;
+       padding-right:3px;
+    zoom:1;
+}
+
+.x-btn-group-bc .x-btn-group-footer {
+    padding-bottom:6px;
+}
+
+.x-panel-nofooter .x-btn-group-bc {
+       height:3px;
+    font-size:0;
+    line-height:0;
+}
+
+.x-btn-group-bwrap {
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-btn-group-body {
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-btn-group-notitle .x-btn-group-tc {
+       background: transparent repeat-x 0 0;
+       overflow:hidden;
+    height:2px;
 }
\ No newline at end of file