img.back {
    /* position:absolute; left:100px; top:100px */
    position:           relative;
    float:              right;
    margin-left:        0px;
    border:             solid 0px black;
}

/***********************************************************************
 * CSS file: joseki.css
 * Purpose : gobase.org joseki browsing pages
 * Date	   : 2003-10-14
 * Notes   : The IE version maps the font-sizes as follows:
 *		-----------------
 *		symbolic  applied
 *		-----------------
 *		   small     10pt
 *		 x-small      8pt
 *		xx-small      6pt
 *		-----------------
 */

  body
, dl,ol,ul
, blockquote
, form
, input
, select
, textarea
, h1,h2,h3
, p
, p.news
, p.site
, p.author
, p.lauthor
, p.rauthor
, strong.titlesep
, strong.pathsep
, strong.refsep
, strong.h2
, strong.h3
, strong.content
, strong.date

, table
, table.content
, table.knockout
, table.match

, td
, td.content
, td.ccontent
, td.rcontent
, td.knockout
, td.cknockout
, td.rknockout
, td.match

, th
, th.knockout
, th.cknockout
, th.rknockout
, th.match

, .lhead
, .rhead
, .lblack
, .rblack
, .lindex
, .subhead
, .refs
, .lpath
, .rpath

, .content
, .note
, .white
, .hred

{
    font-family:	verdana, arial, helvetica, sans-serif;
    font-weight:	normal;
    font-style:		normal;
    font-size:		small;
    color:		#000000;
    background-color:	transparent;
}

  pre
, code
{
    font-family:	monospace;
    font-weight:	normal;
    font-style:		normal;
    font-size:		small;
    color:		#000000;
    background-color:	transparent;
}

  .lhead
, .rhead
, .lblack
, .rblack
, .lindex
, .subhead
, strong.titlesep
{
    font-size:		x-small;
}

  strong.refsep
, strong.pathsep
, .lpath
, .rpath
, .refs
{
    font-size:		x-small;
}

  body
, td
, th
{
    text-align:		left;
    margin-top:		0pt;
    margin-bottom:	0pt;
    margin-left:	0pt;
    margin-right:	0pt;
    background-color:	#eeeeee;
}
body {
    margin-top:		12pt;
    margin-left:	24pt;
    margin-right:	12pt;
    margin-bottom:	24pt;
}

form {
    margin-top:		0pt;
    margin-bottom:	0pt;
    padding-top:	0pt;
    padding-bottom:	0pt;
}

.lhead {
    text-align:		left;
    color:		#000000;
    background-color:	#ffffff;
}
.rhead {
    font-weight:	bold;
    text-align:		right;
    background-color:	#ffffff;
    color:		#770000;
}
.lblack {
    font-weight:	bold;
    text-align:		left;
    color:		#ffffff;
    background-color:	#000000;
}
.rblack {
    text-align:		right;
    color:		#ffffff;
    background-color:	#000000;
}
.white {
    color:		#ffffff;
    background-color:	#ffffff;
}
.hred {
    color:		#ffffff;
    background-color:	#770000;
}
.lindex {
    font-weight:	bold;
    text-align:		left;
    color:		#770000;
    background-color:	rgb(184,184,152);
}
strong.titlesep {
    color:		#770000;
    background-color:	transparent;
}
strong.pathsep {
    color:		#770000;
    background-color:	transparent;
}
.subhead {
    text-align:		left;
    color:		#000000;
    background-color:	#d4d4d4;
}

h1,h2,h3 {
    font-weight:	bold;
    text-align:		left;
    color:		#770000;
    background-color:	transparent;
}
h1 {
    font-size:          large;
    margin-top:		10pt;
    margin-bottom:	0pt;
}
h1,h2 {
    margin-top:		10pt;
    margin-bottom:	5pt;
}
h3 {
    margin-top:		5pt;
    margin-bottom:	0pt;
}


blockquote {
    margin-top:		5pt;
    margin-bottom:	0pt;
}

dl,ol,ul {
    margin-top:		5pt;
    margin-bottom:	0pt;
}

p {
    text-align:		left;
    margin-top:		0pt;
    margin-bottom:	0pt;
}
p.news {
    text-align:		left;
    margin-top:		0pt;
    margin-bottom:	5pt;
}
p.site {
    margin-top:		0pt;
    margin-bottom:	5pt;
}

.note {
    font-size:		x-small;
    text-align:		center;
    margin-left:	10%;
    margin-right:	10%;
}

/*
 * Upper-right reference section
 */
.refs {
    text-align:		right;
    color:		#000000;
    background-color:	#ffffff;
}

/*
 * Path to information
 */
.lpath {
    text-align:		left;
    color:		#000000;
    background-color:	#eeeeee;
}
.rpath {
    text-align:		right;
    color:		#000000;
    background-color:	#eeeeee;
}

/*
 * Page footer
 */
p.lauthor {
    text-align:		left;
    color:		#999999;
    background-color:	transparent;
}
  p.author
, p.rauthor
{
    text-align:		right;
    color:		#999999;
    background-color:	transparent;
}
p.author {
    font-size:          x-small;
    margin-top:		8pt;
}
.author:link	{ color: #999999; background-color: transparent; }
.author:active	{ color: #999999; background-color: transparent; }
.author:visited { color: #999999; background-color: transparent; }

table {
    margin-top:		0pt;
    margin-bottom:	0pt;
}

table.match {
    color:		#000000;
    background:		rgb(228,224,204);
}
th.match {
    font-weight:	bold;
    text-align:		center;
    color:		#770000;
    background:		rgb(184,184,152);
}
td.match {
    font-weight:	bold;
    text-align:		left;
    color:		#000000;
    background:		rgb(228,224,204);
}

th {
    font-weight:	bold;
    text-align:		center;
}
td {
    text-align:		left;
}

table.knockout {
    margin-bottom:	10px;
    color:		#000000;
    background:		rgb(189,183,107);
}
th.knockout {
    font-weight:	bold;
    text-align:		left;
    color:		#770000;
    background:		rgb(184,184,152);
}
th.cknockout {
    font-weight:	bold;
    text-align:		center;
    color:		#770000;
    background:		rgb(184,184,152);
}
th.rknockout {
    font-weight:	bold;
    text-align:		right;
    color:		#770000;
    background:		rgb(184,184,152);
}
td.knockout {
    text-align:		left;
/*  white-space:	nowrap; */
    color:		#000000;
    background:		rgb(228,224,204);
}
td.rknockout {
    text-align:		right;
/*  white-space:	nowrap; */
    color:		#000000;
    background:		rgb(228,224,204);
}
td.cknockout {
    text-align:		center;
/*  white-space:	nowrap; */
    color:		#000000;
    background:		rgb(228,224,204);
}

.content {
    text-align:		left;
    color:		#000000;
    background-color:	#eeeeee;
}
table.content {
    color:		#000000;
    background:		#eeeeee;
}
td.content {
    text-align:		left;
    color:		#000000;
    background:		#eeeeee;
}
td.ccontent {
    text-align:		center;
    color:		#000000;
    background:		#eeeeee;
}
td.rcontent {
    text-align:		right;
    color:		#000000;
    background:		#eeeeee;
}

th.businesscard {
    font-family:        verdana, arial, helvetica, sans-serif;
    font-weight:        bold;
    font-size:          x-small;
    text-align:         left;
    color:              #770000;
    background:         rgb(184,184,152);
}
th.cbusinesscard {
    font-family:        verdana, arial, helvetica, sans-serif;
    font-weight:        bold;
    font-size:          x-small;
    text-align:         center;
    color:              #770000;
    background:         rgb(184,184,152);
}
  td.businesscard
, td.photo
{
    font-family:        verdana, arial, helvetica, sans-serif;
    font-size:          x-small;
    color:              black;
    background:         rgb(228,224,204);
}
td.businesscard {
    white-space:	nowrap;
}
img.photo {
    border:		solid 1px #ffffff;
}
.label {
    color: #770000;
}

strong {
    font-weight:	bold;
}
strong.h2 {
    font-weight:	bold;
    color:		#770000;
    background-color:	transparent;
}
strong.h3 {
    font-weight:	bold;
    color:		#770000;
    background-color:	transparent;
}
strong.content {
    font-weight:	bold;
    color:		#770000;
    background-color:	transparent;
}
strong.date,strong.refsep {
    color:		#666666;
    background-color:	transparent;
}

a:link	   {
    text-decoration:	none;
    color:		#0000ff;
    background-color:	transparent;
}
a:active   {
    text-decoration:	none;
    color:		#770000;
    background-color:	transparent;
}
a:visited  {
    text-decoration:	none;
    color:		#0000ff;
    background-color:	transparent;
}
a:hover	  {
    text-decoration:	underline;
    color:		#770000;
    background-color:	transparent;
}

.index:link    { color: #770000; background-color: transparent; }
.index:active  { color: #770000; background-color: transparent; }
.index:visited { color: #770000; background-color: transparent; }

.intern:link	{ color: yellow; background-color: transparent; }
.intern:active	{ color: yellow; background-color: transparent; }
.intern:visited { color: yellow; background-color: transparent; }

.external:link	  {
    color:		#0000ff;
    background-color:	transparent;
}
.external:active  {
    color:		#770000;
    background-color:	transparent;
}
.external:visited {
    color:		#0000ff;
    background-color:	transparent;
}

.l { text-align: left;	 }
.c { text-align: center; }
.r { text-align: right;	 }

  input
, input.file
, select
, textarea
{
    color:              #000000;
    background-color:   #eeeeee;
}
  input.submit
, input.modify
{
    color:              #770000;
    background-color:   rgb(184,184,152);
}
  input.submit
{
    font-weight:	bold;
}
  input.radio
, input.checkbox
{
    color:              #000000;
    background-color:   rgb(228,224,204);
}
  input:focus
, textarea:focus
{
    color:              #000000;
    background-color:   #eeeeee;
}