body {
  background-color: #000;
  background-image: url(background.png);
  background-position: top left;
  background-repeat: repeat-x;
  color: white;
  text-align: center;
}

body, div, table, p {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#start {
  margin-top: 20px;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 780px;
}

div.pane {
  visibility: hidden;
}

#start table {
  width: 100%;
}

#start td.intro {
  width: 290px;
}

#start td.difficulty {
  width: 280px;
}

#start td.news {
  width: 210px;
}

td.news table {
  width: 210px;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

td.news table td {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
}

td.news h3 {
  color: #7DF9FF;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

#start table td {
  width: 50%;
  vertical-align: top;
}

.difficulty div {
  height: 60px;
  margin: 0 0 5 0;
  padding: 0 0 0 0;
}

.difficulty img {
  float: left;
  width: 60px;
  height: 60px;
  margin-right: 10px;
}

#start h2 {
  color: #FF7E00;
  text-transform: uppercase;
}

.difficulty h3 {
  position: relative;
  top: -3px;
  color: #BFFF00;
  font-size: 26px;
  margin: 0 0 0 0;
}

div.difficulty:hover {
  color: #008080 !important;
  margin-left: 3px !important;
}

div.difficulty, .difficulty img, .difficulty h3, .difficulty p {
  cursor: pointer !important;
}

.tile {
  position: absolute;
  width: 21px;
  height: 21px;
  background-position: 0 0;
  background-repeat: no-repeat;
  cursor: pointer;
}

#field {
  position: absolute;
  border: 1px solid #300;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  overflow: hidden;
}

div#curtain {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  background-color: #000;
  color: white;
  text-align: center;
}

span, h1, h2, h3, td, p, div, body {
  font-family: "Trebuchet MS", "Trebuchet", "Arial", "Helvetica";
  cursor: default;
}

h1 {
  padding: 0 0 0 0;
  margin: 5 5 5 5;
  font-size: 24pt;
}

h3 {
  padding: 0 0 0 0;
  margin: 2 2 2 2;
  font-size: 12pt;
  font-variant: italic;
  text-transform: lowercase;
}

#topbar {
  position: absolute;
  top: 10px;
  width: 478px;
  height: 48px;
}

#barimg {
  position: absolute;
  top: 0;
  left: 0;
  width: 478px;
  height: 48px;
}

#progressbar {
  position: absolute;
  left: 11px;
  top: 13px;
  background-image: url(progressbar.png);
  background-repeat: no-repeat;
  width: 0;
  height: 19px;
}

#flagged, #marked, #time {
  font-size: 16px;
  position: absolute;
  top: 12px;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

#flagged { left: 145px; }
#marked { left: 210px; }
#time { left: 364px; width: 100px; text-align: right; }

#top {
  width: 728px;
  height: 90px;
  margin: 5 auto 0 auto;
}

#bottom {
  position: absolute;
  width: 600px;
  text-align: center;
  font-size: 10pt;
  opacity: 0.5; 
  filter: alpha(opacity=50);
}

a img {
  border: 0;
}

a {
  text-decoration: none;
  color: white;
}

a:hover {
  text-decoration: underline;
}

#credz, #credz a, #languages, #languages a, a .commentz {
  color: #BFFF00;
}

a .commentz {
  font-size: 8pt;
}

#restartactions table {
  margin-left: auto;
  margin-right: auto;
}

#restartactions td {
  vertical-align: bottom;
}

#restartactions td img {
  position: relative;
  top: 4px;
  margin-right: 5px;
}

.intro {
  margin-right: 20px;
  margin-bottom: 10px;
  text-align: justify;
}

.highscore {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  height: 28px;
}

#highscores {
  overflow: hidden;
}

.highscore small {
  font-size: 12px;
}

.highscore em {
  color: #FF2400;
  font-weight: bold;
}

#nameinput {
  visibility: hidden;
  display: none;
}