﻿html
{
	height:100%;	
	max-height:100%; 
	top:0;
	padding:0;
	margin:0; 
	border:0; 
	background:#ffffff; 
	overflow: hidden; 
}

body 
{
	height:100%; 
	max-height:100%; 
	overflow:hidden; 
	padding:0; 
	margin:0; 
	border:0;
	font-family:Verdana;
	font-size:8pt;
}

#dropmenudiv{
position:absolute;
/*border:1px solid black;
border-bottom-width: 0;*/
font-family:Verdana;
font-size:8pt;
line-height:12px;
z-index:900;
padding-bottom:3px;
padding-top:3px;
padding-left:2px;
-moz-opacity:.90;filter:alpha(opacity=90); opacity: 0.90;

}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
/*border-bottom: 1px solid black;*/
padding: 1px;
font-family:Verdana;
font-size:8pt;
text-decoration:none;
color:white;
-moz-opacity:.90;filter:alpha(opacity=90); opacity: 0.90;
}

#dropmenudiv a:hover{
background-color: gray;
}
    
#header
{
	width: 100%;
	height: 65px;
	background-image: url(images/header-bgb.jpg);
	/*background-color:#020514;
	border-bottom:solid 1px #161636;	*/
} 


#pinstats a:hover {
	color: #fd1912;
}   
    
#logo
{
	left: 40px;
	position: relative;
	top: 10px;
	background-repeat: no-repeat;
}

#nextPage
{
	left: 143px;
	position: absolute;
	top: 358px;
}

#topzoommenu
{
	left: 0px;
	position: absolute;
	top: 0px;
	visibility:hidden;
}

#webservices
{
	right: 35px;
	position: absolute;
	top: 12px;

}
#helpAndAbout
{
	right: 144px;
	position: absolute;
	top: 12px;

}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=50);
	opacity:0.5;
}

/*.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:400;
}*/

/**
        VirtualEarth Map
**/

#container
{
	width: 100%;
	top:0px;
	position: relative;
	left: 0px;
	height: 100%;
	min-height:100%;
	padding:0;
	margin:0;
	border:0;
	background-color:Blue;	
	
}   
   
#content
{
	width: 100%;
	top:0px;
	position: relative;
	left: 0px;
	height: 100%;
	min-height:100%;
	padding:0;
	margin:0;
	border:0;	
}
	    
#myMap
{ 
   position:relative;
   left:0px;
   top:0px;
   min-height:600px;
   height:100%;
   width:100%;
   margin:0;
   padding:0;
   overflow:hidden; 
      
}

#pinCountLabel
{
	font-family:Verdana;
	font-size:8pt;
	
}

#BetaLabel
{
	font-family:Verdana;
	font-size:8pt;
 color:White;	
}

#pinstats
{
	right:19px;
	position:absolute;
	top:10px;
	text-align:right;
	width:300px;
	height:50px;
}
    


 
 
/* Side Filter Bars */    
.app_filter 
{
   height:80%;
   width:233px;
   z-index: 150;
   position:absolute;
   left:0px;
   top:20px;
   padding:10;
   margin:0;
   
}
    
    
.app_filter_content
{
	height: 100%;
	width: 200px;
	color: White;
	position: absolute;
	left: 10px;
	padding:0;
	margin:0;
	top: 0px; /*clip:rect(78px auto auto auto);*/
	font-family: Verdana;

}

.app_filter_sidebar
{
	height: 100%;
	width: 23px;
	position: relative;
	margin-left:210px;
	overflow: hidden;
	color: white;
}

/*
#debug {
  position: absolute; 
  left: 2px; 
  bottom: 2px; 
  width: auto; 
  background-color: #ccc; 
  padding: 2px; 
  font-family: monospace; 
  font-size: 10px;
}
*/

.collapsePanel
{
	width:375px;
	height:0px;
	background-color:Black;
	overflow:hidden;
	-moz-opacity:.70;filter:alpha(opacity=70); opacity: 0.90;
	FONT: 9px Arial, Verdana, Geneva, Helvetica, sans-serif; COLOR: #ffffff; TEXT-DECORATION: none;

	
	}
	
	
	.collapsePanelHeader
{
	width:375px;
	height:10px;
	background-color:Transparent;
	color:White;
	overflow:hidden;
	font-weight:bold;
	float:left;
	padding:5px;
	cursor:pointer;
	vertical-align:middle;

	
	}
	
	
.latlongTB{
	left: 110px;
	position: absolute;
}

#AutoComplete{    width: auto;        overflow: visible ;
	border: 1px solid buttonshadow; overflow: hidden; visibility: visible;-moz-opacity:.85;filter:alpha(opacity=85); opacity: 0.85; background-color: window; color: windowtext; cursor: default; position: absolute; display: inline;
	
	
	}


#AutoComplete div{    font-size: 12px ;    }

#AutoCompleteHU{    width: auto;        overflow: visible ;
	border: 1px solid buttonshadow; overflow: hidden; visibility: visible;-moz-opacity:.85;filter:alpha(opacity=85); opacity: 0.85; background-color: window; color: windowtext; cursor: default; position: absolute; display: inline;z-index:175;
	
	
	}


#AutoCompleteHU div{    font-size: 12px;   }



.filter-box
{
	background-color:#FFFFFF;
	border: solid 1px gray;
	color:#000000;
	font-size:9pt;
	line-height:14px;
	font-family:Verdana,arial,helvetica,sans-serif;
	padding:0px;
	width:16em;
    -moz-opacity:.90;filter:alpha(opacity=90); opacity: 0.90;
	
	 
}
.filter-box-header
{
	background-image: url(images/header-bg.jpg);
	background-repeat:repeat-x;
	height:28px;
	width:100%;
	left:0px;
	visibility:inherit;
	
}

.filter-box-title
{
	font-size: 9pt;
	font-family: Tahoma;
	font-weight: 700;
	color: black;
	
	left: 100px;
	position: relative;
	top: 5px;
}

.filter-box-content
{
	 padding-left:10px;
}


#Progress
{
	z-index:600;
	left:50%;
	top:50%;
	position:absolute;	
	
}

#ProgressLoading
{
	z-index:1750;
	left:50%;
	top:50%;
	position:absolute;	
	text-align:center;
	-moz-opacity:.90;filter:alpha(opacity=90); opacity: 0.90;
}

#Footer
{
	z-index:1500;
	background-image: url(images/bg_footer.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #020514;
	width:100%;
	height:22px;
	bottom:40px;
	position:absolute;
	text-align:center;
	vertical-align:top;
	padding-top:3px;
	visibility:hidden;
}

#Footer a {
	color: #333333;
}
#Footer a:hover {
	color: #fd1912;
}


#mapSwitch
{
	z-index:1500;
	width:350px;
	height:20px;
	top:45px;
	right:8px;
	position:absolute;
	text-align:right;
	vertical-align:middle;
	visibility:visible;
	color:White;
}

#HUSwitch
{
	z-index:inherit;
	width:140px;
	height:9px;
	top:10px;
	position:relative;
	text-align:center;
	vertical-align:top;
	visibility:visible;
	font-size:8pt;
}

#HUSwitch a {
	color:Black;
	text-decoration:none;
	font-weight:bold;
}
#HUSwitch a:hover {
	color: Gray;
}

#CartPageSwitch1
{
	z-index:600;
	top:30px;
	left:164px;
	position:absolute;
	}
	
#CartPageSwitch2
{
	z-index:600;
	top:30px;
	left:185px;
	position:absolute;
	}
	
#CartPageSwitch3
{
	z-index:600;
	top:30px;
	left:206px;
	position:absolute;
	}



#DownloadCartIcon
{
	z-index:600;
	width:150px;
	height:20px;
	top:458px;
	right:38px;
	position:absolute;
	text-align:center;
	font-family:Verdana;
	font-size:8pt;
    color:Black;	
}

#DownloadCartIcon a {
	color:Black;
	text-decoration:none;
}
#DownloadCartIcon a:hover {
	color: Gray;
}

#mapSwitch a {
	color:White;
	text-decoration:none;
}
#mapSwitch a:hover {
	color: Gray;
}



#Footer a.email
{
	background-image: url(images/icon_email.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 13px;
}

#divScroll {
padding-top: 8px;
padding-bottom: 5px;
padding-left:5px;
/*border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #22527A;
border-left-color: #22527A;
scrollbar-base-color:#ecebe9;
*/
overflow: auto;
width: 225px;
margin-top: 35px;
margin-bottom: 15px;
height: 464px;
text-align:left;
visibility:hidden;
-moz-opacity:.90;filter:alpha(opacity=90); opacity: 0.90;
position:absolute;
right: 10px;
top:-5px;
background:#FFFFFF;
border: solid 1px gray;

}


.cart-box {
	background-color:#FFFFFF;
	border: solid 1px gray;
	color:#000000;
	font-size:8pt;
	line-height:14px;
	font-family:Verdana,arial,hevetica,sans-serif;
	padding:0px;
	width:230px;
    -moz-opacity:.90;filter:alpha(opacity=90); opacity: 0.90;
	visibility:hidden;
	z-index:600;

}




.cart-box-header
{
	background-image: url(images/header-bg.jpg);
	background-repeat:repeat-x;
	height:28px;
	width:100%;
	left:0px;
	visibility:inherit;
	
}

.cart-box-title
{
	font-size: 9pt;
	font-family: Tahoma;
	font-weight: 700;
	color: black;
	left: 100px;
	position: relative;
	top: 5px;
}

.cart-box-content
{
	 padding-left:10px;
}


.HUC-box {
	background-color:#FFFFFF;
	border: solid 1px gray;
	color:#000000;
	font-size:9pt;
	line-height:14px;
	font-family:Verdana,arial,hevetica,sans-serif;
	padding:0px;
    -moz-opacity:.90;filter:alpha(opacity=90); opacity: 0.90;
	visibility:visible;
	position:absolute;
	left:15px;
	top:193px;
	height: 112px;width:186px;

	

}


.HUC-box-header
{
	background-image: url(images/header-bg.jpg);
	background-repeat:repeat-x;
	height:28px;
	width:100%;
	left:0px;
	visibility:inherit;
	
}



.HUC-box-title
{
	font-size: 9pt;
	font-family: Tahoma;
	font-weight: 700;
	color: black;
	
	left: 20px;
	position: relative;
	top: 5px;
}

.HUC-box-content
{
	 padding-left:10px;


}


#divScroll img { 
display:block;
padding: 0px;
}

#mask
{
	height: 100%;
	width: 120%;
	overflow: hidden;
	padding: 0;
	margin: 0;
	border: 0;
	font-family: Verdana;
	font-size: 9pt;
	z-index: 500;
	background: #000000;
	-moz-opacity: .65;
	filter: alpha(opacity=65);
	opacity: 0.65;
	visibility: hidden;
	position: absolute;
	left: -15px;
	top: 0px;
	vertical-align: middle;
}

#maskLoading
{
	height: 100%;
	width: 120%;
	overflow: hidden;
	padding: 0;
	margin: 0;
	border: 0;
	font-family: Verdana;
	font-size: 9pt;
	z-index: 1000;
	background: #000000;
	-moz-opacity: .65;
	filter: alpha(opacity=65);
	opacity: 0.65;
	visibility: hidden;
	position: absolute;
	left: -15px;
	top: 0px;
	vertical-align: middle;
}


.station-box
{
	background-color:#FFFFFF;
	border: solid 1px gray;
	color:#000000;
	font-size:9pt;
	line-height:14px;
	font-family:Verdana,arial,hevetica,sans-serif;
	padding:0px;
    -moz-opacity:.90;filter:alpha(opacity=90); opacity: 0.90;
	visibility:hidden;
	 
}
.station-box-header
{
	background-image: url(images/header-bg.jpg);
	background-repeat:repeat-x;
	height:28px;
	width:100%;
	left:0px;
	visibility:inherit;
	
}

.station-box-title
{
	font-size: 9pt;
	font-family: Tahoma;
	font-weight: 700;
	color: black;
	
	left: 100px;
	position: relative;
	top: 5px;
}

.station-box-content
{
	 padding-left:10px;
}
