index.css

body
{
    background-color: white;
}

div.Body
{
    width: 100%;
    text-align: center;
}

div#o3d
{
    width: 600px;
    height: 600px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid black;
}

table.Sections
{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

td.Sections
{
    width: 490px;
    vertical-align: top;
    padding-bottom: 20px;
}

div.BackgroundInfo
{
    font-size: 13px;
    margin-left: auto;
    margin-right: auto;
}

div#ControlsBody, div#InstructionsBody
{
    width: 450px;
    margin-left: auto;
    margin-right: auto;
}

div#InstructionsBody
{
    text-align: justify;
}

table.Controls
{
    width: 450px;
    margin-left: auto;
    margin-right: auto;
}

td.ControlsKey
{
    text-align: right;
    width: 50%;
}

td.ControlsFunction
{
    text-align: left;
    width: 50%;
}

span.title, div.title
{
    font-weight: bold;
    text-align: center;
    font-size: 20px;
}

td.ControlsFunction > span.bold,
div#InstructionsBody > span.bold
{
    font-weight: bold;
}

div.hidden
{
    display: none;
}

div.unhidden
{
    display: block;
}

a.toggleHidden
{
    text-decoration: none;
}

textarea#EditModePuzzleFile
{
    width: 450px;
    height: 200px;
}

textarea#EditModePuzzleTitle
{
    width: 95px;
    height: 28px;
}

textarea.color, textarea#EditModeAllowedFails
{
    width: 50px;
    height: 12px;
}

table#main, table#OptionsTable
{
    margin-left: auto;
    margin-right: auto;
}

div#OptionsBody
{
    font-size:x-small;
    font-weight:bold;
}

td#o3d
{
    width: 600px;
}

td.EditModeUI
{
    text-align: center;
    vertical-align: top;
}

div#EditModeUI
{
    border: 1px solid rgb( 230, 230, 230);
    text-align: center;
    vertical-align: top;
    width: 100px;
}