/* ---------- reset browser defaults ---------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, hr { margin: 0; padding: 0; font-size: 1em; } @font-face { font-family: "Circular"; src: url("../css/fonts/lineto-circular-pro-book-eot.eot"); src: url("../css/fonts/lineto-circular-pro-book-eot.eot?#iefix") format("embedded-opentype"),url("../css/fonts/lineto-circular-pro-book-woff.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "Circular"; src: url("../css/fonts/lineto-circular-pro-medium-eot.eot"); src: url("../css/fonts/lineto-circular-pro-medium-eot.eot?#iefix") format("embedded-opentype"),url("../css/fonts/lineto-circular-pro-medium-woff.woff") format("woff"); font-weight: 500; font-style: normal; } @font-face { font-family: "Circular"; src: url("../css/fonts/lineto-circular-pro-bold-eot.eot"); src: url("../css/fonts/lineto-circular-pro-bold-eot.eot?#iefix") format("embedded-opentype"),url("../css/fonts/lineto-circular-pro-bold-woff.woff") format("woff"); font-weight: bold; font-style: normal; } /*ToolTip*/ .tooltiphover { position: relative; display: inline-block; border-bottom: 1px dotted black; cursor: pointer; } .tooltiphover .tooltiptext { visibility: hidden; width: 200px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; /* Position the tooltip */ position: absolute; z-index: 10; } .tooltiphover.active .tooltiptext { visibility: visible; } .tooltiphover:hover .tooltiptext { visibility: visible; } /*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } img, embed, form, fieldset { border: 0; vertical-align: bottom; } input, select, textarea { font: 1em Circular, Arial,sans-serif; vertical-align: bottom; } table { border-collapse: collapse; border-spacing: 0; clear: both; } table th { font-weight: normal; text-align: left; } ul, ol { list-style: none outside none; font-size: inherit !important; } iframe { z-index: 500; border: none; } /* ---------- set some basic styles ---------- */ body { background-color: #fff; color: #4a4949; font: 85% Circular,Arial,sans-serif; text-align: center; } a { color: #4a4949; text-decoration: none; } a:hover { color: #000; text-decoration: underline; } a:active, a:focus { color: #000; text-decoration: underline; } #printHeader { display: none; } .sys_hide { display: none; } .clear { height: 2px; clear: both; } /* ---------- basic layout ---------- */ #wrapper { background-color: #fff; margin: 0px auto; max-width: 1020px; } #container { background-color: #ffffff; margin: 0px auto; text-align: left; width: 960px; } /* ---------- header bar ---------- */ #header { font-size: 1.1em; height: 27px; position: relative; text-align: left; } #header ul { padding: 5px 0px 5px 13px; } #header ul li { float: left; } #header ul li a { color: #c6c6c6; } ul#headerlinks { float: left; } ul#headerlinks a { color: #fff; } ul#headerlinks li { margin-right: 1.5em; } ul#headerlinks li.sys_skip a { left: -9999px; position: absolute; top: 0; } ul#campuslinks li { margin-left: 1px; height: 27px; width: 130px; background-color: #424242; text-align: center; } ul#campuslinks li a { display: block; height: 100%; margin-top: 5px; } ul#campuslinks { float: right; font-weight: bold; padding: 0; margin-right: 10px; } /*ul#campuslinks li.nottingham { background: url(/siteelements/images/base/background-header-on.png) repeat-x; }*/ ul#campuslinks li.nottingham a { color: #fff; } /* ---------- search and quicklinks ---------- */ #search, #searchBusinessSchool, #logo, #logoBusinessSchool { } #search { width: 772px; float: left; font-size: 1.1em; } #searchBusinessSchool { width: 736px; float: left; font-size: 1.1em; } #searchBusinessSchool #CampusName { clear: both !important; margin: 28px 0 0 10px; float: left; font-size: 2.4em; } #searchBusinessSchool #CampusName .campusHighlight { color: #007EA6; } #search div, #searchBusinessSchool div { line-height: 0px; } #search fieldset, #searchBusinessSchool fieldset { margin: 10px 0 0 13px; float: left; padding: 0px; } #search #CampusName { clear: both; margin: 28px 0 0 10px; float: left; font-size: 2.4em; } #search #CampusName .campusHighlight { color: #007EA6; } #search label, #searchBusinessSchool label { display: none; } #search input, #searchBusinessSchool input { background: none repeat scroll 0% 0% #ffffff; border: 1px solid #eaeaea; color: #8b8b8b; float: left; height: 14px; padding: 2px 0px; vertical-align: middle; width: 150px; } #search select, #searchBusinessSchool select { background: none repeat scroll 0% 0% #ffffff; border: 1px solid #eaeaea; color: #8b8b8b; float: left; padding: 2px 0px; vertical-align: middle; width: 160px; } #search input.sys_submit, .sys_homepageGreyBox input.sys_submit, #searchBusinessSchool input.sys_submit { width: 60px; height: 20px; /*background: url(/siteelements/images/base/background-button.png) repeat-x center;*/ border-left: 0px; cursor: pointer; } #search input.sys_submit:hover, .sys_homepageGreyBox input.sys_submit:hover, #searchBusinessSchool input.sys_submit:hover { color: #000; } #search input#ct109_submit, #searchBusinessSchool input#ct109_submit { border-color: red; } /* ---------- logo ---------- */ #logo, #logoBusinessSchool { float: right; } #logo a { display: block; width: 243px; margin-top: 3px; margin-right: 18px; height: 90px; background-color: #fff; background: url(../images/UoN_Primary_Logo_RGB.png) no-repeat 50% 50%; text-indent: -9999px; } #logoBusinessSchool a { display: block; width: 206px; margin-top: 3px; margin-right: 18px; height: 68px; background-color: #fff; /*background: url(/siteelements/images/base/logo-businessSchool.png) no-repeat 50% 50%;*/ text-indent: -9999px; } #globalNav { clear: both; height: 2.7em; text-align: left; background-color: #fff; /*background: url(/siteelements/images/base/background-navigation.png) repeat-x;*/ border-top: 1px solid #fff; border-bottom: 2px solid #1a296b; } /* Main menu -------------------------------------------------------------------------- */ #globalNav ul { margin: 7px 5px; } #globalNav ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* use clearfix as overflow: hidden breaks rollovers */ /* menu widths: The whole thing must add up to 960px, taking into account the 1px border-right added to all except the last item, and 1px border-left added to all except the first, and the 10px padding on the ul. So with 9 items that's 16 pixels worth of border, 10px padding and the individual items should add up to 934px */ #globalNav ul li { position: relative; float: left; text-align: center; z-index: 200; } #globalNav ul li a { border-right: 1px solid #eaeaea; border-left: 1px solid #fff color: #1a296b; } #globalNav ul li ul a { border: 0px; } #globalNav ul li ul { display: none; } #globalNav ul li:hover { height: 2.5em; margin-bottom: -0.3em; background-color: #fff; } #globalNav li li:hover { height: 1.8em; margin-bottom: 0px; } #globalNav ul li:hover ul { display: block; position: absolute; top: 1.5em; left: -6px; width: 224px; background-color: #fff; border: 1px solid #EAEAEA; border-top: 0px; padding: 5px; } /* #globalNav ul li.sys_m6:hover ul { left:-83px; } #globalNav ul li.sys_m7:hover ul { left:-65px; } */ #globalNav ul li.sys_m8:hover ul { left: -154px; } #globalNav ul li.sys_m9:hover ul { left: -84px; } #globalNav ul li:hover ul li { height: 1.8em; display: block; text-align: left; float: none; } /* ---------- footer ---------- */ #footer { border-top: 2px solid #005597; clear: both; margin: 10px 0 0px; padding: 5px 0px; text-align: left; } #footer ul { margin-left: -0.7em; width: 90%; } #footer ul li { border-right: 1px solid #8b8b8b; color: #4a4949; display: inline; padding: 0px 0.5em 0px 0.7em; } #footer ul li:last-child, #footer ul li.sys_last { border-right: 0px none; } #footer a { text-decoration: underline; } #footer h2 { font-weight: bold; } /* ---------- here begins the styling for the 'inner' section. ---------- */ /* breadcrumbs: if some of these margins and padding look a bit mental, it is to cope with a   that the CMS helpfully inserts in this div */ #breadcrumb { border-bottom: 1px solid #eee; clear: both; color: #1a296b; padding-bottom: 10px; } #breadcrumb strong.sys_youAreHere { left: -9999px; position: absolute; top: 0px; } #breadcrumb div { display: inline; vertical-align: middle; } #breadcrumb a { background: url("../images/bg-breadcrumb.png") no-repeat scroll right 0.5em transparent; padding: 0px 12px 0px 4px; text-decoration: underline; color: #1a296b; } #breadcrumb a:hover, #breadcrumb ol li a:active, #breadcrumb ol li a:focus { text-decoration: none; } #breadcrumb span { color: #005597; padding: 0px 10px 0px 2px; } #breadcrumb strong { font-weight: normal; } /* Page title */ #pageTitle, #pageTitleNoIcon { display: block; position: relative; padding: 12px; margin-bottom: 6px; background-image: none !important; } #pageTitle strong, #pageTitleNoIcon strong { font-weight: normal; } #pageTitle h1, #pageTitleNoIcon h1, #pageTitle .sys_schoolHeader, #pageTitle .sys_dummy, #pageTitleNoIcon .sys_dummy, #pageTitleNoIcon .sys_schoolHeader { color: #18194f; font-size: 2.6em; font-weight: normal; } #pageTitle img.right { position: absolute; top: 0; right: 32px; } /* David's extra heading styles TBC */ #pageTitle strong.sys_schoolHeader_topSmall, #pageTitleNoIcon strong.sys_schoolHeader_topSmall { color: #1a296b; display: block; font-size: 1.5em; margin-top: .4em; } #pageTitle strong.sys_schoolHeader_bottomBig, #pageTitleNoIcon strong.sys_schoolHeader_bottomBig { color: #1a296b; display: block; font-size: 2.6em; margin-top: -0.5em; } #pageTitle strong.sys_schoolHeader_topBig, #pageTitleNoIcon strong.sys_schoolHeader_topBig { color: #1a296b; display: block; font-size: 2.7em; margin-top: -0.4em; } #pageTitle strong.sys_schoolHeader_bottomSmall, #pageTitleNoIcon strong.sys_schoolHeader_bottomSmall { color: #1a296b; display: block; font-size: 1.5em; margin-top: -0.4em; } /* Left hand nav ulzgw 31/05/2017 */ #internalNav { width: 200px; margin: 0 0 2em 0; float: left; position: relative; z-index: 3; } #container div.internalnavigation { margin-top: 0; } #wrapper #internalNav li { border-bottom: 1px solid #ccc; } #internalNav li:first-child { border-top: none; } #internalNav .sys_currentitem.sys_selected a { font-weight: bold; background: #eee; color: #005597; border-bottom: 1px solid #ccc; border-top: none; text-decoration: underline; } #internalNav .sys_currentitem a { border-top: 1px solid #ccc; } #internalNav ul.sys_children a { background: #efefef; } #wrapper #internalNav li:last-child, #wrapper #internalNav li.sys_last { border-bottom: 0; } #internalNav li a, #internalNav ul li span { background-color: #fff; display: block; color: #4a4949; padding: .6em .6em .7em; } #internalNav ul.sys_simpleListMenu > li > div.sys_selected a, #internalNav ul.sys_simpleListMenu > li > div.sys_selected span { background-color: #005597; font-weight: bold; color: #fff; } #wrapper #internalNav li a:hover { text-decoration: none; background-color: #eee; color: #4a4949; } /* 2nd level */ #internalNav ul li ul li a { padding-left: 1.3em; } #internalNav ul li ul li ul li ul li div.sys_currentitem { background-color: #005597; } /* 3rd level */ #internalNav ul li ul li ul li a { padding-left: 2.2em; } /* 4th level */ #internalNav ul li ul li ul li ul li a { padding-left: 3em; } /* 5th level */ #internalNav ul li ul li ul li ul li ul li a { padding-left: 3.8em; } #pageTools, #toolBar, #pageToolsTab { border-top: 1px solid #eee; height: 28px; position: relative; width: 100%; } #pageTools .sys_btm, #toolBar .sys_btm { margin-right: 0; } #pageTools ul.sys_left, #toolBar ul.sys_left { display: inline-block; position: relative; float: right; padding-top: 2px; } ul.sys_right { display: none; } #pageTools ul li { display: inline; } #pageTools ul li:after { padding-left: 8px; margin-right: 8px; content: "|"; color: #ccc; } #pageTools ul li:last-child:after { display: none; } #pageTools ul.sys_left a { text-decoration: underline; } #pageTools ul.sys_left a:hover { text-decoration: none; } #pageTools ul ul, #toolBar ul ul { display: inline; } #pageTools div.sys_pressanykey { display: none; } #pageTools #SocialButtons, #pageToolsTab #SocialButtons, #toolBar #SocialButtons { display: inline-block; height: 20px; margin: 0px; padding: 2px 0px; position: relative; float: right; right: 0px; width: auto; top: 0px; } #pageTools #SocialButtons a, #pageTools #SocialButtons div, #pageToolsTab #SocialButtons a, #pageToolsTab #SocialButtons div, #toolBar #SocialButtons a, #toolBar #SocialButtons div { margin: 0; display: inline; float: right; } #pageTools #SocialButtons img, #pageToolsTab #SocialButtons img, #toolBar #SocialButtons img { width: 20px; height: auto; border-radius: 0; } #SocialButtons a:hover, #SocialButtons div:hover { transform: scale(0.9); } #SocialButtons #googleplusone div { margin: 0px; padding: 0px; } #SocialButtons a, #SocialButtons div { margin: 4px 1px; display: inline-block; } #SocialButtons img { width: 22px; height: auto; border-radius: 3px; } #SocialButtons a:hover, #SocialButtons div:hover { transform: scale(0.9); } #SocialButtons #googleplusone div { margin: 0px; padding: 0px; } /* Content area */ #content.sys_fullWidth { width: 920px !important; min-height: 500px; padding: 0 20px 3em 20px; } #content { background-color: #fff; float: right; line-height: 1.25em; margin-top: 1px; min-height: 500px; overflow: hidden; padding: 0 0 3em 20px; width: 720px; } #content p { margin-bottom: 1.25em; margin-top: 0; } #content p.highlight { } #content p, #content span { font-size: inherit !important; } #content p.introParagraph { color: #005597; font-size: 1.4em !important; line-height: 1.4em; } #content h1, #content h2, #content h3, #content h4 { color: #18194f; } #content h1 { font-size: 1.6em; line-height: 1.2em; margin-bottom: 0.9375em; font-weight: normal; } #content h2 { font-size: 1.3em; font-weight: normal; line-height: 1.2em; margin-bottom: 0.9375em; } #content h3 { font-size: 1.2em; font-weight: normal; line-height: 1.2em; margin-bottom: 0.9375em; } #content h4 { font-weight: bold; margin-bottom: 0.5em; } #content a:link { color: #4a4949; text-decoration: underline; } #content a:visited { color: #4a4949; text-decoration: underline; } #wrapper #content a:hover { color: #000; text-decoration: underline; } #content a:active { color: #000 !important; } #content ul, #content ol { margin: 0 0 1em 0; padding-left: 5px; } #content ul li, #content ol li { margin-left: 30px; margin-bottom: .5em; list-style-position: outside; } #content ul li li, #content ol li li { margin-top: .5em; } #content ul li { list-style-type: disc; } #content ol li { list-style-type: decimal; } /* bottom box (schools pages) */ #bottom { background-color: #eee; border-top: 1px solid #ccc; float: right; line-height: 1.25em; margin-bottom: 40px; position: relative; width: 100%; color: #4a4949; } #bottom .sys_content { padding: 20px; } #bottom p { margin-bottom: 1em; } #bottom p.sys_left { float: left; width: 45%; } #bottom p.sys_right { float: right; text-align: right; width: 45%; } #bottom a { text-decoration: underline; color: #4a4949; } #bottom h2 { font-weight: bold; color: #4a4949; } #bottom .sys_socialNetworkingIcons { position: absolute; top: .5em; right: .5em; } /* search snippet used for internal search boxes using Adam's new widget - ulzgw 14-06-11 */ .sys_searchSnippet .sys_search-control h1 { display: none; } .sys_searchSnippet .sys_search-control .sys_greyRoundedBox { padding: 0; border: none; background: none; } .sys_searchSnippet .sys_search-control .sys_greyRoundedBox label { display: none; } .sys_searchSnippet .sys_search-control .sys_greyRoundedBox input { margin: 0; } #wrapper #content .sys_searchSnippet { margin: 0; padding: 0; } #wrapper #content .sys_searchSnippet input.sys_submit { margin: 0; color: #fff; } #wrapper #content .sys_searchSnippet input { margin: 0; } #wrapper #content .sys_searchSnippet label { display: none; } a.social-button, #googleplusone { float: left; padding: 0 3px; } #googleplusone { display: inline; } #content .sys_tweets { list-style: none; margin: 0; } #content .sys_tweets li { margin-bottom: 1em; border-bottom: 1px solid #DDD; padding-bottom: 2.3em; } #content .sys_tweets li span.created { display: block; float: right; margin-top: 0.3em; color: #888; } /* New header and footer styles September 2015 */ #pageheader .sys_inner { clear: both; display: block; margin: 0 auto; padding: 0; position: relative; width: 100%; } .logo { margin-bottom: 30px; margin-right: 30px; } .logo a { background-image: url(../images/UoN_Primary_Logo_RGB.png); display: block; height: 90px; width: 243px; } .logo img { display: none; font-size: 0; width: 243px; height: auto; } .res-x-socials img { padding: 10px; } .campuslinks { padding: 0.6em 1em; font-size: 1em; line-height: 1.8; position: absolute; right: 0; top: 0px; padding-right:2px } .campuslinks li { font-weight: bold; text-align: left; } .campuslinks li a { color: #b32b76; font-weight: 700; display: inline-block; text-decoration: none; } .campuslinks li.ProfileLink a { color: black; font-weight: 700; display: inline-block; text-decoration: none; position: absolute; right: 2px; width: auto; white-space: nowrap; } .campuslinks li.sys_nottingham a { border-bottom: 2px solid #b32b76; } .campuslinks li a:hover, .campuslinks li a:active { } .sys_menu-title, .sys_mobile-search-toggle, .sys_menu-title, .sys_mobile-search-toggle, .search label { display: none; } #nav .search { position: absolute; right: 10px; top: 12px; } .search, #topbar .sys_mobile-search { position: absolute; right: 0; top: 4px; } .search fieldset { vertical-align: middle; } .search { padding: 0; } .search input { border: 0 none; color: #1a296b; float: left; padding: 6px 0 6px 6px; width: 200px; font-size: 1.2em; } .search input.sys_submit { background: url("../images/icon-magnifier-blue.png") no-repeat scroll; border: medium none; float: right; font-size: 0; height: 26px; width: 26px; line-height: 0; padding: 0; text-indent: -9999px; cursor: pointer; } #nav { position: relative; background-color: #eee; margin: 0 0 10px 0; padding: 18px 0; z-index: 998; } #nav li { display: inline-block; font-size: 0.9rem; line-height: 12px; position: relative; } #nav a { color: #1a296b; font-weight: bold; display: block; margin: 0; padding: 0 10px; position: relative; z-index: 999; } #menu { margin-left: 4px; } #HomepageFooterLinks { color: #4a4949; padding: 1em; } #HomepageFooterLinks .sys_inner { margin-top: 10px; } #HomepageFooterLinks h2, #HomepageFooterLinks h3, #HomepageFooterLinks p { margin: 1em 0; color: #4a4949; } #HomepageFooterLinks .sys_threeColumns .sys_two, #HomepageFooterLinks .sys_threeColumns .sys_three, #HomepageFooterLinks .sys_twoColumns5050 .sys_two { border-left: 0; } #footer #HomepageFooterLinks ul { margin: 0; } #footer #HomepageFooterLinks ul li { margin: 0; padding: 0; border: 0; display: block; font-size: 1em; } /* COOKIE BAR STYLES */ #cookie-bar { background-color: #000000; height: auto; line-height: 24px; color: #fff; text-align: center; padding: 20px; z-index: 2000; } #cookie-bar.fixed { position: fixed; top: 0; left: 0; width: 100%; } #cookie-bar.fixed.bottom { bottom: 0; top: auto; } #cookie-bar p { margin: 0; padding: 0; color: #fff; } #cookie-bar a { color: #ffffff; display: inline-block; border-radius: 1px; text-decoration: none; padding: 8px; margin-left: 8px; } #cookie-bar .cb-enable { background: #007ca7; } #cookie-bar .cb-enable:hover { background: #ffffff; color: #000000; } #cookie-bar .cb-disable { background: #d9292b; } #cookie-bar .cb-disable:hover { background: #ffffff; color: #000000; } #cookie-bar .cb-policy { background: transparent; border: 1px solid #fff; } #cookie-bar .cb-policy:hover { background: #fff; color: #000000; } /* temporary navigation fix whilst publishing - September 2015 */ .tempnav ul li { margin-right: 10px; padding-right: 10px; } #globalNav .tempnav ul li:hover { height: 2em; margin-bottom: 0; } #globalNav .tempnav ul li a { border: 0px; } .hideAllThis { display: none; } /* Styles for MHS research projects factfile */ #wrapper #content .sys_projectFactfile { width: 100%; } #wrapper #content .sys_projectFactfile h2 { background-color: #eee; color: #18194f; margin: 0; padding: 10px 6px; } #content .sys_projectFactfile .sys_factfileLabel, #content .sys_projectFactfile .sys_factfileTextField { color: #000000; vertical-align: middle; padding: 10px 6px; display: inline-block; } #content .sys_projectFactfile .sys_factfileLabel { background-color: #007ca7; width: 30%; font-weight: bold; color: #FFF; } #content .sys_projectFactfile .sys_factfileTextField { border-left: 0; border-color: #efefef; width: 66%; } #content .sys_MHSKeywords span::after { content: ", "; } #content .sys_MHSKeywords span:last-of-type::after { content: ""; } /*------------------------------------*/ ::-moz-selection { background: #79C6C0; color: #000; } ::selection { background: #79C6C0; color: #000; } #content ul li { list-style-type: square; } /*body{background: url("/Brand/images-multimedia/Decorative/bg-PaintBurst.jpg") no-repeat 100% 0%; background-size: 80%; background-attachment: fixed;}*/ .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; color: #007ca7; margin-bottom: 1em; line-height: 1.2em; } #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; } #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; border: 2px solid transparent; background-color: #18194f; text-decoration: none; color: #fff; display: block; background-size: 8px; } /*body #wrapper #content a.CTA-Arrow, body #wrapper #content a.CTA-ArrowRoundRight { background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/White/bg-arrow-right-simple-white.png"); }*/ #wrapper #content a.CTA-Arrow:hover, #wrapper #content a.CTA-ArrowRoundRight:hover, #wrapper #content a.CTA-Directions:hover, #wrapper #content a.CTA-donateHeart:hover, #wrapper #content a.CTA-downloadFile:hover, #wrapper #content a.CTA-Email:hover, #wrapper #content a.CTA-EventCalendar:hover, #wrapper #content a.CTA-Help:hover, #wrapper #content a.CTA-Info:hover, #wrapper #content a.CTA-International:hover, #wrapper #content a.CTA-KeyLogin:hover, #wrapper #content a.CTA-LifeCycle:hover, #wrapper #content a.CTA-MortarBoard:hover, #wrapper #content a.CTA-Newsletter:hover, #wrapper #content a.CTA-OpenAccess:hover, #wrapper #content a.CTA-Pay:hover, #wrapper #content a.CTA-Profile:hover, #wrapper #content a.CTA-Research:hover, #wrapper #content a.CTA-Shop:hover, #wrapper #content a.CTA-Sport:hover, #wrapper #content a.CTA-Teaching:hover, #wrapper #content a.CTA-Telephone:hover, #wrapper #content a.CTA-updateDetails:hover, #wrapper #content a.CTA-Video:hover, #wrapper #content a.CTA-Volunteer:hover, #wrapper #content a.CTA-Facebook:hover, #wrapper #content a.CTA-Flickr:hover, #wrapper #content a.CTA-Instagram:hover, #wrapper #content a.CTA-LinkedIn:hover, #wrapper #content a.CTA-RenRen:hover, #wrapper #content a.CTA-Twitter:hover, #wrapper #content a.CTA-Tumblr:hover, #wrapper #content a.CTA-Vine:hover, #wrapper #content a.CTA-VK:hover, #wrapper #content a.CTA-Weibo:hover, #wrapper #content a.CTA-YouTube:hover, #wrapper #content a.CTA-YouKu:hover, #wrapper #content a.CTA-greenButtonWithArrow:hover, #wrapper #content a.CTA-orangeButtonWithArrow:hover, #wrapper #content a.CTA-pinkButtonWithArrow:hover, #wrapper #content a.CTA-blueButtonWithArrow:hover, #wrapper #content a.CTA-yellowButtonWithArrow:hover, #wrapper #content a.CTA-donateNow:hover, #wrapper #content #CategoryList a:hover { color: #18194f; background-color: transparent; border-color: #18194f; /*background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bg-arrow-right-simple-blue5.png");*/ } #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: 60px 30px 50px 30px; background: url("/Brand/images-multimedia/Decorative/bg-SearchBox.jpg") no-repeat 0 0; background-size: 100%;}*/ #homepageSearch { padding: 60px 30px 50px 30px; background: linear-gradient(rgba(0, 155, 189, 1), rgba(27, 42, 107, 1)); background-size: cover; } #homepageSearch h2 { color: #fff; font-size: 1.85em; margin-bottom: 10px; } #content #homepageSearch .sys_search-query-control input { font-size: 1.3rem; font-weight: normal; border: none; width: 64.3%; } #content #homepageSearch .sys_search-query-control .sys_button { width: 32.8%; background-color: transparent; color: #fff; padding: 20px 10px; font-weight: normal; border: 2px solid #fff; } #wrapper #content #homepageSearch .sys_search-query-control .sys_button:hover { background-color: #18194f !important; color: #fff !important; border-color: transparent !important; } #content .sys_search-query-control { display: block; margin-bottom: 1em; } #content .sys_search-query-control input { color: #005597; font-weight: bold; width: 63.3%; border-color: #005597; padding: 20px 10px; margin-left: 0; margin-right: 6px; } #content .sys_search-query-control .sys_button { width: 32.3%; background-color: #005597; border: 2px solid transparent; color: #fff; margin: 0; } #wrapper #content .sys_search-query-control .sys_button:hover { color: #005597 !important; background-color: transparent !important; border-color: #005597 !important; } #content .sys_one_7030 .sys_search-query-control input { width: 70.85%; } #content .sys_one_7030 .sys_search-query-control .sys_button { width: 108px; } #content #SearchResults_List .sys_subitem { margin: 0 0 1.5em 0; } #content #SearchResults_List .sys_subalternatingitem { background: none; } #content #SearchResults_List .sys_subitem-heading { background: #efefef; } #content #SearchResults_List .sys_search-url { display: none; } #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/Coour/bg-arrow-right-simple-blue5.png") no-repeat scroll top 50% right 10px;*/ background-size: 8px; } #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: #b32b76; 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: #b32b76 url("/studentservices/images/decorative/bg-trans-white-arrow-right.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-arrow-right-simple-white.png") no-repeat right 10px bottom 10px;*/ background-size: 8px; } /*#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-arrow-right-simple-white.png") no-repeat bottom 50% right 10px; background-size: 8px; } #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-arrow-right-simple-blue5.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; } /*#content #serviceDetail .sys_CTAs a, #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: #b32b76 url("/SiteElements/Images/Base/Internal/CTA-icons/White/bg-arrow-right-simple-white.png") no-repeat; background-position: right 10px top 50%; text-decoration: none; background-size: 8px; } #content #serviceDetail .sys_CTAs a:hover, #content #ServiceCategory .sys_CTAs a:hover { background-color: transparent; color: #b32b76; border-color: #b32b76; background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bg-arrow-right-simple-blue5.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; } }