html, body {
 margin:0;padding:0;
 font-family:Verdana,Arial,Sans-Serif;
}

.markbox {
 position:absolute;
 margin:0;padding:0;
 font-size:0;
 width:18px !important;width /**/:20px;
 height:18px !important;height /**/:20px;
 border:1px dashed #000;
}
#markbox {
 border:1px dotted #f00;
}

#tabs {
 font-size:0.8em;
 padding-top:3px;
 padding-bottom:1px;
 border-bottom:2px solid #ddf;
}
#tabs ul {
 margin-left: 0;
 padding-left: 0;
 display: inline;
} 

#tabs li {
 margin-left: 1px;
 margin-right: 1px;
 margin-bottom: 0;
 padding: 1px .5em 1px .5em;
 border-bottom: 2px solid #ddf;
 list-style: none;
 display: inline;
 background-color:#eee;
 cursor:pointer;
}
.tabpage {
 display:none;
}

.tab1 #tab_map, .tab2 #tab_editor, .tab3 #tab_roomtypes {
 border-bottom: 2px solid #ddf;
 background-color:#ddf;
}
.tab1 div#tabpage_worldmap, .tab2 div#tabpage_editor, .tab3 div#tabpage_roomtypes {
 display:block;
}

#worldmap.tabpage {
 background-color:#ddf;
}

#editinfo span {
 width:3em;
 text-align:right;
 border:1px solid #666;
 display:-moz-inline-box; /* damn you firefox!! */
 display:inline-block;
}

#editarea {
 background-image:url("blankroom.gif");
}
#editarea div {
 float:left;
 margin:0;padding:0;
 width:10px;
 height:10px;
 line-height:0;
 font-size:0;
 cursor:pointer;
 background-image:url("blankroom.gif");
}

.roomselector {
 position:absolute;
 display:none;
 margin:0;padding:0;
 font-size:0;
 border:2px dotted #f66;
 cursor:pointer;
}

#roomedit {
 position:absolute;
 display:none;
 border:1px solid black;
 width:400px;
 margin:.5em;
 font-size:.8em;
}
#roomedit input {
 width:100%;
}
#roomedit textarea {
 width:100%;
 height:8em;
}