1 files changed, 49 insertions, 31 deletions

diff --git a/lib/dijit/themes/tundra/Dialog.css b/lib/dijit/themes/tundra/Dialog.css
index 74d3d36ef..b346f6267 100644
--- a/lib/dijit/themes/tundra/Dialog.css
+++ b/lib/dijit/themes/tundra/Dialog.css
@@ -1,29 +1,35 @@
+/* Dialog and Tooltip/TooltipDialog */
 
 .tundra .dijitDialog {
 	background: #fff;
 	border: 1px solid #7eabcd;
-	padding: 0px;
-	-webkit-box-shadow: 0px 5px 10px #adadad;
+	padding: 0;
+	-webkit-box-shadow: 0 5px 10px #adadad;
 }
+
 .tundra .dijitDialogPaneContent {
 	background: #fff;
 	border-top: 1px solid #d3d3d3;
 	padding:10px;
+
 }
+
 .tundra .dijitDialogTitleBar {
-	
+	/* outer container for the titlebar of the dialog */
 	background: #fafafa url("images/titleBar.png") repeat-x top left;
 	padding: 5px 6px 3px 6px;
-	outline:0; 
+	outline:0; /* remove this line if keyboard focus on dialog startup is an issue. tab still takes you to first focusable element */
 }
+
 .tundra .dijitDialogTitle {
-	
+	/* typography and styling of the dialog title */
 	font-weight: bold;
-	padding: 0px 4px;
+	padding: 0 4px;
 }
+
 .tundra .dijitDialogCloseIcon {
-	
-	
+	/* the default close icon for the dialog */
+	/* background : url("images/spriteRoundedIconsSmall.png") no-repeat right top; */
 	background: url("images/tabClose.png") no-repeat right top;
 	position: absolute;
 	vertical-align: middle;
@@ -35,58 +41,72 @@
 .dj_ie6 .tundra .dijitDialogCloseIcon {
 	background : url("images/tabClose.gif") no-repeat right top;
 }
+
 .tundra .dijitDialogCloseIconHover {
 	background: url("images/tabCloseHover.png") no-repeat right top;
 }
 .dj_ie6 .tundra .dijitDialogCloseIconHover {
 	background : url("images/tabCloseHover.gif") no-repeat right top;
 }
+
+/* Tooltip and TooltipDialog */
+
 .tundra .dijitTooltip,
 .tundra .dijitTooltipDialog {
-	
-	background: transparent;	
+	/* the outermost dom node, holding the connector and container */
+	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;
 }
+
 .tundra .dijitTooltipContainer {
-	
+	/*
+		The part with the text.
+	*/
 	background: #ffffff url("images/popupMenuBg.gif") repeat-x bottom left;
 	border: 1px solid #7eabcd;
 	padding: 0.45em;
 	-webkit-border-radius: 3px;
 	-moz-border-radius: 3px;
 }
+
 .tundra .dijitTooltipConnector {
-	
-	border:0px;
+	/* the arrow piece */
+	border:0;
 	z-index: 2;
 }
 .tundra .dijitTooltipABRight .dijitTooltipConnector {
-	
+	/* above or below tooltip, but the arrow appears on the right,
+		and the right edges of target and tooltip are aligned rather than the left */
 	left: auto !important;
 	right: 3px;
 }
+
 .tundra .dijitTooltipBelow .dijitTooltipConnector {
-	
-	top: 0px;
+	/* the arrow piece for tooltips below an element */
+	top: 0;
 	left: 3px;
 	background:url("images/tooltipConnectorUp.png") no-repeat top left;
 	width:16px;
 	height:14px;
 }
+
 .dj_ie .tundra .dijitTooltipBelow .dijitTooltipConnector {
-	
+	/* use gif for IE7 too, due to png rendering problems on fade-in (see http://trac.dojotoolkit.org/ticket/6555) */
 	background-image: url("images/tooltipConnectorUp.gif");
 }
+
 .tundra .dijitTooltipAbove .dijitTooltipConnector {
-	
-	bottom: 0px;
+	/* the arrow piece for tooltips above an element */
+	bottom: 0;
 	left: 3px;
 	background:url("images/tooltipConnectorDown.png") no-repeat top left;
 	width:16px;
@@ -98,16 +118,13 @@
 .dj_ie6 .tundra .dijitTooltipAbove .dijitTooltipConnector {
 	bottom: -3px;
 }
+
 .tundra .dijitTooltipLeft {
 	padding-right: 14px;
 }
-.dj_ie6 .tundra .dijitTooltipLeft {
-	padding-left: 15px;
-}
 .tundra .dijitTooltipLeft .dijitTooltipConnector {
-	
-	right: 0px;
-	bottom: 3px;
+	/* the arrow piece for tooltips to the left of an element, bottom borders aligned */
+	right: 0;
 	background:url("images/tooltipConnectorRight.png") no-repeat top left;
 	width:16px;
 	height:14px;
@@ -115,13 +132,13 @@
 .dj_ie .tundra .dijitTooltipLeft .dijitTooltipConnector {
 	background-image: url("images/tooltipConnectorRight.gif");
 }
+
 .tundra .dijitTooltipRight {
 	padding-left: 14px;
 }
 .tundra .dijitTooltipRight .dijitTooltipConnector {
-	
-	left: 0px;
-	bottom: 3px;
+	/* the arrow piece for tooltips to the right of an element, bottom borders aligned */
+	left: 0;
 	background:url("images/tooltipConnectorLeft.png") no-repeat top left;
 	width:16px;
 	height:14px;
@@ -129,6 +146,7 @@
 .dj_ie .tundra .dijitTooltipRight .dijitTooltipConnector {
 	background-image: url("images/tooltipConnectorLeft.gif");
 }
+
 .dj_webkit .tundra .dijitTooltipContainer {
-	-webkit-box-shadow: 0px 5px 10px #adadad;
+	-webkit-box-shadow: 0 5px 10px #adadad;
 }