/* http://stackoverflow.com/a/19187755/106302 */
.term rect, .spot circle {
    -webkit-touch-callout : none;
    -webkit-user-select   : none;
     -khtml-user-select   : none;
       -moz-user-select   : none;
        -ms-user-select   : none;
            user-select   : none;
}
.term text {
    fill           : #000;
    font-family    : "Oxygen", Helvetica, Arial, sans-serif;
    font-size      : 1em;
    pointer-events : none;
}

.clickable, .clickable text {
    cursor : pointer;
    fill   : #7d0a0d;
}

.active-term text {
    font-weight : bold;
}

#graph.state-term .spot circle {
    cursor : pointer;
}
#graph.state-term .spot:hover circle {
    fill : #7d0a0d;
}

.term {
    font-size: 1.4em;
}

.control svg.image {
    width  : 30px;
    height : 30px;
}

#title svg.image {
    width  : auto;
    height : 30px;
}

.recorded svg.image {
    height: 15px;
    width: 15px;
}

.poet-phonodia svg.image {
    height: 25px;
    width: 25px;
    margin-top: -10px;
}

.poem-phonodia svg.image {
    height: 15px;
    width: 15px;
    margin-bottom: -2px;
}

#show-all-poets svg.image {
    width: 28px;
    height: 28p;
}

#show-all-terms svg.image {
    width: 35px;
    height: 35px;
    margin-left: -5px;
}

#menu svg.image {
    width: 28px;
    height: 28px;
    margin-right: 4px;
}

#veripa svg.image {
    width: 29px;
    height: 29px;
    margin-right: 10px;
}

/* Dummy element to force loading of bold Oxygen font before it is needed */
#title-text {
    color       : #fff;
    position    : absolute;
    top         : 10px;
    right       : 90px;
    font-weight : bold;
    /* http://stackoverflow.com/a/19187755/106302 */
    -webkit-touch-callout : none;
    -webkit-user-select   : none;
     -khtml-user-select   : none;
       -moz-user-select   : none;
        -ms-user-select   : none;
            user-select   : none;
}