4 .tundra .dijitTabPaneWrapper {
14 margin-right:5px; /* space between one tab and the next in top/bottom mode */
16 border:1px solid #ccc;
17 background:#e2e2e2 url("../images/tabEnabled.png") repeat-x;
20 .tundra .dijitAlignLeft .dijitTab,
21 .tundra .dijitAlignRight .dijitTab {
23 margin-bottom:5px; /* space between one tab and the next in left/right mode */
26 .tundra .dijitTabInnerDiv {
27 padding:6px 10px 4px 10px;
28 border-left:1px solid #fff;
29 border-bottom:1px solid #fff;
32 .tundra .dijitTabHover,
33 .tundra .dijitTabCloseButtonHover {
35 border-top-color:#92a0b3;
36 border-left-color:#92a0b3;
37 border-right-color:#92a0b3;
38 background:#e2e2e2 url("../images/tabHover.png") repeat-x bottom;
41 .dj_ie6 .tundra .dijitTabHover,
42 .dj_ie6 .tundra .dijitTabCloseButtonHover {
43 background-image: url("../images/tabHover.gif");
46 .tundra .dijitTabChecked,
47 .tundra .dijitTabCloseButtonChecked
49 /* the selected tab (with or without hover) */
50 background-color:#fff;
52 background-image:none;
55 /* make the active tab white on the side next to the content pane */
56 .tundra .dijitAlignTop .dijitTabChecked,
57 .tundra .dijitAlignTop .dijitTabCloseButtonChecked
59 border-bottom-color:white;
60 vertical-align:bottom;
63 .tundra .dijitAlignBottom .dijitTabChecked,
64 .tundra .dijitAlignBottom .dijitTabCloseButtonChecked
66 border-top-color:white;
67 -moz-border-radius:2px 2px 0px 0px; /* eliminate some border detritrus on moz */
70 .tundra .dijitAlignLeft .dijitTabChecked,
71 .tundra .dijitAlignLeft .dijitTabCloseButtonChecked
73 border-right-color:white;
76 .tundra .dijitAlignRight .dijitTabChecked,
77 .tundra .dijitAlignRight .dijitTabCloseButtonChecked
79 border-left-color:white;
83 /* make space for a positioned close button */
84 .tundra .dijitTab .dijitClosable {
86 padding:6px 20px 4px 10px;
89 .tundra .dijitTab .dijitClosable .closeImage {
97 background: url("../images/tabClose.png") no-repeat right top;
99 .dj_ie6 .dijitTab .dijitClosable .closeImage {
100 background-image:url("../images/tabClose.gif");
103 .tundra .dijitTabCloseButton .dijitClosable .closeImage {
104 background-image : url("../images/tabClose.png");
106 .dj_ie6 .tundra .dijitTabCloseButton .dijitClosable .closeImage {
107 background-image : url("../images/tabClose.gif");
110 .tundra .dijitTabCloseButtonHover .dijitClosable .closeImage {
111 background-image : url("../images/tabCloseHover.png");
113 .dj_ie6 .tundra .dijitTabCloseButtonHover .dijitClosable .closeImage {
114 background-image : url("../images/tabCloseHover.gif");
117 .tundra .dijitAlignLeft .dijitTab .dijitClosable {
118 padding:6px 10px 4px 20px;
122 We cant force hasLayout as that blows out the shrink wrapped tabs
123 ..so we shim in the closeImage position properties instead
125 .dj_ie6 .tundra .dijitAlignLeft .dijitTab .dijitClosable .closeImage {
129 .tundra .dijitAlignBottom .dijitTab .dijitClosable .closeImage {
135 .tundra .dijitAlignLeft .dijitTab .dijitClosable .closeImage {