3 * Copyright(c) 2006-2010 Ext JS, Inc.
5 * http://www.extjs.com/license
8 background-color: #4E78B1;
9 border: solid 15px #4E78B1;
11 .x-tab-panel-left .x-grouptabs-panel-header,
12 .x-tab-panel-right .x-grouptabs-panel-header {
15 background: transparent;
17 .x-tab-panel-right .x-grouptabs-panel-header {
20 .x-tab-panel-left .x-grouptabs-bwrap {
24 .x-tab-panel-right .x-grouptabs-bwrap {
28 .x-tab-panel-left ul.x-grouptabs-strip,
29 .x-tab-panel-right ul.x-grouptabs-strip {
33 .x-tab-panel-left ul.x-grouptabs-strip li,
34 .x-tab-panel-right ul.x-grouptabs-strip li {
35 padding: 6px 0 2px 6px;
41 .x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text,
42 .x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text{
48 .x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text{
51 .x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text{
55 .x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-sub a.x-grouptabs-text,
56 .x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-sub a.x-grouptabs-text{
61 .x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-sub a.x-grouptabs-text{
64 .x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-sub a.x-grouptabs-text{
68 .x-grouptabs-panel .x-grouptabs-strip a.x-grouptabs-text{
73 font-family: tahoma, arial, sans-serif;
75 text-decoration: none;
77 .x-tab-panel-right .x-grouptabs-strip a.x-grouptabs-text {
81 .x-grouptabs-panel .x-grouptabs-strip-active a.x-grouptabs-text {
85 .x-grouptabs-panel ul.x-grouptabs-sub a.x-grouptabs-text {
96 .x-grouptabs-panel .x-grouptabs-panel-body {
97 border: 1px solid #999;
100 .x-grouptabs-panel ul.x-grouptabs-strip li {
101 border-top: 1px solid transparent;
102 border-bottom: 1px solid transparent;
103 border-left: 1px solid transparent;
106 .x-grouptabs-panel ul.x-grouptabs-strip li.x-grouptabs-strip-active {
109 border-top: 1px solid #999;
110 border-bottom: 1px solid #999;
113 .x-tab-panel-left ul.x-grouptabs-strip li.x-grouptabs-strip-active {
114 border-left: 1px solid #999;
116 .x-tab-panel-right ul.x-grouptabs-strip li.x-grouptabs-strip-active {
117 border-right: 1px solid #999;
120 .x-grouptabs-panel li.x-grouptabs-strip-active ul.x-grouptabs-sub li.x-grouptabs-strip-active{
121 background-color: #EDEEF0;
124 .x-grouptabs-panel li.x-grouptabs-strip-active ul.x-grouptabs-sub {
125 background-color: transparent;
128 .x-grouptabs-panel li.x-grouptabs-strip-active ul.x-grouptabs-sub li {
129 border-color: transparent;
133 .x-grouptabs-panel .x-grouptabs-corner {
134 background-image: url('../images/x-grouptabs-corners.gif');
144 .x-grouptabs-panel .x-grouptabs-strip-active .x-grouptabs-corner {
147 .x-grouptabs-panel .x-grouptabs-main.x-grouptabs-strip-active ul.x-grouptabs-sub .x-grouptabs-corner {
151 .x-grouptabs-panel .x-grouptabs-corner-top-left {
152 background-position: top left;
155 .x-grouptabs-panel .x-grouptabs-corner-bottom-left {
156 background-position: bottom left;
159 .x-grouptabs-panel .x-grouptabs-corner-top-right {
160 background-position: top right;
163 .x-grouptabs-panel .x-grouptabs-corner-bottom-right {
164 background-position: bottom right;
167 .x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-bottom-left{
168 bottom: -4px; left: -4px;
170 .x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-bottom-right{
171 bottom: -4px; right: -4px;
173 .x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-top-left{
174 top: -4px; left: -4px;
176 .x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-top-right{
177 top: -4px; right: -4px;
180 .x-grouptabs-panel ul.x-grouptabs-sub li.x-tab-with-icon a.x-grouptabs-text {
181 background-repeat: no-repeat;
185 /* General tab styling */
186 .x-grouptabs-panel .x-grouptabs-expand {
187 background: transparent url('../images/elbow-plus-nl.gif') no-repeat;
195 .ext-ie6 .x-grouptabs-panel .x-grouptabs-expand,
196 .ext-border-box .x-grouptabs-panel .x-grouptabs-expand {
200 .x-grouptabs-expanded .x-grouptabs-expand {
201 background-image: url('../images/elbow-minus-nl.gif');
204 /* GroupTabs sub group styling */
210 .x-grouptabs-expanded .x-grouptabs-sub {
214 .x-grouptabs-panel ul.x-grouptabs-sub li {
220 .x-grouptabs-panel ul.x-grouptabs-sub .x-grouptabs-main-item {
225 border-style:none !important;