.x-grouptabs-panel {
#background-color:#4E78B1;
#border:15px solid #4E78B1;
background-color:#E1E1E1;
border:10px solid #E1E1E1;
}
.x-tab-panel-left .x-grouptabs-panel-header, .x-tab-panel-right .x-grouptabs-panel-header {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:0 none;
float:left;
}
.x-tab-panel-right .x-grouptabs-panel-header {
float:right;
}
.x-tab-panel-left .x-grouptabs-bwrap {
float:right;
position:relative;
}
.x-tab-panel-right .x-grouptabs-bwrap {
float:left;
position:relative;
}
.x-tab-panel-left ul.x-grouptabs-strip, .x-tab-panel-right ul.x-grouptabs-strip {
display:block;
width:auto;
}
.x-tab-panel-left ul.x-grouptabs-strip li, .x-tab-panel-right ul.x-grouptabs-strip li {
clear:both;
float:none;
margin:0;
padding:6px 0 2px 6px;
position:relative;
}
.x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text, .x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text {
cursor:pointer;
font-size:13px;
line-height:18px;
}
.x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text {
padding-left:18px;
}
.x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text {
padding-right:18px;
}
.x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-sub a.x-grouptabs-text, .x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-sub a.x-grouptabs-text {
font-size:12px;
padding:0;
}
.x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-sub a.x-grouptabs-text {
margin-left:22px;
}
.x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-sub a.x-grouptabs-text {
margin-right:4px;
}
.x-grouptabs-panel .x-grouptabs-strip a.x-grouptabs-text {
#color:#DFE8F6;
color:#000000;
display:block;
font-family:tahoma,arial,sans-serif;
font-weight:bold;
overflow:hidden;
text-decoration:none;
white-space:nowrap;
}
.x-tab-panel-right .x-grouptabs-strip a.x-grouptabs-text {
text-align:right;
}
.x-grouptabs-panel .x-grouptabs-strip-active a.x-grouptabs-text {
#color:#395B8E;
color:#000000;
}
.x-grouptabs-panel ul.x-grouptabs-sub a.x-grouptabs-text {
font-weight:normal;
}
.x-tab-joint {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
position:absolute;
top:1px;
width:3px;
z-index:8999;
}
.x-grouptabs-panel .x-grouptabs-panel-body {
border:1px solid #999999;
}
.x-grouptabs-panel ul.x-grouptabs-strip li {
border-bottom:1px solid transparent;
border-left:1px solid transparent;
border-top:1px solid transparent;
}
.x-grouptabs-panel ul.x-grouptabs-strip li.x-grouptabs-strip-active {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border-color:#999999 currentColor; /*#999999 -moz-use-text-color;*/
/* -moz-use-text-color is depricated and does not work with Chrome etc., use currentColor instead*/
border-style:solid none;
border-width:1px 0;
}
.x-tab-panel-left ul.x-grouptabs-strip li.x-grouptabs-strip-active {
border-left:1px solid #999999;
}
.x-tab-panel-right ul.x-grouptabs-strip li.x-grouptabs-strip-active {
border-right:1px solid #999999;
}
.x-grouptabs-panel li.x-grouptabs-strip-active ul.x-grouptabs-sub li.x-grouptabs-strip-active {
#background-color:#EDEEF0;
#background-color:#E29EC2;
background-color:#E0BECE;
}
.x-grouptabs-panel li.x-grouptabs-strip-active ul.x-grouptabs-sub {
background-color:transparent;
}
.x-grouptabs-panel li.x-grouptabs-strip-active ul.x-grouptabs-sub li {
border-color:transparent;
}
.x-grouptabs-panel .x-grouptabs-corner {
<!-- background-image:url(../GroupTab/x-grouptabs-corners.gif); -->
display:none;
font-size:1px;
height:11px;
line-height:6px;
overflow:hidden;
position:absolute;
width:11px;
}
.x-grouptabs-panel .x-grouptabs-strip-active .x-grouptabs-corner {
display:block;
}
.x-grouptabs-panel .x-grouptabs-main.x-grouptabs-strip-active ul.x-grouptabs-sub .x-grouptabs-corner {
display:none;
}
.x-grouptabs-panel .x-grouptabs-corner-top-left {
background-position:left top;
left:0;
top:0;
}
.x-grouptabs-panel .x-grouptabs-corner-bottom-left {
background-position:left bottom;
bottom:0;
left:0;
}
.x-grouptabs-panel .x-grouptabs-corner-top-right {
background-position:right top;
right:0;
top:0;
}
.x-grouptabs-panel .x-grouptabs-corner-bottom-right {
background-position:right bottom;
bottom:0;
right:0;
}
.x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-bottom-left {
bottom:-4px;
left:-4px;
}
.x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-bottom-right {
bottom:-4px;
right:-4px;
}
.x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-top-left {
left:-4px;
top:-4px;
}
.x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-top-right {
right:-4px;
top:-4px;
}
.x-grouptabs-panel ul.x-grouptabs-sub li.x-tab-with-icon a.x-grouptabs-text {
background-repeat:no-repeat;
padding-left:20px;
}
.x-grouptabs-panel .x-grouptabs-expand {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(elbow-plus-nl.gif) no-repeat scroll 0 0;
height:16px;
left:7px;
position:absolute;
top:6px;
width:16px;
}
.ext-ie6 .x-grouptabs-panel .x-grouptabs-expand, .ext-border-box .x-grouptabs-panel .x-grouptabs-expand {
left:0;
}
.x-grouptabs-expanded .x-grouptabs-expand {
background-image:url(elbow-minus-nl.gif);
}
.x-grouptabs-sub {
display:none;
margin-top:4px;
}
.x-grouptabs-expanded .x-grouptabs-sub {
display:block;
}
.x-grouptabs-panel ul.x-grouptabs-sub li {
height:18px;
margin:0 0 2px;
padding:0;
}
.x-grouptabs-panel ul.x-grouptabs-sub .x-grouptabs-main-item {
display:none;
}
.x-tab-with-icon {
border-style:none !important;
}