
	.graph_complete {
		position: relative;
		height: 270px;
	}

	.scroll_left, .scroll_right, .scroll_left_over, .scroll_right_over {
		width: 20px;
		height: 279px;
		float: left;
		border: 1px solid #555;
		cursor: pointer;
		cursor: hand;
		position: absolute;
	}

	.scroll_left, .scroll_left_over {
		background: url(/img/arrow_left.png) no-repeat center center;
		border-right: none;
	}

	.scroll_right, .scroll_right_over {
		background: url(/img/arrow_right.png) no-repeat center center;
		border-left: none;
		left: 470px;
	}

	.scroll_left_over {
		background: url(/img/arrow_left_over.png) no-repeat center center;
	}

	.scroll_right_over {
		background: url(/img/arrow_right_over.png) no-repeat center center;
	}

	.view_port {
		width: 450px;
		height: 274px;
		overflow: hidden;
		left: 20px;
		border: 1px solid #555;
		padding-top: 5px;
		position: absolute;
	}

	.spending_graph {
		position: absolute;
	}

	.barGraph {
		height: 200px;
		padding: 0;
		margin: 0;
		position: absolute;
		top: 30px;
	}

	.barGraph li.p0, .barGraph li.p0-dash {
		margin-top: -32px;
		border: 0px;
		position: absolute;
		list-style: none;
		width: 30px;
		height: 274px;
		font-size: 10px;
		color: #800000;
		text-align: center;
	}

	.barGraph li.p0-dash {
		border-left: 1px dashed #800000;
	}

	.barGraph li.p1 {
		background: #666 url(/img/bar_highlight.png) repeat-y top right;
		border: 1px solid #555;
		border-bottom: none;
		bottom: 0;
		padding: 0;
		position: absolute;
		list-style: none;
		text-align: center;
		width: 30px;
		background-color: #D5DCCA;
		cursor: pointer;
		cursor: hand;
	}
	.barGraph li.p1 div {
		margin-top: -15px;
		height: 10px;
		position: absolute;
		left: 2px;
	}
	.barGraph li.p1 div a {
		font-size: 10px;
		color: #707070;
	}

	.barGraph li.p2 {
		border: 1px solid #555;
		bottom: -12px;
		margin: 0;
		padding: 0 0 0 0;
		position: absolute;
		list-style: none;
		text-align: center;
		width: 31px;
		background-color:#FFFFFF;
		font-size: 9px;
		height: 12px;
	}

	.barGraph li.p3 {
		position: absolute;
		bottom: -43px;
		margin: 0;
		padding: 0 0 0 0;
		list-style: none;
	}

	.barGraph li.p3 img {
		border: 1px solid #555;
		height: 30px;
		width: 30px;
		cursor: pointer;
		cursor: hand;
	}

	.ppu_article {
		padding: 5px;
		width: 310px;
		position: absolute;
		background:#FFFFFF;
		border: 1px solid #000000;
		visibility: hidden;
	}

	.ppu_article img {
		border: 1px solid #555;
		height: 80px;
		width: 80px;
		float: left;
		margin-right: 5px;
	}

	.spending {
		padding: 5px 5px 10px 5px;
		width: 400px;
		position: absolute;
		background:#FFFFFF;
		border: 1px solid #000000;
		visibility: hidden;
	}

	.spending table {
		margin-bottom: 7px;
	}

	.spending td {
		font-weight: bold;
		padding-right: 5px;
	}
