/**
 * Wir starten hier mal eine eigene CSS Datei für die Komponenten, die aus Prospect heraus entstehen. Sie muss trotzdem immer eingebunden werden, weil auch andere Mandanten diese Features nutzen können.
 */
.integraChart span {
	text-align: center;
	padding: 5px;
	margin: 5px 0;
}

.integraChart .c1 {
	padding: 5px 10px 5px 5px;
	text-align: right;
	vertical-align: middle !important;
	font-weight: bold;
}

.integraChart .c2 {
	min-width: 300px;
}

.integraChart .c2 span {
	/*margin: 5px 0 5px auto;*/
	margin-right: 0px;
    margin-left: auto;
}

.integraChart .c3 {
	width: 9px;
	min-width: 9px;
	max-width: 9px;
	background: url(/EurekaRLPPlus/javax.faces.resource/gfx/img/prospect/IntegraChartPfeilBG.png.xhtml);;
}

.integraChart .c4 {
	min-width: 300px;
}

.integraChart .minus1,
.integraChart .minus2,
.integraChart .plus1,
.integraChart .plus2 {
	display: block;
	border: 1px solid #888;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.integraChart .minus1.second,
.integraChart .minus2.second,
.integraChart .plus1.second,
.integraChart .plus2.second {
	margin-top:-26px;
}

.integraChart .minus1 {
	background-color: #faa;
	background: linear-gradient(left, #f44, #fcc);
	background: -o-linear-gradient(left, #f44, #fcc);
	background: -ms-linear-gradient(left, #f44, #fcc);
	background: -moz-linear-gradient(left, #f44, #fcc);
	background: -webkit-linear-gradient(left, #f44, #fcc);
	width: 200px;
}

.integraChart .minus2 {
	background-color: #f00;
	background: linear-gradient(left, #f00, #fcc);
	background: -o-linear-gradient(left, #f00, #fcc);
	background: -ms-linear-gradient(left, #f00, #fcc);
	background: -moz-linear-gradient(left, #f00, #fcc);
	background: -webkit-linear-gradient(left, #f00, #fcc);
	width: 300px;
}

.integraChart .plus1 {
	background-color: #c5dfae;
	background: linear-gradient(right, rgb(136, 189, 87), #d5efbe );
	background: -o-linear-gradient(right, rgb(136, 189, 87), #d5efbe );
	background: -ms-linear-gradient(right, rgb(136, 189, 87), #d5efbe );
	background: -moz-linear-gradient(right, rgb(136, 189, 87), #d5efbe );
	background: -webkit-linear-gradient(right, rgb(136, 189, 87), #d5efbe );
	width: 200px;
}

.integraChart .plus2 {
	background-color: #6cad2f;
	background: linear-gradient(right, #6cad2f, #d5efbe);
	background: -o-linear-gradient(right, #6cad2f, #d5efbe);
	background: -ms-linear-gradient(right, #6cad2f, #d5efbe);
	background: -moz-linear-gradient(right, #6cad2f, #d5efbe);
	background: -webkit-linear-gradient(right, #6cad2f, #d5efbe);
	width: 300px;
}

.integraChart .icLeft,
.integraChart .icRight {
	margin: 10px 0 0 0 !important;
	padding: 0 !important;
	display: block;
	font-size: 120%;
	font-weight: bold;
	color: #96b253;	
	border: none;
	box-shadow: none;
}

.integraChart .grauM1, .integraChart .grauM2, .integraChart .grauP1, .integraChart .grauP2{
	background-color: #888;
	background: #999;
	height: 16px;
	display: block;
}
.integraChart .grauM1, .integraChart .grauM2{
	border:1px solid #f00; 
}
.integraChart .grauP1, .integraChart .grauP2{
	border:1px solid green;
}
.integraChart .grauM1, .integraChart .grauP1{
	width: 200px;
}
.integraChart .grauM2, .integraChart .grauP2{
	width: 300px;
}


.integraChart .icLeft {
	text-align: right;
}

.integraChart .icRight {
	text-align: left;
}