#timeline
{
	height: 134px;
	background-color: #f2f2f2;
	margin: 20px 0;
	width: 970px;
	overflow: hidden;
}

#timeline_left
{
	z-index: 999 !important;
}

/******************************************************************************
 * Section 0.3.1: Timeline styles (with JS)
 *****************************************************************************/
.with-js #timeline
{
	position: relative;
}

.with-js #timeline .year
{
	width: 970px;
	float: left;
	height: 134px;
}

.with-js #timeline h2 
{
	position: absolute;
	display: block;
	width: 284px;
	height: 134px;
}

.with-js #timeline h2 a
{
	position: absolute;
	line-height: 0;
	display: block;
	width: 284px;
	height: 134px;
	font-size: 14px;
	left: 0;
	top: 0;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center right;
	z-index: 500;
}

#home .with-js #timeline h2 a, #home .with-js #timeline h2
{
	width: 288px;
	height: 129px;
}

.with-js #timeline #timeline-2004 h2 a
{
	background-image: url(/_assets/images/common/timeline/small/2004.gif);
}

.with-js #timeline #timeline-2005 h2 a
{
	background-image: url(/_assets/images/common/timeline/small/2005.gif);
}

.with-js #timeline #timeline-2006 h2 a
{
	background-image: url(/_assets/images/common/timeline/small/2006.gif);
}

.with-js #timeline #timeline-2007 h2 a
{
	background-image: url(/_assets/images/common/timeline/small/2007.gif);
}

.with-js #timeline #timeline-2008 h2 a
{
	background-image: url(/_assets/images/common/timeline/small/2008.gif);
}

.with-js #timeline #timeline-2009 h2 a
{
	background-image: url(/_assets/images/common/timeline/small/2009.gif);
}

.with-js #timeline #timeline-2010 h2 a
{
	background-image: url(/_assets/images/common/timeline/small/2010.gif);
}






#home .with-js #timeline #timeline-2004 h2 a
{
	background-image: url(/_assets/images/common/timeline/big/2004-big.gif);
}

#home .with-js #timeline #timeline-2005 h2 a
{
	background-image: url(/_assets/images/common/timeline/big/2005-big.gif);
}

#home .with-js #timeline #timeline-2006 h2 a
{
	background-image: url(/_assets/images/common/timeline/big/2006-big.gif);
}

#home .with-js #timeline #timeline-2007 h2 a
{
	background-image: url(/_assets/images/common/timeline/big/2007-big.gif);
}

#home .with-js #timeline #timeline-2008 h2 a
{
	background-image: url(/_assets/images/common/timeline/big/2008-big.gif);
}

#home .with-js #timeline #timeline-2009 h2 a
{
	background-image: url(/_assets/images/common/timeline/big/2009-big.gif);
}

#home .with-js #timeline #timeline-2010 h2 a
{
	background-image: url(/_assets/images/common/timeline/big/2010-big.gif);
}


.with-js #timeline #timeline_left, .with-js #timeline #timeline_right
{
	position: absolute;
	top: 48px;
	display: block;
	width: 35px;
	height: 35px;
	z-index: 999;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: -1px -1px;
}

.with-js #timeline #timeline_left:hover, .with-js #timeline #timeline_right:hover
{
	background-position: -1px -37px;
}

.with-js #timeline #timeline_left:active, .with-js #timeline #timeline_right:active
{
	background-position: -1px -75px;
}

.with-js #timeline #timeline_left
{
	left: 10px;
	background-image: url(/_assets/images/common/timeline/timeline-buttons-left.png);
}

.with-js #timeline #timeline_right
{
	right: 10px;
	background-image: url(/_assets/images/common/timeline/timeline-buttons-right.png);
}


/******************************************************************************
 * THESE STYLES ARE FOR NON HOME PAGE TIMELINES
 *****************************************************************************/
.with-js #timeline li
{
	display: block;
	width: 148px;
	height: 108px;
	background-position: top left;
	background-repeat: no-repeat;
	position: absolute;
	top: 16px;
}

.with-js #timeline li a
{
	display: block;
	width: 126px;
	height: 72px;
	margin: 9px auto;
	text-indent: -9999px;
}

.with-js #timeline li.overview
{
	background-image: url(/_assets/images/common/timeline/small/overview.gif);
	left: 301px;
}

.with-js #timeline li.photos, .with-js #timeline-2010 li.programme li.photos
{
	background-image: url(/_assets/images/common/timeline/small/photos.gif);
	left: 453px;
}

.with-js #timeline-2010 li.programme, .with-js #timeline-2004 li.programme, .with-js #timeline-2005 li.programme, .with-js #timeline-2006 li.programme, .with-js #timeline-2007 li.programme, .with-js #timeline-2008 li.programme, .with-js #timeline-2009 li.programme
{
	background-image: url(/_assets/images/common/timeline/small/programme.gif);
}

.with-js #timeline li.video, .with-js #timeline-2010 li.plan
{
	background-image: url(/_assets/images/common/timeline/small/video.gif);
	left: 605px;
}

.with-js #timeline li.video
{
	left: 757px;
}

.with-js #timeline-2010 li.plan
{
	background-image: url(/_assets/images/common/timeline/small/plan-your-forum.gif);
}

.with-js #timeline li.speakers, .with-js #timeline-2010 li.apply, .with-js #timeline-2010 li.speakers
{
	background-image: url(/_assets/images/common/timeline/small/speakers.gif);
	left: 757px;
	left: 605px;
}

.with-js #timeline-2010 li.apply
{
	background-image: url(/_assets/images/common/timeline/small/apply.gif);
}

/* CM: TEMPORARY UNTIL VIDEO PAGES EXIST */
.with-js #timeline-2006 li.speakers, .with-js #timeline-2007 li.speakers, .with-js #timeline-2008 li.speakers, .with-js #timeline-2009 li.speakers
{
	left: 605px;	
}
/* CM: END VIDEO CODE */

/* CM: MORE TEMPORARY FUN */
.with-js #timeline #timeline-2004 li.programme, .with-js #timeline #timeline-2005 li.programme, .with-js #timeline #timeline-2004 li.programme
{
	left: 605px;
}
.with-js #timeline #timeline-2006 li.programme, .with-js #timeline #timeline-2007 li.programme, .with-js #timeline #timeline-2008 li.programme, .with-js #timeline #timeline-2009 li.programme
{
	left: 757px;
}
/* CM: END TEMPNESS*/

.with-js #timeline #timeline-2004 li.speakers, .with-js #timeline #timeline-2005 li.speakers
{
	left: 453px;
}

.with-js #timeline-2004 .overview a
{
	background-image: url(/_assets/images/common/timeline/small/photos/2004/2004-overview-small.jpg);
}

.with-js #timeline-2004 .speakers a
{
	background-image: url(/_assets/images/common/timeline/small/photos/2004/2004-speakers-small.jpg);
}

.with-js #timeline-2004 .programme a
{
	background-image: url(/_assets/images/common/timeline/small/photos/2004/2004-programme-small.jpg);
}

.with-js #timeline-2005 .overview a
{
	background-image: url(/_assets/images/common/timeline/small/photos/2005/2005-overview-small.jpg);
}

.with-js #timeline-2005 .speakers a
{
	background-image: url(/_assets/images/common/timeline/small/photos/2005/2005-speakers-small.jpg);
}

.with-js #timeline-2005 .programme a
{
	background-image: url(/_assets/images/common/timeline/small/photos/2005/2005-programme-small.jpg);
}

.with-js #timeline-2006 .overview a
{
	background-image: url(/_assets/images/common/timeline/small/photos/2006/2006-overview-small.jpg);
}

.with-js #timeline-2006 .photos a
{
	background-image: url(/_assets/images/common/timeline/small/photos/2006/2006-photos-small.jpg);
}

.with-js #timeline-2006 .video a
{
	background-image: url(/_assets/images/common/timeline/small/photos/2006/2006-video-small.jpg);
}

.with-js #timeline-2006 .speakers a
{
	background-image: url(/_assets/images/common/timeline/small/photos/2006/2006-speakers-small.jpg);
}

.with-js #timeline-2006 .programme a
{
	background-image: url(/_assets/images/common/timeline/small/photos/2006/2006-programme-small.jpg);
}

.with-js #timeline-2007 .overview a
{
	background-image: url(/_assets/images/common/timeline/small/photos/2007/2007-overview-small.jpg);
}

.with-js #timeline-2007 .photos a
{
	background-image: url(/_assets/images/common/timeline/small/photos/2007/2007-photos-small.jpg);
}

.with-js #timeline-2007 .video a
{
	background-image: url(/_assets/images/common/timeline/small/photos/2007/2007-video-small.jpg);
}

.with-js #timeline-2007 .speakers a
{
	background-image: url(/_assets/images/common/timeline/small/photos/2007/2007-speakers-small.jpg);
}

.with-js #timeline-2007 .programme a
{
	background-image: url(/_assets/images/common/timeline/small/photos/2007/2007-programme-small.jpg);
}

.with-js #timeline-2008 .overview a
{
	background-image: url(/_assets/images/common/timeline/small/photos/2008/2008-overview-small.jpg);
}

.with-js #timeline-2008 .photos a
{
	background-image: url(/_assets/images/common/timeline/small/photos/2008/2008-photos-small.jpg);
}

.with-js #timeline-2008 .video a
{
	background-image: url(/_assets/images/common/timeline/small/photos/2008/2008-video-small.jpg);
}

.with-js #timeline-2008 .speakers a
{
	background-image: url(/_assets/images/common/timeline/small/photos/2008/2008-speakers-small.jpg);
}

.with-js #timeline-2008 .programme a
{
	background-image: url(/_assets/images/common/timeline/small/photos/2008/2008-programme-small.jpg);
}

.with-js #timeline-2009 .overview a
{
	background-image: url(/_assets/images/common/timeline/small/photos/2009/2009-overview-small.jpg);
}

.with-js #timeline-2009 .photos a
{
	background-image: url(/_assets/images/common/timeline/small/photos/2009/2009-photos-small.jpg);
}

.with-js #timeline-2009 .video a
{
	background-image: url(/_assets/images/common/timeline/small/photos/2009/2009-video-small.jpg);
}

.with-js #timeline-2009 .speakers a
{
	background-image: url(/_assets/images/common/timeline/small/photos/2009/2009-speakers-small.jpg);
}

.with-js #timeline-2009 .programme a
{
	background-image: url(/_assets/images/common/timeline/small/photos/2009/2009-programme-small.jpg);
}

.with-js #timeline-2010 .overview a
{
	background-image: url(/_assets/images/common/timeline/small/photos/2010/2010-overview-small.jpg);
}

.with-js #timeline-2010 .photos a
{
	background-image: url(/_assets/images/common/timeline/small/photos/2010/2010-photos-small.jpg);
}

.with-js #timeline-2010 .speakers a
{
	background-image: url(/_assets/images/common/timeline/small/photos/2010/2010-speakers-small.jpg);
}

.with-js #timeline-2010 .video a
{
	background-image: url(/_assets/images/common/timeline/small/photos/2010/2010-video-small.jpg);
}

/******************************************************************************
 * THIS NEXT SECTION IS FOR THE HOME PAGE TIMELINE
 *****************************************************************************/
#home .with-js #timeline .year
{
	height: 300px;
}

#home .with-js #timeline h2
{
	left: 10px;
	top: 70px;
}

#home .with-js #timeline #timeline_left, #home .with-js #timeline #timeline_right
{
	top: auto;
	bottom: 10px;
}

#home .with-js #timeline .skoll_dock
{
	position: absolute;
	height: 202px;
	padding-top: 83px;
	padding-left: 250px;
	width: 720px;
	background-repeat: no-repeat;
	background-position: bottom center;
}

#timeline-2010 .skoll_dock
{
	background-image: url(/_assets/images/common/timeline/big/2010-title.jpg);
}

#timeline-2009 .skoll_dock
{
	background-image: url(/_assets/images/common/timeline/big/2009-title.jpg);
}

#timeline-2008 .skoll_dock
{
	background-image: url(/_assets/images/common/timeline/big/2008-title.jpg);
}

#timeline-2007 .skoll_dock
{
	background-image: url(/_assets/images/common/timeline/big/2007-title.jpg);
}

#timeline-2006 .skoll_dock
{
	background-image: url(/_assets/images/common/timeline/big/2006-title.jpg);
}

#timeline-2005 .skoll_dock
{
	background-image: url(/_assets/images/common/timeline/big/2005-title.jpg);
}

#timeline-2004 .skoll_dock
{
	background-image: url(/_assets/images/common/timeline/big/2004-title.jpg);
}

/******************************************************************************
 * Section 0.3.2: Timeline styles (no JS)
 *****************************************************************************/
.no-js #timeline .year
{
	float: left;
	width: 138px;
}