/* C00L GuestMap 2.0 birds in tree theme */

body {
margin:0;
padding:0;
}

div#guestmap {
position:relative;
background-color: #ddd;
width:810px;
height:630px;
border:0;
text-align:left;
}

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

img#mapImage {
background-color:#eee;
}

div#tip {
position:absolute;
margin:-6px;
margin-left:10px;
padding:2px;
display:none;
font-size: 8pt;
font-family: 'Tahoma';
width:110px;
border: solid 1px #ddd;
background-color: #000;
color: #fff;
opacity: 0.6;
filter: alpha(opacity=60);
}

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

div#messages {
background-image: url('media/back.jpg');
background-attachment: fixed;
background-repeat:no-repeat;
background-position: 1px 30px;
_background-position: 0 0;
}

img#mapImage {
cursor:crosshair;
}
#iconPreview, 
div#mapIcons div,
div#mapIcons img {
width:48px;
height:48px;
cursor:normal;
position:absolute;
margin: -24px;
}


/* form */

form#mapForm {
position:absolute;
background: #e6e6e6;
margin-top: -5px;
margin-left:14px;
border: solid 1px #ccc;
width:210px;
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:122px;
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:20px;
right:1px;
width:78px;
}

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

div#formIcons div.selected,
div#formIcons img.selected {
background: #fff;
border-color: #999;
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:'Tahoma';
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 {
display:none;
}

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

ul#messageList li {
padding:2px;
margin:4px;
margin-left:80px;
margin-right:80px;
min-height:47px;
_height: 47px;
border: solid 1px #ad0;
background-color: #000;
color: #fff;
opacity: 0.6;
filter: alpha(opacity=60);
padding-left: 50px;
position:relative;
}

ul#messageList li div, 
ul#messageList li img {
position:absolute;
left:0px;
width:48px;
height:48px;
}

.hidden {
display:none;
}