diff --git a/examples/html/edit-style.css b/examples/html/edit-style.css
new file mode 100644
index 0000000000..8d05f5d076
--- /dev/null
+++ b/examples/html/edit-style.css
@@ -0,0 +1,377 @@
+/*
+//  edit-style.css
+//
+//  Created by Ryan Huffman on 13 Nov 2014
+//  Copyright 2014 High Fidelity, Inc.
+//
+//  Distributed under the Apache License, Version 2.0.
+//  See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
+*/
+
+* {
+}
+
+body {
+    margin: 0;
+    padding: 0;
+
+    background-color: rgb(76, 76, 76);
+    color: rgb(204, 204, 204);
+    font-family: Arial;
+    font-size: 9.0pt;
+
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+.selectable {
+    -webkit-touch-callout: text;
+    -webkit-user-select: text;
+    -khtml-user-select: text;
+    -moz-user-select: text;
+    -ms-user-select: text;
+    user-select: text;
+
+    cursor: text;
+}
+
+.color-box {
+    display: inline-block;
+    width: 15pt;
+    height: 15pt;
+    border: 0.75pt solid black;
+    margin: 1.5pt;
+    cursor: pointer;
+}
+
+.color-box.highlight {
+    width: 13.5pt;
+    height: 13.5pt;
+    border: 1.5pt solid black;
+}
+
+.section-header, .sub-section-header {
+    background: #AAA;
+    border-bottom: 0.75pt solid #CCC;
+    background-color: #333333;
+    color: #999;
+    padding: 3pt;
+    padding-top: 6pt;
+}
+
+.section-header label, .sub-section-header label {
+    font-weight: bold;
+    font-size: 11pt;
+}
+
+.sub-section-header {
+    padding-top: 4px;
+}
+
+.sub-section-header label {
+    font-size: 9pt;
+}
+
+.multi-property-section {
+}
+
+.property-section {
+    display: block;
+    margin: 10 10;
+    height: 22.5pt;
+}
+
+
+.property-section label {
+    font-weight: bold;
+}
+
+.property-section span {
+    float: right;
+}
+
+.grid-section {
+}
+
+input[type=button] {
+    cursor: pointer;
+    background-color: #608e96;
+    border-color: #608e96;
+    border-radius: 3.75pt;
+    padding: 3.75pt 7.5pt;
+    border: 0;
+    color: #fff;
+    font-weight: bold;
+}
+
+#entity-list-header {
+    padding: 0.5em;
+}
+
+#search-area {
+    padding: 0.5em;
+    box-sizing: border-box;
+    padding-right: 6em;
+}
+
+#filter {
+    width: 99%;
+}
+
+#radius-and-unit {
+    width: 6em;
+    float: right;
+    margin-right: -6em;
+}
+
+#radius {
+    width: 4em;
+}
+
+textarea, input {
+    margin: 0;
+    padding: 1.5pt;
+    border: 0.75pt solid #999;
+    background-color: #eee;
+}
+
+textarea {
+    width: 100%;
+    resize: vertical;
+}
+
+input.url {
+    width: 100%;
+}
+
+input.coord {
+    width: 7em;
+    display: block;
+}
+
+input.no-spin::-webkit-outer-spin-button,
+input.no-spin::-webkit-inner-spin-button {
+    display: none;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
+}
+
+table#entity-table {
+    border-collapse: collapse;
+    font-family: Sans-Serif;
+    font-size: 9pt;
+    width: 100%;
+}
+
+#entity-table tr {
+    cursor: pointer;
+    border-bottom: 0.75pt solid rgb(63, 63, 63)
+}
+
+#entity-table tr.selected {
+    color: rgb(43, 43, 43);
+    background-color: #AAA;
+}
+
+#entity-table th {
+    background-color: #333;
+    color: #fff;
+    border: 0pt black solid;
+    text-align: left;
+    word-wrap: nowrap;
+    white-space: nowrap;
+}
+
+#entity-table td {
+    font-size: 9.0pt;
+    border: 0pt black solid;
+    word-wrap: nowrap;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
+#entity-table td.url {
+    white-space: nowrap;
+    overflow: hidden;
+}
+
+th#entity-type {
+    width: 33.75pt;
+}
+
+
+
+div.input-area {
+    display: inline-block;
+    font-size: 9pt;
+}
+
+input {
+}
+
+#type, #id {
+    font-size: 9.0pt;
+}
+
+#type label, #id label {
+    color: rgb(150, 150, 150);
+}
+
+input, textarea {
+    background-color: rgb(63, 63, 63);
+    color: rgb(255, 255, 255);
+    border: none;
+    font-size: 9pt;
+}
+
+input:disabled, textarea:disabled {
+    background-color: rgb(63, 63, 63);
+    color: rgb(160, 160, 160);
+}
+
+#properties-list input[type=checkbox] {
+    vertical-align: bottom;
+}
+
+#properties-list input[type=button] {
+    cursor: pointer;
+    background-color: rgb(51, 102, 102);
+    border-color: #608e96;
+    border-radius: 3.75pt;
+    padding: 3.75pt 7.5pt;
+    border: 0;
+    color: rgb(204, 204, 204);
+}
+
+#properties-list input[type=button]:disabled {
+    background-color: rgb(41, 82, 82);
+    color: rgb(160, 160, 160);
+}
+
+#properties-list .property {
+    padding: 4pt;
+    border-bottom: 0.75pt solid rgb(63, 63, 63);
+    min-height: 12pt;
+}
+
+
+table#properties-list {
+    border: none;
+    border-collapse: collapse;
+    width: 100%;
+    background-color: #efefef;
+    font-family: Arial;
+    table-layout: fixed;
+}
+
+#properties-list {
+    border-bottom: 0.75pt solid #e5e5e5;
+}
+
+.sub-props-checkbox-group {
+    margin-left: 20px;
+}
+
+#properties-list .label {
+    font-weight: bold;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    vertical-align: middle;
+    height: 1.2em;
+}
+
+#properties-list .label input[type=button] {
+    float: right;
+    padding: 0 5px 1px;
+}
+
+#properties-list .value > div{
+    padding: 3pt 0;
+}
+
+col#col-label {
+    width: 97.5pt;
+}
+
+div.outer {
+    position: relative;
+}
+div.inner {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+    position: absolute;
+    width: 100%;
+}
+
+td {
+    vertical-align: top;
+}
+
+#no-entities {
+    display: none;
+    font-size: 120%;
+    padding: 10pt;
+    font-weight: bold;
+    font-style: italic;
+}
+
+input[type="number"] {
+    position: relative;
+}
+
+/* Spin Buttons modified  - credit for original implementation goes to http://jsfiddle.net/Volker_E/WwfW9/ */
+input[type="number"]::-webkit-outer-spin-button,
+input[type="number"]::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    background: #FFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKUlEQVQYlWNgwAT/sYhhKPiPT+F/LJgEsHv37v+EMGkmkuImoh2NoQAANlcun/q4OoYAAAAASUVORK5CYII=) no-repeat center center;
+    width: 0.9em;
+    height: 4px;
+    opacity: 0.5; /* shows Spin Buttons per default (Chrome >= 39) */
+    top: 0;
+    right: 0;
+    bottom: 0;
+    border-top-left-radius: 3px;
+    border-top-right-radius: 3px;
+    border-bottom-right-radius: 3px;
+    border-bottom-left-radius: 3px;
+}
+
+input[type="number"]::-webkit-inner-spin-button:hover,
+input[type="number"]::-webkit-inner-spin-button:active{
+    opacity: .8;
+}
+
+input#property-name {
+    width: 100%;
+}
+
+.color-picker {
+    width: 50px;
+    height: 10px;
+    margin: 5px;
+    border: 1px solid white;
+}
+
+.prop-x {
+    color:red !important;
+    background: rgba(255, 0, 0, .9);
+    height:2px !important;
+}
+
+.prop-y {
+    color:green !important;
+    background: rgba(0, 255, 0, .9);
+    height:2px !important;
+}
+
+.prop-z{
+    color:blue !important;
+    background: rgba(0, 0, 255, .9);
+    height:2px !important;
+}
diff --git a/examples/html/entityList.html b/examples/html/entityList.html
index ad10a50c01..43d5a8347a 100644
--- a/examples/html/entityList.html
+++ b/examples/html/entityList.html
@@ -1,6 +1,16 @@
+<!--
+//  entityList.html
+//
+//  Created by Ryan Huffman on 19 Nov 2014
+//  Copyright 2014 High Fidelity, Inc.
+//
+//  Distributed under the Apache License, Version 2.0.
+//  See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
+-->
+
 <html>
 <head>
-    <link rel="stylesheet" type="text/css" href="style.css">
+    <link rel="stylesheet" type="text/css" href="edit-style.css">
     <script src="list.min.js"></script>
     <script type="text/javascript" src="qrc:///qtwebchannel/qwebchannel.js"></script>
     <script type="text/javascript" src="eventBridgeLoader.js"></script>
diff --git a/examples/html/entityProperties.html b/examples/html/entityProperties.html
index e3a64da5d4..d4a44a5bfd 100644
--- a/examples/html/entityProperties.html
+++ b/examples/html/entityProperties.html
@@ -1,7 +1,17 @@
+<!--
+//  entityProperties.html
+//
+//  Created by Ryan Huffman on 13 Nov 2014
+//  Copyright 2014 High Fidelity, Inc.
+//
+//  Distributed under the Apache License, Version 2.0.
+//  See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
+-->
+
 <html>
 <head>
     <title>Properties</title>
-    <link rel="stylesheet" type="text/css" href="style.css">
+    <link rel="stylesheet" type="text/css" href="edit-style.css">
     <link rel="stylesheet" type="text/css" href="css/colpick.css">
     <script src="jquery-2.1.4.min.js"></script>
     <script src="colpick.js"></script>
diff --git a/examples/html/gridControls.html b/examples/html/gridControls.html
index dd41125de4..8e1929f817 100644
--- a/examples/html/gridControls.html
+++ b/examples/html/gridControls.html
@@ -1,6 +1,16 @@
+<!--
+//  gridControls.html
+//
+//  Created by Ryan Huffman on 6 Nov 2014
+//  Copyright 2014 High Fidelity, Inc.
+//
+//  Distributed under the Apache License, Version 2.0.
+//  See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
+-->
+
 <html>
 <head>
-    <link rel="stylesheet" type="text/css" href="style.css">
+    <link rel="stylesheet" type="text/css" href="edit-style.css">
     <script type="text/javascript" src="qrc:///qtwebchannel/qwebchannel.js"></script>
     <script type="text/javascript" src="eventBridgeLoader.js"></script>
     <script>