/* -- WebChartControl -- */
.dxchartsuiLoadingDiv_CC
{
	background-color:Gray;	
	opacity: 0.01;
	filter: progid:DXImageTransform.Microsoft.Alpha(Style=0, Opacity=1);
}
.dxchartsuiLoadingPanel_CC
{
	border: 1px solid #C3C3C3;
	background-color: white;
	font: 14px  Verdana, Geneva, Arial, sans-serif;
	color: #333333;
}
.dxchartsuiLoadingPanel_CC td.dx
{
	white-space: nowrap;
	text-align: center;
	padding: 10px 14px;
}

/* -- Crosshair -- */
.dxchartsuiCrosshairHLine_CC,
.dxchartsuiCrosshairVLine_CC
{
    background-color: transparent;
    border-color: #de39cd;
}

.dxchartsuiCrosshairLabel_CC,
.dxchartsuiCrosshairHLine_CC,
.dxchartsuiCrosshairVLine_CC
{
    position: absolute;
    z-index: 41998;
}

.dxchartsuiCrosshairLabel_CC
{
    	background-color: #de39cd;
    	color: White;
	font: 11px  Verdana, Geneva, Arial, sans-serif;
	padding: 1px 4px 1px 4px;
    	white-space: nowrap;    
}

.dxchartsuiCrosshairHLine_CC
{
    height: 0px;
}

.dxchartsuiCrosshairVLine_CC
{
    width: 0px;
}

/* -- Tooltip -- */
.dxchartsuiTooltip_CC,
.dxchartsuiTooltip_TopLeft_CC,
.dxchartsuiTooltip_TopRight_CC,
.dxchartsuiTooltip_BottomLeft_CC,
.dxchartsuiTooltip_BottomRight_CC
{
	font: 12px  Verdana, Geneva, Arial, sans-serif;
	color: #201f35;
	background-color: White;
	border: 1px solid rgb(139, 139, 139);
	border: 1px solid rgba(0, 0, 0, 0.35);
	padding: 6px 10px 6px 10px;
	text-align: left;
    position: absolute;
    cursor: default;
    white-space: nowrap;
    -moz-box-shadow:    0px 2px 10px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
    box-shadow:         0px 2px 10px rgba(0, 0, 0, 0.35);
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 41999;
}
.dxchartsuiTooltip_TopLeft_CC:before,
.dxchartsuiTooltip_TopRight_CC:before,
.dxchartsuiTooltip_BottomLeft_CC:before,
.dxchartsuiTooltip_BottomRight_CC:before,
.dxchartsuiTooltip_TopLeft_CC:after,
.dxchartsuiTooltip_TopRight_CC:after,
.dxchartsuiTooltip_BottomLeft_CC:after,
.dxchartsuiTooltip_BottomRight_CC:after
{
    border-style: solid;
    content: "";
    display: block;
    position: absolute;
    width: 0;
}
.dxchartsuiTooltip_TopLeft_CC:before,
.dxchartsuiTooltip_TopRight_CC:before,
.dxchartsuiTooltip_BottomLeft_CC:before,
.dxchartsuiTooltip_BottomRight_CC:before
{
    border-width: 10px 5px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.dxchartsuiTooltip_TopLeft_CC:after,
.dxchartsuiTooltip_TopRight_CC:after,
.dxchartsuiTooltip_BottomLeft_CC:after,
.dxchartsuiTooltip_BottomRight_CC:after
{
    border-width: 8px 4px;
}
.dxchartsuiTooltip_TopLeft_CC:before
{
    border-color: transparent transparent rgba(139, 139, 139, 0.35) rgba(139, 139, 139, 0.35);
    top: -20px;
    left: 10px;
}
.dxchartsuiTooltip_TopLeft_CC:after
{
    border-color: transparent transparent White White;
    top: -16px;
    left: 11px;
}
.dxchartsuiTooltip_TopRight_CC:before
{
    border-color: transparent rgba(139, 139, 139, 0.35) rgba(139, 139, 139, 0.35) transparent;
    top: -20px;
    right: 10px;
}
.dxchartsuiTooltip_TopRight_CC:after
{
    border-color: transparent White White transparent;
    top: -16px;
    right: 11px;
}
.dxchartsuiTooltip_BottomRight_CC:before
{
    border-color: rgba(139, 139, 139, 0.35) rgba(139, 139, 139, 0.35) transparent transparent;
    bottom: -20px;
    right: 10px;
}
.dxchartsuiTooltip_BottomRight_CC:after
{
    border-color: White White transparent transparent;
    bottom: -16px;
    right: 11px;
}
.dxchartsuiTooltip_BottomLeft_CC:before
{
    border-color: rgba(139, 139, 139, 0.35) transparent transparent rgba(139, 139, 139, 0.35);
    bottom: -20px;
    left: 10px;
}
.dxchartsuiTooltip_BottomLeft_CC:after
{
    border-color: White transparent transparent White;
    bottom: -16px;
    left: 11px;
}