/*
  BBC R&D website site stylesheet
*/
/*
  Base styles
*/
/*
	Grid system
*/
#wrapper.gel-grid .container {
  width: 976px;
  position: relative; }
  #wrapper.gel-grid .container.centered {
    margin: 0 auto; }
  #wrapper.gel-grid .container .row {
    margin-left: -16px;
    *zoom: 1; }
  #wrapper.gel-grid .container .row:before,
  #wrapper.gel-grid .container .row:after {
    display: table;
    line-height: 0;
    content: ""; }
  #wrapper.gel-grid .container .row:after {
    clear: both; }
  #wrapper.gel-grid .container [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 16px; }
  #wrapper.gel-grid .container .span12 {
    width: 976px; }
  #wrapper.gel-grid .container .span11 {
    width: 860px; }
  #wrapper.gel-grid .container .span10 {
    width: 780px; }
  #wrapper.gel-grid .container .span9 {
    width: 700px; }
  #wrapper.gel-grid .container .span8 {
    width: 624px; }
  #wrapper.gel-grid .container .span7 {
    width: 540px; }
  #wrapper.gel-grid .container .span6 {
    width: 480px; }
  #wrapper.gel-grid .container .span5 {
    width: 380px; }
  #wrapper.gel-grid .container .span4 {
    width: 336px; }
  #wrapper.gel-grid .container .span3 {
    width: 232px; }
  #wrapper.gel-grid .container .span2 {
    width: 140px; }
  #wrapper.gel-grid .container .span1 {
    width: 60px; }
  #wrapper.gel-grid .container .offset12 {
    margin-left: 980px; }
  #wrapper.gel-grid .container .offset11 {
    margin-left: 900px; }
  #wrapper.gel-grid .container .offset10 {
    margin-left: 820px; }
  #wrapper.gel-grid .container .offset9 {
    margin-left: 740px; }
  #wrapper.gel-grid .container .offset8 {
    margin-left: 660px; }
  #wrapper.gel-grid .container .offset7 {
    margin-left: 580px; }
  #wrapper.gel-grid .container .offset6 {
    margin-left: 500px; }
  #wrapper.gel-grid .container .offset5 {
    margin-left: 420px; }
  #wrapper.gel-grid .container .offset4 {
    margin-left: 340px; }
  #wrapper.gel-grid .container .offset3 {
    margin-left: 260px; }
  #wrapper.gel-grid .container .offset2 {
    margin-left: 180px; }
  #wrapper.gel-grid .container .offset1 {
    margin-left: 100px; }

/*
	Site wide variables
	Colours, sizes etc.
*/
/* 
  Mixins
*/
/*
	Utils
*/
.separator-bottom, .shorts li {
  border-bottom: 1px solid #d3d3d3; }

.separator-top, .block .separator:last-child {
  border-top: 1px solid #d3d3d3; }

.separator-dropshadow, .separator-distinct {
  border-bottom: 1px solid #ddd;
  -webkit-box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.4); }

.hidden {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

.clearfix:after {
  content: "this is the clear fix";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.clearfix {
  display: inline-block; }

html[xmlns] .clearfix {
  display: block; }

* html .clearfix {
  height: 1%; }

/*
  Base site typography
*/
#blq-main {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1.4em;
  color: #333333; }

h1, .h-44, .headings .title,
.header .title, #site_header #banner .aboveNav #brand_block .site-title, #site_header #banner .aboveNav #brand_block .section-title {
  font-size: 3.14286em;
  letter-spacing: -1px;
  line-height: 1; }

h2, .h-36, .text h2 {
  font-size: 2.57143em;
  letter-spacing: 0; }

h3, .h-28, .text h3, .text .heading, .block .title, .short.title-header {
  font-size: 2em;
  letter-spacing: 0; }

h4, .h-24, .text h4, .with-search > .title, .with-search .single, .search-box .title {
  font-size: 1.71429em;
  letter-spacing: 0; }

h5, .h-20, .text h5, .headings .subtitle,
.header .subtitle {
  font-size: 1.42857em;
  letter-spacing: 0; }

h6, .h-16, .text h6, .block .title-block .links,
.block .hd .links, .panel .title, .headings .authors,
.header .authors, .short .title, .action, .topic {
  font-size: 1.14286em;
  letter-spacing: 0; }

a, .link {
  text-decoration: none;
  color: #006fc9;
  font-weight: bold; }

.link:focus, a:focus,
.link:hover, a:hover {
  text-decoration: underline;
  color: #006fc9; }

p {
  padding-bottom: 16px;
  line-height: 1.4; }

p.single {
  padding-bottom: 0; }

.leadin {
  font-size: 1.14286em; }

.text h2, .text h3, .text h4, .text h5, .text h6, .text .heading {
  padding-bottom: 16px; }

.markdown ol, .markdown ul {
  display: block;
  list-style-position: inside;
  padding-left: 20px; }
  .markdown ol li, .markdown ul li {
    display: list-item;
    line-height: 18px;
    padding-bottom: 8px; }
.markdown ol li {
  list-style-type: decimal; }
.markdown ul li {
  list-style-type: circle; }

/*
  Page-level styles
*/
body {
  background-color: silver; }

.featured .row {
  overflow: hidden;
  margin-bottom: 16px; }
  .featured .row .block {
    padding-bottom: 500em;
    margin-bottom: -500em; }

article .text ul, article .text ol {
  padding-bottom: 16px; }
article .text ul {
  padding-left: 16px;
  list-style: disc; }
article .text ol {
  padding-left: 20px;
  list-style: decimal; }

article .text img, article .leadin img {
  display: block;
  padding-bottom: 16px;
  margin: 0 auto;
  max-width: 100%; }

/* 
  Modules
*/
/*
  A visual module including a header block
*/
.block {
  overflow: hidden;
  background-color: white;
  width: 100%;
  margin-bottom: 16px; }
  .block .title-block,
  .block .hd {
    height: 72px;
    line-height: 56px;
    padding: 0 16px 0 16px;
    margin: 0 0 -16px 0;
    background: url("/rd/sites/50335ff370b5c262af000004/theme/images/ie-title-block-shadow.png") left bottom repeat-x #d2d2d2;
    z-index: 999;
    position: relative; }
    .block .title-block.hd-highlight,
    .block .hd.hd-highlight {
      color: white;
      background-color: #4a6d8b; }
    .block .title-block .links,
    .block .hd .links {
      position: absolute;
      top: 0;
      right: 16px;
      line-height: 63px; }
  .block .hd > .title,
  .block .hd.title {
    letter-spacing: -1px; }
  .block .important {
    font-weight: bold; }
  .block.enhanced-info {
    background-color: #b1bcc6; }
  .block .img {
    padding-bottom: 16px; }

.img.with-caption {
  overflow: hidden;
  float: left;
  margin-right: 16px; }
  .img.with-caption img {
    float: left; }
  .img.with-caption span.caption {
    clear: both;
    float: left;
    height: 24px;
    line-height: 24px;
    padding: 0 0 0 10px;
    background-color: #5c5c5c;
    color: #fff;
    font-weight: normal !important;
    width: 100%; }

.separator-distinct-wrapper {
  overflow: hidden;
  padding-bottom: 16px; }

.panel {
  padding: 16px; }
  .panel > :last-child {
    padding-bottom: 0; }
  .panel .title {
    line-height: 2; }
  .panel .title-large {
    font-size: 24px; }

.panel-full-width {
  padding-left: 0;
  padding-right: 0; }

.panel-flush-top {
  padding-top: 0; }

.panel-flush-bottom {
  padding-bottom: 0; }

.boxshadow .title-block,
.boxshadow .hd {
  height: 56px;
  line-height: 56px;
  padding: 0 0 0 16px;
  background: none;
  background-color: #d2d2d2;
  margin: 0;
  -webkit-box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.4);
  z-index: 999;
  position: relative; }

/*
  Page-level header blocks
  TODO: .headings class is still used in some bits
        of markup. Change this to .header.
*/
.page-header {
  overflow: hidden;
  background-color: #fff;
  margin-bottom: 16px; }

.headings,
.header {
  display: block;
  overflow: hidden;
  background-color: #2a4a64;
  min-height: 46px;
  padding: 16px;
  color: #fff; }
  .headings h1,
  .header h1 {
    font-size: 1em; }
  .headings.light-style,
  .header.light-style {
    background-color: #fff;
    color: #333333; }
    .headings.light-style a,
    .header.light-style a {
      color: #006fc9; }
  .headings a,
  .header a {
    color: #fff; }
  .headings.search-height,
  .header.search-height {
    min-height: 68px; }
  .headings.standalone,
  .header.standalone {
    margin-bottom: 16px; }
  .headings.small-image .img,
  .header.small-image .img {
    float: left; }
  .headings .meta,
  .header .meta {
    padding: 8px 0 0 0; }
  .headings .title,
  .header .title {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 1.1;
    font-weight: bold; }
    .headings .title .small,
    .header .title .small {
      font-size: 0.8em; }
  .headings .subtitle,
  .headings .authors,
  .header .subtitle,
  .header .authors {
    display: block;
    margin: 8px 0;
    padding: 0;
    font-weight: normal; }

.with-dropshadow {
  border-bottom: 1px solid #ddd; }
  .with-dropshadow .block {
    background-color: transparent; }

.boxshadow .with-dropshadow {
  border-bottom: none;
  -webkit-box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.4); }

.with-search {
  position: relative;
  height: 77px;
  width: 944px;
  padding: 7px 16px 16px 16px;
  background: url("/rd/sites/50335ff370b5c262af000004/theme/images/polka.jpg") 2px 12px repeat transparent; }
  .with-search > .title {
    line-height: 34px; }
  .with-search .single {
    line-height: 84px; }
  .with-search .search-box {
    position: absolute;
    top: 0;
    right: 0; }

/*
  Shorts are mainly teasers for content types e.g. a Post, Project or 
  Publications
  Used mainly in search results and indexes.
*/
/*
  Short list
*/
.shorts li:last-child {
  border-bottom: none; }

/*
  Basic short has an optional piece of media 
  and some other content
*/
.short {
  display: block;
  overflow: hidden;
  *overflow: visible;
  zoom: 1;
  padding: 16px; }
  .short > a,
  .short > a:focus,
  .short > a:hover,
  .short > a:visited {
    font-weight: normal;
    color: #333333;
    text-decoration: none; }
  .short .img,
  .short .emp {
    float: left;
    margin-right: 16px; }
    .short .img img,
    .short .emp img {
      display: block; }
  .short .content {
    overflow: hidden; }
    .short .content > :last-child {
      padding-bottom: 0; }
  .short .title {
    line-height: 1.3; }
    .short .title img {
      margin: 0 4px 0 0; }
  .short .meta-type {
    font-size: 12px; }

/*
  A linear short has the media on top of 
  the content
*/
.shorts-linear .img {
  float: none;
  padding-bottom: 8px; }

.short-research-area li {
  padding: 16px; }
  .short-research-area li .img {
    float: left;
    padding-right: 16px; }

/*
  Type of content and the dates involved
*/
.meta-type {
  font-weight: normal; }
  .meta-type .type {
    font-weight: bold; }
  .meta-type.meta-type-heavy .sep, .meta-type.meta-type-heavy .date {
    font-weight: bold; }
  .meta-type.meta-type-inline {
    display: inline-block; }
  .meta-type.meta-type-spacing {
    padding-right: 32px; }
  .meta-type.meta-type-inner-spacing .type {
    padding-right: 8px; }

.info-meta {
  overflow: hidden; }
  .info-meta > span {
    display: block; }

/*
  A link block
*/
.meta-link {
  line-height: 1;
  padding-bottom: 8px; }
  .meta-link .link {
    display: block; }
  .meta-link .title {
    font-weight: bold; }
  .meta-link.meta-link-with-info .link {
    font-size: 16px;
    padding-bottom: 4px; }

/*
  Button-like links
*/
.action {
  position: relative;
  display: block;
  background-color: #006fc9;
  border: 1px solid #006fc9;
  color: #fff;
  margin: 6px 0 0 0;
  padding: 5px 17px;
  line-height: 26px;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear; }
  .action.action-inline {
    display: inline-block; }
  .action.action-block {
    height: 40px;
    line-height: 40px;
    margin-bottom: 16px; }
  .action .icon {
    display: inline-block;
    position: relative;
    left: -6px;
    height: 14px;
    width: 14px; }
  .action.download .icon {
    background: url("/rd/sites/50335ff370b5c262af000004/theme/images/cta_download.png") 0 0 transparent no-repeat; }
  .action:focus, .action:hover {
    color: #006fc9;
    background-color: #fff;
    text-decoration: none; }
    .action:focus .icon, .action:hover .icon {
      background-position: 0 -14px; }

/*
  Tag actions
*/
.topic {
  display: inline-block;
  margin: 0 6px 6px 0;
  border: 1px solid #006fc9;
  color: #fff;
  background-color: #006fc9;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear; }
  .topic:focus, .topic:hover {
    color: #006fc9;
    background-color: #fff;
    text-decoration: none; }
  .topic a {
    display: block;
    color: #fff;
    padding: 6px; }
  .topic a:focus,
  .topic a:hover {
    color: #006fc9;
    background-color: #fff;
    text-decoration: none; }

.publication-thumbnail {
  position: relative;
  width: 104px; }
  .publication-thumbnail img {
    -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1); }
  .publication-thumbnail .code {
    position: absolute;
    top: 38%;
    right: 22px;
    color: #fff;
    font-weight: normal; }

/*
  Date and time calendar icon used 
  on publications and event page
*/
.cal-icon {
  display: block;
  height: 48px;
  width: 48px;
  border: 1px solid #ccc; }
  .cal-icon span {
    display: block;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 48px; }
    .cal-icon span.year {
      background-color: #c4171e;
      color: #fff;
      font-weight: normal; }
    .cal-icon span.month {
      background-color: #fff;
      color: #000;
      font-weight: bold; }

.boxshadow .cal-icon {
  height: 50px;
  width: 50px;
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6);
  border: none; }
  .boxshadow .cal-icon span {
    height: 25px;
    line-height: 25px;
    width: 50px; }

/*
  Useful for putting several components 
  onto a single line
*/
.inline-list > * {
  display: inline-block; }

/*
  A search box
  Extends .block
*/
.search-box {
  width: 304px;
  background-color: #2a4a64;
  padding: 16px;
  margin-bottom: 16px; }
  .search-box .title {
    padding-bottom: 10px;
    color: #fff;
    font-weight: normal; }
  .search-box #search {
    width: 304px;
    height: 32px;
    position: relative; }
    .search-box #search input.text {
      width: 240px;
      margin: 0;
      border: none;
      outline: none;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 32px;
      line-height: 32px;
      padding-left: 16px !important;
      padding-right: 48px !important;
      font-size: 14px; }
    .search-box #search #search-submit {
      position: absolute;
      top: 0;
      right: 0;
      height: 32px;
      width: 32px;
      background: url("/rd/sites/50335ff370b5c262af000004/theme/images/search-icon-32.png") 0 0 no-repeat #006fc9;
      border: none;
      outline: none;
      cursor: pointer; }

/*
  Site navigation bar
*/
nav {
  display: block;
  float: left;
  background-color: white;
  height: 32px;
  width: 976px;
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear; }
  nav.notrans {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none; }
  nav ul {
    height: 32px; }
    nav ul li {
      float: left;
      height: 32px;
      text-decoration: none;
      /* SUB MENU ================ */ }
      nav ul li.link:focus, nav ul li.link:hover {
        text-decoration: none; }
      nav ul li a {
        margin: 0;
        color: #333333;
        padding: 0 8px;
        height: 32px;
        line-height: 32px;
        display: block;
        font-size: 16px;
        font-weight: bold;
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-transition: all 0.1s linear;
        -moz-transition: all 0.1s linear;
        -o-transition: all 0.1s linear;
        transition: all 0.1s linear;
        text-decoration: none; }
        nav ul li a:focus, nav ul li a:hover {
          background-color: #333333;
          color: white;
          text-decoration: none; }
      nav ul li.on a {
        background-color: #333333;
        color: white;
        text-decoration: none; }
      nav ul li ul {
        position: absolute;
        top: 32px;
        left: 0;
        right: 0;
        display: none;
        height: 32px;
        width: 976px;
        background-color: #333333; }
        nav ul li ul li a {
          color: white; }
        nav ul li ul li.on a, nav ul li ul li a:hover, nav ul li ul li a:focus {
          background-color: #6e6e6e; }

/* Per-page navigation display (sub-menu)
======================================================== */
.page-partnerships nav,
.page-our-purpose nav,
.page-research-areas nav,
.page-history nav,
.page-awards nav {
  height: 64px !important; }
  .page-partnerships nav #nav-about,
  .page-our-purpose nav #nav-about,
  .page-research-areas nav #nav-about,
  .page-history nav #nav-about,
  .page-awards nav #nav-about {
    display: block !important; }

.page-overview nav,
.page-research-scientists nav,
.page-research-technologists nav,
.page-industrial-trainees nav {
  height: 64px !important; }
  .page-overview nav #nav-careers,
  .page-research-scientists nav #nav-careers,
  .page-research-technologists nav #nav-careers,
  .page-industrial-trainees nav #nav-careers {
    display: block !important; }

/*
  The diagram of the 5 research areas used across the site
  see: /rd/projects
*/
.research-areas .r-section {
  position: relative;
  height: 152px;
  overflow: hidden; }
.research-areas .r-areas {
  position: relative;
  display: block;
  height: 152px;
  width: 304px;
  background: url("/rd/sites/50335ff370b5c262af000004/theme/images/research_areas_bg.png") no-repeat;
  overflow: hidden; }
  .research-areas .r-areas .r-area {
    float: left;
    position: absolute; }
    .research-areas .r-areas .r-area.capture {
      top: 0px;
      left: 0px; }
    .research-areas .r-areas .r-area.produce {
      top: 32px;
      left: 48px; }
    .research-areas .r-areas .r-area.deliver {
      top: 64px;
      left: 96px; }
    .research-areas .r-areas .r-area.discover {
      top: 96px;
      left: 144px; }
    .research-areas .r-areas .r-area.experience {
      bottom: 0px;
      right: 0px; }
    .research-areas .r-areas .r-area a {
      width: 110px;
      height: 22px;
      padding: 0;
      font-size: 12px;
      line-height: 24px;
      display: block;
      position: relative;
      z-index: 9;
      color: #006fc9;
      background-color: #fff;
      border: 1px solid transparent;
      margin: 0;
      text-align: center;
      font-weight: bold;
      text-decoration: none;
      -webkit-transform: translate3d(0, 0, 0);
      -webkit-transition: all 0.1s linear;
      -moz-transition: all 0.1s linear;
      -o-transition: all 0.1s linear;
      transition: all 0.1s linear; }
    .research-areas .r-areas .r-area.active a {
      background-color: #006fc9;
      color: #fff; }
    .research-areas .r-areas .r-area a:focus,
    .research-areas .r-areas .r-area a:hover {
      background-color: #fff;
      color: #006fc9;
      border-color: #006fc9; }
.research-areas .all-active .r-area a {
  color: #fff;
  background-color: #006fc9; }
.research-areas .all-active .r-area a:focus,
.research-areas .all-active .r-area a:hover {
  color: #006fc9;
  background-color: #fff; }

/*
    Homepage carousel
*/
#hero-carousel {
  width: 976px;
  overflow: hidden;
  height: 360px; }
  #hero-carousel .dots {
    height: 40px;
    width: 976px;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    background-color: #d0cdcd; }
    #hero-carousel .dots ul {
      width: 976px;
      text-align: center; }
      #hero-carousel .dots ul li {
        display: inline-block;
        margin: 10px 6px;
        cursor: pointer; }
        #hero-carousel .dots ul li .dot {
          text-indent: -999px;
          overflow: hidden;
          display: inline-block;
          height: 19px;
          width: 19px;
          background-color: #fff;
          -webkit-border-radius: 20px;
          -moz-border-radius: 20px;
          border-radius: 20px;
          -webkit-transform: translate3d(0, 0, 0);
          -webkit-transition: all 0.1s linear;
          -moz-transition: all 0.1s linear;
          -o-transition: all 0.1s linear;
          transition: all 0.1s linear; }
        #hero-carousel .dots ul li.active .dot {
          background-color: #0064b5; }
  #hero-carousel fieldset.gelui-carousel-navigation {
    z-index: 9999;
    position: absolute;
    top: 0;
    height: 360px;
    width: 75px;
    background-color: #ebe9e9; }
    #hero-carousel fieldset.gelui-carousel-navigation legend {
      display: none; }
    #hero-carousel fieldset.gelui-carousel-navigation.gelui-carousel-navigation-left {
      left: 0;
      border-right: 1px solid #d5d5d5; }
      #hero-carousel fieldset.gelui-carousel-navigation.gelui-carousel-navigation-left button {
        background: url("/rd/sites/50335ff370b5c262af000004/theme/images/carousel-lr.png") 16px center no-repeat #ebe9e9; }
    #hero-carousel fieldset.gelui-carousel-navigation.gelui-carousel-navigation-right {
      right: 0;
      border-left: 1px solid #d5d5d5; }
      #hero-carousel fieldset.gelui-carousel-navigation.gelui-carousel-navigation-right button {
        background: url("/rd/sites/50335ff370b5c262af000004/theme/images/carousel-lr.png") -86px center no-repeat #ebe9e9; }
    #hero-carousel fieldset.gelui-carousel-navigation button {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      cursor: pointer;
      height: 360px;
      width: 75px;
      border: none;
      background-color: #ebe9e9;
      text-indent: -999px;
      overflow: hidden;
      padding: 0;
      margin: 0; }
      #hero-carousel fieldset.gelui-carousel-navigation button:hover {
        background-color: #D2D2D2 !important;
        background-image: url("/rd/sites/50335ff370b5c262af000004/theme/images/carousel-lr-hover.png"); }
  #hero-carousel ul#home_hero {
    height: 360px;
    position: absolute; }
    #hero-carousel ul#home_hero li {
      float: left;
      width: 976px;
      height: 360px;
      overflow: hidden; }
      #hero-carousel ul#home_hero li .inner {
        padding: 0 128px; }
    #hero-carousel ul#home_hero .ph_promo {
      height: 360px;
      background: url("/rd/sites/50335ff370b5c262af000004/theme/images/ph_promo_default.png") top right no-repeat #edebeb;
      position: relative; }
      #hero-carousel ul#home_hero .ph_promo.no-bg {
        background-image: none; }
        #hero-carousel ul#home_hero .ph_promo.no-bg .inner {
          background-image: none; }
      #hero-carousel ul#home_hero .ph_promo .inner {
        height: 100%;
        padding-top: 24px;
        background: url("/rd/sites/50335ff370b5c262af000004/theme/images/ph_promo_bg_mask.png") top left no-repeat transparent; }
        #hero-carousel ul#home_hero .ph_promo .inner .text {
          width: 460px; }
          #hero-carousel ul#home_hero .ph_promo .inner .text h1 {
            color: #333;
            font-size: 46px;
            margin: 0 0 16px 0;
            float: left;
            letter-spacing: -0.07em;
            width: 100%; }
          #hero-carousel ul#home_hero .ph_promo .inner .text p {
            float: left;
            padding: 0 40px 0 0;
            font-size: 16px;
            font-weight: light;
            margin: 0 0 16px 0; }
          #hero-carousel ul#home_hero .ph_promo .inner .text a {
            display: block;
            font-size: 16px;
            color: #0064b5;
            float: left; }
          #hero-carousel ul#home_hero .ph_promo .inner .text img {
            position: absolute;
            top: 90px;
            right: 90px; }
          #hero-carousel ul#home_hero .ph_promo .inner .text .ph-area {
            width: 100%; }

/*
  Promo blocks (used on homepage)
*/
.promos li {
  margin: 0 0 16px 0; }
  .promos li .short {
    padding: 0;
    height: 160px;
    padding: 16px; }
    .promos li .short a {
      display: block;
      height: 160px; }
    .promos li .short .title, .promos li .short .subtitle, .promos li .short .date {
      color: #fff;
      margin: 0 0 16px 0;
      line-height: 1.1;
      width: 60%;
      font-weight: bold; }
    .promos li .short .title {
      font-size: 36px;
      line-height: 36px; }
    .promos li .short .subtitle, .promos li .short .date {
      font-size: 20px; }
    .promos li .short a:focus,
    .promos li .short a:hover {
      text-decoration: none; }
  .promos li .event {
    background: url("/rd/sites/50335ff370b5c262af000004/theme/images/promo_event.jpg") 0 0 no-repeat #444444; }
  .promos li .project {
    background: url("/rd/sites/50335ff370b5c262af000004/theme/images/promo_project.jpg") 0 0 no-repeat #444444; }
  .promos li .history {
    background: url("/rd/sites/50335ff370b5c262af000004/theme/images/promo_history.jpg") 0 0 no-repeat #444444;
    height: 96px; }
    .promos li .history a {
      height: 96px; }
    .promos li .history .title, .promos li .history .subtitle, .promos li .history .date {
      width: auto; }
  .promos li .opening {
    background: url("/rd/sites/50335ff370b5c262af000004/theme/images/promo_opening.jpg") 0 0 no-repeat #444444; }
  .promos li .award {
    background: url("/rd/sites/50335ff370b5c262af000004/theme/images/promo_award.jpg") 0 0 no-repeat #444444; }
  .promos li .download {
    background: url("/rd/sites/50335ff370b5c262af000004/theme/images/promo_download.jpg") 0 0 no-repeat #444444;
    height: 304px;
    position: relative; }
    .promos li .download .title, .promos li .download .subtitle, .promos li .download .date {
      width: auto; }
    .promos li .download a {
      background: none; }
    .promos li .download .info p {
      color: #fff;
      line-height: 1.2;
      position: absolute;
      left: 16px;
      right: 16px;
      bottom: 64px; }
    .promos li .download .action {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 48px;
      line-height: 48px;
      padding: 0 0 0 16px;
      font-weight: bold;
      color: #fff;
      -webkit-transition: none;
      -moz-transition: none;
      -o-transition: none;
      transition: none; }
      .promos li .download .action .icon {
        display: inline-block;
        height: 14px;
        width: 14px;
        background: url("/rd/sites/50335ff370b5c262af000004/theme/images/cta_download.png") 0 0 transparent no-repeat;
        left: 0;
        margin: 0 6px 0 0; }
      .promos li .download .action:focus, .promos li .download .action:hover {
        color: #006fc9; }
        .promos li .download .action:focus .icon, .promos li .download .action:hover .icon {
          background: url("/rd/sites/50335ff370b5c262af000004/theme/images/cta_download.png") 0 -14px transparent no-repeat; }

/*
  A meta details list used on publications, events and blog posts
*/
.details {
  position: relative; }
  .details .panel {
    min-width: 400px; }
  .details .cal-icon {
    float: left;
    margin-right: 16px; }
  .details .meta-type {
    overflow: hidden;
    line-height: 50px;
    font-size: 16px; }
  .details.details-multi-line .meta-type {
    line-height: 1.5; }
    .details.details-multi-line .meta-type .type {
      display: block; }
  .details .download {
    position: absolute;
    top: 22px;
    right: 16px; }

/*
  Site masthead
*/
#site_header {
  margin: 0;
  padding: 0;
  margin: 0 0 16px 0;
  height: auto;
  width: 976px;
  overflow: hidden; }
  #site_header #beta {
    display: block;
    height: 12px;
    line-height: 12px;
    font-size: 12px;
    font-weight: bold;
    color: #006fc9;
    padding: 12px 12px 4px 22px;
    cursor: default; }
    #site_header #beta a {
      color: #2a4a64; }
  #site_header #banner {
    float: left; }
    #site_header #banner .aboveNav {
      height: 82px; }
      #site_header #banner .aboveNav #brand_block {
        position: relative;
        height: 32px;
        padding-left: 8px; }
        #site_header #banner .aboveNav #brand_block .site-title, #site_header #banner .aboveNav #brand_block .section-title {
          float: left;
          line-height: 30px;
          height: 32px;
          display: inline-block;
          font-size: 44px;
          font-weight: normal;
          font-family: "Gill Sans MT","Gill Sans", Arial, Sans-serif;
          margin: 0;
          padding: 0;
          zoom: 1;
          *display: inline; }
        #site_header #banner .aboveNav #brand_block .site-title {
          width: 176px;
          height: 32px; }
          #site_header #banner .aboveNav #brand_block .site-title a {
            display: block;
            width: 100%;
            height: 100%;
            background: transparent url(/rd/sites/50335ff370b5c262af000004/theme/images/main_title.png) no-repeat left 95%;
            text-indent: -999em; }
        #site_header #banner .aboveNav #brand_block .section-title {
          color: #333333;
          text-transform: uppercase;
          font-size: 34px;
          margin-left: 8px;
          font-family: "Gill Sans Light", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
          font-weight: lighter; }
        #site_header #banner .aboveNav #brand_block .section-title {
          margin-top: 4px; }
        #site_header #banner .aboveNav #brand_block .feed {
          position: absolute;
          top: 50%;
          right: 8px;
          height: 36px;
          width: 300px;
          margin-top: -18px;
          font-weight: bold; }
          #site_header #banner .aboveNav #brand_block .feed a {
            display: block;
            width: 100%;
            height: 100%;
            color: #2a4a64;
            background: transparent url("/rd/sites/50335ff370b5c262af000004/theme/images/icons/feed.png") right center no-repeat; }
            #site_header #banner .aboveNav #brand_block .feed a .text {
              position: absolute;
              right: 0;
              bottom: 0;
              padding-right: 40px;
              text-align: right; }
            #site_header #banner .aboveNav #brand_block .feed a:hover .text {
              text-decoration: underline; }
    #site_header #banner nav {
      display: block;
      float: left;
      background-color: white;
      height: 32px;
      width: 976px;
      position: relative;
      overflow: hidden;
      -webkit-transform: translate3d(0, 0, 0);
      -webkit-transition: all 0.1s linear;
      -moz-transition: all 0.1s linear;
      -o-transition: all 0.1s linear;
      transition: all 0.1s linear; }
      #site_header #banner nav.notrans {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none; }
      #site_header #banner nav ul {
        height: 32px; }
        #site_header #banner nav ul li {
          float: left;
          height: 32px;
          /* SUB MENU ================ */ }
          #site_header #banner nav ul li a {
            color: #333333;
            padding: 0 8px;
            height: 32px;
            line-height: 32px;
            display: block;
            -webkit-transform: translate3d(0, 0, 0);
            -webkit-transition: all 0.1s linear;
            -moz-transition: all 0.1s linear;
            -o-transition: all 0.1s linear;
            transition: all 0.1s linear; }
            #site_header #banner nav ul li a:focus, #site_header #banner nav ul li a:hover {
              background-color: #333333;
              color: white;
              text-decoration: none; }
          #site_header #banner nav ul li.on a {
            background-color: #333333;
            color: white;
            text-decoration: none; }
          #site_header #banner nav ul li ul {
            position: absolute;
            top: 32px;
            left: 0;
            right: 0;
            display: none;
            height: 32px;
            width: 976px;
            background-color: #333333; }
            #site_header #banner nav ul li ul li a {
              color: white; }
            #site_header #banner nav ul li ul li.on a, #site_header #banner nav ul li ul li a:hover, #site_header #banner nav ul li ul li a:focus {
              background-color: #6e6e6e; }
    #site_header #banner #local_nav {
      display: block;
      padding-bottom: 16px; }

/*
  Search facets list in seach and scoped searches
*/
.has-pagination #facets {
  padding-top: 56px; }

#facets {
  float: left;
  width: 166px;
  padding: 0 16px 16px 0; }
  #facets .facet-group {
    background-color: #e5e5e5;
    margin: 0 0 16px 0; }
    #facets .facet-group h6 {
      height: 48px;
      line-height: 48px;
      font-size: 16px;
      padding: 0 0 0 16px;
      color: #333; }
    #facets .facet-group ul li {
      position: relative;
      display: block;
      height: 32px;
      line-height: 32px;
      padding: 0; }
      #facets .facet-group ul li .item {
        display: block;
        height: 100%;
        padding: 0 0 0 16px; }
      #facets .facet-group ul li a {
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-transition: all 0.1s linear;
        -moz-transition: all 0.1s linear;
        -o-transition: all 0.1s linear;
        transition: all 0.1s linear; }
        #facets .facet-group ul li a:focus, #facets .facet-group ul li a:hover, #facets .facet-group ul li a.active {
          background-color: #333;
          color: #fff;
          text-decoration: none; }
          #facets .facet-group ul li a:focus .count, #facets .facet-group ul li a:hover .count, #facets .facet-group ul li a.active .count {
            color: #fff; }
      #facets .facet-group ul li .count {
        position: absolute;
        top: 0;
        right: 0;
        color: #666;
        padding-right: 16px; }

.pagination {
  height: 40px;
  display: block;
  background-color: #e5e5e5;
  margin: 0 0 16px 0; }
  .pagination span {
    color: #ccc; }
  .pagination span, .pagination a {
    float: left;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 0; }
  .pagination .current, .pagination a:focus, .pagination a:hover {
    background-color: #333;
    color: #fff;
    text-decoration: none; }
  .pagination .prev_page {
    text-indent: -9999px;
    overflow: hidden;
    background: url("/rd/sites/50335ff370b5c262af000004/theme/images/pagination_arrow_sprite.png") -73px -72px no-repeat #e5e5e5; }
    .pagination .prev_page:focus, .pagination .prev_page:hover {
      background: url("/rd/sites/50335ff370b5c262af000004/theme/images/pagination_arrow_sprite.png") -73px 11px no-repeat #333333; }
    .pagination .prev_page.disabled {
      background: url("/rd/sites/50335ff370b5c262af000004/theme/images/pagination_arrow_sprite.png") -73px -31px no-repeat #e5e5e5; }
      .pagination .prev_page.disabled:focus, .pagination .prev_page.disabled:hover {
        background: url("/rd/sites/50335ff370b5c262af000004/theme/images/pagination_arrow_sprite.png") -73px -31px no-repeat #e5e5e5; }
  .pagination .next_page {
    text-indent: -9999px;
    overflow: hidden;
    background: url("/rd/sites/50335ff370b5c262af000004/theme/images/pagination_arrow_sprite.png") 14px -72px no-repeat #e5e5e5; }
    .pagination .next_page:focus, .pagination .next_page:hover {
      background: url("/rd/sites/50335ff370b5c262af000004/theme/images/pagination_arrow_sprite.png") 14px 11px no-repeat #333333; }
    .pagination .next_page.disabled {
      background: url("/rd/sites/50335ff370b5c262af000004/theme/images/pagination_arrow_sprite.png") 14px -31px no-repeat #e5e5e5; }
      .pagination .next_page.disabled:focus, .pagination .next_page.disabled:hover {
        background: url("/rd/sites/50335ff370b5c262af000004/theme/images/pagination_arrow_sprite.png") 14px -31px no-repeat #e5e5e5; }

#results {
  float: left;
  width: 762px; }
  #results .no-results {
    font-size: 26px; }
  #results .results {
    -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
    border: 1px solid #d3d3d3;
    margin: 0 0 16px 0; }
    #results .results .content {
      width: 496px; }

/*
  A simple block of content used under the header
  on 'scoped search' pages to describe the scope
*/
.enhanced-info {
  position: relative; }
  .enhanced-info .img {
    float: left; }
    .enhanced-info .img img {
      padding-right: 16px; }
  .enhanced-info .text {
    padding-right: 16px; }
  .enhanced-info .block {
    width: 336px;
    margin-top: 16px; }
    .enhanced-info .block .panel .title {
      font-weight: bold; }
    .enhanced-info .block .panel .topics {
      margin-top: 16px; }

/*
  Trainee schemes layout
  /rd/careers/
*/
.trainee-schemes ul li {
  padding: 16px; }
  .trainee-schemes ul li h3 {
    font-size: 20px;
    padding: 0 0 16px 0; }
  .trainee-schemes ul li .desc {
    float: left;
    width: 288px;
    padding: 0 16px 0 0; }
    .trainee-schemes ul li .desc p:first-child, .trainee-schemes ul li .desc a {
      font-size: 15px; }
  .trainee-schemes ul li .apply {
    float: left;
    width: 256px;
    background-color: #e6e6e6;
    padding: 16px; }
    .trainee-schemes ul li .apply .title {
      font-weight: bold;
      padding: 0 0 12px 0;
      display: block; }

/*
  Custom layout for "Constitutional requirements" section on
  About us -> Our Purpose at /about/our-purpose
*/
.constitution .charter h3 {
  font-size: 20px;
  padding: 0 0 16px 0; }
.constitution .charter .charter-box {
  background-color: #f7f7f7;
  border: 1px solid #eaeaea;
  width: 400px;
  margin: 0 auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 34px; }
  .constitution .charter .charter-box .title {
    font-size: 16px;
    padding: 0 0 16px 0;
    font-weight: bold;
    display: block; }
  .constitution .charter .charter-box p {
    color: #333333;
    padding: 0 0 12px 0; }
    .constitution .charter .charter-box p strong {
      font-weight: bold; }
  .constitution .charter .charter-box ol {
    padding: 0 0 0 16px; }
    .constitution .charter .charter-box ol li {
      border: none;
      margin: 0;
      padding: 12px 0 0 0; }
.constitution .downloads h3 {
  padding: 0 0 16px 0;
  font-size: 20px; }
.constitution .downloads .download-boxes .box {
  float: left;
  width: 288px; }
  .constitution .downloads .download-boxes .box .img {
    float: left;
    width: 104px;
    margin-right: 16px; }
  .constitution .downloads .download-boxes .box .meta {
    width: 168px;
    float: left; }
    .constitution .downloads .download-boxes .box .meta * {
      float: left; }
    .constitution .downloads .download-boxes .box .meta .type {
      font-size: 12px;
      color: #666666; }
    .constitution .downloads .download-boxes .box .meta h4 {
      font-size: 16px;
      font-weight: bold;
      padding: 0 0 12px 0;
      color: #333333; }
    .constitution .downloads .download-boxes .box .meta .desc {
      font-weight: normal;
      font-size: 16px;
      margin-bottom: 0;
      padding-bottom: 4px; }
    .constitution .downloads .download-boxes .box .meta a {
      padding-left: 6px;
      color: #006fc9;
      background-color: #fff;
      border: none;
      -webkit-transition: none;
      -moz-transition: none;
      -o-transition: none;
      transition: none; }
      .constitution .downloads .download-boxes .box .meta a.download .icon {
        background: url("/rd/sites/50335ff370b5c262af000004/theme/images/cta_download.png") 0 -14px transparent no-repeat; }
      .constitution .downloads .download-boxes .box .meta a:focus, .constitution .downloads .download-boxes .box .meta a:hover {
        text-decoration: underline; }
  .constitution .downloads .download-boxes .box.charter {
    margin: 0 16px 0 0; }

/*
  Milestones table on History page (about/history)
*/
.milestones .decades .decade {
  height: 152px;
  border-bottom: 1px solid #d3d3d3; }
  .milestones .decades .decade:last-child {
    border: 0; }
  .milestones .decades .decade .year {
    float: left;
    width: 144px;
    height: 152px;
    color: #990000;
    line-height: 152px;
    font-size: 28px;
    text-align: center;
    font-weight: bold; }
  .milestones .decades .decade .img {
    float: left;
    width: 216px;
    height: 120px;
    padding: 16px;
    margin: 0; }
    .milestones .decades .decade .img .ph {
      display: block;
      background-color: #bbb;
      width: 216px;
      height: 120px; }
  .milestones .decades .decade .content {
    float: left;
    width: 568px;
    height: 120px;
    padding: 16px 16px 16px 0; }

/*
  Layout a single location on the Contacts page
*/
.location .address {
  float: left;
  margin-right: 16px;
  padding-bottom: 16px;
  width: 215px; }
  .location .address .img {
    padding-bottom: 16px; }
  .location .address .line {
    display: block;
    font-size: 16px;
    color: #333; }
.location .directions {
  float: left;
  width: 360px; }
  .location .directions .description {
    color: #333; }
    .location .directions .description p:last-child {
      padding-bottom: 0; }
  .location .directions .nearest {
    font-size: 18px;
    font-weight: bold; }
  .location .directions .map {
    width: 360px;
    height: 214px;
    margin-bottom: 20px; }

/*
  404 page layout
*/
.error .content {
  background-color: #fff; }
  .error .content .msgCont {
    padding: 64px; }
    .error .content .msgCont .msg {
      height: 194px;
      background-color: #f2f2f2;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
      border: 1px solid #dbdbdb; }
      .error .content .msgCont .msg .text {
        width: 540px;
        height: 80px;
        margin: 57px auto; }
        .error .content .msgCont .msg .text .icon {
          float: left;
          margin: 0 30px 0 0;
          width: 80px; }
        .error .content .msgCont .msg .text h1, .error .content .msgCont .msg .text h2 {
          width: 430px;
          float: left; }
        .error .content .msgCont .msg .text h1 {
          font-size: 28px;
          padding: 0 0 16px 0; }
          .error .content .msgCont .msg .text h1 .blue {
            color: #006fc9; }
        .error .content .msgCont .msg .text h2 {
          font-size: 15px;
          font-weight: normal;
          line-height: 1.2; }