<!-- /* Copyright (c) 2002-2007 Jaytu Technologies.  All rights reserved. */ -->

<!-- 
	xx {}	/* The first style listed doesn't work in Mozilla */

	/* JB: Change the loginbar font-size back to 90% if you change the normal font size back to 10 */
	/* JB: Change the LayoutSectionHead font-size back to 18pt if you change the normal font size back to 10.  Or make this size relative */
	
	BODY, TD, .DetailsLink, input.InputField, Select, .PopUpBody, .MenuItem, DIV, SPAN
							{font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9pt;}
	
	/* Stuff written to the page in client-side JavaScript doesn't seem to inherit the BODY style reliably */
	.IncidentDetail	{font-size: 8pt;}		
	
	.LayoutSectionHead	{	font-family: trebuchet ms, trebuchet, lucida console, arial, helvetica, sans-serif; 
									width: 1%; 
									font-size: 16pt; 
									text-align: center; 
									vertical-align: middle;
								}

	BODY {background-color: #ffffff;}
	
	TD.BelowSubTabs		{background-color: #F4F4F4; padding-top: 3px;}

	.SmallText	{font-size: 75%}
	
	TABLE.StdList		{border: 1px solid; border-color: #000000;}
	TD.StdListHeader	{background-color:#595994; font-weight: bold; color: #ffffff; padding: 3px}
	TD.StdListHeader2	{background-color: #ccccff; padding: 2px; font-weight: bold;}
	TD.StdListRow1, TD.StdListRow2, TD.IncidentSummary, TD.SpeedSlow, TD.SpeedMedium, TD.SpeedLight, TD.SpeedFast, TD.SpeedNA
							{padding-left: 2px; padding-right: 2px; padding-top: 5px; padding-bottom: 5px; background-color: #ffffff;}
	TD.StdListRow2
							{background-color: #eeeeee;}
	TD.SpeedSlow					{background-color: #ff4444; font-weight: bold;}
	TD.SpeedMedium					{background-color: #ffff00; font-weight: bold;}
	TD.SpeedLight					{background-color: #80ffff; font-weight: bold;}



	.DlgBox				{background-color: #ffffff;}
	
	TD.FwySign {width:34pt; height:27pt; background-color:#595994; vertical-align:middle; text-align:center}
	TD.FwyList {font-weight:bold; text-align:left; vertical-align:middle;}
	
	A:active.FwyList, A:link.FwyList, A:visited.FwyList, A:hover.FwyList {color:#000000; text-decoration:none; font-weight: bold; padding: 5px;}
	A:hover.FwyList {color:#ffffff; background-color: #595994;}

	A:active.CameraList, A:link.CameraList, A:visited.CameraList, A:hover.CameraList {color:#000000; text-decoration:none;}
	A:hover.CameraList {color:#ffffff; background-color: #595994;}

	.DetailsLink	{text-align: right;  font-weight: bold; font-style: italic; background-color: #ccccff; padding-top: 4px; white-space: nowrap;}
	.InputField 	{font-family: Verdana, Arial, helvetica, sans-serif;}
	.CameraPopupDetails
						{background-color: #ccccff; font-size: 80%; padding-top: 3px; padding-bottom: 2px; font-style: italic; text-align:center;}
	
	.ButtonBarText	{font-weight:bold; line-height: 19px; background-color: #ccccff;}

	/* Need both of these because of an IE bug */

	DIV.Divider		{background-color: #595994; line-height: 3px; width: 100%; margin-top: 5px;}
	TD.Divider		{background-color: #595994; line-height: 3px;}	/* There's an IE bug that messes up the space column on forms if the style has width: 100% in it */

	A:active.ButtonBar, A:link.ButtonBar, A:visited.ButtonBar {color:#000000; text-decoration:underline; font-weight:bold;}
	A:hover.ButtonBar {color:#595994; text-decoration:underline}
	
	A.Survey {color:#000000; text-decoration:none; font-weight: bold;}
	A:hover.Survey {background-color:#595994; color: #ffffff;}

	A:active.RouteList, A:link.RouteList, A:visited.RouteList, A:hover.RouteList {color:#000000;; text-decoration: underline; white-space: nowrap}
	A:hover.RouteList {color:#ffffff; background-color: #595994;}
	
	A:active.MenuItem, A:link.MenuItem, A:visited.MenuItem, A:hover.MenuItem {color:#000000;; text-decoration: none; white-space: nowrap;}
	A:hover.MenuItem {color:#ffffff; background-color: #595994;}
	
	.WarningOnBody 			{color:red;}

	A:active.WarningOnLoginBar, A:link.WarningOnLoginBar, A:visited.WarningOnLoginBar {color:red; text-decoration: none; font-weight:bold;}
	A:hover.WarningOnLoginBar {text-decoration: underline;}
	
	A:active.LoginBar, A:link.LoginBar, A:visited.LoginBar, A:hover.LoginBar {color:#000000; font-weight:bold; font-size: 100%;}
	A:hover.LoginBar {color: #ffffff;}
	
	A:active.LoginPopup, A:link.LoginPopup, A:visited.LoginPopup{color:#000000; font-weight:bold;}
	A:hover.LoginPopup {color: #ffffff;}
	
	A:active.InfoBox, A:link.InfoBox, A:visited.InfoBox{color:#000000; font-weight:bold;}
	A:hover.InfoBox {color: #ffffff;}
	
	LI.BigGap			{padding: 5px;}
	
	Input.FormButton	{	font-size:85%;
								font-weight:bold;
								padding-top: 1px;
								padding-bottom: 1px;
								border:1px outset;
								border-color:#6dae6d;
								background-color:#b3e5b3;
								filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ebf8eb',EndColorStr='#97dc97');
							}
	
	Input.LoginPopupButton, Input.RFProblemReport
									{	font-size:85%;
										font-weight:bold;
										padding-top: 1px;
										padding-bottom: 1px;
										border:1px outset;
										border-color:#9d8e63;
										background-color:#f3e7b9;
										filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#efdfa4');
									}
	
	.MenuPopupBackground		{	background-color:#b3e5b3;
										border: 1px solid #63A563; 
										filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ebf8eb',EndColorStr='#97dc97');
									}
	
	.RoutePopupBackground	{	background-color:#ffffff;
										border: 1px solid #595994;
									}
	
	.MapPopupBackground		{background-color:#ffffff;}
	
	.MapPopupCaption, .MapPopupCaptionClose, .MapPopupCaptionClose A
									{	background-color:#595994;
										padding: 2px;
										text-align: left;
										font-weight: bold;
										color: #ffffff;
									}
	
	.MapPopupCaptionClose, .MapPopupCaptionClose A { text-align: right; }
	

	.MapControls				{	border: 1px solid #63A563;
										padding: 3px;
										background-color:#b3e5b3;
										filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ebf8eb',EndColorStr='#97dc97');
									}

	TD.InfoBox, .GenericMessage
									{	padding: 5px;
										border:2px outset;
										background-color:#b3e5b3;
										filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ebf8eb',EndColorStr='#97dc97');
									}
	
	.GenericMessage2			{	padding: 5px; background-color:#ccccff; }
	

	.AboutMySaMessage	{ 	font-size: 17pt;
								font-weight: bold;
								width:100%;
								
							}
	
	TD.IncidentSummary,	
	.IncidentDetail	{	background-color: #b3e5b3; }
	

	.IncidentDetail	{	padding-top: 0px; 
								padding-left: 2px; 
								padding-right: 2px; 
								padding-bottom: 3px;
								background-color: #b3e5b3; }
	
	/**************** Route Retriever Found Routes ***********************/
	TD.RFTabSelected, TD.RFBodyBackground	
									{background-color: #eeeeee;}
	TD.RFTabUnSelected		{background-color: #c9c9c9;}
	TD.RFTabSpacer, TD.RFTabSelected, TD.RFTabUnSelected, TD.RFBodyBackground
									{border-color: #aeaeae; border-style: solid; border-width: 1px;}

	A:active.RFTabTextSelected, A:link.RFTabTextSelected, A:visited.RFTabTextSelected, A:hover.RFTabTextSelected,
	A:active.RFTabTextUnSelected, A:link.RFTabTextUnSelected, A:visited.RFTabTextUnSelected, A:hover.RFTabTextUnSelected
									{color:#000000; text-decoration:none; font-weight:bold; display: block; padding: 1px 6px;}
	
	A:hover.RFTabTextSelected		{}
	A:hover.RFTabTextUnSelected	{color: white;}

	TD.RFTabSpacer									{background-color: white; border-width: 0px 0px 1px 0px;}
	
	TD.RFTabSelected, TD.RFTabUnSelected	{text-align: center;}
	TD.RFTabSelected								{border-bottom: 0px}
	
	TD.RFBodyBackground							{padding: 10px; border-top: 0px;}
	
	.RFSaveRouteAlertSelected		{background-color: #eeeeee; padding: 5px 0px 2px 5px;}
	.RFSaveRouteAlertUnSelected	{background-color: #ffffff;}
	
	.RFSendRouteSummaryBox			{border: 1px solid black; padding: 3px; background-color: #eeeeee;}
	/************* End Route Retriever Found Routes ***********************/
	
	/*********** Route Retriever / My Routes tab colors *******************/
	
	TD.RTabWhiteSpace		{border-bottom: 1px solid #90825b;}
	
	TD.RTabSelected, TD.RTabUnselected
								{border: 1px solid #90825b; text-align: center; font-weight: bold; padding: 3px 10px;}
	
	TD.RTabSelected		{border-bottom: 0px; background-color: white; white-space: nowrap;}
	TD.RTabUnselected		{background-color: #E1E1E1; white-space: nowrap;}

	A:active.RAnchorSelected, A:link.RAnchorSelected, A:visited.RAnchorSelected, A:hover.RAnchorSelected,
	A:active.RAnchorUnselected, A:link.RAnchorUnselected, A:visited.RAnchorUnselected, A:hover.RAnchorUnselected
								{text-decoration: none; color: black;}

	A:hover.RAnchorUnselected	{color: white;}
	
-->