@CHARSET "UTF-8";

select.chrtSelectWidth {width: 100px; font-size: 0.9em; height: 26px; margin: 2px 5px !important;} /*time*/
select.chrtSelectWidthCurrency{max-width: 150px; font-size: 0.9em; height: 26px; margin: 2px 5px !important;}
select#chrtMetalSelect{max-width: 85px; font-size: 0.9em; height: 26px; margin: 2px 5px !important;}
.chrtWeightSelect select{width: 75px; font-size: 0.9em; height: 26px; margin: 2px 5px !important;}

div.chart {margin: 0; text-align: center;}
div.chrtTimeLinks {width: 220px; }
div.chrtInfoSpacer {width: 50px; min-width: 50px;}
div.chrtZoom {}
div.chrtZoomSpacer {width: 8px;}

#chartsTabbedBox { margin: 0; padding: 0; background-color: #fff; }
#chartsTabbedBox .ui-tabs { padding: 0;	border: 0; }
#chartsTabbedBox .ui-tabs-nav { border: 0; padding: 0; background: #fff none; }

#chartsTabbedBox li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: #ccc none;
	text-align: center;
    height: 25px;
	border: 0;
	border-left: 1px solid #fff;
	top: 0;
	overflow-x: hidden;
	padding: 0;
	font-size: 0.9em;
}
#chartsTabbedBox li:last-child { 
	padding: 0 5px;
}
#chartsTabbedBox li.ui-tabs-active {
	border-bottom: 2px solid #fff;
	background: #fff none;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
#chartsTabbedBox li a {
	text-align: center;
	padding: 0;
	color: #333333;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 3px;
}
#chartsTabbedBox li a:focus {
	outline: none;
}

#chartsTabbedBox .ui-tabs-panel {
	padding: 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.chrtNonMetalSelect, .chrtTimeSelect, .chrtWeightSelect, .chrtMetalSelect{
	display: inline;
}

#chart-animation-Gg img, #chart-animation-Xg img, #chart-animation-Pg img, #chart-animation-Pl img{
	height: 30px; 
	width: 30px;
}

#chart-animation-Gg, #chart-animation-Xg, #chart-animation-Pg, #chart-animation-Pl {
	display: inline;
	clear: both;
	position: absolute;
	left: 43%;
	top: 50%;
	float: left;
	z-index: 99;
	opacity: 0.35;
	visibility: hidden;
}

@media (max-width: 980px) {
	select.chrtSelectWidthCurrency{max-width: 120px;}
	select.chrtSelectWidth {max-width: 80px; }
	.chrtWeightSelect select{max-width: 70px; }
	select#chrtMetalSelect{max-width: 85px;}
}

@media (max-width: 900px) {
	select.chrtSelectWidthCurrency{max-width: 120px;}
	select.chrtSelectWidth {max-width: 80px; }
	.chrtWeightSelect select{max-width: 70px; }
	select#chrtMetalSelect{max-width: 85px;}
}

@media (max-width: 850px) {
	select.chrtSelectWidthCurrency{max-width: 100px;}
	select.chrtSelectWidth {max-width: 80px; }
	.chrtWeightSelect select{max-width: 70px; }
	select#chrtMetalSelect{max-width: 85px;}
	select.chrtSelectWidth, select.chrtSelectWidthCurrency, select#chrtMetalSelect, .chrtWeightSelect select {margin: 2px 1px !important;}
}

@media (max-width: 767px) {
	select.chrtSelectWidthCurrency{max-width: 100px;}
	select.chrtSelectWidth {max-width: 75px;}
	.chrtWeightSelect select{max-width: 70px;}
	select#chrtMetalSelect{max-width: 80px;}
	#chartsTabbedBox{margin-bottom: 10px;}
	select.chrtSelectWidth, select.chrtSelectWidthCurrency, select#chrtMetalSelect, .chrtWeightSelect select {margin: 2px 1px !important;}
}

@media (max-width: 500px) {
	select.chrtSelectWidthCurrency{max-width: 80px;}
	select.chrtSelectWidth {max-width: 70px;}
	.chrtWeightSelect select{max-width: 70px;}
	select#chrtMetalSelect{max-width: 60px;}
	#chartsTabbedBox{margin-bottom: 10px;}
	select.chrtSelectWidth, select.chrtSelectWidthCurrency, select#chrtMetalSelect, .chrtWeightSelect select {margin: 2px 1px !important;}
}