.chart_container {
    position: absolute;
    width: 400px;
    height: 320px;
    background: #fff;
    border: 1px solid;
    border-color: #aaa;
    border-radius: 2px 2px;
    /*-moz-box-shadow: 1px 1px 30px rgba(0,0,0,.4);
    box-shadow: 1px 1px 30px rgba(0,0,0,.4);*/
}

.maskbg {
    background: gray;
    opacity: 0.4;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 500;
}

#chartMenu {
    background: white;
    padding: 4px;
    border-radius: 2px 2px;
    border: 1px solid #ccc;
    -moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
    position: absolute;
    z-index: 999;
    min-width: 120px;
    /*height: 200px;*/
}

    #chartMenu ul {
        /*padding: 0 0 0 24px;*/
        padding: 0;
        margin: 0;
        cursor: default;
    }

        #chartMenu ul li {
            list-style-type: none;
            list-style-position: outside;
            padding: 0 6px;
            height: 24px;
            line-height: 24px;
            margin: 0;
            cursor: pointer;
            background-repeat: no-repeat;
            background-position-x: 2px;
            background-position-y: center;
            text-indent: 18px;
            white-space: nowrap;
        }

            #chartMenu ul li .menu-input {
                width: 32px;
                height: 22px;
                border: none;
                border-bottom: 1px solid #444;
                outline: none;
                position: absolute;
                right: 8px;
                margin: 0;
                padding: 0;
                text-indent: 6px;
            }

            #chartMenu ul li.not-implement {
                color: white;
                text-shadow: 1px 1px 0px #999;
            }

            #chartMenu ul li.seperator {
                border-bottom: 1px solid gray;
            }

            #chartMenu ul li.refresh {
                background-image: url('../../image/refresh.png');
            }

            #chartMenu ul li.pin {
                background-image: url('../../image/pin0.png');
            }

            #chartMenu ul li.pinon {
                background-image: url('../../image/pin1.png');
            }

            #chartMenu ul li.mgmt {
                background-image: url('../../image/SystemManagement.png');
            }

            #chartMenu ul li.new-wsp {
                background-image: url('../../image/NewWorkspace.png');
            }

            #chartMenu ul li.new-chart {
                background-image: url('../../image/NewChart.png');
            }

            #chartMenu ul li.save-wsp {
                background-image: url('../../image/SaveWorkspace.png');
            }

            #chartMenu ul li.save-board {
                background-image: url('../../image/SaveBoard.png');
            }

            #chartMenu ul li.save-chart-as {
                background-image: url('../../image/ChartSaveAs.png');
            }

            #chartMenu ul li.open-wsp {
                background-image: url('../../image/OpenWorkspace.png');
            }

            #chartMenu ul li.open-board {
                background-image: url('../../image/OpenBoard.png');
            }

            #chartMenu ul li.open-chart {
                background-image: url('../../image/OpenChart.png');
            }

            #chartMenu ul li.edit {
                background-image: url('../../image/ChartEdit.png');
            }

            #chartMenu ul li.checked {
                background-image: url('../../image/checked.png');
            }

            #chartMenu ul li.custom {
                background-image: url('../../image/custom.png');
            }

            #chartMenu ul li:hover {
                background-color: #e6e6e6;
            }

/* Top 部分 */
.chart_top {
    height: 0;
    background: #aaa;
    cursor: default;
    opacity: 0;
    display: none;
    z-index: 10;
}

    .chart_top .fa {
        font-size: 13px;
    }

        .chart_top .fa:before {
            line-height: 22px;
        }

.chart_icon {
    margin: 6px;
    margin-right: 0;
    float: left;
}
/*.chart_personal { margin-right: 6px; }*/

.chart_close {
    cursor: pointer;
    width: 22px;
    text-align: center;
    float: right;
}

    .chart_close:before {
        content: "\f00d";
    }

.chart_restore {
    cursor: pointer;
    width: 22px;
    text-align: center;
    float: right;
}

    .chart_restore:before {
        content: "\f066";
    }

.chart_menu {
    cursor: pointer;
    width: 22px;
    text-align: center;
    float: right;
}

    .chart_menu:before {
        content: "\f0c9";
    }
    .chart_menu.additional {
        color: #4cdc30;
    }
    .chart_menu.additional:before {
        text-shadow: 0 -1px 0 rgba(0,0,0,0.5), -1px 0 0 rgba(0,0,0,0.5), 0 1px 0 rgba(0,0,0,0.5), 1px 0 0 rgba(0,0,0,0.5);
        -webkit-text-shadow: 0 -1px 0 rgba(0,0,0,0.5), -1px 0 0 rgba(0,0,0,0.5), 0 1px 0 rgba(0,0,0,0.5), 1px 0 0 rgba(0,0,0,0.5);
        -moz-text-shadow: 0 -1px 0 rgba(0,0,0,0.5), -1px 0 0 rgba(0,0,0,0.5), 0 1px 0 rgba(0,0,0,0.5), 1px 0 0 rgba(0,0,0,0.5);
        *filter: Glow(color=rgba(0,0,0,0.5), strength=1);
    }

.chart_note {
    cursor: pointer;
    width: 22px;
    text-align: center;
    float: right;
}

    .chart_note:before {
        content: "\f059";
    }

.chart_internal_note {
    cursor: pointer;
    width: 22px;
    text-align: center;
    float: right;
}

    .chart_internal_note:before {
        content: "\f06a";
    }

.chart_star {
    color: green;
    cursor: pointer;
    width: 22px;
    text-align: center;
    float: right;
}

    .chart_star:before {
        content: "\f005";
    }

.chart_nostar {
    cursor: pointer;
    width: 22px;
    text-align: center;
    float: right;
}

    .chart_nostar:before {
        content: "\f005";
        font-weight: 200;
    }

.chart_comments {
    cursor: pointer;
    width: 22px;
    text-align: center;
    float: right;
}

    .chart_comments:before {
        content: "\f075";
    }

.chart_refresh {
    cursor: default;
    width: 22px;
    text-align: center;
    float: right;
}

    .chart_refresh:before {
        content: "\f2f1";
    }

.chart_personal_toggle {
    cursor: pointer;
    width: 22px;
    text-align: center;
    float: right;
}

    .chart_personal_toggle:before {
        content: "\f406";
    }
    .chart_personal_toggle.disable:before {
        content: "\f4fa";
    }

.chart_drilldown {
    float: right;
    width: 22px;
    text-align: center;
    display: none;
    color: rgb(76,220,48);
    margin-top: -2px;
}

    .chart_drilldown:before {
        content: "\f064";
        text-shadow: 0 -1px 0 rgba(0,0,0,0.5), -1px 0 0 rgba(0,0,0,0.5), 0 1px 0 rgba(0,0,0,0.5), 1px 0 0 rgba(0,0,0,0.5);
        -webkit-text-shadow: 0 -1px 0 rgba(0,0,0,0.5), -1px 0 0 rgba(0,0,0,0.5), 0 1px 0 rgba(0,0,0,0.5), 1px 0 0 rgba(0,0,0,0.5);
        -moz-text-shadow: 0 -1px 0 rgba(0,0,0,0.5), -1px 0 0 rgba(0,0,0,0.5), 0 1px 0 rgba(0,0,0,0.5), 1px 0 0 rgba(0,0,0,0.5);
        *filter: Glow(color=rgba(0,0,0,0.5), strength=1);
    }

.chart_loading {
    float: right;
    display: none;
}

    .chart_loading:before {
        content: "\f110";
    }

.chart_title {
    margin: 0 85px 0 6px;
    padding-left: 6px;
    line-height: 24px;
    word-break: keep-all;
    white-space: pre-wrap;
    word-wrap: break-word;
    /*text-overflow: ellipsis;
    overflow: hidden;*/
}

    .chart_title .little {
        font-size: 0.8em;
        margin-left: 10px;
    }

    .chart_title .title,
    .chart_content .scorecard_title,
    .chart_content .gridtitle {
        font-weight: bold;
    }

/* 正文 */
.chart_content {
    width: 400px;
    height: 294px;
    position: relative;
    overflow: hidden;
}

.chart_content .data-grid-old .data-grid-body .data-grid-group-header, .data-grid-old .data-grid-body .data-grid-row {
    height: 26px;
}

.chart_error {
    position: absolute;
    left: 0;
    top: 24px;
    width: 100%;
    height: 140px;
    background: #ffec86;
    display: none;
}

pre.preChartNote,
.error_text {
    -moz-user-select: text; /*火狐*/
    -webkit-user-select: text; /*webkit浏览器*/
    -ms-user-select: text; /*IE10*/
    -khtml-user-select: text; /*早期浏览器*/
    user-select: text;
}
pre.preChartNote {
    font-family: 'Segoe UI', Tahoma, Verdana;
}
.error_text {
    color: #ff3030;
    /*margin: 6px;*/
    float: left;
    word-wrap: break-word;
}

.chart_pivot_container {
    width: 100%;
    /*height: 56px;
    top: 264px;*/
    left: 0;
    opacity: 0;
    position: absolute;
    /*overflow-y: auto;*/
    overflow-x: hidden;
    background: #fff;
    display: none;
}

    .chart_pivot_container.top {
        /*height: 28px;*/
        top: 25px;
        padding-top: 1px;
    }

    .chart_pivot_container .chart_pivot_block {
        float: left;
        height: 28px;
    }

    .chart_pivot_container .chart_pivot_pin { /*float: right; margin: 4px;*/
        position: absolute;
        right: 4px;
    }

    .chart_pivot_container label {
        margin: 0 4px;
        line-height: 28px;
        float: left;
    }

    .chart_pivot_container .chart_pivot {
        margin-right: 10px;
        line-height: 28px;
    }

/* 边框 */
.chart_border {
    position: absolute;
}

    .chart_border.left {
        width: 12px;
        height: 100%;
        top: 0px;
        left: -6px;
        cursor: ew-resize;
    }

    .chart_border.topleft {
        width: 16px;
        height: 16px;
        top: -8px;
        left: -8px;
        cursor: nwse-resize;
    }

    .chart_border.top {
        width: 100%;
        height: 12px;
        top: -6px;
        left: 0px;
        cursor: ns-resize;
    }

    .chart_border.topright {
        width: 16px;
        height: 16px;
        top: -8px;
        right: -8px;
        cursor: nesw-resize;
    }

    .chart_border.right {
        width: 12px;
        height: 100%;
        top: 0px;
        right: -6px;
        cursor: ew-resize;
    }

    .chart_border.bottomright {
        width: 16px;
        height: 16px;
        bottom: -8px;
        right: -8px;
        cursor: nwse-resize;
    }

    .chart_border.bottom {
        width: 100%;
        height: 12px;
        bottom: -6px;
        left: 0px;
        cursor: ns-resize;
    }

    .chart_border.bottomleft {
        width: 16px;
        height: 16px;
        bottom: -8px;
        left: -8px;
        cursor: nesw-resize;
    }

/* Scorecard Chart */
.scorecard_container {
    height: 100%;
}

.scorecard_content_container {
    overflow: auto;
    width: 100%;
    /*height: 100%;*/
    font-family: 'Segoe UI', Tahoma, 'Microsoft YaHei', Geneva, Verdana, sans-serif;
}

.scorecard_title {
    height: 26px;
    line-height: 26px;
    width: 100%;
    text-align: center;
}

.scorecard_table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 5px;
    table-layout: fixed;
    -moz-user-select: text; /*火狐*/
    -webkit-user-select: text; /*webkit浏览器*/
    -ms-user-select: text; /*IE10*/
    -khtml-user-select: text; /*早期浏览器*/
    user-select: text;
}

    .scorecard_table tr {
        padding: 0;
        margin: 0;
    }

    .scorecard_table td {
        padding: 0;
        margin: 0;
        /*word-break: break-all;*/
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: top;
    }

        .scorecard_table td div {
            /*width: 100%;
    height: 100%;*/
            white-space: nowrap;
            overflow: hidden;
        }

        .scorecard_table td > .s_decoration {
            margin-bottom: 2px;
        }

/* Rss Chart */
.rss_container {
    overflow-y: auto;
    height: 100%;
}

.rss_ul {
    padding: 0;
    margin: 0;
}

    .rss_ul li {
        list-style: none;
        padding: 0;
        margin: 6px;
    }

        .rss_ul li .title {
            border-bottom: 1px solid #aaaaff;
        }

            .rss_ul li .title a,
            .rss_ul li .title a:visited {
                color: darkblue;
                font-weight: bold;
                font-size: 1.1em;
                padding-bottom: 4px;
            }

                .rss_ul li .title a:hover {
                    text-decoration: none;
                }

        .rss_ul li .date {
            margin-top: 4px;
            color: #aaa;
        }

            .rss_ul li .date a {
                margin-left: 5px;
            }

        .rss_ul li .rss_content {
            margin: 6px 0;
        }

            .rss_ul li .rss_content img,
            .rss_ul li .rss_content object,
            .rss_ul li .rss_content embed,
            .rss_ul li .rss_content iframe {
                max-width: 100%;
            }

/* Video Chart */
.video_container {
    background: #000;
    overflow: hidden;
    height: 100%;
}

    .video_container video {
        width: 100%;
        height: 100%;
    }


/*股票表样式*/

.table-container td, .table-container th {
    border: 1px solid #999;
    text-align: left;
}

.table-container {
    margin: 0 0 1em;
    border-collapse: collapse;
}

.stripe_tb tr.alt td {
    background: #ecf6fc;
}

.stripe_tb tr.over td {
    background: #fef3d1;
}

.a_style {
    cursor: default;
    width: 68%;
}

.chart_content .data-grid-old {
    border: none;
}

.frs-one-underline {
    border-bottom: 1px solid;
    border-color: black;
}

.frs-two-underline {
    border-bottom: 3px double;
    border-color: black;
}