@CHARSET "UTF-8";

body
{
	width: 100%;
	height: 100%;
	margin: 0;
	font: normal 11px/15px Tahoma, Arial, Helvetica, sans-serif;
	color: #000;
	background: #ddd;
}

	#poiMap
	{
		position: absolute;
		left: 50%;
		top: 50%;
		width: 700px;
		height: 540px;
		margin: -280px 0 0 -465px;
		padding: 1px;
		border: 10px solid #fff;
		background: #aaa;
	}
	
	#poiSearch
	{
		position: absolute;
		left: 50%;
		top: 50%;
		width: 200px;
		height: 540px;
		margin: -280px 0 0 255px;
		padding: 1px;
		border: 10px solid #fff;
		border-left: none;
		background: #fff;
		font-size: 11px;
	}
	
		#poiSearch div.templates
		{
			display: none;
		}
		
		#poiSearch div.clear
		{
			display: block;
			clear: both;
		}
		
		#poiSearch div.searchForm 
		{
			position: relative;
		}
		
			#poiSearch div.searchForm form
			{
				margin: 0;
				padding: 0;
			}
			
			#poiSearch div.searchForm fieldset
			{
				border: none;
				padding: 0px;
			}
			
			#poiSearch div.searchForm label
			{
				display: block;
				clear: both;
				padding: 0 0 2px 0;
				color: #888;
			}
			
			#poiSearch div.searchForm select
			{
				display: block;
				width: 100%;
				margin: 0 0 5px 0;
				font-size: 11px;
			}
			
			#poiSearch div.searchResults div.list
			{
				height: 433px;
				overflow: auto;
			}
			
			#poiSearch div.searchResults div.resultItem
			{
				margin: 0;
				border-bottom: 1px solid #eee;
				width: 170px;
				cursor: pointer;
			}

			#poiSearch div.searchResults div.rollover
			{
				background-color: #dbf2fa;
			}
			
				#poiSearch div.searchResults div.resultItem div.index
				{
					float: left;
					width: 20px;
					height: 20px;
					margin: 2px 0 0 0;
					text-align: center;
					font: bold 11px/20px Arial, Helvetica, sans-serif;
					color: #fff;
					background: url('../img/poiIcon.png') no-repeat 0 0;
				}
			
				#poiSearch div.searchResults div.resultItem div.description
				{
					float: left;
					width: 145px;
					padding: 0 0 0 5px;
					font: bold 11px/14px Arial, Helvetica, sans-serif;
				}

					#poiSearch div.searchResults div.resultItem h3
					{
						margin: 0;
						padding: 5px 0 5px 0;
						font: bold 11px/14px Arial, Helvetica, sans-serif;
					}
					
					#poiSearch div.searchResults div.resultItem address
					{
						margin: 0;
						padding: 0 0 5px 0;
						font-weight: normal;
						font-style: normal;
						color: #888;
					}
					
					#poiSearch div.searchResults div.resultItem p.actions
					{
						clear: both;
						margin: 0;
						padding: 0;
					}
					
						#poiSearch div.searchResults div.resultItem p.actions a
						{
							color: #00a0d4;
							font-weight: bold;
							text-decoration: none;
						}
						
						#poiSearch div.searchResults div.resultItem p.actions a:hover
						{
							text-decoration: underline;
						}

			#poiSearch div.searchResults div.pagination
			{
				margin: 5px 0 0 0;
				padding: 0 0 5px 0;
				line-height: 20px;
				text-align: right;
			}
				
				#poiSearch div.searchResults div.pagination span.pages span
				{
					padding: 0 2px;
					cursor: pointer;
				}
	
				#poiSearch div.searchResults div.pagination span.pages span.active
				{
					font-weight: bold;
					font-size: 1.25em;
					cursor: default;
				}
	
				#poiSearch div.searchResults div.pagination span.prev,
				#poiSearch div.searchResults div.pagination span.next
				{
					font-weight: bold;
					cursor: pointer;
				}			
					
			#poiSearch div.searchWait
			{
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background: #fff url('../img/loader.gif') no-repeat center center;
				opacity: .8;
				filter: alpha(opacity=80);
				z-index: 200;
			}
			
			#poiSearch div.gallery
		{
			display: none;
		}
		
			#poiSearch div.gallery div.background
			{
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background: #000;
				opacity: .5;
				filter: alpha(opacity=50);
				cursor: pointer;
			}
			
			#poiSearch div.gallery div.frame
			{
				position: fixed;
				left: 50%;
				top: 50%;
				padding: 10px;
				border: 1px solid #000;
				background: #fff;
			}
			
			#poiSearch div.gallery div.frame .photo
			{
				background: #000 no-repeat center center;
				cursor: pointer;
			}
			
			#poiSearch div.gallery div.frame .label
			{
				float: left;
				padding: 5px 0 0 0;
				font-weight: bold;
			}
			
			#poiSearch div.gallery div.frame .navigation
			{
				text-align: right;
				padding: 5px 0 0 0;
			}
			
				#poiSearch div.gallery div.frame .navigation .prev,
				#poiSearch div.gallery div.frame .navigation .next
				{
					font-weight: bold;
					cursor: pointer;
				}