.window {
  position: absolute;
  background-color: #ddd;
  border: 1px solid #000;
}

.window-proxy {
  border: 1px dotted #000;
  margin: -7px -1px;
  padding-bottom: 6px;
}

.window .title {
  position:relative;
  height: 29px;
  background: #667 url(../images/title.png) 0 -29px repeat-x;
  margin: -7px 6px 0 6px;
}

.window .title h2 {
  background: url(../images/title.png) 0 0 no-repeat;
  padding: 5px 0;
  color: #fff;
  font-size: 1.2em;
  margin: 0 60px 0 -7px;
  height: 19px;
  text-align: center;
}

.window .title ul {
  position: absolute;
  right: -7px;
  top: 0;
  list-style: none;
  margin: 0;
  padding: 3px 3px 0 0;
  background: url(../images/title.png) right -58px no-repeat;
  height: 29px;
}

.window .title ul span {
  display: none;
}

.window .title li {
  width: 23px;
  height: 23px;
  background: url(../images/controls.png) 0 0 no-repeat;
  float: left;
}

/*.window .title li.unshade { background-position: 0 0; }*/
.window .title .unshade:hover { background-position: -23px 0; }
.window .title .shade { background-position: -46px 0; }
.window .title .shade:hover { background-position: -69px 0; }
.window .title .restore { background-position: -92px 0; }
.window .title .restore:hover { background-position: -115px 0; }
.window .title .maximize { background-position: -138px 0; }
.window .title .maximize:hover { background-position: -161px 0; }
.window .title .close { background-position: -184px 0; }
.window .title .close:hover { background-position: -207px 0; }

.window .title a {
  color: #fff;
  display: block;
  height: 23px;
}

.window .client {
  padding: 10px;
  border: 2px solid #fff;
  border-top: 0;
  overflow: auto;
  display: block;
}

table.grid {
  border-collapse: collapse;
  background-color: #fff;
}

table.grid td {
  width: 32px;
  height: 32px;
  border: 1px #888 solid;
}

#window_tiles {
  left: 10px;
  top: 80px;
}

#window_map {
  left: 200px;
  top: 80px;
}