#bubble {
  position: relative;
  color: black;

  top: 0px;
  left: 0px;
  width: 650px;
  height: 400px;

  font-family: arial,helvetica;
  font-size: 16px;

  background: #99cccc;

  /* Background image Copyright 2007 Donald J. Bindner.  Original
   * photo copyright by Donar Reiskoffer.  This derived work is
   * licensed under the Creative Commons Attribution 2.5 license.
   */
  background-image: url( snood/background.jpg);
  background-repeat: no-repeat;
}

#theboard {
  position: absolute;
  color: black;

  top: 0px;
  left: 0px;
  width: 400px;
  height: 400px;

  z-index: 1;
}

#statusbox {
  position: absolute;
  color: black;

  top: 40px;
  left: 525px;
  width: 100px;
  height: 320px;

  text-align: center;

  z-index: 1;
}

#clickbox {
  position: absolute;
  color: black;
  background-image: url( snood/blank.gif);

  top: 10px;
  left: 15px;
  width: 390px;
  height: 310px;

  cursor: crosshair;

  z-index: 2;
}

#arrowbox {
  position: absolute;
  color: black;

  top: 291px;
  left: 166px;
  width: 100px;
  height: 50px;

  cursor: crosshair;

  z-index: 1;
}

#buttonbox {
  position: absolute;
  color: black;

  top: 0px;
  left: 525px;
  width: 100px;
  height: 400px;

  z-index: 2;
}

#bubble input {
  background-color:  #dddddd;

  border:2px solid;
  border-top-color:#ffffff;
  border-left-color:#ffffff;
  border-right-color:#555555;
  border-bottom-color:#555555;

  z-index: 2;
}

#checkbox {
  position: absolute;
  top: 270px;
  left: 0px;
  font-size: 90%;
  z-index: 2;
}
#restartbtn {
  position: absolute;
  top: 300px;
  left: 0px;
  width: 102px;
  height: 24px;

  z-index: 2;
}