/*

*/

/* Thesaurus Styles */

div.grid-container
{
    display: grid;

    width: 700px;
/*    margin: 0 0px; */ 
    font: 12px Arial;

/*    border: 1px solid black; */
/*
    grid-template-areas:
        'canvas canvas canvas'
        'radios buttons search'
        'topic topic listbox';
*/


    grid-template-areas:
        'canvas canvas canvas'
        'radios radios buttons'
        'topic topic topic'
        'search listbox listbox'


/*    background-color: pink; */
}


div.canvas-container
{
    grid-area: canvas;

    /* width: 1200px; */
/*    height: 960px; */
 /*   background-color: lightcyan; */
 /*   margin: 0 -240px; */

    width: max-content; 
/*    margin: auto; */
    touch-action: none

}

canvas
{
    padding: 0;
}

div.topic-container
{
    grid-area: topic;

    width: 720px; 
    height: 240px; 
    overflow-x: hidden; 
    overflow-y: auto; 
    border: 1px solid black;
    margin: 5px 0 0 0; 
}

p.topicLine
{
    margin: 0.25em 0.5em; 
    text-indent: 2em;
    line-height: 1.1em;
}

p.topicHead
{
    font-size: larger;
    text-align: center;
    margin: 0.5em 0;
}

span.topicHeadWord
{
    font-weight: bold;
}

span.link
{
    color: blue;    
    text-decoration: underline; 
    cursor: pointer;
}

.button-container
{
    grid-area: buttons;
    margin: auto 0;
}


.radio-container
{
    grid-area: radios;
}


.radio-container input[type="radio"]
{
    opacity: 0;
    width: 0;
}

.radio-container label
{
    display: inline-block;
    width: 7em;
 /*   background-color: lightgray; */
    text-align: center;
    margin: 0.1em;
    padding: 1px;
    color: black;
    border: 2px solid black;
    border-radius: 10px;
}

.radio-container input[type="radio"]:disabled + label
{
    color: gray;
    border: 1px solid gray;
}

.radio-container input[type="radio"]:checked + label
{
    background-color: LightBlue;
}

.radio-container label:hover
{
    cursor: pointer;
}

.nav-button
{
    font-size: 150%;
    margin: 0 5px;
}

/*
.nav-button:hover
{
    cursor: pointer;
}
*/

div.search-container
{
    grid-area: search;
    padding: 10px 0 0 0;
    width: 240px;
}

div.listbox-container
{
    grid-area: listbox;
}

#idWordList
{
    height: 240px; 
    width: 455px;
    margin: 10px 0 0 0;
    padding: 5px;

}

table.exponents
{
    border-spacing: 10px 0;
}

table.exponents td
{
    text-align: center;
    padding: 0 30px;
}






























p
{
    font-family: 'Times New Roman', Times, serif;
    font-size: 18px;
    line-height: 1.3;
}

p.page-number
{
    text-align: right;
    font-weight: bold;
    margin: 0;
}

p.page-number::before
{
    content: "[ Page ";
}

p.page-number::after
{
    content: " ]";
}


/*
canvas
{
    margin: 0;
    padding: 0;
}
*/

img.center
{
    display: block;
    margin: 0 auto;
}


.simple-border
{
    border: 1px solid black;
}

math
{
    math-style: normal;
    margin-left: 4em;
    font-family: 'Times New Roman', Times, serif;
    font-size: 18px;
}

math.compact
{
    math-style: compact;
    margin-left: 0;
}

pre.math
{
    margin-left: 4em;
    text-underline-position: auto;
}