div.scrollable {
	overflow:auto;
	background:#FFF;
	padding:10px;
	border-radius:6px;
	position:relative;
}

table.timeline {
	padding:0;
	margin:0;
	border:none;
	white-space:nowrap;
	position:relative;
	z-index:10;
	color:#333;
}

table.timeline td {
	padding:2px 10px;
	
	position:relative;
	left:25px;
	width:60px;
	font-size:11px;
	text-align:right;
}

table.timeline strong {
	font-size:16px;
	display:block;
	margin-top:5px;
}

table.timeline tr+tr {
	height:5px;
}

table.timeline tr+tr td {
	left:0px;
	font-size:3px;
	border-right:#666 1px solid;
}

table.timeline tr+tr+tr {
	height:auto;
	border:#666 1px solid;
}

table.timeline tr+tr+tr td {
	text-align:left;
	font-size:11px;
	border:1px #666 solid;
}

@media (min-width: 768px) {
	
	table.timeline td {
		left:30px;
		font-size:14px;
	}

	table.timeline strong {
		font-size:20px;
	}
	
	table.timeline tr+tr+tr td {
		font-size:16px;
	}
}

table.timeline tr+tr+tr td+td {
	/*border-left:#9F9F9F 1px dashed;
	border-right:#9F9F9F 1px dashed;*/
	border-left: 1px dashed rgb(159, 159, 159);
	border-right: 1px dashed rgb(159, 159, 159);
    border-left: 1px dashed rgba(0, 0, 0, .25);
    border-right: 1px dashed rgba(0, 0, 0, .25);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	font-size:1px;
}

table.timeline td.filled {
	background:#0057C1;
	border:none;
}


.float-right {
	display:none;
}
.float-left {
	display:none;
}
.mobile-only {
}
@media (min-width: 768px) {
	.float-right {
		display:block;
		float:right;
	}
	.float-left {
		display:block;
		float:left;
	}
	.mobile-only {
		display:none;
	}
}