body{
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	color:#000;
}

ul, li{list-style:none;}

#chart-container {
	width:700px;
	position:absolute;
	/*left:50%;	top:200px;	margin:0 0 10px -350px;*/
	display:none;
}

#chart {
	/*width:400px;*/
	float:left;
}

#chart-controls {
	/*width:180px;*/
	float:left;
	background:#edeade;
	border:1px solid #335599;
	padding:10px;
	margin:0 0 15px 18px;
}

#chart-controls h3{
	font-size:20px;
	color:#335599;
	margin:0 0 10px;
	font-weight:normal;
}

#chart-controls li{
	width:100%;
	float:left;
	margin:0 0 5px;
}

#chart-controls li label{
	width:150px;
	float:left;
	font-size:14px;
	color:#335599;
}

#chart-controls li span{
	float:left;
}

#chart-controls li em{
	float:left;
	margin:5px 5px 0 0;
	color:#335599;
	font-size:12px;
}

#chart-controls li input{
	width:50px;
	height:22px;
	float:left;
	text-align:center;
	color:#000;
}

.button{
	color:#fff;
	font-size:13px;
	background:#ff0000;
	padding:5px 8px;
	border-radius:5px;
	border:none;
	cursor:pointer;
	outline:none;
}

.f-right{float:right !important;}

div.ui-tooltip {
	max-width:180px;
	font-size:10px;
	background:#B3C8E6;			
}

#footerTxt{
	width:55%;
	padding:0 2%;
	text-align:left;
	color:#333;
	font-size:14px;
	float:left;
	font-style: italic;
	clear:both;
}

@media screen and (max-device-width:768px) {
	#chart-container {
		left:0 !important;
	}
	#chart-controls{
		clear:both;
	}
}

@media screen and (max-width:768px) {
	#chart-container {
		left:0 !important;
		
	}
	#chart-controls{
		clear:both;
	}
}