Add chat

app/assets/stylesheets/main.less

@@ -17,7 +17,7 @@
 }
 
 
-body {
+#lobbies {
   margin-top: 50px;
 }
 
@@ -89,10 +89,10 @@ body {
 }
 
 .mapSelect{
-  margin: 10px;
+  margin: 4px;
   position:relative;
   width: 175px;
-  height: 175px;
+  height: 155px;
   white-space: nowrap;
   overflow: hidden;
 }
@@ -112,58 +112,34 @@ body {
   animation: glowing 1300ms infinite;
 }
 
-.chart-holder, .details-holder {
-  position: absolute;
+#chat{
+  width: 354px;
+  float: right;
+}
+
+#chatbox {
+  text-align:left;
+  margin:0 auto;
+  margin-bottom:3px;
+  padding:10px;
+  background:#fff;
+  height:200px;
+  width:352px;
+  border:1px solid #ACD8F0;
+  overflow:auto; }
+
+.inputMsg{
   width: 100%;
-  height: 250px;
-  top: 0px;
-  left: 0px;
-
-  -webkit-backface-visibility: hidden;
-  -moz-backface-visibility: hidden;
-  backface-visibility: hidden;
 }
 
-.chart-holder {
-  z-index: 2;
-  & p {
-    position: absolute;
-    bottom: 7px;
-    right: 20px;
-    font-size: 10px;
-    color: #aaaaaa;
-    font-style: italic;
-  }
+#usermsg {
+  border: 1px solid #ACD8F0;
+  width: 300px;
 }
 
-.details-holder {
-  .transform(180deg);
-  text-align: center;
-  z-index: 1;
-  & h4 {
-    padding: 20px;
-  }
-  & .progress {
-    padding: 20px;
-    background: none;
-    border: none;
 
-    -webkit-box-shadow: none;
-    -moz-box-shadow: none;
-    box-shadow: none;
-  }
-  & img {
-    height: 128px;
-    width: 128px;
-  }
-}
+#submit { width: 60px; }
 
-.chart {
-  position: relative;
-  width: 920px;
-  height: 210px;
-  margin-top: 30px;
-  margin-bottom: 10px;
-  margin-left: 10px;
-  margin-right: 10px;
-}
+.error { color: #ff0000; }
+
+#menu { padding:12.5px 25px 12.5px 25px; }