body {
	width:100%;
	height:100%;
	background: #FFFFFF;
	Font-Family: 'Montserrat';
	color: #242020;
	margin: 5px 0px;
}

/* controls */
#controls {
	margin:0px 5px 0px 5px;
	height:30px;
}

/* shared svg styles */

svg {
	font-size:12px;
}

path {
	stroke:#C3227D;
	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.5px;
	stroke: #242020;
	fill:none;
	shape-rendering: crispEdges;
	opacity: 0.1;
}

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

/* instrument lines */

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

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

.instrument-line1 {
	stroke: #B10000 ;
}


.instrument-line2 {
	stroke:#000000;
}


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


/* instrument indicators */

.instrument-label text {
	font-size:11px;
	fill: #242020;
}

.instrument-label1 rect {
	fill:#B10000;
}

.instrument-label2 rect {
	fill:#000000;
}

.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:#B10000;
}

.instrument-position-flag2 {
	fill:#000000;
}


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


/* axis components */

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

.axis {
	font-size:12px;
	opacity: 0.6;
}

.x.axis text {

}

.tick {
	fill:none;
	stroke: #242020;
	stroke-width: 1.5px;
	opacity: 0.1;
}

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


/* y axis label */

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


/* time interval label */

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


/* time interval selector */

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

/* 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:#D7CDC1;
	stroke-width:1;
	fill:#fff;
}

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

.current-value-indicatorcurrent-value-indicator1 {
	fill:#B10000;
}

.current-value-indicatorcurrent-value-indicator2 {
	fill:#000000;
}

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

.scroll_div {
	background: #b7b0a8;
	padding: 9px 0px;
}

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

#range.ui-slider {
	margin-left:39px;
}

#range.ui-slider-horizontal {
	height: 7px;}

#range.ui-widget-content {
	background: #fdfcfb;
	border: 0px;
}

#range .ui-widget-header {
	background: #ede2d5;
}

#range .ui-slider-handle {
	border-radius: 18px;
	height: 18px;
	width: 18px;
	top: -5px;
	margin-left: -11px;
	border: 1px; 
	background: #ede2d5;
}

#range .ui-state-focus {
	outline: none;
}

#range label {
	display:none;
}

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

.styled-select {
	background: url(arrows.png) no-repeat 96% 0;
	background-color: #fff;
	height: 24px;
	overflow: hidden;
	width: 240px;
	float: left;
	margin-right: 5px;
	border: 1px solid lightgray;
 }
 
 .styled-select select {
	background: transparent;
	border: none;
	font-size: 14px;
	height: 24px;
	padding: 0px 5px; /* If you add too much padding here, the options won't show in IE */
	width: 120px;
	font-Family: 'Montserrat';
	font-size: 12px;
	color: #666666;

 }

 select:focus, option:focus {
	 outline: none;
 }
 
 /* -------------------- Rounded Corners */
 .rounded {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
 }
 
.copyright {
	float:right;
	font-size: 10px;
}

.no-link {
	text-decoration: none;
	color: #666666;
}