--- 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;
+    }
+  }
 }