/* General */
.jsogantt {
	border: 1px solid rgb(128,128,128);

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	
	width:100%;
	height:100%;
}
.jsogantt text {
	dominant-baseline:middle;
}

.jsogantt svg {
	background-color:#ccc;
}

/* Splitter Bars */
.jsogantt .splitterV {
	width: 4px;
	cursor: col-resize;
	border-left:2px solid #fff;
	background: #bbb;
	border-right:2px solid #777;
}
.jsogantt .splitterH {
	height: 4px;
	cursor: row-resize;
	border-top:2px solid #fff;
	background: #bbb;
	border-bottom:2px solid #777;
}
.jsogantt .splitA {
	min-width:100px;
}

/* Header Styles */
.jsogantt .headerBox {
	stroke:url(#headerStroke);
	fill:#bbe;
}
.jsogantt .headerBorderLight {
	stop-color:white;
	stop-opacity:0.65;
}
.jsogantt .headerBorderMid {
	stop-opacity:0;
}
.jsogantt .headerBorderDark {
	stop-color:black;
	stop-opacity:0.65;
}
.jsogantt .headerShadow {
	height:3px;
	fill:black;
	fill-opacity:0.25;
}

/* Lines */
.jsogantt .gridLineLight {
	stop-color:white;
	stop-opacity:0.35;
}
.jsogantt .gridLineDark {
	stop-color:black;
	stop-opacity:0.35;
}
.jsogantt .gridHLine {
	stroke:url(#gridHLineStroke);
}
.jsogantt .gridVLine {
	stroke:url(#gridVLineStroke);
}
.jsogantt .markerLine {
	stroke:url(#gridVLineStroke);
}

/* Tree-List */
.jsogantt .treeListArea {
}
.jsogantt .treeListHeaderText {
	fill:black;
	font: italic bold 13px sans-serif;
}
.jsogantt .treeListBodyText {
	fill:black;
	font: 12px sans-serif;
	padding:3px;
}
.jsogantt .treeListSelectedRow {
	fill:#88e;
}
.jsogantt .treeListDraggingRow {
	fill:#aaf;
	stroke-width:2px;
	stroke:black;
}
.jsogantt .treeListSelected .treeListBodyText {
	fill:white;
}
.jsogantt .treeListEditText {
	/*input*/
}
.jsogantt .treeListExpandCollapseCategory {
	fill:yellow;
	stroke:black;
	/*rx:5;*/ /*svg corner-radius*/
}
.jsogantt .treeListExpandCollapsePlusMinus {
	fill:#444;
}


/* Gantt Chart */
.jsogantt .ganttArea {
}
.jsogantt .ganttNonWorkDay {
	fill:#bbb;
}
.jsogantt .ganttHeaderText {
	fill:black;
	font: 13px sans-serif;
	padding:3px;
}
.jsogantt .ganttPhaseText {
	fill:black;
	stroke:#ccc; /*stroke creates an outline matching the chart background to help the text stand out*/
	stroke-width:1;
	paint-order:stroke;
	font: 12px sans-serif;
    font-weight: bold;
	padding:10px;
}
.jsogantt .ganttSelectedPhase {
	stroke:black;
	stroke-width:2px;
}
.jsogantt .blockUnhighlight {
	/*rect*/
	stroke:black;
	stroke-opacity:0.5;
	fill:url(#lgNormal);
}
.jsogantt .blockHighlight {
	/*rect*/
	stroke:black;
	fill:url(#lgHighlight);
}
.jsogantt .blockProgress {
	/*rect*/
	margin:3px;
	margin-bottom:4px;
	stroke:black;
	fill:url(#lgNormal);
}
.jsogantt .milestoneUnhighlight {
	/*polygon*/
	stroke:black;
	stroke-width:2px;
	fill:url(#lgNormal);
}
.jsogantt .milestoneHighlight {
	/*polygon*/
	stroke:black;
	stroke-width:2px;
	fill:url(#lgHighlight);
}
.jsogantt .groupUnhighlight {
	/*polygon*/
	stroke:black;
	stroke-opacity:0.5;
}
.jsogantt .groupHighlight {
	/*polygon*/
	stroke:black;
}
.jsogantt .groupProgress {
	/*rect*/
	stroke-opacity:0;
	margin:0px;
	fill-opacity:0.3;
}
.jsogantt .suspensionLine {
	stroke-width:2px;
	stroke-dasharray: 2 5;
}
.jsogantt .relationLine {
	/*polyline using stroke*/
	stroke-width:3px;
	stroke-linejoin:round;
}
.jsogantt .relationArrow {
	/*polygon using fill*/
}
.jsogantt .ganttTooltip {
	stroke:black;
	fill:white;
	font: 13px sans-serif;
}

/* Key Area */
.jsogantt .keyArea {
	fill:black;
	font: 13px sans-serif;
}
.jsogantt .keyScaleGuide {
	/*line*/
	stroke:#800;
}
.jsogantt .keyScaleGuideText {
	fill:#800;
	font-size:12px;
	font-style:italic;
}

/* Graph Area */
.jsogantt .graphArea {
	background-color:#ddd;
}
.jsogantt .graphLine {
	/*line using stroke*/
}

/* Totals Area */
.jsogantt .totalsArea {
	background-color:#ddd;
	font-family:Arial;
}
.jsogantt .totalsArea .font1 {
	font-family:Verdana,Arial,Helvetica,Sans-serif;
}
.jsogantt .totalsArea .font2 {
	font-family:Courier New,Monospace;
}
.jsogantt .totalsArea .font3 {
	font-family:Times New Roman,Georgia,Serif;
}
.jsogantt .totalsHLine {
	stroke:url(#gridHLineStroke);
}
.jsogantt .totalsVLine {
	stroke:url(#gridVLineStroke);
}

#lgNTop {
	stop-opacity:0;
}
#lgNBtm {
	stop-opacity:0.75;
}
#lgHTop {
	stop-color:white;
	stop-opacity:0.5;
}
#lgHBtm {
	stop-opacity:0.75;
}