body {
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #1e1e1e;
	margin-top: 15px;
}

a, a:visited {
	color: #338800;
}

h1 {
	margin: 0; 
	padding: 0; 
	font-size: 48px;
	margin: 0;
	margin-right: 20px;
	text-align: middle;
	font-weight: normal;
}
#header {
	min-width: 920px;
}
#intro {
	float: left;
	width: 430px;
	margin-left: 20px;
}
#blurb {
	font-size: 14px;
	padding-left: 20px;
	padding-top: 0;
	margin-bottom: 10px;
}
#map_canvas {
	height: 600px;
	clear: both;
	border-bottom: solid black 1px;
}
#sourcer, #targeter {
	float: right;
	margin-right: 10px;
	clear: right;
	width: 440px;
}

#sourcer input {
	font-size: 32px;
	margin: 2px;
	color: #333;
	vertical-align: middle;
	width: 320px;
}

#targeter input {
	font-size: 18px;
	margin: 2px;
	color: #333;
	vertical-align: middle;	
	width: 320px;
}

#wrapper input.untouched {
	color: #999;
}

#sourcer button {
	height: 46px;
	margin: 0;
	padding: 0;
	width: 80px;
	margin-left: 10px;
}

form a {
	height: 32px;
	margin: 0;
	padding: 0;
	font-size: 12px;
	margin-left: 10px;
}

ul.key {
	clear: both;
	list-style-type: none;
	margin: 0;
	padding: 0;
	color: black;
	border-top: solid black 1px;
	border-bottom: solid black 1px;
	font-size: 13px;
	background: url('../images/legend_colors.png') repeat-x 0 -270px;
	width: 100%;
	height: 15px;
}

ul.key li {
	float: left; 
	width:10.0%;
	margin: 0;
	padding: 0;
	text-align: center;
	margin-left: -1px;
	border-left: solid black 1px;
	height: 15px;
	background: url('../images/legend_colors.png') repeat-x;
}

ul.key.other {
	border: none;
	margin: 0;
	padding: 0;
	background: none;
}

ul.key.other li {
	border: none;
	background: none;
}

ul.key li.bg10 { background-position: 0 0 }
ul.key li.bg15 { background-position: 0 -30px }
ul.key li.bg20 { background-position: 0 -60px }
ul.key li.bg30 { background-position: 0 -90px }
ul.key li.bg40 { background-position: 0 -120px } 
ul.key li.bg50 { background-position: 0 -150px } 
ul.key li.bg60 { background-position: 0 -180px }
ul.key li.bg75 { background-position: 0 -210px }
ul.key li.bg90 { background-position: 0 -240px }
ul.key li.bg120 { background-position: 0 -270px }

#page_link {
	width: 100%;
}

.ui-dialog.ui-widget {
	font-size: 12px;
}

#body {
	margin-top: 30px;
	margin-left: 200px;
}

h2 {
	width: 600px;
	text-align: left;
	font-size: 42px;
	font-weight: normal;
	margin-bottom: 0;
}

div.copy {
	text-align: left;
	width: 600px;
	font-size: 13px;
	line-height: 17px;
}

span.train {
	padding-left: 18px;
	padding-top: 10px;
	padding-bottom: 7px;
	font-size: 1px;
	vertical-align: top;
	color: white;
}

span.g { background: url(../images/g.png) no-repeat; }

span.f { background: url(../images/f.png) no-repeat; }

.footnotes {
	margin-top: 50px;
	font-size: 11px;
}

/* Compare page */

#compare {
	float: right;
	width: 450px;
	margin-right: 10px;
}

#compare p {
	padding-left: 40px;
}

#compare button {
	height: 46px;
	margin: 0;
	padding: 0;
	width: 80px;
	margin-left: 10px;
}

#compare input {
	font-size: 32px;
	margin: 2px;
	color: #333;
	vertical-align: middle;
	margin-left: 40px;
	width: 300px;
}

.clear {
	clear: both;
	height: 0;
}

.trainpic {
	margin-left: -240px;
	margin-top: 10px;
}