.jchartfx {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px
    }
.jchartfxToolTip {
    background-color: #282828;
    color: #F0F0F0;
    padding: 3px;
    font-size: 9pt;
    font-family: Arial;
    font-weight: bold;
    -moz-border-radius: 3px;
    border-radius: 3px;
    pointer-events: none;
    border-style: solid;
    border-width: 1px;
    border-color: #999;
    -webkit-font-smoothing: antialiased;
    pointer-events: none
    }
.jchartfxToolTipVisible {
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out
    }
.jchartfxToolTipHidden {
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out
    }
.jchartfxToolTip2 {
    pointer-events: none
    }
.jchartfxToolTipBorder {
    fill: #FFF;
    stroke: #000
    }
.jchartfxToolTip2Visible {
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out
    }
.jchartfxToolTip2Hidden {
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out
    }
.jchartfx .Attribute0 {
    fill: #57ACDA;
    stroke: #4281A4;
    stroke-width: 1
    }
/* Low */
.jchartfx .Attribute0Line {
    stroke: #091abb;
    stroke-width: 2
    }
.jchartfx .Attribute0Alt {
    fill: #4281A4
    }
.jchartfx .Attribute1 {
    fill: #93E24E;
    stroke: #6FAA3B;
    stroke-width: 0
    }
/* High */
.jchartfx .Attribute1Line {
    stroke: #a8151f;
    stroke-width: 2
    }
.jchartfx .Attribute1Alt {
    fill: #6FAA3B
    }
/* Precipitation */
.jchartfx .Attribute2 {
    fill: #24b9f0
    }
.jchartfx .Attribute2Line {
    stroke: #B65145;
    stroke-width: 3
    }
.jchartfx .Attribute2Alt {
    fill: #B65145
    }
.jchartfx .Attribute3 {
    fill: #F5D34A;
    stroke: #B89F38;
    stroke-width: 1
    }
.jchartfx .Attribute3Line {
    stroke: #B89F38;
    stroke-width: 3
    }
.jchartfx .Attribute3Alt {
    fill: #B89F38
    }
.jchartfx .Attribute4 {
    fill: #F89553;
    stroke: #BA703F;
    stroke-width: 1
    }
.jchartfx .Attribute4Line {
    stroke: #BA703F;
    stroke-width: 3
    }
.jchartfx .Attribute4Alt {
    fill: #BA703F
    }
.jchartfx .Attribute5 {
    fill: #65C773;
    stroke: #4C9657;
    stroke-width: 1
    }
.jchartfx .Attribute5Line {
    stroke: #4C9657;
    stroke-width: 3
    }
.jchartfx .Attribute5Alt {
    fill: #4C9657
    }
.jchartfx .Attribute6 {
    fill: #5ABEC7;
    stroke: #448F96;
    stroke-width: 1
    }
.jchartfx .Attribute6Line {
    stroke: #448F96;
    stroke-width: 3
    }
.jchartfx .Attribute6Alt {
    fill: #448F96
    }
.jchartfx .Attribute7 {
    fill: #CE9884;
    stroke: #9B7263;
    stroke-width: 1
    }
.jchartfx .Attribute7Line {
    stroke: #9B7263;
    stroke-width: 3
    }
.jchartfx .Attribute7Alt {
    fill: #9B7263
    }
.jchartfx .Attribute8 {
    fill: #5F6775;
    stroke: #484E58;
    stroke-width: 1
    }
.jchartfx .Attribute8Line {
    stroke: #484E58;
    stroke-width: 3
    }
.jchartfx .Attribute8Alt {
    fill: #768092
    }
.jchartfx .Attribute9 {
    fill: #E9EA52;
    stroke: #AFB03E;
    stroke-width: 1
    }
.jchartfx .Attribute9Line {
    stroke: #AFB03E;
    stroke-width: 3
    }
.jchartfx .Attribute9Alt {
    fill: #AFB03E
    }
.jchartfx .Attribute10 {
    fill: #E04E61;
    stroke: #A83B49;
    stroke-width: 1
    }
.jchartfx .Attribute10Line {
    stroke: #A83B49;
    stroke-width: 3
    }
.jchartfx .Attribute10Alt {
    fill: #A83B49
    }
.jchartfx .Attribute11 {
    fill: #6FE4C8;
    stroke: #54AB96;
    stroke-width: 1
    }
.jchartfx .Attribute11Line {
    stroke: #54AB96;
    stroke-width: 3
    }
.jchartfx .Attribute11Alt {
    fill: #54AB96
    }
.jchartfx .Attribute12 {
    fill: #ECA63F;
    stroke: #B17D30;
    stroke-width: 1
    }
.jchartfx .Attribute12Line {
    stroke: #B17D30;
    stroke-width: 3
    }
.jchartfx .Attribute12Alt {
    fill: #B17D30
    }
.jchartfx .Attribute13 {
    fill: #99D0A0;
    stroke: #739C78;
    stroke-width: 1
    }
.jchartfx .Attribute13Line {
    stroke: #739C78;
    stroke-width: 3
    }
.jchartfx .Attribute13Alt {
    fill: #739C78
    }
.jchartfx .Attribute14 {
    fill: #CE8FBE;
    stroke: #9B6C8F;
    stroke-width: 1
    }
.jchartfx .Attribute14Line {
    stroke: #9B6C8F;
    stroke-width: 3
    }
.jchartfx .Attribute14Alt {
    fill: #9B6C8F
    }
.jchartfx .Attribute15 {
    fill: #8DC3E0;
    stroke: #6A93A8;
    stroke-width: 1
    }
.jchartfx .Attribute15Line {
    stroke: #6A93A8;
    stroke-width: 3
    }
.jchartfx .Attribute15Alt {
    fill: #6A93A8
    }
.jchartfx .MarkerHollow {
    fill: #FFF;
    stroke-width: 4
    }
.jchartfx .Marker {
    stroke-width: 2
    }
.jchartfx .Border {
    fill: #fff
    }
.jchartfx AxisY0_Major {
    stroke-width: 2
    }
.jchartfx .PlotArea {
    fill: transparent;
    stroke: #DBDBD9;
    stroke-width: 1
    }
.jchartfx .PlotArea3D {
    fill: #F5F5F2;
    stroke: #DBDBD9;
    stroke-width: 1
    }
.jchartfx .Title {
    fill: #666;
    stroke-width: 1
    }
.jchartfx .CustomGridLine {
    stroke: #FC4B35
    }
.jchartfx .CustomGridLineLabel {
    fill: #666
    }
.jchartfx .AxisText {
    fill: #0D0D0D
    }
.jchartfx .AxisY0_Major {
    stroke: #0D0D0D;
    stroke-width: 1
    }
.jchartfx .AxisMinor {
    stroke: #DBDBD9
    }
.jchartfx .AxisInterlaced {
    fill: #F5F5EE
    }
.jchartfx .AxisLine {
    stroke: #0D0D0D;
    stroke-width: 1
    }
.jchartfx .AxisSection {
    fill: #FFF;
    stroke: #FFF
    }
.jchartfx .PointLabel {
    fill: #666
    }
.jchartfx .PointLabelBorder {
    fill: #D0D0D0
    }
.jchartfx .Title {
    fill: #0296B1;
    font-size: 11pt
    }
.jchartfx .LegendBox {
    fill: transparent;
    stroke: #DBDBD9;
    stroke-width: 1
    }
.jchartfx .LegendItem {
    fill: #666
    }
.jchartfx .ScrollBar {
    fill: #F5F5F2;
    stroke: #DBDBD9;
    stroke-width: 1
    }
.jchartfx .ScrollThumb {
    fill: #DBDBD9
    }
.jchartfx .ScrollArrow {
    fill: #DBDBD9
    }
.jchartfx .LoopMarker {
    stroke: #F00000;
    stroke-width: 2
    }
.jchartfx .DataGrid_HeaderBack {
    fill: #DDE3E7
    }
.jchartfx .DataGrid_Back {
    fill: #F5F5F2
    }
.jchartfx .DataGrid_GridLine {
    fill: #DEDAD3
    }
.jchartfx .DataGridText {
    fill: #666
    }
.jchartfx .DataGridTextAlternate {
    fill: #000
    }
.jchartfx .DataGrid_BackInterlaced {
    fill: #FFF
    }
.jchartfx .DataGrid_RowHeader {
    fill: #666
    }
.jchartfx .DataGrid_ColumnHeader {
    fill: #6D7D8A
    }
.jchartfx .DataGrid_RowHeaderAlternate {
    fill: #000
    }
.jchartfx .HeatMap0 {
    fill: #57ACDA
    }
.jchartfx .HeatMap1 {
    fill: #93E24E
    }
.jchartfx .HeatMap2 {
    fill: #A02000
    }
.jchartfx .EqualizerTop0 {
    fill: #EB8B34
    }
.jchartfx .EqualizerTop1 {
    fill: #E5E43A
    }
.jchartfx .EqualizerOff {
    fill: #00A000
    }
.jchartfx .SpecialPoint {
    fill: #D0A000;
    stroke: #806000
    }
.jchartfx .SpecialPointLine {
    stroke: #806000
    }
.jchartfx .AnnotationRectangle {
    stroke: #806000;
    fill: #D04080
    }
.jchartfx .AnnotationTextBorder {
    stroke: #606060;
    fill: #FFF3EE
    }
.jchartfx .AnnotationText {
    fill: #404040;
    font-size: 18pt
    }
.jchartfx .AnnotationCircle {
    stroke: #2060D0;
    fill: #404080
    }
.jchartfx .AnnotationBalloon {
    stroke: #206020;
    fill: #A0A0E0
    }
.jchartfx .AnnotationBalloonText {
    fill: #404040
    }
.jchartfx .AnnotationArrow {
    stroke: #404040;
    fill: #800000
    }
/* Added by BM */
jchartfx.AxisX_Line {
    stroke: #DBDBD9;
    stroke-width: 2
    }