fix position and style of document and memberlist, get rid of excessive shadows and styling

css/3rdparty/webodf/editor.css

@@ -8,7 +8,7 @@ body.claro, #mainContainer {
 }
 
 #mainContainer {
-    background-color: gray;
+    background-color: #ddd;
 }
 
 #editor *:focus {
@@ -17,7 +17,6 @@ body.claro, #mainContainer {
 
 #editor {
     border: none;
-    box-shadow: 0px 0px 14px #555;
     overflow: hidden;
     padding: 0px !important;
     z-index: 4;
@@ -30,7 +29,7 @@ body.claro, #mainContainer {
     right: 0;
     position: absolute;
     z-index: 5;
-    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
+    background-color: rgba(255,255,255,.95);
 }
 
 #container {
@@ -63,7 +62,6 @@ body.claro, #mainContainer {
  * every time a gesture ends
  */
 #canvas > div {
-    box-shadow: 0px 0px 20px #aaa;
     border: 1px solid #ccc;
 }
 
@@ -96,7 +94,7 @@ body.claro, #mainContainer {
     width: 70px;  
     padding: 2px;
     text-align: center;
-    background-color: gray;
+    background-color: #ddd;
     border: none;
 }
 
@@ -140,17 +138,13 @@ body.claro, #mainContainer {
     width: 68px;
     border-radius: 5px;
     text-align: center;
-    background-color: black;
-    box-shadow: 0px 0px 5px rgb(90, 90, 90);
-    border: 1px solid black;
     cursor: pointer;
 }
 
 #memberList .memberListLabel {
-    color: white;
-    border-radius: 5px;
-    padding: 2px;
-    font-size: 8pt;
+    color: #555;
+    border-radius: 3px;
+    font-size: 10px;
     word-wrap: break-word;
     text-align: center justify;
 }

css/style.css

@@ -244,15 +244,12 @@
 }
 
 #members{
-	padding-top: 69px !important;
+	padding-top: 86px !important;
 }
 
-.memberListButton span{
+.memberListButton span {
 	display: block;
-    box-shadow: 0px 0px 5px rgb(90, 90, 90) inset;
-    background-color: rgb(200, 200, 200);
-    border-radius: 5px;
-    border: 2px solid;
+    border-radius: 3px;
     display: block;
     margin: auto;
 }
@@ -279,7 +276,7 @@
 }
 
 #container {
-	top: 38px !important;
+	top: 83px !important;
 }
 
 cursor > div {