--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/web/res/css/tabs-slideshow.css	Wed Apr 06 17:44:25 2011 +0200
@@ -0,0 +1,96 @@
+
+/* container for slides */
+.images {
+	/*background:#fff url(images/h300.png) repeat-x;*/
+	background:#fff;
+	border:1px solid #ccc;
+	position:relative;	
+	height:300px;
+	
+	width:860px;
+	float:left;	
+	margin:15px;
+	cursor:pointer;
+	
+	/* CSS3 tweaks for modern browsers */
+	-moz-border-radius:5px;
+	-webkit-border-radius:5px;
+	-moz-box-shadow:0 0 25px #666;
+	-webkit-box-shadow:0 0 25px #666;	
+}
+
+/* single slide */
+.images div {
+	display:none;
+	position:absolute;
+	top:0;
+	left:0;		
+	margin:7px;
+	padding:15px 30px 15px 15px;
+	height:256px;
+	font-size:12px;
+}
+
+/* header */
+.images h3 {
+	font-size:22px;
+	font-weight:normal;
+	margin:0 0 20px 0;
+	color:#456;
+}
+
+/* tabs (those little circles below slides) */
+.slidetabs {
+	clear:both;
+	margin-left:430px;
+}
+
+/* single tab */
+.slidetabs a {
+	width:8px;
+	height:8px;
+	float:left;
+	margin:3px;
+	background:url(images/navigator.png) 0 0 no-repeat;
+	display:block;
+	font-size:1px;
+}
+
+/* mouseover state */
+.slidetabs a:hover {
+	background-position:0 -8px;      
+}
+
+/* active state (current page state) */
+.slidetabs a.current {
+	background-position:0 -16px;     
+} 	
+
+
+/* prev and next buttons */
+.forward, .backward {
+	float:left;
+	margin-top:140px;
+	background:#fff url(/tools/img/scrollable/arrow/hori_large.png) no-repeat;
+	display:block;
+	width:30px;
+	height:30px;
+	cursor:pointer;
+	font-size:1px;
+	text-indent:-9999em;	
+}
+
+/* next */
+.forward 				{ background-position: 0 -30px; clear:right; }
+.forward:hover 		{ background-position:-30px -30px; }
+.forward:active 	 	{ background-position:-60px -30px; } 
+
+
+/* prev */
+.backward:hover  		{ background-position:-30px 0; }
+.backward:active  	{ background-position:-60px 0; }
+
+/* disabled navigational button. is not needed when tabs are configured with rotate: true */
+.disabled {
+	visibility:hidden !important;		
+}

--- a/web/tabs-slideshow.css	Wed Apr 06 17:39:32 2011 +0200
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,96 +0,0 @@
-
-/* container for slides */
-.images {
-	/*background:#fff url(images/h300.png) repeat-x;*/
-	background:#fff;
-	border:1px solid #ccc;
-	position:relative;	
-	height:300px;
-	
-	width:860px;
-	float:left;	
-	margin:15px;
-	cursor:pointer;
-	
-	/* CSS3 tweaks for modern browsers */
-	-moz-border-radius:5px;
-	-webkit-border-radius:5px;
-	-moz-box-shadow:0 0 25px #666;
-	-webkit-box-shadow:0 0 25px #666;	
-}
-
-/* single slide */
-.images div {
-	display:none;
-	position:absolute;
-	top:0;
-	left:0;		
-	margin:7px;
-	padding:15px 30px 15px 15px;
-	height:256px;
-	font-size:12px;
-}
-
-/* header */
-.images h3 {
-	font-size:22px;
-	font-weight:normal;
-	margin:0 0 20px 0;
-	color:#456;
-}
-
-/* tabs (those little circles below slides) */
-.slidetabs {
-	clear:both;
-	margin-left:430px;
-}
-
-/* single tab */
-.slidetabs a {
-	width:8px;
-	height:8px;
-	float:left;
-	margin:3px;
-	background:url(images/navigator.png) 0 0 no-repeat;
-	display:block;
-	font-size:1px;
-}
-
-/* mouseover state */
-.slidetabs a:hover {
-	background-position:0 -8px;      
-}
-
-/* active state (current page state) */
-.slidetabs a.current {
-	background-position:0 -16px;     
-} 	
-
-
-/* prev and next buttons */
-.forward, .backward {
-	float:left;
-	margin-top:140px;
-	background:#fff url(/tools/img/scrollable/arrow/hori_large.png) no-repeat;
-	display:block;
-	width:30px;
-	height:30px;
-	cursor:pointer;
-	font-size:1px;
-	text-indent:-9999em;	
-}
-
-/* next */
-.forward 				{ background-position: 0 -30px; clear:right; }
-.forward:hover 		{ background-position:-30px -30px; }
-.forward:active 	 	{ background-position:-60px -30px; } 
-
-
-/* prev */
-.backward:hover  		{ background-position:-30px 0; }
-.backward:active  	{ background-position:-60px 0; }
-
-/* disabled navigational button. is not needed when tabs are configured with rotate: true */
-.disabled {
-	visibility:hidden !important;		
-}