@charset "utf-8";
/* ====================================================================== */
/* === CLIMACT PROGRESS BAR ============================================= */
/* ====================================================================== */

div#ProgressBarContainer {
	position: relative;
	height: 70px;
}

div#ProgressBarTitle {
	color: #0361b0;
	font-weight: bold;
}

div#ProgressBarCanvas {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1000;
	background: url(../images/common/progressbar.gif) no-repeat;
	width: 318px;
	height: 24px;
	margin: 30px 0 0 0;
}

div#ProgressBarVolume {
	position: absolute;
	display: block;
	background: url(../images/common/progressbarvolume.gif) no-repeat;
	height: 16px;
	width: 190px;
	left: 123px;
	z-index: 1;
	top: 34px;
}

div#ProgressBarMinValue {
	position: absolute;
	left: 0px;
	top: 15px;
	z-index: 1000;
	font-size: 10px;
	color: #999999;
}

div#ProgressBarMaxValue {
	position: absolute;
	left: 317px;
	top: 15px;
	z-index: 1000;
	font-size: 10px;
	color: #999999;
}

div#ProgressBarAverageText {
	position: absolute;
	display: none;
	color: #888888;
	background: url(../images/common/progressbaraveragearrow.gif) bottom left no-repeat;
	height: 25px;
	padding: 0 0 0 15px;
	left: 100px;
	z-index: 1000;
	top: 5px;
	font-size: 10px;
}

div#ProgressBarTotal {
	position: absolute;
	width: 143px;
	height: 18px;
	padding: 4px 0 0 0;
	left: 323px;
	z-index: 1000;
	top: 31px;
	background: url(../images/common/progressbartotal.gif) no-repeat;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 11px;
}

/*NDA add css for detail link*/
div#ProgressBarDetailLink {
	position: absolute;
	width: 75px;
	height: 18px;
	left: 385px;
	z-index: 1000;
	top: 5px;
	text-align: right;
	font-size: 10px;
}

span#ProgressBarTotalFigure {
	color: #FFEA00;
}

div#ProgressBarPosValues {
	position: absolute;
	left: 5px;
	top: 34px;
	z-index: 1;
}

div#ProgressBarNegValues {
	position: absolute;
	left: 5px;
	top: 34px;
	height: 16px;
	z-index: 2;
	overflow: hidden;
}

div#ProgressBarPosValues div {
	float: left;
	height: 16px;
}

div#ProgressBarNegValues div {
	float: left;
	height: 16px;
}

/* Logement */
div#ProgressBarValue1 {
	/*background: #FF3300; */
	background: url(../images/common/progressbarpositive.gif) repeat-x;
}

/* Vehicule */
div#ProgressBarValue2 {
	/*background: #FF3300; */
	background: url(../images/common/progressbarpositive.gif) repeat-x;
}

/* Avion */
div#ProgressBarValue3 {
	/*background: #FF4400; */
	background: url(../images/common/progressbarpositive.gif) repeat-x;
}

/* Efforts */
div#ProgressBarValue5 {
	/*background: #00EE66; */
	background: url(../images/common/progressbarnegative1.gif) repeat-x;
}

/* Compensation */
div#ProgressBarValue4 {
	/*background: #0099FF; */
	background: url(../images/common/progressbarnegative2.gif) repeat-x;
}