*                           { font-family: arial, helvetica, sans-serif; color: #666666; }
  html                        { height: 100%; }
  body                        { position: absolute; padding: 0px; margin: 0px; width: 100%; height: 100%; font-size: 80%; line-height: 120%; }
  table                       { border-collapse: collapse; margin: 0px; }
  form                        { margin: 0px; }
  ul                          { list-style: square outside; margin: 0px 0px 0px 15px; padding: 0px 0px 15px 0px; }
  li                          {  }
  td                          { padding: 0px; text-align: left; vertical-align: top; }
  a                           { text-decoration: none; }
  a:hover                     { text-decoration: underline; }
  p                           { }
  img                         { border: 0px; }

  h2                          { font-size: 1.6em; }

  div#main                    { width: 100%; height: 100%; display: none; }

  table#header                { width: 895px; }
  td#header_left              { vertical-align: middle; width: 625px; height: 50px; padding: 10px 5px 10px 20px; }
  td#header_right             { vertical-align: middle; width: 205px; height: 50px; padding: 10px 20px 10px 20px; }

  div#room                    { position: absolute; top: 70px; left: 5px; width: 640px; }
  div#topview                 { position: absolute; top: 70px; left: 650px; width: 240px; }

  div#room_container          { width: 100%; height: 525px; background: #cccccc; }
  div#topview_container       { width: 100%; height: 525px; background: #cccccc; }

  table.message               { width: 100%; height: 100%; }
  table.message td            { text-align: center; vertical-align: middle; }
  table.message p             { text-align: center; vertical-align: middle; margin: 20px; }
  table.message a             { text-decoration: underline; }

  div.topbar                  { background: #666666 url(../images/corner_topleft.gif) left top no-repeat; width: 100%; height: 30px; border-bottom: 1px solid #ffffff; overflow: hidden; }
  div.topbar table            { background: url(../images/corner_topright.gif) right top no-repeat; width: 100%; height: 100%; }
  div.topbar td               { vertical-align: middle; text-align: left; padding: 0px 20px 0px 20px; color: #ffffff;  }
  div.bottombar               { background: #666666 url(../images/corner_bottomleft.gif) left bottom no-repeat; width: 100%; height: 30px; border-top: 1px solid #ffffff; overflow: hidden; }
  div.bottombar table         { background: url(../images/corner_bottomright.gif) right bottom no-repeat; width: 100%; height: 100%; }
  div.bottombar td            { vertical-align: middle; text-align: left; padding: 0px 20px 0px 20px; color: #ffffff; }
  div.bottombar img           { vertical-align: middle; }
  div.bottombar span          { vertical-align: middle; color: #cccccc; }
  div.bottombar a             { vertical-align: middle; color: #cccccc; }