body {
	background-color: #FFFFFF;
	color: #000000;
	font-family: "verdana,georgia,arial,sans-serif";
	font-size: medium;
	font-weight: normal;
	line-height: 110%;
	margin: 0px;
	padding: 0px;
}
a { color: #003050; }
a:link { color: #003050; }
a:visited { color: #003050; }
a:hover { color: #991100; }
a:active { color: #991100; }

h1 { font-size: xx-large; font-weight: bold; line-height: 160%; }
h2 { font-size: x-large; font-weight: bold; line-height: 150%; }
h3 { font-size: large; font-weight: normal; line-height: 140%; }

dl { padding: 0; margin: 0; }
dt {
	font-size: large;
	font-weight: bold;
	line-height: 150%;
	padding: 14px 0 4px 0;
}
dd {
	font-size: middle;
	line-height: 130%;
	margin: 0;
	padding: 0 2em .5em 2em;
}
pre {
  background-color: #eeeeee;
  font-size: 10pt;
  font-family: "Courier New", monospace;
  width: 100%;
}

pre.bold {
  background-color: LightGray;
  font-size: 10pt;
  font-family: monospace;
  font-weight: bold;
  width: 100%;
}
ul {
	margin: 0;
	padding: 0 0 0 1em;
}
li {
	list-style-type: circle;
	padding: 0 0 0 1em;
}

/****************/
/* header block */
/****************/
td.Banner {
	background: url("/owa/images/banner/mari72i");
	background-repeat: no-repeat;
	background-position: 6px top;
	background-color: #555;
	color: #fff;
	padding-left: 52px;
	padding-top: 8px;
	font-family: New Times Roman, Times;
	font-size: xx-large;
	font-weight: bold;
	line-height: 130%;
}
.Banner a { color: #fff; text-decoration: none; }
.Banner a:link { color: #fff; text-decoration: none; }
.Banner a:visited { color: #fff; text-decoration: none; }
.Banner a:hover { color: #fff; text-decoration: underline; }
.Banner a:active { color: #fff; text-decoration: underline; }

td.Visiter {
	background-color: #555;
	color: #aaa;
	font-size: small;
	font-weight: bold;
	text-align: right;
}
td.Tree {
	color: #000;
	padding: 4px 0px 0px 4px;
	font-size: small;
	line-height: 120%;
}
td.UnderLine { background: #d0d0d0; }
td.Copyrights {
	background-color: #555;
	color: #fff;
	margin-top: 4px;
	font-size: small;
	font-family: courier New, Courier;
	font-weight: bold;
	text-align: center;
}

/******************/
/* side box block */
/******************/
dl.Panel {
	text-align: left;
	padding-right: 1.5em;
	font-size: middle;
	width: 230px;
}
dt.Panel {
	font-size: small;
	background: url("/owa/images/rect");
	/*background-color: #e7b74e;*/
	color: #000;
	font-weight: bold;
	line-height: 120%;
	letter-spacing: 0.1em;
	margin-top: 20px;
	/*padding: 1px 3pt 1pt .5em;*/
	text-align: left;
	padding: 4px 4px 4px 10px;
}
dd.Panel {
	font-size: small;
	padding: 1px 2px 1px 4px;
	margin: 2px .5em 0 .5em;
}
dd.Panel span.Date {
	font-size: x-small;
}
dd.Panel span.Name {
	font-size: small;
	margin-left: .5em;
}
div.Panel {
	font-weight: bold;
	padding: 1px 2px 1px 4px;
	margin: 0 0 0 1em;
}

table.Diagram {
	background: #fff;
	border-width: 0px;
	border-color: #000;
}
span.WhitePlayer {
	color: #000;
	font-size: small;
	line-height: 100%;
	margin-left: 25px;
}
span.BlackPlayer {
	color: #000;
	font-size: small;
	line-height: 100%;
	margin-right: 25px;
}
form.ArrowBut {
	margin: 0;
	padding: 0;
}
input.ArrowHead {
	background: url("/owa/images/ar_head");
	background-repeat: no-repeat;
	background-position: center;
	background-color: #eee;
	border-width: 1px;
	padding: 0px 10px 0px 10px;
	height: 14px;
	cursor: pointer;
}
input.ArrowPrev {
	background: url("/owa/images/ar_prev");
	background-repeat: no-repeat;
	background-position: center;
	background-color: #eee;
	border-width: 1px;
	padding: 0px 10px 0px 10px;
	height: 14px;
	cursor: pointer;
}
input.ArrowNext {
	background: url("/owa/images/ar_next");
	background-repeat: no-repeat;
	background-position: center;
	background-color: #eee;
	border-width: 1px;
	padding: 0px 10px 0px 10px;
	height: 14px;
	cursor: pointer;
}
input.ArrowTail {
	background: url("/owa/images/ar_tail");
	background-repeat: no-repeat;
	background-position: center;
	background-color: #eee;
	border-width: 1px;
	padding: 0px 10px 0px 10px;
	height: 14px;
	cursor: pointer;
}
input.ArrowNoop {
	background: url("/owa/images/ar_noop");
	background-repeat: no-repeat;
	background-position: center;
	background-color: #eee;
	border-width: 1px;
	padding: 0px 10px 0px 10px;
	height: 14px;
	cursor: pointer;
}
div.GameComment {
	text-align: left;
	font-size: small;
	padding: 10px 2px 0 8px;
	margin: 0;
}
span.GameComment {
	border-width: 0 0 1px 0;
	border-style: dotted;
	border-color: Gray;
}

/****************/
/* quated block */
/****************/
dl.Quote {
	width: 95%;
	background-color: #f0e8d8;
	font-family: Times;
	line-height: 110%;
	padding: 0 1em .2em 0em;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #888;
}
img.Quote {
	float: left;
	padding: 0px 16px 8px 10px;
}
table.Quote {
	float: left;
	padding: 0px 16px 8px 10px;
	width: 200px;
}
