@charset "utf-8";
/* CSS Document */


h3.route {
	margin-top: 0;
	padding-top: 0;
}
.content .box h2 {
	margin-bottom: 0;
	padding-bottom: 0;
}
p.mobile {
	font: 80%/120% Arial, Helvetica, sans-serif;
	margin: 8px 0 0 0;
}


/* Routes pages formatting */
.content .number, .content .number-single, .content .number-triple, .content .number-icon, .content .max-icon {
	width: 120px;
	text-align: center;
	font: 100px/70px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #D6D6D6;
	float: left;
	padding: 0 10px 15px 0;
}
	.content .number-single {
		width: 110px;
	}
	.content .number-triple {
		width: 165px;
	}
	.content .number-icon {
		width: 80px;
	}
	.content .max-icon {
		width: 60px;
	}
.content .route-description, .content .route-description-single, .content .route-description-triple, .content .route-description-icon {
	float: left;
	width: 470px;
}
	.content .route-description-single {
		width: 480px;
	}
	.content .route-description-triple {
		width: 425px;
	}
	.content .route-description-icon {
		width: 510px;
	}
	
.content .number-busline {
	font-size: 22px;
	line-height: 33px;
	text-transform: uppercase;
}


.content p.noservice {
	padding-top: 10px;
	font: 80%/100% Arial, Helvetica, sans-serif;
}


.content .route-email p, .content .route-winter p {
	margin: 5px 0 0 0;
	padding: 0;
}
.content .route-email h2, .content .route-winter h2 {
	font: 90%/100% Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 7px 0 0 0;
	padding: 0;
	text-transform: none;
}
.content .route-email p.small {
	clear: left;
	padding-top: 4px;
	font: 70%/80% Arial, Helvetica, sans-serif;
}
.content .route-email, .content .route-winter {
	background: url(/v3/images/route-email.gif) no-repeat;
	padding: 0 0 0 60px;
}
	.content .route-winter {
		background: url(/v3/images/route-winter.gif) no-repeat;
	}


.content .route-column-email {
	float: left;
	width: 273px;
}
.content .route-column-winter {
	float: left;
	width: 327px;
}


/* --- EMAIL FORM --- */
.content .route-email form {
	font: 90%/100% Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 4px 0 0 0;
}			
.content .route-email form input.email, .content .route-email form input.email-mode {
	font: 90%/120% Arial, Helvetica, sans-serif;
	padding: 1px 1px 1px 2px;
	width: 120px;
	height: 16px;
	border: 1px solid #2e2d2a;
	float:left;
}
	.content .route-email form input.email-mode {
		width: 200px;
	}
	.content h2.mode-email {
		padding-top: 5px;
	}
.content .route-email form input.button {
	margin: 0;
	padding: 0;
	width: 27px;
	height: 20px;
	border: 0;
	float: left;
	background: url(/v3/images/structure/route-email-button.gif) 0 0;
	cursor: pointer;
}			
	.content .route-email form input.button:hover {
		background-position: -27px 0;
	}		







.sidebar #icon .simplemap {
	margin-left: 30px;
}
.sidebar #view-detailed-map a {
	width: 290px;
	height: 35px;
	background: url(/v3/images/schedules/view-detailed-map.gif) no-repeat;
	background-position: 0 0;
	float: left;
}
	.sidebar #view-detailed-map a:hover {
		background-position: 0 -35px;
		
	}





/* --- FOR MAX ROUTE PAGES --*/
h3.bluedot a, h3.greendot a, h3.reddot a, h3.yellowdot a {
	background-image: url(/v3/images/schedules/max-gray-small.gif);
	background-repeat: no-repeat;
	height: 23px;
	padding: 0 0 0 25px;
	line-height: 100%;
	border: none !important;
}
	h3.bluedot a:hover {
		background-image: url(/v3/images/schedules/max-blue-small.gif);
		background-repeat: no-repeat;
	}
	h3.greendot a:hover {
		background-image: url(/v3/images/schedules/max-green-small.gif);
		background-repeat: no-repeat;
	}
	h3.reddot a:hover {
		background-image: url(/v3/images/schedules/max-red-small.gif);
		background-repeat: no-repeat;
	}
	h3.yellowdot a:hover {
		background-image: url(/v3/images/schedules/max-yellow-small.gif);
		background-repeat: no-repeat;
	}
h3.bluedot span, h3.greendot span, h3.reddot span, h3.yellowdot span {
	height: 20px;
	padding: 0 0 0 25px;
	line-height: 100%;
	color: #000;
}
	h3.bluedot span {
		background-image: url(/v3/images/schedules/max-blue-small.gif);
		background-repeat: no-repeat;
	}
	h3.greendot span {
		background-image: url(/v3/images/schedules/max-green-small.gif);
		background-repeat: no-repeat;
	}
	h3.reddot span {
		background-image: url(/v3/images/schedules/max-red-small.gif);
		background-repeat: no-repeat;
	}
	h3.yellowdot span {
		background-image: url(/v3/images/schedules/max-yellow-small.gif);
		background-repeat: no-repeat;
	}

p.destination {
	padding: 0 0 10px 55px;
}




/* --- MODES PAGES BEGIN --- */
.standard #mode-header-map {
	width: 630px;
	height: 282px;
	float: left;
	position: relative;
}
	.standard #mode-header-map-dot-wilsonville a,
	.standard #mode-header-map-dot-tualatin a,
	.standard #mode-header-map-dot-tigard a,
	.standard #mode-header-map-dot-hallnimbus a,
	.standard #mode-header-map-dot-beaverton a
	{
		width: 115px;
		height: 50px;
		background-position: top right;
		background-repeat: no-repeat;
		position: absolute;
	}
		.standard #mode-header-map-dot-wilsonville a {
			top: 116px;
			left: 7px;
			background-position: top left;
			background-image: url(/v3/images/wes/header-simplemap-dot-wilsonville.gif);
		}
		.standard #mode-header-map-dot-tualatin a {
			top: 149px;
			left: 127px;
			background-image: url(/v3/images/wes/header-simplemap-dot-tualatin.gif);
		}
		.standard #mode-header-map-dot-tigard a {
			left: 367px;
			top: 137px;
			background-position: top left;
			background-image: url(/v3/images/wes/header-simplemap-dot-tigard.gif);
		}
		.standard #mode-header-map-dot-hallnimbus a {
			left: 375px;
			top: 83px;
			background-position: bottom right;
			background-image: url(/v3/images/wes/header-simplemap-dot-hallnimbus.gif);
		}
		.standard #mode-header-map-dot-beaverton a {
			left: 485px;
			top: 71px;
			background-image: url(/v3/images/wes/header-simplemap-dot-beaverton.gif);
		}
		
	.standard #mode-header-map-dot-wilsonville a:hover,
	.standard #mode-header-map-dot-tualatin a:hover,
	.standard #mode-header-map-dot-tigard a:hover,
	.standard #mode-header-map-dot-hallnimbus a:hover,
	.standard #mode-header-map-dot-beaverton a:hover
	{
		background-position: top right;
		background-repeat: no-repeat;
	}
	
		.standard #mode-header-map-dot-wilsonville a:hover {
			background-image: url(/v3/images/wes/header-simplemap-dot-wilsonville-over.gif);
			background-position: top left;
		}
		.standard #mode-header-map-dot-tualatin a:hover {
			background-image: url(/v3/images/wes/header-simplemap-dot-tualatin-over.gif);
		}
		.standard #mode-header-map-dot-tigard a:hover {
			background-position: top left;
			background-image: url(/v3/images/wes/header-simplemap-dot-tigard-over.gif);
		}
		.standard #mode-header-map-dot-hallnimbus a:hover {
			background-position: bottom right;
			background-image: url(/v3/images/wes/header-simplemap-dot-hallnimbus-over.gif);
		}
		.standard #mode-header-map-dot-beaverton a:hover {
			background-image: url(/v3/images/wes/header-simplemap-dot-beaverton-over.gif);
		}
	
		
		
	
	
	.standard #max-header-button a {
		position: absolute;
		top: 250px;
		left: 0;
		width: 159px;
		height: 32px;
		background: url(/v3/images/structure/view-detailed-map.gif) no-repeat;
		background-position: 0 0;
	}
		.standard #max-header-button a:hover {
			background-position: 0 -32px;
		}


.standard #mode-header-image-max {
	width: 290px;
	height: 282px;
	float: left;
	background-repeat: no-repeat;
	background-image: url(/v3/images/max/header-image.gif);
}
.standard #mode-header-image-wes {
	width: 290px;
	height: 282px;
	float: left;
	background-repeat: no-repeat;
	background-image: url(/v3/images/wes/header-image.gif);
}
.standard #mode-header-image-bus {
	width: 290px;
	height: 282px;
	float: left;
	background-repeat: no-repeat;
	background-image: url(/v3/images/bus/header-image.gif);
}
.standard #mode-header-image-streetcar {
	width: 290px;
	height: 282px;
	float: left;
	background-repeat: no-repeat;
	background-image: url(/v3/images/streetcar/header-image.gif);
}
	.standard #mode-header-image-max p, .standard #mode-header-image-wes p, .standard #mode-header-image-bus p, .standard #mode-header-image-streetcar p {
		margin: 200px 18px 0 15px;
		padding:0;
		font: 80%/110% Arial, Helvetica, sans-serif;
		color: #ffffff;
	}
/* --- MODES PAGES END --- */