#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;
    }