#orbit .viewport {
	background: -1px 4px url(<%= asset_path "timeline/ruler.png" %>) repeat-x;
}
.time_nav a, .time_nav_c a {
	display: block;
}
.time_nav {
	position: absolute;
	left: -60px;
	top: 0;
}
.time_nav a {
	line-height: 60px;
	text-align: center;
	font-size: 18px;
}
.time_nav .active {
	background-color: #333;
	color: #fff;
}
.time_nav_c {
	position: absolute;
	left: -60px;
	bottom: 0;
	background-color: #efefef;
}
.time_nav_c a {
	width: 30px;
	height: 36px;
	float: left;
	line-height: 36px;
	text-align: center;
}
.t_scale {
	height: 516px;
}
#scale_wrapper {
	overflow: hidden;
	padding: 24px 0 0 12px;
	background: 0 48px url(<%= asset_path "timeline/date_connector.png" %>) repeat-x;
}
#timline_marker {
	width:100px;
	height:140px;
	opacity:0.4;
	cursor: move;
	border-style:solid;
	border-width:5px;
	border-radius:5px;
}
#t_container {
	height:366px;
}
.scale_region {
}
.group {
	margin-right: 48px;
}
.month {

}
.year {
	font-size: 30px;
	margin-right: 24px;
	border-right: solid 12px #efefef;
	border-left: solid 12px #efefef;
}
.region_year {
	position: relative;
}
.month_heading {
	color: #333;
	font-family: 'Open sans', sans-serif;
	font-size: 21px;
	display: inline-block;
	margin-top: -10px;
	padding-top: 22px;
	background: #efefef 9px 0 url(<%= asset_path "timeline/pp.png" %>) no-repeat;
}

.bubble_list ul {
	float:left;
	width: 324px;
	height: 440px;
	margin-right: 12px;
}
.bubble {
	cursor: pointer;
	width: 300px;
	height: 50px;
	float: left;
	font-size: 12px;
	font-family: Arial, sans-serif;
	margin-bottom: 12px;
	position: relative;
}
.date {
	display: block;
	padding: 8px 0 0 0;
	color: #999;
}
.bubble_arrow {
	width: 0; 
	height: 0; 
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent; 
	border-right: 14px solid #fff;
	position: absolute;
	right: -1px;
	top: 50%;
	margin-top: -14px;
	z-index: 99;
}
.bubble .icon-chevron-right {
	position: absolute;
	top: 0;
	right: 0;
	width: 15px;
	height: 74px;
	line-height: 74px;
	font-size: 15px;
}
.desktop_toolpopup {
	z-index: 9;
	border: solid 1px #ccc;
	font-family: Arial, sans-serif;
	color: #666;
	font-size: 12px;
}
.desktop_toolpopup h2 {
	font-size: 18px;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	border-bottom: solid 1px #d7d7d7;
	color: #333;
}
.desktop_toolpopup h3 {
	font-size: 15px;
	padding: 0 0 20px 0;
	margin: 20px 0 0 0;
	color: #333;
}
.desktop_toolpopup .bubble_content {
	overflow: hidden;
	height: 368px;
}
.desktop_toolpopup .context {
	line-height: 1.5em;
}
.thmc1.hover .icon-chevron-right {
	display: none;
}