/* General Colours */
/* Corporate settings */
/*#00736b*/
/*rgb(0,117,109)*/
/*#68003f*/
/*rgb(102,0,61)*/
/*#F7C100*/
/*rbg(245,192,0)*/
/*#B4B6B9*/
/*rbg(181,183,186)*/
/*#006ebe*/
/*rgb(0,110,189)*/
/*hsl(93, 100%, 51%);*/
/*#3A8200*/
/*rgb(58, 130, 0)*/
/*#430071*/
/*rbg(67,0,112)*/
/*#CC360B*/
/*rbg(204,54,11)*/
/*#00829d*/
/*rgba(0, 130, 157, 1)*/
/* Colours for research area actions added in Jan 2016*/
/* VoP Colours */
/* Blob and force colours (wash buttons as force blobs are actual images) */
/* Outline used to outline blobs and legend elements */
/* Overall vop control colour (buttons, date-slider, etc */
/* VoP ajax loader */
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
nav#top ul.nav-pills {
  margin: 0;
  padding: 0;
}
@media (min-width: 992px) {
  nav#top ul.nav-pills {
    height: 40px;
    overflow: hidden;
  }
  .navbar-header > .navbar-brand {
    display: none;
  }
}
nav#top ul.nav-pills > li {
  white-space: nowrap;
}
nav#top ul.nav-pills > li:focus {
  background-color: silver;
}
nav#top ul.nav-pills > li > a {
  border-radius: 0;
  border-left: 1px solid #dadadc;
  text-transform: uppercase;
  font-family: DIN, Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold;
  font-size: 1.15em;
}
nav#top ul.nav-pills > li > a:focus {
  background-color: #00756d;
  color: #ffffff;
}
@media (min-width: 992px) {
  nav#top ul.nav-pills > li > a {
    font-size: 1.3em;
  }
}
@media (max-width: 991px) and (min-width: 730px) {
  #navPrimary {
    overflow: hidden;
  }
  nav#top ul.nav-pills > li {
    float: none;
    display: block;
    width: 100%;
  }
}
li.homelink a {
  padding-top: 8px;
}
/*
 * Variant White
 */
nav#top {
  z-index: 622;
}
nav#top ul.nav-pills {
  background-color: white;
  border-top: 1px solid silver;
  border-bottom: 2px solid #00756d;
  border-right: 1px solid silver;
}
nav#top ul.nav-pills > li > a {
  color: #3a3a3a;
  border-left: 1px solid silver;
}
nav#top li > a.active {
  background-color: white;
  color: #00756d;
}
div#page .row {
  margin: 0;
  padding: 0;
}
nav#top .sub-nav {
  position: absolute;
  top: 38px;
  width: 100%;
  /* Next two rules added by TW (30/01/2013) - these centre the mega-dropdown in the viewport */
  margin: 0 auto;
  max-width: 2000px;
  /* was 100% - TW (30/01/2013) */
  z-index: 300;
  border: 0;
  box-shadow: 0px 5px 10px #999999;
  padding: 10px 15px 20px 0;
  -webkit-transition: opacity 80ms linear;
  -moz-transition: opacity 80ms linear;
  -o-transition: opacity 80ms linear;
  transition: opacity 80ms linear;
}
#top > ul.nav-pills > li.pre-hover > a {
  background-color: #f4f4f6;
  color: #ffffff;
}
nav#top .slidebehind {
  background-color: #00756d;
  z-index: 299;
  width: 100%;
  -webkit-transition: height 250ms ease-in-out;
  -moz-transition: height 250ms ease-in-out;
  -o-transition: height 250ms ease-in-out;
  transition: height 250ms ease-in-out;
  position: absolute;
  height: 0;
}
nav#top ul li.megahover > a {
  background-color: #00756d;
  color: #ffffff;
}
nav#top > ul {
  border-bottom: 1px solid #ffffff;
}
nav#top > ul > li {
  white-space: nowrap;
  margin: 0;
}
nav#top .sub-nav div section {
  margin-bottom: 5px;
}
nav#top .sub-nav div section a {
  color: #ffffff;
  display: block;
  width: 100%;
  font-size: 1.32em;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  padding: 2px 2px 2px 12px;
  border-radius: 5px;
  line-height: 1.32em;
}
nav#top .sub-nav div section a:hover {
  background-color: #002222;
}
nav#top .sub-nav div section a:active {
  background-color: #002222;
  color: silver;
}
nav#top .sub-nav div section ul {
  margin: 10px 0 10px 0;
  padding: 0;
}
nav#top .sub-nav div section h2 {
  margin-top: 5px;
  margin-bottom: 5px;
}
nav#top .sub-nav div section h2 a {
  /*font-size: 18px;*/
  font-size: 0.83em;
  text-transform: uppercase;
  font-family: DIN_REG, Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold;
  margin: 3px 3px 5px 0;
  background-color: #005555;
  /* Added by TW (31/01/2013) */
  padding: .17em .3em 0 12px;
  border-radius: 0px;
}
nav#top .sub-nav div section h2 span {
  color: #ffffff;
  text-align: right;
}
nav#top .sub-nav div section li {
  font-size: 0.8125em;
  margin-bottom: 5px;
  list-style: none;
}
header #scrollerbar {
  padding: 10px 10px 10px 10px;
}
header.sticky {
  margin-left: 0;
  padding-left: 15px;
}
header.sticky #scrollerbar {
  position: fixed;
  z-index: 998;
  height: 60px;
  width: 100%;
  padding: 0 15px;
  background-color: #ffffff;
  left: 0;
  top: 0;
}
.pin-top {
  position: fixed;
  z-index: 997;
  width: 100%;
  left: 0;
}
header.sticky #search {
  margin-top: 30px;
}
nav#top.pin-top {
  top: 60px;
  padding: 0 15px 0 15px;
  background-color: #ffffff;
}
#content.sticky #sharebaroverlay {
  position: fixed;
  bottom: 0;
  width: 66.6666667%;
  margin-top: auto;
  z-index: 500;
  border-top: 0;
}
#sharebarplaceholder {
  display: none;
}
#content.sticky #sharebarplaceholder {
  display: block;
  height: 43px;
}