/* Styles for interactive charting */

#divAnimation
{
	position: absolute;
	/*
	font-size: 11px;
	background-color: #FFFFFF;
	opacity: .7;
	filter: alpha(opacity=70);
	border: 1px solid #C0C0C0;
	padding: 2px;
	*/
}

#divMarkersBar
{
    z-index: 10;
}

#divPopUp
{
	position: absolute;
	font-size: 11px;
	background-color: #FFFFFF;
	opacity: .7;
	filter: alpha(opacity=70);
	border: 1px solid #C0C0C0;
	padding: 2px;
	z-index: 50;
}

#divLinkPopUp
{
	position: absolute;
	font-size: 11px;
	background-color: #FFFFFF;
	z-index: 100;
	filter: alpha(opacity=70);
	border: 1px solid #C0C0C0;
	padding: 2px;
	cursor: hand;
	display: none;
}

#zoomArea
{
	background-color: #FFFFFF;
	opacity: .5;
	filter: alpha(opacity=50);
	border: 1px solid #C0C0C0;
	position:absolute;
	z-index: 0;
	visibility: hidden;
	width: 0px;
}

#pointerX
{
	background-color: #C0C0C0;
	width: 1px;
}

#pointerY
{
	background-color: #0033CC;
	height: 1px;
}

#innerChartArea
{
	/* border: solid 1px red; */
}

/* The style for the marker box in the marker bar */
.marker_box
{
	width: 6px;
	text-align: center;
	Cursor: pointer;
}


.markersBar
{
	background-color: #FFFFFF; 
	border: solid 1px black; 
	position: absolute; 
	left: 41px;
	top: 357px;
	font-size: 8px; 
	font-weight: bold;
}

/* Old charting styles */

.toolTipVolume 
{
	text-align: right;
}

.toolTipPrice 
{
	text-align: right;
}

.toolTipDate
{
	font-weight: bold;
}

.toolTipValues
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 200px;
}

/* The style for the title in the tooltip popup. */
.toolTipTitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 2px;
}

table.toolTipValues
{
	height: 10px;
}

.MainChart
{
	border: solid 1px #E5E5E5; 
	border-top: none; 
	margin-bottom: 2px
}
/********** Overrides **********/ 
/* Styles for interactive charting */

#divPopUp
{
	position: absolute;
	width: 200px;
	font-size: 11px;
	background-color: #FFFFFF;
	opacity: .7;
	filter: alpha(opacity=70);
	border: 1px solid #C0C0C0;
	padding: 2px;
}

#zoomArea
{
	background-color: #FFFFFF;
	opacity: .5;
	filter: alpha(opacity=50);
	border: 1px solid #C0C0C0;
	position:absolute;
	z-index: 0;
	visibility: hidden;
	width: 0px;
}

#pointerX
{
	background-color: #C0C0C0;
	width: 1px;
}

#pointerY
{
	background-color: #0033CC;
	height: 1px;
}

#innerChartArea
{
	/* border: solid 1px red; */
}

.markersBar
{
	background-color: #FFFFFF; 
	border: solid 1px black; 
	position: absolute; 
	left: 48px;
	top: 296px;
	font-size: 8px; 
	font-weight: bold
}

/* Old charting styles */

.toolTipVolume 
{
	text-align: right;
	width: 50px;
	padding-right: 2px;

}

.toolTipPrice 
{
	text-align: right;
}

.toolTipDate
{
	font-weight: bold;
	text-align: right;
}

.toolTipValues
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* The style for the title in the tooltip popup. */
.toolTipTitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 2px;
	width: 100px;
}

table.toolTipValues
{
	height: 10px;
	width: 100%;
}

.toolTipColorCell
{
	padding-right: 2px;
	width: 10px;
}


.MainChart
{
	border: solid 1px #DFDFDF; 
	border-top: none; 
	margin-bottom: 2px;
	background-color: #FFFFFF;
}
.chart_area
{
    background-color: #000000;
}


/********** Overrides **********/