body
  { 
  font-family: Verdana, sans-serif; 
  font-size:0.8em;
  align:center;
  margin-top:0;
  margin-bottom:0;
  margin-left:0;
  margin-right:0;
  background-color: #e8e8ff;
  }

html
  {
  -webkit-text-size-adjust: none; 
  }

header, nav, section, article, footer, aside
  { 
  margin:0px; 
  padding:0px;
  }

header
  {
  color:#ffffff;
  background-color:#000000;
  padding-top: 1px;
  padding-bottom: 1px;
  width:100%;
  text-align:center;
  line-height:30px;
  }

footer
  { 
  color:#ffffff;
  background-color:#000000;
  padding-top: 1px;
  padding-bottom: 1px;
  width:100%;
  text-align:center;
  font-size:smaller;
  }

footer a:link
  { 
  color:#ffffff;  
  }

footer a:visited
  { 
  color:#ffffff;
  }

nav
  { 
  color:#ffffff;
  background-color:#333333;
  width:100%;
  list-style: none;
  text-align:center;
  padding-top: 2px;
  padding-bottom: 0px;
  }

nav ul
  { 
  border: #ff0000;
  margin: 0px;
  padding: 2px;
  padding-bottom: 0px;
  }

nav li 
  { 
  border: 1px outset gray;
  margin-bottom: 4px;
  display: inline-block;
  background-color: #505050;
  }

nav li:hover
  { 
  border: 1px inset gray;
  background-color: #404040; 
  }

nav a
  {
  display: inline-block;
  padding: 5px;
  text-decoration: none;
  color: #ffffff;
  }

section
  { 
  padding-left:0px;
  padding-right:0px;
  padding-top:0px;
  padding-bottom:0px;
  }

img
  {
  display: block;
  }

canvas
  {
  display: block;
  }

.layout_top
  { 
  border-spacing: 0px;
  border: 0px;
  }

.layout_top td
  { 
  padding: 0px;
  vertical-align: top;
  }

.content
  {
  margin: 0px;
  padding: 5px;
  background-color: #e8e8ff;
  }

.content table
  { 
  border:2px solid #6060c0;
  border-spacing: 0px;
  border-radius: 4px;
  }

.content th
  { 
  border: 1px solid #6060c0;
  background-color: #d0d0f0;
  padding: 3px;
  }

.content td
  { 
  border: 1px solid #6060c0;
  background-color: #f4f4ff;
  padding: 3px;
  vertical-align: middle;
  }

.content p
  {
  margin: 0px;
  margin-bottom: 5px;
  }

.content a:link
  {
  color: #000080;
  }

.content a:visited
  {
  color: #000000;
  }

.clear
  {
  margin: 0px;
  padding: 8px;
  }

.clear table
  {
  border: 0px;
  }

.clear td
  {
  border: 0px;
  }

.instruction
  {
  font-style: italic;
  font-size: smaller;
  }

.full_index
  { 
  padding: 0px;
  background-color: #d0d0f0;
  }

.full_index table
  { 
  border-spacing: 0px;
  padding: 0px;
  }

.full_index td
  { 
  padding: 3px;
  horizontal-align: center;
  vertical-align: middle;
  text-align: center;
  }

.full_index a
  {
  border: 1px outset white;
  background-color: #f4f4ff;
  width: 90%;
  display: inline-block;
  padding-top: 2px;
  padding-bottom: 2px;
  }

.full_index a:hover
  { 
  border:1px inset white;
  background-color: #e4e4f8;
  }

.full_index a:link
  {
  color: #000080;
  text-decoration: none;
  }

.full_index a:visited
  {
  color: #000000;
  text-decoration: none;
  }

.letter_index
  {
  margin:0px;
  }

.letter_index ol
  {
  margin: 0px;
  padding: 0px;
  }

.letter_index_cell
  {
  display:inline-block; 
  margin: 1px;
  padding: 0px;
  width: 160px;
  height: 64px;
  border: 2px outset white;
  }

.letter_index_cell:hover
  { 
  border: 2px inset white;
  }

.letter_index_cell table
  { 
  border-spacing: 0px;
  margin: 0px;
  border: 0px;
  width: 160px;
  heigh: 64px;
  }

.letter_index_cell td
  { 
  border: 0px;
  padding: 0px;
  }

.letter_index_cell a
  { 
  text-decoration: none;
  }

.letter_index_cell td:last-child a
  { 
  display: block;
  background-color: #f4f4ff;
  width: 117px;
  height: 64px;
  padding-left: 3px;
  vertical-align: middle;
  }

.letter_index_cell:hover td:last-child a
  { 
  background-color: #e4e4f8;
  }

.letter_index_cell_wide
  { 
  display:block;
  margin: 3px;
  padding: 6px;
  text-align: left;
  vertical-align: center;
  background-color: #d0d0f0;
  width: 600px;
  }

.thumb_index_cell 
  { 
  margin: 0px;
  padding: 0px;
  background-color: #000000;
  width: 40px;
  height: 64px;
  float: left;
  }

.image_heading
  {
  margin: 0px;
  padding: 0px;
  font-style:normal;
  vertical-align:middle;
  line-height: 25px;
  }

.image_heading table
  {
  border-spacing:0px;
  border:0px;
  }

.image_heading td
  { 
  border:0px;
  vertical-align: middle;
  padding: 5px;
  padding-left: 10px;
  font-size: x-large;
  font-weight: bold;
  border-bottom: 3px solid black;
  background-color: #e8e8ff;
  }

.publisher_heading h1
  {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 5px;
  padding-left: 10px;
  font-style:normal;
  font-size: x-large;
  font-weight: bold;
  line-height:64px;
  border-bottom: 3px solid black;
  display: inline-block;
  }

.text_heading
  {
  margin-top: 0px;
  margin-bottom: 8px;
  padding: 12px;
  padding-top: 7px;
  display: inline-block;
  border-bottom: 3px solid black;
  font-style:normal;
  font-size: x-large;
  font-weight: bold;
  }

.subhead
  { 
  font-style:italic;
  line-height:20px;
  }

.tape_info ul
  {
  margin: 0px;
  padding: 0px;
  }

.tape_info li
  {
  display: inline-block;
  padding-right: 20px;
  }

.tape_info li:first-child table td:first-child
  { 
  background-color: #d0d0f0;
  font-weight: bold;
  }

.tape_info li:last-child table td
  {
  padding: 0px;
  }

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

.tape_tracks table td:last-child
  {
  padding: 0px;
  }

@media only screen and (max-device-width: 480px) 
  {
  .tape_tracks img
    {
    width: 128px !important;
    height: 96px !important;
    }

  .material td
    {
    max-width: 128px;
    overflow: hidden;
    }
  }

.hardware_info table td:first-child
  { 
  background-color: #d0d0f0;
  font-weight: bold;
  }

.book_info table td:first-child
  { 
  background-color: #d0d0f0;
  font-weight: bold;
  }

.publisher_info table td:first-child
  { 
  background-color: #d0d0f0;
  font-weight: bold;
  }

.publisher_items table td:first-child
  { 
  background-color: #d0d0f0;
  font-weight: bold;
  }

table.file_table
  {
  padding: 0px;
  border: 0px;
  margin-bottom: 8px;
  }

.file_table td
  {
  padding: 2px;
  border: 0px;
  background-color: #e8e8ff;
  text-align: center;
  }

.file_table a
  {
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px outset white;
  background-color: #f4f4ff;
  display: block;
  text-decoration: none;
  }

.file_table a:hover
  { 
  border:1px inset white;
  background-color: #e4e4f8;
  }

.file_table li
  {
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid gray;
  background-color: gray;
  display: block;
  text-decoration: none;
  -ms-user-select: none;
  user-select: none;
  }

.tape_thumb_list table
  {
  border:0px;
  }

.tape_thumb_list td
  {
  background-color: #e8e8ff;
  border:0px;
  padding: 0px;
  }

.listing_wrapper 
  {
  width: 280px; /* adjusted hard-coded scrollbar width; you should set this with js */
  height: 192px;
  padding: 3px;
  overflow-y: auto; /* scrolling vertical only */
  overflow-x: hidden; /* hiding horizontal scrollbar */
  background-color: white;
  position: relative; /* avoid overflow on IE8 */
  }

.emulator_wrapper 
  {
  padding: 0px;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #000000;
  }

.emulator_wrapper canvas
  {
  margin-right: auto;
  margin-left: auto;
  image-rendering: pixelated;
  -ms-interpolation-mode: nearest-neighbor;
  }

.emulator_buttons
  {
  background-color: #d0d0f8;
  padding: 4px;
  }

.emulator_load
  {
  background-color: #d0d0f8;
  padding: 4px;
  }

.keyboard_wrapper
  {
  background-color: #000000;
  padding: 0px;
  padding-bottom: 8px;
  }

.keyboard_wrapper img
  {
  margin-left: auto;
  margin-right: auto;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  #width: 100%;
  }

@media only screen and (max-device-width: 480px) 
  {
  .keyboard_wrapper img
    {
    width: 100%;
    }
  }

.donation
  {
  color:#ffffff;
  background-color:#333333;
  font-size:smaller;
  }

.donation table
  {
  width: 100%;
  }

.donation td
  {
  padding: 0px;
  padding-left: 8px;
  padding-right: 8px;
  }