title: Timeticker css not working in visjs timeline
body: <p>I am using <a href="http://visjs.org/examples/timeline/items/backgroundAreas.html" rel="nofollow">background areas example</a>. I have couple of problems</p>
  
  <ol>
  <li>In <a href="http://visjs.org/docs/timeline/" rel="nofollow">doc</a> under <code>addCustomTime</code> method description it is mentioned that id is added as classname but any changes to this class is not taking effect.</li>
  <li>How to center align <code>content</code> text in a background area with background area having a border?</li>
  <li>Also how can I change css for <code>setCurrentTime(time)</code> marker?</li>
  </ol>
  
  <p>My css</p>
  
  <pre><code>.vis-current-time {
    color: black !important;
    border: 2px;
    cursor: hand;
  }
  
  .milestone-1 {
    color: green !important;
    border: 2px;
    cursor: hand;
  }
  
  .vis-item.vis-background.positive {
    background-color: rgba(0, 0, 200, 0.2);
    cursor: hand;
  }
  
  .vis-item.vis-background.negative {
    background-color: rgba(255, 0, 0, 0.2);
    cursor: hand;
  }
  
  .vis-item-overflow.vis-item-content {
    left: auto !important;
    text-align: center !important;
    color: #ff0000 !important;
  }
  </code></pre>
  
  <p>Here is <a href="http://plnkr.co/edit/6pUagZOPKoBILOq0ysmi?p=preview" rel="nofollow">plunker link</a> of my problem.</p>
  
  <p><strong>Update</strong></p>
  
  <p>I am able to center align <code>content</code> text to center. I have also updated my plunker but borders are not taking effect</p>
  
  <pre><code>#visualization .vis-item.vis-background.positive .vis-item-content {
    width: 100%;
    text-align: center !important;
    border: 2px;
  }
  #visualization .vis-item.vis-background.negative .vis-item-content {
    width: 100%;
    text-align: center !important;
  }
  </code></pre>