2 files changed, 66 insertions, 0 deletions
diff --git a/js/dojo/dojox/widget/Wizard/Wizard.css b/js/dojo/dojox/widget/Wizard/Wizard.css
new file mode 100644
index 0000000..cf354a7
--- /dev/null
+++ b/js/dojo/dojox/widget/Wizard/Wizard.css
@@ -0,0 +1,57 @@
+.dojoxWizard {
+	position:relative; 
+}
+
+.dojoxWizardButtons {
+	position:absolute;
+	bottom:5px;
+	right:5px;
+}
+
+/* allot room for the buttons. never let a child overlap */
+.dojoxWizardContainer > * {
+	margin-bottom:39px;
+}
+
+.tundra .dojoxWizard {
+	background: #eeeeee;
+	border: #b7b7b7 1px solid;
+	padding: 2px;
+	border-radius:3pt;
+	-moz-border-radius:3pt;
+	-webkit-border-radius:4pt;
+	-o-border-radius:4pt;
+	-ms-border-radius:4pt;
+}
+
+.soria .dojoxWizard {
+	border:1px solid #b7b7b7;
+	padding:2px;
+	border-radius:3pt;
+	-moz-border-radius:3pt;
+	-webkit-border-radius:4pt;
+	-o-border-radius:4pt;
+	-ms-border-radius:4pt;
+}
+
+.claro .dojoxWizard {
+	border:1px solid #b5bcc7;
+	padding:2px;
+	border-radius:3pt;
+	-moz-border-radius:3pt;
+	-webkit-border-radius:4pt;
+	-o-border-radius:4pt;
+	-ms-border-radius:4pt;
+}
+
+/* remove the border and padding when we're in a dialog, it wraps us */
+.tundra .dijitDialogSingleChild .dojoxWizard, 
+.soria .dijitDialogSingleChild .dojoxWizard, 
+.claro .dijitDialogSingleChild .dojoxWizard {
+	border:none;
+	padding:0;
+}
+
+.claro .dijitDialogSingleChild .dojoxWizardButtons {
+	bottom:1px;
+}
+\ No newline at end of file
diff --git a/js/dojo/dojox/widget/Wizard/Wizard.html b/js/dojo/dojox/widget/Wizard/Wizard.html
new file mode 100644
index 0000000..a91e677
--- /dev/null
+++ b/js/dojo/dojox/widget/Wizard/Wizard.html
@@ -0,0 +1,9 @@
+<div class="dojoxWizard" dojoAttachPoint="wizardNode">
+    <div class="dojoxWizardContainer" dojoAttachPoint="containerNode"></div>
+    <div class="dojoxWizardButtons" dojoAttachPoint="wizardNav">
+        <button dojoType="dijit.form.Button" type="button" dojoAttachPoint="previousButton">${previousButtonLabel}</button>
+        <button dojoType="dijit.form.Button" type="button" dojoAttachPoint="nextButton">${nextButtonLabel}</button>
+        <button dojoType="dijit.form.Button" type="button" dojoAttachPoint="doneButton" style="display:none">${doneButtonLabel}</button>
+        <button dojoType="dijit.form.Button" type="button" dojoAttachPoint="cancelButton">${cancelButtonLabel}</button>
+    </div>
+</div>