﻿@import url(https://fonts.googleapis.com/css?family=Khula);

/* main styles */

body {
    background-color: #ffffff;
    font-family: "Khula",sans-serif;
    font-size:0.7em!important;
    color:#414141;
}
#wrapper #content h1 {
  margin-bottom: 0.2em;
}

#wrapper #content {
  width:740px;
} 
#wrapper #content h1, #wrapper #content h2, #wrapper #content h3 {color:#0d3a63; background:none;}

#wrapper #header {
  height:205px;}

#wrapper #additionallogo span {
    font-size: 1.4em;
    color: #0d3a63;
    font-weight: 600;
}

#wrapper #additionallogo {
    font-size: 1.2em;
    /*position: relative;*/
    right: 0em;
    margin-left: 210px; 
    margin-top: 10px;
    top: 2em;
}

@media only screen and (max-width: 479px) {
#wrapper #logo {
    float: none;
    max-height: 50px;
} }


@media only screen and (max-width: 479px) {
#wrapper .sys_inner #additionallogo {
    position: relative;
    margin: 135px 0 0 10px;
    font-size: 0.56em;
    top: 0px;}
}

@media only screen and (max-width: 479px) {
.slick-prev, .slick-next {
  top: 36.5%!important;}
}

#wrapper #internal #internalNav {
    width: 180px;
    border-top: none;
}

#wrapper #internalNav a {
  padding-top:10px}

#wrapper #internalNav .sys_selected a {
    background-color: #0d3a63;
    color: #fff;
    border-color: #fff;
    font-weight: normal;
}
#wrapper #internal #internalNav ul li {
    border-bottom-color: #0d3a63;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}

#internalNav ul.sys_children {
    background: #fff;
}

#internalNav ul.sys_children a {
    padding-left: 10px;
}

#wrapper #internal #breadcrumb {
  min-height:15px;
  padding-top:13px;
  margin-bottom:0;
}  

#wrapper #internal #breadcrumb a, #wrapper #internal #breadcrumb span {
  color: #0d3a63;}

#wrapper #content.sys_home {
    font-size: 1.3em;
    line-height: 1.3em;
    letter-spacing:0.01em;
  	text-align:left;
  width: 100%;
}

#wrapper #content.sys_home h1 {
    color: #0d3a63;
  	font-size: 2em;
}

#wrapper #content.sys_home h2 {
    color: #222222;
  	font-size: 1.5em;
  	margin-bottom:0.1em;
  	line-height: 1.4em;
   text-align: left;

}


/* homepage banner */
#content .sys_textoverlay {
    background-image: url(/SiteElements/Images/Base/Internal/bg-textOverlay-White.png);
    color: #000;
    left: 14px;
    top: 14px;
    width: 53%;
    padding: 10px;
    font-size: 1.3em;
    line-height: 1.4em;
    position: absolute;
    z-index: 100;
}

#wrapper #content h2.whatis {
    color: #0d3a63;
    font-size: 1.2em;
    text-align: left;
}
#wrapper #content p.whatisstrapline {
    font-size: 0.75em;
    margin-bottom: 0.5em;
    color: #666666;
     text-align: left;
}

#wrapper #content a.whatismore {
  background-color:#0d3a63;
  padding:5px;
  color:#ffffff!important;
  text-decoration:none;
  font-size:0.75em;
  display:block;
   text-align: center;
}

#wrapper #content a.whatismore:hover {
  color:#ffffff!important;
}

/* END homepage banner */

/* search box */

#wrapper #content .sys_search-label {
    display: none;
}

#wrapper #content .sys_one_7030 .sys_search-query-control input, #wrapper #content .sys_one_7030 .sys_search-search-control input {
    width: 336px;
    margin: 4px 4px 0 0;
    font-size: 1.51em;
    padding: 16px 4px;
    border: 1px solid #dfdfdf;
    color: #666666;
    float: none;
}

#wrapper #content .sys_one_7030 .sys_search-query-control .sys_button, #wrapper #content .sys_one_7030 .sys_search-search-control .sys_button {
    width: 110px;
    border-radius: 0px;
    background-color: #5299db;
    padding: 15px 4px;
    width: 110px;
    display: inline-block;
    border-color: #5299db;
    margin: 4px 4px 0 0;
    font-size: 1.51em;
    cursor: pointer;
    font-weight: normal;
  	color: #fff;
}

#wrapper #content .sys_search-query-control .sys_button:hover{color:#fff; background-color: #353535!important;}

#wrapper #content #SearchResults_List dt, #wrapper #content #SearchResults_List .sys_search-url, #wrapper #content #SearchResults_List.sys_search-description {
    display: none;
}

#wrapper #content #SearchResults_List .sys_subitem {
    border-bottom: 1px solid #ded4df;
    padding: 8px 0;
    font-weight: normal;
    background: none;
    display: block;
    text-decoration: none;
    margin-top: 1em;
}



/* END search box */

/*CTA overide */

#wrapper #content a.CTA-Arrow,
#wrapper #content a.CTA-ArrowRoundRight,
#wrapper #HomepageFooterLinks a.CTA-Blog,
#wrapper #content a.CTA-Blog,
#wrapper #content a.CTA-Directions,
#wrapper #content a.CTA-donateHeart, 
#wrapper #content a.CTA-downloadFile,
#wrapper #content a.CTA-Email,
#wrapper #content a.CTA-EventCalendar,
#wrapper #content a.CTA-Help,
#wrapper #content a.CTA-International,
#wrapper #content a.CTA-KeyLogin,
#wrapper #content a.CTA-MortarBoard,
#wrapper #content a.CTA-Newsletter,
#wrapper #content a.CTA-Pay,
#wrapper #content a.CTA-Profile,
#wrapper #content a.CTA-Research,
#wrapper #content a.CTA-Shop,
#wrapper #content a.CTA-Sport,
#wrapper #content a.CTA-Teaching,
#wrapper #content a.CTA-Telephone,
#wrapper #content a.CTA-updateDetails,
#wrapper #content a.CTA-Volunteer,
#wrapper #HomepageFooterLinks a.CTA-Video,
#wrapper #content a.CTA-Video,
#wrapper #HomepageFooterLinks a.CTA-Facebook,
#wrapper #content a.CTA-Facebook,
#wrapper #content a.CTA-Flickr,
#wrapper #content a.CTA-Instagram,
#wrapper #content a.CTA-LinkedIn,
#wrapper #content a.CTA-RenRen,
#wrapper #HomepageFooterLinks a.CTA-Twitter,
#wrapper #content a.CTA-Twitter,
#wrapper #content a.CTA-Tumblr,
#wrapper #content a.CTA-Vine,
#wrapper #content a.CTA-VK,
#wrapper #content a.CTA-Weibo,
#wrapper #content a.CTA-YouTube,
#wrapper #content a.CTA-YouKu,
#wrapper #content a.CTA-greenButtonWithArrow,
#wrapper #content a.CTA-orangeButtonWithArrow,
#wrapper #content a.CTA-pinkButtonWithArrow,
#wrapper #content a.CTA-blueButtonWithArrow,
#wrapper #content a.CTA-yellowButtonWithArrow,
#wrapper #content a.CTA-donateNow{
border-radius: 0px; color:#ffffff!important; display:block!important;
}

#wrapper #content a:hover.CTA-Arrow, 
#wrapper #content a:hover.CTA-ArrowRoundRight, 
#wrapper #HomepageFooterLinks a:hover.CTA-Blog, 
#wrapper #content a:hover.CTA-Blog, 
#wrapper #content a:hover.CTA-Directions, 
#wrapper #content a:hover.CTA-donateHeart, 
#wrapper #content a:hover.CTA-downloadFile, 
#wrapper #content a:hover.CTA-Email, 
#wrapper #content a:hover.CTA-EventCalendar, 
#wrapper #content a:hover.CTA-Help, 
#wrapper #content a:hover.CTA-International, 
#wrapper #content a:hover.CTA-KeyLogin, 
#wrapper #content a:hover.CTA-MortarBoard, 
#wrapper #content a:hover.CTA-Newsletter, 
#wrapper #content a:hover.CTA-Pay, 
#wrapper #content a:hover.CTA-Profile, 
#wrapper #content a:hover.CTA-Research, 
#wrapper #content a:hover.CTA-Shop, 
#wrapper #content a:hover.CTA-Sport, 
#wrapper #content a:hover.CTA-Teaching, 
#wrapper #content a:hover.CTA-Telephone, 
#wrapper #content a:hover.CTA-updateDetails, 
#wrapper #content a:hover.CTA-Volunteer, 
#wrapper #FooterLinks a:hover.CTA-Video, 
#wrapper #content a:hover.CTA-Video, 
#wrapper #HomepageFooterLinks a:hover.CTA-Facebook, 
#wrapper #content a:hover.CTA-Facebook, 
#wrapper #content a:hover.CTA-Flickr, 
#wrapper #content a:hover.CTA-Instagram, 
#wrapper #content a:hover.CTA-LinkedIn, 
#wrapper #content a:hover.CTA-RenRen, 
#wrapper #HomepageFooterLinks a:hover.CTA-Twitter, 
#wrapper #content a:hover.CTA-Twitter, 
#wrapper #content a:hover.CTA-Tumblr, 
#wrapper #content a:hover.CTA-Vine, 
#wrapper #content a:hover.CTA-VK, 
#wrapper #content a:hover.CTA-Weibo, 
#wrapper #content a:hover.CTA-YouTube, 
#wrapper #content a:hover.CTA-YouKu, 
#wrapper #content a:hover.CTA-greenButtonWithArrow, 
#wrapper #content a:hover.CTA-orangeButtonWithArrow, 
#wrapper #content a:hover.CTA-pinkButtonWithArrow, 
#wrapper #content a:hover.CTA-blueButtonWithArrow, 
#wrapper #content a:hover.CTA-yellowButtonWithArrow, 
#wrapper #content a:hover.CTA-donateNow {
    border-radius: 0px!important;
  	color:#05a2d6!important;
}

#wrapper #content button {
  background-color: #e3eef7;
    padding: 10px;
    margin-left: 3px;
}

#wrapper #HomepageFooterLinks a.CTA-Facebook, #wrapper #HomepageFooterLinks a.CTA-Blog, #wrapper #HomepageFooterLinks a.CTA-Twitter {
    clear: both;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    margin-bottom: 4px;
    padding: 11px 46px 11px 8px;
    font-size: 1.1em;
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

#wrapper #HomepageFooterLinks a.CTA-Facebook {
    background-color: #3b5998;
    background-image: url(https://www.nottingham.ac.uk/SiteElements/Images/Icons/icon-facebook-white.png);
  	text-decoration: none;
}

#wrapper #HomepageFooterLinks a.CTA-Blog {
    background-color: #187088;
    text-decoration: none;
  	background-image: url(https://www.nottingham.ac.uk/siteelements/images/base/internal/cta-icons/white/bgblogcomment.png);
  text-decoration: none;
}
#wrapper #HomepageFooterLinks a.CTA-Twitter {
    background-color: #55acee;
    background-image: url(https://www.nottingham.ac.uk/SiteElements/Images/Icons/icon-twitter-white.png);
  text-decoration: none;
}

#wrapper #content a.CTA-Teaching:hover, #wrapper #HomepageFooterLinks a.CTA-Facebook:hover, #wrapper #HomepageFooterLinks a.CTA-Blog:hover, #wrapper #HomepageFooterLinks a.CTA-Twitter:hover {
    background-color: #000;
    color: #fff;
    text-decoration: none;}

/*CTA overide */

/* events */

#wrapper #content .sys_events-record dt {
    font-weight: bold;
    width: 120px;
    font-size: 1.1em;
    float: left;
    margin-bottom: 1em;
    padding: 0;
    clear: left;
}

#wrapper #content .sys_events-record dd {
    width: 580px;
    float: left;
    display: inline;
    margin-bottom: 1em;
}

#wrapper #content .sys_events-record dt.sys_events-locations, #wrapper #content .sys_events-record dt.sys_events-description {
    display: none;
}

#wrapper #content .sys_events-record dd.sys_events-description {
    margin-top: 1.5em;
    border-top: 1px solid #ccc;
    padding-top: 2.5em;
    float: left;
    width: 100%;
}

/* end events */

#wrapper #content #PartnerLogos img {
    width: 140px;
    height: auto;
    padding: 15px;
    margin-bottom: 4px;
    margin-right: 10px;
}

#wrapper #content ul li::before {color: #5299db;}

#wrapper #search {
  display:none;}
#wrapper #nav{font-size: 1.3em;}
#wrapper #nav .sys_mobile-search-toggle { display:none!important;}
#wrapper #nav li:hover a {font-weight:bold;}
#wrapper #menu li.globalnavsearch {
border-left:1px solid #fff;
padding-left:20px;
}

#content .greybg {
    background-color: #efefef;
    padding-left: 1em;
    padding-top: 1em;
    margin-top: -5px;
  border-top: 1px solid #5299db; 
}

#wrapper #breadcrumb a.sys_0.sys_t32899 {
    display: none;
}

#wrapper #logo {height:100%;}

#wrapper #nav {background-color:#5299db!important;}

#wrapper #nav ul {background-color:#5299db!important;}

#wrapper #content h1.sys_events-record-title {display:none}


#wrapper #content a {color:#05a2d6!important; text-decoration:none!important;}

#wrapper #content a:hover {color:#05a2d6!important; text-decoration:underline!important;}

#wrapper .sys_rowMain {background:none!important;}

#content img {border-radius: 0px 0px 0 0!important;}

.sys_twoColumns5050, .sys_threeColumns, .sys_twoColumns_7030, .sys_twoColumns_3070, .sys_FaqQuestion, .sys_FaqAnswer, .sys_fourColumns, .sys_fiveColumns, .sys_twoColumns, .sys_twoColumns_1585, .sys_twoColumns_2575, .sys_image-with-heading, .sys_imageWithHeading, #content .sys_imageWithTextOverlay, #content .sys_imageWithHoverText, #content .sys_imageWithCaptionBelow {
  width:100%!important;}

/* researcher listing page */

#content table.CBTDDC-researchers {
  border-collapse: separate;
  border-spacing: 0 3em;
}

#content table.CBTDDC-researchers tbody, #content table.CBTDDC-researchers tbody tr, #content table.CBTDDC-researchers tbody tr td, #content table.CBTDDC-researchers tbody th, #content table.CBTDDC-researchers tbody tr.sys_alt, #content table.CBTDDC-researchers tbody tr.sys_alt td {
  border: 0px !important;
}

table.CBTDDC-researchers tbody tr td {
  display: block;
  width:100%;
}

.CBTDDC-hidden {
  display: none !important;
}

#wrapper #content .CBTDDC-researchers a{
  color: #000!important;
  text-decoration: none !important;
}
#wrapper #content .CBTDDC-researchers h3 {
  margin: 0.5em 0 0;
}

#wrapper #content .sys_Title a h3{color: #013765; border-bottom: 2px solid #05a2d6;}
#wrapper #content .sys_Title a:hover h3{border-color: #013765;}


#wrapper #content .sys_ProfileLink a{color: #fff!important; display:inline-block;background: #013765; padding: 6px 6px 2px 6px; font-weight: bold;border: 2px solid transparent; margin-right: 10px;}
#wrapper #content .sys_ProfileLink a:hover{color: #013765!important; border-color: #013765; background: none;}   

#wrapper #quicksearch, #TableSearch_filter, #researcherListing  {display:block; background: #013765; color: #fff; padding: 10px;}
#wrapper #quicksearch .qs_label, #TableSearch_filter label, #researcherListing label {font-size: 1.3em; display:inline-block; width: 14%; padding: 24px .5% 16px .5%;}
#TableSearch_filter label {width: 100%; padding: 0;}
#wrapper #quicksearch .qs_input, #TableSearch_filter input, #researcherListing input {color: #013765; font-size: 1.3em;display:inline-block;width: 80%; padding: 10px; border:none;}
#TableSearch_filter input {margin-left: 10%; font-size: 1em;}

/* researcher listing page a-z and search */

#wrapper #content .sys_search-query-control {
    display: block;
    background: #013765;
    color: #fff;
    padding: 10px;
	min-height: 40px;
}

#wrapper #content .sys_search-query-control .sys_search-label {
    font-size: 1.3em;
    display: inline-block;
    width: 14%;

}

#wrapper #content .sys_search-query-control input {
    color: #013765;
    font-size: 1.3em;
    display: inline-block;
    width: 80%;
    padding: 10px;
    border: none;
}

#wrapper #content .sys_search-query-control input#SearchQueryControl_SearchButton {
	display: none;
}

.alphabet-group, .alphabet-info-display, #TableSearch_filter {
    display: none;
}

.alphabet {
	position: relative;
  margin-bottom: 20px;
}

.alphabet-info {
  font-size: 1.2em;
    height: 1em;
    position: absolute;
    background-color: #EEE;
    padding: 2px 5px;
  opacity: 0;
}

#content .alphabet li {
  display: inline-block;
  margin-left: 8px;
  font-size: 2em;
}

html body #wrapper #content .alphabet li a.empty {
  color: #aaa !important;
}

#content table tbody tr.sys_alt td {
 background-color: #FFF; 
}

#content table tbody tr.even td {
 background-color: #EEE; 
}

.CBTDDC-keywords span {
margin: 0 5px 5px 0;
background-color: #EEE;
border: 1px solid #eee;
border-radius: 3px;
padding: 3px 5px 1px;
line-height: 1.5;
display: inline-block;
}

.even .CBTDDC-keywords span {
  background-color: #FFF;
}


/* researcher detail page */

#wrapper #content #CBTDDCProfile h1{padding: 0;}
#wrapper #content h3.CBTDDCresearcherProfileBold {font-weight:bold;}
#wrapper #content a.sys_CTA{display:block;background: #5299db; color: #fff!important; padding: 16px 12px 12px 12px; border: 2px solid transparent; font-weight:bold;}
#wrapper #content a.sys_CTA:hover{border-color: #5299db; background-color: #fff; color: #5299db!important; text-decoration:none!Important;}

#wrapper #content a.sys_emailCTA{}


