div#timeline
{	
	position: relative;
	width: 738px;
	height:492px;
	overflow: hidden;
	border:solid 1px #e2e2e2;
}
	div#timeline ul.dates
	{
		width: 668px;
		margin: 0;
		font-size: 1.4em;
		line-height: 1.428;
		overflow: hidden;
		float:left;
	}
	    
		div#timeline ul.dates li
		{
			float: left;
			padding: 17px 7px 0 7px;
		}
			div#timeline ul.dates li.first
			{
				padding-left: 15px;
			}

		    div#timeline ul.dates li.selected
		    {
		    	background: transparent url(/resources/images/shared/timeline/selected-arrow-up.gif) 50% 5px no-repeat;
		    }
		    
		    div#timeline ul.dates li p
		    {
		    	font-weight:bold;
		    	text-align:center;
		    	color:#fff;
		    	margin-top:3px;
		    }
    		    div#timeline ul.dates li p a
    		    {
    		    	color:#fff !important;
    		    	text-decoration:none;
    		    }
		    
		    div#timeline ul.dates li img
		    {
		    	border:solid 1px #fff;
		    	padding: 2px;
		    }
	    
		    div#timeline ul.dates li a.selected img,
		    div#timeline ul.dates li a:hover img
		    {
		    	border:solid 3px #fff;
		    	padding: 0;
		    }
			
	div#timeline div.date
	{
	    float: left;
		width: 738px;
		padding: 2px;
		margin-bottom: 0;
		background-color: #fff;
		overflow: hidden;
	}
			
		div#timeline div.date div.dateContent
		{
	            min-height:114px;
	            height:auto !important;
	            height:114px;z-index:25;position:absolute;left:3px;top:3px; 
	            background: transparent url(/resources/images/shared/layout/all/BlackBg_Opacity80.png) repeat;
		}

			div#museum div#timeline div.date div.col.half.dateContent
			{
				min-height:57px;
	            height:auto !important;
	            height:57px;
	            width:176px;
			}
			
			div#timeline div.date div.dateContent h3
			{
		        color:White;font-size: 2em;font-weight:bold;margin-bottom:0;

			}
            div#timeline div.date div.dateContent p
            {
                color:White;
            }
            			
		div#timeline div.date div.dateImage
		{
			float:left;width:734px;height:320px;position:relative;z-index:24;
		}
		    div#timeline div.date div.dateImage img 	
		    {
		    	border: none;
    	        display: block;width:734px;height:320px;
            }
    
        div#timeline .video-ctr
        {
            background-color: #000;
            margin: 20px 0 0 110px;
        }
        
        div#timeline div.date div.wide
        {
            width: 280px !important;
        }
        
            div#timeline div.date div.wide div.inner h3,
            div#timeline div.date div.wide div.inner p
            {
                width: 176px;
            }
        
            div#timeline div.date div.wide .play-btn
            {
                width: 45px;
                height: 66px;
                position: absolute;
                left: 210px;
                top: 20px;
                text-indent: -5000px;
                background: transparent url('/resources/images/shared/layout/all/play_icon.png') no-repeat left top;
            }
        
div#timelineCounter
{
    width: 738px;
    height: 20px;
    font-size: 1.2em;
    font-weight: bold;
    color: #5F7799;
    text-align: center;
    float: left;
    margin: 5px 0 0 0;
    background: url('/resources/images/shared/timeline/counterbg.gif') no-repeat center left;
}
            
div.oTimeline div.panelViewPort
{
	position: relative;
	width: 734px;
	margin: 0;
	overflow: hidden;
}
		
	div.oTimeline div.panelViewPort div.panelsContainer
	{ position: absolute; }
		
		div.oTimeline div.panelViewPort div.panelsContainer div.date
		{
			float: left;
			margin-bottom: 0;
		}
    
div.oTimeline div.controlsViewPort
{
	position: relative;
	width: 668px;
	margin: 0;
	overflow: hidden;
	float:left;
	border-right:solid 1px #90a1bb;
	border-left:solid 1px #90a1bb;
	
}
		
	div#timeline div.controlsViewPort ul.dates
	{
        width: 668px;
		position: absolute;
		margin: 0;
	
	}
	
div.oTimeline div.timelinePrev
{
	position: relative;
	width: 31px;
	margin-left:1px;
	float:left;
}

div.oTimeline div.timelineNext
{
	position: relative;
	width: 31px;
	margin-right:1px;
	float:left;
}
    div.oTimeline div.timelineNext img,
    div.oTimeline div.timelinePrev img
    {
    	padding-top:72px;
    	padding-left:8px;
    }

div.controlsContainer
{
	width:734px;
	margin:0 2px 2px 2px;
	background:#4d617a url(/resources/images/shared/timeline/thumbnailbg.gif) left top repeat-x;    	
	overflow:hidden;
}