Tidied up some divs and css classes + improved usability

chrome/test/data/webrtc/manual/stylesheet.css

 /**
  * Copyright (c) 2012 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */
 
 body, td {
   font-family: Helvetica Narrow, sans-serif;
   font-size: 11px;
 }
 
 h1, h2, h3 {
   margin: 6px 0px 3px 0px;
 }
 
 a {
   text-decoration: none;
 }
 
 pre {
   background-color: #eee;
   margin-right: 20px;
 }
 
 a:hover {
- text-decoration:underline;
+ text-decoration: underline;
 }
 
 textarea {
   font-size: 11px;
   font-family: monospace, Courier;
   border: 1px solid #ccc;
 }
 
 button {
   font-size: 11px;
   margin-left: 0px;
 }
 
 input[type=text] {
-  border:1px solid #ccc;
+  border: 1px solid #ccc;
 }
 
 input[type=checkbox] {
   position: relative;
   top: 2px;
 }
 
-#debug {
-  overflow: auto;
-  word-wrap: break-word;
-}
-
-#messages {
-  overflow: auto;
-  word-wrap: break-word;
+video {
+  background: #eee;
+  border:1px solid #aaa;
 }
 
 .drop-down {
   width: 10%;
 }
 
-.video-area {
-  background: #eee;
-  border:1px solid #aaa;
+.left {
+  float: left;
+  width: 50%;
+}
+
+.right {
+  width: 49%;
+  margin-left: auto;
+  position: relative;
 }
 
 .inline-contents {
   display: inline;
 }
 
-#getusermedia-input {
+.button-green {
+  background: #064;
+  color: #FFF;
+}
+
+.button-red {
+  background: #B22;
+  color: #FFF;
+}
+
+.width-100 {
   width: 100%;
 }
 
-#getusermedia-constraints {
-  width: 40%;
-}
-
 #wrapper {
   margin: 0px auto;
   padding: 5px;
 }
 
-#container {
+#header {
+  position: fixed;
   overflow: auto;
   width: 100%;
-  height: 96%;
+  height: 50px;
 }
 
-#left {
-  float: left;
+#container {
+  position: fixed;
+  overflow: auto;
+  width: 100%;
+  height: 99%;
+  margin-top: 50px;
 }
 
-#left-half {
-  float: left;
-  width: 50%;
+#footer {
+  overflow: auto;
+  width: 100%;
+  height: 50%;
 }
 
-#right-half {
-  width: 49%;
-  margin-left: 51%;
+#getusermedia-constraints {
+  width: 40%;
 }
+
+#debug {
+  overflow: auto;
+  word-wrap: break-word;
+}
+
+#messages {
+  overflow: auto;
+  word-wrap: break-word;
+}