style.css

@media screen, handheld {
 
	body, html, .maxheight {height: 100%; padding: 0px; margin: 0px; font-family: Helvetica, Verdana, Arial }
	#maps-area{height: 100%; width: 100%;  }
	#markers-area {
		position: fixed; 
		top: 30px; 
		right: 5px; 
		
		width: 250px; 
 
		box-shadow: 2px 2px 2px rgba(0,0,0,0.4); 
		background: white; 
		border-radius: 2px;
		border: 1px solid black;
	}
	
	.titlebar { background: black; padding: 10px; color: white; font-weight: normal; }
	.titlebar strong {display: inline-box; margin-right: 20px; }
	.titlebar a {color: white; text-decoration: none; text-align: right; color: #ccc; font-size: 0.8em; }
	#contentarea { padding: 10px; }
	.new-item input { width: 98%; margin-bottom: 6px; border: 1px solid #ccc; padding: 3px;}
	
	#new-item-confirm-alert { 
		border-color: black; 
		border-style: solid;
		border-width: 1px 0;
		padding: 3px 0; 
	} 
	
	#address-table {max-height: 300px; overflow: scroll-y; border-collapse: collapse; width: 100%;}
	#address-table-wrapper {height: 250px; overflow: scroll; border: 1px solid black; margin-top: 10px; }
	#data-table-body { max-height: 100px; overflow: hidden;}
	.table-icon-cell {width: 32px; height: 28px; overflow: hidden;} 
	#address-table td { border-bottom: 1px solid #ccc; padding: 2px; font-size: 0.8em; vertical-align: top;}
	#address-table td:first-child {width: 32px;}
	#address-table th { border: 1px solid black; padding: 2px; font-size: 0.8em; color: white; background: black;}
	
	#address-table .selected { background: #ccc; }
	
	#data-selector {margin-top: 10px;}
	
	#previewarea {
		position: fixed; 
		left: 80px; 
		top: 10px; 

		width: 250px; 
 
		box-shadow: 2px 2px 2px rgba(0,0,0,0.4); 
		background: white; 
		border-radius: 2px;
		border: 1px solid black;	
	}
	
	#preview-items-wrapper {max-height: 450px; min-height: 100px; border: 1px solid black; overflow: scroll; margin: 10px; }
}