div.timeline-frame {-moz-box-sizing: border-box;border: 1px solid #bebebe;box-sizing: border-box;overflow: hidden;position: relative;}
div.timeline-content {overflow: hidden;position: relative;}
div.timeline-axis {-moz-box-sizing: border-box; box-sizing: border-box; border-top:1px solid #bebebe; background: #f8f8f8}
div.timeline-axis-grid {-moz-box-sizing: border-box;border-left-style: solid; border-width: 1px; box-sizing: border-box;}
div.timeline-axis-grid-minor {border-color: #e5e5e5;}
div.timeline-axis-grid-major { border-color: #bfbfbf;}
div.timeline-axis-text {color: #888;font-size: 13px; padding: 3px;white-space: nowrap;}
div.timeline-axis-text-minor {}/*month*/
div.timeline-axis-text-major {font-size: 15px; padding:2px 12px; border-radius: 15px;}/*year*/
#mytimeline .ui-widget-content .ui-state-default.timeline-event,
#mytimeline2 .ui-widget-content .ui-state-default.timeline-event{-moz-box-sizing: border-box;background:#fff;border-color: #c7c7c7;box-sizing: border-box;color: #1a1a1a;display: inline-block;}
div.timeline-event-cluster { background: url('../images/company/cluster_bg.png') #97b0f8; color: #ffffff;}
div.timeline-event-cluster div.timeline-event-dot {border-color: #d5ddf6;}

/*common*/
#mytimeline .ui-widget-content .ui-state-default.timeline-event-box:hover, 
#mytimeline .ui-widget-content .ui-state-default.timeline-event-range:hover,
#mytimeline2 .ui-widget-content .ui-state-default.timeline-event-box:hover, 
#mytimeline2 .ui-widget-content .ui-state-default.timeline-event-range:hover{ cursor: pointer}
#mytimeline .ui-widget-content .ui-state-default.timeline-event-box:hover .timeline-event-content,
#mytimeline .ui-widget-content .ui-state-default.timeline-event-range:hover .timeline-event-content,
#mytimeline2 .ui-widget-content .ui-state-default.timeline-event-box:hover .timeline-event-content,
#mytimeline2 .ui-widget-content .ui-state-default.timeline-event-range:hover .timeline-event-content { color:#000}
.timeline-event-content {margin: 5px 10px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;color:#666;}
.timeline-event-content img { display: block; max-width: none; min-height: 100%; width:71px;}
.timeline-event-content span.thumb { display:inline-block; position: relative; overflow: hidden; border-radius: 50%; margin-right: 5px; }

/*event*/
#mytimeline .ui-widget-content .ui-state-default.timeline-event-box,
#mytimeline2 .ui-widget-content .ui-state-default.timeline-event-box{border-radius: 0;text-align: center;border:1px solid #c7c7c7; -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1); min-width: 70px;}
#mytimeline .ui-widget-content .ui-state-default.timeline-event-dot,
#mytimeline2 .ui-widget-content .ui-state-default.timeline-event-dot{-moz-border-radius: 5px; border-radius:50%; border-style: solid; border-width:4px; background: #c7c7c7; }
#mytimeline .ui-widget-content .ui-state-default.timeline-event-line,
#mytimeline2 .ui-widget-content .ui-state-default.timeline-event-line{-moz-box-sizing: border-box; box-sizing: border-box; border:0 none; border-left: 1px solid #c7c7c7; }
div.timeline-event-box .timeline-event-content {line-height:41px;font-size: 13px;}
div.timeline-event-box .timeline-event-content span.thumb {width:41px; height: 41px; }
div.timeline-event-box .timeline-event-content img { position: absolute; top:0; left:-15.5px;}
/*event-thisyear*/
#mytimeline .ui-widget-content .ui-state-default.timeline-event-box.thisyear,
#mytimeline2 .ui-widget-content .ui-state-default.timeline-event-box.thisyear{border:1px solid #000000; background: #595959; -webkit-box-shadow: 1px 2px 2px 0px rgba(127,127,127,1);-moz-box-shadow: 1px 2px 2px 0px rgba(127,127,127,1);box-shadow: 1px 2px 2px 0px rgba(127,127,127,1);}
#mytimeline .ui-widget-content .ui-state-default.timeline-event-dot.thisyear,
#mytimeline2 .ui-widget-content .ui-state-default.timeline-event-dot.thisyear{background: #555; border-color: #555;}
#mytimeline .ui-widget-content .ui-state-default.timeline-event-line.thisyear,
#mytimeline2 .ui-widget-content .ui-state-default.timeline-event-line.thisyear{border-left: 1px solid #555;}
#mytimeline .ui-widget-content .ui-state-default.timeline-event-box.thisyear:hover,
#mytimeline2 .ui-widget-content .ui-state-default.timeline-event-box.thisyear:hover{ background:#343434; }
div.timeline-event-box.thisyear .timeline-event-content {color:#fff}
div.timeline-event-box.thisyear:hover .timeline-event-content{ color:#fff !important;}

/*people*/
#mytimeline .ui-widget-content .ui-state-default.timeline-event-range,
#mytimeline2 .ui-widget-content .ui-state-default.timeline-event-range{border:1px solid #c7c7c7; -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1); min-width: 70px;}
div.timeline-event-range .timeline-event-content {line-height: 29px;font-size: 15px;}
div.timeline-event-range .timeline-event-content img { width: 29px; height: 29px; }
div.timeline-event-range .timeline-event-content span.thumb  { width: 29px; height: 29px; }
div.timeline-event-range .timeline-event-content span.subday { font-size: 12px; color:#999; letter-spacing: 0; }
/*people-thisyear*/
#mytimeline .ui-widget-content .ui-state-default.timeline-event-range.thisyear,
#mytimeline2 .ui-widget-content .ui-state-default.timeline-event-range.thisyear{border:1px solid #145fa7; background: #247acd; -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.3); box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.3);}
#mytimeline .ui-widget-content .ui-state-default.timeline-event-range.thisyear:hover,
#mytimeline2 .ui-widget-content .ui-state-default.timeline-event-range.thisyear:hover{ background: #0a56a0}
div.timeline-event-box.thisyear .timeline-event-content {color:#fff}
div.timeline-event-range.thisyear .timeline-event-content {color:#fff}
div.timeline-event-range.thisyear .timeline-event-content span.subday { color:#93c7f9;}
div.timeline-event-range.thisyear:hover .timeline-event-content{ color:#fff !important;}

@media screen and (max-width: 900px){
    div.timeline-event-box .timeline-event-content {font-size: 15px;}
    div.timeline-axis-text {font-size: 15px;}
}

div.timeline-event-range-drag-left {cursor: w-resize;z-index: 1000;}
div.timeline-event-range-drag-right {cursor: e-resize;z-index: 1000;}
div.timeline-groups-axis {-moz-box-sizing: border-box;border-color: #bebebe;border-width: 1px;box-sizing: border-box;}
div.timeline-groups-axis-onleft {border-style: none solid none none;}
div.timeline-groups-axis-onright {border-style: none none none solid;}
div.timeline-groups-text {color: #4d4d4d;padding-left: 10px;padding-right: 10px;}
div.timeline-currenttime { /*-moz-box-sizing: border-box;background: #247acd;box-sizing: border-box;width: 2px;*/}
div.timeline-customtime {-moz-box-sizing: border-box;background: #6e94ff;box-sizing: border-box;cursor: move;width: 2px;}
div.timeline-navigation {-moz-border-radius: 2px;-moz-box-sizing: border-box;background: #f5f5f5;border: 1px solid #bebebe;border-radius: 2px;box-sizing: border-box;color: #808080;font-family: arial;font-size: 20px;font-weight: bold;}
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 {-moz-box-sizing: border-box;box-sizing: border-box;cursor: pointer;float: left;height: 36px;padding: 10px;text-decoration: none;width: 36px;}
div.timeline-navigation-new {background: url('../images/company/new.png') no-repeat center;}
div.timeline-navigation-new-line {border-right: 1px solid #bebebe;}
div.timeline-navigation-delete {background: url('../images/company/delete.png') no-repeat center;}
div.timeline-navigation-zoom-in {background: url('../images/company/zoomin.png') no-repeat center;}
div.timeline-navigation-zoom-out {background: url('../images/company/zoomout.png') no-repeat center;}
div.timeline-navigation-move-left {background: url('../images/company/moveleft.png') no-repeat center;}
div.timeline-navigation-move-right {background: url('../images/company/moveright.png') no-repeat center;}