/* none js version */


.timeline li {
  background-color: #333333;
  display: inline-block;
  margin-bottom: 12px;
  margin-right: 12px;
  margin-top: 0;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0;
  top: 0;
  vertical-align: top;
  width: 288px;
}
.timeline li h2 {
  color: #1788DC;
  margin-bottom: 0;
}
.timeline li h3 {
  color: #EDEDED;
  margin-bottom: 10px;
}

.key-item,
.key-caption,
.timeline .year-1904,
.timeline .year-1908,
.timeline .year-1916,
.timeline .year-1920,
.timeline .year-1928,
.timeline .year-1932,
.timeline .year-1940,
.timeline .year-1944,
.timeline .year-1956,
.timeline .year-1964,
.timeline .year-1960,
.timeline .year-1968,
.timeline .year-1976,
.timeline .year-1980,
.timeline .corner,
.timeline .timeline-end,
.timeline .info-panel .heading
{display:none;}

.timeline .info-panel p{color: #EDEDED;}

.timeline .year-1896,
.timeline .year-1924,
.timeline .year-1952,
.timeline .year-1988,
.timeline .year-2000,
.timeline .year-2012 {
  margin-left: 0;
}



/* end non js version */

.blq-js .timeline {
	position:relative;
}

.bodytext ol li {
  margin-left: 0;
padding-left:5px;
}

.blq-js .bodytext ul li,
.blq-js .bx-info .body ul li{background:none;}

.blq-js .hit-area{
display:block;
height:97px;
width:97px;

position:absolute;
top:0;

}

/* timeline key */

.blq-js .key-caption,
.blq-js .key-item {
  float: left;
  margin-right: 2em;
  margin-top: 16px;
  display:block;
}

.blq-js .key-item {
	padding-left: 18px;
	background-image: url(/staticarchive/630dc0bdbee646ccdcb56469874dabc51494b646.png)!important;
	background-repeat:	no-repeat !important;
}

.blq-js .key-item + .key-item {
  background-position: 0 -421px;
}
.blq-js .key-item1 {
  background-position: 0 1px;
}

.blq-js .key-item2{}

/* timeline */

.blq-js .timeline {
	width: 946px;	/* for IE */
	float: left;
	margin: 2em 0;
}

.blq-js .timeline h2,
.blq-js .timeline h3 {
	position: static;
	/*font-size: 1em;*/
	font-weight: bold;
	/*line-height: 1.2;*/
	margin: 0;
	padding-right: 20%;
}

.blq-js .timeline h2 {
	/*font-size: 0.9231em;*/
	color: #1788dc;
	margin-top: 0.5em;
}

.blq-js .timeline h3 {
	/*font-size: 1.2307em;*/
	color:#505050;
}

.blq-js .timeline li {
	float: left;
	display: block;
	position: relative;
	width: 55px;
	padding-top: 62px;
	background: url(/staticarchive/81a337dad7688ef7bc242c154c7054ca6b893665.png) no-repeat -64px 0;
	/*z-index:1;*/
	margin-right:0;
	margin-bottom:0;
	padding-left:0;
	padding-right:0;
}

.blq-js .timeline .even-row {
	float: right;
}

.blq-js .timeline .has-photo{
	width: 142px;
	padding-top: 96px;
	background: url(/staticarchive/7982deb6db76bdbf0ba425e56b3fb86cc824c522.jpg) no-repeat -64px 0;	
}
.blq-js .timeline .has-photo .hit-area {
	background: url(/staticarchive/7982deb6db76bdbf0ba425e56b3fb86cc824c522.jpg) no-repeat -64px 0;	
}
.blq-js .timeline .corner {
	width: 32px;
	height: 9em;
}

.blq-js .timeline .timeline-end {
  background: url("/staticarchive/94de903f2c6732ec3924dfac788a6000e3443ebd.png") no-repeat scroll 142px 47px transparent;
  border-bottom: 0 none;
  padding-top: 56px;
  width: 250px;
}

/* coordinates for timeline photo sprite */

.blq-js .timeline .year-1896	 .hit-area	{ background-position: -64px 0; }
.blq-js .timeline .year-1900	 .hit-area	{ background-position: -224px 0; }
.blq-js .timeline .year-1912	 .hit-area	{ background-position: -384px 0; }
.blq-js .timeline .year-1924	 .hit-area	{ background-position: -544px 0; }
.blq-js .timeline .year-1936	 .hit-area	{ background-position: -704px 0; }
.blq-js .timeline .year-1948	 .hit-area	{ background-position: -864px 0; }
.blq-js .timeline .year-1952	 .hit-area	{ background-position: -1024px 0; }
.blq-js .timeline .year-1972	 .hit-area	{ background-position: -1184px 0; }
.blq-js .timeline .year-1984	 .hit-area	{ background-position: -1344px 0; }
.blq-js .timeline .year-1988	 .hit-area	{ background-position: -1504px 0; }
.blq-js .timeline .year-1992	 .hit-area	{ background-position: -1664px 0; }
.blq-js .timeline .year-1996	 .hit-area	{ background-position: -1824px 0; }
.blq-js .timeline .year-2000	 .hit-area	{ background-position: -1984px 0; }
.blq-js .timeline .year-2004	 .hit-area	{ background-position: -2144px 0; }
.blq-js .timeline .year-2008	 .hit-area	{ background-position: -2304px 0; }
.blq-js .timeline .year-2012	 .hit-area	{ background-position: -2464px 0; }

.blq-js .timeline .year-1896 .hit-area:hover	{ background-position: -64px -300px; }
.blq-js .timeline .year-1900 .hit-area:hover	{ background-position: -224px -300px; }
.blq-js .timeline .year-1912 .hit-area:hover	{ background-position: -384px -300px; }
.blq-js .timeline .year-1924 .hit-area:hover	{ background-position: -544px -300px; }
.blq-js .timeline .year-1936 .hit-area:hover	{ background-position: -704px -300px; }
.blq-js .timeline .year-1948 .hit-area:hover	{ background-position: -864px -300px; }
.blq-js .timeline .year-1952 .hit-area:hover	{ background-position: -1024px -300px; }
.blq-js .timeline .year-1972 .hit-area:hover	{ background-position: -1184px -300px; }
.blq-js .timeline .year-1984 .hit-area:hover	{ background-position: -1344px -300px; }
.blq-js .timeline .year-1988 .hit-area:hover	{ background-position: -1504px -300px; }
.blq-js .timeline .year-1992 .hit-area:hover	{ background-position: -1664px -300px; }
.blq-js .timeline .year-1996 .hit-area:hover	{ background-position: -1824px -300px; }
.blq-js .timeline .year-2000 .hit-area:hover	{ background-position: -1984px -300px; }
.blq-js .timeline .year-2004 .hit-area:hover	{ background-position: -2144px -300px; }
.blq-js .timeline .year-2008 .hit-area:hover	{ background-position: -2304px -300px; }
.blq-js .timeline .year-2012 .hit-area:hover	{ background-position: -2464px -300px; }

/* coordinates for timeline asset sprite */

.blq-js .timeline .no-games 	{ background-position: -156px 0; }
.blq-js .timeline .upper-right 	{ background-position: -248px 0; }
.blq-js .timeline .lower-right 	{ background-position: -280px 0; }
.blq-js .timeline .upper-left 	{ background-position: -312px 0; }
.blq-js .timeline .lower-left 	{ background-position: -344px 0; }

/* overrides for positioning of specific timeline item */

.blq-js .timeline .year-1932 {
	width: 71px;
}

.blq-js .timeline .year-1936 {
	width: 126px;
}

.blq-js .timeline .year-1976,
.blq-js .timeline .year-1980 {
	width: 50px;
}

.blq-js .timeline .year-1984,
.blq-js .timeline .year-1988,
.blq-js .timeline .year-1992,
.blq-js .timeline .year-1996 {
	width: 156px;
}
.blq-js .timeline .year-2000 {
	width: 158px;
}
/* popup info boxes */
.blq-js .year {
	position:relative;
}
.blq-js .info-panel {
	display: none;
	position: absolute;
	width: 288px;
	top: 0;
	left: 112px;
	padding: 8px 8px 0;
	background-color: #333333;
	/*box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.6);*/
}

.blq-js .year-1984 .info-panel{bottom:-60px;}
.blq-js .year-1948 .info-panel{top:-142px;}

.blq-js .panel-left {
	left: -320px;
}

.blq-js .panel-up {
	top: auto;
	bottom: 0;
}
.blq-js .panel-level {
	top: auto;
	bottom: 0;
}

/*
li .hit-area:hover .info-panel {
	display: block;
	
}
*/
.blq-js .info-panel img {
	margin-bottom: 0.5em;
}

.blq-js .info-panel .heading {
	/*font-size: 0.9231em;*/
	color: #1788dc;
}

.blq-js .info-panel .heading span {
	/*font-size: 1.3333em;*/
	color: #ededed;
}

.blq-js .info-panel p {
	/*font-size: 0.9231em;*/
	color: #ededed;
	margin-bottom: 0.5em;
}

/* font sizes */

.blq-js .timeline li h2 {
  font-size: 13px;
  font-weight: bold;
  line-height: 16px;
  margin-top:0;
  padding-top:4px;
}

.blq-js .timeline li h3 {
  font-size: 13px;
  line-height: 16px;
}

.blq-js .timeline li .info-panel .heading {
  font-weight: bold;
}

.blq-js .timeline li .info-panel .heading span {}

.blq-js .timeline li .info-panel p {
  display: block;
}

/*interactions*/
.blq-js .timeline .year .hit-area,
.blq-js .timeline .year .info-panel {z-index:1;}
.blq-js .timeline .year {z-index:2;}
.blq-js .timeline .year:hover {z-index:10;}
.blq-js .timeline .year .hit-area:hover .info-panel {
	display: block;
	z-index: 100;
}