--- /dev/null
+/* player dimensions */\r
+a.flowplayer {\r
+ display:inline; \r
+ border:1;\r
+ width:70%;\r
+ height:100%;\r
+ margin-right:10px;\r
+\r
+ float:left;\r
+}\r
+ a.flowplayer img\r
+{\r
+ width:100%;\r
+ height:100%;\r
+}\r
+\r
+\r
+/* play button on top of splash image */\r
+/*\r
+div.playButton {\r
+ background:url(../img/play.png) no-repeat;\r
+ width:45px !important;\r
+ height:45px;\r
+ position:relative;\r
+ top:-275px; \r
+ left:370px; \r
+ margin-bottom:-50px;\r
+ opacity:0.9;\r
+}\r
+*/\r
+div.playButton:hover {\r
+ opacity:1.0; \r
+}\r
+\r
+/* items */\r
+div.scrollable {\r
+ margin-left:-50px; \r
+ width:100%; \r
+ height:500px;\r
+}\r
+\r
+div.items \r
+ {\r
+ position:static;\r
+ width:auto; \r
+ height:100%;\r
+ background-color:#777; \r
+}\r
+div.items div\r
+/* inclou els de classe __scrollable */ \r
+{\r
+ margin:auto auto;\r
+\r
+ margin-right:0px; \r
+ float:left;\r
+} \r
+\r
+\r
+\r
+div.scrollable div { \r
+width:80%;\r
+background-color: #DDD;\r
+\r
+}\r
+\r
+div.scrollable h3 {\r
+ margin-top:12px;\r
+ display:inline;\r
+ position:relative;\r
+ left:20px;\r
+ width:250px; \r
+\r
+}\r
+\r
+div.scrollable p {\r
+\r
+position:relative;\r
+left:1%;\r
+display:inline;\r
+ color:#444;\r
+ font-size:12px;\r
+ margin-right:5px;\r
+ width:25%;\r
+ float:left;\r
+height:430px;\r
+ overflow-x:none;\r
+ overflow-y:auto;\r
+}\r
+\r
+/* next / prev buttons */\r
+a.prev, a.next {\r
+ display:block;\r
+ width:30px;\r
+ height:30px;\r
+ float:left;\r
+ background-repeat:no-repeat; \r
+ margin-top:70px;\r
+}\r
+\r
+a.prev {\r
+ background:url(../img/button-left.gif);\r
+ margin-right:10px;\r
+}\r
+\r
+a.prev:hover {\r
+ background:url(../img/button-left-over.gif); \r
+}\r
+\r
+a.next {\r
+ background:url(../img/button-right.gif);\r
+ margin-left:10px;\r
+}\r
+\r
+a.next:hover {\r
+ background:url(../img/button-right-over.gif); \r
+}\r
+\r
+\r
+/* tabs */ \r
+ul.navi { \r
+ margin:20px 0 0 0 ;\r
+ padding:0px;\r
+ height:2.45em;\r
+ position:relative;\r
+ top:10px;\r
+ left:39px;\r
+ width:100%; \r
+ cursor:pointer;\r
+}\r
+\r
+ul.navi li {\r
+ background:url(../img/tab-left.gif) left top no-repeat;\r
+ padding-left:4px;\r
+ float:left;\r
+ margin:0;\r
+ list-style-type:none;\r
+}\r
+\r
+ul.navi a {\r
+ background:url(../img/tab-right.gif) right top no-repeat;\r
+ padding:3px 12px;\r
+ border-bottom:1px solid #D2D2D2;\r
+ text-decoration:none;\r
+ display:block;\r
+ color:#111;\r
+ font-size:13px;\r
+}\r
+\r
+ul.navi li.active a, ul.navi a:hover {\r
+ background-position:100% -150px;\r
+ border-bottom:2px solid #efef8f;\r
+ background-color:#efef8f;\r
+}\r
+\r
+ul.navi li.active {\r
+ background-position:0 -150px; \r
+}\r
+\r