/* diagAnim.css */
/* Diagonalization Simulator in D3: CSS code. */


/* ------------------------------------------------------------------------- */
h2 { color: blue;  font-size: 24px; font-family: Arial; }
h3 { color: black; font-size: 16px; font-family: Arial; }

label {font-family: Arial; font-size: 80%;}
label.toolong {font-family: Arial; font-size: 70%;}

/* VCR controls for timelines. */
/* Style Buttons in the VCR-like Button-Groups. */
.MAIN, .FLOW  {
    border: 1px solid black;
    border-radius: 5px;
    padding: 0px;
    width:  30px;
    height: 36px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;   /* hand with index finger extending */
}
.MAIN        {background-color: lightgreen; color: black;}
.MAIN:hover  {background-color: #0B0;       color: white;}
.MAIN:active {background-color: #080;       color: white;}
.FLOW        {background-color: yellow;     color: black;}
.FLOW:hover  {background-color: #DD0;       color: black;}
.FLOW:active {background-color: #BB0;       color: black;}

.mybutton { color: magenta;}

.axis text, .slider text {font-size: 0px;}    /* disable slider text */




/* ------------------------------------------------------------------------- */