锘緻import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;700&family=Gabarito:wght@500;600&display=swap'); body {font-family: 'Figtree', Arial, sans-serif; color: #333; padding:0;} /* reset bootstrap form margin for Contensis */ form { margin: 0; } #header { position: relative; z-index: 500;} a img { border: none; } @media screen and (max-width:980px) { [class*="sys_span"] {padding:0 10px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */} } /* fix for space between columns when stacked on mobiles, but not applied to those in tabs */ @media screen and (max-width:767px) { .sys_row .sys_span6 + .sys_span6 { padding-top: 10px; } .sys_section-content-tab .sys_span6 + .sys_span6 { padding-top: 0; } .sys_row .sys_span8 + .sys_span4 { padding-top: 10px; } .sys_section-content-tab .sys_span8 + .sys_span4 { padding-top: 0; } } /* this is the salmon colour hex code: #ec3e4f - changed Jan 2019 to darker red #da3949 */ /* changed to blue as per gel */ a { color: #0072ac; } /* new body copy link style for better accessibility */ section p a, section ul a, section ol a, section td a, section p a:visited, section ul a:visited, section ol a:visited, section td a:visited, section [class*="sys_span"] > a, section .sys_cta4-caption > a { color: #da3949; border-bottom: 1px dashed #da3949; } section p a:hover, section ul a:hover, section ol a:hover, section p a:active, section ul a:active, section ol a:active, section td a:hover, section td a:active { text-decoration: none; color: #006da4; border-bottom: 1px dashed #006da4; } section p a:focus, section ul a:focus, section ol a:focus { text-decoration: none; outline: 1px dashed #333; outline-offset: 0; border-bottom: none; color: #da3949; } ul.sys_section-tabs li a { border-bottom: none; } section .sys_section-content p a, section .sys_section-content ul a, section .sys_section-content ol a, section .sys_section-content td a, section .sys_section-content p a:visited, section .sys_section-content ul a:visited, section .sys_section-content ol a:visited, section .sys_section-content td a:visited, #page-body section .sys_section-content .underquote a, #page-body section .sys_section-content .videocaption a, #page-body section .sys_section-content .imagecaption a, section .sys_section-content [class*="sys_span"] > a { color: #c03240; } section .sys_section-content p a:hover, section .sys_section-content ul a:hover, section .sys_section-content ol a:hover, section .sys_section-content td a:hover { color: #006da4; } /* content div only in use in header and footer - replaced by Bootstrap container div elsewhere */ .sys_content { width: 970px; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; } /* header area styles */ #masthead { height: 88px; background: #fff; } .sys_lt-ie9 #masthead { background-repeat: repeat-x; } #masthead .sys_content { width: 990px; padding: 0; } #masthead .sys_logo-img { padding: 16px 0; margin-left: -9px; } #masthead a.sys_logo-img:focus { outline: 1px dashed #888; } #masthead .sys_logo-img img { height: 56px; width: auto; } #masthead-links { float: right; /* *margin-top:-100px;*/ padding-right: 0; } /*.sys_lt-ie8 #masthead-links {margin-top:-100px;}*/ #masthead-links ul { list-style-type: none; color: #000; margin: 0; padding-top: 39px; } #masthead-links ul li { display: block; float: left; border-right: none; height: 29px; font-size: 1.05em; line-height: 1.1em; padding-right: 12px; padding-left: 12px; } #masthead-links ul li.sys_last { border-right: none; padding-right: 0; } #masthead-links ul li.sys_accesslink, #masthead-links ul li.sys_accesslinkarts { font-family: 'Figtree', Arial, sans-serif; font-weight: bold; } #masthead-links ul li a { color: #000; text-decoration: none; display: block; height: 29px; /*padding-top: 5px;*/} #masthead-links ul li a:focus { outline: 1px dashed #888; outline-offset: 2px; } #masthead-links ul li a:hover { text-decoration: underline; } @media screen and (max-width:980px) { #mobile-top-header {padding:40px 10px 0 0; float:right;} #masthead .sys_logo-img { margin-left: 0; } #masthead-links{display:none; width:100%; float:left;} #masthead-links ul {padding:0;} #masthead-links ul li, #masthead-links ul li a {width:95%; float:none; border:0; height:auto; margin:auto;} #masthead-links ul li a {border-bottom:1px solid #ccc; padding:15px 0px 15px 20px;} #masthead-links ul li:last-child a {border-bottom:0;} #masthead {height:auto;} #masthead {margin-top: 0;} } @media screen and (max-width:767px) { #masthead .sys_logo-img { margin-left: 15px; } } @media screen and (max-width:320px) { #mobile-top-header {right:10px; top:20px; float:right; position:absolute; padding:0;} #masthead .sys_logo-img { margin-left: 9px; } #masthead .sys_logo-img img { max-width: 60%; height: auto; } } @media screen and (min-width:981px) { #masthead-links{display:block!important;} } #banner-and-navs { background-color: #da3949; /*height: 306px;*/ height: 323px; padding: 0; /*background-image: url('/_design/img/banner.jpg'); background-repeat: no-repeat; background-position: top center;*/ position: relative; z-index: 10; } /* new styles for banner image - to be incorporated into Sigma code */ #banner-img { width: 990px; height: 259px; position: absolute; left: 50%; top: 40px; margin-left: -495px; } #banner-img p img { margin: 0 0 -10px; } #page-heading, #section-nav { position: relative; } @media screen and (max-width:980px) { #banner-img { width: 724px; margin-left: -362px; top: 0; height: 189px; overflow: hidden; position: absolute; left: 50%; } #page-heading { padding-top: 166px; } } @media screen and (max-width:724px) { #banner-img { width: 100%; max-width: 100%; margin: 0; left: 0; } } @media screen and (max-width:700px) { #banner-img img { width: 703px !important; height: 189px; max-width: none; position: absolute; left: 50%; margin-left: -350px; } } /* end of new styles for banner image */ #page-heading { width: 990px; margin-left: auto; margin-right: auto; padding-top: 202px; } #page-heading a { color: #fff; text-decoration: none; display: block; } #page-heading a:hover { text-decoration: underline; } #page-heading a:focus { outline: 1px dashed #666; outline-offset: 0; } header h1, #page-heading span { font-family: 'Figtree', Arial, sans-serif; font-weight: bold; color: #fff; margin-left: 0px; padding-left: 16px; font-size: 1.9em; line-height: 1.5em; background-color: #da3949; margin-top: 0px; display: inline-block; padding-right: 70px; margin-bottom: 25px; } @media screen and (max-width:640px) { header h1, #page-heading span {font-size:1.8em;} #page-heading {padding-top: 165px;} } #top-nav ul#top-nav-menu #living-here, #top-nav ul#top-nav-menu #international { display: none; } #top-nav { background-color: #fff; position: relative; z-index: 20; line-height: normal; } /* #Sigchange# */ #top-nav .sys_content { height: 40px; background-color: #fff; background-repeat: no-repeat; background-position: top right; position: relative; z-index: 20; padding-left: 0; width: 980px; } #top-nav ul#top-nav-menu { color: #000; font-family: 'Figtree', Arial, sans-serif; font-size: 1em; list-style-type: none; margin: 0; height: 20px; padding: 0 0 0 10px; } #top-nav ul#top-nav-menu li a { font-size: 1.11em; color: #000; text-decoration: none; display: block; padding: 0 28px 0 10px; font-family: 'Gabarito', Helvetica Neue, sans-serif; text-transform: uppercase; } #top-nav ul#top-nav-menu > li > a { background: url('/_design/img/top-link-bg.png') no-repeat center right; padding-top: 10px; padding-bottom: 10px; padding-right: 28px; } #top-nav ul#top-nav-menu > li > a span { border-right: 1px solid #c6c6c7; padding-right: 28px; margin-right: -28px; display: block; } #top-nav ul#top-nav-menu li div a { font-family: 'Figtree', Arial, sans-serif; text-transform: none; } #top-nav ul#top-nav-menu > li, #top-nav ul#top-nav-menu > li > a {float:left;} /*#top-nav ul#top-nav-menu > li > a.sys_icon-down-open {padding:0px 5px;}*/ .sys_lt-ie8 #top-nav ul#top-nav-menu > li {max-width:24%;} .sys_lt-ie8 #top-nav ul#top-nav-menu > li.sys_international-link {max-width:38%;} .sys_lt-ie8 #top-nav ul#top-nav-menu > li > a.sys_icon-down-open span {float:right; padding-top:3px;} #top-nav ul#top-nav-menu li a.sys_top-nav-home { background: none; padding-right: 10px; display: none; } #top-nav ul#top-nav-menu li a:hover { color: #da3949; } #top-nav ul#top-nav-menu li.sys_selected a { color: #da3949; background: url('/_design/img/top-link-bg-close.png') no-repeat center right; } #top-nav ul#top-nav-menu li a.sys_last span { border-right: none; } #top-nav #top-nav-menu > li { display: block; float: left; background-color: #fff; } #top-nav nav { float: left; width: 420px; } .sys_search-trigger{float:right; padding: 4px 0px 10px 10px;} .sys_mobile-nav-trigger, .sys_mobile-home-icon { float: left; padding: 10px 15px 10px 0; } .sys_mobile-home-icon { padding-left: 10px; } .sys_mobile-nav-trigger.sys_close { padding-left: 10px; padding-right: 2%; } #top-nav ul#top-nav-menu li.sys_close a { background: none !important; } .sys_top-nav-home { float: left; margin: 0; padding: 0; } .sys_top-nav-home a { display: block; padding: 10px 0 10px 0; } .sys_top-nav-home img { border-right: 1px solid #c6c6c7; padding-right: 8px; } #top-nav a:focus { outline: 1px dashed #666; } #top-nav .sys_mega-menu a:focus { outline-offset: 2px; } .sys_lt-ie8 .sys_mega-menu-link.sys_icon-down-open:after {padding-top:23px;} @media screen and (min-width:980px) { .sys_ie .sys_mega-menu-link.sys_icon-down-open:after {padding-top:23px;} } @media screen and (min-width:980px) { .sys_lt-ie10 #top-nav ul#top-nav-menu > li > a {padding-right:25px;} .sys_lt-ie10 #top-nav ul#top-nav-menu > li > a:after {margin:-18px -20px 0 0px;} } @media screen and (max-width:980px) { body #top-nav ul#top-nav-menu li.sys_brightonlogo-mobile a {padding-left:5px; display: block;} body #top-nav ul#top-nav-menu li.sys_brightonlogo-mobile a img {min-width: 170px;} .sys_mobile-nav-trigger { float: right; padding-bottom: 20px; pointer-events: initial; } #top-nav ul#top-nav-menu { display: none; background-color: #444; height: auto; clear: both; width: 100%; padding: 60px 0 0 0; overflow: auto; pointer-events: initial; } /* Overthrow CSS: Enable overflow: auto on elements with overthrow class when html element has overthrow class too */ .sys_overthrow-enabled .sys_overthrow { overflow: auto; -webkit-overflow-scrolling: touch; } #top-nav ul#top-nav-menu > li {clear:both; background-color:transparent; font-size: 1.1em; float:none;} #top-nav ul#top-nav-menu > li > a { padding:10px 10px 10px 5%; background:0; } #top-nav ul#top-nav-menu > li > a.sys_icon-down-open { float:right; } #top-nav ul#top-nav-menu li.sys_selected > a { background: url('/_design/img/go-header-link-bg-18px-close.gif') no-repeat 100%; } #top-nav ul#top-nav-menu > li.sys_hidden-desktop a { padding-left:10px; } #top-nav ul#top-nav-menu > li:first-child a { background:0; } #top-nav ul#top-nav-menu li a { padding-top:10px; padding-bottom:10px; border-right:0;} #top-nav ul#top-nav-menu li a:link, #top-nav ul#top-nav-menu li a:visited { color:#fff; float:left; padding:10px 0; } #top-nav ul#top-nav-menu li > a { width:95%; background: url('/_design/img/go-header-link-bg-18px-down.gif') no-repeat 100%; padding-right: 10px;} #top-nav ul#top-nav-menu li a:hover {color:#999;} #top-nav ul#top-nav-menu li a:focus { outline: 2px dotted #fff; } body.sys_mobile-nav-enabled {overflow:hidden!important; position: absolute; width:100%;} #top-nav ul#top-nav-menu li a { padding-left: 3% !important;} #top-nav ul#top-nav-menu li.sys_no-further:first-child {margin-top: 10px;} #top-nav ul#top-nav-menu li.sys_no-further { font-family: Arial,sans-serif; font-size: 1em; } #top-nav ul#top-nav-menu li.sys_no-further a { background: url('/_design/img/go-header-link-bg-18px.gif') no-repeat 100%; } #top-nav ul#top-nav-menu > li > a span { border-right: none; padding-right: 0; margin-right: 0; } } #top-nav .sys_site-search { float: right; padding-top: 0; padding-right: 0; width: 513px; } #top-nav .sys_site-search:focus-within { background-color: #ffe4e7; } #top-nav .sys_site-search form:focus-within, #top-nav .sys_site-search .sys_textBoxWithRedirect:focus-within { background-color: #ffe4e7; } #top-nav .sys_site-search form, #top-nav .sys_site-search .sys_textBoxWithRedirect { display: block; background-color: #e1e1e1; overflow: auto; display: flex; justify-content: space-between; } #top-nav .sys_site-search label { cursor: auto; background: #323e48; color: #fff; padding:8px 12px; height:14px; line-height: 14px; font-size: 1.1em; margin: 0; width: 48px; } #top-nav .sys_site-search input {padding: 2px 5px; border-radius: 0; border-color: #929396; color: #333; background-color: transparent; font-size: 1.1em; line-height: 1.2em; height: auto; margin: 0; width: 20%; flex: 1 0 auto; } #top-nav .sys_site-search select { width: 104px; background: transparent; padding-left: 8px; box-sizing: border-box; margin: 0; height: auto; border: 1px solid #929396; border-radius: 0; border-left: 0; } .sys_site-search input[type="image"]:focus { outline: 2px solid #58c1d2; outline-offset: -2px; } #top-nav .sys_site-search select:focus, #top-nav .sys_site-search input:focus { background-color: transparent; outline: 2px solid #58c1d2; outline-offset: -2px; } #top-nav .sys_site-search input[type="image"] { border: none; height: 30px; width: 30px; padding: 0; background: none; flex-grow: 0; } #top-nav span[class*="sys_sys_icon-"] {font-size: 1.4em; padding: 0px 0 0 5px; float: left; cursor:pointer;} #top-nav #search-trig span[class*="sys_sys_icon-"], #top-nav .sys_site-search .sys_icon-search {padding-top:5px;} #top-nav #search-trig span.sys_icon-up-open {display:none;} #top-nav #search-trig.sys_active-trig span.sys_icon-up-open {display:block;} #top-nav #search-trig.sys_active-trig span.sys_icon-down-open {display:none;} .sys_top-nav-fixed #top-nav .sys_site-search { margin-top: 5px; } .sys_site-search input:focus { outline: none; box-shadow: 0 0 2px 2px #58c1d2; } @media screen and (max-width:980px) { #top-nav { position: relative; float: none; } #banner-and-navs #top-nav .sys_container {padding:0; height: 0; } #top-nav .sys_span12 { padding: 0; } #top-nav nav { width: 100%; position: relative; top: -65px; pointer-events: none; } #top-nav .sys_toggle-trigger, #top-nav #top-nav-menu .sys_mob-side.sys_close { display: none !important; } #top-nav .sys_toggle-trigger {margin-top:-38px;} #top-nav .sys_site-search { display: none; } body.sys_mobile-nav-open #top-nav .sys_site-search { padding: 15px 0; background-color: #444; position: absolute; top: 0; float: none; width: 100%; } body.sys_mobile-nav-open #top-nav .sys_site-search form, body.sys_mobile-nav-open #top-nav .sys_site-search .sys_textBoxWithRedirect { width: 90%; margin: auto; position: relative; } body.sys_mobile-nav-open #top-nav .sys_site-search form input[type="text"], body.sys_mobile-nav-open #top-nav .sys_site-search .sys_textBoxWithRedirect input[type="text"] { border: none; padding: 3px 8% 3px 1%; } #top-nav .sys_site-search select { border: none; border-left: 1px solid #929396; } #top-nav .sys_site-search label { display: none; } #top-nav #search-trig img {display: block; } #top-nav .sys_mobile-home-icon { display: none !important; } #top-nav .sys_mobile-nav-trigger img { display: none; } #top-nav .sys_mobile-nav-trigger a { width: 35px; height: 35px; display: block; background: url('/_design/img/menu-burger.png') no-repeat left top; background-size: contain; } body.sys_mobile-nav-open #top-nav .sys_mobile-nav-trigger a { background: url('/_design/img/close-24px.gif') no-repeat left top; background-size: cover; } body.sys_mobile-nav-open #banner-img { position: relative; top: -63px; } body.sys_mobile-nav-open #page-heading { padding-top: 0; margin-top: -55px; } #top-nav.sys_search-in-menu { width: 100%; max-width: 100%; top: -60px; } #top-nav.sys_search-in-menu #top-nav-menu .sys_mob-side.sys_close { padding-bottom: 65px; } #top-nav.sys_search-in-menu .sys_site-search { display: block !important; padding: 2%; width: 90%; background: transparent; } #top-nav.sys_search-in-menu .sys_site-search input { height: 30px; } #top-nav.sys_search-in-menu .sys_site-search input[type="image"] { width: 36px; height: 36px; } #top-nav.sys_search-in-menu form, #top-nav.sys_search-in-menu .sys_textBoxWithRedirect { margin: auto; width: 453px; max-width: 100%; } #top-nav ul#top-nav-menu .sys_mobile-mega-header { font-size: 1.3em; color:#fff; float: none; padding: 10px 0 10px 3%; text-decoration: none; display: block; font-family: 'Figtree', Helvetica Neue, sans-serif; width: auto; } #top-nav ul#top-nav-menu .sys_mobile-mega-header-main { padding-top: 18px; } #top-nav ul#top-nav-menu li.sys_sec-in-meg { background-color: #666; font-size: 1em; } #top-nav ul#top-nav-menu .sys_mobile-mega-header.sys_sec-in-meg { font-size: 1.2em; } #top-nav ul#top-nav-menu li.sys_sec-in-meg a { background: #666 url('/_design/img/go-header-link-bg-18px.gif') no-repeat 98%; text-transform: none; float: none; font-family: 'Figtree', Arial, sans-serif; padding-right: 2%; } #top-nav ul#top-nav-menu li.sys_sec-in-meg.sys_selected a { background-color: #666; } #top-nav ul#top-nav-menu li.sys_side-nav-divide { border-top: 1px solid #818181; } } @media screen and (max-width:480px) { /*#top-nav .sys_site-search { padding: 15px 5px; right: 0px; -webkit-border-radius: 0px; border-radius: 0px; width: 100%; }*/ } @media screen and (min-width:980px) { #top-nav .sys_site-search {display:block!important;} #top-nav ul#top-nav-menu > li.sys_brightonlogo-mobile {display: none!important;} } #top-nav-menu .sys_mob-side {float:left; width:45%; clear:none!important;} #top-nav #top-nav-menu .sys_mob-side.sys_close {opacity:1.0; filter: alpha(opacity=100); width: 80%; float: right;} #top-nav ul#top-nav-menu li.sys_mob-side.sys_close a {list-style:none; color:#fff!important; border:0; text-align:right; font-size: 0.9em; text-shadow:none; vertical-align: bottom; float: right;} #top-nav ul#top-nav-menu li.sys_mob-side.sys_close a img {display: inline-block; width: auto; height: auto; margin-left: 10px;} .sys_close-tab{font-size: 1em; vertical-align: bottom; float: right; padding: 10px; cursor: pointer;} .sys_close-tab:hover{text-decoration: underline;} .sys_close-tab img{display: inline-block; width: auto; height: auto; margin-left: 5px;} @media screen and (max-width:480px) { #top-nav ul#top-nav-menu .sys_brightonlogo-mobile {margin:20px 0 0; display: none!important;} } #top-nav ul#top-nav-menu .sys_mega-menu { position: absolute; top: 40px; /* left position added for IE7 */ left: 0; width:auto; background-color: #fff; z-index: 1000; display: none; border-top: 1px solid #da3949; border-bottom: 1px solid #da3949; overflow: auto; font-size: 0.8em; } #top-nav ul#top-nav-menu .sys_mega-col { width: 218px; padding: 16px 24px 12px 8px; float: left; position: relative;} #top-nav ul#top-nav-menu .sys_mega-col:first-child { padding-left: 24px; } #top-nav ul#top-nav-menu .sys_mega-col ul { margin: 0; padding-left: 0px; padding-bottom: 5px; list-style-type: none; } #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_icon-right-open:before {margin-top:5px;} .sys_lt-ie8 #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_icon-right-open span {font-size:0.8em;} .sys_lt-ie8 #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_icon-right-open a {float:left; margin:-15px 0 0 10px;} #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_group-header, #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_group-header-style { border-top: 1px solid #333; padding-left: 0; margin: 8px 0 8px; background: url('/_design/img/mega-menu-header-bg.png') no-repeat right 10px; } .sys_lt-ie8 #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_group-header span {float:right; font-size:1em; padding-top:3px;} #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_group-header a, #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_group-header-style a { padding: 6px 12px 0 0; background:0; border:0; padding-left:0; font-family: 'Figtree', Arial, sans-serif; font-weight: bold; font-size: 1.35em; color: #333; display: block; } #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_group-header-style { border-top: none; margin: 12px 0 6px 0; } #top-nav ul#top-nav-menu .sys_mega-col ul li { margin-bottom: 9px; padding-left: 0; line-height: 1.5em; clear: both; width: 100%; background: url('/_design/img/mega-menu-header-bg.png') no-repeat right 6px; } #top-nav ul#top-nav-menu .sys_mega-col ul li a { background:0; border: 0; font-family: 'Figtree', Arial, sans-serif; padding-left:0; color: #333; text-decoration: none; font-size: 1.3em; } #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_group-header a:hover, #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_group-header-style a:hover { color: #333; text-decoration: underline; } #top-nav ul#top-nav-menu .sys_mega-col ul li a:hover { color: #797979; text-decoration: underline; } /* new mega menu styles changehere */ #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_groupheadnolink { border-top: 1px solid #333; margin: 8px 0 8px; background: none; padding: 6px 0 0 0; font-family: 'Figtree', Arial, sans-serif; font-weight: bold; font-size: 1.36em; color: #333; display: block; } #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_subheadnolink { margin: 0 0 8px; background: none; padding: 6px 0 0 0; font-family: 'Figtree', Arial, sans-serif; font-weight: bold; font-size: 1.2em; color: #333; display: block; } @media screen and (max-width:980px) { #top-nav-menu li {width:100%;} #top-nav ul#top-nav-menu .sys_mega-col ul {padding-bottom:0;} #top-nav ul#top-nav-menu .sys_mega-cta {margin:0;} #top-nav ul#top-nav-menu .sys_mega-menu, #top-nav ul#top-nav-menu .sys_mega-menu .sys_mega-col, #top-nav ul#top-nav-menu .sys_mega-menu .sys_mega-cta {position:relative; float:left; clear:both; height:100%; width:100%!important; padding:0; top:0;} #top-nav ul#top-nav-menu li .sys_mega-col ul li, ul#top-nav-menu li .sys_mega-col ul li a {background:transparent; border:0;} #top-nav ul#top-nav-menu .sys_mega-menu {top:0; background-color:#666; border:0; overflow-x: hidden; height: 100%;} #top-nav ul#top-nav-menu li .sys_mega-col ul li.sys_group-header {background-color:#555; margin:0; border:0;} #top-nav ul#top-nav-menu li .sys_mega-col ul li {background-color:#555; padding-left: 0; margin:0; border:0; background-color:#666;} #top-nav ul#top-nav-menu li #mega-menu-study-here .sys_mega-col ul li { margin-left: 9%; width: auto; } #top-nav ul#top-nav-menu li .sys_mega-col ul li:not(.sys_group-header) {display:none;} #top-nav ul#top-nav-menu li #mega-menu-study-here .sys_mega-col ul li:last-child a { padding-bottom: 18px; } #top-nav ul#top-nav-menu li #mega-menu-study-here .sys_mega-col ul li.sys_groupheadnolink { display: block; cursor: pointer; border: 0; color: #fff; padding: 10px 24px 10px 0; font-size: 1.2em; background: url('/_design/img/go-header-link-bg-18px-down.gif') no-repeat right center; margin: 0 2% 0 3%; box-sizing: border-box; width: auto; } #top-nav ul#top-nav-menu li #mega-menu-study-here .sys_mega-col ul li.sys_groupheadnolink:hover { text-decoration: underline; } #top-nav ul#top-nav-menu li #mega-menu-study-here .sys_mega-col ul li.sys_groupheadnolink.sys_selected { background: url('/_design/img/go-header-link-bg-18px-close.gif') no-repeat right center; } #top-nav ul#top-nav-menu li #mega-menu-study-here .sys_mega-col ul li a { color:#fff; padding-left: 0 !important; } #top-nav ul#top-nav-menu li .sys_mega-col ul li.sys_group-header a:hover { color: #fff; } #top-nav ul#top-nav-menu .sys_mega-col ul li a:hover { color: #fff; text-decoration: underline; } #top-nav ul#top-nav-menu li .sys_mega-col .sys_mega-cta {bottom:0; background: #333;} #top-nav ul#top-nav-menu li .sys_mega-col .sys_mega-cta a {border:0; padding:8px 0!important; float: left;} #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_group-header a { border: 0; color: #fff; padding: 10px 0; font-size: 1.3em; margin-left: 0; /*width: 80%;*/ background: url('/_design/img/go-header-link-bg-18px.gif') no-repeat 100%; } #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_group-header {margin:0; border:0; background:0;} #top-nav ul#top-nav-menu .sys_mega-cta a[class*="sys_icon-"] {padding-left:5%;} #top-nav ul#top-nav-menu .sys_mega-cta [class*="sys_icon-"]:after {padding-right:10px;} #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_group-header:after {margin: 12px 5% 0 0; color: #fff;} /*.sys_logo-img img{width: auto; height: 45px;} UCOMMENT FOR SMALLER LOGO BAR */ } @media screen and (max-width:320px) { #top-nav ul#top-nav-menu .sys_mega-cta a[class*="sys_icon-"]:before {padding-left:7%;} } #section-nav .sys_content { height: 34px; background-color: #fff; position: relative; padding-left: 0; width: 980px; border-bottom: 1px solid #99465c; } #section-nav ul#section-menu { color: #000; font-family: 'Figtree', Arial, sans-serif; font-weight: bold; font-size: 1.1em; list-style-type: none; margin: 0; height: 20px; padding: 0 0 0 1px; } #section-nav ul#section-menu li a { color: #000; text-decoration: none; display: block; padding-right: 8px; padding-left: 8px; border-right: 1px solid #c6c6c7; } #section-nav ul#section-menu li a:hover { color: #99465c; } #section-nav ul#section-menu li a:focus { outline: 1px dashed #666; outline-offset: 0; } #banner-and-navs #section-nav ul#section-menu li.sys_selected a { color: #fff; border-right: none; } #banner-and-navs #section-nav ul#section-menu li.sys_selected a:hover { color: #fff; } #section-nav ul#section-menu li.sys_selected a:focus { outline: 1px dashed #fff; } #section-nav ul#section-menu li.sys_selected { background-color: #99465c; margin-right: 1px; margin-left: -1px; border-top: 1px solid #fff; } #section-nav ul#section-menu li:first-child { padding-left: 5px; } #banner-and-navs #section-nav ul#section-menu li a.sys_last, #banner-and-navs #section-nav ul#section-menu li a.sys_first { border-right: none; } #section-nav ul#section-menu li { display: block; float: left; background-color: #fff; padding-top: 8px; padding-bottom: 8px; height: 18px; line-height: 18px; } #active-breadcrumbs { height: 32px; padding-top: 8px; width: 100%; float: left; clear: both;} /* end of header area styles */ /* page body area styles */ #page-body section { padding: 30px 0 30px 0; clear: both; } .sys_ie #page-body section { padding-top: 18px; } #page-body section:first-child { padding-top: 24px } /*.sys_lt-ie8 #page-body section { padding-top:62px; }*/ #page-body section p { font-size: 1.13em; line-height: 1.3em; word-wrap: break-word; overflow-wrap: break-word; } @media screen and (-webkit-min-device-pixel-ratio:0) { #page-body section p strong, #page-body section p b, #page-body section li strong, #page-body section li b, #masthead-links ul li.sys_accesslink, #masthead-links ul li.sys_accesslinkarts { font-family: 'Figtree', Arial, sans-serif; font-weight: bold; } } #page-body section .sys_row:last-child .sys_span12 > p:last-child, #page-body section .sys_span6 > p:last-child, #page-body section .sys_span8 > p:last-child, #page-body section .sys_span12 > ul:last-child, #page-body section .sys_span6 > ul:last-child, #page-body section .sys_span8 > ul:last-child { margin-bottom: 0; } #page-body section .sys_section-content .sys_span12 p, #page-body section .sys_section-content .sys_span6 p, #page-body section .sys_section-content .sys_span8 p { margin-bottom: 10px; } section h1, section h2 { font-family: 'Figtree', Arial, sans-serif; font-weight: bold; color: #000; margin-top: 0px; border-top: none; border-bottom: none; font-size: 2.2em; line-height: 1.2em; margin-bottom: 30px; text-transform: none; padding-top: 0; } section:first-child h1 { border-top: none; } section h1 { font-size: 1.9em; } section h3, section h4, section h5 { font-family: 'Figtree', Arial, sans-serif; font-weight: bold; color: #da3949; font-size: 1.5em; margin-top: 0px; margin-bottom: 16px; line-height: 1.4em; border-top: none; text-transform: none; padding-top: 4px; } section h4 { font-size: 1.4em; line-height: 1.5em; } section .sys_span6 h2, section .sys_span8 h2, section .sys_span4 h2, section .sys_section-content-tab h2, section .sys_subheads h2 { border: none; color: #333; font-size: 1.6em; font-family: 'Figtree', Arial, sans-serif; font-weight: bold; text-transform: none; } section .sys_span6 h3, section .sys_span8 h3, section .sys_span4 h3, section .sys_section-content-tab h3, section .sys_subheads h3 { border: none; color: #333; font-size: 1.5em; font-family: 'Figtree', Arial, sans-serif; font-weight: bold; text-transform: none; } section .sys_span6 h4, section .sys_span8 h4, section .sys_span4 h4, section .sys_section-content-tab h4, section .sys_subheads h4 { border: none; color: #333; font-size: 1.3em; font-family: 'Figtree', Arial, sans-serif; font-weight: bold; text-transform: none; } section .sys_span6 h5, section .sys_span8 h5, section .sys_span4 h5, section .sys_section-content-tab h5, section .sys_subheads h5 { border: none; color: #333; font-size: 1.2em; font-family: 'Figtree', Arial, sans-serif; font-weight: bold; text-transform: none; } section .sys_span6 h6, section .sys_span8 h6, section .sys_span4 h6, section .sys_section-content-tab h6, section .sys_subheads h6 { border: none; color: #333; font-size: 1em; font-family: 'Figtree', Arial, sans-serif; font-weight: bold; text-transform: none; } /*section .sys_subheads h2, section .sys_subheads h3, section .sys_subheads h4, section .sys_subheads h5, section .sys_subheads h6 { font-family: 'Figtree', Arial, sans-serif; font-weight: bold; text-transform: none; }*/ /* #page-body section .sys_span6 p, #page-body section .sys_span4 p, #page-body section .sys_span8 p { font-size: 1em; } */ section address { font-size: 1em; line-height: 1.1em; } section blockquote { color: #999; font-size: 1.5em; font-weight: normal; line-height: 1.2em; border: none; margin: 0; padding: 60px 8px 8px 8px; background: url('/_design/img/quote-mark-grey-large.png') no-repeat 6px top; } #page-body section .sys_highlight-box blockquote { background: url('/_design/img/quote-mark-white-large.png') no-repeat 6px top } #page-body section blockquote p, #page-body section .sys_section-content blockquote p { line-height: 1.1em; color: #999; } #page-body section .sys_highlight-box blockquote p { color: #fff; } #page-body section .sys_section-content .sys_span6 blockquote p { margin: 0; } section ul { font-size: 1.1em; margin-left: 16px; list-style-image: url('/_design/img/icon-arrow-10px-light.png'); } section ul ul { list-style-image: url('/_design/img/icon-arrow-10px-nested.png'); font-size: 1em; } section ol { font-size: 1.1em; } #page-body section ol li { margin-bottom: 3px; } section table { width: 100%; margin-bottom: 16px; } section table caption { text-align: left; padding-bottom: 8px; padding-top: 8px; font-family: 'Figtree', Arial, sans-serif; font-weight: bold; color: #333; font-size: 1.1em; } section table caption strong { font-weight: normal; } section table ul { margin-bottom: 0; } section table, section table th, section table td { border: 1px solid #c6c6c7; border-collapse: collapse; } section table th, section table td { padding: 6px; vertical-align: top; font-size: 1.1em; line-height: 1.3em; } #page-body section table p, #page-body section .sys_section-content table p, #page-body .sys_section-content [class*="sys_span"] table p { margin: 0; font-size: 1em; line-height: 1.3em; } section table th { text-align: left; font-family: 'Figtree', Arial, sans-serif; font-weight: bold; color: #333; } section table th strong { font-weight: normal; } @media screen and (max-width:768px) { section h2 { font-size: 1.8em; line-height: 1.9em; } section h3 { font-size: 1.3em; } section .sys_span6 blockquote, section .sys_span4 blockquote { margin-top: 32px; } } /* #page-body section .sys_dark-grey-section p { font-size: 1.1em; line-height:1.3em;} */ /* not sure what this class is */ .sys_with-image img { float: right; margin-left: 16px; } .sys_with-image .sys_video-image img { float: none; margin-left: 0; } /* video image with caption and play arrow that highlights on hover */ .sys_video-swap { cursor: pointer; } /* #Sigchange# */ .sys_video-image { position: relative; } /* #Sigchange# */ .sys_video-image.sys_video-padding { padding-bottom: 16px; } .sys_video-image .sys_caption { background-color: #000000; /* <- fallback for IE*/ background-color: rgba(0, 0, 0, 0.6); height: 40px; position: absolute; bottom: 16px; /* left position added for IE7 */ left: 0; width: 100%; overflow: hidden; } .sys_video-image.sys_video-padding .sys_caption { bottom: 32px; } .sys_video-image .sys_play-arrow { height: 40px; background: url('/_design/img/play-arrow-salmon.png') no-repeat top right; } .sys_video-image .sys_play-arrow-hover { background: url('/_design/img/play-arrow-white.png') no-repeat top right; } #page-body .sys_video-image .sys_caption p { font-size: 0.9em; line-height: 1.3em; padding: 5px 45px 0 8px; color: #fff; } /* inner-content wraps content in each section */ .sys_inner-content { padding-bottom: 32px; } section .sys_inner-content p { font-size: 1em; } /*#page-body section p.sys_intro-para, #page-body section .sys_intro-para p, #page-body section span.sys_intro-para { font-size: 1.1em; font-family: 'Figtree', Arial, sans-serif; font-weight: bold; } */ #page-body section .sys_intro-para p:first-child, .intro-para { font-size: 1.2em !important; font-family: 'Figtree', Arial, sans-serif; font-weight: bold; } /* fix for first paragraphs inside tables, to remove the above styling */ #page-body section .sys_intro-para table p:first-child { font-family: 'Figtree', Arial, sans-serif; font-size: 1.05em !important; } ul.intro-para { font-family: 'Figtree', Arial, sans-serif; } /* iframe YouTube embeds */ iframe { margin-bottom: 16px; } iframe.sys_youtube, iframe.sys_respiframe { border: none; width: 100%; } .sys_span6 iframe.sys_youtube, .sys_span6 iframe.sys_respiframe, .sys_span6 .sys_video-swap { max-width: 487px; height: 274px; } .sys_section-content-tab .sys_span6 iframe.sys_youtube, .sys_section-content-tab .sys_span6 iframe.sys_respiframe, .sys_section-content-tab .sys_span6 .sys_video-swap { max-width: 471px; height: 265px;} .sys_span4 iframe.sys_youtube, .sys_span4 iframe.sys_respiframe, .sys_span4 .sys_video-swap { max-width: 319px; height: 179px; } .sys_span8 iframe.sys_youtube, .sys_span8 iframe.sys_respiframe, .sys_span8 .sys_video-swap { max-width: 655px; height: 368px; } .sys_span12 iframe.sys_youtube, .sys_span12 .sys_video-swap { max-width: 990px; height: 555px; } .sys_span12 iframe.sys_respiframe { max-width: 990px; height: 500px; } .sys_youtube-replace { background-color: #eee; } .sys_youtube-replace p { margin: 0; padding: 30px; } /*.sys_span4 .sys_youtube-replace { height: 179px; } .sys_span6 .sys_youtube-replace { height: 274px; } .sys_span8 .sys_youtube-replace { height: 368px; } .sys_span12 .sys_youtube-replace { height: 555px; } .sys_section-content-tab .sys_span6 .sys_youtube-replace { height: 265px; } */ section .sys_youtube-replace p a, section .sys_youtube-replace .videocaption a, section .sys_youtube-replace .sys_captionunderlined a { color: #c03240 !important; } @media (min-width:768px) and (max-width:979px) { .sys_span6 .sys_video-swap { height: 187px; } .sys_span4 .sys_video-swap { height: 117px; } /*.sys_span12 .sys_youtube-replace { height: 430px !important; } .sys_span12 iframe.sys_youtube, */ .sys_span12 .sys_video-swap { max-width: 990px; height: 376px; } } @media (max-width:767px) { /*.sys_span12 iframe.sys_youtube, */.sys_span12 .sys_video-swap { max-width: 100%; height: 376px; } /*.sys_span12 .sys_youtube-replace { max-height: 430px; }*/ } @media (max-width:400px){ .sys_span6 .sys_video-swap, .sys_span4 .sys_video-swap { height: 169px; } /*.sys_span12 .sys_youtube-replace { max-height: 450px; }*/ } /* new lite YouTube embed styles */ .sys_youtube-replace, .sys_youtube-playlist-replace { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; background: #eee; margin: 0 0 24px 0; } .sys_youtube-replace iframe, .sys_youtube-playlist-replace iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: transparent; } .sys_youtube-replace img, .sys_youtube-playlist-replace img { object-fit: cover; display: block; left: 0; bottom: 0; margin: auto !important; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; border: none; height: auto; cursor: pointer; -webkit-transition: 0.4s all; -moz-transition: 0.4s all; transition: 0.4s all; } .sys_youtube-replace img:hover, .sys_youtube-playlist-replace img:hover { -webkit-filter: brightness(75%); } .sys_youtube-replace .play, .sys_youtube-playlist-replace .play { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url('/_design/img/play-youtube-lite.png') no-repeat; cursor: pointer; } .sys_youtube-short { padding-bottom: 130%; } .sys_youtube-short img { height: 100%; overflow: hidden; } .sys_contact-us-ctas img { padding-bottom: 8px; } /* signposts refers to the large signpost tiles on key pages */ section .sys_signposts a { display: block; text-decoration: none; border-bottom: none;} .sys_signposts img { padding-bottom: 0; border-bottom: none; border-radius: 4px; margin-bottom: 0; } section .sys_signposts h2, section .sys_signposts h3, section .sys_signposts h4, section .sys_signposts h5, section .sys_signposts h6 { margin: 4px 0 4px; border: none; font-family: 'Figtree', Arial, sans-serif; font-weight: bold; color: #333; line-height: 1.4em; text-transform: none; } /* two block heading text size */ section .sys_signposts .sys_span6 h2, section .sys_signposts .sys_span6 h3, section .sys_signposts .sys_span6 h4, section .sys_signposts .sys_span6 h5, section .sys_signposts .sys_span6 h6 { font-size: 1.3em; margin-top: 8px; } /* three block heading text size */ section .sys_signposts .sys_span4 h2, section .sys_signposts .sys_span4 h3, section .sys_signposts .sys_span4 h4, section .sys_signposts .sys_span4 h5, section .sys_signposts .sys_span4 h6 { font-size: 1.25em; margin-top: 8px; } /* four block heading text size */ section .sys_signposts .sys_span3 h2, .sys_signposts .sys_span3 h3, .sys_signposts .sys_span3 h4, .sys_signposts .sys_span3 h5, .sys_signposts .sys_span3 h6 { font-size: 1em; } #page-body .sys_signposts p { margin-bottom: 24px; } .sys_signposts .sys_span4 p, .sys_signposts .sys_span3 p { font-size: 1em; } section .sys_signposts h2 a, section .sys_signposts h3 a, section .sys_signposts h4 a, section .sys_signposts h5 a, section .sys_signposts h6 a { display: block; color: #333; text-decoration: none; background: url('/_design/img/go-header-link-bg-round-23px.png') no-repeat right 2px; padding-right: 26px; border-bottom: none; } .sys_signposts h2 a:hover, .sys_signposts h3 a:hover, .sys_signposts h4 a:hover, .sys_signposts h5 a:hover, .sys_signposts h6 a:hover { text-decoration: underline; } section .sys_signposts a:focus { outline: 1px dashed #333; outline-offset: 0; } /*.sys_signposts .sys_span4 { padding-bottom: 32px; }*/ /* smaller text sizes for signposts on three column pages (rather than two column) */ .sys_signposts [class*="sys_span"] { padding-bottom: 8px; } @media screen and (max-width:768px) { .sys_signposts [class*="sys_span"] { padding-bottom: 40px; } } /* signposts styles for sets of links without image tiles */ .sys_signposts-linksonly ul { list-style-type: none; list-style-image: none; margin-left: 0; margin-bottom: 0; } #page-body .sys_signposts-linksonly li { margin-bottom: 0; } .sys_signposts-linksonly li a, .sys_signposts-linksonly li a:visited { font-family: 'Figtree', Arial, sans-serif; font-weight: bold; color: #333; display: block; background: url('/_design/img/go-header-link-bg-14px.gif') no-repeat right 6px; padding: 4px 16px 4px 0; border-top: 1px solid #c6c6c7; border-bottom: none; } .sys_signposts-linksonly li a:hover { text-decoration: underline; border-bottom: none; } .sys_signposts-linksonly li:first-child a { border-top: none; } /* CTA aside */ aside[class*="sys_cta"] { /*background-color: #e3e2e2; padding: 16px 16px 16px 16px;*/ border-bottom: none; } aside[class*="sys_cta"] img { border-radius: 4px; } aside[class*="sys_cta"] h2, aside[class*="sys_cta"] h3, aside[class*="sys_cta"] h4, aside[class*="sys_cta"] h5, aside[class*="sys_cta"] h6 { font-size: 1.15em; margin-bottom: 4px; padding-top: 4px; border-bottom: none; border-top: none; } aside[class*="sys_cta"] h2 a, aside[class*="sys_cta"] h3 a, aside[class*="sys_cta"] h4 a, aside[class*="sys_cta"] h5 a, aside[class*="sys_cta"] h6 a { background: url('/_design/img/go-header-link-bg-round-23px.png') no-repeat right center; display: block; padding-right: 26px; text-decoration: none; } aside[class*="sys_cta"] h2 a:hover, aside[class*="sys_cta"] h3 a:hover, aside[class*="sys_cta"] h4 a:hover, aside[class*="sys_cta"] h5 a:hover, aside[class*="sys_cta"] h6 a:hover { text-decoration: underline; } aside[class*="sys_cta"] img { margin-bottom: 8px; } @media screen and (max-width:768px) { aside[class*="sys_cta"] { padding-top: 24px; } aside[class*="sys_cta"] img { display: none; } } /* up arrow that scrolls you back up to previous story on long pages */ .sys_previous-heading-link { display: block; width: 29px; height: 29px; background: url('/_design/img/prev-heading-grey-on-grey.png') no-repeat top left; margin: 10px auto -31px auto; cursor: pointer; } .sys_grey .sys_previous-heading-link { background: url('/_design/img/prev-heading-grey-on-white.png') no-repeat top left; } aside.sys_quote .sys_previous-heading-link { margin-bottom: 1px; } /* set of tabs within an individual section */ ul.sys_section-tabs { font-size: 0.9em; list-style-type: none; font-family: 'Figtree', Arial, sans-serif; font-weight: normal; margin: auto auto 16px; padding-left: 0; clear: both; } ul.sys_section-tabs li { display: block; line-height: 30px; float: left; margin-bottom: 12px; margin-right: 12px; background-color: #fff; border-radius: 4px; border: 2px solid #08e8de; } ul.sys_section-tabs li a { color: #da3949; text-decoration: none; display: block; padding: 2px 12px; text-transform: none; font-size: 1.25em; } ul.sys_section-tabs li.sys_selected { background-color: #e7e7e7; } .sys_grey ul.sys_section-tabs li { background-color: #fff; } ul.sys_section-tabs li a { color: #FA706A; } ul.sys_section-tabs li.sys_selected a { color: #fff; } ul.sys_section-tabs li a:focus { outline: 1px solid #777; outline-offset: -1px; } .sys_grey ul.sys_section-tabs li { background-color: #fff; } .sys_grey ul.sys_section-tabs li.sys_selected { background-color: #fff; } /* styles added for mobile tab expanders */ .sys_tabs-opener { background: #fae927; border-top: 6px solid #fff; margin-bottom: 2px; font-size: 1.2em; margin-top: -2px; } .sys_tabs-opener a { color: #333; display: block; cursor: pointer; padding: 8px 16px 8px 28px; background: url("/_design/img/icon-plus-10px-light.png") no-repeat 10px center; } .sys_tabs-opener a.sys_opener-open { background: url("/_design/img/icon-minus-10px-light.png") no-repeat 10px center; } .sys_tabs-opener a:hover { text-decoration: none; } .sys_firstOpener { border: none; } /* scripts have been hung from the change in this style rule at this breakpoint in tab-controller.js and mobile-tab.js */ /**/ #page-body ul.sys_section-tabs { /*display: none;*/ } /****/ section .sys_section-content { background-color: #e7e7e7; margin: 0 auto 0 auto; padding: 0; clear: both; border-radius: 8px; } .sys_lt-ie8 section .sys_section-content { margin-top: -16px; } .sys_section-content-tab .sys_span6 { width: 471px; } .sys_section-content-tab .sys_span6:first-child { padding-left: 16px; width: 471px; min-height: 255px; } .sys_section-content-tab .sys_span8 { width: 630px; } .sys_section-content-tab .sys_span8:first-child { padding-left: 16px; width: 630px; min-height: 255px; } .sys_section-content-tab .sys_span4 { width: 311px; } /* #Sigchange # */ .sys_section-content-tab .sys_span12:first-child { padding-left: 16px; padding-right: 16px; /*width: 90%;*/ width: 958px; max-width: 958px; } /* #Sigchange # */ /* .sys_section-content h3, */#page-body .sys_section-content .sys_span6 .sys_tabHeading, #page-body .sys_section-content .sys_span12 .sys_tabHeading, #page-body .sys_section-content .sys_span8 .sys_tabHeading { font-family: 'Figtree', Arial, sans-serif; font-weight: bold; font-size: 1.2em; color: #333; margin-top: 0px; } #page-body .sys_section-content h2, #page-body .sys_section-content h3, #page-body .sys_section-content h4, #page-body .sys_section-content h5 { font-size: 1.2em; margin-top: 16px; } #page-body .sys_cta4 h2, #page-body .sys_cta4 h3, #page-body .sys_cta4 h4, #page-body .sys_cta4 h5, #page-body .sys_cta4 h6, #page-body .sys_section-content .sys_highlight-box h2, #page-body .sys_section-content .sys_highlight-box h3, #page-body .sys_section-content .sys_highlight-box h4, #page-body .sys_section-content .sys_highlight-box h5, #page-body .sys_section-content .sys_highlight-box h6 { margin-top: 0; } section .sys_tabbed-area { padding-top: 8px; } @media (min-width:768px) and (max-width:979px){ .sys_section-content-tab .sys_span6, .sys_section-content-tab .sys_span6:first-child { width: 332px; } .sys_section-content-tab .sys_span8, .sys_section-content-tab .sys_span8:first-child { width: 459px; } .sys_section-content-tab .sys_span4 { width: 214px; } } #page-body .sys_section-content p { font-size: 1em; color: #333; margin-top: 16px; line-height: 1.3em; } #page-body .sys_section-content [class*="sys_span"] p { font-size: 1.1em; } /* class added to allow users to align the tops of two columns of text in a tab */ #page-body .sys_section-content p.tabtext-align, #page-body .sys_section-content h2.tabtext-align, #page-body .sys_section-content h3.tabtext-align, #page-body .sys_section-content h4.tabtext-align, #page-body .sys_section-content h5.tabtext-align, #page-body .sys_section-content h6.tabtext-align, .tabtext-align { margin-top: 36px; } .sys_section-content ul { padding-left: 15px; margin-left: 0; } .sys_section-content li { font-size: 1em; color: #333; line-height: 1.3em; margin-bottom: 3px; } .sys_section-right { float: right; padding-left: 16px; width: 385px; min-height: 255px; } /* section-tabs styles removed here */ .sys_grey .sys_section-content { background-color: #fff; } section .sys_section-content-tab { min-height: 200px; padding-top: 16px; padding-bottom: 19px; } .sys_span8 .sys_section-content-tab .sys_span12 { width: auto; } .sys_multi-row-tab { clear: both; overflow: auto; padding-bottom: 16px; } .sys_multi-row-tab .sys_span6:first-child, .sys_multi-row-tab .sys_span8:first-child, .sys_multi-row-tab .sys_span4:first-child, .sys_multi-row-tab .sys_span12:first-child { padding-left: 16px; min-height: 100px; } #page-body .sys_multi-row-tab .sys_span8 p:first-child, #page-body .sys_multi-row-tab .sys_span4 p:first-child, #page-body .sys_multi-row-tab .sys_span6 p:first-child, #page-body .sys_multi-row-tab .sys_span12 p:first-child { margin-top: 0; } #page-body .sys_section-content .sys_multi-row-tab h2, #page-body .sys_section-content .sys_multi-row-tab h3, #page-body .sys_section-content .sys_multi-row-tab h4, #page-body .sys_section-content .sys_multi-row-tab h5, #page-body .sys_section-content .sys_multi-row-tab h6 { margin-top: 0; } /* back to top arrow just above page footer */ .sys_back-to-top { background-color: transparent; margin-top: -16px; } .sys_back-to-top a { display: block; width: 29px; margin: auto; } .sys_back-to-top a img { border: none; } /* end of page body styles */ /* footer styles */ footer { background-color: #2e2e2e; padding-top: 40px; font-family: 'Figtree', Arial, sans-serif; } footer .sys_content { overflow: auto; } footer .sys_footer-block { color: #fff; margin-right: 16px; padding-bottom: 40px; float: left; } footer .sys_fiveColWidth { width: 380px; } footer .sys_fourColWidth { width: 288px; padding-left: 8px; padding-right: 8px; } footer .sys_threeColWidth { width: 244px; margin-right: 0; } footer .sys_fiveColWidth .sys_threeColWidth { width: 228px; float: left; margin-right: 16px; } footer .sys_fiveColWidth .sys_twoColWidth { width: 136px; float: left; } footer .sys_fiveColWidth .sys_twoAndAHalfColWidth { width: 182px; float: left; } footer .sys_fiveColWidth .sys_twoAndAHalfColWidth p:first-child { padding-top: 6px; } footer .sys_fiveColWidth .sys_twoAndAHalfColWidth.sys_footerColPadding { margin-right: 16px; } footer .sys_fourColWidth .sys_twoColWidth { width: 144px; float: left; } footer .sys_footer-block h2 { font-family: 'Gabarito', Arial, sans-serif; font-size: 1.2em; color: #fff; font-weight: normal; border-top: 1px solid #7a7b7d; border-bottom: 1px solid #7a7b7d; margin-bottom: 8px; line-height: 45px; text-transform: uppercase; margin-top: 2px; } footer .sys_footer-block h2 a { width: 100%; display: block; } footer .sys_footer-block p, footer .sys_footer-block address, footer .sys_footer-block li { font-size: 1.1em; line-height: 1.2em; } footer .sys_footer-block a { color: #fff; } footer .sys_footer-block a:focus { outline: 1px dashed #fff; outline-offset: 2px; text-decoration: none; } footer .sys_footer-block p a:hover { text-decoration: underline; } footer .sys_footer-block ul { margin: 35px 0 10px 0; list-style-type: none; } footer .sys_footer-block li a { background: none; padding-right: 3px; padding-top: 6px; display: block; } footer .sys_footer-block li a::after, footer .sys_footer-block li a:after { content: " \a0\3e"; color: #da3949; } footer .sys_spacelistsleft li a { margin-right: 12px; } footer .sys_spacelistsright li a { margin-left: 10px; } footer .sys_footer-block select { color: #929292; font-size: 0.95em; line-height: 1.15em; } footer .sys_footer-block ul.sys_footer-social { list-style-type: none; margin: 0; padding: 0; } footer .sys_footer-social li { display: inline-block; margin-left: 8px; } footer .sys_footer-social li:first-child { margin-left: 0; } footer .sys_footer-social li a { background: none; } footer .sys_footer-social li a::after, footer .sys_footer-social li a:after { content: none; } footer .sys_footer-social li img { max-height: 40px; width: auto; } footer .sys_footer-contacts h2 { margin-top: 36px; margin-bottom: 2px; border: none; text-transform: none; font-size: 30px; font-family: 'Figtree', Arial, sans-serif; } footer .sys_footer-contacts p, footer .sys_footer-contacts address { font-size: 1.1em; line-height: 1.4em; letter-spacing: 0.5px; } footer .sys_footer-contacts a { color: #fff; font-weight: bold; letter-spacing: 0.5px; } footer .sys_footer-contacts a:hover, footer .sys_footer-contacts a:focus { color: #fff; } footer .sys_footer-contacts a.sys_sublink { color: #fff; font-weight: normal; letter-spacing: 0.5px; } footer .sys_footer-contacts a.sys_sublink::after, footer .sys_footer-contacts a.sys_sublink:after { content: " \a0\3e"; color: #da3949; } footer div > img { position: absolute; height: 0; } @media screen and (max-width:1100px) { footer .sys_footer-social li { margin-left: 2px; } footer .sys_footer-social li a { padding-right: 0px; } } @media screen and (max-width:990px) { footer { text-align: center; padding-bottom: 40px; } footer .sys_row { margin-top: 0; padding-top: 50px; } footer .sys_footer-social li { margin-left: 30px; } footer .sys_footer-contacts h2 { margin-top: 50px; font-size: 1.8em; } footer .sys_footer-contacts p, footer .sys_footer-contacts address { font-size: 1.4em; } footer .sys_footer-contacts address br { display: none; } footer .sys_footer-contacts { padding-bottom: 40px; } footer .sys_footer-links { padding-bottom: 0; } footer .sys_footer-links h2 { margin: 0 0 -1px 0; background: url('/_design/img/burger-icon.png') no-repeat center left; cursor: pointer; } footer .sys_footer-links ul { margin-top: 20px; margin-bottom: 20px; } footer .sys_footer-links ul a { display: block; line-height: 2.1em; } .js footer .sys_footer-links ul { display: none; } footer .sys_fourColWidth { width: 80%; max-width: 100%; margin: auto; float: none; } } @media screen and (max-width:640px) { footer .sys_footer-block { width: 100%; max-width: 100%; } footer .sys_fiveColWidth .sys_threeColWidth, footer .sys_fiveColWidth .sys_twoColWidth, footer .sys_fiveColWidth .sys_twoAndAHalfColWidth, footer .sys_fourColWidth .sys_twoColWidth { float: none; width: 100%; max-width: 100%; padding-right: 0; padding-left: 0; } footer .sys_fourColWidth { padding-right: 0; padding-left: 0; } footer .sys_spacelistsleft li a, footer .sys_spacelistsright li a { margin-left: 0; margin-right: 0; } } @media screen and (max-width:580px) { footer .sys_footer-social li { margin-left: 8px; } footer .sys_footer-social li img { max-height: 45px; width: auto; } } @media screen and (max-width:480px) { footer .sys_footer-contacts p, footer .sys_footer-contacts address { font-size: 1.2em; } footer .sys_footer-links h2 { font-size: 1em; background-size: 20px; } footer .sys_footer-social li img { max-height: 38px; width: auto; } } /* * */ /* special fix to style drop-down arrow on select */ div.sys_styled-select { overflow:hidden; /* this hides the select's drop button */ padding:0; margin:0; background: #fff url('/_design/img/formelements-select.png') no-repeat center right; /* this is the new drop button, in image form */ width:100%; box-shadow: 0 1px 3px rgba(0,0,0,0.2); border: solid 1px #ccc; } div.sys_styled-select select { width:115% /* this percentage effectively extends the drop down button out of view */; background-color:transparent /* this hides the selects background making any styling visible from the div */; background-image:none; -webkit-appearance: none /* this is required for Webkit browsers */; border:none; box-shadow:none; padding:0.1em 0.2em; /* padding should be added to the select, not the div */ margin-bottom: 0; height: 25px; } /* fix for IE7 */ .sys_lt-ie8 div.sys_styled-select {border:none; } .sys_lt-ie8 div.sys_styled-select select { width:100%; background-color:white; border: solid 1px #ccc; padding:0.3em 0.5em; } /* * */ /* end of footer styles */ /* styles for when each top element is docked (generic to all pages) */ body.sys_top-nav-fixed #top-nav { background-color: #da3949; position: fixed; z-index: 20; top: 0px; left:0; margin-left: 0; width: 100%; } body.sys_top-nav-fixed #page-heading { padding-top: 200px; } body.sys_top-nav-fixed #top-nav ul#top-nav-menu li a.sys_top-nav-home { display: block; } body.sys_top-header-fixed #page-heading { background-color: #da3949; position: fixed; top: 40px; left: 50%; width: 100%; margin-left: -50%; padding-top: 0; height: 40px;} body.sys_top-header-fixed header h1, body.sys_top-header-fixed #page-heading span { width: 974px; display: block; padding-right: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; } @media screen and (max-width:640px) { body.sys_top-header-fixed h1, body.sys_top-header-fixed #page-heading span {padding-left:30px;} } body.sys_top-header-fixed #top-nav { margin-bottom: 0px; } /* end of docked styles */ h4.sys_icon-right-open:before {float:right;} /* special width adjustments to try to bring the header and footer into Bootstrap but with their own widths */ #masthead .sys_container, #masthead .sys_span12 { width: 990px; padding: 0; max-width: 100%; } #top-nav .sys_container, #top-nav .sys_span12 { width: 990px; max-width: 100%; } #top-nav .sys_container {height: 40px; background-color: #fff; position: relative; z-index: 20; padding: 0; } footer .sys_container { width: 970px; max-width: 100%; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; } footer .sys_span12 { width: 970px; max-width: 100%; } .sys_lt-ie9 #masthead .sys_container, .sys_lt-ie9 #masthead .sys_span12 { width: 990px; max-width: 990px; } .sys_lt-ie9 #top-nav .sys_container, .sys_lt-ie9 #top-nav .sys_span12 { width: 980px; max-width: 990px; } .sys_lt-ie9 footer .sys_container { width: 970px; max-width: 970px;} .sys_lt-ie9 footer .sys_span12 { width: 970px; max-width: 970px; } @media screen and (max-width:980px) { .sys_more-on-topic {color:#000;} } /* ie7 style fixes */ /*.sys_lt-ie8 body { font-family: Arial, sans-serif; }*/ .sys_lt-ie8 .sys_video-image .sys_caption { background-color: #000000; } /* Common Classes */ .sys_displaynone {display:none;} .sys_displayblock {display:block;} .sys_floatleft {float:left;} .sys_floatright {float:right;} .sys_width100 {width:100%;} .sys_middle {margin:auto; display:block; clear:both; float:none!important;} .sys_textcenter {text-align:center;} .sys_textleft {text-align:left;} .sys_textright {text-align:right;} .sys_clear {clear:both; } .sys_bold {font-weight:bold;} .sys_uppercase {text-transform:uppercase;} .sys_low-zindex img {z-index:-1;} .alignright { float: right; } /* alignright fixed for course fee amounts on course pages */ #fees .sys_fees-list .alignright { float: none; position: absolute; right: 0px; } @media screen and (max-width:980px) { .sys_select-list-ul-container {float:left; clear:both; width:100%; padding:5px 0;} .sys_select-list-ul-container .sys_hidden-desktop {float:left; width:100%; padding:5px 10px;} .sys_select-list-ul-container select {float:left; width:100%; margin:5px 0;} #page-body section.sys_top {padding-top:10px;} #banner-and-navs {height: auto;} #page-heading h1, body #page-heading span {width: 100%!important; margin-bottom: 0; padding-left: 0;} #page-heading h1 a, #page-heading h1 span, #page-heading span a { display: inline-block; padding-left: 12px; width:auto;} #page-heading h1 span { display: inline; } .sys_section-content-tab { width: auto;} /* .sys_section-content-tab .sys_span12:first-child { width: auto; max-width: 780px;} */ /* #Sigchange# - NOT SURE */ .sys_section-content-tab .sys_span12:first-child { width: 100%; padding-right: 30px; } /* #Sigchange# - NOT SURE */ /* section-tabs styles removed here */ } @media screen and (max-width:767px) { /* #Sigchange# */ .sys_section-content-tab .sys_span12:first-child { padding-right: 0; } /* #Sigchange# */ .sys_toggle-section h2, .sys_toggle-section h3 { font-size: 1.4em; line-height: 1.6em; } /* scripts have been hung from the change in this style rule at this breakpoint in tab-controller.js and mobile-tab.js */ /* section-tabs styles removed here */ /****/ .sys_section-tabs { display: none !important;} .sys_tabHeading { display: none; } .sys_section-content-tab{display: block; max-width: 100%; } .sys_section-content-tab .sys_span6, .sys_section-content-tab .sys_span6:first-child, .sys_section-content-tab .sys_span8, .sys_section-content-tab .sys_span8:first-child, .sys_section-content-tab .sys_span4 { width: auto; min-height: 10px; } .sys_section-content-tab .sys_span6:first-child, .sys_section-content-tab{min-height: 100%; margin-bottom: 20px;} .sys_section-content-tab .sys_span6 img{margin-bottom: 20px;} #page-body .sys_toggle-section { padding: 24px 0; } .sys_toggle-section h2, .sys_toggle-section h3{margin: 12px 0;} #equivsDiv-tab h2, #equivsDiv-tab h3 { background: none; } .sys_links-tab{word-wrap:break-word;} } @media screen and (min-width:767px) { .sys_tabs-opener { display: none; } } /* div:empty, span:empty, li:empty, p:empty, td:empty, th:empty {padding: 0.5em; background: yellow;} *[style], font, center {outline: 5px solid red;} *[class=""], *[id=""] {outline: 5px dotted red;} img[alt=""] {border: 3px dotted red;} img:not([alt]) {border: 5px solid red;} img[title=""] {outline: 3px dotted fuchsia;} img:not([title]) {outline: 5px solid fuchsia;} table:not([summary]) {outline: 5px solid red;} table[summary=""] {outline: 3px dotted red;} th {border: 2px solid red;} th[scope="col"], th[scope="row"] {border: none;} a[href]:not([title]) {border: 5px solid red;} a[title=""] {outline: 3px dotted red;} a[href="#"] {background: lime;} a[href="/"] {background: fuchsia;} */ .sys_select-list-ul-mobile-tabs {width:100%;} /*.sys_map_key_element img { height: auto; width: auto; } .sys_map_key_element { width: 100%; display: block!important; margin: 10px 0; }*/ /*---------------------------------------------------------------------------------------------------------------- A11y up! -----------------------------------------------------------------------------------------------------------------*/ .sys_screenreader{position: absolute; left: -999em; top: -999em;} .sys_skiplinks{ position: relative; z-index: 100; margin: 0px; border: 0px; padding: 0px;} .sys_skiplinks li a{ white-space:nowrap;} .sys_skiplinks li a span{font-size: 1.5em;} .sys_skiplinks li, .sys_skiplinks li a{ position: absolute; display: block; background-color: transparent; top: -100px; left: 0px; margin: 0px; border: 0px; padding: 0px; font-weight:bold; outline: solid; outline-color:#fff;} .sys_skiplinks a:focus, .sys_skiplinks a:active{ position: absolute; display: block; background-color: #FFF; top: 100px; left: 0px; margin: 0px; border: 0px; padding: 1em; color: #000; outline: solid; outline-color:#fff;} .sys_skiplinks a:focus { outline: 2px dashed #000; } .sys_icon-doc, .sys_icon-facebook-rect, .sys_icon-twitter{width: 100%;} .sys_side-nav-divide{ margin-top: 6px; padding-top: 6px; } @media screen and (max-width:640px) { .sys_flexible-container { width: 100%; max-width: 100%; } .sys_flexible-container iframe, .sys_flexible-container object, .sys_flexible-container embed { max-width: 100% !important; z-index: -1; } } /* #Sigchange# - not sure about map */ .sys_map-container .sys_map { width: 780px!important; } /* not sure this can go here */ .sys_flex-video { position: relative; padding-top: 1.5625em; padding-bottom: 67.5%; height: 0; margin-bottom: 1em; overflow: hidden; } .sys_flex-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* #Sigchange# - not sure about map */ .sys_flexible-container #map_canvas { width: 100% !important; } @media screen and (max-width:767px) { .sys_site-search input[type='text']{font-size:16px;} /*.sys_grey .sys_carousel-control-next{height: 100%!important;}*/ } iframe { border: none;} /* Image bar CTAs */ .sys_cta-bar-primary, .sys_cta-bar-secondary { width: 100%; max-width: 487px; height: auto; color: #fff; font-size: 1.35em; margin-bottom: 24px; position: relative; overflow: hidden; border-radius: 16px; margin-top: 24px; } .sys_cta-bar-primary:first-child, .sys_cta-bar-secondary:first-child { margin-top: 0; } .sys_cta-bar-secondary { height: auto; } .sys_cta-bar-secondary.sys_nosubtext { height: auto; } .sys_cta-bar-primary { background: url('/_design/img/cta-bg-arrow-only-round-inverted.png') no-repeat right center #da3949; } .sys_cta-bar-secondary { background: url('/_design/img/cta-bg-arrow-only-round.png') no-repeat right center #323e48; z-index: 1; } .sys_cta-bar-no-arrow { background-image: none; background: #da3949; } .sys_cta-bar-no-arrow.sys_cta-bar-secondary { background-image: none; background: #939598; } #page-body .sys_cta-bar-primary p, #page-body .sys_cta-bar-secondary p { margin: 0; color: #fff; } section .sys_cta-bar-primary p a, section .sys_cta-bar-secondary p a { font-size: 1.2rem; color: #fff; display: block; height: auto; padding: 23px 70px 23px 22px; position: relative; top: 0; left: 0; right: 0; z-index: 2; text-decoration: none; line-height: 1.2em; border-bottom: none; } section .sys_cta-bar-secondary p a { font-family: 'Figtree', Arial, sans-serif; font-weight: bold; height: 3.4rem; padding: 6px 70px 16px 12px; } section .sys_cta-bar-primary p a:visited, section .sys_cta-bar-secondary p a:visited, section .sys_cta-bar-primary p a:hover, section .sys_cta-bar-secondary p a:hover { color: #fff; } .sys_cta-bar-secondary.sys_nosubtext a { height: auto; padding: 23px 70px 23px 22px; } .sys_cta-bar-primary a { font-family: 'Gabarito', Arial, sans-serif; font-weight: bold; text-transform: uppercase; } section .sys_cta-bar-primary p a:focus, section .sys_cta-bar-secondary p a:focus { text-decoration: underline; } #page-body .sys_cta-bar-no-arrow p.sys_cta-no-arrow-header { font-family: 'Gabarito', Arial, sans-serif; font-size: 1.3em; font-weight: normal; color: #fff; display: block; height: 52px; padding: 8px 8px 6px 12px; /*position: absolute; top: 0; left: 0; right: 0;*/ z-index: 2; text-decoration: none; text-transform: uppercase; width: auto; } #page-body .sys_nosubtext p.sys_cta-no-arrow-header { line-height: 1.1em; } #page-body .sys_cta-bar-primary p.sys_cta-subtext, #page-body .sys_cta-bar-secondary p.sys_cta-subtext, #page-body .sys_cta-bar-no-arrow p.sys_cta-subtext { position: absolute; top: 26px; left: 12px; right: 70px; z-index: -1; display: block; font-size: 1.1rem; } .sys_cta-bar-primary p, .sys_cta-bar-secondary.sys_nosubtext p { display: table; width: 100%; height: 100%; } .sys_cta-bar-primary p a, .sys_cta-bar-secondary.sys_nosubtext p a { display: table-cell; vertical-align: middle; position: static; } .sys_cta-bar-primary p.sys_cta-subtext { display: none; } .sys_cta-bar-secondary p.sys_cta-subtext, #page-body .sys_cta-bar-no-arrow p.sys_cta-subtext { left: 12px; } #page-body .sys_cta-bar-no-arrow p.sys_cta-subtext { font-size: 1.3em; clear: both; z-index: 3; right: 0; } #page-body .sys_cta-bar-no-arrow.sys_cta-bar-secondary p.sys_cta-subtext { font-size: 1.05em; } #page-body .sys_cta-bar-no-arrow p.sys_cta-subtext span { left: 0; padding-left: 0; } .sys_enquiryno span { font-family: Arial, sans-serif; display: block; position: relative; } .sys_enquiryno span a { padding: 0; font-family: Arial,sans-serif; font-size: 1.05em; } .sys_enquiryno p > a { height: 29px; font-size: 1em; font-family: Arial, sans-serif; padding: 4px 0 0; display: block; } .sys_cta-globe a { background: none; } .sys_cta-qmark a { background: none; } .sys_cta-fbook a { background: none; } .sys_cta-twttr a { background: none; } .sys_cta-linkedin a { background: none; } .sys_cta-instagram a { background: none; } .sys_cta-360 a { background: none; } .sys_cta-phone p.sys_cta-no-arrow-header { background: none; } .sys_cta-download a { background: none; } .sys_cta-money a { background: none; } .sys_cta-bar-secondary.sys_cta-globe a { background: none; } .sys_cta-bar-secondary.sys_cta-qmark a { background: none; } .sys_cta-bar-secondary.sys_cta-download a { background: none; } .sys_cta-bar-secondary.sys_cta-print a { background: none; } .sys_cta-bar-secondary.sys_cta-money a { background: none; } @media screen and (max-width:980px) { .sys_cta-globe a, .sys_cta-qmark a, .sys_cta-fbook a, .sys_cta-twttr a, .sys_cta-linkedin a, .sys_cta-instagram a, .sys_cta-money a, .sys_cta-bar-secondary.sys_cta-globe a, .sys_cta-download a, .sys_cta-bar-secondary.sys_cta-download a, .sys_cta-bar-secondary.sys_cta-qmark a, .sys_cta-360 a, #page-body .sys_cta-phone p.sys_cta-no-arrow-header { background: none; } .sys_cta-bar-primary p.sys_cta-subtext, .sys_cta-bar-secondary p.sys_cta-subtext, #page-body .sys_cta-bar-no-arrow p.sys_cta-subtext { left: 8px; } #page-body .sys_cta-bar-no-arrow p.sys_cta-no-arrow-header { font-size: 1.1em; } } @media screen and (max-width: 980px) and (min-width: 767px) { #page-body .sys_cta-bar-secondary p.sys_cta-subtext { display: none; } } @media screen and (max-width:767px) { .sys_cta-bar-primary p.sys_cta-subtext, .sys_cta-bar-secondary p.sys_cta-subtext, #page-body .sys_cta-bar-no-arrow p.sys_cta-subtext { left: 8px; display: block; } #page-body .sys_cta-bar-no-arrow p.sys_cta-no-arrow-header { font-size: 1.3em; } .sys_span6 > .sys_cta-bar-primary:first-child, .sys_span6 > img:first-child, .sys_span4 > .sys_cta-bar-primary:first-child, .sys_span4 > img:first-child, .sys_span6 > .sys_cta-bar-secondary:first-child, .sys_span4 > .sys_cta-bar-secondary:first-child, .sys_span6 > .sys_generalsearch-search-control:first-child, .sys_span4 > .sys_generalsearch-search-control:first-child { margin-top: 16px; } } @media screen and (max-width:398px) { .sys_cta-bar-primary, .sys_cta-bar-secondary { max-width: 100%; } .sys_cta-bar-primary a, .sys_cta-bar-secondary a { /*line-height: 52px;*/ line-height: 18px; } #page-body .sys_cta-bar-primary p.sys_cta-subtext, #page-body .sys_cta-bar-secondary p.sys_cta-subtext { display: none; } #page-body .sys_cta-bar-no-arrow p.sys_cta-subtext { left: 0; } } @media screen and (max-width:290px) { .sys_cta-globe a, .sys_cta-qmark a, .sys_cta-fbook a, .sys_cta-twttr a, .sys_cta-linkedin a, .sys_cta-instagram a, .sys_cta-360 a, .sys_cta-download a, .sys_cta-money a, .sys_cta-bar-secondary.sys_cta-globe a, .sys_cta-bar-secondary.sys_cta-qmark a, .sys_cta-bar-secondary.sys_cta-download a, .sys_cta-phone p.sys_cta-no-arrow-header, .sys_cta-bar-secondary.sys_cta-money a { background: none; line-height: 24px; } #page-body .sys_cta-bar-no-arrow p.sys_cta-subtext { left: 8px; } } /* Google maps specific styling */ #map_key { padding: .5em 0; display: none; } .sys_map_key_element { display: table-cell; padding-right: 1em; } section .sys_map_key_element img { vertical-align: middle; margin-right: .5em; display: inline; } iframe.sys_gmap360{width: 100%; height: 425px} .sys_map_key_element { display: inline; } /* for text under a in panel blockquote so that it is the same colour */ .underquote, #page-body section .underquote { color: #333; margin-left: 8px; display: block; font-weight: bold; } #page-body section .sys_section-content .underquote { color: #333; margin-top: 0; } /* for text under an image to create a simple caption */ .imagecaption, #page-body section .imagecaption { color: #333; display: block; font-size: 0.95em !important; margin-top: 24px; margin-bottom: 24px !important; } #page-body section .sys_dark-grey-section .imagecaption { } /* for text under a video to create a simple caption */ .videocaption, #page-body section .videocaption { color: #000; display: block; font-size: 0.95em !important; padding-top: 4px; margin-top: 0; margin-bottom: 24px !important; } #page-body section .videocaption.sys_captionunderlined { border-bottom: 1px solid #ccc; padding-bottom: 8px; margin-top: -16px; padding-left: 10px; padding-right: 0; margin-bottom: 4px; line-height: 1.5em; } /*#page-body section .sys_youtube-replace-msg { height: auto; }*/ #page-body section .sys_dark-grey-section .videocaption { } /* for links in image and video captions and under quotes */ .imagecaption a, #page-body section .imagecaption a, .videocaption a, #page-body section .videocaption a, .underquote a, #page-body section .sys_section-content .underquote a { color: #da3949; } /* to remove paragraph bottom margin - for use above ul's etc */ .removeBottomSpace, #page-body section .sys_section-content .sys_span12 p.removeBottomSpace, #page-body section .sys_section-content .sys_span6 p.removeBottomSpace, #page-body section .sys_section-content .sys_span8 p.removeBottomSpace {margin-bottom:0px !important;} /* to remove paragraph margins completely - useful when images get p tags placed around them */ .removeAllSpace, #page-body section .removeAllSpace, #page-body .sys_section-content .sys_span6 .removeAllSpace, #page-body .sys_section-content .sys_span4 .removeAllSpace {margin:0px !important;} /* to remove top margins */ .removeTopSpace, #page-body section .removeTopSpace {margin-top:0px !important;} /* added to make news listing control rss placement behave */ span.sys_rss-link, span.sys_atom-link { position: relative; overflow: visible !important; width: 6rem !important; } span.sys_atom-link { right: 5.5rem !important; } .sys_theme-simple .sys_rss-link a, .sys_theme-simple .sys_button-subscribe-rss a, .sys_theme-simple .sys_atom-link a, .sys_theme-simple .sys_button-subscribe-atom a { overflow: visible !important; white-space: normal !important; } /* added for 3 col text links on landing pages with heading link and paragraph text underneath - no images */ .sys_signposts-plink ul { list-style-type: none; list-style-image: none; margin-left: 0; } .sys_signposts-plink .sys_span4 a, .sys_signposts-plink .sys_span6 a { font-family: 'Figtree', Arial, sans-serif; font-weight: bold; color: #333; display: block; background: url('/_design/img/go-header-link-bg-round-23px.png') no-repeat right 5px; padding: 4px 26px 4px 0; border-bottom: 1px solid #c6c6c7; } .sys_signposts-plink .sys_span4 h2, .sys_signposts-plink .sys_span4 h3, .sys_signposts-plink .sys_span4 h4, .sys_signposts-plink .sys_span4 h5, .sys_signposts-plink .sys_span4 h6, .sys_signposts-plink .sys_span6 h2, .sys_signposts-plink .sys_span6 h3, .sys_signposts-plink .sys_span6 h4, .sys_signposts-plink .sys_span6 h5, .sys_signposts-plink .sys_span6 h6 { font-size: 1.16em; margin-bottom: 8px; } #page-body .sys_signposts-plink .sys_span4 p, #page-body .sys_signposts-plink .sys_span6 p { margin-top: 0; margin-bottom: 24px; } .sys_signposts-plink .sys_span4 a:focus, .sys_signposts-plink .sys_span6 a:focus { text-decoration: none; outline: 1px dashed #333; outline-offset: 0; } /* split signposts box with image on left and text on right */ section .sys_signposts-split h2 a, section .sys_signposts-split h3 a, section .sys_signposts-split h4 a { border-bottom: 1px solid #000; padding-bottom: 4px; } /* Fix for Simple template on Event listings, Location item */ .sys_theme-simple .sys_events-control .sys_subitem .sys_events-summary dl dt.sys_events-location { width: 80px !important;} /* generic search web control */ #page-body section .sys_searchcontrol { background-color: #323e48; padding: 32px 32px 40px 32px; display: flex; flex-direction: row; flex-wrap: wrap; border-radius: 8px; gap: 16px; overflow: auto; } section .sys_span6 .sys_searchcontrol, section .sys_span4 .sys_searchcontrol { margin-bottom: 8px; } section .sys_searchcontrol h2 { color: #fff; border-bottom: 1px solid #fff; border-top: none; margin-bottom: 16px; } section .sys_searchcontrol label { display: block; font-family: 'Gabarito', Arial, sans-serif; font-size: 1.67em; font-weight: normal; line-height: 1.4em;color: #fff; border-bottom: none; flex: 0 0 100%; margin-bottom: 0; border-top: none; margin-top: 0; text-transform: uppercase; } section .sys_searchcontrol input[type="text"] { box-sizing: border-box; border-radius: 8px; flex: 1 1 auto; width: auto; max-width: none; line-height: 22px; height: 40px; padding: 4px; border-width: 1px; margin-bottom: 0; font-family: 'Figtree', Arial, sans-serif; } section .sys_searchcontrol input[type="image"] { margin: 0; flex: 0 0 40px; box-sizing: border-box; border-radius: 8px; } section .sys_searchcontrol .sys_searchboxheader { display: none; } section .sys_searchcontrol input:focus { outline: none; box-shadow: 0 0 2px 2px #58c1d2; } section .sys_coursesearch .sys_searchboxheader { display: block; font-family: 'Gabarito', Arial, sans-serif; font-size: 1.67em; font-weight: normal; line-height: 1.4em;color: #fff; border-bottom: 1px solid #fff; border-top: none; margin-bottom: 10px; margin-top: 0; text-transform: uppercase; } section .sys_coursesearch label { font-size: 1em; font-family: 'Figtree', Arial, sans-serif; text-transform: none; border-bottom: none; } @media screen and (max-width:1100px) and (min-width: 980px) { section .sys_span4 .sys_searchcontrol input[type="text"] { width: 190px; } } @media screen and (max-width:980px) and (min-width: 767px) { #page-body section .sys_span4 .sys_searchcontrol { padding: 18px; } section .sys_span4 .sys_searchcontrol label { font-size: 1.3em; } section .sys_span4 .sys_searchcontrol input[type="text"] { flex: 0 1 auto; width: 108px; } } /* override default curved edges on bootstrap text boxes */ input[type="text"] { border-radius: 0; } /* 360 Tour icon */ .sys_touricon{ background-image: url("/_design/img/360/360-touricon.jpg"); background-position: 0 0; cursor: pointer; height: 85px; width: 85px; } .sys_touricon:hover{background-image: url("/_design/img/360/360-touricon-hover.jpg");} .map360Infoview{min-width: 220px;} .map360Infoview img{margin-left: 1em;} .map360Infoview h4{margin-top: 0;} .map360Infoview .sys_touricon{float: left; clear: both;} .sys_gmap360_canvas img{max-width:none !important;} .gmapMarkerLabel { text-shadow: 1px 1px 1px #fff; color: #222; font-size: 11pt; line-height: 1.1em; padding-bottom: 0.2em; } /* system-generated form styles */ #page-body .sys_cms-form-control ul.sys_cms-form-body { padding: 0; } #page-body .sys_cms-form-control ul.sys_cms-form-body li.sys_cms-form-item { padding-left: 0; font-size: 1.1em; } #page-body .sys_cms-form-control ul.sys_cms-form-body li.sys_cms-form-item div { color: #333; } #page-body .sys_cms-form-control ul.sys_cms-form-body li label { color: #333; } #page-body .sys_cms-form-control ul.sys_cms-form-body li input, #page-body .sys_cms-form-control ul.sys_cms-form-body li select, #page-body .sys_cms-form-control ul.sys_cms-form-body li textarea, #page-body .sys_cms-form-control ul.sys_cms-form-body li label, #page-body .sys_cms-form-control ul.sys_cms-form-body li .sys_legend, #page-body .sys_cms-form-control ul.sys_cms-form-body li .sys_fieldlabel { color: #333; } #page-body .sys_cms-form-control ul.sys_cms-form-body li button { font-weight: bold; font-family: Arial,sans-serif; padding: 8px 12px; border: none; background-color: #1377a9; color: #fff; font-size: 1em; } .sys_pagebreak div button:first-child { margin-right: 8px; } #page-body .sys_cms-form-confirmation-content { font-size: 1.1em; text-align: left; padding: 20px 0; } #page-body .sys_cms-form-control ul.sys_cms-form-body li.sys_sectionbreak .sys_sectionbreak-header { color: #333; font-family: 'Figtree', Arial, sans-serif; font-weight: bold; font-size: 1.3em; margin: 0 0 8px; } @media screen and (max-width:398px) { #page-body .sys_cms-form-body .sys_sidebyside span { white-space: normal; } } /* style changes to improve printed pages */ @media print { #masthead-links, #top-nav, #banner-img, #section-nav, #active-breadcrumbs, #footer, .sys_back-to-top, #course-nav, ul.sys_section-tabs, section#related, section#searchagain { display: none; } #masthead { height: auto; } #masthead a img { display: none; } #masthead a { margin: 0; } #masthead a:after { content: "University of 91快活林"; font-size: 2.1em; font-family: 'Gabarito', Arial; } #banner-and-navs { height: auto; } header h1 { margin-bottom: 0; padding-left: 0; margin-left: -10px; } #page-heading span, body.sys_top-header-fixed #page-heading span { display: none; } header h1 a[href]:after, #page-heading span a[href]:after { content: normal; } #page-heading { padding-top: 10px !important; } body.sys_top-header-fixed #page-heading { position: static; margin-left: 0; } #page-wrapper { padding: 10px; } section img { width: auto !important; } .sys_dark-grey-section { margin-left: 0; padding: 0; } .sys_section-content-tab { display: block !important; padding-bottom: 5px; } .sys_section-content-tab .sys_span6:first-child { min-height: 0; } .sys_span6 { width: 46% !important; margin-left: 2%; float: left !important; } .sys_span8 { width: 62% !important; margin-left: 2%; float: left !important; } .sys_span4 { width: 30% !important; margin-left: 2%; float: left !important; } .sys_cta-bar-primary a, .sys_cta-bar-secondary a { position: static; padding: 0; height: auto; } .sys_cta-bar-primary p.sys_cta-subtext, .sys_cta-bar-secondary p.sys_cta-subtext { position: static; } } /* added as test for google tag manager */ .CTA_link{} /* For hidden form elements */ li[class*="sys_hidden_formfield"] { display: none;} /* prevent Google Adwords iframe from adding space below the footer */ #page-wrapper > iframe { display: none; } .sys_cms-form-validationsummary, #page-body .sys_cms-form-body .sys_fieldcontent label.sys_cms-form-error{color: #ac0000;} /* Colours for the event calendar (can be overidden by accessibility if needed */ #event-calendar-container .sys_cal-event-cell { background-color: white;} #event-calendar-container .sys_fc-state-highlight { background-color: #FFBDB7;} /* Light salmon */ #event-calendar-container h2{ color: #da3949;} /* Salmon */ #event-calendar-container .sys_cal-event-normal{ background-color: #137bac; border-color: #333; color: #fff; } /* Study here blue */ #event-calendar-container .sys_cal-event-compact{ background-color: #99465c; border-color: #333; color: #fff; } /* Interesting wine */ #event-calendar-container .sys_cal-event-he-sv{ background-color: #00837b; border-color: #333; color: #fff; } /* 91快活林 taupe */ #event-calendar-container .sys_cal-event-postgrad{ background-color: #79122d; border-color: #333; color: #fff; } /* Research red */ #event-calendar-container .sys_cal-event-applicant{ background-color: #7d1d91; border-color: #333; color: #fff; } /* International purple */ #event-calendar-container .sys_cal-event-ug-campus{ background-color: #577c09; border-color: #333; color: #fff; } /* Living here green */ #page-body #event-calendar-container .sys_cal-event-campus-tour { background-color: #c05306; border-color: #333; color: #fff; } /* Darkened orange for contrast */ /* Styles for edublogs feed reader */ .sys_edublogs-header { margin-bottom: 4px; } .sys_edublogs-list { list-style-type: none; margin-left: 18px; } .sys_edublogs-list li { font-family: 'Figtree', Arial, sans-serif; font-weight: bold; margin-top: 8px; } /* cookie bar styles */ #cookie-bar, #emerg { text-align: center; background-color: #58595B; display: none; } #cookie-bar p, #emerg p { margin: 0; padding-top: 2px; padding-bottom: 4px; color: #fff; font-size: 0.9em; } #cookie-bar a, #cookie-bar a:hover, #emerg a, #emerg a:hover { color: #fff; text-decoration: underline; } #cookie-bar .sys_dismiss-cookie { background: url("/_design/img/go-header-link-bg-13px-close.gif") no-repeat right center; padding-right: 18px; padding-left: 4px; } #emerg { padding: 10px 20px; background-color: #2e2e2e; display: block; } #emerg p { font-size: 1.7em; line-height: 1.1em; } @media screen and (max-width:980px) { #cookie-bar, #emerg { position: relative; top: 40px; } } @media screen and (max-width:590px) { #cookie-bar, #emerg { border-bottom: 1px solid #ccc; padding: 0 16px; text-align: left; padding-top: 8px; } #cookie-bar .sys_dismiss-cookie { display: block; background-position: left center; padding-left: 18px; padding: 8px 8px 8px 18px; } .sys_skiplinks li, .sys_skiplinks li a { outline: none; } #emerg { padding: 15px 10px; } #emerg p { font-size: 1.4em; } } /* related links */ section .sys_related-links a:link, section .sys_related-links a:visited { font-family: 'Figtree', Arial, sans-serif; font-weight: bold; color: #333; display: block; background: url("/_design/img/go-header-link-bg-14px.gif") no-repeat scroll right 6px transparent; padding: 4px 16px 4px 0px; border-top: 1px solid #c6c6c7; border-bottom: none; } section .sys_related-links a:hover, section .sys_related-links a:active { text-decoration: underline; } .sys_related-links p:first-child a { border-top: none; } @media screen and (max-width:767px) { .sys_related-links { padding-top: 16px; } } /** SEARCH results **/ #SearchResults_List h3.sys_subitem-heading.sys_search-subheading a{ display: block; } /* Generic image icons */ .search-res-theme .sys_icon.sys_0 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/0.gif"); } .search-res-theme .sys_icon.sys_1 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/1.gif"); } .search-res-theme .sys_icon.sys_2 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/2.gif"); } .search-res-theme .sys_icon.sys_3 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/3.gif"); } .search-res-theme .sys_icon.sys_5 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/5.gif"); } .search-res-theme .sys_icon.sys_6 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/6.gif"); } .search-res-theme .sys_icon.sys_7 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/7.gif"); } .search-res-theme .sys_icon.sys_8 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/8.gif"); } .search-res-theme .sys_icon.sys_9 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/9.gif"); } .search-res-theme .sys_icon.sys_11 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/11.gif"); } .search-res-theme .sys_icon.sys_12 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/12.gif"); } .search-res-theme .sys_icon.sys_13 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/13.gif"); } .search-res-theme .sys_icon.sys_14 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/14.gif"); } .search-res-theme .sys_icon.sys_15 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/15.gif"); } .search-res-theme .sys_icon.sys_16 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/16.gif"); } .search-res-theme .sys_icon.sys_17 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/17.gif"); } .search-res-theme .sys_icon.sys_18 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/18.gif"); } .search-res-theme .sys_icon.sys_19 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/19.gif"); } .search-res-theme .sys_icon.sys_21 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/21.gif"); } .search-res-theme .sys_icon.sys_22 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/22.gif"); } .search-res-theme .sys_icon.sys_23 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/23.gif"); } .search-res-theme .sys_icon.sys_24 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/24.gif"); } .search-res-theme .sys_icon.sys_25 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/25.gif"); } .search-res-theme .sys_icon.sys_27 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/27.gif"); } .search-res-theme .sys_icon.sys_28 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/28.gif"); } .search-res-theme .sys_icon.sys_29 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/29.gif"); } .search-res-theme .sys_icon.sys_30 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/30.gif"); } .search-res-theme .sys_icon.sys_31 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/31.gif"); } .search-res-theme .sys_icon.sys_32 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/32.gif"); } .search-res-theme .sys_icon.sys_33 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/33.gif"); } .search-res-theme .sys_icon.sys_34 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/34.gif"); } .search-res-theme .sys_icon.sys_35 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/35.gif"); } .search-res-theme .sys_icon.sys_37 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/37.gif"); } .search-res-theme .sys_icon.sys_38 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/38.gif"); } .search-res-theme .sys_icon.sys_39 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/39.gif"); } .search-res-theme .sys_icon.sys_40 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/40.gif"); } .search-res-theme .sys_icon.sys_41 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/41.gif"); } .search-res-theme .sys_icon.sys_42 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/42.gif"); } .search-res-theme .sys_icon.sys_43 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/43.gif"); } .search-res-theme .sys_icon.sys_44 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/44.gif"); } .search-res-theme .sys_icon.sys_45 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/45.gif"); } .search-res-theme .sys_icon.sys_46 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/46.gif"); } .search-res-theme .sys_icon.sys_50 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/50.gif"); } .search-res-theme .sys_icon.sys_51 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/51.gif"); } .search-res-theme .sys_icon.sys_52 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/52.gif"); } .search-res-theme .sys_icon.sys_53 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/53.gif"); } .search-res-theme .sys_icon.sys_54 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/54.gif"); } .search-res-theme .sys_icon.sys_55 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/55.gif"); } /* Icon */ .search-res-theme .sys_itemslist div.sys_icon, .search-res-theme div.sys_thumbnail { float: left; margin: -2px 15px 6px 0px; padding:0; position:relative; z-index:999; width:32px; height:32px; background-position:0 0; background-repeat:no-repeat; z-index: 0; } /* Header/links */ .search-res-theme .sys_subitem-heading.sys_search-subheading, .search-res-theme .sys_subitem-heading.sys_generic_list-subheading{ font-size: 1.1em; border-bottom: 1px solid #222; background: url("/_design/img/go-header-link-bg.gif") no-repeat right 2px; font-weight: normal; line-height: 1.4em; clear: both; } .search-res-theme .sys_subitem-heading.sys_search-subheading a, .search-res-theme .sys_subitem-heading.sys_generic_list-subheading a { color: #222;} .search-res-theme .sys_subitem-heading.sys_search-subheading a:hover, .search-res-theme .sys_subitem-heading.sys_generic_list-subheading a:hover{text-decoration: none;} /*Remove headers and improve formatting*/ .search-res-theme dt.sys_search-description, .search-res-theme dt.sys_generic_list-description, .search-res-theme dt.sys_search-url{ display: none !important;} .search-res-theme dd.sys_search-description, .search-res-theme dd.sys_generic_list-description { display: block; float: none; margin-top: -0.5em; margin-left: 0; } .search-res-theme dd.sys_search-url { font-style: italic; color: #005580; display: none; } /*change header back to normal*/ .search-res-theme .sys_search-control .sys_search-title.sys_standardlist-title{ color: #00837b;; font-size: 1.7em; border-top: 1px solid #c6c6c7; border-bottom: 1px solid #c6c6c7; margin-bottom: 1em; } /* Always hide date picker until it should appear */ #ui-datepicker-div{ display: none;} /* override Skype helper plugin styles to phone numbers remain readable */ #page-body section span.skype_c2c_container, #page-body section span.skype_c2c_container * { color: #6d6e71 !important; } #page-body .sys_cta-bar-primary span.skype_c2c_container, #page-body .sys_cta-bar-primary span.skype_c2c_container *, #page-body .sys_cta-bar-secondary span.skype_c2c_container, #page-body .sys_cta-bar-secondary span.skype_c2c_container *, footer span.skype_c2c_container, footer span.skype_c2c_container * { color: #fff !important; } /*== styling from simple theme forms stylesheet ==*/ .sys_cms-form-control ul, .sys_cms-form-control ul li { list-style-type: none; list-style: none; } .sys_cms-form-control ul, .sys_cms-form-control ul li, .sys_cms-form-control ul li label { font-size: 100%; margin: 0; padding: 0; } ul.sys_cms-form-body { font-size: small; margin: 0; padding: 10px; list-style-type: none; margin-bottom: 1.5em; } .sys_cms-form-body .sys_cms-form-item { margin: 0 0 5px 0; padding: 6px 0 8px 1%; position: relative; background: none; background-image: none; color: #333; font-size: small; width: 99%; } .sys_cms-form-body .sys_cms-form-item .sys_hiddenfield { padding: 0; margin: 0; } ul.sys_cms-form-body:after, .sys_cms-form-body li:after { content: "..."; display: block; clear: both; height: 0; line-height: 0; visibility: hidden; overflow: hidden; } .sys_cms-form-body .sys_fieldlabel { display: block; font-weight: bold; padding-top: .2em; padding-bottom: .3em; } .sys_cms-form-body .sys_fieldcontent { float: left; width: 100%; } .sys_cms-form-body .sys_instructions { display: none; top: 0; left: 100%; position: absolute; border: 1px solid #cfd6d7; color: #474c50; background: #eceff0; margin-top: 5px; margin-left: 10px; padding: 6px 8px; width: 45%; font-size: 0.8em; } .sys_labels-left .sys_cms-form-body .sys_instructions, .sys_labels-right .sys_cms-form-body .sys_instructions {width: 25%;} .sys_showinstructions .sys_cms-form-body .sys_cms-form-item { width: 64%;} .sys_showinstructions.sys_labels-left .sys_cms-form-body .sys_cms-form-item, .sys_showinstructions.sys_labels-right .sys_cms-form-body .sys_cms-form-item {width: 74%;} .sys_showinstructions .sys_cms-form-body .sys_instructions {display: block;} /* Setting Up the Form Body */ .sys_cms-form-body li input, .sys_cms-form-body li select, .sys_cms-form-body li textarea, .sys_cms-form-body li label, .sys_cms-form-body li .sys_legend, .sys_cms-form-body li .sys_fieldlabel { color: #333; font-size: 100%; font-family: 'Figtree', Arial, sans-serif; font-weight: bold; margin: auto; } .sys_cms-form-body li div label { display: block; font-size: 90%; padding: .2em 0 .5em 0; } /* Inputs */ .sys_cms-form-body input, .sys_cms-form-body textarea {padding: 2px;} .sys_cms-form-body input.sys_small, .sys_cms-form-body select.sys_small {width: 25%;} .sys_cms-form-body input.sys_medium, .sys_cms-form-body select.sys_medium {width: 50%;} .sys_cms-form-body input.sys_large, .sys_cms-form-body select.sys_large {width: 97.6%;} /* Textarea */ .sys_cms-form-body textarea.sys_small, .sys_cms-form-body textarea.sys_medium, .sys_cms-form-body textarea.sys_large {width: 98%;} .sys_cms-form-body textarea.sys_small {height: 5em;} .sys_cms-form-body textarea.sys_medium {height: 12em;} .sys_cms-form-body textarea.sys_large {height: 22em;} /* Validation Error */ .sys_cms-form-body .error, .sys_cms-form-body .sys_cms-form-error { color: #a33f49; font-size: .9em; font-weight: bold; width: 100%; } /* Section Heading */ .sys_cms-form-body .sys_sectionbreak { padding-top: 15px; padding-bottom: 15px; } .sys_cms-form-body .sys_sectionbreak-header { float: left; width: 100%; cursor: text; color: #333; font-size: 1.5em; margin: 0; padding: 0; } section .sys_cms-form-body .sys_sectionbreak-text { float: left; width: 100%; cursor: text; color: #333; font-size: 1em; margin: 0; padding: 0; } /* Name */ .sys_cms-form-body .sys_namesubelement { float: left; width: 48%; margin: 0 2% 0 0; } .sys_cms-form-body .sys_namesubelement input { width: 96%; } /* Last Name */ .sys_cms-form-body .sys_lastnamesubelement { width: 49%; margin-right: 0 !important; } .sys_cms-form-body .sys_lastnamesubelement input { width: 96%; } /* Date */ /* Review - jQuery Datepicker may insert an image to trigger date picker */ .sys_cms-form-body li.sys_date input { float: left; margin-right: 4px; } .sys_cms-form-control ul.sys_cms-form-body li.sys_date img { float: left; margin-top: 2px; cursor: pointer; } .sys_cms-form-body .sys_checkbox input, .sys_cms-form-body .sys_radio input { float: left; width: 13px; height: 13px; display: block; padding: 0; margin: 4px 4px 0 0; } .sys_cms-form-body .sys_checkbox label, .sys_cms-form-body .sys_radio label { line-height: 150%; padding: .2em 0; } /* Other */ .sys_cms-form-body .sys_choices_other { clear: both; } .sys_cms-form-body .sys_choices_other .sys_otherlabel { float: none; display: block; clear: both; width: 120px; height: auto; padding: .2em 0; margin: 0; } .sys_cms-form-body .sys_choices_other .sys_medium { float: none; display: block; clear: both; width: 120px; height: auto; padding: 2px 0; margin: 0; } /* Time */ .sys_cms-form-body .sys_time .sys_timesubelement { float: left; width: 50px; margin: 0 5px 0 0; } .sys_cms-form-body .sys_time select { padding: 1px 1px 1px 0; min-height: 20px; } .sys_cms-form-body .sys_time input { width: 38px; } /* Address */ .sys_cms-form-body .sys_address label { padding-top: .7em; padding-bottom: .15em; } /* Side By Side */ .sys_cms-form-body .sys_sidebyside span { width: auto; white-space: nowrap; padding-right: 8px; } .sys_cms-form-body .sys_sidebyside input { float: none; display: inline; vertical-align: top; } .sys_cms-form-body .sys_sidebyside span label { float: none; display: inline; font-size: 1em; } /* Columns */ .sys_cms-form-body .sys_onecolumn span { display: block; margin: 0; width: 100%; } .sys_cms-form-body .sys_twocolumns span { width: 48%; margin: 0 5px 0 0; float: left; } .sys_cms-form-body .sys_threecolumns span { float: left; width: 30%; margin: 0 5px 0 0; } .sys_cms-form-body .sys_boxclearer { clear: left; } /* Captcha */ #recaptcha_area { margin-left: 16px; } #captchaStatus { margin-left: 16px; margin-top: 8px; color: #a33f49; font-weight: bold; } .sys_cms-form-body .sys_legend { font-weight: bold; } .sys_cms-form-body .sys_legend .sys_required { position: static; display: inline; margin: 0; padding: 0; font-size: 110%; float: none; } .sys_required { margin-left: 4px; color: #a33f49; } /* Top Label Positioning */ .sys_labels-top .sys_sidebyside .sys_legend { width: 100%; } /* Left Label Positioning */ .sys_labels-left .sys_legend, .sys_labels-left .sys_fieldlabel { float: left; width: 31%; padding-right: 1.5%; } .sys_labels-left .sys_cms-form-body .sys_fieldcontent { float: left; width: 65%; } /* Right Label Positioning */ .sys_labels-right .sys_legend, .sys_labels-right .sys_fieldlabel { float: left; text-align: right; width: 31%; padding-right: 3%; } .sys_labels-right .sys_cms-form-body .sys_fieldcontent { float: left; width: 65%; } .sys_form-progress { position: absolute; z-index: 9999; width: 150px; height: 18px; color: #fff; padding: 12px; background: #3f4245; text-align: center; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; margin: 1px 10px 0 0; border: 3px solid #7c7f82; border-radius: 5px; background: #3f4245 url("/aspnet_client/ContensisThemes/simple/Forms/images/progress.gif") no-repeat 9px 9px; } /* Set IE10/IE11 File Upload Input Background */ .sys_cms-form-body input[type="file"]::-ms-value { background: white; } .sys_hiddenfield { display: none; } /* Special addition for CTA bars */ .sys_theme-simple div.sys_cta-bar-primary { background: url('/_design/img/cta-bg-primary-noicon.png') no-repeat right top; } .sys_theme-simple div.sys_cta-bar-secondary { background: url('/_design/img/cta-bg-secondary-noicon.png') no-repeat right top; } /*== end of styling from simple theme forms stylesheet ==*/ /* styles for page rating form - individual colours set in each section stylesheet*/ .sys_rating-form-wrapper { position: relative; overflow: hidden; top: 29px; width: 812px; margin: auto; z-index: 20; } .sys_rating-form { display: none; width: 50%; padding-top: 8px; background-color: #58595b; padding-left: 16px; padding-right: 24px; color: #fff; float: right; clear: both; } .sys_rating-form-title { font-size: 1.1em; cursor: pointer; display: inline-block; height: 30px; line-height: 30px; font-family: 'Figtree', Arial, sans-serif; font-weight: bold; padding-left: 12px; padding-right: 12px; background-color: #58595b; color: #fff; } .sys_rating-form-wrapper ul.sys_cms-form-body { padding: 0; } .sys_rating-form-wrapper .sys_cms-form-body .sys_cms-form-item { padding-left: 8px; padding-right: 0; } .sys_rating-form ul.sys_cms-form-body { margin-top: 6px; margin-bottom: 0; } .sys_rating-form .sys_cms-form-body li .sys_legend, .sys_rating-form .sys_cms-form-body li label { color: #fff; } .sys_rating-form ul.sys_cms-form-body li button { font-weight: bold; font-family: Arial,sans-serif; padding: 8px 12px; border: none; background-color: #fff; color: #58595b; font-size: 1em; } .sys_rating-form .sys_cms-form-confirmation-content { padding-bottom: 8px; padding-top: 4px; } .sys_rating-form .sys_cms-form-confirmation-content p { margin-bottom: 0; } .sys_back-to-top a { z-index: 40; position: relative; } .sys_back-to-top a:focus { outline: 1px dashed #fff; outline-offset: -2px; } /* star styles */ .sys_star-rating { overflow: hidden; display: inline-block; font-size: 0; position: relative; } .sys_star-rating .sys_fieldcontent { padding-top: 8px; margin-left: -8px; } .sys_star-rating input { float: right; width: 16px; height: 16px; padding: 0; margin: 0 0 0 -16px; opacity: 0; } .sys_rating-form .sys_cms-form-body li div.sys_legend, .sys_rating-form .sys_cms-form-body li label { font-size: 1.1em; } .sys_star-rating:hover label:hover, .sys_star-rating:hover label:hover ~ label, .sys_star-rating input:checked ~ label, .sys_star-rating label.hovered, .sys_star-rating label.hovered-sel { background-position: 0 0 !important; } .sys_star-rating label, .sys_star-rating:hover label { position: relative; float: left; display: block; width: 24px; height: 24px; background: url('/_design/img/ratings-star-24px.png') 0 -24px; } .sys_star-rating span.sys_boxclearer { display: inline; clear: none; } #page-body .sys_cms-form-control ul.sys_cms-form-body .sys_star-rating span label, #page-wrapper .sys_cms-form-control ul.sys_cms-form-body .sys_star-rating span label { padding: 0; color: transparent; } .sys_cms-form-body .sys_star-rating span input { width: 4px; } .sys_cms-form-body .sys_rating-link { float: right; width: 300px; padding-top: 4px; padding-bottom: 0; } .sys_cms-form-body .sys_rating-link div { color: #fff; font-size: 1.1em; float: right; } .sys_rating-link a { display: inline; color: #fff; text-decoration: underline; } .sys_rating-form .sys_showinstructions .sys_cms-form-body .sys_cms-form-item { width: 100%; } @media screen and (max-width:812px) { .sys_rating-form-wrapper { width: auto; max-width: 95%; margin-left: 10px; } .sys_rating-form { width: 90%; } .sys_rating-form .sys_cms-form-body textarea { width: 90%; } .sys_cms-form-body .sys_rating-link { float: none; width: auto; max-width: 80%; } } @media screen and (max-width:590px) { .sys_rating-form .sys_cms-form-body textarea.sys_small { width: 90%; } .sys_rating-form { width: auto; } } /* end of styles for page rating form */ /* styles for stats in coloured circles */ .sys_discstat { text-align: center; width: 85%; font-family: 'Figtree', Arial, sans-serif; font-weight: bold; font-size: 1.2em; margin: auto; } .sys_discstat-inner { background-color: #0065bd; color: white; height: 150px; width: 150px; margin: auto; border-radius: 50%; text-align: center; display: table; font-size: 2.7em !important; margin-bottom: 12px; font-family: 'Gabarito', Arial, san-serif; font-weight: 600; } .sys_discstat-inner span { display: table-cell; vertical-align: middle; } .sys_discstat a, .sys_discstat a:visited { color: #da3949; border-bottom: 1px dashed #da3949; } .sys_discstat a:hover { text-decoration: none; color: #006da4; border-bottom: 1px dashed #006da4; } .sys_disc-small-text .sys_discstat-inner { font-size: 1.5em !important; } @media screen and (max-width:767px) { .sys_discstat { margin-bottom: 36px; } } /* new style heading for Choose 91快活林 */ .subheadcoloured, #page-body section h2.subheadcoloured, #page-body section h3.subheadcoloured, #page-body section h4.subheadcoloured, #page-body section h5.subheadcoloured, #page-body section h6.subheadcoloured { font-family: 'Figtree', Arial, sans-serif; font-weight: bold; color: #0065bd; font-size: 1.4em; margin-bottom: 6px; padding-top: 4px; line-height: 1.1em; } /* highlight-box phone number links */ a.sys_phone-highlight { font-size: 2em; text-decoration: none; color: #000; line-height: 1em; border-bottom: none; } /* stretch images to new column widths */ @media screen and (min-width:990px) { #page-body section [class*="sys_span"] img { width: 100%; } #page-body section [class*="sys_span"] .sys_map_key img { width: auto; } #page-body #prospectus_stack label img { width: auto; } } /* add focus style additional elements for accessibility */ .usabilla_live_button_container:focus, img[id^="C4A_btn"]:focus { outline: 1px solid #58c1d2; box-shadow: 0 0 3px 4px #58c1d2; } .leaflet-container:focus, .leaflet-touch .leaflet-bar a:focus, .leaflet-control-attribution a:focus, #VideoAudioPlayer:focus, .sys_360-tour-lightbox:focus { outline: 2px solid #58c1d2 !important; } .sys_cta-large-button a { margin: auto auto 18px auto; text-align: center; font-size: 2.3em; font-family: 'Gabarito', Arial, sans-serif; text-transform: uppercase; padding: 26px 40px; background: #da3949; color:#fff; display: table; max-width: 90%; line-height: 1.2em; border: 3px solid #da3949; } .sys_cta-large-button a:hover { background: #fff; color:#da3949; } /* new pop-up styling for slide-in from side */ /* university pop-ups */ .sys_site-pop-up { display: block; position: fixed; /* Stay in place */ z-index: 2147484000; /* Sit on top of everything including Unibuddy */ right: -500px; top: 18%; width: 500px; max-width: 100%; overflow: auto; /* Enable scroll if needed */ } .sys_site-pop-up-inner { background-color: #fefefe; padding: 20px 40px 40px 40px; border: 1px solid #888; position: relative; } .sys_site-pop-up-inner h2 { font-size: 1.6rem; line-height: 2rem; } .sys_site-pop-up-inner p { font-size: 1.3rem; line-height: 1.8rem; margin: 24px 0 32px 0; } .sys_pop-up-button { display: block; margin: 22px auto 0 auto; color: #fff; background-color: #da3949; text-transform: uppercase; text-align: center; padding: 18px 23px; font-size: 1.2rem; line-height: 1.8rem; max-width: 50%; } .sys_pop-up-button:hover { text-decoration: underline; color: #fff; } .sys_close-pop-up { position: absolute; top: 20px; right: 20px; cursor: pointer; } @media screen and (max-width:700px) { .sys_site-pop-up { max-width: 90%; top: 5%; } .sys_site-pop-up-inner h2 { font-size: 1.2rem; line-height: 1.5rem; } .sys_site-pop-up-inner p { font-size: 1.1rem; line-height: 1.4rem; margin: 24px 0 32px 0; } .sys_pop-up-button { font-size: 1rem; line-height: 1.2rem; } } /* highlight block panel */ .sys_highlight-block { background: #da3949; padding: 24px 50px 12px 50px; font-size: 1.4em; margin: auto; text-align: center; box-sizing: border-box; color: #fff; } #page-body section .sys_highlight-block h2, #page-body section .sys_highlight-block h3, #page-body section .sys_highlight-block h4 { font-family: 'Gabarito', Arial, sans-serif; text-align: center; text-transform: uppercase; font-size: 1.4em; color: #fff; } #page-body section .sys_highlight-block p a { padding: 2px 45px; font-size: 1.2em; margin-top: 12px; line-height: 1.9em; display: inline-block; background: #fff; text-transform: uppercase; border: none; font-family: 'Gabarito', Arial, sans-serif; border: 1px solid #fff; } #page-body section .sys_highlight-block p a:hover, #page-body section .sys_highlight-block p a:active, #page-body section .sys_highlight-block p a:focus { background-color: #da3949; border: 1px solid #fff; color: #fff; } #page-body section .sys_highlight-block p a:focus { outline: none; } @media screen and (max-width:1100px) { #page-body section .sys_highlight-block p a { font-size: 1em; margin-top: 16px; } } @media screen and (max-width:767px) { #page-body section .sys_highlight-block { font-size: 1.2em; } } /* focus styling for Click4Assistance button */ img[id^=C4A]:focus { outline: 3px solid #c1001f; outline-offset: 2px; } /* styled numbered lists */ ol.num-list-circles, .num-list-circles { list-style: none; counter-reset: item; margin-left: 0; } ol.num-list-circles li { counter-increment: item; padding-bottom: 12px; position: relative; padding-left: 36px; } ol.num-list-circles li:before { margin-right: 10px; content: counter(item); background: #da3949; border-radius: 50%; color: #fff; text-align: center; display: inline-block; position: absolute; top: 2px; left: 0; width: 26px; line-height: 26px; } @media screen and (min-width:767px) { .sys_span12 ol.num-list-circles { columns: 2; column-gap: 24px; } .sys_span12 .sys_section-content ol.num-list-circles { columns: 1; } .sys_span12 ol.num-list-circles li { break-inside: avoid; } } @media screen and (min-width:980px) { .sys_span12 ol.num-list-circles { columns: 3; } .sys_span12 .sys_section-content ol.num-list-circles { columns: 1; } } @media screen and (min-width:1100px) { .sys_span12 ol.num-list-circles li:before { line-height: 1.79rem; width: 1.79rem; } } /* stat cards - mobile first */ .sys_stat-cards { display: flex; flex-direction: column; gap: 16px; align-items: stretch; max-width: 400px; margin: auto; } .sys_stat-card { background: #fb76c8; border-radius: 16px; color: #000; padding: 25px 35px; text-align: center; box-sizing: border-box; font-size: 1rem; } #page-body section .sys_stat-card p:last-child { margin-bottom: 0; } .sys_stat-card strong { font-size: 2.8rem; text-transform: uppercase; font-weight: 900; display: block; margin-bottom: 16px; line-height: 3.6rem; } #page-body section .sys_stat-card p.stat-attr, .stat-attr { font-size: 0.9rem; } .sys_stat-card a, .sys_stat-card a:link, .sys_stat-card a:visited { color: #000; border-bottom-color: #000; } .sys_stat-card a:hover, .sys_stat-card a:active { border-bottom: 1px solid #000; color: #000; } .sys_stat-card a.CTA_link { display: inline-block; padding: 8px 18px; border: 1px solid #000; border-radius: 24px; } .sys_stat-card a.CTA_link:hover { background: #000; color: #fb76c8; } .sys_stat-card a.CTA_link:focus { outline-offset: 3px; } .sys_stat-card ul { text-align: left; padding-left: 20px; } @media screen and (min-width:767px) { .sys_stat-cards { flex-direction: row; max-width: none; justify-content: center; margin-left: 16px; position: relative; margin-bottom: 26px; } .sys_stat-card { flex: 1 0 33%; font-size: 1.1rem; padding: 55px 45px; } .sys_stat-card:nth-child(2) { position: relative; top: 26px; } .sys_stat-card strong { font-size: 3.3rem; margin-bottom: 26px; } }