
#timetableNav {
border-bottom:1px dotted #999;
margin-bottom: 20px;
}

#timetableNav div.modeSearchContainer {
width:960px;
min-height:80px;
padding-top:10px;
margin:0 auto;
}

.Next5Page .tabbody #timetableNav div.modeSearchContainer {
	width: 710px;
}

.Next5Page div.Actions {
	display: inline;
	width: auto;
}

#timetableNav label + input {
border:1px solid #B2B2B2;
padding:5px;
width:440px;
margin-right:10px;
}

#timetableNav .submitButton {
display:inline-block;
/*padding-left: 40px;
padding-right: 40px;
*/
font-size:1.2em; 
text-align:center;
width:212px;
}

#timetableNav label {
display:none;
}

ul.results li {
	margin-bottom: 5px;
	list-style-type: none;
}

label.error {
	position: absolute;
	top: 42px;
	left: 180px;
}


#Form_ModeSearchForm {
	position: relative;
}

#Form_ModeSearchForm_Mode {
	width: 140px;
}

#Form_ModeSearchForm_Mode_chosen {
	vertical-align: middle;
	height: 27px;
}

div.modesearchable-panel {
	height: 100px;
}


.disruptionInfo {
padding:5px 15px;
background-color:#FAFBC5;
color:#000;
}

.disruptionInfo h2 {
background-image: url(../img/spriteGlobal.png);
background-position: -80px -462px;
padding-left:30px;
}

.disruptionInfo span.disruption-detail {
	font-weight: normal;
}

.disruptionInfo a {
font-weight:normal;
}

@media all and (max-width: 600px) {

	.modeSearchableInfoText {
		display: none;
	}

	#timetableNav .submitButton {
		display: block;
		font-size: 1.2em;
		text-align: center;
		width: 70%;
		margin: 15px auto;
		padding-left: 0px !important;
		padding-right: 0px !important;
		min-width: 220px;
	}
	
	#timetableNav div.modeSearchContainer {
		width: 100%;
	}

	#Form_ModeSearchForm_Mode,
	#Form_ModeSearchForm_Mode_chosen {
		width: 20%;
	}

	#timetableNav label + input {
		width: 60%;
	}

	label.error {
		left: 130px;
		position: absolute;
		top: 24px;
	}
}