/* (c) 2013 dwt | terminus data science, LLC */

#spinner {
    position: relative;
   
    width: 100%;

    background-color: #eeeeee;

    padding-top: 25px;
    padding-bottom: 25px;
}

#left, #right {
    float: left;
}

#left {
    width: 405px;

    height: 300px;

    padding-top: 10px;
    padding-bottom: 10px;

    margin-left: 50px;
    padding-right: 24px;

    border-right: 2px solid black;
}

#right {
    width: 405px;

    padding: 0;
    margin-left: 24px;
    margin-right: 50px;

    vertical-align: middle;
}

.concept {
    display: none;

    font-family: Jura;
    font-size: 42pt;
}

.explanation {
    display: none;
}

.explanation em {
    color: firebrick;
}

#current-concept {
    display: inherit;
}

#current-explanation {
    display: inherit;
}

.spinner-arrow {
    position: absolute;
    top: 145px;

    vertical-align: middle;

    font-family: Jura;
    font-size: 50pt;

    color: green;

    background-color: white;
}

.spinner-arrow a {
    text-decoration: none;
}

#left-arrow {
    left: 0px;
    padding-right: 5px;
}

#right-arrow {
    right: 0px;
    padding-left: 5px;
}
