/*********************/
/* Standard Elements */
/*********************/

div, p {
	font: 10pt Arial, Helvetica, Clean, Sans-serif;
}

img {
	border: 0;
}

h1 {
}

h2 {
}

h3 {
}

/**************/
/* Unique IDs */
/**************/

#mainContainer {
	width: 100%;
}

#header {
	margin: 10px 0;
}

#header h1 {
	padding: 0px;
	margin: 0px;
	/* Replace text with an image */
	background: transparent url("../images/header_beta.gif") top center no-repeat;
	/* Set to height of the header image */
    height: 94px;
	/* Indent text so still available for text readers/search engines */
	text-indent: -9999px;
    overflow: hidden;
}

#content {
}

#listOfStationsContainer {
	float: left;
	width: 18%;
	/* Set height to: map_canvas height - border-width  */
	height: 596px;
	overflow: auto;
	overflow-x: hidden;
	margin: 0 0 0 2%;
	border: 2px solid #999;
}

#listOfStations {
	padding: 5px;
}

#listOfStations h3 {
	margin: 0px;
	padding: 0px;
	color: #999;
}

#listOfStations {
	padding-left: 2px;
	vertical-align: top;
}

#listOfStations a {
	text-decoration: none;
	cursor: pointer;
}

#listOfStations a div.stationItem {
	margin: 0 0 5px 0;
}

#listOfStations a div.stationItem .stationImage {
	float: left;
	width: 17%;
}

#listOfStations a div.stationItem .stationText {
	float: left;
	width: 81%;
	margin: 0 0 0 2%;
	overflow: auto;
	overflow-x: hidden;
}

*:first-child+html #listOfStations a div.stationItem .stationText {
	width: 75%;
	margin: 0 0 0 2%;
}

#listOfStations a div.stationItem .stationText .stationName {
	font-size: 8.5pt;
}

#listOfStations a div.stationItem .stationText .stationTimes {
	font-size: 8pt;
}

#mapCanvas {
	float: left;
	width: 76%;
	height: 600px;
	margin-left: 2%;
}

#message {
	margin: 4px 0 0 22%;
}

#footer {
	margin: 10px 0 0 0;
	text-align: center;
}

#footer a {
	font-size: small;
}

/******************/
/* Common Classes */
/******************/

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.clear {
	clear: both;
}

.helpBox {
	background: transparent;
	width: 400px;
	position: absolute;
	z-index: 101;
}

.helpBoxHeader {
	padding: 5px;
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	border-right: 2px solid #999;
	background: #fff;
}

.helpBoxHeader .helpBoxTitle {
	float: left;
	font-size: 12pt;
	font-weight: bold;
	color: #999;
}

.helpBoxHeader .helpBoxClose {
	float: right;
}

.helpBoxHeader .helpBoxClose a {
	text-decoration: none;
}

.helpBoxBody {
	padding: 15px 5px 5px 5px;
	border-left: 2px solid #999;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	background: #fff;
	text-align: left;
	font-size: 10pt;
}

.helpBoxBody input {
	width: 99%;
}

.stationName {
	color: #484ecc;
}

.stationTimes {
	color: #999;
}

.stationPrice {
	color: #777;
}