body
{
  margin: 0;
  padding: 0;
  background: white;
}

#half_face, #level1, #level2, #level3, #popup, #blanket
{
  display: none;
  visibility: hidden;
  position: absolute;
  margin: 0;
  padding: 0;
}

#half_face
{
  width: 69px;
  height: 200px;
}

#level2, #level3
{
  margin-left: 10px;
  padding: 25px 20px 25px 20px;
  background: url("gfx/shadow_l.png") repeat-y left;
}

#blanket
{
  left: 0;
  width: 100%;
  top: 0;
  bottom: 0;
  z-index: 10;
  background: white;
  filter: alpha(opacity=50);
  opacity: 0.50;
  -moz-opacity: 0.50;
}

#popup
{
  margin: 0 20px 0 20px;
  padding: 0 20px 0 20px;
  z-index: 20;
  background: transparent url("gfx/paper-texture.png") repeat;
}

.popup-l
{
  display: block;
  position: absolute;
  background: url("gfx/shadow_l.png") repeat-y left;
  left: 0;
  width: 8px;
  margin: 0;
  padding: 0;
  top: 0;
  bottom: 0;
}
.popup-r
{
  display: block;
  position: absolute;
  background: url("gfx/shadow_r.png") repeat-y right;
  right: 0;
  width: 8px;
  margin: 0;
  padding: 0;
  top: 0;
  bottom: 0;
}

.shadow-tl
{
  display: block;
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
}
.shadow-bl
{
  display: block;
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  bottom: 0;
}
.shadow-tr
{
  display: block;
  position: absolute;
  margin: 0;
  padding: 0;
  right: 0;
  top: 0;
}
.shadow-br
{
  display: block;
  position: absolute;
  margin: 0;
  padding: 0;
  right: 0;
  bottom: 0;
}

#level1_table, #level2_table, #level3_table
{
}
#level1_table table, #level2_table table, #level3_table table
{
  border-collapse: separate;
  border-spacing: 0px 6px;
}

.popup_d1
{
  text-align: center;
  width: 600px;
}
#popup_d2, #popup_d4
{
  margin: 0 10px;
}
#popup_d3
{
  display: block;
  position: absolute;
  margin: 0;
  padding: 0;
  right: 15px;
  top: 50%;
}
#popup_i1
{
  padding: 5px;
}
#popup_il1, #popup_ir1, #popup_il2, #popup_ir2
{
  display: none;
  visibility: hidden;
  padding: 5px;
}
#popup_i1:hover, #popup_il1:hover, #popup_ir1:hover, #popup_il2:hover, #popup_ir2:hover
{
  cursor: pointer;
}
table#popup_t1, table.popup_t2
{
  border: none;
  border-spacing: 0;
}
table.popup_t2
{
  margin-left: auto;
  margin-right: auto;
}
table.popup_t2 tr
{
  vertical-align: middle;
}
table.popup_t2 td
{
  padding: 0;
}
td#popup_d6
{
  padding: 0;
  width: 600px;
  height: 400px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
}


td.empty
{
  width: 7px;
}
#popup_dl1, #popup_dl2, #popup_dr1, #popup_dr2
{
  width: 17px;
  height: 17px;
}
td.arrow
{
  background: url("gfx/button_ra.png");
  background-repeat: no-repeat;
  background-position: left center;
}

#popup, .menu_item
{
  font: 9px "Lucida Grande", Candara, Arial, sans-serif;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 1px;
}
.menu_item
{
  margin-left: 5px;
}

.clickable
{
}
.clickable:hover
{
  color: #cc6600;
  cursor: pointer;
}

a { text-decoration: none; }
a:visited { color: black; }
a:link { color: black; }
a:hover { color: #cc6600; }

a img { border: none; }