.graph {
	position: relative;
	display: block;
	border: 1px solid black;
	background: white;
	float: left;
}

.graph .graphBar {
	display: block;
	border-right: 1px solid black;
}
.fixedHeight {
	height: 2em;
	line-height: 2em; /* later on investigate this: http://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/ */
}
.graph .graphBar .graphBarValue {
	position: absolute;
	left: 1em; 
} /* Note from technique borrowed: This extra markup is necessary because IE doesn't want to follow the rules for overflow: visible */

td.rowgroup {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: black;
}

/* Heavy */
table.colgroupsHeavy td.rowgroup {
	border-top-color: black; /* navy;*/
}
table.colgroupsHeavy,
th.colgroupHeavyText {
	border-style: double;
	border-width: 3px;
	border-color: black; /*navy;*/
}

th.colgroupHeavyLeft,
td.colgroupHeavyLeft {
	border-left-style: double;
	border-left-width: 3px;
	border-left-color: black; /*navy;*/
}

th.colgroupHeavyRight,
td.colgroupHeavyRight {
	border-right-style: double;
	border-right-width: 3px;
	border-right-color: black;/* navy;*/
}

/* Light */
table.colgroupsLight,
td.colgroupLightText,
th.colgroupLightText {
	border-style: solid;
	border-width: 1px;
	border-color: black;
}

th.colgroupLightTop,
td.colgroupLightTop {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: black;
}
th.colgroupLightBottom,
td.colgroupLightBottom {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: black;
}
th.colgroupLightLeft,
td.colgroupLightLeft {
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: black;
}
th.colgroupLightRight,
td.colgroupLightRight {
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: black;
}

th.colgroupLightData,
td.colgroupLightData {
	border-style: solid;
	border-width: 1px;
	border-color: gray;
}
th.colgroupLightDataTop,
td.colgroupLightDataTop {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: gray;
}
th.colgroupLightDataBottom,
td.colgroupLightDataBottom {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: gray;
}
th.colgroupLightDataLeft,
td.colgroupLightDataLeft {
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: gray;
}
th.colgroupLightDataRight,
td.colgroupLightDataRight {
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: gray;
}
td.borderRightNone {
	border-right-style: none;
}
td.borderLeftNone {
	border-left-style: none;
}