dojo_src 1.4.102 → 1.5.0

data/dojo/dijit/themes/claro/layout/TabContainer_rtl.css

@@ -0,0 +1,77 @@
+.claro .dijitTabContainerTop-tabs .dijitTabRtl,
+.claro .dijitTabContainerBottom-tabs .dijitTabRtl {
+	margin-right: 0;
+	margin-left: 1px;
+}
+.claro .dijitTabRtl {
+	-moz-box-orient:horizontal;
+	text-align: right;
+}
+.dj_ie7 .claro .dijitTabRtl .dijitTabContent {
+	display: block;
+	left: 0;
+}
+.dj_ie7 .claro .dijitTabContainerTop-tabs .dijitTabRtl,
+.dj_ie7 .claro .dijitTabContainerTop-tabs .dijitTabCheckedRtl {
+	top: 1px;
+}
+.dj_ie7 .claro .tabStripButtonRtl .dijitButtonContents,
+.dj_ie8 .claro .tabStripButtonRtl .dijitButtonContents,	/* needed for IE8 quirks, but breaks IE6 quirks */
+.dj_ie6 .claro .dijitTabContainerTop-tabs .dijitTabRtl .dijitTabInnerDiv,
+.dj_ie6 .claro .dijitTabContainerBottom-tabs .dijitTabRtl .dijitTabInnerDiv,
+.dj_ie7 .claro .dijitTabContainerTop-tabs .dijitTabRtl .dijitTabInnerDiv,
+.dj_ie7 .claro .dijitTabContainerBottom-tabs .dijitTabRtl .dijitTabInnerDiv,
+.dj_iequirks .claro .dijitTabContainerTop-tabs .dijitTabRtl .dijitTabInnerDiv,
+.dj_iequirks .claro .dijitTabContainerBottom-tabs .dijitTabRtl .dijitTabInnerDiv {
+	float:left;
+}
+.dj_ie6 .claro .dijitTabRtl .tabLabel,
+.dj_ie6 .claro .dijitTabContainerRight-tabs .dijitTabRtl,
+.dj_ie6 .claro .dijitTabContainerLeft-tabs .dijitTabRtl,
+.dj_ie7 .claro .dijitTabContainerRight-tabs .dijitTabRtl .dijitTabInnerDiv,
+.dj_ie7 .claro .dijitTabContainerLeft-tabs .dijitTabRtl .dijitTabInnerDiv {
+	/*Make the .tablabel have width in ie6 with haslayout property, fix Close icon position bug*/
+	zoom:1;
+}
+.dj_ie6 .claro .dijitTabRtl .dijitTabCloseButton,
+.dj_ie7 .claro .dijitTabRtl .dijitTabCloseButton,
+.dj_iequirks .claro .dijitTabRtl .dijitTabCloseButton {
+	margin-right:5px;
+}
+
+.dj_ie6 .claro .dijitTabContainerRightRtl .dijitTabContainerRight-tabs,
+.dj_ie6 .claro .dijitTabContainerLeftRtl .dijitTabContainerLeft-tabs {
+	width:1%;
+}
+
+.dj_ie6 .dijitTabContainerTopStrip,
+.dj_ie6 .dijitTabContainerBottomStrip {
+	position:absolute;
+}
+.dj_iequirks .claro .dijitTabContainerTopRtl .dijitTabContainerTopStrip {
+	padding-top: 10px;
+}
+.dj_ie7 .claro .dijitTabContainerRight-tabs .dijitTabRtlChecked .dijitTabInnerDiv {
+	background-position:-341px -179px;
+}
+
+.dj_ie6 .dijitTabContainerTopRtl .dijitTabStripIcon,
+.dj_ie6 .dijitTabContainerBottomRtl .dijitTabStripIcon {
+   position: relative;
+}
+
+
+.dj_ie6-rtl .claro .dijitTabContainerTop-tabs {	
+	/* this strange rule prevents IE6 bug in themeTester.html?dir=rtl upon closing
+	 * "Closable" tab, where the other tabs disappear
+	 */
+	padding-left: 3px;
+}
+
+.dj_iequirks-rtl .claro .dijitTabListWrapper {
+	/* this strange rule prevents IE6 bug in themeTesterQuirk.html?dir=rtl upon closing
+	 * "Closable" tab, where the other tabs disappear
+	 */
+	border-left: 1px solid #fff;
+	border-right: 1px solid #fff;
+}

data/dojo/dijit/themes/dijit.css

@@ -21,6 +21,9 @@
 	font: inherit;
 	color: inherit;
 }
+.dijit_a11y .dijitReset {
+	-moz-appearance: none; /* remove predefined high-contrast styling in Firefox */
+}
 
 .dijitInline {
 	/*  To inline block elements.
@@ -47,16 +50,32 @@
 	position: relative;			/* to support setting width/height, see #2033 */
 }
 
+.dijitInputContainer {
+	/* for positioning of placeHolder */
+	#zoom: 1;
+	overflow: hidden;
+	float: none !important; /* needed by FF to squeeze the INPUT in */
+	position:relative;
+}
 
 .dj_ie INPUT.dijitTextBox,
-.dj_ie .dijitInputField INPUT {
+.dj_ie .dijitTextBox INPUT {
 	font-size: 100%;
 }
-
-.dj_ie .dijitInputField INPUT { /* try to get rid of IE implicit margin around INPUT */
-	margin: -1px 0 !important;
+.dijitTextBox .dijitSpinnerButtonContainer,
+.dijitTextBox .dijitArrowButtonContainer,
+.dijitTextBox .dijitValidationContainer {
+	float: right;
+	text-align: center;
+}
+.dijitTextBox INPUT.dijitInputField {
+	/* override unreasonable user styling of buttons and icons */
+	padding-left: 0 !important;
+	padding-right: 0 !important;
+}
+.dijitTextBox .dijitValidationContainer {
+	display: none;
 }
-
 .dijitInlineTable {
 	/* To inline tables with a given width set (otherwise, use dijitInline above) */
 	display:inline-table;
@@ -73,6 +92,13 @@
 	line-height:1px;
 }
 
+.dijitOffScreen {
+	position: absolute;
+	visibility: hidden;
+	left: 50%;
+	top: -10000px;
+}
+
 /*
  * Popup items have a wrapper div (dijitPopup)
  * with the real popup inside, and maybe an iframe too
@@ -85,17 +111,12 @@
 	padding: 0;
 }
 .dijit_a11y .dijitPopup,
-.dijit_ally .dijitPopup div,
-.dijit_a11y .dijitPopup table,
+.dijit_ally .dijitPopup DIV,
+.dijit_a11y .dijitPopup TABLE,
 .dijit_a11y .dijitTooltipContainer {
 	background-color: white !important;
 }
 
-.dijitInputField {
-	overflow:hidden;
-	#zoom:1;
-}
-
 .dijitPositionOnly {
 	/* Null out all position-related properties */
 	padding: 0 !important;
@@ -127,13 +148,6 @@
 	margin: 0;
 }
 
-.dijitClickableRegion {
-	/* An InlineEditBox in view mode (click this to edit the text) */
-	background-color: #e2ebf2;
-	cursor: text;
-}
-
-
 .dijitDisplayNone {
 	/* hide something.  Use this as a class rather than element.style so another class can override */
 	display:none !important;
@@ -150,10 +164,19 @@
 .dijit_a11y * {
 	background-image:none !important;
 }
-
+.dijit_a11y .dijitIcon,
+.dijit_a11y DIV.dijitArrowButtonInner, /* is this only for Spinner?  if so, it should be deleted */
+.dijit_a11y SPAN.dijitArrowButtonInner,
+.dijit_a11y IMG.dijitArrowButtonInner,
 .dijit_a11y .dijitCalendarIncrementControl {
-	display: none;	/* don't display icon */
+	/* hide icon nodes in high contrast mode; when necesary they will be replaced by character equivalents
+	 * exception for INPUT.dijitArrowButtonInner, because the icon and character are controlled by the same node */
+	display: none;
+}
+.dijitSpinner DIV.dijitArrowButtonInner {
+	display: block; /* override previous rule */
 }
+
 .dijit_a11y .dijitA11ySideArrow {
 	display: inline !important; /* display text instead */
 	cursor: pointer;
@@ -169,7 +192,8 @@
 	padding: 1px;
 }
 .dijit_a11y .dijitCalendarSelectedDate .dijitCalendarDateLabel {
-	border: solid 1px black;
+	border-style: dotted !important;
+	border-width: 1px;
 	padding: 0px;
 }
 .dijit_a11y .dijitCalendarDateTemplate {
@@ -186,17 +210,8 @@
 	border-width: medium!important;
 }
 
-.dijit_a11y .dijitComboBoxReadOnly .dijitInputField,
-.dijit_a11y .dijitComboBoxReadOnly .dijitButtonNode,
-.dijit_a11y .dijitSpinnerReadOnly .dijitButtonNode,
-.dijit_a11y .dijitSpinnerReadOnly .dijitInputField,
-.dijit_a11y .dijitButtonDisabled .dijitButtonNode,
-.dijit_a11y .dijitDropDownButtonDisabled .dijitButtonNode,
-.dijit_a11y .dijitComboButtonDisabled .dijitButtonNode,
-.dijit_a11y .dijitComboBoxDisabled .dijitInputField,
-.dijit_a11y .dijitComboBoxDisabled .dijitButtonNode,
-.dijit_a11y .dijitSpinnerDisabled .dijitButtonNode,
-.dijit_a11y .dijitSpinnerDisabled .dijitInputField {
+.dijit_a11y .dijitTextBoxReadOnly .dijitInputField,
+.dijit_a11y .dijitTextBoxReadOnly .dijitButtonNode {
 	border-style: outset!important;
 	border-width: medium!important;
 	border-color: #999 !important;
@@ -207,26 +222,17 @@
 .dijitButtonNode * {
 	vertical-align: middle;
 }
-.dijit_a11y .dijitArrowButtonInner {
-	width: 1em;
-	display: none !important;
-}
 .dijitButtonNode .dijitArrowButtonInner {
-	background:no-repeat center;
-	width: 16px;
-}
-.dijitComboBox .dijitArrowButtonInner {
-	display: block;
+	/* the arrow icon node */
+	background: no-repeat center;
+	width: 12px;
+	height: 12px;
+	direction: ltr; /* needed by IE/RTL */
 }
 
-/* In high contrast mode, display the check symbol */
-.dijit_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar {
-	display: inline !important;
-}
-
-
 /****
-		3-element borders:  ( dijitLeft + dijitStretch + dijitRight )
+	3-element borders:  ( dijitLeft + dijitStretch + dijitRight )
+	These were added for rounded corners on dijit.form.*Button but never actually used.
  ****/
 
 .dijitLeft {
@@ -248,6 +254,8 @@
 	background-repeat:no-repeat;
 }
 
+/* Buttons */
+
 .dijitToggleButton,
 .dijitButton,
 .dijitDropDownButton,
@@ -256,6 +264,31 @@
 	margin: 0.2em;
 }
 
+.dijitButtonContents {
+	display: block;		/* to make focus border rectangular */
+}
+td.dijitButtonContents {
+	display: table-cell;	/* but don't affect Select, ComboButton */
+}
+
+.dijitButtonNode IMG {
+	/* make text and images line up cleanly */
+	vertical-align:middle;
+	/*margin-bottom:.2em;*/
+}
+
+TABLE.dijitComboButton { /* TODO: why not add dijitReset class to ComboButton? */
+	/* In ComboButton, borders are on each cell rather than on <table> itself */
+	border-collapse: collapse;
+	border:0;
+	padding:0;
+	margin:0;
+}
+.dijitToolbar .dijitComboButton {
+	/* because Toolbar only draws a border around the hovered thing */
+	border-collapse: separate;
+}
+
 .dijitToolbar .dijitToggleButton,
 .dijitToolbar .dijitButton,
 .dijitToolbar .dijitDropDownButton,
@@ -263,19 +296,11 @@
 	margin: 0;
 }
 
-.dj_ie8 .dijitToolbar button,
-.dj_webkit .dijitToolbar button {
-	/* FF and IE<8 adds implicit padding to buttons, so make other browsers follow suit,
-	 * to avoid a bunch of browse specific rules in theme files
-	 */
+.dijitToolbar .dijitButtonContents {
+	/* just because it used to be this way */
 	padding: 1px 2px;
 }
 
-.dj_ie .dijitToolbar .dijitComboBox{
-	/* make combobox buttons align porperly with other buttons in a toolbar */
-	vertical-align: middle;
-}
-
 .dj_ie .dijitComboButton {
 	/* hack to get inline-table to vertically align w/other buttons */
 	margin-bottom: -3px;
@@ -298,18 +323,18 @@
 	text-align:center;
 	white-space: nowrap;
 }
-
-.dijitButtonNode, .dijitButtonNode * {
-	cursor: pointer;
+.dj_webkit .dijitSpinner .dijitSpinnerButtonContainer {
+	/* apparent WebKit bug where messing with the font coupled with line-height:normal X 2 (dijitReset & dijitButtonNode)
+	can be different than just a single line-height:normal, visible in InlineEditBox/Spinner */
+	line-height:inherit;
+}
+.dijitTextBox .dijitButtonNode {
+	border-width: 0;
 }
 
-/**** Disabled cursor *****/
-.dijitReadOnly *,
-.dijitDisabled *,
-.dijitReadOnly,
-.dijitDisabled,
-.dijitDisabledClickableRegion {	/* a region the user would be able to click on, but it's disabled */
-	cursor: not-allowed !important;
+.dijitButtonNode,
+.dijitButtonNode * {
+	cursor: pointer;
 }
 
 .dj_ie .dijitButtonNode {
@@ -325,74 +350,16 @@
 	overflow: visible;
 }
 
-.dijitArrowButton {
-	/* Node that is acting as a arrow button -- drop down (spinner has its own treatment).  Also gets dijitButtonNode */
-	/* place AFTER dijitButtonNode so it overrides */
-	padding: 0 .4em;
-}
 DIV.dijitArrowButton {
 	float: right;
 }
 
-.dijitSpinner .dijitInputLayoutContainer .dijitArrowButton {
-	border-style: solid;
-	border-width: 0 0 0 1px !important;
-	padding: 0;
-	position: absolute;
-	right: 0;
-	float: none;
-}
-.dijitSpinner .dijitInputLayoutContainer .dijitArrowButton {
-	position: absolute;
-	height: 50%;
-}
-.dijitSpinner .dijitInputLayoutContainer .dijitDownArrowButton {
-	top: auto;
-	bottom: 0;
-	border-top-width: 1px !important;
-}
-.dijitSpinner .dijitInputLayoutContainer .dijitUpArrowButton {
-	top: 0;
-	bottom: auto;
-}
-
-TABLE.dijitComboButton {
-	/* In ComboButton, borders are on each cell rather than on <table> itself */
-	border-collapse: collapse;
-	border:0;
-	padding:0;
-	margin:0;
-}
-.dijitToolbar .dijitComboButton {
-	/* because Toolbar only draws a border around the hovered thing */
-	border-collapse: separate;
-}
-
-.dj_ie BUTTON.dijitButtonNode {
-	overflow: visible; /* eliminates arbitrary left and right padding on buttons */
-}
-
-table .dijitButton .dijitButtonNode,
-table .dijitComboButton .dijitButtonNode {
-	#overflow:hidden; /* visible messes up if the button is inside a table on IE */
-}
-
-
-
-.dijitButtonNode IMG {
-	/* make text and images line up cleanly */
-	vertical-align:middle;
-	/*margin-bottom:.2em;*/
-}
-
 /******
 	TextBox related.
 	Everything that has an <input>
 *******/
 
-.dijitTextBox,
-.dijitComboBox,
-.dijitSpinner {
+.dijitTextBox {
 	border: solid black 1px;
 	#overflow: hidden; /* #6027, #6067 */
 	width: 15em;	/* need to set default size on outer node since inner nodes say <input style="width:100%"> and <td width=100%>.  user can override */
@@ -400,68 +367,257 @@ table .dijitComboButton .dijitButtonNode {
 	#vertical-align: auto;
 }
 
+.dijitTextBoxReadOnly,
+.dijitTextBoxDisabled {
+	color: gray;
+}
+.dj_webkit .dijitTextBoxDisabled INPUT {
+	color: #eee; /* because WebKit lightens disabled input/textarea no matter what color you specify */
+}
+.dj_webkit TEXTAREA.dijitTextAreaDisabled {
+	color: #333; /* because WebKit lightens disabled input/textarea no matter what color you specify */
+}
+.dj_gecko .dijitTextBoxReadOnly INPUT,
+.dj_gecko .dijitTextBoxDisabled INPUT {
+	-moz-user-input: none; /* prevent focus of disabled textbox buttons */
+}
+
+.dijitPlaceHolder {
+	/* hint text that appears in a textbox until user starts typing */
+	color: #AAAAAA;
+	font-style: italic;
+	position: absolute;
+	top: 0;
+	left: 0;
+	#filter: ""; /* make this showup in IE6 after the rendering of the widget */
+}
+
 .dijitTimeTextBox {
 	width: 8em;
 }
 
-/* rules for safari to deal with fuzzy blue focus border */
-.dijitTextBox input:focus,
-.dijitComboBox input:focus,
-.dijitSpinner input:focus {
+/* rules for webkit to deal with fuzzy blue focus border */
+.dijitTextBox INPUT:focus {
 	outline: none;	/* blue fuzzy line looks wrong on combobox or something w/validation icon showing */
 }
-.dijitTextBoxFocused,
-.dijitComboBoxFocused,
-.dijitSpinnerFocused, .dijitSpinnerUpArrowActive, .dijitSpinnerDownArrowActive,
-.dijitTextAreaFocused {
-	/* should we display focus like we do on other browsers, or use the safari standard focus indicator?? */
+.dijitTextBoxFocused {
 	outline: auto 5px -webkit-focus-ring-color;
 }
 
-.dijitTextBox INPUT,
-.dijitComboBox INPUT,
-.dijitSpinner INPUT {
-	border-left: solid black 1px;	/* TODO: for RTL mode should be border-right */
-	display:inline;
-	position:static !important;
+.dijitTextBox INPUT {
+	float: left; /* needed by IE to remove secret margin */
+}
+.dijitInputInner {
+	/* for when an <input> is embedded inside an inline-block <div> with a size and border */
 	border:0 !important;
-	margin:0 !important;
-	vertical-align:top !important;
+	vertical-align:middle !important;
 	background-color:transparent !important;
-	background-image:none !important;
 	width:100% !important;
+	/* IE dislikes horizontal tweaking combined with width:100% so punish everyone for consistency */
+	padding-left: 0 !important;
+	padding-right: 0 !important;
+	margin-left: 0 !important;
+	margin-right: 0 !important;
+}
+.dijit_a11y .dijitTextBox INPUT {
+	margin: 0 !important;
+}
+.dijitTextBoxError INPUT.dijitValidationInner,
+.dijitTextBox INPUT.dijitArrowButtonInner {
+	/* <input> used to display arrow icon/validation icon, or in arrow character in high contrast mode.
+	 * The css below is a trick to hide the character in non-high-contrast mode
+	 */
+	text-indent: -1em !important;
+	direction: ltr !important;
+	text-align: left !important;
+	height: auto !important;
+	#text-indent: 0 !important;
+	#letter-spacing: -5em !important;
+	#text-align: right !important;
+}
+.dj_ie .dijitTextBox INPUT,
+.dj_ie INPUT.dijitTextBox {
+	overflow-y: visible; /* INPUTs need help expanding when padding is added or line-height is adjusted */
+	line-height: normal; /* strict mode */
+}
+.dj_ie7 .dijitTextBox INPUT.dijitValidationInner,
+.dj_ie7 .dijitTextBox INPUT.dijitArrowButtonInner {
+	line-height: 86%; /* IE7 problem where the icon is vertically too low w/o this - real input stays at normal */
+}
+.dj_ie6 .dijitTextBox INPUT,
+.dj_ie6 INPUT.dijitTextBox,
+.dj_iequirks .dijitTextBox INPUT.dijitValidationInner,
+.dj_iequirks .dijitTextBox INPUT.dijitArrowButtonInner,
+.dj_iequirks .dijitTextBox INPUT.dijitSpinnerButtonInner,
+.dj_iequirks .dijitTextBox INPUT.dijitInputInner,
+.dj_iequirks INPUT.dijitTextBox {
+	line-height: 100%; /* IE7 problem where the icon is vertically way too low w/o this */
+}
+.dijit_a11y INPUT.dijitValidationInner,
+.dijit_a11y INPUT.dijitArrowButtonInner {
+	/* (in high contrast mode) revert rules from above so character displays */
+	text-indent: 0 !important;
+	width: 1em !important;
+	#text-align: left !important;
+}
+.dijitTextBoxError .dijitValidationContainer {
+	display: inline;
+	cursor: default;
 }
 
-/* Display an "X" for invalid input. Themes will override these rules to display an icon instead.
-*/
-.dijitValidationIcon {
-	visibility: hidden;
-	display: block;
-	padding: 0 2px;
-	float: right;
-	height: auto;
+/* ComboBox & Spinner */
+
+.dijitSpinner .dijitSpinnerButtonContainer,
+.dijitComboBox .dijitArrowButtonContainer {
+	/* dividing line between input area and up/down button(s) for ComboBox and Spinner */
+	border-width: 0 0 0 1px !important; /* !important needed due to wayward ".theme .dijitButtonNode" rules */
+}
+.dijitSpinner .dijitSpinnerButtonContainer .dijitButtonNode {
+	/* dividing line between input area and up/down button(s) for ComboBox and Spinner */
+	border-width: 0;
+}
+.dj_ie .dijit_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitButtonNode {
+	clear: both; /* IE workaround */
+}
+.dijit_a11y .dijitTextBox .dijitValidationContainer,
+.dijit_a11y .dijitTextBox .dijitSpinnerButtonContainer,
+.dijit_a11y .dijitComboBox .dijitArrowButtonContainer {
+	/* dividing line between input area and up/down button(s) for ComboBox and Spinner */
+	border: solid black !important;
+	border-width: 0 0 0 1px !important;
+}
+
+.dj_ie .dijitToolbar .dijitComboBox {
+	/* make combobox buttons align porperly with other buttons in a toolbar */
+	vertical-align: middle;
+}
+
+/* Spinner */
+
+.dijitTextBox .dijitSpinnerButtonContainer {
+	width: 1em;
+	position: relative !important;
+	overflow: hidden;
+}
+.dijitSpinner .dijitSpinnerButtonInner {
+	width:1em;
+	visibility:hidden !important; /* just a sizing element */
+	overflow-x:hidden;
+}
+.dijitComboBox .dijitButtonNode,
+.dijitSpinnerButtonContainer .dijitButtonNode {
+	border-width: 0;
+}
+.dijit_a11y .dijitSpinnerButtonContainer .dijitButtonNode {
+	border: 0 none !important;
+}
+.dijit_a11y .dijitTextBox .dijitSpinnerButtonContainer,
+.dijit_a11y .dijitSpinner .dijitArrowButtonInner,
+.dijit_a11y .dijitSpinnerButtonContainer INPUT {
+	width: 1em !important;
+}
+.dijit_a11y .dijitSpinner .dijitArrowButtonInner {
+	margin: 0 auto !important; /* should auto-center */
+}
+.dj_ie .dijit_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
+	padding-left: 0.3em !important;
+	padding-right: 0.3em !important;
+	margin-left: 0.3em !important;
+	margin-right: 0.3em !important;
+	width: 1.4em !important;
+}
+.dj_ie7 .dijit_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
+	padding-left: 0.0em !important; /* manually center INPUT: character is .5em and total width = 1em */
+	padding-right: 0.0em !important;
+	width: 1em !important;
+}
+.dj_ie6 .dijit_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
+	margin-left: 0.1em !important;
+	margin-right: 0.1em !important;
+	width: 1em !important;
+}
+.dj_iequirks .dijit_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
+	margin-left: 0 !important;
+	margin-right: 0 !important;
+	width: 2em !important;
+}
+.dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton {
+	/* note: .dijitInputLayoutContainer makes this rule override .dijitArrowButton settings
+	 * for dijit.form.Button
+	 */
+	padding: 0;
+	position: absolute !important;
+	right: 0;
+	float: none;
+	height: 50%;
+	width: 100%;
+	bottom: auto;
+	left: 0;
+	right: auto;
+}
+.dj_iequirks .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton {
+	width: auto;
+}
+.dijit_a11y .dijitSpinnerButtonContainer .dijitArrowButton {
+	overflow: visible !important;
+}
+.dijitSpinner .dijitSpinnerButtonContainer .dijitDownArrowButton {
+	top: 50%;
+	border-top-width: 1px !important;
+}
+.dijitSpinner .dijitSpinnerButtonContainer .dijitUpArrowButton {
+	#bottom: 50%;	/* otherwise (on some machines) top arrow icon too close to splitter border (IE6/7) */
+	top: 0;
 }
-.dijitValidationIconText {
+.dijitSpinner .dijitArrowButtonInner {
+	margin: auto;
+	overflow-x: hidden;
+	height: 100% !important;
+}
+.dj_iequirks .dijitSpinner .dijitArrowButtonInner {
+	height: auto !important;
+}
+.dijitSpinner .dijitArrowButtonInner .dijitInputField {
+	-moz-transform: scale(0.5);
+	-moz-transform-origin: center top;
+	-webkit-transform: scale(0.5);
+	-webkit-transform-origin: center top;
+	-o-transform: scale(0.5);
+	-o-transform-origin: center top;
+	transform: scale(0.5);
+	transform-origin: left top;
+	padding-top: 0;
+	padding-bottom: 0;
+	padding-left: 0 !important;
+	padding-right: 0 !important;
+	width: 100%;
+}
+.dj_ie .dijitSpinner .dijitArrowButtonInner .dijitInputField {
+	zoom: 50%; /* emulate transform: scale(0.5) */
+}
+.dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButtonInner {
+	overflow: hidden;
+}
+
+.dijit_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton {
+	width: 100%;
+}
+.dj_iequirks .dijit_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton {
+	width: 1em; /* matches .dijit_a11y .dijitTextBox .dijitSpinnerButtonContainer rule - 100% is the whole screen width in quirks */
+}
+.dijitSpinner .dijitArrowButtonInner .dijitInputField {
 	visibility: hidden;
-	display: none;
-	float:right;
-	font-family: sans-serif;
-	font-style:italic;
-	font-size: 0.75em;
-	padding-right: 0.15em;
-	line-height: 160%;
-}
-.dijit_a11y .dijitValidationIcon { display: none !important; }
-.dijit_a11y .dijitValidationIconText { display: block !important; }
-
-.dijitError .dijitValidationIcon,
-.dijitError .dijitValidationIconText {
+}
+.dijit_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
+	vertical-align:top;
 	visibility: visible;
 }
-
-.dijitTextBox .dijitArrowButton {
-	/* this is for a combo box with no arrow displayed; we set baseClass=TextBox */
-	display:none;
+.dijit_a11y .dijitSpinnerButtonContainer {
+	width: 1em;
+}
+.dijit_a11y .dijitSpinnerButtonContainer .dijitButtonNode {
+	border-width: 1px 0px 0px 0px;
+	border-style: solid !important;
 }
 
 /****
@@ -500,8 +656,9 @@ table .dijitComboButton .dijitButtonNode {
 
 .dijit_a11y .dijitCheckBox,
 .dijit_a11y .dijitRadio {
-	width: auto;
-	height: auto;
+	/* in a11y mode we display the native checkbox (not the icon), so don't restrict the size */
+	width: auto !important;
+	height: auto !important;
 }
 .dijit_a11y .dijitCheckBoxInput {
 	opacity: 1;
@@ -515,7 +672,7 @@ table .dijitComboButton .dijitButtonNode {
 		dijit.ProgressBar
  ****/
 
-.dijitProgressBarEmpty{
+.dijitProgressBarEmpty {
 	/* outer container and background of the bar that's not finished yet*/
 	position:relative;overflow:hidden;
 	border:1px solid black; 	/* a11y: border necessary for high-contrast mode */
@@ -550,9 +707,9 @@ table .dijitComboButton .dijitButtonNode {
 	background-attachment: fixed;
 }
 
-.dijit_a11y .dijitProgressBarTile{
+.dijit_a11y .dijitProgressBarTile {
 	/* a11y:  The border provides visibility in high-contrast mode */
-	border-width:4px;
+	border-width:2px;
 	border-style:solid;
 	background-color:transparent !important;
 }
@@ -623,44 +780,18 @@ table .dijitComboButton .dijitButtonNode {
 .dijitTooltipConnector {
 	position: absolute;
 }
+.dijit_a11y .dijitTooltipConnector {
+	display: none;	/* won't show b/c it's background-image; hide to avoid border gap */
+}
 
 .dijitTooltipData {
 	display:none;
 }
-/* MOW: using actual images at this time ??? close???
-/* draw an arrow with CSS only * /
-.dijitTooltipConnector {
-	/* the border on the triangle * /
-	font-size: 0; line-height: 0%; width: 0;
-	border-top: none;
-	border-bottom: 14px solid black;
-	border-left: 7px solid transparent;
-	border-right: 7px solid transparent;
-	top: -14px;
-	left: 3px;
-	z-index: 2;
-}
-
-.dijitTooltipConnector div {
-	/* the background of the triangle * /
-	font-size: 0; line-height: 0%; width: 0;
-	position: absolute;
-	border-bottom: 10px solid #b8b5b5;
-	border-left: 5px solid transparent;
-	border-right: 5px solid transparent;
-	top: 6px;
-	left: -5px;
-	z-index: 3;
-}
-
-*/
-
-
 
 /* Layout widgets. This is essential CSS to make layout work (it isn't "styling" CSS)
    make sure that the position:absolute in dijitAlign* overrides other classes */
 
-.dijitLayoutContainer{
+.dijitLayoutContainer {
 	position: relative;
 	display: block;
 	overflow: hidden;
@@ -728,7 +859,7 @@ body .dijitAlignClient { position: absolute; }
 	z-index: 11 !important;
 }
 
-.dijitSplitterCover{
+.dijitSplitterCover {
 	position:absolute;
 	z-index:-1;
 	top:0;
@@ -737,12 +868,12 @@ body .dijitAlignClient { position: absolute; }
 	height:100%;
 }
 
-.dijitSplitterCoverActive{
+.dijitSplitterCoverActive {
 	z-index:3 !important;
 }
 
 /* #6945: stop mouse events */
-.dj_ie .dijitSplitterCover{
+.dj_ie .dijitSplitterCover {
 	background: white;
 	filter: alpha(opacity=0);
 }
@@ -759,13 +890,17 @@ body .dijitAlignClient { position: absolute; }
 	border-right:1px;
 	cursor: ew-resize;
 }
-.dijitSplitContainer{
+.dijitSplitContainer {
 	position: relative;
 	overflow: hidden;
 	display: block;
 }
+.dj_ff3 .dijit_a11y div.dijitSplitter:focus {
+	outline-style:dotted;
+	outline-width: 2px;
+}
 
-.dijitSplitPane{
+.dijitSplitPane {
 	position: absolute;
 }
 
@@ -835,86 +970,139 @@ body .dijitAlignClient { position: absolute; }
 }
 
 /* TitlePane */
+
 .dijitTitlePane {
 	display: block;
 	overflow: hidden;
 }
+.dijitTitlePaneTitle {
+	cursor: pointer;
+}
+.dijitFixedOpen {
+	/* TitlePane that cannot be closed */
+	cursor: default;
+}
+.dijitTitlePaneTitle * {
+	vertical-align: middle;
+}
+.dijitTitlePane .dijitArrowNodeInner {
+	/* normally, hide arrow text in favor of icon */
+	display: none;
+}
+.dijit_a11y .dijitTitlePane .dijitArrowNodeInner {
+	/* ... except in a11y mode, then show text arrow */
+	display:inline !important;
+	font-family: monospace;		/* because - and + are different widths */
+}
+.dijit_a11y .dijitTitlePane .dijitArrowNode {
+	/* ... and hide icon */
+	display:none;
+}
+
+.dj_ie6 .dijitTitlePaneContentOuter,
+.dj_ie6 .dijitTitlePane .dijitTitlePaneTitle {
+	/* force hasLayout to ensure borders etc, show up */
+	zoom: 1;
+}
 
-/* Color Palette */
+/* Color Palette
+ * Sizes designed so that table cell positions match icons in underlying image,
+ * which appear at 20x20 intervals.
+ */
 
 .dijitColorPalette {
-	border:1px solid #999;
-	background:#fff;
-	-moz-border-radius:3pt;
+	border: 1px solid #999;
+	background: #fff;
+	position: relative;
 }
 
 img.dijitColorPaletteUnder {
-	border-style:none;
-	position:absolute;
-	left:0;
-	top:0;
+	/* This single image contains the "icons" for every color in the color palette, and sits behind the transparent <table> */
+	border-style: none;
+	position: absolute;
+	left: 0;
+	top: 0;
 }
-.dijitColorPaletteInner {
+.dijitColorPalette .dijitPaletteTable {
+	/* Table that holds the palette cells, and overlays image file with color swatches.
+	 * padding/margin to align table with image.
+	 */
+	padding: 2px 3px 3px 3px;
 	position: relative;
-	overflow:hidden;
-	outline:0;
+	overflow: hidden;
+	outline: 0;
+	border-collapse: separate;
 }
-.dijitPaletteCell {
-	width: 20px;
+.dj_ie6 .dijitColorPalette .dijitPaletteTable,
+.dj_ie7 .dijitColorPalette .dijitPaletteTable,
+.dj_iequirks .dijitColorPalette .dijitPaletteTable {
+	/* using padding above so that focus border isn't cutoff on moz/webkit,
+	 * but using margin on IE because padding doesn't seem to work
+	 */
+	padding: 0;
+	margin: 2px 3px 3px 3px;
+}
+
+.dijitColorPalette .dijitPaletteCell {
+	/* <td> in the <table>, matching size of color swatches embedded in the img.dijitColorPaletteUnder */
 	height: 20px;
-	position: absolute;
-	overflow: hidden;
-	z-index: 10;
-	outline-width: 0;
+	width: 20px;
+	font-size: 1px;
+	vertical-align: middle;
+	text-align: center;
 }
-.dijitPaletteImg {
-	width: 16px; /*This is the width of one color in the provided palettes. */
-	height: 14px; /* Height of one color in the provided palettes. */
-	position: absolute;
-	top: 1px;
-	left: 1px;
-	overflow: hidden;
+.dijitColorPalette .dijitPaletteImg {
+	/* transparent (but clickable) <img> node inside of each <td>, overlaying the color swatch.
+	 * displays border around a color swatch
+	 */
+	width: 16px;
+	height: 14px;
+	border: 1px solid #999;
 	cursor: default;
-	border:1px solid #999;
-	/* -moz-border-radius:2pt; */
+	vertical-align: middle;
+}
+.dj_iequirks .dijitColorPalette .dijitPaletteImg {
+	margin: 1px;	/* needed to fix spacing for ColorPalette in TooltipDialog on IE/quirks */
+}
+.dijitPaletteTable td {
+		padding: 0px;
+}
+.dijitColorPalette .dijitPaletteCellHover .dijitPaletteImg {
+	/* hovered color swatch */
+	border: 1px solid #000;
 }
 
-.dijitPaletteCellHighlight img {
-	width: 14px; /*This is the width of one color in the provided palettes. */
-	height: 12px; /* Height of one color in the provided palettes. */
-	position: absolute;
-	top: 1px;
-	left: 1px;
-	overflow: hidden;
-	cursor: default;
-	border:2px solid #000;
-	outline:1px solid #dedede;
-	/* -moz-border-radius:0; */
+.dijitColorPalette .dijitPaletteCellActive .dijitPaletteImg,
+.dijitColorPalette .dijitPaletteCellSelected .dijitPaletteImg {
+	border: 2px solid #000;
 }
 
-.dijit_a11y .dijitPaletteCell {
-	background-color:transparent !important;
+
+.dijit_a11y .dijitColorPalette .dijitPaletteTable,
+.dijit_a11y .dijitColorPalette .dijitPaletteTable * {
+	/* table cells are to catch events, but the swatches are in the PaletteImg behind the table */
+	background-color: transparent !important;
 }
-.dijit_a11y .dijitPaletteImg {
-	background-color:transparent !important;
+.dj_gecko .dijit_a11y .dijitColorPalette .dijitPaletteCellFocused .dijitPaletteImg {
+	border: 3px dotted #000;	/* focus border on table cells broken in FF high contrast :-( */
+	margin: -1px;
+}
+
+.dijit_a11y  .dijitColorPalette .dijitPaletteCellHover .dijitPaletteImg {
+	border: 2px solid #000 !important;
 }
 
+/* AccordionContainer */
+
 .dijitAccordionContainer {
 	border:1px solid #b7b7b7;
 	border-top:0 !important;
 }
-/* prevent partial, ugly focus border on FF and Safari */
-.dj_webkit .dijitAccordionContainer  div:focus {
-	outline:none;
-}
-.dj_ff3 .dijitAccordionContainer  div:focus {
-	outline:none;
-}
 .dijitAccordionTitle {
 	cursor: pointer;
 }
-.dijitAccordionFocused  {
-	text-decoration: underline;
+.dijitAccordionTitleSelected {
+	cursor: default;
 }
 
 /* images off, high-contrast mode styles */
@@ -926,17 +1114,28 @@ img.dijitColorPaletteUnder {
 }
 
 .dijit_a11y .dijitAccordionTitle .arrowTextUp,
-.dijit_a11y .dijitAccordionTitle-selected .arrowTextDown {
+.dijit_a11y .dijitAccordionTitleSelected .arrowTextDown {
 	display: inline;
 }
 
-.dijit_a11y .dijitAccordionTitle-selected .arrowTextUp {
+.dijit_a11y .dijitAccordionTitleSelected .arrowTextUp {
 	display: none;
 }
 
+.dj_ie6 .dijitAccordionTitle,
+.dj_iequirks .dijitAccordionTitle {
+	/* avoid IE6/IE quirks size calc bug where accordion ends up too short (themeTesterQuirk.html)
+	 * and IE6 bug where the first title bar turns white upon hovering any title bar
+	 */
+	zoom: 1;
+}
+
 /* Calendar */
 
-.dijitCalendarContainer thead tr th, .dijitCalendarContainer thead tr td, .dijitCalendarContainer tbody tr td, .dijitCalendarContainer tfoot tr td {
+.dijitCalendarContainer {
+	width: auto;	/* in case user has specified a width for the TABLE nodes, see #10553 */
+}
+.dijitCalendarContainer th, .dijitCalendarContainer td {
 	padding: 0;
 }
 
@@ -952,21 +1151,18 @@ img.dijitColorPaletteUnder {
 	vertical-align: middle;
 }
 
-.dijitCalendarDisabledDate {
-	color:gray !important;
-}
-
-.dijitCalendarPreviousMonthDisabled,
-.dijitCalendarCurrentMonthDisabled,
-.dijitCalendarNextMonthDisabled {
-	cursor:default !important
-}
-
 .dijitCalendarIncrementControl,
-.dijitCalendarBodyContainer tbody tr td,
 .dijitCalendarDateTemplate,
-.dijitCalendarContainer .dijitInline {
-	cursor:pointer;
+.dijitCalendarMonthLabel,
+.dijitCalendarPreviousYear,
+.dijitCalendarNextYear {
+	cursor: pointer;
+}
+
+.dijitCalendarDisabledDate {
+	color: gray;
+	text-decoration: line-through;
+	cursor: default;
 }
 
 .dijitSpacer {
@@ -985,7 +1181,6 @@ img.dijitColorPaletteUnder {
 	background-color:white;
 }
 .dijitMenuTable {
-	margin:1px 0;
 	border-collapse:collapse;
 	border-width:0;
 	background-color:white;
@@ -996,7 +1191,7 @@ img.dijitColorPaletteUnder {
 	border-right:hidden;
 }
 
-.dijitMenuItem{
+.dijitMenuItem {
 	text-align: left;
 	white-space: nowrap;
 	padding:.1em .2em;
@@ -1022,9 +1217,10 @@ img.dijitColorPaletteUnder {
 
 .dijitMenuItemDisabled * {
 	/* for a disabled menu item, just set it to mostly transparent */
-	opacity:0.3;
+	opacity:0.5;
 	cursor:default;
 }
+.dj_ie .dijit_a11y .dijitMenuItemDisabled,
 .dj_ie .dijit_a11y .dijitMenuItemDisabled td,
 .dj_ie .dijitMenuItemDisabled *,
 .dj_ie .dijitMenuItemDisabled td {
@@ -1038,11 +1234,11 @@ img.dijitColorPaletteUnder {
 }
 
 .dijit_a11y .dijitMenuItemSelected {
-	border: 1px #fff dotted !important;
+	border: 1px dotted black !important;
 }
 .dj_ff3 .dijit_a11y .dijitMenuItem td {
 	padding: none !important;
-	background:none ! important;
+	background:none !important;
 }
 .dijit_a11y .dijitMenuItemSelected .dijitMenuItemLabel {
 	border-width: 1px;
@@ -1093,7 +1289,10 @@ img.dijitColorPaletteUnder {
 .dijit_a11y .dijitCheckedMenuItemIcon {
 	display: none;
 }
-
+.dj_ie .dijit_a11y .dijitMenuBar .dijitMenuItem {
+	/* so bottom border of MenuBar appears on IE7 in high-contrast mode */
+	margin: 0px;
+}
 
 /* StackContainer */
 
@@ -1122,16 +1321,16 @@ img.dijitColorPaletteUnder {
 	overflow: hidden;
 	border: 1px solid black;
 }
-.dijitTabContainer .nowrapTabStrip {
+.nowrapTabStrip {
 	width: 50000px;
 	display: block;
 	position: relative;
 }
-.dijitTabContainer .dijitTabListWrapper {
+.dijitTabListWrapper {
 	overflow: hidden;
 }
 
-.dijit_a11y .dijitTabContainer .tabStripButton img {
+.dijit_a11y .tabStripButton img {
 	/* hide the icons (or rather the empty space where they normally appear) because text will appear instead */
 	display: none;
 }
@@ -1166,19 +1365,10 @@ img.dijitColorPaletteUnder {
 	border-right: 0px;
 }
 
-div.dijitTabBtnDisabled, .dj_ie div.dijitTabBtnDisabled {
+DIV.dijitTabDisabled, .dj_ie DIV.dijitTabDisabled {
 	cursor: auto;
 }
-/*
-div.dijitTabBtnDisabled img {
-	opacity: 0.3;
-}
-
 
-.dj_ie div.dijitTabBtnDisabled img {
-	filter: gray() alpha(opacity=30);
-}
-*/
 .dijitTab {
 	position:relative;
 	cursor:pointer;
@@ -1193,10 +1383,6 @@ div.dijitTabBtnDisabled img {
 	cursor: default;	/* because clicking will have no effect */
 }
 
-.dijitTabButtonIcon {
-	height: 18px;
-}
-
 .dijitTabContainerTop-tabs .dijitTab {
 	top: 1px;	/* to overlap border on .dijitTabContainerTop-tabs */
 }
@@ -1233,28 +1419,32 @@ div.dijitTabBtnDisabled img {
 }
 
 
-.dijitTab .closeButton {
+.dijitTabCloseButton {
 	margin-left: 1em;
 }
 
-/* images off, high-contrast mode styles */
-.dijitTab .closeText {
+.dijitTabCloseText {
 	display:none;
 }
 
-.dijit_a11y .closeText {
-	display:inline;
-	margin: 0px 6px;
-}
+/* images off, high-contrast mode styles */
 
-.dijit_a11y .dijitTab .closeImage {
-	display:none;
+.dijit_a11y .dijitTabCloseButton {
+	background-image: none !important;
+	width: auto !important;
+	height: auto !important;
+	border: thin dotted;	/* non-hover state */
+}
+.dijit_a11y .dijitTabCloseButtonHover {
+	border:thin solid;	/* hover state */
 }
 
-.dijit_a11y .closeButton-hover .closeText {
-	border:thin solid;
+.dijit_a11y .dijitTabCloseText {
+	display: inline;
 }
+
 .dijit_a11y .dijitTabChecked {
+	/* the selected tab */
 	border-style:dashed !important;
 }
 
@@ -1271,28 +1461,28 @@ div.dijitTabBtnDisabled img {
     border: none !important;
 }
 
-.dijitInlineEditor {
-	/* span around an inline-editable value when in edit mode */
-	position:relative;
-	vertical-align:bottom;
-}
-.dj_ie .dijitInlineEditor {
-	vertical-align:middle;
+/* InlineEditBox */
+.dijitInlineEditBoxDisplayMode {
+	border: 1px solid transparent;	/* so keyline (border) on hover can appear without screen jump */
+	cursor: text;
 }
 
-.dijitInlineValue {
-	/* span around an inline-editable value when NOT in edit mode */
+.dijit_a11y .dijitInlineEditBoxDisplayMode,
+.dj_ie6 .dijitInlineEditBoxDisplayMode {
+	/* except that IE6 doesn't support transparent borders, nor does high contrast mode */
+	border: none;
 }
 
-.dijitInlineEditor .dijitButtonContainer {
-	/* div around the buttons -- makes them float below the field */
-	position:absolute;
-	right:0;
-	overflow:visible;
+.dijitInlineEditBoxDisplayModeHover,
+.dijit_a11y .dijitInlineEditBoxDisplayModeHover,
+.dj_ie6 .dijitInlineEditBoxDisplayModeHover {
+	/* An InlineEditBox in view mode (click this to edit the text) */
+	background-color: #e2ebf2;
+	border: solid 1px black;
 }
 
-.dijitInlineEditor .saveButton,
-.dijitInlineEditor .cancelButton {
+.dijitInlineEditBoxDisplayModeDisabled {
+	cursor: default;
 }
 
 /* Tree */
@@ -1338,14 +1528,18 @@ div.dijitTabBtnDisabled img {
 .dijitDialog {
 	position: absolute;
 	z-index: 999;
-	padding: 1px;
 	overflow: hidden;       /* override overflow: auto; from ContentPane to make dragging smoother */
 }
 
-.dijitDialogFixed div.dijitDialogTitleBar {
+.dijitDialogTitleBar {
+	cursor: move;
+}
+.dijitDialogFixed .dijitDialogTitleBar {
 	cursor:default;
 }
-
+.dijitDialogCloseIcon {
+	cursor: pointer;
+}
 .dijitDialogUnderlayWrapper {
 	position: absolute;
 	left: 0;
@@ -1365,7 +1559,7 @@ div.dijitTabBtnDisabled img {
 }
 
 /* images off, high-contrast mode styles */
-.dijit_a11y .dijitInputLayoutContainer,
+.dijit_a11y .dijitSpinnerButtonContainer,
 .dijit_a11y .dijitDialog {
 	opacity: 1 !important;
 	background-color: white !important;
@@ -1381,6 +1575,8 @@ div.dijitTabBtnDisabled img {
 	display:inline;
 }
 
+/* Slider */
+
 .dijitSliderMoveable {
 	z-index:99;
 	position:absolute !important;
@@ -1391,15 +1587,28 @@ div.dijitTabBtnDisabled img {
 .dijitSliderMoveableH {
 	right:0;
 }
+.dijitSliderMoveableV {
+	right:50%;
+}
 
-.dijit_a11y div.dijitSliderImageHandle,
+.dijit_a11y DIV.dijitSliderImageHandle,
 .dijitSliderImageHandle {
 	margin:0;
 	padding:0;
-	position:absolute !important;
+	position:relative !important;
 	border:8px solid gray;
 	width:0;
 	height:0;
+	cursor: pointer;
+}
+.dj_iequirks .dijit_a11y .dijitSliderImageHandle {
+	font-size: 0;
+}
+.dj_ie7 .dijitSliderImageHandle {
+	overflow: hidden; /* IE7 workaround to make slider handle VISIBLE in non-a11y mode */
+}
+.dj_ie7 .dijit_a11y .dijitSliderImageHandle {
+	overflow: visible; /* IE7 workaround to make slider handle VISIBLE in a11y mode */
 }
 .dijit_a11y .dijitSliderFocused .dijitSliderImageHandle {
 	border:4px solid #000;
@@ -1409,11 +1618,11 @@ div.dijitTabBtnDisabled img {
 
 .dijitSliderImageHandleV {
 	top:-8px;
-	left:-6px;
+	right: -50%;
 }
 
 .dijitSliderImageHandleH {
-	left:-8px;
+	left:50%;
 	top:-5px;
 	vertical-align:top;
 }
@@ -1421,6 +1630,7 @@ div.dijitTabBtnDisabled img {
 .dijitSliderBar {
 	border-style:solid;
 	border-color:black;
+	cursor: pointer;
 }
 
 .dijitSliderBarContainerV {
@@ -1506,11 +1716,22 @@ div.dijitTabBtnDisabled img {
 	background-color:transparent;
 }
 
-.dijitSliderDecorationH {
+.dijitSliderDecoration {
 	text-align:center;
 }
+.dijitSliderV TD {
+	position: relative; /* needed for IE+quirks+RTL+vertical (rendering bug) but add everywhere for custom styling consistency but this messes up IE horizontal sliders */
+}
 
-.dijitSlider .dijitSliderButton {
+.dijitSliderDecorationH {
+	width: 100%;
+}
+
+.dijitSliderDecorationV {
+	height: 100%;
+}
+
+.dijitSliderButton {
 	font-family:monospace;
 	margin:0;
 	padding:0;
@@ -1523,7 +1744,10 @@ div.dijitTabBtnDisabled img {
 
 .dijitSliderButtonContainer {
 	text-align:center;
-	height:0;
+	height:0;	/* ??? */
+}
+.dijitSliderButtonContainer * {
+	cursor: pointer;
 }
 
 .dijitSlider .dijitButtonNode {
@@ -1583,6 +1807,13 @@ div.dijitTabBtnDisabled img {
 	left:-50%;
 }
 
+.dijitRuleLabelV {
+	/* so that long labels don't overflow to multiple rows, or overwrite slider itself */
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	overflow: hidden;
+}
+
 .dijitRuleMarkV {
 	height:0;
 	border-right-width:0 !important;
@@ -1596,15 +1827,32 @@ div.dijitTabBtnDisabled img {
 	margin-top:-.55em;
 }
 
+.dijit_a11y .dijitSliderReadOnly,
+.dijit_a11y .dijitSliderDisabled {
+	opacity:0.6;
+}
+.dj_ie .dijit_a11y .dijitSliderReadOnly .dijitSliderBar,
+.dj_ie .dijit_a11y .dijitSliderDisabled .dijitSliderBar {
+	filter: alpha(opacity=40);
+}
+
+/* + and - Slider buttons: override theme settings to display icons */
+.dijit_a11y .dijitSlider .dijitSliderButtonContainer DIV {
+	font-family: monospace; /* otherwise hyphen is larger and more vertically centered */
+	font-size: 1em;
+	line-height: 1em;
+	height: auto;
+	width: auto;
+	margin: 0px 4px;
+}
+
 /* Icon-only buttons (often in toolbars) still display the text in high-contrast mode */
 .dijit_a11y .dijitButtonContents .dijitButtonText,
 .dijit_a11y .dijitTab .tabLabel {
 	display: inline !important;
 }
-.dj_ie7 .dijitButtonNode > BUTTON.dijitButtonContents > * {
-	position: relative; /* workaround for IE7 distorted text on scroll */
-}
 
+/* TextArea, SimpleTextArea */
 .dijitTextArea {
 	width:100%;
 	overflow-y: auto;	/* w/out this IE's SimpleTextArea goes to overflow: scroll */
@@ -1615,17 +1863,10 @@ div.dijitTabBtnDisabled img {
 .dj_ie .dijitTextAreaCols {
 	width:auto;
 }
-.dijitTextArea > DIV {
-	text-decoration:none;
-	overflow:auto;
-	min-height: 1.40em;
-}
 
-.dj_ie .dijitTextArea p {
-	margin-top:0;
-	margin-bottom:0;
-	line-height: normal !important;
-}
+/* Toolbar
+ * Note that other toolbar rules (for objects in toolbars) are scattered throughout this file.
+ */
 
 .dijitToolbarSeparator {
 	height: 18px;
@@ -1641,10 +1882,15 @@ div.dijitTabBtnDisabled img {
 	top: expression(eval((document.documentElement||document.body).scrollTop));
 }
 
-.RichTextEditable {
+.dijitEditor {
 	display: block;	/* prevents glitch on FF with InlineEditBox, see #8404 */
 }
 
+.dijitEditorDisabled,
+.dijitEditorReadOnly {
+	color: gray;
+}
+
 /* TimePicker */
 
 .dijitTimePickerItemInner {
@@ -1682,72 +1928,46 @@ div.dijitTabBtnDisabled img {
 	color:white;
 	cursor:pointer;
 }
-
-.dijit_a11y .dijitTimePickerItem {
-	border-bottom:1px solid #333;
+.dijit_a11y .dijitTimePickerItemSelected .dijitTimePickerItemInner {
+	border: solid 4px black;
+}
+.dijit_a11y .dijitTimePickerItemHover .dijitTimePickerItemInner {
+	border: dashed 4px black;
 }
 
 
-/* Disable the high contrast character */
 .dijitToggleButtonIconChar {
+	/* character (instead of icon) to show that ToggleButton is checked */
 	display:none !important;
 }
-.dijit_a11y .dijitToggleButtonIconChar {
+.dijit_a11y .dijitToggleButton .dijitToggleButtonIconChar {
 	display:inline !important;
-}
-
-.dijit_a11y .dijitToggleButtonIconChar {
 	visibility:hidden;
 }
+.dj_ie6 .dijitToggleButtonIconChar, .dj_ie6 .tabStripButton .dijitButtonText {
+	font-family: "Arial Unicode MS";	/* otherwise the a11y character (checkmark, arrow, etc.) appears as a box */
+}
 .dijit_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar {
+	display: inline !important; /* In high contrast mode, display the check symbol */
 	visibility:visible !important;
 }
 
 .dijitArrowButtonChar {
-	display:none !important;
+        display:none !important;
 }
 .dijit_a11y .dijitArrowButtonChar {
-	display:inline !important;
-}
-.dijitInputLayoutContainer {
-	position: relative;
-	overflow: hidden;
-}
-.dijitSpinnerButtonContainer {
-	float: right;
-	width: 18px;
-	position: relative;
-	overflow: hidden;
-}
-.dijitSpinner .dijitInputLayoutContainer .dijitArrowButton {
-	height: 50%;
-	width: 16px;
-	overflow: hidden;
-}
-.dijitSpinner .dijitInputLayoutContainer .dijitArrowButtonInner {
-	overflow: hidden;
-	line-height: 50%;
-}
-.dijit_a11y .dijitSpinner .dijitInputLayoutContainer .dijitArrowButton {
-	width: 100%;
-}
-.dijit_a11y .dijitSpinner .dijitArrowButton .dijitArrowButtonChar {
-	font-size: 0.4em;
-	vertical-align: top;
-}
-.dijit_a11y .dijitSpinnerButtonContainer {
-	width: 0.5em;
-	margin-left: 2px;
-	overflow: visible;
+        display:inline !important;
 }
-.dijit_a11y .dijitSpinnerButtonContainer .dijitButtonNode {
-	border-width: 1px 0px 0px 1px;
-	border-style: solid !important;
+
+.dijit_a11y .dijitDropDownButton .dijitArrowButtonInner,
+.dijit_a11y .dijitComboButton .dijitArrowButtonInner {
+	display:none !important;
 }
 
 /* Select */
 .dijitSelect {
 	margin: 0.2em;
+	border-collapse: collapse;
 }
 .dj_ie .dijitSelect,
 .dj_ie7 .dijitSelect,
@@ -1757,12 +1977,6 @@ div.dijitTabBtnDisabled img {
 .dj_ie8 .dijitSelect .dijitButtonText {
 	vertical-align: top;
 }
-.dijitSelect .dijitButtonNode {
-	text-align: left;
-}
-.dijitRtl .dijitSelect .dijitButtonNode {
-	text-align: right;
-}
 .dijitToolbar .dijitSelect {
 	margin: 0;
 }
@@ -1778,14 +1992,17 @@ div.dijitTabBtnDisabled img {
 .dijitSelect .dijitButtonContents {
 	padding: 0px;
 	background: transparent none;
+	white-space: nowrap;
+	text-align: left;
 }
 .dijitSelectFixedWidth .dijitButtonContents {
 	width: 100%;
 }
-.dijitSelect .dijitArrowButton {
-	width: 16px;
-}
 
+.dijitSelectMenu .dijitMenuItemIcon {
+	/* avoid blank area in left side of menu (since we have no icons) */
+	display:none;
+}
 .dj_ie6 .dijitSelectMenu .dijitMenuItemLabel,
 .dj_ie7 .dijitSelectMenu .dijitMenuItemLabel {
 	/* Set back to static due to bug in ie6/ie7 - See Bug #9651 */
@@ -1809,58 +2026,22 @@ div.dijitTabBtnDisabled img {
 }
 
 /* Style the different areas of the button to look like a "real" dropdown */
-.dijitSelect .dijitButtonContents {
-	white-space: nowrap;
-}
-
 /* Remove margins on the sub-table */
 .dijitSelectMenu .dijitMenuTable {
 	margin: 0px;
 	background-color: transparent;
 }
 
-/* basic readonly/disabled text color rules for form widgets */
-.dijitTextBoxReadOnly,
-.dijitComboBoxReadOnly,
-.dijitSpinnerReadOnly,
-.dijitTextAreaReadOnly,
-.dijitTextBoxDisabled,
-.dijitComboBoxDisabled,
-.dijitSpinnerDisabled,
-.dijitTextAreaDisabled {
-	color: gray;
-}
-.dj_webkit .dijitTextBoxDisabled INPUT,
-.dj_webkit .dijitComboBoxDisabled INPUT,
-.dj_webkit .dijitSpinnerDisabled INPUT {
-	color: #eee;
-}
-.dj_webkit INPUT.dijitTextBoxDisabled,
-.dj_webkit TEXTAREA.dijitTextAreaDisabled {
-	color: #333; /* because WebKit lightens disabled input/textarea no matter what color you specify */
-}
-
-.dijit_a11y .dijitSliderReadOnly,
-.dijit_a11y .dijitSliderDisabled {
-	opacity:0.6;
-}
-.dj_ie .dijit_a11y .dijitSliderReadOnly .dijitSliderBar,
-.dj_ie .dijit_a11y .dijitSliderDisabled .dijitSliderBar {
-	filter: alpha(opacity=40);
-}
-
-/* + and - Slider buttons: undo themed image values */
-.dijit_a11y .dijitSlider .dijitSliderButtonContainer DIV {
-	font-family: monospace; /* hypen is larger and more vertically centered */
-	font-size: 1em;
-	line-height: 1em;
-	height: auto;
-	width: auto;
-	margin: 0px 4px;
-}
-
-
+/* Used in cases, such as FullScreen plugin, when we need to force stuff to static positioning. */
 .dijitForceStatic {
-    position: static !important;
+	position: static !important;
 }
 
+/**** Disabled cursor *****/
+.dijitReadOnly *,
+.dijitDisabled *,
+.dijitReadOnly,
+.dijitDisabled {
+	/* a region the user would be able to click on, but it's disabled */
+	cursor: default;
+}