/* Styles for interactive charting */

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

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

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

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

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

.markersBar
{
	background-color: #FFFFFF; 
	border: solid 1px black; 
	position: absolute; 
	left: 39px;
	top: 380px;
	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;
}

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

/* The style for the title in the tooltip popup. */
.toolTipTitle
{
	font-family: Verdana,Arial,Helvetica;
	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;
}
.popup
{  
    background-color: #FFFFFF;
}


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