3 files changed, 23 insertions, 2 deletions

diff --git a/js/data/panels-data.js b/js/data/panels-data.js
index 2422f5e7..84ec9c3c 100644
--- a/js/data/panels-data.js
+++ b/js/data/panels-data.js
@@ -83,6 +83,18 @@ exports.PanelsData = Montage.create(Montage, {
             moduleName: "CSSPanelBase"
         },
         {
+            name: "CSSPanel",
+            height: 200,
+            minHeight: 200,
+            maxHeight: null,
+            flexible: true,
+            scrollable: false,
+            collapsed: false,
+            open: true,
+            modulePath: "js/panels/css-panel/css-panel.reel",
+            moduleName: "CSSPanelNew"
+        },
+        {
             name: "Presets",
             minHeight: 100,
             height: 100,
diff --git a/js/panels/PanelContainer.reel/PanelContainer.html b/js/panels/PanelContainer.reel/PanelContainer.html
index 251e86e4..1561f973 100755
--- a/js/panels/PanelContainer.reel/PanelContainer.html
+++ b/js/panels/PanelContainer.reel/PanelContainer.html
@@ -61,6 +61,13 @@
                     "element": {"#": "panel_5"}
                 }
             },
+            "panel_6": {
+                "module": "js/panels/Panel.reel",
+                "name": "Panel",
+                "properties": {
+                "element": {"#": "panel_6"}
+                }
+            },
 
             "owner": {
                 "module": "js/panels/PanelContainer.reel",
@@ -74,7 +81,8 @@
                     "panel_2":          {"@": "panel_2"},
                     "panel_3":          {"@": "panel_3"},
                     "panel_4":          {"@": "panel_4"},
-                    "panel_5":          {"@": "panel_5"}
+                    "panel_5":          {"@": "panel_5"},
+                    "panel_6":          {"@": "panel_6"}
                 },
                 "listeners": [
                     {
@@ -104,6 +112,7 @@
             <article data-montage-id="panel_3"></article>
             <article data-montage-id="panel_4"></article>
             <article data-montage-id="panel_5"></article>
+            <article data-montage-id="panel_6"></article>
                 </article>
     </section>
 </body>
diff --git a/js/panels/css-panel/css-panel.reel/css-panel.html b/js/panels/css-panel/css-panel.reel/css-panel.html
index 899c7786..61ec82bf 100644
--- a/js/panels/css-panel/css-panel.reel/css-panel.html
+++ b/js/panels/css-panel/css-panel.reel/css-panel.html
@@ -12,7 +12,7 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
         {
             "owner": {
                 "module" : "js/panels/css-panel/css-panel.reel",
-                "name" : "CSSPanel",
+                "name" : "CSSPanelNew",
                 "properties" : {
                     "element" : {"#" : "container"},
                     "controller": {"@": "cssPanelController"}