--- a/player/css/styles.css	Wed Jun 26 11:35:56 2013 +0200
+++ b/player/css/styles.css	Thu Jun 27 11:51:46 2013 +0200
@@ -336,7 +336,7 @@
 }
 
 .annotation {
-    position: absolute; left: 50%;
+    position: absolute;
 }
 
 .annotation-title {
@@ -348,18 +348,26 @@
 }
 
 .annotation {
-    top: 800px; width: 920px; margin-left: -455px;
-    transition: top 0.5s; -webkit-transition: top 0.5s;
+    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;
 }
 
-/* Narrow annotations */
+/* Annotation sizes */
+
+.link-annotation, .text-annotation, .audio-annotation {
+    left: 50%; width: 590px; margin-left: -290px;
+}
 
-.narrow-annotation {
-    width: 590px; margin-left: -290px;
+.about-box, .slideshow-annotation {
+    left: 50%; width: 920px; margin-left: -455px;
+}
+
+.video-annotation {
+    left: 45px; right: 35px;
 }
 
 /* White annotations */
@@ -504,15 +512,15 @@
 /* Video annotation */
 
 .video-annotation .media-frame {
-    float: left; width: 650px; max-height: 487px;
+    margin-right: 250px;
 }
 
 .video-annotation video {
-    width: 650px; max-height: 487px;
+    float: left;
 }
 
 .video-annotation .media-description {
-    max-height: 487px; overflow: auto;
+    float: right; width: 250px; overflow: auto;
 }
 
 /* Slideshow annotation */
@@ -724,7 +732,8 @@
     left: auto; right: 3px; text-align: right;
 }
 
-.annotation-onscreen .chip {
+.annotation-onscreen .chip,
+.searching .chip-circle {
     opacity: .3;
 }
 
@@ -758,7 +767,7 @@
 }
 
 .found .chip-circle {
-    background: #ffffff;
+    background: #ffffff; opacity: 1;
     border: 2px solid; left: -6px; top: 14px; width: 9px; height: 9px;
 }