/*Data GRid*/.dijitGrid { width:100%;}/*div.dijitGridBody {height:90%; overflow:auto;}*/.CartoucheTab{font-size:11px;color:#0E4932;background-color:#CDCDCC;border:0px solid #FFFFFF;padding:5px;font-weight:bold;}.EnteteTab{font-size:11px;color:#000000;background-color:#fce7f8;border:0px solid #FFFFFF;padding:7px;padding-left:15px;}.EnteteTabLink{font-size:11px;color:#000000;background-color:#fce7f8;border:0px solid #FFFFFF;padding:7px;cursor:pointer;text-decoration:underline;padding-left:15px;}.EnteteVide{font-size:11px;color:#FFFFFF;border:0px solid #FFFFFF;padding:5px;}.EnteteTabAsc{font-size:11px;color:#000000;background-color:#f5b4e9;border:0px solid #FFFFFF;padding:7px;background-image : url(../Images/Widget/arrowUp.gif);background-repeat:no-repeat;background-position:left;cursor:pointer;text-decoration:underline;padding-left:20px;}.EnteteTabDsc{font-size:11px;color:#000000;background-color:#f5b4e9;border:0px solid #FFFFFF;padding:7px;background-image : url(../Images/Widget/arrowDown.gif);background-repeat:no-repeat;background-position:left;cursor:pointer;text-decoration:underline;padding-left:20px;} .LigneIna{background-color:#FFFFFF;}.LigneOver{background-color:#fce7f8;cursor:pointer;}.LigneTab{border-bottom:1px solid #C0C0C0;padding:3px;}.LigneTab1{border-bottom:1px solid #C0C0C0;padding:3px;}.LigneTabAct{color:#ffffff;border:1px #456f61;padding:3px;}.InputCellEdit{font-size:11px;color:#000000;}.ContentTabAct{background-color:#DEE8DD;color:#000000;}.LigneSelection{background-color:#CDCDCC;border:1px solid #FFFFFF;padding:3px;}.Cartouche{width:100%;height:25px;background-color:#de14ba;color:#FFFFFF;padding-top:3px;}.selectCartouche{font-size:11px;}.StylePhoto{border:2px solid #AFAFAF;}.contenerPhoto{position:absolute;width:0px;height:0px;background:#efefef; border:1px solid #b7b7b7;overflow:hidden;text-align:center;padding-top:5px;vertical-align:middle; -moz-border-radius:6pt; -webkit-border-radius:5pt;} /*************************************** TOOLTIP ************************************************/.dijitTooltip { position: absolute; z-index: 2000; display: block; /* make visible but off screen */ left: 50%; top: -10000px; overflow: visible;} /*See http://trac.dojotoolkit.org/ticket/5006.dijitTooltipDialog { position: relative;}*/ .dijitTooltipContainer { border: solid black 2px; background: #b8b5b5; color: black; font-size: small;} .dijitTooltipFocusNode { padding: 2px 2px 2px 2px;} .dijitTooltipConnector { position: absolute;} .dijitTooltip,.dijitTooltipDialog { /* the outermost dom node, holding the connector and container */ opacity: 0.95; background: transparent; /* make the area on the sides of the arrow transparent */} .dijitTooltipBelow { /* leave room for arrow above content */ padding-top: 13px;} .dijitTooltipAbove { /* leave room for arrow below content */ padding-bottom: 13px;} .dijitTooltipContainer { /* The part with the text. NOTE: FF doesn't clip images used as CSS bgs if you specify a border radius. If you use a solid color, it does. Webkit gets it right. Sigh. background: #ffffff url("images/popupMenuBg.gif") repeat-x bottom left; */ background-color: #FFFFFF; border:1px solid #b6c7d5; padding:0.45em; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;} .dijitTooltipConnector { /* the arrow piece */ border:0px; z-index: 2;} .dijitTooltipABRight .dijitTooltipConnector { left: auto !important; right: 3px;} .dijitTooltipBelow .dijitTooltipConnector { /* the arrow piece for tooltips below an element */ top: 0px; left: 3px; width:16px; height:14px;} .dijitTooltipAbove .dijitTooltipConnector { /* the arrow piece for tooltips above an element */ bottom: 0px; left: 3px; width:16px; height:14px;} .dijitTooltipLeft { padding-right: 13px;}.dj_ie6 .dijitTooltipLeft { padding-right: 15px;} .dijitTooltipLeft .dijitTooltipConnector { /* the arrow piece for tooltips to the left of an element, bottom borders aligned */ right: 0px; bottom: 7px; width:16px; height:14px;} .dijitTooltipRight { padding-left: 13px;} .dijitTooltipRight .dijitTooltipConnector { /* the arrow piece for tooltips to the right of an element, bottom borders aligned */ left: 0px; bottom: 7px; width:16px; height:14px;} .dijitTooltip, .dijitTooltipDialog { /* the outermost dom node, holding the connector and container */ opacity: 0.95; background: transparent; /* make the area on the sides of the arrow transparent */} .dijitTooltipBelow { /* leave room for arrow above content */ padding-top: 13px;} .dijitTooltipAbove { /* leave room for arrow below content */ padding-bottom: 13px;} .dijitTooltipContainer { /* The part with the text. NOTE: FF doesn't clip images used as CSS bgs if you specify a border radius. If you use a solid color, it does. Webkit gets it right. Sigh. background: #ffffff url("images/popupMenuBg.gif") repeat-x bottom left; */ background-color: #fafafa; border:1px solid #b6c7d5; padding:0.45em; border-radius: 6px; -moz-border-radius: 7px; -webkit-border-radius: 6px;} .dijitTooltipConnector { /* the arrow piece */ border:0px; z-index: 2;} .dijitTooltipABRight .dijitTooltipConnector { left: auto !important; right: 3px;} .dijitTooltipBelow .dijitTooltipConnector { /* the arrow piece for tooltips below an element */ top: 0px; left: 3px; background:url("../Images/Widget/tooltipConnectorUp.png") no-repeat top left; width:16px; height:14px;} .dj_ie6 .dijitTooltipBelow .dijitTooltipConnector { background-image: url("../Images/Widget/tooltipConnectorUp.gif");} .dijitTooltipAbove .dijitTooltipConnector { /* the arrow piece for tooltips above an element */ bottom: 0px; left: 3px; background:url("../Images/Widget/tooltipConnectorDown.png") no-repeat top left; width:16px; height:14px;} .dj_ie6 .dijitTooltipAbove .dijitTooltipConnector { background-image: url("../Images/Widget/tooltipConnectorDown.gif");} .dijitTooltipLeft { padding-right: 13px;} .dj_ie6 .dijitTooltipLeft { padding-right: 15px;} .dijitTooltipLeft .dijitTooltipConnector { /* the arrow piece for tooltips to the left of an element, bottom borders aligned */ right: 0px; bottom: 7px; background:url("../Images/Widget/tooltipConnectorRight.png") no-repeat top left; width:16px; height:14px;} .dj_ie6 .dijitTooltipLeft .dijitTooltipConnector { background-image: url("../Images/Widget/tooltipConnectorRight.gif");} .dijitTooltipRight { padding-left: 13px;} .dijitTooltipRight .dijitTooltipConnector { /* the arrow piece for tooltips to the right of an element, bottom borders aligned */ left: 0px; bottom: 7px; background:url("../Images/Widget/tooltipConnectorLeft.png") no-repeat top left; width:16px; height:14px;} .dj_ie6 .dijitTooltipRight .dijitTooltipConnector { background-image: url("../Images/Widget/tooltipConnectorLeft.gif");} /*************************************** DiaLOG ************************************************/ .dijitDialog { position: absolute; z-index: 999; padding: 1px;} .dijitDialogUnderlayWrapper { position: absolute; left: 0px; top: 0px; z-index: 998; display: none; background: transparent;} .dijitDialogUnderlay { background: #ffffff; opacity: 0.5;} .dj_ie .dijitDialogUnderlay { filter: alpha(opacity=50);} .dijitDialog { background: #eee; border: 1px solid #999; -webkit-box-shadow: 0px 5px 10px #adadad;} .dijitDialog .dijitDialogTitle { border-top: none; border-left: none; border-right: none;} .dijitDialog .dijitDialogPaneContent { background: #ffffff; border:none; border-top: 1px solid #ccc; /* #cddde9; /* w/out this, an

on the top line causes a gap between the .content and .label */ padding:10px;} .dijitDialogTitleBar { /* outer container for the titlebar of the dialog */ /*background: #fafafa url("../Images/Widget/titleBarBg.gif") repeat-x bottom left;*/ /* border: 1px solid #bfbfbf; */ padding: 2px 2px 2px 2px; background-color: #640508; font-size:12px; line-height:18px; cursor: move; outline:0; /* remove this line if keyboard focus on dialog startup is an issue. tab still takes you to first focusable element */ color:#FFFFFF;} .dijitDialogTitle { /* typography and styling of the dialog title */ font-weight: bold; padding: 8px 12px 8px 12px; outline:0;} .dijitDialogCloseIcon { /* the default close icon for the dialog */ background : url("../Images/Widget/tabClose.png") no-repeat right top; float: right; position: absolute; vertical-align: middle; right: 5px; top: 5px; height: 25px; width: 22px; cursor: pointer;}.dj_ie6 .dijitDialogCloseIcon { background-image: url("../Images/Widget/tabClose.gif"); } .dijitDialogContent { /* the body of the dialog */ padding: 8px;}/* dojox.image.Lightbox:base *//* FIXME: should be be doing this? I want a black underlay, but this sets ALL dialogs to black, but because it's decendant of body, i can't set this color any other way ... */.dijitDialogUnderlay { /*background-color:#000; */} .dojoxLightbox { position:absolute; z-index:999; overflow:hidden; width:100px; height:100px; border:11px solid #fff; background:#fff url('../Images/Widget/loading.gif') no-repeat center center; /* special safari + FF specific rounding + shadows */ -webkit-box-shadow: 0px 6px 10px #636363; /* #adadad; */ -webkit-border-radius: 3px; -moz-border-radius:4px;} .dojoxLightboxContainer { position:absolute; top:0; left:0; } .dojoxLightboxFooter { height:50px; position:relative; bottom:0; left:0; margin-top:8px; color:#333; z-index:1000; font-size:10pt;} .dojoxLightboxGroupText { color:#666; font-size:8pt;} .LightboxNext,.LightboxPrev,.LightboxClose { float:right; width:16px; height:16px; cursor:pointer;} /* dojox.image.Lightbox:tundra */.LightboxClose { background:url('../Images/Widget/tabClose.png') no-repeat center center;} .LightboxNext { background:url('../Images/Widget/arrowRight.png') no-repeat center center;} .LightboxPrev { background:url('../Images/Widget/arrowLeft.png') no-repeat center center;} /* dojox.image.SlideShow */.slideShowWrapper { position:relative; background:#fff; padding:8px; border:1px solid #333; padding-bottom:20px; overflow:hidden; text-align: center; -moz-border-radius:3pt; -webkit-border-radius:4pt; -webkit-drop-shadow:#ccc 4pt; } .slideShowNav { position:absolute; bottom:-18px; left:0px; padding:0px 3px 2px 0px; background-color:#fff; width:100%;} .slideShowNavWrapper { float:right; }.slideShowTitle { float:left; color:#333; font-size:10pt;} .slideShowTitle .slideShowCounterText { font-size:6pt; color:#666; } .slideShowHidden { position:absolute; display: none; height: 1px; width: 1px;} .slideShowImageWrapper { position:relative; text-align: center; margin-top: -42px; float: left; width: 100%;} .slideShowImageWrapper img { border: 0px none;} .slideShowNotifier { background-color: red; width: 100px; height: 5px; font-size: 1%;/*IE hack to get around the Empty-Div bug*/} .slideShowSlideShow { position:absolute; top:30px; padding: 0 5px; border: 0px; text-decoration: none; color: #2e6ab1;} .slideShowLoading { background-color: #fad66a; } .slideShowLoaded { background-color: transparent; }/*.sprite-arrowbottom { background-position: 0 -30px; } .sprite-arrowtop { background-position: 0 -430px; } */ .slideShowCtrlPrev { background-position: -96px 0px; float: left;} .slideShowCtrlNext { background-position: -144px 0px; float: right;} .slideShowCtrlPlay { background-position: -190px 0px; position: absolute;} .slideShowPaused .slideShowCtrlPlay { background-position: -236px 0px; position: absolute;} .slideShowCtrl span.slideShowCtrlHide { background-image: url("../Images/Widget/1pixel.gif"); cursor: auto;} .slideShowCtrl { height: 50px; width: 100%; position: relative; z-index:999; float: left;} .slideShowCtrl span { width: 50px; height: 100%; background-image: url("../Images/Widget/buttons.png"); cursor: pointer;} .dj_ie6 .slideShowCtrl span { background-image: url("../Images/Widget/buttons.gif");} .dj_ie6 .slideShowPager li.currentpage,.dj_ie6 .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/ margin-right: 5px; padding-right: 0;} /* dojox.image.ThumbnailPicker */ .thumbWrapper .thumbNav { background-repeat: no-repeat; background-position: center; padding-top: 1px; width: 30px; height: 100%;} .thumbOuter { padding-bottom: 2px;} .thumbOuter.thumbHoriz { width: 500px; height: 85px;} .thumbOuter.thumbVert { width: 100px; height: 400px;} .thumbOuter .enabled { background: transparent url("../Images/Widget/buttons.png") no-repeat center center;}.dj_ie6 .thumbOuter .enabled { background-image: url("../Images/Widget/buttons.gif"); }.thumbOuter .thumbNav img { width: 48px; height: 75px;} .thumbOuter .thumbClickable div { cursor: pointer;} .thumbOuter .prevHoriz { background-position: -96px 12px; position: relative; float: left; height: 100%;} .thumbOuter .nextHoriz { background-position: -144px 12px; position: relative; float: right; height: 100%;/* margin-top: -85px;*/} .thumbOuter .prevVert { background-position: 0px 0px; height: 48px; width:48px; margin-left:24px;} .thumbOuter .nextVert { background-position: -48px 0px; height: 48px; width:48px; margin-left:24px;} .thumbWrapper img { height: 75px; max-width: 100px; width: expression(this.width > 100 ? 100: true);/*IE Hack*/} .thumbWrapper .thumbNav .imageGalleryThumb { height: 50px;} .thumbWrapper .thumbNotifier { background-color: red; width: 0px; margin-left: 2px; height: 5px; font-size: 1%;/*IE hack to get around the Empty-Div bug*/} .thumbWrapper .thumbLoaded { background-color: transparent; } .thumbScroller { overflow-x: hidden; overflow-y: hidden; white-space: nowrap; text-align: center;} .thumbHoriz .thumbScroller { width: 500px; height: 85px; float: left;} .thumbVert .thumbScroller { height: 500px; width: 100px; } .thumbWrapper { float: left;} .thumbVert .thumbWrapper { width: 100px; height: 10px;} .thumbHoriz .thumbWapper { height:85px; width: 10px;} .thumbWrapper.thumbHoriz div { float: left; padding-right: 2px;} .thumbWrapper.thumbVert { width: 100px;} .thumbWrapper.thumbVert div { padding-bottom: 2px;} /* dojox.image.Gallery */.imageGalleryWrapper { padding-bottom: 20px; text-align: center;} /****************************************** TEXT BOX ****************************/.dijitTextBox,.dijitComboBox,.dijitSpinner { border: solid black 0px; width: 15em; /* need to set default size on outer node since inner nodes say and . user can override */} /* rules for safari to deal with fuzzy blue focus border */.dijitTextBox input:focus,.dijitComboBox input:focus,.dijitSpinner input:focus { outline: none; /* blue fuzzy line looks wrong on combobox or something w/validation icon showing */}.dijitTextBoxFocused,.dijitComboBoxFocused,.dijitSpinnerFocused { /* should we display focus like we do on other browsers, or use the safari standard focus indicator?? */ outline: auto 5px -webkit-focus-ring-color;} .dijitTextBox INPUT,.dijitComboBox INPUT,.dijitSpinner INPUT { padding: 0px; border-left: solid #1C1C1C 1px; /* TODO: for RTL mode should be border-right */ display: inline; position: static !important; border: 0px !important; margin: 0px !important; vertical-align: 0em !important; visibility: visible !important; background-color: transparent; background-image: none !important; width: 100% !important; color: #666666;} /* #4711: prevent IE from over-expanding 100% width input boxes */.dj_ie .dijitTextBox .dijitInputField,.dj_ie .dijitComboBox .dijitInputField,.dj_ie .dijitSpinner .dijitInputField { position:relative;} .dj_ie .dijitTextBox .dijitInputField INPUT,.dj_ie .dijitComboBox .dijitInputField INPUT,.dj_ie .dijitSpinner .dijitInputField INPUT { position:absolute !important; top:auto !important; left:auto !important; right:auto !important; bottom:auto !important; font-size:100%;} .dj_ie INPUT.dijitTextBox { font-size:100%;} /* Display an "X" for invalid input. Themes will override these rules to display an icon instead.*/.dijitValidationIcon { display: none; background-position-y:center; }.dijitValidationIconText { visibility: hidden; }.dijit_a11y .dijitValidationIcon { display: none !important; }.dijit_a11y .dijitValidationIconText { display: block !important; }.dijitTextBoxError .dijitValidationIconText,.dijitComboBoxError .dijitValidationIconText,.dijitSpinnerError .dijitValidationIconText { visibility: visible;} .dijitSpinner .dijitDownArrowButton,.dijitSpinner .dijitUpArrowButton { padding: 0 .4em; border: 1px solid; line-height: .769em; /* TODO: as we use border-collapse, is this necessary? */ border-left-style: none;} .dj_ie .dijitSpinner .dijitDownArrowButton,.dj_ie .dijitSpinner .dijitUpArrowButton { padding: 0 .2em!important; text-align: center;} .dijitSpinner .dijitDownArrowButton div,.dijitSpinner .dijitUpArrowButton div { text-align: center; font-size: .769em; line-height: 1em; vertical-align: baseline; margin: 0 auto;} .dijitTextBox .dijitDownArrowButton { /* this is for a combo box with no arrow displayed; we set baseClass=TextBox */ display:none;} .dijitInputField INPUT, .dijitTextBox, .dijitComboBox, .dijitSpinner { margin: 0em 0.1em 0.0em 0.1em;} .dijitTextBox, .dijitComboBox, .dijitSpinner, .dijitInlineEditor input, .dijitTextArea { /* For all except dijit.form.NumberSpinner: the actual input element. For TextBox, ComboBox, Spinner: the table that contains the input. Otherwise the actual input element. */ /*background:#fff url("../Images/Widget/validationInputBg.png") repeat-x top left; #background:#fff url('../Images/Widget/validationInputBg.gif') repeat-x top left; */ background-color: #FFFFFF; border:1px solid #FF7E00; line-height: normal;} .dj_safari INPUT.dijitTextBox { padding:0.15em 0em; /* make it roughly the same size as a validation input box */} .dj_ie INPUT.dijitTextBox,.dj_ie TD.dijitInputField,.dj_ie .dijitInputField INPUT { height: 1.2em; /* needed since the INPUT is position:absolute */} .dijitComboBox .dijitButtonNode,.dijitSpinner .dijitButtonNode { /* line between the input area and the drop down button */ border-left:1px solid #9b9b9b;} .dijitSpinner .dijitDownArrowButton { border-top:1px solid #9b9b9b; /* line between top and bottom arrow */} .dijitTextBoxFocused,.dijitComboBoxFocused,.dijitSpinnerFocused { /* input field when focused (ie: typing affects it) */ border-color:#FF7E00; background-color:#FFFFFF;}.dijitComboBoxFocused .dijitButtonNode, .dijitSpinnerFocused .dijitButtonNode { border-left:1px solid #FF7E00;} .dijitSpinnerFocused .dijitDownArrowButton { border-top:1px solid #FF7E00;} .dijitTextBoxError,.dijitComboBoxError,.dijitSpinnerError { border:1px solid #FF7E00; background-color:#FFD272; background-image:none;} .dj_ie6 .dijitTextBoxError input,.dj_ie6 .dijitComboBoxError input,.dj_ie6 .dijitSpinnerError input { /* background-color: transparent on an doesn't work on IE6 */ background-color:#FFD272 !important;} .dijitTextBoxErrorFocused,.dijitComboBoxErrorFocused,.dijitSpinnerErrorFocused { background-color:#FFD272; background-image:none;} .dj_ie6 .dijitTextBoxErrorFocused input,.dj_ie6 .dijitComboBoxErrorFocused input,.dj_ie6 .dijitSpinnerErrorFocused input { /* background-color: transparent on an doesn't work on IE6 */ background-color:#FFFFFF !important;} /* Validation errors */.dijitValidationIcon { /* prevent height change when widget goes from valid to invalid state, and * workaround browser (FF and safari) sizing bugs when last table column is empty or display:null */ float:right; display: block; width: 0px; height: 16px; background-repeat: no-repeat; background-image: url('../Images/Widget/warning.png'); visibility: visible;} .dijitValidationIconText { display: none;} .dijitTextBoxError .dijitValidationIcon,.dijitComboBoxError .dijitValidationIcon,.dijitSpinnerError .dijitValidationIcon { visibility: visible;} /**************** TAB ******************/.dijitTabContainer .dijitAlignTop {/* position the tab labels row down by 1 px, and on top of the dijitTabPaneWrapper so the buttons can overlay the tab pane properly */ top:0px !important; z-index:10; } .dijitTabContainer .dijitAlignBottom {/* position the tab labels row up by 1 px so they overlap */ margin-top:-1px !important; z-index:10; } .dijitTabContainer .dijitAlignLeft {/* position the tab labels left by 1 px so they overlap */ margin-right:-1px !important; z-index:10; } .dijitTabContainer .dijitAlignRight {/* position the tab labels row up by 1 px, and on top of the dijitTabPaneWrapper so the buttons can overlay the tab pane properly */ margin-left:-1px !important; z-index:10; } .dijitTabPaneWrapper { z-index:0; overflow: hidden;} .dijitTab { position:relative; float:left; cursor:pointer; white-space:nowrap; z-index:3;} .dijitTabContainer .dijitAlignLeft .dijitTab,.dijitTabContainer .dijitAlignRight .dijitTab { float:none;} .dijitTabInnerDiv { position:relative;}.dijitTab .close { display: inline-block; cursor: default; font-size: small;} /* images off, high-contrast mode styles */.dijitTab .closeText { display:none; padding: 0px 2px; margin: 0px 2px;} .dijit_a11y .dijitTab .closeImage { padding: 0px !important; margin: 0px !important; top: 0px !important; bottom: 0px !important;} .dijit_a11y .closeText { display:inline; margin-left:6px; } .dijit_a11y .closeText:hover { border:thin solid;} .dijit_a11y .dijitTabChecked { border-style:dashed !important;} .dijit_a11y .dijitTabInnerDiv { border-left:none !important;} .dijitInlineEditor { /* span around an inline-editable value when in edit mode */ position:relative; vertical-align:bottom;} .dj_ie .dijitInlineEditor { vertical-align:middle;} .dijitInlineValue { /* span around an inline-editable value when NOT in edit mode */} .dijitInlineEditor .dijitButtonContainer { /* div around the buttons -- makes them float below the field */ position:absolute; right:0px; overflow:visible;} .dijitInlineEditor .saveButton,.dijitInlineEditor .cancelButton {}.dijitTabPaneWrapper { /* overflow: hidden; */ background:#e6e6e6; border:0px solid #ccc;} .dijitTab { line-height:normal; margin-right:5px; /* space between one tab and the next in top/bottom mode */ padding:0px; border:0px solid #ccc; background:#ffa834 url("../Images/Widget/tabEnabled.gif") repeat-x; width:140px; text-transform: uppercase; color:#FFFFFF; text-align : center;} .dijitAlignLeft .dijitTab,.dijitAlignRight .dijitTab { margin-right:0px; margin-bottom:5px; /* space between one tab and the next in left/right mode */}.dijitTabInnerDiv { padding:4px 4px 4px 4px; border-left:0px solid #fff; border-bottom:0px solid #fff;} .dijitTabHover,.dijitTabCloseButtonHover { color: #000000; border:0px solid #92a0b3; background:#e2e2e2 url("../Images/Widget/tabHover.gif") no-repeat;} .dj_ie6 .dijitTabHover,.dj_ie6 .dijitTabCloseButtonHover { background-image: url("../Images/Widget/tabHover.gif") no-repeat; } .dijitTabChecked,.dijitTabCloseButtonChecked{ /* the selected tab (with or without hover) */ background-color:#ffffff; color:#ff6600; border:0px solid #ccc; background:#e2e2e2 url("../Images/Widget/tabActif.gif") no-repeat; } /* make the active tab white on the side next to the content pane */ .dijitAlignTop .dijitTabChecked, .dijitAlignTop .dijitTabCloseButtonChecked{ border-bottom-color:white; vertical-align:bottom;} .dijitAlignBottom .dijitTabChecked,.dijitAlignBottom .dijitTabCloseButtonChecked{ border-top-color:white; -moz-border-radius:2px 2px 0px 0px; /* eliminate some border detritrus on moz */} .dijitAlignLeft .dijitTabChecked,.dijitAlignLeft .dijitTabCloseButtonChecked{ border-right-color:white;} .dijitAlignRight .dijitTabChecked,.dijitAlignRight .dijitTabCloseButtonChecked{ border-left-color:white;} /* make space for a positioned close button */.dijitTab .dijitClosable { position: relative; padding:6px 20px 4px 10px;} .dijitTab .dijitClosable .closeImage { position:absolute; top: 7px; right: 3px; height: 12px; width: 12px; padding: 0; margin: 0; background: url("../Images/Widget/tabClose.png") no-repeat right top;} .dj_ie6 .dijitTab .dijitClosable .closeImage { background-image:url("../Images/Widget/tabClose.gif"); } .dijitTabCloseButton .dijitClosable .closeImage { background-image : url("../Images/Widget/tabClose.png");} .dj_ie6 .dijitTabCloseButton .dijitClosable .closeImage { background-image : url("../Images/Widget/tabClose.gif");} .dijitTabCloseButtonHover .dijitClosable .closeImage { background-image : url("../Images/Widget/tabCloseHover.png");} .dj_ie6 .dijitTabCloseButtonHover .dijitClosable .closeImage { background-image : url("../Images/Widget/tabCloseHover.gif");}.dijitAlignLeft .dijitTab .dijitClosable { padding:6px 10px 4px 20px;} /* correct for IE6. We cant force hasLayout as that blows out the shrink wrapped tabs ..so we shim in the closeImage position properties instead*/.dj_ie6 .dijitAlignLeft .dijitTab .dijitClosable .closeImage { left:-20px;} .dijitAlignBottom .dijitTab .dijitClosable .closeImage { top: auto; bottom: 7px; right: 3px;} .dijitAlignLeft .dijitTab .dijitClosable .closeImage { top: 7px; left: 3px;} .dijitRtl .dijitTab { margin-right:0; margin-left:5px; /* space between one tab and the next in top/bottom mode */} .dijitRtl .dijitTab .dijitTabInnerDiv { border-left:none; border-right:1px solid #fff;} .dijitRtl .dijitTab .dijitClosable { padding:6px 10px 4px 20px;} .dijitRtl .dijitTab .closeImage { position:static; padding: 0px 12px 0px 0px;} .dj_gecko .dijitTab .closeImage { position:relative; float:none; padding:0;} .dijitRtl .dijitTab .dijitClosable .closeImage { right:auto; left:3px; background: url("images/tabClose.png") no-repeat left top;} .dj_ie .dijitRtl .dijitTab .dijitClosable .closeImage { width:12px !important;} .dijitRtl .dijitAlignLeft .dijitTab,.dijitRtl .dijitAlignRight .dijitTab { margin-left:0px;} .dijitRtl .dijitAlignBottom .dijitTab .dijitClosable .closeImage { right:auto; left:3px;} .dijitRtl .dijitAlignRight .dijitTab .dijitTabInnerDiv { padding-left:10px; padding-right:20px;} .dijitRtl .dijitAlignLeft .dijitTab .dijitTabInnerDiv { padding-left:20px; padding-right:10px;} .dijitRtl .dijitAlignRight .dijitTab .dijitClosable .closeImage { left:auto; right:3px;} .dijitRtl .dijitAlignLeft .dijitTab .dijitClosable .closeImage { right:auto; left:3px;}