::-moz-selection {background: #79C6C0; color: #000;} ::selection {background: #79C6C0; color: #000;} #content ul li {list-style-type: square;} .sys_fullWidth { width: 960px!important;} #pageTools{display:none;} #pageTools ul li a, #pageToolsTab ul li a {color: #18194f; font-weight: bold; padding: 5px;} #toolBar #SocialButtons{display:none;} #wrapper #pageTitle {color: #18194f; padding-top: 2px; padding-bottom: 0; height: 90px; font-size: 2.6em;} #wrapper #pageTitle .sys_siteTitle{padding-top: 20px; color: #18194f;} #wrapper #pageTitle .sys_siteTitle a, #wrapper #pageTitle a{color: #18194f;} #wrapper #pageTitle.sys_pageTitleCategory{line-height:.75em; padding-top: 21px; height: 71px;} #wrapper #pageTitle span{color: #007ca7; font-size: .7em; font-weight:normal;} #content {background-color: #ffffff; padding: 0;} #content .sys_sectionbreak-text{font-size: 1.1em;} #content .whitebg {background-color: none; margin-top: 0; padding-left: 1em; padding-top: 1em; border:1px solid #efefef;} #content .greybg {background-color: #efefef; margin-top: 0; padding-left: 1em; padding-top: 0.5em;} #content .greybg h3, #content .whitebg h3 {background:none; padding-left: 0; padding-top: 0;} #wrapper #content .introParagraph{font-size: 1.4em; line-height: 1.2em; color: #007ca7; margin-bottom: 1em;} #content table th, #content table tr, #content table tr td, #content table.genericTable th, #content table.genericTable tr, #content table.genericTable tr td {border: 0 none;} #content table tr:nth-child(odd) td {background: #EEE} #wrapper #content a, #wrapper #content a:link, #wrapper #content a:visited {color: #000; text-decoration:underline;} #wrapper #content a:hover {text-decoration: none;} body #wrapper #content a.CTA-Arrow, body #wrapper #content a.CTA-ArrowRoundRight, body #wrapper #content a.CTA-Blog, body #wrapper #content a.CTA-Directions, body #wrapper #content a.CTA-donateHeart, body #wrapper #content a.CTA-downloadFile, body #wrapper #content a.CTA-Email, body #wrapper #content a.CTA-EventCalendar, body #wrapper #content a.CTA-Help, body #wrapper #content a.CTA-Info, body #wrapper #content a.CTA-International, body #wrapper #content a.CTA-KeyLogin, body #wrapper #content a.CTA-LifeCycle, body #wrapper #content a.CTA-MortarBoard, body #wrapper #content a.CTA-OpenAccess, body #wrapper #content a.CTA-Newsletter, body #wrapper #content a.CTA-Pay, body #wrapper #content a.CTA-Profile, body #wrapper #content a.CTA-Research, body #wrapper #content a.CTA-Shop, body #wrapper #content a.CTA-Sport, body #wrapper #content a.CTA-Teaching, body #wrapper #content a.CTA-Telephone, body #wrapper #content a.CTA-updateDetails, body #wrapper #content a.CTA-Volunteer, body #wrapper #content a.CTA-Video, body #wrapper #content a.CTA-Facebook, body #wrapper #content a.CTA-Flickr, body #wrapper #content a.CTA-Instagram, body #wrapper #content a.CTA-LinkedIn, body #wrapper #content a.CTA-RenRen, #wrapper #content a.CTA-Twitter, #wrapper #content a.CTA-Tumblr, #wrapper #content a.CTA-Vine, #wrapper #content a.CTA-VK, #wrapper #content a.CTA-Weibo, body #wrapper #content a.CTA-YouTube, body #wrapper #content a.CTA-YouKu, body #wrapper #content a.CTA-greenButtonWithArrow, body #wrapper #content a.CTA-orangeButtonWithArrow, body #wrapper #content a.CTA-pinkButtonWithArrow, body #wrapper #content a.CTA-blueButtonWithArrow, body #wrapper #content a.CTA-yellowButtonWithArrow, body #wrapper #content a.CTA-donateNow {padding: 20px 30px 20px 10px; background-color: #18194f; color: #fff; text-decoration:none;} #content .sys_relatedLeft{border:none;} #content .sys_threeColumns .sys_one, #content .sys_threeColumns .sys_two, #content .sys_threeColumns .sys_three {margin-right: 1.5%; width: 32.25%; padding: 0; margin-left: 0;} #content .sys_threeColumns .sys_three {margin: 0;} #content .sys_twoColumns5050 .sys_two, #content .sys_threeColumns .sys_two, #content .sys_threeColumns .sys_three {border-left:none;} #content .sys_twoColumns_7030 .sys_one_7030 {border-right: none; width: 66%;padding: 0; margin-right: 24px;} #content .sys_twoColumns_7030 .sys_two_7030 {padding: 0; margin: 0;} #content .sys_twoColumns5050 .sys_one, #content .sys_twoColumns5050 .sys_two{padding: 0; width: 49.5%; margin: 0;} #content .sys_twoColumns_7030{margin-bottom: 2rem;} #content.sys_fullWidth .sys_twoColumns_7030 .sys_one_7030 {width: 74.68%; margin-right: 1.5%;} #content.sys_fullWidth .sys_twoColumns_7030 .sys_two_7030 {width: 23.80%; margin-right: 0;padding: 0;} #homepageSearch{padding: 50px 30px 30px 30px; background: linear-gradient(rgba(0, 124, 167, 1), rgba(0, 85, 151, 1)); background-size: cover;} #homepageSearch h2{color: #fff; font-size: 1.85em; margin-bottom: 10px;} #content .sys_detailImage img, #serviceLandingPage .sys_detailImage img{width: 100%; height: auto; margin-bottom: 1em;} /* ************* SERVICE LANDING PAGE ************* */ #content #serviceLandingPage .sys_subitem{padding: 8px;color: #000;} #wrapper #content #serviceLandingPage .sys_subitem a{color: #242847!important;} #content #serviceLandingPage .sys_subitem .sys_subitem-heading a{background-position: 100% 50%;} #content #serviceLandingPage .sys_subitem .sys_subitem-summary {width: 60%;} #serviceLandingPage .sys_thumbnail{position: relative;overflow: hidden; width: 34%; height: 100px;} #serviceLandingPage .sys_thumbnail img{z-index: 0; width: auto; height: 110px; position: absolute; top: 0; left: 50%; margin-left: -258px;} #content #serviceLandingPage .sys_subitem.sys_subalternatingitem {background-color: #B3DCD9;} #content #ServiceCategory .sys_detailImage{margin-bottom: 1em;} #wrapper #content #ServiceListing_List ul{width: 100%; padding: 0; list-style-type:none; margin: 0;} #wrapper #content #ServiceListing_List ul li a{ background: transparent url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bg-arrow-right-simple-blue5.png") no-repeat scroll top 50% right 10px;} #wrapper #content #ServiceListing_List ul li a:hover{background-color: #efefef; border-color: #009bbd; color: inherit;} #content #ServiceListing_List dt{display:none;} #content #ServiceListing_List dd{padding: 3px 40px 14px 3px; color: #666; font-size: 0.9em;} #wrapper #content #ServiceListing.sys_categoryListing ul li {background-position: 0 0; background-size: 100%; background-color: none; display:block; text-decoration:none; padding: 0;} #wrapper #content #ServiceListing.sys_categoryListing ul li{float:left;margin: 3px; width: 234px; display:inline-block;} #wrapper #content #ServiceListing.sys_categoryListing h3{font-size: 1.2em;color: #000; padding: 50px 0; margin: 0;} #wrapper #content #ServiceListing.sys_categoryListing li:hover h3{color: #fff;} #wrapper #content #ServiceListing.sys_categoryListing .sys_description{display:none;} #content #HighlightedServices_List {display: -webkit-flex; display:flex; -webkit-flex-direction:row; flex-direction: row; padding: 0; margin-top: 14px;} #content #HighlightedServices_List li{-webkit-flex:1; flex:1; list-style-type:none; margin-left: 0; margin-right: 10px; -webkit-align-items: stretch; align-items: stretch; font-size: 1.2rem; line-height: 1.4rem; position:relative;} #content #HighlightedServices_List li:last-child{margin-right: 0;} #content #HighlightedServices_List li .sys_thumbnail{border:none; z-index: 0; margin: 0;} #content #HighlightedServices_List li h3{font-size: 1rem; font-weight:bold; line-height: 1.2rem;padding: 8px;z-index: 10; position: absolute; top: 0; left: 0; margin: 0; background-color: #DE1B5C; color: #fff;} #content #HighlightedServices_List li:hover h3{background: none;} #content #HighlightedServices_List li a{background-image:none; padding: 0!important;} #wrapper #content #HighlightedServices_List li:hover a{background:none;} #content #HighlightedServices_List li img{width: 100%; height: auto; margin: 0;} #content #HighlightedServices_List li:hover{background: #DE1B5C url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bg-arrow-right-simple-blue5.png") no-repeat right 10px bottom 10px; background-size: 60px;} #content #HighlightedServices_List li:hover img{z-index: 0;opacity: 0.1; filter: alpha(opacity=10); /* For IE8 and earlier */} #content .kalturaEmbed{border-left: 1px solid #e1e8ec; padding-left: 0.6rem;} #content .kalturaEmbed h2{color: #000;} #wrapper #content .kalturaEmbed h2 a{background-image: none; text-decoration:none;} #wrapper #content .kalturaEmbed h2 a span{font-size: 0.8rem; text-decoration: underline;} #wrapper #content .kalturaEmbed h2 a:hover span{text-decoration: none;} .sys_fullWidth #homepageSearch{margin-bottom: 20px;} .sys_topCTAs{font-size: 1.1rem; line-height: 1.1rem;} /*#content #CategoryList{padding: 0;} #content #CategoryList li{display:inline-block; width: 24%; margin: 10px 0.75758% 0 0;} #content #CategoryList li:last-child{margin-right: 0;} #wrapper #content #CategoryList a{display:block; text-decoration:none; height: 40px;padding: 30px 10px;background: #79C6C0;} #wrapper #content #CategoryList a:hover{background: #2E8372; color: #fff;}*/ #content #CategoryList{display: -webkit-flex; display:flex; -webkit-flex-direction:row; flex-direction: row; padding: 0; margin-bottom: 1em;} #content #CategoryList li{-webkit-flex:1; flex:1; list-style-type:none; margin-left: 0; margin-right: 12px; -webkit-align-items: stretch; align-items: stretch; font-size: 1.2rem; line-height: 1.4rem;} #content #CategoryList li:last-child{margin-right: 0;} #wrapper #content #CategoryList a{color: #fff; display:block; text-decoration:none; height: 70px; padding: 10px; border: 2px solid transparent; background: #007ca7 url("/SiteElements/Images/Base/Internal/CTA-icons/White/bg-icon-white-right-arrow.png") no-repeat right 10px bottom 10px; background-size:18px;} #wrapper #content #CategoryList a:hover{color: #18194f; background-color: transparent; border-color: #18194f; background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bg-icon-blue5-right-arrow.png");} #content .sys_two_7030 #CategoryList {display:block;} #content .sys_two_7030 #CategoryList li{font-size: inherit;width: 100%; display:block;margin-right: 0;} #wrapper #content .sys_two_7030 #CategoryList a{height: auto;padding: 20px 10px; color: #fff;background: #18194f url("/SiteElements/Images/Base/Internal/CTA-icons/White/bg-icon-white-right-arrow.png") no-repeat bottom 50% right 10px; background-size: 18px;} #wrapper #content .sys_two_7030 #CategoryList a:hover{color: #18194f; background-color:transparent; border-color: #18194f; background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bg-icon-blue5-right-arrow.png");} /* ************* SERVICE DETAIL ************* */ #serviceDetail h1{color: #009bbd;} #serviceDetail .sys_table{display: table; border-collapse: separate; border-spacing: 0 2px;} #serviceDetail .sys_row {display: table-row;} #serviceDetail .sys_col {display: table-cell; padding: 8px;} #serviceDetail .sys_label {border-left: 2px solid #d6a17f; background-color: #ece3dd; color: #000; width: 22%;} #serviceDetail .sys_Field {background-color: #d6a17f;border-left: 2px solid #fff; color: #000; width: 78%;} #content #serviceDetail .sys_Field a{color: #000; text-decoration:underline;} #wrapper #content #serviceDetail .sys_CTAs a, #wrapper #content #ServiceCategory .sys_CTAs a{border: 2px solid transparent; color: #fff; font-size: 1.2em; display:block; margin-bottom:.5em; padding: 20px 30px 20px 8px; background: #DE1B5C url("/SiteElements/Images/Base/Internal/CTA-icons/White/bg-icon-white-right-arrow.png") no-repeat right 10px top 50%; text-decoration:none; background-size: 18px;} #wrapper #content #serviceDetail .sys_CTAs a:hover, #wrapper #content #ServiceCategory .sys_CTAs a:hover{background-color: transparent; color: #18194f; border-color: #18194f; background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bg-icon-blue5-right-arrow.png");} #content #serviceDetail .sys_CTAs p, #content #ServiceCategory .sys_CTAs p{margin: 0;} #content #ServiceCategory .sys_CTAs {margin-bottom: 1em;} #content #serviceDetail .sys_two_7030 h2 {margin-top: 1em; margin-bottom: 0;} #content #serviceDetail img[src=''] {display:none;} #wrapper #content .sys_relateditemslisting-control h2.sys_relateditemslisting-title {margin: 6px 0 0 0; padding: 0; font-size: 1.2rem; font-weight:normal;} #wrapper #content .sys_relateditemslisting-control ul{padding: 0; width: 100%;} #wrapper #content .sys_relateditemslisting-control ul li, #wrapper #content .sys_relateditemslisting-control li.sys_alt{border-bottom: 1px solid #007ca7; background-color:transparent; list-style-type:none; margin: 0; padding: 0;} #wrapper #content .sys_relateditemslisting-control ul li a{text-decoration:none;} /* if related items are next to each other #wrapper #content .sys_relateditemslisting-control ul{padding: 0;} #wrapper #content .sys_relateditemslisting-control ul li{display:inline-block; clear:none;width: auto; border: 1px solid #a3dad5; list-style-type:none; margin: 0 3px 3px 0; padding: 6px; } #wrapper #content .sys_relateditemslisting-control ul li a{text-decoration:none; padding: 6px 0; display:block;} #wrapper #content .sys_relateditemslisting-control ul li:hover{border-color: #2c8676;} */ #wrapper #content .img-responsive{width: 100%; height: auto;} #wrapper #content .sys_image-with-heading img{border:none; width: 100%; height: auto;} #wrapper #content .sys_image-with-heading .sys_heading{color: #242847; left: 6px; top: 6px; right: auto; background: transparent url("/SiteElements/Images/Base/Internal/bg-textOverlay-White.png") repeat scroll 0 0;} #wrapper #content .sys_image-with-heading .sys_heading h1{color: #242847; margin: 8px 10px 0 10px;} #bottom {display:none;} .sys_HideAllThis{display:none;} @media only screen{ #content .not-an-active-link{cursor:auto; pointer-events: none;} } @media only screen and (max-width: 967px) { #content #homepageSearch .sys_search-query-control input{width: 73.3%;} #content #homepageSearch .sys_search-query-control .sys_button {width: 22.8%;} #wrapper #content #HighlightedServices_List h3{font-size: 1rem;} .sys_topCTAs{font-size: 0.9rem; line-height: 0.9rem;} .sys_topCTAs div{margin: 0;} #wrapper #content, #wrapper #content.sys_fullWidth{width: 100%!important; left: 0; padding: 0; left: 0;} #content .sys_twoColumns5050 .sys_one, #content .sys_twoColumns5050 .sys_two{width: 49.4%; margin: 0;} } @media screen and (max-width: 767px) { #wrapper #content #CategoryList{display:block;} #content #CategoryList li{display:block;margin-right: 0;} #wrapper #content #CategoryList li a{padding: 22px 30px 20px 10px;height: auto;background-position: right 10px top 50%;} #wrapper #pageTitle{height: auto; margin-bottom: 0;} #content #HighlightedServices_List{display:block; margin-top: 0;} #wrapper #content #HighlightedServices_List h3{bottom: 0; top: auto;} #wrapper #content #HighlightedServices_List li{width: 48.65%; margin-right: 2.5%; clear:none;} #wrapper #content #HighlightedServices_List li:nth-child(+2n){margin-right: 0;} #content #HighlightedServices_List li h3{font-size:1.3rem; line-height: 1.4em;} #homepageSearch{padding: 3%; background-size: 240%; background-position: 50%;} #homepageSearch h2{margin-bottom: 14px;} #content #homepageSearch .sys_search-query-control input{width: 94%; margin-bottom: 14px; border:2px solid #fff; padding: 15px 10px;} #content #homepageSearch .sys_search-query-control .sys_button {margin: 0; width: 100%; padding: 12px 10px;} } @media only screen and (max-width: 479px) { #wrapper #pageTitle{height: auto; margin-bottom: 1em;} #wrapper #content #HighlightedServices_List h3{font-size: 0.9rem; bottom: 0; top: auto;} #content #HighlightedServices_List li h3, #content #CategoryList li h3{font-size:1.3rem; line-height: 1.4em;} #homepageSearch{padding: 5%; background-size: 240%; background-position: 50%;} #homepageSearch h2{margin-bottom: 10px; font-size: 1.3rem;} #content #homepageSearch .sys_search-query-control input{font-size: 1.1em; width: 90%; margin-bottom: 10px; border:2px solid #fff; padding: 10px;} #content #homepageSearch .sys_search-query-control .sys_button {font-size: 1rem; padding: 10px;} #content .not-an-active-link{cursor: pointer; pointer-events: auto;} }