A, B, BODY, BR, DIV, EM, H1, H2, H3, H4, H5, H6, HR, I, IMG, FORM, FIELDSET, INPUT, TEXTAREA, LABEL, LEGEND, LI, P, SELECT, SPAN, TABLE, TD, TH, TR, UL, .rates_green_on_white, .rates_red_on_white, .rates_blue_on_white 
{
	font-size: 11px; 
	color: black; 
	background-color: white;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	text-decoration: none;
}

INPUT 
{
	border: solid 1px #e6e6e6;
}

BODY
{
	margin: 0px 0px 0px 0px;
}

.portlet 
{
	margin: 5px 5px 5px 5px;
	border: solid 1px #e6e6e6;
	padding: 5px 5px 5px 5px;
}

.hidden 
{
	visibility: hidden;
	width: 0px;
}

.menu-item-divider 
{
	color: #e6e6e6;
}

.logo
{
	color: black;
	font-size: 200%; 
	font-weight: bold;
}

.content
{
	overflow:auto;
	width: 100%;
	height: 100%;
}

/* ****************************
	QUOTES
**************************** */

.rates_white_on_green, .rates_white_on_red, .rates_white_on_blue, .rates_green_on_white, .rates_red_on_white, .rates_blue_on_white 
{
	font-weight: bold;
}

.rates_green_on_white, .rates_red_on_white, .rates_blue_on_white
{
	font-weight: bold;
}

.rates_red_on_white 
{
	color: red;
}

.rates_green_on_white 
{
	color: green;
}

.rates_blue_on_white 
{
	color: blue;
}

.rates_white_on_red 
{
	background-color: red;
	color: white;
}

.rates_white_on_green
{
	background-color: green;
	color: white;
}

.rates_white_on_blue 
{
	background-color: blue;
	color: white;
}




/* ****************************
	WINDOWS
**************************** */

.win-table 
{ 
	background-color: blue;
	position: absolute; 
} 
 
.win-body 
{ 
	background-color: green;
	padding: 5px 5px 5px 5px; 
} 
 
.win-title
{
	background-color: pink;
	border-bottom: 1px solid #000;
	border-right: 2px solid #000;
	color: white;
	cursor: move; 
	font-weight: bold;
}

.win-close
{
	background-color: yellow;
	cursor: pointer; 
}

.win-n
{
	background-color: yellow;
	cursor: n-resize;
	padding: 13px 0px 0px 0px; 
}
 
.win-ne
{
	background-color: red;
	cursor: ne-resize;
	padding: 0px 0px 23px 23px; 
}
 
.win-e
{
	background-color: cyan;
	cursor: e-resize;
	padding: 0px 23px 0px 0px; 
}
 
.win-se
{
	background-color: blue;
	cursor: se-resize;
	padding: 0px 23px 30px 0px; 
}
 
.win-s
{
	background-color: yellow;
	cursor: s-resize;
	padding: 13px 0px 30px 0px; 
}
 
.win-sw
{
	background-color: yellow;
	cursor: sw-resize;
	padding: 0px 0px 13px 13px; 
}
 
.win-w
{
	background-color: yellow;
	cursor: w-resize;
	padding: 0px 0px 0px 13px; 
}

.win-nw
{
	background-color: yellow;
	cursor: nw-resize;
	padding: 13px 0px 0px 13px; 
}   


/* ****************************
	chart
**************************** */

.data-view
{
	position: relative; 
	background: black;
	left: 100;
	top: 100;
}

.data-cell-view
{
	color: white;
	cursor: move; 
}

.chart-view
{
	position: relative;
	cursor: move; 
	width: 100%;
	height: 100%;
	/*
	COLOR: #000; 
	*/
	TEXT-DECORATION: none
}

.chart-time-axis
{
	position: relative; 
	cursor: e-resize; 
	width: 100%;
	height: 100%;
	border-top: solid 1px black;
	TEXT-DECORATION: none;
}

.chart-vertical-axis
{
	position: relative; 
	cursor: move; 
	width: 100%;
	height: 100%;
	border-left: solid 1px black;
	TEXT-DECORATION: none;
}

/* ****************************
	other
**************************** */

.debug-console
{
	overflow:scroll;
	width:800px;
	height:200px;
}

.menu-bar 
{
	overflow:auto;
}

.menu-item 
{
	border-bottom: solid 1px #e6e6e6;
}

a.nav-off 
{ 
	display:block; 
	border-bottom: solid 1px #e6e6e6;
	white-space:nowrap;
} 

a.nav-on 
{ 
	display:block; 
	border-bottom: solid 1px #e6e6e6;
	white-space:nowrap;
} 

.web-address
{
	width:100%;
}

.blotter 
{
	overflow:auto;
	height:200px;
}

.dde-off 
{
	font-weight: bold;
	color: red;
	text-decoration: blink;
}

.dde-on 
{
	font-weight: bold;
	color: blue;
}

.cp
{
	display: none;
	cursor: pointer;
}

.cp-on
{
	border: solid 1px black;
	cursor: pointer;
}

.cp-off
{
	border: solid 1px white;
	cursor: pointer;
}













































































































/****************************************************************
	CHART 
****************************************************************/

.chart
{
	width: 100%;
	height: 800px;
	padding: 1px;
	background-color: green;
}

.chart-main
{
	position: relative;
	width: 100%;
	height: 100%;
	border: 0px solid red;
	overflow: hidden;
	background-color: blue;
}

/****************************************************************
	CHART TOP
****************************************************************/

.chart-top
{
	position: relative;
	left: 0px;
	width: 100%;
	text-align: left;
	padding: 5px 5px 1px 5px;
	padding: 2px 1em;
}

.chart-menu-button, .chart-menu-button-go
{
	position: relative;
	padding: 0px 1em 0px 0em;
	text-decoration: underline;
	cursor: pointer;
}

.chart-menu-button-go
{
	padding: 0px 3em 0px 0em;
}

/****************************************************************
	MENU
****************************************************************/

.chart-sub-menu
{
	position: absolute;
	border: 1px solid black;
	background-color: white;
	display: none;
	padding: 3px;
	z-index: 10;
}

.chart-sub-menu-item, .chart-sub-menu-item-mouse-over
{
	position: relative;
	text-align:left;
	text-decoration: none;
	display: block;
	padding: 3px;
	cursor: default;
	z-index: 1001;
	white-space:nowrap;
}

.chart-sub-menu-item-mouse-over
{
	position: relative;
	background-color: black;
	color: white;
	z-index: 1001;
}

/****************************************************************
	CHART CURSORS
****************************************************************/

.chart-cursor-horizontal, .chart-cursor-vertical
{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 1px;
	width: 100%;
	background-color: black;
	overflow:hidden;
	visibility:visible;
	z-index: 100;
}

.chart-cursor-vertical
{
	height: 100%;
	width: 1px;
}

/****************************************************************
	CHART GRID LINES
****************************************************************/

.chart-grid-lines-vertical
{
	position: absolute;
	/*
	background-color:purple;
	*/
	left: 0px;
	width: auto;
	border-right: 1px solid white;
	padding: 5px;
	overflow:hidden;
}

.chart-grid-line-vertical
{
	position: relative;
	background-color:green;
	color: #333;
	border: 0px solid black;
	width: 1px;
	height: 100%;
	left: 100px;
}

.chart-grid-lines
{
	position: absolute;
	float: left;
	width: 100%;
}

.chart-grid-line-horizontal
{
	position: relative;
	background-color:green;
	color: #333;
	border: 0px solid black;
	width: 100%;
	height: 1px;
	left: 0px;
	top: 100px;
	overflow: hidden;
}

/****************************************************************
	CHART MIDDLE
****************************************************************/

.chart-middle
{
	position: absolute;
	left: 0px;
	width: 100%;
	border: 0px solid black;
	visibility:visible;
}

.chart-data-view
{
	position: absolute;
	background-color: black;
	border: 1px solid black;
	color: white;
	left: 100px;
	top: 100px;
	width: auto;
	height: auto;
	z-index: 100;
	cursor: move;
	display: inline;	
}

/****************************************************************
	CHART VIEWS
****************************************************************/

.chart-view
{
	position: absolute;
	position:absolute;
	background-color: orange;
	overflow: hidden;
	left: 0px;
	height: 100px;
	z-index:100;
}

.chart-view-left
{
	border-right: 1px solid black;
	position:absolute;
	left: 0px;
	top: 0px;
	z-index: 3;
	padding: 2px 0.5em;
}

.chart-view-middle
{
	position:absolute;
	border-top: 1px solid black;
	top: 0px;
	overflow:hidden;
	padding:2px;
}

.chart-view-right
{
	border-left: 1px solid black;
	position:absolute;
	right: 0px;
	z-index: 3;
	padding: 2px 0.5em;
}

.cval-left
{
	position: relative;
	border: 1px solid black;
	right: 1px;
	padding: 2px 2px;
	width:auto;
	white-space: nowrap;
}

.cval-right
{
	position: relative;
	background-color: white;
	left: 1px;
	padding: 2px 2px;
	width:auto;
	white-space: nowrap;
	z-index: 3;
}





















.chart-view-resize
{
	position: absolute;
	background-color:#ddd;
	left: 0px;
	width: 100%;
	height: 24px;
	overflow: hidden;
	cursor: n-resize;
	border-bottom: 1px solid threeddarkshadow;
	visibility:hidden;
}

.chart-time-axis
{
	background-color: purple;
	position: absolute;
	border-top: 1px solid black;
	float: left;
	width: 100%;
}









.chgl
{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 1px;
	width: 100%;
	background-color: silver;
	overflow:hidden;
}

.cvgl
{
	position: absolute;
	left: 100px;
	top: 0px;
	height: 100%;
	width: 1px;
	background-color: silver;
}

.chart-view-middle-canvas
{
	position: absolute;
	left: 0px;
	width: 100%;
	height: 100px;
	overflow:hidden;
}

.chart-main-middle-view-plot
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100px;
}

/****************************************************************
	PLOT HEADERS
****************************************************************/
.chart-plot-headers
{
	position: absolute;
	top: 1px;
	left: 10px;
	z-index: 100;
	padding: 1px;
	border: 0px solid red;
	float:left;
}

.chart-plot-header, .chart-plot-header-selected
{
	background-color:white;
	border: 1px solid green;
	white-space: nowrap;
	cursor: pointer;
	width: auto;
	margin: 0px 1em 0px 0px;
}

.chart-plot-header-selected
{
	background-color:yellow;
}

.chart-plot-header-left
{
	background-color: #e6e6e6;
	border-right: 1px solid black;
	margin: 0px;
	padding: 0px 0.5em;
	width: 1em;
}

.chart-plot-header-mid
{
	border-right: 1px solid black;
	margin: 0px 0px 0px 0px;
	padding: 0px 0.25em;
}

.chart-plot-header-last
{
	margin: 0px 0em 0px 0px;
	padding: 0px 0.25em;
}










/****************************************************************
	CHART BOTTOM
****************************************************************/

.chart-bottom
{
	position:absolute;
	background-color: white;
	overflow: hidden;
	left: 0px;
	height: 100px;
	z-index:100;
}

.chart-bottom-left
{
	position:absolute;
	left: 0px;
	top: 0px;
	z-index: 3;
	padding: 2px 0.5em;
}

.chart-bottom-middle
{
	position:absolute;
	border-top: 1px solid black;
	top: 0px;
	overflow:hidden;
	padding:2px;
}

.chart-bottom-right
{
	position:absolute;
	right: 0px;
	z-index: 3;
	padding: 2px 0em 2px 1em;
	text-align:left;
}

.chart-time-axis-label
{
	position:absolute;
	top: 0px;
	padding: 2px 0.5em;
}

.chal
{
	position: absolute;
	border: 1px solid black;
	top: 2px;
	z-index: 1;
	overflow:hidden;
	padding: 0px 0.5em;
}

















.chart-vertical-axis-label-left
{
	position:absolute;
	right:0px; 
	width: auto;
	top: 0px;
	padding: 2px 2px;
}

.chart-vertical-axis-label-right
{
	position:absolute;
	width: auto;
	padding: 2px 2px;
	left:0px; 
	margin: 0px;
	text-align:left;
}