/* DEFAULT TABS */ /* tabs backgrounds */ .customTabInnerLeft {background-position: 0 -600px} .customTabInnerMiddle {background-position: 0 -750px} .customTabInnerRight {background-position: 0 -900px} .tabPanelOuterContainer .smallTabs .customTabInnerRight {background-position: -13px -900px} .selected .customTabInnerLeft, .tabPanelOuterContainer .x-tab-strip-active .customTabInnerLeft {background-position: 0 -500px} .selected .customTabInnerMiddle, .tabPanelOuterContainer .x-tab-strip-active .customTabInnerMiddle {background-position: 0 -650px} .selected .customTabInnerRight, .tabPanelOuterContainer .x-tab-strip-active .customTabInnerRight {background-position: 0 -800px} .smallTabs .selected .customTabInnerRight, .tabPanelOuterContainer .smallTabs .x-tab-strip-active .customTabInnerRight {background-position: -13px -800px} .altTabPanelOuterContainer .x-tab-strip-active .customTabInnerLeft {background-position: 0 -100px} .altTabPanelOuterContainer .x-tab-strip-active .customTabInnerMiddle {background-position: 0 -250px} .altTabPanelOuterContainer .x-tab-strip-active .customTabInnerRight {background-position: 0 -400px} .altTabPanelOuterContainer .customTabInnerLeft {background-position: 0 -550px} .altTabPanelOuterContainer .customTabInnerMiddle {background-position: 0 -700px} .altTabPanelOuterContainer .customTabInnerRight {background-position: 0 -850px} .customTab {float: left; position: relative; margin-left: 0 !important; margin-right: 1px; cursor: pointer} .customTabInnerLeft, .customTabInnerRight {height: 21px; width: 23px; position: absolute; top: 0} .customTabInnerLeft {left: 0} .customTabInnerRight {right: 0} .smallTabs .customTabInnerLeft, .smallTabs .customTabInnerRight {width: 10px} .customTabInnerMiddle { height: 21px; line-height: 21px; background-repeat: repeat-x; margin: 0 23px; _padding: 0 1px; display: inline-block; *display: inline; color: #000; font-weight: normal } .smallTabs .customTabInnerMiddle {margin: 0 10px} .hovered .customTabInnerMiddle, .x-tab-strip-over .customTabInnerMiddle {color: #000} .selected {font-weight: bold; cursor: default} .selected .customTabInnerMiddle, .x-tab-strip-active .customTabInnerMiddle { color: #000; font-weight: bold } .disabled .customTabInnerMiddle {font-style: italic; cursor: default; color: gray} .disabled .customTabInnerLeft, .disabled .customTabInnerRight {cursor: default} .tabPanelInnerContainer {border-bottom: none !important; *height: 21px; *overflow: hidden} .x-tab-panel-header .tabPanelInnerContainer {padding-left: 1px; padding-top: 0; background-image: url(../images/tab-strip-bg.gif)} .tabPanelInnerContainer .x-tab-strip-active {cursor: default} .altTabPanelOuterContainer {border: none; padding-bottom: 0} .altTabPanelOuterContainer .x-tab-strip-spacer {height: 0; border: none; *background-color: #fff; _font-size: 0; _margin-bottom: -2px} *HTML .x-tab-panel-header-plain .x-tab-strip-spacer {margin-bottom: 0} .tabPanelOuterContainer .x-tab-strip-wrap, .altTabPanelOuterContainer .x-tab-strip-wrap {bottom: -1px} .tabPanelOuterContainer .x-tab-strip-spacer, .altTabPanelOuterContainer .x-tab-strip-spacer {border-top: 1px solid #9e9e9e} /* CUSTOMIZED TABS */ /* normal */ .x-tab-strip-top .x-tab-left {background-repeat: no-repeat; background-position: 90px -300px; padding-right: 10px} .x-tab-strip-top .x-tab-right {background-repeat: no-repeat; background-position: 0 0; padding-left: 10px} .x-tab-strip-top .x-tab-strip-inner {background-repeat: repeat-x; background-position: 0 -150px} #overlapedTabPanel .x-tab-strip-top .x-tab-left {background-position: 89px -400px; padding-right: 5px} #overlapedTabPanel .x-tab-strip-top .x-tab-strip-inner {background-position: 0 -250px} #overlapedTabPanel .x-tab-strip-top SPAN.x-tab-strip-text {color: #000; font-weight: normal} #overlapedTabPanel .x-tab-strip-top .x-tab-right {background-position: 0 -100px; padding-left: 10px} .x-tab-strip-top SPAN.x-tab-strip-text {color: #000; font-weight: normal} /* active */ .x-tab-strip-top .pi-active-tab .x-tab-left {background-position: 90px -400px} .x-tab-strip-top .pi-active-tab .x-tab-strip-inner, .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {background-position: 0 -250px} .x-tab-strip-top .pi-active-tab .x-tab-right, .x-tab-strip-top .x-tab-strip-active .x-tab-right {background-position: 0 -100px} #overlapedTabPanel .x-tab-strip-top .pi-active-tab .x-tab-left {background-repeat: no-repeat; background-position: 89px -300px; padding-right: 5px} #overlapedTabPanel .x-tab-strip-top .pi-active-tab .x-tab-strip-inner {background-repeat: repeat-x; background-position: 0 -150px} #overlapedTabPanel .x-tab-strip-top .pi-active-tab SPAN.x-tab-strip-text {color: #000; font-weight: normal} #overlapedTabPanel .x-tab-strip-top .pi-active-tab .x-tab-right {background-repeat: no-repeat; background-position: 0 0; padding-left: 10px} .x-tab-strip-top .pi-active-tab SPAN.x-tab-strip-text, .x-tab-strip-top .x-tab-strip-active SPAN.x-tab-strip-text {color: #000; font-weight: normal} /* hover */ .x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {background-position: 0 -200px} .x-tab-strip-top .x-tab-strip-over .x-tab-left {background-position: 90px -350px} .x-tab-strip-top .x-tab-strip-over .x-tab-right {background-position: 0 -50px} .x-tab-strip-top .x-tab-strip-over SPAN.x-tab-strip-text {color: #000} .x-tab-strip-edit {width: 17px; height: 16px; background-position: -400px -50px} .pi-tab-panel .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close, .iconRemove2 {height: 12px; background-position: -400px 0; _font-size: 0 !important} .iconRemove2 {width: 10px} *HTML A.x-tab-right:hover {color: #333} .sidePanel {border-left: 1px solid #d0d0d0} .sidePanel #contentTab .x-panel-body {background-color: #f6f6f6} .sidePanel .x-tool-toggle {float: none; margin: 5px 2px} .sidePanel .x-tab-panel-header-noborder {border-bottom: none; padding-bottom: 0; background-color: transparent; position: relative; bottom: -1px} .sidePanel UL.x-tab-strip-top {border: none; background-image: none; background-color: transparent} .sidePanel UL.x-tab-strip-top LI.x-tab-strip-active {z-index: 2; position: relative} .sidePanel .x-tab-panel-bwrap {border-top: 1px solid #9E9E9E} .sidePanel .tabPanelInnerContainer .x-tab-strip-active .customTabInnerMiddle .x-tab-strip-text {font-weight: normal} .sidePanel .x-tab-panel-header .tabPanelInnerContainer {bottom: 0} .infoPanel .x-tab-panel-header { border-top: 1px solid #D0D0D0 } /* standard panel with white body (and active tab) and transparent header */ .whiteTabPanel .x-panel-body {background-color: #fff} /* tab panel with grey body (grey active tab) and transparent header */ .greyTabPanel .x-panel-body {background-color: #eee} /* common tab panel stuff */ .whiteTabPanel .x-panel-body, .greyTabPanel .x-panel-body {padding: 25px 10px 10px 10px; border: none} .whiteTabPanel .x-tab-panel-header, .greyTabPanel .x-tab-panel-header {padding-bottom: 0} .whiteTabPanel .x-tab-panel-header, .whiteTabPanel .x-tab-panel-header .tabPanelInnerContainer, .greyTabPanel .x-tab-panel-header, .greyTabPanel .x-tab-panel-header .tabPanelInnerContainer {background: none} .whiteTabPanel .x-tab-panel-body, .greyTabPanel .x-tab-panel-body {border-color: #9E9E9E} .whiteTabPanel .tabPanelOuterContainer, .greyTabPanel .tabPanelOuterContainer {border: none; margin-bottom: 0} .whiteTabPanel .x-tab-panel-header .tabPanelInnerContainer, .greyTabPanel .x-tab-panel-header .tabPanelInnerContainer {padding-left: 0}