#timeline, #timeline div, #timeline span, #timeline ul {direction:ltr;}

.timeimgplace {max-width:530px;max-height:350px;float:left;    margin-right: 30px;}
.timeimgplace img {}

#timeline .whiteline {width:200px;margin:10px 0;height:6px;}

	#timeline {
		width: 100%;
		height: 450px;
		overflow: hidden;
		margin: 30px auto;
		position: relative;
        background: url('../../images/bline.jpg') center 5px no-repeat;
	}
		#dates {
			width: 100%;
			height: 50px;
            
		}
			#dates li {
				list-style: none;
				float: left;
				width: 70px;
				
				height: 30px;
				font-size: 22px;
				text-align: center;
				
				
			}
				#dates a {
					display:block;
					height: 30px;
					text-align:center;
					color:#999;
					
					margin:0px 4px;
					position:relative; 
					bottom:-30px;
				}
				
				#dates a:hover, #dates .selected {
			       color:#000;
				}
				
#dates a:hover span, #dates .selected span {
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background:#fff;display:block;width:15px;height:16px;margin: auto;top: -52px;position: relative;
}


		
		#issues {
			width: 930px;
			margin:40px 0px 0px 0px;
			height: 350px;
			overflow: hidden;
            background:#00a1e5;
		}	
			#issues li {
				width: 930px;
				height: 350px;
				list-style: none;
				float: left;
			}
			/*
			#issues li.selected img {
					-webkit-transform: scale(1.1,1.1);
					-moz-transform: scale(1.1,1.1);
				    -o-transform: scale(1.1,1.1);
				    -ms-transform: scale(1.1,1.1);
				    transform: scale(1.1,1.1);
				}
				#issues li img {
					float: left;
					margin: 10px 30px 10px 50px;
					background: transparent;
					-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";   
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);     
					zoom: 1;
					-webkit-transition: all 2s ease-in-out;
					-moz-transition: all 2s ease-in-out;
					-o-transition: all 2s ease-in-out;
					-ms-transition: all 2s ease-in-out; 
					transition: all 2s ease-in-out;
					-webkit-transform: scale(0.7,0.7);
					-moz-transform: scale(0.7,0.7);
				    -o-transform: scale(0.7,0.7);
				    -ms-transform: scale(0.7,0.7);
				    transform: scale(0.7,0.7);
			}
			*/
				#issues li h2 {
					color: #fff;
					
					margin:30px 0  0 0;
					
				}
				#issues li p {
					
					color: #fff;
				}
		
		#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;
			}
		
#next, #prev {position: absolute;margin: 0px;width:52px;height:52px;top:0;text-indent: -9999px;overflow: hidden;display:none}
#next {background:url(../../../images/mediumarrows.png) -58px -55px no-repeat;right:0;}
#next:hover {background:url(../../../images/mediumarrows.png) -58px -1px no-repeat;}
#prev {background:url(../../../images/mediumarrows.png) 0px -55px no-repeat;left:0;}
#prev:hover {background:url(../../../images/mediumarrows.png) 0px -1px no-repeat;}


				#next.disabled,
				#prev.disabled {
					opacity: 0.2;
				}