diff -r 1bcc79e78fa1 -r 74c9ddc3640b web/res/css/custom.css
--- a/web/res/css/custom.css	Mon Jul 18 13:40:06 2011 +0200
+++ b/web/res/css/custom.css	Mon Jul 25 18:50:20 2011 +0200
@@ -33,18 +33,20 @@
 .menuLink{text-decoration:none; margin:5px; color:#000}
 .menuLink:active {text-decoration:none;}
 .menuLink:visited {text-decoration:none;}
-.mdselect{margin-left:100px; width: 150px}
+.mdselect{width: 150px}
 .mdselect select {margin-left:5px; width: 100px}
-.lang{margin-left:450px;}
+.lang{margin-left:350px;}
 .shortlang{margin-left:300px;}
 
 .tweetContainer{position:absolute; margin-top:70px;}
 .tweetWriter{background-image:url(../../images/tweetWriterBgd.gif);width:359px;height:136px;padding:10px;position:absolute; margin-top:70px;}
 .tweetWriterTitle{color:4b4b4b;font-family: 'PT Sans Narrow', arial, serif;}
 .tweetExplain{background-image:url(../../images/tweetExplainBgd.gif);width:359px;height:510px;padding:10px;position:absolute; margin-top:70px;}
+#tweetCounter{background-color:transparent;display:inline-block;border:0;border-style:none;font-weight:bold;}
+.tweetCounterNegative{color:red;}
 
 .tweetReader{width:377px;height:450px;position:absolute; margin-top:225px;border:1px solid #c3c3c3;background:#ffffff;}
-.tweetButton{float:right;margin-right:5px;}
+.tweetButton{float:right;margin-right:5px;cursor:pointer;}
 
 .timelinePlayer{border:1px solid #c3c3c3;width:650px;height:650px;}
 .videoLivePlayer{border:1px solid #c3c3c3;width:500px;height:375px;}
@@ -98,10 +100,29 @@
 #negative:active {text-decoration:none;}
 #negative:visited {text-decoration:none;}
 
+.scrollable {
+    position:relative;
+    overflow:hidden;
+/*    width: 660px;*/
+}
+
+
+.scrollable .items {
+    /* this cannot be too large */
+    width:20000em;
+    position:absolute;
+}
+
+.item {
+    float:left;
+    margin: 0 10px;
+}
+
 .introBox{width:880px;height:280px;padding:10px;position:absolute; margin-top:70px;}
 .aboutBox{background-image:url(../../images/archivesBoxBody.gif);width:900px;position:absolute; margin-top:70px;}
-.archivesBox{background-image:url(../../images/archivesBoxBody.gif);width:900px;position:absolute; margin-top:450px;}
-.archivesBoxContainer{padding:10px;width:880px;padding-bottom:0px;display:block; }
+.archivesBox{background-image:url(../../images/archivesBoxBody.gif);width:900px;height:297px;position:absolute; margin-top:450px;}
+.archivesBoxArchive{width:900px;}
+.archivesBoxContainer{padding:10px 10px 0 0;width:880px;display:block;height:280px; }
 .archivesBoxClear { /* generic container (i.e. div) for floating buttons */
     overflow: hidden;
     width: 100%;
@@ -112,10 +133,37 @@
 .archivesBoxHeader{background-repeat:no-repeat;background-position:left top;background-image:url(../../images/archivesBoxHeader.gif);width:100%;height:3px;}
 
 .archivesTitle{color:4b4b4b;font-family: 'PT Sans Narrow', arial, serif;font-size:24px;}
+.archivesTitleContainer{float:left;margin-left: 10px;}
+.archivesActionsContainer{width:45px;height:30px; float:right;}
+.archivesTitleActionsContainer{overflow: auto; width: 100%;}
 .archivesVideoBox{margin:5px;padding:5px;position:relative;display:inline-block;float:left;border: solid 1px #ccc;background:#f2f2f2;cursor:pointer;}
 .AVBtitle{font-weight:bold;font-family: 'PT Sans Narrow', arial, serif; font-size:18px;}
 
 .slideTitle{font-size:20px;}
 .slideText{font-size:15px;}
 .slides{background-repeat:no-repeat;background-position:right top;}
-#minilogo{background-repeat:no-repeat;background-position:left top;background-image:url(../../images/pol_color.gif);width:46px;height:10px;margin-top:50px;z-index:9;position:absolute;margin-left:100px;}}
\ No newline at end of file
+#minilogo{background-repeat:no-repeat;background-position:left top;background-image:url(../../images/pol_color.gif);width:46px;height:10px;margin-top:50px;z-index:9;position:absolute;margin-left:100px;}
+
+a.browse {
+	background: url(../../images/horizontal.png) no-repeat;
+	display: block;
+	width: 20px;
+	height: 20px;
+	cursor: pointer;
+	font-size: 1px;
+}
+
+a.right                 { background-position: 0 -20px; }
+a.right:hover       { background-position:-20px -20px; }
+a.right:active  { background-position:-40px -20px; } 
+
+
+/* left */
+a.left              { margin-left: 0px; } 
+a.left:hover        { background-position:-20px 0; }
+a.left:active   { background-position:-40px 0; }
+
+/* disabled navigational button */
+#actions a.disabled {
+    visibility:hidden !important;       
+}  
\ No newline at end of file