/*
div {
	box-sizing : border-box;
	-moz-box-sizing : border-box;
}
*/

/*
TABLE {
	border-collapse: collapse;
	box-sizing : border-box;
	-moz-box-sizing : border-box;
}
*/

div.g {
/*	border: solid 1px red; */
	position: relative;
	table-layout: fixed;
	width: 480px;
	height: 180px;
	z-index: 2;
	overflow: hidden;
	line-height: normal;
}

div.g_plot {
	position: absolute;
	left: 57px;
	top: 10px;
	overflow: hidden;
	border: solid 1px #000000;
	padding: 0px;
	z-index: 1;
}

table.axis {
	position: absolute;
	left: 57px;
	top: 10px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
td.axis {
	border: solid 1px #cccccc;
}

table.y_axis {
	position: absolute;
	left: 52px;
	top: 10px;
	padding: 0 0 0 0;
	overflow: hidden;
}
td.y_axis {
	width: 5px;
	border-top: solid 1px #333333;
	border-bottom: solid 1px #333333;
}

table.x_axis {
	position: absolute;
	left: 57px;
	top: 161px;
	height: 5px;
	padding: 0px;
	border-collapse: collapse;
	overflow: hidden;
}
td.x_axis {
	border-left: solid 1px #333333;
	border-right: solid 1px #333333;
}

div.bar {
	position: absolute;
	overflow: hidden;
}

.bar1 {
	background-color: blue;
	filter: Alpha(opacity=70);
}

.bar2 {
	background-color: red;
	filter: Alpha(opacity=70);
}


.bar1_1 {
	background-color: blue;
	filter: Alpha(opacity=70);
}

.bar1_2 {
	background-color: skyblue;
	filter: Alpha(opacity=70);
}

.bar2_1 {
	background-color: red;
	filter: Alpha(opacity=70);
}

.bar2_2 {
	background-color: pink;
	filter: Alpha(opacity=70);
}

table.x_label {
	position: absolute;
	left: 56px;
	top: 165px;
	border-collapse: collapse;
	font-size: 8pt;
	font-family: arial;
	text-align: right;
	line-height: normal;
}
td.x_label {
	overflow: hidden;
}

table.y_label {
	position: absolute;
	left: 0px;
	top: 10px;
	width: 50px;
	font-size: 7pt;
	font-family: arial;
	line-height: normal;
}

td.y_label {
	vertical-align: top;
	text-align: right;
	overflow: hidden;
}