/* this file contains all the layout information  about the guestmap */

body {
	text-align: left;
	background-color: #e2e2e2;
}

/* the background image (map) */

.guestmap {
	width: 725px;
	height: 740px;
}

div.guestmap {
	position: absolute;
	border: 0 none;
	padding: 0px;
}

img.guestmap {
	position: relative;
	cursor: crosshair;
	border: 0 none;
}

/* tooltip */

div#tip {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
	margin: 12px;
	border-width: 1px;
	border-style: solid;
	border-color: #dddddd;
	font-size: 11px;
	color: #333333;
	padding: 1px;
	background-color: #ffffff;
	z-index: 10;
	font-family: arial;
	width: 175px;
	overflow: visible;
}

/* selectable emoticons in form */

img.emoticon {
	width: 15px;
	height: 15px;
	cursor: pointer;
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	_filter: alpha(opacity=50);
	margin: 1px;
}

/* emoticons on placed on map */

div#mapIcons img{
	width: 7px;
	height: 7px;
	cursor: crosshair;
	position: absolute;
}

/* form */

form#mapform {
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	visibility: hidden;
	margin: 15px;
	border-width: 1px;
	border-style: solid;
	border-color: #dddddd;
	font-size: 11px;
	color: #333333;
	padding: 1px;
	background-color: #ffffff;
	width: 195px;
}

/* groups the emoticons in form */

div.emoticons {
	position: absolute;
	top: 14px;
	right: 0px;
	width: 40px;
}

/* groups the input fields in the form */

div.form {
	float: left;
}

/* closing X in corner */

img.close {
	float: right;
	width: 12px;
	height: 12px;
	border: 0 none;
	cursor: pointer;
	margin: 2px;
}

/* info window */

div.info { 
	position: absolute;
	top: 30px;
	left: 23px;
	width: 200px;
	visibility: visible;
	border-width: 1px;
	border-style: solid;
	border-color: #dddddd;
	font-size: 11px;
	color: #333333;
	padding: 1px;
	background-color: #ffffff;

	opacity: 0.8;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	_filter: alpha(opacity=80);
}

/* arrow that points the position that user clicked */

img.arrow {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
	width: 12px;
	height: 12px;
	border: 0 none;
}