img.floatLeft{float: left; margin-right: .3em;} img.floatRight{float: right; margin-left: .3em;} img.imgBorder, .imgBorder img {border: 4px solid #fff;} #content .introParagraph{color:#005597; font-size: 1.4em!important; line-height: 1.4em;} /* 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: #434341; 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: #434341!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: #434341; 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: #efefef;} #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 !important; text-decoration:none; } #wrapper #content .sys_subitem .answer{padding: 6px;} #wrapper #content .sys_subitem .answer a{padding: 0!important; display:inline; text-decoration: underline;} #wrapper #content .sys_subitem .answer a:hover{color: #000;} #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 5px 0 0 !important; overflow-wrap: break-word; word-wrap: break-word;} #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;} #content .sys_subitem .sys_subitem-summary dd.sys_publications-content { font-weight: normal; padding: 0 1em 0.5em 0; } #content ul.fancyList {width: 100%; padding: 0 0 .5em 0; margin-bottom: 1em;} #content ul.fancyList li{list-style-type:none; margin: 0; width: 100%; border-bottom: 1px solid #e6e7e8; } #wrapper #content ul.fancyList li a{background: transparent url("/it-services/images/decorative/bg-arrow-right.png") no-repeat scroll right 10px top 50% / 12px auto; text-decoration:none; display:block; border-bottom: 1px solid transparent; padding: 8px 50px 8px 4px;} #wrapper #content ul.fancyList li a:hover{text-decoration:none; background-color: #e6e7e8; border-color: #e6e7e8;} #wrapper #content ul.fancyList li a.CTA-plainDownloadFile{font-size: inherit; color: inherit; border:none; background-image: url("/it-services/images/decorative/bg-icon-download.png"); background-size: 24px auto;} #wrapper #content ul.fancyList li a.CTA-plainDownloadFile:hover{color: #000;} /* 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 #434341; border-top: 1px solid #434341; border-bottom: 1px solid #434341;} #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: #434341; 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 #434341;} #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: #efefef; color: #434341;} #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:#efefef; border-color: #434341;} /* 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 0px;} .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%;} /* Nested column layouts fixes */ .sys_twoColumns5050 .sys_twoColumns_2575 .sys_one_2575{width: 23%; padding: 0; float: left; } .sys_twoColumns5050 .sys_twoColumns_2575 .sys_two_2575{width: 72%; padding: 0 0 0 14px; margin: 0; float:right;} 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:#1a296b;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:#1a296b;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: 10px 60px 10px 8px; text-decoration: none; } #wrapper #content a.bgArrowRightLarge { font-size: 1.4em; line-height: 1.2em; padding: 20px 60px 20px 8px; background-size: 34px auto; background-position: right 0 top 50%; } #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/base/internal/cta-icons/white/bg-icon-white-right-arrow.png"); background-size: 18px auto;} #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/base/internal/cta-icons/white/bg-icon-white-right-arrow.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");} .img-responsive{width: 100%; height: auto;} .sys_boxWithLightGreyBackground{background: #E6E6E6;} .sys_boxWithLightGreyBackground .sys_inner{padding:1.2em;} /* 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 .sys_thumbnail span, #genericSearchResults_List .js div.sys_thumbnail, #genericSearchResults_List .sys_thumbnail, #genericSearchResults_List div.sys_thumbnail{float: left;} #genericSearchResults_List .sys_icon, #genericSearchResults_List .sys_thumbnail span{display:none;} #genericSearchResults_List img{display:none;} #genericSearchResults_List .sys_subitem{float: left;} #genericSearchResults_List h3.sys_subitem-heading a{font-size: 0.8em!important; color: #1a296b!important;float: left; width: 100%;} #genericSearchResults_List dt.sys_search-url, #genericSearchResults_List dt.sys_search-description{display:none;} #genericSearchResults_List dd.sys_search-url{color: #434341;float: left; width: 100%;} #genericSearchResults_List dd.sys_search-description{float: left; width: 100%;} #genericSearchResults_List .sys_noresults{background:none; border: none; font-size: 1em;margin: 0; padding: 0;} #genericSearchResults_List .sys_noresults ul{} #genericSearchResults_List .sys_noresults ul li{border: none;} h2.sys_search-title{background: none!important; float: left; width: 100%; font-size: 1.5em!important;} */ /* Search box - general size */ #content .sys_search-query-control{} #content .sys_search-label{padding: 0; margin: 0; display:none;} /*#content #genericSearchControl_SearchTextBox{padding: 2px; margin:0; width: 140px!important;}*/ #content .sys_search-query-control, #content .sys_searchSnippet{display:block; margin-bottom: 1em;} #content .sys_search-query-control input, #content .sys_search-options input, #content .sys_search-control input, #content .sys_searchSnippet input, #content .sys_jobSearchBox input{border-color: #18194f;font-weight:bold; width: 70%; padding: 20px 1.25%; margin: 0 0 1% 0;} #content .sys_search-query-control .sys_button, #content .sys_search-options input.sys_button, #content .sys_search-control .sys_submit, #content .sys_searchSnippet .sys_submit, #content #genericSearchControl_SearchButton, #content .sys_button, #content .sys_jobSearchBox #jobSearchSubmit, #wrapper #content .sys_search-control #jobSearchSubmit{background-image:none; width: 27%; padding: 19px 0; margin: 0 0 1% 0; background-color: #18194f; background-image: none; border: 2px solid transparent; color: #ffffff; cursor: pointer; font-weight: bold; text-align: center;} #content .sys_jobSearchBox #jobSearchSubmit, #wrapper #content .sys_search-control #jobSearchSubmit{margin-left: -4px;} #content .sys_threeColumns .sys_one .sys_search-query-control input, #content .sys_threeColumns .sys_one .sys_search-options input, #content .sys_threeColumns .sys_two .sys_search-query-control input, #content .sys_threeColumns .sys_two .sys_search-options input, #content .sys_threeColumns .sys_three .sys_search-query-control input, #content .sys_threeColumns .sys_three .sys_search-options input, #content .sys_two_7030 .sys_search-query-control input, #content .sys_two_7030 .sys_search-options input{display:block; width: auto; padding: 12px 6px; margin: 0 0 1% 0;} #content .sys_threeColumns .sys_one .sys_search-query-control .sys_button, #content .sys_threeColumns .sys_one .sys_search-options input.sys_button, #content .sys_threeColumns .sys_two .sys_search-query-control .sys_button, #content .sys_threeColumns .sys_two .sys_search-options input.sys_button, #content .sys_threeColumns .sys_three .sys_search-query-control .sys_button, #content .sys_threeColumns .sys_three .sys_search-options input.sys_button, #content .sys_two_7030 .sys_search-query-control .sys_button, #content .sys_two_7030 .sys_search-options input.sys_button{display:block; width: auto; padding: 12px 6px;} #wrapper #content .sys_searchSnippet input{margin-left: -4px;} #content .sys_search-options{padding: 6px;} #wrapper #content .sys_search-options .sys_basic-search-row input.sys_searchbox, #content .sys_searchbox, #content .sys_faqs .sys_keywords-row{display:inline-block; width: 70%; padding: 20px 1.25%; margin: 0 0 1% 0; font-weight:bold;} #wrapper #content .sys_search-options .sys_basic-search-row input.sys_button, #content .sys_search-options .sys_button-row, #content .sys_button, #content .sys_faqs .sys_button-row{display:inline-block; width: 27%; padding: 19px 0; margin: 0 0 1% -1px;} #content .sys_search-options .sys_search-row input, #wrapper #content .sys_search-options input{display:block; width: 100%; margin: 0;} #content .sys_search-options .sys_button-row input, #wrapper #content .sys_search-options input.sys_button{display:block; width: 100%; margin: 0;} #wrapper #content .sys_search-options input.sys_button:hover, #wrapper #content .sys_search-query-control .sys_button:hover, #wrapper #content .sys_searchbox .sys_button:hover, #wrapper #content .sys_searchbox .sys_searchbutton:hover, #wrapper #content .sys_searchbox .sys_search-button:hover, #wrapper #content .sys_search-options .sys_basic-search-row input.sys_button:hover, #content #genericSearchControl_SearchButton:hover, #content .sys_button:hover, #content .sys_jobSearchBox #jobSearchSubmit:hover, #wrapper #content .sys_search-control #jobSearchSubmit:hover{background-color: #007ca7; border-color: #007ca7; background-image:none;} #wrapper #content .sys_faqs .sys_search-options{padding: 0;} #content .sys_faqs .sys_keywords-row, #content .sys_faqs .sys_button-row{padding: 0;} #wrapper #content .sys_faqs .sys_faqs-search-control {margin-bottom: 1em;} #wrapper #content .sys_faqs .sys_open{width: 100%;} #wrapper #content .sys_faqs .sys_open .sys_subitem-summary{border-bottom: 1px solid #007ca7;} #wrapper #content .sys_faqs .sys_open .sys_subitem-heading a {background: #007ca7; color: #fff;} #wrapper #content .sys_faqs .sys_subitem-summary, #wrapper #content .sys_faqs .sys_closed .sys_subitem-heading {} #wrapper #content .sys_faqs .sys_subitem {border-bottom: 1px solid #efefef;} #wrapper #content .sys_faqs .sys_subitem .sys_subitem-heading:hover {background-color: #007ca7;} #wrapper #content .sys_faqs .sys_subitem a:hover{background:none;} #wrapper #content .sys_faqs .sys_subalternatingitem {background: none repeat scroll 0% 0% transparent;} /* #wrapper #content .sys_search-options input.sys_button:hover{border-color: #fff; color: #fff;}*/ #wrapper #content .sys_search-options label, #wrapper .sys_search-query-control .sys_search-label, #wrapper #content .sys_searchSnippet label, #content .sys_jobSearchBox label{display: none;} #content .sys_search-options .sys_datepicker, #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; } /* #content .sys_StandaloneSearchBox{padding: 0; margin: 0;} #content .sys_StandaloneSearchBox .sys_greyRoundedBox {background: none; border: none; clear: both; margin: 0; padding: 0;} #content .sys_StandaloneSearchBox input{padding: 2px; margin: 0; color: #434341; width: 136px;} #content .sys_StandaloneSearchBox label, #content .sys_StandaloneSearchBox .sys_search-title{display:none;} #content .sys_StandaloneSearchBox .sys_submit{width: 5em;border: 2px solid #efefef; 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: #434341; 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: #efefefefefef;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 styles - ulzgw - 7 Jan 2019 *****/ blockquote {padding-right: 0; padding-left: 0;} blockquote { position: relative; padding: 12px 12px 12px 28px; margin-bottom: 1rem; border: solid 5px #009bbd;} blockquote.sys_blockquoteAlt.sys_blockquoteAltpadding{padding: 8px; position: inherit;} blockquote.sys_blockquoteAlt.sys_blockquoteAltpadding::before{display:none;} blockquote::before{ position: absolute; top: 14px; left: 2px; width: 20px; height: 20px; background: transparent url("/siteelements/images/core/icon-quote.svg") no-repeat 0 0; background-size: 20px;} blockquote.large { font-size: 1.125rem; line-height: 1.6875rem; letter-spacing: -0.3px; position: relative; padding: 2.1875rem 2.1875rem 2.1875rem 3.4375rem; margin-bottom: 1.25rem; border: solid 5px #009bbd;} blockquote::before, blockquote::after, .blockquote::before, .blockquote::after, .blockquote__content::before, .blockquote__content::after, .blockquote__image::before, .blockquote__image::after {content: ""; display: table; clear: both;} blockquote.large::before{ top: 1.875rem; left: -8px; width: 2.8125rem; height: 2.1875rem; background-size: auto; background-size: contain;} .blockquote{font-size: 1.25rem; margin: 2.5rem 0 0.5rem 0; padding-right: 0; padding-left: 0; border:none;} .blockquote::before{display:none;} .blockquote .blockquote__image {position: relative; float: left; width: 36%; margin-right: 0;} .blockquote .blockquote__image img {width: 100%; max-width: 100%; height: auto; display: block; position: relative; z-index: 2;} .blockquote .blockquote__image::after {position: absolute; top: -25px; right: -25px; width: 100%; height: 100%; display: block; border: solid 6px #009bbd;} .blockquote .blockquote__content::before { position: absolute; top: 0; width: 4.375rem; height: 3.4375rem; background: transparent url("/siteelements/images/core/icon-quote.svg") no-repeat 0 0; background-size: contain;} .blockquote .blockquote__content { position: relative; float: right; line-height: 1.6875rem; width: 44%; padding: 5rem 2.3rem 0 6rem; margin-top: 0;} .blockquote__footer, blockquote.large footer { font-size: 0.875rem; color: #007ca7; margin-top: 10px; line-height: normal; letter-spacing: -0.2px; font-weight: 700;} .sys_fourColumns blockquote.large, .sys_fiveColumns blockquote.large {font-size: 1rem; line-height: 1.2875rem; padding: 40px 20px 20px 10px;} .sys_fourColumns blockquote.large::before, .sys_fiveColumns blockquote.large::before{top: 10px; left: 10px; width: 2rem; height: 2rem;} /**** blockquote styles - ulzgw - 17 Jan 2019 ****/ .sys_fullWidth .sys_two_7030 .blockquote, .sys_fullWidth .sys_twoColumns5050 .blockquote{margin: 2.5rem 0 3.125rem 0; padding: 1.5625rem 0;} .sys_fullWidth .sys_two_7030 .blockquote .blockquote__image, .sys_fullWidth .sys_twoColumns5050 .blockquote .blockquote__image{position: relative; float: right; width: 60%; margin-right: 1.5625rem;} .sys_fullWidth .sys_two_7030 .blockquote .blockquote__content, .sys_fullWidth .sys_twoColumns5050 .blockquote .blockquote__content{padding: 0rem 2.5rem 2.5rem 0; width: 100%; float: left; margin-top: 1.25rem; position: relative;} .sys_fullWidth .sys_two_7030 .blockquote .blockquote__content:before, .sys_fullWidth .sys_twoColumns5050 .blockquote .blockquote__content:before {top: -75px; left: 0; } p.FauxBlockquote {background: #efefef; padding: 6px;} /*blockquote.blockquote {} blockquote.blockquote::before {content: ""; display: table; clear: both;} blockquote.blockquote::after {content: ""; display: table; clear: both;} blockquote.blockquote__image {position: relative; float: right; width: 50%; margin-right: 1.5625rem;} blockquote.blockquote__image::before {content: ""; display: table; clear: both;} blockquote.blockquote__image img {width: 100%; max-width: 100%; height: auto; display: block; position: relative; z-index: 2;} blockquote.blockquote__image::after {position: absolute; top: -25px; right: -25px; width: 100%; height: 100%; display: block; border: solid 6px #009bbd;} blockquote.blockquote__content {width: 100%; float: left; margin-top: 1.25rem; position: relative;}*/ #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 #97918e; height: 1px; width: 100%; float: left; margin: .5em 0;} #content .sys_boxWithDottedBorder, #content .sys_boxWithDarkBackground, .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_boxWithGreyBackground .introParagraph, #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 a, #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_boxWithDarkBackground .introParagraph, #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: #efefef;} #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;} #wrapper #content .sys_boxWithDarkBackground, #wrapper .content .sys_boxWithDarkBackground {background-color:#1a296b;} #wrapper #content .sys_boxWithGreyBackground{background-color:#434341!important;} .sys_boxWithWhiteBackground{background-color:#ffffff;} .sys_videoBox{background-color:#434341;} .sys_boxWithGreyBackground .sys_twoColumns .sys_one, .sys_boxWithGreyBackground .sys_twoColumns .sys_two{padding: 0; width: 49%; border: none;} .sys_fullWidth .sys_fourColumns .sys_boxWithGreyBackground{padding:0;} .sys_videoBox{background-color:#434341;} .sys_videoBoxTitle {z-index: 1000; background-color: #434341; position: absolute; padding: .4em; font-size: 1.3em;} .sys_videoBox .sys_one_7030 {z-index: 0; width:314px; min-height: 200px; padding: 0; border: none;position: relative;} .sys_videoBox .sys_two_7030 {width: 124px; padding: 0 8px;} .sys_fullWidth .sys_fourColumns .sys_videoBox .sys_one_7030 {z-index: 0; width:210px; min-height: 200px; padding: 0; border: none;float:left; clear:both;} .sys_fullWidth .sys_fourColumns .sys_videoBox .sys_two_7030 {width: 210px; padding: 0 8px;float:left; clear:both;} .sys_fullWidth .sys_fourColumns .sys_videoBox label.clear{display:none;} .sys_fullWidth .sys_fourColumns .sys_box98pxHeight{height: 86px; width: 204px; overflow:hidden;} .sys_H2-image-208px-left h2, .sys_H3-image-208px-left h3{font-size:1.2em!important;text-align: left!important; left: 5px!important; top: 5px; right: auto; padding-bottom: .45em!important; max-width:196px;} /* mini template contact details */ #content .sys_contactDetails{ padding: 0; overflow: hidden; background-color: #434341; 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 #efefef; margin: 0px;} #content table caption {font-weight:bold; background: #efefef; 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 #efefef;} #content table tbody tr.sys_alt td, #content table td .tableRowHighlight {background-color: #efefef;} #content table tr .tableRowHighlight {background: none repeat scroll 0% 0% #efefef; padding: 0px;} #content table tr .tableRowHighlight span {padding: 8px;} #content table .tableRowHighlight td {background: none repeat scroll 0% 0% #efefef; 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: #434341; 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: #434341; border: 1px solid #18194f;} #content input, #content select, #content textarea, #content #xmlform_panel input {float:none; border-radius: 0px;} #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 #434341;padding: 12px; background: #efefef;} #content .sys_cms-form-control .sys_sectionbreak-header{font-size: 2em!important; color: #005597;} /*#content .sys_cms-form-control .sys_sectionbreak-text a{color: #fff;} #wrapper #content .sys_cms-form-control .sys_sectionbreak-text a:hover{color: #fff; text-decoration:none;}*/ #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{margin: 0;} #content .sys_cms-form-control input, #content .sys_cms-form-control select, #content .sys_cms-form-control textarea{padding: 10px; border-color: #434341;} #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;} #content .sys_cms-form-control.sys_labels-left input{width: 100%; } #content .sys_cms-form-control.sys_labels-left textarea{width: 100%;} /* 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: #efefef; border: 1px solid #434341; padding: 10px;} .ui-datepicker-calendar td {padding: 5px;} .ui-datepicker-title {font-weight: bold; margin: 5px;} .ui-datepicker-header a {margin: 0 5px;} /* 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;} /* Style for 'Be-a-Guiding-Light.frm' - 25/05/2021 */ div#content div.guiding-light-form li.sys_cms-form-item input[type="checkbox"] { margin-top: 4px; } div#content div.guiding-light-form li.sys_cms-form-item span label { float: none; margin-left: 20px; } /* 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:#434341; } .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:#efefef;} #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 #434341;} #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 14/01/2020 - ulzgw */ #content .showhideIsOpen{} #content .sys_GenericAnswerShowHide{border-left: 1px solid #97918e; border-right: 1px solid #97918e; border-bottom: 1px solid #97918e;} #content .sys_GenericQuestionShowHide{margin: 0 0 .5625rem 0; border: 1px solid #97918e; clear:both; display:block; padding: 2.275rem 2.875rem 1.875rem 1.875rem; cursor:pointer; text-decoration:none;} #content .sys_GenericQuestionShowHide h1, #content .sys_GenericQuestionShowHide h2, #content .sys_GenericQuestionShowHide h3{margin-bottom: 0;} #content .sys_GenericQuestionShowHide:hover, #content .sys_GenericQuestionShowHide:hover .headingBackground{text-decoration: none;} #content .sys_GenericQuestionShowHide *, #wrapper #content .sys_GenericQuestionShowHide:hover *, #wrapper #content .showhideIsOpen *{color: #434341;} #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 .showhideIsOpen {margin: 0;border-bottom: 2px solid #1px; background: url("/SiteElements/Images/Base/Internal/showhideminus.png") #fff no-repeat top 50% right 1.875rem;} #content .showhideIsClosed {background: url("/SiteElements/Images/Base/Internal/showhideplus.png") #efefef no-repeat top 50% right 1.875rem;} #content .sys_GenericAnswerShowHide{ padding: 1.875rem; margin: 0 0 .5625rem 0;} #content .sys_GenericAnswerShowHide .sys_GenericQuestionShowHide {padding: .875rem 2.275rem .875rem .875rem;} #content .sys_GenericAnswerShowHide .sys_GenericAnswerShowHide {padding: .875rem;} #content .sys_GenericAnswerShowHide .sys_GenericQuestionShowHide {background-position:top 50% right .875rem;} /* 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{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 #434341; 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: #434341 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: 99%;} #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 #434341;} #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 #434341;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 #434341; 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: #434341!important;} #wrapper #content .sys_boxWithGreyBackground .sys_subitem .sys_events-subheading a{font-size: 0.85em;} /* FAQs */ /*#wrapper #content .sys_faqs label{display:none;} #wrapper #content .sys_faqs .sys_faqs-search-control {margin-bottom:2em; background-color: #fff; padding: 8px 2px 12px 8px; border: none; float:left;} #wrapper #content .sys_faqs .sys_subitem-heading{font-size: 1em;} #wrapper #content .sys_faqs .sys_open {border: 1px dashed #434341; 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 solid #efefef; margin: 0;} #wrapper #content .sys_faqs .sys_subitem:hover {background-color: #ccd6e0;} #wrapper #content .sys_faqs .sys_subalternatingitem{background:none;}*/ /* 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: #efefef;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;} /* event listing themed with icon */ #content .sys_theme-simple .sys_events-control .sys_itemslist .sys_subitem {border: none; border-bottom: 1px solid #434341;} #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 #434341; 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 #434341; 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: #434341; background-image: none; color: #fff; cursor: pointer; float: left; padding: 10px 12px; text-decoration: none;} #wrapper #content ul.sys_tabs li a, #wrapper #main #content div.sys_tabsfilter-control li a {color: #fff; 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: #434341 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: #434341 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;} /* stlyles for time stamp for UK requested by Mike Loxton 22/09/2014. Example here http://www.nottingham.ac.uk/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/04/2018 - to change all icons to simple right arrow - approved by Emma Hutchby */ body #wrapper #content a.CTA-Colour-WarmRed{background-color:#DE1B5C;} #wrapper #content a.CTA-ActualWidth{display:inline-block;} #content a.CTA-plainArrow, #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; color: #18194f; font-weight:bold; clear:both; text-decoration:none; height: auto; text-align:left; padding: 10px 60px 10px 8px; background-size: 18px auto; background-position: right 10px top 50%; background-repeat:no-repeat; margin-bottom: 4px; background-color: #eaeaea; border: 2px solid #e3e0e0;} #wrapper #content a.CTA-plainArrow: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: #18194f; border-color: #18194f;} #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, #content a.CTA-donateNow, #content .sys_CTAs a{background-image: url("/siteelements/images/base/internal/cta-icons/white/bg-icon-white-right-arrow.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: 18px auto; background-position: right 10px top 50%; background-repeat:no-repeat; margin-bottom: 4px; border: 2px solid transparent;} #content .sys_CTAs a{background-color: #DE1B5C; padding: 22px 30px 20px 8px; font-weight:normal;} #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-OpenAccess:hover, #wrapper #content a.CTA-Newsletter: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-Teaching:hover, #wrapper #content a.CTA-Telephone:hover, #wrapper #content a.CTA-updateDetails:hover, #wrapper #content a.CTA-Volunteer:hover, #wrapper #content a.CTA-Video:hover, #wrapper #content a.CTA-donateNow:hover, #wrapper #content a.CTA-greenButtonWithArrow:hover, #wrapper #content a.CTA-orangeButtonWithArrow:hover, #wrapper #content a.CTA-pinkButtonWithArrow:hover, #wrapper #content a.CTA-blueButtonWithArrow:hover, #wrapper #content a.CTA-yellowButtonWithArrow:hover, #wrapper #content .sys_CTAs a:hover{background-color: transparent; color: #18194f; border-color: #18194f; text-decoration:none; background-image: url("/siteelements/images/base/internal/cta-icons/Colour/bg-icon-blue5-right-arrow.png");} #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{background-color: transparent; color: #18194f; border-color: #18194f; text-decoration:none;} #wrapper #content a.CTA-plainFacebook{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/icon-facebook.png");} #wrapper #content a.CTA-plainFlickr{background-size: 22px auto; background-image: url("/siteelements/images/icons/icon-flickr.png");} #wrapper #content a.CTA-plainInstagram{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/icon-instagram.png");} #wrapper #content a.CTA-plainLinkedIn{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/icon-linkedin.png");} #wrapper #content a.CTA-plainRenRen{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/icon-renren-white.png");} #wrapper #content a.CTA-plainTumblr{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/icon-tumblr.png");} #wrapper #content a.CTA-plainTwitter{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/icon-twitter.png");} #wrapper #content a.CTA-plainWeibo{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/icon-weibo-white.png");} #wrapper #content a.CTA-plainVine{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/icon-vine.png");} #wrapper #content a.CTA-plainVK{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/icon-vk.png");} #wrapper #content a.CTA-plainYouKu{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/icon-youku-white.png");} #wrapper #content a.CTA-plainYouTube{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/icon-youtube.png");} #wrapper #content a.CTA-Facebook{background-size: 22px auto; background-color: #005597; background-image: url("/SiteElements/Images/Icons/icon-facebook-white.png");} #wrapper #content a.CTA-Flickr{background-size: 22px auto; background-color: #005597; background-image: url("/siteelements/images/icons/icon-flickr.png");} #wrapper #content a.CTA-Instagram{background-size: 22px auto; background-color: #005597; background-image: url("/SiteElements/Images/Icons/icon-instagram-white.png");} #wrapper #content a.CTA-LinkedIn{background-size: 22px auto; background-color: #005597; background-image: url("/SiteElements/Images/Icons/icon-linkedin-white.png");} #wrapper #content a.CTA-RenRen{background-size: 22px auto; background-color: #005597; background-image: url("/SiteElements/Images/Icons/icon-renren-white.png");} #wrapper #content a.CTA-Tumblr{background-size: 22px auto; background-color: #005597; background-image: url("/SiteElements/Images/Icons/icon-tumblr-white.png");} #wrapper #content a.CTA-Twitter{background-size: 22px auto; background-color: #005597; background-image: url("/SiteElements/Images/Icons/x-logo-white-bg.png");} #wrapper #content a.CTA-Weibo{background-size: 22px auto; background-color: #005597; background-image: url("/SiteElements/Images/Icons/icon-weibo-white.png");} #wrapper #content a.CTA-Vine{background-size: 22px auto; background-color: #005597; background-image: url("/SiteElements/Images/Icons/icon-vine-white.png");} #wrapper #content a.CTA-VK{background-size: 22px auto; background-color: #005597; background-image: url("/SiteElements/Images/Icons/icon-vk-white.png");} #wrapper #content a.CTA-YouKu{background-size: 22px auto; background-color: #005597; background-image: url("/SiteElements/Images/Icons/icon-youku-white.png");} #wrapper #content a.CTA-YouTube{background-size: 22px auto; background-color: #005597; background-image: url("/SiteElements/Images/Icons/icon-youtube-white.png");} #content a.CTA-greenButtonWithArrow{border-color: transparent;background-color: #c3e3cd;} #content a.CTA-orangeButtonWithArrow{border-color: transparent;background-color: #f1d6bd;} #content a.CTA-pinkButtonWithArrow{border-color: transparent;background-color: #e8bfd6;} #content a.CTA-blueButtonWithArrow{border-color: transparent;background-color: #b9baca;} #content a.CTA-yellowButtonWithArrow{border-color: transparent;background-color: #f1d6bd;} #wrapper #content a.CTA-Facebook:hover{background-image: url("/SiteElements/Images/Icons/icon-facebook.png");} #wrapper #content a.CTA-Flickr:hover{background-image: url("/siteelements/images/icons/icon-flickr.png");} #wrapper #content a.CTA-Instagram:hover{background-image: url("/SiteElements/Images/Icons/icon-instagram.png");} #wrapper #content a.CTA-LinkedIn:hover{background-image: url("/SiteElements/Images/Icons/icon-linkedin.png");} #wrapper #content a.CTA-Tumblr:hover{background-image: url("/SiteElements/Images/Icons/icon-tumblr.png");} #wrapper #content a.CTA-Twitter:hover{background-image: url("/SiteElements/Images/Icons/x-logo-dark-bg.png");} #wrapper #content a.CTA-Weibo:hover{background-image: url("/SiteElements/Images/Icons/icon-weibo.png");} #wrapper #content a.CTA-Vine:hover{background-image: url("/SiteElements/Images/Icons/icon-vine.png");} #wrapper #content a.CTA-VK:hover{background-image: url("/SiteElements/Images/Icons/icon-vk.png");} #wrapper #content a.CTA-YouTube:hover{background-image: url("/SiteElements/Images/Icons/icon-youtube.png");} /* 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; height: auto;} #content .sys_imageWithTextBelow .sys_textArea{display:block; padding: 10px 6px; background-color: #fff; color: #000; border-bottom: 1px solid #434341; 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-icon-white-right-arrow.png") no-repeat right 10px top 50%; background-size: 18px; color: #fff;position:absolute; bottom: 0; right: 0; left: 0; color: #fff;} #content .sys_CTA-ImageAndTextBlock .sys_CTA-name {margin: 0; text-align:left; padding: 8px 30px 8px 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-icon-white-right-arrow.png") no-repeat right 10px top 50%; background-size: 18px;} /* bullet list with no bullets - ulzgw 27/11/2019 */ #content .noBullets{padding: 0;} #content .noBullets li {list-style-type:none; margin-left: 0;} /* 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: #DE1B5C 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;} /* Page thumbnail with title over - ulzgw - 2018-11-16 */ #content .sys_detailImage {position:relative; margin-bottom: 1em;} #content .sys_detailImage h1{font-size: 2em;position:absolute; bottom: 0; left: 0; background: #fff; margin-bottom: 0; padding: 12px 16px 12px 0;} #content .sys_detailImage img{width: 100%; height: auto;} img.padding{padding: 6px;} img.border{border: 2px solid #f7f7f7;} /* Gecko enquiry chatbot styles - ulzgw - updated - 19/08/19 */ #GeckoChatWidget .PreChatForm, #GeckoChatWidget .Conversation{background: #fff!important; padding: 6px;} #GeckoChatWidget .PreChatForm a, #GeckoChatWidget .Conversation a{text-decoration:underline;} #GeckoChatWidget .PreChatForm a:hover, #GeckoChatWidget .Conversation a:hover{text-decoration:none;} #GeckoChatWidget div.PreChatForm-fields > div > input:hover, #GeckoChatWidget div.PreChatForm-fields > div > input:focus { outline: auto; } #GeckoChatWidget .Header-welcome-message{font-size: 1.3em; text-align:left;} #GeckoChatWidget .Gecko-header{ background: -webkit-gradient(linear,left top,left bottom,from(#007ca7),to(#18194f))!important; background: -webkit-linear-gradient(#007ca7,#18194f)!important; background: -o-linear-gradient(#007ca7 0,#18194f 100%)!important; background: linear-gradient(#007ca7,#18194f)!important;} #GeckoChatWidget .Gecko-header *{color: #fff!Important;} #GeckoChatWidget .Gecko-header .Header-agent-details-name{font-weight:bold;} #GeckoChatWidget *{font-family:circular!important; font-size: inherit;} #GeckoChatWidget .ChatContainer { background: #efefef; border: 2px solid #18194f; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; bottom: 146px!important; right: 30px;} #GeckoChatWidget .Header { background: -webkit-gradient(linear,left top,left bottom,from(#007ca7),to(#18194f))!important; background: -webkit-linear-gradient(#007ca7,#18194f)!important; background: -o-linear-gradient(#007ca7 0,#18194f 100%)!important; background: linear-gradient(#007ca7,#18194f)!important; color: #fff; position: relative; padding: 0;} #GeckoChatWidget .Header > img {position:absolute; top: 0; left: 0; width: 50px; max-height: 50px; display: inline-block; margin: 0;} #GeckoChatWidget .Header > .Header-welcome-message{text-align:left;min-height: 36px;font-weight:bold; padding-top: 15px; margin-left: 65px; display:inline-block; color: #fff!important;} #GeckoChatWidget .PreChatForm, #GeckoChatWidget .Conversation {background:none;} #GeckoChatWidget .ChatButton-custom{width: ;} #GeckoChatWidget .ChatButton-custom:before{position:absolute; text-align:center; bottom: 3px; display:block;content:"Live chat"; position:relative; background: #007ca7; padding: 6px; color: #fff; font-weight:bold; } #GeckoChatWidget .PreChatForm-fields {padding: 16px 16px 0 16px; border-color: #18194f!Important;} #GeckoChatWidget .PreChatForm-fields > div > label { margin-left: 0; font-size: inherit; font-weight: bold; color: #18194f;} #GeckoChatWidget .PreChatForm-fields > div .rdt input, #GeckoChatWidget .PreChatForm-fields > div .rrui__input-field, #GeckoChatWidget .PreChatForm-fields > div > .DayPickerInput > input, #GeckoChatWidget .PreChatForm-fields > div > input, #GeckoChatWidget .PreChatForm-fields > div > select, #GeckoChatWidget .PreChatForm-fields > div > textarea, #GeckoChatWidget .react-select__control { color: #434341; margin-top: 4px; margin-bottom: 12px; padding: 10px 8px; border: 1px solid #434341; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; font-size: inherit; background-color: #fff;} #GeckoChatWidget .react-select__control{padding: 0 10px 0 10px;} #GeckoChatWidget .PreChatForm-fields .rdt input:focus, #GeckoChatWidget .PreChatForm-fields .rrui__input-field:focus, #GeckoChatWidget .PreChatForm-fields .DayPickerInput > input:focus, #GeckoChatWidget .PreChatForm-fields input:focus, #GeckoChatWidget .PreChatForm-fields select:focus, #GeckoChatWidget .PreChatForm-fields textarea:focus{border-color: #18194f; color: #18194f;} #GeckoChatWidget .PreChatForm-submit { background-image: url("https://www.nottingham.ac.uk/siteelements/images/base/internal/cta-icons/white/bg-icon-white-right-arrow.png"); font-weight: bold; padding: 10px 30px 10px 8px; background-size: 18px auto; background-position: right 4px top 50%; background-repeat: no-repeat; font-size: 1em; margin: 16px; display: inline-block; background-color: #DE1B5C!important; border: 2px solid transparent!important; -webkit-box-shadow: 0; box-shadow: 0; color: #fff; -webkit-box-sizing: none; box-sizing: none; width: auto; text-align: left; border-radius:0!important; } #GeckoChatWidget .PreChatForm-submit:hover{border-color: #18194f!important; color: #18194f!important; background-color: transparent!important; background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bgarrowblackround.png");} #GeckoChatWidget .fa {font: normal normal normal 18px/1 FontAwesome!important; font-size: 18px!important;} #GeckoChatWidget .GeckoChatWidget .PreChatForm > .PreChatForm-submit::before{display:none;} .lastModified{padding: 6px 0; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; margin-top: 2em; margin-bottom: .6em;} .lastModified span{font-weight:bold;}