@CHARSET "UTF-8";

.DreamChart {
/*	background-color: #EEEEEE; */
	font-size: 12px;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;	
	/* 
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	*/
	box-shadow: 0px 1px 1px #AAA;
}

.DreamChartBrowserNotSupport {
	background-color: #C4C4C4;
	border: 1px solid;
	border-color: #CCCCCC;
	color: #FF0000;
	text-align: center;
	font-size: 12px;
}

.DreamChartError {
	background-color: #EEEEEE;
	border: 1px solid;
	border-color: #CCCCCC;
	color: #FF0000;
	text-align: center;
	font-size: 12px;
}

.DreamChartLoading {
	background-color: #EEEEEE;
	border: 1px solid;
	border-color: #C4C4C4;
	text-align: center;
	font-size: 12px;
}

.DreamChartInit {
	background-color: #EEEEEE;
	border: 1px solid;
	border-color: #CCCCCC;
	text-align: left;
	font-size: 12px;
}

.DreamChartView {
/*	background-color: #EEEEEE;*/
	position: relative;
	z-index: 2;
}

.DreamChartViewData {
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	background-color: #666666;
	padding: 3px;
	font-size: 12px;
	color: #FFFFFF;
}

.DreamChartViewDrawTag {
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	background-color: #666666;
	padding: 3px;
	font-size: 12px;
	color: #FFFFFF;
	filter:alpha(opacity=60);
 	-moz-opacity:0.6;
  	-khtml-opacity: 0.6;
  	opacity: 0.8;
}

.DreamChartViewTag {
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	background-color: #666666;
	padding: 3px;
	font-size: 12px;
	color: #FFFFFF;
	filter:alpha(opacity=60);
 	-moz-opacity:0.6;
  	-khtml-opacity: 0.6;
  	opacity: 0.8;
}
.displayTechButton {
	width:20px;
	height:16px;
	background-image: url(../img/chart/info.png);
	background-repeat:no-repeat;
	cursor:pointer;
}

.DreamChartViewProfit {
	padding: 3px;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 10px;

	filter:alpha(opacity=90); 
	-moz-opacity: 0.9; 
	opacity: 0.9; 
}

.DreamChartViewSignal {
	border-style: solid;
	border-width: 1px;
	border-color: #C4C4C4;
	background-color: #EEEEEE;
	padding: 0px;	

	filter:alpha(opacity=90); 
	-moz-opacity: 0.9;
	opacity: 0.9;
	
	overflow-y: auto;

	scrollbar-arrow-color: #3C3C3C; /*图6,三角箭头的颜色*/
	scrollbar-face-color: #ccc; /*图5,立体滚动条的颜色*/
	scrollbar-3dlight-color: #3C3C3C; /*图1,立体滚动条亮边的颜色*/
	scrollbar-highlight-color: #3C3C3C; /*图2,滚动条空白部分的颜色*/
	scrollbar-shadow-color: #3C3C3C; /*图3,立体滚动条阴影的颜色*/
	scrollbar-darkshadow-color: #3C3C3C; /*图4,立体滚动条强阴影的颜色*/
	scrollbar-track-color: #3C3C3C; /*图7,立体滚动条背景颜色*/
	scrollbar-base-color:#ccc; /*滚动条的基本颜色*/
	
	cursor:move;
}

.DreamChartViewSignalTable {
	width:100%;
	border-collapse:collapse;
	border: 1px solid #848484;
}

.DreamChartViewSignalTable td {
	font-size: 10px;
	padding:1px;
	text-align:center;
	background-color: #333333;
	border:solid #C4C4C4 1px;
	color:#000000;
}

.DreamChartScroll {
    margin-top: 2px;
/*	background-color: #EEEEEE; */
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.tech_value_line {
	width: 100%;
	float: left;
	text-align:right;
}

.closeButton {
	height:16px;
	width: 16px;
	border:0px;
	background-image: url(../img/chart/tech_label_close.png);
	display:none;
}