#nav li a[href*="/studywithus/"] { background: #18194f; color: #fff; } /* September 2018 changes - ulzgw */ .sys_fullWidth #content {width: 960px; padding: 0;} #pageTools, #toolBar, #pageToolsTab{border:none;} #content #UGHomepage .sys_threeColumns, #content .course-search, #content #UGHomepage .sys_twoColumns_3070{margin-bottom: 2.5em;} #content #UGHomepage .CTA-Arrow, #content #UGHomepage .CTA-plainArrow{padding: 40px 40px 40px 8px; font-size: 1.2em; font-weight:normal;} #content #UGHomepage .CTA-Arrow {background-color: #007ca7;} #content #UGHomepage .LargeBannerWithTextOver .TextOverlay{width: 26%;} #content #UGHomepage .LargeBannerWithTextOver .TextOverlay .BannerTitle{font-size: 2.6rem; line-height: 4rem; border: 4px solid #fff; padding: 54px 20px;} #content #UGHomepage .sys_search-query-control{margin-bottom: 2.5em; color: #4a4949; position:relative; height: 64px;} #content #UGHomepage .sys_search-query-control input{width: 91%; position:absolute; border: 1px solid #c8c8c8;} #content #UGHomepage .sys_search-query-control .sys_button{position:absolute; right: 0;} #content #UGHomepage .sys_search-query-control input{margin: 0; color: #4a4949; font-size: 1.2em;} #content #UGHomepage .sys_search-query-control .sys_button{width: auto; padding: 29px; color: transparent; font-size: 0; border: 2px solid transparent; background: #007ca7 url("/siteelementshomepage/images/icons/icon-magnifier.png") no-repeat 50%;} #content #UGHomepage .sys_search-query-control .sys_button:hover{background: transparent url("/siteelementshomepage/images/icons/icon-magnifier-blue.png") no-repeat 50%!important; border-color: #18194F;} #content #UGHomepage .sys_video-button {border-color: #007ca7; background-color: #007ca7; background-image: url("/ugstudy/clearing/2017/images/decorative/bg-playbutton-white.png") ;} #content #UGHomepage .sys_video:hover .sys_video-button {border-color: #fff; background-color: transparent;} #content .card{margin-bottom: 0;} #homepagesearchpanel #coursesearchheader h3 {font-size: 1.3em; line-height: 1.4em; float:left; width: 124px; margin-right: 10px; display:inline-block; color: #1a296b; margin-top: 6px; margin-bottom: 10px;} .filteredTableInputWrapper {background: #005597; padding: 20px 20px 24px 20px; margin-bottom: 1em; color: #fff; font-weight:bold;} #content .filteredTableInputWrapper label{display:block; font-size: 1.2rem; margin-bottom: 1em;} #content .filteredTableInputWrapper input{background: #fff; color: #18194F; border:none; padding: 14px 1.25%; width: 97.5%; margin: 0; font-weight:bold;} #OfferHolderProgrammes .responsivetable h2 a, #OfferHolderProgrammes .responsivetable h3 a{font-weight:bold; color: #18194F;} #content #OfferHolderProgrammes .responsivetable h2 a:hover, #content #OfferHolderProgrammes .responsivetable h3 a:hover{text-decoration:none;} /******** START ******* CLEARING 2016 STYLES - 14/07/2016 - ulzgw ********/ #content #clearing2016{padding-bottom: 2rem;} .sys_hideOnDesktop{display:none;} #content #clearing2016 .sys_twoColumns_3070, #content #clearing2016 .sys_twoColumns_7030, #content #clearing2016 .sys_threeColumns{ display:flex; flex-direction:row; -webkit-flex-direction: row; align-items:stretch; margin: 0;} #content #clearing2016 div div { -webkit-flex:1; flex:1; border:none; width: auto; margin-right: 10px; padding: 0; margin-bottom: 10px;} #content #clearing2016 .highlight{line-height: 1.8em; border: 1px solid #ccc; background: #fff url("/siteelements/images/base/internal/cta-icons/white/bg-icon-white-telephone.png") no-repeat scroll right 16px top 50% / 50px auto; padding: 20px 70px 20px 10px;} #content #clearing2016 .highlight .sys_linebreak{display:block; height: 8px;} #content #clearing2016 .sys_twoColumns_7030 div{margin-right: 0;} #content #clearing2016 div .sys_one_7030, #content #clearing2016 div .sys_two_3070 {-webkit-flex:2; flex:2;} #content #clearing2016 div div:last-child {margin-right: 0;} #content #clearing2016 .sys_block{ margin-bottom: 10px; padding: 0; background: #ccc;} #wrapper #content #clearing2016 .sys_innerBlock{padding: 14px;} #content #clearing2016 h1{margin-bottom: .6rem;font-size: 1.8rem; line-height:2rem; font-weight:bold; color: #000;} #content #clearing2016 h2{font-size: 1.2rem; line-height: 1.4rem; margin-bottom: 0.8rem;color: #000; } #content #clearing2016 img.imgBorder{ border:none; -ms-transform: rotate(-3deg); /* IE 9 */ -webkit-transform: rotate(-3deg); /* Chrome, Safari, Opera */ transform: rotate(-3deg); box-shadow: 1px 1px 6px 1px #666;} #content #clearing2016 div .sys_one_7030.sys_international img {width: 160px; height: auto; float:left; margin-bottom: 1rem; margin-right: 1.5rem;} #content #clearing2016 .sys_threeColumns div{height: 282px; text-align:center;background:none;position:relative;} #content #clearing2016 .sys_threeColumns div img.imgBorder{z-index: 0; position:absolute; left: 12px; top: 20px; width: 206px; height: auto; } #content #clearing2016 .sys_threeColumns div.sys_three img.imgBorder{ -ms-transform: rotate(2deg); /* IE 9 */ -webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */ transform: rotate(2deg);} #content #clearing2016 .sys_threeColumns div.sys_two img.imgBorder{ -ms-transform: rotate(-5deg); /* IE 9 */ -webkit-transform: rotate(-5deg); /* Chrome, Safari, Opera */ transform: rotate(-5deg);} #content #clearing2016 .largeText{font-size: 1.2rem; line-height: 1.4rem; margin-bottom: 0.8rem;} #content #clearing2016 div p:last-child{margin-bottom: 0;} #wrapper #content #clearing2016 .sys_threeColumns a{ z-index: 100; position:absolute; bottom: 0; left: 0; right: 0; display:block; padding: 14px 6px 16px 6px; text-align:left; font-size: 0.9rem; text-decoration:none; background-image: url("/siteelements/images/base/internal/cta-icons/white/bgarrowwhiteround.png"); background-position: top 50% right 10px; background-repeat:no-repeat; background-size: 26px;} #wrapper #content #clearing2016 .sys_threeColumns a:hover{background-color: #000; color: #fff;} #wrapper #content #clearing2016 .sys_threeColumns .sys_bgLimeGreen a{background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bgArrowBlackRound.png");} #wrapper #content #clearing2016 .sys_threeColumns .sys_bgLimeGreen a:hover{background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/white/bgarrowwhiteround.png");} #content #clearing2016 .sys_threeColumns .sys_bgDarkGreen a{background:#00914d; color: #fff;} #content #clearing2016 .sys_threeColumns .sys_bgLimeGreen a{background:#c3e21a; color: #000;} #content #clearing2016 .sys_bgDarkGreen{background:#00914d; color: #fff;} #content #clearing2016 .sys_bgLimeGreen{background:#c3e21a; color: #000;} #content #clearing2016 .sys_bgLightGrey{background:#e0e1e5; color: #000;} #content #clearing2016 .sys_bgBlack{background:#000; color: #fff; font-size: 1.8rem; line-height:2rem;} #content #clearing2016 .sys_bgBlack a{font-weight:bold;} #content #clearing2016 .sys_banner{padding: 0; background: none;} #content #clearing2016 .sys_two_3070.sys_banner img{width: 100%; height: auto; float:none; margin: 0;} #content #clearing2016 .sys_bgDarkGreen h2, #content #clearing2016 .sys_bgDarkGreen a, #content #clearing2016 .sys_bgDarkGreen h2, #content #clearing2016 .sys_bgBlack a{color: #fff;} #content #clearing2016 .sys_bgLimeGreen h2, #content #clearing2016 .sys_bgLimeGreen a, #content #clearing2016 .sys_bgLightGrey h2, #content #clearing2016 .sys_bgLightGrey a{color: #000;} #content #clearing2016 .sys_bgLimeGreen h2{font-weight:normal;} #content #clearing2016 .sys_bgLimeGreen a.CTA-ArrowRoundRight{color: #000;background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bgArrowBlackRound.png");line-height: 1.9rem;background-position: top 50% right 20px;background-color:#c3e21a; font-size: 2rem; padding: 20px 80px 20px 20px;} #wrapper #content #clearing2016 .sys_bgLimeGreen a.CTA-ArrowRoundRight:hover{background-position: top 50% right 20px;background-color:#000; color: #fff; background-image: url("/siteelements/images/base/internal/cta-icons/white/bgarrowwhiteround.png"); background-repeat:no-repeat; } #wrapper #content #clearing2016 .sys_bgBlack a:hover, #content #clearing2016 .sys_bgDarkGreen a:hover, #content #clearing2016 .sys_bgLimeGreen a:hover, #content #clearing2016 .sys_bgBlack a:hover, #content #clearing2016 .sys_bgLightGrey a:hover{background: #fff; color: #000; text-decoration:none;} #content #clearing2016 .sys_bgLightGrey li{margin-bottom: 1rem; font-size: 0.9rem;} #content #clearing2016 .kalturaEmbed, #content #clearing2016 .kalturaEmbed div{margin: 0;} @media only screen and (max-width: 967px) { #wrapper #content #clearing2016 span.largeText{font-size: 1.9em; line-height:2rem;} } @media only screen and (max-width: 768px) { #content .sys_hideOnMobile{display:none;} #content .sys_hideOnDesktop{display:block;} #wrapper #content #clearing2016 .sys_banner{padding: 0!important;background-size: 186px;} #wrapper #content #clearing2016 h1{width: 58%;font-size: 2.35em; line-height:2.2rem;} #content #clearing2016 .sys_twoColumns_3070, #content #clearing2016 .sys_twoColumns_7030, #content #clearing2016 .sys_threeColumns{flex-direction:column; -webkit-flex-direction: column;} #content #clearing2016 .sys_threeColumns div{height: auto;} #content #clearing2016 .sys_threeColumns div p{margin: 0;} #content #clearing2016 .sys_threeColumns div img{display:none;} #wrapper #content #clearing2016 .sys_threeColumns a{position:relative; padding: 24px 6px;} #content #clearing2016 .sys_block {margin-right: 0; } #content #clearing2016 .sys_threeColumns div img{display:none;} #content #clearing2016 img{width: 100%; height: auto;} } @media only screen and (max-width: 479px) { #wrapper #content #clearing2016 .sys_banner{background-image:none;} #wrapper #content #clearing2016 h1{width: 100%;font-size: 2.5em; line-height:2.2rem;} } /******** END ******* CLEARING 2016 STYLES - 14/07/2016 - ulzgw ********/ /* HOMEPAGE START*/ #content {background-color: #fff;} #content, #content li, {color: #000;} #content .backToTop{display:none;} #content ul li{margin: 8px 0 0 14px;} #content #homepageimagewrapper {display: block; height: 335px; margin-bottom: 0px; position: relative; width: 714px;} #UGHomepageRotate_List {height: 335px; position: relative;} #UGHomepageRotate_List div.sys_thumbnail a {cursor: default;} #UGHomepageRotate_List h3.sys_subitem-heading {display:none;} /* #content .sys_search-query-control, #content .sys_search-search-control{margin-bottom: 1em;} #content .sys_search-query-control input.sys_searchbox, #content .sys_search-query-control input, #content .sys_search-search-control input.sys_searchbox, #content .sys_search-search-control input{color: #1a296b;width: 590px; margin: 4px 4px 0 0; font-size: 1.2em; padding: 16px 4px;} #content .sys_search-query-control .sys_button, #content .sys_search-search-control .sys_button{font-weight:normal;border-radius:0px; background-color: #005597;color: #fff; padding: 15px 4px; width: 110px; display:inline-block; border-color: #005597;} #content .sys_one_7030 .sys_search-query-control input, #content .sys_one_7030 .sys_search-search-control input{width: 336px;} #content .sys_one_7030 .sys_search-query-control .sys_button, #content .sys_one_7030 .sys_search-search-control .sys_button{width: 110px;} #content .sys_two_7030 .sys_search-query-control input, #content .sys_two_7030 .sys_search-search-control input{width: 208px;} #content .sys_two_7030 .sys_search-query-control .sys_button, #content .sys_two_7030 .sys_search-search-control .sys_button{width: 218px;} #content #genericSearchControl_SearchButton:hover, #content .sys_button:hover, #content .sys_search-query-control .sys_button:hover, #content .sys_search-search-control .sys_button:hover{background-color:#333330!important; border-color: #4a4949; color:#fff;} */ #content .sys_search-search-control .sys_addbutton{background:inherit; color:inherit; border:none; font-size: inherit; padding: 0; width: auto; text-decoration:underline;} #wrapper #content .sys_search-search-control .sys_addbutton:hover{} .sys_advanced-search-row {margin-top: .5em;} #content .sys_search-search-control .sys_searchmode a{font-weight:bold; display:inline-block;} .sys_search-control .sys_alsotry, .sys_search-query-control .sys_alsotry{display:none;} #wrapper #content .sys_search-label { /* display: none; */ display: block; border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #content #SearchResults_List dd.sys_search-url{display:none;} #content #homepageimagewrapper {display: block; height: 400px; margin-bottom: 30px; position: relative; width: 100%;} #content #homepageimagewrapper .sys_search-query-control{margin: 0;} #content #homepageimagewrapper .sys_search-query-control input{border-color: #fff;} #content #homepageimagewrapper .sys_search-query-control .sys_button {background-color: #007ca7; border-color: #007ca7;} #wrapper #content #homepageimagewrapper .sys_search-query-control .sys_button:hover{border-color: #18194f; color: #fff; background-color: #18194f;} .searchcontainer { background-position: 0 0; background-repeat: repeat; display: block; padding: 0; /*float: right;*/ height: ; position: absolute; bottom: 6px; left: 12px; right: 12px;} #homepagesearchpanel #coursesearchheader h3 {font-size: 1.3em; line-height: 1.4em; float:left; width: 124px; margin-right: 10px; display:inline-block; color: #1a296b; margin-top: 6px; margin-bottom: 10px;} #content .homepageCTAwrapper{margin-bottom: 24px;} #content .homepageCTAwrapper .sys_fourColumns .sys_one, #content .homepageCTAwrapper .sys_fourColumns .sys_two, #content .homepageCTAwrapper .sys_fourColumns .sys_three, #content .homepageCTAwrapper .sys_fourColumns .sys_four{border:none; padding: 0; margin-right: 10px; width: 23.95%;} #content .homepageCTAwrapper .sys_fourColumns .sys_four{margin-right: 0;} #content .homepageCTAwrapper .sys_twoColumns5050 .sys_one, #content .homepageCTAwrapper .sys_twoColumns5050 .sys_two{border:none; padding: 0; margin-right: 10px; width: 49%;} #content .homepageCTAwrapper .sys_twoColumns5050 .sys_two{margin-right: 0;} #content .homepageCTAwrapper .sys_twoColumns5050 .sys_one a.ugStudyCTA{padding: 26px 60px 27px 6px!Important; } #content .homepageCTAwrapper .sys_twoColumns_3070 .sys_one_3070{border:none; padding: 0; margin-right: 10px; width: 23.95%;} #content .homepageCTAwrapper .sys_twoColumns_3070 .sys_two_3070{border:none; padding: 0; margin-right: 0; width: 49;} #content .homepageCTAwrapper .sys_twoColumns_3070 .sys_one_3070 a.ugStudyCTA{padding: 35.5px 60px 36px 6px!Important; } #wrapper #content .homepageCTAwrapper a.ugStudyCTA{background-size: 24px; background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/White/bgArrowWhiteRound.png");color: #fff; font-weight:bold; background-color: #007CA7; border:2px solid transparent; font-size: 1.2em; line-height: 1.3em; padding: 26px 60px 26px 6px; background-position: 94% 50%;} #wrapper #content .homepageCTAwrapper a.ugStudyCTA:hover{} #content a span{display:block; height: 0;} #content .homeContent{margin-bottom: 1em;} #content .homeContent img{ margin-bottom: 4px;} #content .homeContent .sys_threeColumns .sys_one .sys_homeBlock ul{padding: 0 6px;} #wrapper #content .homeContent li{margin: 0;} #content .homeContent li a{background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bg-icon-blue5-right-arrow.png");font-weight:normal; line-height: 1.4em; text-decoration:none; display:block; background-size: 14px auto; background-repeat: no-repeat; background-position: 98% 50%; margin: 0; padding: 8px 38px 8px 6px; border-bottom: 1px solid #efefef;} #wrapper #content .homeContent li a:hover{background-image: url("/siteelements/images/base/internal/cta-icons/colour/bg-icon-blue2-right-arrow.png");background-color: transparent; text-decoration:none;} #content .homeContent .sys_twoColumns5050 .sys_one, #content .homeContent .sys_twoColumns5050 .sys_two{border:none; padding: 0; margin-right: 10px; width: 49.2%;} #content .homeContent .sys_twoColumns5050 .sys_two{margin-right: 0;} #content .homeContent .sys_twoColumns5050 .sys_one .sys_twoColumns5050 .sys_one, #content .homeContent .sys_twoColumns5050 .sys_one .sys_twoColumns5050 .sys_two{margin: 0; width: 48.6%;} #content .homeContent h2{color: #000; background-color: #b2cce0; padding: 10px 6px;} #content .homeContent h2 a{text-decoration:none;color: #2d2d2d;display:block; background: transparent url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bg-icon-blue5-right-arrow.png") no-repeat 99% 50%; background-size: 16px;} #content .homeContent h2 a:hover{text-decoration:underline;} #content .homeContent h3{color: #435a69; padding: 0; font-size: inherit; font-weight:bold;} #content .homeContent ul{margin: 0 0 1em 0; padding: 0; } #content .homeContent ul li{margin: 4px 0 0 0; list-style-type:none;} #wrapper #content .homeContent ul li a{color: #333330;} /* VIDEO STYLES*/ #content .homeContent .homepageVideo{width: 100%; height: 236px;} /* HOMEPAGE END */ /* CHINA COURSES PAGE - START */ #wrapper #content a.ugStudyJumpLinkChina {background-color: #d9292b; margin-top: 1em;} #ugStudyContactChina{margin-bottom: 1em;} #ugStudyContactChina h2.china{color:#d9292b;} #contactEmailChina, #contactWebChina, #contactIntChina {padding-left: 24px;} #contactEmailChina {background-attachment: scroll; background-color: transparent; background-image: url("/siteelements/images/prospectus/course-icons/china-email-env.png"); background-position: 0 100%; background-repeat: no-repeat;} #contactWebChina {background-attachment: scroll; background-color: transparent; background-image: url("/siteelements/images/prospectus/course-icons/china-visitweb-arrow.png"); background-position: 0 100%; background-repeat: no-repeat;} #contactIntChina {background-attachment: scroll; background-color: transparent; background-image: url("/siteelements/images/prospectus/course-icons/china-int-globe.png"); background-position: 0 100%; background-repeat: no-repeat;} #wrapper #content #ugStudyDownloadChina a {background-color: #d9292b;} #content p.ugStudySchoolIntroChina {color: #d9292b; margin-top:-10px;} #content h3.china {color: #d9292b;} /* CHINA COURSES PAGE - END */ /* COURSE PAGE VIDEO */ #content #ugStudyCoursePage #ugStudyProfile .clear {display:none;} /* DOWNLOAD BROCHURE PAGE - START */ #downloadbrochurepage {line-height: 1.5em;} #downloadbrochurepage ul { list-style-image: none; list-style-position: outside; list-style-type: disc; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;} .brochure-download li { display: inline; float: left; height: 200px; text-align: left; width: 25%;} #content #faculty-nav .sys_bySubject{border-left: 10px solid #fff; margin-bottom: 10px; background-color: #efefef;} #content #faculty-nav .sys_bySubject .sys_GenericQuestionShowHide{padding: 6px; background-color: transparent; border:none; margin: 0;} #content #faculty-nav .sys_bySubject .sys_GenericQuestionShowHide h2{padding: 10px 6px;} #content #faculty-nav .sys_bySubject .sys_GenericAnswerShowHide{padding: 10px;} #content #faculty-nav .sys_bySubject .sys_GenericQuestionShowHide.showhideIsOpen, #content #faculty-nav .sys_bySubject .sys_GenericQuestionShowHide:hover{color: #fff; border-color: #445a6a;background-color: #445a6a;} #wrapper #content #faculty-nav .sys_bySubject .sys_GenericQuestionShowHide:hover h2{color: #fff;} #content #faculty-nav .sys_bySubject h2{color:#1a296b;} #content #faculty-nav .sys_bySubject ul{display:inline-block;margin: 0 0 1em 0; padding: 0;} #content #faculty-nav .sys_bySubject ul li{margin: 4px 0 0 0; list-style-type:none;} #content #faculty-nav .sys_bySubject#subjectFoundation {border-left-color:#DE1B5C;} #content #faculty-nav .sys_bySubject#subjectArts {border-color:#d27826;} #content #faculty-nav .sys_bySubject#subjectEng {border-color:#68898c;} #content #faculty-nav .sys_bySubject#subjectMedicine {border-color:#009085;} #content #faculty-nav .sys_bySubject#subjectScience {border-color:#37a158;} #content #faculty-nav .sys_bySubject#subjectSocialSci {border-color:#6c5097;} #content #faculty-nav .sys_bySubject#subjectFoundation .sys_GenericQuestionShowHide.showhideIsOpen, #content #faculty-nav .sys_bySubject#subjectFoundation .sys_GenericQuestionShowHide:hover{background-color:#DE1B5C;} #content #faculty-nav .sys_bySubject#subjectArts .sys_GenericQuestionShowHide.showhideIsOpen, #content #faculty-nav .sys_bySubject#subjectArts .sys_GenericQuestionShowHide:hover{background-color:#d27826;} #content #faculty-nav .sys_bySubject#subjectEng .sys_GenericQuestionShowHide.showhideIsOpen, #content #faculty-nav .sys_bySubject#subjectEng .sys_GenericQuestionShowHide:hover{background-color:#68898c;} #content #faculty-nav .sys_bySubject#subjectMedicine .sys_GenericQuestionShowHide.showhideIsOpen, #content #faculty-nav .sys_bySubject#subjectMedicine .sys_GenericQuestionShowHide:hover{background-color:#009085;} #content #faculty-nav .sys_bySubject#subjectScience .sys_GenericQuestionShowHide.showhideIsOpen, #content #faculty-nav .sys_bySubject#subjectScience .sys_GenericQuestionShowHide:hover{background-color:#37a158;} #content #faculty-nav .sys_bySubject#subjectSocialSci .sys_GenericQuestionShowHide.showhideIsOpen, #content #faculty-nav .sys_bySubject#subjectSocialSci .sys_GenericQuestionShowHide:hover{background-color:#6c5097;} #content #faculty-nav .sys_bySubject .sys_GenericQuestionShowHide.showhideIsOpen h2{color:#fff;} #content #faculty-nav .videobutton{display:block; vertical-align:bottom; margin-bottom: 4px; text-align:right;} #content #faculty-nav .videobutton .ugStudyVideo{width: 100%; height: 283px;} #content #faculty-nav .videobutton img{width: 100%; height: auto; display:none;} #wrapper #faculty-nav a, #wrapper #faculty-nav a:visited {text-decoration: none; color: inherit;} #wrapper #faculty-nav a:hover {text-decoration: underline;} /* SCHOOL DEPT PAGE - END */ #ugStudySchoolPage .sys_twoColumns_7030 .sys_one_7030 {border-right:0; padding-right:15px;} #ugStudyContact{background-color: #fff; border: 1px solid #efefef; margin-top:0;} #ugStudyContact h2 {margin:2px 10px 13px;font-size:1em;font-weight:bold;} #ugStudyContact p {margin-bottom:0px;} #ugStudyContact .contactItem {margin:5px 0 5px 10px;} #ugStudyRelated h2 {margin-top:0;} #main #content #ugStudySchoolCourses h3 { color:#036; font-size:1em; font-weight:bold; margin:0.2em 0;} #ugStudyFactfile {margin-bottom:10px;} .sys_factfileCampus {border-bottom:0;} #content #ugStudyRelated h3 { display:block; margin:0; padding:5px; width:210px; font-size:1em;} #wrapper #content #ugStudyRelated h3 a:link { color:#036; text-decoration:none;} #wrapper #content #ugStudyRelated h3 a:hover { text-decoration:underline;} h2.editorOnlyTitle {display:none;} #editor #content h2.editorOnlyTitle { display:block; background-color:#F6F6F6; color:#666; } #content #ugStudySchoolText h3 { font-weight:bold; font-size:1em; margin:1em 0; border-bottom:1px solid #036; width:100%;} #wrapper #main #pageTools .sys_btm ul.sys_left {display:none;} .sys_UGVideoImageWithHeading {margin-top: 4px; position: relative; } .sys_H3-UGVideoImage-219px-left{ max-width: 218px; } .sys_UGVideoImageWithHeading img{ border-top:4px solid #005597; border-bottom:4px solid #005597; z-index: 1; } .sys_UGVideoImageWithHeading h3 { background-attachment: scroll; background-color: transparent; background-image: url("/SiteElements/Images/Base/Internal/bg-textOverlay-Blue5.png"); background-position: 0 0; background-repeat: repeat; color: #FFFFFF; display: block; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 4px; position: absolute; padding-left: 4px; padding-right: 8px; padding-top: 5px; } #content .sys_H3-UGVideoImage-219px-left h3 { font-size: 1.3em; color: #fff; left: 0px; max-width: 219px; padding-bottom: 0.45em; right: auto; text-align: left; top: 0px; z-index: 100; } #content .sys_H3-UGVideoImage-219px-left h3 a{color: #fff;} .sys_atoz-control ul li.sys_noresults, .sys_atoz-control ul li.sys_noresults a, .sys_atoz-control ul li.sys_noresults span, .sys_atoz-control ul li.sys_noresults a, .sys_atoz-control ul li.sys_noresults a span span {color: #eee !important; background-color: #56666b !important;} #wrapper .sys_atoz-control ul li.sys_noresults a:hover {cursor: default; text-decoration: none;} #content .sys_generic_list-control ul li.sys_noresults:hover {border-bottom: 1px solid #fff;} #content .sys_subitem .sys_subitem-summary dd.sys_search-description {display: none;} h2.headingBackgroundClearing {background: none; color: #007ca7!important;} #content .sys_twoColumns5050 .sys_two, #content .sys_twoColumns_7030 .sys_one_7030{border:none;} #content .sys_twoColumns_2575 .sys_one_2575, #content .sys_twoColumns_2575 .sys_two_2575{border:none;} #content .sys_twoColumns_2575 .sys_two_2575{padding: 0; } #content #ugStudyCoursePage .sys_twoColumns5050 .sys_one, #content #ugStudyCoursePage .sys_twoColumns5050 .sys_two{padding: 0;} #ugStudyCoursePage .sys_KIS{float:left;} #ugStudyCoursePage .sys_KIS{ background-color: #fff; border: 1px solid #efefef; font-size: 1.1em; margin-bottom: 0.5em; padding: 10px;} .sys_ugStudyPage #image{margin: 0;} #content a.ugStudyCTA, #content .sys_ugStudyCTA a{ background-image: url("/siteelements/images/base/internal/cta-icons/white/bg-icon-white-right-arrow.png"); font-weight:normal; display:block; text-decoration:none; height: auto; background-color: #4a4949; color: #fff; text-align:left; padding: 20px 60px 20px 6px; background-size: 18px auto; background-position: 94% 50%; background-repeat:no-repeat; margin-bottom: 4px; border:2px solid transparent;} #wrapper #content a.ugStudyCTA:hover, #wrapper #content .sys_ugStudyCTA a:hover{ background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bg-icon-blue5-right-arrow.png"); background-color: transparent; border-color: #18194f; color: #18194f; text-decoration:none} #wrapper #content .ugStudyApplyNow{background-color: #005597; color: #fff; background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/White/bgArrowWhiteRound.png");} #wrapper #content .ugStudyClearing{background-color: #007ca7;} #wrapper #content #contactTel{background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/White/bg-icon-white-telephone.png");} #wrapper #content #contactTel:hover{background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/White/bg-icon-white-telephone.png");} /*#wrapper #content #ugStudyDownload a, #wrapper #content #ugStudyDownloadChina a{background-image: url("/siteelements/images/prospectus/course-icons-new/bg-icon-white-trans-download.png");} #wrapper #content a.ugStudyTelephone, #wrapper #content #contactTel{background-image: url("/siteelements/images/prospectus/course-icons-new/bg-icon-white-trans-telephone.png");} #wrapper #content a.ugStudyEnquiry{background-image: url("/siteelements/images/prospectus/course-icons-new/bg-icon-white-trans-enquiry.png");} #wrapper #content a.ugStudyJumpLink{background-image: url("/siteelements/images/prospectus/course-icons-new/bg-icon-white-trans-jumpdown.png");} #wrapper #content a.ugStudyLocation{background-image: url("/siteelements/images/prospectus/course-icons-new/bg-icon-white-trans-location.png");} #wrapper #content a.ugStudyPartTime{background-image: url("/siteelements/images/prospectus/course-icons-new/bg-icon-white-trans-clock.png");} #wrapper #content a.ugStudyMortarboard, #wrapper #content a.ugStudyJumpLinkChina{background-image: url("/siteelements/images/prospectus/course-icons-new/bg-icon-white-trans-mortarboard.png");} #wrapper #content a.ugStudyVideo{background-image: url("/siteelements/images/prospectus/course-icons-new/bg-icon-white-trans-video.png");} #content #contactWeb a{background: transparent url("/siteelements/images/prospectus/course-icons-new/bg-icon-white-trans-telephone.png") no-repeat 100% 50%;} */ #socialIcons{display:block;} #socialIcons img{display:inline-block; margin-right: 4px;} #ugStudyFactfile {} #ugStudyFactfile h2{background-color: #18194f;font-size: 1.2rem; color: #fff; padding: 10px; margin: 0;} /*#ugStudyFactfile .sys_factfileItem{background-size: 18px; background-position: left 6px top 50%; background-repeat:no-repeat; width: 100%;display:table; border-bottom: 1px solid #d5ecf4; background-color: #fff; list-style-type: none;}*/ #ugStudyFactfile .sys_factfileItem{background-image:none!important; width: 100%;display:table; border-bottom: 1px solid #18194f; background-color: #fff;} #ugStudyFactfile .sys_factfileLabel, #ugStudyFactfile .sys_factfileTextField {color: #000; vertical-align:middle; padding: 10px 4px; display: table-cell;} #ugStudyFactfile .sys_factfileLabel {background: #ddd; color: #18194f; font-weight:bold;width: 36.5%; padding-left: 10px;} #ugStudyFactfile .sys_factfileQualification, #ugStudyFactfile .sys_factfileUCAS{border-color: #18194f; background-color: #fff;} #ugStudyFactfile .sys_factfileQualification .sys_factfileTextField{color: #005597; font-weight:bold; background-color: #fff;} #ugStudyFactfile .sys_factfileUCAS .sys_factfileTextField{color: #005597; font-weight:bold; background-color: #fff;} #ugStudyFactfile .parentSchool{border:none;} #ugStudyFactfile .sys_factfileUCAS {background-image: url("/SiteElements/Images/Prospectus/icons-2017/icon-factfile-ucas.png");} #ugStudyFactfile .sys_factfileQualification {background-image: url("/SiteElements/Images/Prospectus/icons-2017/icon-factfile-qualification.png");} #ugStudyFactfile .sys_factfilePT {background-image: url("/SiteElements/Images/Prospectus/icons-2017/icon-factfile-duration.png");} #ugStudyFactfile .sys_factfileOffer {background-image: url("/SiteElements/Images/Prospectus/icons-2017/icon-factfile-entry-requirements.png");} #ugStudyFactfile .sys_factfileSubjects {background-image: url("/SiteElements/Images/Prospectus/icons-2017/icon-factfile-subjects.png");} #ugStudyFactfile .sys_factfileIb {background-image: url("/SiteElements/Images/Prospectus/icons-2017/icon-factfile-ib-score.png");} #ugStudyFactfile .sys_factfileCampus {background-image: url("/SiteElements/Images/Prospectus/icons-2017/icon-factfile-location.png");} #ugStudyFactfile .sys_factfilePlaces {background-image: url("/SiteElements/Images/Prospectus/icons-2017/icon-factfile-places.png");} #ugStudyFactfile .parentSchool {background-image: url("/SiteElements/Images/Prospectus/icons-2017/icon-factfile-school.png");} #ugStudyFactfile .parentSchool p{padding: 0; margin: 0;} #content .show-hide{background-color: #fff;} #content .sys_GenericQuestionShowHide{margin-bottom: 4px; padding: 18px 26px 18px 10px; background-color: #fff; border-color: #005597; background-image: url("/siteelements/images/prospectus/icons-2017/bg-cta-arrow-down.png"); background-size: 24px; background-position: 100% 100%;} #content .sys_GenericAnswerShowHide{padding: 0 8px; } #content .sys_GenericAnswerShowHide .kalturaEmbed #kaltura_player{width: 100%;} #content .sys_GenericQuestionShowHide.showhideIsOpen, #content .sys_GenericQuestionShowHide:hover{background-color: #005597; border-color: #005597; background-image: url("/siteelements/images/prospectus/icons-2017/bg-cta-arrow-down-white.png");} #content .sys_GenericQuestionShowHide:hover h2, #content .sys_GenericQuestionShowHide:hover .sys_overviewSnippet{color: #fff;} #wrapper #content .sys_GenericQuestionShowHide:hover *, #wrapper #content .showhideIsOpen *{color: #fff;} #content .sys_GenericQuestionShowHide.showhideIsOpen{color: #fff; background-image: url("/siteelements/images/prospectus/icons-2017/bg-cta-arrow-up-white.png");} #content .sys_GenericQuestionShowHide.showhideIsOpen h2{color: #fff;} #content .sys_GenericQuestionShowHide.showhideIsOpen:hover, #content .sys_GenericQuestionShowHide.showhideIsOpen:hover .sys_overviewSnippet{color: #fff;} #content .sys_GenericAnswerShowHide .sys_relateditemslisting-control{display:block;} #content .sys_GenericAnswerShowHide .sys_GenericQuestionShowHide{background-size: 18px; background-position: 0 50%; padding: 0 0 0 30px; border: 0; background-color: #fff; color: inherit;} #content .sys_GenericAnswerShowHide .sys_GenericQuestionShowHide h3{font-weight:normal;} #content .sys_GenericAnswerShowHide .sys_GenericQuestionShowHide{margin-bottom: 1em;} #content .sys_GenericAnswerShowHide h3{font-weight:bold;} #wrapper #content .sys_GenericAnswerShowHide div.showhideIsOpen, #wrapper #content .sys_GenericAnswerShowHide div.showhideIsClosed{background-color: transparent;color: #2d2d2d;} #wrapper #content .sys_GenericAnswerShowHide div.sys_GenericQuestionShowHide.showhideIsOpen:hover *, #wrapper #content .sys_GenericAnswerShowHide div.sys_GenericQuestionShowHide.showhideIsClosed:hover *, #wrapper #content .sys_GenericAnswerShowHide div.sys_GenericQuestionShowHide.showhideIsOpen:hover, #wrapper #content .sys_GenericAnswerShowHide div.sys_GenericQuestionShowHide.showhideIsClosed:hover{text-decoration:underline; color: #000!important;} #content .sys_GenericAnswerShowHide .sys_GenericAnswerShowHide {background:none;} #content .sys_GenericQuestionShowHide .sys_overviewSnippet{margin: 10px 0;} #content .sys_GenericQuestionShowHide .sys_overviewSnippet .sys_readMore{content:"Read full overview"; display:block; margin-top: 6px;text-decoration:underline; font-weight:normal;} #content .sys_GenericQuestionShowHide:hover .sys_overviewSnippet .sys_readMore{text-decoration:none;} #content .sys_GenericQuestionShowHide.showhideIsOpen .sys_overviewSnippet .sys_readMore{display:none;} #content .sys_GenericQuestionShowHide.showhideIsOpen h1, #content .sys_GenericQuestionShowHide.showhideIsOpen h2, #content .sys_GenericQuestionShowHide.showhideIsOpen h3 {color: #fff;} #content .sys_GenericAnswerShowHide .sys_GenericQuestionShowHide.showhideIsOpen{background-image: url("/siteelements/images/prospectus/icons-2017/bg-cta-arrow-up.png"); } #content .sys_GenericAnswerShowHide .sys_GenericQuestionShowHide.showhideIsOpen:hover {background-image: url("/siteelements/images/prospectus/icons-2017/bg-cta-arrow-up.png"); } #content .sys_GenericAnswerShowHide .sys_GenericQuestionShowHide:hover {background-image: url("/siteelements/images/prospectus/icons-2017/bg-cta-arrow-down.png"); } #wrapper #content .sys_GenericAnswerShowHide .sys_GenericQuestionShowHide.showhideIsOpen h1, #wrapper #content .sys_GenericAnswerShowHide .sys_GenericQuestionShowHide.showhideIsOpen h2, #wrapper #content .sys_GenericAnswerShowHide .sys_GenericQuestionShowHide.showhideIsOpen h3 {color: #000;} /* At a glance */ #content .sys_ImagineIf{font-size: 1.2em; line-height: 1.4em;} #content .sys_ImagineIf h2{background-color: #18194f;font-size: 1.2rem; color: #fff; padding: 10px; margin-bottom: .5em;} #content .sys_ImagineIf ul{padding-left: 0;} #content .sys_ImagineIf ul li{list-style-type:none; margin: 8px 0 0 14px;} #content .sys_ImagineIf ul li:before{color: #009bbd; display: inline-block; width: 1em; margin-left: -1em; content:'\25A0';} #content #ugStudySchoolPage .sys_twoColumns5050 .sys_one, #content #ugStudySchoolPage .sys_twoColumns5050 .sys_two {width: 48.95642%;} #image img, .img-responsive{width: 100%; height: auto; margin-bottom: 4px;} #content img.BClogo {float:right;} #content .sys_requestProspectus .sys_threeColumns .sys_one, #content .sys_requestProspectus .sys_threeColumns .sys_two, #content .sys_requestProspectus .sys_threeColumns .sys_three{border:none; width: 31%; margin-right: 10px; padding: 0;} #content .sys_requestProspectus .sys_threeColumns .sys_three{margin: 0;} #wrapper #content .sys_requestProspectus a{padding: 22px 60px 22px 6px;} /* Blog feed style */ #content #StudentBlogs_List {height: auto;} #content #StudentBlogs_List h3{border-top: 1px solid transparent; position: absolute; z-index: 100; background-color:#e0dedd;} #wrapper #content #StudentBlogs_List h3 a{padding: 10px 34px 10px 10px!Important; color: #fff!important; display:block; background:#435a69 url("/siteelements/images/base/internal/cta-icons/white/bg-icon-white-right-arrow.png") no-repeat 96% 50%; background-size: 20px; text-decoration:none;} #wrapper #content #StudentBlogs_List h3 a:hover{color: #fff; text-decoration:none; background-color: #2d2d2d; border-color: #4a4a4a;} #content #StudentBlogs_List h3 a:before, #StudentBlogs_List h3 a:after{content: open-quote;} #content #StudentBlogs_List h3 a:after{content: close-quote;} #content #StudentBlogs_List .sys_itemslist {position:relative; min-height:200px; height: auto;} #content #StudentBlogs_List .sys_itemslist .sys_subitem-heading { font-size: 1.1em; font-weight:normal; position: absolute; top: 200px; left: 0;} #content #StudentBlogs_List .sys_itemslist .sys_subitem-heading:hover {text-decoration:underline;} #content #StudentBlogs_List .sys_itemslist .sys_subitem-heading a{display:block; color: #000; text-decoration:none; padding: 0;} #content #StudentBlogs_List .sys_itemslist .sys_thumbnail{position: relative;overflow: hidden; width: 100%; height: 200px;} #content #StudentBlogs_List .sys_itemslist .sys_thumbnail img{z-index: 0; width: auto; height: 200px; position: absolute; top: 0; left: 50%; margin-left: -228px;} #content #StudentBlogs_List .sys_itemslist .sys_subitem-summary {display:none; } #content #ugStudySchoolIntro{background-color: #efefef;} #content #ugStudySchoolIntro h2{background-color: #435a69; margin: 0; padding: 10px 6px; color: #fff;} #content #ugStudySchoolIntro ul{border: 1px solid transparent; color: #000; padding: 10px 6px;} #content #ugStudySchoolIntro ul li{margin: 0 0 16px 0; padding-left: 6px; list-style-type:none; border-left: 3px solid #435a69; } .sys_notices{margin-top: 1em; } .sys_ImportantNotices{border: 1px solid #ca0064; background-color: #faddec; padding: 8px; margin-bottom: 1em;} .sys_foundationMessage{padding: 1.5em 1em; background-color: #faddec; border-left: 6px solid #ca0064; border-bottom: 1px solid #ca0064; border-right: 1px solid #ca0064; border-top: 1px solid #ca0064;} .sys_hideAllThis{display:none;} #bottom h2 {color:#000;} } /* Responsive styles ulzgw 03/03/2016 */ @media only screen and (max-width: 967px) { #wrapper #content #UGHomepage .LargeBannerWithTextOver .TextOverlay{width: 40%;} #wrapper #content #UGHomepage .LargeBannerWithTextOver .TextOverlay .BannerTitle{font-size: 2rem; line-height: 2rem; padding: 40px 20px;} body #content #faculty-nav h2 .videobutton {display: block; margin: 2%;} body #content #faculty-nav h2 .videobutton img, body #content #faculty-nav h2 .videobutton a {left: 0px !important;} body #content .backToTop { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url("/SiteElements/Images/Prospectus/course-icons-2016/bg-icon-backtotop.png"); background-origin: padding-box; background-position: 0 0; background-repeat: no-repeat; background-size: 26px auto !important; display: inline; padding: 6px 12px;} body #content .homepageCTAwrapper .sys_fourColumns .sys_one, body #content .homepageCTAwrapper .sys_fourColumns .sys_two, body #content .homepageCTAwrapper .sys_fourColumns .sys_three, body #content .homepageCTAwrapper .sys_fourColumns .sys_four {margin-left: 0; width: 172px;} body #content .homeContent .sys_twoColumns5050 .sys_one, body #content .homeContent .sys_twoColumns5050 .sys_two{width: 354px;margin-left: 0;} body #content #faculty-nav .videobutton .ugStudyVideo{height: 296px;} } @media screen and (max-width: 767px) { #content #UGHomepage .LargeBannerWithTextOver .TextOverlay{text-align:center; border: 4px solid #fff; width: 40%; left: 25%; right: 25%; top: 20%; bottom: 20%;} #content #UGHomepage .LargeBannerWithTextOver .TextOverlay .BannerTitle{border: none; font-size: 2em; line-height: 1.6em; padding: 0;} #wrapper #content #UGHomepage .sys_search-query-control{margin-bottom: 2em;} #wrapper #content #UGHomepage .sys_search-query-control .sys_button{padding: 23px; } #content #UGHomepage .CTA-Arrow, #content #UGHomepage .CTA-plainArrow{padding: 20px 30px 20px 11px; } body #content #StudentBlogs_List {min-height: 260px;} ] body #content #StudentBlogs_List .sys_itemslist .sys_subitem-heading{width: 100%;} body #content #faculty-nav .videobutton .ugStudyVideo{height: 248px;} body #content #ugStudyFactfile div .sys_factfileLabel {min-width: 70px;} body #wrapper #content .sys_ugStudyPage #image {display: none;} body #wrapper #content #ugStudyDownload a, #wrapper #content a.ugStudyCTA {font-size: 1.2em;} #wrapper #content #homepageimagewrapper{height: auto;} #wrapper #content #homepageimagewrapper .searchcontainer{float:left;padding: 6px; position:relative; left: 0; bottom: 0; right: 0; background: #000;} #wrapper #content #homepageimagewrapper .searchcontainer input{margin: 6px;} body #wrapper #content a span { display: inline;} body #wrapper #content .homeContent .sys_fourColumns .sys_one, body #wrapper #content .homeContent .sys_fourColumns .sys_two, body #wrapper #content .homeContent .sys_fourColumns .sys_three, body #wrapper #content .homeContent .sys_fourColumns .sys_four {padding-bottom: 1em !important;} } @media only screen and (min-width: 768px) and (max-width: 967px) { body #wrapper #content .sys_ugStudyPage .sys_twoColumns_7030 .sys_one_7030 {width: 68%;} body #wrapper #content .sys_ugStudyPage .sys_twoColumns_7030 .sys_two_7030 {width: 30%;} #wrapper #content .homepageCTAwrapper .sys_fourColumns .sys_one, #wrapper #content .homepageCTAwrapper .sys_fourColumns .sys_two, #wrapper #content .homepageCTAwrapper .sys_fourColumns .sys_three, #wrapper #content .homepageCTAwrapper .sys_fourColumns .sys_four {margin: 0 10px 0 0;padding-bottom: .5em !important;} #wrapper #content .homepageCTAwrapper .sys_fourColumns .sys_four{margin-right: 0;} #wrapper #content .homeContent .sys_twoColumns5050 .sys_one, #wrapper #content .homeContent .sys_twoColumns5050 .sys_two {margin: 0 10px 0 0;} #wrapper #content .homeContent .sys_twoColumns5050 .sys_two {margin-right: 0;} #wrapper #content .homeContent .sys_twoColumns5050 .sys_one .sys_twoColumns5050 .sys_one, #wrapper #content .homeContent .sys_twoColumns5050 .sys_two .sys_twoColumns5050 .sys_two { margin: 0 8px 0 0;} } @media only screen and (max-width: 479px) { body #content .homeContent .homepageVideo, body #content #faculty-nav .videobutton .ugStudyVideo{width: 100%;} } @media only screen and (min-width: 480px) and (max-width: 767px) { body #wrapper #content .sys_ugStudyPage #image {display: none;} body #content .homeContent .homepageVideo{height: 264px;} }