diff -r b1220e771203 -r 0405878fde82 player/css/styles.css
--- a/player/css/styles.css	Thu Jun 27 12:12:43 2013 +0200
+++ b/player/css/styles.css	Thu Jun 27 15:04:31 2013 +0200
@@ -148,33 +148,41 @@
 }
 
 .tags {
-    position: absolute; top: 0; left: 0; width: 140px; z-index: 2; font-size: 12px; cursor: pointer;
+    position: absolute; top: 0; left: 0; width: 180px; z-index: 2; font-size: 12px;
+}
+
+.tags-title-wrap {
+    height: 40px;
+}
+
+.searching .tags-title-wrap {
+    width: 300px;
 }
 
 .tags-title {
     line-height: 40px; padding: 0 15px; font-size: 11px; color: #B8155F;
-    font-weight: 700; text-transform: uppercase;
+    font-weight: 700; text-transform: uppercase; height: 40px; cursor: pointer;
 }
 
-.tags:hover .tags-title {
-    background: #404040; color: #ffffff;
+.searching .tags-title {
+    text-transform: none; float: left; min-width: 150px; background: #ffffff;
 }
 
 .tags-list {
     background: #303030;
-    padding: 10px 0; display: none;
+    padding: 10px 0; display: none; cursor: pointer;
 }
 
 .tag {
     color: #cccccc; padding: 5px 15px;
 }
 
-.tag:hover {
-    color: #ffffff; background: #202020;
+.searching .tag {
+    color: #999999;
 }
 
 .tag.found {
-    color: #ffffff;
+    color: #ffffff; background: #202020;
 }
 
 /* Annotation colors */
@@ -336,7 +344,8 @@
 }
 
 .annotation {
-    position: absolute;
+    position: absolute; top: 800px;
+    transition: all 0.5s; -webkit-transition: all 0.5s;
 }
 
 .annotation-title {
@@ -347,11 +356,6 @@
     float: right; margin: 10px 10px 0 0; width: 11px; height: 10px; background-image: url(../img/sprites.png);
 }
 
-.annotation {
-    top: 800px;
-    transition: all 0.5s; -webkit-transition: all 0.5s;
-}
-
 .annotation-main:after, .about-collaboration:after {
     content: "."; visibility: hidden; display: block; height: 0; line-height: 0; clear: both;
 }