body {
margin:0;
padding:0;
}

div#guestmap {
position:relative;
background-color: #cfc9b3;
width:1024px;
height:756px;
border: solid 1px #000;
text-align:left;
}

div#guestmap h2 {
float:left;
font-family:'times new roman';
font-size: 22px;
color: #eee;
padding:0;
margin:2px;
margin-top:0;
letter-spacing:2px;
}

div#tip {
position:absolute;
margin:5x;
margin-left:10px;
padding:2px;
display:none;
font-size: 10px;
font-family:verdana;
color:#fff;
background-color: #000;
border: solid 1px #cfb;
width:110px;
opacity: 0.7;
_filter: alpha(opacity=70);
}

div#mapBox,
div#messages {
top:27px;
left:0px;
position:absolute;
overflow:scroll;
width:100%;
}

div#messages {
-moz-overflow: -moz-scrollbars-vertical;
}

img#mapImage {
cursor:crosshair;
}

#iconPreview,
div#mapIcons img,
div#mapIcons div {
width:42px;
height:42px;
cursor:pointer;
position:absolute;
margin: -21px;
}

ul#messageList li img,
ul#messageList li div {
width:42px;
height:42px;
}

/* form */

form#mapForm {
position:absolute;
background: #e6e6e6;
margin-top: -5px;
margin-left:18px;
border: solid 1px #ccc;
width:202px;
font-size: 10px;
font-family:verdana;
padding:0;
padding-bottom: 50px;
}

form#mapForm h3 {
display:none;
}

form#mapForm label {
padding-left:2px;
}

form#mapForm input {
display:block;
font-size: 10px;
font-family:verdana;
background-color: #fdfdfd;
border: solid 1px #ccc;
width:190px;
margin-bottom:4px;
margin-left:3px;
}

form#mapForm input[type=hidden] {
display:none;
}

form#mapForm input.button {
width: auto;
border-color: #999;
border-top-color: #fff;
border-left-color: #fff;
font-weight:bold;
margin-top:5px;
}

/* form icons */

div#formIcons {
position:absolute;
bottom:0px;
right:2px;
width:200px;
height:52;
}

div#formIcons img,
div#formIcons div {
margin:0px;
padding:1px;
cursor:pointer;
border: 1px solid transparent;
_border-color: #e6e6e6;
width: 21px;
height: 21px;
opacity: 0.5;
float:left;
}

div#formIcons img.selected,
div#formIcons div.selected {
background: #fff;
border-color: #999;
opacity: 1;
}


img#mapPointer {
position:absolute;
margin-top: -12px;
width:12px;
height:12px;
display:none;
}

/* buttons */

ul#mapButtons {
position:absolute;
right:0px;
top:0px;
}

ul#mapButtons,
ul#mapButtons li {
list-style-type:none;
margin:0;
padding:0;
}

ul#mapButtons li {
display:inline;
}

ul#mapButtons li a {
float:left;
display:block;
font-family: 'times new roman';
font-weight:bold;
background-color: #eee;
border: solid 1px #4e4;
width:82px;
margin:3px;
text-align:center;
color: #743;
font-size: 14px;
padding:1px;
text-decoration:none;

}

ul#mapButtons li a:hover {
background-color: #e4e4e4;
border-color: #3a3;
color: #b65;
}

img.close {
float:right;
margin:1px;
}

/* list view */

div#messages {
font-family:verdana;
}

div#messages h3 {
margin: 6px;
margin-left:10%;
margin-right:10%;
color: #aaa;
}

ul#messageList {
font-size: 11px;
list-style-type:none;
margin:0;
padding:0;
}

ul#messageList li {
background-color: #eee;
border: solid 1px #cfb;
padding:3px;
margin:5px;
margin-left:10%;
margin-right:10%;
min-height:40px;
_height:40px;
}

ul#messageList li div,
ul#messageList li img {
float:left;
}

.hidden {
display:none;
}