html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent; }

#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative; }

#cboxLoadedContent {
  overflow: auto; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block; }

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0; }

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box; }

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: url("/SiteCollectionImages/colorbox/overlay.png") repeat 0 0; }

#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url("/SiteCollectionImages/colorbox/controls.png") no-repeat -101px 0; }

#cboxTopRight {
  width: 21px;
  height: 21px;
  background: url("/SiteCollectionImages/colorbox/controls.png") no-repeat -130px 0; }

#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url("/SiteCollectionImages/colorbox/controls.png") no-repeat -101px -29px; }

#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url("/SiteCollectionImages/colorbox/controls.png") no-repeat -130px -29px; }

#cboxMiddleLeft {
  width: 21px;
  background: url("/SiteCollectionImages/colorbox/controls.png") left top repeat-y; }

#cboxMiddleRight {
  width: 21px;
  background: url("/SiteCollectionImages/colorbox/controls.png") right top repeat-y; }

#cboxTopCenter {
  height: 21px;
  background: url("/SiteCollectionImages/colorbox/border.png") 0 0 repeat-x; }

#cboxBottomCenter {
  height: 21px;
  background: url("/SiteCollectionImages/colorbox/border.png") 0 -29px repeat-x; }

#cboxContent {
  background: #fff;
  overflow: hidden; }

.cboxIframe {
  background: #fff; }

#cboxError {
  padding: 50px;
  border: 1px solid #ccc; }

#cboxLoadedContent {
  margin-bottom: 8px;
  padding: 20px; }

#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494; }

#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494; }

#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef; }

#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("/SiteCollectionImages/colorbox/controls.png") no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxPrevious:hover {
  background-position: -75px -25px; }

#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url("/SiteCollectionImages/colorbox/controls.png") no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxNext:hover {
  background-position: -50px -25px; }

#cboxLoadingOverlay {
  background: url("/SiteCollectionImages/colorbox/loading_background.png") no-repeat center center; }

#cboxLoadingGraphic {
  background: url("/SiteCollectionImages/colorbox/loading.gif") no-repeat center center; }

#cboxClose {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url("/SiteCollectionImages/colorbox/controls.png") no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxClose:hover {
  background-position: -25px -25px; }

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }

/*
  The following provides PNG transparency support for IE6
.cboxIE6 #cboxTopLeft{background:url(images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(images/ie6/borderMiddleRight.png);}
.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");}
*/
/* Layout Styles */
body, #generic-content {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #383a3c; }

html, body {
  height: 100%; }

#wrap {
  background-image: url("/SiteCollectionImages/common/background.gif");
  background-repeat: repeat-x; }

#timaruwrap {
  background-image: url("/SiteCollectionImages/common/timaru-header.jpg");
  background-repeat: repeat-x; }

#main {
  overflow: auto;
  padding-bottom: 160px;
  clear: both; }

#container {
  min-height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
  width: 984px; }

#content {
  padding-top: 10px; }

#content p {
  padding-bottom: 10px; }

#footer {
  position: relative;
  margin-top: -160px;
  height: 300px;
  clear: both;
  background-color: #edeeef;
  background-image: url("/SiteCollectionImages/common/footer-background.gif");
  background-repeat: repeat-x; }

/* Opera Fix for sticky footer */
body:before {
  content: "";
  height: 100%;
  float: left;
  width: 0;
  margin-top: -32767px; }

/* Headings, Paragraphs etc.. */
p, #generic-content p {
  font-size: 14px;
  line-height: 22px; }

h1, #generic-content h1 {
  padding-top: 20px;
  padding-bottom: 20px;
  color: #5a59b6;
  font-size: 34px; }

h2, #generic-content h2 {
  font-size: 22px;
  line-height: 24px;
  color: #23226e;
  padding-bottom: 5px; }

h3, #generic-content h3 {
  font-size: 16px;
  color: #d97417;
  padding-bottom: 5px; }

a:link {
  color: #23226e; }

a:visited {
  color: #23226e; }

a:hover {
  color: #d97417; }

a:active {
  color: #23226e; }

.clear {
  clear: both; }

input {
  border: 1px solid #cdcdcd;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 6px; }

#generic-content p {
  padding-bottom: 20px; }

#generic-content ul {
  padding-top: 20px;
  padding-bottom: 20px; }

#generic-content li {
  margin-left: 20px;
  padding-bottom: 5px; }

.button {
  margin-left: 5px;
  box-shadow: inset 0px 1px 0px 0px #fcae34;
  background-color: #fb9e25;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #eeb44f;
  display: inline-block;
  color: white;
  font-family: arial;
  font-size: 15px;
  font-weight: bold;
  padding: 6px 20px;
  text-decoration: none;
  text-shadow: 1px 1px 0px #cc9f52; }

.sidebar .button {
  font-size: 12px;
  padding: 6px 20px;
  margin-left: 0; }

.button:link, #generic-content .button:link {
  font-size: 12px;
  color: #fff!important;
  font-weight: normal; }

.button:visited, #generic-content .button:visited {
  color: #fff; }

.button:hover, #generic-content .button:hover {
  background-color: #f09608; }

.button:active, #generic-content .button:active {
  position: relative;
  top: 1px; }

.grey-button {
  -moz-box-shadow: inset 0px 1px 0px 0px white;
  -webkit-box-shadow: inset 0px 1px 0px 0px white;
  box-shadow: inset 0px 1px 0px 0px white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, white), color-stop(1, #f2eff2));
  background: -moz-linear-gradient(center top, white 5%, #f2eff2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#f2eff2');
  background-color: white;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #d1d5e5;
  display: inline-block;
  color: #e16a2f;
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  padding: 9px 24px;
  text-decoration: none;
  text-shadow: 1px 1px 0px white; }

.grey-button:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f2eff2), color-stop(1, white));
  background: -moz-linear-gradient(center top, #f2eff2 5%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2eff2', endColorstr='white');
  background-color: #f2eff2; }

.grey-button:active {
  position: relative;
  top: 1px; }

.grey-button:visited {
  color: #e16a2f!important; }

.grey-button a:link {
  color: #e16a2f!important; }

.grey-button a:visited {
  color: #e16a2f!important; }

.grey-button a:hover {
  color: #e16a2f!important; }

.grey-button a:visited {
  color: #e16a2f!important; }

#ecan-logo {
  clear: both;
  float: right;
  padding-top: 10px; }

#logo {
  float: left;
  padding-top: 50px;
  padding-bottom: 20px;
  padding-left:8px; }

#tools {
  padding-top: 9px;
  padding-left: 10px;
  background-image: url("/SiteCollectionImages/common/tools-background.gif");
  background-repeat: no-repeat;
  float: right;
  width: 490px;
  height: 36px; }

#timaruwrap #tools {
  background-image: none; }

#search {
  width: 250px;
  float: left; }

#search .button {
  font-size: 12px; }

#search a:link, #search a:visited {
  text-decoration: none; }

#metrosearchbutton {
  background-color: #e76529;
  background-image: url("/SiteCollectionImages/common/OrangeButtonBkgrnd.png");
  background-repeat: repeat-x; }

#metrosearchbutton:hover {
  background-image: url("/SiteCollectionImages/common/OrangeButtonHoverBkgrnd.png");
  background-repeat: repeat-x; }

#tools-links {
  float: left;
  padding-left: 17px;
  padding-top: 5px; }

#timaruwrap #tools-links a {
  color: #fff; }

#tools li {
  float: left;
  list-style-type: none;
  padding-right: 10px; }

#tools-links a {
  text-decoration: underline; }

#tools input {
  float: left;
  width: 145px; }

#nav {
  clear: both;
  position: relative;
  top: -3px; }

#nav li {
  float: left;
  text-transform: uppercase;
  list-style-type: none;
  font-size: 14px;
  border-left: 1px solid #595a5d; }

#nav li:last-child {
  border-right: 1px solid #595a5d; }

#nav li a:link, #nav li a:visited {
  color: #fff;
  padding-right: 8px;
  padding-left: 8px;
  padding-top: 16px;
  padding-bottom: 17px;
  text-decoration: none;
  display: block; }

#nav li:last-child a:link, #nav li:last-child a:visited {
  color: #f6aa04; }

#nav li a:hover {
  color: #f6aa04;
  padding-right: 8px;
  padding-left: 8px;
  padding-top: 16px;
  padding-bottom: 17px;
  text-decoration: none;
  display: block;
  background-color: #010101; }

#nav li:last-child a:hover {
  color: #fff; }

#nav li a:active {
  padding-right: 8px;
  padding-left: 8px;
  padding-top: 16px;
  padding-bottom: 17px;
  text-decoration: none;
  display: block; }

#contact-us {
  padding-top: 6px;
  padding-right: 20px;
  float: right; }

#home-panels {
  clear: both;
  padding-bottom: 20px; }

#TopRightRow {
  height: 280px; }

#promotion-home-panel {
  float: left;
  width: 280px;
  background-color: #e6e6ed;
  border: 1px solid #c9c9ce;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  border-radius: 10px 10px;
  -moz-border-radius: 15px;
  min-height: 245px;
  margin-right: 10px; }

.promorollupimage {
  border-bottom: 15px solid #5a55c6; }

#metrocard-home-panel {
  position: relative;
  top: 10px; }

#metrocard-home-panel ul.tabbernav {
  padding-left: 0; }

#metrocard-home-panel ul.tabbernav li a {
  margin-left: 0; }

#metrocard-home-panel li.tab a {
  width: 151px;
  padding-left: 15px;
  padding-right: 15px;
  padding-left: 13px\9;
  padding-right: 13px\9; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #metrocard-home-panel li.tab a {
    padding-left: 13px; } }
#metrocard-home-panel li.tab:last-child {
  float: right;
  position: relative;
  left: 2px; }

.metrocardform {
  background-color: #e6e6ed;
  border: #c9c9ce 1px solid;
  width: 320px;
  height: 242px; }

.metrocardform legend {
  display: none; }

.metrocardform ol {
  list-style: none;
  float: right;
  padding-right: 10px; }

.metrocardform li {
  margin-bottom: 5px;
  margin-right: 12px;
  width: 280px;
  padding-top: 15px;
  float: right; }

.metrocardform label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px; }

.metrocardform input {
  width: 265px; }

.metrocardform button {
  float: right;
  clear: both; }

.metrocardform li.helptext {
  text-align: right;
  padding-top: 5px; }

#metrocardcurrentbalance {
  font-weight: bold;
  font-size: 16px;
  margin-top: 0;
  padding-top: 20px; }

#metrocard-balance .roundedinner {
  padding: 10px; }

#metrocard-balance h2 {
  background-image: url("/SiteCollectionImages/icons/metrocard-check.png");
  background-repeat: no-repeat;
  padding: 10px 0 10px 50px; }

#metrocard-balance .button {
  padding-left: 10px;
  padding-right: 10px; }

#metrocard-balance ol {
  list-style-type: none;
  list-style-image: none; }

#metrocard-balance li {
  float: left;
  padding-right: 5px; }

#submitmetrocardbalance, #submitmetrocardlogin {
  background-color: #e76529;
  background-image: url("/SiteCollectionImages/common/OrangeButtonBkgrnd.png");
  background-repeat: repeat-x;
  height: 28px;
  padding-top: 0;
  padding-bottom: 0; }

#submitmetrocardbalance:hover, #submitmetrocardlogin:hover {
  background-image: url("/SiteCollectionImages/common/OrangeButtonHoverBkgrnd.png");
  background-repeat: repeat-x; }

#metrocard-balance .metrocardresult {
  height: 30px; }

#metrocard-topup .roundedinner {
  padding: 10px;
  height: 190px; }

#metrocard-topup h2 {
  background-image: url("/SiteCollectionImages/icons/metrocard-topup.png");
  background-repeat: no-repeat;
  padding: 10px 0 10px 50px; }

#metrocard-topup ol {
  list-style-type: none;
  list-style-image: none; }

#metrocard-topup ol li {
  padding-bottom: 10px; }

#metrocard-topup ol li input {
  width: 185px; }

#metrocard-topup actionlink a:link, #metrocard-topup actionlink a:visited {
  font-size: 11px; }

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
  display: none; }

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabberlive {
  margin-top: 10px;
  width: 320px; }

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
  margin-bottom: 10px;
  padding: 0px;
  padding-left: 10px; }

ul.tabbernav li {
  list-style: none;
  margin: 0;
  display: inline; }

ul.tabbernav li a {
  padding: 10px;
  margin-left: 3px;
  border-top: 1px solid #c9c9ce;
  border-right: 1px solid #c9c9ce;
  border-left: 1px solid #c9c9ce;
  border-bottom: 1px solid #c9c9ce;
  background: #fff;
  text-decoration: none;
  border-top-left-radius: 12px;
  -moz-border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  -moz-border-top-right-radius: 12px;
  font-size: 14px;
  font-weight: bold; }

ul.tabbernav li a:link {
  /* 	color: #448; */
  background: #d4d2ee;
  /* Old browsers */
  background: -moz-linear-gradient(top, #d4d2ee 1%, #dfddf5 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #d4d2ee), color-stop(100%, #dfddf5));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d4d2ee 1%, #dfddf5 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d4d2ee 1%, #dfddf5 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d4d2ee 1%, #dfddf5 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #d4d2ee 1%, #dfddf5 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4d2ee', endColorstr='#dfddf5',GradientType=0 );
  /* IE6-9 */
  color: #3e3aa9; }

ul.tabbernav li a:visited {
  color: #667; }

ul.tabbernav li a:hover {
  color: #f59c00; }

ul.tabbernav li.active a, ul.tabbernav li.active a:hover {
  /*	background-color: $tab_bgcolor;
  	border-top: 1px solid $midgrey_color;
  	border-right: 1px solid $midgrey_color;
  	border-left: 1px solid $midgrey_color;
  	border-bottom:1px solid $tab_bgcolor; */
  font-weight: bold;
  background: #5955c6;
  /* Old browsers */
  background: -moz-linear-gradient(top, #5955c6 1%, #3b36a5 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #5955c6), color-stop(100%, #3b36a5));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5955c6 1%, #3b36a5 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5955c6 1%, #3b36a5 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #5955c6 1%, #3b36a5 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #5955c6 1%, #3b36a5 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5955c6', endColorstr='#3b36a5',GradientType=0 );
  /* IE6-9 */
  color: #ffffff; }

ul.tabbernav li.rightendtab a:link {
  background: none;
  filter: none; }

#tab1, #tab2 {
  padding-top: 20px;
  background-color: #edeef6;
  border: 1px solid #c9c9ce;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  border-radius: 12px 12px;
  -moz-border-radius: 15px;
  min-height: 186px; }

.tabbertab {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

.rightendtab {
  float: right; }

UL.tabbernav .downloadabletimetablelink {
  border: 0;
  padding-bottom: 0; }

li.active a[title="Check your balance"], li.active a[title="Metrocard top up"], ul.tabbernav li a:hover {
  color: #fb9e25 !important;
  font-weight: bold!important; }

.metrocard-home-panel-form {
  padding-bottom: 20px; }

.metrocard-home-panel-input {
  width: 265px;
  margin-top: 5px; }

#metrocard-home-panel-submit {
  text-align: right; }

#metrocard-home-panel-submit p {
  padding-top: 10px; }
  
/*Timaru home static image*/
#timstaticitem {
border: 1px solid #c9c9ce;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
width: 320px;
height: 277px;
background-color: #e6e6ed;
}
img.timstatic{
	margin-top: 2px;}
  
.read-more {
  float: right; }

#news-items-home {
  padding-top: 20px; }

#news-items-home-left-column {
  width: 470px;
  float: left;
  padding-right: 30px; }

#news-items-home-right-column {
  float: left;
  width: 470px; }

.news-item-home {
  border: 1px solid #eee;
  padding: 20px;
  margin-bottom: 10px; }

.news-item-home-image {
  float: left;
  padding-right: 15px; }

.news-item-home-image img {
  padding: 2px;
  border: 1px solid #b3b3b3;
  margin-bottom: 40px; }

/* Footer */
#footer-inner {
  margin-left: auto;
  margin-right: auto;
  width: 980px; }

.footer-column ul {
  margin: 0;
  list-style: none; }

.footer-column ul li {
  list-style: none; }

.footer-column-heading {
  font-weight: bold; }

.footer-column {
  float: left;
  width: 140px;
  padding-top: 20px;
  padding-right: 10px; }

.footer-column li {
  list-style-type: none;
  padding-bottom: 10px; }

.footer-column a:link {
  color: #505152;
  text-decoration: none; }

.footer-column a:visited {
  color: #505152; }

.footer-column a:hover {
  color: #d97417;
  text-decoration: underline; }

.footer-column a:active {
  color: #505152; }

#footer-right {
  float: right;
  padding-top: 18px; }

.slides {
  list-style: none;
  margin: 0px;
  padding: 0px; }

.flex-control-nav {
  list-style: none;
  margin: 0px;
  padding: 0px; }

.flex-direction-nav {
  list-style: none;
  margin: 0px;
  padding: 0px; }

.flexslider {
  margin: 0px;
  padding: 0px;
  width: 100%; }

.flexslider .slides > li {
  display: none; }

.flexslider .slides img {
  display: block;
  max-width: 100%; }

.flex-pauseplay span {
  text-transform: capitalize; }

.slides::after {
  height: 0px;
  line-height: 0;
  clear: both;
  display: block;
  visibility: hidden;
  content: "."; }

html[xmlns] .slides {
  display: block; }

* html .slides {
  height: 1%; }

.no-js .slides > li:first-child {
  display: block; }

.flexslider {
  background: white;
  border-radius: 5px;
  border: 4px solid white;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px; }

.flexslider .slides {
  zoom: 1; }

.flexslider .slides > li {
  position: relative; }

.flex-container {
  position: relative;
  zoom: 1; }

.flex-caption {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
  zoom: 1; }

.flex-caption {
  background: rgba(0, 0, 0, 0.3);
  padding: 2%;
  left: 0px;
  width: 96%;
  bottom: 0px;
  color: white;
  line-height: 18px;
  font-size: 14px;
  position: absolute;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); }

.flex-direction-nav li a {
  background: url("/SiteCollectionImages/flexslider/slidernav.png") no-repeat 0px 0px;
  margin: -13px 0px 0px;
  width: 23px;
  height: 23px;
  text-indent: -9999px;
  display: block;
  position: relative;
  cursor: pointer; }

.flex-direction-nav li .flex-next {
  background-position: -23px 0px;
  top: 210px;
  right: -305px; }

.flex-direction-nav li .flex-prev {
  left: -7px;
  top: 220px; }

.flex-direction-nav li .flex-disabled {
  filter: alpha(opacity=30);
  cursor: default;
  opacity: 0.3; }

.flex-control-nav {
  width: 320px;
  text-align: center;
  bottom: -30px;
  position: absolute; }

.flex-control-nav li {
  margin: 0px 0px 0px 5px;
  display: inline-block;
  zoom: 1; }

.flex-control-nav li:first-child {
  margin: 0px; }

.flex-control-nav li a {
  width: 13px;
  height: 13px;
  text-indent: -9999px;
  display: block;
  cursor: pointer; }

.flex-control-nav li a:hover {
  background-position: 0px -13px; }

.flex-control-nav li a.active {
  background-position: 0px -26px;
  cursor: default; }

/* 
body #s4-workspace {
overflow:visible !important;
overflow-x:visible !important;
overflow-y:scroll !important;
height:100%;
}
*/
/* float web part panel */
.ms-ToolPaneOuter {
  position: absolute;
  height: 80% !important;
  border: 2px #6f9dd9 solid;
  top: 170px;
  left: 0;
  z-index: 1000; }

td#MSOTlPn_MainTD {
  width: 0 !important; }

td#MSOTlPn_ToolPaneCaption {
  cursor: move; }

.home-zones {
  float: left;
  width: 100%; }

.headerzone {
  float: left;
  width: 100%;
  height: 300px; }

.topleftzone, .topcentrezone, .toprightzone {
  float: left;
  width: 320px; }

.topcentrezone {
  padding-left: 10px;
  padding-right: 10px; }

.midleftzone {
  float: left;
  width: 50%; }

.midrightzone {
  float: right;
  width: 50%; }

.footerzone {
  float: left;
  width: 100%; }

.hiddenselection {
  display: none; }

.horizontalwebparts > div > div {
  display: inline; }

.paneltitle {
  padding-bottom: 5px;
  font-size: 14px;
  font-weight: bold; }

.promoslider {
  width: 320px; }

.promoslideritem {
  border: 1px solid #c9c9ce;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  width: 320px;
  height: 277px;
  background-color: #e6e6ed; }

.promoslidertextarea {
  cursor: pointer;
  padding: 0 15px 0 15px;
  width: 290px; }

.promoslidertextarea:hover {
  background-color: #d0dafd; }

.promoslidertextarea div {
  width: 290px; }

.promoslidertextarea a {
  display: none; }

.panelreadmorelink {
  float: right; }

#serviceupdates-wrapper {
  border: 1px solid #c9c9ce;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  width: 320px;
  height: 277px;
  background-color: #e6e6ed;
  position: relative; }

#serviceupdates {
  position: relative; }

#serviceupdatestitle {
  background-color: #5a55c6;
  color: #fff;
  border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  padding: 10px 15px 10px 15px; }

#serviceupdate-listings-wrapper {
  height: 200px;
  overflow: auto;
  margin: 0 0 0 15px; }

#serviceupdates-wrapper ul li {
  list-style: none;
  margin-top: 5px;
  clear: both; }

.serviceupdateitem {
  cursor: pointer; }

.serviceupdateitem:hover {
  background-color: #d0dafd; }

.serviceupdateitem a:link, .serviceupdateitem a:visited {
  color: #383a3c; }

.serviceupdateitem a:hover {
  color: #000;
  text-decoration: underline; }

#serviceupdates .panelreadalllink {
  padding: 0 15px 0 10px;
  margin-top: 10px; }

#serviceupdates .paneltextalertslink {
  padding: 0 5px 0 10px;
  margin-top: 10px;
  margin-left: 5px; }

#serviceupdates .panelreadalllink a:link, #serviceupdates .panelreadalllink a:visited, #serviceupdates .paneltextalertslink a:link, #serviceupdates .paneltextalertslink a:visited {
  background-image: url(/SiteCollectionImages/common/bus-plan-arrow.png);
  background-repeat: no-repeat;
  text-decoration: underline; }

/* Landing pages */
.landingitemsall {
  width: 730px; }

.landingitemsall .roundedouter {
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px; }

#generic-content .cbq-layout-main li {
  padding-bottom: 0; }

.landingitemsall li:hover, .infoitem:hover, .newsitem:hover, .sidebaritem:hover, .sidebarhalfitem:hover {
  background-color: #d0dafd; }

.nohover:hover {
  background-color: inherit; }

.hovereditem {
  background-color: #d0dafd; }

#generic-content .landingitemsall li {
  float: left;
  margin: 0 10px 10px 0;
  width: 350px; }

.infoitem, .landingitem, .newsitem, .sidebaritem, .sidebarhalfitem {
  cursor: pointer;
  border: 1px solid #ccc;
  background: -moz-linear-gradient(top, white 2%, white 44%, #e9e9e9 98%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, white), color-stop(44%, white), color-stop(98%, #e9e9e9));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 2%, white 44%, #e9e9e9 98%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 2%, white 44%, #e9e9e9 98%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 2%, white 44%, #e9e9e9 98%);
  /* IE10+ */
  background: linear-gradient(to bottom, white 2%, white 44%, #e9e9e9 98%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 );
  /* IE6-9 */ }

.infoitem:hover, .landingitem:hover, .newsitem:hover, .sidebaritem:hover, .sidebarhalfitem:hover {
  background: #f1f1f1;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f1f1f1 4%, #fafafa 98%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #f1f1f1), color-stop(98%, #fafafa));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f1f1f1 4%, #fafafa 98%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f1f1f1 4%, #fafafa 98%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f1f1f1 4%, #fafafa 98%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f1f1f1 4%, #fafafa 98%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#fafafa',GradientType=0 );
  /* IE6-9 */ }

.infoitems .dfwp-item, .landingitems .dfwp-item, .newsitems .dfwp-item, .sidebaritems .dfwp-item {
  list-style: none; }

.infoitem, .newsitem {
  padding: 20px;
  width: 430px;
  height: 100px; }

.landingitem {
  padding: 10px;
  height: 85px; }

.sidebaritems {
  height: 100px;
  width: 100%;
  margin-bottom: 10px;
  clear: both; }

.sidebaritems li {
  float: left; }

.sidebaritems .roundedouter {
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px; }

.sidebaritem {
  float: left;
  width: 190px;
  padding: 5px 10px 5px 10px; }

.sidebarhalfitem {
  float: left;
  margin-right: 5px;
  margin-bottom: 10px;
  padding: 5px 10px 5px 10px; }

.sidebaritem .sidebartextarea {
  float: left;
  height: 75px;
  width: 100%; }

.sidebarhalfitem .sidebartextarea {
  text-align: center;
  float: left;
  height: 75px;
  width: 80px; }

.sidebaritem .sidebartextarea img {
  float: left;
  width: 30px; }

.sidebarhalfitem .sidebartextarea img {
  float: none;
  width: 30px; }

.sidebaritem .sidebartextarea h3 {
  padding-top: 5px;
  padding-left: 35px; }

.sidebarhalfitem .sidebartextarea h3 {
  color: #f1942c;
  font-size: 14px; }

.sidebarcontent {
  clear: both;
  padding-top: 10px; }

.sidebarcontent select {
  width: 190px; }

#generic-content .infoitem h3, #generic-content .landingitem h3, #generic-content .newsitem h3 {
  color: #fb9e25;
  font-size: 16px; }

#generic-content .landingitem p {
  padding-bottom: 0; }

.infoitemimage, .landingitemimage, .newsitemimage {
  float: left;
  padding-right: 15px; }

.infoitemtextarea, .newsitemtextarea {
  padding-left: 80px; }

.landingitemtextarea {
  padding-left: 70px; }

.infoitemtextarea a {
  text-decoration: underline;
  margin-top: 20px; }

.landingitemimage img {
  border: 0;
  padding: 0; }

.newsitemimage img {
  padding: 2px; }

#generic-content p.landingitemsummary {
  line-height: 14px; }

#content .infoitem p, #generic-content .infoitem p {
  padding-bottom: 0; }

a.landingitemlink {
  .padding: 0 0 0 10px;
  text-decoration: underline; }

.landingitemdate {
  font-weight: bold; }

.leftoftwocolumns {
  float: left;
  margin-top: 10px;
  width: 445px; }

.rightoftwocolumns {
  float: right;
  margin-top: 10px;
  width: 445px; }

.roundedouter {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px; }

.bluebackground {
  background-color: #4e4fbb;
  color: #fff;
  margin-bottom: 20px;
  padding-bottom: 10px; }

#content .bluebackground h2 {
  color: #fff;
  font-size: 18px; }

#content .bluebackground a:link, #content .bluebackground a:visited {
  color: #fff; }

.routeitemtextarea {
  clear: both; }

.routenumber {
  font-size: 24px;
  float: left;
  width: 50px;
  height: 50px;
  text-align: center;
  vertical-align: middle; }

.routeitemtextarea H3 {
  display: inline; }
                              
/* Timetables landing page */
#timetable-landing-header-icons {
  padding-left: 50px;
  width: 180px; }

#timetable-landing-header-text > span {
  padding-right: 10px; }

.routelistings {
  float: left;
  padding-top: 20px;
  width: 100%; }

.routelistings LI {
  border-bottom: 1px solid #dedede;
  float: left;
  width: 49%;
  height: 115px; }

.routelistings li:nth-child(odd) {
  border-right: 1px solid #dedede; }

.routelistings LI:hover {
  background-color: #d0dafd; }

.altroutelisting {
  background-color: #edf8fd; }

.routelistingitem {
  cursor: pointer;
  padding: 15px 10px 15px 10px; }

.routelistingheading {
  float: left;
  width: 100%;
  min-height: 35px; }

.routelistingnumber {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  float: left;
  width: 45px;
  height: 30px;
  text-align: center;
  vertical-align: middle; }

.routelistingnumber DIV {
  line-height: 30px;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle; }

.routelistingname {
  color: #23226e;
  font-size: 22px;
  font-weight: bold;
  padding: 0 5px 0 10px; }

.routelistingheading img {
  padding-left: 10px; }

.schoolroute .routelistingname {
  padding-left: 0; }

.routevia {
  color: #5c55bc;
  font-size: 13px;
  font-weight: bold;
  padding-left: 0; }

.routemap {
  float: left;
  clear: both;
  width: 45px; }

.routemap a {
  float: right;
  border: 0; }

.routedestination {
  color: #000;
  font-size: 12px;
  font-weight: normal;
  float: left;
  padding-left: 12px; }

.routelistingitem .routedestination {
  width: 400px; }

.routelinks {
  width: 250px; }

.routelinks .routelinkitem {
  border-bottom: 1px solid #dedede;
  cursor: pointer;
  float: left;
  width: 100%; }

.routelinks .routelinkitem:hover {
  background-color: #d0dafd; }

.routelinks .routeitemtextarea {
  float: left;
  width: 100%;
  padding-left: 5px; }

ul.routelinks .routelistingheading {
  float: left;
  width: 100%;
  height: 30px; }

ul.routelinks .routelistingnumber {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  float: left;
  width: 35px;
  height: 24px;
  position: relative;
  top: 3px;
  text-align: center;
  vertical-align: middle; }

ul.routelinks .routelistingnumber DIV {
  line-height: 24px;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle; }

ul.routelinks .routelistingname {
  color: #23226e;
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  padding: 0 5px 0 5px;
  position: relative;
  top: 2px; }

ul.routelinks .routevia {
  color: #5a59b6;
  font-size: 11px;
  font-weight: bold;
  padding-left: 40px;
  position: relative;
  top: 0px; }

.selectedRouteLink {
  background-color: #e5ebfc; }

.platformspacer {
  color: #fabe00;
  font-weight: bold;
  padding: 0 3px 0 5px; }

#criticalalertswrapper {
  background-color: #ffcc33;
  border: 1px solid #c9c9ce;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  padding: 5px 20px 5px 20px;
  margin: 10px 0 10px 0; }

#criticalalert, #criticalalert li {
  list-style-type: none; }

#viewcriticalupdates {
  text-decoration: underline; }

.citicalmetroalertdetails {
  display: none; }

#cboxWrapper .citicalmetroalertdetails {
  display: block; }

.left {
  float: left; }

.leftalign {
  float: left; }

.leftimage {
  float: left;
  padding-right: 20px; }

.right {
  float: right; }

.rightalign {
  float: right; }

.contentwithsidebar {
  width: 730px; }

.sidebar {
  width: 214px; }

.contentwithsideimage {
  width: 66%; }

.sideimage {
  width: 33%;
  padding-right: 10px; }

.iconwrapper {
  width: 40px; }

#networkmap {
  position: relative;
  top: -25px; }

#breadcrumb a:link, #breadcrumb a:hover, #breadcrumb a:visited {
  text-decoration: underline; }

.routeupdatelistingnumber {
  color: #fff;
  float: left;
  width: 30px;
  /*added padding*/padding-bottom: 5px;
  padding-top: 5px; }

.routeupdatelistingnumber div {
  text-align: center; }

.routeupdateheader {
  background-color: #e7eaf5;
  float: left;
  width: 100%;
  height: 50px;
  line-height: 50px; }

.routeupdateheader .routelistingnumber {
  margin: 7px 10px 0 10px; }

.routeupdateheader a, .routeupdateheader a:hover, .routeupdateheader a:visited {
  font-size: 12px;
  text-decoration: underline;
  margin-left: 10px;
  line-height: 50px;
  vertical-align: middle; }

.routupdateicon {
  padding: 5px 15px 0 40px; }

.routeupdatename {
  color: #23226e;
  font-size: 20px;
  font-weight: bold;
  line-height: 50px;
  width: 415px;
  /* 510px */
  float: left;
  vertical-align: middle; }

.routeupdatename a {
  display: none; }

.routeupdatedatesheadings {
  font-weight: bold;
  padding-left: 22px;
  width: 310px;
  float: left; }

.routeupdatestartdateheading {
  width: 160px;
  /* 90px */
  float: left; }

.routeupdateenddateheading {
  width: 90px;
  float: left; }

.routeupdatesall li {
  margin-botton: 20px; }

.routeupdates {
  float: left; }

.routeupdates li {
  border-bottom: 1px solid #ececec;
  padding: 5px;
  width: 100%;
  float: left; }

.routeupdates li:last {
  margin-bottom: 35px; }

.routeupdatetextarea {
  padding-left: 65px;
  width: 100%;
  float: left; }

.routeupdateicon {
  padding: 5px 10px 0 0;
  width: 32px;
  float: left; }

.routeupdatetitle {
  color: #383a3c;
  font-size: 14px;
  font-weight: bold;
  padding-top: 7px;
  width: 390px;
  /* 480px */
  float: left; }

.routeupdatetitle a, .routeupdatetitle a:hover, .routeupdatetitle a:visited {
  font-size: 11px;
  font-weight: normal;
  text-decoration: underline;
  margin-left: 10px; }

.routeupdatedates {
  padding: 9px 0 0 0;
  width: 320px;
  /* 240px */
  float: left; }

.routeupdatestartdate {
  width: 160px;
  /* 110px */
  float: left; }

.routeupdateenddate {
  width: 110px;
  float: left; }

.routetimetableaction {
  width: 140px;
  float: left; }

.routeupdatedetails {
  display: none;
  font-size: 14px;
  padding: 15px 0 0 42px;
  width: 850px;
  float: left; }

.selectedrouteupdate {
  border: 2px solid #dedede; }

.sortabledate {
  display: none; }

.altrow {
  background-color: #edf8fd; }

.timetablenotesheading {
  font-weight: bold; }

.timetablenotes ul {
  margin-left: 0; }

.timetablenotes li {
  list-style-type: none; }

.highlighted {
  font-weight: bold; }

.minorheading {
  padding-bottom: 10px; }

.obsolete {
  display: none; }

.relatedlink {
  background-image: url("/SiteCollectionImages/common/info-icon.png");
  background-repeat: no-repeat;
  background-position: 0 5px;
  padding: 0;
  line-height: 30px; }

.relatedlink a:link, .relatedlink a:visited {
  color: #383a3c;
  font-weight: bold;
  margin-left: 20px;
  text-decoration: underline; }

/*school services table styles */
table.school .stops {
    background-color: #41409A;
/*border-left: 1px solid #CFD1DC;*/
border-bottom: 1px solid #CFD1DC;

    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    height: 28px;
    padding: 0 12px 0 6px;
    text-align: left;
}

table.school .ritchies {
    background-color: rgb(236, 186, 139);
	}
	
table.school .intercity {
    background-color: rgb(177, 181, 233);
	}
	
/* kc added*/
table.school caption {
font-size:16px;
color:#3E3AA9;
font-weight: bold;
text-align: left;
padding-bottom: 10px;
}	

table.school {
/*clear:left;*/
margin-top: 20px;
margin-bottom:10px;
}

table.school td {
width:130px;
padding:10px;
border-bottom: 1px solid #CFD1DC;
border-right: 1px solid #CFD1DC;
border-left: 1px solid #CFD1DC;
}
table.school td.ss-mf {
border-top: 1px solid #CFD1DC;
font-weight: bold;
}

.public-hol-info {				
font-size: 14px;
}
  
  
/** RTI (RTI Panel) **/
#rti {
  color: #fff;
  padding: 20px 20px 0 20px;
  float: left;
  width: 413px;
  background-image: url(/SiteCollectionImages/rti/next-stop-background.jpg);
  background-repeat: no-repeat;
  height: 285px; }

#rtisidebar {
  background-color: #4e4fbb;
  color: #fff;
  width: 100%;
  clear: both; }

#rtisidebar .roundedinner {
  padding: 10px 10px 0 10px; }

#rti h2, .rti-panel h2 {
  font-size: 22px;
  background-image: url(/SiteCollectionImages/rti/next-stop-icon.png);
  background-repeat: no-repeat;
  padding-left: 70px;
  padding-bottom: 0; }

#rti h2 {
  color: #fff;
  text-shadow: 0px 1px 2px #333333; }

.rti-panel h2 {
  color: #000; }

#rtisidebar h2 {
  font-size: 18px;
  background-image: url(/SiteCollectionImages/rti/next-stop-icon.png);
  background-repeat: no-repeat;
  color: #fff;
  padding-left: 70px;
  text-shadow: 0px 1px 2px #333333; }

#rtisearch fieldset, .rtisearch fieldset {
  border: none;
  clear: both;
  margin: 0 0 0 0;
  width: 100%; }

#rtisearch fieldset, #stopsearch fieldset {
  border: none;
  margin-top: 38px;
  width: 100%; }

#rtisidebar #rtisearch fieldset {
  margin-top: 20px; }

#rtisearch fieldset legend, .rtisearch fieldset legend {
  display: none; }

#rtisearch fieldset ol, .rtisearch fieldset ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%; }

#rtisearch fieldset ol li, .rtisearch fieldset ol li {
  display: inline;
  clear: none; }

#rtisidebar #rtisearch fieldset ol li {
  text-align: center; }

#rtisidebar .button {
  margin-top: 5px; }

#rtisearch label {
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin: 5px 0 0 0;
  width: 230px;
  height: 24px;
  position: relative;
  top: 5px;
  line-height: 18px; }

.rtisearch label {
  color: #000;
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin: 5px 0 0 0;
  width: 230px;
  position: relative;
  top: 5px;
  line-height: 18px;
  height: 24px; }

#stopselection {
  /* padding-left:70px; */
  /* UPDATE */
  position: relative;
  top: -10px; }

#stopsearch ol {
  margin-left: 0;
  padding-left: 0; }

#rtisearch ol ol li, #stopsearch ol ol li {
  background: none;
  border: none;
  float: left; }

#rtisearch fieldset fieldset label {
  background: none no-repeat left 50%;
  line-height: 20px;
  padding: 0 0 0 30px;
  width: auto; }

#submitjpsearch {
  background-color: #f27849;
  color: #fff;
  padding: 2px 10px 2px 10px; }

.hidden#rtisearchsection {
  display: none; }

#resultspage {
  height: 600px;
  margin: 0 0 0 5px;
  width: 600px; }

#footer-container {
  clear: both; }

#footer-container footer {
  width: 600px;
  margin-right: auto;
  margin-left: auto; }

#searchpresets, #displaystyle {
  float: left;
  background-color: #ddd;
  padding: 5px 25px 10px 5px;
  border-bottom: solid 1px #999; }

#stopselection {
  clear: both; }

#fromloc, #toloc {
  width: 400px; }

#pendingarrivals {
  height: 100px;
  overflow-y: scroll;
  width: 95%;
  margin-top: 10px; }

#plat#rtisearchName {
  background-color: #ddd;
  color: #000;
  font-weight: bold;
  font-size: 12px;
  padding: 5px; }

#plat#rtisearchNameText {
  display: inline; }

.arrivalItem {
  background-color: #fff;
  /* #cce5ff; */
  font-size: 11px;
  padding: 1px 0 3px 5px; }

.arrivalsAlternate {
  background-color: #f0f0f0;
  /* #99eaff; */ }

#platformNameText {
  color: #000;
  font-weight: bold;
  font-size: 14px; }

#loadingindicator {
  display: none; }

.platformItem {
  cursor: pointer;
  padding: 5px 0 5px 0; }

.platformItemHeading {
  font-weight: bold; }

.helplink img {
  position: relative;
  top: 3px;
  left: -7px; }

.next-bus-search-input {
  width: 200px; }

#findstoplink {
  margin-left: 10px;
  position: relative;
  top: 10px; }

.next-bus-search-button {
  margin-left: 10px;
  background-image: url(/SiteCollectionImages/rti/next-bus-search-button.png);
  background-repeat: no-repeat;
  border: none;
  width: 78px;
  color: #fff; }

#next-bus-search a:link {
  color: #fff; }

#next-bus-search a:visited {
  color: #fff; }

#next-bus-search a:hover {
  color: #fff; }

#next-bus-search a:active {
  color: #fff; }

.find-stop-number-link {
  padding-top: 3px;
  padding-left: 10px; }

#timetable-out-next-bus-ticker, #timetable-back-next-bus-ticker {
  padding-top: 5px; }

#next-bus-ticker {
  font-size: 13px; }

.next-bus-ticker-platform {
  font-weight: bold;
  padding-bottom: 5px; }

.next-bus-wrapper {
  height: 100px;
  overflow: auto; }

#rtisidebar .next-bus-wrapper {
  height: 195px;
  overflow: auto;
  padding-bottom: 5px; }

.rti-arrivals .next-bus-wrapper {
  height: 200px;
  overflow: auto; }

#rti .next-bus-table td {
  padding: 5px; }

#rtisidebar .next-bus-table td {
  padding: 3px 2px 3px 0; }

#rti .next-bus-ticker-table-headings, #rtisidebar .next-bus-ticker-table-headings {
  background-color: #5e6097; }

.rti-arrivals .next-bus-ticker-table-headings {
  background-color: #e0e0e0; }

#rti .next-bus-ticker-table-alt, #rtisidebar .next-bus-ticker-table-alt {
  background-color: #4a4b89; }

.rti-arrivals .next-bus-ticker-table-alt {
  background-color: #f0f0f0; }

.next-bus-ticker-route {
  width: 30px; }

#rtisidebar .next-bus-ticker-route {
  width: 140px; }

.next-bus-ticker-destination {
  width: 310px; }

#rtisidebar .next-bus-ticker-destination {
  width: 100px; }

.next-bus-ticker-due {
  width: 60px; }

#rtisidebar .next-bus-ticker-due {
  width: 40px; }

#platformsearch {
  padding: 15px;
  width: 100%; }

#platformsearch ol {
  list-style-type: none;
  margin: 0;
  padding: 0; }

#platformsearch legend {
  font-size: 14px;
  font-weight: bold; }

#platformsearch ol a {
  position: relative;
  left: 5px; }

#platformsonstreet {
  margin-top: 10px; }

.rtisearch fieldset {
  float: left;
  width: 330px; }

.rti-arrivals, #timetable-out-stops, #timetable-out-mystops, #timetable-back-stops, #timetable-out-rtiloading {
  display: none; }

#rti .mystops-wrapper .platformItem:hover {
  background-color: #2c438c; }

#rti .stops-wrapper, #rti .mystops-wrapper {
  height: 100px;
  width: 413px;
  overflow: auto; }

#rtisidebar .stops-wrapper, #rtisidebar .mystops-wrapper {
  height: 200px;
  overflow: auto; }

#timetable-out-rti .stops-wrapper, #timetable-back-rti .stops-wrapper, #timetable-out-rti .mystops-wrapper, #timetable-back-rti .mystops-wrapper {
  height: 200px;
  overflow: auto; }

#rti .stops-wrapper a, #rti .mystops-wrapper a, #rtisidebar .stops-wrapper a, #rtisidebar .mystops-wrapper a {
  color: #fff; }

.rtisearchbox {
  width: 170px; }

#submitrtisearch {
  /*	background:url(/sitecollectionimages/common/magnifier.png) no-repeat 2px 2px #fb9e25;
  	background:url(/sitecollectionimages/common/magnifier.png) no-repeat 7px 2px #fb9e25\9; */
  color: #ff9e21;
  width: 48px;
  width: 48px\9;
  height: 33px;
  height: 31px\9;
  position: relative;
  cursor: pointer;
  background-color: #e76529;
  background-image: url(/SiteCollectionImages/common/RTISearch.png);
  background-repeat: no-repeat;
  height: 28px;
  padding: 0;
  /*	width:40px; */ }

#submitrtisearch:hover {
  /*	background:url(/sitecollectionimages/common/magnifier.png) no-repeat 2px 2px #f09608;
  	background:url(/sitecollectionimages/common/magnifier.png) no-repeat 7px 2px #f09608\9; */
  background-image: url(/SiteCollectionImages/common/RTISearchHover.png);
  background-repeat: no-repeat; }

#seemystops {
  cursor: pointer;
  background-color: #e76529;
  background-image: url(/SiteCollectionImages/common/OrangeButtonBkgrnd.png);
  background-repeat: repeat-x;
  height: 28px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  float: right; }

#rtisidebar #seemystops {
  margin-right: 10px; }

#seemystops:hover {
  background-image: url(/SiteCollectionImages/common/OrangeButtonHoverBkgrnd.png);
  background-repeat: repeat-x; }

#submitoutrtisearch, #submitbackrtisearch {
  background-color: #e76529;
  background-image: url("/SiteCollectionImages/common/OrangeButtonBkgrnd.png");
  background-repeat: repeat-x;
  height: 28px;
  padding-top: 0;
  padding-bottom: 0; }

#submitoutrtisearch:hover, #submitbackrtisearch:hover {
  background-image: url("/SiteCollectionImages/common/OrangeButtonHoverBkgrnd.png");
  background-repeat: repeat-x; }

.rtinote {
  color: #fff;
  font-size: 9px;
  text-align: right;
  width: 100%;
  padding-top: 5px; }

#rtidatadelay {
  color: orange;
  font-size: 12px;
  font-weight: bold; }

#rtipreviousstopsdelete {
  cursor: pointer;
  padding-top: 2px; }

.rtitip1 {
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  top: -20px; }

#stopnamesintrotext {
  padding-bottom: 5px; }

/** JP Journey planner panel) **/
.suggestionsBox {
  position: absolute;
  left: 0px;
  margin: 0px 0px 0px 0px;
  width: 200px;
  background-color: #7845DD;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border: 2px solid #000;
  color: #fff;
  z-index: 2; }

.suggestionList {
  margin: 0px;
  padding: 0px; }

.suggestionList li {
  margin: 0px 0px 3px 0px;
  padding: 3px;
  cursor: pointer; }

.suggestionList li:hover {
  background-color: #DD45CD; }

.jp_results {
  padding: 0px;
  border: 1px solid black;
  background-color: white;
  overflow: hidden;
  z-index: 99999; }

.jp_results ul {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0; }

.jp_results li {
  margin: 0px;
  padding: 2px 5px;
  cursor: default;
  display: block;
  /* 
  if width will be 100% horizontal scrollbar will apear 
  when scroll mode will be used
  */
  /*width: 100%;*/
  font: menu;
  font-size: 12px;
  /* 
  it is very important, if line-height not setted or setted 
  in relative units scroll will be broken in firefox
  */
  line-height: 16px;
  overflow: hidden; }

.jp_loading {
  background: white url("indicator.gif") right center no-repeat; }

.jp_odd {
  background-color: #eee; }

.jp_over {
  background-color: #0A246A;
  color: white; }

#jp {
  margin-right: 10px;
  padding: 20px;
  float: left;
  width: 480px;
  background-image: url(/SiteCollectionImages/journeyplanner/plan-bus-trip-background.jpg);
  background-repeat: no-repeat;
  height: 286px;
  color: #fff;
  font-size: 16px; }

#jp fieldset {
  border: none;
  clear: both;
  margin: 0 0 0 0;
  width: 100%; }

#jp fieldset legend {
  color: #f79600;
  display: block;
  font-weight: bold;
  margin: 5px 0 0 0; }

#jp fieldset ol {
  list-style-type: none;
  margin: 0;
  padding-left: 0;
  width: 100%; }

#jp fieldset ol li {
  display: inline;
  clear: none; }

#jp input {
  width: 210px; }

#jp #range {
  display: inline; }

#jpDateRange {
  display: none; }

#jp .dateOrTimeTextBox {
  width: 60px; }

#jpFromSelection label, #jpToSelection label {
  color: #fff;
  display: none;
  width: 45%;
  float: left;
  font-size: 11px;
  font-weight: bold;
  margin-right: 10px; }

#jpFromSelection legend, #jpToSelection legend {
  position: relative;
  top: 5px; }

#jpFromSelection li, #jpToSelection li {
  float: left;
  padding-top: 5px; }

#jpTimeAndSubmit li {
  float: left; }

#jpTimeAndSubmit label {
  color: #fff;
  margin: 10px 0 0 0;
  display: block; }

/*  width:70px;*/
/* margin:5px 0 5px 0 */
#jpTimeSelection {
  padding-right: 10px; }

#jpTimeSelection .dateOrTimeTextBox {
  width: 50px; }

#jpAMPMSelection {
  width: 46px;
  padding: 20px 0 0 10px; }

#jpAMPMSelection input {
  border: 0;
  width: 10px;
  padding: 0 5px 0 0; }

#jpSearchButton {
  color: #ffffff;
  font-family: arial;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
  background-color: #e76529;
  background-image: url(/SiteCollectionImages/common/OrangeButtonBkgrnd.png);
  background-repeat: repeat-x;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #eeb44f;
  height: 28px;
  display: inline-block;
  margin-top: 28px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 0 20px 0 20px;
  text-decoration: none;
  text-shadow: 1px 1px 0px #cc9f52; }

#jp #jpTimeAndSubmit #jpSearchButton {
  width: 170px; }

#jpSearchButton:hover {
  background-image: url(/SiteCollectionImages/common/OrangeButtonHoverBkgrnd.png);
  background-repeat: repeat-x;
  /* background-color:#9c3a0a; */ }

#jpSearchButton:link {
  font-size: 12px;
  color: #fff!important;
  font-weight: normal; }

#jpSearchButton:visited {
  color: #fff; }

#jpSearchButton:active {
  position: relative;
  top: 1px; }

.addressEntryTextbox {
  width: 200px;
  margin-right: 5px; }

.home-h2-small {
  font-weight: normal;
  font-size: 16px; }

#jp h2 {
  font-size: 22px;
  background-image: url(/SiteCollectionImages/journeyplanner/plan-bus-trip-icon.png);
  background-repeat: no-repeat;
  color: #fff;
  padding-left: 70px;
  padding-bottom: 0;
  text-shadow: 0px 1px 2px #333;
  float: left;
  width: 270px; }

#jpFromSelection, #jpToSelection {
  position: relative; }

#jpFromSelection legend {
  color: #f79600; }

.jptip1 {
  position: absolute;
  top: 10px;
  left: 0px;
  color: #fff;
  font-size: 14px;
  font-weight: bold; }

.jptip2 {
  position: absolute;
  top: 10px;
  left: 250px;
  color: #fff;
  font-size: 14px;
  font-weight: bold; }

#jpexternallinks {
  float: right;
  width: 140px; }

#content #jpexternallinks p {
  padding-bottom: 5px; }

#jp p.plan-trip-arrow {
  line-height: 18px; }

#jp .plan-trip-arrow a:link, #jp .plan-trip-arrow a:hover, #jp .plan-trip-arrow a:visited {
  background-image: url(/SiteCollectionImages/common/bus-plan-arrow.png);
  background-repeat: no-repeat;
  color: #ffffff;
  padding-left: 16px;
  text-decoration: none; }

#jpTimeSelection label, #jpDateSelection label {
  font-size: 14px; }

/* added 9 july 2014 */

ul.metro-list {
    line-height: 24px;
    list-style: disc outside none;
    padding-left: 30px;
	font-size:14px;
}

ol.metro-list {
    line-height: 24px;
    list-style: disc outside none;
    padding-left: 30px;
	font-size:14px;
}
/*bus number colours*/
.gleniti{
	background-color:#FFDA00;
}
.grantlea{
	background-color:#00B1DE;
}
.watlington{
	background-color:#00B6B5;
}
.timlink{
	background-color:#BF6EAD;
}

/*chch fares table styling*/
table.fares-table {
padding: 0px;
margin:0px;
}
table.fares-table td {
border: none;
padding:5px;
}