/********************** Alpha */
div.timeline_0_alpha { height:30px; font-size:11px; color: #000000; text-align:center; vertical-align:top; padding-top:10px; 
    border: 1px solid #444444; background: #999999; background: -moz-linear-gradient(top, #999999 0%, #DDDDDD 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#DDDDDD)); background: -webkit-linear-gradient(top, #999999 0%,#DDDDDD 100%); background: -o-linear-gradient(top, #999999 0%,#DDDDDD 100%); background: -ms-linear-gradient(top, #999999 0%,#DDDDDD 100%); background: linear-gradient(to bottom, #999999 0%,#DDDDDD 100%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity:.40; -khtml-opacity:.40; -moz-opacity:.40; -ms-filter:”alpha(opacity=40)”; filter:alpha(opacity=40); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.4); }
div.timeline_1_alpha { height:100px; font-size:18px; color: #000000; text-align:center; vertical-align:top; padding-top:10px; 
    border: 1px solid #444444; background: #999999; background: -moz-linear-gradient(top, #999999 0%, #DDDDDD 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#DDDDDD)); background: -webkit-linear-gradient(top, #999999 0%,#DDDDDD 100%); background: -o-linear-gradient(top, #999999 0%,#DDDDDD 100%); background: -ms-linear-gradient(top, #999999 0%,#DDDDDD 100%); background: linear-gradient(to bottom, #999999 0%,#DDDDDD 100%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity:.40; -khtml-opacity:.40; -moz-opacity:.40; -ms-filter:”alpha(opacity=40)”; filter:alpha(opacity=40); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.4); }
div.timeline_2_alpha { height:150px; font-size:18px; color: #000000; text-align:center; vertical-align:top; padding-top:10px; 
    border: 1px solid #444444; background: #999999; background: -moz-linear-gradient(top, #999999 0%, #DDDDDD 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#DDDDDD)); background: -webkit-linear-gradient(top, #999999 0%,#DDDDDD 100%); background: -o-linear-gradient(top, #999999 0%,#DDDDDD 100%); background: -ms-linear-gradient(top, #999999 0%,#DDDDDD 100%); background: linear-gradient(to bottom, #999999 0%,#DDDDDD 100%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity:.40; -khtml-opacity:.40; -moz-opacity:.40; -ms-filter:”alpha(opacity=40)”; filter:alpha(opacity=40); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.4); }
div.timeline_3_alpha { height:200px; font-size:18px; color: #000000; text-align:center; vertical-align:top; padding-top:10px; 
    border: 1px solid #444444; background: #999999; background: -moz-linear-gradient(top, #999999 0%, #DDDDDD 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#DDDDDD)); background: -webkit-linear-gradient(top, #999999 0%,#DDDDDD 100%); background: -o-linear-gradient(top, #999999 0%,#DDDDDD 100%); background: -ms-linear-gradient(top, #999999 0%,#DDDDDD 100%); background: linear-gradient(to bottom, #999999 0%,#DDDDDD 100%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity:.40; -khtml-opacity:.40; -moz-opacity:.40; -ms-filter:”alpha(opacity=40)”; filter:alpha(opacity=40); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.4); }

/********************** Green */
div.timeline_0_green {
    height: 30px;
    font-size: 11px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: top;
    padding-top: 10px;
    border-left: 1px solid 1px solid #66bb6a;
    border-radius: 5px !important;
    background: #66bb6a;
    background: -moz-linear-gradient(top, #66bb6a 100%, #20DF20 0%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,#66bb6a), color-stop(60%,#20DF20));
    background: -webkit-linear-gradient(top, #66bb6a 100%,#20DF20 0%);
    background: -o-linear-gradient(top, #66bb6a 100%,#20DF20 0%);
    background: -ms-linear-gradient(top, #66bb6a 100%,#20DF20 0%);
    background: linear-gradient(to bottom, #66bb6a 100%,#20DF20 0%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px!important
}
div.timeline_1_green { height:100px; font-size:18px; color: #FFFFFF; text-align:center; vertical-align:top; padding-top:10px; 
    border-left: 1px solid #004400; background: #4EB84E; background: -moz-linear-gradient(top, #4EB84E 0%, #20DF20 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4EB84E), color-stop(100%,#20DF20)); background: -webkit-linear-gradient(top, #4EB84E 0%,#20DF20 100%); background: -o-linear-gradient(top, #4EB84E 0%,#20DF20 100%); background: -ms-linear-gradient(top, #4EB84E 0%,#20DF20 100%); background: linear-gradient(to bottom, #4EB84E 0%,#20DF20 100%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
div.timeline_2_green { height:150px; font-size:18px; color: #FFFFFF; text-align:center; vertical-align:top; padding-top:10px; 
    border-left: 1px solid #004400; background: #4EB84E; background: -moz-linear-gradient(top, #4EB84E 0%, #20DF20 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4EB84E), color-stop(100%,#20DF20)); background: -webkit-linear-gradient(top, #4EB84E 0%,#20DF20 100%); background: -o-linear-gradient(top, #4EB84E 0%,#20DF20 100%); background: -ms-linear-gradient(top, #4EB84E 0%,#20DF20 100%); background: linear-gradient(to bottom, #4EB84E 0%,#20DF20 100%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
div.timeline_3_green {
    height: 200px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: top;
    padding-top: 10px;
    border-left: 1px solid #004400;
    background: #4EB84E;
    background: -moz-linear-gradient(top, #4EB84E 0%, #20DF20 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4EB84E), color-stop(100%,#20DF20));
    background: -webkit-linear-gradient(top, #4EB84E 0%,#20DF20 100%);
    background: -o-linear-gradient(top, #4EB84E 0%,#20DF20 100%);
    background: -ms-linear-gradient(top, #4EB84E 0%,#20DF20 100%);
    background: linear-gradient(to bottom, #4EB84E 0%,#20DF20 100%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/********************** Gray */
div.timeline_0_grey {
    height: 30px;
    font-size: 11px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: top;
    padding-top: 10px;
    border-left: 1px solid #bbb;
    background: #14514e;
    background: -moz-linear-gradient(top, #aaa 0%, #ccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaa), color-stop(100%,#ccc));
    background: -webkit-linear-gradient(top, #aaa 0%,#ccc 100%);
    background: -o-linear-gradient(top, #aaa 0%,#ccc 100%);
    background: -ms-linear-gradient(top, #aaa 0%,#ccc 100%);
    background: linear-gradient(to bottom, #aaa 0%,#ccc 100%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/********************** Green */
div.timeline_0_greenDark {
    height: 30px;
    font-size: 11px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: top;
    padding-top: 10px;
    border-left: 1px solid #14514e;
    background: #14514e;
    background: -moz-linear-gradient(top, #00a39c 100%, #14514e 0%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,#00a39c), color-stop(0%,#14514e));
    background: -webkit-linear-gradient(top, #00a39c 100%,#14514e 0%);
    background: -o-linear-gradient(top, #00a39c 100%,#14514e 0%);
    background: -ms-linear-gradient(top, #00a39c 100%,#14514e 0%);
    background: linear-gradient(to bottom, #00a39c 100%,#14514e 0%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px!important;
}

/********************** Yellow */
div.timeline_0_yellow {
    height: 30px;
    font-size: 11px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: top;
    padding-top: 10px;
    border-left: 1px solid #9F7700;
    background: #FFF300;
    background: -moz-linear-gradient(top, #FFF300 0%, #FFD555 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF300), color-stop(100%,#FFD555));
    background: -webkit-linear-gradient(top, #FFF300 0%,#FFD555 100%);
    background: -o-linear-gradient(top, #FFF300 0%,#FFD555 100%);
    background: -ms-linear-gradient(top, #FFF300 0%,#FFD555 100%);
    background: linear-gradient(to bottom, #FFF300 0%,#FFD555 100%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div.timeline_1_yellow {
    height: 100px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: top;
    padding-top: 10px;
    border-left: 1px solid #9F7700;
    background: #FFF300;
    background: -moz-linear-gradient(top, #FFF300 0%, #FFD555 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF300), color-stop(100%,#FFD555));
    background: -webkit-linear-gradient(top, #FFF300 0%,#FFD555 100%);
    background: -o-linear-gradient(top, #FFF300 0%,#FFD555 100%);
    background: -ms-linear-gradient(top, #FFF300 0%,#FFD555 100%);
    background: linear-gradient(to bottom, #FFF300 0%,#FFD555 100%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div.timeline_2_yellow {
    height: 150px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: top;
    padding-top: 10px;
    border-left: 1px solid #9F7700;
    background: #FFF300;
    background: -moz-linear-gradient(top, #FFF300 0%, #FFD555 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF300), color-stop(100%,#FFD555));
    background: -webkit-linear-gradient(top, #FFF300 0%,#FFD555 100%);
    background: -o-linear-gradient(top, #FFF300 0%,#FFD555 100%);
    background: -ms-linear-gradient(top, #FFF300 0%,#FFD555 100%);
    background: linear-gradient(to bottom, #FFF300 0%,#FFD555 100%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div.timeline_3_yellow {
    height: 200px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: top;
    padding-top: 10px;
    border-left: 1px solid #9F7700;
    background: #FFF300;
    background: -moz-linear-gradient(top, #FFF300 0%, #FFD555 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF300), color-stop(100%,#FFD555));
    background: -webkit-linear-gradient(top, #FFF300 0%,#FFD555 100%);
    background: -o-linear-gradient(top, #FFF300 0%,#FFD555 100%);
    background: -ms-linear-gradient(top, #FFF300 0%,#FFD555 100%);
    background: linear-gradient(to bottom, #FFF300 0%,#FFD555 100%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/********************** Blue */
div.timeline_0_blue {
    height: 30px;
    font-size: 11px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: top;
    padding-top: 10px;
    border-left: 1px solid #00306F;
    background: #42a5f5;
    background: -moz-linear-gradient(top, #42a5f5 100%, #3573C5 0%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,#42a5f5), color-stop(0%,#3573C5));
    background: -webkit-linear-gradient(top, #42a5f5 100%,#3573C5 0%);
    background: -o-linear-gradient(top, #42a5f5 100%,#3573C5 0%);
    background: -ms-linear-gradient(top, #42a5f5 100%,#3573C5 0%);
    background: linear-gradient(to bottom, #42a5f5 100%,#3573C5 0%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px!important;
}
div.timeline_1_blue {
    height: 100px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: top;
    padding-top: 10px;
    border-left: 1px solid #00306F;
    background: #62A7FF;
    background: -moz-linear-gradient(top, #62A7FF 0%, #3573C5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62A7FF), color-stop(100%,#3573C5));
    background: -webkit-linear-gradient(top, #62A7FF 0%,#3573C5 100%);
    background: -o-linear-gradient(top, #62A7FF 0%,#3573C5 100%);
    background: -ms-linear-gradient(top, #62A7FF 0%,#3573C5 100%);
    background: linear-gradient(to bottom, #62A7FF 0%,#3573C5 100%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div.timeline_2_blue {
    height: 150px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: top;
    padding-top: 10px;
    border-left: 1px solid #00306F;
    background: #62A7FF;
    background: -moz-linear-gradient(top, #62A7FF 0%, #3573C5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62A7FF), color-stop(100%,#3573C5));
    background: -webkit-linear-gradient(top, #62A7FF 0%,#3573C5 100%);
    background: -o-linear-gradient(top, #62A7FF 0%,#3573C5 100%);
    background: -ms-linear-gradient(top, #62A7FF 0%,#3573C5 100%);
    background: linear-gradient(to bottom, #62A7FF 0%,#3573C5 100%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div.timeline_3_blue {
    height: 200px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: top;
    padding-top: 10px;
    border-left: 1px solid #00306F;
    background: #62A7FF;
    background: -moz-linear-gradient(top, #62A7FF 0%, #3573C5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62A7FF), color-stop(100%,#3573C5));
    background: -webkit-linear-gradient(top, #62A7FF 0%,#3573C5 100%);
    background: -o-linear-gradient(top, #62A7FF 0%,#3573C5 100%);
    background: -ms-linear-gradient(top, #62A7FF 0%,#3573C5 100%);
    background: linear-gradient(to bottom, #62A7FF 0%,#3573C5 100%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/********************** Blue */
div.timeline_0_blue {
    height: 30px;
    font-size: 11px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: top;
    padding-top: 10px;
    border-left: 1px solid #00306F;
    background: #62A7FF;
    background: -moz-linear-gradient(top, #62A7FF 0%, #3573C5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62A7FF), color-stop(100%,#3573C5));
    background: -webkit-linear-gradient(top, #62A7FF 0%,#3573C5 100%);
    background: -o-linear-gradient(top, #62A7FF 0%,#3573C5 100%);
    background: -ms-linear-gradient(top, #62A7FF 0%,#3573C5 100%);
    background: linear-gradient(to bottom, #62A7FF 0%,#3573C5 100%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div.timeline_1_blue {
    height: 100px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: top;
    padding-top: 10px;
    border-left: 1px solid #00306F;
    background: #62A7FF;
    background: -moz-linear-gradient(top, #62A7FF 0%, #3573C5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62A7FF), color-stop(100%,#3573C5));
    background: -webkit-linear-gradient(top, #62A7FF 0%,#3573C5 100%);
    background: -o-linear-gradient(top, #62A7FF 0%,#3573C5 100%);
    background: -ms-linear-gradient(top, #62A7FF 0%,#3573C5 100%);
    background: linear-gradient(to bottom, #62A7FF 0%,#3573C5 100%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div.timeline_2_blue {
    height: 150px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: top;
    padding-top: 10px;
    border-left: 1px solid #00306F;
    background: #62A7FF;
    background: -moz-linear-gradient(top, #62A7FF 0%, #3573C5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62A7FF), color-stop(100%,#3573C5));
    background: -webkit-linear-gradient(top, #62A7FF 0%,#3573C5 100%);
    background: -o-linear-gradient(top, #62A7FF 0%,#3573C5 100%);
    background: -ms-linear-gradient(top, #62A7FF 0%,#3573C5 100%);
    background: linear-gradient(to bottom, #62A7FF 0%,#3573C5 100%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div.timeline_3_blue {
    height: 200px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: top;
    padding-top: 10px;
    border-left: 1px solid #00306F;
    background: #62A7FF;
    background: -moz-linear-gradient(top, #62A7FF 0%, #3573C5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62A7FF), color-stop(100%,#3573C5));
    background: -webkit-linear-gradient(top, #62A7FF 0%,#3573C5 100%);
    background: -o-linear-gradient(top, #62A7FF 0%,#3573C5 100%);
    background: -ms-linear-gradient(top, #62A7FF 0%,#3573C5 100%);
    background: linear-gradient(to bottom, #62A7FF 0%,#3573C5 100%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/********************** Purple */
div.timeline_0_purple {
    height: 30px;
    font-size: 11px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: top;
    padding-top: 10px;
    border-left: 1px solid #7e57c2;
    background: #7e57c2 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px !important;
}


/********************** Orange */
div.timeline_0_orange {
    height: 30px;
    font-size: 11px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: top;
    padding-top: 10px;
    border-left: 1px solid #ffa726;
    background: #ffa726;
    background: -moz-linear-gradient(top, #ffa726 100%, #FE9A2E 0%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,#ffa726), color-stop(0%,#FE9A2E));
    background: -webkit-linear-gradient(top, #ffa726 100%,#FE9A2E 0%);
    background: -o-linear-gradient(top, #ffa726 100%,#FE9A2E 0%);
    background: -ms-linear-gradient(top, #ffa726 100%,#FE9A2E 0%);
    background: linear-gradient(to bottom, #ffa726 100%,#FE9A2E 0%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px!important;
}
div.timeline_1_orange {
    height: 100px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: top;
    padding-top: 10px;
    border-left: 1px solid #8A4B08;
    background: #FF8000;
    background: -moz-linear-gradient(top, #FF8000 0%, #FE9A2E 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF8000), color-stop(100%,#FE9A2E));
    background: -webkit-linear-gradient(top, #FF8000 0%,#FE9A2E 100%);
    background: -o-linear-gradient(top, #FF8000 0%,#FE9A2E 100%);
    background: -ms-linear-gradient(top, #FF8000 0%,#FE9A2E 100%);
    background: linear-gradient(to bottom, #FF8000 0%,#FE9A2E 100%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div.timeline_2_orange {
    height: 150px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: top;
    padding-top: 10px;
    border-left: 1px solid #8A4B08;
    background: #FF8000;
    background: -moz-linear-gradient(top, #FF8000 0%, #FE9A2E 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF8000), color-stop(100%,#FE9A2E));
    background: -webkit-linear-gradient(top, #FF8000 0%,#FE9A2E 100%);
    background: -o-linear-gradient(top, #FF8000 0%,#FE9A2E 100%);
    background: -ms-linear-gradient(top, #FF8000 0%,#FE9A2E 100%);
    background: linear-gradient(to bottom, #FF8000 0%,#FE9A2E 100%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div.timeline_3_orange {
    height: 200px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: top;
    padding-top: 10px;
    border-left: 1px solid #8A4B08;
    background: #FF8000;
    background: -moz-linear-gradient(top, #FF8000 0%, #FE9A2E 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF8000), color-stop(100%,#FE9A2E));
    background: -webkit-linear-gradient(top, #FF8000 0%,#FE9A2E 100%);
    background: -o-linear-gradient(top, #FF8000 0%,#FE9A2E 100%);
    background: -ms-linear-gradient(top, #FF8000 0%,#FE9A2E 100%);
    background: linear-gradient(to bottom, #FF8000 0%,#FE9A2E 100%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/********************** Red */
div.timeline_0_red {
    height: 30px;
    font-size: 11px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: top;
    padding-top: 10px;
    border-left: 1px solid #ef5350;
    border-radius: 5px !important;
    background: #ef5350;
    background: -moz-linear-gradient(top, #ef5350 100%, #FF3535 0%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,#ef5350), color-stop(0%,#FF3535));
    background: -webkit-linear-gradient(top, #ef5350 100%,#FF3535 0%);
    background: -o-linear-gradient(top, #ef5350 100%,#FF3535 0%);
    background: -ms-linear-gradient(top, #ef5350 100%,#FF3535 0%);
    background: linear-gradient(to bottom, #ef5350 100%,#FF3535 0%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px!important;
}
div.timeline_1_red {
    height: 100px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: top;
    padding-top: 10px;
    border-left: 1px solid #6A0000;
    background: #FF6B6B;
    background: -moz-linear-gradient(top, #FF6B6B 0%, #FF3535 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF6B6B), color-stop(100%,#FF3535));
    background: -webkit-linear-gradient(top, #FF6B6B 0%,#FF3535 100%);
    background: -o-linear-gradient(top, #FF6B6B 0%,#FF3535 100%);
    background: -ms-linear-gradient(top, #FF6B6B 0%,#FF3535 100%);
    background: linear-gradient(to bottom, #FF6B6B 0%,#FF3535 100%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div.timeline_2_red {
    height: 150px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: top;
    padding-top: 10px;
    border-left: 1px solid #6A0000;
    background: #FF6B6B;
    background: -moz-linear-gradient(top, #FF6B6B 0%, #FF3535 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF6B6B), color-stop(100%,#FF3535));
    background: -webkit-linear-gradient(top, #FF6B6B 0%,#FF3535 100%);
    background: -o-linear-gradient(top, #FF6B6B 0%,#FF3535 100%);
    background: -ms-linear-gradient(top, #FF6B6B 0%,#FF3535 100%);
    background: linear-gradient(to bottom, #FF6B6B 0%,#FF3535 100%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div.timeline_3_red {
    height: 200px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: top;
    padding-top: 10px;
    border-left: 1px solid #6A0000;
    background: #FF6B6B;
    background: -moz-linear-gradient(top, #FF6B6B 0%, #FF3535 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF6B6B), color-stop(100%,#FF3535));
    background: -webkit-linear-gradient(top, #FF6B6B 0%,#FF3535 100%);
    background: -o-linear-gradient(top, #FF6B6B 0%,#FF3535 100%);
    background: -ms-linear-gradient(top, #FF6B6B 0%,#FF3535 100%);
    background: linear-gradient(to bottom, #FF6B6B 0%,#FF3535 100%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/********************** Default */
div.timeline-event { height:50px; font-size:18px; color: #888888; text-align:center; vertical-align:top; padding-top:10px; 
    border: 1px solid #00306F; background: #A8CEFF; background: -moz-linear-gradient(top, #A8CEFF 0%, #4E9BFF 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A8CEFF), color-stop(100%,#4E9BFF)); background: -webkit-linear-gradient(top, #A8CEFF 0%,#4E9BFF 100%); background: -o-linear-gradient(top, #A8CEFF 0%,#4E9BFF 100%); background: -ms-linear-gradient(top, #A8CEFF 0%,#4E9BFF 100%); background: linear-gradient(to bottom, #A8CEFF 0%,#4E9BFF 100%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    /* display: inline-block; */
}

/********************** Other Styles */
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;
    border-color: #bebebe;
    border-top-style: solid;
    border-width: 1px;
    box-sizing: border-box;
}

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: #4d4d4d;
    padding: 3px;
    white-space: nowrap;
    font-size: 12px;
}

div.timeline-event-selected {
    opacity: 0.7;    
    z-index: 999;
}

/* TODO: use another color or pattern? */
div.timeline-event-cluster {
    background: url('img/cluster_bg.png') #97b0f8;
    color: #ffffff;
}

div.timeline-event-cluster div.timeline-event-dot {
    border-color: #d5ddf6;
}

div.timeline-event-box {
    -moz-border-radius: 5px; /* For Firefox 3.6 and older */
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    text-align: center;
}

div.timeline-event-dot {
    -moz-border-radius: 5px; /* For Firefox 3.6 and older */
    border-radius: 5px;
    border-style: solid;
    border-width: 5px;
}

div.timeline-event-range {
    -moz-border-radius: 2px; /* For Firefox 3.6 and older */
    border-radius: 2px;
    /* border-style: solid;
    border-width: 1px; */
}

div.timeline-event-range .timeline-event-content {
    position: fixed;
    color: #333;
    background: #ddd;
    padding: 0.5rem;
    box-shadow: 1px 1px 4px 1px #333;
    visibility: hidden;
    font-weight: bold;
    z-index: 100000;
}


div.timeline-event-range:hover .timeline-event-content {
    visibility: visible;
}


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-event-line {
    -moz-box-sizing: border-box;
    border-left-style: solid;
    border-left-width: 1px;
    box-sizing: border-box;
}

div.timeline-event-content {

    overflow: hidden;
    white-space: nowrap;
}

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-color: #ff7f6e;
    box-sizing: border-box;
    width: 2px;
}

div.timeline-customtime {
    -moz-box-sizing: border-box;
    background-color: #6e94ff;
    box-sizing: border-box;
    cursor: move;
    width: 2px;
}

div.timeline-navigation {
    -moz-border-radius: 2px; /* For Firefox 3.6 and older */
    -moz-box-sizing: border-box;
    background-color: #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('img/16/new.png') no-repeat center;
}

/* separator between new and navigation buttons */
div.timeline-navigation-new-line {
    border-right: 1px solid #bebebe;
}

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

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