.Conjuncture
{
	width:730px;
	line-height:normal;
}
.ConjunctureIndicatorDescription
{
	clear:both;
	padding:5px 0px 0px 0px;
	display:none;
}
.ConjunctureGraphContainer
{
	display:none;
	width:728px;
	height:200px;
	margin-top:10px;
	clear:both;
	float:left;
	position:relative;
	border:1px solid black;
}
.ConjunctureGraphContainer .Overlay .Marker
{
	border-right:1px solid red;
	height:100%;
	width:0px;
	padding:0px;
	position:static;
}
.ConjunctureGraphContainer .Overlay .GraphValue
{
	font-size:10px;
	position:absolute;
	padding:3px;
}
.ConjunctureGraphContainer .Overlay .Title
{
	position:absolute;
	font-weight:bold;
	font-size:11px;
	top:0px;
	right:5px;
	padding:2px 18px 2px 2px;
}
.ConjunctureGraphContainer .Overlay .Title .Indicator
{
	float:left;
	margin-right:3px;
	margin-top:-1px;
}
.ConjunctureGraphContainer .Overlay .HideGraph
{
	background-image:url(/os.conjunctuur/gfx/btn_checkbox.gif);
	background-position:0px -56px;
	width:14px;
	height:14px;
	display:block;

	position:absolute;
	right:-2px;
	top:2px;
}
.ConjunctureGraphContainer .Overlay .MinX
{
	bottom:0px;
	left:0px;
}
.ConjunctureGraphContainer .Overlay .MaxX
{
	bottom:0px;
	right:0px;
}
.ConjunctureGraphContainer .Overlay .MinY
{
	bottom:20px;
	left:0px;
}
.ConjunctureGraphContainer .Overlay .MaxY
{
	top:00px;
	left:0px;
	width:100%;
}
.ConjunctureFooter
{
	clear:both;
}

.Conjuncture a 
{
	outline:0px;
}
.Conjuncture a:visited
{
	color:Black!important;
}
.Conjuncture .Buttons
{
	height:24px;
	float:left;
	margin:20px 20px 0px 0px;
}
.Conjuncture .Buttons span
{
	height:100%;
	width:100%;
	display:block;
}
.Conjuncture .Buttons a
{
	width:24px;
	height:24px;
	overflow:hidden;
	display:block;
	float:left;
	background-image:url(/os.conjunctuur/gfx/bg_button.png);
	background-position: 0px 0px;
	margin-right:5px;
}
.Conjuncture .Buttons .Highlight, .Conjuncture .Buttons .Highlight:hover
{
	background-position: 0px -24px;
}

.Conjuncture .Buttons a:hover
{
	background-position: 0px 0px;
}
.Conjuncture .Buttons a span
{
	background-image:url(/os.conjunctuur/gfx/bg_button_overlay.png);
	background-repeat:no-repeat;
}
.Conjuncture .ButtonFirst span		{ background-position:-96px 0px; }
.Conjuncture .ButtonPrevious span	{ background-position:-48px 0px; }
.Conjuncture .ButtonPlay span		{ background-position:-24px 0px; }
.Conjuncture .ButtonNext span		{ background-position:-72px 0px; }
.Conjuncture .ButtonLast span		{ background-position:-120px 0px; }
.Conjuncture .ButtonPause span		{ background-position:-144px 0px; }

.Conjuncture .Timeline
{
	margin:30px 25px 10px 0px;
	width:200px; 
	height:4px;
	background-color:white;
	border:1px solid lightgrey;
	border-bottom-color:darkgray;
	border-right-color:darkgray;
	position:relative;
	z-index:100;
	
	float:left;
}
.Conjuncture .Timeline .ThumbBar
{
	width:0px;
	height:100%;
	background-color:#27A8FB;
	position:relative;
	overflow:visible!important;
}
.Conjuncture .Timeline .Thumb
{
	cursor:pointer;
	margin: -4px -7px 0px -7px;
	width:14px;
	height:12px;
	position:absolute;
	right:0px;
	z-index:10;
	
	background-image:url(/os.conjunctuur/gfx/bg_slider_thumb.png);
	background-position:0px -12px;
}
.Conjuncture .Timeline .Thumb:hover
{
	background-image:url(/os.conjunctuur/gfx/bg_slider_thumb.png);
	background-position:0px 0px;
}

/* date field veld */

.Conjuncture .Header
{
}

.Conjuncture div.Tooltip
{
	position:absolute;
	background-color:#0B2C49;
	font-weight:bold;
	font-size:10px;
	color:White;
	bottom:15px;
	white-space:nowrap;
	left:-20px;
	z-index:100;
	margin:0px;
	border:0px;
	padding:5px 8px;
	opacity:0;
	filter:Alpha(opacity=0);
}




/* overlay */

.Conjuncture .Overlay
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:50;
}
.Conjuncture .Overlay .DateShort
{
	position:absolute;
	margin-top:50%;
	left:0px;
	width:100%;
	font-family:Arial Black;
	font-size:72px;
	top:-0.5em!important;
	height:1em;
	line-height:1em;
	opacity:0.1;
	filter:Alpha(opacity=10);
	color:Black;
	text-align:center;
	letter-spacing:-0.1em;
}


/* lijst van indicatoren */

.Conjuncture .Indicators
{
	border:1px solid black;
	height:500px;
	width:220px;
	float:right;
	z-index:10;
	position:relative;
}
.Conjuncture .Indicators .SelectAll
{
	border-bottom:1px solid black;
	display:block;
	padding:2px 20px 2px 2px;
	position:static;
}
.Conjuncture .Indicators .SelectAll div
{
	width:14px;
	height:14px;
	position:absolute;
	right:3px;
	top:3px;
	background-image:url(/os.conjunctuur/gfx/btn_checkbox.gif);
	background-position:0px 0px;
}
.Conjuncture .Indicators .SelectAll div.Checked
{
	background-position:0px -14px;
}
.Conjuncture .Indicators ul
{
	list-style-type:none;
	padding:0px 0px 0px 0px;
	margin:0px;
}
.Conjuncture .Indicators ul li
{
	clear:both;
	padding:3px;
}
.Conjuncture .Indicators ul li a 
{
	color:Black;
	text-decoration:none;
	font-size:11px;
	cursor:pointer;
	position:relative;
}
.Conjuncture .Indicators ul li a.ToggleGraph
{
	width:14px;
	height:14px;
	background-image:url(/os.conjunctuur/gfx/btn_checkbox.gif);
	background-position:0px -28px;
	display:block;
	position:absolute;
	right:3px;
}
.Conjuncture .Indicators ul li a.Checked
{
	background-position:0px -42px;
}
.Conjuncture .Indicators ul li a .Indicator
{
	float:left;
	margin-right:5px;
}
.Conjuncture .Indicators ul li a.Disabled, .Conjuncture .Indicators ul li a.Disabled:visited
{
	color:#999999!important;
}
.Conjuncture .Indicators ul li a.Disabled.Negative, .Conjuncture .Indicators ul li a.Disabled.Negative:visited
{
	color:#FF9999!important;
}
.Conjuncture .Indicators ul li a.Disabled .Indicator
{
	opacity:0.5;
	filter:Alpha(opacity=50);
}

/* clock */

.Conjuncture .Clock
{
	border:1px solid black;
	width:500px;
	height:500px;
	position:relative;
	/*overflow:hidden;*/
	background-color:Black;
}

.Conjuncture .Clock .Title
{
	position:absolute;	
	z-index:5;
	padding:5px;
	font-size:11px;
}

.Conjuncture .Clock .Quarter
{
	width:50%;
	height:50%;
	position:absolute;	
	border:1px solid black;
}
.Conjuncture .Clock .Quarter .Overlay
{
	width:51px;
	height:51px;
	background-image:url(/os.conjunctuur/gfx/bg_conjuncture.png);
	background-repeat:no-repeat;
	margin:10px;
}
.Conjuncture .Clock .Quarter img
{
	width:100%;
	height:100%;
}

.Conjuncture .Clock div.Afname
{
	background-color:#FEC6A2;
	top:0px;
	left:0px;
	border-left:0px;
	border-top:0px;
}
.Conjuncture .Clock span.Afname
{
	left:0px;
	bottom:50%;
}

.Conjuncture .Clock div.Hoogconjunctuur
{
	background-color:#BBFEAB;
	top:0px;
	right:0px;
	border-right:0px;
	border-top:0px;
}
.Conjuncture .Clock div.Hoogconjunctuur .Overlay
{
	right:0px;
	left:auto;
	background-position: -51px 0px;
}
.Conjuncture .Clock span.Hoogconjunctuur
{
	right:50%;
	top:0px;
}

.Conjuncture .Clock div.Laagconjunctuur
{
	background-color:#FEB2B2;
	bottom:0px;
	left:0px;
	border-left:0px;
	border-bottom:0px;
}
.Conjuncture .Clock div.Laagconjunctuur .Overlay
{
	bottom:0px;
	top:auto;
	background-position: 0px -51px;
}
.Conjuncture .Clock span.Laagconjunctuur
{
	right:50%;
	bottom:0px;
}

.Conjuncture .Clock div.Herstel
{
	background-color:#ECEC92;
	bottom:0px;
	right:0px;
	border-bottom:0px;
	border-right:0px;
}
.Conjuncture .Clock div.Herstel .Overlay
{
	right:0px;
	left:auto;
	bottom:0px;
	top:auto;
	background-position: -51px -51px;
}
.Conjuncture .Clock span.Herstel
{
	right:0px;
	bottom:50%;
}

.Conjuncture .ClockIndicators
{
	position:absolute;
	left:8px;
	top:8px;
	/*
	width:100%;
	height:100%;
	*/
	width:484px; /*100% - 16px*/
	height:484px;
	z-index:50;
}
.Conjuncture .ClockIndicators .Tooltip
{
}

.Conjuncture .ClockIndicators .Indicator
{
	position:absolute;
	margin-top:-8px;
	margin-left:-8px;
	text-decoration:none;
}

.Conjuncture .ClockIndicators .Disabled
{
	display:none;
}