JavaScript Chart Styling the Export Buttons

The export buttons of the chart are styled by default through the "shieldchart.css" css file.
Most of the properties related to the export images are located below:

.shield-buttons
{
    position: absolute;
    top: 3px;
    right: 5px;
}
.shield-chart .shield-export-button,
.shield-chart .shield-print-button
{
    width: 24px;
    height: 24px;
    background: transparent url('img/shield-buttons-24.png') no-repeat 0 0;
    border: none;
    padding: 0;
    cursor: pointer;
}
.shield-chart .shield-export-button:hover,
.shield-chart .shield-print-button:hover
{
    background-position: 0 -24px;
}
.shield-chart .shield-export-button:active,
.shield-chart .shield-print-button:active
{
    background-position: 0 -48px;
}
.shield-chart .shield-export-button
{
    background-position: -24px 0;
}
.shield-chart .shield-export-button:hover
{
    background-position: -24px -24px;
}
.shield-chart .shield-export-button:active
{
    background-position: -24px -48px;
}

One can easily change any visual property of the export buttons, by just manipulating the relevant css style directly.