Speed up !ColorPalette creation time:

(1) Put ondijitclick handler on the TABLE node rather than each TD.

(2) Use :hover and :active CSS pseudo-selectors rather than setting dijitPaletteCellHover / dijitPaletteCellActive.   Needed to increase selectivity of dijitPaletteCellSelected selector so it wins over dijitPaletteCell:hover selector.   (Hovering the selected cell should have no effect, since clicking that cell has no effect.)   Note that hover state is no longer shown on IE6, but works on IE7+.   Could add code to make IE work (monitoring mouseout, mouseover, mousedown, mouseup on this.gridNode) but I don't think it's worth the code bloat.
 
Fixes #1852 !strict.

Author: wkeese

drawing/resources/GreekPalette.css

@@ -14,16 +14,16 @@
 .dojoxEntityPaletteCell {
 	/* individual cell of the drop down */
 	border: 1px dotted gray;
-	width: 20px;	/* todo: don't hardcode width/height; it's neither nececessary nor a11y safe */
+	width: 20px;	/* todo: don't hardcode width/height; it's neither necessary nor a11y safe */
 	line-height: 18px;
 	overflow: hidden;
 	z-index: 10;
 	text-align: center;
 }
 
-.dojoxEntityPaletteCellHover, .dojoxEntityPaletteCellActive, .dojoxEntityPaletteCellFocused {
+.dojoxEntityPaletteCell:hover, .dojoxEntityPaletteCell:active, .dojoxEntityPaletteCell:focus {
 	width: 18px;
-        line-height: 16px;
+    line-height: 16px;
 	overflow: hidden;
 	cursor: default;
 	border:1px dashed #000;

editor/plugins/resources/css/InsertEntity.css

@@ -22,16 +22,16 @@
 .dojoxEntityPaletteCell {
 	/* individual cell of the drop down */
 	border: 1px dotted gray;
-	width: 20px;	/* todo: don't hardcode width/height; it's neither nececessary nor a11y safe */
+	width: 20px;	/* todo: don't hardcode width/height; it's neither necessary nor a11y safe */
 	line-height: 18px;
 	overflow: hidden;
 	z-index: 10;
 	text-align: center;
 }
 
-.dojoxEntityPaletteCellHover, .dojoxEntityPaletteCellActive, .dojoxEntityPaletteCellFocused {
+.dojoxEntityPaletteCell:hover, .dojoxEntityPaletteCell:active, .dojoxEntityPaletteCell:focus {
 	width: 18px;
-        line-height: 16px;
+    line-height: 16px;
 	overflow: hidden;
 	cursor: default;
 	border:1px dashed #000;