Changed out tab control scheme.

src/css/tabsSearch.css

@@ -18,13 +18,23 @@ html, body { overflow-x: hidden; }
     margin-left: 1.4em;
 }
 
-#udArrows {
+#tabControls {
+    position: fixed;
+    z-index: 120;
+    height: 128px;
+    padding: 0em 0.4em 0.4em 0.4em;
+    width: auto;
+    background-color: rgba(9,107,120, 0.85);
+    color: rgb(255,255,255);
+}
+
+#bottomControls {
     position: fixed;
     bottom: 0;
     margin-left: 25%;
 }
 
-#udArrows input {
+#bottomControls input {
     font-size: 2em;
     background-color: rgba(79, 186, 70, 1);
     color: rgba(255,255,255,1);
@@ -33,7 +43,7 @@ html, body { overflow-x: hidden; }
     padding: 0.1em;
 }
 
-#udArrows input:hover {
+#bottomControls input:hover {
     background-color: rgba(152, 152, 152, 1);
     color: rgba(0,0,0,1);
     cursor: pointer;
@@ -41,6 +51,7 @@ html, body { overflow-x: hidden; }
 }
 
 #searchBar, #errorZone {
+    z-index: 888;
     width: 630px;
     background: rgb(255,255,255);
     color: rgba(9,107,120, 0.85);
@@ -100,16 +111,17 @@ html, body { overflow-x: hidden; }
 }
 
 .closeImg, .hiderImg {
-    padding: 0.5em;
+    padding: 0.2em;
     width: 28px;
     height: 28px;
     clear: both;
+    float: left;
 }
 
 .pTagTitleText {
     background-color: rgba(63, 63, 63, 0.64);
     line-height: 1.5em;
-    margin-top: 2em;
+    margin-top: 4.5em;
     height: 3em;
     overflow: hidden;
     text-overflow: ellipsis;