body {
  background: White;
  color: #5f518e;
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  }
div.top {
    /* Top section */
    background: #5f518e;
    color:  #D8E7F3;
    width: 100%;
}
caption {
  color: #364970;
  font-weight: bold;
  }
table.columns {
    width: 100%;
}
table.columns td.left {
    vertical-align: top;
    padding-top: 2em;
	width: 20px;
}
table.columns td.main {
    vertical-align: top;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 2em;
}
table.columns td.right {
    vertical-align: top;
    padding-top: 2em;
}
table.form {
  background: #D8E7F3;
}
table.form td.field {
  text-align: right;
}
table.form td.content {
  text-align: left;
}
table.movelist {
  border-collapse: collapse;
  border: 1px solid #364970;
  margin: 2px 0em 2px 0em;
  vertical-align: top;
  }
table.movelist th {
    background: #5f518e;
#    border-top: 1px solid #364970;
#    border-bottom: 1px solid #364970;
#    border-right: 1px solid #364970;
    text-align: center;
    color: #D8E7F3;
    padding: 0em 1em 0em 1em;
}
table.movelist tr.odd {
    background: #fffdf6;
}
table.movelist tr.even {
    background: #f3f1ff;
}
table.movelist td {
  text-align: center;
  padding: 0em 1em;
}
table.listing {
  border-collapse: collapse;
  border-left: 1px solid #364970;
  border-bottom: 1px solid #364970;
  margin: 2px 0em 2px 0em;
  vertical-align: top;
  }
table.listing th {
    background: #5f518e;
    border-top: 1px solid #364970;
    border-bottom: 1px solid #364970;
    border-right: 1px solid #364970;
    color:  #f3f1ff;
    padding: 0em 1em 0em 1em;
}
table.listing tr.odd {
    background: #fffdf6;
}
table.listing tr.even {
    background: #f3f1ff;
}
table.listing td {
  border-right: 1px solid #364970;
  padding: 0em 1em;
}
table.listing a:hover {
    color: red;
}
table.box {
    background: transparent;
    border-collapse: collapse;
    border-bottom: 1px solid #5f518e;
    border-left: 1px solid #5f518e;
    margin: 0;
  font-size: smaller;
    margin-bottom: 1em;
  width: 22ex;
}
table.box th {
    background: #5f518e;
    border-top: 1px solid #364970;
    border-bottom: 1px solid #364970;
    border-right: 1px solid #364970;
    color: #D8E7F3;
    font-weight: normal;
    padding: 0em 1em;
    text-align: left;
    text-transform: lowercase;
}
table.box th.empty {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #364970;
}
table.box tr.odd {
    background: #fffdf6;
}

table.box tr.even {
    background-color: #f3f1ff;
}
table.box td {
    border-right: 1px solid #5f518e;
    padding: 3px;
}
table.box img{
	vertical-align: middle;
}
table.box a:hover {
    color: red;
}
div.boxDetails {
    /*the line that contains the date for news and other info */
    text-align: right;
}
table.box a {
}
table.box a.comment {
    background-image: url(http://localhost/ITR/discussionitem_icon.gif); 
    background-repeat: no-repeat;
    background-position: 0px -2px;
    padding: 0em 0em 0.5em 2em;
    margin: 0;
    display: block;
}
table.box a.marker {
    background: url(linkTransparent.gif) -0.5em 0px no-repeat;
    display: block;
    padding: 0em 0em 0em 1.5em;
    vertical-align: top;
}
TABLE.board	{
	border: thin solid #5f518e;
       background: White;
	margin: 0px;
}
TH.board	{
	background: #fffdf6;
	width: 35px;
	height: 35px;
	text-align: center;
	border: thin solid #fffdf6;
}
TH.hit	{
	background: #d5e9ef;
	width: 35px;
	height: 35px;
	text-align: center;
	border: thin solid blue;
}
TD.border	{
	background: #f7eddc;
	color: Navy;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
TD.board	{
	background: #f3f1ff;
	width: 40px;
	height: 40px;
	text-align: center;
	border: thin solid #f3f1ff;
}
TD.hit	{
	background: Ivory;
	width: 35px;
	height: 35px;
	text-align: center;
	border: thin solid red;
}
div.boxDetails {
    text-align: right;
}
div.box {
  float: left;
  margin-right: 1em;
    margin-bottom: 2em;
    width: 20em;
    background: transparent;
    border-collapse: collapse;
    border: 1px solid #364970;
}
div.box div.heading {
    background: #93BEE2;
    border-bottom: 1px solid #364970;
    color: Black;
    font-weight: normal;
    padding: 0em 0em 0em 1em;
    text-align: left;
    text-transform: lowercase;
}
div.box a.close {
	float: right;
    text-transform: none;
    border-left: 1px solid #364970;
    padding: 0em 0.2em;
}
div.box div.odd {
    background: White;
    padding: 1em;
}
div.box div.even {
    background-color: #D8E7F3;
    padding: 1em;
}
a {
  font-weight: bold;
  text-decoration: none;
  font-family: sans-serif;
  background-color: transparent;
}
a.top {
  font-weight: bold;
  text-decoration: none;
  background-color: transparent;
    color:  #D8E7F3;
}
a:active, a:hover {
  color: red;
  font-weight: bold;
  background-color: transparent;
}
input {
  vertical-align: middle;
  background-color: transparent;
}
textarea {
  background-color: transparent;
}
select {
  background-color: transparent;
}
option {
  background-color: #EFF7FF;
  background: #EFF7FF;
}
a:link, a:visited {
  color: #520;
  background: transparent;
  font-weight: bold;
  }
img {
	border: 0;
	vertical-align: middle;
}
STRONG	{
	color: Maroon;
	font-weight: bold;
	}
U	{
	color: magenta;
	font-size: small;
	text-decoration: none;
	}
I	{
	color: Green;
	font-size: small;
	text-decoration: none;
	}
EM	{
	color: Green;
	font-style: normal;
	font-variant: SMALL-CAPS;
}
table.footer {
	width: 100%;
    background: transparent;
    border-collapse: collapse;
    border-top: 1px solid #5f518e;
    margin: 0;
    margin-top: 1em;
}
HR	{
	color: WHITE;
}
LI {
	list-style: url(/chess/bub-orange.gif);
}
LI.blue {
	list-style: url(/chess/bub-blue.gif);
}
DT	{
	color: Maroon;
	font-weight: bold;
}
P.FEN {
  text-decoration: none;
  font-size: xx-small;
     background: #5f518e;
    color:  #D8E7F3;
}

input {
    background: #fffdf6
}

input.button {
    background: #5f518e ! important;
    color: #D8E7F3 ! important
}

textarea {
    background: #fffdf6 ! important
}