.fretboard {
    background-image: url("maple.jpg");
}
.fretmarker {
    background-color: black;
}

.gtr_string {
    background-color: grey;
    background: grey; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(grey, lightgrey, black); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(grey, lightgrey, black); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(grey, lightgrey, black); /* For Firefox 3.6 to 15 */
    background: linear-gradient(black, white, black); /* Standard syntax */
}
.nut {
    background-color: grey;
    background: grey; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left,lightgrey, white, lightgrey); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left,lightgrey, white, lightgrey); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left,lightgrey, white, lightgrey); /* For Firefox 3.6 to 15 */
    background: linear-gradient(left,lightgrey, white, lightgrey); /* Standard syntax */
}
.fret {
    background-color: grey;
    background: grey; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left,grey, white, black); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left,grey, white, black); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left,grey, white, black); /* For Firefox 3.6 to 15 */
    background: linear-gradient(left,grey, white, black); /* Standard syntax */
}
.fret-button {
    /*color: lightgray;*/
    /*background-color: lightyellow;*/
}
.fret-button-hover {
    background-color: black;
    color: white;
}
.fret-button-active {
    background-color: black;
    color: white;
}
.fret-button-highlighted {
    background-color: yellow;
}