# HG changeset patch
# User hamidouk
# Date 1321873053 -3600
# Node ID 1fd46a87bbc104a79bcc263769919012baed47b4
# Parent  c0e399fbf3fb692f19606624c90a2fc990b4af75
added a css class for spacers. Fixed line endings too.

diff -r c0e399fbf3fb -r 1fd46a87bbc1 src/css/LdtPlayer.css
--- a/src/css/LdtPlayer.css	Mon Nov 21 11:56:10 2011 +0100
+++ b/src/css/LdtPlayer.css	Mon Nov 21 11:57:33 2011 +0100
@@ -1,256 +1,261 @@
-    #demo-frame > div.demo { padding: 5px !important; };
-
-    button.ui-button-icon-only  {
-      height:1.5em;
-      width:1.5em;
-    }
-
-    #Ldt-loader {
-      background:url(imgs/loader.gif) no-repeat;
-      width:20px;
-      height:16px;
-      float:left;
-    }
-
-    .Ldt-controler {
-      font-size: 62.5%;
-      font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
-      background-color:#eeeeee;
-      height:35px;
-    }
-
-    .Ldt-AnnotationsWidget {
-      font-size: 62.5%;
-      font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
-      background-color:#eeeeee;    
-      padding:5px;
-    }
-
-    .Ldt-iri-chapter{
-      padding-top:10px;
-      padding-bottom:5px;
-      border-left:solid 1px #000;
-      border-right:solid 1px #000;
-      float: left;
-    }
-
-    .tooltip {
-      display:none;
-      background:transparent url(imgs/white_arrow_mini.png);
-      font-size:12px;
-      height:55px;
-      width:180px;
-      padding:10px;
-      padding-left:15px;
-      padding-top:15px;
-      padding-right:15px;
-      color:#000;
-      font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
-    }
-    #Ldt-Root{
-      font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
-    }
-    #Ldt-Hat{
-      height:3px;
-    }
-
-    #Ldt-Annotations{
-      padding-left:5px;
-      width:470px;
-      float:left;
-      font-size: 62.5%;
-    }
-
-    .Ldt-SaTitle{
-      padding-top:2px;
-      padding-bottom:5px;
-      font-size:18px;
-      height:22p;
-    }
-    .Ldt-SaDescription{
-      font-size:12px;
-    }
-    #Ldt-Show-Arrow-container{
-      margin-left:60px;
-    }
-    #Ldt-Show-Arrow{
-      position:relative;
-      background:url(imgs/grey_arrow_Show.png);
-      width:27px;
-      height:13px;
-      margin-top:12px;
-      margin-left:-10px;
-      z-index:999;
-    }
-
-    #Ldt-Show-Tags{
-      position:relative;
-      height:13px;
-      margin-top:-10px;
-      border: solid 1px #000;
-    }
-    #Ldt-ShowAnnotation-video{
-      position:absolute;
-      z-index: 999;
-      padding:5px;
-      background:url(imgs/transBlack.png);
-      font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
-      color:#FFF;
-    }
-    #Ldt-ShowAnnotation-audio{
-      position:relative;
-      padding:5px;
-      background-color:#cfcfcf;
-      font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
-      color:#4D4D4D;
-    }
-    .Ldt-SaKeyword{
-      background-color:#b9b9b9;
-      color:#4D4D4D;
-      padding:5px;
-      font-weight:bold;
-      text-align:left;
-      float:left;
-      font-size:10px;
-    }
-    #Ldt-SaShareTools{
-      text-align:right;
-      float:right;
-    }
-
-
-    #Ldt-PlaceHolder{
-      position:absolue;
-      float:none;
-    }
-
-    .Ldt-Segments{
-      float:left;
-      font-size: 62.5%;
-    }
-
-    .Ldt-mode-radio{
-      visibility:hidden;
-      height:0px;
-      display:none
-    }
-
-    .Ldt-LeftPlayerControls {      
-      float:left;
-      padding: 4px;
-    }
-    
-    .Ldt-RightPlayerControls {      
-      float: right;
-      padding: 4px;
-    }
-    
-    .ldt-ElapsedTime {
-      float: left;
-      padding: 4px;
-    }
-    
-    .Ldt-cleaner {
-      clear:both;
-    }
-    
-    .cleaner {
-      clear:both;
-    }
-
-    .share {
-      background:url('imgs/widget20.png') no-repeat scroll 0 0 transparent ;
-      display:block;
-      height:16px;
-      line-height:16px !important;
-      overflow:hidden;
-      width:16px;
-      float:left;
-      cursor:pointer;
-      margin:2px;
-    }
-    .shareFacebook{
-      background-position:0 -704px;
-    }
-    .shareMySpace{
-      background-position:0 -736px;
-    }
-    .shareTwitter{
-      background-position:0 -1072px;
-    }
-    .shareGoogle{
-      background-position:0 -752px;
-    }
-    .shareDelicious{
-      background-position:0 -672px;
-    }
-    .shareJamesPot{
-      background-position:0 -1808px;
-    }
-    
-    .tip{
-      position : fixed; /* why not absolute instead of fixed ? because the div containing the tooltip widget is not a subdiv of its parent
-                           widget */
-      padding : 3px;
-      z-index: 10000000000;
-      max-width: 200px;      
-      background: transparent url("http://www.polemictweet.com/images/white_arrow_long.png");
-      font-size: 12px;
-      height: 125px;
-      width: 180px;
-      padding: 10px;
-      padding-left: 15px;
-      padding-top: 15px;
-      padding-right: 15px;
-      color: black;
-      font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
-      overflow:hidden;
-    }
-    
-    .SliderWidget {
-    
-    }
-    /* slider */
-    .sliderBackground  {
-      background-color: #B6B8B8;
-      width: 100%;
-      padding-top: 5px;
-    }
-    
-    .sliderForeground  {
-      background-color: #747474;
-      padding-top: 5px;
-      z-index: 2;
-      width: 0px;
-      position: absolute; 
-      top: 0%; 
-      width: 0%;
-    }
-    
-    .positionMarker {
-      position: absolute; 
-      z-index: 100; 
-      width: 1px; 
-      height: 20px; 
-      background-color: white;
-    }
-    
-    .Ldt-tweetWidget {
-      font-size: 62.5%;
-      font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
-      background-color:#eeeeee;    
-      padding:5px;
-      overflow: auto;
-    }
-    
-    .Ldt-tweetAvatar {
-      float: left;
-    }
-    
-    .Ldt-tweetContents {
-    
-    }
-
-    .Ldt-tweetWidgetMinimize {
-      float: right;
+    #demo-frame > div.demo { padding: 5px !important; };
+
+    button.ui-button-icon-only  {
+      height:1.5em;
+      width:1.5em;
+    }
+
+    #Ldt-loader {
+      background:url(imgs/loader.gif) no-repeat;
+      width:20px;
+      height:16px;
+      float:left;
+    }
+
+    .Ldt-controler {
+      font-size: 62.5%;
+      font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
+      background-color:#eeeeee;
+      height:35px;
+    }
+
+    .Ldt-AnnotationsWidget {
+      font-size: 62.5%;
+      font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
+      background-color:#eeeeee;
+      padding:5px;
+    }
+
+    .Ldt-iri-chapter{
+      padding-top:10px;
+      padding-bottom:5px;
+      border-left:solid 1px #000;
+      border-right:solid 1px #000;
+      float: left;
+    }
+
+    .tooltip {
+      display:none;
+      background:transparent url(imgs/white_arrow_mini.png);
+      font-size:12px;
+      height:55px;
+      width:180px;
+      padding:10px;
+      padding-left:15px;
+      padding-top:15px;
+      padding-right:15px;
+      color:#000;
+      font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
+    }
+    #Ldt-Root{
+      font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
+    }
+    #Ldt-Hat{
+      height:3px;
+    }
+
+    #Ldt-Annotations{
+      padding-left:5px;
+      width:470px;
+      float:left;
+      font-size: 62.5%;
+    }
+
+    .Ldt-SaTitle{
+      padding-top:2px;
+      padding-bottom:5px;
+      font-size:18px;
+      height:22p;
+    }
+    .Ldt-SaDescription{
+      font-size:12px;
+    }
+    #Ldt-Show-Arrow-container{
+      margin-left:60px;
+    }
+    #Ldt-Show-Arrow{
+      position:relative;
+      background:url(imgs/grey_arrow_Show.png);
+      width:27px;
+      height:13px;
+      margin-top:12px;
+      margin-left:-10px;
+      z-index:999;
+    }
+
+    #Ldt-Show-Tags{
+      position:relative;
+      height:13px;
+      margin-top:-10px;
+      border: solid 1px #000;
+    }
+    #Ldt-ShowAnnotation-video{
+      position:absolute;
+      z-index: 999;
+      padding:5px;
+      background:url(imgs/transBlack.png);
+      font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
+      color:#FFF;
+    }
+    #Ldt-ShowAnnotation-audio{
+      position:relative;
+      padding:5px;
+      background-color:#cfcfcf;
+      font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
+      color:#4D4D4D;
+    }
+    .Ldt-SaKeyword{
+      background-color:#b9b9b9;
+      color:#4D4D4D;
+      padding:5px;
+      font-weight:bold;
+      text-align:left;
+      float:left;
+      font-size:10px;
+    }
+    #Ldt-SaShareTools{
+      text-align:right;
+      float:right;
+    }
+
+
+    #Ldt-PlaceHolder{
+      position:absolue;
+      float:none;
+    }
+
+    .Ldt-Segments{
+      float:left;
+      font-size: 62.5%;
+    }
+
+    .Ldt-mode-radio{
+      visibility:hidden;
+      height:0px;
+      display:none
+    }
+
+    .Ldt-LeftPlayerControls {
+      float:left;
+      padding: 4px;
+    }
+
+    .Ldt-RightPlayerControls {
+      float: right;
+      padding: 4px;
+    }
+
+    .ldt-ElapsedTime {
+      float: left;
+      padding: 4px;
+    }
+
+    .Ldt-cleaner {
+      clear:both;
+    }
+
+    .cleaner {
+      clear:both;
+    }
+
+    .share {
+      background:url('imgs/widget20.png') no-repeat scroll 0 0 transparent ;
+      display:block;
+      height:16px;
+      line-height:16px !important;
+      overflow:hidden;
+      width:16px;
+      float:left;
+      cursor:pointer;
+      margin:2px;
+    }
+    .shareFacebook{
+      background-position:0 -704px;
+    }
+    .shareMySpace{
+      background-position:0 -736px;
+    }
+    .shareTwitter{
+      background-position:0 -1072px;
+    }
+    .shareGoogle{
+      background-position:0 -752px;
+    }
+    .shareDelicious{
+      background-position:0 -672px;
+    }
+    .shareJamesPot{
+      background-position:0 -1808px;
+    }
+
+    .tip{
+      position : fixed; /* why not absolute instead of fixed ? because the div containing the tooltip widget is not a subdiv of its parent
+                           widget */
+      padding : 3px;
+      z-index: 10000000000;
+      max-width: 200px;
+      background: transparent url("http://www.polemictweet.com/images/white_arrow_long.png");
+      font-size: 12px;
+      height: 125px;
+      width: 180px;
+      padding: 10px;
+      padding-left: 15px;
+      padding-top: 15px;
+      padding-right: 15px;
+      color: black;
+      font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
+      overflow:hidden;
+    }
+
+    .SliderWidget {
+
+    }
+    /* slider */
+    .sliderBackground  {
+      background-color: #B6B8B8;
+      width: 100%;
+      padding-top: 5px;
+    }
+
+    .sliderForeground  {
+      background-color: #747474;
+      padding-top: 5px;
+      z-index: 2;
+      width: 0px;
+      position: absolute;
+      top: 0%;
+      width: 0%;
+    }
+
+    .positionMarker {
+      position: absolute;
+      z-index: 100;
+      width: 1px;
+      height: 20px;
+      background-color: white;
+    }
+
+    .Ldt-tweetWidget {
+      font-size: 62.5%;
+      font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
+      background-color:#eeeeee;
+      padding:5px;
+      overflow: auto;
+    }
+
+    .Ldt-tweetAvatar {
+      float: left;
+    }
+
+    .Ldt-tweetContents {
+
+    }
+
+    .Ldt-tweetWidgetMinimize {
+      float: right;
+    }
+
+    /* the styling of a spacer div */
+    .Ldt-spacer {
+      background-color:#eeeeee;
     }
\ No newline at end of file