@CHARSET "UTF-8";

.highChartWrapper .arrowDown {
	background: url(/images/media/Images/Icons/Interface/RedArrowD.png) no-repeat left;
	padding-left: 18px;
}

.highChartWrapper .arrowUp {
	background: url(/images/media/Images/Icons/Interface/GreenArrowU.png) no-repeat left;
	padding-left: 18px;
}

.highChartWrapper .startend ul li {
	width: 33%;
  float: left;
  font-size: 0.8em;
	text-align: center;
}

.highChartWrapper .startend ul li p{
	margin: 0;
}

.highChartWrapper #highchartsGoldCurrency, #highchartsSilverCurrency, #highchartsPlatinumCurrency, #highchartsPalladiumCurrency {
	max-width: 75px;
	margin-right: 1%;
}

.highChartWrapper #highchartsGoldWeightUnit, #highchartsSilverWeightUnit, #highchartsPlatinumWeightUnit, #highchartsPalladiumWeightUnit {
	max-width: 90px;
	margin-right: 1%;
}

.highChartWrapper #highchartsGoldTimeFrame, #highchartsSilverTimeFrame, #highchartsPlatinumTimeFrame, #highchartsPalladiumTimeFrame {
	max-width: 110px;
	margin-right: 1%;
}

.highChartWrapper select {
	display: inline;
}

.highChartWrapper label {
	display: inline;
	margin-right: 1%;
	margin-left: 3%;
}

.highChartWrapper .highchartsCurrencyLabel {
	margin-left: 0;
}

.highChartWrapper .navbar-inner{
	background-color: white;
}

.highChartWrapper #highcartsNavBar {
	float: left;
}

.highChartWrapper .navbar-inner {
  background: none !important; 
  border: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.highChartWrapper .navbar-inverse .nav .active > a {
	background: 0 !important; 
	color: #ffffff !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

.highChartWrapper .navbar-inverse .nav > li > a {
	color: #ffffff !important;
	text-shadow: none !important;
	font-weight: normal !important;
}

#highchartTabs > li {
  border: solid 2px;
  display: inline-block;
  padding: 5px 0;
  text-align: center;
  width: 24%;
}

#highchartTabs > li:nth-child(n+2) {
  border-left: 0;
}


#highchartTabs > li > a {
  display: block;
  height: 100%;
  width: 100%;
  text-decoration: none;
}

#highchartTabs .active a:hover {
	text-decoration: none;
}

.highChartWrapper .startend ul{
	width: 100%;
	float: left;
}

.highChartWrapper .endP p {
	float: right;
}

/*new styles by jan@bitgold.com*/
div.tab-content > .tab-pane:not(.active) {
  display: none;
}

.highchartDropDownWrapper > div {
  display: inline-block;
  text-align: center;
}