.data_bar {
    text-align : left;
}

.data_bar .title {
    display     : inline-block;
    height      : 10px;
    margin-left : 10px;
    width       : 10px;
}

.data_bar .bar {
    background            : #FFFFFF;
    border                : 1px solid #A56734;
    border-radius         : 10px 10px 10px 10px;
    -webkit-border-radius : 10px 10px 10px 10px;
    -moz-border-radius    : 10px 10px 10px 10px;
    height                : 20px;
    margin-top            : 10px;
    overflow              : hidden;
    width                 : 100%;
}

.data_bar .bar * {
    float  : left;
    height : 100%;
}

.data_bar .data_bar_color_1 {
    background: #A56734;
}

.data_bar .data_bar_color_2 {
    background: #E8E3DF;
}

.data_bar .data_bar_color_3 {
    background: #796E66;
}

.data_bar .data_bar_color_4 {
    background: #FD7401;
}