div.timeline-frame {
    border: 2px solid #666;
    overflow: hidden;
} 
                                             
div.timeline-axis {
	border-width: 2px;
	border-top-style: solid;
	background-color: #4c4c52;
	border-color: #424242;
/*	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088B3', endColorstr='#222222'); /* for IE */
/*  background: -ms-linear-gradient(top,  #0088B3,  #222222);
	background: -webkit-gradient(linear, left top, left bottom, from(#0088B3), to(#222222)); /* for webkit browsers */
/*	background: -moz-linear-gradient(top,  #0088B3,  #222222); /* for firefox 3.6+ */ 
/*	background: -o-linear-gradient(top,  #0088B3,  #222222); /* for Opera */ 
}  
div.timeline-axis-grid {
  border-left-style: solid;
  border-width: 1px;
  border-color: #777 !important;
}
div.timeline-axis-grid-minor {
  border-color: #999;
}  
div.timeline-axis-grid-major {
  border-color: #999;
}  
div.timeline-axis-text {
  color: #AAA;
  padding: 3px;
  white-space: nowrap;
}  

div.timeline-axis-text-minor 
{
	font-weight:bold;
    color: #ffaf0f;
}
 
div.timeline-axis-text-major 
{
	font-weight:bold;
	font-size:1.3em;
}

div.timeline-event {
  color: #1A1A1A;
  border-color: #97B0F8;
  background-color: #D5DDF6;
}

div.timeline-event-selected {
  border-color: #FFC200;
  background-color: #FFF785;
}


div.timeline-event-box {
	border-color: #CCC;
	border-style: solid;
	border-width: 2px;
	border-radius: 10px;
	background-color: #DDD;
	padding-left: 5px;
	padding-right: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
    z-index: 2;
    cursor: pointer;
	margin-top: -16px;
}  

div.timeline-event-dot {
	border-color: #f58400;
	border-style: solid;
	border-width: 5px;
	border-radius: 8px;
	padding: 3px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-webkit-border-radius: 8px;
    z-index: 2;
    cursor: pointer;
}

div.timeline-event-range 
{
	border-bottom: 0px none;
	border-top: 0px none;
	border-left: 1px solid;
	border-right: 0px none;
    z-index: 1;
    cursor: pointer;
}

div.timeline-event-line {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #888;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #888;
    z-index: 2;
	margin-top: -16px;
	padding-bottom: 16px;
} 

div.timeline-event-content {
  margin: 0px;
  white-space: nowrap;
  overflow: hidden;
  font-size:0.9em;
  z-index: 2;
  cursor: pointer;
}

div.timeline-groups-axis {
  border-color: #888;
  border-width: 1px;
  background-color: #4c4c4c;
}
div.timeline-groups-text {
  color: #DDD;
  padding-left: 10px;
  padding-right: 10px;
  font-size:0.9em;
}

div.timeline-currenttime {
  background-color: #FF7F6E;
  width: 2px;
}

div.timeline-customtime {
  background-color: #6E94FF;
  width: 2px;
  cursor: move;
}

div.timeline-navigation {
	font-family: arial;
	font-size: 20px;
	font-weight: bold;
	color: #AAA;

	border: 1px solid #AAA;
	background-color: #444;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div.timeline-navigation-new, div.timeline-navigation-delete, 
    div.timeline-navigation-zoom-in,  div.timeline-navigation-zoom-out, 
    div.timeline-navigation-move-left, div.timeline-navigation-move-right {
  cursor: pointer;
  padding: 10px 10px;
  float: left;
  text-decoration: none;
  border-color: #BEBEBE; /* border is used for the separator between new and navigation buttons */
  
  width: 16px;
  height: 16px;
  z-index: 2;
}

div.timeline-navigation-new {
  background: url('img/16/new.png') no-repeat center;
}

div.timeline-navigation-delete {
  padding: 0px;
  padding-left: 5px;
  background: url('img/16/delete.png') no-repeat center;
  margin-top: -16px;
}

div.timeline-navigation-zoom-in {
  background: url('img/16/zoomin.png') no-repeat center;
}

div.timeline-navigation-zoom-out {
  background: url('img/16/zoomout.png') no-repeat center;
}

div.timeline-navigation-move-left {
  background: url('img/16/moveleft.png') no-repeat center;
}

div.timeline-navigation-move-right {
  background: url('img/16/moveright.png') no-repeat center;
}