body {
}
#background {
    width: 100%; 
    height: 100%; 
    position: fixed; 
    left: 0px; 
    top: 0px; 
    z-index: -999; /* Ensure div tag stays behind content; -999 might work, too. */
}

.stretch {
    width:20%;
    height:20%;
}
td.TypeCode
{
	font-weight: bold;
	font-size: 14pt;
	text-transform: uppercase;
	font-family: Arial;
}
td.CodeDef
{
	font-size: 14pt;
	font-family: Arial;
}
a.HyperLink
{
	font-weight: bold;
	font-size: 12pt;
	text-transform: uppercase;
	font-family: Arial;
}
span.Title
{
	font-weight: bold;
	font-size: 18pt;
	font-family: Arial;
}
span.PageDef
{
	font-size: 14pt;
	font-family: Arial;
}
td.Header
{
	
	background-color: #003366;
	text-align: center;
}
td.LeftSubheaderText
{
	font-size: medium;
	font-family: Arial;
	color: #FFFFFF;
	background-color: #003366;
	text-align: left;
}
td.CenterSubheaderText
{
	font-size: medium;
	font-family: Arial;
	color: #FFFFFF;
	background-color: #003366;
	text-align: center;
}
td.RightSubheaderText
{
	font-size: medium;
	font-family: Arial;
	color: #FFFFFF;
	background-color: #003366;
	text-align: right;
}
td.DetailsTitle
{
	font-size: small;
	font-family: Arial;
	color: #003366;
	text-align: left;
	font-weight: bolder;
}
.DetailsData
{
	font-size: small;
	font-family: Arial;
	background-color: #A6C6DF;
	color: #000000;
	text-align: left;
	border: 1px;
	border-style: solid;
	border-color: black;
}
.HeaderText
{
	font-size: x-large;
	font-family: Arial;
	color: #FFFFFF;
}
.SmallText
{
	font-size: small;
	font-family: Arial;
	color: Black;
}
.MediumText
{
	font-size: medium;
	font-family: Arial;
	color: Black;
}
.LargeText
{
	font-size: large;
	font-family: Arial;
	color: Black;
}
.GVHeader
{
	font-size: small;
	font-family: Arial;
	color: #FFFFFF;
	background-color: #003366;
}
.GVFooter
{
	font-size: small;
	font-family: Arial;
	color: #FFFFFF;
	background-color: #003366;
}
.GVRow
{
	font-size: small;
	font-family: Arial;
	color: Black;
	background-color: #FFFFFF;
}
.GVAltRow
{
	font-size: small;
	font-family: Arial;
	color: Black;
	background-color: #A6C6DF;
}
.GVSelected
{
	font-size: small;
	font-family: Arial;
	color: Black;
	background-color: #FBAD23;
}
.GVSelectColumn
{
	font-size: small;
	font-family: Arial;
	background-color: #FFFFFF;
}
.SmallLabel
{
	font-size: small;
	font-family: Arial;
	color: #003366;
}
.SmallLabelWhite
{
	font-size: small;
	font-family: Arial;
	color: #000000;
}
.MediumLabel
{
	font-size: medium;
	font-family: Arial;
	color: #003366;
}
.LargeLabel
{
	font-size: large;
	font-family: Arial;
	color: #003366;
}
#Header
{
	background-color: #003366;
	width: 100%;
	color: #FFFFFF;
	text-align: center;
	font-size: x-large;
	font-family: Arial;	
	margin-left: 0%;
	margin-right: 0%;
}
#SubHeaderContainer
{
	background-color: #003366;
	/*width: 100%;*/
	height: auto;
	/*color: #FFFFFF;
	text-align: center;
	font-size: x-large;
	font-family: Arial;	
	margin-left: 0%;
	margin-right: 0%;*/
}
#SubHeaderLeft
{
	background-color: #003366;
	color: #FFFFFF;
	text-align: left;
	font-size: medium;
	font-family: Arial;
	width: 33%;
	float: left;
}
#SubHeaderCenter
{
	background-color: #003366;
	color: #FFFFFF;
	text-align: center;
	font-size: medium;
	font-family: Arial;	
	width: 33%;
	float: left;
}
#SubHeaderRight
{
	background-color: #003366;
	color: #FFFFFF;
	text-align: right;
	font-size: medium;
	font-family: Arial;
	width: 33%;
	float: left;
}
#TitleLeft
{
	color: #FFFFFF;
	text-align: left;
	font-size: medium;
	font-family: Arial;	
	width: 40%;
	float: left;
	clear:both;
}
#TitleCenter
{
	color: #FFFFFF;
	text-align: center;
	font-size: medium;
	font-family: Arial;	
	width: 20%;
	float: left;
}
#TitleRight
{
	color: #FFFFFF;
	text-align: right;
	font-size: medium;
	font-family: Arial;	
	width: 40%;
	float: right;
}
.ErrorLabel
{
	font-size: small;
	font-family: Arial;
	color: Red;
}
#Error
{
	background-color: #FFFFFF;
	text-align: left;
	float:left;
	width: 98%;
	font-family: Arial;
}
#Data
{
	background-color: #FFFFFF;
	text-align: left;
	float:left;
	width: 100%;
	font-family: Arial;
}
#Map
{
	background-color: #FFFFFF;
	text-align: center;
	float:left;
	width: 100%;
}
#HTMLPanel
{
	background-color: #FFFFFF;
	text-align: center;
	float:left;
	width: 100%;
}
#Search
{
	background-color: #FFFFFF;
	text-align: center;
	float:left;
	width: 100%;
	font-family: Arial;
}
#SearchCriteria
{
	background-color: #FFFFFF;
	text-align: center;
	float:left;
	width: 100%;
	font-family: Arial;
}
#Details
{
	background-color: #FFFFFF;
	text-align: left;
	float:left;
	width: 100%;
	font-family: Arial;
}
#Footer
{
	background-color: #003366;
	text-align: left;
	float:left;
	width: 100%;
	font-family: Arial;
}
#SigExplanation
{
	background-color: #FFFFFF;
	text-align: left;
	width: 100%;
	font-family: Arial;
}
#PhonePage
{
	background-color: #FFFFFF;
	text-align: left;
	width: 100%;
	font-family: Arial;
}
#LocationsPage
{
	background-color: #FFFFFF;
	text-align: left;
	width: 100%;
	font-family: Arial;
}
#Glossary
{
	background-color: #FFFFFF;
	text-align: left;
	width: 100%;
	font-family: Arial;
}
#FAQs
{
	background-color: #FFFFFF;
	text-align: left;
	width: 100%;
	font-family: Arial;
}
#TypeCodePage
{
	background-color: #FFFFFF;
	text-align: left;
	width: 100%;
	font-family: Arial;
}
#OKButton
{
	background-color: White;
	color: Black;
	height: 22px;
	font-family: Arial;
}

/* CityPage */

.TFtable {
		display:block;
		border-collapse:separate;
		font-family:"Times New Roman", Times, serif;
		-webkit-font-smoothing:antialiased;
		overflow:auto;
		width:auto;
}		
	
		.TFtable th {
		background-color:#003366;
		color:white;
		font-weight:bold;
		padding:4px 4px;
		border:#4e95f4 1px solid
		}		
		
		.TFtable td{
		padding:3px; border:#4e95f4 1px solid;
		}
		
		.TFtable tr{
		background:#cccccc;
		color:6f6f6f;
		}
		
		.TFtable tr:nth-child(odd) {
		background: #b8d1f3;
}
		
		.TFtable tr:nth-child(even) {
		background: #dae5f4;
}
.bgimg {
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
	background-image: url(images\Dispatch-Logo.png);
}