body {
	width:100%;
	height:100%;
	background: white;
	font-family: "adelle", "Times New Roman", Times, serif;
	margin: 0px;
}

/* controls */
#controls {
	margin-left:40px;
}

/* shared svg styles */

svg {
	font-size:12px;
}

path {
	stroke:#aaaaaa;
	stroke-width:1;
	fill:none;
}

line {
	stroke:#000;
	fill:none;
}

/* Chart wrapper */
#chart {
}


/* svg chart container */

#chart-area {
	pointer-events: all;
}

/* chart inside container */
.chart-border {	
	stroke-width:1;
	stroke: #bbb;
	fill:none;
	shape-rendering: crispEdges;
}

clipPath rect {
	stroke-width:1px;
	stroke:#666;
}

/* instrument lines */

.instrument-line {
	fill: none;
	stroke-width: 1px;
	pointer-events: none;
}

.axis-container, .data-indicator-wrapper {
	pointer-events: none;
}

#instrument-line1 {
	stroke:#0078ff;
}


#instrument-line2 {
	stroke:#333333;
}


/* volume bar */
.volume-bar {
	fill:##aaaaaa;
	stroke:#aaaaaa;
	fill-opacity: 0.5;
}


/* instrument indicators */

.instrument-label text {
	font-size:14px;
}

#instrument-label1 rect {
	fill:#0078ff;
}

#instrument-label2 rect {
	fill:#333333;
}

#instrument-label2:hover {
	opacity:0.3;
	cursor:pointer;
}


/* instrument current value position flag */

.instrument-position-flag {
	stroke-width: 1px;
	stroke:#999;
	pointer-events: none;
}

#instrument-position-flag1 {
	fill:#0078ff;
}

#instrument-position-flag2 {
	fill:#333333;
}


.instrument-area {
	fill: #0078ff;
	stroke-width: 0px;
	fill-opacity: 0.1;
	pointer-events: none;
}


/* axis components */

.axis path {
	fill:none;
	stroke: black;
}

.axis {
	font-size:12px;
	font-family:  "adelle", "Times New Roman", Times, serif;
}

.x.axis text {

}

.tick {
	fill:none;
	stroke: #ddd;
}

path.domain {
	stroke:none;
	/*
	stroke-width:1;
	stroke: #666;
	fill:none;
	shape-rendering: crispEdges;
	*/
}


/* y axis label */

.y-axis-label {
	font-size:12px;
}


/* time interval label */

.time-interval-label {
	font-size:12px;
}


/* time interval selector */

.brush .extent {
 	stroke: none;
	fill-opacity: .125;
	shape-rendering: crispEdges;
	fill:#aaaaaa;
}

/* current position line */
#current-position {
	stroke:#666;
	stroke-width:1;
}

/* current value indicator */
.current-value-indicator {
	
}

.current-value-indicator path, .current-value-indicator rect  {
	stroke:#999;
	stroke-width:1;
	fill:#fff;
	fill-opacity:0.9;
}

.current-value-indicator text {
	font-size:12px;
}

#current-value-indicator1 {
	fill:#aaaaaa;
}

#current-value-indicator2 {
	fill:#666;
}

/* quantity periods */
#secondary-chart-label {
	fill:#666;
}

/* jquery ui */
input.ui-slider-input {
    display:none !important;
}

#range {
	margin-left:39px;
}

#range label {
	display:none;
}

.ui-body-c, .ui-overlay-c {
    background: #fff;
    border: 1px solid #AAAAAA;
    color: #333333;
}


select {
	font-family: "adelle", "Times New Roman", Times, serif;
}