/* slidebar Style */
.scroll-bar-wrap { clear: left; padding: 0 4px 0 2px; margin: 0 -1px -1px -1px; }
.scroll-bar-wrap .ui-slider { background: none; border:0; height: 2em; margin: 0 auto;  }
.scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }

.scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -8px auto 0; position: relative; top: 50%; }


/* content style */
.timesliderContainer .scroll-bar-wrap{
	padding-bottom: 10px;	
}
.timesliderContainer .scroll-bar-wrap .ui-slider-handle {
	height:28px;
	top:0px;
	border:none;
	cursor: pointer;
    font-size: 18px;
    text-decoration: none;
    padding-left: 30px;
    padding-top: 3px;
}

.timesliderContainer{
	float:left;
	width:800px;
	overflow: hidden;
}

.timesliderContainer .item{
	float:left;
}


/* time line style */
.topline{
	font-size:12px;
}
.topline hr{
	margin:0px;
}

.timesliderContainer .botLine{
	height:30px;
	font-size: 18px;
}

.timesliderContainer .botLine div{
	
}	

.timesliderContainer .botLine .head{
	height:10px;
	border-color: black;
    border-style: solid;
    border-width: 0 0 1px 0;
	margin-left: 45px;
}

.timesliderContainer .botLine .mid{
	height:10px;
	border-color: black;
    border-style: solid;
    border-width: 0 0 1px 0;
}

.timesliderContainer .botLine .tail{
	height:10px;
	border-color: black;
    border-style: solid;
    border-width: 0 1px 1px 0;
}