@font-face {
  font-family: 'OpenSansRegular';
  src: url("/public/fonts/opensans.eot?#iefix") format('embedded-opentype'), url("/public/fonts/opensans.woff") format('woff'), url("/public/fonts/opensans.ttf") format('truetype'), url("/public/fonts/opensans.svg#opensans") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSansSemibold';
  src: url("/public/fonts/opensanssemibold.eot?#iefix") format('embedded-opentype'), url("/public/fonts/opensanssemibold.woff") format('woff'), url("/public/fonts/opensanssemibold.ttf") format('truetype'), url("/public/fonts/opensanssemibold.svg#opensanssemibold") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSansBold';
  src: url("/public/fonts/opensansbold.eot?#iefix") format('embedded-opentype'), url("/public/fonts/opensansbold.woff") format('woff'), url("/public/fonts/opensansbold.ttf") format('truetype'), url("/public/fonts/opensansbold.svg#opensansbold") format('svg');
  font-weight: normal;
  font-style: normal;
}
html,
body {
  font-family: 'OpenSansRegular', Arial, sans-serif;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 20px;
  color: #283d51;
  font-weight: normal;
}
strong,
b {
  font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
/* as we're using a bold font, force normal font weight to override user agent style sheet */
  font-weight: normal;
}
h1 {
  font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
  font-weight: normal;
  margin: 15px 0;
}
h2,
h3,
h4,
h6 {
  color: #283d51;
  line-height: 25px;
  font-weight: normal;
}
h2,
h4,
h6 {
  font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
  font-weight: normal;
}
h3,
h5 {
  font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif;
}
img {
  border: none;
}
hr {
  clear: both;
  margin: 0px;
  height: 0px;
  padding: 0px;
  border: #d2d8dc 1px solid;
  border-bottom: none;
}
article {
  border: 0;
  list-style-type: none;
  padding: 1px;
}
table {
  border-spacing: 0px;
  border-collapse: collapse;
  max-width: 780px;
  text-align: left;
  background-color: #e3f0f8;
  border: none;
}
tbody,
td,
th {
  background-color: #e3f0f8;
  padding: 5px 10px;
  border-bottom: 1px #c3d0d8 solid;
}
tr:last-child td,
tr:last-child th {
  border: none;
}
thead,
thead th {
  padding: 5px 10px;
  color: #fff;
  background-color: #283d51;
  text-transform: uppercase;
  font-weight: normal;
}
iframe td,
iframe thead,
iframe tr,
iframe tbody {
  background-color: transparent;
  border: none;
}
a {
  color: #007bcc;
  text-decoration: none;
  outline: none;
}
a h2 {
  color: #007bcc;
}
a:hover {
  text-decoration: #60656a;
}
.lead {
  margin: 0 0 40px;
}
.lead.line-length {
  padding-right: 150px;
}
.lead p {
  font-size: 16px;
  line-height: 22px;
  font-family: 'OpenSansSemibold';
  margin: 0 0 20px;
}
.red_text {
  color: #ba2026;
  font-family: 'OpenSansBold';
  font-size: 16px;
}
input,
select,
textarea,
button {
  font-size: 13px;
  line-height: 16px;
  font-family: 'OpenSansSemibold', Arial, Helvetica, Verdana, sans-serif;
}
a.link_to_pdf {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/adobe_pdf_icon.png") no-repeat;
  padding-left: 50px;
  height: 40px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  padding-top: 10px;
}
div:focus,
article:focus,
section:focus,
a,
img,
button,
.button,
input,
footer:focus {
  outline: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
select:focus,
button:focus,
a:focus,
input:focus,
.display:focus,
textarea:focus,
.focused .display,
a h4:focus,
.ChildTitle:focus,
p:focus {
  outline: dotted 1px;
}
.skip_nav {
  position: absolute;
  left: -10000px;
}
.skip_nav:focus {
  position: relative;
  left: 0;
  background-color: #17232f;
  color: #000;
  text-align: center;
}
#firstLink {
  background-color: #fd0;
  width: 100%;
  color: #000;
  text-decoration: underline;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
}
header {
  position: relative;
}
header .title {
  margin-right: 20px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  margin: 0;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 60px;
  height: 32px;
  line-height: 60px;
  vertical-align: middle;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/logo-30.png") no-repeat transparent;
}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 900px) {
  header {
    height: 60px;
  }
  header .title {
    height: 60px;
    background: url("//az609578.vo.msecnd.net/public/9d11721/images/logo-55.png") no-repeat transparent;
  }
}
@media only screen and (min-width: 1200px) {
}
footer {
  display: block;
  overflow: hidden;
  text-align: center;
  background-color: #17232f;
  color: #fff;
}
footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
footer ul li {
  margin-top: 10px;
}
footer ul li span.divider {
  display: none;
}
footer #AT_terms {
  margin: 10px 0 20px 25px;
}
footer #AT_contact {
  position: relative;
  width: 100%;
}
footer #AT_contact li a {
  color: #fff;
}
footer #at {
  float: left;
}
footer #at a {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/at-logo-temp-120.png") no-repeat 0 0 transparent;
  text-indent: -1000000px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 120px;
  height: 39px;
}
footer #contact,
footer #careers {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
footer .social-icon-footer {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  margin-top: 0;
}
footer .social-icon-footer a {
  text-indent: -1000000px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 26px;
  height: 26px;
  margin: 0 0 0 0px;
  padding: 0 0 0 5px;
}
footer #fb a {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/facebook-icon-24.png") no-repeat 0px 0px transparent;
  background-size: 17px 17px;
  margin-left: 5px;
  margin-top: 2px;
}
footer #tw a {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/twitter-icon-24.png") no-repeat -2px -5px transparent;
  background-size: 25px 25px;
  margin-top: 3px;
}
footer #yt a {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/youtube-icon-24.png") no-repeat 0px 0px transparent;
  margin-right: 10px;
  background-size: 23px 17px;
  margin-top: 2px;
}
footer #li {
  padding-right: 100px;
}
footer #li a {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/linkedin-icon-24.png") no-repeat 0px 0px transparent;
  background-size: 18px 18px;
  margin-top: 2px;
}
footer #ig a {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/instagram-icon-24.png") no-repeat 0px 0px transparent;
  background-size: 18px 18px;
  margin-left: 2px;
  margin-top: 2px;
}
footer #copy a {
  display: block;
  margin: 10px 0 0;
}
footer #nzg a {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/nz-govt-logo.png") no-repeat 0 0 transparent;
  background-size: contain;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 160px;
  height: 19px;
  font-size: 0;
}
@media only screen and (min-width: 320px) {
  footer #AT_contact {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    text-align: left;
    width: 200px;
    text-align: center;
  }
  footer #AT_terms {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    width: 90%;
  }
  footer #AT_terms li {
    padding: 0;
    margin: 0;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
  }
  footer #AT_terms #nzg {
    padding: 10px 0 0 10px;
    display: block;
  }
  footer #at {
    float: none;
    text-align: center;
  }
  footer #contact {
    margin-left: 30px;
  }
  footer #li {
    padding-right: 0;
  }
  footer #copy {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
  }
  footer #copy a {
    margin: 0;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
  }
  footer .desktop {
    visibility: hidden;
  }
}
@media only screen and (min-width: 769px) {
  footer {
    padding: 20px 0;
  }
  footer #at {
    margin: 5px 25px 0;
  }
  footer #careers,
  footer #tw {
    margin: 10px 0;
  }
  footer #copy a {
    margin: 0;
  }
  footer #nzg {
    margin: 10px 0;
    padding-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  footer {
    text-align: left;
  }
  footer ul li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
  }
  footer ul li span.divider {
    display: inline-block;
  }
  footer .desktop {
    visibility: visible;
  }
  footer #AT_terms {
    margin: 10px 0 0 0;
    float: right;
    width: 100%;
    text-align: center;
    display: inline-flex;
  }
  footer #copy {
    width: 70%;
    text-align: center;
    margin: 10px 0;
    margin-left: 200px !important;
  }
  footer #copy a {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
  }
  footer #at {
    left: 0;
    bottom: -35px;
    position: absolute;
  }
  footer #careers {
    margin-right: 0;
  }
  footer #AT_contact {
    text-align: center;
    width: 100%;
  }
  footer #contact {
    margin-left: 75px;
  }
  footer #nzg {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    float: right;
    margin-right: 10px !important;
    margin-top: -20px !important;
    padding-left: 55px !important;
  }
  footer.AT_Home {
    position: fixed;
    bottom: 0;
  }
}
input[type="text"],
input[type="date"],
input[type="password"],
input[type="number"] {
  height: 28px;
  padding: 5px;
  margin: 3px 10px 3px 0;
  line-height: 15px;
  width: 90%;
  max-width: 780px;
  font-family: 'OpenSansBold', sans-serif;
  border: 1px solid #c5c9cd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  color: #007bcc;
  font-size: 14px;
}
textarea {
  padding: 3px 10px;
  line-height: 18px;
  width: 100%;
  height: 200px;
  font-family: 'OpenSansBold', sans-serif;
  border: 1px solid #c5c9cd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  color: #007bcc;
  font-size: 14px;
  resize: none;
}
input:focus {
  outline: 1px dotted #000;
}
textarea:focus {
  outline: 1px dotted #000;
}
table input[type='text'] {
  background-color: #fff;
}
label {
  font-family: 'OpenSansBold', sans-serif;
  color: #283d51;
  font-size: 14px;
  width: 90%;
  padding-bottom: 3px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
label span {
  color: #9fbe46;
}
.field label {
  width: initial;
}
.field a,
.field .selectbox {
  display: block;
}
input[type="file"] {
  position: relative;
/* this needs to be in place for the pseudo element to position properly */
  -webkit-appearance: none;
/* this is the key to clearing the default styling */
  width: 50%;
  padding: 0px;
  margin: 0;
  font-family: 'OpenSansBold', sans-serif;
  border: 1px solid #c5c9cd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  color: #007bcc;
  font-size: 14px;
}
input[type="file"]::-webkit-file-upload-button {
  width: 0;
  padding: 10px 0px 10px 10px;
  margin: 0;
  -webkit-appearance: none;
  font-family: 'OpenSansBold', sans-serif;
  border: 1px solid #c5c9cd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  color: #007bcc;
  font-size: 14px;
  border: none;
}
input[type="file"]:after {
  content: "Choose file";
  display: inline-block;
  left: 100%;
  padding: 10px 30px;
  font-size: 14px;
  position: relative;
  background: #007bcc;
  font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
  color: #fff;
  -webkit-appearance: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.fileUploadName {
  padding: 5px 0px 5px 10px;
  margin: 0;
  font-family: 'OpenSansBold', sans-serif;
  border: 1px solid #c5c9cd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  color: #007bcc;
  font-size: 14px;
  float: left;
  width: 65%;
}
.fileUploadButton {
  content: "Choose file";
  display: inline-block;
  padding: 12px 30px;
  font-size: 14px;
  background: #007bcc;
  font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  border: none;
  float: left;
  margin-left: 5px;
  margin-top: 0;
}
.uploadSelect .fileUploadName.hidden {
  display: none;
  width: 0;
  padding: 0;
  border: none;
}
.uploadSelect .fileUploadButton {
  display: inline-block;
  padding: 12px;
  font-size: 14px;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/camera.png") 98% center no-repeat #007bcc;
  font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  border: none;
  float: left;
  margin-left: 0;
  margin-top: 0;
  text-align: left;
  cursor: pointer;
}
.uploadSelect .fileUploadInput {
  position: absolute;
  left: -1000000px;
  width: 1px;
  height: 1px;
}
.field-validation-error {
  font-family: OpenSansBold, Arial, Helvetica, sans-serif;
  color: #ee2a28;
  font-size: 11px;
  display: block;
}
.validation-summary-errors {
  font-family: OpenSansBold, Arial, Helvetica, sans-serif;
  color: #ee2a28;
  font-size: 14px;
  margin: 20px 0;
}
.validation-summary-errors ul {
  padding: 0 0 0 20px;
}
.validation-summary-errors ul li {
  margin: 0;
}
.required {
  color: #ee2a28;
}
.input-validation-error {
  border: 2px #ee2a28 solid !important;
  background: #fff !important;
  color: #ee2a28 !important;
}
.hide-validation input {
  border: 1px solid #c5c9cd !important;
  color: #007bcc !important;
}
.hide-validation .field-validation-error {
  display: none !important;
}
.hide-required {
  display: none;
}
fieldset {
  border: none;
}
legend {
  display: none;
}
html.touch .sb,
html.touch .sb2 {
  display: none !important;
}
html.touch select {
  display: inline-block !important;
  max-width: 80%;
  height: 38px;
}
html.touch .has_sb {
  left: 0 !important;
  text-indent: 0 !important;
  position: static !important;
}
#ui-datepicker-div {
  background-color: #349ce0;
}
#ui-datepicker-div table.ui-datepicker-calendar {
  background-color: #349ce0;
}
#ui-datepicker-div table.ui-datepicker-calendar td {
  background-color: #349ce0;
}
.input-imp-long {
  display: none !important;
}
@media only screen and (max-width: 480px) {
  input[type="file"]:after {
    padding: 10px 15px;
  }
}
.icon-arrow {
  background-image: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/button-directions.png");
  width: 15px;
  height: 15px;
}
#AT_Main .button {
  color: #fff;
  position: relative;
  font-size: 14px;
  line-height: 23px;
  text-align: center;
  font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
  padding: 8px 9px;
  margin-bottom: 14px;
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  background-color: #007bcc;
  background-repeat: no-repeat;
  border: none;
  -webkit-transition: background-color 135ms linear;
  -moz-transition: background-color 135ms linear;
  -o-transition: background-color 135ms linear;
  -ms-transition: background-color 135ms linear;
  transition: background-color 135ms linear;
  cursor: pointer;
/*&.withArrow {
			buttonWithArrow();
		}*/
/*.icon {
			position: absolute;
			right: 14px;
		}*/
}
#AT_Main .button .icon {
  float: right;
}
#AT_Main .button .icon.icon-arrow {
  margin: 4px 0px 4px 15px;
}
#AT_Main .button:hover {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  background-color: #9fbe46;
}
#AT_Main .button .disabled {
  background-color: #acacac;
  cursor: default;
}
#AT_Main .button.textCentered {
  text-align: center;
  padding: 10px 0;
}
#AT_Main .button.onDarkBg.blueSolid {
  background-color: #019bff;
  color: #fff;
  border: 1px solid #019bff;
}
#AT_Main .button.onDarkBg.blueSolid:hover {
  background-color: #93bd1b;
  border: 1px solid #93bd1b;
}
#AT_Main .button.onDarkBg.green {
  background-color: #fefffa;
  color: #93bd1b;
  border: 1px solid #93bd1b;
}
#AT_Main .button.onDarkBg.green .circle {
  background-color: #93bd1b;
  color: #fefffa;
}
#AT_Main .button.onLightBg.blueSolid {
  background-color: #0067ac;
  color: #fff;
  border: 1px solid #0067ac;
}
#AT_Main .button.onLightBg.blueSolid:hover {
  background-color: #586d00;
  border: 1px solid #586d00;
}
#AT_Main .button.onLightBg.green {
  background-color: #fefffa;
  color: #586d00;
  border: 1px solid #586d00;
}
#AT_Main .button.onLightBg.green .circle {
  background-color: #586d00;
  color: #fefffa;
}
#AT_Main .button.grey {
  background-color: #e7e8ea;
  color: #60656a;
  border: 1px solid #c5c9cd;
}
#AT_Main .button.grey.disabled {
  background-color: #f7f5fa;
  border: 1px solid #d2d8dc;
  color: #d2d8dc;
  cursor: default;
}
#AT_Main .button .label {
  padding-right: 30px;
}
#AT_Main .button .circle {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  right: 14px;
  margin-left: 10px;
  vertical-align: middle;
}
#AT_Main .button .circle .count {
  position: absolute;
  width: 20px;
  height: 20px;
  display: block;
  text-align: center;
  line-height: 20px;
}
form button,
#AT_My_At_Preferences button,
#AT_Main button,
#my_at_summary button,
form .button,
#AT_My_At_Preferences .button,
#AT_Main .button,
#my_at_summary .button,
form input[type="submit"],
#AT_My_At_Preferences input[type="submit"],
#AT_Main input[type="submit"],
#my_at_summary input[type="submit"] {
  color: #fff;
  position: relative;
  font-size: 14px;
  line-height: 23px;
  text-align: center;
  font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
  padding: 8px 9px;
  margin-bottom: 14px;
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  background-color: #007bcc;
  background-repeat: no-repeat;
  border: none;
  -webkit-transition: background-color 135ms linear;
  -moz-transition: background-color 135ms linear;
  -o-transition: background-color 135ms linear;
  -ms-transition: background-color 135ms linear;
  transition: background-color 135ms linear;
  cursor: pointer;
}
form button .icon,
#AT_My_At_Preferences button .icon,
#AT_Main button .icon,
#my_at_summary button .icon,
form .button .icon,
#AT_My_At_Preferences .button .icon,
#AT_Main .button .icon,
#my_at_summary .button .icon,
form input[type="submit"] .icon,
#AT_My_At_Preferences input[type="submit"] .icon,
#AT_Main input[type="submit"] .icon,
#my_at_summary input[type="submit"] .icon {
  float: right;
}
form button .icon.icon-arrow,
#AT_My_At_Preferences button .icon.icon-arrow,
#AT_Main button .icon.icon-arrow,
#my_at_summary button .icon.icon-arrow,
form .button .icon.icon-arrow,
#AT_My_At_Preferences .button .icon.icon-arrow,
#AT_Main .button .icon.icon-arrow,
#my_at_summary .button .icon.icon-arrow,
form input[type="submit"] .icon.icon-arrow,
#AT_My_At_Preferences input[type="submit"] .icon.icon-arrow,
#AT_Main input[type="submit"] .icon.icon-arrow,
#my_at_summary input[type="submit"] .icon.icon-arrow {
  margin: 4px 0px 4px 15px;
}
form button:hover,
#AT_My_At_Preferences button:hover,
#AT_Main button:hover,
#my_at_summary button:hover,
form .button:hover,
#AT_My_At_Preferences .button:hover,
#AT_Main .button:hover,
#my_at_summary .button:hover,
form input[type="submit"]:hover,
#AT_My_At_Preferences input[type="submit"]:hover,
#AT_Main input[type="submit"]:hover,
#my_at_summary input[type="submit"]:hover {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  background-color: #9fbe46;
}
form button .disabled,
#AT_My_At_Preferences button .disabled,
#AT_Main button .disabled,
#my_at_summary button .disabled,
form .button .disabled,
#AT_My_At_Preferences .button .disabled,
#AT_Main .button .disabled,
#my_at_summary .button .disabled,
form input[type="submit"] .disabled,
#AT_My_At_Preferences input[type="submit"] .disabled,
#AT_Main input[type="submit"] .disabled,
#my_at_summary input[type="submit"] .disabled {
  background-color: #acacac;
  cursor: default;
}
.my_at_menu {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
}
.my_at_menu .logout-col {
  display: inline-block;
  zoom: 1;
  height: 0px;
  vertical-align: middle;
}
#top_nav {
  position: relative;
}
#top_nav div.search {
  display: none;
}
#top_nav div.search input[type="text"],
#top_nav div.search ::-webkit-input-placeholder,
#top_nav div.search :-moz-placeholder,
#top_nav div.search ::-moz-placeholder,
#top_nav div.search :-ms-input-placeholder {
  font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
  border: none;
}
#top_nav nav {
  height: 60px;
}
#top_nav nav a {
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  display: block;
}
#top_nav ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
/*force priority*/
/* Public Transport sprite */
/* Driving & Parking sprite */
/* Projects sprite */
/* AT sprite */
/* Cycling & Walking sprite */
}
#top_nav ul:hover a {
  color: #66707a;
}
#top_nav ul:hover li.publictransport a span .icon1 {
  background-position: 0px -72px;
}
#top_nav ul:hover li.publictransport a span .icon2 {
  background-position: -17px -72px;
}
#top_nav ul:hover li.publictransport a span .icon3 {
  background-position: -35px -72px;
}
#top_nav ul:hover li.cyclingwalking a span .icon1 {
  background-position: -110px -70px;
}
#top_nav ul:hover li.cyclingwalking a span .icon2 {
  background-position: -90px -72px;
}
#top_nav ul:hover li.drivingparking a span .icon1 {
  background-position: -55px -72px;
}
#top_nav ul:hover li.drivingparking a span .icon2 {
  background-position: -75px -72px;
}
#top_nav ul:hover li.projects a span .icon1 {
  background-position: -127px -72px;
}
#top_nav ul:hover li.ATAboutUs a span .icon1 {
  background-position: -144px -72px;
}
#top_nav ul li {
  width: 100%;
}
#top_nav ul li a {
  line-height: 18px;
  font-size: 18px;
  font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
}
#top_nav ul li a .top_nav_icons {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin: 6px 0 3px;
  background-repeat: no-repeat;
/*display: block;
					height: 20px;
					line-height: 20px;
					margin: 6px 0 3px;
					background-repeat: no-repeat;
					background-color: transparent;*/
}
#top_nav ul li a .linkTitle {
  display: block;
}
#top_nav ul .navIcon {
  width: 20px;
  height: 19px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  background-image: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/at-icons-color-full-400.png");
  background-position: 0px 0px;
}
#top_nav ul li.publictransport a .icon1 {
  background-position: 0px -36px;
}
#top_nav ul li.publictransport a .icon2 {
  background-position: -17px -36px;
}
#top_nav ul li.publictransport a .icon3 {
  background-position: -35px -36px;
}
#top_nav ul li.publictransport a:hover span .icon1,
#top_nav ul li.publictransport a.active span .icon1 {
  background-position: 0px -90px;
}
#top_nav ul li.publictransport a:hover span .icon2,
#top_nav ul li.publictransport a.active span .icon2 {
  background-position: -17px -90px;
}
#top_nav ul li.publictransport a:hover span .icon3,
#top_nav ul li.publictransport a.active span .icon3 {
  background-position: -35px -90px;
}
#top_nav ul li.drivingparking a .icon1 {
  background-position: -55px -36px;
}
#top_nav ul li.drivingparking a .icon2 {
  background-position: -75px -36px;
}
#top_nav ul li.drivingparking a .icon3 {
  display: none;
}
#top_nav ul li.drivingparking a:hover span .icon1,
#top_nav ul li.drivingparking a.active span .icon1 {
  background-position: -55px -90px;
}
#top_nav ul li.drivingparking a:hover span .icon2,
#top_nav ul li.drivingparking a.active span .icon2 {
  background-position: -75px -90px;
}
#top_nav ul li.projects a .icon1 {
  background-position: -127px -36px;
}
#top_nav ul li.projects a .icon2 {
  display: none;
}
#top_nav ul li.projects a .icon3 {
  display: none;
}
#top_nav ul li.projects a:hover span .icon1,
#top_nav ul li.projects a.active span .icon1 {
  background-position: -127px -90px;
}
#top_nav ul li.ATAboutUs a .icon1 {
  background-position: -144px -36px;
}
#top_nav ul li.ATAboutUs a .icon2 {
  display: none;
}
#top_nav ul li.ATAboutUs a .icon3 {
  display: none;
}
#top_nav ul li.ATAboutUs a:hover span .icon1,
#top_nav ul li.ATAboutUs a.active span .icon1 {
  background-position: -144px -90px;
}
#top_nav ul li.cyclingwalking a .icon1 {
  background-position: -110px -34px;
}
#top_nav ul li.cyclingwalking a .icon2 {
  background-position: -90px -36px;
}
#top_nav ul li.cyclingwalking a .icon3 {
  display: none;
}
#top_nav ul li.cyclingwalking a:hover span .icon1,
#top_nav ul li.cyclingwalking a.active span .icon1 {
  background-position: -110px -88px;
}
#top_nav ul li.cyclingwalking a:hover span .icon2,
#top_nav ul li.cyclingwalking a.active span .icon2 {
  background-position: -90px -90px;
}
#top_nav ul li a:hover {
  color: #349ce0;
}
#top_nav ul li a.active {
  color: #349ce0;
}
#top_nav li {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  margin-right: 50px;
}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 900px) {
  #top_nav ul li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
  }
  #top_nav ul li a {
    line-height: 17px;
    font-size: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  #top_nav ul li a {
    line-height: 18px;
    font-size: 18px;
  }
}
#my_at_summary {
  font-size: 13px;
  font-family: OpenSansBold, ArialBlack, Arial, Helvetica, sans-serif;
}
#my_at_summary a:hover {
  text-decoration: #60656a;
}
#my_at_summary input {
  width: 90%;
}
#my_at_summary .formRow {
  margin-bottom: 8px;
}
#my_at_summary .formRow input[type="text"],
#my_at_summary .formRow input[type="password"],
#my_at_summary .formRow input[type="text"]:focus,
#my_at_summary .formRow input[type="password"]:focus {
  background-color: #17232f;
  border: none;
}
#my_at_summary form {
  padding: 17px 17px 17px;
}
#my_at_summary .register {
  padding: 10px 17px 10px;
}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 900px) {
}
@media only screen and (min-width: 1200px) {
}
#AT_Feedback .contour .contourField .selectbox .display {
  width: 246px;
}
#AT_Feedback .contour .contourField .selectbox .items {
  width: 200px;
}
#AT_Feedback .contour .contourField.travelhour label,
#AT_Feedback .contour .contourField.traveltimeminutejp label {
  visibility: hidden;
}
#AT_Feedback .contour .contourField.timeoftravel,
#AT_Feedback .contour .contourField.travelhour,
#AT_Feedback .contour .contourField.traveltimehourjp,
#AT_Feedback .contour .contourField.traveltimeminutejp {
  width: 142px;
}
#AT_Feedback .contour .contourField.timeoftravel .selectbox .display,
#AT_Feedback .contour .contourField.travelhour .selectbox .display,
#AT_Feedback .contour .contourField.traveltimehourjp .selectbox .display,
#AT_Feedback .contour .contourField.traveltimeminutejp .selectbox .display {
  width: 90px;
}
#AT_Feedback .contour .contourField.timeoftravel .selectbox .items,
#AT_Feedback .contour .contourField.travelhour .selectbox .items,
#AT_Feedback .contour .contourField.traveltimehourjp .selectbox .items,
#AT_Feedback .contour .contourField.traveltimeminutejp .selectbox .items {
  width: 66px;
}
#AT_Feedback .contour .contourField.choosetheoptionthatbestsuitsyourrequest,
#AT_Feedback .contour .contourField.yourfeedbackrelatesto {
  width: 100%;
  display: block;
}
#AT_Feedback .contour .contourField.hopcardnumber,
#AT_Feedback .contour .contourField.hopcardnumberfield2,
#AT_Feedback .contour .contourField.hopcardnumberfield3,
#AT_Feedback .contour .contourField.hopcardnumberfield4,
#AT_Feedback .contour .contourField.hopcardnumberfield4,
#AT_Feedback .contour .contourField.hopcardnumberfield5 {
  width: 80px;
}
#AT_Feedback .contour .contourField.hopcardnumber label,
#AT_Feedback .contour .contourField.hopcardnumberfield2 label,
#AT_Feedback .contour .contourField.hopcardnumberfield3 label,
#AT_Feedback .contour .contourField.hopcardnumberfield4 label,
#AT_Feedback .contour .contourField.hopcardnumberfield4 label,
#AT_Feedback .contour .contourField.hopcardnumberfield5 label {
  visibility: hidden;
  height: 48px;
  overflow: hidden;
}
#AT_Feedback .contour .contourField.hopcardnumber .selectbox .display,
#AT_Feedback .contour .contourField.hopcardnumberfield2 .selectbox .display,
#AT_Feedback .contour .contourField.hopcardnumberfield3 .selectbox .display,
#AT_Feedback .contour .contourField.hopcardnumberfield4 .selectbox .display,
#AT_Feedback .contour .contourField.hopcardnumberfield4 .selectbox .display,
#AT_Feedback .contour .contourField.hopcardnumberfield5 .selectbox .display {
  width: 90px;
}
#AT_Feedback .contour .contourField.hopcardnumber .selectbox .items,
#AT_Feedback .contour .contourField.hopcardnumberfield2 .selectbox .items,
#AT_Feedback .contour .contourField.hopcardnumberfield3 .selectbox .items,
#AT_Feedback .contour .contourField.hopcardnumberfield4 .selectbox .items,
#AT_Feedback .contour .contourField.hopcardnumberfield4 .selectbox .items,
#AT_Feedback .contour .contourField.hopcardnumberfield5 .selectbox .items {
  width: 66px;
}
#AT_Feedback .contour .contourField.hopcardnumber label {
  visibility: visible;
}
.contour {
  font-size: 16px;
  line-height: 22px;
  color: #283d51;
}
.contour legend {
  display: none;
}
.contour fieldset {
  padding: 0;
}
.contour label {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin: 0;
}
.contour input[type="password"],
.contour input[type="file"],
.contour input[type="text"] {
  display: block;
/* for IE*/
  margin: 0;
}
.contour .input-validation-error {
  border: 2px solid #ee2a28;
  background: #fff;
}
.contour .contourField.hasDatepicker div.ui-datepicker {
  display: none !important;
}
.contour .contourField.mandatory label:after {
  content: " *";
  color: #ee2a28;
}
.contour .contourPage {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
.contour .contourPageName {
  display: none;
}
.contour .contourNavigation {
  position: relative;
  height: 70px;
  width: 165px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  padding-bottom: 25px;
}
.contour .contourNavigation input {
  position: absolute;
  margin-top: 35px;
}
.contour .contourNavigation a {
  margin-top: 20px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
.contour .contourNavigation .remove {
  font-size: 12px;
  color: #acacac;
  padding-left: 30px;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/temp/icon.remove.png") no-repeat;
}
.contour .contourNavigation .add {
  font-size: 12px;
  padding-left: 30px;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/temp/icon.plus.more.png") no-repeat;
}
.contour .contourField {
  margin-bottom: 20px;
  margin-right: 10px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 100%;
}
.contour .contourField.textarea {
  display: block;
}
.contour .contourField.longanswer {
  display: block;
}
.contour .contourField textarea {
  height: 100px;
  display: block;
/* for IE*/
}
.contour .contourField textarea label {
  width: 100%;
}
.contour .contourField .help-block {
  display: block;
  font-size: smaller;
  margin-bottom: 10px;
}
.contour .yourdesiredoutcome textarea {
  height: 56px;
}
.contour .checkbox {
  width: 100%;
}
.contour .checkbox input {
  float: left;
  margin-right: 10px;
}
#ui-datepicker-div {
  padding: 5px;
  background-color: #469bd2;
  border: 3px solid #e3f0f8;
  color: #fff;
  padding: 0;
}
#ui-datepicker-div .ui-datepicker-header,
#ui-datepicker-div .ui-widget-header,
#ui-datepicker-div .ui-helper-clearfix,
#ui-datepicker-div .ui-corner-all {
  background-color: #394352;
  padding: 5px 10px;
  position: relative;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title,
#ui-datepicker-div .ui-widget-header .ui-datepicker-title,
#ui-datepicker-div .ui-helper-clearfix .ui-datepicker-title,
#ui-datepicker-div .ui-corner-all .ui-datepicker-title {
  height: 25px;
  padding-top: 5px;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev,
#ui-datepicker-div .ui-widget-header .ui-datepicker-prev,
#ui-datepicker-div .ui-helper-clearfix .ui-datepicker-prev,
#ui-datepicker-div .ui-corner-all .ui-datepicker-prev {
  width: 10px;
  height: 15px;
  display: inline-block;
  position: absolute;
  right: 25px;
  top: 10px;
  padding: 0px;
  font-size: 0;
  overflow: hidden;
  color: #394352;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/icons_prev_next.png") left 0px no-repeat;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled,
#ui-datepicker-div .ui-widget-header .ui-datepicker-prev.ui-state-disabled,
#ui-datepicker-div .ui-helper-clearfix .ui-datepicker-prev.ui-state-disabled,
#ui-datepicker-div .ui-corner-all .ui-datepicker-prev.ui-state-disabled {
  display: none;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next,
#ui-datepicker-div .ui-widget-header .ui-datepicker-next,
#ui-datepicker-div .ui-helper-clearfix .ui-datepicker-next,
#ui-datepicker-div .ui-corner-all .ui-datepicker-next {
  width: 10px;
  height: 15px;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 0px;
  font-size: 0;
  overflow: hidden;
  color: #394352;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/icons_prev_next.png") right 0px no-repeat;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next.ui-state-disabled,
#ui-datepicker-div .ui-widget-header .ui-datepicker-next.ui-state-disabled,
#ui-datepicker-div .ui-helper-clearfix .ui-datepicker-next.ui-state-disabled,
#ui-datepicker-div .ui-corner-all .ui-datepicker-next.ui-state-disabled {
  display: none;
}
#ui-datepicker-div table.ui-datepicker-calendar {
  background-color: #469bd2;
}
#ui-datepicker-div table.ui-datepicker-calendar thead th {
  background-color: #469bd2;
  padding: 10px 10px 0;
}
#ui-datepicker-div table.ui-datepicker-calendar td {
  background-color: #469bd2;
  color: #fff;
  padding: 0px 10px;
  border: none;
}
#ui-datepicker-div table.ui-datepicker-calendar td a {
  color: #fff;
}
#ui-datepicker-div table.ui-datepicker-calendar td.ui-state-disabled span {
  color: #394352;
}
@media only screen and (min-width: 480px) {
  input[type="file"] {
    width: 74%;
  }
}
@media only screen and (min-width: 768px) {
  .contour {
    width: 620px;
/*label {
		inline-block();
		width: 120px;
	}*/
/*	input[type="text"], input[type="password"], input[type="file"] {
		width: 260px;
	}*/
  }
  .contour .contourField.textarea {
    width: 620px;
  }
  .contour .contourField.longanswer {
    width: 620px;
  }
  .contour .contourField.fileupload {
    width: 620px;
    display: inline-block;
  }
  .contour .contourField.title {
    width: 620px;
  }
  .contour .contourField {
    width: 300px;
  }
  .contour .contourField input[type="password"],
  .contour .contourField input[type="file"],
  .contour .contourField input[type="text"] {
    width: 90%;
  }
  .contour .contourField.haveyoucontactedaucklandtransportaboutthisbefore {
    display: block;
    width: 90%;
  }
  .contour .contourField .textarea {
    width: 620px;
  }
  .contour .contourField .longanswer {
    width: 620px;
  }
  .contour .checkbox {
    width: 100%;
  }
}
@media only screen and (min-width: 900px) {
}
@media only screen and (min-width: 1200px) {
}
#annoucement_summary ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
#annoucement_summary ul li {
  line-height: 16px;
  position: relative;
  padding-left: 26px;
  max-width: 229px;
  margin-bottom: 5px 0;
}
#annoucement_summary ul li:last-child {
  border: none;
}
#annoucement_summary ul li a {
  display: block;
}
#annoucement_summary em {
  font-size: 11px;
  color: #9fbe46;
  font-style: normal;
}
#annoucement_summary p {
  font-size: 12px;
  margin: 5px 0;
}
#annoucement_summary .icon {
  position: absolute;
  left: -3px;
  top: 0px;
  width: 30px;
  height: 30px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  background-image: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/at-icons-color-full-700.png");
  background-position: -480px -95px;
}
#annoucement_summary .Medium_priority .icon,
#annoucement_summary .Low_priority .icon {
  background-image: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/at-icons-color-full-700.png");
  background-position: -450px -1111px;
}
#annoucement_summary .Project .icon {
  background-image: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/at-icons-color-full-700.png");
  background-position: -225px -97px;
}
#Home_service_annoucement #annoucement_summary .Project .icon {
  background-image: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/at-icons-color-full-700.png");
  background-position: -222px -1145px;
}
#annoucement_summary .News .icon,
#annoucement_summary .Campaign .icon {
  background-image: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/at-icons-color-full-700.png");
  background-position: -450px -100px;
}
#Home_service_annoucement #annoucement_summary .News .icon,
#Home_service_annoucement #annoucement_summary .Campaign .icon {
  background-image: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/at-icons-color-full-700.png");
  background-position: -445px -1145px;
}
#annoucement_summary .Service_announcement .icon,
#annoucement_summary .Disruption .icon {
  background-image: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/at-icons-color-full-700.png");
  background-position: -480px -95px;
}
#Home_service_annoucement #annoucement_summary .Service_announcement .icon,
#Home_service_annoucement #annoucement_summary .Disruption .icon {
  background-image: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/at-icons-color-full-700.png");
  background-position: -475px -1145px;
}
#annoucement_summary .Alert_priority {
  background-color: #fce9e5;
  padding: 15px;
  border: none;
  width: 190px;
}
#annoucement_summary .Alert_priority .icon {
  background: transparent;
}
#annoucement_summary .Alert_priority a,
#annoucement_summary .Alert_priority em {
  color: #ba2026;
}
#annoucement_summary .title {
  font-size: 14px;
  line-height: 18px;
  font-family: OpenSansBold, Arial, Helvetica, sans-serif;
  margin-bottom: 5px;
}
#annoucement_summary a {
  color: #283d51;
}
#annoucement_summary a:hover {
  text-decoration: none;
}
@media only screen and (min-width: 480px) {
  #annoucement_summary li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
  }
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 900px) {
}
@media only screen and (min-width: 1200px) {
}
.has_sb {
  position: absolute;
  left: -999999em;
  text-indent: -999999em;
}
.sb,
.sb2 {
  width: 260px;
  font-family: 'OpenSansBold', sans-serif;
}
.selectbox {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  *display: inline;
  font-size: 14px;
  vertical-align: middle;
  zoom: 1;
}
.selectbox .display {
  background: #fff;
  border: 1px solid #c5c9cd;
  color: #007bcc;
  cursor: default;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  height: 33px;
  line-height: 35px;
  overflow: hidden;
  padding: 2px 24px 5px 10px;
  position: relative;
  text-decoration: none;
  overflow: hidden;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
#departureboard_page .selectbox .display {
  height: auto;
}
.selectbox.disabled .display {
  color: #999;
}
.selectbox.focused .display .text {
  background-color: #39f;
  color: #fcfcfc;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  *display: inline;
  zoom: 1;
}
.selectbox .display.active {
  border-color: #7b7d83;
}
.selectbox .display .arrow_btn {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/temp/arrows.png") no-repeat 8px 12px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  height: 30px;
  line-height: 0.92em;
  padding: 5px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 15px;
  color: #349ce0;
  font-size: 14px;
}
.selectbox .display .arrow_btn .arrow {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/temp/arrows.png") no-repeat 8px 10px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  height: 4px;
  left: 0.33em;
  position: absolute;
  top: 0.5em;
  width: 7px;
  zoom: 1;
}
.selectbox .display.hover .arrow_btn {
  background-image: url("//az609578.vo.msecnd.net/public/9d11721/images/temp/arrows.png") no-repeat 8px 10px;
}
.selectbox .value {
  display: none;
}
.selectbox.items {
  background: #17232f;
  border: 1px solid #828790;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  list-style-type: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 0 1px 0;
  z-index: 99999;
  max-width: 300px !important;
  font-family: 'OpenSansBold', sans-serif;
}
.selectbox.items li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 100%;
  margin: 0;
  padding: 0;
/*white-space:nowrap; maybe necessary if using fixedWidth: false */
}
.selectbox.items li.first {
  margin-top: 0;
}
.selectbox.items li>.item {
  color: #fff;
  cursor: default;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 95%;
  padding: 4px 6px;
  text-decoration: none;
}
.selectbox.items li>.item>.text {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  *display: inline;
  zoom: 1;
}
.selectbox.items li.selected>.item {
/*border-bottom:1px dotted #999;border-top:1px dotted #999;*/
  color: #349ce0;
}
.selectbox.items li.disabled>.item {
  color: #999;
}
.selectbox.items li.hover>.item {
  color: #349ce0;
}
.selectbox.items .value {
  display: none;
}
.selectbox.items .optgroup .items {
  border: none;
  margin: 0;
  padding: 0;
}
.selectbox.items .optgroup>.label {
  cursor: default;
  line-height: 1em;
}
.selectbox.items .optgroup .items li>.item {
  padding-left: 1em;
}
.selectbox .round_sb.display {
  padding: 2px 26px 2px 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.selectbox .round_sb.display .arrow_btn {
  right: 2px;
  top: 2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.selectbox.round_sb.items {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.selectbox.round_sb.items>li>a {
  padding: 4px 6px;
}
.selectbox.round_sb.items>li.first>.item {
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}
.selectbox.round_sb.items>li.last>.item {
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
}
.selectbox.round_sb.items>li>.label {
  line-height: 2.08em;
  padding: 4px 6px;
}
.selectbox.round_sb.items>li>.items li>.item {
  padding: 4px 6px 4px 12px;
}
#AT_Main .ChildSummary .ChildItem {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  vertical-align: top;
}
#AT_Main .ChildSummary .ChildTitle:focus,
#AT_Main .ChildSummary .ChildTitle:active {
  outline: #000 dotted 1px;
}
#AT_Main .ChildSummary .ChildItem div {
  overflow: hidden;
}
#AT_Main .ChildSummary div.noImage {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/logo-150.png") no-repeat transparent center;
  height: 150px;
}
#AT_Main .ChildSummary h4 {
  font-size: 24px;
  margin: 0;
}
#AT_Main .ChildSummary h4:focus {
  display: block;
  outline: dotted 1px #000 !important;
}
#AT_Main .ChildSummary img {
  width: 100%;
  max-width: 300px;
}
#AT_Main .ChildSummary a {
  color: #283d51;
  display: block;
}
@media only screen and (min-width: 480px) {
  #AT_Main .ChildSummary .ChildItem {
    margin-right: 3px;
    width: 220px;
  }
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 900px) {
  #AT_Main .ChildSummary .ChildItem {
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1200px) {
}
.arrowNext {
  position: absolute;
  right: 0;
  height: 20px;
}
.arrowPrev {
  position: absolute;
  left: 0;
  height: 20px;
}
.link {
  font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 18px;
  color: #fff;
}
.link.onDark {
  color: #fff;
}
.link.onDark:hover {
  color: #019bff;
}
.link.onDark:focus {
  color: #019bff;
}
.link.onDark:visited {
  text-decoration: none;
}
.link.onDark:link {
  text-decoration: none;
}
.link.onDark:active {
  text-decoration: none;
  color: #019bff;
}
.linkSecondary {
  font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 12px;
  color: #fff;
}
.linkSecondary.onDark {
  color: #fff;
}
.linkSecondary.onDark:hover {
  color: #019bff;
}
.linkSecondary.onDark:focus {
  color: #019bff;
}
.linkSecondary.onDark:visited {
  text-decoration: none;
}
.linkSecondary.onDark:link {
  text-decoration: none;
}
.linkSecondary.onDark:active {
  text-decoration: none;
  color: #019bff;
}
.searchBar {
  height: 35px;
}
.main_nav {
  background: #17232f;
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 500ms ease-out 1s;
  -moz-transition: height 500ms ease-out 1s;
  -o-transition: height 500ms ease-out 1s;
  -webkit-transition: height 135ms linear;
  -moz-transition: height 135ms linear;
  -o-transition: height 135ms linear;
  -ms-transition: height 135ms linear;
  transition: height 135ms linear;
}
.main_nav .hidden {
  display: none !important;
}
.main_nav.hideMenu {
  height: 0 !important;
}
.main_nav input,
.main_nav a {
  outline: 0;
}
.main_nav .currentLevel > li.active > a {
  color: #019bff;
}
.main_nav .currentLevel > li.active > a > .icon-next-arrow {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/icon.menu.selected-10.png") no-repeat right center transparent;
}
.main_nav .currentLevel > li >ul {
  display: block;
}
.main_nav .linkSecondary .icon-prev-arrow {
  display: inline-block;
  width: 10px;
  height: 17px;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/icons_prev_next-10.png") no-repeat left center transparent;
}
.main_nav .linkSecondary .icon-next-arrow {
  display: inline-block;
  width: 10px;
  height: 17px;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/icons_prev_next-10.png") no-repeat right center transparent;
}
.main_nav .linkSecondary:hover .icon-prev-arrow {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/icon.menu.selected-10.png") no-repeat left center transparent;
}
.main_nav .linkSecondary:hover .icon-next-arrow {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/icon.menu.selected-10.png") no-repeat right center transparent;
}
.main_nav .research {
  bottom: 0;
  position: absolute;
  z-index: 10;
  display: block;
  width: 100%;
  padding: 2px 0 17px 0;
  background: #273d52;
  border-top: 1px solid #60656a;
}
.main_nav .research form {
  margin: 10px 11px 9px 11px;
  height: 35px;
  position: relative;
}
.main_nav .research form input[type="text"] {
  width: 100%;
  height: auto;
  font-family: 'OpenSansRegular', Arial, sans-serif;
  padding: 0;
  margin: 0;
  line-height: normal;
  max-width: none;
  padding: 9px 8px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #17232f;
  border: 0;
  background: #232d3a;
  font-size: 12px;
}
.main_nav .research form input[type="text"]:focus {
  background: #fff;
}
.main_nav .research form input[type="submit"] {
  position: absolute !important;
  top: 0;
  right: 0;
  top: 0;
  right: 0;
  float: right;
  margin: 0;
  height: 33px;
  width: 36px;
  background-image: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/at-icons-color-full-600.png");
  background-position: -463px -105px;
  background-color: transparent !important;
  border: none;
}
.main_nav .research form input[type="submit"]:hover {
  background-image: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/at-icons-color-full-600.png");
  background-position: -463px -132px;
}
.main_nav .research form input[type="submit"]:focus {
  background-image: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/at-icons-color-full-600.png");
  background-position: -463px -132px;
}
.main_nav .research form ::-webkit-input-placeholder {
  font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif;
  color: #979da3;
}
.main_nav .research form :-moz-placeholder {
/* Firefox 18- */
  font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif;
  color: #979da3;
}
.main_nav .research form ::-moz-placeholder {
/* Firefox 19+ */
  font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif;
  color: #979da3;
}
.main_nav .research form :-ms-input-placeholder {
  font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif;
  color: #979da3;
}
.main_nav .research a {
  padding: 0px 11px;
}
.main_nav ul {
  padding: 0;
  position: absolute;
}
.main_nav ul li {
  padding: 0;
  list-style-type: none;
  padding: 0 11px;
}
.main_nav ul li a {
  padding: 10px 0 13px 0;
  display: block;
  position: relative;
}
.main_nav [data-menu-level="2"] {
  left: 0px;
}
.main_nav [data-menu-level="3"] {
  left: -100%;
}
.main_nav [data-menu-level="4"] {
  left: -200%;
}
.main_nav [data-menu-level="5"] {
  left: -300%;
}
.main_nav [data-menu-level="6"] {
  left: -400%;
}
.main_nav [data-menu-level="7"] {
  left: -500%;
}
.main_nav [data-menu-level="8"] {
  left: -600%;
}
.main_nav [data-menu-level="9"] {
  left: -700%;
}
.main_nav [data-menu-level="10"] {
  left: -800%;
}
.main_nav [data-menu-level="11"] {
  left: -900%;
}
.main_nav .levelUp .text {
  padding-left: 16px;
}
.main_nav .menuContainer {
  position: relative;
  width: 100%;
  border-top: 1px solid #60656a;
}
.main_nav .level-1 {
  position: relative;
  width: 100%;
  margin: 0;
  -webkit-transition: left 500ms ease-out 1s;
  -moz-transition: left 500ms ease-out 1s;
  -o-transition: left 500ms ease-out 1s;
  -webkit-transition: left 135ms linear;
  -moz-transition: left 135ms linear;
  -o-transition: left 135ms linear;
  -ms-transition: left 135ms linear;
  transition: left 135ms linear;
}
.main_nav .level-1 li > .hasUnderline {
  border-top: 1px solid #60656a;
}
.main_nav .level-1 li a {
  padding: 10px 0 13px 0;
}
.main_nav .lastItem {
  height: 19px;
}
.main_nav .level-2 {
  top: 0;
  left: 100%;
  width: 100%;
}
.main_nav .level-2 li .linkSecondary {
  padding: 11px 0;
}
.main_nav .level-2 li .hasUnderline {
  border-top: 0px;
}
.main_nav .level-2 .indented .hasUnderline {
  border-top: 0px;
  border-bottom: 1px solid #232d3a;
}
.main_nav .level-2 .indented .text {
  padding-right: 15px;
}
.main_nav .level-2 .indented > a {
  padding: 10px 0 6px 18px;
}
.main_nav .level-2 .indented .linkSecondary.levelUp {
  padding-left: 0;
}
.main_nav .level-nth {
  top: 0;
  left: 100%;
  width: 100%;
}
.my_at_menu {
  width: auto;
  height: 100%;
  color: #8795a1;
}
.my_at_menu .link,
.my_at_menu .linkSecondary {
  color: #8795a1;
}
.my_at_menu .link:hover,
.my_at_menu .linkSecondary:hover {
  color: #019bff;
}
.my_at_menu .linkSecondary {
  font-size: 13px;
}
.my_at_menu .line {
  position: absolute;
  background-color: #39444f;
}
.my_at_menu .logLink a {
  color: #019bff;
}
.my_at_menu .logLink a:hover {
  color: #93bd1b;
}
.my_at_menu .menuLink .icon-menu {
  display: block;
  width: 20px;
  height: 20px;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/icon.mobile.menu.png") no-repeat 0px 0px;
}
.my_at_menu .menuLink:hover .icon-menu {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/icon.mobile.menu.png") no-repeat 0px -95px;
}
.my_at_menu .userLink .icon-card {
  width: 21px;
  height: 20px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  background-image: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/at-icons-color-full-600.png");
  background-position: -439px -114px;
}
.my_at_menu .userLink .icon-card:hover {
  background-image: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/at-icons-color-full-600.png");
  background-position: -439px -138px;
}
.my_at_menu .userLink .icon-user {
  width: 19px;
  height: 20px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  background-image: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/at-icons-color-full-450.png");
  background-position: -185px -83px;
}
.my_at_menu .userLink:hover .icon-card {
  background-image: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/at-icons-color-full-600.png");
  background-position: -439px -141px;
}
.my_at_menu .userLink:hover .icon-user {
  background-image: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/at-icons-color-full-450.png");
  background-position: -185px -104px;
}
.my_at_menu .userLink,
.my_at_menu .logLink {
  display: inline-block;
}
.my_at_menu .logLink {
  float: right;
}
.my_at_menu .lineVertical {
  left: 0;
  width: 1px;
  top: 6px;
  bottom: 6px;
}
.my_at_menu .lineHorizontal {
  left: 7px;
  right: 7px;
  height: 1px;
  top: 50%;
}
.my_at_menu .hasCard .loggedIn {
  display: inline-block;
}
.my_at_menu .hasCard .loggedInNoCard {
  display: none;
}
.my_at_menu .noCard .loggedInNoCard {
  display: inline-block;
}
.my_at_menu .noCard .loggedIn {
  display: none;
}
.my_at_menu .menuDesktop {
  position: relative;
  height: 100%;
}
.my_at_menu .navRow {
  width: 100%;
  height: auto;
  min-height: 50%;
  position: relative;
}
.my_at_menu .navRow .padding {
  padding: 10px 10px 10px 13px;
}
.my_at_menu .menuMobile {
  height: 100%;
}
.my_at_menu .menuMobile .icon-card {
  display: block;
}
.my_at_menu .menuMobile .column {
  height: 100%;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
.my_at_menu .menuMobile .link {
  font-size: 7px;
  height: 100%;
  width: 42px;
}
.my_at_menu .menuMobile .link .padding {
  padding: 10px 0 0 12px;
}
.my_at_menu .menuMobile .link .text {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  line-height: 0.7;
}
.my_at_menu .menuMobile .icon-menu {
  background-size: 15px;
}
.my_at_menu .menuMobile .menuLink {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  color: #fff;
}
.my_at_menu .menuMobile .menuLink .text {
  margin-left: -3px;
}
.my_at_menu .menuMobile .menuLink .icon-menu {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/icon.mobile.menu.png") no-repeat 0px 0px;
  background-size: 15px;
}
.my_at_menu .menuMobile .menuLink:hover {
  color: #019bff;
}
.my_at_menu .menuMobile .menuLink:hover .icon-menu {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/icon.mobile.menu.png") no-repeat 0px -71px;
  background-size: 15px;
}
.my_at_menu .menuMobile .menuLink:focus {
  color: #019bff;
}
@media only screen and (max-width: 900px) {
  .main_nav .level-1 .notActive .level-2 {
    display: none;
  }
  .main_nav .level-1 .active .level-2 .notActive .level-nth {
    display: none;
  }
}
@media only screen and (min-width: 900px) {
  .noSideNav #main_nav {
    height: auto;
    display: none;
  }
  .my_at_menu {
    width: auto;
    max-width: auto;
  }
  .my_at_menu .logLink a,
  .my_at_menu .logLink span {
    display: none;
  }
  .menuState-nth .menuContainer .levelUpContainer a {
    display: none;
  }
  #main_nav .pageLink > a {
    display: none;
  }
  #main_nav ul {
    position: relative;
  }
  #main_nav ul li {
    padding: 0;
  }
  #main_nav ul li a {
    padding: 15px 0 11px 0;
    margin: 0 20px;
  }
  #main_nav #menu_level_1 > .pageLink > a {
    display: none !important;
  }
  #main_nav .parentPageLink {
    display: none;
  }
  #main_nav .parentPageLink a {
    font-size: 17px;
    color: #93bd1b;
    text-decoration: #60656a;
    overflow: hidden;
  }
  #main_nav .parentPageLink a > .arrowPrev {
    display: inline-block;
    width: 15px;
    height: 17px;
    background: url("//az609578.vo.msecnd.net/public/9d11721/images/temp/icon.menu.back.png") 0 center no-repeat;
  }
  #main_nav .parentPageLink a .text {
    float: right;
    padding-left: 25px;
    padding-right: 0px;
  }
  #main_nav .arrowNext {
    display: none;
    background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/icon.menu.selected-10.png") no-repeat right center transparent;
  }
  #main_nav .lastItem {
    display: none;
  }
  .menuState-2 .menuLevel {
    left: -100%;
  }
  .menuState-3 .menuLevel {
    left: -100%;
  }
  .menuState-4 .menuLevel {
    left: -200%;
  }
  .menuState-5 .menuLevel {
    left: -300%;
  }
  .menuState-6 .menuLevel {
    left: -400%;
  }
  .menuState-7 .menuLevel {
    left: -500%;
  }
  .menuState-8 .menuLevel {
    left: -600%;
  }
  .menuState-9 .menuLevel {
    left: -700%;
  }
  .menuState-10 .menuLevel {
    left: -800%;
  }
  .main_nav {
    width: 220px;
    display: block;
    float: left;
    overflow: visible;
    height: auto;
  }
  .main_nav.hideMenu {
    height: auto !important;
  }
  .main_nav .linkSecondary {
    font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
    font-size: 14px;
  }
  .main_nav .linkLevel-2 .arrowNext {
    display: none;
  }
  .main_nav .menuContainer {
    border: 0px;
  }
  .main_nav .research {
    position: relative;
    z-index: auto;
    padding: 31px 0 17px 0;
    background: transparent;
    border: 0px;
  }
  .main_nav .research form {
    margin: 10px 21px 9px 19px;
  }
  .main_nav .research form input[type="text"] {
    padding: 7px 8px;
    font-family: 'OpenSansRegular', Arial, sans-serif;
    font-size: 15px;
    background: #fff;
  }
  .main_nav .research form ::-webkit-input-placeholder {
    font-family: 'OpenSansRegular', Arial, sans-serif;
  }
  .main_nav .research form :-moz-placeholder {
/* Firefox 18- */
    font-family: 'OpenSansRegular', Arial, sans-serif;
  }
  .main_nav .research form ::-moz-placeholder {
/* Firefox 19+ */
    font-family: 'OpenSansRegular', Arial, sans-serif;
  }
  .main_nav .research form :-ms-input-placeholder {
    font-family: 'OpenSansRegular', Arial, sans-serif;
  }
  .main_nav .research a {
    padding: 0px 11px;
  }
}
@media only screen and (min-width: 1200px) {
  .my_at_menu {
    width: 20%;
    max-width: 223px;
  }
  .my_at_menu .logLink a,
  .my_at_menu .logLink span {
    display: inline-block;
  }
}
.autocomplete {
  background: #17232f;
  color: #fff;
  overflow-y: scroll;
  overflow-x: visible;
}
.autocomplete >div {
  padding: 0 15px;
  line-height: 30px;
}
.autocomplete >div:hover,
.autocomplete .selected {
  color: #349ce0;
  cursor: pointer;
}
#AT_Find_My_Stop_Overlay_Wrapper {
  position: absolute;
  top: 100px;
}
#AT_Find_My_Stop_Overlay_Wrapper.invisible {
  visibility: hidden;
  left: -9999px !important;
}
#AT_Find_My_Stop_Overlay {
  position: absolute;
  z-index: 10000;
  min-height: 700px;
  width: 940px;
  background-color: #fff;
}
#AT_Find_My_Stop_Overlay #AT_Find_My_Stop_Overlay_Content {
  height: 100%;
}
#AT_Find_My_Stop_Overlay #AT_Find_My_Stop_Overlay_Content > span {
  color: #007bcc;
  font-size: 30px;
  line-height: 50px;
  position: absolute;
  text-align: center;
  top: 25%;
  vertical-align: middle;
  width: 100%;
}
#AT_Find_My_Stop_Overlay.AT_Find_My_Stop_Mobile {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  height: 100%;
  bottom: 0;
  top: -60px;
}
#AT_Find_My_Stop_Overlay .AT_Find_My_Stop_Close_Button {
  position: absolute;
  right: 0;
  height: 40px;
  width: 40px;
  text-indent: -100000px;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/close-overlay.png") no-repeat scroll 0 0 #349ce0;
  z-index: 1;
}
#AT_Find_My_Stop_Overlay .MyStreet {
  margin: 0;
}
#AT_Find_My_Stop_Overlay .MyStreet.AT_Find_My_Stop_Mobile {
  height: 96%;
}
#AT_Find_My_Stop_Overlay_Mask {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 0.8;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  background-color: #17232f;
  z-index: 99;
}
#AT_Public_Transport_Real_Time_Board .AT_Find_My_Stop_Button {
  display: none;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/find-my-stop.png") no-repeat scroll 0 0 transparent;
  position: absolute;
  height: 24px;
  width: 29px;
  top: 50px;
  left: 130px;
}
@media screen and (max-width: 740px) {
  .AT_Find_My_Stop_Close_Button {
    z-index: 10;
    top: 0 !important;
  }
  #AT_Find_My_Stop_Overlay_Wrapper {
    left: 0;
  }
  .MyStreet_map {
    padding-top: 0 !important;
  }
  #AT_Find_My_Stop_Overlay.AT_Find_My_Stop_Mobile {
    top: -100px;
  }
}
#AT_My_Locations_Overlay_Wrapper {
  position: absolute;
  top: 100px;
  z-index: 2;
}
#AT_My_Locations_Overlay_Wrapper.invisible {
  visibility: hidden;
}
#AT_My_Locations_Overlay_Wrapper #AT_My_Locations_Overlay {
  margin: auto;
  position: static;
  max-width: 390px;
}
#AT_My_Locations_Overlay_Wrapper #AT_My_Locations_Overlay_Header {
  position: relative;
}
#AT_My_Locations_Overlay {
  background-color: #fff;
  position: absolute;
  z-index: 10000;
  width: 940px;
}
#AT_My_Locations_Overlay #AT_My_Locations_Overlay_Content {
  padding: 20px;
  height: 100%;
}
#AT_My_Locations_Overlay.AT_My_Locations_Mobile {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  top: -60px;
}
#AT_My_Locations_Overlay .AT_My_Locations_Close_Button {
  position: absolute;
  top: -40px;
  right: 0;
  height: 40px;
  width: 40px;
  text-indent: -100000px;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/close-overlay.png") no-repeat scroll 0 0 #349ce0;
}
#AT_My_Locations_Overlay_Mask {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 0.8;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  background-color: #17232f;
  z-index: 2;
}
@media only screen and (min-width: 480px) {
  #AT_My_Locations_Overlay_Wrapper {
    width: 100%;
  }
}
#AT_Main .hopRegistration div.hopCardEligibility {
  display: block !important;
  margin-top: 40px !important;
  width: 500px;
}
#AT_Main .hopRegistration div.hopCardEligibility .cardTypeSelected {
  width: 100px;
}
#AT_Main .hopRegistration div.hopCardEligibility .hopEligibilityTitle {
  display: none;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
}
#AT_Main .hopRegistration div.hopCardEligibility .field {
  margin-bottom: 10px;
}
#AT_Main .hopRegistration div.hopCardEligibility .field .fieldhint {
  font-size: 10px;
}
#AT_Main .hopRegistration div.hopCardEligibility .confirmEligibility {
  margin-top: 10px;
}
#AT_Main .hopRegistration div.hopCardEligibility p,
#AT_Main .hopRegistration div.hopCardEligibility h6 {
  padding-left: 0;
}
#AT_Main .hopRegistration div.hopCardEligibility .hopCardSummary {
  font-size: 14px;
}
#AT_Main .hopRegistration div.hopCardEligibility .hopCardSummary .imageEligible {
  background: url("$imageCDN/myat/iconEligibleCheck.png") no-repeat 0 15px;
}
#AT_Main .hopRegistration div.hopCardEligibility .hopCardSummary .imageIneligible {
  background: url("$imageCDN/myat/iconEligibleCheck.png") no-repeat 0 -50px;
}
#AT_Main .hopRegistration div.hopCardEligibility .hopCardDetailsLine {
  border-top: 1px solid;
  border-color: #d3d3d3;
  padding: 8px 8px 12px 50px;
}
#AT_Main .hopRegistration div.hopCardEligibility .hopCardEligibilityStatus {
  display: none;
  color: #9fbe46;
  margin-bottom: 20px;
  font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
}
#AT_Main .hopRegistration div.hopCardEligibility .hopCardValidationError,
#AT_Main .hopRegistration div.hopCardEligibility .hopCardUniqueError {
  display: none;
  color: #ba2026;
  margin-bottom: 20px;
}
#AT_Main .hopRegistration div.hopCardEligibility .additionalCardInstructions {
  display: none;
  margin-top: 10px;
  margin-bottom: 20px;
}
#AT_Main .hopRegistration div.hopCardEligibility .hopCardTitle {
  font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
  line-height: 22px;
}
#AT_Main .hopRegistration div.hopCardEligibility .hopCardTitle span.cardEligible {
  color: #9fbe46;
}
#AT_Main .hopRegistration div.hopCardEligibility .hopCardTitle span.cardIneligible {
  color: #8b0000;
}
#AT_Main .hopRegistration div.hopCardEligibility .hopCardRemove {
  float: right;
  font-family: 'OpenSansRegular', Arial, sans-serif;
}
#AT_Main .hopRegistration div.hopCardEligibility .hopCardType {
  color: #800080;
  margin-right: 10px;
}
#AT_Main .hopRegistration div.hopCardEligibility .hopCardNumber {
  margin-right: 10px;
}
#AT_Main .hopRegistration div.hopConcessionUnavailable {
  display: none;
  margin-bottom: 20px;
}
#AT_Main .hopRegistration div.hopConcessionNoCard {
  display: none;
  margin-bottom: 20px;
}
#AT_Main .hopRegistration div.hopConcessionPleaseWait {
  margin-bottom: 20px;
}
#AT_Main .hopRegistration div.hopConcession {
  width: 100%;
  display: none;
  margin-bottom: 20px;
}
#AT_Main .hopRegistration div.hopConcession label.field-validation-error span {
  font-family: OpenSansBold, Arial, Helvetica, sans-serif;
  color: #ee2a28;
  font-size: 11px;
  display: block;
}
#AT_Main .hopRegistration div.hopConcession div.concessionList {
  width: 100%;
}
#AT_Main .hopRegistration div.hopConcession div.atGoldHopSuperGoldConcessionList {
  width: 100%;
}
#AT_Main .hopRegistration div.hopConcession .registerOtherHopCards {
  padding-top: 30px;
}
#AT_Main .hopRegistration div.hopConcession .concessionListDropDown,
#AT_Main .hopRegistration div.hopConcession .atGoldHopConcessionListDropDown,
#AT_Main .hopRegistration div.hopConcession .hopCardListDropDown {
  width: 200px;
}
#AT_Main .hopRegistration div.hopConcession .hopConcessionTitle {
  padding-left: 0;
  margin-bottom: 6px;
  line-height: 0px;
}
#AT_Main .hopRegistration div.hopConcession .concessionCardId label {
  display: none;
}
#AT_Main .hopRegistration div.hopConcession .registerHopCards {
  margin-top: 42px;
}
#AT_Main .hopRegistration div.hopConcession .at_blue_hop_card_image {
  margin-top: 5px;
  margin-left: 40px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 50px;
  height: 30px;
  position: relative;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/card-detail.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
#AT_Main .hopRegistration div.hopConcession .at_gold_hop_card_image {
  margin-top: 5px;
  margin-left: 40px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 50px;
  height: 30px;
  position: relative;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/gold-card-detail.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
#AT_Main .hopRegistration div.hopConcession .super_gold_card_image {
  margin-top: 5px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 200px;
  height: 130px;
  position: relative;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/concession/supergold_card.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
#AT_Main .hopRegistration div.hopConcession .senior_citizen_card_image {
  margin-top: 5px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 200px;
  height: 120px;
  position: relative;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/concession/at_senior_citizen_id_card.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
#AT_Main .hopRegistration div.hopConcession .superGoldTypeSelection {
  margin-top: 20px;
  width: 100%;
}
#AT_Main .hopRegistration div.hopConcession .superGoldSummary {
  margin-top: 25px;
  margin-bottom: 25px;
  width: 100%;
}
#AT_Main .hopRegistration div.hopConcession .cardFileAttachment {
  margin-top: 20px;
  width: 100%;
}
#AT_Main .hopRegistration div.hopConcession .photoIdFileAttachment {
  margin-top: 20px;
  width: 100%;
}
#AT_Main .hopRegistration div.hopConcession .attachmentBlurb {
  margin-top: 10px;
  width: 100%;
}
#AT_Main .hopRegistration div.hopConcession .attachmentMandatory {
  width: 750px;
}
#AT_Main .hopRegistration .field {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin-top: 20px;
  width: 95%;
}
#AT_Main .hopRegistration input[type="submit"] {
  padding: 8px 27px 10px;
}
#AT_Main .hopRegistration .birthDate input {
  font-family: 'OpenSansBold', sans-serif;
  border: 1px solid #c5c9cd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  color: #007bcc;
  font-size: 14px;
}
#AT_Main .hopRegistration .add_address_manually {
  padding-top: 35px;
}
#AT_Main .hopRegistration .save_cancel {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  height: 51px;
}
#AT_Main .hopRegistration .save_cancel input[type="submit"] {
  padding: 8px 27px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_Main .hopRegistration .save_cancel input[type="submit"].cancel {
  background: transparent;
  color: #007bcc;
  font-family: OpenSansSemibold, Arial, Helvetica, sans-serif;
  padding-right: 0;
}
#AT_Main .hopRegistration .save_cancel input[type="submit"].cancel:hover {
  text-decoration: #60656a;
}
#AT_Main .hopRegistration .acceptField label {
  display: inline;
}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
  #AT_Main .hopRegistration .personal_info {
    width: 100%;
  }
  #AT_Main .hopRegistration .personal_info .field {
    width: 380px;
  }
  #AT_Main .hopRegistration .personal_info .field input[type="text"] {
    width: 85%;
    margin-right: 4%;
  }
  #AT_Main .hopRegistration .personal_info div.acceptField,
  #AT_Main .hopRegistration .personal_info div.acceptfieldGroup {
    width: auto;
    margin: 20px 0 10px 0;
  }
}
@media only screen and (min-width: 900px) {
}
@media only screen and (min-width: 1200px) {
  #AT_Main .hopRegistration .personal_info {
    width: 100%;
  }
  #AT_Main .hopRegistration .personal_info .field {
    width: 380px;
  }
}
#AT_Main .wcpRegistration .personalInfo {
  margin: 20px 0px;
}
#AT_Main .wcpRegistration .personalInfo input[type="submit"] {
  padding: 8px 27px 10px;
}
#AT_Main .wcpRegistration .field {
  margin: 5px 2px;
  width: 100%;
}
#AT_Main .wcpRegistration .field p {
  margin: 0px;
}
#AT_Main .wcpRegistration .acceptField {
  margin: 15px 0;
}
#AT_Main .wcpRegistration .acceptField label {
  display: inline;
}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
  #AT_Main .wcpRegistration .personalInfo {
    width: 100%;
  }
  #AT_Main .wcpRegistration .personalInfo >div.acceptField {
    width: auto;
  }
  #AT_Main .wcpRegistration .field {
    width: 300px;
  }
}
@media only screen and (min-width: 900px) {
}
@media only screen and (min-width: 1200px) {
}
.popupContainer {
  display: block;
  position: fixed;
  margin-left: 50%;
  z-index: 7;
}
.popupContainer .popup {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5) inset 0 0 2px rgba(255,255,255,0.9);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5) inset 0 0 2px rgba(255,255,255,0.9);
  -o-box-shadow: 0 1px 3px rgba(0,0,0,0.5) inset 0 0 2px rgba(255,255,255,0.9);
  -ms-box-shadow: 0 1px 3px rgba(0,0,0,0.5) inset 0 0 2px rgba(255,255,255,0.9);
  box-shadow: 0 1px 3px rgba(0,0,0,0.5) inset 0 0 2px rgba(255,255,255,0.9);
/*-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5),
			inset 0 0 2px rgba(255,255,255,0.9);
		box-shadow:0 1px 3px rgba(0,0,0,0.5),
			inset 0 0 2px rgba(255,255,255,0.9);*/
  background-repeat: no-repeat;
  height: 90px;
  -webkit-background-size: 57px 57px;
  background-size: 57px 57px;
  border: 1px solid #17232f;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #f7f5fa;
  width: 280px;
  margin-left: -140px;
  padding: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.popupContainer .popup span.close {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/remove.png") no-repeat transparent center;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 5px;
  right: 5px;
}
.popupContainer .popup .tap7 {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/ios/add2home_ios7.png") no-repeat transparent center;
  display: inline-block;
  width: 50px;
  zoom: 30%;
  height: 60px;
}
.popupContainer .popup .tap {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/ios/add2home_ios.png") no-repeat transparent center;
  display: inline-block;
  width: 35px;
  zoom: 55%;
  height: 30px;
}
.popupContainer .popup div {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/logo-50.png") no-repeat transparent left center;
  width: 190px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  padding-left: 60px;
  height: 77px;
}
.popupContainer.android .popup {
  height: 105px;
}
.popupContainer.android .popup div {
  height: 95px;
}
#growler {
  width: 100%;
  background-color: #fff;
  border-bottom: solid #283d51 3px;
}
#growler .growlerContent {
  position: relative;
  background-color: #17232f;
  padding: 5px 5px 5px 15px;
}
#growler .growlerContent a.growlerTitle {
  color: #fff;
  cursor: pointer;
  cursor: hand;
  margin: 0;
}
#growler .growlerContent a.growlerTitle p {
  display: inline;
}
#growler .growlerContent a.growlerTitle span {
  margin-top: 5px;
  margin-left: 8px;
  height: 10px;
  width: 15px;
}
#growler .growlerContent a.growlerTitle span.collapsed {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/icons_up_down.png?w=15") no-repeat 0px -10px;
}
#growler .growlerContent a.growlerTitle span.expanded {
  display: none;
}
#growler .growlerContent a.growlerTitle:hover {
  text-decoration: none;
}
#growler .growlerContent a.growlerTitle:hover span {
  text-decoration: #60656a;
}
#growler.expanded .growlerContent a.growlerTitle span.collapsed {
  display: none;
}
#growler.expanded .growlerContent a.growlerTitle span.expanded {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/icons_up_down.png?w=15") no-repeat 0px 0px;
}
#growler .hiddenContent {
  display: none;
  padding-left: 30px;
}
.disclaimer p,
.disclaimer span,
.disclaimer a {
  font-family: 'OpenSansRegular', Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
}
#AT_Public_Transport_Journey_Planner .AT_JP_myjourneys {
  display: none;
  position: relative;
}
#AT_Public_Transport_Journey_Planner .AT_JP_myjourneys span.circle {
  position: absolute;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  background-color: #586d00;
  color: #f0f9e7;
  width: 20px;
  height: 20px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  right: 10px;
  top: 9px;
  vertical-align: middle;
}
#AT_Public_Transport_Journey_Planner .AT_JP_myjourneys span.count {
  position: absolute;
  width: 20px;
  height: 20px;
  display: block;
  text-align: center;
  line-height: 20px;
}
#AT_Public_Transport_Journey_Planner .AT_JP_myjourneylist {
  position: absolute;
  right: 0;
  width: 300px;
  margin: 15px 0 0 0;
  z-index: 2;
}
#AT_Public_Transport_Journey_Planner .AT_JP_myjourneylist div.myjourneyList .arrow {
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom-color: #9fbe46;
  position: absolute;
  top: -20px;
  right: 15px;
}
#AT_Public_Transport_Journey_Planner .AT_JP_myjourneylist div.myjourneyList ol {
  background-color: #9fbe46;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 10px 20px;
  margin: 0;
  list-style-type: none;
}
#AT_Public_Transport_Journey_Planner .AT_JP_myjourneylist div.myjourneyList li {
  font-size: 14px;
  padding: 10px 0;
  margin: 0;
  border-bottom: 1px solid wildwillow;
}
#AT_Public_Transport_Journey_Planner .AT_JP_myjourneylist div.myjourneyList li:last-child {
  border: none;
}
#AT_Public_Transport_Journey_Planner .AT_JP_myjourneylist div.myjourneyList a {
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#AT_Public_Transport_Journey_Planner .AT_JP_myjourneylist div.myjourneyList span.from {
  display: block;
}
#AT_Public_Transport_Journey_Planner .AT_JP_myjourneylist div.myjourneyList span.to {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_Public_Transport_Journey_Planner .AT_JP_myjourneylist div.myjourneyList span.to span {
  color: #676664;
}
#AT_Public_Transport_Journey_Planner .AT_JP_state_mob .AT_JP_form .AT_JP_form_container .AT_JP_myjourneylist {
  width: auto;
  position: static;
  margin: 0;
}
#AT_Public_Transport_Journey_Planner .AT_JP_state_mob .AT_JP_form .AT_JP_form_container .AT_JP_myjourneylist div.myjourneyList .arrow {
  top: 40px;
}
.ATParkingPermitPayment {
  padding: 5px;
  float: left;
  width: 100%;
}
.ATParkingPermitPayment .field {
  max-width: 300px;
}
.ATParkingPermitPayment .field p {
  margin: 0;
}
header.AT_Home {
  padding: 7px 0 7px 14px;
  display: block;
}
header.AT_Home .my_at_menu {
  display: block;
  background: #17232f;
  height: 78px;
  width: auto;
  max-width: auto;
}
header.AT_Home .my_at_menu .mobileView {
  display: none;
}
header.AT_Home .my_at_menu .desktopView {
  display: block;
}
header.AT_Home .my_at_menu .logLink a,
header.AT_Home .my_at_menu .logLink span {
  display: none;
}
header.AT_Home .my_at_menu .lineVertical {
  display: none;
}
header.AT_Home #menu_buttons .top_menu_section {
  display: none;
}
#AT_Home .homeSpecific {
  display: block;
}
#AT_Home .desktopView {
  display: inline-block;
}
#AT_Home #top_nav .skip_nav {
  display: none;
}
#AT_Home #top_nav nav {
  margin-top: 25px;
  height: auto;
}
#AT_Home #top_nav ul {
  height: auto;
}
#AT_Home #top_nav ul li {
  margin: 0;
}
#AT_Home #top_nav ul li span >div {
  overflow: hidden;
}
#AT_Home #top_nav div.search {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  opacity: 0.5;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  height: 150px;
  width: 100%;
  overflow: hidden;
}
#AT_Home #top_nav div.search .placeholder {
  color: #fff;
}
#AT_Home #top_nav div.search form {
  line-height: 45px;
}
#AT_Home #top_nav div.search form.expanded input[type="text"] {
  width: 380px;
}
#AT_Home #top_nav div.search input[type="text"] {
  font-size: 20px;
  width: 80px;
  color: #fff !important;
  border: none;
  padding-bottom: 5px;
  padding-right: 20px;
  padding-top: 20px;
  font-family: OpenSansBold, Arial, Helvetica, sans-serif;
  border: none;
}
#AT_Home #top_nav div.search ::-webkit-input-placeholder {
/* WebKit browsers */
  color: #fff;
  font-style: normal;
  font-family: OpenSansBold, Arial, Helvetica, sans-serif;
}
#AT_Home #top_nav div.search :-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
  color: #fff;
  font-style: normal;
  font-family: OpenSansBold, Arial, Helvetica, sans-serif;
}
#AT_Home #top_nav div.search ::-moz-placeholder {
/* Mozilla Firefox 19+ */
  color: #fff;
  font-style: normal;
  font-family: OpenSansBold, Arial, Helvetica, sans-serif;
}
#AT_Home #top_nav div.search :-ms-input-placeholder {
/* Internet Explorer 10+ */
  color: #fff;
  font-style: normal;
  font-family: OpenSansBold, Arial, Helvetica, sans-serif;
}
#AT_Home #top_nav:hover a {
  color: #fff;
}
#AT_Home #top_nav form {
  position: relative;
  line-height: 60px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  background-color: #17232f;
  margin: 0 0 1px 0;
  padding: 0 15px;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -o-border-radius: 0 5px 5px 0;
  -ms-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  overflow: hidden;
}
#AT_Home #top_nav form input:first-child {
  height: 100%;
}
#AT_Home #top_nav form input[type="text"] {
  margin: 0;
  background-color: #17232f;
  font-size: 53px;
  color: #fff;
  font-family: Arial;
}
#AT_Home #top_nav form input[type="text"]:focus {
  border: none;
}
#AT_Home #top_nav form .search_submit {
  position: absolute;
  display: inline-block;
  margin: 22px 0 0 15px;
  top: 0;
  right: 0;
  float: right;
  margin: 0;
  width: 35px;
  height: 40px;
  border: none;
  font-size: 0;
  background-image: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/at-icons-color-full-600.png");
  background-position: -465px -40px;
  background-repeat: no-repeat;
  background-color: transparent;
  color: #d2d8dc;
}
#AT_Home #top_nav a {
  line-height: 60px;
  font-size: 21px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  background-color: #17232f;
  margin: 0 0 1px 0;
  padding: 0 15px;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -o-border-radius: 0 5px 5px 0;
  -ms-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
#AT_Home #top_nav a .top_nav_icons {
  float: right;
  height: 15px;
  display: inline-block;
  margin: 22px 0 0 15px;
  background-repeat: no-repeat;
  background-color: transparent;
}
#AT_Home #top_nav a .linkTitle {
  display: inline;
}
#AT_Home #top_nav .navIcon {
  width: 20px;
  height: 19px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  background-image: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/at-icons-color-full-400.png");
  background-position: 0px 0px;
}
#AT_Home #top_nav li.publictransport a {
  background-color: #17232f;
}
#AT_Home #top_nav li.publictransport a .icon1 {
  background-position: 0px -35px;
}
#AT_Home #top_nav li.publictransport a .icon2 {
  background-position: -17px -35px;
}
#AT_Home #top_nav li.publictransport a .icon3 {
  background-position: -35px -35px;
}
#AT_Home #top_nav li.publictransport a:hover .icon1 {
  background-position: 0px -89px;
}
#AT_Home #top_nav li.publictransport a:hover .icon2 {
  background-position: -17px -89px;
}
#AT_Home #top_nav li.publictransport a:hover .icon3 {
  background-position: -35px -89px;
}
#AT_Home #top_nav li.drivingparking a {
  background-color: #4090c0;
}
#AT_Home #top_nav li.drivingparking a .icon1 {
  background-position: -455px -35px;
}
#AT_Home #top_nav li.drivingparking a .icon2 {
  background-position: -475px -35px;
}
#AT_Home #top_nav li.drivingparking a .icon3 {
  display: none;
}
#AT_Home #top_nav li.drivingparking a:hover {
  color: #17232f;
}
#AT_Home #top_nav li.drivingparking a:hover .icon1 {
  background-position: -455px -16px;
}
#AT_Home #top_nav li.drivingparking a:hover .icon2 {
  background-position: -475px -16px;
}
#AT_Home #top_nav li.projects a {
  background-color: #ee2a28;
}
#AT_Home #top_nav li.projects a .icon1 {
  background-position: -127px -35px;
}
#AT_Home #top_nav li.projects a .icon2,
#AT_Home #top_nav li.projects a .icon3 {
  display: none;
}
#AT_Home #top_nav li.projects a:hover {
  color: #17232f;
}
#AT_Home #top_nav li.projects a:hover .icon1 {
  background-position: -127px -16px;
}
#AT_Home #top_nav li.ATAboutUs a {
  background-color: #036;
}
#AT_Home #top_nav li.ATAboutUs a .icon1 {
  background-position: -544px -36px;
}
#AT_Home #top_nav li.ATAboutUs a .icon2,
#AT_Home #top_nav li.ATAboutUs a .icon3 {
  display: none;
}
#AT_Home #top_nav li.ATAboutUs a:hover .icon1 {
  background-position: -544px -90px;
}
#AT_Home #top_nav li.cyclingwalking a {
  background-color: #88ab3e;
}
#AT_Home #top_nav li.cyclingwalking a .icon1 {
  background-position: -110px -35px;
}
#AT_Home #top_nav li.cyclingwalking a .icon2 {
  background-position: -490px -108px;
}
#AT_Home #top_nav li.cyclingwalking a .icon3 {
  display: none;
}
#AT_Home #top_nav li.cyclingwalking a:hover {
  color: #17232f;
}
#AT_Home #top_nav li.cyclingwalking a:hover .icon1 {
  background-position: -110px -16px;
}
#AT_Home #top_nav li.cyclingwalking a:hover .icon2 {
  background-position: -490px -16px;
}
#AT_Home #top_nav li a:hover {
  color: #349ce0;
}
#AT_Home .latestContainer {
  background-color: #17232f;
  margin-top: 25px;
  margin-bottom: 100px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 100%;
}
#AT_Home .latestContainer #Home_service_annoucement {
  margin: 5px 0;
}
#AT_Home .latestContainer #Home_service_annoucement ul li {
  padding: 5px 35px;
}
#AT_Home .latestContainer #Home_service_annoucement ul li a {
  color: #b6bbc2;
}
#AT_Home .latestContainer #Home_service_annoucement a.latest-all {
  font-size: 13px;
  font-family: 'OpenSansRegular', Arial, sans-serif;
}
#AT_Home .latestContainer .top {
  padding: 10px;
  border-bottom: 1px dotted #676664;
}
#AT_Home .latestContainer .top h2 {
  color: #fff;
  font-size: 13px;
  line-height: 0px;
}
#AT_Home .latestContainer .bottom {
  padding: 10px;
  text-align: right;
}
#AT_Home .latestContainer .High_priority {
  background-color: transparent;
  padding: 0 0 0 25px;
  border-bottom: 1px dotted #676664;
}
#AT_Home .latestContainer .High_priority a,
#AT_Home .latestContainer .High_priority em {
  color: #fff;
}
#AT_Home .latestContainer .Medium_priority .icon,
#AT_Home .latestContainer .Low_priority .icon {
  background: transparent;
  background-image: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/at-icons-color-full-700.png");
  background-position: -440px -1207px;
}
#AT_Home .latestContainer #annoucement_summary a {
  color: #fff;
}
@media only screen and (min-width: 480px) {
  #AT_Home #top_nav form div.search {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
  }
  #AT_Home #top_nav form div.search .search_submit {
    width: 80px;
    height: 80px;
  }
  #AT_Home #top_nav form div.search input[type="text"] {
    line-height: 50px;
    font-size: 28px;
  }
  #AT_Home #top_nav a {
    font-size: 28px;
  }
  #AT_Home #top_nav a .top_nav_icons {
    height: 20px;
    margin: 20px 0 0 20px;
  }
  #AT_Home #top_nav ul {
    max-width: 780px;
/* for IE7 as it takes full screen width*/
  }
  #AT_Home #top_nav .navIcon {
    width: 30px;
    height: 30px;
    background-image: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/at-icons-color-full-700.png");
    background-position: 0px 0px;
  }
  #AT_Home #top_nav li.publictransport a .icon1 {
    background-position: 0px -65px;
  }
  #AT_Home #top_nav li.publictransport a .icon2 {
    background-position: -35px -65px;
  }
  #AT_Home #top_nav li.publictransport a .icon3 {
    background-position: -65px -65px;
  }
  #AT_Home #top_nav li.publictransport a:hover .icon1 {
    background-position: 0px -160px;
  }
  #AT_Home #top_nav li.publictransport a:hover .icon2 {
    background-position: -35px -160px;
  }
  #AT_Home #top_nav li.publictransport a:hover .icon3 {
    background-position: -65px -160px;
  }
  #AT_Home #top_nav li.drivingparking a .icon1 {
    background-position: -95px -65px;
  }
  #AT_Home #top_nav li.drivingparking a .icon2 {
    background-position: -130px -65px;
  }
  #AT_Home #top_nav li.drivingparking a:hover .icon1 {
    background-position: -95px -33px;
  }
  #AT_Home #top_nav li.drivingparking a:hover .icon2 {
    background-position: -130px -33px;
  }
  #AT_Home #top_nav li.ATAboutUs a .icon1 {
    background-position: -255px -65px;
  }
  #AT_Home #top_nav li.ATAboutUs a:hover .icon1 {
    background-position: -255px -160px;
  }
  #AT_Home #top_nav li.projects a .icon1 {
    background-position: -228px -65px;
  }
  #AT_Home #top_nav li.projects a:hover .icon1 {
    background-position: -228px -33px;
  }
  #AT_Home #top_nav li.cyclingwalking a .icon1 {
    background-position: -192px -65px;
  }
  #AT_Home #top_nav li.cyclingwalking a .icon2 {
    background-position: -160px -65px;
  }
  #AT_Home #top_nav li.cyclingwalking a:hover .icon1 {
    background-position: -192px -33px;
  }
  #AT_Home #top_nav li.cyclingwalking a:hover .icon2 {
    background-position: -160px -33px;
  }
}
@media only screen and (min-width: 768px) {
  #AT_Home {
    text-align: justify;
/* For IE6 to IE7 since they don't support :after */
    -ms-text-justify: distribute;
    text-justify: distribute;
    text-align-last: justify;
    zoom: 1;
  }
  #AT_Home:after {
    content: ".";
    display: inline-block;
    width: 100%;
    height: 0;
    visibility: hidden;
  }
  #AT_Home >* {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    text-align: left;
    text-align-last: left;
    vertical-align: top;
  }
  #AT_Home #top_nav div.search {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    opacity: 0.5;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  }
  #AT_Home #top_nav div.search .search_submit {
    background-image: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/at-icons-color-full-1400.png");
    background-position: -1095px -120px;
    width: 60px;
    height: 60px;
  }
  #AT_Home #top_nav div.search form {
    line-height: 55px;
  }
  #AT_Home #top_nav div.search input[type="text"] {
    font-size: 53px;
    line-height: 70px;
    width: 200px;
    padding-right: 70px;
    height: 70px;
    padding-top: 4px;
    padding-bottom: 0;
  }
  #AT_Home #top_nav div.search input[type="submit"] {
    border: none;
  }
  #AT_Home #top_nav a {
    font-size: 53px;
    padding: 15px 24px;
  }
  #AT_Home #top_nav a .top_nav_icons {
    height: 50px;
    margin: 0 0 0 25px;
  }
  #AT_Home #top_nav .navIcon {
    width: 50px;
    height: 50px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    background-image: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/at-icons-color-full-1200.png");
    background-position: 0 0;
  }
  #AT_Home #top_nav li.publictransport a .icon1 {
    background-position: 0px -110px;
  }
  #AT_Home #top_nav li.publictransport a .icon2 {
    background-position: -55px -110px;
  }
  #AT_Home #top_nav li.publictransport a .icon3 {
    background-position: -110px -110px;
  }
  #AT_Home #top_nav li.publictransport a:hover .icon1 {
    background-position: 0px -273px;
  }
  #AT_Home #top_nav li.publictransport a:hover .icon2 {
    background-position: -55px -273px;
  }
  #AT_Home #top_nav li.publictransport a:hover .icon3 {
    background-position: -110px -273px;
  }
  #AT_Home #top_nav li.drivingparking a .icon1 {
    background-position: -165px -104px;
  }
  #AT_Home #top_nav li.drivingparking a .icon2 {
    background-position: -230px -107px;
  }
  #AT_Home #top_nav li.drivingparking a:hover .icon1 {
    background-position: -165px -49px;
  }
  #AT_Home #top_nav li.drivingparking a:hover .icon2 {
    background-position: -230px -51px;
  }
  #AT_Home #top_nav li.projects a .icon1 {
    background-position: -385px -100px;
  }
  #AT_Home #top_nav li.projects a:hover .icon1 {
    background-position: -385px -45px;
  }
  #AT_Home #top_nav li.ATAboutUs a .icon1 {
    background-position: -440px -110px;
  }
  #AT_Home #top_nav li.ATAboutUs a:hover .icon1 {
    background-position: -440px -274px;
  }
  #AT_Home #top_nav li.cyclingwalking a .icon1 {
    background-position: -330px -102px;
  }
  #AT_Home #top_nav li.cyclingwalking a .icon2 {
    background-position: -275px -108px;
  }
  #AT_Home #top_nav li.cyclingwalking a:hover .icon1 {
    background-position: -330px -47px;
  }
  #AT_Home #top_nav li.cyclingwalking a:hover .icon2 {
    background-position: -275px -53px;
  }
  #AT_Home .latestContainer {
    margin-right: -5px;
  }
}
@media only screen and (min-width: 1200px) {
  header.AT_Home .my_at_menu {
    width: 20%;
    max-width: 223px;
  }
  header.AT_Home .my_at_menu .logLink a,
  header.AT_Home .my_at_menu .logLink span {
    display: inline-block;
  }
  #AT_Home .latestContainer {
    width: 300px;
  }
  #AT_Home .latestContainer ul li {
    width: 260px;
  }
  #AT_Home .latestContainer #annoucement_summary ul li {
    border-bottom: 1px dotted #676664;
  }
}
#AT_Infringement_Exemption_Request {
  padding: 0 5px;
}
#AT_Infringement_Exemption_Request span.radiobuttonlist {
  display: block;
}
#AT_Infringement_Exemption_Request .contourField textarea {
  height: 100px;
  display: block;
/* for IE*/
}
#AT_Infringement_Exemption_Request .contour {
  width: 100%;
}
#AT_Infringement_Exemption_Request .contourPage {
  max-width: 100%;
}
#AT_Infringement_Exemption_Request .notice_paragraph {
  padding-left: 29px;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/icon.notice-20.png") no-repeat;
  max-width: 300px;
}
#AT_Infringement_Exemption_Request .validation-summary-valid {
  display: none;
}
#AT_Infringement_Exemption_Request .contourField.noticenumber,
#AT_Infringement_Exemption_Request .contourField.vehicleregistration,
#AT_Infringement_Exemption_Request .notice_paragraph,
#AT_Infringement_Exemption_Request .contourField textarea,
#AT_Infringement_Exemption_Request .contourField.textarea,
#AT_Infringement_Exemption_Request .contourField.fileupload,
#AT_Infringement_Exemption_Request .contourField.title,
#AT_Infringement_Exemption_Request .contourField.iparkedthevehiclewhereitincurredtheabovenotices {
  width: 300px;
}
#AT_Infringement_Exemption_Request .preferedmodeofresponse.dropdown .display {
  width: 120px;
}
#AT_Infringement_Exemption_Request .title.dropdown .display {
  width: 65px;
}
#AT_Infringement_Exemption_Request .ihavecontactedaucklandtransportaboutthisinfringementnoticebefore label {
  padding-left: 30px;
}
#AT_Infringement_Exemption_Request .ihavecontactedaucklandtransportaboutthisinfringementnoticebefore > div {
  margin-top: -24px;
}
#AT_Infringement_Exemption_Request .textTipQuery {
  font-family: 'OpenSansRegular', Arial, sans-serif;
  font-size: 14px;
  padding-left: 25px;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/icon.notice.png") no-repeat left center;
}
#AT_Infringement_Exemption_Request div.textTipQuery {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 300px;
  color: #349ce0;
}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
  #AT_Infringement_Exemption_Request {
    padding-bottom: 20px;
  }
  #AT_Infringement_Exemption_Request aside {
    width: 300px;
    float: right;
    margin-top: -15px;
  }
  #AT_Infringement_Exemption_Request .contourField textarea {
/*.contourField.comments {*/
    width: 300px;
  }
  #AT_Infringement_Exemption_Request .contour {
    width: 300px;
  }
  #AT_Infringement_Exemption_Request .contourField.textarea {
    width: 305px;
    height: 150px;
    display: block;
/* for IE*/
  }
  #AT_Infringement_Exemption_Request .contourField.textarea textarea {
    width: 100%;
  }
  #AT_Infringement_Exemption_Request .contourField.noticenumber,
  #AT_Infringement_Exemption_Request .contourField.vehicleregistration {
    width: 300px;
  }
  #AT_Infringement_Exemption_Request .contourField.noticenumber input,
  #AT_Infringement_Exemption_Request .contourField.vehicleregistration input {
    width: 220px;
  }
  #AT_Infringement_Exemption_Request .contourField.iparkedthevehiclewhereitincurredtheabovenotices {
    width: 300px;
  }
  #AT_Infringement_Exemption_Request .contourField.iparkedthevehiclewhereitincurredtheabovenotices >div label,
  #AT_Infringement_Exemption_Request .contourField.iparkedthevehiclewhereitincurredtheabovenotices >div input {
    width: auto;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
  }
  #AT_Infringement_Exemption_Request .notice_paragraph {
    max-width: 620px;
  }
  #AT_Infringement_Exemption_Request .contour {
    width: 300px;
  }
  #AT_Infringement_Exemption_Request .contourPage {
    width: 300px;
  }
  #AT_Infringement_Exemption_Request .contourField.noticenumber,
  #AT_Infringement_Exemption_Request .contourField.vehicleregistration,
  #AT_Infringement_Exemption_Request .notice_paragraph,
  #AT_Infringement_Exemption_Request .contourField textarea,
  #AT_Infringement_Exemption_Request .contourField.textarea,
  #AT_Infringement_Exemption_Request .contourField.fileupload,
  #AT_Infringement_Exemption_Request .contourField.title,
  #AT_Infringement_Exemption_Request .contourField.iparkedthevehiclewhereitincurredtheabovenotices {
    width: 300px;
  }
}
@media only screen and (min-width: 900px) {
  #AT_Infringement_Exemption_Request .contourField.textfield {
    width: 280px;
  }
}
@media only screen and (min-width: 1200px) {
  #AT_Infringement_Exemption_Request .contourField.textarea {
    width: 625px;
  }
  #AT_Infringement_Exemption_Request .contourPage {
    width: 700px;
  }
  #AT_Infringement_Exemption_Request textarea {
    width: 536px;
  }
  #AT_Infringement_Exemption_Request .contour,
  #AT_Infringement_Exemption_Request .contourField.noticenumber,
  #AT_Infringement_Exemption_Request .contourField.vehicleregistration,
  #AT_Infringement_Exemption_Request .notice_paragraph,
  #AT_Infringement_Exemption_Request .contourField textarea,
  #AT_Infringement_Exemption_Request .contourField.textarea,
  #AT_Infringement_Exemption_Request .contourField.fileupload,
  #AT_Infringement_Exemption_Request .contourField.title,
  #AT_Infringement_Exemption_Request .contourField.iparkedthevehiclewhereitincurredtheabovenotices {
    width: 620px;
  }
}
#AT_Journey_Planner #planner {
  background-color: #fff;
  position: relative;
}
#AT_Journey_Planner #main_nav {
  padding: 15px 15px 0 15px;
}
#AT_Journey_Planner #planner.largeScreenActive {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
/*
		* height set by largeScreen callback in journeyplanner.js
		*/
  width: 100%;
  margin: 0;
}
#AT_Journey_Planner #planner.largeScreenActive .AT_JP_largescreen_container a.largescreen {
  display: none;
}
#AT_Journey_Planner #planner.largeScreenActive .AT_JP_largescreen_container a.largescreen_exit {
  display: block;
}
#AT_Journey_Planner .AT_JP_splash {
  font-family: "OpenSansBold", Helvetica, Arial, sans-serif;
}
#AT_Journey_Planner .AT_JP_call_to_action {
  color: #fff;
  background: #349ce0;
  text-decoration: none;
  font-family: "OpenSansBold", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 18px;
  padding: 20px 15px 11px;
  display: block;
}
#AT_Journey_Planner .AT_JP_call_to_action.AT_JP_call_to_action__blue {
  background: #349ce0;
}
#AT_Journey_Planner .AT_JP_call_to_action.AT_JP_call_to_action__green {
  background: #9fbe46;
}
#AT_Journey_Planner .AT_JP_call_to_action a {
  color: #fff;
  text-decoration: none;
  display: inline-block;
  padding: 0 0 10px;
  vertical-align: top;
}
#AT_Journey_Planner .AT_JP_call_to_action a.has-arrow {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/arrow-right.white.png") right top no-repeat;
  padding-right: 40px;
}
#AT_Journey_Planner .AT_JP_call_to_action .spaced {
  padding: 0 10px 0 0;
}
#AT_Journey_Planner .AT_JP_call_to_action_white {
  background: #fff;
  text-decoration: none;
  font-family: "OpenSansBold", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 14px;
  padding: 0px 15px 11px;
  display: block;
}
#AT_Journey_Planner .AT_JP_call_to_action_white a {
  text-decoration: none;
  display: inline-block;
  padding: 0px;
  vertical-align: top;
}
#AT_Journey_Planner .AT_JP_call_to_action_white .spaced {
  padding: 0 10px 0 0;
}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 900px) {
  #AT_Journey_Planner .AT_JP_call_to_action_white {
    font-size: 18px;
  }
  #AT_Journey_Planner .AT_JP_call_to_action_white a {
    padding: 0 0 10px;
  }
}
@media only screen and (min-width: 1382px) {
}
#Journey_planner_service_annoucements_wrapper {
  display: none;
  position: relative;
  right: 0;
  top: 0;
  z-index: 1;
  height: 40px;
  overflow: hidden;
  background-color: #fce9e5;
}
#Journey_planner_service_annoucements_wrapper a.AT_JP_close_announcements {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/close.png") no-repeat center center #fce9e5;
}
#Journey_planner_service_annoucements_wrapper #Journey_planner_service_annoucements {
  position: absolute;
  left: 100%;
  width: 100%;
  z-index: 2;
}
#Journey_planner_service_annoucements_wrapper #Journey_planner_service_annoucements ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  position: relative;
  white-space: nowrap;
}
#Journey_planner_service_annoucements_wrapper #Journey_planner_service_annoucements ul li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  padding: 10px;
  margin: 0;
}
#Journey_planner_service_annoucements_wrapper #Journey_planner_service_annoucements ul li a {
  color: #ba2026;
}
#AT_Timetables {
  position: relative;
/*
	 * Temporary hack
	 * */
}
#AT_Timetables .content_richtext {
  margin-top: 70px;
}
#AT_Timetables .content_richtext .hilight {
  background-color: #9fbe46;
  color: #283d51;
}
#AT_Timetables .content_richtext form {
  width: 220px;
  position: absolute;
  top: -60px;
  left: 0;
/*
			 * TODO: add mixin to refactor the crap
			 *  NOTE that this is just temporary
			 */
}
#AT_Timetables .content_richtext form input {
  font-family: 'OpenSansBold', sans-serif;
  border: 1px solid #c5c9cd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  color: #007bcc;
  font-size: 14px;
  height: 15px;
  padding: 10px;
  margin: 3px 10px 3px 0;
  line-height: 15px;
  width: 90%;
  max-width: 780px;
}
#AT_Timetables .content_richtext form span {
  background-image: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/at-icons-color-full-600.png");
  background-position: -463px -105px;
  position: absolute;
  height: 33px;
  width: 36px;
  top: 6px;
  right: 0px;
}
#routes_by_stop {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  background-color: #349ce0;
  padding: 10px;
  margin-right: 10px;
  position: relative;
}
#routes_by_stop input {
  width: 70%;
  height: 38px;
  font-size: 18px;
  line-height: 38px;
  border: none;
  padding: 0 10px;
  margin-bottom: 20px;
  position: absolute;
  top: 10px;
  left: 56px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
#routes_by_stop span {
  font-size: 13px;
  color: #8795a1;
  font-family: OpenSansBold, Arial, sans-serif;
  padding: 9px;
  background: #fff;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
#routes_by_stop div.arrow {
  border-top: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top-color: #fff;
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 47px;
  left: 25px;
}
#routes_by_stop .autocomplete {
  border: #349ce0 3px solid;
  background: #fff;
  max-height: none !important;
  color: #000;
  overflow-y: visible;
  padding: 0px;
  font-family: OpenSansBold, Arial, Helvetica, sans-serif;
}
#routes_by_stop .autocomplete >div:hover {
  color: #fff;
  background: #349ce0;
}
#routesList {
  margin-top: 20px;
}
#routesList ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
#routesList li {
/* indicator is absolute */
  position: relative;
}
#routesList a {
  font-family: OpenSansBold, Arial, Helvetica, sans-serif;
  font-size: 15px;
  display: block;
  background-color: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  padding: 6px 40px 6px 6px;
  margin-top: 5px;
}
#routesList a:hover {
  text-decoration: none;
}
#routesList a .code {
  color: #66707a;
}
#routesList a .description {
  color: #acacac;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#routesList a .indicator {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 100%;
  background: url("$imageCDN/icons/small/icon.menu.selected-20.png") no-repeat -10px center transparent;
}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
  #AT_Timetables .content_richtext {
    margin-right: 240px;
  }
  #routes_by_stop {
    position: absolute;
    top: 88px;
    right: 0;
    width: 200px;
  }
  #routes_by_stop input {
    width: 60%;
  }
}
@media only screen and (min-width: 900px) {
  #routes_by_stop input {
    width: 60%;
  }
}
@media only screen and (min-width: 1200px) {
  #AT_Timetables .content_richtext {
    margin-right: 320px;
  }
  #routes_by_stop {
    width: 280px;
  }
  #routes_by_stop input {
    width: 70%;
  }
}
#AT_MyStreet #MyStreetApp_Container {
  position: relative;
  margin: 10px;
}
#AT_MyStreet #MyStreetApp {
  position: relative;
}
#AT_MyStreet #MyStreetApp_AddThis {
  display: none;
}
#AT_MyStreet .oldNewsTitle {
  margin-top: 1px;
  margin-bottom: 5px;
  color: #349ce0;
}
#AT_MyStreet .oldNews {
  margin-top: 5px;
  margin-bottom: 1px;
  padding-bottom: 0px;
}
#AT_MyStreet .type {
  color: #9fbe46;
  font-family: 'OpenSansBold', sans-serif;
}
#AT_MyStreet .date {
  color: #acacac;
  font-family: 'OpenSansBold', sans-serif;
}
#AT_MyStreet .locationTypeCategory li {
  margin: 0;
}
#MyStreetApp.largeScreenActive {
  position: fixed !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100% !important;
  z-index: 99;
}
#MyStreetApp.largeScreenActive .MyStreet {
  position: static;
}
#MyStreetApp.largeScreenActive .AT_MyStreet_largescreen_container a.largescreen {
  display: none;
}
#MyStreetApp.largeScreenActive .AT_MyStreet_largescreen_container a.largescreen_exit {
  display: block;
}
@media only screen and (min-width: 480px) {
  #AT_MyStreet .ChildSummary img {
    display: block;
  }
  #AT_MyStreet .ChildSummary .ChildItem div.noImage {
    background: url("//az609578.vo.msecnd.net/public/9d11721/images/logo-150.png") no-repeat transparent left;
    height: 150px;
  }
}
@media only screen and (min-width: 768px) {
  #AT_MyStreet .My_Street_Text {
    margin-left: 20px;
    margin-right: 20px;
    display: block;
  }
}
@media only screen and (min-width: 900px) {
  #AT_MyStreet #MyStreetApp_Container {
    margin: 0px;
  }
  #AT_MyStreet #AT_lastest_projects {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
  #AT_MyStreet .ChildSummary.numberOfChildren-2 {
    width: 100%;
  }
  #AT_MyStreet .ChildSummary.numberOfChildren-2 .ChildItem {
    width: 47%;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    overflow: hidden;
  }
  #AT_MyStreet .ChildSummary.numberOfChildren-2 .ChildItem div.noImage {
    background: url("//az609578.vo.msecnd.net/public/9d11721/images/logo-302.png") no-repeat transparent center;
    height: 302px;
  }
}
@media only screen and (min-width: 1382px) {
}
#AT_Public_Transport .hidden {
  display: none !important;
}
#AT_Public_Transport .show {
  display: inline-block !important;
}
#AT_Public_Transport .content {
  display: block;
}
#AT_Public_Transport .content_row {
  margin: 0 0 30px 0;
}
#AT_Public_Transport .content_group {
  display: block;
}
#AT_Public_Transport .content_panel {
  margin: 0 0 20px 0;
  background-color: #c0c0c0;
  min-height: 50px;
}
#AT_Public_Transport #campaign_tiles {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_Public_Transport #campaign_tiles .campaign {
  margin: 0 0 14px 0;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_Public_Transport #campaign_tiles .campaign a img {
  width: 100%;
}
#AT_Public_Transport .right_column {
  width: 300px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin: 0 0 14px 0;
}
#AT_Public_Transport .right_column .hopAction a {
  display: block;
}
#AT_Public_Transport .right_column .hopAction .message {
  color: #d2d8dc;
}
#AT_Public_Transport .right_column .notHopUser a,
#AT_Public_Transport .right_column .noCard a {
  padding: 0;
  background-color: transparent;
}
#AT_Public_Transport .right_column .logged {
  border: 1px #d2d8dc solid;
  padding: 10px 0 0 10px;
  font-family: OpenSansBold, Arial, Helvetica, sans-serif;
  height: 220px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#AT_Public_Transport .right_column .logged h3 {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin: 10px 0 5px;
  font-family: OpenSansBold, Arial, Helvetica, sans-serif;
}
#AT_Public_Transport .right_column .logged h3 >div {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/hop.card.green.png") no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  max-width: 130px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 30px;
  padding-left: 30px;
  padding-right: 5px;
  margin-top: 3px;
}
#AT_Public_Transport .right_column .logged #top_up {
  margin-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 7px;
  padding-bottom: 8px;
  width: 60%;
  display: block;
}
#AT_Public_Transport .right_column .logged #top_up span {
  display: none;
}
#AT_Public_Transport .right_column .logged #top_up.multipleCards {
  width: 60%;
}
#AT_Public_Transport .right_column .logged #top_up.multipleCards span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_Public_Transport .right_column .logged .hop_balance {
  color: #007bcc;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 140px;
}
#AT_Public_Transport .right_column .logged .hop_balance .big_text {
  font-size: 35px;
  margin-top: 10px;
  color: #283d51;
  font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
}
#AT_Public_Transport .right_column .logged .hop_activity ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
#AT_Public_Transport .right_column .logged .hop_activity ul li {
  margin: 10px 0 0 0;
}
#AT_Public_Transport .right_column .logged .hop_activity ul li span {
  color: #acacac;
  margin-right: 10px;
}
#AT_Public_Transport .right_column .logged .panel_links {
  border-top: 1px #d2d8dc solid;
  margin-top: 10px;
  padding-top: 10px;
}
#AT_Public_Transport .right_column .logged.disabled {
  color: #d2d8dc;
}
#AT_Public_Transport .right_column .logged.disabled h3,
#AT_Public_Transport .right_column .logged.disabled div,
#AT_Public_Transport .right_column .logged.disabled span,
#AT_Public_Transport .right_column .logged.disabled .big_text {
  color: #d2d8dc;
}
#AT_Public_Transport .right_column .logged.disabled h3 div {
  background-image: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/at-icons-color-full-700.png");
  background-position: -510px -195px;
}
#AT_Public_Transport .right_column .logged.disabled a {
  color: #d2d8dc;
}
#AT_Public_Transport .right_column .logged.disabled a:hover {
  color: #d2d8dc;
  text-decoration: none;
  cursor: default;
}
#AT_Public_Transport .right_column .logged.disabled .button {
  background: #d2d8dc;
}
#AT_Public_Transport .right_column .logged.disabled .button:hover {
  background: #d2d8dc;
  cursor: default;
}
#AT_Public_Transport .timetableFares {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_Public_Transport .timetableFares .timetable,
#AT_Public_Transport .timetableFares .fares {
  width: 100%;
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_Public_Transport .timetableFares .timetable a,
#AT_Public_Transport .timetableFares .fares a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_Public_Transport .timetableFares .timetable a:hover,
#AT_Public_Transport .timetableFares .fares a:hover {
  text-decoration: none;
}
#AT_Public_Transport .timetableFares .timetable h2,
#AT_Public_Transport .timetableFares .fares h2 {
  color: #007bcc;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  height: 30px;
  padding-right: 50px;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/arrow-right.png") no-repeat right 0;
}
#AT_Public_Transport .timetableFares .timetable p,
#AT_Public_Transport .timetableFares .fares p {
  font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
  margin: 0;
  padding-top: 20px;
  text-decoration: none;
  color: #17232f;
}
#AT_Public_Transport .timetableFares .timetable {
  margin-bottom: 26px;
  padding-bottom: 35px;
  border-bottom: 1px #d2d8dc solid;
  min-height: 65px;
}
#AT_Public_Transport .timetableFares .fares {
  margin-bottom: 15px;
  min-height: 105px;
}
#AT_Public_Transport .timetableFares a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  height: 24px;
}
#AT_Public_Transport .timetableFares a.button {
  font-size: 17px;
  padding-left: 22px;
  padding-right: 22px;
  height: 28px;
}
#AT_Public_Transport .timetableFares h2 {
  margin: 0;
  padding: 0;
}
#AT_Public_Transport .timetableFares .link_arrow {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/icon.arrow-right.png") no-repeat;
  width: 10px;
  height: 8px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin: 5px 0 0 5px;
}
#AT_Public_Transport .timetableFares .timetable_icon {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/pt-clock-pin.jpg");
  width: 76px;
  height: 69px;
  position: absolute;
  top: 0px;
  right: 0px;
  display: none;
}
#AT_Public_Transport .timetableFares .fares_icon {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/pt-at-bus-train-ferry-no-hop.jpg") 3px -30px;
  width: 110px;
  position: absolute;
  top: 35px;
  right: 0px;
  height: 40px;
  display: none;
}
#AT_Public_Transport #AT_Campaign_Preview {
  margin-bottom: 20px;
}
#AT_Public_Transport #AT_Campaign_Preview .Campaign_item {
  max-width: 300px;
}
#AT_Public_Transport #AT_Campaign_Preview .Campaign_item img {
  width: 100%;
}
#AT_Public_Transport .AT_Public_Transport_Announcements {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  min-height: 50px;
}
#AT_Public_Transport .AT_Public_Transport_Announcements #annoucement_summary ul li {
  width: 140px;
}
#AT_Public_Transport .AT_Public_Transport_Announcements #annoucement_summary em {
  font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
}
#AT_Public_Transport #AT_Public_Transport_Service_Announcements {
  position: relative;
  padding-bottom: 40px;
  margin-bottom: 40px;
}
#AT_Public_Transport #AT_Public_Transport_Service_Announcements h2,
#AT_Public_Transport #AT_Public_Transport_Service_Announcements h3,
#AT_Public_Transport #AT_Public_Transport_Service_Announcements h4,
#AT_Public_Transport #AT_Public_Transport_Service_Announcements h5 {
  margin-top: 0;
}
#AT_Public_Transport #AT_Public_Transport_Service_Announcements a.panel-more {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
#AT_Public_Transport #AT_Public_Transport_Service_Announcements a.panel-more span {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/icon.arrow-right.png") center no-repeat;
  width: 10px;
  height: 9px;
  display: inline-block;
}
#AT_Public_Transport #AT_Public_Transport_Events {
  position: relative;
  padding-bottom: 40px;
  margin-bottom: 40px;
}
#AT_Public_Transport #AT_Public_Transport_Events #annoucement_summary ul li {
  width: 195px;
  padding-left: 0;
}
#AT_Public_Transport #AT_Public_Transport_Events #annoucement_summary ul li.Alert_priority {
  padding-left: 10px;
  width: 170px;
}
#AT_Public_Transport #AT_Public_Transport_Events #annoucement_summary .icon {
  background: transparent;
}
#AT_Public_Transport #AT_Public_Transport_Events a.panel-more {
  position: absolute;
  bottom: 0;
}
#AT_Public_Transport #AT_Public_Transport_Events a.panel-more span {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/icon.arrow-right.png") center no-repeat;
  width: 10px;
  height: 9px;
  display: inline-block;
}
#AT_Public_Transport .panel-more {
  left: 0;
  width: 100%;
}
#AT_Public_Transport #AT_Public_Transport_Journey_Planner {
  margin: 0 0 30px 0;
  background-color: #283d51;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  min-height: 290px;
/* stupid sb overrides */
/* end stupid sb overrides */
}
#AT_Public_Transport #AT_Public_Transport_Journey_Planner select,
#AT_Public_Transport #AT_Public_Transport_Journey_Planner sb,
#AT_Public_Transport #AT_Public_Transport_Journey_Planner .sb2 {
  margin: 10px 0 0;
  width: 100% !important;
}
#AT_Public_Transport #AT_Public_Transport_Journey_Planner select {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  height: 40px;
  line-height: 40px;
  padding: 5px 24px 4px 6px;
}
#AT_Public_Transport #AT_Public_Transport_Journey_Planner .has_sb {
  max-width: 100% !important;
  display: block !important;
  float: left;
}
#AT_Public_Transport #AT_Public_Transport_Journey_Planner .selectbox .display {
  display: block;
}
#AT_Public_Transport #AT_Public_Transport_Journey_Planner .ttwelve {
  width: 30%;
  float: left;
}
#AT_Public_Transport #AT_Public_Transport_Journey_Planner .button {
  margin: 10px 0 0 0;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  float: right;
}
#AT_Public_Transport #AT_Public_Transport_Journey_Planner .padding {
  position: relative;
}
#AT_Public_Transport #AT_Public_Transport_Journey_Planner #planner {
  position: relative;
  padding: 18px 15px 15px 15px;
  z-index: 3;
/* sit above RTB in mobile view (stacked vertically) */
}
#AT_Public_Transport #AT_Public_Transport_Journey_Planner #planner .AT_JP_maptoggle,
#AT_Public_Transport #AT_Public_Transport_Journey_Planner #planner .modes {
  display: none;
}
#AT_Public_Transport #AT_Public_Transport_Journey_Planner #planner .AT_JP_myjourneylist {
/* use desktop view rules from JP app (saved journeys sit over RTB) */
  position: absolute;
  margin: 10px 0 0 0;
}
#AT_Public_Transport #AT_Public_Transport_Journey_Planner #planner .AT_JP_myjourneylist .arrow {
  top: -15px;
}
#AT_Public_Transport #AT_Public_Transport_Journey_Planner h2 {
  color: #fff;
  margin: 0;
  letter-spacing: 0.046em;
}
#AT_Public_Transport #AT_Public_Transport_Journey_Planner #AT_PT_JP_form {
  padding: 20px 19px 20px 19px;
}
#AT_Public_Transport #AT_Public_Transport_Journey_Planner #AT_PT_JP_form .from {
  margin: 10px 0 0 0;
}
#AT_Public_Transport #AT_Public_Transport_Journey_Planner #AT_PT_JP_form .AT_JP_myjourneylist {
  font-family: 'OpenSansBold', Arial, sans-serif;
}
#AT_Public_Transport #AT_Public_Transport_Journey_Planner #AT_PT_JP_form .AT_JP_myjourneylist .from {
  margin: 0 0 0 0;
}
#AT_Public_Transport #AT_Public_Transport_Journey_Planner #AT_PT_JP_form .AT_JP_myjourneylist .to {
  margin: 0 0 0 0;
}
#AT_Public_Transport #AT_Public_Transport_Journey_Planner #AT_PT_JP_form input {
  color: #0067ac;
  margin: 10px 0px 0px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
  border: 2px solid #fff;
  height: 33px;
  line-height: 33px;
}
#AT_Public_Transport #AT_Public_Transport_Journey_Planner #AT_PT_JP_form input.error {
  border: 2px solid #b64c06;
}
#AT_Public_Transport #AT_Public_Transport_Journey_Planner #AT_PT_JP_form ::-webkit-input-placeholder {
/* WebKit browsers */
  color: #0067ac;
  padding-top: 0px;
  line-height: 33px;
}
#AT_Public_Transport #AT_Public_Transport_Journey_Planner #AT_PT_JP_form :-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
  color: #0067ac;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  padding-top: 0px;
  line-height: 33px;
}
#AT_Public_Transport #AT_Public_Transport_Journey_Planner #AT_PT_JP_form ::-moz-placeholder {
/* Mozilla Firefox 19+ */
  color: #0067ac;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  padding-top: 0px;
  line-height: 33px;
}
#AT_Public_Transport #AT_Public_Transport_Journey_Planner #AT_PT_JP_form :-ms-input-placeholder {
/* Internet Explorer 10+ */
  color: #0067ac;
  padding-top: 0px;
  line-height: 33px;
}
#AT_Public_Transport #AT_Public_Transport_Journey_Planner #AT_PT_JP_form .selectLocation {
  padding: 0px 14px 0px 0px;
}
#AT_Public_Transport #AT_Public_Transport_Journey_Planner #AT_PT_JP_form .selectLocation input {
  width: 100%;
}
#AT_Public_Transport #AT_Public_Transport_Journey_Planner #AT_PT_JP_form .timeAndDateContainer {
  display: none;
  overflow: hidden;
}
#AT_Public_Transport #AT_Public_Transport_Journey_Planner #AT_PT_JP_form .AT_JP_myjourneys {
  float: right;
}
#AT_Public_Transport #AT_Public_Transport_Journey_Planner #AT_PT_JP_promo {
  background: #9fbe46;
  padding: 15px;
}
#AT_Public_Transport #AT_Public_Transport_Journey_Planner #AT_PT_JP_promo a.promo-link {
  color: #fff;
  display: block;
}
#AT_Public_Transport #AT_Public_Transport_Journey_Planner #AT_PT_JP_promo a.promo-link span {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/icon.arrow-right.white.png") center no-repeat;
  width: 10px;
  height: 9px;
  display: inline-block;
}
#AT_Public_Transport .selectLocation {
  position: relative;
}
#AT_Public_Transport .locationAssist {
  font-family: 'OpenSansBold', Arial, sans-serif;
  position: absolute;
  width: 100%;
  z-index: 99;
  display: none;
}
#AT_Public_Transport .locationAssist .geoLocate,
#AT_Public_Transport .locationAssist .placesAndStops {
  font-size: 14px;
  color: #fff;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
#AT_Public_Transport .locationAssist .geoLocate:hover,
#AT_Public_Transport .locationAssist .placesAndStops:hover {
  color: #349ce0;
}
#AT_Public_Transport .locationAssist .geoLocate {
  background-color: #17232f;
  padding: 0 0 0 35px;
  height: 40px;
  line-height: 40px;
}
#AT_Public_Transport .locationAssist .geoLocate .locateIcon {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  height: 30px;
  width: 30px;
  margin: -15px 0 0 0;
  position: absolute;
  top: 50%;
  left: 5px;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/geolocate.png") center bottom no-repeat transparent;
}
#AT_Public_Transport .locationAssist .geoLocate:hover .locateIcon {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/geolocate.png") center top no-repeat transparent;
}
#AT_Public_Transport #AT_Public_Transport_Real_Time_Board {
  background-color: #349ce0;
  position: relative;
}
#AT_Public_Transport #AT_Public_Transport_Timetable {
  background-color: #c0c0c0;
  margin: 0 0 17px 0;
  min-height: 50px;
}
#AT_Public_Transport #AT_Public_Transport_Fares {
  background-color: #c0c0c0;
  margin: 0 0 20px 0;
  min-height: 50px;
}
#AT_Public_Transport #AT_Public_Transport_Content_Banner {
  margin: 0 0 17px 0;
  background-color: #c0c0c0;
  min-height: 50px;
}
.selectbox.timeAndDate {
  float: left;
  margin-right: 9px;
  font-size: 14px;
  color: #0067ac;
}
.selectbox.timeAndDate .display {
  border: 2px solid #fff;
  height: auto;
  line-height: 24px;
  padding: 5px 25px 4px 9px;
}
.selectbox.timeAndDate .display .text {
  color: #0067ac;
}
.selectbox.timeAndDate .display .arrow_btn {
  height: 24px;
  background-position: 8px 10px;
}
.selectbox.timeAndDate.items {
  width: auto;
}
#departureboard,
#departureboard_page {
/*
   * This is set since it lazy loads - stops page from resizing too much
   */
  min-height: 290px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
#departureboard .DepartureBoard,
#departureboard_page .DepartureBoard {
  font-family: OpenSansBold, Arial, Helvetica, sans-serif;
}
#departureboard .DepartureBoard_splashcontent span,
#departureboard_page .DepartureBoard_splashcontent span {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/marker.png?height=18") no-repeat scroll right top transparent;
  text-indent: -100000px;
  height: 18px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 13px;
  margin: 3px 0 0;
}
#departureboard .selectbox,
#departureboard_page .selectbox {
  margin: 0;
  min-width: 145px;
}
#departureboard .DepartureBoard_title .text,
#departureboard_page .DepartureBoard_title .text {
  line-height: 20px;
}
#departureboard h2,
#departureboard_page h2 {
  color: #fff;
}
@media only screen and (min-width: 480px) {
  #AT_Public_Transport #campaign_tiles {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
  }
  #AT_Public_Transport #campaign_tiles .campaign {
    margin: 0 0 14px 0;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
  }
  #AT_Public_Transport #campaign_tiles .campaign a img {
    width: 390px;
    height: 220px;
  }
  #AT_Public_Transport .timetableFares {
    width: 100%;
  }
  #AT_Public_Transport .timetableFares .fares p {
    width: 80%;
  }
  #AT_Public_Transport .timetableFares .timetable p {
    width: 75%;
  }
  #AT_Public_Transport .timetableFares .timetable_icon {
    display: block;
  }
  #AT_Public_Transport .timetableFares .fares_icon {
    display: block;
  }
  #AT_Public_Transport #AT_Public_Transport_Journey_Planner {
    width: 380px;
  }
  #AT_Public_Transport #AT_Public_Transport_Real_Time_Board {
    width: 380px;
  }
  #AT_Public_Transport .ChildSummary {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
  }
  #AT_Public_Transport .ChildSummary img {
    display: block;
  }
  #AT_Public_Transport .ChildSummary .ChildItem {
    margin: 0 25px 0;
  }
  #AT_Public_Transport .ChildSummary .ChildItem div.noImage {
    background: url("//az609578.vo.msecnd.net/public/9d11721/images/logo-150.png") no-repeat transparent left;
    height: 150px;
  }
}
@media only screen and (min-width: 480px) {
  #AT_Public_Transport #AT_Public_Transport_Journey_Planner select,
  #AT_Public_Transport #AT_Public_Transport_Journey_Planner .sb,
  #AT_Public_Transport #AT_Public_Transport_Journey_Planner .sb2 {
    width: auto !important;
    margin: 10px 10px 0 0;
  }
  #AT_Public_Transport #AT_Public_Transport_Journey_Planner .selectbox .display {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
  }
  #AT_Public_Transport #AT_Public_Transport_Journey_Planner .ttwelve {
    width: 62px;
    margin: 0;
  }
  #AT_Public_Transport #AT_Public_Transport_Journey_Planner .button {
    float: none;
    text-align: left;
    min-width: 113px;
/*margin: 18px 0 0;*/
  }
  .selectbox.timeAndDate.items {
    width: 115px;
  }
}
@media only screen and (min-width: 768px) {
  #AT_Public_Transport .content {
    width: 740px;
  }
  #AT_Public_Transport .content_row {
    position: relative;
    width: 100%;
  }
  #AT_Public_Transport #AT_Public_Transport_Journey_Planner {
    margin-bottom: 0;
  }
  #AT_Public_Transport #AT_Public_Transport_Real_Time_Board {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 340px;
  }
  #AT_Public_Transport #AT_Public_Transport_Timetable {
    width: 220px;
  }
  #AT_Public_Transport #AT_Public_Transport_Fares {
    width: 220px;
    margin: 0;
  }
  #AT_Public_Transport #AT_Public_Transport_Content_Banner {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    width: 220px;
    margin: 0 0 0 28px;
  }
  #AT_Public_Transport .content_group {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
  }
  #AT_Public_Transport .content_panel {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    width: 140px;
    margin: 0 0 0 20px;
  }
  #AT_Public_Transport .content_panel:first-child {
    margin: 0;
  }
  #AT_Public_Transport .right_column {
    margin-left: 0px;
  }
  #AT_Public_Transport .ChildSummary .ChildItem {
    margin: 0;
    width: 240px;
  }
  #AT_Public_Transport .ChildSummary .ChildItem a img {
    width: 100% !important;
  }
}
@media only screen and (min-width: 900px) {
  #AT_Public_Transport .content {
    width: 700px;
  }
  #AT_Public_Transport .timetableFares {
    width: 100%;
  }
  #AT_Public_Transport .timetableFares .fares {
    width: 49%;
  }
  #AT_Public_Transport .timetableFares .fares p {
    width: 215px;
  }
  #AT_Public_Transport .timetableFares .timetable {
    width: 45%;
    margin: 0 15px 35px 0;
    padding-right: 20px;
    border-bottom: 0px;
    border-right: 1px #d2d8dc solid;
  }
  #AT_Public_Transport .timetableFares .timetable p {
    width: 250px;
  }
  #AT_Public_Transport .timetableFares .timetable .timetable_icon {
    right: 10px;
  }
  #AT_Public_Transport #AT_Public_Transport_Journey_Planner {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    width: 400px;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    -o-border-radius: 2px 0 0 2px;
    -ms-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
    margin: 0;
  }
  #AT_Public_Transport #AT_Public_Transport_Real_Time_Board {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    width: 300px;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
  }
  #AT_Public_Transport #AT_Campaign_Preview .Campaign_item {
    max-width: 340px;
    width: 340px;
  }
  #AT_Public_Transport .right_column {
    margin-left: 0px;
  }
  #AT_Public_Transport .ChildSummary .ChildItem {
    width: 220px;
    overflow: hidden;
  }
  #AT_Public_Transport .ChildSummary .ChildItem div.noImage {
    background: url("//az609578.vo.msecnd.net/public/9d11721/images/logo-150.png") no-repeat transparent center;
    height: 150px;
  }
  #AT_Public_Transport .ChildSummary .ChildItem h4 {
    margin-top: 20px;
  }
  #AT_Public_Transport .ChildSummary .ChildItem a:focus h4.ChildTitle:focus {
    ouline: #000 dotted 1px;
  }
}
@media only screen and (min-width: 1200px) {
  #AT_Public_Transport .content {
    float: left;
  }
  #AT_Public_Transport .AT_Public_Transport_Announcements {
    width: 200px;
    float: right;
  }
}
#AT_My_At {
  padding: 30px 25px 25px;
  position: relative;
/*
	.button{
		border-radius:  initial;
	}/**/
/*Swich styling*/
/*map styling*/
/* Normal Track */
/* Checked Track (Blue) */
/* Big Track */
/* Normal Knob */
/* Checked Knob (Blue Style) */
/* Big Knob */
/* Checked Big Knob (Blue Style) */
/*
	#AT_My_Locations_Overlay_Wrapper {
		z-index: 1;
		position: absolute;

		#AT_My_Locations_Overlay {
			margin: auto;
			position: static;
			max-width: 390px;
		}
		#AT_My_Locations_Overlay_Header {
			position: relative;

			a {

			}
		}
	}
	.edit_account {
		//position: absolute;
		//top: 25px;
		//right: 25px;
		margin-top: 20px;
		float: right;
		padding-right: 35px;
		background-image: url($imageCDN/icons/small/icon-pencil.png);
		background-repeat: no-repeat;
		background-position: 135px center;
	}*/
}
#AT_My_At .desktop {
  display: none;
}
#AT_My_At .tile-header {
  float: left;
  font-size: 20px !important;
  font-weight: 800;
  color: #428fbf;
  margin-left: 5px;
  display: inline-flex;
  user-select: none;
}
#AT_My_At .tile-header:hover {
  color: #019bff;
}
#AT_My_At h1 {
  color: #428fbf;
}
#AT_My_At h3 .tile-header {
  color: #283d51;
}
#AT_My_At .not_active_module .modules-header {
  opacity: 0.4;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
}
#AT_My_At .clear_left {
  clear: left;
}
#AT_My_At .no_display {
  display: none;
}
#AT_My_At .two_columns {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  background-color: #eee;
  width: 100%;
  margin-bottom: 20px;
  display: inline-block;
}
#AT_My_At .two_columns .under_header_desc {
  clear: left;
  padding: 20px 0 0 20px;
}
#AT_My_At .welcome_text {
  font-size: 20px;
  margin-top: 50px;
}
#AT_My_At .request_info {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 20px;
  float: left;
}
#AT_My_At h2 #hop-card-user-name {
  margin-top: 0;
}
#AT_My_At .all_cards {
  width: 150px;
  height: 23px;
  margin: 15px 5px;
}
#AT_My_At .AT_MyStr_map_container {
  cursor: initial;
}
#AT_My_At .AT_Card_links {
  width: 90%;
  padding-left: 15px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  float: left;
}
#AT_My_At .AT_Card_links a {
  clear: left;
  line-height: 26px;
  cursor: pointer;
  display: block;
}
#AT_My_At .AT_Card_more_links {
  display: block;
  margin: 15px 0 0 15px;
}
#AT_My_At .AT_Card_more_links a {
  display: inline-flex;
}
#AT_My_At .AT_Card_more_links :first-child {
  margin-bottom: 0px;
}
#AT_My_At .icon-arrow-right-white {
  background-image: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/arrow-right.white.png");
  background-size: 20px 18px;
  margin-top: 3px;
}
#AT_My_At .my_details {
  float: right;
  display: inline-flex !important;
}
#AT_My_At .mobile_my_details {
  background-color: #293f50;
  height: 45px;
  position: absolute;
  top: -50px;
  left: 0;
  width: 100%;
}
#AT_My_At .mobile_my_details a {
  float: right;
  font-size: 12px;
  color: #fff;
  padding-right: 5px;
}
#AT_My_At .big_plus {
  background-image: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/plus-icon.png");
  width: 60px;
  height: 60px;
  float: left;
  opacity: 0.7;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  margin: -14px 10px;
  background-size: 60px 60px;
}
#AT_My_At .image_profile {
  background-image: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/user.png");
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
  display: block;
  margin: auto;
  margin-bottom: -5px;
}
#AT_My_At .park_question {
  background-image: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/question.png");
  width: 35px;
  height: 35px;
  margin-top: -4px;
  background-size: 35px 35px;
  dislpay: block;
}
#AT_My_At .modules {
  margin-bottom: 60px;
}
#AT_My_At .modules li {
  list-style-type: none;
}
#AT_My_At .module-view {
  background: #eee;
  display: inline-flex;
  margin-bottom: 20px;
}
#AT_My_At .module-view .modules-header {
  width: 30%;
}
#AT_My_At .module-view .modules-text {
  width: 50%;
  padding: 10px 0;
}
#AT_My_At .module-view .modules-switcher {
  width: 25%;
}
#AT_My_At .module {
  width: 87%;
  background: #fff;
  margin: 10px auto 0;
  padding: 10px;
}
#AT_My_At .module saved_stops {
  bordet-bottom: 1px solid #eee;
}
#AT_My_At .module h4 {
  margin-top: 0 !important;
  color: #283d51;
  width: 100%;
  float: left;
}
#AT_My_At .module.second {
  margin: 20px auto 0;
}
#AT_My_At .module_border {
  opacity: 0.4;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  border-top: 8px solid #777;
}
#AT_My_At .title-header {
  opacity: 0.4;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
}
#AT_My_At .toggle_module {
  cursor: pointer;
}
#AT_My_At .toggle_module_icon {
  margin-top: 15px;
  position: relative;
}
#AT_My_At .toggle_module_icon img {
  width: 30px;
  float: right;
}
#AT_My_At .toggle_module_icon .module_closed {
  margin: 18px 20px 0 0;
}
#AT_My_At .toggle_module_icon .module_opened {
  margin: 25px 20px 0 0;
}
#AT_My_At .absolute_image .module_opened {
  margin: -50px 20px 0 0 !important;
}
#AT_My_At .absolute_image .module_closed {
  margin: -57px 20px 0 0 !important;
}
#AT_My_At .module_opened {
  display: none;
  margin-top: 25px;
}
#AT_My_At .module_closed {
  display: block;
}
#AT_My_At .module_open {
  background-color: #eee;
}
#AT_My_At .module_open .module_border {
  border-top: 8px solid #283d51;
}
#AT_My_At .module_open .module_opened {
  display: block;
}
#AT_My_At .module_open .module_closed {
  display: none;
}
#AT_My_At .module_top {
  background-color: #eee;
  height: 75px;
}
#AT_My_At .toggle {
  display: none;
}
#AT_My_At .module_open .module_border {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
#AT_My_At .module_open .title-header {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
#AT_My_At .module_open .toggle_module_icon {
  background-position: 0 0px;
}
#AT_My_At .module_open .toggle {
  display: block;
  padding-bottom: 20px;
}
#AT_My_At .hidden {
  display: none;
}
#AT_My_At .invisible {
  display: none;
  visibility: visible;
}
#AT_My_At .module-hop .modules-header {
  border-left: 15px solid #043569;
}
#AT_My_At .hop_module_bottom {
  display: inline-flex;
}
#AT_My_At .save_changes_button {
  padding: 10px;
  border: 1px solid #000;
  background-color: #eee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  float: right;
  font-size: 16px;
  font-weight: 600;
}
#AT_My_At .at-call {
  float: right;
  padding: 10px 20px 10px 20px;
  font-weight: 600;
}
#AT_My_At .at-call .inline_block {
  display: inline-block;
}
#AT_My_At .contact_block {
  clear: left;
}
#AT_My_At .contact_block a {
  margin-left: 20px;
  width: 150px;
}
#AT_My_At input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
#AT_My_At #AT_MyAT_MyStreet,
#AT_My_At #MyStreetApp_Container,
#AT_My_At #MyStreetApp,
#AT_My_At .MyStreet {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}
#AT_My_At .MyStreet {
  min-height: 100% !important;
  -webkit-box-shadow: 3px 4px 2px #c4c4c4;
  -moz-box-shadow: 3px 4px 2px #c4c4c4;
  -o-box-shadow: 3px 4px 2px #c4c4c4;
  -ms-box-shadow: 3px 4px 2px #c4c4c4;
  box-shadow: 3px 4px 2px #c4c4c4;
}
#AT_My_At .AT_MySt_mobileState_mobile .AT_MyStreet_maptools a.layers {
  display: block;
}
#AT_My_At .MyAT_LandingPage_MyStreet_map {
  width: 90%;
  height: 200px;
}
#AT_My_At input[type="checkbox"].ios-switch + div {
  vertical-align: middle;
  width: 60px;
  height: 24px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  margin: 40% auto;
  background-color: rgba(0,0,0,0.6);
  -webkit-transition-duration: 0.4s;
  -webkit-transition-property: background-color, box-shadow;
  -webkit-box-shadow: inset 0 0 0 0px rgba(0,0,0,0.4);
  -moz-box-shadow: inset 0 0 0 0px rgba(0,0,0,0.4);
  -o-box-shadow: inset 0 0 0 0px rgba(0,0,0,0.4);
  -ms-box-shadow: inset 0 0 0 0px rgba(0,0,0,0.4);
  box-shadow: inset 0 0 0 0px rgba(0,0,0,0.4);
}
#AT_My_At input[type="checkbox"].ios-switch:checked + div {
  width: 40px;
  background-position: 0 0;
  background-color: #90caf9;
  -webkit-box-shadow: inset 0 0 0 10px #90caf9;
  -moz-box-shadow: inset 0 0 0 10px #90caf9;
  -o-box-shadow: inset 0 0 0 10px #90caf9;
  -ms-box-shadow: inset 0 0 0 10px #90caf9;
  box-shadow: inset 0 0 0 10px #90caf9;
}
#AT_My_At input[type="checkbox"].bigswitch.ios-switch + div {
  width: 50px;
  height: 30px;
  float: left;
}
#AT_My_At input[type="checkbox"].ios-switch + div > div {
  float: left;
  width: 18px;
  height: 18px;
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  -o-border-radius: inherit;
  -ms-border-radius: inherit;
  border-radius: inherit;
  background: #fff;
  -webkit-transition-timing-function: cubic-bezier(0.54, 1.85, 0.5, 1);
  -webkit-transition-duration: 0.4s;
  -webkit-transition-property: transform, background-color, box-shadow;
  -moz-transition-timing-function: cubic-bezier(0.54, 1.85, 0.5, 1);
  -moz-transition-duration: 0.4s;
  -moz-transition-property: transform, background-color;
  pointer-events: none;
  margin-top: 1px;
  margin-left: -15px;
}
#AT_My_At input[type="checkbox"].ios-switch:checked + div > div {
  -webkit-transform: translate3d(20px, 0, 0);
  -moz-transform: translate3d(20px, 0, 0);
  background-color: #2296f3;
  margin-left: 0;
}
#AT_My_At input[type="checkbox"].bigswitch.ios-switch + div > div {
  width: 40px;
  height: 40px;
  margin-top: -5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
#AT_My_At input[type="checkbox"].bigswitch.ios-switch:checked + div > div {
  -webkit-transform: translate3d(25px, 0, 0);
  -moz-transform: translate3d(16px, 0, 0);
}
#AT_My_At .field {
  text-align: left;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_My_At .field label {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: auto;
}
#AT_My_At .field.address {
  margin-top: 20px;
}
#AT_My_At .field.save_cancel {
  width: auto;
  margin-top: 25px;
}
#AT_My_At .field.save_cancel .save.disabled {
  background: #f7f5fa;
  border: 1px solid #d2d8dc;
  padding: 9px;
  color: #d2d8dc;
}
#AT_My_At .field.save_cancel .save.processing {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/blue-spinner.gif") 85% center no-repeat #e3f0f8;
  border: 1px solid #349ce0;
  color: #349ce0;
  padding-right: 30px;
}
#AT_My_At .field.save_cancel .cancel {
  background: transparent;
  color: #007bcc;
}
#AT_My_At hr {
  margin: 0;
}
#AT_My_At .content_row {
  clear: both;
}
#AT_My_At .content_row .two_columns {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  vertical-align: top;
}
#AT_My_At #AT_My_Cases {
  margin-bottom: 20px;
  min-height: 50px;
/*		.pending{
			color:	sun;
		}

		.solved {
			color:	celery;
			background: url($imageCDN/temp/icon.green.check.png) no-repeat 0px 8px;
		}*/
}
#AT_My_At #AT_My_Cases h3 {
  font-size: 18px;
  font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
}
#AT_My_At #AT_My_Cases .date {
  color: #8795a1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_My_At #AT_My_Cases .info {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 200px;
  padding-left: 20px;
}
#AT_My_At #AT_My_Cases .info >div {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_My_At #AT_My_Cases .info >div >:last-child {
  margin-right: 0px;
}
#AT_My_At #AT_My_Cases .info .title {
  color: #283d51;
}
#AT_My_At #AT_My_Cases .info .category {
  color: #8795a1;
}
#AT_My_At #AT_My_Cases .status {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 55px;
  text-align: right;
  font-weight: bold;
}
#AT_My_At #AT_My_Cases .case-details {
  display: block;
}
#AT_My_At #AT_My_Cases .content {
  padding-bottom: 20px;
}
#AT_My_At .plus {
  font-weight: bold;
  padding-left: 30px;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/icon.plus.more.png") no-repeat 0 0;
  height: 26px;
  background-size: 19px 19px;
}
#AT_My_At .more {
  float: right;
  padding-right: 20px;
  background: url("$imagesApiLoc/temp/icon.arrow-right.png") no-repeat right 9px;
}
#AT_My_At .extendable:hover {
  cursor: pointer;
  color: #9fbe46;
}
#AT_My_At .extendable:hover div,
#AT_My_At .extendable:hover span,
#AT_My_At .extendable:hover a,
#AT_My_At .extendable:hover .info {
  color: #9fbe46 !important;
}
#AT_My_At #AT_Other_Hop_Card {
  padding: 10px;
  border-bottom: 1px solid #d2d8dc;
}
#AT_My_At #AT_Other_Hop_Card h3 {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/hop.card.green.png") no-repeat 0px 3px;
  padding-left: 35px;
  font-size: 20px;
  margin: 10px;
}
#AT_My_At #AT_Other_Hop_Card h3 a {
  float: right;
  font-size: 12px;
}
#AT_My_At #AT_My_Hop_Card .myCardsLink {
  float: right;
  top: 10px;
  right: 10px;
}
#AT_My_At #AT_My_Hop_Card .noIdmConnection .message div,
#AT_My_At #AT_My_Hop_Card .noCard .message div {
  color: #349ce0;
}
#AT_My_At #AT_My_Hop_Card .noIdmConnection a,
#AT_My_At #AT_My_Hop_Card .noCard a {
  margin-top: 10px;
  margin-right: 10px;
}
#AT_My_At #AT_My_Hop_Card .message {
  font-family: OpenSansBold, Arial, Helvetica, sans-serif;
  font-size: 25px;
  line-height: 30px;
}
#AT_My_At #AT_My_Hop_Card .hopUser {
  display: block;
}
#AT_My_At #AT_My_Hop_Card .notHopUser {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/MyAt/GREEN-SHIRT-460.png") no-repeat #fff;
  display: block;
  padding-bottom: 60px;
}
#AT_My_At #AT_My_Hop_Card .notHopUser .message {
  line-height: 30px;
}
#AT_My_At #AT_My_Hop_Card .notHopUser a {
  margin-top: 10px;
}
#AT_My_At #AT_My_Hop_Card h2 {
  font-size: 20px;
}
#AT_My_At #AT_My_Hop_Card h2 #name-hop-card {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/hop.card.green.png") no-repeat 0px 3px;
  padding-left: 35px;
  height: 22px;
}
#AT_My_At #AT_My_Hop_Card .panel_content {
  position: relative;
}
#AT_My_At #AT_My_Hop_Card .hop_activity {
  clear: both;
  padding: 10px 0px;
  margin-bottom: 5px;
}
#AT_My_At #AT_My_Hop_Card .hop_activity ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
#AT_My_At #AT_My_Hop_Card .hop_activity li {
  margin-bottom: 5px;
  line-height: 22px;
  font-size: 12px;
}
#AT_My_At #AT_My_Hop_Card .hop_activity li span {
  color: #8795a1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 88px;
  font-weight: block;
}
#AT_My_At #AT_My_Hop_Card .panel_links {
  padding-top: 10px;
}
#AT_My_At #AT_My_Hop_Card .panel_links ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
#AT_My_At #AT_My_Hop_Card .panel_links li {
  margin-bottom: 5px;
  line-height: 0px;
  font-size: 12px;
}
#AT_My_At #AT_My_Hop_Card .panel_links li a {
  font-size: 12px;
  line-height: 20px;
}
#AT_My_At #AT_My_Hop_Card .big_text {
  font-size: 30px;
  font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
  color: #17232f;
  line-height: 40px;
}
#AT_My_At #AT_My_Hop_Card .hop_balance {
  float: left;
  color: #000;
  display: inline-flex;
  line-height: 50px;
}
#AT_My_At #AT_My_Hop_Card .hop_balance .big_text {
  color: #283d51;
}
#AT_My_At #AT_My_Hop_Card .hopButtons {
  width: 95px;
  position: relative;
  top: 18px;
  right: 0;
}
#AT_My_At #AT_My_Hop_Card .hopButtons .button {
  width: 135px;
  padding: 9px 8px;
}
#AT_My_At #AT_My_Hop_Card .viewPayment {
  width: 150px;
}
#AT_My_At #AT_My_Hop_Card .register_card {
  padding: 18px 18px 0;
  float: right;
}
#AT_My_At #AT_My_Hop_Card .register_card a {
  font-weight: bold;
  padding-left: 30px;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/temp/icon.plus.more.png") no-repeat 0px 0px;
  font-size: 14px;
  height: 25px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_My_At #AT_My_Hop_Card .register_card button {
  min-width: 182px;
  margin-bottom: 5px;
}
#AT_My_At #AT_My_Hop_Card.multipleCards #top_up span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_My_At #AT_My_Hop_Card.multipleCards .primaryCard {
  display: list-item;
}
#AT_My_At #AT_AT_Metro .journeys-list {
  background: none;
  width: 100%;
  font-weight: bold;
}
#AT_My_At #AT_AT_Metro .journeys-list tr,
#AT_My_At #AT_AT_Metro .journeys-list td {
  background: none;
  border: none;
}
#AT_My_At #AT_AT_Metro .journeys-list tbody {
  background: none !important;
  padding: 0px;
  border: none;
}
#AT_My_At #AT_AT_Metro .journeys-list .button {
  width: 120px;
  height: 20px;
}
#AT_My_At #AT_AT_Metro .journeys-list .button .icon {
  height: 18px;
  margin: 0;
  width: 20px;
}
#AT_My_At #AT_AT_Metro .journeys-list .userJourney {
  padding: 0;
}
#AT_My_At #AT_AT_Metro .journeys-list .button:after {
  content: 'View Journey';
}
#AT_My_At #AT_AT_Metro .stops-list a {
  margin-right: 5px;
  min-width: 75px;
}
#AT_My_At #AT_AT_Metro .stops-list .icon {
  width: 20px;
  height: 18px;
}
#AT_My_At #AT_AT_Metro .stops-list button {
  min-width: 75px;
}
#AT_My_At #AT_Park,
#AT_My_At #AT_Harbourmaster {
  background-color: #fff;
}
#AT_My_At #AT_Park .manage_park,
#AT_My_At #AT_Harbourmaster .manage_park,
#AT_My_At #AT_Park .manage_jetski,
#AT_My_At #AT_Harbourmaster .manage_jetski {
  display: inline-block;
  height: 25px;
  margin: 0;
}
#AT_My_At #AT_Park .at-call,
#AT_My_At #AT_Harbourmaster .at-call {
  margin-right: 20px;
}
#AT_My_At #AT_Harbourmaster {
  background-color: #eee;
}
#AT_My_At #AT_Harbourmaster.module_open {
  padding-bottom: 20px;
}
#AT_My_At #AT_Harbourmaster .message {
  font-family: OpenSansBold, Arial, Helvetica, sans-serif;
  font-size: 25px;
  line-height: 30px;
}
#AT_My_At #AT_My_At_Parking_Lease,
#AT_My_At #AT_My_At_Project_Submissions {
  margin-bottom: 20px;
  min-height: 50px;
}
#AT_My_At #AT_My_At_Parking_Lease ul,
#AT_My_At #AT_My_At_Project_Submissions ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  padding-bottom: 5px;
}
#AT_My_At #AT_My_At_Parking_Lease ul li,
#AT_My_At #AT_My_At_Project_Submissions ul li {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
#AT_My_At #AT_My_At_Parking_Lease ul li >div,
#AT_My_At #AT_My_At_Project_Submissions ul li >div {
  margin-right: 20px;
}
#AT_My_At #AT_My_At_Parking_Lease ul li >div :last-child,
#AT_My_At #AT_My_At_Project_Submissions ul li >div :last-child {
  margin-right: 0;
}
#AT_My_At #personal a.heading,
#AT_My_At #business a.heading {
  background-color: #fff;
  padding: 6px 10%;
  position: relative;
  top: 1px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  font-size: 13px;
  margin-left: 45px;
  color: #283d51;
}
#AT_My_At #personal a.heading {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/temp/icon.suitcase.grey.png") no-repeat 15% 12px;
  margin-left: 0;
}
#AT_My_At #personal a.selected {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/temp/icon.house.png") no-repeat 15% 12px;
  margin-left: 45px;
}
#AT_My_At #business {
  display: none;
}
#AT_My_At #business a.heading {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/temp/icon.house.grey.png") no-repeat 15% 12px;
}
#AT_My_At #business a.selected {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/temp/icon.suitcase.png") no-repeat 15% 12px;
  margin-left: 0;
}
#AT_My_At #AT_My_At_Parking_Lease a.selected {
  border: 1px solid #d2d8dc;
  border-bottom-color: #fff;
}
#AT_My_At #AT_My_At_Parking_Lease ul {
  border-top: 1px solid #d2d8dc;
  padding-top: 20px;
}
#AT_My_At #AT_My_At_Parking_Lease .parking-code {
  font-size: 20px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_My_At #AT_My_At_Parking_Lease .parking-code span {
  color: #9fbe46;
}
#AT_My_At #AT_My_At_Parking_Lease .manage {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 60px;
  text-align: center;
}
#AT_My_At #AT_My_At_Parking_Lease .manage a {
  font-size: 13px;
}
#AT_My_At #AT_My_At_Parking_Lease .info {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 330px;
}
#AT_My_At #AT_My_At_Parking_Lease .info >div {
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_My_At #AT_My_At_Parking_Lease .info >div >:last-child {
  margin-right: 0px;
}
#AT_My_At #AT_My_At_Parking_Lease .info .title {
  color: #283d51;
}
#AT_My_At #AT_My_At_Parking_Lease .info .expiry {
  color: #fab418;
}
#AT_My_At #AT_My_At_Parking_Lease .info .expired {
  color: #8795a1;
}
#AT_My_At .MyAT_LandingPage_MyStreet_map {
  position: relative;
  margin: auto;
}
#AT_My_At .MyAT_LandingPage_MyStreet_map .myExistingCases {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_My_At .MyAT_LandingPage_MyStreet_map #MyAT_MyStreet_Splash {
  background-color: #fff;
  opacity: 0.8;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  color: #007bcc;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
#AT_My_At .MyAT_LandingPage_MyStreet_map #MyAT_MyStreet_Splash span {
  position: absolute;
  width: 100%;
  top: 25%;
  font-size: 30px;
  line-height: 50px;
  text-align: center;
  vertical-align: middle;
}
#AT_My_At .MyAT_LandingPage_MyStreet_map #MyAT_MyStreet_Splash.processing .processing {
  display: block;
}
#AT_My_At .MyAT_LandingPage_MyStreet_map #MyAT_MyStreet_Splash.processing .complete {
  display: none;
}
#AT_My_At .MyAT_LandingPage_MyStreet_map #MyAT_MyStreet_Splash.complete .processing {
  display: none;
}
#AT_My_At .MyAT_LandingPage_MyStreet_map #MyAT_MyStreet_Splash.complete .complete {
  display: block;
}
#AT_My_At .MyAT_LandingPage_MyStreet_map #MyStreetApp {
  z-index: 5;
}
#AT_My_At .MyAT_LandingPage_MyStreet_map #MyStreetApp .MyStreet_locationtypes .myExistingCases {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_My_At .MyAT_LandingPage_MyStreet_map #MyStreetApp .MyStreet_locationtypes .locationTypeCategory li {
  margin: 0;
}
#AT_My_At .MyAT_LandingPage_MyStreet_map #MyStreetApp .AT_MySt_locationtypes_container {
  position: absolute;
  bottom: 0;
  right: 60px;
  display: block;
}
#AT_My_At #At_MyStreet .date {
  color: #8795a1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_My_At #At_MyStreet .info {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 200px;
}
#AT_My_At #At_MyStreet .info >div {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_My_At #At_MyStreet .info >div >:last-child {
  margin-right: 0px;
}
#AT_My_At #At_MyStreet .info .title {
  color: #283d51;
}
#AT_My_At #At_MyStreet .info .summary {
  color: #8795a1;
}
#AT_My_At #At_MyStreet .status {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 55px;
  text-align: right;
  font-weight: bold;
}
#AT_My_At #At_MyStreet .pending {
  color: #fab418;
}
#AT_My_At #At_MyStreet .solved {
  color: #9fbe46;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/temp/icon.green.check.png") no-repeat 0px 8px;
}
#AT_My_At #At_MyStreet .img {
  width: 35px;
  height: 35px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/temp/mystreet.001.png") no-repeat;
}
#AT_My_At #AT_My_At_Project_Submissions .date {
  color: #8795a1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_My_At #AT_My_At_Project_Submissions .info {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 380px;
}
#AT_My_At .header_section h1 {
  display: inline-block;
  padding-top: 10px;
  margin-top: 20px;
}
@media only screen and (min-width: 420px) {
  #AT_My_At #AT_My_Hop_Card .hopButtons {
    position: absolute;
    top: -35px;
    width: 145px !important;
  }
  #AT_My_At #AT_My_Hop_Card .hopButtons .button {
    padding: 7px !important;
  }
}
@media only screen and (min-width: 480px) {
  #AT_My_At .field {
    width: 365px;
  }
  #AT_My_At .header_section {
    text-align: justify;
/* For IE6 to IE7 since they don't support :after */
    -ms-text-justify: distribute;
    text-justify: distribute;
    text-align-last: justify;
    zoom: 1;
    margin-bottom: -38px;
  }
  #AT_My_At .header_section:after {
    content: ".";
    display: inline-block;
    width: 100%;
    height: 0;
    visibility: hidden;
  }
  #AT_My_At .header_section >* {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    text-align: left;
    text-align-last: left;
    vertical-align: bottom;
  }
  #AT_My_At .header_section h1 {
    width: 270px;
    padding-top: 0;
    margin-top: 15px;
  }
  #AT_My_At .header_section .my_details {
    margin-top: 20px;
  }
  #AT_My_At .header_section #top_up .viewPayment {
    margin-right: 0;
  }
  #AT_My_At .header_section .AT_Card_more_links :first-child {
    margin-bottom: -7px;
  }
  #AT_My_At #AT_AT_Metro .journeys-list .journey_row {
    display: flex;
    width: 100%;
    align-items: baseline;
  }
  #AT_My_At #AT_AT_Metro .journeys-list .journey_row .journey_start,
  #AT_My_At #AT_AT_Metro .journeys-list .journey_row .journey_end {
    width: 33%;
  }
  #AT_My_At #AT_AT_Metro .journeys-list .journey_row .userJourney {
    padding: 5px 10px;
    width: 35%;
    text-align: right;
  }
  #AT_My_At #AT_AT_Metro .journeys-list .journey_row .journey_to {
    padding: 0 30px;
  }
  #AT_My_At #AT_AT_Metro .journeys-list .journey_row .button {
    width: 95px;
    vertical-align: baseline;
  }
@media only screen and (min-width: 768px) {
    #AT_My_At .desktop {
      display: block;
    }
    #AT_My_At .mobile {
      display: none;
    }
    #AT_My_At .welcome-text {
      margin-top: 0;
    }
    #AT_My_At .content_row {
      text-align: justify;
/* For IE6 to IE7 since they don't support :after */
      -ms-text-justify: distribute;
      text-justify: distribute;
      text-align-last: justify;
      zoom: 1;
    }
    #AT_My_At .content_row:after {
      content: ".";
      display: inline-block;
      width: 100%;
      height: 0;
      visibility: hidden;
    }
    #AT_My_At .content_row >* {
      display: inline-block;
      *display: inline;
      zoom: 1;
      vertical-align: top;
      text-align: left;
      text-align-last: left;
      vertical-align: top;
    }
    #AT_My_At .image_profile {
      width: 21px;
      height: 20px;
      background-size: 21px 20px;
      margin-bottom: 0;
    }
    #AT_My_At #AT_My_At_Parking_Lease {
      padding-right: 5px;
    }
    #AT_My_At .tile-header {
      font-size: 30px !important;
      margin-left: 20px;
    }
    #AT_My_At .header_section {
      margin-bottom: -29px;
    }
    #AT_My_At .header_section h1 {
      width: 490px;
    }
    #AT_My_At .request_buttons {
      margin: 35px 0 0 20px;
    }
    #AT_My_At .module-view .modules-header {
      width: 18%;
    }
    #AT_My_At .module-view .modules-text {
      width: 65%;
    }
    #AT_My_At .module-view .modules-switcher {
      width: 15%;
    }
    #AT_My_At .module {
      width: 87%;
    }
    #AT_My_At .module h2 {
      margin-top: 15px;
    }
}
@media only screen and (min-width: 900px) {
    #AT_My_At .header_section {
      margin-bottom: -20px;
    }
    #AT_My_At .header_section h1 {
      width: 300px;
    }
}
@media only screen and (min-width: 1200px) {
    #AT_My_At input[type="checkbox"].bigswitch.ios-switch + div,
    #AT_AT_Metro input[type="checkbox"].bigswitch.ios-switch + div,
    #AT_MyAT_MyStreet input[type="checkbox"].bigswitch.ios-switch + div {
      float: none;
    }
    #AT_My_At .two_columns,
    #AT_AT_Metro .two_columns,
    #AT_MyAT_MyStreet .two_columns {
      width: 460px;
      margin-right: 5px;
    }
    #AT_My_At .box,
    #AT_AT_Metro .box,
    #AT_MyAT_MyStreet .box {
      float: left;
      width: 50%;
      column-count: 1;
    }
    #AT_My_At .invisible,
    #AT_AT_Metro .invisible,
    #AT_MyAT_MyStreet .invisible {
      visibility: hidden;
      display: block;
      float: left;
    }
    #AT_My_At .absolute_image img,
    #AT_AT_Metro .absolute_image img,
    #AT_MyAT_MyStreet .absolute_image img {
      position: absolute;
      left: 410px;
    }
    #AT_My_At .absolute_image .module_closed,
    #AT_AT_Metro .absolute_image .module_closed,
    #AT_MyAT_MyStreet .absolute_image .module_closed {
      bottom: 25px;
    }
    #AT_My_At .absolute_image .module_opened,
    #AT_AT_Metro .absolute_image .module_opened,
    #AT_MyAT_MyStreet .absolute_image .module_opened {
      bottom: 33px;
    }
    #AT_My_At .header_section,
    #AT_AT_Metro .header_section,
    #AT_MyAT_MyStreet .header_section {
      margin-bottom: -14px;
    }
    #AT_My_At .header_section h1,
    #AT_AT_Metro .header_section h1,
    #AT_MyAT_MyStreet .header_section h1 {
      width: 640px;
    }
    #AT_My_At .MyAT_LandingPage_MyStreet_map,
    #AT_AT_Metro .MyAT_LandingPage_MyStreet_map,
    #AT_MyAT_MyStreet .MyAT_LandingPage_MyStreet_map {
      height: 240px;
    }
    #AT_My_At .journeys-list .journey_row .button,
    #AT_AT_Metro .journeys-list .journey_row .button,
    #AT_MyAT_MyStreet .journeys-list .journey_row .button {
      vertical-align: top;
    }
    #AT_My_At #AT_Park,
    #AT_AT_Metro #AT_Park,
    #AT_MyAT_MyStreet #AT_Park,
    #AT_My_At #AT_Contact_Us,
    #AT_AT_Metro #AT_Contact_Us,
    #AT_MyAT_MyStreet #AT_Contact_Us,
    #AT_My_At #AT_AT_Metro,
    #AT_AT_Metro #AT_AT_Metro,
    #AT_MyAT_MyStreet #AT_AT_Metro {
      top: 0 !important;
    }
    #AT_My_At #AT_My_Hop_Card,
    #AT_AT_Metro #AT_My_Hop_Card,
    #AT_MyAT_MyStreet #AT_My_Hop_Card {
      margin-bottom: 20px;
    }
    #AT_My_At #AT_My_Hop_Card .noIdmConnection .message div,
    #AT_AT_Metro #AT_My_Hop_Card .noIdmConnection .message div,
    #AT_MyAT_MyStreet #AT_My_Hop_Card .noIdmConnection .message div,
    #AT_My_At #AT_My_Hop_Card .noCard .message div,
    #AT_AT_Metro #AT_My_Hop_Card .noCard .message div,
    #AT_MyAT_MyStreet #AT_My_Hop_Card .noCard .message div {
      color: #349ce0;
    }
    #AT_My_At #AT_My_Hop_Card .noIdmConnection a,
    #AT_AT_Metro #AT_My_Hop_Card .noIdmConnection a,
    #AT_MyAT_MyStreet #AT_My_Hop_Card .noIdmConnection a,
    #AT_My_At #AT_My_Hop_Card .noCard a,
    #AT_AT_Metro #AT_My_Hop_Card .noCard a,
    #AT_MyAT_MyStreet #AT_My_Hop_Card .noCard a {
      margin-top: 10px;
    }
    #AT_My_At #AT_My_Hop_Card .message,
    #AT_AT_Metro #AT_My_Hop_Card .message,
    #AT_MyAT_MyStreet #AT_My_Hop_Card .message {
      font-family: OpenSansBold, Arial, Helvetica, sans-serif;
      font-size: 25px;
      line-height: 30px;
    }
}
}
#AT_My_At_Preferences {
  padding: 30px 25px 25px;
}
#AT_My_At_Preferences .autocomplete {
  width: auto !important;
}
#AT_My_At_Preferences #AT_My_Favorite_Journeys {
  margin: 0 0 50px 0;
}
#AT_My_At_Preferences #AT_My_Favorite_Places {
  margin: 0 0 50px 0;
}
#AT_My_At_Preferences #AT_My_Favorite_Places .userLocation >div,
#AT_My_At_Preferences #AT_My_Favorite_Places .userLocation >a {
  vertical-align: top;
}
#AT_My_At_Preferences #AT_My_Favorite_Places .userLocation >a {
  margin-top: 35px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin-right: 10px;
}
#AT_My_At_Preferences #AT_My_Favorite_Places .fieldLabel {
  position: relative;
}
#AT_My_At_Preferences #AT_My_Favorite_Places .fieldLabel .field-validation-error {
  position: absolute;
  bottom: -22px;
  left: 0;
}
#AT_My_At_Preferences #AT_My_Favorite_Places .spacer {
  width: 15%;
}
#AT_My_At_Preferences .validation-error {
  color: #ee2a28;
}
#AT_My_At_Preferences #AT_My_Email {
  margin: 0 0 20px 0;
  min-height: 50px;
}
#AT_My_At_Preferences #AT_My_Email .reset_confirmation {
  width: 100%;
}
#AT_My_At_Preferences #AT_My_Email .reset_confirmation .resetPassword {
  padding: 0 22px;
}
#AT_My_At_Preferences #AT_My_Email .reset_confirmation >p {
  float: left;
}
#AT_My_At_Preferences #AT_My_Email .reset_confirmation >div {
  float: right;
}
#AT_My_At_Preferences .add_save {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
  padding-top: 0px;
}
#AT_My_At_Preferences .add_save .field {
  float: left;
}
#AT_My_At_Preferences .add_save input[type="text"] {
  font-family: 'OpenSansBold', sans-serif;
  border: 1px solid #c5c9cd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  color: #007bcc;
  font-size: 14px;
  height: 33px;
}
#AT_My_At_Preferences .add_save .message {
  width: 65%;
  height: 40px;
}
#AT_My_At_Preferences .add_save #add_section {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  padding-top: 10px;
}
#AT_My_At_Preferences .add_save .save_cancel {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  height: 51px;
}
#AT_My_At_Preferences .add_save .save_cancel input[type="submit"] {
  padding: 8px 27px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_My_At_Preferences .add_save .save_cancel input[type="submit"].cancel {
  background: transparent;
  color: #007bcc;
  font-family: OpenSansSemibold, Arial, Helvetica, sans-serif;
  padding-right: 0px;
}
#AT_My_At_Preferences .add_save .save_cancel input[type="submit"].cancel:hover {
  text-decoration: #60656a;
}
#AT_My_At_Preferences .add_save .fieldLabel {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_My_At_Preferences .add_save #new-location-section {
  float: left;
  text-align: justify;
/* For IE6 to IE7 since they don't support :after */
  -ms-text-justify: distribute;
  text-justify: distribute;
  text-align-last: justify;
  zoom: 1;
}
#AT_My_At_Preferences .add_save #new-location-section:after {
  content: ".";
  display: inline-block;
  width: 100%;
  height: 0;
  visibility: hidden;
}
#AT_My_At_Preferences .add_save #new-location-section >* {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  text-align: left;
  text-align-last: left;
  vertical-align: top;
}
#AT_My_At_Preferences .add_save #new-location-section >a {
  margin-top: 35px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin-right: 10px;
}
#AT_My_At_Preferences .add_save #new-location-section .fieldLabel {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  text-align: left;
}
#AT_My_At_Preferences .add_save #new-location-section .save_cancel {
  bottom: -4px;
}
#AT_My_At_Preferences .add_save #add_place_link {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/icon_plus_more.png") no-repeat;
  padding-left: 25px;
}
#AT_My_At_Preferences .blue {
  color: #349ce0;
  font-weight: bold;
}
#AT_My_At_Preferences #AT_My_Name_And_Contact {
  margin: 0 0 50px 0;
  min-height: 50px;
  position: relative;
}
#AT_My_At_Preferences #AT_My_Name_And_Contact .change_email_fields {
  display: none;
}
#AT_My_At_Preferences #AT_My_Name_And_Contact .change_confirmation {
  width: 100%;
}
#AT_My_At_Preferences #AT_My_Name_And_Contact .change_confirmation .changeEmail {
  padding: 0 22px;
}
#AT_My_At_Preferences #AT_My_Name_And_Contact .change_confirmation input {
  display: block;
  width: 50%;
}
#AT_My_At_Preferences #AT_My_Name_And_Contact .change_confirmation div {
  float: right;
}
#AT_My_At_Preferences #AT_My_Name_And_Contact .add_address_manually {
  padding-top: 35px;
}
#AT_My_At_Preferences #AT_My_Name_And_Contact .save_cancel input[type="submit"].cancel {
  background: transparent;
  color: #007bcc;
  font-family: OpenSansSemibold, Arial, Helvetica, sans-serif;
  padding-right: 0;
}
#AT_My_At_Preferences #AT_My_Name_And_Contact .save_cancel input[type="submit"].cancel:hover {
  text-decoration: #60656a;
}
#AT_My_At_Preferences #AT_My_Name_And_Contact .disabled {
  color: #d2d8dc;
}
#AT_My_At_Preferences #AT_My_Name_And_Contact .disabled div,
#AT_My_At_Preferences #AT_My_Name_And_Contact .disabled span,
#AT_My_At_Preferences #AT_My_Name_And_Contact .disabled label,
#AT_My_At_Preferences #AT_My_Name_And_Contact .disabled input[type="text"] {
  color: #d2d8dc;
}
#AT_My_At_Preferences #AT_My_Name_And_Contact .message {
  padding: 5px;
  margin: 10px 10px 3px 0px;
  width: 90%;
}
#AT_My_At_Preferences .cancel {
  background: #fff;
  color: #007bcc;
}
#AT_My_At_Preferences .personal_info .validation-summary-valid {
  display: none;
}
#AT_My_At_Preferences .personal_info >div,
#AT_My_At_Preferences .personal_info .addressFinderSection>div {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin-top: 20px;
  width: 95%;
}
#AT_My_At_Preferences .personal_info input[type="submit"] {
  padding: 8px 27px 10px;
}
#AT_My_At_Preferences form .sb2 {
  width: 100px !important;
}
#AT_My_At_Preferences form .display {
  width: auto;
}
#AT_My_At_Preferences form .display .text {
  white-space: nowrap;
}
#AT_My_At_Preferences form .birth_date label {
  width: 100%;
}
#AT_My_At_Preferences form .birth_date input {
  font-family: 'OpenSansBold', sans-serif;
  border: 1px solid #c5c9cd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  color: #007bcc;
  font-size: 14px;
  height: 33px;
  width: 90%;
}
#AT_My_At_Preferences form label {
  width: auto;
}
#AT_My_At_Preferences .places {
  padding: 0px;
}
#AT_My_At_Preferences .places >div {
  margin-top: 20px;
  width: 95%;
}
#AT_My_At_Preferences .place_title,
#AT_My_At_Preferences a.remove_link,
#AT_My_At_Preferences a.add_link {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_My_At_Preferences a.remove_link {
  vertical-align: bottom;
  padding-bottom: 10px;
  padding-left: 25px;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/icon_remove.png") no-repeat;
  font-family: 'OpenSansBold', sans-serif;
  width: 100%;
  margin-top: 10px;
}
#AT_My_At_Preferences a.remove_link:hover {
  color: #93bd1b;
}
#AT_My_At_Preferences a.add_link {
  margin-top: 50px;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/icon_plus_more.png") no-repeat;
  padding-left: 25px;
}
#AT_My_At_Preferences .save_journeys ul {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  padding: 5px 2px;
}
#AT_My_At_Preferences .save_journeys ul:hover {
  background-color: #f0f9e7;
}
#AT_My_At_Preferences .save_journeys ul li {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  font-family: 'OpenSansBold', sans-serif;
}
#AT_My_At_Preferences .save_journeys ul li.remove_item {
  width: 143px;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/icon_remove.png") no-repeat;
  padding-left: 25px;
}
#AT_My_At_Preferences .save_journeys ul li.remove_item:hover {
  color: #76bd17;
}
#AT_My_At_Preferences .save_journeys ul.title:hover {
  background: transparent;
}
#AT_My_At_Preferences #AT_My_Favorites {
  margin: 0 0 50px 0;
  min-height: 50px;
}
#AT_My_At_Preferences #AT_My_Favorites .removedefault,
#AT_My_At_Preferences #AT_My_Favorites .newloc-removedefault {
  width: 93px;
  text-align: center;
}
#AT_My_At_Preferences #AT_My_Car {
  margin: 0 0 20px 0;
  min-height: 50px;
}
#AT_My_At_Preferences .field {
  margin: 2px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 100%;
}
#AT_My_At_Preferences .field p {
  margin: 0px;
}
#AT_My_At_Preferences .go:hover {
  cursor: pointer;
  color: #9fbe46;
}
#AT_My_At_Preferences .content_row {
  margin-bottom: 0px;
}
#AT_My_At_Preferences .navigation {
  position: relative;
  width: 170px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_My_At_Preferences .navigation input {
  position: absolute;
  margin-top: 35px;
}
#AT_My_At_Preferences .navigation a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_My_At_Preferences .navigation .remove {
  margin-top: 35px;
  font-size: 14px;
  font-weight: bold;
  color: #acacac;
  padding-left: 30px;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/temp/icon.remove.png") no-repeat;
}
#AT_My_At_Preferences .navigation .add {
  margin-top: 35px;
  font-size: 12px;
  font-weight: bold;
  padding-left: 30px;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/temp/icon.plus.more.png") no-repeat;
}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
  #AT_My_At_Preferences .add_save .field {
    width: 375px;
  }
  #AT_My_At_Preferences .add_save .save_cancel {
    float: right;
    width: auto;
    -webkit-transition: padding-top 135ms linear;
    -moz-transition: padding-top 135ms linear;
    -o-transition: padding-top 135ms linear;
    -ms-transition: padding-top 135ms linear;
    transition: padding-top 135ms linear;
  }
  #AT_My_At_Preferences .add_save .save_cancel.add_address {
    padding-top: 25px;
  }
  #AT_My_At_Preferences #new-location-section {
    width: 79%;
  }
  #AT_My_At_Preferences #AT_My_Name_And_Contact .save_cancel {
    position: absolute;
    right: 0px;
    bottom: -2px;
    width: auto;
  }
  #AT_My_At_Preferences #AT_My_Name_And_Contact .personal_info {
    width: 100%;
  }
  #AT_My_At_Preferences #AT_My_Name_And_Contact .personal_info >div,
  #AT_My_At_Preferences #AT_My_Name_And_Contact .personal_info .addressFinderSection>div {
    width: 380px;
  }
  #AT_My_At_Preferences #AT_My_Name_And_Contact .personal_info >div input[type="text"],
  #AT_My_At_Preferences #AT_My_Name_And_Contact .personal_info .addressFinderSection>div input[type="text"] {
    width: 85%;
    margin-right: 4%;
  }
  #AT_My_At_Preferences #AT_My_Name_And_Contact .personal_info .save_cancel {
    width: auto;
  }
  #AT_My_At_Preferences #AT_My_Name_And_Contact .personal_info .sb2 {
    width: 100px !important;
  }
  #AT_My_At_Preferences #AT_My_Name_And_Contact .personal_info .display {
    width: auto;
  }
  #AT_My_At_Preferences #AT_My_Name_And_Contact .personal_info .display .text {
    white-space: nowrap;
  }
  #AT_My_At_Preferences #AT_My_Name_And_Contact .personal_info .birth_date {
    width: 380px;
  }
  #AT_My_At_Preferences #AT_My_Name_And_Contact .personal_info .birth_date label {
    width: 100%;
  }
  #AT_My_At_Preferences #AT_My_Name_And_Contact .personal_info .birth_date input {
    font-family: 'OpenSansBold', sans-serif;
    border: 1px solid #c5c9cd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    color: #007bcc;
    font-size: 14px;
    height: 33px;
    width: 87%;
  }
  #AT_My_At_Preferences #AT_My_Name_And_Contact .personal_info .phone_number {
    width: 540px;
  }
  #AT_My_At_Preferences #AT_My_Name_And_Contact .personal_info .phone_number label {
    width: 100%;
  }
  #AT_My_At_Preferences #AT_My_Name_And_Contact .personal_info .phone_number input[type="text"] {
    width: 320px;
  }
  #AT_My_At_Preferences .places {
    width: 100%;
  }
  #AT_My_At_Preferences .places .place_title,
  #AT_My_At_Preferences .places a.add_link {
    width: 220px;
  }
  #AT_My_At_Preferences .places a.add_link {
    margin-left: 230px;
  }
  #AT_My_At_Preferences .places .place_address {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    width: 540px;
  }
  #AT_My_At_Preferences .save_journeys ul li {
    width: 380px;
  }
  #AT_My_At_Preferences .contourField.textfield {
    width: 300px;
  }
  #AT_My_At_Preferences .content_row {
    text-align: justify;
/* For IE6 to IE7 since they don't support :after */
    -ms-text-justify: distribute;
    text-justify: distribute;
    text-align-last: justify;
    zoom: 1;
  }
  #AT_My_At_Preferences .content_row:after {
    content: ".";
    display: inline-block;
    width: 100%;
    height: 0;
    visibility: hidden;
  }
  #AT_My_At_Preferences .content_row >* {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    text-align: left;
    text-align-last: left;
    vertical-align: bottom;
  }
  #AT_My_At_Preferences .userJourney .field {
    width: 200px;
  }
  #AT_My_At_Preferences .field {
    width: auto;
  }
  #AT_My_At_Preferences .userStop .field {
    width: 235px;
  }
  #AT_My_At_Preferences #AT_My_Email .field {
    width: 326px;
  }
  #AT_My_At_Preferences .contourField.firstname,
  #AT_My_At_Preferences .contourField.lastname,
  #AT_My_At_Preferences .contourField.address,
  #AT_My_At_Preferences .contourField.suburb,
  #AT_My_At_Preferences .contourField.postalcode,
  #AT_My_At_Preferences .contourField.city {
    width: 300px;
  }
  #AT_My_At_Preferences .firstname,
  #AT_My_At_Preferences .lastname {
    width: 300px;
  }
  #AT_My_At_Preferences button {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 900px) {
  #AT_My_At_Preferences .places .place_address {
    width: 380px;
  }
}
@media only screen and (min-width: 1200px) {
  #AT_My_At_Preferences button {
    margin-top: 0;
  }
  #AT_My_At_Preferences .personal_info {
    width: 100%;
  }
  #AT_My_At_Preferences .personal_info >div,
  #AT_My_At_Preferences .personal_info .addressFinderSection>div {
    width: 380px;
  }
  #AT_My_At_Preferences .personal_info input[type="submit"] {
    margin-top: -38px;
  }
  #AT_My_At_Preferences .personal_info .birth_date {
    width: 380px;
  }
  #AT_My_At_Preferences .personal_info .phone_number {
    width: 540px;
  }
  #AT_My_At_Preferences .personal_info .phone_number input[type="text"] {
    width: 213px;
  }
  #AT_My_At_Preferences .places {
    width: 100%;
  }
  #AT_My_At_Preferences .places .place_title,
  #AT_My_At_Preferences .places a.add_link {
    width: 220px;
  }
  #AT_My_At_Preferences .places a.add_link {
    margin-left: 230px;
    margin-top: 20px;
  }
  #AT_My_At_Preferences .places a.remove_link {
    width: 140px;
    margin-top: 0px;
  }
  #AT_My_At_Preferences .places .place_address {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    width: 540px;
  }
  #AT_My_At_Preferences .userJourney .go .field {
    width: 300px;
    margin-right: 70px;
  }
  #AT_My_At_Preferences .save_journeys ul li {
    width: 380px;
  }
  #AT_My_At_Preferences .userStop.content_row {
    margin: 0px;
  }
  #AT_My_At_Preferences .userJourney .field {
    width: 200px;
  }
  #AT_My_At_Preferences #AT_My_Email .field {
    width: 496px;
  }
}
#AT_All_My_Cases {
  padding: 30px 25px 25px;
  position: relative;
/*		.pending{
		color:	sun;
	}

	.solved {
		color:	celery;
		background: url($imageCDN/temp/icon.green.check.png) no-repeat 0px 8px;
	}*/
}
#AT_All_My_Cases .date {
  color: #8795a1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_All_My_Cases .info {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 80%;
}
#AT_All_My_Cases .info >div {
  width: 200px;
  padding-left: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_All_My_Cases .info >div >:last-child {
  margin-right: 0px;
}
#AT_All_My_Cases .info .title {
  color: #283d51;
}
#AT_All_My_Cases .info .category {
  color: #8795a1;
}
#AT_All_My_Cases .status {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 55px;
  text-align: right;
  font-weight: bold;
}
#AT_All_My_Cases .case-details {
  display: block;
  margin-bottom: 10px;
}
#AT_All_My_Cases .more_info_links {
  padding-top: 10px;
  border-top: 1px solid #d2d8dc;
}
#AT_All_My_Cases .more_info_links a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  font-size: 14px;
  height: 25px;
}
#AT_All_My_Cases .more_info_links .plus {
  font-weight: bold;
  padding-left: 30px;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/temp/icon.plus.more.png") no-repeat 0px 0px;
}
#AT_All_My_Cases .extendable {
  margin-bottom: 10px;
}
#AT_All_My_Cases .extendable:hover {
  cursor: pointer;
  color: #9fbe46;
}
#AT_All_My_Cases .extendable:hover div,
#AT_All_My_Cases .extendable:hover span,
#AT_All_My_Cases .extendable:hover a {
  color: #9fbe46;
}
#AT_All_My_Cases .content {
  padding-bottom: 20px;
}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 900px) {
}
@media only screen and (min-width: 1382px) {
}
#AT_My_Hop {
  font-family: openSansBold, Arial, Helvetica, sans-serif;
}
#AT_My_Hop .hopError,
#AT_My_Hop .hopNoCard {
  display: none;
}
#AT_My_Hop .card_section {
  border-bottom: 1px #d2d8dc solid;
  padding: 10px 0 25px;
  margin-bottom: 20px;
}
#AT_My_Hop .card_number {
  font-size: 16px;
  margin-bottom: 20px;
}
#AT_My_Hop .hop_image {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 220px;
  position: relative;
  height: 155px;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/card-detail.png") no-repeat;
}
#AT_My_Hop .hop_image >div {
  position: absolute;
  bottom: 0;
}
#AT_My_Hop .balance {
  width: 100%;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_My_Hop .balance .row >div {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 100%;
}
#AT_My_Hop .balance .row .name {
  color: #8795a1;
}
#AT_My_Hop .balance .row .title {
  color: #007bcc;
}
#AT_My_Hop .balance .row .balance {
  font-size: 40px;
  line-height: 55px;
}
#AT_My_Hop .options {
  width: 220px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_My_Hop .options >a {
  width: 100%;
  padding: 5px 0;
  text-align: center;
}
#AT_My_Hop .options p {
  margin: 2px;
}
#AT_My_Hop .register_card {
  padding: 18px;
}
#AT_My_Hop .register_card a {
  font-weight: bold;
  padding-left: 30px;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/temp/icon.plus.more.png") no-repeat 0px 0px;
  font-size: 14px;
  height: 25px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
@media only screen and (min-width: 360px) {
  #AT_My_Hop .balance .row >div {
    width: 49%;
  }
}
@media only screen and (min-width: 480px) {
  #AT_My_Hop .balance {
    width: 460px;
  }
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 900px) {
}
@media only screen and (min-width: 1200px) {
}
#AT_Standard_Content,
#AT_Standard_Content_With_Header {
  min-height: 500px;
/*
	 * TODO: move this mystreet crap to a seperate stylus file
	 * 
	 * The Mystreet app should only show if the document has geo information
	 * */
}
#AT_Standard_Content .topImage,
#AT_Standard_Content_With_Header .topImage {
  height: 200px;
  overflow: hidden;
}
#AT_Standard_Content .topImage img,
#AT_Standard_Content_With_Header .topImage img {
  -webkit-border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}
#AT_Standard_Content article.hasGeo,
#AT_Standard_Content_With_Header article.hasGeo {
  display: block;
}
#AT_Standard_Content h1.hasImage,
#AT_Standard_Content_With_Header h1.hasImage {
  color: #fff;
  position: absolute;
  top: -200px;
}
#AT_Standard_Content h1 span.full,
#AT_Standard_Content_With_Header h1 span.full {
  display: none;
}
#AT_Standard_Content h1 span.mob,
#AT_Standard_Content_With_Header h1 span.mob {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_Standard_Content input,
#AT_Standard_Content_With_Header input {
  outline: none;
}
#AT_Standard_Content article.hasAside,
#AT_Standard_Content_With_Header article.hasAside {
  position: relative;
}
#AT_Standard_Content article.hasAside .inside_article,
#AT_Standard_Content_With_Header article.hasAside .inside_article {
  position: relative;
}
#AT_Standard_Content article.hasAside #MyStreetApp,
#AT_Standard_Content_With_Header article.hasAside #MyStreetApp {
  min-height: 250px;
  position: relative;
}
#AT_Standard_Content #AT_accessible_landing_page .accessible-title,
#AT_Standard_Content_With_Header #AT_accessible_landing_page .accessible-title {
  padding-left: 40px;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/ear.icon.png") no-repeat scroll 0 0 transparent;
/* this is how it should be organised but this styling won't work until the actual html in the content gets updated
			span {
				inline-block();
				background: url($imageCDN/icons/small/ear.icon.png) no-repeat scroll 0 0 transparent;
				width: 40px;
				height: 40px;
			}*/
}
#AT_Standard_Content #AT_accessible_landing_page .accessible-title:hover,
#AT_Standard_Content_With_Header #AT_accessible_landing_page .accessible-title:hover {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/ear.icon.png") no-repeat scroll 0 -25px transparent;
/* this is how it should be organised but this styling won't work until the actual html in the content gets updated
			snap {
				background: url($imageCDN/icons/small/ear.icon.png) no-repeat scroll 0 -25px transparent;
				
			}
			*/
}
#AT_Standard_Content #AT_accessible_landing_page .clickable,
#AT_Standard_Content_With_Header #AT_accessible_landing_page .clickable {
  cursor: pointer;
}
#AT_Standard_Content #AT_Standard_Content_Repeater,
#AT_Standard_Content_With_Header #AT_Standard_Content_Repeater {
  padding: 10px;
}
#AT_Standard_Content #MyStreetApp_Container,
#AT_Standard_Content_With_Header #MyStreetApp_Container {
  margin-top: 10px;
}
#AT_Standard_Content.hasGeo #MyStreetApp_Container {
  margin-top: 10px;
}
#AT_Standard_Content.hasImage.hasGeo #MyStreetApp_Container {
  margin-top: 10px;
}
@media only screen and (min-width: 480px) {
  #AT_Standard_Content h1 span.full,
  #AT_Standard_Content_With_Header h1 span.full {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
  }
  #AT_Standard_Content h1 span.mob,
  #AT_Standard_Content_With_Header h1 span.mob {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 900px) {
  #AT_Standard_Content.hasGeo article #MyStreetApp_Container,
  #AT_Standard_Content_With_Header.hasGeo article #MyStreetApp_Container {
    position: absolute;
    top: 0px;
    width: 200px;
    right: -1px;
  }
  #AT_Standard_Content.hasGeo .content_richtext aside,
  #AT_Standard_Content_With_Header.hasGeo .content_richtext aside {
    position: absolute;
    top: 260px;
    padding-bottom: 10px;
  }
  #AT_Standard_Content.hasImage.hasGeo .content_richtext aside,
  #AT_Standard_Content_With_Header.hasImage.hasGeo .content_richtext aside {
    position: absolute;
    top: 160px;
    padding-bottom: 10px;
  }
  #AT_Standard_Content.hasImage.hasGeo article #MyStreetApp_Container,
  #AT_Standard_Content_With_Header.hasImage.hasGeo article #MyStreetApp_Container {
    position: absolute;
    top: -100px;
    width: 200px;
    right: -1px;
  }
}
@media only screen and (min-width: 1200px) {
  #AT_Standard_Content.hasGeo article #MyStreetApp_Container,
  #AT_Standard_Content_With_Header.hasGeo article #MyStreetApp_Container {
    position: absolute;
    top: 0px;
    width: 220px;
    right: 5px;
  }
  #AT_Standard_Content.hasImage.hasGeo article #MyStreetApp_Container,
  #AT_Standard_Content_With_Header.hasImage.hasGeo article #MyStreetApp_Container {
    position: absolute;
    top: -100px;
    width: 220px;
    right: 7px;
  }
}
#AT_Search h1.error {
  color: #ee2a28;
}
#AT_Search p.type-media {
  padding-left: 100px;
  min-height: 90px;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/pdf.png?height=90") no-repeat 0 0 transparent;
}
#AT_Search ul li {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
#AT_Expression_Of_Interest {
  padding-left: 5px;
}
#AT_Expression_Of_Interest .clearBoth {
  clear: both;
}
#AT_Expression_Of_Interest h2,
#AT_Expression_Of_Interest h3,
#AT_Expression_Of_Interest h4,
#AT_Expression_Of_Interest h5 {
  width: 100%;
}
#AT_Expression_Of_Interest textarea {
  width: 100%;
  height: 145px;
}
#AT_Expression_Of_Interest table {
  width: 620px;
}
#AT_Expression_Of_Interest table p.fee {
  width: 100px;
}
#AT_Expression_Of_Interest .input-validation-error {
  border: 2px solid #ee2a28;
  background: #fff;
}
#AT_Expression_Of_Interest .details .choices {
  max-width: 400px;
}
#AT_Expression_Of_Interest .details label {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 90%;
}
#AT_Expression_Of_Interest .details .field {
  width: 90%;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin-bottom: 20px;
}
#AT_Expression_Of_Interest .details input,
#AT_Expression_Of_Interest .details .sb2 {
  margin-bottom: 10px;
  width: 100%;
}
#AT_Expression_Of_Interest .details input[type="checkbox"] {
  width: 10px;
  float: left;
  margin-right: 5px;
}
#AT_Expression_Of_Interest .details .sb2 {
  margin-right: 30px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_Expression_Of_Interest .details a.enter_address {
  margin-bottom: 10px;
}
#AT_Expression_Of_Interest .details .acknowledgement {
  max-width: 330px;
}
#AT_Expression_Of_Interest .details .field.add_address_manually {
  width: 100%;
}
#AT_Expression_Of_Interest .car_park {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 100%;
  margin-bottom: 20px;
}
#AT_Expression_Of_Interest .car_park .required {
  float: none;
}
#AT_Expression_Of_Interest .car_park label,
#AT_Expression_Of_Interest .car_park .sb2 {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 100%;
}
#AT_Expression_Of_Interest .car_park .sb2 {
  margin-right: 10px;
}
#AT_Expression_Of_Interest .preferred_dates {
  width: 100%;
  margin: 10px 0;
}
#AT_Expression_Of_Interest .preferred_dates label {
  margin: 11px 0;
}
#AT_Expression_Of_Interest .preferred_dates label,
#AT_Expression_Of_Interest .preferred_dates input {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 150px;
}
#AT_Expression_Of_Interest .preferred_dates input[type="radio"] {
  width: 10px;
}
#AT_Expression_Of_Interest #errorNoQualtity {
  display: none;
}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
  #AT_Expression_Of_Interest {
    padding: 0 0 20px 0;
  }
  #AT_Expression_Of_Interest table {
    width: 620px;
  }
  #AT_Expression_Of_Interest textarea {
    width: 620px;
  }
  #AT_Expression_Of_Interest .details {
    width: 700px;
  }
  #AT_Expression_Of_Interest .details .choices {
    max-width: 400px;
  }
  #AT_Expression_Of_Interest .details .required {
    color: #ba2026;
  }
  #AT_Expression_Of_Interest .details .sb2 {
    width: 100% !important;
  }
  #AT_Expression_Of_Interest .details label {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    width: auto;
    min-width: 40px;
  }
  #AT_Expression_Of_Interest .details .field {
    width: 300px;
    margin-right: 20px;
  }
  #AT_Expression_Of_Interest .details .field input[type="text"] {
    width: 250px;
  }
  #AT_Expression_Of_Interest .details .field.title {
    width: 620px;
  }
  #AT_Expression_Of_Interest .details .field.title .sb2 .display {
    width: 65px;
  }
  #AT_Expression_Of_Interest .details .field.title label {
    width: 620px;
  }
  #AT_Expression_Of_Interest .details .accounttype .sb2 .display {
    width: 140px;
  }
  #AT_Expression_Of_Interest .details .contactmethod .sb2 .display {
    width: 120px;
  }
  #AT_Expression_Of_Interest .details .acknowledgement {
    max-width: 700px;
    width: 700px;
  }
  #AT_Expression_Of_Interest .car_park {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    width: 100%;
    margin-bottom: 20px;
  }
  #AT_Expression_Of_Interest .car_park .required {
    float: none;
  }
  #AT_Expression_Of_Interest .car_park label,
  #AT_Expression_Of_Interest .car_park .sb2 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
  }
  #AT_Expression_Of_Interest .car_park label {
    width: 100px;
  }
  #AT_Expression_Of_Interest .car_park .sb2 {
    width: 205px !important;
  }
  #AT_Expression_Of_Interest .car_park .sb2 .display {
    width: 130px;
  }
}
@media only screen and (min-width: 900px) {
}
@media only screen and (min-width: 1200px) {
}
#AT_Total_Mobility_Payment {
  padding: 20px;
}
#AT_Total_Mobility_Payment .row {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 100%;
}
#AT_Total_Mobility_Payment .row label {
  width: 200px;
  margin-right: 10px;
}
#AT_Total_Mobility_Payment .row .column {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_Total_Mobility_Payment button {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_Total_Mobility_Payment .payment_item .cancel_link {
  float: right;
  padding-top: 10px;
}
#AT_Total_Mobility_Payment .payment_item form {
  float: left;
}
#AT_Total_Mobility_Payment .details_item {
  width: 90%;
}
#AT_Total_Mobility_Payment .details_item label {
  width: 300px;
}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
  #AT_Total_Mobility_Payment .content {
    width: 700px;
  }
}
@media only screen and (min-width: 900px) {
}
@media only screen and (min-width: 1382px) {
}
#AT_Infringement_Payment,
.AT_Infringement_Payment {
  padding: 5px;
  float: left;
  width: 100%;
}
#AT_Infringement_Payment .field,
.AT_Infringement_Payment .field {
  max-width: 300px;
}
#AT_Infringement_Payment .notice,
.AT_Infringement_Payment .notice,
#AT_Infringement_Payment .infringementpayment,
.AT_Infringement_Payment .infringementpayment {
  padding-bottom: 20px;
}
#AT_Infringement_Payment .notice,
.AT_Infringement_Payment .notice {
  padding-left: 30px;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/icon.notice.png") no-repeat 0px 20px;
  margin-right: 20px;
}
#AT_Infringement_Payment .fine_options,
.AT_Infringement_Payment .fine_options {
  width: 100%;
  border-bottom: 1px #d2d8dc solid;
}
#AT_Infringement_Payment .fine_options form,
.AT_Infringement_Payment .fine_options form {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 145px;
}
#AT_Infringement_Payment .fine_options form input,
.AT_Infringement_Payment .fine_options form input {
  padding-left: 40px;
  padding-right: 40px;
}
#AT_Infringement_Payment .message,
.AT_Infringement_Payment .message {
  padding-left: 30px;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/icon.notice.png") no-repeat 0px 5px;
  margin-top: 20px;
}
#AT_Infringement_Payment #add_ticket,
.AT_Infringement_Payment #add_ticket {
  display: block;
  margin-top: 20px;
}
#AT_Infringement_Payment .total,
.AT_Infringement_Payment .total {
  font-size: 20px;
  padding: 20px 0;
  margin-top: 20px;
  border-bottom: 1px #d2d8dc solid;
  border-top: 1px #d2d8dc solid;
}
#AT_Infringement_Payment .total span,
.AT_Infringement_Payment .total span {
  color: #349ce0;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin-right: 100px;
}
#AT_Infringement_Payment .option_num,
.AT_Infringement_Payment .option_num {
  font-size: 32px;
  color: #9fbe46;
  font-weight: bold;
}
#AT_Infringement_Payment .column,
.AT_Infringement_Payment .column {
  margin-top: 10px;
}
#AT_Infringement_Payment .column .text,
.AT_Infringement_Payment .column .text {
  width: 175px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_Infringement_Payment .payment,
.AT_Infringement_Payment .payment {
  padding: 30px 0 0;
}
#AT_Infringement_Payment .payment >div,
.AT_Infringement_Payment .payment >div {
  width: 100%;
}
#AT_Infringement_Payment .payment input[type="submit"],
.AT_Infringement_Payment .payment input[type="submit"] {
  padding: 10px 50px;
  margin: 0;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_Infringement_Payment .payment .button,
.AT_Infringement_Payment .payment .button,
#AT_Infringement_Payment .payment button,
.AT_Infringement_Payment .payment button {
  width: 150px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_Infringement_Payment .options,
.AT_Infringement_Payment .options {
  margin: 20px 0;
  padding-bottom: 30px;
  width: 100%;
  border-bottom: 1px #d2d8dc solid;
  position: relative;
}
#AT_Infringement_Payment .options button,
.AT_Infringement_Payment .options button,
#AT_Infringement_Payment .options a,
.AT_Infringement_Payment .options a {
  margin: 0px 0px 10px 0;
  display: block;
}
#AT_Infringement_Payment .options .cancel,
.AT_Infringement_Payment .options .cancel {
  position: absolute;
  right: 0;
  bottom: 0;
}
#AT_Infringement_Payment #new_ticket_overlay,
.AT_Infringement_Payment #new_ticket_overlay {
  z-index: 1000;
  position: fixed;
  display: none;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0,0,0,0.5);
}
html.no-opacity #AT_Infringement_Payment #new_ticket_overlay,
html.no-opacity .AT_Infringement_Payment #new_ticket_overlay {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/transparentbg.png");
}
#AT_Infringement_Payment #new_ticket_overlay .new_ticket,
.AT_Infringement_Payment #new_ticket_overlay .new_ticket {
  width: 80%;
  max-width: 620px;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin: auto;
  padding: 20px;
  margin-top: 200px;
}
#AT_Infringement_Payment #new_ticket_overlay .new_ticket .required,
.AT_Infringement_Payment #new_ticket_overlay .new_ticket .required {
  float: left;
}
#AT_Infringement_Payment #new_ticket_overlay .new_ticket input[type="text"],
.AT_Infringement_Payment #new_ticket_overlay .new_ticket input[type="text"] {
  max-width: 300px;
}
#AT_Infringement_Payment #new_ticket_overlay .addcancel,
.AT_Infringement_Payment #new_ticket_overlay .addcancel {
  width: 100%;
}
#AT_Infringement_Payment #new_ticket_overlay .addcancel input,
.AT_Infringement_Payment #new_ticket_overlay .addcancel input {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_Infringement_Payment .validation-summary-errors,
.AT_Infringement_Payment .validation-summary-errors {
  padding-right: 10px;
}
#AT_Infringement_Payment aside ul li,
.AT_Infringement_Payment aside ul li {
  margin-bottom: 10px;
}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
  #AT_Infringement_Payment .intro,
  .AT_Infringement_Payment .intro {
    padding-right: 20px;
    padding-top: 20px;
  }
  #AT_Infringement_Payment .column,
  .AT_Infringement_Payment .column {
    width: 220px;
    margin-right: 9px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
  }
  #AT_Infringement_Payment .message,
  .AT_Infringement_Payment .message {
    margin: 40px 0 30px 0;
  }
  #AT_Infringement_Payment .your_options,
  .AT_Infringement_Payment .your_options {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 900px) {
}
@media only screen and (min-width: 1200px) {
  #AT_Infringement_Payment .noticenumber,
  .AT_Infringement_Payment .noticenumber {
    margin-right: 100px;
  }
  #AT_Infringement_Payment .number_registration,
  .AT_Infringement_Payment .number_registration {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
  }
  #AT_Infringement_Payment .number_registration form,
  .AT_Infringement_Payment .number_registration form {
    width: 300px;
  }
  #AT_Infringement_Payment section.content,
  .AT_Infringement_Payment section.content {
    width: 700px;
    float: left;
  }
  #AT_Infringement_Payment aside,
  .AT_Infringement_Payment aside {
    width: 220px;
    float: right;
    margin-top: -5px;
  }
  #AT_Infringement_Payment .notice,
  .AT_Infringement_Payment .notice,
  #AT_Infringement_Payment .infringementpayment,
  .AT_Infringement_Payment .infringementpayment {
    width: 300px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    vertical-align: top;
  }
}
#AT_Car_Park_Lease_Application {
  padding: 5px;
}
#AT_Car_Park_Lease_Application .remove-unloaded-file {
  margin-left: 150px;
}
#AT_Car_Park_Lease_Application .checkbox {
  margin: 20px 0;
}
#AT_Car_Park_Lease_Application .checkbox label {
  width: 90%;
}
#AT_Car_Park_Lease_Application .sb2 {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_Car_Park_Lease_Application .buttons {
  margin-top: 20px;
}
#AT_Car_Park_Lease_Application .buttons > button {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_Car_Park_Lease_Application .accounttype .display {
  width: 130px;
}
#AT_Car_Park_Lease_Application .title .display {
  width: 65px;
}
#AT_Car_Park_Lease_Application .contactmethod .display {
  width: 130px;
}
#AT_Car_Park_Lease_Application input#DateOfBirth {
  display: block;
  height: 28px;
  padding: 5px;
  margin: 3px 10px 3px 0;
  font-size: 14px;
  line-height: 15px;
  font-family: 'OpenSansBold', sans-serif;
  color: #349ce0;
  background-color: #fff;
  width: 90px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #d3d3d3;
}
#AT_Car_Park_Lease_Application table {
  margin-bottom: 10px;
  max-width: 100%;
}
#AT_Car_Park_Lease_Application table input[type='text'] {
  width: 50%;
}
#AT_Car_Park_Lease_Application table span,
#AT_Car_Park_Lease_Application table input,
#AT_Car_Park_Lease_Application table .sb2,
#AT_Car_Park_Lease_Application table select {
  float: left;
}
#AT_Car_Park_Lease_Application table th {
  text-align: left;
}
#AT_Car_Park_Lease_Application h2,
#AT_Car_Park_Lease_Application h3,
#AT_Car_Park_Lease_Application h4,
#AT_Car_Park_Lease_Application h5 {
  width: 100%;
}
#AT_Car_Park_Lease_Application .row {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 100%;
  margin-bottom: 20px;
}
#AT_Car_Park_Lease_Application .row label {
  width: 200px;
  margin-right: 10px;
}
#AT_Car_Park_Lease_Application .row .column {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_Car_Park_Lease_Application textarea {
  width: 640px;
  height: 150px;
}
#AT_Car_Park_Lease_Application label {
  width: 100%;
}
#AT_Car_Park_Lease_Application .field {
  max-width: 300px;
  margin-right: 20px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin-bottom: 10px;
}
#AT_Car_Park_Lease_Application input[type='text'] {
  width: 300px;
}
#AT_Car_Park_Lease_Application .add_address_manually {
  margin-top: 12px;
}
#AT_Car_Park_Lease_Application label.checkboxAligned {
  width: auto;
}
#AT_Car_Park_Lease_Application input[type='text'].regoBox,
#AT_Car_Park_Lease_Application .regoBox {
  width: 80%;
}
#AT_Car_Park_Lease_Application input.differentBillingAddress {
  margin: 15px 0;
}
#AT_Car_Park_Lease_Application label[for=BillingAddressIsDifferent] {
  margin: 12px 10px;
}
#AT_Car_Park_Lease_Application .largeDropdown {
  width: 100px;
}
#AT_Car_Park_Lease_Application .make {
  width: 110px;
}
#AT_Car_Park_Lease_Application .colour {
  width: 130px;
}
#AT_Car_Park_Lease_Application .colour {
  width: 130px;
}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
  #AT_Car_Park_Lease_Application input[type="text"],
  #AT_Car_Park_Lease_Application input[type="password"] {
    width: 280px;
  }
}
@media only screen and (min-width: 900px) {
  #AT_Car_Park_Lease_Application textarea {
    width: 593px;
  }
}
@media only screen and (min-width: 1200px) {
}
#AT_News_Landing .type {
  color: #9fbe46;
  font-family: 'OpenSansBold', sans-serif;
}
#AT_News_Landing .atNews form {
  margin: 20px 0px 20px 0px;
}
#AT_News_Landing .date {
  color: #acacac;
  font-family: 'OpenSansBold', sans-serif;
}
#AT_News_Landing input.news_calendar {
  width: 160px;
}
#AT_News_Landing input.news_submit {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  padding: 7px 10px;
}
#AT_News_Landing .newsImage {
  width: 100%;
  min-height: 180px;
}
#AT_News_Landing .newsImage img {
  width: 100%;
}
#AT_News_Landing a.noImage {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/logo-175.png") no-repeat transparent center;
  width: 100%;
  min-height: 180px;
  display: block;
}
#AT_News_Landing a.noImage img {
  display: none;
}
#AT_News_Landing .newsRight {
  width: 100%;
}
#AT_News_Landing .mediaItem {
  overflow: hidden;
}
#AT_News_Landing .newsTitle {
  margin-top: 1px;
  margin-bottom: 5px;
}
#AT_News_Landing .newsTitle:hover {
  color: #349ce0;
}
#AT_News_Landing .oldNewsTitle {
  margin-top: 1px;
  margin-bottom: 5px;
  color: #349ce0;
}
#AT_News_Landing .oldNews {
  margin-top: 5px;
  margin-bottom: 1px;
  padding-bottom: 0px;
}
#AT_News_Landing #AT_Events_AT .mediaItem .newsImage {
  min-height: 0;
}
#AT_News_Landing .top {
  margin-top: 0px;
  margin-bottom: 1.5em;
}
#AT_News_Landing .eventTitle {
  color: #349ce0;
  margin-top: 1px;
  margin-bottom: 1px;
}
#AT_News_Landing .events_holder {
  padding: 25px 0 0 25px;
}
@media only screen and (min-width: 480px) {
  #AT_News_Landing .newsImage {
    float: left;
    width: 224px;
  }
  #AT_News_Landing .newsImage img {
    width: 100%;
  }
  #AT_News_Landing .newsRight {
    float: right;
    width: 65%;
  }
  #AT_News_Landing #AT_Events_AT .newsImage {
    float: left;
    width: 25%;
  }
  #AT_News_Landing #AT_Events_AT .newsImage img {
    width: 100%;
  }
  #AT_News_Landing #AT_Events_AT .newsRight {
    float: right;
    width: 73%;
  }
}
#AT_Stop_Timetable {
  position: relative;
/*

	#AT_Public_Transport_Real_Time_Board {
		inline-block();
		//text-align: left;
		width: 100%;
		max-width: columns(3)px;
		height: columns(3)px;
	}
*/
/* Must be specific as background-images used for striped table effect */
}
#AT_Stop_Timetable h3.timetable_title {
  font-weight: bold;
  color: #349ce0;
  margin-bottom: 3px;
}
#AT_Stop_Timetable #stopDetail {
  color: #9fbe46;
}
#AT_Stop_Timetable #AT_Timetables_Real_Time_Board .DepartureBoard {
  font-family: OpenSansBold, Arial, Helvetica, sans-serif;
}
#AT_Stop_Timetable .stopTimes {
/* TODO: find way to use constants */
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/stoptimes-stripe.png") repeat 0 0;
  line-height: 20px;
  font-size: 14px;
}
#AT_Stop_Timetable .stopTimes span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  height: 20px;
  width: 80px;
}
@media only screen and (min-width: 480px) {
  #AT_Stop_Timetable #AT_Timetables_Real_Time_Board {
    width: 300px;
    height: 290px;
    min-height: 290px;
  }
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 900px) {
  #AT_Stop_Timetable article {
/* TODO: revisit with TAILOR about sizing */
    margin-right: 300px;
    padding-right: 40px;
    min-height: 500px;
  }
  #AT_Stop_Timetable #departureboardContainer {
    background-color: #349ce0;
    position: absolute;
    right: 20px;
    top: 120px;
/*TODO: perform calc*/
  }
}
@media only screen and (min-width: 1200px) {
}
#AT_Parking_Permit .form-row {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin-top: 20px;
  width: 100%;
}
#AT_Parking_Permit textarea {
  width: 90%;
}
#AT_Parking_Permit table {
  width: 100%;
}
#AT_Parking_Permit a.form-submit-button {
  margin: 10px 10px 0 0px;
}
#AT_Parking_Permit .datePicker {
  margin-top: 10px;
}
#AT_Parking_Permit .sb2 .display {
  width: 150px !important;
}
#AT_Parking_Permit table .sb2 .display {
  width: auto !important;
  max-width: 200px !important;
  min-width: 10px !important;
}
#AT_Parking_Permit .permit-area-description {
  margin-top: 10px;
}
#AT_Parking_Permit .remove {
  margin-left: 151px;
}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 900px) {
}
@media only screen and (min-width: 1200px) {
  #AT_Parking_Permit .parking_permits {
    width: 940px;
  }
  #AT_Parking_Permit .payment_options {
    width: 380px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
  }
  #AT_Parking_Permit .proof_of_residency {
    width: 460px;
    margin-left: 20px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
  }
}
#Parking_Permit_Details .form-row {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin-top: 20px;
  width: 90%;
}
#Parking_Permit_Details table {
  width: 100%;
}
#Parking_Permit_Details .field-validation-valid {
  display: none;
}
#Parking_Permit_Details textarea {
  width: 90%;
}
#Parking_Permit_Details a.form-submit-button {
  margin: 10px 10px 0 0px;
}
#Parking_Permit_Details .datePicker {
  margin-top: 10px;
}
#Parking_Permit_Details .sb2 .display {
  width: 200px !important;
}
#Parking_Permit_Details table .sb2 .display {
  width: auto !important;
  max-width: 200px !important;
  min-width: 10px !important;
}
#Parking_Permit_Details .permit-area-description {
  margin-top: 10px;
}
#Parking_Permit_Details .toggle-next {
  color: #007bcc;
  text-decoration: #60656a;
  cursor: pointer;
}
#Parking_Permit_Details .remove {
  margin-left: 151px;
}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
  #Parking_Permit_Details .form-row {
    width: 620px;
  }
  #Parking_Permit_Details #permit-options .form-row {
    width: 300px;
  }
  #Parking_Permit_Details table {
    width: 780px;
    margin-top: 10px;
  }
}
@media only screen and (min-width: 900px) {
}
@media only screen and (min-width: 1200px) {
}
#Parking_Permit_Contact_Details .hide {
  display: none;
}
#Parking_Permit_Contact_Details .editor-label {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#Parking_Permit_Contact_Details .editor-label label {
  width: auto;
}
#Parking_Permit_Contact_Details .editor-field label {
  margin: 10px 0 0 10px;
}
#Parking_Permit_Contact_Details .form-row {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin-top: 20px;
  width: 1 0%;
}
#Parking_Permit_Contact_Details textarea {
  width: 90%;
}
#Parking_Permit_Contact_Details table {
  width: 100%;
}
#Parking_Permit_Contact_Details a.form-submit-button {
  margin: 10px 10px 0 0px;
}
#Parking_Permit_Contact_Details .datePicker {
  margin-top: 10px;
}
#Parking_Permit_Contact_Details .sb2 .display {
  width: 200px !important;
}
#Parking_Permit_Contact_Details table .sb2 .display {
  width: auto !important;
  max-width: 200px !important;
  min-width: 10px !important;
}
#Parking_Permit_Contact_Details .permit-area-description {
  margin-top: 10px;
}
#Parking_Permit_Contact_Details .editor-field a {
  display: block;
  margin-top: 10px;
}
#Parking_Permit_Contact_Details .remove {
  margin-left: 151px;
}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
  #Parking_Permit_Contact_Details .form-row {
    width: 380px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
  }
  #Parking_Permit_Contact_Details .form-row.full-width {
    width: 100%;
  }
}
@media only screen and (min-width: 900px) {
}
@media only screen and (min-width: 1200px) {
}
#Parking_Permit_Result .form-row {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin-top: 20px;
  width: 100%;
}
#Parking_Permit_Result textarea {
  width: 90%;
}
#Parking_Permit_Result table {
  width: 100%;
}
#Parking_Permit_Result a.form-submit-button {
  margin: 10px 10px 0 0px;
}
#Parking_Permit_Result .datePicker {
  margin-top: 10px;
}
#Parking_Permit_Result .sb2 .display {
  width: 200px !important;
}
#Parking_Permit_Result table .sb2 .display {
  width: auto !important;
  max-width: 200px !important;
  min-width: 10px !important;
}
#Parking_Permit_Result .permit-area-description {
  margin-top: 10px;
}
#Parking_Permit_Result .remove {
  margin-left: 151px;
}
#Parking_Permit_Result .editor-label,
#Parking_Permit_Result .editor-field {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
  #Parking_Permit_Result table {
    width: 780px;
    margin-top: 10px;
  }
  #Parking_Permit_Result .form-submit-button {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 900px) {
}
@media only screen and (min-width: 1200px) {
}
#Parking_Permit_Review .form-row {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin-top: 20px;
  width: 100%;
}
#Parking_Permit_Review textarea {
  width: 90%;
}
#Parking_Permit_Review table {
  width: 100%;
}
#Parking_Permit_Review form {
  margin-top: 10px;
}
#Parking_Permit_Review a.form-submit-button {
  margin: 15px 10px 0 0px;
}
#Parking_Permit_Review .datePicker {
  margin-top: 10px;
}
#Parking_Permit_Review .sb2 .display {
  width: 200px !important;
}
#Parking_Permit_Review .toggle-next {
  color: #007bcc;
  text-decoration: #60656a;
}
#Parking_Permit_Review table .sb2 .display {
  width: auto !important;
  max-width: 200px !important;
  min-width: 10px !important;
}
#Parking_Permit_Review .permit-area-description {
  margin-top: 10px;
}
#Parking_Permit_Review .t-and-c {
  margin: 70px 0 50px;
}
#Parking_Permit_Review .t-and-c p {
  font-family: 'OpenSansBold', sans-serif;
}
#Parking_Permit_Review .remove {
  margin-left: 151px;
}
#Parking_Permit_Review button:disabled {
  background: #d2d8dc;
}
#Parking_Permit_Review .highlight h2 {
  margin: 60px 0 10px;
}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
  #Parking_Permit_Review table {
    width: 780px;
    margin-top: 10px;
  }
  #Parking_Permit_Review .form-row {
    width: 300px;
  }
}
@media only screen and (min-width: 900px) {
}
@media only screen and (min-width: 1200px) {
}
#AT_Report_Problem form {
  display: none;
}
#AT_Report_Problem .callUs {
  line-height: 26px;
}
#AT_Report_Problem .callUs span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_Report_Problem .callUs a {
  display: none;
}
#AT_Report_Problem .uploadSuccessful {
  color: #9fbe46;
  font-size: 14px;
  border: 2px solid #9fbe46;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  max-width: 600px;
}
#AT_Report_Problem .preview {
  max-width: 100%;
}
#AT_Report_Problem .attachments {
  text-align: center;
}
#AT_Report_Problem .attachments .attachment {
  margin: 0 0 10px 0;
}
#AT_Report_Problem #problemLocation {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_Report_Problem .uploadError {
  margin: 10px 0;
  display: none;
  color: #ba2026;
}
#AT_Report_Problem .uploadSelect {
  position: relative;
  overflow: hidden;
}
#AT_Report_Problem .uploadSelect .fileUploadName {
  height: 38px;
}
#AT_Report_Problem .uploadSelect .removeAttachment {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/remove.png") no-repeat 0 0 scroll transparent;
  display: none;
  height: 19px;
  margin-top: -10px;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 19px;
}
#AT_Report_Problem .uploadStatus {
  display: none;
  line-height: 32px;
  padding: 20px;
  text-align: center;
}
#AT_Report_Problem .uploadStatus .imgSize {
  color: #fab418;
}
#AT_Report_Problem .uploadStatus .processing {
  margin: 0 10px 0 0;
  width: 32px;
  height: 32px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/black-spinner.gif") no-repeat 0 0 scroll transparent;
}
#AT_Report_Problem .uploadStatus .cancelUpload {
  position: relative;
  top: 5px;
  height: 19px;
  width: 19px;
  display: inline-block;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/remove.png") no-repeat 0 0 scroll transparent;
}
#AT_Report_Problem .uploadResult {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  position: relative;
  margin: 10px 10px 0;
  max-width: 100%;
}
#AT_Report_Problem .uploadResult.hidden {
  display: none;
}
#AT_Report_Problem .uploadResult .deleteAttachment {
  position: absolute;
  right: -10px;
  top: -10px;
  height: 19px;
  width: 19px;
  display: block;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/remove.png") no-repeat 0 0 scroll transparent;
}
#AT_Report_Problem .uploadResult .mask {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/black-spinner.gif") no-repeat center center scroll #fff;
  opacity: 0.8;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  top: 0;
}
#AT_Report_Problem .sb2 {
  min-width: 200px;
}
#AT_Report_Problem .twoColumns {
  width: 100%;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_Report_Problem .twoColumns textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#AT_Report_Problem .collapsible {
  border-bottom: 1px solid #d2d8dc;
}
#AT_Report_Problem .collapsible label {
  margin-bottom: 5px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_Report_Problem .collapsible .attachments label,
#AT_Report_Problem .collapsible .attachments input {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
#AT_Report_Problem .collapsible .emailField {
  margin: 20px 0;
  width: 100%;
}
#AT_Report_Problem .collapsible .selectLocationMobile {
  display: none;
}
#AT_Report_Problem .collapsible .reportProblemMyStreetMap {
  position: relative;
}
#AT_Report_Problem .collapsible .reportProblemMyStreetMap .AT_MyStreet_splash {
  font-family: "OpenSansBold", Helvetica, Arial, sans-serif;
}
#AT_Report_Problem .collapsible .reportProblemMyStreetMap .myExistingCases {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#AT_Report_Problem .collapsible .reportProblemMyStreetMap #MyStreetApp {
  min-height: 400px;
  z-index: 5;
}
#AT_Report_Problem .collapsible .reportProblemMyStreetMap .MyStreet .arbitraryPopup .leaflet-popup-content-wrapper {
  cursor: pointer;
}
#AT_Report_Problem .collapsible .header h2,
#AT_Report_Problem .collapsible .header h3,
#AT_Report_Problem .collapsible .header h4,
#AT_Report_Problem .collapsible .header h5 {
  position: relative;
  font-family: OpenSansBold, 'OpenSansBold', Arial, Helvetica, sans-serif;
  color: #007bcc;
  padding: 20px 32px 20px 0;
  font-size: 24px;
  line-height: 36px;
  margin-top: 2px;
  margin-bottom: 2px;
}
#AT_Report_Problem .collapsible .header h2 >span,
#AT_Report_Problem .collapsible .header h3 >span,
#AT_Report_Problem .collapsible .header h4 >span,
#AT_Report_Problem .collapsible .header h5 >span {
  font-size: 14px;
}
#AT_Report_Problem .collapsible .header h2 .icon,
#AT_Report_Problem .collapsible .header h3 .icon,
#AT_Report_Problem .collapsible .header h4 .icon,
#AT_Report_Problem .collapsible .header h5 .icon {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/icons.accordion.png");
  width: 22px;
  height: 22px;
  display: block;
  position: absolute;
  top: 27px;
  right: 0;
}
#AT_Report_Problem .collapsible .header h2:hover,
#AT_Report_Problem .collapsible .header h3:hover,
#AT_Report_Problem .collapsible .header h4:hover,
#AT_Report_Problem .collapsible .header h5:hover {
  color: #283d51;
  cursor: pointer;
}
#AT_Report_Problem .collapsible .header h2:hover .icon,
#AT_Report_Problem .collapsible .header h3:hover .icon,
#AT_Report_Problem .collapsible .header h4:hover .icon,
#AT_Report_Problem .collapsible .header h5:hover .icon {
  background-position: -44px 0;
}
#AT_Report_Problem .collapsible .sectionDetails {
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: all 4s linear;
  -webkit-transition: all 135ms linear;
  -moz-transition: all 135ms linear;
  -o-transition: all 135ms linear;
  -ms-transition: all 135ms linear;
  transition: all 135ms linear;
  -o-transition: all 4s linear;
  -ms-transition: all 4s linear;
  -webkit-transition: all 135ms linear;
  -moz-transition: all 135ms linear;
  -o-transition: all 135ms linear;
  -ms-transition: all 135ms linear;
  transition: all 135ms linear;
}
#AT_Report_Problem .collapsible .submitSectionDetails {
  width: 300px;
  margin: auto;
}
#AT_Report_Problem .collapsible .submitSectionDetails input[type="submit"] {
  width: 100%;
}
#AT_Report_Problem .collapsible .submitSectionDetails input[type="text"] {
  width: 95%;
}
#AT_Report_Problem .collapsible .sectionSegment.focus .sectionDetails {
  max-height: none;
  padding-bottom: 10px;
}
#AT_Report_Problem .collapsible .sectionSegment.focus .header h2 .icon,
#AT_Report_Problem .collapsible .sectionSegment.focus .header h3 .icon,
#AT_Report_Problem .collapsible .sectionSegment.focus .header h4 .icon,
#AT_Report_Problem .collapsible .sectionSegment.focus .header h5 .icon {
  background-position: -22px 0;
}
#AT_Report_Problem .collapsible .sectionSegment.focus:hover .header h2 .icon,
#AT_Report_Problem .collapsible .sectionSegment.focus:hover .header h3 .icon,
#AT_Report_Problem .collapsible .sectionSegment.focus:hover .header h4 .icon,
#AT_Report_Problem .collapsible .sectionSegment.focus:hover .header h5 .icon {
  background-position: -66px 0;
}
#AT_Report_Problem.mobile .callUs span {
  display: none;
}
#AT_Report_Problem.mobile .callUs a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 24px;
  height: 26px;
  margin: 0 0 0 5px;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/phone.png") no-repeat scroll center center transparent;
}
#AT_Report_Problem.mobile .selectLocationMobile {
  display: block;
}
#AT_Report_Problem.mobile .selectLocationMobile .button {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  position: relative;
}
#AT_Report_Problem.mobile .selectLocationMobile .button span.icon {
  position: absolute;
  right: 10px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 24px;
  height: 24px;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/at-icons-color-full.png?height=250") no-repeat scroll -600px -190px transparent;
}
#AT_Report_Problem.mobile .selectLocationMobile .button.disabled {
  cursor: default;
}
#AT_Report_Problem.mobile .selectLocationMobile .button.disabled span.icon {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/white-spinner.gif") no-repeat scroll center center transparent;
}
#AT_Report_Problem.mobile .selectLocationMobile input {
  max-width: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
}
#AT_Report_Problem.mobile .reportProblemMyStreetMap {
  margin: 0 0 20px 0;
  display: none;
}
@media only screen and (min-width: 480px) {
  #AT_Report_Problem .emailField input {
    width: 300px;
  }
}
@media only screen and (min-width: 768px) {
  #AT_Report_Problem .twoColumns {
    width: 50%;
  }
  #AT_Report_Problem .attachments {
    padding: 0 20px 0 0;
  }
  #AT_Report_Problem .uploadResult {
    margin: 10px 0 0;
  }
  #AT_Report_Problem .collapsible .header h2,
  #AT_Report_Problem .collapsible .header h3,
  #AT_Report_Problem .collapsible .header h4,
  #AT_Report_Problem .collapsible .header h5 {
    font-size: 32px;
  }
}
@media only screen and (min-width: 900px) {
}
@media only screen and (min-width: 1200px) {
}
#AT_School_Timetables .letters-list {
  list-style: none;
  height: 15px;
  margin-left: 10px;
  padding: 0;
  width: 400px;
}
#AT_School_Timetables .letters-list li {
  float: left;
}
#AT_School_Timetables .letters-list li * {
  padding: 0 3px;
  display: inline-block;
}
#AT_School_Timetables .letters-list li span {
  display: none;
}
#AT_School_Timetables .letters-list li.disabled a {
  display: none;
}
#AT_School_Timetables .letters-list li.disabled span {
  display: inline-block;
}
#AT_School_Timetables .letters-list li.disabled {
  color: #999;
}
#AT_School_Timetables .schools-list .letter-heading {
  list-style: none;
  margin: 30px 0 15px -15px;
}
#AT_School_Timetables .schools-list .letter-heading a {
  cursor: default;
  text-decoration: none;
}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 900px) {
}
@media only screen and (min-width: 1382px) {
}
#AT_School .routeList {
  list-style: none;
  padding: 0;
}
#AT_School .routeList li {
  margin-bottom: 10px;
}
#AT_School .routeList table {
  width: 100%;
}
#AT_School .routeList table th,
#AT_School .routeList table td {
  padding: 1px 5px;
}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 900px) {
}
@media only screen and (min-width: 1382px) {
}
#AT_Main #AT_Total_Mobility_Payment .validation-summary-errors ul,
#AT_Main .AT_Total_Mobility_Payment .validation-summary-errors ul {
  padding: 0 0 0 20px;
  list-style: none;
  background: #ee2e25;
  color: #fff;
  height: 40px;
  width: auto;
  vertical-align: middle;
  line-height: 38px;
}
#AT_Main #AT_Total_Mobility_Payment .validation-summary-errors ul li,
#AT_Main .AT_Total_Mobility_Payment .validation-summary-errors ul li {
  padding: 0 25px;
}
#AT_Main #AT_Total_Mobility_Payment .input-validation-error,
#AT_Main .AT_Total_Mobility_Payment .input-validation-error {
  border: 2px #ee2a25 solid !important;
}
#AT_Main #AT_Total_Mobility_Payment input,
#AT_Main .AT_Total_Mobility_Payment input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  color: #466a8f;
}
#AT_Main #AT_Total_Mobility_Payment input:focus,
#AT_Main .AT_Total_Mobility_Payment input:focus {
  border: 3px solid #fd0;
}
#AT_Main #AT_Total_Mobility_Payment .payment_item #mobility_submit,
#AT_Main .AT_Total_Mobility_Payment .payment_item #mobility_submit,
#AT_Main #AT_Total_Mobility_Payment .payment_item .mobility_submit,
#AT_Main .AT_Total_Mobility_Payment .payment_item .mobility_submit {
  border: 3px solid #0067ac;
  background-color: #0067ac;
  line-height: 15px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
#AT_Main #AT_Total_Mobility_Payment #payment_item .mobility_submit,
#AT_Main .AT_Total_Mobility_Payment #payment_item .mobility_submit {
  height: 40px;
}
#AT_Main #AT_Total_Mobility_Payment #mobility_submit,
#AT_Main .AT_Total_Mobility_Payment #mobility_submit,
#AT_Main #AT_Total_Mobility_Payment #payment_item .mobility_submit,
#AT_Main .AT_Total_Mobility_Payment #payment_item .mobility_submit,
#AT_Main #AT_Total_Mobility_Payment input[type="submit"],
#AT_Main .AT_Total_Mobility_Payment input[type="submit"] {
  color: #fff;
  height: 40px;
  background-color: #0067ac;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  line-height: 15px;
  border: 3px solid #0067ac;
  margin-top: 15px;
}
#AT_Main #AT_Total_Mobility_Payment #mobility_submit:hover,
#AT_Main .AT_Total_Mobility_Payment #mobility_submit:hover,
#AT_Main #AT_Total_Mobility_Payment #payment_item .mobility_submit:hover,
#AT_Main .AT_Total_Mobility_Payment #payment_item .mobility_submit:hover,
#AT_Main #AT_Total_Mobility_Payment input[type="submit"]:hover,
#AT_Main .AT_Total_Mobility_Payment input[type="submit"]:hover {
  background-color: #283d51;
  border: 3px solid #fd0;
}
#AT_Main #AT_Total_Mobility_Payment #mobility_submit:focus,
#AT_Main .AT_Total_Mobility_Payment #mobility_submit:focus,
#AT_Main #AT_Total_Mobility_Payment #payment_item .mobility_submit:focus,
#AT_Main .AT_Total_Mobility_Payment #payment_item .mobility_submit:focus,
#AT_Main #AT_Total_Mobility_Payment input[type="submit"]:focus,
#AT_Main .AT_Total_Mobility_Payment input[type="submit"]:focus {
  border: 3px solid #fd0;
}
#AT_Main #AT_Total_Mobility_Payment .red_exclamation,
#AT_Main .AT_Total_Mobility_Payment .red_exclamation {
  background-image: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/at-icons-color-full-700.png");
  width: 30px;
  height: 30px;
  background-size: 650px;
  position: absolute;
  background-position: -437px -56px;
}
#AT_Main #AT_Total_Mobility_Payment .blue_question,
#AT_Main .AT_Total_Mobility_Payment .blue_question,
#AT_Main #AT_Total_Mobility_Payment .close_tooltip,
#AT_Main .AT_Total_Mobility_Payment .close_tooltip {
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  border: 2px solid #179ed9;
  color: #179ed9;
  text-align: center;
  font-size: 19px;
  font-weight: bold;
  position: absolute;
  left: 245px;
  margin-top: -25px;
  cursor: pointer;
  z-index: 100;
}
#AT_Main #AT_Total_Mobility_Payment .tooltip_help,
#AT_Main .AT_Total_Mobility_Payment .tooltip_help {
  color: #0067ac;
  padding: 10px 0;
  font-weight: bold;
  display: none;
}
#AT_Main #AT_Total_Mobility_Payment .arrow_down_icon,
#AT_Main .AT_Total_Mobility_Payment .arrow_down_icon {
  background-image: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/icon.up.down.png");
  width: 16px;
  height: 11px;
  background-size: 16px;
  margin: 2px;
}
#AT_Main #AT_Total_Mobility_Payment .close_tooltip,
#AT_Main .AT_Total_Mobility_Payment .close_tooltip {
  display: none;
}
#AT_Main #AT_Total_Mobility_Payment .disabled_button,
#AT_Main .AT_Total_Mobility_Payment .disabled_button,
#AT_Main #AT_Total_Mobility_Payment #mobility_submit .disabled_button:hover,
#AT_Main .AT_Total_Mobility_Payment #mobility_submit .disabled_button:hover {
  cursor: not-allowed;
  background-color: #8e8e8e !important;
  border: 2px solid #8e8e8e !important;
}
#AT_Main #AT_Total_Mobility_Payment .total_mobility_error_container,
#AT_Main .AT_Total_Mobility_Payment .total_mobility_error_container {
  display: none;
}
#AT_Main #AT_Total_Mobility_Payment .mobility_tooltip,
#AT_Main .AT_Total_Mobility_Payment .mobility_tooltip {
  width: 100%;
  max-width: 400px;
}
#AT_Main #AT_Total_Mobility_Payment .mobility_tooltip label,
#AT_Main .AT_Total_Mobility_Payment .mobility_tooltip label {
  width: auto;
}
header.AT_Main {
  background-color: #17232f;
  padding: 7px 0 5px 8px;
  display: block;
}
#AT_Main h1#pageName {
  width: 100%;
}
#AT_Main h4:focus {
  outline: dotted 1px;
}
#AT_Main .clear {
  clear: both;
}
#AT_Main .MyStreet {
  margin-bottom: 0 !important;
}
header.mob_top_menu_button #top_nav,
header.mob_top_menu_button #prev_arrow,
header.mob_top_menu_button #next_arrow {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
header.myAT_menu_opened #my_at_summary {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
header.myAT_menu_opened #my_at_summary .field-validation-error {
  color: #fff;
}
#AT_Main_body {
  overflow: hidden;
  background-color: #fff;
  min-height: 300px;
}
#AT_Main_body #AT_Car_Park_Lease_Application,
#AT_Main_body #AT_Expression_Of_Interest_Form,
#AT_Main_body #AT_Feedback,
#AT_Main_body #AT_Infringement_Exemption_Request,
#AT_Main_body #AT_My_At,
#AT_Main_body #AT_My_At_Hop_Card,
#AT_Main_body #AT_My_At_Preferences,
#AT_Main_body #AT_Standard_Content,
#AT_Main_body #AT_News_Landing,
#AT_Main_body #AT_Total_Mobility_Payment,
#AT_Main_body #AT_Public_Transport,
#AT_Main_body #AT_Search,
#AT_Main_body #AT_Standard_Content,
#AT_Main_body #AT_Standard_Content_Repeater,
#AT_Main_body #AT_Standard_Content,
#AT_Main_body #AT_Stop_Timetable,
#AT_Main_body #AT_Timetables,
#AT_Main_body #AT_Car_Park_Lease_Application,
#AT_Main_body #AT_Parking_Permit,
#AT_Main_body #Parking_Permit_Details,
#AT_Main_body #Parking_Permit_Contact_Details,
#AT_Main_body #Parking_Permit_Result,
#AT_Main_body #Parking_Permit_Review,
#AT_Main_body #AT_Report_Problem,
#AT_Main_body #AT_School_Timetables,
#AT_Main_body #AT_School,
#AT_Main_body #AT_My_Hop,
#AT_Main_body #AT_Hop {
  padding: 0 10px;
}
#AT_Main_body #AT_Standard_Content_With_Header article {
  padding: 0 10px;
  display: block;
}
#AT_Main_body ol li,
#AT_Main_body ul li {
  margin-bottom: 20px;
}
#AT_Main_body article .content_richtext,
#AT_Main_body article .atNews {
  position: relative;
}
#AT_Main_body article header {
  height: auto;
}
#menu_buttons li.top_menu_section {
  width: auto;
  padding-right: 0;
  font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
  padding-top: 15px;
  height: 50px;
  overflow: hidden;
}
#mob_top_menu_button {
  line-height: 0 !important;
  padding-top: 42px;
  padding-bottom: 0px;
  padding-left: 10px;
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/icon.mobile.menu.png") no-repeat 15px 10px;
  float: right;
  margin-right: 20px;
  height: 0;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  width: 40px;
}
#menu_buttons:hover #mob_top_menu_button {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/icon.mobile.menu.png") no-repeat 15px -180px;
}
#menu_buttons:hover #mob_top_menu_button:hover {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/icon.mobile.menu.png") no-repeat 15px -85px;
}
#mob_top_search_button {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  width: 40px;
  line-height: 0 !important;
  padding-top: 42px;
  padding-left: 10px;
  padding-bottom: 0px;
  margin-left: -10px;
  background-image: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/at-icons-color-full-1000.png");
  background-position: -770px -93px;
  float: left;
}
#menu_buttons:hover #mob_top_search_button {
  background-image: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/at-icons-color-full-1000.png");
  background-position: -770px -184px;
}
#menu_buttons:hover #mob_top_search_button:hover {
  background-image: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/at-icons-color-full-1000.png");
  background-position: -770px -230px;
}
@media only screen and (min-width: 480px) {
  #menu_buttons li.top_menu_section {
    height: 60px;
    padding-top: 8px;
    width: 140px;
  }
  #menu_buttons li.top_menu_section #mob_top_search_button,
  #menu_buttons li.top_menu_section #mob_top_menu_button {
    text-indent: 0;
    width: auto;
    height: 10px;
    overflow: hidden;
    padding-left: 0;
  }
  #AT_Main h1#pageName,
  #AT_Main h1 {
    font-size: 40px;
    line-height: 65px;
    margin: 15px 0;
  }
  #AT_Main h2 {
    font-size: 22px;
  }
  #AT_Main h3 {
    font-size: 16px;
  }
  #AT_Main h4 {
    font-size: 15px;
  }
  #AT_Main h5,
  #AT_Main h6 {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) {
  header.mob_top_menu_button #prev_arrow,
  header.mob_top_menu_button #next_arrow {
    display: none;
  }
  #AT_Main {
/* Background-image to fill remaining nav space when it's longer than the content.
		 * * */
    background: url("//az609578.vo.msecnd.net/public/9d11721/images/17232f_100x100-padded.png") repeat-y 0 0;
  }
  #AT_Main h1#pageName,
  #AT_Main h1 {
    font-size: 58px;
  }
  #AT_Main_body #AT_Car_Park_Lease_Application,
  #AT_Main_body #AT_Expression_Of_Interest_Form,
  #AT_Main_body #AT_Feedback,
  #AT_Main_body #AT_Infringement_Exemption_Request,
  #AT_Main_body #AT_My_At,
  #AT_Main_body #AT_My_At_Hop_Card,
  #AT_Main_body #AT_My_At_Preferences,
  #AT_Main_body #AT_Standard_Content,
  #AT_Main_body #AT_Standard_Content_Repeater,
  #AT_Main_body #AT_News_Landing,
  #AT_Main_body #AT_Total_Mobility_Payment,
  #AT_Main_body #AT_Public_Transport,
  #AT_Main_body #AT_Search,
  #AT_Main_body #AT_Stop_Timetable,
  #AT_Main_body #AT_Timetables,
  #AT_Main_body #AT_Car_Park_Lease_Application,
  #AT_Main_body #AT_Parking_Permit,
  #AT_Main_body #Parking_Permit_Details,
  #AT_Main_body #Parking_Permit_Contact_Details,
  #AT_Main_body #Parking_Permit_Result,
  #AT_Main_body #Parking_Permit_Review {
    padding: 0 20px;
  }
  #AT_Main_body #AT_Standard_Content_With_Header article {
    padding: 0 10px;
  }
  article.hasAside .content_richtext,
  article.hasAside .atNews {
    margin-right: 240px;
  }
  article.hasAside aside {
    position: absolute;
    top: 0;
    width: 200px;
    right: -233px;
  }
  article.hasAside aside h2,
  article.hasAside aside h3,
  article.hasAside aside h4,
  article.hasAside aside h5 {
    padding-left: 6px;
    margin: 0;
  }
  article.hasAside aside img {
    width: 100%;
  }
}
@media only screen and (min-width: 900px) {
  header.AT_Main {
    padding: 12px 0 6px 20px;
  }
  header.AT_Main #top_nav {
    width: 85%;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
  }
  header.AT_Main #top_nav nav {
    width: 100%;
    height: 60px;
    position: relative;
    top: 0;
    left: 20px;
  }
  header.AT_Main #top_nav nav a {
    height: auto;
  }
  header.AT_Main #top_nav ul {
    position: relative;
    width: auto;
    height: 60px;
  }
  header.AT_Main #top_nav ul li {
    position: relative;
    width: auto;
    margin-right: 2%;
  }
  header.AT_Main #mobile_search {
    display: none !important;
  }
  header.AT_Main #prev_arrow,
  header.AT_Main #next_arrow {
    display: none !important;
  }
  header.AT_Main #mob_top_menu_button {
    display: none;
  }
  header.AT_Main #menu_buttons .top_menu_section {
    display: none;
  }
  #AT_Main {
    margin-top: 27px;
  }
  #AT_Main h1#pageName,
  #AT_Main h1 {
    width: 780px;
  }
  #AT_Main_body article.hasAside .content_richtext,
  #AT_Main_body article.hasAside .atNews {
    margin-right: 232px;
  }
  #AT_Main_body article.hasAside aside {
    position: absolute;
    top: 0;
    width: 200px;
    right: -233px;
  }
  #AT_Main_body article.hasAside aside h2,
  #AT_Main_body article.hasAside aside h3,
  #AT_Main_body article.hasAside aside h4,
  #AT_Main_body article.hasAside aside h5 {
    padding-left: 6px;
    margin: 0;
  }
}
@media only screen and (min-width: 1200px) {
  header.AT_Main #top_nav ul li {
    margin-right: 20px;
  }
  #AT_Main_body article.hasAside .content_richtext,
  #AT_Main_body article.hasAside .atNews {
    width: 700px;
  }
  #AT_Main_body article.hasAside aside {
    width: 220px;
  }
}
@font-face {
  font-family: 'OpenSansRegular';
  src: url("/public/fonts/opensans.eot?#iefix") format('embedded-opentype'), url("/public/fonts/opensans.woff") format('woff'), url("/public/fonts/opensans.ttf") format('truetype'), url("/public/fonts/opensans.svg#opensans") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSansSemibold';
  src: url("/public/fonts/opensanssemibold.eot?#iefix") format('embedded-opentype'), url("/public/fonts/opensanssemibold.woff") format('woff'), url("/public/fonts/opensanssemibold.ttf") format('truetype'), url("/public/fonts/opensanssemibold.svg#opensanssemibold") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSansBold';
  src: url("/public/fonts/opensansbold.eot?#iefix") format('embedded-opentype'), url("/public/fonts/opensansbold.woff") format('woff'), url("/public/fonts/opensansbold.ttf") format('truetype'), url("/public/fonts/opensansbold.svg#opensansbold") format('svg');
  font-weight: normal;
  font-style: normal;
}
.content_richtext h2 {
  font-size: 22px;
}
.content_richtext h3 {
  font-size: 16px;
}
.content_richtext h4 {
  font-size: 15px;
}
.content_richtext h5 {
  font-size: 13px;
}
.content_richtext .intro {
  font-size: 17px;
  font-family: 'OpenSansSemibold', sans-serif;
}
.content_richtext .blue-box {
  background-color: #ecf5fa;
}
.content_richtext .small {
  font-size: 11px;
}
.content_richtext section.collapsible {
  border-bottom: 1px solid #d2d8dc;
}
.content_richtext section.collapsible .header {
  border-top: 1px solid #d2d8dc;
}
.content_richtext section.collapsible .header h2,
.content_richtext section.collapsible .header h3,
.content_richtext section.collapsible .header h4,
.content_richtext section.collapsible .header h5 {
  position: relative;
  font-family: OpenSansBold, 'OpenSansBold', Arial, Helvetica, sans-serif;
  color: #349ce0;
  padding: 20px 32px 20px 0;
  font-size: 32px;
  line-height: 36px;
  margin-top: 2px;
  margin-bottom: 2px;
}
.content_richtext section.collapsible .header h2 .icon,
.content_richtext section.collapsible .header h3 .icon,
.content_richtext section.collapsible .header h4 .icon,
.content_richtext section.collapsible .header h5 .icon {
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/icons/small/icons.accordion.png");
  width: 22px;
  height: 22px;
  display: block;
  position: absolute;
  top: 27px;
  right: 0;
}
.content_richtext section.collapsible .header h2:hover,
.content_richtext section.collapsible .header h3:hover,
.content_richtext section.collapsible .header h4:hover,
.content_richtext section.collapsible .header h5:hover {
  color: #283d51;
  cursor: pointer;
}
.content_richtext section.collapsible .header h2:hover .icon,
.content_richtext section.collapsible .header h3:hover .icon,
.content_richtext section.collapsible .header h4:hover .icon,
.content_richtext section.collapsible .header h5:hover .icon {
  background-position: -44px 0;
}
.content_richtext section.collapsible .sectionDetails {
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  -webkit-transition: all 135ms linear;
  -moz-transition: all 135ms linear;
  -o-transition: all 135ms linear;
  -ms-transition: all 135ms linear;
  transition: all 135ms linear;
}
.content_richtext section.collapsible .focus .sectionDetails {
  max-height: none;
}
.content_richtext section.collapsible .focus .header h2 .icon,
.content_richtext section.collapsible .focus .header h3 .icon,
.content_richtext section.collapsible .focus .header h4 .icon,
.content_richtext section.collapsible .focus .header h5 .icon {
  background-position: -22px 0;
}
.content_richtext section.collapsible .focus:hover .header h2 .icon,
.content_richtext section.collapsible .focus:hover .header h3 .icon,
.content_richtext section.collapsible .focus:hover .header h4 .icon,
.content_richtext section.collapsible .focus:hover .header h5 .icon {
  background-position: -66px 0;
}
.content_richtext .button {
  color: #fff;
  position: relative;
  font-size: 14px;
  line-height: 23px;
  text-align: center;
  font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
  padding: 8px 9px;
  margin-bottom: 14px;
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  background-color: #007bcc;
  background-repeat: no-repeat;
  border: none;
  -webkit-transition: background-color 135ms linear;
  -moz-transition: background-color 135ms linear;
  -o-transition: background-color 135ms linear;
  -ms-transition: background-color 135ms linear;
  transition: background-color 135ms linear;
  cursor: pointer;
}
.content_richtext .button .icon {
  float: right;
}
.content_richtext .button .icon.icon-arrow {
  margin: 4px 0px 4px 15px;
}
.content_richtext .button:hover {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  background-color: #9fbe46;
}
.content_richtext .button .disabled {
  background-color: #acacac;
  cursor: default;
}
.content_richtext .button a {
  color: #fff;
  text-decoration: none;
}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
  .content_richtext .float-left,
  .content_richtext .float-right {
    width: 50%;
  }
  .content_richtext .float-left {
    float: left;
    margin: 20px 40px 20px 0;
  }
  .content_richtext .float-right {
    float: right;
    margin: 20px 0 20px 20px;
  }
  .content_richtext .float-right-30 {
    width: 30%;
    float: right;
    margin: 20px 40px 20px 0;
  }
  .content_richtext .float-left-30 {
    width: 30%;
    float: left;
    margin: 20px 40px 20px 0;
  }
  article .content_richtext .ChildSummary .ChildItem {
    width: 220px;
  }
  article.hasAside .content_richtext .ChildSummary .ChildItem {
    width: 160px;
  }
}
@media only screen and (min-width: 900px) {
  article .content_richtext .ChildSummary .ChildItem {
    width: 220px;
  }
  article.hasAside .content_richtext .ChildSummary .ChildItem {
    width: 220px;
  }
}
@media only screen and (min-width: 1200px) {
}
@media print {
  header.AT_Main,
  footer.AT_Main,
  nav#main_nav,
  #growler,
  .backstretch,
  input,
  .button,
  button,
  .fileupload,
  .sb2,
  .contourNavigation,
  textarea,
  select,
  iframe,
  #AT_Public_Transport #AT_Public_Transport_Journey_Planner,
  #AT_Public_Transport #AT_Public_Transport_Real_Time_Board,
  .display,
  input[type="submit"] {
    display: none !important;
  }
  body,
  #container,
  #pageName,
  .blue-box,
  .Alert_priority,
  section.collapsible .header h2,
  section.collapsible .header h3,
  section.collapsible .header h4,
  section.collapsible .header h5 {
    color: #000 !important;
    background-color: #fff !important;
  }
  input {
    border: none !important;
  }
  a:link:after {
    content: " ( http://www.aucklandtransport.govt.nz" attr(href) ") ";
  }
  a {
    color: #000 !important;
  }
  #Journey_planner_service_annoucements_wrapper a,
  #MyStreetApp a {
/* override JS 'show' */
    display: none !important;
  }
}
section.dual {
  text-align: justify;
/* For IE6 to IE7 since they don't support :after */
  -ms-text-justify: distribute;
  text-justify: distribute;
  text-align-last: justify;
  zoom: 1;
}
section.dual:after {
  content: ".";
  display: inline-block;
  width: 100%;
  height: 0;
  visibility: hidden;
}
section.dual >* {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  text-align: left;
  text-align-last: left;
  vertical-align: top;
}
section.dual .sectionSegment {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
html.test #container {
/* NOTE: do not use variables within common elsewhere (just for test style)
		* * * * */
  background: url("//az609578.vo.msecnd.net/public/9d11721/images/eeeeee_100x100-padded.png") repeat 0 0;
}
html.test #container * {
  opacity: 0.8;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
html.test .backstretch {
  opacity: 0.1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
}
#container {
/* NOTE: width must be less than 320px
	* * * * */
  overflow: hidden;
/* Important - do not remove without good reason */
}
::-webkit-selection {
  background: #159ad3;
  color: #fff;
}
::-khtml-selection {
  background: #159ad3;
  color: #fff;
}
::-moz-selection {
  background: #159ad3;
  color: #fff;
}
::selection {
  background: #159ad3;
  color: #fff;
}
::-webkit-input-placeholder {
  font-style: italic;
  color: #349ce0;
}
:-moz-placeholder {
  font-style: italic;
  color: #349ce0;
}
::-moz-placeholder {
  font-style: italic;
  color: #349ce0;
}
:-ms-input-placeholder {
  font-style: italic;
  color: #349ce0;
}
.script-hidden {
  display: none;
}
blockquote {
  padding: 20px 0;
  margin: 16px 40px;
  font-size: 16px;
  font-style: italic;
}
.desktopView {
  display: none;
}
.homeSpecific {
  display: none;
}
/* 480 PX ============================================================================= */
@media only screen and (min-width: 480px) {
}
/* 800 PX ============================================================================= */
@media only screen and (min-width: 768px) {
  blockquote {
    padding: 36px;
  }
  section.dual .sectionSegment {
    width: 45%;
  }
}
/* 900 PX ============================================================================= */
@media only screen and (min-width: 900px) {
  #container,
  footer.AT_Home {
    width: 100%;
  }
  .mobileView {
    display: none;
  }
  .desktopView {
    display: block;
  }
}
/* 1200 PX ============================================================================= */
@media only screen and (min-width: 1200px) {
  #container,
  footer.AT_Home {
    width: 1200px;
  }
}
/*overrite placeholder styles on real time board*/
#stopInput::-webkit-input-placeholder {
  color: #969ea0 !important;
}
#stopInput::-moz-placeholder {
  color: #969ea0 !important;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
#stopInput::-ms-input-placeholder {
  color: #969ea0 !important;
}
