@media handheld, only screen and (max-device-width: 480px)
{
	body { padding: 5px 2px 0; line-height: 1.1em; background-color: White; color: Black; }

	a { text-decoration: none; }
	a:link { color: #D42C28; }
	a:visited { color: #D42C28; }
	a:hover, a:active, a:focus { color: Black; text-decoration: underline; }

	h1, h2, h3, h4 { color: #D42C28; }
	h1 { margin: 15px 0 10px; font-size: 1.4em; }
	h2 { font-size: 1.2em; }
	h3 { font-size: 1.1em; }
	h4 { font-size: 1em; }

	h1#HomeLogo { width: 150px; height: 69px; margin: auto; background: url(Images/HomeLogo.png) no-repeat top center; text-indent: -1000em; overflow: hidden; }
	h1#HomeLogo a { display: block; width: 150px; height: 69px; }
	h1#Logo { margin: 0; margin-bottom: 10px; }
	div#PoweredByLogo, a#PoweredBy { display: none; }

	blockquote, ol, ul, dl { margin-left: 20px; }
	ul { margin: 0; list-style: none; }

	input, textarea, select, button, input.button { width: auto; }
	textarea { height: auto; }
	input, button { border: solid 1px #404040; padding: 3px; background-color: White; color: Black; }


	div#MenuContainer { margin-top: 10px; border-top: solid 1px #404040; border-bottom: solid 1px #404040; padding: 5px 0; color: Black; font-size: 0.95em; }
	div#HeaderContainer { padding-top: 14px; }
	div#MenuContainer a { color: Black; text-decoration: none; }
	div#MenuContainer a:hover, div#MenuContainer a:active, div#MenuContainer a:focus { color: Black; text-decoration: underline; }
	div#HomeContentContainer { margin-top: 10px; text-align: center; }
	div#RightContentContainer { border-top: solid 1px #404040; padding: 5px 0; }

	div#UserMenu { margin-top: 5px; }

	div.ItemList { border-top: solid 1px #404040; padding-bottom: 5px; }
	div.ItemList table td { width: 25%; }


	div.ExtraData { margin-top: 10px; border-top: solid 1px #404040; padding-top: 10px; }
	div.ExtraData h2 { margin: 0 0 10px; }
	div#JourneyPlaybackDataContainer { visibility: hidden; }

	li.AssetOnline span.AspNet-DetailsView-Value, td.AssetOnline { color: Green; }
	li.AssetOffline span.AspNet-DetailsView-Value, td.AssetOffline { color: Red; }

	div.AssetImageContainer { margin-top: 10px; }
	div.AssetImageButtonsContainer { margin-top: 5px; }

	div.JourneyPlaybackButtonsContainer { position: relative; margin-top: 5px; }
	input#StartPlaybackButton, input#StopPlaybackButton { float: left; margin-right: 3px; }
	label.PlaybackSpeedLabel { position: absolute; top: 3px; left: 85px; font-size: 0.9em; }
	div.SliderRail { position: relative; width: 150px; height: 20px; margin-left: 130px; background: url(Images/SliderBackground.gif) repeat-x top left; }
	div.SliderHandle { position: absolute; width: 10px; height: 20px; }


	ul.ReportsList li { margin-bottom: 10px; }
	iframe { background-color: White; }

	div#ReportViewerContainer { height: 610px; }
	div.ReportViewer { position: absolute; top: 120px; left: 2px; width: 100%; height: 500px; background-color: White; color: White; }
	div.ReportViewer div { background: url(Images/ToolbarBackground.png) repeat-x top left; }
	div.ReportViewer > div > div > div { background-image: none; }
	div.ReportViewer table td { padding: 0; }

	div.ReportControlPanel { position: absolute; top: 85px; left: 2px; width: 100%; z-index: 1; }
	div.ReportControlPanel div.ReportInput { float: left; margin-right: 15px; margin-bottom: 5px; }
	div.ReportControlPanel div#ReportButton { position: absolute; top: 0; right: 5px; }


	div.AspNet-GridView-Bottom { margin-top: 5px; }
	tr.AspNet-GridView-Empty { color: Gray; }
	div.AspNet-GridView table { width: 100%; }
	div.AspNet-GridView table th { padding-bottom: 5px; color: Gray; }

	span.AspNet-DetailsView-Name, div#JourneyPlaybackDataContainer span.InfoBoxName { position: absolute; left: 0; color: Gray; }
	span.AspNet-DetailsView-Value, div#JourneyPlaybackDataContainer span.InfoBoxValue { margin-left: 130px; }

	div.AspNet-TabContainer .ajax__tab_header { height: 24px; border-bottom: solid 1px #404040; }
	div.AspNet-TabContainer .ajax__tab_tab { height: 20px; padding: 3px; margin: 0; background: url(Images/TabBackground.png) repeat-x top left; }
	div.AspNet-TabContainer .ajax__tab_inner { padding-left: 2px; background: url(Images/TabLeftBackground.png) no-repeat top left; }
	div.AspNet-TabContainer .ajax__tab_outer { margin-right: 1px; padding-right: 2px; background: url(Images/TabRightBackground.png) no-repeat top right; }
	div.AspNet-TabContainer .ajax__tab_hover .ajax__tab_tab { background: url(Images/TabHoverBackground.png) repeat-x top left; }
	div.AspNet-TabContainer .ajax__tab_hover .ajax__tab_inner { background: url(Images/TabHoverLeftBackground.png) no-repeat top left; }
	div.AspNet-TabContainer .ajax__tab_hover .ajax__tab_outer { background: url(Images/TabHoverRightBackground.png) no-repeat top right; }
	div.AspNet-TabContainer .ajax__tab_active .ajax__tab_tab { background: url(Images/TabActiveBackground.png) repeat-x top left; }
	div.AspNet-TabContainer .ajax__tab_active .ajax__tab_inner { background: url(Images/TabActiveLeftBackground.png) no-repeat top left; }
	div.AspNet-TabContainer .ajax__tab_active .ajax__tab_outer { background: url(Images/TabActiveRightBackground.png) no-repeat top right; }
	div.AspNet-TabContainer .ajax__tab_body { padding: 10px 0; }


	div#Login { width: 170px; margin: auto; text-align: center; }
	div.AspNet-Login div.AspNet-Login-UserPanel, div.AspNet-Login div.AspNet-Login-PasswordPanel { text-align: right; margin-bottom: 2px; }
	div.AspNet-Login div.AspNet-Login-UserPanel input, div.AspNet-Login div.AspNet-Login-PasswordPanel input { width: 80px; }
	div.AspNet-Login div.AspNet-Login-SubmitPanel input { margin-top: 10px; margin-left: 26px; border: solid 1px #404040; padding: 3px; background-color: White; color: Black; }
	div.AspNet-Login div.AspNet-Login-RememberMePanel { margin-top: 10px; font-size: 0.9em; }
	div.AspNet-Login div.AspNet-Login-RememberMePanel input { background-color: Transparent; }
	div.AspNet-Login div.AspNet-Login-FailurePanel { margin-top: 10px; font-size: 0.9em; color: #D42C28; }
	div.AspNet-Login label em { font-style: normal; }
	div#LoginErrorDetails { margin-top: 20px; font-size: 0.9em; color: Gray; }


	div.MapPanelContainer { position: relative; height: 300px; }
	div.MapPanel { position: absolute; top: 0; left: 0; width: 100%; height: 300px; }

	div.PushpinIcon { position: relative; top: -13px; left: 2px; White-space: nowrap; }
	span.PushpinLabel { position: relative; top: -13px; left: 4px; border: solid 1px #404040; padding: 2px; background-color: White; color: Black; font-size: 0.75em; White-space: nowrap; }

	div.customInfoBox-noBeak, div.customInfoBox-with-leftBeak, div.customInfoBox-with-rightBeak { position: absolute; z-index: 1; }
	div.customInfoBox-body { position: relative; top: -1px; left: -1px; border: none 0; padding: 5px; background-color: White; }
	div.customInfoBox-shadow { position: relative; background-color: Black; }
	div.customInfoBox-previewArea, div.customInfoBox-actionsBackground { }
	div.customInfoBox-actions, div.customInfoBox-paddingHack { display: none; }
	div.customInfoBox-beak, div.customInfoBox-progressAnimation { visibility: hidden; }
	div.customInfoBox-body p { margin: 3px 0; }
	div.customInfoBox-body span.InfoBoxName { position: absolute; left: 5px; color: Gray; }
	div.customInfoBox-body span.InfoBoxValue { margin-left: 60px; }
	div.VE_Pushpin_Popup_Title { color: #D42C28; font-size: 1.2em; font-weight: normal; }
	div.VE_Pushpin_Popup_Body { color: Black; }
}