img {
  border: 0; }

/* tiny mce image align styles */
img.right {
  float: right;
  clear: right;
  margin: 0 0 18px 18px; }

img.left, div.left {
  float: left;
  clear: left;
  margin: 0 18px 18px 0px; }

img.leftAlone, div.leftAlone {
  float: none;
  display: block;
  clear: both;
  margin: 0 18px 18px 0; }

img.center, div.center {
  display: block;
  clear: both;
  margin: 0 auto 18px auto; }

div.captionImage.right {
  float: right; }

div.captionImage.left {
  float: left; }

/* tiny mce image align styles end */

.ui-widget-content {
  background:none;
}

.txtSearch {
  width: 221px;
  position: relative;
  left: 16px; }

#wrapper {
  margin: 0 auto;
  padding: 0;
  text-align: center;
  width: 952px;
  clear: both; }

#content {
  text-align: left; }

#page {
  float: left;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  top: -24px;
  left: -9px;
  width: 964px; }

#breadcrumb {
  height: 18px; }

#footer {
  position: relative;
  top: 26px;
  clear: both;
  font-size: .75em;
  color: #999;
  padding: 0;
  margin: 0;
  height: 130px;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e8e9', endColorstr='#00ffffff',GradientType=0 );
  /* IE6-8 */ }
  #footer DIV P {
    margin: 0;
    padding: 10px; }

#searchbox {
  float: left;
  left: 15px;
  position: relative;
  top: 1px; }

a.mediumA, a.largerA, a.largestA {
  text-decoration: none; }
a.mediumA {
  font-size: .9em; }
a.largerA {
  font-size: 1.12em; }
a.largestA {
  font-size: 1.25em; }

#heading, .suBoxHeading {
  background-color: #333d47;
  color: #fff;
  font-size: 18px;
  /* heading size is fixed */
  padding: 4px 0 4px 10px; }

#header_wrapper {
  background-color: #333d47;
  clear: both;
  font-size: 100%;
  padding: 10px 0 15px;
  text-decoration: none; }

#HeaderArea {
  margin: 0 auto;
  /*	max-width:989px; */
  max-width: 964px;
  min-width: 825px;
  width: 100%; }

#header_wrapper A {
  color: #fff;
  text-decoration: none; }

#UtilityArea {
  color: #FFF;
  float: right;
  font-size: .75em;
  max-height: 70px; }
  #UtilityArea span {
    padding-right: 2em; }
  #UtilityArea input[type=text] {
    -webkit-appearance: none;
    color: #666;
    margin-right: 13px; }
  #UtilityArea input[type=submit] {
    -webkit-appearance: none;
    background-color: #009EE0;
    border: none;
    color: #FFF;
    font-size: 1em;
    position: relative; }

.ie #UtilityArea input[type=submit] {
  height: 18px;
  top: 0px; }

.ie9 #UtilityArea input[type=submit] {
  height: 19px;
  top: 0px; }

#contactHeader {
  color: #fff;
  font-size: .75em;
  left: 10px;
  position: relative;
  top: 10px; }

body {
  background: #fff url(/resources/themes/Busit/images/background-home.png) no-repeat scroll center top;
  font-family: arial, verdana, sans-serif;
  font-size: 100%;
  margin: 0 auto;
  padding: 0; }

p, ul, ol, blockquote {
  font-size: 0.75em; }

li UL {
  font-size: 1em; }

img {
  border-style: none;
  text-decoration: none; }

#logo {
  position: relative;
  top: 3px; }

#breadcrumb {
  color: Gray;
  font-size: .625em;
  margin: 0 auto;
 // padding: 5px 0 5px 10px;
  text-align: left; }
  #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active {
    color: Gray; }

.maincontent {
  float: left;
  font-size: 1em;
  margin: 0 auto;
  overflow: hidden;
  padding: 0;
  text-align: left;
  width: 741px;
  position: relative;
  left: 1.5px; }

#content h1 {
  font-size: 1.4em; }
#content h2 {
  font-size: 1.3em; }
#content h3 {
  font-size: 1.2em; }
#content h4 {
  font-size: 1em; }

.contentholder {
  padding-left: 10px; }

.DarkBlue {
  color: #003C7D; }

.filepdf, .filePDF {
  background: url(/themes/Busit/images/pdf.gif) 0 0 no-repeat;
  padding: 0 0 2px 20px; }

.ie7 #page {
  top: -5px; }

.xformLabel {
  float: left;
  font-weight: 700;
  line-height: 1.1;
  padding: 0 20px;
  text-align: right;
  width: 220px; }

.checkOrRadioXform {
  background-color: #FFF;
  width: auto !important; }

.xformSubmit {
  border: 1px outset #E0EDED;
  font-size: 1em;
  font-weight: 700; }

.standardForm {
  font-size: .75em; }
  .standardForm input, .standardForm select {
    background-color: #E0EDED;
    font-family: verdana, arial, san-serif;
    font-size: .9em;
    width: 300px; }
  .standardForm textarea {
    background-color: #E0EDED;
    font-family: verdana, arial, san-serif;
    font-size: .9em;
    width: 300px;
    height: 75px; }
  .standardForm p {
    clear: left; }

.checkOrRadio input {
  background-color: #FFF;
  width: auto; }
.checkOrRadio label {
  margin-right: 15px; }

.ie7 #header_wrapper {
  padding-bottom: 0;
  padding-top: 5px; }
.ie7 #HeaderArea {
  max-height: 115px; }
.ie7 #breadcrumb {
  padding-top: 10px; }

.PlannerRadioList {
  font-size: .8em; }

.tripplanner {
  /*float:right;*/
  margin: 0;
  padding: 0;
  text-align: left;
  width: 208px; }
  .tripplanner input[type=text] {
    color: #999;
    font-size: .8em;
    width: 168px; }

#tripplannerheading {
  background-color: #333d47;
  color: #fff;
  font-size: 16px;
  /*journey planner heading font size is fixed */
  padding: 4px 0 4px 10px; }

#tripplannercontent {
  color: #fff;
  font-size: 14px;
  /*journey planner font size is fixed */
  padding: 5px 19px 2px;
  height: 339px; }

#TripTo {
  padding-top: 6px; }

#TripDate {
  padding-top: 12px; }

#TripTime {
  padding-top: 8px; }

#TripButton {
  padding-top: 5px; }

div.selectBox {
  clear: both;
  color: #888;
  cursor: default;
  display: inline-block;
  position: relative;
  text-align: left; }

span.selected {
  background: #f6f6f6;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  overflow: hidden;
  width: 20px; }

.selectArrow {
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -webkit-user-select: none;
  appearance: none;
  background-repeat: no-repeat;
  background-position: right;
  font-size: 14px;
  text-align: center;
  width: 53px;
  height: 21px;
  position: relative;
  z-index: 1; }


span.selected {
  float: left;
  height: 15px;
  position: relative;
  z-index: 1; }

.selectOptions {
  -moz-appearance: none;
  background: #f6f6f6 url('/resources/themes/Busit/images/select-down-arrow.png') no-repeat scroll right center;
  border: 1px solid #ccc;
  width: 52px;
  padding: 1px;
}

span.selectOption {
  display: block;
  line-height: 20px;
  padding-top: 5px 10%; }
  span.selectOption:hover {
    background: #4096ee;
    color: #f6f6f6; }

.gradientDark {
  background: #b1b3b5;
  /* old browsers */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmZTdmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MzkzYzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #b1b3b5 0%, #bbbdc0 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b1b3b5), color-stop(100%, #bbbdc0));
  /* chrome,safari4+ */
  background: -webkit-linear-gradient(top, #b1b3b5 0%, #bbbdc0 100%);
  /* chrome10+,safari5.1+ */
  background: -o-linear-gradient(top, #b1b3b5 0%, #bbbdc0 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(top, #b1b3b5 0%, #bbbdc0 100%);
  /* ie10+ */
  background: linear-gradient(to bottom, #b1b3b5 0%, #bbbdc0 100%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3dee9', endColorstr='#4d78a4',GradientType=0 );
  /* ie6-8 */ }

.gradientLight {
  /* created at http://www.colorzilla.com/gradient-editor/ */
  background: #e0e2e5;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwZTJlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2YTg2YTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #e0e2e5 0%, #6a86a3 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0e2e5), color-stop(100%, #6a86a3));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e0e2e5 0%, #6a86a3 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e0e2e5 0%, #6a86a3 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e0e2e5 0%, #6a86a3 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #e0e2e5 0%, #6a86a3 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e2e5', endColorstr='#6a86a3',GradientType=0 );
  /* IE6-8 */ }

.column {
  margin-right: 16px;
  width: 235px; }
  .column a {
    color: #2AAAFF;
    text-decoration: none;
    font-weight: bold;
    font-size: .95em; }
    .column a:hover {
      color: #91C9D1; }

.columnRight {
  margin-right: 0; }

.doublecolumn {
  width: 465px; }

.triplecolumn {
  width: 739px; }

.column, .doublecolumn, .triplecolumn {
  float: left;
  /*height:216px;*/
  margin-bottom: 10px;
  overflow: hidden;
  padding: 2px 1px 0 0; }

h2.column {
  font-size: .5em; }

.columnImageHolder {
  margin: 0;
  padding: 0; }

.ColumnTitleText {
  font-weight: bold;
  font-size: 16px;
  color: #333d47; }

.columnContent {
  color: #666;
  margin-top: 0; }

.columnTitle {
  color: #333d47;
  font-size: 14px;
  font-weight: bold;
  height: 30px;
  padding-top: 5px;
  margin: 0; }

/* summary tables */
.summaryTable {
  border-collapse: collapse;
  border: 1px solid #BFD9D9;
  font-size: .75em; }

table.summaryTable tr td {
  padding: 5px;
  border-right: 1px solid #BFD9D9; }
table.summaryTable tr th {
  background-color: #BFD9D9;
  padding: 7px 5px;
  font-size: 1.1em;
  text-align: left;
  border-right: 1px solid #BFD9D9; }
table.summaryTable tr.odd, table.summaryTable tr.tableRowOdd {
  background-color: #E5EFEF; }
table.summaryTable tr.alternate, table.summaryTable tr.tableRowAlternate {
  background-color: #F2F7F7; }
table.summaryTable tr td.mediumShade {
  background-color: #E5EFEF; }
table.summaryTable tr td.lightShade {
  background-color: #F2F7F7; }

.suHeading {
  color: #666;
  font-weight: bold;
  font-size: 0.8em;
  padding: 7px 0 3px 0; }

.suBoxHeading {
  width: 184px; }

.suTicker {
  font-size: 1em;
  margin-bottom: 7px;
  min-height: 35px;
  background-color: #fff3c9;
  background-image: url(/resources/themes/Busit/images/Bus_grey_icon.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
  padding: 2px 3px 2px 34px;
  vertical-align: top; }
  .suTicker p {
    font-size: .65em;
    margin-left: 4px;
    margin-right: 5px; }

.suFragReadMore {
  text-align: right;
  color: #000;
  margin-bottom: 2px; }

.suFragTitle {
  font-weight: bold; }

.suFragEvent {
  margin-top: 5px;
  margin-bottom: -8px; }

.suFragReadMore a {
  color: #000;
  text-decoration: none;
  font-weight: bold; }
  .suFragReadMore a:hover {
    text-decoration: underline; }

.ui-tabs-panel .summaryTable {
  font-size: 1em; }

#mainTabs {
  font-size: .9em;

}

.subtabs {
  font-size: .95em;
}


#mainTabs,  .subtab, #timetables {
  padding:0;
  border:0;
}

table.timetable {
  font-family: Arial;
  font-size: .8em;
  border-collapse: collapse;
  padding: .2em; }
  table.timetable tr.banner {
    background-color: #EA6848;
    font-size: 1.3em;
    font-weight: bold;
    color: #FFF;
    padding-left: 48px; }
    table.timetable tr.banner td {
      text-align: left; }
  table.timetable tr th {
    text-align: left;
    font-weight: bold;
    background-color: #FEF2EC; }
  table.timetable tr.banner td {
    padding-left: 48px; }
    table.timetable tr.banner td.routeName {
      text-align: right;
      padding-right: 32px; }
  table.timetable tr td {
    border-top: 1px solid #FFF;
    text-align: right; }
    table.timetable tr td.stop {
      border-top: 1px solid #FEF2EC;
      background-color: #FEF2EC;
      font-weight: bold;
      text-align: center; }
    table.timetable tr td.keyStop {
      border-top: 1px solid #F29A7A;
      background-color: #F29A7A;
      text-align: center;
      font-weight: bold; }
    table.timetable tr td.empty {
      background-color: #FFF;
      text-align: left;
      padding-left: 2px; }
    table.timetable tr td.morning {
      background-color: #FEF2EC;
      padding-right: 2em; }
    table.timetable tr td.afternoon {
      background-color: #FBD7C5;
      padding-right: 2em; }
    table.timetable tr td.evening {
      background-color: #F3A896;
      padding-right: 2em; }
    table.timetable tr td.AM, table.timetable tr td.PM {
      text-align: center;
      font-weight: bold; }
    table.timetable tr td.AM {
      background-color: #FBD7C5;
      color: #EC7658; }
    table.timetable tr td.PM {
      background-color: #EA6848;
      color: #FFF; }
    table.timetable tr td.ArriveDepart {
      text-align: center;
      color: #FFF; }



.routeNumberTitleImage {
  float: left;
  padding: 0 .2em 0 0;
  width: 26px;
  height: 26px; }

.keyRouteImage {
  float: right;
  padding: 0 0 0 .2em; }

.stopsBG {
  background-color: #CAA !important;
  height: 20px; }

.tcOut {
  background-image: url(/resources/themes/Busit/images/TC-out.png);
  background-repeat: no-repeat;
  background-position: center; }

.tcIn {
  background-image: url(/resources/themes/Busit/images/TC-in.png);
  background-repeat: no-repeat;
  background-position: center; }

.tcThrough {
  background-image: url(/resources/themes/Busit/images/stop.png);
  background-repeat: no-repeat;
  background-position: center; }

.terminusOut {
  background-image: url(/resources/themes/Busit/images/Terminus-out.png);
  background-repeat: no-repeat;
  background-position: center; }

.terminusIn {
  background-image: url(/resources/themes/Busit/images/Terminus-in.png);
  background-repeat: no-repeat;
  background-position: center; }

.terminusThrough, .stopPoint {
  background-image: url(/resources/themes/Busit/images/stop.png);
  background-repeat: no-repeat;
  background-position: center; }

.stopPointOut {
  background-image: url(/resources/themes/Busit/images/TC-out.png);
  background-repeat: no-repeat;
  background-position: center; }

.stopPointIn {
  background-image: url(/resources/themes/Busit/images/TC-in.png);
  background-repeat: no-repeat;
  background-position: center; }

.routePageHeader {
  background-color: #003C7D;
  color: #FFFFFF;
  height: 32px;
  margin: 0;
  width: auto;
  padding: 0.2em 0.5em 0 0.5em;
  text-align: left; }

#ServiceUpdatesFloat {
  float: right; }

.serviceUpdateArea {
  width: 208px; }

#NavTabsArea {
  margin-left: auto;
  margin-right: auto;
  float: left;
  position: relative;
  /* left: 305px; */
  left: 285px;
  bottom: 27px; }

.ie7 #NavTabsArea {
  width: 720px;
  top: -35px;
  left: 284px; }

.ie9 #NavTabsArea {
  left: 284px; }

#NavTabsArea ul {
  margin: 0;
  padding: 0;
  list-style: none; }
#NavTabsArea li {
  float: left;
  margin: 0;
  padding: 0;
  background-image: url("/resources/themes/Busit/images/tab_bg.png");
  background-repeat: no-repeat;
  width: 109px;
  height: 42px;
  margin-left: 4px; }

ul#topnav li.active {
  background-image: url("/resources/themes/Busit/images/tab_active_bg.png");
  background-repeat: no-repeat; }
  ul#topnav li.active a {
    color: #000000; }
    ul#topnav li.active a:link, ul#topnav li.active a:active, ul#topnav li.active a:visited {
      color: #000000; }

#NavTabsArea li:hover, #NavTabsArea li:focus {
  background-image: url("/resources/themes/Busit/images/tab_hover_bg.png");
  background-repeat: no-repeat; }

ul#topnav li.active:hover, ul#topnav li.active:focus {
  background-image: url("/resources/themes/Busit//images/tab_hover_bg.png");
  background-repeat: no-repeat; }

/* ul#topnav li.active a:link, ul#topnav li.active a:active { text-decoration:underline; } */
#NavTabsArea a {
  display: block;
  padding: 5px;
  font-size: 0.9em;
  /* 11px */
  text-decoration: none;
  color: #FFFFFF; }
#NavTabsArea li.active a {
  color: #333; }

ul#topnav li a {
  display: block;
  color: #f0f0f0;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: .1em;
  margin-left: .5em; }
  ul#topnav li a:hover {
    color: #333; }
ul#topnav li span {
  display: none; }

/*
.active
{
   background-image: url("../images/tab_active_bg.png") !important;
   color: #000000 !important;
    }
*/
#search-wrapper-top {
  background: none repeat scroll 0 0 #009EE0;
  font-weight: bold;
  height: 9px;
  width: 100%; }

#search-wrapper-mobile {
  background: none repeat scroll 0 0 #009EE0;
  font-weight: bold;
  height: 49px;
  width: 100%;
  display: none; }

.search-field-mobile {
  background-color: #fff;
  border: 0px solid;
  padding: 4px 1px 1px 1px;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  width: 420px; }

.search-form-mobile {
  padding-top: 12px;
  padding-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
  width: 420px; }

.search-submit-mobile {
  background: url("/resources/themes/Busit/images/mobile/search_small.png") no-repeat;
  background-size: 23px 23px;
  float: right;
  top: -22px;
  left: -5px;
  position: relative;
  border: none;
  width: 22px;
  height: 22px; }

.navigationMobile {
  display: none;
  position: relative;
  Top: 7px;
  margin-left: 7px;
  margin-right: 7px; }

#MobileMenuClosed {
  padding: 10px 10px 5px 10px;
  background-color: #333d47;
  color: #fff;
  display: none;
  font-weight: bold; }
  #MobileMenuClosed img {
    height: 19px;
    width: 35px;
    border: 0 none; }
  #MobileMenuClosed #PlusIcon {
    float: right;
    position: relative;
    top: -2px; }

#MobileMenuOpen {
  Position: relative;
  top: -12px;
  background-color: #333d47;
  display: none;
  height: 0px;
  transition: height 0.2s ease-in-out, box-shadow 0.6s linear; }

#MobileButtonsWrapper {
  list-style: outside none none;
  width: 100%;
  padding: 0;
  }

#MobileHamiltonRoute {
  background-color: #333d47;
  width: 33.3333%;
  float: left;
  padding-top: 10px;
  padding-bottom: 10px; }
  #MobileHamiltonRoute a {
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block; }

.MobileButtonSpacer {
  float: left;
  padding: 5px 0 5px 0;
  width: 4%; }

#MobileRegionRoute {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #00B9FE;
  width: 33.3333%;
  float: left; }
  #MobileRegionRoute a {
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block; }

#MobileServiceUpdate {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fddd02;
  width: 33.3333%;
  float: left; }
  #MobileServiceUpdate a {
    text-decoration: none;
    color: #000;
    font-weight: bold;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block; }

.MobileDiv {
  background-color: #333d47;
  padding: 5px 20px 5px 5px; }

.MobileMinusButton {
  left: 94%;
  position: relative; }

.MobileLinksDiv {
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #eeeeee; }

.MobileLinksDivEnd {
  padding-top: 5px;
  padding-bottom: 5px; }

.MobileLinksDivMainFirst {
  font-weight: bold;
  font-size: 11pt !important;
  padding-top: 5px;
  padding-bottom: 5px; }

.MobileLinksDivMain {
  font-weight: bold;
  font-size: 11pt !important;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px dotted #eeeeee; }

.MobileLinksDivSub {
  font-size: 10pt !important;
  padding-top: 5px;
  padding-bottom: 5px; }

.MobileMenuLinkList {
  margin-left: -27px;
  margin-right: 10px;
  list-style-type: none; }
  .MobileMenuLinkList li a {
    text-decoration: none;
    color: #fff !important; }
  .MobileMenuLinkList li a:hover {
    color: #90C8D0 !important; }

.mobileButtons p {
  margin-bottom: 5px; }

#MobileMenuButton {
  text-decoration: none; }

#contactFooterMobile {
  padding: 7px 0px 7px 10px;
  display: none; }

.HeaderAreaMobile {
  background-color: #333d47;
  margin-top: 7px;
  margin-left: 7px;
  margin-right: 7px;
  padding: 10px 10px 5px 10px;
  display: none; }

.menuButton {
  float: right;
  margin-top: 4px;
  padding-left: 3%;
  padding-right: 3%; }
  .menuButton img {
    height: 35px;
    width: 35px; }

.menuButtonSearch {
  float: right;
  margin-top: 4px;
  padding-left: 3%; }
  .menuButtonSearch img {
    height: 35px;
    width: 35px; }

.menuLogo {
  height: 39.9px; }

#DeskTopLink {
  padding-left: 8px;
  font-weight: bold;
  font-size: 10pt;
  display: none; }

.HeaderAreaMobile {
  display: none; }

.responsive-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 15px;
  height: 0;
  overflow: hidden; }

.responsive-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.responsive-table-container {
  width: 100%;
  overflow-y: auto;
  _overflow: auto;
  margin: 0 0 1em; }

#MobileFeatured {
  display: none;
  border-top: 1px dashed #ddd;
  padding-top: 8px; }

#otherSiteLinksMobile {
  margin-left: 12px;
  margin-right: 12px; }
  #otherSiteLinksMobile img {
    padding-top: 6px;
    width: 35px; }
  #otherSiteLinksMobile a {
    padding-right: 102px; }
  #otherSiteLinksMobile .endButton {
    padding-right: 0px; }

#HighLightedFeaturedLinksMobile {
  background-color: #91C9D1;
  margin-left: 2px;
  margin-right: 2px; }
  #HighLightedFeaturedLinksMobile a {
    color: #fff !important;
    font-size: 8pt; }

.LinkList {
  list-style-type: none;
  margin-left: 15px;
  margin-right: 15px; }

.LinksDiv {
  border-bottom: 1px dotted #eee;
  padding-bottom: 5px;
  padding-top: 5px; }

.LinksDivEnd {
  padding-bottom: 5px;
  padding-top: 5px; }

#contactFooterMobile {
  color: #FFF; }
  #contactFooterMobile a {
    color: #FFF; }

div.noDesktop.widthmax img {
  width: 100%; }

.responsive-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 15px;
  height: 0;
  overflow: hidden; }

.responsive-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.responsive-table-container {
  width: 100%;
  overflow-y: auto;
  _overflow: auto;
  margin: 0 0 1em; }

@media only screen and (min-width: 641px) {
  .noDesktop {
    display: none; } }
@media only screen and (max-width: 640px) {

  /* tiny mce float nullify for mobile */
  img.right, img.left, div.left, div.captionImage.right, div.captionImage.left {
    float: none;
 }

  .navigationMobile {
    display: block; }

  .HeaderAreaMobile {
    display: block; }

  #breadcrumb {
    padding: 11px 0 6px 10px; }

  .routePageHeader, #breadcrumb {
    height: auto; }

  table.timetable {
    width: 100%; }

  #carousel, #header_wrapper, #slideHolder, #footer, .column, .noMobile, #tripplannerheading, .routeMainTab, .timetableSubTab, #timetables ul li, #mainTabs ul li {
    display: none; }

  #tt ul li, #rm ul li,#bs ul li, #altmain ul li {
    display: block; }

  div#ServiceUpdatesFloat div#CompletePage_GoogleTransit_upnlTripPlanner {
    display: none; }

  #MobileMenuClosed {
    display: block; }

  .maincontent {
    float: none;
    width: auto;
    left: 0; }

  #wrapper {
    width: auto;
    padding-left: 7px;
    padding-right: 7px; }

  #content {
    width: auto; }

  #ServiceUpdatesFloat {
    width: 100%;
    margin: 0 auto; }

  .serviceUpdateArea {
    width: 100%; }

  .column, .doublecolumn, .triplecolumn {
    float: none; }

  #ServiceUpdatesFloat {
    float: none; }

  #page {
    float: none;
    width: 100%;
    top: 0;
    left: 0; }

  .responsiveImage {
    width: 100%; }

  .standardForm input, .standardForm textarea, .standardForm select, .Label {
    width: auto; }

  .xformLabel {
    text-align: left;
    width: auto; } }
@media only screen and (max-width: 500px) {
  .routeName {
    font-size: 8px !important; }

  table.timetable {
    font-size: 8px !important; } }
@media only screen and (max-width: 427px) {
  .search-field-mobile, .search-form-mobile {
    width: 350px; } }
@media only screen and (max-width: 400px) {

  .ui-tabs-panel {padding:2px!important;}

  table.timetable {
    font-size: 7px !important; }
    table.timetable td {
      padding: 0; }

  table.timetable tr td.AM {
    width: 1px !important; }

  table.timetable tr td.PM {
    width: 1px !important; }

  .morning {
    padding-right: 0px !important; }

  .afternoon {
    padding-right: 0px !important; } }
@media only screen and (max-width: 360px) {


  #MobileHamiltonRoute a, #MobileRegionRoute a, #MobileServiceUpdate a {
    font-size: 80%; } }
@media only screen and (max-width: 320px) {



  .search-field-mobile, .search-form-mobile {
    width: 300px; }

  html body form#form1 div#wrapper div#page div#content div#CompletePage_maincontent.maincontent div.maintabs div#mainTabs.ui-tabs.ui-widget.ui-widget-content.ui-corner-all div#tt.ui-tabs-panel.ui-widget-content.ui-corner-bottom div.subtabs div#timetables.ui-tabs.ui-widget.ui-widget-content.ui-corner-all div#mf.ui-tabs-panel.ui-widget-content.ui-corner-bottom div table.timetable tbody tr td img {
    display: none; }

  html body form#form1 div#wrapper div#page div#content div#CompletePage_maincontent.maincontent div.maintabs div#mainTabs.ui-tabs.ui-widget.ui-widget-content.ui-corner-all div#tt.ui-tabs-panel.ui-widget-content.ui-corner-bottom div.subtabs div#timetables.ui-tabs.ui-widget.ui-widget-content.ui-corner-all div#ss.ui-tabs-panel.ui-widget-content.ui-corner-bottom.ui-tabs-hide div table.timetable tbody tr td img {
    display: none; }

  .navigationMobile {
    margin-left: 2px;
    margin-right: 2px;
    top: 2px; }

  .HeaderAreaMobile {
    margin-top: 2px;
    margin-left: 2px;
    margin-right: 2px; }

  #wrapper {
    padding-left: 2px;
    padding-right: 2px; }

  .timetable table.timetable tr td {
    font-size: 10px; } }

/*# sourceMappingURL=Busit.css.map */

#carousel {
  margin-bottom: 15px;

  height: 375px;
  width: 739px;

}

#carousel .slide {
  display: none; }

#carousel .slide.slick-slide, #carousel .slide:first-of-type {
  display: inline-block; }

#carousel img {
  width: 100%; }

#carousel .slick-arrow {
  z-index: 30;
  width: 60px;
  height: 60px; }

#carousel .slick-prev::before {
  font-size: 60px; }

#carousel .slick-prev {
  left: 25px; }

#carousel .slick-next::before {
  font-size: 60px; }

#carousel .slick-next {
  right: 25px; }

#mobile-carousel img{
  width:100%;
  padding-bottom:5px;
}

.tripplanner {
  margin-left: auto;
  margin-right: auto;

}

a[href^="https"], a[href^="http"] {
  background: transparent  no-repeat scroll right 0;
 }


.nonvisual-indicator {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}


/* Real time styles */

.RTFormDiv {
  border:2px solid #009EE0;
  padding:5px;
  width:50%;
}

table.realTimeTable td{
  padding: 5px;
  padding: 10px;
}

table.realTimeTable td.RTleftColumn {
  background-color:#E6E7E9 ;
  font-weight:bold;
  border-right:2px solid #FFF;
  border-bottom:2px solid #FFF;
}

table.realTimeTable .RTTopRow td{
  border-bottom:2px solid #009ee0;
  border-collapse: collapse;
}

table.realTimeTable td.RTRightColumn {
  background-color:#F1F3F2;
  border-right:2px solid #FFF;
  border-bottom:2px solid #FFF;
}

table.realTimeTable  {
  /* border-top:#009ee0; */
  font-size: 0.75em;
  border-collapse: collapse;
}

table.realTimeTable a {
  font-weight:bold ;
  text-decoration:none;
  color:#333d47;
}

table.realTimeTable a:hover {
  color:#009ee0;
}

#ReatimeResultsFor {
  color:#009ee0;
}

.RTSelect {
  padding:5px 5px 5px 5px;
  border:1px solid #b1b3b5;
  color:#6F6F6F;
  background-color: #F0F0F0;
  -moz-appearance: none;
  background: #F0F0F0 url('/resources/themes/Busit/images/select-down-arrow.png') no-repeat scroll right center;
}

.RTInputField  {
  padding:6px 15px 6px 5px;
  border:1px solid #b1b3b5;
  background-color:#F0F0F0;
  color:#6F6F6F;
}

.RTGoButton  {
  padding:6px 5px;
  background-color: #A8A9AD;
  border:1px solid #b1b3b5;
  position:relative;
  right:6px;
}



table.realTimeTable td.RTTopCell {
  background-color: #009ee0;
}

@media only screen and (max-width: 640px) {
  .RTFormDiv {
    width: auto;
  }
}

@media only screen and (max-width: 375px) {
  table.realTimeTable td{
    padding:10px 2px 10px 2px;
  }
}



/* test */

ul.sitemap div.page-toggle a.button {
  padding: 0; }
ul.sitemap div.page-toggle a.button p, ul.sitemap div.page-toggle a.button ul, ul.sitemap div.page-toggle a.button ol, ul.sitemap div.page-toggle a.button blockquote {
  font-size: 1em; }

ul.sitemap {
  border-bottom: 1px solid #ddd;
  list-style-type: none;
  margin-left: 0; }

ul.sitemap div.page-toggle a.button {
  background-color: #eeeeee;
  border: none;
  width: 11px;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent; }

ul.sitemap div.page-toggle a.loading {
  background-image: url("/resources/themes/WRC/images/ajax-loader.gif"); }
ul.sitemap div.page-toggle a.loading .toggleIco {
  color: transparent;
  width: 20px; }

#ContentArea ul.sitemap, #ContentArea ul.sitemap ul {
  list-style-type: none;
  margin-bottom: 0; }

ul.sitemap li {
  background: #f4f4f4 none repeat scroll 0 0;
  border-top: 1px solid #ddd;
  line-height: 35px;
  margin-bottom: 0;
  position: relative;
  z-index: 0; }

.sitemap-link {
  padding-left: 16px; }

ul.sitemap .page-toggle {
  padding-left: 15px;
  left: 0;
  position: absolute; }

ul.sitemap li a.sitemap-link .sitetree-icon {
  margin: 0 10px 0 15px; }

ul.sitemap .collapse {
  display: none; }

@font-face {
  font-family: 'FontAwesome';
  src: url("/resources/themes/Busit/default/font/fontawesome-webfont.eot");
  src: url("/resources/themes/Busit/default/font/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../../../themes/default/font/fontawesome-webfont.woff") format("woff"), url("../../../themes/default/font/fontawesome-webfont.svg") format("svg"), url("../../../themes/default/font/fontawesome-webfont.ttf") format("truetype"); }
[class^="icon-"]::before, [class*=" icon-"]::before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  font-size: 16px; }

ul.sitemap .toggleIco {
  color: #00788a;
  text-align: center; }

ul.sitemap .linkText {
  display: none; }

/*.icon-plus:before {
  content: "\f067"; }*/
ul.sitemap .toggleIco::before {
  content: "\f067"; }

/*.icon-minus-sign:before {
  content: "\f056"; }*/
ul.sitemap .button.open .toggleIco::before {
  content: "\f056"; }

/*# sourceMappingURL=WRC.css.map */

/*# sourceMappingURL=WRC.css.map */