.grph-wrap {
border:1px solid #333;
clear:both;
padding:20px;
margin:60px 20px 20px 20px;
}
.grph-wrap .caption {
font-size:1.2em;
color:#000;
font-weight:bold;
text-align:center;
padding:0.4em 0 0 0;
}
.grph {
width:100%;
border: none;
border-collapse: separate;
border-spacing: 0;
margin: 0;
padding: 0;
font-size: 1em;
empty-cells:show;
}
.grph .up td {
vertical-align: bottom;
border-bottom:1px solid #666;
}
.grph .bottom td {
vertical-align: top;
}
.grph .labels td {
vertical-align: top;
}
.grph .label-cell {
color: #666;
font-size: 14px;
text-align: center;
padding:4px 0;
}
.grph .item-cell {
background: #f5f5f5;
}
.grph .item-cell td {
background: #f5f5f5;
border-bottom:none;
padding:0 1px 0 1px;
}
.grph .item-tbl {
width:100%;
height: 100%;
border: none;
border-collapse: separate;
border-spacing: 0;
margin: 0;
padding: 0;
font-size: 1em;
empty-cells:show;
}
.grph .item {
width: 24px; line-height: 1px; font-size: 1px;
background: #009900;
width:100%;
}
.grph .item-space-td {
}
.grph .item-label-td {
text-align:center;
}
.grph .item-label-td span {
}