html {
    overflow-y: scroll;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

h1, td, th {
	font-family: Arial, Helvetica, sans-serif;
}

table {
    border-collapse: collapse;
}

th {
    font-weight: bold;
    text-decoration: underline;
}

del {
	color: #000000;
	background: #ff8888;
	text-decoration: line-through;
}

ins {
	color: #000000;
	background: #99ff99;
	text-decoration: none;
}

a:link, a:visited, a.wiki:link, a.wiki:visited, a.external:link {
	color: #305a99;
	text-decoration: none;
}

a:hover, a:active, a.wiki:hover, a.wiki:active, a.wikiseen:hover,
a.wikiseen:active, a.wikinew:hover, a.wikinew:active, a.external:hover,
a.external:active {
	color: #ab8d1f;
	text-decoration: underline;
}

a.wikiseen:link, a.wikiseen:visited, a.external:visited {
	color: #87a6d9;
	text-decoration: none;
}

a.wikinew:link, a.wikinew:visited {
	color: #000000;
	text-decoration: none;
}

.win, .win a:link, .win a:visited, .win a:active, .win a:hover {
	color: #00aa00;
}

.lose, .lose a:link, .lose a:visited, .lose a:active, .lose a:hover {
	color: #ff0000;
}

table.box {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
}

th.center, td.center {
    text-align: center;
}

th.top, td.top {
    vertical-align: top;
}

#footer {
    clear: both;
}

.clear {
    clear: both;
}

table.bordered, table.bordered th, table.bordered td {
    border: solid 1px black;
}

table.bordered th, table.bordered td {
    padding: 2px 4px;
}

table.wikitable, table.wikitable td {
  border: 4px inset #a0a0a0;
}

#gamecolumns {
    clear: both;
}

.profilesidebar .boxcontent {
  font-size: 0.8em;
}

.gameratings {
  font-size: 0.9em;
}

.gameratings td {
  padding: 1px 4px !important;
}

div.optionbox {
  width: 200px;
  float: right;
}

/* Displaying as table is needed for centering to work. */
#board {
    display: table;
    clear: both;
    padding-top: 10px;
    margin: auto;
}

#board div {
    text-align: center;
}

.gamemessage {
        color: #000000;
        background: #ffffff;
}

.gamenote {
        color: #000000;
        background: yellow;
}

#gamemessages {
	color: #000000;
	background: #ffffff;
        margin-left: auto;
        margin-right: auto;
        max-height: 100px;
        /* IE hack to make for the lack of max-height */
        height: expression(document.getElementById("gamemessages").offsetHeight >= 100 ? "100px" : "auto");
        overflow: auto;
        text-align: left;
        padding: 2px 5px 2px 5px;
}

#gamenote {
	color: #000000;
	background: yellow;
        margin-left: auto;
        margin-right: auto;
        padding: 2px 5px 2px 5px;
}

#gamemsged {
    clear: both;
    margin: 5px;
}

#gamemsgedinput {
    float: left;
    width: 50%;
    margin-right: 5px;
}

#gamemessageeditor {
    width: 100%;
}

#gamemsgedtext {
    float: left;
    width: 25%;
    text-align: right;
    margin-right: 5px;
    padding-top: 10px;
}

#gamemsgedsubmit {
    padding-top: 10px;
    text-align: left;
}

#gamenotesed {
    clear: both;
    margin: 5px;
}

#gamenotesedinput {
    float: left;
    width: 50%;
    margin-right: 5px;
}

#gamenotesedtext {
    float: left;
    width: 25%;
    text-align: right;
    margin-right: 5px;
    padding-top: 10px;
}

#gamenotesedsubmit {
    padding-top: 10px;
    text-align: left;
}

#gamenoteeditor {
    width: 100%;
}

/* Past Moves */
#pastmoves {
    margin: auto;
    clear: both;
}

#pastmoves td {
    font-size: 0.8em;
}

#verify {
    clear: both;
}

#verify input {
    margin: 5px 10px 5px 10px;
}

.important {
    color: red;
    font-weight: bold;
}

#oldermsgs, #openmsgs {
    text-align: center;
    margin: 5px;
}

#gameopts {
    clear: both;
}

#hthchat {
	color: #000000;
	background: #ffffff;
        margin: 0 0 5px 0;
        max-height: 100px;
        /* IE hack to make for the lack of max-height */
        height: expression(document.getElementById("hthchat").offsetHeight >= 100 ? "100px" : "auto");
        overflow: auto;
        text-align: left;
        padding: 2px 5px 2px 5px;
}

#hthchatbox {
    text-align: left;
    margin: 5px 25px 5px 25px;
}

#hthchateditor {
    width: 90%;
}

input, select {
  vertical-align: text-top;
}

div.separated {
  margin-top: 10px;
  margin-bottom: 10px;
}

.notetitle {
        font-weight: bold;
}

.sidebox {
	font-size: smaller;
}

.blueboxtitle {
        font: bold larger "Tempus Sans ITC", "Comic Sans MS", Arial, Helvetica, sans-serif;
        color: #e3eaf8;
        background: #305a99;
        text-align: left;
        border: solid 2px #1d3457;
        padding: 1px 3px;
}

.blueboxcontent {
        color: #000000;
        background: #abc3ec;
        border: solid 2px #1d3457;
        padding: 1px 3px;
}

.goldboxtitle {
        font: bold larger "Tempus Sans ITC", "Comic Sans MS", Arial, Helvetica, sans-serif;
        color: #fdf8de;
        background: #ab8d1f;
        text-align: left;
        border: solid 2px #715e0e;
        padding: 1px 3px;
}

.goldboxcontent {
        color: #000000;
        background: #f0e19d;
        border: solid 2px #715e0e;
        padding: 1px 3px;
}

.greenboxtitle {
        font: bold larger "Tempus Sans ITC", "Comic Sans MS", Arial, Helvetica, sans-serif;
        color: #def7dc;
        background: #007f00;
        text-align: left;
        border: solid 2px #004f00;
        padding: 1px 3px;
}

.greenboxcontent {
        color: #000000;
        background: #8adc89;
        border: solid 2px #004f00;
        padding: 1px 3px;
}

.oldboxtitle {
        font: bold larger "Tempus Sans ITC", "Comic Sans MS", Arial, Helvetica, sans-serif;
        color: #ffefb5;
        background: #000099;
        text-align: left;
        border: solid 2px #000000;
        padding: 1px 3px;
}

.oldboxcontent {
        color: #000000;
        background: #e2edfe;
        border: solid 2px #000000;
        padding: 1px 3px;
}

.purpleboxtitle {
        font: bold larger "Tempus Sans ITC", "Comic Sans MS", Arial, Helvetica, sans-serif;
        color: #f9e1ff;
        background: #79006f;
        text-align: left;
        border: solid 2px #2a004b;
        padding: 1px 3px;
}

.purpleboxcontent {
        color: #000000;
        background: #e498e5;
        border: solid 2px #2a004b;
        padding: 1px 3px;
}

.redboxtitle {
        font: bold larger "Tempus Sans ITC", "Comic Sans MS", Arial, Helvetica, sans-serif;
        color: #ffe5ff;
        background: #ae000d;
        text-align: left;
        border: solid 2px #6b0000;
        padding: 1px 3px;
}

.redboxcontent {
        color: #000000;
        background: #fca2ba;
        border: solid 2px #6b0000;
        padding: 1px 3px;
}

.silverboxtitle {
        font: bold larger "Tempus Sans ITC", "Comic Sans MS", Arial, Helvetica, sans-serif;
        color: #edeeec;
        background: #56717a;
        text-align: left;
        border: solid 2px #1b415e;
        padding: 1px 3px;
}

.silverboxcontent {
        color: #000000;
        background: #c1c2bf;
        border: solid 2px #1b415e;
        padding: 1px 3px;
}

.woodboxtitle {
        font: bold larger "Tempus Sans ITC", "Comic Sans MS", Arial, Helvetica, sans-serif;
        color: #e9e3d6;
        background: #7a5720;
        text-align: left;
        border: solid 2px #3a2708;
        padding: 1px 3px;
}

.woodboxcontent {
        color: #000000;
        background: #d8c4a1;
        border: solid 2px #3a2708;
        padding: 1px 3px;
}

.seethrough table.box {
  opacity: 0.85;
  /* once again, we hate IE */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: alpha(opacity=85);
}

.cursorpoint {
    cursor: pointer;
}

#modbox div {
    margin: 5px;
}

.banner {
    border: 0px;
    margin: 5px;
}

#bannerT {
    text-align: center;
}

#bannerR {
    text-align: center;
}

#bannerC {
    text-align: center;
}

table#banners {
    border-collapse: collapse;
}

table#banners td {
    border: 1px solid black;
    padding: 5px;
    text-align: center;
}

/* So that colors in simplebox titles are shown correctly */
.simpleboxtitle a, .boxtitle a {
    color: yellow;
}
.simpleboxtitle a:hover, .boxtitle a:hover {
    color: white;
}

div.article_categories_list {
    width: 100%;
}

div.article_categories_entry {
    float: left;
    width: 250px;
}

.hover_visible, .hover_visible_img img {
    visibility: hidden;
}

.hover_visible:hover, .hover_visible_img:hover img {
    visibility: visible;
}

.prefsleft, #prefsright {
    vertical-align: top;
}

.prefsleft div {
    white-space: nowrap;
}

div.prefbuttons > div {
    display: inline-block;
}

/* Score */
#score {
    text-align: center;
}

#score table {
    margin: auto;
}