H1
{
	padding-right: 10px;
	border-top: #66cc33 2px solid;
	padding-left: 10px;
	padding-bottom: 0.5em;
	margin: 1em 0px;
	font: bold 1.2em/1em helvetica, arial, sans-serif;
	color: #666666;
	padding-top: 0.5em;
	border-bottom: #c2c2c2 1px dotted;
	text-align: center;
}
H2
{
	font-weight: bold;
	font-size: 12pt;
	color: darkblue;
	font-family: Arial;
	background-color: white;
}

.a2
{
	font-size: 12px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	text-decoration: none;
}

.var_description
{
font-weight: bold;
font-size: 8pt;
color: RoyalBlue;
font-family: Arial;
background-color: white;
}

.var_name
{
font-weight: bold;
font-size: 8pt;
color: darkblue;
font-family: Arial;
background-color: white;
}


body
{
	margin: 0px;
	font: xx-small Arial, Helvetica, sans-serif;
	color: black;
}


.button_field	{
				text-align:right;
				padding:3px;
				}
.button_blue
{
	border-left: #6b4400 1px ridge;
	cursor: hand;
	color: #000000;
	line-height: normal;
	border-top: #6b4400 1px ridge;
	font-style: normal;
	background-color: grey;
	font-variant: normal;
	width:38px;
	height:19px;
}

.button_tab
{
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	border-left: #6b4400 1px ridge;
	cursor: hand;
	color: #000000;
	line-height: normal;
	border-top: #6b4400 1px ridge;
	font-style: normal;
	background-color: grey;
	font-variant: normal;
	width:50pt;
}


.route_pts_table
{
	margin: 1px;
	font: 11px Tahoma;
	color: black;
	text-align: center;
}

.route_pts_table td
{
	margin: 1px;
	font: 11px Tahoma;
	color: black;
	text-align: center;
	width:50%;
}

.route_pts_table th
{
	margin: 1px;
	font: 11px Tahoma;
	color: black;
	text-align: center;
	width:50%;
}

.center_body
{
	font-size: 12px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	background-color: white;
	text-align: left; 
	text-decoration: none;
	
}


.centerpage		
{ 
/*	
				position:relative;
				left:20%; width:80%;
				top:18px;
*/
				text-align:center;
				}
	

.centerpageheader
				{
/*					
				position:absolute;
				width:580pt;
				top:150px;
*/
				text-align:center;
				}

.maintenance_editing
				{
				position:relative;
				top:-180px;
				}
				
				
.container		{
				border:solid 0px #506D83;
				height:50px;
				padding:3px;
				text-align:center;
				WIDTH: 570px;
				}

.display_border
{
	border-right: #506d83 0px solid;
	border-top: #506d83 0px solid;
	border-left: #506d83 0px solid;
	color: black;
	border-bottom: #506d83 0px solid;
	text-align: center;
}

.display_section
{
	border-right: #506d83 0px solid;
	border-top: #506d83 0px solid;
	margin: 2px;
	font: bold 10px Geneva, Arial, Helvetica, san-serif, "Arial Narrow";
	border-left: #506d83 0px solid;
	width: 30%;
	color: #cccccc;
	border-bottom: #506d83 0px solid;
	height: 200px;
	background-color: white;
}

.display_field
{
	background: #ffffff;
	font: bold 10px Geneva, Arial, Helvetica, san-serif, "Arial Narrow";
	color: black;
	text-indent: 2pt;
	height: 16px;
}

.display_field_long
			  {
				background:#FFFFFF;
				color:black;
				height:16px;
				font:11px Geneva, Arial, Helvetica, san-serif, "Arial Narrow";
				text-indent:2pt;
				}

.display_inactive
				{
				background:#5A7B94;
				color:#CCCCCC;
				height:16px;
				font:bold 10px Geneva, Arial, Helvetica, san-serif, "Arial Narrow";
				text-indent:2pt;
				width:130px;
				}

.display_highlight
{
	background: gainsboro;
	font: bold 10px Geneva, Arial, Helvetica, san-serif, "Arial Narrow";
	width: 130px;
	color: #333333;
	text-indent: 2pt;
	height: 16px;
}

.topRight
{
	background-image: url(images/CI_Banner_264x112.jpg);
}


.enabled_field
{
	border-right: #5a7b94 1px solid;
	border-top: #5a7b94 1px solid;
	border-left: #5a7b94 1px solid;
	width: 140px;
	color: black;
	border-bottom: #5a7b94 1px solid;
	height: 18px;
	background-color: white;
}
	

.filter_field	{
				font:normal 11px Geneva, Arial, Helvetica, san-serif, "Arial Narrow";
				text-align:center;
				color:Black
				}
				
.heading		{background:transparent; text-align:center; border:0; 
					width:100%; FONT-FAMILY: Tahoma; font:bold}


				
				
.hidden			{
				display:none;
				}
				

.LabelError		{
				font-family:Arial, Helvetica, sans-serif;
				font-size:xx-small;
				text-transform:uppercase;
				color:red;
				}
				
.left			{text-align:left}


.left_menu
{
	font-size: 10px;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #f6f6f6;
	text-align: left;
	text-decoration: none;
}

.left_menu_button
{
	border-right: #6b4400 1px ridge;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	width: 50pt;
	cursor: hand;
	color: #000099;
	line-height: normal;
	border-bottom: #6b4400 1px ridge;
	font-style: normal;
	background-color: #6699cc;
	text-align: center;
	font-variant: normal;
}
.logo
{
	background-color: #FF9900;
}
.login_field
{
	font-weight: bold;
	font-size: 12pt;
	width: 140px;
	color: black;
	font-family: Arial;
	background-color: white;
	/*text-align: left;*/
}
.login_text
{
	font-weight: bold;
	font-size: 12pt;
	width: 140px;
	color: black;
	font-family: Arial;
	background-color: white;
	text-align: left;
}
.login_warning
{
	font-weight: bold;
	font-size: 10pt;
	color: #ff9900;
	font-style: italic;
	font-family: Arial;
	background-color: white;
	text-align: left;
}
.login_button
{
	BACKGROUND-POSITION: left;
	font-weight: bold;
	list-style-position: outside;
	font-size: 12pt;
	background-image: url(../images/BG_Nav_Side_Up.jpg);
	width: 200px;
	color: black;
	border-top-style: none;
	background-repeat: no-repeat;
	font-family: Arial;
	border-right-style: none;
	border-left-style: none;
	background-color: transparent;
	border-bottom-style: none;
}



.main_table
{
	border-right: 2px;
	padding-right: 0px;
	border-top: 2px;
	padding-left: 0px;
	padding-bottom: 0px;
	vertical-align: super;
	border-left: 2px;
	padding-top: 0px;
	border-bottom: 2px;
	height: 100%;
}

.main_table th
{
	vertical-align: super;
	color: blue;
}


.maintenance_table 
				{
				font:11px Tahoma;
				text-align:middle;
				vertical-align:middle;
				padding:1px;
				clip:rect(0px 0px 0px 0px);
				margin:1px;
				}

.maintenance_table th
{
	border-right: #666633 0px solid;
	border-top: #666633 0px solid;
	font: 9px Tahoma;
	text-transform: uppercase;
	border-left: #666633 0px solid;
	color: #666666;
	text-indent: 3px;
	border-bottom: #666633 0px solid;
	background-color: white;
	text-align: right;
}

.maintenance_table th.center
				{
				border:0px #666633 solid;
				text-transform:uppercase;
				color:#66cc33;
				text-indent:3px;
				background-color:white;
				font:9px Tahoma;
				font:normal;
				text-align:center;
				}


.maintenance_table_header_sort
{
	border-right: #666633 1px solid;
	border-top: #666633 1px solid;
	background: #666666;
	margin: 2px;
	font: 9px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border-left: #666633 1px solid;
	color: #66cc33;
	border-bottom: #666633 1px solid;
	text-align: center;
}
				
.maintenance_table_header_sort a
				{
				color:#FFFFFF;
				width:100%;
				text-decoration:none;
				font-weight: bold;
				}

.maintenance_table_header_sort a:hover
				{
				color:black;
				width:100%;
				text-decoration:none;
				}
				
.maintenance_table_header_nosort
{
	border-right: #666633 1px solid;
	border-top: #666633 1px solid;
	background: #666666;
	margin: 2px;
	font: 9px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border-left: #666633 1px solid;
	color: black;
	border-bottom: #666633 1px solid;
	text-align: center;
}

.maintenance_table_label
{
	border-right: #666633 0px solid;
	border-top: #666633 0px solid;
	font: 9px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border-left: #666633 0px solid;
	color: black;
	text-indent: 2pt;
	border-bottom: #666633 0px solid;
	height: 15px;
	text-align: left;
}


.maintenance_table_pager_button a
{
	border-right: #6b4400 1px ridge;
	padding-right: 2px;
	border-top: #6b4400 1px ridge;
	padding-left: 2px;
	font-size: 10px;
	background-image: url(../images/BG_Nav_Side_Up.jpg);
	padding-bottom: 2px;
	text-transform: uppercase;
	border-left: #6b4400 1px ridge;
	cursor: hand;
	color: black;
	line-height: normal;
	padding-top: 2px;
	border-bottom: #6b4400 1px ridge;
	font-style: normal;
	height: 20px;
	font-variant: normal;
	text-decoration: none;
}

.maintenance_table_pager_button a:hover
{
	border-right: #6b4400 1px ridge;
	padding-right: 2px;
	border-top: #6b4400 1px ridge;
	padding-left: 2px;
	font-size: 10px;
	padding-bottom: 2px;
	text-transform: uppercase;
	border-left: #6b4400 1px ridge;
	cursor: hand;
	color: green;
	line-height: normal;
	padding-top: 2px;
	border-bottom: #6b4400 1px ridge;
	font-style: normal;
	height: 20px;
	font-variant: normal;
	text-decoration: none;
}

.maintenance_table_pager_button span
				{
				background:url(../images/BG_Nav_Side_Up.jpg);
				border:#6b4400 1px ridge;
				text-transform:uppercase;
				font:bold 11px;
				color:#525252;
				padding:2px;
				text-decoration:none;
				height:0px;
				/*position:relative;
				top:-1px;*/
				}
				

.navbut 		{
				background:#1C4F73 url(images/button_trsp.gif) no-repeat left bottom;
				height:22px;
				list-style-type:square;
				list-style-image:url(images/bullet.jpg)
				}

.navbut a:hover {
				background:#316990 url(images/button_trsp.gif) no-repeat left bottom;
				height:22px;
				list-style-image:url(images/btnmouseover.gif)
				}

.navbut_highlight
				{
				background:#316990 url(images/button_trsp.gif) no-repeat left bottom;
				height:22px;
				list-style-image:url(images/btnmouseover.gif);
				}









h3,h4,h5,h6
				{
				color:#cccccc;
				font-family:Tahoma; 
				}








/*-------- webtrak CSS -------------------------------*/


				
A
{
	font: xx-small Tahoma;
	vertical-align: middle;
	text-decoration: none;
	color: black;
}
				
A:link 			{
				}
				
A:active 		{
				}
				
A:hover 		
{
	color: green;
				/*
				color:dimgray;
				list-style-image:url(images/bullet.gif);
				*/
				}
				
A:visited 		{
				}
				


.RelativeCenterPageHeader
				{
				position:relative;
				left:42; width:80%;
				top:10px;
				text-align:center;
				}


.right_menu
{
	font-size: 12px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FF9900;
	text-align: left;
	text-decoration: none;
}

.right			{text-align:right}



				
.smallbutton	{height:12px;width:20px;cursor:hand;}
				


.tab_button_off
{
	border-right: #6b4400 1px ridge;
	border-top: #6b4400 1px ridge;
	background-image: url(../images/BG_Nav_Side_Up.jpg);
	font: bold 10px Arial, 'Courier New';
	text-transform: uppercase;
	border-left: #6b4400 1px ridge;
	cursor: hand;
	color: black;
	border-bottom: #6b4400 1px ridge;
}
				
.tab_button_on
{
	border-right: #6b4400 1px ridge;
	border-top: #6b4400 1px ridge;
	background-image: url(images/btn_gradientOVER.jpg);
	font: bold 10px Arial, 'Courier New';
	text-transform: uppercase;
	border-left: #6b4400 1px ridge;
	cursor: hand;
	color: white;
	border-bottom: #6b4400 1px ridge;
}

.tab_button_select 
				{   
				background-image:url(../reports/css_reports/select_all.gif);
				background-repeat:no-repeat;
				border:outset 2px white;
				background-color:#FFFFFF;
				height:23px;
				width:23px;
				cursor:hand;
				}

.tab_button_deselect
				{   
				background-image:url(../reports/css_reports/deselect_all.gif);
				background-repeat:no-repeat;
				border:outset 2px white;
				background-color:#FFFFFF;
				height:23px;
				cursor:hand;
				width:23px;
				}

.title
{
	padding-right: 0px;
	border-top: #66cc33 2px solid;
	padding-left: 0px;
	padding-bottom: 0.5em;
	margin: 1em 0px;
	font: bold 1.2em/1em helvetica, arial, sans-serif;
	color: #666666;
	padding-top: 0.5em;
	border-bottom: #c2c2c2 1px dotted;
	text-align: center;
}

.subtitle
{
	border-right: #506d83 0px solid;
	border-top: #506d83 0px solid;
	font: bold xx-small Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border-left: #506d83 0px solid;
	color: #66cc33;
	text-indent: 2px;
	border-bottom: #506d83 0px solid;
	text-align: center;
}
				


.top_menu1
{
	font-size: 12px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #6699CC;
	text-decoration: none;
}

.top_menu2a
{
	font-size: 12px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FF9900;
	text-align: left;
	text-decoration: none;
}

.top_menu2b
{
	font-size: 12px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #336699;
	text-align: left;
	text-decoration: none;
}
.top_menu3a
{
	font-size: 12px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #336699;
	text-align: left;
	text-decoration: none;
}
.top_menu3b
{
	font-size: 12px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFCC99;
	text-align: left;
	text-decoration: none;
}

.show { visibility:visible;}
.hide { visibility:hidden;}


.warning		{
				color:#336699;
				font: 12px Tahoma;
				}


.ZoomButs
{
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;  
	WIDTH: 22px; 
	HEIGHT: 22px; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; POSITION: static; 
	BORDER-BOTTOM-STYLE: none;
	BORDER-TOP-STYLE: none;
	cursor:hand;
}
.NavButs
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-left: -2px;
	width: 9px;
	color: #ffcc00;
	margin-right: -2px;
	padding-top: 0px;
	font-family: Arial;
	position: static;
	height: 22px;
	background-color: #1c4f82;
	cursor:hand
}
.nav_field
{
	font-weight: bold;
	font-size: 10px;
	width: 50px;
	color: darkblue;
	font-family: Arial;
	background-color: white;
	text-align: left;
}
.nav_text
{
	font-weight: bold;
	font-size: 12px;
	width: 35px;
	color: white;
	border-top-style: none;
	font-family: Arial;
	border-right-style: none;
	border-left-style: none;
	background-color: transparent;
	text-align: right;
	border-bottom-style: none;
}
.TabPanel
{
	border-right: gray thin outset;
	border-top: gray thin outset;
	left: 0px;
	visibility: hidden;
	overflow: auto;
	border-left: gray thin outset;
	width: 100%;
	border-bottom: gray thin outset;
	position: absolute;
	top: 0px;
	height: 195px;
	background-color: #f6f6f6;
}

.TabHorizontalBut
{
	font-weight: bold;
	font-size: 10px;
	background-image: url(../images/tabHorizontalStrip.gif);
	width: 50px;
	color: white;
	border-top-style: none;
	margin-right: -2px;
	background-repeat: no-repeat;
	border-right-style: none;
	border-left-style: none;
	position: static;
	height: 20px;
	background-color: transparent;
	text-align: center;
	border-bottom-style: none;
	cursor:hand;
}
.TabHorizontalBut_Flashing
{
	font-weight: bold;
	font-size: 10px;
	background-image: url(../images/tabHorizontalFlashing.gif);
	width: 50px;
	color: white;
	border-top-style: none;
	margin-right: -2px;
	background-repeat: no-repeat;
	border-right-style: none;
	border-left-style: none;
	position: static;
	height: 20px;
	background-color: transparent;
	text-align: center;
	border-bottom-style: none;
	cursor:hand;
}

.TabHorizontalBut_FlashingRed
{
	font-weight: bold;
	font-size: 10px;
	background-image: url(../images/tabHorizontalFlashingRed.gif);
	width: 50px;
	color: white;
	border-top-style: none;
	margin-right: -2px;
	background-repeat: no-repeat;
	border-right-style: none;
	border-left-style: none;
	position: static;
	height: 20px;
	background-color: transparent;
	text-align: center;
	border-bottom-style: none;
	cursor:hand;
}

.TabHorizontalBut_Focus
{
	font-weight: bold;
	font-size: 10px;
	background-image: url(../images/tabHorizontalStrip_Focus.gif);
	width: 50px;
	color: white;
	border-top-style: none;
	margin-right: -2px;
	background-repeat: no-repeat;
	border-right-style: none;
	border-left-style: none;
	position: static;
	height: 26px;
	background-color: transparent;
	text-align: center;
	border-bottom-style: none;
}
.TabVerticalBut
{
	font-weight: bold;
	font-size: 10px;
	background-image: url(../images/tabVerticalStrip.gif);
	vertical-align: baseline;
	width: 50px;
	color: white;
	border-top-style: none;
	margin-right: -0px;
	background-repeat: no-repeat;
	border-right-style: none;
	border-left-style: none;
	position: static;
	height: 25px;
	background-color: transparent;
	text-align: center;
	border-bottom-style: none;
	cursor:hand;
}

.TabVerticalBut_Focus
{
	font-weight: bold;
	font-size: 10px;
	background-image: url(../images/tabVerticalStrip_Focus.gif);
	vertical-align: baseline;
	width: 52px;
	color: white;
	border-top-style: none;
	margin-right: -0px;
	background-repeat: no-repeat;
	border-right-style: none;
	border-left-style: none;
	position: static;
	height: 25px;
	background-color: transparent;
	text-align: center;
	border-bottom-style: none;
}

.TabVerticalBut_FlashingRed
{
	font-weight: bold;
	font-size: 10px;
	background-image: url(../images/tabVerticalFlashingRed.gif);
	vertical-align: baseline;
	width: 50px;
	color: white;
	border-top-style: none;
	margin-right: -0px;
	background-repeat: no-repeat;
	border-right-style: none;
	border-left-style: none;
	position: static;
	height: 25px;
	background-color: transparent;
	text-align: center;
	border-bottom-style: none;
	cursor:hand;
}

.TabVerticalBut_Flashing
{
	font-weight: bold;
	font-size: 10px;
	background-image: url(../images/tabVerticalFlashing.gif);
	vertical-align: baseline;
	width: 50px;
	color: white;
	border-top-style: none;
	margin-right: -0px;
	background-repeat: no-repeat;
	border-right-style: none;
	border-left-style: none;
	position: static;
	height: 25px;
	background-color: transparent;
	text-align: center;
	border-bottom-style: none;
	cursor:hand;
}

.SortAsc
{
	BACKGROUND-POSITION: right top; 
	BACKGROUND-IMAGE: url(../images/asc.gif); 
	BACKGROUND-REPEAT: no-repeat
}
.SortDesc
{
	BACKGROUND-POSITION: right top; 
	BACKGROUND-IMAGE: url(../images/desc.gif); 
	BACKGROUND-REPEAT: no-repeat
}
.SortNone
{
	BACKGROUND-POSITION: right top; 
	BACKGROUND-IMAGE: url(../images/blank.gif); 
	BACKGROUND-REPEAT: no-repeat
}
.TrakMap_Tab TABLE
{
	padding:2px;
	border: solid 2px  #183C5C;
}

.TrakMap_Tab TH
{
	text-transform:uppercase; 
	border: #666633 1px solid;
	font-weight: bold;
	font-size: 9px;
	text-transform: uppercase;
	color: #ffcc00;
	text-indent: 3px;
	font-family: Tahoma;
	background-color: #333333;
	height:15px;

}
.TrakMap_Tab TD
{
	border-right: #506d83 1px solid;
	border-top: #506d83 1px solid;
	font-weight: normal;
	font-size: 9px;
	border-left: #506d83 1px solid;
	color: white;
	border-bottom: #506d83 1px solid;
	font-family: Tahoma;
	height: 15px;
	text-align: center;
}

.TrakMap_Tab2 TABLE
{
	padding:2px;
	border: solid 2px  #183C5C;
}

.TrakMap_Tab2 TH
{
	text-transform:uppercase; 
	border: #666633 1px solid;
	font-weight: bold;
	font-size: 9px;
	text-transform: uppercase;
	color: #ffcc00;
	text-indent: 3px;
	font-family: Tahoma;
	background-color: #333333;
	height:15px;

}
.TrakMap_Tab2 TD
{
	border-right: #506d83 1px solid;
	border-top: #506d83 1px solid;
	font-weight: normal;
	font-size: 9px;
	border-left: #506d83 1px solid;
	color: black;
	border-bottom: #506d83 1px solid;
	font-family: Tahoma;
	height: 15px;
	text-align: center;
}

moving
{
	color: #ffa07a;
	background-color: green;
}
stopped
{
	color: #e7e7e7;
	background-color: red;
}
old
{
	color: #e7e7e7;
	background-color: gray;
}
test
{
	background-color: gray;
}




.TrakMap_History_Tab TABLE
{
	padding:0px;
	border: solid 2px  #183C5C;
}

.TrakMap_History_Tab TH
{
	text-transform:uppercase; 
	border: #666633 1px solid;
	font-weight: bold;
	font-size: 8px;
	text-transform: uppercase;
	color: #ffcc00;
	text-indent: 1px;
	font-family: Tahoma;
	background-color: #333333;
	height:15px;

}
.TrakMap_History_Tab TD
{
	border: #506d83 1px solid;
	font-weight: normal;
	font-size: 8px;
	font-family: Tahoma;
	height:15px;
	text-align: center;
	color:darkblue;
}


.TrakMap_Field
{
	border-right: #5a7b95 2px inset;
	border-top: #5a7b95 2px inset;
	font-size: 12px;
	border-left: #5a7b95 2px inset;
	color: #000066;
	border-bottom: #5a7b95 2px inset;
	font-family: Arial;
	background-color: #f8f8f8;
}

.TrakMap_Text
{
	border-right: #003366 2px outset;
	border-top: #003366 2px outset;
	font-size: 12px;
	border-left: #003366 2px outset;
	color: #000009;
	border-bottom: #003366 2px outset;
	font-family: Arial;
	background-color: gainsboro;
	text-align: right;
}

.PanelButs
{
	border:#6b4400 1px ridge;
	background-image:url(btn_gradient.jpg);
	font:11px Tahoma;
	text-transform:uppercase;
	text-indent:3px;
	color:#000000;
	cursor:hand
}

.Panel_Text
{
	font-size: 12px;
	color: darkblue;
	font-family: Arial;
	text-align: right;
}

.TrakMapKey_Tab TABLE
{
	padding:2px;
	border: solid 2px  #183C5C;
}

.TrakMapKey_Tab TH
{
	text-transform:uppercase; 
	border: #666633 1px solid;
	font-weight: bold;
	font-size: 9px;
	text-transform: uppercase;
	color: #ffcc00;
	text-indent: 3px;
	font-family: Tahoma;
	background-color: #333333;
	height:15px;
}

.TrakMapKey_Tab TD
{
	border-right: #506d83 1px solid;
	border-top: #506d83 1px solid;
	font-weight: normal;
	font-size: 9px;
	border-left: #506d83 1px solid;
	color: darkblue;
	border-bottom: #506d83 1px solid;
	font-family: Tahoma;
	height: 15px;
	text-align: center;
}
.Panel_Link
{
	border-right: #506d83 1px solid;
	border-top: #506d83 1px solid;
	font-weight: normal;
	font-size: 9px;
	border-left: #506d83 1px solid;
	color: darkblue;
	border-bottom: #506d83 1px solid;
	font-family: Tahoma;
	height: 15px;
	text-align: center;
}

.subnaviProducts0
{
	font-weight: bold;
	font-size: 10px;
	border-left-color: #66cc33;
	background-image: url(../images/BG_Nav_Side_Up.jpg);
	background-position: right center;
	border-bottom-color: #66cc33;
	padding-bottom: 2px;
	color: black;
	border-top-color: #66cc33;
	padding-top: 2px;
	background-repeat: no-repeat;
	font-family: arial,helvetica;
	height: 24px;
	text-decoration: none;
	border-right-color: #66cc33;
}

.subnaviProducts0 A
{
	font-weight: bold;
	font-size: 10px;
	padding-bottom: 2px;
	color: black;
	padding-top: 2px;
	background-repeat: no-repeat;
	font-family: arial,helvetica;
	height: 10px;
	text-decoration: none;
}
.subnaviProducts0 A:hover
{
	color: #666666;
}


.subnaviProducts1	{
					font-family: arial,helvetica;
					font-size: 10px;
					color: #ffffff;
					text-decoration: none;
					font-weight: bold;
					background-color : #89C765;
					}
					
					.menuDivider
{
	background-image: url(../Images/field_border.gif);
	width: 189px;
}	
.navi0
{
	background-position: right center;
	font-weight: bold;
	font-size: 12px;
	background-image: url(../images/BG_Nav_Side_Up.jpg);
	color: black;
	background-repeat: no-repeat;
	font-family: arial,helvetica;
	height: 24px;
	text-decoration: none;
}

.navi0 A
{
	color: black;
}

.navi0 A:Hover
{
	color: #666666;
}

.homeFootBlue
{
	background-color: #f8f8f8;
	color: #272551;
}
 
.headnaviWhite		{
					color: black;
					font-family: arial,helvetica;
					font-size: 10px;	
					text-decoration: none;
					}
					
.headnaviWhite	a:hover	{
					color: #66cc33;
					font-family: arial,helvetica;
					font-size: 10px;	
					text-decoration: none;
					}					
					
.topBackGround
{
	background-image: url(images/CI_Banner_1x112.jpg);
	background-repeat: repeat;
	background-color: transparent;
}

.menu_border
{
	border-right: #66cc33 1px solid;
	border-top: #66cc33 1px solid;
	border-left: #66cc33 1px solid;
	border-bottom: #66cc33 1px solid;
}

.mouse_over_menu
{
	background-image: url(../images/BG_Nav_Side_Up.jpg);
	background-position: right center;
	font-weight: bold;
	font-size: 10px;
	padding-bottom: 2px;
	color: #666666;
	padding-top: 2px;
	background-repeat: no-repeat;
	font-family: arial,helvetica;
	height: 24px;
	text-decoration: none;
	padding-right: 10px;
}

.mouse_over_menu A
{
	background-position: right center;
	font-weight: bold;
	font-size: 10px;
	padding-bottom: 2px;
	color: #666666;
	padding-top: 2px;
	background-repeat: no-repeat;
	font-family: arial,helvetica;
	height: 10px;
	text-decoration: none;
}

.menu_background
{
	background-color: #f2f2f2;
}

.selected_menu
{
					font-weight: bold;
					padding-top: 5px;
					padding-bottom: 5px;
					background-color: #000099;
					height: 10px;
					font-family: arial,helvetica;
					font-size: 10px;
					color: white;
					text-decoration: none;
					background-position: right center;
					background-image: url(../images/BG_Nav_Side_Active.jpg);
					/*color: white;*/
					background-repeat: no-repeat;
					background-color: #999999;
}

.selected_menu A
{
	color: White;
}

.test
{
	font-size: 20pt;
	color: black;
	background-color: red;
}

.right_field
{
	font-weight: bold;
	font-size: 12pt;
	color: darkblue;
	font-family: Arial;
	background-color: white;
	/*text-align: left;*/
}
.left_text
{
	font-weight: bold;
	font-size: 12pt;
	color: royalblue;
	font-family: Arial;
	background-color: white;
	text-align:right;
}

.left_table
{
	font-size: 8pt;
	color: black;
	text-align:justify;

}


.colours_table
{
	font: 10px Arial, Helvetica, sans-serif;
	text-align: center;
	color: black;
}


.drop_down_list
{
	border-right: #5a7b94 1px solid;
	border-top: #5a7b94 1px solid;
	border-left: #5a7b94 1px solid;
	width: 200pt;
	color: darkblue;
	border-bottom: #5a7b94 1px solid;
	height: 18px;
	background-color: white;
}

.statuses_table
{
	border:2px #ffffff solid;
	background-color:#336699;
	font:9px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
	vertical-align:middle;
	margin:2px;
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 3px;
	padding-top: 1px;
}
.statuses_table_th
				{
				color:white;
				text-decoration:none;
				font-weight: bold;
				}
				
.statuses_table_td
{
color:white;
background:#336699;
text-decoration:none;
font-weight: bold;
padding-right: 1px;
padding-left: 1px;
padding-bottom: 1px;
padding-top: 1px;
}


.statuses_table_a
				{
				/*background-color:blue;*/
				color:blue;
				width:100%;
				text-decoration:none;
				font-weight: bold;
				}

.statuses_table a:hover
				{
				color:black;
				width:100%;
				text-decoration:none;
				font-weight: bold;
				}

.edit_field  {
				background:#FFFFFF;
				color:darkBlue;
				height:20px;
				font:11px Geneva, Arial, Helvetica, san-serif, "Arial Narrow";
				text-indent:2pt;
				}
				
.small_title
				{
				border:0px #666633 solid;
				font:9px Arial, Helvetica, sans-serif;
				text-transform:uppercase;
				text-align:left;
				color:Blue;
				background-color:yellow;
				text-indent:2pt;
				/*width:25%;*/
				height:15px;
				}


.status_table_text
{
	border:0px #666633 solid;
	font:9px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:middle;
	color:RoyalBlue;
	text-indent:2pt;
	height:15px;
}

.GJD_table_Even 
				{
				font:9px Tahoma;
				color:black;
				text-align:middle;
				vertical-align:middle;
				padding:1px;
				clip:rect(0px 0px 0px 0px);
				margin:1px;
				background-color:White;
				}
.GJD_table_Odd 
				{
				font:9px Tahoma;
				color:#black;
				text-align:middle;
				vertical-align:middle;
				padding:1px;
				clip:rect(0px 0px 0px 0px);
				margin:1px;
				background-color:#cccccc;
				}

.TrakSentinelBlock
{
	BORDER: gray thin outset;
	BACKGROUND-COLOR: #c0c0c0;
}

.TrakSentinelDetails
{
	color:black;
	vertical-align:top;
	width: 100%;
}

.TrakSentinelDetails th
{
	font:bold 14px Arial;
	text-align:left;
}

.TrakSentinelDetails td
{
	font:normal 12px Arial;
	text-align:left;
}
.trakSentinelValues
{
	COLOR: gray;
}
.Detail_Item
{
	border-right: buttonface 1px solid;
	border-top: buttonface 1px solid;
	font-size: 7pt;
	vertical-align: middle;
	text-transform: uppercase;
	border-left: buttonface 1px solid;
	color: navy;
	border-bottom: buttonface 1px solid;
	font-family: Tahoma;
	text-align: left;
}
.DIGITAL
{
	font-size: 8pt;
	text-transform: uppercase;
	color: lime;
	font-family: Verdana;
	background-color: black;
	font-variant: small-caps;
}

.TABULAR
{
	background-image: url(../Job_despatch/Pics/tab.jpg);
	font: bold 10px Arial, 'Courier New';
	text-transform: uppercase;
	width: 110px;
	cursor: hand;
	color: #000000;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	height: 20px;
	border-bottom-style: none;
}
.liner
{
	background-image: url(../Job_despatch/Pics/liner.jpg);
	font: bold 10px Arial, 'Courier New';
	text-transform: uppercase;
	color: #000000;
	height: 19px;
}
.TABULAR_off
{
	background-image: url(../Job_despatch/Pics/tab.jpg);
	font: bold 10px Arial, 'Courier New';
	text-transform: uppercase;
	width: 110px;
	cursor: hand;
	color: black;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	height: 18px;
	border-bottom-style: none;
}
