@CHARSET "UTF-8";

#Footer .spotRateFtr ul {
    max-width: 984px;
}

#Footer .spotRateFtr {
	height: 47px !important;
}

#ddlCurrency{
	max-width: 45px !important;
}

input#ddlCurrency_input.selectbox {
	margin: 0;
}

#Footer .spotRateFtr ul li.rate .spotItem {
	font-size: 0.8em;
}

#Footer .spotRateFtr .CurrencySwitch #ddlCurrency_container ul li {
	width: 50px;
}

.spotrateCurrency {
	width: 40px; 
	display: inline;
}

#ddMetal {
	width: 50px; 
}

input#ddMetal_input.selectbox {
	padding: 0;
	margin: 0;
	font-size: 0.8em;
	width: 65px !important;
}

.spotRateFtr .CurrencySwitch #ddMetal_container ul li {
	display: block;
	padding: 0 6px;
	float: left;
	padding: 2px;
	width: 54px;
	height: 24px;
}

#Footer .spotRateFtr .CurrencySwitch #ddMetal_container {
	position: relative;
	font-size: 1em;
}
#Footer .spotRateFtr .CurrencySwitch #ddMetal_container ul {
	position: absolute;
	bottom: 25px;
	left: 0;
	background: #000000;
	width: 55px;
	text-align: left;
	font-size: 1em;
}
#Footer .spotRateFtr .CurrencySwitch #ddMetal_container ul li {
	float: none;
	display: block;
	padding: 0 6px;
	font-size: 1em;
}

.ChartBtn a{
	background-image: none !important;
}

.spotRateText {
    padding: 15px 15px 3px 0;
    font-size: 0.9em;
    margin-left: 0;
    float: left;
    color: #ffffff;
}
	
.spotRateFtr a {
    color: #ffffff;
}

@media (min-width: 420px) and (max-width: 979px) {
	.spotRatesMobile, .spotrateMetalWrapper{
    	display: block;
	}
	.spotRatesDesktop {
    	display: none;
	}
	li.rate {
		width: 180px !important;
	}
	#Footer .spotRateFtr ul li.ChartBtn a{
		padding: 12px 0 12px 10px !important;
	}
    .spotRateText{display: none;}
}

@media (max-width: 419px)  {
	.spotRatesMobile, .spotrateMetalWrapper{
    	display: block;
	}
	.spotRatesDesktop {
    	display: none;
	}
	li.rate {
		width: 100px !important;
	}
	#Footer .spotRateFtr ul li.ChartBtn a{
		padding: 12px 0 12px 0px !important;
	}
    .spotRateText{display: none;}
    
}

@media (min-width: 980px) {
	.spotRatesMobile, .spotrateMetalWrapper{
    	display: none;
	}
	.spotRatesDesktop {
    	display: block;
	}
	li.rate {
		width: 200px !important;
		white-space:nowrap;
	}
}