Fix the error box.

web/viewer.css

@@ -14,6 +14,13 @@ body {
   font-family: Segoe UI, Verdana, sans-serif;
 }
 
+.hidden {
+  display: none;
+}
+[hidden] {
+  display: none !important;
+}
+
 /* outer/inner center provides horizontal center */
 .outerCenter {
   float: right;
@@ -474,9 +481,6 @@ body {
   padding: 10px 40px 0;
   overflow: auto;
 }
-#thumbnailView.hidden {
-  display:none;
-}
 
 .thumbnail {
   margin-bottom: 15px;
@@ -542,9 +546,6 @@ body {
   -moz-user-select:none;
   -webkit-user-select:none;
 }
-#outlineView.hidden {
-  display:none;
-}
 
 .outlineItem > .outlineItems {
   margin-left: 20px;
@@ -732,9 +733,9 @@ canvas {
   background: none repeat scroll 0 0 #FF5555;
   color: white;
   left: 0;
-  position: fixed;
+  position: absolute;
   right: 0;
-  top: 30px;
+  top: 32px;
   z-index: 1000;
   padding: 3px;
   font-size: 0.8em;

web/viewer.html

@@ -110,35 +110,34 @@
         </div>
 
         <div id="viewerContainer">
-          <div id="viewer" />
+          <div id="viewer"></div>
         </div>
 
         <div id="loadingBox">
             <div id="loading">Loading... 0%</div>
             <div id="loadingBar"><div class="progress"></div></div>
         </div>
+
+        <div id="errorWrapper" hidden='true'>
+          <div id="errorMessageLeft">
+            <span id="errorMessage"></span>
+            <button id="errorShowMore" onclick="" oncontextmenu="return false;">
+              More Information
+            </button>
+            <button id="errorShowLess" onclick="" oncontextmenu="return false;" hidden='true'>
+              Less Information
+            </button>
+          </div>
+          <div id="errorMessageRight">
+            <button id="errorClose" oncontextmenu="return false;">
+              Close
+            </button>
+          </div>
+          <div class="clearBoth"></div>
+          <textarea id="errorMoreInfo" hidden='true' readonly="readonly"></textarea>
+        </div>
       </div> <!-- mainContainer -->
 
     </div> <!-- outerContainer -->
-
-    <div id="errorWrapper" hidden='true'>
-      <div id="errorMessageLeft">
-        <span id="errorMessage"></span>
-        <button id="errorShowMore" onclick="" oncontextmenu="return false;">
-          More Information
-        </button>
-        <button id="errorShowLess" onclick="" oncontextmenu="return false;" hidden='true'>
-          Less Information
-        </button>
-      </div>
-      <div id="errorMessageRight">
-        <button id="errorClose" oncontextmenu="return false;">
-          Close
-        </button>
-      </div>
-      <div class="clearBoth"></div>
-      <textarea id="errorMoreInfo" hidden='true' readonly="readonly"></textarea>
-    </div>
-
   </body>
 </html>