#cityAddressBox {
	position:		absolute;
	left:    		22%;
	padding-top:	5px;
	margin-left:	5px;
	font-family: 	Arial, Verdana, Helvetica, sans-serif; 
	font-weight:	normal;
	font-size: 		10px;
	color:      	black;
}

#cityAddress {
	width:			300px; 
	color:  		#5A5D5A; 
	font-size: 		10px; 
	padding: 		2px;
	margin-right: 	10px;
}

#neighborhoodMain {
	position:			absolute;
	width:				100%;
	margin-bottom:		10px;
	background:			white;
	border-top:			1px solid 	#5A5D5A;  
	border-bottom:		1px solid 	#5A5D5A;  
	z-index: 2;
}

#journeyFilters {
	position:			relative;
	width:				21%;
	float:				left;
	margin-bottom:		10px;
	padding-top:		10px;
	padding-left:		5px;
}

.datesHeader {
	background:#B0C5DA;
	border: 1px solid #5A5D5A;
	margin-right:5px;
	padding:5px;
}
.datesBody {
	background:#F4F4F4;
	border-left: 1px solid #5A5D5A;
	border-right: 1px solid #5A5D5A;
	border-bottom: 1px solid #5A5D5A;
	padding:5px;
	margin-right:5px;
}
.filterHeader {
	background:#B0C5DA;
	border-left: 1px solid #5A5D5A;
	border-right: 1px solid #5A5D5A;
	border-bottom: 1px solid #5A5D5A;
	padding:5px;
	margin-right:5px;
}
.filterBody {
	background:#F4F4F4;
	border-left: 1px solid #5A5D5A;
	border-right: 1px solid #5A5D5A;
	border-bottom: 1px solid #5A5D5A;
	padding:5px;
	margin-right:5px;
}
#filteredJourneysPanel {
	position:		relative;
	width:			73%;
	padding-top:	5px;
	float:			left;
	margin-bottom:	10px;
	margin-right:	1%; /*address overhang of pager nav bar in FF that doesn't exist in IE*/
}

.journeyTypeTabs {
	background: white url("../../images/border_bottom_dark_gray.gif") repeat-x bottom;
    line-height:	normal;
	position:		relative;
	margin-top:		5px;
	width:			100%;
}

.journeyTypeTabs ul {
	list-style: none;
	margin:0;
}

/* The following CSS uses the "Sliding Doors" method for creating dynamic tabs. */
.journeyTypeTabs li {
    background:url("../../images/tab_off_left_white.gif") no-repeat left top;
    float:left;
    margin-left:5px;
}
.journeyTypeTabs a, .journeyTypeTabs span {
    display:block;
    background:url("../../images/tab_off_right_white.gif") no-repeat right top;
    padding:5px 15px 3px 0px;
    margin-left:9px;
}
.selectedTab {
	background-image: 	url(../../images/tab_on_left_white.gif) ! important ;
}
.selectedTab a {
	background-image: 	url(../../images/tab_on_right_white.gif) ! important ;
	padding:5px 15px 4px 0px;
}
#expandMapDiv {
	position:		absolute;
	top:			22px;
	left:			5px;
	background:		#D6DFFF;
	border-top:		#5A5D5A 1px solid;
	border-left:	#5A5D5A 1px solid;
	border-bottom:	#5A5D5A 1px solid;
	padding:		5px;
}

#gNeighborhoodMap {
	border: 		#5A5D5A 1px solid; 
	background:		white;
	height: 		275px;
	margin-left:	32px;
}

#ajaxLoadingPanel {
	position:		absolute;
	z-index: 		5;
	top: 			100px;
	left:			35%;
	display: 		none;	
	background:		white;
	padding: 		10px;
	border: 	 	1px solid #5A5D5A; 
}

.borderedFooter {
	/* bottom doesn't appear to be an acceptable value according to Eclipse javascript debugger*/
 	/*float:				bottom;  */
 	padding-top: 		5px;
	vertical-align:		bottom;				
	background:			#B0DAB4;
	border-top:			1px solid green;  
}

.neighborhoodPopupDiv {
	height: 140px;
	width:  440px;
	z-index: 250;
}

.destinationPopupDiv {
	height: 140px;
	width:  440px;
	z-index: 250;
}

#howToUseModalParent {
	position:	absolute;
	display:	none;
	width:	100%;
	height:	100%;
	z-index: 1000;
}
#howToUsePopup {
	position:	absolute;
	left: 150px;
	top:  150px;
	width:	375px;
	height:	225px;
	background: #E1EAF3;
	border-bottom: 2px solid #000000;
	border-left: 1px solid #78A3F2;
	border-right: 1px solid #204095;
	z-index: 1001;
}

#howToUsePopupTitleBar {
	background-color: #769DC4;
	border-bottom: 2px solid #000000;
	border-top: 1px solid #78A3F2;
	border-left: 1px solid #78A3F2;
	border-right: 1px solid #204095;
	float:left;
	height:18px;
	width:375px;
}
#howToUsePopupTitle {
	margin-left:5px;
	margin-top:2px;
	float:left;
}
#howToUsePopupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}
#howToUsePopupBody {
	padding: 5px;
	clear:both;
}