/*
Copyright (C) 2015 js

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/
/* 
    Created on : 22-Apr-2015, 23:50:48
    Author     : js
*/

body {
    font-family: sans-serif;
    font-size: 1.1em;
    margin: 0;
    padding: 0;
    color: #eeeeee;
    background: #999999;
}

h1 {
    text-align: center;
    font-weight: bold;
    color:#eeeeee;
    margin: 0;
    padding: 0;
    background:#111111;
}

form {
    margin: 0;
    padding: 0;
    //background: #999999;
    text-align: center;
}

table {
    border-spacing: 0;
    padding: 0;
    background: #f0ddbd;
    display: none;
}
th {
    border-width: 0;
    text-align: left;
    padding-right: 60px;
    margin: 0;
    /*background: #f0c;*/
    border: 0;
}
tr, td {
    border: 0;
    text-align: left;
    margin: 0;
}
tr:nth-child(2n+1) {
    background: #0c0;
}
tr:nth-child(odd) {
    background: #ef739a;
}

/*
for the tree chart branches
*/
.node { cursor: pointer; }

.node circle {
    fill: #fff;
    stroke: steelblue;
    stroke-width: 2.5px;
}

.node text { 
    font: 14px sans-serif;
    font-weight: bold;
    //color: #ccc;
}

.link {
    fill: none;
    stroke: #ff6600;
    stroke-width: 1.1px;
}
link:nth-child(2n+1) {
    background: #0c0;
}
link:nth-child(odd) {
    background: #c0c;
}

.hyper {
    color: blue;
    text-decoration: underline;
}

.hyper:hover {
    color: yellow;
    text-decoration: none;
}

/*
layout container classes
*/
.right {
    //float: right;
    padding-right: 10%;
}

.left {
    //float: left;
    padding-left: 10%;
}

#enharmselect {
    display: none;
}
#transkey {
    display: inline;
}

.play-button, .stop-button  {
    display: inline-block;
    margin: 0 .5em;
    padding: .5em 1em;
}