body
{
    margin: 0px;
    background-color: #27273E;
}
.headerContainer
{
    background-color: #000000;
    width: 100%;
    height: 100px;
}
.pageContainer
{
    color: #DDDDFF;
    background-color: #57576E;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}



.pageButton, .charButton, .loginButton
{
    display: inline;
    width: 100px;
    margin: 2px;
    border: 0px;
}


.pageButton
{
    color: #FFFFFF;
    background-color: #000000;
}
.pageButton:hover
{
    background-color: #222255;
}
.pageButton[disabled="disabled"], .pageButton:hover[disabled="disabled"]
{
    color: #87879E;
    background-color: #37374E;
}


.charButton
{
    color: #88FFFF;
    background-color: #441199;
}
.charButton:hover
{
    background-color: #7733CC;
}
.charButton[disabled="disabled"], .charButton:hover[disabled="disabled"]
{
    color: #87879E;
    background-color: #37374E;
}


.loginButton
{
    color: #FFCCFF;
    background-color: #AA66AA;
}
.loginButton:hover
{
    background-color: #CC88CC;
}
.loginButton[disabled="disabled"], .pageButton:hover[disabled="disabled"]
{
    color: #87879E;
    background-color: #37374E;
}


.sidebarDivider
{
    margin: 0px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 2px;
    border-style: dashed;
    border-color: #000000;
    clear: both;
}