table.chartTable{width:100%;border-width:1px 0px 1px 0px;border-style:solid;border-color:#B78624;border-spacing:0px;}
table.chartTable>tbody>tr>td{padding:0em; overflow:hidden;}
table.chartTable>tbody>tr.header>td{background-color:#eeeeee;}
table.chartTable>tbody>tr.dgActiveRow>td.label{font-weight:600 !important;}
table.chartTable>tbody>tr.row>td{background-color:#ffffff;}
table.chartTable>tbody>tr.alternatingRow>td{background-color:#eeeeee;}
table.chartTable>tbody>tr>td.label{padding-left:0.25em;}
table.chartTable>tbody>tr>td.paddingLeft{padding-left:0.25em;}
table.chartTable>tbody>tr.header>td.label { padding-top:1.5em; padding-right:0.5em; text-align:right;}
table.chartTable>tbody>tr>td.gridControl { padding:0.25em;border-bottom:1px solid #B78624;font-style:normal; /*background-color:#eeeeee;*/background-color:#FFEDC9;}

.itemBarContainer {display: table; clear: both; height:0.75em; width:100%; position:absolute; top:0.25em; }
.itemBar { height:0.5em; background-color: rgba(196, 196, 196, 0.7); border-style: solid none; border-color: #666666; border-width:1px; display: inline-block; float:left; position:absolute; z-index:1;}

.assignmentBarContainer {display: table; clear: both; height:1.25em; width:100%; position:absolute; top:0.25em; }
.assignmentBar { height: 1em; top:0em; border-style:solid none; border-color:#bbbbbb; border-width:1px; display:inline-block; float: left; position: absolute; z-index:1;}
a.assignmentBar:hover{border-color:#999999;}
a.summarizedAssignmentBar:hover{border-color:#333333;}
a.itemBar:hover{border-color:#111111;}
.activities .summarizedAssignmentBar { border-color:#666666;  top:0.75em;}
.resources .summarizedAssignmentBar, .resources .assignmentBar { top:0.25em; }
.resources .summarizedAssignmentBar { border-color:#666666 }

.barFadeIn, .barFadeOut {border-style:dotted none;background-color:rgba(245, 245, 245, 1); z-index:2;}
.barFadeIn {left:0px; }
.barFadeOut { right:0px;}

.barBegin { border-left-style:solid;}
.barEnd { border-right-style:solid;}

tr.itemRow > td { padding: 0em;}
.activities tr.itemRow > td { min-height:2.25em; }
.resources tr.itemRow > td { padding: 0em; height:1.75em; min-height:1.75em; }
tr.assignmentRow > td { padding: 0em; height:1.75em; min-height:1.75em; }
tr.assignmentRow .resourceBar { top:0em;}
tr.assignmentRow .dgActiveRow { }

.iconExpandAssignments, .iconOpenClose {width:1.5em; display:inline-block; }
.treeIndent {width:1em; display:inline-block; }

.dateHeaderContainer { display: table; border-collapse: collapse; width: 100%; height:1.5em; float:left; }
.dateHeaderContainer.primaryScale {border-top:1px dotted #999999;  }
.dateHeaderContainer>.dateSeparator {height:1.5em; }
.dateHeaderContainer>.dateSeparator.current { background-color:#dddddd; }
.dateSeparatorContainer { display: table; border-collapse: collapse; width: 100%; padding:0em; margin:0em; }
.dateSeparator {display:table-cell;border:1px dotted #999999;border-top:none;border-bottom:none;left:0%; text-align:center;}
.activities tr.itemRow .dateSeparator { height:2.25em; }
.resources tr.itemRow .dateSeparator { height:1.9em; }
tr.assignmentRow .dateSeparator { height:1.85em; }
tr.assignmentRow>td.borderRight, tr.itemRow>td.borderRight, tr.header>td.borderRight {border-right:1px solid #ccc;}
.dateSeparator.current { background-color:rgba(195, 195, 195, 0.20); }
.dateSeparatorEmpty {border-left-style:none; border-right-style:none; }
.dateLabel { overflow: hidden; }
.dateSeparatorFirst {border-left:none;}
.dateSeparatorLast {border-right:none;}

div.colorLegendContainer{position:fixed; display:block; z-index:50; min-width:63em; left:0em; right:0em; bottom:0px; margin:0em; padding:0.125em 1em 0em 1em; background-color:rgba(205, 205, 205, 0.9);box-shadow:0px 0px 0.25em 0em #666}
div.rainbowColorLegend.colors, div.gradientColorLegend.colors {display:block; float:left; width:100%;}
div.rainbowColorLegend.colors>div, div.gradientColorLegend.colors>div{border:none; height:0.5em; display:inline-block; float:left;}
div.rainbowColorLegend.colors>div{width:0.8%;}
div.gradientColorLegend.colors>div{width:1%;}
div.rainbowColorLegend>div.mainStep, div.gradientColorLegend>div.mainStep{ border-width:0px 1px 0px 1px;border-color:#fff; border-style:solid;height:0.75em;}
div.rainbowColorLegend.labels, div.gradientColorLegend.labels{display:block;width:100%;line-height:1.5em;}
div.rainbowColorLegend.labels>span, div.gradientColorLegend.labels>span{display:inline-block;float:left;}
div.rainbowColorLegend.labels>span {text-align:center;}
div.rainbowColorLegend.labels>.minValue, div.rainbowColorLegend.labels>.maxValue{width:37%;}
div.rainbowColorLegend.labels>.targetValue {width:26%}
div.gradientColorLegend.labels>.minValue, div.gradientColorLegend.labels>.maxValue{width:50%;}