/*****************************************************
 *
 * Main page structural styling, be very careful.
 *
 *****************************************************/
html{
  height:100%; 
  max-height:100%; 
  padding:0; 
  margin:0; 
  border:0; 
  font-family: Arial;
  /* hide overflow:hidden from IE5/Mac */ 
  /* \*/ 
  overflow: hidden; 
  /* */ 
}
body {
  height:100%; 
  max-height:100%; 
  overflow:hidden; 
  padding:0; 
  margin:0; 
  border:0;
}

p, ul{
  margin-top: 1em;
  margin-bottom: 0;
}

/* dnd panel is a div that wraps all peices that require drag and drop functionality. */
.dndPanel{
  height:100%; 
  max-height:100%; 
  overflow:hidden; 
  padding:0; 
  margin:0; 
  border:0;
}

.headerWrapperPanel {
  position:absolute !important; 
  margin:0; 
  top:0; 
  left:0; 
  display:block; 
  width:100%; 
  height:29px; 
  z-index:5;
}

.footerWrapperPanel {
  position:absolute !important; 
  margin:0; 
  bottom:0; 
  left:0; 
  display:block; 
  width:100%; 
  height:29px; 
  z-index:5; 
}

.detailsWrapperPanel, .mapWrapperPanel {
  position:absolute !important; 
  left:0; 
  top:29px; 
  bottom:29px; 
  z-index:4; 
  overflow:hidden; 
}
* html .detailsWrapperPanel, * html .mapWrapperPanel {
  height:100%; 
  top:0; 
  bottom:0; 
  border-top:28px solid #fff; 
  border-bottom:28px solid #fff;
}

.detailsWrapperPanel {
  left:0; 
  width:317px; 
  overflow-y:scroll !important;
  overflow-x:none !important;
}
.mapWrapperPanel {
  left:317px; 
  right:0; 
}

/** Colour Scheme */

.primaryBackgroundColour{
  background: #E0EAFF;
}

.primaryBorder{
  border: 1px solid #6F9DD9;
  background: white;
}

.labelButtons {
  background: transparent;
  color: #0C3D92;
  font-size: 70% !important;
  text-decoration: underline;
}

.labelBigButtons{
  background: transparent;
  color: white;
  font-style:italic;
  font-weight:bolder;
  text-shadow: 1px 1px 1px black;
}

.headingLabels{
  color: #6f9dd9;
  font-size: 120% !important;
  font-style: italic;
  font-weight: bolder;
}

.gwt-Button {
  background: transparent;
  color: #0C3D92;
  text-decoration: underline;
}

.errorLabels{
  color: red;
}

.bulletinLabels{
  color: red;
}

.headerPanel{
  border-bottom: 1px solid #6F9DD9;
  background: url('images/header.gif') repeat;
  position: absolute;
  width: 100%;
  height: 28px;
  top: 0px; 
  left: 0px;
}

.headerLogo{
  position: absolute;
  top: 0px;
  left: 7px;
}
* html .headerLogo{
  top: 1px;
}

.footerPanel{
  border-top: 1px solid #6F9DD9;
  background: url('images/header.gif') repeat;
  position: absolute;
  width: 100%;
  height: 28px;
  bottom: 0px; 
  left: 0px;
}

.gwt-VerticalSplitPanel {
}
.gwt-VerticalSplitPanel .vsplitter {
  background: #E0EAFF;
  cursor: n-resize;
}

.gwt-TabLayoutPanel {
  width: 100%;
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs {
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
  border: 1px solid #6F9DD9;
  background: white;
  overflow: hidden;
  padding: 6px;
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
  margin-left: 6px;
  padding: 3px 6px 3px 6px;
  cursor: pointer;
  cursor: hand;
  color: black;
  font-weight: bold;
  text-align: center;
  background: #E0EAFF;
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
  cursor: default;
  background: #92c1f0;
}

//IE Requires the use of TabPanel
.gwt-TabPanel { 
}
.gwt-TabPanelBottom {
  border: 1px solid #6F9DD9;
  background: white;
  overflow: hidden;
  padding: 3px 3px 3px 6px;
  width: 338px;
}
.gwt-TabBar {}
.gwt-TabBar .gwt-TabBarFirst {}
.gwt-TabBar .gwt-TabBarFirst-wrapper {  }
.gwt-TabBar .gwt-TabBarRest { }
.gwt-TabBar .gwt-TabBarRest-wrapper {  }
.gwt-TabBar .gwt-TabBarItem { 
  margin-left: 6px;
  padding: 3px 6px 3px 6px;
  cursor: pointer;
  cursor: hand;
  color: black;
  font-weight: bold;
  text-align: center;
  background: #E0EAFF;
}
.gwt-TabBar .gwt-TabBarItem-wrapper { }
.gwt-TabBar .gwt-TabBarItem-selected {
  cursor: default;
  background: #92c1f0;
}

.gwt-SuggestBoxPopup {
  border: solid #6F9DD9;
  background: #FFFFFF;
}

.gwt-SuggestBoxPopup .item {
  color: #424242;
}

.gwt-SuggestBoxPopup .item-selected {
  background: #E0EAFF url(images/GWT-default/bg_listgradient.gif) repeat-x;
}

.gwt-DatePicker {
  border: 1px solid #6F9DD9;
  color: black;
}

.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  background: #6b9bd7;
}
.datePickerDayIsWeekend {
  background: #E0EAFF;
  border: 1px solid #E0EAFF;
}
.datePickerDayIsFiller {
  color: #888888;
}
.datePickerDayIsValue {
  background: #AACCEE;
}
.datePickerDayIsDisabled {
  color: #AAAAAA;
  font-style: italic;
}
.datePickerDayIsValueAndHighlighted {
  background: #bbddd9;
}
.datePickerMonthSelector {
  background: #6b9bd7;
}
.dateBoxFormatError {
  background: #ffcccc;
}
/**
 * This colour will be applied to the walk distance field if the returned plan is > max distance requested
 */
.tripOptionWarningColour{
  background-color: #F98080;
}

.planMyTripWidget{
  background: url('images/button-dark-grad.gif') repeat;
  border-left: #446CAF;
  border-right: #0A2A75;
}

.expandableVeritcalPanelControlRow{
  border-bottom: #6F9DD9;
}
.dateTimeDateTextBox{
  border-top: #CCC7C0;
  border-bottom: #CCC7C0;
  border-left: #CCC7C0;
  border-right: #A4C2E8;
}
.locationsModalPopupLocationDetailsPanel{
  border-left: #6F9DD9;
}
.helpSubHeading{
  color: #6f9dd9;
  font-size: 130%;
  font-style: italic;
  font-weight: bolder;
}
.helpListEntryHeading{
  color: black;
  font-size: 110%;
  font-style: italic;
  font-weight: bold;
}
.locationsOrBox{
  border-bottom-color: #6F9DD9;
}
.helpExampleButton{
  color: #0C3D92;
  text-decoration: underline;
}

.helpTipLabels{
  color: #7C87B0;
  font-weight: bolder;
}

tr.tripOptionSelected{
  background-color: #E0ECFF;
  border-color: #E0ECFF;
  border-collapse: seperate;
}
tr.tripOption{
  color: #666666;
}


/*****************************************************
 *
 * Global component styling
 *
 *****************************************************/
 

/* turns off the border around the DND icons */ 
.dragdrop-positioner {
  border: none !important;
}


/**
 * Applied to all that is clickable
 */
.clickable{
  cursor: pointer; cursor:hand;
}

/**
 * All "buttons" are clickable labels
 */
.labelButtons {
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  margin: 0;
  border: 0;
  padding: 0;
  display: block;
  v-align: middle;
  width:auto;
  overflow:visible;
}


.labelBigButtons{
  font-size: 75% !important;
  text-align: center !important;
  vertical-align: middle !important;
  display: table-cell;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  margin: 0;
  border: 0;
  padding: 0;
  display: block;
  v-align: middle;
  width:auto;
  overflow:visible;
}

.headerCustomLink1{
  padding-left: 5px;
}
.headerCustomLink2{
  padding-left: 5px;
}
.headerCustomLink3{
  padding-left: 5px;
}

.headerFeedbackButton{
  padding-left: 5px;
}

.headingLabels{
  padding-top: 7px;
}

.fromToLabels{
  font-weight: bold;
  vertical-align: top;
}

.bulletinIcons{
  padding-left: 16px;
}

.bulletinLabels{
  left: 43px;
  width: 193px;
}

.errorIcons{
  padding-left: 16px;
}
.errorLabels{
  left: 43px;
  width: 193px;
}
/**
 * Applied to all Label elements.
 */
.gwt-Label{
  font-family: Arial;
  text-align: left;
  font-size: 70%;
}

/**
 * Applied to buttons.
 */
 

.gwt-Button {
  font-size: 70%;
  margin: 0;
  border: 0;
  padding: 0;
  display: block;
  v-align: middle;
  width:auto;
  overflow:visible;
}

.gwt-Button:active {
}

.gwt-Button[disabled] {
  color: #888;
}

/**
 * Applied to list boxes
 */
.gwt-ListBox {
  margin: 0;
  padding: 0;
  border-width: 1px;
  font-size: 65%;
}

/**
 * Applied to the suggest box.
 */
 
.gwt-SuggestBoxPopup {
  margin-left: 2px;
  padding: 2px;
  border-width: 1px;
  font-size: 80%;
  z-index: 6;
}

.gwt-SuggestBoxPopup .item {
  cursor: default;
  font-size: 80%;
  padding: 2px 6px;
}



/**
 * Applied to the checkbox and text next to the checkbox.
 */
.gwt-CheckBox {
  font-size: 70%;
}

.gwt-CheckBox-disabled {
  color: #888;
}

/**
 * Applied to all Images
 */
.gwt-Image {
  padding: 0;
  margin: 0;
  border-width: 0;
}

/**
 * Applied to text boxes.
 */
.gwt-TextBox, .gwt-PasswordTextBox {
  padding: 0;
  font-size: 65%;
  vertical-align: middle;
}

.gwt-TextBox-readonly {
  color: #888;
}

/**
 * Applied to radio buttons and the text next to them.
 */
.gwt-RadioButton {
  padding: 4px 4px 3px 3px;
  font-family: Arial;
  font-size: 65%;
  text-align: left;
}

.gwt-RadioButton-disabled {
  color: #888;
}

/**
 * Google Web Toolkit Date Picker
 */
.gwt-DatePicker {
  cursor: default;
}

.gwt-DatePicker td,
.datePickerMonthSelector td:focus {
  outline: none
}
.datePickerMonthSelector td:focus {
  cursor: pointer; cursor:hand;
}
.datePickerDays {
  background: white;
}
.datePickerDay,
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  font-size: 65%;
  text-align: center;
}
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  text-align: center;
  width: 2em;
}
.datePickerDay {
  cursor: hand;
  cursor: pointer;
  border: 1px solid white;
}
.datePickerDayIsToday {
  border: 1px solid black;
}
.datePickerDayIsHighlighted {
  border: 1px solid black;
}

.datePickerMonthSelector {
  width: 100%;
  text-align: center;
}
.datePickerPreviousButton,
.datePickerNextButton {
  font-size: 120%;
  line-height: 1em;
  cursor: hand;
  cursor: pointer;
  padding: 0px 4px;
}
td.datePickerMonth {
  text-align: center;
  vertical-align: center;
  white-space: nowrap;
  font-size: 70%;
  font-weight: bold;
}
.gwt-DateBox input {
  width: 8em;
}
.dateBoxPopup {
}

/*****************************************************
 *
 * Icon / Image Sizes
 *
 *****************************************************/
 
.fromMarker{
  height: 32px;
  width: 19px;
}
.toMarker{
  height: 32px;
  width: 19px;
}

/* Header contains "help", "print" and "try our simpler version" links */

.headerPanelTable{
  position: absolute;
  border-collapse: collapse;
  border-spacing: 0;
  height: 28px;
  top: 0;
  right: 1em;
  vertical-align: middle;
}
.headerTroubleViewingLabel{
  padding-left: 5px;
}
.headerSimpleVersionButton{
}
.headerLogoutButton{
}
.detailsPanel{
}
.detailsWidgets{
  margin: 0;
  padding: 0;
  border-width: 1px;
  width: 295px;
}
* html .detailsWidgets{
  width: 297px;
}

.detailsLeftmostEdge{
  margin-left: 7px;
}
.detailsHelpIconLeftEdge{
  display: inline;
  position: relative;
  right: 8px;
}

/* This div is required to specify valid "drop" areas on the screen for drag and drop functionality */
.mapDropPanel{
  height: 100%;
}
.map{
  height: 100%;
}
/* Footer contains "Powered by Ontira" link */
.footerPanelInternalDiv{
  height: 100%;
}
.footerPanelTable{
  position: absolute;
  border-collapse: collapse;
  border-spacing: 0;
  height: 28px;
  top: 0;
  right: 1em;
  vertical-align: middle;
}
.footerLabel{
  vertical-align: bottom;
}

.pleaseWait{
  border-width: 1px;
  border-style: solid;
  border-color: black;
  background-color: white;

  height: 100px;
  width: 120px;
}

.pleaseWaitImage{
  margin-top: 20px;
  margin-left: 44px;
}
.pleaseWaitCancelButton{
  top: 70px;
  width: 100%;
  text-align: center;
}

/**
 * Glass used modal popups, for "please wait" 
 * when trip plans are being generated, as well as selecting 
 * popular locations and my favorites.
 */
 
.gwt-PopupPanelGlass {
  z-index:10 !important;
  background-color: black !important;

  /* Override glass panel to 10% opacity (= 90% transparency) */
  filter: alpha(opacity = 30) !important; /* IE */
  opacity: 0.3 !important; /* non-IE */
}
.gwt-PopupPanel {
  z-index:10 !important;
}

/*****************************************************
 *
 * Locations Widget styling.
 *
 *****************************************************/

.locationsBulletinsIcon{
  vertical-align: top;
  display: inline-table;
  margin-top: 7px;
}
.locationsBulletinsLabel{
  display: inline-table;  padding-top: 8px;
  padding-left: 8px;
}
* html .locationsBulletinsIcon{
  display: inline;
}
* html .locationsBulletinsLabel{
  display: inline
}
.locationsErrorsIcon{
  vertical-align: top;
  display: inline-table;
  padding-top: 7px;
}
.locationsErrorsLabel{
  display: inline-table;
  padding-top: 8px;
  padding-left: 8px;
}
* html .locationsErrorsIcon{
  display: inline;
}
* html .locationsErrorsLabel{
  display: inline
}

.locationsWidget{
  padding-left: 1px;
}

.locationsViaExpandablePanel{
  width: 100%;
  background: white !important;
  border-top: 1px solid #6F9DD9 !important;
  border-bottom: 1px solid #6F9DD9 !important;
}

.locationsViaExpandablePanelControl{
  left: 0 !important;
  background: white !important;
}

.locationsViaExpandablePanelControlOpen{
  border: none !important;
}

.locationsViaExpandablePanelControlClosed{
}
.locationsViaExpandablePanelShowLabel{
	color: black;
	font-weight: bolder;
}
.locationsViaExpandablePanelHideLabel{
}

.locationsViaDurationOfStayLabel{
  padding-left: 38px; 
  padding-top: 5px; 
  padding-bottom: 5px;
  padding-right: 5px;
}
.locationsViaDurationOfStayListBox{
}
/*.gwt-ValueSpinner{
  height: 22px;
}
.locationsViaDurationOfStaySpinner{
  font-size: 60%;
  width: 20px;
}*/
	
.locationsOrBox{
  border-bottom-style: solid;
  position: relative;
  height: 19px;
  width: 293px;
  border-bottom-width: 1px;
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 0;
}
* html .locationsOrBox{
  height: 20px;
}
#locationsOrBoxInternalDiv{
  height: 100%;
}
.locationsOrImage{
  position: absolute;
  top: 2px;
  left: 109px;
}

.locationsDNDPanel{
  width: 100%;
}
.locationsDraggableItemsWrapper{
  text-align: center;
  width: 290px;
}
.locationsDraggableItemsContainer{
  margin-left: auto;
  margin-right: auto;
}
* html .locationsDraggableItemsContainer{
  padding-left: 7px !important;
}
.locationsDNDLabel{
  font-weight: normal !important;
  font-size: 60%;
  padding-top: 7px;
  padding-bottom: 7px;
}

.locationsDNDHelpIcon{
  position: absolute;
  top: 7px;
}

/*****************************************************
 *
 * Details Panel Help Popup styling.
 *
 * The image is taking up the 24 px on the left side
 * of the panel, with everything from 24 px in to the
 * far right being the "textarea".  Keep this in mind
 * when calculating overall width if resizing this
 *
 *****************************************************/
.helpPopup{
  background-color: none;
  border: 0;
  width: 426px;
}

.helpPopupTextArea{
  position: absolute;
  z-index: 0;
  left: 0;
  width: 416px;
  top: 0;
  padding-left: 7px;
}
.helpPopupHeaderLabel{
  position: relative;
}
.helpPopupContent{
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 70%;
  width: 412px;
}

.helpPopupImagePopup{
  background-color: none;
  border: 0;
}
.helpPopupImage{
  z-index: 1;
  left: 0;
  top: 0;
}


/*****************************************************
 *
 * Locations Modal styling.
 *
 *****************************************************/
 
.locationsModalPopup{
  height: 361px;
  width: 400px !important;
}

.locationsModalPopupWithMap{
  width: 680px !important;
}

.locationsModalPopupHeading{
  position: absolute;
}

.locationsModalPopupHelpIcon{
  position: absolute;
  top: 7px;
  left: 356px;
}

.locationsModalPopupCloseIcon{
  position: absolute;
  top: 7px;
  left: 376px;
}


.locationsModalPopupContinueButton{
  position: absolute;
  top: 331px;
  left: 234px;
}

.locationsModalPopupCancelButton{
  position: absolute;
  top: 331px;
  left: 315px;
}

.locationsModalPopupLocationDetailsPanel{
  position: absolute;
  top: 0;
  left: 400px;
  width: 278px;
  height: 100%;
  
  border-left-width: 1px;
  border-left-style: solid;
}

.locationsModalPopupDetailLabel{
  position: absolute;

  top: 31px;
  width: 100%;
  text-align: center !important;
}

.locationsModalPopupMap{
  position: absolute !important;
  top: 84px;
  left: 14px;
  width: 250px;
  height: 250px;
}

/*****************************************************
 *
 * Address Resolution Popup styling.
 *
 *****************************************************/

.addressResolutionListBox{
  position: absolute;
  top: 31px;
  width: 386px;
  size: 20;
}

/*****************************************************
 *
 * Favorites Popup styling.
 *
 *****************************************************/

.favoritesPopupListBox{
  position: absolute;
  top: 31px;
  width: 386px;
  size: 20;
}

/*****************************************************
 *
 * Popular Locations Popup styling.
 *
 *****************************************************/

.popularLocationsPopupCategoryListBox{
  position: absolute;
  top: 31px;
  width: 231px;
}

.popularLocationsPopupLocationsListBox{
  position: absolute;
  top: 57px;
  width: 386px;
  size: 20;
}

/*****************************************************
 *
 * Date Time Widget styling.
 *
 *****************************************************/

.dateTimeWidget{
  height: 71px;
}

.dateTimeErrorsIcon{
  position: absolute;
  top: 7px;
}
.dateTimeErrorsLabel{
  position: absolute;
  top: 8px;
}

.dateTimeTimeEntryPanel{
  position: absolute;
  top: 7px;
}
.dateTimeTimingPointListBox{
  width: 67px;
}
.dateTimeAtLabel{
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 3px;
}
.dateTimeHourListBox{
  width: 44px;
}
.dateTimeColonLabel{
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 3px;
}
.dateTimeMinuteListBox{
  width: 44px;
}
.dateTimeAmPmListBox{
  width: 48px;
}
.dateTimeDateTextBox{
  background-color: white;
  border-style: solid;
  position: absolute;
  border-width: 1px;
  top: 41px;
  width:105px;
  height: 20px;
}
* html .dateTimeDateTextBox{
  top: 40px;
  height: 22px;
}
.dateTimeDateIcon{
  position: absolute;
  top: 41px;
  left: 114px;
}
* html .dateTimeDateIcon{;
  top: 40px;
  left: 112px;
}
.dateTimeHelpIcon{
  position: absolute;
  top: 7px;
}

/*****************************************************
 *
 * Date Time Widget Error State styling.
 *
 *****************************************************/

.dateTimeWidgetErrorState{
  height: 96px;
}
.dateTimeTimePanelErrorState{
  top: 36px;
}
.dateTimeDateTextBoxErrorState{
  top: 66px;
}
* html .dateTimeDateTextBoxErrorState{
  top: 65px;
}
.dateTimeDateIconErrorState{
  top: 66px;
}
* html .dateTimeDateIconErrorState{;
  top: 65px;
}
.dateTimeHelpIconErrorState{
  top: 36px;
}

/*****************************************************
 *
 * Expandable Vertical Panel Styling 
 *
 *****************************************************/
.expandableVeritcalPanelControlRow{
  position: relative;
  height: 19px;
  width: 293px;
  left: 1px;
  border-bottom-width: 1px;
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 0;
  border-bottom-style: solid;
}

* html .expandableVeritcalPanelControlRow{
  width: 293px;
}

.expandableVeritcalPanelControlRowClosed{
  border-bottom-width: 0px;
}

.expandableVeritcalPanelControlRowLabel{
  position: absolute;
  text-decoration: none !important;
  top: 3px;
  left: 26px;
}
.expandableVeritcalPanelControlRowOpenButton{
  position: absolute;
  top: 1px;
}
.expandableVeritcalPanelControlRowCloseButton{
  position: absolute;
  top: 1px;
}

/*****************************************************
 *
 * Search Options Widget styling.
 *
 *****************************************************/

.searchOptionsWidget{
  position: relative;
}

.searchOptionsTable{
  width: 100%;
}

.searchOptionsExpandablePanelWidget{
  position: relative;
  width: 100%;
}


.searchOptionsHeadingContainer{
  height: 38px;
}
.searchOptionsHeadingLabel{
  position: absolute;
}
.searchOptionsHelpIcon{
  position: absolute;
  top: 7px;
}

.searchOptionsCheckBoxesContainerFullTime{
  margin-bottom: 5px;
}
.searchOptionsCheckBoxesContainerAdvanced{
  margin-top: 5px;
}

.searchOptionsINeedLabel{
  position: absolute;
  left: 12px;
  top: 4px;
}
.searchOptionsAccessibleCheckBox{
  display: block;
  position: relative;
  left: 50px;
}
.searchOptionsBicycleCheckBox{
  display: block;
  position: relative;
  left: 50px;
}

.searchOptionsWalkHeadingContainer{
  height: 38px;
}
.searchOptionsWalkHeadingLabel{
  position: absolute;
}
.walkOptionsHelpIcon{
  position: absolute;
  top: 7px;
}
.searchOptionsWalkSpeedContainer{
  height: 24px;
}
.walkOptionsSpeedLabel{
  position: absolute;
}
.walkOptionsSpeedListBox{
  position: absolute;
  left: 105px;
}
.searchOptionsWalkDistanceContainer{
  height: 24px;
}
.walkOptionsDistanceLabel{
  position: absolute;
}
.walkOptionsDistanceListBox{
  position: absolute;
  left: 105px;
}
.walkOptionsDistanceUnitLabel{
  position: absolute;
  left: 160px;
  width: 50px;
}


.searchOptionsItineraryHeadingContainer{
  height: 38px;
}
.searchOptionsItineraryHeadingLabel{
  position: absolute;
}
.itineraryOptionsHelpIcon{
  position: absolute;
  top: 7px;
}

.multiListBoxTable{
  border-collapse: collapse;
}
.multiListBoxLabelColumn{
  width: 105px;
  vertical-align: top;
}
.multiListBoxListColumn{
  vertical-align: top;
}

.itineraryOptionsOptimizationLabel, .itineraryOptionsRouteIncludeLabel, .itineraryOptionsRouteExcludeLabel{
  position: relative;
  top: 4px;
}
.itineraryOptionsOptimizationContainer, .itineraryOptionsRouteIncludeContainer, .itineraryOptionsRouteExcludeContainer{
  border-collapse: collapse;
}
.itineraryOptionsOptimizationContainer{
}
.itineraryOptionsRouteIncludeContainer{
}
.itineraryOptionsRouteExcludeContainer{
}

.itineraryOptionsOptimizationRow, .itineraryOptionsRouteIncludeRow, .itineraryOptionsRouteExcludeRow{
  height: 22px;
  position: relative;
  display: inline-table;
}
.itineraryOptionsOptimizationListBox{
  width: 120px;
}
.itineraryOptionsRouteIncludeListBox, .itineraryOptionsRouteExcludeListBox{
  width: 182px;
}

.searchOptionsTransferMarginContainer{
  height: 22px;
}
.itineraryOptionsMarginLabel{
  position: absolute;
}
.itineraryOptionsMarginListBox{
  position: absolute;
  left: 105px;
}
.itineraryOptionsMarginUnitLabel{
  position: absolute;
  left: 150px;
  width: 80px;
}



/*****************************************************
 *
 * Revise Widget styling.
 *
 *****************************************************/

.reviseWidget{
  padding-bottom: 7px;
  padding-top: 7px;
}

.reviseDateTimeLabel{
  position: relative;
  display: block;
  padding-top: 7px;
  text-align: center;
}
.reviseReverseButton{
  position: relative;
  display: inline;
  margin-left: 68px;
}
.reviseOnwardButton{
  position: relative;
  display: inline;
  margin-left: 7px;
}
.reviseReviseButton{
  position: relative;
  display: inline;
  margin-left: 7px;
}

/*****************************************************
 *
 * Revise Widget styling for FF2. (Table based)
 *
 *****************************************************/

.reviseTable{
  border-collapse: collapse;
  border-spacing: 0;
}

.reviseLocationRows{
  vertical-align: top;
}

.reviseFromToLabelColumn{
}

.reviseFromToLocationLabelColumn{
  width: 100%;
}

.reviseHelpIconColumn{
  width: 24px;
}

.reviseFromLabelFF2{
  width: 38px;
}
.reviseFromLocationLabelFF2{
}

/* set the "right" number to 1px less than the helpicon */
.reviseHelpIconFF2{
  right: 7px;
}

.reviseViaLabelFF2{
  width: 38px;
  padding-bottom: 5px;
}

.reviseViaLocationLabelFF2{
}

.reviseToLabelFF2{
  width: 38px;
}

.reviseToLocationLabelFF2{
}

/*****************************************************
 *
 * Revise Widget styling for others. (Div based)
 *
 *****************************************************/

.reviseFromLabel{
  position: relative;
  display: inline-table;
  width: 35px;
}
* html .reviseFromLabel{
  display: inline;
}
.reviseFromLocationLabel{
  position: relative;
  display: inline-table;
  margin-left: 8px;
  margin-right: 8px;
  width: 220px;
}
* html .reviseFromLocationLabel{
  display: inline;
}
.reviseHelpIcon{
  position: relative;
  display: inline;
  margin-top: 1px;
}

.reviseViaLabel{
  position: relative;
  display: inline-table;
  width: 35px;
}
* html .reviseViaLabel{
  display: inline;
}
.reviseViaLocationLabel{
  position: relative;
  display: inline-table;
  width: 220px;
  margin-left: 8px;
}
* html .reviseViaLocationLabel{
  display: inline;
}
.reviseToLabel{
  position: relative;
  display: inline-table;
  width: 35px;
}
* html .reviseToLabel{
  display: inline;
}
.reviseToLocationLabel{
  position: relative;
  display: inline-table;
  width: 220px;
  margin-left: 8px;
}
* html .reviseToLocationLabel{
  display: inline;
}


/*****************************************************
 *
 * Plan My Trip Widget styling.
 *
 *****************************************************/
.planMyTripWidget{
  border-left-style: solid;
  border-right-style: solid;
  display: table;
  border-top-width: 0;
  border-bottom-width: 0;
  border-left-width: 1px;
  border-right-width: 1px;
  position: relative;
  height: 21px;
}

.planMyTripButton{
  height: 100%;
  width: 100%;
}

/*****************************************************
 *
 * Trip Options Widget styling.
 *
 *****************************************************/
.tripOptionsWidget{
  padding-bottom: 11px;
}
.tripOptionsHeadingLabel{
}
.tripOptionsAccessibleImage{
  position: absolute;
  top: 8px;
  left: 220px;
}
.tripOptionsBicycleImage{
  position: absolute;
  top: 8px;
  left: 243px;
}
.tripOptionsHelpIcon{
  position: absolute;
  top: 8px;
}

/**
 * Solutions table rows
 */
table.tripOptionsTable{
  background-color: none;
  font-weight: normal;
  position: static;
  padding: 0px;
  border-width: 0px;
  border-style: none;
  background-color: none;
  font-weight: normal;
}
tr.tripOptionsHeading{
  color: black;
}
tr.tripOptionSelected{
  color: black;
  border-style: solid;
}
tr.tripOption{
  background-color: none;
}

.tripOptionsButtons{
  position: relative;
  display: inline;
  top: 4px;
}

.tripOptionsEarliestButton{
  left: 42px;
}
.tripOptionsEarlierButton{
  left: 55px;
}
.tripOptionsEarlierButtonNoEarliestLatest{
  left: 95px;
}
.tripOptionsLaterButton{
  left: 68px;
}
.tripOptionsLaterButtonNoEarliestLatest{
  left: 108px;
}
.tripOptionsLatestButton{
  left: 81px;
}

.tripOptionsErrorsIcon{
  display: inline;
  position: relative;
  top: 5px;
}
.tripOptionsErrorsLabel{
  display: inline-table;
  position: relative;
  left: 7px;
  padding-right: 7px;
  width: 240px;
}

/*****************************************************
 *
 * Itinerary Widget styling.
 *
 *****************************************************/
.itineraryWidget{
  height: auto;
}
.itineraryHeadingLabel{
  position: relative;
}
.itineraryOptionsContainer{
  position: absolute;
  top: 8px;
  right: 30px;
  border-collapse: collapse;
}

.itinerarySmallFormatButton{
  padding-top: 2px;
}

.itinerarySmallFormatActive{
  text-decoration: none !important;
}
.itinerarySmallFormatInactive{
}

.itineraryLargeFormatButton{
  padding-left: 4px;
  font-size: 100% !important;
}

.itineraryLargeFormatActive{
  text-decoration: none !important;
}
.itineraryLargeFormatInactive{
}

.itineraryStrokeImage{
  display: block;
  margin-top: 4px;
  margin-left: 4px;
  padding-right: 4px;
  width: 2px;
  height: 10px;
}
.itineraryButton{
  padding-top: 2px;
}
.itineraryHelpIcon{
  position: absolute;
  top: 8px;
}

table.itineraryTable{
  position: relative;
  
  top: 10px;
  margin-bottom: 10px;
  width: 295px;
  
  border-collapse: collapse;
  border-width: 0px;
  border-spacing: 0px;
  border-style: none;
  
  background-color: none;
  font-weight: normal;
}
.itineraryStepMainLocationMarker{
  height: 22px;
  width: 13px;
  margin-left: 10px;
}
.itineraryStepMainLocationLabelCell{
  vertical-align: middle;
  text-align: left;
}
.itineraryTableIconColumn{
  width: 26px;
}
.itineraryTableLabelColumn{
  width: 36px;
}
.itineraryTableLargeText{
  font-size: 85% !important;
}

tr.itineraryStepSelected{
  background-color: #E0ECFF;
  border-color: #E0ECFF;
}
tr.itineraryStep{
  background-color: none;
}

.itineraryStepRow{
  vertical-align: top;
}
.itineraryStepAmenitiesTable{
}
.itineraryStepTransportModeImage{
}
.itineraryStepTransportModeLabel{
  font-weight: bold;
}
.itineraryStepDepartLabel{
  width: 3.5em;
}
.itineraryStepDepartInstructionsLabel{
}
.itineraryStepArriveLabel{
  width: 3.5em;
}
.itineraryStepArriveInstructionsLabel{
}
.itineraryStepWalkingInstructionsButton{
}
.itineraryStepWalkingInstructionsLabel{
  font-size: 60%;
  font-weight: bold !important;
}


/*****************************************************
 *
 * InfoWindow containing Stop Information
 *
 *****************************************************/

.stopInfoWindow{
  width: 204px;
}
.stopInfoWindowTabPanel{
  height: 195px;
}
.stopInfoWindowWithPicture{
  width: 335px;
}
* html .stopInfoWindowWithPicture{
  width: 337px;
}
.stopInfoWindowTitleLabel{
  width: 200px;
  padding-bottom: 5px;
}
.stopInfoWindowTitleLabelWithImage{
  width: 300px;
}
.stopInfoWindowDetailsLabel{
  padding-top: 8px;
  height: 8em;
  width: 200px;
}
.stopInfoWindowAppSwitchPanel{
  padding-top: 5px;
  width: 100%;
}
.stopInfoWindowAppSwitchLabelButtons{
  text-align: center;
}
.stopInfoWindowAmenitiesImageSpacer{
  width: 24px;
}
.stopInfoWindowAmenitiesImagePanel{
  width: 200px;
  text-align: center;
}
.stopInfoWindowAmenitiesImageRow{
  height: 20px;
  margin-left: auto;
  margin-right: auto;
}
.stopInfoWindowAmenitiesImageRowDoubleHeight{
  height: 40px;
}
.stopInfoWindowImage{
  position: absolute;
  top: 1em;
  left: 205px;
  height: 120px;
  width: 120px;
  border-width: 1px;
  border-color: black;
  border-style: solid;
}
.stopInfoWindowRouteAlternatingBG{
  background-color: #E0ECFF;
}

/*****************************************************
 *
 * Login popup widget styling.
 *
 *****************************************************/
.loginPopup{
  padding: 0 7px 7px 7px;
}
.loginPopupErrorIcon{
  display: inline;
  margin-right: 5px;
  margin-top: 7px;
  vertical-align: top;
}
.loginPopupErrorLabel{
  margin-top: 5px;
  margin-bottom: 7px;
  display: inline-block;
  width: 13em;
  top: 8px;
}
* html .loginPopupErrorLabel{
  display: inline;
}
.loginPopupUserLabel{
  width: 6em;
}
.loginPopupUserTextBox{
  width: 10em;
}
.loginPopupPwLabel{
  width: 6em;
}
.loginPopupPwTextBox{
  width: 10em;
}
.loginPopupSubmitButton{
  padding-top: 2px;
  text-align: right;
}

/*****************************************************
 *
 * Email / fax popup widget styling.
 *
 *****************************************************/
.emailFaxPopup{
  padding: 0 7px 7px 7px;
  width: 18em;
  height: 5em;
}
.emailFaxPopupHeadingLabel{
  padding-bottom: 5px;
}
.emailFaxPopupErrorIcon{
  display: inline;
  margin-right: 5px;
  margin-top: 7px;
  vertical-align: top;
}
.emailFaxPopupErrorLabel{
  margin-top: 5px;
  margin-bottom: 7px;
  display: inline-block;
  width: 13em;
  top: 8px;
}
* html .emailFaxPopupErrorLabel{
  display: inline;
}
.emailFaxPopupInputLabel{
  padding-top: 4px;
  padding-right: 5px;
  padding-left: 10px;
  width: 6em;
}
.emailFaxPopupInputTextBox{
  width: 20em;
}
.emailPopupSendButton{
  padding-top: 4px;
  padding-left: 229px;
  text-align: right;
}
.emailPopupCancelButton{
  padding-top: 4px;
  padding-left: 5px;
  text-align: right;
}
.emailPopupWaitImage{
  padding-left: 9em;
}
.emailPopupSuccessLabel{
  padding-left: 12em;
}

/*****************************************************
 *
 * Feedback popup styling
 *
 *****************************************************/

.feedbackPopup{
  padding: 0 7px 7px 7px;
  width: 18em;
  height: 19em;
}
.feedbackPopupHeadingLabel{
  padding-bottom: 5px;
}
.feedbackPopupErrorIcon{
  display: inline;
  margin-right: 5px;
  margin-top: 7px;
  vertical-align: top;
}
.feedbackPopupErrorLabel{
  margin-top: 5px;
  margin-bottom: 7px;
  display: inline-block;
  width: 22em;
  top: 8px;
}
* html .feedbackPopupErrorLabel{
  display: inline;
}
.feedbackPopupCategoryLabel{
  padding-top: 4px;
  padding-right: 5px;
  padding-left: 10px;
  padding-bottom: 1em;
  width: 6em;
}
.feedbackPopupCategoryTextBox{
  width: 20em;
}
.feedbackPopupInputLabel{
  padding-top: 4px;
  padding-right: 5px;
  padding-left: 10px;
  width: 6em;
}
.feedbackPopupInputTextBox{
  width: 13em;
  height: 12em;
  font-family: Arial;
}
.feedbackPopupSendButton{
  padding-top: 4px;
  padding-left: 229px;
  text-align: right;
}
.feedbackPopupCancelButton{
  padding-top: 4px;
  padding-left: 5px;
  text-align: right;
}
.feedbackPopupWaitImage{
  padding-left: 9em;
}
.feedbackPopupSuccessLabel{
  padding-left: 12em;
}

.routeSelectorLabelColumnOverride{
  width: 42px !important;
}
.routeSelectorIncludeContainer{
  width: 244px;
}


/*****************************************************
 *
 * Timetables Locations 
 *
 *****************************************************/
 
 .timetableLocationsHeadingLabel{
  position: relative;
}