/* GLOBAL COLOUR VARIABLES */ :root { --textColor: #10263B; --globalBlue: #10263B; --globalLightBlue: #009BC1; --globalRed: #B91C2E; --globalPink: #D7336C; --globalPurple: #792D85; --globalTurquoise: #37B4B0; --globalBeige: #FAF6EF; --globalGrey: #F3F4F5; } /* ---------- 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; } /* Remove default browser styles */ body input[type="search"], body input[type="submit"]{ -webkit-appearance: none;} /* Fonts */ /* circular */ @font-face { font-family:"Circular"; src:url("/SiteElementsHomepage/css/fonts/lineto-circular-pro-book-eot.eot"); src:url("/SiteElementsHomepage/css/fonts/lineto-circular-pro-book-eot.eot?#iefix") format("embedded-opentype"),url("/SiteElementsHomepage/css/fonts/lineto-circular-pro-book-woff.woff") format("woff"); font-weight:normal; font-style:normal; } @font-face { font-family:"Circular"; src:url("/SiteElementsHomepage/css/fonts/lineto-circular-pro-medium-eot.eot?#iefix") format("embedded-opentype"),url("/SiteElementsHomepage/css/fonts/lineto-circular-pro-medium-woff.woff") format("woff"); font-weight:500; font-style:normal; } @font-face { font-family:"Circular"; src:url("/SiteElementsHomepage/css/fonts/lineto-circular-pro-bold-eot.eot"); src:url("/SiteElementsHomepage/css/fonts/lineto-circular-pro-bold-eot.eot?#iefix") format("embedded-opentype"),url("/SiteElementsHomepage/css/fonts/lineto-circular-pro-bold-woff.woff") format("woff"); font-weight:bold; font-style:normal; } /* lora */ @font-face { font-family: 'Lora'; font-style: normal; font-weight: normal; font-display: block; src: url("/SiteElementsHomepage/css/fonts/lora/Lora.woff") format("woff"); } @font-face { font-family: 'Lora'; font-style: italic; font-weight: normal; font-display: block; src: url("/SiteElementsHomepage/css/fonts/lora/Lora-Italic.woff") format("woff"); } @font-face { font-family: 'Lora'; font-style: normal; font-weight: bold; font-display: block; src: url("/SiteElementsHomepage/css/fonts/lora/Lora-Bold.woff") format("woff"); } @font-face { font-family: 'Lora'; font-style: italic; font-weight: bold; font-display: block; src: url("/SiteElementsHomepage/css/fonts/lora/Lora-BoldItalic.woff") format("woff"); } /* ---------- set some basic styles ---------- */ body { background-color: white !important; color: var(--textColor) !important; font: 85% Circular,Arial,sans-serif; } #wrapper { background-image: none; background-color: white ; } /* Bootstrap width management */ #wrapper #container.container-fluid { padding: 0px; } /* * * * * * * * * * Bootstrap Background * * * * * * * * * */ /* Blue BG */ body div.container-blue-bg { background-color: var(--globalBlue); } body div.container-blue-bg .generalFullWidth-content { color: white; } /* Yellow BG */ body div.container-yellow-bg { background-color: var(--globalBeige); /* color: #434341; */ } /* Grey BG */ body div.container-grey-bg { background-color: var(--globalGrey); } /* * * * * * * * * * Drop Shadow White Background Box * * * * * * * * * */ div.generalFullWidth-content div.sys_drop-shadow-background-box { background-color: #fff; color: var(--textColor); padding: 2rem; margin-right: 0.2rem; box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.3); } div.generalFullWidth-content div.sys_drop-shadow-background-box p, div.generalFullWidth-content div.sys_drop-shadow-background-box a.sys_16, div.generalFullWidth-content div.sys_drop-shadow-background-box h1, div.generalFullWidth-content div.sys_drop-shadow-background-box h2, div.generalFullWidth-content div.sys_drop-shadow-background-box h3, div.generalFullWidth-content div.sys_drop-shadow-background-box h4, div.generalFullWidth-content div.sys_drop-shadow-background-box h5 { color: var(--textColor) !important; } div.generalFullWidth-content div.sys_drop-shadow-background-box a.sys_16:hover, div.generalFullWidth-content div.sys_drop-shadow-background-box a.sys_16:active { color: var(--globalLightBlue) !important; text-decoration:underline; } /*make it full height inside columns. In row only, and only if box is the only item in the column. */ @media screen and (min-width: 768px) { .sys_one .sys_drop-shadow-background-box:only-child, .sys_two .sys_drop-shadow-background-box:only-child, .sys_three .sys_drop-shadow-background-box:only-child, .sys_four .sys_drop-shadow-background-box:only-child, .sys_five .sys_drop-shadow-background-box:only-child, .sys_one_3070 .sys_drop-shadow-background-box:only-child, .sys_two_3070 .sys_drop-shadow-background-box:only-child, .sys_one_7030 .sys_drop-shadow-background-box:only-child, .sys_two_7030 .sys_drop-shadow-background-box:only-child, .sys_one_1585 .sys_drop-shadow-background-box:only-child, .sys_two_1585 .sys_drop-shadow-background-box:only-child, .sys_one_2575 .sys_drop-shadow-background-box:only-child, .sys_two_2575 .sys_drop-shadow-background-box:only-child { height: 97.5%; } } /* * * * * * * * * * Coloured Background Box * * * * * * * * * */ div.generalFullWidth-content div.sys_solid-background-box { padding: 2rem; } /* Colours */ div.generalFullWidth-content div.sys_solid-blue-background-box { background-color: var(--globalBlue); color: white; } div.generalFullWidth-content div.sys_solid-pink-background-box { background-color: var(--globalPink); color: white; } div.generalFullWidth-content div.sys_solid-white-background-box { background-color: #fff; color: var(--textColor) !important; } /* white box. make it full height inside columns. In row only, and only if box is the only item in the column. */ @media screen and (min-width: 768px) { .sys_one .sys_solid-white-background-box:only-child, .sys_two .sys_solid-white-background-box:only-child, .sys_three .sys_solid-white-background-box:only-child, .sys_four .sys_solid-white-background-box:only-child, .sys_five .sys_solid-white-background-box:only-child, .sys_one_3070 .sys_solid-white-background-box:only-child, .sys_two_3070 .sys_solid-white-background-box:only-child, .sys_one_7030 .sys_solid-white-background-box:only-child, .sys_two_7030 .sys_solid-white-background-box:only-child, .sys_one_1585 .sys_solid-white-background-box:only-child, .sys_two_1585 .sys_solid-white-background-box:only-child, .sys_one_2575 .sys_solid-white-background-box:only-child, .sys_two_2575 .sys_solid-white-background-box:only-child { height: 100%; } } div.generalFullWidth-content div.sys_solid-white-background-box-pink-border { background-color: #fff; color: var(--textColor) !important; border: 5px solid var(--globalPink); } /* white box with pink border. make it full height inside columns. In row only, and only if box is the only item in the column. */ @media screen and (min-width: 768px) { .sys_one .sys_solid-white-background-box-pink-border:only-child, .sys_two .sys_solid-white-background-box-pink-border:only-child, .sys_three .sys_solid-white-background-box-pink-border:only-child, .sys_four .sys_solid-white-background-box-pink-border:only-child, .sys_five .sys_solid-white-background-box-pink-border:only-child, .sys_one_3070 .sys_solid-white-background-box-pink-border:only-child, .sys_two_3070 .sys_solid-white-background-box-pink-border:only-child, .sys_one_7030 .sys_solid-white-background-box-pink-border:only-child, .sys_two_7030 .sys_solid-white-background-box-pink-border:only-child, .sys_one_1585 .sys_solid-white-background-box-pink-border:only-child, .sys_two_1585 .sys_solid-white-background-box-pink-border:only-child, .sys_one_2575 .sys_solid-white-background-box-pink-border:only-child, .sys_two_2575 .sys_solid-white-background-box-pink-border:only-child { height: 100%; } } div.generalFullWidth-content div.sys_solid-white-background-box p, div.generalFullWidth-content div.sys_solid-white-background-box a.sys_16, div.generalFullWidth-content div.sys_solid-white-background-box h1, div.generalFullWidth-content div.sys_solid-white-background-box h2, div.generalFullWidth-content div.sys_solid-white-background-box h3, div.generalFullWidth-content div.sys_solid-white-background-box h4, div.generalFullWidth-content div.sys_solid-white-background-box h5 { color: var(--textColor) !important; } div.generalFullWidth-content div.sys_solid-white-background-box a.sys_16:hover, div.generalFullWidth-content div.sys_solid-white-background-box a.sys_16:active { color: var(--globalLightBlue) !important; text-decoration:underline; } div.generalFullWidth-content div.sys_solid-white-background-box-pink-border p, div.generalFullWidth-content div.sys_solid-white-background-box-pink-border a.sys_16, div.generalFullWidth-content div.sys_solid-white-background-box-pink-border h1, div.generalFullWidth-content div.sys_solid-white-background-box-pink-border h2, div.generalFullWidth-content div.sys_solid-white-background-box-pink-border h3, div.generalFullWidth-content div.sys_solid-white-background-box-pink-border h4, div.generalFullWidth-content div.sys_solid-white-background-box-pink-border h5 { color: var(--textColor) !important; } div.generalFullWidth-content div.sys_solid-white-background-box-pink-border a.sys_16:hover, div.generalFullWidth-content div.sys_solid-white-background-box-pink-border a.sys_16:active {color: var(--globalLightBlue) !important; text-decoration:underline;} div.generalFullWidth-content div.sys_solid-blue-background-box p, div.generalFullWidth-content div.sys_solid-pink-background-box p, div.generalFullWidth-content div.sys_solid-blue-background-box a, div.generalFullWidth-content div.sys_solid-pink-background-box a {color:white;} div.generalFullWidth-content div.sys_solid-blue-background-box a:hover, div.generalFullWidth-content div.sys_solid-pink-background-box a:hover, div.generalFullWidth-content div.sys_solid-blue-background-box a:active, div.generalFullWidth-content div.sys_solid-pink-background-box a:active, div.generalFullWidth-content div.sys_solid-blue-background-box a:focus, div.generalFullWidth-content div.sys_solid-pink-background-box a:focus {color: var(--globalLightBlue); text-decoration:none;} div.generalFullWidth-content div.sys_solid-blue-background-box h1, div.generalFullWidth-content div.sys_solid-blue-background-box h2, div.generalFullWidth-content div.sys_solid-blue-background-box h3, div.generalFullWidth-content div.sys_solid-blue-background-box h4, div.generalFullWidth-content div.sys_solid-blue-background-box h5, div.generalFullWidth-content div.sys_solid-blue-background-box h6 {color: white;} div.generalFullWidth-content div.sys_solid-pink-background-box h1, div.generalFullWidth-content div.sys_solid-pink-background-box h2, div.generalFullWidth-content div.sys_solid-pink-background-box h3, div.generalFullWidth-content div.sys_solid-pink-background-box h4, div.generalFullWidth-content div.sys_solid-pink-background-box h5, div.generalFullWidth-content div.sys_solid-pink-background-box h6 {color: white;} /* Vertically Centred Content */ div.generalFullWidth-content .sys_vertically-centred-content { height: 100%; display: flex; justify-content: center; align-content: center; flex-direction: column; } /* Material Icons */ div.generalFullWidth-content span.material-icons, div.generalFullWidth-content span.material-icons-outlined, div.generalFullWidth-content span.material-icons-two-tone, div.generalFullWidth-content span.material-icons-round, div.generalFullWidth-content span.material-icons-sharp { font-size: 77px; margin-bottom: 1rem; } /* Text and links */ .generalFullWidth-content a {color:var(--textColor); text-decoration: underline;} div.generalFullWidth-content a:hover, div.generalFullWidth-content a:active, div.generalFullWidth-content a:focus {color:var(--globalLightBlue); text-decoration:none;} .generalFullWidth-content a:visited, .generalFullWidth-content a:link {color: var(--textColor); text-decoration: underline;} .generalFullWidth-content p {margin-bottom: 1.25rem !important;} .generalFullWidth-content p, .generalFullWidth-content span{font-size: inherit} /* Headings */ .generalFullWidth-wrap h1, .generalFullWidth-wrap h2, .generalFullWidth-wrap h3, .generalFullWidth-wrap h4, .generalFullWidth-wrap h5, .generalFullWidth-wrap h6 { font-family: "Lora", Georgia Bold; font-weight: bold !important; } .generalFullWidth-content h1, .generalFullWidth-content .h1 {font-size: 2em; line-height: 1.2; margin-bottom: 0.8375em;} .generalFullWidth-content h2, .generalFullWidth-content .h2 {font-size: 1.8em; line-height: 1.3; margin-bottom: 0.8375em;} .generalFullWidth-content h3, .generalFullWidth-content .h3 {font-size: 1.6em; line-height: 1.35; margin-bottom: 0.8375em;} .generalFullWidth-content h4, .generalFullWidth-content .h4 {font-size: 1.4em; line-height: 1.45; margin-bottom: 0.8375em;} .generalFullWidth-content h5, .generalFullWidth-content .h5 {font-size: 1.2em; line-height: 1.5; margin-bottom: 0.8375em;} .generalFullWidth-content h6, .generalFullWidth-content .h6 {font-size: 1.1em; line-height: 1.5; margin-bottom: 0.8375em;} @media (max-width: 768px) { .generalFullWidth-content h1, .generalFullWidth-content .h1 {font-size: 1.8em; line-height: 1.3;} .generalFullWidth-content h2, .generalFullWidth-content .h2 {font-size: 1.6em; line-height: 1.35;} .generalFullWidth-content h3, .generalFullWidth-content .h3 {font-size: 1.4em; line-height: 1.45;} .generalFullWidth-content h4, .generalFullWidth-content .h4 {font-size: 1.2em; line-height: 1.5;} .generalFullWidth-content h5, .generalFullWidth-content .h5 {font-size: 1.1em; line-height: 1.5;} .generalFullWidth-content h6, .generalFullWidth-content .h6 {font-size: 1em; line-height: 1.6;} } /* Lists */ .generalFullWidth-content ul, .generalFullWidth-content ol {margin: 0 0 1em 0; padding-left:5px; list-style: none outside none; font-size: inherit !important;} .generalFullWidth-content ul li, .generalFullWidth-content ol li {margin-left: 30px;margin-bottom: .5em; list-style-position:outside;} .generalFullWidth-content ul li li, .generalFullWidth-content ol li li{margin-top: .5em;} .generalFullWidth-content ul li{list-style-type: initial;} .generalFullWidth-content ol li{list-style-type:decimal;} /* bullet list with no bullets */ .generalFullWidth-content .noBullets{padding: 0;} .generalFullWidth-content .noBullets li {list-style-type:none; margin-left: 0;} /* Tables */ .generalFullWidth-content table {border-collapse: collapse; border-spacing: 0px; clear: both;} .generalFullWidth-content table th {font-weight: normal; text-align: left;} /* Input, Select, and TextArea */ input, select, textarea {vertical-align: bottom; font-family: "Circular";} /* Images */ .img-responsive{width: 100%; height: auto;} /* pink and blue underline - style disabled 25/06/2024 */ /*Pink Heading underline .heading-underline-pink { display: inline-block; border-bottom: 3px solid var(--globalPink); margin-bottom: 1em; padding-bottom: 0.5em; padding-right: 0.5em; }*/ /* Blue Heading underline */ /* .heading-underline-blue { display: inline-block; border-bottom: 3px solid var(--globalBlue);; margin-bottom: 1em; padding-bottom: 0.5em; padding-right: 0.5em; } */ /* .generalFullWidth-content .vertically-centred-content .heading-underline-blue, .generalFullWidth-content .vertically-centred-content .heading-underline-pink { align-self: flex-start; } */ /* hr */ hr {background-color: #f6f6f6; border-bottom: 0px none; border-top: 1px dotted #aca99c; clear: both; color: #f6f6f6; height: 1px; margin: 4px 0px 4px 2%; width: 95%;} hr.clear {background-color: #f6f6f6; border: 0px solid #f6f6f6; color: #f6f6f6;} /* Blue BG */ body div.container-blue-bg .generalFullWidth-content p, body div.container-blue-bg .generalFullWidth-content a {color:white;} body div.container-blue-bg .generalFullWidth-content a:hover, body div.container-blue-bg .generalFullWidth-content a:active, body div.container-blue-bg .generalFullWidth-content a:focus {color: var(--globalLightBlue); text-decoration:none;} body div.container-blue-bg .generalFullWidth-content a:visited {color: white; text-decoration: underline;} /* body div.container-blue-bg .generalFullWidth-content a:visited, body div.container-blue-bg .generalFullWidth-content a:link {color: white; text-decoration: none;} body div.container-blue-bg .generalFullWidth-content a.sys_16 {text-decoration: underline;} body div.container-blue-bg .generalFullWidth-content a.sys_16:hover {color: var(--globalLightBlue); text-decoration: none; } body div.container-blue-bg .generalFullWidth-content a.sys_0.sys_t0 {text-decoration: underline;} body div.container-blue-bg .generalFullWidth-content a.sys_0.sys_t0:hover {color: var(--globalLightBlue); text-decoration: none; } */ body div.container-blue-bg .generalFullWidth-content h1, body div.container-blue-bg .generalFullWidth-content h2, body div.container-blue-bg .generalFullWidth-content h3, body div.container-blue-bg .generalFullWidth-content h4, body div.container-blue-bg .generalFullWidth-content h5, body div.container-blue-bg .generalFullWidth-content h6 {color: white;} /* Yellow BG */ /* body div.container-yellow-bg .generalFullWidth-content p {color:#434341;} body div.container-yellow-bg .generalFullWidth-content a {color:#434341;} body div.container-yellow-bg .generalFullWidth-content a:hover, body div.container-yellow-bg .generalFullWidth-content a:active, body div.container-yellow-bg .generalFullWidth-content a:focus {color: #434341; text-decoration:underline;} body div.container-yellow-bg .generalFullWidth-content a:visited, body div.container-yellow-bg .generalFullWidth-content a:link {color: #434341; text-decoration: none;} body div.container-yellow-bg .generalFullWidth-content h1, body div.container-yellow-bg .generalFullWidth-content h2, body div.container-yellow-bg .generalFullWidth-content h3, body div.container-yellow-bg .generalFullWidth-content h4 {color: #434341;} */ /* Content Card */ .generalFullWidth-content .sys_threeColumns .card, .generalFullWidth-content .sys_threeColumns .sys_imageTitleContentCTA-card { height: 100%; } .generalFullWidth-content .sys_twoColumns5050 .card, .generalFullWidth-content .sys_threeColumns .sys_imageTitleContentCTA-card { height: 100%; } /* Classes and ID's */ .generalFullWidth-content #dp-popup h2, .generalFullWidth-content #dp-popup table.jCalendar th, .generalFullWidth-content #dp-popup table.jCalendar td, .generalFullWidth-content .sys_search-options .sys_datepicker, .generalFullWidth-content .sys_events .sys_events-tabs-control ul li a{font-family:circular;} .generalFullWidth-content .introParagraph{color:var(--globalBlue); font-size: 1.4em !important; line-height: 1.4em;} .generalFullWidth-content .sys_search-label{padding: 0; margin: 0; display:none;} .generalFullWidth-content .sys_search-query-control, .generalFullWidth-content .sys_searchSnippet{display:block; margin-bottom: 1em;} .generalFullWidth-content .sys_search-query-control input, .generalFullWidth-content .sys_search-options input, .generalFullWidth-content .sys_search-control input, .generalFullWidth-content .sys_searchSnippet input, .generalFullWidth-content .sys_jobSearchBox input{border-color: var(--globalBlue);font-weight:bold; width: 69%; padding: 20px 1.25%; margin: 0 0 1% 0;} .generalFullWidth-content .sys_jobSearchBox input{width: 69%;} .generalFullWidth-content .sys_twoColumns5050 .sys_search-query-control input, .generalFullWidth-content .sys_twoColumns5050 .sys_search-options input, .generalFullWidth-content .sys_twoColumns5050 .sys_search-control input, .generalFullWidth-content .sys_twoColumns5050 .sys_searchSnippet input, .generalFullWidth-content .sys_twoColumns5050 .sys_jobSearchBox input{width: 66%;} .generalFullWidth-content .sys_search-query-control .sys_button, .generalFullWidth-content .sys_search-options input.sys_button, .generalFullWidth-content .sys_search-control .sys_submit, .generalFullWidth-content .sys_searchSnippet .sys_submit, .generalFullWidth-content #genericSearchControl_SearchButton, .generalFullWidth-content .sys_button, .generalFullWidth-content .sys_jobSearchBox #jobSearchSubmit, .generalFullWidth-content .sys_search-control #jobSearchSubmit{background-image:none; width: 27%; padding: 19px 0; margin: 0 0 1% 0; background-color: var(--globalBlue); border: 2px solid transparent; color: #ffffff; cursor: pointer; font-weight: bold; text-align: center;} .generalFullWidth-content .sys_search-query-control .sys_button {width:31%;} .generalFullWidth-content .sys_jobSearchBox #jobSearchSubmit, .generalFullWidth-content .sys_search-control #jobSearchSubmit{margin-left: -4px;} .generalFullWidth-content .sys_threeColumns .sys_one .sys_search-query-control input, .generalFullWidth-content .sys_threeColumns .sys_one .sys_search-options input, .generalFullWidth-content .sys_threeColumns .sys_two .sys_search-query-control input, .generalFullWidth-content .sys_threeColumns .sys_two .sys_search-options input, .generalFullWidth-content .sys_threeColumns .sys_three .sys_search-query-control input, .generalFullWidth-content .sys_threeColumns .sys_three .sys_search-options input, .generalFullWidth-content .sys_two_7030 .sys_search-query-control input, .generalFullWidth-content .sys_two_7030 .sys_search-options input{display:block; width: auto; padding: 12px 6px; margin: 0 0 1% 0;} .generalFullWidth-content .sys_threeColumns .sys_one .sys_search-query-control .sys_button, .generalFullWidth-content .sys_threeColumns .sys_one .sys_search-options input.sys_button, .generalFullWidth-content .sys_threeColumns .sys_two .sys_search-query-control .sys_button, .generalFullWidth-content .sys_threeColumns .sys_two .sys_search-options input.sys_button, .generalFullWidth-content .sys_threeColumns .sys_three .sys_search-query-control .sys_button, .generalFullWidth-content .sys_threeColumns .sys_three .sys_search-options input.sys_button, .generalFullWidth-content .sys_two_7030 .sys_search-query-control .sys_button, .generalFullWidth-content .sys_two_7030 .sys_search-options input.sys_button{display:block; width: auto; padding: 12px 6px;} .generalFullWidth-content .sys_searchSnippet input{margin-left: -4px;} .generalFullWidth-content .sys_search-options{padding: 6px;} .generalFullWidth-content .sys_search-options .sys_basic-search-row input.sys_searchbox, .generalFullWidth-content .sys_searchbox, .generalFullWidth-content .sys_faqs .sys_keywords-row{display:inline-block; width: 70%; padding: 20px 1.25%; margin: 0 0 1% 0; font-weight:bold;} .generalFullWidth-content .sys_search-options .sys_basic-search-row input.sys_button, .generalFullWidth-content .sys_search-options .sys_button-row, .generalFullWidth-content .sys_button, .generalFullWidth-content .sys_faqs .sys_button-row{display:inline-block; width: 27%; padding: 19px 0; margin: 0 0 1% -1px;} .generalFullWidth-content .sys_search-options .sys_search-row input, .generalFullWidth-content .sys_search-options input{display:block; width: 100%; margin: 0;} .generalFullWidth-content .sys_search-options .sys_button-row input, .generalFullWidth-content .sys_search-options input.sys_button{display:block; width: 100%; margin: 0;} .generalFullWidth-content .sys_search-options input.sys_button:hover, .generalFullWidth-content .sys_search-query-control .sys_button:hover, .generalFullWidth-content .sys_searchbox .sys_button:hover, .generalFullWidth-content .sys_searchbox .sys_searchbutton:hover, .generalFullWidth-content .sys_searchbox .sys_search-button:hover, .generalFullWidth-content .sys_search-options .sys_basic-search-row input.sys_button:hover, .generalFullWidth-content #genericSearchControl_SearchButton:hover, .generalFullWidth-content .sys_button:hover, .generalFullWidth-content .sys_jobSearchBox #jobSearchSubmit:hover, .generalFullWidth-content .sys_search-control #jobSearchSubmit:hover{background-color: var(--globalLightBlue); border-color: var(--globalLightBlue); background-image:none;} .generalFullWidth-content .sys_faqs .sys_search-options{padding: 0;} .generalFullWidth-content .sys_faqs .sys_keywords-row, .generalFullWidth-content .sys_faqs .sys_button-row{padding: 0;} .generalFullWidth-content .sys_faqs .sys_faqs-search-control {margin-bottom: 1em;} .generalFullWidth-content .sys_faqs .sys_open{width: 100%;} .generalFullWidth-content .sys_faqs .sys_open .sys_subitem-summary{border-bottom: 1px solid var(--globalLightBlue);} .generalFullWidth-content .sys_faqs .sys_open .sys_subitem-heading a {background: var(--globalLightBlue); color: #fff;} .generalFullWidth-content .sys_faqs .sys_subitem {border-bottom: 1px solid #efefef;} .generalFullWidth-content .sys_faqs .sys_subitem .sys_subitem-heading:hover {background-color: var(--globalLightBlue);} .generalFullWidth-content .sys_faqs .sys_subitem a:hover{background:none;} .generalFullWidth-content .sys_faqs .sys_subalternatingitem {background: none repeat scroll 0% 0% transparent;} .generalFullWidth-content .sys_subitem .answer{padding: 6px;} .generalFullWidth-content .sys_subitem .answer a, .generalFullWidth-content .sys_subitem .sys_subitem-summary a{padding: 0!important; display:inline;} .generalFullWidth-content .sys_subitem .sys_faqs-summary .answer a {text-decoration: underline;} .generalFullWidth-content .sys_subitem .sys_faqs-summary .answer a:hover {text-decoration: none;} .generalFullWidth-content .sys_subitem .answer a:hover, .generalFullWidth-content .sys_subitem .sys_subitem-summary a:hover{color: var(--globalLightBlue);} .generalFullWidth-content .sys_search-options label, .sys_search-query-control .sys_search-label, .generalFullWidth-content .sys_searchSnippet label, .generalFullWidth-content .sys_jobSearchBox label{display: none;} .generalFullWidth-content .sys_search-options .sys_datepicker, .generalFullWidth-content .sys_events .sys_events-tabs-control ul li a{background-color: #454545; text-decoration:none;float: left; color: #fff; cursor: pointer;padding: 7px 1.6em 5px;} .generalFullWidth-content .sys_events ul.sys_tabs, .generalFullWidth-content .sys_events div.sys_tabsfilter-control ul{overflow:visible; bordeR:none;} .generalFullWidth-content .sys_search-term-text{width: 100%; float:left;} .generalFullWidth-content img.imgBorder, .generalFullWidth-content .imgBorder img {border: 4px solid #ffffff;} .generalFullWidth-content ul.sys_itemslist{padding: 0;} .generalFullWidth-content .sys_subitem{color: var(--globalBlue); display:block; float:left; width: 100%; clear:both; background:none; border: none; margin: 0; padding: 0;} .generalFullWidth-content .sys_subitem h2{margin: 0; border:none;} .generalFullWidth-content .sys_relateditemslisting-control .sys_subitem h3 a{text-decoration:none;} .generalFullWidth-content .sys_subitem .sys_thumbnail {display: block; float: right; margin: 0 0 10px 10px;} .generalFullWidth-content .sys_subitem .sys_thumbnail a:hover {background:none!important;} .generalFullWidth-content .sys_subalternatingitem, .generalFullWidth-content .sys_publications-control li.sys_alt{background-color: #F3F4F5;} .generalFullWidth-content .sys_subitem:hover, .generalFullWidth-content .sys_subitem:hover{border:none;} .generalFullWidth-content .sys_subitem .sys_subitem-heading{margin: 0; font-size: 1.1rem;} .generalFullWidth-content .sys_subitem a{display:block; border: none; text-decoration:none; padding: 8px 4px;} .generalFullWidth-content .sys_subitem a:hover{color: #fff; background-color: #005597; text-decoration:none;} .generalFullWidth-content .sys_rss-link a, .generalFullWidth-content .sys_atom-link a {background: url("/SiteElements/Images/Icons/iconfeed12x12.png") no-repeat scroll 0px 50% transparent; margin-left: 1.2em; padding-left: 1.1em; text-decoration: none;} .generalFullWidth-content .sys_atom-link a {background-image: url("/SiteElements/Images/Icons/iconfeedAtom12x12.png");} .generalFullWidth-content .sys_theme-simple .sys_datarepeatercontrol .sys_subitem {padding: 1.8em 0 10px 0;} .generalFullWidth-content .sys_events-control, .generalFullWidth-content .sys_news-control {display:block; float:left; width: 100%; clear:both; margin-bottom: .5em;} .generalFullWidth-content .sys_events-control .sys_subitem, .generalFullWidth-content .sys_news-control .sys_subitem, #NewsArchiveList_List .sys_subitem {padding: 12px;} .generalFullWidth-content .sys_events-control .sys_subitem a, .generalFullWidth-content .sys_news-control .sys_subitem a, #NewsArchiveList_List .sys_subitem a{padding: 0!important; margin-bottom: 6px; color: var(--globalBlue);} .generalFullWidth-content .sys_events-control .sys_subitem a:hover, .generalFullWidth-content .sys_news-control .sys_subitem a:hover, #NewsArchiveList_List .sys_subitem a:hover{background:none; color: var(--globalLightBlue); text-decoration:underline;} .generalFullWidth-content .sys_news-control .sys_thumbnail {float: left; margin: 0 10px 10px 0px;} .generalFullWidth-content .sys_subitem .sys_subitem-summary dt {display: none;} .generalFullWidth-content .sys_subitem .sys_subitem-summary dl {margin: 0px;} .generalFullWidth-content .sys_subitem .sys_subitem-summary dd {font-weight: normal; padding-bottom: 0.5em;} .generalFullWidth-content .sys_subitem .sys_subitem-summary dd.sys_events-description, .generalFullWidth-content .sys_subitem .sys_subitem-summary dd.sys_news-description {font-weight: normal; margin: 0.4em 0px;} #SearchResults_List .sys_search-subheading a{font-weight:bold; color: var(--globalBlue);} #SearchResults_List .sys_search-description, #SearchResults_List .sys_search-url{padding: 4px 6px;} .sys_search-url{font-style: italic; color: green;} .sys_publications-control ul {padding: 0.3em 0px;} .sys_publications-control ul li {list-style-type: none; margin: 1em 0px;} .generalFullWidth-content .sys_publications-control dt.sys_publications-content {display: none;} .generalFullWidth-content .sys_publications-control .sys_subitem a{text-decoration: underline; padding: 0!important;} .generalFullWidth-content .sys_publications-control .sys_subitem a:hover{color: inherit; background:none; text-decoration:none;} .generalFullWidth-content .sys_publications-control .sys_subitem, .generalFullWidth-content .sys_publications-control .sys_subalternatingitem {padding: 8px 6px;} /* pagination */ .generalFullWidth-content .sys_flickrpager { display:block; margin-top: 1em; overflow: hidden; width: 100%; border-top: 2px solid var(--globalBlue); color: var(--globalBlue); padding-top: 4px; } .generalFullWidth-content .sys_navigation { margin: 0.5em 0px 1px; overflow: hidden; padding: 1.5em 0 1.5em 0px; text-align: center; } .generalFullWidth-content .sys_flickrpager .sys_navigation span{display:inline-block; float:left; border-left: 1px solid #434341; border-top: 1px solid #434341; border-bottom: 1px solid #434341;} .generalFullWidth-content .sys_flickrpager .sys_navigation span span{border:none; padding: 0;} .generalFullWidth-content .sys_flickrpager .sys_navigation a, .generalFullWidth-content .sys_flickrpager .sys_navigation a:visited, .generalFullWidth-content .sys_flickrpager .sys_navigation .sys_ellipsis { background-color: #fff; color: #434341; padding: 8px 14px; cursor: pointer; text-align: center; display:block; text-decoration: none!important; } .generalFullWidth-content .sys_flickrpager .sys_navigation span:last-child {border-right: 1px solid #434341;} .generalFullWidth-content .sys_flickrpager .sys_navigation span span:last-child {border: none;} .generalFullWidth-content .sys_flickrpager .sys_navigation .sys_disabled, .generalFullWidth-content .sys_flickrpager .sys_navigation .sys_selected{padding: 8px 14px;} .generalFullWidth-content .sys_flickrpager .sys_navigation span.sys_disabled {cursor: default; background-color: #eee; color: #999;} .generalFullWidth-content .sys_flickrpager .sys_navigation .sys_selected, .generalFullWidth-content .sys_flickrpager .sys_navigation .sys_selected span, .generalFullWidth-content .sys_flickrpager .sys_navigation .sys_selected span span{color: #fff; background-color: var(--globalBlue); border-color: var(--globalBlue);} .generalFullWidth-content .sys_flickrpager .sys_navigation span:hover, .generalFullWidth-content .sys_flickrpager .sys_navigation span a:hover, .generalFullWidth-content .sys_flickrpager .sys_navigation span span:hover{color: #fff; background-color:var(--globalLightBlue); border-color:var(--globalLightBlue); text-decoration: none;} .generalFullWidth-content .sys_flickrpager .sys_navigation .sys_selected:hover span {background-color: var(--globalLightBlue);} .generalFullWidth-content .sys_flickrpager .sys_navigation span.sys_disabled:hover, .generalFullWidth-content .sys_flickrpager .sys_navigation span.sys_disabled:hover span, .generalFullWidth-content .sys_flickrpager .sys_navigation span.sys_disabled:hover span a:hover, .generalFullWidth-content .sys_flickrpager .sys_navigation span.sys_disabled:hover span span:hover{background:#eee; border-color: #434341;} /* ****************************************************************** */ /* COLUMN CLEAN UP. TOO MANY UNKNOWN CLASSES AND INCONSISTENT STYLING */ /* ****************************************************************** */ /* Updated for graduation */ /* .sys_threeColumns_206020, .sys_twoColumns5050, .sys_threeColumns, .sys_threeColumns_204040, .sys_twoColumns_7030, .sys_twoColumns_3070, */ .sys_FaqQuestion, .sys_FaqAnswer, /* .sys_fourColumns, .sys_fiveColumns, .sys_twoColumns, .sys_twoColumns_1585, .sys_twoColumns_2575, */ .sys_image-with-heading, .sys_imageWithHeading, .generalFullWidth-content .sys_imageWithTextOverlay, .generalFullWidth-content .sys_imageWithHoverText, .generalFullWidth-content .sys_imageWithCaptionBelow, .sys_imageWithHeadingandHoverText { margin-bottom: 3px; overflow: hidden; display: block; justify-content: unset; clear: both; width: 100%; } @media (min-width: 768px) { /* .sys_twoColumns5050, .sys_threeColumns, .sys_twoColumns_7030, .sys_twoColumns_3070, .sys_FaqQuestion, .sys_fourColumns, .sys_fiveColumns, .sys_twoColumns, .sys_twoColumns_1585, .sys_twoColumns_2575, */ .sys_image-with-heading, .sys_imageWithHeading, .generalFullWidth-content .sys_imageWithTextOverlay, .generalFullWidth-content .sys_imageWithHoverText, .generalFullWidth-content .sys_imageWithCaptionBelow, .sys_imageWithHeadingandHoverText { display: flex; justify-content: space-between; } } /* 2 Columns 50%Fluid */ /* .sys_twoColumns5050 .sys_one, .sys_twoColumns5050 .sys_two {width: 49%; margin: 0; float: left;} .sys_twoColumns5050 .sys_two{ float: right; margin: 0; } */ .sys_twoColumns5050 .sys_two .sys_twoColumns5050 .sys_two{border:none;} .sys_fullWidth .sys_twoColumns5050 .sys_two{ float: right; margin: 0; } /* 2 Columns 50%*/ /* .sys_twoColumns .sys_one, .sys_twoColumns .sys_two {width: 48%; margin: 0; float: left;} .sys_twoColumns .sys_two{ float: right; margin: 0; } */ .sys_twoColumns_7030 .sys_twoColumns5050 .sys_two, .sys_twoColumns_3070 .sys_twoColumns5050 .sys_two{border: none;} /* 3 Columns 30% */ /* .sys_threeColumns .sys_one, .sys_threeColumns .sys_two, .sys_threeColumns .sys_three {width: 32.5%; margin: 0; float: left;} */ .sys_relatedLeft .sys_threeColumns .sys_one, .sys_relatedLeft .sys_threeColumns .sys_two, .sys_relatedLeft .sys_threeColumns .sys_three {padding-right: 10px;} .sys_relatedLeft .sys_threeColumns .sys_two, .sys_relatedLeft .sys_threeColumns .sys_three {padding-left: 10px;} .sys_twoColumns_7030 .sys_one_7030 .sys_threeColumns .sys_one, .sys_twoColumns_7030 .sys_one_7030 .sys_threeColumns .sys_two, .sys_twoColumns_7030 .sys_one_7030 .sys_threeColumns .sys_three {width: 29%; padding-right: 14px;} .sys_twoColumns_7030 .sys_threeColumns .sys_two, .sys_twoColumns_7030 .sys_threeColumns .sys_three {border: none; padding-left: 12px;} .sys_fullWidth .sys_threeColumns .sys_one, .sys_fullWidth .sys_threeColumns .sys_two, .sys_fullWidth .sys_threeColumns .sys_three {width: 31.22%;} /*global food security fix */ .sys_fullWidth .sys_twoColumns_2575 .sys_two_2575 .sys_threeColumns .sys_one, .sys_fullWidth .sys_twoColumns_2575 .sys_two_2575 .sys_threeColumns .sys_two, .sys_fullWidth .sys_twoColumns_2575 .sys_two_2575 .sys_threeColumns .sys_three {width: 31.8%; padding-right: 7px;} .sys_fullWidth .sys_twoColumns_2575 .sys_two_2575 .sys_threeColumns .sys_two, .sys_fullWidth .sys_twoColumns_2575 .sys_two_2575 .sys_threeColumns .sys_three {padding-left: 7px;} .sys_fullWidth .sys_two_3070 .sys_threeColumns .sys_one, .sys_fullWidth .sys_two_3070 .sys_threeColumns .sys_two, .sys_fullWidth .sys_two_3070 .sys_threeColumns .sys_three, .sys_fullWidth .sys_one_7030 .sys_threeColumns .sys_one, .sys_fullWidth .sys_one_7030 .sys_threeColumns .sys_two, .sys_fullWidth .sys_one_7030 .sys_threeColumns .sys_three{width: 30%;} /* 2 Columns 70% 30% */ /* .sys_twoColumns_7030 .sys_one_7030, .sys_twoColumns_7030 .sys_two_7030 {margin: 0; float: left;} .sys_twoColumns_7030 .sys_one_7030 {width: 64.7%; padding-right: 14px;} .sys_twoColumns_7030 .sys_two_7030 {width: 30.4%; margin: 0; padding: 0 0 0 14px;} */ .sys_textOverlay .sys_one_7030{border: none;} .sys_fullWidth .sys_twoColumns_7030 .sys_one_7030 {width: 65.5%;} .sys_fullWidth .sys_twoColumns_7030 .sys_two_7030 {width: 31%;} /* 2 Columns 30% 70% */ /* .sys_twoColumns_3070 .sys_one_3070, .sys_twoColumns_3070 .sys_two_3070{ margin: 0; float: left; } .sys_twoColumns_3070 .sys_one_3070{width: 30.4%; padding-right: 14px;} .sys_twoColumns_3070 .sys_two_3070{width: 65%; margin: 0; padding: 0 0 0 14px;} */ .sys_fullWidth .sys_twoColumns_3070 .sys_one_3070{width: 31.3%;} .sys_fullWidth .sys_twoColumns_3070 .sys_two_3070{width: 65.5%;} .sys_fullWidth .sys_twoColumns_7030 .sys_one_7030 .sys_twoColumns_3070 .sys_two_3070{ width: 63%;} /* 2 Columns 15% 85% */ /* .sys_twoColumns_1585 .sys_one_1585{width: 15%; padding-right: 14px; float: left; } .sys_twoColumns_1585 .sys_two_1585{width: 83%; float: right; margin: 0; padding: 0;} */ .sys_twoColumns_7030 .sys_one_7030 .sys_two_1585{width: 80%;} /* 2 Columns 25% 75% */ /* .sys_twoColumns_2575 .sys_one_2575{width: 25%; padding: 0; float: left; } .sys_twoColumns_2575 .sys_two_2575{width: 73%; padding: 0 0 0 14px; margin: 0; float:right;} */ .sys_fullWidth .sys_twoColumns_2575 .sys_one_2575 {width: 23.3%; padding: 0 7px 0 0; float:left; margin:0;} .sys_fullWidth .sys_twoColumns_2575 .sys_two_2575 {width:75%; padding: 0 0 0 7px; margin: 0; float:left;} .sys_twoColumns_2575 .sys_two_2575 .sys_one_7030{width: 62%;} .sys_twoColumns_7030 .sys_one_7030 .sys_twoColumns_2575 .sys_one_2575{width: 21%;} .sys_twoColumns_7030 .sys_one_7030 .sys_twoColumns_2575 .sys_two_2575{width: 73.1%;} /* 3 Columns 20% 40% 40% */ /* .sys_threeColumns_204040 .sys_one { width: 20%; margin: 0; float: left; } .sys_threeColumns_204040 .sys_two, .sys_threeColumns_204040 .sys_three { width: 40%; margin: 0; float: left; } */ /* 3 Columns 20% 60% 20% */ /* .sys_threeColumns_206020 .sys_one { width: 20%; margin: 0; float: left; } .sys_threeColumns_206020 .sys_two { width: 60%; margin: 0; float: left; } .sys_threeColumns_206020 .sys_three { width: 20%; margin: 0; float: left; } */ /* 4 Columns 25% */ /* .sys_fourColumns .sys_one, .sys_fourColumns .sys_two, .sys_fourColumns .sys_three, .sys_fourColumns .sys_four{width: 25%; margin: 0 14px 0 0; float: left;} .sys_fourColumns .sys_four{margin: 0; float:left;} */ .sys_fullWidth .sys_fourColumns .sys_one, .sys_fullWidth .sys_fourColumns .sys_two, .sys_fullWidth .sys_fourColumns .sys_three, .sys_fullWidth .sys_fourColumns .sys_four{width: 219.5px; margin: 0 14px 0 0; float: left;} .sys_fullWidth .sys_fourColumns .sys_four{margin: 0; float:left;} /* 5 Columns 25% */ /* .sys_fiveColumns .sys_one, .sys_fiveColumns .sys_two, .sys_fiveColumns .sys_three, .sys_fiveColumns .sys_four, .sys_fiveColumns .sys_five{width: 18.15%; margin: 0 14px 0 0; float: left;} .sys_fiveColumns .sys_five{margin: 0; float:left;} */ .sys_fullWidth .sys_fiveColumns .sys_one, .sys_fullWidth .sys_fiveColumns .sys_two, .sys_fullWidth .sys_fiveColumns .sys_three, .sys_fullWidth .sys_fiveColumns .sys_four, .sys_fullWidth .sys_fiveColumns .sys_five{width: 18.74%;} /* nested columns fixes */ .sys_twoColumns5050 .sys_twoColumns_2575 .sys_one_2575 { width: 23%; } .sys_twoColumns5050 .sys_twoColumns_2575 .sys_two_2575 { width: 72%; } /* ****************************************************************** */ /* COLUMN CLEAN UP. TOO MANY UNKNOWN CLASSES AND INCONSISTENT STYLING */ /* ****************************************************************** */ /* ****************************************************************** */ /******************* NEW COLUMN STYLES ********************************/ /* ****************************************************************** */ .sys_twoColumns_1585, .sys_twoColumns_2575, .sys_twoColumns_3070, .sys_twoColumns5050, .sys_twoColumns5050NoGap, .sys_twoColumns_7030, .sys_threeColumns_204040, .sys_threeColumns_206020, .sys_threeColumns, .sys_fourColumns, .sys_fiveColumns { width: 100%; margin: 10px 0; overflow: hidden; display: flex; justify-content: space-between; } @media (max-width: 768px) { .sys_twoColumns_1585, .sys_twoColumns_2575, .sys_twoColumns_3070, .sys_twoColumns5050, .sys_twoColumns5050NoGap, .sys_twoColumns_7030, .sys_threeColumns_204040, .sys_threeColumns_206020, .sys_threeColumns, .sys_fourColumns, .sys_fiveColumns { flex-direction: column; } } /* 2 Columns 15% 85% */ .sys_twoColumns_1585 .sys_one_1585 {width: 15%;} .sys_twoColumns_1585 .sys_two_1585 {width: 83%;} /* 2 Columns 25% 75% */ .sys_twoColumns_2575 .sys_one_2575 {width: 25%;} .sys_twoColumns_2575 .sys_two_2575 {width: 73%;} /* 2 Columns 30% 70% */ .sys_twoColumns_3070 .sys_one_3070 {width: 30%;} .sys_twoColumns_3070 .sys_two_3070 {width: 68%;} /* 2 Columns 50% no gap*/ .sys_twoColumns5050NoGap .sys_one {width: 50%;} .sys_twoColumns5050NoGap .sys_two {width: 50%;} /* 2 Columns 50% */ .sys_twoColumns5050 .sys_one, .sys_twoColumns5050 .sys_two {width: 49%;} /* 2 Columns 70% 30% */ .sys_twoColumns_7030 .sys_one_7030 {width: 68%;} .sys_twoColumns_7030 .sys_two_7030 {width: 30%;} /* 3 Columns 20% 40% 40% */ .sys_threeColumns_204040 .sys_one {width: 19.5%;} .sys_threeColumns_204040 .sys_two, .sys_threeColumns_204040 .sys_three {width: 38.75%;} /* 3 Columns 20% 60% 20% */ .sys_threeColumns_206020 .sys_one {width: 19.5%;} .sys_threeColumns_206020 .sys_two {width: 58%;} .sys_threeColumns_206020 .sys_three {width: 19.5%;} /* 3 Columns 30% */ .sys_threeColumns .sys_one, .sys_threeColumns .sys_two, .sys_threeColumns .sys_three {width: 32.3%;} /* 4 Columns 25% */ .sys_fourColumns .sys_one, .sys_fourColumns .sys_two, .sys_fourColumns .sys_three, .sys_fourColumns .sys_four {width: 24%;} /* 5 Columns 25% */ .sys_fiveColumns .sys_one, .sys_fiveColumns .sys_two, .sys_fiveColumns .sys_three, .sys_fiveColumns .sys_four, .sys_fiveColumns .sys_five {width: 19%;} /* mobile */ @media (max-width: 768px) { .sys_twoColumns_1585 .sys_one_1585,.sys_twoColumns_1585 .sys_two_1585, .sys_twoColumns_2575 .sys_one_2575, .sys_twoColumns_2575 .sys_two_2575, .sys_twoColumns_3070 .sys_one_3070, .sys_twoColumns_3070 .sys_two_3070, .sys_twoColumns5050NoGap .sys_one, .sys_twoColumns5050NoGap .sys_two, .sys_twoColumns5050 .sys_one, .sys_twoColumns5050 .sys_two, .sys_twoColumns_7030 .sys_one_7030, .sys_twoColumns_7030 .sys_two_7030, .sys_threeColumns_204040 .sys_one, .sys_threeColumns_204040 .sys_two, .sys_threeColumns_204040 .sys_three, .sys_threeColumns_206020 .sys_one, .sys_threeColumns_206020 .sys_two, .sys_threeColumns_206020 .sys_three, .sys_threeColumns .sys_one, .sys_threeColumns .sys_two, .sys_threeColumns .sys_three , .sys_fourColumns .sys_one, .sys_fourColumns .sys_two, .sys_fourColumns .sys_three, .sys_fourColumns .sys_four, .sys_fiveColumns .sys_one, .sys_fiveColumns .sys_two, .sys_fiveColumns .sys_three, .sys_fiveColumns .sys_four, .sys_fiveColumns .sys_five { width: 100%; margin-bottom: 15px; } } /* tablets */ @media (min-width: 768px) and (max-width: 992px) {} /* ****************************************************************** */ /******************* NEW COLUMN STYLES END HERE ********************************/ /* ****************************************************************** */ .generalFullWidth-content h1.headingBackground, .generalFullWidth-content h2.headingBackground, .generalFullWidth-content h3.headingBackground, .generalFullWidth-content h1.headingBackgroundTrans, .generalFullWidth-content h2.headingBackgroundTrans, .generalFullWidth-content h3.headingBackgroundTrans, .generalFullWidth-content .sys_contactDetails h2{ background-color: var(--globalBlue); color: #ffffff; height: auto; margin-bottom: 15px; padding: 10px; } .sys_imageWithHeading h1, .sys_imageWithHeading h2, .sys_imageWithHeading h3, .sys_textOverlay{z-index:1000; background: url("/SiteElements/Images/Base/Internal/bg-textOverlay-CorpBlue.png") top left repeat; background-color: none;} .sys_imageWithHeading h1 a, .sys_imageWithHeading h2 a, .sys_imageWithHeading h3 a, h1.headingBackgroundTrans a, h2.headingBackgroundTrans a, h3.headingBackgroundTrans a, h1.headingBackground a, h2.headingBackground a, h3.headingBackground a, h2.headingBackgroundUG a, h3.headingBackgroundUG a, h2.headingBackgroundPG a, h3.headingBackgroundPG a {display:block;color: #fff!important; font-weight: normal!important; text-decoration:none!important;} h2.headingBackgroundUG, h3.headingBackgroundUG {background-color: var(--globalBlue);min-height: 14px; height: auto;line-height: 14px; clear: both; margin-bottom: 5px!important; font-weight: normal; color: #fff!important; padding: 4px;} h2.headingBackgroundPG, h3.headingBackgroundPG {background-color: var(--globalBlue);min-height: 14px; height: auto;line-height: 14px; clear: both; margin-bottom: 5px!important; font-weight: normal; color: #fff!important; padding: 4px;} /* CTAS */ .generalFullWidth-content a.bgArrowRight, .generalFullWidth-content a.bgArrowDown, .generalFullWidth-content a.bgTwitter, .generalFullWidth-content a.bgX, .generalFullWidth-content a.bgFacebook, .generalFullWidth-content a.bgFoursquare, .generalFullWidth-content a.bgLinkedin, .generalFullWidth-content a.bgRegisterClick, .generalFullWidth-content a.bgYouTube, .generalFullWidth-content a.bgVideo, .generalFullWidth-content a.bgArrowRightLarge, .generalFullWidth-content a.bgPinterest, .generalFullWidth-content a.bgArrowRightLarge-pink { border: 2px solid var(--globalBlue); background-color: var(--globalBlue); background-position: right 10px top 50%; background-repeat: no-repeat; color: #fff; display:block; font-weight: normal; margin-bottom: 4px; padding: 10px 60px 10px 15px; text-decoration: none; border-radius: 68px; transition: all 0.3s ease; } .generalFullWidth-content a.bgArrowRight { position: relative; } .generalFullWidth-content a.bgArrowRight:after { content: ''; border: solid white; display: inline-block; padding: 4px; right: 15px; -webkit-transform: rotate(-45deg); position: absolute; top: 17px; border-width: 0 2px 2px 0; } /* .generalFullWidth-content a.bgArrowRightLarge-pink:after, .generalFullWidth-content a.bgArrowRightLarge:after { content: ''; border: solid white; display: inline-block; padding: 6px; right: 15px; -webkit-transform: rotate(-45deg); position: absolute; top: 22px; border-width: 0 2px 2px 0; } */ .generalFullWidth-content a.bgArrowRightLarge-pink {background-color: var(--globalPink); border: 2px solid var(--globalPink);} .generalFullWidth-content a.bgArrowRightLarge, .generalFullWidth-content a.bgArrowRightLarge-pink { font-size: 1.2em; line-height: 1em; padding: 20px 60px 20px 20px; background-size: 28px auto; /* background-position: right 0 top 50%; */ } .generalFullWidth-content a.bgArrowRightLarge-pink:active, .generalFullWidth-content a.bgArrowRightLarge-pink:hover { border: 2px solid var(--globalBlue); background-color: var(--globalBlue); color: #fff; text-decoration:none; } .generalFullWidth-content a.bgArrowRightLarge:active, .generalFullWidth-content a.bgArrowRightLarge:hover { background-color: #405162; border: 2px solid #405162; color: #fff; text-decoration:none; } .generalFullWidth-content a.bgArrowRight:hover, .generalFullWidth-content a.bgArrowDown:hover, .generalFullWidth-content a.bgTwitter:hover, .generalFullWidth-content a.bgX:hover, .generalFullWidth-content a.bgLinkedin:hover, .generalFullWidth-content a.bgFacebook:hover, .generalFullWidth-content a.bgFoursquare:hover, .generalFullWidth-content a.bgYouTube:hover, .generalFullWidth-content a.bgVideo:hover, .generalFullWidth-content a.bgPinterest:hover, .generalFullWidth-content a.bgPinterest:active, .generalFullWidth-content a.bgRegisterClick:active, .generalFullWidth-content a.bgRegisterClick:hover, .generalFullWidth-content a.bgArrowRight:active, .generalFullWidth-content a.bgArrowDown:active, .generalFullWidth-content a.bgTwitter:active, .generalFullWidth-content a.bgX:active, .generalFullWidth-content a.bgLinkedin:active, .generalFullWidth-content a.bgFacebook:active, .generalFullWidth-content a.bgFoursquare:active, .generalFullWidth-content a.bgYouTube:active, .generalFullWidth-content a.bgVideo:active, .generalFullWidth-content a.bgPinterest:active{ background-color: #405162; border: 2px solid #405162; color: #fff; text-decoration:none; } /* .generalFullWidth-content a.bgArrowRight{background-image: url("/siteelements/images/base/internal/cta-icons/white/bg-icon-white-right-arrow.png"); background-size: 18px auto;} */ .generalFullWidth-content a.bgArrowDown{background-image: url("/siteelements/images/icons/bg/bg-icon-arrow-circle-down.png");} .generalFullWidth-content a.bgTwitter{background-image: url("/SiteElements/Images/Icons/x-logo-white-Cropped-28x28.png"); background-size: 22px auto;} .generalFullWidth-content a.bgX{background-image: url("/SiteElements/Images/Icons/x-logo-white-Cropped-28x28.png"); background-size: 22px auto;} .generalFullWidth-content a.bgFacebook{background-image: url("/siteelements/images/icons/bg/bg-icon-facebook.png");} .generalFullWidth-content a.bgFoursquare{background-image: url("/siteelements/images/icons/bg/bg-foursquare.png");} .generalFullWidth-content a.bgLinkedin{background-image: url("/siteelements/images/icons/bg/bg-icon-linkedin.png");} .generalFullWidth-content a.bgYouTube{background-image: url("/siteelements/images/icons/bg/bg-icon-youtube.png");} .generalFullWidth-content a.bgVideo{background-image: url('/siteelements/images/icons/bg/bg-icon-video-camera.png');} .generalFullWidth-content a.bgArrowRightLarge, .generalFullWidth-content a.bgArrowRightLarge-pink{background-image: url("/siteelements/images/base/internal/cta-icons/white/bg-icon-white-right-arrow.png");} .generalFullWidth-content a.bgPinterest{background-image: url("/siteelements/images/icons/bg/bg-pinterest.png");} .generalFullWidth-content a.bgRegisterClick{background-image: url("/SiteElements/Images/Icons/bg/bg-icon-register-click.png");} .generalFullWidth-content a.bgPDF-left, .generalFullWidth-content a.bgMSword-left, .generalFullWidth-content a.bgMSexcel-left, .generalFullWidth-content a.bgPadlock-left { background-position: right center; background-repeat: no-repeat; padding: 0px 20px 0px 0px ;} .generalFullWidth-content a.bgPDF-left{background-image: url("/siteelements/images/icons/bg/bg-icon-pdf-16x16.png");} .generalFullWidth-content a.bgMSword-left{background-image: url("/siteelements/images/icons/bg/bg-icon-msword-16x16.png");} .generalFullWidth-content a.bgMSexcel-left{background-image: url("/siteelements/images/icons/bg/bg-icon-msexcel-16x16.png");} .generalFullWidth-content a.bgPadlock-left{background-image: url("/siteelements/images/icons/bg/bg-padlock-16x16.png");} .generalFullWidth-content a.download{background: url("/SiteElements/Images/Base/Internal/iconDownloadGrey.png") no-repeat 100% 50%; width: 100%; height: 45px;display:block;line-height: 44px; font-weight:bold;} .generalFullWidth-content a.download:hover{background-image: url("/SiteElements/Images/Base/Internal/iconDownloadGrey.png");} /* mini templates H1s, H2s and H3s with images and text overlay All fixed widths */ .sys_imageWithHeading{position: relative;} .sys_imageWithHeading a{color: #fff; font-weight: bold!important;} .sys_imageWithHeading img{z-index:1; border: 4px solid #fff;} .sys_fullWidth .sys_imageWithHeading img{z-index:1; border: 5px solid #fff;} .sys_fullWidth .sys_fourColumns .sys_boxWithGreyBackground .sys_imageWithHeading img{border:none;} .sys_boxWithGreyBackground .sys_imageWithHeading h1, .sys_boxWithGreyBackground .sys_imageWithHeading h2, .sys_boxWithGreyBackground .sys_imageWithHeading h3, .sys_boxWithGreyBackground .sys_imageWithHeading h4{left: 0!important; top: 0;} .sys_imageWithHeading h1, .sys_imageWithHeading h2, .sys_imageWithHeading h3{z-index:2; padding:4px 8px 4px 4px!important; margin: 0!important; color: #fff!important; position: absolute; top: 4px; right: 4px; background: url("/SiteElements/Images/Base/Internal/bg-textOverlay-CorpBlue.png") repeat 0 0; display: block; font-weight: normal;} .sys_H1-2line-image-920px-textOverlay img, .sys_H1-image-920px-right img{border: none!important;} .sys_H1-image-714px-right h1, .sys_H1-image-920px-right h1, .sys_H1-image-466px-right h1, .sys_H1-image-714px-textOverlay h1, .sys_H1-2line-image-714px-textOverlay h1, .sys_H1-2line-image-920px-textOverlay h1{z-index:100; top: 20px; right: 4px; font-size: 2.6em!important;padding-bottom: .3em!important;} .sys_H1-image-714px-textOverlay .sys_textOverlay, .sys_H1-image-920px-textOverlay .sys_textOverlay, .sys_H1-2line-image-714px-textOverlay .sys_textOverlay, .sys_H1-2line-image-920px-textOverlay .sys_textOverlay{width: auto;color: #fff; background: url("/SiteElements/Images/Base/Internal/bg-textOverlay-black.png") repeat 0 0; position: absolute; padding: .5em; left:4px; bottom:-4px; z-index:1000;} .sys_H1-image-714px-textOverlay .sys_textOverlay, .sys_H1-image-920px-textOverlay .sys_textOverlay{bottom:-2px;} .sys_H1-image-920px-right h1{right: 0px;} .sys_H2-image-208px-left h2, .sys_H3-image-208px-left h3{z-index:100; font-size:1.2em!important;text-align: left!important; left: 4px; top: 4px; right: auto; padding-bottom: .45em; max-width:196px;} .sys_H2-image-208px-left, .sys_H3-image-208px-left{max-width: 218px;} .sys_H1-image-714px-textOverlay h1, .sys_H1-image-920px-textOverlay h1{z-index:1000;right: 4px;} .sys_H1-2line-image-714px-textOverlay h1, .sys_H1-2line-image-920px-textOverlay h1{width: 100%; background: none!important;} .sys_H1-2line-image-714px-textOverlay h1 span.sys_grey, .sys_H1-2line-image-920px-textOverlay h1 span.sys_grey{padding:4px 8px .2em 4px!important;position: absolute; right: 1px; width: auto; background-image: url("/SiteElements/Images/Base/Internal/bg-textOverlay-darkGrey.png")!important;} .sys_H1-2line-image-920px-textOverlay h1 span.sys_grey{right: -5px; } .sys_H1-2line-image-714px-textOverlay h1 span.sys_normal,.sys_H1-2line-image-920px-textOverlay h1 span.sys_normal{ padding:4px 8px .4em 4px!important; position: absolute; right: 1px; top: 1.8em; text-align: right; background: url("/SiteElements/Images/Base/Internal/bg-textOverlay-CorpBlue.png") repeat 0 0;} .sys_H1-2line-image-920px-textOverlay h1 span.sys_normal{right: -5px;} .generalFullWidth-content .sys_textOverlay a{color: #fff;} .sys_textOverlay h2{background: none!important; position: relative; font-weight: normal; margin: 0 0 .6em 0!important;} .sys_textOverlay .nextCaseStudy{position: absolute; display:block; bottom: 10px; right:10px; text-align:right; color: #ffffff!important;} .sys_H1-image-714px-right, .sys_H1-2line-image-714px-textOverlay, .sys_H1-image-920px-right, .sys_H1-2line-image-920px-textOverlay {height: 335px;} .sys_H2-image-208px-left p{position: absolute; top: 0; left: 0; color: #fff; font-size: 1.1em;} .generalFullWidth-content .sys_H2-image-130px-left h2{left: 4px!important; top: 4px;font-size: 1.2em;} .generalFullWidth-content .sys_boxWithDarkBackgroundDTP {background-color: #990033;} /* Search results page - results */ #genericSearchResults_List{font-size: 1.1em;} #genericSearchResults_List .sys_thumbnail span, #genericSearchResults_List .js div.sys_thumbnail, #genericSearchResults_List .sys_thumbnail, #genericSearchResults_List div.sys_thumbnail{float: left;} #genericSearchResults_List .sys_icon, #genericSearchResults_List .sys_thumbnail span{display:none;} #genericSearchResults_List img{display:none;} #genericSearchResults_List .sys_subitem{float: left;} #genericSearchResults_List h3.sys_subitem-heading a{font-size: 0.8em!important; color: #1a296b!important;float: left; width: 100%;} #genericSearchResults_List dt.sys_search-url, #genericSearchResults_List dt.sys_search-description{display:none;} #genericSearchResults_List dd.sys_search-url{color: #434341;float: left; width: 100%;} #genericSearchResults_List dd.sys_search-description{float: left; width: 100%;} #genericSearchResults_List .sys_noresults{background:none; border: none; font-size: 1em;margin: 0; padding: 0;} #genericSearchResults_List .sys_noresults ul{} #genericSearchResults_List .sys_noresults ul li{border: none;} h2.sys_search-title{background: none!important; float: left; width: 100%; font-size: 1.5em!important;} .sys_FaqQuestion, .sys_FaqQuestionShowHide, .sys_moreInformation, .sys_importantInformation, .sys_FaqAnswer, .sys_FaqAnswerShowHide{width: 90%;min-height: 2em; padding: 6px 0 0 30px; margin-bottom: .5em;background: url("/SiteElements/Images/Base/Internal/bg-info-CorpBlue.png") 0 8px no-repeat;} .sys_moreInformation{background-image: url("/SiteElements/Images/Base/Internal/bg-info-CorpBlue.png");} .sys_importantInformation{background-image: url("/SiteElements/Images/Base/Internal/bg-exclamation-CorpBlue.png");} .sys_FaqQuestion,.sys_FaqQuestionShowHide {background-image: url("/SiteElements/Images/Base/Internal/bg-faq-question-CorpBlue.png");font-weight: normal!important; cursor:pointer;} .sys_FaqAnswer,.sys_FaqAnswerShowHide{background-image: url("/SiteElements/Images/Base/Internal/bg-faq-answer-CorpBlue.png"); margin-bottom: 1em;} .sys_FaqAnswer p, .sys_FaqAnswerShowHide p{margin: 0;} .sys_FaqAnswer table{font-size: 0.9em;} /***** blockquote styles - ulzgw - 7 Jan 2019 *****/ blockquote {padding-right: 0; padding-left: 0;} blockquote { position: relative; padding: 12px 12px 12px 28px; margin-bottom: 1rem; border: solid 5px var(--globalBlue);} blockquote.sys_blockquoteAlt.sys_blockquoteAltpadding{padding: 8px; position: inherit;} blockquote.sys_blockquoteAlt.sys_blockquoteAltpadding::before{display:none;} blockquote::before{ position: absolute; top: 14px; left: 2px; width: 20px; height: 20px; background: transparent url("/siteelements/images/core/icon-quote.svg") no-repeat 0 0; background-size: 20px;} blockquote.large { font-size: 1.125rem; line-height: 1.6875rem; letter-spacing: -0.3px; position: relative; padding: 2.1875rem 2.1875rem 2.1875rem 3.4375rem; margin-bottom: 1.25rem; border: solid 5px var(--globalBlue);} blockquote::before, blockquote::after, .blockquote::before, .blockquote::after, .blockquote__content::before, .blockquote__content::after, .blockquote__image::before, .blockquote__image::after {content: ""; display: table; clear: both;} blockquote.large::before{ top: 1.875rem; left: -8px; width: 2.8125rem; height: 2.1875rem; background-size: contain;} .blockquote{font-size: 1.25rem; margin: 2.5rem 0 0.5rem 0; padding-right: 0; padding-left: 0; border:none;} .blockquote::before{display:none;} .blockquote .blockquote__image {position: relative; float: left; width: 36%; margin-right: 0;} .blockquote .blockquote__image img {width: 100%; max-width: 100%; height: auto; display: block; position: relative; z-index: 2;} .blockquote .blockquote__image::after {position: absolute; top: -25px; right: -25px; width: 100%; height: 100%; display: block; border: solid 6px var(--globalBlue);} .blockquote .blockquote__content::before { position: absolute; top: 0; width: 4.375rem; height: 3.4375rem; background: transparent url("/siteelements/images/core/icon-quote.svg") no-repeat 0 0; background-size: contain;} .blockquote .blockquote__content { position: relative; float: right; line-height: 1.6875rem; width: 44%; padding: 5rem 2.3rem 0 6rem; margin-top: 0;} .blockquote__footer, blockquote.large footer { font-size: 0.875rem; color: var(--globalBlue); margin-top: 10px; line-height: normal; letter-spacing: -0.2px; font-weight: 700;} .generalFullWidth-content blockquote footer { padding: 0px; } .sys_fourColumns blockquote.large, .sys_fiveColumns blockquote.large {font-size: 1rem; line-height: 1.2875rem; padding: 40px 20px 20px 10px;} .sys_fourColumns blockquote.large::before, .sys_fiveColumns blockquote.large::before{top: 10px; left: 10px; width: 2rem; height: 2rem;} /**** blockquote styles - ulzgw - 17 Jan 2019 ****/ .sys_fullWidth .sys_two_7030 .blockquote, .sys_fullWidth .sys_twoColumns5050 .blockquote{margin: 2.5rem 0 3.125rem 0; padding: 1.5625rem 0;} .sys_fullWidth .sys_two_7030 .blockquote .blockquote__image, .sys_fullWidth .sys_twoColumns5050 .blockquote .blockquote__image{position: relative; float: right; width: 60%; margin-right: 1.5625rem;} .sys_fullWidth .sys_two_7030 .blockquote .blockquote__content, .sys_fullWidth .sys_twoColumns5050 .blockquote .blockquote__content{padding: 0rem 2.5rem 2.5rem 0; width: 100%; float: left; margin-top: 1.25rem; position: relative;} .sys_fullWidth .sys_two_7030 .blockquote .blockquote__content:before, .sys_fullWidth .sys_twoColumns5050 .blockquote .blockquote__content:before {top: -75px; left: 0; } p.FauxBlockquote {background: #efefef; padding: 6px;} .generalFullWidth-content ul, .generalFullWidth-content ol {margin: 0 0 1em 0; padding-left:5px;} .generalFullWidth-content ul li, .generalFullWidth-content ol li {margin-left: 30px;margin-bottom: .5em; list-style-position:outside;} .generalFullWidth-content ul li li, .generalFullWidth-content ol li li{margin-top: .5em;} .generalFullWidth-content ul li{list-style-type:square;} .generalFullWidth-content ol li{list-style-type:decimal;} hr{background-color: #fff;border: none; border-top: 1px solid #97918e; height: 1px; width: 100%; float: left; margin: .5em 0;} .sys_relatedLeft, .sys_relatedRight { float: left; margin: 0px; } .sys_relatedLeft { border-right: 1px dotted #aca99c; padding-right: 1.9%; width: 65%; } .sys_relatedRight { margin: 0px; padding: 0px 0px 0px 2%; width: 30.4%; } .sys_relatedRight h2 { margin: 1.5em 0px 1px; } .sys_relatedRight h2:first-child, #internal .generalFullWidth-content .sys_relatedRight h2.sys_first { margin: 0.8em 0px 10px; } .sys_relatedLinks h2 { margin: 1.5em 0px 1px; } .sys_relatedLinks h2:first-child, .generalFullWidth-content .sys_relatedLinks h2.sys_first { margin: 0.4em 0px 1em; } img.floatLeft { float: left; margin-right: 0.3em; } img.floatRight { float: right; margin-left: 0.3em; } .generalFullWidth-content .sys_boxWithLightGreyBackground{background: #E6E6E6;} .generalFullWidth-content .sys_boxWithLightGreyBackground .sys_inner{padding:1.2em;width:auto} .generalFullWidth-content .sys_boxWithDottedBorder, .generalFullWidth-content .sys_boxWithDottedBorder-pink, .generalFullWidth-content .sys_boxWithDottedBorder-orange, .generalFullWidth-content .sys_boxWithDottedBorder-green, .generalFullWidth-content .sys_boxWithDottedBorder-blue, .generalFullWidth-content .sys_boxWithDarkBackground, .generalFullWidth-content .sys_videoBox, .generalFullWidth-content .sys_contactDetails, .generalFullWidth-content .sys_boxWithGreyBackground, .generalFullWidth-content .sys_boxWithWhiteBackground, .generalFullWidth-content .sys_box98pxHeight, .generalFullWidth-content .sys_boxWithDarkBackgroundDTP, .generalFullWidth-content .sys_StudentProfileQuote{width: 96.5%; padding: 1.385%; margin-bottom: 1em; display:block; clear:both;} .generalFullWidth-content .sys_boxWithGreyBackground, .generalFullWidth-content .sys_boxWithGreyBackground h1, .generalFullWidth-content .sys_boxWithGreyBackground h2, .generalFullWidth-content .sys_boxWithGreyBackground h3, .generalFullWidth-content .sys_boxWithGreyBackground h4, .generalFullWidth-content .sys_boxWithGreyBackground .h1, .generalFullWidth-content .sys_boxWithGreyBackground .h2, .generalFullWidth-content .sys_boxWithGreyBackground .h3, .generalFullWidth-content .sys_boxWithGreyBackground .h4, .generalFullWidth-content .sys_boxWithGreyBackground li, .generalFullWidth-content .sys_boxWithGreyBackground a, .generalFullWidth-content .sys_boxWithGreyBackground .introParagraph, .generalFullWidth-content .sys_videoBox, .generalFullWidth-content .sys_videoBox h1, .generalFullWidth-content .sys_videoBox h2, .generalFullWidth-content .sys_videoBox h3, .generalFullWidth-content .sys_videoBox h4, .generalFullWidth-content .sys_videoBox .h1, .generalFullWidth-content .sys_videoBox .h2, .generalFullWidth-content .sys_videoBox .h3, .generalFullWidth-content .sys_videoBox .h4, .generalFullWidth-content .sys_videoBox li, .generalFullWidth-content .sys_videoBox a, .generalFullWidth-content .sys_contactDetails, .generalFullWidth-content .sys_contactDetails h1, .generalFullWidth-content .sys_contactDetails h2, .generalFullWidth-content .sys_contactDetails h3, .generalFullWidth-content .sys_contactDetails h4, .generalFullWidth-content .sys_contactDetails .h1, .generalFullWidth-content .sys_contactDetails .h2, .generalFullWidth-content .sys_contactDetails .h3, .generalFullWidth-content .sys_contactDetails .h4, .generalFullWidth-content .sys_contactDetails li, .generalFullWidth-content .sys_contactDetails a, .generalFullWidth-content .sys_boxWithDarkBackground, .generalFullWidth-content .sys_boxWithDarkBackground h1, .generalFullWidth-content .sys_boxWithDarkBackground h2, .generalFullWidth-content .sys_boxWithDarkBackground h3, .generalFullWidth-content .sys_boxWithDarkBackground h4, .generalFullWidth-content .sys_boxWithDarkBackground .h1, .generalFullWidth-content .sys_boxWithDarkBackground .h2, .generalFullWidth-content .sys_boxWithDarkBackground .h3, .generalFullWidth-content .sys_boxWithDarkBackground .h4, .generalFullWidth-content .sys_boxWithDarkBackground li, .generalFullWidth-content .sys_boxWithDarkBackground a, .generalFullWidth-content .sys_boxWithDarkBackground .introParagraph, .generalFullWidth-content .sys_boxWithDarkBackgroundDTP, .generalFullWidth-content .sys_boxWithDarkBackgroundDTP h1, .generalFullWidth-content .sys_boxWithDarkBackgroundDTP h2, .generalFullWidth-content .sys_boxWithDarkBackgroundDTP h3, .generalFullWidth-content .sys_boxWithDarkBackgroundDTP h4, .generalFullWidth-content .sys_boxWithDarkBackgroundDTP .h1, .generalFullWidth-content .sys_boxWithDarkBackgroundDTP .h2, .generalFullWidth-content .sys_boxWithDarkBackgroundDTP .h3, .generalFullWidth-content .sys_boxWithDarkBackgroundDTP .h4, .generalFullWidth-content .sys_boxWithDarkBackgroundDTP li, .generalFullWidth-content .sys_boxWithDarkBackgroundDTP a {color: #fff;} #main .generalFullWidth-content .sys_boxWithGreyBackground a:hover, #main .generalFullWidth-content .sys_videoBox a:hover, #main .generalFullWidth-content .sys_contactDetails a:hover, #main .generalFullWidth-content .sys_boxWithDarkBackground a:hover{color: #efefef;} #main .generalFullWidth-content .sys_boxWithGreyBackground h1.headingBackground, #main .generalFullWidth-content .sys_boxWithGreyBackground h2.headingBackground, #main .generalFullWidth-content .sys_boxWithGreyBackground h3.headingBackground, #main .generalFullWidth-content .sys_boxWithGreyBackground h4.headingBackground{background-color: #000;} .sys_boxWithDottedBorder{border: 1px dotted var(--globalLightBlue); background-color: #fff;} .sys_boxWithDottedBorder-pink{border: 1px dotted var(--globalPink); background-color: #fff;} .sys_boxWithDottedBorder-orange{border: 1px dotted #f39200; background-color: #fff;} .sys_boxWithDottedBorder-green{border: 1px dotted #26a04a; background-color: #fff;} .sys_boxWithDottedBorder-blue{border: 1px dotted var(--globalLightBlue); background-color: #fff;} .sys_boxWithDottedBorder .headingBackground{background-color: var(--globalLightBlue); padding: 6px; color: #fff;} .sys_box98pxHeight{border: 5px solid #fff; background-color: #f6f6f6;} .sys_boxWithDarkBackground{background-color: var(--globalBlue);} .sys_boxWithGreyBackground{background-color:#434341;} .sys_boxWithWhiteBackground{background-color:#ffffff;} .sys_videoBox{background-color:#434341;} .sys_boxWithGreyBackground .sys_twoColumns .sys_one, .sys_boxWithGreyBackground .sys_twoColumns .sys_two{padding: 0; width: 49%; border: none;} .sys_fullWidth .sys_fourColumns .sys_boxWithGreyBackground{padding:0;} .sys_videoBox{background-color:#434341;} .sys_videoBoxTitle {z-index: 1000; background-color: #434341; position: absolute; padding: .4em; font-size: 1.3em;} .sys_videoBox .sys_one_7030 {z-index: 0; width:314px; min-height: 200px; padding: 0; border: none;position: relative;} .sys_videoBox .sys_two_7030 {width: 124px; padding: 0 8px;} .sys_fullWidth .sys_fourColumns .sys_videoBox .sys_one_7030 {z-index: 0; width:210px; min-height: 200px; padding: 0; border: none;float:left; clear:both;} .sys_fullWidth .sys_fourColumns .sys_videoBox .sys_two_7030 {width: 210px; padding: 0 8px;float:left; clear:both;} .sys_fullWidth .sys_fourColumns .sys_videoBox label.clear{display:none;} .sys_fullWidth .sys_fourColumns .sys_box98pxHeight{height: 86px; width: 204px; overflow:hidden;} .sys_H2-image-208px-left h2, .sys_H3-image-208px-left h3{font-size:1.2em!important;text-align: left!important; left: 5px!important; top: 5px; right: auto; padding-bottom: .45em!important; max-width:196px;} /* mini template contact details */ .generalFullWidth-content .sys_contactDetails{ padding: 0; overflow: hidden; background-color: #434341; color: #fff; } .generalFullWidth-content .sys_contactDetails a{color: #fff;} .generalFullWidth-content .sys_contactDetails p { margin: 0;} .generalFullWidth-content .sys_contactDetails div.sys_left {float: left;padding: .3em;} .generalFullWidth-content .sys_contactDetails div.sys_right {float: right; text-align: left;padding: .3em;} /* table styles */ .generalFullWidth-content table {width: 100%;} .generalFullWidth-content table th, .generalFullWidth-content table td {border-collapse: collapse; padding: 8px; vertical-align: top;} .generalFullWidth-content table th, .generalFullWidth-content table td {border-collapse: collapse; padding: 8px; vertical-align: top;} .generalFullWidth-content table thead th, .generalFullWidth-content table tbody th { background-color: var(--globalBlue); color: #fff; font-weight: bold; } .generalFullWidth-content table th, .generalFullWidth-content table tr, .generalFullWidth-content table tr td, .generalFullWidth-content table th, .generalFullWidth-content table tr, .generalFullWidth-content table tr td { border: 1px solid #eee; margin: 0px; } .generalFullWidth-content table caption {font-weight:bold; background: #eee; padding: 8px; text-align: left; caption-side: top;} .generalFullWidth-content table caption p{margin: 0px; padding: 0px;} .generalFullWidth-content table td, .generalFullWidth-content table tbody tr.sys_alt td{background-color: #ffffff; border: 1px solid #eee;} .generalFullWidth-content table tbody tr.sys_alt td, .generalFullWidth-content table td .tableRowHighlight {background-color: #eee;} .generalFullWidth-content table tr .tableRowHighlight {background: none repeat scroll 0% 0% #eee; padding: 0px;} .generalFullWidth-content table tr .tableRowHighlight span {padding: 8px;} .generalFullWidth-content table .tableRowHighlight td {background: none repeat scroll 0% 0% #eee; padding: 8px;} .generalFullWidth-content .noAlternateRows tbody tr td{background:#fff;} .generalFullWidth-content table#TableSearch{margin-top: 1em!important;} /* Odd rows grey css class */ .generalFullWidth-content table.tableOddRows-Grey tr:nth-of-type(odd) td {background-color:#eaeaea;} .generalFullWidth-content .sys_tabContent { background: #fdfdfd url("/SiteElements/Images/Template/Internal/bg-tabs-content.png") repeat-x top left; padding: .7em 18px 1.8em; border: 1px solid #e5e5e5; border-width: 0 1px 1px; } .generalFullWidth-content .sys_tabContent.sys_top { margin: 1em 0 1px; border-width: 1px; } /* Styles for sortable, filterable tables 30/05/2017 - ulzgw */ form#quicksearch{padding: 12px; background: #b2cce0;} form#quicksearch label{font-weight:bold;} form#quicksearch input{padding: 8px; border: none;} .generalFullWidth-content table#TableSearch th{border-color: #434341; background: #036; color: #fff;} .generalFullWidth-content table#TableSearch.add-vertical-scroll {border: 1px solid #000!important;width: 100%!important; height: 400px!important; overflow: scroll!important;} /* .generalFullWidth-content table#TableSearch td{border-color: #434341; padding: 12px 8px;} */ .generalFullWidth-content table#TableSearch .keyword{display:inline-block; text-transform: capitalize;} .generalFullWidth-content table#TableSearch .keyword:after{content:",";} .generalFullWidth-content table#TableSearch .keyword:last-child:after{content:"";} /* forms */ #xmlform_panel{float:left; clear:both; width: 96%; margin-bottom: .5em;} .generalFullWidth-content fieldset, .generalFullWidth-content #xmlform_panel fieldset {float:left; width: 100%;margin: 2em 0; padding: 1em 0; border-bottom: 3px double #e5e5e5; } .generalFullWidth-content #xmlform_panel div{float: left;width: 100%; margin-bottom: .4em;} .generalFullWidth-content #xmlform_panel fieldset.sys_radios{width: 100%;} .generalFullWidth-content #xmlform_panel fieldset legend{float:left;position: relative; left: 0; z-index: 1000;} .generalFullWidth-content #xmlform_panel fieldset.sys_radios .sys_formlegend{} .generalFullWidth-content #xmlform_panel fieldset.sys_radios label{margin-left: 25%;clear:both; width:auto; margin-bottom: .3em;} .generalFullWidth-content #xmlform_panel fieldset.sys_radios label input{margin-right: .3em; } .generalFullWidth-content #xmlform_panel p.sys_formlegend{ width: 27%; margin: 0; float: left; padding: 0;} .generalFullWidth-content fieldset p{float:left; clear:both; width: 100%;} .generalFullWidth-content legend, .generalFullWidth-content #xmlform_panel legend { position: relative; color: #666; font-weight: bold; margin: 0; padding-bottom: .5em; } .generalFullWidth-content p.sys_requiredInfo img { vertical-align: text-top; } .generalFullWidth-content span.sys_required{ visibility: visible!important; color: #ff0000!important; padding-left: 10px; margin-left: 6px;} .generalFullWidth-content ul.sys_errorInfo li { background: none; padding: 0; color: #df0c0c; } .generalFullWidth-content label.label { width: 27%; margin: 0; float: left; padding: 0;} .generalFullWidth-content p label.label, .generalFullWidth-content #xmlform_panel label{float:left; width: 27%; margin: 0; padding: 0;} .generalFullWidth-content table label{font-size: 1em;} .generalFullWidth-content table.radio{margin-top: -21px; margin-left: 27%; width:69%; background:none;} .generalFullWidth-content table.checkbox{margin-top: -34px; margin-left: 27%; width:69%;background:none;} .generalFullWidth-content span.checkbox{float: left; margin: 0; width:70%;} .generalFullWidth-content .checkbox{float: left; margin: 0; width:72%;} .generalFullWidth-content .radio input {border: 0; } .generalFullWidth-content .checkbox input {float:left; margin: 0 .5em 0 0;} .generalFullWidth-content .checkbox label{} .generalFullWidth-content input.button, .generalFullWidth-content #SendToAFriend_ButtonContainer input, .generalFullWidth-content input#login, .generalFullWidth-content p.submit input{background-image:none;padding:0.5em 1em;background-color: var(--globalBlue); color: #fff; text-align: center; font-weight: bold; cursor:pointer;} #container .generalFullWidth-content #xmlform_BtnSubmit, #container .generalFullWidth-content input#F1_ButtonSubmit_Finish, #container .generalFullWidth-content input#F1_Button_Finish, #container .generalFullWidth-content input#F1_ResetButton{background-color: var(--globalBlue); padding:0.7em 1.2em; color: #fff; text-align: center; font-weight: bold; cursor:pointer;} #container .generalFullWidth-content input.button:hover, #container .generalFullWidth-content #SendToAFriend_ButtonContainer input:hover, #container .generalFullWidth-content input#login:hover, #container .generalFullWidth-content p.submit input:hover, #container .generalFullWidth-content #xmlform_BtnSubmit:hover, #container .generalFullWidth-content input#F1_ButtonSubmit_Finish:hover, #container .generalFullWidth-content input#F1_Button_Finish:hover, #container .generalFullWidth-content input#F1_ResetButton:hover{background-color: #000000!important; color: #fff;} .generalFullWidth-content input.button:active, .generalFullWidth-content #SendToAFriend_ButtonContainer input:active, .generalFullWidth-content input#login:active, .generalFullWidth-content p.submit input:active{background-color: #000000;} .generalFullWidth-content input, .generalFullWidth-content select, .generalFullWidth-content textarea, .generalFullWidth-content #xmlform_panel input {float:left; padding: 2px 3px; margin-left: 1em; vertical-align: middle; color: #666; border: 1px solid #dfdfdf;} .generalFullWidth-content input, .generalFullWidth-content select, .generalFullWidth-content textarea, .generalFullWidth-content #xmlform_panel input {float:none; border-radius: 0px;} .generalFullWidth-content input.sys_error, .generalFullWidth-content select.sys_error, .generalFullWidth-content textarea.sys_error { border: 1px solid #df0c0c; } .generalFullWidth-content input.sys_error.sys_active, .generalFullWidth-content select.sys_error.sys_active, .generalFullWidth-content textarea.sys_error.sys_active { border: 1px solid #000; } .generalFullWidth-content input.sys_active, .generalFullWidth-content select.sys_active, .generalFullWidth-content textarea.sys_active, .generalFullWidth-content #xmlform_panel input.sys_active { border: 1px solid #a8a8a8; } .generalFullWidth-content strong.sys_error { margin: .1em 0 0 150px; clear: both; color: #df0c0c; display: block; font-size: 1.1em; } /* Staff lookup */ .generalFullWidth-content .sys_stafflistsection table, .generalFullWidth-content .sys_stafflistsection table tr, .generalFullWidth-content .sys_stafflistsection table tr td, .generalFullWidth-content .sys_stafflistsection table th{border: none;} #peopleprofile .imgBorderRight, .peopleprofile .imgBorderRight {float:right;width:120px;} .generalFullWidth-content .sys_stafflistazsection{ clear:both; /* float:left; */ } #peopleprofile .ui-helper-clearfix, .peopleprofile .ui-helper-clearfix {clear:both;} #peopleprofile ul, .peopleprofile ul{clear:both;} #peopleprofile div.sys_profilePad span.type, .peopleprofile div.sys_profilePad span.type { display: none; } #lookup-personal-details ul:after, .lookup-personal-details ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .generalFullWidth-content #lookup-personal-details h2, .generalFullWidth-content .lookup-personal-details h2{width: 100%; float:left; clear:both;} li#staffprofile-address, li#staffprofile-telephone, li#staffprofile-fax, li#staffprofile-email, li.staffprofile-address, li.staffprofile-telephone, li.staffprofile-fax, li.staffprofile-email{ width:40%; float:left; } .generalFullWidth-content #peopleprofile ul.sys_tabs li, .generalFullWidth-content .peopleprofile ul.sys_tabs li{margin-left: 0;} .generalFullWidth-content table th span {color: var(--globalBlue);} .generalFullWidth-content .sys_stafflistsection table{margin-top: 1em;} .generalFullWidth-content .sys_stafflistsection table th { background:#efefef;} .generalFullWidth-content .sys_stafflistsection table th h2 {margin: 0; font-size: 22px;} .generalFullWidth-content .sys_stafflistsection table tr.sys_stafflistsectionheader th {background-color:var(--globalLightBlue);color:#fff;} .generalFullWidth-content .sys_stafflistsection .sys_email a{background:url("/siteelements/images/base/internal/cta-icons/colour/bgemail.png") no-repeat scroll 0 50% transparent; background-size: 24px;display:block; width: 25px; height: 25px;} .generalFullWidth-content .sys_stafflistsection .sys_email img{display:none;} .generalFullWidth-content #peopleprofile ul.sys_profileContactDetails, .generalFullWidth-content .peopleprofile ul.sys_profileContactDetails {margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #434341;} .generalFullWidth-content #peopleprofile ul.sys_profileContactDetails li, .generalFullWidth-content .peopleprofile ul.sys_profileContactDetails li{margin-left: 0; display:block; clear:both;} .generalFullWidth-content #peopleprofile ul, .generalFullWidth-content .peopleprofile ul{margin-bottom: 1em;} .generalFullWidth-content #peopleprofile li, .generalFullWidth-content .peopleprofile li{margin-left: 0; padding-left:0;} #peopleprofile .sys_vcard ul, .peopleprofile .sys_vcard ul{clear:none; list-style-type:none; margin: 0;} #peopleprofile .sys_vcard ul li#vcard a, .peopleprofile .sys_vcard ul li#vcard a{ background-image: url("/siteelements/images/base/internal/cta-icons/white/bgdownload.png"); font-weight:bold; width: auto; display:inline-block; text-decoration:none; height: auto; clear:both; background-color: var(--globalLightBlue); color: #fff; text-align:left; padding: 12px 60px 12px 8px; background-size: 24px auto; background-position: 94% 50%; background-repeat:no-repeat; margin-bottom: 4px; border-top: 1px solid transparent; border-bottom: 1px solid transparent;} #peopleprofile .sys_vcard ul li#vcard a:hover, .peopleprofile .sys_vcard ul li#vcard a:hover{background-color: #04688a; color: #fff; text-decoration:none;} #peopleprofile ul, .peopleprofile ul{margin: 0; padding-left: 0;} #peopleprofile ul li, .generalFullWidth-content .peopleprofile ul li{list-style-type:none; padding: 0;} #peopleprofile ul li#staffprofile-telephone:before, .peopleprofile ul li.staffprofile-telephone:before {font-weight:bold; content:"Telephone: ";} #peopleprofile ul li#staffprofile-fax:before, .peopleprofile ul li.staffprofile-fax:before {font-weight:bold; content:"Fax: ";} #peopleprofile ul li#staffprofile-email:before, .peopleprofile ul li.staffprofile-email:before {font-weight:bold; content:"Email: ";} h2.sys_publications-title { background: none repeat scroll 0% 0% rgba(0, 0, 0, 0) ! important; float: left; font-size: 1.5em ! important; width: 100%; } .sys_publications-control h1 { clear: both; float: left; width: 100%; } .sys_publications-control h1 a { font-size: 0.7em; } .sys_publications-control .sys_subitem { line-height: 1.5em; margin: 2em 0px; } .sys_publications-control .sys_subitem-heading { clear: both; display: block; margin: 0px ! important; } .sys_publications-control .sys_subitem dt.sys_publications-content, .sys_publications-control .sys_subitem dt.sys_publications-url { display: none; } .generalFullWidth-content .sys_publications-control h3 a:link, .generalFullWidth-content .sys_publications-control h3 a:visited { color: #336699; } .sys_publications-control dd.sys_publications-url { color: green; } .sys_publications-control div.sys_flickrpager { margin-top: 3em; } .sys_publications-control div.sys_noresults { margin-top: 2em; } /* Styles for Mini Templates */ .generalFullWidth-content div.sys_miniTemplateImageLayouts { display:block; width: 100%; margin: 0 0 1em 0; clear: both; float: left;} .generalFullWidth-content div.sys_mt-ImageFloatLeft{} .generalFullWidth-content div.sys_mt-ImageFloatLeft div.sys_mt-left {float:left; margin-right: 1em;} .generalFullWidth-content div.sys_mt-ImageFloatLeft div.sys_mt-left img{margin: 0;} .generalFullWidth-content div.sys_mt-ImageFloatLeft div.sys_mt-left .imgBorder img{margin: 0; border: 4px solid #fff;} .generalFullWidth-content div.sys_mt-ImageFloatLeft div.sys_mt-left .sys_imageCaption{clear:left; margin: 0; padding: 0;} .generalFullWidth-content div.sys_mt-ImageFloatLeft div.sys_mt-right{margin:0 10px 5px 0;} .generalFullWidth-content div.sys_mt-ImageFloatLeft div.sys_mt-right ul, .generalFullWidth-content div.sys_mt-ImageFloatLeft div.sys_mt-right ol{position: relative; left: 1.6em;clear:right;} .generalFullWidth-content div.sys_mt-ImageFloatLeft div.sys_mt-right ul li, .generalFullWidth-content div.sys_mt-ImageFloatLeft div.sys_mt-right ol li{background:none; padding-left: 0;} .generalFullWidth-content div.sys_mt-ImageFloatLeft p.FauxBlockquote {float: left; clear: left; display: block;} .generalFullWidth-content div.sys_mt-ImageFloatRight{} .generalFullWidth-content div.sys_mt-ImageFloatRight div.sys_mt-right {float:right;margin-left: 1em;} .generalFullWidth-content div.sys_mt-ImageFloatRight div.sys_mt-right img{float:left; margin: 0; margin-left: 1em;} .generalFullWidth-content div.sys_mt-ImageFloatRight div.sys_mt-right .imgBorder img{border: 4px solid #fff; } .generalFullWidth-content div.sys_mt-ImageFloatRight div.sys_mt-right .sys_imageCaption{clear:left;margin: 0; padding: 0;} .generalFullWidth-content div.sys_mt-ImageFloatRight div.sys_mt-left{margin:5px 0 5px 0;} /* changed from clear:right to clear:left - ag */ .generalFullWidth-content div.sys_mt-ImageFloatRight div.sys_mt-left ul:not(.sys_minitemplate-atoz), .generalFullWidth-content div.sys_mt-ImageFloatRight div.sys_mt-left ol{position: relative; left: 1.6em;clear:left;} .generalFullWidth-content div.sys_mt-ImageFloatRight div.sys_mt-left ul li, .generalFullWidth-content div.sys_mt-ImageFloatRight div.sys_mt-left ol li{background:none; padding-left: 0;} .generalFullWidth-content div.sys_mt-ImageFloatRight div.sys_mt-left .FauxBlockquote{ clear:left;margin: 0; padding: .5em;} .sys_miniimagelayouts{float: left; display:block; width: 100%; margin: 0 0 1em 0;} .sys_miniimagelayouts img{border: 0;} .sys_minileftcolimages {float: left; width: 18%;} .sys_minirightcoltext{float: left; width: 79%; margin: -4px 0 0 0.5em;} .sys_minileftcoltext{float: left; width: 79%; margin: 0 0.5em 0 0;} .sys_minirightcolimages{float: right; width: 18%;} .sys_miniTemplateImageLayouts{display:block; width: 100%; margin: 0 0 1em 0;} .sys_miniTemplateImageLayouts .sys_ImageFloatLeft img, .sys_miniTemplateImageLayouts .sys_ImageFloatLeft .imgBorder, .sys_miniTemplateImageLayouts .sys_ImageFloatLeft .imgBorder span.sys_holder{float: left; margin: 0 1em 0 0;} .sys_miniTemplateImageLayouts .sys_ImageFloatRight img, .sys_miniTemplateImageLayouts .sys_ImageFloatRight .imgBorder, .sys_miniTemplateImageLayouts .sys_ImageFloatRight .imgBorder span.sys_holder {float: right; margin: 0 0 1em 0;} .sys_miniTemplateImageLayouts .imgBorder img{margin: 0;} .sys_imageCaption { text-align:center; color:#999; } .sys_floatRight30{float:right; width: 30%; margin-left: 1em;} .sys_floatRight40{float:right; width: 40%; margin-left: 1em;} .sys_floatLeft30{float:left; width: 30%; margin-right: 1em;} .sys_floatLeft40{float:left; width: 40%; margin-right: 1em;} .generalFullWidth-content .sys_imageWithHeadingandHoverText{position: relative;} .generalFullWidth-content .sys_imageWithHeadingandHoverText .sys_image{position: absolute; top: 0; left: 0; z-index: 0;width: auto; height: auto;} .generalFullWidth-content .sys_imageWithHeadingandHoverText .sys_image img{float:left; clear:both;} .generalFullWidth-content .sys_imageWithHeadingandHoverText .sys_text {visibility: hidden; padding: 1em .5em; color: #fff; position: relative; left: 0; top: 0; float:left; clear:both; background: url("/SiteElements/Images/Base/Internal/bg-textOverlay-Black.png") repeat 0 0; z-index:1000;} .generalFullWidth-content .sys_imageWithHeadingandHoverText .sys_text a{color: #fff;} .generalFullWidth-content .sys_imageWithHeadingandHoverText .sys_heading{font-size: 0.9em; position: relative; top: 0; left: 0; z-index:1000; background: url("/SiteElements/Images/Base/Internal/bg-textOverlay-Black.png") repeat 0 0; width: 100%; color: #fff;} .generalFullWidth-content .sys_imageWithHeadingandHoverText .sys_heading a{color: #fff;} .generalFullWidth-content .sys_imageWithHeadingandHoverText .sys_heading h2, .generalFullWidth-content .sys_imageWithHeadingandHoverText .sys_heading h1, .generalFullWidth-content .sys_imageWithHeadingandHoverText .sys_heading h3{width: 100%;padding: .5em; margin: 0;} .generalFullWidth-content .sys_imageWithHeadingandHoverText .sys_text p, .generalFullWidth-content .sys_imageWithHeadingandHoverText .sys_text h2, .generalFullWidth-content .sys_imageWithHeadingandHoverText .sys_text h3, .generalFullWidth-content .sys_imageWithHeadingandHoverText .sys_text h4{color: #fff; font-size: 1em; width: 100%;} .generalFullWidth-content .sys_imageWithHeadingandHoverText:hover .sys_text {visibility: visible; left: 0;} .generalFullWidth-content .sys_intro { margin: 0 0 .5em; overflow: hidden;} .generalFullWidth-content .sys_intro h2 { margin: 0 0 1px !important; padding: 0 !important; background: none !important; } .sys_imagefloatleft img{ float: left; border: 0; margin: 0 1em 1em 0;} .sys_imagefloatright img{ float: right; border: 0; margin: 1em 0 1em 0;} .sys_imgLeftNoBorder{float: left; margin-right:1em;} .sysBorderLeft{float: left; margin-right:1em; border: 4px solid #fff;} .sys_imgRightNoBorder{float: right; margin-left:1em; } .imgBorderRight{float: right; margin-left:1em; border: 4px solid #fff;} /* styles for rotating homepage imagery using Generic List Control */ #SchoolHomeImageRotate_List{ min-height: 233px; height: 233px; margin: 0; padding: 0; width: 464px;} #ImageRotateLarge_List{ min-height: 335px; height: 335px; margin: 0; padding: 0; width: 714px;} #ImageRotateLarge_List .sys_subitem-heading, #ImageRotate_List .sys_subitem-heading{display:none;} #SchoolHomeImageRotate_List .sys_generic_list-subheading{display: none;} #SchoolHomeImageRotate_List span.sys_fade1, #SchoolHomeImageRotate_List span.sys_fade2, #SchoolHomeImageRotate_List span.sys_fade3, #SchoolHomeImageRotate_List span.sys_fade4{ display: none; border: 0;} #SchoolHomeImageRotate_List img{ margin: 0; width: 100%; height: 100%; min-height: 100%;} #SchoolHomeImageRotate_List span.sys_holder, #SchoolHomeImageRotate_List span.sys_shadow1, #SchoolHomeImageRotate_List span.sys_shadow2, #SchoolHomeImageRotate_List span.sys_shadow3, #SchoolHomeImageRotate_List span.sys_shadow4{border: 0;} /* reusable classes */ /* .generalFullWidth-content p.highlight { color: #000; } */ .generalFullWidth-content p.moreInfo a { background: url("/SiteElements/Images/Template/Global/bg-moreinfo.png") no-repeat; padding: 0 0 0 16px; } .generalFullWidth-content p.moreInfo a span { position: absolute; top: 0; left: -9999px; } .generalFullWidth-content p.sys_sortBy { border-bottom: 1px solid #e5e5e5; text-align: right; } .generalFullWidth-content p.imgBorder, .generalFullWidth-content div.imgBorder { margin: 1.6em 0; } .generalFullWidth-content p.imgBorderLeft, .generalFullWidth-content div.imgBorderLeft { margin-right: 1em; } .generalFullWidth-content p.imgBorderRight, .generalFullWidth-content div.imgBorderRight { margin-left: 1em; } .generalFullWidth-content .sys_intro { margin: 0 0 .5em; overflow: hidden; } #internal .generalFullWidth-content .sys_intro h2 { margin: 0 0 1px !important; padding: 0 !important; background: none !important; } .generalFullWidth-content .sys_questionBox { clear: both; margin: 0px 0px 40px; padding-top: 33px; } .generalFullWidth-content .sys_questionBoxTop { background: url("/SiteElements/Images/Template/Internal/ProspectiveStudents/bg-questionBoxInner.gif") repeat-x scroll left top #ebebeb; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; margin-bottom: 1px; padding: 5px 0px; position: relative; } .generalFullWidth-content .sys_questionBoxTop img { position: absolute; top: -11px; } .generalFullWidth-content .sys_questionBoxTop p.moreInfo { margin: 0px; padding: 0px 15px 0px 0px; text-align: right; } .generalFullWidth-content .sys_questionBoxTop p.moreInfo a { background-image: url("/SiteElements/Images/Template/Internal/bg-ul.png"); background-position: 0px 0.2em; } .generalFullWidth-content .sys_questionBoxInner { background: url("/SiteElements/Images/Template/Internal/ProspectiveStudents/bg-questionBoxInner.gif") repeat-x scroll left top #ebebeb; border: 1px solid #e5e5e5; padding: 10px 15px; } .generalFullWidth-content .sys_questionBoxInner p { color: #434341; } /* Mini Template - generalPersonalProfile */ .sys_generalPersonProfile{float: left; width: 100%; clear: left; margin-bottom: .5em;} .sys_generalPersonProfileName{font-weight: bold; margin-bottom: .4em;} .sys_generalPersonProfileImage{float: left; width: 110px; height: 140px;} .sys_generalPersonProfileImage .imgBorder{position: relative; top: -16px;} .sys_generalPersonProfileReadFullProfile{float: right; text-align: right; text-decoration:underline; cursor:pointer; background: url("/SiteElements/Images/Base/Internal/bg-downArrowGrey.png") no-repeat center right transparent; padding-right: 12px;} .sys_generalPersonProfileReadFullProfile:hover{ cursor:pointer; color:#000;} .sys_generalPersonProfileHide{float: left; width: 100%;} .sys_showHideAlternative .sys_GenericQuestionShowHide{text-decoration:underline;cursor:pointer; background: url("/siteelements/images/base/internal/bgmore.png") repeat-x left top transparent; text-align:right; width: 686px;padding: 4px 2em 4px 4px; margin: 0;} .sys_showHideAlternative .sys_GenericQuestionShowHide:hover {color: #000;text-decoration:none;cursor:pointer; background-image: url("/siteelements/images/base/internal/bgmoreHover.png"); } .sys_showHideAlternative .sys_GenericAnswerShowHide{padding: 2px 2em 2px 2px; margin: 0; background-color: #eaeae9; } /* show and hide */ .sys_GenericQuestionShowHide, .sys_GenericQuestionShowHideInitialOpen { margin: 0 0 .5625rem 0; border-bottom: 1px solid #CFD3D6; clear: both; display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 1rem 0; cursor: pointer; text-decoration: none; font-family: "Lora", Georgia Bold; font-size: 18px; font-weight: bold; font-style: normal !important; } .sys_GenericQuestionShowHide h1, .sys_GenericQuestionShowHide h2, .sys_GenericQuestionShowHide h3, .sys_GenericQuestionShowHide h4, .sys_GenericQuestionShowHide h5, .sys_GenericQuestionShowHide h6, .sys_GenericQuestionShowHide p, .sys_GenericQuestionShowHide em, .sys_GenericQuestionShowHideInitialOpen h1, .sys_GenericQuestionShowHideInitialOpen h2, .sys_GenericQuestionShowHideInitialOpen h3, .sys_GenericQuestionShowHideInitialOpen h4, .sys_GenericQuestionShowHideInitialOpen h5, .sys_GenericQuestionShowHideInitialOpen h6, .sys_GenericQuestionShowHideInitialOpen p, .sys_GenericQuestionShowHideInitialOpen em { margin: 0 !important; line-height: normal; font-family: "Lora", Georgia Bold; font-size: 18px; font-weight: bold; font-style: normal !important; } .sys_GenericQuestionShowHide.showhideIsClosed, .sys_GenericQuestionShowHide.showhideIsOpen, .sys_GenericQuestionShowHideInitialOpen.showhideIsClosed, .sys_GenericQuestionShowHideInitialOpen.showhideIsOpen { background-image: none !important; } .sys_GenericQuestionShowHide.showhideIsClosed:hover, .sys_GenericQuestionShowHideInitialOpen.showhideIsClosed:hover { border-bottom: 1px solid var(--globalBlue); } .sys_GenericQuestionShowHide:hover + .sys_GenericAnswerShowHide, .sys_GenericQuestionShowHideInitialOpen:hover + .sys_GenericAnswerShowHideInitialOpen { border-bottom: 1px solid var(--globalBlue) !important; } .sys_GenericQuestionShowHide:hover .showHide-icon, .sys_GenericQuestionShowHideInitialOpen:hover .showHide-icon { border: 1px solid var(--globalBlue) !important; } .sys_GenericAnswerShowHide, .sys_GenericAnswerShowHideInitialOpen { border-bottom: 1px solid #CFD3D6; padding: 0.5rem 0rem 1rem 0rem; margin: 0 0 .5625rem 0; } .showhideIsOpen { margin: 0; border-bottom: none; } .showhideIsOpen .showHide-icon { background: url("/SiteElements/Images/Icons/svg/minus-black.svg") transparent no-repeat; width: 44px; min-width: 44px; height: 44px; display: inline-block; background-position-x: center; background-position-y: center; border: 1px solid #cfd3d6; border-radius: 68px; margin-left: 20px; } .showhideIsClosed .showHide-icon { background: url("/SiteElements/Images/Icons/svg/plus-black.svg") transparent no-repeat; width: 44px; min-width: 44px; height: 44px; display: inline-block; background-position-x: center; background-position-y: center; border: 1px solid #cfd3d6; border-radius: 68px; margin-left: 20px; } .sys_GenericQuestionShowHide:hover, .sys_GenericQuestionShowHideInitialOpen:hover, .sys_GenericQuestionShowHide:hover .headingBackground, .sys_GenericQuestionShowHideInitialOpen:hover .headingBackground {text-decoration: none;} .sys_GenericQuestionShowHide p, /* .sys_GenericQuestionShowHideInitialOpen p {margin: 6px 0;} */ /* .sys_GenericQuestionShowHide .headingBackground, .sys_GenericQuestionShowHideInitialOpen .headingBackground {padding: 0; background:none!important; color: #2d2d2d!important;} */ .sys_GenericQuestionShowHide ul, .sys_GenericQuestionShowHide li, .sys_GenericQuestionShowHideInitialOpen ul, .sys_GenericQuestionShowHideInitialOpen li { list-style-type:none; padding: 0; margin: 0; } /* .sys_GenericAnswerShowHide .sys_GenericQuestionShowHide {padding: .875rem 2.275rem .875rem .875rem;} .sys_GenericAnswerShowHide .sys_GenericQuestionShowHide {background-position:top 50% right .875rem;} */ /* show hide style fixes for blue background */ div.container-blue-bg .sys_GenericQuestionShowHide.showhideIsClosed, div.container-blue-bg .sys_GenericQuestionShowHide.showhideIsOpen, div.container-blue-bg .sys_GenericQuestionShowHideInitialOpen.showhideIsClosed, div.container-blue-bg .sys_GenericQuestionShowHideInitialOpen.showhideIsOpen {color: white; background-color: transparent;} div.container-blue-bg .sys_GenericAnswerShowHide, div.container-blue-bg .sys_GenericQuestionShowHideInitialOpen {color: white;} div.container-blue-bg .sys_GenericQuestionShowHide.showhideIsClosed:hover, div.container-blue-bg .sys_GenericQuestionShowHideInitialOpen.showhideIsClosed:hover { border-bottom: 1px solid white; } div.container-blue-bg .sys_GenericQuestionShowHide:hover + .sys_GenericAnswerShowHide, div.container-blue-bg .sys_GenericQuestionShowHideInitialOpen:hover + .sys_GenericAnswerShowHideInitialOpen { border-bottom: 1px solid white !important; } div.container-blue-bg .sys_GenericQuestionShowHide:hover .showHide-icon, div.container-blue-bg .sys_GenericQuestionShowHideInitialOpen:hover .showHide-icon { border: 1px solid white !important; } div.container-blue-bg .showHide-icon { background-color: white; } /* show and hide fixes for solid blue background box */ div.sys_solid-blue-background-box .sys_GenericQuestionShowHide.showhideIsClosed, div.sys_solid-blue-background-box .sys_GenericQuestionShowHide.showhideIsOpen, div.sys_solid-blue-background-box .sys_GenericQuestionShowHideInitialOpen.showhideIsClosed, div.sys_solid-blue-background-box .sys_GenericQuestionShowHideInitialOpen.showhideIsOpen {color: white; background-color: transparent;} div.sys_solid-blue-background-box .sys_GenericAnswerShowHide, div.sys_solid-blue-background-box .sys_GenericQuestionShowHideInitialOpen {color: white;} div.sys_solid-blue-background-box .sys_GenericQuestionShowHide.showhideIsClosed:hover, div.sys_solid-blue-background-box .sys_GenericQuestionShowHideInitialOpen.showhideIsClosed:hover { border-bottom: 1px solid white; } div.sys_solid-blue-background-box .sys_GenericQuestionShowHide:hover + .sys_GenericAnswerShowHide, div.sys_solid-blue-background-box .sys_GenericQuestionShowHideInitialOpen:hover + .sys_GenericAnswerShowHideInitialOpen { border-bottom: 1px solid white !important; } div.sys_solid-blue-background-box .sys_GenericQuestionShowHide:hover .showHide-icon, div.sys_solid-blue-background-box .sys_GenericQuestionShowHideInitialOpen:hover .showHide-icon { border: 1px solid white !important; } div.sys_solid-blue-background-box .showHide-icon { background-color: white; } /* Student Profile / Quote */ .sys_StudentProfileQuote {float:left;border: 1px dotted #ACA99C; background-color: #fff;} .sys_StudentProfileQuote .sys_SPQtop {display:none;} .sys_StudentProfileQuote .sys_SPQleft {float: left; margin-right: 1em;} .generalFullWidth-content .sys_StudentProfileQuote .sys_SPQleft .imgBorder{margin: 0;} .sys_StudentProfileQuote .sys_SPQmiddle {float: left; display: block; padding: 1em;} .sys_StudentProfileQuote .sys_SPQright {} .sys_StudentProfileQuote .sys_SPQbottom { display:none;} .sys_StudentProfileQuote .sys_SPQname {font-weight:bold; } .sys_StudentProfileQuote .sys_SPQsubject{margin-bottom: 10px; } .sys_StudentProfileQuote .sys_SPQlink a:hover {text-decoration:underline; } .sys_StudentProfileQuote .sys_StudentProfileQuote .sys_bl {} .sys_StudentProfileQuote .sys_StudentProfileQuote .sys_br {} .sys_StudentProfileQuote .sys_StudentProfileQuote .sys_tl {} .sys_StudentProfileQuote .sys_StudentProfileQuote .sys_tr {} .js #internal .generalFullWidth-content .sys_StudentProfileQuote .sys_SPQleft {position: relative; top:0; left:0; } /* blog styles added by ulzgw 30/11/2010 */ #BlogList_List{} #BlogList_List .sys_subitem{width: 100%;padding-bottom: 1em;margin-bottom: 1em;border-bottom: 1px dotted #ACA99C;} #BlogList_List .sys_subitem-heading {width: 100%; float:left; clear:both;margin: 0; text-decoration:underline; padding: .3em 0;} #BlogList_List .sys_subitem-summary{} #BlogList_List dt.sys_blogs-comments, #BlogList_List dt.sys_blogs-datepublished, #BlogList_List dt.sys_blogs-author, #BlogList_List dt.sys_clickabletaglist, #BlogList_List dd.sys_blogs-comments, #BlogList_List dd.sys_clickabletaglist{display:none;} #BlogList_List dd.sys_blogs-datepublished, #BlogList_List dd.sys_blogs-author, #BlogList_List dd.sys_clickabletaglist{} /* twitter feed */ #twitter_div{width: 100%;clear:both; float:left;} #twitter_div h2{display:none;} #twitter_update_list{margin: 0;padding: 0;width: 100%;} #twitter_update_list p{float:left; padding: 0; list-style-type:none; background:none;margin: .5em 0;clear:both;width: 100%;} #twitter_update_list p span{float:left;clear:both;} #twitter_update_list p a{float:right;text-align:right;clear:both;} #twitter_update_list p span.twitterTime{float:left;text-align:left; font-size: 0.8em;width: 100%;} #twitter_div a#twitter-link{text-decoration:none;font-size: 0.9em;float:left;display:block;text-align: right;border-top: 1px solid #efefef; padding: 0;} #twitter_div a#twitter-link:hover{text-decoration:none;color: #000;} #twitter_div a#twitter-link img{border: 0;} #GenericListNoTitle_List .sys_subitem-heading {display: none;} #GenericListWithScroll_List, #GenericListWithScrollTwo_List { font-size: 0.9em; height: 210px; overflow-y: scroll; } .sys_socialNetworkingIcons{padding: 0;} #bottom .sys_socialNetworkingIcons{border: 2px solid #434341; background-color: #fff;} .sys_imageslideshowgallery-control { background-color: #000000; position: relative; } .sys_imageslideshowgallery-container { background: none repeat scroll 0% 0% #434341; padding: 5px; position: relative; } .sys_imageslideshowgallery-fullimagecontainer { margin: auto; } .sys_imageslideshowgallery-description { background: url("https://www.nottingham.ac.uk/aspnet_client/ContensisThemes/simple/Common/Imgs/Slideshow/OverlayBg.png") repeat scroll 0px 0px transparent; bottom: 5px; color: #ffffff; display: none; height: 22px; left: 5px; margin: 0px; padding: 0px 15px 2px; position: absolute; text-align: left; width: 645px; z-index: 1; } .sys_imageslideshowgallery-title, .sys_imageslideshowgallery-caption { background: url("https://www.nottingham.ac.uk/aspnet_client/ContensisThemes/simple/Common/Imgs/Slideshow/OverlayBg.png") repeat scroll 0px 0px transparent; bottom: 5px; color: #ffffff; font-weight: 700; height: 20px; left: 5px; margin: 0px; padding: 4px 15px; position: absolute; text-align: left; width: 645px; z-index: 1; } .sys_imageslideshownav-control { height: 62px ! important; margin: 0px 0px 0px 60px; padding: 5px 0px; } #ImageSlideshowGallery_Gallery_List ul { list-style-type: none; margin: 0px; padding: 0px; } #ImageSlideshowGallery_Gallery_List ul:after { clear: both; content: "."; display: block; height: 0px; visibility: hidden; } #ImageSlideshowGallery_Gallery_List ul li { clear: none ! important; float: left ! important; list-style-type: none; text-align: center; } #ImageSlideshowGallery_Gallery_List ul li a { border: 2px solid #ffffff ! important; display: block; float: left; } #ImageSlideshowGallery_Gallery_List ul li img { border: medium none ! important; } #ImageSlideshowGallery_Gallery_List ul li a:hover { border-color: #666666 ! important; } .sys_imageslideshowgallery-control a.sys_imagegallery-prev, .sys_imageslideshowgallery-control a.sys_imagegallery-next { background-image: url("https://www.nottingham.ac.uk/aspnet_client/ContensisThemes/simple/Common/Imgs/Slideshow/Prev.gif"); background-position: 50% 50%; background-repeat: no-repeat; bottom: 5px; display: block; height: 50px; margin: 5px 0px; overflow: hidden; position: absolute; text-indent: -999px; width: 60px; z-index: 1000; } .sys_imageslideshowgallery-control a.sys_imagegallery-prev { left: 0px; } .sys_imageslideshowgallery-control a.sys_imagegallery-prev:hover { background-image: url("https://www.nottingham.ac.uk/aspnet_client/ContensisThemes/simple/Common/Imgs/Slideshow/PrevHvr.gif"); } .sys_imageslideshowgallery-control a.sys_imagegallery-next { background-image: url("https://www.nottingham.ac.uk/aspnet_client/ContensisThemes/simple/Common/Imgs/Slideshow/Next.gif"); background-position: 47% 50%; right: 0px; } .generalFullWidth-content .sys_boxWithGreyBackground .sys_imageWithHeading .sys_H2-image-208px-left h2, .generalFullWidth-content .sys_boxWithGreyBackground .sys_imageWithHeading .sys_H3-image-208px-left h3 { left: 0px ! important; top: 0px; } .sys_video-box-preset { background-color: #666666; color: #ffffff; font-size: 0.9em; height: 274px; position: relative; } .sys_video-box-preset p.sys_videoIntroduction { padding: 5px; } .sys_video-box-preset a { color: #ffffff; } .sys_video-box-preset div.sys_virtualTours { position: absolute; top: 206px; } .sys_video-box-preset h3 { border-top: 1px solid #999999; padding: 2px 0px 2px 5px; position: absolute; top: 234px; width: 211px; } .sys_video-box-preset ul.sys_ugpg { margin: 0px; padding: 5px; position: absolute; top: 248px; } .sys_video-box-preset ul.sys_ugpg li { clear: none; float: left; list-style-type: none; margin-left: 0.6em; padding-right: 0.6em; } .sys_video-box-preset ul.sys_ugpg li:first-child { border-right: 1px solid #999999; margin: 0px; } .sys_video-box-preset div.sys_virtualTours select { margin: 0px; width: 206px; } .sys_video-box-preset .sys_thumbnail { background-color: #4f4f4f; border: 6px solid #666666; height: 144px; width: 206px; } .sys_video-box-preset .sys_video-title { background: url("/SiteElements/Images/Base/Internal/bg-textOverlay-darkGrey.png") repeat scroll 0px 0px transparent; color: #ffffff; display: inline; font-size: 1.4em ! important; font-weight: normal; left: 6px; padding: 0px 4px 3px; position: absolute; top: 6px; z-index: 20; } /* width: 100%; (Disabled for chatbot on 25/06/24) */ iframe { z-index: 500; border:none; max-width: 100%; } .sys_connect .sys_H2-image-165px-left h2 { background: url("/SiteElements/Images/Base/Internal/bg-textOverlay-darkGrey.png") repeat scroll 0px 0px #666666; left: 5px ! important; top: 5px; } .sys_connect .sys_H2-image-165px-left { position: relative; } .sys_connect .sys_H2-image-165px-left p { color: #ffffff; font-size: 1em; left: 10px; position: absolute; top: 40px; } .sys_connect .sys_H2-image-208px-left h2 { background: url("/SiteElements/Images/Base/Internal/bg-textOverlay-darkGrey.png") repeat scroll 0px 0px #666666; } .sys_connect .sys_H2-image-208px-left { position: relative; } .sys_connect .sys_H2-image-208px-left p { color: #ffffff; font-size: 1em; left: 10px; position: absolute; top: 40px; } a.social-button, #googleplusone { float: left; padding: 0px 3px; } #googleplusone { display: inline; } .generalFullWidth-content .sys_tweets { list-style: none outside none; margin: 0px; } .generalFullWidth-content .sys_tweets li { border-bottom: 1px solid #dddddd; margin-bottom: 1em; padding-bottom: 2.3em; } .generalFullWidth-content .sys_tweets li span.created { color: #888888; display: block; float: right; margin-top: 0.3em; } .sys_addcomments-row { margin: 5px 0px; } .sys_addcomments-row label { display: inline-block; width: 160px; } #Comments_AddComment_ValidationSummary h2 { color: red; font-size: 1em; font-weight: bold; margin: 5px 0px; } #Comments_Container { clear: both; float: left; width: 100%; } #Comments_Container .sys_comments-title { border-top: 1px dashed #efefef; clear: both; float: left; font-weight: bold; padding: 0.5em 0px; width: 100%; } #Comments_Container .sys_datarepeatercontrol { clear: both; float: left; width: 100%; } #Comments_Container ul.sys_itemslist { list-style-type: none; margin: 0.5em 0px; } #Comments_Container .sys_comment-userprofile { display: none; } #Comments_Container .sys_comment-number { display: none; } #Comments_Container .sys_add-your-comment { border-top: 1px dashed #efefef; clear: both; float: left; width: 100%; } #Comments_Container .sys_addcomments-title { font-weight: bold; padding: 0.5em 0px; } #Comments_Container .sys_addcomments-url { display: none; } /* form styling for new form control - ulzgw 01-06-2017 */ .generalFullWidth-content .sys_cms-form-control *{font-family: inherit; font-size: inherit;} .generalFullWidth-content .sys_cms-form-control ul{padding: 0;} .generalFullWidth-content .sys_cms-form-control.sys_labels-top fieldset legend{margin-bottom: 6px; padding: 0;width: 100%;float:left; clear:both;} .generalFullWidth-content .sys_cms-form-control.sys_labels-top fieldset legend span{position: relative; width: 100%;padding: 6px;margin: 0;} .generalFullWidth-content .sys_cms-form-control.sys_labels-left fieldset legend{width: 31%;float:left; clear:none;} .generalFullWidth-content .sys_cms-form-control.sys_labels-left fieldset legend span{position: relative; width: 100%;margin: 0; padding: 0;} .generalFullWidth-content .sys_cms-form-control .sys_cms-form-item {position:relative;} .generalFullWidth-content .sys_cms-form-control .sys_instructions{position:absolute; right: 0; bottom: 0; width: 30%; z-index: 100; display:block;border: 1px solid #434341;padding: 12px; background: #eee;} .generalFullWidth-content .sys_cms-form-control .sys_sectionbreak-header{font-size: 2em!important; color: #005597;} /*.generalFullWidth-content .sys_cms-form-control .sys_sectionbreak-text a{color: #fff;} .generalFullWidth-content .sys_cms-form-control .sys_sectionbreak-text a:hover{color: #fff; text-decoration:none;}*/ .generalFullWidth-content .sys_cms-form-control ul.sys_cms-form-body{margin: 0;} .generalFullWidth-content .sys_cms-form-control fieldset{padding: 0;margin: 0; border:none;} .generalFullWidth-content .sys_cms-form-control .sys_cms-form-validationsummary{padding: .3em; border:2px solid #cc0000; margin: 1em 0 0 0; background-color: #fbe5e5; color: #000;} .generalFullWidth-content .sys_cms-form-control .sys_cms-form-validationsummary li{margin: .3em 0;color: #000;} .generalFullWidth-content .sys_cms-form-control .sys_twocolumns .sys_boxclearer {width: 45%;} .generalFullWidth-content .sys_cms-form-control .sys_legend{padding-top:10px; padding-bottom:10px;} .generalFullWidth-content .sys_cms-form-control ul li {list-style-type: disc; padding-top:15px;} .generalFullWidth-content .sys_cms-form-control ol li {list-style-type: decimal;} .generalFullWidth-content .sys_cms-form-control .sys_cms-form-body li{list-style-type:none; margin-left: 0; padding-left: 0;} .generalFullWidth-content .sys_cms-form-control label, .generalFullWidth-content .sys_cms-form-control input, .generalFullWidth-content .sys_cms-form-control select, .generalFullWidth-content .sys_cms-form-control textarea{font-family:verdana; margin: 0;} .generalFullWidth-content .sys_cms-form-control input, .generalFullWidth-content .sys_cms-form-control select, .generalFullWidth-content .sys_cms-form-control textarea{padding: 10px; border-color: #434341; color: #434341;} .generalFullWidth-content .sys_cms-form-control textarea{margin: 0; width: 370px;} .generalFullWidth-content .sys_cms-form-body .sys_namesubelement {margin: 0 6% 0 0; width: 45%;} .generalFullWidth-content .sys_cms-form-control .sys_fieldcontent span label{margin-left: .5em;} .generalFullWidth-content .sys_cms-form-control .sys_buttons button{font-size: 1.5em;padding: 14px 22px;background-color: #005597; color: #fff;cursor:pointer;border: none;} .generalFullWidth-content .sys_cms-form-control .sys_buttons button:hover{background-color: #000;} .generalFullWidth-content .sys_cms-form-control .sys_radio span input, .generalFullWidth-content .sys_cms-form-control .sys_checkbox span input{margin-top: 2px;float:left; clear:none;} .generalFullWidth-content .sys_cms-form-control .sys_radio span label, .generalFullWidth-content .sys_cms-form-control .sys_checkbox span label{float:left; clear:none;padding: 0;} .generalFullWidth-content .sys_cms-form-control.sys_labels-left .sys_fieldcontent{padding: 0;} .generalFullWidth-content .sys_cms-form-control.sys_labels-left .sys_fieldlabel{left: 0;padding: 0;} .generalFullWidth-content .sys_cms-form-control.sys_labels-left input{width: 100%; padding-right: 3%; padding-left: 3%;} .generalFullWidth-content .sys_cms-form-control.sys_labels-left textarea{width: 100%;padding-right: 3%; padding-left: 3%;} /* Emergency form fixes - ulzag 13/06/17 */ .generalFullWidth-content .sys_cms-form-control ul.sys_cms-form-body {max-width: 100%; width: 100%;} #ui-datepicker-div {background-color: #efefef; border: 1px solid #434341; padding: 10px;} .ui-datepicker-calendar td {padding: 5px;} .ui-datepicker-title {font-weight: bold; margin: 5px;} .ui-datepicker-header a {margin: 0 5px;} #blogRecord .sys_blogs-record { margin-bottom: 15px; } #blogRecord .sys_comment-userprofile { display: none; } #blogRecord .sys_itemslist { list-style: none outside none; margin: 0px; } /* generic image layout styles ulzgw 0306-2017 */ .generalFullWidth-content .sys_imageWithTextOverlay, .generalFullWidth-content .sys_imageWithHoverText, .generalFullWidth-content .sys_imageWithCaptionBelow, .generalFullWidth-content .sys_image-with-heading{margin-bottom: 3px;position:relative;float:left; width: auto;} .generalFullWidth-content .sys_image-with-heading .sys_image {font-size: 2em; color: #000;} .generalFullWidth-content .sys_imageWithTextOverlay .sys_textOverlay, .generalFullWidth-content .sys_imageWithHoverThumbnail span, .generalFullWidth-content .sys_image-with-heading .sys_textoverlay{z-index:100;color: #fff; background: url("/SiteElements/Images/Base/Internal/bg-textOverlay-blue5.png") repeat 0 0; position: absolute; color: #fff; padding: 10px; left:0; right: auto; bottom:0;} .generalFullWidth-content .sys_imageWithTextOverlay .sys_textOverlay a, .generalFullWidth-content .sys_imageWithHoverThumbnail span a, .generalFullWidth-content .sys_image-with-heading .sys_textoverlay a{color: #fff;} .generalFullWidth-content .sys_imageWithTextOverlay .sys_textOverlay a:hover, .generalFullWidth-content .sys_imageWithHoverThumbnail span a:hover, .generalFullWidth-content .sys_image-with-heading .sys_textoverlay a:hover{text-decoration:none; color: #fff;} .generalFullWidth-content .sys_imageWithTextOverlay .sys_textOverlay h2 {font-size: 1.2em; margin: 0px ! important;} /* mini template image with text overlay ulzgw 07-06-2017 */ .generalFullWidth-content .sys_imageWithTextOverlay .sys_textOverlay div {padding: 4px 0;} .generalFullWidth-content .sys_imageWithTextOverlay p{margin: 0;} .generalFullWidth-content .sys_imageWithTextOverlay .sys_textOverlay p{margin-bottom: 6px;} .generalFullWidth-content .sys_imageWithTextOverlay .sys_textOverlay p, .generalFullWidth-content .sys_imageWithTextOverlay .sys_textOverlay h2, .generalFullWidth-content .sys_imageWithTextOverlay .sys_textOverlay h3, .generalFullWidth-content .sys_imageWithTextOverlay .sys_textOverlay h4{color: #fff; font-weight:normal;} .generalFullWidth-content .sys_imageWithTextOverlay .sys_textOverlay a:link, .generalFullWidth-content .sys_imageWithTextOverlay .sys_textOverlay a:visited{color: #fff;} .generalFullWidth-content .sys_imageWithTextOverlay .sys_textOverlay a:hover {text-decoration: none;} .generalFullWidth-content .sys_imageWithTextOverlay .sys_textOverlay h2{font-size: 1.2em; margin: 0!important;} /* mini template image with hover text overlay ulzgw 23-03-2012 */ .generalFullWidth-content .sys_imageWithHoverThumbnail span{visibility: hidden;} .generalFullWidth-content .sys_imageWithHoverThumbnail span p, .generalFullWidth-content .sys_imageWithHoverThumbnail span h2, .generalFullWidth-content .sys_imageWithHoverThumbnail span h3, .generalFullWidth-content .sys_imageWithHoverThumbnail span h4{margin: 0!important; color: #fff; font-size: 1em!important;} .generalFullWidth-content .sys_imageWithHoverText:hover span{visibility: visible; left: 0px; z-index: 50;} /* mini template image with caption below ulzgw 23-03-2012 */ .generalFullWidth-content .sys_imageWithCaptionBelow .sys_imagePosition{float: left; width: 100%;} .generalFullWidth-content .sys_imageWithCaptionBelow .sys_imageCaption {position: relative;} .generalFullWidth-content .sys_imageWithCaptionBelow .sys_imageCaption div {padding: 0;} .generalFullWidth-content .sys_imageWithCaptionBelow .sys_imageCaption p{margin: 0; padding: 0; clear: both;} /* Image heading with image style - generic mini template for all headings over images of all sizes - 25/05/2018 */ .generalFullWidth-content .sys_imageWithHeading{z-index:10; margin-bottom: 2em;} .generalFullWidth-content .sys_image-with-heading, .generalFullWidth-content .sys_image-with-heading a{color: #fff;} .generalFullWidth-content .sys_image-with-heading .sys_image {position: relative;} .generalFullWidth-content .sys_two_3070 .sys_image-with-heading .sys_image, .generalFullWidth-content .sys_one_7030 .sys_image-with-heading .sys_image{min-height: 90px;} .generalFullWidth-content .sys_image-with-heading .sys_heading{color: #fff; background: url("/siteelements/images/base/internal/bg-textoverlay-blue5.png") repeat 0 0; position: absolute; text-align: right; right:0; width: auto; top:0;z-index:100;} .generalFullWidth-content .sys_image-with-heading .sys_twolines{background-image: none;} .generalFullWidth-content .sys_image-with-heading .sys_twolines .sys_heading1stline{background-image: url("/siteelements/images/base/internal/bg-textoverlay-blue5.png");margin-bottom: .3em; padding: 6px; } .generalFullWidth-content .sys_image-with-heading .sys_twolines .sys_heading2ndline{background-image: url("/siteelements/images/base/internal/bg-textoverlay-blue2.png");position: absolute; right: 0;padding: 6px; } .generalFullWidth-content .sys_image-with-heading .sys_heading h1{padding: 6px; margin: 0;} .generalFullWidth-content .sys_image-with-heading .sys_heading h1 a{padding: 6px; margin: 0;} .generalFullWidth-content .sys_image-with-heading .sys_heading h2{padding: 6px; margin: 0;} .generalFullWidth-content .sys_image-with-heading .sys_heading h2 a{padding: 6px; margin: 0;} .generalFullWidth-content .sys_image-with-heading .sys_heading h3{padding: 6px; margin: 0;} .generalFullWidth-content .sys_image-with-heading .sys_heading h3 a{padding: 6px; margin: 0;} .generalFullWidth-content .sys_image-with-heading .sys_heading h4{padding: 6px; margin: 0;} .generalFullWidth-content .sys_image-with-heading .sys_heading h4 a{padding: 6px; margin: 0;} .generalFullWidth-content .sys_image-with-heading .sys_heading h5{padding: 6px; margin: 0;} .generalFullWidth-content .sys_image-with-heading .sys_heading h5 a{padding: 6px; margin: 0;} .generalFullWidth-content .sys_image-with-heading .sys_heading.sys_left{right: auto; text-align:left;} .generalFullWidth-content .sys_threeColumns .sys_image-with-heading .sys_heading h1, .generalFullWidth-content .sys_fourColumns .sys_image-with-heading .sys_heading h1, .generalFullWidth-content .sys_fiveColumns .sys_image-with-heading .sys_heading h1, .generalFullWidth-content .sys_twoColumns_3070 .sys_twoColumns .sys_image-with-heading .sys_heading h1, .generalFullWidth-content .sys_twoColumns_3070 .sys_twoColumns5050 .sys_image-with-heading .sys_heading h1, .generalFullWidth-content .sys_twoColumns_7030 .sys_twoColumns .sys_image-with-heading .sys_heading h1, .generalFullWidth-content .sys_twoColumns_7030 .sys_twoColumns5050 .sys_image-with-heading .sys_heading h1{font-size: 1.5em;} .generalFullWidth-content .sys_threeColumns .sys_image-with-heading .sys_heading h2, .generalFullWidth-content .sys_sys_fourColumns .sys_image-with-heading .sys_heading h2, .generalFullWidth-content .sys_sys_fiveColumns .sys_image-with-heading .sys_heading h2, .generalFullWidth-content .sys_one_3070 .sys_image-with-heading .sys_heading h2, .generalFullWidth-content .sys_two_7030 .sys_image-with-heading .sys_heading h2, .generalFullWidth-content .sys_twoColumns_3070 .sys_twoColumns .sys_image-with-heading .sys_heading h2, .generalFullWidth-content .sys_twoColumns_3070 .sys_twoColumns5050 .sys_image-with-heading .sys_heading h2, .generalFullWidth-content .sys_twoColumns_7030 .sys_twoColumns .sys_image-with-heading .sys_heading h2, .generalFullWidth-content .sys_twoColumns_7030 .sys_twoColumns5050 .sys_image-with-heading .sys_heading h2, .generalFullWidth-content .sys_fourColumns .sys_image-with-heading .sys_heading h2, .generalFullWidth-content .sys_fiveColumns .sys_image-with-heading .sys_heading h2, .generalFullWidth-content .sys_fiveColumns .sys_image-with-heading .sys_heading h1, .generalFullWidth-content .sys_fourColumns .sys_image-with-heading .sys_heading h1{font-size: 1.2em;} .generalFullWidth-content .sys_threeColumns .sys_image-with-heading .sys_heading h1 a, .generalFullWidth-content .sys_sys_fourColumns .sys_image-with-heading .sys_heading h1 a, .generalFullWidth-content .sys_sys_fiveColumns .sys_image-with-heading .sys_heading h1 a, .generalFullWidth-content .sys_twoColumns_3070 .sys_twoColumns .sys_image-with-heading .sys_heading h1 a, .generalFullWidth-content .sys_twoColumns_3070 .sys_twoColumns5050 .sys_image-with-heading .sys_heading h1 a, .generalFullWidth-content .sys_twoColumns_7030 .sys_twoColumns .sys_image-with-heading .sys_heading h1 a, .generalFullWidth-content .sys_twoColumns_7030 .sys_twoColumns5050 .sys_image-with-heading .sys_heading h1 a{font-size: 1.2em;} .generalFullWidth-content .sys_image-with-heading .sys_heading h1, .generalFullWidth-content .sys_image-with-heading .sys_heading h2, .generalFullWidth-content .sys_image-with-heading .sys_heading h3, .generalFullWidth-content .sys_image-with-heading .sys_heading h4, .generalFullWidth-content .sys_image-with-heading .sys_heading h5{z-index: 5; font-weight:normal; color: #fff; padding: 6px; margin: 0;} .generalFullWidth-content .sys_image-with-heading .sys_heading h1 a, .generalFullWidth-content .sys_image-with-heading .sys_heading h2 a, .generalFullWidth-content .sys_image-with-heading .sys_heading h3 a, .generalFullWidth-content .sys_image-with-heading .sys_heading h4 a, .generalFullWidth-content .sys_image-with-heading .sys_heading h5 a{text-decoration: underline; color: #fff;} .generalFullWidth-content .sys_image-with-heading .sys_heading a{display:block;} .generalFullWidth-content .sys_image-with-heading .sys_heading a:hover{text-decoration:none;} .sys_image-with-heading #FolderImagesBanner_bannerwrapper { width: 714px; } .sys_ fullWidth .sys_image-with-heading #FolderImagesBanner_bannerwrapper { width: 920px; } .sys_twoColumns_3070 .sys_two_3070 .sys_image-with-heading #FolderImagesBanner_bannerwrapper, .sys_twoColumns_7030 .sys_one_7030 .sys_image-with-heading #FolderImagesBanner_bannerwrapper { width: 466px; } .generalFullWidth-content .imgBorderRight .sys_subalternatingitem, .generalFullWidth-content .imgBorderRight .sys_subitem { background: none repeat scroll 0% 0% transparent; border: medium none; margin: 0px; padding: 0px; } .generalFullWidth-content .sys_boxWithGreyBackground .sys_subitem { border-bottom: 1px dashed #999999; padding: 0.5em 0px; } .generalFullWidth-content .sys_boxWithGreyBackground .sys_subitem:first-child { padding-top: 0px; } .generalFullWidth-content .sys_boxWithGreyBackground .sys_subitem:last-child { border: 0px none; } .generalFullWidth-content .sys_boxWithGreyBackground .sys_subalternatingitem { background: none repeat scroll 0% 0% transparent; border-bottom: 1px dashed #999999; border-top: medium none; padding: 0px; } .generalFullWidth-content .sys_boxWithGreyBackground .sys_subitem .sys_subitem-summary dd.sys_events-date, .generalFullWidth-content .sys_boxWithGreyBackground .sys_subitem .sys_subitem-summary dd.sys_news-datepublished, .generalFullWidth-content .sys_boxWithGreyBackground .sys_subitem .sys_subitem-summary dd.sys_events-time, .generalFullWidth-content .sys_boxWithGreyBackground .sys_subitem .sys_subitem-summary dd.sys_events-location, .generalFullWidth-content .sys_boxWithGreyBackground .sys_subitem dd.sys_generic_list-releasedate, .generalFullWidth-content .sys_boxWithGreyBackground .sys_subitem .sys_subitem-summary dd.sys_events-description, .generalFullWidth-content .sys_boxWithGreyBackground .sys_subitem .sys_subitem-summary dd.sys_news-description, .generalFullWidth-content .sys_boxWithGreyBackground .sys_subitem .sys_subitem-heading a, .generalFullWidth-content .sys_boxWithGreyBackground .sys_subitem .sys_events-subheading a, .generalFullWidth-content .sys_boxWithGreyBackground .sys_subitem .sys_news-subheading a, .generalFullWidth-content .sys_boxWithGreyBackground .sys_generic_list-description { color: #ffffff; font-weight: normal; } .generalFullWidth-content .sys_boxWithGreyBackground .sys_subitem .sys_subitem-heading a, .generalFullWidth-content .sys_boxWithGreyBackground .sys_subitem .sys_events-subheading a, .generalFullWidth-content .sys_boxWithGreyBackground .sys_subitem .sys_news-subheading a, .generalFullWidth-content .sys_boxWithGreyBackground .sys_subitem .sys_generic_list-subheading a { color: #ffffff ! important; font-weight: normal; } .generalFullWidth-content .sys_boxWithGreyBackground .sys_subitem a:hover { color: #efefef ! important; text-decoration: none ! important; } .generalFullWidth-content .sys_boxWithGreyBackground .sys_subitem .sys_events-subheading a { font-size: 0.85em; } #mainEvents{margin-bottom: .5em;} .generalFullWidth-content .sys_events-tools-control {text-align:right;margin-bottom: .5em;} .generalFullWidth-content .sys_events .sys_events-tabs-control ul li {list-style-type:none;} .generalFullWidth-content .sys_events .sys_search-options {background-color: var(--globalLightBlue); color: #fff; padding: 12px; margin-bottom: 1em;} .generalFullWidth-content .sys_events .sys_search-options .sys_button-row input:hover{background: #000; border-color: #000;} .generalFullWidth-content .sys_events-tabs-control{float:left; margin-bottom: 1em; width: 100%; background: #fff;} .generalFullWidth-content .sys_events-tabs-control li a{background: var(--globalBlue); color: #fff;} .generalFullWidth-content .sys_events-tabs-control li.sys_selected a, .generalFullWidth-content .sys_events-tabs-control li a:hover{background: var(--globalLightBlue)!important;color: #fff;} .generalFullWidth-content .sys_events .sys_search-options label{display:block; color: #fff; margin-bottom: 4px; font-weight:bold;} .generalFullWidth-content .sys_events .sys_search-options .sys_keywords-row label{display:none;} .generalFullWidth-content .sys_events .sys_search-options .sys_keywords-row {float:left; width: 100%; padding: 0; margin: 0 0 4px 0;} .generalFullWidth-content .sys_events .sys_search-options .sys_datefrom-row, .generalFullWidth-content .sys_events .sys_search-options .sys_dateto-row{cursor:pointer; width: 50%; display:inline-block; padding: 0; margin: 10px 0 0 0; } .generalFullWidth-content .sys_events .sys_search-options .sys_button-row{width: 100%; padding: 7px 0 0 0;} .generalFullWidth-content .sys_events .sys_search-options .sys_datefrom-row input:hover, .generalFullWidth-content .sys_events .sys_search-options .sys_dateto-row input:hover{background-color: #fff;} .generalFullWidth-content .sys_events .sys_search-options .sys_datefrom-row label, .generalFullWidth-content .sys_events .sys_search-options .sys_dateto-row label{padding: 8px 0; width: auto; float:left; margin-right: 8px;} .generalFullWidth-content .sys_events .sys_search-options .sys_keywords-row input{width: 96%; border: none; padding: 22px 2%;} .generalFullWidth-content .sys_events .sys_search-options .sys_datefrom-row input, .generalFullWidth-content .sys_events .sys_search-options .sys_dateto-row input{float:left; color: var(--globalBlue);width: 40%; font-weight:bold; border: none; padding: 8px 8px 8px 32px; background: #fff url("/siteelements/images/base/internal/cta-icons/colour/bgeventscalendar.png") no-repeat left 6px top 50%; background-size: 20px;} .generalFullWidth-content .sys_events .sys_search-options .sys_button-row input{padding: 12px 2%;} .generalFullWidth-content .sys_events .sys_search-options div {margin: 0px;} .generalFullWidth-content .sys_events .sys_search-options div div {margin: 0px;} .generalFullWidth-content .sys_events .sys_datarepeatercontrol {margin-top: 2em; float: left; width: 100%;} .generalFullWidth-content .sys_events div.sys_events-tools-control a {color: #000;} .generalFullWidth-content .sys_events .sys_button-subscribe-rss { background: url("/SiteElements/Images/Icons/iconfeed12x12.png") no-repeat scroll left center transparent; display: inline; margin-right: 1em; padding-left: 16px; } .generalFullWidth-content .sys_events .sys_button-subscribe-atom { background: url("/SiteElements/Images/Icons/iconfeedAtom12x12.png") no-repeat scroll left center transparent; display: inline; padding-left: 16px; } .generalFullWidth-content .sys_events .sys_button-subscribe-calendar { display: none; margin-left: 400px; } .generalFullWidth-content .sys_events .sys_button-subscribe-calendar a { background: url("/SiteElements/Images/Icons/ical12x12.gif") no-repeat scroll left center transparent; padding-left: 16px; } .generalFullWidth-content .sys_events .sys_groupheader { font-size: 1.3em; font-weight: normal; line-height: 1.2em; margin-bottom: 0.9375em; color: var(--globalBlue); } .generalFullWidth-content .sys_events .sys_subitem { background-color: #efefef; float: left; font-size: 1em; margin-bottom: 1em; padding: 6px; width: 100%; } .generalFullWidth-content .sys_events .sys_subitem-heading { font-size: 1.2em; font-weight: normal; line-height: 1.2em; margin-bottom: 0.9375em; } .generalFullWidth-content .sys_events .sys_subitem-heading a:link, .generalFullWidth-content .sys_events .sys_subitem-heading a:visited { font-weight: bold; text-decoration: underline; } .generalFullWidth-content .sys_events .sys_subitem-heading a:hover { border-color: #000000; text-decoration: none ! important; } .generalFullWidth-content .sys_events div.sys_thumbnail { float: right; margin-left: 5px; } .generalFullWidth-content .sys_events dt.sys_events-date, .generalFullWidth-content .sys_events dt.sys_events-description, .generalFullWidth-content .sys_events dt.sys_events-time { display: none; } .generalFullWidth-content .sys_events dt.sys_events-location { display: none; margin: 0px; } .generalFullWidth-content .sys_events dd.sys_events-description { margin: 10px 0px; } .generalFullWidth-content .sys_events ul.sys_tabs, .generalFullWidth-content .sys_events div.sys_tabsfilter-control ul{overflow:visible; bordeR:none;} .generalFullWidth-content .sys_events .sys_events-tabs-control ul li a { background-color: #454545; color: #ffffff; cursor: pointer; float: left; padding: 7px 1.6em 5px; text-decoration: none; } .generalFullWidth-content .sys_events-record dt { clear: left; float: left; font-size: 1.1em; font-weight: bold; margin-bottom: 1em; padding: 0px; width: 120px; } .generalFullWidth-content .sys_events-record dd { display: inline; float: left; margin-bottom: 1em; width: 580px; } .generalFullWidth-content .sys_events-record dt.sys_events-locations, .generalFullWidth-content .sys_events-record dt.sys_events-description { display: none; } .generalFullWidth-content .sys_events-record dd.sys_events-date ul { float: left; list-style: none outside none; margin: 0px; } .generalFullWidth-content .sys_events-record dd.sys_events-date ul li { background-image: none; margin-right: 5em; padding: 0px; } .generalFullWidth-content .sys_events-record dd.sys_events-description { border-top: 1px solid #efefef; float: left; margin-top: 1.5em; padding-top: 2.5em; width: 100%; } .generalFullWidth-content .sys_events-record dd.sys_events-category, .generalFullWidth-content .sys_events-record dt.sys_events-category { display: none; } .generalFullWidth-content .sys_events-record dd.sys_events-contact { margin-bottom: 2px; } .generalFullWidth-content .sys_events-record dd.sys_events-date ul { position: relative; } .generalFullWidth-content .sys_record-image-control { border: 4px solid var(--globalLightBlue); float: right; margin-bottom: 1em; margin-left: 1em; } .generalFullWidth-content .sys_news-record .sys_record-image-control { border: none; } .generalFullWidth-content .sys_news-record blockquote { background-color: white; } /* Medium devices (tablets, 768px and up) */ @media (max-width: 768px) { .generalFullWidth-content .sys_news-record .sys_record-image-control { float: unset; margin-left: 0; } .generalFullWidth-content .sys_news-record .sys_record-image-control img { width: 100%; } } .generalFullWidth-content .sys_record-image-control-caption { color: inherit; margin: 0px; padding: 0.3em; font-size: 15px; } .generalFullWidth-content .sys_news-posted-date { font-size: 0.9em; margin-bottom: 1rem; font-weight: bold; } /* Tabs for events calendar and people pages - ulzgw 30/05/2017 */ .generalFullWidth-content ul.sys_tabs, .generalFullWidth-content div.sys_tabsfilter-control ul {padding: 0; border-bottom: 2px solid var(--globalBlue); list-style-type: none; margin: 0 0 1em 0; overflow: hidden; } .generalFullWidth-content ul.sys_tabs li, .generalFullWidth-content div.sys_tabsfilter-control li { list-style-type:none; background-color: #efefef; color: var(--globalBlue); float: left; margin: 3px 3px 0px 0px; padding: 0px; } .generalFullWidth-content ul.sys_tabs li span { background: none repeat scroll 0% 0% rgba(0, 0, 0, 0) ! important; float: left; padding: 0px ! important;} .generalFullWidth-content ul.sys_tabs li a, #main .generalFullWidth-content div.sys_tabsfilter-control li a { background-color: var(--globalBlue); background-image: none; color: #fff; cursor: pointer; float: left; padding: 10px 12px; text-decoration: none; font-weight: 500; } .generalFullWidth-content ul.sys_tabs li a, #main .generalFullWidth-content div.sys_tabsfilter-control li a {color: #fff; text-decoration: none;} .generalFullWidth-content ul.sys_tabs li a:hover, .generalFullWidth-content div.sys_tabsfilter-control li a:hover { background-color: var(--globalLightBlue); color: #ffffff; text-decoration:none;} .generalFullWidth-content ul.sys_tabs li.sys_on a, .generalFullWidth-content div.sys_tabsfilter-control li.sys_selected a, .generalFullWidth-content ul.sys_tabs li.ui-tabs-selected a, .generalFullWidth-content div.sys_events-tabs-control li.sys_selected a, .generalFullWidth-content .ui-tabs-active a, .generalFullWidth-content .ui-state-active {background-color: var(--globalLightBlue); color: #ffffff; border:none;} .generalFullWidth-content ul.ui-tabs-nav .ui-state-active a {background-color: var(--globalLightBlue); color: #ffffff; border:none;} .generalFullWidth-content ul.sys_tabs li.ui-tabs-selected {background: none repeat scroll 0% 0% transparent;} .generalFullWidth-content div.ui-tabs-hide { position: absolute; left: -9999em; width: 715px; } /* media gallery - ulzgw 07/06/2017 */ .sys_mediagallery-control{float:left; width: 100%; clear:both;} .sys_mediagallery-control .sys_subitem{height: auto!important; width: auto!important;float:left; clear:none!important;margin: 0 1em 1em 0;} .sys_mediagallery-control .sys_subalternatingitem{background: none;} .sys_mediagallery-control .sys_subitem .sys_thumbnail img{border: 4px solid #fff;} .sys_mediagallery-control .sys_subitem:hover .sys_thumbnail img{border-color: #ACA99C;} .sys_mediagallery-control .sys_subitem .sys_subitem-heading, .sys_mediagallery-control .sys_mediagallery-summary, .sys_mediagallery-control .sys_icon{display: none;} #map { height: 335px; width: 714px; } #map { height: 400px; width: 960px; } #FeedbackControlPlain_Container .sys_comments-title, #FeedbackControlPlain_Container .sys_comment-commenttype, #FeedbackControlPlain_Container .sys_comment-number, #FeedbackControlPlain_Container .sys_addcomments-title, #FeedbackControlPlain_Container .sys_comment-profileimage, #FeedbackControlPlain_Container .sys_comments-reportlink { display: none; } #FeedbackControlPlain_Container ul { list-style-type: none; margin: 0px; padding: 0px; } #FeedbackControlPlain_Container ul li { border-bottom: 1px solid #efefef; margin-bottom: 1em; padding-bottom: 1em; } #NoCaption_List .sys_subitem-heading { display: none; } #FolderImagesBanner714_bannerwrapper { max-height: 335px; width: 714px; } #FolderImagesBanner466_bannerwrapper { max-height: 335px; width: 466px; } #FolderImagesBanner608_bannerwrapper { max-height: 335px; width: 608px; } #FolderImagesBanner920_bannerwrapper { max-height: 335px; width: 920px; } .sys_banner-wrapper img { border: 0px none ! important; } .generalFullWidth-content .sys_videoAlt, .generalFullWidth-content .sys_videoRelated { background-color: #ffffff; clear: both; float: left; margin-bottom: 1em; width: 100%; } .generalFullWidth-content .sys_videoAlt h2, .generalFullWidth-content .sys_videoRelated h2 { background-color: var(--globalBlue); color: #ffffff; padding: 0.3em; } .generalFullWidth-content .sys_videoAlt ul li, .generalFullWidth-content .sys_videoRelated ul li { clear: both; float: left; list-style-type: none; } .generalFullWidth-content .sys_threeColumns div .twtr-widget .twtr-doc { width: 220px ! important; } .sys_hideIntranetLink { display: none; } /* stlyles for time stamp for UK requested by Mike Loxton 22/09/2014. Example here https://www.nottingham.ac.uk/internationaloffice/contact-us/contacts.aspx */ .generalFullWidth-content #TimeStamp{border: 1px dashed var(--globalBlue); background-color: #d9dee1; padding: 4px;} .generalFullWidth-content #TimeStamp .headingBackground{background-color: var(--globalBlue); color: #fff;} .generalFullWidth-content #TimeBox{color: #00b1a7;} /* fixes to fix Gemma's list fix */ .generalFullWidth-content ul.sys_tabs li, .generalFullWidth-content .sys_vcard ul li, .generalFullWidth-content .sys_vcard ul { list-style-type: none; } /* styles for feedback control ulzgw 23-03-2015 */ .generalFullWidth-content .sys_commentlist-themed ul{padding: 0;} .generalFullWidth-content .sys_commentlist-themed li{list-style-type:none; margin: 0 0 1em 0;} .generalFullWidth-content .sys_commentlist-themed .sys_comment-profileimage, .generalFullWidth-content .sys_commentlist-themed .sys_comment-commenttype {display:none;} /* CTA styles that can be applied within the editable area - updated - ulzgw - 20/04/2018 - to change all icons to simple right arrow - approved by Emma Hutchby */ .generalFullWidth-content a.CTA-ActualWidth{display:inline-block !important;} .generalFullWidth-content a.CTA-plainArrow, .generalFullWidth-content a.CTA-plainArrowTeal, .generalFullWidth-content a.CTA-plainArrowRoundRight, .generalFullWidth-content a.CTA-plainBlog, .generalFullWidth-content a.CTA-plainDirections, .generalFullWidth-content a.CTA-plainDonateHeart, .generalFullWidth-content a.CTA-plainDownloadFile, .generalFullWidth-content a.CTA-plainEmail, .generalFullWidth-content a.CTA-plainEventCalendar, .generalFullWidth-content a.CTA-plainHelp, .generalFullWidth-content a.CTA-plainInfo, .generalFullWidth-content a.CTA-plainInternational, .generalFullWidth-content a.CTA-plainNewsletter, .generalFullWidth-content a.CTA-plainKeyLogin, .generalFullWidth-content a.CTA-plainLifeCycle, .generalFullWidth-content a.CTA-plainMortarBoard, .generalFullWidth-content a.CTA-plainOpenAccess, .generalFullWidth-content a.CTA-plainPay, .generalFullWidth-content a.CTA-plainProfile, .generalFullWidth-content a.CTA-plainResearch, .generalFullWidth-content a.CTA-plainShop, .generalFullWidth-content a.CTA-plainSport, .generalFullWidth-content a.CTA-plainStudentServices, .generalFullWidth-content a.CTA-plainTeaching, .generalFullWidth-content a.CTA-plainTelephone, .generalFullWidth-content a.CTA-plainUpdateDetails, .generalFullWidth-content a.CTA-plainVideo, .generalFullWidth-content a.CTA-plainVolunteer, .generalFullWidth-content a.CTA-plainFacebook, .generalFullWidth-content a.CTA-plainFlickr, .generalFullWidth-content a.CTA-plainInstagram, .generalFullWidth-content a.CTA-plainLinkedIn, .generalFullWidth-content a.CTA-plainRenRen, .generalFullWidth-content a.CTA-plainTwitter, .generalFullWidth-content a.CTA-plainX, .generalFullWidth-content a.CTA-plainTumblr, .generalFullWidth-content a.CTA-plainVine, .generalFullWidth-content a.CTA-plainVK, .generalFullWidth-content a.CTA-plainWeibo, .generalFullWidth-content a.CTA-plainYouKu, .generalFullWidth-content a.CTA-plainYouTube, /* .generalFullWidth-content a.CTA-greenButtonWithArrow, .generalFullWidth-content a.CTA-orangeButtonWithArrow, .generalFullWidth-content a.CTA-yellowButtonWithArrow */ .generalFullWidth-content a.CTA-pinkButtonWithArrow, .generalFullWidth-content a.CTA-blueButtonWithArrow, .generalFullWidth-content a.CTA-transparentButtonWithBlueArrow { display:block; color: var(--globalBlue); clear:both; text-decoration:none; height: auto; text-align:left; padding: 10px 60px 10px 15px; background-size: 18px auto; background-position: right 10px top 50%; background-repeat:no-repeat; margin-bottom: 4px; background-color: white; border: 2px solid #e3e0e0; /* width: fit-content; */ position: relative; border-radius: 68px; transition: all 0.3s ease; } /* .generalFullWidth-content a.CTA-greenButtonWithArrow:after, .generalFullWidth-content a.CTA-orangeButtonWithArrow:after, .generalFullWidth-content a.CTA-yellowButtonWithArrow:after, */ .generalFullWidth-content a.CTA-pinkButtonWithArrow:after, .generalFullWidth-content a.CTA-blueButtonWithArrow:after, .generalFullWidth-content a.CTA-transparentButtonWithBlueArrow:after { content: ''; border: solid white; display: inline-block; padding: 4px; right: 15px; -webkit-transform: rotate(-45deg); position: absolute; top: 17px; /* border-color: white; */ border-width: 0 2px 2px 0; } .generalFullWidth-content a.CTA-plainArrow:after, .generalFullWidth-content a.CTA-plainArrowTeal:after, .generalFullWidth-content a.CTA-plainArrowRoundRight:after, .generalFullWidth-content a.CTA-plainBlog:after, .generalFullWidth-content a.CTA-plainDirections:after, .generalFullWidth-content a.CTA-plainDonateHeart:after, .generalFullWidth-content a.CTA-plainDownloadFile:after, .generalFullWidth-content a.CTA-plainEmail:after, .generalFullWidth-content a.CTA-plainEventCalendar:after, .generalFullWidth-content a.CTA-plainHelp:after, .generalFullWidth-content a.CTA-plainInfo:after, .generalFullWidth-content a.CTA-plainInternational:after, .generalFullWidth-content a.CTA-plainNewsletter:after, .generalFullWidth-content a.CTA-plainKeyLogin:after, .generalFullWidth-content a.CTA-plainLifeCycle:after, .generalFullWidth-content a.CTA-plainMortarBoard:after, .generalFullWidth-content a.CTA-plainOpenAccess:after, .generalFullWidth-content a.CTA-plainPay:after, .generalFullWidth-content a.CTA-plainProfile:after, .generalFullWidth-content a.CTA-plainResearch:after, .generalFullWidth-content a.CTA-plainShop:after, .generalFullWidth-content a.CTA-plainSport:after, .generalFullWidth-content a.CTA-plainStudentServices:after, .generalFullWidth-content a.CTA-plainTeaching:after, .generalFullWidth-content a.CTA-plainTelephone:after, .generalFullWidth-content a.CTA-plainUpdateDetails:after, .generalFullWidth-content a.CTA-plainVideo:after, .generalFullWidth-content a.CTA-plainVolunteer:after /* .generalFullWidth-content a.CTA-plainFacebook:after, .generalFullWidth-content a.CTA-plainFlickr:after, .generalFullWidth-content a.CTA-plainInstagram:after, .generalFullWidth-content a.CTA-plainLinkedIn:after, .generalFullWidth-content a.CTA-plainRenRen:after, .generalFullWidth-content a.CTA-plainTwitter:after, .generalFullWidth-content a.CTA-plainX:after, .generalFullWidth-content a.CTA-plainTumblr:after, .generalFullWidth-content a.CTA-plainVine:after, .generalFullWidth-content a.CTA-plainVK:after, .generalFullWidth-content a.CTA-plainWeibo:after, .generalFullWidth-content a.CTA-plainYouKu:after, .generalFullWidth-content a.CTA-plainYouTube:after */ { content: ''; border: solid var(--globalBlue); display: inline-block; padding: 4px; right: 15px; -webkit-transform: rotate(-45deg); position: absolute; top: 17px; border-width: 0 2px 2px 0; } .generalFullWidth-content a.CTA-plainArrow:hover, .generalFullWidth-content a.CTA-plainArrowTeal:hover, .generalFullWidth-content a.CTA-plainArrowRoundRight:hover, .generalFullWidth-content a.CTA-plainBlog:hover, .generalFullWidth-content a.CTA-plainDirections:hover, .generalFullWidth-content a.CTA-plainDonateHeart:hover, .generalFullWidth-content a.CTA-plainDownloadFile:hover, .generalFullWidth-content a.CTA-plainEmail:hover, .generalFullWidth-content a.CTA-plainEventCalendar:hover, .generalFullWidth-content a.CTA-plainHelp:hover, .generalFullWidth-content a.CTA-plainInfo:hover, .generalFullWidth-content a.CTA-plainInternational:hover, .generalFullWidth-content a.CTA-plainKeyLogin:hover, .generalFullWidth-content a.CTA-plainLifeCycle:hover, .generalFullWidth-content a.CTA-plainMortarBoard:hover, .generalFullWidth-content a.CTA-plainNewsletter:hover, .generalFullWidth-content a.CTA-plainMortarBoard:hover, .generalFullWidth-content a.CTA-plainOpenAccess:hover, .generalFullWidth-content a.CTA-plainPay:hover, .generalFullWidth-content a.CTA-plainProfile:hover, .generalFullWidth-content a.CTA-plainResearch:hover, .generalFullWidth-content a.CTA-plainShop:hover, .generalFullWidth-content a.CTA-plainSport:hover, .generalFullWidth-content a.CTA-plainStudentServices:hover, .generalFullWidth-content a.CTA-plainTeaching:hover, .generalFullWidth-content a.CTA-plainTelephone:hover, .generalFullWidth-content a.CTA-plainUpdateDetails:hover, .generalFullWidth-content a.CTA-plainVideo:hover, .generalFullWidth-content a.CTA-plainVolunteer:hover, .generalFullWidth-content a.CTA-plainFacebook:hover, .generalFullWidth-content a.CTA-plainFlickr:hover, .generalFullWidth-content a.CTA-plainInstagram:hover, .generalFullWidth-content a.CTA-plainLinkedIn:hover, .generalFullWidth-content a.CTA-plainRenRen:hover, .generalFullWidth-content a.CTA-plainTwitter:hover, .generalFullWidth-content a.CTA-plainX:hover, .generalFullWidth-content a.CTA-plainTumblr:hover, .generalFullWidth-content a.CTA-plainVine:hover, .generalFullWidth-content a.CTA-plainVK:hover, .generalFullWidth-content a.CTA-plainWeibo:hover, .generalFullWidth-content a.CTA-plainYouKu:hover, .generalFullWidth-content a.CTA-plainYouTube:hover{ background-color: transparent; text-decoration:none; color: var(--globalBlue); border-color: var(--globalBlue); } .generalFullWidth-content a.CTA-Arrow, /* .generalFullWidth-content a.CTA-ArrowRoundRight, */ .generalFullWidth-content a.CTA-Blog, .generalFullWidth-content a.CTA-Directions, .generalFullWidth-content a.CTA-donateHeart, .generalFullWidth-content a.CTA-downloadFile, .generalFullWidth-content a.CTA-Email, .generalFullWidth-content a.CTA-EventCalendar, .generalFullWidth-content a.CTA-Help, .generalFullWidth-content a.CTA-Info, .generalFullWidth-content a.CTA-International, .generalFullWidth-content a.CTA-KeyLogin, .generalFullWidth-content a.CTA-LifeCycle, .generalFullWidth-content a.CTA-MortarBoard, .generalFullWidth-content a.CTA-OpenAccess, .generalFullWidth-content a.CTA-Newsletter, .generalFullWidth-content a.CTA-Pay, .generalFullWidth-content a.CTA-Profile, .generalFullWidth-content a.CTA-Research, .generalFullWidth-content a.CTA-Shop, .generalFullWidth-content a.CTA-Sport, .generalFullWidth-content a.CTA-StudentServices, .generalFullWidth-content a.CTA-Teaching, .generalFullWidth-content a.CTA-Telephone, .generalFullWidth-content a.CTA-updateDetails, .generalFullWidth-content a.CTA-Volunteer, .generalFullWidth-content a.CTA-Video, .generalFullWidth-content a.CTA-Facebook, .generalFullWidth-content a.CTA-Flickr, .generalFullWidth-content a.CTA-Instagram, .generalFullWidth-content a.CTA-LinkedIn, .generalFullWidth-content a.CTA-RenRen, .generalFullWidth-content a.CTA-Twitter, .generalFullWidth-content a.CTA-X, .generalFullWidth-content a.CTA-Tumblr, .generalFullWidth-content a.CTA-Vine, .generalFullWidth-content a.CTA-VK, .generalFullWidth-content a.CTA-Weibo, .generalFullWidth-content a.CTA-YouTube, .generalFullWidth-content a.CTA-YouKu, .generalFullWidth-content a.CTA-donateNow, .generalFullWidth-content .sys_CTAs a{ background-image: url("/siteelements/images/base/internal/cta-icons/white/bg-icon-white-right-arrow.png"); display:block; text-decoration:none; height: auto; clear:both; background-color: var(--globalBlue); color: #fff; text-align:left; padding: 10px 60px 10px 15px; background-size: 18px auto; background-position: right 10px top 50%; background-repeat:no-repeat; margin-bottom: 4px; border: 2px solid transparent; border-radius: 68px; position: relative; transition: all 0.3s ease; } .generalFullWidth-content a.CTA-Arrow { background-image: none !important; } .generalFullWidth-content a.CTA-Arrow:after { content: ''; border: solid white; display: inline-block; padding: 4px; right: 15px; -webkit-transform: rotate(-45deg); position: absolute; top: 17px; border-width: 0 2px 2px 0; } .generalFullWidth-content a.CTA-Arrow:hover:after { content: ''; border: solid var(--globalBlue); display: inline-block; padding: 4px; right: 15px; -webkit-transform: rotate(-45deg); position: absolute; top: 17px; border-width: 0 2px 2px 0; } .generalFullWidth-content .sys_CTAs a{background-color: var(--globalPink); padding: 22px 30px 20px 8px; font-size: 1.2em; font-weight:normal;} .generalFullWidth-content a.CTA-Arrow:hover, /* .generalFullWidth-content a.CTA-ArrowRoundRight:hover, */ .generalFullWidth-content a.CTA-Blog:hover, .generalFullWidth-content a.CTA-Directions:hover, .generalFullWidth-content a.CTA-donateHeart:hover, .generalFullWidth-content a.CTA-downloadFile:hover, .generalFullWidth-content a.CTA-Email:hover, .generalFullWidth-content a.CTA-EventCalendar:hover, .generalFullWidth-content a.CTA-Help:hover, .generalFullWidth-content a.CTA-Info:hover, .generalFullWidth-content a.CTA-International:hover, .generalFullWidth-content a.CTA-KeyLogin:hover, .generalFullWidth-content a.CTA-LifeCycle:hover, .generalFullWidth-content a.CTA-MortarBoard:hover, .generalFullWidth-content a.CTA-OpenAccess:hover, .generalFullWidth-content a.CTA-Newsletter:hover, .generalFullWidth-content a.CTA-Pay:hover, .generalFullWidth-content a.CTA-Profile:hover, .generalFullWidth-content a.CTA-Research:hover, .generalFullWidth-content a.CTA-Shop:hover, .generalFullWidth-content a.CTA-Sport:hover, .generalFullWidth-content a.CTA-StudentServices:hover, .generalFullWidth-content a.CTA-Teaching:hover, .generalFullWidth-content a.CTA-Telephone:hover, .generalFullWidth-content a.CTA-updateDetails:hover, .generalFullWidth-content a.CTA-Volunteer:hover, .generalFullWidth-content a.CTA-Video:hover, .generalFullWidth-content a.CTA-donateNow:hover, /* .generalFullWidth-content a.CTA-greenButtonWithArrow:hover, .generalFullWidth-content a.CTA-orangeButtonWithArrow:hover, */ .generalFullWidth-content a.CTA-pinkButtonWithArrow:hover, .generalFullWidth-content a.CTA-blueButtonWithArrow:hover, /* .generalFullWidth-content a.CTA-yellowButtonWithArrow:hover, */ .generalFullWidth-content .sys_CTAs a:hover{ background-color: transparent; color: var(--globalBlue); border-color: var(--globalBlue); text-decoration:none; background-image: url("/siteelements/images/base/internal/cta-icons/Colour/bg-icon-blue5-right-arrow.png"); } .generalFullWidth-content a.CTA-Arrow:focus, /* .generalFullWidth-content a.CTA-ArrowRoundRight:focus, */ .generalFullWidth-content a.CTA-Blog:focus, .generalFullWidth-content a.CTA-Directions:focus, .generalFullWidth-content a.CTA-donateHeart:focus, .generalFullWidth-content a.CTA-downloadFile:focus, .generalFullWidth-content a.CTA-Email:focus, .generalFullWidth-content a.CTA-EventCalendar:focus, .generalFullWidth-content a.CTA-Help:focus, .generalFullWidth-content a.CTA-Info:focus, .generalFullWidth-content a.CTA-International:focus, .generalFullWidth-content a.CTA-KeyLogin:focus, .generalFullWidth-content a.CTA-LifeCycle:focus, .generalFullWidth-content a.CTA-MortarBoard:focus, .generalFullWidth-content a.CTA-OpenAccess:focus, .generalFullWidth-content a.CTA-Newsletter:focus, .generalFullWidth-content a.CTA-Pay:focus, .generalFullWidth-content a.CTA-Profile:focus, .generalFullWidth-content a.CTA-Research:focus, .generalFullWidth-content a.CTA-Shop:focus, .generalFullWidth-content a.CTA-Sport:focus, .generalFullWidth-content a.CTA-StudentServices:focus, .generalFullWidth-content a.CTA-Teaching:focus, .generalFullWidth-content a.CTA-Telephone:focus, .generalFullWidth-content a.CTA-updateDetails:focus, .generalFullWidth-content a.CTA-Volunteer:focus, .generalFullWidth-content a.CTA-Video:focus, .generalFullWidth-content a.CTA-donateNow:focus, /* .generalFullWidth-content a.CTA-greenButtonWithArrow:focus, .generalFullWidth-content a.CTA-orangeButtonWithArrow:focus, */ .generalFullWidth-content a.CTA-pinkButtonWithArrow:focus, .generalFullWidth-content a.CTA-blueButtonWithArrow:focus, /* .generalFullWidth-content a.CTA-yellowButtonWithArrow:focus, */ .generalFullWidth-content .sys_CTAs a:focus{ background-color: transparent; color: var(--globalBlue); border-color: var(--globalBlue); text-decoration:none; background-image: url("/siteelements/images/base/internal/cta-icons/Colour/bg-icon-blue5-right-arrow.png"); } .generalFullWidth-content a.CTA-Facebook:hover, .generalFullWidth-content a.CTA-Flickr:hover, .generalFullWidth-content a.CTA-Instagram:hover, .generalFullWidth-content a.CTA-LinkedIn:hover, .generalFullWidth-content a.CTA-RenRen:hover, .generalFullWidth-content a.CTA-Twitter:hover, .generalFullWidth-content a.CTA-X:hover, .generalFullWidth-content a.CTA-Tumblr:hover, .generalFullWidth-content a.CTA-Vine:hover, .generalFullWidth-content a.CTA-VK:hover, .generalFullWidth-content a.CTA-Weibo:hover, .generalFullWidth-content a.CTA-YouTube:hover, .generalFullWidth-content a.CTA-YouKu:hover{background-color: transparent; color: var(--globalBlue); border-color: var(--globalBlue); text-decoration:none;} .generalFullWidth-content a.CTA-plainFacebook{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/icon-facebook.png");} .generalFullWidth-content a.CTA-plainFlickr{background-size: 22px auto; background-image: url("/siteelements/images/icons/icon-flickr.png");} .generalFullWidth-content a.CTA-plainInstagram{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/icon-instagram.png");} .generalFullWidth-content a.CTA-plainLinkedIn{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/icon-linkedin.png");} .generalFullWidth-content a.CTA-plainRenRen{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/icon-renren-white.png");} .generalFullWidth-content a.CTA-plainTumblr{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/icon-tumblr.png");} .generalFullWidth-content a.CTA-plainTwitter{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/x-logo-nottingham-blue-Cropped-28x28.png");} .generalFullWidth-content a.CTA-plainX{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/x-logo-nottingham-blue-Cropped-28x28.png");} .generalFullWidth-content a.CTA-plainWeibo{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/icon-weibo.png");} .generalFullWidth-content a.CTA-plainVine{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/icon-vine.png");} .generalFullWidth-content a.CTA-plainVK{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/icon-vk.png");} .generalFullWidth-content a.CTA-plainYouKu{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/icon-youku-white.png");} .generalFullWidth-content a.CTA-plainYouTube{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/icon-youtube.png");} .generalFullWidth-content a.CTA-Facebook{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/icon-facebook-white.png");} .generalFullWidth-content a.CTA-Flickr{background-size: 22px auto; background-image: url("/siteelements/images/icons/icon-flickr.png");} .generalFullWidth-content a.CTA-Instagram{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/icon-instagram-white.png");} .generalFullWidth-content a.CTA-LinkedIn{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/icon-linkedin-white.png");} .generalFullWidth-content a.CTA-RenRen{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/icon-renren-white.png");} .generalFullWidth-content a.CTA-Tumblr{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/icon-tumblr-white.png");} .generalFullWidth-content a.CTA-Twitter{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/x-logo-white-Cropped-28x28.png");} .generalFullWidth-content a.CTA-X{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/x-logo-white-Cropped-28x28.png");} .generalFullWidth-content a.CTA-Weibo{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/icon-weibo-white.png");} .generalFullWidth-content a.CTA-Vine{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/icon-vine-white.png");} .generalFullWidth-content a.CTA-VK{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/icon-vk-white.png");} .generalFullWidth-content a.CTA-YouKu{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/icon-youku-white.png");} .generalFullWidth-content a.CTA-YouTube{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/icon-youtube-white.png");} /* .generalFullWidth-content a.CTA-greenButtonWithArrow{border-color: transparent;background-color: #c3e3cd;} .generalFullWidth-content a.CTA-orangeButtonWithArrow{border-color: transparent;background-color: #f1d6bd;} */ /* Pink Arrow */ div.generalFullWidth-content a.CTA-pinkButtonWithArrow { border-color: transparent; background-color: var(--globalPink); color: white; display: inline-block; transition: all 0.3s ease; } div.generalFullWidth-content a.CTA-pinkButtonWithArrow:hover, div.generalFullWidth-content a.CTA-pinkButtonWithArrow:focus { border: 2px solid var(--globalPink); color: var(--globalBlue); background-image: none; } div.generalFullWidth-content a.CTA-pinkButtonWithArrow:hover:after, div.generalFullWidth-content a.CTA-pinkButtonWithArrow:focus:after { border: 2px solid var(--globalBlue); padding: 4px; border-width: 0 2px 2px 0; } /* Blue Arrow */ div.generalFullWidth-content a.CTA-blueButtonWithArrow{ border-color: var(--globalBlue); background-color: var(--globalBlue); color: white; display: inline-block; transition: all 0.3s ease; } div.generalFullWidth-content a.CTA-blueButtonWithArrow:hover, div.generalFullWidth-content a.CTA-blueButtonWithArrow:focus { border: 2px solid var(--globalBlue); color: var(--globalBlue); background-image: none; background-color: transparent; } div.generalFullWidth-content a.CTA-blueButtonWithArrow:hover:after, div.generalFullWidth-content a.CTA-blueButtonWithArrow:focus:after { border: 2px solid var(--globalBlue); padding: 4px; border-width: 0 2px 2px 0; } /* Inverted Blue Arrow */ div.generalFullWidth-content a.CTA-transparentButtonWithBlueArrow{ border-color: var(--globalBlue); background-color: transparent; color: black; display: inline-block; transition: all 0.3s ease; } div.generalFullWidth-content a.CTA-transparentButtonWithBlueArrow:after { border-color: var(--globalBlue); border-width: 0 2px 2px 0; } div.generalFullWidth-content a.CTA-transparentButtonWithBlueArrow:hover, div.generalFullWidth-content a.CTA-transparentButtonWithBlueArrow:focus { border: 2px solid var(--globalBlue); color: white; background-image: none; background-color: var(--globalBlue); text-decoration: none; } div.generalFullWidth-content a.CTA-transparentButtonWithBlueArrow:hover:after, div.generalFullWidth-content a.CTA-transparentButtonWithBlueArrow:focus:after { border: 2px solid white; padding: 4px; border-width: 0 2px 2px 0; } /* White CTA for Blue Background */ div.generalFullWidth-content a.CTA-ButtonWhiteForBlueBGWithArrow{ background-color: white; display: inline-block; color: var(--globalBlue) !important; clear:both; text-decoration:none; height: auto; text-align:left; padding: 8px 50px 8px 15px; background-size: 18px auto; background-position: right 10px top 50%; background-repeat:no-repeat; margin-bottom: 4px; border: 2px solid white; border-radius: 68px; width: fit-content; position: relative; transition: all 0.3s ease; } div.generalFullWidth-content a.CTA-ButtonWhiteForBlueBGWithArrow:after { content: ''; border: solid var(--globalBlue); display: inline-block; padding: 4px; right: 15px; -webkit-transform: rotate(-45deg); position: absolute; top: 15px; /* border-color: black; */ border-width: 0 2px 2px 0; } div.generalFullWidth-content a.CTA-ButtonWhiteForBlueBGWithArrow:hover, div.generalFullWidth-content a.CTA-ButtonWhiteForBlueBGWithArrow:focus { border: 2px solid white; color: white !important; background-image: none; background-color: transparent; } div.generalFullWidth-content a.CTA-ButtonWhiteForBlueBGWithArrow:hover:after, div.generalFullWidth-content a.CTA-ButtonWhiteForBlueBGWithArrow:focus:after { border: 2px solid white; padding: 4px; border-width: 0 2px 2px 0; } /* Stats */ div.generalFullWidth-content .sys_stat { font-size: 30px; font-weight: bold; margin-bottom: 0.25rem !important } div.generalFullWidth-content .sys_stat_text { font-weight: normal } /* div.generalFullWidth-content .sys_stat_pink { color: var(--globalPink); font-size: 30px; font-weight: bold; margin-bottom: 0.25rem !important } div.generalFullWidth-content .stat_pink { color: var(--globalPink); font-size: 30px; font-weight: bold; margin-bottom: 0.25rem !important } */ div.generalFullWidth-content .sys_stat_text_pink { color: var(--globalPink); font-weight: bold; } div.generalFullWidth-content .sys_stat_blue { color: var(--textColor); font-size: 30px; font-weight: bold; margin-bottom: 0.25rem !important } div.generalFullWidth-content .sys_stat_text_blue { color: var(--textColor); font-weight: bold; } /* Add styles here that display below 767px */ @media (max-width: 767px) { div.generalFullWidth-content .sys_stat { text-align: center; } div.generalFullWidth-content .sys_stat_text { text-align: center; } /* div.generalFullWidth-content .sys_stat_pink { text-align: center; } */ div.generalFullWidth-content .sys_stat_text_pink { text-align: center; } } /* Text colours */ div.generalFullWidth-content .sys_text_pink {color: var(--globalPink);} div.generalFullWidth-content .sys_text_blue {color: var(--globalBlue);} /* CTA */ .generalFullWidth-content a.CTA-blueButtonWithArrow{border-color: transparent;background-color: #b9baca;} .generalFullWidth-content a.CTA-yellowButtonWithArrow{border-color: transparent;background-color: #f1d6bd;} .generalFullWidth-content a.CTA-Facebook:hover{background-image: url("/SiteElements/Images/Icons/icon-facebook.png");} .generalFullWidth-content a.CTA-Flickr:hover{background-image: url("/siteelements/images/icons/icon-flickr.png");} .generalFullWidth-content a.CTA-Instagram:hover{background-image: url("/SiteElements/Images/Icons/icon-instagram.png");} .generalFullWidth-content a.CTA-LinkedIn:hover{background-image: url("/SiteElements/Images/Icons/icon-linkedin.png");} .generalFullWidth-content a.CTA-Tumblr:hover{background-image: url("/SiteElements/Images/Icons/icon-tumblr.png");} .generalFullWidth-content a.CTA-Twitter:hover{background-image: url("/SiteElements/Images/Icons/x-logo-nottingham-blue-Cropped-28x28.png");} .generalFullWidth-content a.CTA-X:hover{background-image: url("/SiteElements/Images/Icons/x-logo-nottingham-blue-Cropped-28x28.png");} .generalFullWidth-content a.CTA-Weibo:hover{background-image: url("/SiteElements/Images/Icons/icon-weibo.png");} .generalFullWidth-content a.CTA-Vine:hover{background-image: url("/SiteElements/Images/Icons/icon-vine.png");} .generalFullWidth-content a.CTA-VK:hover{background-image: url("/SiteElements/Images/Icons/icon-vk.png");} .generalFullWidth-content a.CTA-YouTube:hover{background-image: url("/SiteElements/Images/Icons/icon-youtube.png");} /* new graphic over text mini template - ulzgw - 22/06/2015 */ .generalFullWidth-content .sys_imageWithTextBelow{margin-bottom: 3px; display:block; background-color: #fff;} .generalFullWidth-content .sys_imageWithTextBelow img{width: 100%; margin-bottom: 1px; height: auto;} .generalFullWidth-content .sys_imageWithTextBelow .sys_textArea{display:block; padding: 10px 6px; background-color: #fff; color: #000; border-bottom: 1px solid #efefef; margin-top: 0;} .generalFullWidth-content .sys_imageWithTextBelow .sys_textArea h2{color: #000;} .generalFullWidth-content .sys_imageWithTextBelow a img:hover{ /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE 5-7 */ filter: alpha(opacity=90); /* Netscape */ -moz-opacity: 0.9; /* Safari 1.x */ -khtml-opacity: 0.9; /* Good browsers */opacity: 0.9;} /* New header */ #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(/SiteElements/Images/Base/logo.png); display:block;height: 90px; width: 243px;} .logo img {display:none; font-size: 0; width: 243px; height: auto; } .campuslinks { padding: 0.6em 1em; font-size: 1em; line-height: 1.8; position: absolute; right: 0; top: 0px; } .campuslinks li { font-weight: bold; text-align: left; } .campuslinks li a { color: var(--globalPink); font-weight: 700; display: inline-block; text-decoration: none; } .campuslinks li.sys_nottingham a { border-bottom: 2px solid var(--globalPink); } .sys_menu-title, .sys_mobile-search-toggle, .sys_menu-title, .sys_mobile-search-toggle, .search label { display: none; } #nav .search {right: 2px; top: 8px;} .search, #topbar .sys_mobile-search { position: absolute; right: 0; top: 4px; } .search fieldset { vertical-align: middle; } .search { padding: 0; } .search input { border: 2px solid var(--globalBlue); color: var(--globalBlue); float: left; padding: 8px; width: 230px; font-size: 1.2em; position:relative; } .search input.sys_submit {position:absolute; right: 12px; top: 5px; background: #fff url("/SiteElementsHomepage/images/icons/icon-magnifier-blue.png") no-repeat 50%; border: medium none; font-size: 0; height: 28px; width: 28px; line-height: 0; text-indent: -9999px; cursor: pointer; } #nav { position:relative; background-color: #efefef; margin: 0 0 10px 0; padding: 0; z-index: 998; } #nav li { display: inline-block; font-size: 0.9rem; line-height: 54px; position: relative; } #nav a {text-decoration: none; color: var(--globalBlue); font-weight:bold; display: block; margin:0; padding: 0 10px; position: relative; z-index: 999; } #nav li a:hover { text-decoration:underline;} #menu { margin-left: 0; } #HomepageFooterLinks { color: #434341; padding: 1em; } #HomepageFooterLinks .sys_inner { margin-top: 10px; } #HomepageFooterLinks h2, #HomepageFooterLinks h3, #HomepageFooterLinks p { margin: 1em 0; color: #434341; } #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; } /* Disclaimer styles (mainly used for prospectuses but snippet available site-wide - ULZGW 17/03/2016*/ .generalFullWidth-content .sys_disclaimerText { background-color: #efefef; font-size: 0.9em; padding-bottom: 0; margin-bottom: 0.5em; padding: 10px;} /* 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;} #cookie-bar a {color:#ffffff; display:inline-block; border-radius:1px; text-decoration:none; padding:8px; margin-left:8px;} #cookie-bar .cb-enable {background:var(--globalLightBlue);} #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;} .generalFullWidth-content .sys_CTA-ImageAndTextBlock {position:relative; height: auto; width: 100%; display:inline-block; margin: 0 0 .5em 0;} .generalFullWidth-content .sys_CTA-ImageAndTextBlock {text-decoration:none!important; width: 100%; display:block;} .generalFullWidth-content .sys_CTA-ImageAndTextBlock *{text-decoration:none;} .generalFullWidth-content .sys_CTA-ImageAndTextBlock:hover .sys_CTA-textOverlay{background: #005597;} .generalFullWidth-content .sys_CTA-ImageAndTextBlock .sys_image img{width: 100%; height: auto;} .generalFullWidth-content .sys_CTA-ImageAndTextBlock .sys_CTA-textOverlay{background: var(--globalBlue) url("/SiteElements/Images/Base/Internal/CTA-icons/White/bg-icon-white-right-arrow.png") no-repeat right 10px top 50%; background-size: 18px; color: #fff;position:absolute; bottom: 0; right: 0; left: 0; color: #fff;} .generalFullWidth-content .sys_CTA-ImageAndTextBlock .sys_CTA-name {margin: 0; text-align:left; padding: 8px 30px 8px 8px; font-size: 1.2em;} .generalFullWidth-content .sys_CTA-ImageAndTextBlock:hover .sys_CTA-textOverlay{color: #fff; background: #005597 url("/SiteElements/Images/Base/Internal/CTA-icons/White/bg-icon-white-right-arrow.png") no-repeat right 10px top 50%; background-size: 18px;} #ListWithHeadiings_wrapper .sys_subitem-heading.sys_generic_list-subheading a { background-color: var(--globalLightBlue); color: #FFF; } #ListWithHeadiings_wrapper dd { padding: 8px; } .generalFullWidth-content #VCblogList_List .sys_subitem { margin: 5px 0; } .generalFullWidth-content #VCblogList_List .sys_subitem h3 { font-size: 1.2em; margin-bottom: 0.5em; } .generalFullWidth-content #VCblogList_List .sys_subitem h3 a { padding: 0 !important; font-weight: bold; } .generalFullWidth-content #VCblogList_List .sys_subitem h3 a:hover { text-decoration: underline; background-color: #FFF; color: #434341; } .generalFullWidth-content #VCblogList_List .sys_subitem.sys_subalternatingitem h3 a:hover { background-color: #EEE; } /* Page thumbnail with title over - ulzgw - 2019-02-11 */ .generalFullWidth-content .sys_detailImage {position:relative; margin-bottom: 1em;} .generalFullWidth-content .sys_detailImage h1, .generalFullWidth-content .sys_detailImage h2{font-size: 2em;position:absolute; bottom: 0; left: 0; background: #fff; margin-bottom: 0; padding: 12px 16px 12px 0;} .generalFullWidth-content .sys_detailImage img{width: 100%; height: auto;} /*???? img.padding{padding: 6px;} ?????*/ /*???? img.border{border: 2px solid #f7f7f7;} ????*/ .lastModified{padding: 6px 0; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; margin-top: 2em; margin-bottom: .6em;} .lastModified span{font-weight:bold;} /* Box with Border and Centered Content */ .sys_boxWithBorderAndCenteredContent { border: 3px solid var(--globalBlue); padding: 1.5rem; text-align: center; } .sys_boxWithBorderAndCenteredContent span { font-size: 1.2em !important; font-weight: bold; margin-bottom: 15px; display: block; } @media (min-width: 968px) { .sys_boxWithBorderAndCenteredContent { padding: 1.5rem 10em; } } /* Blue Full Info Block */ .sys_blueFullInfoBlock { background-color: var(--globalBlue); padding: 1.5rem; } .sys_blueFullInfoBlock span { font-size: 1.2em !important; font-weight: bold; margin-bottom: 15px; display: block; color: white !important; } .sys_blueFullInfoBlock { color: white !important;; } .sys_blueFullInfoBlock p { color: white !important;; } .sys_blueFullInfoBlock ul { list-style: initial; color: white !important;; padding-left: 1em; } .sys_blueFullInfoBlock ul li { margin-bottom: 10px; } .sys_blueFullInfoBlock .sys_16 { color: white !important; text-decoration: underline !important; } .sys_blueFullInfoBlock .sys_16 a:link { color: white !important; text-decoration: underline !important; } .sys_blueFullInfoBlock .sys_16 a:visited { color: white !important; text-decoration: underline !important; } /* Blue Image With Text CTA */ .sys_blueImageWithTextCTA .image-container-overlay { position: relative; } .sys_blueImageWithTextCTA .blue-overlay { /* background-color: rgba(0, 0, 0, 0.3); */ background-image: linear-gradient(rgba(255,255,255,0.2) 50%, rgb(27, 41, 107) 98%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .sys_blueImageWithTextCTA img { background: rgb(27,41,107); background: linear-gradient(0deg, var(--globalBlue) 0%, rgba(255,255,255,1) 46%); } .sys_blueImageWithTextCTA .text-content-sys_blueImageWithTextCTA { background-color: var(--globalBlue); color: white; padding: 20px 30px; } .sys_blueImageWithTextCTA .text-content-sys_blueImageWithTextCTA h1, .sys_blueImageWithTextCTA .text-content-sys_blueImageWithTextCTA h2, .sys_blueImageWithTextCTA .text-content-sys_blueImageWithTextCTA h3, .sys_blueImageWithTextCTA .text-content-sys_blueImageWithTextCTA h4, .sys_blueImageWithTextCTA .text-content-sys_blueImageWithTextCTA h5, .sys_blueImageWithTextCTA .text-content-sys_blueImageWithTextCTA h6 { color: white; } .sys_blueImageWithTextCTA .text-content-sys_blueImageWithTextCTA a { border: 2px solid white; padding: 9px 60px 10px 10px; color: white; text-decoration: none; position: relative; display: inline-block; margin-top: 10px; margin-bottom: 0px; } .sys_blueImageWithTextCTA .text-content-sys_blueImageWithTextCTA a::after { content: ''; position: absolute; border: solid white; border-width: 0 2px 2px 0; padding: 4px; top: 16px; right: 15px; -webkit-transform: rotate(-45deg); } .sys_blueImageWithTextCTA .text-content-sys_blueImageWithTextCTA a:hover, .sys_blueImageWithTextCTA .text-content-sys_blueImageWithTextCTA a:focus { background-color: white; color: black; } .sys_blueImageWithTextCTA .text-content-sys_blueImageWithTextCTA a:hover::after, .sys_blueImageWithTextCTA .text-content-sys_blueImageWithTextCTA a:focus::after { border: solid black; border-width: 0 2px 2px 0; padding: 4px; } /* * * * * * * * * * * * * * * * * * * * Maybe Delete - As not used in the GeneralFullWidth-GlobalHeaderFooter Work in progress * * * * * * * * * * * * * * * * * * * */ #printHeader {display:none;} .sys_hide {display:none;} .clear {height: 2px;clear:both;} /* ---------- 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, #logo {background: url("/siteelements/images/base/background-logo.png") repeat-x scroll 0% 0% transparent;height: 80px;} #search {float: left;font-size: 1.1em;width: 772px;} #search div {line-height: 0px;} #search fieldset {float: left;margin: 10px 0px 0px 13px;padding: 0px;} #search #CampusName {clear: both;float: left;font-size: 2.4em;margin: 28px 0px 0px 10px;} #search #CampusName .campusHighlight {color: #007ea6;} #search label {display: none;} #search 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 {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 {color: #000000;} #logo a {display:block;width:243px;margin-top: 3px;margin-right:18px;height:90px;background-color:#fff;background:url(/siteelements/images/base/logo.png) no-repeat 50% 50%;text-indent:-9999px;} #pageTitle, #pageTitleNoIcon {display:block;position: relative;padding:12px 0 12px 4px;margin-bottom: 6px;background-image:none!important;} #pageTitle strong, #pageTitleNoIcon strong {font-weight:normal;} #pageTools, #toolBar, #pageToolsTab {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: #434341;} #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;} #pageToolsTab .sys_right{text-align:right;} #pageToolsTab .sys_right a{text-decoration:underline;} #pageToolsTab .sys_right a:hover, #pageToolsTab .sys_right a:active, #pageToolsTab .sys_right a:focus{text-decoration: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;} #SocialButtons{display:none;} #bottom {background-color: #efefef; border-top: 1px solid #434341; float: right; line-height: 1.25em; margin-bottom: 40px; position: relative; width: 100%; color: #434341;} #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: #434341} #bottom h2 {font-weight: bold; color: #434341;} #bottom .sys_socialNetworkingIcons{position: absolute; top: .5em; right: .5em;} div.sys_subitem-summary dt, .imgBorder .sys_subitem h3, #SchoolHomeImageRotate_List h3, .sys_H1-2line-image-714px-textOverlay #HomeImageRotate_List_List h3 {display: none;} /* Listings and A-Z ulzgw 07/06/2017 */ .generalFullWidth-content .sys_atoz-control ul{clear:both; width: 100%;} .generalFullWidth-content .sys_atoz-control ul li{border: none; margin: 3px 3px 0 0; width: 48.5px; height: 43px; padding: 0; font-size:1.4em; font-weight:normal; display: inline-block; text-align:center;} .generalFullWidth-content .sys_atoz-control ul li a{display:block; line-height: 43px; height: 43px;} .generalFullWidth-content .sys_tools-control, .generalFullWidth-content .sys_standardlist-title, .generalFullWidth-content .sys_generic_list-control{color: #005597;} .generalFullWidth-content #lookup-a-z-directory .sys_atoz-control ul {margin-bottom: 1em; padding: 0;} /* .generalFullWidth-content #lookup-a-z-directory .sys_atoz-control ul li{height: auto;} */ .generalFullWidth-content #lookup-a-z-directory .sys_atoz-control ul li a{ padding: 12px 14px; display:block; /* height: 16px; */ line-height: 18px; text-decoration:none; } .generalFullWidth-content #lookup-a-z-directory .sys_atoz-control ul li span{display:block; } .generalFullWidth-content .sys_atoz-control ul li, .generalFullWidth-content .sys_atoz-control ul li span, .generalFullWidth-content .sys_atoz-control ul li a{background-color: var(--globalBlue); color: #fff; text-decoration:none;} .generalFullWidth-content .sys_atoz-control ul li a:hover { background-color: var(--globalLightBlue) !important; } .generalFullWidth-content .sys_atoz-control ul li:before, .generalFullWidth-content #AZListing_List ul li:before, .generalFullWidth-content #SearchResults_List ul li:before{display:none;} .generalFullWidth-content #siteAZ_List ul li .sys_subitem-summary {display:none;} .generalFullWidth-content .sys_atoz-control ul li:hover, .generalFullWidth-content .sys_atoz-control ul li:hover span, .generalFullWidth-content .sys_atoz-control ul li:hover a{background-color: #005597; text-decoration:none;} .generalFullWidth-content .sys_atoz-control ul li.sys_selected, .generalFullWidth-content .sys_atoz-control ul li.sys_selected a, .generalFullWidth-content .sys_atoz-control ul li.sys_selected span{background-color: #005597;} .generalFullWidth-content .sys_atoz-control ul li.sys_noresults, .generalFullWidth-content .sys_atoz-control ul li.sys_noresults a, .generalFullWidth-content .sys_atoz-control ul li.sys_noresults span, .generalFullWidth-content .sys_atoz-control ul li.sys_noresults a, .generalFullWidth-content .sys_atoz-control ul li.sys_noresults a span span{background-color: #efefef!important; color: #434341!important; cursor: default;} .generalFullWidth-content .sys_atoz-control-currentletter {width: 100%;} .generalFullWidth-content .sys_atoz-control-currentletter .sys_atoz_heading{border-bottom: 2px solid #005597; color: #005597; font-size: 3em; padding: 30px 0 12px 0; margin: 0 0 20px 0;}