@media screen, projection {
	body {
		width: 100%;
		height:100%;
		margin:0;
		padding:0;
		background: #cccccc url(../../_data/image/decor/body-background.png);
		font-family: Tahoma, Arial, Sans-Serif;
		font-size: 8.5pt;
		color:#000000;
	}

	.MarkerTier a, .MarkerTier a:visited {
		width:150px;
		height:12px;
		border: 1px solid #999999;
		padding: 0 .3em .1em .4em;
		margin: 0 2px 0 0;
		text-align: center;
		text-decoration: none;
		color:#000000;
		background-color: #dbe9a3;
	}

	.MarkerTier a:hover, .MarkerTier a:active {
		width:150px;
		height:12px;
		border: 1px solid #999999;
		padding: 0 .3em .1em .4em;
		margin: 0 2px 0 0;
		text-align: center;
		text-decoration: none;
		color:#000000;
		background-color: #dbe9a3;
	}

	.BreadCrumb {
		margin:3px 3px 3px 3px;
		padding:0;
		font-family: Arial, Sans-Serif;
	}

	.BreadCrumb span, .BreadCrumb a, .BreadCrumb a:visited {
		color: #8cb811;
		text-decoration: none;
		background-color:inherit;
	}

	.BreadCrumb a:hover, .BreadCrumb a:active {
		color: #ffffff;
		text-decoration: none;
		background-color:inherit;
	}

	.Map {
		float:left;
		width:400px;
		height:504px;
		border:solid 1px #999999;
	}
	
	.Route {
		float:left;
		width:275px;
		height:504px;
		border:none;
		overflow:scroll;
	}
}

@media print, handheld {
	body {
		background-color: #ffffff;
		font-family: Tahoma, Arial, Sans-Serif;
		font-size: 8.5pt;
		color:#000000;
	}

	.BreadCrumb {
		margin:3px 3px 3px 3px;
		padding:0;
		font-family: Arial, Sans-Serif;
	}

	.BreadCrumb a, .BreadCrumb a:visited, .BreadCrumb a:hover, .BreadCrumb a:active {
		color: #000000;
		text-decoration: none;
		background-color:inherit;
	}

	.Map {
		display:none;
	}
	
	.Route {
		border:none;
	}
	
	.noprint {
		display:none;
	}
}