.dev-tab {
    overflow: hidden;
    position: relative;
}

    .dev-tab .TabPanelTop {
        cursor: default;
        position: absolute;
        overflow: hidden;
        top: 0px;
        width: 100%;
        height: 24px;
    }

    .dev-tab .TabPanelBottom {
        cursor: default;
        position: absolute;
        overflow: hidden;
        bottom: 0px;
        width: 100%;
        height: 24px;
    }

    .dev-tab .TabItem {
        position: absolute;
        text-align: center;
        background: #37424f;
        color: white;
    }

    .dev-tab .TabItem-Selected {
        /*background: #283038;*/
        border: 0px;
    }

    .dev-tab .TabItem .ItemContent {
        height: 100%;
        padding: 0px 4px 0px 4px;
    }

        .dev-tab .TabItem .ItemContent .Title {
            white-space: nowrap;
            line-height: 24px;
        }

            .dev-tab .TabItem .ItemContent .Title .CloseButton {
                width: 6px;
                height: 6px;
                cursor: pointer;
                margin-top: -1px;
                margin-bottom: 1px;
                margin-left: 4px;
            }

    .dev-tab .LeftScrollButton {
        left: 0px;
        z-index: 1;
        width: 19px;
        height: 100%;
        display: none;
        position: absolute;
        background: #37424f;
        background-image: url(../image/l1.png);
        background-position: -31px -8px;
    }

    .dev-tab .RightScrollButton {
        right: 0px;
        z-index: 1;
        width: 19px;
        height: 100%;
        display: none;
        position: absolute;
        background: #37424f;
        background-image: url(../image/l1.png);
        background-position: -72px -8px;
    }


.Nav-Button {
    /*float: left;*/
    height: 60px;
    font-size: 14px;
    /*line-height: 60px;*/
    padding: 0px 20px;
    white-space: nowrap;
    word-break: keep-all;
    display: inline-block;
    border-right: 1px solid #008fbf;
}

.Nav-Button-topbottom {
    border-right: 0px solid #008fbf;
}


.Nav-Button:hover {
    color: white;
    background-color: #5e31f3;
}

.Nav-Button:active {
    color: white;
    background-color: #5227de;
}

.Nav-Button-Select {
    color: white;
    background-color: #5227de;
}

.Nav-Button .Icon {
    /*margin-top: 18px;
    margin-right: 4px;*/
    margin-top: 6px;
    margin-left: 8px;
    height: 34px;
    width: 34px;
    /*float: left;*/
}

.Nav-Button .Icon-Trigon {
    width: 7px;
    height: 4px;
    margin-top: 3px;
    margin-left: 25px;
    display: none;
    /*float: left;*/
    /*margin-top: 30px;
    margin-left: 6px;*/
    background-image: url('../image/l1.png');
    background-position: -184px -16px;
}


.Nav-Button-TopBottom {
    float: left;
    height: 92px;
    font-size: 14px;
    line-height: 92px;
    padding: 0px 20px;
    white-space: nowrap;
    word-break: keep-all;
    display: inline-block;
    overflow: hidden;
}

    .Nav-Button-TopBottom:hover {
        color: #fff;
        /*background-color: rgba(47,55,60,0.9);*/
    }

    .Nav-Button-TopBottom:active {
        color: #fff;
        /*background-color: rgba(47,55,60,0.9);*/
    }

    .Nav-Button-TopBottom .Icon {
        margin-top: 6px;
        height: 60px;
        width: 64px;
        float: left;
        display: inline-block;
    }

    .Nav-Button-TopBottom .Title {
        color: #fff;
        position: absolute;
        top: 30px;
        left: 0px;
        width: 64px;
        text-align: center;
        height: 16px;
        margin-top: 4px;
        font-size: 14px;
        display: inline-block;
        font-weight: 600;
        text-shadow: 4px 4px 4px #000;
    }

.Nav-Button .Title {
    color: white;
    margin-top: 2px;
    text-align: center;
    display: block;
}


.NavMenu {
    color: white;
    z-index: 9999;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    background-color: #5e31f3;
    /*background-color: #008fbf;*/
    box-shadow: 2px 2px 3px #cccccc;
    -moz-box-shadow: 2px 2px 3px #cccccc;
    -webkit-box-shadow: 2px 2px 3px #cccccc;
}

    .NavMenu .Item, .SubNavMenu .Content .Item {
        height: 40px;
        width: 100%;
        line-height: 40px;
        position: relative;
        background-color: #5e31f3;
        /*background-color: #008dbf;*/
    }

        .NavMenu .Item .Arrow {
            width: 4px;
            height: 7px;
            float: right;
            margin-top: 17px;
            margin-right: 10px;
            display: inline-block;
            background-position: -242px -15px;
            background-image: url(../image/l1.png);
        }

    .NavMenu .SelectItem, .SubNavMenu .Content .SelectItem {
        /*background-color: #00779f;*/
        background-color: #5227de;
    }

    .NavPopup .SplitBar, .NavMenu .SplitBar, .SubNavMenu .Content .SplitBar {
        height: 2px;
        width: 100%;
        position: relative;
        background-color: #5e31f3;
    }

.NavPopup .Shot {
    top: 2px;
    right: 2px;
    width: 16px;
    height: 16px;
    position: absolute;
    z-index: 99;
}

    .NavPopup .Shot:hover {
        background-color: #0099CC;
    }

    .NavPopup .Shot:active {
        background-color: #00779F;
    }

.NavPopup .SplitBar {
    margin-top: 6px;
    margin-bottom: 6px;
}

    .NavPopup .SplitBar .Left, .NavMenu .SplitBar .Left, .SubNavMenu .Content .SplitBar .Left {
        top: 0px;
        left: 0px;
        width: 20px;
        height: 100%;
        position: absolute;
        background-position: 0px -87px;
        background-image: url(../image/l1.png);
        /*background-color: rgba(55,66,79,0.9);*/
    }

    .NavPopup .SplitBar .Center, .NavMenu .SplitBar .Center, .SubNavMenu .Content .SplitBar .Center {
        height: 100%;
        margin: 0px 20px;
        background-position: -20px -87px;
        background-image: url(../image/l1.png);
        /*background-color: rgba(55,66,79,0.9);*/
    }

    .NavPopup .SplitBar .Right, .NavMenu .SplitBar .Right, .SubNavMenu .Content .SplitBar .Right {
        top: 0px;
        right: 0px;
        width: 20px;
        height: 100%;
        position: absolute;
        background-position: -220px -87px;
        background-image: url(../image/l1.png);
        /*background-color: rgba(55,66,79,0.9);*/
    }

.SubNavMenu {
    z-index: 9999;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    box-shadow: 2px 2px 3px #999999;
    -moz-box-shadow: 2px 2px 3px #999999;
    -webkit-box-shadow: 2px 2px 3px #999999;
}

    .SubNavMenu .Content {
        left: 6px;
        width: 100%;
        color: white;
        position: absolute;
        background-color: #008fbf;
    }

        .SubNavMenu .Content .Arrow {
            top: 14px;
            left: -6px;
            width: 6px;
            height: 12px;
            position: absolute;
            background-image: url('../image/l1.png');
            background-position: -306px -25px;
        }

        .SubNavMenu .Content .SelectArrow {
            background-position: -312px -25px;
        }

.NavPopup {
    z-index: 9999;
    overflow: hidden;
    position: absolute;
    background-color: #008dbf;
    box-shadow: 2px 2px 3px #ccc;
    -moz-box-shadow: 2px 2px 3px #ccc;
    -webkit-box-shadow: 2px 2px 3px #ccc;
}

    .NavPopup .Item-Title {
        color: #CCCCCC;
        line-height: 28px;
        font-weight: bold;
        margin-left: 20px;
    }

    .NavPopup .Item {
        color: white;
        display: block;
        margin-left: 4px;
        line-height: 28px;
        padding-left: 16px;
    }

        .NavPopup .Item:hover {
            background-color: #0099cc;
        }

        .NavPopup .Item:active {
            background-color: #00779f;
        }

    .NavPopup .Item-Active {
        color: #FFFFFF;
        cursor: pointer;
    }

        .NavPopup .Item-Active:hover {
            text-decoration: underline;
        }

        .NavPopup .Item-Active:active {
            text-decoration: underline;
        }

    .NavPopup .Item .Icon {
        width: 16px;
        height: 16px;
        display: inline-block;
        margin: 3px 2px -3px 0px;
    }

.NavTip {
    z-index: 9999;
    overflow: hidden;
    position: absolute;
    box-shadow: 2px 2px 3px #cccccc;
    -moz-box-shadow: 2px 2px 3px #cccccc;
    -webkit-box-shadow: 2px 2px 3px #cccccc;
}

    .NavTip .Content {
        top: 5px;
        overflow: hidden;
        position: absolute;
        border: 1px solid #00779f;
    }

    .NavTip .Arrow {
        top: 0px;
        left: 50%;
        width: 9px;
        height: 5px;
        margin-left: -4px;
        position: absolute;
        background-image: url(../image/l1.png);
        background-position: -332px -17px;
    }

.dev-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    /*background-color: #363a4d;*/
    border: 1px solid #CCCCCC;
    border-radius: 0px 0px 4px 4px;
    color: #b8bbc8;
}

    .dev-box .B {
        border: 0px;
        border-collapse: collapse;
    }

    .dev-box .Table {
        width: 100%;
        height: 100%;
        table-layout: fixed;
        background: #363a4d;
    }

        .dev-box .Table .B .box-content {
            overflow: hidden;
            position: relative;
        }

        .dev-box .Table .B .scrollVTD {
            width: 9px;
            overflow: hidden;
            position: relative;
            background-color: #e6e6e6;
        }

            .dev-box .Table .B .scrollVTD .upArrow,
            .dev-box .Table .B .scrollVTD .downArrow {
                right: 0px;
                width: 9px;
                height: 8px;
                z-index: 2;
                display: block;
                position: absolute;
                background-color: transparent;
                background-image: url(../image/l1.png);
            }

            .dev-box .Table .B .scrollVTD .upArrow {
                top: 0px;
                background-position: -349px -0px;
            }

                .dev-box .Table .B .scrollVTD .upArrow:hover {
                    background-position: -360px -0px;
                }

                .dev-box .Table .B .scrollVTD .upArrow:active {
                    background-color: #494949;
                    background-position: -371px -0px;
                }

            .dev-box .Table .B .scrollVTD .downArrow {
                bottom: 0px;
                background-position: -349px -8px;
            }

                .dev-box .Table .B .scrollVTD .downArrow:hover {
                    background-position: -360px -8px;
                }

                .dev-box .Table .B .scrollVTD .downArrow:active {
                    background-color: #494949;
                    background-position: -371px -8px;
                }

        .dev-box .Table .B .scrollHTD {
            height: 9px;
            overflow: hidden;
            position: relative;
            background-color: #e6e6e6;
        }

            .dev-box .Table .B .scrollHTD .leftArrow,
            .dev-box .Table .B .scrollHTD .rightArrow {
                top: 0px;
                width: 8px;
                height: 9px;
                z-index: 2;
                display: block;
                position: absolute;
                background-color: transparent;
                background-image: url(../image/l1.png);
            }

            .dev-box .Table .B .scrollHTD .leftArrow {
                left: 0px;
                background-position: -349px -17px;
            }

                .dev-box .Table .B .scrollHTD .leftArrow:hover {
                    background-position: -357px -17px;
                }

                .dev-box .Table .B .scrollHTD .leftArrow:active {
                    background-color: #494949;
                    background-position: -365px -17px;
                }

            .dev-box .Table .B .scrollHTD .rightArrow {
                right: 0px;
                background-position: -349px -26px;
            }

                .dev-box .Table .B .scrollHTD .rightArrow:hover {
                    background-position: -357px -26px;
                }

                .dev-box .Table .B .scrollHTD .rightArrow:active {
                    background-color: #494949;
                    background-position: -365px -26px;
                }

        .dev-box .Table .B .placeTD {
            background-color: #e6e6e6;
        }

        .dev-box .Table .B .scrollVTD .scrollVButton,
        .dev-box .Table .B .scrollHTD .scrollHButton {
            z-index: 2;
            cursor: pointer;
            position: absolute;
            background-color: #B9B9B9;
        }

        .dev-box .Table .B .scrollVTD .scrollVButton {
            margin-top: 8px;
            right: 0px;
            width: 9px;
            height: 100px;
        }

        .dev-box .Table .B .scrollHTD .scrollHButton {
            top: 0px;
            margin-left: 8px;
            width: 100px;
            height: 9px;
        }

        .dev-box .Table .B .scrollButton-Down {
            background-color: #999999;
        }

.Window-Mask {
    /*top: 10px;*/
    /*left: 10px;*/
    top: 0px;
    left: 0px;
    width: calc(100% - 21px);
    height: calc(100% - 11px);
    height: 100%;
    z-index: 9999;
    overflow: hidden;
    position: absolute;
    background-color: rgba(0,0,0,0.4);
}

.Window {
    top: 200px;
    left: 300px;
    width: 400px;
    height: 300px;
    overflow: hidden;
    position: absolute;
    background: linear-gradient(to right,#745dfd,#0e5fd1);
    /*box-shadow: 2px 2px 3px #999999;
    -moz-box-shadow: 2px 2px 3px #999999;
    -webkit-box-shadow: 2px 2px 3px #999999;*/
    border-radius: 4px;
}

    .Window .Content {
        width: 398px;
        height: 268px;
        margin: 41px 1px 1px 1px;
        overflow: hidden;
        background-color: #363a4d;
    }

    .Window .Header {
        top: 1px;
        left: 1px;
        width: 398px;
        /*height: 30px;*/
        height: 40px;
        overflow: hidden;
        position: absolute;
        z-index: 2;
    }

        .Window .Header .Icon {
            top: 13px;
            left: 7px;
            width: 16px;
            height: 16px;
            position: absolute;
            /*background-image: url('../image/folder.png');*/
        }

        .Window .Header .Title {
            top: 3px;
            left: 26px;
            height: 34px;
            color: white;
            cursor: default;
            line-height: 34px;
            position: absolute;
            font-size: 14px;
        }

        .Window .Header .HeaderContent {
            color: white;
            text-align: center;
        }

    .Window .ResizeBar {
        z-index: 1;
        position: absolute;
    }

    .Window .S {
        left: 3px;
        bottom: 0px;
        height: 3px;
        width: 396px;
        cursor: s-resize;
    }

    .Window .N {
        top: 0px;
        left: 3px;
        width: 317px;
        height: 3px;
        cursor: s-resize;
    }

    .Window .E {
        top: 31px;
        right: 0px;
        width: 3px;
        height: 267px;
        cursor: w-resize;
    }

    .Window .W {
        top: 3px;
        left: 0px;
        width: 3px;
        height: 296px;
        cursor: w-resize;
    }

    .Window .NW {
        top: 0px;
        left: 0px;
        width: 3px;
        height: 3px;
        cursor: se-resize;
    }

    .Window .SE {
        right: 0px;
        bottom: 0px;
        width: 3px;
        height: 3px;
        cursor: se-resize;
    }

    .Window .SW {
        left: 0px;
        bottom: 0px;
        width: 3px;
        height: 3px;
        cursor: ne-resize;
    }

    .Window .CloseButton {
        top: 0px;
        right: 0px;
        width: 40px;
        height: 40px;
        display: block;
        position: absolute;
        background: linear-gradient(to right,#745dfd,#0e5fd1);
        /*background-color: #0099cc;*/
        background-image: url(../image/l1.png);
        background-position: -390px 7px;
    }

        .Window .CloseButton:hover {
            background-color: #f31225;
        }

        .Window .CloseButton:active {
            background-color: #d10011;
        }

    .Window .MaximizeButton, .Window .MinimizeButton {
        top: 0px;
        width: 40px;
        height: 30px;
        display: block;
        position: absolute;
        background-color: #0e5fd1;
        background-image: url(../image/l1.png);
    }

    .Window .MaximizeButton {
        right: 40px;
        background-position: -450px 0px;
    }


    .Window .MinimizeButton {
        right: 80px;
        background-position: -514px 0px;
    }

    .Window .Minimized-Max {
        background-position: -450px 0px;
    }

    .Window .Minimized-Nor {
        background-position: -420px 0px;
    }

    .Window .Maximized {
        background-position: -420px 0px;
    }

    .Window .MaximizeButton:hover, .Window .MinimizeButton:hover {
        background-color: #008dbf;
    }

    .Window .MaximizeButton:active, .Window .MinimizeButton:active {
        background-color: #00779f;
    }

.MapTool {
    padding: 1px 4px;
    position: absolute;
    width: 4000px;
}

.MapSwitch {
    height: 60px;
    position: absolute;
    background-color: rgba(255,255,255,0.1);
    z-index: 3;
}

.MapSwitch-Single {
    position: absolute;
    z-Index: 99;
    top: 1px;
    border: 1px solid #f3f5f6;
}

.MapSwitch-ContentTip {
    height: 20px;
    line-height: 20px;
    /*width: 100%;*/
    background-color: #000000;
    opacity: 0.3;
    filter: alpha(opacity:30);
    position: absolute;
    /*text-align: center;*/
    line-height: 20px;
    right: 0px;
    /*text-align:left;*/
}


.Panel-Screen {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    background-color: #fff;
}

    .Panel-Screen .Panel-Screen-Left {
        left: 0px;
        height: 100%;
        overflow: hidden;
        position: absolute;
    }

    .Panel-Screen .Panel-Screen-Right {
        right: 0px;
        height: 100%;
        overflow: hidden;
        position: absolute;
    }

.Panel-Screen-Left .Panel-SplitScreenTop, .Panel-Screen-Right .Panel-SplitScreenTop {
    height: 50%;
    width: 100%;
    position: absolute;
}

.Panel-Screen-Left .Panel-SplitScreenBottom, .Panel-Screen-Right .Panel-SplitScreenBottom {
    top: 50%;
    height: 50%;
    width: 100%;
    position: absolute;
}

.Panel-SplitScreenTop .Panel-SplitScreenMap {
    position: absolute;
    width: 100%;
    height: 100%;
}

.TimeLine {
    position: relative;
    left: 0px;
    top: 0px;
    overflow: hidden;
}

    .TimeLine .Line {
        background-color: #D6D7D7;
        position: absolute;
    }

    .TimeLine .Point {
        width: 16px;
        height: 16px;
        background-color: #fff;
        border: 2px solid #6BC30D;
        border-radius: 18px;
        position: absolute;
    }

        .TimeLine .Point:hover {
            border: 4px solid #6BC30D;
            border-radius: 20px;
        }

    .TimeLine .SelectPoint {
        width: 16px;
        height: 16px;
        background-color: #fff;
        border: 2px solid #0099CD;
        border-radius: 18px;
        position: absolute;
        webkit-animation: spangle 500ms ease infinite;
        -moz-animation: spangle 500ms ease infinite;
        -o-animation: spangle 500ms ease infinite;
        animation: spangle 500ms ease infinite;
    }

@-webkit-keyframes spangle {
    from {
        border-color: #0099CD;
        background-color: red;
    }

    50% {
        border-color: red;
        background-color: #fff;
    }

    to {
        border-color: #0099CD;
        background-color: red;
    }
}

@-moz-keyframes spangle {
    from {
        border-color: #0099CD;
        background-color: red;
    }

    50% {
        border-color: red;
        background-color: #fff;
    }

    to {
        border-color: #0099CD;
        background-color: red;
    }
}

@-o-keyframes spangle {
    from;

{
    border-color: #0099CD;
    background-color: red;
}

50% {
    border-color: red;
    background-color: #fff;
}

to {
    border-color: #0099CD;
    background-color: red;
}

}

@keyframes spangle {
    from {
        border-color: #0099CD;
        background-color: red;
    }

    50% {
        border-color: red;
        background-color: #fff;
    }

    to {
        border-color: #0099CD;
        background-color: red;
    }
}

.TimeLine .Circle {
    width: 26px;
    height: 26px;
    background-color: #fff;
    border: 5px solid #D6D7D7;
    border-radius: 31px;
    text-align: center;
    line-height: 26px;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
}

.TimeLine .SelectCircle {
    width: 26px;
    height: 26px;
    background-color: #fff;
    border: 5px solid #0099CD;
    border-radius: 31px;
    text-align: center;
    line-height: 26px;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
}

.TimeLine .Circle:hover {
    /*background-color: #6BC30D;*/
    border: 5px solid #A6DB6E;
}

.TimeLine .playbutton {
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    position: absolute;
}

    .TimeLine .playbutton:hover {
        background-color: #0099cc;
    }

.TimeLine .imageplay {
    background-position: -32px -113px;
    background-image: url(../image/l1.png);
    margin-left: 8px;
    margin-top: 8px;
    width: 16px;
    height: 16px;
}

.TimeLine .imagestop {
    background-position: -16px -113px;
    background-image: url(../image/l1.png);
    margin-left: 8px;
    margin-top: 8px;
    width: 15px;
    height: 16px;
}

/*end*/

.icon-folder {
    background-position: -272px -71px;
    background-image: url('../image/l1.png');
}

.navigation #navCircle {
    position: absolute;
    left: 8px;
    top: 2px;
    width: 54px;
    height: 54px;
    background-image: url("../image/nav.png");
}

.navigation #north {
    position: absolute;
    left: 20px;
    top: 6px;
    width: 14px;
    height: 14px;
    background-position: 0px -120px;
    background-image: url("../image/nav.png");
    cursor: pointer;
}

    .navigation #north:hover {
        background-position: -14px -120px;
        background-image: url("../image/nav.png");
    }

.navigation #south {
    position: absolute;
    left: 20px;
    bottom: 6px;
    width: 14px;
    height: 14px;
    background-position: 0px -134px;
    background-image: url("../image/nav.png");
    cursor: pointer;
}

    .navigation #south:hover {
        background-position: -14px -134px;
        background-image: url("../image/nav.png");
    }

.navigation #west {
    position: absolute;
    left: 6px;
    top: 20px;
    width: 14px;
    height: 14px;
    background-position: 0px -148px;
    background-image: url("../image/nav.png");
    cursor: pointer;
}

    .navigation #west:hover {
        background-position: -14px -148px;
        background-image: url("../image/nav.png");
    }

.navigation #east {
    position: absolute;
    right: 6px;
    top: 20px;
    width: 14px;
    height: 14px;
    background-position: 0px -162px;
    background-image: url("../image/nav.png");
    cursor: pointer;
}

    .navigation #east:hover {
        background-position: -14px -162px;
        background-image: url("../image/nav.png");
    }

.navigation #full {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 14px;
    height: 14px;
    background-position: -28px -120px;
    background-image: url("../image/nav.png");
    cursor: pointer;
}

.navigation #navBar {
    position: absolute;
    left: 8px;
    top: 56px;
    width: 54px;
    height: 300px;
}

.navigation #zoomIn {
    position: absolute;
    left: 15px;
    top: 8px;
    width: 24px;
    height: 24px;
    background-position: 0px -54px;
    background-image: url("../image/nav.png");
    cursor: pointer;
}

    .navigation #zoomIn:hover {
        background-position: 0px -78px;
        background-image: url("../image/nav.png");
    }

.navigation #zoomOut {
    position: absolute;
    left: 15px;
    bottom: 9px;
    width: 24px;
    height: 24px;
    background-position: -24px -54px;
    background-image: url("../image/nav.png");
    cursor: pointer;
}

    .navigation #zoomOut:hover {
        background-position: -24px -78px;
        background-image: url("../image/nav.png");
    }

.navigation #scaleBar {
    position: absolute;
    left: 23px;
    top: 32px;
    width: 8px;
    height: 236px;
    background-position: -54px 0px;
    background-image: url("../image/nav.png");
}

.navigation #drag {
    position: absolute;
    left: 17px;
    bottom: 60px;
    width: 20px;
    height: 9px;
    background-position: 0px -102px;
    background-image: url("../image/nav.png");
    cursor: pointer;
}

    .navigation #drag:hover {
        background-position: 0px -111px;
        background-image: url("../image/nav.png");
    }

.navigation .tipLabel {
    position: absolute;
    left: -5px;
    bottom: 36px;
    width: 28px;
    height: 18px;
    background-position: -20px -102px;
    background-image: url("../image/nav.png");
    font-size: 12px;
    text-align: center;
    /*display: none;*/
    line-height: 18px;
}

.Legend {
    border: 1px solid #808080;
    background-color: white;
    padding: 3px;
    position: absolute;
    opacity: 0.5;
    display: none;
}

    .Legend:hover {
        opacity: 1;
    }

    .Legend .Legend-Content-Row {
        max-width: 370px;
        height: 16px;
        padding: 2px 8px;
    }

        .Legend .Legend-Content-Row:hover {
            background-color: #95B8E7;
            cursor: pointer;
        }

        .Legend .Legend-Content-Row .Icondiv {
            height: 16px;
            width: 16px;
            display: inline-block;
            float: left;
        }

        .Legend .Legend-Content-Row .Textdiv {
            height: 16px;
            line-height: 16px;
            display: inline-block;
            margin-left: 5px;
        }

/*.Legend {
    border: 1px solid #808080;
    background-color: white;
    padding: 3px;
    position: absolute;
    opacity: 0.5;
    display: none;
}

    .Legend:hover {
        opacity: 1;
    }

.Legend-Title {
    height: 30px;
    line-height: 30px;
}

.Legend-Content-Row {
    max-width: 350px;
    height: 16px;
    line-height: 16px;
    padding-top: 4px;
    padding-left: 2px;
}



    .Legend-Content-Row span {
        white-space: nowrap;
        word-break: keep-all;
    }

.Legend-Content-RowIcon {
    float: left;
    margin-right: 10px;
    border-style: solid;
    border-width: 1px;
}*/

.SelectPointCss1 {
    height: 50px;
    position: absolute;
    left: -27px;
    top: -27px;
    width: 50px;
    border-width: 2px;
    border-style: solid;
    border-color: green;
    border-radius: 25px;
    background-color: transparent;
    transform: scale(0.5);
    -webkit-ransform: scale(0.5);
    animation: mysecond 1s;
    -webkit-animation: mysecond 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.SelectPointCss {
    height: 50px;
    position: absolute;
    left: -27px;
    top: -27px;
    width: 50px;
    border-width: 2px;
    border-style: solid;
    border-color: green;
    border-radius: 25px;
    background-color: transparent;
    transform: scale(1);
    -webkit-transform: scale(1);
    animation: myfirst 1s;
    -webkit-animation: myfirst 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes myfirst {
    to {
        transform: scale(2);
        border-color: rgba(0, 0, 0, 0);
        -webkit-transform: scale(2);
    }
}

@keyframes mysecond {
    to {
        transform: scale(1);
        -webkit-transform: scale(1);
        border-color: rgba(0, 0, 0, 0);
    }
}


.CompareTable {
    width: 100%;
    background-color: #ddd;
    border-collapse: collapse;
}

    .CompareTable .TR {
        height: 31px;
    }

    .CompareTable .TD {
        background-color: #fff;
        text-align: center;
        border: 1px solid #ddd;
        border-collapse: collapse;
    }

    .CompareTable .SelectTD {
        background-color: #7CB5EC;
    }

    .CompareTable .Hover {
        background: rgba(0,0,0,0.3);
        color: #fcfcfc;
    }

    .CompareTable .RowTitleHover {
        color: #fcfcfc;
        cursor: pointer;
    }

    .CompareTable .TH {
        text-align: center;
        background-color: #e9e9e9;
        color: #1e1e1e;
        border: 1px solid #ddd;
        border-collapse: collapse;
    }

    .CompareTable .tdtitle {
        width: 150px;
        position: relative;
        background-image: url('../image/l1.png');
        background-position: -652px 0px;
        text-align: center;
        background-color: #ddd;
        border: 1px solid #ddd;
        border-collapse: collapse;
        color: #1e1e1e;
    }

/*自定义Tab选项卡的样式*/
.dev-tab .DefaultNormalTabCls {
    background-color: #ffffff;
    color: #000;
    font-weight: bold;
}

.dev-tab .DefaultSelectTabCls {
    background-color: #d1e7f6;
    color: #000;
    font-weight: bold;
}

/*.CompareTable {
    width: 100%;
    background-color: #CCC; 
    border: 1px solid #CCC; 
    border-collapse: collapse;
}

    .CompareTable .TR {
        height: 31px;
    }

    .CompareTable .TD {
        background-color: #fff;
        text-align: center;
        border: 1px solid #CCC;
        border-collapse: collapse;
    }

    .CompareTable .SelectTD {
        background-color: #7CB5EC;
    }

    .CompareTable .Hover {
        background: rgba(0,0,0,0.3);
        color: #fcfcfc;
    }

    .CompareTable .RowTitleHover {
        color: #fcfcfc;
        cursor: pointer;
    }

    .CompareTable .TH {
        text-align: center;
        background-color: #AAAAAA;
        color: #1e1e1e; 
        border: 1px solid #CCC;
        border-collapse: collapse;
    }

    .CompareTable .tdtitle {
        width: 150px;
        position: relative;
        background-image: url('../image/l1.png');
        background-position: -652px 0px;
        text-align: center;
        background-color: #7cb5ec;
        color: #fff; 
    }*/

.ArrowBtn {
    width: 50px;
    height: 20px;
    margin: 0 auto;
}

.LocationSelector {
    height: 22px;
    line-height: 22px;
    border: 1px solid #95B8E7;
}

.AddressText {
    border: 0;
    width: 99%;
    height: 100%;
    padding-left: 1%;
    color: black;
    background-color: white;
}

.AddrSelectPanel {
    /*width: auto;
    height: auto;*/
    border-collapse: collapse;
    background-color: white;
    border: 1px solid #95B8E7;
    z-index: 99;
    display: none;
    position: absolute;
}

.DynamicCondition {
    z-index: 1;
    width: 100%;
    position: absolute;
}


    .DynamicCondition .text-nowrap {
        top: 2px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        position: absolute;
        word-break: keep-all;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .DynamicCondition .easyuiControlDiv {
        position: absolute;
        height: 35px;
        line-height: 35px;
    }

    .DynamicCondition .Radio {
        position: absolute;
        top: 5px;
        width: 20px;
        line-height: 30px;
    }

    .DynamicCondition .RadioLable {
        position: absolute;
        height: 25px;
        line-height: 25px;
        width: 50px;
        top: 0px;
    }

    .DynamicCondition .ContentDiv {
        position: absolute;
        top: 30px;
        width: 100%;
    }

    .DynamicCondition .TagTitle {
        position: absolute;
        height: 35px;
        line-height: 35px;
        width: 75px;
        text-align: right;
        color: #686868;
    }

    .DynamicCondition .ContentDiv1 {
        position: absolute;
        width: 100%;
    }

.RenderStyle {
    position: absolute;
    height: 240px;
}

    .RenderStyle .controlDiv {
        position: absolute;
        height: 35px;
        line-height: 35px;
    }

    .RenderStyle .Title {
        position: absolute;
        height: 35px;
        line-height: 35px;
        text-align: right;
        width: 75px;
        color: #686868;
    }

.HightLightPoint {
    width: 100px;
    height: 100px;
    background-image: url(image/3.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

.ZoomDragBox {
    background-color: rgba(236, 179, 73, 0.2);
    border: 1px solid rgba(237, 117, 65, 1);
    cursor: url(image/cursor_draw.cur),auto;
}

.statTable {
    border-collapse: collapse;
}

    .statTable td {
        min-width: 60px;
        border-width: 0 1px 1px 0;
        border-style: solid;
        border-color: #DDDDDD;
        text-align: center;
        font-size: 13px;
        color: blue;
    }

    .statTable th {
        min-width: 60px;
        height: 24px;
        font-weight: normal;
        text-align: center;
        border-width: 0 1px 1px 0;
        border-style: solid;
        border-color: #DDDDDD;
        background-color: #F6F6F6;
    }

    .statTable thead th {
        background-color: #F6F6F6;
    }

    .statTable tbody th {
        background-color: #D6D3D6;
    }

    .statTable th div {
        width: 0px; /*让容器宽度为0*/
        height: 0px; /*让容器高度为0*/
        border-style: solid;
        border-top-color: #F6F6F6;
        border-left-color: #D6D3D6;
    }

        .statTable th div b {
            font-style: normal;
            font-weight: normal;
            display: block;
            position: absolute;
            width: 60px;
            top: 10px;
        }

        .statTable th div em {
            font-style: normal;
            display: block;
            position: absolute;
            width: 60px;
            top: 30px;
            left: 0px;
        }

    .statTable tbody tr:hover {
        cursor: default;
        background-color: #EAF2FF;
    }

    .statTable .StatisticRow {
        width: 30px;
        line-height: 30px;
    }

.ucTimeAxisAnalysis .closeButton {
    top: 0px;
    right: 0px;
    width: 40px;
    height: 30px;
    display: block;
    position: absolute;
    background-image: url(../image/l1.png);
    background-position: -390px 0px;
}

    .ucTimeAxisAnalysis .closeButton:hover {
        background-color: #f31225;
    }

    .ucTimeAxisAnalysis .closeButton:active {
        background-color: #d10011;
    }

.timeAxisAnalysisTip {
    z-index: 9999;
    overflow: hidden;
    position: relative;
    box-shadow: 2px 2px 3px #cccccc;
    -moz-box-shadow: 2px 2px 3px #cccccc;
    -webkit-box-shadow: 2px 2px 3px #cccccc;
}

    .timeAxisAnalysisTip .Content {
        top: 5px;
        overflow: hidden;
        position: absolute;
        border: 1px solid #00779f;
    }

    .timeAxisAnalysisTip .Arrow {
        top: 0px;
        left: 50%;
        width: 9px;
        height: 5px;
        margin-left: -4px;
        position: absolute;
        background-image: url(../image/l1.png);
        background-position: -332px -17px;
    }

    .timeAxisAnalysisTip #symbolContnet {
        width: 100%;
        height: 100%;
    }

        .timeAxisAnalysisTip #symbolContnet .divRow {
            width: 100%;
            overflow: hidden;
            border-left: 1px solid #CCCCCC;
        }

        .timeAxisAnalysisTip #symbolContnet .divCellTilte {
            width: 99px;
            line-height: 24px;
            text-align: right;
            display: table-cell;
            padding-right: 5px;
        }

        .timeAxisAnalysisTip #symbolContnet .divCellContent {
            display: table-cell;
            width: 99px;
            padding-left: 5px;
            vertical-align: central;
        }

.AdvancedDiv {
    width: 70px;
    height: 30px;
    line-height: 30px;
    text-align: right;
    display: table-cell;
    padding-right: 5px;
    float: right;
    cursor: pointer;
    color: #888888;
}

    .AdvancedDiv:hover {
        color: black;
    }

#timeAxisDetail {
    width: 100%;
    /*height: 100%;*/
}

    #timeAxisDetail .divRow {
        width: 100%;
        overflow: hidden;
    }

    #timeAxisDetail .divCellTilte {
        width: 99px;
        line-height: 24px;
        text-align: right;
        display: table-cell;
        padding-right: 5px;
    }

    #timeAxisDetail .divCellContent {
        display: table-cell;
        width: 99px;
        padding-left: 5px;
        vertical-align: central;
    }

#stattable .SelectRow {
    background-color: #ccE2FF;
}

.divClose {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 16px;
    height: 16px;
    background-image: url(../image/l1.png);
    background-position: -402px -7px;
}

    .divClose:hover {
        background-color: #999999;
    }

.divDataCompare {
    position: absolute;
    top: 0px;
    left: 16px;
    width: 16px;
    height: 16px;
    background-position: 0px -113px;
    background-image: url(../image/l1.png);
}

    .divDataCompare:hover {
        background-color: #999999;
    }


.popupClose {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 16px;
    height: 16px;
}

    .popupClose:hover {
        background-color: #F31225;
    }

.lineChartButton {
    position: absolute;
    right: 40px;
    top: 0px;
    width: 40px;
    height: 30px;
    display: block;
}

    .lineChartButton:hover {
        background-color: #008dbf;
    }

input[type=text], input[type=password] {
    height: 18px;
    line-height: 18px;
    /*border: 1px solid #95B8E7;*/
}

.dev-text {
    height: 24px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .dev-text .text-header {
        top: 0px;
        left: 0px;
        cursor: default;
        padding: 0px 4px;
        position: absolute;
        text-align: center;
        background-color: white;
    }

    .dev-text .text-text {
        top: 0px;
        position: absolute;
        /*background-color: white;*/
        border: 1px solid #95B8E7;
    }

        .dev-text .text-text .text-readonly {
            top: 0px;
            left: 0px;
            z-index: 1;
            width: 100%;
            height: 100%;
            display: none;
            position: absolute;
        }

        .dev-text .text-text textarea {
            top: 0;
            left: 0px;
            border: 0px;
            resize: none;
            overflow-y: auto;
            overflow-x: hidden;
            position: absolute;
        }

        .dev-text .text-text input[type=text] {
            z-index: 1;
            border: 0px;
            font-size: 12px;
            position: absolute;
            background-color: transparent;
            font-family: "Microsoft YaHei";
            /*color: #848794;*/
            /*font-weight: bold;*/
            text-indent: 5px;
            outline: none;
        }

        .dev-text .text-text .text-required {
            color: #4F5362;
            font-size: 24px;
            position: absolute;
            display: none;
            top: 4px;
            font-weight: bold;
        }

        .dev-text .text-text .text-button-x {
            right: 0px;
            width: 12px;
            height: 22px;
            opacity: 0.6;
            position: absolute;
        }

            .dev-text .text-text .text-button-x:hover, .dev-text .text-text .text-button-x:active {
                opacity: 1;
            }

    .dev-text .text-enable {
        top: 0px;
        left: 0px;
        height: 100%;
        z-index: 1;
        opacity: 0.3;
        filter: alpha(opacity:30);
        position: absolute;
        background-color: white;
    }

    .dev-text .text-tip {
        z-index: 2;
        width: 1000px;
        height: 500px;
        position: absolute;
    }

    .dev-text .text-tipInfo-right, .dev-text .text-tipInfo-left {
        top: 0px;
        padding: 4px;
        position: absolute;
        background-color: white;
        border: 1px solid #cc0000;
    }

    .dev-text .text-tipInfo-top, .dev-text .text-tipInfo-bottom {
        padding: 4px;
        position: absolute;
        background-color: white;
        border: 1px solid #cc0000;
    }

    .dev-text .text-tipArrow-right {
        width: 4px;
        height: 6px;
        position: absolute;
        background-image: url(../image/l1.png);
        background-position: -301px -47px;
    }

    .dev-text .text-tipArrow-left {
        width: 4px;
        height: 6px;
        position: absolute;
        background-image: url(../image/l1.png);
        background-position: -305px -47px;
    }

    .dev-text .text-tipArrow-top {
        left: 40px;
        width: 6px;
        height: 4px;
        position: absolute;
        background-image: url(../image/l1.png);
        background-position: -302px -57px;
    }

    .dev-text .text-tipArrow-bottom {
        top: 0px;
        left: 40px;
        width: 6px;
        height: 4px;
        position: absolute;
        background-image: url(../image/l1.png);
        background-position: -302px -53px;
    }

    .dev-text .text-focus {
        box-shadow: 0 0 3px 0 #95B8E7;
        -moz-box-shadow: 0 0 3px 0 #95B8E7;
        -webkit-box-shadow: 0 0 3px 0 #95B8E7;
    }

.dev-combo, .dev-combobox, .dev-combotree {
}

    .dev-combo .text-text .combo-down-button {
        top: 0px;
        right: 0px;
        width: 11px;
        position: absolute;
        border-left: solid 1px white;
    }

    .dev-combo .text-text .combo-down-button-focus {
        /*background-color: #dfeefe;*/
        border-left: solid 1px #95B8E7;
    }

    .dev-combo .text-text .combo-down-button-down {
        background-color: #C9DEF5;
        border-left: solid 1px #95B8E7;
    }

    .dev-combo .text-text .combo-down-button .combo-arrow {
        top: 50%;
        right: 3px;
        width: 5px;
        height: 3px;
        position: absolute;
        margin-top: -1px;
    }

    .dev-combo .combo-popup {
        z-index: 999;
        display: none;
        overflow-x: hidden;
        position: absolute;
        background-color: #323446;
        border: 1px solid #474b59;
    }

/*.dev-combobox .popup a {
            position: relative;
            width: 100%;
            display: block;
            line-height: 14px;
            padding: 4px 0px;
        }

            .dev-combobox .popup a img {
                top: 3px;
                left: 22px;
                width: 16px;
                height: 16px;
                position: absolute;
            }

            .dev-combobox .popup a span {
                margin-left: 4px;
                display: block;
            }

            .dev-combobox .popup a:hover {
                background-color: #DFEEFE;
            }

            .dev-combobox .popup a:active {
                background-color: #C9DEF5;
            }*/

.DualPlan {
    position: absolute;
    width: 300px;
    background: #9DA4AC;
}

    .DualPlan .AddDiv {
        position: absolute;
        top: 40px;
        height: 88px;
        width: 290px;
        left: 5px;
        background: rgba(255,255,255,0.5);
    }

    .DualPlan .AddDivTitle {
        left: 11px;
        height: 24px;
        position: absolute;
        line-height: 24px;
    }
/*宏观分析按钮*/
#marcoTool {
    width: 200px;
    height: 36px;
    line-height: 36px;
    background-color: #1999CC;
    position: absolute;
    left: 70px;
    top: 9px;
    display: inline-table;
    z-index: 9998;
}

    #marcoTool .marcoButton {
        height: 36px;
        width: 100px;
        text-align: center;
        display: table-cell;
        color: #FFE;
        margin: 0px;
        cursor: default;
        box-shadow: 1px 2px 1px rgba(0,0,0,0.15);
    }

        #marcoTool .marcoButton:hover {
            background-color: #008DBF;
        }

    #marcoTool .marcoSelectButton {
        background-color: #00779F;
    }

.text-nowrap {
    top: 2px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    position: absolute;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dev-tree {
    width: 100%;
    overflow: auto;
    cursor: default;
}

    .dev-tree .node {
        width: 100%;
        height: 24px;
        white-space: nowrap;
    }

    .dev-tree .node-selected {
        /*background-color: #CCE8FF;*/
        background-color: #294a30;
    }

    .dev-tree .node:hover {
        /*background-color: #CCE8FF;*/
        background-color: #294a30;
    }

    .dev-tree .node span {
        display: inline-block;
        vertical-align: top;
        /*color: #B8BBC8;*/
    }

    .dev-tree .node .indent {
        width: 8px;
    }

    .dev-tree .node .arrow {
        width: 24px;
        height: 100%;
    }

    .dev-tree .node .icon-default {
        width: 16px;
        height: 16px;
        margin-top: 4px;
    }

    .dev-tree .node .title {
        height: 24px;
        line-height: 24px;
        padding-left: 4px;
    }

    .dev-tree .node .expanded {
        background: url('../image/l1.png') no-repeat -144px -89px;
    }

    .dev-tree .node .collapsed {
        background: url('../image/l1.png') no-repeat -120px -89px;
    }

    .dev-tree .node .expanded:hover {
        background: url('../image/l1.png') no-repeat -144px -89px;
    }

    .dev-tree .node .collapsed:hover {
        background: url('../image/l1.png') no-repeat -168px -89px;
    }

    .dev-tree .node .checkbox-default {
        width: 15px;
        height: 15px;
        margin-top: 4px;
        cursor: pointer;
    }

    /*不选中*/
    .dev-tree .node .checkbox0 {
        background: url('../image/l1.png') no-repeat -380px -31px;
    }
    /*选中*/
    .dev-tree .node .checkbox1 {
        background: url('../image/l1.png') no-repeat -412px -31px;
    }
    /*部分选中*/
    .dev-tree .node .checkbox2 {
        background: url('../image/l1.png') no-repeat -396px -31px;
    }

.dualScreen_StaticTable {
    width: 100%;
    background-color: #DDDDDD;
    border-collapse: collapse;
}

    .dualScreen_StaticTable .tdhead {
        background-color: #D6D3D6;
        color: #444;
        text-align: center;
        height: 30px;
        border: 1px solid #ddd;
        border-collapse: collapse;
    }

    .dualScreen_StaticTable .td {
        background-color: #fff;
        text-align: center;
        height: 28px;
        border: 1px solid #ddd;
        border-collapse: collapse;
    }

.AnysisTable {
    display: table;
    width: 100%;
    height: 100%;
    border-left: 1px solid #36424E;
}

    .AnysisTable .table-row {
        /*display: table-row;*/
        width: 100%;
        height: 100%;
    }

        .AnysisTable .table-row .table-cell {
            display: table-cell;
            /*background-color: #EAEDF1;*/
        }

    .AnysisTable .statisticTitle {
        text-align: center;
        font-size: 16px;
        height: 30px;
        line-height: 30px;
        word-spacing: 5px;
        text-align: center;
        font-weight: bold;
    }

    .AnysisTable .grayBorderStyle {
        border-bottom: 1px solid #DDDDDD;
    }

    .AnysisTable .Lable {
        width: 60px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        margin-left: 5px;
        display: inline-block;
        color: #fcfcfc;
        cursor: default;
    }

    .AnysisTable .Label-Title {
        color: #fff;
        font-size: 13px;
        width: 55px;
        text-align: right;
        height: 30px;
        line-height: 30px;
        margin: 5px;
        float: left;
    }

    .AnysisTable .Label-Normal {
        background: rgba(255,255,255,0.15);
    }

    .AnysisTable .Label-Selected {
        background-color: #0099CC;
    }

    .AnysisTable .datagridtable {
        /*background-color: #ABABAB;*/
        /*margin-left: -2px;*/
        /*width:100%;*/
        border: 1px solid #ABABAB;
        border-collapse: collapse;
    }

        .AnysisTable .datagridtable .thead {
            height: 30px;
            color: #444;
            text-align: center;
            font-weight: bold;
            background-color: #ddd;
            border: 1px solid #ABABAB;
            border-collapse: collapse;
        }

        .AnysisTable .datagridtable .td {
            height: 30px;
            color: #fcfcfc;
            text-align: center;
            background-color: #283038;
            border: 1px solid #ABABAB;
            border-collapse: collapse;
        }

.SimpleDualBtn {
    top: 0px;
    right: 0px;
    width: 40px;
    height: 30px;
    position: absolute;
    background-image: url(../image/l1.png);
    background-position: -390px 0px;
}

    .SimpleDualBtn:hover {
        background-color: #f31225;
    }

    .SimpleDualBtn:active {
        background-color: #d10011;
    }


/*数字微调*/
.dev-numberspinner {
    height: 22px;
    line-height: 18px;
    position: relative;
    background-color: white;
    border: 1px solid #95B8E7;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dev-numberspinner-hover {
    box-shadow: 0 0 3px 0 #95B8E7;
    -moz-box-shadow: 0 0 3px 0 #95B8E7;
    -webkit-box-shadow: 0 0 3px 0 #95B8E7;
}

.dev-numberspinner .numberbox {
    height: 18px;
    font-size: 12px;
    border: 0;
    outline-style: none;
    position: absolute;
    top: 1px;
    left: 1px;
}

.dev-numberspinner .spinnerbutton {
    width: 11px;
    height: 22px;
    border-left: 1px solid white;
    position: absolute;
    top: 0;
    right: 0;
}

.dev-numberspinner .spinnerbutton-hover {
    border-left: 1px solid #95b8e7;
    background-color: #dfeefe;
}

.dev-numberspinner .spinnerbutton .btnArrowup {
    width: 100%;
    height: 50%;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}

.dev-numberspinner .spinnerbutton .btnArrowdown {
    width: 100%;
    height: 50%;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 0;
}


/*分页控件样式cwj*/
.Pagination {
    width: 100%;
    height: 30px;
    position: relative;
    /*min-width: 570px;*/
}

    .Pagination .Left {
        position: absolute;
        left: 0px;
        height: 30px;
        width: 100%;
    }

        .Pagination .Left .Btns {
            position: absolute;
            width: 16px;
            height: 16px;
            top: 7px;
            background-image: url('../theme/default/images/pagination_icons.png');
        }

            .Pagination .Left .Btns:hover {
                cursor: pointer;
            }

        .Pagination .Left .enable {
            z-index: 1;
            display: none;
            position: absolute;
            opacity: 0.3;
            filter: alpha(opacity:30);
            background-color: white;
            height: 16px;
            width: 16px;
            top: 7px;
        }

        .Pagination .Left .Split {
            height: 20px;
            width: 1px;
            background-color: #808080;
            position: absolute;
            top: 5px;
        }

        .Pagination .Left .PageText {
            height: 30px;
            width: 100px;
            position: absolute;
        }

        .Pagination .Left .Searcher {
            position: absolute;
            height: 24px;
            border: 1px solid #95B8E7;
            border-radius: 4px;
            width: 170px;
        }

            .Pagination .Left .Searcher .Box {
                height: 22px;
                left: 1px;
                padding-left: 5px;
                width: 150px;
                position: absolute;
                border: 0px;
            }

            .Pagination .Left .Searcher .Button {
                background-color: #fff;
                position: absolute;
                height: 22px;
                left: 151px;
                width: 18px;
                background-image: url(../theme/default/images/searchbox_button.png);
                background-repeat: no-repeat;
                background-position: center center;
            }

    .Pagination .Right {
        position: absolute;
        right: 20px;
        height: 30px;
        line-height: 30px;
    }
/*new*/
.Pager {
    width: 100%;
    height: 30px;
    position: relative;
}

    .Pager .ButtonPanel {
        left: 0px;
        height: 100%;
        position: absolute;
        z-index: 3;
    }

        .Pager .ButtonPanel .PageChangeBtn {
            top: 3px;
            width: 16px;
            height: 16px;
            margin: 0px 2px;
            position: relative;
            display: inline-block;
            background-image: url('../theme/default/images/pagination_icons.png');
        }

            .Pager .ButtonPanel .PageChangeBtn:hover {
                background-color: aqua;
            }

            .Pager .ButtonPanel .PageChangeBtn:active {
                background-color: blue;
            }

        .Pager .ButtonPanel .Disable {
            background-color: white;
            opacity: 0.6;
        }

            .Pager .ButtonPanel .Disable:hover {
                background-color: white;
                opacity: 0.6;
            }

            .Pager .ButtonPanel .Disable:active {
                background-color: white;
                opacity: 0.6;
            }

        .Pager .ButtonPanel .First {
            background-position: 0px 0px;
        }

        .Pager .ButtonPanel .Pre {
            background-position: -16px 0px;
        }

        .Pager .ButtonPanel .Next {
            background-position: -32px 0px;
        }

        .Pager .ButtonPanel .Last {
            background-position: -48px 0px;
        }

        .Pager .ButtonPanel .Split {
            top: 5px;
            width: 1px;
            height: 20px;
            margin: 0px 4px;
            position: relative;
            background-color: #ccc;
            display: inline-block;
        }

        .Pager .ButtonPanel span {
            position: relative;
            display: inline-block;
        }

        .Pager .ButtonPanel .CurrentIndex {
            width: 32px;
            height: 18px;
            margin: 0px 4px;
            line-height: 18px;
            text-align: center;
            position: relative;
        }


        .Pager .ButtonPanel .PageList {
            position: relative;
            display: inline-block;
            border-collapse: collapse;
            background-color: white;
            top: 3px;
        }

            .Pager .ButtonPanel .PageList td {
                line-height: 14px;
                padding: 3px 8px;
                border: 1px solid #9ec3e8;
                border-collapse: collapse;
            }

                .Pager .ButtonPanel .PageList td:hover {
                    background-color: #9ec3e8;
                }

                .Pager .ButtonPanel .PageList td:active {
                    background-color: #0099cc;
                }

            .Pager .ButtonPanel .PageList .tdSelected {
                background-color: #0099cc;
            }

            .Pager .ButtonPanel .PageList .tdEllipsis {
                padding: 6px 3px 0px 5px;
            }

            .Pager .ButtonPanel .PageList .PreBtn {
                background-image: url('../theme/default/images/pagination_icons.png');
                background-position: -13px 2px;
                width: 8px;
            }

            .Pager .ButtonPanel .PageList .Disable {
                background-color: white;
                opacity: 0.6;
            }

                .Pager .ButtonPanel .PageList .Disable:hover {
                    background-color: white;
                    opacity: 0.6;
                }

            .Pager .ButtonPanel .PageList .NextBtn {
                background-image: url('../theme/default/images/pagination_icons.png');
                background-position: -28px 2px;
                width: 8px;
            }


    .Pager .ContentPanel {
        position: absolute;
        height: 100%;
    }

        .Pager .ContentPanel .Seacher {
            height: 22px;
            border: 1px solid #95B8E7;
            border-radius: 4px;
            width: 170px;
            display: inline-block;
            position: relative;
            margin-top: 3px;
        }

            .Pager .ContentPanel .Seacher .Box {
                height: 22px;
                padding-left: 5px;
                border-top-left-radius: 4px;
                border-bottom-left-radius: 4px;
                width: 150px;
                position: absolute;
                top: 0px;
                left: 0px;
                border: 0px;
                font-size: 12px;
            }

            .Pager .ContentPanel .Seacher .Btn {
                background-color: #fff;
                height: 22px;
                width: 20px;
                border-top-right-radius: 4px;
                border-bottom-right-radius: 4px;
                position: absolute;
                left: 150px;
                background-image: url(../theme/default/images/searchbox_button.png);
                background-repeat: no-repeat;
                background-position: center center;
            }

        .Pager .ContentPanel .ExtentPanel {
            display: inline-block;
            position: relative;
            height: 24px;
            margin-top: 3px;
            width: 100px;
        }

    .Pager .MgsPanel {
        right: 0px;
        height: 100%;
        position: absolute;
        line-height: 30px;
    }
/*end*/

.dev-datagrid {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .dev-datagrid .header {
        position: relative;
        overflow: hidden;
        border: 1px solid #ECECEC;
        border-bottom-width: 0px;
        background-color: #f2f2f2;
    }

        .dev-datagrid .header .scroll {
            top: 0px;
            right: 0px;
            width: 9px;
            height: 100%;
            position: absolute;
            background-color: #f2f2f2;
        }

        .dev-datagrid .header table, .dev-datagrid .header table tr,
        .dev-datagrid .header table tr td {
            height: 26px;
            border-width: 0px;
            table-layout: fixed;
            border-collapse: collapse;
        }

    .dev-datagrid .body {
        border-left: 1px solid #ECECEC;
        border-right: 1px solid #ECECEC;
        border-bottom: 1px solid #ECECEC;
    }

        .dev-datagrid .body .table {
            border-width: 0px;
            table-layout: fixed;
            border-collapse: collapse;
        }

    .dev-datagrid .row, .dev-datagrid .cell {
        border-collapse: collapse;
    }

        .dev-datagrid .row:hover {
            background-color: aqua;
        }

        .dev-datagrid .row:active {
            background-color: blue;
        }

    .dev-datagrid .cell {
    }

        .dev-datagrid .cell .div {
            padding: 5px 5px;
            text-align: center;
            border-right: 1px solid #ececec;
            border-bottom: 1px solid #ececec;
        }

        .dev-datagrid .cell .last-row {
            border-bottom-width: 0px;
        }

        .dev-datagrid .cell .last-cell {
            border-right-width: 0px;
        }

        .dev-datagrid .cell .none-hline {
            border-bottom-width: 0px;
        }

        .dev-datagrid .cell .none-vline {
            border-right-width: 0px;
        }

/*datagrid控件样式cwj*/
.DataGrid {
    width: 100%;
    height: 100%;
    background-color: #fff;
}

    .DataGrid table tr td {
        border-collapse: collapse;
    }

    .DataGrid .Content {
        width: 100%;
        border-collapse: collapse;
    }

    .DataGrid .Head {
        width: 100%;
        height: 30px;
    }

        .DataGrid .Head .TD {
            background-color: #808080;
            color: #fcfcfc;
            height: 30px;
            border: 1px #ccc solid;
            border-collapse: collapse;
        }

        .DataGrid .Head .ScrollTD {
            background-color: #808080;
            color: #fcfcfc;
            height: 30px;
            border: 1px #ccc solid;
            border-collapse: collapse;
        }

        .DataGrid .Head .TD .TDDIV {
            word-break: keep-all;
            white-space: nowrap;
            overflow: hidden;
            line-height: 25px;
            height: 25px;
        }

    /*.DataGrid .Head .LastTD {
            background-color: #808080;
            color: #fcfcfc;
            height: 30px;
            border: 1px #ccc solid;
            width: 30px;
        }*/

    .DataGrid .Body .TD {
        padding: 7px 0px;
        word-break: keep-all;
        white-space: nowrap;
        overflow: hidden;
        border: 1px #ccc solid;
        border-collapse: collapse;
    }

        .DataGrid .Body .TD .TDDIV {
            word-break: keep-all;
            white-space: nowrap;
            overflow: hidden;
        }

    .DataGrid .Body .LastTD {
        border-right: 0px;
    }

    .DataGrid .Body .NoHorizonGridLine {
        border-left: 0px;
        border-right: 0px;
    }

    .DataGrid .Body .NoVerticalGridLine {
        border-top: 0px;
        border-bottom: 0px;
    }


    .DataGrid .TRHover {
        background-color: #EAF2F2;
    }

    .DataGrid .TRSelected {
        background-color: #ffe48d;
    }

    .DataGrid .Footer {
        width: 100%;
        height: 30px;
        line-height: 30px;
        background-color: #f4f4f4;
        overflow: hidden;
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }
/*end*/
.SpatialDualCotrol {
    width: 100%;
    height: 38px;
    background: rgba(0,0,0,1);
    position: relative;
    opacity: 0.5;
}

    .SpatialDualCotrol:hover {
        background: rgba(0,0,0,0.5);
        opacity: 1;
    }

.CompareYearDataGrid {
    width: 100%;
    position: absolute;
    background-color: #0099cc;
    bottom: 0px;
    left: 0px;
}

    .CompareYearDataGrid .Head {
        height: 30px;
        background-color: #0099cc;
        color: #fcfcfc;
        line-height: 30px;
        padding-left: 10px;
    }

    .CompareYearDataGrid .CloseBtn {
        position: absolute;
        top: 1px;
        right: 1px;
        width: 40px;
        height: 30px;
        background-image: url('../image/l1.png');
        background-position: -390px 0px;
    }

        .CompareYearDataGrid .CloseBtn:hover {
            background-color: #f31225;
        }

        .CompareYearDataGrid .CloseBtn:active {
            background-color: #d10011;
        }

    .CompareYearDataGrid .DataGrid {
        width: 100%;
        border-collapse: collapse;
    }

        .CompareYearDataGrid .DataGrid tr th {
            height: 25px;
            width: 20%;
            color: #444;
            text-align: center;
            font-weight: bold;
            background-color: #ddd;
            border: 1px solid #ABABAB;
            border-collapse: collapse;
        }

        .CompareYearDataGrid .DataGrid tr td {
            height: 25px;
            color: #000;
            text-align: center;
            background-color: #fff;
            border: 1px solid #ABABAB;
            border-collapse: collapse;
        }

.CompareYearDataGrid_mini {
    width: 16px;
    height: 16px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-image: url(../image/l1.png);
    background-position: -448px -63px;
}

.CompareToolWin {
    width: 327px;
    height: 195px;
    left: 5px;
    top: 5px;
    position: absolute;
    background-color: #0099cc;
}

    .CompareToolWin .Head {
        height: 30px;
        background-color: #0099cc;
        color: #fcfcfc;
        line-height: 30px;
        padding-left: 10px;
    }

        .CompareToolWin .Head .CloseBtn {
            position: absolute;
            top: 1px;
            right: 1px;
            width: 40px;
            height: 30px;
            background-image: url('../image/l1.png');
            background-position: -390px 0px;
        }

            .CompareToolWin .Head .CloseBtn:hover {
                background-color: #f31225;
            }

            .CompareToolWin .Head .CloseBtn:active {
                background-color: #d10011;
            }

        .CompareToolWin .Head .SmallBtn {
            position: absolute;
            top: 1px;
            right: 45px;
            width: 40px;
            height: 30px;
            background-image: url('../image/l1.png');
            background-position: -514px 0px;
        }

            .CompareToolWin .Head .SmallBtn:hover {
                background-color: #008dbf;
            }

            .CompareToolWin .Head .SmallBtn:active {
                background-color: #00779f;
            }

    .CompareToolWin .Content {
        width: 325px;
        height: 163px;
        margin-left: 1px;
        margin-top: 1px;
        background-color: #fff;
    }

        .CompareToolWin .Content .ToolDiv {
            width: 100%;
            height: 40px;
            border-bottom: 1px solid #E4E9EF;
        }

            .CompareToolWin .Content .ToolDiv .Title {
                width: 85px;
                text-align: right;
                line-height: 40px;
                height: 40px;
                display: inline-block;
                float: left;
            }

                .CompareToolWin .Content .ToolDiv .Title .Icon {
                    width: 16px;
                    height: 16px;
                    display: inline-block;
                    margin-top: 12px;
                }

                .CompareToolWin .Content .ToolDiv .Title .Text {
                    display: inline-block;
                    float: right;
                    width: 49px;
                }

            .CompareToolWin .Content .ToolDiv .Control {
                width: 216px;
                height: 40px;
                display: inline-block;
                margin-left: 20px;
            }

.CompareTool_mini {
    width: 32px;
    height: 32px;
    position: absolute;
    left: 5px;
    top: 5px;
    display: none;
    background-color: #0099cc;
}

.CompareStatic_Button {
    width: 32px;
    height: 32px;
    position: absolute;
    left: 5px;
    top: 42px;
    background-color: #0099cc;
    line-height: 32px;
}


.dev-checkbox {
    height: 16px;
    position: relative;
    display: inline-block;
}

    .dev-checkbox .Text {
        font-size: 12px;
        margin-left: 16px;
        line-height: 16px;
        white-space: nowrap;
    }

    .dev-checkbox .checkboxPanel {
        top: 50%;
        left: 0px;
        width: 12px;
        height: 12px;
        margin-top: -6px;
        position: absolute;
    }

        .dev-checkbox .checkboxPanel input[type=checkbox] {
            opacity: 0;
        }

.dev-radio {
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    white-space: nowrap;
}

    .dev-radio .Text {
        cursor: pointer;
        margin-left: 16px;
    }

    .dev-radio .radio {
        width: 12px;
        height: 12px;
        cursor: pointer;
        text-align: center;
        position: absolute;
        top: 50%;
        margin-top: -7px;
        background-repeat: no-repeat;
    }

        .dev-radio .radio input[type=radio] {
            opacity: 0;
            cursor: pointer;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -6px;
            margin-left: -6px;
            filter: alpha(opacity=0);
        }

.dev-listbox {
    overflow-x: hidden;
    /*background-color: white;*/
    border: 1px solid #95B8E7;
}

    .dev-listbox .listbox-panel {
        width: 100%;
    }

    .dev-listbox .listbox-item {
        position: relative;
        width: 100%;
        cursor: default;
        display: block;
        line-height: 14px;
        padding: 4px 0px;
    }

        .dev-listbox .listbox-item .listbox-icon {
            top: 3px;
            /*left: 22px;*/
            width: 24px;
            height: 24px;
            position: absolute;
            /*background-color: rebeccapurple;*/
        }

        .dev-listbox .listbox-item .listbox-text {
            margin-left: 4px;
            display: block;
        }

        .dev-listbox .listbox-item:hover {
            background-color: #DFEEFE;
        }

        .dev-listbox .listbox-item:active {
            background-color: #C9DEF5;
        }

.dev-tip {
    position: absolute;
}

    .dev-tip .arrow-l-0, .dev-tip .arrow-l-1,
    .dev-tip .arrow-r-0, .dev-tip .arrow-r-1,
    .dev-tip .arrow-t-0, .dev-tip .arrow-t-1,
    .dev-tip .arrow-b-0, .dev-tip .arrow-b-1 {
        width: 0px;
        height: 0px;
        position: absolute;
        border: 4px transparent solid;
    }

    .dev-tip .arrow-l-0, .dev-tip .arrow-l-1,
    .dev-tip .arrow-r-0, .dev-tip .arrow-r-1 {
        top: 50%;
        margin-top: -4px;
    }

    .dev-tip .arrow-l-0 {
        left: -4px;
        z-index: 0;
        border-right-color: #00CC99;
    }

    .dev-tip .arrow-l-1 {
        left: -3px;
        z-index: 1;
        border-right-color: white;
    }

    .dev-tip .arrow-r-0 {
        right: -4px;
        z-index: 0;
        border-left-color: #00CC99;
    }

    .dev-tip .arrow-r-1 {
        right: -3px;
        z-index: 1;
        border-left-color: white;
    }

    .dev-tip .arrow-t-0, .dev-tip .arrow-t-1,
    .dev-tip .arrow-b-0, .dev-tip .arrow-b-1 {
        left: 50%;
        margin-left: -4px;
    }

    .dev-tip .arrow-t-0 {
        top: -4px;
        z-index: 0;
        border-bottom-color: #00CC99;
    }

    .dev-tip .arrow-t-1 {
        top: -3px;
        z-index: 1;
        border-bottom-color: white;
    }

    .dev-tip .arrow-b-0 {
        bottom: -4px;
        z-index: 0;
        border-top-color: #00CC99;
    }

    .dev-tip .arrow-b-1 {
        bottom: -3px;
        z-index: 1;
        border-top-color: white;
    }

    .dev-tip .content {
        border: 1px solid #00CC99;
        padding: 10px;
    }

    .dev-tip .content-l {
        margin-left: 4px;
    }

    .dev-tip .content-r {
        margin-right: 4px;
    }

    .dev-tip .content-t {
        margin-top: 4px;
    }

    .dev-tip .content-b {
        margin-bottom: 4px;
    }

.maptool {
    top: 7px;
    opacity: 0.6;
    right: 80px;
    height: 32px;
    width: 435px;
    /*width:335px;*/
    /*width: 228px;*/
    cursor: default;
    position: absolute;
    background-color: white;
    box-shadow: 2px 2px 3px #cccccc;
    -moz-box-shadow: 2px 2px 3px #cccccc;
    -webkit-box-shadow: 2px 2px 3px #cccccc;
}

    .maptool .tool {
        height: 16px;
        display: inline-block;
        padding: 0px 12px;
        margin-top: 8px;
    }

        .maptool .tool .icon {
            height: 16px;
            width: 16px;
            display: inline-block;
            float: left;
        }

        .maptool .tool .text {
            line-height: 16px;
            height: 16px;
            width: 24px;
            display: inline-block;
            float: left;
            margin-left: 4px;
        }

        .maptool .tool .arrow {
            width: 7px;
            height: 6px;
            display: inline-block;
            float: left;
            margin-left: 4px;
            margin-top: 4px;
        }

    .maptool .spilt {
        width: 1px;
        height: 20px;
        margin-bottom: -2px;
        display: inline-block;
        background-color: #CCCCCC;
    }

    .maptool .more {
        top: 32px;
        width: 60px;
        display: none;
        position: absolute;
        background-color: white;
        padding: 0px 10px 10px 10px;
        box-shadow: 2px 2px 3px #cccccc;
        -moz-box-shadow: 2px 2px 3px #cccccc;
        -webkit-box-shadow: 2px 2px 3px #cccccc;
    }

        .maptool .more .item {
            padding-left: 3px;
            padding-top: 10px;
            height: 16px;
        }

            .maptool .more .item .icon1 {
                width: 16px;
                height: 16px;
                display: inline-block;
                float: left;
            }

            .maptool .more .item .text1 {
                float: left;
                line-height: 16px;
                margin-left: 4px;
            }
/**弹出气泡的样式*/

/**弹出气泡内的样式*/
#detailPanel_live, #historytrackPanel, #detailinfoPannel, #Rightpanel {
    background: #ffffff !important;
    border: none !important;
    /*border: 1px solid #cccccc !important;*/
}

    #detailPanel_live .Header, #historytrackPanel .Header, #detailinfoPannel .Header, #Rightpanel .Header {
        border-radius: 10px 10px 0px 0px !important;
        height: 40px !important;
        line-height: 40px !important;
        background: linear-gradient(to right, #528AFE, #544FF6) !important;
        margin-left: 0px !important;
        font-size: 14px;
    }

        #detailPanel_live .Header .Icon, #historytrackPanel .Header .Icon, #detailinfoPannel .Header .Icon, #Rightpanel .Header .Icon {
            display: none;
        }

    #historytrackPanel .Header, #detailinfoPannel .Header {
        border-radius: 4px 4px 0px 0px !important;
    }