#FormStuff
{
    font-size: 10pt;
    font-family: sans-serif;
    color: black;
}

textarea.Post
{
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    margin: 0;
    padding: 4px;
    border-width: 0;
    background-color: white;
    color: #404040;
    font-size: 10pt;
    font-family: sans-serif;
    cursor: text;
    overflow: hidden;
}

textarea.PostActive
{
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    margin: 0;
    padding: 4px;
    border-width: 0;
    background-color: white;
    color: black;
    font-size: 10pt;
    font-family: sans-serif;
    cursor: text;
    overflow: hidden;
}

textarea.Reply
{
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
    padding: 4px;
    border-width: 0;
    background-color: white;
    color: #404040;
    font-size: 10pt;
    font-family: sans-serif;
    cursor: text;
    overflow: hidden;
}

textarea.ReplyActive
{
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
    padding: 4px;
    border-width: 0;
    background-color: white;
    color: black;
    font-size: 10pt;
    font-family: sans-serif;
    cursor: text;
    overflow: hidden;
}

textarea.ReplyEmpty
{
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
    padding: 4px;
    border-width: 0;
    background-color: white;
    color: #A0A0A0;
    font-size: 10pt;
    font-family: sans-serif;
    cursor: text;
    overflow: hidden;
}

textarea.text /* The text of a post. */
{
    position: absolute;
    left: 144px;
    top: 34px;
    font-size: 10pt;
    font-family: sans-serif;
    cursor: text;
    border-width: 0;
    padding: 0;
    margin: 4px;
}

div.QuoteReply
{
    position: absolute;
    z-index: 2;
}

div.Quote /* For the text-block of quoted text in the submission form. */
{
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
    padding: 4px;
    border-width: 2px;
    border-style: solid;
    border-color: #0080FF;
    background-color: #80C0FF;
    color: black;
    font-size: 10pt;
    font-family: sans-serif;
    cursor: default;
}

div.outer
{
    position: absolute;
    z-index: 1;
    left: 8px;
    top: 8px;
    margin: 0;
    padding: 0;
    border-width: 2px;
    border-style: solid;
    border-color: black;
    background-color: white;
}

pre
{
    font-family: sans-serif;
    line-height: 1em;
    cursor: default;
    margin: 0;
    padding: 0;

    /* Sadly, to make text word-wrap, we need multiple properties set
       because no browser behaves the standard way. The first method
       is the official CSS way, which needless to say does not work. */
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

input.DeleteQuote /* The "delete quote" button on the submission form. */
{
    position: relative;
    left: -6px;
    top: -6px;
    background-color: #4080FF;
    border-color: #60C0FF #3060C0 #3060C0 #60C0FF;
    border-width: 2px;
    border-style: solid;
    margin: 0 0 2px 0;
    padding: 0 4px;
    font-family: sans-serif;
    font-size: 8pt;
    color: #FFFF60;
}

input.MergeQuote /* The "merge quote" button on the submission form. */
{
    position: relative;
    left: -6px;
    top: -6px;
    background-color: #4080FF;
    border-color: #60C0FF #3060C0 #3060C0 #60C0FF;
    border-width: 2px;
    border-style: solid;
    margin: 0 0 2px 0;
    padding: 0 4px;
    font-family: sans-serif;
    font-size: 8pt;
    color: #FFFF60;
}