body {
  margin: 1px;
  padding: 0px;
  color: #AAA;
  background: #000;
  font-family: Tahoma, Arial, Helvetiva, serif;
  font-size: 12px;
  font-weight: bold;
  text-align: justify;
  border: 0px hidden black;
  border-spacing: 0px;
  }

img {
  border: 0px hidden black;
  vertical-align: middle;
  }
img.title {
  background: #044;
  }
img.x16y16 {
  height: 16px;
  width: 16px;
  }
img.x32y32 {
  height: 32px;
  width: 32px;
  }

form { margin:0px; }

.button {
  border-style: solid;
  border-width: 1px;
  border-color: #488 #244 #244 #488;
  background-color: #355;
  margin: 0px;
  height: 17px;
  font-size: 11px;
  }
.button:focus {
  background-color: #355;
  }

input[type=button], input[type=submit], input[type=reset], button {
  margin: 1px 0px 1px 0px;
  padding: 0px 2px 0px 2px;
  height: 17px;
  border: 1px solid;
  border-color: #488 #244 #244 #488;
  background: #255;
  color: #FFF;
  font-weight: bold;
  font-family: Tahoma, Arial, Helvetica, serif;
  text-align: center;
  font-size: 11px;
  }

input, select, textarea {
  margin: 1px;
  padding: 1px 3px 1px 3px;
  font-size: 11px;
  font-weight: bold;
  font-family: Tahoma, Arial, Helvetiva, serif;
  background: #022;
  color: #FFFFFF;
  border: 1px solid;
  border-color: #122 #288 #288 #122;
  vertical-align: middle;
  }
input[type=radio], input [type=checkbox] {
  border: 0px hidden;
  }
select { padding: 0px; }
textarea {
  font-family: 'Courier New', courier, fixed, monotype;
  font-size: 12px;
  font-weight: bold;
  }
textarea.code, textarea.code:focus {
  line-height: 15px;
  background: black;
  color: #0EA;
  }
input:focus, select:focus, textarea:focus {
  background: black;
  }

label {
  text-align: left;
  }

table {
  margin: 0px;
  padding: 0px;
  border: 1px solid #055;
  border-spacing: 0px;
  border-collapse: separate;
  text-align: center;
  }
table.null {
  border: 0px hidden;
  }
table.table {
  border: 0px hidden;
  border-spacing: 1px;
  }
table.look {
  border: 0px hidden;
  border-spacing: 1px;
  }
table.bar {
  height: 10px;
  width: 90%;
  font-size: 3px;
  }

.table-bg {
  background: #033;
  border: 1px solid;
  border-color: #266 #022 #022 #266;
  }

tr {
  vertical-align: middle;
  }

th, th.table, th.l {
  background: #055;
  border: 1px solid;
  border-color: #277 #022 #022 #277;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  text-align:center;
  margin: 0px;
  padding: 0px 3px 0px 3px;
  height: 18px;
  }

td {
  font-size: 12px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  border: 0px hidden;
  text-align: center;
  vertical-align: middle;
  }
td.ico_42,
input.ico_42,
input.ico_42,
button.ico_42 {
  width: 42px; height: 42px;
  background: #355 url('button_bg_42.gif') no-repeat;
  background-position: center;
  }

td.but_42,
input.but_42,
input.but_42,
button.but_42 {
  background: #355 url('button_x_42.gif') repeat-x;
  background-position: center;
  height: 42px;
  }

td.table, td.l, td.tabler, td.r, td.tablec, td.c {
  background: #033;
  border: 1px solid;
  border-color: #266 #022 #022 #266;
  text-align: left;
  padding: 0px 3px 0px 3px;
  }
td.tabler, td.r, th.tabler, th.r { text-align: right; }
td.tablec, td.c, th.tablec, th.c { text-align: center; }

td.title, th.title {
  background: #055 url('th_title.gif') repeat-x;
  border: 0px hidden;
  border-color: #277 #022 #022 #277;
  color: #FFF;
  height: 18px;
  font-size: 11px;
  font-weight: bold;
  padding: 0px; margin: 0px;
  }
td.frame {
  border: 1px solid #077;
  border-top-style: hidden;
  width:100%;
  }

td.link, th.link { }
td.link:hover, th.link:hover { background: #046; }

td.look_look {
  border: 1px solid #044; height: 130px }
td.look_list {
  border: 1px solid #044; text-align:left;
  padding: 0px; }

td.bar {
  font-size: 3px;
  height: 5px;
  background: black;
  }

hr {
  margin: 3px 0px 3px 0px;
  padding: 0px;
  height: 0px;
  border-style: solid;
  border-width: 1px 0px 1px 0px;
  border-color: #366 #122 #122 #366;
  }

p {
  font-family: Tahoma, Arial, Helvetica, serif;
  text-align: justify;
  font-size: 12px;
  text-indent: 40px;
  font-weight: bold;
  margin: 6px 5px 0px 5px;
  }
h1, p.title {
  text-indent: 0%;
  text-align: center;
  font-size: 14px;
  color: white;
  margin: 12px 10px 10px 10px;
  }
h2, p.center {
  color: #DDD;
  text-indent: 0%;
  text-align: center;
  font-size: 13px;
  margin: 6px 10px 6px 10px;
  }
p.error {
  color: #F44;
  text-indent: 0%;
  text-align: center;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 14px;
  font-weight: bold;
  }
p.look {
  font-size: 13px;
  text-align: justify;
  color: #AFF;
  margin: 0px 10px 5px 10px;
  }
p.phrase {
  text-indent: 5%;
  color: white;
  margin: 3px 5px 3px 5px;
  text-align: left;
  }
h6, note, .memo {
  font-weight:bold;
  color:#085;
  font-size:11px;
  text-indent:0px;
  text-align:center;
  }

pre {
  background: #224;
  border: 1px solid gray;
  color: white;
  margin-left: 10px;
  margin-right: 10px;
  padding: 3px;
  font-weight: normal;
  font-family: 'courier new', courier, fixed;
  font-size: 13px;
  }

a {
  color: #FFF;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  }
a:hover {
  color: #FF0;
  cursor: pointer;
  text-decoration: underline
  }

a.menu {
  background: inherit;
  padding: 0px 5px 0px 5px;
  text-decoration: underline;
  }
a.menu:hover {
  background: #058;
  }

a.null {
  }
a.null:hover {
  color: #FF0;
  cursor: pointer;
  text-decoration: none;
  }

a.talk {
  text-align: left;
  text-indent: 10px;
  font-size: 12px;
  }
a.talk:hover {
  text-decoration: none;
  }

a.small_link {
  font-size: 9px;
  }

.pointer { cursor:pointer }
.pointer:hover { color: #FF0; cursor: pointer; }

.mv { font-size:11px; line-height:16px; text-decoration:none; color:#CCC }
.mv:hover { color:white; }
.mv_now { font-size:11px; line-height:16px; text-decoration:none; color:yellow }
.mv_now:hover { color:white; }

input.msg {
  height: 16px;
  text-align: left;
  text-indent: 3px;
  margin: 0px;
  padding: 0px;
  }

div {
  margin: 0px;
  padding: 0px;
  }

.msg {
  text-align:left;
  font-size:11px;
  font-weight:bold;
  text-indent:0%;
  margin:0px 3px 0px 3px;
  padding:0px;
  }

span.msg_       { color:#777; }
span.msg_act    { color:#999; }
span.msg_name   { color:#DDD; }
span.msg_info   { color:#FFF; }
span.msg_good   { color:#8F8; }
span.msg_kill   { color:#FF8; }
span.msg_say_my { color:#088; }
span.msg_say    { color:#0EE; }
span.msg_glo_my { color:#0A3; }
span.msg_glo    { color:#0F7; }
span.msg_tell_my{ color:#A43; }
span.msg_tell   { color:#F86; }
span.msg_in     { color:#F8F; }
span.msg_out    { color:#848; }
span.msg_move   { color:#88F; }
span.msg_err    { color:#F88; }

span.look_item  { color:#AFF; }
span.look_land  { color:#088; }
span.look_name  { color:#FFF; }
span.look_who   { color:#A80; }
span.look_state { color:#AAA; }

span.m_pt       { color:#AAB; cursor:pointer }
span.m_au       { color:#FD0; cursor:pointer }
span.m_ag       { color:#DDE; cursor:pointer }
span.m_cu       { color:#F8A; cursor:pointer }

td.inv {
  text-align: left;
  height: 14px;
  padding-left: 2px;
  }
span.inv_slot {
  color: #FFF;
  font-size: 9px;
  cursor: pointer;
  }
a.inv_item {
  color: #FF0;
  font-size: 11px;
  }
a.inv_item:hover {
  text-decoration: underline;
  cursor: pointer;
  }
span.inv_none {
  color: #660;
  font-size: 11px;
  }

a.look, a.look_land { color: #FFF; text-decoration: none; font-size: 12px }
a.look_land { color: #880; }
a.look:hover, a.look_land:hover { color: #FF0; }

.v_current, .vc { color:#FF0; }
.v_normal, .vn  { color:#EEE; }
.v_gray, .vg    { color:#888; }

div.value {
  font-size: 9px;
  height: 13px;
  color: white;
  background: #022;
  border: 1px solid;
  border-color: #122 #288 #288 #122;
  }

/* Letters */

.letter, .letter:focus {
  color: #000;
  background: url('paper.jpg') repeat;
  font-size: 16px;
  text-align: justify;
  text-indent: 0px;
  font-weight: bold;
  font-style: italic;
  font-family: 'Comic Sans MS', arial, helvetica, sans-serif;
  }

/* Icons */

a.icon {
  font-size: 11px;
  vertical-align: middle;
  margin: 0px;
  }
div.icon {
  margin: 0px; padding: 5px;
  width: 65px;
  text-align: center;
  }
td.icon {
  margin: 0px; padding: 0px;
  width: 65px;
  text-align: center;
  vertical-align: top;
  }