/* C00L GuestMap 2.0 standard gray theme */

.Principal, body, p, li {
color:black;
font-family:"lucida sans",verdana,arial,lucida;
font-size:12px;
text-decoration:none;
}

div#guestmap {

color:default;
font-family:"Times New Roman", Times, serif;
font-size:default;
text-decoration:default;

position:relative;
width:100%;
height:700px;
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:5x;
margin-left:10px;
padding:2px;
display:none;
font-size: 10px;
font-family:verdana;
background-color: #eee;
border: solid 1px #ccc;
width:110px;
}

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

img#mapImage {
cursor:crosshair;
}
#iconPreview, 
div#mapIcons img {
cursor:pointer;
position:absolute;
margin: -8px;
}



/* form */

form#mapForm {
position:absolute;
background: #e6e6e6;
margin-top: -5px;
margin-left:14px;
border: solid 1px #ccc;
width:380px;
height:200px;
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:250px;
}

div#formIcons img {
margin:0px;
padding:0px;
cursor:pointer;
/*border: 1px solid transparent;*/
_border-color: #e6e6e6;
opacity: 0.5;
_filter: alpha(opacity=50);
width: 24%;
height: auto;
}

div#formIcons img.selected {
background: #fff;
border-color: #999;
opacity: 1;
_filter: alpha(opacity=100);
}


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:100px;
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 #ccc;
padding:3px;
margin:5px;
margin-left:10%;
margin-right:10%;
}


.hidden {
display:none;
}