﻿
        #pMJxHuySx-an-anim {
            display1: none;
        }

            #pMJxHuySx-an-anim > ol {
                list-style: none;
                position: relative;
                margin: 0;
                padding: 0;
            }

                #pMJxHuySx-an-anim > ol > li {
                    position: absolute;
                    top: 0;
                    left: 0;
                    margin: 0;
                    padding: 0;
                    display1: none;
                }

        #pMJxHuySx-an-stage > div {
            display1: none;
        }

        #Android2LxStrike {
            display: none;
        }

        #LightningSkyGround {
            position: absolute;
            bottom1: 100px;
            bottom: 0px;
            width: 320px;
            height: 315px;
            left: 0px;
            background-image: url('images/sparkbg2.png');
        }

        #LightningSkyGroundExt {
            position: absolute;
            bottom1: 100px;
            bottom: 0px;
            width: 320px;
            height: 315px;
            left: 320px;
            background-image: url('images/sparkbg2ext.png');
        }

        #LightningSkyGroundExt2 {
            position: absolute;
            bottom1: 100px;
            bottom: 0px;
            width: 320px;
            height: 315px;
            left: 638px;
            background-image: url('images/sparkbg2.png');
        }

        .lxData {
            font-size: 12px;
            color: #FFFFFF;
            overflow: hidden;
        }

        .lxDataLegend {
            font-size: 10px;
        }

        .lxDataMessage {
            padding: 8px;
            font-size: 10px;
        }

        .lxDataLegG {
            background-color: #00b050;
        }

        .lxDataLegY {
            background-color: #ffff00;
        }

        .lxDataLegO {
            background-color: #ffc000;
        }

        .lxDataLegR {
            background-color: #ff0000;
        }

        .lxDataUpdate {
            font-size: 10px;
        }

        .lxDataTxtMiles {
            font-size: 4.5em;
            font-weight: bold;
        }

        .textcolorClassGreen {
            color: #00b050;
        }

        .textcolorClassOrange {
            color: #ffc000;
        }

        .textcolorClassYellow {
            color: #ff0;
        }

        .textcolorClassRed {
            color: red;
        }

        .boxcolorClassGreen {
            color: #fff;
            background-color: #00b050;
        }

        .boxcolorClassOrange {
            color: #000;
            background-color: #ffc000;
        }

        .boxcolorClassYellow {
            color: #000;
            background-color: #ff0;
        }

        .boxcolorClassRed {
            color: #fff;
            background-color: red;
        }

        .pin_clusterer {
            background-position: 6px 0px;
            cursor: pointer !important;
            background-image: url("images/lxstrk_clust.png") !important;
            width: 35px !important;
            height: 35px !important;
            background-repeat: no-repeat;
        }

            .pin_clusterer.pin {
                background-position: 10px 5px;
                cursor: auto;
                background-image: url("images/lxstrkt.png") !important;
                width: 35px !important;
                height: 35px !important;
                background-repeat: no-repeat;
            }

            .pin_clusterer div {
                color: #000 !important;
                font-size: 10px !important;
                font-weight: normal !important;
                margin-top: 8px;
                text-align: center;
                margin-left: 7px !important;
                width: 19px !important;
            }

            .pin_clusterer.cluster {
                outline: 4px;
            }

            .pin_clusterer img {
                display: none !important;
            }

        .lxSplash {
            padding-bottom: 15px;
            margin-left: 20px;
        }

        #lxSplashWV {
            padding-bottom: 15px;
        }

        #lxSplashScanTxt {
            padding-left: 20px;
            width1: 270px;
            height: 30px;
            color: white;
            font-weight: bold;
            font-style: italic;
            font-size: 18px;
        }

        #lxSplashLogo {
            margin1: 0 auto;
            width: 134px;
            height: 57px;
            background-size: 134px 57px;
            background-image: url("images/sparklogo.svg") !important;
        }

            #lxSplashLogo.png {
                background-image: url("../images/sparklogo.png") !important;
            }

        #lxSplashWVContainer {
            width: 171px;
            height: 171px;
            z-index: 1;
            display: inline-block;
            position: relative;
        }

        #strkDivCont {
            position: absolute;
            width: 155px;
            height: 155px;
            z-index: 2;
            top: 8px;
            left: 8px;
        }
        .legendArrowBlk
{
	width: 9px;
	height: 7px; 
    background-image: url('images/legarrw-blk.png') !important;
    background-repeat: no-repeat;
}
.legendArrowWht
{
	width: 9px;
	height: 7px;
	background-image: url('../images/legarrw-wht.svg') !important;
    background-repeat: no-repeat;
}

.legendArrowBlk.png
{
	background-image: url('images/legarrw-blk.png') !important;
}
        .strkDiv {
            position: absolute;
            width: 23px;
            height: 28px;
            background-image: url("../images/lxboltrdr_glow.png") !important;
            background-repeat: no-repeat;
            z-index: 2;
        }

        .btn {
            background: #A6A6A6; /* Old browsers */
            background: -moz-linear-gradient(top, #D5D5D5 0%, #C6C6C6 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D5D5D5), color-stop(100%,#C6C6C6)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #D5D5D5 0%,#C6C6C6 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #D5D5D5 0%,#C6C6C6 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #D5D5D5 0%,#C6C6C6 100%); /* IE10+ */
            background: linear-gradient(to bottom, #D5D5D5 0%,#C6C6C6 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D5D5D5', endColorstr='#C6C6C6',GradientType=0 ); /* IE6-9 */
            font-size: 14px;
            border-left: 1px solid #999999;
            border-bottom: 1px solid #999999;
            vertical-align: middle;
            color: #213453;
            font-weight: 500;
        }
        .btn img
        {
        position:absolute;
        top:0px;
        bottom:0px;
        margin:auto;
        min-height:30px

        }
         .btn2 {
            background: white; /* Old browsers */ 
            font-size: 14px;
            border-left1: 1px solid #999999;
            border-bottom1: 1px solid #999999;
            vertical-align: middle;
            color: #213453;
            font-weight: 500;
        }
        .btn2 img
        {
        position:absolute;
        top:0px;
        bottom:0px;
        margin:auto;
        min-height:30px

        }

        .btn span
        {
        position:absolute;
        top:50%;
        margin-top:-5px;
        left:40%;
        height:30px;

        }

        .btnhighlight {
            background: #3B3B3B; /* Old browsers */
            background: -moz-linear-gradient(top, #3B3B3B 0%, #3B3B3B 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3B3B3B), color-stop(100%,#3B3B3B)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #3B3B3B 0%,#3B3B3B 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #3B3B3B 0%,#3B3B3B 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #3B3B3B 0%,#3B3B3B 100%); /* IE10+ */
            background: linear-gradient(to bottom, #3B3B3B 0%,#3B3B3B 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3B3B3B', endColorstr='#3B3B3B',GradientType=0 ); /* IE6-9 */
            font-size: 14px;
            border-left: 1px solid #999999;
            border-bottom: 1px solid #999999;
            vertical-align: middle;
            color: #FFFFFF;
            font-weight: 500;
        }

        .sel {
            background: #ADADAD; /* Old browsers */
            background: -moz-linear-gradient(top, #ADADAD 0%, #C2C2C2 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A6A6A6), color-stop(100%,#C2C2C2)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #ADADAD 0%,#C2C2C2 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #ADADAD 0%,#C2C2C2 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,#ADADAD 0%,#C2C2C2 100%); /* IE10+ */
            background: linear-gradient(to bottom, #ADADAD 0%,#C2C2C2 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ADADAD', endColorstr='#C2C2C2',GradientType=0 ); /* IE6-9 */
            font-size: 14px;
            border-left: 1px solid #999999;
            border-bottom: 1px solid #999999;
            vertical-align: middle;
        }

        .blue {
            background-color: blue;
        }

        .alone {
            border-right: 1px solid #999999;
        }

        .btn div.btninner {
            text-align: center;
            padding-left1: 11px;
            padding-top1: 7px;
            height: 100%;
        }

         .info {
            background-image: url(images/infoicon2.png);
            background-repeat: no-repeat;
            height:40px;
            width:40px;
        }

         .maps {
            background-image: url(images/maps_home.png);
            background-repeat: no-repeat;
        }

         .spark {
            background-image: url(images/sparkicon2.png);
            background-repeat: no-repeat;
        }

        .refresh {
            background-image: url(images/refreshicon2.png);
            background-repeat: no-repeat;
        }

        #LightningBearingBg {
            position: absolute;
            width: 100%;
            height: 44px;
            top: 0px;
            left: 0px;
            z-index: 10;
            background1: rgba(0,0,0,0.4);
            background-color: #335C75;
            background-repeat: no-repeat;
        }
        .disable_text_highlighting {
            -webkit-touch-callout: none;
            -webkit-user-select: none;  
            -moz-user-select: none;    
            -ms-user-select: none;     
            -o-user-select: none;
            user-select: none;  
        }

        #LightningLogo {
            position: absolute;
            width: 83px;
            height: 35px;
            top: 0px;
            left: 0px;
            right: 50%;
            z-index: 1000;
            float: left;
            margin-left: 4px;
            margin-top: 4px;
            background-size: 83px 35px;
            background-image: url("images/sparklogo.png");
        }

        #LightningBearingArrowBG {
            margin-right: 4px;
            margin-top: 4px;
            float: right;
            background-image: url("images/bearingarrowbg.svg") !important;
            width: 38px;
            height: 38px;
            background-repeat: no-repeat;
        }

            #LightningBearingArrowBG.png {
                 
                background-image: url("images/bearingarrowbg.png") !important;
            }

        #LightningBearingArrow {
             
            background-image: url("images/bearingarrow.svg") !important;
            width: 38px;
            height: 38px;
            background-repeat: no-repeat;
        }

            #LightningBearingArrow.png {
                background-image: url("images/bearingarrow.png") !important;
            }

        #sparkscene {
            background: #5599C4; /* Old browsers */
            background: -moz-linear-gradient(top, #5599C4 0%, #87BEE1 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5599C4), color-stop(100%,#87BEE1)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #5599C4 0%,#87BEE1 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #5599C4 0%,#87BEE1 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #5599C4 0%,#87BEE1 100%); /* IE10+ */
            background: linear-gradient(to bottom, #5599C4 0%,#87BEE1 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2072A5', endColorstr='#87BEE1',GradientType=0 ); /* IE6-9 */
        }
        .hide {
            display:none;
        }
   


         #LightningLogo.png {
         filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sparklogo.png',sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sparklogo.png',sizingMethod='scale')";
    } 
	    #LightningSkyCloud {
            position:absolute;
             opacity: 1; 
            zoom:0.25; 
            bottom:250px; 
            padding-left:30%;   
         z-index:100; 
        }  
         #LightningSkyCloud.dist30
        { 
             
            opacity: 1; 
            zoom:0.2; 
            bottom:-110px; 
            padding-left:100%; 
        } 
        #LightningSkyCloud.dist20
        { 
            opacity: 1; 
            zoom:0.4; 
            bottom:-120px; 
            padding-left:20%;
        } 
        #LightningSkyCloud.dist10
        { 
            opacity: 1; 
            zoom:0.6; 
            bottom:-100px; 
            padding-left:10%;
        }
        #LightningSkyCloud.dist00
        {
            opacity: 1; 
            zoom:0.7; 
            bottom:-50px; 
            padding-left:0%;
        }   
   
