@font-face { font-family: 'OpenSansRegular'; src: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/fonts/opensans.eot?#iefix&v=1.1.2") format('embedded-opentype'), url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/fonts/opensans.woff?v=1.1.2") format('woff'), url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/fonts/opensans.ttf?v=1.1.2") format('truetype'), url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/fonts/opensans.svg#opensans?v=1.1.2") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansSemibold'; src: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/fonts/opensanssemibold.eot?#iefix&v=1.1.2") format('embedded-opentype'), url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/fonts/opensanssemibold.woff?v=1.1.2") format('woff'), url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/fonts/opensanssemibold.ttf?v=1.1.2") format('truetype'), url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/fonts/opensanssemibold.svg#opensanssemibold?v=1.1.2") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansBold'; src: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/fonts/opensansbold.eot?#iefix&v=1.1.2") format('embedded-opentype'), url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/fonts/opensansbold.woff?v=1.1.2") format('woff'), url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/fonts/opensansbold.ttf?v=1.1.2") format('truetype'), url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/fonts/opensansbold.svg#opensansbold?v=1.1.2") 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, thead td { 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: underline; } .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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/adobe_pdf_icon.png?v=1.1.2") 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; } ::placeholder { opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } ::-webkit-input-placeholder { opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } :-moz-placeholder { opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } :-ms-input-placeholder { opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } .listSeparators > li+li::before { content: ''; margin-right: 4px; border-right: 1px solid; } .singleSeparator::after { content: ''; margin: 0 2px 0 6px; border-right: 1px solid; } .color-text-default { color: #283d51 !important; } .skip_nav { display: block; position: absolute; left: -10000px; background-color: #fd0; color: #000; text-decoration: underline; height: 30px; line-height: 30px; text-align: center; } .skip_nav:focus { position: static; } 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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/logo-30.png?v=1.1.2") no-repeat transparent; } @media only screen and (min-width: 900px) { header { height: 60px; } header .title { height: 60px; background: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/logo-55.png?v=1.1.2") no-repeat transparent; } } footer { display: block; overflow: hidden; text-align: center; background-color: #17232f; color: #fff; } footer a { color: #019bff; } footer ul { list-style-type: none; margin: 0; padding: 0; } footer li { display: inline; } footer .footerContent { display: flex; flex-flow: row wrap; align-items: center; margin: 5px 0; } footer .footerContent .atLogo, footer .footerContent .nzgLogo { flex: 1 0 200px; margin: 5px auto; } footer .footerContent .links { flex: 1000 0 200px; } @media (max-width: 768px) { footer .footerContent .atLogo, footer .footerContent .nzgLogo, footer .footerContent .links { flex: 1 0 100%; } } footer .atLogo a { background: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/at-logo-temp-120.png?v=1.1.2") no-repeat 0 0 transparent; display: inline-block; width: 120px; height: 39px; } footer .nzgLogo a { background: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/nz-govt-logo.png?v=1.1.2") no-repeat 0 0 transparent; background-size: contain; display: inline-block; width: 160px; height: 19px; } footer .socialLinks { line-height: 25px; } footer .socialLinks a { color: #fff; } footer .socialLinks, footer .internalLinks { overflow: hidden; margin: 10px 0; /* inline-block causes issues on IE11 here (the inner flexbox won't flex) block is OK but causes the inner flexbox to always take the full width inline-flex is similar to inline-block here, but works properly on IE11 */ display: inline-flex; } footer .flexListWithSeparators { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; margin-left: -1px; } footer .flexListWithSeparators > li { flex-grow: 1; flex-basis: auto; border-left: 1px solid; margin: 2px 0; padding: 0 5px; } footer .networks { display: inline; } footer .networks a { display: inline-block; width: 25px; height: 25px; margin: 0; padding: 0; background-repeat: no-repeat; background-color: transparent; background-position: center center; vertical-align: middle; } footer .networks .fb { background-image: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/facebook-icon-24.png?v=1.1.2"); background-size: 17px 17px; } footer .networks .tw { background-image: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/twitter-icon-24.png?v=1.1.2"); background-size: 25px 25px; } footer .networks .yt { background-image: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/youtube-icon-24.png?v=1.1.2"); background-size: 23px 17px; } footer .networks .ig { background-image: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/instagram-icon-24.png?v=1.1.2"); background-size: 18px 18px; } footer .networks .li { background-image: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/linkedin-icon-24.png?v=1.1.2"); background-size: 18px 18px; } @media only screen and (min-width: 900px) { 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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/small/camera.png?v=1.1.2") 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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/small/button-directions.png?v=1.1.2"); 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.white { background-color: #fff; border: 2px solid #399cdb; color: #2c384c; } #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; } .at-btn--flat { display: block; background-color: transparent; color: #2d7caf; font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif; } .at-btn--flat:hover { text-decoration: underline; } .at-btn--flat .chevron { float: right; } .at-btn--flat.top-border { border-top: 1px solid #d0d3d7; } .at-btn--flat.focus-visible:focus { outline: 0; -webkit-box-shadow: 0 0 0 3px #9c6fe8; -moz-box-shadow: 0 0 0 3px #9c6fe8; -o-box-shadow: 0 0 0 3px #9c6fe8; -ms-box-shadow: 0 0 0 3px #9c6fe8; box-shadow: 0 0 0 3px #9c6fe8; } .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 { margin: 6px 0 3px; background-repeat: no-repeat; } #top_nav ul li a .linkTitle { display: block; } #top_nav ul .navIcon { width: 20px; height: 19px; display: inline-block; background-image: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/at-icons-color-full-400.png?v=1.1.2"); 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: 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: underline; } #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; } #AT_Feedback .contour .umbraco-forms-field .selectbox .display { width: 246px; } #AT_Feedback .contour .umbraco-forms-field .selectbox .items { width: 200px; } #AT_Feedback .contour .umbraco-forms-field.travelhour label, #AT_Feedback .contour .umbraco-forms-field.traveltimeminutejp label { visibility: hidden; } #AT_Feedback .contour .umbraco-forms-field.timeoftravel, #AT_Feedback .contour .umbraco-forms-field.travelhour, #AT_Feedback .contour .umbraco-forms-field.traveltimehourjp, #AT_Feedback .contour .umbraco-forms-field.traveltimeminutejp { width: 142px; } #AT_Feedback .contour .umbraco-forms-field.timeoftravel .selectbox .display, #AT_Feedback .contour .umbraco-forms-field.travelhour .selectbox .display, #AT_Feedback .contour .umbraco-forms-field.traveltimehourjp .selectbox .display, #AT_Feedback .contour .umbraco-forms-field.traveltimeminutejp .selectbox .display { width: 90px; } #AT_Feedback .contour .umbraco-forms-field.timeoftravel .selectbox .items, #AT_Feedback .contour .umbraco-forms-field.travelhour .selectbox .items, #AT_Feedback .contour .umbraco-forms-field.traveltimehourjp .selectbox .items, #AT_Feedback .contour .umbraco-forms-field.traveltimeminutejp .selectbox .items { width: 66px; } #AT_Feedback .contour .umbraco-forms-field.choosetheoptionthatbestsuitsyourrequest, #AT_Feedback .contour .umbraco-forms-field.yourfeedbackrelatesto { width: 100%; display: block; } #AT_Feedback .contour .umbraco-forms-field.hopcardnumber, #AT_Feedback .contour .umbraco-forms-field.hopcardnumberfield2, #AT_Feedback .contour .umbraco-forms-field.hopcardnumberfield3, #AT_Feedback .contour .umbraco-forms-field.hopcardnumberfield4, #AT_Feedback .contour .umbraco-forms-field.hopcardnumberfield5 { width: 80px; } #AT_Feedback .contour .umbraco-forms-field.hopcardnumber label, #AT_Feedback .contour .umbraco-forms-field.hopcardnumberfield2 label, #AT_Feedback .contour .umbraco-forms-field.hopcardnumberfield3 label, #AT_Feedback .contour .umbraco-forms-field.hopcardnumberfield4 label, #AT_Feedback .contour .umbraco-forms-field.hopcardnumberfield5 label { visibility: hidden; height: 48px; overflow: hidden; } #AT_Feedback .contour .umbraco-forms-field.hopcardnumber .selectbox .display, #AT_Feedback .contour .umbraco-forms-field.hopcardnumberfield2 .selectbox .display, #AT_Feedback .contour .umbraco-forms-field.hopcardnumberfield3 .selectbox .display, #AT_Feedback .contour .umbraco-forms-field.hopcardnumberfield4 .selectbox .display, #AT_Feedback .contour .umbraco-forms-field.hopcardnumberfield5 .selectbox .display { width: 90px; } #AT_Feedback .contour .umbraco-forms-field.hopcardnumber .selectbox .items, #AT_Feedback .contour .umbraco-forms-field.hopcardnumberfield2 .selectbox .items, #AT_Feedback .contour .umbraco-forms-field.hopcardnumberfield3 .selectbox .items, #AT_Feedback .contour .umbraco-forms-field.hopcardnumberfield4 .selectbox .items, #AT_Feedback .contour .umbraco-forms-field.hopcardnumberfield5 .selectbox .items { width: 66px; } #AT_Feedback .contour .umbraco-forms-field.hopcardnumber label { visibility: visible; } #AT_Standard_Content .contour .umbraco-forms-field .selectbox .display { min-width: 246px; } .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 .umbraco-forms-field.hasDatepicker div.ui-datepicker { display: none !important; } .contour .umbraco-forms-field.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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/temp/icon.remove.png?v=1.1.2") no-repeat; } .contour .contourNavigation .add { font-size: 12px; padding-left: 30px; background: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/temp/icon.plus.more.png?v=1.1.2") no-repeat; } .contour .umbraco-forms-field { margin-bottom: 20px; margin-right: 10px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: 100%; } .contour .umbraco-forms-field.textarea { display: block; } .contour .umbraco-forms-field.longanswer { display: block; } .contour .umbraco-forms-field textarea { height: 100px; display: block; /* for IE*/ } .contour .umbraco-forms-field textarea label { width: 100%; } .contour .umbraco-forms-field .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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/small/icons_prev_next.png?v=1.1.2") 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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/small/icons_prev_next.png?v=1.1.2") 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 .umbraco-forms-field.textarea { width: 620px; } .contour .umbraco-forms-field.longanswer { width: 620px; } .contour .umbraco-forms-field.fileupload { width: 620px; display: inline-block; } .contour .umbraco-forms-field.title { width: 620px; } .contour .umbraco-forms-field { width: 620px; } .contour .umbraco-forms-field input[type="password"], .contour .umbraco-forms-field input[type="file"], .contour .umbraco-forms-field input[type="text"] { width: 90%; } .contour .umbraco-forms-field.haveyoucontactedaucklandtransportaboutthisbefore { display: block; width: 90%; } .contour .umbraco-forms-field .textarea { width: 620px; } .contour .umbraco-forms-field .longanswer { width: 620px; } .contour .checkbox { width: 100%; } } #AT_Home #annoucement_summary .icon { position: absolute; left: -3px; top: 4px; width: 30px; height: 30px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; background-image: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/at-icons-color-full-700.png?v=1.1.2"); background-position: -480px -95px; } .all_services_link { padding-bottom: 40px; } .all_services_link span { background: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/small/icon.arrow-right.png?v=1.1.2") center no-repeat; width: 10px; height: 9px; display: inline-block; } #annoucement_summary { margin-left: 0; } #annoucement_summary ul { list-style: none outside none; margin: 0; padding: 0; } #annoucement_summary ul li { line-height: 16px; position: relative; width: 100%; margin-bottom: 5px 0; } #annoucement_summary ul li:last-child { border: none; } #annoucement_summary ul li a { display: block; } #annoucement_summary em { font-size: 14px; font-style: normal; font-weight: bold; } #annoucement_summary p { font-size: 14px; margin: 5px 0; } #annoucement_summary .Medium_priority .icon, #annoucement_summary .Low_priority .icon { background-image: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/at-icons-color-full-700.png?v=1.1.2"); background-position: -450px -1111px; } #annoucement_summary .Project .icon { background-image: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/at-icons-color-full-700.png?v=1.1.2"); background-position: -225px -97px; } #annoucement_summary .News .icon, #annoucement_summary .Campaign .icon { background-image: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/at-icons-color-full-700.png?v=1.1.2"); background-position: -450px -100px; } #annoucement_summary .Service_announcement .icon, #annoucement_summary .Disruption .icon { background-image: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/at-icons-color-full-700.png?v=1.1.2"); background-position: -480px -95px; } #annoucement_summary .Alert_priority { border: none; background: transparent; } #annoucement_summary .Alert_priority .icon { background: transparent; position: absolute; left: -28px; top: 2px; width: 24px; height: 24px; display: inline-block; zoom: 1; vertical-align: top; background: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/exclamation-circle-magenta.png?v=1.1.2") !important; } #annoucement_summary .title { font-size: 14px; line-height: 18px; font-family: OpenSansBold, Arial, Helvetica, sans-serif; margin: 0 0 10px 0 !important; } #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; } } .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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/temp/arrows.png?v=1.1.2") 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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/temp/arrows.png?v=1.1.2") 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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/temp/arrows.png?v=1.1.2") 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.input-validation-error { background: #17232f !important; } .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; } .sb2.selectbox.input-validation-error { border: 0 !important; } #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 .ChildItemNoImage { width: 100%; } #AT_Main .ChildSummary div.noImage { background: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/logo-150.png?v=1.1.2") 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: 900px) { #AT_Main .ChildSummary .ChildItem { margin-right: 10px; } } .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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/small/icon.menu.selected-10.png?v=1.1.2") 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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/small/icons_prev_next-10.png?v=1.1.2") no-repeat left center transparent; } .main_nav .linkSecondary .icon-next-arrow { display: inline-block; width: 10px; height: 17px; background: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/small/icons_prev_next-10.png?v=1.1.2") no-repeat right center transparent; } .main_nav .linkSecondary:hover .icon-prev-arrow { background: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/small/icon.menu.selected-10.png?v=1.1.2") no-repeat left center transparent; } .main_nav .linkSecondary:hover .icon-next-arrow { background: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/small/icon.menu.selected-10.png?v=1.1.2") 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; /* the standard, for FF 51+, Chrome 57+ etc */ /* old Webkits and Edge */ /* Firefox 4 to 50 included */ /* IE */ } .main_nav .research form input[type="text"]:focus { background: #fff; } .main_nav .research form input[type="text"]::placeholder { font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif; color: #466a8f; } .main_nav .research form input[type="text"]::-webkit-input-placeholder { font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif; color: #466a8f; } .main_nav .research form input[type="text"]:-moz-placeholder { font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif; color: #466a8f; } .main_nav .research form input[type="text"]:-ms-input-placeholder { font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif; color: #466a8f; } @media (max-width: 899px) { .main_nav .research form input[type="text"]:not(:focus)::placeholder { color: #d2d8dc; } .main_nav .research form input[type="text"]:not(:focus)::-webkit-input-placeholder { color: #d2d8dc; } .main_nav .research form input[type="text"]:not(:focus):-moz-placeholder { color: #d2d8dc; } .main_nav .research form input[type="text"]:not(:focus):-ms-input-placeholder { color: #d2d8dc; } } .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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/at-icons-color-full-600.png?v=1.1.2"); background-position: -463px -23px; background-color: transparent !important; border: none; } .main_nav .research form input[type="submit"]:hover, .main_nav .research form input[type="submit"]:focus { background-image: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/at-icons-color-full-600.png?v=1.1.2"); background-position: -463px -132px; } @media (max-width: 899px) { .main_nav .research form input:not(:focus) ~ input[type="submit"] { background-image: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/at-icons-color-full-600.png?v=1.1.2"); background-position: -463px -160px; } .main_nav .research form input:not(:focus) ~ input[type="submit"]:hover, .main_nav .research form input:not(:focus) ~ input[type="submit"]:focus { background-image: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/at-icons-color-full-600.png?v=1.1.2"); background-position: -463px -132px; } } .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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/small/icon.mobile.menu.png?v=1.1.2") no-repeat 0px 0px; } .my_at_menu .menuLink:hover .icon-menu { background: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/small/icon.mobile.menu.png?v=1.1.2") 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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/at-icons-color-full-600.png?v=1.1.2"); background-position: -439px -114px; } .my_at_menu .userLink .icon-card:hover { background-image: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/at-icons-color-full-600.png?v=1.1.2"); 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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/at-icons-color-full-450.png?v=1.1.2"); background-position: -185px -83px; } .my_at_menu .userLink:hover .icon-card { background-image: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/at-icons-color-full-600.png?v=1.1.2"); background-position: -439px -141px; } .my_at_menu .userLink:hover .icon-user { background-image: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/at-icons-color-full-450.png?v=1.1.2"); 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 .navRow .padding { padding: 13px 0 10px 13px; } .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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/small/icon.mobile.menu.png?v=1.1.2") 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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/small/icon.mobile.menu.png?v=1.1.2") 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; } .page-myat.showIfLoggedIn, .page-myat.showIfLoggedIn a { display: block; } .show-on-myat { display: none; } .page-myat .show-on-myat { display: block; } } @media only screen and (min-width: 900px) { .noSideNav #main_nav { height: auto; display: none; } .hidden-on-desktop-links { display: none !important; } .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: underline; overflow: hidden; } #main_nav .parentPageLink a > .arrowPrev { display: inline-block; width: 15px; height: 17px; background: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/temp/icon.menu.back.png?v=1.1.2") 0 center no-repeat; } #main_nav .parentPageLink a .text { float: right; padding-left: 25px; padding-right: 0px; } #main_nav .arrowNext { display: none; background: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/small/icon.menu.selected-10.png?v=1.1.2") 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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/small/close-overlay.png?v=1.1.2") 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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/find-my-stop.png?v=1.1.2") 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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/small/close-overlay.png?v=1.1.2") 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 { border-bottom: 1px solid #d2d8dc; padding-bottom: 50px; /* Radio and checkbox styles */ /* Hide defult radio and checkbox element on supported browsers */ /* Relatively position labels + make room for custom elements */ /* Custom checkbox and radio elements */ /* Checkbox and radio box */ /* Radio dot */ /* Checkbox tick */ /* Focus states */ } #AT_Main .hopRegistration .field { margin-top: 20px; width: 95%; } #AT_Main .hopRegistration input[type="submit"] { padding: 8px 27px 10px; } #AT_Main .hopRegistration input[type="submit"]:disabled { background: #7a7a7a !important; cursor: not-allowed !important; } #AT_Main .hopRegistration input[type="checkbox"] { zoom: 1.6; margin-top: 0; } #AT_Main .hopRegistration .radio, #AT_Main .hopRegistration .checkbox { position: relative; } #AT_Main .hopRegistration .radio:not(:last-child), #AT_Main .hopRegistration .checkbox:not(:last-child) { margin-bottom: 10px; } #AT_Main .hopRegistration .radio input, #AT_Main .hopRegistration .checkbox input { position: absolute; -webkit-appearance: none; -moz-appearance: none; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); left: 0; top: 0; margin: 0 3px 0 5px; padding: 0; height: 20px; width: 20px; } #AT_Main .hopRegistration .radio label, #AT_Main .hopRegistration .checkbox label { position: relative; min-height: 20px; left: 0; padding-left: 33px; cursor: pointer; font-family: 'OpenSansBold', sans-serif; display: inline-block; vertical-align: top; } #AT_Main .hopRegistration .checkbox .extra { font-family: 'OpenSansBold', sans-serif; min-height: 20px; display: inline-block; vertical-align: top; } #AT_Main .hopRegistration .radio label::before, #AT_Main .hopRegistration .radio label::after, #AT_Main .hopRegistration .checkbox label::before, #AT_Main .hopRegistration .checkbox label::after { content: ''; position: absolute; top: 0; } #AT_Main .hopRegistration .radio label::before, #AT_Main .hopRegistration .checkbox label::before { left: 5px; width: 18px; height: 18px; display: block; border: 1px solid #d2d8dc; background: #f2f2f2; } #AT_Main .hopRegistration .radio label::before { -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } #AT_Main .hopRegistration .checkbox label::before { -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } #AT_Main .hopRegistration .radio label::after { display: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background: #007bcc; top: 5px; left: 10px; width: 10px; height: 10px; } #AT_Main .hopRegistration .checkbox label::after { display: none; content: '\2713'; color: #007bcc; left: 5px; font-weight: bold; height: 20px; width: 20px; line-height: 20px; font-size: 16px; text-align: center; } #AT_Main .hopRegistration .radio input:checked + label::after, #AT_Main .hopRegistration .checkbox input:checked + label::after, #AT_Main .hopRegistration .checkbox input:checked + input + label::after { display: block; } #AT_Main .hopRegistration .radio input:checked + label::before, #AT_Main .hopRegistration .checkbox input:checked + label::before, #AT_Main .hopRegistration .checkbox input:checked + input + label::before { border-color: #007bcc; } #AT_Main .hopRegistration .radio input:focus + label::before, #AT_Main .hopRegistration .radio.is-focused label::before, #AT_Main .hopRegistration .checkbox input:focus + label::before, #AT_Main .hopRegistration .checkbox input:focus + input + label::before, #AT_Main .hopRegistration .checkbox.is-focused label::before { outline: none; -webkit-box-shadow: 0 0 0 2pt #fd0; -moz-box-shadow: 0 0 0 2pt #fd0; -o-box-shadow: 0 0 0 2pt #fd0; -ms-box-shadow: 0 0 0 2pt #fd0; box-shadow: 0 0 0 2pt #fd0; } #AT_Main .hopRegistration .radio input:focus, #AT_Main .hopRegistration .radio.is-focused input, #AT_Main .hopRegistration .checkbox input:focus, #AT_Main .hopRegistration .checkbox.is-focused input { outline: none; } #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 .save_cancel { display: inline-block; *display: inline; zoom: 1; vertical-align: top; height: 51px; } #AT_Main .hopRegistration .save_cancel input[type="submit"] { padding: 8px 25px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; } #AT_Main .hopRegistration .save_cancel input[type="submit"]:first { min-width: 160px; } #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: underline; } #AT_Main .hopRegistration .acceptField label { display: inline; } #AT_Main .hopRegistration .personal_info .field div.sb2.selectbox { width: 100% !important; } #AT_Main .hopRegistration .personal_info .field div.sb2.selectbox .display { width: 85%; padding-right: 5px; } #AT_Main .hopRegistration #hop_concessions .personal_info .field div.sb2.selectbox .display { width: 90%; } #AT_Main .hopRegistration #hop_concessions .cardFileAttachment { margin-top: 20px; } #AT_Main .hopRegistration .error-border { border-color: #f00; } @media only screen and (min-width: 768px) { #AT_Main .hopRegistration .personal_info { width: 100%; } #AT_Main .hopRegistration .personal_info .field { width: 500px; } #AT_Main .hopRegistration .personal_info .field input[type="text"], #AT_Main .hopRegistration .personal_info .field div.sb2.selectbox .display { width: 85%; margin-right: 4%; display: block; } #AT_Main .hopRegistration .personal_info .field div.sb2.selectbox .display { padding-right: 10px; } #AT_Main .hopRegistration .personal_info div.acceptField, #AT_Main .hopRegistration .personal_info div.acceptfieldGroup { width: auto; margin: 20px 0 10px 0; } #AT_Main .hopRegistration #hop_concessions .personal_info .field div.sb2.selectbox .display { width: 90%; } .registerOtherHopCards { position: absolute !important; left: 460px; } } @media only screen and (min-width: 1200px) { #AT_Main .hopRegistration .personal_info { width: 100%; } #AT_Main .hopRegistration .personal_info .field { width: 500px; } } #AT_Main .hopRegistration .birthDate input, #AT_Main .hopRegistration .selectbox .display { color: #283d51; font-family: OpenSansRegular; font-size: 16px; min-width: 236px; padding-left: 10px; text-align: left; } #AT_Main .hopRegistration .selectbox .display .arrow_btn { background-image: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/blue_up_down.png?v=1.1.2"); background-size: 22px; height: 16px; background-position: 0 2px; padding-right: 8px; position: absolute; top: 6px; } #AT_Main .hopRegistration .selectbox.disabled .display .arrow_btn { background-image: url("/media/1974118/down-chevron-dark-grey.svg "); } #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 .hopEnterAddressLink { display: inline-block; } #AT_Main .hopRegistration .verifyEligibility { display: none; margin-top: 32px; } #AT_Main .hopRegistration div.hopConcession { display: none; margin-bottom: 32px; width: 100%; } #AT_Main .hopRegistration div.hopConcession h2.sc-title { font-size: 26px; margin: 32px 0 0; line-height: 35px; } #AT_Main .hopRegistration div.hopConcession h2.sc-title-margin { margin: 32px 0 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.atGoldHopSuperGoldConcessionList { width: 100%; } #AT_Main .hopRegistration div.hopConcession .registerOtherHopCards { padding-top: 30px; width: auto; } #AT_Main .hopRegistration div.hopConcession .hopConcessionTitle { line-height: 0; margin-bottom: 6px; padding-left: 0; } #AT_Main .hopRegistration div.hopConcession .concessionCardId label { display: none; } #AT_Main .hopRegistration div.hopConcession .tertiaryConcessionsExtra { display: none; margin-top: 32px; } #AT_Main .hopRegistration div.hopConcession .tertiaryList { display: none; } #AT_Main .hopRegistration div.hopConcession .registerHopCards { margin-top: 42px; } #AT_Main .hopRegistration div.hopConcession .at_blue_hop_card_image { background: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/small/card-detail.png?v=1.1.2"); background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; display: inline-block; *display: inline; zoom: 1; vertical-align: top; height: 30px; margin-left: 40px; margin-top: 5px; position: relative; width: 50px; } #AT_Main .hopRegistration div.hopConcession .at_gold_hop_card_image { background: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/small/gold-card-detail.png?v=1.1.2"); background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; display: inline-block; *display: inline; zoom: 1; vertical-align: top; height: 30px; margin-left: 40px; margin-top: 5px; position: relative; width: 50px; } #AT_Main .hopRegistration div.hopConcession .super_gold_card_image { background: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/concession/supergold_card.jpg?v=1.1.2"); background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; height: 130px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin-top: 5px; position: relative; width: 200px; } #AT_Main .hopRegistration div.hopConcession .senior_citizen_card_image { background: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/concession/at_senior_citizen_id_card.png?v=1.1.2"); background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; display: inline-block; *display: inline; zoom: 1; vertical-align: top; height: 120px; margin-top: 5px; position: relative; width: 200px; } #AT_Main .hopRegistration div.hopConcession .superGoldTypeSelection { margin-top: 20px; width: 100%; } #AT_Main .hopRegistration div.hopConcession .superGoldSummary { margin-top: 25px; margin-bottom: 12px; width: 100%; } #AT_Main .hopRegistration div.hopConcession .superGoldSummary hr { margin-bottom: 32px; } #AT_Main .hopRegistration div.hopConcession .superGoldSummary label { font-family: OpenSansRegular; } #AT_Main .hopRegistration div.hopConcession .concessionContainer { display: flex; } #AT_Main .hopRegistration div.hopConcession .cardFileAttachment { position: relative; } #AT_Main .hopRegistration div.hopConcession .cardFileAttachment #cardFile { height: 28px; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); padding: 5px; position: absolute; top: 23px; width: 100%; z-index: 10; } #AT_Main .hopRegistration div.hopConcession .cardFileAttachmentFake { background-color: #fff; border: 1px solid #737a88; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; color: #5b6474; font-size: 14px; height: 28px; line-height: 28px; max-width: 500px; padding: 5px; } #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 div.hopConcession .hopRelatedTo { display: none; } #AT_Main .hopRegistration #hop_concessions .personal_info .field div.sb2.selectbox .display.concessionListDropDownV2 { border: 1px solid #737a88; } #AT_Main .hopRegistration div#hop_concessions .all_concessions { border-bottom: 1px solid #d2d8dc; } #AT_Main .hopRegistration div#hop_concessions .all_concessions .field { width: 500px; } #AT_Main .hopRegistration div#hop_concessions .all_concessions .field div.sb2.selectbox .display { width: 85%; } #AT_Main .hopRegistration div#hop_concessions .all_concessions input[type="text"] { border: 1px solid #c5c9cd; width: 85%; } #AT_Main .hopRegistration div#hop_concessions { border-top: 1px solid #d2d8dc; } #AT_Main .hopRegistration div#hop_concessions input { border: 1px solid #737a88; color: #2c384c; } #AT_Main .hopRegistration div#hop_concessions .input-validation-error { border: 1px #ee2e27 solid !important; color: #2c384c !important; } #AT_Main .hopRegistration div#hop_concessions .input-validation-error::placeholder { color: #5b6474; } #AT_Main .hopRegistration div#hop_concessions .input-validation-error:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #5b6474; } #AT_Main .hopRegistration div#hop_concessions .input-validation-error::-ms-input-placeholder { /* Microsoft Edge */ color: #5b6474; } #AT_Main .hopRegistration div#hop_concessions .personal_info { padding-top: 50px; } #AT_Main .hopRegistration div#hop_concessions .personal_info .field div.sb2.selectbox .display.concessionListDropDownV2 { width: 100%; } #AT_Main .hopRegistration div#hop_concessions .personal_info .expiry_date { display: inline-block; width: 210px; margin-right: 25px; } #AT_Main .hopRegistration div#hop_concessions .personal_info.personal_info_v2 { padding-top: 0; } #AT_Main .hopRegistration div#hop_concessions .required { display: none; } #AT_Main .hopRegistration div#hop_concessions span.required { display: inline; } #AT_Main .hopRegistration div#hop_concessions .underlined { text-decoration: underline; } #AT_Main .hopRegistration div#hop_concessions small { font-size: 13px; } #AT_Main .hopRegistration div#hop_concessions p { font-size: 16px; } #AT_Main .hopRegistration div#hop_concessions a:not(.button) { color: #0073cc; text-decoration: underline; vertical-align: top; } #AT_Main .hopRegistration div#hop_concessions a:hover:not(.button) { color: #2c384c; } #AT_Main .hopRegistration div#hop_concessions a:focus { outline: solid #9c6fe8 1px; outline-offset: 4px; } #AT_Main .hopRegistration div#hop_concessions li { font-size: 14px; } #AT_Main .hopRegistration div#hop_concessions .selectbox.open .display .arrow_btn { background-position: 0 -22px; } #AT_Main .hopRegistration div#hop_concessions .contactCity { display: block; } #AT_Main .hopRegistration div#hop_concessions .cancel { text-decoration: underline; } #AT_Main .hopRegistration div#hop_concessions .registerOtherHopCards { margin-top: -42px !important; padding-top: 0 !important; position: relative; } #AT_Main .hopRegistration div#hop_concessions .concessions_form_v2 .atHopCards { display: none; } #AT_Main .hopRegistration div#hop_concessions .concessions_form_v2 .hopCards { margin-bottom: 10px; } #AT_Main .hopRegistration div#hop_concessions .concessions_form_v2 .hopCards .registerCardLink { margin-top: 12px; } #AT_Main .hopRegistration div#hop_concessions .concessions_form_v2 .secondary_portal { border-bottom: #d0d3d7 1px solid; padding-bottom: 20px; } #AT_Main .hopRegistration div#hop_concessions .concessions_form_v2 .secondary_portal .or_separator { display: flex; margin: 25px 0; } #AT_Main .hopRegistration div#hop_concessions .concessions_form_v2 .secondary_portal .or_separator hr, #AT_Main .hopRegistration div#hop_concessions .concessions_form_v2 .secondary_portal .or_separator h2 { display: inline-block; text-align: center; vertical-align: middle; } #AT_Main .hopRegistration div#hop_concessions .concessions_form_v2 .secondary_portal .or_separator h3 { align-self: center; flex-grow: 1; margin: 0; } #AT_Main .hopRegistration div#hop_concessions .concessions_form_v2 .secondary_portal .or_separator hr { align-self: center; flex-grow: 2; width: 45%; } #AT_Main .hopRegistration div#hop_concessions .concessions_form_v2 .secondary_portal .or_separator hr:first-child { margin-right: 2%; } #AT_Main .hopRegistration div#hop_concessions .concessions_form_v2 .secondary_portal .or_separator hr:last-child { margin-left: 2%; } #AT_Main .hopRegistration div#hop_concessions .concessions_form_v2 .university-portal { border-bottom: #d0d3d7 1px solid; padding-bottom: 20px; } #AT_Main .hopRegistration div#hop_concessions #card_holder_data { display: none; margin-top: 35px; } #AT_Main .hopRegistration div#hop_concessions #card_holder_data tr { border-top: #d0d3d7 solid 1px; height: 50px; } #AT_Main .hopRegistration div#hop_concessions #card_holder_data table tbody tr td, #AT_Main .hopRegistration div#hop_concessions #card_holder_data table tbody tr:first-child td { background-color: #fff; color: #2c384c; text-transform: none; word-wrap: anywhere; } #AT_Main .hopRegistration div#hop_concessions #card_holder_data td { color: #2c384c; font-size: 16px; } #AT_Main .hopRegistration div#hop_concessions #card_holder_data table tbody tr td.holder_property { font-family: OpenSansBold; padding-left: 0; } #AT_Main .hopRegistration div#hop_concessions #card_holder_data .change-contact-details { margin-top: 12px; } #AT_Main .hopRegistration div#hop_concessions #card_holder_data .concession-warning-message { margin-top: 12px; display: inline-block; } #AT_Main .hopRegistration div#hop_concessions .student_consent .radio { display: inline-block; margin-right: 30px; vertical-align: top; } #AT_Main .hopRegistration div#hop_concessions .student_id_consent { display: none; position: relative; } #AT_Main .hopRegistration div#hop_concessions .student_id_consent label.tertiary { width: auto; } #AT_Main .hopRegistration div#hop_concessions .student_id_consent .icon_info { background: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/icon-tooltip.png") no-repeat transparent; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; cursor: pointer; display: inline-block; height: 16px; left: 5px; position: relative; top: 2px; width: 16px; } #AT_Main .hopRegistration div#hop_concessions .student_id_consent .tooltip { background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; bottom: 90px; -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2); -o-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2); -ms-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2); box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none; max-width: 360px; padding: 20px; position: absolute; z-index: 90; } #AT_Main .hopRegistration div#hop_concessions .student_id_consent .tooltip .tooltip_help_container { width: 100%; } #AT_Main .hopRegistration div#hop_concessions .student_id_consent .tooltip .tooltip_help_pointer { bottom: -9px; left: calc((340px - 20px) / 2); position: absolute; transform: rotate(180deg); z-index: 100; } #AT_Main .hopRegistration div#hop_concessions .student_id_consent .tooltip ul.nsn-steps { counter-reset: li; padding: 0; } #AT_Main .hopRegistration div#hop_concessions .student_id_consent .tooltip ul.nsn-steps li { margin-left: 15px; } #AT_Main .hopRegistration div#hop_concessions .student_id_consent .tooltip ul.nsn-steps li > p { display: inline-block; margin: 0 0 0 10px; vertical-align: top; width: 90%; } #AT_Main .hopRegistration div#hop_concessions .student_id_consent .tooltip p { font-size: 14px; } #AT_Main .hopRegistration div#hop_concessions .student_id_consent .tooltip_fixed_position { width: 90% !important; left: calc((100% - 90%) / 2) !important; } #AT_Main .hopRegistration div#hop_concessions .student_id_consent .nsn_input { width: 290px; } #AT_Main .hopRegistration div#hop_concessions .student_dont_consent { display: none; } #AT_Main .hopRegistration div#hop_concessions .mid_size_input { width: 300px; } #AT_Main .hopRegistration div#hop_concessions #cardFile { max-width: 500px; } #AT_Main .hopRegistration div#hop_concessions .postal_code, #AT_Main .hopRegistration div#hop_concessions .expiry { width: 260px; } #AT_Main .hopRegistration div#hop_concessions .mid_size_input, #AT_Main .hopRegistration div#hop_concessions .expiry, #AT_Main .hopRegistration div#hop_concessions .postal_code { display: inline-block; margin-right: 17px; position: relative; vertical-align: top; } #AT_Main .hopRegistration div#hop_concessions .student_id_consent, #AT_Main .hopRegistration div#hop_concessions .student_dont_consent { margin-left: 35px; } #AT_Main .hopRegistration div#hop_concessions .student_id_consent .short_input, #AT_Main .hopRegistration div#hop_concessions .student_dont_consent .short_input { width: 200px; } #AT_Main .hopRegistration div#hop_concessions .non-student-concessions { display: none; } #AT_Main .hopRegistration div#hop_concessions ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #283d51; font-family: OpenSansRegular; font-size: 16px; text-align: left; font-style: normal; } #AT_Main .hopRegistration div#hop_concessions ::-moz-placeholder { /* Firefox 19+ */ color: #283d51; font-family: OpenSansRegular; font-size: 16px; text-align: left; font-style: normal; } #AT_Main .hopRegistration div#hop_concessions :-ms-input-placeholder { /* IE 10+ */ color: #283d51; font-family: OpenSansRegular; font-size: 16px; text-align: left; font-style: normal; } #AT_Main .hopRegistration div#hop_concessions .info-box { margin-bottom: 10px; } #AT_Main .hopRegistration div#hop_concessions .info-box p { font-size: 14px; } #AT_Main .hopRegistration div#hop_concessions .info-box .callout.infoicon { background: #d7ebf8 !important; border: 1px solid #399cdb; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; padding: 0 20px 0 40px; position: relative; } #AT_Main .hopRegistration div#hop_concessions .info-box .callout.infoicon span.callout-icon { background-size: 22px 22px; background-repeat: no-repeat; background-position: center; background-image: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/icon-tooltip@2x.png"); display: block; height: 22px; left: 10px; position: absolute; top: 0.9rem; width: 22px; } #AT_Main .hopRegistration div#hop_concessions .consentCheckbox { margin-left: 0; margin-right: 0; zoom: 1.9 !important; } #AT_Main .hopRegistration div#hop_concessions .consentSection { margin-top: 25px; max-width: 780px; } #AT_Main .hopRegistration div#hop_concessions .ulMarginConsenInfoExchange { margin-left: 15px; } #AT_Main .hopRegistration div#hop_concessions .secondary_concession_step_list { padding: 0 20px 0 20px; } #AT_Main .hopRegistration div#hop_concessions .secondary_concession_step_list li { background-image: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/icon-check_1x.png"); background-position: left 4px; background-repeat: no-repeat; background-size: 16px 13px; font-size: 16px; list-style: none; padding-left: 30px; } #AT_Main .hopRegistration div#hop_concessions .eligibility_text { margin-bottom: 12px; padding-left: 35px; } #AT_Main .hopRegistration div#hop_concessions .hide_non_tertiary { display: inline-block; } #AT_Main .hopRegistration div#hop_concessions .usingAT { font-size: 16px; } #AT_Main .hopRegistration div#hop_concessions .other-tertiary { display: inline-block; } #AT_Main .hopRegistration div#hop_concessions .external_link { background-color: transparent; background-image: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/icon-external-link.png"); background-position: center right; background-repeat: no-repeat; background-size: 16px; display: inline-block; padding-right: 20px; } #AT_Main .hopRegistration div#hop_concessions .save_cancel { margin-top: 22px; } #AT_Main .hopRegistration div#hop_concessions .save_cancel input[type="submit"]:disabled { background: #b8bcc3 !important; color: #737a88; } #AT_Main .hopRegistration div#hop_concessions .save_cancel input[type="submit"] { border: none; color: #fff; padding: 8px 47px; } #AT_Main .hopRegistration div#hop_concessions .save_cancel input[type="submit"]:focus, #AT_Main .hopRegistration div#hop_concessions input[type="text"]:focus, #AT_Main .hopRegistration div#hop_concessions .checkbox input:focus + input + label::before { outline: solid #9c6fe8 1px; outline-offset: 4px; } #AT_Main .hopRegistration div#hop_concessions .checkbox input:focus + input + label::before { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } #AT_Main .hopRegistration div#hop_concessions .radio input:checked + label::before { border-color: #2c384c; } #AT_Main .hopRegistration div#hop_concessions .radio input:checked + label::after { background: #2c384c; } #AT_Main .hopRegistration div#hop_concessions .radio label { font-size: 16px; } #AT_Main .hopRegistration div#hop_concessions .radio label::before { left: 0; } #AT_Main .hopRegistration div#hop_concessions .radio label::after { left: 5px; } #AT_Main .hopRegistration div#hop_concessions .checkbox label, #AT_Main .hopRegistration div#hop_concessions .checkbox .extra { font-family: 'OpenSansRegular', Arial, sans-serif; } #AT_Main .hopRegistration div#hop_concessions .checkbox label::before { border-color: #737a88; left: 0; } #AT_Main .hopRegistration div#hop_concessions .checkbox label::after { content: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/icon-check_1x.png"); left: 0; } #AT_Main .hopRegistration div#hop_concessions .checkbox label::after input:checked + input + label::before { border-color: #2c384c; } #AT_Main .hopRegistration div#hop_concessions .senior_citizen_card_image { top: 20px; } #AT_Main .hopRegistration div#hop_concessions .redirectNotice { margin-top: 18px; font-size: 14px; } @media only screen and (max-width: 480px) { #AT_Main .hopRegistration div#hop_concessions { padding-left: 10px; padding-right: 10px; } #AT_Main .hopRegistration div#hop_concessions .student_id_consent .short_input, #AT_Main .hopRegistration div#hop_concessions .student_id_consent .nsn_input { max-width: unset; width: 95%; } #AT_Main .hopRegistration div#hop_concessions .personal_info .field div.sb2.selectbox .display.concessionListDropDownV2 { width: 95%; } #AT_Main .hopRegistration div#hop_concessions .field.fieldList { width: 95%; } #AT_Main .hopRegistration div#hop_concessions .field { width: 100%; } #AT_Main .hopRegistration div#hop_concessions .field input[type="text"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 40px; max-width: unset; width: 100%; } #AT_Main .hopRegistration div#hop_concessions table tbody tr td.holder_property { width: 35%; word-wrap: normal; } #AT_Main .hopRegistration div#hop_concessions .student_id_consent, #AT_Main .hopRegistration div#hop_concessions .student_dont_consent { margin-left: 0; } #AT_Main .hopRegistration div#hop_concessions .student_id_dont_consent .mid_size_input, #AT_Main .hopRegistration div#hop_concessions .student_id_dont_consent .expiry { margin-right: 0; width: 100%; } #AT_Main .hopRegistration div#hop_concessions .student_id_dont_consent .mid_size_input input[type="text"], #AT_Main .hopRegistration div#hop_concessions .student_id_dont_consent .expiry input[type="text"] { margin-right: 0; max-width: unset; width: 100%; } #AT_Main .hopRegistration div#hop_concessions .tooltip_help_pointer { position: fixed; } #AT_Main .hopRegistration div#hop_concessions .acceptField { margin-top: 32px; } #AT_Main .hopRegistration div#hop_concessions .senior_citizen_card_image { margin: 32px 0; } } @media only screen and (min-width: 768px) { #AT_Main .hopRegistration div#hop_concessions .tooltip { min-width: 340px; } } #AT_Main_body .error_messages { display: none; } #AT_Main_body #hop_concessions label { display: inline; } #AT_Main_body #hop_concessions div.form-error-summary { background: #fdeae9; border: 1px solid #ee2e27; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; color: #2c384c; display: block; margin-bottom: 1.428rem; max-width: 100%; padding: 1rem; } #AT_Main_body #hop_concessions div.form-error-summary h2 { background: url("/media/1976521/error-triangle.svg"); background-size: 20px 18px; background-repeat: no-repeat; background-position: 0 50%; color: #2c384c; font-size: 1rem !important; margin-top: 0.428rem !important; padding: 0 0 0 30px; width: auto !important; } #AT_Main_body #hop_concessions div.form-error-summary p { font-size: 14px; padding-left: 30px; } #AT_Main_body #hop_concessions div.form-error-summary ul { margin-left: 25px; padding: 0 0 0 20px; } #AT_Main_body #hop_concessions div.form-error-summary ul li { color: #2c384c; font-size: 1rem; margin-bottom: 0.714rem !important; } #AT_Main_body #hop_concessions div.form-error-summary ul li p { font-size: 14px; margin: 0 0 10px 0; padding-left: 0; } #AT_Main_body #hop_concessions .throttling_error_banner { display: none; } #AT_Main_body .student_id_consent .field-validation-error, #AT_Main_body .student_id_dont_consent .field-validation-error { background: url("/media/1976521/error-triangle.svg"); background-position: 0 0.3rem; background-repeat: no-repeat; background-size: 14px 12px; color: #d52923 !important; font-family: 'OpenSansRegular', Arial, sans-serif; font-size: 14px; height: auto; margin: 0.5rem 0; padding-left: 19px; } .concessionListDropDownV2.items { background: #fff; border: solid 1px darkGery; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 0 4px 0 rgba(0,0,0,0.2); -o-box-shadow: 0 0 4px 0 rgba(0,0,0,0.2); -ms-box-shadow: 0 0 4px 0 rgba(0,0,0,0.2); box-shadow: 0 0 4px 0 rgba(0,0,0,0.2); line-height: 40px; max-width: inherit !important; } .concessionListDropDownV2.items li.selected > .item, .concessionListDropDownV2.items li > .item { color: #152239; } .concessionListDropDownV2.disabled .concessionListDropDownV2.display { background: #e7e8eb; color: darkGery; } .concessionListDropDownV2.selectbox.items li.hover { background: #283d51; } .concessionListDropDownV2.selectbox.items li.hover > .item { color: #fff; } @media only screen and (max-width: 480px) { .concessionListDropDownV2.items li > .item .text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .extra { padding-left: 33px; } } #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: 768px) { #AT_Main .wcpRegistration .personalInfo { width: 100%; } #AT_Main .wcpRegistration .personalInfo >div.acceptField { width: auto; } #AT_Main .wcpRegistration .field { width: 300px; } } .accordion { background-color: #fff; border-bottom: solid #283d51 3px; padding: 0; } .accordionButton { width: 100%; text-align: left; padding: 5px 15px; color: #fff; cursor: pointer; margin: 0; border: none; background-color: #17232f; position: relative; } .accordionButton p { display: inline; } .accordionButton::after { content: ''; background-image: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/small/up.png?v=1.1.2"); transform: rotate(180deg); background-repeat: no-repeat; background-position: center; width: 15px; height: 11px; display: inline-block; } .accordionButton[aria-expanded="true"]::after { transform: none; } .accordionButton--right-chevron-icon::after, .accordionButton--right-chevron-icon[aria-expanded="true"]::after { transform: rotate(90deg); } .accordionButton--no-icon { cursor: default; } .accordionButton--no-icon::after { background-image: none; } .accordionContent { display: block; background-color: #fff; padding-left: 30px; } .accordionContent[aria-hidden="true"] { display: none; } .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; } @font-face { font-family: the-bot; src: url("https://portal.faqbot.nz/static/media/the-bot.c13583f0.eot"); src: url("https://portal.faqbot.nz/static/media/the-bot.c13583f0.eot#iefix") format("embedded-opentype"), url("https://portal.faqbot.nz/static/media/the-bot.a16e8009.woff") format("woff"), url("https://portal.faqbot.nz/static/media/the-bot.429b5c65.ttf") format("truetype"), url("https://portal.faqbot.nz/static/media/the-bot.636f65cf.svg#theta-bot") format("svg"); font-weight: 400; font-style: normal; } [data-icon]:before { content: attr(data-icon); } [class^="the-bot-"]:before, [class*=" the-bot-"]:before { font-family: "the-bot" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .the-bot-close:before { content: "a"; } .the-bot-user:before { content: "c"; } .the-bot-like:before { content: "d"; } .the-bot-dislike:before { content: "e"; } #chatBoxWrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body .wc-app, .wc-app button, .wc-app input, .wc-app textarea { font-family: "Segoe UI", sans-serif; font-size: 15px; } .wc-app button, .wc-app button button, .wc-app input button, .wc-app textarea button { background-color: #0063b1; border: 1px solid #ccc; -webkit-border-radius: 1px; -moz-border-radius: 1px; -o-border-radius: 1px; -ms-border-radius: 1px; border-radius: 1px; color: #fff; cursor: pointer; outline: none; -webkit-transition: color 0.2s ease 135ms linear; -moz-transition: color 0.2s ease 135ms linear; -o-transition: color 0.2s ease 135ms linear; -ms-transition: color 0.2s ease 135ms linear; transition: color 0.2s ease 135ms linear; } .wc-app h1, .wc-app h2, .wc-app h3, .wc-app h4, .wc-app ol, .wc-app p, .wc-app ul, body .wc-app button h1, body .wc-app button h2, body .wc-app button h3, body .wc-app button h4, body .wc-app button ol, body .wc-app button p, body .wc-app button ul, body .wc-app input h1, body .wc-app input h2, body .wc-app input h3, body .wc-app input h4, body .wc-app input ol, body .wc-app input p, body .wc-app input ul, body .wc-app textarea h1, body .wc-app textarea h2, body .wc-app textarea h3, body .wc-app textarea h4, body .wc-app textarea ol, body .wc-app textarea p, body .wc-app textarea ul { margin: 0; padding: 0; } .wc-app audio, .wc-app video, body .wc-app button audio, body .wc-app button video, body .wc-app input audio, body .wc-app input video, body .wc-app textarea audio, body .wc-app textarea video { display: block; } .wc-hidden { visibility: hidden; } .wc-header { background-color: #2d4a77; -webkit-box-shadow: 0 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px rgba(0,0,0,0.2); -o-box-shadow: 0 1px rgba(0,0,0,0.2); -ms-box-shadow: 0 1px rgba(0,0,0,0.2); box-shadow: 0 1px rgba(0,0,0,0.2); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; color: #fff; font-weight: 500; height: 30px; left: 0; letter-spacing: 0.5px; padding: 8px 8px 0 8px; position: absolute; right: 0; top: 0; z-index: 1; } .wc-time { color: #999; margin-bottom: 10px; } .wc-message-groups { bottom: 50px; left: 0; transform: translateY(0); overflow-x: hidden; overflow-y: scroll; padding: 10px; position: absolute; right: 0; top: 38px; -webkit-transition: transform 135ms linear; -moz-transition: transform 135ms linear; -o-transition: transform 135ms linear; -ms-transition: transform 135ms linear; transition: transform 135ms linear; } .wc-message-groups.no-header { top: 0; } .wc-message-group-content { overflow: hidden; } .wc-suggested-actions { background-color: #f9f9f9; bottom: 50px; height: 0; left: 0; overflow: hidden; position: absolute; right: 0; -webkit-transition: height 135ms linear; -moz-transition: height 135ms linear; -o-transition: height 135ms linear; -ms-transition: height 135ms linear; transition: height 135ms linear; } .wc-suggested-actions .wc-hscroll>ul { height: 40px; padding: 2px 3px; } .wc-suggested-actions .wc-hscroll>ul>li { display: inline-block; margin: 2px; max-width: 40%; } .wc-suggested-actions .wc-hscroll>ul>li button { background-color: #fff; color: #2d4a77; min-height: 32px; overflow: hidden; padding: 0 16px; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .wc-suggested-actions .wc-hscroll>ul>li button:hover { background-color: #fff; border-color: #2d4a77; color: #2d4a77; } .wc-suggested-actions .wc-hscroll>ul>li button:active { background-color: #2d4a77; border-color: #2d4a77; color: #fff; } .wc-suggested-actions button.scroll { background-color: #d2dde5; height: 40px; overflow: hidden; padding: 0; position: absolute; top: 0; width: 28px; } .wc-suggested-actions button.scroll:disabled { display: none !important; } .wc-suggested-actions button.scroll:hover { background-color: #808c95; } .wc-suggested-actions button.scroll svg { fill: #fff; } .wc-suggested-actions button.scroll svg path { transform: translateY(6px); } .wc-suggested-actions button.scroll.previous { left: 0; } .wc-suggested-actions button.scroll.next { right: 0; } .wc-message-pane.show-actions .wc-message-groups { transform: translateY(-40px); } .wc-message-pane.show-actions .wc-suggested-actions { height: 40px; } .wc-console { border: 5px solid #dbdee1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 50px; } .wc-chatview-panel, .wc-console { bottom: 0; left: 0; position: absolute; right: 0; } .wc-chatview-panel { top: 0; overflow: hidden; } .wc-message-wrapper { animation: animationFrames 2s; animation-iteration-count: 1; clear: both; margin-bottom: 10px; overflow: hidden; position: relative; } .wc-message { position: relative; } .wc-message-wrapper.carousel .wc-message { max-width: none; padding-right: 8px; } .wc-message svg.wc-message-callout { height: 22px; position: absolute; stroke: none; top: 12px; width: 6px; } .wc-message-content { -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2); -o-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2); -ms-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2); box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2); padding: 8px; word-break: break-word; } .wc-message-content.clickable { cursor: pointer; } .wc-message-content.selected { -webkit-box-shadow: 0 1px 1px 0 #ffa333; -moz-box-shadow: 0 1px 1px 0 #ffa333; -o-box-shadow: 0 1px 1px 0 #ffa333; -ms-box-shadow: 0 1px 1px 0 #ffa333; box-shadow: 0 1px 1px 0 #ffa333; } .wc-message-content img { max-height: 320px; max-width: 100%; } .wc-message-content .video iframe { border: 0; } .wc-message-content audio, .wc-message-content video { max-width: 100%; } .wc-message-content audio+h1, .wc-message-content video+h1 { margin-top: 11px; } .wc-message-from { clear: both; color: #999; font-size: 11px; margin-top: 5px; } .wc-card { background-color: rgba(0,0,0,0); border: none !important; } .wc-card .non-adaptive-content { margin: 8px 8px 0 8px; } .wc-card .ac-container { background: none !important; padding: 0 !important; } .wc-card .ac-container .ac-container { background: none !important; } .wc-card button { background-color: transparent; color: #2d4a77; min-height: 32px; width: 100%; padding: 0 16px; border: 1px solid #2d4a77; } .wc-card button:hover { background-color: #2d4a77; border-color: #2d4a77; color: #2d4a77; } .wc-card button:active { background-color: #2d4a77; border-color: #2d4a77; color: #fff; } .wc-card button:focus { outline: none; } .wc-card.receipt table { border-collapse: collapse; width: 100%; } .wc-card.receipt th, .wc-card.receipt td { text-align: right; vertical-align: top; } .wc-card.receipt th:first-child, .wc-card.receipt td:first-child { text-align: left; } .wc-card.receipt th { color: #808c95; font-size: inherit; font-weight: normal; line-height: 1.75; } .wc-card.receipt thead tr:last-child th { padding-bottom: 16px; } .wc-card.receipt th[colspan="2"] { color: inherit; font-size: 15px; font-weight: 700; } .wc-card.receipt td { padding: 4px 8px 0 8px; } .wc-card.receipt td img { float: left; margin: 5px 8px 8px 0; max-height: 50px; max-width: 50px; } .wc-card.receipt div.title { font-weight: bolder; } .wc-card.receipt div.subtitle { font-weight: lighter; } .wc-card.receipt tbody tr, .wc-card.receipt tfoot tr { border-top: 1px solid #d2dde5; } .wc-card.receipt tbody tr:first-child, .wc-card.receipt tfoot tr:first-child { border-top-width: 2px; } .wc-card.receipt tfoot td { line-height: 2.25; } .wc-card.receipt tfoot .total { font-weight: bold; } .wc-card.thumbnail img { float: right; margin-bottom: 10px; margin-left: 10px; width: 100px; } .wc-card.signin h1 { margin: 10px 24px 16px 14px; } .wc-card.error { text-align: center; } .wc-card.error .error-icon { fill: #ccc; height: 56px; margin-bottom: 2px; margin-top: 20px; padding-left: 12px; } .wc-card.error .error-text { color: #ccc; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 20px; text-align: inherit; } .wc-message { max-width: 91%; } .wc-card { border: 1px solid #d2dde5; width: 100%; } .wc-adaptive-card { width: 100%; } .wc-wide .wc-card { border: 1px solid #d2dde5; width: 398px; } .wc-wide .wc-adaptive-card { width: 414px; } .wc-narrow .wc-card { border: 1px solid #d2dde5; width: 198px; } .wc-narrow .wc-adaptive-card { width: 214px; } .wc-adaptive-card p { margin-left: 0; margin-right: 0; } .wc-list>.wc-card { margin-top: 8px; } .wc-list>.wc-card:first-child { margin-top: 0; } .wc-hscroll-outer { overflow: hidden; } .wc-hscroll { overflow-x: scroll; overflow-y: hidden; } .wc-hscroll>ul { white-space: nowrap; } .wc-hscroll>ul>li { display: inline-block; vertical-align: top; white-space: normal; } .wc-carousel { position: relative; } .wc-carousel button.scroll { background-color: #d2dde5; height: 28px; overflow: hidden; padding: 0; position: absolute; top: 50%; width: 28px; } .wc-carousel button.scroll:disabled { display: none !important; } .wc-carousel button.scroll:hover { background-color: #808c95; } .wc-carousel button.scroll svg { fill: #fff; } .wc-carousel button.scroll.previous { left: -16px; } .wc-carousel button.scroll.next { right: -16px; } .wc-carousel .wc-hscroll>ul { margin-left: -4px; } .wc-carousel .wc-hscroll>ul>li { padding: 0 4px; } .wc-carousel .wc-hscroll>ul>li:last-child { padding-right: 0; } .wc-carousel li p { min-height: 4em; white-space: normal; } .wc-carousel li .wc-adaptive-card p { min-height: initial; } .wc-message-from-me { float: right; margin-right: 6px; } .wc-message-from-me.wc-message-from { text-align: right; } .wc-message-from-me .wc-message-content { background-color: #2d4a77; color: #fff; } .wc-message-from-me svg.wc-message-callout path { fill: #2d4a77; } .wc-message-from-me svg.wc-message-callout path.point-left { display: none; } .wc-message-from-me svg.wc-message-callout { right: -6px; } .wc-message-from-bot { float: left; margin-left: 8px; } .wc-message-from-bot .wc-message-content { background-color: #dbdee1; color: #000; } .wc-message-from-bot svg.wc-message-callout path { fill: #dbdee1; } .wc-message-from-bot svg.wc-message-callout path.point-right { display: none; } .wc-message-from-bot svg.wc-message-callout { left: -6px; } .wc-console>* { position: absolute; top: 0; vertical-align: middle; } .wc-console label { cursor: pointer; display: inline-block; height: 40px; } .wc-console svg { fill: #8a8a8a; margin: 11px; cursor: pointer; } .wc-console textarea, .wc-console input[type=text] { border: none; height: 100%; outline: none; padding: 0; resize: none; width: 100%; } .wc-send svg { height: 18px; width: 27px; } .wc-upload svg { height: 18px; width: 26px; } #wc-upload-input { display: none; } .wc-textbox { bottom: 0; left: 48px; right: 49px; } .wc-textbox input[type="text"] { padding-left: 10px; } .wc-send { right: 0; } .wc-send svg { margin: 11px 5px; } .wc-send.hidden { visibility: hidden; } .wc-mic { right: 0; } .wc-mic.hidden { visibility: hidden; } .wc-mic.active path#micFilling { fill: #4e3787; } .wc-mic.inactive path#micFilling { visibility: hidden; } .wc-console.has-text .wc-send svg { fill: #2d4a77; } .wc-typing { background: url("data:image/gif;base64,R0lGODlhNQAUAIABAP///////yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM4NDYwRjRBMUREMTExRTg4MDI1RDEzNjU1OEVCNDlCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM4NDYwRjRCMUREMTExRTg4MDI1RDEzNjU1OEVCNDlCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Mzg0NjBGNDgxREQxMTFFODgwMjVEMTM2NTU4RUI0OUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Mzg0NjBGNDkxREQxMTFFODgwMjVEMTM2NTU4RUI0OUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQFCgABACwAAAAANQAUAAACH4yPqcvtD6OctNqLs968+w+G4kiW5omm6sq27gvHXQEAIfkEBQoAAQAsBAAEAA0ADQAAAhaMgWkb6biebPLRirPefO6TMRgTOUwBACH5BAUKAAEALAQADQABAAEAAAICRAEAIfkEBQoAAQAsDQAEAAQADAAAAghEjpmm7c5YAQAh+QQFCgABACwUAAQADQANAAACFowDqWfqyd5rstqLs0aZY2pFFQNCRwEAIfkEBQoAAQAsFAAGAAIABwAAAgQMgqlXACH5BAUKAAEALBUABQALAAwAAAIMjI+Ay+0Po5xHUWoLACH5BAUKAAEALCUABAANAA0AAAIWjIFpG+m4nmzy0Yqz3nzukzEYEzlMAQAh+QQFCgABACwvAAcAAwAJAAACB0xgqbuIUQAAIfkEBQoAAQAsLgAEAAEAAQAAAgJEAQA7") no-repeat 50%; background-size: contain; height: 20px; width: 53px; max-width: 100%; max-height: 100%; } .wc-animate-scroll { left: 0; position: absolute; -webkit-transition: left 135ms linear; -moz-transition: left 135ms linear; -o-transition: left 135ms linear; -ms-transition: left 135ms linear; transition: left 135ms linear; } .wc-animate-scroll-rapid { left: 0; position: absolute; -webkit-transition: left 135ms linear; -moz-transition: left 135ms linear; -o-transition: left 135ms linear; -ms-transition: left 135ms linear; transition: left 135ms linear; } .wc-animate-scroll-near { left: 0; position: absolute; -webkit-transition: left 135ms linear; -moz-transition: left 135ms linear; -o-transition: left 135ms linear; -ms-transition: left 135ms linear; transition: left 135ms linear; } .format-markdown>p { margin-bottom: 0px; margin-top: 0; } .format-markdown code { white-space: pre-wrap; } .format-markdown+div { margin-top: 8px; } .format-markdown ol { padding-left: 30px; } .format-markdown ul { padding-left: 33px; } .wc-app ::-webkit-scrollbar, body .wc-app button ::-webkit-scrollbar, body .wc-app input ::-webkit-scrollbar, body .wc-app textarea ::-webkit-scrollbar { width: 8px; } .wc-app ::-webkit-scrollbar *, body .wc-app button ::-webkit-scrollbar *, body .wc-app input ::-webkit-scrollbar *, body .wc-app textarea ::-webkit-scrollbar * { background-color: transparent; } .wc-app ::-webkit-scrollbar-thumb, body .wc-app button ::-webkit-scrollbar-thumb, body .wc-app input ::-webkit-scrollbar-thumb, body .wc-app textarea ::-webkit-scrollbar-thumb { background-color: #dbdee1; } @media screen and (max-width: 768px) { html.chatActive { overflow: hidden; margin: 0 !important; } body.chatActive { overflow: hidden; margin: 0 !important; height: 0; } body #myChatButton { bottom: 2vh; right: 2vh; width: 80px; height: 80px; font-size: 70px; } body #chatBoxWrapper { width: 100%; height: 100%; right: 0; bottom: 0; padding: 0; } body #chatBoxWrapper .chatBoxHeader { width: 100%; padding: 10px; position: absolute; top: 0; left: 0; z-index: 9999; } body #chatBoxWrapper .chatBoxContent { height: 100%; } body #chatBoxWrapper .chatBoxContent .wc-chatview-panel { top: 55px; } body .wc-message-groups { font-size: 16px; } body .wc-message-groups .format-markdown>p { margin-top: 0; } body .wc-message-groups .wc-adaptive-card { width: 100%; } } [class^="the-bot-"]:before, [class*=" the-bot-"]:before { line-height: 1.45; } #AT_Main_body .disclaimer { padding-right: 90px; } @media (min-width: 768px) { #AT_Main_body .disclaimer { padding-right: 100px; } } @media (min-width: 1200px) { #AT_Main_body .disclaimer { padding-right: 130px; } } @media (min-width: 1340px) { #AT_Main_body .disclaimer { padding-right: 20px; } } #myChatButton span.icon { background-image: url("data:image/png;base64,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"); background-repeat: no-repeat; background-size: contain; background-position: 50%; background-color: transparent; height: 100%; width: 100%; float: left; text-align: center; } #myChatButton.active { visibility: visible; opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -webkit-transition: opacity 135ms linear; -moz-transition: opacity 135ms linear; -o-transition: opacity 135ms linear; -ms-transition: opacity 135ms linear; transition: opacity 135ms linear; } #myChatButton.inactive { visibility: hidden; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -webkit-transition: opacity 0.5s ease-out 135ms linear; -moz-transition: opacity 0.5s ease-out 135ms linear; -o-transition: opacity 0.5s ease-out 135ms linear; -ms-transition: opacity 0.5s ease-out 135ms linear; transition: opacity 0.5s ease-out 135ms linear; } .wc-typing { background: url("data:image/gif;base64,R0lGODlhNQAUALMNAOfp7LzBycPHz6Oqtf39/Zuir8TIz8HFzaSqtqKptP3+/r3Bypmgrf///wAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MDNhM2EzNy0zNjA3LWYzNGEtYjA5Ni01NDI3OTJhN2QxNTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkEwNzg5NUQ4QUYwMTFFOEI2NzVGMEQ4NTMyQzA0QkMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkEwNzg5NUM4QUYwMTFFOEI2NzVGMEQ4NTMyQzA0QkMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ2MTNiMGNjLTA4YWUtMzc0Mi1iYzA5LWIyYTBjZWI0MTY1ZSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MDNhM2EzNy0zNjA3LWYzNGEtYjA5Ni01NDI3OTJhN2QxNTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQFHgANACwAAAAANQAUAAAEIrDJSau9OOvNu/9gKI5kaZ5oqq5s675wLM90bd94ru98n0YAIfkEBR4ADQAsBAAEAA0ADQAABDSwSRBQQQFIqQT7ICMQ0hGeRwOcLLCwZ5DA4UCHxXwzQ7AzmZ/GcDNICB7WaKMKDAo9jSQCACH5BAUeAA0ALBQABAANAA0AAAQ0sEkQUEEBSKkE+yAjENIRnkcDnCywsGeQwOFAh8V8M0OwM5mfxnAzSAge1mijCgwKPY0kAgAh+QQFHgANACwkAAQADQANAAAENLBJEFBBAUipBPsgIxDSEZ5HA5wssLBnkMDhQIfFfDNDsDOZn8ZwM0gIHtZoowoMCj2NJAIAOw==") no-repeat 50%; } #chatBoxWrapper { font-family: "Segoe UI", sans-serif; float: left; width: 450px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.4); -moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.4); -o-box-shadow: 2px 2px 10px rgba(0,0,0,0.4); -ms-box-shadow: 2px 2px 10px rgba(0,0,0,0.4); box-shadow: 2px 2px 10px rgba(0,0,0,0.4); position: fixed; bottom: 5px; right: 5px; z-index: 9999; } #chatBoxWrapper div.botWaterMark { position: absolute; bottom: 50px; width: 100%; float: left; text-align: center; padding: 5px 0; font-size: 12px !important; font-weight: 700; color: #dbdee1 !important; } #chatBoxWrapper div.botWaterMark a { color: #dbdee1 !important; text-decoration: none; } #chatBoxWrapper div.botWaterMark a:hover, #chatBoxWrapper div.botWaterMark a :visited { color: #dbdee1 !important; } #chatBoxWrapper .wc-card button, #chatBoxWrapper .wc-card button:active, #chatBoxWrapper .wc-card button:hover { border: 1px solid #fff; background-color: #357299; cursor: default; color: #fff; } #chatBoxWrapper .chatBoxHeader { float: left; width: 450px; height: 55px; padding: 10px; background-color: #357299; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } #chatBoxWrapper .chatBoxHeader .chatHeaderIcon { display: none; } #chatBoxWrapper .chatBoxHeader .chatHeaderTitle { float: left; width: 90%; text-align: left; font-size: 16px; padding-left: 22px; font-weight: 600; } #chatBoxWrapper .chatBoxHeader .chatHeaderTitle h1 { width: inherit; font-size: 12pt; margin: 0; font-weight: 600; line-height: 35px; } #chatBoxWrapper .chatBoxHeader .chatHeaderClose { float: left; width: 10%; text-align: center; height: 35px; cursor: pointer; } #chatBoxWrapper .chatBoxHeader .chatHeaderClose span.icon { font-size: 18pt; height: 100%; line-height: 40px; } #chatBoxWrapper .chatBoxContent { position: relative; height: 70vh; float: left; width: 100%; background: #ccd0d6; background-color: #ccd0d6; } #chatBoxWrapper .chatBoxContent .wc_narrow .wc-chatview-panel .wc-header { display: none; visibility: hidden; } #chatBoxWrapper .chatBoxContent .wc_narrow .wc-chatview-panel .wc-message-pane .wc-message-from { display: none; } #chatBoxWrapper .chatBoxContent .wc_narrow .wc-chatview-panel .wc-message-pane .wc-message-groups { overflow-y: auto; top: 0; bottom: 80px; outline: none; } #chatBoxWrapper .chatBoxContent .wc_narrow .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-from-me .wc-message-content { background-color: #1a2a46; color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } #chatBoxWrapper .chatBoxContent .wc_narrow .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-from-me .wc-message-content svg.wc-message-callout { top: 8px; } #chatBoxWrapper .chatBoxContent .wc_narrow .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-from-me .wc-message-content svg.wc-message-callout path { fill: #1a2a46; } #chatBoxWrapper .chatBoxContent .wc_narrow .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message.wc-message-from-bot { position: relative; margin-left: 12px; } #chatBoxWrapper .chatBoxContent .wc_narrow .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message.wc-message-from-bot .wc-message-content { background-color: #fff !important; color: #001231; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } #chatBoxWrapper .chatBoxContent .wc_narrow .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message.wc-message-from-bot .wc-message-content svg.wc-message-callout { top: unset; bottom: 5px; } #chatBoxWrapper .chatBoxContent .wc_narrow .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message.wc-message-from-bot .wc-message-content svg.wc-message-callout path { fill: #fff !important; } #chatBoxWrapper .chatBoxContent .wc_narrow .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-content { -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } #chatBoxWrapper .chatBoxContent .wc_narrow .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-content .wc-list .wc-adaptive-card.thumbnail { background: #eceff1; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; padding: 5px 2px; } #chatBoxWrapper .chatBoxContent .wc_narrow .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-content .wc-list .wc-adaptive-card.thumbnail .ac-container p { color: #001231 !important; } #chatBoxWrapper .chatBoxContent .wc_narrow .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-content .wc-list .wc-adaptive-card.thumbnail .ac-container .ac-container+div+div div:first-of-type div:first-of-type { display: block !important; height: 35px; float: left; clear: both; } #chatBoxWrapper .chatBoxContent .wc_narrow .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-content .wc-list .wc-adaptive-card.thumbnail .ac-container .ac-container+div+div div:first-of-type div:first-of-type div:first-of-type { display: none !important; } #chatBoxWrapper .chatBoxContent .wc_narrow .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-content .wc-list .wc-adaptive-card.thumbnail .ac-container .ac-container+div+div div:first-of-type div:first-of-type button.ac-pushButton { float: left; width: 60px; position: relative; text-align: center; display: inline-block; text-indent: -9999px; } #chatBoxWrapper .chatBoxContent .wc_narrow .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-content .wc-list .wc-adaptive-card.thumbnail .ac-container .ac-container+div+div div:first-of-type div:first-of-type button.ac-pushButton:before { width: 100%; height: 30px; bottom: 0; left: 0; font-family: "the-bot" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 30px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\64"; font-size: 14px; color: #2d4a77; z-index: 2; text-indent: 0px; float: left; } #chatBoxWrapper .chatBoxContent .wc_narrow .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-content .wc-list .wc-adaptive-card.thumbnail .ac-container .ac-container+div+div div:first-of-type div:first-of-type button.ac-pushButton:active:before { color: #fff; } #chatBoxWrapper .chatBoxContent .wc_narrow .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-content .wc-list .wc-adaptive-card.thumbnail .ac-container .ac-container+div+div div:first-of-type div:first-of-type button.ac-pushButton:last-child { margin-left: 20px; } #chatBoxWrapper .chatBoxContent .wc_narrow .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-content .wc-list .wc-adaptive-card.thumbnail .ac-container .ac-container+div+div div:first-of-type div:first-of-type button.ac-pushButton:last-child:before { content: "\65"; } #chatBoxWrapper .chatBoxContent .wc_narrow .wc-chatview-panel .wc-message-pane .wc-message-groups::-webkit-scrollbar-track { -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; background-color: #fff; } #chatBoxWrapper .chatBoxContent .wc_narrow .wc-chatview-panel .wc-message-pane .wc-message-groups::-webkit-scrollbar { width: 8px; background-color: #fff; } #chatBoxWrapper .chatBoxContent .wc_narrow .wc-chatview-panel .wc-message-pane .wc-message-groups::-webkit-scrollbar-thumb { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); background-color: #808998; } #chatBoxWrapper .chatBoxContent .wc_narrow .wc-chatview-panel .wc-console { border-color: #357299; } #chatBoxWrapper .chatBoxContent .wc_narrow .wc-chatview-panel .wc-console label.wc-upload { display: none; visibility: hidden; } #chatBoxWrapper .chatBoxContent .wc_narrow .wc-chatview-panel .wc-console svg { fill: #fff; } #chatBoxWrapper .chatBoxContent .wc_narrow .wc-chatview-panel .wc-console button.wc-send { background-color: #357299; border-color: #357299; border-width: 0; color: #fff !important; outline: none; cursor: default; position: absolute; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; padding: 1px 6px; line-height: 10px; } #chatBoxWrapper .chatBoxContent .wc_narrow .wc-chatview-panel .wc-console .wc-textbox { left: 0; background: #fff; color: #001231; font-size: 14px; } #chatBoxWrapper .chatBoxContent .wc_narrow .wc-chatview-panel .wc-console .wc-textbox input[type=text] { margin: 0; } #chatBoxWrapper .chatBoxContent .wc_narrow .wc-chatview-panel .wc-console .wc-textbox input[type=text]::-webkit-input-placeholder { color: #4d596f; } #chatBoxWrapper .chatBoxContent .wc_narrow .wc-chatview-panel .wc-console .wc-textbox input[type=text]::-moz-placeholder { color: #4d596f; } #chatBoxWrapper .chatBoxContent .wc_narrow .wc-chatview-panel .wc-console .wc-textbox input[type=text]:-ms-input-placeholder { color: #4d596f; } #chatBoxWrapper .chatBoxContent .wc_narrow .wc-chatview-panel .wc-console .wc-textbox input[type=text]:-moz-placeholder { color: #4d596f; } #chatBoxWrapper a:hover { text-decoration: none; } #chatBoxWrapper.active { visibility: visible; opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -webkit-transition: opacity 135ms linear; -moz-transition: opacity 135ms linear; -o-transition: opacity 135ms linear; -ms-transition: opacity 135ms linear; transition: opacity 135ms linear; } #chatBoxWrapper.inactive { visibility: hidden; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -webkit-transition: opacity 0.5s ease-out 135ms linear; -moz-transition: opacity 0.5s ease-out 135ms linear; -o-transition: opacity 0.5s ease-out 135ms linear; -ms-transition: opacity 0.5s ease-out 135ms linear; transition: opacity 0.5s ease-out 135ms linear; } body #myChatButton { position: fixed; width: 100px; height: 100px; color: #2d4a77; text-align: center; font-size: 90px; bottom: 230px; right: 2vw; background: #fff; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; z-index: 999; } @media (min-width: 768px) { body #myChatButton { bottom: 130px; } } @media (min-width: 1200px) { body #myChatButton { bottom: 110px; width: 130px; height: 130px; } } @media (min-width: 1340px) { body #myChatButton { left: 1200px; } } body #myChatButton:focus { border-bottom: 2px solid #fd0; -webkit-border-radius: initial; -moz-border-radius: initial; -o-border-radius: initial; -ms-border-radius: initial; border-radius: initial; } body #myChatButton i.icon { height: 100%; width: 100%; float: left; text-align: center; } body #myChatButton.active { visibility: visible; opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -webkit-transition: opacity 135ms linear; -moz-transition: opacity 135ms linear; -o-transition: opacity 135ms linear; -ms-transition: opacity 135ms linear; transition: opacity 135ms linear; } body #myChatButton.inactive { visibility: hidden; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -webkit-transition: opacity 0.5s ease-out 135ms linear; -moz-transition: opacity 0.5s ease-out 135ms linear; -o-transition: opacity 0.5s ease-out 135ms linear; -ms-transition: opacity 0.5s ease-out 135ms linear; transition: opacity 0.5s ease-out 135ms linear; } .wc-suggested-actions { bottom: 80px; } .wc-suggested-actions .wc-hscroll ul { padding: 0 16px !important; margin-top: 0; margin-bottom: 0 !important; background-color: #ccd0d6 !important; } .wc-suggested-actions .wc-hscroll button { position: static; color: #357299 !important; background-color: #fff !important; } .wc-suggested-actions .wc-hscroll button:hover { background-color: #fff !important; } .wc-suggested-actions .wc-hscroll li button { padding: 0 16px !important; } @-webkit-keyframes animationFrames { 0% { opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); } 20% { opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } } @-moz-keyframes animationFrames { 0% { opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); } 20% { opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } } @-o-keyframes animationFrames { 0% { opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); } 20% { opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } } @keyframes animationFrames { 0% { opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); } 20% { opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } } .top-md-spacing { margin-top: 20px; } .bottom-md-spacing { margin-bottom: 20px; } .right-md-spacing { margin-right: 20px; } .left-md-spacing { margin-left: 20px; } .top-sm-spacing { margin-top: 10px; } .bottom-sm-spacing { margin-bottom: 10px; } .right-sm-spacing { margin-right: 10px; } .left-sm-spacing { margin-top: 10px; } .top-xs-spacing { margin-top: 4px; } .bottom-xs-spacing { margin-bottom: 4px; } .right-xs-spacing { margin-right: 4px; } .left-xs-spacing { margin-top: 4px; } 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); 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"] { -webkit-transition: width 135ms linear; -moz-transition: width 135ms linear; -o-transition: width 135ms linear; -ms-transition: width 135ms linear; transition: width 135ms linear; font-size: 20px; width: 80px; color: #fff !important; border: none; padding-bottom: 5px; padding-right: 20px; padding-top: 14px; 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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/at-icons-color-full-600.png?v=1.1.2"); 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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/at-icons-color-full-400.png?v=1.1.2"); 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 { margin-top: 25px; margin-bottom: 85px; -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 .twitter { margin: 5px 20px; } @supports (-webkit-overflow-scrolling: touch) { #AT_Home .latestContainer .twitter #twitter-widget-0 { width: 1px !important; min-width: 100% !important; } } #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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/at-icons-color-full-700.png?v=1.1.2"); 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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/at-icons-color-full-700.png?v=1.1.2"); 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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/at-icons-color-full-1400.png?v=1.1.2"); 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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/at-icons-color-full-1200.png?v=1.1.2"); 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-bottom: 130px; } } @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 .twitter { margin: 5px 0; } } #AT_Infringement_Exemption_Request { padding: 0 5px; } #AT_Infringement_Exemption_Request span.radiobuttonlist { display: block; } #AT_Infringement_Exemption_Request .umbraco-form-field 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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/small/icon.notice-20.png?v=1.1.2") no-repeat; max-width: 300px; } #AT_Infringement_Exemption_Request .validation-summary-valid { display: none; } #AT_Infringement_Exemption_Request .umbraco-form-field.noticenumber, #AT_Infringement_Exemption_Request .umbraco-form-field.vehicleregistration, #AT_Infringement_Exemption_Request .notice_paragraph, #AT_Infringement_Exemption_Request .umbraco-form-field textarea, #AT_Infringement_Exemption_Request .umbraco-form-field.textarea, #AT_Infringement_Exemption_Request .umbraco-form-field.fileupload, #AT_Infringement_Exemption_Request .umbraco-form-field.title, #AT_Infringement_Exemption_Request .umbraco-form-field.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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/small/icon.notice.png?v=1.1.2") 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: 768px) { #AT_Infringement_Exemption_Request { padding-bottom: 20px; } #AT_Infringement_Exemption_Request aside { width: 300px; float: right; margin-top: -15px; } #AT_Infringement_Exemption_Request .umbraco-form-field textarea { /*.umbraco-form-field.comments {*/ width: 300px; } #AT_Infringement_Exemption_Request .contour { width: 300px; } #AT_Infringement_Exemption_Request .umbraco-form-field.textarea { width: 305px; height: 150px; display: block; /* for IE*/ } #AT_Infringement_Exemption_Request .umbraco-form-field.textarea textarea { width: 100%; } #AT_Infringement_Exemption_Request .umbraco-form-field.noticenumber, #AT_Infringement_Exemption_Request .umbraco-form-field.vehicleregistration { width: 300px; } #AT_Infringement_Exemption_Request .umbraco-form-field.noticenumber input, #AT_Infringement_Exemption_Request .umbraco-form-field.vehicleregistration input { width: 220px; } #AT_Infringement_Exemption_Request .umbraco-form-field.iparkedthevehiclewhereitincurredtheabovenotices { width: 300px; } #AT_Infringement_Exemption_Request .umbraco-form-field.iparkedthevehiclewhereitincurredtheabovenotices >div label, #AT_Infringement_Exemption_Request .umbraco-form-field.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 .umbraco-form-field.noticenumber, #AT_Infringement_Exemption_Request .umbraco-form-field.vehicleregistration, #AT_Infringement_Exemption_Request .notice_paragraph, #AT_Infringement_Exemption_Request .umbraco-form-field textarea, #AT_Infringement_Exemption_Request .umbraco-form-field.textarea, #AT_Infringement_Exemption_Request .umbraco-form-field.fileupload, #AT_Infringement_Exemption_Request .umbraco-form-field.title, #AT_Infringement_Exemption_Request .umbraco-form-field.iparkedthevehiclewhereitincurredtheabovenotices { width: 300px; } } @media only screen and (min-width: 900px) { #AT_Infringement_Exemption_Request .umbraco-form-field.textfield { width: 280px; } } @media only screen and (min-width: 1200px) { #AT_Infringement_Exemption_Request .umbraco-form-field.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 .umbraco-form-field.noticenumber, #AT_Infringement_Exemption_Request .umbraco-form-field.vehicleregistration, #AT_Infringement_Exemption_Request .notice_paragraph, #AT_Infringement_Exemption_Request .umbraco-form-field textarea, #AT_Infringement_Exemption_Request .umbraco-form-field.textarea, #AT_Infringement_Exemption_Request .umbraco-form-field.fileupload, #AT_Infringement_Exemption_Request .umbraco-form-field.title, #AT_Infringement_Exemption_Request .umbraco-form-field.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-jp-navigation-container { max-height: 100%; overflow-y: scroll; } .at-journey-planner-container { display: flex; flex-direction: column; flex: 1; z-index: 1; } .at-journey-planner-container .at-jp-main-body { display: flex; flex: 1; } .at-journey-planner-container #journey-planner-root { display: flex; flex: 1; } #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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/small/close.png?v=1.1.2") 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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/at-icons-color-full-600.png?v=1.1.2"); 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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/small/icon.menu.selected-20.png?v=1.1.2") no-repeat -10px center transparent; } @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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/logo-150.png?v=1.1.2") 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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/logo-302.png?v=1.1.2") no-repeat transparent center; height: 302px; } } #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 #pt-my-hop-card { display: table; min-width: 305px; min-height: 220px; } #AT_Public_Transport #pt-my-hop-card h3 { margin: 0; } #AT_Public_Transport #pt-my-hop-card .hop-tile { display: table-cell; vertical-align: middle; padding: 0 30px; } #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 .noIdmConnection { display: flex; align-items: center; height: 220px; background-color: #f1f1f2; } #AT_Public_Transport .noIdmConnection .plannedOutage { font-size: 23px; font-family: 'OpenSansBold', Arial, Helvetica, sans-serif; color: #365572; line-height: 1.5; padding: 10px; } #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: 0; font-family: OpenSansBold, Arial, Helvetica, sans-serif; -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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/small/hop.card.green.png?v=1.1.2") 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; } #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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/at-icons-color-full-700.png?v=1.1.2"); 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 .hopFares { display: inline-block; *display: inline; zoom: 1; vertical-align: top; } #AT_Public_Transport .hopFares .athop, #AT_Public_Transport .hopFares .timetable, #AT_Public_Transport .hopFares .fares { width: 100%; position: relative; display: inline-block; *display: inline; zoom: 1; vertical-align: top; } #AT_Public_Transport .hopFares .athop a, #AT_Public_Transport .hopFares .timetable a, #AT_Public_Transport .hopFares .fares a { display: inline-block; *display: inline; zoom: 1; vertical-align: top; } #AT_Public_Transport .hopFares .athop a:hover, #AT_Public_Transport .hopFares .timetable a:hover, #AT_Public_Transport .hopFares .fares a:hover { text-decoration: none; } #AT_Public_Transport .hopFares .athop h2, #AT_Public_Transport .hopFares .timetable h2, #AT_Public_Transport .hopFares .fares h2 { color: #007bcc; display: inline-block; *display: inline; zoom: 1; vertical-align: top; height: 30px; padding-right: 50px; background: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/small/arrow-right.png?v=1.1.2") no-repeat right 0; } #AT_Public_Transport .hopFares .athop p, #AT_Public_Transport .hopFares .timetable p, #AT_Public_Transport .hopFares .fares p { font-family: 'OpenSansBold', Arial, Helvetica, sans-serif; margin: 0; padding-top: 20px; text-decoration: none; color: #17232f; } #AT_Public_Transport .hopFares .athop, #AT_Public_Transport .hopFares .timetable { margin-bottom: 26px; padding-bottom: 35px; border-bottom: 1px #d2d8dc solid; min-height: 65px; } #AT_Public_Transport .hopFares .fares { margin-bottom: 15px; min-height: 105px; } #AT_Public_Transport .hopFares a { display: inline-block; *display: inline; zoom: 1; vertical-align: top; height: 24px; } #AT_Public_Transport .hopFares a.button { font-size: 17px; padding-left: 22px; padding-right: 22px; height: 28px; } #AT_Public_Transport .hopFares h2 { margin: 0; padding: 0; } #AT_Public_Transport .hopFares .link_arrow { background: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/small/icon.arrow-right.png?v=1.1.2") no-repeat; width: 10px; height: 8px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin: 5px 0 0 5px; } #AT_Public_Transport .hopFares .athop_icon { background: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/logo-hop.svg?v=1.1.2"); width: 60px; height: 60px; position: absolute; top: 0px; right: 10px; display: none; } #AT_Public_Transport .hopFares .fares_icon { background: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/small/pt-at-bus-train-ferry-no-hop.jpg?v=1.1.2") 3px -30px; width: 110px; position: absolute; top: 35px; right: 0px; height: 40px; display: none; } #AT_Public_Transport .hopFares .timetable_icon { background: url("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/small/pt-clock-pin.jpg?v=1.1.2"); width: 76px; height: 69px; position: absolute; top: 0px; right: 10px; 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 h2 { margin-bottom: 1em; } #AT_Public_Transport .AT_Public_Transport_Announcements h3 { margin-bottom: 10px; } #AT_Public_Transport .AT_Public_Transport_Announcements #annoucement_summary { margin-left: 28px; } #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; border-bottom: 1px solid #fff; } #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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/small/icon.arrow-right.png?v=1.1.2") 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 .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("https://cdn-ae-atwebsite-p1.azureedge.net/public/1.1.2/images/icons/small/icon.arrow-right.png?v=1.1.2") 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; }