/* @class="%ZEN.SVGComponent.svgComponent" */
/* @class="%ZEN.SVGComponent.chart" */

/* @doc="Background of chart." */
.chart-background {
	fill: silver;
	stroke: black;
	stroke-width: 0.1px;
}

/* @doc="Border line inset from edge of chart." */
.chart-border {
	fill: none;
	stroke: none;
	stroke-width: 0.3px;
}

/* @doc="Plot area of chart." */
.chart-plotArea {
	fill: #F0F0F0;
	stroke: black;
	stroke-width: 0.1px;
}

/* @doc="Line along x and y axis." */
.chart-axisLines {
	fill: none;
	stroke: none;
	stroke-width: 0.2px;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* @doc="Plot edge for 3D chart." */
.chart-plotEdge {
	fill: gray;
	stroke: black;
	stroke-width: 0.1px;
}

/* @doc="Upper or lower band." */
.chart-band {
	fill: #D0D0F0;
	stroke: none;
}

/* @doc="Background of legend." */
.chart-legend {
	fill: #F0F0F0;
	stroke: black;
	stroke-width: 0.1px;
}

/* @doc="Major grid lines." */
.chart-majorGridLine { 
	stroke: black;
	stroke-width: 0.1px;
}

/* @doc="Grid stripes." */
.chart-gridStripes { 
	stroke: none;
	fill: #F0F0F0;
}

/* @doc="Minor grid lines." */
.chart-minorGridLine { 
	stroke: black;
	stroke-width: 0.1px;
	opacity: 0.5;
	stroke-dasharray: 0.1,0.1;
}

/* @doc="Lines within line plots." */
.chart-seriesLine {
	stroke-width: 0.25px;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* @doc="Bars within bar plots." */
.chart-seriesBar {
	stroke-width: 0.25px;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* @doc="Major tick marks." */
.chart-majorTick { 
	stroke: black;
	stroke-width: 1px;
	opacity: 0.7;
	stroke-linecap: round;
}

/* @doc="Minor tick marks." */
.chart-minorTick { 
	stroke: black;
	stroke-width: 1px;
	opacity: 0.7;
	stroke-linecap: round;
}

/* @doc="Chart title." */
.chart-title { 
	pointer-events: none;
/*	font-size: 4pt;*/
	fill: #404040;
	stroke: none;
}

/* @doc="Box underneath chart title." */
.chart-titleBox { 
	fill: none;
	stroke: none;
}

/* @doc="Labels on x-axis." */
.chart-xLabel { 
	pointer-events: none;
/*	font-size: 3.2pt; */
	fill: black;
	stroke: none;
}

/* @doc="Title for x-axis." */
.chart-xAxisTitle { 
	pointer-events: none;
/*	font-size: 3.2pt;  */
	opacity: 0.5;
	fill: black;
	stroke: none;
}

/* @doc="Labels on y-axis." */
.chart-yLabel { 
	pointer-events: none;
/*	font-size: 3.2pt;*/ 
	fill: black;
	stroke: none;
}

/* @doc="Title for y-axis." */
.chart-yAxisTitle { 
	pointer-events: none;
/*	font-size: 4.0pt; */
	fill: black;
	opacity: 0.5;
	stroke: none;
}

/* @doc="Labels for PieChart slices." */
.chart-sliceLabel { 
	pointer-events: none;
	font-size: 2.2pt;
	fill: black;
	stroke: none;
}

/* @doc="Labels within legend box." */
.chart-legendLabel {
	pointer-events: none;
	font-size: 2.2pt;
	fill: #404040;
	stroke: none;
}

/* @doc="Scroll and zoom buttons." */
.chart-scrollButton {
	fill: white;
	stroke: black;
	stroke-width: 0.25px;
}

/* @doc="Text used for element value." */
.chart-valueLabel {
	pointer-events: none;
	fill: #606060;
	stroke: none;
}

/* @doc="Caption within tool tip box." */
.chart-tooltipCaption {
	pointer-events: none;
	/*font-size: 3pt;*/
	fill: #606060;
	stroke: none;
}

/* @doc="Value displayed within tool tip box." */
.chart-tooltipValue {
	pointer-events: none;
	/*font-size: 3pt;*/
	font-weight: bold;
	fill: #404040;
	stroke: none;
}

/* @class="%ZEN.SVGComponent.compassButtons" */
.compassButton {
	fill: white;
	stroke: black;
	stroke-width: 1;
}

.compassButtonHover {
	fill: #FFFFB0;
	stroke: black;
	stroke-width: 2;
	cursor: pointer;
}

.compassIcon {
	fill: none;
	stroke: black;
	stroke-width: 1;
}
/* @class="%ZEN.SVGComponent.connector" */
.connector {
	fill: none;
	stroke: darkblue;
	stroke-width: 1px;
}
/* @class="%ZEN.SVGComponent.meter" */

/* labels for meters */
.meter-label {
	pointer-events: none;
	font-size: 8pt;
	fill: black;
	stroke: none;
}

/* @class="%ZEN.SVGComponent.radialNavigator" */

.rnavBackground {
	fill: #CCDDFF;
	stroke: gray;
	stroke-width: 0.5;
}

/* line from title to main node */
.rnavTitleConnector {
	fill: none;
	stroke: gray;
	stroke-width: 0.5;
	stroke-dasharray: 0.4,0.4;
}

/* main title */
.rnavTitle {
	fill: black;
	stroke: none;
	font-size: 4pt;
	font-weight: bold;
}

/* label for node */
.rnavLabel {
	fill: black;
	fill-opacity: 0.8;
	stroke: none;
	font-size: 2.5pt;
}

.rnavLabelHilight {
	fill: red;
	stroke: none;
	font-size: 3pt;
	font-weight: bold;
}

.rnavConnector {
	fill: none;
	stroke: black;
	stroke-width: 0.5;
}

.rnavHub {
	stroke: black;
	stroke-width: 0.5;
	fill: green;
}

.rnavHubHilight {
	stroke: black;
	stroke-width: 1;
	fill: red;
}

.rnavHubSelected {
	stroke: blue;
	stroke-width: 1;
	fill: yellow;
}

.rnavNode {
	stroke: black;
	stroke-width: 0.5;
	fill: blue;
}

.rnavNodeHilight {
	stroke: black;
	stroke-width: 0.8;
	fill: red;
}

.rnavNodeSelected {
	stroke: blue;
	stroke-width: 0.8;
	fill: yellow;
}

/* @class="%ZEN.SVGComponent.rect" */
.rect {
	fill: blue;
	stroke: orange;
	opacity: 0.5;
}
/* @class="%ZEN.SVGComponent.sprite" */
.sprite {
	fill: white;
	stroke: darkblue;
	stroke-width: 2px;
}
.spriteShadow {
	fill: black;
	stroke: black;
	opacity: 0.5;
	stroke-width: 1px;
}
.inputPort {
	fill: lightblue;
	stroke: darkblue;
	stroke-width: 1px;
}
.outputPort {
	fill: lightblue;
	stroke: darkblue;
	stroke-width: 1px;
}

.sprite-caption {
	pointer-events: none;
	font-size: 10pt;
	fill: black;
	stroke: none;
	font-family: "lucida sans unicode";
}

/* @class="%ZEN.SVGComponent.fuelGauge" */
.fuelGauge-body {
	stroke: black;
	stroke-width: 1px;
	stroke-linejoin: round;
}

.fuelGauge-body2 {
	stroke: black;
	stroke-width: 1px;
	stroke-linejoin: round;
}

.fuelGauge-tick {
	fill: none;
	stroke: black;
	stroke-width: 1px;
	stroke-linejoin: round;
	stroke-linecap: round;
}

.fuelGauge-needle {
	fill: none;
	stroke: red;
	stroke-width: 2px;
	stroke-linejoin: round;
	stroke-linecap: round;
}

.fuelGauge-shadow {
	fill: none;
	stroke: black;
	stroke-width: 1.8px;
	opacity: 0.1;
	stroke-linejoin: round;
	stroke-linecap: round;
}

.fuelGauge-lamp {
	stroke: #909090;
	stroke-width: 0.4;
}

.fuelGauge-levelTextBox {
	stroke: black;
	stroke-width: 0.8;
}

.fuelGauge-levelText {
	pointer-events: none;
	font-size: 4pt;
	fill: #404040;
	font-weight: bold;
	stroke: none;
	font-family: arial;
}

.fuelGauge-levelTextNeg {
	pointer-events: none;
	font-size: 4pt;
	fill: red;
	font-weight: bold;
	stroke: none;
	font-family: arial;
}

.fuelGauge-logoText {
	pointer-events: none;
	font-size: 5pt;
	fill: gray;
	stroke: none;
	font-family: tahoma verdana;
}
/* @class="%ZEN.SVGComponent.indicatorLamp" */
.indicatorLamp-body {
	stroke: black;
	stroke-width: 1px;
}

.indicatorLamp-text {
	pointer-events: none;
	font-size: 10pt;
	fill: black;
	stroke: none;
	font-weight: bold;
}

/* @class="%ZEN.SVGComponent.lightBar" */
.lightBar-body {
	stroke: black;
	stroke-width: 1px;
}

.lightBar-lampON {
	stroke: black;
	stroke-width: 1px;
}

.lightBar-lampOFF {
	stroke: black;
	stroke-width: 1px;
}

/* indicator */
.lightBar-lamp {
	stroke: #505050;
	stroke-width: 0.4;
}
/* @class="%ZEN.SVGComponent.slider" */
.slider-body {
	stroke-width: 1px;
	stroke: black;
	fill: darkgray;
	opacity: 0.75;
}

.slider-groove {
	stroke: black;
	stroke-width: 0.25px;
	fill: gray;
}

.slider-thumb {
	stroke: black;
	stroke-width: 0.25px;
	fill: #8080FF;
	stroke-linejoin: round;
}

.slider-thumbHover {
	stroke: black;
	stroke-width: 0.25px;
	fill: #FFFFB0;
	cursor: pointer;
	stroke-linejoin: round;
}

.slider-button {
	stroke: black;
	stroke-width: 0.25px;
	fill: #8080FF;
	stroke-linejoin: round;
}

.slider-buttonHover {
	stroke: black;
	stroke-width: 0.5px;
	stroke-linejoin: round;
	fill: #FFFFB0;
	cursor: pointer;
}

.slider-tick {
	stroke: black;
	stroke-width: 1px;
	opacity: 0.5;
	fill: none;
	stroke-linecap: round;
}
/* @class="%ZEN.SVGComponent.smiley" */
.smiley-face {
	stroke: black;
	stroke-width: 0.5px;
}

.smiley-eye {
	fill: none;
	stroke: black;
	stroke-width: 2px;
}

.smiley-eyePatch {
	fill: black;
	stroke: black;
	stroke-width: 2px;
}

.smiley-eyeBand {
	fill: black;
	stroke: black;
	stroke-width: 1px;
	stroke-linecap: round;
}

.smiley-mouth {
	fill: none;
	stroke: black;
	stroke-width: 2px;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.smiley-pirate-mouth {
	fill: white;
	stroke: black;
	stroke-width: 2px;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.smiley-alien-face {
	stroke: black;
	stroke-width: 0.5px;
}

.smiley-alien-eye {
	fill: black;
	stroke: black;
	stroke-width: 2px;
	stroke-opacity: 0.1;
}


/* @class="%ZEN.SVGComponent.speedometer" */
/* Body in stylized view */
.speedometer-body {
	stroke: black;
	stroke-width: 0.5px;
	stroke-linejoin: round;
}

.speedometer-nub {
	stroke: black;
	stroke-width: 0.25px;
	stroke-linejoin: round;
}

.speedometer-outerCircle {
	stroke: black;
	stroke-width: 0.25px;
	stroke-linejoin: round;
}

.speedometer-midCircle {
	fill: none;
	opacity: 0.25;
	stroke: black;
	stroke-width: 0.25px;
	stroke-linejoin: round;
}

.speedometer-ring {
	fill: none;
	stroke: none;
}

.speedometer-innerCircle {
	fill: white;
	opacity: 0.25;
	stroke: black;
	stroke-width: 0.25px;
	stroke-linejoin: round;
}

/* Tick for non-stylized meter. */
.speedometer-tick {
	fill: none;
	stroke: #404040;
	stroke-width: 0.3px;
	stroke-linejoin: round;
	stroke-linecap: round;
}

/* Seperator line between value labels. */
.speedometer-separator {
	fill: none;
	stroke: #404040;
	opacity: 0.1;
	stroke-width: 0.3px;
	stroke-linejoin: round;
	stroke-linecap: round;
}

/* Target tick mark. */
.speedometer-targetTick {
	fill: none;
	stroke: #404080;
	stroke-width: 0.4px;
	stroke-linejoin: round;
	stroke-linecap: round;
}

/* Minor tick for non-stylized meter. */
.speedometer-minorTick {
	fill: none;
	stroke: #808080;
	stroke-width: 0.1px;
	stroke-linejoin: round;
	stroke-linecap: round;
}

.speedometer-tickThin {
	fill: none;
	stroke: #202020;
	stroke-width: 1px;
	stroke-linejoin: round;
	stroke-linecap: round;
}

.speedometer-tickThick {
	fill: none;
	stroke: black;
	stroke-width: 2px;
	stroke-linejoin: round;
	stroke-linecap: round;
}

.speedometer-needle {
	fill: red;
	stroke: black;
	stroke-width: 0.5px;
	stroke-linejoin: round;
	stroke-linecap: round;
}

.speedometer-shadow {
	fill: black;
	stroke: black;
	stroke-width: 0.5px;
	opacity: 0.1;
	stroke-linejoin: round;
	stroke-linecap: round;
}

.speedometer-lamp {
	stroke: #404040;
	stroke-width: 0.2;
}

.speedometer-lowRange,.speedometer-highRange {
	stroke: none;
	fill: red;
	opacity: 0.75;
}

.speedometer-levelTextBox {
	fill: white;
	stroke: black;
	stroke-width: 0.3;
	opacity: 0.5;
}

/* odometer text */
.speedometer-levelText {
	pointer-events: none;
	font-size: 4pt;
	fill: #606060;
	font-weight: bold;
	stroke: none;
	font-family: arial;
}
.speedometer-levelTextNeg {
	pointer-events: none;
	font-size: 4pt;
	fill: red;
	font-weight: bold;
	stroke: none;
	font-family: arial;
}

.speedometer-logoText {
	pointer-events: none;
	font-size: 5pt;
	fill: gray;
	stroke: none;
	font-family: tahoma verdana;
}

/* Logo in non-stylized view */
.speedometer-logoText2 {
	pointer-events: none;
	font-size: 3pt;
	fill: #606060;
	stroke: none;
	font-family: arial;
}

/* labels in non-stylized view */
.speedometer-labelText {
	pointer-events: none;
	font-size: 4pt;
	fill: black;
	stroke: none;
	font-family: arial;
}

/* @class="%ZEN.SVGComponent.textMeter" */
.textMeter-body {
	stroke: #808080;
	stroke-width: 0.5px;
	fill: white;
}

/* value text */
.textMeter-text {
	pointer-events: none;
	font-size: 9pt;
	fill: #404040;
	stroke: none;
}

/* label text */
.textMeter-label {
	pointer-events: none;
	font-size: 4.5pt;
	fill: #606060;
	stroke: none;
}

/* @class="%ZEN.SVGComponent.trafficLight" */
.trafficLight-body {
	stroke: black;
	stroke-width: 1px;
}

.trafficLight-lamp {
	stroke: black;
	stroke-width: 1px;
}

/* EOF */