#header {
background-position:left top;
background-repeat:no-repeat;
}
#header .divider {
padding-top:0;
}
#header a {
font:bold 12px/22px Arial,Verdana,Helvetica,sans-serif;
text-decoration:none;
}
#logo {
background:url("/images/MAXX_Logo.gif") no-repeat scroll 0 0 transparent;
float:left;
height:150px;
width:214px;
}
.headerRight {
height:134px;
position:relative;
text-align:right;
margin-left:170px;
}
.headerRight #accessible-travel {
background:url("/styles/images/buttons/disabled-icon_20x20.png") repeat scroll 0 0 transparent;
display:inline-block;
height:20px;
margin:0;
overflow:hidden;
padding:0;
text-indent:9999px;
vertical-align:bottom;
width:20px;
}

.home .alerts {
height:18px;

zoom:1;*display:inline; /*Hack MISE*/
}
#search-form {
margin-top:6px;
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 {
padding-right:8px;
padding-top:3px;
text-align:right;
}
#contactus-link a {
padding:0 0 0 10px;
}
#navigationMenu {
bottom:0;
padding:0 25px 0 0;
position:absolute;
right:0;
}
#navigationMenu li {
display:inline;
list-style:none outside none;
}
#navigationMenu span {
color:#153F91;
font-size:16px;
font-weight:bold;
}
#navigationMenu a {
text-decoration:none;
}
#navigationMenu a img {
display:none;
}
#noRightNav #leftMargin {
float:left;
width:100%;
}
#navigationMenu .spacer {
display:inline;
margin-left:25px;
margin-right:25px;
position:relative;
top:4px;
}
.navigationLeft a {
font-size:14px;
font-weight:bold;
position:relative;
text-decoration:none;
}
.preferencesHolder {
z-index:1000;
}
.preferences {
position:absolute;
z-index:1000;
}
.preferences * {
position:relative;
z-index:1000;
}
.preferences.prefTop {
background:url("/images/options_top_228.gif") no-repeat scroll left top transparent;
opacity:0.9;
}
.preferences .prefMiddle {
background:url("/images/options_middle_228.gif") repeat-y scroll left top transparent;
padding:14px;
width:200px;
}
.preferences .prefBottom {
background:url("/images/options_bottom_228.gif") no-repeat scroll left bottom transparent;
padding-bottom:8px;
}
.preferences .mover {
background-color:#DDDDDD;
cursor:move;
height:12px;
margin:2px 0 0 10px;
width:208px;
}
.preferences li {
list-style-type:none;
margin:3px 0;
}
.preferences .checklistHeader {
background-color:white;
border:1px solid black;
width:196px;
}
.preferences .checklist {
background-color:white;
border:1px solid black;
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-bottom:15px;
margin-top: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 {
color:#000000;
font-size:11px;
font-weight:bold;
line-height:17px;
}
.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-inline-policy:continuous;
background:none repeat scroll 0 0 #EFEFEF;
}
.lightLightGreyBox {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #FAFAFA;
}
.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;
padding-left:16px;
width:124px;
}
.spacer {
margin-top:10px;
}
.clickable {
cursor:pointer;
}
.buttonOrangeLeft {
background:url("/images/orange-left.gif") no-repeat scroll left top transparent;
float:left;
padding-left:7px;
}
.schoolTimetables .buttonLBlueLeft, .schoolTimetables .buttonOrangeLeft {
margin:0 25px 10px;
}
.buttonOrangeMiddle {
background:url("/images/orange-bar.gif") repeat scroll left top transparent;
}
.buttonOrangeRight {
background:url("/images/orange-right.gif") no-repeat scroll right top transparent;
padding-right:7px;
}
.buttonOrangeRight a {
color:#FFFFFF;
font-size:12px;
font-weight:bold;
line-height:25px;
text-decoration:none;
}
.buttonLBlueLeft {
background:url("/images/lt-blue-left.gif") no-repeat scroll left top transparent;
float:left;
margin-bottom:10px;
padding-left:7px;
}
.buttonLBlueMiddle {
background:url("/images/lt-blue-bar.gif") repeat scroll left top transparent;
}
.buttonLBlueRight {
background:url("/images/lt-blue-right.gif") no-repeat scroll right top transparent;
padding-right:7px;
}
.buttonLBlueRight a {
color:#FFFFFF;
font-size:12px;
font-weight:bold;
line-height:25px;
text-decoration:none;
}
.buttonOrangeRight a:link {
color:#FFFFFF;
}
.buttonOrangeRight a:visited {
color:#FFFFFF;
}
.buttonLBlueRight a:link {
color:#FFFFFF;
}
.inputLeftSmall {
-moz-background-inline-policy:continuous;
background:url("/images/input_small_left.gif") no-repeat scroll left top transparent;
float:left;
padding:0 0 0 10px;
}
.inputRightSmall {
-moz-background-inline-policy:continuous;
background:url("/images/input_small_right.gif") no-repeat scroll right top transparent;
padding:0 29px 0 0;
}
.inputMiddleSmall {
-moz-background-inline-policy:continuous;
background:url("/images/input_small_middle.gif") repeat scroll left top transparent;
height:28px;
width:160px;
}
.inputMiddleSmallShort {
-moz-background-inline-policy:continuous;
background:url("/images/input_small_middle.gif") repeat scroll left top transparent;
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;
height:23px;
margin:4px 0 0;
width:100%;
}
.inputLeft {
-moz-background-inline-policy:continuous;
background:url("/images/input_large_left.gif") no-repeat scroll left top transparent;
float:left;
padding:0 0 0 10px;
}
.inputRightArrow {
-moz-background-inline-policy:continuous;
background:url("/images/input_large_dropdown.gif") no-repeat scroll right top transparent;
padding:0 45px 0 0;
}
.inputRight {
-moz-background-inline-policy:continuous;
background:url("/images/input_large_right.gif") no-repeat scroll right top transparent;
padding:0 29px 0 0;
}
.inputMiddle {
-moz-background-inline-policy:continuous;
background:url("/images/input_large_middle.gif") repeat-x scroll left top transparent;
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;
}
.ui-menu-item {
list-style:none outside none !important;
}
.ui-menu-item a {
line-height:1.2 !important;
padding:0 0.4em !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;
}
.relative {
position:relative;
}
.buttonBlueLeft {
background:url("/images/button_blue_left.gif") no-repeat scroll left top transparent;
margin-bottom:10px;
padding-left:7px;
}
.buttonBlueMiddle {
background:url("/images/button_blue_middle.gif") repeat scroll left top transparent;
}
.buttonBlueRight {
background:url("/images/button_blue_right.gif") no-repeat scroll right top transparent;
padding-right:7px;
}
.buttonBlueRight a {
color:#FFFFFF;
font-size:10px;
line-height:25px;
text-decoration:none;
}
div.LabeledMarker_markerLabel {
color:white;
width:35px;
}

/***************
 * infobox - google maps custom marker
 ***************/
.infobox {
	color:#FFFFFF;
	font-size:11px;
	height:17px;
	padding:10px 0 0 6px;
	width:59px;
}
infobox.clickable { cursor:pointer; }
infobox.clickable:hover { /* no style specified */ }

.infobox.bus { background:url("/images/markers/bus.png") no-repeat scroll 0 0 transparent; }
.infobox.train { background:url("/images/markers/train.png") no-repeat scroll 0 0 transparent; }
.infobox.ferry { background:url("/images/markers/ferry.png") no-repeat scroll 0 0 transparent; }

@media print {
	.infobox.bus { display:none; background:url("/images/markers/bus_print.gif") no-repeat scroll 0 0 transparent; }
	.infobox.train { background:url("/images/markers/train_print.gif") no-repeat scroll 0 0 transparent; }
	.infobox.ferry { background:url("/images/markers/ferry_print.gif") no-repeat scroll 0 0 transparent; }
}