diff -r eba9760bedad -r c333862362f3 web/res/css/archives-iframe.css
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/web/res/css/archives-iframe.css	Wed Oct 03 18:58:50 2012 +0200
@@ -0,0 +1,87 @@
+body {
+    background: #ffffff;
+    padding: 0;
+    margin: 0;
+    font-family: Georgia;
+}
+div, p, img {
+    margin: 0;
+    padding: 0;
+    border: none;
+}
+a img {
+    border: none;
+    display: block;
+    max-width: 266px;
+    text-align: center;
+}
+.archivesTitleActionsContainer {
+    margin-bottom: 10px;
+}
+.archivesTitleContainer {
+    width: 270px;
+    padding: 0;
+    margin: 0;
+}
+.archivesTitle {
+    color: #4b4b4b;
+    font-size: 18px;
+    margin: 0;
+    font-weight: normal;
+}
+.archivesBoxContainer {
+    width: 270px;
+    padding: 0;
+    margin: 0;
+    height: 230px;
+}
+.archivesActionsContainer {
+    float: right;
+    font-size: 16px;
+    font-weight: bold;
+    padding-top: 2px;
+}
+.archivesActionsContainer a {
+    color: #2C80AF;
+    text-decoration: none;
+    cursor: pointer;
+}
+.archivesActionsContainer a:hover {
+    text-decoration: underline;
+    color: #000;
+}
+.archivesVideoBox {
+    position: relative;
+    display: inline-block;
+    float: left;
+    background: #f2f2f2;
+    cursor: pointer;
+    width: 266px;
+    padding: 2px;
+    overflow: hidden;
+}
+.AVBtitle {
+    font-weight: bold;
+    font-size: 14px;
+    white-space: nowrap;
+    overflow: hidden;
+}
+.AVBtext {
+    font-size: 11px;
+    white-space: nowrap;
+    overflow: hidden;
+}
+.scrollable {
+    position: relative;
+    overflow: hidden;
+    /*    width: 660px;*/
+}
+.scrollable .items {
+    /* this cannot be too large */
+    position: absolute;
+    top: 27px;
+    width: 20000em;
+}
+.item {
+    float: left;
+}