html, body {
  margin:0px;
  padding:0px;
}


/* ********************************************************************
* Crazy Maze
*
******************************************************************** */

body  {
  margin:0px auto;
  padding:0px;
  position:relative;
  z-index:1;
  font:normal 14px Arial,sans-serif;
  width:418px;
  height:287px;
}

body img.shadow {
  display:none;
  position:absolute;
  bottom:0px;
  left:0px;
}
body img#shadow1 {
  display:block;
}

body #maze {
  position:absolute;
  top:16px;
  left:14px;  
  background:transparent url(img/boards.jpg) no-repeat scroll top left;
  width:390px;
  height:250px;
  overflow:hidden;
}
body #maze canvas {}
body #maze #wait {
  position:absolute;
  top:0px;
  left:0px;
  width:390px;
  height:250px;
  background:transparent url(img/formbox.png) no-repeat scroll center center;
  display:none;
}
body #maze #wait img {
  position:absolute;
}
body #maze #wait #controls1 {
  top:40px;
  right:40px;
  display:none;
}
body #maze #wait #controls2 {
  top:40px;
  left:40px;
  display:none;
}
body #maze #wait #controls3 {
  top:120px;
  left:147px;
  display:none;
}
body #maze #wait span {
  margin-top:25px;
  display:block;
  height:100px;
  line-height:100px;
  text-align:center;
  font-size:80px;
  font-weight:bold;
  color:#ff0000;
}

body #maze #endgame {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  text-align:center;
  display:none;
}
body #maze #endgame img {
  display:block;
  margin:50px auto 25px;
  cursor:pointer;
}

body #maze #paused {
  position:absolute;
  top:108px;
  left:100px;
  cursor:pointer;
  display:none;
}

body #maze #options {
  position:absolute;
  top:0px;
  left:0px;
  width:340px;
  height:190px;
  padding:30px 25px;
  background:transparent url(img/formbox.png) no-repeat scroll top left;
  color:#000000;
  display:none;
}
body #maze #options h2 {
  border-bottom:1px solid #bbbbbb;
  margin:0px 10px;
  font-size:20px;
}
body #maze #options table {
  margin:0px;
  padding:0px;
  width:100%;
  font-size:14px;
}
body #maze #options table tr th {
  font-weight:bold;
  text-align:left;
  padding:0px 0px 10px 5px;
}
body #maze #options table tr td {
  text-align:right;
  padding:0px 5px 10px 0px;
}
body #maze #options table tr td select {
  border:1px solid #aaaa88;
  background-color:#f5ede3;
  font-weight:bold;
  font-size:inherit;
  color:#000000;
}
body #maze #options table tr td.center {
  text-align:center;
}

body #maze #splash {
  position:absolute;
  top:0px;
  left:0px;
  cursor:pointer;
}

body #maze #instructions {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background:#ffffff url(img/instructions.jpg) no-repeat scroll center top;
  overflow:auto;
  display:none;
}
body #maze #instructions div {
  padding:10px;
  font-size:12px;
}
body #maze #instructions div h1 {
  margin:0px;
}
body #maze #instructions div p {
  margin:0px 0px 5px 0px
}
body #maze #instructions div h2 {
  margin:0px 0px 5px 0px;
  text-align:right;
  font-size:16px;
  border-bottom:1px solid #888888;
}
body #maze #instructions div var {
  font-style:italic;
  float:right;
}
body #maze #instructions div ul {
  margin:0px;
  padding:5px;
  list-style-type:none;
}
body #maze #instructions div ul li {
  margin-bottom:4px;
}

body span#close,
body span#config {
  display:block;
  position:absolute;
  top:0px;
  width:15px;
  height:15px;
  cursor:pointer;
}
body span#close {
  right:14px;
  background:transparent url(img/close.png) no-repeat scroll left top;
}
body span#config {
  right:32px;
  background:transparent url(img/config.png) no-repeat scroll left top;
}
body span#close:hover,
body span#config:hover {
  background-position:left -15px;
}