@import url(/css/main.css);
#popUpHead {
	float: left;
	margin: 0;
	padding: 0 0 3px 0;
	width: 100%;
	background-color: #3B5A95;
}
#popUpHeadSpacer {
	padding: 0 9px 0 9px;
	margin: 0;
	font-size: 85%;
	color: #FFFFFF;
}

#popUpHead a:link, #popUpHead a:visited, #popUpHead a:active{
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: normal;
}

#printPage {
	float: left;
}

#closeWindow {
	float: right;
}

#popupContent {
	margin: 15px;
	clear: both;
}

#timetableMap {
	float: left;
	position: relative;
	padding: 0 9px 0 9px;
}

#timetableMapHorizontal {
	float: left;
	position: relative;
	padding: 0 0 9px 9px;
	clear: both;
}

#LegendWrap {
	width: 179px;
	float: left;
	position: relative;
	top: 0px;
}

#LegendWrapHorizontal {
	position: relative;
	clear: both;
	padding-left: 9px;
	left: 0px;
	float: left;
	width: 624px;
}

#Legend {
	position: relative;
	background: #EBEEF4;
	padding: 0 9px 9px 0;
	border: solid 1px #3B5A95;
	width: 179px;
	float: left;
	clear: both;
}

#LegendHorizontal {
	position: relative;
	padding: 0 9px 9px 9px;
	border: solid 1px #3B5A95;
	background-color: #EBEEF4;
	}

#Legend ul, #LegendHorizontal ul {
	list-style: url(/css/none) none;
	margin: 0;
	padding: 0;
}
#Legend li img {
	vertical-align: middle;
	border: none;
	padding-right: 9px;
}
#ScheduleStop {
	position: absolute;
	width: 170px;
	border: solid 1px #3B5A95;
	padding: 9px;
	visibility: hidden;
	float: left;
	z-index: 1;
	left: 0px;
	top: 0px;
}

#ScheduleStopHorizontal{
	position: absolute;
	border: solid 1px #3B5A95;
	padding: 9px 9px 0 9px;
	visibility: hidden;
	float: left;
	z-index: 1;
	width: 604px;
	}


#TransferLocation {
	position: absolute;
	width: 170px;
	border: solid 1px #3B5A95;
	padding: 9px;
	visibility: hidden;
	float: left;
	z-index: 2;
	top: 0px;
}

#TransferLocationHorizontal {
	position: absolute;
	border: solid 1px #3B5A95;
	padding: 9px 9px 0 9px;
	visibility: hidden;
	float: left;
	z-index: 2;
	width: 604px;
	}

#Legend h1 {
	text-align: center;
	color: #FFFFFF;
	background-color: #3B5A95;
	margin: 0 -9px 0 0;
}

#LegendHorizontal h1{
	text-align: center;
	color: #FFFFFF;
	background-color: #3B5A95;
	margin: 0 -9px -0 -9px;
	padding: 0 0 0 9px;
	}

#transandtime {
	position: absolute;
	width: 170px;
	border: solid 1px #3B5A95;
	padding: 9px;
	visibility: hidden;
	z-index: 3;
}

#transandtimeHorizontal {
	position: absolute;
	border: solid 1px #3B5A95;
	padding: 9px 9px 0 9px;
	visibility: hidden;
	z-index: 3;
	width: 604px;
}

#transandtime{
	position: absolute;
	width: 170px;
	border: solid 1px #3B5A95;
	padding: 9px;
	z-index: 4;
	left: 0px;
	}

#transandtimeHorizontal{
	position: absolute;
	border: solid 1px #3B5A95;
	padding: 9px 9px 0 9px;
	z-index: 4;
	left: 0px;
	width: 604px;
	}

#parknride{
	position: absolute;
	width: 170px;
	border: solid 1px #3B5A95;
	padding: 9px;
	z-index: 3;
	visibility: hidden;
	float: left;
	top: 0px;
	}

#parknrideHorizontal{
	position: absolute;
	border: solid 1px #3B5A95;
	padding: 9px 9px 0 9px;
	z-index: 3;
	visibility: hidden;
	float: left;
	width: 604px;
	}

#farezone{
	position: absolute;
	width: 170px;
	border: solid 1px #3B5A95;
	padding: 9px;
	visibility: hidden;
	z-index: 4;
	float: left;
		}
		
#farezoneHorizontal{
	position: absolute;
	border: solid 1px #3B5A95;
	padding: 9px 9px 0 9px;
	z-index: 4;
	visibility: hidden;
	float: left;
	width: 604px;
		}
		
#parkinggarage{
	position: absolute;
	border: solid 1px #3B5A95;
	padding: 9px;
	visibility: hidden;
	z-index: 5;
	clear: both;
	float: left;
	width: 170px;
	}
		
#parkinggarageHorizontal{
	position: absolute;
	border: solid 1px #3B5A95;
	padding: 9px 9px 0 9px;
	visibility: hidden;
	z-index: 5;
	clear: both;
	float: left;
	width: 604px;
	}

#transitcenter{
	position: absolute;
	width: 170px;
	border: solid 1px #3B5A95;
	padding: 9px;
	visibility: hidden;
	z-index: 6;
	float: left;
		}

#transitcenterHorizontal{
	position: absolute;
	border: solid 1px #3B5A95;
	padding: 9px 9px 0 9px;
	visibility: hidden;
	z-index: 6;
	float: left;
	width: 604px;
		}

#MAX{
	position: absolute;
	width: 170px;
	border: solid 1px #3B5A95;
	padding: 9px;
	visibility: hidden;
	z-index: 7;
	float: left;
	}
	
#MAXHorizontal{
	position: absolute;
	border: solid 1px #3B5A95;
	padding: 9px 9px 0 9px;
	visibility: hidden;
	z-index: 7;
	float: left;
	width: 604px;
	}
	
#snowroute{
	position: absolute;
	width: 170px;
	border: solid 1px #3B5A95;
	padding: 9px;
	visibility: hidden;
	z-index:8;
	float: left;
	}
	
#snowrouteHorizontal{
	position: absolute;
	border: solid 1px #3B5A95;
	padding: 9px 9px 0 9px;
	visibility: hidden;
	z-index:8;
	float: left;
	width: 604px;
	}
	
#noservice{
	position: absolute;
	width: 170px;
	border: solid 1px #3B5A95;
	padding: 9px;
	visibility: hidden;
	z-index: 9;
	float: left;
	}
	
#noserviceHorizontal{
	position: absolute;
	border: solid 1px #3B5A95;
	padding: 9px 9px 0 9px;
	visibility: hidden;
	z-index: 9;
	float: left;
	width: 604px;
	}
	
#infrequent{
	position: absolute;
	width: 170px;
	border: solid 1px #3B5A95;
	padding: 9px;
	visibility: hidden;
	z-index: 10;
	float: left;
	}

#infrequentHorizontal{
	position: absolute;
	border: solid 1px #3B5A95;
	padding: 9px 9px 0 9px;
	visibility: hidden;
	z-index: 10;
	float: left;
	width: 604px;
	}

#rushhour{
	position: absolute;
	width: 170px;
	border: solid 1px #3B5A95;
	padding: 9px;
	z-index: 11;
	float: left;
	visibility: hidden;
	}
	
#rushhourHorizontal	{
	position: absolute;
	border: solid 1px #3B5A95;
	padding: 9px 9px 0 9px;
	z-index: 13;
	visibility: hidden;
	width: 604px;
	}
	
#LegendWrap h2 {
	line-height: normal;
	font: bold 100%/110% Verdana, Arial, Helvetica, sans-serif;
	background-color: #3B5A95;
	color: #FFFFFF;
	margin: -9px -9px 0 -9px;
	text-align: center;
	padding: 3px 0px 6px 0px;
}

#LegendWrapHorizontal h2 {
	line-height: normal;
	font: bold 100%/110% Verdana, Arial, Helvetica, sans-serif;
	background-color: #3B5A95;
	color: #FFFFFF;
	margin: -9px -9px 0 -9px;
	text-align: center;
	padding: 3px 0px 6px 0px;
	}

#LegendWrap .close, #LegendWrapHorizontal .close {
	text-decoration: underline;
	text-align: right;
	cursor: pointer;
	margin-bottom: 0px;
	color: #3B5A95;
}

#LegendWrap p.close:hover {
	color: #FF3300;
	}

.legend_left {
	float: left;
	padding-right: 9px;
	}

.legend_center {
	float: left;
	padding-right: 9px;
	}

.legend_right {
	padding-right: 9px;
	margin: 
	}

.list_left {
	float: left;
	padding-right: 9px;
	position: relative;
	padding-top: 6px;
	}



#LegendDetail {
	position: relative;
	width: 170px;
	float: left;
}

#HorizontalLegendDetail {
	position: relative;
	float: left;
	width: 624px;
}

#LegendWrapHorizonta img, #LegendWrapHorizontal img {
	vertical-align: middle;
}