/* CSS Document */

html 
{
	padding:0;
	margin:0;	
}

body	{
	background-color: #FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	line-height: 10pt;
	top:0px;
	left:0px;
	margin:0;
	padding:0;
	min-width: 760px;
}

#HeaderBox {
	position: absolute;
	min-width: 900px;
	width: 100%;
	height: 69px;
	background-color: #016299;
	background-image: url(images/MapPage_headerPic1.jpg);
	background-repeat: no-repeat;
	background-position: right;	
}

#MapLogo {
	float: left;
}

#HeaderPic {
	float: right;
}

#NavBar {
	position: absolute;
	width: 100%;
	height: 19px;
	top: 69px;
	background-color: #000000;
	padding-left: 25px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	padding-top: 4px;
}

.highlightLink {  font-family: Arial, Helvetica, sans-serif; font-size: 12px;  font-style: normal; font-weight: bold; color: #66CCFF; text-decoration: none; line-height: 16px;}
a.highlightLink:link {  font-family: Arial, Helvetica, sans-serif; font-size: 12px;  font-style: normal; font-weight: bold; color: #66CCFF; text-decoration: none;}
a.highlightLink:visited {  font-family:  Arial, Helvetica, sans-serif; font-size: 12px;  font-style: normal; font-weight: bold; color: #66CCFF; text-decoration: none;}
a.highlightLink:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 12px;  font-style: normal; font-weight: bold; color: #E64242; text-decoration: none;}
a.highlightLink:active {  font-family: Arial, Helvetica, sans-serif; font-size: 12px;  font-style: normal; font-weight: bold; color: #66CCFF; text-decoration: none;}

#MainContent {
	position: absolute;
	width: 100%;
	top: 90px;
}

.copyRightText 
{
	font-size:16px;
	padding: 2px 2px 2px 2px;
}
.headerText {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #CCCCCC;
	width: 600px;
	top: 10px;	
	right: -220px;
	position: absolute;
}

.smallText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

#mapcontrol 
/* for map image */
{
	position:absolute;
	left:10px;
	top:80px;
	z-index:2;
	/* background-color: #D3D3D3; */
	background-color:#333399;
}

#search
/* street search */
{
	position:absolute;
	left:660px;
	top:12px;
	z-index:2;
	background-color: #FFFFFF;
	border-style:none;
	border-width:1px;
	border-color:Gray;
	z-index:3;
	font-size:8pt;

}


#local
/* zoom to local area */
{
	position:absolute;
	left:495px;
	top:13px;
	background-color: #FFFFFF;
	border-style:none;
	border-width:1px;
	border-color:Gray;
	z-index:3;
	font-size:8pt;
}

#stations
/* zoom to a station */
{
	position:absolute;
	left:340px;
	top:13px;
	background-color: #FFFFFF;
	border-style:none;
	border-width:1px;
	border-color:Gray;
	z-index:5;
	font-size:8pt;
}


#key
{
	position:absolute;
	left:650px;
	top:80px;
	z-index:5;
	background-color: #FFFFFF;
}


#processing
/* for "loading" image */ 
{
 visibility:hidden; position:absolute;left: 250px;top:355px; z-index:3;
}

#navigation
/* for navigation bar */
{
	position: absolute;
	left:10px;
	top: 10px;
	width: 912px;
	height:50px;
	background-color:#F5FFFA;
	padding-top:10px;
	padding-bottom:5px;	
	border-width:1px;
	border-style:ridge;
	z-index:1;
}

#disclaimer 
{
	position: absolute;
	left:10px;
	top: 750px;
	width: 600px;
	height:50px;
}


#footer
/* for footer bar */
{
	position: absolute;
	left:10px;
	top: 670px;
	width: 500px;
	height:50px;
	background-color:#F5FFFA;
	padding-top:10px;
	padding-bottom:5px;	
	border-width:1px;
	border-style:none;
}


#tabs
/* for tabbed boxes */
{
	position:absolute;
	left:520px;
	top:95px;
	z-index:2;
	height:400;
	width:auto;
	padding-top:10px;
	padding-right:10px;
	
}

#bodyContent {
	position: absolute;
	visibility: visible;
	top: 100px;
	width: 90%;
	background-color: #FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	line-height: 1.1em;
	left: 15px;
	right: 30px;
	/*border-style:solid;*/

}

.bodyTextIntro {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight: bold;
	color: #000000;
	line-height: 1.3em;
}

.bodyText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight: normal;
	color: #000000;
	line-height: 10pt;
}

.bodypic {
	text-align: left;
	float: right;
	position: relative;
	padding-left: 12px;
}

#footerHolder {
	position:absolute;
	width:111%;
	height:31px;
	z-index:2;
	border: 0px none;
	visibility: visible;
	
	clear: both;
	padding: 0px;
	bottom: 0;
	
}

#footerBlack {
	position:absolute;
	width:100%;
	height:6px;
	z-index:2;
	border: 0px none;
	visibility: visible;
	background-color: #000000;
	top:25px
}

.subMenulink {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	line-height: 25px;
}
a.subMenulink:active {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1em; font-style: normal; font-weight: bold; color: #ffffff; text-decoration: none; }
a.subMenulink:hover {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1em; font-style: normal; font-weight: bold; color: #000000; text-decoration: none; }
a.subMenulink:link {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1em; font-style: normal; font-weight: bold; color: #ffffff; text-decoration: none; }
a.subMenulink:visited {  font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 1em; font-style: normal; font-weight: bold; color: #ffffff; text-decoration: none; }

.helpPanel {
display:none;
position:relative;
height:auto;
font-family:Arial, Helvetica, sans-serifl;
font-size:10pt;
padding: 5px 10px 15px 20px;
}
.helpLink {
font-family:Arial, Helvetica, sans-serifl;
font-size:10pt;
font-weight:bold;
text-decoration:none;
}

.formControl
{
color:#00f; 
background-color:#ddd;
font-size:8pt;
}

.keyText 
{
	font-size:9pt;
}

ul {
	list-style:square;
	margin-left: 5px;
	padding-left: 12px;
	line-height:15px;
	/* text-indent: -1em; */
	}

.panelHelp 
{
	padding: 3px 3px 3px 3px;	
}

.panelFeedback
{
	background-color:#CFF;
	padding: 3px 3px 3px 3px;	
}