/* ---- charts ---- */
.fl {
	float:left
}
.r {
	text-align: right;
}
.c {
	text-align: center;
}
.up {
	/*color: #009900;*/
}
.dn {
	/*color: #d7514d;*/
}
.eq {
	/*color: black;*/
}
.chartbox .eq {
	color: white;
}
.chartbox2 .eq {
	color: white;
}
.chartbox {
	margin: 2px 3px 0 3px;
	margin-bottom: 0px;
	padding: 0px;
	background-color: #CFDCE1;
	font-weight: bold;
	font-size: 11px;
	clear: both;
}
.chartbox2 {
	margin:0px;
	padding: 0px;
	background-color: #E8E6E6;
	font-weight: bold;
	font-size: 11px;
	clear: both;
	width:100%;
}

.chartbox .title {
	background-color:#F0ECEB;
	border-top:3px solid #005689;
	color:#050505;
	font-family:Georgia,Times,Times New Roman,serif;
	font-size:18px;
	font-weight:normal;
	height:30px;
	line-height:30px;
	padding-left:12px;
}

.chartbox .grafikon1 {
	margin-right:5px;
	border:1px solid #ABC2CB;
}
.chartbox .grafikon2 {
	border:1px solid #ABC2CB;
}
.chartbox .tabs {
	background-color: white;
	height: 24px;
}
.chartbox2 .tabs {
	background-color: white;
	height: 24px;
	margin-top:0px;
}
.chartbox .tabs .tab, .chartbox .tabs .activetab, .chartbox .comment {
	/* color: white; */
	height: 20px;
	margin-top:4px;
	line-height: 20px;
	padding: 0px 5px 0px 5px;
	margin-right: 1px;
	font-size: 12px;
	font-weight: bold;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	cursor: pointer;
}
.chartbox2 .tabs .tab, .chartbox2 .tabs .activetab, .chartbox2 .comment {
	/* color: white; */
	height: 20px;
	margin-top:4px;
	line-height: 20px;
	padding: 0px 3px 0px 3px;
	margin-right: 1px;
	font-size: 12px;
	font-weight: bold;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	cursor: pointer;
}

.chartbox .tab {
	background-color: #abc2cb;
}

.chartbox .activetab {
	background-color: #CFDCE1;
}

.chartbox2 .tab {
	background-color: #CCC;
}

.chartbox2 .activetab {
	background-color: #E6E6E6;
}


.chartbox .comment {
	color: black;
	background-color: white;
}

.chartbox .select {
	clear: left;
	margin: 6px;
}
.chartbox2 .select {
	clear: left;
	margin: 6px;
}
.chartbox .disabled {
	color: black;
	background-color: #e0e0e0;
	font-weight:bold;
}
.chartbox2 .disabled {
	color: black;
	background-color: #e0e0e0;
	font-weight:bold;
}

.chartbox div.grafikon {
	padding: 5px 5px 5px 5px;
	text-align: center;
}
.chartbox2 div.grafikon {
	padding: 5px 5px 5px 5px;
	text-align: center;
}
.chartbox .values {
	margin-top: 5px;
	margin-bottom: 0px;
}
.chartbox2 .values {
	margin-top: 5px;
	margin-bottom: 0px;
}
.chartbox .values td {
	padding: 3px;
	padding-right: 8px;
	font-size: 11px;
	font-weight: bold;
	color: white;
	text-align: left;
}
.chartbox2 .values td {
	padding: 3px;
	padding-right: 8px;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}


/* ---- charts ---- */