/*!
* SSEE CSS v2.0 2017
* Smith School of Enterprise and the Environment, School of Geography and the Environment, University of Oxford
* Supplements Bootstrap Stylesheets
*
* Theme Colours
* box shadows = #2A4C8A
* Old SSEE Light Blue = #124062
* Old SSEE Dark Blue = #103049
* oxford blue = #002147 #8090a4
*/


body {}
#wrapper {
  padding-top: .5em;
}
#wrapper > div > div {
  padding: 0;
}


/*
* MASTHEAD
*/
#wrapper-header {}
#masthead {
  margin-bottom: 1.5em;
}

#logo-ssee {
  margin-right: 1em;
}

@media (max-width: 768px) {
  #logo-ssee-text {width: 100%;}
}

/* Google Analytics Notice */
#analytics-notice, 
#analytics-notice .alert {
  margin-bottom: 0;
}
#analytics-notice h3 {
  margin: 0 10px 0 0; 
  padding: 0; 
  line-height: 1em;
}
#analytics-notice button {
  margin: 0;
}
#analytics-controls {
  margin-bottom: 0;
}
#analytics-controls p {
  float: left; 
  padding-top: 5px;
}
#analytics-controls ul {
  display: inline-block;
  margin-top: 0; 
  list-style: none; 
}
#analytics-controls li {
  display: inline-block; 
  margin: 0 20px 0 0;
}
#analytics-controls input, 
#analytics-controls label {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 4px;
  padding-top: 5px;
  vertical-align: middle;
}


/* Main Navigation */
#nav-header {
  margin: 1em 0 .5em 0;
  text-transform: uppercase;
}
#nav-header ul li {
  margin-right: 0;
}
#nav-header ul li a {
  font-size: 1em;
  padding: .6em;
}
#nav-header ul li a span {
	color: #7C9CDD;
}
#nav-header ul li a span.glyphicon {
	font-size: 0.75em;
}


/* Search Box */
#search-box div {
  float: right;
  margin: 1.5em 0 0 0; 
  padding-top: .1em;
}
#search-box button {
  margin-left: .2em;
  border: 1px solid #124062;
  background-color: #103049; 
}
#input-search {
  width: 70%;
}

@media (max-width: 768px) {
  #search-box div {
    width: 100%;
    margin: 1em 0;
    float: none; 
  }
  #input-search {
    width: 80%;
  }
}

/* Banner */
#banner {
  padding: 0;
}
#banner img {
  margin: 0;
  padding: 0;
  text-align: center;
}

/* Breadcrumb */
#nav-breadcrumb {
  margin: 0;
}
#nav-breadcrumb ul {
  margin: 0; 
  padding-left: .1em;
  background-color: inherit;
}
#nav-breadcrumb ul li {
  font-size: .9em;
  color: #999;
}
#nav-breadcrumb ul li a {
  color: #999;
}




/* 
* MAIN CONTENT
*/

#wrapper-content {
	position: relative;
}
#wrapper-content #page-title h2 {
  font-size: 2.5em;
}
#wrapper-content #page-title h5 {
  font-weight: normal;
  color: #999;
}

/* Content */
#content {
  margin-top: 1.5em; 
  margin-bottom: 2em;
}
#content h1 {
  margin-top: 0; 
  margin-bottom: .5em;
}
#content h3, 
#content h4, 
#content h5, 
#content h6 {
  margin-top: 1.5em; 
  margin-bottom: .5em;
}
#content > main > h3 {
  /* margin-top: .4em; */
}
#content-footer {
  border: 1px dashed #f00;
}

/* Secondary Navigation */
#navigation nav#nav-section {
  padding-bottom: 1em;
}
#navigation nav#nav-section h3 {
  display: block;
	margin-bottom: 0;
  padding: .5em;
  font-weight: normal;
  font-size: 1.5em;
  background-color: #f6f6f6;
  border-left: 5px solid #002147;
}
#navigation nav#nav-section ul {
  margin: 0;
}
#navigation nav#nav-section ul+ul {
  margin-top: 2em;
}

#navigation nav#nav-section ul li {
  margin-top: 2px;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #f3f3f3;
  border-left: 5px solid #8090a4;
}



#navigation nav#nav-section ul li a {
  border: 0;
  padding-left: .8em;
}
#navigation nav#nav-section ul li a:hover {
  text-decoration: underline;
  background-color: #fefefe;
}
#navigation nav#nav-section ul li.submenu {
  margin-left: 5px;
	border-left: 5px solid #d0d6de;
}

#navigation nav#nav-section ul.nav-section-secondary li {
	border-left: 5px solid #d0d6de;
}
#navigation nav#nav-section ul li.active {
	border-left: 5px solid #f00;
}

/* Shortcut Navigation */
#nav-shortcuts {
	margin: 0 0 2em 0;
	position: sticky;
	top: 10px;
	font-size: .8em;
}
#nav-shortcuts li a {
  margin-right: .5em;
	border-radius: 25px;
	padding: 0 1em 1px 0;
	background-color: #eef;
}
#nav-shortcuts li a span {
  background-color: #def;
	color: #fff;
	text-shadow: 1px 1px 2px #8090a4;
	border-radius: 25px;
	padding: 8px;
}
#nav-shortcuts li a:hover {
	background-color: #eef;
}
#nav-shortcuts li a:hover span {
	background-color: #8090a4;
  text-shadow: 1px 1px 2px #607082;
}


/* Main Highlights */
#home-banner {
	margin: 0 0 1em 0;
	width: 100%;
}

#ssee-carousel .carousel-caption {
  top: 39%;
}

#ssee-carousel .carousel-caption p {
  border-radius: 10px;
  padding: .3em 1em;
  background-color: rgba(255, 255, 255, 0.9);
  color: #000;
  font-size: 1.25em;
  text-shadow: 2px 2px 4px #fff;
}

@media (max-width: 768px) {
 #ssee-carousel .carousel-caption {top: 0;}
 #ssee-carousel .carousel-caption p {font-size: .8em;}
 #ssee-carousel .carousel-indicators {display: none;}
}



div.research-focus {
	border: 1px solid #fff;
	box-shadow: 0 4px 8px 0 rgba(42, 76, 138, 0.2), 0 6px 20px 0 rgba(42, 76, 138, 0.19);
  margin-bottom: 1em;
	padding-top: 0; 
}
div.research-focus > div {
	text-align: center;
}

div.news-events-social > div {
	/* height: 52em; */
  margin-right: 2%;
  width: 32%;
  border: 1px solid #fff;
	box-shadow: 0 4px 8px 0 rgba(42, 76, 138, 0.2), 0 6px 20px 0 rgba(42, 76, 138, 0.19);
}

div.news-events-social > div:last-child {
  margin-right: 0%;
}

div.home-event {
	padding-top: .5em;
	border-top: 1px solid #eee;
	font-family:'Arimo', sans-serif;
}
div.home-event > a {
	
}
div.home-event.sticky-event {
	padding: 0 0 .3em 0;
  margin-bottom: .2em;
  background-color: #eee;
	text-align: center;
}
div.home-event.sticky-event img {
	margin-bottom: 1em;
}

div.research-focus h2,
div.research-focus h3,
div.news-events-social h2,
div.news-events-social h3 {
	font-family: 'Fjalla One', sans-serif;
	line-height: 1.3em;
	color:#17507a;
	font-weight:400;
	font-size:18px;
	text-transform: uppercase;
}
div.research-focus a {
	text-decoration: none;
}
div.research-focus a:hover h3 {
	color: #000;
}
div.research-focus img {
	margin: 1em auto;
}
div.news-events-social p.date {
	font-size: .8em;
}

div#research-quote {
  margin-top: 0;
  margin-bottom: 1em;
  padding: 1em;
  text-align: center;
  border: 1px solid #f3f3f3;
  border-radius: 10px;
  box-shadow: 2px 2px 5px #f3f3f3;
}
div#research-quote {
  font-size: 1.5em;
}





/* Social Media */
#box-social-media {
  margin-bottom: 2em;
  padding-top: 13px; 
}
#box-social-media #box-twitter {
  margin-top: 6px;
}
/* #twitter-widget-0{width:170px;} */

/* Space out content lists */
#content ul {
  padding-left: 1.5em;
}
#content ul li {
  margin-bottom: .5em;
}
#content ul.list-spaced li, #content ol.list-spaced li,
#aside ul.list-spaced li, #aside ol.list-spaced li {
	margin-top: 1em;
}
#content ul.list-spaced ul li, #content ol.list-spaced ul li, #content ul.list-spaced ol li, #content ol.list-spaced ol li, 
#aside ul.list-spaced ul li, #aside ol.list-spaced ul li, #aside ul.list-spaced ol li, #aside ol.list-spaced ol li {
	margin: .5em 0;
}

/* Shortcuts Nav Menu */
#content .contents_shortcut {
  clear: both;
	padding: 2em 0 0 0;
  list-style: none;
}
#content main > ul.contents_shortcut {
  padding: .5em 0 0 0;
}
#content .contents_shortcut li {
}
#content .contents_shortcut li a {
  padding-left: 16px;
  background: url(/img/icons/down_arrow_blue.png) no-repeat 2px 4px;
}
#content .contents_shortcut li a:hover {
  background: url(/img/icons/down_arrow_red.png) no-repeat 2px 4px;
}
#content .contents_shortcut li a.disabled {
  background: url(/img/icons/down_arrow_grey.png) no-repeat 2px 4px;
}
#content .contents_shortcut li a:hover {
  text-decoration: none;
}
#content .contents_shortcut .disabled a {
  color: #999;
}



#content article {
  margin-top: 0em;
}
#content .contents_shortcut+article {
	margin-top: 3em;
}
#content article+article {
  margin-top: 4em;
	padding-top: 3em;
  border-top: 1px dashed #8090a4;
	clear: left;
}
#content article h2 {
  margin-bottom: 1em;
}
#content article h3 {
  /* margin-top: .3em; */
	margin-bottom: 1em;
	color: #124062;
}
#content article header h3 {
  margin-top: .4em;
}
#content article h4 {
  margin-top: 2em;
}
#content article h5 {
  margin-top: 1.5em;
}
#content article .highlight {
  margin: .3em 0 2em 2em; 
  padding: .25em .5em; 
  border: 1px solid #002147; 
  border-color: rgba(0, 33, 71, .1); 
  box-shadow: .2em .2em .5em rgba(0, 33, 71, .3); 
  border-radius: 6px;
  min-height: 0;
  }
#content article .highlight h5 {margin-top: .2em;}
#content article .highlight p {margin-bottom: 0;}
#content article .highlight img {margin: .2em .5em .5em 0;}
#content article .highlight ul {
  margin: 0;
  padding: 0;
}

#content article footer {
  clear: both;
  margin: 3em 0;
  border-top: 1px solid #eee;
}


/** Section Specific Styles **/
#research ul.research-projects li {margin-bottom: .5em; vertical-align: middle;}
#research .research-projects a {display: block; height: 4.5em; text-decoration: none;}
#research .research-projects img {
  display: inline-block;
  margin-right: .5em;
}
/* #research div.thumbnail:hover {
  border-color: #0088cc;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, .25);
     -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, .25);
          box-shadow: 0 1px 4px rgba(0, 105, 214, .25);
} */
#content table.research-projects-list td {
  min-width: 108px;
  padding-bottom: 1em;
}
#content table.research-projects-list td h4 {margin: 0 0 .5em 0; padding: 0;}
#content table.research-projects-list td img {
  margin-bottom: 1em;
  border: 1px solid #eee;
  border-radius: 10px;
}
#content table.research-projects-list td img.researcher-photo {
  margin: 0 0 2px 2px;
  border: 1px solid #eee;
  border-radius: 10px;
}
#content table.research-projects-list td:nth-child(3) {width: 20%;}

#content article#research-project img {
  border: 1px solid #eee;
  border-radius: 10px;
}

.research-programmes {
  clear: left;
  padding-bottom: 1em;
}
.research-programmes img {
  clear: left;
  margin: 0em 2em 2em 0;
  padding-bottom: 1.5em;
}
div.research-programmes ul.list-inline {
  margin: 2em 0 2em 0;
  padding-left: 0 !important;
}
/* div.research-programmes ul.list-inline li a.btn {
  background-color: #8090a4;
  border-color: #999;
} */



/* SFP Styles */

/* Display the logo inline on extra small devices */
@media (max-width: 768px) {
	#logo-sfp {margin: 2em 0 2em 2em;}
}
@media (min-width: 768px) {
	#logo-sfp {float: right; margin: -7em 0 2em 2em;}
}






#graduates table.people-listing {
  margin-top: 2em;
}

p.contact-icons {
	margin: 1em 0;
	/* float: right; */
}
p.contact-icons span.glyphicon {
	color: #fff;
	background-color: #d0d6de;
	border-radius: 25px;
	padding: 8px;
}
p.contact-icons a:hover span.glyphicon {
	background-color: #a0accb;
	text-decoration: none;
}
p.contact-icons a:hover {
	text-decoration: none;
}
p.contact-icons span.contact-icons-blurb {
	background-color: #eee;
	border-radius: 25px;
	padding: 8px 12px 8px 0;
}

#content table.people-listing td {
  padding-bottom: 1em;
}
#content table.people-listing h4 {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}
#content table.people-listing p.contact-icons {
	float: left;
}

#content table.people-listing td img {
	/* border-radius: 75px; */
}

#people h1 {
  margin-top: 0;
}
#people #myTabContent h3 {margin-top: 0;}
#people div.thumbnail {margin: 1em 0;}
#people div.thumbnail h4 {margin-top: 0;}
#aside div.people-photo {
	margin: 0 auto 2em auto;
}
#current-events img,
#recent-events img {
  margin-top: .4em;
  border-radius: 10px;
}

#people li.staffbook img {
  border-radius: 0;
}
#people h3 {
  /* clear: both; */
}
.people-tabs {margin: 1.5em 0 0 0;}
.tab-bordered {
  padding: 8px;
  border: 1px solid #ddd;
  border-collapse: separate;
  /* border-collapse: collapse; */
  border-top: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.staff-themes {
  padding: 2em 0;
  text-align: center;
}



#publications ul.nav-pills {
	padding-left: 0;
}
#publications ul.nav-pills li.active a,
#events-archive ul.nav-pills li.active a,
#news-archive ul.nav-pills li.active a{
	background-color: #8090a4;
}
table.wpapers td:first-child {
	width: 5em;
}
table.wpapers span.glyphicon {
	color: #8090a4;
	margin-right: .5em;
}
table.reports td:first-child {
	width: 1em;
}
table.reports td.sfmi span.glyphicon {
	color: #4d6098;
	margin-right: .5em;
}
table.reports td.ems span.glyphicon {
	color: #968c10;
	margin-right: .5em;
}
table.reports td.epm span.glyphicon {
	color: #e97695;
	margin-right: .5em;
}


#videos div.col-sm-4 {
	min-height: 19em;
}
#videos p {
	margin-top: .5em;
}

#content .news-banners {
  padding: 1em;
}
#content .news-banners h3,
#content .news-banners h4 {
  margin-top: .5em;
}
#content .news-banners img {
  border-radius: 4px;
}

table#current-events h4, table#current-events h5, table#past-events h4, table#past-events h5  {margin-top: 0;}
table#current-events h5, table#past-events h5, table#current-events h4, table#past-events h4 {margin-bottom: 0;}
table#current-events li {padding-bottom: .5em;}
#past-events li {padding-bottom: .5em;}
.event-date {color: #999; font-size: .85em;}

/* New Oxford Talks Styles - October 2017 */

#oxford-talks .events-oxtalks td,
.section-events .events-oxtalks td {
  padding-bottom: 1em;
}

#oxford-talks .events-oxtalks h4, 
.section-events .events-oxtalks h4 {
  margin: 0;
}

#oxford-talks .events-oxtalks .event-date, 
.section-events .events-oxtalks .event-date {
  width: 10em;
}



.podcasts-list li {margin-top: 1em;}

#content #gct-courses table th {
  border-top: 0;
}

#content #gct-courses img {
  margin: .3em 1em 2em 0;
  border-radius: 4px;
}


/** Publications Listings **/
ul li.staffbook {position: relative; display: inline-block; clear: left; margin: 4px 0 4px -16px; padding: .5em; background: #eee; width: 100%;}
ul li.staffbook div {padding-left: 50px;}
ul li.staffbook img {position: relative; left: -0px; float: left; margin: 0 8px 0 0; border: 1px solid #abc;}

/** Working Papers **/
ul.wplist li {position: relative; display: block; min-height: 75px; list-style-type: none; background: none;}
ul.wplist li .wpid {position: relative; display: block; float: left; text-align: center; height: 70px; width: 50px; margin: 0 10px 0 0; padding: 0; border: 1px solid #ccc; background: url(/img/icons/wpaper.png) no-repeat top left;}
ul.wplist li .wpid span {position: relative; display: block; font-size: .9em; margin: 28px 0 0 0; padding: 0; font-weight: bold; text-decoration: none; color: #fff; background-color: #666; filter: alpha(opacity=60); /*IE6 and 7*/ opacity: .60; /*Firefox 3.0*/}
ul.wplist li .wpid img {display: block; margin: 0 0 0 22px;}
ul.wplist li .wpid a {position: relative; display: block; font-size: .9em; margin: 22px 0 0 0; padding: 0; font-weight: bold; text-decoration: none; color: #fff; background-color: #3c3; filter: alpha(opacity=90); /*IE6 and 7*/ opacity: .9; /*Firefox 3.0*/ }
ul.wplist li .wpid a:hover, ul.wplist li .wpid a:focus, ul.wplist li .wpid a:active {filter: alpha(opacity=60); /*IE6 and 7*/ opacity: .6; /*Firefox 3.0*/ color: #fff;}
ul.wplist li .wpdownload {margin-left: 70px !important; padding-left: 14px !important; background: url(/img/icons/submenu.gif) 2px 3px no-repeat;}
ul.wplist li .wpdownload li {min-height: 0 !important; padding-bottom: 1em !important; border: none !important;}


/** Complementary Info **/
#complementary {padding-top: 0;}
#complementary .nav-pills > li > a {padding: 8px 8px; line-height: 18px; border: 1px solid #eee;}
#complementary h4 {
  /* margin-bottom: 0;
  padding: .5em;
  font-weight: normal;
  text-align: right;
  background-color: #f6f6f6;
  border-right: 5px solid #002147; */
}
#complementary dl {
  margin-bottom: 2em;
  text-align: right;
  font-size: .9em;
}
#complementary dt {
  margin-top: .5em;
  padding: .2em;
  background-color: #f9f9ff;
}
#complementary dd {

}

#aside ul li a span.glyphicon {margin: .5em 0; font-size: .9em; color: #E5E8EC; color: rgba(0, 33, 71, .1)}
#aside ul li a:hover span.glyphicon, #aside ul li a:focus span.glyphicon {margin: .5em 0; font-size: .9em; color: #B2BCC7; color: rgba(0, 33, 71, .3)}

/*** Colophon ***/
#colophon {margin-top: .5em; border-top: 1px solid #eee;}
#colophon-legal nav, #colophon-legal nav-pills {margin-bottom: 3px; margin-left: 0;}
#colophon-legal ul {margin-bottom: 0;}
#colophon-legal p, #colophon-legal div {margin-top: 0; margin-left: 1em; font-size: .85em;}
#colophon-social {padding-top: .5em;}

/*** General ***/
a {color: #0066aa;}
a:hover {color: #004470;}
a.accessibility {font-size: .8em; color: #999;}
a.accessibility:hover {text-decoration: none;}

/** Link Icons **/
.infopadlock {display: inline; background: url(/img/icons/infopadlock.gif) right center no-repeat; border: 0; margin: 0; padding: 2px 14px 2px 0;}
a.audio {display: inline; background: url(/img/icons/audio.png) right center no-repeat; border: 0; margin: 0; padding: 2px 16px 2px 0;}
a.video {display: inline; background: url(/img/icons/video.png) right center no-repeat; border: 0; margin: 0; padding: 2px 16px 2px 0;}
a.pdf {display: inline; background: url(/img/icons/pdf.png) right center no-repeat; border: 0; margin: 0; padding: 2px 16px 2px 0;}
a.ms-word {display: inline; background: url(/img/icons/ms-word.gif) right center no-repeat; border: 0; margin: 0; padding: 2px 18px 2px 0;}
a.ms-xls {display: inline; background: url(/img/icons/ms-excel.gif) right center no-repeat; border: 0; margin: 0; padding: 2px 18px 2px 0;}
a.ms-excel {display: inline; background: url(/img/icons/ms-excel.gif) right center no-repeat; border: 0; margin: 0; padding: 2px 18px 2px 0;}
a.ms-access {display: inline; background: url(/img/icons/ms-access.gif) right center no-repeat; border: 0; margin: 0; padding: 2px 18px 2px 0;}
a.ms-ppt {display: inline; background: url(/img/icons/ms-ppt.gif) right center no-repeat; border: 0; margin: 0; padding: 2px 18px 2px 0;}
a.email {display: inline; background: url(/img/icons/email.gif) right center no-repeat; border: 0; margin: 0; padding: 2px 18px 2px 0;}

blockquote {font-size: 1em; margin: 0 0 10px; line-height: 20px; font-weight: normal;}
h5 {font-weight: bold;}
p.lead {font-size: 1.3em;}
#content ul.list-unstyled {
 margin: 0;
 padding: 0; 
}
#content p.caption {
	font-size: 0.9em;
	color: #999;
	margin-top: -1em;
}


/** OXITEMS RSS News Styles **/
#listarticles .oxitems_item_dl {margin: 0; padding: 0;}
#listarticles .oxitems_item_dt {margin: 0; padding: 0;} /* Article title */ 
#listarticles .oxitems_item_dd {position: relative; clear: left; margin: 0; padding: 0 0 .5em 0; border-top: 1px solid #dddddd;} /* Article content */
#listarticles .oxitems_item_speciallink_a {} /* Hyperlink Title */
#listarticles .oxitems_item_speciallink_a:hover {text-decoration: none;} /* Hyperlink Title */
#listarticles .oxitems_item_speciallink_span {margin: 0; padding: 0;} /* A span class on the title */
#listarticles .oxitems_item_summary_span {display: block; clear: left; color: #666; margin: 0; padding: 0; font-size: .9em;padding-bottom: .5em;} /* Summary blurb */
#listarticles .oxitems_item_content_span {display: block; margin: 0; padding: 0;}
#listarticles .oxitems_item_content_span a.btn-more,
#listarticles .oxitems_item_content_span img {
	display: none;
} /* Hides new highlight options */
#listarticles .date1 {
  position: relative;
  float: right;
  font-size: .85em;
  color: #333333;
  background-color: #eeeef5;
  margin: 0 0 .5em 10px;
  padding: 0 4px;
  border-top: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
#listarticles .date2 {display: none;}
#listarticles .blurb {display: none;}
#listarticles [class*="span"] {float: none; min-height: 1px; margin-left: 0;}

/** Styles for the highlight articles **/
#oxitem-highlights {}
#oxitem-highlights .oxitems_item_dl {margin-top: -1.25em;}
#oxitem-highlights .oxitems_item_dt {}
#oxitem-highlights .oxitems_item_dd {
	display: inline;
	width: 47%; /* Display two columns for medium devices and larger (default) */
	float: left;
	position: relative;
	height: 35em;
	padding: 7px;
	overflow: hidden;
	/* thumbnail-style (theme) */
	margin-bottom: 2em;
	margin-right: 2.6%;
	/* border: 1px dotted #f00; */
}

/* Switch to two columns for small devices */
@media (min-width: 768px) and (max-width: 992px) {
	#oxitem-highlights .oxitems_item_dd {width: 47%;}
}
/* Switch to one column for extra small devices */
@media (max-width: 768px) {
	#oxitem-highlights .oxitems_item_dd {width: 97%;}
}
#oxitem-highlights .oxitems_item_dd:first-of-type {
	width: 97%; /* Display two columns for medium devices and larger (default) */
	/* height: 42em; */
  padding-bottom: 2em;
  height: 44em;
  margin-top: 0;
}
#oxitem-highlights .oxitems_item_dd:last-child {
  margin-right: 0%;
}
#oxitem-highlights .oxitems_item_dd:hover, #oxitem-highlights .oxitems_item_dd:focus {
	box-shadow: 0 0 8px #ddd; 
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
}
#oxitem-highlights .oxitems_item_dd:hover a.btn-more, #oxitem-highlights .oxitems_item_dd:focus a.btn-more {
	right: 10px;
}

#oxitem-highlights .oxitems_item_content_span {
    position: relative;
		display: block;
		/* overflow: hidden; */
    /* border: 1px dotted #00f; */
		margin: 0;
		padding: 0;
		margin-bottom: 11px;
}

#oxitem-highlights .oxitems_item_content_span div.overflow-hidden {
	overflow: hidden;
}

#oxitem-highlights img {
	position: relative;
	margin: 0;
	border-radius: 6px;
	
	/* thumbnail-kenburn (theme) */
	/* left: 10px;
	margin-left: -10px;*/
	transition: all 0.8s ease-in-out 0s;
    transition-property: all;
    transition-duration: 0.8s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
#oxitem-highlights .oxitems_item_dd:hover img, #oxitem-highlights .oxitems_item_dd:focus img {
   -webkit-transform: scale(1.2) rotate(2deg);
   -moz-transform: scale(1.2) rotate(2deg);
   -o-transform: scale(1.2) rotate(2deg);
   -ms-transform: scale(1.2) rotate(2deg);
   transform: scale(1.2) rotate(2deg);
}
#oxitem-highlights .oxitems_item_content_span a.btn-more {
	position: absolute;
	display: inline-block;
	background-color: #8090A4;
  right: -10px;
	bottom: 10px;
	color: #FFF;
	padding: 3px 6px;
	border-radius: 4px;
	
	transition: all 0.4s ease-in-out 0s;
    transition-property: all;
    transition-duration: 0.4s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
#oxitem-highlights a.btn-more:hover, #oxitem-highlights a.btn-more:focus {
	text-decoration: none;
	box-shadow: 0 0 4px #eafae5;
}

#oxitem-highlights a.oxitems_item_speciallink_a {
	display: block;
	margin: 6px 0px 8px;
	font-size: 18px;
	line-height: 27px;
	color: #000;
	margin-top: 5px;
	text-shadow: none;
	font-weight: normal;
	/* font-family: "Open Sans",Arial,sans-serif; */
	transition: all 0.4s ease-in-out 0s;
}
#oxitem-highlights a.oxitems_item_speciallink_a:hover, #oxitem-highlights a.oxitems_item_speciallink_a:focus {
	outline: 0px none !important;
    outline-width: 0px;
    outline-style: none;
    outline-color: -moz-use-text-color;
	color: #108BAF;
	text-decoration: none;
	transition: all 0.4s ease-in-out 0s;
    transition-property: all;
    transition-duration: 0.4s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
#oxitem-highlights .oxitems_item_summary_span {
	color: #555;
	margin: 0px 0px 10px;
}
#oxitem-highlights .date1 {display: block; color: #999; font-size: .9em; text-align: right;} /* Updated April 2016 to include the dates */
#oxitem-highlights .date2 {display: none;}


/** OXITEMS RSS Podcasts Styles **/
#listarticles-podcasts .oxitems_item_dl {margin: 0 0 0 20px;}
#listarticles-podcasts .oxitems_item_dt {} /* Article title */ 
#listarticles-podcasts .oxitems_item_dd {display: list-item; position: relative; clear: left; padding: 4px;} /* Article content */
#audio-podcasts .oxitems_item_dd {list-style-image: url(/img/icons/audio.png);}
/* #audio-podcasts .oxitems_item_speciallink_a {display: inline; background: url(/img/icons/audio.png) 0 0 no-repeat; padding: 2px 16px 2px 0;} /* Hyperlink Title */
#video-podcasts .oxitems_item_dd {list-style-image: url(/img/icons/video.png);}
/* #video-podcasts .oxitems_item_speciallink_a {display: inline; background: url(/img/icons/video.png) left center no-repeat; padding: 2px 16px 2px 0;} /* Hyperlink Title */
#listarticles-podcasts .oxitems_item_speciallink_a:hover {} /* Hyperlink Title */
#listarticles-podcasts .oxitems_item_speciallink_span {margin: 0; padding: 0;} /* A span class on the title */
#listarticles-podcasts .oxitems_item_summary_span {display: block; color: #999999; margin: 0; padding: 0; font-size: .9em; padding-bottom: .5em;} /* Summary blurb */
#listarticles-podcasts .oxitems_item_content_span {margin: 0; padding: 0;}
#listarticles-podcasts .date1 {display: none;}
#listarticles-podcasts .date2 {display: none;}
#listarticles-podcasts .blurb {display: none;}


/** Display Javascript Plugins when javascript is disabled **/
#no-js .tab-content > .tab-pane, #no-js .pill-content > .pill-pane {display: block;}
#no-js .accordion-group {clear: both;} /* Drops headings into right place */
#no-js .accordion .collapse {position: relative; overflow: visible;}
#no-js .accordion-inner {display: block; position: relative; float: left; clear: both; margin-bottom: 1em; padding: 1em; border: 1px solid  #e5e5e5;}

/* Print styles */
@media print {
  a[href]:after,
  abbr[title]:after {
    content: "";
  }
  div#analytics-notice,
  #breadcrumb-internal,
  #search-box {
    display: none;
  }
  .logos #logo-soge {
    width: 80%;
  }
  #nav-header ul li {
    margin: 0;
    padding: 0;
    font-size: .8em;
  }
  #nav-side {
  font-size: .9em;
  }
  #nav-side img {
    clear: left;
  }
}


/** SSEE View **/
#bg-sseeview { background:url(img/sseeview/bg-sseeview1.jpg) ; background-repeat:no-repeat ; background-position:center top ; height:124px ;}

#sub-menus-sseeview {width: 245px; float: right;}
#sub-menus-sseeview h2 {margin-top: 3em; text-transform: uppercase; font-weight: bold;}
#sub-menus-sseeview ul {margin-top: 1.5em;}
#sub-menus-sseeview ul li {list-style: none; margin-bottom: 1em}
#sub-menus-sseeview a {text-decoration: none; color:#4985b6;}
#sub-menus-sseeview a:hover { text-decoration:none ; color:#235e8a;}

/* SSEEVIEW Carousel */
#carousel-sseeview {
  clear: both;
  margin: 1em auto;
}
#carousel-sseeview .carousel-indicators {
	bottom: 0;
}
#carousel-sseeview .carousel-caption {
	bottom: 0; 
	right: 0; 
	left: 0; 
	padding: .5em .5em 2.2em .5em; 
	text-align: center;
}
#carousel-sseeview .carousel-caption a {
	color: #fff;
}
#carousel-sseeview .carousel-caption p {
	margin-bottom: .2em; 
	font-size: 1em;
  color: #fff;
}
#carousel-sseeview .item {
	background: rgba(0, 33, 71, .75);
}
#carousel-sseeview .carousel-caption {
	background: rgba(0, 33, 71, .75);
}

/* SSEEVIEW Infographic */
#sseeview-infographic {
  margin: 2em 0;
  padding: 0;
  border: 1px solid #F3F3F3;
  -webkit-border-radius: 6px; 
		 -moz-border-radius: 6px;
					border-radius: 6px;
}
#sseeview-infographic ul {
  display: inline;
  margin: 2em 0;
  padding: 0;
  padding-left: .5%;
}
#sseeview-infographic ul li {
  display: inline-block;
  width: 24%;
  margin: 0;
  padding: 0;
  list-style: none;
  vertical-align: bottom;
  text-align: center;
  text-transform: uppercase;
  border: 0;
}
#sseeview-infographic ul li span.glyphicon {
  position: relative;
  float: right;
  margin-top: 27%;
  margin-left: .8em;
  margin-right: -.8em;
  color: #abc;
}
#sseeview-infographic ul li img {
  padding: 1em 0 .8em 1.2em;
}
#sseeview-infographic ul li:last-child img {
  padding-left: .4em;
}
#sseeview-infographic ul li.active {
  font-weight: bold;
}
#sseeview-infographic .tab-content {
  padding: 0;
}
#sseeview-infographic .featured-caption p {
  background: #F3F3F3;
  padding: .8em;
  margin-bottom: 0;
  -webkit-border-radius: 6px; 
		 -moz-border-radius: 6px;
					border-radius: 6px;
  -webkit-border-top-left-radius: 0; 
		 -moz-border-top-left-radius: 0;
					border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0; 
		 -moz-border-top-right-radius: 0;
					border-top-right-radius: 0;
}

/* SSEEVIEW Leadership */
#sseeview-leadership {
  margin: 2em 0;
  border: 1px solid #F3F3F3;
  -webkit-border-radius: 6px; 
		 -moz-border-radius: 6px;
					border-radius: 6px;
}
#sseeview-leadership ul {
  display: inline;
  margin: 2em 0 2em .5em;
  padding: 0;
}
#sseeview-leadership ul li {
  display: inline-block;
  width: 32%;
  margin: 0;
  padding: 0;
  list-style: none;
  vertical-align: top;
  text-align: center;
  border: 0;
  text-transform: uppercase;
}
#sseeview-leadership ul li img {
  padding: 1em .5em .5em .5em;
}
#sseeview-leadership ul li.active {
  font-weight: bold;
}
#sseeview-leadership .featured-caption p {
  background: #F3F3F3;
  padding: .8em;
  margin-bottom: 0;
  -webkit-border-radius: 6px; 
		 -moz-border-radius: 6px;
					border-radius: 6px;
  -webkit-border-top-left-radius: 0; 
		 -moz-border-top-left-radius: 0;
					border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0; 
		 -moz-border-top-right-radius: 0;
					border-top-right-radius: 0;
}
ul#subscription {
  margin: 0;
  padding-bottom: 1em;
}
ul#subscription li {
  clear: left;
  list-style: none;
  padding-top: 1.5em;
  border: 0;
}
ul#subscription li img {
  float: left;
  padding-right: 1em;
}
#sseeviewform {
  display: inline-block;
  border: 1px solid #abc;
  -webkit-border-radius: 6px; 
		 -moz-border-radius: 6px;
					border-radius: 6px;
}
#sseeviewform label {
  margin-top: 1em;
}


/* Sustainable Finance Programme */
.sfp-publication {
  padding: 1em;
  background-color: #f0f0f5;
  margin-bottom: 2em;
}

div.sfp-publication h4 {
  padding-top: 0;
}





/* Prototype Styles */

#p2-headline-focus {
  background: url('/prototype2-headline.jpg') no-repeat top;
  border-radius: 6px;
  height: 20em;
}
#p2-news #oxitem-highlights .oxitems_item_dd {
  margin-top: 1em;
  width: 23%;
}
#p2-news #oxitem-highlights .oxitems_item_dd:first-of-type {
  width: 23%;
}
/* Switch to two columns for small devices */
@media (min-width: 768px) and (max-width: 992px) {
	#p2-news #oxitem-highlights .oxitems_item_dd {width: 47%;}
  #p2-news #oxitem-highlights .oxitems_item_dd:first-of-type {width: 47%;}
}
/* Switch to one column for extra small devices */
@media (max-width: 768px) {
	#p2-news #oxitem-highlights .oxitems_item_dd {width: 97%;}
  #p2-news #oxitem-highlights .oxitems_item_dd:first-of-type {width: 97%;}
}
#p2-news h2,
#p2-where-work h2 {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #eee;
}
.p2a #oxitem-highlights .oxitems_item_dd {
  border-radius: 6px;
  border: 1px solid #eee;
  background-color: #fff;
}


#p3-research-highlight {
  margin-top: 2em;
  margin-bottom: 2em;
}
#p3-research-highlight h3 {
  margin-top: .5em;
}
#p3-news-social-events {
}
#p3-news-social-events #oxitem-highlights .oxitems_item_dd {
  margin-bottom: 1em;
}
#p3-news-social-events #news-twitter {
  padding-left: 0;
}



#p4-highlight h3 {
  margin-top: .5em;
}
#p4-highlight h5 {
  position: absolute;
  z-index: 10;
  top: 2%;
  right: 7%;
  margin-top: 0;
  font-weight: normal;
  color: #999;
  padding: .2em .5em;
  background-color: #fff;
  border-radius: 2px;
}
#p4-highlight img {
  border-radius: 6px;
}

#p4-highlight #oxitem-highlights .oxitems_item_dl,
#p4-highlight #oxitem-highlights .oxitems_item_dt {
  padding: 0;
  margin: 0;
}

#p4-highlight #oxitem-highlights .oxitems_item_dd {
  border: 0;
  padding: 0;
  margin: 0;
  max-height: 26em;
  width: 100%;
}
#p4-highlight #oxitem-highlights a.oxitems_item_speciallink_a { 
  font-size: 24px;
}

#p4-highlight #oxitem-highlights .date1 {
  display: none;
}
#p4-highlight #oxitem-highlights a.btn-more {
  display: none;
}

#p4-news-social-events #listevents table tr td:first-of-type {
  width: 25%;
}
#p4-news-social-events #listevents tr {
  margin-bottom: 1em;
  border-top: 1px solid #def;
}
#p4-news-social-events #listevents td {
  padding-top: .5em;
  vertical-align: top;
}
#p4-news-social-events #listevents td h4 {
  margin-top: 0;
}

