#timeline { background:#fff;color: #fff;font-size: 14px; }
#timeline	a { color:#fff;text-decoration:none;outline:none; }
#timeline	a:hover, a.selected { color:#fb0; }
#timeline h1,#timeline h2,#timeline h4,#timeline h5,#timeline h6 { text-align: center;color:#ccc;margin-bottom:5px; }
#timeline	h1 { font-size: 18px;text-align:left; }
#timeline	h2 { font-size: 14px; }
#timeline	.sociales {	text-align: center;margin-bottom:20px; }
#timeline li a.selected{
  color:#00b1eb!important;
}






@media only screen and (max-width:650px){
   ul#issues{
     padding-left:0!important;
   }
#timeline{
  width:initial!important;
}
}

#MobileHeader{
  color:#ffffff;
}

#timeline a{
   color:#ffffff!important;
}
#pageContent ul#issues li, #pageContent ul#issues li p{
  color:#ffffff;
}

#timeline li:before{
   content:""!important;
display:none!important;
}

@media only screen and (min-width:651px){
   #timeline{height:360px;}
   #issues{width:620px;height:350px;}
}


	#wrap { background:transparent url(../imgs/r-and-d-timeline-background.jpg) 0 0 no-repeat;width:620px;padding:15px;margin:0 auto; }

	#timeline { width: 620px;overflow:hidden;position:relative;background: url(../imgs/news-4ds-timeline-dot.gif) left 45px repeat-x; }

		#dates { width:620px;height:60px;overflow:hidden; }
	#dates li { list-style:none;float:left;width:125px;height:50px;font-size:18px;text-align:center;background:url(../imgs/news-4ds-timeline-biggerdot.png) center bottom no-repeat; }
	#dates a { line-height:38px;padding-bottom:10px; }
	#dates .selected { font-size:23px; }
	#issues {overflow:hidden; }
	#issues li { width:620px;height:350px;list-style:none;float:left; }
	#issues li img { float:left;margin:10px 0 10px 30px;background: transparent;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
	zoom: 1;
	}
	#issues li h1 {
	font-weight:normal;
	color: #fff;
	font-size: 35px;
	margin:15px 0 5px 0;
	}
	#pageContent #issues li p {
	font-size: 12.5px;
	margin:0 60px 5px 0;
	font-weight: normal;
	line-height: 16px;
	color: #fff;
	}

	#next,
	#prev {
	position: absolute;
	top: 0;
	font-size: 70px;
	top: 170px;
	width: 22px;
	height: 38px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	}
	#next:hover,
	#prev:hover {
	background-position: 0 -76px;
	}
	#next {
	right: 0;
	background-image: url(../imgs/news-4ds-timeline-next.png);
	}
	#prev {
	left: 0;
	background-image: url(../imgs/news-4ds-timeline-prev.png);
	}
	#next.disabled,
	#prev.disabled {
	opacity: 0.5;
	}
	.header { background:transparent url(../imgs/news-may16-rd-60-timeline-header.jpg) 0 0 no-repeat;width:650px;height:59px; }
	.header h1 { font-weight:normal;text-indent:-9999px; }

	#MobileHeader{
			display:none;
		}


ul#issues{
  padding-left:0;
}



@media only screen and (max-width:650px){


.article .primaryContent #timeline{
height:initial!important;
	width:100%;
}
}

@media only screen and (max-width:650px){

.article .primaryContent{
margin-left:0;
margin-right:0;
width:100%;
}



.article{
   margin-left:0!important;
}

	#wrap{
		background:none!important;
		width:100%;
padding:0!important;
	}





	    ul#dates{
			display:none;
		}


		#issues{
			height:initial!important;
			width:100%!important;
                                                margin-left:0!important;
		}


		#issues li{
display:block!important;
margin-left:0;
			float:none!important;
			background-color:#00367c;
			height:initial!important;
			width:100%!important;
			padding-bottom:15px;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"!important;

			
			filter: alpha(opacity=100)!important;

			
			-moz-opacity: 1.0!important;

			
			-khtml-opacity: 1.0!important;

			
			opacity: 1.0!important;
		}

		#issues li img{
			float:none!important;
			margin-left:15px;
			max-width:80%!important;
		}
		#issues li h1{
			margin-left:15px;
		}
		#issues li p{
			margin-left:15px;
		}

		#dates li{
			float:none!important;
		}

		.header{
			display:none!important;
		}

		a#next,a#prev{
		display:none!important;
		}

		#MobileHeader{
			display:block;
			background-color:#00367c;
			padding:15px;
			font-size:20px;
		}
	}