.chartdiv{
    display: table;
    position: absolute; 
    top: 0px; 
    left: 0px; 
    bottom: 0px; 
    width: 170px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    background: #fc0; 
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    background: #eaeaea;
    border: 1px solid #b2b2b2;
    border-bottom-color: #999;
}
.chartdiv_header{
    cursor: move;
    position: relative;
    color: #474747;
    text-shadow: 0 1px 0 rgba(255,255,255,.75);
    border-bottom: 1px solid #999;
    padding: 3px 3px;
    border-radius: 2px 2px 0 0;
    box-shadow: 0 1px 0 #fff inset;
    background: #cfd1cf;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#cfd1cf));
	background-image:-moz-linear-gradient(top,#f5f5f5,#cfd1cf);
	background-image:-webkit-linear-gradient(top,#f5f5f5,#cfd1cf);
	background-image:-o-linear-gradient(top,#f5f5f5,#cfd1cf);
	background-image:-ms-linear-gradient(top,#f5f5f5,#cfd1cf);
	background-image:linear-gradient(top,#f5f5f5,#cfd1cf);
    border-collapse: collapse;
    font: bold 13px Helvetica,Arial,Tahoma,Verdana,Sans-Serif;
    text-align: left;
    float: none;
    display: block;
    height: 16px;
}
.chartdiv_header_desc{
    border-top:1px solid #ffffff;
    border-bottom:1px solid #bbbbbb;
    cursor: move;
    color:#333333;
    text-align: center;
    background-color:#e1e1e1;
    padding: 3px;
    /*filter:alpha(opacity=80); 
    opacity:0.8;
    text-shadow: 0px 0px 2px #83a3c3;*/
}
.chartdiv_desc{
    font-size: 12px;
    color:#555555;
    text-align: center;
    margin:0 auto;
}
.ul-legend{
    list-style: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 20px;
}.ul-legend li{
    font-size:11px;
    margin: 0px 0px 0px 5px;
}.ul-legend span{
    cursor:pointer;
}.ul-legend span:hover{
    /*color:blue;*/
    text-decoration:underline;
}.ul-legend b{
    margin: 0px 5px 0px 0px;
}

.legend-quad{
    float:left;
    width: 15px;
    height: 7px;
    border:1px solid #ffffff;
    margin: 2px 5px 0px 0px;
}