/* TABLE OF CONTENTS * * 1.0 RESET & BASE STYLES * 2.0 TYPOGRAPHY * 3.0 LINK STYLES AND BUTTONS * 4.0 FORMS * 5.0 GRID STRUCTURE & LAYOUT COMPONENTS * 6.0 CUSTOM MODULES * 7.0 MEDIA QUERIES * 8.0 COLOUR THEMES * 9.0 CSS3 ANIMATIONS * 10.0 PRINT STYLES * 11.0 FOUC * 12.0 Z-INDEX REFERENCE * * */ /* ASNC Specific CSS 8 */ .textright { text-align:right;} .captions {float: left; margin: 10px 10px 10px 10px; background: transparent; color:#000000; text-align:center; font-size:10px;} .captionsright {float: right; margin: 10px 10px 10px 10px; background: transparent; color:#000000; text-align:center; font-size:10px;} /* content splitter - two columns */ .splitcontentleft{float:left; width:48%; padding-top:1em; margin-bottom:1em;} .splitcontentright{float:right; width:48%; padding-top:1em; margin-bottom: 1em;} /* 1.0 RESET STYLES (HTML5 ✰ Boilerplate & Normalise reset, & Twitter Bootstrap typography ) --------------------------------------------------------*/ html { overflow-y: scroll}/* always force a scrollbar in non-IE */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; } .lt-ie8 audio, .lt-ie8 canvas, .lt-ie8 video {display: inline;transform: scale(1);} audio:not([controls]) { display: none; } [hidden] { display: none; } /* Lists */ ul{padding: 0;margin: 0 0 9px 15px;} ul ul,ul ol,ol ol,ol ul {margin-bottom: 0;} ul {list-style: square;} ol{margin-left:-20px} .lt-ie8 ol { padding: 0;margin: 0 0 9px 25px; } li {line-height: 18px;display:list-item} ol.numbered { counter-reset: item;padding: 0;margin: 0 0 9px 0;list-style: decimal; } ol.numbered li { display: block; } ol.numbered li:before { content: counter(item) " "; counter-increment: item; font-weight: bold; padding-right:5px } .unstyled-list{list-style:none;margin:0} .menu-list{margin-bottom:9px} .menu-list li{padding:10px;border-bottom:1px solid #999} dl {margin-bottom: 18px;} dt,dd {line-height: 18px;} dt {font-weight: bold;line-height: 17px;} dd {margin-left: 9px;} /* blockquotes */ blockquote {padding: 0 0 0 25px;margin: 18px 0;font-style:italic;background:url(/images/interface/bg-blockquote-top.png) no-repeat top left} blockquote p {margin-bottom: 10px;font-weight: 300;line-height: 22.5px;float:left;padding-right:25px} blockquote p.quote-mark{background:url(/images/interface/bg-blockquote-bottom.png) no-repeat bottom right;} blockquote cite {display: block;line-height: 18px;color: #999999;clear:both} blockquote cite:before {content: '\2014 \00A0';} q:before,q:after,blockquote:before,blockquote:after {content: ""; content: none;} blockquote.float-right {margin-left:20px;width:230px;margin-top:0px;} blockquote.float-right p {padding-right:0px;background:url(/images/interface/bg-blockquote-bottom.png) no-repeat bottom right;} /* Misc */ hr {margin: 5px 0 20px;border: 0;border-top: 1px solid #eeeeee;border-bottom: 1px solid #ffffff;height:1px} b, strong {font-weight: bold;} em {font-style: italic;font-weight:normal} address {display: block;margin-bottom: 18px;font-style: normal;line-height: 18px;} small {font-size: 85%;} sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dfn { font-style: italic;font-weight:normal} ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } abbr[title] {cursor: help;border-bottom: 1px dotted #999999;} abbr.initialism {font-size: 90%;text-transform: uppercase;} code, kbd, samp, pre {padding: 0 3px 2px;font-family: "Courier New", monospace;font-size: 12px;color: #333333;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} code {padding: 2px 4px;color: #d14;background-color: #f7f7f9;border: 1px solid #e1e1e8;} pre {display: block;padding: 8.5px;margin: 0 0 9px;font-size: 12.025px;line-height: 18px;word-break: break-all;word-wrap: break-word;white-space: pre; white-space: pre-wrap;background-color: #f5f5f5;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px} /* images */ img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } .scale-with-grid {max-width: 100%;height: auto; } img.float-right{float:right;margin:10px 0 10px 20px;clear:both} img.float-left{float:left;margin:10px 20px 10px 0;clear:both} svg:not(:root) { overflow: hidden; } figure { margin: 0; } /* re-usable css objects */ .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .lt-ie8 .ir{line-height: 0;} .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .lt-ie8 .clearfix {transform: scale(1) } .horizontal-navigation li{float:left} .float-right{float:right;clear:both} .float-left{float:left;clear:both} .break-word {word-wrap: break-word;} /* 2.0 TYPOGRAPHY ---------------------------------------------------------------------------------------------------*/ html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%;}/*setting -webkit-text-size-adjust: none prevents users resizing with magnify*/ html, button, input, select, textarea { font-family: verdana, arial, sans-serif; color: #171717; } h1,h2,h3,h4,h5,h6, .page-title {font-family: inherit;color: inherit;text-rendering: optimizelegibility; margin:0 0 10px 0;vertical-align: baseline;} .lt-ie8 h1, .lt-ie8 h2, .lt-ie8 h3, .lt-ie8 h4, .lt-ie8 h5, .lt-ie8 h6, .lt-ie8 .page-title{vertical-align: middle} ::-moz-selection { background: #0066ff; color: #fff; text-shadow: none; } ::selection { background: #0066ff; color: #fff; text-shadow: none; } p { margin:0 0 10px 0} /* Font families */ /* Bold "myriad-pro" 700 normal */ .highlight-day, .promo-teaser .teaser-title, .current-date{font-family:"myriad-pro", myriad, verdana, arial, sans-serif;font-weight:700;font-style:normal} /* Semibold "myriad-pro" 600 normal */ h2, h3, h4, h5, h6, .global-navigation, .global-navigation-header-container, .global-navigation-container, .local-footer h3, .global-footer h3, .teaser-title, .listing-title, .vertical-breadcrumb, .btn{font-family:"myriad-pro", myriad, verdana, arial, sans-serif;font-weight:600;font-style:normal} /* Regular "myriad-pro" 400 normal*/ .branding-title, .topic, .global-navigation-tertiary, .local-navigation, .vertical-breadcrumb-navigation{font-family:"myriad-pro", myriad, verdana, arial, sans-serif;font-weight:400;color:#888888} /* Regular italic "myriad-pro" 400 italic */ .title-search-term{font-style: italic;font-weight: 400;} /* Light "myriad-pro" 300 normal */ h1, .page-header h1, .page-sub-title h2, .secondary-content h2, .main-content-sub-column h2, .slide-caption-txt, .carousel-content p, .page-title, .sub-title, legend, .primary-cta, .homepage-content h2, .highlight-date, .light-heading{font-family:"myriad-pro", myriad, verdana, arial, sans-serif;font-weight:300;} /* Regular verdana bold */ .desktop-list-layout, .global-navigation-drawer{font-weight:bold} .global-navigation-secondary-with-children p{font-weight:normal} /* Georgia "sans serif" normal */ .datestamp, blockquote{font-family:Georgia, "sans serif"} /* Font sizes*/ .page-header h1, .carousel-content p, .page-title{font-size: 40px;line-height: 48px;color:#fff;} .page-sub-title h2, .page-sub-title h1, .sub-title, .highlight-day{font-size: 30px;line-height: 38px; color:#fff;} .homepage-content h2{font-size: 30px;line-height: 38px; } h1, .light-heading{font-size: 30px;line-height: 36px;} h2, .slide-caption-txt, legend, .load-more-btn, blockquote{font-size: 19px;line-height: 25px;} .nav-tabs, .nav-pills {font-size: 19px;margin-bottom: 18px;font-weight: 200;line-height: 25px;} h3, .current-date, .highlight-date, .promo-teaser .teaser-title{font-size: 17px;line-height: 23px;} h4, .branding-title{font-size:15px;line-height: 21px;} h5, .tertiary-navigation, .enlarged-text, .teaser-title, .primary-cta, .btn, .local-footer h3, .global-footer h3, .desktop-list-layout, .global-navigation,.global-navigation-header-container, .global-navigation-container, .local-navigation {font-size:14px;line-height: 20px;} h6, cite{font-size:13px;line-height: 19px} body, label, input, button, select, textarea{font-size: 12px !important;font-weight: normal;line-height: 18px;vertical-align: baseline; } .lt-ie8 body, .lt-ie8 label, .lt-ie8 input, .lt-ie8 .highlight, button, .lt-ie8 select, textarea.lt-ie8 {vertical-align: middle} .pagination{font-size:11px;line-height: 15px} /* resets myriad heading to be verdana */ .simple-heading, .listing-title{font-family: verdana, arial, sans-serif;font-size:14px;line-height: 20px;font-weight:bold} /* special text treatments */ .highlight{color:#fff;background:#55a51c;text-transform:uppercase;font-size:11px;font-weight:bold;padding:1px 3px;margin-top:-15px;display:inline-block;margin-bottom:10px} .highlight-alert{color:#fff;background:#ea7125;text-transform:uppercase;font-size:11px;font-weight:bold;padding:1px 3px;margin-top:-15px;display:inline-block;margin-bottom:10px} .news-listing .datestamp{color:#777777;background:none;font-weight:normal;font-style:italic;font-size:14px} .highlight-date{text-transform:uppercase;} .highlight-day{line-height:30px} .search-term{background:#fff79f;padding:0 3px;display:inline-block} .topic{text-transform:uppercase;font-size:11px;background:#fff;color:#171717;padding:0 6px 5px 0;display:inline-block;} /* 3.0 LINK STYLES AND BUTTONS (Button styles from twitter bootstrap )--------------------------------------------------------------------------------------*/ a, .vertical-breadcrumb , .vertical-breadcrumb-navigation, .vertical-breadcrumb-children a{ color: #0072cf; text-decoration:none;border-bottom:0;outline: none;} a:visited { color: #8a00bc; text-decoration:none;border-bottom:1px dotted #ddbfdc} a:focus { color: #0072cf; outline: thin dotted;border-bottom:0 } a:hover { color: #0072cf; text-decoration:underline;border-bottom:0 } a:hover, a:active { outline: none; } a:active { color: #0072cf; text-decoration:none;border-bottom:0} .global-navigation a, .page-header a, .local-footer a, .global-footer a, .global-navigation-drawer a, .quicklink a, .open-quicklink, .open-quicklink:focus, .open-quicklink:hover, .open-quicklink:visited, .desktop-list-layout a:focus, .desktop-list-layout a:hover, .desktop-list-layout .selected, .section-list-heading a, .section-list-heading a:focus, .section-list-heading a:hover, .focus-teaser a, .focus-teaser a:focus, .focus-teaser a:hover{color:#fff;text-decoration:none} .quicklink-list a:focus, .quicklink-list a:hover, .quicklink-list a:active{text-decoration:none;background-color:#171717} .global-navigation a:focus, .global-navigation a:hover,.global-navigation a:active, .global-navigation .selected a{color:#7a7a7a;text-decoration:none} .global-navigation a:visited, .desktop-list-layout a:visited, .close-panel:visited, .section-list-heading a:visited, .homepage-quicklink a:visited, .slide-caption a, .quicklink-list a:visited{border-bottom:0} .global-navigation-drawer a:focus, .global-navigation-drawer a:hover, .global-navigation-drawer a:active{text-decoration:underline} .btn{background:#e4e4e4;border:1px solid #999;padding:4px 10px 4px 10px;} .primary-cta{display:inline-block;background:#171717 url(../images/interface/bg-primary-cta-arrow.png) 100% 50% no-repeat;color:#fff;padding:5px 25px 5px 10px;border:0;text-shadow: none} .primary-cta:link, .primary-cta:visited{color:#f8f8f8;background:#171717 url(../images/interface/bg-primary-cta-arrow.png) 100% 50% no-repeat;border:0} .primary-cta:focus, .primary-cta:hover, .primary-cta:active{color:#f8f8f8;background:#454545 url(../images/interface/bg-primary-cta-arrow-over.png) 100% 50% no-repeat;border:0;text-decoration:none} .secondary-cta{background:url(../images/interface/bg-secondary-cta-arrow.png) 100% 50% no-repeat; display:inline-block;padding-right:10px } .search-listing a, .vertical-breadcrumb a{color:#999999} .search-listing .listing-title a{color: #0072cf;} .teaser-title a, .pagination a, .load-more-btn, .load-more-btn:focus, .load-more-btn:hover, .load-more-btn:visited{color:#171717} .focus-teaser a{color:#fff} .btn-download-vcard:link, .btn-download-vcard:visited{background:#171717 url(../images/interface/icon-profile.png) 5px 50% no-repeat;padding:5px 5px 5px 30px;} .download-arrow{background:url(../images/interface/bg-download-arrow.png) center right no-repeat;height:11px;width:11px;padding-right:20px;/*position:absolute;top:50%;right:5px;margin-top:-5px*/} .btn-download-vcard:focus, .btn-download-vcard:hover, .btn-download-vcard:active{color:#f8f8f8;background-color:#454545} /*skip to links for accessibility*/ .skipTo:link{position:absolute;left:-5000px;top:0;color:#fff;padding:10px} .skipTo:focus{left:5px;top:5px;color:#fff;display:block;position:relative} /*a.external{background: url("../images/interface/icon-external-link.png") no-repeat 100% 4px; padding-right:15px;}*/ /* Load More */ .load-more-btn{background:#f3f3f3;border:1px solid #cdcdcd;margin-bottom:60px;text-align:center;display:block;padding:10px;} .load-more-btn:link, .load-more-btn:focus, .load-more-btn:hover, .load-more-btn:visited{border:1px solid #cdcdcd;} /* focus links */ .focus-link{width:33px;height:33px;background:#313131 url(../images/interface/icon-fwd-btn.png) 14px 13px no-repeat;position:absolute;bottom:0;right:0} /* Inline links */ .icon{display:inline-block;background:url(../images/interface/icon-links-sprite.png) no-repeat 0 0;width:20px;height:25px;margin-right:2px;position:relative;top:5px} .print-icon{background-position:0 5px} .lock-icon{background-position: 0 -25px} .help-icon{background-position: 0 -55px} .info-icon{background-position: 0 -80px} .excel-icon{background-position:0 -110px} .pdf-icon{background-position: 0 -135px} .word-icon{background-position: 0 -159px} /* 4.0 FORMS --------------------------------------------------------------------------------------------------------*/ /* Standard form elements */ form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; display: block;margin-bottom: 5px; } legend { border: 0; padding: 0; white-space: normal;display: block;width: 100%;padding: 0;margin-bottom: 10px; } .lt-ie8 legend{margin-left: -7px;} button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button;margin-bottom:5px; } .lt-ie8 button, .lt-ie8 input{overflow: visible;transform: scale(1);margin: 0 2.5px 5px 2.5px} button[disabled], input[disabled] { cursor: default;color:#999 } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } :-moz-placeholder {color: #999999;} :-ms-input-placeholder {color: #999999;} ::-webkit-input-placeholder {color: #999999;} textarea { overflow: auto; vertical-align: top; resize: vertical;height: auto; } .uneditable-textarea {height: auto;} .uneditable-input {overflow: hidden;white-space: nowrap;cursor: not-allowed;background-color: #ffffff;border-color: #eee;} input:invalid, textarea:invalid { background-color: #f0dddd; } .input-block-level {display: block;width: 100%;min-height: 28px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;} input,textarea {width: 210px;} .lt-ie7 input { vertical-align: text-bottom; } input,textarea,.uneditable-input { margin-left: 0;} .input-mini {width: 60px;} .input-small {width: 90px;} .input-medium {width: 150px;} .input-large {width: 210px;} .input-xlarge {width: 270px;} select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {display: inline-block;height: 18px;padding: 4px;margin-bottom: 9px; -webkit-border-radius: 0;} textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {background-color: #ffffff;border: 1px solid #cccccc;} textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {border-color: rgba(82, 168, 236, 0.8);outline: 0;} .lt-ie8 textarea:focus, .lt-ie8 input[type="text"]:focus, .lt-ie8 input[type="password"]:focus, .lt-ie8 input[type="datetime"]:focus, .lt-ie8 input[type="datetime-local"]:focus, .lt-ie8 input[type="date"]:focus, .lt-ie8 input[type="month"]:focus, .lt-ie8 input[type="time"]:focus, .lt-ie8 input[type="week"]:focus, .lt-ie8 input[type="number"]:focus, .lt-ie8 input[type="email"]:focus, .lt-ie8 input[type="url"]:focus, .lt-ie8 input[type="search"]:focus, .lt-ie8 input[type="tel"]:focus, .lt-ie8 input[type="color"]:focus, .lt-ie8 .uneditable-input:focus { outline:thin dotted 1px;} input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {cursor: not-allowed;background-color: #eeeeee;border-color: #ddd;} input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] {background-color: transparent;} input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"] {width: auto;} /* select menus */ select, input[type="file"] { height: 28px; line-height: 28px; } /* In IE7, the height of the select element cannot be changed by height, only font-size */ .lt-ie8 select, .lt-ie8 input[type="file"]{margin-top: 4px;}/* For IE7, add top margin to align select with labels */ select { width: 220px;border: 1px solid #bbb;} select[multiple],select[size] {height: auto;} select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {outline: thin dotted #333;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;} /* radio buttons and checkboxes */ input[type="radio"], input[type="checkbox"] {margin: 3px 0;/line-height: normal;cursor: pointer;box-sizing: border-box; padding: 0; } .lt-ie8 input[type="checkbox"] { vertical-align: baseline;margin-top: 0;width: 13px;height: 13px; } .radio,.checkbox {min-height: 18px;padding-left: 18px;} .radio input[type="radio"],.checkbox input[type="checkbox"] {float: left;margin-left: -18px;} .controls > .radio:first-child,.controls > .checkbox:first-child {padding-top: 5px;} .radio.inline,.checkbox.inline {display: inline-block;padding-top: 5px;margin-bottom: 0;vertical-align: middle;} .radio.inline + .radio.inline,.checkbox.inline + .checkbox.inline {margin-left: 10px;} /* containers for holding form elements */ .control-group {margin-bottom: 9px;} legend + .control-group {margin-top: 18px;-webkit-margin-top-collapse: separate;} .control-group.warning > label, .control-group.warning .help-block{color: #c09853;} .control-group.warning .checkbox, .control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea {color: #c09853;border-color: #c09853;} .control-group.warning .checkbox:focus, .control-group.warning .radio:focus, .control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus {border-color: #a47e3c;} .control-group.error > label, .control-group.error .help-block {color: #b94a48;} .control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea {color: #b94a48;border-color: #b94a48;} .control-group.error .checkbox:focus, .control-group.error .radio:focus, .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus {border-color: #953b39;} .control-group.success > label, .control-group.success .help-block {color: #468847;} .control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea {color: #468847;border-color: #468847;} .control-group.success .checkbox:focus, .control-group.success .radio:focus, .control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus {border-color: #356635;} /* form actions for buttons */ .form-actions {padding: 20px 0;margin:20px 0;border-top: 1px solid #e4e4e4;} .lt-ie8 .form-actions{transform: scale(1);} .form-actions:before,.form-actions:after {display: table;content: "";} .form-actions:after {clear: both;} /* guidance along side form elements */ .help-block{color: #555555;display: block;margin-bottom: 9px;} /* 6.0 GRID STRUCTURE & LAYOUT COMPONENTS (Grid taken from centage fluid grid framework)----------------------------------------------------*/ body{margin:0;padding:0; background:#000;width:100%;} .row{clear:both;width:100%;} .lt-ie9 .row, .lt-ie8 .row{min-width:auto} .wrap{margin:0 auto;position:relative;clear:both;width:1177px} .fixed-container{width:1024px}/*to remove fluid container from browsers without media queries */ .column, .column1, .column2, .column3, .column4, .column5, .column6, .column7, .column8, .column9, .column10, .column11, .column12{float: left;margin-right: 0;padding:0 0 0 0;} .column1 {width: 8.333333333333334%;} .column2 {width: 16.666666666666668%;} .column3 {width: 25%;} .column4 {width: 33.333333333333336%;} .column5 {width: 41.66666666666667%;} .column6 {width: 50%;} .column7 {width: 58.333333333333336%;} .column8 {width: 66.66666666666667%;} .column9 {width: 75%;} .column10 {width: 83.33333333333334%;} .column11 {width: 91.66666666666667%;} .column12 {width: 100%;} /* IE fluid widths */ .lt-ie8 .column1 {width: 8.133333333333335%;} .lt-ie8 .column2 {width: 16.46666666666667%;} .lt-ie8 .column3 {width: 24.8%;} .lt-ie8 .column4 {width: 33.13333333333333%;} .lt-ie8 .column5 {width: 41.46666666666667%;} .lt-ie8 .column6 {width: 49.8%;} .lt-ie8 .column7 {width: 58.13333333333333%; } .lt-ie8 .column8 {width: 66.46666666666667%; } .lt-ie8 .column9 {width: 74.8%;} .lt-ie8 .column10 {width: 83.13333333333334%} .lt-ie8 .column11 {width: 91.46666666666667%;} .lt-ie8 .column12 {width: 99.8%;} /* content containers - structural */ .content-container{padding:20px;} .search-container{padding:20px 100px;} .no-top-padding, .global-navigation-container, .navigation-list{padding:0 20px 20px 20px} .top-padding{padding:20px 0 0 0 } .bottom-padding, .vertical-teaser-img{padding:0 0 20px 0 } .side-padding{padding:0 20px} .vertical-padding, .listing-txt{padding:20px 0} .horizontal-teaser-img, .right-padding{padding:0 20px 0 0 } .horizontal-teaser-txt, .left-padding{padding:0 0 0 20px } .no-left-padding{padding:20px 20px 20px 0} .listing-img{padding:10px 0 10px 15px } .vertical-teaser-txt, .no-padding, .promo-teaser .vertical-teaser-img, .focus-teaser .horizontal-teaser-img, .quicklink-list{padding:0 0 0 0 } .promo-teaser .vertical-teaser-txt{padding:15px} .focus-teaser .horizontal-teaser-txt{padding:15px 15px 25px 15px} .promo-teaser .teaser-title{margin-bottom:0} .navigation-list h3{padding-bottom:10px;} .navigation-list li{padding-bottom:5px} .event-cta-container{padding:20px 20px 60px 20px;} .notifications-container{padding:10px 80px;} .section-list-children{padding:15px 20px 15px} /* content containers - decorative */ .footer-navigation{background: url(../images/interface/bg-footer-navigation.png) 100% 0 repeat-y;} .footer-navigation.last{background:none} .recessed-banner{margin-bottom:-50px} .recessed-content{padding-top:50px} .recessed-carousel{margin-bottom:-50px} .recessed-content .tertiary-navigation{margin-top:-50px;padding-bottom:50px} .recessed-sub-title{margin-bottom:-50px;overflow:auto;} .recessed-secondary-content{margin-top:-36.6%} .sub-column-right-border{border-right:1px solid #e4e4e4} .sub-column-left-border{border-left:1px solid #e4e4e4;margin-left:-1px} .teaser-divider{margin:0;border-bottom:1px solid #e4e4e4;border-top:0} .dotted-divider{margin:0;border-bottom:2px dotted #020902;border-top:0} .homepage-teaser{border-right:1px solid #e4e4e4} .alt{border-right:0} .heading-container{border-bottom:1px solid #e4e4e4;} /* 7.0 CUSTOM MODULES -----------------------------------------------------------------------------------------------*/ /* Header */ .global-header{position:relative;z-index:15} .js .open-menu{background:url(../images/interface/btn-open-menu-sprite.png) no-repeat 0 0 ;width:32px;height:33px;float:left;display:none} .js .open-menu:focus, .js .open-menu:hover, .js .open-menu:active{background-position:0 -33px} .main-logo{padding:15px;display:block;float:left} .main-logo:visited{text-decoration:none;border:0} .homepage-header .main-logo{display:none} .search-drawer{border-top:1px solid #3f3f3f;position:relative;z-index:5} /* global site search */ .search-drawer{display:none} .site-search {padding:15px 0 15px 15px;float:none} .icon-search-btn{height:32px;width:32px;background:url(../images/interface/btn-search-sprite-small.png) 0 0 no-repeat;display:none} .icon-search-btn:focus, .icon-search-btn:hover, .icon-search-btn:active{background-position: 0 -32px} .search-form-wrapper{background:#2c2c2c;height:32px;padding:0 0 0 10px} .site-search-form{display:block;padding:15px;} .site-search-form input{background:transparent; color:#9c9c9c;border:0;float:left;padding: 7px 0;width: 92%;} .site-search-form input.search-submit{width:22px;padding:0;float:right;height:32px} /* Contextual Search */ .search-input{background-color: #FFFFFF;border: 0; display: inline-block; -moz-box-sizing: border-box;width: 100%;position: relative;margin-bottom: 0; height: 42px;min-height:42px;} .lt-ie8 .search-input{margin-left: 0;} .search-input input{border:0;padding:10px 8px 8px;vertical-align: middle;width:75%;float:left;margin-bottom:0} .search-input input.search-submit{width:42px;padding:0;float:right;height:43px;-webkit-border-radius: 0;margin-right:0;float:right;margin-right:-1px} /* Header search */ .site-search .search-input{height: 32px;min-height:32px;background-color: #343434;} .site-search .search-input input{width:65%;padding:7px 0 7px 8px;background-color: #343434;color:#fff} .site-search .search-input input.search-submit{width:32px;height:32px;padding:0;} /* global quick links */ .quicklink{width:100%;margin-top:15px;} .quicklink-txt{padding:8px 0 0 8px;display:block;float:left} .icon-dropdown{height:32px;width:32px;background:url(../images/interface/btn-quicklinks-sprite.png) 0 0 no-repeat;float:right } .open-quicklink:focus .icon-dropdown, .open-quicklink:hover .icon-dropdown{background-position:0 -42px;} .open-quicklink{display:block; background: #3d3d3d; /* Old browsers */ background: -moz-linear-gradient(top, #3d3d3d 0%, #292929 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d3d3d), color-stop(100%,#292929)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3d3d3d 0%,#292929 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3d3d3d 0%,#292929 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3d3d3d 0%,#292929 100%); /* IE10+ */ background: linear-gradient(to bottom, #3d3d3d 0%,#292929 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#292929',GradientType=0 ); /* IE6-9 */;} .js .quicklink-list{display:none} .js .quicklink-open .icon-dropdown{background-position:0 -84px;} .js .quicklink-open .quicklink-list{display:block;z-index:6;position:absolute;background:#2a2a2a;border-top:#000 solid 1px;border-right:0;width:200px } .js .quicklink-open li{border-color:#4b4b4b;} .js .quicklink-list a, .js .quicklink-list a:link, .js .quicklink-list a:visited{padding:8px 8px 8px 16px;display:block;background-position:6px 50%} /*remove padding from other global nav*/ .js .quicklink-open .global-navigation-container li{padding:0} /* Homepage quicklink */ .homepage-quicklink{position:relative;right:-60px} .homepage-quicklink li a{padding:0 10px 5px 15px;margin-bottom:0;background:url(../images/interface/icon-fwd-btn.png) 0 6px no-repeat;display:block;font-weight:bold} /* Homepage Events highlight */ .highlight-event-item{border-top:1px solid #e4e4e4} .highlight-date-container{width:55px;float:left;margin:0 10px 5px 0;} .highlight-date{text-align:center;padding:0px 0 2px 0} .highlight-day, .highlight-event-link, .highlight-date{display:block} .highlight-day{position:relative;bottom:-3px} .highlight-event-details{padding:5px 0 10px 0} .highlight-event-link{padding:3px 0 0} /* Footer */ .local-footer, .global-footer{padding:20px 0} .footer-logo{padding-top:0} .footer-logo img{padding-bottom:20px} /* Global Navigation */ .global-navigation{border-left:1px solid #2e2e2e;margin-right:15px;float:left} .home-link-container{display:none} .global-navigation li a{padding:25px 20px;border-right:1px solid #2e2e2e;display:block;word-wrap: break-word;} .global-navigation li a:focus, .global-navigation li a:hover, .global-navigation li a:active, .global-navigation li.selected a{border-left:1px solid #737373;border-right:1px solid #737373;margin-left:-1px;background:#171717;position:relative;z-index:7;} .global-navigation li.selected a{margin-bottom:-1px;padding-bottom:26px} .js .global-navigation-drawer, .js .global-navigation-outer{display:none} .js .drawer-open, .js .navigation-open{display:block} /*mega drop down*/ .global-navigation-drawer{z-index:4;position:relative;border-top:1px solid #3f3f3f;} .global-navigation-container li, .global-navigation-container li li{padding:10px 0} .global-navigation-container.last li{padding:15px 0} .global-navigation-secondary-with-children li{padding:10px 0 0} .global-navigation-header-container li{padding:20px 0 20px 20px} .global-navigation-container li a, .global-navigation-header-container li a{background:url(../images/interface/icon-fwd-btn.png) no-repeat 0 50%;padding-left:10px } .global-navigation-tertiary{border:0;} .global-navigation-header-container .global-navigation-tertiary li{padding-left:20px} .global-navigation-container p, .global-navigation-tertiary{padding-top:20px;margin-bottom:0} .global-navigation-outer{position:relative} .close-menu{position:absolute;height:30px;top:0;right:0;background:#000 url(../images/interface/icon-close-menu-btn.png) 90% 50% no-repeat;padding:20px 50px 7px 12px;border-left:1px solid #3f3f3f;} /* Local Navigation */ /* add some basic styling to help non javascript users navigate the site */ .menu-btn, .menu-indicator{display:none;} .local-navigation li{margin:0} .local-navigation a{display:block;} .local-navigation ul ul a{padding-left:40px;} .local-navigation ul ul ul a{padding-left:60px;} .local-navigation ul ul ul ul a{padding-left:80px;} .js .local-navigation{position:relative;z-index:13} .js .local-navigation .local-navigation-container { margin: -1px 0 0 0 ;width: auto;} .js .local-navigation li.back-link, .js .local-navigation li.back-link a{display: none;font-size: 0;height: 0;visibility: hidden;position:absolute} .js .local-navigation li { display: inline;float: left;margin:0 0 -1px 0} .js .local-navigation li li{margin:0} .js .local-navigation li.title{display:none} .lt-ie8 .local-navigation li {margin:0} .js .local-navigation a{padding:10px 20px;} .js .local-navigation li.sub>a{padding:10px 40px 10px 10px;margin:0} .js .local-navigation li.sub>a{background-image:url(../images/interface/bg-local-navigation-sub-arrow.png);background-repeat:no-repeat;background-position:95% 50% ;} .js .local-navigation li > ul {margin-top:-1px} .js .local-navigation li ul {left: -9999px;position: absolute; width: 235px;z-index:14;} .js .local-navigation li.hover a{display: block;} .js .local-navigation li.hover ul {left: auto;} .js .local-navigation li.hover ul {display: block;float: none;} .js .local-navigation li.hover li{float: none;} .js .local-navigation li.hover li a{display: block;padding:10px 40px 10px 10px} .js .local-navigation li.hover ul li ul {left: -9999px;} .js .local-navigation li.hover ul li.hover ul{left: 235px;top: 0;} /* vertical-breadcrumb - tertiary navigation */ .tertiary-navigation{position:relative;z-index:11} .tertiary-navigation-structure{background:#fff;border-bottom:1px solid #e4e4e4;} .vertical-breadcrumb li{line-height:16px;position:relative;word-wrap:break-word} .vertical-breadcrumb a{padding:16px 30px 16px 20px;background:#fafafa url(../images/interface/bg-vertical-breadcrumb-up-arrow.png) no-repeat 95% 50% ;border-bottom:1px solid #e4e4e4;display:block;position:relative;} .vertical-breadcrumb-indicator{z-index:9;display:block;width:19px;height:10px;background:url(../images/interface/bg-vertical-breadcrumb-indicator-arrow.png) no-repeat 0 0;position:absolute;bottom:-10px;left:20px;} .vertical-breadcrumb a:focus, .vertical-breadcrumb a:hover, .vertical-breadcrumb a:active{background:#efefef url(../images/interface/bg-vertical-breadcrumb-up-arrow.png) no-repeat 95% 50%;text-decoration:none} .vertical-breadcrumb a:focus .vertical-breadcrumb-indicator, .vertical-breadcrumb a:hover .vertical-breadcrumb-indicator, .vertical-breadcrumb a:active .vertical-breadcrumb-indicator{background:url(../images/interface/bg-vertical-breadcrumb-indicator-arrow-over.png) no-repeat 0 0;} .vertical-breadcrumb-navigation{display:block;padding:5px 20px;font-weight:bold } .vertical-breadcrumb-navigation .selected > a, .vertical-breadcrumb-navigation .selected > a:focus, .vertical-breadcrumb-navigation .selected > a:hover, .vertical-breadcrumb-navigation .selected > a:visited {color:#171717;} .vertical-breadcrumb-navigation li{padding:10px 0;border-bottom:1px solid #e4e4e4} .vertical-breadcrumb-navigation li:last-child{border-bottom:0} .vertical-breadcrumb-children{border-bottom:0;margin:10px 0 0; } .vertical-breadcrumb-children li{padding:5px 5px 5px 0;border-bottom:0;font-weight:normal} .vertical-breadcrumb-children a{border-bottom:0;background:#fff url(../images/interface/bg-vertical-breadcrumb-right-arrow.png) no-repeat 0 50% ;font-weight:normal;padding:0 0 0 15px} .vertical-breadcrumb-children a:focus, .vertical-breadcrumb-children a:hover, .vertical-breadcrumb-children a:active{background:#fff url(../images/interface/bg-vertical-breadcrumb-right-arrow.png) no-repeat 0 50%; text-decoration:underline} .vertical-breadcrumb-children .selected a{cursor:default} .vertical-breadcrumb-children .selected a:focus, .vertical-breadcrumb-children .selected a:hover{text-decoration:none} /* Breadcrumbs */ .breadcrumb{color:#fff;padding-bottom:20px} .breadcrumb li{padding:0 2px 0 17px;background: url(../images/interface/bg-breadcrumb-link.png) 5px 50% no-repeat;white-space:nowrap;} .breadcrumb li:first-child, .breadcrumb li.first-child{background:none;padding:0} .breadcrumb .home{background: url(../images/interface/icon-breadcrumb-home.png) 0 0 no-repeat;width:17px; height:17px;padding:0} .breadcrumb .current{margin:0} .breadcrumb a:visited, .mobile-parent a:visited{border:0;} .mobile-parent{display:none;position:relative;padding:0 0 0 25px;margin-bottom:10px } .mobile-parent .menu-indicator{left:0} /* Page header inside content */ .page-title{clear:both} .co-branding-logo{float:left;padding:0 20px 20px 0} .co-branding-container .page-title{clear:none} .page-sub-title{position:relative;z-index:0} /* Carousel */ .carousel{background:#fff;text-align:center;position:relative;} .carousel .carousel-container{position:relative;overflow:hidden;} .carousel .slides{left:0;margin:0;overflow:hidden;padding:0;position:relative;top:0;} .slides, .slide {padding:0;margin:0} .carousel li{position:relative;float:left;} .carousel a{overflow:hidden;} .carousel-controls{position:absolute;bottom:0;right:0} .carousel-controls li{width:50px;height:50px;margin-left:1px;} .carousel-control-btn{width:50px;height:50px;display:block;position:relative;} .carousel-control-btn .arrow-span{width:25px;height:25px;background-position:0 0;background-repeat:no-repeat;display:block;position:absolute;left:50%;margin-left:-12.5px;top:50%;margin-top:-12.5px } .carousel-controls .next .arrow-span {background-image:url(../images/interface/btn-carousel-next.png)} .carousel-controls .previous .arrow-span{background-image:url(../images/interface/btn-carousel-prev.png)} .slide{position:relative} .slide-caption{background:url(../images/interface/bg-carousel-caption.png) repeat 0 0 ;position:absolute;bottom:0;right:102px;color:#fff;padding:12px 16px 13px;left:20px;text-align:left} .slide-caption-txt{margin-right:40px;} .carousel-pagination{position:absolute;right:16px;bottom:16px} /* single banner with caption */ .banner .slide-caption{right:20px} .banner .slide-caption-txt{margin-right:0} /* Related links */ .related-links li {padding:10px 20px 10px 0; border-bottom:1px solid #e4e4e4;margin-bottom:0} .related-links li ul li { padding:0px 20px 0px 25px; margin-bottom:0; border:0; text-indent: -10px; } /* Listing item */ .listing-item{clear:both;position:relative;border-bottom:1px dotted #000000;margin-bottom:10px} .listing-item:last-child{border:0} /* news listing */ .news-listing{border-bottom:1px dashed #b5b5b5;} /* events */ .event-details{border:1px solid #e4e4e4;border-width:1px 0 1px 0;} .event-details-dl{float:left;margin:0;padding:0} .event-details-dl dt, .event-details-dl dd{float:left;margin:0;padding:5px 10px 5px 0;} .events-cta{float:right} .events-cta li{margin-left:10px} /* paging controls */ .paging{margin-top:-38px} .paging-btn{width:38px;height:38px;display:block;position:relative;} .arrow-span{width:8px;height:11px;background-position:0 0;background-repeat:no-repeat;display:block;position:absolute;left:50%;margin-left:-3px;top:50%;margin-top:-5px } .paging-btn:focus, .paging-btn:hover{background:#454545} .next .arrow-span {background-image:url(../images/interface/icon-fwd-btn-larger.png)} .previous .arrow-span{background-image:url(../images/interface/icon-back-btn-larger.png)} .current-date{color:#fff;line-height:38px;margin:0 39px;position:relative;right:39px;left:0;background:#171717;} .lt-ie8 .current-date{padding:2px 0 3px 0} .paging-container{text-align:center;} .paging .previous-li{float:left;border-right:1px solid #fff} .paging .next-li{float:right;border-left:1px solid #fff} /* search results */ .filter-navigation{margin-left:-7px;padding:8px 0 5px} .filter-navigation li{border-right:1px solid #444;line-height:14px;padding:0 7px;font-weight:bold} .filter-navigation li:last-child{border:0} /* teasers */ .teaser {clear:both} .teaser p{margin-bottom:20px;} .teaser-img-link{position:relative;display:block} .overlay{width:60px;height:60px;background: url(../images/interface/icon-media-sprite.png) 0 0 no-repeat;position:absolute;bottom:0;right:0;} .audio-overlay{background-position:-10px -10px} .video-overlay{background-position:-11px -108px} .teaser-img-link:focus .audio-overlay, .teaser-img-link:hover .audio-overlay{background-position:-97px -10px} .teaser-img-link:focus .video-overlay, .teaser-img-link:hover .video-overlay{background-position:-98px -108px} .focus-teaser{margin-bottom:20px;position:relative} .focus-teaser-img{width: 41.6667%;float: left;margin-right: 0;padding: 0;} .focus-teaser-txt{width: 58.3333%;float: left;margin-right: 0;padding: 0;} .lt-ie8 .focus-teaser-img{width: 41.1667%;} .lt-ie8 .focus-teaser-txt{width: 58.1333%;} .vertical-teaser-img{position:relative} .topic{position:absolute;top:0;left:0;z-index:12} /* .pagination */ .pagination {height: 36px;margin: 18px 0;position:relative;} .pagination ul {display: inline-block;margin-bottom: 0;margin-left: 0;} .lt-ie8 .pagination ul {display: inline;transform: scale(1)} .pagination li {display: inline;} .pagination a, .elipsis{float: left;padding: 5px 7px;line-height: 12px;text-decoration: none;border: 1px solid #d6d6d6;margin:0 2px;} .elipsis{border:0} .pagination a:hover,.pagination .active a {background-color: #f2f2f2;color:#000000;} .pagination .active a {cursor: default;font-weight:bold;} .pagination-centered {text-align: center;} .pagination-right {text-align: right;} .pagination .pagination-btn{border:0;width:8px;height:14px;display:block;position:relative;background:#000} .pagination .pagination-btn:hover{background:#454545} .pagination .previous-li{left:0;top:50%;margin-top:-6px} .pagination .next-li{right:0;top:50%;margin-top:-6px} /* navigation list */ .list-container{text-align:center} .mobile-list-layout{display:none} .desktop-list-layout{padding-bottom:10px} .desktop-list-layout li{background:url(../images/interface/bg-navigation-divider.png) center right no-repeat ;padding:0 14px 0 5px;display:inline-block; } .lt-ie8 .desktop-list-layout li{padding:0 10px 0 5px;display:inline} .desktop-list-layout li:last-child{background:none} .lt-ie8 .desktop-list-layout li{padding:0 4px 0 4px} .lt-ie8 .desktop-list-layout li a{padding:0 8px 0 0;top:2px} .lt-ie8 .desktop-list-layout a .list-indicator{bottom:-28px;margin-left:-26px} .desktop-list-layout a{position:relative;} .desktop-list-layout a .list-indicator{display:none;height:21px;width:41px;background:url(../images/interface/bg_list_indicator.png) 0 0 no-repeat;position:absolute;bottom:-35px;left:50%;margin-left:-22px} .desktop-list-layout a:focus .list-indicator, .desktop-list-layout a:hover .list-indicator, .desktop-list-layout .selected .list-indicator {display:block} /* Tables */ td, th { vertical-align: top; } table {max-width: 100%;background-color: transparent;border-collapse: collapse;border-spacing: 0; border:0;} .table {width: 100%;margin-bottom: 18px;} .table th,.table td {padding: 10px 15px;line-height: 18px;text-align: left;vertical-align: top} .table th {font-weight: bold;} .table thead th {vertical-align: bottom;} .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td {border-top: 0;} .table-condensed th,.table-condensed td {padding: 4px 5px;} .table-bordered {border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;border-collapse: separate;border-left: 0;} .lt-ie8 .table-bordered {border-collapse: collapsed;} .table-bordered td { border-left: 1px solid #e4e4e4;} .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td {border-top: 0;} .table-heading{display:none;font-weight:bold;padding-right: 10px; white-space: wrap;} caption{background:#fff;padding:5px 0} .responsive-table{position:relative} .expanded-table{width:1074px;} .full-width-table{width:1024px; max-width:1024px;} /* Calendar - Zebra_DatePicker: a lightweight jQuery date picker plugin*/ .Zebra_DatePicker table{width:100%;border:0;} .Zebra_DatePicker .dp_footer{display:none} .Zebra_DatePicker .dp_daypicker td{ text-align:right;padding:0 3px 9px 6px;background:#e1e1e1;border:1px solid #fff;border-width:0px 1px 0 0;cursor:pointer} .Zebra_DatePicker .dp_daypicker th{text-align:center;background:#fff;color:#444;font-weight:normal;padding:5px} .Zebra_DatePicker .dp_daypicker tr{border-bottom:1px solid #fff} .Zebra_DatePicker .dp_daypicker tr:last-child{border:0} .Zebra_DatePicker .dp_daypicker tr td:last-child{border-right:0;} .Zebra_DatePicker .dp_header{border-top:1px solid #d5d3d2} .Zebra_DatePicker .dp_header td { color: #FFF } .Zebra_DatePicker .dp_header .dp_previous, .Zebra_DatePicker .dp_header .dp_next{ width: 30px } .Zebra_DatePicker .dp_header .dp_caption, .Zebra_DatePicker .dp_header .dp_previous, .Zebra_DatePicker .dp_header .dp_next{ text-align:center;background:#fff;color:#444;padding:5px} .Zebra_DatePicker .dp_header .dp_hover{ background: #222; color: #FFF; } .Zebra_DatePicker .dp_header .dp_blocked{ color: #888; cursor: default } .Zebra_DatePicker td.dp_not_in_month{ background: #edeaea; color: #b4b3b3; cursor: default } .Zebra_DatePicker td.dp_selected{ background: #222; color: #FFF !important } .Zebra_DatePicker td.dp_current {background:#888888; color: #fff } .Zebra_DatePicker td.dp_disabled_current{ background: #edeaea; color: #b4b3b3;} .Zebra_DatePicker td.dp_disabled, .Zebra_DatePicker td.dp_weekend_disabled{background: #edeaea; color: #b4b3b3; cursor: default } .Zebra_DatePicker td.dp_hover{ background: #222; color: #FFF } .js .event-dates{display:none} .dp_highlighted a{display:block;position:relative;} .event-indicator{width:5px;height:5px;position:absolute;bottom:-4px;left:-2px;display:block;background:#f3f3f3} /* Tabs and pills */ .nav {margin-left: 0;margin-bottom: 20px;list-style: none;} .nav > li > a {display: block;} .nav > li > a:hover {text-decoration: none;background-color: #eeeeee;} .nav > li > a:visited {border:0} .nav-tabs{padding-left:20px;border-bottom:2px solid #0088cc;} .nav-tabs,.nav-pills {margin-bottom:0} .lt-ie8 .nav-tabs, .lt-ie8 .nav-pills {transform: scale(1)} .nav-tabs:before,.nav-pills:before, .nav-tabs:after,.nav-pills:after {display: table;content: "";line-height: 0;} .nav-tabs:after,.nav-pills:after {clear: both;} .nav-tabs > li,.nav-pills > li {float: left;margin:0;word-wrap: break-word;padding-bottom:0} .lt-ie8 .nav-tabs > li, .lt-ie8 .nav-pills > li {white-space:nowrap;} .nav-tabs > li > a, .nav-pills > li > a {padding-right: 12px;padding-left: 12px;margin-right: 2px;line-height: 20px;} .lt-ie8 .nav-pills > li a{padding-bottom:15px} .nav-tabs > li > a {padding-top: 8px;padding-bottom: 8px;line-height: 20px;} .nav-tabs > li > a:hover {border-color: #eeeeee #eeeeee #dddddd;} .nav-tabs > .active > a, .nav-tabs > .active > a:hover {cursor: default;color: #ffffff;background-color: #0088cc;} .nav-pills > li > a {padding-top: 8px;padding-bottom: 8px;margin-top: 2px;margin-bottom: 2px;} .nav-pills > .active > a, .nav-pills > .active > a:hover {color: #ffffff;background-color: #0088cc;} .tab-content {overflow: auto;} .tab-content > .tab-pane, .pill-content > .pill-pane {display: none;} .tab-content > .active,.pill-content > .active {display: block;} /* Notifications */ .notifications-panel{border-bottom:4px solid red;margin-bottom:20px;position:relative; -moz-box-shadow: 0 2px 1px 0 #eee;-webkit-box-shadow: 0 2px 1px 0 #eee;box-shadow: 0 2px 1px 0 #eee;} .notifications-panel p{padding-top:5px} .close-panel{width:23px;height:23px;position:absolute;top:4px;right:4px;background:url(../images/interface/btn-close-panel.png) 0 0 no-repeat} .notifications-icon{float:right;font-weight:bold;background-repeat:no-repeat;background-position:center left;padding:5px 5px 5px 30px ;margin-bottom:0} .success-icon{background-image:url(../images/interface/icon-success.png)} .warning-icon{background-image:url(../images/interface/icon-warning.png);padding-left:35px} .alert-icon{background-image:url(../images/interface/icon-alert.png)} .information-icon{background-image:url(../images/interface/icon-information.png)} /* Tooltips */ #tooltip{text-align: center;color: #f7fcff;background: #4f4f4f;position: absolute;z-index: 100;padding: 15px;border:1px solid #e4e4e4; -moz-box-shadow: 0 2px 1px 0 #eee;-webkit-box-shadow: 0 2px 1px 0 #eee;box-shadow: 0 2px 1px 0 #eee; } /* triangle decoration */ #tooltip:after{width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #4f4f4f; content: '';position: absolute;left: 50%;bottom: -10px;margin-left: -10px; } #tooltip.top:after{border-top-color: transparent;border-bottom: 10px solid #f7fcff;top: -20px;bottom: auto;} #tooltip.left:after{left: 10px;margin: 0;} #tooltip.right:after{right: 10px;left: auto;margin: 0;} /* Partnershp branding */ .partnership-branding{border-top:4px solid #eee} .logo-container{border-bottom:dotted 2px #e4e4e4;position:relative} .logo-container:last-child{border:0} .logo-list li{margin-top:25px;margin-right:40px} .branding-title{position:absolute;top:1px;right:0;} /* Section list */ .section-list-heading{display:block;border-right:1px solid #e4e4e4;margin-bottom:0} .section-list-children{border-right:1px solid #e4e4e4;margin-bottom:0} .section-list{margin-bottom:0} .section-list li{padding: 5px 0} .section-list-children li{border-bottom:1px solid #e4e4e4;font-weight:bold} .section-list-children li li, .section-list-children li:last-child{border:0;font-weight:normal} .lt-ie9 .section-list-children li.last{border:0;} .lt-ie9 .section-list-children li li{font-weight:normal} /* 8.0 MEDIA QUERIES ------------------------------------------------------------------------------------------------*/ /* larger screens */ @media only screen and (min-width: 1200px){ .wrap{width:1177px} } /* larger screens */ @media only screen and (max-width: 1199px){ .wrap{width:100%; } .homepage-quicklink{position:static} } /* standard desktop screens */ @media only screen and (max-width: 1280px){ .main-logo{padding:15px 10px} img.float-right{float:none;margin:10px 0 20px 0;} img.float-left{float:none;margin:10px 0 20px 0;} .desktop-list-layout li{padding:0 11px 0 1px;} } /* tablet portrait to standard desktop */ @media (min-width: 768px) and (max-width: 1280px) { } @media (max-width: 1000px) { /*Change main nav*/ .global-navigation{width:280px} .global-navigation li{width:33%} .global-navigation li a{padding:25px 10px} .header-container{width:auto;float:left} } /* font sizes to handle calendar in third column */ @media (min-width: 1081px) and (max-width: 1280px){ .column3 .Zebra_DatePicker table{font-size:10px} .column3 .Zebra_DatePicker .dp_daypicker td{ padding: 0 2px 5px 2px;} .column3 .event-indicator{bottom:0;left:0;} } @media (min-width: 1024px) and (max-width: 1080px) { .site-search .search-input input{width:50%} .column3 .Zebra_DatePicker table{font-size:9px} .column3 .Zebra_DatePicker .dp_daypicker td{ padding: 0 1px 2px 1px;} .column3 .event-indicator{bottom:1px;left:1px;} } /* tablet landscape */ @media only screen and (max-width: 1024px){ .site-search {padding-right:15px} .pagination a, .elipsis{padding: 8px 15px;line-height: 20px;} .pagination .pagination-btn{width:11px;height:22px;} .pagination .pagination-btn:focus, .pagination .pagination-btn:hover{background:#454545} .pagination .previous-li{left:0;top:50%;margin-top:-10px} .pagination .next-li{right:0;top:50%;margin-top:-10px} .column3 .Zebra_DatePicker table{font-size:9px} .column3 .Zebra_DatePicker .dp_daypicker td{ padding: 0 1px 2px 1px;} .column3 .event-indicator{bottom:1px;left:1px;} } /* tablet portrait */ @media (min-width: 768px) and (max-width: 979px) { .column3 .Zebra_DatePicker table{font-size:8px} .site-search .search-input input{width:50%} blockquote.float-right {display:none} } /* anything smaller than tablet portrait ie. mobile devices */ @media (max-width: 767px) { .page-header h1, .carousel-content p, .page-title{font-size: 28px;line-height: 34px;margin-bottom:0} .page-sub-title h2, .sub-title{font-size: 26px;line-height: 32px;color:#fff;margin-bottom:0} .homepage-content h2{font-size: 26px;line-height: 32px;margin-bottom:0} h1, .light-heading{font-size: 26px;line-height: 32px;} h2, .slide-caption-txt, legend, .highlight-day{font-size: 24px;line-height: 30px;} h3{font-size: 22px;line-height: 28px;} h4,.branding-title, .sub-section-page .page-header h1, .sub-section-page .page-title {font-size:20px;line-height: 26px} h5, .vertical-breadcrumb, .enlarged-text, .teaser-title, .primary-cta, .btn, .local-footer h3, .global-footer h3, .desktop-list-layout, .local-navigation {font-size:18px;line-height: 24px} h6, .simple-heading, .listing-title, .news-listing .datestamp, .current-date{font-size:17px;line-height: 23px} .nav-tabs, .nav-pills{font-size:17px;line-height: 20px} .nav-tabs > li > a, .nav-pills > li > a {line-height:20px} body, label, input, button, select, textarea, .global-navigation, h4, h5, h6, .topic{font-size: 16px; line-height: 22px;} .pagination, .highlight, .highlight-alert, .datestamp, .search-term, .topic{font-size:15px;line-height: 20px} p, li {margin:0 0 15px 0} ul, ol{padding: 0;margin: 15px 0 9px 15px;} img.float-right{margin:10px 0 10px 0;} img.float-left{margin:10px 0 10px 0;} blockquote.float-right {display:none} textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .input-block-level {height: 22px;} .input-block-level {min-height: 32px;} select, input[type="file"] { height: 32px;line-height: 32px;} /*reset fixed width columns back to full width for mobile */ [class*="column"], .column{ float: none; display: block; width: auto; margin-left: 0; } .wrap{width:100%} .search-container{padding:20px;} .no-left-padding{padding: 0 20px 20px 20px} .recessed-secondary-content {margin-top:0} .spacing-column, .sub-section-title{display:none} .homepage-logo-header{display:none} .footer-navigation{background: none;} .footer-navigation ul{display:none} .footer-navigation ul.page-children, .footer-navigation ul.global-footer-links{display:block} .horizontal-teaser-img{padding:0 0 20px 0 } .horizontal-teaser-txt{padding:0 0 0 0 } .navigation-open .row{margin-left:260px} .site-search{float:right;} .js .search-drawer, .close-menu{display:none} .js .search-open{display:block} .site-search .search-input{display:none} .icon-search-btn{display:block} .main-logo {padding:15px 0;margin-left:-89px;position:absolute;left:50%} .homepage-header .main-logo{display:block} .home-link-container{display:block;} .home-link-container a{display:block;padding:21px 15px;border-right:1px solid #2f2f2f;font-weight:bold;} .global-navigation-container li a, .global-navigation-header-container li a{background:none} .home-link-container a, .quicklink-list li a, .global-navigation-outer { background:url(../images/interface/bg-mobile-nav-border.png) repeat-x bottom left; } .global-navigation-outer {padding-bottom:2px} .home-link-container a:focus, .global-navigation-mobile-list a:focus, .js .quicklink-list a:focus, .home-link-container a:hover, .global-navigation-mobile-list a:hover, .js .quicklink-list a:hover{text-decoration:none} .home-link-container, .global-navigation-mobile-list, .quicklink-list li {margin:0; background:#323232; background-image: linear-gradient(bottom, rgb(50,50,50) 17%, rgb(59,59,59) 59%); background-image: -o-linear-gradient(bottom, rgb(50,50,50) 17%, rgb(59,59,59) 59%); background-image: -moz-linear-gradient(bottom, rgb(50,50,50) 17%, rgb(59,59,59) 59%); background-image: -webkit-linear-gradient(bottom, rgb(50,50,50) 17%, rgb(59,59,59) 59%); background-image: -ms-linear-gradient(bottom, rgb(50,50,50) 17%, rgb(59,59,59) 59%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.17, rgb(50,50,50)), color-stop(0.59, rgb(59,59,59)) );} .home-link-container:hover, .quicklink-list li:hover, .home-link-container:focus, .quicklink-list li:focus{ background:#2a2a2a; background-image: linear-gradient(bottom, rgb(36,36,36) 20%, rgb(42,42,42) 80%); background-image: -o-linear-gradient(bottom, rgb(36,36,36) 20%, rgb(42,42,42) 80%); background-image: -moz-linear-gradient(bottom, rgb(36,36,36) 20%, rgb(42,42,42) 80%); background-image: -webkit-linear-gradient(bottom, rgb(36,36,36) 20%, rgb(42,42,42) 80%); background-image: -ms-linear-gradient(bottom, rgb(36,36,36) 20%, rgb(42,42,42) 80%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.2, rgb(36,36,36)), color-stop(0.8, rgb(42,42,42)) ); } .global-navigation-header-container{padding:0 20px 0;margin:0} .global-navigation-container{padding:0 20px 20px;margin:0;border-right:0} .global-navigation-header-container li, .global-navigation-container li {padding:0;border-bottom:2px solid #212121;margin:0} .global-navigation-header-container li{padding:0} .global-navigation-container li {padding:0 ;margin:0} .global-navigation-container {padding:0} .global-navigation-container.last li{padding:0} .global-navigation-header-container li a{position:relative;left:-20px;font-weight:bold;padding:15px;display:block;margin-right:-40px} .js .quicklink-list a, .js .quicklink-list a:link, .js .quicklink-list a:visited{ padding: 15px 15px 20px;} .global-navigation-container li a{display:block;padding:10px 20px} .global-navigation-header-container li a:focus, .global-navigation-header-container li a:hover, .global-navigation-container li a:focus, .global-navigation-container li a:hover{ background:#292929; background-image: linear-gradient(bottom, rgb(40,40,40) 20%, rgb(41,41,41) 80%); background-image: -o-linear-gradient(bottom, rgb(40,40,40) 20%, rgb(41,41,41) 80%); background-image: -moz-linear-gradient(bottom, rgb(40,40,40) 20%, rgb(41,41,41) 80%); background-image: -webkit-linear-gradient(bottom, rgb(40,40,40) 20%, rgb(41,41,41) 80%); background-image: -ms-linear-gradient(bottom, rgb(40,40,40) 20%, rgb(41,41,41) 80%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.2, rgb(40,40,40)), color-stop(0.8, rgb(41,41,41)) );} .global-navigation-container{font-weight:normal} .quicklink-list{padding:3px 0 0 0 ;background:url(../images/interface/bg-mobile-nav-border.png) repeat-x top left;font-weight:bold;position:relative;top:-2px} .quicklink-list li{padding:0;border-bottom:0} .quicklink-list li a{padding:10px 10px 10px 0;} .js .quicklink-list a, .js .quicklink-list a:link, .js .quicklink-list a:visited{background-position:bottom left} .global-navigation-container p, .global-navigation-tertiary, .global-navigation, .js .quicklink, .tertiary-navigation{display:none} .js .quicklink-list, .js .open-menu, .js .global-navigation-drawer, .js .global-navigation-outer{display:block} .global-navigation-drawer{width:260px;position:absolute;left:-260px;top:-1px;} /* styles for menu opening navigation - ipad portrait and lower */ .js .local-navigation li.back-link, .js .local-navigation li.back-link a {display: block;font-size: inherit;height: auto;visibility: visible;position:static} .js .local-navigation-container a{padding: 15px 30px 15px 25px;} .js .local-navigation-container li.sub>a{background-image:none; padding: 15px 30px 15px 25px;} .js .menu-btn{margin:0;display:block;} .menu-indicator{height:20px;width:20px;position:absolute;top:50%;left:10px;display:block;margin-top:-10px;border-radius:1px; -webkit-border-radius:1px;background-repeat:no-repeat;background-position:50% 50%} .fwd-btn{right:10px;left:auto;background-image:url(../images/interface/icon-fwd-btn.png) } .back-btn{left:25px;background-image:url(../images/interface/icon-back-btn.png)} .js .menu-btn span{padding:15px 0 15px 25px;display:block} .js .menu-btn a{padding:0;position:relative;} .js .menu-btn .menu-btn-arrow{width:53px;height:53px;display:block;position:absolute;top:0;right:0;padding:0;background-repeat:no-repeat;background-position:50% 50%} .js .local-navigation .local-navigation-container{position:absolute;left:-9999px;} .js .local-navigation ul{margin:0;width:480px;position:absolute;} .js .local-navigation li{float:none;} .js .local-navigation li.title{display:block} .js .local-navigation li.title, .js .local-navigation li.current-page > a{font-weight:bold} .js .local-navigation li.title a{cursor:default} .js .local-navigation li.current-page > a{background-image:url(../images/interface/icon-fwd-btn.png);background-position: 25px 50%;background-repeat: no-repeat;padding-left:40px } .js .local-navigation ul li ul{left:480px;top:0;padding-top:0} .js .local-navigation ul li.current>ul, .js .local-navigation ul li.current ul li.current>ul, .js .local-navigation ul li.current ul li.current ul li.current>ul, .js .local-navigation ul li.current ul li.current ul li.current ul li.current>ul, .js .local-navigation ul li.current ul li.current ul li.current ul li.current ul li.current>ul, .js .local-navigation ul li.current ul li.current ul li.current ul li.current ul li.current ul li.current>ul{display:block} .js .local-navigation ul li ul, .js .local-navigation ul li.current ul li ul, .js .local-navigation ul li.current ul li.current ul li ul, .js .local-navigation ul li.current ul li.current ul li.current ul li ul, .js .local-navigation ul li.current ul li.current ul li.current ul li.current ul li ul, .js .local-navigation ul li.current ul li.current ul li.current ul li.current ul li.current ul li ul{display:none} /* styles for sub and title links */ .js .local-navigation li a{display:block;color:#fff;text-decoration:none;} .js .local-navigation-container li.back-link a{position:relative;padding: 15px 30px 15px 50px;} .co-branding-logo{float:none} .open-menu{margin: 15px;} .breadcrumb{display:none} .mobile-parent{display:block;} .section-page .mobile-parent, .sub-section-page .mobile-parent{display:none} .listing-txt{padding:20px 0 0 } .listing-img{padding:0 0 10px} .event-details-dl dt, .event-details-dl dd, .event-details-dl{float:none} .event-details, .column6 .event-details{background-image:none} .current-date{padding:7px 0 8px 0} .slide-caption{opacity:1;position:static;} .carousel{overflow:hidden;background:#000} .carousel-controls{position:absolute;top:0;bottom:auto;left:0;right:auto;width:100%} .carousel-controls li{margin:0;width:50px;float:none;height:auto;position:absolute;top:0;} .slide-caption{background:#000} .carousel-control-btn{overflow:auto;width:auto;opacity:0.8} .carousel-content{text-align:left} .next-li{right:0;left:auto;} .event-cta-container{padding:30px 20px 0 20px} .events-cta {float:none} .events-cta li{margin-left:0;float:none;margin-bottom:30px} .table th, .table td {line-height: 24px} /* Force table to not be like tables anymore */ .vertical-stacking-table table, .vertical-stacking-table thead, .vertical-stacking-table tbody, .vertical-stacking-table th, .vertical-stacking-table td, .vertical-stacking-table tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ .vertical-stacking-table thead tr { position: absolute;top: -9999px;left: -9999px;} .vertical-stacking-table tr { border: 1px solid #ccc; } /* Behave like a "row" */ .vertical-stacking-table td { border: none;border-bottom: 1px solid #e4e4e4; } .vertical-stacking-table td:before { white-space: wrap;} .table-heading{display:block;} .nav-tabs{padding-left:0} .column3 .Zebra_DatePicker table{font-size:16px} .column3 .Zebra_DatePicker .dp_daypicker td{ padding: 0 3px 9px 6px;} .overlay{right:auto;left:0} .mobile-list-layout{display:block} .desktop-list-layout{display:none} .notifications-container{padding:10px 20px} .notifications-icon {float:none} .close-panel{top:10px;right:20px} .section-list li li{padding: 0 0 10px} .section-list li li li{padding: 5px 0 5px} } /* iphone landscape */ @media (max-width: 480px) {} /* 9.0 COLOUR THEMES ------------------------------------------------------------------------------------------------*/ /* COLOUR LEGEND */ /* Default - turquoise */ .page-header, .local-footer{background:#106470} .local-footer h3 a{color:#91b9a4;} .page-sub-title, .banner-content{background:#1e7680} .tertiary-navigation{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAM0lEQVQYV2NkQAM3P3/7r87LxYgsDBLDEMCmCCQGV4jLJJhGsEJCikBqGIlRBFY4nDwDAIeHT431w+WIAAAAAElFTkSuQmCC);min-height:100%} .carousel-control-btn{background:#28828a} .carousel-control-btn:hover{background:#0c5963} .homepage-carousel .slide{background:#28828a;color:#fff} .partnership-branding{border-color:#28828a} .highlight-date{background:#28828a} .focus-teaser{background:#106470;} .focus-link{background-color:#0c5963} .main-content h1, .main-content h2 {color:#106470 } table, .table-bordered {border-bottom:2px solid #28828a;} th{background:#28828a;color:#fff} th.alt{background:#fff;color:#28828a} .table-striped tbody tr:nth-child(even) td, .table-striped tbody tr:nth-child(even) th { background-color: #d2f3e1;} .table-bordered th{border-left: 1px solid #d2f3e1;} /* local navigation */ .local-navigation {background:#0c5963;border-bottom:1px solid #106470;border-top:1px solid #106470} .local-navigation a{background:#0c5963;border-right:1px solid #106470;border-bottom:1px solid #106470;border-top:1px solid #106470} .local-navigation a:focus, .local-navigation a:hover, .local-navigation a:active{background-color:#1e7680;} .local-navigation a.selected{background:#28828a} .local-navigation li.hover a{background-color:#003a41;border-bottom:0} .local-navigation li.sub li a{background-color: #003a41;border-right:0; } .local-navigation li.sub li li a{border-bottom:1px solid #0c5963;} .local-navigation li.sub li:last-child a {border-bottom:0;} .js .local-navigation li.sub>a:focus, .js .local-navigation li.sub>a:hover, .js .local-navigation li.sub>a:active{background-color:#0c5963;} .js .local-navigation li.sub a:focus, .js .local-navigation li.sub a:hover{background-color: #003a41} .js .local-navigation li.sub li a:focus, .js .local-navigation li.sub li a:hover{background-color: #0c5963;} /* Theme 1 - blue #002e55 dark highlight #003e74 page header colours/global footer #004e8f carousel btn hover #004e8f main local nav bar #005dab lighter highlight #0072cf selected state/carousel text bg #68ace5 pale tone - lightest highlight/footer headings #d2e4f3 pale table bg */ .theme-1 .page-header, .theme-1 .local-footer{background:#003e74} .theme-1 .local-footer h3 a{color:#68ace5;} .theme-1 .page-sub-title, .theme-1 .banner-content{background:#005dab} .theme-1 .tertiary-navigation{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAM0lEQVQYV2NkQAM3X/34ry7GwYgsDBLDEMCmCCQGV4jLJJhGsEJCikBqGIlRBFY4nDwDAHbOT3++G7jxAAAAAElFTkSuQmCC);min-height:100%} .theme-1 .carousel-control-btn{background:#0072cf} .theme-1 .carousel-control-btn:hover{background:#004e8f} .theme-1 .homepage-carousel .slide{background:#0072cf;color:#fff} .theme-1 .partnership-branding{border-color:#0072cf} .theme-1 .highlight-date{background:#0072cf} .theme-1 .focus-teaser{background:#003e74;} .theme-1 .focus-link{background-color:#004e8f} .theme-1 .main-content h1, .theme-1 .main-content h2 {color:#003e74 } .theme-1 table, .theme-1 .table-bordered {border-bottom:2px solid #0072cf;} .theme-1 th{background:#0072cf;color:#fff} .theme-1 th.alt{background:#fff;color:#0072cf} .theme-1 .table-striped tbody tr:nth-child(even) td, .theme-1 .table-striped tbody tr:nth-child(even) th { background-color: #d2e4f3;} .theme-1 .table-bordered th{border-left: 1px solid #d2e4f3;} /* local navigation */ .theme-1 .local-navigation {background:#004e8f;border-bottom:1px solid #003e74;border-top:1px solid #003e74} .theme-1 .local-navigation a{background:#004e8f;border-right:1px solid #003e74;border-bottom:1px solid #003e74;border-top:1px solid #003e74} .theme-1 .local-navigation a:focus, .theme-1 .local-navigation a:hover, .theme-1 .local-navigation a:active{background-color:#005dab;} .theme-1 .local-navigation a.selected{background:#0072cf } .theme-1 .local-navigation li.hover a{background-color:#002e55} .theme-1 .local-navigation li.sub li a{background-color: #002e55;border-right:0; } .theme-1 .local-navigation li.sub li li a{border-bottom:1px solid #004e8f;} .theme-1 .local-navigation li.sub li:last-child a {border-bottom:0;} .js .theme-1 .local-navigation li.sub>a:focus, .js .theme-1 .local-navigation li.sub>a:hover, .js .theme-1 .local-navigation li.sub>a:active{background-color:#004e8f;} .js .theme-1 .local-navigation li.sub a:focus, .js .theme-1 .local-navigation li.sub a:hover{background-color: #002e55} .js .theme-1 .local-navigation li.sub li a:focus, .js .theme-1 .local-navigation li.sub li a:hover{background-color: #004e8f;} /* Theme 2 - turquoise #003a41 dark highlight #106470 page header colours/global footer #0c5963 carousel btn hover #0c5963 main local nav bar #1e7680 lighter highlight #28828a selected state/carousel text bg #91b9a4 pale tone - lightest highlight/footer headings #d2f3e1 pale - table bg */ .theme-2 .page-header, .theme-2 .local-footer{background:#106470} .theme-2 .local-footer h3 a{color:#91b9a4;} .theme-2 .page-sub-title, .theme-2 .banner-content{background:#1e7680} .theme-2 .tertiary-navigation{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAM0lEQVQYV2NkQAM3P3/7r87LxYgsDBLDEMCmCCQGV4jLJJhGsEJCikBqGIlRBFY4nDwDAIeHT431w+WIAAAAAElFTkSuQmCC);min-height:100%} .theme-2 .carousel-control-btn{background:#28828a} .theme-2 .carousel-control-btn:hover{background:#0c5963} .theme-2 .homepage-carousel .slide{background:#28828a;color:#fff} .theme-2 .partnership-branding{border-color:#28828a} .theme-2 .highlight-date{background:#28828a} .theme-2 .focus-teaser{background:#106470;} .theme-2 .focus-link{background-color:#0c5963} .theme-2 .main-content h1, .theme-2 .main-content h2 {color:#106470 } .theme-2 table, .theme-2 .table-bordered {border-bottom:2px solid #28828a;} .theme-2 th{background:#28828a;color:#fff} .theme-2 th.alt{background:#fff;color:#28828a} .theme-2 .table-striped tbody tr:nth-child(even) td, .theme-2 .table-striped tbody tr:nth-child(even) th { background-color: #d2f3e1;} .theme-2 .table-bordered th{border-left: 1px solid #d2f3e1;} /* local navigation */ .theme-2 .local-navigation {background:#0c5963;border-bottom:1px solid #106470;border-top:1px solid #106470} .theme-2 .local-navigation a{background:#0c5963;border-right:1px solid #106470;border-bottom:1px solid #106470;border-top:1px solid #106470} .theme-2 .local-navigation a:focus, .theme-2 .local-navigation a:hover, .theme-2 .local-navigation a:active{background-color:#1e7680;} .theme-2 .local-navigation a.selected{background:#28828a} .theme-2 .local-navigation li.hover a{background-color:#003a41} .theme-2 .local-navigation li.sub li a{background-color: #003a41;border-right:0; } .theme-2 .local-navigation li.sub li li a{border-bottom:1px solid #0c5963;} .theme-2 .local-navigation li.sub li:last-child a {border-bottom:0;} .js .theme-2 .local-navigation li.sub>a:focus, .js .theme-2 .local-navigation li.sub>a:hover, .js .theme-2 .local-navigation li.sub>a:active{background-color:#0c5963;} .js .theme-2 .local-navigation li.sub a:focus, .js .theme-2 .local-navigation li.sub a:hover{background-color: #003a41} .js .theme-2 .local-navigation li.sub li a:focus, .js .theme-2 .local-navigation li.sub li a:hover{background-color: #0c5963;} /* Theme 3 - purple #35254a dark highlight #422e5d page header colours/global footer #6a2068 carousel btn hover - should i change this? #612d70 main local nav bar #782c7e lighter highlight #8f2b8c selected state/carousel text bg #af95a3 pale tone - lightest highlight/footer headings #f4d3e5 pale table bg */ .theme-3 .page-header, .theme-3 .local-footer{background:#422e5d} .theme-3 .local-footer h3 a{color:#af95a3;} .theme-3 .page-sub-title, .theme-3 .banner-content{background:#782c7e} .theme-3 .tertiary-navigation{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQALv7r/7zwjjgzhCikKMYAEYB8RmROaABAAPAg+/3tdmjQAAAABJRU5ErkJggg==);min-height:100%} .theme-3 .carousel-control-btn{background:#8f2b8c} .theme-3 .carousel-control-btn:hover{background:#6a2068} .theme-3 .homepage-carousel .slide{background:#8f2b8c;color:#fff} .theme-3 .partnership-branding{border-color:#8f2b8c} .theme-3 .highlight-date{background:#8f2b8c} .theme-3 .focus-teaser{background:#422e5d;} .theme-3 .focus-link{background-color:#612d70} .theme-3 .main-content h1, .theme-3 .main-content h2 {color:#422e5d } .theme-3 table, .theme-3 .table-bordered {border-bottom:2px solid #8f2b8c;} .theme-3 th{background:#8f2b8c;color:#fff} .theme-3 th.alt{background:#fff;color:#8f2b8c} .theme-3 .table-striped tbody tr:nth-child(even) td, .theme-3 .table-striped tbody tr:nth-child(even) th { background-color: #f4d3e5;} .theme-3 .table-bordered th{border-left: 1px solid #f4d3e5;} /* local navigation */ .theme-3 .local-navigation {background:#612d70;border-bottom:1px solid #422E5D;border-top:1px solid #422E5D} .theme-3 .local-navigation a{background:#612d70;border-right:1px solid #422E5D;border-bottom:1px solid #422E5D;border-top:1px solid #422E5D} .theme-3 .local-navigation a:focus, .theme-3 .local-navigation a:hover, .theme-3 .local-navigation a:active{background-color:#782c7e;} .theme-3 .local-navigation a.selected{background:#8f2b8c } .theme-3 .local-navigation li.hover a{background-color:#35254a} .theme-3 .local-navigation li.sub li a{background-color: #35254a;border-right:0; } .theme-3 .local-navigation li.sub li li a{border-bottom:1px solid #612d70;} .theme-3 .local-navigation li.sub li:last-child a {border-bottom:0;} .js .theme-3 .local-navigation li.sub>a:focus, .js .theme-3 .local-navigation li.sub>a:hover, .js .theme-3 .local-navigation li.sub>a:active{background-color:#612d70;} .js .theme-3 .local-navigation li.sub a:focus, .js .theme-3 .local-navigation li.sub a:hover{background-color: #35254a} .js .theme-3 .local-navigation li.sub li a:focus, .js .theme-3 .local-navigation li.sub li a:hover{background-color: #612d70;} /* Theme 4 - green #222f16 dark highlight #304220 page header colours/global footer #355918 carousel btn hover #355918 main local nav bar #4b7016 lighter highlight #57831a selected state #aab300 pale tone - lightest highlight #f4f6cd pale table bg */ .theme-4 .page-header, .theme-4 .local-footer{background:#304220} .theme-4 .local-footer h3 a{color:#aab300;} .theme-4 .page-sub-title, .theme-4 .banner-content{background:#4b701c} .theme-4 .tertiary-navigation{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAM0lEQVQYV2NkQAPPPt39L8WnzIgsDBLDEMCmCCQGV4jLJJhGsEJCikBqGIlRBFY4nDwDAGjMT3NzIr6SAAAAAElFTkSuQmCC);min-height:100%} .theme-4 .carousel-control-btn{background:#57831a} .theme-4 .carousel-control-btn:hover{background:#355918} .theme-4 .homepage-carousel .slide{background:#57831a;color:#fff} .theme-4 .partnership-branding{border-color:#57831a} .theme-4 .highlight-date{background:#57831a} .theme-4 .focus-teaser{background:#304220;} .theme-4 .focus-link{background-color:#355918} .theme-4 .main-content h1, .theme-4 .main-content h2 {color:#304220 } .theme-4 table, .theme-4 .table-bordered {border-bottom:2px solid #57831a;} .theme-4 th{background:#57831a;color:#fff} .theme-4 th.alt{background:#fff;color:#57831a} .theme-4 .table-striped tbody tr:nth-child(even) td, .theme-4 .table-striped tbody tr:nth-child(even) th { background-color: #f4f6cd;} .theme-4 .table-bordered th{border-left: 1px solid #f4f6cd;} /* local navigation */ .theme-4 .local-navigation {background:#355918;border-bottom:1px solid #304220;border-top:1px solid #304220} .theme-4 .local-navigation a{background:#355918;border-right:1px solid #304220;border-bottom:1px solid #304220;border-top:1px solid #304220} .theme-4 .local-navigation a:focus, .theme-4 .local-navigation a:hover, .theme-4 .local-navigation a:active{background-color:#4b701c;} .theme-4 .local-navigation a.selected{background:#57831a } .theme-4 .local-navigation li.hover a{background-color:#222f16} .theme-4 .local-navigation li.sub li a{background-color: #222f16;border-right:0; } .theme-4 .local-navigation li.sub li li a{border-bottom:1px solid #355918;} .theme-4 .local-navigation li.sub li:last-child a {border-bottom:0;} .js .theme-4 .local-navigation li.sub>a:focus, .js .theme-4 .local-navigation li.sub>a:hover, .js .theme-4 .local-navigation li.sub>a:active{background-color:#355918;} .js .theme-4 .local-navigation li.sub a:focus, .js .theme-4 .local-navigation li.sub a:hover{background-color: #222f16} .js .theme-4 .local-navigation li.sub li a:focus, .js .theme-4 .local-navigation li.sub li a:hover{background-color: #355918;} /* Theme 5 - orange #772801 dark highlight #c44101 page header colours/global footer #ab3901 carousel btn hover #ab3901 main local nav bar #d45812 lighter highlight #df671d selected state #f3bd48 pale tone - lightest highlight #f5e7ca pale table bg */ .theme-5 .page-header, .theme-5 .local-footer{background:#c44101} .theme-5 .local-footer h3 a{color:#f3bd48;} .theme-5 .page-sub-title, .theme-5 .banner-content{background:#d45812} .theme-5 .tertiary-navigation{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAM0lEQVQYV2NkQAN/Xt3/zyKmyIgsDBLDEMCmCCQGV4jLJJhGsEJCikBqGIlRBFY4nDwDAI8kT5P7ti8QAAAAAElFTkSuQmCC);min-height:100%} .theme-5 .carousel-control-btn{background:#df671d} .theme-5 .carousel-control-btn:hover{background:#ab3901} .theme-5 .homepage-carousel .slide{background:#df671d;color:#fff} .theme-5 .partnership-branding{border-color:#df671d} .theme-5 .highlight-date{background:#df671d} .theme-5 .focus-teaser{background:#c44101;} .theme-5 .focus-link{background-color:#ab3901} .theme-5 .main-content h1, .theme-5 .main-content h2 {color:#c44101 } .theme-5 table, .theme-5 .table-bordered {border-bottom:2px solid #df671d;} .theme-5 th{background:#df671d;color:#fff} .theme-5 th.alt{background:#fff;color:#df671d} .theme-5 .table-striped tbody tr:nth-child(even) td, .theme-5 .table-striped tbody tr:nth-child(even) th { background-color: #f5e7ca;} .theme-5 .table-bordered th{border-left: 1px solid #f5e7ca;} /* local navigation */ .theme-5 .local-navigation {background:#ab3901;border-bottom:1px solid #c44101;border-top:1px solid #c44101} .theme-5 .local-navigation a{background:#ab3901;border-right:1px solid #c44101;border-bottom:1px solid #c44101;border-top:1px solid #c44101} .theme-5 .local-navigation a:focus, .theme-5 .local-navigation a:hover, .theme-5 .local-navigation a:active{background-color:#d45812;} .theme-5 .local-navigation a.selected{background:#df671d } .theme-5 .local-navigation li.hover a{background-color:#772801} .theme-5 .local-navigation li.sub li a{background-color: #772801;border-right:0; } .theme-5 .local-navigation li.sub li li a{border-bottom:1px solid #ab3901;} .theme-5 .local-navigation li.sub li:last-child a {border-bottom:0;} .js .theme-5 .local-navigation li.sub>a:focus, .js .theme-5 .local-navigation li.sub>a:hover, .js .theme-5 .local-navigation li.sub>a:active{background-color:#ab3901;} .js .theme-5 .local-navigation li.sub a:focus, .js .theme-5 .local-navigation li.sub a:hover{background-color: #772801} .js .theme-5 .local-navigation li.sub li a:focus, .js .theme-5 .local-navigation li.sub li a:hover{background-color: #ab3901;} /* Theme 6 - red #6c112a dark highlight #851735 page header colours/global footer #a51137 carousel btn hover #a51137 main local nav bar #be1741 lighter highlight #d61746 selected state #eb99a9 pale tone - lightest highlight #f8e1e5 pale table bg */ .theme-6 .page-header, .theme-6 .local-footer{background:#851735} .theme-6 .local-footer h3 a{color:#eb99a9;} .theme-6 .page-sub-title, .theme-6 .banner-content{background:#be1741} .theme-6 .tertiary-navigation{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAM0lEQVQYV2NkQAM/bz36z64mx4gsDBLDEMCmCCQGV4jLJJhGsEJCikBqGIlRBFY4nDwDAGjoT3MabQ+4AAAAAElFTkSuQmCC);min-height:100%} .theme-6 .carousel-control-btn{background:#d61746} .theme-6 .carousel-control-btn:hover{background:#a51137} .theme-6 .homepage-carousel .slide{background:#d61746;color:#fff} .theme-6 .partnership-branding{border-color:#d61746} .theme-6 .highlight-date{background:#d61746} .theme-6 .focus-teaser{background:#851735;} .theme-6 .focus-link{background-color:#a51137} .theme-6 .main-content h1, .theme-6 .main-content h2 {color:#851735 } .theme-6 table, .theme-6 .table-bordered {border-bottom:2px solid #d61746;} .theme-6 th{background:#d61746;color:#fff} .theme-6 th.alt{background:#fff;color:#d61746} .theme-6 .table-striped tbody tr:nth-child(even) td, .theme-6 .table-striped tbody tr:nth-child(even) th { background-color: #f8e1e5;} .theme-6 .table-bordered th{border-left: 1px solid #f8e1e5;} /* local navigation */ .theme-6 .local-navigation {background:#a51137;border-bottom:1px solid #851735;border-top:1px solid #851735} .theme-6 .local-navigation a{background:#a51137;border-right:1px solid #851735;border-bottom:1px solid #851735;border-top:1px solid #851735} .theme-6 .local-navigation a:focus, .theme-6 .local-navigation a:hover, .theme-6 .local-navigation a:active{background-color:#be1741;} .theme-6 .local-navigation a.selected{background:#d61746} .theme-6 .local-navigation li.hover a{background-color:#6c112a} .theme-6 .local-navigation li.sub li a{background-color: #6c112a;border-right:0; } .theme-6 .local-navigation li.sub li li a{border-bottom:1px solid #a51137;} .theme-6 .local-navigation li.sub li:last-child a {border-bottom:0;} .js .theme-6 .local-navigation li.sub>a:focus, .js .theme-6 .local-navigation li.sub>a:hover, .js .theme-6 .local-navigation li.sub>a:active{background-color:#a51137;} .js .theme-6 .local-navigation li.sub a:focus, .js .theme-6 .local-navigation li.sub a:hover{background-color: #6c112a} .js .theme-6 .local-navigation li.sub li a:focus, .js .theme-6 .local-navigation li.sub li a:hover{background-color: #a51137;} /* Theme 7 - grey #2F2F2F dark highlight #404040 page header colours/global footer #5F5F5F carousel btn hover #5F5F5F main local nav bar #7d7777 lighter highlight #8C8989 selected state #EAE8E8 pale tone - lightest highlight #DBD9D9 pale table bg */ .theme-7 .page-header, .theme-7 .local-footer{background:#404040} .theme-7 .local-footer h3 a{color:#EAE8E8;} .theme-7 .page-sub-title, .theme-7 .banner-content{background:#7d7777} .theme-7 .tertiary-navigation{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAHElEQVQYlWNgQAOfP3/+T1BsMCrCBgajO4n1DACTJUzhVcNWTAAAAABJRU5ErkJggg);min-height:100%} .theme-7 .carousel-control-btn{background:#8C8989} .theme-7 .carousel-control-btn:hover{background:#5F5F5F} .theme-7 .homepage-carousel .slide{background:#8C8989;color:#fff} .theme-7 .partnership-branding{border-color:#8C8989} .theme-7 .highlight-date{background:#8C8989} .theme-7 .focus-teaser{background:#404040;} .theme-7 .focus-link{background-color:#5F5F5F} .theme-7 .main-content h1, .theme-7 .main-content h2 {color:#404040 } .theme-7 table, .theme-7 .table-bordered {border-bottom:2px solid #8C8989;} .theme-7 th{background:#8C8989;color:#fff} .theme-7 th.alt{background:#fff;color:#8C8989} .theme-7 .table-striped tbody tr:nth-child(even) td, .theme-7 .table-striped tbody tr:nth-child(even) th { background-color: #DBD9D9;} .theme-7 .table-bordered th{border-left: 1px solid #DBD9D9;} /* local navigation */ .theme-7 .local-navigation {background:#5F5F5F;border-bottom:1px solid #404040;border-top:1px solid #404040} .theme-7 .local-navigation a{background:#5F5F5F;border-right:1px solid #404040;border-bottom:1px solid #404040;border-top:1px solid #404040} .theme-7 .local-navigation a:focus, .theme-7 .local-navigation a:hover, .theme-7 .local-navigation a:active{background-color:#7d7777;} .theme-7 .local-navigation a.selected{background:#8C8989} .theme-7 .local-navigation li.hover a{background-color:#2F2F2F} .theme-7 .local-navigation li.sub li a{background-color: #2F2F2F;border-right:0; } .theme-7 .local-navigation li.sub li li a{border-bottom:1px solid #5F5F5F;} .theme-7 .local-navigation li.sub li:last-child a {border-bottom:0;} .js .theme-7 .local-navigation li.sub>a:focus, .js .theme-7 .local-navigation li.sub>a:hover, .js .theme-7 .local-navigation li.sub>a:active{background-color:#5F5F5F;} .js .theme-7 .local-navigation li.sub a:focus, .js .theme-7 .local-navigation li.sub a:hover{background-color: #2F2F2F} .js .theme-7 .local-navigation li.sub li a:focus, .js .theme-7 .local-navigation li.sub li a:hover{background-color: #5F5F5F;} /* styles for menu opening navigation - ipad portrait and lower */ @media only screen and (max-width:767px){ /* generic mobile local nav styles */ .local-navigation{border:0} .js .closed .menu-btn-arrow{background-image:url(../images/interface/icon-close-btn.png)} .js .open .menu-btn-arrow{background-image:url(../images/interface/icon-open-btn.png)} .js .menu-btn a:focus, .js .menu-btn a:hover{border:0;} .local-navigation ul{border-top:0;} /* Default - turquoise */ .js .local-navigation a{background:#106470;border-right:0;border-top:0} .local-navigation li a{border-bottom:1px solid #0c5963;} .js .local-navigation li li a, .js .local-navigation li.sub li.sub a{background-color:#106470;} .js .local-navigation li.title a, .js .local-navigation li.sub li.title a, .js .local-navigation li.sub li.sub li.title a, .js .local-navigation a:focus, .js .local-navigation a:hover, .js .local-navigation a:active{background-color:#0c5963;} .js .local-navigation li.sub a:focus, .js .local-navigation li.sub a:hover{background-color: #0c5963} .js .local-navigation li.sub li a:focus, .js .local-navigation li.sub li a:hover{background-color: #0c5963;} .js .menu-btn a{border:0;background:#0c5963;} .menu-btn-arrow{background: #003a41 } .js .menu-btn-arrow a:focus, .js .menu-btn-arrow a:hover{background-color:#003a41;} .menu-indicator{background-color:#0c5963;} .js .local-navigation-container li:first-child a{border-top:1px solid #003a41;} .js .local-navigation-container li.back-link a, .js .local-navigation-container li.sub li.back-link a, .js .local-navigation-container li.sub li.sub li.back-link a, .js .local-navigation-container li.sub li.sub li.sub li.back-link a {border-bottom:1px solid #0c5963; background-color: #003a41;} .js .local-navigation-container li.back-link a:focus, .js .local-navigation-container li.back-link a:hover, .js .local-navigation-container li.sub li.back-link a:focus, .js .local-navigation-container li.sub li.back-link a:hover, .js .local-navigation-container li.sub li.sub li.back-link a:focus, .js .local-navigation-container li.sub li.sub li.back-link a:hover, .js .local-navigation-container li.sub li.sub li.sub li.back-link a:focus, .js .local-navigation-container li.sub li.sub li.sub li.back-link a:hover{background-color:#0c5963;} /*theme 1*/ .js .theme-1 .local-navigation a{background:#003e74;border-right:0;border-top:0} .theme-1 .local-navigation li a{border-bottom:1px solid #004e8f;} .js .theme-1 .local-navigation li li a, .js .theme-1 .local-navigation li.sub li.sub a{background-color:#003e74;} .js .theme-1 .local-navigation li.title a, .js .theme-1 .local-navigation li.sub li.title a, .js .theme-1 .local-navigation li.sub li.sub li.title a, .js .theme-1 .local-navigation a:focus, .js .theme-1 .local-navigation a:hover, .js .theme-1 .local-navigation a:active{background-color:#004e8f;} .js .theme-1 .local-navigation li.sub a:focus, .js .theme-1 .local-navigation li.sub a:hover{background-color: #004e8f} .js .theme-1 .local-navigation li.sub li a:focus, .js .theme-1 .local-navigation li.sub li a:hover{background-color: #004e8f;} .js .theme-1 .menu-btn a{border:0;background:#004e8f;} .theme-1 .menu-btn-arrow{background: #002e55 } .js .theme-1 .menu-btn-arrow a:focus, .js .theme-1 .menu-btn-arrow a:hover{background-color:#002e55;} .theme-1 .menu-indicator{background-color:#004e8f;} .js .theme-1 .local-navigation-container li:first-child a{border-top:1px solid #002e55;} .js .theme-1 .local-navigation-container li.back-link a, .js .theme-1 .local-navigation-container li.sub li.back-link a, .js .theme-1 .local-navigation-container li.sub li.sub li.back-link a, .js .theme-1 .local-navigation-container li.sub li.sub li.sub li.back-link a {border-bottom:1px solid #004e8f; background-color: #002e55;} .js .theme-1 .local-navigation-container li.back-link a:focus, .js .theme-1 .local-navigation-container li.back-link a:hover, .js .theme-1 .local-navigation-container li.sub li.back-link a:focus, .js .theme-1 .local-navigation-container li.sub li.back-link a:hover, .js .theme-1 .local-navigation-container li.sub li.sub li.back-link a:focus, .js .theme-1 .local-navigation-container li.sub li.sub li.back-link a:hover, .js .theme-1 .local-navigation-container li.sub li.sub li.sub li.back-link a:focus, .js .theme-1 .local-navigation-container li.sub li.sub li.sub li.back-link a:hover{background-color:#004e8f;} /*theme 2*/ .js .theme-2 .local-navigation a{background:#106470;border-right:0;border-top:0} .theme-2 .local-navigation li a{border-bottom:1px solid #0c5963;} .js .theme-2 .local-navigation li li a, .js .theme-2 .local-navigation li.sub li.sub a{background-color:#106470;} .js .theme-2 .local-navigation li.title a, .js .theme-2 .local-navigation li.sub li.title a, .js .theme-2 .local-navigation li.sub li.sub li.title a, .js .theme-2 .local-navigation a:focus, .js .theme-2 .local-navigation a:hover, .js .theme-2 .local-navigation a:active{background-color:#0c5963;} .js .theme-2 .local-navigation li.sub a:focus, .js .theme-2 .local-navigation li.sub a:hover{background-color: #0c5963} .js .theme-2 .local-navigation li.sub li a:focus, .js .theme-2 .local-navigation li.sub li a:hover{background-color: #0c5963;} .js .theme-2 .menu-btn a{border:0;background:#0c5963;} .theme-2 .menu-btn-arrow{background: #003a41 } .js .theme-2 .menu-btn-arrow a:focus, .js .theme-2 .menu-btn-arrow a:hover{background-color:#003a41;} .theme-2 .menu-indicator{background-color:#0c5963;} .js .theme-2 .local-navigation-container li:first-child a{border-top:1px solid #003a41;} .js .theme-2 .local-navigation-container li.back-link a, .js .theme-2 .local-navigation-container li.sub li.back-link a, .js .theme-2 .local-navigation-container li.sub li.sub li.back-link a, .js .theme-2 .local-navigation-container li.sub li.sub li.sub li.back-link a {border-bottom:1px solid #0c5963; background-color: #003a41;} .js .theme-2 .local-navigation-container li.back-link a:focus, .js .theme-2 .local-navigation-container li.back-link a:hover, .js .theme-2 .local-navigation-container li.sub li.back-link a:focus, .js .theme-2 .local-navigation-container li.sub li.back-link a:hover, .js .theme-2 .local-navigation-container li.sub li.sub li.back-link a:focus, .js .theme-2 .local-navigation-container li.sub li.sub li.back-link a:hover, .js .theme-2 .local-navigation-container li.sub li.sub li.sub li.back-link a:focus, .js .theme-2 .local-navigation-container li.sub li.sub li.sub li.back-link a:hover{background-color:#0c5963;} /*theme 3*/ .js .theme-3 .local-navigation a{background:#422E5D;border-right:0;border-top:0} .theme-3 .local-navigation li a{border-bottom:1px solid #612d70;} .js .theme-3 .local-navigation li li a, .js .theme-3 .local-navigation li.sub li.sub a{background-color:#422E5D;} .js .theme-3 .local-navigation li.title a, .js .theme-3 .local-navigation li.sub li.title a, .js .theme-3 .local-navigation li.sub li.sub li.title a, .js .theme-3 .local-navigation a:focus, .js .theme-3 .local-navigation a:hover, .js .theme-3 .local-navigation a:active{background-color:#612d70;} .js .theme-3 .local-navigation li.sub a:focus, .js .theme-3 .local-navigation li.sub a:hover{background-color: #612d70} .js .theme-3 .local-navigation li.sub li a:focus, .js .theme-3 .local-navigation li.sub li a:hover{background-color: #612d70;} .js .theme-3 .menu-btn a{border:0;background:#612d70;} .theme-3 .menu-btn-arrow{background: #35254a } .js .theme-3 .menu-btn-arrow a:focus, .js .theme-3 .menu-btn-arrow a:hover{background-color:#35254a;} .theme-3 .menu-indicator{background-color:#612d70;} .js .theme-3 .local-navigation-container li:first-child a{border-top:1px solid #35254a;} .js .theme-3 .local-navigation-container li.back-link a, .js .theme-3 .local-navigation-container li.sub li.back-link a, .js .theme-3 .local-navigation-container li.sub li.sub li.back-link a, .js .theme-3 .local-navigation-container li.sub li.sub li.sub li.back-link a {border-bottom:1px solid #612d70; background-color: #35254a;} .js .theme-3 .local-navigation-container li.back-link a:focus, .js .theme-3 .local-navigation-container li.back-link a:hover, .js .theme-3 .local-navigation-container li.sub li.back-link a:focus, .js .theme-3 .local-navigation-container li.sub li.back-link a:hover, .js .theme-3 .local-navigation-container li.sub li.sub li.back-link a:focus, .js .theme-3 .local-navigation-container li.sub li.sub li.back-link a:hover, .js .theme-3 .local-navigation-container li.sub li.sub li.sub li.back-link a:focus, .js .theme-3 .local-navigation-container li.sub li.sub li.sub li.back-link a:hover{background-color:#612d70;} /*theme 4*/ .js .theme-4 .local-navigation a{background:#304220;border-right:0;border-top:0} .theme-4 .local-navigation li a{border-bottom:1px solid #355918;} .js .theme-4 .local-navigation li li a, .js .theme-4 .local-navigation li.sub li.sub a{background-color:#304220;} .js .theme-4 .local-navigation li.title a, .js .theme-4 .local-navigation li.sub li.title a, .js .theme-4 .local-navigation li.sub li.sub li.title a, .js .theme-4 .local-navigation a:focus, .js .theme-4 .local-navigation a:hover, .js .theme-4 .local-navigation a:active{background-color:#355918;} .js .theme-4 .local-navigation li.sub a:focus, .js .theme-4 .local-navigation li.sub a:hover{background-color: #355918} .js .theme-4 .local-navigation li.sub li a:focus, .js .theme-4 .local-navigation li.sub li a:hover{background-color: #355918;} .js .theme-4 .menu-btn a{border:0;background:#355918;} .theme-4 .menu-btn-arrow{background: #222f16 } .js .theme-4 .menu-btn-arrow a:focus, .js .theme-4 .menu-btn-arrow a:hover{background-color:#222f16;} .theme-4 .menu-indicator{background-color:#355918;} .js .theme-4 .local-navigation-container li:first-child a{border-top:1px solid #222f16;} .js .theme-4 .local-navigation-container li.back-link a, .js .theme-4 .local-navigation-container li.sub li.back-link a, .js .theme-4 .local-navigation-container li.sub li.sub li.back-link a, .js .theme-4 .local-navigation-container li.sub li.sub li.sub li.back-link a {border-bottom:1px solid #355918; background-color: #222f16;} .js .theme-4 .local-navigation-container li.back-link a:focus, .js .theme-4 .local-navigation-container li.back-link a:hover, .js .theme-4 .local-navigation-container li.sub li.back-link a:focus, .js .theme-4 .local-navigation-container li.sub li.back-link a:hover, .js .theme-4 .local-navigation-container li.sub li.sub li.back-link a:focus, .js .theme-4 .local-navigation-container li.sub li.sub li.back-link a:hover, .js .theme-4 .local-navigation-container li.sub li.sub li.sub li.back-link a:focus, .js .theme-4 .local-navigation-container li.sub li.sub li.sub li.back-link a:hover{background-color:#355918;} /*theme 5*/ .js .theme-5 .local-navigation a{background:#c44101;border-right:0;border-top:0} .theme-5 .local-navigation li a{border-bottom:1px solid #ab3901;} .js .theme-5 .local-navigation li li a, .js .theme-5 .local-navigation li.sub li.sub a{background-color:#c44101;} .js .theme-5 .local-navigation li.title a, .js .theme-5 .local-navigation li.sub li.title a, .js .theme-5 .local-navigation li.sub li.sub li.title a, .js .theme-5 .local-navigation a:focus, .js .theme-5 .local-navigation a:hover, .js .theme-5 .local-navigation a:active{background-color:#ab3901;} .js .theme-5 .local-navigation li.sub a:focus, .js .theme-5 .local-navigation li.sub a:hover{background-color: #ab3901} .js .theme-5 .local-navigation li.sub li a:focus, .js .theme-5 .local-navigation li.sub li a:hover{background-color: #ab3901;} .js .theme-5 .menu-btn a{border:0;background:#ab3901;} .theme-5 .menu-btn-arrow{background: #772801 } .js .theme-5 .menu-btn-arrow a:focus, .js .theme-5 .menu-btn-arrow a:hover{background-color:#772801;} .theme-5 .menu-indicator{background-color:#ab3901;} .js .theme-5 .local-navigation-container li:first-child a{border-top:1px solid #772801;} .js .theme-5 .local-navigation-container li.back-link a, .js .theme-5 .local-navigation-container li.sub li.back-link a, .js .theme-5 .local-navigation-container li.sub li.sub li.back-link a, .js .theme-5 .local-navigation-container li.sub li.sub li.sub li.back-link a {border-bottom:1px solid #ab3901; background-color: #772801;} .js .theme-5 .local-navigation-container li.back-link a:focus, .js .theme-5 .local-navigation-container li.back-link a:hover, .js .theme-5 .local-navigation-container li.sub li.back-link a:focus, .js .theme-5 .local-navigation-container li.sub li.back-link a:hover, .js .theme-5 .local-navigation-container li.sub li.sub li.back-link a:focus, .js .theme-5 .local-navigation-container li.sub li.sub li.back-link a:hover, .js .theme-5 .local-navigation-container li.sub li.sub li.sub li.back-link a:focus, .js .theme-5 .local-navigation-container li.sub li.sub li.sub li.back-link a:hover{background-color:#ab3901;} /*theme 6*/ .js .theme-6 .local-navigation a{background:#851735;border-right:0;border-top:0} .theme-6 .local-navigation li a{border-bottom:1px solid #a51137;} .js .theme-6 .local-navigation li li a, .js .theme-6 .local-navigation li.sub li.sub a{background-color:#851735;} .js .theme-6 .local-navigation li.title a, .js .theme-6 .local-navigation li.sub li.title a, .js .theme-6 .local-navigation li.sub li.sub li.title a, .js .theme-6 .local-navigation a:focus, .js .theme-6 .local-navigation a:hover, .js .theme-6 .local-navigation a:active{background-color:#a51137;} .js .theme-6 .local-navigation li.sub a:focus, .js .theme-6 .local-navigation li.sub a:hover{background-color: #a51137} .js .theme-6 .local-navigation li.sub li a:focus, .js .theme-6 .local-navigation li.sub li a:hover{background-color: #a51137;} .js .theme-6 .menu-btn a{border:0;background:#a51137;} .theme-6 .menu-btn-arrow{background: #6c112a } .js .theme-6 .menu-btn-arrow a:focus, .js .theme-6 .menu-btn-arrow a:hover{background-color:#6c112a;} .theme-6 .menu-indicator{background-color:#a51137;} .js .theme-6 .local-navigation-container li:first-child a{border-top:1px solid #6c112a;} .js .theme-6 .local-navigation-container li.back-link a, .js .theme-6 .local-navigation-container li.sub li.back-link a, .js .theme-6 .local-navigation-container li.sub li.sub li.back-link a, .js .theme-6 .local-navigation-container li.sub li.sub li.sub li.back-link a {border-bottom:1px solid #a51137; background-color: #6c112a;} .js .theme-6 .local-navigation-container li.back-link a:focus, .js .theme-6 .local-navigation-container li.back-link a:hover, .js .theme-6 .local-navigation-container li.sub li.back-link a:focus, .js .theme-6 .local-navigation-container li.sub li.back-link a:hover, .js .theme-6 .local-navigation-container li.sub li.sub li.back-link a:focus, .js .theme-6 .local-navigation-container li.sub li.sub li.back-link a:hover, .js .theme-6 .local-navigation-container li.sub li.sub li.sub li.back-link a:focus, .js .theme-6 .local-navigation-container li.sub li.sub li.sub li.back-link a:hover{background-color:#a51137;} /*theme 7*/ .js .theme-7 .local-navigation a{background:#404040;border-right:0;border-top:0} .theme-7 .local-navigation li a{border-bottom:1px solid #5F5F5F;} .js .theme-7 .local-navigation li li a, .js .theme-7 .local-navigation li.sub li.sub a{background-color:#404040;} .js .theme-7 .local-navigation li.title a, .js .theme-7 .local-navigation li.sub li.title a, .js .theme-7 .local-navigation li.sub li.sub li.title a, .js .theme-7 .local-navigation a:focus, .js .theme-7 .local-navigation a:hover, .js .theme-7 .local-navigation a:active{background-color:#5F5F5F;} .js .theme-7 .local-navigation li.sub a:focus, .js .theme-7 .local-navigation li.sub a:hover{background-color: #5F5F5F} .js .theme-7 .local-navigation li.sub li a:focus, .js .theme-7 .local-navigation li.sub li a:hover{background-color: #5F5F5F;} .js .theme-7 .menu-btn a{border:0;background:#5F5F5F;} .theme-7 .menu-btn-arrow{background: #2F2F2F } .js .theme-7 .menu-btn-arrow a:focus, .js .theme-7 .menu-btn-arrow a:hover{background-color:#2F2F2F;} .theme-7 .menu-indicator{background-color:#5F5F5F;} .js .theme-7 .local-navigation-container li:first-child a{border-top:1px solid #2F2F2F;} .js .theme-7 .local-navigation-container li.back-link a, .js .theme-7 .local-navigation-container li.sub li.back-link a, .js .theme-7 .local-navigation-container li.sub li.sub li.back-link a, .js .theme-7 .local-navigation-container li.sub li.sub li.sub li.back-link a {border-bottom:1px solid #5F5F5F; background-color: #2F2F2F;} .js .theme-7 .local-navigation-container li.back-link a:focus, .js .theme-7 .local-navigation-container li.back-link a:hover, .js .theme-7 .local-navigation-container li.sub li.back-link a:focus, .js .theme-7 .local-navigation-container li.sub li.back-link a:hover, .js .theme-7 .local-navigation-container li.sub li.sub li.back-link a:focus, .js .theme-7 .local-navigation-container li.sub li.sub li.back-link a:hover, .js .theme-7 .local-navigation-container li.sub li.sub li.sub li.back-link a:focus, .js .theme-7 .local-navigation-container li.sub li.sub li.sub li.back-link a:hover{background-color:#5F5F5F;} }} /* generic colours */ .global-header{background:#000000} .global-footer{background:#171717} .global-navigation-drawer{background:#171717; color:#cecece} .global-navigation-outer{border: 1px solid #323232;border-width:0 1px 0 1px} .global-navigation-container {border-right: 1px solid #323232;} .global-navigation-container.last{border-right: 0;} .theme-1 .homepage-content h2, .theme-2 .homepage-content h2, .theme-3 .homepage-content h2, .theme-4 .homepage-content h2, .theme-5 .homepage-content h2, .theme-6 .homepage-content h2{color:#171717} .global-navigation-secondary-with-children, .global-navigation-container li.last, .global-navigation-secondary-with-children li{border-bottom:0} .global-navigation-container li, .global-navigation-header-container li{border-bottom: 1px solid #323232} .global-navigation-tertiary li, .global-navigation-secondary-with-children li{border-bottom:0} .recommended-results{background:#f0f8ff} .global-footer{color:#fff} .content{background:#fff} .secondary-content{background:#f3f3f3} .homepage-carousel .carousel-control-btn, .paging-btn{background:#171717} .homepage-carousel .carousel-control-btn:hover{background:#000} .paging-btn:focus, .paging-btn:hover{background:#454545} .inpage-search-container{background:#e4e4e4} .login-form{background:#f2f2f2} .highlight-date{color:#fff} .promo-teaser{background:#fff} .vertical-breadcrumb-navigation .selected{color:#171717} tbody th, td{background:#fff;color:#222} /*reset background colour of themed tables with th in tbody*/ .theme-1 tbody th, .theme-2 tbody th, .theme-3 tbody th, .theme-4 tbody th, .theme-5 tbody th, .theme-6 tbody th{background:#fff;color:#222;border-bottom:0} table th{border-bottom:#e4e4e4 1px solid} .table tbody tr:hover td, .table tbody tr:hover th, .theme-1 .table tbody tr:hover td, .theme-1 .table tbody tr:hover th, .theme-2 .table tbody tr:hover td, .theme-2 .table tbody tr:hover th, .theme-3 .table tbody tr:hover td, .theme-3 .table tbody tr:hover th, .theme-4 .table tbody tr:hover td, .theme-4 .table tbody tr:hover th, .theme-5 .table tbody tr:hover td, .theme-5 .table tbody tr:hover th, .theme-6 .table tbody tr:hover td, .theme-6 .table tbody tr:hover th{background-color: #e4e4e4;} .vertical-stacking-table th{border-left:#e4e4e4 1px solid} .tertiary-navigation{border:1px solid #e4e4e4;border-width:1px 1px 0 1px } /* Notifications */ .success-panel{border-color:#55a51c} .success-panel .notifications-icon{color:#55a51c} .warning-panel{border-color:#ff0000} .warning-panel .notifications-icon{color:#ff0000} .alert-panel{border-color:#ea7125} .alert-panel .notifications-icon{color:#ea7125} .information-panel{border-color:#0072cf} .information-panel .notifications-icon{color:#0072cf} /* 10.0 CSS3 ANIMATIONS ----------------------------------------------------------------------------------------------*/ /* 11.0 FOUC ----------------------------------------------------------------------------------------------*/ .js #global-header-controls{display:none} .js .carousel li{display:none} .js .secondary-content{display:none} /* 12.0 PRINT STYLES ------------------------------------------------------------------------------------------------*/ @media print { .lt-ie9 .row, .lt-ie8 .row{min-width:auto} body{ background: transparent !important;} * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ #content a, #content a:visited { text-decoration: underline; } #content a[href]:after { content: " (" attr(href) ")"; } .Zebra_DatePicker a[href]:after, .carousel a[href]:after { display:none!important} abbr[title]:after { content: " (" attr(title) ")"; } #content .ir a:after, #content a[href^="javascript:"]:after, #content a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre{ border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } /* replace calendar backgrounds */ .Zebra_DatePicker{width:300px} .Zebra_DatePicker .dp_daypicker td{background:#e1e1e1!important;} .Zebra_DatePicker td.dp_not_in_month{ background: #edeaea!important; color: #b4b3b3!important;} .Zebra_DatePicker td.dp_selected{ background: #222!important; color: #FFF !important } .Zebra_DatePicker td.dp_current {background:#888888!important; color: #fff!important } .Zebra_DatePicker td.dp_disabled_current{ background: #edeaea!important; color: #b4b3b3!important;} .Zebra_DatePicker td.dp_disabled, .Zebra_DatePicker td.dp_weekend_disabled{background: #edeaea!important; color: #b4b3b3!important;} .Zebra_DatePicker td.dp_hover{ background: #222!important; color: #FFF!important } .event-indicator{background:#f3f3f3!important} /*stack all columns vertically to make it easier to read content*/ [class*="column"], .column{ float: none; display: block; width: auto; margin-left: 0; } /* remove recessed margin issues and add mobile container classes to reduce visual padding*/ .wrap{width:100%} .search-container{padding:20px;} .recessed-secondary-content {margin-top:0} .spacing-column, .sub-section-title{display:none} .homepage-logo-header{display:none} /* remove residual styling from tables and show by default */ table, .table-bordered table, .table-bordered th, .table-bordered td, .table-bordered tr {border-color:#E4E4E4!important} caption{ border: 1px solid #E4E4E4!important; page-break-inside: avoid;} .responsive-table table{display:block!important} /* style elements back for legibility, add a bg back into the homepage teaser topic to make legible */ .topic{background:#fff!important} .primary-cta{color:#fff!important} /* add background to transparent graphics to make legible */ .co-branding-logo{padding:5px;background:#000!important;display:block;float:none} .main-logo{padding:5px;background:#000 !important;display:block;float:none} /*hide unwanted site furniture and nav elements*/ .global-header{display:none!important} .breadcrumb{display:none!important} .global-navigation-drawer{display:none!important} .local-navigation{display:none!important} .tertiary-navigation{display:none!important} .mobile-parent{display:none!important} .nav-tabs{display:none!important} .nav-pills{display:none!important} .inpage-search-container{display:none!important} .search-container{display:none!important} .list-container{display:none!important} .local-footer{display:none!important} .global-footer{display:none!important} .load-more-btn{display:none!important} .pagination{display:none!important} .paging{display:none!important} .notifications-panel{display:none!important} .open-responsive-table-link{display:none!important} .homepage-header{display:none!important} .homepage-logo-header{display:none!important} .slide-caption{position:static} .focus-teaser-txt{float:none;clear:both} .carousel .slide{display:block} } /* new quicklinks styles */ .quicklinks a, .open-quicklinks, .open-quicklinks:focus, .open-quicklinks:hover, .open-quicklinks:visited {color:#fff; text-decoration:none} .quicklinks-list a:focus, .quicklinks-list a:hover, .quicklinks-list a:active{text-decoration:none; background-color:#171717} .quicklinks-list a:visited{border-bottom:0} .quicklinks-list{padding:0 0 0 0;} .quicklinks{width:100%; margin-top:15px; } .quicklinks-txt{padding:8px 0 0 8px; display:block; float:left} .icon-dropdown{height:32px; width:32px; background:url(/images/interface/btn-quicklinks-sprite.png) 0 0 no-repeat; float:right} .open-quicklinks:focus .icon-dropdown, .open-quicklinks:hover .icon-dropdown{background-position:0 -42px; } .open-quicklinks{display:block; background:#3d3d3d; background:-moz-linear-gradient(top, #3d3d3d 0%, #292929 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #3d3d3d), color-stop(100%, #292929)); background:-webkit-linear-gradient(top, #3d3d3d 0%, #292929 100%); background:-o-linear-gradient(top, #3d3d3d 0%, #292929 100%); background:-ms-linear-gradient(top, #3d3d3d 0%, #292929 100%); background:linear-gradient(to bottom, #3d3d3d 0%, #292929 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d3d3d', endColorstr='#292929', GradientType=0); ; } .js .quicklinks-list{display:none} .js .quicklinks-open .icon-dropdown{background-position:0 -84px; } .js .quicklinks-open .quicklinks-list{display:block; z-index:6; position:absolute; background:#2a2a2a; border-top:#000 solid 1px; border-right:0; width:200px} .js .quicklinks-open li{border-color:#4b4b4b; } .js .quicklinks-list a, .js .quicklinks-list a:link, .js .quicklinks-list a:visited{padding:8px 8px 8px 16px; display:block; background-position:6px 50%} .js .quicklinks-open .global-navigation-container li{padding:0} .quicklinks-list li a {background:url(/images/interface/bg-mobile-nav-border.png) repeat-x bottom left; } .js .quicklinks-list a:focus, .js .quicklinks-list a:hover{text-decoration:none} .quicklinks-list li {margin:0; background:#323232; background-image:linear-gradient(bottom, rgb(50, 50, 50) 17%, rgb(59, 59, 59) 59%); background-image:-o-linear-gradient(bottom, rgb(50, 50, 50) 17%, rgb(59, 59, 59) 59%); background-image:-moz-linear-gradient(bottom, rgb(50, 50, 50) 17%, rgb(59, 59, 59) 59%); background-image:-webkit-linear-gradient(bottom, rgb(50, 50, 50) 17%, rgb(59, 59, 59) 59%); background-image:-ms-linear-gradient(bottom, rgb(50, 50, 50) 17%, rgb(59, 59, 59) 59%); background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0.17, rgb(50, 50, 50)), color-stop(0.59, rgb(59, 59, 59))); } .quicklinks-list li:hover, .quicklinks-list li:focus {background:#2a2a2a; background-image:linear-gradient(bottom, rgb(36, 36, 36) 20%, rgb(42, 42, 42) 80%); background-image:-o-linear-gradient(bottom, rgb(36, 36, 36) 20%, rgb(42, 42, 42) 80%); background-image:-moz-linear-gradient(bottom, rgb(36, 36, 36) 20%, rgb(42, 42, 42) 80%); background-image:-webkit-linear-gradient(bottom, rgb(36, 36, 36) 20%, rgb(42, 42, 42) 80%); background-image:-ms-linear-gradient(bottom, rgb(36, 36, 36) 20%, rgb(42, 42, 42) 80%); background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0.2, rgb(36, 36, 36)), color-stop(0.8, rgb(42, 42, 42))); } .js .quicklinks-list a, .js .quicklinks-list a:link, .js .quicklinks-list a:visited{padding:15px 15px 20px; } /* 12.0 Z-INDEXES ------------------------------------------------------------------------------------------------ * * z-index:0 page-sub-title * z-index:1 * z-index:2 * z-index:3 * z-index:4 global navigation drawer * z-index:5 search-drawer * z-index:6 quicklink-list * z-index:7 global-navigation link hover state/selected tab * z-index:8 * z-index:9 vertical-breadcrumb-indicator * z-index:10 * z-index:11 tertiary navigation * z-index:12 topic on homepage teaser * z-index:13 local-navigation * z-index:14 local-navigation li ul - hover menu * z-index:15 global header * z-index:16 */