diff -r a21b851538b2 -r 89e152523cb6 integration/css/common.css
--- a/integration/css/common.css	Fri Nov 23 19:13:50 2012 +0100
+++ b/integration/css/common.css	Mon Nov 26 18:42:56 2012 +0100
@@ -194,7 +194,6 @@
 .content{
 	width: 960px;
 	min-height: 750px;
-	background: url(../img/bg-degrade.png) 0 0 repeat-x;
 }
 /* popin */
 .popin{
@@ -533,20 +532,9 @@
 	height: 100%;
 }
 .mashup-frise .frise-segment {
-	background-image: url(../img/border-right-segment.png);
-	background-repeat: repeat-y;
-	background-position: right top;
-	-moz-box-shadow: inset 0px 1px 1px 0px #666;
-  	-webkit-box-shadow: inset 0px 1px 1px 0px #666;
-  	box-shadow: inset 0px 1px 1px 0px #666;  
-}
-.mashup-frise .frise-segment:first-child{
-	-moz-box-shadow: inset 1px 1px 1px 0px #666;
-  	-webkit-box-shadow: inset 1px 1px 1px 0px #666;
-  	box-shadow: inset 1px 1px 1px 0px #666;
-}
-.mashup-frise .frise-segment:last-child{
-	background-image: none;
+	-moz-box-shadow: inset 1px 1px 1px #333333;
+  	-webkit-box-shadow: inset 1px 1px 1px #333333;
+  	box-shadow: inset 1px 1px 1px #333333;
 }
 .frise-segment.active, .mashup-frise .frise-segment.active {
     background-image: url(../img/pinstripe-purple.png);
@@ -948,3 +936,30 @@
 a.Ldt-Social-Mail:hover {
     background-position: -72px -24px;
 }
+
+
+.media-segment-list-inner {
+    position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../img/bg-segments.png);
+}
+
+.media-segment-section {
+    position: absolute; height: 8px; cursor: pointer;
+    -moz-box-shadow: inset 1px 1px 1px #808080;
+    -webkit-box-shadow: inset 1px 1px 1px #808080;
+    box-shadow: inset 1px 1px 1px #808080;
+}
+
+.media-segment-popin h3, .media-found-popin h3{
+    padding: 0;
+    color: #de2500;
+    margin-bottom: 4px;
+    font-weight: 600;
+}
+
+.media-segment-popin p{
+    font-size: 12px;
+}
+
+.media-segment-popin span{
+    color: #7628df;
+}