html, body {
	width:100%;
	height:100%;
	overflow: hidden;
}

body {
	font-family: Arial;
	font-size: 12px;
	background-color: #fff;
	margin: 0;
	padding: 0;
}

img { border:0; vertical-align:middle; }

td { vertical-align:top; }

#map_container {
	position:absolute;
	display:none;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

#map_content {
	padding:0;
	margin: 0;
	width: 100%;
	height: 100%;
}

#map_right {
	background-color: #FDE6B5;
	width: 100%;
	margin: 0;
	padding: 0;
}

#map_canvas {
	display:block;
	border-top: 1px solid #fff;
	width:100%;
	height:100%;
	top:0px;
	margin:0;
	padding:0;
}

#map_left {
	background: transparent url(../images/bg_left.png) top left;
	width:300px;
	height: 100%;
}

#map_left select {
	display:block;
	width: 285px;
	margin: 5px;
}

#map_search {
	border: 0;
	padding: 0;
	height:29px;
}

#map_search select {
	display:block;
}

#map_search input.button {
	border: 1px solid #666;
	background-color: #fff;
	margin-left: 5px;
}

#map_result,
#map_legend {
	display:none;
	margin: 0;
	width:295px;
	height: 400px;
	overflow: auto;
	padding: 0;
	background-color: #fff;
}

#map_result ul,
#map_legend ul {
	margin: 0;
	padding: 15px;
}

#map_result ul li,
#map_legend ul li {
	margin: 15px 0;
	list-style: none;
	padding: 0;
	line-height: 20px;
}

#map_result li p,
#map_legend li p {
	margin: 0 0 0 5px;
	line-height: 16px;
	padding: 0;
	color: #666;
	font-size: 11px;
}

#img_loading {
	width: 32px;
	height: 32px;
	border: 0px;
	margin: 20px;
}

#img_gallery {
	border: 1px #F1A70A solid;
}

.apt_logo {
	float: left;
	border: 0px;
}

.apt_logo a {
	border: 0px;
}

h1 {
	background-color: #FDE6B5;
	width: 285px;
	color: #000;
	font-size: 14px;
	font-style: italic;
	margin: 0 5px 20px 0;
	padding: 0 0 0 10px;
	line-height: 30px;
	border-bottom: 1px solid #fff;
}

h2 {
	background-color: #FDE6B5;
	color:#000;
	font-size: 12px;
	font-style: italic;
	display: block;
	text-align: right;
	margin: 3px 5px 0px 0;
	padding: 0 24px;
	line-height: 24px;
	border-top: 1px solid #fff;
	cursor:pointer;
}



.Legend  			{ position: absolute; bottom: 0; left: 0px; background-color: #fff; border-top: 1px solid #ea9e02; border-right: 1px solid #ea9e02; display: block;}
.Legend p 			{ margin: 0; padding: 4px;  width: 160px; line-height: 20px; }
.Legend p a			{ color: #666; text-decoration: none; background:transparent url(../images/arrow_up.gif) no-repeat top right; display:block;}

.LegendOpen 			{ position: absolute; bottom: 0; left: 0px; height: 280px; background-color: #fff; border-top: 1px solid #ea9e02; border-right: 1px solid #ea9e02; display: block;}
.LegendOpen p 		{ margin: 0; padding: 4px;  width: 160px; line-height: 20px;  border-bottom: 1px solid #ea9e02;}
.LegendOpen p a		{ color: #666; text-decoration: none; background:transparent url(../images/arrow_down.gif) no-repeat top right; display:block;}
.LegendOpen ul		{ margin: 15px 0 0 15px; padding: 0; list-style: none; }
.LegendOpen ul li		{ line-height: 24px;}
.LegendOpen ul li img 	{ margin: 0 5px 0 0;}


/*
 * jQuery MultiSelect Plugin 0.4
*/

.ui-multiselect { font-weight:normal !important; display:-moz-inline-block; display:inline-block; cursor:default; text-decoration:none !important; margin:2px; margin-right:0; padding:0 }
.ui-multiselect input { float:left; padding:2px 0 2px 4px; margin:0; border:none; cursor:default; background:transparent }
.ui-multiselect span { float:right; margin-top:-18px; }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header .ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-options { display:none; padding:3px; position:relative; z-index:10000 }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px }
.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }