@charset "utf-8";

#timeline {
overflow: hidden;
position: relative;
border-bottom: 1px solid #EEE;
position: relative;
}
#timeline:after{
content: " ";
border-bottom: 1px dotted #E2E6E8;
position: absolute;
left: 0;
right: 0;
top: 46px;
z-index: 1;

}
#dates {
height: 60px;
overflow: hidden;
position: relative;
z-index: 10;
margin:0;

}

#dates li {
	list-style: none;
	float: left;

	height: 50px;
	font-size: 18px;
	text-align: center;
	background: url('biggerdot.png') center bottom no-repeat;
}

#dates a {
line-height: 38px;
padding-bottom: 10px;
position:relative;
font-family: 'Roboto',Tahoma,Verdana,Segoe,sans-serif;
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

#dates a.selected:after{
content:" ";
display:block;
margin:0 auto;
width: 16px;
height: 16px;
border-radius: 8px;
border-style: solid;
border-width: 0 1px 0 1px;
-webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

#dates .selected {
font-size: 24px;
color:#F55;
}

#issues {
width: 800px;
padding-left:0;
overflow: hidden;
}	
#issues li {
width: 900px;
list-style: none;
float: left;
}

#issues li img {float: left;margin: 10px;}
#issues li h4 {
	color: #333;
	font-size: 24px;
	font-weight:bold;
	margin: 0;
	padding-left: 500px;
	line-height:1.5em;
}
#issues li p {
font-size: 14px;
font-weight: normal;
line-height: 1.5em;
padding-left: 500px;
}
		
#grad_left,
#grad_right {
	width: 100px;
	height: 350px;
	position: absolute;
	top: 0;
}
#grad_left {
	left: 0;
	background: url('../images/grad_left.png') repeat-y;
}
#grad_right {
	right: 0;
	background: url('../images/grad_right.png') repeat-y;
}
.title-full a{padding-bottom: 4px;display: block; margin: 0 auto; width: 12em;}



#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('next.png');
}
#prev {
	left: 0;
	background-image: url('prev.png');
}
#next.disabled,#prev.disabled {opacity: 0.2;}
.issues{
	    overflow: hidden;
   width:900px;
    margin: 0 auto;
}
#issues li:after{content:'';display:table;clear:both}
#issues li div{ display:none;}
@media(min-width:1023px){
	#dates li a{padding:0 7px;}
}
@media(max-width:960px){
	#timeline{border-bottom:1px solid #fff;    height:auto !important;overflow: hidden;}
	
	#dates{padding-left:0;position:static; float:left; width:120px; display:none;}
	#issues{height:auto !important; width:auto;}
	#issues li{ height:auto !important; overflow:hidden; width:auto; margin:15px 0;width:50%; float:left; box-sizing: border-box; padding-right:15px;}
	#issues li img{ height:60px; position:relative;  margin:0 15px 0 0;}
	#issues li p{display:none;}
	#issues li h4{padding-left:100px; font-size: 14px; display:block;}

	#dates li{background:none; float:none; height:auto; text-align:left;}
	#dates .selected{font-size:14px;}
	#dates a{font-size:14px;padding:0 5px}
	.issues{height:auto !important; width:auto;}
	#dates a.selected:after,#next,#prev{ display:none !important;}
	

	#timeline:after {
		display:none;
	}
	
	.yxlh_xs{    box-shadow: none;}
	.record .record-list ul{padding:0;}
	#issues li div{ font-size:12px; color:#f55;line-height: 1.2em; display:block;}
}
@media(max-width:767px){
	#issues li{ height:auto !important; overflow:hidden; width:auto; float:none; margin:15px 0; padding-right:0;}
}

.rddb .pic a{display:block;padding:9px;}
.rddb{margin-top:15px;}
/*#issues img{display:block;float:none;}
#issues li p{margin-right:0;    padding-left: 0;}
#issues li h4{padding-left:0;}
.issues {width:auto;}
#dates{height:auto;position:static;margin-left:0!important}
#dates li{float:none;font-size:18px;}
#dates a{padding-bottom:0;}
}*/