/* ........................................... */
ul, li { list-style:none; }

#chart-container {
	display:none; width:700px; position:absolute;		
}
#chart {	
	float:left;
}
#chart-controls {	
	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;
	}
}
/* ........................................... */