.milestone-pic-wrapper {width:80%;
margin:10px auto;}
.milestone-pic-wrapper .nav-pills{ width:100%; padding:0px; margin:0px;text-align:center;}

.milestone-pic-wrapper .nav-pills li { display:inline-block; float:inherit !important;color: #fff;
    background-color:transparent !important;border-radius: 0px;}
.milestone-pic-wrapper .nav-pills li.active{ }
.milestone-pic-wrapper .nav-pills li.active::after {
    content: "▲";
	color:red;
    width:10px;
	height:9px;    position: absolute;
    left: 50%;
    margin-left: -8px;
    bottom: 0px;}
.milestone-pic-wrapper .nav-pills li a{/*border-radius: 55px;*/ width:150px; height:105px; border:solid 1px #F00; display:block;
	background-size: cover !important;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0 5px;
	}
	
.milestone-pic-wrapper .tab-content{ float:left; margin-bottom:20px;width:100%;}
.milestone-pic-wrapper .tab-pane { text-align:center;width:100%; border:solid 1px #F00; float:left;padding:2px;border-radius: 5px;}
.milebox{ display:none; width:100%;float:left;margin:50px 0px 20px 0px;}

.milestonelist { display:block;width:80%;margin:0px auto;padding:0px;}
.milestonelist li { list-style:none;padding:5px 0px; border-bottom:solid 1px #8c8c8c; color:#8c8c8c;}
.track .yeartool, .track .point{ display:none;}
.yeartool{ top:115%;padding:2px 10px; background:#f70118;left:-15px;color:#000;-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color:#fff;}
 .point {width:100%; top:100%;background:url(../../images/milarrow.png) no-repeat top center; height:7px;}
.slider {
  width: 100%;
  min-height:20px !important;
}
.slider > .dragger {
  background: #f70118;
  /*background: -webkit-linear-gradient(top, #8DCA09, #72A307);
  background: -moz-linear-gradient(top, #8DCA09, #72A307);
  background: linear-gradient(top, #8DCA09, #72A307);*/

  -webkit-box-shadow: inset 0 2px 2px rgba(255,255,255,0.5), 0 2px 8px rgba(0,0,0,0.2);
  -moz-box-shadow: inset 0 2px 2px rgba(255,255,255,0.5), 0 2px 8px rgba(0,0,0,0.2);
  box-shadow: inset 0 2px 2px rgba(255,255,255,0.5), 0 2px 8px rgba(0,0,0,0.2);

  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;

  
  width: 20px;
  height: 40px;
}

.slider > .dragger:hover {
  /*background: -webkit-linear-gradient(top, #8DCA09, #8DCA09);*/
}


.slider > .track, .slider > .highlight-track {
  background: #8d8c8c;
 /* background: -webkit-linear-gradient(top, #bbb, #ddd);
  background: -moz-linear-gradient(top, #bbb, #ddd);
  background: linear-gradient(top, #bbb, #ddd);

  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);*/

  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;

  border: 1px solid #aaa;
  height: 20px;
}

.slider > .highlight-track {
	background-color: #8DCA09;
	background: -webkit-linear-gradient(top, #8DCA09, #72A307);
	background: -moz-linear-gradient(top, #8DCA09, #72A307);
	background: linear-gradient(top, #8DCA09, #72A307);
	
	border-color: #496805;
}

.mrker{ display:block; float:left; padding:5px 20px; color:#f70118; border:solid 1px #f70118; 
	-webkit-box-shadow: 5px 5px 2px 4px rgba(0,0,0,0.1);
  -moz-box-shadow: 5px 5px 2px 4px rgba(0,0,0,0.1);
  box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.1);margin-right:25px;}
  .lastmrker{ margin-right:0px;}