#header {
	background-position: left top;
	background-repeat: no-repeat;
}

#header .divider {
	padding-top: 0;
}

#header a {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: 22px;
	text-decoration: none;
}

#logo {
	background-image: url(/images/MAXX_Logo.gif);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	height: 150px;
	margin-top: 6px;
	width: 214px;
}

.headerRight {
	float: right;
	height: 150px;
	position: relative;
	width: 680px;
}

.home .alerts {
	height: 18px;
}

#search-form {
	float: right;
	margin-top: 8px;
	vertical-align: middle;
}

#search-form input {
	border: 0 solid white;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

#search-form input.inputText {
	background-image:url("/images/site_search_unfocused.gif");
	color:#666666;
	font-size:16px;
	height:26px;
	line-height:26px;
	margin-right:-10px;
	padding-left:6px;
	width:184px;
}

#search-form input.inputText.isUsed {
	background-image: url(/images/site_search_focused.gif);
}

#search-form input.inputImage {
	height: 26px;
	width: 27px;
}

#contactus-link {
	clear: right;
	padding-right: 8px;
	padding-top: 3px;
	text-align: right;
}

#contactus-link a {
	padding: 0 0 0 10px;
}

#navigationMenu {
	bottom: 0;
	padding: 0;
	position: absolute;
	right: 0;
	text-align: right;
}

#navigationMenu li {
	display: inline;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

#navigationMenu span {
	color: #153F91;
	font-size: 16px;
	font-weight: bold;
}

#navigationMenu a {
	text-decoration: none;
}

#navigationMenu a img {
	display: none;
}

#noRightNav .content {
	width: 620px;
}

#noRightNav #leftMargin {
	float: left;
	width: 100%;
}

#navigationMenu .spacer {
	margin-left: 35px;
	margin-right: 35px;
	display: inline;
	position: relative;
	top: 4px;
}

.navigationLeft a {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.preferencesHolder {
	z-index: 1000;	
}

.preferences {
	position: absolute;
	z-index: 1000;
}

.preferences * {
	position: relative;
	z-index: 1000;
}

.preferences.prefTop {
    background: transparent url(/images/options_top_228.gif) no-repeat scroll top left;
	opacity:0.9;
    filter:alpha(opacity=90)
}

.preferences .prefMiddle {
	padding:14px;
    width: 200px;
    background: transparent url(/images/options_middle_228.gif) repeat-y scroll top left;
}

.preferences .prefBottom {

padding-bottom: 8px;
    background: transparent url(/images/options_bottom_228.gif) no-repeat scroll bottom left;

}

.preferences .mover {
	margin: 2px 0px 0px 10px; 
	width: 208px;
	height: 12px;
	background-color: #DDDDDD;
	cursor: move;
}

.preferences li {
	margin: 3px 0;
	list-style-type: none;
}

.preferences .checklistHeader {
	background-color:white;
	border-color: black;
	border-style:solid;
	border-width:1px;
	width: 196px;
}

.preferences .checklist {
	background-color:white;
	border-color: black;
	border-style: solid;
	border-width: 1px;
	height:150px;
	overflow-x:hidden;
	overflow-y:auto;
	white-space:nowrap;
	width: 196px;
}

.preferences .checklist li label {
	font-weight: normal;
	margin-left: 3px;
}

.preferences .separator{
    margin-top: 15px;
    margin-bottom: 15px;
}

.preferences a:link {
	color: #808080;
	font-size: 11px;
    font-weight: bold;
}

.preferences .checkAll {
	margin-left:55px;
	margin-right:40px;
}

.preferences select {
	display: block;
	width: 100%;
}

#preferences label,
.preferences label {
	line-height: 17px;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

.preferences input {
	vertical-align: middle;
}


.preferences .commands{
	text-align: right;
}

form {
	margin: 0;
	padding: 0;
}

.whiteBox {
	background-color: #FFFFFF;
}

.blueBox {
	background-color: #00A2CF;
	color: #FFFFFF;
}

.lightBlueBox {
	background-color: #D5E7F2;
}

.lightGreyBox {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #EFEFEF none repeat scroll 0 0;
}

.lightLightGreyBox {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #FAFAFA none repeat scroll 0 0;
}

.topLeft {
	background-image: url(/images/inv_cnr_top_left.gif);
	background-repeat: no-repeat;
}

.topRight {
	background-image: url(/images/inv_cnr_top_right.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

.bottomLeft {
	background-image: url(/images/inv_cnr_bottom_left.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

.bottomRight {
	background-image: url(/images/inv_cnr_bottom_right.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}

.topLeftLightBlue {
	background-image: url(/images/inv_cnr_top_left_lightBlue.gif);
	background-repeat: no-repeat;
}

.topRightLightBlue {
	background-image: url(/images/inv_cnr_top_right_lightBlue.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

.bottomLeftLightBlue {
	background-image: url(/images/inv_cnr_bottom_left_lightBlue.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

.bottomRightLightBlue {
	background-image: url(/images/inv_cnr_bottom_right_lightBlue.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}

#leftMargin {
	float: left;
	width: 760px;
}

#rightMargin {
	float: right;
	width: 124px;
	padding-left: 16px;
}

.spacer {
	margin-top: 10px;
}

.clickable {
	cursor: pointer;
}

.buttonOrangeLeft {
	background:transparent url(/images/orange-left.gif) no-repeat scroll left top;
	padding-left: 7px;
	float: left;
}

.schoolTimetables .buttonLBlueLeft,
.schoolTimetables .buttonOrangeLeft{
	margin: 0 25px 10px;
}


.buttonOrangeMiddle {

	background:transparent url(/images/orange-bar.gif) repeat scroll left top;

}
.buttonOrangeRight {
	background:transparent url(/images/orange-right.gif) no-repeat scroll right top;
	padding-right: 7px;
}

.buttonOrangeRight a {
	line-height: 25px;
	text-decoration:none;
	color: #FFFFFF; 
	font-weight: bold; 
	font-size: 12px;
}

.buttonLBlueLeft {
	background:transparent url(/images/lt-blue-left.gif) no-repeat scroll left top;
	padding-left: 7px;
	margin-bottom: 10px;
	float: left;
}
.buttonLBlueMiddle {

	background:transparent url(/images/lt-blue-bar.gif) repeat scroll left top;

}
.buttonLBlueRight {
	background:transparent url(/images/lt-blue-right.gif) no-repeat scroll right top;
	padding-right: 7px;
}

.buttonLBlueRight a {
	line-height: 25px;
	text-decoration:none;
	color: #FFFFFF; 
	font-weight: bold; 
	font-size: 12px;
}

.buttonOrangeRight a:link {
	color: #FFFFFF;
}

.buttonOrangeRight a:visited {
	color: #FFFFFF;
}

.buttonLBlueRight a:link {
	color: #FFFFFF;
}

.journeyPlanner .journeySearch label {
	float: left;
}

.inputLeftSmall {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(/images/input_small_left.gif) no-repeat
		scroll left top;
	float: left;
	padding: 0 0 0 10px;
}

.inputRightSmall {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(/images/input_small_right.gif) no-repeat
		scroll right top;
	padding: 0 29px 0 0;
}

.inputMiddleSmall {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(/images/input_small_middle.gif) repeat
		scroll left top;
	height: 28px;
	width: 160px;
}

.inputMiddleSmallShort {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(/images/input_small_middle.gif) repeat
		scroll left top;
	height: 28px;
	width: 80px;
}

.inputRightSmallShort .time {
	width: 70px;
}

.inputRightSmallShort .date {
	width: 100px;
}

.inputLeftSmall input {
	background-color: #FFFFFF;
	border: 0 solid #FFFFFF;
	color: #666666;
	font-size: 15px;
	font-weight: bold;
	margin: 4px 0 0;
	width: 100%;
	height: 23px;
}

.inputLeft {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(/images/input_large_left.gif) no-repeat
		scroll left top;
	float: left;
	padding: 0 0 0 10px;
}

.inputRightArrow {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(/images/input_large_dropdown.gif) no-repeat
		scroll right top;
	padding: 0 45px 0 0;
}

.inputRight {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(/images/input_large_right.gif) no-repeat
		scroll right top;
	padding: 0 29px 0 0;
}

.inputMiddle {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(/images/input_large_middle.gif) repeat-x
		scroll left top;
	height: 45px;
	width: 250px;
}

.inputLeft input {
	background-color: #FFFFFF;
	border: 0 solid #FFFFFF;
	color: #666666;
	font-size: 17px;
	font-weight: bold;
	height:29px;
	margin: 6px 0 0;
	width: 100%;
}

.footer {
	font-size: 14px;
	font-weight: normal;
	padding: 28px 0;
	text-align: center;
}

.footer a {
	text-decoration: none;
}

.footer li {
	display: inline;
	list-style-type: none;
	margin: 0 12px;
}

.footer li a {
	color: #666666;
}

/*
 * extends jquery-ui auto-complete style
*/
.ui-menu-item {
	list-style: none !important;	
}

.ui-menu-item a {
	padding:0 0.4em !important;
	line-height: 1.2 !important;	
}

#jpSearchForm {
	border: 1px solid blue;
}

.jpFormArea {
	border: 1px solid yellow;
}

.hilight {
	background-color: #E0E0E0;
}

.journeyPlanner .promoPanel1,
.timetable .promoPanel1 {
	margin-top: 16px;
	padding-top: 1px; /* temp IE hack */
}

.relative {
	position: relative;
}

.buttonBlueLeft {
	background:transparent url(/images/button_blue_left.gif) no-repeat scroll left top;
	padding-left: 7px;
	margin-bottom: 10px;
}
.buttonBlueMiddle {

	background:transparent url(/images/button_blue_middle.gif) repeat scroll left top;

}
.buttonBlueRight {
	background:transparent url(/images/button_blue_right.gif) no-repeat scroll right top;
	padding-right: 7px;
}

.buttonBlueRight a {
	line-height: 25px;
	color: #ffffff;
	font-size: 10px;
	text-decoration:none;
}

div.LabeledMarker_markerLabel  {
  color: white;
  width: 35px;
}