body 
{
	font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    font-size: 12px;
    color:  #444444;
    margin: 0;
    padding: 0;
   	height: 100%;
}

form 
{
	padding: 0px;
	margin: 0px;
}

.highlight 
{
	background-color: #818181;
}

.normal 
{
	background-color: #FFFFFF;
}

.small 
{
	font-size: 10px;
}

.big 
{
	font-size: 13px;
	font-weight: bold;
}

.left {
	float: left;
	margin: 0px;
	padding: 0px;
}

.button 
{
	background-image: url(/images/general/buttonBackground.gif);
	background-repeat: repeat;
	border: solid 1px #818181;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle;
	font-size: 12px;
	padding-bottom: 1px;
	margin-top: 1px;
	height: 16px;
	overflow: hidden;
	cursor: pointer;
}

	.button a:link, .button a:visited, .button a:active
	{
		font-size: 12px;
		color: #444444;
		text-decoration: none;
		padding: 0px;
	}

	.button a:hover
	{
		color: #FFFFFF;
	}


.buttonHover
{
	background-image: url(/images/general/buttonBackground-hover.gif);
	background-repeat: repeat;
	border: solid 1px #818181;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle;
	font-size: 12px;
	padding-bottom: 1px;
	margin-top: 1px;
	height: 16px;
	overflow: hidden;
	cursor: pointer;
}

	.buttonHover a:link, .buttonHover a:visited, .v a:active
	{
		font-size: 12px;
		color: #444444;
		text-decoration: none;
		padding: 0px;
	}

	.buttonHover a:hover
	{
		color: #FFFFFF;
	}

/*
.darker
{
	background-color: #404040;
}
.darker1 
{
	background-color: #4A4A4B;
}
.darker2 
{
	background-color: #505050;
}
.darker3 
{
	background-color: #464646;
}
*/

/* nav stuff */
.nav 
{
	color: #444444;
	font-weight: bold;
	border-width: 0px;
}

	.nav td {
		border-width: 0px;
	}

	.nav a:link, .nav a:visited, .nav a:active {
		color: #444444;
		text-decoration: none;
	}

	.nav a:hover 
	{
		color: #99CC33;
		text-decoration: underline;
	}

	.nav .extraPadWBorder 
	{
		padding-left: 10px;
		padding-right: 10px;
		border-right: solid 1px #444444;
	}

	.nav .extraLeftPad 
	{
		padding-left: 10px;
	}

.siteMap 
{
	color: #444444;
	font-size: 10px;
	padding-left: 4px;
}

.siteMap a:link, .siteMap a:visited, .siteMap a:active {
	color: #444444;
	font-size: 10px;
	text-decoration: underline;
}

.siteMap a:hover 
{
	color: #99CC33;
	text-decoration: none;
}

.loginBackground 
{
	background-image: url(/images/general/loginBackground.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 400px;
}


/* menu */
.menuBack 
{
	background-image: url(/images/general/menuBackground.gif);
	background-repeat:repeat-x;
	color: #FFFFFF;
	height: 26px;	
}

.searchBox 
{
	font-size: 10px;
	width: 120px;
}

.searchMapBox 
{
	font-size: 9px;
	width: 75px;
	vertical-align: middle;
	color: gray;
}

/* common stuff */
.spacer 
{
	empty-cells: show;
	padding: 2px 2px 2px 2px;
}

.required 
{
	color: #FF0000;
}

.noborder
{
	border-width: 0px;
}

.border-bottom
{
	border-bottom: solid 1px #444444;
}

.border
{
	border: solid 1px #444444;
}

.footer 
{
	background-color: #F2F2F2;
	font-size: 10px;
	margin-top: 15px;
}

.content 
{
	padding: 7px 8px;
}

a:link, a:visited, a:active {
	color: #444444;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a.reverse:link, a.reverse:visited, a.reverse:active {
	color: #444444;
	text-decoration: none;
}

a.reverse:hover {
	text-decoration: underline;
}

.pageHeader 
{
	font-size: 18px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 4px;
	padding-top: 20px;
	padding-bottom: 5px;
}
	.pageHeader .normal
	{
		font-size: 12px;
		font-weight: normal;
		color:  #444444;
	}

	.pageHeader hr 
	{
		color: #818181;
		background-color: #818181;
		height: 1px;
		border: 0px;
	}


/* a container box by itself */
.box 
{
	border: solid 1px #444444;
	height: 100%;
	display: block;
	margin: 2px 4px 2px 4px;
}

	.box .boxHeader 
	{
		background-image: url(/images/general/menuBackground.gif);
		background-repeat:repeat-x;
		color: #444444;
		font-size: 13px;
		font-weight: bold;
		height: 20px;
		border-bottom: solid 1px #444444;	
		padding-top: 2px;
		padding-left: 5px;
	}

		.box .boxHeader .dropDown
		{
			color: #444444;
			padding-left: 10px;
		}

			.box .boxHeader .dropDown select
			{
				font-size: 10px;
			}

		.box .boxHeader .link
		{
			margin-left: 10px;
			color: #444444;
			font-size: 10px;
		}
			.box .boxHeader .link a:link, .box .boxHeader .link a:visited, .box .boxHeader .link a:active
			{
				font-size: 10px;
				color: #444444;
				text-decoration: none;
			}

			.box .boxHeader .link a:hover
			{
				color: #FFFFFF;
				text-decoration: underline;
			}

		.box .boxHeader .admin
		{
			float: left;
			color: #444444;
		}
			.box .boxHeader .admin a:link, .box .boxHeader .admin a:visited, .box .boxHeader .admin a:active
			{
				font-size: 10px;
				color: #444444;
				padding-right: 5px;
				text-decoration: none;
			}

			.box .boxHeader .admin a:hover
			{
				color: #FFFFFF;
				text-decoration: underline;
			}

			.box .boxHeader .admin a.searchMapLink:link, .box .boxHeader .admin a.searchMapLink:visited, .box .boxHeader .admin a.searchMapLink:active
			{
				color: #444444;
				font-size: 12px;
				text-decoration: none;
				padding: 0px;
			}

			.box .boxHeader .admin a.searchMapLink:hover 
			{
				color: #FFFFFF;
			}

	.box .boxSubhead
	{
		margin-right: 8px;
		padding-bottom: 3px;
	}

		.box .boxSubhead a:link, .box .boxSubhead a:visited, .box .boxSubhead a:active
		{
			text-decoration: none;
		}

		.box .boxSubhead a:hover
		{
			color: #99CC33;
			text-decoration: none;
		}

		.box .boxSubhead .item
		{
			font-weight: bold;
			display: inline-block;
			margin-right: 7px;
			border-bottom: solid 1px #444444;
			empty-cells: show;
		}

		.box .boxSubhead .itemNoBorder
		{
			font-weight: bold;
			display: inline-block;
			margin-right: 8px;
			empty-cells: show;
		}
		
	.box .boxContent 
	{
		padding: 7px 8px;
		overflow: auto;
		scrollbar-base-color: #818181;	/* only works in IE */
	}
	

/* table format to align boxes in a row */
.boxTable 
{
	height: 100%;
}

	.boxTable input
	{
		font-size: 10px;
	}

	.boxTable select
	{
		font-size: 10px;
	}

	.boxTable td
	{
		border: solid 1px #444444;
		vertical-align: middle;
	}

	.boxTable td .noborder
	{
		border-width: 0px;
	}

	.boxTable .spacer
	{
		border-width: 0px;
	}

	.boxTable .boxTableHeader
	{
		background-image: url(/images/general/menuBackground.gif);
		background-repeat:repeat-x;
		color: #444444;
		font-size: 13px;
		font-weight: bold;
		height: 20px;
		border-bottom: solid 1px #444444;	
		padding-top: 2px;
		padding-left: 5px;
	}

		.boxTable .boxTableHeader .dropDown
		{
			color: #444444;
			padding-left: 10px;
		}

/*
			.boxTable .boxTableHeader .dropDown select
			{
				font-size: 10px;
			}
*/

		.boxTable .boxTableHeader .link
		{
			margin-left: 10px;
			color: #444444;
			font-size: 10px;
		}
			.boxTable .boxTableHeader .link a:link, .boxTable .boxTableHeader .link a:visited, .boxTable .boxTableHeader .link a:active
			{
				font-size: 10px;
				color: #444444;
				text-decoration: none;
			}

			.boxTable .boxTableHeader .link a:hover
			{
				color: #FFFFFF;
				text-decoration: underline;
			}

		.boxTable .boxTableHeader .admin
		{
			float: left;
			color: #444444;
		}
			.boxTable .boxTableHeader .admin a:link, .boxTable .boxTableHeader .admin a:visited, .boxTable .boxTableHeader .admin a:active
			{
				font-size: 10px;
				color: #444444;
				padding-right: 5px;
				text-decoration: none;
			}

			.boxTable .boxTableHeader .admin a:hover
			{
				color: #FFFFFF;
				text-decoration: underline;
			}

	.boxTable .boxTableSubhead
	{
		margin-left: 7px;
	}
	
		.boxTable .boxTableSubhead a:link, .boxTable .boxTableSubhead a:visited, .boxTable .boxTableSubhead a:active
		{
			text-decoration: none;
		}

		.boxTable .boxTableSubhead a:hover
		{
			color: #99CC33;
			text-decoration: none;
		}


		.boxTable .boxTableSubhead .item
		{
			font-weight: bold;
			display: inline-block;
			margin-right: 7px;
			border-bottom: solid 1px #444444;
			empty-cells: show;
		}

		.boxTable .boxTableSubhead .itemNoBorder
		{
			font-weight: bold;
			display: inline-block;
			margin-right: 4px;
			empty-cells: show;
		}

	.boxTable .boxTableContent
	{
		padding: 7px 8px;
		overflow: auto;
		scrollbar-base-color: #818181;	/* only works in IE */
	}

.list 
{
	padding-bottom: 3px;
}

	.list .admin
	{
		display: inline-block;
		margin-right: 5px;
		empty-cells: show;
		visibility: hidden;
	}

	.list .item
	{
		display: inline-block;
		margin-right: 10px;
		empty-cells: show;
	}

		.list .item .inactive
		{
			text-decoration: line-through;
		}

	.list a:link, .list a:visited, .list a:active
	{
		text-decoration: none;
	}

	.list a:hover
	{
		color: #99CC33;
		text-decoration: underline;
	}

.item
{
	display: inline-block;
	margin-right: 10px;
	empty-cells: show;
}

.itemBlock
{
	display: block;
	empty-cells: show;
}

.checkbox 
{
	table-layout: fixed;
	overflow: auto;
}

	.checkbox .item
	{
		width: 200px;
		vertical-align: top;
	}


.inactive
{
	text-decoration: line-through;
}

/* map */

.mapHighlightBox 
{
	display: inline-block;
	border: solid 1px #444444;
	height: 100%;
	vertical-align: top;
	padding-left: 2px;
	padding-right: 2px;
	margin-right: 5px;
	overflow: auto;
	scrollbar-base-color: #818181;	/* only works in IE */
}

.mapContent 
{
	display: inline-block;
	border: solid 1px #444444;
	height: 100%;
	vertical-align: top;
}

.mapListItem
{
	display: block;
	width: auto;
	min-width: 280px;
	padding-bottom: 3px;
	padding-top: 3px;
	empty-cells: show;
	font-size: 10px;
	border-bottom: solid 1px #444444;
}

	.mapListItem a:link, .mapListItem a:visited, .mapListItem a:active 
	{
		font-size: 9px;
		color: #444444;
		text-decoration: none;
	}

	.mapListItem a:hover 
	{
		color: #99CC33;
		text-decoration: underline;
	}

	.mapListItem .icon
	{
		empty-cells: show;
		float: left;
		padding-right: 3px;
	}

	.mapListItem .address
	{
		vertical-align: top;
		empty-cells: show;
	}

	.mapListItem .admin
	{
		empty-cells: show;
		visibility: hidden;
		float: right;
		text-align: right;
		padding-right: 3px;
	}

.SubSponsor
{
	display: block;
	width: auto;
	padding-bottom: 3px;
	empty-cells: show;
	font-size: 12px;
}

	.SubSponsor .admin-sub
	{
		visibility: hidden;
		empty-cells: show;
		padding-left: 15px;
	}

	.SubSponsor .admin-more
	{
		visibility: hidden;
		empty-cells: show;
	}

.camera 
{
	display: block;
	text-align: center;	
}

.TrafficItem
{
	display: block;
	padding-bottom: 3px;
	padding-top: 3px;
	empty-cells: show;
	border-bottom: solid 1px #444444;
}


/* a popup container box */
#popUpBackground 
{
	display: none;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #000000;
	z-index: 1;
}

#popUpWindow
{
	display: none;
	position: absolute;
	background-color: #FFFFFF;
	z-index: 2;
}

.panel 
{
	background-image: url('/images/general/dropshadow_legend.png');
	background-repeat: repeat-x;
	background-color: #EEEEEE;
}

/* width settings */
.colSpacer { width: 5px; empty-cells: show; }
.groupAdmin { width: 30px; empty-cells: show; }
.groupName { width: 300px; empty-cells: show; }
.groupDescription { width: 450px; empty-cells: show; }
.groupNumAccount { width: 84px; empty-cells: show; }

.accountName { width: 250px; empty-cells: show; }
.accountActive { width: 50px; empty-cells: show; }
.accountKey { width: 100px; empty-cells: show; }
.accountURL { width: 350px; empty-cells: show; }
.accountRole { width: 300px; empty-cells: show; }
.accountActivity { width: 150px; empty-cells: show; }

.roleName { width: 200px; empty-cells: show; }
.roleDescription { width: 500px; empty-cells: show; }
.roleNumAccount { width: 80px; empty-cells: show; }

.cityName { width: 250px; empty-cells: show; }
.cityActive { width: 75px; empty-cells: show; }
.cityGroup { width: 500px; empty-cells: show; }

.moduleName { width: 250px; empty-cells: show; }
.moduleActive { width: 60px; empty-cells: show; }
.moduleAutoAssign { width: 77px; empty-cells: show; }
.moduleDescription { width: 450px; empty-cells: show; }

.profileName { width: 400px; empty-cells: show; }
.profileNameLong { width: 550px; empty-cells: show; }
.profileURL { width: 350px; empty-cells: show; }

.logDate { width: 100px; empty-cells: show; }
.logDescription { width: 300px; empty-cells: show; }
.logUser { width: 150px; empty-cells: show; }
.logActive { width: 40px; empty-cells: show; }
.logName { width: 150px; empty-cells: show; }

.logAutoAssign { width: 70px; empty-cells: show; }
.logGroupDescription { width: 300px; empty-cells: show; }
.logModuleDescription { width: 250px; empty-cells: show; }

.sponsorIcon { width: 40px; vertical-align: top; empty-cells: show; }
.sponsorName { width: 325px; vertical-align: top; empty-cells: show; }
.sponsorActive { width: 50px; vertical-align: top; empty-cells: show; }
.sponsorSubSponsor { width: 350px; vertical-align: top; empty-cells: show; }

.searchUserName { width: 150px; vertical-align: top; empty-cells: show; }
.searchActive { width: 40px; vertical-align: top; empty-cells: show; }
.searchName { width: 175px; vertical-align: top; empty-cells: show; }
.searchGroup { width: 225px; vertical-align: top; empty-cells: show; }

.cameraNum { width: 80px; empty-cells: show; }
.cameraBadNum { width: 110px; empty-cells: show; }

.dashIcon { width: 50px; vertical-align: top; empty-cells: show; }
.dashIconSmall { width: 35px; vertical-align: top; empty-cells: show; }
.dashMarket { width: 200px; vertical-align: top; empty-cells: show; }
.dashStations { width: 350px; vertical-align: top; empty-cells: show; }
.dashStationsSmall { width: 175px; vertical-align: top; empty-cells: show; }
.dashNumLocs { width: 75px; vertical-align: top; empty-cells: show; }
.dashNumLocsSmall { width: 40px; vertical-align: top; empty-cells: show; }
.dashRunTime { width: 125px; vertical-align: top; empty-cells: show; }
.dashActive { width: 40px; vertical-align: top; empty-cells: show; }


/* traffic colors */
.extreme			{ background-color: #4F4F4F; color: #ECECEC}
.extreme a:link, .extreme a:visited, .extreme a:active, .extreme a:hover { color: #ECECEC }
.major			{ background-color: #F75E59; }
.moderate		{ background-color: #EBE750; }
.minor			{ background-color: #52F76A; }
.freely			{ background-color: #80A7A4; }
.advisory		{ background-color: #58BCF8; }
.construction 	{ background-color: #F7BA50; }
.transit		 	{ background-color: #D1D1CE; }
.route		 	{ background-color: #D1D1CE; }
.highlightColor 
{
	background-color: #818181;
	color: #ECECEC;
}

.extremeHighlight			{ background-color: #616161; color: #ECECEC}
.extremeHighlight a:link, .extremeHighlight a:visited, .extremeHighlight a:active, .extremeHighlight a:hover { color: #ECECEC }
.majorHighlight			{ background-color: #f57878; }
.moderateHighlight		{ background-color: #eeec85; }
.minorHighlight			{ background-color: #95f5a7; }
.freelyHighlight			{ background-color: #95f5a7; }
.advisoryHighlight		{ background-color: #78cbf5; }
.constructionHighlight 	{ background-color: #f5ca7f; }
.transitHighlight	 		{ background-color: #D1D1CE; }
.routeHighlight		 	{ background-color: #D1D1CE; }

.extremeBorder			{ border: 1px solid #4F4F4F }
.majorBorder			{ border: 1px solid #F75E59 }
.moderateBorder		{ border: 1px solid #EBE750 }
.minorBorder			{ border: 1px solid #52F76A; }
.freelyBorder			{ border: 1px solid #80A7A4 }
.advisoryBorder		{ border: 1px solid #58BCF8; }
.constructionBorder 	{ border: 1px solid #F7BA50; }
.highlightColorBorder { border: 1px solid #818181; }