table {
	margin-left: 1em;
}
table.matrix thead tr {
	background-color: #4040C0;
	color: #000000;
}
table.matrix thead tr #A { background-color: #80FFFF; }
table.matrix thead tr #L { background-color: #8080FF; }
table.matrix thead tr #B { background-color: #80C080; }
table.matrix thead tr #R { background-color: #C080C0; }
table.matrix thead tr #U { background-color: #FFFF80; }
table.matrix thead tr #D { background-color: #FF8080; }

table.matrix tbody tr.fig td {
	background-color: #006000;
}
table.matrix tbody tr.note td {
	background-color: #600000;
	text-align: center;
}

table.det {
  border-collapse: separate;
  border-spacing: 6px;
}

table.det td.lp {
  border-width: 2px 0 2px 2px;
  border-style: solid;
  border-color: #FFFFFF;
  padding: 2px;
  margin: 5px;
}

table.det td.rp {
  border-width: 2px 2px 2px 0;
  border-style: solid;
  border-color: #FFFFFF;
  padding: 2px;
  margin: 5px;
}

em.det {
  font-style: oblique;
  font-weight: bold;
  color: #FFFFFF;
}


table.det td {
  text-align: center;
}

div.boeditor {
	margin: 0 0 1em 2em;
	clear: left;
}

table.boeditor {
	float: left;
	margin: 0 0 1em 4em;
	border-collapse: separate;
	border-spacing: 4px;
	padding: 2px;
}
table.boeditor th {
	background-color: #4040A0;
}
table.boeditor td {
	text-align: center;
}

.stealth {
  color: #000030;
}
.semi_stealth {
  color: #303060;
}
.clear_both {
  clear: both;
}

em {
  font-weight: bold;
  color: #FFFF00;
}
strong {
  font-size: 1.25em;
  font-weight: bold;
  color: #FFFF00;
}

div.img {
  margin: 0 1em 0 3em;
}

/* ================ body ================ */
body {
  background-color: #000030;
  color: #FFFFFF;
  margin: 2px;
  padding: 2px;
}

a:link {
  color: #FFFF00;
}
a:visited {
  color: #FFC000;
}
a:hover {
  background-color: #303060;
}
a:active {
  color: #FF0000;
}

h1 {
  background-color: #000000;
  color: #FFFF40;
  margin: 0;
  border-width: 2px;
  border-style: solid;
  border-color: #FFFFFF;
  padding: 2px;
  font-size: 1.5em;
  font-weight: bold;
}

h2 {
  margin: 1em 0 0 0.2em;
  border-width: 0 0 2px 12px;
  border-style: solid;
  border-color: #FFA000;
  padding: 2px 2px 2px 6px;
  font-size: 1.2em;
  font-weight: bold;
  text-shadow: 2px 2px 0 #60607E;
  clear: both;
}

h3 {
  margin: 0.5em 0 0 1em;
  border-width: 0 0 2px 0;
  border-style: solid;
  border-color: #FFCC66;
  padding: 2px 2px 2px 6px;
  font-size: 1em;
  font-weight: bold;
  clear: both;
}
h4 {
  margin: 0.5em 0 0 1.5em;
  border-width: 0 0 2px 0;
  border-style: solid;
  border-color: #FFDD99;
  padding: 2px 2px 2px 6px;
  font-size: 1em;
  font-weight: bold;
}
h5 {
  margin: 0.5em 0 0 2em;
  border-width: 0 0 2px 0;
  border-style: solid;
  border-color: #FFEECC;
  padding: 2px 2px 2px 6px;
  font-size: 1em;
  font-weight: bold;
}
h6 {
  margin: 0.5em 0 0 2.5em;
  border-width: 0 0 2px 0;
  border-style: solid;
  border-color: #FFFFFF;
  padding: 2px 2px 2px 6px;
  font-size: 1em;
  font-weight: bold;
}

p {
  font-size: 1em;
  line-height: 1.6em;
  margin: 0.5em 0.5em 1em 1.5em;
}
p::first-letter {
  margin-left: 1em;
}

ul.list li {
  font-size: 1em;
  line-height: 1.2em;
  margin: 0.2em 1em 0.2em 1em;
}

section {
  margin-bottom: 2em;
}

/* ================ breadclumb list ================ */
.breadcrumb ul {
  list-style: none;
  overflow: hidden;
  color: rgb(255,255,255);
  font: 12px arial, Helvetica, clean, sans-serif;
  margin: 2px 2px 2px 22px;
  padding-left: 0px;
  background-image: -moz-linear-gradient(left, rgb(64,64,64), rgba(64,64,64,0));
  background-image: -webkit-gradient(linear, left top, right top, from(rgb(64,64,64)), to(rgba(64,64,64,0)));
}
.breadcrumb ul li {
  float: left;
  line-height: 20px;
}
.breadcrumb ul li span {
  margin-left: 1.5em;
}
.breadcrumb ul li a {
  color: rgb(255,255,255);
  font-weight: normal;
  text-decoration: none;
  padding: 0 10px 0 15px;
  display: block;
  float: left;
}
.breadcrumb ul li a::after {
  position: relative;
  display: block;
  margin-top: -10px;
  margin-left: auto;
  margin-right: -15px;
  height: 10px;
  width: 10px;
  content: " ";
  -webkit-transform: skew(-45deg);
  -moz-transform: skew(-45deg);
  border-right: 2px solid white;
  border-color: rgb(0,0,0);
}
.breadcrumb ul li a::before {
  float: right;
  display: block;
  margin-bottom: -10px;
  margin-left: auto;
  margin-right: -15px;
  height: 10px;
  width: 10px;
  content: " ";
  -webkit-transform: skew(45deg);
  -moz-transform: skew(45deg);
  border-right: 2px solid white;
  border-color: rgb(0,0,0);
}
.breadcrumb ul li:last-child {
  background: transparent !important;
}
.breadcrumb ul li:last-child a {
  background: transparent !important;
  color: rgb(255,255,255);
}
.breadcrumb ul li:last-child a::before {
  background: transparent !important;
}
.breadcrumb ul li:last-child a:after {
  background: transparent !important;
}
.breadcrumb ul li:last-child a:hover {
  background: transparent !important;
  color: rgb(255,255,255);
}
.breadcrumb ul li:last-child a:hover::before {
  background: transparent !important;
}
.breadcrumb ul li:last-child a:hover::after {
  background: transparent !important;
}

/* ---- breadcrumb normal ---- */
.breadcrumb ul li:first-child {
  margin-left: 0;
}
.breadcrumb ul li:first-child a {
  font-weight: bold;
  padding-left: 10px;
}
.breadcrumb ul li:first-child a:hover {
  color: rgb(0,0,0);
}
.breadcrumb ul li:nth-child(2) a {
  font-weight: bold;
}
.breadcrumb ul li a:hover {
  color: rgb(0,0,0);
}

.breadcrumb ul li:first-child a         { background: rgb(96,96,96) !important; }
.breadcrumb ul li:first-child a::before { background: rgb(96,96,96) !important; }
.breadcrumb ul li:first-child a::after  { background: rgb(96,96,96) !important; }
.breadcrumb ul li:first-child a:hover         { background: rgb(255,192,0) !important; }
.breadcrumb ul li:first-child a:hover::before { background: rgb(255,192,0) !important; }
.breadcrumb ul li:first-child a:hover::after  { background: rgb(255,192,0) !important; }
.breadcrumb ul li:nth-child(2) a         { background: rgb(80,80,80); }
.breadcrumb ul li:nth-child(2) a::before { background: rgb(80,80,80); }
.breadcrumb ul li:nth-child(2) a::after  { background: rgb(80,80,80); }
.breadcrumb ul li:nth-child(2) a:hover         { background: rgb(224,224,224); }
.breadcrumb ul li:nth-child(2) a:hover::before { background: rgb(224,224,224); }
.breadcrumb ul li:nth-child(2) a:hover::after  { background: rgb(224,224,224); }
.breadcrumb ul li a         { background: rgb(64,64,64); }
.breadcrumb ul li a::before { background: rgb(64,64,64); }
.breadcrumb ul li a::after  { background: rgb(64,64,64); }
.breadcrumb ul li a:hover         { background: rgb(192,192,192); }
.breadcrumb ul li a:hover::before { background: rgb(192,192,192); }
.breadcrumb ul li a:hover::after  { background: rgb(192,192,192); }

/* ---- breadcrumb custom:sonic ---- */
.breadcrumb ul.sonic {
  background-image: -moz-linear-gradient(left, rgb(40,40,160), rgba(40,40,160,0));
  background-image: -webkit-gradient(linear, left top, right top, from(rgb(40,40,160)), to(rgba(40,40,160,0)));
}
.breadcrumb ul.sonic li:nth-child(2) a         { background: rgb(40,40,160); }
.breadcrumb ul.sonic li:nth-child(2) a::before { background: rgb(40,40,160); }
.breadcrumb ul.sonic li:nth-child(2) a::after  { background: rgb(40,40,160); }
.breadcrumb ul.sonic li:nth-child(2) a:hover         { background: rgb(224,224,255); }
.breadcrumb ul.sonic li:nth-child(2) a:hover::before { background: rgb(224,224,255); }
.breadcrumb ul.sonic li:nth-child(2) a:hover::after  { background: rgb(224,224,255); }
.breadcrumb ul.sonic li a         { background: rgb(32,32,128); }
.breadcrumb ul.sonic li a::before { background: rgb(32,32,128); }
.breadcrumb ul.sonic li a::after  { background: rgb(32,32,128); }
.breadcrumb ul.sonic li a:hover         { background: rgb(160,160,255); }
.breadcrumb ul.sonic li a:hover::before { background: rgb(160,160,255); }
.breadcrumb ul.sonic li a:hover::after  { background: rgb(160,160,255); }

/* ---- breadcrumb custom:tetris ---- */
.breadcrumb ul.tetris {
  background-image: -moz-linear-gradient(left, rgb(160,40,40), rgba(160,40,40,0));
  background-image: -webkit-gradient(linear, left top, right top, from(rgb(160,40,40)), to(rgba(160,40,40,0)));
}
.breadcrumb ul.tetris li:nth-child(2) a         { background: rgb(160,40,40); }
.breadcrumb ul.tetris li:nth-child(2) a::before { background: rgb(160,40,40); }
.breadcrumb ul.tetris li:nth-child(2) a::after  { background: rgb(160,40,40); }
.breadcrumb ul.tetris li:nth-child(2) a:hover         { background: rgb(255,224,224); }
.breadcrumb ul.tetris li:nth-child(2) a:hover::before { background: rgb(255,224,224); }
.breadcrumb ul.tetris li:nth-child(2) a:hover::after  { background: rgb(255,224,224); }
.breadcrumb ul.tetris li a         { background: rgb(128,32,32); }
.breadcrumb ul.tetris li a::before { background: rgb(128,32,32); }
.breadcrumb ul.tetris li a::after  { background: rgb(128,32,32); }
.breadcrumb ul.tetris li a:hover         { background: rgb(255,160,160); }
.breadcrumb ul.tetris li a:hover::before { background: rgb(255,160,160); }
.breadcrumb ul.tetris li a:hover::after  { background: rgb(255,160,160); }