/*
	timelinePrimaryScale and timelineSecondaryScale are inside timelineScale.
	timelineEvents are plotted inside timelineContent.
	timelineOverview slider is inside timelineFoot.
	timelineScale and timelineContent are inside a scrollable timelineScrollingContent.
	timelineScrollingContent and timelineFoot are inside timelineContainer.
*/



.timelineContainer {
	background-color:#fff;
}

	.timelineContainer * {
	}

	.timelineContainer H2 {
	}

	.timelineContainer P {
	}


	.timelineContainer .timelineBody {
		background-color:#ebebeb;
		background-image:url(/staticarchive/3661e7f68336d60edf98f95dec4d03765d0dcb46.gif);
	}

		.timelineContainer .timelineBody .timelineScrollingContent {
		}




/* Timeline Primary and Secondary SCALE AXES: */

	.timelineScale {
	}

	.timelineScale .timelineScaleOverlay {height:43px;
	}

		* HTML .timelineScale .timelineScaleOverlay {
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wales/history/sites/timelinev2/images/timeline/scale-background.png', sizingMethod='scale');
		}


	.timelineScale LI {
	}

		* HTML .timelineScale LI {
		}

		.timelineScale LI SMALL {
		}



	.timelineScale .timelinePrimaryScale {
		visibility:hidden;
	}

		.timelineScale .timelinePrimaryScale LI {
			text-indent:0px;
		}

		.timelineScale .timelinePrimaryScale LI,
		.timelineScale .timelinePrimaryScale LI.odd {
		}




	.timelineScale .timelineSecondaryScale {
	}

		.timelineScale .timelineSecondaryScale LI {
			background-image:url(/staticarchive/90909f9f7ed4b881d462eb4f2cbe7a95e6c562fd.gif);
			padding-top:0;
		}

		.timelineScale .timelineSecondaryScale LI,
		.timelineScale .timelineSecondaryScale LI.odd {
		}

		.timelineScale .timelineSecondaryScale LI.even {
		}


			.timelineScale .timelineSecondaryScale LI EM {
			}


	.timelineScale .timelineMinorScale {
	}


		.timelineScale .timelineMinorScale LI {
			background-image:url(/staticarchive/859b564d5d7b63d134f1dbf965f877ccef383c4b.gif);
		}


/* ...end of scale elements */







/* Timeline EVENT elements: */

	.timelineContainer .timelineEvents {
	}
	
		.timelineContainer .timelineEvents DL.timeline {
		}


	.timelineContainer .event {
	}

		* HTML .timelineContainer .event {
		}

			* HTML .timelineContainer .event * {
			}

		.timelineContainer .event .eventEnd{
		}

			* HTML .timelineContainer .event .eventEnd{
			}



	/* eventMiddle contains the content: */

		.timelineContainer .event .eventMiddle {
		}

			* HTML .timelineContainer .event .eventMiddle{
			}



	/* eventMiddle just holds the graphic for the right hand edge of the event: */

		.timelineContainer .event .eventEnd {
		}

		.timelineContainer .periodEvent {
		}

		.timelineContainer .singleEvent {
		}




	/* PERIOD EVENT elements in the timeline:*/

		.timelineBody .periodEvent {
			background-image:url(/staticarchive/e3c7602dfeba3752020134b2ee89846f365eada7.png) ;
			height:64px;
		}

			.timelineContainer .periodEvent .eventMiddle {
				background-image:url(/staticarchive/958520860c44062296c390f3235f07fe1a1c1626.png);
				margin:0 24px 0 24px;	/* Widths should match those of the left and right images. */
			}

			.timelineContainer .periodEvent .eventEnd {
				background-image:url(/staticarchive/1f11475fe62041d2d01c5b957b2b21626001f3f2.png);
			}

			.timelineContainer .periodEvent .eventInnerSkin {
				background-image:url(/staticarchive/958520860c44062296c390f3235f07fe1a1c1626.png);
			}

			.timelineContainer .periodEvent .eventOuterSkin {
				background-image:url(/staticarchive/1f11475fe62041d2d01c5b957b2b21626001f3f2.png);
			}


	/* SINGLE EVENT elements in the timeline:*/

		.timelineBody .singleEvent {
			background-image:url(/staticarchive/2f5f5d2400deb37bbbeceb3d5854d913a41b1ce9.png);
			height:64px;
			width:350px;
		}

			.timelineContainer .singleEvent .eventMiddle {
				background-image:url(/staticarchive/394567106de597587a6470fc8e7231e88a4e9e91.png);
				margin:0 16px 0 44px;	/* Widths should match those of the left and right images. */
			}

			.timelineContainer .singleEvent .eventEnd {
				background-image:url(/staticarchive/bb38e175cb4dfe12650d64efd996c35c90425bb3.png);
				width:16px;
			}

			.timelineContainer .singleEvent .eventInnerSkin {
				background-image:url(/staticarchive/394567106de597587a6470fc8e7231e88a4e9e91.png);
			}

			.timelineContainer .singleEvent .eventOuterSkin {
				background-image:url(/staticarchive/bb38e175cb4dfe12650d64efd996c35c90425bb3.png);
			}

				/* AlphaImageLoader paths must be relative to the HTMLdocument not the Stylesheet! */
				/* Note the use of sizingMethod='scale' to emulate repeat-x in the middle section. */
				* HTML .timelineBody .singleEvent {
					background:transparent;
					filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/staticarchive/2f5f5d2400deb37bbbeceb3d5854d913a41b1ce9.png', sizingMethod='crop');
				}
				* HTML .timelineBody .singleEvent .eventMiddle,
				* HTML .timelineBody .singleEvent .eventInnerSkin {
					background:transparent;
					filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/staticarchive/394567106de597587a6470fc8e7231e88a4e9e91.png', sizingMethod='scale');
				}
				* HTML .timelineBody .singleEvent .eventEnd,
				* HTML .timelineBody .singleEvent .eventOuterSkin {
					background:transparent;
					filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/staticarchive/bb38e175cb4dfe12650d64efd996c35c90425bb3.png', sizingMethod='crop');
				}










		/* Vertical position (y-coordinate) of each "row" of events in the timeline: */
		/* Tip: To stack from bottom-to-top or top-to-bottom, just reverse the row numbers. */
		.timelineBody .event.row1 { top:4em; }
		.timelineBody .event.row2 { top:10em; }
		.timelineBody .event.row3 { top:16em; }
		.timelineBody .event.row4 { top:24em; }
		.timelineBody .event.row5 { top:30em; }
		.timelineBody .event.row6 { top:36em; }
		.timelineBody .event.row7 { top:42em; }
		.timelineBody .event.row8 { top:48em; }
		.timelineBody .event.row9 { top:54em; }
		.timelineBody .event.row10 { top:60em; }


		.timelineContainer .event A.eventTitle {
		}

			* HTML .timelineContainer .event A.eventTitle {
			}

		.timelineContainer .event .eventSummary {
		}


			* HTML .timelineContainer .event A.eventTitle {
			}

			* HTML .timelineContainer .event .eventSummary {
			}


			/* Alter behaviour for stretchToContents: (Event element stretches to length of title or summary) */

				.timelineContainer .event.stretchToContents {
				}

				.timelineContainer .event.stretchToContents .eventSummary {
				}


			/* Alter behaviour for noThumbnail: (Event text moves left to make use of unused image space) */

				.timelineContainer .event.noThumbnail A.eventTitle,
				* HTML .timelineContainer .event.noThumbnail A.eventTitle {
				}

				.timelineContainer .event.noThumbnail .eventSummary,
				.timelineContainer .event.noThumbnail .eventSummary {
				}

				.timelineContainer .event.noThumbnail .eventThumbnail {
				}



		.timelineContainer .event .eventThumbnail {
		}

			.timelineContainer .singleEvent .eventThumbnail {
			}




		.timelineContainer .event * {  }
		.timelineContainer .event A {  }
		.timelineContainer .event A:hover {  }
		




		.timelineContainer .eventDetail {
		}

			IMG.eventImage {
			}

			.eventDetail .eventBookmark {
			}


/* ...end of Timeline EVENT elements: */










/* Timeline OVERVIEW elements: */

	.timelineFoot.timelineOverview,
	.timelineOverview .timelinePrimaryScale,
	.timelineOverview .timelineSecondaryScale {
		width:926px;
	}

	.timelineFoot.timelineOverview {
		background-image:url(/staticarchive/3661e7f68336d60edf98f95dec4d03765d0dcb46.gif);
	}
	
		.timelineOverview .overviewScrollingContent {
		}





	.timelineOverview LI {
	}

		* HTML .timelineOverview LI {
		}

		.timelineOverview .timelinePrimaryScale {
		}

			.timelineOverview .timelinePrimaryScale LI {
				visibility:visible;
			}

				* HTML .timelineOverview .timelinePrimaryScale LI {
				}

			.timelineOverview .timelinePrimaryScale LI,
			.timelineOverview .timelinePrimaryScale LI.odd {
			}

			.timelineOverview .timelinePrimaryScale LI.even {
			}



		.timelineOverview .timelineSecondaryScale {
		}

			.timelineOverview .timelineSecondaryScale LI {
				background-image:none;
			}

				* HTML .timelineOverview .timelineSecondaryScale LI {
				}

			.timelineOverview .timelineSecondaryScale LI,
			.timelineOverview .timelineSecondaryScale LI.odd {
			}

			.timelineOverview .timelineScale .timelineSecondaryScale LI.even {
			}




			.timelineOverview .timelineEvents .event {  }

			.timelineOverview .timelineEvents .singleEvent {
				background-image url(/wales/history/sites/timelinev2/images/timeline/overview/diamond-9px.gif);
			}
			.timelineOverview .timelineEvents .periodEvent {
			}




			/* Vertical position (y-coordinate) of each "row" of events in the timeline: */
			/* Tip: To stack from bottom-to-top or top-to-bottom, just reverse the row numbers. */
			.timelineOverview .timelineEvents .event.row1 { top:2em; }
			.timelineOverview .timelineEvents .event.row2 { top:3em; }
			.timelineOverview .timelineEvents .event.row3 { top:4em; }
			.timelineOverview .timelineEvents .event.row4 { top:5em; }
			.timelineOverview .timelineEvents .event.row5 { top:6em; }
			.timelineOverview .timelineEvents .event.row6 { top:7em; }
			.timelineOverview .timelineEvents .event.row7 { top:8em; }
			.timelineOverview .timelineEvents .event.row8 { top:9em; }
			.timelineOverview .timelineEvents .event.row9 { top:10em; }
			.timelineOverview .timelineEvents .event.row10 { top:11em; }




	.timelineOverview .overviewDragBox {
	}
			* HTML BODY {
			}



		/* Corners and edges: (TL = TopLeft etc) */

		.timelineOverview .overviewDragBox .overviewDragEdges,
		.timelineOverview .overviewDragBox .overviewDragEdgeTL,
		.timelineOverview .overviewDragBox .overviewDragEdgeBL,
		.timelineOverview .overviewDragBox .overviewDragEdgeTR,
		.timelineOverview .overviewDragBox .overviewDragEdgeBR,
		.timelineOverview .overviewDragBox .overviewDragMiddle,
		.timelineOverview .overviewDragBox .overviewDragEdgeTop,
		.timelineOverview .overviewDragBox .overviewDragSeeThrough {
		}

		.timelineOverview .overviewDragBox .overviewDragEdges {
		}

			* HTML .timelineOverview .overviewDragBox .overviewDragEdges {
			}

		.timelineOverview .overviewDragBox .overviewDragEdgeTL {
		}

			* HTML .timelineOverview .overviewDragBox .overviewDragEdgeTL {
			}

		.timelineOverview .overviewDragBox .overviewDragEdgeTR {
		}

			* HTML .timelineOverview .overviewDragBox .overviewDragEdgeTR {
			}

		.timelineOverview .overviewDragBox .overviewDragEdgeBL {
		}

			* HTML .timelineOverview .overviewDragBox .overviewDragEdgeBL {
			}

		.timelineOverview .overviewDragBox .overviewDragEdgeBR {
		}

			* HTML .timelineOverview .overviewDragBox .overviewDragEdgeBR {
			}


			.timelineOverview .overviewDragBox .overviewDragMiddle {
			}

				* HTML .timelineOverview .overviewDragBox .overviewDragMiddle {
					width:97%;		/* TODO: Find another way to position this so we don't have to tweak it for each timescale! */
				}
				
				* HTML .timelineOverview .overviewDragBox {

				}

				.timelineOverview .overviewDragBox .overviewDragEdgeTop {
				}
					* HTML .timelineOverview .overviewDragBox .overviewDragEdgeTop {
					}


			.timelineOverview .overviewDragBox .overviewDragSeeThrough {
			}

				* HTML .timelineOverview .overviewDragBox .overviewDragSeeThrough {
				}







.timelineContainer .timelineBody {
}




	#column-container {

	}




/* Just nudge the 3 promos (below the timeline) across a bit in IE6! */

	#content .bottom {

	}

	#content .bottom .contentBlock {

	}

.bars {padding-right:10px;}