/* temporary css - will include in class after working it out here */
/*
.neck, .neck td {
    font-size: xx-small;
    padding: 0;
    margin: 0;
    border: 1px solid #0072bc;
    border-collapse: collapse;
}

.fret2 {
    align-content: center;
    width: 30px;
}
.fret10 {
    width: 60px;
}
*/

/* notes */
p.root {
    font-weight: bold;
}

.fret-label td {
    /* this should override the .neck class */
    border: none;
    border-collapse: collapse;

}

.testclass {
    background-color: #00FF44;
    color: #0000dd;
}

/* Forms Controls */
.form-control, .form-control td {
    padding-right: 10px;
    vertical-align: top;
    font-family: arial, helvetica, sans-serif;
    font-size: small;
}

.radio-inline {
    display: inline-block;
}

@media print
{
    /* ensure that hidden display items are not printed */
    td[class*="-hide"]
    {
        /*display: none !important; this removes the cell and collapses that space */
        opacity: 0; /* while this maintains the appropriate space of the hidden item */

    }
    /*
    .string1-hide, .string2-hide, .string3-hide  {
        display: none !important;
    }
    */
}