/* Timeline Widget */

@charset "UTF-8";

@font-face {
    font-family: "DINMedium";
    src: url("../../fonts/DINMedium.ttf") format("truetype");
    font-weight:10;
}

.Ldt-Timeline {
	border: none;
	border-radius: 0;
	padding: 0;
	margin-top: 0;
	background: transparent;
	background-image: url("../../img/timeline.png");
	background-position: 0px 0px;
	background-repeat: repeat;
}

.Ldt-TimelineMiddle {
	border: none;
	border-radius: 0;
	padding: 0;
	margin-top: 0;
	background: transparent;
	background-image: url("../../img/middle_timeline.png");
	background-position: 0px 0px;
	background-repeat: repeat;
	z-index:100;
}

.Ldt-Timeline .ui-slider-handle {
	display: none;
}

.Ldt-Timeline .ui-slider-range {
	border: none;
	border-radius: 0;
	padding: 0;
	margin-top: 0;
	background: transparent;
    background-image: url("../../img/selected_timeline.png");
	background-position: 0px 0px;
	background-repeat: repeat;
	z-index: 50;
}

.Ldt-Marker, .search_Marker {
	position: absolute;
	width: 10px;
	height: 10px;
	background: transparent;
	background-image: url("../../img/marker.png");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	z-index: 200;
}

.TL_Borders {
	position: absolute;
	background-image: url("../../img/selected_timeline.png");
	background-position: 0px 0px;
	background-repeat: repeat;
	z-index: 150;
}

.TL_Arrows {
	position: absolute;
	display: none;
	width: 24px;
	height: 20px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	z-index: 150;
}

.TL_MarkersBig {
	position: absolute;
	display: none;
	z-index: 200;
}

#MB_Text {
	background-color: rgba(34, 34, 34, 1);
	padding: 8px 18px 8px 18px;
	color: #FFFFFF;
	//font-family: DIN-Medium, Fallback, sans-serif;
	font-size: 22px;
}

#MB_Spike {
	width: 10px;
	height: 5px;
	background-image: url("../../img/spike.png");
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#MB_Pic, .search_MBPic {
	width: 38px;
	height: 45px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}