@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
#milestone-main {
	width: auto;
	width: 980px;
	margin: 0 auto;
}
#nv_milestone {
	background-color: #d3d3d3;
}
#milestone-container {
	margin: 15px 0;
	background-color: #efefef;
	padding: 5px;
	border: thin solid #fff;
	border-radius: 8px;
	-webkit-box-shadow: 5px 5px 8px 5px rgba(176,176,176,0.75);
	-moz-box-shadow: 5px 5px 8px 5px rgba(176,176,176,0.75);
	box-shadow: 5px 5px 8px 5px rgba(176,176,176,0.75);
	display: table;
}
#milestone-header {
	text-align: center;
	margin: 0 auto;
}
#milestone-body {
	width: 100%;
	margin-bottom: 20px;
	display: table;
}
#milestone-body > .milestone-left {
	float: left;
	width: 250px;
}
#milestone-body > .milestone-right {
	float: left;
	width: 680px;
	border-width: 3px 0 3px 3px;
    border-style: solid;
    -webkit-border-image: 
      -webkit-gradient(linear, 100% 0, 0 0, from(#818181), to(rgba(203, 204, 204, 1))) 1 100%;
    -webkit-border-image: 
      -webkit-linear-gradient(right, #818181, rgba(203, 204, 204, 1)) 1 100%;
    -moz-border-image:
      -moz-linear-gradient(right, #818181, rgba(203, 204, 204, 1)) 1 100%;  
    -o-border-image:
      -o-linear-gradient(right, #818181, rgba(203, 204, 204, 1)) 1 100%;
    border-image:
      linear-gradient(to right, #818181, rgba(203, 204, 204, 1)) 1 100%; 
	padding-left: 20px;
	border-top: none;
	border-bottom: none;
	border-right: none;
	border-width: 0 0 0 3px;
}
#milestone-timeline {
	margin-bottom: 20px;
	margin-right: 20px;
}
#milestone-timeline > li {
	background: url('./img/lgicon.png') 0 5px no-repeat;
	margin-left: -35px;
	margin-bottom: 20px;
	display: none;
}
#milestone-timeline > li > div.timeline-header {
	margin-left: 40px;
	font-size: 25px;
}
#milestone-timeline > li > div.timeline-body {
	margin-left: 40px;
	color: #717171;
	font-size: 15px;
}
#milestone-shadow {
	background: url('./img/shawsdow.jpg') center no-repeat;
	height: 66px;
}
#milestone-datepicker {
	text-align: center;
}
#milestone-datepicker > li {
	margin: 10px 10px;
	height: 40px;
	font-size: 20px;
	cursor: pointer;
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s;
}
#milestone-datepicker > li.active {
	font-size: 30px;
}
#milestone-datepicker > li > .arrow {
	background: url('./img/arrow.png') 0px -26px no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
}
#milestone-datepicker > li.active > .arrow {
	background: url('./img/arrow.png') 0px -2px no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
}