﻿div.chart-parent-container {overflow:hidden; width: 1000px; height:165px; background-color:#004555; color:#f74b23; font-family:Arial; font-weight:bold; font-size:12px;}
div.chart-container {overflow:hidden; width: 1000px; height:165px; background-image:url(/js/chart/images/background.gif);}

    div.chart-container .text-font {font-family: Arial; color: #004555; font-size:10px;}
    
    div.chart-container .button {height:119px; width:7px; position:relative; border:solid 1px #004555; cursor:pointer;}
    div.chart-container .button-up {}
    div.chart-container .button-down {border:inset 1px #99cfe2;}
    div.chart-container .button-disabled {border:solid 1px #c8c8c8; cursor:default; }

    div.chart-container .button-left {top:20px; left:18px; background-image:url(/js/chart/images/button_left.gif)}
    div.chart-container .button-left-disabled {background-image:url(/js/chart/images/button_left_disabled.gif)}
    div.chart-container .button-right {top:20px; left:4px; background-image:url(/js/chart/images/button_right.gif)}
    div.chart-container .button-right-disabled {background-image:url(/js/chart/images/button_right_disabled.gif)}

    div.chart-container div.left-zone {height:100%; width:31px; float:left;}
    div.chart-container div.center-zone {position:relative; overflow:hidden; height:100%; width:912px; float:left;}
        div.chart-container table.bars-container {display:inline; position:relative;}
            div.chart-container div.center-zone table.bars-container tr.header {width:100%; height:20px;}
                div.chart-container div.center-zone table.bars-container tr.header th div {width:76px; position:relative; text-align:center; top:137px;}
                /*div.chart-container div.center-zone table.bars-container tr.header th div a{color: #f74b23;}*/
            div.chart-container div.center-zone table.bars-container tr.data {width:100%; height:120px;}
                div.chart-container div.center-zone table.bars-container tr.data td {text-align:center;}
                    div.chart-container div.center-zone table.bars-container tr.data td div.bar {margin:0 0 0 3px; width: 65px; background-image:url(/js/chart/images/bar_body.gif);}
                        div.chart-container div.center-zone table.bars-container tr.data td div.bar div.header {height:3px; background-image:url(/js/chart/images/bar_header.gif);}
                        div.chart-container div.center-zone table.bars-container tr.data td div.bar div.bar-amount {position:relative; top:-15px; font-weight:bold; background-color:#fff;}
/*
            div.chart-container div.center-zone table.bars-container tr.data div.bar-container {display:none; position:relative; width: 76px; height:100%; text-align:center; float:left;}
            div.chart-container div.center-zone table.bars-container tr.data div.bar-amount {position:relative; top:-15px; font-weight:bold; background-color:#fff;}
            div.chart-container div.center-zone table.bars-container tr.data div.bar {background-image:url(/js/chart/images/bar_body.gif); width: 65px; height:100%;}
                div.chart-container div.center-zone table.bars-container tr.data div.bar div.header {background-image:url(/js/chart/images/bar_header.gif); height:3px;}

        div.chart-container div.center-zone tr.bottom-zone {overflow:hidden; width:100%; height:15px;}
            div.chart-container div.center-zone div.bottom-zone div.date-container {width: 76px; height:100%; text-align:center; float:left;}
            div.chart-container div.center-zone div.bottom-zone div.date-container-link {}
            div.chart-container div.center-zone div.bottom-zone div.date-container-nolink {}
*/
    div.chart-container div.right-zone {height:100%; width:57px; float:left;}

    div.chart-container a:link {font-family: Arial; color: #004555; font-size:10px; text-decoration: underline}
    div.chart-container a:visited {font-family: Arial; color: #004555; font-size:10px; text-decoration: underline}
    div.chart-container a:hover {font-family: Arial; color: #f74b23; font-size:10px;  text-decoration: underline}
    div.chart-container a:active {font-family: Arial; color: #f74b23; font-size:10px;  text-decoration: underline}
    div.chart-container a.link {font-family: Arial; color: #f74b23; font-size:10px; text-decoration: underline}

    div.amounts-ref-01 {position:relative; top:-107px; left:20px;}
    div.amounts-ref-02 {position:relative; top:-59px; left:20px;}