/* C00L GuestMap 2.0 coral reef theme */

body {
margin:0;
padding:0;
}

div#guestmap {
position:relative;
background-color:#ddd;
width:630px;
height:466px;
border:solid 1px #000;
text-align:left;
}

div#guestmap h2 {
float:left;
font-family:verdana;
font-size: 18px;
color:#bbb;
padding:0;
margin:4px;
}

div#tip {
position:absolute;
margin:5x;
margin-left:10px;
padding:2px;
display:none;
font-size:10px;
font-family:verdana;
background-color: #eee;
border: solid1px #ccc;
width:110px;
}

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

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

img#mapImage {
cursor:crosshair;
}

#iconPreview,
div#mapIcons img,
div#mapIcons div {
width:20px;
height:120px;
cursor:pointer;
position:absolute;
margin-left:-16px;
margin-top:-13px;
}

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

/* forms */

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

form#mapForm h3 {
margin:0;
padding:1px;
margin-bottom:3px;
background-color: #aaa;
padding-left:4px;
color: #333;
font-size:12px;
}

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:116px;
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;
}

div#formIcons {
position:absolute;
top:18px;
right:0px;
width:70px;
}

div#formIcons div,
div#formIcons img {
width:32px;
height:26px;
float:left;
margin:0px;

cursor:pointer;
border: 1px solid transparent;
_border-color: #e6e6e6;
opacity: 0.5;
}

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


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

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:verdana;
background-color: #eee;
border: solid 1px #ccc;
width:90px;
margin:3px;
text-align:center;
color: #333;
font-size: 11px;
padding:3px;
text-decoration:none;
}

ul#mapButtons li a:hover {
background-color: #e9e9e9;
border-color: #999;
color: #000;
}

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

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 #4ae;
padding:3px;
margin:5px;
margin-left:10%;
margin-right:10%;
_height:28px;
min-height: 28px;
}

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

/* hide the zoom in/out buttons */

ul#mapButtons li#buttonZoomOut,
ul#mapButtons li#buttonZoomIn,
.hidden {
display:none;
}