From ce7aac5231de59e4db13d3084ca939b419ec0949 Mon Sep 17 00:00:00 2001
From: Stephen Williams <stephenwilliams@salesforce.com>
Date: Tue, 10 Jan 2017 16:10:45 -0500
Subject: [PATCH 1/7] replace java based html linter grunt-html w/ node linter
 grunt-htmllint

---
 .htmllintrc                      |  7 +++++
 .travis.yml                      |  4 ---
 grunt/config/htmllint.js         | 10 ++-----
 package.json                     |  2 +-
 test/markup/repeater-markup.html | 48 ++++++++++++++++----------------
 5 files changed, 35 insertions(+), 36 deletions(-)
 create mode 100644 .htmllintrc

diff --git a/.htmllintrc b/.htmllintrc
new file mode 100644
index 000000000..c10b69eaa
--- /dev/null
+++ b/.htmllintrc
@@ -0,0 +1,7 @@
+{
+    "attr-bans": [],
+    "attr-name-style": false,
+    "id-class-style": false,
+    "line-end-style": false,
+    "label-req-for": false
+}
diff --git a/.travis.yml b/.travis.yml
index a7f53d4e1..30d72e8d4 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -2,10 +2,6 @@ language: node_js
 node_js:
 - 6.8.1
 sudo: false
-addons:
-  apt:
-    packages:
-      - oracle-java8-installer
 install:
 - time npm install
 - time ./node_modules/bower/bin/bower update
diff --git a/grunt/config/htmllint.js b/grunt/config/htmllint.js
index 9ffb0d0a7..0ff410454 100644
--- a/grunt/config/htmllint.js
+++ b/grunt/config/htmllint.js
@@ -1,11 +1,7 @@
 module.exports = {
 	options: {
-		ignore:[
-			'Section lacks heading. Consider using “h2”-“h6” elements to add identifying headings to all sections.',
-			'Bad value X-UA-Compatible for attribute http-equiv on element meta.',
-			'Element head is missing a required instance of child element title.'
-		],
-		force: true
+		force: true,
+		htmllintrc: true
 	},
 	src: ['index.html', 'markup/*.html', 'test/markup/*.html']
-};
\ No newline at end of file
+};
diff --git a/package.json b/package.json
index 4601e91ad..8099e807a 100644
--- a/package.json
+++ b/package.json
@@ -35,7 +35,7 @@
     "grunt-contrib-qunit": "1.2.0",
     "grunt-contrib-uglify": "2.0.0",
     "grunt-contrib-watch": "1.0.0",
-    "grunt-html": "5.0.1",
+    "grunt-htmllint": "^0.2.7",
     "grunt-jsbeautifier": "0.2.13",
     "grunt-prompt": "1.3.3",
     "grunt-saucelabs": "9.0.0",
diff --git a/test/markup/repeater-markup.html b/test/markup/repeater-markup.html
index c8b885bdf..f72e33287 100644
--- a/test/markup/repeater-markup.html
+++ b/test/markup/repeater-markup.html
@@ -62,32 +62,32 @@
 		</div>
 		<div class="repeater-footer-right">
 			<div class="repeater-pagination">
-                <button type="button" class="btn btn-default btn-sm repeater-prev">
-                    <span class="glyphicon glyphicon-chevron-left"></span>
-                    <span class="sr-only">Previous Page</span>
-                </button>
-                <label id="MyPageLabel1" class="page-label">Page</label>
-                <div class="repeater-primaryPaging active">
-                    <div class="input-group input-append dropdown combobox">
-                        <input type="text" class="form-control" aria-labelledby="MyPageLabel1">
-                        <div class="input-group-btn">
-                            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
-                                <span class="caret"></span>
-                                <span class="sr-only">Toggle Dropdown</span>
-                            </button>
-                            <ul class="dropdown-menu dropdown-menu-right"></ul>
-                        </div>
-                    </div>
-                </div>
-                <input type="text" class="form-control repeater-secondaryPaging" aria-labelledby="MyPageLabel1">
-                <span>of <span class="repeater-pages"></span></span>
-                <button type="button" class="btn btn-default btn-sm repeater-next">
-                    <span class="glyphicon glyphicon-chevron-right"></span>
-                    <span class="sr-only">Next Page</span>
-                </button>
+				<button type="button" class="btn btn-default btn-sm repeater-prev">
+					<span class="glyphicon glyphicon-chevron-left"></span>
+					<span class="sr-only">Previous Page</span>
+				</button>
+				<label id="MyPageLabel1" class="page-label">Page</label>
+				<div class="repeater-primaryPaging active">
+					<div class="input-group input-append dropdown combobox">
+						<input type="text" class="form-control" aria-labelledby="MyPageLabel1">
+						<div class="input-group-btn">
+							<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+								<span class="caret"></span>
+								<span class="sr-only">Toggle Dropdown</span>
+							</button>
+							<ul class="dropdown-menu dropdown-menu-right"></ul>
+						</div>
+					</div>
+				</div>
+				<input type="text" class="form-control repeater-secondaryPaging" aria-labelledby="MyPageLabel1">
+				<span>of <span class="repeater-pages"></span></span>
+				<button type="button" class="btn btn-default btn-sm repeater-next">
+					<span class="glyphicon glyphicon-chevron-right"></span>
+					<span class="sr-only">Next Page</span>
+				</button>
 			</div>
 		</div>
 	</div>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>

From 7122629d6b2a3de54dcf25a9b0cb0f664ec0fa99 Mon Sep 17 00:00:00 2001
From: Stephen Williams <stephenwilliams@salesforce.com>
Date: Wed, 11 Jan 2017 13:27:11 -0500
Subject: [PATCH 2/7] update html lint rc to prevent breaking changes in
 current markup

---
 .htmllintrc | 72 +++++++++++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 67 insertions(+), 5 deletions(-)

diff --git a/.htmllintrc b/.htmllintrc
index c10b69eaa..5a668b235 100644
--- a/.htmllintrc
+++ b/.htmllintrc
@@ -1,7 +1,69 @@
 {
-    "attr-bans": [],
-    "attr-name-style": false,
-    "id-class-style": false,
-    "line-end-style": false,
-    "label-req-for": false
+  "attr-bans": [
+      "align",
+      "background",
+      "bgcolor",
+      "border",
+      "dynsrc",
+      "frameborder",
+      "longdesc",
+      "lowsrc",
+      "onclick",
+      "ondblclick",
+      "onload",
+      "marginwidth",
+      "marginheight",
+      "scrolling",
+      "width"
+  ],
+  "attr-name-ignore-regex": false,
+  "attr-name-style": false,
+  "attr-no-dup": true,
+  "attr-no-unsafe-chars": true,
+  "attr-quote-style": "double",
+  "attr-req-value": true,
+  "class-no-dup": true,
+  "class-style": false,
+  "csslint": false,
+  "doctype-first": false,
+  "doctype-html5": false,
+  "fig-req-figcaption": true,
+  "focusable-tabindex-style": false,
+  "head-req-title": true,
+  "href-style": false,
+  "html-req-lang": true,
+  "id-class-ignore-regex": false,
+  "id-class-no-ad": true,
+  "id-class-style": false,
+  "id-style": "camel",
+  "id-no-dup": true,
+  "input-radio-req-name": false,
+  "img-req-alt": true,
+  "img-req-src": true,
+  "indent-style": "tabs",
+  "indent-width": 2,
+  "indent-width-cont": true,
+  "input-req-label": false,
+  "label-req-for": false,
+  "lang-style": "case",
+  "line-end-style": "lf",
+  "line-max-len": 120,
+  "line-max-len-ignore-regex": "/href/g",
+  "page-title": true,
+  "spec-char-escape": true,
+  "table-req-caption": false,
+  "table-req-header": false,
+  "tag-bans": [
+      "b",
+      "i",
+      "keygen",
+      "style"
+  ],
+  "tag-close": true,
+  "tag-name-lowercase": true,
+  "tag-name-match": true,
+  "tag-self-close": "never",
+  "text-escape-spec-char": true,
+  "title-max-len": 60,
+  "title-no-dup": true
 }

From 225f4421f3979bccad3df1f7437e914fb7e8b6bb Mon Sep 17 00:00:00 2001
From: Stephen Williams <stephenwilliams@salesforce.com>
Date: Wed, 11 Jan 2017 13:31:00 -0500
Subject: [PATCH 3/7] change dos to unix line endings

---
 index.html | 4512 ++++++++++++++++++++++++++--------------------------
 1 file changed, 2256 insertions(+), 2256 deletions(-)

diff --git a/index.html b/index.html
index 5f5db1a07..dfeb311e4 100644
--- a/index.html
+++ b/index.html
@@ -1,2256 +1,2256 @@
-<!DOCTYPE html>
-<html lang="en" class="fuelux">
-<head>
-	<meta charset="utf-8">
-	<title>Fuel UX 3</title>
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-	<link href="bower_components/bootstrap/dist/css/bootstrap.css" rel="stylesheet" type="text/css">
-
-	<!-- allows for visual check of compiled LESS for debugging/testing purposes. Uncomment this, and comment out client-side LESS compilation code below to use this -->
-	<!--<link href="dist/css/fuelux.css" rel="stylesheet" type="text/css">-->
-	<!--<link href="dist/css/fuelux.min.css" rel="stylesheet" type="text/css">-->
-
-	<!--CLIENT-SIDE LESS COMPILATION FOR WATCHER-LESS DEV-->
-	<link href="less/fuelux.less" rel="stylesheet/less" type="text/css"/>
-	<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/1.7.0/less.min.js"></script>
-	<script type="text/javascript">if(window.console && window.console.clear){ window.console.clear(); }</script>
-
-	<link href="index.css" rel="stylesheet" type="text/css">
-	<!-- <link href="http://www.fuelcdn.com/fuelux-mctheme/1.4.0/css/fuelux-mctheme.css" rel="stylesheet" type="text/css" /> -->
-
-	<script src="bower_components/requirejs/require.js"></script>
-	<script type="text/javascript">
-		(function () {
-			requirejs.config({
-				config: {
-					moment: {
-						noGlobal: true
-					}
-				},
-				paths: {
-					jquery: 'bower_components/jquery/dist/jquery',
-					underscore: 'bower_components/underscore/underscore',
-					bootstrap: 'bower_components/bootstrap/dist/js/bootstrap',
-					moment: 'bower_components/moment/min/moment-with-locales',
-					fuelux: 'js',
-					hbs: 'bower_components/require-handlebars-plugin/hbs',
-					fuelux_templates: 'templates/handlebars/fuelux',
-					bootstrap_templates: 'templates/handlebars/bootstrap'
-				},
-				shim: {
-					'bootstrap': {
-						deps: ['jquery'],
-						exports: 'bootstrap'
-					}
-				},
-				hbs: {
-					partialsUrl: 'templates/handlebars'
-				}
-			});
-		})();
-		require(['jquery', 'index'], function($){ });
-	</script>
-</head>
-<body>
-	<form>
-		<div class="container" id="mainWrapper">
-			<section id="checkboxes">
-				<h2>Checkboxes</h2>
-				<div class="thin-box">
-					<section id="checkboxes-block">
-
-						<div class="checkbox" id="myCheckbox">
-							<label class="checkbox-custom" data-initialize="checkbox" id="myCustomCheckbox1">
-								<input class="sr-only" type="checkbox" value="">
-								<span class="checkbox-label">Custom checkbox unchecked on page load</span>
-							</label>
-						</div>
-						<div class="checkbox" id="myCheckbox2">
-							<label class="checkbox-custom checked" data-initialize="checkbox" id="myCustomCheckbox2">
-								<input class="sr-only" checked="checked" type="checkbox" value="">
-								<span class="checkbox-label">Custom checkbox checked on page load</span>
-							</label>
-						</div>
-						<div class="checkbox" id="myCheckbox3">
-							<label class="checkbox-custom" data-initialize="checkbox" id="myCustomCheckbox3">
-								<input class="sr-only" disabled="disabled" type="checkbox" value="">
-								<span class="checkbox-label">Disabled custom checkbox unchecked on page load</span>
-							</label>
-						</div>
-						<div class="checkbox" id="myCheckbox4">
-							<label class="checkbox-custom checked disabled" data-initialize="checkbox" id="myCustomCheckbox4">
-								<input class="sr-only" checked="checked" disabled="disabled" type="checkbox" value="">
-								<span class="checkbox-label">Disabled custom checkbox checked on page load</span>
-							</label>
-						</div>
-					</section>
-
-					<section id="checkboxes-inline">
-						<label class="checkbox-custom checkbox-inline" data-initialize="checkbox" id="myCustomInlineCheckbox1">
-							<input type="checkbox" class="sr-only" checked="checked">
-							<span class="checkbox-label">1, 2, buckle my shoe</span>
-						</label>
-						<label class="checkbox-custom checkbox-inline" data-initialize="checkbox" id="myCustomInlineCheckbox2">
-							<input type="checkbox" class="sr-only">
-							<span class="checkbox-label">3, 4, shut the door</span>
-						</label>
-						<label class="checkbox-custom checkbox-inline" data-initialize="checkbox" id="myCustomInlineCheckbox3">
-							<input type="checkbox" class="sr-only" disabled="disabled">
-							<span class="checkbox-label">5, 6, pick up sticks</span>
-						</label>
-						<label class="checkbox-custom checkbox-inline" data-initialize="checkbox" id="myCustomInlineCheckbox4">
-							<input type="checkbox" class="checked sr-only" checked="checked" disabled="disabled">
-							<span class="checkbox-label">7, 8, lay them straight</span>
-						</label>
-					</section>
-
-					<section id="checkboxes-toggling">
-						<div class="checkbox">
-							<label class="checkbox-custom" data-initialize="checkbox" id="myCustomTogglingCheckbox1">
-								<input type="checkbox" class="sr-only" data-toggle=".checkboxToggle">
-								<span class="checkbox-label">Custom checkbox toggles by class</span>
-							</label>
-						</div>
-						<div class="checkbox">
-							<label class="checkbox-custom" data-initialize="checkbox" id="myCustomTogglingCheckbox2">
-								<input type="checkbox" class="sr-only" data-toggle="#checkboxToggle">
-								<span class="checkbox-label">Custom checkbox toggles by id</span>
-							</label>
-						</div>
-						<div aria-hidden="true" class="checkboxToggle alert alert-warning hidden">This message's visibility toggles by class with a checkbox above.</div>
-						<div aria-hidden="true" class="checkboxToggle alert alert-success hidden">This message's visibility toggles by class with a checkbox above.</div>
-						<div aria-hidden="true" class="alert alert-info hidden" id="checkboxToggle">This message's visibility toggles by id with a checkbox above.</div>
-					</section>
-
-					<section id="checkboxes-highlighting-block"><!-- why duplicate the highlight classes on div.checkbox and label?, why span.checkbox-label vs. text node, why does checked input require 'checked' class too? -->
-						<div class="checkbox highlight">
-							<label class="checkbox-custom highlight" data-initialize="checkbox" id="myCustomHighlightCheckbox1">
-								<input type="checkbox" class="sr-only">
-								<span class="checkbox-label">Custom block-level highlight checkbox</span>
-							</label>
-						</div>
-						<div class="checkbox highlight">
-							<label class="checkbox-custom highlight" data-initialize="checkbox" id="myCustomHighlightCheckbox2">
-								<input type="checkbox" class="sr-only">
-								<span class="checkbox-label">Custom block-level highlight checkbox</span>
-							</label>
-						</div>
-						<div class="checkbox highlight">
-							<label class="checkbox-custom highlight" data-initialize="checkbox" id="myCustomHighlightCheckbox3">
-								<input type="checkbox" class="sr-only">
-								<span class="checkbox-label">Custom block-level highlight checkbox</span>
-							</label>
-						</div>
-						<div class="checkbox highlight">
-							<label class="checkbox-custom highlight" data-initialize="checkbox" id="myCustomHighlightCheckbox4">
-								<input type="checkbox" class="sr-only">
-								<span class="checkbox-label">Custom block-level highlight checkbox</span>
-							</label>
-						</div>
-					</section>
-
-					<section id="checkbox-add-on" class="x-panel x-panel-default">
-						<header class="hidden x-panel-heading">
-							<h3 class="panel-title">Checkbox within input-group-addon</h3>
-						</header>
-						<section class="x-panel-body">
-							<div class="input-group" id="inputwithcheckbox">
-								<input id="inputwithcheckboxInput" name="inputwithcheckboxInput" class=" form-control" placeholder="placeholder">
-								<label class="input-group-addon checkbox-custom" data-initialize="checkbox">
-									<input class="sr-only" type="checkbox" aria-label="..." id="inputwithcheckboxCheckbox" value="option1">
-								</label>
-							</div>
-							<div class="input-group" id="inputwithcheckbox2">
-								<label class="input-group-addon checkbox-custom" data-initialize="checkbox">
-									<input class="sr-only" type="checkbox" aria-label="..." id="inputwithcheckboxCheckbox2" value="option1">
-								</label>
-								<input id="inputwithcheckboxInput2" name="inputwithcheckboxInput2" class=" form-control" placeholder="placeholder">
-							</div><!-- /input-group -->
-						</section>
-					</section>
-
-					<section id="checkboxes-highlighting-inline">
-						<label class="checkbox-custom checkbox-inline highlight" data-initialize="checkbox" id="myCustomHighlightCheckbox5">
-							<input type="checkbox" class="sr-only">
-							<span class="checkbox-label">Custom inline highlight checkbox</span>
-						</label>
-						<label class="checkbox-custom checkbox-inline highlight" data-initialize="checkbox" id="myCustomHighlightCheckbox6">
-							<input type="checkbox" class="sr-only">
-							<span class="checkbox-label">Custom inline highlight checkbox</span>
-						</label>
-					</section>
-				</div>
-				<div class="btn-panel">
-					<button type="button" class="btn btn-default" id="btnCheckboxToggle">toggle #myCustomCheckbox1</button>
-					<button type="button" class="btn btn-default" id="btnCheckboxDisable">disable #myCustomCheckbox1</button>
-					<button type="button" class="btn btn-default" id="btnCheckboxEnable">enable #myCustomCheckbox1</button>
-					<button type="button" class="btn btn-default" id="btnCheckboxDestroy">destroy and append #myCustomCheckbox1</button>
-					<button type="button" class="btn btn-default" id="btnCheckboxIsChecked">is #myCustomCheckbox1 checked?</button>
-					<button type="button" class="btn btn-default" id="btnCheckboxGetValue">log #myCustomCheckbox1 value</button>
-					<button type="button" class="btn btn-default" id="btnCheckboxCheck">check #myCustomCheckbox1</button>
-					<button type="button" class="btn btn-default" id="btnCheckboxUncheck">uncheck #myCustomCheckbox1</button>
-				</div>
-			</section>
-
-			<section id="checkboxes-no-js">
-				<h2>Checkboxes (no javascript)</h2>
-				<div class="thin-box">
-					<section id="checkboxes-no-js-block" class="x-panel x-panel-default">
-						<header class="hidden x-panel-heading">
-							<h3 class="panel-title">Checkboxes (no javascript) Block</h3>
-						</header>
-						<section class="x-panel-body">
-
-							<div class="checkbox">
-								<input type="checkbox" id="checkboxes-no-js-block--1" name="checkboxes-no-js-block--1" value="">
-								<label for="checkboxes-no-js-block--1">
-									Checkbox: unchecked on page load
-								</label>
-							</div>
-
-							<div class="checkbox">
-								<input type="checkbox" id="checkboxes-no-js-block--2" name="checkboxes-no-js-block--2" checked="checked" value="">
-								<label for="checkboxes-no-js-block--2">
-									Checkbox: checked on page load
-								</label>
-							</div>
-
-							<div class="checkbox">
-								<input type="checkbox" id="checkboxes-no-js-block--3" name="checkboxes-no-js-block--3" disabled="disabled" value="">
-								<label for="checkboxes-no-js-block--3">
-									Checkbox: disabled and unchecked on page load
-								</label>
-							</div>
-
-							<div class="checkbox">
-								<input type="checkbox" id="checkboxes-no-js-block--4" name="checkboxes-no-js-block--4" disabled="disabled" checked="checked" value="">
-								<label for="checkboxes-no-js-block--4">
-									Checkbox: disabled and checked on page load
-								</label>
-							</div>
-
-						</section>
-					</section>
-
-
-					<section id="checkboxes-no-js-inline" class="x-panel x-panel-default">
-						<header class="hidden x-panel-heading">
-							<h3 class="panel-title">Checkboxes (no javascript) Inline</h3>
-						</header>
-						<section class="x-panel-body">
-
-							<span class="checkbox-inline">
-								<input type="checkbox" id="checkboxes-no-js-inline--1" name="checkboxes-no-js-inline--1" checked="checked" value="">
-								<label for="checkboxes-no-js-inline--1">
-									1, 2, buckle my shoe
-								</label>
-							</span>
-
-							<span class="checkbox-inline">
-								<input type="checkbox" id="checkboxes-no-js-inline--2" name="checkboxes-no-js-inline--2" value="">
-								<label for="checkboxes-no-js-inline--2">
-									3, 4, shut the door
-								</label>
-							</span>
-
-							<span class="checkbox-inline">
-								<input type="checkbox" id="checkboxes-no-js-inline--3" name="checkboxes-no-js-inline--3" checked="checked" disabled="disabled" value="">
-								<label for="checkboxes-no-js-inline--3">
-									5, 6, pick up sticks
-								</label>
-							</span>
-
-							<span class="checkbox-inline">
-								<input type="checkbox" id="checkboxes-no-js-inline--4" name="checkboxes-no-js-inline--4" disabled="disabled" value="">
-								<label for="checkboxes-no-js-inline--4">
-									7, 8, lay them straight
-								</label>
-							</span>
-
-						</section>
-					</section>
-
-
-
-
-					<section id="checkboxes-no-js-toggling" class="x-panel x-panel-default">
-						<header class="hidden x-panel-heading">
-							<h3 class="panel-title">Checkboxes (no javascript) Toggling</h3>
-						</header>
-						<div class="x-panel-body">
-
-							<div class="checkbox">
-								<input type="checkbox" id="checkboxes-no-js-toggling--1" name="checkboxes-no-js-toggling--1" data-toggle="collapse" data-target=".checkboxes-no-js-toggling-class" value="">
-								<label for="checkboxes-no-js-toggling--1">
-									Toggles by class
-								</label>
-							</div>
-
-							<div class="checkbox">
-								<input type="checkbox" id="checkboxes-no-js-toggling--2" name="checkboxes-no-js-toggling--2" data-toggle="collapse" data-target="#checkboxes-no-js-toggling-id" aria-controls="checkboxes-no-js-toggling-id" value="">
-								<label for="checkboxes-no-js-toggling--2">
-									Toggles by ID
-								</label>
-							</div>
-
-
-							<div aria-hidden="true" class="alert alert-warning fade collapse checkboxes-no-js-toggling-class">This message's visibility toggles by class with a checkbox above.</div>
-							<div aria-hidden="true" class="alert alert-success fade collapse checkboxes-no-js-toggling-class">This message's visibility toggles by class with a checkbox above.</div>
-							<div aria-hidden="true" class="alert alert-info fade collapse" id="checkboxes-no-js-toggling-id">This message's visibility toggles by id with a checkbox above.</div>
-
-						</div>
-					</section>
-
-
-
-					<section id="checkboxes-no-js-block-highlighting" class="x-panel x-panel-default">
-						<header class="hidden x-panel-heading">
-							<h3 class="panel-title">Checkboxes (no javascript) Block Highlighting</h3>
-						</header>
-						<section class="x-panel-body">
-
-							<div class="checkbox highlight">
-								<input type="checkbox" id="checkboxes-no-js-block-highlighting--1" name="checkboxes-no-js-block-highlighting--1" checked="checked" value="">
-								<label for="checkboxes-no-js-block-highlighting--1">
-									Checkbox: checked on page load
-								</label>
-							</div>
-
-							<div class="checkbox highlight">
-								<input type="checkbox" id="checkboxes-no-js-block-highlighting--2" name="checkboxes-no-js-block-highlighting--2" value="">
-								<label for="checkboxes-no-js-block-highlighting--2">
-									Checkbox: unchecked on page load
-								</label>
-							</div>
-
-							<div class="checkbox highlight">
-								<input type="checkbox" id="checkboxes-no-js-block-highlighting--3" name="checkboxes-no-js-block-highlighting--3" checked="checked" disabled="disabled" value="">
-								<label for="checkboxes-no-js-block-highlighting--3">
-									Checkbox: unchecked and disabled on page load
-								</label>
-							</div>
-
-							<div class="checkbox highlight">
-								<input type="checkbox" id="checkboxes-no-js-block-highlighting--4" name="checkboxes-no-js-block-highlighting--4" disabled="disabled" value="">
-								<label for="checkboxes-no-js-block-highlighting--4">
-									Checkbox: checked and disabled on page load
-								</label>
-							</div>
-
-						</section>
-					</section>
-
-					<section id="checkbox-no-js-multiline" class="x-panel x-panel-default">
-						<header class="hidden x-panel-heading">
-							<h3 class="panel-title">Checkbox (no javascript) Checkbox with multiple line label</h3>
-						</header>
-						<section class="x-panel-body">
-
-							<div class="form-horizontal">
-								<div class="form-group">
-									<div class="checkbox multiline">
-										<input type="checkbox" id="checkboxes-no-js-multiline" name="checkboxes-no-js-multiline" checked="checked" value="">
-										<label for="checkboxes-no-js-multiline"></label>
-									</div>
-									<div class="control-label">
-										<label for="checkboxes-no-js-multiline">Have you eaten an african cherry orange, bilberry, ceylon gooseberry, dead man's fingers, or a governor’s plum?</label>
-									</div>
-								</div>
-							</div>
-
-						</section>
-					</section>
-
-					<section id="checkboxes-no-js-inline-highlighting" class="x-panel x-panel-default">
-						<header class="hidden x-panel-heading">
-							<h3 class="panel-title">Checkboxes (no javascript) Inline Highlighting</h3>
-						</header>
-						<section class="x-panel-body">
-
-							<span class="checkbox-inline highlight">
-								<input type="checkbox" id="checkboxes-no-js-inline-highlighting--1" name="checkboxes-no-js-inline-highlighting--1" checked="checked" value="">
-								<label for="checkboxes-no-js-inline-highlighting--1">
-									1, 2, buckle my shoe
-								</label>
-							</span>
-
-							<span class="checkbox-inline highlight">
-								<input type="checkbox" id="checkboxes-no-js-inline-highlighting--2" name="checkboxes-no-js-inline-highlighting--2" value="">
-								<label for="checkboxes-no-js-inline-highlighting--2">
-									3, 4, shut the door
-								</label>
-							</span>
-
-							<span class="checkbox-inline highlight">
-								<input type="checkbox" id="checkboxes-no-js-inline-highlighting--3" name="checkboxes-no-js-inline-highlighting--3" checked="checked" disabled="disabled" value="">
-								<label for="checkboxes-no-js-inline-highlighting--3">
-									5, 6, pick up sticks
-								</label>
-							</span>
-
-							<span class="checkbox-inline highlight">
-								<input type="checkbox" id="checkboxes-no-js-inline-highlighting--4" name="checkboxes-no-js-inline-highlighting--4" disabled="disabled" value="">
-								<label for="checkboxes-no-js-inline-highlighting--4">
-									7, 8, lay them straight
-								</label>
-							</span>
-
-						</section>
-					</section>
-
-
-
-
-				</div>
-			</section>
-
-			<section id="combobox">
-				<h2>Combobox</h2>
-				<div class="thin-box">
-					<div style="width: 300px;">
-
-						<div class="input-group input-append dropdown combobox" id="myCombobox">
-							<input type="text" class="form-control">
-							<div class="input-group-btn">
-								<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" data-flip="auto"><span class="caret"></span>
-								</button>
-								<ul class="dropdown-menu dropdown-menu-right" data-target="window" role="menu">
-									<li data-value="1"><a href="#">One</a>
-									</li>
-									<li data-value="2"><a href="#">Two</a>
-									</li>
-									<li data-selected="true" data-value="3"><a href="#">Three</a>
-									</li>
-									<li data-value="4"><a href="#">Four</a>
-									</li>
-									<li data-value="Item Five" data-foo="bar" data-fizz="buzz"><a href="#">Item Five</a>
-									</li>
-								</ul>
-							</div>
-						</div>
-
-					</div>
-				</div>
-				<div class="btn-panel">
-					<button id="btnComboboxGetSelectedItem" type="button" class="btn btn-default">log item</button>
-					<button id="btnComboboxSelectByValue" type="button" class="btn btn-default">set by value (One)</button>
-					<button id="btnComboboxSelectByIndex" type="button" class="btn btn-default">set by element index (Two)</button>
-					<button id="btnComboboxSelectByText" type="button" class="btn btn-default">set by text (Four)</button>
-					<button id="btnComboboxSelectBySelector" type="button" class="btn btn-default">set by CSS selector li[data-fizz=buzz] (Item Five)</button>
-					<button id="btnComboboxDisable" type="button" class="btn btn-default">disable</button>
-					<button id="btnComboboxEnable" type="button" class="btn btn-default">enable</button>
-					<button id="btnComboboxDestroy" type="button" class="btn btn-default">destroy and append</button>
-				</div>
-			</section>
-
-			<section id="datepicker">
-				<h2>Datepicker</h2>
-				<div class="thin-box">
-					<div style="width: 300px;">
-
-						<div class="datepicker" id="myDatepicker">
-							<div class="input-group">
-								<input class="form-control" id="myDatepickerInput" type="text" />
-								<div class="input-group-btn">
-									<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
-										<span class="glyphicon glyphicon-calendar"></span>
-										<span class="sr-only">Toggle Calendar</span>
-									</button>
-									<div class="dropdown-menu dropdown-menu-right datepicker-calendar-wrapper" role="menu">
-										<div class="datepicker-calendar">
-											<div class="datepicker-calendar-header">
-												<button type="button" class="prev"><span class="glyphicon glyphicon-chevron-left"></span><span class="sr-only">Previous Month</span>
-												</button>
-												<button type="button" class="next"><span class="glyphicon glyphicon-chevron-right"></span><span class="sr-only">Next Month</span>
-												</button>
-												<button type="button" class="title">
-													<span class="month">
-														<span data-month="0">January</span>
-													<span data-month="1">February</span>
-													<span data-month="2">March</span>
-													<span data-month="3">April</span>
-													<span data-month="4">May</span>
-													<span data-month="5">June</span>
-													<span data-month="6">July</span>
-													<span data-month="7">August</span>
-													<span data-month="8">September</span>
-													<span data-month="9">October</span>
-													<span data-month="10">November</span>
-													<span data-month="11">December</span>
-													</span> <span class="year"></span>
-												</button>
-											</div>
-											<table class="datepicker-calendar-days">
-												<thead>
-													<tr>
-														<th>Su</th>
-														<th>Mo</th>
-														<th>Tu</th>
-														<th>We</th>
-														<th>Th</th>
-														<th>Fr</th>
-														<th>Sa</th>
-													</tr>
-												</thead>
-												<tbody></tbody>
-											</table>
-											<div class="datepicker-calendar-footer">
-												<button type="button" class="datepicker-today">Today</button>
-											</div>
-										</div>
-										<div class="datepicker-wheels" aria-hidden="true">
-											<div class="datepicker-wheels-month">
-												<h2 class="header">Month</h2>
-												<ul>
-													<li data-month="0">
-														<button type="button">Jan</button>
-													</li>
-													<li data-month="1">
-														<button type="button">Feb</button>
-													</li>
-													<li data-month="2">
-														<button type="button">Mar</button>
-													</li>
-													<li data-month="3">
-														<button type="button">Apr</button>
-													</li>
-													<li data-month="4">
-														<button type="button">May</button>
-													</li>
-													<li data-month="5">
-														<button type="button">Jun</button>
-													</li>
-													<li data-month="6">
-														<button type="button">Jul</button>
-													</li>
-													<li data-month="7">
-														<button type="button">Aug</button>
-													</li>
-													<li data-month="8">
-														<button type="button">Sep</button>
-													</li>
-													<li data-month="9">
-														<button type="button">Oct</button>
-													</li>
-													<li data-month="10">
-														<button type="button">Nov</button>
-													</li>
-													<li data-month="11">
-														<button type="button">Dec</button>
-													</li>
-												</ul>
-											</div>
-											<div class="datepicker-wheels-year">
-												<h2 class="header">Year</h2>
-												<ul></ul>
-											</div>
-											<div class="datepicker-wheels-footer clearfix">
-												<button type="button" class="btn datepicker-wheels-back"><span class="glyphicon glyphicon-arrow-left"></span><span class="sr-only">Return to Calendar</span>
-												</button>
-												<button type="button" class="btn datepicker-wheels-select">Select <span class="sr-only">Month and Year</span>
-												</button>
-											</div>
-										</div>
-									</div>
-								</div>
-							</div>
-						</div>
-
-					</div>
-				</div>
-				<div class="btn-panel">
-					<button type="button" class="btn btn-default" id="btnDatepickerEnable">enable</button>
-					<button type="button" class="btn btn-default" id="btnDatepickerDisable">disable</button>
-					<button type="button" class="btn btn-default" id="btnDatepickerLogFormattedDate">log formatted date</button>
-					<button type="button" class="btn btn-default" id="btnDatepickerLogDateObj">log date object</button>
-					<button type="button" class="btn btn-default" id="btnDatepickerSetDate">set date 7 days ahead (will log new value)</button>
-					<button type="button" class="btn btn-default" id="btnDatepickerDestroy">destroy and append</button>
-				</div>
-			</section>
-
-			<section id="infinitescroll">
-				<h2>Infinite Scroll</h2>
-				<div class="clearfix thin-box">
-					<div class="infinitescroll" id="myInfiniteScroll1">
-						<p>Hodor, hodor. Hodor. Hodor, hodor hodor hodor hodor, hodor. Hodor hodor, hodor, hodor hodor. Hodor! Hodor hodor, hodor - hodor hodor hodor? Hodor hodor HODOR! Hodor hodor, hodor. Hodor hodor... Hodor hodor hodor hodor?! Hodor hodor HODOR! Hodor hodor - hodor, hodor. Hodor hodor hodor! Hodor hodor - hodor... Hodor hodor hodor, hodor, hodor hodor. Hodor hodor - hodor; hodor hodor hodor hodor?! Hodor, HODOR hodor, hodor hodor? Hodor! Hodor hodor, hodor, hodor. Hodor hodor? </p>
-						<p>Hodor hodor HODOR! Hodor hodor hodor - hodor, hodor, hodor hodor. Hodor. Hodor hodor - hodor?! Hodor HODOR hodor, hodor hodor. Hodor. Hodor hodor - hodor HODOR hodor, hodor hodor hodor! Hodor. Hodor hodor hodor hodor hodor?! Hodor hodor HODOR! Hodor hodor hodor hodor, hodor, hodor hodor. Hodor! Hodor hodor, hodor; hodor hodor hodor, hodor, hodor hodor. </p>
-						<p>Hodor hodor hodor - hodor? Hodor hodor hodor hodor hodor hodor! Hodor! Hodor hodor, hodor, hodor. Hodor hodor; hodor hodor - hodor. Hodor. Hodor hodor hodor. Hodor! Hodor hodor, hodor - hodor? </p>
-						<p>Hodor hodor HODOR! Hodor hodor hodor; hodor hodor hodor! Hodor. Hodor hodor... Hodor hodor hodor hodor. Hodor, hodor, hodor. Hodor hodor - HODOR hodor, hodor hodor? Hodor, hodor. Hodor. Hodor, hodor - HODOR hodor, hodor hodor - hodor. Hodor hodor, hodor. Hodor hodor?! Hodor hodor... Hodor hodor hodor - hodor. Hodor. </p>
-						<p>Hodor, hodor. Hodor. Hodor, HODOR hodor, hodor HODOR hodor, hodor hodor hodor, hodor. Hodor hodor. Hodor. Hodor hodor - hodor... Hodor hodor hodor, hodor, hodor hodor. Hodor, hodor. Hodor. Hodor, hodor hodor hodor? Hodor hodor - hodor... Hodor hodor hodor?! Hodor, hodor hodor hodor; hodor hodor; hodor hodor hodor! </p>
-					</div>
-					<div class="infinitescroll" id="myInfiniteScroll2">
-						<p>Hodor, hodor. Hodor. Hodor, hodor hodor hodor hodor, hodor. Hodor hodor, hodor, hodor hodor. Hodor! Hodor hodor, hodor - hodor hodor hodor? Hodor hodor HODOR! Hodor hodor, hodor. Hodor hodor... Hodor hodor hodor hodor?! Hodor hodor HODOR! Hodor hodor - hodor, hodor. Hodor hodor hodor! Hodor hodor - hodor... Hodor hodor hodor, hodor, hodor hodor. Hodor hodor - hodor; hodor hodor hodor hodor?! Hodor, HODOR hodor, hodor hodor? Hodor! Hodor hodor, hodor, hodor. Hodor hodor? </p>
-						<p>Hodor hodor HODOR! Hodor hodor hodor - hodor, hodor, hodor hodor. Hodor. Hodor hodor - hodor?! Hodor HODOR hodor, hodor hodor. Hodor. Hodor hodor - hodor HODOR hodor, hodor hodor hodor! Hodor. Hodor hodor hodor hodor hodor?! Hodor hodor HODOR! Hodor hodor hodor hodor, hodor, hodor hodor. Hodor! Hodor hodor, hodor; hodor hodor hodor, hodor, hodor hodor. </p>
-						<p>Hodor hodor hodor - hodor? Hodor hodor hodor hodor hodor hodor! Hodor! Hodor hodor, hodor, hodor. Hodor hodor; hodor hodor - hodor. Hodor. Hodor hodor hodor. Hodor! Hodor hodor, hodor - hodor? </p>
-						<p>Hodor hodor HODOR! Hodor hodor hodor; hodor hodor hodor! Hodor. Hodor hodor... Hodor hodor hodor hodor. Hodor, hodor, hodor. Hodor hodor - HODOR hodor, hodor hodor? Hodor, hodor. Hodor. Hodor, hodor - HODOR hodor, hodor hodor - hodor. Hodor hodor, hodor. Hodor hodor?! Hodor hodor... Hodor hodor hodor - hodor. Hodor. </p>
-						<p>Hodor, hodor. Hodor. Hodor, HODOR hodor, hodor HODOR hodor, hodor hodor hodor, hodor. Hodor hodor. Hodor. Hodor hodor - hodor... Hodor hodor hodor, hodor, hodor hodor. Hodor, hodor. Hodor. Hodor, hodor hodor hodor? Hodor hodor - hodor... Hodor hodor hodor?! Hodor, hodor hodor hodor; hodor hodor; hodor hodor hodor! </p>
-					</div>
-				</div>
-				<div class="btn-panel">
-					<button type="button" class="btn btn-default" id="btnInfiniteScrollEnable">enable</button>
-					<button type="button" class="btn btn-default" id="btnInfiniteScrollDisable">disable</button>
-					<button type="button" class="btn btn-default" id="btnInfiniteScrollDestroy">destroy and append</button>
-				</div>
-			</section>
-
-			<section id="loader">
-				<h2>Loader</h2>
-				<div class="clearfix thin-box" id="loaderWrapper">
-					<div class="loader" data-initialize="loader" id="myLoader1"></div>
-				</div>
-				<div class="btn-panel">
-					<button type="button" class="btn btn-default" id="btnLoaderDestroy">destroy and append</button>
-				</div>
-			</section>
-
-			<section id="pillbox">
-				<h2>Pillbox</h2>
-				<div class="thin-box">
-					<div id="myPillbox1Wrapper" style="width: 300px;"></div>
-					<br/>
-					<div id="myPillbox2Wrapper" style="width: 230px;"></div>
-				</div>
-				<div class="btn-panel">
-					<!--<button type="button" class="btn btn-default" id="btnPillboxEnable">enable</button>-->
-					<!--<button type="button" class="btn btn-default" id="btnPillboxDisable">disable</button>-->
-					<button type="button" class="btn btn-default" id="btnPillboxAdd">add with color</button>
-					<button type="button" class="btn btn-default" id="btnPillboxRemoveByValue">remove by value "item 2"</button>
-					<button type="button" class="btn btn-default" id="btnPillboxRemoveBySelector">remove by selector ".example-pill-class"</button>
-					<button type="button" class="btn btn-default" id="btnPillboxRemoveByText">remove by text "item 3"</button>
-					<button type="button" class="btn btn-default" id="btnPillboxItems">log items to console</button>
-					<button type="button" class="btn btn-default" id="btnPillboxDestroy">destroy and append</button>
-				</div>
-			</section>
-
-			<section id="placard">
-				<h2>Placard</h2>
-				<div class="thin-box">
-					<div class="placard" data-initialize="placard" id="myPlacard1">
-						<div class="placard-popup"></div>
-						<input class="form-control placard-field" type="text" />
-					</div>
-
-					<br/>
-
-					<div class="placard" data-ellipsis="true" data-initialize="placard" id="myPlacard2">
-						<div class="placard-popup"></div>
-						<div class="placard-header">
-							<h5>Header</h5>
-						</div>
-						<input class="form-control placard-field" type="text" />
-						<div class="placard-footer">
-							<a class="placard-cancel" href="#">Cancel</a>
-							<button class="btn btn-primary btn-xs placard-accept" type="button">Save</button>
-						</div>
-					</div>
-
-					<br/>
-					<br/>
-
-					<div style="background: #eee; display: inline-block; padding: 10px;">
-						<div class="placard" data-ellipsis="true" data-initialize="placard" id="myPlacard3">
-							<div class="placard-popup"></div>
-							<div class="placard-header">
-								<h5>Header</h5>
-							</div>
-							<textarea class="form-control glass placard-field"></textarea>
-							<div class="placard-footer">
-								<a class="placard-cancel" href="#">Cancel</a>
-								<button class="btn btn-primary btn-xs placard-accept" type="button">Save</button>
-							</div>
-						</div>
-					</div>
-
-					<br/>
-
-					<div class="placard" data-ellipsis="true" data-initialize="placard" id="myPlacard4">
-						<div class="placard-popup"></div>
-						<div class="placard-header">
-							<h5>Header</h5>
-						</div>
-						<div class="form-control placard-field" contenteditable="true"></div>
-						<div class="placard-footer">
-							<a class="placard-cancel" href="#">Cancel</a>
-							<button class="btn btn-primary btn-xs placard-accept" type="button">Save</button>
-						</div>
-					</div>
-
-					<div style="display: inline-block; padding: 10px;">
-						<div class="placard" data-initialize="placard" id="myPlacard5">
-							<div class="placard-popup"></div>
-							<div class="placard-header">
-								<h5>Header</h5>
-							</div>
-							<div class="form-control placard-field" contenteditable="true" data-textarea="true"></div>
-							<div class="placard-footer">
-								<a class="placard-cancel" href="#">Cancel</a>
-								<button class="btn btn-primary btn-xs placard-accept" type="button">Save</button>
-							</div>
-						</div>
-					</div>
-				</div>
-				<div class="btn-panel">
-					<button type="button" class="btn btn-default" id="btnPlacardEnable">enable</button>
-					<button type="button" class="btn btn-default" id="btnPlacardDisable">disable</button>
-					<button type="button" class="btn btn-default" id="btnPlacardDestroy">destroy and append</button>
-				</div>
-			</section>
-
-			<section id="radio-buttons">
-				<h2>Radio Buttons</h2>
-				<div class="thin-box">
-					<!--Block-level Radios-->
-					<div class="radio">
-						<label class="radio-custom" data-initialize="radio" id="myCustomRadio1">
-							<input class="sr-only" name="radio1" type="radio" value="" id="radio1">
-							<span class="radio-label">Custom radio unchecked on page load</span>
-						</label>
-					</div>
-					<div class="radio">
-						<label class="radio-custom" data-initialize="radio" id="myCustomRadio2">
-							<input checked="checked" class="checked sr-only" name="radio1" type="radio" value="" id="radio2">
-							<span class="radio-label">Custom radio checked on page load</span>
-						</label>
-					</div>
-					<div class="radio">
-						<label class="radio-custom" data-initialize="radio" id="myCustomRadio3">
-							<input class="sr-only" disabled="disabled" name="radio2" type="radio" value="">
-							<span class="radio-label">Custom radio disabled and unchecked on page load</span>
-						</label>
-					</div>
-					<div class="radio">
-						<label class="radio-custom" data-initialize="radio" id="myCustomRadio4">
-							<input checked="checked" class="checked sr-only" disabled="disabled" name="radio2" type="radio" value="">
-							<span class="radio-label">Custom radio disabled and checked on page load</span>
-						</label>
-					</div>
-
-					<br/>
-					<!--Inline radios-->
-					<label class="radio-custom radio-inline" data-initialize="radio" id="myCustomInlineRadio1">
-						<input checked="checked" class="checked sr-only" name="radio3" type="radio" value=""> <span class="radio-label">1, 2, buckle my shoe</span>
-					</label>
-					<label class="radio-custom radio-inline" data-initialize="radio" id="myCustomInlineRadio2">
-						<input class="sr-only" name="radio3" type="radio" value=""> <span class="radio-label">3, 4, shut the door</span>
-					</label>
-					<label class="radio-custom radio-inline" data-initialize="radio" id="myCustomInlineRadio3">
-						<input class="sr-only" disabled="disabled" name="radio4" type="radio" value=""> <span class="radio-label">5, 6, pick up sticks</span>
-					</label>
-					<label class="radio-custom radio-inline" data-initialize="radio" id="myCustomInlineRadio4">
-						<input checked="checked" class="checked sr-only" disabled="disabled" name="radio4" type="radio" value=""> <span class="radio-label">7, 8, lay them straight</span>
-					</label>
-
-					<br/>
-					<br/>
-					<!--Toggling capability-->
-					<div class="radio">
-						<label class="radio-custom" data-initialize="radio" id="myCustomTogglingRadio1">
-							<input class="sr-only" data-toggle=".radioToggle" name="radio5" type="radio" value="">
-							<span class="radio-label">Custom radio toggles by class</span>
-						</label>
-					</div>
-					<div class="radio">
-						<label class="radio-custom" data-initialize="radio" id="myCustomTogglingRadio2">
-							<input class="sr-only" data-toggle="#radioToggle" name="radio5" type="radio" value="">
-							<span class="radio-label">Custom radio toggles by id</span>
-						</label>
-					</div>
-
-					<div aria-hidden="true" class="radioToggle alert alert-warning hidden">This message's visibility toggles by class with a radio above.</div>
-					<div aria-hidden="true" class="radioToggle alert alert-success hidden">This message's visibility toggles by class with a radio above.</div>
-					<div aria-hidden="true" class="alert alert-info hidden" id="radioToggle">This message's visibility toggles by id with a radio above.</div>
-
-					<br/>
-					<!--Highlight capability-->
-					<div class="radio highlight">
-						<label class="radio-custom highlight" data-initialize="radio" id="myCustomHighlightRadio1">
-							<input class="sr-only" name="radio6" type="radio" value="">
-							<span class="radio-label">Custom block-level highlight radio</span>
-						</label>
-					</div>
-					<div class="radio highlight">
-						<label class="radio-custom highlight" data-initialize="radio" id="myCustomHighlightRadio2">
-							<input class="sr-only" name="radio6" type="radio" value="">
-							<span class="radio-label">Custom block-level highlight radio</span>
-						</label>
-					</div>
-					<label class="radio-custom radio-inline highlight" data-initialize="radio" id="myCustomHighlightRadio3">
-						<input class="sr-only" name="radio7" type="radio" value=""> <span class="radio-label">Custom inline highlight radio</span>
-					</label>
-					<label class="radio-custom radio-inline highlight" data-initialize="radio" id="myCustomHighlightRadio4">
-						<input class="sr-only" name="radio7" type="radio" value=""> <span class="radio-label">Custom inline highlight radio</span>
-					</label>
-				</div>
-				<div class="btn-panel">
-					<button type="button" class="btn btn-default" id="btnRadioDisable">disable #myCustomRadio1</button>
-					<button type="button" class="btn btn-default" id="btnRadioEnable">enable #myCustomRadio1</button>
-					<button type="button" class="btn btn-default" id="btnRadioDestroy">destroy and append #myCustomRadio1</button>
-					<button type="button" class="btn btn-default" id="btnRadioIsChecked">is #myCustomRadio1 checked?</button>
-					<button type="button" class="btn btn-default" id="btnRadioCheck">check #myCustomRadio1</button>
-					<button type="button" class="btn btn-default" id="btnRadioUncheck">uncheck #myCustomRadio1</button>
-				</div>
-			</section>
-
-			<section id="radiobuttons-no-js">
-				<h2>Radio Buttons (no javascript)</h2>
-				<div class="thin-box">
-					<section id="radiobuttons-no-js-block" class="x-panel x-panel-default">
-						<header class="hidden x-panel-heading">
-							<h3 class="panel-title">Radio Buttons (no javascript) Block</h3>
-						</header>
-						<section class="x-panel-body">
-
-							<div class="radio">
-								<input type="radio" id="radiobuttons-no-js-block--1" name="radiobuttons-no-js-block--group-1" value="">
-								<label for="radiobuttons-no-js-block--1">
-									Radio Button: unchecked on page load
-								</label>
-							</div>
-
-							<div class="radio">
-								<input type="radio" id="radiobuttons-no-js-block--2" name="radiobuttons-no-js-block--group-1" checked="checked" value="">
-								<label for="radiobuttons-no-js-block--2">
-									Radio Button: checked on page load
-								</label>
-							</div>
-
-							<div class="radio">
-								<input type="radio" id="radiobuttons-no-js-block--3" name="radiobuttons-no-js-block--group-2" disabled="disabled" value="">
-								<label for="radiobuttons-no-js-block--3">
-									Radio Button: disabled and unchecked on page load
-								</label>
-							</div>
-
-							<div class="radio">
-								<input type="radio" id="radiobuttons-no-js-block--4" name="radiobuttons-no-js-block--group-2" disabled="disabled" checked="checked" value="">
-								<label for="radiobuttons-no-js-block--4">
-									Radio Button: disabled and checked on page load
-								</label>
-							</div>
-
-						</section>
-					</section>
-
-
-					<section id="radiobuttons-no-js-inline" class="x-panel x-panel-default">
-						<header class="hidden x-panel-heading">
-							<h3 class="panel-title">Radio Buttons (no javascript) Inline</h3>
-						</header>
-						<section class="x-panel-body">
-
-							<div class="radio-inline">
-								<input type="radio" id="radiobuttons-no-js-inline--1" name="radiobuttons-no-js-inline--group-1" checked="checked" value="">
-								<label for="radiobuttons-no-js-inline--1">
-									1, 2, buckle my shoe
-								</label>
-							</div>
-
-							<div class="radio-inline">
-								<input type="radio" id="radiobuttons-no-js-inline--2" name="radiobuttons-no-js-inline--group-1" value="">
-								<label for="radiobuttons-no-js-inline--2">
-									3, 4, shut the door
-								</label>
-							</div>
-
-							<div class="radio-inline">
-								<input type="radio" id="radiobuttons-no-js-inline--3" name="radiobuttons-no-js-inline--group-2" checked="checked" disabled="disabled" value="">
-								<label for="radiobuttons-no-js-inline--3">
-									5, 6, pick up sticks
-								</label>
-							</div>
-
-							<div class="radio-inline">
-								<input type="radio" id="radiobuttons-no-js-inline--4" name="radiobuttons-no-js-inline--group-2" disabled="disabled" value="">
-								<label for="radiobuttons-no-js-inline--4">
-									7, 8, lay them straight
-								</label>
-							</div>
-
-						</section>
-					</section>
-
-
-
-
-					<section id="radiobuttons-no-js-toggling" class="x-panel x-panel-default">
-						<header class="hidden x-panel-heading">
-							<h3 class="panel-title">Radio Buttons (no javascript) Toggling</h3>
-						</header>
-						<div class="x-panel-body">
-
-							<div class="container-fluid">
-								<div class="row">
-									<div class="radio-inline">
-										<input type="radio" id="radiobuttons-no-js-toggling--1--on" name="radiobuttons-no-js-toggling-class--1" data-toggle="collapse" data-target=".radiobuttons-no-js-toggling-class--1" aria-controls="radiobuttons-no-js-toggling-class--1" value="">
-										<label for="radiobuttons-no-js-toggling--1--on">
-											On
-										</label>
-									</div>
-
-
-									<div class="radio-inline">
-										<input type="radio" id="radiobuttons-no-js-toggling--1--off" name="radiobuttons-no-js-toggling-class--1" data-toggle="collapse" data-target=".radiobuttons-no-js-toggling-class--1" aria-controls="radiobuttons-no-js-toggling-class--1" checked="checked" value="">
-										<label for="radiobuttons-no-js-toggling--1--off">
-											Off
-										</label>
-									</div>
-								</div>
-
-
-								<div class="row">
-									<div class="radio-inline">
-										<input type="radio" id="radiobuttons-no-js-toggling--2--on" name="radiobuttons-no-js-toggling--2" data-toggle="collapse" data-target=".radiobuttons-no-js-toggling-class--2" aria-controls="radiobuttons-no-js-toggling-class--2" value="">
-										<label for="radiobuttons-no-js-toggling--2--on">
-											On
-										</label>
-									</div>
-
-
-									<div class="radio-inline">
-										<input type="radio" id="radiobuttons-no-js-toggling--2--off" name="radiobuttons-no-js-toggling--2" data-toggle="collapse" data-target=".radiobuttons-no-js-toggling-class--2" aria-controls="radiobuttons-no-js-toggling-class--2" checked="checked" value="">
-										<label for="radiobuttons-no-js-toggling--2--off">
-											Off
-										</label>
-									</div>
-								</div>
-
-
-								<div class="row">
-
-									<div class="radio-inline">
-										<input type="radio" id="radiobuttons-no-js-toggling--3--on" name="radiobuttons-no-js-toggling-id" data-toggle="collapse" data-target="#radiobuttons-no-js-toggling-id" aria-controls="radiobuttons-no-js-toggling-id" value="">
-										<label for="radiobuttons-no-js-toggling--3--on">
-											On
-										</label>
-									</div>
-									<div class="radio-inline">
-										<input type="radio" id="radiobuttons-no-js-toggling--3--off" name="radiobuttons-no-js-toggling-id" data-toggle="collapse" data-target="#radiobuttons-no-js-toggling-id" aria-controls="radiobuttons-no-js-toggling-id" checked="checked" value="">
-										<label for="radiobuttons-no-js-toggling--3--off">
-											Off
-										</label>
-									</div>
-								</div>
-							</div>
-
-
-
-							<div aria-hidden="true" class="alert alert-warning fade collapse radiobuttons-no-js-toggling-class--1" id="radiobuttons-no-js-toggling-class--1">This message's visibility toggles by class with a radio above.</div>
-							<div aria-hidden="true" class="alert alert-success fade collapse radiobuttons-no-js-toggling-class--2" id="radiobuttons-no-js-toggling-class--2">This message's visibility toggles by class with a radio above.</div>
-							<div aria-hidden="true" class="alert alert-info fade collapse" id="radiobuttons-no-js-toggling-id">This message's visibility toggles by id with a radio above.</div>
-
-						</div>
-					</section>
-
-
-
-					<section id="radiobuttons-no-js-block-highlighting" class="x-panel x-panel-default">
-						<header class="hidden x-panel-heading">
-							<h3 class="panel-title">Radio Buttons (no javascript) Block Highlighting</h3>
-						</header>
-						<section class="x-panel-body">
-
-							<div class="radio highlight">
-								<input type="radio" id="radiobuttons-no-js-block-highlighting--1" name="radiobuttons-no-js-block-highlighting--group-1" checked="checked" value="">
-								<label for="radiobuttons-no-js-block-highlighting--1">
-									Radio Button: checked on page load
-								</label>
-							</div>
-
-							<div class="radio highlight">
-								<input type="radio" id="radiobuttons-no-js-block-highlighting--2" name="radiobuttons-no-js-block-highlighting--group-1" value="">
-								<label for="radiobuttons-no-js-block-highlighting--2">
-									Radio Button: unchecked on page load
-								</label>
-							</div>
-
-							<div class="radio highlight">
-								<input type="radio" id="radiobuttons-no-js-block-highlighting--3" name="radiobuttons-no-js-block-highlighting--group-2" checked="checked" disabled="disabled" value="">
-								<label for="radiobuttons-no-js-block-highlighting--3">
-									Radio Button: unchecked and disabled on page load
-								</label>
-							</div>
-
-							<div class="radio highlight">
-								<input type="radio" id="radiobuttons-no-js-block-highlighting--4" name="radiobuttons-no-js-block-highlighting--group-2" disabled="disabled" value="">
-								<label for="radiobuttons-no-js-block-highlighting--4">
-									Radio Button: checked and disabled on page load
-								</label>
-							</div>
-
-						</section>
-					</section>
-
-					<section id="radio-no-js-add-on" class="x-panel x-panel-default">
-						<header class="hidden x-panel-heading">
-							<h3 class="panel-title">Radio Buttons (no javascript) Radio inline within input-group-addon</h3>
-						</header>
-						<section class="x-panel-body">
-							<div class="input-group">
-								<span class="input-group-addon">
-									<span class="radio-inline">
-										<input type="radio" id="example-radio-addon" value="">
-										<label for="example-radio-addon"></label>
-									</span>
-								</span>
-								<input type="text" class="form-control" value="Radio within input add-on">
-							</div><!-- /input-group -->
-						</section>
-					</section>
-
-
-					<section id="radio-no-js-multiline" class="x-panel x-panel-default">
-						<header class="hidden x-panel-heading">
-							<h3 class="panel-title">Radio Buttons (no javascript) Radio button with multiline label</h3>
-						</header>
-						<section class="x-panel-body">
-
-							<div class="form-horizontal">
-								<div class="form-group">
-									<div class="radio multiline">
-										<input type="radio" id="radio-no-js-multiline--1" name="radio-no-js-multiline" value="">
-										<label for="radio-no-js-multiline--1"></label>
-									</div>
-									<div class="control-label">
-										<label for="radio-no-js-multiline--1">Have you eaten an african cherry orange, bilberry, ceylon gooseberry, dead man's fingers, or a governor’s plum?</label>
-									</div>
-								</div>
-								<div class="form-group">
-									<div class="radio multiline">
-										<input type="radio" id="radio-no-js-multiline--2" name="radio-no-js-multiline" value="">
-										<label for="radio-no-js-multiline--2"></label>
-									</div>
-									<div class="control-label">
-										<label for="radio-no-js-multiline--2">How about an apple?</label>
-									</div>
-								</div>
-							</div>
-
-						</section>
-					</section>
-
-					<section id="radiobuttons-no-js-inline-highlighting" class="x-panel x-panel-default">
-						<header class="hidden x-panel-heading">
-							<h3 class="panel-title">Radio Buttons (no javascript) Inline Highlighting</h3>
-						</header>
-						<section class="x-panel-body">
-
-							<div class="radio-inline highlight">
-								<input type="radio" id="radiobuttons-no-js-inline-highlighting--1" name="radiobuttons-no-js-inline-highlighting--1" checked="checked" value="">
-								<label for="radiobuttons-no-js-inline-highlighting--1">
-									1, 2, buckle my shoe
-								</label>
-							</div>
-
-							<div class="radio-inline highlight">
-								<input type="radio" id="radiobuttons-no-js-inline-highlighting--2" name="radiobuttons-no-js-inline-highlighting--1" value="">
-								<label for="radiobuttons-no-js-inline-highlighting--2">
-									3, 4, shut the door
-								</label>
-							</div>
-
-							<div class="radio-inline highlight">
-								<input type="radio" id="radiobuttons-no-js-inline-highlighting--3" name="radiobuttons-no-js-inline-highlighting--2" checked="checked" disabled="disabled" value="">
-								<label for="radiobuttons-no-js-inline-highlighting--3">
-									5, 6, pick up sticks
-								</label>
-							</div>
-
-							<div class="radio-inline highlight">
-								<input type="radio" id="radiobuttons-no-js-inline-highlighting--4" name="radiobuttons-no-js-inline-highlighting--2" disabled="disabled" value="">
-								<label for="radiobuttons-no-js-inline-highlighting--4">
-									7, 8, lay them straight
-								</label>
-							</div>
-
-						</section>
-					</section>
-				</div>
-			</section>
-
-			<section id="repeater">
-				<h2>Repeater</h2>
-				<div class="thin-box">
-					<div class="repeater" data-staticheight="400" id="myRepeater">
-						<div class="repeater-header">
-							<div class="repeater-header-left">
-								<span class="repeater-title">Awesome Repeater</span>
-								<div class="repeater-search">
-									<div class="search input-group">
-										<input type="search" class="form-control" placeholder="Search" />
-										<span class="input-group-btn">
-										<button class="btn btn-default" type="button">
-											<span class="glyphicon glyphicon-search"></span>
-										<span class="sr-only">Search</span>
-										</button>
-										</span>
-									</div>
-								</div>
-							</div>
-							<div class="repeater-header-right">
-								<div class="btn-group selectlist repeater-filters" data-resize="auto">
-									<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
-										<span class="selected-label">&nbsp;</span>
-										<span class="caret"></span>
-										<span class="sr-only">Toggle Filters</span>
-									</button>
-									<ul class="dropdown-menu" role="menu">
-										<li data-value="all" data-selected="true"><a href="#">All</a>
-										</li>
-										<li data-value="some"><a href="#">Some</a>
-										</li>
-										<li data-value="others"><a href="#">Others</a>
-										</li>
-									</ul>
-									<input class="hidden hidden-field" name="filterSelection" readonly="readonly" aria-hidden="true" type="text" />
-								</div>
-								<div class="btn-group repeater-views" data-toggle="buttons">
-									<label class="btn btn-default active">
-										<input name="repeaterViews" type="radio" value="list.list"><span class="glyphicon glyphicon-list"></span>
-									</label>
-									<label class="btn btn-default">
-										<input name="repeaterViews" type="radio" value="thumbnail"><span class="glyphicon glyphicon-th"></span>
-									</label>
-									<label class="btn btn-default">
-										<input name="repeaterViews" type="radio" value="list.frozen"><span class="glyphicon glyphicon-list"></span>
-									</label>
-								</div>
-							</div>
-						</div>
-						<div class="repeater-viewport">
-							<div class="repeater-canvas"></div>
-							<div class="loader repeater-loader"></div>
-						</div>
-						<div class="repeater-footer">
-							<div class="repeater-footer-left">
-								<div class="repeater-itemization">
-									<span><span class="repeater-start"></span> - <span class="repeater-end"></span> of <span class="repeater-count"></span> items</span>
-									<div class="btn-group selectlist" data-resize="auto">
-										<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
-											<span class="selected-label">&nbsp;</span>
-											<span class="caret"></span>
-											<span class="sr-only">Toggle Dropdown</span>
-										</button>
-										<ul class="dropdown-menu" role="menu">
-											<li data-value="5"><a href="#">5</a>
-											</li>
-											<li data-value="10" data-selected="true"><a href="#">10</a>
-											</li>
-											<li data-value="20"><a href="#">20</a>
-											</li>
-											<li data-value="50"><a href="#">50</a>
-											</li>
-										</ul>
-										<input class="hidden hidden-field" name="itemsPerPage" readonly="readonly" aria-hidden="true" type="text" />
-									</div>
-									<span>Per Page</span>
-								</div>
-							</div>
-							<div class="repeater-footer-right">
-								<div class="repeater-pagination">
-									<button type="button" class="btn btn-default btn-sm repeater-prev">
-										<span class="glyphicon glyphicon-chevron-left"></span>
-										<span class="sr-only">Previous Page</span>
-									</button>
-									<label id="myPageLabel1" class="page-label">Page</label>
-									<div class="repeater-primaryPaging active">
-										<div class="input-group input-append dropdown combobox">
-											<input type="text" class="form-control" aria-labelledby="myPageLabel1">
-											<div class="input-group-btn">
-												<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
-													<span class="caret"></span>
-													<span class="sr-only">Toggle Dropdown</span>
-												</button>
-												<ul class="dropdown-menu dropdown-menu-right"></ul>
-											</div>
-										</div>
-									</div>
-									<input type="text" class="form-control repeater-secondaryPaging" aria-labelledby="myPageLabel1">
-									<span>of <span class="repeater-pages"></span></span>
-									<button type="button" class="btn btn-default btn-sm repeater-next">
-										<span class="glyphicon glyphicon-chevron-right"></span>
-										<span class="sr-only">Next Page</span>
-									</button>
-								</div>
-							</div>
-						</div>
-					</div>
-				</div>
-				<div class="btn-panel">
-					<!--<button type="button" class="btn btn-default" id="btnRepeaterDisable">disable ???</button>-->
-					<!--<button type="button" class="btn btn-default" id="btnRepeaterEnable">enable ???</button>-->
-					<button type="button" class="btn btn-default" id="btnRepeaterDestroy">destroy and append</button>
-				</div>
-			</section>
-
-			<section id="repeater-actions">
-				<h2>Repeater w/ actions enabled</h2>
-				<div class="thin-box">
-					<div class="repeater" data-staticheight="400" id="myRepeaterActions">
-						<div class="repeater-header">
-							<div class="repeater-header-left">
-								<span class="repeater-title">Awesome Repeater w/ Actions!</span>
-								<div class="repeater-search">
-									<div class="search input-group">
-										<input type="search" class="form-control" placeholder="Search" />
-										<span class="input-group-btn">
-										<button class="btn btn-default" type="button">
-											<span class="glyphicon glyphicon-search"></span>
-											<span class="sr-only">Search</span>
-										</button>
-										</span>
-									</div>
-								</div>
-							</div>
-							<div class="repeater-header-right">
-								<div class="btn-group selectlist repeater-filters" data-resize="auto">
-									<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
-										<span class="selected-label">&nbsp;</span>
-										<span class="caret"></span>
-										<span class="sr-only">Toggle Filters</span>
-									</button>
-									<ul class="dropdown-menu" role="menu">
-										<li data-value="all" data-selected="true"><a href="#">All</a>
-										</li>
-										<li data-value="some"><a href="#">Some</a>
-										</li>
-										<li data-value="others"><a href="#">Others</a>
-										</li>
-									</ul>
-									<input class="hidden hidden-field" name="filterSelection" readonly="readonly" aria-hidden="true" type="text" />
-								</div>
-								<div class="btn-group repeater-views" data-toggle="buttons">
-									<label class="btn btn-default active">
-										<input name="repeaterViews" type="radio" value="list.list"><span class="glyphicon glyphicon-list"></span>
-									</label>
-									<label class="btn btn-default">
-										<input name="repeaterViews" type="radio" value="thumbnail"><span class="glyphicon glyphicon-th"></span>
-									</label>
-									<label class="btn btn-default">
-										<input name="repeaterViews" type="radio" value="list.frozen"><span class="glyphicon glyphicon-list"></span>
-									</label>
-								</div>
-							</div>
-						</div>
-						<div class="repeater-viewport">
-							<div class="repeater-canvas"></div>
-							<div class="loader repeater-loader"></div>
-						</div>
-						<div class="repeater-footer">
-							<div class="repeater-footer-left">
-								<div class="repeater-itemization">
-									<span><span class="repeater-start"></span> - <span class="repeater-end"></span> of <span class="repeater-count"></span> items</span>
-									<div class="btn-group selectlist" data-resize="auto">
-										<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
-											<span class="selected-label">&nbsp;</span>
-											<span class="caret"></span>
-											<span class="sr-only">Toggle Dropdown</span>
-										</button>
-										<ul class="dropdown-menu" role="menu">
-											<li data-value="5"><a href="#">5</a>
-											</li>
-											<li data-value="10" data-selected="true"><a href="#">10</a>
-											</li>
-											<li data-value="20"><a href="#">20</a>
-											</li>
-											<li data-value="50"><a href="#">50</a>
-											</li>
-										</ul>
-										<input class="hidden hidden-field" name="itemsPerPage" readonly="readonly" aria-hidden="true" type="text" />
-									</div>
-									<span>Per Page</span>
-								</div>
-							</div>
-							<div class="repeater-footer-right">
-								<div class="repeater-pagination">
-									<button type="button" class="btn btn-default btn-sm repeater-prev">
-										<span class="glyphicon glyphicon-chevron-left"></span>
-										<span class="sr-only">Previous Page</span>
-									</button>
-									<label id="myPageLabel2" class="page-label">Page</label>
-									<div class="repeater-primaryPaging active">
-										<div class="input-group input-append dropdown combobox">
-											<input type="text" class="form-control" aria-labelledby="myPageLabel2">
-											<div class="input-group-btn">
-												<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
-													<span class="caret"></span>
-													<span class="sr-only">Toggle Dropdown</span>
-												</button>
-												<ul class="dropdown-menu dropdown-menu-right"></ul>
-											</div>
-										</div>
-									</div>
-									<input type="text" class="form-control repeater-secondaryPaging" aria-labelledby="myPageLabel2">
-									<span>of <span class="repeater-pages"></span></span>
-									<button type="button" class="btn btn-default btn-sm repeater-next">
-										<span class="glyphicon glyphicon-chevron-right"></span>
-										<span class="sr-only">Next Page</span>
-									</button>
-								</div>
-							</div>
-						</div>
-					</div>
-				</div>
-				<div class="btn-panel">
-					<button type="button" class="btn btn-default" id="btnRepeaterLogValue">log value</button>
-				</div>
-			</section>
-
-			<section id="scheduler">
-				<h2>Scheduler</h2>
-				<div class="thin-box">
-					<div id="myScheduler" class="form-horizontal container-fluid scheduler" role="form" data-initialize="scheduler">
-						<div class="row start-datetime">
-							<label class="col-sm-2 control-label scheduler-label" for="myStartDate">Start Date</label>
-							<div class="col-sm-10">
-								<div class="row no-margin">
-									<div class="col-xs-4 col-sm-4 form-group">
-										<div class="datepicker start-date">
-											<div class="input-group">
-												<input class="form-control" id="myStartDate" type="text"/>
-												<div class="input-group-btn">
-													<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
-														<span class="glyphicon glyphicon-calendar"></span>
-														<span class="sr-only">Toggle Calendar</span>
-													</button>
-													<div class="dropdown-menu dropdown-menu-right datepicker-calendar-wrapper" role="menu">
-														<div class="datepicker-calendar">
-															<div class="datepicker-calendar-header">
-																<button type="button" class="prev"><span class="glyphicon glyphicon-chevron-left"></span><span class="sr-only">Previous Month</span></button>
-																<button type="button" class="next"><span class="glyphicon glyphicon-chevron-right"></span><span class="sr-only">Next Month</span></button>
-																<button type="button" class="title">
-																		<span class="month">
-																			<span data-month="0">January</span>
-																			<span data-month="1">February</span>
-																			<span data-month="2">March</span>
-																			<span data-month="3">April</span>
-																			<span data-month="4">May</span>
-																			<span data-month="5">June</span>
-																			<span data-month="6">July</span>
-																			<span data-month="7">August</span>
-																			<span data-month="8">September</span>
-																			<span data-month="9">October</span>
-																			<span data-month="10">November</span>
-																			<span data-month="11">December</span>
-																		</span> <span class="year"></span>
-																</button>
-															</div>
-															<table class="datepicker-calendar-days">
-																<thead>
-																<tr>
-																	<th>Su</th>
-																	<th>Mo</th>
-																	<th>Tu</th>
-																	<th>We</th>
-																	<th>Th</th>
-																	<th>Fr</th>
-																	<th>Sa</th>
-																</tr>
-																</thead>
-																<tbody></tbody>
-															</table>
-															<div class="datepicker-calendar-footer">
-																<button type="button" class="datepicker-today">Today</button>
-															</div>
-														</div>
-														<div class="datepicker-wheels" aria-hidden="true">
-															<div class="datepicker-wheels-month">
-																<h2 class="header">Month</h2>
-																<ul>
-																	<li data-month="0"><button type="button">Jan</button></li>
-																	<li data-month="1"><button type="button">Feb</button></li>
-																	<li data-month="2"><button type="button">Mar</button></li>
-																	<li data-month="3"><button type="button">Apr</button></li>
-																	<li data-month="4"><button type="button">May</button></li>
-																	<li data-month="5"><button type="button">Jun</button></li>
-																	<li data-month="6"><button type="button">Jul</button></li>
-																	<li data-month="7"><button type="button">Aug</button></li>
-																	<li data-month="8"><button type="button">Sep</button></li>
-																	<li data-month="9"><button type="button">Oct</button></li>
-																	<li data-month="10"><button type="button">Nov</button></li>
-																	<li data-month="11"><button type="button">Dec</button></li>
-																</ul>
-															</div>
-															<div class="datepicker-wheels-year">
-																<h2 class="header">Year</h2>
-																<ul></ul>
-															</div>
-															<div class="datepicker-wheels-footer clearfix">
-																<button type="button" class="btn datepicker-wheels-back"><span class="glyphicon glyphicon-arrow-left"></span><span class="sr-only">Return to Calendar</span></button>
-																<button type="button" class="btn datepicker-wheels-select">Select <span class="sr-only">Month and Year</span></button>
-															</div>
-														</div>
-													</div>
-												</div>
-											</div>
-										</div>
-									</div>
-									<div class="col-xs-4 col-sm-4 form-group">
-										<label class="sr-only" for="MyStartTime">Start Time</label>
-										<div class="input-group combobox start-time">
-											<input id="MyStartTime" type="text" class="form-control" />
-											<div class="input-group-btn">
-												<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
-													<span class="caret"></span>
-													<span class="sr-only">Toggle Dropdown</span>
-												</button>
-												<ul class="dropdown-menu dropdown-menu-right" role="menu">
-													<li data-value="12:00 AM"><a href="#">12:00 AM</a></li>
-													<li data-value="12:30 AM"><a href="#">12:30 AM</a></li>
-													<li data-value="1:00 AM"><a href="#">1:00 AM</a></li>
-													<li data-value="1:30 AM"><a href="#">1:30 AM</a></li>
-													<li data-value="2:00 AM"><a href="#">2:00 AM</a></li>
-													<li data-value="2:30 AM"><a href="#">2:30 AM</a></li>
-													<li data-value="3:00 AM"><a href="#">3:00 AM</a></li>
-													<li data-value="3:30 AM"><a href="#">3:30 AM</a></li>
-													<li data-value="4:00 AM"><a href="#">4:00 AM</a></li>
-													<li data-value="4:30 AM"><a href="#">4:30 AM</a></li>
-													<li data-value="5:00 AM"><a href="#">5:00 AM</a></li>
-													<li data-value="5:30 AM"><a href="#">5:30 AM</a></li>
-													<li data-value="6:00 AM"><a href="#">6:00 AM</a></li>
-													<li data-value="6:30 AM"><a href="#">6:30 AM</a></li>
-													<li data-value="7:00 AM"><a href="#">7:00 AM</a></li>
-													<li data-value="7:30 AM"><a href="#">7:30 AM</a></li>
-													<li data-value="8:00 AM"><a href="#">8:00 AM</a></li>
-													<li data-value="8:30 AM"><a href="#">8:30 AM</a></li>
-													<li data-value="9:00 AM"><a href="#">9:00 AM</a></li>
-													<li data-value="9:30 AM"><a href="#">9:30 AM</a></li>
-													<li data-value="10:00 AM"><a href="#">10:00 AM</a></li>
-													<li data-value="10:30 AM"><a href="#">10:30 AM</a></li>
-													<li data-value="11:00 AM"><a href="#">11:00 AM</a></li>
-													<li data-value="11:30 AM"><a href="#">11:30 AM</a></li>
-													<li data-value="12:00 PM"><a href="#">12:00 PM</a></li>
-													<li data-value="12:30 PM"><a href="#">12:30 PM</a></li>
-													<li data-value="1:00 PM"><a href="#">1:00 PM</a></li>
-													<li data-value="1:30 PM"><a href="#">1:30 PM</a></li>
-													<li data-value="2:00 PM"><a href="#">2:00 PM</a></li>
-													<li data-value="2:30 PM"><a href="#">2:30 PM</a></li>
-													<li data-value="3:00 PM"><a href="#">3:00 PM</a></li>
-													<li data-value="3:30 PM"><a href="#">3:30 PM</a></li>
-													<li data-value="4:00 PM"><a href="#">4:00 PM</a></li>
-													<li data-value="4:30 PM"><a href="#">4:30 PM</a></li>
-													<li data-value="5:00 PM"><a href="#">5:00 PM</a></li>
-													<li data-value="5:30 PM"><a href="#">5:30 PM</a></li>
-													<li data-value="6:00 PM"><a href="#">6:00 PM</a></li>
-													<li data-value="6:30 PM"><a href="#">6:30 PM</a></li>
-													<li data-value="7:00 PM"><a href="#">7:00 PM</a></li>
-													<li data-value="7:30 PM"><a href="#">7:30 PM</a></li>
-													<li data-value="8:00 PM"><a href="#">8:00 PM</a></li>
-													<li data-value="8:30 PM"><a href="#">8:30 PM</a></li>
-													<li data-value="9:00 PM"><a href="#">9:00 PM</a></li>
-													<li data-value="9:30 PM"><a href="#">9:30 PM</a></li>
-													<li data-value="10:00 PM"><a href="#">10:00 PM</a></li>
-													<li data-value="10:30 PM"><a href="#">10:30 PM</a></li>
-													<li data-value="11:00 PM"><a href="#">11:00 PM</a></li>
-													<li data-value="11:30 PM"><a href="#">11:30 PM</a></li>
-												</ul>
-											</div>
-										</div>
-									</div>
-								</div>
-							</div>
-						</div>
-
-						<div class="row timezone-container">
-							<label class="col-sm-2 control-label scheduler-label">Timezone</label>
-							<div class="col-xs-10 col-sm-10 col-md-10">
-								<div data-resize="auto" class="btn-group selectlist timezone">
-									<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
-										<span class="selected-label">(GMT-06:00) Central Standard Time</span>
-										<span class="caret"></span>
-										<span class="sr-only">Toggle Dropdown</span>
-									</button>
-									<ul class="dropdown-menu" role="menu">
-										<li data-name="Central Standard Time (no DST)" data-offset="-06:00"><a href="#">(GMT-06:00) Central Standard Time</a></li>
-										<li data-name="Morocco Standard Time" data-offset="+00:00"><a href="#">(GMT) Casablanca *</a></li>
-										<li data-name="GMT Standard Time" data-offset="+00:00"><a href="#">(GMT) Greenwich Mean Time : Dublin, Edinburgh, Lisbon, London *</a></li>
-										<li data-name="Greenwich Standard Time" data-offset="+00:00"><a href="#">(GMT) Monrovia, Reykjavik</a></li>
-										<li data-name="W. Europe Standard Time" data-offset="+01:00"><a href="#">(GMT+01:00) Amsterdam, Berlin, Bern, Rome, Stockholm, Vienna *</a></li>
-										<li data-name="Central Europe Standard Time" data-offset="+01:00"><a href="#">(GMT+01:00) Belgrade, Bratislava, Budapest, Ljubljana, Prague *</a></li>
-										<li data-name="Romance Standard Time" data-offset="+01:00"><a href="#">(GMT+01:00) Brussels, Copenhagen, Madrid, Paris *</a></li>
-										<li data-name="Central European Standard Time" data-offset="+01:00"><a href="#">(GMT+01:00) Sarajevo, Skopje, Warsaw, Zagreb *</a></li>
-										<li data-name="W. Central Africa Standard Time" data-offset="+01:00"><a href="#">(GMT+01:00) West Central Africa</a></li>
-										<li data-name="Jordan Standard Time" data-offset="+02:00"><a href="#">(GMT+02:00) Amman *</a></li>
-										<li data-name="GTB Standard Time" data-offset="+02:00"><a href="#">(GMT+02:00) Athens, Bucharest, Istanbul *</a></li>
-										<li data-name="Middle East Standard Time" data-offset="+02:00"><a href="#">(GMT+02:00) Beirut *</a></li>
-										<li data-name="Egypt Standard Time" data-offset="+02:00"><a href="#">(GMT+02:00) Cairo *</a></li>
-										<li data-name="South Africa Standard Time" data-offset="+02:00"><a href="#">(GMT+02:00) Harare, Pretoria</a></li>
-										<li data-name="FLE Standard Time" data-offset="+02:00"><a href="#">(GMT+02:00) Helsinki, Kyiv, Riga, Sofia, Tallinn, Vilnius *</a></li>
-										<li data-name="Israel Standard Time" data-offset="+02:00"><a href="#">(GMT+02:00) Jerusalem *</a></li>
-										<li data-name="E. Europe Standard Time" data-offset="+02:00"><a href="#">(GMT+02:00) Minsk *</a></li>
-										<li data-name="Namibia Standard Time" data-offset="+02:00"><a href="#">(GMT+02:00) Windhoek *</a></li>
-										<li data-name="Arabic Standard Time" data-offset="+03:00"><a href="#">(GMT+03:00) Baghdad *</a></li>
-										<li data-name="Arab Standard Time" data-offset="+03:00"><a href="#">(GMT+03:00) Kuwait, Riyadh</a></li>
-										<li data-name="Russian Standard Time" data-offset="+03:00"><a href="#">(GMT+03:00) Moscow, St. Petersburg, Volgograd *</a></li>
-										<li data-name="E. Africa Standard Time" data-offset="+03:00"><a href="#">(GMT+03:00) Nairobi</a></li>
-										<li data-name="Georgian Standard Time" data-offset="+03:00"><a href="#">(GMT+03:00) Tbilisi</a></li>
-										<li data-name="Iran Standard Time" data-offset="+03:30"><a href="#">(GMT+03:30) Tehran *</a></li>
-										<li data-name="Arabian Standard Time" data-offset="+04:00"><a href="#">(GMT+04:00) Abu Dhabi, Muscat</a></li>
-										<li data-name="Azerbaijan Standard Time" data-offset="+04:00"><a href="#">(GMT+04:00) Baku *</a></li>
-										<li data-name="Caucasus Standard Time" data-offset="+04:00"><a href="#">(GMT+04:00) Caucasus Standard Time</a></li>
-										<li data-name="Mauritius Standard Time" data-offset="+04:00"><a href="#">(GMT+04:00) Port Louis *</a></li>
-										<li data-name="Caucasus Standard Time" data-offset="+04:00"><a href="#">(GMT+04:00) Yerevan</a></li>
-										<li data-name="Afghanistan Standard Time" data-offset="+04:30"><a href="#">(GMT+04:30) Kabul</a></li>
-										<li data-name="Ekaterinburg Standard Time" data-offset="+05:00"><a href="#">(GMT+05:00) Ekaterinburg *</a></li>
-										<li data-name="Pakistan Standard Time" data-offset="+05:00"><a href="#">(GMT+05:00) Islamabad, Karachi *</a></li>
-										<li data-name="West Asia Standard Time" data-offset="+05:00"><a href="#">(GMT+05:00) Tashkent</a></li>
-										<li data-name="India Standard Time" data-offset="+05:30"><a href="#">(GMT+05:30) Chennai, Kolkata, Mumbai, New Delhi</a></li>
-										<li data-name="Sri Lanka Standard Time" data-offset="+05:30"><a href="#">(GMT+05:30) Sri Jayawardenepura</a></li>
-										<li data-name="Nepal Standard Time" data-offset="+05:45"><a href="#">(GMT+05:45) Kathmandu</a></li>
-										<li data-name="N. Central Asia Standard Time" data-offset="+06:00"><a href="#">(GMT+06:00) Almaty, Novosibirsk *</a></li>
-										<li data-name="Central Asia Standard Time" data-offset="+06:00"><a href="#">(GMT+06:00) Astana, Dhaka</a></li>
-										<li data-name="Myanmar Standard Time" data-offset="+06:00"><a href="#">(GMT+06:30) Yangon (Rangoon)</a></li>
-										<li data-name="SE Asia Standard Time" data-offset="+07:00"><a href="#">(GMT+07:00) Bangkok, Hanoi, Jakarta</a></li>
-										<li data-name="North Asia Standard Time" data-offset="+07:00"><a href="#">(GMT+07:00) Krasnoyarsk *</a></li>
-										<li data-name="China Standard Time" data-offset="+08:00"><a href="#">(GMT+08:00) Beijing, Chongqing, Hong Kong, Urumqi</a></li>
-										<li data-name="North Asia East Standard Time" data-offset="+08:00"><a href="#">(GMT+08:00) Irkutsk, Ulaan Bataar *</a></li>
-										<li data-name="Singapore Standard Time" data-offset="+08:00"><a href="#">(GMT+08:00) Kuala Lumpur, Singapore</a></li>
-										<li data-name="W. Australia Standard Time" data-offset="+08:00"><a href="#">(GMT+08:00) Perth *</a></li>
-										<li data-name="Taipei Standard Time" data-offset="+08:00"><a href="#">(GMT+08:00) Taipei</a></li>
-										<li data-name="Tokyo Standard Time" data-offset="+09:00"><a href="#">(GMT+09:00) Osaka, Sapporo, Tokyo</a></li>
-										<li data-name="Korea Standard Time" data-offset="+09:00"><a href="#">(GMT+09:00) Seoul</a></li>
-										<li data-name="Yakutsk Standard Time" data-offset="+09:00"><a href="#">(GMT+09:00) Yakutsk *</a></li>
-										<li data-name="Cen. Australia Standard Time" data-offset="+09:30"><a href="#">(GMT+09:30) Adelaide *</a></li>
-										<li data-name="AUS Central Standard Time" data-offset="+09:30"><a href="#">(GMT+09:30) Darwin</a></li>
-										<li data-name="E. Australia Standard Time" data-offset="+10:00"><a href="#">(GMT+10:00) Brisbane</a></li>
-										<li data-name="AUS Eastern Standard Time" data-offset="+10:00"><a href="#">(GMT+10:00) Canberra, Melbourne, Sydney *</a></li>
-										<li data-name="West Pacific Standard Time" data-offset="+10:00"><a href="#">(GMT+10:00) Guam, Port Moresby</a></li>
-										<li data-name="Tasmania Standard Time" data-offset="+10:00"><a href="#">(GMT+10:00) Hobart *</a></li>
-										<li data-name="Vladivostok Standard Time" data-offset="+10:00"><a href="#">(GMT+10:00) Vladivostok *</a></li>
-										<li data-name="Central Pacific Standard Time" data-offset="+11:00"><a href="#">(GMT+11:00) Magadan, Solomon Is., New Caledonia</a></li>
-										<li data-name="New Zealand Standard Time" data-offset="+12:00"><a href="#">(GMT+12:00) Auckland, Wellington *</a></li>
-										<li data-name="Fiji Standard Time" data-offset="+12:00"><a href="#">(GMT+12:00) Fiji, Kamchatka, Marshall Is.</a></li>
-										<li data-name="Tonga Standard Time" data-offset="+12:00"><a href="#">(GMT+13:00) Nukualofa</a></li>
-										<li data-name="Azores Standard Time" data-offset="+12:00"><a href="#">(GMT-01:00) Azores *</a></li>
-										<li data-name="Cape Verde Standard Time" data-offset="-01:00"><a href="#">(GMT-01:00) Cape Verde Is.</a></li>
-										<li data-name="Mid-Atlantic Standard Time" data-offset="-02:00"><a href="#">(GMT-02:00) Mid-Atlantic *</a></li>
-										<li data-name="E. South America Standard Time" data-offset="-03:00"><a href="#">(GMT-03:00) Brasilia *</a></li>
-										<li data-name="Argentina Standard Time" data-offset="-03:00"><a href="#">(GMT-03:00) Buenos Aires *</a></li>
-										<li data-name="SA Western Standard Time" data-offset="-03:00"><a href="#">(GMT-03:00) Georgetown</a></li>
-										<li data-name="Greenland Standard Time" data-offset="-03:00"><a href="#">(GMT-03:00) Greenland *</a></li>
-										<li data-name="Montevideo Standard Time" data-offset="-03:00"><a href="#">(GMT-03:00) Montevideo *</a></li>
-										<li data-name="Newfoundland Standard Time" data-offset="-03:00"><a href="#">(GMT-03:30) Newfoundland *</a></li>
-										<li data-name="Atlantic Standard Time" data-offset="-04:00"><a href="#">(GMT-04:00) Atlantic Time (Canada) *</a></li>
-										<li data-name="SA Western Standard Time" data-offset="-04:00"><a href="#">(GMT-04:00) La Paz</a></li>
-										<li data-name="Central Brazilian Standard Time" data-offset="-04:00"><a href="#">(GMT-04:00) Manaus *</a></li>
-										<li data-name="Pacific SA Standard Time" data-offset="-04:00"><a href="#">(GMT-04:00) Santiago *</a></li>
-										<li data-name="Venezuela Standard Time" data-offset="-04:30"><a href="#">(GMT-04:30) Caracas</a></li>
-										<li data-name="SA Pacific Standard Time" data-offset="-05:00"><a href="#">(GMT-05:00) Bogota, Lima, Quito, Rio Branco</a></li>
-										<li data-name="Eastern Standard Time" data-offset="-05:00"><a href="#">(GMT-05:00) Eastern Time (US &amp; Canada) *</a></li>
-										<li data-name="US Eastern Standard Time" data-offset="-05:00"><a href="#">(GMT-05:00) Indiana (East)</a></li>
-										<li data-name="Central America Standard Time" data-offset="-06:00"><a href="#">(GMT-06:00) Central America</a></li>
-										<li data-name="Central Standard Time" data-offset="-06:00"><a href="#">(GMT-06:00) Central Time (US &amp; Canada) *</a></li>
-										<li data-name="Central Standard Time (Mexico)" data-offset="-06:00"><a href="#">(GMT-06:00) Guadalajara, Mexico City, Monterrey - New *</a></li>
-										<li data-name="Central Standard Time (Mexico)" data-offset="-06:00"><a href="#">(GMT-06:00) Guadalajara, Mexico City, Monterrey - Old</a></li>
-										<li data-name="Canada Central Standard Time" data-offset="-06:00"><a href="#">(GMT-06:00) Saskatchewan</a></li>
-										<li data-name="US Mountain Standard Time" data-offset="-07:00"><a href="#">(GMT-07:00) Arizona</a></li>
-										<li data-name="Mountain Standard Time (Mexico)" data-offset="-07:00"><a href="#">(GMT-07:00) Chihuahua, La Paz, Mazatlan - New *</a></li>
-										<li data-name="Mountain Standard Time (Mexico)" data-offset="-07:00"><a href="#">(GMT-07:00) Chihuahua, La Paz, Mazatlan - Old</a></li>
-										<li data-name="Mountain Standard Time" data-offset="-07:00"><a href="#">(GMT-07:00) Mountain Time (US &amp; Canada) *</a></li>
-										<li data-name="Pacific Standard Time" data-offset="-08:00"><a href="#">(GMT-08:00) Pacific Time (US &amp; Canada) *</a></li>
-										<li data-name="Pacific Standard Time (Mexico)" data-offset="-08:00"><a href="#">(GMT-08:00) Tijuana, Baja California *</a></li>
-										<li data-name="Alaskan Standard Time" data-offset="-09:00"><a href="#">(GMT-09:00) Alaska *</a></li>
-										<li data-name="Hawaiian Standard Time" data-offset="-10:00"><a href="#">(GMT-10:00) Hawaii</a></li>
-										<li data-name="Samoa Standard Time" data-offset="-11:00"><a href="#">(GMT-11:00) Midway Island, Samoa</a></li>
-										<li data-name="Dateline Standard Time" data-offset="-12:00"><a href="#">(GMT-12:00) International Date Line West</a></li>
-									</ul>
-									<input type="text" aria-hidden="true" readonly="readonly" name="TimeZoneSelectlist" class="hidden hidden-field">
-								</div>
-							</div>
-						</div>
-
-						<div class="row repeat-container">
-							<label class="col-sm-2 control-label scheduler-label">Repeat</label>
-							<div class="col-sm-10">
-
-								<div class="form-group repeat-interval">
-									<div data-resize="auto" class="btn-group selectlist pull-left repeat-options">
-										<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
-											<span class="selected-label">None (run once)</span>
-											<span class="caret"></span>
-										</button>
-										<ul class="dropdown-menu" role="menu">
-											<li data-value="none"><a href="#">None (run once)</a></li>
-											<li data-value="secondly" data-text="second(s)"><a href="#">Per Second</a>
-											<li data-value="minutely" data-text="minute(s)"><a href="#">Per Minute</a>
-											<li data-value="hourly" data-text="hour(s)"><a href="#">Hourly</a></li>
-											<li data-value="daily" data-text="day(s)"><a href="#">Daily</a></li>
-											<li data-value="weekdays"><a href="#">Weekdays</a></li>
-											<li data-value="weekly" data-text="week(s)"><a href="#">Weekly</a></li>
-											<li data-value="monthly" data-text="month(s)"><a href="#">Monthly</a></li>
-											<li data-value="yearly"><a href="#">Yearly</a></li>
-										</ul>
-										<input type="text" aria-hidden="true" readonly="readonly" name="intervalSelectlist" class="hidden hidden-field">
-									</div>
-
-									<div class="repeat-panel repeat-every-panel repeat-hourly repeat-daily repeat-weekly hide" aria-hidden="true">
-										<label id="MySchedulerEveryLabel" class="inline-form-text repeat-every-pretext">every</label>
-
-										<div class="spinbox digits-3 repeat-every">
-											<input type="text" class="form-control input-mini spinbox-input" aria-labelledby="MySchedulerEveryLabel">
-											<div class="spinbox-buttons btn-group btn-group-vertical">
-												<button type="button" class="btn btn-default spinbox-up btn-xs">
-													<span class="glyphicon glyphicon-chevron-up"></span><span class="sr-only">Increase</span>
-												</button>
-												<button type="button" class="btn btn-default spinbox-down btn-xs">
-													<span class="glyphicon glyphicon-chevron-down"></span><span class="sr-only">Decrease</span>
-												</button>
-											</div>
-										</div>
-
-										<div class="inline-form-text repeat-every-text"></div>
-									</div>
-								</div>
-
-								<div class="form-group repeat-panel repeat-weekly repeat-days-of-the-week hide" aria-hidden="true">
-									<fieldset class="btn-group" data-toggle="buttons">
-										<label class="btn btn-default"><input type="checkbox" data-value="SU">Sun</label>
-										<label class="btn btn-default"><input type="checkbox" data-value="MO">Mon</label>
-										<label class="btn btn-default"><input type="checkbox" data-value="TU">Tue</label>
-										<label class="btn btn-default"><input type="checkbox" data-value="WE"> Wed</label>
-										<label class="btn btn-default"><input type="checkbox" data-value="TH"> Thu</label>
-										<label class="btn btn-default"><input type="checkbox" data-value="FR"> Fri</label>
-										<label class="btn btn-default"><input type="checkbox" data-value="SA"> Sat</label>
-									</fieldset>
-								</div>
-
-								<div class="repeat-panel repeat-monthly hide" aria-hidden="true">
-									<div class="form-group repeat-monthly-date">
-										<div class="radio pull-left">
-											<label class="radio-custom">
-												<input class="sr-only" type="radio" checked="checked" name="repeat-monthly" value="bymonthday">
-												<span class="radio-label">on day</span>
-											</label>
-										</div>
-
-										<div data-resize="auto" class="btn-group selectlist pull-left">
-											<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
-												<span class="selected-label">1</span>
-												<span class="caret"></span>
-											</button>
-											<ul class="dropdown-menu" role="menu" style="height:200px; overflow:auto;">
-												<li data-value="1"><a href="#">1</a></li>
-												<li data-value="2"><a href="#">2</a></li>
-												<li data-value="3"><a href="#">3</a></li>
-												<li data-value="4"><a href="#">4</a></li>
-												<li data-value="5"><a href="#">5</a></li>
-												<li data-value="6"><a href="#">6</a></li>
-												<li data-value="7"><a href="#">7</a></li>
-												<li data-value="8"><a href="#">8</a></li>
-												<li data-value="9"><a href="#">9</a></li>
-												<li data-value="10"><a href="#">10</a></li>
-												<li data-value="11"><a href="#">11</a></li>
-												<li data-value="12"><a href="#">12</a></li>
-												<li data-value="13"><a href="#">13</a></li>
-												<li data-value="14"><a href="#">14</a></li>
-												<li data-value="15"><a href="#">15</a></li>
-												<li data-value="16"><a href="#">16</a></li>
-												<li data-value="17"><a href="#">17</a></li>
-												<li data-value="18"><a href="#">18</a></li>
-												<li data-value="19"><a href="#">19</a></li>
-												<li data-value="20"><a href="#">20</a></li>
-												<li data-value="21"><a href="#">21</a></li>
-												<li data-value="22"><a href="#">22</a></li>
-												<li data-value="23"><a href="#">23</a></li>
-												<li data-value="24"><a href="#">24</a></li>
-												<li data-value="25"><a href="#">25</a></li>
-												<li data-value="26"><a href="#">26</a></li>
-												<li data-value="27"><a href="#">27</a></li>
-												<li data-value="28"><a href="#">28</a></li>
-												<li data-value="29"><a href="#">29</a></li>
-												<li data-value="30"><a href="#">30</a></li>
-												<li data-value="31"><a href="#">31</a></li>
-											</ul>
-											<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field">
-										</div>
-									</div>
-
-									<div class="repeat-monthly-day form-group">
-										<div class="radio pull-left">
-											<label class="radio-custom">
-												<input class="sr-only" type="radio" checked="checked" name="repeat-monthly" value="bysetpos">
-												<span class="radio-label">on the</span>
-											</label>
-										</div>
-
-										<div data-resize="auto" class="btn-group selectlist month-day-pos pull-left">
-											<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
-												<span class="selected-label">First</span>
-												<span class="caret"></span>
-											</button>
-											<ul class="dropdown-menu" role="menu">
-												<li data-value="1"><a href="#">First</a></li>
-												<li data-value="2"><a href="#">Second</a></li>
-												<li data-value="3"><a href="#">Third</a></li>
-												<li data-value="4"><a href="#">Fourth</a></li>
-												<li data-value="-1"><a href="#">Last</a></li>
-											</ul>
-											<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field">
-										</div>
-
-										<div data-resize="auto" class="btn-group selectlist month-days pull-left">
-											<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
-												<span class="selected-label">Sunday</span>
-												<span class="caret"></span>
-											</button>
-											<ul class="dropdown-menu" role="menu">
-												<li data-value="SU"><a href="#">Sunday</a></li>
-												<li data-value="MO"><a href="#">Monday</a></li>
-												<li data-value="TU"><a href="#">Tuesday</a></li>
-												<li data-value="WE"><a href="#">Wednesday</a></li>
-												<li data-value="TH"><a href="#">Thursday</a></li>
-												<li data-value="FR"><a href="#">Friday</a></li>
-												<li data-value="SA"><a href="#">Saturday</a></li>
-												<li data-value="SU,MO,TU,WE,TH,FR,SA"><a href="#">Day</a></li>
-												<li data-value="MO,TU,WE,TH,FR"><a href="#">Weekday</a></li>
-												<li data-value="SU,SA"><a href="#">Weekend day</a></li>
-											</ul>
-											<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field">
-										</div>
-
-									</div>
-								</div>
-
-								<div class="repeat-panel repeat-yearly hide" aria-hidden="true">
-									<div class="form-group repeat-yearly-date">
-
-										<div class="radio pull-left">
-											<label class="radio-custom">
-												<input class="sr-only" type="radio" checked="checked" name="repeat-yearly" value="bymonthday">
-												<span class="radio-label">on</span>
-											</label>
-										</div>
-
-										<div data-resize="auto" class="btn-group selectlist year-month pull-left">
-											<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
-												<span class="selected-label">January</span>
-												<span class="caret"></span>
-											</button>
-											<ul class="dropdown-menu" role="menu">
-												<li data-value="1"><a href="#">January</a></li>
-												<li data-value="2"><a href="#">February</a></li>
-												<li data-value="3"><a href="#">March</a></li>
-												<li data-value="4"><a href="#">April</a></li>
-												<li data-value="5"><a href="#">May</a></li>
-												<li data-value="6"><a href="#">June</a></li>
-												<li data-value="7"><a href="#">July</a></li>
-												<li data-value="8"><a href="#">August</a></li>
-												<li data-value="9"><a href="#">September</a></li>
-												<li data-value="10"><a href="#">October</a></li>
-												<li data-value="11"><a href="#">November</a></li>
-												<li data-value="12"><a href="#">December</a></li>
-											</ul>
-											<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field">
-										</div>
-
-										<div data-resize="auto" class="btn-group selectlist year-month-day pull-left">
-											<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
-												<span class="selected-label">1</span>
-												<span class="caret"></span>
-											</button>
-											<ul class="dropdown-menu" role="menu" style="height:200px; overflow:auto;">
-												<li data-value="1"><a href="#">1</a></li>
-												<li data-value="2"><a href="#">2</a></li>
-												<li data-value="3"><a href="#">3</a></li>
-												<li data-value="4"><a href="#">4</a></li>
-												<li data-value="5"><a href="#">5</a></li>
-												<li data-value="6"><a href="#">6</a></li>
-												<li data-value="7"><a href="#">7</a></li>
-												<li data-value="8"><a href="#">8</a></li>
-												<li data-value="9"><a href="#">9</a></li>
-												<li data-value="10"><a href="#">10</a></li>
-												<li data-value="11"><a href="#">11</a></li>
-												<li data-value="12"><a href="#">12</a></li>
-												<li data-value="13"><a href="#">13</a></li>
-												<li data-value="14"><a href="#">14</a></li>
-												<li data-value="15"><a href="#">15</a></li>
-												<li data-value="16"><a href="#">16</a></li>
-												<li data-value="17"><a href="#">17</a></li>
-												<li data-value="18"><a href="#">18</a></li>
-												<li data-value="19"><a href="#">19</a></li>
-												<li data-value="20"><a href="#">20</a></li>
-												<li data-value="21"><a href="#">21</a></li>
-												<li data-value="22"><a href="#">22</a></li>
-												<li data-value="23"><a href="#">23</a></li>
-												<li data-value="24"><a href="#">24</a></li>
-												<li data-value="25"><a href="#">25</a></li>
-												<li data-value="26"><a href="#">26</a></li>
-												<li data-value="27"><a href="#">27</a></li>
-												<li data-value="28"><a href="#">28</a></li>
-												<li data-value="29"><a href="#">29</a></li>
-												<li data-value="30"><a href="#">30</a></li>
-												<li data-value="31"><a href="#">31</a></li>
-											</ul>
-											<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field">
-										</div>
-									</div>
-
-									<div class="form-group repeat-yearly-day">
-
-										<div class="radio pull-left"><label class="radio-custom"><input class="sr-only" type="radio" name="repeat-yearly" value="bysetpos"> on the</label></div>
-
-										<div data-resize="auto" class="btn-group selectlist year-month-day-pos pull-left">
-											<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
-												<span class="selected-label">First</span>
-												<span class="caret"></span>
-												<span class="sr-only">First</span>
-											</button>
-											<ul class="dropdown-menu" role="menu">
-												<li data-value="1"><a href="#">First</a></li>
-												<li data-value="2"><a href="#">Second</a></li>
-												<li data-value="3"><a href="#">Third</a></li>
-												<li data-value="4"><a href="#">Fourth</a></li>
-												<li data-value="-1"><a href="#">Last</a></li>
-											</ul>
-											<input type="text" aria-hidden="true" readonly="readonly" name="yearlyDateSelectlist" class="hidden hidden-field">
-										</div>
-
-										<div data-resize="auto" class="btn-group selectlist year-month-days pull-left">
-											<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
-												<span class="selected-label">Sunday</span>
-												<span class="caret"></span>
-												<span class="sr-only">Sunday</span>
-											</button>
-											<ul class="dropdown-menu" role="menu" style="height:200px; overflow:auto;">
-												<li data-value="SU"><a href="#">Sunday</a></li>
-												<li data-value="MO"><a href="#">Monday</a></li>
-												<li data-value="TU"><a href="#">Tuesday</a></li>
-												<li data-value="WE"><a href="#">Wednesday</a></li>
-												<li data-value="TH"><a href="#">Thursday</a></li>
-												<li data-value="FR"><a href="#">Friday</a></li>
-												<li data-value="SA"><a href="#">Saturday</a></li>
-												<li data-value="SU,MO,TU,WE,TH,FR,SA"><a href="#">Day</a></li>
-												<li data-value="MO,TU,WE,TH,FR"><a href="#">Weekday</a></li>
-												<li data-value="SU,SA"><a href="#">Weekend day</a></li>
-											</ul>
-											<input type="text" aria-hidden="true" readonly="readonly" name="yearlyDaySelectlist" class="hidden hidden-field">
-										</div>
-										<div class="inline-form-text repeat-yearly-day-text"> of </div>
-
-										<div data-resize="auto" class="btn-group selectlist year-month pull-left">
-											<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
-												<span class="selected-label">January</span>
-												<span class="caret"></span>
-												<span class="sr-only">January</span>
-											</button>
-											<ul class="dropdown-menu" role="menu" style="height:200px; overflow:auto;">
-												<li data-value="1"><a href="#">January</a></li>
-												<li data-value="2"><a href="#">February</a></li>
-												<li data-value="3"><a href="#">March</a></li>
-												<li data-value="4"><a href="#">April</a></li>
-												<li data-value="5"><a href="#">May</a></li>
-												<li data-value="6"><a href="#">June</a></li>
-												<li data-value="7"><a href="#">July</a></li>
-												<li data-value="8"><a href="#">August</a></li>
-												<li data-value="9"><a href="#">September</a></li>
-												<li data-value="10"><a href="#">October</a></li>
-												<li data-value="11"><a href="#">November</a></li>
-												<li data-value="12"><a href="#">December</a></li>
-											</ul>
-											<input type="text" aria-hidden="true" readonly="readonly" name="yearlyDaySelectlist" class="hidden hidden-field">
-										</div>
-									</div>
-								</div>
-							</div>
-						</div>
-
-						<div class="row repeat-end hide" aria-hidden="true">
-							<label class="col-sm-2 control-label scheduler-label">End</label>
-							<div class="col-sm-10">
-								<div class="row">
-									<div class="col-xs-3 col-sm-3 col-lg-2 form-group">
-										<div data-resize="auto" class="btn-group selectlist end-options pull-left">
-											<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
-												<span class="selected-label">Never</span>
-												<span class="caret"></span>
-												<span class="sr-only">Never</span>
-											</button>
-											<ul class="dropdown-menu" role="menu">
-												<li data-value="never"><a href="#">Never</a></li>
-												<li data-value="after"><a href="#">After</a></li>
-												<li data-value="date"><a href="#">On date</a></li>
-											</ul>
-											<input type="text" aria-hidden="true" readonly="readonly" name="EndSelectlist" class="hidden hidden-field">
-										</div>
-									</div>
-
-									<div class="col-sm-4 col-lg-4 form-group end-option-panel end-after-panel pull-left hide" aria-hidden="true">
-										<div class="spinbox digits-3 end-after">
-											<label id="MyEndAfter" class="sr-only">End After</label>
-											<input type="text" class="form-control input-mini spinbox-input" aria-labelledby="MyEndAfter">
-											<div class="spinbox-buttons btn-group btn-group-vertical">
-												<button type="button" class="btn btn-default spinbox-up btn-xs">
-													<span class="glyphicon glyphicon-chevron-up"></span><span class="sr-only">Increase</span>
-												</button>
-												<button type="button" class="btn btn-default spinbox-down btn-xs">
-													<span class="glyphicon glyphicon-chevron-down"></span><span class="sr-only">Decrease</span>
-												</button>
-											</div>
-										</div>
-										<div class="inline-form-text end-after-text">occurrence(s)</div>
-									</div>
-
-									<div class="col-xs-4 col-sm-4 col-lg-4 form-group end-option-panel end-on-date-panel pull-left hide" aria-hidden="true">
-										<div class="datepicker end-on-date">
-											<div class="input-group">
-												<input class="form-control" id="myEndDate" type="text"/>
-												<div class="input-group-btn">
-													<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
-														<span class="glyphicon glyphicon-calendar"></span>
-														<span class="sr-only">Toggle Calendar</span>
-													</button>
-													<div class="dropdown-menu dropdown-menu-right datepicker-calendar-wrapper" role="menu">
-														<div class="datepicker-calendar">
-															<div class="datepicker-calendar-header">
-																<button type="button" class="prev"><span class="glyphicon glyphicon-chevron-left"></span><span class="sr-only">Previous Month</span></button>
-																<button type="button" class="next"><span class="glyphicon glyphicon-chevron-right"></span><span class="sr-only">Next Month</span></button>
-																<button type="button" class="title">
-																	<span class="month">
-																		<span data-month="0">January</span>
-																		<span data-month="1">February</span>
-																		<span data-month="2">March</span>
-																		<span data-month="3">April</span>
-																		<span data-month="4">May</span>
-																		<span data-month="5">June</span>
-																		<span data-month="6">July</span>
-																		<span data-month="7">August</span>
-																		<span data-month="8">September</span>
-																		<span data-month="9">October</span>
-																		<span data-month="10">November</span>
-																		<span data-month="11">December</span>
-																	</span> <span class="year"></span>
-																</button>
-															</div>
-															<table class="datepicker-calendar-days">
-																<thead>
-																<tr>
-																	<th>Su</th>
-																	<th>Mo</th>
-																	<th>Tu</th>
-																	<th>We</th>
-																	<th>Th</th>
-																	<th>Fr</th>
-																	<th>Sa</th>
-																</tr>
-																</thead>
-																<tbody></tbody>
-															</table>
-															<div class="datepicker-calendar-footer">
-																<button type="button" class="datepicker-today">Today</button>
-															</div>
-														</div>
-														<div class="datepicker-wheels" aria-hidden="true">
-															<div class="datepicker-wheels-month">
-																<h2 class="header">Month</h2>
-																<ul>
-																	<li data-month="0"><button type="button">Jan</button></li>
-																	<li data-month="1"><button type="button">Feb</button></li>
-																	<li data-month="2"><button type="button">Mar</button></li>
-																	<li data-month="3"><button type="button">Apr</button></li>
-																	<li data-month="4"><button type="button">May</button></li>
-																	<li data-month="5"><button type="button">Jun</button></li>
-																	<li data-month="6"><button type="button">Jul</button></li>
-																	<li data-month="7"><button type="button">Aug</button></li>
-																	<li data-month="8"><button type="button">Sep</button></li>
-																	<li data-month="9"><button type="button">Oct</button></li>
-																	<li data-month="10"><button type="button">Nov</button></li>
-																	<li data-month="11"><button type="button">Dec</button></li>
-																</ul>
-															</div>
-															<div class="datepicker-wheels-year">
-																<h2 class="header">Year</h2>
-																<ul></ul>
-															</div>
-															<div class="datepicker-wheels-footer clearfix">
-																<button type="button" class="btn datepicker-wheels-back"><span class="glyphicon glyphicon-arrow-left"></span><span class="sr-only">Return to Calendar</span></button>
-																<button type="button" class="btn datepicker-wheels-select">Select <span class="sr-only">Month and Year</span></button>
-															</div>
-														</div>
-													</div>
-												</div>
-											</div>
-										</div>
-									</div>
-								</div>
-							</div>
-						</div>
-					</div>
-				</div>
-
-				<div class="btn-panel">
-					<button type="button" class="btn btn-default" id="btnSchedulerEnable">enable</button>
-					<button type="button" class="btn btn-default" id="btnSchedulerDisable">disable</button>
-					<button type="button" class="btn btn-default" id="btnSchedulerLogValue">log value</button>
-					<button type="button" class="btn btn-default" id="btnSchedulerSetValue">set value</button>
-					<button type="button" class="btn btn-default" id="btnSchedulerDestroy">destroy and append</button>
-				</div>
-			</section>
-
-			<section id="search">
-				<h2>Search</h2>
-				<div class="thin-box">
-					<div class="search input-group" data-initialize="search" data-searchOnKeyPress="true" role="search" id="mySearch">
-						<input type="search" class="form-control" placeholder="Search" />
-						<span class="input-group-btn">
-									<button class="btn btn-default" type="button">
-										<span class="glyphicon glyphicon-search"></span>
-						<span class="sr-only">Search</span>
-						</button>
-						</span>
-					</div>
-				</div>
-				<div class="btn-panel">
-					<button type="button" class="btn btn-default" id="btnSearchDisable">disable</button>
-					<button type="button" class="btn btn-default" id="btnSearchEnable">enable</button>
-					<button type="button" class="btn btn-default" id="btnSearchDestroy">destroy and append</button>
-				</div>
-			</section>
-
-			<section id="selectlist">
-				<h2>Selectlist</h2>
-				<div class="thin-box">
-					<div class="btn-group selectlist" data-initialize="selectlist" data-resize="auto" id="mySelectlist">
-						<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">
-							<span class="selected-label">&nbsp;</span>
-							<span class="caret"></span>
-							<span class="sr-only">Toggle Dropdown</span>
-						</button>
-						<ul class="dropdown-menu" role="menu">
-							<li data-value="1"><a href="#">One</a>
-							</li>
-							<li data-value="2"><a href="#">Two</a>
-							</li>
-							<li data-selected="true" data-value="3"><a href="#">Three</a>
-							</li>
-							<li data-value="4"><a href="#">Buzz</a>
-							</li>
-							<li data-value="Item Five" data-foo="bar" data-fizz="buzz"><a href="#">Item Five</a>
-							</li>
-							<li class="disabled"><a href="#">Disabled item</a>
-							</li>
-						</ul>
-						<input class="hidden hidden-field" name="mySelectlist" readonly="readonly" aria-hidden="true" type="text" />
-					</div>
-				</div>
-				<div class="btn-panel">
-					<button type="button" class="btn btn-default" id="btnSelectlistGetSelectedItem">log selected item/value</button>
-					<button type="button" class="btn btn-default" id="btnSelectlistSelectByValue">set by value (2)</button>
-					<button type="button" class="btn btn-default" id="btnSelectlistSelectByIndex">set by element index (zero-based) ('4')</button>
-					<button type="button" class="btn btn-default" id="btnSelectlistSelectByText">set by text ('One')</button>
-					<button type="button" class="btn btn-default" id="btnSelectlistSelectBySelector">set by CSS selector ('li[data-fizz=buzz]')</button>
-					<button type="button" class="btn btn-default" id="btnSelectlistEnableSelectlist">enable</button>
-					<button type="button" class="btn btn-default" id="btnSelectlistDisableSelectlist">disable</button>
-					<button type="button" class="btn btn-default" id="btnSelectlistDestroy">destroy and append</button>
-				</div>
-			</section>
-
-			<section id="spinbox">
-				<h2>Spinbox</h2>
-				<div class="thin-box">
-					<div class="spinbox" data-initialize="spinbox" id="mySpinbox1">
-						<input class="form-control input-mini spinbox-input" id="mySpinboxInput1" type="text" value="10">
-						<div class="spinbox-buttons btn-group btn-group-vertical">
-							<button type="button" class="btn btn-default spinbox-up btn-xs">
-								<span class="glyphicon glyphicon-chevron-up"></span><span class="sr-only">Increase</span>
-							</button>
-							<button type="button" class="btn btn-default spinbox-down btn-xs">
-								<span class="glyphicon glyphicon-chevron-down"></span><span class="sr-only">Decrease</span>
-							</button>
-						</div>
-					</div>
-					<div class="spinbox" id="mySpinbox2">
-						<input class="form-control input-mini spinbox-input" id="mySpinboxInput2" type="text" value="10">
-						<div class="spinbox-buttons btn-group btn-group-vertical">
-							<button type="button" class="btn btn-default spinbox-up btn-xs">
-								<span class="glyphicon glyphicon-chevron-up"></span><span class="sr-only">Increase</span>
-							</button>
-							<button type="button" class="btn btn-default spinbox-down btn-xs">
-								<span class="glyphicon glyphicon-chevron-down"></span><span class="sr-only">Decrease</span>
-							</button>
-						</div>
-					</div>
-					<div class="spinbox" id="mySpinbox3">
-						<input class="form-control input-mini spinbox-input" id="mySpinboxInput3" type="text">
-						<div class="spinbox-buttons btn-group btn-group-vertical">
-							<button type="button" class="btn btn-default spinbox-up btn-xs">
-								<span class="glyphicon glyphicon-chevron-up"></span><span class="sr-only">Increase</span>
-							</button>
-							<button type="button" class="btn btn-default spinbox-down btn-xs">
-								<span class="glyphicon glyphicon-chevron-down"></span><span class="sr-only">Decrease</span>
-							</button>
-						</div>
-					</div>
-					<div class="spinbox" id="mySpinbox4">
-						<input class="form-control input-mini spinbox-input" id="mySpinboxInput4" type="text">
-						<div class="spinbox-buttons btn-group btn-group-vertical">
-							<button type="button" class="btn btn-default spinbox-up btn-xs">
-								<span class="glyphicon glyphicon-chevron-up"></span><span class="sr-only">Increase</span>
-							</button>
-							<button type="button" class="btn btn-default spinbox-down btn-xs">
-								<span class="glyphicon glyphicon-chevron-down"></span><span class="sr-only">Decrease</span>
-							</button>
-						</div>
-					</div>
-				</div>
-				<div class="btn-panel">
-					<button id="spinboxSetValueBtn" type="button" class="btn btn-default">set value (4)</button>
-					<button id="spinboxGetValueBtn" type="button" class="btn btn-default">get value</button>
-					<button id="enableSpinbox" type="button" class="btn btn-default">enable</button>
-					<button id="disableSpinbox" type="button" class="btn btn-default">disable</button>
-					<button id="btnSpinboxDestroy" type="button" class="btn btn-default">destroy and append</button>
-					<button id="spinboxCreateBtn" type="button" class="btn btn-default">initialize 4th spinbox</button>
-				</div>
-			</section>
-
-			<section id="picker">
-				<h2>Picker</h2>
-				<div class="thin-box">
-					<div class="picker" data-ellipsis="true" data-initialize="picker" id="mypicker">
-						<div class="form-inline">
-							<div class="form-group">
-								<input class="form-control picker-trigger" type="text" placeholder="choose folder location"/>
-							</div><div class="form-group">
-								<input class="btn btn-default picker-trigger" type="button" value="Choose..."/>
-							</div>
-						</div>
-						<div class="picker-popup">
-							<div class="picker-header">
-								<h5>Choose Folder Location</h5>
-							</div>
-
-							<div class="picker-body well">
-								<ul class="tree" id="myPickerTree1" role="tree">
-									<li class="tree-branch hidden" data-template="treebranch" role="treeitem" aria-expanded="false">
-										<div class="tree-branch-header">
-											<button type="button" class="glyphicon icon-caret glyphicon-play"><span class="sr-only">Open</span>
-											</button>
-											<button type="button" class="tree-branch-name">
-												<span class="glyphicon icon-folder glyphicon-folder-close"></span>
-												<span class="tree-label"></span>
-											</button>
-										</div>
-										<ul class="tree-branch-children" role="group"></ul>
-										<div class="tree-loader" role="alert">Loading...</div>
-									</li>
-									<li class="tree-item hidden" data-template="treeitem" role="treeitem">
-										<button type="button" class="tree-item-name">
-											<span class="glyphicon icon-item fueluxicon-bullet"></span>
-											<span class="tree-label"></span>
-										</button>
-									</li>
-								</ul>
-							</div>
-
-							<div class="picker-footer">
-								<a class="picker-cancel" href="#">Cancel</a>
-								<button class="btn btn-primary btn-xs picker-accept" type="button">Save</button>
-							</div>
-						</div>
-
-					</div>
-
-				</div>
-				<div class="btn-panel">
-					<button type="button" class="btn btn-default" id="btnPickerEnable">enable</button>
-					<button type="button" class="btn btn-default" id="btnPickerDisable">disable</button>
-					<button type="button" class="btn btn-default" id="btnPickerDestroy">destroy and append</button>
-				</div>
-			</section>
-
-			<section id="tree">
-				<h2>Tree</h2>
-				<div class="thin-box">
-					<!-- Utilizes Handlebars templates (see index.js) -->
-					<h3>folders selectable (please note structure of treebranch)</h3>
-					<div id="myTreeWrapper"></div>
-
-					<h3>only items selectable (please note structure of treebranch)</h3>
-					<div id="myTree2Wrapper"></div>
-
-				</div>
-				<div class="btn-panel">
-					<button type="button" class="btn btn-default" id="btnTreeDestroy">destroy and append</button>
-					<button type="button" class="btn btn-default" id="btnTreeClearSelected">clear all selected</button>
-					<button type="button" class="btn btn-default" id="btnTreeDiscloseVisible">disclose visible</button>
-					<button type="button" class="btn btn-default" id="btnTreeDiscloseAll">disclose all</button>
-					<button type="button" class="btn btn-default" id="btnTreeCloseAll">close all</button>
-					<button type="button" class="btn btn-default" id="btnTreeValue">log selected items</button>
-					<button type="button" class="btn btn-default" id="btnTreeRefresh">refresh an already opened item</button>
-				</div>
-			</section>
-
-			<section id="wizard">
-				<h2>Wizard</h2>
-				<div class="thin-box" id="myWizard1Wrapper">
-
-				</div>
-				<div class="thin-box">
-					<div class="wizard" data-initialize="wizard" id="myWizard">
-						<div class="steps-container">
-							<ul class="steps">
-								<li data-step="1"><span class="badge">1</span>Campaign<span class="chevron"></span>
-								</li>
-								<li class="active" data-step="2"><span class="badge">2</span>Recipients<span class="chevron"></span>
-								</li>
-								<li data-step="3"><span class="badge">3</span>Template<span class="chevron"></span>
-								</li>
-								<li data-step="4"><span class="badge">4</span>Preview<span class="chevron"></span>
-								</li>
-								<li data-step="5" data-name="distep"><span class="badge">5</span>Send<span class="chevron"></span>
-								</li>
-							</ul>
-						</div>
-						<div class="actions">
-							<button type="button" class="btn btn-default btn-prev"><span class="glyphicon glyphicon-arrow-left"></span>Prev</button>
-							<button type="button" class="btn btn-default btn-next" data-last="Complete">Next<span class="glyphicon glyphicon-arrow-right"></span>
-							</button>
-						</div>
-						<div class="step-content">
-							<div class="step-pane active sample-pane alert" data-step="1">
-								<h4>Setup Campaign</h4>
-								<p>Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic. Beetroot water spinach okra water chestnut ricebean pea catsear courgette.</p>
-								<p>Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce kohlrabi amaranth water spinach avocado daikon napa cabbage asparagus winter purslane kale. Celery potato scallion desert raisin horseradish spinach carrot soko. Lotus root water spinach fennel kombu maize bamboo shoot green bean swiss chard seakale pumpkin onion chickpea gram corn pea. Brussels sprout coriander water chestnut gourd swiss chard wakame kohlrabi beetroot carrot watercress. Corn amaranth salsify bunya nuts nori azuki bean chickweed potato bell pepper artichoke. Beetroot water spinach okra water chestnut ricebean pea catsear courgette.</p>
-								<p>Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini. </p>
-							</div>
-							<div class="step-pane sample-pane alert-info alert" data-step="2">
-								<h4>Choose Recipients</h4>
-								<p>Celery quandong swiss chard chicory earthnut pea potato. Salsify taro catsear garlic gram celery bitterleaf wattle seed collard greens nori. Grape wattle seed kombu beetroot horseradish carrot squash brussels sprout chard. </p>
-								<p>Pea horseradish azuki bean lettuce avocado asparagus okra. Kohlrabi radish okra azuki bean corn fava bean mustard tigernut jícama green bean celtuce collard greens avocado quandong fennel gumbo black-eyed pea. Grape silver beet watercress potato tigernut corn groundnut. Chickweed okra pea winter purslane coriander yarrow sweet pepper radish garlic brussels sprout groundnut summer purslane earthnut pea tomato spring onion azuki bean gourd. Gumbo kakadu plum komatsuna black-eyed pea green bean zucchini gourd winter purslane silver beet rock melon radish asparagus spinach. </p>
-								<p>Beetroot water spinach okra water chestnut ricebean pea catsear courgette summer purslane. Water spinach arugula pea tatsoi aubergine spring onion bush tomato kale radicchio turnip chicory salsify pea sprouts fava bean. Dandelion zucchini burdock yarrow chickpea dandelion sorrel courgette turnip greens. </p>
-							</div>
-							<div class="step-pane sample-pane alert-danger alert" data-step="3">
-								<h4>Design Template</h4>
-								<p>Nori grape silver beet broccoli kombu beet greens fava bean potato quandong celery. Bunya nuts black-eyed pea prairie turnip leek lentil turnip greens parsnip. Sea lettuce lettuce water chestnut eggplant winter purslane fennel azuki bean earthnut pea sierra leone bologi leek soko chicory celtuce parsley jícama salsify. </p>
-								<p>Celery quandong swiss chard chicory earthnut pea potato. Salsify taro catsear garlic gram celery bitterleaf wattle seed collard greens nori. Grape wattle seed kombu beetroot horseradish carrot squash brussels sprout chard. </p>
-								<p>Pea horseradish azuki bean lettuce avocado asparagus okra. Kohlrabi radish okra azuki bean corn fava bean mustard tigernut jícama green bean celtuce collard greens avocado quandong fennel gumbo black-eyed pea. Grape silver beet watercress potato tigernut corn groundnut. Chickweed okra pea winter purslane coriander yarrow sweet pepper radish garlic brussels sprout groundnut summer purslane earthnut pea tomato spring onion azuki bean gourd. Gumbo kakadu plum komatsuna black-eyed pea green bean zucchini gourd winter purslane silver beet rock melon radish asparagus spinach. </p>
-							</div>
-							<div class="step-pane sample-pane alert-warning alert" data-step="4">
-								<h4>Preview Message</h4>
-								<p>Beetroot water spinach okra water chestnut ricebean pea catsear courgette summer purslane. Water spinach arugula pea tatsoi aubergine spring onion bush tomato kale radicchio turnip chicory salsify pea sprouts fava bean. Dandelion zucchini burdock yarrow chickpea dandelion sorrel courgette turnip greens tigernut soybean radish artichoke wattle seed endive groundnut broccoli arugula. Beetroot water spinach okra water chestnut ricebean pea catsear courgette.</p>
-								<p>Soko radicchio bunya nuts gram dulse silver beet parsnip napa cabbage lotus root sea lettuce brussels sprout cabbage. Catsear cauliflower garbanzo yarrow salsify chicory garlic bell pepper napa cabbage lettuce tomato kale arugula melon sierra leone bologi rutabaga tigernut. Sea lettuce gumbo grape kale kombu cauliflower salsify kohlrabi okra sea lettuce broccoli celery lotus root carrot winter purslane turnip greens garlic.</p>
-								<p>Ja­cama garlic courgette coriander radicchio plantain scallion cauliflower fava bean desert raisin spring onion chicory bunya nuts. Sea lettuce water spinach gram fava bean leek dandelion silver beet eggplant bush tomato. </p>
-							</div>
-							<div class="step-pane sample-pane alert-success alert" data-step="5" data-name="distep">
-								<h4>Send Message</h4>
-								<p>Soko radicchio bunya nuts gram dulse silver beet parsnip napa cabbage lotus root sea lettuce brussels sprout cabbage. Catsear cauliflower garbanzo yarrow salsify chicory garlic bell pepper napa cabbage lettuce tomato kale arugula melon sierra leone bologi rutabaga tigernut.</p>
-								<p>Sea lettuce gumbo grape kale kombu cauliflower salsify kohlrabi okra sea lettuce broccoli celery lotus root carrot winter purslane turnip greens garlic. Jícama garlic courgette coriander radicchio plantain scallion cauliflower fava bean desert raisin spring onion chicory bunya nuts. Sea lettuce water spinach gram fava bean leek dandelion silver beet eggplant bush tomato. </p>
-								<p>Pea horseradish azuki bean lettuce avocado asparagus okra. Kohlrabi radish okra azuki bean corn fava bean mustard tigernut jícama green bean celtuce collard greens avocado quandong fennel gumbo black-eyed pea. Grape silver beet watercress potato tigernut corn groundnut. Chickweed okra pea winter purslane coriander yarrow sweet pepper radish garlic brussels sprout groundnut summer purslane earthnut pea tomato spring onion azuki bean gourd. </p>
-							</div>
-						</div>
-					</div>
-				</div>
-				<div class="btn-panel">
-					<button type="button" class="btn btn-default" id="btnWizardPrev">previous</button>
-					<button type="button" class="btn btn-default" id="btnWizardNext">next</button>
-					<button type="button" class="btn btn-default" id="btnWizardStep">log current step index</button>
-					<button type="button" class="btn btn-default" id="btnWizardSetStep">jump to step 3 (recipients)</button>
-					<button type="button" class="btn btn-default" id="btnWizardSetStepByName">jump to named step (Send Message)</button>
-					<button type="button" class="btn btn-default" id="btnWizardAddSteps">add step (setup)</button>
-					<button type="button" class="btn btn-default" id="btnWizardRemoveStep">remove step (preview)</button>
-					<button type="button" class="btn btn-default" id="btnWizardDestroy">destroy and append</button>
-				</div>
-			</section>
-		</div>
-	</form>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="en" class="fuelux">
+<head>
+	<meta charset="utf-8">
+	<title>Fuel UX 3</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+	<link href="bower_components/bootstrap/dist/css/bootstrap.css" rel="stylesheet" type="text/css">
+
+	<!-- allows for visual check of compiled LESS for debugging/testing purposes. Uncomment this, and comment out client-side LESS compilation code below to use this -->
+	<!--<link href="dist/css/fuelux.css" rel="stylesheet" type="text/css">-->
+	<!--<link href="dist/css/fuelux.min.css" rel="stylesheet" type="text/css">-->
+
+	<!--CLIENT-SIDE LESS COMPILATION FOR WATCHER-LESS DEV-->
+	<link href="less/fuelux.less" rel="stylesheet/less" type="text/css"/>
+	<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/1.7.0/less.min.js"></script>
+	<script type="text/javascript">if(window.console && window.console.clear){ window.console.clear(); }</script>
+
+	<link href="index.css" rel="stylesheet" type="text/css">
+	<!-- <link href="http://www.fuelcdn.com/fuelux-mctheme/1.4.0/css/fuelux-mctheme.css" rel="stylesheet" type="text/css" /> -->
+
+	<script src="bower_components/requirejs/require.js"></script>
+	<script type="text/javascript">
+		(function () {
+			requirejs.config({
+				config: {
+					moment: {
+						noGlobal: true
+					}
+				},
+				paths: {
+					jquery: 'bower_components/jquery/dist/jquery',
+					underscore: 'bower_components/underscore/underscore',
+					bootstrap: 'bower_components/bootstrap/dist/js/bootstrap',
+					moment: 'bower_components/moment/min/moment-with-locales',
+					fuelux: 'js',
+					hbs: 'bower_components/require-handlebars-plugin/hbs',
+					fuelux_templates: 'templates/handlebars/fuelux',
+					bootstrap_templates: 'templates/handlebars/bootstrap'
+				},
+				shim: {
+					'bootstrap': {
+						deps: ['jquery'],
+						exports: 'bootstrap'
+					}
+				},
+				hbs: {
+					partialsUrl: 'templates/handlebars'
+				}
+			});
+		})();
+		require(['jquery', 'index'], function($){ });
+	</script>
+</head>
+<body>
+	<form>
+		<div class="container" id="mainWrapper">
+			<section id="checkboxes">
+				<h2>Checkboxes</h2>
+				<div class="thin-box">
+					<section id="checkboxes-block">
+
+						<div class="checkbox" id="myCheckbox">
+							<label class="checkbox-custom" data-initialize="checkbox" id="myCustomCheckbox1">
+								<input class="sr-only" type="checkbox" value="">
+								<span class="checkbox-label">Custom checkbox unchecked on page load</span>
+							</label>
+						</div>
+						<div class="checkbox" id="myCheckbox2">
+							<label class="checkbox-custom checked" data-initialize="checkbox" id="myCustomCheckbox2">
+								<input class="sr-only" checked="checked" type="checkbox" value="">
+								<span class="checkbox-label">Custom checkbox checked on page load</span>
+							</label>
+						</div>
+						<div class="checkbox" id="myCheckbox3">
+							<label class="checkbox-custom" data-initialize="checkbox" id="myCustomCheckbox3">
+								<input class="sr-only" disabled="disabled" type="checkbox" value="">
+								<span class="checkbox-label">Disabled custom checkbox unchecked on page load</span>
+							</label>
+						</div>
+						<div class="checkbox" id="myCheckbox4">
+							<label class="checkbox-custom checked disabled" data-initialize="checkbox" id="myCustomCheckbox4">
+								<input class="sr-only" checked="checked" disabled="disabled" type="checkbox" value="">
+								<span class="checkbox-label">Disabled custom checkbox checked on page load</span>
+							</label>
+						</div>
+					</section>
+
+					<section id="checkboxes-inline">
+						<label class="checkbox-custom checkbox-inline" data-initialize="checkbox" id="myCustomInlineCheckbox1">
+							<input type="checkbox" class="sr-only" checked="checked">
+							<span class="checkbox-label">1, 2, buckle my shoe</span>
+						</label>
+						<label class="checkbox-custom checkbox-inline" data-initialize="checkbox" id="myCustomInlineCheckbox2">
+							<input type="checkbox" class="sr-only">
+							<span class="checkbox-label">3, 4, shut the door</span>
+						</label>
+						<label class="checkbox-custom checkbox-inline" data-initialize="checkbox" id="myCustomInlineCheckbox3">
+							<input type="checkbox" class="sr-only" disabled="disabled">
+							<span class="checkbox-label">5, 6, pick up sticks</span>
+						</label>
+						<label class="checkbox-custom checkbox-inline" data-initialize="checkbox" id="myCustomInlineCheckbox4">
+							<input type="checkbox" class="checked sr-only" checked="checked" disabled="disabled">
+							<span class="checkbox-label">7, 8, lay them straight</span>
+						</label>
+					</section>
+
+					<section id="checkboxes-toggling">
+						<div class="checkbox">
+							<label class="checkbox-custom" data-initialize="checkbox" id="myCustomTogglingCheckbox1">
+								<input type="checkbox" class="sr-only" data-toggle=".checkboxToggle">
+								<span class="checkbox-label">Custom checkbox toggles by class</span>
+							</label>
+						</div>
+						<div class="checkbox">
+							<label class="checkbox-custom" data-initialize="checkbox" id="myCustomTogglingCheckbox2">
+								<input type="checkbox" class="sr-only" data-toggle="#checkboxToggle">
+								<span class="checkbox-label">Custom checkbox toggles by id</span>
+							</label>
+						</div>
+						<div aria-hidden="true" class="checkboxToggle alert alert-warning hidden">This message's visibility toggles by class with a checkbox above.</div>
+						<div aria-hidden="true" class="checkboxToggle alert alert-success hidden">This message's visibility toggles by class with a checkbox above.</div>
+						<div aria-hidden="true" class="alert alert-info hidden" id="checkboxToggle">This message's visibility toggles by id with a checkbox above.</div>
+					</section>
+
+					<section id="checkboxes-highlighting-block"><!-- why duplicate the highlight classes on div.checkbox and label?, why span.checkbox-label vs. text node, why does checked input require 'checked' class too? -->
+						<div class="checkbox highlight">
+							<label class="checkbox-custom highlight" data-initialize="checkbox" id="myCustomHighlightCheckbox1">
+								<input type="checkbox" class="sr-only">
+								<span class="checkbox-label">Custom block-level highlight checkbox</span>
+							</label>
+						</div>
+						<div class="checkbox highlight">
+							<label class="checkbox-custom highlight" data-initialize="checkbox" id="myCustomHighlightCheckbox2">
+								<input type="checkbox" class="sr-only">
+								<span class="checkbox-label">Custom block-level highlight checkbox</span>
+							</label>
+						</div>
+						<div class="checkbox highlight">
+							<label class="checkbox-custom highlight" data-initialize="checkbox" id="myCustomHighlightCheckbox3">
+								<input type="checkbox" class="sr-only">
+								<span class="checkbox-label">Custom block-level highlight checkbox</span>
+							</label>
+						</div>
+						<div class="checkbox highlight">
+							<label class="checkbox-custom highlight" data-initialize="checkbox" id="myCustomHighlightCheckbox4">
+								<input type="checkbox" class="sr-only">
+								<span class="checkbox-label">Custom block-level highlight checkbox</span>
+							</label>
+						</div>
+					</section>
+
+					<section id="checkbox-add-on" class="x-panel x-panel-default">
+						<header class="hidden x-panel-heading">
+							<h3 class="panel-title">Checkbox within input-group-addon</h3>
+						</header>
+						<section class="x-panel-body">
+							<div class="input-group" id="inputwithcheckbox">
+								<input id="inputwithcheckboxInput" name="inputwithcheckboxInput" class=" form-control" placeholder="placeholder">
+								<label class="input-group-addon checkbox-custom" data-initialize="checkbox">
+									<input class="sr-only" type="checkbox" aria-label="..." id="inputwithcheckboxCheckbox" value="option1">
+								</label>
+							</div>
+							<div class="input-group" id="inputwithcheckbox2">
+								<label class="input-group-addon checkbox-custom" data-initialize="checkbox">
+									<input class="sr-only" type="checkbox" aria-label="..." id="inputwithcheckboxCheckbox2" value="option1">
+								</label>
+								<input id="inputwithcheckboxInput2" name="inputwithcheckboxInput2" class=" form-control" placeholder="placeholder">
+							</div><!-- /input-group -->
+						</section>
+					</section>
+
+					<section id="checkboxes-highlighting-inline">
+						<label class="checkbox-custom checkbox-inline highlight" data-initialize="checkbox" id="myCustomHighlightCheckbox5">
+							<input type="checkbox" class="sr-only">
+							<span class="checkbox-label">Custom inline highlight checkbox</span>
+						</label>
+						<label class="checkbox-custom checkbox-inline highlight" data-initialize="checkbox" id="myCustomHighlightCheckbox6">
+							<input type="checkbox" class="sr-only">
+							<span class="checkbox-label">Custom inline highlight checkbox</span>
+						</label>
+					</section>
+				</div>
+				<div class="btn-panel">
+					<button type="button" class="btn btn-default" id="btnCheckboxToggle">toggle #myCustomCheckbox1</button>
+					<button type="button" class="btn btn-default" id="btnCheckboxDisable">disable #myCustomCheckbox1</button>
+					<button type="button" class="btn btn-default" id="btnCheckboxEnable">enable #myCustomCheckbox1</button>
+					<button type="button" class="btn btn-default" id="btnCheckboxDestroy">destroy and append #myCustomCheckbox1</button>
+					<button type="button" class="btn btn-default" id="btnCheckboxIsChecked">is #myCustomCheckbox1 checked?</button>
+					<button type="button" class="btn btn-default" id="btnCheckboxGetValue">log #myCustomCheckbox1 value</button>
+					<button type="button" class="btn btn-default" id="btnCheckboxCheck">check #myCustomCheckbox1</button>
+					<button type="button" class="btn btn-default" id="btnCheckboxUncheck">uncheck #myCustomCheckbox1</button>
+				</div>
+			</section>
+
+			<section id="checkboxes-no-js">
+				<h2>Checkboxes (no javascript)</h2>
+				<div class="thin-box">
+					<section id="checkboxes-no-js-block" class="x-panel x-panel-default">
+						<header class="hidden x-panel-heading">
+							<h3 class="panel-title">Checkboxes (no javascript) Block</h3>
+						</header>
+						<section class="x-panel-body">
+
+							<div class="checkbox">
+								<input type="checkbox" id="checkboxes-no-js-block--1" name="checkboxes-no-js-block--1" value="">
+								<label for="checkboxes-no-js-block--1">
+									Checkbox: unchecked on page load
+								</label>
+							</div>
+
+							<div class="checkbox">
+								<input type="checkbox" id="checkboxes-no-js-block--2" name="checkboxes-no-js-block--2" checked="checked" value="">
+								<label for="checkboxes-no-js-block--2">
+									Checkbox: checked on page load
+								</label>
+							</div>
+
+							<div class="checkbox">
+								<input type="checkbox" id="checkboxes-no-js-block--3" name="checkboxes-no-js-block--3" disabled="disabled" value="">
+								<label for="checkboxes-no-js-block--3">
+									Checkbox: disabled and unchecked on page load
+								</label>
+							</div>
+
+							<div class="checkbox">
+								<input type="checkbox" id="checkboxes-no-js-block--4" name="checkboxes-no-js-block--4" disabled="disabled" checked="checked" value="">
+								<label for="checkboxes-no-js-block--4">
+									Checkbox: disabled and checked on page load
+								</label>
+							</div>
+
+						</section>
+					</section>
+
+
+					<section id="checkboxes-no-js-inline" class="x-panel x-panel-default">
+						<header class="hidden x-panel-heading">
+							<h3 class="panel-title">Checkboxes (no javascript) Inline</h3>
+						</header>
+						<section class="x-panel-body">
+
+							<span class="checkbox-inline">
+								<input type="checkbox" id="checkboxes-no-js-inline--1" name="checkboxes-no-js-inline--1" checked="checked" value="">
+								<label for="checkboxes-no-js-inline--1">
+									1, 2, buckle my shoe
+								</label>
+							</span>
+
+							<span class="checkbox-inline">
+								<input type="checkbox" id="checkboxes-no-js-inline--2" name="checkboxes-no-js-inline--2" value="">
+								<label for="checkboxes-no-js-inline--2">
+									3, 4, shut the door
+								</label>
+							</span>
+
+							<span class="checkbox-inline">
+								<input type="checkbox" id="checkboxes-no-js-inline--3" name="checkboxes-no-js-inline--3" checked="checked" disabled="disabled" value="">
+								<label for="checkboxes-no-js-inline--3">
+									5, 6, pick up sticks
+								</label>
+							</span>
+
+							<span class="checkbox-inline">
+								<input type="checkbox" id="checkboxes-no-js-inline--4" name="checkboxes-no-js-inline--4" disabled="disabled" value="">
+								<label for="checkboxes-no-js-inline--4">
+									7, 8, lay them straight
+								</label>
+							</span>
+
+						</section>
+					</section>
+
+
+
+
+					<section id="checkboxes-no-js-toggling" class="x-panel x-panel-default">
+						<header class="hidden x-panel-heading">
+							<h3 class="panel-title">Checkboxes (no javascript) Toggling</h3>
+						</header>
+						<div class="x-panel-body">
+
+							<div class="checkbox">
+								<input type="checkbox" id="checkboxes-no-js-toggling--1" name="checkboxes-no-js-toggling--1" data-toggle="collapse" data-target=".checkboxes-no-js-toggling-class" value="">
+								<label for="checkboxes-no-js-toggling--1">
+									Toggles by class
+								</label>
+							</div>
+
+							<div class="checkbox">
+								<input type="checkbox" id="checkboxes-no-js-toggling--2" name="checkboxes-no-js-toggling--2" data-toggle="collapse" data-target="#checkboxes-no-js-toggling-id" aria-controls="checkboxes-no-js-toggling-id" value="">
+								<label for="checkboxes-no-js-toggling--2">
+									Toggles by ID
+								</label>
+							</div>
+
+
+							<div aria-hidden="true" class="alert alert-warning fade collapse checkboxes-no-js-toggling-class">This message's visibility toggles by class with a checkbox above.</div>
+							<div aria-hidden="true" class="alert alert-success fade collapse checkboxes-no-js-toggling-class">This message's visibility toggles by class with a checkbox above.</div>
+							<div aria-hidden="true" class="alert alert-info fade collapse" id="checkboxes-no-js-toggling-id">This message's visibility toggles by id with a checkbox above.</div>
+
+						</div>
+					</section>
+
+
+
+					<section id="checkboxes-no-js-block-highlighting" class="x-panel x-panel-default">
+						<header class="hidden x-panel-heading">
+							<h3 class="panel-title">Checkboxes (no javascript) Block Highlighting</h3>
+						</header>
+						<section class="x-panel-body">
+
+							<div class="checkbox highlight">
+								<input type="checkbox" id="checkboxes-no-js-block-highlighting--1" name="checkboxes-no-js-block-highlighting--1" checked="checked" value="">
+								<label for="checkboxes-no-js-block-highlighting--1">
+									Checkbox: checked on page load
+								</label>
+							</div>
+
+							<div class="checkbox highlight">
+								<input type="checkbox" id="checkboxes-no-js-block-highlighting--2" name="checkboxes-no-js-block-highlighting--2" value="">
+								<label for="checkboxes-no-js-block-highlighting--2">
+									Checkbox: unchecked on page load
+								</label>
+							</div>
+
+							<div class="checkbox highlight">
+								<input type="checkbox" id="checkboxes-no-js-block-highlighting--3" name="checkboxes-no-js-block-highlighting--3" checked="checked" disabled="disabled" value="">
+								<label for="checkboxes-no-js-block-highlighting--3">
+									Checkbox: unchecked and disabled on page load
+								</label>
+							</div>
+
+							<div class="checkbox highlight">
+								<input type="checkbox" id="checkboxes-no-js-block-highlighting--4" name="checkboxes-no-js-block-highlighting--4" disabled="disabled" value="">
+								<label for="checkboxes-no-js-block-highlighting--4">
+									Checkbox: checked and disabled on page load
+								</label>
+							</div>
+
+						</section>
+					</section>
+
+					<section id="checkbox-no-js-multiline" class="x-panel x-panel-default">
+						<header class="hidden x-panel-heading">
+							<h3 class="panel-title">Checkbox (no javascript) Checkbox with multiple line label</h3>
+						</header>
+						<section class="x-panel-body">
+
+							<div class="form-horizontal">
+								<div class="form-group">
+									<div class="checkbox multiline">
+										<input type="checkbox" id="checkboxes-no-js-multiline" name="checkboxes-no-js-multiline" checked="checked" value="">
+										<label for="checkboxes-no-js-multiline"></label>
+									</div>
+									<div class="control-label">
+										<label for="checkboxes-no-js-multiline">Have you eaten an african cherry orange, bilberry, ceylon gooseberry, dead man's fingers, or a governor’s plum?</label>
+									</div>
+								</div>
+							</div>
+
+						</section>
+					</section>
+
+					<section id="checkboxes-no-js-inline-highlighting" class="x-panel x-panel-default">
+						<header class="hidden x-panel-heading">
+							<h3 class="panel-title">Checkboxes (no javascript) Inline Highlighting</h3>
+						</header>
+						<section class="x-panel-body">
+
+							<span class="checkbox-inline highlight">
+								<input type="checkbox" id="checkboxes-no-js-inline-highlighting--1" name="checkboxes-no-js-inline-highlighting--1" checked="checked" value="">
+								<label for="checkboxes-no-js-inline-highlighting--1">
+									1, 2, buckle my shoe
+								</label>
+							</span>
+
+							<span class="checkbox-inline highlight">
+								<input type="checkbox" id="checkboxes-no-js-inline-highlighting--2" name="checkboxes-no-js-inline-highlighting--2" value="">
+								<label for="checkboxes-no-js-inline-highlighting--2">
+									3, 4, shut the door
+								</label>
+							</span>
+
+							<span class="checkbox-inline highlight">
+								<input type="checkbox" id="checkboxes-no-js-inline-highlighting--3" name="checkboxes-no-js-inline-highlighting--3" checked="checked" disabled="disabled" value="">
+								<label for="checkboxes-no-js-inline-highlighting--3">
+									5, 6, pick up sticks
+								</label>
+							</span>
+
+							<span class="checkbox-inline highlight">
+								<input type="checkbox" id="checkboxes-no-js-inline-highlighting--4" name="checkboxes-no-js-inline-highlighting--4" disabled="disabled" value="">
+								<label for="checkboxes-no-js-inline-highlighting--4">
+									7, 8, lay them straight
+								</label>
+							</span>
+
+						</section>
+					</section>
+
+
+
+
+				</div>
+			</section>
+
+			<section id="combobox">
+				<h2>Combobox</h2>
+				<div class="thin-box">
+					<div style="width: 300px;">
+
+						<div class="input-group input-append dropdown combobox" id="myCombobox">
+							<input type="text" class="form-control">
+							<div class="input-group-btn">
+								<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" data-flip="auto"><span class="caret"></span>
+								</button>
+								<ul class="dropdown-menu dropdown-menu-right" data-target="window" role="menu">
+									<li data-value="1"><a href="#">One</a>
+									</li>
+									<li data-value="2"><a href="#">Two</a>
+									</li>
+									<li data-selected="true" data-value="3"><a href="#">Three</a>
+									</li>
+									<li data-value="4"><a href="#">Four</a>
+									</li>
+									<li data-value="Item Five" data-foo="bar" data-fizz="buzz"><a href="#">Item Five</a>
+									</li>
+								</ul>
+							</div>
+						</div>
+
+					</div>
+				</div>
+				<div class="btn-panel">
+					<button id="btnComboboxGetSelectedItem" type="button" class="btn btn-default">log item</button>
+					<button id="btnComboboxSelectByValue" type="button" class="btn btn-default">set by value (One)</button>
+					<button id="btnComboboxSelectByIndex" type="button" class="btn btn-default">set by element index (Two)</button>
+					<button id="btnComboboxSelectByText" type="button" class="btn btn-default">set by text (Four)</button>
+					<button id="btnComboboxSelectBySelector" type="button" class="btn btn-default">set by CSS selector li[data-fizz=buzz] (Item Five)</button>
+					<button id="btnComboboxDisable" type="button" class="btn btn-default">disable</button>
+					<button id="btnComboboxEnable" type="button" class="btn btn-default">enable</button>
+					<button id="btnComboboxDestroy" type="button" class="btn btn-default">destroy and append</button>
+				</div>
+			</section>
+
+			<section id="datepicker">
+				<h2>Datepicker</h2>
+				<div class="thin-box">
+					<div style="width: 300px;">
+
+						<div class="datepicker" id="myDatepicker">
+							<div class="input-group">
+								<input class="form-control" id="myDatepickerInput" type="text" />
+								<div class="input-group-btn">
+									<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+										<span class="glyphicon glyphicon-calendar"></span>
+										<span class="sr-only">Toggle Calendar</span>
+									</button>
+									<div class="dropdown-menu dropdown-menu-right datepicker-calendar-wrapper" role="menu">
+										<div class="datepicker-calendar">
+											<div class="datepicker-calendar-header">
+												<button type="button" class="prev"><span class="glyphicon glyphicon-chevron-left"></span><span class="sr-only">Previous Month</span>
+												</button>
+												<button type="button" class="next"><span class="glyphicon glyphicon-chevron-right"></span><span class="sr-only">Next Month</span>
+												</button>
+												<button type="button" class="title">
+													<span class="month">
+														<span data-month="0">January</span>
+													<span data-month="1">February</span>
+													<span data-month="2">March</span>
+													<span data-month="3">April</span>
+													<span data-month="4">May</span>
+													<span data-month="5">June</span>
+													<span data-month="6">July</span>
+													<span data-month="7">August</span>
+													<span data-month="8">September</span>
+													<span data-month="9">October</span>
+													<span data-month="10">November</span>
+													<span data-month="11">December</span>
+													</span> <span class="year"></span>
+												</button>
+											</div>
+											<table class="datepicker-calendar-days">
+												<thead>
+													<tr>
+														<th>Su</th>
+														<th>Mo</th>
+														<th>Tu</th>
+														<th>We</th>
+														<th>Th</th>
+														<th>Fr</th>
+														<th>Sa</th>
+													</tr>
+												</thead>
+												<tbody></tbody>
+											</table>
+											<div class="datepicker-calendar-footer">
+												<button type="button" class="datepicker-today">Today</button>
+											</div>
+										</div>
+										<div class="datepicker-wheels" aria-hidden="true">
+											<div class="datepicker-wheels-month">
+												<h2 class="header">Month</h2>
+												<ul>
+													<li data-month="0">
+														<button type="button">Jan</button>
+													</li>
+													<li data-month="1">
+														<button type="button">Feb</button>
+													</li>
+													<li data-month="2">
+														<button type="button">Mar</button>
+													</li>
+													<li data-month="3">
+														<button type="button">Apr</button>
+													</li>
+													<li data-month="4">
+														<button type="button">May</button>
+													</li>
+													<li data-month="5">
+														<button type="button">Jun</button>
+													</li>
+													<li data-month="6">
+														<button type="button">Jul</button>
+													</li>
+													<li data-month="7">
+														<button type="button">Aug</button>
+													</li>
+													<li data-month="8">
+														<button type="button">Sep</button>
+													</li>
+													<li data-month="9">
+														<button type="button">Oct</button>
+													</li>
+													<li data-month="10">
+														<button type="button">Nov</button>
+													</li>
+													<li data-month="11">
+														<button type="button">Dec</button>
+													</li>
+												</ul>
+											</div>
+											<div class="datepicker-wheels-year">
+												<h2 class="header">Year</h2>
+												<ul></ul>
+											</div>
+											<div class="datepicker-wheels-footer clearfix">
+												<button type="button" class="btn datepicker-wheels-back"><span class="glyphicon glyphicon-arrow-left"></span><span class="sr-only">Return to Calendar</span>
+												</button>
+												<button type="button" class="btn datepicker-wheels-select">Select <span class="sr-only">Month and Year</span>
+												</button>
+											</div>
+										</div>
+									</div>
+								</div>
+							</div>
+						</div>
+
+					</div>
+				</div>
+				<div class="btn-panel">
+					<button type="button" class="btn btn-default" id="btnDatepickerEnable">enable</button>
+					<button type="button" class="btn btn-default" id="btnDatepickerDisable">disable</button>
+					<button type="button" class="btn btn-default" id="btnDatepickerLogFormattedDate">log formatted date</button>
+					<button type="button" class="btn btn-default" id="btnDatepickerLogDateObj">log date object</button>
+					<button type="button" class="btn btn-default" id="btnDatepickerSetDate">set date 7 days ahead (will log new value)</button>
+					<button type="button" class="btn btn-default" id="btnDatepickerDestroy">destroy and append</button>
+				</div>
+			</section>
+
+			<section id="infinitescroll">
+				<h2>Infinite Scroll</h2>
+				<div class="clearfix thin-box">
+					<div class="infinitescroll" id="myInfiniteScroll1">
+						<p>Hodor, hodor. Hodor. Hodor, hodor hodor hodor hodor, hodor. Hodor hodor, hodor, hodor hodor. Hodor! Hodor hodor, hodor - hodor hodor hodor? Hodor hodor HODOR! Hodor hodor, hodor. Hodor hodor... Hodor hodor hodor hodor?! Hodor hodor HODOR! Hodor hodor - hodor, hodor. Hodor hodor hodor! Hodor hodor - hodor... Hodor hodor hodor, hodor, hodor hodor. Hodor hodor - hodor; hodor hodor hodor hodor?! Hodor, HODOR hodor, hodor hodor? Hodor! Hodor hodor, hodor, hodor. Hodor hodor? </p>
+						<p>Hodor hodor HODOR! Hodor hodor hodor - hodor, hodor, hodor hodor. Hodor. Hodor hodor - hodor?! Hodor HODOR hodor, hodor hodor. Hodor. Hodor hodor - hodor HODOR hodor, hodor hodor hodor! Hodor. Hodor hodor hodor hodor hodor?! Hodor hodor HODOR! Hodor hodor hodor hodor, hodor, hodor hodor. Hodor! Hodor hodor, hodor; hodor hodor hodor, hodor, hodor hodor. </p>
+						<p>Hodor hodor hodor - hodor? Hodor hodor hodor hodor hodor hodor! Hodor! Hodor hodor, hodor, hodor. Hodor hodor; hodor hodor - hodor. Hodor. Hodor hodor hodor. Hodor! Hodor hodor, hodor - hodor? </p>
+						<p>Hodor hodor HODOR! Hodor hodor hodor; hodor hodor hodor! Hodor. Hodor hodor... Hodor hodor hodor hodor. Hodor, hodor, hodor. Hodor hodor - HODOR hodor, hodor hodor? Hodor, hodor. Hodor. Hodor, hodor - HODOR hodor, hodor hodor - hodor. Hodor hodor, hodor. Hodor hodor?! Hodor hodor... Hodor hodor hodor - hodor. Hodor. </p>
+						<p>Hodor, hodor. Hodor. Hodor, HODOR hodor, hodor HODOR hodor, hodor hodor hodor, hodor. Hodor hodor. Hodor. Hodor hodor - hodor... Hodor hodor hodor, hodor, hodor hodor. Hodor, hodor. Hodor. Hodor, hodor hodor hodor? Hodor hodor - hodor... Hodor hodor hodor?! Hodor, hodor hodor hodor; hodor hodor; hodor hodor hodor! </p>
+					</div>
+					<div class="infinitescroll" id="myInfiniteScroll2">
+						<p>Hodor, hodor. Hodor. Hodor, hodor hodor hodor hodor, hodor. Hodor hodor, hodor, hodor hodor. Hodor! Hodor hodor, hodor - hodor hodor hodor? Hodor hodor HODOR! Hodor hodor, hodor. Hodor hodor... Hodor hodor hodor hodor?! Hodor hodor HODOR! Hodor hodor - hodor, hodor. Hodor hodor hodor! Hodor hodor - hodor... Hodor hodor hodor, hodor, hodor hodor. Hodor hodor - hodor; hodor hodor hodor hodor?! Hodor, HODOR hodor, hodor hodor? Hodor! Hodor hodor, hodor, hodor. Hodor hodor? </p>
+						<p>Hodor hodor HODOR! Hodor hodor hodor - hodor, hodor, hodor hodor. Hodor. Hodor hodor - hodor?! Hodor HODOR hodor, hodor hodor. Hodor. Hodor hodor - hodor HODOR hodor, hodor hodor hodor! Hodor. Hodor hodor hodor hodor hodor?! Hodor hodor HODOR! Hodor hodor hodor hodor, hodor, hodor hodor. Hodor! Hodor hodor, hodor; hodor hodor hodor, hodor, hodor hodor. </p>
+						<p>Hodor hodor hodor - hodor? Hodor hodor hodor hodor hodor hodor! Hodor! Hodor hodor, hodor, hodor. Hodor hodor; hodor hodor - hodor. Hodor. Hodor hodor hodor. Hodor! Hodor hodor, hodor - hodor? </p>
+						<p>Hodor hodor HODOR! Hodor hodor hodor; hodor hodor hodor! Hodor. Hodor hodor... Hodor hodor hodor hodor. Hodor, hodor, hodor. Hodor hodor - HODOR hodor, hodor hodor? Hodor, hodor. Hodor. Hodor, hodor - HODOR hodor, hodor hodor - hodor. Hodor hodor, hodor. Hodor hodor?! Hodor hodor... Hodor hodor hodor - hodor. Hodor. </p>
+						<p>Hodor, hodor. Hodor. Hodor, HODOR hodor, hodor HODOR hodor, hodor hodor hodor, hodor. Hodor hodor. Hodor. Hodor hodor - hodor... Hodor hodor hodor, hodor, hodor hodor. Hodor, hodor. Hodor. Hodor, hodor hodor hodor? Hodor hodor - hodor... Hodor hodor hodor?! Hodor, hodor hodor hodor; hodor hodor; hodor hodor hodor! </p>
+					</div>
+				</div>
+				<div class="btn-panel">
+					<button type="button" class="btn btn-default" id="btnInfiniteScrollEnable">enable</button>
+					<button type="button" class="btn btn-default" id="btnInfiniteScrollDisable">disable</button>
+					<button type="button" class="btn btn-default" id="btnInfiniteScrollDestroy">destroy and append</button>
+				</div>
+			</section>
+
+			<section id="loader">
+				<h2>Loader</h2>
+				<div class="clearfix thin-box" id="loaderWrapper">
+					<div class="loader" data-initialize="loader" id="myLoader1"></div>
+				</div>
+				<div class="btn-panel">
+					<button type="button" class="btn btn-default" id="btnLoaderDestroy">destroy and append</button>
+				</div>
+			</section>
+
+			<section id="pillbox">
+				<h2>Pillbox</h2>
+				<div class="thin-box">
+					<div id="myPillbox1Wrapper" style="width: 300px;"></div>
+					<br/>
+					<div id="myPillbox2Wrapper" style="width: 230px;"></div>
+				</div>
+				<div class="btn-panel">
+					<!--<button type="button" class="btn btn-default" id="btnPillboxEnable">enable</button>-->
+					<!--<button type="button" class="btn btn-default" id="btnPillboxDisable">disable</button>-->
+					<button type="button" class="btn btn-default" id="btnPillboxAdd">add with color</button>
+					<button type="button" class="btn btn-default" id="btnPillboxRemoveByValue">remove by value "item 2"</button>
+					<button type="button" class="btn btn-default" id="btnPillboxRemoveBySelector">remove by selector ".example-pill-class"</button>
+					<button type="button" class="btn btn-default" id="btnPillboxRemoveByText">remove by text "item 3"</button>
+					<button type="button" class="btn btn-default" id="btnPillboxItems">log items to console</button>
+					<button type="button" class="btn btn-default" id="btnPillboxDestroy">destroy and append</button>
+				</div>
+			</section>
+
+			<section id="placard">
+				<h2>Placard</h2>
+				<div class="thin-box">
+					<div class="placard" data-initialize="placard" id="myPlacard1">
+						<div class="placard-popup"></div>
+						<input class="form-control placard-field" type="text" />
+					</div>
+
+					<br/>
+
+					<div class="placard" data-ellipsis="true" data-initialize="placard" id="myPlacard2">
+						<div class="placard-popup"></div>
+						<div class="placard-header">
+							<h5>Header</h5>
+						</div>
+						<input class="form-control placard-field" type="text" />
+						<div class="placard-footer">
+							<a class="placard-cancel" href="#">Cancel</a>
+							<button class="btn btn-primary btn-xs placard-accept" type="button">Save</button>
+						</div>
+					</div>
+
+					<br/>
+					<br/>
+
+					<div style="background: #eee; display: inline-block; padding: 10px;">
+						<div class="placard" data-ellipsis="true" data-initialize="placard" id="myPlacard3">
+							<div class="placard-popup"></div>
+							<div class="placard-header">
+								<h5>Header</h5>
+							</div>
+							<textarea class="form-control glass placard-field"></textarea>
+							<div class="placard-footer">
+								<a class="placard-cancel" href="#">Cancel</a>
+								<button class="btn btn-primary btn-xs placard-accept" type="button">Save</button>
+							</div>
+						</div>
+					</div>
+
+					<br/>
+
+					<div class="placard" data-ellipsis="true" data-initialize="placard" id="myPlacard4">
+						<div class="placard-popup"></div>
+						<div class="placard-header">
+							<h5>Header</h5>
+						</div>
+						<div class="form-control placard-field" contenteditable="true"></div>
+						<div class="placard-footer">
+							<a class="placard-cancel" href="#">Cancel</a>
+							<button class="btn btn-primary btn-xs placard-accept" type="button">Save</button>
+						</div>
+					</div>
+
+					<div style="display: inline-block; padding: 10px;">
+						<div class="placard" data-initialize="placard" id="myPlacard5">
+							<div class="placard-popup"></div>
+							<div class="placard-header">
+								<h5>Header</h5>
+							</div>
+							<div class="form-control placard-field" contenteditable="true" data-textarea="true"></div>
+							<div class="placard-footer">
+								<a class="placard-cancel" href="#">Cancel</a>
+								<button class="btn btn-primary btn-xs placard-accept" type="button">Save</button>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="btn-panel">
+					<button type="button" class="btn btn-default" id="btnPlacardEnable">enable</button>
+					<button type="button" class="btn btn-default" id="btnPlacardDisable">disable</button>
+					<button type="button" class="btn btn-default" id="btnPlacardDestroy">destroy and append</button>
+				</div>
+			</section>
+
+			<section id="radio-buttons">
+				<h2>Radio Buttons</h2>
+				<div class="thin-box">
+					<!--Block-level Radios-->
+					<div class="radio">
+						<label class="radio-custom" data-initialize="radio" id="myCustomRadio1">
+							<input class="sr-only" name="radio1" type="radio" value="" id="radio1">
+							<span class="radio-label">Custom radio unchecked on page load</span>
+						</label>
+					</div>
+					<div class="radio">
+						<label class="radio-custom" data-initialize="radio" id="myCustomRadio2">
+							<input checked="checked" class="checked sr-only" name="radio1" type="radio" value="" id="radio2">
+							<span class="radio-label">Custom radio checked on page load</span>
+						</label>
+					</div>
+					<div class="radio">
+						<label class="radio-custom" data-initialize="radio" id="myCustomRadio3">
+							<input class="sr-only" disabled="disabled" name="radio2" type="radio" value="">
+							<span class="radio-label">Custom radio disabled and unchecked on page load</span>
+						</label>
+					</div>
+					<div class="radio">
+						<label class="radio-custom" data-initialize="radio" id="myCustomRadio4">
+							<input checked="checked" class="checked sr-only" disabled="disabled" name="radio2" type="radio" value="">
+							<span class="radio-label">Custom radio disabled and checked on page load</span>
+						</label>
+					</div>
+
+					<br/>
+					<!--Inline radios-->
+					<label class="radio-custom radio-inline" data-initialize="radio" id="myCustomInlineRadio1">
+						<input checked="checked" class="checked sr-only" name="radio3" type="radio" value=""> <span class="radio-label">1, 2, buckle my shoe</span>
+					</label>
+					<label class="radio-custom radio-inline" data-initialize="radio" id="myCustomInlineRadio2">
+						<input class="sr-only" name="radio3" type="radio" value=""> <span class="radio-label">3, 4, shut the door</span>
+					</label>
+					<label class="radio-custom radio-inline" data-initialize="radio" id="myCustomInlineRadio3">
+						<input class="sr-only" disabled="disabled" name="radio4" type="radio" value=""> <span class="radio-label">5, 6, pick up sticks</span>
+					</label>
+					<label class="radio-custom radio-inline" data-initialize="radio" id="myCustomInlineRadio4">
+						<input checked="checked" class="checked sr-only" disabled="disabled" name="radio4" type="radio" value=""> <span class="radio-label">7, 8, lay them straight</span>
+					</label>
+
+					<br/>
+					<br/>
+					<!--Toggling capability-->
+					<div class="radio">
+						<label class="radio-custom" data-initialize="radio" id="myCustomTogglingRadio1">
+							<input class="sr-only" data-toggle=".radioToggle" name="radio5" type="radio" value="">
+							<span class="radio-label">Custom radio toggles by class</span>
+						</label>
+					</div>
+					<div class="radio">
+						<label class="radio-custom" data-initialize="radio" id="myCustomTogglingRadio2">
+							<input class="sr-only" data-toggle="#radioToggle" name="radio5" type="radio" value="">
+							<span class="radio-label">Custom radio toggles by id</span>
+						</label>
+					</div>
+
+					<div aria-hidden="true" class="radioToggle alert alert-warning hidden">This message's visibility toggles by class with a radio above.</div>
+					<div aria-hidden="true" class="radioToggle alert alert-success hidden">This message's visibility toggles by class with a radio above.</div>
+					<div aria-hidden="true" class="alert alert-info hidden" id="radioToggle">This message's visibility toggles by id with a radio above.</div>
+
+					<br/>
+					<!--Highlight capability-->
+					<div class="radio highlight">
+						<label class="radio-custom highlight" data-initialize="radio" id="myCustomHighlightRadio1">
+							<input class="sr-only" name="radio6" type="radio" value="">
+							<span class="radio-label">Custom block-level highlight radio</span>
+						</label>
+					</div>
+					<div class="radio highlight">
+						<label class="radio-custom highlight" data-initialize="radio" id="myCustomHighlightRadio2">
+							<input class="sr-only" name="radio6" type="radio" value="">
+							<span class="radio-label">Custom block-level highlight radio</span>
+						</label>
+					</div>
+					<label class="radio-custom radio-inline highlight" data-initialize="radio" id="myCustomHighlightRadio3">
+						<input class="sr-only" name="radio7" type="radio" value=""> <span class="radio-label">Custom inline highlight radio</span>
+					</label>
+					<label class="radio-custom radio-inline highlight" data-initialize="radio" id="myCustomHighlightRadio4">
+						<input class="sr-only" name="radio7" type="radio" value=""> <span class="radio-label">Custom inline highlight radio</span>
+					</label>
+				</div>
+				<div class="btn-panel">
+					<button type="button" class="btn btn-default" id="btnRadioDisable">disable #myCustomRadio1</button>
+					<button type="button" class="btn btn-default" id="btnRadioEnable">enable #myCustomRadio1</button>
+					<button type="button" class="btn btn-default" id="btnRadioDestroy">destroy and append #myCustomRadio1</button>
+					<button type="button" class="btn btn-default" id="btnRadioIsChecked">is #myCustomRadio1 checked?</button>
+					<button type="button" class="btn btn-default" id="btnRadioCheck">check #myCustomRadio1</button>
+					<button type="button" class="btn btn-default" id="btnRadioUncheck">uncheck #myCustomRadio1</button>
+				</div>
+			</section>
+
+			<section id="radiobuttons-no-js">
+				<h2>Radio Buttons (no javascript)</h2>
+				<div class="thin-box">
+					<section id="radiobuttons-no-js-block" class="x-panel x-panel-default">
+						<header class="hidden x-panel-heading">
+							<h3 class="panel-title">Radio Buttons (no javascript) Block</h3>
+						</header>
+						<section class="x-panel-body">
+
+							<div class="radio">
+								<input type="radio" id="radiobuttons-no-js-block--1" name="radiobuttons-no-js-block--group-1" value="">
+								<label for="radiobuttons-no-js-block--1">
+									Radio Button: unchecked on page load
+								</label>
+							</div>
+
+							<div class="radio">
+								<input type="radio" id="radiobuttons-no-js-block--2" name="radiobuttons-no-js-block--group-1" checked="checked" value="">
+								<label for="radiobuttons-no-js-block--2">
+									Radio Button: checked on page load
+								</label>
+							</div>
+
+							<div class="radio">
+								<input type="radio" id="radiobuttons-no-js-block--3" name="radiobuttons-no-js-block--group-2" disabled="disabled" value="">
+								<label for="radiobuttons-no-js-block--3">
+									Radio Button: disabled and unchecked on page load
+								</label>
+							</div>
+
+							<div class="radio">
+								<input type="radio" id="radiobuttons-no-js-block--4" name="radiobuttons-no-js-block--group-2" disabled="disabled" checked="checked" value="">
+								<label for="radiobuttons-no-js-block--4">
+									Radio Button: disabled and checked on page load
+								</label>
+							</div>
+
+						</section>
+					</section>
+
+
+					<section id="radiobuttons-no-js-inline" class="x-panel x-panel-default">
+						<header class="hidden x-panel-heading">
+							<h3 class="panel-title">Radio Buttons (no javascript) Inline</h3>
+						</header>
+						<section class="x-panel-body">
+
+							<div class="radio-inline">
+								<input type="radio" id="radiobuttons-no-js-inline--1" name="radiobuttons-no-js-inline--group-1" checked="checked" value="">
+								<label for="radiobuttons-no-js-inline--1">
+									1, 2, buckle my shoe
+								</label>
+							</div>
+
+							<div class="radio-inline">
+								<input type="radio" id="radiobuttons-no-js-inline--2" name="radiobuttons-no-js-inline--group-1" value="">
+								<label for="radiobuttons-no-js-inline--2">
+									3, 4, shut the door
+								</label>
+							</div>
+
+							<div class="radio-inline">
+								<input type="radio" id="radiobuttons-no-js-inline--3" name="radiobuttons-no-js-inline--group-2" checked="checked" disabled="disabled" value="">
+								<label for="radiobuttons-no-js-inline--3">
+									5, 6, pick up sticks
+								</label>
+							</div>
+
+							<div class="radio-inline">
+								<input type="radio" id="radiobuttons-no-js-inline--4" name="radiobuttons-no-js-inline--group-2" disabled="disabled" value="">
+								<label for="radiobuttons-no-js-inline--4">
+									7, 8, lay them straight
+								</label>
+							</div>
+
+						</section>
+					</section>
+
+
+
+
+					<section id="radiobuttons-no-js-toggling" class="x-panel x-panel-default">
+						<header class="hidden x-panel-heading">
+							<h3 class="panel-title">Radio Buttons (no javascript) Toggling</h3>
+						</header>
+						<div class="x-panel-body">
+
+							<div class="container-fluid">
+								<div class="row">
+									<div class="radio-inline">
+										<input type="radio" id="radiobuttons-no-js-toggling--1--on" name="radiobuttons-no-js-toggling-class--1" data-toggle="collapse" data-target=".radiobuttons-no-js-toggling-class--1" aria-controls="radiobuttons-no-js-toggling-class--1" value="">
+										<label for="radiobuttons-no-js-toggling--1--on">
+											On
+										</label>
+									</div>
+
+
+									<div class="radio-inline">
+										<input type="radio" id="radiobuttons-no-js-toggling--1--off" name="radiobuttons-no-js-toggling-class--1" data-toggle="collapse" data-target=".radiobuttons-no-js-toggling-class--1" aria-controls="radiobuttons-no-js-toggling-class--1" checked="checked" value="">
+										<label for="radiobuttons-no-js-toggling--1--off">
+											Off
+										</label>
+									</div>
+								</div>
+
+
+								<div class="row">
+									<div class="radio-inline">
+										<input type="radio" id="radiobuttons-no-js-toggling--2--on" name="radiobuttons-no-js-toggling--2" data-toggle="collapse" data-target=".radiobuttons-no-js-toggling-class--2" aria-controls="radiobuttons-no-js-toggling-class--2" value="">
+										<label for="radiobuttons-no-js-toggling--2--on">
+											On
+										</label>
+									</div>
+
+
+									<div class="radio-inline">
+										<input type="radio" id="radiobuttons-no-js-toggling--2--off" name="radiobuttons-no-js-toggling--2" data-toggle="collapse" data-target=".radiobuttons-no-js-toggling-class--2" aria-controls="radiobuttons-no-js-toggling-class--2" checked="checked" value="">
+										<label for="radiobuttons-no-js-toggling--2--off">
+											Off
+										</label>
+									</div>
+								</div>
+
+
+								<div class="row">
+
+									<div class="radio-inline">
+										<input type="radio" id="radiobuttons-no-js-toggling--3--on" name="radiobuttons-no-js-toggling-id" data-toggle="collapse" data-target="#radiobuttons-no-js-toggling-id" aria-controls="radiobuttons-no-js-toggling-id" value="">
+										<label for="radiobuttons-no-js-toggling--3--on">
+											On
+										</label>
+									</div>
+									<div class="radio-inline">
+										<input type="radio" id="radiobuttons-no-js-toggling--3--off" name="radiobuttons-no-js-toggling-id" data-toggle="collapse" data-target="#radiobuttons-no-js-toggling-id" aria-controls="radiobuttons-no-js-toggling-id" checked="checked" value="">
+										<label for="radiobuttons-no-js-toggling--3--off">
+											Off
+										</label>
+									</div>
+								</div>
+							</div>
+
+
+
+							<div aria-hidden="true" class="alert alert-warning fade collapse radiobuttons-no-js-toggling-class--1" id="radiobuttons-no-js-toggling-class--1">This message's visibility toggles by class with a radio above.</div>
+							<div aria-hidden="true" class="alert alert-success fade collapse radiobuttons-no-js-toggling-class--2" id="radiobuttons-no-js-toggling-class--2">This message's visibility toggles by class with a radio above.</div>
+							<div aria-hidden="true" class="alert alert-info fade collapse" id="radiobuttons-no-js-toggling-id">This message's visibility toggles by id with a radio above.</div>
+
+						</div>
+					</section>
+
+
+
+					<section id="radiobuttons-no-js-block-highlighting" class="x-panel x-panel-default">
+						<header class="hidden x-panel-heading">
+							<h3 class="panel-title">Radio Buttons (no javascript) Block Highlighting</h3>
+						</header>
+						<section class="x-panel-body">
+
+							<div class="radio highlight">
+								<input type="radio" id="radiobuttons-no-js-block-highlighting--1" name="radiobuttons-no-js-block-highlighting--group-1" checked="checked" value="">
+								<label for="radiobuttons-no-js-block-highlighting--1">
+									Radio Button: checked on page load
+								</label>
+							</div>
+
+							<div class="radio highlight">
+								<input type="radio" id="radiobuttons-no-js-block-highlighting--2" name="radiobuttons-no-js-block-highlighting--group-1" value="">
+								<label for="radiobuttons-no-js-block-highlighting--2">
+									Radio Button: unchecked on page load
+								</label>
+							</div>
+
+							<div class="radio highlight">
+								<input type="radio" id="radiobuttons-no-js-block-highlighting--3" name="radiobuttons-no-js-block-highlighting--group-2" checked="checked" disabled="disabled" value="">
+								<label for="radiobuttons-no-js-block-highlighting--3">
+									Radio Button: unchecked and disabled on page load
+								</label>
+							</div>
+
+							<div class="radio highlight">
+								<input type="radio" id="radiobuttons-no-js-block-highlighting--4" name="radiobuttons-no-js-block-highlighting--group-2" disabled="disabled" value="">
+								<label for="radiobuttons-no-js-block-highlighting--4">
+									Radio Button: checked and disabled on page load
+								</label>
+							</div>
+
+						</section>
+					</section>
+
+					<section id="radio-no-js-add-on" class="x-panel x-panel-default">
+						<header class="hidden x-panel-heading">
+							<h3 class="panel-title">Radio Buttons (no javascript) Radio inline within input-group-addon</h3>
+						</header>
+						<section class="x-panel-body">
+							<div class="input-group">
+								<span class="input-group-addon">
+									<span class="radio-inline">
+										<input type="radio" id="example-radio-addon" value="">
+										<label for="example-radio-addon"></label>
+									</span>
+								</span>
+								<input type="text" class="form-control" value="Radio within input add-on">
+							</div><!-- /input-group -->
+						</section>
+					</section>
+
+
+					<section id="radio-no-js-multiline" class="x-panel x-panel-default">
+						<header class="hidden x-panel-heading">
+							<h3 class="panel-title">Radio Buttons (no javascript) Radio button with multiline label</h3>
+						</header>
+						<section class="x-panel-body">
+
+							<div class="form-horizontal">
+								<div class="form-group">
+									<div class="radio multiline">
+										<input type="radio" id="radio-no-js-multiline--1" name="radio-no-js-multiline" value="">
+										<label for="radio-no-js-multiline--1"></label>
+									</div>
+									<div class="control-label">
+										<label for="radio-no-js-multiline--1">Have you eaten an african cherry orange, bilberry, ceylon gooseberry, dead man's fingers, or a governor’s plum?</label>
+									</div>
+								</div>
+								<div class="form-group">
+									<div class="radio multiline">
+										<input type="radio" id="radio-no-js-multiline--2" name="radio-no-js-multiline" value="">
+										<label for="radio-no-js-multiline--2"></label>
+									</div>
+									<div class="control-label">
+										<label for="radio-no-js-multiline--2">How about an apple?</label>
+									</div>
+								</div>
+							</div>
+
+						</section>
+					</section>
+
+					<section id="radiobuttons-no-js-inline-highlighting" class="x-panel x-panel-default">
+						<header class="hidden x-panel-heading">
+							<h3 class="panel-title">Radio Buttons (no javascript) Inline Highlighting</h3>
+						</header>
+						<section class="x-panel-body">
+
+							<div class="radio-inline highlight">
+								<input type="radio" id="radiobuttons-no-js-inline-highlighting--1" name="radiobuttons-no-js-inline-highlighting--1" checked="checked" value="">
+								<label for="radiobuttons-no-js-inline-highlighting--1">
+									1, 2, buckle my shoe
+								</label>
+							</div>
+
+							<div class="radio-inline highlight">
+								<input type="radio" id="radiobuttons-no-js-inline-highlighting--2" name="radiobuttons-no-js-inline-highlighting--1" value="">
+								<label for="radiobuttons-no-js-inline-highlighting--2">
+									3, 4, shut the door
+								</label>
+							</div>
+
+							<div class="radio-inline highlight">
+								<input type="radio" id="radiobuttons-no-js-inline-highlighting--3" name="radiobuttons-no-js-inline-highlighting--2" checked="checked" disabled="disabled" value="">
+								<label for="radiobuttons-no-js-inline-highlighting--3">
+									5, 6, pick up sticks
+								</label>
+							</div>
+
+							<div class="radio-inline highlight">
+								<input type="radio" id="radiobuttons-no-js-inline-highlighting--4" name="radiobuttons-no-js-inline-highlighting--2" disabled="disabled" value="">
+								<label for="radiobuttons-no-js-inline-highlighting--4">
+									7, 8, lay them straight
+								</label>
+							</div>
+
+						</section>
+					</section>
+				</div>
+			</section>
+
+			<section id="repeater">
+				<h2>Repeater</h2>
+				<div class="thin-box">
+					<div class="repeater" data-staticheight="400" id="myRepeater">
+						<div class="repeater-header">
+							<div class="repeater-header-left">
+								<span class="repeater-title">Awesome Repeater</span>
+								<div class="repeater-search">
+									<div class="search input-group">
+										<input type="search" class="form-control" placeholder="Search" />
+										<span class="input-group-btn">
+										<button class="btn btn-default" type="button">
+											<span class="glyphicon glyphicon-search"></span>
+										<span class="sr-only">Search</span>
+										</button>
+										</span>
+									</div>
+								</div>
+							</div>
+							<div class="repeater-header-right">
+								<div class="btn-group selectlist repeater-filters" data-resize="auto">
+									<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+										<span class="selected-label">&nbsp;</span>
+										<span class="caret"></span>
+										<span class="sr-only">Toggle Filters</span>
+									</button>
+									<ul class="dropdown-menu" role="menu">
+										<li data-value="all" data-selected="true"><a href="#">All</a>
+										</li>
+										<li data-value="some"><a href="#">Some</a>
+										</li>
+										<li data-value="others"><a href="#">Others</a>
+										</li>
+									</ul>
+									<input class="hidden hidden-field" name="filterSelection" readonly="readonly" aria-hidden="true" type="text" />
+								</div>
+								<div class="btn-group repeater-views" data-toggle="buttons">
+									<label class="btn btn-default active">
+										<input name="repeaterViews" type="radio" value="list.list"><span class="glyphicon glyphicon-list"></span>
+									</label>
+									<label class="btn btn-default">
+										<input name="repeaterViews" type="radio" value="thumbnail"><span class="glyphicon glyphicon-th"></span>
+									</label>
+									<label class="btn btn-default">
+										<input name="repeaterViews" type="radio" value="list.frozen"><span class="glyphicon glyphicon-list"></span>
+									</label>
+								</div>
+							</div>
+						</div>
+						<div class="repeater-viewport">
+							<div class="repeater-canvas"></div>
+							<div class="loader repeater-loader"></div>
+						</div>
+						<div class="repeater-footer">
+							<div class="repeater-footer-left">
+								<div class="repeater-itemization">
+									<span><span class="repeater-start"></span> - <span class="repeater-end"></span> of <span class="repeater-count"></span> items</span>
+									<div class="btn-group selectlist" data-resize="auto">
+										<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+											<span class="selected-label">&nbsp;</span>
+											<span class="caret"></span>
+											<span class="sr-only">Toggle Dropdown</span>
+										</button>
+										<ul class="dropdown-menu" role="menu">
+											<li data-value="5"><a href="#">5</a>
+											</li>
+											<li data-value="10" data-selected="true"><a href="#">10</a>
+											</li>
+											<li data-value="20"><a href="#">20</a>
+											</li>
+											<li data-value="50"><a href="#">50</a>
+											</li>
+										</ul>
+										<input class="hidden hidden-field" name="itemsPerPage" readonly="readonly" aria-hidden="true" type="text" />
+									</div>
+									<span>Per Page</span>
+								</div>
+							</div>
+							<div class="repeater-footer-right">
+								<div class="repeater-pagination">
+									<button type="button" class="btn btn-default btn-sm repeater-prev">
+										<span class="glyphicon glyphicon-chevron-left"></span>
+										<span class="sr-only">Previous Page</span>
+									</button>
+									<label id="myPageLabel1" class="page-label">Page</label>
+									<div class="repeater-primaryPaging active">
+										<div class="input-group input-append dropdown combobox">
+											<input type="text" class="form-control" aria-labelledby="myPageLabel1">
+											<div class="input-group-btn">
+												<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+													<span class="caret"></span>
+													<span class="sr-only">Toggle Dropdown</span>
+												</button>
+												<ul class="dropdown-menu dropdown-menu-right"></ul>
+											</div>
+										</div>
+									</div>
+									<input type="text" class="form-control repeater-secondaryPaging" aria-labelledby="myPageLabel1">
+									<span>of <span class="repeater-pages"></span></span>
+									<button type="button" class="btn btn-default btn-sm repeater-next">
+										<span class="glyphicon glyphicon-chevron-right"></span>
+										<span class="sr-only">Next Page</span>
+									</button>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="btn-panel">
+					<!--<button type="button" class="btn btn-default" id="btnRepeaterDisable">disable ???</button>-->
+					<!--<button type="button" class="btn btn-default" id="btnRepeaterEnable">enable ???</button>-->
+					<button type="button" class="btn btn-default" id="btnRepeaterDestroy">destroy and append</button>
+				</div>
+			</section>
+
+			<section id="repeater-actions">
+				<h2>Repeater w/ actions enabled</h2>
+				<div class="thin-box">
+					<div class="repeater" data-staticheight="400" id="myRepeaterActions">
+						<div class="repeater-header">
+							<div class="repeater-header-left">
+								<span class="repeater-title">Awesome Repeater w/ Actions!</span>
+								<div class="repeater-search">
+									<div class="search input-group">
+										<input type="search" class="form-control" placeholder="Search" />
+										<span class="input-group-btn">
+										<button class="btn btn-default" type="button">
+											<span class="glyphicon glyphicon-search"></span>
+											<span class="sr-only">Search</span>
+										</button>
+										</span>
+									</div>
+								</div>
+							</div>
+							<div class="repeater-header-right">
+								<div class="btn-group selectlist repeater-filters" data-resize="auto">
+									<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+										<span class="selected-label">&nbsp;</span>
+										<span class="caret"></span>
+										<span class="sr-only">Toggle Filters</span>
+									</button>
+									<ul class="dropdown-menu" role="menu">
+										<li data-value="all" data-selected="true"><a href="#">All</a>
+										</li>
+										<li data-value="some"><a href="#">Some</a>
+										</li>
+										<li data-value="others"><a href="#">Others</a>
+										</li>
+									</ul>
+									<input class="hidden hidden-field" name="filterSelection" readonly="readonly" aria-hidden="true" type="text" />
+								</div>
+								<div class="btn-group repeater-views" data-toggle="buttons">
+									<label class="btn btn-default active">
+										<input name="repeaterViews" type="radio" value="list.list"><span class="glyphicon glyphicon-list"></span>
+									</label>
+									<label class="btn btn-default">
+										<input name="repeaterViews" type="radio" value="thumbnail"><span class="glyphicon glyphicon-th"></span>
+									</label>
+									<label class="btn btn-default">
+										<input name="repeaterViews" type="radio" value="list.frozen"><span class="glyphicon glyphicon-list"></span>
+									</label>
+								</div>
+							</div>
+						</div>
+						<div class="repeater-viewport">
+							<div class="repeater-canvas"></div>
+							<div class="loader repeater-loader"></div>
+						</div>
+						<div class="repeater-footer">
+							<div class="repeater-footer-left">
+								<div class="repeater-itemization">
+									<span><span class="repeater-start"></span> - <span class="repeater-end"></span> of <span class="repeater-count"></span> items</span>
+									<div class="btn-group selectlist" data-resize="auto">
+										<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+											<span class="selected-label">&nbsp;</span>
+											<span class="caret"></span>
+											<span class="sr-only">Toggle Dropdown</span>
+										</button>
+										<ul class="dropdown-menu" role="menu">
+											<li data-value="5"><a href="#">5</a>
+											</li>
+											<li data-value="10" data-selected="true"><a href="#">10</a>
+											</li>
+											<li data-value="20"><a href="#">20</a>
+											</li>
+											<li data-value="50"><a href="#">50</a>
+											</li>
+										</ul>
+										<input class="hidden hidden-field" name="itemsPerPage" readonly="readonly" aria-hidden="true" type="text" />
+									</div>
+									<span>Per Page</span>
+								</div>
+							</div>
+							<div class="repeater-footer-right">
+								<div class="repeater-pagination">
+									<button type="button" class="btn btn-default btn-sm repeater-prev">
+										<span class="glyphicon glyphicon-chevron-left"></span>
+										<span class="sr-only">Previous Page</span>
+									</button>
+									<label id="myPageLabel2" class="page-label">Page</label>
+									<div class="repeater-primaryPaging active">
+										<div class="input-group input-append dropdown combobox">
+											<input type="text" class="form-control" aria-labelledby="myPageLabel2">
+											<div class="input-group-btn">
+												<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+													<span class="caret"></span>
+													<span class="sr-only">Toggle Dropdown</span>
+												</button>
+												<ul class="dropdown-menu dropdown-menu-right"></ul>
+											</div>
+										</div>
+									</div>
+									<input type="text" class="form-control repeater-secondaryPaging" aria-labelledby="myPageLabel2">
+									<span>of <span class="repeater-pages"></span></span>
+									<button type="button" class="btn btn-default btn-sm repeater-next">
+										<span class="glyphicon glyphicon-chevron-right"></span>
+										<span class="sr-only">Next Page</span>
+									</button>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="btn-panel">
+					<button type="button" class="btn btn-default" id="btnRepeaterLogValue">log value</button>
+				</div>
+			</section>
+
+			<section id="scheduler">
+				<h2>Scheduler</h2>
+				<div class="thin-box">
+					<div id="myScheduler" class="form-horizontal container-fluid scheduler" role="form" data-initialize="scheduler">
+						<div class="row start-datetime">
+							<label class="col-sm-2 control-label scheduler-label" for="myStartDate">Start Date</label>
+							<div class="col-sm-10">
+								<div class="row no-margin">
+									<div class="col-xs-4 col-sm-4 form-group">
+										<div class="datepicker start-date">
+											<div class="input-group">
+												<input class="form-control" id="myStartDate" type="text"/>
+												<div class="input-group-btn">
+													<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+														<span class="glyphicon glyphicon-calendar"></span>
+														<span class="sr-only">Toggle Calendar</span>
+													</button>
+													<div class="dropdown-menu dropdown-menu-right datepicker-calendar-wrapper" role="menu">
+														<div class="datepicker-calendar">
+															<div class="datepicker-calendar-header">
+																<button type="button" class="prev"><span class="glyphicon glyphicon-chevron-left"></span><span class="sr-only">Previous Month</span></button>
+																<button type="button" class="next"><span class="glyphicon glyphicon-chevron-right"></span><span class="sr-only">Next Month</span></button>
+																<button type="button" class="title">
+																		<span class="month">
+																			<span data-month="0">January</span>
+																			<span data-month="1">February</span>
+																			<span data-month="2">March</span>
+																			<span data-month="3">April</span>
+																			<span data-month="4">May</span>
+																			<span data-month="5">June</span>
+																			<span data-month="6">July</span>
+																			<span data-month="7">August</span>
+																			<span data-month="8">September</span>
+																			<span data-month="9">October</span>
+																			<span data-month="10">November</span>
+																			<span data-month="11">December</span>
+																		</span> <span class="year"></span>
+																</button>
+															</div>
+															<table class="datepicker-calendar-days">
+																<thead>
+																<tr>
+																	<th>Su</th>
+																	<th>Mo</th>
+																	<th>Tu</th>
+																	<th>We</th>
+																	<th>Th</th>
+																	<th>Fr</th>
+																	<th>Sa</th>
+																</tr>
+																</thead>
+																<tbody></tbody>
+															</table>
+															<div class="datepicker-calendar-footer">
+																<button type="button" class="datepicker-today">Today</button>
+															</div>
+														</div>
+														<div class="datepicker-wheels" aria-hidden="true">
+															<div class="datepicker-wheels-month">
+																<h2 class="header">Month</h2>
+																<ul>
+																	<li data-month="0"><button type="button">Jan</button></li>
+																	<li data-month="1"><button type="button">Feb</button></li>
+																	<li data-month="2"><button type="button">Mar</button></li>
+																	<li data-month="3"><button type="button">Apr</button></li>
+																	<li data-month="4"><button type="button">May</button></li>
+																	<li data-month="5"><button type="button">Jun</button></li>
+																	<li data-month="6"><button type="button">Jul</button></li>
+																	<li data-month="7"><button type="button">Aug</button></li>
+																	<li data-month="8"><button type="button">Sep</button></li>
+																	<li data-month="9"><button type="button">Oct</button></li>
+																	<li data-month="10"><button type="button">Nov</button></li>
+																	<li data-month="11"><button type="button">Dec</button></li>
+																</ul>
+															</div>
+															<div class="datepicker-wheels-year">
+																<h2 class="header">Year</h2>
+																<ul></ul>
+															</div>
+															<div class="datepicker-wheels-footer clearfix">
+																<button type="button" class="btn datepicker-wheels-back"><span class="glyphicon glyphicon-arrow-left"></span><span class="sr-only">Return to Calendar</span></button>
+																<button type="button" class="btn datepicker-wheels-select">Select <span class="sr-only">Month and Year</span></button>
+															</div>
+														</div>
+													</div>
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="col-xs-4 col-sm-4 form-group">
+										<label class="sr-only" for="MyStartTime">Start Time</label>
+										<div class="input-group combobox start-time">
+											<input id="MyStartTime" type="text" class="form-control" />
+											<div class="input-group-btn">
+												<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+													<span class="caret"></span>
+													<span class="sr-only">Toggle Dropdown</span>
+												</button>
+												<ul class="dropdown-menu dropdown-menu-right" role="menu">
+													<li data-value="12:00 AM"><a href="#">12:00 AM</a></li>
+													<li data-value="12:30 AM"><a href="#">12:30 AM</a></li>
+													<li data-value="1:00 AM"><a href="#">1:00 AM</a></li>
+													<li data-value="1:30 AM"><a href="#">1:30 AM</a></li>
+													<li data-value="2:00 AM"><a href="#">2:00 AM</a></li>
+													<li data-value="2:30 AM"><a href="#">2:30 AM</a></li>
+													<li data-value="3:00 AM"><a href="#">3:00 AM</a></li>
+													<li data-value="3:30 AM"><a href="#">3:30 AM</a></li>
+													<li data-value="4:00 AM"><a href="#">4:00 AM</a></li>
+													<li data-value="4:30 AM"><a href="#">4:30 AM</a></li>
+													<li data-value="5:00 AM"><a href="#">5:00 AM</a></li>
+													<li data-value="5:30 AM"><a href="#">5:30 AM</a></li>
+													<li data-value="6:00 AM"><a href="#">6:00 AM</a></li>
+													<li data-value="6:30 AM"><a href="#">6:30 AM</a></li>
+													<li data-value="7:00 AM"><a href="#">7:00 AM</a></li>
+													<li data-value="7:30 AM"><a href="#">7:30 AM</a></li>
+													<li data-value="8:00 AM"><a href="#">8:00 AM</a></li>
+													<li data-value="8:30 AM"><a href="#">8:30 AM</a></li>
+													<li data-value="9:00 AM"><a href="#">9:00 AM</a></li>
+													<li data-value="9:30 AM"><a href="#">9:30 AM</a></li>
+													<li data-value="10:00 AM"><a href="#">10:00 AM</a></li>
+													<li data-value="10:30 AM"><a href="#">10:30 AM</a></li>
+													<li data-value="11:00 AM"><a href="#">11:00 AM</a></li>
+													<li data-value="11:30 AM"><a href="#">11:30 AM</a></li>
+													<li data-value="12:00 PM"><a href="#">12:00 PM</a></li>
+													<li data-value="12:30 PM"><a href="#">12:30 PM</a></li>
+													<li data-value="1:00 PM"><a href="#">1:00 PM</a></li>
+													<li data-value="1:30 PM"><a href="#">1:30 PM</a></li>
+													<li data-value="2:00 PM"><a href="#">2:00 PM</a></li>
+													<li data-value="2:30 PM"><a href="#">2:30 PM</a></li>
+													<li data-value="3:00 PM"><a href="#">3:00 PM</a></li>
+													<li data-value="3:30 PM"><a href="#">3:30 PM</a></li>
+													<li data-value="4:00 PM"><a href="#">4:00 PM</a></li>
+													<li data-value="4:30 PM"><a href="#">4:30 PM</a></li>
+													<li data-value="5:00 PM"><a href="#">5:00 PM</a></li>
+													<li data-value="5:30 PM"><a href="#">5:30 PM</a></li>
+													<li data-value="6:00 PM"><a href="#">6:00 PM</a></li>
+													<li data-value="6:30 PM"><a href="#">6:30 PM</a></li>
+													<li data-value="7:00 PM"><a href="#">7:00 PM</a></li>
+													<li data-value="7:30 PM"><a href="#">7:30 PM</a></li>
+													<li data-value="8:00 PM"><a href="#">8:00 PM</a></li>
+													<li data-value="8:30 PM"><a href="#">8:30 PM</a></li>
+													<li data-value="9:00 PM"><a href="#">9:00 PM</a></li>
+													<li data-value="9:30 PM"><a href="#">9:30 PM</a></li>
+													<li data-value="10:00 PM"><a href="#">10:00 PM</a></li>
+													<li data-value="10:30 PM"><a href="#">10:30 PM</a></li>
+													<li data-value="11:00 PM"><a href="#">11:00 PM</a></li>
+													<li data-value="11:30 PM"><a href="#">11:30 PM</a></li>
+												</ul>
+											</div>
+										</div>
+									</div>
+								</div>
+							</div>
+						</div>
+
+						<div class="row timezone-container">
+							<label class="col-sm-2 control-label scheduler-label">Timezone</label>
+							<div class="col-xs-10 col-sm-10 col-md-10">
+								<div data-resize="auto" class="btn-group selectlist timezone">
+									<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
+										<span class="selected-label">(GMT-06:00) Central Standard Time</span>
+										<span class="caret"></span>
+										<span class="sr-only">Toggle Dropdown</span>
+									</button>
+									<ul class="dropdown-menu" role="menu">
+										<li data-name="Central Standard Time (no DST)" data-offset="-06:00"><a href="#">(GMT-06:00) Central Standard Time</a></li>
+										<li data-name="Morocco Standard Time" data-offset="+00:00"><a href="#">(GMT) Casablanca *</a></li>
+										<li data-name="GMT Standard Time" data-offset="+00:00"><a href="#">(GMT) Greenwich Mean Time : Dublin, Edinburgh, Lisbon, London *</a></li>
+										<li data-name="Greenwich Standard Time" data-offset="+00:00"><a href="#">(GMT) Monrovia, Reykjavik</a></li>
+										<li data-name="W. Europe Standard Time" data-offset="+01:00"><a href="#">(GMT+01:00) Amsterdam, Berlin, Bern, Rome, Stockholm, Vienna *</a></li>
+										<li data-name="Central Europe Standard Time" data-offset="+01:00"><a href="#">(GMT+01:00) Belgrade, Bratislava, Budapest, Ljubljana, Prague *</a></li>
+										<li data-name="Romance Standard Time" data-offset="+01:00"><a href="#">(GMT+01:00) Brussels, Copenhagen, Madrid, Paris *</a></li>
+										<li data-name="Central European Standard Time" data-offset="+01:00"><a href="#">(GMT+01:00) Sarajevo, Skopje, Warsaw, Zagreb *</a></li>
+										<li data-name="W. Central Africa Standard Time" data-offset="+01:00"><a href="#">(GMT+01:00) West Central Africa</a></li>
+										<li data-name="Jordan Standard Time" data-offset="+02:00"><a href="#">(GMT+02:00) Amman *</a></li>
+										<li data-name="GTB Standard Time" data-offset="+02:00"><a href="#">(GMT+02:00) Athens, Bucharest, Istanbul *</a></li>
+										<li data-name="Middle East Standard Time" data-offset="+02:00"><a href="#">(GMT+02:00) Beirut *</a></li>
+										<li data-name="Egypt Standard Time" data-offset="+02:00"><a href="#">(GMT+02:00) Cairo *</a></li>
+										<li data-name="South Africa Standard Time" data-offset="+02:00"><a href="#">(GMT+02:00) Harare, Pretoria</a></li>
+										<li data-name="FLE Standard Time" data-offset="+02:00"><a href="#">(GMT+02:00) Helsinki, Kyiv, Riga, Sofia, Tallinn, Vilnius *</a></li>
+										<li data-name="Israel Standard Time" data-offset="+02:00"><a href="#">(GMT+02:00) Jerusalem *</a></li>
+										<li data-name="E. Europe Standard Time" data-offset="+02:00"><a href="#">(GMT+02:00) Minsk *</a></li>
+										<li data-name="Namibia Standard Time" data-offset="+02:00"><a href="#">(GMT+02:00) Windhoek *</a></li>
+										<li data-name="Arabic Standard Time" data-offset="+03:00"><a href="#">(GMT+03:00) Baghdad *</a></li>
+										<li data-name="Arab Standard Time" data-offset="+03:00"><a href="#">(GMT+03:00) Kuwait, Riyadh</a></li>
+										<li data-name="Russian Standard Time" data-offset="+03:00"><a href="#">(GMT+03:00) Moscow, St. Petersburg, Volgograd *</a></li>
+										<li data-name="E. Africa Standard Time" data-offset="+03:00"><a href="#">(GMT+03:00) Nairobi</a></li>
+										<li data-name="Georgian Standard Time" data-offset="+03:00"><a href="#">(GMT+03:00) Tbilisi</a></li>
+										<li data-name="Iran Standard Time" data-offset="+03:30"><a href="#">(GMT+03:30) Tehran *</a></li>
+										<li data-name="Arabian Standard Time" data-offset="+04:00"><a href="#">(GMT+04:00) Abu Dhabi, Muscat</a></li>
+										<li data-name="Azerbaijan Standard Time" data-offset="+04:00"><a href="#">(GMT+04:00) Baku *</a></li>
+										<li data-name="Caucasus Standard Time" data-offset="+04:00"><a href="#">(GMT+04:00) Caucasus Standard Time</a></li>
+										<li data-name="Mauritius Standard Time" data-offset="+04:00"><a href="#">(GMT+04:00) Port Louis *</a></li>
+										<li data-name="Caucasus Standard Time" data-offset="+04:00"><a href="#">(GMT+04:00) Yerevan</a></li>
+										<li data-name="Afghanistan Standard Time" data-offset="+04:30"><a href="#">(GMT+04:30) Kabul</a></li>
+										<li data-name="Ekaterinburg Standard Time" data-offset="+05:00"><a href="#">(GMT+05:00) Ekaterinburg *</a></li>
+										<li data-name="Pakistan Standard Time" data-offset="+05:00"><a href="#">(GMT+05:00) Islamabad, Karachi *</a></li>
+										<li data-name="West Asia Standard Time" data-offset="+05:00"><a href="#">(GMT+05:00) Tashkent</a></li>
+										<li data-name="India Standard Time" data-offset="+05:30"><a href="#">(GMT+05:30) Chennai, Kolkata, Mumbai, New Delhi</a></li>
+										<li data-name="Sri Lanka Standard Time" data-offset="+05:30"><a href="#">(GMT+05:30) Sri Jayawardenepura</a></li>
+										<li data-name="Nepal Standard Time" data-offset="+05:45"><a href="#">(GMT+05:45) Kathmandu</a></li>
+										<li data-name="N. Central Asia Standard Time" data-offset="+06:00"><a href="#">(GMT+06:00) Almaty, Novosibirsk *</a></li>
+										<li data-name="Central Asia Standard Time" data-offset="+06:00"><a href="#">(GMT+06:00) Astana, Dhaka</a></li>
+										<li data-name="Myanmar Standard Time" data-offset="+06:00"><a href="#">(GMT+06:30) Yangon (Rangoon)</a></li>
+										<li data-name="SE Asia Standard Time" data-offset="+07:00"><a href="#">(GMT+07:00) Bangkok, Hanoi, Jakarta</a></li>
+										<li data-name="North Asia Standard Time" data-offset="+07:00"><a href="#">(GMT+07:00) Krasnoyarsk *</a></li>
+										<li data-name="China Standard Time" data-offset="+08:00"><a href="#">(GMT+08:00) Beijing, Chongqing, Hong Kong, Urumqi</a></li>
+										<li data-name="North Asia East Standard Time" data-offset="+08:00"><a href="#">(GMT+08:00) Irkutsk, Ulaan Bataar *</a></li>
+										<li data-name="Singapore Standard Time" data-offset="+08:00"><a href="#">(GMT+08:00) Kuala Lumpur, Singapore</a></li>
+										<li data-name="W. Australia Standard Time" data-offset="+08:00"><a href="#">(GMT+08:00) Perth *</a></li>
+										<li data-name="Taipei Standard Time" data-offset="+08:00"><a href="#">(GMT+08:00) Taipei</a></li>
+										<li data-name="Tokyo Standard Time" data-offset="+09:00"><a href="#">(GMT+09:00) Osaka, Sapporo, Tokyo</a></li>
+										<li data-name="Korea Standard Time" data-offset="+09:00"><a href="#">(GMT+09:00) Seoul</a></li>
+										<li data-name="Yakutsk Standard Time" data-offset="+09:00"><a href="#">(GMT+09:00) Yakutsk *</a></li>
+										<li data-name="Cen. Australia Standard Time" data-offset="+09:30"><a href="#">(GMT+09:30) Adelaide *</a></li>
+										<li data-name="AUS Central Standard Time" data-offset="+09:30"><a href="#">(GMT+09:30) Darwin</a></li>
+										<li data-name="E. Australia Standard Time" data-offset="+10:00"><a href="#">(GMT+10:00) Brisbane</a></li>
+										<li data-name="AUS Eastern Standard Time" data-offset="+10:00"><a href="#">(GMT+10:00) Canberra, Melbourne, Sydney *</a></li>
+										<li data-name="West Pacific Standard Time" data-offset="+10:00"><a href="#">(GMT+10:00) Guam, Port Moresby</a></li>
+										<li data-name="Tasmania Standard Time" data-offset="+10:00"><a href="#">(GMT+10:00) Hobart *</a></li>
+										<li data-name="Vladivostok Standard Time" data-offset="+10:00"><a href="#">(GMT+10:00) Vladivostok *</a></li>
+										<li data-name="Central Pacific Standard Time" data-offset="+11:00"><a href="#">(GMT+11:00) Magadan, Solomon Is., New Caledonia</a></li>
+										<li data-name="New Zealand Standard Time" data-offset="+12:00"><a href="#">(GMT+12:00) Auckland, Wellington *</a></li>
+										<li data-name="Fiji Standard Time" data-offset="+12:00"><a href="#">(GMT+12:00) Fiji, Kamchatka, Marshall Is.</a></li>
+										<li data-name="Tonga Standard Time" data-offset="+12:00"><a href="#">(GMT+13:00) Nukualofa</a></li>
+										<li data-name="Azores Standard Time" data-offset="+12:00"><a href="#">(GMT-01:00) Azores *</a></li>
+										<li data-name="Cape Verde Standard Time" data-offset="-01:00"><a href="#">(GMT-01:00) Cape Verde Is.</a></li>
+										<li data-name="Mid-Atlantic Standard Time" data-offset="-02:00"><a href="#">(GMT-02:00) Mid-Atlantic *</a></li>
+										<li data-name="E. South America Standard Time" data-offset="-03:00"><a href="#">(GMT-03:00) Brasilia *</a></li>
+										<li data-name="Argentina Standard Time" data-offset="-03:00"><a href="#">(GMT-03:00) Buenos Aires *</a></li>
+										<li data-name="SA Western Standard Time" data-offset="-03:00"><a href="#">(GMT-03:00) Georgetown</a></li>
+										<li data-name="Greenland Standard Time" data-offset="-03:00"><a href="#">(GMT-03:00) Greenland *</a></li>
+										<li data-name="Montevideo Standard Time" data-offset="-03:00"><a href="#">(GMT-03:00) Montevideo *</a></li>
+										<li data-name="Newfoundland Standard Time" data-offset="-03:00"><a href="#">(GMT-03:30) Newfoundland *</a></li>
+										<li data-name="Atlantic Standard Time" data-offset="-04:00"><a href="#">(GMT-04:00) Atlantic Time (Canada) *</a></li>
+										<li data-name="SA Western Standard Time" data-offset="-04:00"><a href="#">(GMT-04:00) La Paz</a></li>
+										<li data-name="Central Brazilian Standard Time" data-offset="-04:00"><a href="#">(GMT-04:00) Manaus *</a></li>
+										<li data-name="Pacific SA Standard Time" data-offset="-04:00"><a href="#">(GMT-04:00) Santiago *</a></li>
+										<li data-name="Venezuela Standard Time" data-offset="-04:30"><a href="#">(GMT-04:30) Caracas</a></li>
+										<li data-name="SA Pacific Standard Time" data-offset="-05:00"><a href="#">(GMT-05:00) Bogota, Lima, Quito, Rio Branco</a></li>
+										<li data-name="Eastern Standard Time" data-offset="-05:00"><a href="#">(GMT-05:00) Eastern Time (US &amp; Canada) *</a></li>
+										<li data-name="US Eastern Standard Time" data-offset="-05:00"><a href="#">(GMT-05:00) Indiana (East)</a></li>
+										<li data-name="Central America Standard Time" data-offset="-06:00"><a href="#">(GMT-06:00) Central America</a></li>
+										<li data-name="Central Standard Time" data-offset="-06:00"><a href="#">(GMT-06:00) Central Time (US &amp; Canada) *</a></li>
+										<li data-name="Central Standard Time (Mexico)" data-offset="-06:00"><a href="#">(GMT-06:00) Guadalajara, Mexico City, Monterrey - New *</a></li>
+										<li data-name="Central Standard Time (Mexico)" data-offset="-06:00"><a href="#">(GMT-06:00) Guadalajara, Mexico City, Monterrey - Old</a></li>
+										<li data-name="Canada Central Standard Time" data-offset="-06:00"><a href="#">(GMT-06:00) Saskatchewan</a></li>
+										<li data-name="US Mountain Standard Time" data-offset="-07:00"><a href="#">(GMT-07:00) Arizona</a></li>
+										<li data-name="Mountain Standard Time (Mexico)" data-offset="-07:00"><a href="#">(GMT-07:00) Chihuahua, La Paz, Mazatlan - New *</a></li>
+										<li data-name="Mountain Standard Time (Mexico)" data-offset="-07:00"><a href="#">(GMT-07:00) Chihuahua, La Paz, Mazatlan - Old</a></li>
+										<li data-name="Mountain Standard Time" data-offset="-07:00"><a href="#">(GMT-07:00) Mountain Time (US &amp; Canada) *</a></li>
+										<li data-name="Pacific Standard Time" data-offset="-08:00"><a href="#">(GMT-08:00) Pacific Time (US &amp; Canada) *</a></li>
+										<li data-name="Pacific Standard Time (Mexico)" data-offset="-08:00"><a href="#">(GMT-08:00) Tijuana, Baja California *</a></li>
+										<li data-name="Alaskan Standard Time" data-offset="-09:00"><a href="#">(GMT-09:00) Alaska *</a></li>
+										<li data-name="Hawaiian Standard Time" data-offset="-10:00"><a href="#">(GMT-10:00) Hawaii</a></li>
+										<li data-name="Samoa Standard Time" data-offset="-11:00"><a href="#">(GMT-11:00) Midway Island, Samoa</a></li>
+										<li data-name="Dateline Standard Time" data-offset="-12:00"><a href="#">(GMT-12:00) International Date Line West</a></li>
+									</ul>
+									<input type="text" aria-hidden="true" readonly="readonly" name="TimeZoneSelectlist" class="hidden hidden-field">
+								</div>
+							</div>
+						</div>
+
+						<div class="row repeat-container">
+							<label class="col-sm-2 control-label scheduler-label">Repeat</label>
+							<div class="col-sm-10">
+
+								<div class="form-group repeat-interval">
+									<div data-resize="auto" class="btn-group selectlist pull-left repeat-options">
+										<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
+											<span class="selected-label">None (run once)</span>
+											<span class="caret"></span>
+										</button>
+										<ul class="dropdown-menu" role="menu">
+											<li data-value="none"><a href="#">None (run once)</a></li>
+											<li data-value="secondly" data-text="second(s)"><a href="#">Per Second</a>
+											<li data-value="minutely" data-text="minute(s)"><a href="#">Per Minute</a>
+											<li data-value="hourly" data-text="hour(s)"><a href="#">Hourly</a></li>
+											<li data-value="daily" data-text="day(s)"><a href="#">Daily</a></li>
+											<li data-value="weekdays"><a href="#">Weekdays</a></li>
+											<li data-value="weekly" data-text="week(s)"><a href="#">Weekly</a></li>
+											<li data-value="monthly" data-text="month(s)"><a href="#">Monthly</a></li>
+											<li data-value="yearly"><a href="#">Yearly</a></li>
+										</ul>
+										<input type="text" aria-hidden="true" readonly="readonly" name="intervalSelectlist" class="hidden hidden-field">
+									</div>
+
+									<div class="repeat-panel repeat-every-panel repeat-hourly repeat-daily repeat-weekly hide" aria-hidden="true">
+										<label id="MySchedulerEveryLabel" class="inline-form-text repeat-every-pretext">every</label>
+
+										<div class="spinbox digits-3 repeat-every">
+											<input type="text" class="form-control input-mini spinbox-input" aria-labelledby="MySchedulerEveryLabel">
+											<div class="spinbox-buttons btn-group btn-group-vertical">
+												<button type="button" class="btn btn-default spinbox-up btn-xs">
+													<span class="glyphicon glyphicon-chevron-up"></span><span class="sr-only">Increase</span>
+												</button>
+												<button type="button" class="btn btn-default spinbox-down btn-xs">
+													<span class="glyphicon glyphicon-chevron-down"></span><span class="sr-only">Decrease</span>
+												</button>
+											</div>
+										</div>
+
+										<div class="inline-form-text repeat-every-text"></div>
+									</div>
+								</div>
+
+								<div class="form-group repeat-panel repeat-weekly repeat-days-of-the-week hide" aria-hidden="true">
+									<fieldset class="btn-group" data-toggle="buttons">
+										<label class="btn btn-default"><input type="checkbox" data-value="SU">Sun</label>
+										<label class="btn btn-default"><input type="checkbox" data-value="MO">Mon</label>
+										<label class="btn btn-default"><input type="checkbox" data-value="TU">Tue</label>
+										<label class="btn btn-default"><input type="checkbox" data-value="WE"> Wed</label>
+										<label class="btn btn-default"><input type="checkbox" data-value="TH"> Thu</label>
+										<label class="btn btn-default"><input type="checkbox" data-value="FR"> Fri</label>
+										<label class="btn btn-default"><input type="checkbox" data-value="SA"> Sat</label>
+									</fieldset>
+								</div>
+
+								<div class="repeat-panel repeat-monthly hide" aria-hidden="true">
+									<div class="form-group repeat-monthly-date">
+										<div class="radio pull-left">
+											<label class="radio-custom">
+												<input class="sr-only" type="radio" checked="checked" name="repeat-monthly" value="bymonthday">
+												<span class="radio-label">on day</span>
+											</label>
+										</div>
+
+										<div data-resize="auto" class="btn-group selectlist pull-left">
+											<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
+												<span class="selected-label">1</span>
+												<span class="caret"></span>
+											</button>
+											<ul class="dropdown-menu" role="menu" style="height:200px; overflow:auto;">
+												<li data-value="1"><a href="#">1</a></li>
+												<li data-value="2"><a href="#">2</a></li>
+												<li data-value="3"><a href="#">3</a></li>
+												<li data-value="4"><a href="#">4</a></li>
+												<li data-value="5"><a href="#">5</a></li>
+												<li data-value="6"><a href="#">6</a></li>
+												<li data-value="7"><a href="#">7</a></li>
+												<li data-value="8"><a href="#">8</a></li>
+												<li data-value="9"><a href="#">9</a></li>
+												<li data-value="10"><a href="#">10</a></li>
+												<li data-value="11"><a href="#">11</a></li>
+												<li data-value="12"><a href="#">12</a></li>
+												<li data-value="13"><a href="#">13</a></li>
+												<li data-value="14"><a href="#">14</a></li>
+												<li data-value="15"><a href="#">15</a></li>
+												<li data-value="16"><a href="#">16</a></li>
+												<li data-value="17"><a href="#">17</a></li>
+												<li data-value="18"><a href="#">18</a></li>
+												<li data-value="19"><a href="#">19</a></li>
+												<li data-value="20"><a href="#">20</a></li>
+												<li data-value="21"><a href="#">21</a></li>
+												<li data-value="22"><a href="#">22</a></li>
+												<li data-value="23"><a href="#">23</a></li>
+												<li data-value="24"><a href="#">24</a></li>
+												<li data-value="25"><a href="#">25</a></li>
+												<li data-value="26"><a href="#">26</a></li>
+												<li data-value="27"><a href="#">27</a></li>
+												<li data-value="28"><a href="#">28</a></li>
+												<li data-value="29"><a href="#">29</a></li>
+												<li data-value="30"><a href="#">30</a></li>
+												<li data-value="31"><a href="#">31</a></li>
+											</ul>
+											<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field">
+										</div>
+									</div>
+
+									<div class="repeat-monthly-day form-group">
+										<div class="radio pull-left">
+											<label class="radio-custom">
+												<input class="sr-only" type="radio" checked="checked" name="repeat-monthly" value="bysetpos">
+												<span class="radio-label">on the</span>
+											</label>
+										</div>
+
+										<div data-resize="auto" class="btn-group selectlist month-day-pos pull-left">
+											<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
+												<span class="selected-label">First</span>
+												<span class="caret"></span>
+											</button>
+											<ul class="dropdown-menu" role="menu">
+												<li data-value="1"><a href="#">First</a></li>
+												<li data-value="2"><a href="#">Second</a></li>
+												<li data-value="3"><a href="#">Third</a></li>
+												<li data-value="4"><a href="#">Fourth</a></li>
+												<li data-value="-1"><a href="#">Last</a></li>
+											</ul>
+											<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field">
+										</div>
+
+										<div data-resize="auto" class="btn-group selectlist month-days pull-left">
+											<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
+												<span class="selected-label">Sunday</span>
+												<span class="caret"></span>
+											</button>
+											<ul class="dropdown-menu" role="menu">
+												<li data-value="SU"><a href="#">Sunday</a></li>
+												<li data-value="MO"><a href="#">Monday</a></li>
+												<li data-value="TU"><a href="#">Tuesday</a></li>
+												<li data-value="WE"><a href="#">Wednesday</a></li>
+												<li data-value="TH"><a href="#">Thursday</a></li>
+												<li data-value="FR"><a href="#">Friday</a></li>
+												<li data-value="SA"><a href="#">Saturday</a></li>
+												<li data-value="SU,MO,TU,WE,TH,FR,SA"><a href="#">Day</a></li>
+												<li data-value="MO,TU,WE,TH,FR"><a href="#">Weekday</a></li>
+												<li data-value="SU,SA"><a href="#">Weekend day</a></li>
+											</ul>
+											<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field">
+										</div>
+
+									</div>
+								</div>
+
+								<div class="repeat-panel repeat-yearly hide" aria-hidden="true">
+									<div class="form-group repeat-yearly-date">
+
+										<div class="radio pull-left">
+											<label class="radio-custom">
+												<input class="sr-only" type="radio" checked="checked" name="repeat-yearly" value="bymonthday">
+												<span class="radio-label">on</span>
+											</label>
+										</div>
+
+										<div data-resize="auto" class="btn-group selectlist year-month pull-left">
+											<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
+												<span class="selected-label">January</span>
+												<span class="caret"></span>
+											</button>
+											<ul class="dropdown-menu" role="menu">
+												<li data-value="1"><a href="#">January</a></li>
+												<li data-value="2"><a href="#">February</a></li>
+												<li data-value="3"><a href="#">March</a></li>
+												<li data-value="4"><a href="#">April</a></li>
+												<li data-value="5"><a href="#">May</a></li>
+												<li data-value="6"><a href="#">June</a></li>
+												<li data-value="7"><a href="#">July</a></li>
+												<li data-value="8"><a href="#">August</a></li>
+												<li data-value="9"><a href="#">September</a></li>
+												<li data-value="10"><a href="#">October</a></li>
+												<li data-value="11"><a href="#">November</a></li>
+												<li data-value="12"><a href="#">December</a></li>
+											</ul>
+											<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field">
+										</div>
+
+										<div data-resize="auto" class="btn-group selectlist year-month-day pull-left">
+											<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
+												<span class="selected-label">1</span>
+												<span class="caret"></span>
+											</button>
+											<ul class="dropdown-menu" role="menu" style="height:200px; overflow:auto;">
+												<li data-value="1"><a href="#">1</a></li>
+												<li data-value="2"><a href="#">2</a></li>
+												<li data-value="3"><a href="#">3</a></li>
+												<li data-value="4"><a href="#">4</a></li>
+												<li data-value="5"><a href="#">5</a></li>
+												<li data-value="6"><a href="#">6</a></li>
+												<li data-value="7"><a href="#">7</a></li>
+												<li data-value="8"><a href="#">8</a></li>
+												<li data-value="9"><a href="#">9</a></li>
+												<li data-value="10"><a href="#">10</a></li>
+												<li data-value="11"><a href="#">11</a></li>
+												<li data-value="12"><a href="#">12</a></li>
+												<li data-value="13"><a href="#">13</a></li>
+												<li data-value="14"><a href="#">14</a></li>
+												<li data-value="15"><a href="#">15</a></li>
+												<li data-value="16"><a href="#">16</a></li>
+												<li data-value="17"><a href="#">17</a></li>
+												<li data-value="18"><a href="#">18</a></li>
+												<li data-value="19"><a href="#">19</a></li>
+												<li data-value="20"><a href="#">20</a></li>
+												<li data-value="21"><a href="#">21</a></li>
+												<li data-value="22"><a href="#">22</a></li>
+												<li data-value="23"><a href="#">23</a></li>
+												<li data-value="24"><a href="#">24</a></li>
+												<li data-value="25"><a href="#">25</a></li>
+												<li data-value="26"><a href="#">26</a></li>
+												<li data-value="27"><a href="#">27</a></li>
+												<li data-value="28"><a href="#">28</a></li>
+												<li data-value="29"><a href="#">29</a></li>
+												<li data-value="30"><a href="#">30</a></li>
+												<li data-value="31"><a href="#">31</a></li>
+											</ul>
+											<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field">
+										</div>
+									</div>
+
+									<div class="form-group repeat-yearly-day">
+
+										<div class="radio pull-left"><label class="radio-custom"><input class="sr-only" type="radio" name="repeat-yearly" value="bysetpos"> on the</label></div>
+
+										<div data-resize="auto" class="btn-group selectlist year-month-day-pos pull-left">
+											<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
+												<span class="selected-label">First</span>
+												<span class="caret"></span>
+												<span class="sr-only">First</span>
+											</button>
+											<ul class="dropdown-menu" role="menu">
+												<li data-value="1"><a href="#">First</a></li>
+												<li data-value="2"><a href="#">Second</a></li>
+												<li data-value="3"><a href="#">Third</a></li>
+												<li data-value="4"><a href="#">Fourth</a></li>
+												<li data-value="-1"><a href="#">Last</a></li>
+											</ul>
+											<input type="text" aria-hidden="true" readonly="readonly" name="yearlyDateSelectlist" class="hidden hidden-field">
+										</div>
+
+										<div data-resize="auto" class="btn-group selectlist year-month-days pull-left">
+											<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
+												<span class="selected-label">Sunday</span>
+												<span class="caret"></span>
+												<span class="sr-only">Sunday</span>
+											</button>
+											<ul class="dropdown-menu" role="menu" style="height:200px; overflow:auto;">
+												<li data-value="SU"><a href="#">Sunday</a></li>
+												<li data-value="MO"><a href="#">Monday</a></li>
+												<li data-value="TU"><a href="#">Tuesday</a></li>
+												<li data-value="WE"><a href="#">Wednesday</a></li>
+												<li data-value="TH"><a href="#">Thursday</a></li>
+												<li data-value="FR"><a href="#">Friday</a></li>
+												<li data-value="SA"><a href="#">Saturday</a></li>
+												<li data-value="SU,MO,TU,WE,TH,FR,SA"><a href="#">Day</a></li>
+												<li data-value="MO,TU,WE,TH,FR"><a href="#">Weekday</a></li>
+												<li data-value="SU,SA"><a href="#">Weekend day</a></li>
+											</ul>
+											<input type="text" aria-hidden="true" readonly="readonly" name="yearlyDaySelectlist" class="hidden hidden-field">
+										</div>
+										<div class="inline-form-text repeat-yearly-day-text"> of </div>
+
+										<div data-resize="auto" class="btn-group selectlist year-month pull-left">
+											<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
+												<span class="selected-label">January</span>
+												<span class="caret"></span>
+												<span class="sr-only">January</span>
+											</button>
+											<ul class="dropdown-menu" role="menu" style="height:200px; overflow:auto;">
+												<li data-value="1"><a href="#">January</a></li>
+												<li data-value="2"><a href="#">February</a></li>
+												<li data-value="3"><a href="#">March</a></li>
+												<li data-value="4"><a href="#">April</a></li>
+												<li data-value="5"><a href="#">May</a></li>
+												<li data-value="6"><a href="#">June</a></li>
+												<li data-value="7"><a href="#">July</a></li>
+												<li data-value="8"><a href="#">August</a></li>
+												<li data-value="9"><a href="#">September</a></li>
+												<li data-value="10"><a href="#">October</a></li>
+												<li data-value="11"><a href="#">November</a></li>
+												<li data-value="12"><a href="#">December</a></li>
+											</ul>
+											<input type="text" aria-hidden="true" readonly="readonly" name="yearlyDaySelectlist" class="hidden hidden-field">
+										</div>
+									</div>
+								</div>
+							</div>
+						</div>
+
+						<div class="row repeat-end hide" aria-hidden="true">
+							<label class="col-sm-2 control-label scheduler-label">End</label>
+							<div class="col-sm-10">
+								<div class="row">
+									<div class="col-xs-3 col-sm-3 col-lg-2 form-group">
+										<div data-resize="auto" class="btn-group selectlist end-options pull-left">
+											<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
+												<span class="selected-label">Never</span>
+												<span class="caret"></span>
+												<span class="sr-only">Never</span>
+											</button>
+											<ul class="dropdown-menu" role="menu">
+												<li data-value="never"><a href="#">Never</a></li>
+												<li data-value="after"><a href="#">After</a></li>
+												<li data-value="date"><a href="#">On date</a></li>
+											</ul>
+											<input type="text" aria-hidden="true" readonly="readonly" name="EndSelectlist" class="hidden hidden-field">
+										</div>
+									</div>
+
+									<div class="col-sm-4 col-lg-4 form-group end-option-panel end-after-panel pull-left hide" aria-hidden="true">
+										<div class="spinbox digits-3 end-after">
+											<label id="MyEndAfter" class="sr-only">End After</label>
+											<input type="text" class="form-control input-mini spinbox-input" aria-labelledby="MyEndAfter">
+											<div class="spinbox-buttons btn-group btn-group-vertical">
+												<button type="button" class="btn btn-default spinbox-up btn-xs">
+													<span class="glyphicon glyphicon-chevron-up"></span><span class="sr-only">Increase</span>
+												</button>
+												<button type="button" class="btn btn-default spinbox-down btn-xs">
+													<span class="glyphicon glyphicon-chevron-down"></span><span class="sr-only">Decrease</span>
+												</button>
+											</div>
+										</div>
+										<div class="inline-form-text end-after-text">occurrence(s)</div>
+									</div>
+
+									<div class="col-xs-4 col-sm-4 col-lg-4 form-group end-option-panel end-on-date-panel pull-left hide" aria-hidden="true">
+										<div class="datepicker end-on-date">
+											<div class="input-group">
+												<input class="form-control" id="myEndDate" type="text"/>
+												<div class="input-group-btn">
+													<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+														<span class="glyphicon glyphicon-calendar"></span>
+														<span class="sr-only">Toggle Calendar</span>
+													</button>
+													<div class="dropdown-menu dropdown-menu-right datepicker-calendar-wrapper" role="menu">
+														<div class="datepicker-calendar">
+															<div class="datepicker-calendar-header">
+																<button type="button" class="prev"><span class="glyphicon glyphicon-chevron-left"></span><span class="sr-only">Previous Month</span></button>
+																<button type="button" class="next"><span class="glyphicon glyphicon-chevron-right"></span><span class="sr-only">Next Month</span></button>
+																<button type="button" class="title">
+																	<span class="month">
+																		<span data-month="0">January</span>
+																		<span data-month="1">February</span>
+																		<span data-month="2">March</span>
+																		<span data-month="3">April</span>
+																		<span data-month="4">May</span>
+																		<span data-month="5">June</span>
+																		<span data-month="6">July</span>
+																		<span data-month="7">August</span>
+																		<span data-month="8">September</span>
+																		<span data-month="9">October</span>
+																		<span data-month="10">November</span>
+																		<span data-month="11">December</span>
+																	</span> <span class="year"></span>
+																</button>
+															</div>
+															<table class="datepicker-calendar-days">
+																<thead>
+																<tr>
+																	<th>Su</th>
+																	<th>Mo</th>
+																	<th>Tu</th>
+																	<th>We</th>
+																	<th>Th</th>
+																	<th>Fr</th>
+																	<th>Sa</th>
+																</tr>
+																</thead>
+																<tbody></tbody>
+															</table>
+															<div class="datepicker-calendar-footer">
+																<button type="button" class="datepicker-today">Today</button>
+															</div>
+														</div>
+														<div class="datepicker-wheels" aria-hidden="true">
+															<div class="datepicker-wheels-month">
+																<h2 class="header">Month</h2>
+																<ul>
+																	<li data-month="0"><button type="button">Jan</button></li>
+																	<li data-month="1"><button type="button">Feb</button></li>
+																	<li data-month="2"><button type="button">Mar</button></li>
+																	<li data-month="3"><button type="button">Apr</button></li>
+																	<li data-month="4"><button type="button">May</button></li>
+																	<li data-month="5"><button type="button">Jun</button></li>
+																	<li data-month="6"><button type="button">Jul</button></li>
+																	<li data-month="7"><button type="button">Aug</button></li>
+																	<li data-month="8"><button type="button">Sep</button></li>
+																	<li data-month="9"><button type="button">Oct</button></li>
+																	<li data-month="10"><button type="button">Nov</button></li>
+																	<li data-month="11"><button type="button">Dec</button></li>
+																</ul>
+															</div>
+															<div class="datepicker-wheels-year">
+																<h2 class="header">Year</h2>
+																<ul></ul>
+															</div>
+															<div class="datepicker-wheels-footer clearfix">
+																<button type="button" class="btn datepicker-wheels-back"><span class="glyphicon glyphicon-arrow-left"></span><span class="sr-only">Return to Calendar</span></button>
+																<button type="button" class="btn datepicker-wheels-select">Select <span class="sr-only">Month and Year</span></button>
+															</div>
+														</div>
+													</div>
+												</div>
+											</div>
+										</div>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+
+				<div class="btn-panel">
+					<button type="button" class="btn btn-default" id="btnSchedulerEnable">enable</button>
+					<button type="button" class="btn btn-default" id="btnSchedulerDisable">disable</button>
+					<button type="button" class="btn btn-default" id="btnSchedulerLogValue">log value</button>
+					<button type="button" class="btn btn-default" id="btnSchedulerSetValue">set value</button>
+					<button type="button" class="btn btn-default" id="btnSchedulerDestroy">destroy and append</button>
+				</div>
+			</section>
+
+			<section id="search">
+				<h2>Search</h2>
+				<div class="thin-box">
+					<div class="search input-group" data-initialize="search" data-searchOnKeyPress="true" role="search" id="mySearch">
+						<input type="search" class="form-control" placeholder="Search" />
+						<span class="input-group-btn">
+									<button class="btn btn-default" type="button">
+										<span class="glyphicon glyphicon-search"></span>
+						<span class="sr-only">Search</span>
+						</button>
+						</span>
+					</div>
+				</div>
+				<div class="btn-panel">
+					<button type="button" class="btn btn-default" id="btnSearchDisable">disable</button>
+					<button type="button" class="btn btn-default" id="btnSearchEnable">enable</button>
+					<button type="button" class="btn btn-default" id="btnSearchDestroy">destroy and append</button>
+				</div>
+			</section>
+
+			<section id="selectlist">
+				<h2>Selectlist</h2>
+				<div class="thin-box">
+					<div class="btn-group selectlist" data-initialize="selectlist" data-resize="auto" id="mySelectlist">
+						<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">
+							<span class="selected-label">&nbsp;</span>
+							<span class="caret"></span>
+							<span class="sr-only">Toggle Dropdown</span>
+						</button>
+						<ul class="dropdown-menu" role="menu">
+							<li data-value="1"><a href="#">One</a>
+							</li>
+							<li data-value="2"><a href="#">Two</a>
+							</li>
+							<li data-selected="true" data-value="3"><a href="#">Three</a>
+							</li>
+							<li data-value="4"><a href="#">Buzz</a>
+							</li>
+							<li data-value="Item Five" data-foo="bar" data-fizz="buzz"><a href="#">Item Five</a>
+							</li>
+							<li class="disabled"><a href="#">Disabled item</a>
+							</li>
+						</ul>
+						<input class="hidden hidden-field" name="mySelectlist" readonly="readonly" aria-hidden="true" type="text" />
+					</div>
+				</div>
+				<div class="btn-panel">
+					<button type="button" class="btn btn-default" id="btnSelectlistGetSelectedItem">log selected item/value</button>
+					<button type="button" class="btn btn-default" id="btnSelectlistSelectByValue">set by value (2)</button>
+					<button type="button" class="btn btn-default" id="btnSelectlistSelectByIndex">set by element index (zero-based) ('4')</button>
+					<button type="button" class="btn btn-default" id="btnSelectlistSelectByText">set by text ('One')</button>
+					<button type="button" class="btn btn-default" id="btnSelectlistSelectBySelector">set by CSS selector ('li[data-fizz=buzz]')</button>
+					<button type="button" class="btn btn-default" id="btnSelectlistEnableSelectlist">enable</button>
+					<button type="button" class="btn btn-default" id="btnSelectlistDisableSelectlist">disable</button>
+					<button type="button" class="btn btn-default" id="btnSelectlistDestroy">destroy and append</button>
+				</div>
+			</section>
+
+			<section id="spinbox">
+				<h2>Spinbox</h2>
+				<div class="thin-box">
+					<div class="spinbox" data-initialize="spinbox" id="mySpinbox1">
+						<input class="form-control input-mini spinbox-input" id="mySpinboxInput1" type="text" value="10">
+						<div class="spinbox-buttons btn-group btn-group-vertical">
+							<button type="button" class="btn btn-default spinbox-up btn-xs">
+								<span class="glyphicon glyphicon-chevron-up"></span><span class="sr-only">Increase</span>
+							</button>
+							<button type="button" class="btn btn-default spinbox-down btn-xs">
+								<span class="glyphicon glyphicon-chevron-down"></span><span class="sr-only">Decrease</span>
+							</button>
+						</div>
+					</div>
+					<div class="spinbox" id="mySpinbox2">
+						<input class="form-control input-mini spinbox-input" id="mySpinboxInput2" type="text" value="10">
+						<div class="spinbox-buttons btn-group btn-group-vertical">
+							<button type="button" class="btn btn-default spinbox-up btn-xs">
+								<span class="glyphicon glyphicon-chevron-up"></span><span class="sr-only">Increase</span>
+							</button>
+							<button type="button" class="btn btn-default spinbox-down btn-xs">
+								<span class="glyphicon glyphicon-chevron-down"></span><span class="sr-only">Decrease</span>
+							</button>
+						</div>
+					</div>
+					<div class="spinbox" id="mySpinbox3">
+						<input class="form-control input-mini spinbox-input" id="mySpinboxInput3" type="text">
+						<div class="spinbox-buttons btn-group btn-group-vertical">
+							<button type="button" class="btn btn-default spinbox-up btn-xs">
+								<span class="glyphicon glyphicon-chevron-up"></span><span class="sr-only">Increase</span>
+							</button>
+							<button type="button" class="btn btn-default spinbox-down btn-xs">
+								<span class="glyphicon glyphicon-chevron-down"></span><span class="sr-only">Decrease</span>
+							</button>
+						</div>
+					</div>
+					<div class="spinbox" id="mySpinbox4">
+						<input class="form-control input-mini spinbox-input" id="mySpinboxInput4" type="text">
+						<div class="spinbox-buttons btn-group btn-group-vertical">
+							<button type="button" class="btn btn-default spinbox-up btn-xs">
+								<span class="glyphicon glyphicon-chevron-up"></span><span class="sr-only">Increase</span>
+							</button>
+							<button type="button" class="btn btn-default spinbox-down btn-xs">
+								<span class="glyphicon glyphicon-chevron-down"></span><span class="sr-only">Decrease</span>
+							</button>
+						</div>
+					</div>
+				</div>
+				<div class="btn-panel">
+					<button id="spinboxSetValueBtn" type="button" class="btn btn-default">set value (4)</button>
+					<button id="spinboxGetValueBtn" type="button" class="btn btn-default">get value</button>
+					<button id="enableSpinbox" type="button" class="btn btn-default">enable</button>
+					<button id="disableSpinbox" type="button" class="btn btn-default">disable</button>
+					<button id="btnSpinboxDestroy" type="button" class="btn btn-default">destroy and append</button>
+					<button id="spinboxCreateBtn" type="button" class="btn btn-default">initialize 4th spinbox</button>
+				</div>
+			</section>
+
+			<section id="picker">
+				<h2>Picker</h2>
+				<div class="thin-box">
+					<div class="picker" data-ellipsis="true" data-initialize="picker" id="mypicker">
+						<div class="form-inline">
+							<div class="form-group">
+								<input class="form-control picker-trigger" type="text" placeholder="choose folder location"/>
+							</div><div class="form-group">
+								<input class="btn btn-default picker-trigger" type="button" value="Choose..."/>
+							</div>
+						</div>
+						<div class="picker-popup">
+							<div class="picker-header">
+								<h5>Choose Folder Location</h5>
+							</div>
+
+							<div class="picker-body well">
+								<ul class="tree" id="myPickerTree1" role="tree">
+									<li class="tree-branch hidden" data-template="treebranch" role="treeitem" aria-expanded="false">
+										<div class="tree-branch-header">
+											<button type="button" class="glyphicon icon-caret glyphicon-play"><span class="sr-only">Open</span>
+											</button>
+											<button type="button" class="tree-branch-name">
+												<span class="glyphicon icon-folder glyphicon-folder-close"></span>
+												<span class="tree-label"></span>
+											</button>
+										</div>
+										<ul class="tree-branch-children" role="group"></ul>
+										<div class="tree-loader" role="alert">Loading...</div>
+									</li>
+									<li class="tree-item hidden" data-template="treeitem" role="treeitem">
+										<button type="button" class="tree-item-name">
+											<span class="glyphicon icon-item fueluxicon-bullet"></span>
+											<span class="tree-label"></span>
+										</button>
+									</li>
+								</ul>
+							</div>
+
+							<div class="picker-footer">
+								<a class="picker-cancel" href="#">Cancel</a>
+								<button class="btn btn-primary btn-xs picker-accept" type="button">Save</button>
+							</div>
+						</div>
+
+					</div>
+
+				</div>
+				<div class="btn-panel">
+					<button type="button" class="btn btn-default" id="btnPickerEnable">enable</button>
+					<button type="button" class="btn btn-default" id="btnPickerDisable">disable</button>
+					<button type="button" class="btn btn-default" id="btnPickerDestroy">destroy and append</button>
+				</div>
+			</section>
+
+			<section id="tree">
+				<h2>Tree</h2>
+				<div class="thin-box">
+					<!-- Utilizes Handlebars templates (see index.js) -->
+					<h3>folders selectable (please note structure of treebranch)</h3>
+					<div id="myTreeWrapper"></div>
+
+					<h3>only items selectable (please note structure of treebranch)</h3>
+					<div id="myTree2Wrapper"></div>
+
+				</div>
+				<div class="btn-panel">
+					<button type="button" class="btn btn-default" id="btnTreeDestroy">destroy and append</button>
+					<button type="button" class="btn btn-default" id="btnTreeClearSelected">clear all selected</button>
+					<button type="button" class="btn btn-default" id="btnTreeDiscloseVisible">disclose visible</button>
+					<button type="button" class="btn btn-default" id="btnTreeDiscloseAll">disclose all</button>
+					<button type="button" class="btn btn-default" id="btnTreeCloseAll">close all</button>
+					<button type="button" class="btn btn-default" id="btnTreeValue">log selected items</button>
+					<button type="button" class="btn btn-default" id="btnTreeRefresh">refresh an already opened item</button>
+				</div>
+			</section>
+
+			<section id="wizard">
+				<h2>Wizard</h2>
+				<div class="thin-box" id="myWizard1Wrapper">
+
+				</div>
+				<div class="thin-box">
+					<div class="wizard" data-initialize="wizard" id="myWizard">
+						<div class="steps-container">
+							<ul class="steps">
+								<li data-step="1"><span class="badge">1</span>Campaign<span class="chevron"></span>
+								</li>
+								<li class="active" data-step="2"><span class="badge">2</span>Recipients<span class="chevron"></span>
+								</li>
+								<li data-step="3"><span class="badge">3</span>Template<span class="chevron"></span>
+								</li>
+								<li data-step="4"><span class="badge">4</span>Preview<span class="chevron"></span>
+								</li>
+								<li data-step="5" data-name="distep"><span class="badge">5</span>Send<span class="chevron"></span>
+								</li>
+							</ul>
+						</div>
+						<div class="actions">
+							<button type="button" class="btn btn-default btn-prev"><span class="glyphicon glyphicon-arrow-left"></span>Prev</button>
+							<button type="button" class="btn btn-default btn-next" data-last="Complete">Next<span class="glyphicon glyphicon-arrow-right"></span>
+							</button>
+						</div>
+						<div class="step-content">
+							<div class="step-pane active sample-pane alert" data-step="1">
+								<h4>Setup Campaign</h4>
+								<p>Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic. Beetroot water spinach okra water chestnut ricebean pea catsear courgette.</p>
+								<p>Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce kohlrabi amaranth water spinach avocado daikon napa cabbage asparagus winter purslane kale. Celery potato scallion desert raisin horseradish spinach carrot soko. Lotus root water spinach fennel kombu maize bamboo shoot green bean swiss chard seakale pumpkin onion chickpea gram corn pea. Brussels sprout coriander water chestnut gourd swiss chard wakame kohlrabi beetroot carrot watercress. Corn amaranth salsify bunya nuts nori azuki bean chickweed potato bell pepper artichoke. Beetroot water spinach okra water chestnut ricebean pea catsear courgette.</p>
+								<p>Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini. </p>
+							</div>
+							<div class="step-pane sample-pane alert-info alert" data-step="2">
+								<h4>Choose Recipients</h4>
+								<p>Celery quandong swiss chard chicory earthnut pea potato. Salsify taro catsear garlic gram celery bitterleaf wattle seed collard greens nori. Grape wattle seed kombu beetroot horseradish carrot squash brussels sprout chard. </p>
+								<p>Pea horseradish azuki bean lettuce avocado asparagus okra. Kohlrabi radish okra azuki bean corn fava bean mustard tigernut jícama green bean celtuce collard greens avocado quandong fennel gumbo black-eyed pea. Grape silver beet watercress potato tigernut corn groundnut. Chickweed okra pea winter purslane coriander yarrow sweet pepper radish garlic brussels sprout groundnut summer purslane earthnut pea tomato spring onion azuki bean gourd. Gumbo kakadu plum komatsuna black-eyed pea green bean zucchini gourd winter purslane silver beet rock melon radish asparagus spinach. </p>
+								<p>Beetroot water spinach okra water chestnut ricebean pea catsear courgette summer purslane. Water spinach arugula pea tatsoi aubergine spring onion bush tomato kale radicchio turnip chicory salsify pea sprouts fava bean. Dandelion zucchini burdock yarrow chickpea dandelion sorrel courgette turnip greens. </p>
+							</div>
+							<div class="step-pane sample-pane alert-danger alert" data-step="3">
+								<h4>Design Template</h4>
+								<p>Nori grape silver beet broccoli kombu beet greens fava bean potato quandong celery. Bunya nuts black-eyed pea prairie turnip leek lentil turnip greens parsnip. Sea lettuce lettuce water chestnut eggplant winter purslane fennel azuki bean earthnut pea sierra leone bologi leek soko chicory celtuce parsley jícama salsify. </p>
+								<p>Celery quandong swiss chard chicory earthnut pea potato. Salsify taro catsear garlic gram celery bitterleaf wattle seed collard greens nori. Grape wattle seed kombu beetroot horseradish carrot squash brussels sprout chard. </p>
+								<p>Pea horseradish azuki bean lettuce avocado asparagus okra. Kohlrabi radish okra azuki bean corn fava bean mustard tigernut jícama green bean celtuce collard greens avocado quandong fennel gumbo black-eyed pea. Grape silver beet watercress potato tigernut corn groundnut. Chickweed okra pea winter purslane coriander yarrow sweet pepper radish garlic brussels sprout groundnut summer purslane earthnut pea tomato spring onion azuki bean gourd. Gumbo kakadu plum komatsuna black-eyed pea green bean zucchini gourd winter purslane silver beet rock melon radish asparagus spinach. </p>
+							</div>
+							<div class="step-pane sample-pane alert-warning alert" data-step="4">
+								<h4>Preview Message</h4>
+								<p>Beetroot water spinach okra water chestnut ricebean pea catsear courgette summer purslane. Water spinach arugula pea tatsoi aubergine spring onion bush tomato kale radicchio turnip chicory salsify pea sprouts fava bean. Dandelion zucchini burdock yarrow chickpea dandelion sorrel courgette turnip greens tigernut soybean radish artichoke wattle seed endive groundnut broccoli arugula. Beetroot water spinach okra water chestnut ricebean pea catsear courgette.</p>
+								<p>Soko radicchio bunya nuts gram dulse silver beet parsnip napa cabbage lotus root sea lettuce brussels sprout cabbage. Catsear cauliflower garbanzo yarrow salsify chicory garlic bell pepper napa cabbage lettuce tomato kale arugula melon sierra leone bologi rutabaga tigernut. Sea lettuce gumbo grape kale kombu cauliflower salsify kohlrabi okra sea lettuce broccoli celery lotus root carrot winter purslane turnip greens garlic.</p>
+								<p>Ja­cama garlic courgette coriander radicchio plantain scallion cauliflower fava bean desert raisin spring onion chicory bunya nuts. Sea lettuce water spinach gram fava bean leek dandelion silver beet eggplant bush tomato. </p>
+							</div>
+							<div class="step-pane sample-pane alert-success alert" data-step="5" data-name="distep">
+								<h4>Send Message</h4>
+								<p>Soko radicchio bunya nuts gram dulse silver beet parsnip napa cabbage lotus root sea lettuce brussels sprout cabbage. Catsear cauliflower garbanzo yarrow salsify chicory garlic bell pepper napa cabbage lettuce tomato kale arugula melon sierra leone bologi rutabaga tigernut.</p>
+								<p>Sea lettuce gumbo grape kale kombu cauliflower salsify kohlrabi okra sea lettuce broccoli celery lotus root carrot winter purslane turnip greens garlic. Jícama garlic courgette coriander radicchio plantain scallion cauliflower fava bean desert raisin spring onion chicory bunya nuts. Sea lettuce water spinach gram fava bean leek dandelion silver beet eggplant bush tomato. </p>
+								<p>Pea horseradish azuki bean lettuce avocado asparagus okra. Kohlrabi radish okra azuki bean corn fava bean mustard tigernut jícama green bean celtuce collard greens avocado quandong fennel gumbo black-eyed pea. Grape silver beet watercress potato tigernut corn groundnut. Chickweed okra pea winter purslane coriander yarrow sweet pepper radish garlic brussels sprout groundnut summer purslane earthnut pea tomato spring onion azuki bean gourd. </p>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="btn-panel">
+					<button type="button" class="btn btn-default" id="btnWizardPrev">previous</button>
+					<button type="button" class="btn btn-default" id="btnWizardNext">next</button>
+					<button type="button" class="btn btn-default" id="btnWizardStep">log current step index</button>
+					<button type="button" class="btn btn-default" id="btnWizardSetStep">jump to step 3 (recipients)</button>
+					<button type="button" class="btn btn-default" id="btnWizardSetStepByName">jump to named step (Send Message)</button>
+					<button type="button" class="btn btn-default" id="btnWizardAddSteps">add step (setup)</button>
+					<button type="button" class="btn btn-default" id="btnWizardRemoveStep">remove step (preview)</button>
+					<button type="button" class="btn btn-default" id="btnWizardDestroy">destroy and append</button>
+				</div>
+			</section>
+		</div>
+	</form>
+</body>
+</html>

From 9fa050a79b923b5384a25ce612d242d0e2ad36e8 Mon Sep 17 00:00:00 2001
From: Stephen Williams <stephenwilliams@salesforce.com>
Date: Wed, 11 Jan 2017 14:25:20 -0500
Subject: [PATCH 4/7] html lint whitespace changes

---
 index.html                              |  2 +-
 markup/checkbox-inline-no-js.html       |  2 +-
 markup/checkbox-inline.html             |  2 +-
 markup/checkbox-no-js.html              |  2 +-
 markup/checkbox.html                    |  2 +-
 markup/combobox.html                    |  2 +-
 markup/datepicker.html                  |  4 +-
 markup/infinite-scroll.html             |  2 +-
 markup/loader.html                      |  2 +-
 markup/pillbox-with-pills.html          |  2 +-
 markup/pillbox.html                     |  2 +-
 markup/placard-header-footer.html       |  4 +-
 markup/placard.html                     |  2 +-
 markup/radio-inline.html                |  2 +-
 markup/radio-no-js.html                 |  2 +-
 markup/radio.html                       |  2 +-
 markup/repeater.html                    |  2 +-
 markup/search.html                      |  2 +-
 markup/selectlist.html                  |  2 +-
 markup/spinbox.html                     |  2 +-
 markup/tree-folders-selectable.html     |  2 +-
 markup/tree.html                        |  2 +-
 markup/wizard.html                      |  2 +-
 test/markup/checkbox-markup.html        |  2 +-
 test/markup/combobox-markup.html        |  2 +-
 test/markup/datepicker-markup.html      |  2 +-
 test/markup/infinite-scroll-markup.html |  2 +-
 test/markup/loader-markup.html          |  2 +-
 test/markup/picker-markup.html          | 74 ++++++++++++-------------
 test/markup/pillbox-markup.html         |  6 +-
 test/markup/placard-markup.html         |  2 +-
 test/markup/radio-markup.html           |  2 +-
 test/markup/search-markup.html          |  2 +-
 test/markup/selectlist-markup.html      |  2 +-
 test/markup/spinbox-markup.html         |  2 +-
 test/markup/tree-markup.html            |  2 +-
 test/markup/wizard-markup.html          |  2 +-
 37 files changed, 77 insertions(+), 77 deletions(-)

diff --git a/index.html b/index.html
index dfeb311e4..b1ae5b217 100644
--- a/index.html
+++ b/index.html
@@ -12,7 +12,7 @@
 	<!--<link href="dist/css/fuelux.min.css" rel="stylesheet" type="text/css">-->
 
 	<!--CLIENT-SIDE LESS COMPILATION FOR WATCHER-LESS DEV-->
-	<link href="less/fuelux.less" rel="stylesheet/less" type="text/css"/>
+	<link href="less/fuelux.less" rel="stylesheet/less" type="text/css" />
 	<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/1.7.0/less.min.js"></script>
 	<script type="text/javascript">if(window.console && window.console.clear){ window.console.clear(); }</script>
 
diff --git a/markup/checkbox-inline-no-js.html b/markup/checkbox-inline-no-js.html
index caba5469a..5182b8375 100644
--- a/markup/checkbox-inline-no-js.html
+++ b/markup/checkbox-inline-no-js.html
@@ -15,4 +15,4 @@
 	</label>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/markup/checkbox-inline.html b/markup/checkbox-inline.html
index 4bd93421e..c4de3ecd0 100644
--- a/markup/checkbox-inline.html
+++ b/markup/checkbox-inline.html
@@ -6,4 +6,4 @@
 	<input class="sr-only" type="checkbox" value=""> <span class="checkbox-label">1</span>
 </label>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/markup/checkbox-no-js.html b/markup/checkbox-no-js.html
index 2fab9acfb..fb99d6a6f 100644
--- a/markup/checkbox-no-js.html
+++ b/markup/checkbox-no-js.html
@@ -15,4 +15,4 @@
 </div>
 
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/markup/checkbox.html b/markup/checkbox.html
index 1c124ae97..b5d49ed31 100644
--- a/markup/checkbox.html
+++ b/markup/checkbox.html
@@ -9,4 +9,4 @@
 	</label>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/markup/combobox.html b/markup/combobox.html
index eda78b109..880b3d1e9 100644
--- a/markup/combobox.html
+++ b/markup/combobox.html
@@ -16,4 +16,4 @@
 	</div>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/markup/datepicker.html b/markup/datepicker.html
index ec8399456..83869f930 100644
--- a/markup/datepicker.html
+++ b/markup/datepicker.html
@@ -4,7 +4,7 @@
 <body>
 <div class="datepicker" data-initialize="datepicker" id="myDatepicker">
 	<div class="input-group">
-		<input class="form-control" id="myDatepickerInput" type="text"/>
+		<input class="form-control" id="myDatepickerInput" type="text" />
 		<div class="input-group-btn">
 			<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
 				<span class="glyphicon glyphicon-calendar"></span>
@@ -82,4 +82,4 @@ <h2 class="header">Year</h2>
 	</div>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/markup/infinite-scroll.html b/markup/infinite-scroll.html
index 523bde2f7..b25fbec12 100644
--- a/markup/infinite-scroll.html
+++ b/markup/infinite-scroll.html
@@ -4,4 +4,4 @@
 <body>
 <div class="infinitescroll" id="myInfiniteScroll"></div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/markup/loader.html b/markup/loader.html
index 9b7404bf5..2fc299413 100644
--- a/markup/loader.html
+++ b/markup/loader.html
@@ -4,4 +4,4 @@
 <body>
 <div class="loader" data-initialize="loader" id="myLoader"></div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/markup/pillbox-with-pills.html b/markup/pillbox-with-pills.html
index f058ca189..e7136b6d7 100644
--- a/markup/pillbox-with-pills.html
+++ b/markup/pillbox-with-pills.html
@@ -48,4 +48,4 @@
 	</ul>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/markup/pillbox.html b/markup/pillbox.html
index 0affd04c1..81526be58 100644
--- a/markup/pillbox.html
+++ b/markup/pillbox.html
@@ -16,4 +16,4 @@
 	</ul>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/markup/placard-header-footer.html b/markup/placard-header-footer.html
index 06d8b7109..2626d3bfa 100644
--- a/markup/placard-header-footer.html
+++ b/markup/placard-header-footer.html
@@ -5,11 +5,11 @@
 <div class="placard" data-ellipsis="true" data-initialize="placard" id="myPlacard">
 	<div class="placard-popup"></div>
 	<div class="placard-header"><h5>Header</h5></div>
-	<input class="form-control placard-field" type="text"/>
+	<input class="form-control placard-field" type="text" />
 	<div class="placard-footer">
 		<a class="placard-cancel" href="#">Cancel</a>
 		<button class="btn btn-primary btn-xs placard-accept" type="button">Save</button>
 	</div>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/markup/placard.html b/markup/placard.html
index c78064259..cacbbdd15 100644
--- a/markup/placard.html
+++ b/markup/placard.html
@@ -7,4 +7,4 @@
 	<input class="form-control placard-field" type="text"/>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/markup/radio-inline.html b/markup/radio-inline.html
index 7276eb0f0..dec927b17 100644
--- a/markup/radio-inline.html
+++ b/markup/radio-inline.html
@@ -6,4 +6,4 @@
 	<input class="sr-only" name="radio1" type="radio" value="option1"> <span class="radio-label">1</span>
 </label>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/markup/radio-no-js.html b/markup/radio-no-js.html
index fce1c8f4c..2ceb5a170 100644
--- a/markup/radio-no-js.html
+++ b/markup/radio-no-js.html
@@ -14,4 +14,4 @@
 	</label>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/markup/radio.html b/markup/radio.html
index 32d3d2aa2..698410112 100644
--- a/markup/radio.html
+++ b/markup/radio.html
@@ -9,4 +9,4 @@
 	</label>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/markup/repeater.html b/markup/repeater.html
index 504f932c0..0137c94f2 100644
--- a/markup/repeater.html
+++ b/markup/repeater.html
@@ -97,4 +97,4 @@
 	</div>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/markup/search.html b/markup/search.html
index 188251222..bc02694c8 100644
--- a/markup/search.html
+++ b/markup/search.html
@@ -12,4 +12,4 @@
 	</span>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/markup/selectlist.html b/markup/selectlist.html
index fdc864c4e..65b1c6acb 100644
--- a/markup/selectlist.html
+++ b/markup/selectlist.html
@@ -18,4 +18,4 @@
 	<input class="hidden hidden-field" name="mySelectlist" readonly="readonly" aria-hidden="true" type="text"/>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/markup/spinbox.html b/markup/spinbox.html
index 8c754fbdf..475bf61f2 100644
--- a/markup/spinbox.html
+++ b/markup/spinbox.html
@@ -14,4 +14,4 @@
 	</div>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/markup/tree-folders-selectable.html b/markup/tree-folders-selectable.html
index 93e2835b4..4e3bace22 100644
--- a/markup/tree-folders-selectable.html
+++ b/markup/tree-folders-selectable.html
@@ -22,4 +22,4 @@
 	</li>
 </ul>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/markup/tree.html b/markup/tree.html
index 232b0a1af..1e9a90582 100644
--- a/markup/tree.html
+++ b/markup/tree.html
@@ -29,4 +29,4 @@
 	<li class="tree-loader hidden"><span role="alert">Loading...</span></li>
 </ul>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/markup/wizard.html b/markup/wizard.html
index 6ba2fed15..ebe83febf 100644
--- a/markup/wizard.html
+++ b/markup/wizard.html
@@ -50,4 +50,4 @@ <h4>Send Message</h4>
 	</div>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/test/markup/checkbox-markup.html b/test/markup/checkbox-markup.html
index b1ebd9577..4ea81a30a 100644
--- a/test/markup/checkbox-markup.html
+++ b/test/markup/checkbox-markup.html
@@ -45,4 +45,4 @@
 
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/test/markup/combobox-markup.html b/test/markup/combobox-markup.html
index dd4344b91..8865dab3f 100644
--- a/test/markup/combobox-markup.html
+++ b/test/markup/combobox-markup.html
@@ -142,4 +142,4 @@
 	</div>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/test/markup/datepicker-markup.html b/test/markup/datepicker-markup.html
index 400bed1ce..75d3a3adc 100644
--- a/test/markup/datepicker-markup.html
+++ b/test/markup/datepicker-markup.html
@@ -84,4 +84,4 @@ <h2 class="header">Year</h2>
 </div>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/test/markup/infinite-scroll-markup.html b/test/markup/infinite-scroll-markup.html
index 0b5253920..8bbc2d3b5 100644
--- a/test/markup/infinite-scroll-markup.html
+++ b/test/markup/infinite-scroll-markup.html
@@ -4,4 +4,4 @@
 <body>
 <div id="MyInfiniteScroll" style="height: 400px; overflow-y: auto; width: 200px;"></div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/test/markup/loader-markup.html b/test/markup/loader-markup.html
index 37eeb7864..a4fb7f7b1 100644
--- a/test/markup/loader-markup.html
+++ b/test/markup/loader-markup.html
@@ -4,4 +4,4 @@
 <body>
 <div class="loader" data-initialize="loader"></div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/test/markup/picker-markup.html b/test/markup/picker-markup.html
index fdf4654ba..e1b808d0c 100644
--- a/test/markup/picker-markup.html
+++ b/test/markup/picker-markup.html
@@ -4,48 +4,48 @@
 <body>
 <div>
 
-    <div class="picker" data-ellipsis="true" data-initialize="picker" id="picker1">
-        <div class="form-inline">
-            <div class="form-group">
-                <input class="form-control picker-trigger" type="text" placeholder="choose folder location"/>
-                <input class="btn btn-default picker-trigger" type="button" value="Choose..."/>
-            </div>
-        </div>
-        <div class="picker-popup">
-            <div class="picker-header">
-                <h5>Header</h5>
-            </div>
+	<div class="picker" data-ellipsis="true" data-initialize="picker" id="picker1">
+		<div class="form-inline">
+			<div class="form-group">
+				<input class="form-control picker-trigger" type="text" placeholder="choose folder location"/>
+				<input class="btn btn-default picker-trigger" type="button" value="Choose..."/>
+			</div>
+		</div>
+		<div class="picker-popup">
+			<div class="picker-header">
+				<h5>Header</h5>
+			</div>
 
-            <div class="picker-body well"></div>
+			<div class="picker-body well"></div>
 
-            <div class="picker-footer">
-                <a class="picker-cancel" href="#">Cancel</a>
-                <button class="btn btn-primary btn-xs picker-accept" type="button">Save</button>
-            </div>
-        </div>
-    </div>
+			<div class="picker-footer">
+				<a class="picker-cancel" href="#">Cancel</a>
+				<button class="btn btn-primary btn-xs picker-accept" type="button">Save</button>
+			</div>
+		</div>
+	</div>
 
-    <div class="picker" data-ellipsis="true" data-initialize="picker" id="picker2">
-        <div class="form-inline">
-            <div class="form-group">
-                <input class="form-control picker-trigger" type="text" placeholder="choose folder location"/>
-                <input class="btn btn-default picker-trigger" type="button" value="Choose..."/>
-            </div>
-        </div>
-        <div class="picker-popup">
-            <div class="picker-header">
-                <h5>Header</h5>
-            </div>
+	<div class="picker" data-ellipsis="true" data-initialize="picker" id="picker2">
+		<div class="form-inline">
+			<div class="form-group">
+				<input class="form-control picker-trigger" type="text" placeholder="choose folder location"/>
+				<input class="btn btn-default picker-trigger" type="button" value="Choose..."/>
+			</div>
+		</div>
+		<div class="picker-popup">
+			<div class="picker-header">
+				<h5>Header</h5>
+			</div>
 
-            <div class="picker-body well"></div>
+			<div class="picker-body well"></div>
 
-            <div class="picker-footer">
-                <a class="picker-cancel" href="#">Cancel</a>
-                <button class="btn btn-primary btn-xs picker-accept" type="button">Save</button>
-            </div>
-        </div>
-    </div>
+			<div class="picker-footer">
+				<a class="picker-cancel" href="#">Cancel</a>
+				<button class="btn btn-primary btn-xs picker-accept" type="button">Save</button>
+			</div>
+		</div>
+	</div>
 
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/test/markup/pillbox-markup.html b/test/markup/pillbox-markup.html
index e60991e06..412d22408 100644
--- a/test/markup/pillbox-markup.html
+++ b/test/markup/pillbox-markup.html
@@ -39,7 +39,7 @@
 			<li class="pillbox-input-wrap btn-group">
 				<a class="pillbox-more">and <span class="pillbox-more-count"></span> more...</a>
 				<input type="text" class="form-control dropdown-toggle pillbox-add-item" placeholder="add item">
-				
+
 				<button type="button" class="dropdown-toggle sr-only">
 					<span class="caret"></span>
 					<span class="sr-only">Toggle Dropdown</span>
@@ -56,7 +56,7 @@ <h5>Empty Pillbox</h5>
 			<li class="pillbox-input-wrap btn-group">
 				<a class="pillbox-more">and <span class="pillbox-more-count"></span> more...</a>
 				<input type="text" class="form-control dropdown-toggle pillbox-add-item" placeholder="add item">
-				
+
 				<button type="button" class="dropdown-toggle sr-only">
 					<span class="caret"></span>
 					<span class="sr-only">Toggle Dropdown</span>
@@ -68,4 +68,4 @@ <h5>Empty Pillbox</h5>
 
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/test/markup/placard-markup.html b/test/markup/placard-markup.html
index 7906a82ac..84e90532e 100644
--- a/test/markup/placard-markup.html
+++ b/test/markup/placard-markup.html
@@ -36,4 +36,4 @@
 
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/test/markup/radio-markup.html b/test/markup/radio-markup.html
index 0feb1ac24..da23b3c02 100644
--- a/test/markup/radio-markup.html
+++ b/test/markup/radio-markup.html
@@ -60,4 +60,4 @@
 
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/test/markup/search-markup.html b/test/markup/search-markup.html
index e6b6ef868..c91637abb 100644
--- a/test/markup/search-markup.html
+++ b/test/markup/search-markup.html
@@ -12,4 +12,4 @@
 	</span>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/test/markup/selectlist-markup.html b/test/markup/selectlist-markup.html
index 86872ca62..ec1ffbdfc 100644
--- a/test/markup/selectlist-markup.html
+++ b/test/markup/selectlist-markup.html
@@ -192,4 +192,4 @@
 
 <button type="button" class="btn btn-default" id="btnShowSelect4">show</button>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/test/markup/spinbox-markup.html b/test/markup/spinbox-markup.html
index dad98fd60..b665a3f24 100644
--- a/test/markup/spinbox-markup.html
+++ b/test/markup/spinbox-markup.html
@@ -63,4 +63,4 @@
 
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/test/markup/tree-markup.html b/test/markup/tree-markup.html
index 437ae29ba..06439e193 100644
--- a/test/markup/tree-markup.html
+++ b/test/markup/tree-markup.html
@@ -103,4 +103,4 @@
 	</div>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/test/markup/wizard-markup.html b/test/markup/wizard-markup.html
index a4a8ea8b4..6e5140770 100644
--- a/test/markup/wizard-markup.html
+++ b/test/markup/wizard-markup.html
@@ -151,4 +151,4 @@ <h4>Send Message</h4>
 
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>

From 1431dabac97792eca152ca2caa635520fb96b4e7 Mon Sep 17 00:00:00 2001
From: Stephen Williams <stephenwilliams@salesforce.com>
Date: Wed, 11 Jan 2017 14:27:39 -0500
Subject: [PATCH 5/7] html lint mad about ampersands so moved it to js file

---
 index.html | 1 -
 index.js   | 3 +++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index b1ae5b217..7ae5b2f8d 100644
--- a/index.html
+++ b/index.html
@@ -14,7 +14,6 @@
 	<!--CLIENT-SIDE LESS COMPILATION FOR WATCHER-LESS DEV-->
 	<link href="less/fuelux.less" rel="stylesheet/less" type="text/css" />
 	<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/1.7.0/less.min.js"></script>
-	<script type="text/javascript">if(window.console && window.console.clear){ window.console.clear(); }</script>
 
 	<link href="index.css" rel="stylesheet" type="text/css">
 	<!-- <link href="http://www.fuelcdn.com/fuelux-mctheme/1.4.0/css/fuelux-mctheme.css" rel="stylesheet" type="text/css" /> -->
diff --git a/index.js b/index.js
index 19b6bacbc..bb3871400 100644
--- a/index.js
+++ b/index.js
@@ -10,6 +10,9 @@ define(function (require) {
 			window.console.log.apply(console, args);
 		}
 	};
+	if (window.console && window.console.clear) {
+		window.console.clear();
+	}
 
 	// programmatically injecting this is so much easier than writing the html by hand 376 times...
 	$('h1[id], h2[id], h3[id], h4[id], h5[id], h6[id], dt[id], section[id]').each(function (i) {

From 1ad6955ad6bb234a07a950c3113d9baf68f163ad Mon Sep 17 00:00:00 2001
From: Stephen Williams <stephenwilliams@salesforce.com>
Date: Wed, 11 Jan 2017 14:40:20 -0500
Subject: [PATCH 6/7] html lint - void element should close itself

---
 index.html                         | 244 ++++++++++++++---------------
 markup/checkbox-inline-no-js.html  |   2 +-
 markup/checkbox-inline.html        |   2 +-
 markup/checkbox-no-js.html         |   2 +-
 markup/checkbox.html               |   2 +-
 markup/combobox.html               |   2 +-
 markup/pillbox-with-pills.html     |   2 +-
 markup/pillbox.html                |   2 +-
 markup/radio-inline-no-js.html     |   2 +-
 markup/radio-inline.html           |   2 +-
 markup/radio-no-js.html            |   2 +-
 markup/radio.html                  |   2 +-
 markup/repeater.html               |   8 +-
 markup/scheduler.html              |  48 +++---
 markup/spinbox.html                |   2 +-
 test/markup/checkbox-markup.html   |  10 +-
 test/markup/combobox-markup.html   |  12 +-
 test/markup/pillbox-markup.html    |   4 +-
 test/markup/radio-markup.html      |  16 +-
 test/markup/repeater-markup.html   |   4 +-
 test/markup/scheduler-markup.html  |  48 +++---
 test/markup/selectlist-markup.html |   6 +-
 test/markup/spinbox-markup.html    |   6 +-
 23 files changed, 215 insertions(+), 215 deletions(-)

diff --git a/index.html b/index.html
index 7ae5b2f8d..7f1f979a3 100644
--- a/index.html
+++ b/index.html
@@ -1,11 +1,11 @@
 <!DOCTYPE html>
 <html lang="en" class="fuelux">
 <head>
-	<meta charset="utf-8">
+	<meta charset="utf-8" />
 	<title>Fuel UX 3</title>
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-	<link href="bower_components/bootstrap/dist/css/bootstrap.css" rel="stylesheet" type="text/css">
+	<link href="bower_components/bootstrap/dist/css/bootstrap.css" rel="stylesheet" type="text/css" />
 
 	<!-- allows for visual check of compiled LESS for debugging/testing purposes. Uncomment this, and comment out client-side LESS compilation code below to use this -->
 	<!--<link href="dist/css/fuelux.css" rel="stylesheet" type="text/css">-->
@@ -15,7 +15,7 @@
 	<link href="less/fuelux.less" rel="stylesheet/less" type="text/css" />
 	<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/1.7.0/less.min.js"></script>
 
-	<link href="index.css" rel="stylesheet" type="text/css">
+	<link href="index.css" rel="stylesheet" type="text/css" />
 	<!-- <link href="http://www.fuelcdn.com/fuelux-mctheme/1.4.0/css/fuelux-mctheme.css" rel="stylesheet" type="text/css" /> -->
 
 	<script src="bower_components/requirejs/require.js"></script>
@@ -61,25 +61,25 @@ <h2>Checkboxes</h2>
 
 						<div class="checkbox" id="myCheckbox">
 							<label class="checkbox-custom" data-initialize="checkbox" id="myCustomCheckbox1">
-								<input class="sr-only" type="checkbox" value="">
+								<input class="sr-only" type="checkbox" value="" />
 								<span class="checkbox-label">Custom checkbox unchecked on page load</span>
 							</label>
 						</div>
 						<div class="checkbox" id="myCheckbox2">
 							<label class="checkbox-custom checked" data-initialize="checkbox" id="myCustomCheckbox2">
-								<input class="sr-only" checked="checked" type="checkbox" value="">
+								<input class="sr-only" checked="checked" type="checkbox" value="" />
 								<span class="checkbox-label">Custom checkbox checked on page load</span>
 							</label>
 						</div>
 						<div class="checkbox" id="myCheckbox3">
 							<label class="checkbox-custom" data-initialize="checkbox" id="myCustomCheckbox3">
-								<input class="sr-only" disabled="disabled" type="checkbox" value="">
+								<input class="sr-only" disabled="disabled" type="checkbox" value="" />
 								<span class="checkbox-label">Disabled custom checkbox unchecked on page load</span>
 							</label>
 						</div>
 						<div class="checkbox" id="myCheckbox4">
 							<label class="checkbox-custom checked disabled" data-initialize="checkbox" id="myCustomCheckbox4">
-								<input class="sr-only" checked="checked" disabled="disabled" type="checkbox" value="">
+								<input class="sr-only" checked="checked" disabled="disabled" type="checkbox" value="" />
 								<span class="checkbox-label">Disabled custom checkbox checked on page load</span>
 							</label>
 						</div>
@@ -87,19 +87,19 @@ <h2>Checkboxes</h2>
 
 					<section id="checkboxes-inline">
 						<label class="checkbox-custom checkbox-inline" data-initialize="checkbox" id="myCustomInlineCheckbox1">
-							<input type="checkbox" class="sr-only" checked="checked">
+							<input type="checkbox" class="sr-only" checked="checked" />
 							<span class="checkbox-label">1, 2, buckle my shoe</span>
 						</label>
 						<label class="checkbox-custom checkbox-inline" data-initialize="checkbox" id="myCustomInlineCheckbox2">
-							<input type="checkbox" class="sr-only">
+							<input type="checkbox" class="sr-only" />
 							<span class="checkbox-label">3, 4, shut the door</span>
 						</label>
 						<label class="checkbox-custom checkbox-inline" data-initialize="checkbox" id="myCustomInlineCheckbox3">
-							<input type="checkbox" class="sr-only" disabled="disabled">
+							<input type="checkbox" class="sr-only" disabled="disabled" />
 							<span class="checkbox-label">5, 6, pick up sticks</span>
 						</label>
 						<label class="checkbox-custom checkbox-inline" data-initialize="checkbox" id="myCustomInlineCheckbox4">
-							<input type="checkbox" class="checked sr-only" checked="checked" disabled="disabled">
+							<input type="checkbox" class="checked sr-only" checked="checked" disabled="disabled" />
 							<span class="checkbox-label">7, 8, lay them straight</span>
 						</label>
 					</section>
@@ -107,13 +107,13 @@ <h2>Checkboxes</h2>
 					<section id="checkboxes-toggling">
 						<div class="checkbox">
 							<label class="checkbox-custom" data-initialize="checkbox" id="myCustomTogglingCheckbox1">
-								<input type="checkbox" class="sr-only" data-toggle=".checkboxToggle">
+								<input type="checkbox" class="sr-only" data-toggle=".checkboxToggle" />
 								<span class="checkbox-label">Custom checkbox toggles by class</span>
 							</label>
 						</div>
 						<div class="checkbox">
 							<label class="checkbox-custom" data-initialize="checkbox" id="myCustomTogglingCheckbox2">
-								<input type="checkbox" class="sr-only" data-toggle="#checkboxToggle">
+								<input type="checkbox" class="sr-only" data-toggle="#checkboxToggle" />
 								<span class="checkbox-label">Custom checkbox toggles by id</span>
 							</label>
 						</div>
@@ -125,25 +125,25 @@ <h2>Checkboxes</h2>
 					<section id="checkboxes-highlighting-block"><!-- why duplicate the highlight classes on div.checkbox and label?, why span.checkbox-label vs. text node, why does checked input require 'checked' class too? -->
 						<div class="checkbox highlight">
 							<label class="checkbox-custom highlight" data-initialize="checkbox" id="myCustomHighlightCheckbox1">
-								<input type="checkbox" class="sr-only">
+								<input type="checkbox" class="sr-only" />
 								<span class="checkbox-label">Custom block-level highlight checkbox</span>
 							</label>
 						</div>
 						<div class="checkbox highlight">
 							<label class="checkbox-custom highlight" data-initialize="checkbox" id="myCustomHighlightCheckbox2">
-								<input type="checkbox" class="sr-only">
+								<input type="checkbox" class="sr-only" />
 								<span class="checkbox-label">Custom block-level highlight checkbox</span>
 							</label>
 						</div>
 						<div class="checkbox highlight">
 							<label class="checkbox-custom highlight" data-initialize="checkbox" id="myCustomHighlightCheckbox3">
-								<input type="checkbox" class="sr-only">
+								<input type="checkbox" class="sr-only" />
 								<span class="checkbox-label">Custom block-level highlight checkbox</span>
 							</label>
 						</div>
 						<div class="checkbox highlight">
 							<label class="checkbox-custom highlight" data-initialize="checkbox" id="myCustomHighlightCheckbox4">
-								<input type="checkbox" class="sr-only">
+								<input type="checkbox" class="sr-only" />
 								<span class="checkbox-label">Custom block-level highlight checkbox</span>
 							</label>
 						</div>
@@ -155,27 +155,27 @@ <h3 class="panel-title">Checkbox within input-group-addon</h3>
 						</header>
 						<section class="x-panel-body">
 							<div class="input-group" id="inputwithcheckbox">
-								<input id="inputwithcheckboxInput" name="inputwithcheckboxInput" class=" form-control" placeholder="placeholder">
+								<input id="inputwithcheckboxInput" name="inputwithcheckboxInput" class=" form-control" placeholder="placeholder" />
 								<label class="input-group-addon checkbox-custom" data-initialize="checkbox">
-									<input class="sr-only" type="checkbox" aria-label="..." id="inputwithcheckboxCheckbox" value="option1">
+									<input class="sr-only" type="checkbox" aria-label="..." id="inputwithcheckboxCheckbox" value="option1" />
 								</label>
 							</div>
 							<div class="input-group" id="inputwithcheckbox2">
 								<label class="input-group-addon checkbox-custom" data-initialize="checkbox">
-									<input class="sr-only" type="checkbox" aria-label="..." id="inputwithcheckboxCheckbox2" value="option1">
+									<input class="sr-only" type="checkbox" aria-label="..." id="inputwithcheckboxCheckbox2" value="option1" />
 								</label>
-								<input id="inputwithcheckboxInput2" name="inputwithcheckboxInput2" class=" form-control" placeholder="placeholder">
+								<input id="inputwithcheckboxInput2" name="inputwithcheckboxInput2" class=" form-control" placeholder="placeholder" />
 							</div><!-- /input-group -->
 						</section>
 					</section>
 
 					<section id="checkboxes-highlighting-inline">
 						<label class="checkbox-custom checkbox-inline highlight" data-initialize="checkbox" id="myCustomHighlightCheckbox5">
-							<input type="checkbox" class="sr-only">
+							<input type="checkbox" class="sr-only" />
 							<span class="checkbox-label">Custom inline highlight checkbox</span>
 						</label>
 						<label class="checkbox-custom checkbox-inline highlight" data-initialize="checkbox" id="myCustomHighlightCheckbox6">
-							<input type="checkbox" class="sr-only">
+							<input type="checkbox" class="sr-only" />
 							<span class="checkbox-label">Custom inline highlight checkbox</span>
 						</label>
 					</section>
@@ -202,28 +202,28 @@ <h3 class="panel-title">Checkboxes (no javascript) Block</h3>
 						<section class="x-panel-body">
 
 							<div class="checkbox">
-								<input type="checkbox" id="checkboxes-no-js-block--1" name="checkboxes-no-js-block--1" value="">
+								<input type="checkbox" id="checkboxes-no-js-block--1" name="checkboxes-no-js-block--1" value="" />
 								<label for="checkboxes-no-js-block--1">
 									Checkbox: unchecked on page load
 								</label>
 							</div>
 
 							<div class="checkbox">
-								<input type="checkbox" id="checkboxes-no-js-block--2" name="checkboxes-no-js-block--2" checked="checked" value="">
+								<input type="checkbox" id="checkboxes-no-js-block--2" name="checkboxes-no-js-block--2" checked="checked" value="" />
 								<label for="checkboxes-no-js-block--2">
 									Checkbox: checked on page load
 								</label>
 							</div>
 
 							<div class="checkbox">
-								<input type="checkbox" id="checkboxes-no-js-block--3" name="checkboxes-no-js-block--3" disabled="disabled" value="">
+								<input type="checkbox" id="checkboxes-no-js-block--3" name="checkboxes-no-js-block--3" disabled="disabled" value="" />
 								<label for="checkboxes-no-js-block--3">
 									Checkbox: disabled and unchecked on page load
 								</label>
 							</div>
 
 							<div class="checkbox">
-								<input type="checkbox" id="checkboxes-no-js-block--4" name="checkboxes-no-js-block--4" disabled="disabled" checked="checked" value="">
+								<input type="checkbox" id="checkboxes-no-js-block--4" name="checkboxes-no-js-block--4" disabled="disabled" checked="checked" value="" />
 								<label for="checkboxes-no-js-block--4">
 									Checkbox: disabled and checked on page load
 								</label>
@@ -240,28 +240,28 @@ <h3 class="panel-title">Checkboxes (no javascript) Inline</h3>
 						<section class="x-panel-body">
 
 							<span class="checkbox-inline">
-								<input type="checkbox" id="checkboxes-no-js-inline--1" name="checkboxes-no-js-inline--1" checked="checked" value="">
+								<input type="checkbox" id="checkboxes-no-js-inline--1" name="checkboxes-no-js-inline--1" checked="checked" value="" />
 								<label for="checkboxes-no-js-inline--1">
 									1, 2, buckle my shoe
 								</label>
 							</span>
 
 							<span class="checkbox-inline">
-								<input type="checkbox" id="checkboxes-no-js-inline--2" name="checkboxes-no-js-inline--2" value="">
+								<input type="checkbox" id="checkboxes-no-js-inline--2" name="checkboxes-no-js-inline--2" value="" />
 								<label for="checkboxes-no-js-inline--2">
 									3, 4, shut the door
 								</label>
 							</span>
 
 							<span class="checkbox-inline">
-								<input type="checkbox" id="checkboxes-no-js-inline--3" name="checkboxes-no-js-inline--3" checked="checked" disabled="disabled" value="">
+								<input type="checkbox" id="checkboxes-no-js-inline--3" name="checkboxes-no-js-inline--3" checked="checked" disabled="disabled" value="" />
 								<label for="checkboxes-no-js-inline--3">
 									5, 6, pick up sticks
 								</label>
 							</span>
 
 							<span class="checkbox-inline">
-								<input type="checkbox" id="checkboxes-no-js-inline--4" name="checkboxes-no-js-inline--4" disabled="disabled" value="">
+								<input type="checkbox" id="checkboxes-no-js-inline--4" name="checkboxes-no-js-inline--4" disabled="disabled" value="" />
 								<label for="checkboxes-no-js-inline--4">
 									7, 8, lay them straight
 								</label>
@@ -280,14 +280,14 @@ <h3 class="panel-title">Checkboxes (no javascript) Toggling</h3>
 						<div class="x-panel-body">
 
 							<div class="checkbox">
-								<input type="checkbox" id="checkboxes-no-js-toggling--1" name="checkboxes-no-js-toggling--1" data-toggle="collapse" data-target=".checkboxes-no-js-toggling-class" value="">
+								<input type="checkbox" id="checkboxes-no-js-toggling--1" name="checkboxes-no-js-toggling--1" data-toggle="collapse" data-target=".checkboxes-no-js-toggling-class" value="" />
 								<label for="checkboxes-no-js-toggling--1">
 									Toggles by class
 								</label>
 							</div>
 
 							<div class="checkbox">
-								<input type="checkbox" id="checkboxes-no-js-toggling--2" name="checkboxes-no-js-toggling--2" data-toggle="collapse" data-target="#checkboxes-no-js-toggling-id" aria-controls="checkboxes-no-js-toggling-id" value="">
+								<input type="checkbox" id="checkboxes-no-js-toggling--2" name="checkboxes-no-js-toggling--2" data-toggle="collapse" data-target="#checkboxes-no-js-toggling-id" aria-controls="checkboxes-no-js-toggling-id" value="" />
 								<label for="checkboxes-no-js-toggling--2">
 									Toggles by ID
 								</label>
@@ -310,28 +310,28 @@ <h3 class="panel-title">Checkboxes (no javascript) Block Highlighting</h3>
 						<section class="x-panel-body">
 
 							<div class="checkbox highlight">
-								<input type="checkbox" id="checkboxes-no-js-block-highlighting--1" name="checkboxes-no-js-block-highlighting--1" checked="checked" value="">
+								<input type="checkbox" id="checkboxes-no-js-block-highlighting--1" name="checkboxes-no-js-block-highlighting--1" checked="checked" value="" />
 								<label for="checkboxes-no-js-block-highlighting--1">
 									Checkbox: checked on page load
 								</label>
 							</div>
 
 							<div class="checkbox highlight">
-								<input type="checkbox" id="checkboxes-no-js-block-highlighting--2" name="checkboxes-no-js-block-highlighting--2" value="">
+								<input type="checkbox" id="checkboxes-no-js-block-highlighting--2" name="checkboxes-no-js-block-highlighting--2" value="" />
 								<label for="checkboxes-no-js-block-highlighting--2">
 									Checkbox: unchecked on page load
 								</label>
 							</div>
 
 							<div class="checkbox highlight">
-								<input type="checkbox" id="checkboxes-no-js-block-highlighting--3" name="checkboxes-no-js-block-highlighting--3" checked="checked" disabled="disabled" value="">
+								<input type="checkbox" id="checkboxes-no-js-block-highlighting--3" name="checkboxes-no-js-block-highlighting--3" checked="checked" disabled="disabled" value="" />
 								<label for="checkboxes-no-js-block-highlighting--3">
 									Checkbox: unchecked and disabled on page load
 								</label>
 							</div>
 
 							<div class="checkbox highlight">
-								<input type="checkbox" id="checkboxes-no-js-block-highlighting--4" name="checkboxes-no-js-block-highlighting--4" disabled="disabled" value="">
+								<input type="checkbox" id="checkboxes-no-js-block-highlighting--4" name="checkboxes-no-js-block-highlighting--4" disabled="disabled" value="" />
 								<label for="checkboxes-no-js-block-highlighting--4">
 									Checkbox: checked and disabled on page load
 								</label>
@@ -349,7 +349,7 @@ <h3 class="panel-title">Checkbox (no javascript) Checkbox with multiple line lab
 							<div class="form-horizontal">
 								<div class="form-group">
 									<div class="checkbox multiline">
-										<input type="checkbox" id="checkboxes-no-js-multiline" name="checkboxes-no-js-multiline" checked="checked" value="">
+										<input type="checkbox" id="checkboxes-no-js-multiline" name="checkboxes-no-js-multiline" checked="checked" value="" />
 										<label for="checkboxes-no-js-multiline"></label>
 									</div>
 									<div class="control-label">
@@ -368,28 +368,28 @@ <h3 class="panel-title">Checkboxes (no javascript) Inline Highlighting</h3>
 						<section class="x-panel-body">
 
 							<span class="checkbox-inline highlight">
-								<input type="checkbox" id="checkboxes-no-js-inline-highlighting--1" name="checkboxes-no-js-inline-highlighting--1" checked="checked" value="">
+								<input type="checkbox" id="checkboxes-no-js-inline-highlighting--1" name="checkboxes-no-js-inline-highlighting--1" checked="checked" value="" />
 								<label for="checkboxes-no-js-inline-highlighting--1">
 									1, 2, buckle my shoe
 								</label>
 							</span>
 
 							<span class="checkbox-inline highlight">
-								<input type="checkbox" id="checkboxes-no-js-inline-highlighting--2" name="checkboxes-no-js-inline-highlighting--2" value="">
+								<input type="checkbox" id="checkboxes-no-js-inline-highlighting--2" name="checkboxes-no-js-inline-highlighting--2" value="" />
 								<label for="checkboxes-no-js-inline-highlighting--2">
 									3, 4, shut the door
 								</label>
 							</span>
 
 							<span class="checkbox-inline highlight">
-								<input type="checkbox" id="checkboxes-no-js-inline-highlighting--3" name="checkboxes-no-js-inline-highlighting--3" checked="checked" disabled="disabled" value="">
+								<input type="checkbox" id="checkboxes-no-js-inline-highlighting--3" name="checkboxes-no-js-inline-highlighting--3" checked="checked" disabled="disabled" value="" />
 								<label for="checkboxes-no-js-inline-highlighting--3">
 									5, 6, pick up sticks
 								</label>
 							</span>
 
 							<span class="checkbox-inline highlight">
-								<input type="checkbox" id="checkboxes-no-js-inline-highlighting--4" name="checkboxes-no-js-inline-highlighting--4" disabled="disabled" value="">
+								<input type="checkbox" id="checkboxes-no-js-inline-highlighting--4" name="checkboxes-no-js-inline-highlighting--4" disabled="disabled" value="" />
 								<label for="checkboxes-no-js-inline-highlighting--4">
 									7, 8, lay them straight
 								</label>
@@ -410,7 +410,7 @@ <h2>Combobox</h2>
 					<div style="width: 300px;">
 
 						<div class="input-group input-append dropdown combobox" id="myCombobox">
-							<input type="text" class="form-control">
+							<input type="text" class="form-control" />
 							<div class="input-group-btn">
 								<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" data-flip="auto"><span class="caret"></span>
 								</button>
@@ -702,25 +702,25 @@ <h2>Radio Buttons</h2>
 					<!--Block-level Radios-->
 					<div class="radio">
 						<label class="radio-custom" data-initialize="radio" id="myCustomRadio1">
-							<input class="sr-only" name="radio1" type="radio" value="" id="radio1">
+							<input class="sr-only" name="radio1" type="radio" value="" id="radio1" />
 							<span class="radio-label">Custom radio unchecked on page load</span>
 						</label>
 					</div>
 					<div class="radio">
 						<label class="radio-custom" data-initialize="radio" id="myCustomRadio2">
-							<input checked="checked" class="checked sr-only" name="radio1" type="radio" value="" id="radio2">
+							<input checked="checked" class="checked sr-only" name="radio1" type="radio" value="" id="radio2" />
 							<span class="radio-label">Custom radio checked on page load</span>
 						</label>
 					</div>
 					<div class="radio">
 						<label class="radio-custom" data-initialize="radio" id="myCustomRadio3">
-							<input class="sr-only" disabled="disabled" name="radio2" type="radio" value="">
+							<input class="sr-only" disabled="disabled" name="radio2" type="radio" value="" />
 							<span class="radio-label">Custom radio disabled and unchecked on page load</span>
 						</label>
 					</div>
 					<div class="radio">
 						<label class="radio-custom" data-initialize="radio" id="myCustomRadio4">
-							<input checked="checked" class="checked sr-only" disabled="disabled" name="radio2" type="radio" value="">
+							<input checked="checked" class="checked sr-only" disabled="disabled" name="radio2" type="radio" value="" />
 							<span class="radio-label">Custom radio disabled and checked on page load</span>
 						</label>
 					</div>
@@ -728,16 +728,16 @@ <h2>Radio Buttons</h2>
 					<br/>
 					<!--Inline radios-->
 					<label class="radio-custom radio-inline" data-initialize="radio" id="myCustomInlineRadio1">
-						<input checked="checked" class="checked sr-only" name="radio3" type="radio" value=""> <span class="radio-label">1, 2, buckle my shoe</span>
+						<input checked="checked" class="checked sr-only" name="radio3" type="radio" value="" /> <span class="radio-label">1, 2, buckle my shoe</span>
 					</label>
 					<label class="radio-custom radio-inline" data-initialize="radio" id="myCustomInlineRadio2">
-						<input class="sr-only" name="radio3" type="radio" value=""> <span class="radio-label">3, 4, shut the door</span>
+						<input class="sr-only" name="radio3" type="radio" value="" /> <span class="radio-label">3, 4, shut the door</span>
 					</label>
 					<label class="radio-custom radio-inline" data-initialize="radio" id="myCustomInlineRadio3">
-						<input class="sr-only" disabled="disabled" name="radio4" type="radio" value=""> <span class="radio-label">5, 6, pick up sticks</span>
+						<input class="sr-only" disabled="disabled" name="radio4" type="radio" value="" /> <span class="radio-label">5, 6, pick up sticks</span>
 					</label>
 					<label class="radio-custom radio-inline" data-initialize="radio" id="myCustomInlineRadio4">
-						<input checked="checked" class="checked sr-only" disabled="disabled" name="radio4" type="radio" value=""> <span class="radio-label">7, 8, lay them straight</span>
+						<input checked="checked" class="checked sr-only" disabled="disabled" name="radio4" type="radio" value="" /> <span class="radio-label">7, 8, lay them straight</span>
 					</label>
 
 					<br/>
@@ -745,13 +745,13 @@ <h2>Radio Buttons</h2>
 					<!--Toggling capability-->
 					<div class="radio">
 						<label class="radio-custom" data-initialize="radio" id="myCustomTogglingRadio1">
-							<input class="sr-only" data-toggle=".radioToggle" name="radio5" type="radio" value="">
+							<input class="sr-only" data-toggle=".radioToggle" name="radio5" type="radio" value="" />
 							<span class="radio-label">Custom radio toggles by class</span>
 						</label>
 					</div>
 					<div class="radio">
 						<label class="radio-custom" data-initialize="radio" id="myCustomTogglingRadio2">
-							<input class="sr-only" data-toggle="#radioToggle" name="radio5" type="radio" value="">
+							<input class="sr-only" data-toggle="#radioToggle" name="radio5" type="radio" value="" />
 							<span class="radio-label">Custom radio toggles by id</span>
 						</label>
 					</div>
@@ -764,21 +764,21 @@ <h2>Radio Buttons</h2>
 					<!--Highlight capability-->
 					<div class="radio highlight">
 						<label class="radio-custom highlight" data-initialize="radio" id="myCustomHighlightRadio1">
-							<input class="sr-only" name="radio6" type="radio" value="">
+							<input class="sr-only" name="radio6" type="radio" value="" />
 							<span class="radio-label">Custom block-level highlight radio</span>
 						</label>
 					</div>
 					<div class="radio highlight">
 						<label class="radio-custom highlight" data-initialize="radio" id="myCustomHighlightRadio2">
-							<input class="sr-only" name="radio6" type="radio" value="">
+							<input class="sr-only" name="radio6" type="radio" value="" />
 							<span class="radio-label">Custom block-level highlight radio</span>
 						</label>
 					</div>
 					<label class="radio-custom radio-inline highlight" data-initialize="radio" id="myCustomHighlightRadio3">
-						<input class="sr-only" name="radio7" type="radio" value=""> <span class="radio-label">Custom inline highlight radio</span>
+						<input class="sr-only" name="radio7" type="radio" value="" /> <span class="radio-label">Custom inline highlight radio</span>
 					</label>
 					<label class="radio-custom radio-inline highlight" data-initialize="radio" id="myCustomHighlightRadio4">
-						<input class="sr-only" name="radio7" type="radio" value=""> <span class="radio-label">Custom inline highlight radio</span>
+						<input class="sr-only" name="radio7" type="radio" value="" /> <span class="radio-label">Custom inline highlight radio</span>
 					</label>
 				</div>
 				<div class="btn-panel">
@@ -801,28 +801,28 @@ <h3 class="panel-title">Radio Buttons (no javascript) Block</h3>
 						<section class="x-panel-body">
 
 							<div class="radio">
-								<input type="radio" id="radiobuttons-no-js-block--1" name="radiobuttons-no-js-block--group-1" value="">
+								<input type="radio" id="radiobuttons-no-js-block--1" name="radiobuttons-no-js-block--group-1" value="" />
 								<label for="radiobuttons-no-js-block--1">
 									Radio Button: unchecked on page load
 								</label>
 							</div>
 
 							<div class="radio">
-								<input type="radio" id="radiobuttons-no-js-block--2" name="radiobuttons-no-js-block--group-1" checked="checked" value="">
+								<input type="radio" id="radiobuttons-no-js-block--2" name="radiobuttons-no-js-block--group-1" checked="checked" value="" />
 								<label for="radiobuttons-no-js-block--2">
 									Radio Button: checked on page load
 								</label>
 							</div>
 
 							<div class="radio">
-								<input type="radio" id="radiobuttons-no-js-block--3" name="radiobuttons-no-js-block--group-2" disabled="disabled" value="">
+								<input type="radio" id="radiobuttons-no-js-block--3" name="radiobuttons-no-js-block--group-2" disabled="disabled" value="" />
 								<label for="radiobuttons-no-js-block--3">
 									Radio Button: disabled and unchecked on page load
 								</label>
 							</div>
 
 							<div class="radio">
-								<input type="radio" id="radiobuttons-no-js-block--4" name="radiobuttons-no-js-block--group-2" disabled="disabled" checked="checked" value="">
+								<input type="radio" id="radiobuttons-no-js-block--4" name="radiobuttons-no-js-block--group-2" disabled="disabled" checked="checked" value="" />
 								<label for="radiobuttons-no-js-block--4">
 									Radio Button: disabled and checked on page load
 								</label>
@@ -839,28 +839,28 @@ <h3 class="panel-title">Radio Buttons (no javascript) Inline</h3>
 						<section class="x-panel-body">
 
 							<div class="radio-inline">
-								<input type="radio" id="radiobuttons-no-js-inline--1" name="radiobuttons-no-js-inline--group-1" checked="checked" value="">
+								<input type="radio" id="radiobuttons-no-js-inline--1" name="radiobuttons-no-js-inline--group-1" checked="checked" value="" />
 								<label for="radiobuttons-no-js-inline--1">
 									1, 2, buckle my shoe
 								</label>
 							</div>
 
 							<div class="radio-inline">
-								<input type="radio" id="radiobuttons-no-js-inline--2" name="radiobuttons-no-js-inline--group-1" value="">
+								<input type="radio" id="radiobuttons-no-js-inline--2" name="radiobuttons-no-js-inline--group-1" value="" />
 								<label for="radiobuttons-no-js-inline--2">
 									3, 4, shut the door
 								</label>
 							</div>
 
 							<div class="radio-inline">
-								<input type="radio" id="radiobuttons-no-js-inline--3" name="radiobuttons-no-js-inline--group-2" checked="checked" disabled="disabled" value="">
+								<input type="radio" id="radiobuttons-no-js-inline--3" name="radiobuttons-no-js-inline--group-2" checked="checked" disabled="disabled" value="" />
 								<label for="radiobuttons-no-js-inline--3">
 									5, 6, pick up sticks
 								</label>
 							</div>
 
 							<div class="radio-inline">
-								<input type="radio" id="radiobuttons-no-js-inline--4" name="radiobuttons-no-js-inline--group-2" disabled="disabled" value="">
+								<input type="radio" id="radiobuttons-no-js-inline--4" name="radiobuttons-no-js-inline--group-2" disabled="disabled" value="" />
 								<label for="radiobuttons-no-js-inline--4">
 									7, 8, lay them straight
 								</label>
@@ -881,7 +881,7 @@ <h3 class="panel-title">Radio Buttons (no javascript) Toggling</h3>
 							<div class="container-fluid">
 								<div class="row">
 									<div class="radio-inline">
-										<input type="radio" id="radiobuttons-no-js-toggling--1--on" name="radiobuttons-no-js-toggling-class--1" data-toggle="collapse" data-target=".radiobuttons-no-js-toggling-class--1" aria-controls="radiobuttons-no-js-toggling-class--1" value="">
+										<input type="radio" id="radiobuttons-no-js-toggling--1--on" name="radiobuttons-no-js-toggling-class--1" data-toggle="collapse" data-target=".radiobuttons-no-js-toggling-class--1" aria-controls="radiobuttons-no-js-toggling-class--1" value="" />
 										<label for="radiobuttons-no-js-toggling--1--on">
 											On
 										</label>
@@ -889,7 +889,7 @@ <h3 class="panel-title">Radio Buttons (no javascript) Toggling</h3>
 
 
 									<div class="radio-inline">
-										<input type="radio" id="radiobuttons-no-js-toggling--1--off" name="radiobuttons-no-js-toggling-class--1" data-toggle="collapse" data-target=".radiobuttons-no-js-toggling-class--1" aria-controls="radiobuttons-no-js-toggling-class--1" checked="checked" value="">
+										<input type="radio" id="radiobuttons-no-js-toggling--1--off" name="radiobuttons-no-js-toggling-class--1" data-toggle="collapse" data-target=".radiobuttons-no-js-toggling-class--1" aria-controls="radiobuttons-no-js-toggling-class--1" checked="checked" value="" />
 										<label for="radiobuttons-no-js-toggling--1--off">
 											Off
 										</label>
@@ -899,7 +899,7 @@ <h3 class="panel-title">Radio Buttons (no javascript) Toggling</h3>
 
 								<div class="row">
 									<div class="radio-inline">
-										<input type="radio" id="radiobuttons-no-js-toggling--2--on" name="radiobuttons-no-js-toggling--2" data-toggle="collapse" data-target=".radiobuttons-no-js-toggling-class--2" aria-controls="radiobuttons-no-js-toggling-class--2" value="">
+										<input type="radio" id="radiobuttons-no-js-toggling--2--on" name="radiobuttons-no-js-toggling--2" data-toggle="collapse" data-target=".radiobuttons-no-js-toggling-class--2" aria-controls="radiobuttons-no-js-toggling-class--2" value="" />
 										<label for="radiobuttons-no-js-toggling--2--on">
 											On
 										</label>
@@ -907,7 +907,7 @@ <h3 class="panel-title">Radio Buttons (no javascript) Toggling</h3>
 
 
 									<div class="radio-inline">
-										<input type="radio" id="radiobuttons-no-js-toggling--2--off" name="radiobuttons-no-js-toggling--2" data-toggle="collapse" data-target=".radiobuttons-no-js-toggling-class--2" aria-controls="radiobuttons-no-js-toggling-class--2" checked="checked" value="">
+										<input type="radio" id="radiobuttons-no-js-toggling--2--off" name="radiobuttons-no-js-toggling--2" data-toggle="collapse" data-target=".radiobuttons-no-js-toggling-class--2" aria-controls="radiobuttons-no-js-toggling-class--2" checked="checked" value="" />
 										<label for="radiobuttons-no-js-toggling--2--off">
 											Off
 										</label>
@@ -918,13 +918,13 @@ <h3 class="panel-title">Radio Buttons (no javascript) Toggling</h3>
 								<div class="row">
 
 									<div class="radio-inline">
-										<input type="radio" id="radiobuttons-no-js-toggling--3--on" name="radiobuttons-no-js-toggling-id" data-toggle="collapse" data-target="#radiobuttons-no-js-toggling-id" aria-controls="radiobuttons-no-js-toggling-id" value="">
+										<input type="radio" id="radiobuttons-no-js-toggling--3--on" name="radiobuttons-no-js-toggling-id" data-toggle="collapse" data-target="#radiobuttons-no-js-toggling-id" aria-controls="radiobuttons-no-js-toggling-id" value="" />
 										<label for="radiobuttons-no-js-toggling--3--on">
 											On
 										</label>
 									</div>
 									<div class="radio-inline">
-										<input type="radio" id="radiobuttons-no-js-toggling--3--off" name="radiobuttons-no-js-toggling-id" data-toggle="collapse" data-target="#radiobuttons-no-js-toggling-id" aria-controls="radiobuttons-no-js-toggling-id" checked="checked" value="">
+										<input type="radio" id="radiobuttons-no-js-toggling--3--off" name="radiobuttons-no-js-toggling-id" data-toggle="collapse" data-target="#radiobuttons-no-js-toggling-id" aria-controls="radiobuttons-no-js-toggling-id" checked="checked" value="" />
 										<label for="radiobuttons-no-js-toggling--3--off">
 											Off
 										</label>
@@ -950,28 +950,28 @@ <h3 class="panel-title">Radio Buttons (no javascript) Block Highlighting</h3>
 						<section class="x-panel-body">
 
 							<div class="radio highlight">
-								<input type="radio" id="radiobuttons-no-js-block-highlighting--1" name="radiobuttons-no-js-block-highlighting--group-1" checked="checked" value="">
+								<input type="radio" id="radiobuttons-no-js-block-highlighting--1" name="radiobuttons-no-js-block-highlighting--group-1" checked="checked" value="" />
 								<label for="radiobuttons-no-js-block-highlighting--1">
 									Radio Button: checked on page load
 								</label>
 							</div>
 
 							<div class="radio highlight">
-								<input type="radio" id="radiobuttons-no-js-block-highlighting--2" name="radiobuttons-no-js-block-highlighting--group-1" value="">
+								<input type="radio" id="radiobuttons-no-js-block-highlighting--2" name="radiobuttons-no-js-block-highlighting--group-1" value="" />
 								<label for="radiobuttons-no-js-block-highlighting--2">
 									Radio Button: unchecked on page load
 								</label>
 							</div>
 
 							<div class="radio highlight">
-								<input type="radio" id="radiobuttons-no-js-block-highlighting--3" name="radiobuttons-no-js-block-highlighting--group-2" checked="checked" disabled="disabled" value="">
+								<input type="radio" id="radiobuttons-no-js-block-highlighting--3" name="radiobuttons-no-js-block-highlighting--group-2" checked="checked" disabled="disabled" value="" />
 								<label for="radiobuttons-no-js-block-highlighting--3">
 									Radio Button: unchecked and disabled on page load
 								</label>
 							</div>
 
 							<div class="radio highlight">
-								<input type="radio" id="radiobuttons-no-js-block-highlighting--4" name="radiobuttons-no-js-block-highlighting--group-2" disabled="disabled" value="">
+								<input type="radio" id="radiobuttons-no-js-block-highlighting--4" name="radiobuttons-no-js-block-highlighting--group-2" disabled="disabled" value="" />
 								<label for="radiobuttons-no-js-block-highlighting--4">
 									Radio Button: checked and disabled on page load
 								</label>
@@ -988,11 +988,11 @@ <h3 class="panel-title">Radio Buttons (no javascript) Radio inline within input-
 							<div class="input-group">
 								<span class="input-group-addon">
 									<span class="radio-inline">
-										<input type="radio" id="example-radio-addon" value="">
+										<input type="radio" id="example-radio-addon" value="" />
 										<label for="example-radio-addon"></label>
 									</span>
 								</span>
-								<input type="text" class="form-control" value="Radio within input add-on">
+								<input type="text" class="form-control" value="Radio within input add-on" />
 							</div><!-- /input-group -->
 						</section>
 					</section>
@@ -1007,7 +1007,7 @@ <h3 class="panel-title">Radio Buttons (no javascript) Radio button with multilin
 							<div class="form-horizontal">
 								<div class="form-group">
 									<div class="radio multiline">
-										<input type="radio" id="radio-no-js-multiline--1" name="radio-no-js-multiline" value="">
+										<input type="radio" id="radio-no-js-multiline--1" name="radio-no-js-multiline" value="" />
 										<label for="radio-no-js-multiline--1"></label>
 									</div>
 									<div class="control-label">
@@ -1016,7 +1016,7 @@ <h3 class="panel-title">Radio Buttons (no javascript) Radio button with multilin
 								</div>
 								<div class="form-group">
 									<div class="radio multiline">
-										<input type="radio" id="radio-no-js-multiline--2" name="radio-no-js-multiline" value="">
+										<input type="radio" id="radio-no-js-multiline--2" name="radio-no-js-multiline" value="" />
 										<label for="radio-no-js-multiline--2"></label>
 									</div>
 									<div class="control-label">
@@ -1035,28 +1035,28 @@ <h3 class="panel-title">Radio Buttons (no javascript) Inline Highlighting</h3>
 						<section class="x-panel-body">
 
 							<div class="radio-inline highlight">
-								<input type="radio" id="radiobuttons-no-js-inline-highlighting--1" name="radiobuttons-no-js-inline-highlighting--1" checked="checked" value="">
+								<input type="radio" id="radiobuttons-no-js-inline-highlighting--1" name="radiobuttons-no-js-inline-highlighting--1" checked="checked" value="" />
 								<label for="radiobuttons-no-js-inline-highlighting--1">
 									1, 2, buckle my shoe
 								</label>
 							</div>
 
 							<div class="radio-inline highlight">
-								<input type="radio" id="radiobuttons-no-js-inline-highlighting--2" name="radiobuttons-no-js-inline-highlighting--1" value="">
+								<input type="radio" id="radiobuttons-no-js-inline-highlighting--2" name="radiobuttons-no-js-inline-highlighting--1" value="" />
 								<label for="radiobuttons-no-js-inline-highlighting--2">
 									3, 4, shut the door
 								</label>
 							</div>
 
 							<div class="radio-inline highlight">
-								<input type="radio" id="radiobuttons-no-js-inline-highlighting--3" name="radiobuttons-no-js-inline-highlighting--2" checked="checked" disabled="disabled" value="">
+								<input type="radio" id="radiobuttons-no-js-inline-highlighting--3" name="radiobuttons-no-js-inline-highlighting--2" checked="checked" disabled="disabled" value="" />
 								<label for="radiobuttons-no-js-inline-highlighting--3">
 									5, 6, pick up sticks
 								</label>
 							</div>
 
 							<div class="radio-inline highlight">
-								<input type="radio" id="radiobuttons-no-js-inline-highlighting--4" name="radiobuttons-no-js-inline-highlighting--2" disabled="disabled" value="">
+								<input type="radio" id="radiobuttons-no-js-inline-highlighting--4" name="radiobuttons-no-js-inline-highlighting--2" disabled="disabled" value="" />
 								<label for="radiobuttons-no-js-inline-highlighting--4">
 									7, 8, lay them straight
 								</label>
@@ -1105,13 +1105,13 @@ <h2>Repeater</h2>
 								</div>
 								<div class="btn-group repeater-views" data-toggle="buttons">
 									<label class="btn btn-default active">
-										<input name="repeaterViews" type="radio" value="list.list"><span class="glyphicon glyphicon-list"></span>
+										<input name="repeaterViews" type="radio" value="list.list" /><span class="glyphicon glyphicon-list"></span>
 									</label>
 									<label class="btn btn-default">
-										<input name="repeaterViews" type="radio" value="thumbnail"><span class="glyphicon glyphicon-th"></span>
+										<input name="repeaterViews" type="radio" value="thumbnail" /><span class="glyphicon glyphicon-th"></span>
 									</label>
 									<label class="btn btn-default">
-										<input name="repeaterViews" type="radio" value="list.frozen"><span class="glyphicon glyphicon-list"></span>
+										<input name="repeaterViews" type="radio" value="list.frozen" /><span class="glyphicon glyphicon-list"></span>
 									</label>
 								</div>
 							</div>
@@ -1154,7 +1154,7 @@ <h2>Repeater</h2>
 									<label id="myPageLabel1" class="page-label">Page</label>
 									<div class="repeater-primaryPaging active">
 										<div class="input-group input-append dropdown combobox">
-											<input type="text" class="form-control" aria-labelledby="myPageLabel1">
+											<input type="text" class="form-control" aria-labelledby="myPageLabel1" />
 											<div class="input-group-btn">
 												<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
 													<span class="caret"></span>
@@ -1164,7 +1164,7 @@ <h2>Repeater</h2>
 											</div>
 										</div>
 									</div>
-									<input type="text" class="form-control repeater-secondaryPaging" aria-labelledby="myPageLabel1">
+									<input type="text" class="form-control repeater-secondaryPaging" aria-labelledby="myPageLabel1" />
 									<span>of <span class="repeater-pages"></span></span>
 									<button type="button" class="btn btn-default btn-sm repeater-next">
 										<span class="glyphicon glyphicon-chevron-right"></span>
@@ -1220,13 +1220,13 @@ <h2>Repeater w/ actions enabled</h2>
 								</div>
 								<div class="btn-group repeater-views" data-toggle="buttons">
 									<label class="btn btn-default active">
-										<input name="repeaterViews" type="radio" value="list.list"><span class="glyphicon glyphicon-list"></span>
+										<input name="repeaterViews" type="radio" value="list.list" /><span class="glyphicon glyphicon-list"></span>
 									</label>
 									<label class="btn btn-default">
-										<input name="repeaterViews" type="radio" value="thumbnail"><span class="glyphicon glyphicon-th"></span>
+										<input name="repeaterViews" type="radio" value="thumbnail" /><span class="glyphicon glyphicon-th"></span>
 									</label>
 									<label class="btn btn-default">
-										<input name="repeaterViews" type="radio" value="list.frozen"><span class="glyphicon glyphicon-list"></span>
+										<input name="repeaterViews" type="radio" value="list.frozen" /><span class="glyphicon glyphicon-list"></span>
 									</label>
 								</div>
 							</div>
@@ -1269,7 +1269,7 @@ <h2>Repeater w/ actions enabled</h2>
 									<label id="myPageLabel2" class="page-label">Page</label>
 									<div class="repeater-primaryPaging active">
 										<div class="input-group input-append dropdown combobox">
-											<input type="text" class="form-control" aria-labelledby="myPageLabel2">
+											<input type="text" class="form-control" aria-labelledby="myPageLabel2" />
 											<div class="input-group-btn">
 												<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
 													<span class="caret"></span>
@@ -1279,7 +1279,7 @@ <h2>Repeater w/ actions enabled</h2>
 											</div>
 										</div>
 									</div>
-									<input type="text" class="form-control repeater-secondaryPaging" aria-labelledby="myPageLabel2">
+									<input type="text" class="form-control repeater-secondaryPaging" aria-labelledby="myPageLabel2" />
 									<span>of <span class="repeater-pages"></span></span>
 									<button type="button" class="btn btn-default btn-sm repeater-next">
 										<span class="glyphicon glyphicon-chevron-right"></span>
@@ -1553,7 +1553,7 @@ <h2 class="header">Year</h2>
 										<li data-name="Samoa Standard Time" data-offset="-11:00"><a href="#">(GMT-11:00) Midway Island, Samoa</a></li>
 										<li data-name="Dateline Standard Time" data-offset="-12:00"><a href="#">(GMT-12:00) International Date Line West</a></li>
 									</ul>
-									<input type="text" aria-hidden="true" readonly="readonly" name="TimeZoneSelectlist" class="hidden hidden-field">
+									<input type="text" aria-hidden="true" readonly="readonly" name="TimeZoneSelectlist" class="hidden hidden-field" />
 								</div>
 							</div>
 						</div>
@@ -1579,14 +1579,14 @@ <h2 class="header">Year</h2>
 											<li data-value="monthly" data-text="month(s)"><a href="#">Monthly</a></li>
 											<li data-value="yearly"><a href="#">Yearly</a></li>
 										</ul>
-										<input type="text" aria-hidden="true" readonly="readonly" name="intervalSelectlist" class="hidden hidden-field">
+										<input type="text" aria-hidden="true" readonly="readonly" name="intervalSelectlist" class="hidden hidden-field" />
 									</div>
 
 									<div class="repeat-panel repeat-every-panel repeat-hourly repeat-daily repeat-weekly hide" aria-hidden="true">
 										<label id="MySchedulerEveryLabel" class="inline-form-text repeat-every-pretext">every</label>
 
 										<div class="spinbox digits-3 repeat-every">
-											<input type="text" class="form-control input-mini spinbox-input" aria-labelledby="MySchedulerEveryLabel">
+											<input type="text" class="form-control input-mini spinbox-input" aria-labelledby="MySchedulerEveryLabel" />
 											<div class="spinbox-buttons btn-group btn-group-vertical">
 												<button type="button" class="btn btn-default spinbox-up btn-xs">
 													<span class="glyphicon glyphicon-chevron-up"></span><span class="sr-only">Increase</span>
@@ -1603,13 +1603,13 @@ <h2 class="header">Year</h2>
 
 								<div class="form-group repeat-panel repeat-weekly repeat-days-of-the-week hide" aria-hidden="true">
 									<fieldset class="btn-group" data-toggle="buttons">
-										<label class="btn btn-default"><input type="checkbox" data-value="SU">Sun</label>
-										<label class="btn btn-default"><input type="checkbox" data-value="MO">Mon</label>
-										<label class="btn btn-default"><input type="checkbox" data-value="TU">Tue</label>
-										<label class="btn btn-default"><input type="checkbox" data-value="WE"> Wed</label>
-										<label class="btn btn-default"><input type="checkbox" data-value="TH"> Thu</label>
-										<label class="btn btn-default"><input type="checkbox" data-value="FR"> Fri</label>
-										<label class="btn btn-default"><input type="checkbox" data-value="SA"> Sat</label>
+										<label class="btn btn-default"><input type="checkbox" data-value="SU" />Sun</label>
+										<label class="btn btn-default"><input type="checkbox" data-value="MO" />Mon</label>
+										<label class="btn btn-default"><input type="checkbox" data-value="TU" />Tue</label>
+										<label class="btn btn-default"><input type="checkbox" data-value="WE" /> Wed</label>
+										<label class="btn btn-default"><input type="checkbox" data-value="TH" /> Thu</label>
+										<label class="btn btn-default"><input type="checkbox" data-value="FR" /> Fri</label>
+										<label class="btn btn-default"><input type="checkbox" data-value="SA" /> Sat</label>
 									</fieldset>
 								</div>
 
@@ -1617,7 +1617,7 @@ <h2 class="header">Year</h2>
 									<div class="form-group repeat-monthly-date">
 										<div class="radio pull-left">
 											<label class="radio-custom">
-												<input class="sr-only" type="radio" checked="checked" name="repeat-monthly" value="bymonthday">
+												<input class="sr-only" type="radio" checked="checked" name="repeat-monthly" value="bymonthday" />
 												<span class="radio-label">on day</span>
 											</label>
 										</div>
@@ -1660,14 +1660,14 @@ <h2 class="header">Year</h2>
 												<li data-value="30"><a href="#">30</a></li>
 												<li data-value="31"><a href="#">31</a></li>
 											</ul>
-											<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field">
+											<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field" />
 										</div>
 									</div>
 
 									<div class="repeat-monthly-day form-group">
 										<div class="radio pull-left">
 											<label class="radio-custom">
-												<input class="sr-only" type="radio" checked="checked" name="repeat-monthly" value="bysetpos">
+												<input class="sr-only" type="radio" checked="checked" name="repeat-monthly" value="bysetpos" />
 												<span class="radio-label">on the</span>
 											</label>
 										</div>
@@ -1684,7 +1684,7 @@ <h2 class="header">Year</h2>
 												<li data-value="4"><a href="#">Fourth</a></li>
 												<li data-value="-1"><a href="#">Last</a></li>
 											</ul>
-											<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field">
+											<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field" />
 										</div>
 
 										<div data-resize="auto" class="btn-group selectlist month-days pull-left">
@@ -1704,7 +1704,7 @@ <h2 class="header">Year</h2>
 												<li data-value="MO,TU,WE,TH,FR"><a href="#">Weekday</a></li>
 												<li data-value="SU,SA"><a href="#">Weekend day</a></li>
 											</ul>
-											<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field">
+											<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field" />
 										</div>
 
 									</div>
@@ -1715,7 +1715,7 @@ <h2 class="header">Year</h2>
 
 										<div class="radio pull-left">
 											<label class="radio-custom">
-												<input class="sr-only" type="radio" checked="checked" name="repeat-yearly" value="bymonthday">
+												<input class="sr-only" type="radio" checked="checked" name="repeat-yearly" value="bymonthday" />
 												<span class="radio-label">on</span>
 											</label>
 										</div>
@@ -1739,7 +1739,7 @@ <h2 class="header">Year</h2>
 												<li data-value="11"><a href="#">November</a></li>
 												<li data-value="12"><a href="#">December</a></li>
 											</ul>
-											<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field">
+											<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field" />
 										</div>
 
 										<div data-resize="auto" class="btn-group selectlist year-month-day pull-left">
@@ -1780,13 +1780,13 @@ <h2 class="header">Year</h2>
 												<li data-value="30"><a href="#">30</a></li>
 												<li data-value="31"><a href="#">31</a></li>
 											</ul>
-											<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field">
+											<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field" />
 										</div>
 									</div>
 
 									<div class="form-group repeat-yearly-day">
 
-										<div class="radio pull-left"><label class="radio-custom"><input class="sr-only" type="radio" name="repeat-yearly" value="bysetpos"> on the</label></div>
+										<div class="radio pull-left"><label class="radio-custom"><input class="sr-only" type="radio" name="repeat-yearly" value="bysetpos" /> on the</label></div>
 
 										<div data-resize="auto" class="btn-group selectlist year-month-day-pos pull-left">
 											<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
@@ -1801,7 +1801,7 @@ <h2 class="header">Year</h2>
 												<li data-value="4"><a href="#">Fourth</a></li>
 												<li data-value="-1"><a href="#">Last</a></li>
 											</ul>
-											<input type="text" aria-hidden="true" readonly="readonly" name="yearlyDateSelectlist" class="hidden hidden-field">
+											<input type="text" aria-hidden="true" readonly="readonly" name="yearlyDateSelectlist" class="hidden hidden-field" />
 										</div>
 
 										<div data-resize="auto" class="btn-group selectlist year-month-days pull-left">
@@ -1822,7 +1822,7 @@ <h2 class="header">Year</h2>
 												<li data-value="MO,TU,WE,TH,FR"><a href="#">Weekday</a></li>
 												<li data-value="SU,SA"><a href="#">Weekend day</a></li>
 											</ul>
-											<input type="text" aria-hidden="true" readonly="readonly" name="yearlyDaySelectlist" class="hidden hidden-field">
+											<input type="text" aria-hidden="true" readonly="readonly" name="yearlyDaySelectlist" class="hidden hidden-field" />
 										</div>
 										<div class="inline-form-text repeat-yearly-day-text"> of </div>
 
@@ -1846,7 +1846,7 @@ <h2 class="header">Year</h2>
 												<li data-value="11"><a href="#">November</a></li>
 												<li data-value="12"><a href="#">December</a></li>
 											</ul>
-											<input type="text" aria-hidden="true" readonly="readonly" name="yearlyDaySelectlist" class="hidden hidden-field">
+											<input type="text" aria-hidden="true" readonly="readonly" name="yearlyDaySelectlist" class="hidden hidden-field" />
 										</div>
 									</div>
 								</div>
@@ -1869,14 +1869,14 @@ <h2 class="header">Year</h2>
 												<li data-value="after"><a href="#">After</a></li>
 												<li data-value="date"><a href="#">On date</a></li>
 											</ul>
-											<input type="text" aria-hidden="true" readonly="readonly" name="EndSelectlist" class="hidden hidden-field">
+											<input type="text" aria-hidden="true" readonly="readonly" name="EndSelectlist" class="hidden hidden-field" />
 										</div>
 									</div>
 
 									<div class="col-sm-4 col-lg-4 form-group end-option-panel end-after-panel pull-left hide" aria-hidden="true">
 										<div class="spinbox digits-3 end-after">
 											<label id="MyEndAfter" class="sr-only">End After</label>
-											<input type="text" class="form-control input-mini spinbox-input" aria-labelledby="MyEndAfter">
+											<input type="text" class="form-control input-mini spinbox-input" aria-labelledby="MyEndAfter" />
 											<div class="spinbox-buttons btn-group btn-group-vertical">
 												<button type="button" class="btn btn-default spinbox-up btn-xs">
 													<span class="glyphicon glyphicon-chevron-up"></span><span class="sr-only">Increase</span>
@@ -2047,7 +2047,7 @@ <h2>Selectlist</h2>
 				<h2>Spinbox</h2>
 				<div class="thin-box">
 					<div class="spinbox" data-initialize="spinbox" id="mySpinbox1">
-						<input class="form-control input-mini spinbox-input" id="mySpinboxInput1" type="text" value="10">
+						<input class="form-control input-mini spinbox-input" id="mySpinboxInput1" type="text" value="10" />
 						<div class="spinbox-buttons btn-group btn-group-vertical">
 							<button type="button" class="btn btn-default spinbox-up btn-xs">
 								<span class="glyphicon glyphicon-chevron-up"></span><span class="sr-only">Increase</span>
@@ -2058,7 +2058,7 @@ <h2>Spinbox</h2>
 						</div>
 					</div>
 					<div class="spinbox" id="mySpinbox2">
-						<input class="form-control input-mini spinbox-input" id="mySpinboxInput2" type="text" value="10">
+						<input class="form-control input-mini spinbox-input" id="mySpinboxInput2" type="text" value="10" />
 						<div class="spinbox-buttons btn-group btn-group-vertical">
 							<button type="button" class="btn btn-default spinbox-up btn-xs">
 								<span class="glyphicon glyphicon-chevron-up"></span><span class="sr-only">Increase</span>
@@ -2069,7 +2069,7 @@ <h2>Spinbox</h2>
 						</div>
 					</div>
 					<div class="spinbox" id="mySpinbox3">
-						<input class="form-control input-mini spinbox-input" id="mySpinboxInput3" type="text">
+						<input class="form-control input-mini spinbox-input" id="mySpinboxInput3" type="text" />
 						<div class="spinbox-buttons btn-group btn-group-vertical">
 							<button type="button" class="btn btn-default spinbox-up btn-xs">
 								<span class="glyphicon glyphicon-chevron-up"></span><span class="sr-only">Increase</span>
@@ -2080,7 +2080,7 @@ <h2>Spinbox</h2>
 						</div>
 					</div>
 					<div class="spinbox" id="mySpinbox4">
-						<input class="form-control input-mini spinbox-input" id="mySpinboxInput4" type="text">
+						<input class="form-control input-mini spinbox-input" id="mySpinboxInput4" type="text" />
 						<div class="spinbox-buttons btn-group btn-group-vertical">
 							<button type="button" class="btn btn-default spinbox-up btn-xs">
 								<span class="glyphicon glyphicon-chevron-up"></span><span class="sr-only">Increase</span>
diff --git a/markup/checkbox-inline-no-js.html b/markup/checkbox-inline-no-js.html
index 5182b8375..d7f84d7da 100644
--- a/markup/checkbox-inline-no-js.html
+++ b/markup/checkbox-inline-no-js.html
@@ -9,7 +9,7 @@
 		name="checkboxes-new-inline--1"
 		checked="checked"
 		value=""
-	>
+	/>
 	<label for="checkboxes-new-inline--1">
 		Inline Checkbox
 	</label>
diff --git a/markup/checkbox-inline.html b/markup/checkbox-inline.html
index c4de3ecd0..a91d8377c 100644
--- a/markup/checkbox-inline.html
+++ b/markup/checkbox-inline.html
@@ -3,7 +3,7 @@
 <head><title>Sample Markup</title></head>
 <body>
 <label class="checkbox-custom checkbox-inline" data-initialize="checkbox" id="myCustomCheckbox">
-	<input class="sr-only" type="checkbox" value=""> <span class="checkbox-label">1</span>
+	<input class="sr-only" type="checkbox" value="" /> <span class="checkbox-label">1</span>
 </label>
 </body>
 </html>
diff --git a/markup/checkbox-no-js.html b/markup/checkbox-no-js.html
index fb99d6a6f..c2a2042e7 100644
--- a/markup/checkbox-no-js.html
+++ b/markup/checkbox-no-js.html
@@ -8,7 +8,7 @@
 		id="checkboxes-new-block--1"
 		name="checkboxes-new-block--1"
 		value=""
-	>
+	/>
 	<label for="checkboxes-new-block--1">
 		Checkbox: unchecked on page load
 	</label>
diff --git a/markup/checkbox.html b/markup/checkbox.html
index b5d49ed31..91828bb2a 100644
--- a/markup/checkbox.html
+++ b/markup/checkbox.html
@@ -4,7 +4,7 @@
 <body>
 <div class="checkbox">
 	<label class="checkbox-custom" data-initialize="checkbox" id="myCustomCheckbox">
-		<input class="sr-only" type="checkbox" value="">
+		<input class="sr-only" type="checkbox" value="" />
 		<span class="checkbox-label">Custom checkbox unchecked on page load</span>
 	</label>
 </div>
diff --git a/markup/combobox.html b/markup/combobox.html
index 880b3d1e9..efce3a96a 100644
--- a/markup/combobox.html
+++ b/markup/combobox.html
@@ -3,7 +3,7 @@
 <head><title>Sample Markup</title></head>
 <body>
 <div class="input-group input-append dropdown combobox" data-initialize="combobox" id="myCombobox">
-	<input type="text" class="form-control">
+	<input type="text" class="form-control" />
 	<div class="input-group-btn">
 		<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
 		<ul class="dropdown-menu dropdown-menu-right" role="menu">
diff --git a/markup/pillbox-with-pills.html b/markup/pillbox-with-pills.html
index e7136b6d7..c7f36f386 100644
--- a/markup/pillbox-with-pills.html
+++ b/markup/pillbox-with-pills.html
@@ -38,7 +38,7 @@
 
 		<li class="pillbox-input-wrap btn-group">
 			<a class="pillbox-more">and <span class="pillbox-more-count"></span> more...</a>
-			<input type="text" class="form-control dropdown-toggle pillbox-add-item" placeholder="add item">
+			<input type="text" class="form-control dropdown-toggle pillbox-add-item" placeholder="add item" />
 			<button type="button" class="dropdown-toggle sr-only">
 				<span class="caret"></span>
 				<span class="sr-only">Toggle Dropdown</span>
diff --git a/markup/pillbox.html b/markup/pillbox.html
index 81526be58..f09539b91 100644
--- a/markup/pillbox.html
+++ b/markup/pillbox.html
@@ -6,7 +6,7 @@
 	<ul class="clearfix pill-group">
 		<li class="pillbox-input-wrap btn-group">
 			<a class="pillbox-more">and <span class="pillbox-more-count"></span> more...</a>
-			<input type="text" class="form-control dropdown-toggle pillbox-add-item" placeholder="add item">
+			<input type="text" class="form-control dropdown-toggle pillbox-add-item" placeholder="add item" />
 			<button type="button" class="dropdown-toggle sr-only">
 				<span class="caret"></span>
 				<span class="sr-only">Toggle Dropdown</span>
diff --git a/markup/radio-inline-no-js.html b/markup/radio-inline-no-js.html
index 840671914..73e6fc48d 100644
--- a/markup/radio-inline-no-js.html
+++ b/markup/radio-inline-no-js.html
@@ -9,7 +9,7 @@
 		name="radiobuttons-new-inline"
 		checked="checked"
 		value=""
-	>
+	/>
 	<label for="radiobuttons-new-inline--1">
 		Inline Radio Button
 	</label>
diff --git a/markup/radio-inline.html b/markup/radio-inline.html
index dec927b17..eef78fe84 100644
--- a/markup/radio-inline.html
+++ b/markup/radio-inline.html
@@ -3,7 +3,7 @@
 <head><title>Sample Markup</title></head>
 <body>
 <label class="radio-custom radio-inline" data-initialize="radio" id="myCustomRadio">
-	<input class="sr-only" name="radio1" type="radio" value="option1"> <span class="radio-label">1</span>
+	<input class="sr-only" name="radio1" type="radio" value="option1" /> <span class="radio-label">1</span>
 </label>
 </body>
 </html>
diff --git a/markup/radio-no-js.html b/markup/radio-no-js.html
index 2ceb5a170..57e8381e7 100644
--- a/markup/radio-no-js.html
+++ b/markup/radio-no-js.html
@@ -8,7 +8,7 @@
 		id="radiobuttons-new-block--1"
 		name="radiobuttons-new-block"
 		value=""
-	>
+	/>
 	<label for="radiobuttons-new-block--1">
 		Radio Button: unchecked on page load
 	</label>
diff --git a/markup/radio.html b/markup/radio.html
index 698410112..cd8d5240f 100644
--- a/markup/radio.html
+++ b/markup/radio.html
@@ -4,7 +4,7 @@
 <body>
 <div class="radio">
 	<label class="radio-custom" data-initialize="radio" id="myCustomRadio">
-		<input class="sr-only" name="radio1" type="radio" value="">
+		<input class="sr-only" name="radio1" type="radio" value="" />
 		<span class="radio-label">Custom radio unchecked on page load</span>
 	</label>
 </div>
diff --git a/markup/repeater.html b/markup/repeater.html
index 0137c94f2..5d8c29a55 100644
--- a/markup/repeater.html
+++ b/markup/repeater.html
@@ -34,10 +34,10 @@
 			</div>
 			<div class="btn-group repeater-views" data-toggle="buttons">
 				<label class="btn btn-default active">
-					<input name="repeaterViews" type="radio" value="list"><span class="glyphicon glyphicon-list"></span>
+					<input name="repeaterViews" type="radio" value="list" /><span class="glyphicon glyphicon-list"></span>
 				</label>
 				<label class="btn btn-default">
-					<input name="repeaterViews" type="radio" value="thumbnail"><span class="glyphicon glyphicon-th"></span>
+					<input name="repeaterViews" type="radio" value="thumbnail" /><span class="glyphicon glyphicon-th"></span>
 				</label>
 			</div>
 		</div>
@@ -76,7 +76,7 @@
 				<label id="myPageLabel1" class="page-label">Page</label>
 				<div class="repeater-primaryPaging active">
 					<div class="input-group input-append dropdown combobox">
-						<input type="text" class="form-control" aria-labelledby="myPageLabel1">
+						<input type="text" class="form-control" aria-labelledby="myPageLabel1" />
 						<div class="input-group-btn">
 							<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
 								<span class="caret"></span>
@@ -86,7 +86,7 @@
 						</div>
 					</div>
 				</div>
-				<input type="text" class="form-control repeater-secondaryPaging" aria-labelledby="myPageLabel1">
+				<input type="text" class="form-control repeater-secondaryPaging" aria-labelledby="myPageLabel1" />
 				<span>of <span class="repeater-pages"></span></span>
 				<button type="button" class="btn btn-default btn-sm repeater-next">
 					<span class="glyphicon glyphicon-chevron-right"></span>
diff --git a/markup/scheduler.html b/markup/scheduler.html
index 284044101..04b5d927b 100644
--- a/markup/scheduler.html
+++ b/markup/scheduler.html
@@ -257,7 +257,7 @@ <h2 class="header">Year</h2>
 					<li data-name="Samoa Standard Time" data-offset="-11:00"><a href="#">(GMT-11:00) Midway Island, Samoa</a></li>
 					<li data-name="Dateline Standard Time" data-offset="-12:00"><a href="#">(GMT-12:00) International Date Line West</a></li>
 				</ul>
-				<input type="text" aria-hidden="true" readonly="readonly" name="TimeZoneSelectlist" class="hidden hidden-field">
+				<input type="text" aria-hidden="true" readonly="readonly" name="TimeZoneSelectlist" class="hidden hidden-field" />
 			</div>
 		</div>
 	</div>
@@ -283,14 +283,14 @@ <h2 class="header">Year</h2>
 						<li data-value="monthly" data-text="month(s)"><a href="#">Monthly</a></li>
 						<li data-value="yearly"><a href="#">Yearly</a></li>
 					</ul>
-					<input type="text" aria-hidden="true" readonly="readonly" name="intervalSelectlist" class="hidden hidden-field">
+					<input type="text" aria-hidden="true" readonly="readonly" name="intervalSelectlist" class="hidden hidden-field" />
 				</div>
 
 				<div class="repeat-panel repeat-every-panel repeat-hourly repeat-daily repeat-weekly hide" aria-hidden="true">
 					<label id="MySchedulerEveryLabel" class="inline-form-text repeat-every-pretext">every</label>
 
 					<div class="spinbox digits-3 repeat-every">
-						<input type="text" class="form-control input-mini spinbox-input" aria-labelledby="MySchedulerEveryLabel">
+						<input type="text" class="form-control input-mini spinbox-input" aria-labelledby="MySchedulerEveryLabel" />
 						<div class="spinbox-buttons btn-group btn-group-vertical">
 							<button type="button" class="btn btn-default spinbox-up btn-xs">
 								<span class="glyphicon glyphicon-chevron-up"></span><span class="sr-only">Increase</span>
@@ -307,13 +307,13 @@ <h2 class="header">Year</h2>
 
 			<div class="form-group repeat-panel repeat-weekly repeat-days-of-the-week hide" aria-hidden="true">
 				<fieldset class="btn-group" data-toggle="buttons">
-					<label class="btn btn-default"><input type="checkbox" data-value="SU">Sun</label>
-					<label class="btn btn-default"><input type="checkbox" data-value="MO">Mon</label>
-					<label class="btn btn-default"><input type="checkbox" data-value="TU">Tue</label>
-					<label class="btn btn-default"><input type="checkbox" data-value="WE"> Wed</label>
-					<label class="btn btn-default"><input type="checkbox" data-value="TH"> Thu</label>
-					<label class="btn btn-default"><input type="checkbox" data-value="FR"> Fri</label>
-					<label class="btn btn-default"><input type="checkbox" data-value="SA"> Sat</label>
+					<label class="btn btn-default"><input type="checkbox" data-value="SU" />Sun</label>
+					<label class="btn btn-default"><input type="checkbox" data-value="MO" />Mon</label>
+					<label class="btn btn-default"><input type="checkbox" data-value="TU" />Tue</label>
+					<label class="btn btn-default"><input type="checkbox" data-value="WE" /> Wed</label>
+					<label class="btn btn-default"><input type="checkbox" data-value="TH" /> Thu</label>
+					<label class="btn btn-default"><input type="checkbox" data-value="FR" /> Fri</label>
+					<label class="btn btn-default"><input type="checkbox" data-value="SA" /> Sat</label>
 				</fieldset>
 			</div>
 
@@ -321,7 +321,7 @@ <h2 class="header">Year</h2>
 				<div class="form-group repeat-monthly-date">
 					<div class="radio pull-left">
 						<label class="radio-custom">
-							<input class="sr-only" type="radio" checked="checked" name="repeat-monthly" value="bymonthday">
+							<input class="sr-only" type="radio" checked="checked" name="repeat-monthly" value="bymonthday" />
 							<span class="radio-label">on day</span>
 						</label>
 					</div>
@@ -364,14 +364,14 @@ <h2 class="header">Year</h2>
 							<li data-value="30"><a href="#">30</a></li>
 							<li data-value="31"><a href="#">31</a></li>
 						</ul>
-						<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field">
+						<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field" />
 					</div>
 				</div>
 
 				<div class="repeat-monthly-day form-group">
 					<div class="radio pull-left">
 						<label class="radio-custom">
-							<input class="sr-only" type="radio" checked="checked" name="repeat-monthly" value="bysetpos">
+							<input class="sr-only" type="radio" checked="checked" name="repeat-monthly" value="bysetpos" />
 							<span class="radio-label">on the</span>
 						</label>
 					</div>
@@ -388,7 +388,7 @@ <h2 class="header">Year</h2>
 							<li data-value="4"><a href="#">Fourth</a></li>
 							<li data-value="-1"><a href="#">Last</a></li>
 						</ul>
-						<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field">
+						<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field" />
 					</div>
 
 					<div data-resize="auto" class="btn-group selectlist month-days pull-left">
@@ -408,7 +408,7 @@ <h2 class="header">Year</h2>
 							<li data-value="MO,TU,WE,TH,FR"><a href="#">Weekday</a></li>
 							<li data-value="SU,SA"><a href="#">Weekend day</a></li>
 						</ul>
-						<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field">
+						<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field" />
 					</div>
 
 				</div>
@@ -419,7 +419,7 @@ <h2 class="header">Year</h2>
 
 					<div class="radio pull-left">
 						<label class="radio-custom">
-							<input class="sr-only" type="radio" checked="checked" name="repeat-yearly" value="bymonthday">
+							<input class="sr-only" type="radio" checked="checked" name="repeat-yearly" value="bymonthday" />
 							<span class="radio-label">on</span>
 						</label>
 					</div>
@@ -443,7 +443,7 @@ <h2 class="header">Year</h2>
 							<li data-value="11"><a href="#">November</a></li>
 							<li data-value="12"><a href="#">December</a></li>
 						</ul>
-						<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field">
+						<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field" />
 					</div>
 
 					<div data-resize="auto" class="btn-group selectlist year-month-day pull-left">
@@ -484,13 +484,13 @@ <h2 class="header">Year</h2>
 							<li data-value="30"><a href="#">30</a></li>
 							<li data-value="31"><a href="#">31</a></li>
 						</ul>
-						<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field">
+						<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field" />
 					</div>
 				</div>
 
 				<div class="form-group repeat-yearly-day">
 
-					<div class="radio pull-left"><label class="radio-custom"><input class="sr-only" type="radio" name="repeat-yearly" value="bysetpos"> on the</label></div>
+					<div class="radio pull-left"><label class="radio-custom"><input class="sr-only" type="radio" name="repeat-yearly" value="bysetpos" /> on the</label></div>
 
 					<div data-resize="auto" class="btn-group selectlist year-month-day-pos pull-left">
 						<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
@@ -505,7 +505,7 @@ <h2 class="header">Year</h2>
 							<li data-value="4"><a href="#">Fourth</a></li>
 							<li data-value="-1"><a href="#">Last</a></li>
 						</ul>
-						<input type="text" aria-hidden="true" readonly="readonly" name="yearlyDateSelectlist" class="hidden hidden-field">
+						<input type="text" aria-hidden="true" readonly="readonly" name="yearlyDateSelectlist" class="hidden hidden-field" />
 					</div>
 
 					<div data-resize="auto" class="btn-group selectlist year-month-days pull-left">
@@ -526,7 +526,7 @@ <h2 class="header">Year</h2>
 							<li data-value="MO,TU,WE,TH,FR"><a href="#">Weekday</a></li>
 							<li data-value="SU,SA"><a href="#">Weekend day</a></li>
 						</ul>
-						<input type="text" aria-hidden="true" readonly="readonly" name="yearlyDaySelectlist" class="hidden hidden-field">
+						<input type="text" aria-hidden="true" readonly="readonly" name="yearlyDaySelectlist" class="hidden hidden-field" />
 					</div>
 					<div class="inline-form-text repeat-yearly-day-text"> of </div>
 
@@ -550,7 +550,7 @@ <h2 class="header">Year</h2>
 							<li data-value="11"><a href="#">November</a></li>
 							<li data-value="12"><a href="#">December</a></li>
 						</ul>
-						<input type="text" aria-hidden="true" readonly="readonly" name="yearlyDaySelectlist" class="hidden hidden-field">
+						<input type="text" aria-hidden="true" readonly="readonly" name="yearlyDaySelectlist" class="hidden hidden-field" />
 					</div>
 				</div>
 			</div>
@@ -573,14 +573,14 @@ <h2 class="header">Year</h2>
 							<li data-value="after"><a href="#">After</a></li>
 							<li data-value="date"><a href="#">On date</a></li>
 						</ul>
-						<input type="text" aria-hidden="true" readonly="readonly" name="EndSelectlist" class="hidden hidden-field">
+						<input type="text" aria-hidden="true" readonly="readonly" name="EndSelectlist" class="hidden hidden-field" />
 					</div>
 				</div>
 
 				<div class="col-sm-4 col-lg-4 form-group end-option-panel end-after-panel pull-left hide" aria-hidden="true">
 					<div class="spinbox digits-3 end-after">
 						<label id="MyEndAfter" class="sr-only">End After</label>
-						<input type="text" class="form-control input-mini spinbox-input" aria-labelledby="MyEndAfter">
+						<input type="text" class="form-control input-mini spinbox-input" aria-labelledby="MyEndAfter" />
 						<div class="spinbox-buttons btn-group btn-group-vertical">
 							<button type="button" class="btn btn-default spinbox-up btn-xs">
 								<span class="glyphicon glyphicon-chevron-up"></span><span class="sr-only">Increase</span>
diff --git a/markup/spinbox.html b/markup/spinbox.html
index 475bf61f2..aaa7df2d6 100644
--- a/markup/spinbox.html
+++ b/markup/spinbox.html
@@ -3,7 +3,7 @@
 <head><title>Sample Markup</title></head>
 <body>
 <div class="spinbox" data-initialize="spinbox" id="mySpinbox">
-	<input id="mySpinboxInput" type="text" class="form-control input-mini spinbox-input">
+	<input id="mySpinboxInput" type="text" class="form-control input-mini spinbox-input" />
 	<div class="spinbox-buttons btn-group btn-group-vertical">
 		<button type="button" class="btn btn-default spinbox-up btn-xs">
 			<span class="glyphicon glyphicon-chevron-up"></span><span class="sr-only">Increase</span>
diff --git a/test/markup/checkbox-markup.html b/test/markup/checkbox-markup.html
index 4ea81a30a..b53fe466b 100644
--- a/test/markup/checkbox-markup.html
+++ b/test/markup/checkbox-markup.html
@@ -6,28 +6,28 @@
 
 	<div id="CheckboxCheckedEnabled" class="checkbox">
 		<label class="checkbox-custom">
-			<input class="sr-only checked" type="checkbox" checked="checked" id="Checkbox1">
+			<input class="sr-only checked" type="checkbox" checked="checked" id="Checkbox1" />
 			<span class="checkbox-label">Checked/Enabled</span>
 		</label>
 	</div>
 
 	<div id="CheckboxCheckedDisabled" class="checkbox">
 		<label class="checkbox-custom">
-			<input class="sr-only checked" type="checkbox" checked="checked" disabled="disabled">
+			<input class="sr-only checked" type="checkbox" checked="checked" disabled="disabled" />
 			<span class="checkbox-label">Checked/Disabled</span>
 		</label>
 	</div>
 
 	<div id="CheckboxUncheckedEnabled" class="checkbox">
 		<label class="checkbox-custom">
-			<input class="sr-only checked" type="checkbox">
+			<input class="sr-only checked" type="checkbox" />
 			<span class="checkbox-label">Unchecked/Enabled</span>
 		</label>
 	</div>
 
 	<div id="CheckboxUncheckedDisabled" class="checkbox">
 		<label class="checkbox-custom">
-			<input class="sr-only checked" type="checkbox" disabled="disabled">
+			<input class="sr-only checked" type="checkbox" disabled="disabled" />
 			<span class="checkbox-label">Unchecked/Disabled</span>
 		</label>
 	</div>
@@ -36,7 +36,7 @@
 	<div id="CheckboxToggle">
 		<div class="checkbox">
 			<label class="checkbox-custom">
-				<input type="checkbox" class="sr-only" data-toggle=".checkboxToggle">
+				<input type="checkbox" class="sr-only" data-toggle=".checkboxToggle" />
 				Custom checkbox toggles by class
 			</label>
 		</div>
diff --git a/test/markup/combobox-markup.html b/test/markup/combobox-markup.html
index 8865dab3f..b3afeaf56 100644
--- a/test/markup/combobox-markup.html
+++ b/test/markup/combobox-markup.html
@@ -9,7 +9,7 @@
 		<div class="col-sm-10">
 
 			<div id="MyComboboxWithSelected" class="input-group input-append dropdown combobox">
-				<input id="MyComboBoxWithSelectedInput" type="text" class="form-control">
+				<input id="MyComboBoxWithSelectedInput" type="text" class="form-control" />
 				<div class="input-group-btn">
 					<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
 						<span class="caret"></span>
@@ -34,7 +34,7 @@
 		<div class="col-sm-10">
 
 			<div id="MyComboboxWithSelectedForFilter" class="input-group input-append dropdown combobox">
-				<input id="MyComboboxWithSelectedForFilterInput" type="text" class="form-control">
+				<input id="MyComboboxWithSelectedForFilterInput" type="text" class="form-control" />
 				<div class="input-group-btn">
 					<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
 						<span class="caret"></span>
@@ -59,7 +59,7 @@
 		<div class="col-sm-10">
 
 			<div id="MyComboboxWithSelectedForOptions" class="input-group input-append dropdown combobox">
-				<input id="MyComboboxWithSelectedForOptionsInput" type="text" class="form-control">
+				<input id="MyComboboxWithSelectedForOptionsInput" type="text" class="form-control" />
 				<div class="input-group-btn">
 					<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
 						<span class="caret"></span>
@@ -80,7 +80,7 @@
 	</div>
 
 	<div id="MyComboboxSingleItem" class="input-group input-append dropdown combobox">
-		<input id="MyComboBoxInput1" type="text" class="form-control">
+		<input id="MyComboBoxInput1" type="text" class="form-control" />
 		<div class="input-group-btn">
 			<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
 				<span class="caret"></span>
@@ -97,7 +97,7 @@
 		<div class="col-sm-10">
 
 			<div id="MyCombobox" class="input-group input-append dropdown combobox">
-				<input id="MyComboBoxInput2" type="text" class="form-control">
+				<input id="MyComboBoxInput2" type="text" class="form-control" />
 				<div class="input-group-btn">
 					<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
 						<span class="caret"></span>
@@ -122,7 +122,7 @@
 		<div class="col-sm-10">
 
 			<div id="MyComboboxWithWhiteSpace" class="input-group input-append dropdown combobox">
-				<input id="MyComboBoxWSInput1" type="text" class="form-control">
+				<input id="MyComboBoxWSInput1" type="text" class="form-control" />
 				<div class="input-group-btn">
 					<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
 						<span class="caret"></span>
diff --git a/test/markup/pillbox-markup.html b/test/markup/pillbox-markup.html
index 412d22408..bf24fc19c 100644
--- a/test/markup/pillbox-markup.html
+++ b/test/markup/pillbox-markup.html
@@ -38,7 +38,7 @@
 			</li>
 			<li class="pillbox-input-wrap btn-group">
 				<a class="pillbox-more">and <span class="pillbox-more-count"></span> more...</a>
-				<input type="text" class="form-control dropdown-toggle pillbox-add-item" placeholder="add item">
+				<input type="text" class="form-control dropdown-toggle pillbox-add-item" placeholder="add item" />
 
 				<button type="button" class="dropdown-toggle sr-only">
 					<span class="caret"></span>
@@ -55,7 +55,7 @@ <h5>Empty Pillbox</h5>
 		<ul class="clearfix pill-group">
 			<li class="pillbox-input-wrap btn-group">
 				<a class="pillbox-more">and <span class="pillbox-more-count"></span> more...</a>
-				<input type="text" class="form-control dropdown-toggle pillbox-add-item" placeholder="add item">
+				<input type="text" class="form-control dropdown-toggle pillbox-add-item" placeholder="add item" />
 
 				<button type="button" class="dropdown-toggle sr-only">
 					<span class="caret"></span>
diff --git a/test/markup/radio-markup.html b/test/markup/radio-markup.html
index da23b3c02..b00d6757e 100644
--- a/test/markup/radio-markup.html
+++ b/test/markup/radio-markup.html
@@ -6,43 +6,43 @@
 
 	<div id="RadioCheckedEnabled" class="radio">
 		<label class="radio-custom">
-			<input class="sr-only checked" type="radio" checked="checked" id="Radio1">
+			<input class="sr-only checked" type="radio" checked="checked" id="Radio1" />
 			<span class="radio-label">Checked/Enabled</span>
 		</label>
 	</div>
 
 	<div id="RadioGroup" class="radio">
 		<label class="radio-custom">
-			<input class="sr-only" type="radio" name="group">
+			<input class="sr-only" type="radio" name="group" />
 			<span class="radio-label">Item 1</span>
 		</label>
 		<label class="radio-custom">
-			<input class="sr-only" type="radio" name="group">
+			<input class="sr-only" type="radio" name="group" />
 			<span class="radio-label">Item 2</span>
 		</label>
 		<label class="radio-custom">
-			<input class="sr-only" type="radio" name="group">
+			<input class="sr-only" type="radio" name="group" />
 			<span class="radio-label">Item 3</span>
 		</label>
 	</div>
 
 	<div id="RadioCheckedDisabled" class="radio">
 		<label class="radio-custom">
-			<input class="sr-only checked" type="radio" checked="checked" disabled="disabled">
+			<input class="sr-only checked" type="radio" checked="checked" disabled="disabled" />
 			<span class="radio-label">Checked/Disabled</span>
 		</label>
 	</div>
 
 	<div id="RadioUncheckedEnabled" class="radio">
 		<label class="radio-custom">
-			<input class="sr-only checked" type="radio">
+			<input class="sr-only checked" type="radio" />
 			<span class="radio-label">Unchecked/Enabled</span>
 		</label>
 	</div>
 
 	<div id="RadioUncheckedDisabled" class="radio">
 		<label class="radio-custom">
-			<input class="sr-only checked" type="radio" disabled="disabled">
+			<input class="sr-only checked" type="radio" disabled="disabled" />
 			<span class="radio-label">Unchecked/Disabled</span>
 		</label>
 	</div>
@@ -51,7 +51,7 @@
 	<div id="RadioToggle">
 		<div class="radio">
 			<label class="radio-custom">
-				<input type="radio" class="sr-only" data-toggle=".radioToggle">
+				<input type="radio" class="sr-only" data-toggle=".radioToggle" />
 				Custom radio toggles by class
 			</label>
 		</div>
diff --git a/test/markup/repeater-markup.html b/test/markup/repeater-markup.html
index f72e33287..8acc05c7a 100644
--- a/test/markup/repeater-markup.html
+++ b/test/markup/repeater-markup.html
@@ -69,7 +69,7 @@
 				<label id="MyPageLabel1" class="page-label">Page</label>
 				<div class="repeater-primaryPaging active">
 					<div class="input-group input-append dropdown combobox">
-						<input type="text" class="form-control" aria-labelledby="MyPageLabel1">
+						<input type="text" class="form-control" aria-labelledby="MyPageLabel1" />
 						<div class="input-group-btn">
 							<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
 								<span class="caret"></span>
@@ -79,7 +79,7 @@
 						</div>
 					</div>
 				</div>
-				<input type="text" class="form-control repeater-secondaryPaging" aria-labelledby="MyPageLabel1">
+				<input type="text" class="form-control repeater-secondaryPaging" aria-labelledby="MyPageLabel1" />
 				<span>of <span class="repeater-pages"></span></span>
 				<button type="button" class="btn btn-default btn-sm repeater-next">
 					<span class="glyphicon glyphicon-chevron-right"></span>
diff --git a/test/markup/scheduler-markup.html b/test/markup/scheduler-markup.html
index 284044101..d5ed87968 100644
--- a/test/markup/scheduler-markup.html
+++ b/test/markup/scheduler-markup.html
@@ -257,7 +257,7 @@ <h2 class="header">Year</h2>
 					<li data-name="Samoa Standard Time" data-offset="-11:00"><a href="#">(GMT-11:00) Midway Island, Samoa</a></li>
 					<li data-name="Dateline Standard Time" data-offset="-12:00"><a href="#">(GMT-12:00) International Date Line West</a></li>
 				</ul>
-				<input type="text" aria-hidden="true" readonly="readonly" name="TimeZoneSelectlist" class="hidden hidden-field">
+				<input type="text" aria-hidden="true" readonly="readonly" name="TimeZoneSelectlist" class="hidden hidden-field" />
 			</div>
 		</div>
 	</div>
@@ -283,14 +283,14 @@ <h2 class="header">Year</h2>
 						<li data-value="monthly" data-text="month(s)"><a href="#">Monthly</a></li>
 						<li data-value="yearly"><a href="#">Yearly</a></li>
 					</ul>
-					<input type="text" aria-hidden="true" readonly="readonly" name="intervalSelectlist" class="hidden hidden-field">
+					<input type="text" aria-hidden="true" readonly="readonly" name="intervalSelectlist" class="hidden hidden-field" />
 				</div>
 
 				<div class="repeat-panel repeat-every-panel repeat-hourly repeat-daily repeat-weekly hide" aria-hidden="true">
 					<label id="MySchedulerEveryLabel" class="inline-form-text repeat-every-pretext">every</label>
 
 					<div class="spinbox digits-3 repeat-every">
-						<input type="text" class="form-control input-mini spinbox-input" aria-labelledby="MySchedulerEveryLabel">
+						<input type="text" class="form-control input-mini spinbox-input" aria-labelledby="MySchedulerEveryLabel" />
 						<div class="spinbox-buttons btn-group btn-group-vertical">
 							<button type="button" class="btn btn-default spinbox-up btn-xs">
 								<span class="glyphicon glyphicon-chevron-up"></span><span class="sr-only">Increase</span>
@@ -307,13 +307,13 @@ <h2 class="header">Year</h2>
 
 			<div class="form-group repeat-panel repeat-weekly repeat-days-of-the-week hide" aria-hidden="true">
 				<fieldset class="btn-group" data-toggle="buttons">
-					<label class="btn btn-default"><input type="checkbox" data-value="SU">Sun</label>
-					<label class="btn btn-default"><input type="checkbox" data-value="MO">Mon</label>
-					<label class="btn btn-default"><input type="checkbox" data-value="TU">Tue</label>
-					<label class="btn btn-default"><input type="checkbox" data-value="WE"> Wed</label>
-					<label class="btn btn-default"><input type="checkbox" data-value="TH"> Thu</label>
-					<label class="btn btn-default"><input type="checkbox" data-value="FR"> Fri</label>
-					<label class="btn btn-default"><input type="checkbox" data-value="SA"> Sat</label>
+					<label class="btn btn-default"><input type="checkbox" data-value="SU" />Sun</label>
+					<label class="btn btn-default"><input type="checkbox" data-value="MO" />Mon</label>
+					<label class="btn btn-default"><input type="checkbox" data-value="TU" />Tue</label>
+					<label class="btn btn-default"><input type="checkbox" data-value="WE" />Wed</label>
+					<label class="btn btn-default"><input type="checkbox" data-value="TH" />Thu</label>
+					<label class="btn btn-default"><input type="checkbox" data-value="FR" />Fri</label>
+					<label class="btn btn-default"><input type="checkbox" data-value="SA" />Sat</label>
 				</fieldset>
 			</div>
 
@@ -321,7 +321,7 @@ <h2 class="header">Year</h2>
 				<div class="form-group repeat-monthly-date">
 					<div class="radio pull-left">
 						<label class="radio-custom">
-							<input class="sr-only" type="radio" checked="checked" name="repeat-monthly" value="bymonthday">
+							<input class="sr-only" type="radio" checked="checked" name="repeat-monthly" value="bymonthday" />
 							<span class="radio-label">on day</span>
 						</label>
 					</div>
@@ -364,14 +364,14 @@ <h2 class="header">Year</h2>
 							<li data-value="30"><a href="#">30</a></li>
 							<li data-value="31"><a href="#">31</a></li>
 						</ul>
-						<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field">
+						<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field" />
 					</div>
 				</div>
 
 				<div class="repeat-monthly-day form-group">
 					<div class="radio pull-left">
 						<label class="radio-custom">
-							<input class="sr-only" type="radio" checked="checked" name="repeat-monthly" value="bysetpos">
+							<input class="sr-only" type="radio" checked="checked" name="repeat-monthly" value="bysetpos" />
 							<span class="radio-label">on the</span>
 						</label>
 					</div>
@@ -388,7 +388,7 @@ <h2 class="header">Year</h2>
 							<li data-value="4"><a href="#">Fourth</a></li>
 							<li data-value="-1"><a href="#">Last</a></li>
 						</ul>
-						<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field">
+						<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field" />
 					</div>
 
 					<div data-resize="auto" class="btn-group selectlist month-days pull-left">
@@ -408,7 +408,7 @@ <h2 class="header">Year</h2>
 							<li data-value="MO,TU,WE,TH,FR"><a href="#">Weekday</a></li>
 							<li data-value="SU,SA"><a href="#">Weekend day</a></li>
 						</ul>
-						<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field">
+						<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field" />
 					</div>
 
 				</div>
@@ -419,7 +419,7 @@ <h2 class="header">Year</h2>
 
 					<div class="radio pull-left">
 						<label class="radio-custom">
-							<input class="sr-only" type="radio" checked="checked" name="repeat-yearly" value="bymonthday">
+							<input class="sr-only" type="radio" checked="checked" name="repeat-yearly" value="bymonthday" />
 							<span class="radio-label">on</span>
 						</label>
 					</div>
@@ -443,7 +443,7 @@ <h2 class="header">Year</h2>
 							<li data-value="11"><a href="#">November</a></li>
 							<li data-value="12"><a href="#">December</a></li>
 						</ul>
-						<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field">
+						<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field" />
 					</div>
 
 					<div data-resize="auto" class="btn-group selectlist year-month-day pull-left">
@@ -484,13 +484,13 @@ <h2 class="header">Year</h2>
 							<li data-value="30"><a href="#">30</a></li>
 							<li data-value="31"><a href="#">31</a></li>
 						</ul>
-						<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field">
+						<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field" />
 					</div>
 				</div>
 
 				<div class="form-group repeat-yearly-day">
 
-					<div class="radio pull-left"><label class="radio-custom"><input class="sr-only" type="radio" name="repeat-yearly" value="bysetpos"> on the</label></div>
+					<div class="radio pull-left"><label class="radio-custom"><input class="sr-only" type="radio" name="repeat-yearly" value="bysetpos" />on the</label></div>
 
 					<div data-resize="auto" class="btn-group selectlist year-month-day-pos pull-left">
 						<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
@@ -505,7 +505,7 @@ <h2 class="header">Year</h2>
 							<li data-value="4"><a href="#">Fourth</a></li>
 							<li data-value="-1"><a href="#">Last</a></li>
 						</ul>
-						<input type="text" aria-hidden="true" readonly="readonly" name="yearlyDateSelectlist" class="hidden hidden-field">
+						<input type="text" aria-hidden="true" readonly="readonly" name="yearlyDateSelectlist" class="hidden hidden-field" />
 					</div>
 
 					<div data-resize="auto" class="btn-group selectlist year-month-days pull-left">
@@ -526,7 +526,7 @@ <h2 class="header">Year</h2>
 							<li data-value="MO,TU,WE,TH,FR"><a href="#">Weekday</a></li>
 							<li data-value="SU,SA"><a href="#">Weekend day</a></li>
 						</ul>
-						<input type="text" aria-hidden="true" readonly="readonly" name="yearlyDaySelectlist" class="hidden hidden-field">
+						<input type="text" aria-hidden="true" readonly="readonly" name="yearlyDaySelectlist" class="hidden hidden-field" />
 					</div>
 					<div class="inline-form-text repeat-yearly-day-text"> of </div>
 
@@ -550,7 +550,7 @@ <h2 class="header">Year</h2>
 							<li data-value="11"><a href="#">November</a></li>
 							<li data-value="12"><a href="#">December</a></li>
 						</ul>
-						<input type="text" aria-hidden="true" readonly="readonly" name="yearlyDaySelectlist" class="hidden hidden-field">
+						<input type="text" aria-hidden="true" readonly="readonly" name="yearlyDaySelectlist" class="hidden hidden-field" />
 					</div>
 				</div>
 			</div>
@@ -573,14 +573,14 @@ <h2 class="header">Year</h2>
 							<li data-value="after"><a href="#">After</a></li>
 							<li data-value="date"><a href="#">On date</a></li>
 						</ul>
-						<input type="text" aria-hidden="true" readonly="readonly" name="EndSelectlist" class="hidden hidden-field">
+						<input type="text" aria-hidden="true" readonly="readonly" name="EndSelectlist" class="hidden hidden-field" />
 					</div>
 				</div>
 
 				<div class="col-sm-4 col-lg-4 form-group end-option-panel end-after-panel pull-left hide" aria-hidden="true">
 					<div class="spinbox digits-3 end-after">
 						<label id="MyEndAfter" class="sr-only">End After</label>
-						<input type="text" class="form-control input-mini spinbox-input" aria-labelledby="MyEndAfter">
+						<input type="text" class="form-control input-mini spinbox-input" aria-labelledby="MyEndAfter" />
 						<div class="spinbox-buttons btn-group btn-group-vertical">
 							<button type="button" class="btn btn-default spinbox-up btn-xs">
 								<span class="glyphicon glyphicon-chevron-up"></span><span class="sr-only">Increase</span>
diff --git a/test/markup/selectlist-markup.html b/test/markup/selectlist-markup.html
index ec1ffbdfc..4e9f49503 100644
--- a/test/markup/selectlist-markup.html
+++ b/test/markup/selectlist-markup.html
@@ -142,7 +142,7 @@
 		<li data-value="Media Share" data-property="messageType"><a href="#">Media Share</a></li>
 		<li data-value="Send Email" data-property="messageType"><a href="#">Send Email</a></li>
 	</ul>
-	<input class="hidden hidden-field" name="filterSelection" readonly="readonly" aria-hidden="true" type="text">
+	<input class="hidden hidden-field" name="filterSelection" readonly="readonly" aria-hidden="true" type="text" />
 </div>
 
 <div class="btn-group selectlist" data-resize="auto" data-initialize="selectlist" id="MySelectlist8">
@@ -164,7 +164,7 @@
 		<li data-value="Media Share" data-property="messageType"><a href="#">Media Share</a></li>
 		<li data-value="Send Email" data-property="messageType"><a href="#">Send Email</a></li>
 	</ul>
-	<input class="hidden hidden-field" name="filterSelection" readonly="readonly" aria-hidden="true" type="text">
+	<input class="hidden hidden-field" name="filterSelection" readonly="readonly" aria-hidden="true" type="text" />
 </div>
 
 
@@ -187,7 +187,7 @@
 		<li data-value="Media Share" data-property="messageType"><a href="#">Media Share</a></li>
 		<li data-value="Send Email" data-property="messageType"><a href="#">Send Email</a></li>
 	</ul>
-	<input class="hidden hidden-field" name="filterSelection" readonly="readonly" aria-hidden="true" type="text">
+	<input class="hidden hidden-field" name="filterSelection" readonly="readonly" aria-hidden="true" type="text" />
 </div>
 
 <button type="button" class="btn btn-default" id="btnShowSelect4">show</button>
diff --git a/test/markup/spinbox-markup.html b/test/markup/spinbox-markup.html
index b665a3f24..cf1ba66ae 100644
--- a/test/markup/spinbox-markup.html
+++ b/test/markup/spinbox-markup.html
@@ -8,7 +8,7 @@
 		<label class="control-label" for="MySpinboxWithDefaultInput1">Without Default</label>
 
 		<div id="MySpinbox" class="spinbox">
-			<input id="MySpinboxWithDefaultInput1" type="text" class="form-control input-mini spinbox-input">
+			<input id="MySpinboxWithDefaultInput1" type="text" class="form-control input-mini spinbox-input" />
 
 			<div class="spinbox-buttons btn-group btn-group-vertical">
 				<button type="button" class="btn btn-default spinbox-up btn-xs">
@@ -26,7 +26,7 @@
 		<label class="control-label" for="MySpinboxWithDefaultInput2">With Default</label>
 
 		<div id="MySpinboxWithDefault" class="spinbox">
-			<input id="MySpinboxWithDefaultInput2" type="text" value="3" class="form-control input-mini spinbox-input">
+			<input id="MySpinboxWithDefaultInput2" type="text" value="3" class="form-control input-mini spinbox-input" />
 
 			<div class="spinbox-buttons btn-group btn-group-vertical">
 				<button type="button" class="btn btn-default spinbox-up btn-xs">
@@ -45,7 +45,7 @@
 		<div class="form-group">
 
 			<div id="MySpinboxDecimal" class="spinbox">
-				<input id="MySpinboxWithDecimalInput" type="text" class="form-control input-mini spinbox-input">
+				<input id="MySpinboxWithDecimalInput" type="text" class="form-control input-mini spinbox-input" />
 
 				<div class="spinbox-buttons btn-group btn-group-vertical">
 					<button type="button" class="btn btn-default spinbox-up btn-xs">

From 6a6bebfa1d94b7229e2e214ba6d9581a158b6c1f Mon Sep 17 00:00:00 2001
From: Stephen Williams <stephenwilliams@salesforce.com>
Date: Wed, 11 Jan 2017 14:49:42 -0500
Subject: [PATCH 7/7] html lint - tag start and end must match

---
 index.html                        | 4 ++--
 markup/scheduler.html             | 4 ++--
 test/markup/scheduler-markup.html | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 7f1f979a3..a967e48fd 100644
--- a/index.html
+++ b/index.html
@@ -1570,8 +1570,8 @@ <h2 class="header">Year</h2>
 										</button>
 										<ul class="dropdown-menu" role="menu">
 											<li data-value="none"><a href="#">None (run once)</a></li>
-											<li data-value="secondly" data-text="second(s)"><a href="#">Per Second</a>
-											<li data-value="minutely" data-text="minute(s)"><a href="#">Per Minute</a>
+											<li data-value="secondly" data-text="second(s)"><a href="#">Per Second</a></li>
+											<li data-value="minutely" data-text="minute(s)"><a href="#">Per Minute</a></li>
 											<li data-value="hourly" data-text="hour(s)"><a href="#">Hourly</a></li>
 											<li data-value="daily" data-text="day(s)"><a href="#">Daily</a></li>
 											<li data-value="weekdays"><a href="#">Weekdays</a></li>
diff --git a/markup/scheduler.html b/markup/scheduler.html
index 04b5d927b..543cd3a9b 100644
--- a/markup/scheduler.html
+++ b/markup/scheduler.html
@@ -274,8 +274,8 @@ <h2 class="header">Year</h2>
 					</button>
 					<ul class="dropdown-menu" role="menu">
 						<li data-value="none"><a href="#">None (run once)</a></li>
-						<li data-value="secondly" data-text="second(s)"><a href="#">Per Second</a>
-						<li data-value="minutely" data-text="minute(s)"><a href="#">Per Minute</a>
+						<li data-value="secondly" data-text="second(s)"><a href="#">Per Second</a></li>
+						<li data-value="minutely" data-text="minute(s)"><a href="#">Per Minute</a></li>
 						<li data-value="hourly" data-text="hour(s)"><a href="#">Hourly</a></li>
 						<li data-value="daily" data-text="day(s)"><a href="#">Daily</a></li>
 						<li data-value="weekdays"><a href="#">Weekdays</a></li>
diff --git a/test/markup/scheduler-markup.html b/test/markup/scheduler-markup.html
index d5ed87968..31d40344d 100644
--- a/test/markup/scheduler-markup.html
+++ b/test/markup/scheduler-markup.html
@@ -274,8 +274,8 @@ <h2 class="header">Year</h2>
 					</button>
 					<ul class="dropdown-menu" role="menu">
 						<li data-value="none"><a href="#">None (run once)</a></li>
-						<li data-value="secondly" data-text="second(s)"><a href="#">Per Second</a>
-						<li data-value="minutely" data-text="minute(s)"><a href="#">Per Minute</a>
+						<li data-value="secondly" data-text="second(s)"><a href="#">Per Second</a></li>
+						<li data-value="minutely" data-text="minute(s)"><a href="#">Per Minute</a></li>
 						<li data-value="hourly" data-text="hour(s)"><a href="#">Hourly</a></li>
 						<li data-value="daily" data-text="day(s)"><a href="#">Daily</a></li>
 						<li data-value="weekdays"><a href="#">Weekdays</a></li>