--- a/cms/app-client/app/styles/app.scss	Fri Nov 06 17:25:08 2015 +0100
+++ b/cms/app-client/app/styles/app.scss	Fri Nov 13 11:01:27 2015 +0100
@@ -6,5 +6,46 @@
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 10px;
+}
 
+.corpus-app {
+  @at-root {
+    @import 'container';
+    @import 'player';
+    @import 'results';
+
+    &-container{
+      display: block;
+      width: 50%;
+      height: 900px;
+      float: left;
+      border-top: none;
+      border-right: 1px solid grey;
+    }
+    &-wrapper{
+      height: 900px;
+      display : flex;
+      flex-flow: column;
+      border: none;
+    }
+    &-player,
+    &-results {
+      padding: 0 10px;
+      margin-bottom: 10px;
+      background-color: #eeeeee;
+    }
+    &-player{
+      flex: 0 1 auto;
+      float: left;
+      border-left: none;
+      border-top: none;
+    }
+    &-results {
+      flex: 1 1 auto;
+      float: left;
+      overflow: auto;
+      border-left: none;
+      border-top: none;
+    }
+  }
 }

--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/cms/app-client/app/styles/container.scss	Fri Nov 13 11:01:27 2015 +0100
@@ -0,0 +1,34 @@
+&-em-tabs, &-em-tab-list, &-em-tab-panel {
+  display: block;
+}
+
+&-em-tab-list {
+  border-bottom: 1px solid #eee;
+  padding-left: 0;
+  margin-top: 0;
+}
+
+&-em-tab {
+  display: inline-block;
+  padding: 10px 10px;
+  border: 1px solid transparent;
+  border-top-left-radius: 3px;
+  border-top-right-radius: 3px;
+  cursor: pointer;
+  margin-bottom: -1px;
+  position: relative;
+
+  a{
+    color: grey;
+    text-decoration: none;
+  }
+}
+
+&-em-tab.active {
+  border-color: #eee;
+  border-bottom-color: #fff;
+
+  a{
+    color: black;
+  }
+}

--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/cms/app-client/app/styles/results.scss	Fri Nov 13 11:01:27 2015 +0100
@@ -0,0 +1,1 @@
+