Tidied up some divs and css classes + improved usability

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

Index: chrome/test/data/webrtc/manual/stylesheet.css
diff --git a/chrome/test/data/webrtc/manual/stylesheet.css b/chrome/test/data/webrtc/manual/stylesheet.css
index abb2c1ab80997136cc68913eec2711d0a9f3b625..18be94bbe097f7e133c4cc1d0c11b861d635e4cf 100644
--- a/chrome/test/data/webrtc/manual/stylesheet.css
+++ b/chrome/test/data/webrtc/manual/stylesheet.css
@@ -23,7 +23,7 @@ pre {
 }
 
 a:hover {
- text-decoration:underline;
+ text-decoration: underline;
 }
 
 textarea {
@@ -38,7 +38,7 @@ button {
 }
 
 input[type=text] {
-  border:1px solid #ccc;
+  border: 1px solid #ccc;
 }
 
 input[type=checkbox] {
@@ -46,35 +46,42 @@ input[type=checkbox] {
   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 {
-  width: 100%;
+.button-green {
+  background: #064;
+  color: #FFF;
 }
 
-#getusermedia-constraints {
-  width: 40%;
+.button-red {
+  background: #B22;
+  color: #FFF;
+}
+
+.width-100 {
+  width: 100%;
 }
 
 #wrapper {
@@ -82,22 +89,37 @@ input[type=checkbox] {
   padding: 5px;
 }
 
+#header {
+  position: fixed;
+  overflow: auto;
+  width: 100%;
+  height: 50px;
+}
+
 #container {
+  position: fixed;
   overflow: auto;
   width: 100%;
-  height: 96%;
+  height: 99%;
+  margin-top: 50px;
 }
 
-#left {
-  float: left;
+#footer {
+  overflow: auto;
+  width: 100%;
+  height: 50%;
 }
 
-#left-half {
-  float: left;
-  width: 50%;
+#getusermedia-constraints {
+  width: 40%;
 }
 
-#right-half {
-  width: 49%;
-  margin-left: 51%;
+#debug {
+  overflow: auto;
+  word-wrap: break-word;
+}
+
+#messages {
+  overflow: auto;
+  word-wrap: break-word;
 }